@charset "utf-8";

/* Layout */
#accessibility {position:relative; width:100%; z-index:1200;}
#accessibility dl {position:absolute; top:0; left:0; width:100%;}
#accessibility dl dt {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0;}
#accessibility dl dd a {display:block; position:absolute; left:0; top:-10000px; width:100%; height:50px; z-index:10000; text-align:center; font-size:15px; font-weight:bold; line-height:48px;}
#accessibility dl dd a:hover, #accessibility dl dd a:focus, #accessibility dl dd a:active{position:absolute; top:0; background:#1d60a7; color:#fff; z-index:10000;}

#wrap {position:relative;}
.wrap_part {position:relative; width:1180px; margin:0 auto;}
#shadow_device {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; background:#000; opacity:0.8;}
#touchArea {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:880;}
#topmenu {display:none; position:absolute;top:0; left:100%; width:270px; height:100%; z-index:1000; box-shadow:0px 0px 19px #000; background:#383d43; }



/* HEADER */
#gnb {color:#707070; font-weight:bold;}
#gnb a:hover {text-decoration:underline;}

.g_link {float:left; position:relative; border-left:1px solid #e5e5e5;}
.g_link li {float:left;}
.g_link li a {display:block; height:33px; line-height:33px; border-right:1px solid #6c6f72;  padding:0 15px; color:#ffffff;}
.g_link li a.gun {border-bottom:0; background:#fff; color:#303030; height:33px;}
.g_link li a.h_tour {border-bottom:0; background:#fff; color:#303030; height:33px;}

.g_mem {position:absolute; top:0; right:200px; border-left:1px solid #6c6f72; }
.g_mem li {float:left;  height:33px; line-height:33px; padding:0 15px; border-right:1px solid #e5e5e5;}
.g_mem li a {display:block; height:33px; line-height:33px; padding:0 7px; color:#fff;}


.g_leng {position:absolute;  right:0; z-index:1110; border-right:1px solid #e5e5e5; height:33px; line-height:33px;}
.g_leng dt input {border-radius:0; width:130px; padding:0 20px; border:none; font-weight:bold; text-align:left; background:url("../imgs/header/ico_arrow.gif") no-repeat 105px 2px; font-family:"Malgun Gothic"; color:#fff; cursor:pointer; font-size:12px;}
.g_leng dd {position:absolute; top:33px; width:130px; background:#6a6e70;}
.g_leng li {border-top:1px solid #bcbcbc;} 
.g_leng li a {display:block; padding:0px 0 0px 20px; color:#fff; font-weight:normal;}
.g_leng li a:hover {text-decoration:underline;}

.g_leng1 {position:absolute;  right:0; z-index:1110; }
.g_leng1 li {float:left;  height:33px; line-height:33px; padding:0 22px; border-right:1px solid #6c6f72; border-left:1px solid #6c6f72; background:#213152;}
.g_leng1 li:first-child  {border-right:0px; background:#005bab;}
.g_leng1 li:last-child  {border-right:0px;}
.g_leng1 li a {display:block; height:33px; line-height:33px; padding:0 7px; color:#fff;}


#logo {position:absolute; top:45px; left:490px; z-index:100;}
#logo a {display:block; line-height:0; font-size:0;}

#logo_office {position:absolute; top:80px; left:0; vertical-align:top; z-index:100;}
#logo_office a {display:block; height:55px; line-height:50px; font-size:24px; color:#303031; letter-spacing:-0.05em; vertical-align:top;}
#logo_office a span.text {display:inline-block; vertical-align:top; padding:0 0 0 23px; margin:-6px 0 0 0; background:url("../imgs/imgs/header/logo_line.gif") no-repeat 10px 18px;}

#logo_part {position:absolute; top:72px; left:-9px; z-index:100;}
#logo_part a {display:block; background:url("../imgs/header/logo_ico.png") no-repeat 0 1px; height:55px; line-height:50px; font-size:28px; color:#303031; padding:0 0 0 59px; letter-spacing:-0.05em;}


#gnb_right {position:absolute; top:55px; right:5px; }


	.h_m_mn {z-index:100;}
	.h_m_mn a {float:left; display:block; width:28px; padding:8px 10px 10px 0; margin-left:5px; line-height:0; height:20px; font-size:0;  text-align:right; }
	.h_m_mn .btn_lnb {background:url("../imgs/header/btn_sitemap.gif") no-repeat; height:38px; display:none;}


.hiddenTxt { position:absolute; margin:0px; padding:0px; visibility:hidden; font-size:0px; }

/*lnb*/
.lnb_bar {position:absolute; background:url("../imgs/header/lnb_bar.gif") no-repeat 0 115px;  width:100%; min-width:1200px; height:480px;  z-index:51; }
.lnb_bar div {width:1200px; height:475px; margin:0 auto;}

#lnb {position:absolute; top:110px;left:0;  z-index:1000;  width:100%; }
#lnb ul li {float:left; display:inline;}
#lnb ul li a {position:relative; display:block; font-size:20px; font-weight:normal; font-family:"ns-bold"; text-align:center;  height:65px; line-height:65px; color:#000; letter-spacing:-0.05em;}
#lnb a.noBg {background:none; }

#lnb ul .menu1 {width:25%;}
#lnb ul .menu2 {width:20%;}
#lnb ul .menu3 {width:28%;}
#lnb ul .menu4 {width:27%;}

#lnb ul .menu1 ul {}
#lnb ul .menu2 ul {border-left:1px solid #ededee; border-right:1px solid #ededee; }
#lnb ul .menu3 ul {border-right:1px solid #ededee; }
#lnb ul .menu4 ul {}

#lnb ul div {position:absolute; top:65px; left:0; display:none; z-index:1000; background:#fff; }
#lnb .d1_over div {display:block;}
#lnb ul ul{height:284px; padding:0 0 0 20px;}

#lnb ul ul li {float:none; display:block;   }
#lnb ul ul li a { display:block; font-size:15px;  border:none; text-align:left; font-weight:normal; height:35px; line-height:35px; padding:0 0 0 10px; letter-spacing:-0.09em; background:none; color:#5b5353;}
#lnb ul ul li:first-child {padding-top:20px;}
#lnb .menu1 div {margin:0 0 0 0px; width:25%;}
#lnb .menu2 div {margin:0 0 0 300px; width:20%;}
#lnb .menu3 div {margin:0 0 0 540px; width:28%;}
#lnb .menu4 div {margin:0 0 0 876px; width:27%;}

#lnb ul li.on .m_over {position:absolute; left:40px; top:55px; display:block; width:70px; height:3px; color:#e54441;}

#lnb ul li a.on {position:relative; display:block;  font-family:"Malgun Gothic"; font-size:20px;  font-weight:bold; text-align:center; width:180px; height:78px; line-height:78px; color:#2c2c2c; font-weight:bold; color:#ff6600; }
#lnb ul li.on .m_over { color:#3577c8;}
#lnb ul li.on a span {display:block; font-size:20px; letter-spacing:-0.06em; color:#3b81cf;  font-weight:bold; background:url("../imgs/header/lnb_onbg.gif") no-repeat center 50px; }

#lnb ul li.on div a { color:#333; }
#lnb ul li.on div a:hover {color:#3478C4; text-decoration:underline;}
#lnb a {display:block;font-size:17px; letter-spacing: -0.07em; padding:0; font-weight:bold; color:#2e3644;}
#lnb a.on {font-weight:bold; color:#d43b00;}

#lnb li a:visited,a:hover,a:active {text-decoration:none; }

#lnb ul li.on ul {background:#f4f7f9;}

/* HEADER : MOBILE */

#lnb_device {overflow-y:scroll; overflow-x:hidden; width:100%;}
#lnb_device a {display:block; padding:16px 40px 14px 20px; font-size:15px; font-family:"ns-bold"; color:#383d43; letter-spacing:-1px; background:url("/home/imgs/header/m_mn1_off.gif") no-repeat 95% #fff; border-top:1px solid #d9d9d9;}
#lnb_device a.on,#lnb_device a:hover, #lnb_device a:focus, #lnb_device a:active {color:#fff; background:#2c79bd url("/home/imgs/header/m_mn1_on.gif") no-repeat 95%;}
#lnb_device li li a {display:block; height:auto; padding:15px 0 13px 32px; font-size:1.143em; color:#fff; background:url("/home/imgs/header/m_mn2_off.gif") no-repeat 14px 19px #303032; border-top:1px solid #565b60;}
#lnb_device li li a.on,#lnb_device li li a:hover,#lnb_device li li a:focus, #lnb_device li li a:active {background:url("/home/imgs/header/m_mn2_off.gif") no-repeat 14px 19px #303032;}
#lnb_device li li ul {background:#efefef;}
#lnb_device li li li a {display:block; height:auto; padding:9px 0 7px 33px; background:url("/home/imgs/header/m_mn3_off.gif") no-repeat 25px 48%; font-size:1.071em; color:#535353; border-top:1px solid #e3e3e3;}
#lnb_device li li li a.on,#lnb_device li li li a:hover,#lnb_device li li li a:focus, #lnb_device li li li a:active {background:#e2e2e2 url("/home/imgs/header/m_mn3_off.gif") no-repeat 25px 48%; color:#000;}
#lnb_device li li li ul {padding:0 22px 10px;}
#lnb_device li li li li {padding:0 0 3px 0;}
#lnb_device li li li li a {background:#fff; border:1px solid #ddd; padding:7px 0 7px 8px;}
#lnb_device li li li li a.on,#lnb_device li li li li a:hover,#lnb_device li li li li a:focus, #lnb_device li li li li a:active {background:#fff; border:1px solid #ddd;}
/* 17.3.17 수정 (모바일 메뉴 틀어짐) */
/*#lnb_device li a span {display:inline-block; background:url("/home/imgs/header/top2m_blank.gif") no-repeat 0 0; width:18px; height:16px; margin:0 0 -2px 0;}*/
#lnb_device li a span #depth1_s {display:inline-block;}
#lnb_device li div span {display:inline-block; background:url("/home/imgs/header/top2m_blank.gif") no-repeat 0 0; width:18px; height:16px; margin:0 0 -2px 0;}




/******* 768 ~ 1200 *******/

@media all and (max-width:1199px) {
	#header .wrap {width:auto;}
}

@media all and (max-width:1023px) {

	/* HEADER */
	#gnb {display:none; }
	#gnb a:hover {text-decoration:underline;}



	#logo {position:absolute; top:25px; left:10px; z-index:100;}
	#logo a {display:block; line-height:0; font-size:0;}

	#gnb_right {position:absolute; top:35px; right:10px; }


		 /* mobile */
		.h_m_mn {z-index:100;}
		.h_m_mn a {float:left; display:block; width:28px; padding:8px 10px 10px 0; margin-left:5px; line-height:0; height:20px; font-size:0;  text-align:right; }
		.h_m_mn .btn_lnb {background:url("../imgs/header/btn_sitemap.gif") no-repeat; height:38px; display:inline;}
		.h_m_mn .btn_logout {background:url("../imgs/header/btn_logout.gif") no-repeat; height:38px; display:inline;}
		.h_m_mn .btn_search {background:url("../imgs/header/btn_search.gif") no-repeat ; height:38px;}

		#gnb {display:none;}
		#lnb {display:none;}
		.part_search {display:none;}
		.all_menu {display:none;}

		.g_home {float:left; width:49%; position:relative; z-index:1120;}
		.g_home a {display:block; font-size:13px; color:#fff; height:40px; line-height:40px; background:#383d43; font-weight:bold; text-align:center;}

		.g_leng {float:left; width:50%; position:relative; top:0; right:0; height:none;}
		.g_leng dt input {width:100%; height:40px; line-height:38px; padding:0; vertical-align:top; text-align:left; padding-left:20px;  background:#505457 url("/home/imgs/header/ico_arrow.gif") no-repeat 107px 15px; font-size:13px;}
		.g_leng dd {top:40px; width:100%;}
		
		.g_link {float:none;}
		.g_link li {width:50%;}
		.g_link li a {width:100%; padding:0; background:#f7f7f7; font-weight:bold; text-align:center; font-size:13px; height:35px !important; line-height:37px !important;}

		.g_mem {position:relative; top:0; right:0; background:#f7f7f7;}
		.g_mem li {float:left; width:100%; padding:0; border:0; height:38px;}
		.g_mem li a {display:block; height:38px !important; line-height:38px !important; padding:0; color:#707070; font-size:13px; width:100%; font-weight:bold; text-align:center; background:url("/home/imgs/header/gnb_line.gif") no-repeat 0 55%;}
		.g_mem li:first-child a {background:none;}




	.lnb_bar {position:absolute; background:none;  width:100%; min-width:1200px; height:455px;  z-index:51;}
	.lnb_bar div {width:1200px; height:345px; margin:0 auto;}

	#lnb {display:none; background:none;}

}

@media all and (max-width:450px) {

	/* HEADER */



	#logo {position:absolute; top:30px; left:5px; z-index:100;}
	#logo a {display:block; line-height:0; font-size:0;}
    #logo img {width:230px;}
    
    	#gnb_right {position:absolute; top:35px; right:5px; }
    	
     /* mobile */
		.h_m_mn {z-index:100;}
		.h_m_mn a {float:left; display:block; width:28px; padding:8px 10px 10px 0; margin-left:3px; line-height:0; height:20px; font-size:0;  text-align:right; }

    
}   


/* footer */

.btn_top {position:absolute; right:0; top:0;}
.btn_top a {display:block; background:#000; opacity:0.6; height:45px; line-height:45px; width:50px; text-align:center;}
.btn_top a img {padding-top:13px;}

.address {position:relative; width:100%; text-align:left; top:30px; line-height: 1.4em}
.address address {color:#fff;  font-size:14px;  font-style: normal; opacity:0.6; word-break:keep-all;}
.address span{padding:0 30px;}
.address p {margin-top: 5px;}
.fbutton {position:absolute;  right:0px; top:60px;}
.copyright {color:#ffffff; font-size:13px;line-height:0.8em; opacity:0.6;  }

@media all and (max-width:1023px) {
.btn_top {display:none; }


.address { text-align:center; line-height:17px;  top:20px;}
.address address {color:#fff;  font-size:12px;  font-style: normal; opacity:0.6; }
.address span{padding:0px;}
.fbutton {display:none;}
.copyright {color:#ffffff; font-size:12px; height:15px; line-height:15px; opacity:0.6; text-align:center;  padding-top:10px;}

}







/* subVisual */
.subVisual {position:relative; height:100px; background:url("../imgs/sub/subVisual_1.jpg") no-repeat 50% 0;}
.subVisual .wrap {text-align:center; padding:25px 0 0 0; }
.subVisual .wrap div {position:relative; z-index:1; line-height:70px; text-align:center;}


/********* subVisual : 1024 ~ 1280 ***********/
@media all and (max-width:1280px) {
	.subVisual .wrap {width:100% !important;}

}


/* 768 ~ 1023 */
@media all and (max-width:1023px) {
   .subVisual {display:none;}

}


/** subMenu  **/

#subMenu {position:relative; padding:40px 0 0 0; width:100%; display:block;}
#subMenu h2 {background:url("../imgs/sub/left_h2Bg.gif") no-repeat; color:#fff; text-align:center; font-size:22px; line-height:25px; font-weight:normal; letter-spacing:-0.1px; height:100px; padding:40px 10px  15px 10px; word-break:keep-all; }
#subMenu a {display:block; border-bottom:1px solid #ddd; font-size:16px; padding:18px 35px 17px 6%; letter-spacing:-0.1em; line-height:20px; background: url("../imgs/sub/subMenu_off.gif") no-repeat 92% 50%; color:#4b4b4b;}
#subMenu ul ul {border-bottom:1px solid #6d7b9b;  padding:5px 0 10px; background:#f5f5f5;}
#subMenu ul ul ul {border:none; background:#f0f6f9 !important; width:85%; margin:0 auto;}
#subMenu li.on a {background: url("../imgs/sub/subMenu_ov.gif") no-repeat 92% 50%; border-bottom:3px solid #1e3b7f; border-top:none; color:#1e3b7f; font-weight: bold;}

#subMenu a:hover  {text-decoration:underline;}


/* subTitle */
h1.subTitle {position:relative; font-size:32px; line-height:40px; color:#000000; padding:35px 0 10px 0; letter-spacing:-3px; font-weight:normal;}


/* location */
.location {position:relative;  font-size:13px;  margin:0 0 30px 0; z-index:10; padding:0px 0px 10px 0px;  background:url("../imgs/sub/subTitleBg.gif") repeat-x 0 45px;}
.location ul {}
.location ul:after {content:""; display:block; clear:both;}
.location li {float:left; padding:10px 5px 12px 3px; word-break:break-all;}
.location li:last-child span {background:none;}
.location li span {display:inline-block; background:url("../imgs/sub/line.gif") no-repeat right 70%; width:16px; height:14px; vertical-align:top; margin:7px 0 0 5px;}
.location a {display:inline-block; margin:1px 0 0 0;}


/*contentBody */
#contentBody {position:relative;min-height:700px;margin:30px 0; font-size:15px; color:#555555; line-height:24px; word-break:keep-all; overflow:hidden;}



/********* subVisual : 1024 ~ 1280*********/
@media all and (max-width:1200px) {
	 #subWrapper .wrap {width:100% !important;}
	.subVisual .wrap {width:100% !important;}
    #footer .wrap {width:95% !important;}
}


/******* 768 ~ 1023 *******/
@media all and (max-width:1023px) {

	.subVisual {display:none;}

	#subMenu {display:none;}


	/* subTitle */
	h1.subTitle {position:relative; font-size:21px; line-height:33px; color:#000000; padding:25px 0 10px 10px; letter-spacing:-2.5px; font-weight:normal; border-top:1px solid #505457;}


	/* location */
	.location {position:relative;  font-size:12px; letter-spacing:-0.1em; margin:0 0 30px 0; z-index:10; padding:0px;  background:url("../imgs/sub/subTitleBg.gif") repeat-x 0 10px;}
	.location ul {padding-left:10px; height:50px;}
	.location ul:after {content:""; display:block; clear:both;}
	.location li {float:left; padding:10px 0px 12px 0px; word-break:break-all;  display:none;}
	.location li:last-child span {background:none;}
	.location li span {display:inline-block; background:url("../imgs/sub/line.gif") no-repeat right 70%; width:16px; height:14px; vertical-align:top; margin:7px 0 0 0px;}
	.location a {display:inline-block; margin:1px 0 0 0;}


	#contentBody {position:relative;min-height:500px;margin:-40px 10px 30px 10px; font-size:15px; color:#555555; line-height:24px; word-break:keep-all; overflow:hidden; }





}