@charset "utf-8";
/* 
Reset & Set Stylesheet
v1.0.1
First Updated: 2016-08-01
Last Updated: 2016-08-05
Author: OBS
*/

	/***** RESET *****/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin:0; 
	padding:0; 
	border:0; 
	font-size:100%; 
	/* font:inherit;  */
	vertical-align:middle;
	word-break: break-all;
	box-sizing: border-box;
	}

	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

	/*html, body {height:100%;}*/

	body {line-height:1; word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none}

	ol, ul, dl, li, menu {list-style:none; padding:0; margin:0;}

	blockquote, q {quotes:none;}

	blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}

	table {border-collapse:collapse; border-spacing:0}

	textarea {overflow:auto} /* IE 8/9/10/11 기본적 세로 스크롤 막대를 제거 */

	input, select, textarea, button, optgroup {font-size:100%; vertical-align:middle; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0;}
	button {cursor:pointer;}
	em, address{font-style:normal;}

	/* Hyper Link */
	a, a:link, a:visited, a:active, a:hover{text-decoration:none}

	/* Form Type (html5 & 모바일 적용) */
	input[type='text'],input[type='number'],input[type='password'],input[type='submit'],input[type='search'],button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:none; border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0}
	input[type='checkbox']{-webkit-appearance:checkbox}
	input[type='radio']{-webkit-appearance:radio}
	input[type='number']{-webkit-appearance:none;appearance:none}
	input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}

	/* blind */
	caption, .blind{overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:-1; width:1px; height:0px; font-size:0; line-height:0; white-space:nowrap}

	.gray1_btn {background:#333; width:130px; height:44px; position:relative; border: 0; border-radius: 5px;}
	.gray1_btn span {position:absolute; width:100%; font-size:14px; display:block; height:44px; line-height:44px; text-align:center; left:0; top:0; color:#fff;}

	/***** SET *****/
	/* elip */
	.elips {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:95%;}

	/* float */
	.fl {float:left;}
	.fr {float:right;}
	.clear {clear:both;}
	.aftClear:after {content:""; display:block; height:0; overflow:hidden; clear:both;}

	/* vertical align */
	.vt {vertical-align:top;}
	.vm {vertical-align:middle;}
	.vb {vertical-align:bottom;}

	/* text align */
	.tl {text-align:left !important;}
	.tc {text-align:center !important;}
	.tr {text-align:right !important;}

	/* display */
	.db {display:block !important;}
	.dib {display:inline-block !important;}
	.hide {display:none !important;}

	/* etc */
	.csp {cursor:pointer;}
	.ellipsis { display: block; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; overflow: hidden; } /* 말줄임 */
	.ellipsis1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } /* 1행 말줄임   */
	.ellipsis2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } /* 2행 말줄임   */
	.ellipsis4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; }
	.ellipsis5 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; }

	/* margin */
	.mc {margin:0 auto !important;}
	.mt0 {margin-top:0px !important;}
	.mt5 {margin-top:5px !important;}
	.mt10 {margin-top:10px !important;}
	.mt20 {margin-top:20px !important;}
	.mt30 {margin-top:30px !important;}
	.mt40 {margin-top:40px !important;}
	.mt50 {margin-top:50px !important;}
	.ml5 {margin-left:5px !important;}
	.ml10 {margin-left:10px !important;}
	.ml20 {margin-left:20px !important;}
	.ml30 {margin-left:30px !important;}
	.ml40 {margin-left:40px !important;}
	.ml50 {margin-left:50px !important;}
	.mr5 {margin-right:5px !important;}
	.mr10 {margin-right:10px !important;}
	.mr20 {margin-right:20px !important;}
	.mr30 {margin-right:30px !important;}
	.mr40 {margin-right:40px !important;}
	.mr50 {margin-right:50px !important;}
	.mb10 {margin-bottom:10px !important;}
	.mb20 {margin-bottom:20px !important;}
	.mb30 {margin-bottom:30px !important;}
	.mb40 {margin-bottom:40px !important;}
	.mb50 {margin-bottom:50px !important;}

	/* padding */
	.pt0 {padding-top:0 !important;}
	.pt5 {padding-top:5px !important;}
	.pt10 {padding-top:10px !important;}
	.pt20 {padding-top:20px !important;}
	.pt30 {padding-top:30px !important;}
	.pt40 {padding-top:40px !important;}
	.pt50 {padding-top:50px !important;}
	.pl10 {padding-left:10px !important;}
	.pl20 {padding-left:20px !important;}
	.pl30 {padding-left:30px !important;}
	.pl40 {padding-left:40px !important;}
	.pl50 {padding-left:50px !important;}
	.pr10 {padding-right:10px !important;}
	.pr20 {padding-right:20px !important;}
	.pr30 {padding-right:30px !important;}
	.pr40 {padding-right:40px !important;}
	.pr50 {padding-right:50px !important;}
	.pb10 {padding-bottom:10px !important;}
	.pb20 {padding-bottom:20px !important;}
	.pb30 {padding-bottom:30px !important;}
	.pb40 {padding-bottom:40px !important;}
	.pb50 {padding-bottom:50px !important;}

/* font */
	@font-face {
	  font-family: 'Noto Sans KR';
	  font-style: normal;
	  font-weight: 100;
	  src: url(/font/NotoSansKR-Thin.woff2) format('woff2'),
		   url(/font/NotoSansKR-Thin.woff) format('woff'),
		   url(/font/NotoSansKR-Thin.otf) format('opentype');
	}
	@font-face {
	  font-family: 'Noto Sans KR';
	  font-style: normal;
	  font-weight: 300;
	  src: url(/font/NotoSansKR-Light.woff2) format('woff2'),
		   url(/font/NotoSansKR-Light.woff) format('woff'),
		   url(/font/NotoSansKR-Light.otf) format('opentype');
	}
	@font-face {
	   font-family: 'Noto Sans KR';
	   font-style: normal;
	   font-weight: 400;
	   src: url(/font/NotoSansKR-Regular.woff2) format('woff2'),
			url(/font/NotoSansKR-Regular.woff) format('woff'),
			url(/font/NotoSansKR-Regular.otf) format('opentype');
	 }
	@font-face {
	   font-family: 'Noto Sans KR';
	   font-style: normal;
	   font-weight: 500;
	   src: url(/font/NotoSansKR-Medium.woff2) format('woff2'),
			url(/font/NotoSansKR-Medium.woff) format('woff'),
			url(/font/NotoSansKR-Medium.otf) format('opentype');
	 }
	@font-face {
	   font-family: 'Noto Sans KR';
	   font-style: normal;
	   font-weight: 700;
	   src: url(/font/NotoSansKR-Bold.woff2) format('woff2'),
			url(/font/NotoSansKR-Bold.woff) format('woff'),
			url(/font/NotoSansKR-Bold.otf) format('opentype');
	 }
	@font-face {
	   font-family: 'Noto Sans KR';
	   font-style: normal;
	   font-weight: 900;
	   src: url(/font/NotoSansKR-Black.woff2) format('woff2'),
			url(/font/NotoSansKR-Black.woff) format('woff'),
			url(/font/NotoSansKR-Black.otf) format('opentype');
	 }
	 @font-face {
	  font-family: 'QRfonttfb';
	  font-style: normal;
	  font-weight: 100;
	  src: url(/font/QRfonttfb.woff2) format('woff2'),
		   url(/font/QRfonttfb.woff) format('woff'),
		   url(/font/QRfonttfb.otf) format('opentype');
	}

/* contents */
:root {--main_color : #f03e3e;}
:root {--main_color_alpha : #ffe4e0;}
	body {background:#fff;}
	* {font-family:"Noto Sans KR"; transition: all ease 0.3s;}
	input[type="password"],input[type="text"],input[type='number'] {border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}/* font-family: Dotum, Gulim !important;  */
	textarea {border: 1px solid #ddd;-webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding:10px 15px; font-size: 15px;}
	input[type="password"]:focus,input[type="text"]:focus,textarea:focus {border: 1px solid #999 !important; color: #000 !important;}
	input[type="password"][disabled],input[type="text"][disabled],textarea[disabled] {background: #f2f2f2 !important; color: #999 !important;}

	button {position: relative; padding: 0;}
	button > span {position: relative; display: inline-block; width: 100%; text-align: center;}
	::placeholder {color: #c3c3c3;}
	.blocks {position: relative;}
	.blocks:after {content:""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.1); z-index: 1;}
	/*라디오박스*/
	.radio {display: inline-block;vertical-align: middle;position: relative;margin-right: 0;font-size: 16px;}
	.radio input {position: absolute;opacity: 0;width: 0 !important;text-indent: 0 !important;height: auto !important;}
	.radio label {font-size: 14px;cursor: pointer;display: table-cell;vertical-align: middle;margin-bottom: -1px;text-indent: 0 !important;transition: none;line-height: 1; }
	.radio label span {display: inline-block;width: 22px;height: 22px;position: relative;cursor: pointer;background: #fff; border: 2px solid #ccc; border-radius: 22px;vertical-align: middle;margin-top: -3px;margin-right: 3px; box-sizing: border-box;}
	.radio label span:after {content: "";display: block;width: 10px;height: 10px;background: transparent; border-radius: 12px;top: 4px;left: 4px;position: absolute;z-index: 1;}
	.radio input:checked + label span {/* border: 2px solid var(--main_color); */}
	.radio input:checked + label span:after {content: "";display: block;width: 10px;height: 10px;background: var(--main_color); border-radius: 12px;top: 4px;left: 4px;position: absolute;z-index: 1;}
	.radio input[readonly] + label {color: #999;}
	.radio input[readonly] + label span {background: #f5f5f5;}
	.radio input:checked[readonly] + label span {/* border: 2px solid #666; */}
	.radio input:checked[readonly] + label span:after {content: "";display: block;width: 10px;height: 10px;background: #666; border-radius: 12px;top: 4px;left: 4px;position: absolute;z-index: 1;}
	.radio input[disabled] + label {color: #999;}
	.radio input[disabled] + label span {background: #f5f5f5;}
	.radio input:checked[disabled] + label span {/* border: 2px solid #666; */}
	.radio input:checked[disabled] + label span:after {content: "";display: block;width: 10px;height: 10px;background: #666; border-radius: 12px;top: 4px;left: 4px;position: absolute;z-index: 1;}


	.check {display: inline-block; vertical-align: middle; position: relative; margin-right: 0; font-size: 16px;}
	.check input {position: absolute; opacity: 0; width: 22px; height: 22px; z-index: 0;}
	.check label {font-size: 14px;cursor: pointer;display: table-cell;vertical-align: middle;margin-bottom: -2px;transition: none;}
	.check label span {display: inline-block; width: 22px; height: 22px; position: relative; cursor: pointer; background: #fff; border-radius: 3px; vertical-align: middle; margin-top: -1px; margin-right: 3px; border: 1px solid #ccc; box-sizing: border-box; color: #fff; text-align: center;}
	.check label span i {display: inline-block; margin-top: 4px; font-size: 13px; color: #fff;}
	.check .chk_stext {margin-left: 33px; font-size: 14px; display: block; color: #999;}
	.check input:checked + label span {background: var(--main_color); border: 1px solid var(--main_color);}
	.check input[readonly] + label span {background-color: #f5f5f5;}
	.check input:checked[readonly] + label span {background-color: #666;border: 2px solid #666;}
	.check input[disabled] + label span {background-color: #f5f5f5;}
	.check input:checked[disabled] + label span {background-color: #666;border: 2px solid #666;}
	.check input[readonly] + label span i,
	.check input[disabled] + label span i {opacity: 0;}
	.check input:checked[readonly] + label span i,
	.check input:checked[disabled] + label span i {opacity: 1;}
	
	
	.fileBox {position:relative;width:730px}
	.fileBox .pholder input {width:600px;line-height:42px;color:#888}
	.fileBox .pholder label {display: block;position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;line-height: 44px;text-indent: 10px;font-size: 14px; cursor:pointer;}
	.file {display:block;overflow:hidden;position:absolute;right:0;width:100px;height:44px;line-height:44px;font-size:14px;color:#fff;text-align:center;background-color:#28364b; cursor:pointer;}
	.file input {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0); cursor:pointer;}

/* JOIN */
	#join_atc {width: 100%; min-height: 100%; padding-bottom: 50px;}
	#join_atc .join_header {height: 60px; display: block; position: absolute; left: calc(50% - 400px); top: 0; width: 800px;}
	#join_atc .join_header button {position: absolute; right: 20px; top: 21px; border: 0; border: 1px solid #999; background: #fff; border-radius: 10px; height: 34px; line-height: 1; padding: 1px 20px 2px 20px; background: rgba(255,255,255,0.8);}
	#join_atc a.join_logo {width: 180px; height: 100%; display: inline-block;}
	#join_atc a.join_logo span {display: block; height: 100%; margin-left: 20px; background:transparent url(/join/img/logo.png) no-repeat 0 center; overflow: hidden; text-indent: -999px;}
	#join_atc h1.join_trv_logo {border-bottom: 1px solid #ddd; height: 60px; display: block;}
	#join_atc h1.join_trv_logo span {display: block; height: 100%; margin-left: 20px; background:transparent url(/images/inc/trav_logo_c.png) no-repeat 0 center; overflow: hidden; text-indent: -999px;}

	#join_atc .join_wrap {width: 1120px; margin: 0 auto 70px; padding: 0 20px;}
	#join_atc .join_wrap.join_wrap2 {width: 530px; text-align: center;}
	#join_atc .join_wrap.join_wrap3 {width: 480px; text-align: left;}
	#join_atc .join_titlebox {padding-top: 40px; width: 520px; float: left;}
	#join_atc .join_titlebox h2 {font-size: 38px; font-weight: 600; margin-bottom: 25px;}
	#join_atc .join_wrap.join_wrap2 h2 {line-height: 1.2;}
	/* #join_atc .join_titlebox div {display: block; margin-bottom: 30px; line-height: 1.5;}  */
	#join_atc .join_titlebox div p {margin-bottom: 20px;}
	#join_atc .join_titlebox img {width: 100%;}

	#join_atc .join_titlebox2 {padding-top: 90px; width: 100%; max-width:538px; margin: 0 auto; line-height: 1.3; text-align: center;}
	#join_atc .join_titlebox2 h2 {font-size: 38px; font-weight: 600; margin-bottom: 25px;}
	#join_atc .join_titlebox2 div {display: block; margin-bottom: 30px; line-height: 1.5;} 
	#join_atc .join_titlebox2 div p {margin-bottom: 20px;}
	#join_atc .join_titlebox2 img {width: 100%;}

	#join_atc .join_input_box {margin-top: 2px; margin-bottom: 20px;}
	#join_atc .join_input_box dt {font-size: 15px; margin-bottom: 10px; line-height: 1.3;}
	#join_atc .join_input_box dt em {color: #f80000;}
	#join_atc .join_input_box dd input {height: 44px; border: 1px solid #ddd; font-size: 15px; text-indent: 15px; width: 100%;}
	input[type="password"]:focus,input[type="text"]:focus,textarea:focus {border: 1px solid #000 !important; color: #000 !important;}
	
	#join_atc .join_input_box dd input.zips {width: calc(100% - 140px);}
	#join_atc .join_input_box dd .error {height: 18px; display: block; margin-top: 5px;}
	#join_atc .join_input_box dd .error em {font-size: 12px; color: #ff0000; display: none;}
	#join_atc .join_input_box dd.error input {border: 1px solid #ff0000;}
	#join_atc .join_input_box dd.error .error em {display: block;}
	#join_atc .join_btn_box {margin: 50px auto 0; text-align: center;}
	#join_atc .join_submit_btn {width: 226px; height: 48px; background: #000; border-radius: 48px; display: inline-block; border: 0; margin: 0 1px;}
	#join_atc .join_submit_btn span {color: #fff; font-size: 15px; display: inline-block; margin-top: -2px; line-height: 1;}
	#join_atc .join_submit_btn2 {width: auto; padding: 0 30px;}
	#join_atc .join_submit_btn3 {background: #ccc;}
	#join_atc .join_submit_btn:hover {background: #01b4d0;}
	#join_atc .join_submit_btn[disabled] {background: #e2e2e2;}
	#join_atc .join_submit_btn[disabled] span {color: #a6a6a6;}
	#join_atc .join_link_box {text-align: center; margin-top: 18px;}
	#join_atc .join_link_box li {display: inline-block;}
	#join_atc .join_link_box li a {font-size: 13px; color: #777; padding: 10px 15px; display: block; position: relative; -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}
	#join_atc .join_link_box li:first-child a:after {content:""; display: block; width: 1px; height: 10px; position: absolute; right: -1px; top: 12px; background:#d8d8d8;}
	#join_atc .join_link_box li a:hover {background: #eee;}
	#join_atc .join_guidebox {border: 1px solid #999; font-size: 13px; text-align: center; line-height: 1.5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 14px 15px 15px; margin-top: 40px; color: #999;}
	#join_atc .join_guidebox a {font-size: 14px; display: block; color: #000;}
	#join_atc .join_guidebox2 {background: #f5f5f5; padding: 10px 15px; font-size: 13px !important;}
	
	#join_atc .join_right {width: 530px; float: right; margin-top: 40px;}
	#join_atc .join_right2 {width: 530px; float: right; margin-top: 90px;}
	#join_atc .join_wrap:after {content:""; display: block; height: 0; clear: both;}

	#join_atc .join_end_btn {border: 0; background: #3169c8;  height: 60px; width: 60%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 30px;}
	#join_atc .join_end_btn span {color: #fff; font-size: 20px; font-weight: 500; display: inline-block; margin-top: -2px;}

	.pop {font-size: 12px; background: #f5f5f5; padding: 15px 10px; margin: 10px 0; display: none;}
	.pop.on {display: block;}
	.sv_vbntwrap {position: relative; margin-top: 50px;}
	.sv_vbntwrap:after {content:""; display: block; height: 0; clear: both;}
	.sv_vbtn {background: #3169c8; width: calc(50% - 10px); height: 70px; border: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float: left; margin-bottom: 10px;}
	.sv_vbtn:last-child {float: right; background: #31acc8;}
	.sv_vbtn span {display: inline-block; color: #fff; font-size: 20px; font-weight: 700;}
	.join_input_chktext {line-height: 1.3; font-size: 12px;}
	.join_input_chktext + p {line-height: 1.3; font-size: 12px; margin-top: 10px; margin-bottom: 20px;}



	.dm-add {display:none}
	.dm-add > input[type="text"] {margin:10px 0 0;}
	.dm-add .post-num {margin-top:16px;}
	.dm-pop-wrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99;}
	.dm-pop-wrap .dim {position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:-1;}
	.dm-pop-wrap .dm-pop {position:absolute; top:50%; left:50%; width:589px; height:457px; margin:-228px 0 0 -294px; padding-top:120px; background:url("/join/img/bg_pop.png") no-repeat; font-size:17px; letter-spacing:-1px; box-sizing:border-box;}
	.dm-pop-wrap .dm-pop .close-btn {position:absolute; top:-25px; left:50%; width:27px; height:34px; margin-left:-13px; background:url("/join/img/sprite.png") no-repeat -80px -40px; font-size:0;}
	.dm-pop-wrap .dm-pop .cont-txt {text-align:center; line-height: 1.3; font-size: 16px;}
	.dm-pop-wrap .dm-pop .cont-txt .color-main {color: red; font-size: 16px; vertical-align: baseline;}
	.dm-pop-wrap .dm-pop .radio-wrap {width:270px; margin:15px auto 0; 	border-radius: 10px; background: #F5f5f5; padding: 15px;}
	.dm-pop-wrap .dm-pop .radio-wrap .radio {display:block; margin:2px 0;}
	.dm-pop-wrap .dm-pop .pop-btn {display:block; width:89px; height:40px; margin:20px auto 0; background:url("/join/img/bg_pop-btn.jpg") repeat-x; border:0; border-radius:6px; font-size:21px; color:#fff; text-align:center; line-height:40px;}
	.check-cell .radio,
	.check-cell .checkbox {width:24%; margin:7px 0; vertical-align:top;}
	.check-cell-02 .radio,
	.check-cell-02 .checkbox {width:100%; margin:7px 0; vertical-align:top;}
	.check-cell-03 .radio,
	.check-cell-03 .checkbox {width:33%; margin:7px 0; vertical-align:top;}



	@media (max-width: 20000px){
		#join_atc {padding-bottom: 0;}
		#join_atc .join_titlebox {padding-top: 0;}
		#join_atc .join_wrap {width: calc(100% - 0px); padding:0 0; margin: 0 auto 30px;}
		#join_atc .join_titlebox {float: none; width: 100%;}
		#join_atc .join_right {float: none; width: 100%; margin-top: 50px;}
		#join_atc .join_right2 {float: none; width: 100%; margin-top: 30px;}
		#join_atc .join_titlebox {width: 800px; margin:0 auto 0;}
		#join_atc .join_right    {width: 800px; margin:30px auto 0;}
		#join_atc .join_right2   {width: 800px; margin:30px auto 0;}
	}
	@media (max-width: 786px){
		#join_atc .join_header {left: unset; right: 0; top: 0; width: 100%;}
		#join_atc .join_header button {padding: 1px 20px 3px 20px; top: 17px;}
		#join_atc .join_wrap.join_wrap2 {width: auto;}
		#join_atc .join_wrap.join_wrap3 {width: calc(100% - 40px);}
		#join_atc .join_titlebox {padding-top: 0;}
		#join_atc .join_titlebox h2 {font-size: 26px; font-weight: 600; margin-bottom: 25px;}
		#join_atc .join_titlebox div p {font-weight: 14px;}
		#join_atc .join_titlebox div p br {display: none;}

		#join_atc .join_titlebox2 h2 {font-size: 24px;}
		.sv_vbntwrap {position: relative; margin-top: 20px;}
		.sv_vbtn {width: 100%; float: none;}
		#join_atc .join_input_box dt {font-size: 14px;}
		#join_atc .join_input_box br {display: none;}

		#join_atc .join_titlebox {width: 100%; margin:0 auto 0;}
		#join_atc .join_right    {width: 100%; margin:30px auto 0; padding: 0 20px;}
		#join_atc .join_right2   {width: 100%; margin:30px auto 0;}

		.join_input_box dd .gray1_btn {width: calc(100% - 235px) !important;}
		.join_input_box dd .gray1_btn span {font-size: 12px;}

		.email_in1 {width: 100% !important; margin-bottom: 5px;}
		.email_in2 {width: calc(100% - 155px) !important;}

	}
	@media (max-width: 486px){
		#join_atc .join_header button {padding: 1px 20px 3px 20px; right: 5px; height: 26px; font-size: 12px; padding: 1px 10px 2px 10px; top: 5px;}
	}