@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

.only-desktop {display:block;}
.only-tablet {display:none;}
.only-mobile {display:none;}

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

.contain {*zoom:1; width:100%; max-width:1150px; margin:0 auto;}
.contain:after {content:" "; display:block; clear:both;}

/* header */
#header {position:fixed; top:0; left:0; width:100%; height:60px; z-index:999; border-bottom:1px solid #fff;
	-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;
	-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;
	transition:background .5s ease-in-out,padding .5s ease-in-out;
}
#header .btn-menu {display:none;}
#header .contain {position:relative; height:60px; z-index:2;}
#header .logo {position:absolute; display:inline; top:11px; left:30px; z-index:10;}
#header .top-visit {position:absolute; top:50%; left:120px; transform:translateY(-50%); z-index:10;}
#header .top-visit ul {}
#header .top-visit ul:after {content:""; display:block; clear:both;}
#header .top-visit ul li {float:left; margin-left:25px; font-size:14px; line-height:20px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.30px; color:#222;}
#header .top-visit ul:after {content:""; display:block; clear:both;}
#header .top-visit ul li:first-child {margin-left:0;}
#header .top-visit ul li .tt {display:inline-block; vertical-align:middle;}
#header .top-visit ul li p {display:inline-block; margin-left:5px; vertical-align:middle;}
#header .util {position:absolute; top:16px; right:30px;}
#header .util ul {*zoom:1;}
#header .util ul:after {content:" "; display:block; clear:both;}
#header .util ul li {float:left; width:29px; height:28px; line-height:0; margin-left:4px;}
#header .util ul li a {display:block;}
#gnb {float:right; padding:0 122px 0 0;}
#gnb > ul {*zoom:1;}
#gnb > ul:after {content:" "; display:block; clear:both;}
#gnb > ul > li {float:left; height:60px; font-size:14px; line-height:60px; font-family:'Noto Sans KR'; font-weight:400; letter-spacing:-0.30px; margin-left:48px;}
#gnb > ul > li:first-child {margin-left:0;}
#gnb > ul > li > a {display:block; text-decoration:none; color:#222;}
#gnb > ul > li.active > a {color:#df610f;}

#header.fixed {background:#fff; border-bottom:0;}
#sub #header {background:#fff; border-bottom:0;}

/* main */
.main-visual img {width:100%;}

.main-introduce {width:100%; text-align:center; margin-bottom:116px;}
.introduce-bg {background:#181818; height:274px; padding-top:100px; margin-bottom:80px;}
.main-introduce h3 {margin-bottom:34px; line-height:0;}
.main-introduce p {font-size:15px; line-height:22px; color:#ccc; letter-spacing:1.2px}
.main-introduce ul {display:inline-block; zoom:1; *display:inline; margin:0 -12px;}
.main-introduce ul:after {content:" "; display:block; clear:both;}
.main-introduce ul li {float:left; padding:0 12px; width:25%;}
.main-introduce ul li .thumb {width:100%; line-height:0; margin-bottom:12px;}
.main-introduce ul li .thumb img {width:100%;}
.main-introduce ul li dl dt {font-size:15px; line-height:24px; letter-spacing:-0.30px; color:#222; margin-bottom:10px;}
.main-introduce ul li dl dt.txt-padding {padding:10px 0 13px 0;}
.main-introduce ul li dl dd {font-size:12px; line-height:19px; font-weight:700; color:#989898;}

.main-work {width:100%; /* height:1000px; */ margin-bottom:150px;}
.main-work h3 {text-align:center; line-height:0; margin-bottom:80px;}
.main-work .bx-viewport {height:100% !important;}
.main-work .slider1 {padding-bottom:6px;}
.main-work .slider1 ul {*zoom:1; margin:0 -15px;}
.main-work .slider1 ul:after {content:" "; display:block; clear:both;}
.main-work .slider1 ul li {float:left; width:25%; /* max-width:275px; */ padding:0 15px; overflow:hidden;}
.main-work .slider1 ul li a {display:block; text-decoration:none;}
.main-work .slider1 ul li .thumb {position:relative; width:100%; margin-bottom:10px; overflow:hidden;}
.main-work .slider1 ul li .thumb a {width:100%; overflow:hidden;}
.main-work .slider1 ul li .thumb a img {width:100%; line-height:0; transition:0.5s;}
.main-work .slider1 ul li .thumb a span {display:inline-block; zoom:1; *display:inline;}
.main-work .slider1 ul li .thumb a .bg {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/main/black45.png'); z-index:2;}
.main-work .slider1 ul li .thumb a .txt {display:none; position:absolute; top:0; left:0; width:100%; text-align:center; padding:75px 0 0 0; font-size:12px; line-height:22px; color:#ddd; z-index:3;}
.main-work .slider1 ul li .thumb a .date {display:none; position:absolute; bottom:97px; left:0; width:100%; text-align:center; font-size:11px; line-height:22px; color:#ddd; z-index:4;}
.main-work .slider1 ul li .thumb a .date small {font-size:11px; line-height:22px; color:#e7894b;}
.main-work .slider1 ul li:hover .thumb a img {
	transition:0.5s;
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1);
}
.main-work .slider1 ul li .tit {font-size:12px; line-height:22px; color:#222;}

/* sub page */
/* .b-bg {background:#222;} */
.sub-visual {position:relative; width:100%; height:120px; overflow:hidden; margin-bottom:38px; margin-top:75px;}
.sub-visual img {position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:120px;}

.snb-tt {position:relative; width:100%; height:120px; text-align:center; background:#181818; overflow:hidden; margin-bottom:38px; margin-top:60px; padding:43px 0 0 0;}
.snb-tt ul {display:inline-block; zoom:1; *display:inline; padding-bottom:17px; border-bottom:1px solid #dddddd;}
.snb-tt ul:after {content:" "; display:block; clear:both;}
.snb-tt ul li {float:left; padding-left:19px; margin-left:18px; background:url('../images/common/snb_tt_bar.gif') 0 2px no-repeat; font-size:16px; line-height:20px; font-weight:700; letter-spacing:-0.30px;}
.snb-tt ul li:first-child {padding-left:0; margin-left:0; background:none;}
.snb-tt ul li a {text-decoration:none; color:#fff;}
/* .snb-tt ul li.active a {color:#ff0000;} */

#snb {width:100%; height:32px; text-align:center; margin-bottom:69px;}
.snb .contain {height:32px; /* background:url('../images/common/snb_bg.gif') 0 0 repeat-x; */ border-bottom:1px solid #eee;}
.snb ul {display:inline-block; zoom:1; *display:inline;}
.snb ul:after {content:" "; display:block; clear:both;}
.snb ul li {float:left; position:relative; height:32px; font-size:14px; line-height:18px; letter-spacing:-0.30px; padding-left:20px; /* background:url('../images/common/snb_bar.gif') 0 0 no-repeat; */ margin-left:22px; font-weight:700;}
.snb ul li:after {content:" "; position:absolute; left:0; top:0; width:1px; height:18px; background:#eee;}
.snb ul li:first-child {padding-left:0; background:none; margin-left:0;}
.snb ul li:first-child:after {display:none;}
.snb ul li a {display:block; position:relative; padding:0 3px; height:32px; text-decoration:none; color:#333;}
.snb ul li.active a:after {content:" "; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#e7894b; z-index:10;}
/* .snb ul li.active a {background:url('../images/common/snb_active_bg.gif') 0 0 repeat-x;} */
.snb ul li.blind a{color: #fefefe;}
.snb ul li.blind a:after{display:none;}

/* .b-bg .snb ul li a {color:#fff;} */

#contentArea {width:100%; margin:0 auto;}
.real-cont {min-height:350px; _height:350px; padding-bottom:150px;}

/* footer */
#footer {height:180px; clear:both; background:#181818;}
#footer .contain {position:relative; height:180px;}
.foot-info .foot-logo {position:absolute; top:39px; left:50%; margin-left:-32px;}
.foot-info {padding:80px 0 0 0; font-size:12px; line-height:22px; color:#848484; text-align:center;}
.foot-info span {color:#555;}
.foot-info address {font-style:normal;}
.foot-link a {text-decoration:none; color:#848484;}
.foot-link span.bar {margin:0 4px; color:#848484;}