@charset "utf-8;"


/*main common*/

.section04.s03 {width:100%;min-width:1180px;
		  font-family: 'Noto Sans KR', sans-serif;
		  }
.section04.s03 .row2 {position:relative; height:100%; margin:0 auto 0 auto;}

@media all and (min-width:1681px) {
/*ì •ë ¬*/
.section04.s03 {overflow:hidden;}
/*end*/
.section04.s03 dl.lay{background:#ea6820; padding:10% 0 20% 0;}
.section04.s03 dl.lay dt.l {width:40%; height:100%;}
.section04.s03 dl.lay dt.l .tit_box {float:right; width:60%; color:#fff;position:relative;vertical-align:top;}
.section04.s03 dl.lay dt.l .tit_box h1{font-size:4em;text-align:left;margin-bottom:20px;}
.section04.s03 dl.lay dt.l .tit_box span{display:block; 
		  font-family: 'Noto Sans KR', sans-serif; color:#fff; font-size:1.9em; line-height:32px;text-align:left;}
.section04.s03 dl.lay dd.r{position:absolute;right:0; top:0; width:60%; height:100%;}
.section04.s03 dl.lay dd.r ul.img_list {height:100%}
.section04.s03 dl.lay dd.r ul.img_list {clear:both; display:block;}
.section04.s03 dl.lay dd.r ul.img_list li{position:relative; float:left;width:33.33334%; height:100%;}
.section04.s03 dl.lay dd.r ul.img_list li.cont1{background: url('../img/sec3_img01.jpg') no-repeat left top; background-size:cover;}
.section04.s03 dl.lay dd.r ul.img_list li.cont2{background: url('../img/sec3_img02.jpg') no-repeat left top; background-size:cover;}
.section04.s03 dl.lay dd.r ul.img_list li.cont3{background: url('../img/sec3_img03.jpg') no-repeat left top; background-size:cover;}
.section04.s03 dl.lay dd.r dl.txt_box {color:#fff; text-align:center; padding-top:60%;}
.section04.s03 dl.lay dd.r dl.txt_box dt{display:inline-block; *display:inline; zoom:1; font-size:30px; padding-bottom:7px}
.section04.s03 dl.lay dd.r dl.txt_box dd{font-size:18px}
.section04.s03 dl.lay dd.r dl.txt_box dd span.txt {display:none;color:#fff;}
}

@media all and (min-width:1025px) and (max-width:1680px) {

/*ì •ë ¬*/

.section04.s03 {overflow:hidden;}
/*end*/
.section04.s03 dl.lay{background:#ea6820; padding:10% 0;position:relative;}
.section04.s03 dl.lay dt.l {width:38%; height:100%;}
.section04.s03 dl.lay dt.l .tit_box {padding-left:15%; width:85%; color:#fff;position:relative;vertical-align:top;}
.section04.s03 dl.lay dt.l .tit_box h1{font-size:3em; margin-bottom:20px; text-align:left;}
.section04.s03 dl.lay dt.l .tit_box span{display:block; font-family: 'Noto Sans KR', sans-serif; font-size:1.6em;
										line-height:32px; color:#fff; text-align:left;}
.section04.s03 dl.lay dd.r{position:absolute;right:0; top:0;float:left; width:62%; height:100%}
.section04.s03 dl.lay dd.r ul.img_list {height:100%}
.section04.s03 dl.lay dd.r ul.img_list {clear:both; display:block;}
.section04.s03 dl.lay dd.r ul.img_list li{position:relative; float:left;width:33.33334%; height:100%}
.section04.s03 dl.lay dd.r ul.img_list li.cont1{background:url('../img/sec3_img01.jpg') no-repeat left top; background-size:100% 100%}
.section04.s03 dl.lay dd.r ul.img_list li.cont2{background:url('../img/sec3_img02.jpg') no-repeat left top; background-size:100% 100%}
.section04.s03 dl.lay dd.r ul.img_list li.cont3{background:url('../img/sec3_img03.jpg') no-repeat left top; background-size:100% 100%}
.section04.s03 dl.lay dd.r dl.txt_box {color:#fff; text-align:center; padding-top:150px /*179px*/}
.section04.s03 dl.lay dd.r dl.txt_box dt{display:inline-block; *display:inline; zoom:1; font-size:30px; padding-bottom:7px}
.section04.s03 dl.lay dd.r dl.txt_box dd{font-size:18px}
.section04.s03 dl.lay dd.r dl.txt_box dd span.txt {display:none;color:#fff;}

}

@media all and (min-width:760px) and (max-width:1024px) {

.section04.s03 {overflow:hidden;}
/*end*/
.section04.s03 .row2 {position:relative; height:100%; margin:0 auto 0 auto}
/* main start */

.section04.s03 dl.lay{height:100%;position:relative;}
.section04.s03 dl.lay dt.l {height:50%; background:#ea6820; padding:5% 0;}
.section04.s03 dl.lay dt.l .tit_box {color:#fff; padding-left:5%;}
.section04.s03 dl.lay dt.l .tit_box h1{font-size:3.5em; text-align:left; color:#fff; padding-bottom:14px}
.section04.s03 dl.lay dt.l .tit_box span{display:block; text-align:left; font-family: 'Noto Sans KR', sans-serif; font-size:1.6em; color:#fff; line-height:24px}
.section04.s03 dl.lay dd.r{height:50%;}
.section04.s03 dl.lay dd.r ul.img_list {height:100%}
.section04.s03 dl.lay dd.r ul.img_list{clear:both;  display:block;}
.section04.s03 dl.lay dd.r ul.img_list li{position:relative; display:table; float:left;width:33.33334%; height:100%}
.section04.s03 dl.lay dd.r ul.img_list li.cont1{background:url('../img/sec3_img01.jpg') no-repeat; background-size:100% 100%;padding:20% 0;}
.section04.s03 dl.lay dd.r ul.img_list li.cont2{background:url('../img/sec3_img02.jpg') no-repeat; background-size:100% 100%;padding:20% 0;}
.section04.s03 dl.lay dd.r ul.img_list li.cont3{background:url('../img/sec3_img03.jpg') no-repeat; background-size:100% 100%;padding:20% 0;}

.section04.s03 dl.lay dd.r dl.txt_box {display:table-cell; vertical-align:middle; color:#fff; text-align:center; }
.section04.s03 dl.lay dd.r dl.txt_box dt{font-size:22px; padding-bottom:14px}
.section04.s03 dl.lay dd.r dl.txt_box dd{font-size:15px;}
.section04.s03 dl.lay dd.r dl.txt_box dd span.txt {display:block; color:#fff;}

}

@media all and (min-width:260px) and (max-width:759px) {

/*ì •ë ¬*/
.section04.s03 {position:relative; overflow:hidden;}
/*end*/

.section04 .row2 {position:relative; height:100%; margin:0 auto 0 auto}
/* main start */
#main {width:100%; height:100%; width:100%;}
.section04.s03 dl.lay{height:100%}
.section04.s03 dl.lay dt.l {height:100%; background:#ea6820; padding:50px 0 29px 0}
.section04.s03 dl.lay dt.l .tit_box {color:#fff;  padding-left:5%;}
.section04.s03 dl.lay dt.l .tit_box h1{font-size:3.5em; text-align:left; color:#fff; padding-bottom:15px}
.section04.s03 dl.lay dt.l .tit_box span{display:block; text-align:left; font-family: 'Noto Sans KR', sans-serif; font-size:1.6em; color:#fff;}
.section04.s03 dl.lay dd.r{height:50%;}
.section04.s03 dl.lay dd.r ul.img_list {height:100%}
.section04.s03 dl.lay dd.r ul.img_list:after{clear:both;  display:block;}
.section04.s03 dl.lay dd.r ul.img_list li{position:relative; display:table; float:left;width:33.33334%; height:100%}
.section04.s03 dl.lay dd.r ul.img_list li.cont1{background:url('../img/sec3_img01.jpg') no-repeat; background-size:100% 100%; padding:20% 0;}
.section04.s03 dl.lay dd.r ul.img_list li.cont2{background:url('../img/sec3_img02.jpg') no-repeat; background-size:100% 100%; padding:20% 0;}
.section04.s03 dl.lay dd.r ul.img_list li.cont3{background:url('../img/sec3_img03.jpg') no-repeat; background-size:100% 100%; padding:20% 0;}
.section04.s03 dl.lay dd.r dl.txt_box {display:table-cell; vertical-align:middle; color:#fff; text-align:center; }
.section04.s03 dl.lay dd.r dl.txt_box dt{font-size:1.5em; padding-bottom:14px}
.section04.s03 dl.lay dd.r dl.txt_box dd{display:none;}
.section04.s03 dl.lay dd.r dl.txt_box dd span.txt {display:block; color:#fff;}

}