@CHARSET "UTF-8";

      /* reset */
body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,
select,button,figure{margin:0;padding:0;}
em,address{font-style:normal;}
ul,li,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
a{color:#333;text-decoration:none;}
img,fieldset{border:0;}
/*video, img {width: 100%;}*/
body{background:#fff;direction:ltr;-webkit-text-size-adjust:none;height: inherit; }
body.active {overflow: visible;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
.ir_pm{display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px}
.ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%}
.ir{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{display:table;content:'';line-height:0;}
.clearfix:after{clear:both;}


/* layout */
#warp {width: 100%; }
#banner {width: 100%; height: 600px;background: url(/images/backg0.jpg); background-size: cover; background-position:center 35%; position:relative}
/* #banner {width: 100%; height: 600px;background: url(https://images.unsplash.com/photo-1507103011901-e954d6ec0988?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=ae7d7a6b57226ff9b44a1b2d4e4697ce&auto=format&fit=crop&w=1350&q=80); background-size: 100% 872px;} */
#contents {width: 100%; height: 1200px; background-color: #fff; position: relative;}


/* contianer */
.container {width: 1200px; margin:0 auto; height:inherit;}


/* banner */
.banner_wrap h3 {cursor:pointer;color:#fff;; font-size:0px; position:absolute; left:10px; top:0px; font-family: 'Teko', sans-serif; background:url(/images/maincowoff.png) 0% 50% no-repeat; background-size:70px; width:275px; transition:0.5s all ease}
.banner_wrap h3:hover{background:url(/images/maincowon.png) 0% 50% no-repeat; background-size:70px;}
.banner_wrap h3 .mainlogoword{background:url(/images/mainlogoword.png) 50% 50% no-repeat; background-size:200px; display:inline-block; width:200px; height:100px; float:right;}
.banner_wrap .banner_text {position: absolute; right:15px; top:30px;}
.banner_wrap .banner_text li img{cursor:pointer; padding-left:10px;}
.banner_wrap .banner_text li a {font-size: 30px;color: #fff; font-family: 'Teko', sans-serif;}
.banner_wrap .banner_text i {color:#fff; font-size: 30px; padding-right: 8px; position: absolute; left: 72px; top: 37px;}
.banner_wrap .banner_text li:hover a {color:#777f00; cursor:pointer;}
.banner_wrap .banner_text:hover i {color:#777f00; cursor:pointer;}

/* contents */
.contents_wrap {position: relative; width: 100%; height: 100px; }
.contents_wrap h3 {color:#000;; font-size: 40px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); font-family: 'Lato', sans-serif; margin-top: 0%;}
.contents_wrap h3:before {content:'___'; position: absolute; left: 42%; top: -112%;transform:translate(-50%,-50%);  color:#fff; width: 10px; height:10px; color:#777f00;}
.contents_wrap .con_box{text-align:center; color:#000; font-size: 18px; position: absolute; left: 50%; top: 152%; transform:translate(-50%,-50%); font-family: 'Lato', sans-serif;box-sizing: border-box; }


.contents_box { overflow: hidden; margin-top: 10%;}
.contents_box > .marginj {position: relative; cursor:pointer; float: left;width: 23%;margin: 1%;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);height: 300px;padding: 40px;box-sizing: border-box; border:5px;}

.contents_box .marginj h1 {color:#686d00; font-size: 18px; text-align:center; font-weight: 900;}
.contents_box .marginj p {margin-top: 150px;text-align:center; font-size: 12px;}
.contents_box .marginj img {position: absolute; left: 50%; top: 50%; margin-left:-32px; margin-top:-32px; color:#959934; width:-50%; height:-50%;}

.contents_box #modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    z-index: 9990;
    transition: all 0.5s cubic-bezier(.39,0,.26,1);
    text-align:center;
}
#modal .modal-bg{display:inline-block; height:100%; vertical-align:middle;}
.contents_box #modal.show {transform: scale(1);}
#modal .modal-cont {
    position:relative;
}
#modal .modal-cont #c_img{width:100%; z-index:9991; transition: all 0.5s cubic-bezier(.39,0,.26,1); vertical-align:middle; margin:auto; position:relative;}
#modal .modal-cont .close {
    position: absolute; top: 10px; right: 10px;
    width: 30px; height: 30px;
    z-index:9999
}
#ximg{transition: all 0.5s cubic-bezier(.39,0,.26,1);}

.pop.blue h2{padding-left: 40px !important;}
.pop h2 .reg-icon{line-height: inherit; left:8px; top:16%}
.pop h2 .reg-title{line-height: inherit;}