@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:14px; font-weight:normal;}
body, input, textarea, select, button,iframe {font-family: "Noto Sans KR", sans-serif;}
a {text-decoration:none; color:#4f4f4f; font-family: "Noto Sans KR";}
a:link{font-size:14px; color:#4f4f4f; text-decoration:none;}
a:hover{font-size:14px; color:#4f4f4f; text-decoration:none;}
a:visited{font-size:14px; color:#4f4f4f;  text-decoration:none;}
li, ul, ol {list-style:none;}
img {border:0;}

#wrap {width:100%; overflow:hidden; padding-top:87px;}
#header {position:fixed; width:100%; left:0; top:0; background:#fff; z-index:9999;}
#content {width:100%; min-height:500px;}
#footer {width:100%;}

.w1200 {width:1200px; margin:0 auto;}
.db640 {display:none;}



/* header pc */
#header .pc_ver {padding:22px 0; border-bottom:1px solid #dbdbdb;}
#header .pc_ver:after {display:block; content:''; clear:both;}
#header .pc_ver h1 {float:left; padding-top:10px;}
#header .pc_ver .gnb {float:right; margin-right:25px;}
#header .pc_ver .gnb ul:after {overflow:hidden;}
#header .pc_ver .gnb ul li {float:left; margin-left:60px;}
#header .pc_ver .gnb ul li a {font-size:16px; font-weight:900; line-height:42px; color:#1a1a1a;}
#header .pc_ver .gnb ul li:hover a,#header .pc_ver .gnb ul li.on a  {color:#017fc8;}

#header .pc_ver .lnb_wrap {display:none; position:absolute; top:87px; left:0; z-index:10; width:100%; background:#e0edf9}
#header .pc_ver .lnb_wrap .lnb {padding:27px 0;}
#header .pc_ver .lnb_wrap .lnb > div {overflow:hidden;}
#header .pc_ver .lnb_wrap .left_type {float:left; width:25%;}
#header .pc_ver .lnb_wrap .left_type .depdn {font-size:23px; font-weight:700; color:#8dc0ef;}
#header .pc_ver .lnb_wrap .left_type p {margin-top:15px; font-size:13px; color:#939393; letter-spacing:-0.025em;}
#header .pc_ver .lnb_wrap ul {float:left; overflow:hidden;}
#header .pc_ver .lnb_wrap ul li {float:left; text-align:center; margin-right:45px;}
#header .pc_ver .lnb_wrap ul li img {display:block; margin:0 auto 5px;}
#header .pc_ver .lnb_wrap ul li a {color:#8f8f8f; font-size:13px;}
#header .pc_ver .lan {float:right; margin:6px 0 0 47px;}
#header .pc_ver .lan select {width:85px; height:34px; border:1px solid #d4d4d4; color:#414141; font-size:13px; box-sizing:border-box; padding:0 8px;}


#header .m_ver {display:none; position:relative; z-index:10;} 
#header .m_ver .mm_wrap {overflow:hidden; position:relative; z-index:5; background:#fff; padding:3.75% 3.125%; border-bottom:1px solid #017fc8;}
#header .m_ver h1 {float:left; width:23.59375%; padding-top:1%;} 
#header .m_ver h1 img {width:100%;} 
#header .m_ver .right_wrap {float:right; width:calc(100% - 25%); font-size:0; text-align:right;}
#header .m_ver .all_menu {display:inline-block; vertical-align:middle; width:8.2222222222%}
#header .m_ver .all_menu img {width:100%;}
#header .m_ver .lan {display:inline-block; margin-left:3.5%; vertical-align:middle;}
#header .m_ver .lan select {padding:3% 4vw 3% 2vw; border:1px solid #d4d4d4; color:#414141; font-size:2.7vw;}
.bg_black {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:-1;}


#header .m_ver .m_nav {position:absolute; right:-100%; top:0; width:75%; height:100%; z-index:99; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background:#fff;}
#header .m_ver .m_nav.view {right:0;}

.m_ver .m_nav .de_menu div .m_depdn {display:block; padding:6.25%; font-size:4vw; font-weight:400; color:#1a1a1a; background:url('/img/mdepdh_bg.jpg') no-repeat 95% 50%; background-size:1.875vw auto; letter-spacing:-0.02em; border-bottom:1px solid #dedfe6;}
.m_ver .m_nav .de_menu div .m_depdn.on {font-weight:700; background:url('/img/mdepdh_bg_on.jpg') no-repeat 95% 50%; background-size:1.71875vw auto; border-bottom:0;}
.m_ver .m_nav .de_menu div ul {display:none; background-color:#e7f2fb;}
.m_ver .m_nav .de_menu div ul li {border-bottom:1px solid #cad1e7;}
.m_ver .m_nav .de_menu div ul li a {display:block; font-weight:300; font-size:3.75vw; color:#545458; letter-spacing:-0.075em; padding:3% 6.25%;}
.m_ver .m_nav .de_menu div ul li a:hover {color:#017fc8; font-weight:400;}


/* footer */
#footer {background:#3f3f45; overflow:hidden;}
#footer .inner {padding:53px 0 58px;}

#footer .w1200 {position:relative;}
#footer .w1200:after {display:block; content:''; clear:both;}
#footer .top_btn {position:absolute; right:0; cursor:pointer;}
#footer h1 {float:left; margin-right:40px;}
#footer .address {float:left; line-height:1; font-size:14px; color:#9c9e9f; font-weight:300;}
#footer .address br {display:none;}
#footer .address p {margin-top:10px; color:#787b7d; font-size:11px;}


/*sub_common*/
.sub_common .sub_tit {padding:20px 0 21px; line-height:1; text-align:center;}
.sub_common .sub_tit h2 {font-size:48px; color:#f37320; letter-spacing:-0.025em;}
.sub_common .sub_tit p {font-size:16px; color:#555555; font-weight:300;}
.pcver {width:100%; background:#f7f7f7; border-top:1px solid #dbdbdb;  border-bottom:1px solid #dbdbdb;}
.pcver .sub_dep {font-size:0; text-align:center;}
.pcver .sub_dep ul li img {display:none;}
.pcver .sub_dep ul li {display:inline-block; width:14.2%; padding:20px 0; vertical-align:middle;}
.pcver .sub_dep ul li a {display:block; line-height:1; font-size:15px; color:#707070; border-right:1px solid #dbdbdb;}
.pcver .sub_dep ul li:last-child a {border-right:0;}
.pcver .sub_dep ul li.on {border-bottom:4px solid #f37320;}
.pcver .sub_dep ul li.on a {color:#f37320;}

.m_depth {display:none;}


@media all and (max-width:1200px) {
	.w1200 {width:95%;}
	.sub_dep.pcver {width:95%;}
}

@media all and (max-width:999px) {
	#header .pc_ver {display:none;} 
	#header .m_ver {display:block;} 

		/* footer */
	#footer .inner {padding:10% 0;}
	#footer .top_btn {width:10%}
	#footer .top_btn img {width:100%}
	#footer h1 {float:left; width:17%; margin-right:3%;}
	#footer h1 img {width:100%;}
	#footer .address {font-size:2.8vw; line-height:1.4em;}
	#footer .address br {display:block;}
	#footer .address p {margin-top:2%; font-size:2.5vw;}

	/*sub_common*/
	.sub_common .sub_tit {display:none;}
	.pcver .sub_dep ul li {width:25%; padding:3% 0;}
	.pcver .sub_dep ul li a {font-size:2.8vw;}
	.pcver .sub_dep ul li:nth-of-type(4n) a {border-right:0;}
	.pcver .sub_dep ul li:last-child a {border-right:0;}

}