@charset "UTF-8";
.blind{position:absolute;display:inline-block;width:0;height:0;font-size:0;color:rgba(0,0,0,0);overflow:hidden;}
/* header */
.header{position:fixed;top:0;right:0;left:0;z-index:999;width:100%;min-width:1240px;margin:0 auto;background:rgba(255,255,255,1);transition:top .3s, background .5s;border-bottom:1px solid #e5e5e5;}
.foot .header {border-bottom:none;}
.header.gnbHide{top:-80px;border-bottom:none;}
.header.gnbHide2{top:-80px;border-bottom:none;}
.header_inner{position:relative;width:100%;margin:0 auto;font-size:0;text-align:center;}
.header_inner::after{content:'';display:block;clear:both;visibility:hidden;}

/* Logo */
.logo{position:relative;z-index:1;display:inline-block;padding:20px 0 0 40px;text-align:left;vertical-align:top;float:left;}
.logoa a{display:inline-block;}
.logo a img{width:100px;}


/* nav */
.header_nav{display:inline-block;position:absolute;top:0;left:0;right:0;margin:auto;text-align:center;vertical-align:top;transition:padding .3s ease-out;}
.header_nav .navWrap{display:inline-block;font-size:0;}
.main_nav{display:inline-block;padding:20px 40px 20px;}
.nav_tit{display:inline-block;padding:10px;}
.nav_tit h2{font-size:20px;font-weight:500;line-height:1;color:#333333;}
.nav_tit:focus,.nav_tit:hover{text-decoration:none;}
.main_nav.on .nav_tit, .nav_tit:hover h2{color:#ff7200;}
.kyowon .nav_kyowon h2,.csv .nav_csv h2,.media .nav_media h2,.recruit .nav_recruit h2,.inquiry .nav_inquiry h2 {color:#ff7200;}
.sub_nav_bg{background:#f1f1f1;position:absolute;top:80px;right:0;left:0;z-index:-1;width:100%;height:0px;margin:auto;opacity:0;transition:opacity .5s, height .5s, background .5s;}
.sub_nav_bg.on{height:50px;opacity:1;transition:opacity .3s, height .1s, background .3s;}
.subMenuOn .sub_nav_bg{background:#ff7200;transition:opacity .3s, height .3s, background .3s;}
.sub_nav{display:inline-block;position:absolute;top:0;right:0;left:0;width:100%;height:auto;margin:0 auto;overflow:hidden;opacity:0;transition:all .3s;}
.main_nav.on .sub_nav{top:80px;opacity:1;transition:opacity .7s;}
.header.subMenuOn .main_nav.on .sub_nav{top:80px;opacity:1;transition:opacity .5s, top .3s;}
.sub_nav_tit{display:inline-block;}
.sub_a{display:none;position:relative;padding:17px 5px 17px;margin:0px 25px 0px;font-size:16px;line-height:1;text-align:center;color:#333333;}
.sub_a:focus,.sub_a:hover{text-decoration:none;color:#ff7200;}
.subMenuOn .sub_nav .sub_nav_tit .sub_a{color:#fff;}
.sub_a::before{content:'';display:inline-block;position:absolute;left:50%;bottom:0;width:0%;height:4px;opacity:0;background:#ff7200;transition:all .2s ;}
.subMenuOn .sub_a::before{background:#fcff00;}
.main_nav.on .sub_a{display:inline-block;}
.sub_a:focus::before,.sub_a:hover::before{width:100%;left:0;opacity:1;}
.ceo .sub_ceo .sub_a,
.value .sub_value .sub_a,
.business .sub_business .sub_a,
.history .sub_history .sub_a,
.infra .sub_infra .sub_a,
.ci .sub_ci .sub_a,
.csv01 .sub_csv01 .sub_a,
.promotion .sub_promotion .sub_a,
.advertisement .sub_advertisement .sub_a,
.news .sub_news .sub_a,
.newsletter .sub_newsletter .sub_a,
.person .sub_person .sub_a,
.process .sub_process .sub_a,
.notice .sub_notice .sub_a{color:#ff7200;}
.ceo .sub_ceo .sub_a::before,
.value .sub_value .sub_a::before,
.business .sub_business .sub_a::before,
.history .sub_history .sub_a::before,
.infra .sub_infra .sub_a::before,
.ci .sub_ci .sub_a::before,
.csv01 .sub_csv01 .sub_a::before,
.promotion .sub_promotion .sub_a::before,
.advertisement .sub_advertisement .sub_a::before,
.news .sub_news .sub_a::before,
.newsletter .sub_newsletter .sub_a::before,
.person .sub_person .sub_a::before,
.process .sub_process .sub_a::before,
.notice .sub_notice .sub_a::before{width:100%;left:0;opacity:1;}

.ceo .subMenuOn .sub_ceo .sub_a,
.value .subMenuOn .sub_value .sub_a,
.business .subMenuOn .sub_business .sub_a,
.history .subMenuOn .sub_history .sub_a,
.infra .subMenuOn .sub_infra .sub_a,
.ci .subMenuOn .sub_ci .sub_a,
.csv01 .subMenuOn .sub_csv01 .sub_a,
.promotion .subMenuOn .sub_promotion .sub_a,
.advertisement .subMenuOn .sub_advertisement .sub_a,
.news .subMenuOn .sub_news .sub_a,
.newsletter .subMenuOn .sub_newsletter .sub_a,
.person .subMenuOn .sub_person .sub_a,
.process .subMenuOn .sub_process .sub_a,
.notice .subMenuOn .sub_notice .sub_a{color:#fcff00;}
.subMenuOn .sub_nav .sub_nav_tit .sub_a:focus,.subMenuOn .sub_nav .sub_nav_tit .sub_a:hover{text-decoration:none;color:#fcff00;}
/* Links area */
.header_link{position:relative;display:inline-block;text-align:right;vertical-align:top;float:right;font-size:0;}

/* Languages */
.linkLang{display:inline-block;width: 120px;padding:27px 10px 27px 52px;position:relative;background:url("../images/common/lang_bg.png")no-repeat 10px center;cursor: pointer; text-align:left;}
.linkLang .select {font-weight:normal;width: 100%;font-size: 20px;color:#333333;-webkit-appearance: none;-moz-appearance: none; cursor: pointer;box-sizing: border-box; z-index: 1;font-family:"Roboto", sans-serif;}
.lang_list {display: none;position: absolute;top: 100%;right: 0;width: 100px;background-color: rgba(255,255,255,.85);z-index: 800;}
.lang_list dd {font-weight:normal;display: block;height: 80px; line-height: 80px;border-top:1px solid #e5e5e5;color: #333;text-align:center;box-sizing: border-box;cursor: pointer;font-size: 20px;font-family:"Roboto", sans-serif;}
.linkLang:hover .lang_list,.linkLang:focus .lang_list,.linkLang:active .lang_list {display: block;transition: all 0.5s ease-in-out;}

/* secondHeader */
.second_header{width:100%; }
.second_header {border-bottom:1px solid #e5e5e5;}
.second_header li {display:inline-block;margin-right:65px;}
.second_header li a {display:block; padding:20px 0; font-size:24px; line-height:1; font-weight:700; color:#a7a9ac ;}
.second_header li.on a {color:#333333; border-bottom:2px solid #333333;}

/* footer */
.footer{width:100%;min-width:1240px;margin:0 auto;background:#333333;padding:70px 40px;color:#777777;}
.footer_inner{position:relative;width:100%;margin:0 auto;}
.footer_inner::after{content:'';display:block;clear:both;visibility:hidden;}
.footer .logo{display:inline-block;padding:0;text-align:left;vertical-align:middle;margin-right:50px;}
.footer .logo a{display:inline-block;}
.footer .logo a img{width:120px;}
.policy li {display:inline-block;line-height:1;}
.policy li a{display:block;color:#777;font-size:16px;padding:0 10px 5px;margin-right:9px;}
.policy li:nth-child(6) a, .policy li:nth-child(7) a{color:#e96420}
.footer .copy{padding:8px 10px 0;font-size:14px;display:inline-block;}
.footer .copy br {display:none;}


/*교원플러스*/ 
.linkQuick{display:inline-block;position:relative;vertical-align:top;}
.linkQuick_btn{display:inline-block;width:80px;height:80px; background:#ff7200 url("../images/common/quickLink_tit.png")no-repeat center center;cursor: pointer;}
.linkQuick_btn:focus,.linkQuick_btn:hover{background-color:#ff7200;text-decoration:none;transition: 0.3s;}
.linkQuick_btn.close { background:#ff7200 url("../images/common/linkQuick_close.png")no-repeat center center;float: right;}

.linkQuick_wrap {visibility: hidden; position: fixed;z-index: 10000;top: 0;right: 0;width: 100%;height: 100%;overflow: hidden;}
.linkQuick_wrap.LinkPopupOn {visibility: visible;}
.linkQuick_wrap .familyPopupBg {position: absolute;top: 80px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);transition: all .5s ease-out;}
.linkQuick_wrap.LinkPopupOn .familyPopupBg {background: rgba(0,0,0,0.5);}
.linkQuick_wrap .link_area{position:absolute;top:80px;left:100%;width:480px;height:100%;padding-bottom:80px;font-size:0;transition: left .3s;}
.linkQuick_wrap.LinkPopupOn .link_area{left:calc(100% - 480px);overflow-y:scroll;}

/* 교원 퀵메뉴 */
.quick_tab {width:100%;}
.quick_cont_tab{margin: 0 auto;width: 100%;}
.quick_cont_tab ul {display:flex;overflow: auto; flex-basis: auto;flex-wrap: nowrap; }
.quick_cont_tab ul li {padding:0; white-space: nowrap;}
.quick_cont_tab ul.depth3 li {min-width: 33.333%;}
.quick_cont_tab ul li .btn-tab {width:100%;height:80px;font-size:20px;border:none;;background:#eeeeee;;border-right:1px solid #d4d4d4;border-bottom:2px solid #ff7200;color:#666666;word-break: keep-all;cursor:pointer;outline:none;}
.quick_cont_tab ul li:last-child .btn-tab{border-right:none}
.quick_cont_tab ul li .btn-tab span {display:inline-block;}
.quick_cont_tab ul li .btn-tab.active-tab {color:#fff;font-weight:400; background:#ff7200;border:1px solid #ff7200;}
.quick_tab .quick_cont_area {display:none;}
.quick_tab .quick_cont_area.active-area{display:block;width:100%;transition:all 400ms;}
.quick_tab .cont-wrap {padding:0;}
.quick_slide .quick_slide_menu > a{cursor:pointer;position: relative;display:block;font-size:20px;padding:36px 35px;font-weight:400;color:#fff;text-shadow: 0 0 40px rgba(0,0,0,.15); text-align:left;}
.quick_slide a i {display:inline-block; width:24px; height:24px;position:absolute;right:20px;top:40px; }
.quick_slide a i.fa-angle-show {background:url("../images/common/fa-angle-show_01.png") no-repeat center;}
.quick_slide a i.fa-angle-hide {background:url("../images/common/fa-angle-hide_01.png") no-repeat center;}
.quick_slide_detail{display:none; position:relative;padding:0; }
.quick_slide ul.education .quick_slide_menu:nth-child(1) > a{background:url("../images/quick_bg01.png") no-repeat center;background-size:cover;}    /*교원구몬*/
.quick_slide ul.education .quick_slide_menu:nth-child(2) > a{background:url("../images/quick_bg02.png") no-repeat center;background-size:cover;}    /*빨간펜*/
.quick_slide ul.education .quick_slide_menu:nth-child(3) > a{background:url("../images/quick_bg03.png") no-repeat center;background-size:cover;}    /*도요새*/
.quick_slide ul.education .quick_slide_menu:nth-child(4) > a{background:url("../images/quick_bg06.png") no-repeat center;background-size:cover;}    /*과학소년*/
.quick_slide ul.education .quick_slide_menu:nth-child(5) > a{background:url("../images/quick_bg07.png") no-repeat center;background-size:cover;}    /*위즈키즈*/
.quick_slide ul.education .quick_slide_menu:nth-child(6) > a{background:url("../images/quick_bg12.png") no-repeat center;background-size:cover;}    /*플래너스*/
/*.quick_slide ul.education .quick_slide_menu:nth-child(7) > a{background:url("../images/quick_bg08.png") no-repeat center;background-size:cover;}*/    /*교원더퍼스트*/
.quick_slide ul.education .quick_slide_menu:nth-child(7) > a{background:url("../images/quick_bg09.png") no-repeat center;background-size:cover;}    /*빨간펜수학의달인*/
.quick_slide ul.education .quick_slide_menu:nth-child(8) > a{background:url("../images/quick_bg10.png") no-repeat center;background-size:cover;}    /*위즈아일랜드*/
.quick_slide ul.education .quick_slide_menu:nth-child(9) > a{background:url("../images/quick_bg11.png") no-repeat center;background-size:cover;}   /*프랜시스파커*/

.quick_slide ul.life .quick_slide_menu:nth-child(1) > a{background:url("../images/quick_bg2_1.png") no-repeat center;background-size:cover;}        /*교원웰스*/
.quick_slide ul.life .quick_slide_menu:nth-child(2) > a{background:url("../images/quick_bg2_2.png") no-repeat center;background-size:cover;}        /*교원더오름*/
.quick_slide ul.life .quick_slide_menu:nth-child(3) > a{background:url("../images/quick_bg2_3.png") no-repeat center;background-size:cover;}        /*교원라이프*/ 
.quick_slide ul.life .quick_slide_menu:nth-child(4) > a{background:url("../images/quick_bg2_5.png") no-repeat center;background-size:cover;}        /*K멤버스*/
.quick_slide ul.life .quick_slide_menu:nth-child(5) > a{background:url("../images/quick_bg2_6.png") no-repeat center;background-size:cover;}        /*스타트원*/

.quick_slide ul.hotel .quick_slide_menu:nth-child(1) > a{background:url("../images/quick_bg3_1.png") no-repeat center;background-size:cover;}
.quick_slide ul.hotel .quick_slide_menu:nth-child(2) > a{background:url("../images/quick_bg3_2.png") no-repeat center;background-size:cover;}
.quick_slide ul.hotel .quick_slide_menu:nth-child(3) > a{background:url("../images/quick_bg3_4.png") no-repeat center;background-size:cover;}/* 2024.07 이미지 변경 */
.quick_slide ul.hotel .quick_slide_menu:nth-child(4) > a{background:url("../images/quick_bg3_3.png") no-repeat center;background-size:cover;}/* 2024.07 이미지 변경 */
/*.quick_slide ul.hotel .quick_slide_menu:nth-child(5) > a{background:url("../images/quick_bg3_5.png") no-repeat center;background-size:cover;}*/
.quick_slide ul.hotel .quick_slide_menu:nth-child(5) > a{background:url("../images/quick_bg3_6.png") no-repeat center;background-size:cover;}
.quick_slide ul.hotel .quick_slide_menu:nth-child(6) > a{background:url("../images/quick_bg3_7.png") no-repeat center;background-size:cover;}
.quick_slide ul.hotel .quick_slide_menu:nth-child(8) > a{background:url("../images/quick_bg3_8.png") no-repeat center;background-size:cover;}
.quick_slide ul.hotel .quick_slide_menu:nth-child(7) > a{background:url("../images/quick_bg3_9.png") no-repeat center;background-size:cover;}
.quick_slide ul .quick_slide_menu {background-color:#fff;}
.quick_slide ul .quick_slide_menu a {opacity:1}
.quick_slide ul .quick_slide_menu a:hover {opacity:0.9;}
.quick_slide .snsWrap {width:100%;height:100px;background:#000000}
.quick_slide .snsWrap li a {width:20%;height:100px;float:left;text-align:center;display:block; font-size:0;}
.quick_slide .snsWrap li a:nth-child(1) {background-color:#ff7200}
.quick_slide .snsWrap li a:nth-child(2) {background-color:#fb801d}
.quick_slide .snsWrap li a:nth-child(3) {background-color:#ff9036}
.quick_slide .snsWrap li a:nth-child(4) {background-color:#ffa963}
.quick_slide .snsWrap li a:nth-child(5) {background-color:#ffc494}
.quick_slide .snsWrap li a.sns_h {background-image:url("../images/common/sns_h.png"); background-repeat: no-repeat;background-position: center;}
.quick_slide .snsWrap li a.sns_b {background-image:url("../images/common/sns_b.png"); background-repeat: no-repeat;background-position: center;}
.quick_slide .snsWrap li a.sns_f {background-image:url("../images/common/sns_f.png"); background-repeat: no-repeat;background-position: center;}
.quick_slide .snsWrap li a.sns_k {background-image:url("../images/common/sns_k.png"); background-repeat: no-repeat;background-position: center;}
.quick_slide .snsWrap li a.sns_i {background-image:url("../images/common/sns_i.png"); background-repeat: no-repeat;background-position: center;}
.quick_slide .snsWrap li a.sns_c {background-image:url("../images/common/sns_c.png"); background-repeat: no-repeat;background-position: center;}
.quick_slide .snsWrap li a.sns_ch {background-image:url("../images/common/sns_ch.png"); background-repeat: no-repeat;background-position: center;}
.quick_slide .snsWrap li a.sns_y {background-image:url("../images/common/sns_y.png"); background-repeat: no-repeat;background-position: center;}/* 210802추가*/


/*다국어 헤더*/
.lang .logo a img {width:60px;}
.lang .main_nav {padding:20px 30px 20px;}
.lang .nav_tit h2{font-family:"Roboto", sans-serif !important; }
.lang .sub_a {font-family:"Roboto", sans-serif !important; }
.footer.lang {padding: 60px 40px;background: #333333 !important; color:#777777;}
.footer.lang .logo a img{width:72px;}
.footer.lang .copy { padding: 14px 10px 0;font-family:"Roboto", sans-serif; }

/*일본어 헤더*/
.header.lang.jpn {height:80px;}
.lang.jpn .nav_tit h2{font-family:'Noto Sans JP' !important; }
.lang.jpn .sub_a {font-family:'Noto Sans JP' !important;}
.jpn{font-family:'Noto Sans JP' !important;}/* 210802추가*/


/*중국어 헤더*/
.header.lang.chn {height:80px;}
.lang.chn .nav_tit h2{font-family:'Noto Sans SC' !important; }/* 210802수정*/
.lang.chn .sub_a {font-family:'Noto Sans SC' !important;}

.jpn .linkLang {max-height:79px}
.chn .linkLang {max-height:79px}
.chn{font-family:'Noto Sans SC' !important;}/* 210802추가*/