@CHARSET "UTF-8";
/*수정일 2021-03-10 14pm*/
/*PTWEB COMMON.CSS*/

::selection{background-color: #ffe8eb;color: #ee2c49;}
img { -ms-interpolation-mode: bicubic; } 
/*font*/
/* 국문 Noto sans KR */
@font-face {font-family:'Noto Sans KR'; font-weight:300; src:url(/font/NotoSansKR-Light.woff) format('woff'), url(/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype'), local(※);}
@font-face {font-family:'Noto Sans KR'; font-weight:400; src:url(/font/NotoSansKR-Regular.woff) format('woff'),url(/fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype'), local(※);}
@font-face {font-family:'Noto Sans KR'; font-weight:500; src:url(/font/NotoSansKR-Medium.woff) format('woff'), url(/fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype'),  local(※);}
@font-face {font-family:'Noto Sans KR'; font-weight:700; src:url(/font/NotoSansKR-Bold.woff) format('woff'),url(/fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype'),  local(※);}

@font-face {font-family:'Pretendard';   font-weight:300; src:url(/font/Pretendard-Light.woff) format('woff'),url(/font/Pretendard-Light.woff) format('opentype'),  local(※);}
@font-face {font-family:'Pretendard';   font-weight:400; src:url(/font/Pretendard-Regular.woff) format('woff'),url(/font/Pretendard-Regular.woff) format('opentype'),  local(※);}
@font-face {font-family:'Pretendard';   font-weight:500; src:url(/font/Pretendard-Medium.woff) format('woff'),url(/font/Pretendard-Medium.woff) format('opentype'),  local(※);}
@font-face {font-family:'Pretendard';   font-weight:600; src:url(/font/Pretendard-Bold.woff) format('woff'),url(/font/Pretendard-Bold.woff) format('opentype'),  local(※);}
@font-face {font-family:'Pretendard';   font-weight:700; src:url(/font/Pretendard-ExtraBold.woff) format('woff'),url(/font/Pretendard-ExtraBold.woff) format('opentype'),  local(※);}
/* 영문 Open Sans */
@font-face {font-family:'Open Sans'; font-weight:100; src:url(/font/OpenSans-Light.ttf) format('truetype'), local(※);}
@font-face {font-family:'Open Sans'; font-weight:300; src:url(/font/OpenSans-Regular.ttf) format('truetype'), local(※);}
@font-face {font-family:'Open Sans'; font-weight:500; src:url(/font/OpenSans-SemiBold.ttf) format('truetype'), local(※);}
@font-face {font-family:'Open Sans'; font-weight:700; src:url(/font/OpenSans-Bold.ttf) format('truetype'), local(※);}
/* font */
.font_jp {font-family: Gulim, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "맑은고딕", "malgun gothic",  "돋움", dotum, sans-serif; color:#333333; }
.font_cn {font-family: '宋體', 'simsun', Arial;  color:#333333; }
.font_cn_t {font-family: Helvetica, '宋體', 'simsun', Arial, "Microsoft MingLiU", 新細明體, sans-serif; color:#333333; } /* 번체 */
.font_cn_s {font-family: Helvetica, '宋體', 'simsun',  Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; color:#333333; } /* 간체 */
/*** 공통 스타일 ***/

* {font-family:'Pretendard', 'Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Suit', 'Apple SD Gothic Neo', Sans-serif,serif; font-weight:400; letter-spacing:-0.75px;}
h1, h2, h3, h4, h5, h6, strong {font-weight:500;}
body{font-weight:400; font-family:'Pretendard','Noto Sans KR','Nanum Gothic', '나눔고딕' , Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif !important; font-size:15px}
th, td, input, select, textarea, button   {font-weight:400; font-family:'Pretendard','Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif !important; font-size:16px;}
em, i {font-style:normal;}
.font_up *, .font_up .sp_edu_list li span.edu_title{font-size: 20px;}

input[type="text"], input[type="password"], input[type="date"], select {font-size:15px;height:40px;border:1px solid #ddd;border-color:#ddd; padding: 0 10px; box-sizing:border-box; border-radius: 6px;}
.dropdown_width {width: 60%;}
select.readonly {border:1px solid #ddd;}
fieldset {display: block;min-width: 0;max-width: 100%;width: 100%;text-overflow: clip;}
button {cursor:pointer; line-height:normal;}
textarea {font-size:15px; padding: 10px; border:1px solid #ddd !important; box-sizing:border-box;}
input[type=checkbox]{-webkit-appearance: none; -moz-appearance: none; /* background-color:#ddd */border:1px solid #ccc; width: 17px; height: 17px;margin:0;  border-radius: 4px;}
input[type=checkbox]:checked{background-image:url(../img/icon_check_on.png);border:1px solid #ee2c49; background-size: cover;}
input[type=radio]{-webkit-appearance: none; -moz-appearance: none; background-color:#fff; border:1px solid #cdcdcd; border-radius: 50%; box-sizing:border-box; background-size: 100% auto; width: 18px; height: 18px; margin:0;}
input[type=radio]:checked{background-image: url(../img/input_radio.jpg); border:0;}
input[type=radio]:disabled{background:#ddd; border:0;}
input[type='radio'] + label, input[type='checkbox'] + label {vertical-align:middle; padding-left:5px;}
.multi-select-button{ height: 38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #555;}
.multi-select-menuitem{padding:0.6em 1em 0.6em 1em;}
.multi-select-menuitem input{position:static;}

.push_checked{float:left; font-size: 0.875rem; font-weight: 300;color: #999;margin:0.2rem 0 0 1rem;}
.push_checked input{display:none;}
.push_checked .switch_style{vertical-align: middle;height: 1.2em; left: 0; background: #c0ccda; -webkit-border-radius: .8em; border-radius: .8em;  display: inline-block; position: relative; top: 0;width: 2.3em; cursor: pointer;}
.push_checked.on .switch_style {background-color: #c70713;}
.push_checked .switch_style:before {display: block; content: ''; height: 1em;  position: absolute; width: 1em; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; left: .1em; top: .1em;}
.push_checked.on .switch_style:before { left: 50%;}

.file_input{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox .upload-name { display: inline-block;width: 250px; padding: .5em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
.filebox .upload-name + label { vertical-align: middle;}

/* 아이콘 */
.icon_new {display:inline-block; width:1.071rem; height:1.071rem; background:url(../img/main/notice_new.png); margin-left: 8px; vertical-align:top; background-size: 100% auto;}
.icon_srch {display:inline-block; width: 2.5rem; height: 1.785rem; background:url(../img/icon_srch.png); margin-right: 5px; vertical-align:top; background-size: 100% auto;}
.icon_curriculum {display:inline-block; width: 1.714rem; height: 1.714rem; background:url(../img/icon_curriculum.png); margin-right: 5px; vertical-align:top; background-size: 100% auto;}
.icon_best {display:inline-block; width: 1.714rem; height: 1.714rem; background:url(../img/icon_best.png); margin-right: 5px; vertical-align:top; background-size: 100% auto;}

/* 레이아웃 관련 */
body { position:relative; background:#fff; line-height:1; height:100%; width:100%; color:#333333; min-width: 320px; overflow-x:hidden;}
.wrapper_black { width:100%; height:100%; position:absolute; top:0; left:0; background:black; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=70); z-index:900; }
.sr_only {position: absolute;overflow: hidden;width: 1px;height: 1px;padding: 0;margin: -1px;border: 0;clip: rect(0,0,0,0);}
.lh_15 {line-height: 1.5}
.sm_text {color:#999; display:inline-block; line-height:1.3;}
.edu_mail_send{border: 1px solid #cccccc;background: #f6f6f7;margin: 5px 0;}
.edu_mail_send p{color: #4e5cbd;padding-left: 5px;}
#content{min-height:530px;margin-bottom: 100px;}
/*header*/
header{min-width:1200px; width:100%;}
header ul li{float: left;}
#pt_header .pt_top_menu_bg{background-color: #ee2c49;}
#pt_header .pt_top_menu .pt_main_menu li{line-height: 2.5; background-color: #d1102d;}
#pt_header .pt_top_menu .pt_main_menu li a{padding: 0 20px; color: #fff; border-left: 1px solid #b2001b;font-size:15px;}
#pt_header .pt_top_menu .pt_main_menu li:first-child a{border-left: none;}
/* #pt_header .pt_top_menu .util_lang a{font-size:13px;display: block; color: #fff; line-height: 2; padding: 0px 35px 0px 18px; margin-top: 10px; background-color: #d1102d; border-radius: 20px; background-image: url(../img/header_lang.jpg); background-repeat: no-repeat; background-position: 55px 8px;} */
#pt_header .pt_top_menu .util_lang a{font-size:13px;display: block; color: #fff; line-height: 2; padding: 0px 18px; margin-top: 6px; background-color: #d1102d; border-radius: 20px;}
#pt_header .pt_top_menu .pt_util_menu li{line-height: 2.5; color: #fff; }
#pt_header .pt_top_menu .pt_util_menu li a{padding: 0 10px; color: #fff; border-left: 1px solid #d1102d;font-size:13px;}
#pt_header .pt_top_menu .pt_util_menu li:first-child a{border-left: none;}
#pt_header .pt_logo_area{padding: 20px 0px; position: relative;}
#pt_header .pt_logo_area:after {display:block; content:''; clear:both; }
#pt_header .pt_logo_area .top_logo a{display: block; width:208px; height: 50px; text-indent: -50000px; overflow: hidden; background-image: url(../img/tt_logo.png);background-size: 100% auto; background-repeat: no-repeat; background-position: left 5px;}
#pt_header .pt_logo_area .pt_header_search_area{margin-left: 165px; position: relative;}
#pt_header .pt_logo_area .pt_header_search_area input{padding: 8px 15px; border: 2px solid #ee2c49 !important; border-radius: 40px; width: 400px;font-size: 16px;box-sizing:content-box;}
#pt_header .pt_logo_area .pt_header_search_area input:focus {outline:0}
#pt_header .pt_logo_area .pt_header_search_area .btn_search{position: absolute; top: 50%; right: 10px; display: block; width: 30px; height: 30px; background-image: url(../img/header_seardh.jpg); background-repeat: no-repeat; background-position: center center; text-indent: -50000px; overflow: hidden;transform:translateY(-50%);background-color:transparent;}
#pt_header .pt_logo_area .pt_user_menu{position: absolute; top: 22px; right: 0;}
#pt_header .pt_logo_area .pt_user_menu li a{display: inline-block; padding: 35px 20px 0; font-size: 14px; background-repeat: no-repeat; background-position: center top;}
#pt_header .pt_logo_area .pt_user_menu li:nth-child(1) a{background-image: url(../img/header_mypage.jpg);}
#pt_header .pt_logo_area .pt_user_menu li:nth-child(2) a{background-image: url(../img/header_call.jpg);}
#pt_header .pt_logo_area .pt_user_menu li:nth-child(3) a{background-image: url(../img/header_kpc2.jpg);background-position: center top 2px;}
#pt_header .pt_edu_menu_area_bg{border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
#pt_header .pt_edu_menu_area a{line-height: 48px; font-size: 19px; font-weight: 500; color:#000;}
#pt_header .pt_edu_menu_area a.all_menu{float: left; width: 150px;}
#pt_header .pt_edu_menu_area a.all_menu span{font-size:19px;}
#pt_header .pt_edu_menu_area a.all_menu span:after {display:inline-block; content:''; width: 28px; height: 28px; background-image: url(../img/header_allmenu.jpg); background-repeat: no-repeat; vertical-align: top; margin: 10px 0 0 15px;}
#pt_header .pt_edu_menu{width:calc(100% - 150px);display:table;table-layout: fixed;}
#pt_header .pt_edu_menu_area .pt_edu_menu li{text-align: center;padding: 0px;display: table-cell;    float: none;}
#pt_header .pt_edu_menu_area .pt_edu_menu li a{display:block; width:100%; transition: color 0.3s;}
#pt_header .pt_edu_menu_area .pt_edu_menu li a span i.live{display:inline-block;width:29px;height:19px;background-image:url(../img/top_live.png);background-repeat:no-repeat;margin-left:4px;}

html.is-pc #pt_header .pt_edu_menu_area .pt_edu_menu li:hover a{/* font-size: 22px; */ color:#ee2b49;}
#pt_header .pt_menu_btn {display:none;}

/* 검색 키워드 */
.pt_header_search_keyword {display:none; position:absolute; top: 70px; left:0; width: 100%; z-index: 200;}
.pt_header_search_keyword.on {display:block;}
.pt_header_search_keyword_close{position:absolute;bottom: 10px; right: 10px; z-index: 10; color: #999;cursor:pointer;}
.pt_header_search_keyword .keyword_row {display:flex; justify-content: space-between;}
.pt_header_search_keyword .keyword_row > div {flex: 0 0 auto; border:1px solid #cfcfcf; background:#fff; border-radius: 5px; box-shadow: 0px 3px 5px rgba(0,0,0,0.2); box-sizing:border-box;}
.pt_header_search_keyword .keyword_list {width: 65%; padding: 20px 20px 40px 20px; position:relative;}
.pt_header_search_keyword .keyword_tit {display: block; margin-bottom: 16px; font-size: 16px; color:#101010; font-weight: 500;}
.pt_header_search_keyword .keyword_auto li {width: 100%; float:none;}
.pt_header_search_keyword .keyword_auto li + li {margin-top: 4px;}
.pt_header_search_keyword .keyword_auto li a {display:inline-block; font-size: 12px; color: #666; overflow:hidden; max-width: 100%; text-overflow:ellipsis; white-space:nowrap;}
.pt_header_search_keyword .keyword_auto li a span {font-size: inherit; color:#4d5bbc;}
/* .pt_header_search_keyword .keyword_recent {position:relative; margin-top: 13px; padding-top: 10px; border-top: 1px dashed #b6b6b6;}*/
.pt_header_search_keyword .keyword_recent li {width: 100%; padding: 0px 30px 0px 0; box-sizing:border-box; position:relative;}
.pt_header_search_keyword .keyword_recent li + li {margin-top: 4px;}
.pt_header_search_keyword .keyword_recent li a {display:inline-block; font-size: 15px; color: #666; overflow:hidden; max-width: 100%; text-overflow:ellipsis; white-space:nowrap;line-height: 1.5;}
.pt_header_search_keyword .keyword_recent li .btn_del {position:absolute; top:50%; right:0; transform: translateY(-50%); background: url(../img/icon_del_grey.png) no-repeat center; width: 15px; height: 15px; }
.pt_header_search_keyword .keyword_foot {text-align:right; position:absolute; bottom: 10px; right: 15px;}
.pt_header_search_keyword .keyword_foot > span {display: inline-block;}
.pt_header_search_keyword .keyword_foot > span:last-child:before {display:inline-block; content:''; width:1px; height:13px; background:#b1b1b1; margin: 0 5px; vertical-align:middle;}
.pt_header_search_keyword .keyword_foot .btn_auto_off {font-size: 13px; color:#b0b0b0; background:#fff; vertical-align:middle;}
.pt_header_search_keyword .keyword_foot .btn_auto_on {font-size: 13px; color:#b0b0b0; background:#fff; vertical-align:middle;}
.pt_header_search_keyword .keyword_foot .btn_all_del {position:relative; font-size: 13px; color:#b0b0b0; padding-right: 20px; background:#fff; vertical-align:middle;}
.pt_header_search_keyword .keyword_foot .btn_all_del:after {display:block; content:''; width: 18px; height:18px; background: url(../img/icon_del_grey.png) no-repeat center; position:absolute; top:50%; right:0; transform: translateY(-50%);}
.pt_header_search_keyword .keyword_hot {width: 35%; padding: 20px 12px; z-index: 10;} 
.pt_header_search_keyword .keyword_hot .keyword_tit {margin-bottom: 15px;}
.pt_header_search_keyword .keyword_hot li {width: 100%; padding: 8px 0;}
/* .pt_header_search_keyword .keyword_hot li + li {border-top:1px dashed #ede9e8;}*/
.pt_header_search_keyword .keyword_hot li a {font-size: 14px; font-weight: 400; color:#a19d9d; overflow:hidden; max-width: 100%; text-overflow:ellipsis; white-space:nowrap;}
.pt_header_search_keyword .keyword_hot li a .num {display:inline-block; font-size: 14px; color:#ef2d48; margin-right: 10px; color: #000; font-weight: 600;}
#keyword_hot_list li{display: block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.keyword {color: #4d5cbc;}
.search_content .hash *{font-size: 14px; color:#969494;}
.result_item .result_edu .card_top .title *{font-size:18px;font-weight: 600;}
.result_item .result_edu .card_top .history *{ font-size: 15px;}
.result_item .result_list .list .title *{font-size:18px;}


body{overflow-y: hidden;}
.sco{overflow-y: visible;}

.mobile_block{display:none;width:100%;height:calc(100% - 187px); position:fixed; top:187px;z-index:110; background-color:rgba(0,0,0,0.2);}
.mobile_edu_list > * {box-sizing:border-box;}
.mobile_block.on{display:block;}
#pt_header .mobile_edu_list_area{display:none;position:absolute;top:187px;left:50%;margin-left:-600px;width:1200px;height:65%;z-index:110; overflow-y:auto;border:1px solid #ddd;border-top:0;background-color:#f5f7fa;box-shadow:0px 3px 5px rgba(0,0,0,0.2);}
#pt_header .mobile_edu_list_area.on{display:block;}
#pt_header .mobile_edu_list{background-color:#fff;}
#pt_header .mobile_edu_list li{float:none; }
#pt_header .mobile_edu_list>li+li {border-top:1px solid #e2e7ee;}
#pt_header .mobile_edu_list>li>a{display:block;font-size:1.285rem;padding:1.5rem 2.5rem; cursor:pointer;background-color:#eef3fb;color:#818182;}
#pt_header .mobile_edu_list>li>span{display:block;font-size:1.285rem;padding:1.5rem 2.5rem; cursor:pointer;background-color:#eef3fb;position:relative;color:#818182;}
#pt_header .mobile_edu_list>li>span:after {display:block; content:''; width:1.428rem; height:1.428rem; background-image:url(../img/me_li.png); background-size: 100% auto; background-repeat:no-repeat; position:absolute; top: 50%; right: 2.5rem; transform:translateY(-50%);}
#pt_header .mobile_edu_list>li>span.openList {color:#000;}
#pt_header .mobile_edu_list>li>span.openList:after {background-image:url(../img/me_lion.png);}
#pt_header .mobile_edu_list>li>span + ul{display:none;}
#pt_header .mobile_edu_list>li>span + ul.openul{display:block;}
#pt_header .mobile_edu_list>li>span + ul.openul>li>a{display:block;font-size:1.142rem;padding:1.5rem 3.214rem; background-color:#fff;border-bottom:1px solid #eef3fb;cursor:pointer;color:#666666; position:relative;}
#pt_header .mobile_edu_list>li>span + ul.openul>li.hasSub>a:after{display:block; content:''; width:1.071rem; height:1.071rem;  background-image:url(../img/me_li2.png); background-size: 100% auto; background-repeat:no-repeat; position:absolute; top: 50%; right: 3.214rem; transform:translateY(-50%)}
#pt_header .mobile_edu_list>li>span + ul.openul>li.hasSub>a.openList {color:#000;}
#pt_header .mobile_edu_list>li>span + ul.openul>li.hasSub>a.openList:after {background-image:url(../img/me_lion2.png);}
#pt_header .mobile_edu_list>li>span + ul.openul>li>a + ul{display:none;}
#pt_header .mobile_edu_list>li>span + ul.openul>li>a + ul.openul{display:block; padding: 1.5rem 0;border-bottom:1px solid #eef3fb;}
#pt_header .mobile_edu_list>li>span + ul.openul>li>a + ul.openul>li+li {margin-top: 1rem;}
#pt_header .mobile_edu_list>li>span + ul.openul>li>a + ul.openul>li>a{display:block;font-size:1.071rem;padding:0 4.285rem;cursor:pointer;color:#666;}
#pt_header .mobile_edu_list>li>span + ul.openul>li>a + ul.openul>li>a:before{content:'-';display:inline-block;margin-right: 10px;}

.mobile_block.bt{display:none;width:100%;height:calc(100% - 187px); position:fixed; top:0px;left: 0;z-index:110; background-color:rgba(0,0,0,0.2);}
.mobile_block.bt.on{display:block;}
#pt_header .mobile_edu_list_area.bt{height:calc(100% - 18.2em); position:fixed; box-shadow:none;border-bottom: 1px solid #d8d8d8;}


.mobile_block2{display:none;width:100%;height:100%;position:fixed; top:0px;z-index:110; background-color:rgba(0,0,0,0.2);}
.mobile_block2.on{display:block;}
#pt_header .mobile_all_menu{display:none;flex-direction:column;position:fixed;top:0;right:0;width:90vw;height:100%;background-color:#fff;z-index:110;overflow-y:auto;min-width: 290px;}
#pt_header .mobile_all_menu.on{display:flex;}

#pt_header .mobile_all_menu .mam_top{background-color:#e7e7e7;padding:2rem 1.25rem;}
#pt_header .mobile_all_menu .mam_home{display:inline-block; width:1.250rem; height:1.125rem;text-indent:-50000000px; overflow:hidden;background-image:url(../img/mobile/mo_home.png);background-repeat:no-repeat;float:left; background-size: 100% auto;}
#pt_header .mobile_all_menu .mam_user{font-size:1.125rem;font-weight:500;float:left;margin-left:0.5rem;}
#pt_header .mobile_all_menu .mam_user a{font-size:0.875rem;font-weight:300;color:#999;margin-left:0.5rem;}
#pt_header .mobile_all_menu .mam_close{float:right;display:inline-block;  width:1.125rem; height:1.125rem;text-indent:-50000000px; overflow:hidden;background-image:url(../img/mobile/mo_close.png);background-repeat:no-repeat;background-size:100% auto;}
#pt_header .mobile_all_menu .mam_qm_list{clear:both;width:100%;margin-top:1rem;overflow:hidden; cursor:pointer}
#pt_header .mobile_all_menu .mam_qm_list li{float:left;width:23%;margin-left:2%;}
#pt_header .mobile_all_menu .mam_qm_list li a:before{content:'';display:block;width:4.5rem; height:4.5rem;margin:2rem auto 0.825rem;border-radius:4.5rem;background-color:#fff;background-repeat:no-repeat;background-position: center;background-size: 60%;}
#pt_header .mobile_all_menu .mam_qm_list li:nth-child(1) a:before{background-image: url(../img/main/icon_menu3.png);}
#pt_header .mobile_all_menu .mam_qm_list li:nth-child(2) a:before{background-image: url(../img/main/icon_menu1.png);}
#pt_header .mobile_all_menu .mam_qm_list li:nth-child(3) a:before{background-image: url(../img/main/icon_menu5.png);}
#pt_header .mobile_all_menu .mam_qm_list li:nth-child(4) a:before{background-image: url(../img/main/icon_menu2.png);}
#pt_header .mobile_all_menu .mam_qm_list li a{display:block; text-align:center;color:#666;}

#pt_header .mobile_all_menu .mam_menu_area{display:flex;justify-content:space-between;flex:1;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tab{margin:0;width:25%;height:100%;background-color:#222A3A;display:block;padding-bottom:3rem; border-right:0;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tab li{display:block;float:none;background-color:#222A3A;border:none;width:100% !important;min-height:0 !important;margin:0;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tab li a{font-weight:500;color:#fff;background-color:rgba(0,0,0,0);text-align:center;padding:1rem 0;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tab li.on{background-color:#fff; border:0 !important;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tab li.on a{color:#333;}

#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs{width:70%;padding:0;height:100%;padding-bottom: 3rem;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_title{padding: 1.5rem 0 1rem;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_title strong{font-weight:500;font-size:1.5rem;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_title  strong:after{content:'';display:inline-block;width:0.5rem; height:0.5rem; border-radius:0.5rem;background-color:#ee2c49;margin:0 0 1rem 0.3rem;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list {border-top:2px solid #333;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list li{width:100% !important; float:none;display:block;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list>li>span{display:block;position:relative;padding: 15px 35px 15px 10px;border-bottom:1px solid #d8d8d8; border-top:none; background-color:#fff;font-size: 16px;cursor: pointer;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list>li>span:before {display:block; content:''; width:1px; height:13px; background:#ababab; position:absolute; top: 50%; right:21px; transform:translateY(-50%);}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list>li>span:after {display:block; content:''; width:1px; height:13px; background:#ababab; position:absolute; top: 50%; right:21px; transform:translateY(-50%) rotate(-90deg);}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list>li>span.openList{background-color:#ffe8eb;border-bottom:1px solid #ffe8eb;border-top:none;color:#ee2c49;font-weight:500;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list>li>span.openList:before {display:none;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list>li>span.openList:after {background-color:#ee2c49;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list>li>a{display:block;padding: 15px 35px 15px 10px;border-bottom:1px solid #d8d8d8; border-top:none; background-color:#fff;font-size: 17px;cursor: pointer;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list>li>a.on{background-color:#ce0322;border-bottom:1px solid #ce0322;border-top:none;color:#fff;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list li ul{display:none;background-color: #fdf7f7; box-sizing:border-box;border-bottom: 1px solid #d8d8d8;border-top:none;padding:5px 0;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list li ul.openul{display:block;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list li ul li{display:block;width:100%;padding: 0px; font-size: 15px;border: none; background-image:none;cursor: pointer;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list li ul li a{display:block; color:#000;padding: 10px 5px 10px 10px;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list li ul li a:before{content:'';display: inline-block;width:5px; height:1px; margin:0px 8px 5px 0;background-color:#999;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list li ul li.on a,#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list li ul li a.on{color:#ee2c49;}
#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list li ul li.on a:before,#pt_header .mobile_all_menu .mam_menu_area .pt_com_tabboxs .mam_menu_list li ul li a.on:before{background-color:#ee2c49;}


@media screen and (max-width: 1220px) {
   #pt_header .mobile_edu_list_area{left:0;margin-left:0;width:100%;border-width: 1px 0 0 0;}
}
@media screen and (max-width: 1024px) {
   #pt_header .mobile_edu_list_area{top:13.1em;height:calc(100vh - 13.1em);}
   .mobile_block{top:13.1em;height:100%;}
   /* 11.28em */
}

@media screen and (max-width: 500px) {
input[type="text"], input[type="password"], input[type="date"], select {width:150%; font-size: 14px !important;}
#pt_header .pt_edu_menu_area .pt_edu_menu li a span {font-size: 16px !important;font-weight: 600;}
}
/*퀵메뉴*/
.quick_menu{width:118px; position: fixed; top: 42px; right: 0;z-index: 200; transition: all 0.3s;z-index:900;}
.quick_menu.close{right: -95px;}
.quick_menu .qm_toggle_btn{float: left;width: 23px;height: 75px;margin-top: 61px; background-color: #666;border-radius: 12px 0 0 12px;text-indent: -5000000px; overflow: hidden;}
.quick_menu .qm_toggle_btn span{display: block;width: 23px;height: 75px; background-image: url(../img/main/quick_toggle.jpg);background-repeat: no-repeat; background-position: center;cursor: pointer;}
.quick_menu .qm_toggle_btn span.close{transform: rotate(180deg);}
.quick_menu .qm_menu_area {float: right;width: 95px;}
.quick_menu .qm_menu_area .qm_list{border: 1px solid #d8d8d8;background-color: #f5f5f5;}
.quick_menu .qm_menu_area .qm_list li{text-align: center; background-repeat:no-repeat; background-position:center;}
.quick_menu .qm_menu_area .qm_list li a{display: block; font-size:14px; padding: 11px 0; box-sizing:border-box;}
.quick_menu .qm_menu_area .qm_list li[class*=item] {padding: 0 10px; box-sizing:border-box;}
.quick_menu .qm_menu_area .qm_list li[class*=item] a{position:relative; border-top:1px solid #e5e5e5;}
.quick_menu .qm_menu_area .qm_list li[class*=item] a:before {display:inline-block; content:''; background-repeat:no-repeat; background-size: 100% auto;}
.quick_menu .qm_menu_area .qm_list li.item1 a {border-top:0;}
.quick_menu .qm_menu_area .qm_list li.item1 a:before {width: 24px; height: 28px; background-image:url(../img/main/quick_01_02.png);}
.quick_menu .qm_menu_area .qm_list li.item2 a:before {width: 33px; height: 27px; background-image:url(../img/main/quick_02_02.png);}
.quick_menu .qm_menu_area .qm_list li.item3 a:before {width: 30px; height: 29px; background-image:url(../img/main/quick_03_02.png);}
.quick_menu .qm_menu_area .qm_list li.item4 a:before {width: 32px; height: 32px; background-image:url(../img/main/quick_04_02.png);}
.quick_menu .qm_menu_area .qm_list li.item5 a:before {width: 32px; height: 24px; background-image:url(../img/main/quick_05_02.png);}
.quick_menu .qm_menu_area .qm_list li.item6 a:before {width: 26px; height: 30px; background-image:url(../img/main/quick_06_02.png);}
.quick_menu .qm_menu_area .qm_list li.item7 a:before {width: 23px; height: 30px; background-image:url(../img/main/quick_07_02.png);}
.quick_menu .qm_menu_area .qm_list li.item8 a:before {width: 32px; height: 36px; background-image:url(../img/main/quick_10_02.png);}
.quick_menu .qm_menu_area .qm_list li[class*=pdb] a{position:relative; border-top:1px solid #e5e5e5; padding: 7px 0;background-color: #000000;font-size: 14px; color: #fff;}
.quick_menu .qm_menu_area .qm_list li.pdb1 a:before {width: 33px; height: 3px;}
.quick_menu .qm_menu_area .qm_list li.pdb2 a:before {width: 33px; height: 3px;}
.quick_menu .qm_menu_area .qm_list li[class*=item] a span {display:block; font-size:14px; margin-top:10px; transition:all 0.3s;}
.quick_menu .qm_menu_area .qm_list li.item1 a:hover:before {background-image:url(../img/main/quick_01_02_on.png);}
.quick_menu .qm_menu_area .qm_list li.item2 a:hover:before {background-image:url(../img/main/quick_02_02_on.png);}
.quick_menu .qm_menu_area .qm_list li.item3 a:hover:before {background-image:url(../img/main/quick_03_02_on.png);}
.quick_menu .qm_menu_area .qm_list li.item4 a:hover:before {background-image:url(../img/main/quick_04_02_on.png);}
.quick_menu .qm_menu_area .qm_list li.item5 a:hover:before {background-image:url(../img/main/quick_05_02_on.png);}
.quick_menu .qm_menu_area .qm_list li.item6 a:hover:before {background-image:url(../img/main/quick_06_02_on.png);}
.quick_menu .qm_menu_area .qm_list li.item7 a:hover:before {background-image:url(../img/main/quick_07_02_on.png);}
.quick_menu .qm_menu_area .qm_list li.item8 a:hover:before {background-image:url(../img/main/quick_10_02_on.png);}
.quick_menu .qm_menu_area .qm_list li[class*=item] a:hover span {color:#ee2c49;}

.quick_menu .qm_menu_area .qm_list li:nth-child(1) a{height:60px;text-indent: -5000000px; overflow: hidden;background-color: #fff;background-image: url(../img/main/quick_logo.jpg);background-position: center; background-repeat:no-repeat;}
.quick_menu .qm_menu_area .qm_list li:nth-child(8) a{color: #fff;padding: 20px 0;background-color: #ee2c49; font-size: 15px;}
.quick_menu .qm_menu_area .qm_list li:nth-child(9) a{color: #fff;padding: 15px 0;background-color: #ee2c49; font-size: 15px;}
.quick_menu .qm_menu_area .qm_list li:nth-child(10) a{color: #fff;padding: 15px 0;background-color: #4d5cbc; font-size: 15px;}
.quick_menu .qm_menu_area .qm_chat{width: 80px; height: 80px;margin:10px 0px 0 5px;background-color: #ee2c49;border-radius: 40px;text-indent: -5000000px; overflow: hidden;background-image: url(../img/main/quick_talk.jpg);background-repeat: no-repeat; background-position: center;box-shadow: 0px 1px 8px rgba(0,0,0,0.4);}
#ch-plugin-core .kyEsUG,  #ch-plugin-core .kjzfjq{position: fixed;right: 10px !important; top: 720px !important;z-index: 100 !important;}
#ch-plugin-core .kyEsUG .ffNPcf, #ch-plugin-core .kjzfjq .dtbjvZ{width: 80px !important; height: 80px !important;margin:10px 0px 0 5px;background-color: #ee2c49;border-radius: 40px;background-image: url(../img/main/quick_talk.jpg) !important;background-size:auto !important;background-repeat: no-repeat; background-position: center;box-shadow: 0px 1px 8px rgba(0,0,0,0.4);}
.is-mob #ch-plugin-core .kyEsUG, .is-mob  #ch-plugin-core .kjzfjq{ top: auto !important; bottom:5.8rem !important;}

/*퀵메뉴 SNS*/
.icon-wrapper {position: relative;}
.kpcsns_container {display: none; position: absolute;top: -50%;left: -355px;background: #fff;border: 1px solid #ddd;padding: 15px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);z-index: 100;}
.kpcsns_container::after {content: '';position: absolute;top: 50%;right: -10px;transform: translateY(-50%);width: 0;height: 0;border-width: 6px 0 6px 10px;border-color: transparent transparent transparent #ddd; }
.kpcsns_container::before { content: '';position: absolute;top: 50%;right: -11px;transform: translateY(-50%);width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 11px;border-color: transparent transparent transparent white;}
dl.icon-trigger::before{ width: 30px;height: 29px;background-image: url(../img/main/quick_09_02.png);content: ''; display: inline-block;}
.icon-trigger {position: relative;cursor: pointer; padding: 10px 14px; flex-direction: column;display: flex;align-items: center; border-top: 1px solid #e5e5e5;}
dl.icon-trigger:hover::before {background-image: url(../img/main/quick_09_02_on.png); }
.icon-trigger span{font-size: 14px; margin-top: 10px;}
dl.icon-trigger:hover{color:#ee2c49; }
.icon-wrapper:hover .kpcsns_container {display: block; }
.kpcsns_box .title { font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.snsicons {display: flex;gap: 10px;}
.icon-container {display: flex; justify-content: center; align-items: center; }
.icon-box {text-align: center;}
.icon {font-size: 24px;margin-bottom: 5px;}
.kpcsns_box .title {font-weight: bold;font-size: 18px;margin-bottom: 15px;color: #333;}
.kpcsns_box .snsicons {display: flex;justify-content: space-around;gap: 0px;}
.kpcsns_box .icon-box {text-align: center;font-size: 14px;}
.kpcsns_box .icon { border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 24px;margin-bottom: 5px;}
.icon {display: flex;justify-content: center; align-items: center; }
.icon img {width: 60%; height: auto; display: block; }

/*푸터*/
/*#content{marign-bottom:100px;} */
footer{min-width:1200px;background-color: #312f2f;height: 300px;overflow: hidden;clear:both;}
.top_footer{overflow: hidden; border-bottom: 1px solid #535353}
.top_footer ul{float:left; }
.top_footer ul li{float:left; padding: 25px 10px;}
.top_footer ul li a{color:#a5a1a1; border-left: 1px solid #393939; padding-left: 20px;font-size: 15px;letter-spacing: 0px; display:block;}
.top_footer ul li:nth-child(1) a{border-left: none; padding-left: 0px; color: #fff;}
.top_footer .gotop{float: right;width: 70px; height: 70px; display: block;background-image: url(../img/main/top.png);background-color: #4d5cbc;text-indent: -500000px;overflow: hidden;background-repeat: no-repeat; background-position: center;}

.bottom_footer{padding-top: 30px;}
.bottom_footer:after {display:block; content:''; clear:both;}
.bottom_footer .copyright p{color:#928d8d;display: inline-flex;line-height: 2; font-weight: 300;}
.bottom_footer .copyright p span{color:#cccccc; letter-spacing: 0px; font-weight: 300;}
.bottom_footer .copyright02 {color:#a5a1a1;display: flex;}
.bottom_footer .copyright02 span{color:#a5a1a1;line-height: 14px;}
.bottom_footer .f_r{width: 500px;}
.bottom_footer .f_r p{border:1px solid #7b7b7b;width:240px; height: 40px;position: relative; top: 0; left: 0;}
.bottom_footer .f_r p:hover{border:1px solid #ccc}
.bottom_footer .f_r p span{position:absolute; display:inline-block; width:100%; height:100%; top:0px; left:0px; background:url('../img/main/footer_selectbox.png');background-repeat: no-repeat; background-position: right 10px center;color:#a5a1a1;line-height: 40px; text-indent: 10px;}
.bottom_footer .f_r p select{opacity:0; width:100%; height:50px;}
.bottom_footer .f_r p select option{font:300 15px/24px 'Open Sans', 'Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif;}
.certified{padding: 20px 35px 0px 20px; display:block; content:'';}



/*서브페이지 메뉴*/
.sp_title_area{float:left;margin-bottom:50px;width:220px; padding-top: 52px;}
.sp_title_area .sp_title{color: #000; font-weight:700; font-size: 27px; letter-spacing: -.5px; line-height: 1;}
.sp_title_area .sp_nav{width: 100%; margin-top: 25px;border-top:2px solid #000;}
.sp_title_area .sp_nav>li>span, .sp_title_area .sp_nav>li>a,.slot a{display:block;padding: 15px 15px;border-bottom:1px solid #e5e5e5; font-size: 16px;color:#000;cursor:pointer; font-weight: 400; letter-spacing: -.5px;}
.sp_title_area .sp_nav>li>span:hover, .sp_title_area .sp_nav>li>a:hover {color:#ee2b49;}
.sp_title_area .sp_nav>li>span.on + ul{display:block}
.sp_title_area .sp_nav>li>span{position:relative;}
.sp_title_area .sp_nav>li>span:before {display:block; content:''; width:1px; height:13px; background:#ababab; position:absolute; top: 50%; right:21px; transform:translateY(-50%);}
.sp_title_area .sp_nav>li>span:after {display:block; content:''; width:1px; height:13px; background:#ababab; position:absolute; top: 50%; right:21px; transform:translateY(-50%) rotate(-90deg);}
.sp_title_area .sp_nav>li>a.on, .sp_title_area .sp_nav>li>a:hover,.sp_title_area .sp_nav>li>span.on, .sp_title_area .sp_nav>li>span:hover,.sp_title_area .sp_nav>li>span.on a, .sp_title_area .sp_nav>li>span:hover a
,.sp_title_area .sp_nav>li>span.openList,.sp_title_area .sp_nav>li>span.openList a {border-color: #333333;;color:#ee2c49;font-weight:500;}
.sp_title_area .sp_nav>li>a:hover:before, .sp_title_area .sp_nav>li>span:hover:before,
.sp_title_area .sp_nav>li>span.openList:before {display:none;}
.sp_title_area .sp_nav>li>a:hover:after, .sp_title_area .sp_nav>li>span:hover:after,
.sp_title_area .sp_nav>li>span.openList:after, .sp_title_area .sp_nav>li>a:hover:after,.sp_title_area .sp_nav>li>span.on:after,.sp_title_area .sp_nav>li>span:hover:after {background-color:#ee2c49;}

.sp_title_area .sp_nav li ul{display:none;background-color: #f9fafb; box-sizing:border-box; border-bottom:1px solid #dcd8d9; }
.sp_title_area .sp_nav li ul.openul{display:block;}
.sp_title_area .sp_nav li ul li{display:block;width:100%; font-size: 15px;}
.sp_title_area .sp_nav li ul li + li {margin-top: 10px;}
.sp_title_area .sp_nav li ul li a{display:block; color:#666; padding: 0 0 0 17px; line-height:normal; transition: color 0.2s; letter-spacing: -1px; font-weight: 400;}
.sp_title_area .sp_nav li ul li:first-child a{padding: 17px 0 0 17px;}
.sp_title_area .sp_nav li ul li:last-child a{padding: 0 0 17px 17px;}
.sp_title_area .sp_nav li ul li:only-of-type a{padding: 17px 0 17px 17px;}
.sp_title_area .sp_nav li ul li a:before{content:'';display: inline-block;margin-right:8px; margin-left: 2px;}
.sp_title_area .sp_nav li ul li.on a, .sp_title_area .sp_nav li ul li:hover a{color:#ee2b49; font-weight: 400;}
.sp_title_area .sp_nav li ul li a.on{color:#ee2b49; font-weight: 500;}

.sp_page_nav{float:right; position:relative; top: 25px; z-index:10;}
.sp_page_nav li{display:inline-block;padding:4px 0 4px 18px; color:#888;background-image:url(../img/nav_next.png); background-repeat:no-repeat; background-position:4px center; font-size: 14px;}
.sp_page_nav li a,.sp_page_nav li span{color:#888;}
.sp_page_nav li:nth-child(1) {background:none;}
.sp_page_nav li:nth-child(1) a {padding-left:25px;background:url(../img/nav_home.png) no-repeat 0 center;}

.sp_contents_body{float:right;width:935px;margin-bottom:100px;min-height:406px;}
.sp_contents_body.full {float:none; width: 100%;}
.sp_contents_body>div.center{width:100%;}

/*서브페이지 공통*/
.sp_main_title{ text-align: left; padding: 25px 0 0px;margin-bottom:40px;}
.sp_main_title.spt2{ text-align: center; padding: 40px 0 0px;}
.sp_main_title strong{font-size: 33px; font-weight: 600; color:#000; letter-spacing: -.5px;}
.sp_main_title strong:after{content:'';display:inline-block;width:10px; height:10px; border-radius:15px;background-color:#ee2c49;margin:0 0 25px 5px;}
.sp_sub_title{font-size: 23px; margin-top: 50px; font-weight:600; color:#333; letter-spacing:0;}
/* .sp_sub_title:before{content:'';display:inline-block;width:15px; height:15px;margin-right:5px;background-image: url(../img/cons_title_bullet.png);background-repeat: no-repeat; background-position: center;vertical-align:middle;}*/
.sp_sub_title_red{font-size: 20px; margin-top: 40px;color:#ee2c49;}
.sp_sub_title_red:before{content:'';display:inline-block;width:15px; height:15px;margin-right:5px;background-image: url(../img/title_round_bullet.png);background-repeat: no-repeat; background-position: center;}
.sp_title_wrap {display:flex; align-items:flex-end; justify-content: space-between; margin-bottom: 15px;}
.sp_title_wrap > * {flex:1;}
.sp_title_wrap .right {flex: 0 0 auto; margin-left: auto;}
.sp_title_wrap .sp_table_title{margin-bottom:0 !important; margin-right:10px; display:inline-block;}
.sp_sub_text {font-size: 1.2rem;}

/* 버튼 */
.sp_btn_area {text-align: center;}
.sp_btn_area .btn, .sp_btn_area button, .sp_btn_area a.btn{display: inline-block; border:1px solid #ee2c49; background-color: #ee2c49;padding: 10px 15px;color: #fff ;box-sizing:content-box; cursor: pointer;line-height:1;border:none;}
.sp_btn_area > *+* {margin-left: 10px;}
.sp_btn_area .btn.btn_black, .sp_btn_area button.btn_black, .sp_btn_area a.btn.btn_black{background-color: #333 !important; border:1px solid #333;}
.sp_btn_area .btn.middle_btn, .sp_btn_area button.middle_btn, .sp_btn_area a.btn.middle_btn{display: inline-block; border:1px solid #ee2c49; background-color: #ee2c49;border-radius:3px;padding:12px 20px;font-size:16px;color: #fff; cursor: pointer;line-height:1.2;}
.btn.last_btn{display: inline-block; border:1px solid #e1e1e1; background-color: #ffffff;border-radius:3px;padding:7px 20px;font-size:15px;color: #000000; cursor: pointer;line-height:1.2;}
.sp_btn_area .btn.big_btn, .sp_btn_area button.big_btn, .sp_btn_area a.btn.big_btn{display: inline-block; background-color: #ee2c49; padding:18px 30px 17px;font-size:18px;color: #fff ; cursor: pointer;line-height:1; width: 130px;}
.sp_btn_area .btn.btn_w, .sp_btn_area button.btn_w, .sp_btn_area a.btn_w{display: inline-block; border:1px solid #d8d8d8; background-color: #FFF;color:#333; border-radius:3px;padding: 10px 15px; color: #333 ; cursor: pointer;line-height:1;}
.sp_btn_area .btn.btn_p, .sp_btn_area button.btn_p, .sp_btn_area a.btn_p{display: inline-block; border:1px solid #4d5cbc; background-color: #4e5cbd; border-radius:3px;padding: 10px 15px;color: #fff; cursor: pointer;line-height:1;}
.sp_btn_area .btn.btn_g, .sp_btn_area button.btn_g, .sp_btn_area a.btn_g{display: inline-block; border:1px solid #666; background-color: #666; border-radius:3px;padding: 10px 15px;color: #fff; cursor: pointer;line-height:1;}
.sp_btn_area .btn.bg_b, .sp_btn_area button.btn_b, .sp_btn_area a.btn_b{display: inline-block; border:1px solid #d8d8d8; background-color: #FFF;color:#333; border-radius:3px;padding: 10px 15px; color: #333 ; cursor: pointer;line-height:1;}


/* 기업교육담당자 버튼 */
.sp_btn_area1 .btn, .sp_btn_area button, .sp_btn_area a.btn{display: inline-block; border:1px solid #ee2c49; background-color: #ee2c49;padding: 10px 15px;color: #fff ;box-sizing:content-box; cursor: pointer;line-height:1;border:none;}
.sp_btn_area1 > *+* {margin-left: 5px;}
.sp_btn_area1 .btn.btn_black, .sp_btn_area button.btn_black, .sp_btn_area a.btn.btn_black{background-color: #333 !important; border:1px solid #333;}
.sp_btn_area1 .btn.middle_btn, .sp_btn_area button.middle_btn, .sp_btn_area a.btn.middle_btn{display: inline-block; border:1px solid #ee2c49; background-color: #ee2c49;border-radius:3px;padding:12px 20px;font-size:16px;color: #fff; cursor: pointer;line-height:1.2;}
.btn.last_btn{width: 100px; display: inline-block; border:1px solid #e1e1e1; background-color: #ffffff;border-radius:6px;padding:7px 20px;font-size:15px;color: #000000; cursor: pointer;line-height:1.2;margin: 3px;}
.btn.last_btn1{display: inline-block; border:1px solid #e1e1e1; background-color: #ffffff;border-radius:3px;padding:7px 20px;font-size:15px;color: #000000; cursor: pointer;line-height:1.2; margin-left: 5px;}
.sp_btn_area1 .btn.big_btn, .sp_btn_area button.big_btn, .sp_btn_area a.btn.big_btn{display: inline-block; background-color: #ee2c49; padding:18px 30px 17px;font-size:16px;color: #fff ; cursor: pointer;line-height:1;}
.sp_btn_area1 .btn.btn_w, .sp_btn_area button.btn_w, .sp_btn_area a.btn_w{display: inline-block; border:1px solid #d8d8d8; background-color: #FFF;color:#333; border-radius:3px;padding: 10px 15px; color: #333 ; cursor: pointer;line-height:1;}
.sp_btn_area1 .btn.btn_p, .sp_btn_area button.btn_p, .sp_btn_area a.btn_p{display: inline-block; border:1px solid #4d5cbc; background-color: #4e5cbd; border-radius:3px;padding: 10px 15px;color: #fff; cursor: pointer;line-height:1;}
.sp_btn_area1 .btn.btn_g, .sp_btn_area button.btn_g, .sp_btn_area a.btn_g{display: inline-block; border:1px solid #666; background-color: #666; border-radius:3px;padding: 10px 15px;color: #fff; cursor: pointer;line-height:1;}
.sp_btn_area1 .btn.bg_b, .sp_btn_area button.btn_b, .sp_btn_area a.btn_b{display: inline-block; border:1px solid #d8d8d8; background-color: #FFF;color:#333; border-radius:3px;padding: 10px 15px; color: #333 ; cursor: pointer;line-height:1;}
.cedum_con{display:flex; }
.cedum_btn{display:flex; cursor: pointer; width:370px;border-radius:36px;padding: 20px 15px; border:1px solid #e1e1e1; background-color: #f3f3f3;; margin: 30px auto;align-items: center;justify-content: center;}
.cedum_btn::after{display: inline-block;width: 24px;height: 24px; margin: 0 10px auto; vertical-align: top; background: url(../img/ico_arrow.svg) no-repeat;
content: '';}
 



/* 모바일 기업교육담당자 메뉴 버튼*/
@media (max-width: 768px) {
.sp_btn_area {text-align: center;}
.sp_btn_area .btn, .sp_btn_area button, .sp_btn_area a.btn{display: inline-block; border:1px solid #ee2c49; background-color: #ee2c49;padding: 10px 15px;color: #fff ;box-sizing:content-box; cursor: pointer;line-height:1;border:none;}
.sp_btn_area > *+* {margin-left: 10px;}
.sp_btn_area .btn.btn_black, .sp_btn_area button.btn_black, .sp_btn_area a.btn.btn_black{background-color: #333 !important; border:1px solid #333;}
.sp_btn_area .btn.middle_btn, .sp_btn_area button.middle_btn, .sp_btn_area a.btn.middle_btn{display: inline-block; border:1px solid #ee2c49; background-color: #ee2c49;border-radius:3px;padding:12px 20px;font-size:16px;color: #fff; cursor: pointer;line-height:1.2;}
.btn.last_btn{display: inline-block; border:1px solid #e1e1e1; background-color: #ffffff;border-radius:6px;padding:4px 20px;font-size:15px;color: #000000; cursor: pointer;line-height:1.2;}
.sp_btn_area .btn.big_btn, .sp_btn_area button.big_btn, .sp_btn_area a.btn.big_btn{display: inline-block; background-color: #ee2c49; padding:18px 30px 17px;font-size:16px;color: #fff ; cursor: pointer;line-height:1;}
.sp_btn_area .btn.btn_w, .sp_btn_area button.btn_w, .sp_btn_area a.btn_w{display: inline-block; border:1px solid #d8d8d8; background-color: #FFF;color:#333; border-radius:3px;padding: 10px 15px; color: #333 ; cursor: pointer;line-height:1;}
.sp_btn_area .btn.btn_p, .sp_btn_area button.btn_p, .sp_btn_area a.btn_p{display: inline-block; border:1px solid #4d5cbc; background-color: #4e5cbd; border-radius:3px;padding: 10px 15px;color: #fff; cursor: pointer;line-height:1;}
.sp_btn_area .btn.btn_g, .sp_btn_area button.btn_g, .sp_btn_area a.btn_g{display: inline-block; border:1px solid #666; background-color: #666; border-radius:3px;padding: 10px 15px;color: #fff; cursor: pointer;line-height:1;}
.sp_btn_area .btn.bg_b, .sp_btn_area button.btn_b, .sp_btn_area a.btn_b{display: inline-block; border:1px solid #d8d8d8; background-color: #FFF;color:#333; border-radius:3px;padding: 10px 15px; color: #333 ; cursor: pointer;line-height:1;}
}


/*버튼 수정통합*/
.pt_btn, a.pt_btn, button.pt_btn{display: inline-block; padding: 10px 15px; border:1px solid #d8d8d8;border-radius:3px; background-color:#fff; color:#333;box-sizing:content-box; cursor: pointer;line-height:1;transition:all 0.1s;text-align:center;}
input.pt_btn{height:auto;}

/*버튼 구글일정등록*/
.pt_btn_g, a.pt_btn_g, button.pt_btn_g{display: inline-block; font-size: 14px; padding: 5px 7px; border:1px solid #d8d8d8;border-radius:3px; background-color:#fff; color:#766f6f;box-sizing:content-box; cursor: pointer;line-height:1;transition:all 0.1s;text-align:center;}
input.pt_btn{height:auto;}



/*버튼 검정색 부분수정*/
.sub_lf input{font-size: 12px;padding: 10px 13px;}
.sub_lf input:nth-child(1){margin-right: 10px;}

/*모서리*/
.pt_btn.square, a.pt_btn.square, button.pt_btn.square{border-radius:5px !important;}
/*사이즈*/
.pt_btn.size_xs, a.pt_btn.size_xs, button.pt_btn.size_xs{padding: 4px 9px; font-size:13px;border-radius:22px;}
.pt_btn.size_s, a.pt_btn.size_s, button.pt_btn.size_s{padding: 10px; font-size:13px;border-radius:3px;color:#666;}
.pt_btn.size_m, a.pt_btn.size_m, button.pt_btn.size_m{padding:12px 25px;font-size:16px;}
.pt_btn.size_l, a.pt_btn.size_l, button.pt_btn.size_l{padding:18px 30px 17px;font-size:18px;min-width: 115px;margin-top: 10px;}
/*글자색상*/
.pt_btn.color_r, a.pt_btn.color_r, button.pt_btn.color_r{color:#101010;}
.PTWED003_searching_btn{       color: #101010;
    background-image: url(/img/icon_search_e.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 20%;
    background-position: 6% 50%;
    border: 1px solid #efefef !important;
    height: 32px;
    font-size: 13px;
    border-radius: 5px;
    padding: 0px 10px 0px 25px!important;
	
}
/*배경색상*/
.bg_r{ background-color: #ee2c49 !important;border:1px solid #ee2c49 !important; color: #fff !important;}
.bg_b{ background-color: #444 !important;border:1px solid #444 !important; color: #fff !important;}
.bg_g{ background-color: #ffffff !important;border:1px solid #eeeeee !important; color: #171b18 !important;}
.bg_p{ background-color: #4e5cbd !important;border:1px solid #4e5cbd !important; color: #fff !important;}
.bg_green{ background-color: #fff !important;border:1px solid #498f5b !important; color: #498f5b !important;}

/*선색상*/
.pt_btn.line_r, a.pt_btn.line_r, button.pt_btn.line_r{border: 1px solid #d8d8d8;min-width: 62px;height: 32px;font-size: 13px;}
.pt_btn.line_g, a.pt_btn.line_g, button.pt_btn.line_g{border:1px solid #d8d8d8;}
.pt_btn.line_b, a.pt_btn.line_b, button.pt_btn.line_b{border:1px solid #333;;}
.pt_btn003{border: 1px solid #efefef;height: 36px;font-size: 13px;background-color: #fff;border-radius: 5px;padding: 5px;}
.pt_btn_qr{font-size: 14px;
    border-radius: 22px;
    display: inline-block;
    padding: 5px 13px;
    border: 1px solid #efefef;
    background-color: #fff;
    color: #ee2c49 !important;
    box-sizing: content-box;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    font-weight: 500;}

/*hover효과*/
.pt_btn.hover_r:hover, a.pt_btn.hover_r:hover, button.hover_r:hover{ background-color: #ee2c49;border:1px solid #ee2c49; color: #fff;}
.pt_btn.hover_b:hover, a.pt_btn.hover_b:hover, button.hover_b:hover{ background-color: #333;border:1px solid #333; color: #fff;}
.pt_btn.hover_g:hover, a.pt_btn.hover_g:hover, button.hover_g:hover{ background-color: #555;border:1px solid #555; color: #fff;}
.pt_btn.hover_lg:hover, a.pt_btn.hover_lg:hover, button.hover_lg:hover{ background-color: #f7f7f7;border:1px solid #d8d8d8;}

.pt_btn.btn_submit:after {display:inline-block; content:''; width: 20px; height: 7px; background: url(../img/arrow_submit.png) no-repeat;background-size: 100% auto; vertical-align:top; margin: 5px 0 0 10px;}
.pt_btn:disabled {background:#ddd !important; color:#999 !important; border-color:#ddd !important;}

/*탭안의 탭*/
.pt_com_tabbox .pt_com_tab{display:table;table-layout:fixed;width: 100%; overflow: hidden; margin: 30px auto 0;}
.pt_com_tabbox .pt_com_tab li{border:2px solid #3a3a3a; display:table-cell;border-radius: 0px; padding:0px; text-align: center; height: 55px;line-height: 1.5; font-size: 17px; font-weight: 500; color:#7e7e7e;background-image: none;}
.pt_com_tabbox .pt_com_tab li.on{ background-color: #3a3a3a; color: #fff;background-image: none;border:2px solid #3a3a3a}
.pt_com_tabbox .pt_com_tab li.on a{color: #fff;font-size: 17px;}
.pt_com_tabbox .pt_com_tab li a{display:block;}

/*서브페이지 탭*/
.pt_com_tab{display:table;table-layout:fixed;width: 100%; overflow: hidden; margin: 30px auto 0; margin-bottom: 20px;}
.pt_com_tab li{/* border:1px solid #cacaca */; border-right:0; border-bottom:2px solid #3a3a3a; display:table-cell;border-radius: 0px; padding:0px; text-align: center; line-height: 1.5;vertical-align:middle;}
.pt_com_tab li a{display:block; padding:14px 5px;color:#999;font-size:18px; font-weight: 500;background-color:#fff;}
/* .pt_com_tab li:hover{background-color:#f9f9f9;} */
.pt_com_tab li.on{ border:2px solid #3a3a3a !important; border-bottom:2px solid #fff !important; color: #333;}
.pt_com_tab li.on + li {border-left:0}
.pt_com_tab li.on a{color: #333;}
/* .pt_com_tab li:last-child {border-right:1px solid #cacaca;} */
.pt_com_tabbox { position:relative; display:none;}
.pt_com_tabbox.on, .pt_com_tabbox.selected{ display:block; }
.com_tabbox { position:relative; display:none;}
.com_tabbox.selected, .com_tabbox.on{ display:block; }
#btn_PTWCC003_002 a, #btn_PTWCC003_003 a{visibility: hidden;}

.pt_com_tab.small li a{padding:10px; text-align: center; line-height: 1.8;}

html.is-pc .pt_com_tab.v1 {display:block; position:relative;}
html.is-pc .pt_com_tab.v1:before {display:block; content:''; width: 100%; height:2px; background:#3a3a3a; position:absolute; bottom:0.5px; left:0; }
html.is-pc .pt_com_tab.v1:after {display:block; content:''; clear:both;}
html.is-pc .pt_com_tab.v1 li {width: 20%; float:left; border-bottom: 2px solid transparent !important; position:relative; z-index:10;}
html.is-pc .pt_com_tab.v1 li.on {border-bottom: 2px solid #fff !important;}

.pt_com_tab.v2 li {border:1px solid #ccc;}
.pt_com_tab.v2 li + li {border-left:0;}
.pt_com_tab.v2 li a {font-size: 17px; color:#333; font-weight: 400;}
.pt_com_tab.v2 li.on {background:#333; border-color: #333 !important;}
.pt_com_tab.v2 li.on a {background:#333; color:#fff;}

/*메인페이지 둥근 탭*/
.main_page_tab.pt_com_tab{display:flex;flex-wrap:nowrap;justify-content:center; width: 100%; overflow: hidden; margin: 0 auto; border-right:0;}
.main_page_tab.pt_com_tab li{border:none !important;border-radius: 50px; padding:0 40px; text-align: center; height:45px;line-height: 42px; font-size: 22px;font-weight: 500; color:#7e7e7e;background-image: url(../img/com_tab.png);background-size: 15px; background-repeat: no-repeat; background-position: left center ;}
.main_page_tab.pt_com_tab li.on{ background-color: #ee2c49; color: #fff;background-image: none;}
.main_page_tab.pt_com_tab li.on + li,.pt_com_tab li:nth-child(1){background-image: none;}
.main_page_tab.pt_com_tab li a{display:block;background-image: none;font-size: 20px;font-weight:500;padding:0; transition: all 0.3s;color:#666;letter-spacing: -.5px;background:transparent}
.main_page_tab.pt_com_tab li a:hover{color:#ee2c49;}
.main_page_tab.pt_com_tab li:not(.on):hover {background-color:transparent;}
.main_page_tab.pt_com_tab li.on a:hover,
.main_page_tab.pt_com_tab li.on a{color: #fff;}
.main_page_tab.pt_com_tab li.on a {font-weight: 600;}

/*서브페이지 검색영역*/
.sp_search_area{width: 100%; margin-top: 15px; background-color: #fafbfd; border-radius: 10px; padding: 13px 30px; display:flex;align-items:flex-end; box-sizing: border-box; position:relative;}
.sp_search_area .sp_search_area_table{flex:1; max-width:80%;}
.sp_search_area .sp_search_area_table th, .sp_search_area .sp_search_area_table td{font-size: 16px; color:#333; padding: 5px 2px; vertical-align:middle; min-width:100px;height: 40px; box-sizing:border-box;}
.sp_search_area .sp_search_area_table th {text-align:left;}
.sp_search_area .sp_search_area_table input[type="text"],
.sp_search_area .sp_search_area_table select{font-size: 16px; height: 33px;padding-left: 15px; box-sizing:border-box; width:100%; max-width: 400px;}
.sp_search_area .sp_search_area_table input[type="radio"]{width: 20px;height: 20px;padding:0;margin:0}
.sp_search_area .sp_search_area_table input[type="radio"] + label{font-size: 14px;padding: 0 5px;}
.sp_search_area .sp_search_area_table label{font-size: 16px;padding: 5px;display:inline-block;word-break: keep-all;}
/* .sp_search_area .sp_search_area_table input[type="text"].req, .sp_search_area .sp_search_area_table select.req {max-width: calc(100% - 1.2rem) !important;} */
.sp_search_area .req_ico {display:none !important}
.sp_search_area .sp_search_btn_area {flex:0 0 auto; padding: 5px 2px; margin-left:auto;}
.sp_search_area .sp_search_btn_area .sp_search_btn,.sp_search_area .sp_search_btn_area button.sp_search_btn{display: inline-block; box-sizing:content-box;background-color: #484848;padding: 0px 25px 0px 45px; font-size: 16px;height:30px; line-height:27px;color: #fff; background-image: url(../img/sp_search_btn.jpg);background-size: 20px; background-repeat: no-repeat; background-position: 20px center; vertical-align:top; border-radius: 5px;}
.sp_search_area .sp_search_btn_area .sp_search_btn_refresh{display: inline-block; background-color: #484848;box-sizing:content-box;padding: 0px 25px 0px 25px; height:30px; line-height:27px;font-size: 14px;color: #fff; vertical-align:top;}

.sp_search_area.edu {padding: 15px 260px 15px 30px; margin-bottom: 40px;}
/* .sp_search_area.edu:before {display:block; content:''; width: 182px; height: 142px; background:url(../img/search_area_img.png) no-repeat; background-size: 100% auto; position:absolute; top: -45px; right: 25px;}*/
.sp_search_area.edu .sp_search_area_table input[type="text"]{width:100%;}
.sp_search_area.edu .sp_search_btn_area {margin-left: -108px;}

/*서브페이지 테이블*/
.sp_table_area {margin-top: 20px;}
.sp_main_title + .sp_table_area {margin-top:0} 
.sp_table_area .sp_table_title{font-size: 27px; margin-bottom: 15px; color:#333; padding-top: 20px; font-weight: 600;}
.sp_table_area .sp_table{width: 100%; border-top:2px solid #585860;border-bottom: 1px solid #ccc;}
.sp_table_area .sp_table tr{border-bottom:1px solid  #ddd;}
.sp_table_area .sp_table thead th{border-bottom: 1px solid #707070;}
.sp_table_area .sp_table tr th{font-size: 17px;/* background-color: #f5f5f5; */ text-align:center;padding:10px 5px; vertical-align:middle; height: 57px; color:#333; font-weight:500; box-sizing:border-box; letter-spacing: 0;}
.sp_table_area .sp_table tr td{font-size:16px; padding:8px 10px; vertical-align:middle;line-height:1.6;/* background-color:#fff */;height: 57px; color:#333; font-weight:500; box-sizing:border-box; letter-spacing: -.5px;}
.sp_table_area .sp_table tr.sp_table_total_tr th, .sp_table_area .sp_table tr.sp_table_total_tr td{background-color: #f7f7f7; font-weight: 500; color:#333 !important;}
/* .sp_table_area .sp_table tr.sp_table_bg_tr{background-color: #f5f5f5;} */
.sp_table_area .sp_table tr th.t_l {padding-left: 20px;}
.sp_table_area .sp_table tr .border_left {border-left: 1px solid #ccc !important;}

/*교육안내책자 신청 테이블*/
.sp_table_area_book {margin-top: 60px;}
.sp_main_title + .sp_table_area__book {margin-top:0} 
.sp_table_area_book .sp_table_title{font-size: 27px; margin-bottom: 15px; color:#333; padding-top: 20px; font-weight: 600;}
.sp_table_area_book .sp_table{width: 100%; border-top:1px solid #ccc;border-bottom: 1px solid #ccc;}
.sp_table_area_book .sp_table tr{border-bottom:1px solid  #ddd;}
.sp_table_area_booka .sp_table thead th{border-bottom: 1px solid #707070;}
.sp_table_area_book .sp_table tr th{font-size: 17px;/* background-color: #f5f5f5; */ text-align:center;padding:10px 5px; vertical-align:middle; height: 57px; color:#333; font-weight:500; box-sizing:border-box; letter-spacing: 0;}
.sp_table_area_book .sp_table tr td{font-size:16px; padding:8px 10px; vertical-align:middle;line-height:1.6;/* background-color:#fff */;height: 57px; color:#333; font-weight:500; box-sizing:border-box; letter-spacing: -.5px;}
.sp_table_area_book .sp_table tr.sp_table_total_tr th, .sp_table_area .sp_table tr.sp_table_total_tr td{background-color: #f7f7f7; font-weight: 500; color:#333 !important;}
.sp_table_area_book .sp_table tr th.t_l {padding-left: 20px;}
.sp_table_area_book .sp_table tr .border_left {border-left: 1px solid #ccc !important;}
.sp_table_area_bookagr{margin-top: 20px;}

/*서브페이지 테이블, th가로*/
.sp_table_area .sp_table.th_row tr th, .sp_table_area .sp_table.th_row tr td{border-left: 1px solid #ccc; height: 50px;}
/* .sp_table_area .sp_table.th_row tr:nth-child(1) th{border-bottom:1px solid #333;} */
.sp_table_area .sp_table.th_row tr th:nth-child(1),.sp_table_area .sp_table.th_row tr td:nth-child(1){border-left:none;}
.sp_table_area .sp_table.th_row tr td{text-align: center;}
/*ie용 왼쪽보더*/
.b_l_1{border-left:1px solid #ccc !important;}
.bg_f4{background-color: #f4f4f4;}
.sp_table_area .sp_table.th_row tr.border_bottom_none{border-bottom:none;}
.sp_table_area .sp_table.th_row tr.border_bottom{border-bottom:1px solid #585860;}

/*서브페이지 테이블, th세로*/
.sp_table_area .sp_table.th_col tr th, .sp_table_area .sp_table.th_col tr td{padding: 10px 15px;}

/*서브페이지 테이블, 열높이작은것*/
.sp_table_area .sp_table.sp_table_small tr{border-top:1px solid #ccc; line-height: 1.8;}

/*서브페이지 테이블, 하얀거*/
.sp_table_area .sp_table.sp_table_w th{background-color: #fff;color:#ee2c49;}

/*테이블안 버튼*/
button i {font-style:normal;}
.sp_table_area_btn,a.sp_table_area_btn,button.sp_table_area_btn{display: inline-block; padding: 12px 15px 11px; border:1px solid #ee2c49;border-radius:3px;background-color:#fff; font-size: 15px; color: #ee2c49; font-weight: 500;line-height: 1;transition:all 0.3s;}
.sp_table_area_btn:hover,a.sp_table_area_btn:hover,button.sp_table_area_btn:hover{background-color: #ee2c49; color:#fff}
.sp_table_area_btn_black{display: inline-block; padding: 12px 15px 11px; border:1px solid #444; background-color:#444; font-size: 15px; color: #fff; font-weight: 500;line-height: 1; border-radius: 5px;}
.sp_table_area_btn_black_line{display: inline-block; padding: 12px 15px 11px; background-color:#fff; font-size: 15px; color: #444; border:1px solid #444; font-weight: 500;line-height: 1;}
.ic_question {padding-left:30px;position:relative;font-size:inherit;}
.ic_question:before{display:inline-block; content:'';width:22px; height:22px; background:url(../img/icon_question.png) no-repeat; position:absolute; top: 50%; left: 0; transform:translateY(-50%);}
.ic_download {padding-left:25px;position:relative;it;font-size:inherit;}
.ic_download:before {display:inline-block; content:'';width:19px; height:16px; background:url(../img/icon_download.png) no-repeat; position:absolute; top: 50%; left: 0; transform:translateY(-50%);}
.ic_upload {padding-left:25px;position:relative;font-size:inherit;}
.ic_upload:before {display:inline-block; content:'';width:19px; height:16px; background:url(../img/icon_upload.png) no-repeat; position:absolute; top: 50%; left: 0; transform:translateY(-50%);}
.sp_table_area_sc_black{color: #fff;margin-top: 6px;}

/* slider */
.slick-disabled {display: none !important;}


/*공지사항*/
.notice_area{border: 1px solid #d8d8d8; padding: 15px;background-color:#f8f8f8;}
.notice_area .notice{line-height:1.5}
.notice_area .notice_table{width: 100%;}
.notice_area .notice_table th,.notice_area .notice_table td{text-align: left; padding: 0 5px 0 10px; line-height: 2;}


/*서브페이지 박스 등 기타 요소*/
.sp_p{line-height:1.8;}
.sp_sub_title + .sp_p {margin-top: 10px;}
.sp_box_w{width:100%; /* border:1px solid #d3d3d3; */border-radius:3px;/* padding:20px 20px 15px 20px */;margin:20px 0 30px;background-color:#fff;line-height:1.8;box-sizing:border-box;}
.sp_box_g{width:100%; border:1px solid #dedede;border-radius:3px;padding:20px 20px 15px 20px;margin:20px 0 30px;line-height:1.8;box-sizing:border-box;}
.sp_box_con{width:100%; padding:20px 0px 15px 0px;line-height:1.8;box-sizing:border-box;}
.sp_box_con li{font-size: 17px;}
.sp_box_r{width:100%; border:1px solid #fabfc9;border-radius:3px;padding:20px 20px 15px 20px;margin:20px 0 30px;background-color:#fef4f6;line-height:1.8;box-sizing:border-box;}
.sp_box_b{width:100%; border:1px solid #f4f6f7;border-radius:3px;padding:20px 20px 15px 20px;margin:20px 0 30px;line-height:1.8;box-sizing:border-box;}
.sp_box_e{width:100%; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-radius:3px;padding:20px 20px 15px 20px;margin:20px 0 30px;background-color:#fcfcfc;line-height:1.8;box-sizing:border-box;}
.sp_box_w td,.sp_box_w th{border: 1px solid #d8d8d8;border-left:none;}
.sp_box_w td{vertical-align: middle;}
.pd_box_w .sero tr{display: block;float: left;}
.pd_box_w .sero th,.pd_box_w .sero td{display: block;font-weight: 500;padding: 5px 0;}
.sp_box_w td:last-child, .sp_box_w th:last-child{border-right:none;}
.sero{text-align: center;margin-bottom: 30px;}
.sero th, .sero td{width: 161.5px;}
.sero th{background-color: #f2f2f2;width: 96px;}
.sero tr th{border-left: none;border-right: none;}
.sero tr td{border-right: none;}
#left_p{padding-left: 15px;}
#sltPtrlBct{width: 200px;font-size: 16px;height: 33px;color: #000;}
#bgn_de,#end_de{max-width: 120px; color: #000; font-weight: 500;font-size: 15px;}
#edu_rc th,#edu_rc td{font-size: 14px;}
.sp_box_w .bz_ps img{max-width: 80%;padding: 20px 20px 15px 20px;}


/* PTWCT004_uniCt_index.do 대학 정부평가 대응 */
.ptwed005_bg{height:550px;background-image: url(../img/PTWCT005img/main/ptwed005_main.jpg);background-size: 750px 500px; background-repeat: no-repeat; background-position: 90px center;}
.ptwed005_bg>li{font-size:16px; color:#fff; font-weight:500;line-height:1.8;}
.ptwed005_bg>li>ul>li{color:#666; font-weight:normal;}
.ptwed005_bg li.ug_list_p01{padding:28px 0 0 120px;}
.ptwed005_bg li.ug_list_p01 .ug_list_c01{padding:10px 0;font-size:14px; }
.ptwed005_bg li.ug_list_p01 .ug_list_c04{padding:13px 0 0 30px;font-size:14px; }
.ptwed005_bg li.ug_list_p02{padding:16px 0 0 235px;}
.ptwed005_bg li.ug_list_p02 .ug_list_p02_p{padding-left:230px;font-size:16px; color:#fff; font-weight:500;line-height:1.8;}
.ptwed005_bg li.ug_list_p02 .ug_list_c02{padding:30px 0 0;font-size:14px; line-height:1.5;}
.ptwed005_bg li.ug_list_p02 .ug_list_c05{padding:22px 0 0 30px;font-size:14px; line-height:1.5;}
.ptwed005_bg li.ug_list_p03{padding:24px 0 0 120px;}
.ptwed005_bg li.ug_list_p03 .ug_list_c03{padding:10px 0;font-size:14px; line-height:1.5;}
.ptwed005_bg li.ug_list_p03 .ug_list_c06{padding:8px 0 0 30px;font-size:14px; line-height:1.5;letter-spacing:-2px;}
.sp_p{padding:15px 0;}
.imgbox_ul_list {overflow:hidden;}
.imgbox_ul_list li{float:left; border:1px solid #d3d3d3; text-align:center;padding:10px 20px;margin: 0 0 5px 5px;}
.imgbox_ul_list li:nth-child(1){margin: 0 0 5px 0px;}
.imgbox_ul_list.d_0 li{border:none;height:60px;}

@media screen and (min-width: 1200.5px) {
   .imgbox_ul_list.d_0 li{width:120px;} 
   .imgbox_ul_list.d_0 li:nth-child(7n + 1){margin: 0 0 5px 0px;}
   .imgbox_ul_list.d_2 li{width:420px;}
   .imgbox_ul_list.d_2 li:nth-child(2n + 1){margin: 0 0 5px 0px;}
   .imgbox_ul_list.d_3 li{width:263px}
   .imgbox_ul_list.d_3 li:nth-child(3n + 1){margin: 0 0 5px 0px;}
   .imgbox_ul_list.d_5 li {width:185px;}
   .imgbox_ul_list.d_5 li:nth-child(4n + 1){margin: 0 0 5px 0px;}
}

@media screen and (max-width: 1200px) {
   .imgbox_ul_list.d_0 li,
   .imgbox_ul_list.d_2 li,
   .imgbox_ul_list.d_3 li {width:calc(50% - 5px)}
   .imgbox_ul_list.d_0 li:nth-child(2n + 1),
   .imgbox_ul_list.d_2 li:nth-child(2n + 1),
   .imgbox_ul_list.d_3 li:nth-child(2n + 1){margin: 0 0 5px 0px;}
   .imgbox_ul_list.d_5 li {width:calc(33.33% - 5px)}
   .imgbox_ul_list.d_5 li:nth-child(3n + 1){margin: 0 0 5px 0px;}
}

@media screen and (max-width: 1024px) {
   .ptwed005_bg {background:none; height:auto;}
   .ptwed005_bg>li {font-size:1.2rem; border:1px solid #ee2c49; border-radius:5px; padding:15px 20px !important; color:#333; margin-top: 0.5rem;}
   .ptwed005_bg>li ul {}
   .ptwed005_bg li.ug_list_p01 .ug_list_c04,
   .ptwed005_bg li.ug_list_p02 .ug_list_c05,
   .ptwed005_bg li.ug_list_p03 .ug_list_c06 {padding: 5px; background:#f1f1f1;}
   .ptwed005_bg li.ug_list_p02 .ug_list_c02 {padding:10px 0;}
   .ptwed005_bg li.ug_list_p02 .ug_list_p02_p {padding:0;color:#333;font-size:1.2rem;}
}


.red_mark{display:inline-block;width:5px; height:5px;background-color:#ee2c49;margin-right:10px;}
.red_bullet li{position:relative;  padding-left: 13px;}
.red_bullet li:before{ content: "";display: block;position: absolute;top: 11px;left: 0; width: 3px;  height: 3px; background-color: #555;}
.checks_ul {}
.checks_ul:after {display:block; content:''; clear:both;}
.checks_ul li {float:left; width: 33.33%;}

/* 화면 블락 */
.modal_layer_wrapper { position:fixed; top:0px; width:100%; height:100%; background-color:#000; opacity:0.3; }

/*이미지로딩*/
.loading_block,#loading_block{position:fixed; top:0px; width:100%; height:100%; z-index:9999; background-color:rgba(0,0,0,0.3);}
.loading_txt{text-align:center;line-height:1.5;position:fixed;top: 50%;left:50%;transform:translate(-50%, -50%);padding: 80px 30px 20px;z-index:9999;background-color: #fff;
border: 3px solid #323852;font-size:24px;box-shadow: 0px 5px 8px rgba(0,0,0,0.5);background-image:url(../img/com/loader.gif);background-repeat:no-repeat;background-position:center top 20px;background-size:40px;}
.loading_pic{position:fixed;top: 50%;left:50%;transform:translate(-50%, -50%);z-index:9999;width:100px; height:100px; background-image:url(../img/com/loader.gif);background-repeat:no-repeat;background-position:center center;background-size:40px;
border-radius: 8px;text-align:center; background-color:#fff; box-shadow:0px 5px 5px 5px rgba(0,0,0,0.2);}

/* 공통 레이어팝업 */
/* .com_layer { position:relative; background:#fff; box-shadow:4px 4px 50px rgba(36, 46, 49, 0.3); width:100%; max-width: 840px;} */
.com_layer {position:relative; background:#fff; box-shadow:4px 4px 50px rgba(36, 46, 49, 0.3);}
.com_layer.thin { border-width:2px; }
.com_layer_title { position:relative; background:#323852; color:#fff; font-size:16px; padding:5px 0 9px 20px; text-align:left; overflow:hidden; max-height: 45px !important;}
.com_layer_title.check{backgound-color:#018677;}
.com_layer_title.error{backgound-color:#A50623;}
.com_layer_title.complete{backgound-color:#0758B0;}
.com_layer_title.move { cursor:move; }
.com_layer_close,
.upload_layer_close { position:absolute; top:8px; right:8px; text-indent:-500000px; overflow:hidden; background:url('../img/pop_close.png') no-repeat 0 0;  width:25px;height:25px; cursor:pointer; display:inline-block;}
/* .com_layer {width: 840px;} */
.com_layer_con {max-width:calc(100% - 38px); position:relative; background:#fff; border:1px solid #797979; padding:19px 19px 20px 19px; text-align:left; line-height: 1.5; overflow-y:auto;}
.com_layer_con.layer_sizeL {width: 840px;height: 550px;overflow-y: auto;}
.com_layer_con .confirm{ border-bottom:0 }
.com_layer_con .alert{ border-bottom:0 }
.com_layer_button { padding-top:20px; text-align:center; }
.com_layer_button button { margin-left:3px;  border:1px solid #d8d8d8;border-radius:3px; display: inline-block; padding:5px 15px;background-color:#f7f7f7; }
.com_layer_button button:first-child { margin-left:0px;  }
.com_layer_con.sp_table_area{margin-top:0;}
.com_layer_close.pt_btn{text-indent:0px;position:relative;background:none;width:auto;height:auto;}
/* .active_layer {top:0 !important; left:0 !important; width: 100% !important; height:100%; padding:1rem !important; overflow-y: auto; display:flex; align-items: center; justify-content:center; box-sizing:border-box;} */
.active_layer form {max-width: 100%;}
/* 알럿창 */
#showAlertArea,
#showConfirmArea {align-items: center !important;}
#showAlertArea .com_layer,
#showConfirmArea .com_layer {max-width:500px;}

/* 공통 팝업 */
.com_pop { position:relative; border:5px solid #323852; background:#fff; width:99.3%; height:100%; }
.com_pop_title { position:relative; background:#323852; color:#fff; font-size:16px; padding:9px 0 12px 20px; text-align:left; }
.com_pop_con { background:#fff; text-align:left; width:100%; height:100%; }
.com_pop_button { padding:15px 0; text-align:center; }
.com_pop_button button { margin: 11.2px 18px; }
.com_pop_button button:first-child { margin-left:0px;  }

.com_pop.pt_main_pop{ border:1px solid #323852;box-sizing: content-box;}
.com_pop.pt_main_pop .pt_main_pop_btn{position:relative;bottom:2;background-color: #333;overflow:hidden; padding: 5px 10px; height: 22px;border:1px solid #323852;box-sizing: content-box;}
.com_pop.pt_main_pop .pt_main_pop_btn button{background-color: transparent;color:#fff; margin: 0;font-size:14px;}


/*포탈팝업*/
.com_layer.pt_com_layer {  background:#555; }
.com_layer.pt_com_layer .com_layer_title {  background:#555; }
.com_layer.pt_com_layer .btn{padding:5px 20px; text-align:center; border:1px solid #d8d8d8;border-radius:3px;}
.com_layer.pt_com_layer .btn.btn_save{border:1px solid #ee2c49;background-color:#ee2c49;color:#fff;}

/*PT팝업*/
.pt_com_pop{width:100%;}
.pt_com_pop table th,.pt_com_pop table td{vertical-align: middle;line-height: 2;border: 1px solid #cccccc;}
.pt_com_pop table th{font-weight: 500;}
.pt_com_pop h1{background-color: #6d6e70; color:#fff;font-size: 18px;padding: 10px 20px; position:relative;}
.pt_com_pop h1 .pt_com_pop_close{position: absolute;right: 15px; top: 6px;text-indent: -5500000px; overflow: hidden; color: #fff; display: block;width: 25px; height: 25px; background-image: url(../img/pt_com_pop_close.png); background-repeat: no-repeat;background-position: center;}
.pt_com_pop_content{padding: 20px;}
.com_layer_con>.pt_com_pop_content{padding: 0px;}
.pt_com_pop h2{font-size: 26px;text-align: center; font-weight: bold;padding-bottom: 20px;}
.pt_com_pop_notice{background-color: #fdf3f2;padding: 20px;text-align: center;}
.pt_com_pop_notice span{display: block; font-size: 20px; font-weight: 500;color: #ee2c49;}
.pt_com_pop_notice ul{margin-top: 10px;}
.pt_com_pop_notice ul li{line-height: 1.8; vertical-align: middle;}
.pt_com_pop_notice ul li::before{content: '';display: inline-block;width: 3px; height: 3px; background-color: #666;margin: 0 10px 3px 0;}
.pt_com_pop_search_area{margin-top: 20px; border: 1px solid #ccc; background-color: #f5f6f7;padding: 15px; overflow: hidden;}
.pt_com_pop_search_area table{width: 80%; float: left;}
.pt_com_pop_search_area table th{font-size: 16px;text-align: center;}
.pt_com_pop_search_area table input{width: 100%;}
.pt_com_pop_search_btn_area{float:right;}
.pt_com_pop_search_btn{display:block; float: left; background-color: #484848;padding: 8px 15px 8px 25px; color: #fff; background-image: url(../img/sp_search_btn.jpg);background-size: 20px; background-repeat: no-repeat; background-position: 8px center;background-size: 15px;margin-left: 15px;}
.pt_com_pop h3{font-size: 18px; margin-top: 20px;color:#ee2c49;font-weight: 500;}
.pt_com_pop h3:before{content:'';display:inline-block;width:15px; height:15px;margin-right:5px;background-image: url(../img/title_round_bullet.png);background-repeat: no-repeat; background-position: center;}

/*FAQ*/
.faq_list,.faq_list_0{width: 100%;border-top:2px solid #666;border-bottom:1px solid #666;margin-top:20px;}
.faq_list li,.faq_list_0 li{border-bottom: 1px solid #d8d8d8;padding:15px 50px;position: relative;line-height:1.5; min-height: 52px; box-sizing:border-box;}
.faq_list li::before{content: 'Q'; display: block; width: 35px; height: 25px; font-weight: 500; color: #ee2c49;position: absolute; top: 15px; left: 24px; line-height:1;}
.faq_list li::after{content: ''; display: block; width: 35px; height: 35px; position: absolute; top: 9px; right: 15px; background-image: url(../img/icon_select.jpg); background-repeat: no-repeat;background-position: center;}
.faq_list li .faq_a {display: none; position:relative; line-height: 2;border-top: 1px solid #d8d8d8;background-color: #f6f6f6;padding: 15px 20px 15px 50px; margin: 15px -50px -15px; color:#333;}
.faq_list li .faq_a::before{content: 'A'; display: block; width: 35px; height: 25px; font-weight: 500; color: #ee2c49;position: absolute; top: 15px; left: 25px; line-height:1;}
.faq_list li .faq_a > div {background:#fff; padding: 10px;}
.faq_list li .faq_a > div *{font-family:'Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif !important}
.faq_list li.on{color: #ee2c49; font-weight: 500;}
.faq_list li.on::after{transform: rotate(180deg);}
.faq_list li.on .faq_a{display: block;}

/*로그인영역*/
.pt_login_area{width: 940px; margin: 50px auto 0;overflow: hidden;}
.pt_login_area .pt_login_area_table{width: 500px; float: left;}
.pt_login_area .pt_login_area_table tr{line-height: 3.5;}
.pt_login_area .pt_login_area_table input[type="text"], .pt_login_area .pt_login_area_table input[type="password"]{width:100%; font-size: 18px; height: 50px;text-indent: 15px; border:1px solid #cccccc;background-color:#f2f2fa;margin-bottom:10px; box-sizing:border-box;}
/* .pt_login_area .pt_login_area_table input[type="checkbox"]{background: none; width: 20px;height: 20px;margin: 0;}
.pt_login_area .pt_login_area_table input[type="checkbox"]:checked {background-image: url(../img/input_radio.jpg);background-size: 20px; background-repeat: no-repeat; background-position: center;} */
.pt_login_area .pt_login_area_table .btn_login_find{display: inline-block;padding:0px 5px; border-left:1px solid #d8d8d8;line-height:1;}
.pt_login_area .pt_login_area_table .btn_login_find:nth-child(1){border-left:none;}
.pt_login_area .pt_login_btn_area .pt_login_btn{display: block; height: 100%;width:100%;padding: 10px 0; background-color: #ee2c49; font-size: 21px; cursor: pointer;border-radius: 3px; color: #fff;margin:10px 0 30px;}
.pt_login_area .pt_login_area_table .pt_login_joincompany{line-height:2;padding:20px 0;border-top:1px solid #ccc;}
.pt_login_area .pt_login_area_table .pt_login_joincompany:after{display:block; content:''; clear:both;}
.pt_login_area .pt_login_area_table .pt_login_joincompany a{display: inline-block; float:right; background-color: #666;padding: 3px 35px; cursor: pointer;border-radius: 3px; color: #fff;text-align:center;}
.pt_login_area .pt_login_area_table .btn_snslogin_naver , .pt_login_area .pt_login_area_table .btn_snslogin_kakao{display:block;float:left;width:49%;text-indent:25px;border:1px solid #ccc;border-radius:3px;line-height:3.5;background-color:#fff; background-repeat:no-repeat;background-position:left 20px center;}
.pt_login_area .pt_login_area_table .btn_snslogin_naver{background-image:url(../img/login_naver.png);margin-right:1%;}
.pt_login_area .pt_login_area_table .btn_snslogin_kakao{background-image:url(../img/login_kakao.png);margin-left:1%;}

.pt_login_area .pt_join_div{width:400px;float:right; background-image:url(../img/login_join.jpg);height:400px;}
.pt_login_area .pt_join_div p{display:none;}
.pt_login_area .pt_join_div a{display:block; width:100%;height:100%;text-indent:-5800000px; overflow:hidden;}
.pt_notice_area.pt_login_notice{max-width: 940px; width:100%; margin: 40px auto 100px; border: 1px solid #d8d8d8;background-color:#f2f2fa; padding: 20px 30px; line-height:1.8; box-sizing:border-box;}
.pt_notice_area.pt_login_notice span{font-size:20px;}
.pt_notice_area.pt_login_notice ul{padding:10px 0 0 30px;;}
.pt_notice_area.pt_login_notice li{list-style:disc;color:#555;}

/*그리드숫자*/
.grid_num_area {font-size:16px; padding: 0 0 5px; display:inline-block;}
.grid_num_area span{font-size:16px; font-weight:bold; color:#cb1210;}


/*학습창*/
.classroom_body {background-color:#fff;}
.cr_header {background-color: #f5f5f5; padding: 20px; box-sizing:border-box;}
.cr_header:after {display:block; content:''; clear:both;}
.cr_header .cr_main_title {display:block; color:#333; font-size:28px; font-weight: 500; margin-bottom: 14px;}
.cr_header .cr_main_title select{font-size: 18px; height: 40px; font-weight: 500; background-color: #fff;color:#353535 !important; width: 100%; border: none;background-image: url(../img/icon_select.png); border:1px solid #ccc; box-sizing:border-box;}
.cr_header .cr_main_title select option{font-size: 16px;}
.cr_header .cr_teacher{display:inline-block; float:left;}
.cr_header .cr_teacher p {display:inline-block; font-size: 18px; color: #666; margin-right: 5px;}
.cr_header .cr_teacher span {font-size: 18px;}
.cr_header .cr_date{float: right; padding: 4px 0 0;}
.cr_header .cr_date p {display:inline-block; font-size: 16px;color: #333; padding-left: 26px; position:relative;}
.cr_header .cr_date p:before {display:block; content:''; width:20px; height: 20px; background-repeat: no-repeat; background-position:center; position:absolute; top: 50%; left:0; transform: translateY(-50%);}
.cr_header .cr_date p.date1:before {background-image: url(../img/icon_schedule.png);}
.cr_header .cr_date p.date2:before {background-image: url(../img/icon_time.png);}
.cr_header .cr_date p + p {margin-left: 25px;}
.cr_header .cr_date p span {font-size: 16px;}

.cr_menu {overflow: hidden; width: 100%; background-color: #353535;}
.cr_menu ul{display:flex; justify-content: space-around;}
.cr_menu ul li{height:50px;line-height:50px;flex:2;position:relative;}
.cr_menu ul li + li {border-left: 1px solid #4c4c4c;}
.cr_menu ul li#gg{flex:3;}
.cr_menu ul li.cr_menu_home{position: relative;}
.cr_menu ul li a{font-size: 17px;font-weight: 500;color:#fff;display: block;text-align:center;margin: 0 -1px 0 0;}
.cr_menu ul li.on a{background-color:#ee2c49;position:relative;z-index:10;}

.cr_content .sp_box_w * {font-family:'Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif !important;}
.cr_content{padding: 30px;}
.cr_content .cr_sub_title{font-size: 26px; font-weight: 700; color:#333;}
[class*=icon_cr_title] {display:inline-block; width: 32px; height: 32px; background-size: 100% auto; background-repeat: no-repeat; vertical-align: middle; margin-right: 8px;}
.icon_cr_title1 {background-image:url(../img/cr_title01.png)}
.icon_cr_title2 {background-image:url(../img/cr_title02.png)}
.icon_cr_title3 {background-image:url(../img/cr_title03.png)}
.icon_cr_title4 {background-image:url(../img/cr_title04.png)}
.icon_cr_title5 {background-image:url(../img/cr_title05.png)}
.icon_cr_title6 {background-image:url(../img/cr_title06.png)}
.icon_cr_title7 {background-image:url(../img/cr_title07.png)}
.icon_cr_title8 {background-image:url(../img/cr_title08.png)}
.icon_cr_title9 {background-image:url(../img/cr_title09.png)}

.cr_content .sp_scr table {min-width: 500px !important;}
.cr_content .sp_table_area .sp_table tr th {font-size:16px;}
.cr_content .sp_table_area .sp_table tr td {color:#666;}

.cr_main_body{background-color:#fdf3f2;border-right:1px solid #ccc;padding-bottom:100px;flex:1;box-sizing:border-box; width:100%;}
.cr_main_chart_wrap{overflow: hidden; background:#fff; padding: 30px; box-sizing:border-box; display:flex; align-items: flex-start; justify-content:space-between;}
.cr_main_heading {flex:1;}
.cr_main_title > * {display:inline-block; margin-right: 4px; vertical-align: middle;}
.cr_main_title .main_title {display:inline; font-size:24px; font-weight: 700; color: #000; line-height: 1.5; margin-right: 8px;}
.cr_main_title .btn_mobile {width: 32px; height: 32px; background-image:url(../img/icon_phone.png); background-repeat: no-repeat; background-size: 100% auto; border-radius: 50%;}
.cr_main_title .btn_sch {width: 32px; height: 32px; background-image:url(../img/icon_search.png); background-repeat: no-repeat; background-size: 100% auto; border-radius: 50%;}
.cr_main_title .btn_video {width: 32px; height: 32px; background-image:url(../img/icon_video.png); background-repeat: no-repeat; background-size: 100% auto; border-radius: 50%;}
.cr_main_title .btn_mobile:hover {background-image:url(../img/icon_phone_on.png);}
.cr_main_title .btn_sch:hover {background-image:url(../img/icon_search_on.png);}
.cr_main_title .btn_video:hover {background-image:url(../img/icon_video_on.png);}
.tooltip {position:relative;}
.tooltip .tooltip_cont {display:none;}
.tooltip:hover .tooltip_cont {display:block; width: 300px; position:absolute; bottom: -60px; left: 0; background:#fff; border-radius: 25px; font-size: 14px; color:#666; padding: 15px 20px; border:1px solid #eee; box-shadow: 0 0 14px rgba(000,000,000,0.3)}
.tooltip:hover .tooltip_cont:before {display:block; content:''; width: 0;height: 0;border-bottom: 10px solid #fff; border-right: 13px solid transparent; position:absolute; top: -10px; left: 20px;}
.cr_main_info {margin-top: 20px; padding: 20px 0 0 12px; box-sizing:border-box; border-top:1px solid #ddd;}
.cr_main_info li + li {margin-top: 12px;}
.cr_main_info li:after {display:block; content:''; clear:both;}
.cr_main_info li > em {width: 95px; display:inline-block; font-size: 16px; font-weight: 500; color:#333; float:left;}
.cr_main_info li > span {display:inline-block; font-size: 16px; color:#333; float:left;}
.cr_main_info li > span span {font-size: 16px; margin-left: 5px;}
.cr_main_info li .btn_mail {display:inline-block; width: 20px; height: 16px; background:url(../img/icon_mail.png) no-repeat; background-size: 100% auto; margin-left: 5px; vertical-align: middle;}
.cr_main_info .btn_study {display:inline-block; margin-top: 25px; width: 150px; height: 40px; line-height: 40px; background:#ee2b49; color:#fff; text-align:center; border-radius: 25px; font-size: 16px;}
.cr_main_info .btn_study:after {display:inline-block; content:''; width: 20px; height: 7px; background: url(../img/arrow_submit.png) no-repeat;background-size: 100% auto; vertical-align:top; margin: 14.5px 0 0 10px;}
.cr_status_box {display:none;}
.cr_main_chart{box-sizing:border-box; flex: 0 0 auto; width: 210px; text-align: center; margin-left: 30px;}
.cr_main_chart_box .rMateH5__UICanvas{left:0;}
.cr_main_chart .cr_main_chart_title{font-size: 16px;}
.cr_main_chart .cr_main_chart_visual{width: 80%; margin: 20px auto; border: 1px solid #ee2c49; border-radius: 5px; padding: 37px 0; font-weight: 500; color: #ee2c49;}
.cr_main_chart .cr_main_chart_percent .pie-chart { margin: 10px 0;display:inline-block;position:relative;width: 155px;height: 155px;border-radius: 50%;}
.cr_main_chart .cr_main_chart_percent .pie-chart.pc1{ background: conic-gradient(#ee2b49 0% 65%, #e0e0e0 20% 100%);}
.cr_main_chart .cr_main_chart_percent .pie-chart.pc2{ background: conic-gradient(#ee2b49 0% 0%, #e0e0e0 0% 100%);}
.cr_main_chart .cr_main_chart_percent .pie-chart.pc3{ background: conic-gradient(#ee2b49 0% 100%, #e0e0e0 0% 1000%);}
.cr_main_chart .cr_main_chart_percent .pie-chart .pie_center{position:absolute;width:95px; height: 95px;background :#fff; border-radius: 50%; top: 50%; left: 50%; transform:translate(-50%, -50%); line-height: 95px;font-size:15px;}
.cr_main_chart .cr_main_chart_percent .pie-chart.pc1 .pie_center{font-size:20px;font-weight:700;}
.cr_main_chart a.cr_main_chart_btn{display: inline-block; margin: 10px 0; padding: 10px 40px;border-radius: 50px;background-color: #ee2c49; border: 1px solid #ee2c49;color: #fff;}
.cr_main_chart a.cr_main_chart_btn_b{display: inline-block; margin: 10px 0; padding: 10px 45px 10px 25px;border-radius: 80px;background-color: #353535; border: 1px solid #353535;color: #fff;background-image:url(../img/main/more_arrow_h.png);background-repeat:no-repeat;background-position:right 15px top 8px;}
.cr_main_chart .cr_main_chart_info{line-height:1.5; display:block;}
.cr_main_chart .cr_main_chart_info strong {font-weight: 500; color:#000;}
.cr_main_notice_wrap {width: 100%;}
.cr_main_notice_wrap > * + * {margin-left: 20px;}
.cr_main_notice .sp_box_w{overflow:hidden;background-image: url(../img/cr_service_bg.jpg); background-repeat:no-repeat;background-position:left 20px center; box-sizing:border-box; margin-top:10px; padding: 30px 20px 30px 150px;}
.cr_main_notice .sp_box_w .notice_table {width: 100%;}
.cr_main_notice .sp_box_w .notice_table th, .cr_main_notice .sp_box_w .notice_table td {font-size:16px; padding: 5px 0; vertical-align:top;}
.cr_main_notice .sp_box_w .notice_table th {color:#888; text-align:left;}
.cr_main_notice .sp_box_w .notice_table td {text-align:right;}

.cr_main_body_area {background-color:#fff;}
.cr_main_right{height:100%; margin-left:auto; flex: 0 0 auto; width: 160px;}
.cr_main_right .cr_main_ip{padding:0 10px;}
.cr_main_right .cr_main_ip ul{padding:15px 0;}
/* .cr_main_right .cr_main_ip ul:nth-child(1){border-bottom:1px solid #d8d8d8;} */
.cr_main_right .cr_main_ip ul + ul {border-top:1px solid #d8d8d8;}
.cr_main_right .cr_main_ip ul li{line-height:1.4;text-align:center;color:#666;font-size:14px;}
.cr_main_right .cr_main_ip ul li + li {margin-top: 8px;}
.cr_main_right .cr_main_ip ul li span{font-size:15px;font-weight:500;display:block;text-align:center;color:#333;}
.cr_main_right .cr_main_quick{background-color:#f8f8f8; border-top:1px solid #ccc; border-bottom:1px solid #d8d8d8; padding:10px 0;}
.cr_main_right .cr_main_quick li a{display:block; padding:15px 10px 15px 25px; color:#333; font-size: 16px; font-weight: 500;}
.cr_main_right .cr_main_quick li a:hover{background-color:#f2f2fa; color:#ee2c49;}
.classroom_body .sp_table_area{margin-top:20px;}
.classroom_body .sp_table_area .lrncttlisttr.on td{background-color:#f2f2fa}
.classroom_body .com_layer_con.sp_table_area{margin-top:0px;}

.sp_table_area .sp_table.nostyle_table{border:none;background-color:none;text-align:left;}
.sp_table_area .sp_table.nostyle_table tr{border:none;}
.sp_table_area .sp_table.nostyle_table tr th{background-color:transparent;text-align:left; padding:10px;}
.sp_table_area .sp_table.nostyle_table tr td{background-color:transparent;text-align:left; padding:10px;}
.sp_table_area .sp_table .bl {border-left: 1px solid #d8d8d8;}

/*댓글란*/
.comment_contents_table{width:100%;}
.comment_contents_table th,.comment_contents_table td {padding: 5px; vertical-align:middle;}
.comment_contents_table .comment_bg_area{backgorund-color:#f5f6f7;}

/*채팅방*/
.chatting_room_area{position:fixed; bottom:20px; right:2%;z-index:900;}
.chatting_room_area .chatting_open_btn{display:block; width:90px; height:90px; background-color:#4d5cbc; border-radius:50%; color:#fff; font-size:16px; box-shadow:0px 4px 10px rgba(36, 46, 49, 0.3); z-index:1000;}
.chatting_room_area .chatting_open_btn:before {display:block; content:''; margin: 0 auto; width: 30px; height: 30px; background:url(../img/icon_chat.png) no-repeat; background-size: 100% auto; }
.chatting_room_area .chatting_room{padding-bottom:110px; box-sizing:border-box;width:400px;min-width:400px; min-height:220px; height:600px;position:absolute; bottom:0; right:0; background-color:#fff; border:1px solid #d8d8d8;box-shadow:0px 4px 10px rgba(36, 46, 49, 0.3);z-index:1100;}
.chatting_room_area .chatting_room h3.chatting_room_title{position:relative; height:54px; background-color:#222a3a; font-size:18px; color:#fff;padding:0 20px; line-height: 54px;}
.chatting_room_area .chatting_room h3.chatting_room_title .catting_room_close_btn { position:absolute; top:50%; right:15px; transform: translateY(-50%); text-indent:-500000px; overflow:hidden; background:url('../img/pop_close.png') no-repeat 0 0;  width:30px;height:30px; cursor:pointer; display:inline-block; background-size: 100% auto;}
.chatting_room_area .chatting_room .chatting_area{height:calc(100% - 54px); background-color:#e7e7e7; overflow-y:auto; overflow-x:hidden; padding:10px 25px; box-sizing:border-box;}
.chatting_area .chatting_chat{padding-top:10px;clear:both;position:relative;margin-bottom:10px;}
.chatting_area .chatting_chat:after{display:block; content:''; clear:both;}
.chatting_area .chatting_chat:nth-child(1){margin-top:0;}
.chatting_area .chatting_chat li{float:left; vertical-align:middle;line-height:1.3;}
.chatting_area .chatting_chat.tx li{float:right;}
.chatting_area .chatting_chat.rx li.chatting_user{text-align:center; color:#999; font-size: 15px; position:absolute; top: 15px; left: 0; width: 50px;}
.chatting_area .chatting_chat.rx li.chatting_user:after{content: ""; display:block; width: 0; height: 0; }
.chatting_area .chatting_chat li.chatting_text{clear:both;text-align:left; word-wrap:break-word; position: relative;border-radius:5px; padding:12px; max-width:76.5%; margin:5px 0px 5px 55px; box-shadow:0px 2px 2px rgba(0,0,0,0.2);font-size:15px;}
.chatting_area .chatting_chat li.chatting_text:before{content: ""; position: absolute; top: 10px;width: 0;height: 0; border-top: 0px solid transparent;border-bottom: 13px solid transparent;}
.chatting_area .chatting_chat.rx li.chatting_text:before{right: 100%;border-right: 15px solid #fff; }
.chatting_area .chatting_chat.tx li.chatting_text:before{left: 100%;border-left: 15px solid #b5bbc5;}
.chatting_area .chatting_chat li.chatting_date{display:block;clear:both;font-size:13px; color:#a9a9a9;}
.chatting_area .chatting_chat.rx .chatting_user_pic{display:block;margin:0 auto; width:30px;height:30px;background:url(../img/player/cr_userpic.png) no-repeat; overflow:hidden;}
/* .chatting_area .chatting_chat.rx .chatting_user_pic span{position:relative;display:inline-block; width:12px; height:12px; border-radius: 6px; background-color:#CCD7F2;margin-top:6px;}
.chatting_area .chatting_chat.rx .chatting_user_pic span:after{content: ""; position: absolute;top: 70%;left:-50%;width: 0;height: 0; border-bottom: 13px solid #CCD7F2;border-left: 12px solid transparent;border-right: 12px solid transparent;border-radius:5px;} */
.chatting_area .chatting_chat.rx li.chatting_text{background-color:#fff;}
.chatting_area .chatting_chat.rx li.chatting_date{margin-left:55px;}
.chatting_area .chatting_chat.tx{text-align:right;margin-right:15px;}
.chatting_area .chatting_chat.tx li.chatting_text {background-color:#b5bbc5;}
.chatting_area .chatting_chat.tx li.chatting_date {float:right}
.chatting_room_area .chatting_room .chatting_input_area{width:100%; position:absolute; bottom:0; left:0; height:110px; overflow:hidden;background-color:#fff;display:flex}
.chatting_room_area .chatting_room .chatting_input_area .chatting_input{width:100%; height:100%;flex:1;}
.chatting_room_area .chatting_room .chatting_input_area textarea{resize:none; width:100%; height:100%; padding:10px;border:none;box-sizing:border-box;}
.chatting_room_area .chatting_room .chatting_input_area .chatting_input_btn{display:inline-block; flex: 0 0 auto;width:75px; height:100%; background-color:#ee2c49; color:#fff; font-weight:500;cursor:pointer;}

/* 입력폼/상세영역 */
.brd_form_table { width:100%; table-layout:fixed; border-top:2px solid #666; }
.brd_form_table tr { border-bottom:1px solid #d8d8d8;}
.brd_form_table th, .brd_form_table td { vertical-align:middle; padding-left:22px; text-align:left; padding:7px 10px; height: 46px; box-sizing:border-box;} 
.brd_form_table th { background-color:#f2f5fa;}
/* .brd_form_table td.contents_col { padding:0 0; } */
.brd_form_table td iframe { overflow-y:hidden; width:100%; padding:0 0; }
.brd_form_table ul li { list-style:none; }
.brd_form_table .attach_file { margin:5px 0 5px 0; }
#contents_area { min-height:500px; }
.brd_form_table td * {font-family:'Noto Sans KR' !important; font-size: 1rem !important; line-height: 1.4 !important;}

/* 게시판 하단 */
.brd_foot {display:flex; justify-content: space-between; align-items: center; padding-top: 30px;}

/** 페이징영역 **/
.page_arae { position:relative; width:100%; margin-bottom:26px; }
.page_arae .paging { text-align:center;}
.page_arae .paging:after {display:block; content:''; clear:both;}
.page_arae .paging div { display:inline-block; vertical-align:top; margin:15px 5px 0; }
.pageno { display:inline-block; text-align:center; line-height:22px; width:25px; height:22px; font-size:14px; margin-left:-1px;}
.link_no,
.pageno:hover { background-color:#fff4ff; }
.num_area em { font-weight:500; font-style:normal; color:#ee2c49;}
.num_area a{font-size:16px;}
.btn_prev_area a,
.btn_next_area a { display:inline-block; text-indent:-9999px; overflow:hidden; background:url("../img/paging_button_1.png") no-repeat 0 0; width:24px; height:24px; }
.btn_prev_area a.paging_start { background-position:0 -7px;}
.btn_prev_area a.paging_prev_block { background-position:-24px 0; margin:0 -2px 0 -2px;}
.btn_prev_area a.paging_prev_block.disable_btn { background-position:-24px -28px; margin:-4px -27px 0 -4px; cursor:default;}
.btn_prev_area a.paging_prev { background-position:-74px -7px; width:27px;}
.btn_prev_area a.paging_prev.disable_btn { cursor:default; background-position: -50px -7px;}
.btn_next_area a.paging_next { background-position: -73px -4px; transform: rotate(180deg);}
.btn_next_area a.paging_next.disable_btn { cursor:default;     background-position: -49px -4px;}
.btn_next_area a.paging_next_block { background-position:-97px 0; margin:0 -18px 0 -4px;}
.btn_next_area a.paging_next_block.disable_btn { background-position:-97px -28px; cursor:default;}
.btn_next_area a.paging_end { background-position: -26px -4px; width: 21px; transform: rotate(180deg);}
@media (max-width: 500px) {
.pageno { display:inline-block; text-align:center; line-height:22px; width:23px; height:22px; font-size:14px; margin-left:-1px;}
.btn_next_area a.paging_next_block { background-position:-97px 0; margin:0 -25px 0 -4px;}	
}

/*회원가입*/
.mbrSsc_agree_box{border: 1px solid #e6e6e6;width: calc(100% - 40px);padding:20px; height: 200px; background-color:#fff;overflow:auto;margin-top:20px;text-align:left; line-height:1.8;}
.mbrSsc_agree_check {height: 43px;line-height: 43px;text-align:right;}
.mbrSsc_agree_p{font-size: 16px; font-weight: 500;}
.mbrSsc_agree_all{font-size:18px;background: #fff;border: 1px solid #e6e6e6;line-height:1.6; padding:40px 0;text-align:center;}
.mbrSsc_agree_all label, .mbrSsc_agree_all label span{font-size:18px;}
.mbrSsc_agree_box table th,.mbrSsc_agree_box table td{ vertical-align:middle;text-align:center}
.mbrSsc_form_table input[type="text"],.mbrSsc_form_table input[type="password"]{height:35px; line-height:30px; margin:3px;width:250px;}
/* .mbrSsc_form_table .checks_ul li{float:left; width:33%;} */
.mbrSsc_form_table input.sp_table_area_btn{height:40px;line-height:20px; color:#fff !important; border:none;}

/*약관동의*/
.agr_table_area{padding:40px;background-color:#f8f8f8;}
.agr_table_area .agr_table_div{width:1080px; border:1px solid #bbbbbb; background-color:#fff;padding:20px;}
.agr_table_area .agr_table{width:100%;}
.agr_table_area .agr_table tr{border-top:1px solid #bbbbbb;line-height:3;}
.agr_table_area .agr_table tr:nth-child(1){border-top:none;}
.agr_table .mbrSsc_agree_box{margin-top:0;background-color:#eee;}
.agr_table_area input[type="checkbox"]{width:15px;height:15px;}
.agr_all_check{text-align:right;padding:20px 20px 0 0 ;}
.icon_btn_close{display:inline-block;padding:10px 25px; border: 1px solid #d8d8d8;border-radius:3px;cursor:pointer;}
.icon_btn_close i{display:inline-block;width:15px;height:11px;margin-right:8px;background-image: url(../img/icon_btn_close.png);background-repeat: no-repeat;background-position:center;transform:rotate(0deg);}

/*체크박스크기*/
#agr_mkt_1,#agr_mkt_2,#agr_mkt_3{position: relative;left: 4px;}

/*아이콘*/
.pt_ico {display:inline-block; width:20px; height:20px; background-size: 20px; margin-right: 5px;}
.pt_ico.i_kpay {background-image:url('../img/com/icon_kakaopay.png'); }
.pt_ico.i_npay {background-image:url('../img/com/icon_naverpay.png'); }

/*STEP 단계*/
.step_check_div {text-align:center; margin-bottom: 60px;}
.step_check_div ul {display:inline-block; position: relative;}
.step_check_div ul:before {display:block; content:''; width: 80%; height: 1px; border-top: 2px dotted #e0e0e0; position: absolute; top: 58px; left: 50%; transform:translateX(-50%);}
.step_check_div ul:after {display:block; content:''; clear:both;}
.step_check_div li {float:left; min-width: 130px; height: auto; position:relative; padding-top: 135px; box-sizing: border-box;}
.step_check_div li + li {margin-left: 65px;}
.step_check_div li + li:after {display:block; content:''; width: 25px; height: 25px; background: #ccc url(../img/arrow_wh1.png) no-repeat center; position:absolute; top: 46px; left: -50px; transform: rotate(-180deg); border-radius: 50%; background-size: 6px auto;}
.step_check_div li:before {display:block; content:''; width: 110px; height: 110px; position: absolute; top: 0; left: 50%; transform:translateX(-50%); background-repeat: no-repeat; background-position:center; background-size: 100% auto; z-index: 50;}
.step_check_div li.item1:before {background-image: url(../img/step_li01.png);}
.step_check_div li.item2:before {background-image: url(../img/step_li02.png);}
.step_check_div li.item3:before {background-image: url(../img/step_li03.png);}
.step_check_div li.item4:before {background-image: url(../img/step_li04.png);}
.step_check_div li span {display:block; font-size: 16px; color: #999;}
.step_check_div li strong {display:block; font-size: 20px; font-weight: 500; color: #999; margin-top: 8px;}
.step_check_div li .bg {display:none;}
.step_check_div li.on {padding-top: 145px;padding-left:10px;}
.step_check_div li.on span {font-size: 18px; color: #ee2b49;}
.step_check_div li.on strong {color: #000;}
.step_check_div li.on:before {height: 130px; top: -20px; background-size: 100% auto; background-repeat: no-repeat; background-position: center;}
.step_check_div li.on [class*=bg] {display:block; box-sizing:border-box; width: 130px; height: 130px; box-shadow: 0 0 10px rgba(000,000,000,0.3); position: absolute; top: -10px; left: 0; background-color:#fff; border-radius: 50%; /* border: 9px solid rgba(238,44,73,.1); border-radius: 50%; border-top-color: #ee2b49; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 2s ease-in-out infinite; z-index:10; */}
.step_check_div li.on [class*=bg] span {box-sizing: border-box; display: inline-block; width: 100%; height: 100%;}
.step_check_div li.item1.on{padding-left:0px;}
.step_check_div li.on:before {width: 140px; height: 140px;}
.step_check_div li.item1.on:before {background-image: url(../img/step_li01_on.png);}
.step_check_div li.item2.on:before {background-image: url(../img/step_li02_on.png);}
.step_check_div li.item3.on:before {background-image: url(../img/step_li03_on.png);}
.step_check_div li.item4.on:before {background-image: url(../img/step_li04_on.png);}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}


.step_check_div li.on .bg02 span{
  background: linear-gradient(#fff,#fff) padding-box, linear-gradient(to top, #ef5770 80%,#FEB4B4 100%) border-box;
  border: 10px solid transparent; border-radius:100px; position: relative; margin:0; animation: mymove 2s 1;animation-timing-function: ease-in-out;}
@keyframes mymove {from { transform: rotate(0deg); } to { transform: rotate(360deg);}}

.step_check_div li.on .bg03 span{
  background: linear-gradient(#fff,#fff) padding-box, linear-gradient(to right, #717ccb, #ef5770,#FEB4B4) border-box; transform: rotate(45deg);
  border: 10px solid transparent; border-radius:100px; position: relative; margin:0; animation: mymove03 2s 1;animation-timing-function: linear;}
@keyframes mymove03 {from { transform: rotate(45deg); } to { transform: rotate(405deg);}}

.step_check_div li.on .bg04 {display:block; box-sizing:border-box; width: 130px; height: 130px; box-shadow: 0 0 10px rgba(000,000,000,0.3); position: absolute; top: -10px; left: 0; background-color:#fff; border: 9px solid #ee2b49; border-radius: 50%; animation: transparent 1s ease-in-out infinite; -webkit-animation: transparent 1s ease-in-out infinite; animation-direction:alternate;z-index:10;}
@keyframes transparent{from{border: 9px solid #ee2b49;} to {border: 9px solid #FFA3B4;}}

.step_check_div li.on .bg05 {display:block; box-sizing:border-box; width: 130px; height: 130px; box-shadow: 0 0 10px rgba(000,000,000,0.3); position: absolute; top: -10px; left: 0; background-color:#fff; border: 9px solid #ee2b49; border-radius: 50%; animation: color 1s ease-in-out infinite; -webkit-animation: color 1s ease-in-out infinite; animation-direction:alternate;z-index:10;}
@keyframes color{from{border: 9px solid #ee2b49;} to {border: 9px solid #717ccb;}}

.step_check_div li.on .bg06 {display:block; box-sizing:border-box; width: 130px; height: 130px; box-shadow: 0 0 10px rgba(000,000,000,0.3); position: absolute; top: 30%; left: 50%;transform:translate(-50%,-50%); background-color:#fff; border: 9px solid #ee2b49; border-radius: 50%; animation: size 1s ease-in-out infinite; -webkit-animation: size 1s ease-in-out infinite; animation-direction:alternate;z-index:10;}
@keyframes size{from{width: 130px; height: 130px;border: 9px solid #ee2b49;} to {width: 110px; height: 110px;border: 3px solid #ee2b49;}}


/*시험관련*/
.test_check{display:inline-block; padding:5px 0px 5px 25px;color:#666666;font-size:17px;background-image: url(../img/step_check.jpg);background-repeat: no-repeat;background-position: left center; background-size:20px;}
.test_check.on{background-image: url(../img/step_check_on.jpg);}
a.test_btn_b{color:#fff;display: inline-block; margin: 10px 0; padding: 10px 45px 10px 25px;border-radius: 80px;background-color: #353535; border: 1px solid #353535;color: #fff;background-image:url(../img/main/more_arrow_h.png);background-repeat:no-repeat;background-position:right 15px top 8px;}

.total_info_bar{position:fixed;bottom:0px; left:0;background-color:#474646;width:100%;height:100px;overflow:hidden;z-index:800;box-sizing:border-box; display:flex; align-items:center; justify-content:center;}
.total_info_bar span{color:#fff; font-size:18px;}
.total_info_bar .btn {width: 170px; height: 50px; border:1px solid #fff; color:#fff; background:none; margin-left:40px; font-size: 16px; font-weight: 500; padding: 0; line-height: 48px; text-align:center;}

/*마이페이지 추천과정*/
.more_big_plus::after{content: '';display: none;width: 100%; height: 100%; position: absolute; top: 0; left: 0;background-color: rgba(238,44,73,0.8);background-image:url(../img/main/more_plus_bw.png); background-position: center center;background-repeat: no-repeat;}

.sp_edu_list{overflow: hidden; display:flex;}
.sp_edu_list li{background-color: #fff;margin-left: 25px;border:1px solid #d8d8d8;flex:1;padding-bottom:30px;}
.sp_edu_list li a {display:block;}
.sp_edu_list li:nth-child(1){margin-left: 0px !important;}
.sp_edu_list li span{display: block; text-align: left;letter-spacing: 0px;}
.sp_edu_list li span.edu_img{position: relative; width:100%;}
.sp_edu_list li span.edu_img img{width: 100%;}
.sp_edu_list li span.edu_part{padding:30px 30px 10px 30px; color: #ee2c49;font-weight: 500;font-size: 14px;}
.sp_edu_list li span.edu_title{font-weight: 500; font-size: 16px; width: 100%; padding:0 50px 0 30px; box-sizing:border-box; overflow: hidden; display:-webkit-box; display:-ms-flexbox; display:-moz-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: 55px;line-height: 28px;}
.sp_edu_list li span.edu_date{padding:20px 30px 0;}
.sp_edu_list li:hover{border:1px solid #ee2c49}
.sp_edu_list li:hover span.more_big_plus::after{display: block;}

/* 상세페이지 추천과정*/
.sp_edu_list_1{overflow: hidden; display:flex;}
.sp_edu_list_1 li{background-color: #fff;margin-left: 25px;margin-bottom: 20px;border:1px solid #d8d8d8;padding-bottom:30px;}
.sp_edu_list_1 li a {display:block;}
.sp_edu_list_1 li:nth-child(1){margin-left: 0px !important;}*
.sp_edu_list_1 li span{display: block; text-align: left;letter-spacing: 0px;}
.sp_edu_list_1 li span.edu_img{position: relative; width:100%;}
.sp_edu_list_1 li span.edu_img img{width: 100%;}
.sp_edu_list_1 li span.edu_part{padding:30px 30px 10px 30px; color: #ee2c49;font-weight: 500;font-size: 14px;}
.sp_edu_list_1 li span.edu_title{font-weight: 500; font-size: 16px; width: 100%; padding:0 50px 0 30px; box-sizing:border-box; overflow: hidden; display:-webkit-box; display:-ms-flexbox; display:-moz-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: 55px;line-height: 28px;}
.sp_edu_list_1 li span.edu_date{padding:20px 30px 0;}
.sp_edu_list_1 li:hover{border:1px solid #ee2c49}
.sp_edu_list_1 li:hover span.more_big_plus::after{display: block;}


/* 모바일 상세페이지 추천과정*/
@media (max-width: 768px) {
.sp_edu_list_1{overflow: hidden; display:inline;}
.sp_edu_list_1 li{background-color: #fff;margin-left: 30px;margin-bottom: 20px;border:1px solid #d8d8d8;padding-bottom:30px; width:75% !important;}
.sp_edu_list_1 li a {display:block;}
.sp_edu_list_1 li:nth-child(1){margin-left: 30px !important;}*
.sp_edu_list_1 li span{display: block; text-align: left;letter-spacing: 0px;}
.sp_edu_list_1 li span.edu_img{position: relative; width:100%;}
.sp_edu_list_1 li span.edu_img img{width: 100%;}
.sp_edu_list_1 li span.edu_part{padding:30px 30px 10px 30px; color: #ee2c49;font-weight: 500;font-size: 14px;}
.sp_edu_list_1 li span.edu_title{font-weight: 500; font-size: 16px; width: 100%; padding:0 50px 0 30px; box-sizing:border-box; overflow: hidden; display:-webkit-box; display:-ms-flexbox; display:-moz-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: 55px;line-height: 28px;}
.sp_edu_list_1 li span.edu_date{padding:20px 30px 0;}
.sp_edu_list_1 li:hover{border:1px solid #ee2c49}
.sp_edu_list_1 li:hover span.more_big_plus::after{display: block;}
}

img.img_half{width: 50% !important;transform: translate(0,0)!important;top:0 !important;}
img.img_half:nth-child(1){left: 0 !important;}
img.img_half:nth-child(2){right: 0 !important;}
.sp_edu_list li:hover img.img_half{width: 50% !important;height: 100% !important;} 

/*강의목록*/
.edCrs_table tr td:nth-child(1){vertical-align:middle; text-align:center;}
.edCrs_list_wp{width:100%; display:flex; align-items:center;}
.edCrs_list_wp .edCrs_img{width:200px; height:150px;margin:10px;background-color:#f8f8f8;overflow:hidden;display:flex; align-items:center; justify-content: center;}
.edCrs_list_wp .edCrs_img img{display:block;width:100%;height:100%;}
.edCrs_list_wp .edCrs_info{margin-left:10px; flex:1;}
.edCrs_list_wp .edCrs_info .edCrs_title{display:inline-block;font-size:16px; font-weight:500; margin-bottom: 5px;}
.edCrs_list_wp .edCrs_info .edCrs_list li{line-height:2;}
.edCrs_list_wp .edCrs_info .edCrs_list span{display:inline-block; width:20%;font-weight:500;}

/*캘린더*/
.btn_calendar_area{text-align:center;vertical-align:middle;}
.btn_calendar_area span{font-size:26px; color:#333;padding:0 10px;vertical-align:middle;  font-weight: 600;}
.btn.btn_calendar{vertical-align: middle;cursor: pointer;background: #fff;width: 30px;height: 30px;border: 1px solid #f0f0f0;border-radius: 6px;justify-content: center;position: relative; padding: 6px; padding-left: 7px;}
.btn.btn_calendar2{vertical-align: middle;cursor: pointer;background: #fff;width: 20px;height: 20px;border: 1px solid #f0f0f0;border-radius: 6px;justify-content: center;position: relative; padding: 6px; padding-left: 9px;}
.btn.btn_calendar.left{padding: 6px;   padding-left: 10px;}
.calendar_arrow{width: 7px; height: 7px;border-right: 2px solid #827d7d;border-top: 2px solid #827d7d; transform: rotate(45deg);}
.calendar_arrow.left{transform: rotate(-135deg);}
.calendar_arrow2{width: 7px; height: 7px;border-right: 2px solid #827d7d;border-top: 2px solid #827d7d; transform: rotate(45deg); margin-left: 1px;}
.calendar_arrow2.left{transform: rotate(-135deg); margin-left: 5px;}
.btn.btn_today{display:inline-block; padding:3px 12px;vertical-align:middle;background-color:#ffffff;;border:1px solid #d8d8d8; margin-right:10px; border-radius:20px;}
.calendar_div .calendar{width:100%;}
.calendar_div .calendar tr th, .calendar_div .calendar tr td{padding:10px;border:1px solid #edebeb;}
.calendar_div .calendar tr th{padding:17px; color:#000;font-weight:500; text-align:center}
.calendar_div .calendar tr td{height:90px;}
.calendar_div .calendar tr td:nth-child(1) span{color:#f3345f;}
.calendar_div .calendar tr td:nth-child(7) span{color:#2a75ec;}
.calendar_div .calendar tr td>span{display:block; font-weight: 500; text-align: right;}
.calendar_div .calendar tr td a{line-height:1.5;position:relative;padding-left:8px;display:block; background-color: #eff7ff;font-size: 15px; margin-bottom: 5px;}
.calendar_div .calendar tr td a:before{content:'';display:inline-block; margin:0 5px 3px 0;width:4px; height:4px; background-color:#ee2c49;border-radius:4px;position:absolute; top: 9px; left: 0px;}


/* 달력 버튼 */
.ui-datepicker-trigger { background-image:url('../img/calender_btn.png'); background-color: transparent;background-repeat:no-repeat; background-size:100%; background-position:auto !important; 
   vertical-align:middle; white-space: nowrap; position:relative; display:inline-block; border:none; width:25px; height:25px; text-align:center; cursor:pointer; margin-top:2px;  margin-left: 3px;}

/*달력*/
#ui-datepicker-div{z-index:1001 !important}
.ui-widget-content{background:#f3f3f3 !important;border:1px solid #eee !important; box-shadow:0px 3px 8px rgba(0,0,0,0.2);padding: 20px !important;}
.ui-widget-header{background:none !important;border:none !important; margin-bottom: 0.2rem;}
.ui-datepicker .ui-datepicker-title{line-height: 1;margin: 0;}
.ui-datepicker-year, .ui-datepicker-month{width:45% !important;padding:0;border:none !important;font-size:17px !important;;font-weight:bold !important;background-color:transparent;}
.ui-datepicker table {background:#fff;}
.ui-datepicker table th,.ui-datepicker table td {border:1px solid #f3f3f3;}
.ui-datepicker table th {color:#fff !important;    padding: 10px 2px;}
.ui-datepicker-calendar th{font-weight:normal !important; background:#bbbbbb;}
.ui-datepicker-calendar th:first-child {background:#fe8484;}
.ui-datepicker-calendar th:last-child {background:#8499fe;}
.ui-state-default{width:25px !important;height:25px !important;line-height:25px !important;background:none !important;border:none !important;border-radius:20px;text-align:center !important;color:#666 !important;vertical-align: middle !important;}
.ui-state-default:hover{color:#333 !important; }
.ui-state-highlight{background-color:translate !important;color:#ee2c49 !important;}
.ui-datepicker-buttonpane.ui-widget-content{background:#fff !important;border:none !important;box-shadow:none;padding: 0px !important;}
.ui-datepicker-current,.ui-datepicker-close{width:auto !important;margin:0 !important;line-height:15px !important;}
.ui-icon.ui-icon-circle-triangle-e{width:100%;height:100%;background-image: url('../img/calender_btn_next.jpg') !important;background-repeat: no-repeat !important;background-position:center !important;}
.ui-icon.ui-icon-circle-triangle-w{width:100%;height:100%;background-image: url('../img/calender_btn_previous.jpg') !important;background-repeat: no-repeat !important;background-position:center !important;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:none !important;background:none !important;}
.ui-datepicker .ui-datepicker-prev span {background: #75b6ff url(../img/calender_btn_ar.png) no-repeat center !important; left:0 !important; margin-left:0 !important;}
.ui-datepicker .ui-datepicker-next span {background: #75b6ff url(../img/calender_btn_ar.png) no-repeat center !important; transform:rotate(-180deg); left:auto !important; right:0;margin:0;}


/*플레이어*/
.pc .player_body{background-color: #2E2E2E;height: 100%;overflow: hidden; min-width: 1000px;}

.pc .player_wrap {display: flex;height:calc(100vh - 6px);}

.pc .player_area{flex: 1;width:100%;height: 100%;padding: 50px 10px 10px; position:relative; background-image: url(../img/player/player_logo.png);background-repeat: no-repeat;background-position: bottom 40px left 15px;box-sizing: border-box;}
.pc .chart_area{flex: 0 0 auto;width:280px;height: 100%;background-color: #525254;position: relative;right: 0;}
.pc .chart_open{display:none;}

.pc .player_title_area{overflow: hidden;padding: 15px 10px 0; position:absolute; top:0; left:0; width:100%; box-sizing:border-box; display:flex; align-items:center; justify-content: space-between;}
.pc .player_title_area .player_title{display: inline-block;color:#fff; font-size: 16px; line-height: 26px;}
.pc .player_title_area .player_title:before{display: inline-block; content:''; width: 3px; height: 25px; background-color: #ee2c49; vertical-align: middle; margin-right: 5px;}
.pc .player_title_area .player_objectives{display: inline-block; color:#d1d1d1;font-size:14px;}
.pc .player_title_area .player_objectives span{display:inline-block; padding:5px 10px;background-color: #525254;border-radius: 20px; color:#d1d1d1;margin-right: 5px;}
.pc .player{background-color: #1d1c1c;width: 100%;height:calc(100% - 101px);overflow: auto;}
.pc .player_container {height: 100%;}
.pc .player_help_area{bottom: 0px;right: 0;position: absolute;}
.pc .player_help_area .player_help{overflow: hidden;width:770px; float: right;padding: 15px 0;}
.pc .player_help_area .player_help li{float: left; width: 65px;margin-left: 10px; text-align: center;line-height: 0.8;}
.pc .player_help_area .player_help li a{color:#d1d1d1; display:block; font-size:14px;}
.pc .player_help_area .player_help li a .ph_icon{display:block; width: 50px; height: 50px; border-radius: 25px; background-color: #464648; background-repeat: no-repeat; background-position: center center; margin: 0 auto 10px;background-size: 25px;opacity: 0.8}
.pc .player_help_area .player_help li a .ph_icon:hover{opacity: 1}
.pc .player_help_area .player_help li:nth-child(1) a .ph_icon{background-image: url(../img/player/player_icon_09.png);}
.pc .player_help_area .player_help li:nth-child(2) a .ph_icon{background-image: url(../img/player/player_icon_01.png);}
.pc .player_help_area .player_help li:nth-child(3) a .ph_icon{background-image: url(../img/player/player_icon_02.png);}
.pc .player_help_area .player_help li:nth-child(4) a .ph_icon{background-image: url(../img/player/player_icon_03.png);}
.pc .player_help_area .player_help li:nth-child(5) a .ph_icon{background-image: url(../img/player/player_icon_04.png);}
.pc .player_help_area .player_help li:nth-child(6) a .ph_icon{background-image: url(../img/player/player_icon_05.png);}
.pc .player_help_area .player_help li:nth-child(7) a .ph_icon{background-image: url(../img/player/player_icon_06.png);}
.pc .player_help_area .player_help li:nth-child(8) a .ph_icon{background-image: url(../img/player/player_icon_10.png);}
.pc .player_help_area .player_help li:nth-child(9) a .ph_icon{background-image: url(../img/player/player_icon_07.png);}
.pc .player_help_area .player_help li:nth-child(10) a .ph_icon{background-image: url(../img/player/player_icon_08.png);}

.pc .player_tab_area .player_tab{overflow: hidden;width: 100%;display:block;margin:0;border-right:0;}
.pc .player_tab_area .player_tab li{padding:0;float: left; width: 50%;border-radius: 0; text-align: center; line-height: 50px; border:none !important; border-top: 4px solid #575555 !important;background-color: #2F2F31;color: #d1d1d1; font-size: 15px;}
.pc .player_tab_area .player_tab li.on{border-color:#525254 !important;border-top: 4px solid #ee2c49 !important;background-color: #525254;}
.pc .player_contents_table{width: 92%; padding: 10px;height: calc(100% - 90px);overflow: hidden;}
.pc .player_contents_table ul{height: 100%;overflow: hidden;overflow-y: auto;}
.pc .player_contents_table ul li{padding: 10px; line-height: 1.5;color:#d1d1d1;background-color: #3D3B3B;font-size: 15px;margin-bottom: 2px;}
.pc .player_contents_table ul li.on{background-color: #ee2c49;}
.pc .player_contents_table ul li p, .pc .player_contents_table ul li span {font-size: 15px;}
.pc .player_contents_table ul li.on{color:#fff;background: #eb294a; Old browsersbackground: -moz-linear-gradient(left,  #eb294a 0%, #ff9317 100%); FF3.6-15background: -webkit-linear-gradient(left,  #eb294a 0%,#ff9317 100%); Chrome10-25,Safari5.1-6background: linear-gradient(to right,  #eb294a 0%,#ff9317 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb294a', endColorstr='#ff9317',GradientType=1 ); IE6-9}
.pc .player_contents_table ul li .p_ct_num{color: #d1d1d1; float: left;padding-right: 10px;}
.pc .player_contents_table ul li .p_ct_time{color: #d1d1d1; float: right;}
.pc .player_contents_table ul li.on p{color:#fff;}
.pc .player_contents_table ul li.on .p_ct_num{color: #fff}
.pc .player_contents_table ul li.on .p_ct_time{color: #fff}
.pc .player_foot{position: absolute;bottom: 0;background-color: #525254;width:100%;}
.pc .player_paging_btn_area {display:flex;;margin: 10px auto; background-color: #3d3b3b;line-height: 40px;border-radius: 20px;text-align: center;}
.pc .player_paging_btn_area span{color: #d1d1d1;letter-spacing:2px; font-size: 14px;flex:1;}
.pc .player_paging_btn_area button{flex:1;display: inline-block;height: 40px;vertical-align: middle; background-color:transparent; background-repeat: no-repeat; background-position: center center;}
.pc .player_paging_btn_area button.player_btn_previous{background-image: url(../img/player/player_previous.png);}
.pc .player_paging_btn_area button.player_btn_next{background-image: url(../img/player/player_next.png);}
.pc .player_out_btn_area{overflow: hidden;}
.pc .player_out_btn_area button{display: block;width: 100%; background-color: #2E2E2E;line-height: 40px;color: #d1d1d1; margin-left: 2px;font-size:14px;}

/*플레이어 채팅방*/
.pc .player_contents_table {width: 100%; box-sizing: border-box;}
.pc .player_contents_table .chatting_room_area{height:calc(100% - 95px);position:static; bottom:0px; right:0px;z-index:1000;display:block !important;}
.pc .player_contents_table .chatting_room_area .chatting_room {border:none;width:100%;min-width:auto; min-height:220px; /* max-height:700px; */ height:100%; position:relative; bottom:0; right:0;background-color:#3d3b3b;overflow-x:hidden;overflow-y:hidden;z-index:1100; box-sizing:border-box; padding-bottom: 80px;}
.pc .player_contents_table .chatting_room_area .chatting_room .chatting_area{width:100%; height:100%; background-color:#3d3b3b; overflow-y:auto; overflow-x:hidden;padding:10px; box-sizing:border-box;}
.pc .player_contents_table .chatting_room_area .chatting_room .chatting_user{padding:0}
.pc .player_contents_table .chatting_area .chatting_chat li.chatting_text{color:#333; max-width:60%;}
.pc .player_contents_table .chatting_area .chatting_chat.tx li.chatting_text:before{right:-14px;border-left: 15px solid #aaa;}
.pc .player_contents_table .chatting_area .chatting_chat.tx li.chatting_text {background-color:#aaa;}
.pc .player_contents_table .chatting_area .chatting_chat li.chatting_date{padding:0;}
.pc .player_contents_table .chatting_room_area .chatting_room .chatting_input_area{width:auto; height:70px; overflow:hidden;background-color:#3b3b3b; position:absolute; bottom:10px; left:10px; right: 10px; box-sizing:border-box; display:flex;}
.pc .player_contents_table .chatting_room_area .chatting_room .chatting_input_area .chatting_input{flex:3; height:70px;display:inline-block;}
.pc .player_contents_table .chatting_room_area .chatting_room .chatting_input_area textarea{resize:none;vertical-align:middle;width:100%; height:70px; padding:10px;border:none; box-sizing:border-box;}
.pc .player_contents_table .chatting_room_area .chatting_room .chatting_input_area .chatting_input_btn{flex:1;display:inline-block; height:70px; background-color:#333; color:#fff; font-weight:500;cursor:pointer;font-size:14px;}
.pc .player_contents_table .chatting_area .chatting_chat.rx .chatting_user_pic {filter: grayscale(1);}
.pc_mem{display:none;}
.pc .pc_mem, .cr .pc_mem{display:inline-block;height:20px;line-height:1.2;color:#d1d1d1;padding-left:23px; vertical-align: middle; margin-left: 8px; margin-bottom: 10px; background-image: url(../img/player/pc_mem.png); background-repeat: no-repeat; background-position: left center;cursor:pointer;} 
.pc .player_contents_table .chatting_mem_area, .cr .chatting_mem_area {display:none;width:240px;position:absolute;top:0;left:-86%;z-index:50;background-color: #3D3B3B;border:3px solid #666;height: calc(100% - 90px);}
.pc .player_contents_table .chatting_mem_area.on, .cr .chatting_mem_area.on{display:block;}
.pc .player_contents_table .chatting_mem_area h4, .cr .chatting_mem_area h4{position:relative;color:#d8d8d8;text-indent:35px;height: 30px; line-height: 30px;margin-bottom:3px;background-color:#525254; background-image: url(../img/player/pc_mem.png); background-repeat: no-repeat; background-position: left 10px center;}
.pc .player_contents_table .chatting_mem_area h4 span, .cr .chatting_mem_area h4 span{position:absolute;right:10px;top:-1px;cursor:pointer;}
.pc .player_contents_table .chatting_mem_area ul, .cr .chatting_mem_area ul{height: calc(100% - 33px);overflow:hidden;overflow-y:auto;}
.pc .player_contents_table .chatting_mem_area ul li, .cr .chatting_mem_area ul li{margin-bottom:0px;line-height:1.2;color: #aaa;padding: 10px;}
.pc .player_contents_table .chatting_mem_area ul li span, .cr .chatting_mem_area ul li span{color:#aaa;}

.cr .pc_mem {margin: 7px 0 7px 180px;}
.cr .chatting_mem_area {left:-62%;height:calc(100% - 6px);}


 /*플레이어-모바일*/
.mobile .player_body, .mobileapp .player_body{background-color: #2E2E2E;overflow:hidden !important;}
.mobile .player_body *, .mobileapp .player_body *{box-sizing: border-box;}
.mobile .player_wrap ,.mobileapp  .player_wrap { flex-wrap:wrap;height:auto;}

.mobile .player_area ,.mobileapp .player_area {padding: 50px 10px 10px;width:100%;height: 100%;position:relative; padding: 0; background:none;overflow:hidden;box-sizing:border-box;}
.mobile .chart_area ,.mobileapp .chart_area{width: 100%; height:calc(100vh - 100px); position: relative;right: 0;position: fixed; bottom: 50px;z-index: 100;}
.mobile .chart_open ,.mobileapp .chart_open {color:#d1d1d1; position:absolute; top: 13px;right:10px;cursor:pointer;background-color:transparent;cursor:pointer;}

.mobile .player_title_area ,.mobileapp .player_title_area{position:absolute; top:0; left:0; padding: 0.8rem 10px 0; display:flex; align-items:center; justify-content: space-between;width: 100%;}
.mobile .player_title_area .player_title ,.mobileapp .player_title_area .player_title{font-size: 17px; display: inline-block;color:#fff; line-height: 26px;}
.mobile .player_title_area .player_title:before ,.mobileapp .player_title_area .player_title:before {display: inline-block; content:''; width: 3px; height: 25px; background-color: #ee2c49; vertical-align: middle; margin-right: 5px;}
.mobile .player_title_area .player_objectives ,.mobileapp .player_title_area .player_objectives {display: none;}

.mobile .player ,.mobileapp .player {width: 100% !important; margin: 50px auto 0 !important; padding:  0 0 !important; height: calc(100vh - 60px);max-height:calc(100vh - 100px); background-color: #1d1c1c;overflow:hidden;}
.mobile .player_container ,.mobileapp .player_container{position: relative; width: 100%; height: 100% !important;overflow-y: auto;}
.mobile .player_container iframe, .mobile .player_container .sp_iframe 
,.mobileapp .player_container iframe,.mobileapp .player_container .sp_iframe
{z-index: 1 !important; width: 100% !important; height: 100% !important;}
.mobile .player_container .sp_iframe #container,.mobile .player_container .sp_iframe #contents
,.mobileapp .player_container .sp_iframe #container,.mobileapp .player_container .sp_iframe #contents
{width: 100% !IMPORTANT; height: 100% !IMPORTANT;min-width: auto !IMPORTANT;}
.mobile .player_container .sp_iframe #contents #videoPlayer,.mobileapp .player_container .sp_iframe #contents #videoPlayer{height: 100% !IMPORTANT;min-height: auto !IMPORTANT;}
.mobile .player_container .sp_iframe #contents #videoPlayer #myVideo ,.mobileapp .player_container .sp_iframe #contents #videoPlayer #myVideo{ width: 100% !IMPORTANT; height: 100% !IMPORTANT;}

.mobile .player_help_area .player_help{width:100%; padding: 0 1.071rem; display:flex; flex-wrap:wrap; margin-bottom: 1rem;display:none;}
.mobile .player_help_area .player_help li{width: 20%; flex: 0 0 auto; text-align: center; line-height:normal; margin-bottom: 0.5rem;}
.mobile .player_help_area .player_help li a {font-size: 13px; color:#d1d1d1; display:block;}
.mobile .player_help_area .player_help li a .ph_icon{display:block; width: 50px; height: 50px; background-color: transparent; background-repeat: no-repeat; background-position: center center; margin: 0 auto; background-size: 25px;}
.mobile .player_help_area .player_help li:nth-child(1) a .ph_icon{background-image: url(../img/player/player_icon_09b.png);}
.mobile .player_help_area .player_help li:nth-child(2) a .ph_icon{background-image: url(../img/player/player_icon_01b.png);}
.mobile .player_help_area .player_help li:nth-child(3) a .ph_icon{background-image: url(../img/player/player_icon_02b.png);}
.mobile .player_help_area .player_help li:nth-child(4) a .ph_icon{background-image: url(../img/player/player_icon_03b.png);}
.mobile .player_help_area .player_help li:nth-child(5) a .ph_icon{background-image: url(../img/player/player_icon_04b.png);}
.mobile .player_help_area .player_help li:nth-child(6) a .ph_icon{background-image: url(../img/player/player_icon_05b.png);}
.mobile .player_help_area .player_help li:nth-child(7) a .ph_icon{background-image: url(../img/player/player_icon_06b.png);}
.mobile .player_help_area .player_help li:nth-child(8) a .ph_icon{background-image: url(../img/player/player_icon_10b.png);}
.mobile .player_help_area .player_help li:nth-child(9) a .ph_icon{background-image: url(../img/player/player_icon_07b.png);}
.mobile .player_help_area .player_help li:nth-child(10) a .ph_icon{background-image: url(../img/player/player_icon_08b.png);}

.mobile .chart_area.off,.mobileapp .chart_area.off{height:auto;}
.mobile .player_tab_area, .mobile .pt_com_tabbox, .mobileapp .player_tab_area, .mobileapp .pt_com_tabbox{background-color: #525254;}
.mobile .player_tab_area.off, .mobile .pt_com_tabbox.off, .mobileapp .player_tab_area.off, .mobileapp .pt_com_tabbox.off{display:none;}
.mobile .player_tab_area .player_tab ,.mobileapp .player_tab_area .player_tab{overflow: hidden;width: 100%;display:block;margin:0;border-right:0;}
.mobile .player_tab_area .player_tab li ,.mobileapp  .player_tab_area .player_tab li{position:relative;padding:0;float: left; width: 50%;border-radius: 0; text-align: center; line-height: 40px !important; min-height: 40px !important; border:none !important; border-top: 4px solid #575555 !important;background-color: #2F2F31;color: #d1d1d1; font-size: 15px;}
.mobile .player_tab_area .player_tab li.on ,.mobileapp .player_tab_area .player_tab li.on{border-color:#525254 !important;border-top: 4px solid #ee2c49 !important;background-color: #525254;}   

.mobile .player_foot ,.mobileapp  .player_foot{position:fixed; bottom:0; left:0; width: 100%; display:flex; border-top:1px solid #525254; height: 50px; background:#3d3b3b; z-index:100;}
.mobile .player_foot > div ,.mobileapp .player_foot > div{flex: 1; height: 100%;}
.mobile .player_paging_btn_area ,.mobileapp .player_paging_btn_area{line-height: 50px; font-size: 13px; background-color: #3d3b3b;text-align: center;}
.mobile .player_paging_btn_area span ,.mobileapp .player_paging_btn_area span{color: #d1d1d1;letter-spacing:2px; font-size: 14px;cursor:pointer;}
.mobile .player_paging_btn_area button ,.mobileapp .player_paging_btn_area button{display: inline-block; width: 20px;height: 50px; margin: 0 5px;vertical-align: middle;cursor:pointer; background-color:transparent; background-repeat: no-repeat; background-position: center center;}
.mobile .player_paging_btn_area button.player_btn_previous ,.mobileapp .player_paging_btn_area button.player_btn_previous{background-image: url(../img/player/player_previous.png);}
.mobile .player_paging_btn_area button.player_btn_next ,.mobileapp .player_paging_btn_area button.player_btn_next{background-image: url(../img/player/player_next.png);}
.mobile .player_out_btn_area button ,.mobileapp .player_out_btn_area button{display: block; width: 100%; font-size: 13px; background-color: #2E2E2E;line-height: 40px;color: #d1d1d1; margin-left: 2px;cursor:pointer;}

/*플레이어 채팅방*/
.mobile .player_contents_table ,.mobileapp .player_contents_table{width: 100%;height:calc(100% - 40px); padding: 10px; box-sizing: border-box; overflow-y: auto;}
.mobile .player_contents_table ul li *  ,.mobileapp .player_contents_table ul li *{cursor:pointer;}
.mobile .player_contents_table ul li ,.mobileapp .player_contents_table ul li{padding: 10px; line-height: 1.5;color:#d1d1d1;background-color: #3D3B3B;margin-bottom: 2px;cursor:pointer;}
.mobile .player_contents_table ul li.on ,.mobileapp .player_contents_table ul li.on{color:#fff;background: #eb294a; Old browsersbackground: -moz-linear-gradient(left,  #eb294a 0%, #ff9317 100%); FF3.6-15background: -webkit-linear-gradient(left,  #eb294a 0%,#ff9317 100%); Chrome10-25,Safari5.1-6background: linear-gradient(to right,  #eb294a 0%,#ff9317 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb294a', endColorstr='#ff9317',GradientType=1 ); IE6-9}
.mobile .player_contents_table ul li,.mobile .player_contents_table ul li p,.mobile .player_contents_table ul li span
 ,.mobileapp .player_contents_table ul li ,.mobileapp .player_contents_table ul li p,.mobileapp .player_contents_table ul li span
{font-size: 13px;cursor:pointer;}
.mobile .player_contents_table ul li .p_ct_num ,.mobileapp .player_contents_table ul li .p_ct_num {color: #d1d1d1; float: left;padding-right: 10px;}
.mobile .player_contents_table ul li .p_ct_time ,.mobileapp .player_contents_table ul li .p_ct_time{color: #d1d1d1; float: right;}
.mobile .player_contents_table ul li.on .p_ct_num ,.mobileapp .player_contents_table ul li.on .p_ct_num {color: #fff}
.mobile .player_contents_table ul li.on .p_ct_time ,.mobileapp .player_contents_table ul li.on .p_ct_time {color: #fff}
.mobile .player_contents_table .chatting_room_area ,.mobileapp .player_contents_table .chatting_room_area{display:block; height:100%;position:static; bottom:0px; right:0px;z-index:1000;}
.mobile .player_contents_table .chatting_room_area .chatting_room  ,.mobileapp  .player_contents_table .chatting_room_area .chatting_room  {border:none;width:100%;min-width:auto; min-height:220px;height:100%; position:static; bottom:0; right:0;background-color:#3d3b3b;overflow-x:hidden;overflow-y:hidden;z-index:1100; box-sizing:border-box; padding-bottom: 70px;}
.mobile .player_contents_table .chatting_room_area .chatting_room .chatting_area ,.mobileapp  .player_contents_table .chatting_room_area .chatting_room .chatting_area{width:100%; height:100%; max-height: 500px; background-color:#3d3b3b; overflow-y:auto; overflow-x:hidden;padding:10px; box-sizing:border-box;}
.mobile .player_contents_table .chatting_room_area .chatting_room .chatting_user ,.mobileapp  .player_contents_table .chatting_room_area .chatting_room .chatting_user {padding:0}
.mobile .player_contents_table .chatting_area .chatting_chat li.chatting_text ,.mobileapp  .player_contents_table .chatting_area .chatting_chat li.chatting_text {color:#333; max-width:60%;}
.mobile .player_contents_table .chatting_area .chatting_chat.tx li.chatting_text:before
 ,.mobileapp .player_contents_table .chatting_area .chatting_chat.tx li.chatting_text:before
{right:-14px;border-left: 15px solid #aaa;}
.mobile .player_contents_table .chatting_area .chatting_chat.tx li.chatting_text 
 ,.mobileapp .player_contents_table .chatting_area .chatting_chat.tx li.chatting_text 
{background-color:#aaa;}
.mobile .player_contents_table .chatting_area .chatting_chat li.chatting_date
 ,.mobileapp .player_contents_table .chatting_area .chatting_chat li.chatting_date
{padding:0;}
.mobile .player_contents_table .chatting_room_area .chatting_room .chatting_input_area
 ,.mobileapp .player_contents_table .chatting_room_area .chatting_room .chatting_input_area
{width:auto; height:70px; overflow:hidden;background-color:#3b3b3b; position:absolute; bottom:10px; left:10px; right: 10px; box-sizing:border-box; display:flex;}
.mobile .player_contents_table .chatting_room_area .chatting_room .chatting_input_area .chatting_input
 ,.mobileapp .player_contents_table .chatting_room_area .chatting_room .chatting_input_area .chatting_input
{flex:3; height:70px;display:inline-block;}
.mobile .player_contents_table .chatting_room_area .chatting_room .chatting_input_area textarea
 ,.mobileapp .player_contents_table .chatting_room_area .chatting_room .chatting_input_area textarea
{font-size:14px;resize:none;vertical-align:middle;width:100%; height:70px; padding:10px;border:none; box-sizing:border-box;}
.mobile .player_contents_table .chatting_room_area .chatting_room .chatting_input_area .chatting_input_btn
 ,.mobileapp .player_contents_table .chatting_room_area .chatting_room .chatting_input_area .chatting_input_btn
{flex:1;display:inline-block; height:70px; background-color:#333; color:#fff; font-weight:500;cursor:pointer;font-size:14px;}
 
.mobile .pc_mem ,.mobileapp .pc_mem{display:none;}
.mobile .chatting_mem_area h4 ,.mobileapp .chatting_mem_area h4{display:none;}
.mobile .player_contents_table .chatting_mem_area, .mobile .chatting_mem_area
,.mobileapp .player_contents_table .chatting_mem_area ,.mobileapp .chatting_mem_area{display:none;}
/*PT팝업*/
/* .pt_com_pop{width:100%;}
.pt_com_pop table th,.pt_com_pop table td{vertical-align: middle;line-height: 2;}
.pt_com_pop h1{background-color: #6d6e70; color:#fff;font-size: 18px;padding: 10px 20px;}
.pt_com_pop h1 .pt_com_pop_close{position: absolute;right: 15px; top: 10px;text-indent: -5500000px; overflow: hidden; color: #fff; display: block;width: 25px; height: 25px; background-image: url(../img/pt_com_pop_close.png); background-repeat: no-repeat;background-position: center;}
.pt_com_pop_content{padding: 20px;}
.pt_com_pop h2{font-size: 26px;text-align: center; font-weight: bold;padding-bottom: 20px;}
.pt_com_pop_notice{background-color: #fdf3f2;padding: 20px;text-align: center;}
.pt_com_pop_notice span{display: block; font-size: 20px; font-weight: 500;color: #ee2c49;}
.pt_com_pop_notice ul{margin-top: 10px;}
.pt_com_pop_notice ul li{line-height: 1.8; vertical-align: middle;}
.pt_com_pop_notice ul li::before{content: '';display: inline-block;width: 3px; height: 3px; background-color: #666;margin: 0 10px 3px 0;}
.pt_com_pop_search_area{margin-top: 20px; border: 1px solid #ccc; background-color: #f5f6f7;padding: 15px; overflow: hidden;}
.pt_com_pop_search_area table{width: 80%; float: left;}
.pt_com_pop_search_area table th{font-size: 16px;}
.pt_com_pop_search_area table input{height: 30px;text-indent: 15px;width: 100%;}
.pt_com_pop_search_btn_area{float:right;}
.pt_com_pop_search_btn{display:block; float: left; background-color: #484848;padding: 7px 15px 7px 25px; color: #fff; background-image: url(../img/sp_search_btn.jpg);background-size: 20px; background-repeat: no-repeat; background-position: 8px center;background-size: 15px;margin-left: 15px;}
.pt_com_pop h3{font-size: 18px; margin-top: 20px;color:#ee2c49;font-weight: 500;}
.pt_com_pop h3:before{content:'';display:inline-block;width:15px; height:15px;margin-right:5px;background-image: url(../img/title_round_bullet.png);background-repeat: no-repeat; background-position: center;}
 */
.arrow {display: inline-block; width:34px; height: 67px; background:url(../img/arrow.jpg) no-repeat; background-size: 100% auto;}

/* form */
.form_radio {display: inline-block;margin: 2px 9px 2px 0;}
/* .form_radio label {display:inline-block; vertical-align:middle;} */
.form_flex {display: -webkit-box; display:-ms-flexbox; display:-moz-box;display: -ms-flexbox;display: flex;align-items: center;-webkit-box-align: center;-ms-flex-align: center;}
.form_flex > * + * {margin: 0 0 0 5px !important;}
.form_flexible {flex: 0 1 auto;width: auto;}
   
/*댓글창*/
.com_div{position:relative;display:block;padding:10px 0px 20px 35px;margin-bottom:10px; border-bottom:1px dashed #d8d8d8;}
.com_pic{text-align:center;}
.com_pic span{position:absolute; top:17px;left:10px; display:inline-block; width:12px; height:12px; border-radius: 6px; background-color:#CCD7F2;margin-top:-8px;}
.com_pic span:after{content: ""; position: absolute;top: 50%;left:-50%;width: 0;height: 0; border-bottom: 13px solid #CCD7F2;border-left: 12px solid transparent;border-right: 12px solid transparent;border-radius:5px;}
.com_name{font-size:16px;font-weight:bold;}
.com_text{display:block; padding: 5px 0;font-size:18px;}
.com_info{color:#666;}
.btn_delete_comment{margin-left:10px;color:#666;display:inline-block;padding-left:17px; background-position:left center; background-image:url(../img/icon_del.png);background-repeat:no-repeat;background-size:13px;vertical-align:middle;}

/* 과정로드맵 */
.roadMap_wrap .roadMap_info {min-width: 800px;}
.roadMap_wrap ul {width: 100%; display:flex;}
.roadMap_wrap li {flex:0 0 auto; width:calc(13.6% - 1px); text-align:center; padding:15px 0; height: 62px; background:#f5f5f5; position:relative; box-sizing:border-box;}
.roadMap_wrap li:after {display:block; content:''; position:absolute; top: 0; right: -7px; z-index:1; width: 0; height: 0; border-top: 31px solid transparent; border-bottom: 31px solid transparent;}
.roadMap_wrap p {font-size:14px; color:#fff;}
.roadMap_wrap span {font-size:13px; color:#fff; display:block; margin-top:3px;}
.roadMap_wrap .item1 {width: 9%;}
.roadMap_wrap .item1:after {display:none;}
.roadMap_wrap .item1 p, .roadMap_wrap .item1 span {color:#333;}
.roadMap_wrap .item2 {background: #a8d5d6; width: calc(10% - 1px);}
.roadMap_wrap .item2:after {border-left: 14px solid #a8d5d6; background:#85c9ca;}
.roadMap_wrap .item3 {background: #85c9ca; width: calc(10% - 1px);}
.roadMap_wrap .item3:after {border-left: 14px solid #85c9ca; background:#66bebf;}
.roadMap_wrap .item4 {background: #66bebf;}
.roadMap_wrap .item4:after {border-left: 14px solid #66bebf; background:#34a3a4;}
.roadMap_wrap .item5 {background: #34a3a4;width: calc(17.4% - 1px);}
.roadMap_wrap .item5:after {border-left: 14px solid #34a3a4; background:#1c8e9d;}
.roadMap_wrap .item6 {background: #1c8e9d;width: calc(17.4% - 1px);}
.roadMap_wrap .item6:after {border-left: 14px solid #1c8e9d; background:#4f89af;}
.roadMap_wrap .item7 {background: #4f89af; width: calc(10% - 1px);}
.roadMap_wrap .item7:after {border-left: 14px solid #4f89af; background:#43658b;}
.roadMap_wrap .item8 {background: #43658b;}
.roadMap_wrap .item8:after {display:none;}
.roadMap_table table {width: 100%; table-layout: fixed; box-sizing: border-box;}
.roadMap_table table th,
.roadMap_table table td {vertical-align: middle; box-sizing: border-box; padding:6px 10px; border:1px solid #ccc; text-align:center; height: 38px; font-weight: 500;}
.roadMap_table table th {font-size: 14px; color:#fff;}
.roadMap_table table td {font-size: 13px; color:#333;}

.roadMap_table th.bg1,.roadMap_table th.bg3 ,.roadMap_table th.bg5,.roadMap_table th.bg7,.roadMap_table th.bg9 {background:#66758c;}
.roadMap_table th.bg2,.roadMap_table th.bg4 ,.roadMap_table th.bg6,.roadMap_table th.bg8,.roadMap_table th.bg10 {background:#50617b;}
.roadMap_table td.bg1,.roadMap_table td.bg3 ,.roadMap_table td.bg5,.roadMap_table td.bg7,.roadMap_table td.bg9 {background:#edf8f8;}
.roadMap_table td.bg2,.roadMap_table td.bg4 ,.roadMap_table td.bg6,.roadMap_table td.bg8,.roadMap_table td.bg10 {background:#d8f2f2;}

.card_list_wrap:before {display:block; content:''; clear:both;}
.card_list {width: 100%;max-width:910px; margin:50px auto 0; position:relative;}
.card_list:after {display:block; content:''; clear:both;}
.card_list .slick-list {overflow: hidden; margin:0 -10px; padding:1px 0 20px;}
.card_list .slick-slide {margin-right:10px; margin-left:10px;}
.card_list li{float:left;width:285px; background-color: #fff; border:1px solid #ccc;margin-right:10px;box-sizing:border-box;}
.card_list li a {display:block; padding-bottom: 20px;}
.card_list li span{text-align: left;letter-spacing: 0px;}
.card_list li span.edu_img{display: block; position: relative; width:100%; height: 190px;overflow: hidden;text-align: center;}
.card_list li span.edu_img img{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);width: 100%;height: 100%; transition: all 0.3s;}
.card_list li span.edu_part{display:block; padding: 20px 20px 0; color: #ee2c49;font-size: 18px; font-weight: 500;}
.card_list li span.edu_title{margin-top:10px; font-size: 18px;color:#222; padding:0 20px; font-weight: 500; line-height:26px; display:-webkit-box; display:-ms-flexbox; display:-moz-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: 55px;}
.is-pc .card_list li:hover{ box-shadow: 0px 5px 15px rgba(0,0,0,0.2);}
.is-pc .card_list li:hover span.edu_img img{width: 120%;height: 120%;}
.card_list .slick_btn {position: absolute;top:50%; width:45px; height: 45px; background-repeat: no-repeat;z-index: 100;border-radius: 50%; background-color:#fff; text-indent: -5000000px; overflow: hidden;box-shadow: 0px 2px 5px rgba(0,0,0,0.2); transform:translateY(-50%); background-size: 10px auto; background-position:center;}
.card_list .slick_btn.slick-prev{background-image:url(../img/submain/edu_previous.png);left: -22px;}
.card_list .slick_btn.slick-next{background-image:url(../img/submain/edu_next.png);right: -22px; left:auto;}

/* 설문 */
.sv_wrap {padding: 20px; box-sizing:border-box;}
.sv_top {box-sizing: border-box; padding: 0;}
.sv_top .st_title{font-size: 22px;font-weight: bold;color: #25459d;}
.sv_top .st_notice {width:100%; border:4px solid #eee;padding:15px;margin:20px 0 10px;background-color:#fff;box-sizing:border-box; text-align:center;}
.sv_top .st_notice * {font-family:'Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif !important; line-height:normal}
.sv_top .st_notice p,
.sv_top .st_notice strong {color:#333;}
.sv_top .st_notice ul li{list-style: none;}
.sv_top .st_notice ul li::before{content:'';display: inline-block;width: 5px; height: 5px;background-color: #25459d; vertical-align: middle;margin-right: 10px;}
.sv_top .st_notice .svy_info {margin-top: 10px; padding-top: 10px; border-top:1px solid #eee;}
.sv_top .st_notice .svy_info {display:flex; align-items:center; flex-wrap:wrap; justify-content: center;}
.sv_top .st_notice .svy_info li {margin: 0 10px;}
.sv_top .st_notice .svy_info li em {font-size: 18px; color:#333; display:inline-block; margin-right:10px; vertical-align:middle;}
.sv_top .st_notice .svy_info li span {font-size: 18px; color:#666;vertical-align:middle;}
.sv_top .st_notice .svy_info li:before {width: 4px; height: 4px; background:#333; border-radius: 50%; margin-right: 8px;}
.sv_top .st_notice .badge {font-size: 14px; color:#fff; background:#b1b1b1; padding: 6px 10px 7px; display:inline-block; margin-left: 5px; vertical-align:middle;}
.sv_content{position: relative; width: 100%;box-sizing: border-box;margin-top:20px;}
.sv_content .sv_bg {width: 100%;box-sizing: border-box; padding:0 !important;}
.sv_middle {padding:0!important;}
.sm_title{background:#f8f8f8; box-sizing:border-box; padding: 15px 20px;font-size: 16px;font-weight: 500; color:#333; border:1px solid #ddd; border-bottom:0;}
.sm_title span{font-size: 16px;font-weight: 500; color:#333;}
.spq_title{background:#f8f8f8; box-sizing:border-box; padding: 15px 20px;font-size: 16px;font-weight: 500; color:#333; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.spq_title span{font-size: 16px;font-weight: 500; color:#333;}
.spq_title ~ span{display:block;}
.spq_title ~ span, .spq_title ~ span label{font-size: 16px; color:#555; padding:5px 10px; cursor:pointer;}

.sm_canvas {width: 100%;padding: 0 20px; border:1px solid #ddd; box-sizing: border-box;overflow: hidden;display: none;}
.sm_canvas.on {display: block;}
.sm_canvas .question_div {padding: 35px 50px 45px; position:relative ;border-top: 1px solid #d8d8d8;}

.sm_canvas .question_div:nth-child(1){border-top: none;}
.sm_canvas .question_div h3 span {position:relative;left:-40px;font-size: 1.3rem; color:#4d5cbc;}
.sm_canvas .question_div h4 + h5 {margin-top: 10px;}
.sm_canvas .question_div h4{font-size: 16px; line-height: 32px;margin: 10px 0;position:relative;}
.sm_canvas .question_div h4.correct:before,.sm_canvas .question_div h4.wrong:before{content: ''; width: 40px; height: 40px; display: inline-block;background-repeat:no-repeat; background-size: 100% 100%;position:absolute;top:0;left:-15px;opacity: 0.9;}
.sm_canvas .question_div h4.correct:before{background-image: url(../img/player/correct.png);}
.sm_canvas .question_div h4.wrong:before{background-image: url(../img/player/wrong.png);}
.sm_canvas .question_div h5 {font-size: 17px; margin-bottom: 20px; line-height: 1.3;}
.sm_canvas .question_div h5 span{color:#fff;font-size: 16px;background:#333; border:1px solid #333; border-radius: 3px;display:inline-block; padding:0 8px; margin-right:8px;height:32px; text-align:center; line-height:32px;position:absolute; left:-10px; transform:translateX(-100%);}
.sm_canvas .question_div h4 span{color: #25459d;font-size: 20px;margin-right: 5px;}
.sm_canvas .question_div h4 span.question_depth2{color:#fff;background:#4e5cbd; border:1px solid #4e5cbd; position:static;left:0;transform:translateX(0%);}
.sm_canvas .question_div h5 span.question_depth2{color:#fff;background:#4e5cbd; border:1px solid #4e5cbd; position:static;left:0;transform:translateX(0%);}
.sm_canvas .question_div h5 span.question_depth3{color:#4e5cbd;background:#f2f5fa; border:1px solid #d0d4ed; position:static; left:0;transform:translateX(0%);}
.sm_canvas .question_div li{vertical-align: middle;}
.sm_canvas .question_div li.answer{font-weight: bold;}
.sm_canvas .question_div li.answer span{color:#ee2c49;font-weight: bold;}
.sm_canvas .question_div li.answer span:before{content: ''; width: 18px; height: 20px; background: url(../img/player/answer.png) no-repeat; display: inline-block; background-size: 100% 100%; margin: 0 5px -3px 0;}
.sm_canvas .question_div li .commentary{padding: 10px; background-color: #f2f5fa; border-radius: 3px;}
.sm_canvas .question_div li .commentary span{color:#4d5cbc;font-weight: bold; display: inline-block; margin-right: 5px;}
/* .sm_canvas .question_div li + li {margin-top: 15px;} */
.sm_canvas .question_div li label{font-size: 16px; color:#555; line-height: 20px;cursor:pointer;}
.sm_canvas .question_div li input[type="radio"],.sm_canvas .question_div li input[type="checkbox"] {cursor:pointer;width: 20px;height: 20px;/* vertical-align: top; */margin-right: 10px;}
.sm_canvas .question_div li input[type="radio"] + input[type="text"],
.sm_canvas .question_div li input[type="checkbox"] + input[type="text"] {width:100% !important; margin-top: 10px;}
.sm_canvas .question_div ul.row_list{display: flex;flex-wrap: wrap;}
.sm_canvas .question_div ul.row_list li {margin-right: 60px;}
.sm_canvas .question_div ul.row_list li + li {margin-top: 0;}
.sm_canvas .question_div ul.text_list input[type="text"], .sm_canvas .question_div ul.text_list textarea{max-width: 100%;}
.sm_canvas .question_div ul.survey_list{width: 100%;overflow: hidden;}
.sm_canvas .question_div ul.survey_list li{width: 100%;border-top: 1px dashed #d8d8d8;line-height: 2;padding: 10px;}
.sm_canvas .question_div ul.survey_list .survey_list_num{color:#ee2c49;font-size: 18px;margin-right: 5px;font-weight: bold;}
.sm_canvas .question_div ul.survey_list .survey_list_question{font-size: 18px;margin-right: 5px;font-weight: bold;}
.sm_canvas .question_div ul.survey_list .survey_list_question::after{content: ' ';display: block;}
.sm_canvas .question_div ul.score_ul{overflow:hidden;display:flex; justify-content:space-between;background-image:url(../img/score_ul.jpg);background-repeat:no-repeat;background-size: 100% 25px;background-position:0 10.5px;}
.sm_canvas .question_div ul.score_ul li{flex:1;margin:0 0px 0 0;text-align:center;}
.sm_canvas .question_div ul.score_ul li input[type="radio"]{display:block;margin:10px auto; width:25px; height:25px;border:1px solid #777;}
.sv_btn_area{margin: 0 0 50px;text-align: center;}
.sv_btn_area button.sv_btn {display: inline-block; padding:18px 30px 17px;font-size:18px; width: 175px; line-height:1;}
.sv_btn_area button + button {margin-left: 5px;}
.sv_btn_area button.sv_previous{background:#d7d7d7; color:#555;}
.sv_btn_area button.sv_previous:before{display:inline-block; content:''; width: 8px; height: 14px; background:url(../img/arrow_gr1.png) no-repeat; background-size: 100% auto; margin-right:10px;}
.sv_btn_area button.sv_next{background:#ee2c49; color:#fff;}
.sv_btn_area button.sv_next:after{display:inline-block; content:''; width: 8px; height: 14px; background:url(../img/arrow_wh1.png) no-repeat; background-size: 100% auto; margin-left:10px; transform: rotate(180deg);}
.sv_btn_area button.sv_finish{background:#ee2c49; color:#fff;}
.sv_btn_area button.sv_finish:after{display:inline-block; content:''; width: 23px; height: 8px; background:url(../img/arrow_submit.png) no-repeat; background-size: 100% auto; margin-left:10px; vertical-align:top; margin-top: 8px;}
/* .star-five {margin: 5px 0;position: relative;display: inline-block;color: #ee2c49;width: 0px;height: 0px; border-right: 10px solid transparent; border-bottom: 7px solid #ee2c49; border-left: 10px solid transparent;transform: rotate(35deg);}
.star-five:before {border-bottom: 8px solid #ee2c49; border-left: 3px solid transparent;border-right: 3px solid transparent;position: absolute; height: 0; width: 0;top: -4.5px; left: -6.5px;display: block;content: '';transform: rotate(-35deg);}
.star-five:after {position: absolute;display: block; color: #ee2c49;top: 0px;left: -10.5px; width: 0px;height: 0px; border-right: 10px solid transparent;border-bottom: 7px solid #ee2c49;border-left: 10px solid transparent;transform: rotate(-70deg);content: '';}
 */
 .star-five {display:inline-block; width: 15px; height: 15px; background:url(../img/icon_star.png) no-repeat; background-size: auto 100%; background-position:center;}
 .star-five.on {background:url(../img/icon_star_on.png) no-repeat;background-size: auto 100%; background-position:center;}
 .star-five.half {background:url(../img/icon_star_half.png) no-repeat;background-size: auto 100%; background-position:center;}
 .question-end{width:100%; border:1px solid #e5e5e5;border-radius:3px;padding:15px 20px 15px 20px;margin:20px 0 10px;background-color:rgba(255, 255, 255, 0.87);line-height:1.8;box-sizing:border-box;}

/* 토론 */
.debate_top .debate_notice {width:100%; border:4px solid #eee;padding:15px 45px;background-color:#fff;box-sizing:border-box; text-align:center;}
.debate_top .debate_notice * {font-family:'Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif !important; line-height:normal}
.debate_top .debate_notice strong {font-size: 1.3rem;}
.debate_body {position: relative;width: 100%;box-sizing: border-box;margin-top: 20px;}
.debate_body .chatting_room_area {position:static; display:block;}
.debate_body .chatting_room_area .chatting_room {min-width:auto; width: 100%; height: 440px; position:static; box-shadow: 0 0 0;}
.debate_body .chatting_room_area .chatting_room .chatting_area {height: 100%;}

/* 역량진단 */
.ability_step {text-align:center; margin-bottom: 40px;}
.ability_step ul {display:inline-block; position: relative;}
.ability_step ul:before {display:block; content:''; width: 80%; height: 1px; border-top: 2px dotted #e0e0e0; position: absolute; top: 58px; left: 50%; transform:translateX(-50%);}
.ability_step ul:after {display:block; content:''; clear:both;}
.ability_step li {float:left; min-width: 120px; height: auto; position:relative; padding-top: 135px; box-sizing: border-box;}
.ability_step li + li {margin-left: 75px;}
.ability_step li + li:after {display:block; content:''; width: 25px; height: 25px; background: #ccc url(../img/arrow_wh1.png) no-repeat center; position:absolute; top: 46px; left: -50px; transform: rotate(-180deg); border-radius: 50%; background-size: 6px auto;}
.ability_step li:before {display:block; content:''; width: 120px; height: 120px; position: absolute; top: 0; left: 50%; transform:translateX(-50%); background-repeat: no-repeat; background-position:center; background-size: 100% auto;}
.ability_step li.item1:before {background-image: url(../img/PTWLP019img/step01.png);}
.ability_step li.item2:before {background-image: url(../img/PTWLP019img/step02.png);}
.ability_step li.item3:before {background-image: url(../img/PTWLP019img/step03.png);}
.ability_step li span {display:block; font-size: 16px; color: #999;}
.ability_step li strong {display:block; font-size: 20px; font-weight:500; color: #999; margin-top: 8px;}
.ability_step li.on {padding-top: 150px;padding-left:10px; width: 160px;}
.ability_step li.on span {font-size: 18px; color: #4c5cbc;}
.ability_step li.on strong {color: #000;}
.ability_step li.on:before {height: 148px; top: -8px; z-index: 10;}
.ability_step li.item1.on{padding-left:0px;}
/* .ability_step li.item1.on:before {width: 199px; background-image: url(../img/PTWLP019img/step01_on2.png),url(../img/PTWLP019img/step_bg_gif.gif);background-size: 100% auto,150px 150px; background-position:center,left center; }
.ability_step li.item2.on:before {width: 173px; background-image: url(../img/PTWLP019img/step02_on2.png),url(../img/PTWLP019img/step_bg_gif.gif);background-size: 100% auto,150px 150px;background-position:center,left center; }
.ability_step li.item3.on:before {left:60%;width: 193px; background-image: url(../img/PTWLP019img/step03_on2.png),url(../img/PTWLP019img/step_bg_gif.gif);background-size: 100% auto,150px 150px;background-position:center,left center; }
 */
.ability_step li.item1.on:before {width: 199px; background-image: url(../img/PTWLP019img/step01_on2.png);background-size: 100% auto; background-position:center,left center; }
.ability_step li.item2.on:before {width: 173px; background-image: url(../img/PTWLP019img/step02_on2.png);background-size: 100% auto;background-position:center,left center; }
.ability_step li.item3.on:before {left:60%;width: 193px; background-image: url(../img/PTWLP019img/step03_on2.png);background-size: 100% auto; background-position:center,left center; }
.ability_step li.on [class*=bg] {display:block; box-sizing:border-box; width: 150px; height: 150px; box-shadow: 0 0 10px rgba(000,000,000,0.3); position: absolute; top: -10px; left: 50%; transform:translateX(-50%); background-color:#fff; border-radius: 50%; /* border: 9px solid rgba(238,44,73,.1); border-radius: 50%; border-top-color: #ee2b49; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 2s ease-in-out infinite; z-index:10; */}
.ability_step li.on [class*=bg] span {box-sizing: border-box; display: inline-block; width: 100%; height: 100%;}

.ability_step li.on .bg02 span{
  background: linear-gradient(#fff,#fff) padding-box, linear-gradient(to top, #ef5770 80%,#FEB4B4 100%) border-box;
  border: 10px solid transparent; border-radius:100px; position: relative; margin:0; animation: mymove 2s 1;animation-timing-function: ease-in-out;}
@keyframes mymove {from { transform: rotate(0deg); } to { transform: rotate(360deg);}}

.ability_step li.on .bg03 span{
  background: linear-gradient(#fff,#fff) padding-box, linear-gradient(to right, #717ccb, #ef5770,#FEB4B4) border-box; transform: rotate(45deg);
  border: 10px solid transparent; border-radius:100px; position: relative; margin:0; animation: mymove03 2s 1;animation-timing-function: linear;}
@keyframes mymove03 {from { transform: rotate(45deg); } to { transform: rotate(405deg);}}

.ability_step li.on .bg04 {display:block; box-sizing:border-box; width: 130px; height: 130px; box-shadow: 0 0 10px rgba(000,000,000,0.3); position: absolute; top: -10px; left: 0; background-color:#fff; border: 9px solid #ee2b49; border-radius: 50%; animation: transparent 1s ease-in-out infinite; -webkit-animation: transparent 1s ease-in-out infinite; animation-direction:alternate;z-index:10;}
@keyframes transparent{from{border: 9px solid #ee2b49;} to {border: 9px solid #FFA3B4;}}

.ability_step li.on .bg05 {display:block; box-sizing:border-box; width: 130px; height: 130px; box-shadow: 0 0 10px rgba(000,000,000,0.3); position: absolute; top: -10px; left: 0; background-color:#fff; border: 9px solid #ee2b49; border-radius: 50%; animation: color 1s ease-in-out infinite; -webkit-animation: color 1s ease-in-out infinite; animation-direction:alternate;z-index:10;}
@keyframes color{from{border: 9px solid #ee2b49;} to {border: 9px solid #717ccb;}}

.ability_step li.on .bg06 {display:block; box-sizing:border-box; width: 130px; height: 130px; box-shadow: 0 0 10px rgba(000,000,000,0.3); position: absolute; top: 30%; left: 50%;transform:translate(-50%,-50%); background-color:#fff; border: 9px solid #ee2b49; border-radius: 50%; animation: size 1s ease-in-out infinite; -webkit-animation: size 1s ease-in-out infinite; animation-direction:alternate;z-index:10;}
@keyframes size{from{width: 130px; height: 130px;border: 9px solid #ee2b49;} to {width: 110px; height: 110px;border: 3px solid #ee2b49;}}


/* tag */
.tag {display:inline-block; vertical-align:middle; margin: 2px 4px 2px 0; min-width: 80px; font-size: 15px; color:#9f9f9f; border:2px solid #e7e7e7; box-sizing:border-box; padding:0 8px; line-height: 28px; text-align:center; border-radius: 20px;}
.tag.bg_red {background:#ee2b49; border-color:#ee2b49; color:#fff;}
.tag.bg_grey {background:#eee; border-color:#eee; color:#888;}
.tag.bg_blue {background:#ebedfb; border-color:#ebedfb; color:#4d5cbc;}
.tag.line_red {border-color:#ee2b49; color:#ee2b49;}
.tag.line_blue {border-color:#d9dbf0; color:#7e88dd;}
.tag.line_blue2 {border-color:#4d5cbc; color:#4d5cbc;}
.tag.line_grey {border-color:#ccc; color:#666;}
.tag.line_purple {border-color:#7030A0; color:#7030A0;}
.tag.line_green {border-color:#4B8F5C; color:#4B8F5C;}
.tag.line_orange {border-color:#FF9201; color:#FF9201;}
.tag.line_green {border-color:#00969A; color:#00969A;}
.tag.line_navy {border-color:#323852; color:#323852;}

.tag.size_m {font-size:12px; min-width: 56px; line-height: 21px; border-width: 1px; border-radius: 12px; margin-left: 5px;}
.tag.size_s {font-size:16px; font-weight: 300; min-width: 70px; line-height: 25px; border-width: 1px; border-radius: 3px;}
.tag.size_xs {font-size:12px; min-width: 40px; line-height: 18px; border-width: 1px; border-radius: 12px; margin-left: 5px;}

@media screen and (max-width: 500px) { 
.tag.size_m {margin-left: 0px; margin-top: 10px;}
}

/* 교육 연간일정 테이블 */
.sp_table_area.curriculum .sp_table {table-layout:fixed; white-space: normal;}
.sp_table_area.curriculum .sp_table tr th {background:#f9f9f9; line-height:1.3;border-left: 1px solid #dddddd;}
.sp_table_area.curriculum .sp_table tr:first-child th:last-child {background-color: #f9f9f9;}
.sp_table_area.curriculum .sp_table tr th.month {background-color: #f9f9f9;}
.sp_table_area.curriculum .sp_table tr td {padding:8px 5px; color:#888;font-size: 14px;border-left: 1px solid #ddd;}
.sp_table_area.curriculum .sp_table tr td.month {font-size: 12px; letter-spacing: -1px;}
.sp_table_area.curriculum .sp_table tr td.month * {font-size:16px; color: inherit;color:#ee2c49;}
.sp_table_area.curriculum .sp_table .curriculum_title {color:#333; text-align:left; padding-left: 15px;}
/* .sp_table_area.curriculum .sp_table .curriculum_title {background:#fef7f8; color:#333; text-align:left; padding-left: 15px;} */
/* .sp_table_area.curriculum .sp_table .curriculum_title:hover {color:#ee2b49; text-decoration:underline;} */
.sp_table_area.curriculum .sp_table .curriculum_title .tit {margin-right: 5px;}
.sp_table_area.curriculum .sp_table .curriculum_title .tit a:hover{text-decoration: underline;}
.sp_table_area.curriculum .sp_table .curriculum_title .tag {margin: 0;}
.sp_table_area.curriculum .sp_table .bg {background:#f8f8f8;}
.sp_table_area.curriculum .sp_table .sec_tr th.on {background:#4d5cbc !important; color:#fff;}
.sp_table_area.curriculum .sp_table td.on {background:#e4f1ff !important;}
.sp_table_area.curriculum .sp_table .sec_tr th.highlighted {background:#4d5cbc !important; color:#fff;}
.sp_table_area.curriculum .sp_table td.highlighted {background:#e4f1ff !important;}
.sp_table_area.curriculum .sp_table tr td.month a:hover {color:#000; text-decoration:underline;}
/* 베스트과정 */
.ed_c_best_container{display: flex;flex-flow: wrap;grid-template-columns: repeat(5, 1fr);  padding-top: 10px;}
.ed_c_best img{width: 180px;height:120px;border-radius: .8em;border: 1px solid #CCCCCC;-moz-border-radius: .8em;-khtml-border-radius: .8em;-webkit-border-radius: .8em;margin-right: 3px; margin-bottom: 5px;}
.text_seoul{color: #6e7277;}
.f_r_r{ margin-top: 10px; float: right;}
@media screen and (max-width: 500px) { 
.ed_c_best_container{display: grid;grid-template-columns: repeat(2, 1fr); align-items: center;}
.ed_c_best img{width: 156px;height:118px;border-radius: .8em;border: 1px solid #CCCCCC;-moz-border-radius: .8em;-khtml-border-radius: .8em;-webkit-border-radius: .8em;
 margin-bottom: 5px;}
.f_r_r{ margin-top: 10px; float: left;}
}
@media screen and (max-width: 350px) { 
.ed_c_best img{width: 140px;height:106px;border-radius: .8em;border: 1px solid #CCCCCC;-moz-border-radius: .8em;-khtml-border-radius: .8em;-webkit-border-radius: .8em;
 margin-bottom: 5px;}
}



/* 교육신청 */
.edCrs_box {box-sizing:border-box; border: 4px solid #4d5cbc; display:flex; align-items:center; position:relative;}
.edCrs_box:before {display:block; content:''; width:395px; height: 196px; background:url(../img/edCrs_box_img.png) no-repeat; position:absolute; top:-200px; right: 0; z-index:-1;}
.edCrs_box:after {display:block; content:''; width:1px; height: 100%; border-left:1px solid #eee; position:absolute; top:0; left: 50%; transform:translateX(-50%);}
.edCrs_box > div {flex:1; box-sizing:border-box; padding: 30px 50px;}
.edCrs_box .edCrs_box_title {background:url(../img/edCrs_box_title.png) no-repeat; background-position: 90% center;}
.edCrs_box .edCrs_box_title em {display:block; font-size: 16px; font-weight: 100; color:#4d5cbc;}
.edCrs_box .edCrs_box_title strong {display:block; font-size: 25px; font-weight: 400; color:#000; line-height: 1.4;}
.edCrs_box .edCrs_box_list li {display:flex; align-items:center; position:relative;}
.edCrs_box .edCrs_box_list li:before {display:inline-block; content:''; margin-right: 0.8rem; width:3px; height:3px; background:#333; border-radius: 50%; vertical-align: middle;}
.edCrs_box .edCrs_box_list li > * {flex: 0 0 auto;}
.edCrs_box .edCrs_box_list li + li {margin-top: 10px;}
.edCrs_box .edCrs_box_list em {display:inline-block; width: 120px; font-size: 19px; font-weight: 400; color:#000;}
.edCrs_box .edCrs_box_list span {display:inline-block;font-size: 18px; font-weight: 300; color:#333; line-height: 23px; flex:1;}
.edCrs_box .edCrs_box_list span b{font-size: inherit; color:inherit;}
.edCrs_form_wrap {border:1px solid #ccc; box-sizing:border-box;}
.altr_type_list{margin: 0; display:table; table-layout:fixed; width: 100%;}
/*.altr_type_list li {display:table-cell; width: 33.3%; vertical-align:middle; box-sizing:border-box; background:#f0f0f0; border:2px solid #f0f0f0; border-left:2px solid #fff; position:relative;}
.altr_type_list li:first-child {width: 33.4%; border-left-color:#f0f0f0}*/
.altr_type_list li {display:table-cell; width: auto; vertical-align:middle; box-sizing:border-box; background:#f0f0f0; border:2px solid #f0f0f0; border-left:2px solid #fff; position:relative;}
.altr_type_list li:first-child { border-left-color:#f0f0f0}
.altr_type_list li label {display:block;box-sizing:border-box;color:#666; font-size:18px;font-weight:500; position:relative; padding: 20px 25px 20px 99px; position:relative; top:-2px; bottom: -2px; left: -2px; right: -2px;cursor:pointer;}
.altr_type_list li label:before {display:block; content:''; width: 65px; height: 65px; background-size: 100% auto; background-repeat:no-repeat; position:absolute; top:50%; left: 25px; transform:translateY(-50%);}
.altr_type_list li.item1 label:before {background-image:url(../img/altr_type01_02.png);}
.altr_type_list li.item2 label:before {background-image:url(../img/altr_type02_02.png);}
.altr_type_list li.item3 label:before {background-image:url(../img/altr_type03_02.png);}
.altr_type_list li.item4 label:before {background-image:url(../img/altr_type04_04.png);}
.altr_type_list li label strong {font-size: 16px; color:#333; display:inline-block; margin-left: 5px; line-height: 1.3; font-weight: 500;}
.altr_type_list li label span{display:inline-block;line-height:1.4; padding:10px 0 0;font-size:15px; color:#666; font-weight: 300;}
.altr_type_list li.on {border-color: #ee2c49; background:#fff;}
.altr_type_list li.item1.on label:before {background-image:url(../img/altr_type01_02_on.png);}
.altr_type_list li.item2.on label:before {background-image:url(../img/altr_type02_02_on.png);}
.altr_type_list li.item3.on label:before {background-image:url(../img/altr_type03_02_on.png);}
.altr_type_list li.item4.on label:before {background-image:url(../img/altr_type04_04_on.png);}
.edCrs_form_wrap .edCrs_form_inner {padding: 0 40px 40px;}

/*선택불가*/
.altr_type_list li.off{background-color: #dedede;border:2px solid #dedede;}
.altr_type_list li.off input[type=radio]:disabled{background-color: #aaa;}
.altr_type_list li.off label{cursor:default;}
.altr_type_list li.off label strong{color:#666;}
.altr_type_list li.off label span{color:#999;}


/*asis 테이블*/
.course_info_area02 table tr{height:40px;}
.course_info_area02 table tr td, .course_info_area02 table tr th{border-left:1px #dbdbdb solid;}
.course_info_area02 table tr th{border-bottom:1px #dbdbdb solid !important;background:#f4f4f4;}
.course_info_area02 table .sec_tr th{border-top:1px #dbdbdb solid !important;}
.blNone{border-left: none !important;}

.detail_cont + .detail_cont {margin-top: 60px;}
.detail_cont, .detail_cont p , .detail_cont p span, .detail_cont p a{line-height: 1.8; font-size: 16px;}
.detail_cont img{max-width:100%;}
/* .detail_cont {padding:2rem 1.071rem; border-top:1px solid #ddd;color:#666; font-size: 1.142rem;}
.detail_cont + .detail_cont {margin-top:0;}
.detail_cont:first-child {padding-top:0; border-top: 0;} */


.course_info_area03 ul li{line-height:180%;padding-left:0;}
.course_info_area03 ul li:before{top:9px;left:5px;}


.course_table01, .detail_cont table{border-bottom:1px #b1b1b1 solid !important;border-top:2px solid #555;width: 100% !important;box-sizing: border-box;}
.course_table01 th, .detail_cont table th{height:45px;background:none !important;border-bottom:1px #b1b1b1 solid !important;padding:5px;vertical-align: middle;}
.course_table01 th.bdr, .detail_cont table th.bdr{border-right:1px #dbdbdb solid !important;}
.course_table01 td, .detail_cont table td{border-bottom:1px #dbdbdb solid;height: 40px;border-left:1px #dbdbdb solid !important;padding:5px;vertical-align: middle;}
/*.course_table01 td:nth-of-type(1), .detail_cont table td:nth-of-type(1){border-left:none !important;border-right: 1px solid #dbdbdb;}*/
.course_table01 td:nth-of-type(1), .detail_cont table td:nth-of-type(1){border-left:1px solid #dbdbdb; !important;border-right:none}
.course_table01 td.bdl_none, .detail_cont table td.bdl_none{border-left:none !important;}
/* .course_table01 td.bgf4, .detail_cont table td.bgf4{background:#f4f4f4;} */
.course_table01 td.bbb1, .detail_cont table td.bbb1{border-bottom:1px #b1b1b1 solid;}
.detail_cont .wth,#Table_01{width: auto !important;}
.detail_cont .wth td{padding: 0px !important;border-bottom: none;}

.review_star{display: block;width: 125px; height: 20px; background-image: url(../img/main/review_star.png);}
.review_star1{width:25px !important;}
.review_star2{width:50px !important;}
.review_star3{width:75px !important;}
.review_star4{width:100px !important;}
.review_star5{width:125px !important;}

.graph_bg{display:inline-block;width:80%;background-color:#ccc;height:30px;vertical-align:middle;}
.graph_bar{display:inline-block;background-color:#4d5cbc;height:30px;}

/* 통합검색 */
.search_content .search_title { text-align: left;}
.search_content .search_title h2 {display:inline-block; font-size: 22px; color:#333; font-weight: 500; margin-right: 15px;}
.search_content .search_title h2 span {font-size: inherit;}
.search_content .hash {display:inline-block; font-size: 14px; color:#3a4893; margin-right: 10px;}
.search_content .pt_com_tab {display:block; width: 100%; overflow:visible; margin-top: 30px;}
.search_content .pt_com_tab:after{display:block; content:''; clear:both;}
.search_content .pt_com_tab li {display:block; height: 50px; float:left; box-sizing:border-box; width: 20%; border:1px solid #e5e5e5 !important; margin: -1px 0 0 -1px; position:relative;}
.search_content .pt_com_tab li.all {height: 99px;}
.search_content .pt_com_tab li a {padding:0 10px; line-height: 48px; font-size: 15px; font-weight: 400; color:#333; margin: -1px;background-color:transparent;}
.search_content .pt_com_tab li.all a {line-height: 97px;}
.search_content .pt_com_tab li.on {background:#fff;}
.search_content .pt_com_tab li.on a {position:absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; z-index:10; border:2px solid #ee2b49; color:#ee2b49; font-weight: 500;}
.search_content .search_detail_wrap {margin: 25px 0;border-bottom: 1px solid #ccc;}
.search_content .search_detail_wrap .search_btn_area {text-align: right; padding-bottom:15px;}
.search_content .search_detail_wrap .search_btn_area .btn_search_detail {color:#333;font-size:16px; background:none; position: relative; padding-right: 30px;}
.search_detail_wrap .search_btn_area .btn_search_detail:after {display: block; content: ''; width:14px; height: 8px; background: url(../img/arrow_gr.png) no-repeat; background-size: 100% auto; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); transition: all 0.3s;}
.search_content .sp_search_area {display:none;padding-right: 30px; flex-direction: column; align-items: flex-start;}
.search_content .sp_search_area.edu:before {top:auto; bottom: 25px; right: 40px}
.search_content .sp_search_area .sp_search_btn_area {width: 100%; text-align: center; margin-top: 1rem;}
.search_content .search_detail_wrap.active .search_btn_area .btn_search_detail:after {transform: translateY(-50%) rotate(-180deg);}
.search_content .search_detail_wrap.active .sp_search_area {display: block;}
.search_result_wrap {display:flex; margin-top: 30px;}
.search_result {flex:1; width: 940px; position: relative; overflow: hidden;}
.search_result .sp_title_wrap {margin-bottom:25px;}
.result_item {margin-bottom: 50px;}
.result_item .sp_sub_title {font-size: 22px; font-weight: 400; margin-top:0; margin-bottom:10px;}
.result_item .sp_sub_title span {font-size: 20px; font-weight: 400; margin-left: 5px;}
.result_item .btn_more {font-size:18px; color:#666; position:relative; transition: all 0.3s;}
.result_item .btn_more:after {display:inline-block; content: ''; width: 6px; height: 12px; background:url(../img/arrow_gr1.png) no-repeat; transform: rotate(-180deg); margin: -5px 0 0 5px; vertical-align: middle; background-size: 100% auto;}
.result_item .btn_more:hover {color:#333;}
/* .result_item .result_edu .card {border:1px solid #e5e5e5; transition:all 0.3s;}*/
.result_item .result_edu .card {transition:all 0.3s;}
.result_item .result_edu .card:before { content: ""; position: absolute; left: 0; width: 100%; height: 1px; background-color: #e5e5e5; margin-top:-15px;}
/* .result_item .result_edu .card:hover {border-color:#ee2c49; box-shadow: 0 0 10px rgba(000,000,000,0.2)}*/
.result_item .result_edu .card + .card{margin-top: 30px;}
.result_item .result_edu .card_top {padding-left: 260px; position:relative; box-sizing:border-box; }
.result_item .result_edu .card_top .thumb {width: 285px; height: 100%; background-color:#f3f3f3; background-image: url(../img/noImg_02.jpg); background-size: cover; background-repeat:no-repeat; background-position: center; position:absolute; top:0; left: 0; border-radius:10px;}
.result_item .result_edu .card_top .thumb style{width: 100%; height: 100%;}
.result_item .result_edu .card_top .thumb .btn_zzim {display:block; width: 36px; height: 36px; background: url(../img/icon_zzim.png) no-repeat; background-size: 100% auto; position: absolute; bottom: 12px; right: 12px;}
.result_item .result_edu .card_top .thumb .btn_zzim.on {background: url(../img/icon_zzim_on.png) no-repeat; background-size: 100% auto;}
/*.result_item .result_edu .card_top .cont {padding: 10px 50px 15px; box-sizing: border-box; line-height: 1.4; position: relative; padding-right: 200px;}*/
.result_item .result_edu .card_top .cont {padding: 10px 50px 15px; box-sizing: border-box; position: relative; padding-right: 200px;}
.result_item .result_edu .card_top .top {margin-bottom: 4px;}
.result_item .result_edu .card_top .category {margin-right: 10px; font-size: 14px; color: #ee2c49; vertical-align: middle;}
.result_item .result_edu .card_top .title {display:block; font-size: 18px; color: #333; font-weight: 400; max-width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.result_item .result_edu .card_top .info {margin-top: 6px;}
.result_item .result_edu .card_top .info li {display:flex; align-items:center;line-height:1.6;}
.result_item .result_edu .card_top .info li + li {margin-top:3px;}
.result_item .result_edu .card_top .info em {flex: 0 0 auto; width:85px; font-size: 15px; color:#333;}
.result_item .result_edu .card_top .info span {flex:1; font-size:13px; color:#666; max-width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.result_item .result_edu .card_top .info span *{font-size: inherit; color:inherit;}
.result_item .result_edu .card_top .hash_wrap {margin-top: 5px;}
.result_item .result_edu .card_top .history {display:block;font-size: 14px; color: #939393; margin-top: 6px;}
.result_item .result_edu .card_top .btn_wrap {position:absolute; bottom: 80px; right: 40px; font-size: 16px;}
.result_item .result_edu .card_top .btn_wrap .pt_btn {min-width: 105px; box-sizing:border-box;}
.result_item .result_edu .card_top .btn_wrap .pt_btn + .pt_btn {margin-left: 5px;}
.result_item .result_edu .card_foot {border-top:1px solid #e5e5e5; background:#f7f7f7; padding: 12px 17px; display: flex; align-items: center; justify-content: space-between;}
.result_item .result_edu .card_foot p a {color:#666; margin-right: 15px; display:inline-block; overflow: hidden; max-width: 194px; text-overflow:ellipsis; white-space:nowrap;}
.result_item .result_edu .card_foot p:before {display: inline-block; vertical-align: middle; content: ''; width:2px; height: 2px; background:#666; border-radius: 50%; margin-right: 5px;}
.result_item .result_edu .card_foot .btn_more {margin-left:auto; font-size: 1rem;}
.result_item .result_list {border-top:1px solid #000; line-height: 1.4;}
.result_item .result_list .list {padding: 22px 20px; border-bottom: 1px solid #bbb;}
.result_item .result_list a.result_a {display:block;}
.result_item .result_list .title {display:block; font-size: 18px; color:#333; font-weight: 400; transition: all 0.3s;}
.result_item .result_list p {margin-top: 10px; font-size: 15px; color:#666; font-weight: 300; display:-webkit-box; display:-ms-flexbox; display:-moz-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: 45px; line-height: 1.4}
.result_item .result_list p * {font-size: inherit; font-weight: inherit;}
.result_item .result_list p b {color:#ee2c49;}
.result_item .result_list a:hover .title {color:#ee2c49;}

.search_keyword {flex: 0 0 auto; width: 140px; margin-left: 40px;}
.search_keyword .keword_list {border:1px solid #e5e5e5; padding: 25px 20px 20px; box-sizing:border-box; margin-bottom: 25px;margin-left: -5px;}
.search_keyword .keword_list h3 {font-size: 17px; font-weight: 500; color:#333; margin-bottom: 8px;}
.search_keyword .keword_list li {padding: 10px 0; box-sizing:border-box;}
.search_keyword .keword_list li + li {border-top: 1px dashed #ddd;}
.search_keyword .keword_list li a {display:inline-block; max-width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.search_keyword .keword_list li a span {color:#706f6f; font-size: 14px; transition: all 0.3s;}
.search_keyword .keword_list li a:hover span {color:#333;font-size:13px;}
.search_keyword .keword_list li a span.num {margin-right: 15px;}
.search_keyword .keword_list.recent li {padding-right:20px; position:relative;}
.search_keyword .keword_list.recent li .btn_del {display:inline-block; width: 20px; height: 20px; background:url(../img/icon_del_grey.png) no-repeat center; position:absolute; top: 50%; right:0; transform:translateY(-50%);}

/* OTP */
.hrdFrameKeyPad {left:50%; transform: translateX(-50%);}

/*처리중팝업*/
.showTost.active_layer .com_layer {border-radius:8px;}
.showTost.active_layer .com_layer .com_layer_con{border-radius: 8px;text-align:center;padding: 50px 0 15px; background-image:url(../img/top_logo.png);background-repeat:no-repeat;background-position: center top 20px;background-size:100px auto;}

/*디바이스 팝업타이틀*/
.device_title{position:fixed;top:0;left:0;width: 100%; height: 30px;background-color:#333;z-index:1000}
.device_title h1{font-size:16px; color:#fff;padding:7px 10px;}
.device_title button{position:fixed;top:5px;right:20px;color:#fff;background-color:transparent;}

/* 은행 */
.bank_01 {display:inline-block; width: 85px; height: 20px; background: url(../img/p_kb.jpg) 0 0 no-repeat; vertical-align:middle;}
.bank_02 {display:inline-block; width: 85px; height: 20px; background: url(../img/p_ibk.jpg) 0 0 no-repeat; vertical-align:middle;}
.bank_03 {display:inline-block; width: 85px; height: 20px; background: url(../img/p_nh.jpg) 0 0 no-repeat; vertical-align:middle;}
.bank_04 {display:inline-block; width: 85px; height: 20px; background: url(../img/p_hana.jpg) 0 0 no-repeat; vertical-align:middle;}
.bank_05 {display:inline-block; width: 85px; height: 20px; background: url(../img/p_sh.jpg) 0 0 no-repeat; vertical-align:middle;}
.bank_06 {display:inline-block; width: 85px; height: 20px; background: url(../img/p_post.jpg) 0 0 no-repeat; vertical-align:middle;}
.bank_07 {display:inline-block; width: 85px; height: 20px; background: url(../img/p_woori.jpg) 0 0 no-repeat; vertical-align:middle;}
.bank_08 {display:inline-block; width: 85px; height: 20px; background: url(../img/p_keb.jpg) 0 0 no-repeat; vertical-align:middle;}
.bank_09 {display:inline-block; width: 85px; height: 20px; background: url(../img/p_sc.jpg) 0 0 no-repeat; vertical-align:middle;}

/*강의실테이블*/
.cr_table{display:table;width: 100%; border-top: 2px solid #585860; margin-top: 20px;}
.cr_table .row{display:table-row;}
.cr_table .row .cell{display:table-cell; border-bottom: 1px solid #ccc; vertical-align: middle; border-left: 1px solid #ccc; font-size: 16px; padding: 10px 15px; vertical-align: middle; line-height: 1.6; background-color: #fff; height: 57px; color: #333; text-align:center; font-weight: 300; box-sizing: border-box; letter-spacing: -.5px;}
.cr_table .row .cell:nth-child(1) {border-left:0;}
.cr_table .row .cell.th{font-size: 17px; background-color: #f5f5f5; text-align: center; padding: 10px 5px; vertical-align: middle; height: 50px; color: #333; font-weight: 400; box-sizing: border-box; letter-spacing: 0;}
.cr_table .row .cell span{display:none}

.none_data_area{display:block;width:100%;border-top: 2px solid #585860; border-bottom: 1px solid #ccc;font-size: 16px; padding: 10px 15px; vertical-align: middle; line-height: 2; background-color: #fff; height: 57px; color: #333; text-align:center; font-weight: 300; box-sizing: border-box; letter-spacing: -.5px;}

@media screen and (max-width: 1300px) { 
#content .quick_menu{right: -95px;} 
}

@media screen and (max-width: 1250px) {
/* body{overflow-y: hidden; position: relative; height: 100%;}
.sco{height: auto;} */   
.player_body{overflow: scroll;}
}

@media screen and (min-width: 1024.5px) {
   .ui_mob {display:none !important;}
}

@media screen and (max-width: 1220px) {
   * {box-sizing:border-box;}
   .quick_menu {display: none;}
   .center {width: 100%; padding: 0 10px;}
   #content {min-width: auto !important; width:100%; position:relative; min-height:auto; overflow-x:hidden;}
   .pt_inner {padding-left:10px; padding-right:10px;}
   
   .sp_btn_area .btn.big_btn, .sp_btn_area button.big_btn, .sp_btn_area a.btn.big_btn {padding:15px 10px }
   
   /* header */
   header {min-width:auto;}
   #pt_header .pt_top_menu_bg {padding-right:10px;}
   #pt_header .pt_logo_area {padding-left:10px; padding-right:10px;}
   #pt_header .pt_logo_area .pt_header_search_area {margin-left: 100px;}
   #pt_header .pt_edu_menu_area a.all_menu {width: 15%;}
   #pt_header .pt_edu_menu {width:85%; }
   
   /* footer */
   footer {min-width:auto; height:auto; height: 270px;}
   .top_footer .fmn {padding:0 10px;}
   .top_footer ul li {padding-left:0; padding-right:0}
   .top_footer ul li + li {margin-left:10px;}
   .top_footer ul li a {padding-left:10px; border-left:0; font-size:1rem;}
   .bottom_footer {padding:20px 10px !important;}
   .bottom_footer .f_r {width:450px;}
   .bottom_footer .f_r p {width:220px;}
   
   /* 서브페이지 */
   .sp_title_area {width: 22%;}
   .sp_contents_body {width: 75%;}
   
   .sp_p{line-height:1.5;}
   .sp_box_w{padding:1.071rem;line-height:1.5; margin:1.071rem 0 1.428rem}
   .sp_box_g{padding:1.071rem;line-height:1.5; margin:1.071rem 0 1.428rem}
   .sp_box_r{padding:1.071rem;line-height:1.5; margin:1.071rem 0 1.428rem}
   .sp_box_b{padding:1.071rem;line-height:1.5; margin:1.071rem 0 1.428rem}
   .pd_box_w{padding:1.071rem;line-height:1.5; margin:1.071rem 0 1.428rem}
   
   .sp_scr { width:100%; overflow-x:auto; white-space: nowrap;position:relative;}
   .sp_scr:before {display:block; content:''; clear:both;}
   .sp_scr table {min-width: 800px !important;}
   
   /*메인페이지 둥근 탭*/
   .main_page_tab.pt_com_tab li{padding:0 15px; background-color:transparent;}

   /*서브페이지 검색영역*/
   .sp_search_area .sp_search_area_table th, .sp_search_area .sp_search_area_table td {font-size:14px;}
   .sp_search_area .sp_search_btn_area .sp_search_btn,.sp_search_area .sp_search_btn_area button.sp_search_btn{padding-right: 15px; padding-left: 35px;font-size: 14px; background-position: 15px center;margin-left: 209px;}
   .sp_search_area .sp_search_btn_area .sp_search_btn_refresh{padding-right: 15px; padding-left: 15px;font-size: 14px;}
   .sp_search_area .sp_search_area_table input[type="radio"] + label,
   .sp_search_area .sp_search_area_table input[type="checkbox"] + label {font-size:14px;}
   .onep{margin-left: -20px;padding-top: 10px;}
   
   .sp_search_area.edu {padding-right: 200px;}
   
   /*약관동의*/
   .agr_table_area{padding:20px;}

   /* 통합검색 */
   .result_item .result_edu .card .cont {padding-left: 40px; padding-right: 20px;}
   .result_item .result_edu .card .btn_wrap {right: 20px;}
   .result_item .result_edu .card .btn_wrap .pt_btn {min-width: 75px;}

} 

@media screen and (max-width: 1024px) {
   html, body {font-size:14px}
   div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, button, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {font-size:1.2rem;}
   input[type="text"], input[type="password"], input[type="date"], select{font-size: 1rem; max-width: 100%; height: auto; padding: 7px 10px; line-height: normal;}
   textarea {font-size:1.2rem;}
   .ui_pc {display:none !important;}
   .is-mob{overflow-x:hidden !important;}
   .arrow {width:1.214rem; height:2.428rem;}
   .pt_inner {padding:0 1.071rem;}
   .m_t_5_mob {margin-top: 5px;}
   .center {padding: 0;}
   .m_br{display:block;}
   
   /* header */
   #pt_header .pt_top_menu_bg {background:none; padding-right: 0;}
   #pt_header .pt_top_menu .pt_main_menu {margin-top: 1.8rem;float:none !important; width:100%; height:2.714rem; line-height:1; display:flex; align-items: center; justify-content: space-around; background:#f8f8f8;}
   #pt_header .pt_top_menu .pt_main_menu li {font-size: 1rem; float: none !important; background: none;}
   #pt_header .pt_top_menu .pt_main_menu li a {text-align:center; border-left: 0; background: none; color: #7d7d7d; font-weight: 500; padding:0;}
   #pt_header .pt_top_menu .util_lang {display: none;}
   #pt_header .pt_top_menu .pt_util_menu{width: 100%; padding-left: 0.6rem;  background-color: #ddd; position: absolute; top: 0;}
   #pt_header .pt_top_menu .pt_util_menu li{line-height: 2;color: #7d7d7d; font-size: 1rem;}
   #pt_header .pt_top_menu .pt_util_menu li a{color: #7d7d7d; font-weight: 500;font-size: 1rem; border-left: 1px solid #ccc; padding: 0 5px; }
   #pt_header .pt_logo_area{padding:0.857rem 5rem 0.857rem 7rem; position:relative;}
   #pt_header .pt_logo_area .top_logo{float:none; position:absolute; top:50%; left:1.071rem; z-index:10; transform:translateY(-50%)}
   #pt_header .pt_logo_area .top_logo a {width:3.714rem; height:2.714rem; background-image: url(../img/top_logo_m.png); background-position:center;}
   #pt_header .pt_logo_area .pt_header_search_area {margin-left:0; width:100%; border-bottom:1px solid #555555; padding-right: 2.5rem;}
   #pt_header .pt_logo_area .pt_header_search_area input {width:100%; height:3rem; border:0 !important; padding:0; font-size:1.1rem;}
   #pt_header .pt_logo_area .pt_header_search_area button {width:1.785rem; height:1.785rem; background-image: url(../img/header_seardh_m.png); background-size:100% auto; right:0}
   #pt_header .pt_logo_area .pt_user_menu {display:none;}
   #pt_header .pt_edu_menu_area_bg {height: auto !important; border:0; background:#ee2c49;}
   #pt_header .pt_edu_menu_area {padding-left:5rem; position:relative;}
   #pt_header .pt_edu_menu_area a.all_menu {width: 4.107rem; height:3.786rem; position:absolute; top:0; left:0; padding-left:0; background-color:#c70713; background-image: url(../img/header_allmenu_m.png); background-size: 1.714rem auto; background-position:center 1.071rem; background-repeat:no-repeat;}
   #pt_header .pt_edu_menu_area a.all_menu span{position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0);}
   #pt_header .pt_edu_menu {width:100%; white-space:nowrap; overflow-x: auto; overflow-y:hidden; text-align:left; height:3.786rem; padding-right:1.071rem}
   #pt_header .pt_edu_menu_area .pt_edu_menu li {width: auto; float:none; display: inline-block;}
   #pt_header .pt_edu_menu_area .pt_edu_menu li + li {margin-left:1.429rem}
   #pt_header .pt_edu_menu_area .pt_edu_menu li a {line-height: 3.786rem; font-size:1.3rem; font-weight: 500; color:#fff;}
   #pt_header .pt_edu_menu_area .pt_edu_menu li a span {font-size: inherit;}
   #pt_header .pt_menu_btn {display:block; width:1.714rem; height:1.714rem; position:absolute; top:50%; right:1.071rem; z-index:10; transform:translateY(-50%);background: url(../img/pt_menu_btn.png) no-repeat center; background-size:100% auto;}
#pt_header .pt_edu_menu_area .pt_edu_menu li a span i.live{display:none;}
   /* footer */
   .top_footer .fmn {float:none; padding:0 1.071rem; width:100%; text-align:center;}
   .top_footer ul {padding-top:1rem !important; padding-bottom:1rem !important;}
   .top_footer ul li {float: none; padding:0; display:inline-block; position:relative; padding-top: 10px;}
   .top_footer ul li + li:before {display:block; content:''; width: 1px; height:10px; background:#8a8a8a; position:absolute; top:70%; left:0; transform:translateY(-50%);}
   .top_footer .gotop {display:none;}
   .bottom_footer .f_l {float:none !important;}
   .bottom_footer .f_r {display:none;}
   .bottom_footer .copyright {display:none;}
   .bottom_footer .copyright02 {font-size:1rem; text-align: center}
   .bottom_footer .copyright02 span {font-size:1rem;}
   
   .dockbar {position:fixed; left:0; bottom:-1px; width: 100%; background:#f9f9f9;padding:0.857rem 1.071rem;height:5.357rem;z-index:100;box-shadow:0 0 1.075rem rgba(0, 0, 0, .3); transition: bottom 0.1s ease-in-out;}
   .dockbar .dock {display: flex; justify-content: space-around;align-items:center;height:100%;}
   .dockbar .dock li {min-width:4.285rem;}
   .dockbar .dock li a {display:block; width:100%; padding-top:2.5rem;color:#555;font-size:1rem;position:relative;text-align:center;}
   .dockbar .dock li a:before {display:block; content:''; position:absolute; top:0; left:50%; width:2.857rem; height:2.142rem; background-repeat:no-repeat; background-size:100% auto; transform:translateX(-50%);}
   .dockbar .dock .category:before {background-image:url(../img/doch_icon1.png)}
   .dockbar .dock .search:before {background-image:url(../img/doch_icon2.png)} 
   .dockbar .dock .home:before {background-image:url(../img/doch_icon3.png)} 
   .dockbar .dock .mypage:before {background-image:url(../img/doch_icon4.png)} 
   .dockbar .dock .recently:before {background-image:url(../img/doch_icon5.png)}
   
   html.scr-down .dockbar {bottom:-5.4rem}
   .kjzfjq {transition: bottom 0.3s;}
   html.scr-up .kjzfjq {bottom: 6rem !important;}
   
   /* 서브페이지 */
   .sp_title_area {display:none;} 
   .sp_page_nav {margin-right: 1.071rem; top: 1.071rem;}
   .sp_page_nav li a {font-size:1rem;}
   .sp_contents_body {float:none; padding:0 1.071rem; width:100%;}
   .sp_contents_body img {max-width: 100%;}
   .sp_title_wrap {margin-bottom: 0.8rem;}
   .sp_title_wrap .right > .pt_btn {margin: 1px;}
   .sp_title_wrap .sp_table_title {vertical-align:middle;}
   .checks_ul li {width: 50%;}
   
   /* 버튼 통합 */
   .sp_btn_area[class*=col] {display:flex; flex-wrap:wrap; margin-left: -5px; margin-right: -5px;}
   .sp_btn_area[class*=col] > * {flex: 0 0 auto; margin: 5px !important; min-width:auto !important; box-sizing:border-box;}
   .sp_btn_area.col1 > * {width: calc(100% - 10px) !important;}
   .sp_btn_area.col2 > * {width: calc(50% - 10px) !important;}
   .sp_btn_area.col3 > * {width: calc(33.333% - 10px) !important;}
   
   /*사이즈*/
   .pt_btn.size_s, a.pt_btn.size_s, button.pt_btn.size_s{padding: 0.714rem !important; font-size:1.1rem !important;}
   .sp_btn_area .btn.middle_btn, .sp_btn_area button.middle_btn, .sp_btn_area a.btn.middle_btn,
   .btn.middle_btn, .pt_btn.size_m, a.pt_btn.size_m, button.pt_btn.size_m{padding:0.714rem 1rem !important;font-size:1.1rem !important;}
   .sp_btn_area .btn.big_btn, .sp_btn_area button.big_btn, .sp_btn_area a.btn.big_btn,
   .pt_btn.size_l, a.pt_btn.size_l, button.pt_btn.size_l{padding:1rem !important;min-width: auto;}
   
   /* 테이블안 버튼 */
   .sp_table_area_btn,a.sp_table_area_btn,button.sp_table_area_btn,
   .sp_table_area_btn_black,
   .sp_table_area_btn_black_line {font-size:1rem; padding: 10px 15px;}
      
   
   /*서브페이지 테이블*/
   .sp_table_area .sp_table_title{font-size: 1.286rem;}
   .sp_table_area .sp_table tr th,
   .sp_table_area .sp_table tr td {font-size: 1rem !important;}
   .sp_table_area .sp_table_fixed {table-layout: fixed;}
   .sp_table_area .sp_table tr th.t_l {padding-left:10px;}
   
   /*서브페이지 테이블, th세로*/
   .sp_table_area .sp_table.th_col tr th, .sp_table_area .sp_table.th_col tr td{padding: 10px;}
   
   /*서브페이지 탭*/
   .pt_com_tab{overflow:visible; display:flex; flex-wrap:wrap; margin:1px 0 0 1px;margin-bottom: 30px;}
   .pt_com_tab li{border:1px solid #cacaca;display:flex;align-items:center;justify-content:center; width:33.333%; margin: -1px 0 0 -1px; min-height:4.3rem !important; height:auto !important;}
   .pt_com_tab li.on{border:1px solid #cacaca;position:relative; z-index:1;border:2px solid #3a3a3a !important; background:#fff;}
   .pt_com_tab li a {display:block; width:100%; font-size:1.1rem !important; color:#666666; line-height:1.3 !important; background:#fff;}
   .pt_com_tab li.on a{color: #3a3a3a; }
   .pt_com_tab li.on + li {border-left: 1px solid #cacaca}
   
   
   /*메인페이지 둥근 탭*/
   .main_page_tab.pt_com_tab {overflow:visible;}
   .main_page_tab.pt_com_tab li {min-height: 3rem !important;}
   .main_page_tab.pt_com_tab li.on{border:0 !important;}
   
   /*메인페이지 팝업*/
   .com_pop.pt_main_pop{top:10rem !important;max-width:90% !important;left:5% !important;}
   .com_pop.pt_main_pop img{max-width:100% !important;}
   
   /* 입력폼/상세영역 */
   .brd_form_table th, .brd_form_table td {height:2.5rem; padding:0.428rem 0.714rem; } 
   
   /*서브페이지 팝업*/
   .pt_com_pop_search_area table{width: 100%; float: none;}
   .pt_com_pop_search_area table th{padding:0 5px;}
   .pt_com_pop_search_area table input,.pt_com_pop_search_area table select{width: 90%;margin-left:2;}
   .pt_com_pop_search_btn_area{float:none;text-align:center;padding-top:1rem;}
   .pt_com_pop_search_btn_area .pt_com_pop_search_btn{display:inline-block;float:none;}
   
   
   /*로그인영역*/
   .pt_login_area{width: 100%; margin: 0; padding: 0 1.071rem;}
   .pt_login_area .pt_login_area_table {float:none; width: 100%;}
   .pt_login_area .pt_login_area_table input[type="text"], .pt_login_area .pt_login_area_table input[type="password"] {font-size:1.1rem;}
   .pt_login_area .pt_login_btn_area .pt_login_btn {font-size: 1.2rem;}
   .pt_login_area .pt_login_area_table .pt_login_joincompany a {float:none; margin:0; display:block; font-size: 1.1rem;}
   .pt_login_area .pt_login_area_table .btn_snslogin_naver, .pt_login_area .pt_login_area_table .btn_snslogin_kakao {font-size: 1rem; background-position: 1rem center;}
   .pt_login_area .pt_join_div {float:none; background-size:cover; background-repeat:no-repeat; width: 400px; margin: 1.071rem auto 0;}
   .pt_notice_area.pt_login_notice {margin: 2rem 0; border-width: 1px 0; padding: 1.071rem; max-width: 100%;}
   .pt_notice_area.pt_login_notice ul {padding: 0 0 0 20px;}
   .pt_notice_area.pt_login_notice ul li {line-height: 1.4;}
   
   /* 게시판 하단 */
   .brd_foot {flex-wrap:wrap;}
   .brd_foot > * {min-width: 50%; margin: 0.2rem 0; width: 100%;}
   
   /* form */
   .form_flexible {flex: 1;width: 100%;-webkit-box-flex: 1;-ms-flex: 1;}
   .form_flex > * + * {margin: 0 0 0 .3rem !important;}
   .sp_form input[type="text"], .sp_form input[type="password"], .sp_form select,
   .form_flex input[type="text"], .form_flex input[type="password"], .form_flex select {width: 100% !important; box-sizing:border-box;}
   .form_phone {flex-wrap: wrap;}
   .form_phone button {width: 100%; margin: 0.3rem 0 0 0 !important;}
   .form_wrap {flex-wrap: wrap;}
   .form_row {width: 100%; margin: 0.3rem 0 0 0 !important; text-align:left;}
   .form_row button {width: 100%;}
   .form_row button + button {margin-top: 0.3rem;}
   .sp_form input.req, .sp_form select.req,
   .form_flex input.req, .form_flex select.req {width: calc(100% - 1.2rem) !important;}
      
   /*회원가입*/
   .mbrSsc_agree_box{width:100%;padding:1.071rem;height: 150px;margin-top:1.2rem;line-height:1.5;}
   .mbrSsc_agree_check {height:auto; line-height: 1.5; margin-top:1rem; text-align:left;}
   .mbrSsc_agree_p{font-size: 1rem;}
   .mbrSsc_agree_all{font-size:1.2rem;line-height:1.5; padding:1.071rem; text-align:left;}
   .mbrSsc_agree_all label, .mbrSsc_agree_all label span{font-size:1.2rem;}
   .mbrSsc_form_table input[type="text"],.mbrSsc_form_table input[type="password"]{height:35px; line-height:30px; margin:3px;width:250px;}
   .mbrSsc_form_table .checks_ul li{float:left; width:33%;}
   .mbrSsc_form_table input.sp_table_area_btn{height:40px;line-height:20px; color:#fff !important; border:none;}
      
   /*약관동의*/
   .agr_table_area{padding:1.071rem;}
   .agr_table_area .agr_table_div{width:100%; ;padding:1.071rem;}
   .agr_table_area .agr_table tr{border-top:1px solid #bbbbbb;line-height:1.5;}
   
   /*강의목록*/
   .edCrs_list_wp .edCrs_img{display:none;}
   .edCrs_list_wp .edCrs_info{margin-left:0;}
   .edCrs_list_wp .edCrs_info .edCrs_title{font-size: 1.1rem;}
   .edCrs_list_wp .edCrs_info .edCrs_list span {width:auto; display:inline-block;}
   .edCrs_list_wp .edCrs_info .edCrs_list span:after {display:inline-block; content:":";}
   .sp_table_area .sp_table.my_edCrs tr td {padding: 10px 5px;}
   .my_edCrs .middle_btn {font-size:1.1rem !important; padding: 1rem 0 !important; width: 100% !important;}
   
   /*시험관련*/
   .test_check{font-size:1.1rem;}
   
   .total_info_bar{height:6rem; padding: 1rem 1.071rem;}
   .total_info_bar span{display:none;}
   .total_info_bar .btn {width: 100%; height: 4rem; margin-left:0; font-size: 1.1rem; line-height: 3.9rem;}
      
   
   /*추천과정*/   
   .sp_edu_list {flex-wrap: wrap; margin-top: 1.071rem !important;}
   .sp_edu_list li{padding: 0;}
   .sp_edu_list li span.edu_part{padding:1.071rem; font-size:1rem;}
   .sp_edu_list li span.edu_title{font-size: 1.2rem; padding:0 1.071rem; height: auto;line-height: 1.4;}
   .sp_edu_list li span.edu_date{padding: 1.071rem; font-size:1rem;}
   .my_icon01, .my_icon02{font-size:1rem;}
   
   /*FAQ*/
   .faq_list li{padding-top:1rem; padding-bottom:1rem; min-height: 3.2rem;}
   .faq_list li::before {top: 1.2rem;}
   .faq_list li::after {top: 0.5rem; width: 2.5rem; height: 2.5rem; background-size: 1rem auto; right: 0;}
   .faq_list li .faq_a::before {top: 1rem;}
   .faq_list li .faq_a {padding-top:1rem; padding-bottom:1rem; margin-top:1rem; margin-bottom:-1rem;}
   .faq_list li .faq_a > div {padding: 1rem;}
   .faq_list li .faq_a > div p,
   .faq_list li .faq_a > div span {font-size:1rem !important; font-weight: 300 !important; line-height: 1.3 !important; font-family: 'Noto Sans KR' !important;}

   /* 과정로드맵 */
   .card_list .slick-list {margin:0 -0.5rem;padding:0;}
   .card_list .slick-slide {margin-right:0.5rem; margin-left:0.5rem;}
   .card_list li a {padding-bottom:1.3rem;}
   .card_list li span.edu_img{height: 10rem;}
   .card_list li span.edu_part{font-size:1.2rem; padding: 1.071rem 1.071rem 0;}
   .card_list li span.edu_title{font-size:1.2rem; margin-top: 1rem; padding: 0 1.071rem; line-height: 1.4; height: 3.2rem;}
   .card_list .slick_btn {width:2rem; height: 2rem;}
   .card_list .slick_btn.slick-prev{left: -1rem;}
   .card_list .slick_btn.slick-next{right: -1rem;}
   
   /* 설문 */
   .survey_body{width: 100%;}
   .sv_top .st_notice {padding: 1.5rem 2rem;}
   .sm_canvas .question_div {padding: 1.5rem 0;}
   .sm_canvas .question_div h3 span {left:0px;margin-bottom: 1rem;}
   .sm_canvas .question_div h4 span,.sm_canvas .question_div h5 span{position:static;left:0px; transform:translateX(0%);}
   .sm_canvas .question_div h4 span {position:static; margin-right: 10px;}
   /* .sm_canvas .question_div li + li {margin-top: 8px;} */
   .sm_canvas .question_div li label {font-size: 15px;}
   .sm_canvas .question_div li input[type="radio"] {width: 15px; height: 15px;}
   .sv_btn_area {display:flex; justify-content: space-between; margin-bottom: 2rem;}
   .sv_btn_area button.sv_btn {width:100%; flex:1; padding:1rem 0;font-size:1.285rem;}
   .sv_top .st_notice .svy_info li em, .sv_top .st_notice .svy_info li span {font-size: 15px;}
   .sv_middle .sm_title span{width: auto;border-radius:0; padding:2px 0;text-align: center;}
   .sm_canvas .question_div ul.score_ul{background-image:url(../img/score_ul_m.jpg);}

   /* 토론 */
   .debate_top .debate_notice {padding: 1rem 2rem;}
   .debate_body .chatting_room_area .chatting_room {padding-bottom: 6rem;}
   .debate_body .chatting_room_area .chatting_room .chatting_input_area {height: 6rem;}
      
   /* 학습창 */
   .cr_main_notice .sp_box_w {padding: 25px 15px 25px 100px; background-size: 70px auto;}
   
   /* tag */
   .tag {min-width: 5.714rem; font-size: 1.142rem; padding:0 0.4rem; line-height: 2rem; border-radius: 1.5rem;}
   .tag.size_s {font-size:1rem; min-width: 4rem; line-height: 1.5rem; border-radius: 0.5rem;}
      
   /* 교육신청 */
   .edCrs_box {border: 2px solid #4d5cbc; flex-direction:column;}
   .edCrs_box:before {display:none;}
   .edCrs_box:after {display:none;}
   .edCrs_box > div {width: 100%; padding: 1.5rem 1.071rem;}
   .edCrs_box .edCrs_box_title {background:url(../img/edCrs_box_title.png) no-repeat; background-position: 90% center; background-size: 4.6rem auto;}
   .edCrs_box .edCrs_box_title em {font-size: 1rem;}
   .edCrs_box .edCrs_box_title strong {font-size: 1.142rem;}
   .edCrs_box .edCrs_box_list {border-top:1px solid #ccc;}
   .edCrs_box .edCrs_box_list em {width: auto; font-size: 1.1rem; width: 8rem;}
   .edCrs_box .edCrs_box_list span {font-size: 1.1rem; line-height:normal;}
   
   .altr_type_list li {vertical-align: top;}
   .altr_type_list li label {font-size:1.2rem;padding: 1.071rem;}
   .altr_type_list li label:before {display:none;}
   .altr_type_list li label strong {font-size: 1.1rem; display:inline;}
   .altr_type_list li label span{font-size:1rem;}
   .altr_type_list li.on {border-color: #ee2c49; background:#fff;}
   .edCrs_form_wrap .edCrs_form_inner {padding: 0 1.071rem 2rem}
   .ed_cgr_info .sp_title_wrap {flex-direction: column;}
   .ed_cgr_info .sp_title_wrap > div {width: 100%;}
   .ed_cgr_info .sp_title_wrap .form_radio,
   .tbl_cgr_info .sp_title_wrap .form_radio {display:block; margin: 0.5rem 0}
   .tbl_cgr_info .sp_title_wrap {flex-direction: column;}
   .tbl_cgr_info .sp_title_wrap > div {width: 100%;}
   .ed_cgr_info .sp_title_wrap > div.right,
   .tbl_cgr_info .sp_title_wrap > div.right {text-align:right;}
   .edCrs_form_wrap .apply_table input[type="text"], 
   .edCrs_form_wrap .apply_table input[type="password"], 
   .edCrs_form_wrap .apply_table input[type="date"], 
   .edCrs_form_wrap .apply_table select {min-width: 4rem;}
   
   .search_content .pt_com_tab {display: none;}
}


@media screen and (-ms-high-contrast: active) and (max-width: 1024px), (-ms-high-contrast: none) and (max-width: 1024px) {
.edCrs_box{display:block;}
}

@media screen and (max-width: 985px) {
   .sp_scr_mob { width:100%; overflow-x:auto; white-space: nowrap;}
   .sp_scr_mob table {min-width: 500px !important;}
   
   /* 공통 레이어팝업 */
   .active_layer {align-items: flex-start;}
   .com_layer,
   .com_form_wrapper, .com_layer_con {width: 100% !important;}
   .com_layer_con {height:auto;}
   
   /*학습창*/
   .cr_header {padding: 1.071rem;}
   .cr_header .cr_main_title {font-size:1.5rem; margin-bottom: 0.8rem;}
   .cr_header .cr_main_title select{font-size: 1.2rem; height: 3rem;}
   .cr_header .cr_main_title select option{font-size: 1rem;}
   .cr_header .cr_teacher{float:none; display:flex; justify-content: space-between; align-items:center; margin-bottom: 0.4rem;}
   .cr_header .cr_teacher p,
   .cr_header .cr_teacher span {font-size: 1.2rem;}
   .cr_header .cr_date{float:none;}
   .cr_header .cr_date p {font-size:1rem;}
   .cr_header .cr_date p + p {margin-left: 1rem;}
   .cr_header .cr_date p span {font-size: 1rem;}
   
   .cr_menu ul{justify-content:normal;width: 100%; white-space: nowrap;overflow-x: auto;overflow-y: hidden; text-align: left;height: 4rem;}
   .cr_menu ul li{height:4rem;line-height:4rem;display:inline-block;}
   .cr_menu ul li a{font-size: 1.2rem;padding: 0 1.4rem;height:4rem;}
   .cr_content{padding: 1.5rem 1.071rem;}
   .cr_content .cr_sub_title{font-size: 1.428rem;}
   /* [class*=icon_cr_title] {width: 1.785rem; height: 1.785rem;} */
      
   .cr_main_body{background-color:#fff;border-right:0;padding-bottom:0;}
   .cr_main_chart_wrap{padding: 1.071rem 1.071rem 0; flex-direction: column; align-items: normal;}
   .cr_main_title .main_title {display:block; font-size:1.571rem; margin-right:0;}
   .cr_main_title .btn_mobile,
   .cr_main_title .btn_sch,
   .cr_main_title .btn_video {display:none;}
   .cr_main_info {margin:0.4rem 0 0; padding:0; border-top:0;}
   .cr_main_info li > em {width: auto; font-size: 1rem; color:#888; margin-right: 0.5rem;}
   .cr_main_info li > span {font-size: 1rem; color:#888;}
   .cr_main_info li > span span {font-size: 1rem;}
   .cr_main_info .btn_study {display:none;}
   
   .cr_main_body .sp_table_area .sp_table_title {margin-top: 2.142rem;}
   .cr_main_chart {width: 100%; margin:2.5rem 0 0; border:1px solid #ddd; position:relative;}
   .cr_main_chart .cr_main_chart_title{font-size: 1.428rem; color:#333; font-weight: 500; background:#fff; display:inline-block; padding: 0 8px; position:absolute; top: -0.72rem; left: 50%; transform: translateX(-50%);}
   .cr_main_cheart_inner {display:flex; align-items:flex-end; justify-content:space-between; padding: 2rem 1.5rem;}
   .cr_status_box {display:block; flex:1; margin-right: 1rem;}
   .cr_status_box li {display: block; text-align:left;}
   .cr_status_box li:before {display:inline-block; content:''; width:3px; height:3px; border-radius: 50%; background:#b0afaf; vertical-align:middle; margin-right: 0.5rem;}
   .cr_status_box li + li {margin-top: 1rem;}
   .cr_status_box li em {display:inline-block; font-size:1.214rem; color:#333; margin-right: 0.5rem; vertical-align:middle;}
   .cr_status_box li span {display:inline-block; font-size:1.214rem; color:#888; font-weight: 300; vertical-align:middle;}
   .cr_status_box .btn_study {display:block; width: 100%; height: 3.571rem; line-height: 3.571rem; margin-top:3rem; background:#ee2b49; color:#fff; border-radius: 3rem; font-size: 1.428rem;}
   .cr_status_box .btn_study:after {width:2rem; height: 0.714rem; margin: 0.6rem 0 0 0.3rem;}
   .cr_main_chart_box {flex:1;}
   .cr_main_chart .cr_main_chart_visual{width: 100%; margin: 20px auto; border: 1px solid #ee2c49; border-radius: 5px; padding: 37px 0; font-weight: 500; color: #ee2c49;}
   .cr_main_chart .cr_main_chart_percent .pie-chart {width: 11rem;height: 11rem;}
   .cr_main_chart .cr_main_chart_percent .pie-chart .pie_center{width:6.142rem; height: 6.142rem; line-height: 6.142rem;}
   .cr_main_chart .cr_main_chart_percent .pie-chart.pc1 .pie_center{font-size:1.6rem;}
   .cr_main_chart .cr_main_chart_info strong,
   .cr_main_chart .cr_main_chart_info span {font-size:1.1rem; }
   .cr_main_notice_wrap {flex-direction: column;}
   .cr_main_notice_wrap > * + * {margin-left: 0;}
   .cr_main_notice .sp_box_w{height:auto; padding: 5.5rem 1.071rem 1.071rem; background-position: center 1.071rem; background-size: 4.7rem auto;}
   .cr_main_notice .sp_box_w .notice_table{width:100%;float:none; margin:0}
   .cr_main_notice .sp_box_w .notice_table th, .cr_main_notice .sp_box_w .notice_table td {font-size:1.1rem;}
   
   .cr_main_right{display:none;}
   
   /*채팅방*/
   .chatting_room_area {display:none;}
   .classroom_body .sp_table_area {margin-top: 1.071rem}
   
   /* 토론 */
   .debate_body .chatting_room_area .chatting_room {height: 400px;}
   .debate_body .chatting_room_area .chatting_room .chatting_area {padding: 1rem;}

   /* 통합검색 */
   .search_content .search_title {font-size: 2rem;}
   .search_content .search_title span {font-size: 2rem;}
   .search_content .pt_com_tab {display:none;}
   .search_result_wrap {margin-top:2rem; padding:0; border-top:0;}
   .search_result {width: 100%;}
   .search_result .sp_title_wrap {margin-bottom:1rem;}
   .result_item {margin-bottom: 4rem;}
   .result_item .sp_sub_title {font-size: 1.4rem;}
   .result_item .sp_sub_title span {font-size: 1.4rem;}
   .result_item .btn_more {font-size:1rem;}
   .result_item .btn_more:after {width: 5px; height: 12px;}
   .result_item .result_edu .card {min-height: 10rem;}
   .result_item .result_edu .card_top {padding-left: 10rem; min-height: 10rem;}
   .result_item .result_edu .card + .card{margin-top: 0.8rem;}
   .result_item .result_edu .card .thumb {width: 10rem;}
   .result_item .result_edu .card .thumb .btn_zzim {width: 2rem; height: 2rem;}
   .result_item .result_edu .card .cont {padding: 1.071rem; min-height: auto;}
   .result_item .result_edu .card .top {margin-bottom: 0.5rem;}
   .result_item .result_edu .card .category {margin-right: 0.5rem; font-size: 1.1rem;}
   .result_item .result_edu .card .title {font-size: 1.2rem;}
   /* .result_item .result_edu .card .info {display:none;}
   .result_item .result_edu .card .history {display:none;} */
   .result_item .result_edu .card .btn_wrap {position:static; display:flex; margin-top: 1.2rem;}
   .result_item .result_edu .card .btn_wrap .pt_btn {min-width: auto; flex:1; padding-left: 0; padding-right: 0;}
   .result_item .result_edu .card .btn_wrap .pt_btn + .pt_btn {margin-left: 0.5rem;}
   .result_item .result_edu .card_foot {flex-direction: column;}
   .result_item .result_edu .card_foot p {width: 100%;}
   .result_item .result_edu .card_foot p a {display: block; margin-right: 0; max-width: 100%;}
   .result_item .result_edu .card_foot p a + a {margin-top: 5px;}
   .result_item .result_edu .card_foot .btn_more {margin-top: 10px;}
   .result_item .result_list .list {padding: 1.071rem;}
   .result_item .result_list .title {font-size: 1.2rem;}
   .result_item .result_list p {margin-top: 0.5rem; font-size: 1.1rem;height:3rem;}
   
   .search_keyword {display:none;}
   
   .active_layer {width: 100% !important;left:0 !important;top:0 !important;/* top:0 !important; left:50% !important; transform: translateX(-50%); */ height:100%; padding:1rem !important; /* overflow-y: auto; */ display:flex; align-items: center; justify-content:center; box-sizing:border-box;}
   
}

@media screen and (max-width: 767px) {
   html {font-size:3.2vw}
   
   .sp_main_title {padding-top:3.429rem; margin-bottom: 1.428rem; line-height: 1.25;} 
   .sp_main_title strong {font-size:2.2rem;}
   .sp_sub_title {font-size:1.4rem; margin-top:2rem; line-height:1.25}
   
   .dockbar .dock {justify-content: space-between;}
   
   .checks_ul li {width: 100%;}
   /*PT팝업*/
   .pt_com_pop h1{/* font-size: 1.4rem; */}
   .pt_com_pop_content{padding: 10px;border: none;}
   .pt_com_pop h2{/* font-size: 1.2rem; */padding-bottom:1rem;}
   .pt_com_pop_notice{padding: 1.071rem;}
   /* .pt_com_pop_notice span{font-size: 1.1rem;} */
   .pt_com_pop_notice ul{margin-top: 0.8rem;}
   .pt_com_pop_notice ul li{line-height: 1.5;}
   /* .pt_com_pop h3{font-size: 1.2rem;} */
   .pt_com_pop_search_area table{width: 100%; float: none;}
   .pt_com_pop_search_area table th{font-size: 1rem; width: 20%;}
   .pt_com_pop_search_btn_area{float:none;}
   .pt_com_pop_search_btn{margin:0 auto 0; float:none;}
   
   /*서브페이지 검색영역*/
   .sp_search_area{flex-wrap:wrap; padding: 1.2rem 1.071rem; table-layout:fixed;}
   .sp_search_area .sp_search_area_table{max-width:100%; width: 100% !important;}
   .sp_search_area .sp_search_area_table input[type="text"] {width: 100%;}
   .sp_search_area .sp_search_btn_area {width: 100% !important;}
   
   .sp_search_area.edu {padding: 1.2rem 1.071rem;}
   .sp_search_area.edu:before {display:none;}
   
   /*로그인영역*/
   .pt_login_area .pt_join_div {margin-top: 1.071rem; width: 100%; height: 26rem}

   /*추천과정*/   
   .sp_edu_list li{width: 100%; flex: 0 0 auto; margin: 0 0 1rem 0 !important;}
   
   /*STEP 단계*/
   .step_check_div {margin-bottom: 2rem;}
   .step_check_div ul {display:flex; padding-top:1rem;}
   .step_check_div ul:before {top: 3rem;}
   .step_check_div li {float:none; flex:2; padding-top: 5rem; min-width:auto; width:auto;}
   .step_check_div li + li {margin-left: 0;}
   .step_check_div li + li:after {display:none;}
   /* .step_check_div li + li:after {width: 1.428rem; height: 1.428rem; top: 1.428rem; left: -1.428rem; background-size: 0.4rem auto;} */
   .step_check_div li:before {width: 4rem; height: 4rem;}
   .step_check_div li span {font-size: 1rem}
   .step_check_div li strong {display:none;}
   .step_check_div li.on {flex:3; padding-top: 6.5rem; padding-left: 0; margin-top: -1rem;}
   .step_check_div li.on + li {margin-left: 1%;}
   .step_check_div li.on span {font-size: 1.1rem;}
   .step_check_div li.on strong {font-size: 1.2rem; display:block; margin-top: .5rem;}
   .step_check_div li.on:before {width: 6rem; height: 6rem; top: -0.6rem;}
   .step_check_div li.on [class*=bg] {/* border: 5px solid rgba(238,44,73,.1); border-top-color: #ee2b49; */ width: 6rem; height:6rem; top: -5px; left: 50%; margin-left: -3rem;}
   .step_check_div li.on [class*=bg] span {}
   .join_content .step_check_div li.on {flex:2}
   
   .step_check_div li.on .bg03 span {border-width: 5px;}
   
   /* 역량진단 */
   .ability_step {margin-bottom: 3rem;}
   .ability_step ul {display:flex;}
   .ability_step ul:before {top: 2rem;}
   .ability_step li {min-width: auto; padding-top: 5rem; flex: 2;width: auto;position: relative;line-height: 1;}
   .ability_step li + li {margin-left: 0;}
   .ability_step li + li:after {display:none;}
   .ability_step li:before {width: 4rem; height: 4rem;}
   .ability_step li span {font-size: 1rem}
   .ability_step li strong {display:none;}
   .ability_step li.on {padding-top: 6.3rem; padding-left:0; margin-top:-0.5rem;}
   .ability_step li.on + li {margin-left: 1.3rem;}
   .ability_step li.on span {font-size: 1.1rem;}
   .ability_step li.on strong {font-size: 1.2rem; display:block; margin-top: .5rem;}
   .ability_step li.on:before {height: 6.5rem; top: -8px; background-size: 100% auto;}
   .ability_step li.item1.on:before {width: 7rem;}
   .ability_step li.item2.on:before {width: 6rem;}
   .ability_step li.item3.on:before {width: 6.5rem;}
   .ability_step li.on [class*=bg] {width: 6rem; height:6rem}
   .ability_step li.on{background-size:100% auto;}
   .ability_step li.on .bg03 span {border-width: 5px;}
   
   /* 교육 연간일정 테이블 */
   .sp_table_area.curriculum .sp_table {table-layout: auto;}
   .sp_table_area.curriculum .sp_table .curriculum_title {white-space: normal;}
   
   /*메인페이지 둥근 탭*/
   .main_page_tab.pt_com_tab {flex-wrap:wrap;}
   
   /*과정상세보기 이미지크기*/
   .detail_cont img { max-width: 100% !important; width: 100% !important; height: auto !important;}
   .detail_cont img:active{transform: scale(2);}
   
   /*강의실 테이블*/
   .cr_table{display:block;width: 100%; border-top: none;}
   .cr_table .row{display:block;border-top: 1px solid #666;border-bottom: 1px solid #ccc;background-color:#f6f6f6;padding:0.5rem 0; margin-bottom:0.5rem;}
   .cr_table .row:first-child{display:none;}
   .cr_table .row .cell{display:block;border:none; padding: 0px 15px;height:auto;line-height: 1.6;text-align:left;background-color:transparent;font-size:1.25rem;color:#333;}
   .cr_table .row .cell:last-child {display:block;text-align:right;}
   .cr_table .row .cell span{display:inline-block;font-size:1rem;color:#999;margin-right:5px;width:5.5rem;vertical-align: top;}
   .cr_table .row .cell i{display:inline-block;font-size:1.25rem;color:#333; height:auto;line-height: 1.6;text-align:left;font-weight:100;}
  
   .sp_scr{padding-top:2.25rem;}
   .sp_scr:before {display:block; content:'밀어서 보기     '; clear:both;position:absolute; right:0; top:0;color:#999;background-image: url(../img/main/more_arrow_b.png);
    background-repeat: no-repeat; background-position: 91px 5px; font-size: 13px; padding: 6px 29px; border: 1px solid #ddd;
    border-radius: 6px; background-color: #fff;}   
   .sp_btn_area .btn, .sp_btn_area .pt_btn{margin-bottom:0.5rem;}
   .sp_search_area_table .block .p_b_5{margin-left: 0 !important;}
   .sp_page_nav li a { font-size: 13px; }
}

@media screen and (max-width: 400px) {
#pt_header .pt_top_menu .pt_util_menu li a{color: #7d7d7d; font-weight: 500;font-size: 1rem; border-left: 1px solid #ccc; padding: 0 3px; }
   .sp_scr{padding-top:3.25rem;}
}

@media screen and (max-width: 374px) {
   html, body{font-size:13px}
}




/*모바일검색페이지*/
@media screen and (max-width: 500px) {
	
.result_item .result_edu .card {position: relative;height: 515px;display: flex;justify-content: center;flex-direction: column;margin-bottom: 0px;}
.result_item .result_edu .card_top { padding-left: 0rem;min-height: 4rem; position: unset;}
.result_item .result_edu .card_top .thumb {width: 100%;height: 40%;background-color: #f3f3f3;background-image: url(../img/noImg_02.jpg);
background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;
top: 0; left: 0;border-radius: 10px;margin-bottom: 10px;}
.result_item .result_edu .card_top .cont {padding: 4px 50px 15px;padding:0; box-sizing: border-box;position: absolute; margin-bottom: 20px; width: 100%;}
.result_item .result_edu .card_foot {display: none;}
.result_item .result_edu .card:before {content: "";position: absolute;left: 0;width: 100%;
height: 1px;background-color: #e5e5e5;margin-top: 470px;}
.result_item .result_edu .card_top .title * {font-size: 18px;font-weight: 600;white-space: normal; line-height: 25px;} 
.course_table01, .detail_cont table { font-size: 14px;}
.sp_table_area .sp_table tr td { padding: 8px 0;}
.pt_btn.size_l, a.pt_btn.size_l, button.pt_btn.size_l {font-size: 17px!important;}
#content{min-height:530px;margin-bottom: 0px;}
}



@media only screen and (max-height: 650px) {
      .player_help_area{position: static;}   
   }
#pt_header .pt_edu_menu_area_bg{height: 48px;overflow: hidden;}
#pt_header .pt_edu_menu_area a span{font-size: 15.5px;font-weight:500;height:46px;line-height: 50px;border-bottom: none !important;}
html.is-pc #pt_header .pt_edu_menu_area .pt_edu_menu li:hover a,html.is-pc #pt_header .pt_edu_menu_area .pt_edu_menu li a.on {background-color:#fce9e9;}
html.is-pc #pt_header .pt_edu_menu_area .pt_edu_menu li:hover a span,html.is-pc #pt_header .pt_edu_menu_area .pt_edu_menu li a.on span{width:55%;font-size:16px;color:#ee2c49; ; background-color:#fce9e9;border-bottom: 4px solid #fce9e9;}
   
.hoverl #pt_header .pt_edu_menu_area a span{display: inline-block;font-size: 16px;font-weight:500;height:46px;line-height: 50px;border-bottom: 4px solid #fff;}
html.is-pc .hoverl   #pt_header .pt_edu_menu_area .pt_edu_menu li:hover a {background-color:#fff;}
html.is-pc .hoverl   #pt_header .pt_edu_menu_area .pt_edu_menu li:hover a span{width:55%;font-size:18px;color:#ee2c49; ; background-color:#fff;border-bottom: 4px solid #ee2c49;}



@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.popup-container {position: relative; animation: fadeInUp 1s; overflow: hidden;}
.popup-container {position: fixed; bottom: 100px;  right: 20px; width: 320px; height: 415px; background-color: #ffffff;border-radius: 15px; z-index: 600; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2), 0 0 7px rgba(0, 0, 0, 0.2); }
.popup-content {position: relative; width: 320px; height: 248px;  overflow: hidden;}
.popup-content-img {padding: 0px; /*display: flex;*/ width: 100%; height: 100%; }
.popup-content-btn {padding: 10px 20px 18px; text-align: center;}
.close-btn {position: absolute; top: 20px; right: 10px; z-index:1; background: transparent;}
.popup_btn {display: block;padding: 9px 0;border: 1px solid rgba(0,0,0,.06);border-radius: 10px;background-color: #ebebeb;}
.text-content {margin-left: 20px; line-height: 1.5; padding: 15px 0px 0px;} 

.mobile_edu_info_main_img{ display: flex;justify-content: space-around; height: 100%; margin-bottom: 15px;}
.mobile_edu_info_img_detail{ width: 100%; height: auto; display: block; }
.mobile_edu_info { display: flex;justify-content: space-around; height: 100%; margin-bottom: 30px;}
.mobile_edu_info_c { width: 700px; height: 350px; background-color: #ffffff;border-radius: 15px; z-index: 600; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2), 0 0 7px rgba(0, 0, 0, 0.2);  overflow: hidden;}
.mobile_edu_info_content {position: relative; width: 320px;  overflow: hidden; }
.mobile_edu_info_img {padding: 0px; /*display: flex;*/ width: 100%; height: 100%; }
.mobile_edu_info_btn {padding: 10px 20px 18px; text-align: center;}
.mobile_edu_info_btn_text {display: block; padding: 9px 0;border: 1px solid rgba(0,0,0,.06);border-radius: 10px;background-color: #ebebeb;}
.mobile_edu_info_text_content h2{font-size:20px; FONT-WEIGHT: 500;  background: #7560ff;color: #fff;padding: 20px; height: 70px; display: flex; align-items: center;}
.pt_review_item > div {width:100%; height: 140px; border-bottom:1px solid #e5e5e5; padding: 20px 20px; box-sizing:border-box; min-height: 130px !important; }


/*일터혁신 컨설팅*/
.bz_ps_a{display: flex; align-items: center; flex-direction: column;}
.bz_ps_c{ width: 100%; display: flex; align-items: center; border-bottom: 1px solid #e0e1e2; padding: 30px;}
.bz_ps_c ui{font-size:19px;}
.bz_ps_c span{display: block;width: 20px; height: 1px; margin: 0 0 25px; background: #a8aaae;}
.bz_ps_t_b dl {line-height: 30px; color: #625f5f;}
.bz_ps_t_b dt {font-size:17px;}
.bz_ps_t_b dd {position: relative;padding-left: 13px;}
.bz_ps_t_b dd::before {content: ""; display: block; position: absolute; top: 13px; left: 0; width: 3px;height: 3px;background-color: #555;}
.bz_ps_img{ display: flex; align-items: center; flex-direction: column; width: 250px; }
.bz_ps_img dl{font-size:17px; color: #858181;}
.bz_ps_t_b{vertical-align: middle; text-align: left;}
.PTWCT024_text01{font-size:19px; margin: 20px 0; justify-content: center; display: flex;}
.PTWCT024_text01 span{font-size:19px;color: #ed2c4b;font-weight: 500; margin-right: 10px;}
.sp_box_ctimg{width: 100%;border: 1px solid #f0f0f0;padding: 20px; margin: 20px 0 30px; box-sizing: border-box;}
.PTWCT024_tit01 {position:relative;font-size: 21px;margin: 35px 0 25px;display: flex;font-weight: 600;}
.PTWCT024_tit01::after{position: absolute;content: "";width: 44px;height: 2px;background: #d81f2f;left: 0;top: 100%;}
.ct_txt_b{color:#333333;font-weight: 500;font-size: 17px;}
@media screen and (max-width: 1200px) { 
.bz_ps_t_b dd {font-size:15px;} 
.bz_ps_a{align-items: center; }
.bz_ps_c{ width: 100%; display: grid; align-items: center; border-bottom: 1px solid #e0e1e2; padding: 30px;}
.bz_ps_img{ display: flex; align-items: center; flex-direction: column;  width: 100%;}
.bz_ps_img dl{font-size:17px; color: #858181;  padding: 5px;}
}


/*AI 컨설팅*/
.ct_cont_txt strong{font-size:17px;}


/*공공부문특화교육*/
.com22_title{width: 935px;height: 160px; background-image: url("../img/education/abroad_icon.png"); margin-bottom: 30px; background-repeat: no-repeat;
    background-position: right center;
} 
.com22_title p{font-size: 18px; color: #767676; padding: 33px 0px;  line-height: 28px;}
.com22_title span{font-size: 18px; color: #e7233b; }
.com23_title{width: 935px;height: 16px; background-image: url("../img/education/abroad_icon.png"); margin-bottom: 70px; background-repeat: no-repeat;
    background-position: right center;
}
.com23_title p{font-size: 20px; color: #e7233b; padding: 33px 0px;  line-height: 28px;}
.com23_title span{font-size: 20px; color: #e7233b; }
.ptwcc0131{ display: flex;justify-content: space-between; padding-left: 60px; color: #6a6867;}
.ptwcc0131_1{width: 320px;height: 190px; padding: 0px 30px; }
.ptwcc0131_1 dt {font-size:16px;}
.ptwcc0131_1 span{color: #f56e79; font-size: 16px;}
.ptwcc0132_wrap{ display: flex; width:100%; margin-left: -15px; padding: 0 15px; margin-top: 20px;}
.ptwcc0132_inner{position: relative;border: 1px solid #dedede;border-radius: 0px; width: 300px; padding:30px 15px; text-align: center;
margin-right: 20px;}
.ptwcc0132_inner_com25{position: relative; width: 300px; padding:30px 15px; text-align: center; margin-right: 20px;}

.ptwcc013_img_area{}
.ptwcc013_title{margin-top: 25px; font-size: 19px; line-height: 26px;font-weight: 600; color: #706f6f;}
.ptwcc013_con{font-size: 16px; line-height: 1.7; font-weight: 500; color: #8f8a8a; text-align: left; margin-top: 20px;}
.ptwcc013_con dt{position: relative; padding-left: 12px; font-size: 16px;}
.ptwcc013_con dt::before {content: "";display: block;position: absolute;top: 13px;left: 0; width: 3px; height: 3px; background-color: #555;}

/*공공부문특화교육 조직활성화*/
.rac_wrap{justify-content: space-between; padding-left: 60px; color: #6a6867; background-color: #fef4f2;padding: 35px; height: 370px; margin-bottom: 60px;}
.rac_tile_text{display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.rac_tile_text p{font-weight: 600;font-size: 50px;color: #ee2c49; align-items: center;justify-content: center; margin-bottom: -20px; }
.rac_img{display: flex; justify-content: center; color: #6a6867; background-color: #fef4f2;}
.rac_img_title{color: #3f3b3a; font-size: 25px; font-weight: 600; margin-top: 30px}
.rac_img_title span{color: #ee2c49; font-size: 25px; font-weight: 600;}
.rac_img_text{line-height: 23px; margin-top: 12px;}
.rac_img_text dt{font-size:16px;}
.rac_img_1{ width: 230px;height: 230px; background: linear-gradient(to bottom right, #f4eae8, #c3bebc); border-radius: 50%; display: flex;
    align-items: center;justify-content: center;}
.rac_img_2{ width: 230px;height: 230px; background: linear-gradient(to bottom right, #fdeae5, #ea5b53); border-radius: 50%;}
.rac_img_con{display: flex;justify-content: space-between; padding: 10px; flex-direction: column; margin: auto; width: 190px; text-align: center;}
.rac_img_bottom{display: flex; align-items: center;justify-content: center; flex-direction: column; margin-top: 27px;}
.rac_img_bottom_1{display: flex; align-items: center;justify-content: center; flex-direction: column; margin-top:49px;}
.rac_img_bottom_2{display: flex; align-items: center;justify-content: center; flex-direction: column; margin-top: 49px;}
.rac_img_bottom_circle{width: 15px;height: 15px; border: 3px solid #e7233b; background: #ffffff; border-radius: 50%; display: flex;
    align-items: center;justify-content: center;}
.rac_img_bottom_line{width: 2px; height: 2px;border-bottom: 2px solid #e7233b;margin-top: 2px;}
.rac_img_bottom_circle_small{width: 5px;height: 5px; background: #e7233b; border-radius: 50%; margin-top: 3px;}
.rac_img_bottom_text{line-height: 20px;}
.rac_img_bottom_text dt{font-size: 15px; color: #e7233b; font-weight: 500;}
.program_wrap{padding: 30px 0px;}
.program_wrap P{color: #999;text-align: right;}
.program_con_all{display: flex; width: 100%; justify-content: space-between; padding: 10px;  color: #979393;}
.program_con_text{text-align: center; padding: 10px; font-size: 15px;}
.program_con_all_last{ display: flex;  justify-content: space-between; padding: 10px;  color: #979393; float: left;}

.ptwcc013_con_25{font-size: 16px; line-height: 1.7; font-weight: 500; color: #8f8a8a; text-align: left; margin-top: 20px;}
.ptwcc013_con_25 dt{font-size: 15px; text-align: center; margin-bottom: 15px;}
.ptwcc013_con_25 dd{position: relative; padding-left: 26px; font-size: 15px;}
.ptwcc013_con_25 dd::before {content: "";display: block;position: absolute;top: 10px;left: 0; width: 3px; height: 3px; background-color: #e6213a; margin-left: 17px;}
.ptwcc013_com025_2_wrap{display: flex;  border-radius: 0px; padding: 20px 0px; margin-top: 20px; line-height: 2;}
.ptwcc013_com025_2_wrap_1{display: flex;  border-radius: 0px; padding: 20px 0px; margin-top: 30px; line-height: 2;}
.ptwcc013_com025_2_con{margin-left: 50px;}
.ptwcc013_com025_2_con_1{margin-right: 50px;}
.ptwcc013_com025_2_con li{position: relative; font-size: 16px; padding-left: 26px; color: #767676;}
.ptwcc013_com025_2_con li::before {content: ""; display: block; position: absolute; top: 17px; left: 0; width: 3px; height: 3px; background-color: #e6213a; margin-left: 17px;}
.ptwcc013_com025_2_con_1 li{position: relative; font-size: 16px; padding-left: 26px; color: #767676;}
.ptwcc013_com025_2_con_1 li::before {content: ""; display: block; position: absolute; top: 17px; left: 0; width: 3px; height: 3px; background-color: #e6213a; margin-left: 17px;}
.vertical-line {width: 1px;background-color: #dddddd; margin-left: -20px; height: 435px; transform: translateY(13%);}

/*공공부문특화교육 트렌드이슈*/
.com26_title{font-size: 19px; line-height: 27px; color: #767676;}
.com26_title span{color:#e7233b; font-size: 19px; font-weight: 500;}
.com26_card_area{align-items: center;border: 1px solid #dedede;padding: 30px;padding: 45px; margin-top: 20px;}
.com26_cardarea_in{display: flex; align-items: center; }
.com26_cardarea_left{width: 150px;height: 150px;background-color: #e7233b; border-radius: 50%;align-items: center;justify-content: center;
 display: flex; color: #ffffff; font-size: 20px; text-align: center; line-height: 25px;}
.com26_1{background-image: url("../img/education/trend_img01.png"); background-repeat: no-repeat;  background-position: right center;}
.com26_2{background-image: url("../img/education/trend_img02.png"); background-repeat: no-repeat;  background-position: right center;}
.com26_3{background-image: url("../img/education/trend_img03.png"); background-repeat: no-repeat;  background-position: right center;}
.com26_4{background-image: url("../img/education/trend_img04.png"); background-repeat: no-repeat;  background-position: right center;}
.com26_card_area_title {margin-bottom: 15px;}
.com26_card_area_title span{font-size: 18px; line-height: 36px; color:#e7233b; font-weight: 700; margin-right: 20px;}
.com26_card_area_title p{font-size: 18px; padding: 20px 0px;}

@media screen and (max-width: 1200px) {
.com26_cardarea_in{flex-direction: column; padding: 0px;}
.com26_card_area{align-items: center;border: 1px solid #dedede;padding: 30px;padding: 10px; margin-top: 20px;}
.com26_1{background-image: url("../img/education/trend_img01.png"); background-repeat: no-repeat;  background-position: right bottom;}
.com26_2{background-image: url("../img/education/trend_img02.png"); background-repeat: no-repeat;  background-position: right bottom;}
.com26_3{background-image: url("../img/education/trend_img03.png"); background-repeat: no-repeat;  background-position: right bottom;}
.com26_4{background-image: url("../img/education/trend_img04.png"); background-repeat: no-repeat;  background-position: right bottom;}
}

@media screen and (max-width: 500px) {
.com26_cardarea_in{flex-direction: column; padding: 0px;}
.com26_card_area{align-items: center;border: 1px solid #dedede;padding: 30px;padding: 10px; margin-top: 20px;}
.com26_1{background-image: url("../img/education/trend_img01.png");  background-image: none;}
.com26_2{background-image: url("../img/education/trend_img02.png");  background-image: none;}
.com26_3{background-image: url("../img/education/trend_img03.png");  background-image: none;}
.com26_4{background-image: url("../img/education/trend_img04.png");  background-image: none;}
.com26_card_area_title span{font-size: 18px; line-height: 36px; color:#e7233b; font-weight: 700; margin-right: 20px; display: block;}
.com26_card_area_title p{font-size: 18px; line-height: 25px;}
}

/*공공부문특화교육 국내외 체험형 연수*/
.program_con_img{margin-bottom: 10px; margin-top: 10px; }
.program_con_img_1{margin-bottom: 70px; margin-top: 10px;}
.com26_title{font-size: 19px; line-height: 27px; color: #767676;}
.com26_title span{color:#e7233b; font-size: 19px; font-weight: 500;}
.com27_1_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; float: left; margin-bottom: 70px;  width: 100%;}
.com27_1_b_r{ width: 200px;height: 55px;border-radius: 100px;background-color: #e7233b;text-align: center; line-height: 19px; display: flex;
justify-content: center; align-items: center; color: #ffffff; font-size: 15px; margin-bottom: 20px; }
.com27_1_b_g{ width: 200px;height: 55px;border-radius: 100px;background-color: #898989;text-align: center; line-height: 19px; display: flex;
justify-content: center; align-items: center; color: #ffffff; font-size: 15px; margin-bottom: 20px; }
.com27_1_wrap_1{display: flex; justify-content: space-between;}
.com27_1_wrap_2{display: flex; justify-content: space-between;}
.com27_connector{width: 17px;height: 1px;background-color: #e7233b;  margin-top: 27px;}
.com27_p{font-size: 17px; color: #767676; padding: 20px 0px; }
.com27_2_wrap{display: flex; flex-wrap: wrap; padding: 30px 0px;}
.com27_2_in{display: flex; margin-bottom: 20px;}
.com27_2_con{width: 210px;}
.com27_2_b{width: 185px; padding: 10px; border-radius: 100px; background-color: white; border: solid #c6c6c6; justify-content: center; text-align: center; font-size: 16px;  font-weight: 500; color: #767676;}
.com27_red{border: solid #e7233c; color: #e7233c;}
.com27_2_t li{position: relative; padding-left: 15px; font-size: 15px; line-height: 1.5;color: #8f8a8a; margin-top: 10px;}
.com27_2_t li::before{content: "";display: block; position: absolute; top: 10px;left: 0;
    width: 3px;height: 3px;background-color: #e6213a; margin-left: 7px;}
.com27_connector_2{width: 12px;height: 1px;background-color: #e7233b;  margin-top: 20px;}

/*공공부문특화교육 지역활성화 사업 기관 특화 맞춤형 사업모델*/
.com28_con{display: flex; justify-content: space-between; margin-bottom: 60px; }
.com28_img{margin-top: 30px; margin-bottom: 30px;}
.com28_con dl{font-size: 15px !important;}	
.com29_title{width: 935px;height: 292px; background-image: url("../img/education/organ_im_01.png"); margin-bottom: 70px; }
.com29_title p{font-size: 20px; color: #ffffff; padding: 110px;  line-height: 28px;}
.com29_title span{font-size: 20px; color: #e7233b; }
.com29_wrap_1{margin-top: 20px; margin-bottom: 20px;}
.com29_con_1{display: flex; margin-bottom: 30px; }
.com29_con_2{display: flex; flex-direction: column; }
.com29_left_img{display: flex; width: 150px; height: auto; background-color: #e8243c;color: #ffffff;text-align: center;align-items: center; justify-content: 
center;font-size: 17px;     line-height: 20px;}
.com29_text_area{display: flex; float: left; margin-left: 10px;}
.com29_text{flex-direction: column; line-height: 1.7; color: #8f8a8a; padding: 5px;}
.com29_text_t dt{font-size: 15px; }
.com29_text_t_1 dt{font-size: 14px; margin-left: 10px;}
.com29_text_t dd{font-size: 13px; position: relative; padding-left: 10px;}
.com29_text_t dd::before{ content: "";display: block; position: absolute;top: 10px; left: -15px;
    width: 3px;height: 3px;background-color: #e6213a; margin-left: 17px;}
.com29_wrap_2{flex-direction: column;}
.com29_wrap_2_con{display: flex; line-height: 1.7; color: #8f8a8a; margin-bottom: 20px;}
.com29_wrap_2_con_l{display: flex; width: 130px; font-size: 17px;}
.com29_wrap_2_con_r{display: flex; font-size: 15px;}
.div_gray_line{border-bottom: 1px solid #dedede; margin-top: 20px; margin-bottom: 20px;}

@media screen and (max-width: 500px) {
.com28_con{flex-direction: column; padding: 0px;align-items: center;}
.com29_wrap_2_con{flex-direction: column;}
.com27_connector_2{display: none;}
.vertical-line {display: none;}
.ptwcc013_con{font-size: 16px; line-height: 1.7; font-weight: 500; color: #8f8a8a; text-align: left; margin-top: 20px; padding-left: 20px;}
}

@media screen and (max-width: 700px) {	
.com27_1_wrap_1{flex-direction: column; width: 100%; align-items: center;}
.com27_1_wrap_2{flex-direction: column; width: 100%;align-items: center;}
.com27_1_b_r{ width: 270px;height: 55px;border-radius: 100px;background-color: #e7233b;text-align: center; line-height: 19px; display: flex;
justify-content: center; align-items: center; color: #ffffff; font-size: 15px; margin-bottom: 0px; }
.com27_1_b_g{ width: 270px;height: 55px;border-radius: 100px;background-color: #898989;text-align: center; line-height: 19px; display: flex;
justify-content: center; align-items: center; color: #ffffff; font-size: 15px; margin-bottom: 0px; }
.com27_connector{width: 1px;height: 20px;background-color: #e7233b;  margin-left: 15px; margin-top: 0px;}
.com29_wrap_1{ margin-left: auto; margin-right: auto;}
.com29_con_1{flex-direction: column;}
.com29_text_area {flex-direction: column; }
.com29_left_img{display: flex; width: 100%; height: auto; background-color: #e8243c;color: #ffffff;text-align: center;align-items: center; justify-content: 
center;font-size: 17px;  line-height: 20px; padding: 7px;}
.div_gray_line{display: none;}
.com27_connector_2{display: none;}
.vertical-line {isplay: none;}
}

@media screen and (max-width: 800px) {
.com27_2_wrap{padding: 30px 0px; justify-content: center; align-items: center;}
.com27_2_in{flex-direction: column; padding: 0px;align-items: center;}
.com27_connector_2{display: none;}
.ptwcc0131{ display: flex;justify-content: space-between; padding-left: 0px; color: #6a6867; flex-direction: column;}
.ptwcc0131_1{ width: 500px; height: 100px; padding: 0px 30px; }
.ptwcc0131_1 dt {font-size:16px;}
.ptwcc0131_1 span{color: #f56e79; font-size: 16px;}
.ptwcc0132_wrap{ display: flex; width:100%; margin-left: 0px; padding: 0 15px; flex-direction: column; margin-top: 20px; }
.ptwcc0132_inner{position: relative;border: 1px solid #dedede;border-radius: 0px; width: 100%; padding:30px 15px; text-align: center;
margin-right: 20px; margin-bottom: 20px;}
.ptwcc0132_inner_com25{position: relative;border: 1px solid #dedede;border-radius: 0px; width: 100%; padding:30px 15px; text-align: center;
margin-right: 20px; margin-bottom: 20px;}		
.ptwcc013_title{margin-top: 25px; font-size: 18px; line-height: 26px;font-weight: 600; color: #999; }
.ptwcc013_con dt{position: relative; padding-left: 12px; font-size: 15px;}
.ptwcc013_con dt::before {content: "";display: block;position: absolute;top: 13px;left: 0; width: 3px; height: 3px; background-color: #555;}
.vertical-line {display: none;}
}

/*맞춤형교육*/
.com14_visual{position: relative;display: flex; padding-left: 0; margin-bottom: 80px;  }
.com14_visual_figure img{ margin-bottom: 70px;  margin-bottom: 0; border-radius: 15px;}
.com14_title_text{position: absolute; top: 15%; transform: translateY(-50%);  padding: 70px;}
.com14_title_text span{font-size: 45px; line-height:25px; m }
.com14_title_text p{font-size: 17px; line-height: 21px; color: #ffffff; }
.com14_visual_2{display: flex; background-color: #f7f7f7;  border-radius: 1.5625vw; padding: 5.85938vw; padding: 50px; margin-top: 30px; margin-bottom: 70px;
    background-image: url(../img/education/PTWCC013_com14_main_2.png); background-size: cover; background-position: center;}
.com14_visual_2_text{display: flex;flex-wrap: wrap;}
.com14_visual_2_text li{width: 200px; font-size: 18px; background: #fff; border-radius: 20px;  margin-left: 30px;
    padding: 20px;  margin-bottom: 10px; margin-top: 10px; text-align: center; height: 50px;
    display: flex;align-items: center;justify-content: center;   font-weight: 500;   }
.com14_visual_3{ display: flex; justify-content: space-between; padding: 25px 0 0 0;}
.com14_visual_3_con{ width: 220px; height: 350px; border-radius: 20px;   border: 1px solid #dddada;}
.com14_visual_3_con_wrap{padding: 20px;}
.com14_visual_3_con_t{position: relative; color: #555; font-size: 16px; line-height: 35px;white-space: normal; word-wrap: break-word; word-break: keep-all; line-height: 1.5;}
.com14_visual_3_con_t li{font-size: 15px; line-height: 30px;}
.com14_visual_3_con_t li:before{content: '';display: inline-block;width: 3px;height: 3px;background-color: #555;margin-right: 10px;vertical-align: middle;}
.com14_visual_3_con p{color: #fff; font-size: 18px; text-align: center; padding: 15px; left: 50px; top: 20px;}
.com14_visual_3_con_img01{ background-position: center top; height: 90px; border-radius: 20px 20px 0px 0px; background-color: #4e5cbd; background-image: url('../img/education/com14_i_1.png'); background-repeat: no-repeat;}
.ptwcc013_title_14{margin-top: 25px; font-size: 22px; line-height: 26px;font-weight: 600; color: #706f6f;}
@media screen and (max-width: 700px) { 
.com14_visual_figure img{ margin-bottom: 70px;  margin-bottom: 0; height: 300px;}
.com14_title_text p{font-size: 17px; line-height:22px; margin-bottom: 5.20833vw; color: #ffffff; margin-top: -70px;}
.com14_visual_2_text{display: flex;flex-wrap: wrap;  justify-content: center; align-items: center;}
.com14_visual_2_text li {margin-left: 0px;}
.com27_p {font-size: 15px;line-height: 1.5;}
.com14_title_text{position: absolute; top: 50%; transform: translateY(-50%);  padding: 10px;}
}
/*맞춤형교육문의*/
.pop_inquiry {display: flex;justify-content: space-between;
    align-items: center; position: fixed;left: 50%;bottom: 16px; z-index: 100;
    width: 935px;height: 76px;padding: 0 20px;border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.15), 0 4px 6px 0 rgba(0, 0, 0, 0.1);
    transform: translateX(-50%) translateY(150%); /* 초기에 화면 아래로 숨김 */
    opacity: 0;transition: opacity 0.5s, transform 0.5s;}
.tit_inquiry {font-size: 16px; line-height: 22px;flex: 3.6;letter-spacing: -0.6px;}
.next_inquiry { padding: 0 20px;height: 44px;border-radius: 8px;font-size: 16px;
    line-height: 44px;letter-spacing: -0.2px;color: #fff!important; font-weight: 700;
    background-color: #fa2e43;flex: 1;text-align: center;}
    
/*ESG*/
.PTWCT029_img_01{height: 200px; background: url(../img/PTWCT023img/main/ptwct029_img_01.png) 0 0 no-repeat; border-bottom: 1px solid #dedede;}
.PTWCT029_img_01_bg{color: #6e6d6d; line-height: 1.7; padding: 20px 0px; font-size: 17px;  word-break: keep-all;}
.PTWCT029_card_area{display: flex; align-items: center; border: 1px solid #dedede; padding: 30px;padding: 45px; margin-top: 20px;}
.PTWCT029_card_area_icon{}
.PTWCT029_card_area_text_box{ margin-left: 4.5%;}
.PTWCT029_card_area_title_1 p{font-size: 22px;margin-top: 40px; font-weight: 600}
.PTWCT029_card_area_title span{font-size: 20px; line-height: 36px; color:#323a35; font-weight: 700;}
.PTWCT029_card_area_con{line-height: 30px; color: #747474;font-weight: 500; }
.PTWCT029_card_area_con dl{ position: relative; font-size: 16px; padding-left: 13px;}
.PTWCT029_card_area_con dl::before {content: "";display: block;position: absolute;top: 13px;left: 0; width: 3px; height: 3px; background-color: #555;}
.PTWCT030_table{display: flex;align-items: flex-start;justify-content: space-between;gap: 10px;flex-wrap: wrap;margin-top: 50px;}
.PTWCT030_table_first_tit{margin-bottom: 20px;width: 100%;height: 54px;}
.PTWCT030_table_desc_1{border: 1px solid rgba(0, 0, 163, 0.30); background: rgba(0, 0, 163, 0.05); padding: 30px 18px;max-width: 504px;margin: 0 auto 20px; 
color: #767676;font-size: 18px;line-height: 25.2px; border-radius: 10px;text-align: center; height: 980px;}
.PTWCT030_table_desc_2{border: 1px solid rgba(0, 0, 163, 0.30);background: rgba(0, 0, 163, 0.05); padding: 30px 18px;max-width: 504px;margin: 0 auto 20px; 
color: #767676;font-size: 18px;line-height: 25.2px; border-radius: 10px;text-align: center; height: 130px;}


.PTWCT030_table_second{width: 200px;}
.PTWCT030_table_second_tit{margin-bottom: 20px;width: 100%;height: 54px;line-height: 54px;font-family: SUIT;font-size: 17px;font-weight: 700;text-align: center; 
border: 1px solid;border-radius: 2000px;   color: #19B3B1;}
.PTWCT030_table_second_desc{display: flex; border: 1px solid rgba(25, 179, 177, 0.30);background: rgba(25, 179, 177, 0.05);
padding: 30px; justify-content: center; margin-bottom: 20px;color: #767676; font-size: 16px;line-height: 25.2px; border-radius: 10px;text-align: center; 
height: 130px; align-items: center;
}
 
.PTWCT030_table_third{width: 600px;}
.PTWCT030_table_third_tit{margin-bottom: 20px;width: 100%;height: 54px;line-height: 54px;font-family: SUIT;font-size: 17px;font-weight: 700;text-align: center; 
border: 1px solid;border-radius: 2000px;   color: #E78F4A;}
.PTWCT030_table_third_desc{border: 1px solid rgba(231, 143, 74, 0.30);background: rgba(231, 143, 74, 0.05);padding: 30px 18px;
margin: 0 auto 20px;margin-bottom: 20px;color: #767676;font-size: 16px;line-height: 25.2px;border-radius: 10px;text-align: center; height: 130px;}    
.PTWCT030_table_third_desc p{ position: relative; font-size: 16px; text-align: left; padding-left: 13px; }
.PTWCT030_table_third_desc p::before {content: "";display: block;position: absolute;top: 13px;left: 0; width: 3px; height: 3px; background-color: #555;}

@media screen and (max-width: 1200px) { 

.PTWCT030_table{display: flex;align-items: flex-start;justify-content: space-between;gap: 10px;flex-wrap: wrap;margin-top: 50px; width: 800px;}
.PTWCT030_table_first_tit{margin-bottom: 20px;width: 100%;height: 54px;}
.PTWCT030_table_desc_1{border: 1px solid rgba(0, 0, 163, 0.30); background: rgba(0, 0, 163, 0.05); padding: 30px 18px;max-width: 504px;margin: 0 auto 20px; 
color: #767676;font-size: 15px;line-height: 25.2px; border-radius: 10px;text-align: center; height: 1130px;}
.PTWCT030_table_desc_2{border: 1px solid rgba(0, 0, 163, 0.30);background: rgba(0, 0, 163, 0.05); padding: 30px 18px;max-width: 504px;margin: 0 auto 20px; 
color: #767676;font-size: 15px;line-height: 25.2px; border-radius: 10px;text-align: center; height: 210px;}

.PTWCT030_table_second{width: 130px;}
.PTWCT030_table_second_tit{margin-bottom: 20px;width: 100%;height: 54px;line-height: 54px;font-family: SUIT;font-size: 17px;font-weight: 700;text-align: center; 
border: 1px solid;border-radius: 2000px;   color: #19B3B1;}
.PTWCT030_table_second_desc{display: flex; border: 1px solid rgba(25, 179, 177, 0.30);background: rgba(25, 179, 177, 0.05);
padding: 30px; justify-content: center; margin-bottom: 20px;color: #767676; font-size: 14px;line-height: 19px; border-radius: 10px;text-align: center; 
height: 210px; align-items: center;
}
 
.PTWCT030_table_third{width: 450px;}
.PTWCT030_table_third_tit{margin-bottom: 20px;width: 100%;height: 54px;line-height: 54px;font-family: SUIT;font-size: 17px;font-weight: 700;text-align: center; 
border: 1px solid;border-radius: 2000px;   color: #E78F4A;}
.PTWCT030_table_third_desc{border: 1px solid rgba(231, 143, 74, 0.30);background: rgba(231, 143, 74, 0.05);padding: 15px 18px;
margin: 0 auto 20px;margin-bottom: 20px;color: #767676;font-size: 14px;line-height: 20px;border-radius: 10px;text-align: center; height: 210px;}    
.PTWCT030_table_third_desc p{ position: relative; font-size: 14px; text-align: left; padding-left: 13px; }
.PTWCT030_table_third_desc p::before {content: "";display: block;position: absolute;top: 13px;left: 0; width: 3px; height: 3px; background-color: #555;}   
   
}   

@media screen and (max-width: 700px) { 
	
.PTWCT029_img_01{height: 200px; background: url(../img/PTWCT023img/main/ptwct029_img_01.png) 0 0 no-repeat; border-bottom: 1px solid #dedede;}
.PTWCT029_img_01_bg{color: #6e6d6d; line-height: 1.7; padding: 30px 0px; font-size: 14px; }
.PTWCT029_card_area{display: flex; align-items: center; border: 1px solid #dedede; padding: 30px;padding: 45px; margin-top: 20px; flex-direction: column;}
.PTWCT029_card_area_text_box{ margin-left: 4.5%;}
.PTWCT029_card_area_title_1 p{font-size: 22px;margin-top: 40px; font-weight: 600}
.PTWCT029_card_area_title span{font-size: 20px; line-height: 36px; color:#323a35; font-weight: 700;}
.PTWCT029_card_area_con{line-height: 30px; color: #747474;font-weight: 500; }
.PTWCT029_card_area_con dl{ position: relative; font-size: 16px; padding-left: 13px;}
.PTWCT029_card_area_con dl::before {content: "";display: block;position: absolute;top: 13px;left: 0; width: 3px; height: 3px; background-color: #555;}	
	
.PTWCT030_table{display: flex;align-items: flex-start;justify-content: space-between;gap: 0px;flex-wrap: wrap;margin-top: 50px; width: 370px;}
.PTWCT030_table_first_tit{margin-bottom: 20px;width: 100%;height: 54px;}
.PTWCT030_table_desc_1{border: 1px solid rgba(0, 0, 163, 0.30); background: rgba(0, 0, 163, 0.05); padding: 30px 18px;max-width: 504px;margin: 0 auto 20px; 
color: #767676;font-size: 18px;line-height: 25.2px; border-radius: 10px;text-align: center; height: 980px;}
.PTWCT030_table_desc_2{border: 1px solid rgba(0, 0, 163, 0.30);background: rgba(0, 0, 163, 0.05); padding: 30px 18px;max-width: 504px;margin: 0 auto 20px; 
color: #767676;font-size: 18px;line-height: 25.2px; border-radius: 10px;text-align: center; height: 130px;}


.PTWCT030_table_second{width: 85px;}
.PTWCT030_table_second_tit{margin-bottom: 20px;width: 100%;height: 54px;line-height: 54px;font-family: SUIT;font-size: 15px;font-weight: 700;text-align: center; 
border: 1px solid;border-radius: 2000px;   color: #19B3B1;}
.PTWCT030_table_second_desc{display: flex; border: 1px solid rgba(25, 179, 177, 0.30);background: rgba(25, 179, 177, 0.05);
padding: 5px; justify-content: center; margin-bottom: 20px;color: #767676; font-size: 14px;line-height: 19px; border-radius: 10px;text-align: center; 
height: 210px; align-items: center;
}
 
.PTWCT030_table_third{width: 280px;}
.PTWCT030_table_third_tit{margin-bottom: 20px;width: 100%;height: 54px;line-height: 54px;font-family: SUIT;font-size: 15px;font-weight: 700;text-align: center; 
border: 1px solid;border-radius: 2000px;   color: #E78F4A;}
.PTWCT030_table_third_desc{border: 1px solid rgba(231, 143, 74, 0.30);background: rgba(231, 143, 74, 0.05);padding: 10px 10px;
margin: 0 auto 20px;margin-bottom: 20px;color: #767676;font-size: 14px;line-height: 20px;border-radius: 10px;text-align: center; height: 210px;}    
.PTWCT030_table_third_desc p{ position: relative; font-size: 14px; text-align: left; padding-left: 7px; }
.PTWCT030_table_third_desc p::before {content: "";display: block;position: absolute;top: 13px;left: 0; width: 3px; height: 3px; background-color: #555;} 

.rac_wrap{height: 1100px;}  
.rac_img{flex-direction: column; color: #6a6867; background-color: #fef4f2; align-items: center; justify-content: center;}  
.rac_img_wrap{height: 352px;}   
.rac_img_bottom_text dd {font-size: 13px;}
.ptwcc013_com025_2_wrap{flex-direction: column; padding: 0px 0px;}
.ptwcc013_com025_2_con {margin-left: 0px;  margin-top: 30px;}
.ptwcc013_com025_2_wrap_1{flex-direction: column;  border-radius: 0px; padding: 0px; margin-top: 0px; line-height: 2;}
.hide-on-small-screens {display: none;}  }  

.PTWCT020-container {display: flex; margin-top: 30px; margin-bottom: 70px;}
.consulting-goals, .kpc-features {flex: 1;display: flex;flex-direction: column;
    padding: 20px;align-items: center;background-color: #fff;border: 1px solid #ccc;
    border-radius: 10px; overflow: hidden;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.PTWCT020-container img { width: 100%; height: auto;border-radius: 10px;}
.PTWCT020-text-content {text-align: center;}
.PTWCT020-container h2 {margin-top: 20px;font-size: 22px; padding: 10px;}
.PTWCT020-container p { margin: 5px 0;font-size: 16px;  line-height: 27px;}
.PTWCT020-arrow {display: flex;font-size: 48px;color: #ccc;align-items: center;justify-content: center; padding: 0 20px;}
.PTWCT020-container p::before   {content: "";display: block;position: absolute;top: 13px;left: 0;width: 3px;height: 3px;background-color: #555;}

@media screen and (max-width: 600px) { 
.PTWCT020-container {flex-direction: column; margin-top: 30px; margin-bottom: 70px;}
}


/*자연자본·생물다양성 컨설팅*/
.PTWCT029_feature_title{color: #222;font-size: 30px;font-weight: 600;line-height: 1;   text-align: center; margin-bottom: 30px;}
.PTWCT029_feature_area{position: relative;margin: 42px auto 0;width: 100%;max-width: 1002px; margin-bottom: 80px;}	
.PTWCT029_feature_wrap{flex-wrap: wrap;}	  
.PTWCT029_rowflex  {display: flex;position: relative;overflow: hidden; flex-wrap: wrap; }
.PTWCT029_rowflex > div{display: flex;position: relative;overflow: hidden;}
.PTWCT029_rowflex > div:nth-child(even) {justify-content: flex-end;}
.PTWCT029_rowflex > div:nth-child(1) { padding-top: 20px;padding-bottom: 30px;}
.PTWCT029_rowflex > div:nth-child(1)::after {content: "";position: absolute;z-index: 1;left: 0;bottom: 0px;width: 100%;height: 0px; }
.PTWCT029_rowflex > div:nth-child(2) {padding-top: 20px; padding-bottom: 30px;justify-content: flex-end;}
.PTWCT029_rowflex > div:nth-child(2)::after {content: "";position: absolute;z-index: 1;left: 0px;bottom: 0;width: 0px;height: 100%;}
.PTWCT029_rowflex > div:nth-child(3) {padding-top: 30px; padding-bottom: 40px;}
.PTWCT029_rowflex > div:nth-child(3)::after {content: "";position: absolute; z-index: 1;right: 0px;top: 0;width: 0px;height: 100%;}
.PTWCT029_rowflex > div:nth-child(4) {padding-top: 30px; padding-bottom: 40px;justify-content: flex-end;}
.PTWCT029_rowflex > div:nth-child(4)::after { content: "";position: absolute; z-index: 1;right: 0;top: 0px;width: 100%;height: 0px;}
.PTWCT029_feature_1{position: relative;z-index: 2; width: 268px; }
.col-ep2 { width: 50%;}
.PTWCT029_feature_textbox h2{font-size: 23px;line-height: 30px;font-weight: 600; margin-top: 15px;}
.PTWCT029_feature_textbox h3{font-size: 17px;line-height: 30px;font-weight: 600; margin-top: 7px;}
.PTWCT029_feature_textbox span{margin-right: 1px;}
.PTWCT029_feature_textbox .number{font-size: 11px; transform: translateY(-2px); height: 10px; position: absolute;}
.PTWCT029_feature_textbox .number_next{margin-left: 7px;}
.PTWCT029_feature_1 strong{width: 280px; background-color: #4d5cbc; padding: 25px; border-radius:50px; color: #ffffff;}
.PTWCT029_kpc_ci_area{position: absolute; left: 58%;top: 50%;transform: translate(-50%, -50%);max-width: 40%;width: 100%; z-index: 100;}
.PTWCT029_kpc_ci_circle{width: 190px;height: 190px;border: 15px solid #dfdfdf; background: #ffffff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.PTWCT029_feature_cont{position: relative;z-index: 2;border: 1px solid #dedede;border-radius: 20px;width: 350px;padding: 35px;}
.PTWCT029_feature_1  ul{ margin-top: 20px;}
.PTWCT029_feature_1 li{ position: relative; color: #555;font-size: 16px;line-height: 25px;white-space: normal;word-wrap: 
break-word;word-break: keep-all;  padding-left: 10px;}
.PTWCT029_feature_1 li::before{content: "";display: block;position: absolute;top: 11px;left: 0;width: 3px;
height: 3px;background-color: #555;}
.PTWCT029_feature_1 p{color: #bdbaba; font-size: 15px;}
.PTWCT030_text_box h5{color: #fff; font-size: 18px; padding: 20px 0 10px;}
.PTWCT029_text_box p{color: #fff; font-size: 15px;line-height: 21px;}
.PTWCT029_feature{display: flex; flex-wrap: wrap;  justify-content: center; }
.PTWCT029_area_wrap{display: flex; flex-wrap: wrap;  justify-content: center; margin-top: 20px; margin-left: 10px; }
.PTWCT029_img_02 h2{font-size: 25px;font-weight: 600; }
.PTWCT031_img li{text-align: center;}
.PTWCT030_text_box p{position: relative;white-space: normal; word-wrap: break-word;word-break: keep-all; padding-left: 10px;}
.PTWCT030_text_box p:nth-of-type(2) {margin-top: 7px;}
.PTWCT030_text_box p:nth-of-type(4) {margin-top: 7px;}
.PTWCT030_text_box p::before{content: ""; display: block; position: absolute; top: 8px;left: 0;width: 3px;height: 3px;background-color: #fff;}



/*기후변화 컨설팅*/
.PTWCT029_feature_title{color: #222;font-size: 30px;font-weight: 600;line-height: 1;   text-align: center; margin-bottom: 30px;}
.PTWCT029_feature_area{position: relative;margin: 42px auto 0;width: 100%;max-width: 1002px; margin-bottom: 80px;}	
.PTWCT029_feature_wrap{flex-wrap: wrap;}	  
.PTWCT030_rowflex  {display: flex;position: relative;overflow: hidden; flex-wrap: wrap; }
.PTWCT030_rowflex > div{display: flex;position: relative;overflow: hidden;}
.PTWCT030_rowflex > div:nth-child(even) {justify-content: flex-end;}
.PTWCT030_rowflex > div:nth-child(1) { padding-top: 20px;padding-bottom: 30px;}
.PTWCT030_rowflex > div:nth-child(1)::after {content: "";position: absolute;z-index: 1;left: 0;bottom: 0px;width: 100%;height: 0px; }
.PTWCT030_rowflex > div:nth-child(2) {padding-top: 20px; padding-bottom: 30px;justify-content: flex-end;}
.PTWCT030_rowflex > div:nth-child(2)::after {content: "";position: absolute;z-index: 1;left: 0px;bottom: 0;width: 0px;height: 100%;}
.PTWCT030_rowflex > div:nth-child(3) {padding-top: 30px; padding-bottom: 40px;}
.PTWCT030_rowflex > div:nth-child(3)::after {content: "";position: absolute; z-index: 1;right: 0px;top: 0;width: 0px;height: 100%;}
.PTWCT030_rowflex > div:nth-child(4) {padding-top: 30px; padding-bottom: 40px;justify-content: flex-end;}
.PTWCT030_rowflex > div:nth-child(4)::after { content: "";position: absolute; z-index: 1;right: 0;top: 0px;width: 100%;height: 0px;}
.PTWCT029_feature_1{position: relative;z-index: 2; width: 268px; }
.col-ep2 { width: 50%;}
.PTWCT029_feature_textbox h2{font-size: 23px;line-height: 30px;font-weight: 600; margin-top: 15px;}
.PTWCT029_feature_1 strong{width: 280px; background-color: #4d5cbc; padding: 25px; border-radius:50px; color: #ffffff;}
.PTWCT030_kpc_ci_area{position: absolute; left: 58%;top: 50%;transform: translate(-50%, -50%);max-width: 40%;width: 100%; z-index: 100;}
.PTWCT030_kpc_ci_circle{width: 190px;height: 190px;border: 15px solid #dfdfdf; background: #ffffff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.PTWCT030_feature_cont{position: relative;z-index: 2;padding: 10px;}
.PTWCT029_feature_1  ul{ margin-top: 20px;}
.PTWCT029_feature_1 li{ position: relative; color: #555;font-size: 16px;line-height: 25px;white-space: normal;word-wrap: 
break-word;word-break: keep-all;  padding-left: 10px;}
.PTWCT029_feature_1 li::before{content: "";display: block;position: absolute;top: 11px;left: 0;width: 3px;
height: 3px;background-color: #555;}
.PTWCT029_feature_1 p{color: #bdbaba; font-size: 15px;}
.PTWCT030_text_box h5{color: #fff; font-size: 18px; padding: 20px 0 10px;}
.PTWCT030_text_box p{color: #fff; font-size: 15px;line-height: 21px;}
.PTWCT030_text_box.second p{ line-height: 19px;}
.PTWCT029_feature{display: flex; flex-wrap: wrap;  justify-content: center; }
.PTWCT029_area_wrap{display: flex; flex-wrap: wrap;  justify-content: center; margin-top: 20px; margin-left: 10px; }
.PTWCT029_img_02 h2{font-size: 25px;font-weight: 600; }
.PTWCT030_feature_cont:hover .PTWCT030_text_box{visibility:visible; opacity:1; z-index:1;}	
.PTWCT030_text_box{
visibility: hidden;
display: table;
opacity: 0;
border-radius: 20px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 25px;
box-sizing: border-box;
background: #ee2c49;
word-break: keep-all;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0s ease-in-out;}

.PTWCT030_blue{background: #575eb6;}
.PTWCT030_green{background: #789300;}
.PTWCT030_orange{background: #f85b29;}
.PTWCT030_card-container {
  perspective: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 카드 */
.PTWCT030_card {
  width: 405px; 
  height: 460px; 
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}

/* 카드 뒤집기 효과 */
.PTWCT030_card-container:hover .PTWCT030_card { transform: rotateY(180deg);}

/* 카드의 면 */
.PTWCT030_side {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
 box-sizing: border-box;
 background-color: #f9f9fb;
}

.PTWCT029{background-color: #fff;}

/* 뒷면 스타일 */
.PTWCT030_back {transform: rotateY(180deg);}
.PTWCT030_card_arrow span{color: #a5a2a2; font-size: 23px; border: 1px solid #e5e5e5; position: absolute;right: 9%;top: 10%;
    transform: translateY(-50%);padding: 5px 5px 1px 5px; border-radius: 50px;}    
 @media screen and (max-width: 1200px) { .PTWCT030_card {width: 350px;  height: 510px;}}
    
 @media screen and (max-width: 800px) {
 .PTWCT030_kpc_ci_area{ display: none;}
 .PTWCT029_kpc_ci_area{ display: none;}
 .PTWCT030_rowflex  {display: flex;position: relative;overflow: hidden; flex-wrap: wrap; align-items: center;  justify-content: center;}
 .PTWCT030_card {
  width: 350px; 
  height: 620px; 
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}
 .PTWCT030_side {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
 box-sizing: border-box;
 background-color: #f9f9fb;
}
.PTWCT030_rowflex > div{display: flex;position: relative;overflow: hidden; flex-direction: column;}
.PTWCT030_rowflex > div:nth-child(even) {justify-content: flex-end;}
.PTWCT030_rowflex > div:nth-child(1) { padding-top: 0px;padding-bottom: 10px;}
.PTWCT030_rowflex > div:nth-child(1)::after {content: "";position: absolute;z-index: 1;left: 0;bottom: 0px;width: 100%;height: 0px; }
.PTWCT030_rowflex > div:nth-child(2) {padding-top: 0px; padding-bottom: 10px;justify-content: flex-end;}
.PTWCT030_rowflex > div:nth-child(2)::after {content: "";position: absolute;z-index: 1;left: 0px;bottom: 0;width: 0px;height: 100%;}
.PTWCT030_rowflex > div:nth-child(3) {padding-top: 0px; padding-bottom: 10px;}
.PTWCT030_rowflex > div:nth-child(3)::after {content: "";position: absolute; z-index: 1;right: 0px;top: 0;width: 0px;height: 100%;}
.PTWCT030_rowflex > div:nth-child(4) {padding-top: 0px; padding-bottom: 10px;justify-content: flex-end;}
.PTWCT030_rowflex > div:nth-child(4)::after { content: "";position: absolute; z-index: 1;right: 0;top: 0px;width: 100%;height: 0px;}
  }

/*KPC ESG 경영*/
.kpcesg_con1{margin-bottom: 30px;}
.kpcesg_con h4{font-size: 19px;  padding: 25px 0 0;}
.esg_pt_btn {  display: flex; justify-content: center;}
.esg_pt_btn a{border: 1px solid #d8d8d8;border-radius: 3px;background-color: #fff;
box-sizing: content-box;  padding: 20px 50px; border-radius: 48px;display: flex;justify-content: center;width: 210px;align-items: center;font-size: 20px; margin: 10px;}
.esg_pt_btn img{margin-right: 7px;}
.kpcesg-container3 { display: flex;align-items: center;border-radius: 20px;  margin-bottom: 30px;}
.kpcesg-text-section { margin-top: 10px; }
.kpcesg-text-section p {font-size: 16px; line-height: 1.7;}
.kpcesg-image-section { width: 50%; background-size: cover;background-position: center;position: relative;}
.kpcesg-image-section img { width: 70%;object-fit: cover; display: block;border-radius: 20px; float: right;}
.kpcesg_con2{display: flex;}
.kpcesg_con2_container {display: flex;justify-content: space-between;}
.kpcesg_con2_card { border-radius: 15px;border: 1px solid #e5e5e5;width: 49%;padding: 20px;box-sizing: border-box;}
.kpcesg_con2_header {color: #cccccc;font-size: 16px;font-weight: bold; margin-bottom: 10px;}
.kpcesg_con2_title {font-size: 16px;font-weight: 500;margin-bottom: 20px;}
.kpcesg_con2_img {width: 100%;height: auto;border-radius: 10px;}
.kpcesg_con3_card { border-radius: 15px;border: 1px solid #e5e5e5; width: 100%;padding: 20px;box-sizing: border-box; margin-top: 50px; margin-bottom: 20px;}
.kpcesg_con4_card {border-radius: 15px;border: 1px solid #e5e5e5; width: 100%; padding: 20px;box-sizing: border-box; margin-bottom: 20px;}

@media screen and (max-width: 700px) { 
.esg_pt_btn {flex-direction: column; align-items: center;}
.esg_pt_btn a{width: 180px; font-size: 15px; margin: 5px; font-size: 16px;  padding: 15px 20px;}
}

/*공개교육안내*/
.edu_feature_title{color: #222;font-size: 30px;font-weight: 600;line-height: 1;   text-align: center; margin-bottom: 30px;}
.edu_feature_area{position: relative;margin: 42px auto 0;width: 100%;max-width: 1002px; margin-bottom: 80px;}	
.edu_feature_wrap{flex-wrap: wrap;}	  
.rowflex  {display: flex;position: relative;overflow: hidden; flex-wrap: wrap; }
.rowflex > div{display: flex;position: relative;overflow: hidden;}
.rowflex > div:nth-child(even) {justify-content: flex-end;}
.rowflex > div:nth-child(1) { padding-top: 20px;padding-bottom: 20px;}
.rowflex > div:nth-child(1)::after {content: "";position: absolute;z-index: 1;left: 0;bottom: 0px;width: 100%;height: 0px; border-top: 1px solid #e0e1dd;}
.rowflex > div:nth-child(2) {padding-top: 20px; padding-bottom: 20px;justify-content: flex-end;}
.rowflex > div:nth-child(2)::after {content: "";position: absolute;z-index: 1;left: 0px;bottom: 0;width: 0px;height: 100%;
  border-left: 1px solid #e0e1dd;}
.rowflex > div:nth-child(3) {padding-top: 50px; padding-bottom: 40px;}
.rowflex > div:nth-child(3)::after {content: "";position: absolute; z-index: 1;right: 0px;top: 0;width: 0px;height: 100%;
  border-left: 1px solid #e0e1dd;}
.rowflex > div:nth-child(4) {padding-top: 50px; padding-bottom: 40px;justify-content: flex-end;}
.rowflex > div:nth-child(4)::after { content: "";position: absolute; z-index: 1;right: 0;top: 0px;width: 100%;height: 0px;background-color: #fff;
  border-top: 1px solid #e0e1dd;}
.edu_feature_1{position: relative;z-index: 2; width: 268px; }
.col-ep2 { width: 50%;}
.edu_feature_textbox{width: 350px;}
.edu_feature_1 strong{width: 280px; background-color: #4d5cbc; padding: 25px; border-radius:50px; color: #ffffff;}
.kpc_ci_area{position: absolute; left: 54%;top: 50%;transform: translate(-50%, -50%);max-width: 40%;width: 100%; z-index: 100;}
.kpc_ci_circle{width: 250px;height: 250px;border: 20px solid #ee2c49; background: #ffffff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.edu_feature_cont{position: relative;z-index: 2;width: 268px;}
.edu_feature_1 dt {color: #222;font-size: 23px;line-height: 30px;font-weight: 600;}
.edu_feature_1 dd { position: relative; margin-top: 15px; color: #555;font-size: 16px;line-height: 30px;white-space: normal;word-wrap: break-word;word-break: keep-all;}
.edu_feature{display: flex; flex-wrap: wrap;  justify-content: center; }
.edu_area_wrap{display: flex; flex-wrap: wrap;  justify-content: center; margin-top: 20px; margin-left: 10px; }

.edu_area_cont{width: 250px;  border-radius: 20px; padding: 15px; margin-right: 25px;
 margin-bottom: 20px; text-align: center; border: 1px solid #e5e5e5; background-color: #FFF; box-shadow: 1px 1px 13px #e5e5e5;
 opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease, transform 0.5s ease;}
    .edu_area_cont.visible {
    opacity: 1;
    transform: translateY(0);
}
.edu_area_cont ul {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}


.edu_onoff_con{ padding:20px;}
.edu_onoff_con_1 {justify-content: center;align-items: center;display: flex; flex-direction: column;}
.edu_area_cont li {list-style-type: none; font-size: 17px; line-height: 28px; font-weight: 500;}
.edu_onoff_text_tit {width: 400px; border-radius: 30px; background-color: #4d5cbc; padding: 15px; margin: 0 auto; text-align: center; 
font-size: 16px; font-weight: 500;  position: relative;  transform: translate(-0%, 50%); color: #ffffff; z-index: 1; }
.edu_onoff_text_con {width: 100%; border-radius: 30px; border: 1px solid #e7e7e7; background-color: #ffffff; z-index: 0; margin-bottom: 70px;}
.edu_onoff_text_con dd {font-size: 16px; line-height: 25px; padding: 45px 35px;}
.com19-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;padding: 90px;background-image: url('../img/education/PTWCC013_com19_main_2.png'); 
background-size: cover; background-position: center; margin-bottom: 150px; }
.com19-box { padding: 20px;background: rgba(0, 0, 0, 0.5); color: #fff;}
.com19-box h2 { margin: 0; font-size: 19px;font-weight: bold;}
.com19-box h2 span{margin: 0;font-size:  40px;font-weight: bold; }
.com19-box p { margin: 25px 0;line-height: 1.5;}
.com19_visual{position: relative;display: flex; padding-left: 0; margin-bottom: 80px; }
.com19_visual img{border-radius: 15px;}
.com19_title_text{position: absolute; top: 25%; transform: translateY(-50%);  padding: 70px; color: #000; text-align: center;}
.com19_title_text span{font-size: 50px; font-weight: 600;}
.com19_title_text p{width: 500px; font-size: 18px; line-height: 33px; color: #fff;text-align: left;}

/* 애니메이션 */
.esection { transition: transform 1s, opacity 1s;}
.animate { opacity: 0;transform: translateY(50px);}
.animate.show {opacity: 1;transform: translateY(0);}

@media screen and (max-width: 800px) { 
.kpc_ci_area{display: none;}
}

@media screen and (max-width: 600px) { 
.rowflex  {flex-direction: column; position: relative;overflow: hidden; flex-wrap: wrap;  align-items: center; }
.rowflex > div{display: flex;position: relative;overflow: hidden;}
.rowflex > div:nth-child(1) { padding-top: 20px;padding-bottom: 20px;}
.rowflex > div:nth-child(1)::after {display: none;}
.rowflex > div:nth-child(2) {padding-top: 20px; padding-bottom: 20px; justify-content: flex-start;}
.rowflex > div:nth-child(2)::after {display: none;}
.rowflex > div:nth-child(3) {padding-top: 50px; padding-bottom: 40px;}
.rowflex > div:nth-child(3)::after {display: none;}
.rowflex > div:nth-child(4) {padding-top: 50px; padding-bottom: 40px; justify-content: flex-start;}
.rowflex > div:nth-child(4)::after {display: none;}
.col-ep2 { width: 100%;}
.edu_onoff_text_tit { width: 270px; border-radius: 30px; background-color: #4e5cbd; padding: 15px;; padding: 15px; margin: 0 auto; text-align: center; 
font-size: 16px; font-weight: 500;  position: relative;  transform: translate(-0%, 50%); color: #ffffff; z-index: 1; }
.com19-container { flex-direction: column; display: flex; padding: 20px;background-image: url('../img/education/PTWCC013_com19_main_2.png'); 
background-size: cover; background-position: center; }
.com19_visual{position: relative;display: flex; padding: 80px 0px;  }
.com19_visual img{display:none;}
.com19_title_text p{font-size: 16px; line-height: 27px; margin-bottom: 5.20833vw;  margin-top: 70px;}
.edu_area_cont{width: 100%;  border-radius: 20px; padding: 15px; margin-right: 0px;
margin-bottom: 20px; text-align: center; border: 1px solid #e5e5e5; background-color: #FFF; box-shadow: 1px 1px 13px #e5e5e5;}
.edu_area_wrap{margin-left: 0px; }
.edu_onoff_con{ padding:0px;} 
.com19_title_text{color: #222; padding: 10px; top: -30%;}
.com19_title_text p{font-size: 17px; line-height: 27px;}
}

/*교육신청안내*/
.edu-method-head {font-size: 17px;line-height: 22px;}
.edu-method-wrap {display: flex; align-items: center; flex-wrap: wrap; margin-top: 20px;}
.edu-method-con {position: relative;}
.edu-method-nunber P {position: absolute; font-size: 38px; margin-bottom: -50px; margin-left: 35px; font-family: suit;  color: #ddd;  font-style: italic;font-weight: 800;}
.edu-method-in {width: 90px;height: 90px;border: 5px solid #ee2c49; background: #ffffff;border-radius: 50%;  display: flex;
 align-items: center; justify-content: center;  padding: 15px; margin-right: 10px; margin-left: 10px; margin-top: 10px;}
.edu-method-in P {line-height: 1.5;font-size: 15px; text-align: center;}
.edu-method-gary {border: 5px solid #c6c6c6;}
.circle-container {position: relative; width: 90px;height: 90px;border: 6px solid #e5e5e5; border-radius: 50%;display: flex;align-items: center;justify-content: center;
            text-align: center; padding: 10px;margin-left: 10px; margin-right: 10px;margin-top: 10px;}
.circle-container .number {position: absolute;top: -10px;left: -10px; width: 35px;height: 35px;background-color: white; border-radius: 50%;display: flex;
align-items: center;justify-content: center;font-size: 30px;font-weight: bold;color: #ddd;font-family: suit, sans-serif;font-style: italic;line-height: 17px;}
.circle-container .text {font-size: 15px;color: #555;  line-height: 20px;}
.circle-container-red {border: 6px solid #ee2c49;}     
.circle-container-number-red {color: #ee2c49!important;}       
.process-container {margin-top: 20px;}
.process-container .head{font-size: 19px;line-height: 17px;font-weight: 500;padding: 20px 0px 20px;}
.process-container li{font-size: 16px;line-height: 30px;}

/*컨설팅 보수체계 개선 컨설팅 프로세스*/
.PTWCT012-container { display: flex;justify-content: center;align-items: flex-start; margin-top: 50px;flex-direction: column;border: 1px solid #ddd;}
.step-h{width: 50px;align-items: center; justify-content: center; display: flex;  line-height: 18px; font-size: 18px;}
.steps {display: flex;padding: 10px; flex-wrap: wrap; margin-top: 20px;}
.ff636c {background-color: #ddd1bf;}
.ec2d47 {background-color:#c6b5a1;}
.ed2e48 {background-color: #4c4c4c;}
.df1a37 {background-color: #e5264a;}
.step { color: white; padding: 10px;margin: 0 2px; font-size: 16px; font-weight: 600;
text-align: center; flex: 1;width: 190px; height: 40px;
clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);align-items: center;
justify-content: center; display: flex; border-radius: 5px; }
.step-content {color: black; background-color: white;padding: 10px;}
.sub-activities {display: flex;justify-content: space-between;padding: 20px;  flex-wrap: wrap;}
.activities, .outputs { display: flex;justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.outputs li{ width: 210px; font-size:16px; font-weight: 500;   list-style-type: none;}
.PTWCT012-dashed{width: 95%;height: 3px;background-image: linear-gradient(to right, #c1bebe 50%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;background-size: 8px 1px;background-repeat: repeat-x; margin: 10px 20px;}

@media screen and (max-width: 600px) { 
.PTWCT012-container { display: flex;justify-content: center;align-items: flex-start; margin-top: 0px;flex-direction: column;border: 1px solid #ddd;}
.step-h{width: 50px;align-items: center; justify-content: center; display: flex;  line-height: 18px; font-size: 17px; margin-bottom: 10px;}
.steps {display: flex;padding: 20px; flex-direction: column;}
.ff636c {background-color: #ddd1bf;}
.ec2d47 {background-color:#c6b5a1;}
.ed2e48 {background-color: #4c4c4c;}
.df1a37 {background-color: #e5264a;}
.step { background-color: #003366; color: white; padding: 10px;margin: 0 2px;
text-align: center; flex: 1;width: 190px;height: 40px;background-color: #ee2c49;
clip-path: polygon(0 0, 90% 0, 100% 48%, 90% 100%, 0 100%);align-items: center;
justify-content: center; display: flex; border-radius: 5px;}
.step-content {color: black; background-color: white;padding: 10px;}
.sub-activities {display: flex;justify-content: space-between;padding: 20px; flex-direction: column;}
.outputs { width: 100%; justify-content: center; align-items: flex-start; flex-direction: column;}
.outputs li{ width: 215px; font-size:16px; font-weight: 500;   list-style-type: none;}
.PTWCT012-dashed{width: 87%;height: 3px;background-image: linear-gradient(to right, #c1bebe 50%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;background-size: 8px 1px;background-repeat: repeat-x; margin: 10px 20px;}
}

@media screen and (max-width: 1100px) { 
.PTWCT012-container { display: flex;justify-content: center;align-items: flex-start; margin-top: 0px;flex-direction: column;border: 1px solid #ddd;}
.step-h{width: 50px;align-items: center; justify-content: center; display: flex;  line-height: 18px; font-size: 17px; margin-bottom: 10px;}
.steps {display: flex;padding: 20px; flex-direction: column;}
.ff636c {background-color: #ddd1bf;}
.ec2d47 {background-color:#c6b5a1;}
.ed2e48 {background-color: #4c4c4c;}
.df1a37 {background-color: #e5264a;}
.step { color: white; padding: 10px;margin: 0 2px;
text-align: center; flex: 1;width: 220px;height: 40px;
clip-path: polygon(0 0, 90% 0, 100% 48%, 90% 100%, 0 100%);align-items: center;
justify-content: center; display: flex; border-radius: 5px;}
.step-content {color: black; background-color: white;padding: 10px;}
.sub-activities {display: flex;justify-content: space-between;padding: 20px; flex-direction: column;}
.outputs { width: 100%; justify-content: center; align-items: flex-start; flex-direction: column;}
.outputs li{ width: 215px; font-size:16px; font-weight: 500;   list-style-type: none;}
.PTWCT012-dashed{width: 87%;height: 3px;background-image: linear-gradient(to right, #c1bebe 50%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;background-size: 8px 1px;background-repeat: repeat-x; margin: 10px 20px;}
}

/*담당자연락처*/
.solid-button{ border-radius: 20px; border: 1px solid #ccc; padding: 5px; font-size: 15px; width: 115px; margin: 0 auto;}
.tel-container { text-align: center; margin-bottom: 50px;}
.help-icon {width: 150px;height: auto;}
.tel-container h1 { font-size: 2em;margin: 20px 0 10px;color: #333;}
.tel-container p {font-size: 1.2em;color: #666;}
.tel-container-p  { margin:20px 0;}
.tel-container-p p {font-size: 1.2em;}
/*두산 대중소상생 아카데미*/
.edudoosan_headtext{ position: relative; z-index: 1;}
.edudoosan_headtext::before {content: "";position: absolute;
 top: 0;left: 0; width: 90%; height: 120%; background: url(../img/doosan_img01.png);
background-repeat: no-repeat;background-position: bottom right;z-index: 3;}

.edudoosan_headtext_b{font-size: 17px; font-weight: 600;}

.edudoosan_headtext p{color: #6e6d6d; line-height: 1.7;padding: 30px;font-size: 17px;  border-radius: 10px; background-color: #fafafa;
word-break: keep-all;border: 1px solid #ddd;}
/*지원사업이벤트*/
.sp_contents_body_w100{float: right;width: 100%; margin-bottom: 100px;min-height: 406px;}
@media screen and (max-width: 500px) {
.sp_contents_body_w100{ float: none;padding: 0 1.071rem; width: 100%;}
.PTWCC002_sp_main_title{padding: 20px; padding-top: 3.429rem;}
.PTWCC002_sp_main_title strong:after {content: '';display: inline-block; width: 10px;height: 10px;border-radius: 15px;
background-color: #ee2c49; margin: 0 0 25px 5px;}
.PTWCC002_sp_main_title strong {font-size: 33px; font-weight: 600;color: #000;letter-spacing: -0.5px;}
}
.att_area {width: 19px;height: 19px;background: url("../img/com/icon_attached_file.png") no-repeat center;}
.att_no {font-weight: bold;color: #fff;margin-left: 6px;}
.att_no {font-size:inherit;}
/* 상단 카드 */
.PTWCC002_card_container {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px; padding:20px 0 17px 0;}
.PTWCC002_card_area {border: 1px solid #e6e6e6;border-radius: 8px;padding: 15px;background-color: #fff; cursor: pointer; position: relative;width: 100%; }
.PTWCC002_card_area:hover{border: 1px solid #333;}
.PTWCC002_card_tag {top: 15px;background-color: #ff5e5e;color: #fff;padding: 5px 10px;
border-radius: 15px;font-size: 15px;   margin-right: 5px;}
.PTWCC002_card_tag.blue {background-color: #5e82ff;}
.PTWCC002_card_tag.orange {background-color: #ff5e5e;}
.PTWCC002_card_tag.green {background-color: #37a2b5;}
.PTWCC002_card_tag.purple {background-color: #4d5cbc;}
.PTWCC002_card_tag.brown {background-color: #d97c46;}
.PTWCC002_card_tag.red {background-color: #ee2c49;}
.PTWCC002_card_d-day {top: 15px; font-size: 15px;color: #333;border: 1px solid #e6e6e6;
 border-radius: 20px; padding: 3px 10px; font-weight: 500; align-items: center;display: flex;}
.PTWCC002_card_container h3 {font-size: 20px;margin: 30px 0 10px;color: #333; line-height: 1.4;  height: 77px; font-weight: 600;}
.PTWCC002_card_bottom {font-size: 15px;color: #777;line-height: 1.4;}
.PTWCC002_card_bottom li{ display: inline;vertical-align: middle;font-size: 15px; letter-spacing: -0.04em;color: #606060;}
.PTWCC002_card_bottom li:not(:last-child)::after{display: inline-block;content: ""; vertical-align: middle;
 width: 1px;height: 16px;background: #9f9f9f; margin: 0 7px 2px;}  
/* 서치영역 */
.PTWCC002_search-container {display: flex; align-items: center;justify-content: center; margin-bottom: 20px;  margin-top: 30px;}
.PTWCC002_dropdown { padding: 10px; border-radius: 40px;margin-right: 10px;font-size: 16px; border: 3px solid #4d5cbc !important; height: 50px; }
.PTWCC002_search-input {ppadding: 10px!important;
    border: 3px solid #4d5cbc!important; border-radius: 40px!important; width: 400px!important;
    font-size: 16px!important;  margin-right: 10px!important; height: 50px!important;}
.PTWCC002_search-button {padding: 10px 20px;background-color: #4d5cbc;border: none;border-radius: 25px;color: white;font-size: 20px;cursor: pointer;   fill: white;}
.PTWCC002_icons-container { display: flex; justify-content: center;gap: 20px;flex-wrap: wrap; padding: 3px 0 35px;}
.PTWCC002_icon-item { text-align: center;padding: 10px;border: 2px solid transparent;border-radius: 50%; display: flex;flex-direction: column;
    align-items: center;justify-content: center; font-size: 14px;}
.PTWCC002_icon-item .PTWCC002_icon {  background-color: #f0f2fd;  border-radius: 50%;width: 70px; 
    height: 70px;margin-bottom: 15px; display: flex;justify-content: center;align-items: center; cursor: pointer;}   
/* 마우스 오버 및 클릭 시 스타일 */
.PTWCC002_icon-item:hover .PTWCC002_icon {background-color: #4d5cbc;}
.PTWCC002_icon-item:hover img {filter: brightness(0) invert(1);}
.PTWCC002_icon-item span { color: #333; border: 1px solid #e6e6e6;padding: 9px 15px;border-radius: 20px; font-weight: 500;}
.PTWCC002_icon-item:hover span { color: #4d5cbc; border: 2px solid #4d5cbc; font-weight: 600;}
.PTWCC002_notification-list { margin: 10px 0 35px; border-bottom: 1px solid #ddd;}
.PTWCC002_notification-item { border-top: 1px solid #ddd; padding: 30px 0 30px;}
.PTWCC002_notification-header {display: flex;align-items: center;margin-bottom: 15px;}
.PTWCC002_label { font-size: 13px; padding: 5px 10px; margin-right: 10px; font-weight: 500;}
.PTWCC002_label.purple {border: 1px solid #4d5cbc; color: #4d5cbc;}
.PTWCC002_label.orange {border: 1px solid #ff5e5e; color: #ff5e5e;}
.PTWCC002_label.blue {border: 1px solid #5e82ff; color: #5e82ff;}
.PTWCC002_label.green {border: 1px solid #37a2b5; color: #37a2b5;}
.PTWCC002_label.brown {border: 1px solid #d97c46; color: #d97c46;}
.PTWCC002_label.red {border: 1px solid #ee2c49; color: #ee2c49;}
.PTWCC002_date-badge {font-size: 14px;color: #333;border: 1px solid #e6e6e6;padding: 5px 10px;}
.PTWCC002_notification-title {font-size: 20px;color: #333;margin-bottom: 10px;font-weight: 500; line-height: 29px;}
.PTWCC002_new-badge { background-color: #eb665d;color: white;font-size: 12px;padding: 3px 7px; border-radius: 4px;margin-left: 10px;}
.PTWCC002_notification-details  {margin-top: 12px;}
.PTWCC002_notification-details  li{ display: inline;vertical-align: middle; font-size: 15px; letter-spacing: -0.04em;}
.PTWCC002_notification-details  li:not(:last-child)::after{display: inline-block;content: ""; vertical-align: middle;
    width: 1px;height: 16px;background: #9f9f9f; margin: 0 7px 2px;}  
.PTWCC002_card_label {display: flex;}
.dropdown {position: relative;display: inline-block;}
.dropdown-btn {padding: 10px 16px;font-size: 15px;cursor: pointer; padding-left: 20px;width: 100%; height: 50px;
    border: 3px solid #4d5cbc; border-radius: 50px;box-sizing: border-box; text-align: left;
    width: 150px;margin-right: 5px;display: flex;align-items: center;}
.dropdown-content {display: none; position: absolute;background-color: white;min-width: 150px; border: 3px solid #4d5cbc;border-radius: 5px;z-index: 1;}
.dropdown-content a {color: black; padding: 7px 16px; text-decoration: none;display: block;}
.dropdown-content a:hover {color: #4d5cbc;}
.dropdown:hover .dropdown-content {display: block;}
.PTWCC002_svg {margin-left:50px;}
@media screen and (max-width: 500px) {
.PTWCC002_card_container {display:flex; flex-direction: column;}
.PTWCC002_search-container {display: flex;flex-direction: column; align-items: flex-start;margin-bottom: 0px;}
.PTWCC002_notification-list {margin: 10px 0 35px;border-bottom: 1px solid #ddd;}   
.PTWCC002_notification-title {font-size: 17px;}
.PTWCC002_search-button {margin-top: 5px;}
.PTWCC002_dropdown { margin-bottom: 5px;}   
.PTWCC002_icons-container {display:none}
.btn_prev_area a, .btn_next_area a{width: 24px;}
.page_arae .paging div {display: inline-block;vertical-align: top;margin: 15px 2px 0;}
.item {margin-bottom: 15px; flex-direction: column;}
.dropdown-btn {margin-bottom: 5px; }
.PTWCC002_card_area {width: 310px; }
.PTWCC002_search-container { margin-bottom: 25px;  margin-top: 0}
}

.ptwcc002_view_notice_container { max-width: 100%; margin: 50px auto; padding: 20px; border: 1px solid #ddd; }
.ptwcc002_view_notice_title { font-weight: 600;font-size: 23px; margin: 20px 0 20px;color:#4d5cbc; line-height: 28px;}
.ptwcc002_view_notice_content { line-height: 1.6;margin-bottom: 30px; }
.ptwcc002_view_notice_footer p {display: flex;justify-content: flex-end; color: #333;font-weight: 600; padding: 5px;}          
 /* 콘텐츠1 */
.ptwcc002_view_con1_container {max-width: 100%; margin: 50px auto; }
.section-title {font-weight: 600; font-size: 23px; margin-bottom: 20px;padding: 30px 0 20px;border-bottom: 2px solid #000; }
.item {margin-bottom: 15px; display: flex;}
.item-title {padding-left: 16px;font-weight: 600;margin-bottom: 5px;width: 110px;font-size: 18px; }
.item-title::before{display: inline-block;content: ""; width: 5px; height: 5px;
    border-radius: 100%; background: #000;vertical-align: top;margin: 10px 10px 0 -15px;}
.item-content {display: flex; align-items: center; font-size: 17px; line-height: 25px;}
.item-content2 {padding-left: 16px; font-size: 17px; line-height: 25px;}
.item-content2::before{display: inline-block;content: ""; width: 5px; height: 5px;
    border-radius: 100%; background: #000;vertical-align: top;margin: 10px 10px 0 -15px;}
.item-content2-list{padding: 20px; font-size: 17px;}
.link-button {display: inline-block; background-color: #4d5cbc;color: #fff!important; padding: 5px 10px;text-decoration: none;border-radius: 3px; margin-left: 10px; }
.note {margin-top: 20px;color: #333;}
.note ul {list-style-type: disc;padding-left: 20px; }
.board_filedown {border-top: 1px solid #d5d5d5; margin-top: 90px;     padding: 25px 0 25px 10px;border-bottom: 1px solid #d5d5d5;}
.file_icon{position: relative; padding-left: 34px;padding-right: 10px;font-weight: 400; line-height: 26px;color: #606060;width: 100%;font-size: 17px;}
.file_icon::before{content: ''; position: absolute;  left: 0; width: 23px; height: 23px; background: url(../img/file_icon.png) no-repeat top 0 center;}
.notification_header { border-top: 1px solid #d7d7d7;border-bottom: 1px solid #efefef;padding: 5px 40px;display: flex;justify-content: space-between;align-items: center;}
.notification_title {font-weight: 600;font-size: 22px;line-height: 70px;}
.notification_date, .notification_views { color: #888;font-size: 14px;position: relative;padding-left: 15px;margin-left: 13px;}
.notification_views::before { position: absolute; top: 0;left: 0;content: '';margin: 3px 0 0 0;width: 1px; height: 14px;background-color: #dddddd;vertical-align: top;}

/*연간일정안내 썸네일형 보기*/
.thumblist_container {display: flex;gap: 20px; }
.thumb_item { background-color: white;border-radius: 15px;width: 300px;text-align: center; }
.thumb_item img { width: 100%; height: auto;border-radius: 5px;}
.thumb_item_title {font-size: 18px;margin: 10px 0;font-weight: bold;}
.thumb_item_price {font-size: 16px; color: #333; margin-bottom: 10px;}
.thumb_item_badge { background-color: #d9e7ff;color: #0056b3; padding: 5px 10px;border-radius: 5px;font-size: 12px;display: inline-block;margin-bottom: 10px;}
.thumb_item_tags { font-size: 14px; color: #999;margin-bottom: 20px;}
.PTWED002_toolbar { display: flex;align-items: center;gap: 10px;margin: 20px; }
.PTWED002_dropdown {border: 1px solid #ccc;border-radius: 5px;padding: 8px 12px;display: flex;align-items: center;cursor: pointer;}
.PTWED002_dropdown::after {content: "▼";font-size: 12px;margin-left: 5px;}
.PTWED002_view-options {display: flex;align-items: center;gap: 5px;}
.PTWED002_view-option {border: 1px solid #ccc;padding: 8px;border-radius: 5px;cursor: pointer;}
.PTWED002_active {background-color: #007bff;color: white; }

/*마이페이지*/
.PTWLP037_text{font-size: 18px; padding: 23px 0 0;}
.PTWLP037_text_color{ font-size: 18px; color: #ee2c49;}
.PTWBP009_box{margin-top: 10px;  display: flex; flex-wrap: wrap;}
.PTWBP009_btn{width: 935px;display: flex; justify-content: space-between; flex-flow: wrap;line-height: 26px;text-align: center;}
.PTWBP009_btn div{width: 270px; height: 37px; border: 1px solid #cccccc; margin: 5px 0; border-radius: 6px; 
font-weight: 500; display: flex; align-items: center; justify-content: center; text-align: center;}
.PTWBP009_container{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 5px;}
.PTWBP009_container input{margin-bottom: 10px;}
.btn.last_btn.gray{background-color: #fafbfd;}
.PTWBP009_p_text{display: inline-block;padding-left: 20px}
.PTWBP009_p_text:before{content: "";display: inline-block;width: 22px;height: 14px;
background: url(../img/icon-info.png) 0 50% no-repeat;
vertical-align: top;}
.PTWBP009_btn_area{flex: 0 0 auto;padding: 5px 2px;margin-left: auto;}
.PTWBP009_btn_check{display: inline-block;box-sizing: content-box;background-color: #ee2c49!important;padding: 3px 50px;
    font-size: 18px;height: 45px;line-height: 27px;color: #fff; vertical-align: top; border-radius: 6px; border:0!important; font-weight: 500;}

@media screen and (max-width: 500px) {
.PTWBP009_btn{justify-content: center;}
}   
/*법인회원제도안내*/
.membership_container {display: flex;gap: 10px; flex-wrap: wrap; justify-content: center;}
.membership_card { width: 190px; padding: 15px 15px; cursor: pointer; background-repeat: no-repeat;  height: 80px;background-position: 82px 87%;}
.membership_card.box01{background-image: url(../img/member_img01.png);}
.membership_card.box02{background-image: url(../img/member_img02.png);}
.membership_card.box03{background-image: url(../img/member_img03.png);}
.membership_card.box04{background-image: url(../img/member_img04.png);}
.membership_container a{ border-radius: 10px;border: 1px solid #d1d1d1;  background-color: #f9f9f9;}                       
.membership_card h2 { font-size: 22px;font-weight: bold;margin-bottom: 10px;}
/*.membership_card .icon { width: 8px;height: 8px;background-color: #f56b00;border-radius: 50%; display: inline-block;margin-right: 8px;}*/
.membership_con{display: flex; justify-content: center;}
.membership_text { color: #666;font-size: 16px; line-height: 1.5; font-weight: 500;}
.membership_card:hover .calendar_arrow_btn {opacity: 1; }
.card:hover .arrow-btn { opacity: 1; }
.membership_container a:hover {  border: 1px solid gray;}
.membership_card:hover .icon { background-color: #ddd;}
.membership_arrow_btn { width: 30px; height: 30px;background-color: #333; color: #fff; border-radius: 50%;display: flex;
 justify-content: center; align-items: center;font-size: 16px;opacity: 0; transition: opacity 0.3s, background-color 0.3s;margin-left: 10px;}
.membership_card:hover .calendar_arrow_btn {opacity: 1; }
.membership_text_p p{ font-size: 16px; margin-top: 25px;}
.membership_text_info p{ font-size: 16px; margin-top: 40px;}
.membership_text_info span{ display: inline-block; width: auto; margin-right: 15px; line-height: 25px; text-align: left; color: #000;  font-weight: 600;  letter-spacing: -0.54px;}
.PTWCC013_membership_text{margin-top: 25px;}
.PTWCC013_membership_text li:before{content: '';display: inline-block;
width: 5px;height: 5px;background-color: #ee2c49;margin-right: 10px;vertical-align: middle;}
.PTWCC013_membership_text li span{ display: inline-block; width: auto; margin-right: 15px; line-height: 25px; text-align: left; color: #000;  font-weight: 600;  letter-spacing: -0.54px;}

@media screen and (max-width: 500px) {
.membership_container {display: flex;gap: 20px; flex-direction: column; }
.membership_con{display: flex; flex-direction: column;}
.membership_card h2 { font-size: 17px;} 
.membership_text p{ font-size: 16px;}
.membership_container a:nth-of-type(1) {width: 100%;}           
.membership_container a:nth-of-type(2) {width: 100%;}
.membership_card {width: 280px; background-position: 222px 65%;}
 }

/*AI 아카데미*/
/* AI DATA */
.ai_center{margin: 0 auto;}
.aidata_ban				{background: url('../img/aidata_visual_pc.png') no-repeat 50% 50%; height:620px; position: relative; overflow: hidden;}
.aidata_ban div			{margin: 0 auto; max-width: 1340px; width: 100%; position: relative;}
.aidata_ban_text { position: absolute; top: 160px; left: 20px;}
.aidata_ban_text {max-width: 80%;margin: auto;}
.aidata_ban_text h1 {font-size: 57px;font-weight: bold;color: #ffffff; line-height: 65px; margin-top: 25px;
 opacity: 0; transform: translateY(30px); animation: fadeSlideUp 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: 0.5s;}
.aidata_ban_text p { font-size: 25px;;margin-top: 10px; color: #b690ff; line-height:45px;
 margin: 0; opacity: 0; transform: translateY(20px); animation: fadeSlideUp 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;}
.aidata_ban_text span {font-size: 35px;font-weight: bold;color: #b690ff;}
@keyframes fadeSlideUp {  0% {  opacity: 0; transform: translateY(20px); }
            100% {opacity: 1;transform: translateY(0); }
 }

/*.aidata_ban div::after	{content:''; position: absolute; width: 1164px; height: 719px; background: url('../img/aidata_object.png') no-repeat 50% 50%; top: 43px; right: -40px;}*/
.aidata_ban	h2			{position: absolute; top: 160px; left: 20px;}
.aidata_ban	h2 img		{font-size: 0;}

.aidata_cont .wrap		{width: 100%; max-width: 1340px; margin: 0 auto; padding: 123px 30px; letter-spacing: -1px !important; position: relative;}
.aidata_cont h3			{text-align: center; margin-top: 0; font-size: 40px; font-weight: 600;}
.aidata_cont h3 .light	{color: #000; font-size: 35px; font-weight: 300; line-height: 45px;}
.aidata_cont h3 .blue	{color: #3e67ff; font-size: 40px; font-weight:600;}
.plain_txt	{color: #fff; font-size: 22px; text-align: center; line-height: 28px; margin-top: 20px;}
.plain_txt	span	{font-size: 25px; font-weight: 500; color: #87d6ff;}
.aidata .btn_flex				{display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.aidata .btn_flex button		{display: inline-block; border-radius: 3px; min-height: 27px; padding: 2px 8px 4px; background: #fff; border: 1px solid #aaa; color: #555; font: 400 14px / 20px 'Noto Sans KR', '맑은 고딕', sans-serif; text-align: center;}
.aidata .btn_flex button:hover	{background: #f5f5f5;}
.aidata .btn_flex .tip			{margin-top: 0 !important;}

.aidata01					{background: #ecf6fc;}
.aidata01 .gradient			{margin: 0 0 10px; background: url('../img/aidata01_bg.jpg'); border-radius: 10px; box-sizing: border-box; padding: 50px 50px 80px; height: 505px;}
.aidata01 .gradient .title	{background: #020718; padding: 17px 30px; color: #63cdff; border-radius: 26px; border: 1px solid #577ce1; font: 400 18px/18px "Noto Sans KR", sans-serif; margin: 0 auto; width: fit-content;}
.aidata01 .gradient > div	{text-align: center; padding-top: 250px; background: url('../img/aidata01_object.png') no-repeat 50% 25px;}
.aidata01 .gradient .text01	{color: #a0b8ff; font-size: 25px; line-height: 35px; font-weight: 600;} 
.aidata01 .gradient .text02	{color: #fff; font-size: 25px; font-weight: 500; line-height: 35px;}
.aidata01 .gradient .text02 span	{font-size: 30px; box-shadow: inset 0 -2px 0 #fff; line-height: 35px;}
.course_al_Curriculum{position: relative;margin: 0 auto;box-sizing: border-box; text-align: center;}
.course_al_Curriculum .job{ width: 250px; font-size: 20px;  border-radius: 30px;background: #2341cf;
    color: #fff;font-weight: 600;padding: 13px 0; display: flex; justify-content: center;  margin: auto; margin-top: 30px;}
.course_al_Curriculum .txt{ font-size: 30px;font-weight: 900;letter-spacing: -3px;line-height: 1.15;text-align: center;}
.course_al_Curriculum h4{ font-size: 26px; font-weight: 600; }  
.course_al_Curriculum p{ font-size: 20px;margin-top: 20px;font-weight: 400; line-height: 28px;}  
.white_wrap_Curriculum_area{background: #fff;box-sizing: border-box; border-radius: 10px; padding: 30px 25px 30px;  width: calc(100% - 265px);}
.Curriculum_area {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;text-align: center; margin: 20px 0;}
.Curriculum_area .circle { width: 137px; border-radius: 30px;display: flex;justify-content: center;
            align-items: center; border: 1px solid rgba(56, 104, 244, 0.40); color: #2341c3;font-size: 18px;font-weight: 600;
            margin: 0 auto; background: rgba(56, 104, 244, 0.05); line-height: 47px;}
.Curriculum_area .circle:hover { background-color: #2341c3;color: #fff; }
.Curriculum_area .circle.active {background-color: #2341c3;color: #fff;}
 
.aidata01 .course			{display: flex; justify-content: space-between; margin-top: 35px;}
.aidata01 .course .blue		{width: 239px; height: 402px; padding: 58px 30px; box-sizing: border-box; background: linear-gradient(125deg, rgba(70, 91, 219, 1) 0%, rgba(3, 6, 13, 1) 100%); border-radius: 10px; box-shadow: 0px 3px 21.62px 1.38px rgba(47, 86, 230, 0.51); color: #fff; font-size: 32px; line-height: 40px; font-weight: 600;}
.aidata01 .course .green	{width: 239px; height: 402px; padding: 58px 30px; box-sizing: border-box;  background: linear-gradient(125deg, rgba(24, 198, 163, 1) 0%, rgba(8, 157, 127, 1) 100%); border-radius: 10px; box-shadow: 0px 3px 21.62px 1.38px rgba(47, 86, 230, 0.51); color: #fff; font-size: 32px; line-height: 40px; font-weight: 600;}
.aidata01 .course .sky	{width: 239px; height: 402px; padding: 58px 30px; box-sizing: border-box;  background: linear-gradient(125deg, rgba(57, 104,244, 1) 0%, rgba(28, 77, 223, 1) 100%); border-radius: 10px; box-shadow: 0px 3px 21.62px 1.38px rgba(47, 86, 230, 0.51); color: #fff; font-size: 32px; line-height: 40px; font-weight: 600;}
.aidata01 .course .orange	{width: 239px; height: 402px; padding: 58px 30px; box-sizing: border-box;  background: linear-gradient(125deg, rgba(223, 157,103, 1) 0%, rgba(222, 137,68, 1) 100%); border-radius: 10px; box-shadow: 0px 3px 21.62px 1.38px rgba(47, 86, 230, 0.51); color: #fff; font-size: 32px; line-height: 40px; font-weight: 600;}
.aidata01 .course .white_wrap	{width: calc(100% - 265px); display: flex; justify-content: space-between;}
.aidata01 .course .white		{background: #fff; width: 32%; box-sizing: border-box; border-radius: 10px; padding: 30px 25px 40px;}
.aidata01 .course .white .txt	{text-align: center; padding-bottom: 14px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.aidata01 .course .white .text01	{padding: 11px 20px; background: #000; color: #fff; border-radius: 18px; font: 300 16px/16px "Noto Sans KR", sans-serif; width: fit-content; margin: 0 auto;}
.aidata01 .course .white .text01 b	{padding-left: 5px; font-weight: 600;}
.aidata01 .course .white .text02	{margin-top: 15px; color: #000; font-size: 26px; font-weight: 600;}
.aidata01 .course .white ul 		{margin-top: 21px;}
.aidata01 .course .white ul li		{position: relative; padding-left: 11px; font: 300 16px/23px "Noto Sans KR", sans-serif; color: #555; word-break: keep-all;  font-weight: 500;}
.aidata01 .course .white ul li b	{color: #000; font-weight: 400;}
.aidata01 .course .white ul li + li	{margin-top: 6px;}
.aidata01 .course .white ul li::before	{content: ''; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 4px; background: #626262; top: 10px;}
.aidata01 .course .gray {background-color: #f4f4f4;padding: 10px;border-radius: 10px;line-height: 23px;font-size: 17px;}

.aidata02 .flex					{display: flex; margin-top: 50px; justify-content: space-between;} 
.aidata02 .flex > div			{box-sizing: border-box; padding: 50px 35px; height: 342px; width: 19%; border: 1px solid #ddd; border-radius: 10px; position: relative; transition: all, 0.3s ease;}
.aidata02 .flex > div p			{color: #000; font: 600 23px/39px "Noto Sans KR", sans-serif;}
.aidata02 .flex > div span		{color: #555; font: 300 16px/23px "Noto Sans KR", sans-serif; display: block; margin-top: 8px;}
.aidata02 .flex > div.active01	{box-shadow: 0px 3px 21.62px 1.38px rgba(62, 103, 255, 0.09); border: 2px solid #3e67ff;}
.aidata02 .flex > div.f01::after	{content: ''; width: 76px; height: 76px; position: absolute; background: url('../img/aidata02_flex_01-01.png') no-repeat 50% 50%; bottom: 35px; right: 30px;}
.aidata02 .flex > div.f02::after	{content: ''; width: 76px; height: 76px; position: absolute; background: url('../img/aidata02_flex_02-01.png') no-repeat 50% 50%; bottom: 35px; right: 30px;}
.aidata02 .flex > div.f03::after	{content: ''; width: 76px; height: 76px; position: absolute; background: url('../img/aidata02_flex_03-01.png') no-repeat 50% 50%; bottom: 35px; right: 30px;}
.aidata02 .flex > div.f04::after	{content: ''; width: 76px; height: 76px; position: absolute; background: url('../img/aidata02_flex_04-01.png') no-repeat 50% 50%; bottom: 35px; right: 30px;}
.aidata02 .flex > div.f05::after	{content: ''; width: 76px; height: 76px; position: absolute; background: url('../img/aidata02_flex_05-01.png') no-repeat 50% 50%; bottom: 35px; right: 30px;}
.aidata02 .flex > div.f01.active01::after	{background: url('../img/aidata02_flex_01-02.png') no-repeat 50% 50%;}
.aidata02 .flex > div.f02.active01::after	{background: url('../img/aidata02_flex_02-02.png') no-repeat 50% 50%;}
.aidata02 .flex > div.f03.active01::after	{background: url('../img/aidata02_flex_03-02.png') no-repeat 50% 50%;}
.aidata02 .flex > div.f04.active01::after	{background: url('../img/aidata02_flex_04-02.png') no-repeat 50% 50%;}
.aidata02 .flex > div.f05.active01::after	{background: url('../img/aidata02_flex_05-02.png') no-repeat 50% 50%;}

.aidata03						{background-color: #f4f4f4}
.aidata03 .grid					{margin-top: 50px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.aidata03 .grid > div			{width: 402px; height: 308px; box-sizing: border-box; background: #fff; border-radius: 10px; border: 2px solid #fff; padding: 70px 50px 60px; word-break: keep-all; transition: all, 0.3s ease; position: relative;}
.aidata03 .grid > div p			{color: #000; font: 600 25px/39px "Noto Sans KR", sans-serif;}
.aidata03 .grid > div span		{color: #555; font: 300 18px/28px "Noto Sans KR", sans-serif; display: block; margin-top: 15px;}
.aidata03 .grid > div.active02	{box-shadow: 0px 3px 21.62px 1.38px rgba(62, 103, 255, 0.09); border: 2px solid #3e67ff;}
.aidata03 .grid > div.g01::after			{content: ''; width: 66px; height: 75px; position: absolute; background: url('../img/aidata03_grid_01-02.png') no-repeat 50% 50%; top: 35px; right: 38px;}
.aidata03 .grid > div.g02::after			{content: ''; width: 70px; height: 75px; position: absolute; background: url('../img/aidata03_grid_02-02.png') no-repeat 50% 50%; top: 35px; right: 38px;}
.aidata03 .grid > div.g03::after			{content: ''; width: 67px; height: 76px; position: absolute; background: url('../img/aidata03_grid_03-02.png') no-repeat 50% 50%; top: 35px; right: 38px;}
.aidata03 .grid > div.g04::after			{content: ''; width: 79px; height: 75px; position: absolute; background: url('../img/aidata03_grid_04-02.png') no-repeat 50% 50%; top: 35px; right: 38px;}
.aidata03 .grid > div.g05::after			{content: ''; width: 75px; height: 75px; position: absolute; background: url('../img/aidata03_grid_05-02.png') no-repeat 50% 50%; top: 35px; right: 38px;}
.aidata03 .grid > div.g06::after			{content: ''; width: 66px; height: 75px; position: absolute; background: url('../img/aidata03_grid_06-02.png') no-repeat 50% 50%; top: 35px; right: 38px;}
.aidata03 .grid > div.g01.active02::after	{background: url('../img/aidata03_grid_01-01.png') no-repeat 50% 50%;}
.aidata03 .grid > div.g02.active02::after	{background: url('../img/aidata03_grid_02-01.png') no-repeat 50% 50%;}
.aidata03 .grid > div.g03.active02::after	{background: url('../img/aidata03_grid_03-01.png') no-repeat 50% 50%;}
.aidata03 .grid > div.g04.active02::after	{background: url('../img/aidata03_grid_04-01.png') no-repeat 50% 50%;}
.aidata03 .grid > div.g05.active02::after	{background: url('../img/aidata03_grid_05-01.png') no-repeat 50% 50%;}
.aidata03 .grid > div.g06.active02::after	{background: url('../img/aidata03_grid_06-01.png') no-repeat 50% 50%;}

.aidata04				{background: url('../img/aidata04_bg.png') no-repeat 50% 50%; background-size: cover;}
.aidata04 h3,
.aidata04 h3 .light		{color: #fff;}
.aidata04 h3 .blue		{color: #87d6ff;}
.aidata04 .title {margin-top: 3px;}
.aidata04 .boxes		{position: relative; margin-top: 50px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px;}
.aidata04 .boxes > div	{}
.aidata04 .boxes > div p 		{text-align: center; background-image: -webkit-linear-gradient( -12deg, rgb(78,200,255) 0%, rgb(92,244,239) 100%); padding: 35px; border-radius: 10px 10px 0 0; color: #000;font-size: 26px;
    font-weight: 600}
.aidata04 .boxes > div p:hover {background-image: -webkit-linear-gradient(-12deg, #3968f4 0%,#638ffa 100%); color: #fff;}
.aidata04 .boxes .uldiv			{padding: 40px 55px; box-sizing: border-box; border-top: none !important; border: 1px solid #ade6ff; background-color: rgba(255, 255, 255, 0.102); border-radius: 0 0 10px 10px;}
.aidata04 .boxes .uldiv ul li			{color: #fff; opacity: 0.75; font: 300 18px/28px "Noto Sans KR", sans-serif; position: relative; padding-left: 11px;}
.aidata04 .boxes .uldiv ul li + li		{margin-top: 3px;}
.aidata04 .boxes .uldiv ul li b			{font-weight: 500;}
.aidata04 .boxes .uldiv ul li::before	{content: ''; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 4px; background: #fff; top: 13px;}
.aidata04 .aicenter_circle {background: #e6334c; color: white; font-weight: 600;position: absolute;top: 50%;left: 50%;
            transform: translate(-50%, -50%); width: 165px; height: 165px;display: flex; align-items: center;justify-content: center; border-radius: 50%; text-align: center; font-size: 23px;  line-height: 25px;}
.aicenter_circle_mob{background: #e6334c; width: 100%;  padding: 20px 30px; color: white; font-size: 22px; border-radius: 10px;
font-weight: 500;  text-align: center;}
.aidata05 h3	{text-align: center; margin-bottom: 50px !important; font: 600 44px/59px "Noto Sans KR", sans-serif !important;}
.ai_Curriculum_info { display: grid; grid-template-columns: repeat(4, 1fr);gap: 20px;margin: 0 auto;}
.curriculum_card { background-color: #fff;border: 1px solid #ddd; border-radius: 8px; overflow: hidden;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);text-align: center;transition: transform 0.3s, box-shadow 0.3s;}

.curriculum_card:hover { transform: translateY(-5px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.card_image {width: 100%;height: 212px; background-color: #2c3e50;background-size: cover;background-position: center;}
.card_text {padding: 20px 20px;word-break: keep-all;}
.card_text p{color: #333;font-size: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
        -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 52px;
        word-wrap: break-word;font-weight: 600;height: 52px; text-align: left;}
.card_text h3 {font-size: 16px;color: #333;margin-bottom: 10px;line-height: 1.4;}
.card_text button {border: 1px solid #555;color: #555;background: #fff;
        border-radius: 5px;padding:12px 100px;text-align: center;height: 42px;
        justify-content: center;align-items: center;font: 400 15px / 18px 'Noto Sans KR', '맑은 고딕', sans-serif;
        transition: all 0.2s;word-break: keep-all;}
.card_text button:hover {background-color: #ee2c49;color: #fff;}
.aidata_cont {opacity: 0; /* 초기 상태에서 투명하게 설정 */transform: translateY(60px); /* 요소를 아래로 이동 */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out; /* 애니메이션 효과 */}
.aidata_cont.animate {opacity: 1; /* 보이게 설정 */transform: translateY(0); /* 원래 위치로 이동 */} 
.aidata_b{ width: 600px; color: #fff;
    padding: 25px; text-align: center;  background: linear-gradient(90deg, rgba(87, 77, 196, 1) 0%, rgba(167, 77, 196, 1) 100%);
    border-radius: 40px; box-shadow: 10px 10px 17px -3px rgba(0, 0, 0, 0.21);   margin: 130px auto; font-size: 20px;}
.aidata_tit{font-size: 25px;font-weight: 600; color: #fff;}
.aidata_tit::after{content: '→';}
.FX_shortcut 		{position:fixed;bottom:0;left:0;width:100%;display:flex;z-index: 1;}
.FX_shortcut > a 	{width:100%;}
.FX_shortcut > a > .wrap 		{padding: 26px 40px 24px;max-height: 120px; text-align:center;}
.FX_shortcut > a.fx 			{border-radius:0 50px 0 0;background: #eb2e4a url('../_img/main/pc/flex.png')no-repeat right 40px bottom -90px;}
.FX_shortcut > a.company 		{border-radius:50px 0 0 0;background: #222020 url('../_img/main/pc/flex02.png')no-repeat right 0px bottom -90px;}
.FX_shortcut > a:first-child:last-child		{background: #eb2e4a; border-radius:50px 50px 0 0;}
.FX_shortcut > a:first-child:last-child > .wrap	{padding:15px 40px;}
.FX_shortcut > a .tit 			{font:600 23px/28px 'Noto Sans KR','맑은 고딕', sans-serif; color:#fff;}
.FX_shortcut > a .tit::after 	{display:inline-block;content:'';background: url('../img/fx_short_arr.png')no-repeat 50% 50% / 16px;width: 34px;height: 34px;vertical-align: -8px;margin-left: 8px;background-color: rgb(133 6 6 / 20%);border-radius: 20px;}
.FX_shortcut > a .tit.end::after {display:none;}	
.FX_shortcut > a:has(.end)		{background:#9b7575 !important;}
.FX_shortcut > a.company .tit::after	{background-color: rgb(0 0 0 / 25%);}
div[class*="_main"].fix_pd + footer {padding-bottom:100px;}
div[class*="_main"].fix_pd + form + footer	{padding-bottom:100px;}
div.FX_main2.fix_pd  + footer	{padding-bottom:0px;}


.FX_shortcut > a .wrap_bottom_box								{padding: 10px; background-color: rgb(81 2 2 / 20%); color: #fff; display: flex; align-items: center; justify-content: center;}
.FX_shortcut > a .wrap_bottom_box .s_tit						{margin-right: 12px; font: 500 18px/36px 'Noto Sans KR','맑은 고딕', sans-serif; color: #fff;}
.FX_shortcut > a .wrap_bottom_box .s_tit:after					{content: ''; width: 2px; height: 13px; background: #fff; display: inline-block; margin-left: 12px;}
.FX_shortcut > a .wrap_bottom_box .s_tt							{color: #f7dfe1; font-size: 16px;}
.FX_shortcut > a .wrap_bottom_box .s_tt b						{margin-left: 6px; margin-right: 7px; color: #fff; font-weight: 400;}
.FX_shortcut > a .wrap_bottom_box .s_tt b:after					{content: ''; width: 3px; height: 3px; background: #f38292; display: inline-block; margin-left: 12px; vertical-align: middle;}
.FX_shortcut > a .wrap_bottom_box .s_tt:last-child b:after		{display: none;}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.aidata_cont h3,
.aidata_cont .plain_txt {
    opacity: 0;
    animation: fadeIn 1s ease-out forwards;
}

 .aicenter_circle.show {
    opacity: 1; /* show 클래스가 추가되면 투명도 1로 변경 */
  }
/* h3는 먼저 나타나고, p.plain_txt는 약간의 지연 후 등장 */
.aidata_cont h3 {
    animation-delay: 0.3s;
}

.aidata_cont .plain_txt {
    animation-delay: 0.6s;
}

/* AI 차트*/
.chart-container-group{display: flex;justify-content: center;align-items: center;background: url(../img/aidata01_bg.jpg); height: 505px;border-radius: 10px;}
.chart-container-wrap{ position: relative;  display: flex; width: 600px; }
.chart-container {  position: relative; width: 490px;height: 400px;background: url(../img/aidata01_chart.png);}

.chart-container::before {
   content: "";
    position: absolute;
    width: 50%;
    height: 50%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

.center-text {
            position: absolute;
            top: 48%;
            left: 49%;
            transform: translate(-50%, -50%);
            font-size: 20px;
            font-weight: bold;
            text-align: center;color: #fff; line-height: 25px;}
        
.chart_text_container{ color: white;padding: 30px;border-radius: 10px;width: 450px; border: 1px solid #4d5cbc;}
.chart_text_container ul { list-style: none;padding: 0; }
.chart_text_container ul li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 10px;
            line-height: 1.3; font-size: 18px;word-break: keep-all;}
.chart_text_container ul li::before {
            content: "\2022"; /* Bullet point */
            color: white;
            font-size: 18px;
            position: absolute;
            left: 0;
            top: 0; }
                    

/* AI 교육리스트 */
.ai_edu_list_top{display: flex; margin-bottom: 15px; font-size: 20px;}
.ai_edu_list_counter{color: #ee2c49;font-size: 20px;font-weight: 600; margin-left: 5px;}
.ai_edulist{padding: 20px 30px 130px;}
.ai_edulist .wrap{width: 100%;max-width: 1340px; margin: 5px auto;letter-spacing: -1px !important;position: relative;}
.ai_edulist h3{text-align: center;font-size: 40px; font-weight: 600; margin: 35px;}
.ai_edulist h3:after{content: '';display: inline-block;width: 10px;height: 10px;border-radius: 15px; background-color: #ee2c49;margin: 0 0 25px 5px;}
.ai_edu_list {display: flex;flex-wrap: wrap; gap: 35px 25px;}
.ai_edu_slide {width: calc(25% - 21px);  position: relative; overflow: hidden; border: 1px solid #ddd; border-radius: 15px; cursor: pointer;  transition: all .25s;}
.ai_edu_slide img { width: 100%; object-fit: cover; }
.text_box {padding: 20px 20px;word-break: keep-all; height:130px;}
.badge {background: red; color: white; padding: 5px 10px; border-radius: 5px;font-size: 12px;}
.ai_edu_slide .tit{font-size: 18px;font-weight:500;margin: 10px 0; line-height: 23px; }

.filter-container { display: flex; flex-direction: column;
    background-color: #f9f9f9; border-radius: 16px; padding: 18px 20px 14px; margin-bottom: 20px; }
.filter-group{ display: flex;justify-content: space-between;padding: 5px 0;}
.option-group{ display: flex;justify-content: space-between;padding: 5px 0;}
.course_filter-group {display: flex;gap: 5px;align-items: center;}
.course_filter-group span { font-weight: 500; font-size: 16px;}
.category_filter-group { position: relative;display: flex;gap: 5px;align-items: center;}
.category_filter-group span { font-weight: 500; font-size: 16px;}
.category_filter-group:before {content: '';position: absolute; top: 14px;bottom: 8px;left: -21px;width: 1px; height: 18px; background-color: #cad1d8;}
.filter-button {width: 100px; height: 35px; background: white;border: 1px solid #d7dce3;padding: 6px 3px;border-radius: 8px;cursor: pointer;
font-size: 14px;color: #8a888a;  letter-spacing: 0px; font-weight: 500; }
.filter-button.active {color: #ffffff;background-color: #101010;}
.search-box {display: flex;align-items: center;border-radius: 5px;overflow: hidden;}
.search-box input {padding: 9px;font-size: 16px;color: #aaa;width: 250px;height: 43px;border: 1px solid #ede9e9;border-radius: 10px;}
.search-box button {border: 1px solid #ede9e9; background: #fff;padding: 5px;cursor: pointer;border-radius: 10px;margin-left: 5px;}
.moreArea{margin-top: 22px;text-align: center;}
.more_btn{width: 112px; border-radius: 5px;position: relative;display: inline-block;
    padding: 0 10px;height: 44px;line-height: 42px;font-size: 16px;font-weight: 500; text-align: center; border-radius: 6px;
    border: 1px solid #d7d7d7;background-color: #ffffff;}
.reset-button {display: flex;align-items: center; background: white;border: 1px solid #ddd;padding: 7px 8px;border-radius: 8px; cursor: pointer;    font-size: 14px;
    color: #919191;  width: 100px; height: 35px;text-align: center;justify-content: center;}
.search_option_container {display: flex;}
.search_option_list{display: flex;gap: 5px;align-items: center;}
.search_option_list span {font-weight: 500;font-size: 16px;}

.ai_edu_part{display: inline-block; color: #ee2c49;font-weight: 500;}
.ai_edu_slide:hover { border: 1px solid #222;}

/* 추천 교육 리스트 */
.ai_edu_slide div.hidden_box           {display:flex; flex-direction:column; justify-content: space-between; position:absolute; top:100%; left:0; width:100%; height:100%;  background: rgba(0, 0, 0, 0.85); transition: all 0.4s; opacity:0;}
.ai_edu_slide div.hidden_box p         {color:#fff; font:300 15px/24px 'Noto Sans KR','맑은 고딕', sans-serif; word-break: keep-all;}
.ai_edu_slide div.hidden_box p:not(.tit) {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; word-wrap:break-word;}
.ai_edu_slide div.hidden_box p.tit     { padding: 3% 15px; padding-top: 45px;
        text-align: center; color: #fff;
        background: url('../img/over.png') no-repeat 50% 0% / 29px; word-break: keep-all; text-overflow: ellipsis; display: -webkit-box;
        -webkit-box-orient: vertical;-webkit-line-clamp: 2; word-wrap: break-word;
        font-size: 20px;font-weight: 500; line-height: 30px;}
.ai_edu_slide div.hidden_box p.more_btn     {}
.ai_edu_slide div.hidden_box p.more_btn a   {display:block; border-radius:5px; padding:7px 5px; border:1px solid #fff; text-align:center; color:#fff; font:400 15px/25px 'Noto Sans KR','맑은 고딕', sans-serif;}
.ai_edu_slide div.hidden_box p.more_btn a::after   {content:''; display:inline-block; width:8px; height:13px; margin-left:8px; background:url('../_img/cont/mo/i_arr.png') no-repeat 0% 50% / 7px;}

.ai_edu_list .ai_edu_slide p.buttons 							{margin-top:10px;}
.ai_edu_list .ai_edu_slide p.buttons a.box_btn				{border-radius:5px;text-align:center;display:flex;height:42px;justify-content: center;align-items: center;font:400 14px/18px 'Noto Sans KR','맑은 고딕', sans-serif;transition:all 0.2s;padding:0 5px;letter-spacing: -1px; word-break: keep-all;}
.ai_edu_list .ai_edu_slide p.buttons a.box_btn.line			{border:1px solid #ccc; color:#555; background:#fff}
.ai_edu_list .ai_edu_slide p.buttons a.box_btn.g_line			{border:1px solid #555; color:#555; background:#fff}
.ai_edu_list .ai_edu_slide p.buttons a.box_btn.g_line:hover 	{background:#005383;color:#fff;border-color: #005383;}
.ai_edu_list .ai_edu_slide p.buttons a.box_btn::after			{display:inline-block;content:'';width:7px;height:12px;background: url('../_img/cont/mo/box_btn_arr.png')no-repeat 50% 50% / 100%;margin-left:5px}
.ai_edu_list .ai_edu_slide p.buttons a.box_btn.g_line:hover::after {background-image:url('../_img/cont/mo/box_btn_arr_w.png')}
.ai_edu_list .ai_edu_slide p.buttons a.box_btn.line:hover		{background:#005383; color:#fff; border-color:#005383;}
.ai_edu_list .ai_edu_slide p.buttons a.box_btn.line:hover::after {background-image:url('../_img/cont/mo/box_btn_arr_w.png')}

.ai_edu_list {padding:0}
.ai_edu_slide:hover div.hidden_box     {top:0; opacity:1;}
.ai_edu_list .slick-arrow  {width:20px; height:32px;text-indent:-999px; overflow:hidden; position: absolute; top: 50%; display: block; padding: 0; transform: translate(0, -50%); cursor: pointer; border: none; outline: none; z-index:2;}
.ai_edu_list .slick-prev   {left:-15px; background:url('../_img/main/mo/slick_prev.png') no-repeat 50% 50% / 13px;}
.ai_edu_list .slick-next   {right:-15px; background:url('../_img/main/mo/slick_next.png') no-repeat 50% 50% / 13px;}
.ai_edu_list .slick-list   {margin: 0 -13px; padding: 0 0 0 13px;}
.ai_edu_list .slick-ai_edu_slide  {margin-right:13px;}
.ai_edu_thum{ position: relative;display: flex;}
.ai_edu_thum .sort{position: absolute;left: 10px;top: 10px;display: flex;gap: 3px;background: #ee2c49;
        border-color: #ee2c49;margin: 0; padding: 4px 13px; border-radius: 15px;color: #fff; font-weight: 500;}
.hv_info {  color: #fff; text-align: center; display: flex;flex-direction: column; align-items: center;}     
.hv_info li{ font-size: 16px;line-height: 25px;display: inline-block;min-width: 150px;text-align: left; position: relative;}
.hv_info li span{ font-size: 17px;line-height: 30px;}
.hv_info li::before{ content: '';display: block; width: 3px;height: 3px;background: #ddd;border-radius: 4px;position: absolute;top: 14px;left: -8px; }

/*----------- MO -----------*/
@media only screen and (max-width: 767px) {
/* AI DATA */
.aidata_cont .wrap		{padding: 50px 20px 50px;}
.aidata_cont h3,			
.aidata05 h3			{font: 600 23px/30px 'Noto Sans KR','맑은 고딕', sans-serif !important; word-break: keep-all;}
.aidata05 h3			{margin-bottom: 20px !important;}
.aidata_cont .plain_txt	{font: 300 16px/26px "Noto Sans KR", sans-serif; word-break: keep-all;}
.aidata_cont .plain_txt br	{display: none;}
.aidata .btn_flex			{flex-wrap: wrap;}
.aidata .btn_flex button	{margin-top: 4px; order: 2; width: 100%; padding: 6px 8px;}

.aidata_ban			{background: url(../img/aidata_visual_ta02.jpg) no-repeat 80% 50% / cover; height: 470px; position: relative;}
.aidata_ban::before	{content:''; position: absolute; background: url('../img/aidata_visual_screen.png') no-repeat 50% 50%/200px; mix-blend-mode: screen; width: 200px; height: 174px; top: 51px; left: -50px;}
.aidata_ban h2		{top: 45px; left: 30px;}
.aidata_ban h2 img	{width: 340px;}

.aidata01 .gradient			{padding: 40px 20px; height: unset;}
.aidata01 .gradient > div	{padding-top: 170px; background: url('../img/aidata01_object.png') no-repeat 50% 25px/190px;}
.aidata01 .gradient .title	{padding: 13px 27px; font: 400 15px / 20px "Noto Sans KR", sans-serif; text-align: center;  word-break: keep-all; border-radius: 70px;}
.aidata01 .gradient .text01	{font: 600 18px/36px "Noto Sans KR", sans-serif;}
.aidata01 .gradient .text02	{font: 500 18px / 26px "Noto Sans KR", sans-serif; word-break: keep-all;}

.aidata01 .course				{display: block;}
.aidata01 .course .green			{background-image: -webkit-linear-gradient( rgba(24, 198, 163, 1) 0%, rgba(8, 157, 127, 1) 100%); position: relative; width: 100%; height: unset; overflow: hidden; font: 600 20px/24px "Noto Sans KR", sans-serif; padding: 25px 30px;}
.aidata01 .course .green br		{display: none;}
.aidata01 .course .green::before	{content:''; position: absolute; background: url('../img/course_blue_overlay.png') no-repeat 50% 50%/370px; mix-blend-mode: overlay; width: 370px; height: 562px; bottom: -310px; right: -60px;}
.aidata01 .course .sky			{background-image: -webkit-linear-gradient( 90deg, rgb(62,103,255) 0%, rgb(26,61,191) 100%); position: relative; width: 100%; height: unset; overflow: hidden; font: 600 20px/24px "Noto Sans KR", sans-serif; padding: 25px 30px;}
.aidata01 .course .sky br		{display: none;}
.aidata01 .course .sky::before	{content:''; position: absolute; background: url('../img/course_blue_overlay.png') no-repeat 50% 50%/370px; mix-blend-mode: overlay; width: 370px; height: 562px; bottom: -310px; right: -60px;}
.aidata01 .course .white_wrap	{width: 100%; margin-top: 20px; display: block;}
.aidata01 .course .white		{width: 100%;}
.aidata01 .course .white + .white	{margin-top: 15px;}
.aidata01 .course .white .text01	{font: 300 15px/15px "Noto Sans KR", sans-serif;}
.aidata01 .course .white .text02	{font: 600 19px/25px "Noto Sans KR", sans-serif; margin-top: 10px;}
.aidata01 .course .white ul li		{font: 300 15px/23px "Noto Sans KR", sans-serif;}


.aidata02 .flex				{justify-content: space-between; flex-wrap: wrap; width: 100%; margin-top: 20px;}
.aidata02 .flex > div		{width: 49%; padding: 30px 25px; height: 282px;}
.aidata02 .flex > div.f03,
.aidata02 .flex > div.f04,
.aidata02 .flex > div.f05	{margin-top: 24px;}
.aidata02 .flex > div.f01::after	{background: url('../img/aidata02_flex_01-01.png') no-repeat 50% 50%/65px; width: 65px; height: 65px; right: 25px; bottom: 25px;}
.aidata02 .flex > div.f02::after	{background: url('../img/aidata02_flex_02-01.png') no-repeat 50% 50%/65px; width: 65px; height: 65px; right: 25px; bottom: 25px;}
.aidata02 .flex > div.f03::after	{background: url('../img/aidata02_flex_03-01.png') no-repeat 50% 50%/65px; width: 65px; height: 65px; right: 25px; bottom: 25px;}
.aidata02 .flex > div.f04::after	{background: url('../img/aidata02_flex_04-01.png') no-repeat 50% 50%/65px; width: 65px; height: 65px; right: 25px; bottom: 25px;}
.aidata02 .flex > div.f05::after	{background: url('../img/aidata02_flex_05-01.png') no-repeat 50% 50%/65px; width: 65px; height: 65px; right: 25px; bottom: 25px;}
.aidata02 .flex > div.f01.active01::after	{background: url('../img/aidata02_flex_01-02.png') no-repeat 50% 50%/65px;}
.aidata02 .flex > div.f02.active01::after	{background: url('../img/aidata02_flex_02-02.png') no-repeat 50% 50%/65px;}
.aidata02 .flex > div.f03.active01::after	{background: url('../img/aidata02_flex_03-02.png') no-repeat 50% 50%/65px;}
.aidata02 .flex > div.f04.active01::after	{background: url('../img/aidata02_flex_04-02.png') no-repeat 50% 50%/65px;}
.aidata02 .flex > div.f05.active01::after	{background: url('../img/aidata02_flex_05-02.png') no-repeat 50% 50%/65px;}
.aidata02 .flex > div p		{font: 600 19px / 35px "Noto Sans KR", sans-serif;}
.aidata02 .flex > div span	{font: 300 16px / 23px "Noto Sans KR", sans-serif;}


.aidata03				{background: #f0f0f0; overflow: hidden; position: relative;}
.aidata03::before		{content:''; position: absolute; background: url('../img/aidata03_difference.png') no-repeat 50% 50%/cover; mix-blend-mode: difference; width: 2000px; height: 658px; bottom: -120px; right: -280px;}
.aidata03 .grid			{margin-top: 20px; display: block;}
.aidata03 .grid > div	{width: 100%; height: unset; padding: 45px 30px;}
.aidata03 .grid > div + div	{margin-top: 20px;}
.aidata03 .grid > div p		{font: 600 18px/27px "Noto Sans KR", sans-serif;}
.aidata03 .grid > div span	{font: 300 16px/26px "Noto Sans KR", sans-serif;}
.aidata03 .grid > div br	{display: none;}
.aidata03 .grid > div.g01::after			{background: url('../img/aidata03_grid_01-02.png') no-repeat 50% 50%/50px; top: 18px; right: 20px;}
.aidata03 .grid > div.g02::after			{background: url('../img/aidata03_grid_02-02.png') no-repeat 50% 50%/55px; top: 16px; right: 16px;}
.aidata03 .grid > div.g03::after			{background: url('../img/aidata03_grid_03-02.png') no-repeat 50% 50%/45px; top: 15px; right: 10px;}
.aidata03 .grid > div.g04::after			{background: url('../img/aidata03_grid_04-02.png') no-repeat 50% 50%/56px; top: 18px; right: 18px;}
.aidata03 .grid > div.g05::after			{background: url('../img/aidata03_grid_05-02.png') no-repeat 50% 50%/57px; top: 16px; right: 13px;}
.aidata03 .grid > div.g06::after			{background: url('../img/aidata03_grid_06-02.png') no-repeat 50% 50%/36px; top: 13px; right: 16px;}
.aidata03 .grid > div.g01.active02::after	{background: url('../img/aidata03_grid_01-01.png') no-repeat 50% 50%/55px;}
.aidata03 .grid > div.g02.active02::after	{background: url('../img/aidata03_grid_02-01.png') no-repeat 50% 50%/45px;}
.aidata03 .grid > div.g03.active02::after	{background: url('../img/aidata03_grid_03-01.png') no-repeat 50% 50%/54px;}
.aidata03 .grid > div.g04.active02::after	{background: url('../img/aidata03_grid_04-01.png') no-repeat 50% 50%/56px;}
.aidata03 .grid > div.g05.active02::after	{background: url('../img/aidata03_grid_05-01.png') no-repeat 50% 50%/57px;}
.aidata03 .grid > div.g06.active02::after	{background: url('../img/aidata03_grid_06-01.png') no-repeat 50% 50%/36px;}

.aidata04						{background: #020512; overflow: hidden; position: relative;}
.aidata04::before				{content:''; position: absolute; background: url(../img/aidata04_circle.png) no-repeat 50% 50% / 850px; width: 850px; height: 1684px; bottom: 40px; left: 50%; display: block; transform: translateX(-50%); text-align: center;  margin: 0 auto;}
.aidata04 .boxes				{display: block; margin-top: 50px;}
.aidata04 .boxes > div + div	{margin-top: 20px;}
.aidata04 .boxes > div p		{padding: 13px; font: 600 17px/31px "Noto Sans KR", sans-serif;}
.aidata04 .boxes .uldiv			{padding: 25px 20px;}
.aidata04 .boxes .uldiv ul li	{font: 300 15px/23px "Noto Sans KR", sans-serif; word-break: keep-all;}
.aidata04 .boxes .uldiv.uldiv02 {height: 100%; max-height: 210px;}

.ai_edu_list {display: flex;flex-wrap: wrap;gap: 25px 15px;}
.ai_edu_slide{ width: calc(48% - 5px); border-radius: 10px;}
.filter-container {flex-direction: column; align-items: flex-start;}
.ai_edu_part{font-size: 13px;}
.ai_edu_slide .tit { font-size: 15px;font-weight: 500;line-height: 18px;}
.ai_edu_thum .sort{font-size: 15px;padding: 4px 11px;}    
.text_box {padding: 11px 13px;}
.filter-container {padding: 15px 20px;}
.search-box {display: flex;align-items: center; border-radius: 5px;overflow: hidden;margin-top: 5px;}   
.search-box input {font-size: 15px;width: 180px;height: 40px;}
.search-box button {padding: 4px;}
.course_filter-group {display: inline; margin: 5px 0;}
.course_filter-group span { font-weight: 500; font-size: 15px; display: inline-block;width: 100%;margin: 6px;}
.category_filter-group {display: inline; margin: 5px 0;}
.category_filter-group span { font-weight: 500; font-size: 15px; display: inline-block;width: 100%;margin: 6px;}
.search_option_list span {font-weight: 500;font-size: 16px;display: inline-block;width: 100%; margin: 0 0 6px;}
.filter-button {padding: 5px 8px;font-size: 13px;height: 35px;letter-spacing: 0px; margin: 3px 0;}

.ai_edu_slide div.hidden_box           {display:flex; flex-direction:column; justify-content: space-between; position:absolute; top:100%; left:0; width:100%; height:100%;  background: rgba(0, 0, 0, 0.85); transition: all 0.4s; opacity:0;}
.ai_edu_slide div.hidden_box p:not(.tit) {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; word-wrap:break-word;}
.ai_edu_slide div.hidden_box p.tit     { padding: 2px 10px; font-weight: 500; line-height: 20px; font-size: 14.5px;background: none;}
.ai_edu_slide div.hidden_box p.more_btn a   {display:block; border-radius:5px; padding:7px 5px; border:1px solid #fff; text-align:center; color:#fff; font:400 15px/25px 'Noto Sans KR','맑은 고딕', sans-serif;}
.ai_edu_slide div.hidden_box p.more_btn a::after   {content:''; display:inline-block; width:8px; height:13px; margin-left:8px;  background: none;}
.hv_info {padding: 10px}  
.hidden_box ul{margin-top: 50px;}
.hv_info li{ display: inline-block;min-width: 105px;text-align: left; position: relative;}
.hv_info li span{ font-size: 12px;line-height: 20px;}
.hv_info li::before{ top: 9px;left: -8px; }
.ai_edulist h3 { font-size: 29px; margin: 20px;}
.ai_edulist {padding: 20px 20px 130px;}
.search_option_container {display: flex; flex-direction: column;}
.search_option_list {display: inline;margin: 5px 0;}
.option-group{ display:flex; flex-direction: column;}
.category_filter-group:before{display: none;}
.filter-group {display: flex;flex-direction: column-reverse;}
.FX_shortcut  {bottom:63px;}
.chart-container-group {display: flex;flex-direction: column; height: 660px; margin-bottom: 50px; background: linear-gradient(to bottom, #122768, #1e3f9c);padding: 25px;}
.chart-container {background: url(../img/aidata01_chart.png) no-repeat 86% 6px / 329px;  height: 300px;}
.center-text {top: 43%;left: 59%;}
.chart_text_container {display: block;width: 100%; padding: 25px;}
.chart_text_container ul li {padding-left: 16px;margin-bottom: 10px;line-height: 1.3;
font-size: 16px; }
}

@media only screen and (max-width:410px) {

/* AI DATA */
.aidata02 .flex			{display: block;}
.aidata02 .flex > div	{width: 100%; height: 266px;}
.aidata02 .flex > div + div	{margin-top: 20px;}
.aidata02 .flex > div br	{display: none;}
}

@media only screen and (min-width: 1023px) and (max-width: 1300px) {
.filter-container {padding: 15px 20px;}
.search-box {display: flex;align-items: center;border-radius: 5px;overflow: hidden;margin-top: 5px;}   
.search-box input {font-size: 15px;width: 220px;height: 40px;}
.search-box button {padding: 4px;}
.course_filter-group {display: inline; margin: 5px 0;}
.course_filter-group span { font-weight: 500; font-size: 18px;}
.category_filter-group {display: inline; margin: 5px 0;}
.category_filter-group span { font-weight: 500; font-size: 18px;}
.filter-button {padding: 3px 7px;font-size: 13px;height: 35px;letter-spacing: 0px; margin: 3px 0;}
.category_filter-group:before {display:none;}
.filter-group {display: flex;flex-direction: column;}
.option-group {display: flex;flex-direction: column;}
.search_option_container {display: flex;flex-direction: column;}
}

@media only screen and (min-width: 1023px) and (max-width: 1400px) {
.category_filter-group:before {display:none;}
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
.ai_edu_slide {width: calc(32% - 10px); }
.filter-container {flex-direction: column;}
.course_filter-group {display: inline;  margin: 5px 0;}
.course_filter-group span { font-weight: 500; font-size: 18px;}
.category_filter-group {display: inline;  margin: 5px 0;}
.category_filter-group span { font-weight: 500; font-size: 18px;}
.filter-button {background: white;border: 1px solid #d7dce3;padding: 6px 2px;border-radius: 8px;cursor: pointer;
font-size: 14px;color: #8a888a; height: 40px;  letter-spacing: 0px;  margin: 3px 0;}
.filter-button.active {color: #ffffff;background-color: #101010;}
.search-box {display: flex;align-items: center; border-radius: 5px;overflow: hidden; margin-top: 5px;}
.search-box input {padding: 9px;font-size: 16px;color: #aaa;width: 300px;height: 48px;border: 1px solid #ede9e9;border-radius: 10px;}
.search-box button {border: 1px solid #ede9e9; background: #fff;padding: 7px;cursor: pointer;border-radius: 10px;margin-left: 5px;}
.category_filter-group:before {display:none;}
.search_option_list {display: inline;}
.filter-group {display: flex;flex-direction: column;}
.option-group {display: flex;flex-direction: column;}
.search_option_container {display: flex;flex-direction: column;}
.FX_shortcut  {bottom:73px;}
.aicenter_circle_mob{display:none;}
}

/*맞춤형교육 안내 문의*/
.agree_container {margin: 20px auto; }
.checkbox-group {margin-bottom: 20px; }
.agree_details {display: none; margin: 20px 30px 0; color: gray; }
.agree_detail{margin: 20px 30px 0; color: gray;}
.agree_check_detail{cursor: pointer; margin-left: 8px; font-size: 15px;color: #999;text-decoration: underline !important; }
.infomation_table_left {text-align: left!important;  padding-left: 15px!important; color: #767676!important;}
.com14_table_text{display: flex; margin: 50px 0;}
.com14_table_text li{font-size: 22px;}
.com14_table_text li span{font-size: 22px; font-weight: 600;}
.checkbox-group-1{margin-bottom: 10px; }
.checkbox-group-01{border-bottom: 1px solid #e5e5e5;padding: 20px 0;}
.checkbox-group-02{margin: 20px 0 25px; }
.chk-marketing-emailsns{margin: 15px 25px;}
.PTWCT032_text li{font-size: 16px; line-height: 25px;word-break: keep-all;}
/*AI 연구기획, AI 컨설팅*/
.research-methodology-wrap{width: 100%;}
.research-methodology { margin: 20px auto; display: flex; flex-wrap: wrap; justify-content: center;}
.research-methodology:nth-child(n+7){display: flex;justify-content: center;}
.research-methodology .step-box {display:flex;flex-direction: column; width: 250px; margin: 10px;}
.rem-step-title {background-color: #ed2c4b;color: #ffffff;padding: 15px 0; border-radius: 6px;margin-bottom: 5px;text-align: center; 
font-size: 17px; font-weight: 600;}
.bg-gra1{ background-color: #ff6c72 !important;}
.bg-gra2{ background-color: #fd5c63 !important;}
.bg-gra3{ background-color: #e93c42 !important;}
.bg-gra4{ background-color: #e92f35 !important;}
.bg-gra5{ background-color: #d20835 !important;}
.research-methodology .step-list {border-radius: 8px;padding: 23px; text-align: left; border: 1px solid #e2e1e1; height: 75px; line-height: 20px;}
.research-methodology .step-list li{position: relative;}
.research-methodology .step-list li::before{content: "";display: block;position: absolute;
    top: 8px; left: -8px;width: 3px;height: 3px;background-color: #555;}
.step-list .step-item {margin-bottom: 8px; }
.research-methodology .arrow-round {display: inline-block;position: relative;width: 20px;}
.research-methodology .arrow-round::before, .arrow-round::after {content: "";
  position: absolute;width: 10px;height: 10px;border: 3px solid #d2d0d0; border-radius: 3px; display: block;}
.research-methodology .arrow-round::before {right: 3px;top: 50%;transform: translateY(-50%) rotate(45deg);
  border-left: none;border-bottom: none;}
.research-methodology .arrow-round::after {right: 3px;top: 50%;transform: translateY(-50%) rotate(-45deg);border-left: none;border-top: none;}
.research-methodology .step-box2 {display: flex;flex-direction: column;width: 100%;}
.research-methodology .step-list2 {padding: 25px 0 25px 150px; text-align: left;  line-height: 30px; border: 1px solid #e2e1e1;border-radius: 10px;}
.aiResearch_img01{background: url(../img/PTWCC/main/aiResearch_img01.png) no-repeat 3% 50px;}
.aiResearch_img02{background: url(../img/PTWCC/main/aiResearch_img02.png) no-repeat 3% 50px;}
.aiResearch_img03{background: url(../img/PTWCC/main/aiResearch_img03.png) no-repeat 3% 50px;}
.aiResearch_img04{background: url(../img/PTWCC/main/aiResearch_img04.png) no-repeat 3% 50px;}
.research-methodology .step-list2 li{position: relative; font-size: 16px; word-break: keep-all;}
.research-methodology .step-list2 li::before{content: "";display: block;position: absolute; top:13px; left: -8px;width: 3px;height: 3px;background-color: #555;}
.rem-step-title2 { padding: 10px 0; font-size: 18px;font-weight: 600;}
.sp_box_g01 { width: 100%;line-height: 1.8; margin-top: 7px;}
.red_bullet_b {margin-top: 10px;}
.red_bullet_b li {position: relative;padding-left: 13px;font-size: 16px; word-break: keep-all;}
.red_bullet_b li:before { content: "";display: block;position: absolute; top: 11px;
    left: 0;width: 3px;height: 3px; background-color: #555;}
.aiResearch_tit01{font-size: 27px;margin: 85px 0 25px;display: flex; justify-content: center;font-weight: 600;}
.aiCt-cont-wrap{ padding-top: 16px;border-top: 1px solid #dddddd;}
.aiCt-title-dec{margin-bottom: 10px;font-size: 20px;color: #e51837;font-weight: 600;}
.aiCt-cont{line-height: 1.8; margin-bottom:30px;}   
.aiCt-cont li{position: relative;padding-left: 13px; font-size: 16px;}
.aiCt-cont li:before {content: "";display: block;position: absolute;top: 11px;left: 0;width: 3px;height: 3px; background-color: #555;}
.sp_sub_title2{font-size: 23px;margin-top: 50px;font-weight: 600;letter-spacing: 0;}

.arrow-down {display: inline-block;position: relative;display: flex;justify-content: center;}
.arrow-down::before, .arrow-round::after {content: "";
  position: absolute;width: 10px;height: 10px;border: 3px solid #d2d0d0; border-radius: 3px; display: block;}
.arrow-down::before {top: 50%;transform: translateY(-50%) rotate(135deg);
  border-left: none;border-bottom: none;}
.arrow-down::after {right: 3px;top: 50%;transform: translateY(-50%) rotate(-45deg);border-left: none;border-top: none;}

 @media (max-width: 1220px) {
.research-methodology .step-list {height: 120px;}
.research-methodology1 .step-list {height: 120px !important;}
        }      
 @media (max-width: 768px) {
.research-methodology, .research-methodology1  {grid-template-columns: 1fr !important; }
.research-methodology1 .step-list {height: 80px !important; padding: 15px !important;}
.research-methodology .arrow-round, .arrow-round-2 {display:none;}
.step-box-container .step-box {display: flex;flex-direction: column;}
.step-box-container .step-list { width: 100% !important;}
.research-methodology .step-list2 { padding: 25px 20px 25px 70px;}
.step-box-container h2 {width: 100% !important;height: 50px;margin-bottom: 10px; }
.research-methodology1 .step-box {width: 100% !important;}
}       
.research-methodology1 {position: relative; display: grid;grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 20px auto;justify-items: center;}
.research-methodology1 .step-box {display: flex;flex-direction: column;width: 330px;}
.research-methodology1 .step-list {border-radius: 8px;padding: 23px;text-align: left;border: 1px solid #e2e1e1;height: 75px;line-height: 20px;}
.research-methodology1 .step-list li{position: relative;  word-break: keep-all;}
.research-methodology1 .step-list li::before {content: "";display: block;
position: absolute;top: 8px;left: -8px;width: 3px;height: 3px;background-color: #555;}
.arrow-round-2{background: url(../img/PTWCC/main/aiResearch_img05.png) no-repeat; width: 100px;height: 100px;
 position: absolute;left: 50%;transform: translateX(-50%);bottom: 138px; }
.anal-process{ margin: 20px auto; flex-wrap: wrap; display: flex;}
.step-box-container { margin: 10px auto;  display: flex; justify-content: center;}
.step-box-container .step-box{display: flex;}
.step-box-container h2{ background-color: #ed2c4b;color: #ffffff; border-radius: 6px;text-align: center;font-size: 17px;
    font-weight: 500;width: 150px;display: flex;align-items: center;justify-content: center; margin-right: 15px; line-height: 22px;}
.step-box-container .step-list {border-radius: 8px;padding: 20px;text-align: left;border: 1px solid #e2e1e1;line-height: 25px;width: 700px;}
.step-box-container .step-list li{font-size: 16px;word-break: keep-all;}
.rem-step-title1{ margin-bottom: 5px;font-size: 17px;font-weight: 600;}
/*디지털 전환(DX) 지원*/
.dx_wrap{ display: flex;justify-content: center; align-items: center;height: 400px;background-color: #f8f8f8;border-radius: 10px; margin: 60px 0;}
.dx_container { display: flex;align-items: center; }
.dx_circle {width: 150px; height: 150px;border-radius: 50%;display: flex;justify-content: center;align-items: center; text-align: center;font-size: 16px; font-weight: 500;padding: 10px;line-height: 20px;letter-spacing: -1px; }
.dx_left, .dx_right { background-color: white; }
.dx_center {background-color: #e5264a; color: white; width: 180px;height: 180px;}
.dx_line { width: 90px;height: 2px;background-color: transparent;border-top: 1px dashed #d9252a;}
@media (max-width: 600px) {
.dx_wrap {height: 550px; margin: 20px 0;}	
.dx_container {flex-direction: column;}
.dx_line { width: 2px;height: 13px;border-top: none;border-left: 1px dashed #d9252a;}
        }
/*디지털 신산업/신기술 컨설팅*/
.digicon_wrap{display: flex; justify-content: center;align-items: center;height: 500px;background-color: #f8f8f8; border-radius: 10px;
    margin: 60px 0;}
.digicon_container {display: flex;justify-content: space-between;align-items: center;
            width: 80%; max-width: 1000px;position: relative;text-align: center; }
.digicon_circle { width: 160px; height: 160px;background: white; border-radius: 50%; display: flex;justify-content: center; 
align-items: center; font-weight:500; padding: 20px;font-size: 17px;line-height: 23px;position: relative;z-index: 2;word-break: keep-all;}
.digicon_text { margin-top: 25px; line-height: 1.7; text-align: left;}
.digicon_text li{position: relative; font-size: 16px;  word-break: keep-all; padding-left: 30px;}
.digicon_text li::before{ content: "";display: block;position: absolute; top: 11px;
    left: 21px;width: 3px;height: 3px; background-color: #555;}
.digicon_dotted-line {position: absolute; top: 40%;width: 700px; height: 2px; border-top: 1px dashed #d43f3f;
transform: translateY(-50%);}
@media (max-width: 1220px) {
.digicon_dotted-line {width: 500px;}
}
@media (max-width: 768px) {
.digicon_wrap{height: 795px;}
.digicon_container {flex-direction: column;align-items: center;}
.digicon_dotted-line { display: none;}
.digicon_left{left: 19px;} 
        }       
.newtech_wrap { border-radius: 10px;  border: 1px solid #ebeaea;display: flex; justify-content: center; align-items: center; padding: 20px; margin: 60px 0; }
.newtech_container {padding: 30px;border-radius: 10px;width: 100%;max-width: 900px;display: flex;flex-wrap: wrap;
justify-content: space-between;text-align: center; }
.newtech_section {width: 350px;padding: 20px;border-radius: 10px;}
.newtech_header {display: flex;flex-direction: column; align-items: center; padding: 10px; font-weight: 500;}
.newtech_title { background: #e5264a; color: white; padding: 15px; border-radius: 50px; font-size: 18px;margin-bottom: 10px;}
.newtech_subtitle {background: #bfbfbf; color: white;padding: 15px;border-radius: 50px;margin-bottom: 10px;font-size: 16px;font-weight: 500;}
.newtech_list {background: white;border: 1px solid #ccc; padding: 15px; font-weight: 500; border-radius: 50px; font-size: 16px; font-weight: 500;margin: 5px 0;}
@media (max-width: 768px) {
.newtech_wrap {padding: 0;}
.newtech_container {padding:0; flex-direction: column;align-items: center;}
.newtech_section { width: 100%;margin-bottom: 0;}
.newtech_title {border-radius: 30px;}
        }                    
.digitcon_wrap{ display: flex;justify-content: center;
    align-items: center;height: height: 60%; background-color: #f6f6f6; border-radius: 10px; margin: 60px 0;}
    
    
/*단체신청*/    
.PTWBP017_bold{font-size:17px; color: #ee2c49;font-weight: 500;}
    
/*모바일 교육안내*/
.sp_sub_title_w {font-size:1.4rem; line-height:1.25; color: #ffffff;}
.sp_sub_title_b {font-size:1.4rem; line-height:1.25; color: #000000;}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  opacity: 0.25;
}

.display-1 {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 { font-size: 13px;
  }
}

.display-2 {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.2;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 560px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}


@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}



@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}


.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}




.py-3 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}



.bg-primary {
  --bs-bg-opacity: 1;
  background-color: #7560ff!important;
}

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }



.page-section {
  padding: 10px 24px;
  background: #f8f8f8;
}

.page-section-small {
  padding: 10px 24px;
}

.page-section-medium {
  padding: 20px 24px;
}

.text-white-75 {
  color: #ffffff !important;
}



hr.divider {
  height: 0.2rem;
  max-width: 3.25rem;
  margin: 1.5rem auto;
  background-color: #ee2c49;
  opacity: 1;
}



#mainNav {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #fff;
  transition: background-color 0.2s ease;
}
#mainNav .navbar-brand {
  font-family: "Inter,NotoSansKR,NotoSansJP,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,"system-ui",sans-serif";
  font-weight: 700;
  color: #212529;
}

header.masthead {
  padding-top: 10rem;
  padding-bottom: 50px;
  background: linear-gradient(to bottom, rgba(21, 20, 25, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  color: #ffffff;
}
header.masthead h1, header.masthead .h1 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 992px) {
  header.masthead {
    height: 500px;
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }
  header.masthead p {
    font-size: 1.15rem;
  }
  header.masthead h1, header.masthead .h1 {
    font-size: 3rem;
     font-weight: 600;
  }
}

  .top_header_circle
  { position: absolute;
   width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #ee2c49;
    right:25% }
    
@media (min-width: 1200px) {
  header.masthead h1, header.masthead .h1 {
    font-size: 3.5rem;
  }
}

.education_my {display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;    
    background-image: url(../img/icon_calendar.png);
    background-repeat: no-repeat;
    background-position: 100% 10%;
    color: #ffffff;
}

.education_my_1 {padding: 30px 35px;
}

.complete {display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #e8e7e7;
   background-color: #ffffff;
    color: #565656;   
    margin-top: 10px;
}

.complete_img{
   display: flex;
   border-radius: 20px;
    align-items: center;
    justify-content: center;
    position: relative;
   
   }
   
.complete_img img{
       position: absolute;
      margin-left: 500px;
   }
   
.complete_1 {padding: 35px 35px;
}

.education_f_1 {display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 70px;
    border-radius: 20px;
      overflow: hidden;
     align-items: center;
    justify-content: center;
     border-style: solid;
    border-width: 1px;
    border-color: #e8e7e7;
}

.edu_file{display: flex;
     align-items: center!important;
    justify-content: center!important;
   }
.btn_file{display: flex; align-items: center; justify-content:center; flex-direction: column;}
.btn_file_d{  display: flex; 
    border-radius: 10rem;
    width: 200px;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    }

    
.btn_file_a a{color: #ffffff; }

.education_f_1_i{
   position: absolute;
   right: 0;
}

.education_n_1 {display: flex;
    flex-direction: column;
    width: 100%;
    height:  150px;
    border-radius: 20px;
    background: #f3f3f3;
}

.mobile_edu_info_text_content { text-align: left !important; color: #ffff; font-weight: 500; line-height: 2.2rem; letter-spacing: -0.4px; margin: 20px 0 0;} 
.mobile_edu_info_text_content li{ line-height: 2; list-style-type: none;} 
.mobile_edu_info_text_content_gray{line-height: 1.5; margin: 20px 0;}
.mobile_edu_info_text_content_b{ display: flex; align-items: center; justify-content: center;}
.mobile_edu_info_text_content_button
{display: flex; background-color: #ffffff; border-style: solid; margin-top: 20px;
  border-width: 1px; border-color: #1974ff; border-radius: 10rem; width: 250px; height: 50px; 
  align-items: center; justify-content: center; color: #1974ff; text-decoration: none; }


.btn_hrdnet{display: flex; }
.btn_hrdnet_detail{  display: flex; 
    align-items: center;
    justify-content: center;
   }
.btn_hrdnet_detail a{text-decoration: none !important; color: #000000;  color: #7c7a7a; font-size: 12px;  font-weight: 700;}


.oliveticket{display: flex; flex-direction: column; width: 100%; height: 100%; border-radius: 20px; background-image: url("../img/icon_lunch.png");              background-repeat: no-repeat;  background-position: 100% 100%;  background-color: #ffffff; color: #565656;    border-style: solid;
    border-width: 1px;
    border-color: #e8e7e7;  } 
.oliveticket_cont {padding: 35px 35px 0px; }
.oliveticket_cont_r_b { display: flex;  padding: 35px 0px; align-items: center; justify-content:center;}
.oliveticket_cont_r_b_button{display: flex; background-color: #f8f8f8; border-radius: 30px; width: 150px; height: 40px; align-items: center; 
                               justify-content: center; color: #808080; text-decoration: none; border-style: solid;
    border-width: 1px;
    border-color: #e8e7e7;}
.btn_oliveticket{display: flex;  margin-top: 30px;}
.btn_oliveticket_andriod{ display: flex; 
    align-items: center;
    justify-content: center;
    color: #ffff;
    text-decoration: none; }
.btn_oliveticket_apple{display: flex;
    align-items: center;
    justify-content: center;
    color:#ffff;
    text-decoration: none;}
.btn_oliveticket a{text-decoration: none !important; color: #ffff; font-weight: 600;}
.btn_oliveticket_map{ display: flex; background-color: #f2f2f2; height: 50px;  justify-content: center; align-items: center; text-decoration: none;}
.btn_oliveticket_map a{text-decoration: none; color: #000000;}
.btn_oliveticket_map_img{margin-left:5px; text-decoration: none;}

.mob_footer {
  padding-top: 8rem;
  padding-bottom: calc(10rem - 4.5rem);
  background: url("../img/img_mob_footer.png");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover; 
  display:flex; align-items: center; justify-content: center; color: #ffff;
}
.mob_footer {
  font-size: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .mob_footer {
    height: 100vh;
    min-height: 40rem;
    padding-top: 3rem;
    padding-bottom: 0;
   display:flex; align-items: center; justify-content: center; color: #ffff;
  }
  
}
  .mob_footer {
    font-size: 20px;
   font-weight: 600;
  }

.map_cnt{ display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-image: url("../img/icon_map.png"); background-repeat: no-repeat;  background-position: 100% 90%; 
   border-style: solid;
    border-width: 1px;
    border-color: #e8e7e7;
    background-color: #ffffff;   color: #565656;   } 

.map_cnt_1 {padding: 35px 35px; }
.map_cnt_2 {line-height: 1.5; margin: 20px 0;}

.btn_classroom {
   display: flex;
   border-radius: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #e8e7e7;
   background-color: #ffffff;   
   color: #565656;
   padding: 20px;
   }

.head_greeting{
   text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #ffff;
   }
   
.top_header{ text-align: center; margin-top: 100px; margin-bottom: 30px; }
@media (max-width: 767px) {
  .top_header{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
   }
      }       

.container_edu_file
{
   display: flex;
   border-radius: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background-image: linear-gradient(to right, #7560ff, #669aff);
   color: #565656;
  height: 70px
   }

  .head_time_1 { 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
    font-weight: 600;
    line-height: 3;
  }
  .head_time{
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: #7560ff;   
    color: #ffffff;
    width: 200px;
    height: 50px;
    letter-spacing: 1px;
    font-weight: 600;
    }
    

  
/* 
:root{
            --main-color : #ee2c49;
            --bg-color : #d1102d;
            --text-color : #fff;
            --button-color : #b2001b;  
            
            --hover-color : #ee2c49;   
            --ht-color : #fff; 
            --line-color:#ee2c49;
        }
        .colorb{
            --main-color : #4d5cbc;
            --bg-color : #3f4a93;
            --text-color : #fff;
            --button-color : #3f4a93;
            --hover-color : #f2f5fa;
        }
        .colorn{
            --main-color : #313851;
            --bg-color : #232a42;
            --text-color : #fff;
            --button-color : #1a2036;            
        }
        .colorg{
            --main-color : #e5e5e5;
            --bg-color : #d5d5d5;
            --text-color : #666666;
            --button-color : #d5d5d5;            
        }
        .colorw{
            --main-color : #fff;
            --bg-color : #f6f6f6;
            --text-color : #333333;
            --button-color : #cccccc;            
        }
        
        .hoverr{
            --hover-color : #fce9e9;   
            --ht-color : #ee2c49; 
            --line-color: #fce9e9;
        }
        .hoverb{ 
            --hover-color : #f2f5fa;   
            --ht-color : #4d5cbc; 
            --line-color:#f2f5fa;
        }
        .hoverl{ 
            --hover-color : #fff;   
            --ht-color : #ee2c49; 
            --line-color:#ee2c49;
        }
        .hoverlb{ 
            --hover-color : #fff;   
            --ht-color : #4d5cbc; 
            --line-color:#4d5cbc;
        }
@media screen and (min-width: 1024.5px){
        #pt_header .pt_top_menu_bg{background-color: var(--main-color);border-bottom: 1px solid #ddd}
        #pt_header .pt_top_menu .pt_main_menu li{background-color: var(--bg-color);}
        #pt_header .pt_top_menu .pt_main_menu li a{color: var(--text-color);border-left:1px solid var(--button-color);}
        #pt_header .pt_top_menu .pt_util_menu li a{border-left:1px solid var(--button-color);color:var(--text-color);}
        #pt_header .pt_top_menu .util_lang a{background-color: var(--button-color);background-image:url(../img/header_btn.png);color:var(--text-color);}
        #pt_header .pt_logo_area .pt_user_menu li:nth-child(3) a{background-image:url(../img/header_kpc.png);}
        
        #pt_header .pt_edu_menu_area_bg{height: 50px;overflow: hidden;}
        #pt_header .pt_edu_menu_area a span{display: inline-block;font-size: 16px;font-weight:500;height:46px;line-height: 50px;border-bottom: 4px solid #fff;}
}
@media screen and (min-width: 1001px) {
    #pt_header .pt_edu_menu_area .pt_edu_menu li:hover a {background-color:var(--hover-color);}
   #pt_header .pt_edu_menu_area .pt_edu_menu li:hover a span{width:55%;font-size:18px;color:var(--ht-color); background-color:var(--hover-color);border-bottom: 4px solid var(--line-color);}
}
      */