@charset "utf-8"; 
  
/****************** layout ******************/
#header {z-index:2;}
#container {overflow:hidden; padding:0px 0 100px; z-index:0;}
 
/******************* GNB ******************/
.hide {position:absolute; left:-10000px; top:auto; height:1px; overflow:hidden;}
.blind, legend {display:block; overflow:hidden; position:absolute !important; top:-1000em !important; left:0; visibility: hidden; /*modify*/}
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.wrap_sub {width:1100px; margin:0 auto;}
 
.gnbSector {z-index:2; height:86px; background:#fff;padding-top:30px; border-bottom:1px solid #ededed; width:100%; position:relative;}
.gnbSector .gnb_inner {z-index:1; display:none; height:190px; background:#fff; border-top:1px solid #ededed; border-bottom:1px solid #ddd; position:absolute; top:86px; width:100%;}
.gnbSector .nav {z-index:2; height:51px; position:relative; float:right;}
.gnbSector .nav > li {float:left; margin-right:110px; position:relative; letter-spacing:-0.5px;}
.gnbSector .nav li.first {text-align:left;}
.gnbSector .nav li.last {margin-right:0; text-align:right;}
.gnbSector h1 {float:left; margin:4px 0 0 0px;}
 

.gnbSector .nav > li > a {cursor:pointer; display:inline-block; font-size:18px; padding:14px 0; font-weight:700; /*modify*/ letter-spacing:0 !important; color:#111; position:relative;}
 
.gnbSector .nav > li > a span.line {position:absolute; top:55px; left:0px; display:block; height:2px; background-color:#fc7701; transition:all 0.3s; width:0%;}
.gnbSector .nav li > a.on,
.gnbSector .nav li > a:hover {color:#fc7701;}
.gnbSector .nav li > a:hover span.line,
.gnbSector .nav li > a.on span.line {width:100%; transition:all 0.3s;}
.gnbSector .nav li ul {top:76px; position:absolute; left:0px; width:130px; display:none;}

.gnbSector .nav li ul li {height:30px;}
.gnbSector .nav li ul li a {font-size:16px;  font-weight:400; color:#111; display:block; width:100%; height:30px; line-height:30px; text-align:left;}
.gnbSector .nav li ul li a:hover,
.gnbSector .nav li ul li a:focus {border:none; color:#fc7701}
.gnbSector h1 a.bi {width:180px; height:36px; display:block; background:url(../images/common/logo.png) no-repeat 0 0;background-size: cover; /* À̹ÌÁö¸¦ ¿ä¼Ò Å©±â¿¡ ¸Â°Ô Á¶Á¤ */}


/******************* footer ******************/
.obj_a104  {margin-left:104px;}
.obj_s20 {margin-top:20px !important;}
.obj_s30 {margin-top:30px !important;}
#footer {height:180px;} 
#footer a, 
#footer p {color:#888;}
#footer p a.bt_lic_info {border:1px solid #ccc; text-align:center; width:102px; height:20px; cursor:pointer; line-height:20px; font-size:11px; display:inline-block;  }
.footer_area {border-top:1px solid #111; border-bottom:1px solid #ddd; padding:16px 0 18px;}
.group_area {background:#f7f7f7; height:56px;}
.group_area .group_view {float:left;}
.group_area .group_view .bt_all_view {margin-top:15px; font-size:14px; font-weight:700; display:inline-block;  }
.group_area .group_view .bt_all_view .more {position:relative; top:-1px; margin-left:6px; width:28px; height:28px; vertical-align:middle; background:url(../images/main/bt_more.gif) no-repeat 0 0; display:inline-block;  }
.group_area .group_view .sel_relav {position:relative; top:-1px !important;}
.group_area .ci_all {float:right;}
.group_area .ci_all li {float:left; margin-left:24px;}
.group_area .ci_all li a {display:block;}
.group_area .ci_all li .kiwoom {margin-top:20px; width:64px; height:20px; background:url(../images/common/kiwoom.png) no-repeat 0 0;}
.group_area .ci_all li .saramin {margin-top:18px; width:63px; height:20px; background:url(../images/common/saramin.png) no-repeat 0 0;}
.group_area .ci_all li .daoudata {margin-top:15px; width:98px; height:23px; background:url(../images/common/daoudata.png) no-repeat 0 0;}
.group_area .ci_all li .kica {margin-top:18px; width:84px; height:18px; background:url(../images/common/kica.png) no-repeat 0 0;}
.group_area .ci_all li .daouincube {margin-top:15px; width:79px; height:23px; background:url(../images/common/daouincube.png) no-repeat 0 0;}
.group_area .ci_all li .kidaristudio {margin-top:15px; width:96px; height:23px; background:url(../images/common/kidaristudio.png) no-repeat 0 0;}

.footer_area .wrap_sub a {display:inline-block;   font-size:12px;}
.footer_area .wrap_sub a:hover {text-decoration:underline;}
.footer_area .wrap_sub a span.on {font-weight:700; color:#111;}
.footer_area .wrap_sub span.bul_cell {display:inline-block;   margin:0 10px 0 12px;}
#footer > .wrap_sub {position:relative;}
#footer > .wrap_sub h2.logo_footer {width:180px; height:36px; float:left; background:url(../images/common/logo_footer.png) no-repeat 0 0;background-size:cover}
#footer > .wrap_sub p {float:left; font-size:12px;}
/* Á¤º¸º¸È£ °ü¸®Ã¼°Ô ÀÎÁõ
#footer > .wrap_sub span.isms {  font-size:12px; height:46px; display:inline-block;   float:right; padding:4px 0 0 54px; background:url(../images/common/bul_isms.gif) no-repeat 0 0;}
*/
#footer > .wrap_sub a.isms {width:80px; height:80px; cursor:pointer; display:inline-block; float:right; padding:0px 0 0 0px; background:url(../images/common/mark_isms.png) no-repeat 0 0;}