@charset "utf-8";

/*default setting*/
* { margin:0; padding:0;}



html{line-height:0; height:100%;} /* opera 10 */
html:first-child select{padding-right:6px; height:30px;} /* Opera 9 & Below Fix */

blockquote, pre, abbr, big, cite, code, del, dfn, em, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
body, div, span, h1, h2, h3, h4, h5, h6, p, dt, dd, li, table, caption, tr, th, td, a, input, select, textarea {
font-family:"Pretendard Variable", Pretendard, 나눔명조,nanumnyeongjo, Arial,Trebuchet MS, Helvetica, sans-serif; font-weight:normal; color:#666; }

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");



body{height:100%; background:#fff;}
th, td, span, div, p, textarea, input, select {font-size:15px; line-height:160%;}
textarea{border:1px solid #ddd; padding:5px;}

table{border-collapse:collapse; border-spacing:0;}
table caption{width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}


img, fieldset, button{border:none;}
span, input {vertical-align:middle;}
select {border:solid 1px #ccc;}

ol, ul, li{list-style:none;}

a {text-decoration:none; }
a:link {color:#666;}
a:visited{color:#999;}
a:hover, a:active {color:#333;}


option{padding-right:6px;} /* Firefox Fix */
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

.clear {*zoom:1;}
.clear:after {clear:both; display:block; content:"";}
.fl_left {float:left;}
.fl_right {float:right;}
.none {display:none;}

.paB50{padding-bottom:50px}

/*default setting end */


#wrap{position:relative; margin:0 auto; width:100%; min-width:1300px;  overflow:hidden;}

/*header*/
#header {position:absolute; left:0; top:0; width:100%; height:176px; z-index:10;}
#header.fixed_top #header_wrap {position:fixed; top:0; left:0; right:0; z-index:1000;background:#222;}

#header #header_top {position:relative; margin:0 auto; width:1400px; height:105px;}
#header #header_top div {font-size:0; line-height:0;}

#header_top #left_top {float:left; margin-top:27px; width:230px;}
#left_top li {float:left; height:38px;}
#left_top #kakao {width:113px; border-right:solid 1px #d9d9d9; background:url(../images/yellow.gif) no-repeat;}
#left_top #fb {width:116px; background:url(../images/facebook.gif) no-repeat right top;}
#left_top #fb a {display:block; width:100%; height:100%;}

/*logo*/
#header_top #logo {position:absolute; left:50%; top:27px; width:262px; height:38px; margin-left:-131px;}
#logo h1 a {display:block; width:100%; height:51px; background:url(../images/logo.png) no-repeat left center;}

#header_top #right_top {float:right; margin-top:19px; width:325px; text-align:right;}

/*line*/
#header_top #line h1 a {float:left;  width:230px; height:45px; background:url(../images/line.gif) no-repeat;}

/*member btns*/
#right_top #member {float:right; margin-bottom:14px; }
#member ul {margin-bottom:14px;}
#member ul li {float:left; height:11px; border-left:solid 1px #d9d9d9;}
#member ul li:first-child {border-left:none;}
#member ul li a {display:block; padding:0 7px; height:100%; line-height:11px; font-size:12px; color:#999;}
#member #tel {width:160px; height:45px; background:url(../images/tel.gif) no-repeat;float:right;}
/*
#member #khu {width:126px; height:31px; background:url(../images/khu.gif) no-repeat;float:right;}*/

/*menu*/
#header #gnb {width:100%; background:#fff; position:relative;height:89px;border-bottom:1px solid #ccc; border-top:1px solid #d9d9d9}
#gnb #top_link {width:1400px; height:89px;margin:0 auto ;position:relative; top:0; left:0; z-index:10000;}
#gnb #top_link li.sub_top {position:relative;float:left; width:280px;text-align:center; background:#fff;height:89px;}
#gnb #top_link li .sub_ti {width:150.5px;position:absolute;left:50%;margin-left:-75.25px;text-align:center; top:20px; font-size:14px;}
#gnb #top_link > .sub_top a:hover {color:#e75f99;}
#gnb #top_link li a {display:block;color:#484848;font-size:20px;font-weight:500;line-height:90px; letter-spacing:0.1px;}
#gnb #top_link > .sub_top > .sub_menu {position:relative;width:170px;top:-30px;left:0;border:1px solid #cccccc;overflow:hidden;border-top:3px solid #555454;}
#gnb #top_link > .sub_top > .sub_menu > li {width:170px; height:35px; border:none; display:black; clear:both; background:#fff; text-align:left; padding-left:15px;}
#gnb #top_link > .sub_top > .sub_menu > li > a {line-height:38px; font-size:15px; color:#333; padding-left:0px; color:#666;}
#gnb #top_link > .sub_top > .sub_menu > li > a:hover {text-decoration:underline;}



#gnb #top_link > li > ul > li:hover {height:42px;background-color:#3b3838; color:#fff;}
#gnb #top_link > li > .tran_box1{position:relative; left:0px; top:0px; display:none;}


/*contents*/
#content_wrap {position:relative; width:100%; padding-top:195px;}


/*footer*/
#footer_wrap {clear:both; width:100%; height: 310px; background:#404040;}
#footer_wrap #footer {width:1400px; margin:0 auto; overflow:hidden;}
#footer_wrap #footer > div {text-align:center; padding-top: 60px; padding-bottom: 40px;}
#footer address { width:100%;  text-align:center; font-weight:300; font-style:normal; color:#8e8e8e; font-size: 18px;}
#footer address a:link {color:#8e8e8e; font-weight: 300; font-size: 18px; }
#footer address a:visited {color: #8e8e8e;}
#footer address .line {padding:2px 7px; color:#8e8e8e;}
#footer .copyright {padding-top: 10px; padding-bottom:10px; display:block; color:#888; font-weight: 300; font-size: 18px; text-align:center; text-transform:uppercase; color:#8e8e8e;	}

/*quick*/
#quick {position:fixed; right:3px; top:45%; z-index:10; margin-top:-240px; width: 94px;z-index:1111111}
#quick ul li {height: 79px;}
#quick ul li.quick_top {height: 38px;}