@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(※);}
/* 영문 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:'Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, '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:'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:'Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif !important; font-size:14px;}
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 !important; padding: 0 10px; box-sizing:border-box;}
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: 18px; height: 18px;margin:0;}
input[type=checkbox]:checked{background-image:url(../img/icon_check_on.png);border:1px solid #ee2c49;}
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;}

/* 레이아웃 관련 */
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: 21px; 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: 8px; font-size: 14px; color:#666; font-weight: 400;}
.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: 13px; 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: 12px; color:#b0b0b0; background:#fff; vertical-align:middle;}
.pt_header_search_keyword .keyword_foot .btn_auto_on {font-size: 12px; color:#b0b0b0; background:#fff; vertical-align:middle;}
.pt_header_search_keyword .keyword_foot .btn_all_del {position:relative; font-size: 12px; 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; background:#fff9f9 !important; z-index: 10;} 
.pt_header_search_keyword .keyword_hot .keyword_tit {text-align:center; margin-bottom: 15px;}
.pt_header_search_keyword .keyword_hot li {width: 100%; padding: 7px 0;}
.pt_header_search_keyword .keyword_hot li + li {border-top:1px dashed #ede9e8;}
.pt_header_search_keyword .keyword_hot li a {font-size: 12px; color:#666; 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: 13px; color:#ef2d48; margin-right: 10px;}
#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;}
.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 */
}


/*퀵메뉴*/
.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: 14px 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[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[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: 20px 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;}

/*푸터*/
/*#content{marign-bottom:100px;} */
footer{min-width:1200px;background-color: #312f2f;height: 270px;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 #dcd8d9; 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 {background-color:#ffe8eb;border-color: #ffe8eb;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: #fdf7f7; 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: 300;}
.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;}
.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: 400;}

.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;}
.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: 40px; 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: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;}


/* 기업교육담당자 버튼 */
.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{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;}
.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;}



/* 모바일 기업교육담당자 메뉴 버튼*/
@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:3px;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:0px !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: 50px;}
/*글자색상*/
.pt_btn.color_r, a.pt_btn.color_r, button.pt_btn.color_r{color:#ee2c49;}
/*배경색상*/
.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: #666 !important;border:1px solid #666 !important; color: #fff !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;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;}
/*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;}
.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: 20px; background-color: #f8f8f8;padding: 15px 30px 15px 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: 14px; 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: 14px; 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: 14px;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;}
.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;}
.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: 20px; margin-bottom: 10px; color:#333;}
.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 #ccc;}
.sp_table_area .sp_table thead th{border-bottom: 1px solid #707070;}
.sp_table_area .sp_table tr th{font-size: 16px;/* 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:15px; padding:8px 10px; vertical-align:middle;line-height:1.6;/* background-color:#fff */;height: 57px; color:#333; font-weight:400; 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;}


/*서브페이지 테이블, 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;}
.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 #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_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;background-color:#f4f6f7;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: 175px;font-size: 14px;height: 33px;}
#bgn_de,#end_de{max-width: 101px;}
#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:before{content:'';display:inline-block;width:5px; height:5px;background-color:#ee2c49;margin-right:10px;vertical-align:middle;}

.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:0;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;}
.btn_prev_area a,
.btn_next_area a { display:inline-block; text-indent:-9999px; overflow:hidden; background:url("../img/com/paging_button.png") no-repeat 0 0; width:24px; height:24px; }
.btn_prev_area a.paging_start { background-position:0 0; }
.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:0 -4px 0 -4px; cursor:default; }
.btn_prev_area a.paging_prev { background-position:-48px 0; width:25px; }
.btn_prev_area a.paging_prev.disable_btn { background-position:-48px -28px; cursor:default; }
.btn_next_area a.paging_next { background-position:-73px 0; }
.btn_next_area a.paging_next.disable_btn { background-position:-73px -28px; cursor:default; }
.btn_next_area a.paging_next_block { background-position:-97px 0; margin:0 -4px 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:-121px 0; width:25px; }

/*회원가입*/
.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:1.5rem; color:#333;padding:0 10px;vertical-align:middle;}
.btn.btn_calendar{display:inline-block;vertical-align:middle;cursor:pointer;width:34px; height:34px; line-height:25px; background:#666666; text-align:center; margin:0; padding:0; border-radius:17px;color:#fff;}
.btn.btn_today{display:inline-block; padding:3px 12px;vertical-align:middle;background-color:#f7f7f7;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 #ccc;}
.calendar_div .calendar tr th{padding:10px; background-color:#555;color:#fff;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;}
.calendar_div .calendar tr td a{line-height:1.5;position:relative;padding-left:8px;display:block;}
.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;display: none;overflow: hidden;}
.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: 18px; 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_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;}


/* 교육 연간일정 테이블 */
.sp_table_area.curriculum .sp_table {table-layout:fixed; white-space: normal;}
.sp_table_area.curriculum .sp_table tr th {background:#f4f4f4; line-height:1.3;border-left: 1px solid #ccc;}
.sp_table_area.curriculum .sp_table tr:first-child th:last-child {background-color: #f4f4f4;}
.sp_table_area.curriculum .sp_table tr th.month {background-color: #f4f4f4;}
.sp_table_area.curriculum .sp_table tr td {padding:8px 5px; color:#888;font-size: 14px;border-left: 1px solid #ccc;}
.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 {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;}

/* 교육신청 */
.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; }
.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 label {display:block;box-sizing:border-box;color:#666; font-size:18px;font-weight:500; position:relative; padding: 25px 25px 25px 105px; 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 label strong {font-size: 17px; 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);}
.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 #ccc !important; background:#f6f6f6; 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;}
.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;}
.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 #bbb; transition:all 0.3s;}
.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;}
.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 .top {margin-bottom: 4px;}
.result_item .result_edu .card_top .category {margin-right: 25px; 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: 15px; color: #666; margin-top: 6px;}
.result_item .result_edu .card_top .btn_wrap {position:absolute; bottom: 20px; right: 40px;}
.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 #bbb; 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 a: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 #bbb; 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;}
	.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:1rem;}
	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:1rem;}
	.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;}
	#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;}
	.top_footer ul li + li:before {display:block; content:''; width: 1px; height:10px; background:#8a8a8a; position:absolute; top:50%; 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;font-size:1.285rem !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;}
	.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"], .sm_canvas .question_div li input[type="checkbox"] {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: 0.5rem;}
	.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;}
	
	/*강의실 테이블*/
	.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:1.25rem;}
	.sp_scr:before {display:block; content:'밀어서 보기  >>'; clear:both;position:absolute; right:0; top:0;color:#999;}
	
	.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;}
}

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


@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: 17px;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:18px;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;}

/* 
: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);}
}
      */