.visual_sec{display:flex;justify-content:center;align-items:center;height:25rem;background:url('../images/sub/s1_visual.jpg') no-repeat center /cover}
.visual_sec h2{font-size:2.25rem;color:#fff;padding:3.75rem 1rem 0;text-align:center}
@media all and (max-width:640px){
	.visual_sec{height:20rem}
	.visual_sec h2{padding-top:3rem}
}
.visual_sec.s0101{background:url('../images/sub/s0101_visual.jpg') no-repeat center /cover}
.visual_sec.s0102{background:url('../images/sub/s0102_visual.jpg') no-repeat center /cover}
.visual_sec.s02{background:url('../images/sub/s0202_visual.jpg') no-repeat center /cover}
.visual_sec.s0201{background:url('../images/sub/s0201_visual.jpg') no-repeat center /cover}
.visual_sec.s0202{background:url('../images/sub/s0202_visual.jpg') no-repeat center /cover}
.visual_sec.s0301{background:url('../images/sub/s03_visual.jpg') no-repeat center /cover}
.visual_sec.s0302{background:url('../images/sub/s03_visual.jpg') no-repeat center /cover}
.visual_sec.s0401{background:url('../images/sub/s04_visual.jpg') no-repeat center /cover}
.visual_sec.s0402{background:url('../images/sub/s04_visual.jpg') no-repeat center /cover}
.visual_sec.s05{background:url('../images/sub/s05_visual.jpg') no-repeat center /cover}

.menu_sec{background:#e7e6e6;}
.menu_sec dl{display:flex;gap:1px 0;flex-wrap:wrap}
.menu_sec dd{flex:1 1 170px;text-align:center;}
.menu_sec dd:nth-child(2n){background:rgba(255,255,255,0.2)}
.menu_sec dd a{display:block;line-height:5rem;font-size:1.38rem;font-weight:600;white-space:nowrap}
.menu_sec dd.on a{background:var(--main-color);color:#fff}
@media all and (max-width:640px){
	.menu_sec .container{padding:0}
	.menu_sec dd a{line-height:4rem;font-size:1.25rem;}
}



/*contents*/
.contents{padding:3rem 0 10rem}
.contents .container{padding:0 6.25rem}
.contents section{font-size:1.25rem}
.inner_con{width:94%;margin:0 auto}
.spacer{height:1px}
.spacer50{height:50px}
.spacer100{height:100px}

.-hot{color:#cc0000}
.-blue{color:#4277c5}
.-big{font-size:1.1em}

@media all and (max-width:1024px){
	.contents .container{padding:0 15px}
	.inner_con{width:100%}
	.spacer50{height:25px}
	.spacer100{height:50px}
}

/*그누보드 폰트조절*/
.contents.gnu,
.contents.gnu section{font-size:0.88rem}

@media all and (max-width:1024px){
	.contents .container{padding:0 15px}
}

.h3_tit{margin:2.25rem 0}
.h3_tit .tit{font-size:1.63rem;color:var(--tit-color)}

.h4_tit{font-size:1.5rem;margin:3rem 0 1.5rem;color:var(--tit-color);font-weight:500}
.h5_tit{font-size:1.5rem;margin:1.5rem 0 1rem;color:var(--tit-color);font-weight:500}

p.desc{;margin:1.5rem 0;color:#555}

.s_table{width:100%;border-collapse: collapse;margin:1rem 0}
.s_table tr{background:#e8eef7}
.s_table tr:nth-child(2n+1){background:#cbdaef}	
.s_table td{padding:2rem 2rem;border:1px solid #fff;line-height:1.6}
.s_table th{padding:2rem 2rem;background:#4177c5;color:#fff;font-size:1.38rem;border:1px solid #fff;border-bottom:4px solid #fff;font-weight:500}


.s_table tr.bg-dark td{background:#555;color:#fff;padding-top:3rem;padding-bottom:3rem}

.s_table.col1_center td:nth-child(1){text-align:center}
.s_table.col2_center td:nth-child(2){text-align:center}
.s_table.td_top td{vertical-align: top}
.s_table ul{margin:0.63rem 0}	
.s_table ul li{text-indent:-10px;padding-left:10px}

@media all and (max-width:640px){
	.s_table th,
	.s_table td{padding:1rem 1rem}

}

.md_list{}
.md_list li{margin:5px 0;padding-left:10px;text-indent:-10px;margin:1rem 0}
.md_list li:before{content:'';display:inline-block;width:8px;height:8px;background:#000;border-radius:50%;vertical-align:middle;margin-right:10px}




.s_list dt{background:#4177c5;color:#fff;font-size:1.38rem;border-bottom:1px solid #fff;padding:1.2rem 2.5rem;font-weight:600}
.s_list dd{background:#cbdaef;padding:2rem 2.5rem;}
.s_list ul{display:flex;flex-direction: column;max-height:250px;flex-wrap:wrap}
.s_list li{width:33.33%;margin:0.63rem 0}

@media all and (max-width:860px){
	.s_list ul{max-height:none}
	.s_list li{width:100%}
}



/*s0101*/
.s0101_sec ul{}
.s0101_sec li{display:flex;gap:1.25rem;margin:0.63rem 0}
.s0101_sec li .date{color:var(--tit-color);white-space:nowrap}



/*s0102*/
.s0102_sec .map{max-width:80%;margin:4rem auto}
.s0102_sec .map iframe{width:100% !important;height:30rem !important;}
.s0102_sec .logo{margin:3rem 0}
.s0102_sec .address{display:flex;justify-content:center;margin:3rem 0;font-size:1.63rem}
.s0102_sec .address .box{display:flex;border:2px solid var(--main-color)}
.s0102_sec .address .box strong{display:block;background:var(--main-color);padding:1rem 3rem;;color:#fff}
.s0102_sec .address .box p{padding:1rem 3rem}
@media all and (max-width:840px){
	.s0102_sec .map{max-width:100%;}
	.s0102_sec .address .box{flex-direction: column;}	
}


/*s0201*/
.s0201_sec{}
.s0201_sec .law_con{}
.s0201_sec .law_con dt{color:var(--tit-color);margin:3rem 0 1rem;font-weight:600}
.s0201_sec .law_con dd{margin:1rem 0;padding-left:1.5rem}
.s0201_sec .law_con li{margin:1rem 0}
.s0201_sec .law_con li ul{padding-left:1.5rem;padding-bottom:0.63rem}




/*s0201*/
	.s0201_sec{}
	.s0201_sec .slogan{}
	.s0201_sec .box{border:4px solid var(--tit-color);margin:2rem 0;padding:1rem;text-align:center}
	.s0201_sec .list li{display:flex;border:2px solid var(--tit-color);margin:10px 0}
	.s0201_sec .list li .tit{display:flex;;justify-content:center;align-items:center; width:200px;background:var(--tit-color);color:#fff;font-size:1.38rem}
	.s0201_sec .list li .desc{padding:1rem 2rem}
	.s0201_sec .list li .desc b{color:var(--tit-color);font-weight:500}


/*s0202*/
.s0202_sec1 .list{}
.s0202_sec1 .list li{margin:5px 0;padding-left:10px;text-indent:-10px}
.s0202_sec1 .list li:before{content:'';display:inline-block;width:8px;height:8px;background:#000;border-radius:50%;vertical-align:middle;margin-right:10px}

.s0202_sec1 .thumb_banner{display:flex;gap:10%;margin:3rem auto;align-items:center}
.s0202_sec1 .thumb_banner .thumb{flex:1;text-align:center}
.s0202_sec1 .thumb_banner .info{flex:1;}
.s0202_sec1 .thumb_banner .info .desc{}
.s0202_sec1 .thumb_banner .info .box{background:var(--main-color-light);color:#fff;padding:1.5rem;margin:2rem 0}
@media all and (max-width:860px){
	.s0202_sec1 .thumb_banner{flex-direction:column}
}

.s0202_sec1 .list_banner{display:flex;gap:1rem;}
.s0202_sec1 .list_banner li{flex:1;border:1px solid var(--main-color-light);text-align:center}
.s0202_sec1 .list_banner li .tit{display:flex;justify-content:center;align-items:center; background:var(--main-color-light);color:#fff;height:5rem;line-height:1.2;padding:0 10px;word-break:keep-all}		
.s0202_sec1 .list_banner li .info{padding:1rem 0}
.s0202_sec1 .list_banner li .info .thumb{display:flex;justify-content: center;align-items:center; height:12rem;padding:1rem 0}
.s0202_sec1 .list_banner li .info .grade{padding:0.5rem 0}

@media all and (max-width:860px){
	.s0202_sec1 .list_banner{flex-wrap:wrap}
	.s0202_sec1 .list_banner li{flex:none;width:calc((100% - 1rem)/2)}
	.s0202_sec1 .list_banner li .info .thumb img{max-height:100%;}
}


.s0202_sec2 .thumb_banner{display:flex;gap:10%;align-items:center; margin:3rem auto;}
.s0202_sec2 .thumb_banner .thumb{flex:1;text-align:center}
.s0202_sec2 .thumb_banner .table{flex:1.2}

@media all and (max-width:860px){
	.s0202_sec2 .thumb_banner{flex-direction: column}
}

.s0202_sec3 .inner_con{display:flex;gap:2rem;flex-wrap:wrap;}
.s0202_sec3 .inner_con .list{width:calc((100% - 2rem)/2);border:2px solid var(--tit-color)}
.s0202_sec3 .inner_con .list dt{padding:1rem ;background:var(--tit-color);text-align:center;color:#fff;font-size:1.38rem}
.s0202_sec3 .inner_con .list dd{padding:4rem}
.s0202_sec3 .inner_con .list li{margin:5px 0}
@media all and (max-width:860px){
.s0202_sec3 .inner_con .list{width:100%}
}


/*03*/
.process_con{margin:0 2rem}
.process_con ul{display:flex;gap:3rem 2rem;line-height:1.2;flex-wrap:wrap}
.process_con li{width:calc((100% - 2rem * 2)/3);display:flex;flex-direction: column;position:relative;background:var(--main-color-light);color:#fff;text-align:center;padding:1.5rem;word-break: keep-all}
.process_con li .num{display:block;width:4.38rem;height:4.38rem;line-height:4rem;background:#fff;color:var(--main-color-light);font-size:3rem;font-weight:800}
.process_con li .picto{position:relative;max-width:40%;margin:0 auto}
.process_con li .tit{font-size:2rem;font-weight:700;min-height:5rem;margin:1rem 0;}
.process_con li .desc{font-size:1.6rem;min-height:5rem;margin:1rem 0}
.process_con li .add{font-size:1.25rem;opacity:0.8}
@media all and (max-width:1200px){
	.process_con{margin:0}	
	.process_con ul{gap:3rem 1.5rem;}
	.process_con li{width:calc((100% - 1.5rem * 2)/3)}
}
@media all and (max-width:1024px){
	.process_con ul{gap:3rem 1rem;}
	.process_con li{width:calc((100% - 1rem * 1)/2)}
}

@media all and (max-width:640px){
	.process_con li{width:100%}
	.process_con li .picto{max-width:80px;top:-1rem}
	.process_con li .tit,
	.process_con li .desc{min-height:auto}
}




/*s0402*/
.s0402_sec{}
.s0402_sec .prd_list{text-align:center}
.s0402_sec .prd_list ul{display:flex;gap:2.5rem 4rem;flex-wrap:wrap}
.s0402_sec .prd_list li{width:calc((100% - 4rem * 2)/3)}
.s0402_sec .prd_list li .cate{line-height:3rem;background:var(--tit-color);color:#fff}
.s0402_sec .prd_list li .thumb{border:1px solid var(--tit-color)}
.s0402_sec .prd_list li .info{margin:1.5rem 0}
.s0402_sec .prd_list li .info .name{font-size:1.44rem;color:var(--tit-color);font-weight:500}
.s0402_sec .prd_list li .info .desc{font-size:1.25rem;margin:1rem 0}
@media all and (max-width:1400px){
	.s0402_sec{max-width:100%}
	.s0402_sec .prd_list ul{display:flex;gap:2.5rem 2.5rem;flex-wrap:wrap}
	.s0402_sec .prd_list li{width:calc((100% - 2.5rem * 2)/3)}
}
@media all and (max-width:1024px){
	.s0402_sec .prd_list li{width:calc((100% - 2.5rem * 1)/2)}
}
@media all and (max-width:640px){
	.s0402_sec .prd_list li{width:100%}
}