@charset "UTF-8";



/*서브 레이아웃*/
.inner{width: 1350px; margin: 0 auto; position: relative;}
#content_area{ width: 100%;  position: relative;}
#content_page{width: calc(100% - 320px);margin-bottom: 80px;box-sizing: border-box;min-height: 335px;font-size: 17px;padding: 30px 0 25px 0;line-height: 1.5;position: relative;z-index: 1;}
#sub_contents > div{display: inline-block; vertical-align: top;}
#sub_contents{width: 1350px;margin: 0 auto;font-size: 0;}

/*서브상단*/
#containerTop{width: 100%; height: 135px; background:#f2fcf3; position: relative;}

#containerTop:before{width: 100%;height: 135px;display: block;content: "";left: 48%;transform: translateX(-50%);top:0px;background: url(/images/domain/bike/sub/containerTop.jpg) no-repeat;position: absolute;}

.sub_tit{width: 100%;text-align: center;padding-top:33px;position: relative;z-index: 10;box-sizing: border-box;font-size: 35px;word-break: keep-all;padding-left: 250px;}

#sub_navi{width: 100%;position: relative;box-sizing: border-box;font-size: 0;z-index: 2;margin: 0 auto 25px auto;text-align: center;padding-left: 250px;}

.navi_list{width: calc(100% - 80px);height: 50px;font-size: 0;box-sizing: border-box;padding-top:15px;display:inline-block;}



#sub_navi ul.navi_list li.navi_home{margin-left: 0;}
#sub_navi ul.navi_list li{display: inline-block;vertical-align: middle;font-size: 16px;padding: 0 10px;margin-left: 5px;position: relative;font-weight: 400;}


#sub_navi ul.navi_list li:before{display: block;content: "";position: absolute;width: 6px;height: 11px;background: url(/images/domain/bike/sub/navicon.png) no-repeat;top: 50%;transform: translateY(-50%);left: -5px;}    

#sub_navi ul.navi_list li:first-child:before{display:none;}
#sub_navi ul.navi_list li:last-child{font-weight: 600;}


.sub_snsarea{ width: auto; display:inline-block; font-size:0;}
.sub_snsarea li{display:inline-block; margin-right:8px; position: relative;}
.sub_snsarea li:last-child{margin-right:0px;}
.sub_snsarea > li > a{  display: block; background:#fff; width: 35px; height: 35px; box-sizing: border-box; border-radius: 50%; line-height: 33px;}
.sub_snsarea li:hover > a{background:#fff2e6;}
.sub_sns_btn{margin-top: 6px; position: absolute; display: none;}
.sub_sns_btn a{ display: block; width: 35px; height: 35px; margin: -1px 0 0 0; text-align: center;
background-color: #fff; border: 1px solid #ff5a00; position: relative; border-radius:50%; margin-bottom:5px;}
.sub_sns_btn a img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sub_sns_btn a:hover{background:#fff2e6;}
.sub_sns_btn.on{display: block;}



/*left 메뉴*/
.left-menu-wrap {width: 270px;margin-right: 50px;margin-top: -55px;margin-bottom: 40px;position: relative;}
.left-m-tit{position: relative;width: 270px;height:103px;overflow: hidden;z-index: 2;background-color: #009a80;border-radius: 20px;}
.left-m-tit:after{width: 270px;height: 105px;top: 0;left: 0;z-index: 1;display: block;content: "";position: absolute;background: url(/images/domain/bike/sub/leftmenu_background.png) no-repeat;}

.left-menu-wrap h2 {padding-left:30px; line-height: 1.5em;color: #fff;font-size: 23px;font-weight: 500;text-align: left; z-index: 5; position: absolute; top: 50%; transform: translateY(-50%);}

.left-menu-wrap .left-menu {background-color: #fff; padding-left:30px; font-weight: 400;}

.left-menu-wrap .left-menu li { border-bottom: 1px solid #ddd;}
.left-menu-wrap .left-menu.down li{border-bottom:0px !important;}

.left-menu-wrap .left-menu li>a {display: block;padding: 20px 18px;font-size: 18px;}
.left-menu-wrap .left-menu li a:hover {color:#ff5a00;}
.left-menu-wrap .left-menu li a.active {/*background-color:#fff;*/ font-weight: 600;}
.left-menu-wrap .left-menu li a span {float:right; color:#686868;}
.left-menu-wrap .left-menu li ul.down {position:relative;background-color:#fff2e6;border:0;display:none;padding: 18px 0;border-radius: 15px; margin-bottom: 15px;}


.left-menu-wrap .left-menu li ul.down li { border:0;}

.left-menu-wrap .left-menu ul.down li a {display:block;padding: 5px 18px;font-size: 16px;}

.left-menu-wrap .left-menu ul.down li a.active {font-weight:bold; color: #ff5a00;}

.left-menu-wrap .left-menu li ul.open {display:block;}



/*서브 퀵메뉴*/
#sub_quick{background: #ffff; position: fixed; bottom: 250px; right: 0; z-index: 999; box-sizing: border-box; transition: 0.3s all ease;
border-radius: 10px; text-align: left;}

#sub_quick li{width: 175px;height: 70px;border: 2px solid #b6b6b6;position: relative;box-sizing: border-box; overflow: hidden;}
#sub_quick li:last-child{border-top:0px;}
#sub_quick li.sq_b_1{border-radius: 20px 20px 0px 0px; border: 2px solid #46cf9b; border-bottom: 2px dashed #ccc;}
#sub_quick li.sq_b_1:after{    display: inline-block; content: ""; position: absolute; width: 100px; height: 100px;
right: -25px; top: -47px; background: #e6ffe9; z-index: -1; border-radius: 50%;}

#sub_quick li.sq_b_2{border-radius: 0px 0px 20px 20px; border: 2px solid #ff5a00; border-top:0;}
#sub_quick li.sq_b_2:after{display: inline-block; content: ""; position: absolute; width: 100px;
height: 100px; right: -25px; top: -47px; background: #fff2e6; z-index: -1; border-radius: 50%;}
#sub_quick li > a{display:inline-block;width:100%;position: absolute;top: 50%;left: 57%;transform: translate(-50%, -50%);font-weight:500;font-size:0;}
#sub_quick li > a > span{display:inline-block;}
.sq_img{width:40px;}
.sq_txt{width: calc(100% - 50px);font-size:16px;word-break: keep-all;padding-left: 10px;vertical-align: middle;}

#sub_quick li.sq_b_1:hover{background:#e6ffe9;}
#sub_quick li.sq_b_1:hover a{color:#006c43;} 
#sub_quick li.sq_b_2:hover{background:#fff2e6;}
#sub_quick li.sq_b_2:hover a{color:#ff5a00;} 







/*서브공통디자인*/

/*exp_box*/
.exp_box{width:100%;background-color:#fcfcfc;border: 2px solid #ced9e1;position:relative;margin-bottom:30px;border-radius: 40px 0px 40px 0px;box-sizing: border-box;padding: 2px 2px;font-size:0;}
.exp_box:after{ display: inline-block; content: ""; position: absolute; width: 35px; height: 35px; left: -3px; bottom: -3px; background: #00836f; z-index: 2;}
.exp_box::before{display: inline-block; content: ""; position: absolute; width: 35px; height: 35px; right: -3px; top: -3px; background: #00836f; z-index: 2;}
.expin{background-color:#fcfcfc;padding: 25px 25px;width:100%;font-size:0;position: relative;box-sizing: border-box;z-index: 5;border-radius: 40px 0px 40px 0px;}
.exp_box .expin > div{display:inline-block; vertical-align: middle; font-weight: 400;}
.expimg{width:105px;}
.exptxt{font-size:17px; width:calc(100% - 105px);}
.exp_box p{font-weight: 600; font-size:18px; color:#00836f; padding-bottom:7px;}
.list_exp{font-size:16px;}
.list_exp li{ margin:1px 0; padding-left: 18px; position: relative; width: 100%; box-sizing: border-box; font-size: 17px; word-break:keep-all;}
.list_exp li:after{display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #01ab91;
position: absolute; content: ""; top: 9px; left: 4px; box-shadow: 3px 3px 0px #b7f8bf;}


/*타이틀*/
#content_page h2{ font-size: 23px; font-weight: 600; padding: 0px 0px 0px 32px; position: relative; margin-bottom: 14px; 
background: url(/images/domain/bike/sub/h2con.png) 0 9px no-repeat; word-break: keep-all;}
#content_page h3{font-size:20px; font-weight: 600; color: #764d42; margin-bottom:10px; word-break: keep-all; padding-left: 10px;}


/*리스트*/
.list_design{font-size:17px; font-weight:400; padding-left:10px; }
.list_design > li{ margin:5px 0; padding-left: 18px; position: relative; width: 100%; box-sizing: border-box; font-size: 18px;  word-break:keep-all;}
.list_design > li:after{display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #ff5a00; position: absolute; content: ""; top: 9px; left: 4px; box-shadow: 3px 3px 0px #ffd4c3;}
.list_design2 li{padding-left:13px;position:relative;margin-bottom:3px;word-break: keep-all;font-size: 16px;  word-break:keep-all;}
.list_design2 li:after{display: block;content: "";position: absolute;left: 0;top: 8px;width: 0;height: 0;background: none;border-left: 6px solid #414141;border-top: 4px solid transparent;border-bottom: 4px solid transparent;}



/*table*/
.table_design{clear: both;word-break: keep-all;overflow: auto;}
.table_d_area{width:99%;margin:4px auto 5px auto;border-collapse: collapse;box-sizing:border-box;word-break:keep-all;font-size:17px;position:relative;border-bottom: 3px solid #eee;}
.table_d_area:before{display:block;position:absolute;content:"";width:100%;height:3px;top:-2px;left:0;z-index:1;background: #43c189;}
.table_d_area thead th{padding:13px 10px;font-size:17px;font-weight:500;position:relative;border-bottom: 1px solid #000000;background: #ffffff;border-right: 1px solid #ccc;}
.table_d_area thead th.last{border-right:none;}

.table_d_area thead th.border_r_line{border-right:1px solid #ccc !important;}

.table_d_area thead th.sc_th{border-top:none !important; border-radius:0 !important;}

.table_d_area tbody th{background-color: #f6fafc;padding:10px;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;font-weight:500;box-sizing:border-box;line-height:1.3em;font-size:17px;}
.table_d_area tbody td{padding:10px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; font-weight:400; box-sizing:border-box;}
.table_d_area tbody td.last{border-right:none;}
.table_d_area tbody td .cont_list{margin-left:0;}

.table_d_area tbody td.first{border-left:0px;}
.table_unit{color: #4b4b4b; display: block; font-weight: 400; font-size: 15px; text-align: right;}


/*버튼*/
.contentbtn{display:inline-block; box-sizing: border-box;}
.downbtn span{padding:10px 18px;font-size:16px;border-radius:20px;font-weight: 500;background: #fff5eb;box-shadow: 2px 3px 0px 1px #ff9a81;transition: 0.5s;}
.downbtn span:hover{ background: #ffdfbf; box-shadow: 2px 3px 0px 1px #ff8667;}
.linkbtn span{padding:10px 18px;font-size:16px;border-radius:20px;font-weight: 500;background: #e3ffed;box-shadow: 2px 3px 0px 1px #68dcb0; transition: 0.5s;}
.linkbtn span:hover{ background: #d6ffe5; box-shadow: 2px 3px 0px 1px #4acc9a;}





/*탭버튼*/
.tap_wrap{width: 100%; margin: 10px 0 30px;}
.tap_wrap .tapbtn{font-size:0; width:100%;}
.tap_wrap .tapbtn li{width: 25%; height: 60px; line-height: 60px; box-sizing: border-box; display: inline-block; vertical-align: top; margin-left: -1px;
margin-top: -1px; border-top: 1px solid #ffb6a5; border-bottom: 1px solid #ffb6a5; position: relative; }

.tap_wrap .tapbtn li:after{display:inline-block;content:"";position: absolute;width:1px;height: 18px;right:0;top: 50%;transform: translateY(-50%);background-color: #ffb6a5;z-index: 1;}
.tap_wrap .tapbtn li:last-child:after{display: none;}

/*개수별*/
.tap_wrap .tapbtn2 li{width:50%;}
.tap_wrap .tapbtn3 li{width:33.3333%;}
.tap_wrap .tapbtn4 li{width:25%;}

.tap_wrap .tapbtn li.on a{ color: #000000; font-weight: 700; background: #fff5eb; border-bottom: 2px solid #ff5932; }

.tap_wrap .tapbtn li a{ display: block; height: 100%; width: 100%; font-size: 19px; text-align: center;
position: relative; box-sizing: border-box; padding: 0 10px; background: #ffffff; font-weight: 500;}

.hidden-area {display:none;}
.hidden-area.on {display:block;} 


/* 담당자 정보 및 만족도*/
.cont_footer{border: 1px solid #7faea7;margin-top: 70px;}
.admin_info{padding: 15px 40px;border-bottom: 1px dashed #ddd;}
.admin_info li{display: inline-block; margin-right: 30px; font-size: 15px;}
.admin_info li span{position: relative;display: inline-block;padding-right: 12px;margin-right: 10px;color: #00642e;font-weight: 500;}
.admin_info li span:after{position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ""; display: block; width: 1px; height: 13px; background-color: #a3a3a3;}

.cont_footer fieldset{border: 0;}
.satis_survey{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 30px 40px;background-color: #f2fcf2;}
.satis_survey p{font-size: 16px; font-weight: 400;}
.satis_survey p > img{margin-right: 10px;}

.satis_survey > ul > li{display: inline-block; margin-right: 25px;}
.satis_survey input, .satis_survey img, .satis_survey span{display:inline-block; vertical-align:middle;}
.satis_survey span{margin-left:10px; font-size: 15px;}
.satis_survey .btn_grey{cursor: pointer; width: 102px;height: 32px;background-image: url(/images/domain/bike/sub/gpa.png); border: 0;}





/*추진목표와 배경*/
.insa_wrap{box-sizing: border-box;font-size:0;position: relative;margin-top: 70px;}
.insa_wrap:after{display: inline-block; content:""; position:absolute;}
.insa_wrap > div{display:inline-block;vertical-align: bottom;}
.insaimg{width:407px;height:265px;position: absolute;top: -63px;left: 31px;z-index: 2;}
.insaimg img{width:100%;}
.insa_txt{font-size:18px;word-break:keep-all;background:#f7f7f7;width: 100%;box-sizing: border-box;padding: 40px 0px 65px 465px;border-radius: 0px 50px 0px 0px;position: relative;overflow: hidden;z-index: 1;} 
.insa_txt:after{ width:457px; height:455px; top: 35px; right: -20px; display: block; content: ""; position: absolute;
background: url(/images/domain/bike/sub/insa_back.png) no-repeat; z-index: -1;}
.insa_txt .insa_title > p{font-weight: 500;color: #00836f;}
.insa_txt .insa_title > div{font-size: 24px;padding-bottom:23px;font-weight: 600;}
.insa_txt .insa_detail{padding:0 15px 0px 0px;}


/*이미지박스*/
.conimgbox{text-align: center; }



/*센터소개*/
.center_area{font-size:0;}
.center_area > div{display:inline-block; font-size:18px; vertical-align: middle;}
.center_poto{width:270px; margin-right:30px;}
.center_poto img{width:100%;}
.center_txt{width:calc(100% - 300px);}
.list_design  li > span{display:inline-block; vertical-align:middle;}
.list_design .list_tit{font-weight:600; margin-right:7px; color:#007362; width:110px; position: relative;}
.list_design .list_tit:after{display:inline-block; position:absolute; content:""; background:#007362; width:1px; height:10px;
right:-1px; top:50%; transform: translateY(-50%);}
.list_design .list_answer{font-size:17px; width:calc(100% - 117px);}
.center_area h3{font-size:23px !important; position: relative;}
.center_area .list_design{ border-top: 1px #cccc dotted; padding-top: 10px;} 


/*찾아오시는길*/
.mapsize{width:100% !important;}


/*산악자전거 코스*/
.theme_course{font-size:0; box-sizing: border-box; }
.theme_course li{display:inline-block; font-size:0px; border: 1px solid #ccc; margin-left: -1px;  margin-top: -1px; padding:15px 10px;
box-sizing: border-box; width:calc(100% / 3); text-align: center;}

.theme_course li > p{display:inline-block; font-size:18px; vertical-align: middle;}
.theme_course li .course_color{width:80px; height:20px; border-radius: 20px; background:#ccc;}
.theme_course li .course_c_titie{font-weight: 500; margin-left:6px;}
.theme_course li .course_color1{background:#009cff;}
.theme_course li .course_color2{background:#248a00;}
.theme_course li .course_color3{background:#ff771e;}




/*사이트맵*/
.site_map{ width: 100%; margin-bottom: 35px; padding: 40px 0 0; box-sizing: border-box; font-size: 0;}
.site_map .site_maptit,.site_mapmenu{font-size:18px; display:inline-block; vertical-align: top;}
.site_map .site_maptit{width:200px;  margin-right: 30px; position: relative;}
.site_map .site_mapmenu{width:calc(100% - 230px);  font-size: 0; position: relative;} 
.site_map .site_maptit:after{display:inline-block;content:"";position: absolute;border-right: 1px dashed #1a9c88;width:1px;height:100%;right:-3px;top:50%;transform: translateY(-50%);} 
.site_map6 .site_maptit:after{height: 205%; top: 0; transform: initial}

.site_maptit{ text-align: center;}
.site_maptit p{font-size:20px;font-weight: 600;word-break: keep-all;color: #015f50;}
.site_maptit img{padding:30px 0 0px;}
.sitemap_menu_1{display:inline-block; font-size:18px; vertical-align:top; box-sizing: border-box;
width: calc(100% / 4 - 10px); margin-right: 13px; margin-bottom:20px;}
.sitemap_menutitle{display: inline-block;text-align: center;background:#fff;width: 100%;font-weight: 500;border: 1px solid #e1e1e1;border-radius: 25px;}
.sitemap_menutitle a{text-align: center;display: inline-block;width: 100%;height: 100%;padding: 10px 7px;box-sizing: border-box;word-break: keep-all;font-size: 17px;}
.sitemap_menutitle:hover{background-color:#edfcf4;     border: 1px solid #36b7a3;}

.site_map .site_mapmenu .sitemap_menu_1:last-child{margin-right:0px; margin-bottom: 0px;}
.site_map .site_mapmenu .sitemap_menu_1:nth-child(4n){margin-right:0px;}

.sitemap_menu_2{margin-top:15px; word-break: keep-all;}
.sitemap_menu_2 li{font-size:15px;}
.sitemap_menu_2 li a:hover {color:#ff5a00;}


/*본인인증*/
.join_field{ padding: 20px; border: 6px #f2f2f2 solid; box-sizing:border-box; line-height: 24px;  font-size: 16px;  border-radius: 20px;}
.join_field > div{padding: 10px; background-color: #FFF; height: 150px; text-align: left; overflow-y: scroll;}
.number_list li{font-size:0;     word-break: keep-all;}
.number_list li span{display:inline-block; font-size:16px; vertical-align: top;}
.number_list li span.number{font-weight:500; color:#00836f; width:20px;}
.number_list li span.n_txt{width:calc(100% - 20px);}
.inform_check{    display: inline-block; float: right; margin-top: 10px; font-size: 15px; font-weight: 400;}

.identi_confirm{font-size: 0px; display: flex; flex-wrap: wrap;  box-sizing: border-box; word-break: keep-all; position: relative; border:1px solid #ccc;}
.identi_confirm li{display: inline-block;font-size: 17px;width: calc(100% / 2);box-sizing: border-box;padding: 125px 20px 25px 20px;position:relative;text-align: center;}
.identi_confirm .item_hp:after{display:inline-block; position:absolute; content:""; border-right:1px dashed #ccc; width:1px; height: 100%; right:0; top:0; }
.identi_tit{font-size:20px; font-weight:600; margin-bottom:10px;}
.identi_detail{font-size:15px; height:85px;}
.identi_confirm .item_hp{background: url(/images/domain/bike/sub/hpcon.png) 50% 25px no-repeat;}
.identi_confirm .item_ipin{background: url(/images/domain/bike/sub/ipincon.png) 50% 25px no-repeat;}
.item_btn {    font-size: 17px; font-family: 'PretendardGOV', sans-serif;     margin: 0 auto; display: block; width: 200px; padding: 14px 15px; color: #fff; border-radius: 30px; background: #ccc; text-align: center;}
.item_hpbtn{background:#ff5932;}
.item_ipinbtn{background:#c52500;}
.item_btn:hover{background:#00836f;}





/*자전거등록*/
input.middle_inputsize{width:35% !important;}
input.ronly{background:#f2f2f2 !important; color:#4b4b4b;} 
input.Zipcode_input{width:38%  !important;}
.Zipcode_btn{ width: 100px; background: #4b4b4b; border-radius: 20px; box-sizing: border-box; padding: 7px 5px; display: inline-block; color: #fff;}
.deunglog_date{ height: 38px; padding: 0px 30px 0px 8px; margin: 0; border: 1px solid #ddd; box-sizing: border-box; background-image: url(/images/board/arrow_select.png); background-repeat: no-repeat; background-position: right center;}


/*자전거 등록 조회*/
.bike_checkView{    background: #fff; width: 100%; padding: 15px; box-sizing: border-box; text-align: center;}
.bike_checkView > h3{margin-bottom: 15px !important;}
.bike_checkView > ul{ width: 300px; text-align: left; margin: 0 auto;}
.bike_checkView > ul li{margin-bottom:8px;}
.bike_checkView label{font-weight: 500; margin-right: 13px; width: 75px; display: inline-block; font-size: 16px; border-right: 1px dashed #00878c; vertical-align: middle;}
input.bikecheck_input{ vertical-align: middle; border: 1px solid #ddd; padding: 8px 5px; border-radius: 15px;}
.bike_checkView .checkbtn{background: #4b4b4b; width: 300px; border-radius: 20px; color: #fff; padding: 8px 5px; font-size: 16px; margin-top: 5px; box-sizing: border-box; font-weight: 500;} 
.bike_checkView .checkbtn.namecheckbtn{background: #009688;}
.bike_checkView .checkbtn.namecheckbtn:hover{background: #006b61;}
.bike_checkView .checkbtn.carcheckbtn{background:#006ae0;}
.bike_checkView .checkbtn.carcheckbtn:hover{background:#004999;}




/*등록자전거 수정/해지*/
.sujeonghaeji{border:1px solid #e0e0e0; box-sizing:border-box;  font-size:0; margin-bottom:13px;}
.sujeonghaejicon{display:block; margin:0 auto; margin-bottom:8px;}
.sujeonghaeji > div{ display:inline-block;  width: calc(100% / 2);  text-align: center; padding:23px 15px;  box-sizing:border-box;}
.sujeonghaeji > div.sjbtn{position:relative;}
.sujeonghaeji > div.sjbtn:after{display: block; content: ""; width: 1px; height: 90%; background: #999; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.sujeonghaeji > .sjbtn.on{ background: #f6ffef;}
.sujeonghaeji > .hjbtn.on{ background: #fff2f5;}
.sujeonghaeji .bt_st{    font-size: 17px; background: #f2f2f2; border-radius: 20px; box-sizing: border-box; padding: 6px; width: 50%; color:#fff;}
.sujeonghaeji .bt_st.bt_green{ background: #008c76;}
.sujeonghaeji .bt_st.bt_green:hover{background: #005e4f;}
.sujeonghaeji .bt_st.bt_red{ background: #ff325c;}
.sujeonghaeji .bt_st.bt_red:hover{background: #ae0024;}
.sujeonghaeji_detail{font-size:15px; text-align:center; margin-top:15px;}
.sujeonghaeji_detail .sujeonP{font-weight:500; color:#006ae0;}
.sujeonghaeji_detail .haejiconP{font-weight:500; color:#ff0050;}

/*뒤로가기버튼*/
.btn_goback{color: #000000; background-color: #ebecff; border: 1px solid #3c46cc; padding: 0 20px; line-height: 35px; font-size: 15px;
box-sizing: border-box; display: inline-block; margin: 6px 0;}



/*반응형*/

@media  screen and (max-width:1700px)
{

/*서브상단*/
#containerTop:before{left: 50%;}
#sub_navi ul.navi_list li{text-shadow: -1px 0px #f2fcf2, 0px 1px #f2fcf2, 1px 0px #f2fcf2, 0px -1px #f2fcf2;}
.sub_tit{text-shadow: -1px 0px #f2fcf2, 0px 1px #f2fcf2, 1px 0px #f2fcf2, 0px -1px #f2fcf2;}

/*서브퀵메뉴*/
#sub_quick{ bottom: 18px;}

}



@media  screen and (max-width:1400px)
{

/*서브레이아웃*/
.inner{width:100%; box-sizing:border-box;}
#content_page{width: calc(100% - 340px);}


}



@media  screen and (max-width:1350px)
{

/*서브상단*/
.sub_tit{padding-left:0px;}
#sub_navi{padding-left:0px;}
#containerTop:before{background-position: left 0px;}

/*left 메뉴*/
.left-menu-wrap{display:none !important;}

/*서브 레이아웃*/
#content_area{width: 100%; position: relative;}
#sub_contents{ width: 100%; margin: 0px auto 50px auto; box-sizing: border-box; padding: 0 15px;}
#content_page{ width: 100%; padding-right: 0; padding-left: 0;}

  /* 담당자 정보 및 만족도*/
    .satis_survey p{margin-bottom: 10px;}



}



@media  screen and (max-width:1000px)
{


/*추진목표와 배경*/
.insa_txt{ padding: 20px 0px 45px 420px;}
.insaimg{width:353px;}


/*사이트맵*/
.site_map .site_maptit{width:100%; margin-bottom:20px; margin-right: 0px;}
.site_map .site_mapmenu{width: 100%; border-top: 1px dashed #92c7b3; padding: 20px 0 20px; border-bottom: 1px solid #00836f;}
.site_map .site_maptit:after{display: none;}
.site_maptit img{ padding: 5px 0 0px;}


}






@media  screen and (max-width:900px)
{


/*추진목표와 배경*/
.insa_txt{ padding: 20px 0px 35px 350px;}
.insa_txt .insa_title > div{padding-bottom:18px;}
.insaimg{width:300px;}

/*본인인증*/
.identi_detail{     min-height: 124px; line-height: 1.4;}

}





@media  screen and (max-width:800px)
{

/*서브상단*/
.sub_snsarea{display:none;}
#containerTop{height:128px;}
#containerTop:before{height:128px;}
.sub_tit{padding-top: 30px; font-size: 28px;}
.navi_list{padding-top: 13px; line-height: 1.4;}



/*추진목표와 배경*/
.insa_wrap{margin-top:0px;}
.insaimg{position: initial; width: 100%; height: 200px; overflow: hidden;}
.insa_txt{ padding: 20px 15px 35px 15px; border-radius: 0px 0px 50px 0px;}


/* 탭버튼 개수별*/
.tap_wrap .tapbtn li{ width: 33.3% !important; box-sizing: border-box; height: 50px; line-height: 50px; border:1px solid #ccc;}
.tap_wrap .tapbtn2 li{ width: 50% !important;}
.tap_wrap .tapbtn li a{font-size: 16px;}
.tap_wrap .tapbtn li:nth-child(3n):after{display:none;}

 /* 담당자 정보 및 만족도*/
    .admin_info{padding: 10px 15px;}
    .admin_info li{font-size: 14px;}
    .satis_survey{padding: 15px;}
    .satis_survey p{font-size: 15px;}
    .satis_survey .btn_grey{font-size: 13px;}



/*이미지박스*/
.conimgbox img{width:100%;}



/*사이트맵*/
.sitemap_menu_1{width: calc(100% / 3 - 9px); margin-right:13px !important;}
.site_map .site_mapmenu .sitemap_menu_1:nth-child(3n){margin-right:0px !important;}


/*등록자전거관리*/
input.middle_inputsize{width:100% !important;}


}


@media  screen and (max-width:700px)
{

/*exp_box*/
.expimg{display: none !important;}
.exptxt{width:100%;}


/*센터소개*/
.center_poto{width: 100%; margin-right: 0px; text-align: center; padding: 10px; box-sizing: border-box; border: 1px solid #cccc; margin-bottom: 20px}
.center_poto img{ width: 272px;}
.center_txt{width:100%;}


/*산악자전거 코스*/
.theme_course li{ width: calc(100% / 2);}


/*사이트맵*/
.sitemap_menu_1{width: calc(100% / 2 - 7px); margin-right:13px !important;}
.site_map .site_mapmenu .sitemap_menu_1:nth-child(3n){margin-right:13px !important;}
.site_map .site_mapmenu .sitemap_menu_1:nth-child(2n){margin-right:0px !important;}
.site_map{margin-bottom: 10px;}

/*본인인증*/
.identi_confirm li{background: none !important; padding: 25px 20px 25px 20px; width:100%;}
.identi_confirm .item_hp:after{ border-right:none;     display: inline-block; position: absolute; content: "";
border-bottom: 1px dashed #ccc; width: 100%; height: 100%; right: 0;  top: 0;} .identi_detail{ min-height: 100px;}



/*등록자전거 수정/해지*/
.sujeonghaeji .bt_st{width:90%;}





}




@media  screen and (max-width:600px)
{

/* 탭버튼 개수별*/
.tap_wrap .tapbtn li{ width: 50% !important; box-sizing: border-box; height: 50px; line-height: 50px;}
.tap_wrap .tapbtn li a{font-size: 17px;}
.tap_wrap .tapbtn li:nth-child(2n):after{display:none;}
.tap_wrap .tapbtn li:nth-child(3n):after{display:inline-block;}

/*등록자전거 수정/해지*/
.sujeonghaejicon{display:none;}
.sujeonghaeji{ padding: 15px 15px 15px;}



}



@media  screen and (max-width:500px)
{

/*exp_box*/
.expin{padding: 20px 15px;}

/*서브상단*/
.sub_tit{padding-top: 24px; font-size: 26px;}


/*사이트맵*/
.sitemap_menu_1{width:100%; margin-right: 0px !important;}
.site_maptit img{display:none;}
.site_map .site_maptit{margin-bottom: 15px;}
.sitemap_menu_2{margin-top:8px;}

 /* 담당자 정보 및 만족도*/
    .admin_info{line-height: 1.4em;}
    .satis_survey p{margin-bottom: 5px; font-size: 14px;}
    .satis_survey p > img{display: none;}
    .satis_survey span{font-size: 14px;}
    .satis_survey .btn_grey{margin-top: 10px;}


/*자전거 등록 조회*/
.bike_checkView{ padding: 15px 5px;}
.bike_checkView > ul{width:100%;}
.bike_checkView .checkbtn{width:100%;}


}        



@media  screen and (max-width:400px)
{

/*산악자전거 코스*/
.theme_course li .course_color{ width: 55px; height: 15px;}

}