@charset "utf-8";
@import url("../css/contents.css");
@import url('../board/css/board.css');
@import url('../member/member.css');

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: local('NanumGothic'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/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/v3/NanumGothic-Bold.eot);
  src: local('NanumGothicBold'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/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/v3/NanumGothic-ExtraBold.eot);
  src: local('NanumGothicExtraBold'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanummyeongjo/v2/NanumMyeongjo-ExtraBold.ttf) format('truetype');
}

/* common */
body{margin:0;padding:0;font-family:'Nanum Gothic',dotum,Helvetica,sans-serif;text-align:left;font-size:0.750em; background:#fff;}
div,ul,ol,dl,p,td,th,input,textarea,select,a{font-family:'Nanum Gothic',dotum,Helvetica,sans-serif;color:#666}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object{margin:0;padding:0}
img,fieldset,iframe{border:none}
iframe{display:block}
li{list-style-type:none}
table{clear:both;border-collapse:collapse}
em,address{font-style:normal}
#skip,.hide,legend,hr, .skip{display:none}
a, a:hover, a:active{text-decoration:none}
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

/* wrap */
#wrap{min-width:1247px;}

/* header */
#header{position:relative; z-index:9999; height:65px; border-bottom:4px solid #036d90; background:url('../images/common/bg_header.gif') repeat-x;}
#header h1{float:left; padding:13px 0 0 20px;}

/* gnb */
.gnb_bg{display:none; position:absolute; left:0px; top:69px; z-index:777; width:100%; height:160px; border-bottom:1px solid #036d90; background:#fff;}
#gnb{float:left; margin:0 0 0 25px; }
#gnb > li{position:relative; float:left;}
#gnb > li > a{display:inline-block; width:112px; padding:23px 0 22px; color:#000; font-size:15px; text-align:center; border-right:1px solid #e5e5e5; font-family:'Malgun Gothic'}
#gnb > li:first-child > a{border-left:1px solid #e5e5e5;}
#gnb > li > ul{display:none; position:absolute; left:0px; top:65px; z-index:888; width:112px; height:150px; margin:4px 0 0; padding:10px 0 0; border-right:1px solid #d9d9d9;}
#gnb > li:first-child > ul{width:112px; border-left:1px solid #d9d9d9}
#gnb > li > ul li a{display:inline-block; width:89%; padding:6px 0 6px 11%; font-size:13px; color:#3c3c3c;}
#gnb > li > ul li a:hover{color:#fff; font-weight:700; background:#036d90}

/* util */
.util{float:right;}
.util a{float:left;}
.util a img{vertical-align:top;}

/* cont_top */
.cont_top{position:relative; overflow:hidden;}
.cont_top .visual{
    float:left; 
    width:60.01202645821%; 
    background:url('../images/main/main_visual.jpg') no-repeat;
    background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/main_visual.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/main_visual.jpg', sizingMethod='scale')";
}
.cont_top .visual .txt01{margin:78px 0 0 58px; font-size:20px; color:#000; font-family:'Nanum Gothic';}
.cont_top .visual h2{margin:7px 0 0 58px;}
.cont_top .visual .txt02{margin:10px 0 0 58px; font-size:17px; color:#343434; font-family:'Nanum Gothic';}
.cont_top .link_wrap{float:left; width:39.98797354179%;}
.cont_top .link_wrap > div{float:left; width:50%;}
.cont_top .link_wrap h3{margin:6.6% 0 0 10%; padding:3px 0 3px 26px; font-size:14px; font-weight:normal;}
.cont_top .time{background:#fff;}
.cont_top .time h3{color:#000; background:url('../images/main/ico_time.gif') no-repeat left center;}
.cont_top .time p{margin: 6.6% 9% 0 10%; line-height:30px; font-size:24px; color:#333; font-weight:700; letter-spacing:-1px;}
.cont_top .time ul{margin:6% 0 0 10%;}
.cont_top .time ul li{font-size:14px; color:#636363;}
.cont_top .time ul li.last{letter-spacing:-0.2px;}
.cont_top .time ul li span{font-weight:700; line-height:22px; color:#2d2d2d;}
.cont_top .time ul + span{display:block; margin:6.6% 0 0 10%;}
.cont_top .time ul + span img{width:85%; max-width:218px;} 
.cont_top .people{position:relative; background:#97b4ab;}
.cont_top .people h3{color:#fff; background:url('../images/main/ico_people.gif') no-repeat left center;}
.cont_top .people p{margin:6.6% 18% 0 10%; line-height:30px; font-size:24px; color:#fff; font-weight:700; letter-spacing:-1px;}
.cont_top .people .more{display:block; position:absolute; bottom:35px; left:10%;}
.cont_top .people .bg{position:absolute; left:59%; top:49%; width:30%; max-width:101px;}
.cont_top .ceo img{width:100%;}
.cont_top .ceo_info{position:relative; background:#f9f9f9;}
.cont_top .ceo_info h3{color:#000; background:url('../images/main/ico_ceo.gif') no-repeat left center;}
.cont_top .ceo_info h4{margin:6.6% 10% 0 10%; font-size:24px; color:#333;}
.cont_top .ceo_info p{margin: 6.6% 12% 0 10%; line-height:22px; font-size:14px; color:#636363; letter-spacing:-0.5px;}
.cont_top .ceo_info .more{display:block; position:absolute; bottom:35px; left:10%;}

/* cont_bot */
.cont_bot{position:relative; overflow:hidden;}
.cont_bot .row_box{position:relative; overflow:hidden; float:left; width:80.09621166566%;}
.cont_bot .row_box > div{float:left; width:24.92492492492%;}
.cont_bot .row_box > div.inter{width:50.07507507508%;}
.cont_bot .col_box{position:relative; float:left;  width:19.90378833434%; background:#e6e3e0;}
.cont_bot .lo_box{background:#97b4ab}
.cont_bot .lo_box > a{display:block; width:100%; height:100%; text-align:center;}
.cont_bot .lo_box h3{margin:6.6% 0 0; padding:0 0 6.6%; font-size:14px; color:#fff; background:url('../images/main/bg_lo_line.gif') no-repeat center bottom;}
.cont_bot .lo_box p{margin:6.6% 0; font-size:27px; color:#fff; font-weight:bold; font-family:'gulim'}
.cont_bot .lo_box span img{width:50%; max-width:137px;}
.cont_bot .notice{position:relative; background:#f9f9f9;}
.cont_bot .notice h3{margin:6.6% 0 0 10%; padding:3px 0 3px 26px; font-size:14px; color:#000; font-weight:normal; background:url('../images/main/ico_notice.gif') no-repeat left center}
.cont_bot .notice dt{margin:6.6% 7% 0 10%; line-height:30px; font-size:24px; color:#000; font-weight:700; letter-spacing:-1px;}
.cont_bot .notice dd{margin:6.6% 10% 0 10%; font-size:14px; color:#666; line-height:22px;}
.cont_bot .notice .more{display:block; position:absolute; bottom:35px; left:10%;}
.cont_bot .inter{
    background:url('../images/main/bg_inter.jpg') no-repeat;
    background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/bg_inter.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/bg_inter.jpg', sizingMethod='scale')";
}
.cont_bot .inter > a{display:block; width:100%; height:100%;}
.cont_bot .inter h3{padding:10% 0 0 8.9%;}
.cont_bot .inter p{margin:6.6% 15% 0 8.9%; font-size:16px; line-height:22px; color:#fff;}
.cont_bot .inter span{display:inline-block; width:32px; height:32px; margin:5% 15% 0 8.9%; font-size:0px; line-height:0px; background:url('../images/main/btn_more03.png') no-repeat;}
.cont_bot .spine{
    background:url('../images/main/bg_spine.jpg') no-repeat right bottom;
    background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/bg_spine.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/bg_spine.jpg', sizingMethod='scale')";
}
.cont_bot .joint{
    background:url('../images/main/bg_joint.jpg') no-repeat right bottom;
    background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/bg_joint.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/bg_joint.jpg', sizingMethod='scale')";
}
.cont_bot .fract{
    width:25.03753753754% !important;
    background:url('../images/main/bg_fract.jpg') no-repeat right bottom;
    background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/bg_fract.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/bg_fract.jpg', sizingMethod='scale')";
}
.cont_bot .foot_cl{
    width:25.03753753754% !important;
    background:url('../images/main/bg_foot_cl.jpg') no-repeat right bottom;
    background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/bg_foot_cl.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/bg_foot_cl.jpg', sizingMethod='scale')";
}
.cont_bot .spine > a, .cont_bot .joint > a, .cont_bot .fract > a, .cont_bot .foot_cl > a{display:block; width:100%; height:100%;}
.cont_bot .spine span, .cont_bot .fract span{display:inline-block; padding:6.6% 0 0 10%; font-size:14px; color:#4c6e7f;}
.cont_bot .spine h3, .cont_bot .fract h3{margin: 6.6% 12% 0 10%; line-height:22px; font-size:30px; font-weight:700; color:#4c6e7f; letter-spacing:-1px;}
.cont_bot .spine p, .cont_bot .fract p{margin: 6.6% 12% 0 10%; line-height:22px; font-size:14px; color:#4c6e7f; letter-spacing:-0.5px;}
.cont_bot .joint span, .cont_bot .foot_cl span{display:inline-block; padding:6.6% 0 0 10%; font-size:14px; color:#fff;}
.cont_bot .joint h3, .cont_bot .foot_cl h3{margin: 6.6% 12% 0 10%; line-height:22px; font-size:30px; font-weight:700; color:#fff; letter-spacing:-1px;}
.cont_bot .joint p, .cont_bot .foot_cl p{margin: 6.6% 12% 0 10%; line-height:22px; font-size:14px; color:#fff; letter-spacing:-0.5px;}
.cont_bot .press{padding:6.6% 10% 100px;}
.cont_bot .press h3{padding:3px 0 3px 26px; font-size:14px; color:#000; font-weight:normal; background:url('../images/main/ico_press.gif') no-repeat left center}
.cont_bot .press .list{display:block; padding:6.6% 0 0; margin:0 0 6.6%; border-top:1px solid #cbcbcb;}
.cont_bot .press h3 + a{padding:9% 0 0 !important; border:0px !important;}
.cont_bot .press .list dt{font-size:18px; color:#000; font-weight:700; letter-spacing:-1px; height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cont_bot .press .list dd{margin:3% 0 0; font-size:14px; color:#666; line-height:22px; letter-spacing:-0.5px;}
.cont_bot .press .more{display:block; position:absolute; bottom:35px; left:10%;}

/* link_m */
.link_m{position:relative; overflow:hidden; z-index:100; width:100%; border-top:1px solid #c3c3c3; background:#f0f0f0;}
.link_m li{float:left; width:25%; .width:24.5%; background:url('../images/main/ico_arrow.gif') no-repeat 95% center;}
.link_m li a{display:inline-block; width:87.16483324603%; padding:22px 0 22px 12.59420289855%; font-size:16px; color:#333; letter-spacing:-0.5px; border-left:1px solid #c3c3c3;}
.link_m .ico01 a{background:url('../images/main/ico_01.gif') no-repeat 4.3% center;}
.link_m .ico02 a{background:url('../images/main/ico_02.gif') no-repeat 4.3% center;}
.link_m .ico03 a{background:url('../images/main/ico_03.gif') no-repeat 4.3% center;}
.link_m .ico04 a{background:url('../images/main/ico_04.gif') no-repeat 4.3% center;}

/* sitemap */
.sitemap{position:relative; z-index:100; width:100%; height:275px; background:url('../images/common/bg_nav.gif') repeat-x;}
.sitemap > ul{position:relative; overflow:hidden; margin:0 7.21587492483%;}
.sitemap > ul > li{float:left; width:11.28571428571429%; .width:11%; padding:0 0 0 3%;}
.sitemap > ul > li > a{display:inline-block; width:100%; padding:15px 0; font-size:16px; color:#e6e3e0; font-weight:700;}
.sitemap > ul > li > ul{margin:12px 0 0;}
.sitemap > ul > li > ul > li > a{display:inline-block; width:100%; padding:6px 0; font-size:14px; color:#999a9b;}

/* footer */
#footer{position:relative; z-index:100; padding:20px 0 20px 20px; background:#fff;}
#footer address, #footer p{font-size:11px; color:#999; line-height:16px; font-family:'dotum'}
#footer address span{padding:0 13px;}
#footer p span{color:#666;}

/* nav */
.nav_wrap{height:35px; background:#efefef;}
.nav{width:82.9825616356%;}
.nav > ul{float:right;}
.nav > ul > li:first-child{font-size:0px; line-height:0px; background:url('../images/common/ico_home.gif') no-repeat center center;}
.nav > ul > li{position:relative; float:left; height:35px; margin:0 0 0 16px; padding:0 0 0 18px; background:url('../images/common/bg_arrow.gif') no-repeat left top}
.nav > ul > li > a{display:inline-block; padding:10px 24px 10px 26px; font-size:13px; color:#6e6e6e; background:url('../images/common/ico_arrow_down.gif') no-repeat right center;}
.nav > ul > li > a.on{background:url('../images/common/ico_arrow_up.gif') no-repeat right center;}
.nav > ul > li > ul{display:none; position:absolute; top:35px; left:0px; z-index:100; width:100%; padding:10px 0; border:1px solid #d6d6d6; background:#fff;}
.nav > ul > li.nav01 > ul{width:111%;}
.nav > ul > li > ul li a{display:inline-block; width:90%; padding:4px 0 4px 10%; font-size:13px; color:#6e6e6e;}
.nav > ul > li > ul li a:hover{color:#fff; background:#7e7e7e;}

/* sub_wrap */
.sub_wrap:after{content:"";display:block;clear:both;}

/* lnb */
#lnb{float:left; width:166px; height:100%; padding:100px 0 0 125px;}
#lnb h2{margin:0 0 40px; padding:24px 0 0; font-size:26px; color:#fff; font-weight:700; background:url('../images/common/bg_lnb_tit.gif') no-repeat left top;}
#lnb ul li a{display:inline-block; /*width:135px; padding:18px 0 18px 30px;*/ width:145px; padding:18px 0 18px 20px; font-size:15px; color:#fff; font-weight:700; background:url('../images/common/bg_lnb_off.png') no-repeat;}
#lnb ul li a.on{background:url('../images/common/bg_lnb_on.png') no-repeat;}
.bg_lnb02{background:url('../images/common/bg_lnb02.jpg') repeat-y left top;}

/* lnb_txt */
.lnb_txt{height:146px; margin:3px 0 0; background:url('../images/common/bg_lnb_txt.png') no-repeat;}
.lnb_txt ul{margin:24px 0 20px 20px;}
.lnb_txt ul li{font-size:12px; line-height:22px; color:#1e1e1e;}
.lnb_txt span{letter-spacing:1.5px;}
.lnb_txt li:first-child span{letter-spacing:1px;}
.lnb_txt .last span{letter-spacing:0px;}


/* container */
.container{float:left; width:61.9362597715%; min-height:650px; margin:55px 0 0 3.60793746242%;}

/* content */
.content {padding:0 0 80px}

/* cont_top */
.cont_top{margin:0 0 58px; background:url('../images/common/bg_cont_top.gif') repeat-x left bottom;}
.cont_top p{width:60%; margin:25px 0 0; font-size:15px; color:#757575; line-height:25px;}
.cont_top > div{margin:0 0 6px; padding:0 0 45px;}
.top_bg01{background:url('../images/common/top_bg01.jpg') no-repeat 99% bottom;}
.top_bg02{background:url('../images/common/top_bg02.jpg') no-repeat 99% bottom;}
.top_bg08{background:url('../images/common/top_bg08.jpg') no-repeat 99% bottom;}

/* cont_tit */
.cont_tit{font-size:40px; color:#222;}

/* quick */
.quick{position:fixed; right:-78px; top:0px; z-index:99; width:122px; height:100%; padding:105px 0 0; background:#efefef}
.quick li img{vertical-align:top;}
.quick .btn{position:absolute; left:0px; top:38%; margin:-35px 0 0 -24px;}