@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

/* header */
/* default */
* {margin:0; padding:0;}
li {list-style:none;}
a {text-decoration:none;}
body {font-family: 'Noto Sans KR', sans-serif;overflow-x:hidden;}
a, button, input, select {font-family: 'Noto Sans KR', sans-serif;}
img {display:block;}

#header {width:100%;}
.accordion .depth1 > li > a {cursor: default;}
/* tnb */
.tnb_ex {width:100%; height:35px; background-color:#f5f5f5;}
.tnb_wr {width:1300px; margin:0 auto;}
.tnb_left {float:left;}
.tnb_left ul {width:304px; height:35px; border-left:1px solid #ddd;}
.tnb_left ul li {width:150px; height:35px; float:left; font-size:14px; color:#787878; text-align:center; line-height:35px; border-right:1px solid #ddd;font-weight: 600;}
.tnb_right { float:right;}
.tnb_right button {border:0; background-color:#dbdcdd; width:95px; height:35px; color:#656b70; font-size:14px; font-weight:600; line-height:35px;}

/* lnb */
.lnb_wr {width:1300px; height:75px; margin:0 auto;}
.h_logo {width:274px; height:73px; vertical-align:middle; float:left;margin-top:1px;}
.lnb ul {width:660px; height:75px; float:right;}
.lnb li {float:left; width:110px; height:75px; line-height:75px; color:#363737; font-size:18px;}
.lnb li h2 {font-size:18px; font-weight:400;}
.lnb li:hover {font-weight:500;}
.tab_home {display:none; margin:18px 0 18px 25px; float:left; vertical-align:middle;}
.tab_home a {display:block; width:34px; height:34px; background:url('../img/home_btn.jpg') no-repeat center; }
#hd_ct {display:none;width:41px; height:41px; background:url('../img/mt_menu.jpg') no-repeat center; border:0; cursor:pointer; z-index:999999999999999;float:right;text-indent:-9999px;border:0;}

/* gnb */
.gnb_wr {width:1300px; height:80px; margin:0 auto;}
#logo {float:left; margin-top:5px; position:relative; z-index:9999;}

.navBox { position:absolute; top:35px; left:0; z-index:9998;width:100%; height:80px; font-family: 'Noto Sans KR', sans-serif;}
.gnb1 {width:145px;float:left;text-align: center;}
.gnb1 h2 {width:145px; height:80px; font-weight:500; color:#363737;}
.gnb1:hover {color:#01408f; font-weight:500;}
.gnb1:hover .nav_1da {font-size:18px;font-weight:700; color:#363737;}

.navBox:after {display:block;visibility:hidden;clear:both;content:"";} 
.nav {position:absolute; z-index:9999; top:0px; left:50%; width:870px; height:80px; line-height:80px; margin-left:-220px;}
.nav ul.depth1 {z-index:10; text-align:center; height:80px;font-weight:600;}
.nav ul.depth1:after {display:block; visibility:hidden; clear:both; content:"";}
.nav ul.depth1 li .gnb1 {position:relative;float:left;width:140px;min-height: 80px;text-align:center;display:inline;margin:0px;font-weight:600;}
.nav ul.depth1 li .gnb1:hover {color:#2e61d7;text-align:center; }
.nav_1da {position:relative; height:80px; text-align:center; font-size:19px; font-weight: 500; color:#333;z-index:20; line-height:80px;display:block;}

.nav ul.depth1 li.gnb1:hover a.nav_1da {
	color:#2e61d7;
	font-weight:700;
	text-align:center;
}

.nav ul.depth1 li.gnb1:hover a.nav_1da h2 {
	font-weight:bold;
}

/* sub_box */
.subBox {display:none;min-width:1000px;position:absolute;z-index:1000;top:80px;width:100%;background:url('../img/gnb_sub_bg.jpg') no-repeat top;}
.subBox:after {display:block;visibility:hidden;clear:both;content:""}

/* depth2 */
.depth2 {display:none;position:relative;top:25px;}
.nav ul.depth1 ul.depth2 {display:none;position:relative;top:102px;width:140px;height:320px;padding-top:0px;text-align:center;background:#fff;background-color:transparent;border-top:0px solid #dedede;z-index:9999;}
.nav ul.depth1 ul.depth2 li {display:block; margin-bottom:7px;float:left;}
.nav ul.depth1 ul.depth2 li h3 {text-align:center;font-weight:500;}
.nav ul.depth1 ul.depth2 li h4 {display:block; text-align:center;}
.nav ul.depth1 ul.depth2 li h4 {display:inline-block !important;float:left;text-align:justify;font-weight:500;}
.nav ul.depth1 ul.depth2 li h4 a {font-size:12px;color: #000;margin-bottom:10px;}
.nav ul.depth1 ul.depth2 li h4 a:hover {font-weight:bold;color:#2e61d7;}
.nav ul.depth1 ul.depth2:hover {width:140px;height:210px !important;}

.nav_2da {display:block;float:left;width:145px;height:35px;text-align:center !important;font-size:16px;
	line-height:35px;font-weight:400;text-decoration:none !important;
	color:#363737;letter-spacing: -0.5px;}

.nav_2da:focus, .nav_2da:hover {position:relative;width:145px;text-decoration:none; font-weight:600;color:#01408f;} 
.nav_2da:focus h3, .nav_2da:hover h3 {font-weight:bold !important;}

/* mobile_menu */
#hd_ct {
	display:none; float:right; margin-top:-60px; margin-right:20px; width:42px; height:42px; text-indent:-9999px; background:url('../img/mt_menu.jpg') no-repeat center; 
	background-size:cover; border:0; cursor:pointer;}
#menu .pop_close{
	position:absolute;top:19px;right:19px;width:42px;height:42px; 
	background:url('../img/close_btn.png') no-repeat center;
	border:0;text-indent:-99999px;z-index:1000;cursor:pointer;}
#menu {
	display:none; position:fixed;
	top:0px; left:0; width:100%; height:100%; overflow-y:hidden;
	background:rgba(0,0,0,0.8); z-index:99999;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;    
	box-sizing: border-box;  
	-webkit-backface-visibility: hidden;
}

.m_gnb{text-align: center;}
#m_logo{display: none;}
#menu{display: none; overflow: scroll;}
.m_nav .accordion li ul li a{padding-left:0px;}
.m_login_btn {width:100%;height:80px;overflow:hidden;background: #2463b5;display: flex;justify-content: center;align-items: center;}
.m_login_btn a {display:block; margin:24px 25px; color:#fff; font-size:13px; border:1px solid #fff; width:80px; height:30px; line-height:30px; text-align:center;}
/*#nav {width:100%;}
#nav > li {border-top:1px solid #ddd;}
#nav li h2 {font-weight:600; color:#363737; font-size:18px; line-height:40px;}
#nav li ul {display:none;}
#nav li ul li { border-top:1px solid #ddd;}
#nav li ul li a h3 {font-weight:400; color:#363737; font-size:16px; line-height:40px;}
#nav li a {display:block; width:90%; padding:0 5%; text-decoration:none; background:url('../img/mobile_arrow.jpg') no-repeat right; background-position:95%;}
#nav li a.stay {background:url('../img/mobile_arrow.jpg') no-repeat right; background-position:95%; border-bottom:1px solid #ddd;}
#nav li ul li a {width:90%; background:none; text-indent:20px;}
#nav li a.active h2{font-weight:600; color:#01408f;}
*/
.menu {
    width:100%;
 }
 
 .accordion {
    list-style-type: none;
    padding: 0;
    margin: 0;
 }
 
 .accordion ul {
    padding: 0;
    margin: 0;
    width: 100%;
 }
 
 .accordion li {
    cursor: pointer;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    background: #444;
 }

 .accordion li.active > a {
    background:url('../img/m_more_img2.png') no-repeat right 10px center;
 }
 
 .accordion li div {
    padding: 0;
    clear: both;
    float: left;
    width: 100%;
 }
 
 .accordion a {
    letter-spacing: -1px;
    color: #fff;
    padding: 0 25px;
    display: block;
    cursor: pointer;
    background: url('../img/m_more_img.png') no-repeat right 10px center;
    height: 45px;
    line-height: 45px;
    font-weight:400;
	border-bottom:1px solid #666; box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box;
 }

.accordion li:last-child a {border-bottom:0;}

.accordion li li a {
	border-bottom:1px solid #fff; 
	box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box;
 }

.accordion li li li a {
	border-bottom:1px solid #eee;
	box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box;
 }
.accordion h2 {font-weight:400;font-size: 17px;}
.accordion h3 {font-weight:400;font-size: 16px;}
.accordion h4 {font-weight:400;font-size: 16px;}

 .accordion li ul li {
    background: #eee;
    font-size: 16px;
 }
 .accordion li ul li a {color:#666;
   /* background:url('../img/m_more_img3.png') no-repeat right 25px center; */
   padding-left: inherit;}

  
 .accordion li li.active > a {
 	background:url('../img/m_more_img4.png') no-repeat right 25px center;
 }


 .accordion li ul li ul li a {
    background:url('../img/m_more_img5.png') no-repeat left 25px center #fff;
    padding-left: 50px;
 }

@media screen and (max-width:1023px) {
	.tab_home {display:block;}
	.tnb_ex {display:none;}
	.navBox {display:none;}
	.gnb_wr {width:100%; overflow:hidden;}
	/* #logo {float:none;margin:0 auto; width:274px; height:73px;margin-top:5px; z-index:99;} */
   #logo{display: none;}
   #m_logo{display: block;padding:0 10px;}
	#hd_ct {display:block;}
}

@media screen and (max-width:480px) {
      #logo {width: 371px;}
      .tab_home {display:none;}
}

/* sitemap */
#all_category {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); z-index:999999;}
.ct_wr { width:100%; height:550px;background:#fff; z-index:9999;}
.ct_box_wr {width:1300px; margin:0 auto; position:relative; overflow:hidden;}
.ct_depth2 {width:100%; margin-top:100px;}
.ct_depth2 li {float:left; width:16.6%; padding-right:0;}
.ct_depth2 li h2 {display:inline-block; width:150px;padding-bottom:20px; margin-bottom:10px; border-bottom:1px solid #ddd; color:#01408f;font-size: 25px;font-weight: 600;}
.ct_depth3 li {width:100%;}
.ct_depth3 li h3 {font-weight:400; line-height:38px;font-size: 18px;}
.ct_depth3 li h3 a {color:#373737; }
.ct_close {background:url('../img/ct_close.png') no-repeat center #fff !important; width:33px !important; height:31px !important; text-indent:-9999px; position:absolute; top:30px; right:30px; font-size:0; border:0; cursor:pointer;}
    
 
@media screen and (min-width:1024px){
#menu {display:none !important;}
}
/* 추가 끝 */