@charset "utf-8";

html{overflow-y: scroll;}
.header h1 a img {width:auto;}
.header {background: #fff;}
.sub_visual {position: absolute;top: 0px;width: 100%;height: 357px;background:#000 url(../img/common/sub_visual.jpg) no-repeat 50% 0;background-size: cover;text-align: center;z-index: -1;}
.sub_visual .inner {position: relative;width: 100%;height: 290px;/* background:url(../img/common/sub_visual_line.png) repeat 0; */background-position: center;background-size: cover;}
.sub_visual .inner h2 {text-align: center;display: block;padding-top: 165px;color: #fff;font-size: 50px;font-family: 'Noto Sans KR', sans-serif;font-weight: 300;}

.cont_area.textinfo li {color: #555;}
.cont_area img {/* max-width: 100%; */}
.cont h3, .page_h3,
.cont_area h3 {font-size:33px;font-weight: 500;padding:10px 0;color: #c31178;}
.cont_area h4 {font-weight: 600; line-height: 1.5; padding:10px 2px 5px 2px;}
.cont_area .text_list {margin-left:5px;}
.cont_area .text_list li{margin-top:3px;}
.cont_area .text_list .f14 {font-size: 14px; color: #888; margin-left: 3px;}

.table { width: 100%; font-size: 15px; margin-top: 15px; margin-bottom: 30px;}
.table table {width: 100%; border-top: 4px solid #0d408c;}
.table thead th {background: #f1f1f1;}
.table td,.table th {padding:10px  5px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: middle;}
.table td.middle,.table th.middle {vertical-align: middle;}
.table .td_center td {text-align: center}
.bt_top {margin-top:50px;}


.success_ex_visual {position: absolute;top: 0;width: 100%;height: 600px;background:#f4f4f5;z-index: -1;}

#login .sub_visual, #login .sub_visual .inner,
#join, #join .inner { height: 200px;  background: #f1f1f1;}
#login .sub_visual h2,
#join h2 {padding-top: 85px;}
/*#login .sub_visual.adm  .inner {background: none;}*/

#page {margin-top: 293px;}
#page > .inner {position: relative;width: 1250px;max-width: 100%;margin: 0 auto 0px;/* border-left: 1px solid #00000015; *//* border-right: 1px solid #00000015; */}
#page .full_inner {position: relative;width: 100%;padding: 50px 0;background: #f6f6f6;}
#page .full_inner .inner {position: relative;width: 1400px;max-width: 90%;margin: 50px auto;}
#page .inner .lnb {width: 300px;}
#page .inner .lnb h2 {font-size: 42px;color: #0696d7;font-family: 'Noto Sans KR', sans-serif;margin-bottom: 30px;}
#page .inner .lnb h2 b{font-size: 45px; color: #0696d7; font-family: 'Noto Sans KR', sans-serif; font-weight: bold;}
#page .inner .lnb p {margin-bottom: 30px;}

#page .inner .tabmenu {background: #00000069;text-align: center;border: 1px solid #ffffff55;border-bottom: none;}
#page .inner .tabmenu a {display: inline-block;padding: 18px 30px;font-size: 17px;letter-spacing: -0.02em;color: #fff;margin: 0;}
#page .inner .tabmenu a:hover,#page .inner .tabmenu a.ov {border-bottom: 5px solid #E92A93;}

#page .inner .tabmenu2 {text-align: center;margin-top: 0px;padding-bottom: 25px;}
#page .inner .tabmenu2 a {display: inline-block;padding: 0 50px 10px 50px;font-size: 20px;font-weight: 500;letter-spacing: -0.05em;border-bottom: 1px solid #dedede;color: #949494;}
#page .inner .tabmenu2 a:hover,
#page .inner .tabmenu2 a.ov {border-bottom: 4px solid #c31178;color: #c31178;}

.color1{color: #0696d7;}
.cont {font-size: 17px;line-height: 1.6;margin-bottom: 160px;width: 1133px; max-width: 100%; margin: 0 auto;padding-bottom: 90px;}
.cont h2{position: relative; font-family: 'Noto Sans KR', sans-serif;display: block;padding: 50px 50px 50px 0;}
.cont h2 b {background: #fff;color: #222;font-size: 38px;font-weight: 500;padding: 0 30px 0 0; letter-spacing:-0.05em;}
.cont h2 span {position: absolute;height: 1px;width: 100%;background: #d5e2eb;bottom: 65px;z-index: -1;}
.page_h2 {margin-bottom: 20px; font-size: 40px;}
.page_h2 p {font-size: 17px; display: block; padding: 5px 0;}

.page_h3 {margin-bottom: 20px; font-size: 30px;}
.page_h3 p {font-size: 16px; display: block; }

.page_h2tab { position: absolute; top: 25px; right: 0; }
.page_h2tab li a {display: block; text-align: center; border: 1px solid #0696d7; color: #0696d7; padding: 15px 30px; margin-left:-1px;}
.page_h2tab li a:hover,.page_h2tab li a.on {background: #0696d7; color: #fff; transition: 0.5s}

.mypage_h3 {font-size: 26px; font-weight: bold; padding:40px 0 15px; color: #0696d7}
.cont .cont_area p.b {color: #3cabdb;}
.cont .cont_area p.tip {color: #999; font-size: 14px; padding-left: 30px;}
.cont .cont_area2 {text-align: center; font-size: 22px; }
.cont .cont_area2 h3,.cont .cont_area2 p { font-family: 'Noto Sans KR', sans-serif;}
.cont .cont_area2 h3 {color: #0696d7; font-size: 40px; font-weight: bold;}
.cont .img_box {position: relative;max-width: 100%;padding: 0;/* background: #000; */margin: 30px 0 20px;font-size: 0;overflow: hidden;}
.cont .img_box img {margin:0; padding: 0; font-size: 0;}
#page.success_ex .cont .img_box img { border:1px solid #eee; }
.cont .img_box .caption {position: absolute;max-width: 100%;width: auto;bottom: 1px;right: 1px;text-align: right;font-size: 13px;padding: 5px;margin: 0;display: inline-block;background: #00000099;color: #ffffffcc;}
.cont .img_box .m p b {display: block; margin-top: 10px;}
.cont .img_box.video {position: relative; background: #000;}
.cont .img_box.video img {opacity: 0.7;}
.cont .img_box.video:after {display: block;position: absolute; content: ""; top: 50%;left: 50%;width: 83px;height: 55px;margin-left: -40px;margin-top: -30px;background: url(../img/contents/bt_youtube.png) no-repeat 50%;background-size: 100%;}
.cont .img_box.col2,
.cont .img_box.col3,
.cont .img_box.col4 {padding-right: 10px; padding-left: 10px;  background: transparent;}
.cont .img_box.col2 p.caption,
.cont .img_box.col3 p.caption,
.cont .img_box.col4 p.caption {max-width: calc(100% - 22px);margin-right: 10px;/* padding-left: 10px; */}
.cont .text-img .img_box {margin-top: 15px;}

@media (max-width:1280px){
	.cont  {margin-left:0; }
	.cont .bt, .join_ok .bt {font-size: 14px;padding: 10px 20px;}
	.cont .bt.bt_p1,
	.join_ok .bt.bt_p1 {padding: 12px 70px 12px 20px;background-size: 50px;}
	.cont .cont_area2 h3 {font-size: 30px;}
	.col.col4>li, .col.col4>div {width: 50%;}
	.boxCont_gray ul.col4 li {width: 50% !important;}

	#page .inner .tabmenu2 a {padding: 8px;font-size: 14px;font-weight: 500;letter-spacing: -0.05em;border-bottom: 1px solid #dedede;border-top: 1px solid #dedede;color: #949494;}


.cont_area.textinfo li {font-size: 16px;}

}

@media (max-width:900px){
.table td,.table th {padding:5px 2px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: middle; font-size: 12px;}
}

@media (max-width:700px){
    #page .inner .tabmenu2 a { padding: 8px 5px}
    .text_list li{font-size: 14px !important; line-height: 18px;}
	.cont .cont_area2 h3 {font-size: 18px;}
	.cont h3, .page_h3 {padding-top: 5px;}
	.cont .bt.bt_p1 {/* display: block; *//* width: 60%; */margin: 0px auto 10px;}
	.quote {background: #f5f4f4 url(../img/contents/quot_mark2.png) no-repeat 15px 15px;padding:20px;margin: 15px 0;font-size: 14px;background-size: 25px;}
	.cont .img_box {margin: 20px 0 15px 0; }
	#page.success_ex .img_box,
	#page.success_ex .text_box {width: 100% !important;}

	#page .inner .tabmenu2 {padding-bottom: 20px;}
	.table {margin-bottom: 15px; overflow-y: hidden; overflow-x: auto; margin-bottom: 30px;}
    .table table {table-layout: auto; }
}

@media (max-width:500px){
	.cont_area h4 {font-size: 16px !important;}
	.col>li.col2, .col>div.col2, .col.col2>li, .col.col2>div {width: 100%;}
	.col.col4>li, .col.col4>div {width: 100%;}
	.boxCont_gray ul.col4 li {width: 100% !important;}

	.quote {padding: 10px;}
}
.f_cover {display: none;background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100vh;top: 0;left: 0;z-index: 2;}
.bt_close {position: absolute; top: 30px; right: 30px; cursor: pointer;}

.display_layer {display: none;position: fixed;width: 800px;max-width: 98%;background: #fff;padding: 20px;height: 80vh;top: 10vh;left: 50%;margin-left: -400px;z-index: 100;overflow-y: scroll;}
.display_layer img {max-width: 100%}
.display_layer .b_cover {position: fixed;width: 110px;height: 110px;bottom: 12vh;left:50%;margin-left: 250px;background: url(../img/bt_close.png) no-repeat 50%;cursor: pointer;}

@media (max-width:359px){
.table td,.table th {font-size: 11px;}
}

@media (max-width:1600px){
	#page {/* margin-top: 350px; */}
	#page .inner {width: 90%; margin-left: 5%}
	#page .youtube.inner {width: 90%; margin-left: 0%}
}
@media (max-width:1280px){

.display_layer {display: none;position: fixed; max-width: 96%;background: #fff;padding: 10px;height: 80vh;top: 10vh;left: 2%;margin-left: 0px;z-index: 100;overflow-y: scroll;}
.display_layer .b_cover {position: fixed;width: 110px;height: 110px;bottom: 12vh;left:auto;margin-left: 0;right: 10%;}


	#page {margin-top: 218px;}
	#page .inner {width: 94%;margin-left: 3%;margin-right: 3%;border-left: none;border-right: none;margin-top: 158px;}
	#page .youtube.inner {width: 94%;margin-left: 0%;margin-right:0;margin-top: 0;padding-top: 0px;}
	#page .youtube.inner .inner{margin-top: 0;}
	#page .inner .lnb {border-bottom: 1px solid #ddd;margin-bottom: 30px;}
	#page .inner .lnb h2 {margin-bottom: 15px;}
	#page .inner .lnb h2,#page .inner .lnb h2 b {font-size: 25px;}
	#page .inner .lnb p {font-size: 14px;}
	#page .cont h2, #page .page_h2 {font-size: 20px;}
	.sub_visual,
	.sub_visual .inner {height: 200px;}
	.sub_visual .inner h2 {font-size: 24px;padding-top: 128px;}
	.sub_visual .inner h2 img {max-width: 100%;width: 250px;}
	.col3.col_space li{margin-left: 0;}
	.member_join {padding-bottom:50px }

	.sub_visual {height: 282px;background-size: cover;/* background-position: -75px; */}
	.sub_visual .inner {height: auto;}
	.cont	h2 {text-align: center;padding: 24px 0 25px;margin-top: 0;padding-bottom: 15px;}
	.cont h2 b {background: transparent;/* color: #fff; */font-size: 24px;font-weight: 600;padding: 0;letter-spacing: 0;}
	.cont h2 span {display: none;}


}

@media (max-width:1024px){
	.cont_area img {max-width: 100%}
	}
@media (max-width:768px){
	input, select, textarea {font-size: 14px !important;}
	#page .inner .lnb h2,#page .inner .lnb h2 b {font-size: 18px;font-weight: 600;}
	.col2.col_space li {margin-left: 0; margin-bottom: 10px;}

	.idpw_layer {width: 92%; left: 4%; margin-left: 0; top: 50px;}
	.cont h3, .page_h3 {font-size: 18px !important; padding-bottom: 10px;}
	.cont .join_text h3 {font-size: 15px;padding-bottom: 0;}
	.page_h3 {margin-bottom: 10px;}
	.f_right {margin-bottom: 20px;clear: both !important;}
	.bt_close {top: 0; right: 0;}
	.bt_kakao, .bt_naver {font-size: 13px;padding: 12px 12px 13px 31px;background-size: 19% !important;}
	#page .cont h2, #page .page_h2 {font-size:18px}
 	.member {max-width: 90%;}
 	.member.member_join .page_h2:first-child {margin-top: 100px;}
 	.sub_visual {height: 198px;background-position-y: 36px;}
 	.sub_visual .inner h2 {font-size: 20px;padding-top: 98px;font-weight: 600;}
	#page {margin-top: 110px;}
	.cont h2 b {font-size: 20px;}
}

@media (max-width:500px){

}

.table_bt {margin:50px 0 20px;}
.pageNavibar {text-align: center; margin:30px 0;}
.pageNavibar a {display: inline-block; padding: 7px; min-width: 35px; text-align: center; font-size: 14px; border: 1px solid #ccc;}
.pageNavibar a.on,.pageNavibar a:hover { border-color: #0696d7; background: #0696d7; color: #fff; transition:0.3s;}
.pageNavibar a.bt_start,
.pageNavibar a.bt_prev,
.pageNavibar a.bt_next,
.pageNavibar a.bt_end {letter-spacing: -0.08em; font-family: font-family: 'Noto Sans KR', sans-serif;}

.cont_table {width: 100%; border-top: 2px solid #0696d7;}
.cont_table tr {border-bottom: 1px solid #ddd; }
.cont_table th,
.cont_table td {padding: 15px 5px;font-size: 16px;line-height: 1.4;}
.cont_table th,
.cont_table th {text-align: center; }
.cont_table.td2 th:first-child {width: 15%;}

.cont_table th:first-child {border-right: 1px solid #ddd;}
.cont_table .num {/* width: 100px; */}
.col_noline th:first-child {border: none;}
.col_noline td {color: #777; text-align: center}
.col_noline .title {width: 50%; text-align: left;}
.col_noline th.title {text-align: center;}
.col_noline .title a {word-break: break-all;}
.cont_table .num {width: 100px;}
.cont_table .write {width: 100px;}
.cont_table .date {width: 100px;letter-spacing: -0.05em;}
.cont_table .hit {width: 100px;}

/*list table*/
.title .secret {display: inline-block;width: 15px;margin-left: 6px;}
.title .secret img {width: 100%;}
.cont_table span.state {display: inline-block; padding: 3px; width: 80px; text-align: center; font-size: 14px; font-weight: 600; border: 1px solid #ccc; color: #999; border-radius: 30px; margin-right: 5px;}
.cont_table span.state_2 {border: 1px solid #0696d7; color: #0696d7;}
.sub05_tbl .num{/* width: 100px; */}
/*.sub05_tbl .write{width: 150px;}
.sub05_tbl .date{width: 150px;}
.sub05_tbl .hit{width: 150px;}*/
/*.sub05_tbl .title{width: calc(100% - 550px);}*/
.tbl_etc2 {width: 150px;}
.sub05_tbl tbody .title{text-align: left;color: #000; font-size: 17px;}
/*view*/
.view .view_img { width: 900px; margin:0 auto;  }
.view_img img {max-width: 100%;}
.view .page_h2 {border-bottom: 3px solid #0696d7; padding-bottom: 20px;}
.view_info {padding: 0 20px 20px; border-bottom: 1px solid #ddd;}
.view .cont_area {border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.view .cont_area p {padding: 10px 20px;}
.view .view_info {position: relative;min-height: 48px;}
.view .view_info span { padding: 5px 15px; border:1px solid #ddd; font-size: 14px; margin-right: 5px;}
.view .view_info span.v_info1 {border:none; position: absolute;right: 20px; padding: 0;}
.view .view_info .v_info2 {margin-left: 10px; font-weight: 600; font-size: 17px; margin-right: 5px;}
.view .view_info i {display: inline-block; margin: 0 5px;}
.view .page_h2.view_h2_info span {position: absolute; right: 20px; top: 10px;}
.view .page_h2 .state {padding: 7px 15px;font-size: 14px;font-weight: 600;border: 2px solid #999;color: #999;border-radius: 30px;margin-right: 10px;}
.view .page_h2 .state_2 {border: 2px solid #0696d7; color: #0696d7;}


.tabmenu2:after {content: ""; visibility: hidden; clear: both; display: block;}
/*.tabmenu2 a {float: left;}
.tabmenu2.col2 a {display: inline-block; width:50%;margin: 0; line-height: 1.8;}
.tabmenu2.col3 a {display: inline-block; width:33.3333%;margin: 0; line-height: 1.8;}
.tabmenu2.col4 a {display: inline-block; width:25%;margin: 0; line-height: 1.8;}
.tabmenu2.col5 a {display: inline-block; width:20%;margin: 0; line-height: 1.8;}
.tabmenu2.col6 a {display: inline-block; width:16.6666%;margin: 0; line-height: 1.8;}
.tabmenu2.col7 a {display: inline-block; width:14.2857%;margin: 0; line-height: 1.8;}
*/

@media (max-width:1280px){
	.page_h2 p {font-size: 15px;}
	.page_h3 p {font-size: 14px;}
	.free_tit {margin-top: 40px;}
	#page .inner .lnb br {display: none;}
	.cont {width: 100%;/* max-width: 800px; */margin: 0 auto;padding-bottom: 60px;padding-top: 30px;}
	.cont .cont_area.m{}
	#page .tabmenu {/* display: none; */}
	#page .tabmenu.pc {display: block !important;background: #0000009c;}
	.text_list li {font-size: 13px;}

	#page .inner .tabmenu a {display: inline-block;padding: 8px 0px;font-size: 14px;letter-spacing: -0.02em;color: #fff;margin: 0;border-bottom: 5px solid #fff0;width: 30%;}
	#page .inner .tabmenu.tab4 a {width: 24%;}
}
@media (max-width:750px){
	.page_h2 p {font-size: 13px;}
	.page_h3 p {font-size: 12px;}
	.free_tit {margin-top: 30px;}

	.cont_table th, .cont_table td {font-size: 13px; padding: 13px 3px; }
	.cont_table td.date,
	.cont_table td.hit {font-size: 11px;}
	.col_noline tr td.title {width: 50%}
	.col_noline tr td.title a:before {display: block; content: ""; clear: both; width: 100%;}
	.view .view_info span.v_info1 {display: block; padding-top: 10px; position: static;}
	.view .view_info {height: auto;}
	.reply_list {position: relative;}
	.reply_list li.r_cont {width: 100%;}
	.reply_list li.r_close {position: absolute; top: 0; right: 0;}

	.sub05_tbl tbody .title{ font-size: 14px;}
	.cont_table span.state {font-size: 12px; width: 60px;}

	.form_write li label {position: static;display: block;width: 100%;margin-top: 6px;}
	.form_write li p {display: block;width: 100%;margin-left: 0;margin-top: 0;}

	.form_info b {position: static;display: block;width: 100%;padding-top: 6px;}
	.form_info input.info, .form_info .input.info {margin-left: 0;width: 100%;}
	#email1,#email2 {width: calc(34% - 13px);}
	.ipt_3col1 {width: calc(31% - 20px);}
	.ipt_3col .ipt_3col1 {width: 22%;}
	#tel2, #tel3 {width: 33%;}
	.login_form select {width:25%;}

	.view .page_h2 .state {font-size: 12px; padding:5px 8px; margin-right: 5px;}
	.col_noline tr td.title {width: 40%;}

	.view .page_h2  {font-size: 16px; font-weight: 500; padding: 0 20px 10px; line-height: 1.4;}

	.form_write #ch_secret {position: absolute; top: 40px; right: 64px;}
	.form_write #label_secret {position: absolute; top:27px;}
    .input_phone {width: 100% !important;}
    .input_email {width: 45% !important;}
}

@media (max-width:380px){
	.email .w30px, .ipt_3col .w30px {width: 25px;}
	.bt_kakao, .bt_naver {padding-left: 12px;}
	.bt_naver {background: #2db400 !important;}
	.bt_kakao {background: #ffeb00 !important;}
	#email1, #email2 {width: calc(35% - 13px);}
}

/*footer*/
.footer {position: static;}
.footer.footer_f {position: fixed;}
@media (max-width:1280px){
	.footer.footer_f {position: static;}
}



.cont_area.regi h3 {font-size: 24px;}
.cont_area.regi li {margin: 0.5%; width: 49%}
.cont_area.regi .regi_step1,
.cont_area.regi .regi_step2 {border: 1px solid #ccc;}
.cont_area.regi li .tit {display: block !important;font-size: 18px;font-weight: bold;display: inline-block;margin: 5px 5px 20px 5px;border-bottom: 1px dotted #ccc;padding:5px 15px 15px;}

.cont_area.regi table {border-top: 2px solid #444}
.cont_area.regi table.center td,table.center th, {text-align: center;}
.cont_area.regi table.td_center td {text-align: center;}
.cont_area.regi table th{font-weight: 500;}
.cont_area.regi table td{padding: 5px 10px; height: 55px;}
.cont_area.regi li.regi_step1,.cont_area.regi li.regi_step2 {padding:10px; min-height: 470px;}
.cont_area.regi .bt {font-size: 6px; padding: 10px 20px;}
/*.cont_area.regi .regi_step1 table td {position: relative;}*/
/*.cont_area.regi .regi_step1 span {padding: 10px;display: block;}*/
.cont_area.regi .regi_step1 .rg_d {/*position: absolute; */display: block;width: 100%;height: 45px;padding: 0 !important;background: #fff;/* color: #fff; */line-height: 45px;margin: 0;border: none;}
.cont_area.regi .regi_step1 .rg_d.rg_close {background: #eaeaea;color: #fff;}
.cont_area.regi .regi_step1 .rg_d.rg_close span {color: #fff}
.cont_area.regi .rg_d:hover{ background: #1e50c2; color: #fff; }
.cont_area.regi .rg_d.ov {background: #c31278;color: #fff;}
.rg_d {cursor: pointer;}
.rg_d.rg_close {cursor: default;}
.rg_d.rg_space {background: #fff}
.rg_d.rg_space:hover {background: #fff}
.cont_area.regi .tit_line {padding: 10px 0 20px}
.rg_close_dot,.rg_open_dot,.rg_ov_dot {margin-left: 5px; margin-right: 10px;}

.rg_close_dot b {display: inline-block;width: 13px;height: 13px;background: #eaeaea;border:1px solid #ccc;margin-right:5px;padding:3px;}
.rg_open_dot b {display: inline-block;width: 13px;height: 13px;background: #ffffff;border:1px solid #ccc;margin-right:5px;padding:3px;}
.rg_ov_dot b { display: inline-block; width: 13px; height: 13px; background: #1e50c2; border:1px solid #1e50c2; margin-right:5px; padding:3px;}

.cont_area.regi .regi_step3 {width: 100%; margin: 0; padding: 0;}
.cont_area.regi .regi_step3 td,
.cont_area.regi .regi_step3 th {padding: 10px 15px;}

.cont_area.regi .time_list p { display: block; padding: 0}
.cont_area.regi .time_list p .time_ch {position: absolute;visibility: hidden;}
.cont_area.regi .time_list p .time_ch_label {display: inline-block;width: 48%;background: #fff;padding: 6px;text-align: center;border: 1px solid #ccc;/* background: #d9ffff; */margin-bottom: 4px;cursor: pointer;}
.cont_area.regi .time_list p .time_ch_label.time_close {background: #efefef; color: #fff}
.cont_area.regi .time_list p .time_ch_label:hover,
.cont_area.regi .time_list p .time_ch:checked + label { background: #1e50c2; color: #fff; cursor: pointer;border: 1px solid #1e50c2; }
.cont_area.regi .time_list p .time_ch_label.time_close:hover,
.cont_area.regi .time_list p .time_ch_label.time_close:checked + label {background: #efefef;border: 1px solid #ccc;}

input {margin: 4px 0;padding: 11px !important;border: 1px solid #ccc;padding:5px;color: #666;}
.bt.bt_color1 {background: #c31278;color: #fff;cursor: pointer;border: 1px solid #c31278;}
.bt.bt_color2 {background: #333; color: #fff; cursor: pointer;border: 1px solid #333;}

.box {border: 1px solid #ccc; padding: 20px; font-size: 15px; margin-bottom: 30px;}
.tit_line {padding: 10px;}
.input_phone {width: 50%}
.input_email {width: 25%}

@media (max-width:1280px){
	.w700 {width: 720px;max-width: 100%;margin: 0 auto;}
	.cont_area_m {width:100%; background:#fff; padding:3vw; border:1px solid #ddd }
}

@media (max-width:1024px){
  .cont_area.regi li.regi_step1,
  .cont_area.regi li.regi_step2 {min-height: auto; width: 100%}
}