@charset "euc-kr";


/* font */
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 300;
	src: url(/house/common/resources/font/notokr-light.eot);
	src: url(/house/common/resources/font/notokr-light.eot?#iefix) format('embedded-opentype'),
	url(/house/common/resources/font/notokr-light.woff) format('woff'),
	url(/house/common/resources/font/notokr-light.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 500;
	src: url(/resources/font/notokr-regular.eot);
	src: url(/resources/font/notokr-regular.eot?#iefix) format('embedded-opentype'),
	url(/house/common/resources/font/notokr-regular.woff) format('woff'),
	url(/house/common/resources/font/notokr-regular.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 700;
	src: url(/house/common/resources/font/notokr-medium.eot);
	src: url(/house/common/resources/font/notokr-medium.eot?#iefix) format('embedded-opentype'),
	url(/house/common/resources/font/notokr-medium.woff) format('woff'),
	url(/house/common/resources/font/notokr-medium.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 900;
	src: url(/house/common/resources/font/notokr-bold.eot);
	src: url(/house/common/resources/font/notokr-bold.eot?#iefix) format('embedded-opentype'),
	url(/house/common/resources/font/notokr-bold.woff) format('woff'),
	url(/house/common/resources/font/notokr-bold.ttf) format('truetype');
}

@font-face {
	font-family: 'CenturyGothic';
	font-style: normal;
	font-weight: normal;
	src: url(/house/common/resources/font/CenturyGothic.eot);
	src: url(/house/common/resources/font/CenturyGothic.eot?#iefix) format('embedded-opentype'),
	url(/house/common/resources/font/CenturyGothic.woff) format('woff'),
	url(/house/common/resources/font/CenturyGothic.ttf) format('truetype');
}

/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, thead, tbody, th, td, form, fieldset, legend, input, textarea, button, select {padding:0;margin:0;}
body {font-family:'NotoSans', sans-serif, Helvetica;font-size:16px;color:#333232; letter-spacing:-0.4px; font-weight:500; width:100%; position:static; height:auto;}
body.menuOn { position:fixed; height:100%; }
h1, h2, h3, h4, h5, h6 {font-family:'NotoSans', sans-serif, Helvetica;font-size:100%;color:#333;}
fieldset, img, button {border:0;}
img, input, button {vertical-align:top;}
table {border-collapse:collapse;}
address, em {font-style:normal;}
ol, ul {list-style:none;}
hr {display:none;}
a {text-decoration:none;color:#5a5a5a;}
a:hover, a:focus {text-decoration:none;}
legend {position:absolute;left:-9999px;top:0;}
caption {overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button {background:none;cursor:pointer;}
button::-moz-focus-inner {padding:0;border:0;}
sup {font-size:14px;}
legend, caption {display:block;overflow:hidden;position:absolute;left:0;top:-1000em;}
iframe{width:0; height:0; font-size:0; position:absolute; left:0; top:0; text-indent:-9999px;}
.blind {display:block;overflow:hidden;position:absolute;left:0;top:0;width:1;height:1;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999px;}
.cast .hidden {display:none;}

/* layout */
#wrap {position:relative; width:100%;}
#header {position:absolute; top:30px; width:100%;}
#header .inner {position:relative;z-index:100;width:1400px;margin:0 auto;}
#container {width:100%;}
#contents {width:1100px;margin:0 auto;padding:80px 0 110px;}
#footer {width:100%;}
#footer .inner {width:1100px;margin:0 auto;padding:40px 0 40px;}

#header_m, #menu, #footer_m{display:none;}

#header.mainChg .member {display:none;}
#header .member {position:absolute;top:27px;right:100px; padding-left:0;}
#header .member li {float:left;height:12px;padding-left:7px;border-left:1px solid #969696;}
#header .member li:first-child {padding-right:7px;padding-left:0px;border: none;}
#header .member li a{margin:0;}
#header.add_login .member {display:block;}
#header.add_login #gnb li.cast_menu {display:none;}

#gnb{background:#fff;}
#gnb h1{position:absolute; top:-1px; left:20px; width:180px; height:94px; padding-top:86px; background:url(../images/common/header_title_box.jpg) 0 0 no-repeat; text-align:center;}
#gnb h1 a{display:inline-block;}
#gnb {overflow:hidden; border:1px solid #e7e7e7;}
#gnb ul{padding-left:280px;}
#gnb ul:after {display:block; clear:both; content:"";}
#gnb > ul > li {float:left;}
#gnb > ul > li > a {display:block; margin:23px 0px 23px 98px; color:#000; letter-spacing:-0.4px; font-weight:500;}
#gnb > ul > li:first-child a{margin-left:0;}

.gnb_depth2{}
.gnb_depth2 .depth2{position:absolute;}
.gnb_depth2 .menu1{left:280px;}
.gnb_depth2 .menu2{left:435px;}
.gnb_depth2 .menu3{left:591px;}
.gnb_depth2 .menu4{left:748px;}
.gnb_depth2 .menu5{left:903px;}
.gnb_depth2 .depth2 {overflow:hidden;height:0;padding-left:0;}
.gnb_depth2 .depth2 > li {margin-bottom:11px;font-size:15px;}
.gnb_depth2 .depth2 > li a{color:#333232;}
.gnb_depth2 .depth2 > li:first-child {padding-top:18px;}
.gnb_depth2 .depth2 li ul {}
.gnb_depth2 .menu5.depth2 {width:120px;}
.gnb_depth2 .menu5.depth2 .depth3 {overflow:hidden;}
.gnb_depth2 .menu5.depth2 .depth3 > a {float:left;}
.gnb_depth2 .menu5.depth2 .depth3 ul {float:right;}
.gnb_depth2 .menu5.depth2 .depth3 li {margin-bottom:7px;}
.depth2_bg{background:#fff; height:0;}

#gnb .menu{position:absolute; top:0; right:0; display:block; width:70px; height:70px; background:url(../images/common/menu.jpg) 0 0 no-repeat;}
#gnb .menu.close{background:url(../images/common/menu_close.jpg) 0 0 no-repeat;}
#gnb .tel{position:absolute; right:235px; top:22px; padding-left:18px; font-size:18px; color:#000; font-weight:500; background:url(../images/common/call.png) 0 center no-repeat;}


/* footer */
#footer .logo {float:left;padding:5px 0 10px;}
#footer .tel_number {float:right;}
#footer .copyright {position:relative;clear:both;padding-top:20px;border-top:1px solid #c7c7c7;}
#footer .copyright .btn_top {position:absolute;top:0px;right:0;}

@media (max-width:700px) {
#wrap img {width:100%;vertical-align:middle;}
#header, #footer{display:none;}
#header_m{display:block; position:relative;z-index:10;text-align:center;background-color:#fff; border-bottom:1px solid #e1e1e1;}
#header_m .btn_menu{position:absolute;top:0;left:0;width:15%;}
#header_m .btn_menu img{min-height:37px}
#header_m h1{width:73%;margin:0 auto;}
#header_m .tel {position:absolute;top:0;right:0;width:15%;}
#menu {display:block; position:absolute;top:0;left:0;overflow:hidden;z-index:3005;width:100%;height:0;background:#fff;}
#menu .main_menu {position:relative;width:90%;margin:0 auto; padding:45px 0 0; box-sizing:border-box; height:100%; }
#menu .main_menu .menu_cont {overflow-y:auto; box-sizing:border-box; height:100%; padding-bottom:20px; }
#menu .main_menu .menu_cont h3 {padding-bottom:10px;font-size:16px;color:#333;}
#menu .main_menu .menu_cont > li {padding-bottom:20px;}
#menu .sub_menu:after {display:block;clear:both;content:"";}
#menu .sub_menu li {float:left;width:32%; height:36px; line-height:36px; text-align:center; border:1px solid #e7e7e7;}
#menu .sub_menu li a{display:block; font-size:14px; color:#333; background:#f7f7f7;}
#menu .sub_menu li.long_txt{width:64.3%;}
#menu .sub_menu li.br_none {border-right:none;}
#menu .sub_menu li.bt_none {border-top:none;}
#menu .sub_menu li.line2 a{padding-top:2px; font-size:12px; line-height:1.4em;}

#menu .member {position:absolute;top:25px;right:0;}
#menu .member li {float:left;padding-left:12px;border-left:1px solid #969696; font-weight:500; font-size:14px;}
#menu .member li:first-child {padding-right:12px;padding-left:0px;border: none;}
#menu .member li:first-child a {color:#165d4d;}
#menu .member li#logout {width:53%}
/* add login - hidden cast */
#menu.add_login .member {display:block;}
.add_login .menu_cont li.cast_menu {display:none;}

#menu .main_menu .menu_cont > li.cast_menu{display:none;}

/* footer */
#footer_m{display:block; position:relative; border-top:1px solid #e4e4e4;}
#footer_m a{display:block; position:absolute; text-indent:-9999px;}
#footer_m a.btn_tel{left:33.5%; top:20px; width:22%; padding-top:5%; }
#footer_m a.btn_prugio{left:5.75%; top:39.27%; width:20.83%; padding-top:5%;}
}