/******************************************************************
 * 700px ~ 1000px
******************************************************************/
/* 반응형웹 초기화*/
.pwPC,.pwPCin {display:none !important}
.pwTM {display:block !important}
.mhid {display:none !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; background-size:80%; width:210px; height:60px; 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:60px; height:55px; left:0;}
.pwheader .menuopen {position:absolute; background:url(/images/inc/dvMenuOp.png) center center no-repeat; text-indent:-9876px; width:60px; height:55px; right:0; 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; background-size:80%; width:210px; height:60px; 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:60px; height:55px; left:0;}
.pwheader_m .menuopen {position:absolute; background:url(/images/inc/dvMenuOp.png) center center no-repeat; text-indent:-9876px; width:60px; height:55px; right:0; 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 {top:25%}
.mainview .mainvtext h3 {font-size:180%;}
.mainview .mainvtext h3 span {display:block; font-size:120%}
.mainview .mainvtext p {font-size:90%;}
.mainview .mvbanner ul { width:95%;}
.mainview .mvbanner ul a {font-size:93.8%;line-height:3; margin:0}
.mainview .mvbanner ul li {width:23%; height:50px}
.mainview .mvbanner ul li .rent,
.mainview .mvbanner ul li .return,
.mainview .mvbanner ul li .price,
.mainview .mvbanner ul li .buy {background-position:center center; text-indent:-9999px}
.mainview  {height:300px}
.mainview .visual li {height:300px;}
.mainview .bx-controls {display:none}
/* Main Contents */
#mainctn {width:100%; margin:0 auto; height:1160px}
#mainctn .notice  {width:100%; position:absolute; top:0; left:0; height:280px}
#mainctn .faq {width:100%; position:absolute; top:280px; right:0; height:280px}
#mainctn .notice ul a,
#mainctn .faq ul a {font-size:20px;}
#mainctn .notice ul li,
#mainctn .faq ul li {margin-top:35px; height:60px}
#mainctn .ghoto {width:100%; top:560px; position:absolute}
#mainctn .hiking {width:100%; top:860px; position:absolute}
#mainctn .ghoto h3,
#mainctn .hiking h3 {margin-left:15px;}
#mainctn .ghoto dl,
#mainctn .hiking dl {margin-left:15px; width:auto; margin-right:15px}
#mainctn .ghoto .gimg,
#mainctn .hiking .gimg {display:none}
#mainctn .ghoto .more,
#mainctn .hiking .more {right:15px; top:35px}
#mainctn .notice h3,
#mainctn .faq h3 {margin-left:20px}
#mainctn .notice ul,
#mainctn .faq ul {margin-left:20px; margin-right:20px;}
#mainctn .notice .more,
#mainctn .faq .more {right:15px;}
/* ASIDE */
aside {width:100%;}
aside li {display:inline-block; margin:35px 0; text-align:center; width:32%; vertical-align:top}
aside a em {font-size:15px}
aside a span {font-size:12px;margin-top:6px;}
aside .usel a {display:block; background:url(/images/main/mainBnimg1.gif) center 0 no-repeat; padding:80px 0 0 0}
aside .call a {display:block; background:url(/images/main/mainBnimg2.gif) center 0 no-repeat; padding:80px 0 0 0}
aside .app {background:url(/images/main/mainBnimg3.gif) center 0 no-repeat; padding:80px 0 0 0}
aside .app em {font-size:15px;}
aside .app a {font-size:12px; display:block; margin-top:7px; border-left:0; padding:0}
aside .app a:hover {text-decoration:underline}
/* 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,
footer .footctn address span em {display:block}
footer .footctn ul li {display:inline-block; width:48%; margin-bottom:3px}
footer .footctn ul li a {font-size:11px; 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:999999999999999999999; overflow:hidden; overflow:scroll; margin-left:-1500px}
.slidmenu .dvmenuclose {position:fixed; top:20px; right:30px;}
.slidmenu .meminfo {background:#FFF; width:auto; margin-right:50px; 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; display:none}
.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:1px solid #3f7290;width:auto; margin-right:50px;}
.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:1px 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/dvLeftIconDOWN.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:12px;}
.slidmenu nav .footer {background:#434343; display:block; width:100%; border:0; text-align:center}
.slidmenu nav .footer1 {width:22%; display:inline-block; border:0}
.slidmenu nav .footer2 {background:url(/images/inc/lanDots1.gif) left center no-repeat; width:37%; display:inline-block; border:0}
.slidmenu nav .footer3 {background:url(/images/inc/lanDots1.gif) left center no-repeat; width:25%; display:inline-block; border:0}
.slidmenu nav .footer li a {background:none; padding:25px 0; text-align:center; border:0; color:#ffffff; font-size:12px;}
/******************************************************************
 * #LEFT MENU 
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
#subctn {width:100%; background:none}
/******************************************************************
 * #CONTAINER CONTENTS
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
#container {display:block; width:96%; margin:30px auto}
#container h4 {font-size:25px;}
#container .ctnlocation {font-size:12px; color:#777; position:relative; margin:5px 0 30px}
#container .ctnlocation p {display:none}
/* 검색 */
#container .searchbox label {margin-right:0}
#container .searchbox select {width:40%}
#container .searchbox .green1btn {padding:5px 0 7px;font-size:13px; width:60px; text-align:center}
#container .searchbox .mmsize {width:264px;}


/************************************************************************************************************************************
 * #CONTENTS LIST > 공통
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
h5.stitle1 {font-size:16px;}
h6.stitle2 {font-size:14px}
.pwblock {display:block; margin-top:5px}
.psboard2 tbody th {font-size:11px; padding-left:5px}
.searchbox_btn {margin-top:10px}
.searchbox_btn button {width:265px}
.srhRadio {text-align:center;display:block;}
.srhRadio label {margin-right:20px !important}
.dateBox.dpblock {display:block;margin-top:10px}
.dateBox.dpblock input {width:109px}
.tabWrap.type3 .tab button {width:100px}
.didBox_1dep {border:3px solid #e6e6e6;padding:40px 20px}
.searchicon2 {margin-top:10px;width:194px}
button.searchicon2 {width:60px; margin:0 0 0 5px; vertical-align:middle; padding:8px 35px 9px}

.borad_head .type01 li.title {width:89%;display:block;float:none}
.borad_head .type01 li.date {width:94%;display:block;text-align:left;float:none;border-top:1px solid #e6e6e6}

.borad_head .type02 li.title {width:100%;display:block;float:none}
.borad_head .type02 li.date {width:94%;display:block;text-align:left;float:none;border-top:1px solid #e6e6e6}

.page_preview li span {width:68%}

.mpguidebox  {text-align:center}
.mpguidebox li {margin:5px 15px 0;}
button.btnsize1,
a.btnsize1 {padding:10px 10px 10px;}
/******************************************************************
 * #CONTENTS LIST > 로그인
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.login .logininfo {margin:40px auto 30px; width:85%;}
.logininfo .loging label {display:block !important; margin-left:0 !important;}
.logininfo li input {width:100%;}
.logininfo li input[placeholder] {color:#999}
.loginbtn button {padding:26px 20px 29px;}
.login .membox {border-top:1px dashed #ccc; text-align:center; width:90%; margin:0 auto; padding:30px 0}
.login .membox a {padding:10px 20px; margin:0; font-size:14px; font-family:NanumGothicBold,’나눔고딕’,ng,sans-serif;}
.memchk  p {right:0;}
/******************************************************************
 * #CONTENTS LIST > 아이디/비밀번호 찾기
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.searchidpw {height:auto; float:none; width:100%; padding-bottom:20px;}
.searchidpw.schid {margin-bottom:10px}

/******************************************************************
 * #CONTENTS LIST > 회원가입
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.memjoin1 {height:130px; width:100%; background:url(/images/com/joinSicon1.gif) 20px center no-repeat; position:relative; margin-bottom:5px}
.memjoin2 {height:130px; width:100%; background:url(/images/com/joinSicon2.gif) 20px center no-repeat; position:relative; margin:0; margin-bottom:5px; left:0px}
.memjoin3 {height:130px; width:100%; background:url(/images/com/joinSicon3.gif) 20px center no-repeat; position:relative; margin-bottom:5px}
/**추가 dki**/
.memsns1 {height:130px; width:100%; background:url(/images/sns/facebook.png) 20px center no-repeat; position:relative; margin-bottom:5px}
.memsns2 {height:130px; width:100%; background:url(/images/sns/tweeter.png) 20px center no-repeat; position:relative; margin:0; margin-bottom:5px; left:0px}
/**추가 dki end**/
.memselbox h5 {text-align:left; margin-top:40px; margin-left:115px; font-size:18px}
.memselbox .memjoin3 h5 {margin-top:53px; font-size:18px}
.memselbox span {text-align:left; margin-top:5px; margin-left:115px; font-size:12px}
.memselbox p {width:auto; text-align:center; position:absolute; top:28px; right:20px; text-align:right}
.memselbox p .mmboxa {text-align:center; display:inline-block; padding:30px 10px; width:90px}
.mmstartext {background:url(/images/inc/starIcon.gif) 0 4px no-repeat; font-size:13px; padding-left:10px; color:#666; margin-top:15px;}
.joiner	{padding-top:175px;padding-left:0px;background-position:center 0;}
.joiner p.title {text-align:center;font-size:25px}
.joinerbner li {width:49%; margin:0 0 0 0}
.joinerbner li a {width:80%; margin:0 auto;}
.joinerbner li.jnber1 a {border-bottom:1px solid #e6e6e6; background-position:center 10px; padding:90px 0 10px}
.joinerbner li.jnber2 a {border-bottom:1px solid #e6e6e6; background-position:center 10px; padding:90px 0 10px}
.joinerbner li.jnber3 {background:none}
.joinerbner li.jnber3 a {border-bottom:1px solid #e6e6e6; background-position:center 10px; padding:90px 0 10px; border-bottom:0; border-left:0}
.joinerbner li.jnber4 a {border-bottom:1px solid #e6e6e6; background-position:center 10px; padding:90px 0 10px; border-bottom:0}
.joinerWrap .joinerbtn {margin-top:20px; margin-left:0; text-align:center}
.joinerWrap .joinerbtn span {vertical-align:middle;margin:5px 15px}
.joinerWrap .joinerbtn a {vertical-align:middle}
/******************************************************************
 * #CONTENTS LIST > 본인인증
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.stepbox {display:none}	
.passlinkbox section {width:46%;}
/******************************************************************
 * #CONTENTS LIST > 이용권구매
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.regBuy li {display:block;width:100%;float:none}
.gfmemid p {width:90%;}
.buyer	{padding-top:160px;padding-left:0px;background-position:center 0; background-size:auto}
.buyer p.title {text-align:center;font-size:25px}
/******************************************************************
 * #CONTENTS > 마이페이지
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
/*이용내역*/
.totalBox span {width:29%;padding-left:50px;margin-right:5%}
.totalBox span.m_last {border-right:none;}
.totalBox span.m_br {margin-top:15px}

.cuponBox {padding:40px 5px}
.cuponBox label {font-size:14px}
.cuponBox button, .cuponBox a {padding:9px 15px;}

.addCash > span.ph {background:url("/images/own/bg_ph.gif") no-repeat center 0;}

.leave	{padding-top:175px;padding-left:0px;background-position:center 0;}
.leave p.title {text-align:center;font-size:25px}
.remains {font-size:15px}
.leaveCheck button {margin:0 auto;width:90%;margin-top:10px}
.reason {width:90%}
.leaveMessage p {font-size:14px;}
.addCash > span {display:block;margin-right:0px;font-size:21px;color:#038751;font-family:"nanumGothicBold";padding-left:0;padding-top:50px;height:60px;vertical-align:middle;line-height:60px}
.addCash button, .addCash a {display:block;margin:0 auto;width:50%}
/******************************************************************
 * #CONTENTS > 고객센터
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
#container .searchbox select.bor_select {width:18%; margin-right:5px}
#container .searchbox input.bor_srh {width:40%;}
.faq_list dd .added_file span {width:50%}
.faq_list dt a {width:70%;}
.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;}
.faqbox1 {display:none}
.faqbox2 {display:block}
/******************************************************************
 * #CONTENTS > 이용방법
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.graylinebox {text-align:center;padding:80px 20px 20px;}
.graylinebox span {margin-left:0}
.lineboximg1 {background:url(/images/use/usepayIcon1.gif) center 10px no-repeat}
.lineboximg2 {background:url(/images/use/usepayIcon7.gif) center 10px no-repeat}
.lineboximg3 {background:url(/images/use/usecardicon1.gif) center 10px no-repeat;}
.lineboximg4 {background:url(/images/use/returnIcon1.gif) center 10px no-repeat}
.line3boximg1 {background:url(/images/use/biekrentIcon1.gif) center 10px no-repeat;}
.line3boximg2 {background:url(/images/use/biekrentIcon9.gif) center 10px no-repeat;}
.line3boximg3 {background:url(/images/use/biekrentIcon12.gif) center 10px no-repeat;}
.line3boximg4 {background:url(/images/use/errrepotIcon1.gif) center 10px no-repeat;}
.line3boximg2 p {margin-left:0}
.graylinebox2 {text-align:center}
.graylinebox2 li {border:none}
.graylinebox2 li {width:46%; margin:0; padding-bottom:20px;padding-top:80px; background-position:center 20px}
.graylinebox2 li.line2boximg1,
.graylinebox2 li.line2boximg2 {border-bottom:1px solid #e6e6e6;}
.graylinebox2 li.line2boximg2,
.graylinebox2 li.line2boximg4 {border-left:1px solid #e6e6e6; margin-left:-5px;}
.paystepbox dl {display:block; width:auto; border-top:1px solid #e5e5e5}
.paystepbox dl:first-child {border-top:0 none; margin-top:-15px}
.paystepbox dl:first-child dt {padding-top:15px}
.paystepbox dl dt {color:#333; line-height:2; margin:15px 15px 5px 150px}
.paystepbox dl dd {color:#999; line-height:1.5; margin:0 15px 15px 150px}
.paystepbox hr {border-bottom:0 none}
/******************************************************************
 * #CONTENTS > 공공
 * ----------------------------------------------------------------
 + Work History *
 * ----------------------------------------------------------------
******************************************************************/
.infotext2 {width:80%;}
.infotext2 div em {font-size:30px;}
.infotext2 span {font-size:15px;}
.infotext3 ul {background:none; width:100%;  height:auto; }
.infotext3 ul li img {width:150px; display:inline-block; vertical-align:middle}
.infotext3 ul li {display:block; width:100%; margin-top:auto; vertical-align:top; margin-bottom:5px}
.infotext3 ul li div {display:inline-block; width:50%; vertical-align:middle}
.infotext3 ul li p {font-size:15px;}
.infotext3 ul li span {font-size:12px;}
/* 공공 */		
.infoimg2 {padding:200px 0 0 0}
.infoimg3 {padding:200px 0 0 0}
/******************************************************************************************************************************************************************************************************
 * #App Style
 * ---------------------------------------------------------------- 
 + Work History *
 * ----------------------------------------------------------------
*****************************************************************************************/
#app #container .appTopbox1off .at1off p {font-size:14px;}
#app #container .appTopbox1off .at1off h4 {font-size:35px;}
#app #container .appTopbox1off .at1off span {font-size:14px;}
#app #container .appMidstation .boxmarg p {font-size:14px;}
#app #container .appMidstation .boxmarg h4 {font-size:20px;}
#app #container .appMidticket .boxmarg p {font-size:14px;}
#app #container .appMidticket .boxmarg h4 {font-size:20px;}
#app #container .appMidmypage .boxmarg p {font-size:14px;}
#app #container .appMidmypage .boxmarg h4 {font-size:20px;}
#app #container .appMidcall .boxmarg p {font-size:14px;}
#app #container .appMidcall .boxmarg h4 {font-size:20px;}
#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:12px; display:block; padding:35px 0 8px}
#app footer ul li.qk1 a {background:url(/images/app/appFtIcon1.png) center 10px no-repeat; background-size:20px}
#app footer ul li.qk2 a {background:url(/images/app/appFtIcon2.png) center 10px no-repeat; background-size:20px}
#app footer ul li.qk3 a {background:url(/images/app/appFtIcon3.png) center 10px no-repeat; background-size:20px}
#app footer ul li.qk4 a {background:url(/images/app/appFtIcon4.png) center 10px no-repeat; background-size:20px}
#app footer ul li.active {background:#2286c0}
/******************************************************************
 * 600px ~ 700px
******************************************************************/
@media only screen and (min-width:600px) and (max-width:700px){
	/* Slide Menu */
	.slidmenu .meminfo p span {display:inline-block}
	/* Main Contents */
	#mainctn {width:100%; margin:0 auto; height:880px}
	#mainctn .notice  {width:50%; position:absolute; top:0; left:0;}
	#mainctn .faq {width:50%; position:absolute; top:0; right:0;}
	#mainctn .ghoto {width:100%; top:280px; position:absolute}
	#mainctn .hiking {width:100%; top:580px; position:absolute}
	#mainctn .ghoto h3,
	#mainctn .hiking h3 {margin-left:15px;}
	#mainctn .ghoto dl,
	#mainctn .hiking dl {margin-left:15px; width:auto; margin-right:310px}
	#mainctn .ghoto .gimg,
	#mainctn .hiking .gimg {display:block}
	#mainctn .ghoto .more,
	#mainctn .hiking .more {right:15px; top:35px}
	#mainctn .notice h3,
	#mainctn .faq h3 {margin-left:20px}
	#mainctn .notice ul,
	#mainctn .faq ul {margin-left:20px; margin-right:20px;}
	#mainctn .notice .more,
	#mainctn .faq .more {right:20px;}
	/* 마이페이지 */
	.totalBox span {margin-right:0}
	.totalBox .totalMenu02 {float:right;margin-right:0}
	.totalBox .totalMenu04 {float:right}
	.totalBox .totalMenu01 {width:35%}
	.totalBox .totalMenu03 {width:35%}
	/* 개요 */
	.infotext3 ul li p {font-size:20px;}
	.infotext3 ul li span {font-size:15px;}
	/* App 600~700 */
	#app #container .appTopbox1on {border-radius:1em; top:0; border:1px solid #2c9969; background:#1eb070;height:40%; margin:0 0 2%}
	#app #container .appTopbox1on .timeguide {background:#189763; margin:2% 2%; position:relative; border-radius:0.8em; color:#FFF; font-size:18px; height:48%; vertical-align:middle}
	#app #container .appTopbox1on .statitle {background:url(/images/app/appSecicon1.png) 0 15% no-repeat; width:36%;  padding-left:5%; display:inline-block; vertical-align:middle; position:absolute; top:24%; line-height:1.5;background-size:18px; left:5%;word-wrap:break-word;font-size:17px}
	#app #container .appTopbox1on .statitle em {display:block;font-size:14px;font-style:normal;position:relative}
	#app #container .appTopbox1on .statitle em:before {content:"";display:block;background: url("../images/app/bicycle.png") no-repeat 0 2%;background-size: 100%;position:absolute;top: 13%;left: -8%;width: 15px;height: 15px;}
	#app #container .appTopbox1on .statime {width:40%; display:inline-block; position:absolute; right:3%; top:18%}
	#app #container .appTopbox1on .statime p {color:#ffff00; font-size:60px; font-weight:bold}
	#app #container .appTopbox1on .statime span {font-size:18px;  margin-left:10px}
	#app #container .appTopbox1on .todaytime {margin:4% 2%; position:relative; color:#FFF; font-size:18px; display:block; vertical-align:middle}
	#app #container .appTopbox1on .todaytime p {background:none/* url(/images/app/appSecicon2.png) 5% 16% no-repeat; */;background-size:15px; position:absolute; width:50%; padding-left:0px; line-height:1.5; top:25%; left:2%}
	#app #container .appTopbox1on .todaytime p span {display:block; color:#ffff00}
	#app #container .appTopbox1on .todaytime a {border:1px solid #8fd8b8; color:#FFF; font-size:16px; padding:10px 4%; margin:2%; position:absolute; right:0; top:20%}
	#app #container .appTopbox1off .at1off {background-size:40%;}
	#app #container .appTopbox1off .at1off p {font-size:12px;}
	#app #container .appTopbox1off .at1off h4 {font-size:23px;}
	#app #container .appTopbox1off .at1off span {font-size:12px;}
}
/********************************
 * ie8 별도 미티어쿼리
********************************/
.ie8m	.pwheader h1 {background:url(/images/inc/dvTopLogo2.png) center center no-repeat;}
.ie8m	.pwheader_m h1 {background:url(/images/inc/dvTopLogo2.png) center center no-repeat;}
/* Slide Menu */
.ie8m	.slidmenu .meminfo p span {display:inline-block}
	/* Main Contents */
.ie8m	#mainctn {width:100%; margin:0 auto; height:880px}
.ie8m	#mainctn .notice  {width:50%; position:absolute; top:0; left:0;}
.ie8m	#mainctn .faq {width:50%; position:absolute; top:0; right:0;}
.ie8m	#mainctn .ghoto {width:100%; top:280px; position:absolute}
.ie8m	#mainctn .hiking {width:100%; top:580px; position:absolute}
.ie8m	#mainctn .ghoto h3,
.ie8m	#mainctn .hiking h3 {margin-left:15px;}
.ie8m	#mainctn .ghoto dl,
.ie8m	#mainctn .hiking dl {margin-left:15px; width:auto; margin-right:310px}
.ie8m	#mainctn .ghoto .gimg,
.ie8m	#mainctn .hiking .gimg {display:block}
.ie8m	#mainctn .ghoto .more,
.ie8m	#mainctn .hiking .more {right:15px; top:35px}
.ie8m	#mainctn .notice h3,
.ie8m	#mainctn .faq h3 {margin-left:20px}
.ie8m	#mainctn .notice ul,
.ie8m	#mainctn .faq ul {margin-left:20px; margin-right:20px;}
.ie8m	#mainctn .notice .more,
.ie8m	#mainctn .faq .more {right:20px;}
/* 마이페이지 */
.ie8m	.totalBox span {margin-right:0}
.ie8m	.totalBox .totalMenu02 {float:right;margin-right:0}
.ie8m	.totalBox .totalMenu04 {float:right}
.ie8m	.totalBox .totalMenu01 {width:35%}
.ie8m	.totalBox .totalMenu03 {width:35%}
/* 개요 */
.ie8m	.infotext3 ul li p {font-size:20px;}
.ie8m	.infotext3 ul li span {font-size:15px;}
/******************************************************************
 * ~ 500px 
******************************************************************/
@media only screen and (max-width:600px){
	/* 메인 */
	#mainctn .ghoto .gimg,
	#mainctn .hiking .gimg {display:none !important}
	#mainctn .ghoto dl,
	#mainctn .hiking dl {margin-right:15px !important}
	#app #container .appTopbox1on .statitle {background:url(/images/app/appSecicon1.png) 0 6px no-repeat; width:65%;  padding-left:5%; display:inline-block; vertical-align:middle; position:absolute; top:18%; line-height:1.5;background-size:13px; left:3%;word-wrap:break-word;font-size:17px}
	#app #container .appTopbox1on .statitle em {display:block;font-size:14px;font-style:normal;position:relative}
	#app #container .appTopbox1on .statitle em:before {content:"";display:block;background: url("../images/app/bicycle.png") no-repeat 0 2%;background-size: 100%;position:absolute;top: 13%;left: -8%;width: 15px;height: 15px;}
	#app #container .appTopbox1on .statime {width:25%; display:inline-block; position:absolute; right:3%; top:19%}
	#app #container .appTopbox1on .statime p {color:#ffff00; font-size:25px; font-weight:bold}
	#app #container .appTopbox1on .statime span {font-size:14px}
	#app #container .appTopbox1on .todaytime p {background:none/* url(/images/app/appSecicon2.png) 5% 16% no-repeat; */;background-size:15px; position:absolute; width:50%; padding-left:0px; line-height:1.5; top:25%; left:2%}
}
/********************************
 * ie8 별도 미티어쿼리
********************************/
/* 메인 */
.ie8m	#mainctn .ghoto .gimg,
.ie8m	#mainctn .hiking .gimg {display:none !important}
.ie8m	#mainctn .ghoto dl,
.ie8m	#mainctn .hiking dl {margin-right:15px !important}
@media only screen and (max-width:500px){
	.sitebox {text-align:center; margin:0}
	.sitem {width:100%; margin:0 0 30px 0; }
	.borad_head .type01 li span {width:70%}
	.borad_head .type02 li span {width:80%}
	.borad_head .type02 li.name span {width:60%}
	.file span {width:64%}
	/* 매인 */
	#mainctn {height:1160px !important}
	#mainctn .notice  {width:100% !important;}
	#mainctn .faq {width:100% !important;top:280px !important;}
	#mainctn .ghoto {top:560px !important;}
	#mainctn .hiking {top:860px !important;}
	/* 개요 */
	.infotext3 ul li p {font-size:15px;}
	.infotext3 ul li span {font-size:12px;}
	.error {width:60%;margin:10% auto;}
	.error img {width:100%}
}
/********************************
 * ie8 별도 미티어쿼리
********************************/
.ie8iso	 .sitebox {text-align:center; margin:0}
.ie8iso .sitem {width:100%; margin:0 0 30px 0; }
.ie8iso	 .borad_head .type01 li span {width:70%}
.ie8iso	 .borad_head .type02 li span {width:70%}
.ie8iso	 .borad_head .type02 li.name span {width:60%}
.ie8iso	 .file span {width:64%}
/* 매인 */
.ie8iso #mainctn {height:1160px !important}
.ie8iso #mainctn .notice  {width:100% !important;}
.ie8iso #mainctn .faq {width:100% !important;top:280px !important;}
.ie8iso #mainctn .ghoto {top:560px !important;}
.ie8iso #mainctn .hiking {top:860px !important;}
/* 개요 */
.ie8iso .infotext3 ul li p {font-size:15px;}
.ie8iso .infotext3 ul li span {font-size:12px;}
/******************************************************************
 * ~ 400px
******************************************************************/
@media only screen and (max-width:420px){
	.memchk {position:relative;  width:100%}	
}
@media only screen and (max-width:400px){
	.sortButton li {margin-left:0}
	.sortButton li button {font-size:12px}
	.tbuptext.posright {font-size:11px}
	/* 로그인 */
	.memchk {position:relative;  width:100%}
	.memchk  p {position:absolute; right:0; top:0}
	/* 회원가입 */
	.memselbox h5 {text-align:left; margin-top:20px; margin-left:130px; font-size:18px}
	.memselbox .memjoin3 h5 {margin-top:30px; font-size:18px}
	.memselbox span {text-align:left; margin-top:5px; margin-left:130px; font-size:12px}
	.memselbox p {width:auto; text-align:center; position:absolute; top:70px; right:auto; left:130px; text-align:left}
	.memselbox p .mmboxa {text-align:center; display:inline-block; padding:10px 10px; width:110px}
	.memselbox .memjoin3 p {top:65px}
	/* 본인인증 */
	.passlinkbox {height:230px}	
	.passlinkbox section p {display:none}
	.passlinkbox section a {margin-top:130px; display:inline-block}
	.passtext {font-size:13px;}
	/* 마이페이지*/
	.totalBox span {width:110px;margin-top:15px;border-right:none; float:left}
	.totalBox span.totalMenu01 {margin-top:0}
	.totalBox span.totalMenu02 {float:left}
	.totalBox span.totalMenu04 {float:left}
	.cuponBox input {width:90px}
	.leave p.title {font-size:22px}
	.leaveWrap {padding:0}
	.addCash button, .addCash a {display:block;margin:0 auto;width:60%}
	.addCash > span {font-size:18px}
	.buyway section p {display:none}
	.buyway section a {margin-top:140px}
	/* 공공 */
	.infoimg2 {background:url(/images/info/infoimg6.jpg) center 0 no-repeat;}
	.infoimg3 {background:url(/images/info/infoimg7.jpg) center 0 no-repeat;}
	/* App 400 이하 */	
	#app #container .appTopbox1on {border-radius:1em; top:0; border:1px solid #2c9969; background:#1eb070;height:40%; margin:0 0 2%}
	#app #container .appTopbox1on .timeguide {background:#189763; margin:2% 2%; position:relative; border-radius:0.8em; color:#FFF; font-size:18px; height:48%; vertical-align:middle}
	#app #container .appTopbox1on .statitle {background:url(/images/app/appSecicon1.png) 0 6px no-repeat; width:65%;  padding-left:5%; display:inline-block; vertical-align:middle; position:absolute; top:18%; line-height:1.5;background-size:13px; left:3%;word-wrap:break-word;font-size:17px}
	#app #container .appTopbox1on .statitle em {display:block;font-size:14px;font-style:normal;position:relative}
	#app #container .appTopbox1on .statitle em:before {content:"";display:block;background: url("../images/app/bicycle.png") no-repeat 0 2%;background-size: 100%;position:absolute;top: 13%;left: -8%;width: 15px;height: 15px;}
	#app #container .appTopbox1on .statime {width:25%; display:inline-block; position:absolute; right:3%; top:19%}
	#app #container .appTopbox1on .statime p {color:#ffff00; font-size:25px; font-weight:bold}
	#app #container .appTopbox1on .statime span {font-size:14px}
	#app #container .appTopbox1on .todaytime {margin:4% 2%; position:relative; color:#FFF; font-size:18px; display:block; vertical-align:middle}
	#app #container .appTopbox1on .todaytime p {background:url(/images/app/appSecicon2.png) 5% 16% no-repeat;background-size:15px; position:absolute; width:50%; padding-left:30px; line-height:1.5; top:25%; left:2%}
	#app #container .appTopbox1on .todaytime p span {display:block; color:#ffff00}
	#app #container .appTopbox1on .todaytime a {border:1px solid #8fd8b8; color:#FFF; font-size:16px; padding:10px 4%; margin:2%; position:absolute; right:0; top:20%;box-shadow:1px 1px 5px 1px rgba(0,0,0,0.2)}
	#app #container .appTopbox1off .at1off {background-size:40%;}
	#app #container .appTopbox1off .at1off p {font-size:12px;}
	#app #container .appTopbox1off .at1off h4 {font-size:23px;}
	#app #container .appTopbox1off .at1off span {font-size:12px;}
	#app #container .appMidstation .boxmarg p {font-size:12px;}
	#app #container .appMidstation .boxmarg h4 {font-size:16px;}
	#app #container .appMidticket .boxmarg p {font-size:12px;}
	#app #container .appMidticket .boxmarg h4 {font-size:16px;}
	#app #container .appMidmypage .boxmarg p {font-size:12px;}
	#app #container .appMidmypage .boxmarg h4 {font-size:16px;}
	#app #container .appMidcall .boxmarg p {font-size:12px;}
	#app #container .appMidcall .boxmarg h4 {font-size:16px;}
}
/********************************
 * ie8 별도 미티어쿼리
********************************/
.ie8iso		.sortButton li {margin-left:0}
.ie8iso		.sortButton li button {font-size:12px}
.ie8iso		.tbuptext.posright {font-size:11px}
/* 회원가입 */
.ie8iso		.memselbox h5 {text-align:left; margin-top:20px; margin-left:130px; font-size:18px}
.ie8iso		.memselbox .memjoin3 h5 {margin-top:30px; font-size:18px}
.ie8iso		.memselbox span {text-align:left; margin-top:5px; margin-left:130px; font-size:12px}
.ie8iso		.memselbox p {width:auto; text-align:center; position:absolute; top:70px; right:auto; left:130px; text-align:left}
.ie8iso		.memselbox p .mmboxa {text-align:center; display:inline-block; padding:10px 10px; width:110px}
.ie8iso		.memselbox .memjoin3 p {top:65px}
/* 본인인증 */
.ie8iso		.passlinkbox {height:230px}	
.ie8iso		.passlinkbox section p {display:none}
.ie8iso		.passlinkbox section a {margin-top:130px; display:inline-block}
.ie8iso		.passtext {font-size:13px;}
/* 마이페이지*/
.ie8iso		.totalBox span {width:110px;margin-top:15px;border-right:none;}
.ie8iso		.totalBox span.totalMenu01 {margin-top:0}
.ie8iso		.totalBox span.totalMenu02 {float:left}
.ie8iso		.totalBox span.totalMenu04 {float:left}
.ie8iso		.cuponBox input {width:90px}
.ie8iso		.leave p.title {font-size:22px}
.ie8iso		.leaveWrap {padding:0}
.ie8iso		.addCash button, .addCash a {display:block;margin:0 auto;width:60%}
.ie8iso		.addCash > span {font-size:18px}
.ie8iso		.buyway section p {display:none}
.ie8iso		.buyway section a {margin-top:140px}
/* 공공 */
.ie8iso		.infoimg2 {background:url(/images/info/infoimg6.jpg) center 0 no-repeat;}
.ie8iso		.infoimg3 {background:url(/images/info/infoimg7.jpg) center 0 no-repeat;}

@media only screen and (max-width:330px){
	/* App 400 이하 */	
	#app #container .appTopbox1on {border-radius:1em; top:0; border:1px solid #2c9969; background:#1eb070;height:40%; margin:0 0 2%}
	#app #container .appTopbox1on .timeguide {background:#189763; margin:2% 2%; position:relative; border-radius:0.8em; color:#FFF; font-size:15px; height:48%; vertical-align:middle}
	#app #container .appTopbox1on .statitle {background:url(/images/app/appSecicon1.png) 0 3px no-repeat; width:62%;  padding-left:5%; display:inline-block; vertical-align:middle; position:absolute; top:18%; line-height:1.5;background-size:13px; left:3%;word-wrap:break-word;overflow:hidden;font-size:17px}
	#app #container .appTopbox1on .statitle em {display:block;font-size:12px;font-style:normal;}
	#app #container .appTopbox1on .statitle em:before {content:"";display:block;background: url("../images/app/bicycle.png") no-repeat 0 2%;background-size: 100%;position:absolute;top: 2%;left: -8%;width: 15px;height: 15px;}	
	#app #container .appTopbox1on .statilte {display:block;font-size:12px;font-style:normal;background:url("../images/app/bicycle.png") no-repeat 0 2px;}
	#app #container .appTopbox1on .statime {width:30%; display:inline-block; position:absolute; right:0; top:20%}
	#app #container .appTopbox1on .statime p {color:#ffff00; font-size:30px; font-weight:bold}
	#app #container .appTopbox1on .statime span {font-size:13px}
	#app #container .appTopbox1on .todaytime {margin:4% 2%; position:relative; color:#FFF; font-size:15px; display:block; vertical-align:middle}
	#app #container .appTopbox1on .todaytime p {background:url(/images/app/appSecicon2.png) 5% 10% no-repeat;background-size:15px; position:absolute; width:50%; padding-left:30px; line-height:1.5; top:25%; left:2%}
	#app #container .appTopbox1on .todaytime p span {display:block; color:#ffff00}
	#app #container .appTopbox1on .todaytime a {border:1px solid #8fd8b8; color:#FFF; font-size:13px; padding:10px 4%; margin:2%; position:absolute; right:0; top:20%}
	/* 자전거신고 */
	#app #container .errareaa dt span {display:block; margin-left:18px}
	#app #container .errareaa .errarbtngr button {border:1px solid #eee; width:100%; padding:10px 0; margin:2px; color:#666; background:#eee url(/images/app/errOffbtn.gif) 11px 12px no-repeat; background-size:18px; text-align:left;}
	#app #container .errareaa .errarbtngr button span {margin-left:40px; font-size:14px}
	#app #container .errareaa .errarbtngr button.btnchk {background:#777 url(/images/app/errOnbtn.gif) 11px 12px no-repeat; background-size:18px; border:1px solid #777; color:#fff}
	/* 버튼 사이즈 */
	.btnsize1 {padding:14px 30px 13px;}
}