@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 {width:100%; height:152px; z-index:10;}

#header .top_container { width:100%; position:relative; background:#f7f3ef; }
#header .top_wrap { width:1300px; height:105px; margin:0 auto; position:relative; overflow:hidden; }
#header .top_wrap .banner { top:14px; left:70px; position:absolute; }
#header .top_wrap .logo { top:20px; left:50%; margin-left:-220px; position:absolute; cursor:pointer; }
#header .member_btn {border:1px solid #737373; padding:2px 10px;  top:32px; right:0; position:absolute;}
#header .member_btn li{float:left}
#header .member_btn li a{color:#737373}
#header .top_wrap .tel { top:11px; right:30px; position:absolute; }

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

#header #header_top {position:relative; margin:auto 0; width:100%; height:80px;}

#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:100%; background:#d2a578; position:relative;height:80px; margin: 0 auto}
#gnb #top_link {width: 100%; height: 80px; margin: 0 auto; text-align: center; position: relative; top: 0; left: 45px; z-index: 1000;}
#gnb #top_link li.sub_top a{color:#fff;}
#gnb #top_link li.sub_top {float:left; width:12%;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:80px; 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;}


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

/*quick*/
#quick {position:fixed; right:0; top:50%; z-index:10; margin-top:-240px; z-index:1111111}
#quick dl:first-child{/*border:1px solid #ddd;*/ /*padding:10px;*/ width:130px; border-bottom:0;}
#quick dd {height:auto; font-size:0; line-height:0; /*padding-bottom:10px*/ }


/*footer*/
#footer_wrap {clear:both; width:100%; height: 396px; background:#f3f3f3; overflow: hidden;}
#footer_wrap #footer {margin:auto; width: 2000px;text-align:left; overflow: hidden;  position: relative;margin-left: -1000px; left: 50%; }
#footer #left_foot {width: 560px; float: left; padding-top: 64px; padding-left: 349px;}
#footer #left_foot address {font-weight:normal; font-style:normal; color:#666; font-size:14px; margin: 35px 0 20px 0}
#footer #left_foot .copyright {color:#666;/* text-transform:uppercase;*/ font-size:14px;}
#footer #left_foot ul {border: 1px solid #bbb; width:150px; height: 35px; margin-top: 25px;}
#footer #left_foot ul li a{width:150px; height: 35px; color: #666; padding-top: 4px; text-align:center; display:block}
#footer #right_foot {float: right; width: 1000px}
#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;}