@charset "utf-8";
@import "respond.css";

html{font-size:20px;}
.inner {position:relative;}
#mainCon h2, #mainCon a, #mainCon p {text-align:center;}
#mainCon p {padding-top:16px;color:#241a0e;font-family:'NanumSquareL';}

.main .subShow {display:none;}
.suv .subShow {display:block;}

/*header*/
#header {z-index:1000;}
#header .inner{margin:0 auto;}
#header h1 {font-size:0;z-index:49;}
#header h1 a{display:block;background: url(../imgs/common/logo.png) no-repeat;}

/* 로그인 */
.btnType.blue.document {padding:6px 15px;}
.subCont.loginLayout .inner .loginArea .loginBox .loginInfo .btnLogin {font-size:20px;padding:28px 35px;}
.reservationDetail.rental_view table.basic td ul.precautions {margin-top:5px;}
.reservationDetail.rental_view table.basic td ul.precautions li {display:block;font-size:14px;background:url(../imgs/contents/equipmentList/checkList.png)no-repeat 0 50%;padding-left:20px;background-size:14px;color:red;word-break:keep-all;}

/* nav */
#header .gnb_bg{width: 100%;}
#header .gnb_bg.on {display:block;height:240px;overflow:hidden;background-color:#b090d9;opacity:0.8;position:absolute;top:100px;z-index:10;}
#header #nav {margin-left:25%;height: 100px;}
#header #nav ul.depth01 {padding:15px 0 0;overflow:hidden;}
#header #nav ul.depth01 > li {float:left;width:22%;text-align:center;position:relative;z-index:20;}
#header #nav ul.depth01 > li a{display:block;padding:20px;margin-bottom:13px;}
#header #nav ul.depth01:after{content:'';display:block;clear:both;}
#header #nav ul.depth01 > li:hover ul.depth02, #header #nav ul.depth01 > li:focus ul.depth02 {background-color:#311850;}
#header #nav ul.depth02 {font-size:14px;background:#593a7f;opacity:0.8;padding:17px;border-right:1px solid #d9c6f1;box-sizing:border-box;height:240px;display:none;}
#header #nav ul.depth02:hover, #header #nav ul.depth02:focus {background-color:#173e73;}
#header #nav ul.depth02 li {text-align:left;position:relative;float:none;}
#header #nav ul.depth02 li a{color:#fff;padding:1px 0 1px 10px;display:table-cell;height:50px;vertical-align:middle;word-break:keep-all;font-family:'NanumSquareL';}
#header #nav ul.depth02 li a:focus, #header #nav ul.depth02 li a:hover, #header #nav ul.depth01 > li a:hover, #header #nav ul.depth01 > li a:focus {color:#19edaf;}
#header #nav ul.depth01 li:first-child ul.depth02 {border-left:1px solid #d9c6f1;}
#header #allMenu {background: url(../imgs/common/MenuIco.png) no-repeat 50% 50%;width:30px;height:30px;position:absolute;top:25%;right:0;padding:10px;cursor:pointer;display:none;}

/* 전체 메뉴 */
.allWrap { display:none; position:absolute; top:0; left:0; right:0; z-index:50; background:#1b1d20; background:rgba(27,29,32,0.9); min-width:1240px;}
.allWrap .allBox { overflow:hidden; width:1100px; margin:185px auto 0;}
.allWrap .allBox > div { margin-left:-48px;}
.allWrap .allBox .box { float:left; width:239px; margin-left:48px;}
.allWrap .allBox .box h2 { padding-bottom:14px; margin-bottom:14px; border-bottom:2px solid #f8a019; font-size:24px; color:#fff;}
.allWrap .allBox .box ul { height:350px;}
.allWrap .allBox .box li { margin-bottom:8px;}
.allWrap .allBox .box li a { display:block; padding:5px 0; font-size:16px; color:#ffffff; transition:all .2s ease;font-family:'NanumSquareL'}
.allWrap .allBox .box li a:hover { padding:5px; color:#222; font-weight:500; background:#fff;}
.allWrap .btnAllClose { display:block; position:absolute; top:31px; left:50%; width:56px; height:56px; margin-left:494px; border:1px solid #fff; font-size:0; }
.allWrap .btnAllClose span {position:absolute; top:50%; left:50%; width:20px; height:1px; margin-left:-10px; background:none;}
.allWrap .btnAllClose span:before { content:""; display:block; position:absolute; top:50%; width:20px; height:1px; background:#fff; transform:rotate(45deg);}
.allWrap .btnAllClose span:after { content:""; display:block; position:absolute; top:50%; width:20px; height:1px; background:#fff; transform:rotate(-45deg);}

/* nav - 모바일 */
.mask {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.2;z-index:50;}
#mobileMenu {display:none;}
#mobileMenu .mbBasket .num {position:absolute;top:0;right:0;display:block;width:20px;height:20px;background:#9c51c7;border-radius:100%;color:#fff;line-height:20px;}
#mobileMenu .mbControl button {z-index:100;}
#mobileMenu .mbControl .mb_open {position:absolute;top:25px;right:5vw;width:40px;height:40px;background:url(../imgs/common/MenuIco.png) no-repeat 50% 50%;}
#mobileMenu .mbControl .mb_close {display:none;position:fixed;top:25px;right:220px;width:50px;height:50px;background:url(../imgs/common/btn_close.png) no-repeat 50% 50% #a6a6a6;background-size:20px;}
#mobileMenu .menuArea {display:none;position:fixed;top:0;right:0;bottom:0;width:220px;background:#593a7f;z-index:100;overflow-y: scroll;}
#mobileMenu .menuArea .depth01 {}
#mobileMenu .menuArea .depth01 li {border-bottom:1px solid #d9c6f1;}
#mobileMenu .menuArea .depth01 li a {display:block;font-size:15px;font-weight:bold;line-height:15px;color:#fff;padding:15px 20px;}
#mobileMenu .menuArea .depth02{border-top:1px solid #d9c6f1;display:none;background:#311850;}
#mobileMenu .menuArea .depth02 li a{font-size:13px;padding-left:20px}
#mobileMenu .menuArea .depth02 li a:before{content:'-';padding-right:7px}
#mobileMenu .menuArea .depth01 li.active .depth02 {display:block;}

/* 서브 메인 */
.sub #header {background:url(../imgs/contents/subV.png) no-repeat 50%;height:300px;background-size:cover;}
.sub #header .subNav {background-color: rgba(255,255,255,0.3);height:100px;}
.sub #header .inner {text-align:right;}
.sub #header .inner h2 img {width:450px;}
.sub #header .inner P{color:#fff;padding:40px 35px 0 0;font-size:19px;}

/* subCont */
.subCont {min-height:500px;}
.subCont .txtBox {border:3px solid #e5e5e5;background:#f9f9f9;padding:30px;margin-bottom:50px;}
.subCont .txtArea {margin-bottom:50px;}
.subCont h4 {font-size:23px;font-weight:bold;margin-bottom:20px;color:#2a4b5f;}
.subCont h5 {font-size:18px;font-weight:bold;margin:25px 0 15px;}
.subCont h6 {font-size:15px;font-weight:bold;margin:25px 0 15px;}

/* 컨텐츠 - 공통 */
.sub #container .context {padding:65px 0;}
#container .context .inner h2 {font-size:2em;padding-bottom:10px;text-align:center;}
#container .context .inner p.secondText {text-align:center;color:#666;font-family:'NanumSquare';font-weight:500;}
#container .context .inner div.baseLayout {padding:20px 0;text-align:center;}
/*table.basic th, table.basic td {text-align:center;}*/
.notice_point {color:#c71c1c;}

/* location */
#container .location {/*margin-top:200px;*/border-bottom:1px solid #e0e0e0;background:#f9f9f9;width:100%;}
#container .location .depth01 {border-left:1px solid #e0e0e0;display:table;width:100%;}
#container .location .depth01:after {display:block;clear:both;content:'';}
#container .location .depth01 > li {position:relative;float:left;border-right:1px solid #e0e0e0;}
#container .location .depth01 > li > a {display:block;min-width:120px;padding:0 55px 0 20px;font-family:'NanumSquare';font-size:16px;height:55px;line-height:55px;background:url(../imgs/common/arr_location.gif) 90% 50% no-repeat;}
#container .location .depth01 > li > a.home {width:55px;min-width:55px;padding:0;background:url(../imgs/common/icon_home.png) 50% 50% no-repeat;}
#container .location .depth01 > li > a.on:hover, .location .depth01 > li> a.on:focus {position:relative;background:url(../imgs/common/arr_location_on.gif) 90% 50% no-repeat;}
#container .location .depth01:after{content:''; display:block; clear:both;}
#container .location .depth01 > li > a.on:after {position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#f8a019;content:'';}
#container .location .depth02 {position:absolute;top:55px;left:0;width:100%;background:#593a7f;z-index:49;}
#container .location .depth02 li {border-top:1px solid #d9c6f1;}
#container .location .depth02 li a {display:block;padding:18px 20px;font-size:15px;color:#fff;}
#container .location .depth02 li a:hover, .location .depth02 li a:focus {color:#19edaf;}

/* tab */
.tabTy {text-align:center;padding:20px 0;}
.tabTy:after {content:"";display:block;clear:both;}
.tabTy ul.tabCont {display: table;border-collapse:collapse;margin: 0 auto;width:100%;}
.tabTy ul.tabCont li{display: table-cell;width: 25%;margin-left:-1px;border:1px solid #d7d7d7;background-color: #f9f9f9;}
.tabTy ul.tabCont li a {display:block;line-height:61px;text-align:center;word-break:keep-all;}
.tabTy ul.tabCont li:first-child {border-left:1px solid #d7d7d7;}
.tabTy ul.tabCont li a:hover, .tabTy ul.tabCont li a.focus, .focusOn {color:#fff;background:#f7941d;}

/* tab */
.mTabTy{position:relative;border-top:3px solid #f8a019;cursor:pointer;margin-bottom:34px;min-height:53px;}
.mTabTy >p{border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#333;height:49px;line-height:53px;font-size:0.9em;padding:0 28px;font-weight:bold;background-color:#f4f4f4;position:relative;z-index:40;}
.mTabTy .ct{overflow:hidden;height:0px;position:absolute;left:0;right:0;top:50px;}
.mTabTy .ct ul.tab{display:block;width:100%;border:0}
.mTabTy .ct ul.tab >li{display:block;}
.mTabTy .ct ul.tab >li >a{display:block;text-align:left;color:#333;height:50px;line-height:50px;font-size:0.9em;padding:0 28px;border-bottom:0;border-left:0;background-color:#fff;}
.mTabTy .ct ul.tab >li >a{display:block;border-bottom:1px solid #dedede;border-left:1px solid #dedede;border-right:1px solid #dedede;/*background-color:#f4f4f4;*/font-weight:bold;color:#666666;height:55px;line-height:54px;position:relative;z-index:41;}
.mTabTy:after,
.mTabTy:before{content:'';display:block;position:absolute;right:28px;top:24px;height:2px;width:10px;background-color:#6b7786;transition-duration:0.3s;z-index:41}
.mTabTy:after{-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); right:34px;}
.mTabTy:before{-ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg);}
.mTabTy.active:after{-ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg);right:34px;}
.mTabTy.active:before{-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg);}
.mTabTy.active .ct{z-index:45;overflow:unset;}

/* footer */
#footer .footerInfo {height:200px;background:#2d2d2d;}
#footer .footerInfo a {color:#bdbdbd;padding:0 10px;font-family:'NanumSquare';}
#footer .footerInfo li, #footer .footerInfo li a {color:#696666;font-size:14px;font-family:'NanumSquare';}
#footer .footerInfo .utilMenu ul li {display:inline-block;position:relative;padding-right:10px;}
#footer .footerInfo .utilMenu ul li:last-child {padding-right:0px;}
#footer .footerInfo .utilMenu ul li:after {content:'';position:absolute;background-color:#bdbdbd;height:16px;width:1px;top:4px;left:-7px;}
#footer .footerInfo .utilMenu ul li:first-child:after {content: none;}
#footer .footerInfo .aboutUs ul li span {padding-right:5px;}