@charset "utf-8";

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

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");

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

blockquote, pre, abbr, address, 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:Noto Sans KR, Arial,Trebuchet MS, Nanum Myeongjo,Helvetica, sans-serif; font-weight:normal; color:#666;}

body{height:100%; background:#fff; overflow-x: hidden}
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;}
.alignC{text-align:center}
.White{color:#fff! important; font-size:17px !important;}

.paB50{padding-bottom:50px}

/*default setting end */


#wrap{position:relative; top:0; margin:0 auto; width:100%; min-width:1260px;}

/*header*/
#header {position:absolute; left:0; top:0px; width:100%; height:86px; z-index:10; background: #d2a578}
#header .member_btn {position: absolute; border: 1px solid #fff; padding: 2px 10px; top: 30px; right: 0; }
#header .member_btn li {float: left;}
#header .member_btn li a {color: #fff}

#header #header_top {position:relative; margin:auto; width:1630px; height:86px;}
#header #header_top div {font-size:0; line-height:0;}
#right_top{position:relative; float:right; margin-top: 20px;}
#right_top .region_num, .custom_num{display:inline-block; font-size:25px; color:#ee6e9f; font-weight:700; }
#right_top .region_num{font-weight:300;}
#right_top .custom{margin-bottom:-5px;}

#header_top #left_top {float:left; margin-top:25px; width:250px;} 
#left_top li {float:left;}

/*logo*/
#header_top #logo {position:absolute; left:0; top:10px; width:183px; height:58px; }
#logo h1 a {display:block; width:100%; height:58px; background:url(../images/logo.gif) no-repeat left center;}

/*member btns*/
#right_top #member {float:right; margin-bottom:14px; }

#tel {width:185px; height:60px; background:url(../images/tel.gif) no-repeat; float:right; margin-top: 25px;}

#header #gnb {width:1200px; background:#d2a578; position:relative;height:86px; margin: 0 auto}
#gnb #top_link li.sub_top a{color:#fff;}
#gnb #top_link li.sub_top {float:left; width:11.3%;text-align:center; height:86px; }

#gnb #top_link > .sub_top a:hover {color:rgba(255, 255, 255, 0.7);}
#gnb #top_link li a {display:block;font-size:18px; line-height:86px; letter-spacing:-1px;}
#gnb #top_link > .sub_top > .sub_menu {position:relative;width:100%;top:0;left:0; overflow:hidden; text-indent:7px;}
#gnb #top_link > .sub_top > .sub_menu > li {width:100%; height:35px; border:none; clear:both; background:#fff; text-align:left; padding-left:4px;}
#gnb #top_link > .sub_top > .sub_menu > li > a {width:100%; line-height:38px; font-size:15px; color:#666; padding-left:0px;}
#gnb #top_link > .sub_top > .sub_menu > li > a:hover {text-decoration:underline;}
#gnb #top_link > li > .tran_box1{position:relative; left:0px; top:0px; display:none;}


/*==========1600ÀÌÇÏ=========*/

@media all and (max-width:1600px){
#header #header_top {width:1450px;}
#header #gnb {width:1100px; float:left; left:200px;}
}




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


/*footer*/
#footer_wrap {clear:both; width:100%; background:#f8f8f8; padding:75px 0; overflow: hidden}
#footer_wrap #footer {margin:auto; width:1630px;text-align:left;}
#footer #left_foot {width: 550px; float: left}
#footer #left_foot address {font-weight:normal; font-style:normal; color:#ababab; font-size:16px; margin: 35px 0 20px 0}
#footer #left_foot .copyright {color:#666;/* text-transform:uppercase;*/ font-size:16px;}
#footer #left_foot ul li {float: left; font-size: 16px; margin-top: 38px}
#footer #right_foot {float: right; width: 1080px}
#footer #right_foot li {float:left; height:300px; border-left:solid 1px #e5e5e5; padding-left:15px;}
#footer #right_foot li:first-child {border-left:none; padding-left:2px;}
#footer #right_foot li h3 {font-size:14px; color:#000; margin-bottom:5px;}
#footer #right_foot dl { margin-right:25px; } /*ori width:136px;*/
#footer #right_foot dl.first {margin-right:20px;}
#footer #right_foot dl.last {margin-right:0;}
#footer #right_foot dd {height:25px; line-height:26px; }
#footer #right_foot dd a {color:#666; font-size:13px;}
#footer #right_foot dd a:hover {color:#333;}