@charset "utf-8"; @import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css"); @import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css"); /* wrap */
#wrap { position:relative; width:100%; margin:0 auto; max-width:640px; float:none; overflow:hidden; display:block; background:#F0F0F0; } 

/* header */
#header { overflow:hidden; /*height:110px; */ } 
#header ul { display: flex; justify-content: space-between; } 
/* #header ul { padding:0; width:640px; float:right; left:-50%; position:relative; } 
#header ul li { float:left; left:50%; position:relative; } */

/* #header ul .logo { margin:15px 0 15px 0; } */
#header ul { margin:15px 0; } 
#header .logo a{display: flex;justify-content: center;align-items: center;height: 100%;}
#header .logo a img{mix-blend-mode: multiply;}
/* #header ul .logo2 { float:right; margin:15px 0 15px 0; } */


.gnb { position:relative; margin-bottom: 20px; } 
/* .gnb { width:100%; max-width:640px; position:relative; overflow:hidden; margin-bottom: 20px; border-radius: 20px; } */
.gnb ul { display: flex; border-radius: 15px; overflow:hidden; } 
.gnb ul li { position: relative; text-align:center; background:#193e8c; height:66px; line-height:60px; font-weight:500; } 
/* .gnb ul li { float:left; text-align:center; background:#193e8c; height:66px; line-height:60px; font-weight:500; } */
/*.gnb ul li:first-child { border-right:1px solid #fff; } */
.gnb ul li+li::after { content: ''; position: absolute; top: 50%; left: 0; display: block; height: 25px; width: 2px; background: #8C9FC6; transform: translateY(-50%); } 

.gnb ul li:nth-child( 1 ) { width:12%; } 
.gnb ul li:nth-child( 1 ) img { margin-top:17px; } 
.gnb ul li:nth-child( 2 ) { width:calc((100% - 12%)/3); } 
.gnb ul li:nth-child( 3 ) { width:calc((100% - 12%)/3); } 
.gnb ul li:nth-child( 4 ) { width:calc((100% - 12%)/3); } 

.gnb ul li a { color:#fff; } 

/*
#header ul .top_btn { float:right; margin:24px 30px 0 0; } 
#header ul .top_btn span { display:block; text-align:right; line-height:30px; } 
*/
/* footer */
#footer { clear:both; font-family: 'Noto Sans KR', sans-serif; text-align:center; background:#e5e5e5; } 
#footer .foot { padding:6%; font-size:20px; font-weight:300; } 
#footer .foot p.ft_logo { float:left; } 
#footer .foot p.info { width:75%; margin-left:150px; text-align:left; } 
#footer .foot p.info .footer_pad { padding-bottom: 15px; } 
#footer .foot p.info .footer_bd { font-weight: 400; color: #333; } 

#footer .fot_btn_list { width:100%; text-align:center; height:50px; border-top:1px solid #bababa; border-bottom:1px solid #bababa; } 

#footer .fot_btn_list a { display:inline-block; line-height:50px; font-size:20px; font-weight:700; letter-spacing:-1px; /* font-family:"Source Han Sans"; */ } 

#footer .fot_btn_list a:first-of-type { width:20%; height:100%; } 
#footer .fot_btn_list a:nth-of-type(2n) { width:20%; height:100%; } 
#footer .fot_btn_list a:last-of-type { width:30%; height:100%; } 

.fline { vertical-align:middle; display:inline-block; } 

#footer .foot p span { position:relative; top:0; left:0; display:inline-block; width:100%; height:100%; } 
#footer .foot p span.bar { width:0; height:10px; display:inline; margin:0 5px; color:#6a7077; } 
#footer .foot .copyright .txt_b { font-weight:500; display:inline; } 

/* #main_con { width:100%; display:inline-block; } */
#main_con .sub_contents { background:#fff; width:606px; margin:0 auto 15px; position:relative; border-radius:20px; } 

/* left menu*/
.menu_top { position:relative; } 
.menu_top .logo { margin:27px 0 0 40px; display:inline-block; width:194px; height:65px; } 

.left { position:absolute; width:100%; height:1230px; top:0; z-index:110; left:-100%; transition-duration:500ms; background:#fff; } 
.left .menu { position:relative; padding-top:30px; height:1190px; } 

.left .menu .close_box { width:100%; height:106px; text-align:center; position:relative; } 
.left .menu .close_box .m_logo { position:relative; top:0; display:inline-block; } 
.left .menu .close_box .close { position:absolute; top:20px; right:50px; transition-duration:500ms; } 

.left .menu .depth_tit { color:#333333; width:550px; /*height:70px; */ line-height:84px; margin:0 auto; display:block; text-align:left; box-sizing:border-box; font-weight:500; letter-spacing:-3px; font-size:40px; padding-bottom:5px; background:url("/img/icon_menu_plus.png") no-repeat 96% 50%; padding-left:20px; } 
.left .menu ul { width:550px; margin:0 auto; height:auto; transition-duration:500ms; } 
.left .menu ul > li { width:100%; height:0; overflow:hidden; transition-duration:500ms; background:#f6f6f6; } 

.left .menu ul.view > li { width:100%; padding:15px 0; border-bottom:1px solid #bababa; } 
.left .menu ul > li > a { width:550px; display:block; margin:0 auto; text-align:left; color:#666666; font-size:24px; font-weight:500; line-height:50px; letter-spacing:-2px; padding-left:20px; } 
.left .menu ul > li > a.on { color:#666666; } 
.left .menu ul.e0 { position:relative; } 

.left .menu ul.e0 .depth_tit { border-bottom:1px solid #bababa; } 
.left .menu ul.e1 .depth_tit { border-bottom:1px solid #bababa; } 
.left .menu ul.e2 .depth_tit { border-bottom:1px solid #bababa; } 
.left .menu ul.e3 .depth_tit { border-bottom:1px solid #bababa; } 
.left .menu ul.e4 .depth_tit { border-bottom:1px solid #bababa; } 
.left .menu ul.e5 .depth_tit { border-bottom:1px solid #bababa; } 
.left .menu ul.e6 .depth_tit { border-bottom:1px solid #bababa; } 

/* 50px */
.left .menu ul.e0.view li { height:200px; } 
.left .menu ul.e1.view li { height:0; } 
.left .menu ul.e2.view li { height:155px; } 
.left .menu ul.e3.view li { height:250px; } 
.left .menu ul.e4.view li { height:50px; } 
.left .menu ul.e5.view li { height:250px; } 

.left.view { left:0; } 

/* sub lnb */
.sub_lnb { position:relative; } 
.sub_lnb .sv { position:relative; } 
.sub_lnb .sub_here { position:absolute; color:#333; font-size:60px; font-weight:500; letter-spacing:-3px; top:120px; width:100%; text-align:center; z-index:10; } 
.sub_lnb .dep_tit { position:relative; } 
.sub_lnb .dep_tit span { display:block; height:78px; line-height:78px; font-size:25px; font-weight:500; color:#666; cursor:pointer; } 

.sub_lnb .dep_tit .depth1 { float:left; width:290px; padding-left:30px; background:#2c4ead url("/img/ico_r_arrow.png") no-repeat 90% 50%; } 
.sub_lnb .dep_tit .depth1 > .here { color:#fff; } 
.sub_lnb .dep_tit .depth1 > ul { transition-duration:500ms; width:320px; height:0; overflow:hidden; position:absolute; top:77px; left:0; z-index:10; background:#2c4ead; } 
.sub_lnb .dep_tit .depth1 > ul li a { display:block; padding-left:30px; height:80px; line-height:80px; font-weight:500; font-size:25px; color:#fff; letter-spacing:-1px; border-top:1px solid #d3cfcd; box-sizing:border-box; } 
.sub_lnb .dep_tit .depth1 > ul li a:first-of-type { border-top:none; } 
.sub_lnb .dep_tit .depth1 > ul.view { box-sizing:border-box; height:650px; } 

.sub_lnb .dep_tit .depth2 { float:left; width:290px; padding-left:30px; background:#1f3f99 url("/img/ico_r_arrow.png") no-repeat 90% 50%; } 
.sub_lnb .dep_tit .depth2 > .here { color:#fff; } 
.sub_lnb .dep_tit .depth2 > ul { transition-duration:500ms; width:320px; height:0; overflow:hidden; position:absolute; top:77px; right:0; z-index:10; background:#1f3f99; } 
.sub_lnb .dep_tit .depth2 > ul li a { display:block; padding-left:30px; height:80px; line-height:80px; font-weight:500; font-size:25px; color:#fff; letter-spacing:-1px; /*border-top:1px solid #d3cfcd; box-sizing:border-box; */ } 
.sub_lnb .dep_tit .depth2 > ul li a:first-of-type { border-top:none; } 
.sub_lnb .dep_tit .depth2 > ul.view { box-sizing:border-box; height:650px; } 
.e6_long { font-size:20px !important; } 

/*.sub_visual { position:relative; clear:both; } */
/*.sub_visual .sub_txt_wrap { position:absolute; top:50px; width:100%; } */
/*.sub_visual .sub_here { color:#fff; font-size:42px; text-align:center; margin-bottom:5px; } */
/*.sub_visual .sub_txt > span { color:#fff; font-size:22px; text-align:center; line-height:34px; font-weight:300; } */

/* 태블릿: 1024 이하 */
@media handheld, only screen and (max-width: 1023px) { } 
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) { } 
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 480px) { } 

/* 아이폰 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { }