@charset "utf-8";

#wrap {position:relative; overflow:hidden; min-width:1570px;}
#header {height:70px; background:#151515;}
#header h1 {position:absolute; top:0; left:25px; padding-left:102px; font-size:20px; color:#8a8a8a; line-height:70px; font-weight:400; background:url('../images/tlogo2.png') no-repeat 0 center;}
#header .top_t {overflow:hidden; margin-left:250px; max-width:1280px;}
#header .top_util {float:right; padding-top:25px;}
#header .top_util li {float:left; position:relative; padding:0 12px; font-size:16px; color:#cccccc; line-height:20px; font-weight:300;}
#header .top_util li a {font-size:14px;}
#header .top_util .menu+.menu:before {position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:#444444; content:'';}

.mem_container {width:1280px; margin:80px auto 100px; font-size:18px; line-height:1.55; color:#333333;}


#footer {position:relative; z-index:2; padding:60px 0; font-size:14px; color:#999999; line-height:22px; font-weight:300; letter-spacing:0; text-align:center; background:#1c1c1c;}
#footer h2 {margin-bottom:20px;}

#left_gnb {position:absolute; top:70px; left:0; height:100%; transition:all 0.4s;}
#left_gnb:after {position:absolute; top:0; left:0; width:230px; height:20000px; background:#444444; content:'';}
#left_gnb .btn_left_toggle {overflow:hidden; position:absolute; top:0; left:230px; width:29px; height:60px; border-radius:0 9px 9px 0; background:#aaaaaa;}
#left_gnb .btn_left_toggle:after {position:absolute; top:50%; left:9px; width:8px; height:13px; margin-top:-6px; background:url('../images/icon_left_arr.png') no-repeat center; transition:all 0.4s 0.4s; content:'';}
#gnb {position:relative; z-index:2; width:230px; letter-spacing:-0.05em;}
#gnb > ul > li {border-bottom:1px solid #363636;}
#gnb > ul > li > a {display:block; position:relative; padding-left:17px; font-size:18px; color:#fff; line-height:60px; background:#444444;}
#gnb i {position:absolute; right:20px; top:50%; width:14px; height:14px; margin-top:-7px;}
#gnb i:before {position:absolute; top:6px; left:0; width:100%; height:2px; background:#7d7d7d; transition:all 0.4s; content:'';}
#gnb i:after {position:absolute; top:0px; left:6px; width:2px; height:100%; background:#7d7d7d; transition:all 0.4s; content:'';}
#gnb .sub {display:none;}
#gnb .sub li {border-top:1px solid #444444;}
#gnb .sub a {display:block; padding-left:17px; font-size:16px; color:#888888; line-height:50px; background:#363636;}
#gnb > ul > li.on > a i:before {opacity:0;}
#gnb > ul > li.on > a i:after {transform:rotate(90deg);}
#gnb > ul > li.on .sub {display:block;}


.container {max-width:1280px; min-height:800px; margin:50px 0 100px; margin-left:290px; transition:all 0.4s;}
.container.eastimate {max-width:1050px;}


.left_close #left_gnb {left:-230px;}
.left_close #left_gnb .btn_left_toggle:after {transform:rotate(180deg);}
.left_close .container {margin-left:60px;}
#wrap.left_close {min-width:1340px;}

.section {margin-bottom:60px !important;}
.ssection {margin-bottom:40px !important;}