@charset "UTF-8";

/* =============================================================

============================================================= */
@media screen and (min-width:1440px) {
.sec04 {display:none}
}
/* =============================================================

============================================================= */
@media screen and (min-width:1240px) and (max-width:1439px) {
#headerWrap {background-color: rgb(255, 255, 255, 1)}
.idx {background-color: rgb(255, 255, 255, 0)}
.sec01 {height: 230px;}
.sec01:after {top: 69%}
.sec02 {height: 220px;}
.sec03 {height: 120px}
.sec04 {display:none}
.footerWrap .footer_site ul li {display: block;float:right}
.footerWrap .footer_site ul li:first-child {margin-right:0px;}
.tbl3 td ul {padding:8px 0;display:flex;flex-wrap:wrap}
.tbl3 td ul.adr_row, .tbl3 td ul.adr_row2 {flex-wrap:nowrap}
.tbl3 td ul li {width: 50%;
    display: flex;
    align-items: center;
}
.tbl3 td ul li:nth-child(3), .tbl3 td ul li:nth-child(4) {width:50%}
.sVisual:after {
width: 250px;
height: 230px;
background-size:100%;
bottom:0%;
top:inherit;
transform:inherit;
right:3%;
}
.step02:after {
width: 148px;
height: 246px;
}
.step03:after {
width: 148px;
height: 246px;
}
.step04:after {
width: 148px;
height: 246px;
}
}

/* =============================================================

============================================================= */
@media screen and (min-width:1024px) {
.footer_callcenter {display:none}


}
/* =============================================================

============================================================= */

@media screen and (min-width:1024px) and (max-width:1239px) {
#headerWrap {
background-color: rgb(255, 255, 255, 1)
}
.sec01 {
height: 190px;
}
.sec01:after {
top: 69%;
right: 1%;
}
.btns {bottom: 22%;}
.sec04 {display:none}

.footerWrap .footer_site ul li {display: block;float:right}
.footerWrap .footer_site ul li:first-child {margin-right:0px;}
.dropdown{margin-left:0;margin-top:18px;}
}

/* =============================================================

============================================================= */
@media screen and (min-width:1240px) { 
	.sec02_2 > .suggest {
	height: 140px;
    top: -160px;
    right: 20.5%;
	left: auto;
	width: 416px
	}
	.sec02_2 > .suggest a:after {
    width: 166px;
    height: 137px;
	background-size: 166px auto;
}
	.sec02_2 > .suggest h3 {
	display: block;
	margin: 0;
	}
	.sec02_2 > .suggest h3 span {
	display: block;
	}
}
/* =============================================================

============================================================= */

@media screen and (min-width:768px) and (max-width:1023px) { 
#headerWrap { 
background-color: rgb(255, 255, 255, 1) 
} 
.sideBtn_box .line { background: #000 }
#container { margin-top: -70px; }

.main_bg { position: absolute; right: 0; top: 0%; width: 100%; height: 400px; 
opacity: 1;z-index: -1 }
.main_bg:before {background:url('/resource/img/main/mainBg_wide.jpg');background-size:cover;}
.sec01 { height: 400px; margin: 0 auto; } 
.sec01 h2 { color:#fff;padding-top:70px;} 
.sec01 p { color: #fff; } 
.sec01:after { bottom: 0%; right: 64%; transform: none; top: auto } 
.sec02 { 
height: 180px; } .sec02 > .banner { box-sizing: border-box; margin-top: 60px }

.sec02 > .banner a {
color: white;
display: block;
width: 100%;
height: 100%;
padding: 30px
}
.sec02 > .banner h3 {
font-size: 2.4rem
}
.sec02 > .banner p {
font-size: 1.5rem;
padding-top: 8px;
}
.sec02 > .board a {
color: #111;
padding: 30px 100px 30px 30px
}
.sec02 > .board a .date {
display: block;
font-size: 1.5rem;
color: #bababa
}
.sec02 > .board a h3 {
display: block;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
height: 60px;
font-size: 1.7rem;
padding: 15px 0 0;
line-height: 3.3rem
}
.sec02 > .board a .ctt {
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.3rem;
font-weight: 300;
line-height: 2.6rem
}
.btns {bottom: 22%;
}
.sec03 {margin-top: 30px;}
.sec03 > .banner h3 {font-size: 2.0rem}
.sec04 .callcenter h3{font-size:2.7rem;}
.sec04 .callcenter ul li {font-size:2.2rem;}
.footer_callcenter h3 {font-size: 2.1rem !important}
.object1 {left:4%;bottom:149px;}
.object2 {right:5%;bottom:160px;
width:61px;height:70px;
background:url("/resource/img/main/object_smile.png") no-repeat bottom right;}
.design_box a {padding:50px 10px;}
.id_sns h3 {font-size:2.1rem;}
.snb h4 {letter-spacing:-0.1rem;line-height:1.9rem;}
.snb ul li.visited a:before, .snb ul li:nth-child(6) a:before {top:43%}
}
/* =============================================================

============================================================= */

@media screen and (min-width:768px) and (max-width:1023px) {
.sec03 {margin: 220px 0 0;}
}
/* =============================================================

============================================================= */
@media screen and (min-width:1024px) and (max-width:1239px) {
.sec03 {margin: 140px 0 0;}
}
/* =============================================================

============================================================= */

@media screen and (min-width:768px) and (max-width:1239px) {
/*.sec02 > .banner {
width: 23.5% !important
}*/
.sec02 > .banner {
 width: 15% !important
}
.sec02 > .banner a {
 padding: 15px
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.sec02 > .banner h3 {
	 font-size: 2rem;
	 line-height: 2.5rem !important;		
	}
}
@media screen and (min-width:1025px) and (max-width:1180px) {
	.sec02 > .banner h3 {
	 font-size: 2.5rem;
	}
}
.sec02 > .banner:last-child {
width: 49% !important;
}
.sec02_2 > .suggest {
    top: 270px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	height: 100px;
}
.sec02_2 > .suggest a {
	line-height: 80px
}
.sec02_2 > .suggest a:after {
    width: 120px;
    height: 100px;
    background-size: 120px auto;
}
.sec02_2 > .suggest h3 span {
    display: inline;
}
.sec03 > .banner {
width: 49%;
}
.sec03 > .banner:nth-child(even) {
margin-right: 0
}
.sec03 > .banner:nth-child(odd) {
margin-left: 0
}
.sec03 {
height: 360px;
}
.sec03 > .banner {
margin-bottom: 30px;
}
.footer_callcenter h3 {
font-size: 2.1rem !important
}
.sVisual:after {
width: 250px;
height: 230px;
background-size:100% !important;
bottom:0%;
top:inherit !important;
transform:inherit !important;
right:3% !important
}
.step02:after {
width: 148px;
height: 246px;
}
.step03:after {
width: 114px;
height: 231px;
}
.conts01 {padding:40px 20px;}
.pd_reset {padding:25px 0 !important}
.alert_box {padding:50px 50px;}
.tit_wrap {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
margin-top: 0px;
width: 90%;
z-index: 9;
}

}


/* =============================================================

============================================================= */

@media screen and (min-width:450px) and (max-width:767px) {
#headerWrap {
background-color: rgb(255, 255, 255, 1)
}
#container {
margin-top: -70px;
}
.logo {width:330px}
.logo img {width:100%}


.sideBtn_box .line {
background: #000
}
.sec01 { height: 375px; margin: 0 auto; } 
.sec01 h2 { color:#fff;padding-top:70px;} 
.sec01 p {
color: #fff;
}
.sec01:after {
height: 50px;
width: 40%;
background-size: cover;
bottom: 0%;
left: 4%;
transform: none;
top: auto
}
.main_bg {
position: absolute;
right: 0;
top: 0%;
width: 100%;
height: 467px;
opacity: 1;
z-index: -1
}
.main_bg:before {background:url('/resource/img/main/mainBg_wide.jpg');background-size:cover;}
.sec02 {
}
.sec02 > .banner a {
padding: 25px
}
.sec02 > .banner:first-child {
height: 100%;
width: 49%;
background: #001f3b;
margin-left: 0
}
.sec02 > .banner:nth-child(2) {
height: 100%;
width: 49%;
background: #ac0001;
margin-right: 0;
}
.sec02 > .banner:nth-child(3) {
width: 100%;
margin: 2% 0;
}

/*.sec02 > .banner:last-child {height: 265px;position:absolute;top: 780px;}
.sec02 > .banner:last-child {height: 265px;position:absolute;top: 740px;}*/
.sec02 > .banner.board {height: 265px;position:absolute;top: 890px;width: 100%;}
.sec02 > .board a {
color: #111;
padding: 25px 100px 25px 25px
}
.sec02 > .board a .date {
display: block;
font-size: 1.5rem;
color: #bababa
}
.sec02 > .board a h3 {
display: block;
white-space: nowrap;
overflow: none;
text-overflow: none;
height: 70px;
font-size: 2.6rem;
padding: 25px 0 0;
line-height: 3.3rem
}
.sec02 > .board a .ctt {
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.5rem;
font-weight: 300;
line-height: 2.6rem
}
.btns {bottom: 0%;}
.sec03 > .banner h3 {
font-size: 1.5rem
}
.sec03 > .banner a {width:70%}
.sec03 > .banner {
width: 49%;
}
.sec03 > .banner:nth-child(even) {
margin-right: 0
}
.sec03 > .banner:nth-child(odd) {
margin-left: 0
}
.sec03 {
margin-top: 33px;
height: 360px
}
.sec03 > .banner {
margin-bottom: 2%;
}
/* .sec03 > .banner:last-child { */
/* margin-bottom: 2%;width:100% */
/* } */

/*.sec04 {height:267px;margin-top:292px;}
.sec04 {height:267px;margin-top:355px;}*/
.sec04 {height:267px;margin-top: 390px;}
.footer_callcenter h3 {
font-size: 2.1rem !important
}
.sec03 > .banner h3 {font-size: 2.0rem}
.sec04 .callcenter h3{font-size:2.7rem;}
.sec04 .callcenter ul li {font-size:2.2rem;}
.footer_callcenter h3 {font-size: 2.1rem !important}
.object1 {left:4%;bottom:149px;}
.object2 {
right:5%;
bottom:160px;
width:61px;
height:70px;
background:url('/resource/img/main/object_smile.png') no-repeat bottom right;
}
.map_area {height:230px;}
.map_area img {position:absolute;width:150%;overflow:hidden;transform:translate(-50%,-50%);top:57%;left:50%;}
/* process */
.sVisual {height:300px;}
.tit_wrap h3 {font-size:4.8rem;line-height:5.4rem}
.location ul {padding-top:22px;}
.location ul li {font-size:1.5rem;}
.snb {margin-top:50px;}
.snb:before {top:18%}
.snb h4 {font-size:1.3rem}
.snb ul li a:before {
top:45%;
width:33px;height:28px;
background-size:600%
}
.snb ul li.visited a:before {
top:45%;
width:33px;height:28px;
background-size:600%
}
.snb ul li a:after {content:none}
.id_sns ul {display:flex}
.id_sns h3 {display:table;text-align:center;min-height:56px;}
.id_sns h3 span {display:table-cell;vertical-align:middle}
.id_sns ul li p {display:none;}
.id_sns ul li:nth-child(2) {margin:0 2px;}
.id_sns ul li img {width:100%;}
.conts02 {padding:40px 20px;}
.design_box a {padding:10px 0 10px 0}
.id_sns h3:after {content:none;}
.id_sns ul.mt-60 {margin-top:20px !important}
.id_phone:after {content:none;}
.id_phone p img {max-width:50px;width:50%}
.identification_box > div{width:31% !important;height:170px;padding:10px 10px}
.identification_box > div h3 {font-size:1.7rem;line-height:2.3rem}


ul[class^="list_ul"] > li {
font-size:1.5rem;
line-height:2.2rem;
}
ul[class^="list_ul"] ~ p {
font-size:1.4rem;
}

/* //process */

.btn_next {max-width:200px;width:45%;}
.btn_next a {font-size:1.3rem;line-height:1.6rem;padding:23px 10px;padding-right:45px;}
.btn_prev {max-width:200px;width:45%;height:62px;}
.btn_prev a {font-size:1.3rem;line-height:1.6rem;padding:23px 10px;padding-left:45px;}
.chkbox_all {margin-top:11px;}
.basic_box {margin-top:30px;}

}

/* =============================================================

============================================================= */
@media screen and (max-width:768px) {
.sec02_2 .suggest {top: 630px;}
}
/* =============================================================

============================================================= */

@media screen and (max-width:449px) {
#wrap {min-width:320px}
#headerWrap {min-width:320px;width:100%;
background-color: rgb(255, 255, 255, 1)
}
.headerArea {width:90%;height:100px}
#container {
margin-top: -90px;
}
.logo {width:240px}
.logo img {width:100%}


.sideBtn {margin-top:12px;}
.sideBtn_box .line {
background: #000;
}
.wt_txt {font-size:1.3rem;line-height:1.7rem !important;display:block;margin-top:6px;}
.sec01 { height: 375px; margin: 0 auto; } 
.sec01 h2 {font-size:3rem;line-height:3.6rem;color:#fff !important;padding-top:40px;} 
.sec01 p {font-size:1.6rem;}

.main_bg {
position: absolute;
right: 0;
top: 0%;
width: 100%;
height: 327px;
opacity: 1;
z-index: -1
}
.main_bg:before {background:url('/resource/img/main/mainBg.jpg') no-repeat;background-size:105%;background-position:50% 12px}
.sec01 {
height: 315px;
margin: 0 auto;
}
.sec01 h2 img {
width: 100%;
margin-top: 50px;

}
.sec01 p {
color: #fff;
}
.sec01:after {
height: 70px;
width: 50%;
background-size: cover;
bottom: 0%;
left: auto;
right:10%;
transform: none;
top: auto
}

.sec02 {height:120px;}
.sec02 > .banner h3 {
font-size: 2.2rem
}
.sec02 > .banner p {
font-size: 1.5rem;
padding-top: 5px;
}
.sec02 > .banner i {
top:71%;
right:auto;
left:30px;
font-size:1.8rem !important
}

.sec02 > .banner:nth-child(-n+2) a:after {
content: "";
position: absolute;
top: 50%;
left: auto;
right:10%;
transform: translateY(-50%);
width: 50px;
height: 56px;
background: url('/resource/img/icon/bannerBtn.png') no-repeat;
}
.sec02 > .banner:first-child a:after {
background-position: 0 0;
}
.sec02 > .banner:nth-child(2) a:after {
background-position: 100% 0;
}

.sec02 > .banner a {
padding: 25px
}
.sec02 > .banner:first-child {
height: 100%;
width: 100%;
background: #001f3b;
margin-left: 0
}
.sec02 > .banner:nth-child(2) {
height: 100%;
width: 100%;
background: #ac0001;
margin:2% 0;
}
/*.sec02 > .banner:nth-child(3) {
width: 100%;
margin: 2% 0;
}*/
.sec02 > .banner.board {
width: 100%;
margin: 2% 0;
}
/*.sec02 > .banner:last-child {
height: 160px;
position:absolute;
top:720px;
}*/
.sec02 > .banner:last-child {height: 160px;position:absolute;top: 950px;}
.swper1-pagination {bottom:8px !important}

.sec02 > .board a {
color: #111;
padding: 25px 100px 25px 25px
}
.sec02 > .board a .date {
display: block;
font-size: 1.5rem;
color: #bababa
}
.sec02 > .board a h3 {
display: block;
white-space: nowrap;
overflow: none;
text-overflow: none;
height: 70px;
font-size: 2.1rem;
padding: 25px 0 0;
line-height: 3.3rem
}
.sec02 > .board a .ctt {
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.4rem;
font-weight: 300;
line-height: 2.6rem
}

.sec02_2 .suggest {
 top: 620px;
}
.btns {bottom: 10%;}
.sec03 > .banner a {
color: #000;
display: block;
width: 100%;
height: 100%;
padding: 25px;
display:table;
}
.sec03 > .banner h3 {
display:block;
font-size: 1.5rem;
width:60%;
display:table-cell;
vertical-align: middle;


}

.sec03 > .banner {width: 49%;}
/*.sec03 > .banner:last-child {width: 100%;}*/
.sec03 > .banner:nth-child(-n+2) {
margin-top: 30px
}
.sec03 > .banner:nth-child(even) {
margin-right: 0
}
.sec03 > .banner:nth-child(odd) {
margin-left: 0
}
.sec03 {
height: 360px
}
.sec03 > .banner {
margin-bottom: 2%;
margin-top: 1%;
}
.sec03 > .banner:nth-child(n+1) a:after {
content: "";
position: absolute;
display: flex;
top: 51%;
right: 10px;
transform: translateY(-50%);
width: 50px;
height:35px;
background: url('/resource/img/icon/quickBtn.png') no-repeat;
}
.sec03 > .banner:first-child a:after {
background-position: 0 0;
}
.sec03 > .banner:nth-child(2) a:after {
background-position: 16% 0;
}
.sec03 > .banner:nth-child(3) a:after {
background-position: 42% 0;
}
.sec03 > .banner:nth-child(4) a:after {
background-position: 60% 0;
}
.sec03 > .banner:nth-child(5) a:after {
background-position: 80% 0;
}
.sec03 > .banner:last-child a:after {
background-position: 100% 0;
}
.sec04 {height:177px;margin-top: 350px;}

.sec04 .callcenter h3{font-size:1.9rem;}
.sec04 .callcenter ul li {display:block;font-size:1.6rem;}
.footerWrap .footer_link_group .footer_link {
position: relative;
font-size: 1.3rem;
margin-top: 20px;
line-height:2.6rem
}
.footerWrap .footer_link_group .footer_link ul li:nth-child(2n) a {font-size:1.4rem}
.callcenter {
margin-top: 14px;
}
.footerWrap .footer_link_group .footer_link ul li {padding-right:0}
.footer_link_group ul li:not(:last-child):after {display:none;}

.footerWrap .footer_link_group .copyright {
font-size: 1.2rem;
margin-top: 22px;
margin-bottom:30px;
}
.allcenter h3 {
font-size: 1.8rem !important;
font-weight:700;
}
.map_area {height:190px;}
.map_area img {position:absolute;width:200%;overflow:hidden;transform:translate(-50%,-50%);top:57%;left:50%;}
.object1 {left:4%;bottom:149px;}
.object2 {right:5%;bottom:160px;
width:61px;height:70px;
background:url('/resource/img/main/object_smile.png') no-repeat bottom right;}

.footer_site ul li {width:40% !important}
.footerWrap .footer_site ul li:first-child:after {
width:100%;
background:url('/resource/img/common/kamco_foot_logo2.png') no-repeat  top center !important;
background-size:100%  !important;
}
.footerWrap .footer_site ul li:last-child:after {
width:100%;
background:url('/resource/img/common/ccrs_foot_logo2.png') no-repeat  top center !important;
background-size:100%  !important;
}
.row_add2 ul li {width:50%}
/* process */

.sVisual {height:185px;margin-top:110px;}
.tit_wrap h3 {font-size:2.3rem;line-height:3.5rem}
.location ul {padding-top:12px;}
.location ul li {font-size:1.2rem;padding-right:22px;}
.location ul li:nth-child(1) a {height:17px;}
.snb {margin-top:40px;}
.snb:before {top:18%}
.snb ul li a:after {content:none}
.snb h4 {font-size:1.1rem;font-weight:300;line-height: 1.3rem !important;
    letter-spacing: -0.13rem !important;}
.btn_down {display:block;margin-left:10px;height:38.5px;width:120px;padding:10px 6px;font-size:1.2rem;margin-left:0;margin-top:10px;}
.conts {margin-top:25px !important;}
.conts h4 {font-size:1.8rem;font-weight:500}
.required {font-weight:600}
.identification_box span strong {margin-top:0px}
.id_sns ul {display:flex}
.id_sns h3 {display:table;text-align:center;min-height:56px;}
.id_sns h3 span {display:table-cell;vertical-align:middle}
.id_sns ul li p {display:none;}
.id_sns ul li:nth-child(2) {margin:0 2px;}
.id_sns ul li img {width:64%;}

.id_sns h3:after {content:none;}
.id_sns ul.mt-60 {margin-top:0px !important}
.id_phone:after {content:none;}
.id_phone p img {max-width:50px;width:50%}

.identification_box {height:364px}
.identification_box > div{width:48.5% !important;height:170px;padding:10px 2px}
.identification_box > div:nth-child(2) {
position:absolute;
width:98% !important;
display:block;
top:180px;
box-shadow:1px 6px 2px rgb(0 0 0 / 5%)
}
ul[class^="list_ul"] >li >ul {margin:10px 0 20px -12px}
.identification_box > div h3 {font-size:1.7rem;line-height:2.3rem;height:64px;}
.conts02 {padding:40px 20px;}
.design_box a {padding:10px}
ul[class^="list_ul"] > li {
font-size:1.3rem;
line-height:1.8rem;
padding-left:13px;
}
ul[class^="list_ul"] > li > ul > li {font-size:1.3rem;line-height:1.8rem;}
ul[class^="list_ul"] > li:before {top:6px;}
.round_box ul > li > ul li {font-size:1.3rem !important;line-height:1.8rem;font-weight:400}
.round_box ul > li > ul li ul {padding-left:5px;margin-left:-16px;}
.round_box ul > li > ul li ul li{font-size:1.2rem !important;line-height:1.8rem;font-weight:400;margin-top:4px;}
ul[class^="list_ul"] ~ p {
font-size:1.4rem;
}
/* //process */

.basic_box .rd_wrap > h3 {font-size:1.3rem;padding-bottom:6px;}
.basic_box >  h2 {font-size:2rem;line-height:2.6rem;letter-spacing:-0.17rem;}
.basic_box > .txt_box {padding:12px;}
.basic_box > .txt_box ul[class^="box_ul"] > li {padding-left:10px}
.basic_box > .txt_box ul[class^="box_ul"] >li:before {left:2px;}
.basic_box > .txt_box ul[class^="box_ul"] >li.ntc:before {left:-3px;}
.basic_box > .txt_box h3 {font-size:1.4rem;color:#333}
.basic_box > .txt_box span {font-size:1.3rem;display:block;color:#444;padding-bottom:10px;line-height:1.7rem}
.basic_box > .txt_box h3 ~ span {margin-top:10px}
.basic_box > .txt_box p {font-size:1.3rem;}
.basic_box > .txt_box p ~ span {margin-top:20px;}
.basic_box > .txt_box h4 {font-size:1.4rem}
.tbl_proc2 td {line-height:1.6rem}
.chkbox_all {font-size:1.6rem;font-weight:700;margin-top:45px;line-height:1.5rem;width:95%;margin:0 auto;}
.chkbox_line label {line-height:1.8rem;font-weight:500;margin-top: 1px;letter-spacing:-0.2rem}
.btn_next {width:auto;height:55px;padding:20px 10px !important;}
.btn_next a {font-size:1.3rem;line-height:1.6rem;padding:23px 10px;padding-right:45px;}
.aPrp {font-size:1.3rem;line-height:1.6rem;padding:23px 10px;text-align:center;margin:0 auto;margin-top:30px;margin-bottom:60px;min-width:100px}
.btn_prev {width:45%;height:62px;}
.btn_prev a {font-size:1.3rem;line-height:1.6rem;padding:23px 10px;padding-left:45px;}
.btn_print {width:45%;height:62px;display:table;margin-top:30px;}
.btn_grid {width:45%;height:62px;display:table;margin-top:30px;margin-left:10px;}
.mc_inner span {display:inline;}
.tbl4 td, .tbl4 th {font-size:1.5rem;height:45px;}
.chkbox_all {margin-top:12px;}
.conts01.mt-100 {margin-top:40px !important;}

.identification_box {margin-top:40px}
.btn_area .mt-80 {margin-top:40px !important;}
.chkPg_box {padding-top:40px !important}
.alert_box {padding:45px 20px;}

.round_box {font-size:1.3rem;line-height:2rem;padding:30px 15px;}
.conts h4.pt-40 {padding-top:5px !important}
#tabs-2 .center_list li {display:flex;flex-wrap:wrap;align-items:center;}
#tabs-2 .center_list li p:first-child {width:30%;}
#tabs-2 .center_list li p:nth-child(2) {width:70%;}
#tabs-2 .center_list li p:last-child {width:100%;margin-top:13px;}
#tabs-3 .center_list li {display:flex;flex-wrap:wrap;align-items:center;}
#tabs-3 .center_list li p:first-child {width:30%;}
#tabs-3 .center_list li p:nth-child(2) {width:70%;}
#tabs-3 .center_list li p:last-child {width:100%;margin-top:13px;}
.btn03 {padding:5px 8px;font-size:1.3rem;}

.tbl ~ p, .tbl2 ~ p, .tbl3 ~ p, .tbl_wrap ~ .mt-sl {font-size:1.3rem;line-height:1.7rem;word-break:break-all}

#accordion h3 {padding-left:60px;padding-right:38px;font-size:1.3rem}
#accordion .ui-widget-content {font-size:1.3rem;line-height:2rem;padding-left:40px;}
.ui-icon {right:15px !important}
.ui-accordion-content {font-size:1.3rem;line-height:2rem}
.ui-accordion .ui-accordion-content {padding-left:58px}
#accordion .ui-accordion-content:after {content:none}
.vp_pg ul li:nth-child(2) {display:none;}
.vp_pg ul li {font-size:1.5rem}
.vp_header {font-size:1.7rem;padding:30px 10px;}
.vp_date {height:57px;padding:19px 10px; font-size:1.4rem;}
.file_wrap {text-align:left;height:17px;}
.vp_conts {padding:40px 10px;}
.vp_contents {font-size:1.3rem;margin:0 0 47px}

.tbl5 tr th:not(:last-child), .tbl5 tr td:not(:last-child) {display:none}
.pop_txt {padding-left:0;padding-top:32px !important;}
.pop_txt:after {top:-10% !important;padding-left:0;transform:translateX(-50%);left:50%;}
input[type=radio] + label {font-size:1.4rem;margin-left:3px;font-weight:300}

.conts01 p.prc_ctr, .conts03 p.prc_ctr {margin-top:11px}
.conts01 p.prc_ctr img, .conts03 p.prc_ctr img {width:46px}
.file_wrap a {font-size:1.3rem;letter-spacing:-0.06rem}
.ctts_box h3 {font-size:1.5rem;line-height:1.9rem;}
.ctts_box h4 {font-size:1.4rem;line-height:1.9rem;margin-left:0;}
.ctts_box h5 {font-size:1.4rem;line-height:1.9rem;margin-left:0;}
.ctts_box h5.txt_type2 {line-height:2rem;word-break: break-all;}
.ctts_box h4 ~ .depth2 {margin-left:0;}
.step {padding-left:0;}
.ctts_box h4 ~ .depth2 {font-size:1.3rem;}
.ctts_box .depth2 ul li {font-size:1.3rem;}
.step>li .txt01,.step>li .txt02 {font-size:1.3rem;padding:13px 5px;}
.cau_txt {font-size:1.2rem !important;color:#757575}
#rst_tbl .w-800 {width:500px !important}
.objc_etc {width:69%}
h2 ~ p {font-size:1.3rem;line-height:1.9rem;word-break:break-all;padding-top:0;}
.ctts_box {padding:17px 19px;}
.pt-42 {padding-top:15px !important}
.text-nb {font-size:2.5rem;}
.footerWrap .footer_link_group .copyright ul li:last-child {padding-top: 9px;}
.rst_unit li.adr_unit:after {top:-15px;}
.rst_unit li.adr_unit {padding-left:0px;margin-top:34px;letter-spacing:-0.1rem;line-height:1.8rem;}
.rst_unit li.prc_unit:after {top:-15px;}
.rst_unit li.prc_unit {padding-left:0px;margin-top:34px;letter-spacing:-0.1rem;line-height:1.8rem;}
}

/* =============================================================

============================================================= */
@media screen and (max-width:420px) {
	.sec02_2 > .suggest a {
		padding: 15px 0;
	}
	.sec02_2 > .suggest a:after {
		display: none
	}
}
/* =============================================================

============================================================= */
@media screen and (max-width:599px) {
	.sec02_2 > .suggest h3 {
		display: block;
		margin: 0;
	}
	.sec02_2 > .suggest p {
		height: 34px;
		margin: 5px 0 0;
		font-size: 1rem;
		line-height: 33px;
	}
}
/* =============================================================
max
============================================================= */

@media screen and (max-width:1440px) {
.headerArea {
width: 90%;
padding-top: 32px;
}
.content {
width: 90%;
}
.conts {width:90%}
.footerWrap {
width: 90%
}
.ctts_box h5 i {display:inline}
.sec02 > .board a h3 {
white-space: nowrap
}
.sec02 > .board a .ctt {
white-space: nowrap
}
.objectWrap {width:100%;}
.sVisual {width:90% !important;}
.hide_block {display:block;margin-top:10px;}
.hide_block > .btn_rsp2 {margin-left:0px}
.hide_block > .phone_info {display:inline;}
}

@media screen and (max-width:1239px) {
.main_bg:before {
transition: all 0.2s;
}
.idx {background-color: rgb(255, 255, 255, 1) !important}
.identification_box {width:100%}
.conts01 i {display:block;line-height:6rem}
.basic_box {padding:25px 30px;}
.conts .column {display:flex;flex-direction:column}
.conts .column > .basic_box {width:100%;padding:25px 40px}
.mt-69 {margin-top:20px !important;}

.center_area {width:88%;flex-direction:column-reverse}
.center_ctt {width:100%;margin-left:0;margin-right:0;}
.center_list {width:100%;margin-left:0;margin-right:0;}
.center_list li {width:100%}
.tbl3 td ul {padding:8px 0;display:flex;flex-wrap:wrap}
.tbl3 td ul li {width:50%;display:flex;align-items:center;}
.tbl3 td ul li:nth-child(3) {width:50%}

.tbl3 td ul.adr_row, .tbl3 td ul.adr_row2 {flex-wrap:nowrap}
.lnChk span {display:inline;line-height:1.7rem}
}

@media screen and (max-width:1024px) {
.footerWrap .footer_link_group {
position: relative;
float: left;
width: 100%;
text-align: center;
color: #111;
line-height: 2rem;
}
.footerWrap .footer_link_group ul li {
float: inherit;
display: inline-block;
word-break: keep-all;

}
.footerWrap .footer_link_group .copyright {
margin-top: 30px;
}
.footerWrap .footer_link_group .copyright ul li {
padding-right:0 !important;
}
.footerWrap .footer_link_group .copyright ul li:last-child {padding-top:15px;}
.text-nb {padding-left:5px}
.dropdown {margin-left:0;margin-top:23px;}
.dropdown-content {top:-161px;}
 .resp {width:100%}
.callcenter {
float: inherit;
width: 100%;
text-align: center;
margin-top: 40px;
color: #fff;
position: absolute;
background: #00387d;
padding: 5%;
border-radius:20px;
transition:all 0.3s;
}
.callcenter:hover {background:#ac0001}

.callcenter ul li:first-child:after {
display: none;
}
.copyright ul li {display:block !important}
.copyright ul li:not(:last-child):after {display:none}
.footer_site {width:100% !important;margin-top:0px !important;}
.footer_site ul {display:flex;justify-content:center;margin-bottom:54px;}
.footerWrap .footer_site ul li:first-child:after {
background:url('/resource/img/common/kamco_foot_logo2.png');
}
.footerWrap .footer_site ul li:last-child:after {
background:url('/resource/img/common/ccrs_foot_logo2.png');
}
.snb {width:90%}
.tbl3 td ul {padding:8px 0;display:flex;flex-wrap:wrap}
.tbl3 td ul li {width:100%;display:flex;align-items:center;word-break:break-all}
.tbl3 td ul li:nth-child(3) {width:100%}
.tbl3 td ul li:nth-child(4) {width:100%}
.tbl3 td ul.objc_list {flex-direction:column;}
.tbl3 td ul.objc_list li {width:100% !important}
.btn05 {font-size:1.3rem;}
.acc_bar ul li {width:100% !important}
.modal5 .modal-content {width:90% !important;}
.modal7 .modal-content, .modal7_2 .modal-content {width:90% !important;min-width:320px;}
.result_clone .chkPg_box {padding-top:0 !important}
.result_clone .basic_box .rst_ttl {height:auto !important}
.result_clone > .basic_box .tbl3 td ul li {width:100%}
.modal-content {width:90% !important;}
}

@media screen and (max-width:767px) {
.sVisual:after {
width: 149px;
height: 135px;
background-size:100%;
bottom:0%;
top:inherit;
transform:inherit;
right:3%;
}
.step02:after {
width: 84px;
height: 135px;
}
.step03:after {
width: 84px;
height: 135px;
}
.step04:after {
width: 84px;
height: 135px;
}
.tit_wrap {
position:absolute;
transform:translate(-50%, -50%);
top:50%;
left:50%;
margin-top:0px;
width:90%;
z-index:9;
}
.snb ul li a:before, .snb ul li.visited a:before {
top:40%;
width:33px;height:30px;
background-size:800%
}
.snb h4 {display:table;margin:0 auto;margin-top:46px;min-height:40px;line-height:1.6rem;letter-spacing:-0.15rem;}
.snb h4 i {margin-top:40px;display:table-cell;vertical-align:middle}
.snb ul li {padding:0 2px;}
.snb ul li span {font-size:1.4rem;padding-top:11px;width:50px;height:50px;}
.snb ul li:hover span {background:#d7d7d7}
.snb ul li:hover h4 {color:#999}
.snb ul li.visited:hover span {background:#00387d}
.snb ul li.visited:hover h4 {color:#00387d}
.snb ul li.active a:after {content:none}
.snb ul li.visited a:after {content:none}
.snb ul li.step1.lineMv a:after {left:24%;width:27%;}
.snb ul li.step2.lineMv a:after {left:-37.5%;width:0%;}
.snb ul li.step3.lineMv a:after {left:-37.5%;width:0%;}
.snb ul li.step4.lineMv a:after {left:-37.5%;width:0%;}
.snb ul li:hover a:before {
background-position-y:-3%;
}
.snb ul li.active span {background:#ac0001}
.snb ul li.active a:before {background-position-y:96%;}
.snb ul li.active h4 {color:#ac0001}
.sna {margin-top:28px;}
.sna ul {flex-wrap:wrap}
.sna ul li {flex-basis:33%}
.sna:before{content:none}
.sna ul li a:before {top:46%}
.sna h4 {margin-top:74px !important;font-size:1.3rem}
.sna ul li:nth-child(n+4) {margin-top:30px;}
.conts {margin-top:50px;}
.conts01 {padding:25px 0 25px 0;}
.conts01 > h3, .conts03 > h3 {font-size:2rem;line-height:3rem;padding:23px 20px !important;width:90%;margin:0 auto;
background:#0069c2;border-radius:20px;color:#fff;letter-spacing:-0.2rem;font-weight:400;margin-top:23px}
.conts h3 span.blue {color:#fff;font-weight:600;text-decoration-thickness:from-font;background:#398fcb;border-radius:7px}
.conts h3.pr_ex {font-size:1.7rem;font-weight:300;background:#398fcb}
.conts01 i {line-height:3rem;}
.conts01 p {margin-top:20px;}
.conts h3 span.blue {font-size:2.4rem;padding:0 5px}
.conts h4.txt_type {font-size:1.5rem;width:95%;margin:0 auto;}
.mt-50 {margin-top:25px !important}
.conts01 > h4 {font-size:1.5rem;margin-top:21px !important;}
.conts01 > h4 ~ span {font-size:1.3rem;line-height:2.2rem;margin-top:0}
.conts01 > span strong {display:block;margin-top:20px;font-weight:400}
.conts02 h4 {text-align:center;}
.basic_box {padding:15px 20px;}
.pd_reset {padding:0 0 !important;}
.basic_box h3 ~ .list_radio li:first-child {margin-right:20px}
.basic_box h3 ~ .list_radio {float:left;margin-top:14px;margin-bottom:14px;}
.menuuu {width:100% !important}
.eml_algn {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items:center;}
.centerBOx {margin-top:22px;}
.centerBOx > ul li {min-width:50% !important;}
.centerBOx > ul li a {width:100%;font-size:1.4rem}
#tabs-1 > ul, #tabs-2 > ul{margin-top:40px;flex-direction:column;padding:10px !important;}

#tabs-1 > ul li, #tabs-2 > ul li {width:100%}
#tabs-1 > ul li:last-child, #tabs-2 > ul li:last-child {width:100%;margin-top:10px;margin-left:0;}
.center_info  {padding:20px 20px 30px 20px}
.center_info ul {flex-direction:column;margin-top:10px;}
.center_info ul li {width:100%;font-size:1.3rem;}
.center_info p {top:-52px;background:#fff;padding:10px 20px 10px 10px;right:13px;}

#tabs-1, #tabs-2 {padding:1px 0px;}
.b_inp {font-size:1.3rem !important;}
.b_sel {font-size:1.3rem !important;}
.center_list li p:nth-child(2) span {font-size:1.3rem;}
.center_list li p:first-child img {width:50px}
.centerBOx .ui-state-default {box-shadow:none;border:2px solid #f7f7f7}
.conts .column > .basic_box {padding:25px 20px}

.alert_box h2 {font-size:2.3rem;line-height:3.3rem;letter-spacing:-0.1rem;text-align:center}
.btn02 {width:130px;font-size:1.3rem;height:62px;}
.btn04 {width:115px;font-size:1.3rem;height:62px;}
.btn_print a {padding:22px 10px}
.btn_submit a {padding:22px 10px;}
.user_box span {
font-size:2rem;
}
.user_box span:before {
width:30px;
height:76px;
background-size:cover;
top:49%
}



.id_sns h3 {font-size:2.4rem;text-align:left;width:100%;position:relative;}
.id_sns h3:after {
content: "";
position: absolute;
top: 54%;
right:4%;
transform: translateY(-50%);
width: 16px;
height: 7px;
background:url('/resource/img/sub/arrowB_icon.png');
transition:all 0.3s;
}

.tooltip .tooltiptext {
position:absolute;
max-width:inherit;
width:250px;
background:#42a5b5;
color:#fff;
text-align:left;
padding:10px;
border-radius:15px; 
z-index:99;
font-size:1.3rem;
margin-left:0;
box-shadow:1px 5px 10px rgb(0,0,0, 10%);
transition:opacity 0.3s;
top:20px;
height:100px;
}
.tooltip .tooltiptext i {color:#fff}
.tooltip .tooltiptext b {color:#fff}
.tooltip .active {opacity:1;display:block;}

.row_add2 ul {padding-top:14px;}
.hide_block > .phone_info {display:block;}
.pc03_flex {height:190px !important;}

.modal-content h3 {padding:12px 0}
#myModal .h2_ttl {font-size: 1.4rem; line-height: 1.9rem;}
#myModal h4 {font-size:1.7rem;line-height:2.2rem;font-weight:500;}

.modal2 .modal-content {width:90%;}


.img_box_unit {width:49%;margin-bottom:20px;}
.md_img_box {flex-wrap:wrap;}
.modal6 .modal-content {width:90% !important;}
.pop_ul {font-size:1.3rem}
.pop_ol {font-size:1.3rem}
.tbl6 tbody tr td ol.pop_ol > li {margin-top:0;line-height:1.8rem}
.tbl6 td, .tbl6 th {font-size:1.3rem}
.tbl7 tbody tr td ol.pop_ol > li {margin-top:0;line-height:1.8rem}
.tbl7 td, .tbl7 th {font-size:1.3rem;letter-spacing:-0.1rem}
.tbl7 th{padding:12px 6px}
.img_box_unit dl dt {font-size:1.3rem}
#myModal h2 {
    font-size: 1.8rem;
    padding-top: 10px;
}
.modal_vc2 .modal-content .mc_inner h2 {font-size:2rem !important;}
.modal_vc2 .modal-content .close {top:1%}
.modal-content h3 {text-align:center;}
.modal-content .mc_inner {padding:10px;}
.modal_vc2 .modal-content .mc_inner {padding:10px 10px 20px;}
.close {top:1%}

.pop_txt {font-size:1.5rem;margin:18px 0 9px}
.pop_txt:after {top:62%}
.modal_vc2 .modal-content .mc_inner h2 {margin:6px 0 0 0;}
ul[class^="pop_ul"] li {line-height:18px;word-break:break-all;letter-spacing:-0.08rem;line-height:1.7rem}
ul[class^="pop_ul"] li > ul {padding:18px 10px}
ul[class^="pop_ul"] li > ul > li {font-size:1.3rem;word-break:break-all;letter-spacing:-0.08rem}
ul[class^="pop_ul"] li > ul > li > ul {padding:0;margin-top:0}
ul[class^="pop_ul"] li > ul > li > ul > li{font-size:1.2rem;word-break:break-all;letter-spacing:-0.08rem;line-height:1.4rem;}
.closePop {font-size:1.5rem;height:55px;padding-top:17px}
.tbl3 td.pd-theme a {font-size:1.2rem;height:27px;width:53px;}
.tbl5 td, .tbl5 th {padding:12px 2px;  line-height:18px; vertical-align: middle; box-sizing: border-box;font-size:1.4rem;font-weight:600;height:60px;}
.md_sch2::placeholder {font-size:1.4rem}
.basic_box .rd_wrap {flex-direction:column;align-items:flex-start}
.basic_box .rd_wrap > h3 {width:100%}
.basic_box > .txt_box {margin-top:0;}
.board-pagi .pagination li {width:25px}
.board-pagi .pagination li:nth-child(2n+4) {width:0px;}
.board-pagi .pagination li:last-child {width:30px;}
.board-pagi .pagination a {width:30px}
.alert_box {padding:30px 20px !important;}
.basic_box .rst_ttl {height:88px;}
.rst_pop {float:left;}
.btn_addLst  {font-size:1.2rem;height: 29px;width: 60px;}

}

/* bd */
@media screen and (max-width: 1023px) {
.main_bg:before {
transition: all 0.2s;
}
.tbl_bd {
border-top: 2px solid #000;
border-bottom: 1px solid #d5d5d5;
color: #000;
}
.tbl_bd th, .tbl_bd td {
padding: 20px;
border-right: 1px solid #d5d5d5;
vertical-align: middle;
text-align: center;
}
.tbl_bd thead th {
background: #f5f5f5;
font-weight: 500;
}
.tbl_bd th:last-child, .tbl_bd td:last-child {
border-right: none;
}
.tbl_bd tbody th {
background: #f5f5f5;
font-weight: 500;
}
.tbl_bd tbody td {
color: #111;
font-weight: 400;
line-height: 1;
}
.tbl_bd tbody p {
display: block;
}
.tbl_bd .textover {
width: 600px;
}
.tbl_bd .icon-notice {
position: relative;
display: block;
}
.tbl_bd .icon-notice:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tbl_bd colgroup {
display: none;
}
.tbl_bd thead {
display: none;
}
.tbl_bd .icon-notice {
width: 45px;
height: 40px;
}
.tbl_bd tbody tr {
position: relative;
display: block;
height: 65px;
border-bottom: 1px solid #ddd;
}
.tbl_bd tbody tr:last-child {
border-bottom: none;
}
.tbl_bd tbody tr:after {
content: "";
display: block;
clear: both;
}
.tbl_bd tbody th {
position: absolute;
display: block;
background: none;
border: none;
text-align: left;
}
.tbl_bd tbody td {
position: absolute;
display: block;
border: none;
line-height: 20px;
text-align: left;
}
.tbl_bd tbody .list_num {
top: 0;
width: 50px;
height: 60px;
line-height: 40px;
text-align: center;
}
.tbl_bd tbody .list_tit {
top: 3px;
left: 50px;
width: calc(100% - 88px);
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.tbl_bd tbody .list_write {
top: 28px;
font-size: 1.1rem;
left: 50px;
width: 150px;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.tbl_bd tbody .list_file {
position:absolute;right:10px;top:11px;
}
.tbl_bd tbody .list_write:before {
content: "날짜 : ";
font-size: 1.1rem;
}
.tbl_bd tbody td .textover {
width: 100%;
}



.tbl_fc {
border-top: 2px solid #000;
border-bottom: 1px solid #d5d5d5;
color: #000;
}
.tbl_fc th, .tbl_fc td {
padding: 20px;
border-right: 1px solid #d5d5d5;
vertical-align: middle;
text-align: center;
}
.tbl_fc thead th {
background: #f5f5f5;
font-weight: 500;
}
.tbl_fc th:last-child, .tbl_fc td:last-child {
border-right: none;
}
.tbl_fc tbody th {
background: #f5f5f5;
font-weight: 500;
}
.tbl_fc tbody td {
color: #111;
font-weight: 400;
line-height: 1;
}
.tbl_fc tbody p {
display: block;
}
.tbl_fc .textover {
width: 600px;
}
.tbl_fc .icon-notice {
position: relative;
display: block;
}
.tbl_fc .icon-notice:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tbl_fc colgroup {
display: none;
}
.tbl_fc thead {
display: none;
}
.tbl_fc .icon-notice {
width: 45px;
height: 40px;
}
.tbl_fc tbody tr {
position: relative;
display: block;
height: 90px;
border-bottom: 1px solid #ddd;
}
.tbl_fc tbody tr:last-child {
border-bottom: none;
}
.tbl_fc tbody tr:after {
content: "";
display: block;
clear: both;
}
.tbl_fc tbody th {
position: absolute;
display: block;
background: none;
border: none;
text-align: left;
}
.tbl_fc tbody td {
position: absolute;
display: block;
border: none;
line-height: 20px;
text-align: left;
}
.tbl_fc tbody .list_num {
top: 50%;
width: 50px;
height: 60px;
line-height: 40px;
text-align: center;
transform:translateY(-50%);
}
.tbl_fc tbody .list_group {
top: 11px;
left: 60px;
height: 21px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: #b9a78b;
border-radius: 6px;
line-height: 0.2rem;
font-size: 1.1rem;
color: #ffffff;
font-weight: 600;
}
.tbl_fc tbody .list_tit {
top: 28px;
left: 50px;
width: calc(100% - 88px);
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight:700;
font-size:1.6rem
}

.tbl_fc tbody .list_write {
top: 51px;
font-size: 1.3rem;
left: 50px;
width: 190px;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left:30px;
color:#7d7d7d;
}
.tbl_fc tbody .list_file {
position:absolute;right:10px;top:11px;
}
.tbl_fc tbody .list_write:before {
content: "☏ ";
font-size: 1.4rem;
position:absolute;
top:8px;
left:10px;
}
.tbl_fc tbody td .textover {
width: 100%;
}





.srh_bar ul {flex-wrap:wrap;}
.srh_bar ul li {margin:0 0 10px 0}
.bd-w1 {width:50% !important}
.bd-w2 {width:50% !important}
.b_sel {height:50px;font-size:1.6rem;line-height:1.6rem;text-indent:20px;}
.b_sel option {padding:20px}
.b_inp {height:50px !important;font-size:1.6rem;line-height:1.6rem;text-indent:20px;}
.b_inp_icon {top:11px;right:16px;}
}
@media screen and (max-width: 1279px) {
.tbl_bd .textover {width: 500px;}
.tbl_bd th, .tbl_bd td {padding: 10px;}
.tbl_fc .textover {width: 500px;}
.tbl_fc th, .tbl_fc td {padding: 10px;}
}
@media screen and (max-width: 780px) {
.bd-w1 {width:100% !important}
.bd-w2 {width:100% !important}
.tbl_bd th, .tbl_bd td {padding: 10px;}
.tbl_fc th, .tbl_fc td {padding: 10px;}
.adr_row2 {flex-direction:column}
.adr_row2 li {width:100% !important;margin-left:0 !important;}
.adr_row2 li:last-child {width:100% !important;}
.vp_header ul li:first-child {display:none}
.vp_date ul li:first-child {width:auto;font-size:1.3rem}
.adr_row li:first-child {width:65px;}
.adr_row li:nth-child(n+2) {width:75px !important}
.adr_row li:nth-child(n+3) {width:119px !important}
.modal_vc .modal-content .mc_inner {padding:40px 25px;}
.modal_vc .modal-content p span.bg_blck {line-height:2rem;display:inline;}
.mc_inner span {display:inline;}
ul.pop_ul.ex > li > ul.box_set_img:after {content:none;}
.modal_vc .modal-content .page_vw, .modal_vc2 .modal-content .page_vw 
{font-size:1.4rem;padding:0 5px;}
.modal_vc .modal-content .page_vw b, .modal_vc2 .modal-content .page_vw b
{font-size:2rem;}
.file_modal .box_layer .tbl2 th, .file_modal .box_layer .tbl2 td {height:auto !important;font-size:1.2rem;word-break:break-all}
.file_modal .box_layer .tbl2 tr td:first-child {width:40px !important;padding:0;padding:7px 10px} 
.box_layer textarea {font-size:1.3rem;line-height:1.9rem}
.btn_layer {flex-wrap: wrap;}
.close_file {width:100%;background:#000 !important;}
.set_left{width:100%}
.set_right{width:100%;margin-top: 14px;padding-bottom:10px;}
.set_right .btn09 a {color:#fff}
.btSet > label, .btn09 {font-size:1.3rem;}
}
@media all and (max-width:768px) {
 .adr_row > li.lbli > div {
    margin-left: 0;
    height: auto !important;
    width: 65px !important;
    letter-spacing: -1px;
    font-size: 1.1rem !important;
}
.tbl3 td ul.adr_row {flex-wrap:wrap}
.adr_row li:first-child {width:100%;order:-2}
.adr_row li:nth-child(n+2) {width:100% !important;min-width:102px;margin-left:0;}
.adr_row li:nth-child(n+3) {width:100% !important}
.tbl3 td ul.adr_row li:nth-child(4) {order: -1;flex-direction: row-reverse;margin-top: -34px;}
}
@media screen and (max-width: 499px) {
.adr_row {flex-wrap:nowrap;justify-content:space-between;}
.adr_row li .form-control {font-size:1.3rem;letter-spacing:-0.1rem;}
.tbl_bd tbody .list_tit {width: calc(100% - 80px);}
.tbl_bd tbody td {
	font-size:1.5rem;
color: #111;
font-weight: 400;
line-height: 1;
}
.tbl_fc tbody .list_tit {width: calc(100% - 80px);}
.tbl_fc tbody td {
	font-size:1.5rem;
color: #111;
font-weight: 400;
line-height: 1;
}
.btn_submit a {font-size:1.3rem;line-height:1.6rem;padding:23px 10px;display:table-cell;vertical-align:middle}
.btn_print a {font-size:1.3rem;line-height:1.6rem;padding:13px 10px;display:table-cell;vertical-align:middle}
.btn_area {display:flex;justify-content:center}
.btn_area_sg {display:inline-flex;justify-content:center}
.btn_submit a {padding:0;}
.btn02 {width:auto;min-width:88px !important}
.btn_print a {padding:0;}
.aPrp {padding:12px 4px;min-width:auto;display:table;letter-spacing:-0.1rem;margin-left:1px;margin-right:1px;}
#myModal h4 {font-size:1.3rem;line-height:1.8rem;font-weight:500;padding-top:16px;letter-spacing:-0.1rem}
#myModal h4:nth-child(n+3) {padding-top:10px !important;}
.modal-content h3 {font-size:1.8rem;}
.modal-today-close {font-size:1.3rem;}


#myModal .h2_ttl {font-size:1.3rem;line-height:2rem;word-break:break-all}
.modal_vc2 .modal-content .mc_inner .h2_ttl {line-height:1.7rem !important}
ul[class^="pop_ul"] li > ul {margin-left:-18px;padding:12px 10px;}
ul[class^="pop_ul"] li > ul > li > ul {padding-left:0;margin-left:0}
ul[class^="pop_ul"] li > ul > li > ul > li {padding-left:0;}
ul.pop_ul.ex > li > ul {margin-left:0px;}
.chkbox_all label {font-size:1.3rem}
.user_box {width:88%}
.user_box span {line-height:2.6rem;}
.conts01 strong {font-weight: 600;}
.conts01 > h4 ~ span {padding:0 5px;letter-spacing:-0.05rem;line-height:2rem}
.identification_box {width:90%}
.basic_box h3 ~ .list_radio {margin-top:-13px;margin-bottom:7px;}
.basic_box h3 ~ .list_radio li {font-weight:300}
.conts .column > .basic_box {padding:25px 20px 0 20px}
.alert_box h2 {font-size:1.7rem;line-height:2.3rem;}
.adr_row {flex-direction:column}
.adr_row li {width:100%}
.basic_box > h3 {font-size:1.4rem}
.th-60 td, .th-60 th {height:45px !important}
.modal_vc .modal-content {width:90%}
.modal_vc .modal-content h3 {font-size:2.7rem;line-height:3rem;width:80%;margin:0 auto;}
.modal_vc .modal-content p {font-size:1.4rem;line-height:2.2rem;display:block;text-align:left;}
.modal_vc .modal-content .close, .modal_vc2 .modal-content .close {top:9px;width:28px;height:28px;line-height:2.3rem;font-size:3.2rem;}
.modal_vc .modal-content p em {display:block !important;}
.mc_sbm img {width:120px;}
.board-pagi .pagination {box-shadow:inherit;}
.board-pagi .pagination li:first-child {margin-left:0;width:26px;border: 1px solid #606060;position: absolute;top: -14px;left:50%;transform: translateX(-50%);margin-left:-52px;margin-top:10px;}
.board-pagi .pagination li:nth-child(2) {width: 26px;border: 1px solid #606060;position: absolute;top: -14px;left: 50%;transform: translateX(-50%);margin-left:-21px;margin-top:10px;}
.board-pagi .pagination li:last-child {margin-right: 0;width: 26px;border: 1px solid #606060;position: absolute;top: -14px;left: 50%;transform: translateX(-50%);margin-left:52px;margin-top:10px;}
.board-pagi .pagination li:nth-last-child(2) {margin-left: 10px;border: 1px solid #606060;position: absolute;top: -14px;left: 50%;transform: translateX(-50%);width: 26px;margin-left:21px;margin-top:10px;}
.board-pagi .pagination li {width:26px;margin-top:20px;}
.board-pagi .pagination a {width:25px;height:26px;line-height:26px;}
.board-pagi.mt-40 {margin-top:20px !important}
.board_file {font-size:1.2rem;margin-top:0;}
.tbl7 td, .tbl7 th {font-size:1.2rem;letter-spacing:-0.1rem;}
.tbl7 th i {display:block;line-height:1rem}
.pop_tab ul li {font-size:1.2rem;line-height:1.4rem}
.pop_tab ul li.active:after {width:8px;height:8px;top:-4px;}
.tbl3 th i.lnbr {display:block}
}
