@charset "utf-8";

#nav{width:100%;height:50px;background:#ffffff;border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.p_loca{height:50px;}
.p_loca>li{float:left;width:50%;height:50px; text-align:left;position:relative}
.p_loca>li>a{display:block;height:30px; line-height: 30px;color:#333333;font-size:15px;padding:10px 14px 10px 7px;background:url(/m/images/m_sub_icon.png) no-repeat right 10px center;}
.p_loca>li>a.over{line-height: 16px;}
.p_loca>li>a.nobg{background:0 !important}
.p_loca>li.mid{border-right: 1px solid #cccccc; box-sizing: border-box;}
.p_loca>li.first{width:28px}
.p_loca>li.first a{padding:10px 0 10px 14px;background:url(/m/images/m_sub_icon.png) no-repeat left 11px;background-size:auto 31%}
.p_loca>li.last{padding-right:0;background:0}
.loca1_menu{display:none;position:absolute;left:0;top:51px;width:100%;background:#f8f8f8;z-index:10; box-sizing: border-box; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
.loca1_menu li{padding:10px 0 10px 15px; border-bottom:1px solid #cccccc;text-align:left;}
.loca1_menu li.last{border:0}
.loca1_menu li a{color:#666666;font-size:14px}

.m_view .slider-nav{margin-top: 15px;}
.m_view .slick-prev{left: 0; background: url(/images/arrow_left.png) no-repeat left center; background-size: auto 50%; height: 120px; z-index: 9999; width: 80px;}
.m_view .slick-next{right: 0; background: url(/images/arrow_right.png) no-repeat right center; background-size: auto 50%; height: 120px; z-index: 9999; width: 80px;}
.m_view .slick-next::before,.view .slick-prev::before {content: "";}
.m_view .slider-nav {padding-bottom: 100px;}
.m_map .root_daum_roughmap{width: 100%!important;}

.m_video{height: 300px;}

.counter_wrap{counter-reset: list;}

.counter_wrap input:checked {counter-increment: list;}
.counter_wrap .result::after {content: "체크된 갯수 : "counter(list)"개";}

.counter_wrap label{display: block; padding-left: 10px; overflow: hidden; width: 100%; margin: 20px 0;}
.counter_wrap label span{float: left; font-size: 15px; letter-spacing: -1px;margin-left: 5px;}
.counter_wrap label input{float: left; margin-top: 3px;}

.counter_wrap .button_wrap{margin-top: 20px; clear: both;}
.counter_wrap .button_wrap .result{width: 100%; height: 60px; background: #c7ecfc; text-align: center; font-size: 18px; line-height: 60px;}
.counter_wrap .button_wrap button{display: block; width: 150px; margin: 30px auto; height: 50px; background: #efefef; text-align: center; font-size: 16px; line-height: 50px; border-radius: 15px; letter-spacing: -1px;}

.dep3 .l_s{letter-spacing: -2px;}

.height{padding: 20px 10px; margin: 10px; border: 1px solid #dddddd;}
.height input {margin-right: 5px;}
.height form>div{position: relative; height: 100px;}
.height h3{background: #efefef; color: #00aeef; text-align: center; line-height: 45px; font-size: 17px; font-weight: 700;}
.height dl{overflow: hidden; position: absolute; left: 0; top: 20px;}
.height dl dt{float: left; font-size: 14px; font-weight: 700; padding-right: 40px;}
.height dl dd{float: left; font-size: 14px; font-weight: 300; width: 70px;}
.height .wrap{overflow: hidden; position: absolute; top: 50px; left: 0;}
.height .wrap>div{float: left; font-size: 14px;}
.height .wrap>div.title{width: 300px; font-weight: 700;}
.height .wrap>div.title.m_b{margin-bottom: 5px;}
.height .wrap>div.title span{display: inline-block; padding-right: 10px;}
.height .wrap>div.title .textbox{width:70;border:1px solid #e5e5e5; height: 25px; padding-left: 5px; width: 90px;}
.height div.button{width: 85px; height: 85px; background: #333333; position: absolute; right: 0; top: 15px;}
.height div.button a{display: block; color: #ffffff; text-align: center; line-height: 85px; font-size: 14px;}

.weight {margin: 20px 10px;}
.weight input {margin-right: 5px;}
.weight h3{background: #efefef; color: #333333; text-align: center; line-height: 45px; font-size: 17px; font-weight: 700;}
.weight h3 strong{color: #00aeef;}
.weight form>div{border: 2px solid #efefef; overflow: hidden;position: relative; height: 100px;}
.weight form>div>div{font-size: 14px; position: absolute;}
.weight form>div>div span{font-weight: 700;}
.weight form>div>div input{width: 100px; border:1px solid #e5e5e5; height: 25px; padding-left: 5px;}
.weight form>div>div.box01{left: 20px; top: 15px;}
.weight form>div>div.box01 span{padding-right: 30px;}
.weight form>div>div.box02{left: 20px; top: 55px;}
.weight form>div>div.box02 span{padding-right: 17px;}
.weight form>div>div.box03{right: 20px; top: 5px;}
.weight div.button{width: 85px; height: 85px; background: #333333;}
.weight div.button a{display: block; color: #ffffff; text-align: center; line-height: 85px; font-size: 14px;}

.M_bbs_List_th > img {width: 11px!important; vertical-align: text-top;}
.m_board{padding: 10px;}

.view {padding: 10px;}
.view .slider-nav{margin-top: 20px;}
.view .slick-prev{left: 0; background: url(/images/arrow_left.png) no-repeat; height: 78px; z-index: 9999; width: 77px;}
.view .slick-next{right: 0; background: url(/images/arrow_right.png) no-repeat; height: 78px; z-index: 9999; width: 77px;}
.view .slick-next::before,.view .slick-prev::before {content: "";}
.view .slider-nav .slick-slide{margin: 0 10px;}