@charset "UTF-8";

/* 가로모드*/
@media screen and (orientation:landscape) and (max-width:768px) {
	.popup_holiday_wrap {
		position:absolute; 
		top:50%;
		left:50%;
		transform:translate(-50%, -30%);
		width:90vw;
		max-width:500px;
		height:auto;
		margin-left:0;
		box-sizing:border-box;
	}
	.popup_holiday_wrap img {
		width:100%;
		height:auto; 
	  }
}
/* 세로모드*/
@media screen and (orientation:portrait) and (max-width:768px) {
	.popup_holiday_wrap {
		position:fixed; 
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		width:90vw;
		max-width:500px;
		height:auto;
		max-height:80vh;
		margin-left:0;
		box-sizing:border-box;
	}
	.popup_holiday_wrap img {
		width:100%;
		height:auto; 
	  }
}

/* 800px 미만 해상도 */
@media all and (max-width:819px) { 	
	#main .content_wrap {display:block; gap:0;}
	#main .visual_wrap {height:auto; margin-bottom:0;}
	#main .visual_wrap:after {bottom:0; top:auto; right:0; width:130px;  height:80px; background-size:100%; margin-left:0;}
	/* #main .visual_wrap .btn a {line-height:1.5em;} */
	#main .visual_box {padding:40px 40px;}
	.visual_box:before,
	.visual_box:after {display:none;}
	#main .content_wrap h3 {margin-top:20px;}
	header {/* width:95%; */ display:block; padding:1rem 0;}
	/* header .logo img {width:55%;} */
	header .header-nav {display:none; border-top:1px solid #d0d0d0; margin-top:10px;}
	header .util_wrap {display:none; position:absolute; top:17px; right:0;}
	header .util_wrap button {padding:8px 4px;}
	header .util_wrap .button_link a {padding:3px 7px 2px 3px;}
	header .util_wrap .button_link a:before {margin:0 4px 1px 4px;}
	.header-nav .gnb_wrap {padding:5px 0;}
	.header-nav .gnb_wrap a {display:block; font-size:1.2rem; padding:8px 18px; letter-spacing:-1px;}
	
	#mian .login_box {display:none;}
	
	#sub .visual_box {padding:58px 0 0 68px;}
	#sub .visual_wrap:after {width:360px; height:152px; background-size:100%; right:20px;}	
	/* #container {width:95%;} */

	.status_box .inner,
	.status_box .item_list {width:auto;}
	.status_box .inner {height:auto;}
	.status_box:after {display:none;}
	.consultant_box {width:auto;}
	#sub .visual_wrap {height:100px; margin-bottom:20px;}
	#sub .visual_wrap:after {width:141px; height:60px; background-size:100%; right:0;}
	#sub .visual_wrap h2 {font-size:1.133rem;}
	#sub .visual_wrap .desc {font-size:0.8667rem; letter-spacing:-1px;}
	#sub .visual_box {padding:0 0 0 20px;}
	#sub .content_wrap h3 {font-size:1.333rem; margin:0 0 5px 10px;}
	
	/*전담 컨설턴트 */
	.consultant_box .item em {width:auto; font-size:1.133rem; padding-right:20%;}

	.progess_box .inner {width:100%;}
	.progess_box .inner ul {padding:10px 10px;}
	.progess_box .inner li.sp_cmn_b {font-size:0.9333rem; padding:21px 0 19px 70px;}
	.progess_box .inner li:nth-child(2n):before {left:5px;}
	.progess_box .inner .item_6 {border-bottom:0;}
	.progess_box .button_info {width:100%;}
	
	/* 레이어 */
	.tpl_dim_box {width:90%; height:auto; padding:20px 20px;}
	.tpl_button_close {top:10px; right:10px;}
	
	/* 공지사항 */
	.notice_list .notice {margin:15px 0 0 0;}
	.content_wrap .notice_list .item_box {border:1px solid #eaeaeb; padding:50px 20px 25px 20px; margin:0;}
	.content_wrap .notice_view {margin:0;}
	.content_wrap .notice_view .item_box {padding:25px 25px; margin:0;}
	.content_wrap .notice_view .content_top div {display:block;}
	.content_wrap .notice_view h4 {font-size:1.333rem;}
	.content_wrap .notice_view .content img {max-width:100%; height:auto;}
	/*
	.table_notice .cell {padding:15px 7px;}
	.table_notice .cell:nth-child(3) {padding:0 10px;}
	*/
	.notice_list .table_row .cell:nth-child(3) p a {width:172px;}
	.notice_list .table_box .total {font-size:0.8666666666666667rem;}
	.notice_list .table_heading, 
    .notice_list .table_row {grid-template-columns:10% 22% 1fr 10% 18%;}
	.notice_list .table_box .cell {font-size:0.8666666666666667rem;}

	/* 서비스 소개 */
	.service_info_box {width:auto; height:auto; padding:40px 0 40px 0;}
	.service_info_box h4 {font-size:2.667rem; margin-bottom:20px;}
	.service_info_box h4 em {font-size:1.867rem;}
	.service_info_visual {/* height:255px; */}
	.service_info_visual .visual {/* bottom:40px; right:30px; */}
	.service_info_visual:before {/* bottom:0; top:70px; left:25px; width:300px;  height:162px; background-size:100%; margin-left:0; */}
	  margin-left:-150px; top:-125px;
	.service_info_visual dl {height:auto; margin-top:15px;}
	.service_info_visual dl:nth-child(4) {margin-top:24px;}
	.service_info_visual dt {width:120px;}

	/* .service_info_wrap .choice_box {margin-top:0;} */
	.service_info_wrap .item_box {padding:10px 10px; margin:0;}
	.service_info_box:after {display:none;}
	.service_info_step {display:grid; grid-template-columns:repeat(2, 1fr); width:95%; align-items:baseline; min-height:auto; padding:40px 10px 0 10px;}
	.service_info_step dl {margin:0 auto 20px auto; width:100%;}
	.service_info_step dl:nth-child(2):after {background:none;}
	.service_info_step dl:nth-child(3),
	.service_info_step dl:nth-child(4) {border-top:1px solid #f4f4f4; margin:0 auto 20px auto; padding-top:60px;}
	.service_info_step dt {font-size:0.9333rem; margin:5px 0 3px 0;}
	.service_info_step dl:nth-child(3) dt span,
	.service_info_step dl:nth-child(4) dt span {top:20px;}	
	.service_info_step dd {font-size:0.7333rem;}
	.service_info_desc {margin:30px 20px 0 20px;}
	.service_info_desc li {font-size:0.8667rem; padding-left:10px;}
	.service_info_desc li:before {width:3px; height:3px;}
	.service_info_desc li span {font-size:0.8rem;}
	.service_info_box .btm_button_box {width:240px; margin:40px auto 0 auto; font-size:1rem;}

	/* 회원가입 */
	.join_wrap_m {margin:0;}
	.user_Info_edit .tpl_dim_box {padding:20px 20px 30px 20px;}
/*	.join_wrap .tpl_dim_cont .item_list {margin:0 0 20px 0;} */
	.join_wrap_m .tpl_dim_cont {padding:0;}

	.katalk_wrap {right:10px; bottom:10px;}

	/* 회원정보 수정 */
	.user_Info_edit .join_wrap .item_info {padding:0 0 15px 0;}

	/* 회원가입 모바일 */
	.user_Info_edit .join_wrap_m .item_info {padding:20px 0 0 0;}
	
	/* 회원가입 팝업 */
	.join_wrap_footer .tpl_dim_box {padding:50px 50px;}

	/* 쿠폰 등록 */
	.coupon_reg .hd_box_h4 h4 {
		font-size:25px;
	}
	.coupon_reg .hd_box_h4 .hd_info {
		font-size:13px;
	}
}

@media all and (min-width:768px) and (max-width:820px) {
	#main .visual_wrap:after {width:330px; height:202px; background-size:100%; right:20px;}
	/* #container {width:98%;} */
	.service_info_visual {flex-direction:column; margin:20px 0 72px 0;}
	.service_info_visual:before {/* bottom:0; top:70px; width:300px;  height:162px; background-size:100%; margin-left:0; */}
}

/* 1200px 미만 해상도 */
@media all and (min-width:820px) and (max-width:1200px) { 
	#main .content_wrap {display:block; gap:0;}
	#main .visual_box {padding:40px 40px;}
	#main .content_wrap h3 {margin-top:20px;}
	.status_box .inner,
	.status_box .item_list {width:auto;}
	.status_box .inner {height:auto;}
	.status_box:after {display:none;}
	.consultant_box {width:auto;}
	.consultant_box .item em {width:80%;}

	header {/* width:98%; */ display:block; padding:0.625rem 0;}
	/* header .logo img {width:55%;} */
	header .header-nav {display:none; border-top:1px solid #d0d0d0; margin-top:10px;}
	header .util_wrap {display:none; position:absolute; top:17px; right:0;}
	header .util_wrap button {padding:8px 4px;}
	header .util_wrap .button_link a {padding:3px 7px 2px 3px;}
	header .util_wrap .button_link a:before {margin:0 4px 1px 4px;}
	.header-nav .gnb_wrap {padding:5px 0;}
	.header-nav .gnb_wrap a {display:block;}
	
	/* #container {width:98%;} */
	#main .visual_wrap {height:auto; margin-bottom:0;}
	#sub .visual_box {padding:0 0 0 68px;}
	#sub .visual_wrap:after {width:360px; height:152px; background-size:100%; right:20px;}	
	.visual_wrap:after {width:400px; height:245px; background-size:100%; right:20px;}
	.visual_box:before,
	.visual_box:after {display:none;}

	.progess_box .inner {width:100%;}
	.progess_box .inner ul {padding:10px 10px;}
	.progess_box .inner li.sp_cmn_b {font-size:0.9333rem;}
	.progess_box .item_2:before {left:15px;}
	.progess_box .item_4:before {left:21px;}
	.progess_box .button_info {width:100%;}

	/* 컨설팅 신청 */
	.choice_box .item_list .item {margin:6px 6px 7px 7px;}
	.coverletter_box .item_box dd {width:100%;}

	/* 공지사항 */
	.content_wrap .notice_list .item_box {padding:60px 45px 40px 45px;}
	.notice_list .table_row .cell:nth-child(3) p a {width:416px;}
	.content_wrap .notice_view .item_box {padding:40px 45px;}
}

@media all and (min-width:820px) and (max-width:1023px) { 
	/* 서비스 소개 */
	.service_info_box {width:auto; height:auto; padding:40px 0 40px 0;}
	.service_info_box h4 {font-size:2.667rem; margin-bottom:20px;}
	.service_info_box h4 em {font-size:1.867rem;}
	.service_info_visual {flex-direction:column; margin:20px 0 72px 0; /* height:255px; */}
	.service_info_visual .visual {/* bottom:30px; right:50px; */}
	/* .service_info_visual:before {left:30px; bottom:0; top:70px; width:300px;  height:162px; background-size:100%; margin-left:0;} */
	.service_info_visual dl {height:auto; margin-top:15px;}
	.service_info_visual dt {width:120px; flex-shrink:0;}

	.service_info_wrap .choice_box {margin-top:0;}
	.service_info_wrap .item_box {padding:10px 10px; margin:0;}
	.service_info_box:after {width:230px; height:309px; right:0; bottom:0;}
	.service_info_step {width:95%; align-items:baseline; min-height:auto; padding-top:40px;}
	.service_info_step dl:nth-child(3),
	.service_info_step dl:nth-child(4) {margin:0 auto 20px auto;}
	.service_info_step dt {font-size:0.9333; margin:5px 0 3px 0;}
	.service_info_step dd {font-size:0.7333rem;}
	.service_info_desc {margin:30px 20px 0 50px;}
	.service_info_desc li {font-size:0.8667rem; padding-left:10px;}
	.service_info_desc li:before {width:3px; height:3px;}
	.service_info_desc li span {font-size:0.8rem;}
	.service_info_box .btm_button_box {width:320px; margin:40px auto 0 auto; font-size:1rem;}
}

/* 1279px 미만 해상도 */
@media all and (min-width:1180px) and (max-width:1279px) {	
	.visual_box:before,
	.visual_box:after {display:none;}
	/*
	header,
	#container {width:98%;}
	*/
	.consultant_box {width:249px;}
	.progess_box .inner {width:601px;}
	.progess_box .inner li {font-size:0.8667rem; padding:25px 20px 25px 75px;}
	.progess_box .inner ul {grid-template-columns: 52% 48%;}
	.progess_box .inner li.item_5 br, .progess_box .inner li.item_6 br {display:none;}
	.progess_box .button_info {width:100%;}

	/* 서비스 소개 */
	.service_info_wrap .item_box {padding:10px 10px;}
	.service_info_box {width:auto;}

	/* 공지사항 */
	.notice_list .table_row .cell:nth-child(3) p a {width:700px;}
	
}

@media all and (min-width:600px) and (max-width:767px) {
	#main .visual_wrap:after {/* width:250px; height:153px; right:20px; */}
	#sub .visual_wrap:after {width:200px; height:84px; right:20px;}
	.service_info_visual {flex-direction:column; gap:0; /* height:265px; */}
	.service_info_visual:before {top:0;/* left:50%; margin-left:-150px; top:-125px; */}
	.service_info_visual .visual {/* right:50%; width:382px; margin-right:-191px; */}
	.notice_list .table_row .cell:nth-child(3) p a {width:238px;}
}

@media all and (min-width:280px) and (max-width:639px) {
	.header-nav .gnb_wrap a {font-size:0.9333rem; padding:10px 8px;}
	/* .visual_wrap h2 {font-size:1.4rem;} */
	/* .visual_wrap .desc {font-size:0.8rem;} */
	/* .visual_wrap .btn {margin-top:20px;} */
	/* .visual_wrap .btn a em {font-size:80%;} */	

	/* 서비스 소개 */
	.service_info_box h4 {/* font-size:1.53rem; */ font-size:26px;}
	.service_info_box h4 em {/* font-size:1.533rem; */ font-size:22px;}
	.service_info_visual {flex-direction:column; margin:40px 0; gap:0; /* height:335px; */}
	.service_info_visual .visual {left:30px; top:0; bottom:auto; right:auto;}
	.service_info_visual:before {top:0; width:262px; height:154px; /* left:50%; bottom:auto; width:262px; top:-136px; height:154px; margin-left:-131px; */}
	.service_info_visual dt {font-size:13px; padding:2px 7px 0 7px;}
	.service_info_visual dd {display:block;}
	.service_info_visual dd {font-size:13px; margin:5px 0 0 5px;}
	.service_info_visual dd a,
	.service_info_step dt,
	.service_info_step dd,
	.service_info_desc li  {font-size:13px;}
    
	/* .progess_box .inner {height:auto;} */
	.progess_box .button_info {position:static;}
	.progess_box .inner li.sp_cmn_b {padding:20px 0 25px 75px;}
/*
	.progess_box .item_1:before {left:8px;}
	.progess_box .item_2:before {left:4px;}
	.progess_box .item_3:before {left:4px;}
	.progess_box .item_4:before {left:9px;}
*/
	
	
}

@media all and (max-width:540px) {
	.notice_list .table_row .cell:nth-child(3) p a {width:188px;}
	/* 쿠폰 등록 */
	.coupon_reg_wrap .content_box {
		padding:40px 25px;
	}
	.coupon_reg .coupon_inputs input {
		font-size:16px;
		width:100%;
	}
	.coupon_reg .coupon_inputs .btn_coupon_reg {
		width:auto;
		font-size:13px;
	}
}

@media all and (max-width:430px) {
	.notice_list .table_heading, 
    .notice_list .table_row {grid-template-columns:10% 26% 1fr 10% 18%;}
	.notice_list .table_row .cell:nth-child(3) p a {width:130px;}
	/* 서비스 안내 */
	.service_info_visual .visual {
		padding:0 20px;
	}
}

@media all and (max-width:414px) {
	.notice_list .table_heading, 
    .notice_list .table_row {grid-template-columns:10% 28% 1fr 10% 18%;}
	.notice_list .table_row .cell:nth-child(3) p a {width:110px;}
	.service_info_step {
		grid-template-columns:repeat(1, 1fr);
	}
	 .service_info_step dl:nth-child(2) {
        border-top: 1px solid #f4f4f4;
        margin: 0 auto 20px auto;
        padding-top: 60px;
    }
	.service_info_step dl:nth-child(2) dt span {
		top:20px;
	}
}

@media all and (max-width:375px) {
	.header-nav .gnb_wrap a {padding:10px 7px;}
	.content_wrap .notice_view .item_box {padding:20px 20px;}
	#sub .content_wrap .notice_view h4 {font-size:1.2rem;}
	.notice_list .table_row .cell:nth-child(3) p a {width:96px;}	
	#main .visual_wrap:after {display:none;}
}

@media all and (max-width:360px) {
	.header-nav .gnb_wrap a {font-size:0.8667rem;}
}

@media all and (max-width:320px) {
	#main .visual_wrap:after {display:none;}
	.header-nav .gnb_wrap a {font-size:0.8rem; padding:10px 5px;}
	.visual_wrap h2 {font-size:1.333rem;}
	.visual_wrap h2 strong {font-size:18px;}
	.visual_wrap .desc {letter-spacing:-1px;}
	
	#sub .visual_wrap:after {width:120px; height:51px;}

	/* 서비스 소개 */
	.service_info_visual {left:15px; margin:30px 0;}
	.service_info_box h4 {font-size:16px;}
	.service_info_box h4 em {font-size:14px;}
	.service_info_visual dd {font-size:13px;}
	.service_info_visual dd em {font-size:12px;}
	.service_info_visual dl:first-child {
		margin-top:0;
	}
	.service_info_desc li {font-size:12px;}
	.service_info_box .btm_button_box {width:190px; height:42px; font-size:13px; line-height:normal;}
	
	/*전담 컨설턴트 */
	.consultant_box .item em {padding-right:23%;}

	/* 공지사항 */
	.content_wrap .notice_list .item_box {padding:50px 10px 20px 10px;}
	.notice_list .table_row .cell:nth-child(3) p a {width:93px;}	
	/*
	.table_notice,
	.table_heading {display:block;}
	*/
}

@media all and (max-width:280px) {
	header .util_wrap {top:19px;}
	.util_wrap button, .util_wrap a {font-size:0.6667rem;}
	.header-nav .gnb_wrap a {font-size:0.7333rem;}
	.progess_box .inner li br {display:none;}
	.notice_list .table_row .cell:nth-child(3) p a {width:55px;}
	
}

/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1179px)*/ 
@media all and (min-width:1024px) and (max-width:1179px) { 
	/*
	header,
	#container {margin:0 10px;}
	*/
	.gnb_wrap a {padding:8px 20px;}


	.service_info_box {width:auto;}
	.service_info_wrap .item_box {padding:10px 10px;}
	.service_info_visual .visual {right:80px;}
	.service_info_desc {margin:50px 0 0 40px;}
	.service_info_box:after {right:0; bottom:70px; width:315px; height:525px;}

	.visual_box:before,
	.visual_box:after {display:none;}
}

/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:768px) and (max-width:1023px) { 
	.user_Info_edit .tpl_dim_box {padding:30px 50px;}
} 

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 768px)*/ 
@media all and (min-width:480px) and (max-width:768px) {
	#main .visual_wrap:after {width:330px; height:202px; right:20px;}
	/* #sub .visual_wrap:after {width:240px; height:101px;} */
	#sub .visual_wrap {height:125px;}
	#sub .visual_box {padding:0 0 0 30px;}
	/* #sub .visual_wrap .desc {font-size:0.8667rem;} */

	/* 서비스 소개 */
	.service_info_visual {/* margin-top:170px; */}
	.service_info_visual:before {/* left:50%; bottom:auto; top:-136px; width:300px; height:162px; margin-left:-150px; */}
	.service_info_visual .visual {/* right:50%; margin-right:-190px; */}
	.service_info_step dl {margin:0 auto 20px auto;}
	.service_info_step dl:after {height:212px;}	
	
	/* 회원가입 수정 */
	.user_Info_edit .join_wrap .tpl_dim_box,
	.user_Info_edit .join_wrap .tpl_dim_cont .item_1 dd,
	.user_Info_edit .join_wrap .tpl_dim_cont .item_2 dd,
	.user_Info_edit .join_wrap .tpl_dim_cont .item_6 dd,
	.user_Info_edit .join_wrap .tpl_dim_cont .case_2 dd {width:100%;}
	.join_wrap .tpl_dim_cont .item dt {}
	.join_wrap .tpl_dim_cont .item dt {width:110px; display:block; width:auto; padding:12px 0 7px 0;}

	/* 레이어 */
	.tpl_dim_box {width:90%; height:auto; padding:20px 20px;}
} 


/* 모바일 좌측 메뉴 */
@media (max-width:1024px) and (orientation: landscape) {
    .m-menu-dimmed {
        display:none;
    }
}

@media (max-width:1200px) {
	#wrap {
		margin:0 10px;
	}
	header .logo img {
		height:2.3333333333333335rem;
	}
    .m-btn-menu-open {
        display:block;
    }

    .header-box {
        display:none;
    }
	.m-header-box {
		margin-top:0;
		width:50%;
	}
}

/* 1281px 이상 */
@media (min-width:1201px) {
    .m-header-box,
    .m-menu-dimmed {
        display:none;
    }
    .m-btn-menu-open {
        display:none;
    }
}

@media (max-width:930px) {
	/* 메인 */
	.visual_wrap .btn {
		flex-direction:column;
        width:fit-content;
	}
	.visual_wrap .btn a {
		justify-content:center;
	}

	.user_Info_edit .tpl_dim_box {
		width:auto;
	}
	.user_Info_edit .join_wrap .tpl_dim_cont .item dt {
		display:block;
		padding:12px 0 7px 0;
	}
	/*
	.join_wrap .tpl_dim_cont .item dd,
	.join_wrap .tpl_dim_cont .item .tpl_input_form {
		width:100%;
	}
	.join_wrap .tpl_dim_cont .item dd span {
		display:block;
		width:100%;
	}
	.join_wrap .tpl_dim_cont .item .desc {
		display:block;
		margin-top:7px;
	}
	*/
}

/* 900px 이하 
@media (max-width:900px) {
	.join_wrap_m .tpl_dim_box {
		width:auto;
	}
	.join_wrap_m .tpl_dim_cont {
		padding:0 10px;
	}
	.join_wrap_m .tpl_dim_box {
		padding:30px 20px;
	}
}
*/

/* 820px 이하  */
@media (max-width:820px) {
	.tpl_tab_menu {
		top:-3px;
		right:8px;
	}
	.tpl_tab_menu .tab {
		width:150px;
		height:34px;
	}
	.tpl_tab_menu .tab > button,
	.tpl_tab_menu .tab > a {
		font-size:13px;
	}
	.tpl_tab_menu .tab > button span,
	.tpl_tab_menu .tab > a span {
	    position:relative;
        top:2px;
	}
}
/* 768px 이하 */
@media (max-width:768px) {
	.user_Info_edit .join_wrap .tpl_dim_cont .item {
		grid-template-columns:repeat(1, 1fr);
	}
	.user_Info_edit .join_wrap .tpl_dim_cont .item {
		padding:0;
	}
	.user_Info_edit .join_wrap .tpl_dim_cont .item_list {
		padding:8px 10px 20px 10px;
	}

	.coupon_reg .coupon_form {
		padding:20px 20px;
	}
}

/* 720px 이하 */
@media (max-width:720px) {
	 #main .visual_wrap:after {
        width:280px;
        height:172px;
    }
	.main .visual_wrap h2 {
		font-size:24px;
	}
	.main .visual_wrap h2 strong {
		font-size:30px;
	}
	.visual_wrap .desc {
		font-size:14px;
	}
	.visual_wrap .btn a {
		padding:7px 12px;
	}
	.visual_wrap .btn a em {
		font-size:0.6666666666666666rem;
	}
	.visual_wrap .btn a span {
		font-size:0.8rem;
	}
	.visual_wrap .btn a:after {
		font-size:80%;
		width:6px;
        height:9px;
	}
}
/* 680px 이하 */
@media (max-width:680px) {
    .m-header-box {
        width:65%;
    }
	 #main .visual_wrap:after {
        width:230px;
        height:141px;
		right:0;
    }	
	.progess_box .inner {
		height:auto;
	}
	.progess_box .inner ul {
		display:block;
	}
	.progess_box .inner,
	.progess_box .inner li {
		width:100%; border-bottom:1px solid #eee;
	}
	.progess_box .item_1:after, .progess_box .item_3:after, .progess_box .item_5:after {
		width:0;
	}
	.progess_box .inner li.sp_cmn_b {
		padding:21px 15px 19px 70px;
	}
	.progess_box .inner li.item_5 br {
		display:none;
	}
	.user_Info_edit .join_wrap .tpl_dim_cont .item_5 .group_cell {
		grid-template-columns:repeat(2, 1fr);
	}
	.user_Info_edit .join_wrap_m .tpl_dim_cont .item_5 .group_cell {
		grid-template-columns:repeat(1, 1fr);
	}
	.user_Info_edit .join_wrap .tpl_dim_cont .item dd {
		display:flex;
		flex-direction:column;
	}
	.user_Info_edit .join_wrap .tpl_dim_cont .gender dd {
		flex-direction:row;
		gap:1.25rem;
	}
	.user_Info_edit .join_wrap .tpl_dim_cont .item dd span:not(:first-child) {
		margin:8px 0 0 0;
	}
	/* 회원가입 모바일 */
	.user_Info_edit .join_wrap_m .tpl_dim_cont .item dd span:not(:first-child) {
		margin:0;
	}
	.user_Info_edit .join_wrap_m .tpl_dim_cont .item dd span.desc:not(:first-child) {
		margin:8px 0 0 0;
	}
	/*
	.user_Info_edit .join_wrap_m .tpl_dim_cont .item dd .desc:not(:first-child) {
		margin:8px 0 0 0;
	}
	*/
	.user_Info_edit .join_wrap .tpl_dim_cont .item .tpl_input_form {
		width:100%;
		padding:15px 5px 14px 5px;
		text-align:center;
	}
}
/* 500px 이하 */
@media (max-width:500px) {
    .m-header-box {
        width:70%;
    }
	 #main .visual_wrap:after {
        width:190px;
        height:116px;
		right:0;
    }	
	.user_Info_edit .join_wrap .tpl_dim_cont .item_5 .group_cell {
		grid-template-columns:repeat(1, 1fr);
	}
}
/* 480px 이하 */
@media (max-width:480px) {
    .m-header-box {
        width:88%;
    }
	.visual_wrap .desc em {
		display:inline;
	}
	#main .visual_box {
		padding:30px 30px;
	}
	#main .visual_wrap:after {
        width:160px;
        height:98px;
    }	
	.main .visual_wrap h2 {
		font-size:18px;
		line-height:1.4;
	}
	.main .visual_wrap h2 strong {
		font-size:24px;
	}
	.visual_wrap .desc {
		font-size:13px;
	}
	/* 서비스 안내 */
	.service_info_box h4 strong {letter-spacing:-1px;}
	.service_info_step dd {line-height:1.1rem;}

	/* 쿠폰 등록 */
	#sub .visual_wrap .desc span {
		display:block;
	}
	.coupon_list .status {
		position:static;
		margin-bottom:0.625rem;
	}
	.coupon_reg .coupon_inputs {
		flex-direction:column;
	}
	.coupon_list ul {
		gap:0.625rem;
		margin-top:0;
	}
	.coupon_list li {
		align-items:center;
		height:140px;
	}
	.coupon_list .group .date {
		height:auto;
		margin-top:0.5rem;
	}
	.coupon_list .group .coupon {
		margin-top:0;
	}
}
/* 430px 이하 */
@media (max-width:430px) {
	#main .visual_wrap:after {
        width:125px;
        height:77px;
	}
	.main .visual_wrap h2 {
		/* font-size:19px; */
		font-size:15px;
	}
	.main .visual_wrap h2 strong {
		/* font-size:25px; */
		font-size:20px;
	}
	.visual_wrap .desc {
		font-size: 13px;
	}
	.visual_wrap .btn a {
		/* font-size:90%; */
	}

	.tpl_tab_menu {
		position:static;
	}
	.tpl_tab_menu .tab {
		flex:1;
	}
	.tpl_tab_menu .tab > button span,
	.tpl_tab_menu .tab > a span {
        top:0;
	}
	/* 서비스 소개 */
	.service_info_box h4 {font-size:20px;}
	.service_info_box h4 em {font-size:16px;}
	.service_info_wrap .item_box {
		border-top-left-radius:0;
		border-top-right-radius:0;
	}
	/* 쿠폰 등록 */
	.coupon_list li {
		height:135px;
	}
	.coupon_list .group {
		width:260px;
	}
	.coupon_list .group .coupon {
	}
}
/* 390px 이하 */
@media (max-width:390px) {
	.main .visual_wrap h2 {
		/* font-size:17px; */
		font-size:14px;
	}
	.main .visual_wrap h2 strong {
		/* font-size:23px; */
		font-size:19px;
	}
	.visual_wrap .desc {
		font-size: 13px;
	}
	.visual_wrap .btn a {
		/* font-size:90%; */
	}
	.service_info_box h4 {
		line-height:1.4;
	}
	/* 쿠폰 등록 */
	.coupon_reg .hd_box_h4 h4 {
		font-size:22px;
	}
	.coupon_list li {
		height:125px;
	}
	.coupon_list .group {
		width:240px;
	}
	.coupon_list .group .coupon {
	}
}
@media (max-width:375px) {
    .coupon_list li {
        height:115px;
    }
	.coupon_list .group {
        width:223px;
    }
	.coupon_list .group .coupon {

    }
	.coupon_list .group .code,
	.coupon_list .group .date {
		font-size:12px;
	}
	.coupon_list .group strong {
		font-size:20px;
	}
}
/* 360px 이하 */
@media (max-width:360px) {
	.main .visual_wrap h2 strong {
			/* font-size:22px; */
			font-size:18px;
	}
	/* 서비스 소개 */
	.service_info_box h4 {
		line-height:1.2;
	}
	.service_info_box h4 em {
		font-size:14px;
	}
	.service_info_box h4 strong {
		font-size:16px;
	}
	/* 쿠폰 등록 */
	.coupon_list li {
		height:110px;
	}
	.coupon_list .group {
        width:213px;
    }
	.coupon_list .group .coupon {
	}
}
/* 320px 이하 */
@media (max-width:320px) {
	html {
		font-size:13px;
	}
	.main .visual_wrap h2 {
		/* font-size:16px; */
		font-size:13px;
	}
	.main .visual_wrap h2 strong {
		font-size:15px;
	}
	.visual_wrap .desc {
		font-size: 12px;
	}
	.progess_box .inner li.sp_cmn_b br {
		display:none;
	}
	.join_wrap_m .tpl_dim_cont .item .number_cell span:nth-child(2) {
		flex:1;
	}
	.m-header-box .m-header-util .item-box .btn-box .btn-cmn {
		min-width:85px;
	}
	/* 쿠폰 등록 */
	.coupon_reg .hd_box_h4 h4 {
		font-size:19px;
	}
	.coupon_reg .hd_box_h4 .hd_info {
		font-size:12px;
	}
	.coupon_list li {
        height:95px;
    }
	.coupon_list .group {
        width:182px;
    }
	.coupon_list .group .coupon {
		gap:0.3125rem;
	}
	.coupon_list .group .code,
	.coupon_list .group .date {
		font-size:11px;
	}
	.coupon_list .group strong {
		font-size:16px;
	}
}