/******************************************************************
 * 700px ~ 1000px
******************************************************************/
/* 반응형웹 초기화*/
.pwPC,.pwPCin {display:none !important}
.pwTM {display:block !important}
/*****************************************************************/
/* Tablet CSS Work list*/
.pwheader {text-align:center; position:relative; padding:0; background:#08935a}
.pwheader h1 {background:url(/images/inc/dvTopLogo.png) center center no-repeat; width:240px; height:90px; display:block; text-indent:-9879px; margin:0 auto;} 
.pwheader .pwback {position:absolute; background:url(/images/inc/dvBackBtn.png) center center no-repeat; text-indent:-9876px; width:80px; height:90px; left:0;}
.pwheader .menuopen {position:absolute; background:url(/images/inc/dvMenuOp.png) center center no-repeat; text-indent:-9876px; width:80px; height:90px; right:10px; top:0}
.pwheader .menuclose {position:absolute; background:url(/images/inc/dvBackBtn.png) 0 0 no-repeat; display:block; width:40px; height:40px; top:22px; left:22px; text-indent:-9874px}
.pwheader_m {text-align:center; position:relative; padding:0; background:#08935a}
.pwheader_m h1 {background:url(/images/inc/dvTopLogo.png) center center no-repeat; width:240px; height:90px; display:block; text-indent:-9879px; margin:0 auto;} 
.pwheader_m .pwback {position:absolute; background:url(/images/inc/dvBackBtn.png) center center no-repeat; text-indent:-9876px; width:80px; height:90px; left:0;}
.pwheader_m .menuopen {position:absolute; background:url(/images/inc/dvMenuOp.png) center center no-repeat; text-indent:-9876px; width:80px; height:90px; right:10px; top:0}
.pwheader_m .menuclose {position:absolute; background:url(/images/inc/dvBackBtn.png) 0 0 no-repeat; display:block; width:40px; height:40px; top:22px; left:22px; text-indent:-9874px}
/* Visual */
.mainview {width:100%}
.mainview .mainvtext p {font-size:100%}
.mainview .mainvtext h3 {font-size:200%;}
.mainview .mvbanner ul { width:95%;}
.mainview .mvbanner ul a {font-size:93.8%;line-height:3;}
.mainview .mvbanner ul li {width:24%;}
.mainview  {height:500px}
.mainview .visual li {height:500px}
/* Main Contents */
#mainctn {width:100%; margin:0 auto;}
#mainctn .ghoto,
#mainctn .hiking {width:100%;}
#mainctn .ghoto .more,
#mainctn .hiking .more {right:350px; top:35px}
#mainctn .ghoto .gimg,
#mainctn .hiking .gimg {right:350px;}
#mainctn .ghoto h3,
#mainctn .hiking h3 {margin-left:30px}
#mainctn .ghoto dl,
#mainctn .hiking dl {margin-left:30px}
#mainctn .notice,
#mainctn .faq {width:310px}
#mainctn .notice h3,
#mainctn .faq h3 {margin-left:30px}
#mainctn .notice ul,
#mainctn .faq ul {margin-left:30px; margin-right:30px;}
#mainctn .notice .more,
#mainctn .faq .more {right:30px;}
/* Aside */
aside {width:100%}
aside li {margin:35px 0; text-align:center}
aside li {width:31%;}
aside li:first-child {margin-left:2%; width:29%}
aside .app {width:23%;text-align:left;padding:15px 0 15px 90px;}
aside .usel a,
aside .call a {padding:15px 0 15px 100px; text-align:left; background-position:10% center}
/* Footer */
footer .footctn {background:none; width:100%; margin:0 auto; padding:25px 0; position:relative}
footer .footctn ul {text-align:center; margin:0}
footer .footctn address {text-align:center; margin-left:0}
footer .footctn address span {display:block}
footer .footctn ul li a {font-size:14px; width:auto; padding:10px 9px; border:1px solid #999; display:block; height:auto}
footer .footctn ul li:First-child a {border:1px solid #999}
footer .footctn select {display:none}
/* Slide Menu */
.slidmenu {width:100%; position:absolute; left:0; top:0; background:url(/images/inc/dvBlind.png) 0 0; height:100%; z-index:99999999999999; overflow:hidden; overflow:scroll; margin-left:-1500px}
.slidmenu .dvmenuclose {position:absolute; top:22px; right:30px;}
.slidmenu .meminfo {background:#FFF; width:auto; margin-right:80px; position:relative; padding:12px 0; border-bottom:3px solid #07324d}
.slidmenu .meminfo p {background:url(/images/inc/dvMemIcon.png) 0 0 no-repeat; color:#333; font-size:18px; height:35px; margin-left:5px}
.slidmenu .meminfo p em {font-style:normal; font-size:20px; color:#06abf3; display:inline-block; margin:7px 5px 0 40px}
.slidmenu .meminfo p span {font-size:16px; margin-left:5px;}
.slidmenu .meminfo a {position:absolute; right:5px; top:10px; background:#898989; color:#fff; border-radius:20px; font-size:18px; line-height:2.2; padding:0 15px}
.slidmenu nav {height:auto; background:#efefef; border-top:3px solid #3f7290;width:auto; margin-right:80px;}
.slidmenu h3 {background:#1c597c url(/images/inc/dvLeftIconDOWN.png) right 23px no-repeat; border-bottom:1px solid #3f7290}
.slidmenu h3.nonImg {background:#1c597c; border-bottom:1px solid #3f7290}
.slidmenu h3.on {background:#1c597c url(/images/inc/dvLeftIconUP.png) right 23px no-repeat; border-bottom:1px solid #3f7290}
.slidmenu h3 a {padding:15px; color:#FFF; font-size:18px; display:block; padding-left:10px}
.slidmenu h3 a img {width:25px; height:25px; margin:0 10px 0 5px; display:inline-block; vertical-align:middle}
.slidmenu nav ul {background:#0e4768;width:auto; border-top:2px solid #0c3e5b; display:none}
.slidmenu nav ul a {font-size:16px; color:#dcdcdc; border-bottom:1px solid #0c3e5b; display:block; padding:15px 0; background:url(/images/inc/dvLeftIconDots1.png) 20px center no-repeat; padding-left:30px}
.slidmenu nav ul .active {background:#2d8bc1}
.slidmenu h3.open {background:#1c597c url(/images/inc/dvLeftIconUP.png) right 35px no-repeat; border-bottom:2px solid #0c3e5b}
.slidmenu nav .slangu {background:#efefef; display:block; width:100%; border:0; text-align:center}
.slidmenu nav .slangu li {background:url(/images/inc/lanDots1.gif) left center no-repeat; width:20%; display:inline-block; border:0}
.slidmenu nav .slangu li:first-child {background:none}
.slidmenu nav .slangu li a {background:none; padding:25px 0; text-align:center; border:0; color:#777777; font-size:16px;}
/******************************************************************
 * #LEFT MENU 
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
#subctn {width:100%; background:none}
/************************************************************************************************************************************
 * #CONTAINER CONTENTS
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
#container {display:block; width:96%; margin:50px auto}
/* 검색 */
#container .searchbox select {width:60%}
#container .searchbox .green1btn {padding:5px 0 7px;font-size:13px; width:60px; text-align:center}

.photo_borad {border-bottom:2px solid #d2d2d2; margin-left:0; text-align:center}
.photo_borad li  {display:inline-block;width:240px;margin:0 10px;margin-bottom:30px;}
/******************************************************************
 * #CONTENTS LIST > 본인인증
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.stepbox {display:none}
/******************************************************************
 * #CONTENTS > 마이페이지
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
/*이용내역*/
.totalBox span {width:15%;padding-left:7%;margin-right:2%}
.totalBox span.long {width:18%;}
/******************************************************************
 * #CONTENTS > 개요
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/

.optionBox_wrap {width:90%;text-align:left}
.srhRadio_wrap {width:90%;text-align:left}





/******************************************************************************************************************************************************************************************************
 * #App Style
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************************************************************************************************************************************************/

#app #container .appTopbox1on {border-radius:1em; top:0; border:1px solid #2c9969; background:#1eb070;height:64.2%; width:49%; margin:0 0 1.5%; float:left}
#app #container .appTopbox1on .timeguide {background:#189763; margin:4% 4%; position:relative; border-radius:0.8em; color:#FFF; font-size:30px; height:50%; vertical-align:middle;	}
#app #container .appTopbox1on .statitle {background:url(/images/app/appSecicon1.png) 5% 15% no-repeat; width:auto;  padding-left:15%; display:block; position:absolute; top:10%; line-height:1.5;background-size:25px; left:5%}
#app #container .appTopbox1on .statime {width:auto; display:block; position:absolute; bottom:10%; top:auto; right:auto; left:18%}
#app #container .appTopbox1on .statime p {color:#ffff00; font-size:65px; font-weight:bold;}
#app #container .appTopbox1on .statime span {font-size:20px; margin-left:10px}

#app #container .appTopbox1on .todaytime {margin:7% 4%; position:relative; color:#FFF; font-size:30px; display:block; vertical-align:middle; height:40%}
#app #container .appTopbox1on .todaytime p {background:url(/images/app/appSecicon2.png) 5% 10% no-repeat;background-size:29px; position:static; width:auto; padding-left:15%; line-height:1.5; top:20%; left:10%}
#app #container .appTopbox1on .todaytime p span {display:block; color:#ffff00; font-size:35px}
#app #container .appTopbox1on .todaytime a {border:1px solid #8fd8b8; color:#FFF; font-size:25px; padding:10px 4% 12px; margin:2%; position:absolute; display:block; text-align:center; bottom:10%; right:auto; top:auto; width:88%}

#app #container .appTopbox1on .statusArea .solo {width:100%;display:block}
#app #container .appTopbox1on .statusArea .group {width:100%;display:block;margin-top:3%}
#app #container .appTopbox1on .statusArea .total {width:100%;display:block}

#app #container {margin:2%;}
#app #container .appTopbox1off {border-radius:1em; top:0; border:1px solid #2c9969; background:#1eb070;height:64.2%; width:49%; margin:0 0 1.5%; float:left}
#app #container .appTopbox1off .at1off {background:url(/images/app/appCCicon.png) bottom center no-repeat; margin:4% 6%; height:90%; background-size:80%; position:relative}
#app #container .appTopbox1off .at1off p {color:#FFF; font-size:27px; font-weight:bold; line-height:1.4; margin-top:3%}
#app #container .appTopbox1off .at1off h4 {color:#ffff00; font-size:52px;}
#app #container .appTopbox1off .at1off span {color:#FFF; font-size:23px; line-height:1.4; position:inherit; margin-top:10%; display:block}

#app #container .apptlet {float:right; width:49%; height:65%; position:relative}
#app #container .appMidstation {border-radius:1em; top:0; border:1px solid #d8d8d8; background:#fff; width:100%; height:48.5%; margin:0 0 2.7%;}
#app #container .appMidstation .boxmarg {background:url(/images/app/appCntIcon1.png) bottom right no-repeat; margin:4% 6%; height:87%; background-size:30%; position:relative;}
#app #container .appMidstation .boxmarg p {color:#999; font-size:26px; font-weight:bold; line-height:1.4; margin-top:3%;}
#app #container .appMidstation .boxmarg h4 {color:#555; font-size:36px;}

#app #container .appMidticket {border-radius:1em; top:0; border:1px solid #d8d8d8; background:#fff; width:100%; height:48.5%; margin:0 0 2%}
#app #container .appMidticket .boxmarg {background:url(/images/app/appCntIcon2.png) bottom right no-repeat; margin:4% 6%; height:87%; background-size:30%; position:relative;}
#app #container .appMidticket .boxmarg p {color:#999; font-size:26px; font-weight:bold; line-height:1.4; margin-top:3%;}
#app #container .appMidticket .boxmarg h4 {color:#555; font-size:36px;}

#app #container .apptlet:after {content:""; display:block; clear:both}

#app #container .appMidmypage {border-radius:1em; top:0; border:1px solid #d8d8d8; background:#fff;height:31%; width:49%; margin:0 0 2%; float:left}
#app #container .appMidmypage .boxmarg {background:url(/images/app/appCntIcon3.png) bottom right no-repeat; margin:4% 6%; height:87%; background-size:30%; position:relative;}
#app #container .appMidmypage .boxmarg p {color:#999; font-size:26px; font-weight:bold; line-height:1.4; margin-top:3%;}
#app #container .appMidmypage .boxmarg h4 {color:#555; font-size:36px;}

#app #container .appMidcall {border-radius:1em; top:0; border:1px solid #d8d8d8; background:#fff;height:31%; width:49%; margin:0 0 2%; float:right}
#app #container .appMidcall .boxmarg {background:url(/images/app/appCntIcon4.png) bottom right no-repeat; margin:4% 6%; height:87%; background-size:30%; position:relative;}
#app #container .appMidcall .boxmarg p {color:#999; font-size:26px; font-weight:bold; line-height:1.4; margin-top:3%;}
#app #container .appMidcall .boxmarg h4 {color:#555; font-size:36px;}

#app footer ul {border-top:1px solid #618ba4; position:fixed; bottom:0; width:100%}
#app footer ul li {float:left; border-left:1px solid #618ba4; background:#1c597c; width:25%; margin-left:-1px; text-align:center;}
#app footer ul li a {color:#fff; font-size:15px; display:block; padding:55px 0 15px}
#app footer ul li.qk1 a {background:url(/images/app/appFtIcon1.png) center 15px no-repeat; background-size:30px}
#app footer ul li.qk2 a {background:url(/images/app/appFtIcon2.png) center 15px no-repeat; background-size:30px}
#app footer ul li.qk3 a {background:url(/images/app/appFtIcon3.png) center 15px no-repeat; background-size:30px}
#app footer ul li.qk4 a {background:url(/images/app/appFtIcon4.png) center 15px no-repeat; background-size:30px}
#app footer ul li.active {background:#2286c0}


@media only screen and (min-width:700px) and (max-width:800px){
    .optionBox_wrap {width:42%;margin:0 auto}
    .srhRadio_wrap {width:42%;margin:0 auto}
    .dateBox.dpblock {display:block;margin-top:10px}
    .optionBox .mhid {display:none}
    #container .searchbox .mmsize {width:264px;margin-top:10px}
}
/******************************************************************
 * 700px ~ 1000px
******************************************************************/
@media only screen and (min-width:700px) and (max-width:1000px){
    /* Main Contents */
    #mainctn .gimg {display:none !important}
    #mainctn .ghoto dl,
    #mainctn .hiking dl {width:auto; margin-right:370px}
}
/****************************
 * ie8 별도 미티어쿼리
*****************************/
    /* Main Contents */
.ie8t   #mainctn .gimg {display:none !important}
.ie8t   #mainctn .ghoto dl,
.ie8t   #mainctn .hiking dl {width:auto; margin-right:370px}