@charset "utf-8";
/*수정테스트*/
/*
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css");
@import url("http://fonts.googleapis.com/css?family=Noto+Sans");
*/

@font-face {
	font-family : 'NBG';
		font-weight:normal;
		src :url(font/NanumBarunGothic.eot);
		src :url(font/NanumBarunGothic.eot?#iefix) format('embeded-opentype'),
		url(font/NanumBarunGothic.woff) format('woff');
}

@font-face {
	font-family : 'NBGB';
		font-weight:normal;
		src :url(font/NanumBarunGothicBold.eot);
		src :url(font/NanumBarunGothicBold.eot?#iefix) format('embeded-opentype'),
		url(font/NanumBarunGothicBold.woff) format('woff');
}

@font-face {
	font-family : 'NG';
		src :url(font/NanumGothic.eot);
		src :url(font/NanumGothic.eot?#iefix) format('embeded-opentype'),
		url(font/NanumGothic.woff) format('woff');
}

@font-face {
	font-family : 'NGB';
		src :url(font/NanumGothic-Bold.eot);
		src :url(font/NanumGothic-Bold.eot?#iefix) format('embeded-opentype'),
		url(font/NanumGothic-Bold.woff) format('woff');
}

@font-face {
	font-family : 'NGEB';
  		font-weight: 400;
		src :url(font/NanumGothicExtraBold.eot);
		src :url(font/NanumGothicExtraBold.eot?#iefix) format('embeded-opentype'),
		url(font/NanumGothicExtraBold.woff) format('woff');
}

/* Style Reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, radio, select, p, button {margin:0; padding:0}
body, h1, h2, h3, h4, td, input {font-family:NBG, 'Noto Sans', sans-serif; font-size:12px; color:#333; line-height:1.2em; font-weight:normal}
select, textarea {font-family:NBG, 'Noto Sans', sans-serif; font-size:12px; color:#666666}
html, body {font-family:NBG, 'Noto Sans', sans-serif; height:100%; overflow-x:hidden;}
strong{font-family:NBGB; }

a:link, a:visited {text-decoration:none}
a:hover {text-decoration:underline}
table {border-collapse:collapse;}
caption, legend {overflow:hidden; visibility:hidden; width:0; height:0; text-indent:-9999em; line-height:0; font-size:0}
img, fieldset, button {font-family:NBG, 'Noto Sans', sans-serif;  border:0}
input, select, textarea {vertical-align:middle}
textarea {border: solid 1px #666666;}
img {vertical-align:top}
ul, ol, li {list-style:none}
hr {display:none}
em, address {font-style:normal}
input {font-family:NBG, Arial, sans-serif; color:#666666}
select {border:1px solid #dedede; font-size:12px; vertical-align:middle; line-height:17px; font-family:Arial; color:#666666}
input, select {font-size:100%; vertical-align:middle}
button, label, input[type=image] {cursor:pointer}
.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;text-indent:-9999em;width:0;height:0;}

/* Skip Navigation */
.skip {width:100%; height:0px; top:0px; left:0px; position:absolute; Z-index:500;}
.skip a {display:block; position:absolute; top:0px; text-indent:-9999px; overflow:hidden}
.skip a:focus, #skip a:active {display:block; position:absolute; z-index:11; top:0px; width:100%; height:14px; padding:6px 0px; font-weight:bolder; line-height:14px; text-align:center; color:#F5CF1D; background:#D12727; font-size:14px; text-indent:0px}

.hidden	{text-indent:-99999px;font-size:0px;line-height:0px;}
.bold {font-weight:600;}
/* base */
.txr {text-align:right;}
 
.ellipsis{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; } 
.ellipsis_2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; } 
.smobile dd.ellipsis{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; } 

/* ------------ header ------------ */
#header {}
#header:after {content:'';display:block;clear:both;}

#wrap {position: relative;width:1404px;margin:0 auto;border-left: 1px solid #002b68;box-sizing:border-box;}
#wrap:after {content:'';display:block;clear:both;}
.contents_area	{display:inline-block;float:left;border-left: 1px solid #e5e5e5;width: 1203px;}
.subContents	{display:inline-block;float:left;width: 1203px;}

/* pop */
.popup_top	{background:#8fc31f;}
.popup_top:after {content:'';display:block;clear:both;}
.popup_top	.popup_in	{position:relative;width:1405px;margin:0 auto;background:#f5f5f5;height:120px;}
.popup_top	.popup_in	.service_exp	{position:absolute;right:4%;line-height: 145%;top: 2em;background:url(/images/main/bg_topimg.gif) 0 0 no-repeat;padding-left:8%;text-align:right;padding-bottom:10px;}
.popup_top	.popup_in	.service_exp .serv_tit {font-size:20px;color:#3378b9;padding-bottom: 7%;font-weight:bold;}
.popup_top h3	{}
.popup_top h3 a {position:absolute;left:0px;display:inline-block;text-align:center;height:27px;vertical-align:middle;color:#fff; font-family:NBGB; font-size:16px;padding-top:13px;width:170px;}
		h3.pop01 a	{top:0px;background:#3378b9;}
		h3.pop02 a	{top:40px;background:#8fc31f;}
		h3.pop03 a	{top:80px;background:#1ec496;}
.popup_top h3.on a {background:#f5f5f5;color:#333;text-decoration:underline;}
.popup_top div.pop_sub	{display:none;padding-left:190px;}
.popup_top div.pop_sub li {display:inline-block;background:url(/images/main/bul_top.gif) 0 center no-repeat;padding-left:15px;padding-right:50px;}
.popup_top div.pop_sub.sub01 {padding-top:15px;}
.popup_top div.pop_sub.sub02 {padding-top:55px;}
.popup_top div.pop_sub.sub03 {padding-top:92px;}
.popup_top h3.on div.pop_sub {display:block;}
/* //pop */

/* top (logo,ip,search) */
.header-area	{height:60px; width:100%; border-bottom:1px solid #cdcdcd;padding: 0;}
.header-area:after {content:'';display:block;clear:both;}
.header-area .top_area_in {position:relative; width:1405px;margin:0 auto;height:60px;}
.header-area .top_area_in:after{content:""; display:block; clear:both;}
.header-area .top_area_in h1 {height:55px;width:276px; padding-top:4px;}
.header-area .top_area_in .logo a {display:inline-block;vertical-align:middle;}
.header-area .top_area_in .logo a img {width:100%;}
.header-area h1.logo{float:left;}
.header-area .top_order {float:right; margin-top:14px;}
.header-area .top_order *{vertical-align:middle;}
.header-area .top_order div.link_lang{float:left; margin-left:10px; line-height:30px; height:30px; }
.header-area .top_order div.search_top{float:left; margin-left:10px; line-height:30px; height:30px;}
.header-area .top_order .ip {float:left; margin-left:10px;line-height:30px; height:30px; font-family:Verdana;font-size:11px;color:#333; text-align:right;}
.header-area .link_lang a {font-size:12px;color:#333;padding:0 12px;}
.header-area .link_lang a.line {border-right:1px solid #b0b0b0;border-left:1px solid #b0b0b0;}
.header-area .link_lang a.last {padding-right:0; border-right:0; border-left:1px solid #b0b0b0;}
.header-area .search_top {position:relative;}
.header-area .search_top input {border:1px solid #002757;height: 29px;width:195px;padding:0 34px 0 4px;}
.header-area .search_top button	{position:absolute;right: 2px;top: 2px;width:28px;height: 27px;background: #fff url(/images/main/btn_search.gif) right center no-repeat;text-indent:-99999px;}
.header-area .mobile_btn {position: absolute;right: 10px;display:none; top:15px;}
.header-area .mobile_btn a{float:left;}
.header-area .mobile_btn a#mTopmenuBtn{margin-right:5px;}
.header-area .mobile_btn .btn_search,
.header-area .mobile_btn .btn_menu	{width:31px;height:27px;text-indent:-99999px;}
.header-area .mobile_btn .btn_search	{background:url(/images/main/btn_search_m.gif) no-repeat;margin-right:5px;}
.header-area .mobile_btn .btn_menu	{background:url(/images/main/btn_menu_m.gif) no-repeat;}
.mobile_btn {display:none;}
.location-depth p {display:inline-block;line-height:16px;font-size:11px;}
/* //top (logo,ip,search) */
/* ------------ //header ------------ */

.skipnavi {position:relative; width:100%; overflow:hidden; z-index:2;}
.skipnavi a {display:block; width:1px; height:1px; margin:0 -1px -1px 0; overflow:hidden; text-align:center; font-size:0; line-height:0;}
.skipnavi a:focus, 
.skipnavi a:hover, 
.skipnavi a:active {width:auto; height:20px; margin:0; padding:8px 0 0 15px; font-size:12px; font-weight:bold; line-height:1; background-color:#d9d9d9; color:#666;} 

/* lnb */
.lnb_area	{display:inline-block;float:left;vertical-align:top;width: 198px;background:#002b68;border-top:1px #002b68 solid;box-sizing:border-box;}
.lnb_area button.btn_depth1 {font-family:NBG; width:100%;background: url(/images/main/bg_lnbMenu.png) 90% center no-repeat;border-bottom: 1px solid #f2f2f2;padding: 14px 10px;text-align:left;font-size: 15px;color: #141414;}
.lnb_area button.btn_depth1.on {background:#3378b9;color:#fff;}

.lnb_area >ul>li>a{display:inline-block; text-decoration:none; text-indent:20px; font-family:NBGB;  width:100%;background: url(/images/main/bg_lnbMenu.png) 90% center no-repeat;border-bottom: 1px solid #1b4177;padding: 14px 0;text-align:left;font-size: 14px;color:#fff;}
.tablet .lnb_area >ul>li>a{text-indent:10px;}
.lnb_area > ul > li.on>a{background:#3689af;  color:#fff; background: url(/images/main/bg_lnbMenu_on.png) 90% center no-repeat;border-bottom:0px none;}
.lnb_area >ul>li>a:hover{background:#3689af; color:#fff; background: url(/images/main/bg_lnbMenu_on.png) 90% center no-repeat;}

.lnb_area > ul > li	{}
.lnb_area > ul > li:hover,
.lnb_area > ul > li.on {background:#0e99d0;}
.lnb_area > ul > li:hover button,
.lnb_area > ul > li.on button {color:#fff;background: url(/images/main/bg_lnbMenu_on.png) 90% center no-repeat;}
.lnb_area > ul li ul {/* border-bottom:1px solid #dfdfdf; */display:none;background:#fdfdfd;}
.lnb_area > ul > li.on > ul{display:block;z-index: 9;box-sizing:border-box;}
.lnb_area > ul > li > ul > li {border-bottom: 1px solid #f2f2f2;text-align:left;font-size: 14px;background: #ededed;border-bottom:1px #ffffff solid;width: auto;color: #141414; font-family:NBG; }
.lnb_area > ul > li > ul > li a {display:block;padding: 11px 20px;color:#333;}
.lnb_area > ul > li > ul > li.on > a,
.lnb_area > ul > li > ul > li a:hover	{color:#fff;text-decoration:none;}
.lnb_area > ul > li > ul > li.on,
.lnb_area > ul > li > ul > li:hover	{background: #eaeaea;}
.lnb_area > ul > li > ul > li.on a,
.lnb_area > ul > li > ul > li:hover a {color:#3b527e;text-decoration:none;}
.lnb_area > ul > li > ul > li.depths > a	{background:url(/images/main/bg_lnbMenu_2depth.png) 90% center no-repeat;}
.lnb_area > ul > li > ul > li.depths a:hover {text-decoration:none;}
.lnb_area > ul > li > ul > li.depths:hover > a,
.lnb_area > ul > li > ul > li.depths.on > a {background: url(/images/main/bg_lnbMenu_2depth_on.png) 90% center no-repeat;}
.lnb_area > ul > li > ul > li.on > ul {display:block;width: auto;background:#fff;padding:10px;}
.lnb_area > ul > li > ul > li > ul > li {font-size:13px;line-height:24px;}
.lnb_area > ul > li > ul > li.depths > ul > li a {padding:0;color:#333;letter-spacing: -0.05em;font-size: 13px;}
.lnb_area > ul > li > ul > li > ul > li > a:hover,
.lnb_area > ul > li > ul > li > ul > li.on > a {color:#3b527e;text-decoration:underline;}
.lnb_area > ul > li > ul > li.depths > ul > li {background:url(/images/main/bul_depth3.gif) 0 center no-repeat;padding-left:10px;}
.lnb_area > ul > li > ul > li.depths > ul > li a:hover	{color:#1374a1;}
.lnb_area .m_lnb_tit	{display:none;}
.lnb_area .list_menu {padding:30px 12px 0 18px;line-height:22px;font-weight:bold;}
.tablet .lnb_area .list_menu{padding:30px 12px 0 12px;}
.lnb_area .list_menu a {color:#888;line-height: 22px;font-weight: normal;color:#fff;}
.lnb_area .list_menu .list01	{color:#333;}
.lnb_area .list_menu .list05	{background: url(/images/main/ico_rss.gif) left 5px no-repeat;padding-left: 17px;padding-top:2px;}
.lnb_area .sns_area {padding-top: 10px;padding: 5px 15px 0 15px;margin-bottom:30px;}
.lnb_area .sns_area h3 {color:#444;font-size:14px;font-family:NBGB; margin-bottom:12px;}
.lnb_area .sns_area a.tw {display:inline-block;margin-right:5px;background:url(/images/main/bul_tw.png) 0 0 no-repeat;width:37px;height:37px;text-indent:-99999px;}
.lnb_area .sns_area a.face {display:inline-block;margin-right:5px;background:url(/images/main/bul_facebook.png) 0 0 no-repeat;width:26px;height:26px;text-indent:-99999px;}
.lnb_area .sns_area a.blog {display:inline-block;background:url(/images/main/bul_blog.png) 0 0 no-repeat;width:37px;height:37px;text-indent:-99999px;}
.lnb_area .sns_area a.site_btn { color:#80a0cd; border:solid 1px #345a8e; display:inline-block; padding:6px;}
.lnb_area .copy {width: 160px;margin:0 auto;color: #b4c8e5;font-size: 11px;line-height:16px;}
.lnb_area .copy .copy_logo {padding-bottom:10px;}
.lnb_area .copy .copy_txt {padding-bottom:15px;}

.lnb_area.on {position: fixed;z-index: 999;right:0; width:200px; height:100%; top:0; overflow:auto; /*background: #fff;border-left: 1px solid #ccc;*/box-shadow:0 0 11px #555;}

.lnb_area .helpdest {padding-top: 12px;margin:0 15px 0 15px;}
.lnb_area .helpdest strong.tit,
.lnb_area .helpdest span.num	{font-size:12px;color:#b4c8e5; font-family:NBGB; }
.lnb_area .helpdest a.go_link	{display:inline-block;height:26px;background:url(/images/main/bul_online.gif) right 0 no-repeat;padding-right:20px;}
.btn_menu_close {display:none;} 
/*.mobile .lnb_area,
.smobile .lnb_area,
.ssmobile .lnb_area {width:0px;}*/
.tablet .ico_top,
.mobile .ico_top,
.smobile .ico_top,
.ssmobile .ico_top {display:none;}
@media (max-width:1310px){
	.lnb_area > ul > li > ul > li a {/* padding: 16px 10px; */}
}
/* //lnb */

/* 따라다니는 메뉴 */
.ico_top {position:absolute;right:-30px;top:170px;}

/* 여백 */
.pdt10 {padding-top:10px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}

.pdl5 {padding-left:5px;}
.pdl10 {padding-left:10px;}
.pdl15 {padding-left:15px;}
.pdl20 {padding-left:20px;}
.pdl40 {padding-left:40px;}
.pdl60 {padding-left:60px;}

.mgt10	{margin-top:10px !important;}
.mgt20	{margin-top:20px !important;}
.mgt40	{margin-top:40px !important;}
.ml0 {margin-left:0 !important;}



/* 201510 박금희 추가작업 시작 */
/* SKIP */
.skipH{position:absolute; height:0; width:0; left:-9999px; overflow:hidden; font-size:0; line-height:0;}
a.skipNavi {display:block; position:absolute; z-index:500; left:0; top:-10000px; font-size:1.3em; text-align:center; width:100%;}
a.skipNavi:hover, a.skipNavi:focus, a.skipNavi:active{position:absolute; top:0; z-index:500; padding:15px 0; color:#ffffff; font-weight:bold;background: none repeat scroll 0 0 #1d60a7;}

#topMenu{display:none; width:100%; height:123px; background:#edeff1;}
#topMenu .topBox{position:relative; width:1405px; height:123px; margin:0 auto;}
#topMenu .topMenu{position:absolute; width:100%;}
#topMenu .topMenu>li>a{display:inline-block; width:199px; height:41px; padding-right:20px; color:#333333; font-size:15px; font-family:NBGB; text-align:center; line-height:41px; background:url(/images/main/bg_topMenu.gif) no-repeat 0 0;}
#topMenu .topMenu>li>a:hover{text-decoration:none;}
#topMenu .topMenu>li>a.on{color:#fff; background:url(/images/main/bg_topMenu_on.gif) no-repeat 0 0;}
#topMenu .topMenu ul{position:absolute; left:219px; top:20px; width:715px;}
#topMenu .topMenu ul li{float:left; width:27%; margin-left:3%; padding-left:12px; background:url(/images/main/bullet_topMenu.gif) no-repeat 0 50%;}
#topMenu .topMenu ul li>a{font-size:14px; color:#333; line-height:28px;}
#topMenu .rightZone{height:120px; padding-left:110px; background:url(/images/main/bg_topMenuImg.gif) no-repeat 0 30px; position:absolute; right:0; top:0; text-align:right;}
#topMenu .rightZone dl{padding:20px 35px 0 0;}
#topMenu .rightZone dl dt{padding-bottom:15px;font-size:20px; font-weight:800; color:#1374a1;}
#topMenu .rightZone dl dd{color:#666; font-size:13px; line-height:1.3em;}
#topMenu .rightZone a{display:block; width:16px; height:16px; text-indent:-10000px; overflow:hidden; position:absolute;  right:0; bottom:0; padding:10px; background-image:url('/images/main/btn_topMenu_close.gif'); background-position:50% 50%; background-repeat:no-repeat;}
#topMenu .rightZone a span{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;text-indent:-9999em;width:0;height:0;}
#mTopMenu{display:none;}

.web_v2 #topMenu .topBox{width:1000px; margin:0 auto;}
.web_v2 #topMenu .topBox ul ul{width:570px;}
.web_v2 #topMenu .topBox ul ul li a{text-decoration:none;}
.web_v2 #topMenu .rightZone{background:none; right:10px;}
.web_v2 #topMenu .rightZone dl{padding-right:0;}
.web_v2 #topMenu .rightZone dl dt{font-size:14px;}
.web_v2 #topMenu .rightZone dl dd{font-size:12px;}
.web_v2 #topMenu .rightZone a{padding-right:0;}
.web_v2 .header-area .search_top input {width:100px;}

.tablet #topMenu .topBox{width:100%;}
.tablet #topMenu .topBox ul{margin-left:-15px;}
.tablet #topMenu .topBox>ul>li>a{width:22%; background-position:100% 100%;}
.tablet #topMenu .topBox ul ul{width:80%; left:28%;}
.tablet #topMenu .topBox ul ul li{margin-left:1%;}
.tablet #topMenu .topBox ul ul li a{font-size:12px;}
.tablet #topMenu .rightZone{background:none;}
.tablet #topMenu .rightZone dl{display:none;}
.tablet #topMenu .rightZone a{margin-top:80px;}

#mTopMenu{position:relative; background:#edeff1; width:100%; height:240px;}
#mTopMenu #mLnb{position:relative;}
#mTopMenu #mLnb>li{float:left; width:32.8%; line-height:40px; border-bottom:1px solid #20779f; border-left:1px solid #40a0cd; border-right:1px solid #20779f;}
#mTopMenu #mLnb>li>a{display:inline-block; width:100%;  background:#3689af; color:#fff; font-family:NBGB;  text-align:Center; }
#mTopMenu #mLnb>li>a.on{background:#1a6283;}
#mTopMenu #mLnb ul{display:none; position:absolute; z-index:100; left:0; top:41px; width:100%; height:auto; border-bottom:1px solid #dedede;}
#mTopMenu #mLnb ul:after{content:""; display:block; clear:both;}
#mTopMenu #mLnb ul li{float:left; width:49.5%; border-bottom:1px solid #dedede; border-left:1px solid #dedede;}
#mTopMenu #mLnb ul li.last{border-bottom:none;}
#mTopMenu #mLnb ul li.noBorBott{border-bottom:none;}
#mTopMenu #mLnb ul li a{display:inline-block; color:#333; width:100%; text-indent:10%; line-height:40px;}
#mTopMenu .btnZone{text-align:right;}
#mTopMenu .btnClose{display:block; text-indent:-10000em; overflow:hidden; position:absolute; z-index:500; right:10px; bottom:5px; padding:10px; background-image:url('/images/main/btn_topMenu_close.gif'); background-position:50% 50%; background-repeat:no-repeat;}

.smobile #mTopMenu #mLnb>li{width:32.7%;}
.ssmobile #mTopMenu #mLnb>li{width:32.5%;}

/* icon_style */
.icon_red{display:inline-block; margin-right:3px; background:#f02d34; border-radius:3px; padding:0 5px; height:15px; line-height:15px; text-align:center; color:#fff; font-size:11px;}
.icon_orange{display:inline-block; margin-right:3px; background:#fb9606; border-radius:3px; padding:0 5px; height:15px; line-height:15px; text-align:center; color:#fff; font-size:11px;}
.icon_green{display:inline-block; margin-right:3px; background:#4aae87; border-radius:3px; padding:0 5px; height:15px; line-height:15px; text-align:center; color:#fff; font-size:11px;}
.icon_blue{display:inline-block; margin-right:3px; background:#26a1cf; border-radius:3px; padding:0 5px; height:15px; line-height:15px; text-align:center; color:#fff; font-size:11px;}
.icon_purple{display:inline-block; margin-right:3px; background:#a57be4; border-radius:3px; padding:0 5px; height:15px; line-height:15px; text-align:center; color:#fff; font-size:11px;}
.icon_gray{display:inline-block; margin-right:3px; background:#888; border-radius:3px; padding:0 5px; height:15px; line-height:15px; text-align:center; color:#fff; font-size:11px;}


/* 201510 박금희 추가작업 끝 */