@charset "euc-kr";
/* CSS Document */

#wrapper {position:relative;}

/* ------------------------------------------------------------------------ */
/* »ó´Ü
/* ------------------------------------------------------------------------ */
/* ¹Ù·Î°¡±â */
#direct {margin-bottom:100px; border-bottom:1px solid #666; height:29px; background:#46484a; z-index:100;}
#direct:after {clear:both; content:""; display:block; visibility:hidden; height:0;}

#direct .bookmark {}
#direct .bookmark a {display:block; padding:5px 12px 9px 12px; width:110px; color:#fff; font-size:12px;}
#direct .bookmark a:hover {color:#ea0e42;}

#direct .family {position:absolute; top:0px; right:0px;}
#direct .family ul li {float:left;}
#direct .family ul li a {display:block; padding:5px 20px 5px 20px; border-left:1px solid #666; text-align:center; color:#fff; font-size:12px;}
#direct .family ul li a:hover {color:#fff; background:#000;}

#direct h1 {position:absolute; top:70px; left:50%; margin-left:-500px; z-index:30; }
#direct h1 a {display:inline-block;}

#direct .menuToggle {display:none;margin:0;padding:0;}

/* Çì´õ */
#header {overflow:hidden; position:absolute; top:30px; border-bottom:1px solid #d7d7d7; width:100%; height:100px; background:#fff; z-index:20; transition:.5s ease;}
#header.hover {height:300px;}
#header.on {border-bottom:1px solid #d7d7d7; height:580px; background:#fff;}
#header:before {content:""; position:absolute; top:100px; left:0; width:100%; height:1px;}
#header:after {clear:both; content:""; display:block; visibility:hidden; height:0;}
#header .inner {margin:0 auto; width:1000px; background:#fff;}
#header .inner a {color:#383a3e; font-size:14px;}
#header .inner a:hover {text-decoration:underline;}
#header .inner .dep1 {padding-top:30px; padding-left:290px;}
#header .inner .dep1>li {float:left; margin:0% 3.4%; /*width:100px;*/}
#header .inner .dep1>li>a {display:inline-block; margin:25px 0px; font-size:17px; font-weight:600;}
#header .inner .dep1>li:hover>a {color:#ea0e42; text-decoration:underline;}
#header .inner .dep1>li.last {margin-right:0;}
#header .inner .dep2 {margin-top:6px;}
#header .inner .dep2 li {margin-bottom:12px;}
#header .inner {position:relative; height:100%;}
#header .openGnb {display:none;margin:0;padding:0;}

@media screen and (max-width: 1280px) {
#header .openGnb.on {overflow:hidden; position:absolute; top:300px; right:20px; width:18px; height:18px;}
#header .openGnb img {width:100%;}
#header .openGnb.on img {margin-top:-18px;}
}

@media screen and (max-width: 1200px) {
#direct .inner {margin:0 auto; width:840px; text-align:right;}
}

@media screen and (min-width: 1025px) {
#logo_sm {display:none;}
.dropdown-menu .dropdown {display:none;}

}

@media screen and (max-width: 1024px) {
/* ¹Ù·Î°¡±â*/
#direct {margin-bottom:70px; height:66px;background:#fff;}
#direct .sk {top:20px;}
#direct .inner {display:none;}
#direct h1 {position:absolute; top:20px; left:50%; margin-left:-80px;}

#logo_lg {display:none;}

/* Çì´õ */
.openGnb,.menuOpen {margin:0;padding:0; -webkit-text-size-adjust:none;}
.openGnb,.menuOpen {cursor:pointer; outline:none; overflow:visible; margin:0; border:none; background:transparent;}
.openGnb span,button img ,.menuOpen span,button img {position:relative;}
.openGnb::-moz-focus-inner,.menuOpen::-moz-focus-inner {padding:0; border:0;}

#header {position:absolute; top:67px; height:70px;}
#header .inner {padding:0 1%; width:98%;}
#header .inner .dep1 {padding-top:0px; padding-left:0px;}
#header .inner .dep1>li {margin:0% 2.8%;}
#header .openGnb {display:none;}
#contents .inner {width:96%;}

#direct .bookmark {display:none;}

#direct .dropdown {position:absolute; top:10px; right:10px; display:'block';}
#direct .dropdown .dropdown-menu {float:right;right:10px; display:'block';} 
#direct .dropdown .dropdown-menu li {border:0;width:100%;text-align:left;} 
#direct .dropdown .dropdown-menu li:hover {border:0;background:#ddd;} 
#direct .dropdown .dropdown-menu li a{border:0;color:#555;} 
#direct .dropdown .dropdown-menu li a:hover{background:none;color:#555} 
#direct ul.dropdown-menu{
    left:auto;
    right:0;
    margin-right:-10px;
}
}

@media screen and (max-width: 768px) {
#header .openGnb.on {overflow:hidden; position:absolute; top:300px; right:20px; width:18px; height:18px;}
#header .openGnb img {width:100%;}
#header .openGnb.on img {margin-top:-20px;}
}

@media screen and (max-width: 700px) {
/* ¹Ù·Î°¡±â*/
#direct {margin-bottom:0; height:42px;}
#direct h1 {position:absolute; top:10px; left:50%; margin-left:-56px; z-index:100;}
#direct h1 a {width:112px;}
#direct .sk {display:none;}
#direct .menuToggle {display:block; overflow:hidden; position:absolute; top:13px; left:10px; width:186px; height:19px; z-index:100;}
#direct .menuToggle button {width:18px; height:18px;padding:0;}
#direct .menuToggle img {width:18px;}
#direct .menuToggle .menuOpen.on img {margin-top:-20px;}

/* Çì´õ */
#header {top:42px; border:none; border-top:1px solid #000; height:0; z-index:100;}
#header:before {content:""; position:absolute; top:70px; left:0; width:100%; height:0px; background:#d7d7d7;}
#header .inner {padding:0; width:100%;}
#header .inner * {box-sizing:border-box;}
#header .inner a.tls {letter-spacing:-1.5px;}
#header .inner .dep1>li {clear:both; float:none; overflow:hidden; padding:15px 0; border-top:1px solid #e3e3e3;}
#header .inner .dep1>li:first-child {border-top:none;}
#header .inner .dep1>li:nth-child(1) {margin-right:0%; width:100%;}
#header .inner .dep1>li:nth-child(2) {margin-right:0%; width:100%;}
#header .inner .dep1>li:nth-child(3) {margin-right:0%; width:100%;}
#header .inner .dep1>li:nth-child(4) {margin-right:0%; width:100%;}
#header .inner .dep1>li:nth-child(5) {margin-right:0%; width:100%;}
#header .inner .dep1>li>a {display:inline-block; margin:0 0 10px 10px; height:15px;}
#header .inner .dep1>li>a>img {height:100%;}
#header .inner .dep2 li {float:left; margin-bottom:0px; padding:5px 0 5px 10px; width:50%; text-align:left;}
#header .inner .dep1>li.first {width:100%;}
#header .inner .dep2 .st114 {border-top:none; border-bottom:none;}
#header .inner .first>a {left:0;}
#header .inner .first .dep2 li {margin:0; padding:0 10px;}
#header .inner dl dt {margin-bottom:3px; font-weight:normal; font-size:14px;}
#header .inner dl dd {display:none;}
#header .openGnb {display:none;}

#contents .inner {margin:10px 3% -20px; width:94%;}
#contents .inner>h2 {display:none;}	
#contents .local {padding-left:3%;}
#contents .local em {font-weight:bold;}
}


/* ------------------------------------------------------------------------ */
/* ÇÏ´Ü
/* ------------------------------------------------------------------------ */
.cs {clear:both; padding:20px 0; width:100%; background:#46484a;}
.cs .area {margin:0 auto; color:#fff;}
.cs .area a:link, .cs .area a:visited {color:#fff;}
.cs .area a:hover {color:#ccc;}
.cs .area div {padding-bottom:20px;}
.cs .area div h3 {padding:20px 0; color:#fff; font-size:18px; font-weight:600;}
.cs .area .notice li, .cs .area .customer li {padding-left:10px; background:url(../images/main/list_bu.gif) 0 8px no-repeat;}
.cs:after {clear:both; content:"\0020"; display:block; visibility:hidden; height:0;}

@media all and (min-width: 1025px) {
.cs .area {padding:0; width:1000px;}
.cs .area div {float:left;}
.cs .area .contact {width:35%;}
.cs .area .notice {width:37%;}
.cs .area .customer {width:28%;}
}

@media all and (max-width: 1024px) {
.cs .area {padding:0 2%; width:100%;}
.cs .area div {float:none;}
.cs .area .contact {width:100%;}
.cs .area .notice {width:100%;}
.cs .area .customer {width:100%;}
}



#footer {clear:both; padding:8px 0; width:100%; color:#fff; background:#343638;}
#footer ul li {display:inline; padding:0 10px;}
#footer ul li a:link, #footer ul li a:visited {color:#fff;}
#footer ul li a:hover {color:#ccc;}
#footer p {padding:0 20px;}

@media all and (min-width: 981px) {
#footer {padding-bottom:24px; }
#footer ul {float:right; padding-right:10px;}
#footer p {float:left;}
}

@media all and (max-width: 980px) {
#footer ul {float:none; margin:0 auto; text-align:center;}
#footer p {clear:both; float:none; margin:0 auto; text-align:center;}
}

@media all and (max-width: 768px) {
#footer ul {display:none;}
}



/****************************** ±âŸ ******************************/
.clear {clear:both; float:none; overflow:hidden; display:none; margin:0 !important; padding:0 !important; width:100%; line-height:0 !important; font-size:0 !important;}

label {cursor:pointer;}

.w98{width:98%;}
.wauto{width:auto;}
.label {font-size:12px;font-weight:normal;}

ul.form-tel {
	margin:0;
	padding:0;		
	list-style:none;
}
ul.form-tel li {float:left; padding-right:5px;}
ul.form-tel li.txt {padding-top:5px;}