@charset "euc-kr";

#w_header{height:116px;}
#w_header, #footer{background:none;}
#footer_cont a img.index_logo{display:block;}
#footer_cont a img.sub_logo{display:none;}
#footer_cont p.danji{color:#eee;}
#footer_cont .address p{color:#fff; opacity:0.5;} 

.index_w{background:url(../images/teaser_main_bg01.jpg) center 0 no-repeat; background-size:cover; width:100%; min-height:100vh;}
.index_w .index{width:1200px; height:670px; margin:0 auto; background:#fff; overflow:hidden;}
.index_w .index .img_area{float:left; width:360px; height:670px;}
.index_w .index .right_area{position:relative; float:right; width:824px; margin:15px 15px 0 0; border-top:1px solid #8d7d70; border-right:1px solid #8d7d70; border-bottom:1px solid #8d7d70;}
.index_w .index .right_area .top{}
.index_w .index .right_area .banner{position:absolute; right:0; top:0;}
.index_w .index .right_area .btn_area{position: absolute; right: 0; top: 286px;}
.index_w .index .text_area{overflow:hidden;}
.index_w .index .text_area div{height:187px; border-top:1px solid #8d7d70; box-sizing:border-box;}
.index_w .index .text_area div ul{padding:30px 15px 0 35px; font-size:18px; letter-spacing:-1px;}
.index_w .index .text_area div li span.tit{display:inline-block; float:left; height:45px; padding-right:20px; font-weight:500; color:#8c7d70;}
.index_w .index .text_area div li span.blank{padding-left:30px;}
.index_w .index .text_area div li{color:#231916; overflow:hidden;}
.index_w .index .text_area .left{float:left; width:50%; border-right:1px solid #8d7d70;}
.index_w .index .text_area .left li span{width:63px;}
.index_w .index .text_area .left li span.option{height:45px;}
.index_w .index .text_area .right{float:left; width:50%;}
.index_w .index .text_area .right li span{width:48px;}
.index_w .index .text_area .right li span.option{height:80px;}
.index_w #footer #footer_cont .logo {position:absolute; right:0; top:30px;}
.index_w #footer #footer_cont .logo a{position:absolute; right:0; width:96px; height:20px; background:url(../images/right_footer_logo.png) no-repeat;}

/* mobile */
.index_m #m_header a.title{color:#fff;}
.index_m #m_header a#menu_toggle{background:url(../images/icon_menu_m.png) 0 0 no-repeat; background-size:100% auto;}
.index_m  #m_header a#menu_toggle.close{width:18px; background:url(../images/index_icon_menu_close_m.png) 0 0 no-repeat; background-size:100% auto;}
.index_m #m_header a.tel{background:url(../images/icon_tel_m.png) 0 0 no-repeat; background-size:100% auto;}
.index_m{background:url(../images/bg_index_m.jpg) 0 0 no-repeat; background-size:cover;}
.index_m #m_header{background:none;}
.index_m .index{position:relative; width:100%; bottom:0; padding-top:7px}
.index_m .index .index_inner{overflow:hidden; position:relative; margin:0 5%; background-color:#fff;}
.index_m .index .cont{position:relative; margin:6px; border:1px solid #8d7d70;}
.index_m .index .main_top{position:relative; padding:40% 0 26%; border-bottom:1px solid #8d7d70; text-align:center;}
.index_m .index .main_top .banner{position:absolute; top:-2.2%; left:50%; width:60%; margin-left:-30%;}
.index_m .index .main_top .main_txt{width:73%;}
.index_m .index .btn_area{position:absolute; left:50%; bottom:5%; width:74%; margin-left:-37%; background-color:#8b8075; border-radius:17px; -webkit-box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.3); box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.3); z-index:2;}
.index_m .index .btn_area a{display:inline-block;}
.index_m .index .btn_area a.btn_survey{float:left; padding-left:5%; margin-right:5%; line-height:34px; font-size:12px; color:#fff; text-align:left;}
.index_m .index .btn_area a.btn_survey:before{content:""; display:inline-block; width:14px; height:15.5px; margin-right:5px; background:url(../images/btn_logo_m.png) 0 0 no-repeat; background-size:100% auto; vertical-align:middle;}
.index_m .index .btn_area a.btn_list_m{display:none; float:right; padding-right:8%;}
.index_m .index .btn_area a.btn_list_m.on{display:block;}
.index_m .index .btn_area a.btn_list_m img{width:12px; height:9px; vertical-align:bottom;}
.index_m .index .btn_area a.btn_close{display:none; float:right; padding-right:8%;}
.index_m .index .btn_area a.btn_close img{width:10px; height:10px; vertical-align:bottom;}
.index_m .index .btn_area a.btn_close.on{display:block;}
.index_m .index .pnote_m{display:none; position:absolute; width:66%; left:50%; bottom:5%; padding:5px 4% 34px; margin-left:-37%; background-color:#ece8e6; border-radius:17px; text-align:left; -webkit-box-shadow: 18px 0px 10px -10px rgba(0,0,0,0.3); -moz-box-shadow: 18px 0px 10px -10px rgba(0,0,0,0.3); box-shadow: 18px 0px 10px -10px rgba(0,0,0,0.3); z-index:1;}
.index_m .index .pnote_m.on{display:block;}
.index_m .index .pnote_m ul li{line-height:37px; border-bottom:1px solid #ccc; font-size:11px;}
.index_m .index .pnote_m ul li:last-child{border-bottom:0;}
.index_m .index .pnote_m a{display:block;}
.index_m .index .pnote_m a.btn_more{line-height:33px; font-size:10px; font-weight:400; text-align:center;}
.index_m .index .text_area dl{overflow:hidden; padding:20px 5%; font-size:12px;}
.index_m .index .text_area dl dt{float:left; width:20%; margin-bottom:8px; color:#005151; clear:both;}
.index_m .index .text_area dl dd{float:right; width:80%; color:#424242; margin-bottom:8px; letter-spacing:-0.025rem;}
.index_m .index .text_area dl dd:last-child{margin-bottom:0;}
.index_m #footer .address_m p{color:#fff;}
.index_m #footer .footer_m span{color:#fff;}
.index_m #footer .prugio{background: url(../images/logo_main_m.png) 0 0 no-repeat; background-size:100% auto;}
.index_m #footer .footer_m span:before{background:url(../images/call_main_footer_m.png) 0 0 no-repeat; background-size:100% auto;}