@charset "utf-8";

@media screen and (max-width:1600px){
	
}

@media screen and (max-width:1200px){
.PHONE1200{display:block;}
.PHONE1200f{display:flex;}
.PHONE1200i{display:inline-block;}
.PHONE1200t{display:table;}
.PC1200{display:none;}
.PC1200f{display:none;}
.PC1200i{display:none;}
.PC1200t{display:none;}

.box0{ margin:0 3%}
.box1{ width:100%; margin:0 auto; max-width:95%}
.box2{ width:100%; margin:0 auto; max-width:95%}
.box3{ width:100%; margin:0 auto; max-width:95%}
.box4{ width:100%; margin:0 auto; max-width:95%}

/****  MAIN  ****/
/*gnb*/
#header .gnb_wrap .gnb > li .dp1 {padding: 0px 2em;}
	
.step_cons > li .in:after{right:-4.3em}

.main_menu .el .tit_wrap{margin-bottom:0; margin-right:0;}

.main_menu .el:nth-of-type(1) .tit_wrap{background:rgba(248,25,46,.5);}
.main_menu .el:nth-of-type(2) .tit_wrap{background:rgba(44,122,219,.5);}
.main_menu .el:nth-of-type(3) .tit_wrap{background:rgba(152,150,2,.7);}
.main_menu .el:nth-of-type(4) .tit_wrap{background:rgba(205,83,220,.5);}

.main_menu .el .tit_wrap .t1{color:#fff;}
.main_menu .el .tit_wrap .t2{color:#fff;}

/*cs_section*/
.cs_box {display:flex; flex-wrap:wrap;}
.cs_box > div{ margin-right:0; margin-bottom: 10px; }
.cs_box > div:last-child{ margin-bottom: 0; }
.cs_box .cs_banner{ width: calc((100% - 20px) / 3); margin-right:10px; box-sizing:border-box;}
.cs_box .cs_banner .tit{ position: absolute; left:110px; bottom:28px;}
.cs_box .cs_banner .tit_tit{ font-weight:500; font-size: 20px;}
.cs_box .cs_banner .tit_desc{ font-size: 14px;}

.cs_box .cs_center{width: calc((((100% - 20px) / 3)*2) + 10px); box-sizing:border-box;}

.cs_box .cs_contact{ width: 100%; height:200px; box-sizing:border-box; display:flex; flex-wrap:wrap }
.cs_box .cs_contact > div{ margin-bottom: 0; width: 50%;}
.cs_box .cs_contact > div:last-child{ margin-bottom: 0;}
.cs_box .cs_contact .cs_contact_list{ width: calc((((100% - 20px) / 3)*2) + 10px); height: 100%; margin: 0 10px 0 0; padding: 40px; }
.cs_box .cs_contact .cs_contact_list .tit{ height:40%; margin-bottom: 10px; font-size:24px; color: #fff; position:relative;}
.cs_box .cs_contact .cs_contact_list ul{ display:flex; margin-left:2px; align-items:center; height: calc( 60% - 10px); }
.cs_box .cs_contact .cs_contact_list ul li{ 
	justify-content:center; align-items:center;
	width:calc((100% - 32px) / 3); height:100%; 
	margin: 0 15px 0 0; 
	text-align:center;
	position:relative;
}
.cs_box .cs_contact .cs_contact_list ul li span{ margin-right: 15px; font-size: 16px;}
.cs_box .cs_contact .cs_couns_link{ width:calc((100% - 20px) / 3); height:calc((100% - 10px) / 2); margin-bottom:10px;}

.cs_box .cs_contact .cs_couns_link.way{ width:calc((100% - 20px) / 3); height:calc((100% - 10px) / 2);}


/*sub1_1*/
.sub_greeting .txt_box .txt_box2 .img{ margin-top: 0;}
}

@media screen and (max-width:1024px){
.PC{display:none !important;}
.PHONE{display:block !important;}
.PHONE1024{display:block;}
.PHONE1024f{display:flex;}
.PHONE1024i{display:inline-block;}
.PHONE1024t{display:table;}
.PC1024{display:none;}
.PC1024f{display:none;}
.PC1024i{display:none;}
.PC1024t{display:none;}

html.l-nav-open .l-nav .nav_close{top:26px !important;}

.gnb_wrap{display:none;}

.about_content2 .in_tx_box{padding:6em 4em 5em;}

.step_cons{padding-top:15rem;}
.step_cons > li{flex:1 50%; margin-bottom:5rem;}
.step_cons > li .in:after{display:none;}
.step_cons > li:nth-of-type(2) .s_cons{margin-top:-34em;}
.step_cons > li:nth-of-type(2) .s_cons:before{top:213px;}
.step_cons > li:nth-of-type(2) .s_cons:after{top:15.3em;}
.step_cons > li .tw{padding:0 4rem; box-sizing:border-box;}
.step_bg{margin-top:-36em; height:36em;}

/*tnb*/
.blog_wrap{ display:none;}
.mail_wrap{ display:none;}

/* nav.php */
.link_box{ 
	display:flex; justify-content:space-between; align-items:center;
	width:100%; padding: 15px 10px;
	box-sizing:border-box;
}
.link_box > div { display:flex; justify-content:center; align-items:center; width:calc((100% - 20px)/2); border:1px solid #aaa; font-size:14px; color: #777;}
.blog_link i{ color:#00c73c;}
.mail_link i{ color:#06419a; }

/* main_con3*/
.pay_cons > li {flex: 1 50%;}

/* main_con3*/
.main_con4 .con_ctt_wrap ul li {width: calc((100% - 30px)/4); margin-right:10px;}


/*cs_section*/
.cs_box .cs_contact{ width: 100%; height:220px; box-sizing:border-box; display:flex; flex-wrap:wrap }
.cs_box .cs_contact > div{ margin-bottom: 0; width: 50%;}
.cs_box .cs_contact > div:last-child{ margin-bottom: 0;}
.cs_box .cs_contact .cs_contact_list{ width: calc((((100% - 20px) / 3)*2) + 10px); height: 100%; margin: 0 10px 0 0; padding: 30px 40px; }
.cs_box .cs_contact .cs_contact_list .tit{ height:20%; margin-bottom: 20px; font-size:24px; color: #fff; position:relative;}
.cs_box .cs_contact .cs_contact_list ul{ display:flex; margin-left:2px; align-items:center; height: calc( 80% - 20px); }
.cs_box .cs_contact .cs_contact_list ul li{ 
	flex-direction:column; justify-content:center; align-items:center;
	width:calc((100% - 20px) / 3); height:100%; 
	margin: 0 10px 0 0 ; padding: 0;
	position:relative;
}
.cs_box .cs_contact .cs_contact_list ul li span{ margin-right: 0; margin-bottom: 10px;}
.cs_box .cs_contact .cs_couns_link{ width:calc((100% - 20px) / 3); height:calc((100% - 10px) / 2); margin-bottom:10px; paddign: 0 20px;}
.cs_box .cs_contact .cs_couns_link.way{ width:calc((100% - 20px) / 3); height:calc((100% - 10px) / 2);}

.sub3_idx_2 .step_cons{padding-top:0;}
}


@media screen and (max-width:920px){
#footer .info_wrap .info{margin-bottom:1em;}
#footer .fb_wrap{display:block}
#footer .info_wrap .f_logo{margin-bottom:1em;}
}


@media screen and (max-width:900px){
.cu_wrap_all{flex-direction:column; justify-content:center; align-items:center;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap{width:100%; margin-bottom:1em;}
.cu_wrap_all .cu_wrap:first-child{margin-right:0;}
.cu_wrap_all .cu_wrap:nth-child(2){margin-right:0;}

/***** sub *****/
/*sub2_2*/
.sub2_n_txt_box ul li{ width: 48%;}
}
@media screen and (max-width:768px){
.PHONE768{display:block;}
.PHONE768f{display:flex;}
.PHONE768i{display:inline-block;}
.PHONE768t{display:table;}
.PC768{display:none;}
.PC768f{display:none;}
.PC768i{display:none;}
.PC768t{display:none;}
	
.gnb_wrap{display:none;}

.main_menu{flex-wrap:wrap; justify-content:space-between;}
.main_menu .el{width:49%; flex:none; margin-right:0; margin-bottom:1rem;}
.main_menu .el .wrap_in{height:10.75em;}
.main_menu .el .tit_wrap{height:auto; padding-bottom:1rem; width:70%;}

.main_member{flex-direction:column;}
.main_member > div{width:100% !important;}
.main_member .member_info{text-align:center; margin-bottom:2rem;}
.main_member .member_info .mi_line{margin:15px auto 25px;}
.main_member .member_info .member_slides_arr_wrap{bottom:-460px; text-align:center;}
.main_member .member_info .member_slides_arr_wrap .slick-arr-cus#slick-arr-next{margin-right:0;}

.pay_cons > li{flex:1 50%;}

/* main_con3*/
.pay_cons > li {flex: 1 100%;}
.pay_cons > li .in .p_tw{ }
.main_con3 .pay_cons > li .in{border:0.5px; height:279px; padding: 2.5em 1em; overflow:hidden;}

.main_con4 .con_ctt_wrap ul li{width:165px;}
.main_con4 .con_ctt_wrap ul li p span{ text-align:center; display: block;}

.main_con5 .con_ctt_wrap .cc_wrap{flex-direction:column;}
.main_con5 .con_ctt_wrap .cc_wrap > div{width:100% !important;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap{margin-top:1rem;}

html.l-nav-open .l-nav .nav_close{top:20px !important;}

.history_wrap:before, .history_wrap .lineAni,
.history_wrap .lineAni:before, .history_wrap:after{ left:5%;}
.history_wrap .history > li .list{width:100%; margin-left:2em;}
.history_wrap .history > li .year.flex{ display:block; width:100%;}
.history_wrap .history > li .year .tt:before{ display:none;}
.history_wrap .history > li .year .wrap_in{ width:100%; text-align:left; margin-left:2em;}

.history_wrap .history > li:nth-child(2n) .year{width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li:nth-child(2n) .list{order:inherit;}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-start}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail{ order: inherit;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ right:auto; left:0}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r{ text-align:left !important;}

.pro_list > li{width:100%;}

.step_cons > li:nth-of-type(2) .s_cons{margin-top:-39em;}
.step_cons > li:nth-of-type(2) .s_cons:before{top:257px;}
.step_cons > li:nth-of-type(2) .s_cons:after{top:18.3em;}
.step_bg{margin-top:-38em;}


/*cs_section*/
.cs_box {display:flex;}
.cs_box .cs_banner{ width: 100%; height: 180px;}
.cs_box .cs_banner ul { display:flex; justify-content:space-between; height:100%; }
.cs_box .cs_banner ul li{ width:calc(( 100% - 10px) / 2); height: 100%; margin-bottom:0;}


.cs_box .cs_center{ 
	width: 100%; padding: 50px 40px; 
	background: url(../images/main/cs_center_bg.png) no-repeat center / cover;
}
.cs_box .cs_center .tit{ margin-bottom: 5px; font-wight:600; font-size:24px; color:#fff;}
.cs_box .cs_center .desc{ margin-bottom: 25px; font-weight:300; font-size:14px; color:#fff;}
.cs_box .cs_center form{ }
.cs_box .cs_center form .input_area{ display:flex; height: 186px; }
.cs_box .cs_center form .input_area .left{ 
	display:flex; flex-wrap:wrap; 
	width:75%; height:130px; 
	margin-right: 15px;
}
.cs_box .cs_center form .input_area .left .name{ width: calc(50% - 5px); height: 30px; margin-right:10px; }
.cs_box .cs_center form .input_area .left input{ 
    width: 100%; height: 45px;
	padding-left: 10px;
	border: 2px solid #ccc;
	box-sizing: border-box;
    font-size: 13px; color: #555; line-height: 45px;
}
.cs_box .cs_center form .input_area .left .p_num{ width:calc(50% - 5px);}
.cs_box .cs_center form .input_area .left .content{ width: 100%; height: 100%; margin-top: 10px;}
.cs_box .cs_center form .input_area .left .content textarea{
	width: 100%; height: 100%;
	padding: 10px;
    border: 2px solid #ccc;
    box-sizing: border-box;
	font-size: 13px; color: #555;
}
.cs_box .cs_center form .input_area .btn{
	width: calc(25% - 10px); height: 100%;
	box-sizing:border-box;
	background-color: #46a393 ;
	position:relative;
}
.cs_box .cs_center form .input_area .btn::before{ content:"";
	width:21px; height:25px;
	background: url(../images/main/btn_bg.png) no-repeat center;
	position:absolute; left:50%; top:55px; 
	transform: translateX(-50%);
}
.cs_box .cs_center form .input_area .btn input{ 
	width:100%; height:90%;
	margin-top: 20px;
	color: #fff;
    border: none;
	background-color:transparent;
    cursor: pointer;
}

.cs_box .cs_contact{ width: 100%; display:flex; flex-direction:column; justify-content:space-between;}
.cs_box .cs_contact > div{ margin-bottom: 10px; }
.cs_box .cs_contact > div:last-child{ margin-bottom: 0;}
.cs_box .cs_contact .cs_contact_list{ width: calc((((100% - 20px) / 3)*2) + 10px); height: 100%; margin: 0 10px 0 0; padding: 30px 40px; }
.cs_box .cs_contact .cs_contact_list .tit{ height:20%; margin-bottom: 10px; font-size:24px; color: #fff;}
.cs_box .cs_contact .cs_contact_list ul{ flex-direction:column; height: calc( 80% - 10px); }
.cs_box .cs_contact .cs_contact_list ul li{ 
	flex-direction:row; justify-content:flex-start; align-items:center;
	width: 100%; height: calc( (100% - 20px) / 3); padding: 0 30px; 
	box-sizing:border-box;
	margin:0 0 10px 0; 
}
.cs_box .cs_contact .cs_contact_list ul li:last-child{ margin:0;}
.cs_box .cs_contact .cs_contact_list ul li span{margin:0 20px 0 0;}
.cs_box .cs_couns_link{ 
	display: flex; justify-content:center; align-items:center; 
	width:100%; height:20%; 
	padding: 0 20px; 
	box-sizing: border-box; 
	background-color:#266a90; 
}
.cs_box .cs_couns_link a{ font-weight:600; font-size: 20px; color: #fff; }
.cs_box .cs_couns_link::after{display:none;}
.cs_box .cs_contact .cs_couns_link.way{ background-color: #46a393;}

/***** sub *****/
/*sub1_1*/
.sub_greeting .txt_box .txt_box1 .txt p:first-child{ font-size:20px; margin-top:10px;}

}


@media screen and (max-width:560px){
/*cs_section*/
.cs_box .cs_banner{ width: 100%; height: 320px; margin:0 0 10px 0;}
.cs_box .cs_banner ul { display:flex; flex-direction:column; justify-content:space-between; height:100%; }
.cs_box .cs_banner ul li{ width:100%; height:calc ((100%-10px)/2); margin-bottom:10px;}
.cs_box .cs_banner ul li:last-child{ margin-bottom:0;}
.cs_box .cs_banner .tit{ padding-right:10px; position: absolute; left:110px; bottom:28px;}
.cs_box .cs_banner .tit_tit{ font-weight:500; font-size: 20px;}
.cs_box .cs_banner .tit_desc{ font-size: 14px;}	

.cs_box .cs_center form{ }
.cs_box .cs_center form .input_area{ flex-direction:column; height:auto;}
.cs_box .cs_center form .input_area .left{ 
	display:flex; flex-wrap:wrap; 
	width:100%; height:100%; 
	margin: 0 0 10px 0;
}
.cs_box .cs_center form .input_area .left .name{ width: calc(50% - 5px); height: 30px; margin-right:10px; }
.cs_box .cs_center form .input_area .left input{ 
    width: 100%; height: 35px;
	padding-left: 10px;
	border: 2px solid #ccc;
	box-sizing: border-box;
    font-size: 13px; color: #555; line-height: 35px;
}
.cs_box .cs_center form .input_area .left .p_num{ width:calc(50% - 5px);}
.cs_box .cs_center form .input_area .left .content{ width: 100%; height: 100%; margin-top: 10px;}
.cs_box .cs_center form .input_area .left .content textarea{
	width: 100%; height: 100%;
	padding: 10px;
    border: 2px solid #ccc;
    box-sizing: border-box;
	font-size: 13px; color: #555;
}
.cs_box .cs_center form .input_area .btn{width: 100%; height: 50px;}
.cs_box .cs_center form .input_area .btn::before{ content:"";
	width:21px; height:25px;
	background: url(../images/main/btn_bg.png) no-repeat center;
	position:absolute; left:50%; top:50%; 
	transform: translate(-60px, -50%);
}
.cs_box .cs_center form .input_area .btn input{ width:100%; height:100%; margin: 0 0 0 15px;}

.cs_box .cs_contact .cs_contact_list ul li{ padding: 0 20px;}
.cs_box .cs_couns_link{ flex-direction:column; text-align:center;}
.cs_box .cs_couns_link::before{padding-right: 0;}
.cs_box .cs_couns_link a{ font-size:18px}


/***** sub *****/
/*sub2_2*/
.sub2_n_txt_box ul li{ width: 100%; margin-right:0;}
}


@media screen and (max-width:500px){
.PHONE500{display:block;}
.PHONE500f{display:flex;}
.PHONE500i{display:inline-block;}
.PHONE500t{display:table;}
.PC500{display:none;}
.PC500f{display:none;}
.PC500i{display:none;}
.PC500t{display:none;}
	
.mainVisual .slogan_wrap{left:1em; top:4em; width:calc(100% - 2em);}
.mainVisual .slogan{width:95%; box-sizing:border-box;}

.mainVisual .slogan .line{ position:absolute; background:#fff; width:10px; height:10px}
.mainVisual .slogan .line.line1{ height:0; left:30%; bottom:90%}
.mainVisual .slogan .line.line2{ width:0; right:70%; top:0}
.mainVisual .slogan .line.line3{ height:0; left:0; top:0}
.mainVisual .slogan .line.line4{ width:0; left:0; bottom:0}
.mainVisual .slogan .line.line5{ height:0; left:60%; bottom:0}
.mainVisual .flex-active-slide .slogan .line{ transition:.5s}
.mainVisual .flex-active-slide .slogan .line.line1{ height:10%}
.mainVisual .flex-active-slide .slogan .line.line2{ width:30%; transition-delay:.5s}
.mainVisual .flex-active-slide .slogan .line.line3{ height:100%; transition-delay:1s}
.mainVisual .flex-active-slide .slogan .line.line4{ width:60%; transition-delay:1.5s}
.mainVisual .flex-active-slide .slogan .line.line5{ height:10%; transition-delay:2s}

.main_menu{flex-wrap:wrap;}
.main_menu .el{width:100%;}

.pay_cons > li .in{padding:1em;}
.pay_cons > li .in .p_tt{min-height:54px;}

.main_con4 .con_bg_line{display:none;}
.main_con4 .con_ctt_wrap ul{flex-direction:column; width:100%; padding:1rem 3rem; box-sizing:border-box; position:relative;}
.main_con4 .con_ctt_wrap ul:before{content:''; display:block; width:1px; height:100%; position:absolute; left:calc(3rem + 2px); top:0; background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(168,125,141,1) 35%, rgba(168,125,141,1) 65%, rgba(255,255,255,0) 100%); transform:translateX(50%);}
.main_con4 .con_ctt_wrap ul li{width:50%; margin-left:auto; margin-bottom:1rem;}
.main_con4 .con_ctt_wrap ul li:before{width:calc(100% - 1px); height:1px; left:inherit; right:50%; bottom:50%; transform:translate(-50%, -50%);}
.main_con4 .con_ctt_wrap ul li:after{left:-100%; bottom:50%; transform:translate(-50%, 25%);}
.main_con4 .con_ctt_wrap ul li p span{ text-align:left; display: inline;}

.main_con6 .partner_wrap{flex-direction:column-reverse;}
.main_con6 .partner_wrap > div{width:100% !important;}
.main_con6 .partner_wrap .pt_control_box{margin-top:1rem;}
.main_con6 .partner_wrap .pt_list_box .pt_slides{transform:translateX(8px);}

#footer .f_menu{display:flex; justify-content:space-between; padding:0 1rem; box-sizing:border-box;}
#footer .f_menu > li{margin-right:0;}

#footer .fb_wrap{display:flex; flex-direction:column;}
#footer .fb_wrap > *{float:none;}
#footer .info_wrap .info{width:100%;}

.l-nav .nav_logo img{width:65%;}

.about_content2{padding:2em 0 9em;}
.about_content2 .in_tx_box{padding:6em 2em 5em;}
.about_content2 .in_tx_box .ab_list > li{flex:1 1 50%;}

#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{max-width:none;}

.sub_tit .t1{font-size:1.75em;}

.pop1_explain .left{float:none; width:100%;}
.pop1_explain .right{float:none; width:100%; padding-left:4px; margin-top:1rem;}
.pop1_explain .left .resize{padding-bottom:52%;}

.st_sm.pay_cons > li .in .p_tw{min-height:110px;}

.bs_cont .bs_tit{padding:2em 2em 0;}

.step_cons{padding-top:0; margin-top:2em;}
.step_cons > li{flex:1 100%; margin-bottom:2rem;}
.step_cons > li:nth-of-type(2) .s_cons{margin-top:5em;}
.step_cons > li:nth-of-type(2) .s_cons:before{top:-38px;}
.step_cons > li:nth-of-type(2) .s_cons:after{top:-3em;}
.step_cons > li .tw{padding:0;}
/*.step_bg{margin-top:-48.5em; height:48.5em;}*/
.step_bg{margin-top:-50.5em; height:53.5em;}

.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_top .cc_tel{font-size:1.5em;}

/*cs_section*/
.cs_box .cs_contact{ width: 100%; height:auto; flex-wrap:nowrap;}
.cs_box .cs_contact > div { margin-bottom: 10px;}
.cs_box .cs_contact > div:last-child{ margin-bottom: 0;}
.cs_box .cs_contact .cs_contact_list{ width: 100%; height: 100%; margin-bottom:10px; padding: 30px 40px; }
.cs_box .cs_contact .cs_contact_list .tit{ height:20%; margin-bottom: 10px; font-size:24px; color: #fff;}
.cs_box .cs_contact .cs_contact_list ul{ flex-direction:column; height: calc( 80% - 10px); }
.cs_box .cs_contact .cs_contact_list ul li{ 
	flex-direction:row; justify-content:flex-start; align-items:center;
	width: 100%; height: calc( (100% - 20px) / 3); padding: 0 30px; 
	box-sizing:border-box;
	margin:0 0 10px 0; 
}
.cs_box .cs_contact .cs_contact_list ul li:last-child{ margin:0;}
.cs_box .cs_contact .cs_contact_list ul li span{margin:0 20px 0 0;}
.cs_box .cs_couns_link{ 
	justify-content:center; align-items:center; flex-direction:row;
	width:100%!important;
	padding: 15px; 
}
.cs_box .cs_couns_link::before{padding-right: 20px;} 
.cs_box .cs_couns_link a{ font-size:20px;}


/***** sub *****/
#contents .sub_visual_wrap .va_wrap {height:13em;}
#contents .doc {padding-top:2.5em;}
/* sub_gnb */
.sub_gnb_wrap{ display:none;}
/*sub2_1*/
.sub2_1_txt_box ul li{ width: 48%;}
.sub2_1_txt_box ul li:nth-child(even){ margin-right:0;}


}
@media screen and (max-width:445px){
	
/***** sub *****/
/*sub2_1*/
.sub2_1_txt_box ul li{ 
	flex-direction: row; justify-content:flex-start; 
	width: 100%; margin-right:0; padding:10px;
}	
.sub2_1_txt_box ul li span{ width:60px; height:60px; margin: 0 20px 0 0;}
.sub2_1_txt_box ul li em{ text-align:left;}



}
@media screen and (max-width:412px){
.PHONE412{display:block;}
.PHONE412f{display:flex;}
.PHONE412i{display:inline-block;}
.PHONE412t{display:table;}
.PC412{display:none;}
.PC412f{display:none;}
.PC412i{display:none !important;}
.PC412t{display:none;}
	
.mainVisual .slogan_wrap{top:7em;}
.mainVisual .slogan{padding:30px;}

.pay_cons > li{flex:1 100%;}
.pay_cons > li .in .p_tt{min-height:auto;}

.main_con4 .con_ctt_wrap ul li{width:200px;}
.main_con4 .con_ctt_wrap ul li:before{width:calc(46% - 1px); right:78%;}
.main_con4 .con_ctt_wrap ul li:after{left:-47%; transform:translate(-65%, 25%);}

.main_con6 .partner_wrap .pt_list_box .pt_slides{transform:translateX(12px);}

html.l-nav-open .l-main{transform:translate3d(-70%, 0, 0)}
html.l-nav-open .l-nav{width:70%;}
html.l-nav-open .l-nav .nav_close{top:26px !important; right:.6em !important;}

.about_content2 .in_tx_box{padding:2em .5em 4em;}
.about_content2 .in_tx_box .ab_list > li{flex:1 1 100%;}
.about_content2 .in_tx_box .ab_list > li .in{min-height:auto;}
.about_content2 .in_tx_box .ab_list.st2 > li{flex: 1 1 100%;}

.sub3_tab_btn_wrap ul{flex-direction:column;}
.sub3_tab_btn_wrap ul > li{width:100%; margin-bottom:1rem;}

.pro_list > li .in_wrap .img_z{width:100%;}
.pro_list > li .in_wrap .txt_z{width:100%; padding-left:4px;}
.pro_list > li .in_wrap .img_z .p_img.resize{padding-bottom:70%;}

.st_sm.pay_cons > li .in .p_tw{min-height:auto;}

.step_bg{margin-top:-50em; height:50em;}

.input_st.w2{width:94px !important;}

/***** sub *****/
/*sub1_1*/
.sub_greeting{ text-align:left;}
.sub_greeting .greeting_m{}
.sub_greeting .greeting_m p:first-child{}
.sub_greeting .txt_box {margin-bottom:50px;}
.sub_greeting .txt_box > div{ display:block; }
.sub_greeting .txt_box > div .txt p{ margin-bottom:15px;}
.sub_greeting .txt_box > div .txt p:last-child{ margin-bottom:0;}
.sub_greeting .txt_box > div .img img{ width:100%;}
.sub_greeting .txt_box .txt_box1 { display:flex; flex-direction:column;}
.sub_greeting .txt_box .txt_box1 .img{ order:-1; width: 60%; margin: 0 auto;}
.sub_greeting .txt_box .txt_box1 .txt{ width: 100%;}
.sub_greeting .txt_box .txt_box2 .img{ width: 100%; margin-left:0;} 
.sub_greeting .txt_box .txt_box2 .txt{ width: 100%;}
.sub_greeting .txt_box .txt_box2 .txt p span{ font-size:1em;}
.sub_greeting .txt_box .txt_box2 .img{ display:none;}
.sub_greeting .greeting_sig{ display:flex;}
.sub_greeting .greeting_sig p{ margin-right: 20px; font-size: 1.125em;}



}

@media screen and (max-width:384px){
.PHONE384{display:block;}
.PHONE384f{display:flex;}
.PHONE384i{display:inline-block;}
.PHONE384t{display:table;}
.PC384{display:none;}
.PC384f{display:none;}
.PC384i{display:none;}
.PC384t{display:none;}
	
.main_member .member_lists li{height:455px;}
.main_member .member_info .member_slides_arr_wrap{bottom:-580px;}

.main_con4 .con_ctt_wrap ul{padding:0 3rem;}
.main_con4 .con_ctt_wrap ul:before{display:none;}
.main_con4 .con_ctt_wrap ul li{width:100%;}
.main_con4 .con_ctt_wrap ul li:before{display:none;}
.main_con4 .con_ctt_wrap ul li:after{display:none;}
.main_con4 .con_more{margin-top:2rem;}

.main_con6 .partner_wrap .pt_list_box .pt_slides{transform:translateX(10px);}

.root_daum_roughmap .wrap_map{height:300px !important;}

.step_bg{margin-top:-51.5em; height:51.5em;}
}

@media screen and (max-width:360px){
.PHONE360{display:block;}
.PHONE360f{display:flex;}
.PHONE360i{display:inline-block;}
.PHONE360t{display:table;}
.PC360{display:none;}
.PC360f{display:none;}
.PC360i{display:none;}
.PC360t{display:none;}

.mainVisual .slogan .t1{font-size:2em;}	

.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap li{padding:14px 0;}
.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap li .qna_subj{padding-left:10px;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt{padding:.75rem 0;}

.main_con6 .partner_wrap .pt_list_box .pt_slides li{background:#fff;}
.main_con6 .partner_wrap .pt_list_box .pt_slides li .pt_img{background-size:contain !important;}

html.l-nav-open .l-main{transform:translate3d(-100%, 0, 0)}
html.l-nav-open .l-nav{width:100%;}

.bs_cont .bs_tit{padding:2em .5em 0;}

.input_st.w2{width:83px !important;}
}

@media screen and (max-width:320px){
.PHONE320{display:block;}
.PHONE320f{display:flex;}
.PHONE320i{display:inline-block;}
.PHONE320t{display:table;}
.PC320{display:none;}
.PC320f{display:none;}
.PC320i{display:none;}
.PC320t{display:none;}

.input_st.w2{width:72px !important;}

.cs_box .cs_contact .cs_contact_list ul li{ padding: 0 25px;}
}