@charset "utf-8";


/* 본문 바로가기 */
.accessibility{position:fixed; top:0; left:0; z-index:16777271; width:100%;}
.accessibility a{display:block; overflow:hidden; position:relative; height:0; padding-right:5px; padding-left:5px; text-align:center;}
.accessibility a:focus{height:auto; padding-top:5px; padding-bottom:5px; background-color:#000; color:#fff;}


div#wrap {position: relative;height: auto;min-height: 100%;padding-right: 110px;}
div#middle {position: relative;width: 100%;max-width: 1800px;margin: 0 auto;}
#footer{/* height: 220px; */position : relative;/* transform: translateY(-150px); */display: inline-block;width: 100%;padding: 0 0 30px;background-color: #595a6b !important;!i;!;}
#footer .cont_in {width: 1200px;margin: 10px auto 0;}
html, body {height: 100%;padding: 0px;margin: 0px;}
div#wrap.sub_p:before {/* content: ""; */position: absolute;height: 100%;width: 10px;margin-left: 240px;z-index: -1;}

#header {position: relative;top: 0px;min-height: 90px;padding-top: 10px;z-index: 10;}
#header .cont_in {text-align: center;}
#header .logo {padding: 5px 20px;/* width: 300px; */height: 70px;float: left;display: flex;align-items: center;text-align: center;}
#header .logo img {max-height: 100%;max-width: 100%;}
.menuchange {position: absolute;background: #f00;}
.gnb {display: inline-block;height: 70px;/* float: left; */margin-top: 10px;}
.gnb > li {position: relative;display: inline-block;list-style: none;}
.gnb li a:after {content: "";width: 7px;background: #d9d9d9;position: absolute;left: -4px;top: 21px;height: 7px;border-radius: 20px;}
.gnb > li:first-child a:after {display:none;}
.gnb > li > div {/* position: absolute; */text-align: left;top: 69px;display: none !important;}
.gnb > li > a {vertical-align: text-bottom;display: inline-block;margin: 0 0px;padding: 12px 25px 0;height: 50px;font-weight: 600;font-size: 18px;text-decoration: none;transition: all 0.3s ease-in-out;background-position:center -5px;}
.gnb > li:hover > a {padding-top:35px;background-position:center 10px;background-repeat:no-repeat;}
ul.gnb > li:hover > a,ul.gnb > li.on > a {background-color:#201b68;border-radius:20px;padding-top: 14px;color: #fff;}
/*
.gnb > li.Inb01:hover > a {background:#203c47 url(/app/img/common/menu_c01.png) center 10px no-repeat;}
.gnb > li.Inb02:hover > a {background:#203c47 url(/app/img/common/menu_c02.png) center 10px no-repeat;}
.gnb > li.Inb03:hover > a {background:#203c47 url(/app/img/common/menu_c03.png) center 10px no-repeat;}
.gnb > li.Inb04:hover > a {background:#203c47 url(/app/img/common/menu_c04.png) center 10px no-repeat;}
.gnb > li.Inb05:hover > a {background:#203c47 url(/app/img/common/menu_c05.png) center 10px no-repeat;}

.gnb > li.Inb11:hover > a {background:#203c47 url(/app/img/common/menu_a01.png) center 10px no-repeat;}
.gnb > li.Inb12:hover > a {background:#203c47 url(/app/img/common/menu_a02.png) center 10px no-repeat;}
.gnb > li.Inb13:hover > a {background:#203c47 url(/app/img/common/menu_a03.png) center 10px no-repeat;}
.gnb > li.Inb14:hover > a {background:#203c47 url(/app/img/common/menu_a04.png) center 10px no-repeat;}
.gnb > li.Inb15:hover > a {background:#203c47 url(/app/img/common/menu_a05.png) center 10px no-repeat;}
.gnb > li.Inb16:hover > a {background:#203c47 url(/app/img/common/menu_a06.png) center 10px no-repeat;}
.gnb > li.Inb17:hover > a {background:#203c47 url(/app/img/common/menu_a07.png) center 10px no-repeat;}
.gnb > li.Inb18:hover > a {background:#203c47 url(/app/img/common/menu_a08.png) center 10px no-repeat;}
*/

::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-thumb { background:#808080; border-radius:2em; /* 막대 */ }
::-webkit-scrollbar-track { background:#f3f3f3; border-radius:2em; /* 뒷 배경*/ } 
::-webkit-scrollbar-corner { background:#f3f3f3; }



.fav_menu_b {position: fixed;right: 0;top: 0;width: 110px;background: #dddddd;height: 100%;box-shadow: inset 5px 0px 13px -5px #adb5bf;padding: 0 10px 0 0;overflow: auto;}
.fav_menu_b .tit {text-align: center;display: block;margin: 85px auto 10px;background: #201b68;color: #f2f2f2;border-radius: 40px;font-weight: bold;width: 80px;height: 80px;padding: 20px 0;box-shadow: 1px 1px 9px -2px #201b68;}
.fav_menu_b ul > li > a {display: inline-block;margin: 5px 0;font-size: 15px;text-align: center;width: 100px;background: #c8e1f5;border-radius: 0 10px 10px 0;border: 1px solid #d7d7d7;border-top-color: #e9e9e9;color: #121212;padding: 10px 7px;transition: all 0.3s ease-in-out;}
.fav_menu_b ul > li > a i {display:block;text-align: center;font-size: 30px;color: #00004c;}
.fav_menu_b ul li.imp a {background: #75aae1;}
.fav_menu_b ul > li > a:hover {padding-left:10px;background: linear-gradient(45deg, #adcde7, #75aae1);}
.fav_menu_b ul > li .sub {background: #fff;padding: 10px;margin-top: 20px;border-radius: 0 10px 10px 0;}
.fav_menu_b ul > li .sub b {color: #4d4d4d;margin-bottom: 10px;display: block;}
.fav_menu_b ul > li .sub b ~ span {font-size: 12px;color: #4d6d8f;font-weight: bold;background: #e5eff7;width: 100%;display: inline-block;text-align: center;border-radius: 5px;margin: 5px 0;}
.fav_menu_b ul > li .sub b i {font-size: 17px;margin-right: 7px;}
.fav_menu_b ul > li .sub a {display: block;margin-bottom: 5px;border-bottom: 1px solid #eeee;padding-bottom: 5px;}
.fav_menu_b ul > li .sub a:after {content:"\f054";font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 12px;float: right;color: #ccc;padding-right: 5px;}

.NL_middle {max-width: 1200px;margin: 0 auto;padding: 0 50px;}


.m_t_bg {display: none;}
ul.util {float: right;margin-top: 10px;margin-right: 40px;display: flex;align-items: center;}
ul.util > li {float: left;}
ul.util > li > div > a {display: block;padding: 5px;margin: 5px;font-size: 12px;vertical-align: middle;}
ul.util .head_util_user {position: relative;font-size: 14px;margin-right: 3px;text-align: right;vertical-align: bottom;/* display: inline-block; */}
ul.util .head_util_user > a {display:none;width: 100%;border-radius: 10px;padding: 12px 14px 6px;min-width: 10px;font-size: 18px;text-align: center;margin: 0;}
ul.util .head_util_user b {font-size: 18px;}
ul.util .head_util_user span.login_type {display: block;font-size: 11px;background: #fff;border-radius: 15px;padding: 0px 10px;font-family: '돋음';transform: skew(-1deg);margin-right: 8px;}
ul.util .head_util_user div a {display: inline-block;font-size: 17px;vertical-align: baseline;margin-left: 10px;background: rgb(0 0 0 / 70%);color: #fff;border-radius: 5px;font-size: 14px;font-weight: 400;height: 27px;line-height: 17px;transform: skew(-0.001deg);}
ul.util .head_util_user a:hover {background: rgb(0 0 0 / 50%);}
ul.util .head_util_user i {margin-left: 7px;}
ul.util .head_util_user > a:after {content: "\f078";font-family: "Font Awesome 6 Free";font-weight: 900;/* float: right; */display: block;font-size: 12px;}
ul.util .head_util_user a.hon:after {content: "\f077";}
ul.util  a.hon {background:#fff;}
ul.util .head_util_select {position: relative;}
ul.util .head_util_select > a {width: 100%;border-radius: 10px;padding: 12px 8px 6px;min-width: 10px;font-size: 18px;display: inline-block;text-align: center;height: 66px;margin: 0;font-size: 14px;font-weight: 600;/* transform: skew(-0.001deg); */}
ul.util .head_util_select > div {position: absolute;right: 0px;top: 100%;margin-top: 3px;border: 1px solid #ddd;padding: 5px 0;background: #fff;width: auto;min-width: 100px;text-align: left;display: none;z-index: 1;border-radius: 10px;}
ul.util .head_util_select > div li > a {display: block;padding: 2px 10px;}
ul.util .head_util_select > a.hon + div {display:block;}
ul.util .head_util_select a:hover {background: rgb(0 0 0 / 10%);}
ul.util .head_util_select > a:after {content: "\f078";font-family: "Font Awesome 6 Free";font-weight: 900;/* float: right; */display: block;font-size: 12px;}
ul.util .head_util_select a.hon:after {content: "\f077";}
.login01_pass_mail label.st_chk_02 {width: 100%;margin: 0;}
.login01_pass_mail label.st_chk_02 .chk_label {display:inline-block;min-width: 100%;width: max-content;color: #838383;}
.login01_pass_mail label.st_chk_02 .chk_label b {display: block;font-size: 30px;margin-top: 10px;}
.st_chk_02 input[type="checkbox"]:checked + .chk_label {color: inherit;outline: 4px solid;}
li.user_login a {display: inline-block;background: #fffadf;color: #0046cb;font-weight: 600;padding: 10px 10px;border-radius: 10px;margin-top: 10px;box-shadow: 2px 1px 4px #dbc644;}

.content_group {/* float: left; *//* padding-left: 50px; */padding-right: 50px;padding-bottom: 50px;margin-left: 300px;}
.content_top {position: relative;display: inline-block;width: 100%;padding-top: 45px;padding-bottom: 10px;margin-bottom: 30px;}
.content_top h3 {float: left;font-size: 28px;line-height: 33px;word-break: keep-all;font-family: 'Korail';margin-bottom: 0px;}
.content_top:after {/* content: ""; */position: absolute;width: 100%;left: 0;bottom: 4px;height: 6px;}
.content_top .navi {float: right;margin-top: 10px;margin-bottom: 20px;}
a.menu-home {display: inline-block;width: 22px;height: 20px;vertical-align: text-bottom;background: url(/app/img/common/ico_navi_home.png) center center no-repeat;}
a.menu-home span {position:absolute;left:-10000px;top:-10000px;width:1px;height:1px;overflow:hidden;}

.l_quick_link {position: fixed;right: 15px;top: 210px;z-index: 1;/* display: none; */}
.l_quick_link li a {width: 70px;height: 70px;display: table-cell;font-size: 13px;text-align: center;vertical-align: middle;border-radius: 70px;line-height: 15px;}
.l_quick_link li {margin-bottom: 10px;display: table;}
.quick_area {position: fixed;z-index: 1001;right: 15px;bottom: 20px;}
.go_top .btn_go_top {font-size: 35px;display: block;width: 4rem;height: 4rem;padding-top: 15px;text-align: center;border-radius: 7px;transition: opacity 0.15s;opacity: 1;color: #203c47;background-size: 100%;width: 70px;height: 70px;padding-top: 10px;font-size: 15px;}
.go_top .btn_go_top i {font-size:30px;}
.go_top .btn_go_top:hover  {outline:2px dotted #707070;outline-offset:2px;}
.mini_tip {position: relative;cursor: pointer;}
.mini_tip.on b {background: #f5d305;}
.mini_tip .tip, 
.mini_tip .pop,
.mini_tip.on .pop {visibility:hidden;position: absolute;right: 120%;bottom: 0;box-shadow: 1px 2px 7px rgb(10 36 87 / 30%);}
.mini_tip .tip {background: rgb(0 0 0 / 80%);min-width: 160px;padding: 10px;color: #fff;border-radius: 20px;}

.mini_tip.on .pop {visibility:visible;}
.mini_tip .pop {font-weight: normal;background: #fff;padding: 20px;border-radius: 5px;font-size: 16px;border-top: 7px solid #203c47;}
.content_group > .content {}

.footer_l {padding-top: 10px;padding-left: 0;color: #dbdbdb;float: left;}
.footer_r {float: right;/* padding-top: 15px; *//* padding-right: 60px; */color: #cfcfcf;font-size: 13px;/* min-width: 285px; */}
.footer_r .f_sub b {display: block;font-size: 21px;margin-bottom: 5px;}
.f_info {font-size:15px;}

.family_site {position: relative;margin-top: 10px;}
.family_site a.btn_family_site {width: 100%;border-bottom: 1px solid #ffffff36;padding: 10px;min-width: 110px;display: inline-block;}
.family_site_list {position: absolute;left: 0;bottom: 100%;border: 1px solid #777;padding: 10px 0;background: #fff;width: 100%;display: none;}
.btn_family_site.fon + .family_site_list {display:block;}
.family_site_list a {display:block;padding:2px 10px;}
.family_site_list a:hover {background:#ccc;}
.family_site a.btn_family_site:after {content: "\f077";font-family: "Font Awesome 6 Free";font-weight: 900;float: right;margin-left: 20px;}
.family_site a.btn_family_site.fon:after {content: "\f078";}

.sub_vis {background: #f2f2f2 url(/app/img/common/bg_subvis.png) left bottom no-repeat;height: 50px;}
#leftMenu{position: absolute;margin-top: -30px;left: 20px;float:left;width: 240px;background: #fff;border-radius: 20px;overflow: hidden;z-index: 1;box-shadow: 5px 4px 15px rgb(148 153 173 / 25%);}
#leftMenu h2{float:left;width: 100%;text-align:center;padding: 40px 0px 30px;font-size: 24px;font-family: 'Korail';background: #375d90;color: #fff;}
#leftMenu ul.leftMenuList{float:left;width: 200px;padding: 20px 0;margin: 0 20px;}
#leftMenu ul.leftMenuList li a{display: block;}
#leftMenu ul.leftMenuList > li > a:after {content: "";display:inline-block;position: absolute;right: 0;top: 50%;margin-top: -10px;width: 18px;height: 18px;font-family: cursive;background: url(/app/img/common/leftMenuList_off.png) left top no-repeat;}
#leftMenu ul.leftMenuList > li.on > a:after {background: url(/app/img/common/leftMenuList_on.png) left top no-repeat;}
#leftMenu ul.leftMenuList li.on > a{font-weight: bold;}
#leftMenu ul.leftMenuList li:first-child {border-top:none;}
#leftMenu ul.leftMenuList li{margin-bottom: 5px;padding-top: 5px;border-top: 1px solid #eee;}
#leftMenu ul.leftMenuList li a{position: relative;display:block;padding: 5px 10px;font-size: 16px;z-index: 1;}
#leftMenu ul.leftMenuList li a:hover {padding-left:15px}
#leftMenu ul.leftMenuList li ul{background: #f2f2f2;}
#leftMenu ul.leftMenuList li ul li{border-bottom:0;}
#leftMenu ul.leftMenuList li ul li a{font-weight:normal;font-size:13px;color:#222;padding:5px 15px;}


.box_w5 {display: inline-block;float: left;width: 5%;}
.box_w20 {display: inline-block;float: left;width: 20%;}
.box_w25 {display: inline-block;float: left;width: 25%;}
.box_w30 {display: inline-block;float: left;width: 30%;}
.box_w3h {display: inline-block;float: left;width: 32% !important;margin-left: 2% !important;}
.box_w3h:first-child{margin-left: 0% !important;}
.box_w40 {display: inline-block;float: left;width: 40%;}
.box_w50 {display: inline-block;float: left;width: 50%;}
.box_w60 {display: inline-block;float: left;width: 60%;}
.box_w70 {display: inline-block;float: left;width: 70%;}
.box_w75 {display: inline-block;float: left;width: 75%;}
.box_w80 {display: inline-block;float: left;width: 80%;}
.box_w100 {display: inline-block;width: 100%;}
.box_w100 img {max-width:100%;}
.box_whalf {display:inline-block;width:49%;float: left;}
.box_whalf + .box_whalf {margin-left: 2%;}
.box_shadow {box-shadow: 2px 2px 20px #ccc;box-shadow: 2px 2px 20px rgb(0 0 0 / 15%);}
.gap5 {gap:5px;}
.gap10 {gap:10px;}
.gap15 {gap:15px;}
.gap20 {gap: 20px;}
.gap30 {gap:30px;}

/*popup*/
.popup_w {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.popup_bg {position: fixed;top: 0px;left: 0;width: 100%;height: 100%;background: url(/cpf/img/content/pop_bg.png);background: rgb(0 0 0 / 30%);z-index: 10;}
.popup_box {position: absolute;display: inline-block;/* width: 800px; */min-width: 400px;max-width: 100%;max-height: 820px;text-align: left;left: 50%;top: 50%;z-index: 10;transform: translate(-50%,-50%);max-height: 90vh;overflow: auto;}

a.btn_st.pop_close {position: absolute;right: 15px;top: 10px;font-size: 14px;padding: 10px 40px 10px 10px;height: 30px;color: #fff;line-height: 8px;border: 1px solid #fff;background: url(/app/img/common/icon_close.png) right 8px no-repeat;}

.popup_cont {background: #fff;margin: 0 15px 15px;border-radius: 10px;}
.pop_tit {position: sticky;padding: 15px 20px;color: #fff;width: 100%;top: -1px;z-index: 1;}
.b_c_btn {text-align: center;}
.pop_ty2 .popup_box {background: #fff;color: #333;border: 1px solid #cfcfcf;box-shadow: 3px 3px 10px #00000052;margin-left: -10px;}
.pop_ty2 .popup_box .pop_tit {background: none;color: #333;}
.popup_w.pop_ty2 {z-index: 100;width: 0;height: 0;top: 50%;left: 50%;}
.popup_w.pop_ty2 a.btn_st.pop_close {padding: 0;border: none;filter: contrast(0);width: 35px;min-width: 35px;height: 35px;}
.popup_w.pop_ty2 a.btn_st.pop_close span {position:absolute;left:-10000px;top:-10000px;width:1px;height:1px;overflow:hidden;}
.just_pop .popup_bg {display: none;}
.just_pop .popup_box {width: 100%;height: 100%;max-height: 100%;transform: translate(0px, 0px);left: 0;top: 0;}
.just_pop {height: 100%;width: 100%;}
.just_pop .popup_cont {height: calc(100% - 70px);overflow: auto;}



.popup_w.pop_ty3 {}
.popup_w.pop_ty3 .popup_box {background: none;border-radius: 30px;box-shadow: 1px 2px 9px #ccc;}
.popup_w.pop_ty3 .popup_cont {margin: 0;padding: 20px;border-radius: 0;}
.popup_w.pop_ty3 .pop_tit {text-align: center;padding: 25px 0;font-size: 20px;}
.popup_w.pop_ty3 a.btn_st.pop_close {border: 1px solid rgb(255 255 255 / 50%);top: 15px;right: 15px;padding: 19px;border-radius: 25px;background-position: 13px 13px;}
.popup_w.pop_ty3 a.btn_st.pop_close span {position: absolute;font-size: 1px;width: 1px;height: 1px;overflow: hidden;padding: 0.1px;}
.pop_ty3 a.pt3_btn {width: 90px;}

.txt_st.t_st01 {border: 1px solid #ddd;display: inline-block;border-radius: 5px;overflow: hidden;padding-right: 20px;}
.txt_st.t_st01 b {padding: 3px 20px 5px;isplay: inline-block;background: #333;color: #fff;margin-right: 20px;font-weight: 500;}
.txt_st.t_st01 span.won {font-size: 14px;color: #666666;margin-left: 5px;}


.study_p {position: relative;width: 100%;height: calc(100% - 65px);}
.study_p p.study_p_tit {padding: 20px;border-bottom: 1px solid #999;}
.study_p .study_p_box {padding: 20px;display: flex;width: 100%;height: 100%;justify-content: space-between;}
.study_p .study_p_box p.tit {font-weight: bold;font-size: 20px;}
.study_p .study_p_box .l {display: flex;width: 400px;height: 100%;flex-direction: column;}
.study_p .study_p_box p.tit span {margin-left: 5px;font-weight: normal;}
.study_p .study_p_box .l .list_ovs {overflow: auto;margin: 10px 0;overflow: auto;/* max-height: 420px; */}
.study_p .study_p_box .l .list_ovs li {margin-bottom: 5px;position:relative;}
.study_p .study_p_box .l .list_ovs li > div.list {position: relative;font-size: 14px;margin-right: 70px;height: 25px;line-height: 25px;margin-bottom: 10px;padding-left: 5px;}
.study_p .study_p_box .l .list_ovs li > div.list a {position: relative;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;max-width: calc(100% - 50px);vertical-align: middle;z-index: 1;}
.study_p .study_p_box .l .list_ovs li > div .state {position: absolute;right: 0;top: 0;}
.study_p .study_p_box .l .list_ovs li > div.state {position: absolute;right: 0;top: -1px;margin-right: 0;padding:  0 5px;min-width: 55px;height: 25px;line-height: 25px;}
.study_p .study_p_box .l .list_ovs li > div.playing.list span.time {position: relative;display: inline-block;vertical-align: middle;z-index: 1;}
.study_p .study_p_box .l .list_ovs li > div.playing.list:before {content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f2f2f2;z-index: 0;}
.study_p .study_p_box .l .list_ovs li > div.playing.list:after {content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 50%;height: 100%;background: #85baa1;z-index: 0;}

.study_p .study_p_box .l + .player_wrap {max-width: calc(100% - 420px);}
.player_wrap {display: flex;flex-direction: column;/* margin-left: 20px; */width: 100%;}
.player_wrap .select_wrap#timerDiv {position: absolute;right: 20px;top: 15px;border: 3px solid #565656;padding: 3px 20px;font-size: 20px;background: #eff5f5;border-radius: 10px 10px 10px 0;}
.player_wrap .select_list {position: absolute;left: 0px;top: 30px;background: #fff;padding: 5px;max-height: 150px;width: 100%;overflow: auto;display: none;border-radius: 10px;border: 1px solid #ccc;box-shadow: 3px 3px 3px #00000038;}
.player_m {/* width: 100%; *//* height: 100%; *//* border: 1px solid #ccc; *//* overflow: auto; */}
.player_wrap .select_wrap {position:relative;min-height: 34px;margin-bottom: 0px;}
.player_wrap .select_wrap > a.select_tit {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;display: block;border: 1px solid #ccc;padding: 4px 30px 4px 4px;font-size: 14px;margin: -5px 0 9px;border-radius: 5px;padding-left: 50px;background: url(/app/img/common/icon_arw_down.png) right 12px no-repeat;}
.player_wrap .select_wrap > a.select_tit b {margin-left: -43px;width: 40px;display: inline-block;}
.player_wrap .select_wrap > a.select_tit.on {background: url(/app/img/common/icon_arw_up.png) right 12px no-repeat;white-space: normal;position: absolute;background-color: #fff;}
.player_wrap .select_wrap a.on + .select_list {display: block;}
.player_wrap .select_list li a  {display: block;font-size: 14px;padding-left: 45px;}
.player_wrap .select_list li a b {position: absolute;display: inline-block;margin-left: -40px;font-size: 12px;text-align: center;width: 40px;}
.player_wrap .select_list li {padding: 2px 0}
.player_wrap .select_list li:hover {background:#f2f2f2;}

.player_wrap .select_list li + li {border-top: 1px solid #ccc;}

.ib_box {display: flex;flex-direction: row;justify-content: space-evenly;}
.ib_box .ib_long {width: 100%;}
.ib_box .ib_long + .ib_short {margin-left: 10px;margin-right: 0;}
.ib_short {margin-right: 10px;}



.detail_view {display: inline-block;width: 100%;}
.detail_view + .detail_view {margin-top: 30px;}
.detail_view .detail_view_top {display: inline-block;width: 100%;background: #f0f1f3;padding: 20px;margin-bottom: 20px;border-radius: 20px;}

.detail_view .detail_view_cont {/* background: #f0f1f3; *//* padding: 30px 0px 30px 30px; *//* border-radius: 15px; */}

.b_tit {margin: 50px 0 20px;font-weight: 500;font-size: 16px;color: #606060;}
h4.b_tit {position: relative;font-size: 24px;font-weight: bold;padding-left: 30px;color: #090055;}
.p_h4 {margin-left: 30px;font-size: 18px;margin-bottom: 10px;color: #484848;}
h4.b_tit:after {content:"";position: absolute;left: 3px;top: 5px;display:inline-block;width: 9px;height: 22px;vertical-align: top;background: #fbe97d;margin-right: 7px;border-left: 0;border-bottom: 7px;border-radius: 20px;margin-left: 3px;transform: rotate(45deg);filter: opacity(0.9);}
h4.b_tit:before {content:"";position: absolute;left: 3px;top: -5px;display:inline-block;width: 8px;height: 22px;vertical-align: top;background: #203c47;margin-right: 7px;border-left: 0;border-bottom: 7px;border-radius: 20px;margin-left: 3px;/* transform: rotate(-45deg); */}
h5.b_tit {margin: 25px 0 10px 25px;position: relative;font-size: 18px;font-weight: 700;}
h5.b_tit:before {content:"";display:inline-block;width: 5px;height: 16px;vertical-align: inherit;background: #abfdcd;margin-right: 11px;margin-left: -16px;border-left: 0;border-bottom: 7px;border-radius: 20px;}
h5.b_tit:after {content:"";display:inline-block;position: absolute;left: -8px;top: 7px;width: 16px;height: 5px;vertical-align: top;background: #abfdcd;margin-right: 11px;margin-left: -13px;border-left: 0;border-bottom: 7px;border-radius: 20px;}
h6.b_tit {margin: 25px 0 10px 25px;position: relative;font-size: 16px;font-weight: 700;}
h6.b_tit:before {content: "*";display:inline-block;width: 10px;height: 10px;vertical-align: inherit;background: #fbe97d;margin-right: 5px;margin-left: -7px;line-height: 15px;border-left: 0;border-bottom: 7px;border-radius: 20px;}
.p_h5 {margin-left: 25px;font-size: 16px;margin-bottom: 10px;color: #777;font-weight: 500;}
.b_tit:first-child {margin-top: 20px;}
.edit_2line {display: flex;flex-wrap: wrap;justify-content: space-between;}
.edit_2line > .input_w {width: 50%;padding-right: 30px;}
.edit_2line .input_w.w100 {width:100%;padding-right: 0;}
.edit_2line .input_w:first-child {border-top: 1px solid #f1f1f1;}

.line_B {display: flex;width: 100%;border-bottom: 1px solid #ccc;padding: 0 0 40px;margin-bottom: 40px;align-items: flex-end;justify-content: space-between;}
.input_w.t_bar.b_bar {}

.t_bar {padding-top: 20px;margin-top: 20px;}
.b_bar {padding-bottom: 20px;margin-bottom: 20px;}



.c_b_cont {border-top: 1px solid #f2f2f2;margin-top: 50px;padding-top: 30px;padding: 50px 100px 50px 50px;background: #f7f7f7;border-radius: 20px;display: inline-block;width: 100%;}
.research {position: relative;padding: 10px 0 0px;padding-bottom: 0;}
.contentAdmin {padding: 20px;}
.ccl {display: flex;}
.ccl > a {margin-right: 30px;}
.researchCount ol {display: flex;}
.researchCount ol li {margin-right: 5px;}
.researchCount ul {display: flex;width: 100%;justify-content: space-between;margin: 10px 0;}
.researchCount ul li:first-child {width: calc(100% - 70px);}
.researchCount ul li:first-child input {width: 100%;font-size: 16px;padding: 8px 6px;vertical-align: middle;border: 1px solid #eaeaea;}
.researchCount ul li a {vertical-align: middle;}
.researchCount ol li label {word-break: auto-phrase;}
.researchCount ol li label {display: inline-block;border: 1px solid #ccc;border-radius: 5px;margin: 0;padding: 2px 5px;background: #fff;color: #868686;font-size: 13px;width: 82px;text-align: center;}
.researchCount ol {flex-wrap: wrap;}
.researchCount ol li input {display: none;}
.researchCount ol li input:checked + label {background: #868686;color: #fff;border: 1px solid #727272;}

.adminArea dd {}
.adminArea dl {display: flex;}
.adminArea dt:after {content: "|";color: #a3a3a3;margin: 0 7px;}
.adminArea {position: absolute;right: 20px;bottom: 8px;font-size: 14px;color: #999;}
.research p.research_title {margin-bottom: 5px;}

#footer .cont_in:first-child .f_a_list {display: inline-block;}
#footer .cont_in:first-child .f_a_list b {color: #ffffff;}
#footer .cont_in:first-child .f_t_time {padding: 5px 30px 13px 70px;float: right;position: relative;/* margin-right: 20px; */height: 63px;font-size: 15px;text-align: right;line-height: 16px;}
#footer .cont_in:first-child .f_t_time span.i i {display: block;font-size: 30px;text-align: center;}

#footer .cont_in:first-child .f_t_time span.i {vertical-align: middle;position: absolute;left: 20px;top: 15px;font-size: 12px;}
#footer .cont_in:first-child .f_a_list a {display: inline-block;padding: 20px 20px;}
#footer .cont_in:first-child .f_t_time b {font-size: 18px;margin-left: 5px;}
#footer .cont_in:first-child .f_t_time div {font-size: 12px;}
p.f_logo {display: inline-block;width: 100px;vertical-align: middle;}
.f_sub {display: inline-block;float: right;}
.f_t_time .tel {font-size: 45px;color: #f9d888;font-weight: bolder;line-height: 45px;}
.f_t_time > div {margin-top: 15px;line-height: 17px;text-align: center;}
.f_info .tel {color: #a7a7a7;}
.f_info .tel b {color: #dbdbdb;}
.f_info .tel span {margin: 0 11px;font-size: 10px;vertical-align: text-top;}
.f_info .copy {color: #a7a7a7;font-size: 13px;margin-top: 10px;}

.popup_alt {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.popup_box3 {position: absolute;display: inline-block;width: auto;min-width: 100px;max-width: 100%;max-height: 820px;text-align: center;padding: 30px 50px;left: 50%;top: 50%;z-index: 10;transform: translate(-50%, -50%);max-height: 90vh;background: #fff;box-shadow: 5px 5px 7px 0 rgb(0 0 0 / 20%), 0 2px 5px 0 rgb(0 0 0 / 20%);}

.ONline_test_alert .tit {font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.ONline_test_alert .txt {display: block;text-align: left;width: 170px;font-size: 16px;margin: 0 auto 20px;}
.ONline_test_alert .txt span {font-size:20px;font-weight:bold;}
.ONline_test_alert .info {color:#777;font-size:14px;}

/*sub_fav_menu*/



/*file add pop*/
.upfile_block {margin-bottom: 10px;}
.upfile_block .btn_st {float: left;padding: 7px;min-height: 54px;}
.upfile_block div.txt_file {display: flex;min-height: 55px;vertical-align: middle;border: 1px dotted #ccc;padding: 5px 10px;width: calc(100% - 100px);flex-direction: row;align-content: center;flex-wrap: wrap;word-break: break-word;}

/* layer popup*/
.popup_closebtn {position: absolute;bottom: -37px;left: 0;width: 100%;height: 37px;padding: 5px 13px;background: #333;color: #fff;}
.popup_closebtn a {float: right;color: #fff;display: inline-block;width: 40px;height: 37px;line-height: 34px;text-align: center;margin: -5px -13px 0 0px;}
.fa_ico_opac {display: block;font-size: 50px;margin-bottom: 20px;color: #ecedef;}

/* 메인팝업 관련 */
.mainPopW .popup_w {position: relative;top: inherit;left: inherit;min-height: 100%;display: inline-block;}
.mainPopW  .popup_w .popup_box {transform: translate(0%,0%);left: inherit;top: inherit;position: relative;border-radius: 0;min-width: 100%;}

.mainPopW{position: fixed; z-index: 9999999998; top: calc(50% - 255px); left: 0; right: 0; text-align: center;}

.mainPopW .mainPop{vertical-align: top;}
.mainPopW.ea3 .mainPop{width:calc(33% - 22px);}
.mainPopW.ea4{position: absolute; max-width: 1300px; width: 100%;left: 50%; top: 75px; transform: translate(-50%, 0);}
.mainPopW.ea4 .mainPop{width:calc(50% - 22px);}

.mainPopW .mainPop{position:relative; margin: 10px;display:none;}
.mainPopW .mainPop .mainPopBody{border-radius: 20px; overflow: hidden;box-shadow: 0px 0px 40px rgb(0 0 0 / 45%);    padding-bottom: 35px;}

.mainPopW .mainPop .closeBar{position: absolute;bottom: 0;left: 0;right: 0;height: 35px;background: #222;display: flex;justify-content: flex-end;
align-items: center;color: #fff;border-radius: 0 0 20px 20px;    font-size: 15px; font-family: 'Nanum Gothic'; font-weight: 600;}
.mainPopW .mainPop .closeBar label {margin-bottom: 0;text-align: center;}
.mainPopW .mainPop .closeBar button{border: 0;width: 40px;height: 35px;background: transparent;margin-right: 5px;}
.mainPopW .mainPop .closeBar button::after{content: "+";font-size: 24px;transform: rotate(45deg);display: block;color:#fff;}

@media (max-width:1500px){ 
.mainPopW{width:100%;}
}
@media (max-width:1000px){ 
.mainPopW{position:absolute;flex-wrap: wrap; }
.mainPopW .mainPop{width: calc(50% - 22px) !important;}
}
@media (max-width:700px){ 
.mainPopW .mainPop{width:calc(100% - 20px) !important;}
}
@media (max-width:500px){ 
.mainPopW{top: 10px !important;}
}








div.ui-tooltip.ui-widget-content {background: rgb(0 0 0 / 80%);font-family: "Noto Sans Korean";color: #fff;font-size: 14px;border-radius: 10px;border: none;padding: 15px;}