@import url("reset.css");
.inner_mb{width:90% !important; margin:0 auto;}

/* 팝업 스타일 Begin */
.layer_pop {max-width:650px; width:80%; position:absolute; background: #d4d4d4; top:3vh; left: 0; right: 0; margin: auto; z-index:9999; box-sizing: content-box; }
.layer_pop .top_bar { display: block; width: 100%; height: 70px; background-color: #c35f4f; }
.layer_pop .top_bar img { display: inline-block; position: absolute; top: 13px; left: 0; right: 0; margin: auto; width:130px; }
.popContents { width:100%; height:100%;     position: relative;}
.popContents a { display: block; position: absolute; margin: auto; text-indent: -9999px; background: rgba(0,0,0,0); }
.popContents img { width: 100%; }
.popBtns { width:100%; font-size:12px; padding-bottom: 30px; }
.popBtns input { vertical-align:top; margin-right:5px; height: auto; }
.popBtns span { display:block; position:absolute; }
.popBtns span.checkBox { padding: 9px; }
.popBtns span.closePop { padding:7px; right:10px; }
.layer_pop_container_bg { background: rgba(0,0,0,0.4); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 8888; }

.popSlider div{position:relative}

#layer_pop1 .popContents a{position:absolute; width: 100%; height:10%; bottom:2%;}
#layer_pop2 .popContents a{position:absolute; width: 100%; height:10%; bottom:37%;}
#layer_pop3 .popContents a{position:absolute; width: 100%; height:10%; bottom:2%;}

/*#layer_pop4 .vid {width: 100%;}
.video {width:100%; margin: 0 auto; position: relative; padding-bottom:56.25%; height: 0; line-height: 0; border:1px solid #000;
  box-sizing:border-box;
  -wbbkit-box-sizing:border-box;
}
.video iframe { position: absolute; top: 0; width: 100%; height: 100%; border:0}*/

/* 팝업 스타일 End */

.hide { display:none !important; }
.clear:after {content: ""; clear: both; display: table;}
#wrap{position:relative;  min-width:320px; max-width:730px; margin:0 auto; width:100%; text-align: left; overflow:hidden;}
/*.container { margin-top: -10px; }*/

header{position: relative; text-align: center; z-index: 99;}
header .top{position: relative; height: 70px; background: #fff; }
header .logo{margin: 0 auto; top:50%; position: relative; display:inline-block;}
header .logo img {max-width:100%; width:220px; transform:translateY(-50%)}

@media screen and (max-width: 420px) {
	header .logo img {width:180px;}
}
@media screen and (max-width: 375px) {
	header .logo img {width:165px;}
}


header .tel{position: absolute; right:5%; top: 23px; }
header .tel img{ height: 24px; }

header .quick {position:fixed; right:5%; bottom:5%;}
header .quick img {margin-top:10px; height:50px; }

header .menu_btn{position: absolute; left:5%; top:23px; }
header .menu_btn img{width:24px;}
header .menu_btn a{position: absolute; top:0; left:0;}
header .menu_btn a.close_btn{/*left:-60px; top:-2px;*/opacity: 0; z-index: -1}

.gnb{display:none; position:absolute; top: 70px; width:100%; background-color: #f0eee1; height:100%; z-index: 9999;}
.gnbBg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:88; }
.gnb>ul{padding:0; width:85%; margin: 0 auto; overflow: hidden; margin-top: 30px; }
.gnb>ul>li{ position: relative; width:100%; }
.gnb>ul>li>a{height:45px; line-height:45px; display:block; font-size:17px; color:#666; border-bottom: 1px solid #dfdfdf; text-align:center;}
.gnb>ul>li>a.on{color:#0c4538; font-weight:600; border-bottom:1px solid #0c4538;}
/*.gnb>ul>li:last-child>a{border-bottom: 1px solid #05203E;}*/
/*.gnb>ul>li>a#gnbon{ color: #fff; font-weight: 500; }*/
.gnb>ul>li>ul{ padding:0; background: #fff; }
.gnb>ul>li>ul>li>a{height:45px; line-height:45px; display:block; font-size:15px; color:#666;  text-align:center;}
.gnb>ul>li>ul>li#subon > a{color:red;}

.menu_title{position: relative; width: 76.5625%; max-width: 337px; margin: 5% auto 5% auto; text-align: center;}
.menu_title img {width: 100%;}

.gnb .quick {position: relative; width: 76.5625%; margin: 60px auto 0;}
.gnb .quick ul {position: absolute; right: 0; width: 50%;}
.gnb .quick li {float: left; width: 50%;}
.gnb .quick li a {display: block; text-indent: -9999px; background: rgba(0,0,0,0); padding-bottom: 50%;}
.gnb .quick img {width: 100%}


/*2블럭 이동 btn*/
.quick_btn a{padding:3px 0; width:100%; position:absolute; bottom:0; background:#7d7572; text-align:center; display:block; z-index:999;}
.quick_btn a img{display:inline-block;}

/******************************************************************

-------------------------------sub-------------------------------

*******************************************************************/
.container .main_inner{padding:95px 0;}

@media screen and (max-width: 480px) {
	.container .main_inner{padding:80px 0;}
}

@media screen and (max-width: 420px) {
	.container .main_inner{padding:60px 0;}
}

.mt80 {margin-top:80px;}

/* sub page location */
.sub_top {height:75px; position: relative; /*background-image: url(/mobile/images/sub/top.jpg); background-size: cover; background-position: center;*/ background: #413c3b; width: 100%; }
.sub_top .title { position: absolute; letter-spacing: -1.5px; font-size: 22px; color: #fff; text-align: center; width: 100%; line-height: 75px; font-weight: normal; }

/* /////////// 공통타이틀 ///////////*/
.titles{text-align:center; margin-bottom:50px;}
.titles > p{font-size:17px; color:#898989; font-weight:400; margin-bottom:10px; }
.titles h2{font-family: 'Nanum Myeongjo'; font-weight: 500; line-height:135%; letter-spacing:-2px; font-size:43px;color:#403e3d;}
.titles h2 span{color:#c86e5f; font-weight: 600;}
.titles > h3{font-size:15px; color:#3b3b3b; font-weight:400;}

@media screen and (max-width: 480px) {
	.titles{padding:0 10px;}
	.titles > p{font-size:15px;}
	.titles h2{font-size:calc(2vw + 25px);}
	.titles h3{line-height:20px;}
}
@media screen and (max-width: 395px) {
	.titles h2{font-size:calc(2vw + 21px);}
}



/********************************************************************
TAB & BUTTON
*********************************************************************/
/*tab content*/
.tab_content { width: 100%; margin: 0 auto;}
.tab_content ul.btns { position: relative; overflow: hidden; text-align: center; width: 90%; margin: 0 auto; margin-bottom: 8%; }
.tab_content ul.btns li { position: relative; text-align: center; cursor: pointer; padding: 0; float: left; height: 40px; display: table; padding-right: 1px;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
}


/*tab content(e)*/
/********************************************************************
TAB & BUTTON (e)
*********************************************************************/

/*버튼 공통*/
.link_btn_wrap { position: relative; /*width: 84.375%;*/width: 100%; margin: 0px auto; overflow: hidden; text-align: center; }
.link_btn_wrap > div { display: inline-block; width: 100%; }
.link_btn { position: relative; display: table; width: 100%; height: 40px; /* padding: 0 5px;*/ text-align: center;/* background: #000;*/ }
		.link_btn .btn_text { position: relative; width: 100%; display: table-cell; vertical-align: middle; font-size: 15px; font-weight: 100; color: #fff; z-index: 1; }
.link_btn_wrap.count2 > div { width: 48%; }
.link_btn_wrap > div:nth-child(2n+1) { float: left; }
.link_btn_wrap > div:nth-child(2n) { float: right; }

.tab_content .btn_container .btn_content{position:relative; }
.tab_content .btn_container .btn_content .link_btn_wrap2{position:absolute; padding-left:66%; top:14%;}
.tab_content .btn_container .btn_content .link_btn_wrap2 > div{width:180px;}
.tab_content .btn_container .btn_content .link_btn_wrap2 .link_btn{position: relative; display: table; width: 100%; height: 40px; text-align: center; background: #ddd; color:#000; font-weight:400; font-size:15px;}
.tab_content .btn_container .btn_content .link_btn_wrap2 .link_btn .btn_text { position: relative; width: 100%; display: table-cell; vertical-align: middle; font-size: 15px; font-weight: 300; z-index: 1; color: #000; }
.tab_content .btn_container .btn_content .link_btn_wrap2 .link_btn:hover .btn_text { font-weight: 300; color: #000; }


/*관심고객등록*/
input {
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
}
input[type='checkbox'] { -webkit-appearance: checkbox; }
input:checked[type='checkbox'] { background-color: #ccc; -webkit-appearance: checkbox; }
input[type='radio'] { -webkit-appearance: radio; }
input[type='button'] { -webkit-border-radius: 0; }

.inner.interest { margin-top: 13% !important; text-align: left; padding: 0 5%; }
.agree_btn .notice { position: relative !important; left: 0 !important; margin-top: 20px !important; }
.table2 th { text-align: center; }
.table2 td { padding-left: 7px !important; }
.table2 td .input_txt1 { width: auto !important; }
.table2 td .input_txt3 { width: 95% !important; }
span.block { display: inline-block; margin-right: 10px; }
.table2 td textarea { width: 95% !important; }

.table3 td textarea { position: relative !important; left: auto !important; height: 70px !important; }

.interest_btn a{background:#000 !important; margin:0 auto; width:92%; height:40px; line-height:40px; text-align:center; font-size:12px; font-weight:500; display:block; color:#fff;}


/*popBtns*/
@media screen and (max-width:580px){
   .tab_content .btn_container .btn_content .link_btn_wrap2{padding-left:60%; top:13.5%;}
}

@media screen and (max-width:490px){

   .tab_content .btn_container .btn_content .link_btn_wrap2 > div{width:170px;}
   .tab_content .btn_container .btn_content .link_btn_wrap2{padding-left:56%; top:13%;}
	.map_tit {margin:60px 0 40px;}
}

@media screen and (max-width:430px){
   .tab_content .btn_container .btn_content .link_btn_wrap2 > div{width:160px;}
   .tab_content .btn_container .btn_content .link_btn_wrap2{padding-left:54%; top:12.5%;}
}

@media screen and (max-width:395px){
   .tab_content .btn_container .btn_content .link_btn_wrap2 > div{width:155px; }
   .tab_content .btn_container .btn_content .link_btn_wrap2{padding-left:50%; top:12%;}
}

@media screen and (max-width:350px){
   .tab_content .btn_container .btn_content .link_btn_wrap2 > div{width:150px;}
   .tab_content .btn_container .btn_content .link_btn_wrap2{padding-left:46%;}
}