@charset "utf-8";

.mgt0 {margin-top:0 !important;}

/*common*/
.bija {max-width:2560px;margin:0 auto;text-align:center;}
.bija .inner {max-width:1020px;margin:0 auto;}
.border-radius5 {-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.border-radius5-right {-webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;-ms-border-top-right-radius:5px;-o-border-top-right-radius:5px;border-top-right-radius:5px;}
.border-radius5-left {-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;-ms-border-top-left-radius:5px;-o-border-top-left-radius:5px;border-top-left-radius:5px;}
.f_rb {font-family:'Roboto',sans-serif !important;}
.f_gl {font-family:돋움,Dotum,굴림,Gulim,sans-serif !important;}
.bija .page {padding:120px 0;}

/*visual*/
.visualWrap {position:relative;padding-bottom:160px;background:#70c5cb url('images/visual.jpg');background-repeat:no-repeat;background-position:center top;}
.visualWrap .txtBox {padding:110px 0 875px;font-size:31px;}
.visualWrap .txtBox .tit {color:#094160;letter-spacing:-1.5px;}
.visualWrap .txtBox .tit strong {display:block;margin:20px 0 25px;font-size:65px;}
.visualWrap .txtBox .txt {font-size:36px;font-weight:bold;color:#007a88;}
.visualWrap .youtubeBox {position:relative;width:1019px;height:573px;margin:0 auto;box-shadow:0 11px 22px 0 rgba(100,136,138,0.41);}
.visualWrap .youtubeBox iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.subTit {margin-bottom:75px}

/* section01 */
.section01 {background-color:#d6e7e9}
.section01 .box {position:relative;margin-top:75px;*zoom:1;}
.section01 .box:after {content:'';display:block;clear:both;}
.section01 .box .imgBox {float:right;}
.section01 .box .txtBox {position:absolute;top:50%;left:0;width:625px;font-size:20px;line-height:1.5;color:#444;text-align:left;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);} 
.section01 .box .txtBox dl dt {margin:50px 0 15px;font-size:22px;font-weight:bold;}
.section01 .box .txtBox dl dt:first-child {margin-top:0;}
.section01 .box .txtBox dl dd {letter-spacing:-1px;}

.section02 {background:url('images_my/sec02_bg.jpg') no-repeat 0 0 / cover}
.section02 .pdtList {font-size:0;}
.section02 .pdtList li {display:inline-block;width:320px;text-align:left;}
.section02 .pdtList li .box {display:inline-block;}
.section02 .pdtList li .box .pdt_img {}
.section02 .pdtList li.sm .box .pdt_img {margin-left:-40px;}
.section02 .pdtList li .box .pdt_txt {padding-left:10px;margin-top:40px;border-left:1px solid #6bc3cd;}
.section02 .pdtList li .box .pdt_txt .tit {margin-bottom:15px;font-size:22px;font-weight:bold;color:#088f9f;}
.section02 .pdtList li .box .pdt_txt .txt {font-size:18px;line-height:1.5;color:#444;}
.section02 .btnWrap {width:326px;height:61px;margin:60px auto 0;background-color:#044c61}
.section02 .btnWrap a {display:block;}
.section02 .btnWrap a span {display:inline-block;padding-right:25px;margin-top:20px;background:url('images/btnArrow.png') no-repeat right center}

.section03 {background:#d0eff1;}
.section03 .pdtBox {margin-top:40px;background-color:#fff;box-shadow:0 5px 13px 0 rgba(96,124,143,0.17);}
.section03 .pdtBox .pdtBox_tit {overflow:hidden;position:relative;height:calc(147px - 36px);padding-top:36px;z-index:1;font-size:20px;color:#fff;background-color:#009db4}
.section03 .pdtBox .pdtBox_tit:after {content:'';position:absolute;top:6px;left:6px;width:calc(100% - 14px);height:100%;border:1px solid #66c6d3;border-bottom:0;
	-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;
}
.section03 .pdtBox .pdtBox_tit strong {display:block;margin-bottom:15px;font-size:34px;}
.section03 .pdtBox_con {overflow:hidden;position:relative;padding:66px 0;z-index:2;}
.section03 .pdtBox_con:after {content:'';position:absolute;bottom:6px;left:6px;width:calc(100% - 14px);height:100%;border:1px solid #d0f1f3;border-top:0;
	-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;
}

.section03 .pdtBox_con ul {padding:40px 0;margin:0 60px;border-top:1px dashed #d1e0e2;font-size:0;}
.section03 .pdtBox_con ul:first-child {padding-top:0;border-top:0;}
.section03 .pdtBox_con ul:last-child {padding-bottom:0;}
.section03 .pdtBox_con ul li {display:inline-block;font-size:18px;color:#333;}
.section03 .pdtBox_con ul.type3 li {width:33.33%;}
.section03 .pdtBox_con ul.type4 li {width:25%;}
.section03 .pdtBox_con ul.type4.sizing li:nth-child(2) {width:17%;}
.section03 .pdtBox_con ul.type4.sizing li:nth-child(3) {width:33%;}
.section03 .pdtBox_con ul.type4:nth-child(2) li:nth-child(3) {width:35%;margin-left:2%;}
.section03 .pdtBox_con ul.type4:nth-child(2) li:nth-child(4) {width:20%;}
.section03 .pdtBox_con ul li .name {margin:10px 0 6px;font-weight:bold;color:#187586;}

.section04 {background-color:#bbe2e7}
.section04 .spacialBox {padding:8px;background-color:#ddf0f1;box-shadow:0 5px 13px 0 rgba(108,161,168,0.16);}
.section04 .spacialBox ul {padding:60px 50px;border:1px solid #bbe2e7;}
.section04 .spacialBox ul li {margin-top:86px;}
.section04 .spacialBox ul li:first-child {margin-top:0;}
.section04 .spacialBox ul li .t {margin-bottom:60px;}
.section04 .spacialBox ul li .pdt_img {}
.section04 .spacialBox ul li .txtBox {padding:40px 10px;margin-top:40px;background:#eef8f8 url('images_my/sec04_txtBox_bg.gif') no-repeat left top;line-height:1.6;}
.section04 .spacialBox ul li .txtBox .txt1 {font-size:20px;color:#333;}
.section04 .spacialBox ul li .txtBox .txt2 {margin-top:16px;font-size:18px;color:#666;}
.section04 .ft_txt {margin-top:45px;font-size:18px;font-style:italic;color:#337b7e;}

@media screen and (max-width:1024px){
	.bija .page {padding:8% 5%}

	.visualWrap {padding:0 5% 10%;background-size:1280px auto;}
	.visualWrap .txtBox {padding:50px 0 430px 0;font-size:20px;}
	.visualWrap .txtBox .tit strong {width:252px;margin:10px auto 15px;font-size:30px;}
	.visualWrap .txtBox .txt {font-size:22px;}
	.visualWrap .youtubeBox {width:99%;height:auto;padding-top:55.8%;}

	.section01 .box .imgBox {width:45%;}
	.section01 .box .txtBox {width:50%;font-size:1.8vw;}
	.section01 .box .txtBox dl dt {margin:7% 0 3%;}
	.section01 .box .txtBox dl dd br {display:none}

	.section02 .pdtList li {width:33%;}
	.section02 .pdtList li .box .pdt_txt .tit {font-size:2.2vw;}
	.section02 .pdtList li .box .pdt_txt .txt {font-size:1.8vw;}
	
	.section03 .pdtBox_con {padding:6% 0;}
	.section03 .pdtBox_con ul {padding:7% 0;margin:0 5%;}
}

@media screen and (max-width:768px){
	.visualWrap {padding:0 5% 10%;background-size:820px auto;}
	.visualWrap .txtBox {padding:25px 0 280px 0;font-size:16px;}
	.visualWrap .txtBox .tit strong {width:180px;margin-bottom:7px;font-size:20px;}
	.visualWrap .txtBox .txt {font-size:16px;}
		
	.subTit {width:300px;margin:0 auto 8%;}

	.section01 .box {margin-top:7%;}
	.section01 .box .imgBox {display:block;float:none;width:auto;}
	.section01 .box .txtBox {display:inline-block;position:inherit;top:inherit;width:auto;max-width:390px;margin-top:5%;
		-moz-transform:inherit;-webkit-transform:inherit;transform:inherit;
	}
	.section01 .box .txtBox dl dt {font-size:18px;}
	.section01 .box .txtBox dl dd {font-size:14px;}

	.section02 .pdtList li {display:block;width:180px;margin:50px auto 0;text-align:center;}
	.section02 .pdtList li:nth-child(3) {width:270px;}
	.section02 .pdtList li:nth-child(3) .box .pdt_img {margin-left:40px}
	.section02 .pdtList li.sm .box .pdt_img {margin:0;}
	.section02 .pdtList li .box .pdt_txt {max-width:180px;padding-top:15px;margin:15px auto 0;border:0;border-top:1px solid #6bc3cd}
	.section02 .pdtList li .box .pdt_txt .tit {margin-bottom:7px;font-size:18px;}
	.section02 .pdtList li .box .pdt_txt .txt {font-size:14px;}
	.section02 .btnWrap {width:183px;height:38px;margin-top:30px;}
	.section02 .btnWrap a span {margin-top:12px;background-size:7px 12px}
	.section02 .btnWrap a span > img {width:100px;}

	.section03 .pdtBox .pdtBox_tit {height:auto;padding:25px 10px;font-size:16px;}
	.section03 .pdtBox .pdtBox_tit strong {margin-bottom:7px;font-size:20px;}
	.section03 .pdtBox_con ul li {width:50% !important;margin:0;font-size:13px;}
	.section03 .pdtBox_con ul li .pdt_img {padding:0 5%;}
	.section03 .pdtBox_con ul.type4.sizing li:nth-child(3) {width:55% !important;margin-left:0;}
	.section03 .pdtBox_con ul.type4.sizing li:nth-child(4) {width:45% !important;}

	.section04 .spacialBox {padding:4px;}
	.section04 .spacialBox ul {padding:8% 3%}
	.section04 .spacialBox ul li {margin-top:12%;}
	.section04 .spacialBox ul li .t {}
	.section04 .spacialBox ul li:first-child .t {max-width:400px;margin:0 auto 35px;}
	.section04 .spacialBox ul li:nth-child(2) .t {max-width:330px;margin:0 auto 35px;}
	.section04 .spacialBox ul li .txtBox {padding:20px;margin-top:25px;}
	.section04 .spacialBox ul li .txtBox .txt1 {font-size:13px;}
	.section04 .spacialBox ul li .txtBox .txt2 {font-size:12px;}
	.section04 .ft_txt {margin-top:5%;font-size:13px;}
}

@media screen and (max-width:480px){
	.subTit {width:245px;}

	.section03 .pdtBox .pdtBox_tit {font-size:14px;}

	.section04 .spacialBox ul li .txtBox .txt1 > br {display:none}
}