@charset "euc-kr";

#contents {position:relative; height:100%; zoom:1; z-index:5;}
#contents:after { clear:both; content: ""; display: block; }

.main_slide {}
.main_slide:after { clear:both; content: ""; display: block; }
.main_slide div { float:left; display:inline; width:50%;}
.main_slide div img { width:100%; vertical-align:top;}

.mainList { float:left; display:inline; width:50%; }
.mainList li { position:relative; float:left; display:inline; width:50%; }
.mainList li a { display:block; width:100%; height:100%;}
.mainList li .img { position:relative;}
.mainList li img {width:100%; vertical-align:top;}
.mainList li .ml_text01, .mainList li .ml_text02 { position:absolute; width:100%; text-align:center;  z-index:6;}
.mainList li .ml_text01 { top:62%; font-size:20px; font-weight:700;}
.mainList li .ml_text02 { top:62%; font-size:16px; margin-top:30px;}
.mainList_img { float:right; width:50%; }

/*.mainList li.lm_01 .ml_text01, .mainList li.lm_01 .ml_text02 {color:#da2669 !important;}
.mainList li.lm_02 .ml_text01, .mainList li.lm_02 .ml_text02 {color:#d2f66b !important;}
.mainList li.lm_03 .ml_text01, .mainList li.lm_03 .ml_text02 {color:#2baba9 !important;}
.mainList li.lm_04 .ml_text01, .mainList li.lm_04 .ml_text02 {color:#fff720 !important;}*/

.mainList li.lm_01 .ml_text01, .mainList li.lm_01 .ml_text02 {color:#fff !important;}
.mainList li.lm_02 .ml_text01, .mainList li.lm_02 .ml_text02 {color:#fff !important;}
.mainList li.lm_03 .ml_text01, .mainList li.lm_03 .ml_text02 {color:#fff !important;}
.mainList li.lm_04 .ml_text01, .mainList li.lm_04 .ml_text02 {color:#fff !important;}

.mainInfo { background:#f2dce6; margin:1px 0 20px; padding:30px 0 50px; text-align:center; zoom:1;}
.mainInfo:after {clear:both; content: ""; display: block;}
.mainInfo li { display:inline-block; text-align:center; }
.mainInfo li.mainInfo_01 {width:24%;}
.mainInfo li.mainInfo_02 {width:27%;}
.mainInfo li.mainInfo_03 {width:30%;}
.mainInfo li.mainInfo_04 {width:16%;}
.mainInfo li span { display:block;}
.mainInfo li .icon { width:60px; height:42px; background:url(../images/main/info_icon.png); background-repeat:no-repeat; margin:0 auto 30px; }
.mainInfo li.mainInfo_02 .icon { background-position:-60px 0;}
.mainInfo li.mainInfo_03 .icon { background-position:-120px 0;}
.mainInfo li.mainInfo_04 .icon { background-position:-180px 0;}
.mainInfo li .title { font-size:20px; color:#000; margin-bottom:20px;}
.mainInfo li .con { font-size:15px; color:#3b3b3b;}
.mainInfo li.mainInfo_01 .con { font-size:18px; color:#e88fb0; font-weight:700;}
.mainInfo li.mainInfo_01 .con a { color:#e88fb0;}

@media \0screen { /* IE8 À¥ÆùÆ® ¼³Á¤*/
    .section.active .bg {display:block;}
}



@media  (max-width: 1024px){

.mainInfo li .title { font-size:17px;margin-bottom:18px;}
.mainInfo li .con { font-size:14px;}
.mainInfo li.mainInfo_01 .con { font-size:16px;}

}

@media  (max-width: 900px){

.mainInfo li .title { font-size:16px;margin-bottom:16px;}
.mainInfo li .con { font-size:12px;}
.mainInfo li.mainInfo_01 .con { font-size:14px;}

}

@media  (max-width: 768px){

.mainList li .ml_text01 { font-size:17px;}
.mainList li .ml_text02 { font-size:13px; margin-top:22px;}

.mainInfo { text-align:left;}
.mainInfo li { margin-bottom:20px;}
.mainInfo li.mainInfo_01 {float:left; width:35%; padding-top:20px;}
.mainInfo li.mainInfo_02 {float:right; width:65%;}
.mainInfo li.mainInfo_03 {float:right; width:65%;}
.mainInfo li.mainInfo_04 {float:right; width:65%;}
.mainInfo li .icon {  margin:0 auto 30px; }
.mainInfo li.mainInfo_02 .icon { width:30px; height:21px; background-size:120px 21px; background-position:-30px 0; margin:0 auto 10px; }
.mainInfo li.mainInfo_03 .icon { width:30px; height:21px; background-size:120px 21px; background-position:-60px 0; margin:0 auto 10px;}
.mainInfo li.mainInfo_04 .icon { width:30px; height:21px; background-size:120px 21px; background-position:-90px 0; margin:0 auto 10px;}
.mainInfo li .title { font-size:14px; margin-bottom:14px;}
.mainInfo li .con { font-size:12px;}

.mainInfo li.mainInfo_01 .title { font-size:16px;margin-bottom:16px;}
.mainInfo li.mainInfo_01 .con { font-size:22px;}




}

@media  (max-width: 560px){

.mainInfo { padding:0; margin-bottom:5px;}
.mainInfo li { float:none; display:block; width:100% !important; margin-bottom:20px;}
.mainInfo li .icon { width:30px; height:21px; background-size:120px 21px; margin:0 auto 8px; }
.mainInfo li .title { font-size:15px; margin-bottom:5px;}
.mainInfo li .con { font-size:13px;}
.mainInfo li.mainInfo_01 .title { font-size:16px; margin:10px 0;}
.mainInfo li.mainInfo_01 .con { font-size:18px; padding-bottom:5px;}

.mainList li .ml_text01 { font-size:14px;}
.mainList li .ml_text02 { font-size:11px; margin-top:20px;}

}

@media  (max-width: 420px){
.mainList li .ml_text01 { top:68%; font-size:13px; line-height:15px; letter-spacing:-1px; }
.mainList li.lm_02 .ml_text01 { top:60%;}
.mainList li .ml_text02 { display:none;}
}



@media  (max-width: 360px){

}

@media  (max-width: 320px){

}