@charset "utf-8";
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* =Reset
-------------------------------------------------------------- */

/* 1. 기본 설정 (시작) *
* ================================================ */
/* default */
* {margin:0; padding:0;}
body {margin:0; padding:0; height:100%; font-size:12px; line-height:20px; color:#666; font-family:'Nanum Gothic', Dotum, '돋움', Arial, sans-serif}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;font-family:'Nanum Gothic', Dotum, '돋움', Arial, sans-serif}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
ul,ol,dl,dt,dd,li {list-style:none}
fieldset {border:none}
img {border:0; vertical-align:middle}
strong {font-family:'Nanum Gothic'; font-weight:700;}
address,em {font-style:normal; color:#666}
hr {display:none}
table {border-collapse:collapse;}
table, td, th {border:none}
th {font-weight:normal}
a {color:#666; text-decoration:none; cursor:pointer}
a:hover, a:focus {color:#ee5359;text-decoration:none}
caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0}

button {cursor:pointer;border:0;background-color:transparent;}
button > span,button > em {position:relative;top:0;left:0;}
label {line-height:13px !important}
textarea {padding:10px; background: #fefefe; border:1px solid #dadde1 !important; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; -moz-box-shadow: inset 1px 3px 4px -3px #e9e9e9;-webkit-box-shadow: inset 1px 3px 4px -3px #e9e9e9;box-shadow: inset 1px 3px 4px -3px #e9e9e9; resize:none}
select {padding: 6px 4px 6px 4px; border-radius: 3px; border: 1px solid #CED3DA; background: #FFF; color: #696F74; font-size: 13px !important; line-height: 18px !important; font-weight: normal;}
input[type=text], input[type=password]{height:25px;padding:0 2px;line-height:18px;text-indent:2px;color: #696F74;vertical-align:middle;
background: #fefefe; border:1px solid #dadde1 !important; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
-moz-box-shadow: inset 1px 3px 4px -3px #e9e9e9;-webkit-box-shadow: inset 1px 3px 4px -3px #e9e9e9;box-shadow: inset 1px 3px 4px -3px #e9e9e9}
input[type=file] {padding:5px; border:1px solid #bfbfbf\0/IE8+9; .border:1px solid #bfbfbf; color:#666; background:none; border:none}
input[type=image], input[type=checkbox] {border:0 none !important;vertical-align: middle;margin-right: 2px;}
input[type='checkbox'], input[type='radio'] {width:16px;height:16px;position:relative;top:-1px;vertical-align:middle;margin-right:3px;}

@media \0screen {input[type=text], input[type=password]{line-height:30px;}}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.lh150 {line-height:150%;}
.lh180 {line-height:180%;}
.lh190 {line-height:190%;}

.pd30 {margin-bottom:30px;}

.tx_bold {font-weight:bold;}
.tx_blue {color:#355DA3;}

.fz13 {font-size:13px;}
.fz14 {font-size:14px;}
.fz16 {font-size:16px;}
.fz18 {font-size:18px;}

/* layout */
#header{width:100%;position:absolute;top:0;z-index:1000;background-image:url('img/gnb_bg.gif'); background-repeat:repeat-x; min-height:147px;}
body.main #header{min-height:112px;}

#header .ttb_wrap .ttb, #header .gnb, #content, .section, #header + #container, #footer .allMenu .menu, #footer address {width:800px; margin:0 auto;}
#header .ttb_wrap .ttb:after , #header .gnb:after , #container:after , #footer:after, #content:after, .section:after, #footer .allMenu .menu:after, #footer address:after {display:block;clear:both;content:'';height:0;visibility:hidden;}

#header .ttb_wrap {position:fixed; top: 0; left:0; z-index:100; width:100%; text-align:center; height:33px; overflow:visible; background-color:#384151;}
#header .ttb_wrap .ttb {height:33px; position:relative;}
#header .ttb_wrap .ttb .m-ttb {display:none;}
#header .ttb_wrap .ttb ul{margin:0px; padding:0px; position:absolute; right:0px; top:0px; height:33px; list-style:none;}
#header .ttb_wrap .ttb ul li{float:left;margin:0px; padding:0px;} /*background:URL(img/ttb_line.gif) no-repeat right center;*/
#header .ttb_wrap .ttb ul li.nol{background:none !important;}
#header .ttb_wrap .ttb ul li a {display:block; height:25px; line-height:25px; padding:0 15px 0 15px; margin:4px 0px; font-family:'Nanum Gothic',Dotum; font-size:11px;}
#header .ttb_wrap .ttb ul li a:link,
#header .ttb_wrap .ttb ul li a:visited{color:#eee;} /*#c2c5c7*/
#header .ttb_wrap .ttb ul li a:focus,
#header .ttb_wrap .ttb ul li a:hover,
#header .ttb_wrap .ttb ul li a:active{color:#fff; text-decoration:none;}
#header .ttb_wrap .ttb ul li.gbs a b{font-family:Nanum Gothic; font-weight:bold;}
#header .ttb_wrap .ttb ul li.gbs a:link,
#header .ttb_wrap .ttb ul li.gbs a:visited{background-color:#36b716; color:#ffffff;}
#header .ttb_wrap .ttb ul li.gbs a:focus,
#header .ttb_wrap .ttb ul li.gbs a:hover,
#header .ttb_wrap .ttb ul li.gbs a:active{background-color:#36b716; color:#18168a;}

#header .gnb{position:relative;padding-top:33px;z-index:20;overflow:hidden;display:block;}
#header .gnb h1{float:left;padding:20px 62px 0 0}
#header .gnb img{vertical-align:middle}


/* GNB */
.gnb_logo {float:left; margin-top:24px; height:50px; overflow:inherit;}
.gnb_navi {position:relative;float:right; display:inline-block;overflow:hidden; z-index:20; margin-right:0px;}
.gnb_navi li {float:left; margin:0px; font-size:15px;} /*font-weight:bold;*/
.gnb_navi li > a{display:block; padding:5px 25px 0px 25px; height:74px;line-height:77px; }
.gnb_navi li:hover > a, .gnb_navi li > a:focus {text-decoration:none; }
.gnb_navi li:hover .sub_navi, .gnb_navi li:active .sub_navi {display:block;}
.gnb_navi li.on {}
.gnb_navi li.on:hover a {text-decoration:none}
.gnb_navi li.on a, .gnb_navi li.on a:hover {}

.sub_navi {display:none; overflow:hidden; height:41px; z-index:10; background:url('img/gnb_bg.png') no-repeat center -242px; margin-top:-5px;}
.sub_navi .subNavi_wrap {position:absolute; top:72px; z-index:10;  padding-top:10px; overflow:hidden; }
.sub_navi .subNavi_wrap ul {position:relative;}
.sub_navi .subNavi_wrap li {display:inline-block;overflow:hidden; margin:0px; padding:0 !important; font-size:12px; font-weight:normal; height:30px; background:url('img/gnb_bg.png') no-repeat 0 -313px;}
.sub_navi .subNavi_wrap li:first-child{background:none;} /*sub_navi에 메뉴 사이 bar */
.sub_navi .subNavi_wrap li a {padding:0 20px; text-decoration:none; height:30px; line-height:25px; }
.sub_navi .subNavi_wrap li a:hover, .sub_navi .subNavi_wrap li a:focus {background:none; text-decoration:none}

.sub_navi .subNavi_wrap.company {left:0px;}
.sub_navi .subNavi_wrap.product {left:125px;}
.sub_navi .subNavi_wrap.community {left:200px;}
.sub_navi .subNavi_wrap.market {right:0px;}
.sub_navi .subNavi_wrap.recruit {right:-20px;}

/* location */
.l-location {line-height:15px; *zoom:1;text-align:right;padding-top:17px; padding-right:20px;}
.l-location:after {content:"";display:block;clear:both}
.l-location a {color:#918D8D}
.l-location > span {display:inline-block;vertical-align:top; margin-right:7px; height:16px; padding:0 14px 0 0;  background:url('img/bl_loc.gif') right 3px no-repeat}
.l-location > strong {color:#5f759a;}
.l-location span:first-child img {position:relative; top:2px;}

#content h1, .section h1 {margin-bottom:20px; font-size:22px;  color:#595d69;font-weight:bold;}
#content h2, .section h2 {margin-bottom:20px; font-size:21px;  color:#486d9b;font-weight:bold;}
#content h3, .section h3 {margin-bottom:20px; font-size:20px;  color:#646a76;}
#content h4, .section h4 {margin-bottom:20px; font-size:16px;  color:#595d69; font-weight:bold; background:url('/img/is_dot.gif') no-repeat 0px 0px; padding-left:35px;}
#content h5, .section h5 {margin-bottom:20px; font-size:14px;  color:#486d9b; font-weight:bold;}
#content h6, .section h6 {margin-bottom:20px; font-size:13px;  color:#333; font-weight:bold;}

#content .title, .section .title {width:100%; padding:2px 0 10px;border-bottom: 2px solid #444;}
#content .title img, .section .title img {margin:-3px 0 0 4px}
#content .title h3, .section .title h3 {margin:1px 0 13px 3px; font-size:24px; line-height:26px; color:#333; font-weight:bold;}
#content .title h3 span, .section .title h3 span {letter-spacing:-2px}
#content .title p, .section .title p {display:none;}

/* 메인 배너 */
.main_bnn {margin-top:112px;overflow:hidden;}
#Main_Slide {height:200px; border-bottom:1px solid #969696; overflow:hidden;z-index:100; }


#latest_box_box {padding-bottom:20px; height:230px;background-color:#F4F6F7;}
#latest_box {width:800px; position:relative; margin:0px auto;}
#latest_box .latest {float:left; width:30%; margin-top:1.5%; margin-bottom:1.5%; margin-left:1.5%; margin-right:1.5%;}


#latest_box_box2 {padding-top:10px;padding-bottom:20px; height:150px;}
#latest_box2 {width:800px; position:relative; margin:0px auto;}
#latest_box2 .latest2 {float:left; width:49%; margin-top:1%; margin-left:1%;}


#search {float:right;}

/* container */
#container {position:relative; width:821px;margin:0 auto; height:auto; overflow:hidden; padding-top:110px;  z-index:0;background:#fff;} /* BUG: 구버전IE에서 너비를 안정해주면 100%로 퍼져보임*/
#containercommon {position:relative;width:800px;margin:0 auto; height:auto; overflow:hidden; padding-top:146px;  z-index:0;background:#fff;}
body.main #container {padding-top:0 !important;}
#content, .section {min-height:250px;position:relative;}
.lnb {float:left; width:170px; min-height:250px;}
.lnb, #content, .section {padding-top:36px;}
.lnb + #content {border-left:1px solid #eee; padding-left:20px; float:right; width:630px; background:#fff; padding-bottom:40px; min-height:600px;}

/* LNB */
.lnb .tit_cate {padding-bottom:14px;height:90px;background:url(/img/h2_title_bg.jpg) no-repeat;} /* BUG:구버전IE에서 no-repeat를 안해주면 배경이 더 내려가 보임 */
.lnb .tit_cate h2{font-size:24px;line-height:26px;color:#fff;font-weight:bold;display:inline-block;margin-left:20px;margin-top:10px;letter-spacing:-2px;}
.lnb .tit_cate h2 span{font-size:13px;display:block;opacity:0.8;line-height:35px;letter-spacing:0;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
.lnb >ul.larea { border-top:0; border-bottom:1px solid #d9d9d9; width: 150px;margin:0 auto 20px;}
.lnb >ul.larea >li { }
.lnb >ul.larea >li >a { display:block; padding:16px 0 15px 2px; font-size:14px; line-height:1em; font-weight:bold; color:#333; border-top:1px solid #d9d9d9;}
.lnb >ul.larea >li >a:hover {color:#ee5359;}
.lnb >ul.larea >li:first-child >a { border-top:none;}
.lnb >ul.larea >li.active >a { color:#ee5359; background:url(img/sub_lnb_ico.png) no-repeat 142px center;}
.lnb >ul.larea >li ul {display:none;padding:3px 0; border-top:1px solid #d9d9d9; background:#F8F8F8;}
.js .lnb >ul.larea >li ul {display:none; }
.lnb >ul.larea >li.active ul, .lnb >ul.larea >li.hover ul {display:block;}
.lnb >ul.larea >li ul li a { display:block; padding:5px 0; padding-left:26px; font-size:12px; line-height:16px; color:#333; background:url(img/sub_lnb_blet.png) no-repeat 15px center;}
.lnb >ul.larea >li ul li a:hover {text-decoration:underline}
.lnb >ul.larea >li ul li a.on { color:#fff; background:#595d69;text-decoration:none /* url(/images/common/bg_lnb_sub.png) no-repeat left center */;}

.lnb h3.lev { margin-top:23px;}
.lnb >ul.levent li a { display:block; padding:0 0 0 7px; font-size:12px; font-weight:bold; color:#333; line-height:20px; /* background:url(/images/common/bg_gnb_blet2.png) no-repeat left 10px; */}
.lnb >ul.levent li a span { font-weight:normal; color:#666;}

.lnb_guide {border:1px solid #DBDBDA;width:160px;margin-left:10px;position:relative;margin-top:60px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	box-shadow:0 3px 5px #FCFCFC;
	-webkit-box-shadow:0 3px 5px #FCFCFC;
	-moz-box-shadow:0 3px 5px #FCFCFC;
	-o-box-shadow:0 3px 5px #FCFCFC;
}
.lnb_guide h2 {color:#DA6948;background-color:#FCFCFC;border-bottom:1px solid #E3E3E3;font-weight:800;padding:5px 5px 3px 15px;
	box-shadow:0 2px 0 #FCFCFC;
	-webkit-box-shadow:0 2px 0 #FCFCFC;
	-moz-box-shadow:0 2px 0 #FCFCFC;
	-o-box-shadow:0 2px 0 #FCFCFC;
}
.lnb_guide .ribon {position:absolute;top:-2px;left:-4px;display:block;width:16px;background-color:#fff;border:4px solid #F49F7F;border-left:4px solid #fff;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}

.lnb_guide button {position:absolute;top:5px;right:5px;display:block;width:17px;height:17px;border:1px solid #DBDBDA;background-color:#FFF;overflow:hidden;font-size:11px;font-family:Tahoma;color:#666;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}
.lnb_guide button:hover {
	/* transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg); */
}

.lnb_guide dl {padding:15px 15px 30px;}
.lnb_guide dl dt {color:#666;}
.lnb_guide dl dd {color:#999;margin-top:5px;letter-spacing:-1px;line-height:1.4;}


.lnb_cs {margin:50px 0 20px 10px;border:1px solid #eaeaea;width:160px;position:relative;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
box-shadow:0 3px 5px #FCFCFC;
-webkit-box-shadow:0 3px 5px #FCFCFC;
-moz-box-shadow:0 3px 5px #FCFCFC;
-o-box-shadow:0 3px 5px #FCFCFC;
padding:23px 0 20px 15px;
}
.lnb_cs h2 {color:#62605C;font-size:14px;font-weight:700;}
.lnb_cs em {display:block;color:#497CB3;font-size:22px;font-weight:bold;margin-top:10px;text-indent:-1px;}
.lnb_cs p {margin-top:10px;font-size:11px;color:#999;line-height:20px}

.lbann { margin-top:30px;/*  background:url(/images/common/bg_lnb_event.png) no-repeat; */}
.lbann a { display:block;}
.lbann img { margin:9px 0 0 10px;}
.lbann p { margin-top:8px; text-align:center;}
.lbann +.lbann {margin-top:10px;}

#container .main.part1 {background:#ffffff;border-top:1px solid #E2E2E2;}
#container .main.part2 {background:#ffffff;border-top:1px solid #E2E2E2;}
#container .main.part3 {background:#F4F6F7;border-top:1px solid #E2E2E2;overflow:hidden;}

.main > #content, .main > .section {padding-top:20px;padding-bottom:20px;}
.main.part1 > #content, .main.part1 > .section {min-height:500px;background:#F8F7F2;border-left:1px solid #E2E2E2;border-right:1px solid #E2E2E2;padding-top:0;padding-bottom:0;}
.main.part2 > #content, .main.part2 > .section {min-height:300px;border-right:1px solid #E2E2E2;}

#container .main.part1 h2{position:relative;font-size:24px; height:70px; line-height:40px; color:#111113; font-weight:normal;padding-top:23px;padding-left:18px;margin-bottom:20px; background:#fff url(img/bg_shadow1.png) no-repeat center top;}
#container .main.part1 h2 .btn_more{top:30px;}
#container .main.part1 h2 .cate{display:inline-block;vertical-align:bottom;margin-left:10px;}
h2 .cate a span{padding: 0 14px; background: url(img/catel_bar.gif) no-repeat center right;}
h2 .cate li{float: left; height: 32px; line-height: 32px; text-align: center;font-size:11px;font-weight:bold;}
h2 .cate li.on a{color: #729DB9; text-decoration: none;}
h2 .cate li a {color:#888;}
h2 .cate li a:hover{color: #729DB9;}
h2 .cate li.last a span{background: none;}


#Footer_box {width:100%; background-color:#f6f9fc;}
#Footer_bn_box {background-color:#ffffff; border-top:1px solid #d4d4d4; height:65px;} 
#Footer_bn {width:816px; position:relative; margin:0px auto;}
#Footer_bn ul {margin:0px; padding:0px;}
#Footer_bn ul li {display:inline-block; list-style-type:none; border-right:1px solid #d4d4d4; width:19.5%; text-align:center; line-height:40px;}
#support {width:800px; position:relative; margin:0px auto; height:90px;}
#Footer_cp_box {height:120px;border-top:1px solid #d4d4d4;} /*background-color:#3d3633;*/
#Footer_cp {width:650px; position:relative; margin:0px auto; padding-top: 30px; line-height:160%; color:#384151;} /**/
#sns {float:right;}