.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;font-size:34px;color:#c0251b;letter-spacing:-1px}       
.h2 span{color:#000}


.msec1 .banner{position:relative;width:100%;height:463px}
.msec1 .banner .img{position:relative;width:100%;height:100%;overflow:hidden}
.msec1 .banner .img li{display:none;position:absolute;left:0;top:0;width:100%;height:100%;} 
.msec1 .banner .img li:first-child{display:block}
.msec1 .banner .img li .top{position:absolute;left:50%;top:100px;margin-left:-800px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li .text{position:absolute;left:50%;top:170px;margin-left:-800px;opacity:0;transition:0.8s 0.9s}
.msec1 .banner .img li .bottom{position:absolute;left:50%;top:330px;margin-left:-800px;opacity:0;transition:0.8s 0.4s}
.msec1 .banner .img li.on .top{top:80px;opacity:1}
.msec1 .banner .img li.on .text{top:150px;opacity:1}
.msec1 .banner .img li.on .bottom{top:350px;opacity:1}
.msec1 .banner .btn{position:absolute;width:100%;bottom:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:10px;height:10px;background:#ffffff;margin:0 7px;cursor:pointer;text-indent:-9999px;border-radius:50%}
.msec1 .banner .btn li.on{background:#ff0000;}
.msec1 .banner .arrow{position:absolute;width:100%;top:50%;margin-top:-20px;}
.msec1 .banner .prev{position:absolute;left:50px;margin-left:0;cursor:pointer;border-radius:50%;background:rgba(0,0,0,0.3);overflow:hidden;transition:0.3s}
.msec1 .banner .next{position:absolute;right:50px;margin-right:0;cursor:pointer;border-radius:50%;background:rgba(0,0,0,0.3);overflow:hidden;transition:0.3s}
.msec1 .banner .prev:hover{background:#000}
.msec1 .banner .next:hover{background:#000}


.msec2 {text-align:center;font-size:0}
.msec2 li{display:inline-block;position:relative;padding-left:1px;background:url('../images/ms2_line.png') no-repeat 0 center}
.msec2 li:first-child{padding-left:0;background:none}
.msec2 li a:after{display:block;content:'';position:absolute;left:50%;bottom:0;width:0;border-bottom:1px solid #000;transition:0.3s}
.msec2 li a:hover:after{left:0;width:100%}



.msec3{padding:50px 0;background:#f3f3f3}

.msec3 .banner{position:relative;margin:50px auto 0;text-align:center;overflow:hidden;}
.msec3 .banner li{display:inline-block;position:relative;margin:0 10px;width:243px;height:312px;}
.msec3 .banner li .thumb{overflow:hidden}
.msec3 .banner li .thumb img{max-width:100%;transition:0.3s;width:207px;height:207px; border-radius:50%}
.msec3 .banner li .thumb:hover img{transform:scale(0.9);}
.msec3 .banner li .info{padding:20px 0 0;text-align:center;line-height:1.6}
.msec3 .banner li .info em{display:block;font-size:20px;font-weight:600;color:#000}


/*.msec3{padding:50px 0;background:#f3f3f3}
.msec3 .banner{position:relative;margin:50px auto;text-align:center}
.msec3 .banner li{display:inline-block;position:relative;margin:0 10px;width:243px;height:312px;background:url('../images/ms3_flag.png') no-repeat right bottom #fff;overflow:hidden;}
.msec3 .banner li .thumb{overflow:hidden}
.msec3 .banner li .thumb img{max-width:100%;transition:0.3s}
.msec3 .banner li .thumb:hover img{transform:scale(1.1)}
.msec3 .banner li .info{padding:20px 0 0;text-align:center;line-height:1.6}
.msec3 .banner li .info em{display:block;font-size:20px;font-weight:600;color:#000}
*/

.msec4{padding:50px 0}

.msec4 .banner{position:relative;margin:15px auto 0}
.msec4 .banner .tit_img{float:left}
.msec4 .banner .mask{float:right;position:relative;width:1240px;height:262px;overflow:hidden;}
.msec4 .banner .img{position:absolute;top:30px}
.msec4 .banner .img li{float:left;width:175px;margin-right:36px;background:#fff}
.msec4 .banner .img li .info{padding:10px;line-height:1.5;text-align:right}
.msec4 .banner .img li .info .tit{font-size:17px;font-weight:600;color:#000; letter-spacing:-1px}
.msec4 .banner .img li .info .price{font-size:15px;font-weight:600;color:#cc0000;letter-spacing:-1px}
.msec4 .banner .img li .info .price span{font-size:14px;color:#000}
.msec4 .banner .img li .payinfo span{font-size:14px;color:#000}
.msec4 .banner .img li .info .add{font-size:13px;color:#555}
.msec4 .banner .img li .thumb{overflow:hidden; text-align:center}
.msec4 .banner .img li .thumb img{transition: 0.3s}
.msec4 .banner .img li .thumb:hover img{transform: scale(1.05)}

.msec4 .banner .next{position:absolute;top:15px ;right:0;cursor:pointer}
.msec4 .banner .prev{position:absolute;top:15px ;right:25px;cursor:pointer}



        
        
        
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;font-size:34px;color:#c0251b;letter-spacing:-1px}       
.h2 span{color:#000}


.msec1 .banner{position:relative;width:100%;height:463px}
.msec1 .banner .img{position:relative;width:100%;height:100%;overflow:hidden}
.msec1 .banner .img li{display:none;position:absolute;left:0;top:0;width:100%;height:100%;} 
.msec1 .banner .img li:first-child{display:block}
.msec1 .banner .img li .top{position:absolute;left:50%;top:100px;margin-left:-800px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li .text{position:absolute;left:50%;top:170px;margin-left:-800px;opacity:0;transition:0.8s 0.9s}
.msec1 .banner .img li .bottom{position:absolute;left:50%;top:330px;margin-left:-800px;opacity:0;transition:0.8s 0.4s}
.msec1 .banner .img li.on .top{top:80px;opacity:1}
.msec1 .banner .img li.on .text{top:150px;opacity:1}
.msec1 .banner .img li.on .bottom{top:350px;opacity:1}
.msec1 .banner .btn{position:absolute;width:100%;bottom:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:10px;height:10px;background:#ffffff;margin:0 7px;cursor:pointer;text-indent:-9999px;border-radius:50%}
.msec1 .banner .btn li.on{background:#ff0000;}
.msec1 .banner .arrow{position:absolute;width:100%;top:50%;margin-top:-20px;}
.msec1 .banner .prev{position:absolute;left:50px;margin-left:0;cursor:pointer;border-radius:50%;background:rgba(0,0,0,0.3);overflow:hidden;transition:0.3s}
.msec1 .banner .next{position:absolute;right:50px;margin-right:0;cursor:pointer;border-radius:50%;background:rgba(0,0,0,0.3);overflow:hidden;transition:0.3s}
.msec1 .banner .prev:hover{background:#000}
.msec1 .banner .next:hover{background:#000}


.msec2 {text-align:center;font-size:0}
.msec2 li{display:inline-block;position:relative;padding-left:1px;background:url('../images/ms2_line.png') no-repeat 0 center}
.msec2 li:first-child{padding-left:0;background:none}
.msec2 li a:after{display:block;content:'';position:absolute;left:50%;bottom:0;width:0;border-bottom:1px solid #000;transition:0.3s}
.msec2 li a:hover:after{left:0;width:100%}



.msec3{padding:50px 0;background:#f3f3f3}

.msec3 .banner{position:relative;margin:50px auto 0;text-align:center;overflow:hidden;}
.msec3 .banner li{display:inline-block;position:relative;margin:0 10px;width:243px;height:312px;}
.msec3 .banner li .thumb{overflow:hidden}
.msec3 .banner li .thumb img{max-width:100%;transition:0.3s;width:207px;height:207px; border-radius:50%}
.msec3 .banner li .thumb:hover img{transform:scale(0.9);}
.msec3 .banner li .info{padding:20px 0 0;text-align:center;line-height:1.6}
.msec3 .banner li .info em{display:block;font-size:20px;font-weight:600;color:#000}


/*.msec3{padding:50px 0;background:#f3f3f3}
.msec3 .banner{position:relative;margin:50px auto;text-align:center}
.msec3 .banner li{display:inline-block;position:relative;margin:0 10px;width:243px;height:312px;background:url('../images/ms3_flag.png') no-repeat right bottom #fff;overflow:hidden;}
.msec3 .banner li .thumb{overflow:hidden}
.msec3 .banner li .thumb img{max-width:100%;transition:0.3s}
.msec3 .banner li .thumb:hover img{transform:scale(1.1)}
.msec3 .banner li .info{padding:20px 0 0;text-align:center;line-height:1.6}
.msec3 .banner li .info em{display:block;font-size:20px;font-weight:600;color:#000}
*/

.msec4{padding:50px 0}

.msec4 .banner{position:relative;margin:15px auto 0}
.msec4 .banner .tit_img{float:left}
.msec4 .banner .mask{float:right;position:relative;width:1240px;height:262px;overflow:hidden;}
.msec4 .banner .img{position:absolute;top:30px}
.msec4 .banner .img li{float:left;width:175px;margin-right:36px;background:#fff}
.msec4 .banner .img li .info{padding:10px;line-height:1.5;text-align:right}
.msec4 .banner .img li .info .tit{font-size:17px;font-weight:600;color:#000; letter-spacing:-1px}
.msec4 .banner .img li .info .price{font-size:15px;font-weight:600;color:#cc0000;letter-spacing:-1px}
.msec4 .banner .img li .info .price span{font-size:14px;color:#000}
.msec4 .banner .img li .payinfo span{font-size:14px;color:#000}
.msec4 .banner .img li .info .add{font-size:13px;color:#555}
.msec4 .banner .img li .thumb{overflow:hidden; text-align:center}
.msec4 .banner .img li .thumb img{transition: 0.3s}
.msec4 .banner .img li .thumb:hover img{transform: scale(1.05)}

.msec4 .banner .next{position:absolute;top:15px ;right:0;cursor:pointer}
.msec4 .banner .prev{position:absolute;top:15px ;right:25px;cursor:pointer}


/*table type*/
.table_t1{width:100%;border-collapse: collapse;border-top:3px solid #ee1451;border-left:hidden;border-right:hidden}
.table_t1 th{border:1px solid #ddd;padding:15px 0;text-align:center}
.table_t1 td{border:1px solid #ddd;padding:15px 30px;text-align:center}
.table_t1 tr:nth-child(2n+2){background:#eeeeee}
        
        
