@charset "utf-8";

.dim {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#000; opacity:.5; z-index:103;}
.layer_dim {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#000; opacity:.5; z-index:1000;}
body.pop {overflow:hidden; height:100%;}

#family { position: relative; height: 35px; background: #2665cd; z-index: 102; }
#family ul { float: left; }
#family ul li { line-height: 35px; float: left;color: #fff;  }
#family ul li a { display: block; padding: 0 10px; height: 35px; color: #fff; opacity:.6;}
#family ul li strong { display: block; padding: 0 10px; height: 35px; color: #fff; background: #4a64ad; }
#family ul li.last1 { background: #1f8085; }
#family ul li.last2 { background: #819724; }
#family ul li.last3 { background: #5f2e90; }
#family ul li.last4 a { font-weight:bold; opacity:1;}
.wrap { position: relative; margin: 0 auto; max-width: 1200px; *zoom: 1; }
.wrap:after { content:""; display: block; clear: both; }


/* header */
#header { position: fixed; top:0; width:100%; z-index: 104; *zoom: 1;}
#header:after { content:""; display: block; clear: both; }
#header h1 { position: absolute; top: 6px; left: 0; z-index:10;}
#header h1 a { display: inline-block; padding-top: 52px; width: 219px; height: 0; line-height: 0; font-size: 0; color: #fff; background: url('../images/logo_silver_219.png') 0 20px no-repeat; overflow: hidden; }
#header.nav-up h1 a, 
#header.sub h1 a ,
#header.on h1 a,
#header.active h1 a{background-image: url('../images/logo_on_219.png');}
#header .btn_close{ position: absolute; bottom: 30px; right: 0; }

#header.on .gnb_box,
#header.sub .gnb_box,
#header.active .gnb_box {background-color:#fff;}

#header.nav-up {border-top:3px solid #2665cd; box-shadow: 0px 9px 25px 0px rgba(0,0,0,0.15);}
#header.nav-up h1 {top:-3px;}
#header.nav-up #family {height:auto; background:none;}
#header.nav-up #family .wrap > ul {display:none;}
#header.nav-up #general {top:16px;}
#header.nav-up #general a {color:#888;}
#header.nav-up #general .global {text-indent:-999em; background:url('../images/button/bg_global_on.png') no-repeat 3px 7px;}
#header.nav-up #gnb > ul > li {height:67px;}
#header.nav-up #gnb > ul > li > a {height:67px; line-height:67px;}
#header.nav-up #search,
#header .pop_search,
#header .mobile_search {display:none;}

#general { position: absolute; top: 0; right: 0; height: 35px; white-space: nowrap; }
#general a { display: inline-block; padding: 0 4px; height: 35px; line-height: 35px; font-family: 'Roboto', sans-serif; letter-spacing:.02em; font-size: 11px; font-weight: 400; color: #ccc; vertical-align: top; }
#general a.contact {}
#general a.global { position: relative; padding-right:37px; color: #fff; line-height: 35px; font-size: 11px; background:url('../images/button/bg_global.png') no-repeat center right;}
#general a.global.active {background:url('../images/button/bg_global_active.png') no-repeat center right;}
#general .global_list {display:none; position: absolute; top: 34px; right: 0; padding:18px 23px; width: 149px; box-sizing:border-box; background: #2665cd;}
#general .global_list > ul {float:none;}
#general .global_list > ul > li {float:none; white-space: normal;}
#general .global_list > ul > li a {padding:10px; height:auto; line-height:1.2; font-size:12px; opacity:.9;}
.nav-up #general .global_list {top:51px; background: #2665cd;}
.nav-up #general .global_list:before {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;pointer-events: none;}
.nav-up #general .global_list:before {border-color: rgba(38, 101, 205, 0);	border-bottom-color: #2665cd; border-width: 5px; margin-left: 45px;}
#header.nav-up #general .global_list li a {color:#fff;}
/* 메뉴 */
.gnb_box {background: url('../images/background/bg_gnb_line.png') 0 93px repeat-x;}
.nav-up .gnb_box {background-color:#fff; background-position:0 67px;}
.m_menu {display:none; position:absolute; text-indent:-999em; background-size:57px 15px; background-position:0 0; background-repeat:no-repeat; z-index:5;}
.nav-up .m_menu,
.sub .m_menu {background-position:-38px 0;}

#gnb { position: relative; margin-left: 352px; padding-bottom: 30px; *zoom: 1; }
.on #gnb { position: relative; margin-left: 0; padding-left:352px; padding-bottom: 30px; *zoom: 1; }
#gnb:after { content:""; display: none; clear: both; }
#gnb > ul { position: relative;  *zoom: 1; }
.on #gnb > ul:after { content:""; display: block; clear: both; }

#gnb > ul > li { position: relative; width: 125px; float: left; }
#gnb > ul > li > a { display: block; position: absolute; top: 0; left: 0; padding: 0 0 0 10px; width: 110px; height: 93px; color: #fff; line-height: 93px; font-size: 18px; font-weight: 400; overflow: hidden; box-sizing:border-box; z-index: 100; }
#gnb > ul > li > a:hover {color:#2665cd; border-bottom:3px solid #2665cd;}
.nav-up #gnb > ul > li > a, 
.sub #gnb > ul > li > a, 
.on #gnb > ul > li > a,
.active #gnb > ul > li > a{color:#333;}
#gnb > ul > .last > a { width: 88px; }
#gnb .depth02 { display: none; position: relative; left: 0; margin-top: 80px; padding: 37px 0 37px 0px; }
.nav-up.on #gnb .depth02 {margin-top:47px;}
#gnb .depth02 li { line-height: 16px; }
#gnb .depth02 a { display: block; padding: 10px 0 10px 10px; letter-spacing:-.025em; font-size:13px; font-weight:normal; color: #262626; }
#gnb .depth02 a:hover { color: #2651ff; }
#gnb .depth03 {margin-top:-8px;}
#gnb .depth03 a {padding:3px 0 3px 10px; font-size:11px; color:#999;}
#gnb .m_family {display:none;}

#search { position: absolute; top: 29px; right: 0; z-index: 99; }
#search #search_input {margin-right:13px; padding: 0 7px; width: 170px; height: 30px; line-height: 30px; float: left; color:#fff; border:0 none; box-sizing:border-box; border-radius:1.75em; overflow: hidden; background:rgba(255,255,255,.2);}
.on #search #search_input,
.sub #search #search_input,
.active #search #search_input { color:#000; border: 1px solid #ededed;}
#search #search_btn { float: left; margin-top:6px; width:20px; height:20px; text-indent:-999em; background:url('../images/button/btn_search01.png') no-repeat center;}
.on #search #search_btn,
.sub #search #search_btn,
.active #search #search_btn { background:url('../images/button/btn_search02.png') no-repeat center;}

#sns { display: none; position: absolute; bottom: 30px; right: 0; }
#sns ul { position: relative; z-index:10; *zoom: 1; }
#sns ul:after { content:""; display: block; clear: both; }
#sns ul li { margin-right: 10px; float: left; }
#sns ul li a { display: block; width: 26px; height: 28px; font-size: 0; line-height: 0; text-indent: -10000px; background: url('../images/sns/sns.png') 0 0 no-repeat; overflow: hidden; }
#sns ul .blog a { background-position: 0 0; }
#sns ul .facebook a { background-position: -26px 0; }
#sns ul .twitter a { background-position: -90px 0; }

/* 진입시 */
#header.normal .slogan,
#header.normal .btn_close,
#header.normal #gnb .depth02,
#header.normal #sns { display: none; }
#header.normal #gnb { padding-bottom: 0; z-index:1;}
#header #gnb > ul > li { height: 93px; }
#header.on #gnb > ul > li {height:auto;}


/* 탑영역 */
#title_area {padding-top:180px; height:300px; text-align:center; letter-spacing:-.05em; font-size:40px; color:#fff; box-sizing:border-box; background-size:cover; background-position:center; background-repeat:no-repeat;}
#title_area.top10 {background-image:url('../images/background/top_introduce.jpg');}
#title_area.top20 {background-image:url('../images/background/top_business.jpg');}
#title_area.top30 {background-image:url('../images/background/top_contribute.jpg');}
#title_area.top40 {background-image:url('../images/background/top_recruit.jpg');}
#title_area.top50 {background-image:url('../images/background/top_news.jpg');}

#middle { position: relative; left: 0 !important; border-bottom: 1px solid #e5e5e5; z-index: 100; }
/*#middle .wrap { padding-bottom: 90px; }*/

.location {margin-top:20px; text-align:center; }
.location .wrap {border-bottom:6px solid #2f3136;}
.location .wrap > ul {font-size:0;}
.location .wrap > ul > li {position:relative; display:inline-block;}
.location .wrap > ul > li > a {display:block; padding:25px 50px; font-weight:bold; font-size:18px; color:#000;}
.location .wrap > ul > li.on > a {font-size:22px; color:#2665cd;}
.location .wrap > ul > li.down > a {background:url('../images/bullet/arrow05.png') no-repeat 90% center;}
.location .wrap > ul > li .depth03 {display:none; position:absolute; top:50px; left:0; width:100%; border:0 none; background:#fff; -webkit-box-shadow: 4px 10px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 4px 10px 10px 0px rgba(0,0,0,0.35); box-shadow: 4px 10px 10px 0px rgba(0,0,0,0.35); z-index:10;}
.location .wrap > ul > li .depth03 li {padding:13px 10px 10px;}
.location .wrap > ul > li .depth03 li a {display:inline-block; padding:5px; font-size:16px; color:#6c6c6c;}
.location .wrap > ul > li .depth03 li a:hover {color:#2665cd;}
.location .wrap > ul > li .depth03 li.on a {text-decoration:underline; color:#2665cd;}

#lnb { padding-top: 25px; width: 186px; float: left; }
#lnb h1 { padding: 40px 0 0 0; height: 98px; color: #fff; line-height: 32px; font-size:30px; background: #3766b4 0 0 no-repeat; text-align: center; }
#lnb h1 span { display: block; margin-top: 10px; line-height: 16px; font-size: 14px; color: #b9cff3; }
#lnb > ul { position: relative; background: #f7f7f7; *zoom: 1; }
#lnb > ul:after { content:""; display: block; clear: both; }
#lnb > ul > li { width: 100%; float: left; }
#lnb > ul > li > a { display: block; padding: 6px 0 7px 25px; color: #333; line-height: 22px; font-size: 15px; border: 1px solid #d9d9d9; border-top: 0 none; background: #f7f7f7; }
#lnb > ul > li:first-child > a { border-top: 1px solid #d9d9d9;}
#lnb > ul > .on > a { color: #fff; border-color: #444 !important; background: #444 url('../images/bullet/arrow02_on.png') 163px 13px no-repeat; }
#lnb > ul > .down > a { color: #fff; border-color: #444 !important; background: #444 url('../images/bullet/arrow02_down.png') 161px 15px no-repeat; }

#lnb .depth03 { background: #fdfdfd; }
#lnb .depth03 > li { background: url('../images/bullet/bullet05.png') 24px 16px no-repeat; }
#lnb .depth03 > li > a { display: block; padding: 6px 0 7px 35px; color: #333; line-height: 22px; font-size: 15px; border: 1px solid #d9d9d9; border-top: 0 none;  }
#lnb .depth03 > .on > a { color: #386bc4; background: url('../images/bullet/arrow02_b.png') 163px 13px no-repeat; }

#lnb.normal .depth03 { display: none; }
#lnb.normal .down .depth03,#lnb.normal .on .depth03 { display: block; }

.btn_box a {display:inline-block; padding:10px 36px; border-radius:1.75em; background:#175ac9;}
.btn_box .more {font-size:11px; letter-spacing:.02em; color:#fff;}

#contents { position: relative; margin-bottom:90px; padding-top: 25px; width: 100%; line-height: 25px; font-size: 16px; color: #333; letter-spacing: -1px; background: right 0 no-repeat; /*float: right;*/ }
#contents #location {display:none;}

#contents > h1 { margin:36px 0 25px; text-align:center; color: #333; line-height: 45px; font-size: 46px; font-weight: normal; letter-spacing: -1px; }
#contents > #tit_txt { margin-bottom: 26px; color: #173f85; line-height: 22px; font-size: 17px; letter-spacing: -1px; }

#contents > .content_body { padding-top: 35px; border-top: 1px solid #ccc; *zoom: 1; }
#contents > .content_body:after { content:""; display: block; clear: both; }

/* sitemap */
#sitemap { padding: 20px 0; background: #3e4657; }
#sitemap a { display: block; padding: 3px 0; color: #cfd1d5; } 
#sitemap .wrap > h1 { position: absolute; top: 0; left: 0; width: 150px; color: #fff; font-size: 13px; font-weight: bold; }
#sitemap .wrap > h1 a { padding: 0; color: #fff; }
#sitemap .wrap > h1 + .site_sec { margin-top: 30px; }

#sitemap .wrap > .site_sec { position: relative; margin-right: 40px; width: 150px; float: left; }
#sitemap .wrap > .site_sec:first-child { margin-left: 0;}
#sitemap .wrap > .site_sec > h1 { margin-top: 13px; margin-bottom: 13px; width: 100%; color: #fff; font-size: 13px; font-weight: bold; *zoom: 1; }
#sitemap .wrap > .site_sec > h1 a { padding: 0 0; color: #fff; }
#sitemap .wrap > .site_sec > h1:first-child { margin-top: 0; }
#sitemap .wrap > .site_sec > h1 + ul { clear: both; }
#sitemap .wrap > .site_sec li li a { padding: 2px 0 2px 5px; background: url('../images/bullet/bullet01.png') 0 8px no-repeat; }

#sitemap .wrap .eng_site { position: absolute; bottom: 20px; right: 50px; width: 150px; }
#sitemap .wrap .eng_site a { width: 150px; color: #fff; font-size: 13px; font-weight: bold; }


/* footer */
#footer { position: relative; color: #d5d5d5; height:400px; line-height: 18px; background: #f9f9f9; z-index: 102; }
#footer a { color: #d5d5d5; }
#footer address {margin-top:9px; color:#909090;}
#footer #copyright {color:#909090;}

#footer .footer_sns {position:absolute; top:30px; right:0;}
#footer .footer_sns > a {font-family: 'Roboto', sans-serif; font-size:16px; font-weight:bold; color:#000;}
#footer .footer_sns .f_blog {margin-right:18px;}
#footer .footer_sns .f_face {}

#privacy { margin-right: 10px; font-size: 11px; }
#privacy a { display: inline-block; padding: 16px 9px 0 13px; line-height: 38px; font-size:13px; color:#777; background: url('../images/divide/divide02.png') 0 31px no-repeat; }
#privacy a:first-child { padding-left:0; background: none; }
#privacy .bold {font-weight:600; color:#000;}

#family_site { position: absolute; top: 67px; right: 0; width: 145px; height: 28px; font-size: 11px; border: 1px solid #dbdbdb; border-radius:1.25em; z-index: 100; overflow: hidden; }
#family_site dt { display: block; padding: 0 32px 0 18px; height: 28px; font-family: 'Roboto', sans-serif; color: #000; line-height: 28px; background: url('../images/button/btn_arrow_up01.png') 90% 0 no-repeat; overflow: hidden; cursor: pointer; }
#family_site dd { position: relative; padding:17px 17px 20px; width: 147px; box-sizing:border-box;}
#family_site dd h1 {margin-bottom:6px; font-size: 12px; color:#000;}
#family_site dd a { display: block; color:#575757;}
#family_site.on { overflow: visible; }
#family_site.on dt {border-radius:2.5em; background:#fff;}
#family_site.on dd { position: absolute; bottom: 19px; left: -1px; border-radius:1.25em 1.25em 0 0; border:1px solid #dbdbdb; border-bottom:0 none; background: #fff; }

#copyright { line-height: 30px; font-size:11px;}

/* top버튼 */
.btnTop { display:none; position:fixed; right:33px; bottom:202px; width:44px; height:44px; text-indent:-999em; background:url('../images/button/btn_top.png') left top no-repeat; cursor:pointer; z-index:100;}
.btnTop a {display:block; width:100%; height:100%;}


/* 레이어팝업 */
.pop_up {display:none; position:fixed; top:50%; left:50%; max-width:1000px; min-width:931px; z-index:1001; margin-left:-500px; margin-top:-350px;}
.pop_up .pop_wrap {background:#fff;}
.pop_up .pop_close {position:absolute; top:0; right:0; border-left:1px solid rgba(255,255,255,0.2); z-index:101;}
.pop_up .pop_close a {display:block; width:69px; height:65px; text-indent:-999em; font-size:30px; background:url('../images/button/pop_close.png') no-repeat center;}

/* 글로벌 네트워크 팝업 */
#middle[class^="global_p"] {padding-bottom:9px; border: 0 none; color: #333;  font-size: 13px;  }
#middle[class^="global_p"] > h1 {height:65px; line-height: 65px; text-align:center; font-size: 30px; color: #fff; background: #3baa00; overflow: hidden; }
#middle.global_popup2 > h1 { background: #2665cd;}
#middle.global_popup3 > h1 { background: #904D95;}
#middle[class^="global_p"] .container { padding: 20px 30px; overflow-y:auto; max-height:700px; *zoom: 1; }
#middle[class^="global_p"] .container:after { display: block; content: ""; clear: both; }
#middle[class^="global_p"] .container .info { margin-bottom: 15px; }
#middle[class^="global_p"] .container .info > dl { position: relative; padding-left: 75px; margin-bottom: 10px; font-size:14px; }
#middle[class^="global_p"] .container .info > dl dt { position: absolute; left: 0; top: 0; display: inline-block; *zoom: 1; *display: inline; color: #000; width:78px; margin-bottom: 5px; text-align: left; line-height: 19px; font-weight: bold; }
#middle[class^="global_p"] .container .info > dl dd {line-height:1.5; font-weight:300; color:#777;}
#middle[class^="global_p"] .container .info > dl dd > dl { margin-bottom: 8px; padding-left: 0; line-height: 16px; }
#middle[class^="global_p"] .container .info > dl dd > dl dt { position:static; float:none; background: none; width: auto; padding:0; margin-bottom: 5px; text-align:left; color: #333; font-weight: normal; }
#middle[class^="global_p"] .container .info > dl dd > dl dd { float:none; width: auto; }
#middle[class^="global_p"] .container .info > dl dd > dl dd > dl { position: relative; width:100%; }
#middle[class^="global_p"] .container .info > dl dd > dl dd > dl dt { position:absolute; top:0; left:0; width: 65px; }
#middle[class^="global_p"] .container .info > dl dd > dl dd > dl dd { padding-left: 73px; display: inline-block; *display: inline; vertical-align: middle; text-indent: -8px; *padding-left: 81px; *zoom: 1; }
/*#middle[class^="global_p"] .container .info > dl dd { line-height: 19px; display: inline-block; *zoom: 1; *display: inline; vertical-align: top; }
#middle[class^="global_p"] .container .info > dl > dd > dl { padding-left:0; }
#middle[class^="global_p"] .container .info > dl > dd > dl > dt { display:block; width:100%; text-align:left; }
#middle[class^="global_p"] .container .info > dl > dd > dl > dd { display:block;  }
#middle[class^="global_p"] .container .info > dl + dl + dl > dd dl { position: relative; }
#middle[class^="global_p"] .container .info > dl + dl + dl > dd dl dt { padding: 0; width: auto; background: none; color: #333; font-weight: normal; }*/
#middle[class^="global_p"] .container .info > dl dd a { color: #333; }
#middle[class^="global_p"] .container .info .policy_box {margin:29px 0 43px;}
#middle[class^="global_p"] .container .info .policy_box .gLeft {height:32px; line-height:32px; font-size:14px; font-weight:500; letter-spacing:-.01em;}
#middle[class^="global_p"] .container .info .policy_box .more {margin-right:7px;} 
#middle[class^="global_p"] .container .info .policy_box .more a {display:block; padding:0 14px; height:32px; line-height:32px; font-size:12px; color:#fff; font-weight:500; letter-spacing:.05em; border-radius:1.25em; background:#2665cd;}
#middle[class^="global_p"] .container .info .policy_box .more a > span {display:inline-block; padding-right:15px; background:url('../images/bullet/arrow04.png') no-repeat right center;}
#middle[class^="global_p"] .container .info .terms_file {margin-top:19px; padding:12px 0; border-top:1px solid #e5e5e5;}
#middle[class^="global_p"] .container .info .terms_file li {margin:4px 0; line-height:26px;}
#middle[class^="global_p"] .container .info .terms_file li .gLeft {font-size:14px; letter-spacing:0.01em; font-weight:500; color:#000;}
#middle[class^="global_p"] .container .info .terms_file li .bullet {display:inline-block; padding-left:11px; background:url('../images/bullet/bullet07.png') no-repeat left center;}
#middle[class^="global_p"] .container .info .terms_file li .box {display:inline-block; padding:0 10px;  font-family: 'Roboto', sans-serif; letter-spacing:.05em; font-size:11px; color:#3baa00; border:1px solid #3baa00;}
#middle.global_popup2 .container .info .terms_file li .box {padding:2px 14px; color:#2665cd; border:1px solid #2665cd;}
#middle.global_popup2 .container .info .terms_file li .box span {padding-right:24px; background:url('../images/bullet/arrow06.png') no-repeat right center;}
#middle[class^="global_p"] .container .info .terms_file li .box:last-child {margin-left:7px;}
#middle[class^="global_p"] .container .top { position: relative; min-height: 237px; padding-left: 393px; margin-bottom: 20px; }
#middle[class^="global_p"] .container .top .info > h2 {margin-bottom:20px; line-height:1.6; font-size:20px; letter-spacing:-.01em; color:#;}
#middle.global_popup1 .container .top .info > h2 {color:#3baa00;}
#middle.global_popup2 .container .top .info > h2 {color:#2665cd;}
#middle.global_popup3 .container .top .info > h2 {color:#904D95;}
#middle[class^="global_p"] .container .top .thum { position: absolute; left: 0; top: 0; width: 326px; height: 218px; }
#middle[class^="global_p"] .container .top .thum img { display: block; width: 100%; height: 100%; }
#middle[class^="global_p"] .container .top .box { margin-bottom: 0px; }
#middle[class^="global_p"] .container .box { padding:25px 0 34px;}
#middle[class^="global_p"] .container .box.line {border-top:3px solid #000;}
#middle[class^="global_p"] .container .box h1 {position:relative; float:left; font-size:18px; letter-spacing:-.01em; color:#000;}
#middle[class^="global_p"] .container .box h1:after {display:block; position:absolute; top:-25px; left:0; content:''; width:79px; height:1px; background:#dfdfdf;}
#middle[class^="global_p"] .container .box.line h1:after {display:none;}
#middle.global_popup1 .tit02,
#middle.global_popup1 .bxslider .bx-pager:first-letter  { color: #3E8400; }
#middle[class^="global_p"] .container .box .scroll_y { padding-left:144px; line-height: 1.9; font-size:14px; color:#777;}
#middle[class^="global_p"] .container .box .scroll_y ul {width:100%; font-size:14px;}
#middle[class^="global_p"] .container .box .scroll_y ul > li {margin:5px 0; color:#000;}
#middle[class^="global_p"] .container .box .scroll_y ul > li:first-child {margin-top:0;}
#middle[class^="global_p"] .container .box .scroll_y:after {display:block; content:''; clear:both;}
#middle[class^="global_p"] .container .box + .box .scroll_y {  max-height: 90px; }
#middle[class^="global_p"] .container .box + .box .scroll_y.pop_bxslide {padding-bottom:30px;}
#middle[class^="global_p"] .container .box .bx-wrapper {padding-left:144px; max-width:100% !important;}

#middle[class^="global_p"] .container .box { position: relative; }
#middle[class^="global_p"] .container .history:before {display:block; content:''; position:absolute; top:0px; left:143px; width:733px; height:1px; background:#dfdfdf;}
#middle[class^="global_p"] .container .bxslider:before {display:block; content:''; position:absolute; top:0px; left:143px; width:733px; height:1px; background:#dfdfdf;}
#middle[class^="global_p"] .container .box .bx-pager { position: absolute; }
#middle[class^="global_p"] .container .bxslider h1 { margin-bottom: 25px; }
#middle[class^="global_p"] .container .bxslider > ul { padding-left:144px; }
#middle[class^="global_p"] .container .bxslider > ul > li {float:left; margin-right:30px; width:125px;}
#middle[class^="global_p"] .container .bxslider .bx-wrapper {  }
#middle[class^="global_p"] .container .bxslider .thum { width:100%;  }
#middle[class^="global_p"] .container .bxslider .thum a { color: #333;  }
#middle[class^="global_p"] .container .bxslider .thum img { display: block; width: 120px;  margin-bottom: 10px;}

#middle[class^="global_p"] .gWrap {overflow:hidden;}
#middle[class^="global_p"] .gLeft {float:left;}
#middle[class^="global_p"] .gRight {float:right;}

/* */
#middle[class^="global_p"] .container .box .bx-wrapper { margin: 0 auto; }
#middle[class^="global_p"] .container .box .bx-wrapper .bx-controls-direction {position: absolute; top:-9px; right:0;}
#middle[class^="global_p"] .container .box .bx-wrapper .bx-controls-direction a {overflow: hidden; display:inline-block; width:17px; height:17px; text-indent: -10000px; border:1px solid #dcdcdd;}
#middle[class^="global_p"] .container .box .bx-wrapper .bx-controls-direction .bx-prev {border-right:0;}
#middle[class^="global_p"] .container .box .bx-prev { background: url('../images/button/bx_prev.jpg') no-repeat center; }
#middle[class^="global_p"] .container .box .bx-next { background: url('../images/button/bx_next.jpg') no-repeat center; }
#middle[class^="global_p"] .container .box .bx-pager { font-size: 13px; position: absolute; right: 42px; top: -10px; word-spacing: 2px; }
#middle[class^="global_p"] .container .box .bx-pager:first-letter { color: #386BC4; font-weight: bold; }
#middle[class^="global_p"] .container .box .bx-pager:first-letter:first-letter { color: #386BC4; font-weight: bold; }

#middle[class^="global_p"] .container .bx-wrapper .bx-prev,
#middle[class^="global_p"] .container .bx-wrapper .bx-next {  top: 0; }
#middle[class^="global_p"] .container .bx-wrapper .bx-pager {display:none; right: 0; top: 15px;  }
.required { text-align: right; font-size: 13px; margin-bottom: 20px; }
.red { color: #f00; }


/* 이미지형 아이콘 */
a.btn_ico, button.btn_ico, span.btn_ico {display:inline-block; overflow:hidden; font-size:0; line-height:0; vertical-align:middle; white-space:nowrap; background-image:url('../images/icon/spicon.png'); background-repeat:no-repeat;}
.btn_ico.blog {width:37px; height:37px; background-position:0 -27px}
.btn_ico.small_blog {width:27px; height:27px; background-position:0 0}
.btn_ico.small_face {width:27px; height:27px; background-position:-27px 0}
.btn_ico.chemical {width:27px; height:27px; background-position:-56px 0}
.btn_ico.energy {width:34px; height:27px; background-position:-84px -2px}
.btn_ico.material {width:26px; height:26px; background-position:-120px 0}
.btn_ico.steel {width:26px; height:26px; background-position:-148px -1px}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-next
{
    right: 0;
}
.slick-prev
{
    left: 0;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;
	content:'';
	border-radius:50%;

	text-indent:-999em;
    text-align: center;

    opacity: .25;
	background:#fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.moClnListWrap {display:none}
.pcClnListWrap  {display:block}


@media screen and (max-width: 1024px) {
.moClnListWrap {display:block}
.pcClnListWrap  {display:none}
}

@media screen and (max-width: 959px) {
	#family { height: 0; z-index: 101; }
	#family .wrap ul { display: none; }
	#family .wrap ul li {float:left; background:#0c4da2;}

	.wrap { position: relative; margin: 0; width: auto; *zoom: 1; }
	.wrap:after { content:""; display: block; clear: both; }
	/* header */
	#header {background: none; z-index: 110; *zoom: 1;}
	#header h1 {top:0; width:100%; text-align:center; z-index:4;}
	#header.nav-up h1 {top:0; background:#fff;}
	#header.on h1 {background:#fff;}
	#header h1 a {width:110px; padding-top:48px; background:url('../images/logo_silver_219.png') no-repeat center; background-size:110px 16px;}
	#header.nav-up {height:45px; border-top:0; background:#fff;}
	#header.nav-up h1 a, #header.on h1 a {}

	#general {display:none; top:36px; width:100%; border-bottom:1px solid #e5e5e5; text-align:right;}
	#general a {padding:0 15px; color:#666;}
	#general a.contact {float:left; color:#666;}
	#general a.global {display:none;}
	#header.nav-up #general,
	#header.on #general {top:36px; background:#fff;}
	#search {display:none; stop:10px; right:15px;}
	#header.nav-up #search { top:10px;}
	#search #search_btn {background-size:17px 17px !important;}
	.nav-up #search #search_btn {background-image:url('../images/button/btn_search02.png'); background-size:17px 17px;}

	/* 모바일 검색 */
	#header .pop_search {display:block; position:absolute; top:11px; right:15px; width:20px; height:20px; text-indent:-999em; background: url('../images/button/btn_search01.png') no-repeat center; z-index:10;}
	#header .pop_search.on {background: url('../images/button/search_close01.png') no-repeat center; background-size:13px 13px;}
	#header.nav-up .pop_search,
	#header.sub .pop_search  {background: url('../images/button/btn_search02.png') no-repeat center;}
	#header.sub .pop_search.on,
	#header.nav-up .pop_search.on {background: url('../images/button/search_close.png') no-repeat center; background-size:13px 13px;}
	.mobile_search {display:none; position:absolute; top:45px; left:0; padding:25px 40px; width:100%; box-sizing:border-box;  background:#0c4da2;}
	.mobile_search input {padding:0 32px 0 17px; width:100%; height:37px; line-height:37px; font-size:12px; color:#b3b3b3; border:0 none; border-radius:2.25em; box-sizing:border-box; }
	.mobile_search button {position:absolute; top:34px; right:52px; display:block; width:20px; height:20px; text-indent:-999em; background-image:url('../images/button/btn_search02.png');  background-size: 17px 17px !important; background-repeat:no-repeat;}

	.gnb_box {background:none;} 
	.m_menu {display:block; top:15px; left:15px; width:19px; height:15px; background-image:url('../images/button/m_gnb.png');}
	.m_menu.open {background-position:-19px 0;}


	/* 메뉴 */
	.on #gnb {position:absolute; overflow-y:auto; padding-left:0; height:100vh;}
	#gnb {position: absolute; top:0; left:0; margin-left: 0; padding-bottom: 0px; width:100%; *zoom: 1; }
	#gnb > ul {display:none; padding:73px 0 0 15px; background:#fff;}
	#gnb:after { content:""; display: block; clear: both; }
	#gnb > ul > li { position: relative; width: 100%; height: 52px; float:none; overflow: hidden; border-bottom:1px solid #dbe2e4;}
	#gnb > ul > li > a { display: block; position: relative; padding: 0; width: 100%; height: 52px; color: #4b4b4b; line-height: 52px; text-align: left; }
	#header.normal #gnb > ul > li {background:url('../images/button/gnb_off.png') no-repeat 95% center; background-size:10px 7px;}
	#header.normal #gnb > ul > li.active {height:auto; border-bottom:0 none; background:url('../images/button/gnb_on.png') no-repeat 95% 23px; background-size:10px 7px;}
	#header.nav-up #gnb > ul > li > a {height:52px; line-height:52px; }
	#gnb > ul > .last > a { width: 100%; }
	#header.normal #gnb .depth02 { display: none; position: relative; left: -1px; margin-top: 0; padding: 0px;}
	#header.normal #gnb .active .depth02 {display:block; border-top:2px solid #222; padding-top:10px;}
	#gnb > ul > li > a:hover {border-bottom:0 none;}
	#gnb .depth02 > li {margin:9px 0; padding:0 10px; line-height: 16px; }
	#gnb .depth02 > li > a { display: block; padding:8px 10px; color: #777; } /* 맑은 고딕일때 letter-spacing: -1px; */
	#gnb .depth02 a:hover { color: #2651ff; }
	#gnb .depth03 {margin-top:4px; padding:10px 20px; background:#f4f6f7;}
	#gnb .depth03 a {padding:5px 0; font-size:12px;}
	#gnb .m_family {}
	#gnb .m_family ul {overflow:hidden;}
	#gnb .m_family ul > li {float:left; width:50%; height:40px; line-height:40px; text-align:center; border-bottom:1px solid #255fab; background:#0c4da2;}
	#gnb .m_family ul > li:nth-child(2n) {border-left:1px solid #255fab; width:calc(50% - 1px);}
	#gnb .m_family ul > li:nth-child(n+3) {border-bottom:0 none;}
	#gnb .m_family ul > li a {color:#fff;}

	/* 진입시 */
	#header.normal #gnb > ul > li { height: 52px; }
	#header.normal #gnb > ul > li.on {height:auto;} 
	#header.normal #gnb > ul > li.last {border-bottom:0 none;}

	#sns,
	.location { display: none; }

	#title_area {padding-top:63px; height:125px; font-size:1.3rem;}

	#middle { position: static; border-top: 0 none;  border-bottom:0 none;}
	#middle .wrap { position: static; padding-bottom: 30px; }
	#lnb { position: absolute; top: 0; left: 0; padding-top: 0; height: 0%; min-height: 0%; max-height: none; background: #474747; float: none; }
	body.lnbOn { padding-left: 186px; position: relative; width: 100%; background: url('../images/background/bg_lnbon.png') 0 0 repeat-y; animation:lnbMove 0.5s; -webkit-animation:lnbMove 0.5s; /* Safari and Chrome */}
	.lnbOn #lnb { height: 100%; min-height: 100%; }
	@keyframes lnbMove
	{
	0%   { padding-left: 0; }
	20%  { padding-left: 186px; }
	40%  { padding-left: 186px; }
	60%  { padding-left: 186px; }
	80%  { padding-left: 186px; }
	100% { padding-left: 186px; }
	}

	@-webkit-keyframes lnbMove /* Safari and Chrome */
	{
	0%   { padding-left: 0; }
	20%  { padding-left: 186px; }
	40%  { padding-left: 186px; }
	60%  { padding-left: 186px; }
	80%  { padding-left: 186px; }
	100% { padding-left: 186px; }
	}

	#lnb > ul { background: #474747;}
	#lnb > ul > li > a { color: #bababa; border: 0 none; border-top: 1px solid #505050; border-bottom: 1px solid #393939; background: none; }
	#lnb > ul > .on > a { border-bottom: 1px solid #1d1d1d !important;  background: #3a3a3a url('../images/bullet/arrow02_on.png') 163px 13px no-repeat;  }
	#lnb > ul > .down > a { background: #3a3a3a url('../images/bullet/arrow02_down.png') 161px 15px no-repeat; }

	.pop_up {top:0; left:0; margin:0; max-width:100%; min-width:100%;}
	.pop_up .pop_close a {width:46px; height:45px; background-size:40% auto;}
	#middle[class^="global_p"] { border: 0 none; color: #333;  font-size: 13px;  }
	#middle[class^="global_p"] > h1 { padding:0 ; height:45px; line-height:45px; font-size: 14px; color: #fff; }
	#middle.global_popup2 > h1 { background: #386bc4 url('../images/global/global_R2.png') no-repeat 10px 12px; }
	#middle[class^="global_p"] .container { padding: 20px 10px; max-height:600px;  *zoom: 1; }
	#middle[class^="global_p"] .container:after { display: block; content: ""; clear: both; }
	#middle[class^="global_p"] .container .info { margin-bottom: 15px; }
	#middle[class^="global_p"] .container .info dl { position: relative; padding-left: 60px; margin-bottom: 10px;  }
	#middle[class^="global_p"] .container .info dl dt { position: absolute; left: 0; top: 0; display: inline-block; *zoom: 1; *display: inline; color: #000; width: 60px; padding: 0; margin-bottom: 5px; text-align: left; line-height: 19px; font-weight: bold; }
	#middle[class^="global_p"] .container .info dl dd { line-height: 19px; }
	#middle[class^="global_p"] .container .box h1:after,
	#middle[class^="global_p"] .container .history:before,
	#middle[class^="global_p"] .container .bxslider:before {display:none;}
	#middle[class^="global_p"] .container .box.line {padding-top:30px;}
	#middle.global_popup1 .tit02,
	#middle.global_popup1 .bxslider .bx-pager:first-letter  { color: #3E8400; }
	#middle.global_popup1 .container .info dl dt { }
	#middle[class^="global_p"] .bxslider .bx-prev { display: none; overflow: hidden; position: absolute; left: -37px; top: 26%; width: 21px; height: 52px; text-indent: -10000px; background: url('../images/company/slider_left.png') no-repeat left 0; }
	#middle[class^="global_p"] .bxslider .bx-next { display: none; overflow: hidden; position: absolute; right: 0; top: 26%; width: 21px; height: 52px; text-indent: -10000px; background: url('../images/company/slider_right.png') no-repeat left 0; }

	#middle[class^="global_p"] .container .top { position: relative; padding-left: 0px; margin-bottom: 20px; }
	#middle[class^="global_p"] .container .top .thum { position: static; left: 0; top: 0; margin: 0 auto 10px auto; width: 260px; }
	#middle[class^="global_p"] .container .top .box { margin-bottom: 0px; }
	#middle[class^="global_p"] .container .top .box.line {margin-top:40px;}
	#middle[class^="global_p"] .container .box {margin-bottom: 20px; padding:10px 0; }
	#middle[class^="global_p"] .container .box.history {}
	#middle[class^="global_p"] .container .box h1 {float:none; margin-bottom:15px;}
	#middle[class^="global_p"] .container .box + .box .scroll_y {max-height:88%;}
	#middle[class^="global_p"] .container .box .scroll_y {padding-left:0; padding-bottom:25px; border-bottom:1px solid #dedede;}
	#middle[class^="global_p"] .container .box .bx-wrapper {padding-left:0;}
	#middle[class^="global_p"] .container .bxslider { position: relative; width: auto; }
	#middle[class^="global_p"] .container .bxslider h1 { margin-bottom: 25px;  }
	#middle[class^="global_p"] .container .bxslider > ul {padding-left:0; padding-bottom:25px;}
	#middle[class^="global_p"] .container .bxslider > ul > li {width:25%;}
	#middle[class^="global_p"] .container .bxslider .bx-wrapper {  }
	#middle[class^="global_p"] .container .bxslider .thum { width: 100%; }
	#middle[class^="global_p"] .container .bxslider .thum img { display: block; width: 100%; height: auto; margin-bottom: 10px; }
	#middle[class^="global_p"] .container .bxslider .bx-prev,
	#middle[class^="global_p"] .container .bxslider .bx-next {  top: 35%;  }
	#middle[class^="global_p"] .container .bxslider .bx-pager { right: 10px; top: 15px;  }
	#middle[class^="global_p"] .container .box .bx-wrapper .bx-controls-direction {top:8px;}


	#contents { padding-top: 0; width: auto; line-height: 20px; font-size: 14px; letter-spacing: -1px; border-top: 1px solid #c5c7c9; background: #fff !important; float: none; z-index: 1; }
	#contents #location { position: absolute; top: 13px; left: 15px; padding-top: 28px; width: 30px; height: 0; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/button/global_arrow.png') 3px 42% no-repeat; background-size:14px 9px; overflow: hidden; cursor: pointer; z-index: 100; }
	#contents > h1 { margin-bottom: 0 !important; padding-left: 50px; padding-top: 11px; padding-bottom: 11px; color: #333; line-height: 26px; font-size: 22px; font-weight: bold; border-width: 1px 0 1px 0; border-color: #e5e5e5; border-style: solid; background: #f4f4f4; }
	#contents > #tit_txt { margin-bottom: 0; padding: 15px 0 20px 10px; font-size: 15px; letter-spacing: -2px; }
	#contents > .content_body { padding: 20px 10px 0 10px !important; }

	#footer { padding: 25px 15px; height:auto; text-align:left; color:#8a8989; background:#333; }
	#privacy .bold {color:#bbb;}
	#family_site dt {color:#bbb;}
	#footer address > em {display:none;}
	#footer .footer_sns {top:1px;}
	#footer .footer_sns > a {color:#fff; opacity:.6;}
	#footer #copyright {text-align:left;}
	#footer #copyright > em {display:none;}
}


@media screen and (max-width: 610px) {

	/* footer */

	#footer .wrap > h1,
	#privacy a,
	#family_site { display: none; }
	#privacy {display:block;}
	#privacy .personal {display:inline-block; padding:0; line-height:0; background:none;}
	#privacy .personal .bold {color:#bbbbbb;}


}


@media screen and (max-width: 450px) {
	#general a.sales { display: none;  }
	#general a.sales img { display: none; }

	/* top버튼 */
	.btnTop { right:15px; bottom:135px; opacity: 0.5; }


}


/* ie7, ie8 */

.res960 #family { height: 0; z-index: 101; }
.res960 #family .wrap ul { display: none; }

.res960 .wrap { position: relative; margin: 0; width: auto; *zoom: 1; }
.res960 .wrap:after { content:""; display: block; clear: both; }

/* header */
.res960 #header { position: relative; background: #fff; z-index: 100; *zoom: 1;}
.res960 #header:after { content:""; display: block; clear: both; }
.res960 #header h1 { position: relative; width: 100%; height: 71px; border-bottom: 1px solid #ccc; }
.res960 #header h1 a { padding-top: 71px; padding-left: 15px; background-position: 15px 20px; }
.res960 #header .slogan { display: none; }

.res960 #general { position: absolute; top: 10px; right: 15px; height: auto; overflow: visible; }
.res960 #general a { display: block; padding: 0 0 0 7px; height: 13px; color: #333; line-height: 12px; font-size: 11px; font-weight: bold; border-left: 2px solid #cdcdcd; }
.res960 #general a.contact { background: none; }
.res960 #general a.global { margin-top: 7px; padding: 0 5px; height: 19px; color: #fff; line-height: 19px; font-size: 12px; border-left: 0 none; background: #005aab; }
.res960 #general a.global img { display: none; }
.res960 #general a.sales { margin-top: 7px; padding: 0 5px; height: 19px; color: #fff; line-height: 19px; font-size: 12px; border-left: 0 none; background: #1d6f89; }
.res960 #general a.sales img { display: none; }
.res610 #general a.sales { display: none; }
.res450 #general a.sales { display: none; }

/* 메뉴 */
.res960 #gnb { position: relative; margin-left: 0; padding-bottom: 0px; *zoom: 1; }
.res960 #gnb:after { content:""; display: block; clear: both; }
.res960 #gnb > ul > li { position: relative; width: 106px; height: 33px; }
.res960 #gnb > ul > li > a { display: block; position: relative; padding: 0; width: 106px; height: 33px; color: #4b4b4b; line-height: 33px; text-align: center; }
.res960 #gnb > ul > .last > a { width: 106px; }
.res960 #gnb .depth02 { display: block; position: relative; left: -1px; margin-top: 25px; padding: 37px 0 3px 0px; height: 168px; min-height: 168px; border-left: 1px solid #eee;}
.res960 #gnb .depth02 li { line-height: 16px; }
.res960 #gnb .depth02 a { display: block; padding: 3px 10px 5px 10px; color: #262626; } /* 맑은 고딕일때 letter-spacing: -1px; */
.res960 #gnb .depth02 a:hover { color: #2651ff; }

/* 진입시 */
.res960 #header.normal #gnb > ul > li { height: 33px; }

.res960 #search { display: none; }

.res960 #sns { display: none; }



.res960 #middle { position: static; border-top: 0 none; }
.res960 #middle .wrap { position: static; padding-bottom: 30px; }
.res960 #lnb { position: absolute; top: 0; left: 0; padding-top: 0; height: 0%; min-height: 0%; background: #474747; float: none; z-index: 10000; overflow: hidden; }
.res960.lnbOn,
.res610.lnbOn,
.res450.lnbOn{ padding-left: 186px; position: relative; width: auto; background: url('../images/background/bg_lnbon.png') 0 0 repeat-y; *zoom: 1; }
.res960.lnbOn #lnb { height: 100%; min-height: 100%; overflow: visible; }

.res960 #lnb > ul { background: #474747;}
.res960 #lnb > ul > li > a { color: #bababa; border: 0 none; border-top: 1px solid #505050; border-bottom: 1px solid #393939; background: none; letter-spacing: -1px; }
.res960 #lnb > ul > .on > a { border-bottom: 1px solid #1d1d1d !important;  background: #3a3a3a url('../images/bullet/arrow02_on.png') 163px 13px no-repeat;  }

.res960 #contents { padding-top: 0; width: auto; line-height: 20px; font-size: 14px; letter-spacing: -1px; border-top: 1px solid #c5c7c9; background: #fff !important; float: none; }
.res960 #contents #location { position: absolute; top: 13px; left: 15px; padding-top: 28px; width: 29px; height: 0; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/button/btn_lnb.png') 0 0 no-repeat; overflow: hidden; cursor: pointer; z-index: 100; }
.res960 #contents > h1 { margin-bottom: 15px; padding-left: 50px; color: #333; font-size: 22px; font-weight: bold; border-width: 1px 0 1px 0; border-color: #e5e5e5; border-style: solid; background: #f4f4f4; *zoom: 1; }
.res960 #contents > #tit_txt { margin-bottom: 20px; padding-left: 10px; font-size: 15px; letter-spacing: -2px; }
.res960 #contents > .content_body { padding: 20px 10px 0 10px !important; }

/* sitemap */
.res960 #sitemap { display: none; padding: 20px 0; background: #3e4657; }
.res960 #sitemap .wrap > h1 { position: absolute; top: 0; left: 0; width: 150px; color: #fff; font-size: 13px; font-weight: bold; }
.res960 #sitemap .wrap > h1 a { padding: 0; color: #fff; }
.res960 #sitemap .wrap > h1 + dl { margin-top: 30px; }
.res960 #sitemap .wrap > dl { position: relative; margin-right: 40px; width: 150px; float: left; }
.res960 #sitemap .wrap > dl:first-child { margin-left: 0;}
.res960 #sitemap .wrap > dl > dt { margin-top: 13px; margin-bottom: 13px; width: 100%; color: #fff; font-size: 13px; font-weight: bold; *zoom: 1; }
.res960 #sitemap .wrap > dl > dt:first-child { margin-top: 0; }
.res960 #sitemap .wrap > dl > dt + dd { clear: both; }
.res960 #sitemap a { display: block; padding: 3px 0; color: #cfd1d5; } /* 맑은 고딕일때 letter-spacing: -1px; */
.res960 #sitemap .wrap > dl dd dl dd a { padding: 2px 0 2px 5px; background: url('../images/bullet/bullet01.png') 0 8px no-repeat; }
.res960 #sitemap .wrap .eng_site { position: absolute; bottom: 20px; right: 50px; width: 150px; }
.res960 #sitemap .wrap .eng_site a { width: 150px; color: #fff; font-size: 13px; font-weight: bold; }
.res960 #footer { padding: 0 10px; }
.res960 #copyright { width: 100%; float: left; }

.res610 #footer { color: #808080; line-height: 18px; border-top: 1px solid #ccc; background: #fff; }
.res610 #footer .wrap > h1,
.res610 #privacy,
.res610 #family_site { display: none; }
.res610 #copyright { padding: 10px 0; width: auto; line-height: 18px; text-align: center; float: none; }

.res450 #copyright span { display: block; }