@charset "utf-8";
/**
 * @File Name : style.css
 * @Description : Layout, CSS Adjust
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.03.06 | 문영신 | 최초 등록
 * 2020.03.11 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2020.03.06
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* Table of contents ))
 | 공통 스타일과 다른 개별 스타일 겹쳐 쓰다!
 | RWD ◇◆
 */

/* ◇◆ all.css, sub.css, lib*.css  )) Overwrite. 20180514. ◇◆◇◆◇◆◇◆◇◆ */
/* lib.css overwrite */
[class*='panel']{box-sizing:border-box;}
[class*='panel'].hue4 {position:relative;border-color:#ddd;padding:0 20px;background:#fff;}
[class*='panel'].hue4:before{content:"";position:absolute;top:0;left:1px;width:100%;height:3px; background:#c6c2bb;}
[class*='panel'].hue4:after{content:"";position:absolute;top:-1px;left:0;width:166px;height:3px;background:#795f4e;}
[class*='panel']>.deco12ghisotry {background-image:url(../../img/lib/ic184a1ghistory.png);width:184px;height:108px;margin-right:25px}
[class*='panel'].hue4 .fsD {color:#bba080;font-weight:400}
[class*='panel'].hue4 .em1 {color:#e86000;font-weight:600}
@media all and (min-width:768px){
	[class*='panel'].hue4 {padding:35px 60px 35px 30px}
	[class*='panel']>[class*='deco12g']+.body1 {border-left:1px solid #e4e4e4;padding-left:30px}

}
[class*='panel']>.deco6trophy1{background-image:url(/_res/wood/img/inc/ic200a1c1trophy1.png);}
[class*='panel']>.deco6trophy1_2{background-image:url(/_res/wood/img/inc/ic200a1c1trophy1_2.png);}
[class*='panel'].hue2a1:before { z-index:100; }

[class*='panel']>.deco1wood1{width:100px;height:100px;background-image:url(/_res/wood/img/sub/ic160a1c1wood1.png);}
[class*='panel']>.deco1wood2{width:100px;height:100px;background-image:url(/_res/wood/img/sub/ic160a1c1wood2.png);}
[class*='panel']>.deco1wood3{width:100px;height:100px;background-image:url(/_res/wood/img/sub/ic160a1c1wood3.png);}
[class*='panel']>.deco1wood4{width:100px;height:100px;background-image:url(/_res/wood/img/sub/ic160a1c1wood4.png);}
[class*='panel']>.deco1wood5{width:100px;height:100px;background-image:url(/_res/wood/img/sub/ic160a1c1wood5.png);}
[class*='panel']>.deco1wood6{width:100px;height:100px;background-image:url(/_res/wood/img/sub/ic160a1c1wood6.png);}
[class*='panel']>.deco1wood7{width:100px;height:100px;background-image:url(/_res/wood/img/sub/ic160a1c1wood7.png);}
[class*='panel']>.deco1wood8{width:100px;height:100px;background-image:url(/_res/wood/img/sub/ic160a1c1wood8.png);}
[class*='panel']>.deco1wood9{width:100px;height:100px;background-image:url(/_res/wood/img/sub/ic160a1c1wood9.png);}

.bdl0 { border-left:0; }

/* lib2etc.css overwrite */
@media all and (min-width:768px){
	.tabs3 li a {font-size:18px}
}
.hb1.h2{
	padding-left:37px;
	background-image:url(/_res/wood/img/lib/h2bg.png);
	background-position:0 .235em;
	color:#392b22;
	font-size:1.675em;
	margin-bottom:.65em;
}
.hb1.h3{
	padding-left:27px;
	background-image:url(/_res/wood/img/lib/h3bg.png);
	background-position:.2em .20125em;
	color:#007e4c;
	font-size:1.375em;
	font-weight: 500;
}
.hb1.h3_02{
	padding-left:28px;
	background-image:url(/_res/wood/img/lib/h3_02bg.png);
	background-position:.2em .25125em;
	color:#0055a2;
	font-size:1.5em;
	font-weight: 500;
}
.hb1.h4{
	padding-left:29px;
	background-image:url(/_res/wood/img/lib/h4bg.png);
	background-position:.175em .55125em;
	color:#2d5497;
	font-size:1.325em;
}
/* 일반목록 */
ul.bu{list-style:none;margin-left:0;padding: 0 0 0 .235em;text-align:left;}
ul.bu ul{list-style:none;margin:.5em 0;padding:0;}
ul.bu li{
	margin:.1em 0;
	padding:0 0 0 .75em;;
}

/* 그림뷰갤러리1.나열형 20180214 */
/* 섬네일 */
.pic1gallery1 .mNum li>a{
	padding-bottom:56.25%;
}
/* 게시판.상세뷰.응용 */
.bbs1view1 .pic1gallery1 .mNum{margin-bottom:2em;padding-bottom:2px;border-bottom:1px solid #eee;}


/* lib2.css overwrite */
.login2choice1 .box1 {margin:0}
.login2choice1 span.btn1.phone, .login2choice1 a.btn1.phone {padding-top:0}
.login2choice1 span.btn1.phone>.ic1, .login2choice1 a.btn1.phone>.ic1 {display:none}

/* 레이어팝업 공통 */
.wprice1 .toggle {position:relative;float:right;margin-top:-3em;background:#543D2E;color:#fff;border-radius:5px;padding:5px 15px;font-size:1.063em;z-index:2}
.wprice1 .popbox {position:fixed;top:10%;left:4%;width:92%;background:#fff;display:none;box-shadow:0 0 10px 1px rgba(0,0,0,.3);z-index:2}
.wprice1 .popbox.on {display:block}
.wprice1 .popbox .poptit {position:relative;margin:0;font-size:1.5em;font-weight:500;background:#42342b url(/_res/wood/img/inc/side_title_bg.png) repeat;color:#fff;padding:15px;z-index:3}
.wprice1 .popbox .popcont {position:relative;height:300px;overflow-y:auto;padding:5px 15px;z-index:3;background:#fff}
.wprice1 .popbox.on:after {position:fixed;top:0;left:0;content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2}
.wprice1 .popbox .close {position:absolute;top:11px;right:11px;width:40px;height:40px;background:#fff;z-index:3}
.wprice1 .popbox .close:before, .wprice1 .popbox .close:after {position:absolute;top:calc(50% - 10px);left:calc(50% - 1px);content:"";display:block;width:2px;height:20px;background:#42342b;}
.wprice1 .popbox .close:before {transform:rotate(-45deg)}
.wprice1 .popbox .close:after {transform:rotate(45deg)}
@media all and (min-width:768px){
	.wprice1 .popbox {top:calc(50% - 220px);}	
	.wprice1 .popbox .popcont {height:auto;}
}
@media all and (min-width:900px){
	.wprice1 .popbox {left:calc(50% - 400px);max-width:800px;}
	.wprice1 .popbox .poptit {padding-left:25px;padding-right:25px;}
	.wprice1 .popbox .popcont {padding-left:25px;padding-right:25px}
}

/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */

} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


/* #tnb1 div.d1>ul>li.m5 ~ li{display:none;} */ /* ☆ */


} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */


/* 체험달력 overwrite */
.cp20pick1time1 .lst1.full .li1 .t1 {width:100%;}
.cp20pick1time1 .lst1 .li1 .t2 {text-align:center;padding-left:10px;padding-right:10px;}
.cp20pick1time1 .lst1 .li1 .t2 .a1 {position:relative;top:auto;right:auto;display:block;width:80px;margin:2px auto;}

@media all and (min-width:600px){
	.cp20pick1time1 .lst1.full .li1 .t1 {width:25%}
}
@media all and (min-width:1000px){
	.cp20pick1time1 .lst1.full .li1 .t2 {padding-right:100px;text-align:left;}
	.cp20pick1time1 .lst1 .li1 .t2 .a1 {position:absolute;top:12px;right:10px;margin:auto;width:auto;}
}

/* pic1gallery5 overwrite */
/* 제어 */
.pic1gallery5 .mControl{display:inline;width:100%;top:calc(50% - 12px);bottom:auto;}
.pic1gallery5 .mControl .b{display:block;
	z-index:0;
	position:absolute;
	top:auto;bottom:auto;
	width:24px;
	height:24px; /* button 요소라서 높이값 필요 */
	font-family:Arial,sans-serif; /* ☆ */
	font-size:60px;
	opacity:.5;
	transition:.2s;
	background-color:rgba(0,0,0,.8);
	background-image:none;
	text-indent:-9999px;
}
.pic1gallery5 .mControl .b.prev{left:0;}
.pic1gallery5 .mControl .b.next{right:0;}
.pic1gallery5 .mControl .b:hover,
.pic1gallery5 .mControl .b:focus{opacity:1;}
.pic1gallery5 .mControl .b:before {position:absolute;top:calc(50% - 6px);left:calc(50% - 8px);content:"";display:block;width:12px;height:12px;border:3px solid #fff;box-sizing:border-box;border-right:0;border-bottom:0}
.pic1gallery5 .mControl .b.prev:before {transform:rotate(-45deg);left:calc(50% - 5px)}
.pic1gallery5 .mControl .b.next:before {transform:rotate(135deg)}
/* 섬네일 */
.pic1gallery5 .mNum {display:block;margin-top:20px;}
.pic1gallery5 .mNum ul{margin:0 -8px 0 0;overflow:hidden;}
.pic1gallery5 .mNum li{float:left;
	width:20%; /* ☆ */
}
.pic1gallery5 .mNum li>a{display:block;position:relative;
	margin:0 8px 8px 0;
	padding-bottom:56.25%;
	border:3px solid #eee;
	text-decoration:none;
	transition:.2s;
}
.pic1gallery5 .mNum li>a .f1{display:block;
	z-index:0;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:-2px;
	background:#f7f8f9 url(../../img/lib/noimage.png) no-repeat center center;background-size:contain;
	text-align:center;
	overflow:hidden;
}
.pic1gallery5 .mNum li>a .f1>img{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;
	height:auto;
	min-height:100%;
	vertical-align:top;
}
.pic1gallery5 .mNum li.on>a[href]{border-color:#678;overflow:hidden;}
.pic1gallery5 .mNum li>a[href]:focus{border-color:#ea0;overflow:hidden;}
@media all and (min-width:768px){
	.pic1gallery5 .mControl {top:calc(50% - 22px)}
	.pic1gallery5 .mControl .b {width:44px;height:44px;}
}