@charset "utf-8"; 
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,tfoot, tdvideo, tt,u, ul, var
{ background:transparent; border:0 none; font-size:100%; margin:0; padding:0; border:0; outline:0; vertical-align:top; }
ol, ul { list-style:none;}
a { selector-dummy :expression(this.hideFocus=true); outline:0; }
table, td, th, tr { padding:0; border-collapse:collapse;}
img { vertical-align:top; border:0;}
embed { vertical-align:top;}* { border:none}
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.wrapper .left {float:left}
.wrapper .right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties ======================================================== */
body {background:#000;border:0;font:14px "나눔고딕", 나눔바른고딕, 맑은 고딕, Arial, Helvetica, sans-serif;color:#a7a7a7;line-height:20px;}
/* Global Structure ============================================================= */
.main { margin:0 auto;width:1100px}
.bg_spinner {width:100px;height:13px;position:absolute;z-index:2;background:url(../images/loader.gif) 0 0 no-repeat;top:5px;left:5px}
.spinner {position:absolute;z-index:99;background:url(../images/loader.gif) 50% 50% no-repeat #000;width:100%;height:100%;top:0;left:0}
.extra {min-height:100%;height:auto !important;height:100%;margin:0 auto -92px;position:relative}
.bg1 {background:#000;position: fixed;bottom: 0;width: 100%;z-index:99;height:92px;}
.extra .box {width:100%;overflow:hidden;padding-top:20px;padding-bottom:10px;position:relative;border-radius:0}
/* ============================= main layout ====================== */
a {color:#ccc;text-decoration:none;outline:none}
a:hover {text-decoration:none}
h1 {padding:48px 0 0 0}
.box h2 {font-size:26px;line-height:1.2em;padding:17px 0 20px 0;color:#fff;font-weight:700}
.box p {padding-bottom:20px}
.col1, .col2, .col3, .cols { float:left;}
.col1{ width:280px;}
.col2{ width:209px;}
.cols{ width:98px;}
#page_Three .col1{ width:135px;}
#page_Three .col2{ width:425px;}
/* ============================= header ====================== */
header {width:360px;float:left}
#logo {color:#fff}
#menu {padding-top:122px}
#menu > li {width:100%;overflow:hidden;padding-bottom:4px}
#menu > li > a {display:inline-block;font-size:26px;line-height:54px;height:56px;text-decoration:none;position:relative;letter-spacing:0px;cursor:pointer; }
#menu > li > a span {display:block;position:absolute;width:100%;height:100%;top:0;left:0}
#menu > li > a strong {position:relative;display:block;padding:0px 95px 0 40px;height:56px; vertical-align:middle;}
#menu > li > a:hover, #menu > li > a.active {}
#menu > li > a:hover strong, #menu > li > a.active strong{}
#menu li img{ opacity:.5 }
#menu li:hover img{ opacity:1 }
/* ============================= th_content ====================== */
#th_content {height:100%;width:735px;float:left;position:relative;margin:10px 5px 0 0;}
#th_content > ul > li {position:relative;height:100%;width:100%;bottom:0}
#th_content .box1 {background:rgba(0,0,0,1);width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;-webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeInDown; animation-name:fadeInDown; animation-delay:0s; -webkit-animation-delay:0s }
#th_content .inner {padding:25px 55px 25px 60px;position:relative}
#th_content .close {position:absolute;top:20px;right:20px;width:25px;height:25px;background:url(../images/close.gif) 0 0 no-repeat;display:block}
#th_content .close span {display:block;background:url(../images/close.gif) 0 bottom no-repeat;width:100%;height:100%}
.pad_left1 {padding-left:60px}
.pad_bot1 {padding-bottom:25px}
.pad_bot2 {padding-bottom:4px}
.pad_bot3 {padding-bottom:10px}
.marg_right1 {margin-right:29px}
#page_Services .pad_bot3 {padding-bottom:15px}
#th_content figure {padding-top:5px;}
.button1 {display:inline-block;font-size:16px;color:#000;text-transform:uppercase;text-decoration:none;background:#fff;line-height:33px;position:relative}
.button1 span {position:absolute;top:0;left:0;width:100%;height:100%;background:#000}
.button1 strong {position:relative;font-weight:400;display:block;padding:0 14px;letter-spacing:-1px}
.button1:hover {color:#fff}
.color1 {color:#fff}
.tabs .nav {padding-top:5px}
.tabs .nav li {line-height:28px;padding-bottom:2px}
.tabs .nav li a {position:relative;font-size:16px;letter-spacing:-1px;text-transform:uppercase;text-decoration:none;height:28px;line-height:26px;padding:0 39px 0 9px;color:#fff;background:#000;display:inline-block}
.tabs .nav li a span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff}
.tabs .nav li a strong {font-weight:400}
.tabs .nav li a:hover, .tabs .nav .selected a {color:#000}
.tab-content figure {padding-bottom:15px}
.tab-content figure.marg_right1 {margin-right:20px}
/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;display:block;background:#fff;z-index:1}
.lightbox-image img {position:relative;z-index:1}
.lightbox-image > span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/border.gif) 0 0 no-repeat;z-index:2}
.pp_details {height:0;padding:0;margin:0;font-size:0;line-height:0;visibility:visible !important}
.pp_description {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}
.pp_close {position:absolute;z-index:99;top:-30px;right:0;display:none !important}
div.light_square .pp_next {position:absolute;top:48%;right:-68px;width:35px;height:35px;background:url(../images/marker_right.gif) left top no-repeat;visibility:visible !important}
div.light_square .pp_next:hover {background-position:bottom}
div.light_square .pp_previous {position:absolute;top:48%;left:-68px;width:35px;height:35px;background:url(../images/marker_left.gif) left top no-repeat;visibility:visible !important}
div.light_square .pp_previous:hover {background-position:bottom}
.pp_arrow_previous, .pp_arrow_next {display:none !important}
.link1 {color:#fff;text-decoration:none}
.link1:hover {text-decoration:underline}
/* ============================= footer ====================== */
.bg1 footer {font-size:16px;text-transform:uppercase;font-weight:400;line-height:20px;position:relative;padding:24px 0;letter-spacing:-1px}
.bg1 footer a {color:#fff;text-decoration:none}
.bg1 footer a:hover {color:#808080}
.col_1 {width:59%;float:left}
.col_2 {width:40%;float:right;text-align:right}
/* ============================= forms ============================= */
#ContactForm {margin-top:-2px}
#ContactForm .wrapper {overflow:inherit;min-height:30px}
#ContactForm span {float:left;width:75px;color:#fff;padding-top:2px}
#ContactForm a {margin-right:10px;float:left;margin-top:23px;width:112px;text-align:center}
#ContactForm a span {width:100%}
#ContactForm .input {float:left;margin:0;width:525px;height:16px;background:#fff;padding:4px 10px;color:#808080;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
#ContactForm textarea {overflow:auto;margin:0;float:left;width:525px;height:289px;background:#fff;padding:4px 10px;color:#808080;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}

/*------------------------- Top Menu ------------------------*/
#gnb { position:absolute; top:0px; left:50%; margin-left:-300px; z-index:99; }
#gnb ul { margin:0; padding:0; list-style:none; float:left; }
#gnb ul li { position:relative; display:block; float:left; margin:0; padding:0; z-index:3; }
#gnb ul li:hover>ul { left:0px; }
#gnb ul li a { position:relative; display:block; float:left; z-index:9; height:35px; line-height:35px; padding:8px 25px 0; *zoom:1; }
/* 세로메인메뉴 hover, select */
#gnb ul li a:hover,
#gnb ul li a:focus { background:url('../images/lava.png') no-repeat center 0px; _background:transparent;}
/* 세로서브메뉴::공통 */
#gnb ul ul { position:absolute; top:43px; left:-999em; padding:0; margin-left:20px; }
/* 서브메뉴 높이, 위치 */
#gnb ul ul li { width:180px; _clear:both;}
#gnb ul ul a { display:block; float:none; padding:4px 0 4px 20px; height:25px; line-height:25px; font-size:9pt; font-weight:bold; margin-bottom:-1px;}
#gnb ul ul a:hover { font-weight:bold; }
/* 세로3차,4차서브메뉴::level3 */
#gnb ul ul ul { padding:0; margin:-35px 0 0 180px; }

/* 메인메뉴 컬러 */
#gnb ul.sub a { background:#3e3e3e; border-top:1px solid #252525; border-bottom:1px solid #444; color:#dadada; }
/* 서브메뉴 배경, 컬러 */
#gnb ul.sub a:hover { background:#222 url('../images/second_sub_bg.gif') no-repeat left -25px; text-indent:10px; border:1px solid #000; color:#fff; }
/* 서브메뉴 배경, 컬러 hover */
#gnb > ul .sub > li.parent > a:after { position:absolute; right:10px; content:'>'}
#gnb ul.sub { border-top:2px solid #dd8514 }

.gtco-nav { position:fixed; top:0; margin:0; padding:0; width:100%; padding:20px 0; z-index:1001; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.gtco-nav.scrolled { background:#000; webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.15); height:10px; border-bottom:2px solid #e2e2e2}
.gtco-nav.scrolled ul li { padding:0; margin:0; list-style:none; display:inline}
.gtco-nav.scrolled ul li a { color:#e2e2e2}
.gtco-nav.scrolled ul li a:hover { color:#fff; }
.gtco-nav.scrolled ul { padding:0; margin:1px 0 0 0;}
.gtco-nav.scrolled ul .sub a { color:#dadada}
.gtco-nav.scrolled ul .sub a:hover { color:#fff}

/* Login */
.side > ul > li { float:right; position:relative; margin:15px 80px 0 0; z-index:1002}
.side > ul:after { display:block; clear:both; content:''}
.side > ul > li > a { display:block; width:22px; height:22px; margin-left:12px; font-size:22px; line-height:22px; color:#888; text-align:center}
.side > ul > li > a:hover, .side > ul > li > a:focus, .side > ul > li > a:active, .side > ul > li.on > a { color:#444}
.side > ul .ly { position:relative; position:absolute; top:100%; right:0; margin-top:13px; background-color:#f9f9f9}
.side > ul .ly.ly_login { overflow:hidden; margin-top:0; background:url('../img/blank.gif') 0 0 repeat; height:0; }
.side > ul .ly.ly_login ul { position:relative; margin-top:-10px; padding:8px 0; border:solid 1px #000000; -moz-border-radius:10px 0 10px 10px; -webkit-border-radius:10px 0 10px 10px; border-radius:10px 0 10px 10px; z-index:99; 
background:#45484d; /* Old browsers */
background:-moz-linear-gradient(top, #45484d 0%, #848484 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top, #45484d 0%,#848484 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, #45484d 0%,#848484 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#848484',GradientType=0 ); /* IE6-9 */
}
.side > ul .on .ly.ly_login { height:auto}
.side > ul .ly li { display:block; min-width:180px; height:30px; padding:0 20px; line-height:40px; font-size:11px; color:#ffffff}
.side > ul .ly a { display:block; min-width:180px; height:30px; padding:0 0px; line-height:40px; font-size:13px; color:#fff; }
.side > ul .ly a:hover { color:#cda25a; text-decoration:none; transform:scaleY(1.2); }
.side > ul > li .login_after { overflow:hidden; width:40px; height:40px; margin-top:-9px; border-radius:100%}
.side > ul > li .login_after img { width:40px; height:40px}
.side > ul > li .login_after ~ .ly_login .edg { right:11px}

 /* Login Layer SocialXe */
.snsLogin{ margin:30px 20px 41px; padding-top:0px; text-align:center; min-height:200px}
.snsLogin a{ display:inline-block; overflow:hidden; width:195px; height:34px; margin:3px; }
.snsLogin .facebook{ background-image:url('../img/facebook.png');*display:inline;*zoom:1; }
.snsLogin .twitter{ background-image:url('../img/twitter.png');*display:inline;*zoom:1; }
.snsLogin .google{ background-image:url('../img/google.png');*display:inline;*zoom:1; }
.snsLogin .naver{ background-image:url('../img/naver.png');*display:inline;*zoom:1; }
.snsLogin .kakao{ background-image:url('../img/kakao.png');*display:inline;*zoom:1; }
.blind{ overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; }

 /* 에니메이션 효과 */
#gnb { -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeInDown; animation-name:fadeInDown; animation-delay:0s; -webkit-animation-delay:0s }
.th_content0 .sh { -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeInRight; animation-name:fadeInRight; animation-delay:3s; -webkit-animation-delay:3s }
.th_content0 .notice { -webkit-animation-duration:10s; animation-duration:10s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:flash; animation-name:flash; animation-delay:3s; -webkit-animation-delay:3s }

#menu li {
-webkit-animation-name:wmenuany;
animation-name:wmenuany;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:5s;
animation-duration:5s;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
-webkit-animation-direction:normal;
animation-direction:normal;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-delay:0s;
animation-delay:0s;
}

@-webkit-keyframes wmenuany {
to { -webkit-transform:rotate(0deg) scale(1) skew(1deg) translate(0px); }
from { -webkit-transform:rotate(0deg) scale(1) skew(1deg) translate(-100px); }
}
@keyframes wmenuany {
to { -webkit-transform:rotate(0deg) scale(1) skew(1deg) translate(0px); }
from { -webkit-transform:rotate(0deg) scale(1) skew(1deg) translate(-100px); }
}