@charset "utf-8";

/*
Author : hur jeong hak (2010-11-25)
Version : 1.0
*/

html, body, #wrapper {height:100%;background-color:#fff;}


/*2013-09-14 add*/
.alarmsec {width:100%;text-align:center; position:absolute; top:0; z-index:9999;  /*display:none;*/
           background:rgba(0,0,0,0.5);
           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); /*ie9 lt*/
}
.alarmsec div{width:969px; margin:0 auto; display:block; padding:6px 0;}
.alarmsec a{display:inline-block; color:#ffb316; font-weight:bold; margin-right:40px}
.alarmsec a:hover{text-decoration:underline}

/*2013-09-14 add*/
.skipsec {display:block;  position:relative; width:960px; margin:0 auto; padding:0; left:0}
.skipsec a{left:0; top:0; position:absolute;  display:block; z-index:9000; width:1px; height:1px; overflow:hidden}
.skipsec a:focus, .skipsec a:active {display:block; width:150px; height:18px; font-size:11px; padding:5px 0 4px 10px; color:#fff; background:#000 url(../img/icon/icon_arrow_wh.gif) no-repeat 145px 9px;}



#wrapper {width:100%;margin:0 auto; background:url(../img/bg/bg_wrapper.gif) repeat-x left top; min-height:100%;}
#wrapper-main {width:100%;margin:0 auto; background:none;/*background:url(../img/bg/bg_wrapper_main.gif) repeat-x left top;*/}

#header {position:relative;z-index:20;width:960px; height:100px; margin:0 auto;}
#container {position:relative;z-index:10;width:960px;margin:-100px auto -69px; min-height:100%; overflow:hidden;}
#wrapper-main #header {position:relative;z-index:20;width:969px; height:100px; margin:0 auto;} /*2013-09-14*/
#wrapper-main #container {position:relative;z-index:10;width:969px; margin-bottom:24px;padding:0; overflow:hidden;}/*2013-09-14*/
/*#wrapper-main #container {position:relative;z-index:10;width:960px;margin:-100px auto 24px; padding:0; overflow:hidden;}*/
#footer {clear:both; position:relative;z-index:20;width:100%;height:69px;border-top:1px solid #dfdfdf; text-align:center;}

.logo-header {position:absolute;top:31px;left:0;}/*20150116*/

.gnb {position:absolute;top:0px;right:0; background:url(../img/common/gnb.gif) no-repeat 0 0;}
.gnb a {display:block;float:left;overflow:hidden;text-indent:-9999px; height:17px;}
.gnb .english {width:38px;margin-right:5px;}
.gnb .sitemap {width:37px;margin-right:1px;}
.gnb .customer {width:95px;margin-right:5px;}
.gnb .twitter {width:14px;height:14px;margin-right:4px;}
.gnb .customer {width:95px;margin-right:6px;}
.gnb .plaync {width:59px;}
#wrapper-main .gnb {top:0px;right:0; background:url(../img/common/gnb.png) no-repeat;} /*2013-09-14 add*/

.lnb {position:absolute;top:31px;right:0;width:465px; background:url(../img/icon/bul_lnb.gif) no-repeat right 5px;}
.lnb ul {overflow:hidden;}
.lnb li {float:left; padding-bottom:24px;}
.lnb li a {display:block;width:91px; height:17px; padding:5px 0 0 0; overflow:hidden; background:url(../img/icon/bul_lnb.gif) no-repeat left 5px; text-align:center} /*2013-09-14 add*/
/*.lnb li a {display:block;width:91px; height:17px; padding:5px 0 0 0; overflow:hidden; background:url(../img/icon/bul_lnb.gif) no-repeat left 5px; text-align:center}*/
.lnb li.last a {width:163px;}
.lnb li ul {position:absolute; display:none; top:28px;width:auto; background:url(../img/icon/bul_lnb2.gif) no-repeat right top; padding-bottom:0;}
.msie6 .lnb li ul, .msie7 .lnb li ul {background-position:right 1px;}
.lnb li li a {display:inline-block; margin:0; width:auto !important; height:10px; padding:7px 8px 7px 9px; background:url(../img/icon/bul_lnb2.gif) no-repeat left top; border-top:1px solid #c7c7c7;}
.lnb li li.active a {border-top:2px solid #201f1f; padding-top:6px;}
.lnb .about {right:0; width:602px;}

/*  */
.lnb .service {left:100px; width:223px;}/* width:355px;*/

/*  
.lnb .service {left:100px; width:439px;}
*/

.lnb .investor {right:0; width:420px;}
.lnb .careers {left:273px; width:92px;}/*left:300px;*/
.lnb .midia {right:5px; width:88px;}/* width:161px;*/
.lnb .social {right:0; width:299px;}/*width:299px;*/

.visual-content {width:100%; height:108px; margin:100px 0 38px; background:url(../img/common/visual_top_basic.gif) no-repeat;}

.side-content {float:left; width:210px; padding-bottom:150px;}
.side-content h3 {padding-left:5px; height:46px; margin:40px 0 0 0;}
.side-content ul {background:url(../img/bg/bg_snb_title.gif) no-repeat left top; padding:1px 0 0 0;}
.side-content ul li {width:150px; border-bottom:1px solid #e2e2e2; font:0/0 Arial;}
.side-content ul li a {display:block; padding:8px 0 7px 16px;}
.side-content ul li ul {width:150px; background:#f7f7f7; padding:5px 0; display:none;}
.side-content ul li li {border-bottom:none; }
.side-content ul li li a{padding:3px 0 3px 15px; vertical-align:middle;}
.side-content ul li.active a {background:url(../img/bg/bg_snb_over.gif) no-repeat 5px 10px}
.side-content ul li li.active a {background:none;}
.side-content ul li.active li a {background:none;}
.side-content .side-banner {margin:30px 0 0;}
.side-content .side-banner a {display:block; width:150px; margin:0 0 5px;}

.primary-content {position:relative; float:left; width:750px; padding:40px 0 150px 0;}

h1.content-title {position:relative;zoom:1;margin-bottom:30px;}
.line-map {position:absolute; right:0; top:0; margin:0; font-size:0.916em;}
.line-map a, .line-map strong {padding-left:12px;background:url(../img/icon/icon_arrow_linemap.gif) no-repeat 2px 4px;height:100%;}
.line-map a.home {overflow:hidden;width:19px;height:17px;margin-right:-6px;padding-left:0;background:url(../img/icon/icon_home.gif) no-repeat 2px 4px;font-size:0;line-height:0;}
.line-map strong {font-weight:normal; color:#555555;}

.footer-content {position:relative; width:960px; margin:0 auto;}
.fnb {position:absolute; left:0; top:15px; width:352px; height:13px; overflow:hidden; background:url(../img/common/fnb.gif) no-repeat left 2px;}
.fnb a {display:block;float:left;overflow:hidden;text-indent:-9999px; padding:2px 0;}
.fnb .hr {width:77px;}
.fnb .sto {width:97px;}
.fnb .pub {width:98px;}
.fnb .cus {width:80px;}

.copyr {position:absolute; top:16px; right:231px;}/*right:191px;*/
.family-site {position:absolute; width:143px; top:12px; right:82px; background:url(../img/common/familysite.gif) no-repeat right top;}/* right:42px;*/
.family-site h2, .family-site h2 a {overflow:hidden; width:141px; height:18px;}
.family-site h2 a {display:block; font:0/0 Arial; text-indent:-9999px;position:absolute; left:0; top:0; z-index:100;}
.family-site .viewer {position:absolute; left:0; bottom:0; width:141px;  padding:0 0 34px; font-size:0.917em; border:1px solid #f5f5f5;z-index:50;}
.msie6 .family-site .viewer {padding-bottom:20px;}
.family-site .viewer ul {width:141px; background:#fff;}
.family-site .viewer li {padding:3px 9px; text-align:left;}
.family-site .viewer li a {color:#858585;}
.family-site .viewer li a:hover {color:#555555;}
.footer-link {position:absolute; right:0; top:14px; width:77px; height:15px; margin:0; padding:0; background:url(../img/common/footer_link.gif) no-repeat;}
.footer-link a {vertical-align:top; font:0/0 Arial; width:14px; height:14px;}
.footer-link a.facebook{width:15px; height:14px;}
.footer-link a.twitter{width:15px; height:14px;}
.footer-link a.youtube{width:35px; height:14px;}

#wrapper-pop {width:100%; height:100%; border-top:1px solid #121212;}
#wrapper-pop .pop-header {width:100%; height:40px; padding:20px 0 0 0; background:#444444 url(../img/common/logo_pop.gif) no-repeat right top;}
#wrapper-pop .pop-header h1 {padding:6px 0 0 0; margin-left:30px; background:url(../img/icon/bul_bar_pop.gif) no-repeat left top;}
#wrapper-pop .pop-content {width:100%; min-height:100%; margin:-60px 0 -25px; z-index:10;}
.msie6 #wrapper-pop .pop-content {height:100%;}
#wrapper-pop .pop-content .contents {padding:90px 0 55px; margin:0 30px;}
#wrapper-pop .pop-footer {position:relative; width:100%; height:25px; background:#757575; text-align:right; z-index:20;}
#wrapper-pop .pop-footer .close {margin:7px 30px 0 0;}

/* dialog-type-A */
.dialog-type-A {position:absolute;}
.extension-box .resizable-s {position:absolute;bottom:0;width:100%;height:30px;background:url(../img/bg/dialog_bg.gif) no-repeat right bottom;}
.extension-box .resizable-w {position:absolute;top:0;left:0;width:30px;height:100%;background:url(../img/bg/dialog_bg.gif) no-repeat top left;}
.extension-box .resizable-ws {position:absolute;bottom:0;left:0;width:30px;height:30px;background:url(../img/bg/dialog_bg.gif) no-repeat bottom left;}
.dialog-type-A .content-wrap {min-height:176px;_height:176px;margin:0 0 30px 30px;padding:12px 30px 20px 0;background:url(../img/bg/dialog_bg.gif) no-repeat right top;}

.dialog-type-A button.close-btn {position:absolute;bottom:5px;right:20px;width:70px;height:15px;overflow:hidden;font-size:0;line-height:0;opacity:0;filter: alpha(opacity = 0); z-index:50;}
.msie6 .dialog-type-A button.close-btn {bottom:5px; right:20px;}
.dialog-type-A .draggable-handle {position:absolute;width:100%;height:24px;cursor:move;}
.dialog-type-A .btn-area {text-align:center;margin-top:10px;}
div.default-frame {position:absolute;top:0;left:0;}
.modal-overlay {position:fixed;top:0;left:0;z-index:9998;background-color:#000;opacity:0.4;filter: alpha(opacity = 40);}
* html, * html body {background-image:url(about:blank);background-attachment:fixed;}
* html .modal-overlay {position:absolute;left:0;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));}

/* dialog-contents  */
.dialog-type-A .content-wrap h1 {padding:8px 0 40px 0; background:url(../img/icon/bul_bar_pop.gif) no-repeat left top;}