@charset "utf-8";
/* CSS Document */

/* 반응형 */
/* 메인 s*/

@media screen and (max-width:1200px){
	
		#main_wrap { background:url("https://rl17wljen.toastcdn.net/eng/img/bg_main02_new_4th.png") center top/cover no-repeat;}
		#main_wrap #header{ position: fixed; border-bottom:#ddd solid 1px; background: #fff;}
		#main_wrap .main_wrap_inner { width:100%; overflow-y: auto;}
		.main_cont {left:0;}
	    .main_cont .main_title img { width:350px; padding-left: 5rem;}
	
		.main_cont { position:relative; left:0; width:90%; margin: 0 5%; top:26%; }
		.main_cont .main_title { text-align: center;}
		.main_cont .main_title img { width:250px; padding-left: 0;}
		.main_cont .main_btn_wrap { width:35rem;margin: 0 auto; margin-bottom: 2rem;}
		.main_subcont { position:relative; width:35rem;margin: 0 auto;  }
		.main_btn { margin-bottom: 0.5rem;}
		.main_btn span { padding-left: 2rem; font-size:1.7rem;}
		.main_btn:after { left:16px; top:7px;}
		.main_btn.type05 { border:0;}


		.main_subbtn_wrap { margin: 0 auto; }
		.main_subbtn_wrap ul {  justify-content:center;}
		.main_subbtn_wrap ul li a { border-radius:7px;box-shadow: 3px 3px 5px rgba(0,0,0,0.4);border:0 !important; font-size: 1.4rem; background:rgba(255,255,255,0.4); color:#000; }
	
		.main_sidebtn_wrap {position:relative; top:auto; right:auto;}
		.main_sidebtn_wrap ul { position:relative; width:25rem;margin: 0 auto;  padding: 0 3rem; }
		.main_sidebtn_wrap ul li a { width:100%; display: block; padding-right: 0; padding-top:0.7rem; padding-bottom: 0.5rem; font-size: 1.3rem; text-align: center; }
		.main_sidebtn_wrap ul li a:after { display: none;}
		.main_sidebtn_wrap ul li:nth-child(3) a:after { display: none;}
		.main_sidebtn_wrap ul li a span { padding-left: 0;}
		.callcenter  { text-align: center;padding-left: 0;}
		.callcenter .mini_call  { padding-left: 0; color:#000;}

		.opinion_table .procedure-step.type01:after { display: none;}
		.opinion_table .procedure-cell.small .procedure-step:after { display: none;}
		.opinion_table .procedure-step.type02:after { display: none;}
		.opinion_table .procedure-step.type03:after { display: none;}
		

}
@media screen and (max-width:768px){
	
		.main_cont .main_title img { width:200px;}

		.main_btn span { padding-left:1rem; }
		.main_btn:after{ display:none;}
		.main_btn em { font-size: 1.4rem; letter-spacing: -2px;}
		.main_btn.type05 {border:0;}	

		.main_subbtn_wrap ul li a { letter-spacing: -2px;}
		.callcenter { font-size:1.7rem; text-shadow:1px 1px 2px #666, 0 0 1em #fff, 0 0 0.2em #fff; margin-bottom: 2rem; margin-top: 2rem;}
		.callcenter .mini_call { font-size:1.5rem;} 
		
		.opinion_table .procedure-step p { padding:1rem 0; min-height: 55px;}
		.opinion_table .procedure-step p span { display: block;}
		.opinion_table .procedure-step.type01 p { width:80%;}
		.opinion_table .procedure-step.type01:before {right:7%;}
		.opinion_table .procedure-step.type03 p { width:80%;}
		.opinion_table .procedure-step.type03:before {left:90%;}



		
}
@media screen and (max-width:500px){
	
		
		.main_btn span { font-size:1.6rem;}
		.main_subbtn_wrap ul li { width: auto;}
		
}
@media screen and (max-width:400px){
	
		.main_cont .main_btn_wrap { width:80%;}
		.main_cont .main_title img { width:170px;}
	
		.main_btn em { font-size: 1.2rem;}
		.main_subbtn_wrap { width:90%; padding:0; padding-bottom: 4rem;}
	
}
@media screen and (max-width:320px){
	
		.main_btn { padding-top:0.7rem; padding-bottom:0.5rem;}
		.main_btn span {font-size:1.4rem; letter-spacing: -1px; padding-left:0;}
		.main_btn span:after { width:7px; height:7px;}
	
		.main_sidebtn_wrap ul { width: 22rem;}

		.main_subbtn_wrap ul li a { font-size:1.3rem;}
	
			
}
/* 메인 e*/


/* 넓이가 1200px 이하일 때*/
@media screen and (max-width:1200px){
	
	
		
		#logo { width:450px; height:51px; top:1rem; left:calc(50% - 225px); }
		#logo a {background: url(https://rl17wljen.toastcdn.net/eng/img/logo01_s.png) no-repeat 0 0; height:51px; }
		#header .header_wrap { width:100%; }
		
		#container_wrap .container { margin:-12rem 2% 0 2%; width:96%; padding:5rem 3rem 10rem 3rem;}
		
		.pop_shadow_wrap { overflow-y:scroll; padding-bottom:5rem; }
		
		.step_wrap .check_wrap { display: block;}
		.step_wrap .check_wrap .check_ri_btn { padding-left: 1.2rem; margin-top: 0.5rem;}
	
		.layer_pop_inner { width:95%; overflow-x:visible; height:430px;}
		.layer_pop_inner.wrap_lg { width:95%; overflow-x:visible; height:70%;}
	
		.certify-cont-wrap ul li { padding: 50px 1rem 0 1rem;}
		.btn_certi { padding:1rem 2rem; }
		
		.sub_name span { font-size:3.5rem;}
	
		.privnew_wrap ul.privnew_ul > li .privnew_title { display: none;}
		.privnew_wrap ul.privnew_ul > li { width: calc(50% - 10px); height:auto; padding-bottom: 10px; padding-top:25px;}
		.privnew_wrap ul li .privnew_label_text {  display:block; position: relative; width: 100%; left:0; margin-top: 1rem;}
	
		.individual_wrap .flow01_wrap:after{display:none;}
		.individual_wrap .flow01_wrap:before{display:none;}
		.individual_wrap .flow01_title_wrap:after{display:none;}
	
		.flow_list > ul { width:100%;}
	
		.both_wrap {position:relative; display: block;}
		.both_wrap .right_wrap {position:relative; text-align: right;}
	
}	

/* 넓이가 768px 이하일 때*/
@media screen and (max-width:768px){
	
		#header { height:8rem;}
	
		#logo { width:278px; height:51px; top:1rem; left:calc(50% - 139px); }
		#logo a {background: url(https://rl17wljen.toastcdn.net/eng/img/logo01_xs.png) no-repeat 0 0; height:51px; }
		
		#container_wrap .container { padding:4rem 2rem 8rem 2rem; }	
		.sub_name span { font-size:3rem; }	
		.sub_name { padding-top:2.5rem;}
	
		#location_wrap { height:180px;}
		#location_wrap .location:before { background-size:20rem; }
		#location_wrap .location:after {background-size:20rem; bottom:calc(100% - 18.1rem); width:20rem;  }
		
		.p-table.tbrow th { padding:1rem 0.7rem; }
		.p-table.tbrow td { padding:1rem 0.5rem; }
		.tbrow_col { width:12rem; }
	
		#container_wrap .back_wrap { background: #fff;}
	
		.agree_tab { margin:0rem 0 4rem 0;}
		.agree_tab .txt {border-radius: 7px; padding-left: 1rem; padding-right: 1rem;display: block;}
		.agree_tab .txt span { font-size:1.8rem;}
	
		.step01_ul li li.indent01 {text-indent:0;}
	

	
		.alert_pop_inner { width:95%; overflow-y: auto; height:auto; overflow-x:visible;} 
		.alert_pop_inner.wrap_md { width:95%; overflow-y: auto; height:auto; overflow-x:visible;} 
		.alert_pop_inner.wrap_lg { width:95%; overflow-y: auto; height:auto;; overflow-x:visible;} 
		.alert_pop_inner.wrap_info { width:95%; overflow-y: auto; height:80%; overflow-x:visible;} 
		.alert_pop_inner.wrap_info .pop_content { height:100%; }
		.indent_02 { padding-left: 0}
	
		[data-input-grid]>select { font-size:1.6rem; }
		[data-input-grid]>span{ font-size:1.6rem;}
		[data-input-grid]>span,
		[data-input-grid]>input[type="text"],[data-input-grid]>button,[data-input-grid]>select,
		[data-input-grid]>input[type="password"],[data-input-grid]>input[type="number"] {font-size:1.5rem; }
	
		
		[data-input-grid="2"]>select,
		[data-input-grid="2"]>input[type="text"],
		[data-input-grid="2"]>input[type="password"],
		[data-input-grid="2"]>input[type="number"]{ width:calc((100% - 6px) / 2) !important; min-width:3rem; margin:0 2px;}
		[data-input-grid="2"] span { display: none;}
	
		[data-input-grid="3"]>select,
		[data-input-grid="3"]>input[type="text"],
		[data-input-grid="3"]>input[type="password"],
		[data-input-grid="3"]>input[type="number"]{ width:calc((100% - 12px) / 3) !important; min-width:3rem; margin:0 2px;}
		[data-input-grid="3"] span { display: none;}
	
		.certify-cont-wrap ul { flex-wrap: wrap;}
		.certify-cont-wrap ul li { margin-bottom: 1rem;padding: 30px 1rem 2rem 1rem; height:auto; border:#eff2f7 5px solid}
		.certify-cont-wrap ul li .p1 { font-size:1.9rem; margin-bottom: 90px;}
		.certify-cont-wrap ul li > .p1:before { background-size: 80%; top:30px;}
		.certify-cont-wrap ul li:last-child { width:100%;}
		.certify-cont-wrap .btn_certi { border-radius: 5px; padding: 1rem 0.7rem; min-width: 90px;}
		.certify-cont-wrap .btn_certi span { font-size: 1.7rem;letter-spacing: -2px;}
	

	
	
		.privnew_wrap ul.privnew_ul > li{ width:100%;}
		.privnewlist_ul li{ width:100%;}
	
		.individual_inner { display: block; }
		.individual_inner .indiv_flow_ul{ width:100%; margin-top: 1rem;}
		.individual_wrap .indiv_flow_ul .flow_inner {min-height: auto;}
		.individual_inner ul:first-child { margin-bottom: 6rem;}
		.individual_wrap .indiv_flow_ul .indiv_ul_inner { width:100%;}
		.individual_wrap .indiv_open_wrap { margin-left: 5%;}
		

		
		/*.flow_list > ul:before { top:25px; width:79%; }
		.flow_list > ul > li span.ico { width:50px; height:50px; }
		.flow_list > ul > li:nth-child(1n+1) span.ico {  background-size:30px; }
		.flow_list > ul > li:nth-child(1n+2) span.ico {  background-size:30px; }
		.flow_list > ul > li:nth-child(1n+3) span.ico {  background-size:30px; }
		.flow_list > ul > li:nth-child(1n+4) span.ico {  background-size:30px; }
		.flow_list > ul > li:nth-child(1n+5) span.ico {  background-size:30px; }*/
	
		.grid_area_c table th { padding:5px;line-height: 1.2;}
		.grid_area_c table td { padding:5px; vertical-align: top; line-height: 1.2;}
		.ul_type011 li:after { top:5px;}
	
		.grid_area_mini table td { padding:0.5rem;}
	
		[data-input-grid="file2"] { display: block;}
		[data-input-grid="file2"] label { padding:0 5px; text-align: center; width: auto!important; }
		[data-input-grid="file2"] .upload-name { width:calc(100% - 194px)!important; }
		[data-input-grid="file2"] button {  padding:0 15px; width: auto!important; margin-left: 0.4rem;}
	
	
		.p-table.tablecol {border-bottom-width:0;}
    	.p-table.tablecol colgroup, .p-table.tablecol thead {display:none;}
    	.p-table.tablecol tbody,
		.p-table.tablecol tfoot,
		.p-table.tablecol tr,
		.p-table.tablecol th,
		.p-table.tablecol td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; }
    	.p-table.tablecol tr {padding-top:0.7rem; padding-bottom:0.7rem; border-bottom:1px solid #c6c6c6; background-color:#fdfdfd;}
		.p-table.tablecol tbody tr:nth-child(odd) {background: #f8f8f8}
		.p-table.tablecol th {display:none;}
    	.p-table.tablecol th, .p-table.tablecol td { padding:0.8rem 1rem; border-top-width:0; border-left-width:0; text-align:left; border-bottom: #ddd dashed 1px; }
    	.p-table.tablecol th {background-color:transparent; color:inherit; font-weight:400;}
		.p-table.tablecol td:before {display: inline-block;font-weight:600;content:attr(data-cell-header);font-size: 1.6rem;font-family: 'SCDream';width: 135px;position: relative;border-right: #ddd solid 1px;text-align: center; margin-right: 1rem;}
		.p-table.tablecol td.sumwrap:before { width: auto;}

		.p-table.tablecol tbody td:last-child {  border-bottom: 0;  }
		.p-table.tablecol tfoot tr:last-child th, 
		.p-table.tablecol tfoot tr:last-child td {  border-bottom: 0; }
		.p-table.tablecol th.bd_left {border-left:0; }
		.p-table.tablecol td.bd_left {border-left:0; }
		.p-table.tablecol td.bd_bottom {}
		.p-table.tablecol td.respon { display:none; }
	

		.opinion_table .procedure-step p { padding:1rem 0; min-height: 55px;}
		.opinion_table .procedure-step p span { display: block;}
		.opinion_table .procedure-step.type01 p { width:80%;}
		.opinion_table .procedure-step.type01:before {right:7%;}
		.opinion_table .procedure-step.type03 p { width:80%;}
		.opinion_table .procedure-step.type03:before {left:90%;}

       
        /*240703*/
		.mainpop-container{ width:95%;  }
		.mainpop-container .mainpop-group { width:95%;  }
		.mainpop-container .popzone_item1 img { width:100%;}
		.mainpop-container .popzone_item2 { margin-top:1rem;}
		a.popzone-close em { display:none;}
		/*240703*/
}

/* 넓이가 600px 이하일 때*/
@media screen and (max-width:600px){
	
		#location_wrap .location:before { background-size:15rem; }
		#location_wrap .location:after {background-size:15rem; bottom:calc(100% - 19.1rem); width:15rem;  }
		
	
		.step01_inn { padding:3rem;}
		.step_wrap { padding:3rem;}
		.step_title{ font-size:1.8rem;}
		.step_wrap .step03_inn { width: 100%;}
		.step_wrap .form-wrap { display: block;}
		.step_wrap .form-wrap span { margin-bottom: 0.4rem; margin-right:3px;}
		.step_wrap .form-wrap .dash { display: none;}
		.step_wrap .form-wrap .btn_bizsch { width: 100%; margin-left:0;}
	
	
		
	
		.official_wrap ul li { width: 50%; }
		.official_wrap ul li:nth-child(2){ border-right:0;}
		.official_wrap ul li:nth-child(3),
		.official_wrap ul li:nth-child(4) { border-top:#c4c4c4 solid 1px;}
		
		.flow_list > ul > li p.flow_title span { display:block; }
	
	
	
		
	
	
	
}

/* 넓이가 500px 이하일 때*/
@media screen and (max-width:500px){
	
	
		.main_sidebtn_wrap ul li a { padding-right:0.8rem; padding-left:0.8rem;}
		.main_sidebtn_wrap ul li:nth-child(3) a span { letter-spacing: -2px;}
	
		.btn_xl { padding:1rem 3rem; }
		.btn_xxl {padding:1rem 3rem; }
	
		.p-table.block th { width:12rem;padding:0.8rem 0.3rem 0.8rem 0.7rem}
		.p-table.block td { padding:0.5rem 0.3rem 0.3rem 0.5rem }
	
		.p-table.tablecol td:before { width: 100px;}
	
		.sub_name span { font-size:2.3rem; }	
		.head_box h1 span { font-size:2.5rem;}
		
		.certify-cont-wrap ul li { padding-left: 0.2rem; padding-right: 0.2rem; width: 100%;}
		.certify-cont-wrap .btn_certi { padding: 1rem 0.2rem;}
	
		
		.agree_top {  margin-bottom:4rem; }
		.agree_btn_wrap { justify-content: center;}
		
		.step01_inn { padding:1.5rem;}
		.step_wrap { padding:3rem 1.5rem;}
		.step05_title { text-align: left;}
		.step_last { text-align: left;}
		
		.ul_type03 li { margin-bottom:3px;}
	
		.chkbox_form input[type="checkbox"]+label:before { top:-2px;}
	
		.layer_pop_inner .pop_content { padding:3rem 1.5rem;}
		.layer_pop_inner .pop_content .ico_close {left:calc(100% - 1.5rem - 20px);}
	
	
		.flow_list > ul:before { top:25px; width:79%; }
		.flow_list > ul > li span.ico { width:50px; height:50px; }
		.flow_list > ul > li:nth-child(1n+1) span.ico {  background-size:30px; }
		.flow_list > ul > li:nth-child(1n+2) span.ico {  background-size:30px; }
		.flow_list > ul > li:nth-child(1n+3) span.ico {  background-size:30px; }
		.flow_list > ul > li:nth-child(1n+4) span.ico {  background-size:30px; }
		.flow_list > ul > li:nth-child(1n+5) span.ico {  background-size:30px; }
	
		
		.flow_list > ul > li p.flow_title,
		.flow_list > ul > li.on p.flow_title{ font-size:1.4rem;}
		.flow_list > ul > li span.ico { border-radius: 5px;}
	

		.tab_menu_wrap .tab_item { width:calc(50% + 1px); }
	
		.box_guide .info_inner { padding:2.5rem 2rem;}
	
		[data-input-grid]>input[type="password"],[data-input-grid]>input[type="number"],[data-input-grid="file1"] label {font-size:1.5rem; }
	
		[data-input-grid="2-btn"] { display: block;}
		[data-input-grid="2-btn"]>select,
		[data-input-grid="2-btn"]>input[type="text"],
		[data-input-grid="2-btn"]>input[type="password"]{width:100% !important; margin-bottom:0.5rem; margin-left:0;}
		[data-input-grid="2-btn"]>button { width:100%!important; margin-left:0;}
	
		[data-input-grid="btn-2"] { display: block;}
		[data-input-grid="btn-2"]>select,
		[data-input-grid="btn-2"]>input[type="text"],
		[data-input-grid="btn-2"]>input[type="password"]{width:100% !important; margin-bottom:0.5rem; margin-left:0;}
		[data-input-grid="btn-2"]>button { width:calc((100% - 4px) / 2)!important; margin-left:0;}

		[data-input-grid="file1"] { display: block;}
		[data-input-grid="file1"] label { padding:0 10px;  margin-top:0.5rem; width:calc((100% - 40px) / 2)!important; text-align:center; }
		[data-input-grid="file1"] .upload-name {width:100%!important; }
		[data-input-grid="file1"] button { padding:0 10px;  margin-top:0.5rem; width:calc((100% - 5px) / 2)!important;  }
	
		[data-input-grid="file2"] { display: block;}
		[data-input-grid="file2"] label { padding:0;  margin-top:0.5rem; width:100%!important;; text-align:center; }
		[data-input-grid="file2"] .upload-name {width:100%!important; }
		[data-input-grid="file2"] button { padding:0 10px;  margin-top:0.5rem; width:calc((100% - 3px) / 2)!important;  }
		[data-input-grid="file2"]:first-child button { margin-left: 0;}
		
	
		.sub_sidebtn_wrap ul li a span { padding-left:0;}
		.sub_sidebtn_wrap ul li a { padding:0.8rem 0.3rem 0.5rem 0.3rem;}
		.sub_sidebtn_wrap ul li a:after { display: none;}
		
		.ul_type02 { margin-bottom: 0.6rem;}

		.opinion_table .procedure-cell { padding: 0.5rem 3px;}
		.opinion_table .procedure-cell.small .procedure-step:before { right:5px;}
		.opinion_table .procedure-step p { border-radius: 3px;}
	
		
		
	
}
/* 넓이가 500px 이하일 때*/
@media screen and (max-width:350px){

		.head_box h1 span { font-size:2.2rem;}
		.flow_list > ul > li span.ico { width:40px; height:40px;}
		.flow_list > ul:before { left:20px; top:20px; }
	
		[data-input-grid="file1"] label { width:100%!important; padding: 0; }
		[data-input-grid="file1"] button { width:100%!important; margin-left: 0;}
	
		
		
		

}