@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: 400;
	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: 500;
	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: 700;
	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');
}

/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select img{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:400; font-size:100%;}
body, input, textarea, select, button, table{font-family:'NotoSans', sans-serif, Helvetica; font-size:15px; color:#5a5a5a; font-weight:400;}
table{border-collapse:collapse;}
img, fieldset{border:0; vertical-align:top;}
ul, ol{list-style:none}
a{text-decoration:none; color:#5a5a5a;}
legend,caption{display:none;}
iframe{width: 0; height: 0; font-size: 0; position: absolute; left: 0; top: 0; text-indent: -9999px;}
.blind{display:block;position:absolute;left:0;top:0;overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999px;}
.btnCommon{display:inline-block;padding:13px 47px; background-color:#333132;color:#fff; font-size:16px;}

/* header */
#w_header{width:100%; height:300px; font-size:18px; background:url(../images/bg_sub_top.jpg) center 0 no-repeat;}
#w_header .header_inner{position:relative; width:1200px; padding-top:40px; margin:0 auto;}
#w_header .header_inner:after{display:block; clear:both; content:"";}
#w_header h1{float:left;}
#w_header:after{content:""; display:block; clear:both}
#w_header .gnb{position:relative; z-index:2; float:left; padding:0 0 0 145px; line-height:100%;}
#w_header .gnb li{float:left; margin-left:55px; letter-spacing:-0.6px;}
#w_header .gnb li:first-child{margin-left:0;}
#w_header .gnb li a{display:block; color:#fff;}
#w_header .tel{position:absolute; right:69px; top:35px; padding-left:30px; font-size:20px; font-weight:500; color:#fff; background:url(../images/ico_tel.png) left 3px no-repeat; line-height:25px;}
#w_header .pnote{position:absolute; top:32px; right:0px;}
#w_header .notification{position:absolute; right:-12px; top:-7px; display:block; width:56px; height:56px; background:url(../images/notification_img.png) 0 0 no-repeat;}
#w_header .notification .new{position:absolute; top:3px; right:5px; width:20px;}
#w_header .pnote_view{display:none; position:relative; margin-top:45px; z-index:1; border-radius:25px; -webkit-box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3); -moz-box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3); box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3);}
#w_header .pnote_view li{display:block; width:300px; padding:0 40px; background:#ece8e6; box-sizing:border-box; border-bottom:1px solid #e2e0de;}
#w_header .pnote_view.active li{display:block;}
#w_header .pnote_view li a.link{display:block; line-height:50px; background:url(../images/bg_pnote_list_on.jpg) 436px center no-repeat; font-size:15px; color:#555555; font-weight:500; letter-spacing:-0.3px;}
#w_header .pnote_view li .more{display:block; text-align:center; font-family:'Gill Sans MT'; color:#000; line-height:45px;}
#w_header .pnote_view li:first-child{border-radius:25px 25px 0 0;}
#w_header .pnote_view li:last-child{border-radius:0 0 25px 25px;}
#w_header .pnote_view.one li{border-radius:25px;}

#m_header, .m_gnb,.m_address, .footer_m{display:none;}

/* footer */
#footer{position:relative; background:#f4f4f4;}
#footer_cont{position:relative; width:1200px; padding-top:30px; margin:0 auto;}
#footer_cont .logo {position: absolute; right:0; top:30px;}
#footer_cont .logo .footer_logo{display:block; width:96px; height:20px; background:url(../images/right_footer_logo.png) no-repeat; background-position:-100px 0; text-indent:-9999px;}
#footer_cont .right{overflow:hidden; }
#footer_cont p.danji{float:left; margin-right:300px; color:#909090; font-size:20px; line-height:25px;}
#footer_cont .address{float:left;}
#footer_cont .address p{font-size:12px; color:#909090; font-weight:400; line-height:16px;}
#footer_cont .address p.copy{line-height:22px;}

@media (max-width:1024px){
#w_header{background-size:cover;}
}

@media (max-width:700px){
img{width:100%;}
#w_header{display:none;}
#m_header{position:relative; display:block; background-color:#e7e7e7;}
#m_header{position:relative;text-align:center; z-index:49;}
#m_header a{display:inline-block;}
#m_header a#menu_toggle{position:absolute; top:16px; left:5%; width:19px; height:17px; background:url(../images/icon_menu.png) 0 0 no-repeat; background-size:100% auto;}
#m_header a#menu_toggle.close{width:18px; background:url(../images/icon_menu_close_m.png) 0 0 no-repeat; background-size:100% auto;}
#m_header a.title{display:inline-block; padding:15px 0 15px; font-size:20px; font-weight:700; color:#333; letter-spacing:-1px; line-height:100%;}
#m_header a.tel{position:absolute; top:16px; right:5%;  width:18px; height:18px; background:url(../images/icon_tel.png) 0 0 no-repeat; background-size:100% auto;}

#container{position:relative;}
.m_gnb{display:block; position:absolute;top:0;left:-50%;z-index:1000;width:50%;height:100%;background-color:#fff;}
.m_gnb li:first-child{border-top:1px solid #d7d7d7;}
.m_gnb li a{display:block;padding:20px 25px;font-size:18px; border-bottom:1px solid #d7d7d7;color:#333232;}
.m_gnb li a:hover, .m_gnb li a:focus{color:#fff; background-color:#005151;}
.layer{display:none; position:absolute; top:0; left:0; z-index:50; width:100%; height:100%; background-color:#000; opacity:0.6;}
#footer{background:#e7e7e7;}
#footer_cont{display:none;}
#footer .footer_m{display:block; position:relative; padding:20px 5%;}
#footer .address_m p{color:#aaa; font-size:10px; letter-spacing:-0.6px;}
#footer .footer_m span{position:absolute; top:15px; right:5%; font-weight:500; color:#aaa; font-size:13px;}
#footer .footer_m span:before{display:inline-block; content:""; width:10px; height:10px; margin-right:5px; background:url(../images/call_footer_m.png) 0 0 no-repeat; background-size:100% auto;}
#footer .prugio{display:block; width:74px; height:12px; margin-bottom:12px; background:url(../images/logo_sub_m.png) 0 0 no-repeat; background-size:100% auto;}
#footer_cont .address, #footer_cont p.danji{display:none;}
.m_address{display:block;}
}