@charset "euc-kr";

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

/* 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:normal;font-size:100%;}
body, input, textarea, select, button, table {font-family:'Noto Sans KR', sans-serif, Helvetica; font-size:15px; color:#5a5a5a;}
table {border-collapse:collapse;}
img, fieldset {border:0; vertical-align:top;}
ul, ol{list-style:none}
a {text-decoration:none; color:#333;}
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{width:1240px; padding-top:50px; 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 {float:left; padding:2px 0 0px 190px;}
#w_header .gnb li {float:left; margin-left:80px;}
#w_header .gnb li:first-child {margin-left:0;}
#w_header .gnb li a {display:block; color:#fff;}
#w_header .tel {float:right; margin-top:1px; padding-left:23px; font-size:20px; color:#fff; background:url(../images/ico_tel.png) left 8px no-repeat;}

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


/* footer */
#footer {position:relative; background:#f4f4f4; z-index:1001;}
#footer_cont {position:relative;width:1240px;height:165px;margin:0 auto;}
#footer_cont .address{padding-top:70px;}
#footer_cont .address p{font-size:11px; color:#909090; font-weight:300; line-height:15px;}
#footer_cont p.danji {position:absolute; top:70px; right:0; color:#909090; font-size:20px; line-height:25px; text-align:right;}
.prugio {position:absolute;top:20px;left:0px;width:95px;height:32px;}

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



@media (max-width:700px) {
img{width:100%;}
#w_header{display:none;}
#m_header{display:block;}
#m_header {position:relative;text-align:center; box-shadow:0px 0px 10px 0px #1e1e1e; z-index:49;}
#m_header a {display:inline-block;}
#m_header a#menu_toggle {position:absolute;top:0;left:0;width:13.8%;}
#m_header a#menu_toggle img {min-height:37px}
#m_header a.title {width:73%;margin:0 auto;}
#m_header a.tel {position:absolute;top:0;right:0;width:13.5%;}

#container {position:relative;}
.m_gnb{display:block; position:absolute;top:0;left:-50%;z-index:100;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:#449364;}
.layer {display:none; position:absolute; top:0; left:0; z-index:50; width:100%; height:100%; background-color:#000; opacity:0.6;}
#footer_cont{position:initial; width:100%; height:auto;}
#footer .prugio{display:block; position:absolute; top:25%; left:3%; width:25%; height:50%; text-indent:-9999px;overflow:hidden;}
#footer_cont .address, #footer_cont p.danji {display:none;}
.m_address{display:block;}
}