/*공통 탑박스*/
.com_top_box {text-align:center;}
.com_top_box .sub_tit{margin:0;padding-bottom:60px;margin-bottom:30px;}
.com_top_box .sub_tit:after{width:29px;height:30px;background:url("/thema/Basic/img/sub_tit_ico.png") no-repeat center / contain;}
.com_top_box p.sub_desc{word-break:keep-all;letter-spacing:-1px;}
.com_top_box small.sub_desc{margin-bottom:15px;font-weight:700;}
.com_top_box .sub_desc b{text-decoration:underline;text-underline-position: under;}
.com_top_box .back_box{max-width:1600px;height:500px;margin:0 auto 120px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;}
.com_top_box .back01{background-image:url("/thema/Basic/img/com_top_box_back01.jpg");}
.com_top_box .back02{background-image:url("/thema/Basic/img/com_top_box_back02.jpg");}
.com_top_box .back03{background-image:url("/thema/Basic/img/com_top_box_back03.jpg");}
.com_top_box .back04{background-image:url("/thema/Basic/img/com_top_box_back04.jpg");}
.com_top_box .back05{background-image:url("/thema/Basic/img/com_top_box_back05.jpg");}
.com_top_box .back06{background-image:url("/thema/Basic/img/com_top_box_back06.jpg");}
.com_top_box .back09{background-image:url("/thema/Basic/img/com_top_box_back09.jpg");}
.com_top_box .back_box b{font-size:45px;line-height:100%;color:rgba(255,255,255,0.18);font-weight:900;line-height:100%;position:absolute;bottom:20px;right:12.5%;}

/*공통 박스 레이아웃*/
.com_box01 > div{ float:left; }
.com_box01 > div.tit_box{ width:35%; padding-right:20px; }
.com_box01 > div.content_box{ width:65%;}
.com_box01 > div.content_box > strong{font-size:22px;display:block;line-height:140%;margin-bottom:20px;}
.com_box01 > div.content_box > img{width:100%;border:1px solid #ddd;}

/*공통 그리드*/
.grid_list.grid3 li{width:calc(33.3333% -  13.4px); margin-right:20px;margin-top:30px;}
.grid_list.grid3 li:nth-child(3n+3){margin-right:0;}
.grid_list.grid3 li:nth-child(-n+3){margin-top:0;}
.grid_list.grid3 li:nth-child(3n+1){clear:both;}

.grid_list.grid2 li{ width:calc(50% - 10px); margin-right:20px; margin-top:20px;}
.grid_list.grid2 li:nth-child(2n+2){ margin-right:0;}
.grid_list.grid2 li:nth-child(-n+2){ margin-top:0;}
.grid_list.grid2 li:nth-child(2n+1){ clear:both;}

/*공통 리스트01*/
.com_list01{ counter-reset:list01; }
.com_list01 > li{ position:relative;  border:1px solid #ddd;margin-bottom:20px; font-size:16px; line-height:160%; padding:25px 25px 25px 80px;}
.com_list01 > li:last-child{ margin-bottom:0px; }
.com_list01 > li:before{ content:"0" counter(list01);  counter-increment: list01; position:absolute; top:26px; left:30px;  font-size:18px; color:#00a1ea; font-weight:700;}

.com_list01 .dot_list{ margin-top:10px; }

/*공통 리스트02*/
.com_list02 li{float:left;}
.com_list02 li img{width:100%;border:1px solid #ddd;}
.com_list02 li strong{display:block;font-size:16px;text-align:center;font-weight:400;margin-top:20px;}

/*도트 리스트*/
.list_dot li{font-size:16px;line-height:160%;position:relative;padding-left:15px;letter-spacing:-1px;}
.list_dot li:after{content:"";width:4px;height:4px;background:#00a0e9;border-radius:100%;position:absolute;top:9px;left:0;}


@media all and (max-width:1230px){
	/*공통 탑박스*/
	.com_top_box .back_box b{right:15px;}
}

@media all and (max-width:1024px){
	/*공통 탑박스*/
	.com_top_box .sub_tit{padding-bottom:40px;margin-bottom:20px;}
	.com_top_box .sub_tit:after{width:17px;height:18px;}
	.com_top_box .back_box{height:400px;margin:0 auto 80px;}
	.com_top_box .back_box b{font-size:25px;bottom:15px;right:15px;}

	/*공통 박스 레이아웃*/
	.com_box01 > div.tit_box{  padding-right:10px; }

	/*공통 리스트01*/
	.com_list01 > li{ padding:10px 20px; padding-left:55px; margin-bottom:10px; font-size:14px; }
	.com_list01 > li:before{ top:10px; left:20px;  font-size:16px; }
	
	/*공통 리스트02*/
	.com_list02 li strong{font-size:14px;margin-top:15px;}

	/*도트 리스트*/
	.list_dot li{font-size:14px;}
	.list_dot li:after{top:8px;}
}
@media all and (max-width:768px){
	/*공통 탑박스*/
	.com_top_box .back_box{height:300px;margin:0 auto 60px;}
	.com_top_box .sub_desc br{display:none;}

	/*공통 박스 레이아웃*/
	.com_box01 > div.tit_box{ width:100%; padding-right:0px; }
	.com_box01 > div.content_box{ width:100%; margin-top:20px; }
}

@media all and (max-width:480px){
	/*공통 그리드*/
	.grid_list.grid3 li{width:calc(50% -  7.5px); margin-right:15px;margin-top:20px;}
	.grid_list.grid3 li:nth-child(3n+3){margin-right:15px;}
	.grid_list.grid3 li:nth-child(-n+3){margin-top:20px;}
	.grid_list.grid3 li:nth-child(3n+1){clear:none;}
	.grid_list.grid3 li:nth-child(2n+2){margin-right:0;}
	.grid_list.grid3 li:nth-child(-n+2){margin-top:0;}
	.grid_list.grid3 li:nth-child(2n+1){clear:none;}

	.grid_list.grid2 li{ width:100%; margin-right:0; margin-right:0; margin-top:15px; }
	.grid_list.grid2 li:nth-child(2n+2){ margin-right:0;}
	.grid_list.grid2 li:nth-child(-n+2){ margin-top:15px;}
	.grid_list.grid2 li:nth-child(-n+1){ margin-top:0;}
	.grid_list.grid2 li:nth-child(2n+1){ clear:none;}
}