@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display:none; position:absolute; right:65px; top:26px;}
img {max-width:100%}
.pc_view {display:block}
.mb_view {display:none}





/* header */
#header {width:100%; position:fixed; padding:0px 10px; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out; background:#fff;}
#header.down  {box-shadow:0px 0px 8px rgba(0, 0, 0, 10%);}
.in_header {max-width:1620px; width:100%; height:90px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); overflow:hidden; transition:all 0.3s 0s ease-in-out; z-index:10 }
#header h1 a {display:flex; color:#fff; font-size:18px; align-items:center; transition:all 0.3s 0s ease-in-out;}
#header h1 a img {}
#header h1 a .ico {width:68px}
#header h1 a > strong {padding-left:10px;}

.top_menu {display:flex; align-items:center; padding-bottom:1px; position:absolute; right:50px; top:50%; transform:translateY(-50%); }
.top_menu > li {margin-left:20px;}
.top_menu > li a {display:flex; align-items:center; color:#333366; line-height:1.4em; font-weight:400; font-size:15px; transition:all 0.2s 0s ease-in-out;}
.top_menu > li a img {margin-right:5px;}

.top_sns {display:flex; align-items:center;}





/* wrap */
#wrap {width:100%; padding-top:90px; overflow:hidden; margin:0 auto;  transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding:0px 10px 100px 10px;}


.inner {max-width:1620px; padding:0px 10px; margin:0 auto;}

.bg_wrap {background:#f2f2f2}




.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:block; }
.menu_btn a {width:18px; height:18px;}
.menu_btn a img { transition:all 0.3s 0s ease-in-out;}


/*.menu_btn a:before {display:block; content:"Menu"; position:absolute; right:100%; top:0px; line-height:20px; color:#fff; font-size:16px; padding-right:10px; font-weight:400;}*/





/* GNB */
.w_gnb {padding:0px 240px 0px 240px;}
.w_gnb .gnb {}
.w_gnb .gnb > ul {display:flex; flex-wrap:wrap; justify-content:space-around}
.w_gnb .gnb > ul > li {text-align:center; flex:auto; padding:0px 5px; vertical-align:top; position:relative;}

.w_gnb .gnb > ul > li > a {display:block; color:#000000;}
.w_gnb .gnb > ul > li > a:after {display:block; content:""; width:0%; height:3px; position:absolute; left:50%; top:100%; margin:-1px 0px 0px 0px; background:#0027ab; transform:translateX(-50%); transition:all 0.2s 0s ease-in-out; z-index:99}
.w_gnb .gnb > ul > li > a > span {display:flex; justify-content:center; align-items:center; box-sizing:border-box; font-size:20px; font-weight:500; height:90px; transition:all 0.2s 0s ease-in-out; position:relative;}

.w_gnb .gnb > ul > li:hover > a > span { color:#000000;}
.w_gnb .gnb > ul > li:hover > a:after {width:100%;}


.w_gnb .sub_menu  {position:absolute; left:0px; width:100%; padding:20px 5px; padding-bottom:40px; box-sizing:border-box; overflow:hidden; top:100%; display:none}
.w_gnb .sub_menu > li {padding:3px 0px 3px 0; letter-spacing:-0.5px; text-align:left;}
.w_gnb .sub_menu > li > a {word-break:auto-phrase; display:block; font-size:15px; color:#000; padding:5px 0px; text-align:center; line-height:1.3em;}
.w_gnb .sub_menu > li > a:hover {color:#0027ab; text-decoration:underline}
.sub_menu > li > a .dec {display:none;}

/*
.w_gnb .sub_menu  {position:absolute; left:50%; width:140%; transform:translateX(-50%);padding-top:20px; box-sizing:border-box; overflow:hidden; top:100%; display:none; padding-bottom:20px;}
.w_gnb .sub_menu > li {padding:5px 0px 5px 0; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; text-align:center; color:#cccccc; font-weight:400; padding:3px 0px;  line-height:18px;}
.w_gnb .sub_menu > li > a:hover {color:#fff; text-decoration:underline;}
*/

.gnb02 .lnb3 {display:none;}
.gnb07 {display:none !important;}
.gnb08 {display:none !important;}
.gnb09 {display:none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
#gnb_bar {border-top:1px solid #ccc;position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; box-shadow:0px 2px 5px rgba(0, 0, 0, 10%)}

.gnb_bar_in {}






.slide_menu_wrap {width:100%; height:100%; z-index:998; position:fixed; top:-100%; left:0px; background:#fff;}
.slide_menu_inner {display:flex; height:100%;}
.slide_menu_inner > div {padding:60px 0px;}
.slide_menu_inner .left {display:flex; flex-direction:column; align-items:center; background:url(../img/common/all_menu_bg.jpg) no-repeat center top/cover;  width:30%; max-width:556px; min-width:350px; }
.slide_menu_inner .info {margin-top:auto; color:#fff;}
.slide_menu_inner .info .tel {font-weight:500; font-size:20px; line-height:1.4em; }
.slide_menu_inner .info .tel > strong {font-size:1.4em; }
.slide_menu_inner .info .top_sns {padding:30px 0px;}
.slide_menu_inner .info .top_sns {justify-content:space-between; max-width:200px; }
.slide_menu_inner .info .txt {display:flex; font-weight:100; font-size:14px; line-height:1.8em;}
.slide_menu_inner .info .txt .subj {min-width:max-content; margin-right:3px;}


.slide_menu_inner .right {max-width:1200px; flex:1; background:#fff; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}

.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_wrap .gnb {position:relative; word-break:auto-phrase;}
.slide_menu_wrap .gnb:after {display:block; content:""; width:1px; height:calc(100% - min(70px, 4.375vw)); position:absolute; left:50%; top:50%; transform:translateY(-50%); background:#cccccc}
.slide_menu_wrap .gnb > ul {display:flex; flex-wrap:wrap; margin:max(-35px, -2.18vw) 0px}
.slide_menu_wrap .gnb > ul > li {width:50%; padding:min(35px, 2.18vw) 0px; padding-right:20px; padding-left:min(115px, 6.78vw) }
.slide_menu_wrap .gnb > ul > li > a {font-size:22px; line-height:1.5em; padding-bottom:0.2em; font-weight:700; color:#000; display:inline-block; border-bottom:3px solid #fff; } 
.slide_menu_wrap .gnb > ul > li:hover > a {border-color:#0027ab}
.slide_menu_wrap .gnb > ul > li > a.on {border-color:#0027ab } 
.slide_menu_wrap .gnb .sub_menu {display:block !important; margin-top:10px;}
.slide_menu_wrap .gnb .sub_menu > li {padding-top:1em} 

.slide_menu_wrap .gnb .sub_menu > li > a {line-height:1.5em; font-size:16px; font-weight:300; color:#000; } 
.slide_menu_wrap .gnb .sub_menu > li > a:hover {color:#0027ab; text-decoration:underline} 

.slide_menu_wrap .gnb .three_depth > li {padding:0px 0px 0px 55px; } 
.slide_menu_wrap .gnb .three_depth > li > a {display:block; line-height:130%; padding:5px 0px 5px 10px; font-size:14px; color:#d62a6a; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; position:relative;} 
.slide_menu_wrap .gnb .three_depth > li > a:before {display:block; content:""; width:5px; height:1px; background:#008e71; position:absolute; left:0px; top:50%;} 
.slide_menu_wrap .gnb .three_depth > li > a:hover {margin-left:5px;} 

.slide_menu_wrap.on .gnb > ul > li {transform:translateX(0%); -webkit-transform:translateX(0%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb > ul > li.gnb07 {display:block !important;}
.slide_menu_wrap .gnb > ul > li.gnb07 > a > span {display:flex; align-items:center;}
.slide_menu_wrap .gnb > ul > li.gnb07 > a > span img {margin-right:10px; align-self:flex-start; margin-top:0.4em; max-width:min(18px, 3.75vw)}

.main_content {}

#section1 {padding:0px;}

.main_visual {position:relative;}
.main_visual .box {position:relative; max-width:1400px; margin:0 auto; height:860px;  display:block !important}
.main_visual .box .back_img {position:absolute; width:100vw; height:100%; position:absolute; left:50%; top:0px; transform:translateX(-50%);}
.main_visual .box .back_img > img {width:100%; height:100%; object-fit:cover}
.main_visual .box .txt_group {color:#fff; position:absolute; padding:0px 10px; left:0px; top:470px; font-size:30px; line-height:1.4em; font-weight:600; text-shadow:1.5px 1.5px rgba(0, 0, 0, 60%);}
.main_visual .box .txt_group .txt_a {font-family:'SBAggroB'; font-weight:400; padding-bottom:0.7em}
.main_visual .box .txt_group .txt_b {font-size:1.333em; line-height:1.4em;}
.main_visual .box .txt_group .txt_c {font-size:2em; line-height:1.4em;}



.main_visual .slick-active .box .img_l {transform:translateX(0px); opacity:1;}
.main_visual .slick-active .box .img_r {transform:translateX(0px); opacity:1;}
.main_visual .visual_paging {width:100%; padding:0px 10px; max-width:1400px; left:50%; transform:translateX(-50%); position:absolute; z-index:9; top:45%}
.main_visual .slick-dots {position:relative; right:auto; bottom:auto; justify-content:flex-start; gap:15px;}
.main_visual .slick-dots > li {display:flex; color:#fff; font-size:14px; line-height:1.2em; align-items:center; }
.main_visual .slick-dots > li .bar {margin-left:5px; position:relative; width:0px; height:2px; background:rgba(255, 255, 255, 50%)}
.main_visual .slick-dots > li .bar:after {display:block; content:""; width:0%; height:100%; background:#fff;}
.main_visual .slick-dots > li.slick-active .bar {width:100px;}
.main_visual .slick-dots > li.slick-active .bar:after {animation:bar 4s ease-in-out 0.7s infinite;}

 @keyframes bar {
     0%{width:0}  
     100%{width:100%} 
}

.main_visual .scroll_ico {position:absolute; width:100px; transform:translateX(-50%); -webkit-transform:translateX(-50%); left:50%; bottom:0px; z-index:97}
.main_visual .scroll_ico > a {cursor:default; display:block; width:100%; text-align:center; font-size:13px; color:#fff; font-weight:600; position:relative; text-shadow:1.5px 1.5px rgba(0, 0, 0, 60%); padding-top:10px; }
.main_visual .scroll_ico > a:after {display:block; content:""; width:2px; height:48px; background:#fff; margin:0 auto;}
.main_visual .scroll_ico .arrow {display:block; width:9px; height:9px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(136deg) translateX(-50%); opacity:0.8; position:absolute; left:50%; top:0px; -webkit-transform:rotate(136deg) translateX(-50%); transform-origin:0px}
.main_visual .scroll_ico .arrow2 {animation:mv1 0.7s ease-in-out 0.7s infinite; margin-top:-5px;}
.main_visual .scroll_ico .arrow1 {animation:mv1 0.7s ease-in-out 0.7s infinite;}

 @keyframes mv1 {
     0%{opacity:1; top:0px;} 
    40%{opacity:1; top:-8px;} 
     100%{opacity:1; top:0px;} 
}





/* section */
.section {font-size:18px; padding:100px 0px; font-weight:400; line-height:140%; word-break:keep-all}
.section .inner {}

.main_wrap .more {position:absolute;}
.main_wrap .more img {margin-left:0.5em;}
.main_wrap .more > a {display:flex; align-items:center; font-size:16px; color:#333333; font-weight:600; line-height:1.1em;}
.main_wrap .more > a > span {}
.main_wrap .more > span {display:flex; align-items:center}


.m_tit_wrap {padding:0px 0px 25px 0px; position:relative;}
.m_tit_wrap .dec {}
.m_tit {padding:0.1em 0px 0.2em 0px; color:#000000; font-size:50px; line-height:1.2em; font-weight:700; }
.m_tit_txt {margin:0px 0px 0px 0px; color:#0027ab; font-size:17px; font-weight:700; line-height:1.4em;}
.m_tit_line {word-break:keep-all; color:#fff; font-size:1.6em; font-weight:700; line-height:1.4em; -webkit-text-stroke:1px #f78c26;}

#section2 {min-height:913px; background:url(../img/main/bg_section2.jpg) no-repeat center top/cover}
#section2 .m_tit {color:#fff;}
#section2 .dec {color:#fff;}

.main_banner {margin-top:min(75px, 7.6vw)}
.main_banner > ul {display:flex; gap:1px}
.main_banner > ul > li {flex:1}
.main_banner > ul > li:nth-of-type(even) {margin-top:min(50px, 3vw);}
.main_banner > ul > li > a {overflow:hidden; height:400px; padding:min(60px, 5.125vw) min(50px, 5.125vw); background:rgba(26, 175, 106, 80%); position:relative; display:flex; flex-direction:column; color:#fff; transition:all 0.3s 0s ease-in-out;}
.main_banner > ul > li > a:hover {background:rgba(255, 255, 255, 80%); color:#000;}
.main_banner > ul > li > a:hover .more img {-webkit-filter:none; filter:none}
.main_banner > ul > li:nth-child(1) > a {border-top-left-radius:60px; }
.main_banner > ul > li:nth-child(4) > a {border-bottom-right-radius:60px; }
.main_banner dl {width:100%; font-size:16px; line-height:1.4em;}
.main_banner dl dt {font-size:1.875em; line-height:1.4em; padding-bottom:0.8em;}
.main_banner .more {margin-top:auto; position:relative; right:auto; top:auto;}
.main_banner .more img {-webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1); transition:all 0.3s 0s ease-in-out;}

#section3 {border-top:1px solid #e6e6e6; position:relative}
#section3:before {display:block; content:""; width:1px; height:100%; position:absolute; left:50%; top:0px; background:#e6e6e6}

.main_notice {display:flex; justify-content:space-between; margin:-20px;}
.main_notice .m_tit {font-size:30px;}
.main_notice .more {position:absolute; right:20px; top:55px;}

.main_notice .notice_wrap {width:50%; padding:20px; max-width:647px; position:relative}
.main_notice .notice_wrap > ul {margin-top:-10px}
.main_notice .notice_wrap > ul > li {padding:1.2em 0px;}
.main_notice .notice_wrap > ul > li:not(:first-child) {border-top:1px solid #e6e6e6}
.main_notice .notice_wrap > ul > li > a {font-size:14px; display:flex; overflow:hidden; color:#000; }
.main_notice .notice_wrap .txt_group {flex:1; overflow:hidden;}
.main_notice .notice_wrap .txt_a {font-size:1.285em; line-height:1.4em; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.main_notice .notice_wrap .txt_b {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.main_notice .notice_wrap .day {margin-left:auto; min-width:7em; color:#7d7d7d; text-align:right}


#section4 {padding:0px; background:url(../img/main/bg_section5.jpg) no-repeat center top/cover}
#section4 .inner {height:440px; color:#fff; display:flex; align-items:center; justify-content:space-between}
#section4 .kcca_banner {max-width:755px; flex:1;}
#section4 .kcca_banner > ul {display:flex;}
#section4 .kcca_banner > ul > li {flex:1;}
#section4 .kcca_banner > ul > li:hover {z-index:3}
#section4 .kcca_banner > ul > li:nth-child(1) {margin-right:-16px;}
#section4 .kcca_banner > ul > li:nth-child(3) {margin-left:-16px;}
#section4 .kcca_banner > ul > li:nth-child(1):hover .box {background:#6eb636; border-color:#6eb636}
#section4 .kcca_banner > ul > li:nth-child(2):hover .box {background:#221919; border-color:#221919}
#section4 .kcca_banner > ul > li:nth-child(3):hover .box {background:#e42322; border-color:#e42322}


#section4 .kcca_banner .box {flex:1; border:1px solid rgba(255, 255, 255, 70%);  transition:all 0.3s 0s ease-in-out; width:260px; height:260px; color:#fff; display:flex; justify-content:center; align-items:center; padding:1em; border-radius:100%; text-align:center}
#section4 .kcca_banner .box dl {font-size:15px; line-height:1.4em}
#section4 .kcca_banner .box dl dt {font-size:2em; line-height:1.3em; margin-bottom:0.3em;}
#section4 .m_tit_wrap {padding-right:30px; color:#fff;}
#section4 .m_tit_wrap .m_tit {color:#fff; font-size:40px;}
#section4 .m_tit_wrap .m_tit_txt {color:#98cdff;}

#section5 .inner {max-width:1520px;}
.lectures {margin-top:20px; position:relative}
.lectures .more {right:0px; top:-50px;}
.lectures > ul {display:flex; margin:max(-30px, -2vw);}
.lectures > ul > li {width:25%; padding:min(30px, 2vw);}
.lectures .box {display:block;}
.lectures .box .pic {display:block; overflow:hidden; position:relative; border-radius:12px; padding-bottom:calc(360 / 480 * 100%); }
.lectures .box .pic > img {position:absolute; left:0px; top:0px; width:100%; height:100%;}
.lectures .box .txt_a {color:#000; font-size:0.8888em; line-height:1.5em; margin-top:0.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:3em;}



@keyframes marquee {
  from { transform:translateX(0); }
  to { transform:translateX(-30%); }
}



/* footer */
#footerW {clear:both; background:#030722; position:relative; padding:0px 10px;}
#footerW.z_over {z-index:101; position:relative;}
#footerW .top_sns {position:relative; top:auto; right:auto; transform:none;}


#footer {position:relative; max-width:1600px; margin:0 auto; font-size:14px; font-weight:300; color:#fff;}
#footer .f_top {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; border-bottom:1px solid #35394e; height:125px;}
#footer .f_menu {display:flex; gap:min(66px, 4.1875vw);}
#footer .f_menu .apt {display:flex; align-items:center; gap:10px; color:#1aaf6a}
#footer a {color:#fff;}
#footer .go_top {z-index:99; padding-top:40px;}
#footer .go_top > a {display:block; color:#333; border:1px solid #464646; text-align:center; background:#252b2b; padding:15px; margin-left:auto}
#footer .addressW {padding:30px 0px; position:relative; display:flex; flex-wrap:wrap; gap:20px 60px;}
#footer .addressW .left .tel {margin-top:2em;}
#footer .addressW .left .tel > strong {font-size:1.428em; font-weight:700; line-height:1.3em; display:block}
#footer .addressW address {flex:1; line-height:150%; margin:-0.1em -0.5em}
#footer .addressW address > span {padding:0.1em 0.5em; display:inline-block}
#footer .addressW .right .etc_menu {display:flex; gap:20px;}
#footer .addressW .right .top_sns {max-width:186px; margin:3em 0px 0px auto; justify-content:space-between; gap:5px;}
#footerW .copy {padding-top:0.1em; padding-left:0.5em}



#content {width:100%; max-width:1400px; margin:0 auto; padding:30px 0px;}



.sub_visual {width:100%; height:440px; padding:0px 10px; display:flex; align-items:center;}
.sub_visual .sub_txt {width:100%; max-width:1400px; margin:0 auto; line-height:1.4em; position:relative; z-index:2;} 
.sub_visual .sub_txt > div {display:inline-block;} 
.sub_visual .sub_txt #sub_tit {display:flex;} 
.sub_visual .sub_txt #sub_tit:after {display:block; content:""; width:1%; height:1px; margin:0px 0px 0.2em 10px; background:#fff; flex:1; align-self:flex-end;}
.sub_visual .sub_txt .sub_tit_dec {font-size:40px; line-height:1.3em; font-weight:600; color:#fff; margin-top:0.2em; } 




.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_2 .sub_visual {background:url(../img/business/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_3 .sub_visual {background:url(../img/engineering/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_4 .sub_visual {background:url(../img/online/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_5 .sub_visual {background:url(../img/community/sub_visual.jpg) no-repeat center top/cover;}


.sub_wrap_8 .sub_visual {background:url(../img/member/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_9 .sub_visual {background:url(../img/mypage/sub_visual.jpg) no-repeat center top/cover;}



/*
.sub_wrap #header.down {top:-100px;}
.sub_wrap.up #header {top:0px !important; transition:all 0.3s;}

*/




#sub_tit {font-size:26px; font-weight:700; line-height:1.2em; color:#fff;}


.lnb_position {position:relative;}

#m_lnb {display:none;}
#lnb_wrap {z-index:99; word-break:keep-all; box-shadow:none; box-sizing:border-box;width:100%; border-bottom:1px solid #ebebeb}
#lnb_wrap .lnb {display:flex; margin:0 auto; box-sizing:border-box; position:relative; z-index:9; left:50%; transform:translateX(-50%); transition:all 0.3s; background:#fff;  padding-left:10px; padding-right:10px; /*box-shadow:0 6px 10px rgb(0 0 0 / 9%);*/}
/*#lnb_wrap .lnb:before {display:block; content:""; width:300%; height:100%; border:1px solid #005e9c; box-sizing:border-box; border-left:none; border-right:none; left:50%; transform:translateX(-50%); position:absolute; background:#005e9c; z-index:-1;}*/
#lnb_wrap .lnb .lnbs {display:none; width:50%; max-width:300px; box-sizing:border-box; position:relative;}
#lnb_wrap .lnb .lnbs:after {display:block; content:""; width:1px; height:16px; background:#ccc; position:absolute; right:0px; top:50%; transform:translateY(-50%);}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; display:none; background:#fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {display:none;}
#lnb_wrap .ico_home a {display:block; width:60px; height:100%; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center #0027ab ;}
.lnbs ul li {color:#666666; display:block; padding:0px; margin-top:0px;}
.lnbs .three_depth {padding:10px;}
.lnbs ul li a {color:#333; gap:0px 5px; font-size:16px; display:block; line-height:130%; min-height:45px; display:flex; flex-wrap:wrap; align-items:center; padding:5px 30px 5px 20px; border:1px solid #e2e2e2; box-sizing:border-box; text-align:left; font-weight:500; position:relative;}
.lnbs ul li a:after {display:none; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%) rotate(0deg); width:0; height:0; border-left:6px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnbs ul li:not(:first-child) a {border-top:1px solid transparent;}
.lnbs ul li a .dec {font-weight:300; font-size:0.9em;}
.lnbs ul li a:hover {color:#fff; font-weight:500; background:#6fb636; border-color:#8bd053}
.lnbs ul li a:hover:after {display:block;}
.lnbs ul li.on a {color:#fff; font-weight:500; background:#6fb636; border-color:#579227}
.lnbs ul li.on a:after {display:block;}
.lnbs .three_depth {border:none;}
.lnbs ul li .three_depth a {padding:6px 15px; border:none; font-size:13px;}
.lnbs2 ul li.on a {border-radius:0px; }
#lnb_wrap .lnb .lnbs2 {}


#lnb_wrap.fixed {transform:none;}
/*#lnb_wrap.fixed .lnb {position:fixed; top:0px; width:100%; max-width:1820px; left:50%; transform:translateX(-50%); background:#fff;}*/


.up #lnb_wrap.fixed .lnb {top:100px;}

.drop.on .four_depth {display:block;}
.four_depth {background:#ececec; border-bottom:1px solid #e2e2e2 ; display:none;}
.lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding:10px 0px 10px 30px; background:#f4f4f4 !important; border:none !important; position:relative;}
.lnb .four_depth li a:before {display:block; content:""; width:5px; height:1px; background:#333; position:absolute; left:20px; top:50%;}
.lnb .four_depth li.on a {color:#55b664  !important;}
.lnb .four_depth li.on a:before {background:#55b664;}
.lnbs3 ul li.drop > a {position:relative;}
.drop > a:before {display:block; content:""; width:11px; height:1px; background:#999; position:absolute; right:0%; top:50%; margin:0px 10px 0px 0px;}
.drop > a:after {display:block; content:""; width:1px; height:11px; background:#999; position:absolute; right:0%; top:50%; margin:-5px 15px 0px 0px;}
.drop.on > a:before {background:#fff;}
.drop.on > a:after {background:#fff;}

.drop > a.on:after {display:none;}



.lnb_tit, a.lnb_tit {font-size:18px; display:block; box-sizing:border-box; padding-left:20px; color:#000000; line-height:55px; height:55px; cursor:pointer; padding-right:20px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:6px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}
#lnb_menu .three_depth {display:none;}


.lnbs3 {margin:0 auto; width:100%; max-width:1400px; position:relative; z-index:9;}
.lnbs3 > ul {display:flex; gap:30px; overflow-x:auto;}
.lnbs3 > ul::-webkit-scrollbar {width:3px; height:6px; background-color:#ddd;}
.lnbs3 > ul::-webkit-scrollbar-thumb {background:#000;}
.lnbs3 > ul > li {}
.lnbs3 > ul > li > a {color:#000000; background:none; padding:0px 1em; font-weight:500; line-height:1.5em; font-size:20px; transition:all 0.2s 0s ease-in-out;position:relative; display:flex; height:60px; align-items:center;}
.lnbs3 > ul > li > a:after {display:block; content:""; width:0%; height:3px; background:#0027ab; position:absolute; left:50%; transform:translateX(-50%); bottom:0px;  transition:all 0.2s 0s ease-in-out;}
.lnbs3 > ul > li > a .dec {font-size:17px; padding-left:5px; font-weight:400;}
.lnbs3 > ul > li.on > a {color:#0027ab;}
.lnbs3 > ul > li.on > a:after {width:100%;}


.title_bar {max-width:1400px; margin:0px auto 35px auto; padding-top:80px; position:relative;}
.title_bar h2 {font-size:50px; font-weight:800; color:#000; line-height:1.3em; transition:all 0.2s 0s ease-in-out; display:flex;}
.title_bar h2:after {display:inline-block; content:""; width:8px; height:8px; border-radius:100%; background:#0027ab; align-self:flex-end; margin:0px 0px 0.2em 0.1em;}
.title_bar h2 .dec {display:none;}
.title_bar .eng {color:#0027ab; font-size:17px; line-height:1.3em; font-weight:700;}


.sub_con { max-width:1400px; margin:0 auto; font-size:18px; line-height:1.7em; color:#333333; word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.sub_con img {max-width:100%;}



.s_tit {font-size:2.6666em; color:#000000;  line-height:130%; padding:0px 0px 20px 0px;  position:relative; margin-top:60px; font-weight:800; display:flex; align-items:center;}
.s_tit.no-flex {display:block; line-height:1.3em;}

.s_tit img {vertical-align:middle;}
/*
.s_tit:before {display:block; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #00aa53, #005e9c ); align-self:flex-start; margin-right:10px;}
.s_tit:after {display:block; content:""; position:absolute; left:9px; top:10px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
*/
.txt_in {padding-left:36px}
.b_txt {font-size:1.44em; font-weight:700; margin-top:40px; margin-bottom:10px; line-height:1.3em;}
.b_txt + p {margin-top:-5px;}

.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}
.ss_tit {font-size:1.44em; position:relative; color:#000; line-height:140%; padding:0px 0px 0px 0px; margin-bottom:20px; margin-top:55px; font-weight:700; display:flex; align-items:center;}
.ss_tit.tc {justify-content:center; text-align:center}
.ss_tit.no-flex {display:block;}
/*.ss_tit:before {display:block; content:""; min-width:23px; width:23px; height:23px; background:url(../img/common/tit_bul.png) no-repeat left center/cover; align-self:flex-start; margin-top:0.2em; margin-right:10px;}*/
.ss_tit > span{font-weight:300;}
.s_titW {max-width:1400px; margin:0 auto; padding:50px 0px 5px 0px;}

.sss_tit {font-size:1.33em; color:#000; font-weight:500; padding:0px 0px 0px 0px; margin:2em 0px 0.4em 0px; line-height:140%; position:relative;}
.sss_tit:before {display:none; content:""; width:10px; height:10px; background:#2b6b73 ; border-radius:100%; position:absolute; left:0px; top:8px;}
.ssss_tit {font-size:1.22em; color:#000; font-weight:500; padding:0px 0px 0px 0px; margin:2em 0px 0.4em 0px; line-height:140%; position:relative;}
.s_txt_r {text-align:right; margin-top:-35px; height:20px; padding-bottom:15px;}
.s_txt_r2 {height:40px; margin-top:-55px;}
.imgW img {max-width:100%;}

.box_txt {border:1px solid #d0d0d0; text-align:center; background:#f4f6f7; font-size:22px; line-height:140%; color:#004497; padding:30px 0px;}
.first_txt {font-size:2em !important; font-weight:500; line-height:140%; color:#000;}



.down_btn {text-align:center; padding:30px 0px 20px 0px;}
.down_btn > a {display:inline-flex; flex-wrap:wrap; height:68px; padding:0px 30px; justify-content:center; align-items:center; border:3px solid #000; border-radius:6px; background:#fdd000}
.down_btn > a > span {display:inline-block; color:#000; font-size:22px; padding-right:30px; background:url(../img/common/ico_down4.png) no-repeat right center; font-weight:600;}

.video_wrap {padding-bottom:56%; position:relative;}
.video_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}

.youtube_wrap_max {max-width:1200px; margin:0 auto; overflow:hidden;}
.youtube_wrap {padding-bottom:56%; position:relative;}
.youtube_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}




.arrow_wrap {display:inline-block; padding-left:50px; background:url(../img/guide/arrow2.png) no-repeat left 6px; margin-left:10px;}


.point_box {padding:20px; background:#f3f4f8}

.check_txt {font-size:18px; color:#494949}



#add_date {position:relative; padding-right:115px;}
#add_date .bt {position:absolute; right:0px; top:0px;}

.tooltip {color:#ff751a; border:1px solid #ff751a; border-radius:6px; text-align:center; line-height:38px; width:38px; height:40px; box-sizing:border-box; font-size:1.5em; vertical-align:middle;}
.br_box {border:1px solid #dce1eb; padding:20px 20px 20px 20px;}
.t_box {background:#757a85; color:#fff; padding:5px 5%; display:inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {display:flex; flex-wrap:wrap; margin:-5px -10px;}
.radio_group > li {padding:5px 10px;}
.radio_group > li.etc_li {width:100%; max-width:560px;}
.radio_group > li.etc_li .input {width:calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}

.radio_group .input {width:auto !important;}

.input_group {padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.input_group .input {width:auto !important;}


.input_etc {position:relative; padding-left:62px; box-sizing:border-box;}
.input_etc .pa {position:absolute; left:0px; top:0px; font-size:14px; line-height:40px;}

.btn-tc {text-align:center; padding:30px 0px; border-top:1px solid #333333; margin-top:30px;}
.btn-tc > a {margin:0px 10px;}
.btn-tl {text-align:left; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}
.btn-tr {text-align:right; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}

.bt_close {width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent:-9999px; background-size:10px auto;}

/*atab*/
.atab_wrap {background:#eff1f6; border-radius:60px; padding:min(15px, 3vw); margin:0 auto;margin-bottom:50px;}
.atab_wrap .atab {margin:0px; padding:0px;}
.atab {display:flex; overflow-x:auto; margin:0 auto; margin-bottom:50px; position:relative;}
.atab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.atab::-webkit-scrollbar-thumb {background:#666;}
.atab li {flex:auto;}
.atab li a {display:flex; height:2.18em; justify-content:center; align-items:center; background:#fff; text-align:center; font-weight:400; font-size:22px; line-height:1.2em; color:#333; padding:0px 1.3em; min-width:max-content; border:1px solid #d8d8d8;}
.atab li:not(:first-child) a {border-left:none;}
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#0027ab; color:#fff; border-color:#0027ab}

.btab {margin-bottom:40px; display:flex; flex-wrap:wrap; row-gap:2px}
.btab li {border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; text-align:center; flex:1; min-width:max-content;}
.btab li a {color:#333; position:relative; height:2.5em; display:inline-flex; align-items:center; justify-content:center; padding:0px 1em;}
.btab li.on a {color:#0027ab; font-weight:700;}
.btab li.on a:after {display:block; content:""; width:100%; height:3px; background:#0027ab; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%);}

.ctab {display:flex; overflow-x:auto; margin-bottom:50px; position:relative;}
.ctab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.ctab::-webkit-scrollbar-thumb {background:#666;}
.ctab li {flex:1; padding:0px 5px; min-width:fit-content;}
.ctab li a {display:flex; height:60px; justify-content:center; align-items:center; background:#fff; box-sizing:border-box; text-align:center; font-weight:700; font-size:18px; line-height:1.2em; box-sizing:border-box; color:#999999; padding:0px 1em; border:1px solid #cccccc;}
.ctab li.on {position:relative; z-index:2;}
.ctab li.on a { color:#009477; border-color:#009477}






.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
#black {display:none; background-color:#000; display:none; height:100%; left:0; opacity:0.6; filter:alpha(opacity=60); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; /*background:#d7d7d7;*/ background:rgba(0, 0, 0, 50%);  zoom:1;}

.layerPop_inner {width:100%; height:100%; padding:15px; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size:17px; line-height:1.5em; background:#fff; word-break:keep-all;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto; border:1px solid #ddd; box-shadow:6px 5px 5px rgba(0, 0, 0, 10%); border-radius:14px; overflow:hidden}
.pop_wrap .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); display:block; cursor:pointer; background:none; width:40px; height:40px; font-size:0px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000}
/*.pop_wrap .pop_head.bg_no .x_btn {right:0px; top:0px; transform:none;}*/
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000;}
.pop_wrap .pop_head {min-height:60px; background:linear-gradient(-120deg, rgba(33,73,166,1) 0%, rgba(69,113,233,1) 100%); position:relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 15px 25px; text-align:left; font-weight:800;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position:absolute; right:0px; bottom:0px;}
.pop_wrap .x_btn3 {position:absolute; right:0px; bottom:-42px;}
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}



/* 팝업 */

.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}





.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}
.ico_note {position:relative; display:flex; align-items:center; font-size:15px; line-height:1.2em;}
.ico_note:before {display:block; content:""; width:28px; box-sizing:border-box; border-bottom:22px solid #333333; border-left:13px solid transparent; border-right:13px solid transparent; border-radius:4px; margin-right:10px; align-self:flex-start}
.ico_note:after {display:block; content:"!"; width:28px; height:22px; color:#fff; font-size:15px; font-weight:600; text-align:center; line-height:1.7em; position:absolute; left:0px; top:0em;}
.ico_note_box {padding-left:40px; background:url(../img/common/notice.png) no-repeat left 5px;}
.ico_note.yellow:before {background:#fdd000}
.ico_note.yellow:after {color:#000}
.ico_note.yellow {color:#fff;}

.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {display:flex; align-items:center;}
.date_picker .input {width:100%; flex:1;}
.date_picker img {min-width:fit-content; margin:0px 10px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}


.board-write .btnNormalB.gray {background:#5fc3d0;}
.board-write .btnNormalB.gray:after {display:block; content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; border:1px solid #2b6b73; box-sizing:border-box;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; color:#000; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}


.click_count {text-align:right; padding:10px 0px; font-size:1.05em; color:#666666}
.view_photo {padding:20px 0px 0px 0px; text-align:center;}



.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}

.leave {padding:170px 0px 0px 0px; margin-top:40px; background:url(../img/mypage/ico_leave.gif) no-repeat center top;} 
.gray_box {border:1px solid #e9e9e9; padding:28px 20px; background:#fafafa}


.introduce {display:flex; justify-content:space-between; position:relative; line-height:1.9em}
.introduce:before {display:block; content:""; width:100vw; height:130%; background:#f5fbfe; position:absolute; left:50%; top:0px; transform:translateX(-50%); z-index:-1;}
.introduce .img {width:40%; max-width:519px; font-size:1.6em;}
.introduce .info {width:60%; max-width:803px; flex:1; padding-right:2em}
.introduce .info .txt_a {font-size:1.6em; line-height:1.5em; font-weight:500; color:#001f89}
.introduce .pt {padding-top:2.5em}


.mission {position:relative;}
.mission .back_text {position:absolute; right:90px; top:-10px; color:#c2d9ff; font-size:40px; font-family:'SBAggroB'; line-height:1.2em;}
.mission > ul {display:flex; gap:20px; justify-content:flex-end;}
.mission > ul > li {position:relative; overflow:hidden}
.mission > ul > li:nth-child(1) {border-top-left-radius:60px; position:relative;}
.mission > ul > li:nth-child(2) {margin-top:80px;}
.mission > ul > li:nth-child(3) {margin-top:160px; border-bottom-right-radius:60px;}
.mission .info {position:absolute; left:8%; top:12%; color:#fff; text-shadow:1.5px 1.5px rgba(0, 0, 0, 60%);}
.mission .info .num {font-size:3.3333em; line-height:1.3em; font-weight:100;}
.mission .info .txt {padding-top:1em}
.mission .info .txt > strong {font-size:1.2em;}

.business_obj {margin-top:100px }
.business_obj .center {text-align:center; position:relative; padding-top:90px;}
.business_obj .center .eng {color:#0027ab; font-size:17px; line-height:1.3em; font-weight:700;}
.business_obj .center > h3 {font-size:3.333em; color:#000; line-height:1.3em; font-weight:700}
.business_obj .center:before {display:block; content:"";background:linear-gradient(#c3daff -10%, #fff 50%);  width:400px; height:400px; position:absolute; left:50%; top:0px; transform:translateX(-50%); border-radius:100%; z-index:-1}
.business_obj > ul {display:flex; flex-wrap:wrap; gap:20px; max-width:945px; margin:0 auto; margin-top:20px; justify-content:space-between}
.business_obj > ul > li {display:flex; align-items:center}
.business_obj > ul > li .num {font-size:4em; line-height:1.1em; font-weight:100; color:#0027ab; min-width:max-content; align-self:flex-start}
.business_obj > ul > li .txt {flex:1; padding-left:1em}
.business_obj > ul > li .txt > strong {font-size:1.2em; color:#0027ab}



.map_area {display:flex; justify-content:space-between}
.map_area .info {width:30%; max-width:240px; display:flex; flex-direction:column;}
.map_area .info .address {padding:2em 0px 1.5em 0px;}
.map_area .info .txt {display:flex; align-items:center}
.map_area .info .txt .subj {align-self:flex-start; min-width:max-content; padding-right:5px; font-weight:600; color:#0027ab}
.map_area .info:before {display:block; content:""; width:1px; height:1px; background:#000; flex:1;}
.map_area .map_wrap {flex:1; width:100%; max-width:1060px; padding-left:20px;}

.map_area .map_wrap {z-index:8}
.map_wrap { height:480px; overflow:hidden; box-sizing:border-box;}
.map_wrap > div {height:100% !important; width:100% !important; border-bottom:1px solid #e2e2e2;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}

.main_business {display:flex; flex-wrap:wrap; gap:25px}
.main_business > li {width:calc(33.333% - 17px); border-radius:20px; padding:min(40px, 3.9vw); background:#dfebff}
.main_business .top {display:flex; align-items:center; justify-content:space-between; font-size:2.222em; line-height:1.4em; font-weight:500;}
.main_business .list > li {padding-top:1em; font-size:1.111em; font-weight:600;}
.main_business .list > li .small {font-size:0.9em; font-weight:300;}

.results_wrap {display:flex; align-items:flex-start; justify-content:space-between; padding-top:1em}
.results_wrap .left {width:410px; min-width:410px;}
.results_wrap .subject {padding-left:0px; color:#0027ab; font-weight:500; font-size:1.222em; line-height:1.3em; margin-bottom:1.5em; }
.results_wrap .subject > p {color:#000; font-size:1.27em; line-height:1.4em;}
.results_wrap .years {position:relative;}
.results_wrap .years .txt {font-size:2em; font-weight:700; color:#0027ab; line-height:1.2em; position:absolute; left:54%; top:13%;}
.results_wrap .right {flex:1; width:100%; max-width:935px; }
.results_wrap .right > ul {position:relative;}
.results_wrap .right > ul:before {content:""; position:absolute; left:14px; top:0px; width:1px; height:100%; background:#0027ab}
.results_wrap .right > ul > li {padding-left:45px; position:relative}
.results_wrap .right > ul > li:not(:first-child) {margin-top:3em; }
.results_wrap .right > ul > li:before {display:block; content:""; width:30px; height:30px; background:#0027ab; border:9px solid #fff; border-radius:100%; position:absolute; left:0px; top:0px; box-sizing:border-box;}

.results_wrap .right .year {font-size:1.666em; line-height:1.1em; margin-top:-0.1em; font-weight:800; color:#0027ab}
.results_wrap .right .list {padding-top:0.5em;}
.results_wrap .right .list > li {margin-top:0.6em; display:flex; align-items:center;}
.results_wrap .right .list > li .num {font-weight:700; align-self:flex-start; min-width:2em;}

.title_tab {display:flex; flex-wrap:wrap; align-items:flex-end; gap:40px}
.title_tab .atab {margin:0px;  margin-bottom:8px;}


.edu_guide {display:flex; gap:100px; justify-content:space-between; position:relative}
.edu_guide:after {display:block; content:""; width:98px; height:30px; background:url(../img/engineering/arrow.jpg) no-repeat center center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.edu_guide .box {width:50%; max-width:640px; display:flex; align-items:center}
.edu_guide .box .ico {width:min(250px, 17.85vw); height:min(250px, 17.85vw); min-width:min(250px, 17.85vw);border-radius:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#dfebff; padding:1em; text-align:center; font-size:1.2em; font-weight:600; line-height:1.3em; margin:1.3em;}
.edu_guide .box .ico img {margin-bottom:0.7em; max-width:50%}
.edu_guide .box ol > li:not(:first-child) {margin-top:0.5em;}
.edu_guide .box ol > li {display:flex; align-items:center;}
.edu_guide .box ol > li .num {min-width:1.2em; font-weight:700; align-self:flex-start}
.edu_guide .box:nth-child(1) {justify-content:flex-end}
.edu_guide .box:nth-child(1) .ico {order:2;}

.edu_book {display:flex; gap:min(30px, 6.25vw); margin-top:1em}
.edu_book > li {text-align:center;}
.edu_book > li .fw500 {padding-top:0.5em;}


.curriculum {display:flex; gap:min(40px, 5.2vw)}
.curriculum + .curriculum {margin-top:3em;}
.curriculum .left {width:min(240px, 26.25vw); min-width:min(240px, 26.25vw)}
.curriculum .left .ss_tit {font-weight:600; margin-top:0px;}
.curriculum .right {flex:1; border-left:1px solid #d8d8d8; background:#f9f9f9}
.curriculum .article_wrap {display:flex;}
.curriculum .article_wrap:not(:first-child) {border-top:1px solid #d8d8d8}
.curriculum article {width:50%; padding:min(50px, 5.5vw) min(35px, 4.5vw);}
.curriculum article > h4 {font-size:1.22em; line-height:1.4em; font-weight:600; color:#0027ab;}
.curriculum article .num_list {margin-top:1.5em; }
.curriculum article .num_list > li:not(:first-child) {margin-top:2em; }
.curriculum article .num_list > li { padding-left:1.2em; text-indent:-1.2em; font-weight:400;}
.curriculum article .num_list .num_list2 {text-indent:0em; font-weight:300;}
.curriculum article .num_list2 > li { padding-left:1.2em; text-indent:-1.2em; font-weight:400;}

.completion_box {background:#f5fbfe; padding:2em 1em; display:flex; justify-content:center; align-items:center; min-height:min(306px, 38vw)}
.completion_box img {max-width:9vw;}

.online_test.test1 {border-top:10px solid #475b28}
.online_test.test2 {border-top:10px solid #b49a2c}
.online_test {background:#f4f4f4;}
.online_test > h3.noto {font-size:1.888em; font-weight:600; color:#000; line-height:1.4em; text-align:center; padding:1.5em 0px 1em 0px;}
.online_test .head {margin:0px min(40px, 5vw); background:#fff; border:1px solid #000; border-top-width:2px; border-bottom-width:2px;  display:flex; min-height:90px;}
.online_test .head .info {width:50%; display:flex;}
.online_test .head .info > li {color:#000; display:flex; border-right:1px solid #000; flex:1; justify-content:center; align-items:center; flex-direction:column;  padding:1em 0px;}
.online_test .head .info > li > strong {font-weight:700;}
.online_test .head .dec {padding:1em 1em 1em 2em; display:flex; align-items:center; width:50%; }
.online_test .body {position:relative; padding:0px min(40px, 5vw); padding-bottom:90px; display:flex; gap:40px;}
.online_test .body .bt {position:absolute; bottom:0px;}
.online_test .body .bt > a {display:flex; justify-content:center; align-items:center; font-size:1.1111em; width:7em; height:2.55em; color:#fff; background:#333333}
.online_test .body .bt > a:before {content:""; width:0.5em; height:0.5em; border-top:3px solid #fff; border-right:3px solid #fff; border-radius:3px; display:inline-block; transform:rotate(-135deg);}
.online_test .body .bt.next > a:before {order:2; transform:rotate(45deg); margin-left:0.3em;}
.online_test .body .bt.prev > a:before {margin-right:0.3em;}

.online_test .body .bt.prev {left:0px;}
.online_test .body .bt.next {right:0px;}


.online_test .body .question {width:50%;}
.online_test .body .question:nth-child(2):before {display:block; content:""; width:1px; height:100%; background:#000; position:absolute; left:50%; top:0px; margin-left:-1px;}
.online_test .end {padding:20px 0px;}
.online_test .list {}
.online_test .list > li {padding:min(40px, 5vw) min(20px, 2.5vw);}
.online_test .list > li:not(:first-child) {border-top:1px solid #000;}
.online_test .list .q {color:#000; font-size:1.111em; line-height:1.5em; font-weight:400;}
.online_test .list ol {padding-left:1.2em; margin-top:0.5em;}
.online_test .list ol > li {margin-top:0.2em;}
.online_test .list .answer {margin-top:0.5em;}
.online_test input[type="radio"] + label {flex-wrap:nowrap;}
.online_test input[type="radio"] + label:before {display:flex; align-items:center; justify-content:center; align-content:center; min-width:15px; width:15px; height:15px; border:1px solid #000; background:#fff; margin-right:5px; margin-top:6px; font-size:9px; line-height:9px;}
.online_test input[type="radio"]:checked + label::before {content:"●"}
.online_test input[type="radio"]:disabled + label {opacity:0.4;}
.online_test .active input[type="radio"] + label {opacity:1;}

.organization {max-width:1100px; margin-left:auto}
.organization .lv {display:flex; height:2.5em; width:100%; max-width:min(220px, 25vw); justify-content:center; align-items:center; position:relative; border-radius:60px; font-size:1.11em; line-height:1.4em; font-weight:400; flex-direction:column}
.organization > ul {display:flex; flex-wrap:wrap; justify-content:center;}
.organization > ul > li {width:100%; font-weight:600;}
.organization > ul > li .small {font-size:0.7em; line-height:1.3em; font-weight:400;}
.organization .lv1 {color:#fff; background:linear-gradient(#6285fa, 50%, #042aa3); margin:0 auto; }
.organization .lv2 {color:#fff; background:linear-gradient(#88da47, 50%, #3c8305); margin-left:auto}
.organization .lv3 .lv {color:#fff; background:linear-gradient(#969696, 50%, #353535);}


.organization .lv1:before {display:block; content:""; width:1px; height:200px; background:#bababa; position:absolute; left:50%; top:100%; z-index:1}
.organization .lv2_wrap {display:flex; gap:10px; justify-content:flex-end; max-width:760px; margin:0 auto; margin-top:30px; position:relative;}
.organization .lv2_wrap:after {display:block; content:""; width:50%; height:1px; border-bottom:1px solid #bababa; position:absolute; left:50%; top:50%; transform:translateY(-50%); z-index:1}
.organization .lv2_wrap > li {width:50%; position:relative; z-index:2;}



.organization .lv3_wrap {display:flex; gap:min(37px, 4vw); max-width:1044px;margin:0px auto; margin-top:40px; padding-top:60px; position:relative; background:#fff; z-index:9;}
.organization .lv3_wrap:after {display:block; content:""; width:100%; height:1px; background:#bababa; position:absolute; left:50%; top:0px; transform:translateX(-50%);}
.organization .lv3_wrap > li {flex:1; position:relative;}
.organization .lv3_wrap > li:before {display:block; content:""; width:2px; height:60px; border-left:1px solid #bababa; position:absolute; left:50%; bottom:100%; transform:translateX(-50%); box-sizing:border-box}
.organization .lv3_wrap > li:first-child:after {content:""; width:50%; background:#fff; height:10px; position:absolute; left:-1px; top:-65px; z-index:2;}
.organization .lv3_wrap > li:last-child:after {content:""; width:50%; background:#fff; height:10px; position:absolute; right:0px; top:-65px; z-index:2;}
.organization .lv3 {max-width:220px; margin:0 auto;}
.organization .lv3 > ul {border:1px solid #e1e1e1;  border-top:none; border-radius:0px 0px 1em 1em; padding-top:40px; max-width:220px; margin:0 auto; margin-top:-20px; }
.organization .lv3 > ul > li {padding-bottom:1em; text-align:center; font-weight:400; font-size:0.88em; line-height:1.4em;}




/* ------------------------------------------------------------
 * Name      :mobile_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position:relative;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}


/* 1024 이상 */
@media screen and (min-width:1024px) {
    

}
/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}



/* 1400px 이하 */
@media screen and (max-width:1400px) {
	
	#lnb_wrap .lnb {padding-left:10px; padding-right:10px;}

	
}

/* 1280px 이하 */
@media screen and (max-width:1279px) {
	
	
	


	
	
}

/* 1024px 이하 */
@media screen and (max-width:1023px) {
	#wrap {padding-top:80px;}
	#header h1 a img {height:44px;}
	
	 .m_gnb_on {display:block; margin:0px;}
    .w_gnb {display:none;}
	 .in_header {height:80px;}
	
	.slide_menu_inner .left {display:none;}
	
	
	.section .inner {padding:0px 10px; min-height:inherit}

	.m_tit_wrap {padding-bottom:1em;}
	.main_visual .box {height:83vw;}
	.main_visual .visual_paging {top:35vw;}
	.main_visual .box .txt_group {top:40.89vw; font-size:2.72vw;}
	
	.m_tit {font-size:45px;}
	.section {padding:70px 0px; font-size:17px;}
	
	.main_banner > ul {flex-wrap:wrap}
	.main_banner > ul > li {flex:initial; width:calc(50% - 1px)}

	.main_banner > ul > li:nth-of-type(even) {margin-top:0px}
	
	.main_notice {flex-wrap:wrap}
	.main_notice .notice_wrap {width:100%; max-width:inherit}
	
	#section3:before {display:none;}
	
	#section4 .inner { padding:60px 10px; height:auto; flex-direction:column; justify-content:center; align-items:center}
	#section4 .kcca_banner {flex:initial;}
	#section4 .m_tit_wrap {padding-right:0px; text-align:center}
	

	#inner_wrap {padding-left:10px; padding-right:10px;}
	

	.sub_visual {height:360px;}
	.sub_visual .sub_txt .sub_tit_dec {font-size:36px}
	
	
	#lnb_wrap {padding:0px; margin:0px; top:0px; height:auto; }
	#lnb_wrap .lnb .lnbs1 {display:block;}
	#lnb_wrap .lnb .lnbs2 {display:block;}
	#lnb_wrap .lnbs3 {display:none;}
	#lnb_wrap .ico_home {display:block;}
	#lnb_wrap .lnb {padding:0px;}

	.lnb_tit {font-size:15px; line-height:50px; height:50px;}

    .lnb ul li a {font-size:14px;}
	.lnb_tit, a.lnb_tit {font-size:18px; padding-left:20px; line-height:60px; height:60px;}
	.lnbs3 {display:none;}

	#footer .f_top {justify-content:center; height:auto; padding:20px 0px; flex-direction:column}
	#footer .f_menu {margin-top:20px; flex-wrap:wrap; justify-content:center}
	#footer .addressW .navi {justify-content:center}
	#footer_navi {flex-wrap:wrap; justify-content:center;}
	#footer_navi .btn {width:100%; max-width:600px; margin:0 auto; margin-top:20px;}
	#footer .addressW .right .etc_menu {justify-content:center}
	#footer .addressW .right .top_sns {margin:1em auto;}
	
	#footer_navi .sel_box {justify-content:center; max-width:100%; width:100%; padding:20px 0px;}
    #footer_navi > ul {justify-content:center; text-align:center; width:100%;}
    #footer .addressW {text-align:center; flex-direction:column}
	#footer .addressW .f_logo {align-self:center; margin-bottom:1em}
	#footer .addressW address .tel {justify-content:center; padding:1em 0px;}

	#footer .addressW .f_link {display:none;}
	#footer .addressW .logos {margin-top:20px;}
	#footerW .copy {padding-top:1em}
	#footerW .top_sns {padding-top:1em; justify-content:space-around; max-width:180px;  margin:0 auto; }
	#footer .go_top {padding-top:1em}
	
	.introduce {flex-wrap:wrap;}
	.introduce .info {width:100%; flex:initial; max-width:100%}
	.introduce .img {width:100%; max-width:100%}
	
	.main_business > li {width:calc(50% - 12.5px);}
	
	.results_wrap {flex-direction:column;}
	.results_wrap .years img {display:none;}
	.results_wrap .years .txt {position:inherit; left:auto; top:auto; display:block; margin-bottom:1em}
	.results_wrap .years .txt br {display:none;}
	.results_wrap .subject {margin-bottom:0.5em}
	
	.edu_guide {flex-direction:column; align-items:center; gap:min(50px, 10vw)}
	.edu_guide .box:nth-child(1) .ico {order:1}
	.edu_guide .box ol {order:2}
	.edu_guide .box {position:relative; width:100%; justify-content:flex-start !important}
	
	.edu_guide:after {order:2; position:relative; left:auto; top:auto; margin:0 auto; transform:rotate(90deg); width:min(98px, 12.7vw); height:min(30px, 3.9vw); background-size:contain;}
	.edu_guide .box:nth-child(1){order:1}
	.edu_guide .box:nth-child(2){order:3}
	.edu_guide .box .ico {margin-left:0px; width:min(250px, 30.85vw); height:min(250px, 30.85vw); min-width:min(250px, 30.85vw); word-break:break-all;}

	
}

/* 768 이하 */
@media screen and (max-width:767px) {
	#wrap {padding-top:70px;}
	

	
	.pc_view {display:none}
	.mb_view {display:block}
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top; zoom:1; margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}

	
	.in_header {height:70px;}
	.up #lnb_wrap.fixed .lnb {top:70px; }
	
	.m_tit {font-size:min(40px, 5.5vw);}
	.m_tit_txt {font-size:min(16px, 3vw)}
	.m_tit_wrap .dec {font-size:min(16px, 3vw)}
	.main_notice .m_tit {font-size:min(30px, 6.2vw);}
	
	#section2 {min-height:inherit}
	.main_banner > ul > li > a {height:100%; min-height:50vw}
	.main_banner .more img {max-width:6vw }
	.main_banner > ul > li:nth-child(1) > a {border-top-left-radius:10vw}
	.main_banner > ul > li:nth-child(4) > a {border-bottom-right-radius:10vw}
	
	
	#section4 .m_tit_wrap .m_tit {font-size:min(40px, 6.2vw);}
	
	.main_tit > h3 {font-size:26px;}

	.section {font-size:16px}
	
	.main_banner dl {font-size:2vw}
	#section4 .kcca_banner .box dl {font-size:2vw}
	#section4 .kcca_banner .box {width:33.8vw; height:33.8vw; }
	
	.lectures > ul {flex-wrap:wrap}
	.lectures > ul > li {width:50%}
	.lectures .box .txt_a {font-size:0.9em}
	
	
	#footer_navi .navi > li a {font-size:14px;}
	#footer_navi .sel_box > li select {height:40px; font-size:14px;}
  	#footer .addressW {background-position:center 20px; font-size:13px; background-size:auto 40px;}

	#footer .go_top > a {padding:13px;}
	#footer .go_top img {width:30px;}
	#footerW .copy {font-size:13px; padding:10px 0px;}
	#footerW {padding:10px;}

	
	
/*    .down .sub_visual .sub_txt > div {top:71px; height:170px;} */
	.sub_con {font-size:16px;}
	#sub_tit {font-size:24px;}
	.sub_visual {height:290px;}

	.sub_visual .sub_txt .sub_tit_dec {font-size:30px;}
	
	
    .title_bar {margin-bottom:35px; padding:55px 0px 0px 0px;}
	.title_bar h2 {font-size:40px;}

	
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}

	
	.s_tit {font-size:2.2em; margin-top:50px;}
	.ss_tit {font-size:1.5em; margin-bottom:15px;}

	.over_layerW {position:relative;}
	.over_layerW .table_style1 {width:100%; table-layout:inherit; margin:0px;}
    .over_layer {overflow:auto;}
	.over_layer > div {overflow:inherit; min-width:max-content;}
  
	.over_layer::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
	.over_layer::-webkit-scrollbar-thumb {background:#666;}
	
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > table {min-width:900px;}

	.pop_wrap .pop_body {font-size:16px;}
	
    /*atab*/
    .atab li a {font-size:19px;}
    .atab li.on {margin-top:0px;}
  

    .btn-tc > a {margin:0px;}
    .btab li a {font-size:15px;}
	
	.ctab li a {height:50px; font-size:16px;}


	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}
	
	.txt_ico img {height:34px;}
	.s_tit > img {max-height:32px;}
	
	
	
	.lnbs3 > ul > li > a {font-size:16px;}

	.map_wrap {height:440px;}
	
	.mission > ul {flex-direction:column;}
	.mission > ul > li {margin-top:0px !important; }
	.mission > ul > li img {width:100%; height:300px; object-fit:cover}
	.mission .back_text {display:none;}
	
	.map_area {flex-wrap:wrap}
	.map_area .info {width:100%; max-width:100%; display:block}
	.map_area .info:before {display:none;}
	.map_area .map_wrap {padding-left:0px; margin-top:1em; flex:initial; max-width:100%}
	
	.map_area .info .address {padding:0px 0px 1em 0px;}
	.map_area .info .address br {display:none;}
	
	.main_business > li {width:100%;}
	
	.curriculum .article_wrap {flex-wrap:wrap}
	.curriculum .article_wrap:first-child > article:first-child {border:none;}
	.curriculum article {width:100%; border-top:1px solid #d8d8d8;}
	
	.curriculum .article_wrap:not(:first-child) {border-top:none}
	
	.online_test .head {flex-wrap:wrap}
	.online_test .head .info {width:100%}
	.online_test .head .dec {width:100%; border-top:1px solid #000; }
	.online_test .head .info > li:last-child {border-right:none;}
	
	.online_test .body {gap:0px; flex-wrap:wrap}
	.online_test .body .question {width:100%}
	.online_test .body .question:nth-child(2):before {display:none}
	.online_test .body .question:nth-child(2) .list > li:first-child {border-top:1px solid #000;}
}





/* 480px 이하 */
@media screen and (max-width:479px) {
	 #wrap {padding-top:60px;}
	.more > a {font-size:12px;}
	#header h1 a img {height:34px;}
	.main_visual .scroll_ico {display:none;}
	

/*
	.sub_wrap #header.down {top:-60px}
	#wrap {padding-top:60px;}
	.sub_wrap {padding-top:60px;}
*/
	#header h1 img {height:24px;}
	
	.menu_btn.active {top:20px;}

	.top_sns > li img {width:8vw}
	.top_menu > li {margin-left:10px;}
	.top_menu > li a {font-size:12px;}
	.top_menu > li a img {width:18px;}
	
	
	.slide_menu_inner > div {padding:50px 0px;}
	.slide_menu_wrap .gnb .sub_menu {margin-top:0px;}
	.slide_menu_wrap .gnb > ul {}
	.slide_menu_wrap .gnb > ul > li {padding:4.18vw 6vw;}
	.slide_menu_wrap .gnb > ul > li > a {font-size:16px;}
	.slide_menu_wrap .gnb .sub_menu > li > a {font-size:12px;}

	
    .in_header {height:60px;}
	.up #lnb_wrap.fixed .lnb {top:60px; }
    .menu_btn {}
	.main_wrap .more > img {display:none;}

	
    .menu_btn .line-middle {top:8px;}
	.top_search {right:105px;}
	.top_search > button img {width:20px;}
	.top_lang > a img {width:17px;}
	
	.menu_btn a img {width:20px;}
	
 
	
	.searchPop {font-size:15px;}
	.searchPop .inner {height:130px;}
	.searchPop .close {bottom:15px;}
	
	.section {font-size:14px; padding:40px 10px;}
	
	.main_visual .visual_paging {top:32vw;}
	.main_visual .slick-dots > li.slick-active .bar {width:50px}
	.main_visual .box {height:85vw;}
	.main_visual .scroll_ico > a {font-size:12px;}
	.main_visual .scroll_ico > a:after {width:2px; height:30px;}
	.main_banner dl {font-size:2.5vw;}
	.main_banner dl dt {font-size:1.6em}
	.main_banner dl dd br {display:none;}
	.main_notice .notice_wrap > ul > li > a {font-size:12px;}
	
	#section4 .kcca_banner .box dl dt {font-size:1.8em}

	.main_wrap .more > a {font-size:13px;}
	.main_wrap .more > a img {width:24px;}
	
	
	.ico_note {font-size:12px;}
	
	#section4 .kcca_banner .box dl {font-size:2.5vw;}
	

	#footer {font-size:12px;}
	#footer .f_logo img {max-width:36vw}
	#footer .addressW {font-size:12px;}
    #footer .addressW address {margin:0px;}
    #footer .addressW address strong {display:block;}
    #footer .addressW address span {padding:2px 5px;}
	#footer_navi .navi > li a {font-size:13px;}
	#footer .addressW .navi > li a {font-size:13px;}
	#footer .addressW .navi > li:not(:first-child):after {height:12px;}
	#footer .addressW address .tel {font-size:14px;}
	#footerW .copy {font-size:12px;}

    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding-left:15px !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
    .pop_wrap .x_btn {right:15px;}
    
    .web_dis {display:none;}
	.mb_dis {display:block;}
    #add_date .bt .tooltip {height:36px; line-height:34px;}
	
	
	#lnb_wrap {top:0px;}
	#lnb_wrap .lnb .lnbs {max-width:none;}
	#lnb_wrap .lnb {padding:0px;}
	#lnb_wrap .ico_home {display:none;}
	.lnb_tit, a.lnb_tit {height:50px; line-height:50px; font-size:14px;}
	.lnb ul li a {font-size:13px;}
	.lnbs ul li a:after {right:15px;}
	.lnbs ul li a {padding-right:20px;}
	.lnb_tit:after {right:15px;}
   
    #sub_tit {font-size:4.16vw;}
	.sub_visual .sub_txt .sub_tit_dec {font-size:5.5vw}
	.sub_visual {height:150px;}
	

	
	
    .ico_box > li {width:50%;}
    .ico_box > li .ico img {max-width:70px;}
	
 
	.down_btn > a > span {font-size:18px}
	.down_btn > a {height:54px;}


    
	.btn-tc > a {margin:5px 0px;}
	.subject {padding-left:10px;}


    .block_m {display:block;}
    .block_m.fl {float:none;}
    .list_btn .block_m {margin:2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display:block;}

    .s_tit {padding:0px 0px 10px 0px; font-size:24px; background-position:left 5px; background-size:20px auto; margin-top:35px;}
	.s_tit img {height:20px; }
	
    .s_tit:before {width:20px; height:20px; margin-right:5px;}
	.s_tit:after {left:6px; top:7px;}
	
    .sub_con > .s_tit:first-child {margin-top:0px}
	.ss_tit {font-size:18px; margin-top:25px; margin-bottom:10px;}
    .ss_tit:before {width:18px; height:18px; min-width:18px;}
	.sss_tit {font-size:17px; margin-top:25px;}
	.ssss_tit {font-size:15px; margin-top:25px;}

    .s_txt_r {margin-top:-25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top:-45px;}
    .b_txt {font-size:17px; margin-top:30px;}
    .txt_in {padding-left:25px;}
	#inner_wrap {padding-bottom:50px; padding-top:0px;}
    #inner_wrap.no_visual {padding-top:30px;}

  	#lnb_wrap .lnbs3 > ul > li > a {font-size:14px; height:55px;}

	
    .sub_con {font-size:12px;}
    .layerPop {font-size:0.95em;}
    .title_bar {padding:30px 0px 0px 0px; margin-bottom:20px; background-size:auto 60px;}
	.title_bar h2 {font-size:2.2em;}
	.title_bar .eng {font-size:14px;}
	
	
    .view_tit {padding:10px;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    
    
	
    .w_name {width:70px;}
    .w_date {width:80px;}
    .m_block {display:block !important; margin-bottom:3px !important; float:none !important;}
    .scrollbox {height:120px;}
    .atab {margin-bottom:20px;}
 
    .b_table > dl {font-size:16px; padding-left:0px;}
    .ul_table > ul > li {font-size:16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top:13px;}
    .b_table > dl > dd {min-height:20px; font-size:13px;}
    .b_table > dl > dt {position:relative; padding-bottom:0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}

    .textarea {padding:5px 5px; font-size:13px;}
    .b_table .btnNormalB span {padding:0px 18px; height:36px; line-height:34px; font-size:13px;}
    .security_code .code .num {height:34px; line-height:32px; font-size:14px;}
    .file_input label {height:36px;  line-height:34px; font-size:13px;}
    .radio_group {margin-top:-5px;}
    

    .find_box {padding:0px 0px 10px 0px;}
    .find_cell .bt {overflow:hidden;}
    .find_cell .bt > a {width:50%; float:left;}
    .find_cell .bt > a > span {display:block; padding:0px; margin:0px 2px;}  
    .print_bt {display:none !important}
    .gray_box {padding:5px;}
  
	.atab li a {font-size:14px;}

	.btab li a {font-size:13px;}
	.ctab li {padding:0px 2px;}
	.ctab li a {height:40px; font-size:13px;}

   
    .br_box {padding:10px;}
    .guide_tab > li > a {font-size:12px;}
	
    
    .tit_ico {height:19px; line-height:18px;}

    .board_w > ul {padding:10px 15px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}
    

	
  
    .b_check_box {padding:10px;}
    #inner_wrap .b_check_box .board-write th {font-size:1.05em !important;}

	
    .gray_wrap {padding-top:30px; padding-bottom:30px;}
    .gray_wrap2 {padding-top:30px; padding-bottom:30px;}

	
    .list_more > a > span {font-size:16px; padding:15px 20px 15px 0px;}
    

	
	

	.ico_note:before {transform:scale(0.7); margin-right:0px;}
	.ico_note:after {transform:scale(0.7); font-weight:100;}
	
	.noteBox {padding:15px;}
	.noteBox:before {}
	
	
	.lnbs3 {padding-bottom:30px;}
	.lnbs3 > ul {margin:0px -10px;}
	.lnbs3 > ul > li {padding:5px 10px;}
	
	.lnbs3 > ul > li > a {font-size:14px; line-height:18px;}
	.lnbs3 > ul > li.on > a {border-width:4px; }

	.lnbs3 > ul > li > a .all {padding-left:24px; background-size:18px auto !important}
	

	
	.pop_wrap .pop_body {font-size:13px;}
	
	.map_bottom .info > ul > li {width:100%;}
	.map_wrap {height:250px;}
	.map_bottom {padding:10px;}
	.map_bottom > ul > li {flex-wrap:wrap}
	.map_bottom > ul > li .txt_t {width:100%; text-align:center; padding:0px 0px 0px 0px;}
	.map_info .metro .btn > a {font-size:13px;}
	
	.introduce .pt {padding-top:2em}
	
	
	.mission > ul > li img {height:240px;}
	.business_obj {margin-top:50px;}
	.business_obj .center {padding-top:70px;}
	.business_obj .center .eng {font-size:14px;}
	.business_obj > ul > li .num {font-size:3.4em}
	
	
	.main_business .top img {width:32px;}
	
	.results_wrap .right > ul > li:before {width:21px; height:21px; border-width:6px;}
	.results_wrap .right > ul > li {padding-left:35px;}
	.results_wrap .right > ul:before {left:10px;}

	.online_test input[type="radio"] + label:before {margin-top:3px;}
	
	.online_test {border-top-width:5px !important}
	.online_test .body {padding-bottom:60px;}	
	
	.organization .lv3_wrap {gap:2vw}
	.organization .lv {font-size:1.05em}
	
	
	
}