/* ±³°ú¾È³»  */
.listBox1 {position: relative; border: 1px solid #dad8d9; border-top: 1px solid #037cc2; margin-top: 0.5rem;}
.listBox1:before {position: absolute; top: 0; left: -1px; width: 1px; height: 7.5rem; background: #037cc2; content: "";}
.listBox1 > li {display: table; padding: 2rem 0; width: 100%;}
.listBox1 > li + li {border-top: 1px solid #dad8d9;}
.listBox1 > li > .img {display: table-cell; padding: 0 2em; width: 10rem;}
.listBox1 > li > .img > span {display: block; text-align: center; background: #ffffff;}
.listBox1 > li > .txt {display: table-cell; padding: 0 2em; width: calc(100% - 18rem); vertical-align: middle;}
.listBox1 > li > .txt > [class^="tit"]:first-child {margin-top: 0;}

/* ½Ç½À¾È³»  */
.listBox2 {position: relative; border: 1px solid #dad8d9; border-top: 1px solid #037cc2; margin-top: 0.5rem;}
.listBox2:before {position: absolute; top: 0; left: -1px; width: 1px; height: 7.5rem; background: #037cc2; content: "";}
.listBox2 > li {display: table; padding: 1rem 0; width: 100%;}
.listBox2 > li + li {border-top: 1px solid #dad8d9;}
.listBox2 > li > .img {display: table-cell; padding: 0 2em; width: 15rem;}
.listBox2 > li > .img > span {display: block; text-align: center; background: #ffffff;}
.listBox2 > li > .txt {display: table-cell; padding: 0 2em; width: calc(100% - 18rem); vertical-align: middle;}
.listBox2 > li > .txt > [class^="tit"]:first-child {margin-top: 0;}

/* ½Ã¼³º¸±â  */
.center_box {overflow:hidden;}
.center_box dl {width:18%; margin-right:2%; float:left; position:relative; padding:0.4rem 0rem; border:1px solid #d2d2d2; margin-top:1rem !important; text-align:center;}
.center_box dl:nth-of-type(5n) {margin-right:0;}
.center_box dl:before {content:""; position:absolute; left:0; top:0; width:10%; height:10%; max-width:8rem; max-height:8rem; border-top:1px solid #0083cb; border-left:1px solid #0083cb; z-index:1;}
.center_box dt {width:100%; color:#fff; margin-bottom:0.4rem; font-weight:bold; position:relative; z-index:1;}
.center_box dt img {width:150px; height:100px !important;}
.center_box dl dd {font-size:0.85rem; font-weight:bold; padding:0 0 0.3rem; position:relative; z-index:1; height: 55px;}

@media screen and (max-width:1200px) {
	.center_box dl {width:32%; margin-right:2%;}
	.center_box dl:nth-of-type(5n) {margin-right:2%;}
	.center_box dl:nth-of-type(3n) {margin-right:0;}
	.center_box dl:nth-of-type(4n), .center_box dl:nth-of-type(5n){margin-top:1rem !important;}
}

@media screen and (max-width:768px) {
	.center_box dl {padding:0.5rem;}
	.center_box dl dd {height: 75px;}
}

@media screen and (max-width:480px) {
	.center_box dl {width:49%; margin-right:2%;}
	.center_box dl:nth-of-type(3n) {margin-right:2%;}
	.center_box dl:nth-of-type(2n) {margin-right:0;}
	.center_box dl:nth-of-type(3n) {margin-top:1rem !important;}
	.center_box dl dd {height: 75px;}
}

/* ¼ö¾÷µ¿¿µ»ó  */
.video_box {overflow:hidden; }
.video_box dl { float:left; width:30%; margin:.4rem; }
.video_box dl dd.tit { background:#e7f1ff; border: 1px dashed #1963d1; margin:.5rem 0 0; padding:1.3rem; border-radius:1rem; color:#000; text-align:center; font-weight:600; font-size: 0.9rem; transition: background 0.3s ease-in-out;}
.video_box dl a {display:block;}
.video_box dl a:hover dd {background: #1963d1; color:#fff;}


@media screen and (max-width:580px){ 
	
	/* ¼ö¾÷µ¿¿µ»ó  */
	.video_box dl { width:100%; margin:2% 0;}
	
}