@charset "UTF-8";

/* 로그인 */
.login{
    width: 100%;
    height: 100vh;
}
.login *{letter-spacing: 0;}
.login>div{padding-top: 7.8125vw;}
.login .tit{font-size: 8.75vw;}
.login .login_cont{
	margin: 0 auto;
	width: 100%;
	padding: 10.46875vw 5.46875vw 10.78125vw;
	border: 1.5625vw solid #135a86;
	position: relative;
}
.login .login_cont dt{
	color: #0b5483;
	font-weight: 700;
	font-size: 3.125vw;
}
.login .login_cont dd input{
	width: 100%;
	color: #0b5483;
	height: 9.375vw;
	border-bottom: 1px solid #6d98b5;
	outline:0;
	font-size: 3.125vw;
}
.login .login_cont dd input::placeholder{color: rgba(11,84,131,.5);}
.login .save_id label{font-size: 3.125vw;}
.login .btn_login{
	letter-spacing: 0.2em;
	color: #fff;
	font-weight: 700;
	display: block;
	background-image: linear-gradient(to right, #199546 0%, #0b5483 100%);
	width: 100%;
	height: 11.71875vw;
	line-height: 11.71875vw;
	cursor: pointer;
	font-size: 3.4375vw;
}

/* 서브 */
.point_pt{
	background: url('../images/common/point_pattern.png') center left;
	background-size: 3.4375vw auto;	
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 15vw;
	height: 1.40625vw;
}
.line{
	display: block;
	width: 100%;
	height: 1px;
	background: #c8c8c8;
}
.sub_top{
	width:100%;
	height: 87.5vw;
	position: relative;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.sub_top:after{
	content:'';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/sub/top_shadow.png") no-repeat center bottom;
}
.sub.coin .sub_top{background-image:url("../images/sub/top_coin.jpg");}
.sub.franchise .sub_top{background-image:url("../images/sub/top_franchise.jpg");}
.sub.guide .sub_top{
	background-position: top center;
	background-image:url("../images/sub/top_guide.jpg");
}
.sub.store .sub_top{background-image:url("../images/sub/top_store.jpg");}
.sub.community .sub_top{
	background-position: left 30% center;
	background-image:url("../images/sub/top_community.jpg");
}
.sub .bg{
	padding-top: 4.6875vw;
	background: #fafafa url("../images/sub/sub_bg.jpg") no-repeat center top;
}
.sub_menu{display: none;}
.sub_tit{
	color: #333;
	background: #ebebeb;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	padding: 3.4375vw 3.4375vw 3.59375vw;
	margin-bottom: 4.375vw;
}
.sub_tit h3{font-weight: 400;}
.sub_tit .route{
	position: absolute;
	top: 3.75vw;
	right: 3.4375vw;
}
.sub_desc{
	padding: 0 3.4375vw;
	margin-bottom: 4.0625vw;
}

/* button */
.basic_btn{
	display: inline-block;
	width: 23.4375vw;
	height: 7.03125vw;
	line-height: 7.03125vw;
	background: #0b5483;
	color: #fff;
}

/* table */
.basic_table{
	border-top: 0.3125vw solid #919191;
	border-bottom: 0.3125vw solid #919191;
}
.basic_table *{color: #666666;}
.basic_table th,
.basic_table td{
	padding: 2.34375vw 1.09375vw;
	border-bottom: 1px solid #d8d8d8;;
	line-height: 1.255em;
	vertical-align: middle;	
}
.basic_table th{
	font-weight: 700;
	background: rgba(145,145,145,.05);
	border-bottom-color: #919191;
}
.basic_table .download{
	text-indent: -9999px;
	font-size: 0;
	background: url('../images/common/file_download.png') no-repeat center;
	background-size: 4.375vw auto;
}
.basic_table .cur{cursor:pointer;}
.basic_table .left{text-align: left;}
.basic_table .left{text-align: left;}
.basic_table.l_spacing td:last-child{letter-spacing: 0.025em;}

/* board */
.basic_input,
.basic_select{
	border: 1px solid #969696;
    height: 7.03125vw;
    line-height: 7.03125vw;
    width: 100%;
	color: #666;
}
.basic_input{
    padding: 0 1.5625vw;
	background: transparent;
	color: #666;
}
.basic_select{
    padding: 0 2.5vw;
    appearance: inherit;
    background: url('../images/common/select_arrow.png') no-repeat right 3.28125vw center;
    background-size: 1.71875vw auto;
}
.basic_text{
	height: 39.84375vw;
    line-height: 1.455em;
    width: 100%;
    border: 1px solid #969696;
    padding: 1.5625vw;
	background: transparent;
}
.basic_text.h130{height: 20.3125vw;}
.write_board{
	border-top: 0.3125vw solid #919191;
	border-bottom: 0.3125vw solid #919191;
}
.write_board *{color: #666666;}
.write_board .tit{margin-bottom: 1.875vw;}
.write_board .tit .refer{
	color: rgba(102,102,102,.5);
	margin-left: 1.5625vw;
}
.write_board .grid3 li{
	width: 32%;
	margin-right: 2%;
}
.write_board .grid3 li:nth-child(3n){margin-right: 0;}
.write_board .view_head{
	border-bottom: 1px solid #919191;
	background: rgba(145,145,145,.05);
	padding: 1.5625vw 3.90625vw 1.5625vw 2.34375vw;
	line-height: 4.0625vw;
}
.write_board .view_head .label{
	height: 4.0625vw;
	line-height: 4.0625vw;
	padding: 0 1.875vw;
	color: #fff;
	background: #0b5483;
	text-align: center;
	margin: 0.78125vw 1.40625vw 0.78125vw 0;
	display: block;
}
.write_board .view_head .title,
.write_board .view_head .date,
.write_board .view_head .info{margin: 0.78125vw 0;}
.write_board .view_head .info span{margin: 0 0.46875vw;}
.write_board .view_body{
	line-height: 2em;
	padding: 4.0625vw 2.34375vw;
	word-break: keep-all;
}
.write_board .view_body.answer{padding-top: 2.34375vw;}
.write_board .answer_tit{
	border-top: 1px solid #dadada;
	padding: 4.0625vw 2.34375vw 0;
	color: #343434;
}
.write_board .view_foot{border-top: 1px solid #dadada;}
.write_board .view_foot .down_btn{
	display: block;
	background: url('../images/common/file_download.png') no-repeat left center;
	background-size: 4.375vw auto;
	margin-left: 2.34375vw;
	padding: 2.34375vw 0 2.5vw 6.25vw;
	line-height: 1.255em;
	word-break: break-all;
}

/* paging */
.paging{text-align: center; }
.paging>a{
	font-size: 0;
	/*text-indent: -9999px;*/
	width: 5.3125vw;
	height: 5.3125vw;
	margin: 0 0.625vw;
	background-repeat: no-repeat;
	background-size: contain;
}
.paging .prev{background-image: url('../images/common/paging_prev.png');}
.paging .next{background-image: url('../images/common/paging_next.png');}
.paging a{
	display: inline-block;
	margin-right: 3.125vw; 
	vertical-align: middle; 
	text-align: center; 
}
.paging span{display: inline-block;}
.paging span a{
	font-size: 3.28125vw;
	color: #666;
 }
.paging span a.on {
	color: #e945e7; 
	font-weight: 700;
	font-size: 4.0625vw;	
}

/* common_search */
.basic_search .basic_select{
	width: 25%;
	margin-right: 1%;
}
.basic_search .search_box{
	display:inline-block;
	width: 74%;
	vertical-align:top;
}
.basic_search .search_box .basic_input::placeholder{color: rgba(102,102,102,.7);}
.basic_search .search_box .basic_btn{
	display:block;
	position:absolute;
	top:0;
	right:0;
}

/* coin */
.sub .step_box_wrap li{
	margin-bottom: 20vw;
	position: relative;
}
.sub .step_box_wrap li:last-child{margin-bottom: 0;}
.sub .step_box_wrap li .tit{
	position: absolute;
	border: 1.5625vw solid rgba(239,239,239,.9);
	padding: 4.6875vw 0;
	top: -14.21875vw;
	left: 50%;
	width: 35%;
	transform: translateX(-50%);
	background: #fafafa;
}
.sub .step_box_wrap li img{width: 70%;}
.coin.intro .cont02 .box_wrap li:first-child{margin-bottom: 4.6875vw;}
.coin.competit .ico_wrap:before{
	content:'';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right, rgba(200,200,200,0) 0%, #c8c8c8 30%, #c8c8c8 70%, rgba(200,200,200,0) 100%);
}
.coin.competit .ico_wrap ul{
	margin-left: auto;
	margin-right: auto;
	width: 76%;
}
.coin.competit .ico_wrap li{
	display: inline-block;
	float: left;
	width: 50%;	
}
.coin.competit .ico_wrap .ico_bg{
	height: 13.4375vw;
	width: 13.4375vw;
	margin: 0 auto 1.09375vw;
	-webkit-border-radius: 1.5625vw;
	-moz-border-radius: 1.5625vw;
	border-radius: 1.5625vw;
}
.coin.competit .cont01 .img_wrap img{width: 100%;}
.coin.competit .cont01 .img_wrap,
.coin.competit .cont01 .txt_wrap{width: 86%;}
.coin.competit .cont01 .txt_wrap{
	border: 1.5625vw solid #0b5483;
	background: rgba(250,250,250,.9);
	padding: 7.8125vw 4.6875vw 6.25vw 5.9375vw;
	z-index: 2;
	position: relative;
	margin-right: 0;
	margin-left: auto;
	margin-top: -5.9375vw;
}
.coin.competit .cont01 .txt_wrap h4:before{
	content:'';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 9.375vw;
	height: 0.3125vw;
	background: #000;
}
.coin.competit .cont03 .box_wrap .ico_wrap{margin-top: 4.21875vw;}
.coin.competit .cont03 .ico_wrap .ico_bg{background: #8ccbf4;}
.coin.competit .cont03 img,
.coin.competit .cont04 img{width: 100%;}
.coin.competit .cont04>div{border-top: 1px solid #c8c8c8;}
.coin.competit .cont04 .tspc_f_right{margin-top: 7.8125vw;}
.coin.competit .cont04 .ico_wrap{
	height: 56.25vw;
	background: #f0f0f0;
}
.coin.competit .cont04 .ico_wrap:before{top: -6%;}
.coin.competit .cont04 .ico_wrap p{line-height: 1.150em;}
.coin.competit .cont04 .ico_wrap ul{width: 83%;}
.coin.competit .cont04 .ico_wrap .green .ico_bg{background: #67b77e;}
.coin.competit .cont04 .ico_wrap .pink .ico_bg{background: #ec99e2;}

/* franchise */
.franchise.wash .list_wrap li{
	float: left;
	letter-spacing: -0.075em;
	width: 48.5%;
	margin-bottom: 3.125vw;
}
.franchise.wash .list_wrap li:nth-child(odd){margin-right: 3%;}
.franchise.wash .list_wrap .blue_bg{
	background: #0b5483;
	height: 18.75vw;
	width: 100%;
}
.franchise.wash .list_wrap .blue_bg span{color: rgba(255,255,255,.6);}
.franchise.wash .list_wrap .blue_bg p{color: #fff;}
.franchise.wash .list_wrap .white_bg{
	background: #fff;
	border: 1px solid #b4b4b4;
	border-top: 0;
	padding: 3.125vw 2.34375vw;	
	width: 100%;
}
.franchise.wash .cont01 .logo_wrap:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 9.375vw;
	height: 0.3125vw;
	background: #000;
}
.franchise.wash .cont01 .logo_wrap{text-align: center;}
.franchise.wash .cont01 .logo_wrap .logo{
	border: 1px solid #b4b4b4;
	padding: 3.75vw 11.71875vw;
	display: inline-block;
	margin-bottom: 3.75vw;
}
.franchise.wash .cont01 .logo_wrap .logo img{width: 19.6875vw;}
.franchise.wash .cont02 .list_wrap .white_bg{
	display: table;
	height: 35.15625vw;
}
.franchise.wash .cont02 .list_wrap .white_bg>p{
	display: table-cell;
	vertical-align: middle;	
}
.franchise.wash .cont03 .list_wrap .white_bg{
	height: 29.6875vw;
	display: table;
}
.franchise.wash .cont03 .list_wrap .white_bg>p{
	display: table-cell;
	vertical-align: middle;	
}
.franchise.wash .cont04 .bg_list{
	background: url('../images/sub/franchise/franchise_wash_img05_m.png') no-repeat;
	background-position: center top;
	background-size: 54.6875vw auto;
	padding-top: 46.875vw;
}
.franchise.wash .cont04 .bg_list h6:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 9.375vw;
	height: 0.3125vw;
	background: #000;
}
.franchise.process .cont01 .step_box_wrap{margin-bottom: 3.125vw;}
.franchise.process .cont01 .step_box_wrap li{width: 49%;}
.franchise.process .cont01 .step_box_wrap li:nth-child(odd){margin-right: 2%;}
.franchise.process .cont01 .step_box_wrap li img{width: 100%;}
.franchise.process .cont01 .step_box_wrap li .tit{
	top: auto;
	bottom: -9.84375vw;
	width: 26.5625vw;
	height: 26.5625vw;
}
.franchise.process .cont02 .circle_wrap{margin-bottom: 14.0625vw;}
.franchise.process .cont02 .circle_wrap li{
	width: 33.33%;
	float: left;
	position: relative;
	margin-bottom: 3.125vw;
}
.franchise.process .cont02 .circle_wrap li img{width: 100%;}
.franchise.process .cont02 .circle_wrap li .desc_wrap{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -2.8125vw;
}
.franchise.process .cont02 .circle_wrap li:nth-child(1) .desc_wrap,
.franchise.process .cont02 .circle_wrap li:nth-child(2) .desc_wrap,
.franchise.process .cont02 .circle_wrap li:nth-child(3) .desc_wrap{
	bottom: auto;
	top: -2.8125vw;
}
.franchise.process .cont02 .circle_wrap li .num{
	background: #139c49;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
	width: 7.1875vw;
	height: 7.1875vw;
	line-height: 7.1875vw;
	display: block;
}
.franchise.process .cont02 .circle_wrap li .txt{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	top: 8.28125vw;
	line-height: 1.3em;
	word-break: keep-all;
} 
.franchise.process .cont02 .circle_wrap li:nth-child(1) .txt,
.franchise.process .cont02 .circle_wrap li:nth-child(2) .txt,
.franchise.process .cont02 .circle_wrap li:nth-child(3) .txt{
	top: auto;
	bottom: 8.28125vw;
}
.franchise.process .cont02 .arrow_wrap p{
	height: 7.96875vw;
	line-height: 7.96875vw;
	width: calc(100% - 15.9375vw);
	margin: 0 auto;
	position: relative;
	z-index: 2;
	background-image: linear-gradient(to right, #ececec 0%, #e6e6e6 100%);
}
.franchise.process .cont02 .arrow_wrap:before{background: url('../images/sub/franchise/franchise_process_arrow_end.png') no-repeat left center;}
.franchise.process .cont02 .arrow_wrap:after{background: url('../images/sub/franchise/franchise_process_arrow_start.png') no-repeat right center;}
.franchise.process .cont02 .arrow_wrap:before,
.franchise.process .cont02 .arrow_wrap:after{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: 7.96875vw auto;	
	background-repeat: no-repeat;
}
.franchise.process .cont03 .basic_table{border-color: #125784;}
.franchise.process .cont03 .basic_table th{border-color: #125784;}
.franchise.process .cont03 .basic_table .total td{
	color: #0b5483;
	font-weight: 700;
	border-top: 0.3125vw solid #125784;
	background: rgba(198,227,248,.5);
}
.franchise.process .cont03 .dot_list li{
	margin-left: 2.03125vw;
	padding-left: 2.03125vw;
	position: relative;
}
.franchise.process .cont03 .dot_list li:before{
	position: absolute;
	content:'';
	left: 0;
	top: 0;
	bottom: 0;
	width: 0.625vw;
	height: 0.625vw;
	margin: auto;
	background: #666;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.franchise.repair .cont02 li{
	float: left;
	width: 49%;
}
.franchise.repair .cont02 li:first-child{margin-right: 2%;}
.franchise.repair .cont02 li:last-child{
	margin-top: 2%;
	margin-left: 25%;
}
.franchise.repair .cont02 li img{width: 100%;}
.franchise.business .hypen{
	float: left;
	line-height: 6.5625vw;
	text-align: center;
}
.franchise.business .line01 li.first{margin-bottom: 4.6875vw;}
.franchise.business .line01 li.last .w30{
	float: left;
	width: 30%;
}
.franchise.business .line01 li.last .hypen{width: 5%;}
.franchise.business .line02 li.first input,
.franchise.business .line02 li.first select{
	width: 31.6%;
	float: left;
}
.franchise.business .line02 li.first select{margin-left: -1px;}
.franchise.business .line02 li.first .hypen{width: 5.2%;}
.franchise.business .line02 li.last{text-align: center;}
.franchise.business .line02 li.last .radio_wrap{
	display: inline-block;
	margin: 4.6875vw 2.03125vw 0;
}
.franchise.business .line03 li.first select{
	margin-right: 4%;
	width: 48%;
}
.franchise.business .line03 li.first select.mr0{margin-right: 0;}
.franchise.business .line03 li.last{margin-top: 4.6875vw;}
.franchise.business .line03 .input_unit{border: 1px solid #969696;}
.franchise.business .line03 .input_unit input{
	width: 85%;
	border: 0;
}
.franchise.business .line03 .input_unit span{
	position: absolute;
	top: 50%;
	right: 2.65625vw;
	transform: translateY(-50%);
}
.franchise.business .line04{
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	padding-top: 4.6875vw;	
	padding-bottom: 1.5625vw;
}
.franchise.business .line04>ul>li{
	float: left;
	width: 50%;
	margin-bottom: 3.125vw;
}
.franchise.business .line04>ul>li span{
	margin-left: 1.5625vw;
	vertical-align: middle;
}
.franchise.business .agree_wrap{
	position: absolute;
	right: 0;
	top: -1px;
	margin-right: 3.125vw;
}
.franchise.business .agree_wrap label{
    vertical-align: middle;
	margin-right: 2.03125vw;
}
.franchise.business .agree_cont{overflow-y: auto;}

/* guide */
.guide.info .cont01 .tit{
	width: 47.1875vw;
	height: 47.1875vw;
	margin: 0 auto;	
}
.guide.info .cont01 .box01 .tit{background: #0b5483;}
.guide.info .cont01 .box02 .tit{background: #199546;}
.guide.info .cont01 .box03 .tit{background: #19957e;}
.guide.info .cont01 .box04 .cont li .img{height: 13.75vw;}
.guide.info .cont01 .tit>div>img{
	margin-top: -0.78125vw;
	width: 33.28125vw;
	max-width: 213px;	
}
.guide.info .cont01 .cont h5{
	margin-top: 4.6875vw;
	text-align: center;
}
.guide.info .cont01 .cont h5:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 9.375vw;
	height: 0.3125vw;
	background: #000;
}
.guide.info .cont01 .cont li{
	float: left;
	width: 20%;
}
.guide.info .cont01 .box03 .cont li:first-child{margin-left: 10%;}
.guide.info .cont01 .box04 .cont li:first-child{margin-left: 20%;}
.guide.info .cont01 .cont li img{width: 11.5625vw;}
.guide.info .cont01 .cont li.long img{width: 12.5vw;}
.guide.info .cont01 .cont li:last-child{margin-right: 0;}
.guide.info .cont01 .cont li .img:before{
	content:'';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -0.625vw;
	width: 1.25vw;
	height: 2.1875vw;
	margin: auto;
	background: url('../images/sub/guide/guide_info_arrow.png') no-repeat center;
	background-size: contain;
}
.guide.info .cont01 .cont li:first-child .img:before{display: none;}
.guide.info .cont01 .cont li .star:before{content:'* ';}
.guide.info .video_wrap{padding-bottom: 56.25%;}
.guide.info .video_wrap iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

/* store */
.store .map_wrap{
	width: 100%;
	height: 62.5vw;
}
.store .map_wrap iframe{
	width: 100%;
	height: 100%;
}
.store .board_top{border-top: 1px solid #c5c6c6;}
.store .board_top select{
	float: left;
	width: 31.25vw;
	margin: 0 0.78125vw;
}
.store .board_top ul{
	display: inline-block;
	line-height: 6.71875vw;
	margin-right: 4.0625vw;
	margin-top: 2.34375vw;
}
.store .board_top ul li{
	float: left;
	margin-left: 4.0625vw;
}
.store .board_top ul li img{
	width: 5.3125vw;
	max-width: 34px;
	vertical-align: middle;
}
.store .board_top ul li span{
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.09375vw;
}
.store .table_wrap td{padding: 1.5625vw 1.09375vw 1.40625vw;}
.store .table_wrap td:last-child{letter-spacing: 0.025em;}
.store .table_wrap .ico{
	display: inline-block;
	width: 5.3125vw;
	height: 4.6875vw;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 0.78125vw;
	text-indent: -9999px;
    vertical-align: middle;
	font-size: 0;
}
.store .table_wrap .kiosk{background-image: url('../images/sub/store/store_ico01.png');}
.store .table_wrap .agency{background-image: url('../images/sub/store/store_ico02.png');}
.store .table_wrap .deliver{background-image: url('../images/sub/store/store_ico03.png');}

/* community */
.community .faq_tb td:last-child{text-align: left;}

@media screen and (max-width: 767px){
	/* basic_table */
	.basic_table col.w8{width:8% !important;}
	.basic_table col.w15{width:15% !important;}
	.basic_table col.w17{width:17% !important;}
	.basic_table col.w20{width:20% !important;}
	.basic_table col.w22{width:22% !important;}
	.basic_table col.w21{width:21% !important;}
	.basic_table col.w26{width:26% !important;}
	.basic_table col.w27{width:27% !important;}
	.basic_table col.w29{width:29% !important;}
	.basic_table col.w37{width:37% !important;}
}

@media screen and (min-width: 768px){
	/* 로그인 */
	.login>div{padding-top: 50px;}
	.login .tit{font-size: 50px;}
	.login .login_cont{
		padding: 67px 35px 69px;
		border: 10px solid #135a86;
	}
	.login .login_cont dt{font-size: 20px;}
	.login .login_cont dd input{
		height: 60px;
		font-size: 20px;
	}
	.login .save_id label{font-size: 20px;}
	.login .btn_login{
		height: 75px;
		line-height: 75px;
		font-size: 22px;
	}

	/* 서브 */
	.point_pt{
		width: 96px;
		height: 9px;
		background-size: auto;
	}
	.sub_top{height: 560px;}

	.sub .bg{padding-top: 25px;}
	.sub_tit{
		padding: 18px 18px 19px;
		margin-bottom: 23px;
	}
	.sub_tit .route{
		top: 22px;
		right: 18px;
	}
	.sub_desc{
		padding: 0 18px;
		margin-bottom: 22px;
	}

	/* button */
	.basic_btn{
		width: 150px;
		height: 45px;
		line-height: 45px;
	}

	/* table */
	.basic_table{
		border-top: 2px solid #919191;
		border-bottom: 2px solid #919191;
	}
	.basic_table th,
	.basic_table td{padding: 15px 7px;}
	.basic_table .download{background-size: 28px auto;}
	
	/* board */
	.basic_input,
	.basic_select{
		height: 45px;
		line-height: 45px;
	}
	.basic_input{padding: 0 10px;}
	.basic_select{
		padding: 0 16px;
		background: url('../images/common/select_arrow.png') no-repeat right 21px center;
		background-size: 11px auto;
	}
	.basic_text{
		height: 255px;
		padding: 10px;
	}
	.basic_text.h130{height: 130px;}
	.write_board{
		border-top: 2px solid #919191;
		border-bottom: 2px solid #919191;
	}
	.write_board .tit{margin-bottom: 12px;}
	.write_board .tit .refer{margin-left: 10px;}
	.write_board .view_head{
		padding: 10px 25px 10px 15px;
		line-height: 26px;
	}
	.write_board .view_head .label{
		height: 26px;
		padding: 0 12px;
		line-height: 26px;
		margin: 5px 9px 5px 0;
	}
	.write_board .view_head .title,
	.write_board .view_head .date,
	.write_board .view_head .info{margin: 5px 0;}
	.write_board .view_head .info span{margin: 0 3px;}
	.write_board .view_body{padding: 26px 15px;}
	.write_board .view_body.answer{padding-top: 15px;}
	.write_board .answer_tit{padding: 26px 15px 0;}
	.write_board .view_foot .down_btn{
		background-size: 28px auto;
		margin-left: 15px;
		padding: 15px 0 16px 40px;
	}

	/* paging */
	.paging>a{
		width: 34px;
		height: 34px;
		margin: 0 4px;
	}
	.paging a{margin-right: 9px;}
	.paging span a{font-size: 15px;}
	.paging span a.on {font-size: 20px;}

	/* common_search */
	.basic_search .basic_select{width: 21%;}
	.basic_search .search_box{width: 78%;}
	
	/* coin */
	.sub .step_box_wrap li{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 0;
	}
	.sub .step_box_wrap li:last-child{margin-right: 0;}
	.sub .step_box_wrap li .tit{
		border: 10px solid rgba(239,239,239,.9);
		padding: 30px 0;
		top: -91px;
		width: 56%;
	}
	.sub .step_box_wrap li img{width: auto;}
	.coin.intro .cont02 .box_wrap li{
		margin-bottom: 0;
		width: 49%;
	}
	.coin.competit .ico_wrap ul{width: 100%;}
	.coin.competit .ico_wrap .ico_bg{
		height: 73px;
		width: 73px;
		margin: 0 auto 7px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.coin.competit .cont01 .txt_wrap{
		border: 10px solid #0b5483;
		padding: 50px 27px 40px 26px;
		margin-top: -38px;
	}
	.coin.competit .cont01 .txt_wrap h4:before{
		width: 60px;
		height: 2px;
	}
	.coin.competit .cont02 .step_box_wrap li .tit{width: 76%;}
	.coin.competit .cont03 .box_wrap>div{width: 50%;}
	.coin.competit .cont03 .box_wrap .ico_wrap{margin-top: 0;}
	.coin.competit .cont04>div{width: 49%;}
	.coin.competit .cont04 .tspc_f_right{margin-top: 0;}
	.coin.competit .cont04 .ico_wrap{height: 360px;}

	/* franchise */
	.franchise.wash .list_wrap li{margin-bottom: 20px;}
	.franchise.wash .list_wrap .blue_bg{height: 120px;}
	.franchise.wash .list_wrap .white_bg{
		padding: 20px 15px;
		height: 152px;
	}
	.franchise.wash .cont01 .logo_wrap:before{
		width: 60px;
		height: 2px;
	}
	.franchise.wash .cont01 .logo_wrap .logo{
		padding: 24px 75px;
		margin-bottom: 24px;
	}
	.franchise.wash .cont01 .logo_wrap .logo img{width: auto;}
	.franchise.wash .cont02 .list_wrap .white_bg,
	.franchise.wash .cont03 .list_wrap .white_bg{height: 152px;}
	.franchise.wash .cont04 .bg_list{
		background-size: auto;
		padding-top: 300px;
	}
	.franchise.wash .cont04 .bg_list h6:before{
		width: 60px;
		height: 2px;
	}
	.franchise.process .cont01 .step_box_wrap{margin-bottom: 20px;}
	.franchise.process .cont01 .step_box_wrap li{
		margin-bottom: 128px;
		margin-right: 0;
	}
	.franchise.process .cont01 .step_box_wrap li .tit{
		bottom: -63px;
		width: 170px;
		height: 170px;
	}
	.franchise.process .cont02 .circle_wrap{
		width: 463px;
		margin: 0 auto 90px;
	}
	.franchise.process .cont02 .circle_wrap li{
		margin-bottom: 20px;
		width: 154px;
	}
	.franchise.process .cont02 .circle_wrap li:first-child,
	.franchise.process .cont02 .circle_wrap li:last-child{width: 155px;}
	.franchise.process .cont02 .circle_wrap li .desc_wrap{bottom: -18px;}
	.franchise.process .cont02 .circle_wrap li:nth-child(1) .desc_wrap,
	.franchise.process .cont02 .circle_wrap li:nth-child(2) .desc_wrap,
	.franchise.process .cont02 .circle_wrap li:nth-child(3) .desc_wrap{top: -18px;}
	.franchise.process .cont02 .circle_wrap li .num{
		width: 46px;
		height: 46px;
		line-height: 46px;
	}
	.franchise.process .cont02 .circle_wrap li .txt{top: 53px;} 
	.franchise.process .cont02 .circle_wrap li:nth-child(1) .txt,
	.franchise.process .cont02 .circle_wrap li:nth-child(2) .txt,
	.franchise.process .cont02 .circle_wrap li:nth-child(3) .txt{bottom: 53px;}
	.franchise.process .cont02 .arrow_wrap p{
		height: 51px;
		line-height: 51px;
		width: calc(100% - 102px);
	}
	.franchise.process .cont02 .arrow_wrap:before,
	.franchise.process .cont02 .arrow_wrap:after{background-size: 51px auto;}
	.franchise.process .cont03 .basic_table .total td{border-top: 2px solid #125784;}
	.franchise.process .cont03 .dot_list li{
		margin-left: 13px;
		padding-left: 13px;
	}
	.franchise.process .cont03 .dot_list li:before{
		width: 4px;
		height: 4px;
	}
	.franchise.repair .cont02 li{
		width: 32.8% !important;
		margin-right: 0.8% !important;
	}
	.franchise.repair .cont02 li:last-child{
		margin-top: 0;
		margin-left: 0;
		margin-right: 0 !important;
	}
	.franchise.business .hypen{line-height: 42px;}
	.franchise.business .line01 li.first{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 0;
	}
	.franchise.business .line01 li.last{width: 66%;}
	.franchise.business .line02 li.first{
		width: 66%;
		margin-right: 1.5%;
	}
	.franchise.business .line02 li.last{
		width: 32.5%;
		text-align: left;
	}
	.franchise.business .line02 li.last .radio_wrap{margin: 40px 0 0 27px;}
	.franchise.business .line03 li.first{width: 68%;}
	.franchise.business .line03 li.first select{
		margin-right: 3.13%;
		width: 46.87%;
	}
	.franchise.business .line03 li.last{
		margin-top: 0;
		width: 32%;
	}
	.franchise.business .line03 .input_unit span{right: 17px;}
	.franchise.business .line04{
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.franchise.business .line04>p{width: 18%;}
	.franchise.business .line04>ul{width: 82%;}
	.franchise.business .line04>ul>li{
		width: 33.33%;
		margin-bottom: 20px;
	}
	.franchise.business .line04>ul>li span{margin-left: 10px;}
	.franchise.business .agree_wrap{margin-right: 20px;}
	.franchise.business .agree_wrap label{margin-right: 13px;}

	/* guide */
	.guide.info .cont01 .tit{
		width: 302px;
		height: 302px;
	}
	.guide.info .cont01 .box04 .cont li .img{height: 88px;}
	.guide.info .cont01 .tit>div>img{margin-top: -5px;}
	.guide.info .cont01 .cont h5{margin-top: 30px;}
	.guide.info .cont01 .cont h5:before{
		width: 60px;
		height: 2px;
	}
	.guide.info .cont01 .cont li img{width: 74px;}
	.guide.info .cont01 .cont li.long img{width: 80px;}
	.guide.info .cont01 .cont li .img:before{
		left: -4px;
		width: 8px;
		height: 14px;
	}

	/* store */
	.store .map_wrap{height: 341px;}
	.store .board_top select{
		width: 200px;
		margin: 0 5px;
	}
	.store .board_top ul{
		line-height: 43px;
		margin-right: 20px;
		margin-top: 12px;
	}
	.store .board_top ul li{margin-left: 20px;}
	.store .board_top ul li span{margin-left: 5px;}
	.store .table_wrap td{padding: 8px 5px 7px;}
	.store .table_wrap .ico{
		width: 34px;
		height: 30px;
		margin: 0 5px;
	}

	/* community */
	.community .table_wrap .basic_btn{
		position: absolute;
		right: 0;
		bottom: -25px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px){
	/* basic_table */
	.basic_table col.tw15{width:15% !important;}
	.basic_table col.tw22{width:22% !important;}
	.basic_table col.tw23{width:23% !important;}
	.basic_table col.tw29{width:29% !important;}
}

@media screen and (min-width: 1024px){
	/* 로그인 */
	.login .login_cont{
		width: 580px;
		padding: 67px 105px 69px;
	}
	.login .login_cont dt,
	.login .login_cont dd input,
	.login .save_id label{font-size: 14px;}
	.login .login_cont dd input{height: 48px;}
	.login .btn_login{
		height: 60px;
		line-height: 60px;
		font-size: 16px;
	}
	
	/* coin */
	.coin.competit .ico_wrap ul{width: 76%;}
	.coin.competit .cont01 .tpc_f_right.txt_wrap{margin-left: -10.5%;}
	.coin.competit .cont01 .tpc_f_right.img_wrap{margin-left: -10.5%;}
	.coin.competit .cont01 .img_wrap{width: 54%;}
	.coin.competit .cont01 .txt_wrap{
		width: 56%;
		margin: 40px 0 0;
	}
	.coin.competit .cont02 .step_box_wrap li .tit{width: 56%;}
	.coin.competit .cont03 .box_wrap .ico_wrap{margin-top: 28px;}
	.coin.competit .cont04 .ico_wrap{height: 320px;}

	/* franchise */
	.franchise.wash .list_wrap li{margin-right: 2% !important;}
	.franchise.wash .list_wrap.grid2 li{width: 49%;}
	.franchise.wash .list_wrap.grid3 li{width: 32%;}
	.franchise.wash .list_wrap.grid2 li:nth-child(even){margin-right: 0 !important;}
	.franchise.wash .list_wrap.grid3 li:nth-child(3n){margin-right: 0 !important;}
	.franchise.wash .list_wrap .white_bg{padding: 25px 11px;}
	.franchise.wash .cont01 .logo_wrap{text-align: left;}
	.franchise.wash .cont01 .logo_wrap:before{right: auto;}
	.franchise.wash .cont01 .logo_wrap .tpc_f_left{width: 69%;}
	.franchise.wash .cont01 .logo_wrap .logo{
		padding: 24px 0;
		width: 29.5%;
		text-align: center;
	}
	.franchise.wash .cont01 .logo_wrap .logo img{width: auto;}
	.franchise.wash .cont02 .list_wrap .white_bg{height: 200px;}
	.franchise.wash .cont03 .list_wrap .white_bg{
		height: 144px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.franchise.wash .cont04 .bg_list{
		padding-left: 375px;
		padding-top: 0;
		background: url('../images/sub/franchise/franchise_wash_img05.png') no-repeat;
		background-position: left -58px top;
		height: 323px;
		text-align: left;	
	}
	.franchise.wash .cont04 .bg_list h6:before{right: auto;}
	.franchise.process .cont01 .step_box_wrap{margin-bottom: 134px;}
	.franchise.process .cont01 .step_box_wrap li{
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 0;
	}
	.franchise.process .cont01 .step_box_wrap li:last-child{margin-right: 0;}
	.franchise.process .cont01 .step_box_wrap li img{width: 100%;}
	.franchise.process .cont02 .circle_wrap{
		width: auto;
		margin: 0 0 60px;
	}
	.franchise.process .cont02 .circle_wrap li{margin-bottom: 0;}
	.franchise.process .cont02 .circle_wrap li .desc_wrap{
		position: absolute;
		left: 4px;
		right: auto;
	}
	.franchise.process .cont02 .circle_wrap li:nth-child(odd) .desc_wrap{
		top: auto;
		bottom: -7px;
	}
	.franchise.process .cont02 .circle_wrap li:nth-child(even) .desc_wrap{
		bottom: auto;
		top: -7px;
	}
	.franchise.process .cont02 .circle_wrap li .txt{min-width: 300px;}
	.franchise.process .cont02 .circle_wrap li:nth-child(odd) .txt{
		top: auto;
		bottom: -33px;
	}
	.franchise.process .cont02 .circle_wrap li:nth-child(even) .txt{
		bottom: auto;
		top: -33px;
	}

	/* guide */
	.guide.info .cont01 .tit{
		width: 302px;
		height: 302px;
	}
	.guide.info .cont01 .box01 .tit{background: #0b5483;}
	.guide.info .cont01 .box02 .tit{background: #199546;}
	.guide.info .cont01 .box03 .tit{background: #19957e;}
	.guide.info .cont01 .box04 .cont li .img{height: 88px;}
	.guide.info .cont01 .tit>div>img{margin-top: -5px;}
	.guide.info .cont01 .cont{
		width: 638px;
		padding-left: 8px;
		padding-right: 4px;
	}	
	.guide.info .cont01 .cont h5{
		margin-top: 0;
		margin-left: 20px;
		text-align: left;
	}
	.guide.info .cont01 .cont h5:before{
		right: auto;
		left: 2px;
	}
	.guide.info .cont01 .cont li{
		float: left;
		width: 20%;
		margin-left: 0 !Important;
	}
	.guide.info .cont01 .cont li img{width: 74px;}
	.guide.info .cont01 .cont li.long img{width: 80px;}
	.guide.info .cont01 .cont li:last-child{margin-right: 0;}
	.guide.info .cont01 .cont li .img:before{
		content:'';
		position: absolute;
		top: 0;
		bottom: 0;
		left: -4px;
		width: 8px;
		height: 14px;
		margin: auto;
		background: url('../images/sub/guide/guide_info_arrow.png') no-repeat center;
		background-size: contain;
	}
	.guide.info .cont01 .cont li:first-child .img:before{display: none;}
	.guide.info .video_wrap{padding-bottom: 56.25%;}
	.guide.info .video_wrap iframe{
		position:absolute;
		top:0;
		left:0;
		width:100% !important;
		height:100% !important;
	}

	/* store */
	.store .board_top select{margin: 0 10px 0 0;}
	.store .board_top ul{margin: 0;}


}
@media screen and (min-width: 1280px){
	/* 서브 */
	.sub_top{height: 550px;}
	.sub .bg{padding-top: 30px;}
	.sub_menu{
		display: block;
		float: left;
		width: 230px;
	}
	.sub_menu h2{
		background: #0b5483;
		color: #fff;
		width: 100%;
		height: 135px;
		line-height: 135px;
		padding-left: 15px;
	} 
	.sub_menu ul li a{
		color: #4e4e4e;
		display: block;
		height: 70px;
		line-height: 70px;
		padding-left: 15px;
		border-bottom: 1px solid #d6d6d6;
	}
	.sub_menu ul li.on a{
		color: #0b5483;
		font-weight: 700;
	}
	.sub_cont{
		float: right;
		width: 940px;
	}
	.sub_tit{
		padding: 23px 22px;
		margin-bottom: 28px;
	}
	.sub_tit .route{
		position: absolute;
		top: 26px;
		right: 22px;
	}
	.sub_desc{
		padding: 0 22px;
		margin-bottom: 26px;
	}

	/* coin */
	.coin.competit .ico_wrap .ico_bg{
		height: 86px;
		width: 86px;
	}
	.coin.competit .cont03 .box_wrap .ico_wrap{margin-top: 13px;}
	.coin.competit .cont04 .ico_wrap{height: 360px;}

	/* store */
	.store .map_wrap{height: 400px;}
	.store .board_top ul li{margin-left: 26px;}
	.store .board_top ul li span{margin-left: 7px;}
	.store .table_wrap td{padding: 10px 7px 9px;}
}
@media screen and (min-width: 1440px){
	/* 서브 */
	.sub_top{height: 600px;}
}
@media screen and (min-width: 1680px){
	/* 서브 */
	.sub_top{height: 700px;}
}