@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, 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:215px; z-index:10;}

#header #member{position: relative; background: #e9eaec; width: 100%; height: 25px;}

#header #member ul {margin-bottom:14px; position: absolute;height: 25px; color: #fff;  margin-top: 7px; left:50%; margin-left:70px;}
#header #member ul li {float:left; height:11px; border-left:solid 1px #d9d9d9; color: #fff; }
#header #member ul li:first-child {border-left:none; margin-left:360px;}
#header #member ul li a {display:block; padding:0 7px; height:100%; line-height:11px; font-size:12px; color:#706f70;}


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


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


/*logo*/
#header_top #logo {position:absolute; left:50%; top:20px; width:238px; height:65px; margin-left:-140px;}
#logo h1 a {display:block; width:100%; height:65px; background:url(../images/logo.png) no-repeat left center;}

#header_top #right_top {float:right; margin-top:19px; width:325px; text-align:right;}
#header_top #right_top #kakao {width:325px; background:url(../images/kakao.gif) no-repeat; height:39px; margin: 35px 0 0 45px;}

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

#tel {/*width:250px;*/ height:45px; background:url(../images/tel.gif) no-repeat;float:right;}



#header #gnb {width:100%; background:#387cc2; position:relative;height:55px;border-bottom:1px solid #ccc; border-top:1px solid #d9d9d9}
#gnb #top_link {width:1204px; height:55px;margin:0 auto ;position:relative; top:0; left:0; z-index:10000;}
#gnb #top_link li.sub_top span{color:#fff; font-size:16px; display: inline-block; margin-bottom: -3px; margin-top: 3px;}
#gnb #top_link li.sub_top a{color:#fff;}
#gnb #top_link li.sub_top {position:relative;float:left; width:119px;text-align:center; background:#387cc2; height:50px; padding-top:5px; border-left: 1px solid rgba(211,211,211,.5);}
#gnb #top_link li.sub_top:nth-child(1) {border-left: 0;}
#gnb #top_link li .sub_ti {width:150.5px;position:absolute;left:50%;margin-left:-75.25px;text-align:center; top:20px; font-size:15px;}
#gnb #top_link > .sub_top a:hover {color:#f4d424;}
#gnb #top_link li a {display:block;color:#484848;font-size:18px; line-height:45px; letter-spacing:-1px;}
#gnb #top_link > .sub_top > .sub_menu {position:relative;width:119px;top:3px;left:-1;border:1px solid #cccccc;overflow:hidden;border-top:3px solid #555454;}
#gnb #top_link > .sub_top > .sub_menu > li {width:105px; 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;}
#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:187px;}


/*footer*/
#footer_wrap {clear:both; width:100%; height:98px; background:#494a4d;}
#footer_wrap #footer {margin:auto; width:1200px; height:58px; padding-top:32px; text-align:center;}
#footer address {font-weight:normal; font-style:normal; color:#ccc; font-size:13px;}
#footer .copyright {color:#999; text-transform:uppercase; font-size:12px;}

/*quick*/
#quick {position:fixed; right:0; top:50%; z-index:10; margin-top:-77px; width:130px; height:204px; background:#fff;}
#quick dt {height:60px; line-height:60px; color:#fff; text-align:center; font-size:20px; font-weight:bold; background:#b0946e;}
#quick dd {height:47px; border:solid 1px #d9d9d9; border-top:none;}
#quick dd a {display:block; color:#666; line-height:47px; text-align:center; font-size:16px; }