phohtml,body { height:100%; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch; }
body { overflow-x:hidden; text-size-adjust:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -o-text-size-adjust:100%; -ms-text-size-adjust:100%; }

html { scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; 
  scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Hightlight-Color: $efefef; scrollbar-Shadow-Color: #efefef; }

::-webkit-scrollbar { width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: block; height: 10px; background: #efefef; }
::-webkit-scrollbar-track { background: #efefef; -webkit-border-radius: 10px; border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2); }
::-webkit-scrollbar-thumb { height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); }
.clearfix::after{
  display: block;
  content: "";
  clear: both;
}
/**/
/*fullpage*/
#main_slide1{
  background:url(../images/main/mainVisual00.jpg);
  background-position: 50%, 50%;
  background-size: 100%;
  transition:all 5s linear; 
}
#main_slide1.on { 
  background-size: 120%;
 }
#main_slide2{
  background:url(../images/main/mainVisual01.jpg);
  background-position: 50%, 50%;
  background-size: 100%;
  transition:all 5s linear; 
}
#main_slide2.on { 
  background-size: 120%;
 }
#main_slide3{
  background:url(../images/main/mainVisual02.jpg);
  background-position: 50%, 50%;
  background-size: 100%;
  transition:all 5s linear; 
}
#main_slide3.on { 
  background-size: 120%;
 }
#main_slide4{
  background:url(../images/main/mainVisual03.jpg);
  background-position: 50%, 50%;
  background-size: 100%;
  transition:all 5s linear; 
}
#main_slide4.on { 
  background-size: 120%;
}

/*팝업*/
.readerArea{
  position: fixed;
  width:100%;
  height:100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.9);
  z-index: 999999;
  display: none;
}

.readerArea .readerContainer{
  width: 400px;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

.readerArea .readerContainer h5{
  color: #fff;
  font-size: 28px;
  text-align: center;
}

.readerArea .readerContainer p{
  color: #fff;
  font-size: 21px;
  line-height: 28px;
  margin-top: 20px;
  text-align: center;
}

.readerArea span{
  display: block;
  position: absolute;
  top:10px;
  right:20px;
  color:#fff;
  font-size:36px;
  cursor: pointer;
}

.readerArea ul{
  margin-top:30px;
}

.readerArea ul li{
  width:48%;
  float: left;
  margin: 0px 1%;
}

.readerArea ul li a{
  text-align: center;
  display: block;
  border: 1px solid #fff;
  color:#fff;
  padding: 10px 20px;
  font-size: 18px;
  transition: all 0.3s;
}

.readerArea ul li a:hover{
  background: #fff;
  color:#333;
}

.slide_text_box{ width:90%; text-align: center; color: #fff; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.slide_text_box span{ font-size: 1.5rem; font-weight: 100;}
.slide_text_box h4{ font-size: 3.5rem; letter-spacing:0.5px; font-weight: 700; margin-top:20px;}
.slide_text_box span.bar { display: block; width: 300px; height: 1px; background-color: #fff; margin-right: auto; margin-left: auto; margin-top:15px;}
.slide_text_box p{ font-size: 1.5rem; margin-top:15px; font-weight: 400; }
.slide_text_box button{ background-color: transparent; margin-top:20px; font-size: 1.5rem; font-weight:600; border: 1px solid #fff; padding: 5px 30px; color: #fff; border-radius: 25px; transition: all 0.5s; cursor: pointer; }
.slide_text_box button:hover{ background-color: #fff; color: #333; padding: 5px 40px; }
.contents_title{ text-align: center; font-size: 21px; }

/*sec0*/
.sec0 .secInner { max-width: 1280px; margin-left: auto; margin-right: auto; }
/*sec1*/
.sec1 { padding-top:200px; padding-bottom: 50px; background: url(../images/main/sec1_back.jpg) bottom center no-repeat; background-size: cover;}
.sec1 .sec1Inner { max-width: 1280px; margin-left: auto; margin-right: auto; }
.sec1 h3 { text-align: center; }
.sec1 h3 span { display: block; font-size: 24px; line-height: 27px; font-weight: bold; color: #005892; }
.sec1 h3 strong { display: block; font-size: 23px; line-height: 32px; font-weight: bold; letter-spacing: -0.5px; color: #333; margin-top: 5px; }

.sec1Slide { margin-top: 50px; }
.sec1Slide .sec1DvT:after,
.sec1Slide .sec1DvB:after { content: ''; clear: both; display: block; height: 0; }
.sec1Slide .sec1DvT,
.sec1Slide .sec1DvB { padding: 0 20px; }
.sec1Slide .sec1DvB { margin-top: 30px; }
.sec1Slide .sec1DvT .sec1DvTL,
.sec1Slide .sec1DvB .sec1DvBL { float: left; width: 50%; }
.sec1Slide .sec1DvT .sec1DvTL img,
.sec1Slide .sec1DvB .sec1DvBR img { width: 100%; }

.sec1Slide .sec1DvT .sec1DvTR { padding-left: 7%; box-sizing: border-box; }
.sec1Slide .sec1DvT .sec1DvTR,
.sec1Slide .sec1DvB .sec1DvBR { float: left; width: 50%; }
.sec1Slide .sec1DvT .sec1DvTR dl,
.sec1Slide .sec1DvB .sec1DvBL dl { margin-left: 20px; /*margin-top: 40px;*/
transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
-o-transition:all .6s ease;
-ms-transition:all .6s ease;
}
.sec1Slide .slick-active .sec1DvT .sec1DvTR dl,
.sec1Slide .slick-active .sec1DvBL dl { /*margin-top: 40px;*/ margin-left: 0px; }
.sec1Slide .sec1DvT .sec1DvTR dl dt,
.sec1Slide .sec1DvB .sec1DvBL dl dt { font-size: 21px; line-height: 24px; font-weight: 400; }
.sec1Slide .sec1DvT .sec1DvTR dl dd span,
.sec1Slide .sec1DvB .sec1DvBL dl dd span { display: block; font-size: 37px; line-height: 50px; margin-top: 25px; font-weight: bold; letter-spacing: -0.8px; }
.sec1Slide .sec1DvT .sec1DvTR dl dd p,
.sec1Slide .sec1DvB .sec1DvBL dl dd p { font-size: 18px; line-height: 25px; color: #777; text-align: justify; margin-top: 25px; }
.sec1Slide .sec1DvT .sec1DvTR dl dd a,
.sec1Slide .sec1DvB .sec1DvBL dl dd a { display: inline-block; color: #fff; background-color: #005892; border: 2px solid #005892; letter-spacing: 1px; 
padding: 10px 30px; margin-top: 45px; font-size: 14px; border-radius: 25px;
letter-spacing: 1px;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
.sec1Slide .sec1DvT .sec1DvTR dl dd a:hover,
.sec1Slide .sec1DvT .sec1DvTR dl dd a:active,
.sec1Slide .sec1DvT .sec1DvTR dl dd a:focus,
.sec1Slide .sec1DvB .sec1DvBL dl dd a:hover,
.sec1Slide .sec1DvB .sec1DvBL dl dd a:active,
.sec1Slide .sec1DvB .sec1DvBL dl dd a:focus { background-color: #fff; color: #005892; outline: none; padding: 10px 40px; }

.sec1Slide .slick-prev { margin-right: 40px; }
.sec1Slide .slick-next {  }
.sec1Slide .slick-prev, 
.sec1Slide .slick-next { font-size:0; line-height:0; position:absolute; display:block; right: 30px; bottom: 0; width:35px; height:35px; padding:0; opacity:0.7;
  border:0; cursor:pointer; background-repeat:no-repeat; background-position:center center; background-color: #005892; z-index:1000; 
  -webkit-transform: translate(0,-20%); 
  -ms-transform:translate(0,-20%);
  -o-transform:translate(0,-20%);
  -moz-transform:translate(0,-20%);
  transform:translate(0,-20%);
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;
}

/* sec1 arrow*/
.sec1Slide .slick-arrow:hover,
.sec1Slide .slick-arrow:focus,
.sec1Slide .slick-arrow:active { opacity:1; }
.sec1Slide .slick-arrow:before { font-size:0; line-height:0; text-indent:-99999999px; }
.sec1Slide .slick-prev { background-image:url('../images/main/btn_msLeft_m.png'); opacity: 0.7; }
.sec1Slide .slick-next { background-image:url('../images/main/btn_msRight_m.png'); opacity: 0.7; }
.sec1Slide .slick-prev:hover,
.sec1Slide .slick-prev:active,
.sec1Slide .slick-prev:focus { opacity: 1; }
.sec1Slide .slick-next:hover,
.sec1Slide .slick-next:active,
.sec1Slide .slick-next:focus { opacity: 1; }


/* sec1 dots*/
.sec1Slide .slick-dots { position:absolute; bottom:8px; z-index:1002; left: 0; margin-left: 98px; }
.sec1Slide .slick-dots li { display:inline-block; margin:0 3px; width:13px; height:13px; border: 1px solid #fff; background-color: #005892; border-radius:50%; opacity: 0.5; }
.sec1Slide .slick-dots li.slick-active { opacity:1; }

/* sec1 autoBtn*/
.sec1 .autoBtnArea { position:absolute; display:inline-block; margin-left:auto; margin-right:auto; max-width:1280px; margin-top: -35px; margin-left: 25px; position:absolute; z-index:1003; }
.sec1 .autoBtnArea .autoBtn { cursor:pointer; width:30px; height:30px; appearance:none; -webkit-appearance:none; background-color:#fff; border:none; border-radius:100%; 
  font-size:0; line-height:0; text-indent:-9999px; margin-left:3px; background-size: cover; opacity:0.35;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;
}
.sec1 .autoBtnArea .autoBtn:hover,
.sec1 .autoBtnArea .autoBtn:focus { opacity:0.75; }
.sec1 .autoBtnArea .play { background:url(../images/main/btn_play.png) center center no-repeat; }
.sec1 .autoBtnArea .play.active { background:url(../images/main/btn_play_active.png) center center no-repeat; opacity:0.7; }
.sec1 .autoBtnArea .stop { background:url(../images/main/btn_stop.png) center center no-repeat; }
.sec1 .autoBtnArea .stop.active { background:url(../images/main/btn_stop_active.png) center center no-repeat; opacity:0.7; }



/*sec1*/
.sec2 { padding-top: 40px; background: url(../images/main/sec2_back.jpg); /*background-color: #005892;*/ }
.sec2 h3 { text-align: center; margin-bottom: 50px; }
.sec2 h3 span { display: block; font-size: 24px; line-height: 25px; font-weight: bold; color: #005892; }

.sec2 .sec2Wrap {  }
.sec2 .sec2Wrap:after { content: ''; clear: both; display: block; height: 0; }
.sec2 .sec2Wrap li { float: left; width: 33.333%; }

.sec2 .sec2Wrap li a { display: block; position: relative;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
.sec2 .sec2Wrap li a .sec2WrapBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
.sec2 .sec2Wrap li a .sec2WrapBox dl { }
.sec2 .sec2Wrap li a .sec2WrapBox dt { position: absolute; bottom: 0; left: 0; padding: 15px; color: rgba(255,255,255,1); font-size: 19px; line-height: 27px; font-weight: bold; }
.sec2 .sec2Wrap li a .sec2WrapBox dd { opacity:0; position: absolute; top: 10px; padding: 15px; left: 10px; color: rgba(255,255,255,1); font-size: 19px; line-height: 27px; font-weight: bold; letter-spacing: -0.6px;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}

.sec2 .sec2Wrap li a img,
.sec2 .sec2Wrap li a img,
.sec2 .sec2Wrap li a img { width: 100%; }

.sec2 .sec2Wrap li a:hover .sec2WrapBox,
.sec2 .sec2Wrap li a:focus .sec2WrapBox,
.sec2 .sec2Wrap li a:active .sec2WrapBox { background-color: rgb(67 138 177 / 58%); }
.sec2 .sec2Wrap li a:hover .sec2WrapBox dd,
.sec2 .sec2Wrap li a:focus .sec2WrapBox dd,
.sec2 .sec2Wrap li a:active .sec2WrapBox dd { opacity:1; }



/*sec3*/
.sec3 { margin-top: 100px; padding-bottom: 120px; background: url(../images/main/sec3_back.jpg) bottom center no-repeat; background-size: cover; }
.sec3 h3 { text-align: center; }
.sec3 h3 span { display: block; font-size: 24px; line-height: 25px; font-weight: bold; color: #005892; }
.sec3Slide .sec3Dv { margin-top: 50px; }
.sec3Slide .sec3Dv li { margin: 0 10px; }
.sec3Slide .sec3Dv li a { display: block; overflow: hidden; }
.sec3Slide .sec3Dv li a img { width: 100%;
transition:all .7s ease;
-webkit-transition:all .7s ease;
-moz-transition:all .7s ease;
-o-transition:all .7s ease;
-ms-transition:all .7s ease;
}
.sec3Slide .sec3Dv dl.sec3txt { background-color: #fff; }
.sec3Slide .sec3Dv dl dt span { display: block; font-size: 15px; line-height: 17px; color: #000; font-weight: 400; text-align: center; padding-top: 20px;}
.sec3Slide .sec3Dv dl dt strong { display: block; font-size: 21px; line-height: 27px; font-weight: bold; margin-top: 5px; text-align: center; letter-spacing: -0.8px; }
.sec3Slide .sec3Dv dl dd { padding: 10px 20px 20px; text-align: center; }
.sec3Slide .sec3Dv dl dd p { font-size: 15px; line-height: 22px; text-align: justify; }
.sec3Slide .sec3Dv dl .sec3Btn { display: inline-block; font-size: 14px; line-height: 22px; color: #005892; margin-top: 10px; background-color: #fff; border: 2px solid #005892; padding: 5px 30px;
border-radius: 25px; letter-spacing: 1px;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
}

.sec3Slide .sec3Dv li.slick-current dl.sec3txt {  }

.sec3Slide .sec3Dv li a:hover img,
.sec3Slide .sec3Dv li a:active img,
.sec3Slide .sec3Dv li a:focus img { transform: scale(1.05,1.05); }

.sec3Slide .sec3Dv dl .sec3Btn:hover,
.sec3Slide .sec3Dv dl .sec3Btn:focus,
.sec3Slide .sec3Dv dl .sec3Btn:active { background-color: #005892; color: #fff; padding: 5px 40px; }

.sec3Slide .slick-prev { margin-right: 40px; }
.sec3Slide .slick-next { }
.sec3Slide .slick-prev, 
.sec3Slide .slick-next { font-size:0; line-height:0; position:absolute; display:block; bottom: -50px; right: 10px; width:35px; height:35px; padding:0;
  border:0; cursor:pointer; background-repeat:no-repeat; background-position:center center; background-color: transparent; z-index:1000; 
  -webkit-transform: translate(0,-20%); 
  -ms-transform:translate(0,-20%);
  -o-transform:translate(0,-20%);
  -moz-transform:translate(0,-20%);
  transform:translate(0,-20%);
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;
}

/* sec1 arrow*/
.sec3Slide .slick-arrow:hover,
.sec3Slide .slick-arrow:focus,
.sec3Slide .slick-arrow:active { opacity:1; }
.sec3Slide .slick-arrow:before { font-size:0; line-height:0; text-indent:-99999999px; }
.sec3Slide .slick-prev { background-image:url('../images/main/btn_msLeftC_m.png'); opacity: 0.5; }
.sec3Slide .slick-next { background-image:url('../images/main/btn_msRightC_m.png'); opacity: 0.5; }
.sec3Slide .slick-prev:hover,
.sec3Slide .slick-prev:active,
.sec3Slide .slick-prev:focus { opacity: 1; }
.sec3Slide .slick-next:hover,
.sec3Slide .slick-next:active,
.sec3Slide .slick-next:focus { opacity: 1; }

/* sec1 dots*/
.sec3Slide .slick-dots { position:absolute; bottom:-37px; z-index:1002; left: 80px; }
.sec3Slide .slick-dots li { display:inline-block; margin:0 3px; width:13px; height:13px; border: 1px solid #005892; background-color: rgba(255,255,255,0.5); border-radius:50%; }
.sec3Slide .slick-dots li.slick-active { opacity:1; background-color: #005892; }

/* sec1 autoBtn*/
.sec3 .autoBtnArea { position:absolute; display:inline-block; margin-left:auto; margin-right:auto; max-width:1280px; margin-top: 10px; margin-left: 5px; position:absolute; z-index:1003; }
.sec3 .autoBtnArea .autoBtn { cursor:pointer; width:30px; height:30px; appearance:none; -webkit-appearance:none; background-color:#fff; border:none; border-radius:100%; 
  font-size:0; line-height:0; text-indent:-9999px; margin-left:3px; background-size: cover; opacity:0.35;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;
}
.sec3 .autoBtnArea .autoBtn:hover,
.sec3 .autoBtnArea .autoBtn:focus { opacity:0.75; }
.sec3 .autoBtnArea .play { background:url(../images/main/btn_play.png) center center no-repeat; }
.sec3 .autoBtnArea .play.active { background:url(../images/main/btn_play_active.png) center center no-repeat; opacity:0.7; }
.sec3 .autoBtnArea .stop { background:url(../images/main/btn_stop.png) center center no-repeat; }
.sec3 .autoBtnArea .stop.active { background:url(../images/main/btn_stop_active.png) center center no-repeat; opacity:0.7; }


/*sec4*/
.sec4 { padding-top: 80px; background: url(../images/main/sec4_back.jpg) bottom center no-repeat; background-size: cover; }
.sec4 h3 { text-align: center; }
.sec4 h3 span { display: block; font-size: 18px; line-height: 25px; font-weight: bold; letter-spacing: 4px; color: #005892; }

.sec4Slide { margin-top: 50px; }
.sec4Slide .sec4SlideBox { background-color: #fff; }
.sec4Slide .sec4SlideBox:after { content: ''; clear: both; display: block; height: 0; }
.sec4Slide .sec4SlideBox .sec4dvL,
.sec4Slide .sec4SlideBox .sec4dvR { float: left; width: 50%; }
.sec4Slide .sec4SlideBox .sec4dvL a { display: block; overflow: hidden; }
.sec4Slide .sec4SlideBox .sec4dvL a img { width: 100%;
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-o-transition:all .5s ease-in;
-ms-transition:all .5s ease-in;
}

.sec4Slide .sec4SlideBox .sec4dvL a:hover img,
.sec4Slide .sec4SlideBox .sec4dvL a:focus img,
.sec4Slide .sec4SlideBox .sec4dvL a:active img { transform: scale(1.01, 1.01); }

.sec4Slide .sec4SlideBox .sec4dvR {  }
.sec4Slide .sec4SlideBox .sec4dvR dl { padding: 8% 10% 0 10%; }
.sec4Slide .sec4SlideBox .sec4dvR dl dt span { display: block; font-size: 16px; line-height: 28px; font-weight: bold; color: #005892; }
.sec4Slide .sec4SlideBox .sec4dvR dl dt strong { display: block; font-size: 31px; line-height: 40px; font-weight: bold; margin-top: 10px; }
.sec4Slide .sec4SlideBox .sec4dvR dl dd p { font-size: 16px; line-height: 27px; text-align: justify; margin-top: 20px; }
.sec4Slide .sec4SlideBox .sec4dvR dl dd a { display: inline-block; font-size: 15px; line-height: 25px; border: 2px solid #005892; background-color: #005892; color: #fff; 
letter-spacing: 1px; padding: 7px 40px; border-radius: 30px; margin-top: 30px;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}

.sec4Slide .sec4SlideBox .sec4dvR dl dd a:hover,
.sec4Slide .sec4SlideBox .sec4dvR dl dd a:active,
.sec4Slide .sec4SlideBox .sec4dvR dl dd a:focus { background-color: #fef7f7; color: #005892; }

.sec4Slide .slick-prev { left: 0; }
.sec4Slide .slick-next { right: 0; }
.sec4Slide .slick-prev, 
.sec4Slide .slick-next { font-size:0; line-height:0; position:absolute; display:block; bottom: 43%; width:45px; height:45px; padding:0; opacity:0.7;
  border:0; cursor:pointer; background-repeat:no-repeat; background-position:center center; background-color: transparent; z-index:10000; 
  -webkit-transform: translate(0,-20%); 
  -ms-transform:translate(0,-20%);
  -o-transform:translate(0,-20%);
  -moz-transform:translate(0,-20%);
  transform:translate(0,-20%);
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;
}

.sec4Slide .slick-arrow:hover,
.sec4Slide .slick-arrow:focus,
.sec4Slide .slick-arrow:active { opacity:1; }
.sec4Slide .slick-arrow:before { font-size:0; line-height:0; text-indent:-99999999px; }
.sec4Slide .slick-prev { background-image:url('../images/main/btn_msLeftC.png'); opacity: 0.7; }
.sec4Slide .slick-next { background-image:url('../images/main/btn_msrightC.png'); opacity: 0.7; }
.sec4Slide .slick-prev:hover,
.sec4Slide .slick-prev:active,
.sec4Slide .slick-prev:focus { opacity: 1; }
.sec4Slide .slick-next:hover,
.sec4Slide .slick-next:active,
.sec4Slide .slick-next:focus { opacity: 1; }

/* sec1 dots*/
.sec4Slide .slick-dots { position:absolute; bottom:15px; z-index:1002; left: 80px; }
.sec4Slide .slick-dots li { display:inline-block; margin:0 3px; width:13px; height:13px; border: 1px solid #005892; background-color: rgba(255,255,255,0.5); border-radius:50%; }
.sec4Slide .slick-dots li.slick-active { opacity:1; background-color: #005892; }

/* sec1 autoBtn*/
.sec4 .autoBtnArea { position:absolute; display:inline-block; margin-left:auto; margin-right:auto; max-width:1280px; margin-top: -40px; margin-left: 5px; z-index:1003; }
.sec4 .autoBtnArea .autoBtn { cursor:pointer; width:30px; height:30px; appearance:none; -webkit-appearance:none; background-color:#fff; border:none; border-radius:100%; 
  font-size:0; line-height:0; text-indent:-9999px; margin-left:3px; background-size: cover; opacity:0.35;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;
}
.sec4 .autoBtnArea .autoBtn:hover,
.sec4 .autoBtnArea .autoBtn:focus { opacity:0.75; }
.sec4 .autoBtnArea .play { background:url(../images/main/btn_play.png) center center no-repeat; }
.sec4 .autoBtnArea .play.active { background:url(../images/main/btn_play_active.png) center center no-repeat; opacity:0.7; }
.sec4 .autoBtnArea .stop { background:url(../images/main/btn_stop.png) center center no-repeat; }
.sec4 .autoBtnArea .stop.active { background:url(../images/main/btn_stop_active.png) center center no-repeat; opacity:0.7; }

/*sec4*/
.secEve { padding-top: 50px; background-color: #fff; padding-bottom: 50px; background: url(../images/main/sec4_back.jpg) bottom center no-repeat;  background-size: cover;}
.secEve h3 { text-align: center; }
.secEve h3 span { display: block; font-size: 18px; line-height: 25px; font-weight: bold; letter-spacing: 4px; color: #005892; }

.secEve .secEveInner { max-width: 1000px; margin-left: auto; margin-right: auto; }
.secEve .secEveDv { margin-top: 30px; }
.secEve .secEveDv:after { content: ''; clear: both; display: block; height: 0; }
.secEve .secEveDv li { text-align: center; }
.secEve .secEveDv li.secEveDvL,
.secEve .secEveDv li.secEveDvC,
.secEve .secEveDv li.secEveDvR { float: left; width: 30%; }
.secEve .secEveDv li.secEveDvC { margin: 0 5%; }
.secEve .secEveDv li .secEveIcon { display: inline-block; padding:45px; border-radius: 50px; border: 1px solid #005892; box-sizing: border-box; }
.secEve .secEveDv li.secEveDvL .secEveIcon { background: #fff url(../images/common/eveIcon1.png) center center no-repeat; }
.secEve .secEveDv li.secEveDvC .secEveIcon { background: #fff url(../images/common/eveIcon2.png) center center no-repeat; }
.secEve .secEveDv li.secEveDvR .secEveIcon { background: #fff url(../images/common/eveIcon3.png) center center no-repeat; }

.secEve .secEveDv li a { -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in; }

.secEve .secEveDv li.secEveDvL .secEveIcon:focus,
.secEve .secEveDv li.secEveDvL .secEveIcon:active,
.secEve .secEveDv li.secEveDvL .secEveIcon:hover { background: #005892 url(../images/common/eveIcon1_hover.png) center center no-repeat; }
.secEve .secEveDv li.secEveDvC .secEveIcon:focus,
.secEve .secEveDv li.secEveDvC .secEveIcon:active,
.secEve .secEveDv li.secEveDvC .secEveIcon:hover { background: #005892 url(../images/common/eveIcon2_hover.png) center center no-repeat; }
.secEve .secEveDv li.secEveDvR .secEveIcon:focus,
.secEve .secEveDv li.secEveDvR .secEveIcon:active,
.secEve .secEveDv li.secEveDvR .secEveIcon:hover { background: #005892 url(../images/common/eveIcon3_hover.png) center center no-repeat; }

.secEve .secEveDv li .secEveBtn { display: inline-block; font-size: 17px; line-height: 28px; letter-spacing: -0.7px; margin-top: 10px; font-weight: 700; color: #005892; }


.quick_btn{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
}

.quick_area{
  padding: 10px 5px;
  text-align: center;
  background-color: #fff;
  position: fixed;
  z-index: 999;
  bottom: 20px;
  right: -90px;
  width:80px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.quick_area li a{
  display: block;
  font-size: 14px;
}

.quick_area li a img{
  width:100%;
  display: block;
}

.quick_area li:last-child{
  cursor: pointer;
  font-size:34px;
  color: #c3c3c3;
}

@media screen and (max-width:1280px){
  header#header .headerTop a.mainLogo { max-width: 120px; }
  header#header .headerTop a.mainLogo em.bookNum { margin-top: 0; }

  /*section3*/
  .section3 .section3_Box { padding: 0 0 5rem; }

  .section3 .section3_col1, 
  .section3 .section3_col2, 
  .section3 .section3_col3 { margin-top: 50px; }

  .section3 .section3_col1 .section3_stit, 
  .section3 .section3_col2 .section3_stit2, 
  .section3 .section3_col3 .section3_stit3 { position: relative; display: block; width: 100%; text-align: center; left: 0; right: 0; }

  .section3 .section3_col1 .section3_col1W, 
  .section3 .section3_col2 .section3_col2W, 
  .section3 .section3_col3 .section3_col3W { position: relative; max-width: 100%; margin-left: 0; margin-right: 0; margin-top: 25px; }

  .section3 .section3_col1 h4, 
  .section3 .section3_col3 h4 { border-left: none; padding-left: 0; }
  .section3 .section3_col2 h4 { border-right: none; padding-right: 0; }

  .section3 h4 strong,
  .section3 h4 strong,
  .section3 h4 strong { font-size: 2.5rem; line-height: 2.5rem; }
  .section3 h4 span,
  .section3 h4 span,
  .section3 h4 span { display: inline-block; font-size: 2.5rem; line-height: 2.5rem; /*border-bottom: 5px solid #d2232a; padding-bottom: 5px;*/ }

  .section3 .section3_Box .slick-dots { bottom: 0; left: 0; margin-left: 0; top: auto; }

  .section3 .section3_col1 .section3_col1W .autoplayBtn, 
  .section3 .section3_col3 .section3_col3W .autoplayBtn { left: auto; right: 0; bottom: auto; }
  .section3 .section3_col2 .section3_col2W .autoplayBtn { right: 0; bottom: auto; }

  .section3 .section3_col2 .section3_col2W .autoplayBtn .play { margin-right: 0; }
  .section3 .section3_col2 .section3_col2W .autoplayBtn .stop { margin-left: -10px; }

  .section3 .section3_col2 .section3_col2Box .slick-dots { right: 0; }

  .section3 .section3_col1 .section3_col1Box .slick-dots, 
  .section3 .section3_col2 .section3_col2Box .slick-dots, 
  .section3 .section3_col3 .section3_col3Box .slick-dots { bottom: -20px; left: 10px; }
}
@media screen and (max-width:1080px){
  .subPaging>li a dl dd.sm { font-size: 1.5rem; line-height: 1.5rem; top: 35%; }

  .section2 .section2_Box { padding: 4rem 20px; }
  .section2 .section2_Box2 { padding: 30px 20px 20px 20px;}
  .section2 .section2_tit { font-size: 2.5rem; }
  .section2 .section2_Box .section2_con { margin-top: 30px; }
  .section2 .section2_Box .section2_con li.section2_conL { padding-right: 0; }
  .section2 .section2_Box .section2_con li.section2_conR { padding-left: 0; }
  .section2 .section2_Box .section2_con li .section2_conI { opacity: 1; }

  .section2 .section2_Box .section2_con2 li { margin-top: 30px; width: 100%; float: none; }
  .section2 .section2_Box .section2_con2 li.section2_conL { padding-right: 0; }
  .section2 .section2_Box .section2_con2 li.section2_conR { padding-left: 0; }
  .section2 .section2_Box .section2_con2 li .section2_conI { opacity: 1; }

  .section3 .section3_Box .section3_conB { bottom: -200px; }
}

/*mainSlide*/
.mainSlide { height:100%; position: relative; }
.blockAarea { height:100%;  }
.blockAarea:after { display:block; content:""; clear:both; height:0px; }
.slideBg { width:100%; height:600px; position: absolute;}
.slideBg .smImg { width: 100%; height: 600px; } 
.slideBg .smImgChpm1 { position: absolute; z-index:2; }
.slideBg .smImgChpm2 { position: absolute; z-index:0; }
.slideBg .smImgChpm3 { position: absolute; z-index:0; }
.slideBg .smImgChpm4 { position: absolute; z-index:0; }
.slideBg .smImgChpm5 { position: absolute; z-index:0; }

.slideStArea { width:100%;/* height:500px; */position:relative; top:45px; z-index: 1000;}
.slideStArea h3 { text-align: center; font-size: 2rem; font-weight: bold; color:#9ac452; margin-bottom: 30px; }
.slideStArea.w100per { width:100%; }
.slideStArea .smImg { cursor:pointer; background-repeat: no-repeat; }
.slideIndex { max-width:1280px;  margin-left:auto; margin-right:auto; }
.slideIndex .slick-list.draggable { height:100%; cursor:pointer; }
.slideIndex .slick-list .slick-track { height:100%; }

.slideIndex .stImg { height: 500px;  margin: 0 10px; }
.slideIndex .stImg a { color:#000; display: block; overflow: hidden; }
.slideIndex .stImg a img { 
  transition:all .2s ease;
  -webkit-transition:all .2s ease;
  -moz-transition:all .2s ease;
  -o-transition:all .2s ease;
  -ms-transition:all .2s ease;
 }
.slideStArea .stImg a:hover img,
.slideStArea .stImg a:active img,
.slideStArea .stImg a:focus img { transform: scale(1.05,1.05); }

.slideIndex .stImg .Mtitle { background-color: #fff; padding-bottom: 40px;}
.slideIndex .stImg .Mtitle span { display: inline-block; font-size: 13px; line-height: 17px; color: #fff; font-weight: 500; background-color: #9ac452; padding: 5px 10px; }
.slideIndex .stImg .Mtitle strong {margin-top:30px; display: block; font-size: 20px; line-height: 28px; font-weight: 500; text-align: center; }
.slideIndex .stImg .Mtitle .btnwrap { padding: 10px 20px 20px; text-align: center; }
.slideIndex .stImg .Mtitle .sec3Btn { display: inline-block; font-size: 14px; line-height: 22px; color: #9ac452; margin-top: 10px; background-color: #fff; 
border: 2px solid #9ac452; padding: 5px 30px; border-radius: 25px; letter-spacing: 1px;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
}

.slideIndex .slick-prev {top:40%; left: -15px; }
.slideIndex .slick-next {top:40%; right: -15px; }
.slideIndex .slick-prev, 
.slideIndex .slick-next { font-size:0; line-height:0; position:absolute; 
  transform: translateY(-50%);
  display:block; width:35px; height:35px; padding:0;
  border:0; cursor:pointer; background-repeat:no-repeat; background-position:center center; background-color: transparent; z-index:1000; 
  -webkit-transform: translate(0,-20%); 
  -ms-transform:translate(0,-20%);
  -o-transform:translate(0,-20%);
  -moz-transform:translate(0,-20%);
  transform:translate(0,-20%);
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;
}
.slideIndex .slick-arrow:hover,
.slideIndex .slick-arrow:focus,
.slideIndex .slick-arrow:active { opacity:1; }
.slideIndex .slick-arrow:before { font-size:0; line-height:0; text-indent:-99999999px; }
.slideIndex .slick-prev { background-image:url('../images/main/btn_msLeftC_m.png'); opacity: 0.5; }
.slideIndex .slick-next { background-image:url('../images/main/btn_msRightC_m.png'); opacity: 0.5; }
.slideIndex .slick-prev:hover,
.slideIndex .slick-prev:active,
.slideIndex .slick-prev:focus { opacity: 1; }
.slideIndex .slick-next:hover,
.slideIndex .slick-next:active,
.slideIndex .slick-next:focus { opacity: 1; }

.slideIndex .slick-dots { position:absolute; bottom:80px; z-index:1002; left: 0;}
.slideIndex .slick-dots li { display:inline-block; margin:0 3px; width:13px; height:13px; border: 1px solid #9ac452; background-color: rgba(255,255,255,0.5); border-radius:50%; }
.slideIndex .slick-dots li.slick-active { opacity:1; background-color: #9ac452; }

.slideStArea .autoBtnArea {position: absolute; bottom: 80px; right:17%; display:inline-block; margin-left:auto; margin-right:auto; max-width:1280px; margin-top: 10px; margin-left: 5px;  z-index:1003; }
.slideStArea .autoBtnArea .autoBtn { cursor:pointer; width:30px; height:30px; appearance:none; -webkit-appearance:none; background-color:#fff; border:none; border-radius:100%; 
  font-size:0; line-height:0; text-indent:-9999px; margin-left:3px; background-size: cover; opacity:0.35;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;
}
.slideStArea .autoBtnArea .autoBtn:hover,
.slideStArea .autoBtnArea .autoBtn:focus { opacity:0.75; }
.slideStArea .autoBtnArea .play { background:url(../images/main/btn_play.png) center center no-repeat; }
.slideStArea .autoBtnArea .play.active { background:url(../images/main/btn_play_active.png) center center no-repeat; opacity:0.7; }
.slideStArea .autoBtnArea .stop { background:url(../images/main/btn_stop.png) center center no-repeat; }
.slideStArea .autoBtnArea .stop.active { background:url(../images/main/btn_stop_active.png) center center no-repeat; opacity:0.7; }

/*sec4*/
.sec4 { position: relative; margin-top: 50px;  padding-top:50px; padding-bottom: 80px; background-color:#f7f7f7; }
.sec4 .conInner { max-width: 1280px; margin-left: auto; margin-right: auto; }
.sec4 h3 { text-align: center; }
.sec4 h3 span { display: block; font-size: 2rem; line-height: 2.5rem; font-weight: bold; letter-spacing: 2px; color: #0072c0; }
.sec4Slide .listSec { margin-top: 50px; }
.sec4Slide .listSec li { margin: 0 30px; position: relative; }
.sec4Slide .listSec li a { display: block; overflow: hidden; }
.sec4Slide .listSec li a img { width: 100%; 
transition:all .7s ease;
-webkit-transition:all .7s ease;
-moz-transition:all .7s ease;
-o-transition:all .7s ease;
-ms-transition:all .7s ease;
}
.sec4Slide .listSec .sec4txt { display:none; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.6); position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);
transition:all .7s ease;
-webkit-transition:all .7s ease;
-moz-transition:all .7s ease;
-o-transition:all .7s ease;
-ms-transition:all .7s ease;
}
.sec4Slide .listSec .sec4txt .sec4txt_box { position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); }
.sec4Slide .listSec .sec4txt .sec4txt_box span { display: block; font-size: 16px; line-height: 21px; text-align:center; color: #fff; }
.sec4Slide .listSec .sec4txt .sec4txt_box a.sec4Btn { display: inline-block; font-size: 17px; font-weight:600; color:#fff; line-height: 22px; text-align: center; background-color:#0072c0; padding:2px 10px; border-radius: 15px; margin-top:5px;}

.sec4Slide .listSec li.slick-current dl.sec4txt {  }

.sec4Slide .listSec li:hover img,
.sec4Slide .listSec li:active img,
.sec4Slide .listSec li:focus img { transform: scale(1.05,1.05); }

.sec4Slide .listSec li:hover .sec4txt,
.sec4Slide .listSec li:active .sec4txt,
.sec4Slide .listSec li:focus .sec4txt { display: block; }

.sec4Slide .slick-prev { top:50%; left:0;  }
.sec4Slide .slick-next { top:50%; right:0;  }
.sec4Slide .slick-prev, 
.sec4Slide .slick-next { font-size:0; line-height:0; position:absolute; display:block; width:35px; height:35px; padding:0;
  border:0; cursor:pointer; background-repeat:no-repeat; background-position:center center; background-color: transparent; z-index:1000; 
  -webkit-transform: translate(0,-20%); 
  -ms-transform:translate(0,-20%);
  -o-transform:translate(0,-20%);
  -moz-transform:translate(0,-20%);
  transform:translate(0,-20%);
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;
}

/* sec4 arrow*/
.sec4Slide .slick-arrow:hover,
.sec4Slide .slick-arrow:focus,
.sec4Slide .slick-arrow:active { opacity:1; }
.sec4Slide .slick-arrow:before { font-size:0; line-height:0; text-indent:-99999999px; }
.sec4Slide .slick-prev { background-image:url('../images/main/btn_msLeftC_m.png'); opacity: 0.5; }
.sec4Slide .slick-next { background-image:url('../images/main/btn_msRightC_m.png'); opacity: 0.5; }
.sec4Slide .slick-prev:hover,
.sec4Slide .slick-prev:active,
.sec4Slide .slick-prev:focus { opacity: 1; }
.sec4Slide .slick-next:hover,
.sec4Slide .slick-next:active,
.sec4Slide .slick-next:focus { opacity: 1; }

/* sec4 dots*/
.sec4Slide .slick-dots { position:absolute; bottom:-37px; z-index:1002; left: 80px; }
.sec4Slide .slick-dots li { display:inline-block; margin:0 3px; width:13px; height:13px; border: 1px solid #9ac452; background-color: rgba(255,255,255,0.5); border-radius:50%; }
.sec4Slide .slick-dots li.slick-active { opacity:1; background-color: #9ac452; }

/* sec4 autoBtn*/
.sec4 .autoBtnArea { position:absolute; display:inline-block; margin-left:auto; margin-right:auto; max-width:1280px; margin-top: 10px; margin-left: 5px; position:absolute; z-index:1003; }
.sec4 .autoBtnArea .autoBtn { cursor:pointer; width:30px; height:30px; appearance:none; -webkit-appearance:none; background-color:#fff; border:none; border-radius:100%; 
  font-size:0; line-height:0; text-indent:-9999px; margin-left:3px; background-size: cover; opacity:0.35;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;
}
.sec4 .autoBtnArea .autoBtn:hover,
.sec4 .autoBtnArea .autoBtn:focus { opacity:0.75; }
.sec4 .autoBtnArea .play { background:url(../images/main/btn_play.png) center center no-repeat; }
.sec4 .autoBtnArea .play.active { background:url(../images/main/btn_play_active.png) center center no-repeat; opacity:0.7; }
.sec4 .autoBtnArea .stop { background:url(../images/main/btn_stop.png) center center no-repeat; }
.sec4 .autoBtnArea .stop.active { background:url(../images/main/btn_stop_active.png) center center no-repeat; opacity:0.7; }

/* services */
#services { width: 100%; background: #fff; }
#services>ul:after { content: ''; clear: both; display: block; }
#services>ul li { float: left; width: 25%; text-align: center; }
#services>ul li a { display: block; position: relative; width: 100%; height: 140px; border: 1px solid #f5f5fa; box-sizing: border-box; 
  transition: all .3s ease-out; 
  -webkit-transition: all .3s ease-out; 
  -moz-transition: all .3s ease-out; 
  -o-transition: all .3s ease-out; 
  -ms-transition: all .3s ease-out; 
}
#services>ul li a>img { position: absolute; top: -3px; left: -3px; }
#services>ul li a>span { display: block; color: #aaa; font-weight: 500; font-size: 1.5rem; line-height: 1.8rem; margin-top: 95px; 
  transition: all .3s ease-out; 
  -webkit-transition: all .3s ease-out; 
  -moz-transition: all .3s ease-out; 
  -o-transition: all .3s ease-out; 
  -ms-transition: all .3s ease-out; 
}
#services>ul li a:hover { margin-top: -10px; /*box-shadow: 4px 4px 7px rgba(10,88,146,.1);*/ }
#services>ul li.serPdf a { background: #fff url(../images/common/serPdf_active.png) top center no-repeat; }
#services>ul li.serEbook a { background: #fff url(../images/common/serEbook_active.png) top center no-repeat; }
#services>ul li.serReader a { background: #fff url(../images/common/serNews_active.png) top center no-repeat; }
#services>ul li.serList a { background: #fff url(../images/common/serList_active.png) top center no-repeat; }

#services>ul li.serPdf a:hover,
#services>ul li.serPdf a:active,
#services>ul li.serPdf a:focus { background: #fff url(../images/common/serPdf_active.png) top center no-repeat; }
#services>ul li.serPdf a:hover span,
#services>ul li.serPdf a:active span,
#services>ul li.serPdf a:focus span { color: #c6c6c6; }

#services>ul li.serEbook a:hover,
#services>ul li.serEbook a:active,
#services>ul li.serEbook a:focus { background: #fff url(../images/common/serEbook_active.png) top center no-repeat; }
#services>ul li.serEbook a:hover span,
#services>ul li.serEbook a:active span,
#services>ul li.serEbook a:focus span { color: #c6c6c6; }

#services>ul li.serReader a:hover,
#services>ul li.serReader a:active,
#services>ul li.serReader a:focus { background: #fff url(../images/common/serNews_active.png) top center no-repeat; }
#services>ul li.serReader a:hover span,
#services>ul li.serReader a:active span,
#services>ul li.serReader a:focus span { color: #c6c6c6; }

#services>ul li.serNews a:hover,
#services>ul li.serNews a:active,
#services>ul li.serNews a:focus { background: #fff url(../images/common/serNews_active.png) top center no-repeat; }
#services>ul li.serNews a:hover span,
#services>ul li.serNews a:active span,
#services>ul li.serNews a:focus span { color: #c6c6c6; }

#services>ul li.serList a:hover,
#services>ul li.serList a:active,
#services>ul li.serList a:focus { background: #fff url(../images/common/serList_active.png) top center no-repeat; }
#services>ul li.serList a:hover span,
#services>ul li.serList a:active span,
#services>ul li.serList a:focus span { color: #c6c6c6; }

#scrollTop { position:fixed; z-index:9999; bottom:0; right:0; width:50px; height:50px; }
#scrollTop .scrTopBtn { display:block; width:40px; height:40px;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}

/* skip nav */
#skip_nav{ position:relative; }
#skip_nav a{  position:absolute; top:-30px; left:0; width:130px; background-color:#333; text-align:center; z-index:9999; }
#skip_nav a:focus{ top:0; outline:1px solid yellow; }
#skip_nav span{ width:100%; height:100%; color:#fff; font-size:12px; line-height:20px; }

/* Slider */
.slick-slider { position:relative; display:block; box-sizing:border-box; 
  -webkit-user-select:none; 
  -moz-user-select:none; 
  -ms-user-select:none; 
  user-select:none; 
  -webkit-touch-callout:none; 
  -khtml-user-select:none; 
  -ms-touch-action:pan-y; 
  touch-action:pan-y; 
  -webkit-tap-highlight-color:transparent;
}
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { /*outline:none;*/ }
.slick-list.dragging { cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.slick-track { position:relative; top:0; left:0; display:block; }
.slick-track:before,.slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { /* display:block; */}
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display:none; }
.slider-nav { width:100%; max-width:1020px; }

/* Dots */
.slick-dotted.slick-slider {  }
.slick-dots { padding:0; margin:0; list-style:none; text-align:center; }
.slick-dots li { cursor:pointer;}
.slick-dots li button { width:100%; height:100%; cursor:pointer; color:transparent; border:0; /*outline:none;*/ background:transparent; outline: none;}
.slick-dots li button:hover,.slick-dots li button:focus { outline:none; }
.slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity:1; }
.slick-dots li.slick-active button:before { opacity:.75; color:black; }

#superPrinter { display:none; background-color:#ffffff; }
#csaPrintArea { max-width:1280px; margin-left:auto; margin-right:auto; }

.bodyMain {  }
#wrap { position: relative; top:0; left:0; width:100%; height:100%; margin: 0 auto; }
#wrap.wrapMain {  }
#wrap.wrapCommon {  }

/*header*/
#header { position:fixed; width:100%; z-index:99999; }
#header .header-content {  max-width: 1280px; position: relative; margin:0 auto; border-bottom:1px solid rgba(255, 255, 255, 0.2); height: 64px;}
#header .header-content .headerInner {  }
#header .header-content .headerInner .logoArea { float: left; margin-top:18px;}
#header .header-content .headerInner .logoArea:after { display: block; clear: both; content: ''; }
#header .header-content .headerInner .logoArea .logoImg {  float: left; }
#header .header-content .headerInner .logoArea .logoImg:after { display: block; clear: both; content: ''; }
#header .header-content .headerInner .logoArea .logo_white { display: block; }
#header .header-content .headerInner .logoArea .logo_black { display: none }
#header .header-content .headerInner .logoArea .headVol { display:inline-block; margin-top:-1px; margin-left: 7px; text-align: left; font-size:14px; line-height: 16px; color:#ffffff; font-weight: 300;}

#header .header-content .headerTop { margin-top:15px; position: absolute; right: 30px; width: 100%; max-width: 900px;}
#header .header-content .headerTop .navigation{ display: none;  }
#header .header-content .headerTop .navigation.open { display: none; }
#header .header-content .headerTop .navigation ul.depListCon {  }
#header .header-content .headerTop .navigation ul.depListCon li.d1m { float: left; width: 25%; }
#header .header-content .headerTop .navigation a { color: /*rgba(255, 255, 255, 0.75)*/#ffffff; }
#header .header-content .headerTop .navigation a:hover, .navigation a.active { color: #fff; }

.depth1 .d1m a.d1mTxt { padding:11px 0; display: block; }
.depth1 .d1m a.d1mTxt p { font-size: 19px; text-align: center; }
.depth1 .d1m a.d1mTxt:hover p { color: #0051a1;  }
.depth1 .d1m a.d1mTxt:hover .depth2 { display: block; }

.depth1 .depth2 { display: none; background-color:#ffffff; }
.depth1 .depth2 ul li { padding: 10px 0; }
.depth1 .depth2 ul li a p { font-size: 18px; text-align: center; color:#000000;}
.depth1 .depth2 ul li:hover, 
.depth1 .depth2 ul li:active, 
.depth1 .depth2 ul li:focus { background-color:#0051a1; } 
.depth1 .depth2 ul li:hover a p, 
.depth1 .depth2 ul li:active a p, 
.depth1 .depth2 ul li:focus a p { color:#ffffff; } 


/*headerFix*/
#header.headerFix { background-color:rgba(255,255,255,0.9);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
#header.headerFix .header-content .headerInner .logoArea .logo_white {display: none;}
#header.headerFix .header-content .headerInner .logoArea .logo_black {display: block;}
#header.headerFix .header-content .headerInner .logoArea strong { color:#000; }
#header.headerFix .depth1 .d1m a.d1mTxt p { color:#000; }
#header.headerFix .depth1 .d1m01:hover a.d1mTxt,
#header.headerFix .depth1 .d1m02:hover a.d1mTxt,
#header.headerFix .depth1 .d1m03:hover a.d1mTxt,
#header.headerFix .depth1 .d1m04:hover a.d1mTxt { background-color:#0051a1;}

#header.headerFix .depth1 .d1m01:hover a.d1mTxt p,
#header.headerFix .depth1 .d1m02:hover a.d1mTxt p,
#header.headerFix .depth1 .d1m03:hover a.d1mTxt p,
#header.headerFix .depth1 .d1m04:hover a.d1mTxt p { color:#fff; }

#header.headerFix .nav-toggle span { background-color: #000000; }
#header.headerFix .nav-toggle span:before, 
#header.headerFix .nav-toggle span:after { background-color:#000000; } 
#header.headerFix .nav-toggle.close-nav span {
  background-color: rgba(255, 255, 255, 0);
}
/* nav-toggle*/
.nav-toggle {
  text-indent: 0;
  color: rgba(255,255,255,0) !important;
  content: "";
  display: block;
  overflow: hidden;
  position: absolute;
  right: 40px;
  /* text-indent: 100%; */
  top: 50%;
  transform: translate(0,-50%);
  white-space: nowrap;
  z-index: 9990;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;  
}
.nav-toggle span {
  background-color: #fff;
  bottom: auto;
  display: inline-block;
  height: 3px;
  left: 50%;
  position: absolute;
  right: auto;
  top: 50%;
  width: 18px;
  z-index: 10;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.nav-toggle span:before, .nav-toggle span:after {
  background-color: #fff;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.nav-toggle span.fixed{
  background-color: #000000;
}
.nav-toggle span.fixed:before, .nav-toggle span.fixed:after{
  background-color: #000000;
} 

.nav-toggle span:before {
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -webkit-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.nav-toggle span:after {
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -webkit-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.nav-toggle.close-nav:before {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.nav-toggle.close-nav:after {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.nav-toggle.close-nav span {
  background-color: rgba(255, 255, 255, 0);
}
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {
  background-color: #fff;
}
.nav-toggle.close-nav span:before {
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.nav-toggle.close-nav span:after {
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
@media screen and (max-width:1025px) { 
  .navigation {
    position:fixed;
    background-color:rgba(255,255,225,0);
    width:0;
    height:0;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity:0;
    color: rgba(255,255,255,0);
    content:"";
    text-indent: 0;
    z-index: -1;
  }
} 
.gnb_mopen { 
  display: none;
}

.gnb_mopen.open{
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9989;
  background-color: rgba(0,0,0,0.9);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling:touch;
}

.gnb_mopen_W{
  touch-action: pan-y;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding: 50px 0px;
  margin-top: 50px;
  /*margin-left: -5000px;
  transform: translateX(-50%);
  transition:all .4s ease-out;
  -webkit-transition:all .4s ease-out;
  -moz-transition:all .4s ease-out;
  -o-transition:all .4s ease-out;
  -ms-transition:all .4s ease-out;
  */
}
.gnb_mopen_W .gnb1Area:after{
  display: block;
  clear: both;
  content: "";
  height: 0;  
}
.gnb_mopen_W .gnb1Area .gnbM1{
  display: block;
}
.gnb_mopen_W .gnb1Area .gnbM1>p{
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 20px;
}
.gnb_mopen_W .gnb1Area .gnb2Area{
  /*display: none;*/
}
.gnb_mopen_W .gnb1Area .gnb2Area li.gnb2:last-child p{
  margin-bottom: 20px;
}
.gnb_mopen_W .gnb1Area .gnb2Area li.gnb2 p{
  color: #eeeeee;
  font-size: 18px;
  margin-top: 5px;
}
.gnb_mopen_W .gnb1Area .gnb2Area li.gnb2 p:hover{
  color: #91d4f5;
}
.gnb_mopen_W .gnb1:first-child{
  margin-top: 50px;
}
.gnb_mopen_W .gnb1 .gnbM1>p:hover{
   color: #91d4f5;
}

.gnb_mopen_W .gnb1 .gnbM1.active>p{
   color: #91d4f5;
}


/*gnb*/
.gnbArea {  }
.gnbAinner { position:relative; }
.gnbMback { position:fixed; width:100%; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, .8); cursor: pointer; display:none; z-index:10000; }
.gnbM { position:fixed; top: 0; bottom: 0; left: -380px; width: 380px; z-index: 10002; background: #9ac452; overflow-y: auto; }
.gnbM .gnbVol { position: absolute; top: 25px; left: 35px; font-size: 17px; line-height: 22px; color: #fff; font-weight: 200; }
.gnbM .gnbVol span { font-size: 17px; color: #fff; font-weight: 700; }
.gnbM .btnGnb { display:inline-block; position:absolute; top:29px; right:20px; display:none; }
.gnbM .btnGnb { display:inline-block; }
.gnbM .btnGnb em { display:block; margin:15px 10px 0 0; float:left; font-size:20px; line-height:26px; color:#fff;
  transition:all .3s ease-out;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
}
.gnbM .btnGnb.active em { color:#fff; }
.gnbM .btnGnb ul.bars { float:left; overflow:hidden; width:40px; height:40px; position:relative; }
.gnbM .btnGnb ul.bars li { width:30px; height:2.5px; background-color:#fff; position:absolute; font-size:0; line-height:0; text-indent:-9999999px;
  transition:all .3s ease-out;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
}
.gnbM .btnGnb.active ul.bars li { background-color:#fff; }
.gnbM .btnGnb.active ul.bars li { box-shadow: none; }
.gnbM .btnGnb ul.bars li.bar1 { top:10px; left:5px; }
.gnbM .btnGnb ul.bars li.bar2 { top:18px; left:5px; }
.gnbM .btnGnb ul.bars li.bar3 { top:26px; left:5px; }
.gnbM .btnGnb.active {  }
.gnbM .btnGnb em { color:#fff; }
.gnbM .btnGnb.active ul.bars li { background-color:#fff; }
.gnbM .btnGnb.active ul.bars li.bar1 { top:16px; left:3px; 
  transform:rotate(315deg);
  -webkit-transform:rotate(315deg);
  -moz-transform:rotate(315deg);
  -o-transform:rotate(315deg);
  -ms-transform:rotate(315deg);
}
.gnbM .btnGnb.active ul.bars li.bar2 { top:16px; left:3px; 
  transform:rotate(-315deg);
  -webkit-transform:rotate(-315deg);
  -moz-transform:rotate(-315deg);
  -o-transform:rotate(-315deg);
  -ms-transform:rotate(-315deg);
}
.gnbM .btnGnb.active ul.bars li.bar3 { top:16px; left:3px; 
  transform:rotate(315deg);
  -webkit-transform:rotate(315deg);
  -moz-transform:rotate(315deg);
  -o-transform:rotate(315deg);
  -ms-transform:rotate(315deg);
}

.gnbM .dep1Area { text-align: left; padding: 80px 35px; 
	transition: all .3s ease-out; 
	-webkit-transition: all .3s ease-out; 
	-moz-transition: all .3s ease-out; 
	-o-transition: all .3s ease-out; 
	-ms-transition: all .3s ease-out;
}
.gnbM .dep1Area .dep1a { }
.gnbM .dep1Area .dep1a_1 .sns { /*max-width: 150px; margin-left: auto; margin-right: auto;*/ margin-top: 15px; }
.gnbM .dep1Area .dep1a_1 .sns a { margin-right: 8px; }
.gnbM .dep1Area .dep1a_1 .dep1m1 { display: block; font-size: 22px; font-weight: 500; color: #fff; padding: 10px 0; border-bottom: 1px dotted #fff; letter-spacing: -.5px; 
  transition: .2s ease-in; 
  -webkit-transition: .2s ease-in; 
  -moz-transition: .2s ease-in; 
  -o-transition: .2s ease-in; 
  -ms-transition: .2s ease-in; 
}
.gnbM .dep1Area .dep1a_1 .dep1m1:hover,
.gnbM .dep1Area .dep1a_1 .dep1m1:focus,
.gnbM .dep1Area .dep1a_1 .dep1m1:active { color: #fff; }
.gnbM .dep1Area .dep1a .dep1m { position: relative; display: block; font-size: 22px; font-weight: 500; color: #fff; padding: 10px 0; border-bottom: 1px dotted #fff; letter-spacing: -.5px; 
  transition: .2s ease-in; 
  -webkit-transition: .2s ease-in; 
  -moz-transition: .2s ease-in; 
  -o-transition: .2s ease-in; 
  -ms-transition: .2s ease-in; 
}
.gnbM .dep1Area .dep1a .dep1m .gnb_more { position: absolute; top: 15px; right: 0; 
  transition: all .3s ease-out; 
  -webkit-transition: all .3s ease-out; 
  -moz-transition: all .3s ease-out; 
  -o-transition: all .3s ease-out; 
  -ms-transition: all .3s ease-out; 
}
.gnbM .dep1Area .dep1a .dep1m.active .gnb_more { top: 20px; 
  transform: rotate(-540deg); 
  -webkit-transform: rotate(-540deg); 
  -moz-transform: rotate(-540deg); 
  -o-transform: rotate(-540deg); 
  -ms-transform: rotate(-540deg); 
}
.gnbM .dep1Area .dep1a .dep1m:hover { color: #fff; }
.gnbM .dep1Area .dep1a .dep2Area { display: none; padding: 10px 0 0; }
.gnbM .dep1Area .dep1a .dep2Area .dep2a .dep2m { display: block; font-size: 17px; font-weight: 500; letter-spacing: -0.4px; color: #fff; padding-left:10px; padding-bottom: 8px; opacity:0.8; 
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
.gnbM .dep1Area .dep1a .dep2Area .dep2a .dep2m span { display: block; font-size: 15px; line-height:20px; color: #fff; margin-top: 6px; font-weight: 300; letter-spacing: -0.5px; 
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
.gnbM .dep1Area .dep1a .dep2Area .dep2a .dep2m:hover,
.gnbM .dep1Area .dep1a .dep2Area .dep2a .dep2m:focus { opacity:1; }
.gnbM .dep1Area .dep1a .dep2Area .dep2a .dep2m:hover span,
.gnbM .dep1Area .dep1a .dep2Area .dep2a .dep2m:focus span { opacity:1; }

/*navApp*/
.gnbM .depth1-1 .dep1M {
    display: block;
    font-size: 18px;
    line-height: 25px;
    padding: 13px 0;
    border-bottom: solid 1px #fff;
    color: #fff;
    text-decoration: none;
    letter-spacing: -.6px;
    font-weight: bold;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}

/*app*/
.navApp { position:relative; display:block; overflow:hidden; }
.navApp:after { content: ''; clear: both; display: block; height: 0; }
.navApp .navAppL {
	float: left;
	width: 65%;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 25px;
    padding: 12px 0;
    color: #fff;
    text-decoration: none;
    letter-spacing: -.6px;
    font-weight: bold;
    margin-top: 3px;
}
.navApp .navAppR { 
	float: left;
	width: 33%;
	background-color: transparent;
	margin-top: 3px;
	vertical-align: middle;
	padding: 12px 0;
}
.navApp .navAppR .mPbc {
	display: block;
	width: 100%;
	height: 100%;
	color: #24408e;
	font-size: 15px;
    line-height: 26px;
    font-weight: bold;
	background-color: #fff;
	-webkit-appearance:none; 
	-moz-appearance:none; 
	border:0;
	border-radius: 10px;
	cursor: pointer;
}
.navApp .pushBtn { position:absolute; top:36px; right:10px; }

.navApp .tip { clear:both; display:block; font-size:15px; font-weight:bold; }
.navApp .tip em { display:block; font-size:15px; line-height:18px; color:#fff; font-weight:bold; }
.navApp .tip span { font-size:15px; color:#fff; border-bottom: 1px solid #fff; font-weight:bold; }

.on-off-switch { position:relative; cursor:pointer; overflow:hidden; user-select:none; }
.on-off-switch-track { position:absolute; border:solid #888; z-index:1; background-color:#fff; overflow:hidden; }
.on-off-switch-track-on { background-color:#009966; border-color:#008844; position:absolute; z-index:10; overflow:hidden; }
.on-off-switch-track-off { position:absolute; border-color:#CCC; z-index:1; }
.on-off-switch-track-white { background-color:#FFF; position:absolute; opacity:0.2; z-index:30; }
.track-on-gradient, .track-off-gradient {
    position:absolute; width:100%; height:5px;
}
.on-off-switch-text-on { color:#FFF; text-align:left; font-weight:bold; }
.on-off-switch-text-off { color:#000; text-align:right; font-weight:bold; }
.on-off-switch-text { width:100%; position:absolute; font-family:arial; user-select:none; font-size:10px;}
.on-off-switch-thumb { position:absolute; z-index:2; overflow:hidden; }
.on-off-switch-thumb-shadow { opacity:0.5; border:1px solid #aaa; position:absolute; }
.on-off-switch-thumb-on { background-image:url('../images/common/bg_push_on.png'); z-index:10; }
.on-off-switch-thumb-off { background-image:url('../images/common/bg_push_off.png'); }
.on-off-switch-thumb-color{
    background-position:center center;  background-repeat:no-repeat;
    position:absolute;
}

.nav-lang { width:68px; height: 30px; background:url(../images/common/btn_lang2.png); background-size: cover; position: absolute; right:88px; top:50%; transform: translate(0px, -50%);}
.nav-lang a {display: block; width:100%; height: 100%;}


#header.headerFix .nav-lang { width:68px; height: 30px; background:url(../images/common/btn_lang2_on.png); background-size: cover; position: absolute; right:88px; top:50%; transform: translate(0px, -50%);}

.siArea { position: absolute; right:0px; top:50%; background: transparent; z-index:9989; transform: translate(0,-50%); }
.siArea .search_input .siSubmit:hover,
.siArea .search_input .siSubmit:focus,
.siArea .search_input .siSubmit:active { background-image: url('../images/common/btn_search_active.png'); background-position: center center; background-repeat: no-repeat; }
.siArea .searchBtn { display: block; width: 20px; height: 20px; background: url(../images/common/btn_search.png); background-size: cover; }

.rc_submit input { color: #fff; border: none; letter-spacing: -0.5px; padding: 1rem 5rem; font-weight: bold; outline: none; background-color:#0C3388;
  margin-top: 3rem; font-size: 1.4rem; border-radius: 25px; cursor: pointer;
  transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
}
.rc_submit input:hover,
.rc_submit input:active {color: #333; background-color: #eeeeee;}

.siArea a { display: block; width: 20px; height: 20px; }
.siArea img { width: 100%; }
.siArea em { display: none; }
.siArea .nino-search { background-color: transparent; padding: 0; appearance: none; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; 
  background-position: center center; background-repeat: no-repeat; box-sizing: border-box; cursor: pointer; outline: 0; border: 0; 
  transition: .2s ease-in; 
  -webkit-transition: .2s ease-in; 
  -moz-transition: .2s ease-in; 
  -o-transition: .2s ease-in; 
  -ms-transition: .2s ease-in; 
}
#header.headerFix .siArea .searchBtn { display: block; width: 20px; height: 20px; background: url(../images/common/btn_search_b.png); background-size: cover; }

/*search*/
#nino-searchForm {
	position: fixed;
	left: 0; right:0;
	top: -100%;
	height: 100%;
	background: rgba(0,0,0,.9);
	z-index: 9991;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#nino-searchForm.open {
	top: 0;
	opacity: 1;	
}

.nsiArea { position:relative; top:45%; padding-left:15%; padding-right:15%; }

#nino-searchForm .nino-searchInput {  
  display: block;
  width: 100%;  
  box-shadow: none;
  font-size: 70px;
  background: none;
  border: none;
  border-bottom: 1px solid #333;
  font-weight: 700;
  color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-right: 50px;
}
#nino-searchForm .search_iconw{
  position: absolute; bottom:20px;
  right:15%;
  background-color: rgba(255,255,255,0);
  border: none;
  width: 40px;
  height: 40px;  
}
#nino-searchForm .search_icon{ cursor:pointer; display:block;
  background-image: url('../images/common/search_btn_gray.png');
  border: none;
  background-color: rgba(255,255,255,0);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;  
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;  
}

#nino-searchForm .nino-close {
  position: absolute;
  top: 20px;
  right: 50px;
  font-size: 30px;
  cursor: pointer;
  color: #747474;
  transition:.3s ease-in;
  -webkit-transition:.3s ease-in;
  -moz-transition:.3s ease-in;
  -o-transition:.3s ease-in;
  -ms-transition:.3s ease-in;  
}
#nino-searchForm .nino-close:hover {
  color: #fff;
  transition:.3s ease-in;
  -webkit-transition:.3s ease-in;
  -moz-transition:.3s ease-in;
  -o-transition:.3s ease-in;
  -ms-transition:.3s ease-in;  
}
#nino-searchForm .srh_btn{ 
  position: absolute;
  right: 20%;
  top: 48%;
  border:none;
  background-color: rgba(255,255,255,0);
  background-image: url('../images/common/search_btn_gray.png');
  width: 50px;
  height: 50px;
  background-size:cover;
  -webkit-background-size:cover;
  -ms-background-size:cover;
  -o-background-size:cover;
  -moz-background-size:cover;
  content: "";
  color: rgba(255,255,255,0);
}

/*container*/
#container { width:100%; min-height:800px; overflow:hidden; }
#container.conFix { margin-top:0px; }
.sec3 .conInner{ position: relative; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; }

/* sub common */
.wrapSub .contents .conInner { padding-bottom: 100px; }

/* breadCrumb */
.breadCrumb { width: 100%; height: 20px; padding:20px 0; border-bottom: 1px dotted #999; letter-spacing: -0.7px; }
.breadCrumbW { width: 100%; height: 20px; padding:20px 0; border-bottom: 1px dotted #fff; letter-spacing: -0.7px; }
.breadCrumbW>li:first-child { float: left; font-size: 15px; color: #fff; }
.breadCrumbW>li:last-child { float: right; }
.breadCrumb>li:first-child { float: left; font-size: 15px; }
.breadCrumb>li:last-child { float: right; }

.sub_link { position: relative; width: 100%; height:65px; }
.sub_link .url_print { position: absolute; top: 0; left:50px; }
.sub_link .sub_sns { position: absolute; top: 0; right:50px; }
.sub_link ul li { float: left; }
.sub_link ul li a { display: block; width: 65px; height: 65px; box-sizing: border-box; font-size: 0; line-height: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: center;
transition:.3s ease-out;
-webkit-transition:.3s ease-out;
-moz-transition:.3s ease-out;
-o-transition:.3s ease-out;
-ms-transition:.3s ease-out;
}

.sub_link .sns_txt { background-color: #24408e; }
.sub_link .sns_txt p { display: block; width: 65px; height: 65px; box-sizing: border-box; text-align: center; color: #fff; line-height: 16px; padding-top: 16px; }
.sub_link .sub_sns li a { background-color: #fff; }

.sub_link ul li.icoUrl a { background:#f5f5f5 url(../images/sub/url_icon.png) center no-repeat; }
.sub_link ul li.icoPrint a { background:#a3a3a3 url(../images/sub/print_icon.png) center no-repeat; }
.sub_link ul li.icoTwitter a { background-image: url(../images/sub/twitter_icon.png); }
.sub_link ul li.icoFacebook a { background-image: url(../images/sub/facebook_icon.png); }
.sub_link ul li.icoBlog a { background-image: url(../images/sub/blog_icon.png); }
.sub_link ul li.icoBand a { background-image: url(../images/sub/band_icon.png); }
.sub_link ul li.icoStory a { background-image: url(../images/sub/story_icon.png); }

.sub_link ul li.icoUrl a:hover,
.sub_link ul li.icoUrl a:focus,
.sub_link ul li.icoUrl a:active { background-image: url(../images/sub/url_icon_hover.png); background-color: #7c7c7c; }
.sub_link ul li.icoPrint a:hover,
.sub_link ul li.icoPrint a:focus,
.sub_link ul li.icoPrint a:active { background-image: url(../images/sub/print_icon_hover.png); background-color: #ddd; }
.sub_link ul li.icoTwitter a:hover,
.sub_link ul li.icoTwitter a:focus,
.sub_link ul li.icoTwitter a:active { background-image: url(../images/sub/twitter_icon_hover.png); background-color: #33a1ef; }
.sub_link ul li.icoFacebook a:hover,
.sub_link ul li.icoFacebook a:focus,
.sub_link ul li.icoFacebook a:active { background-image: url(../images/sub/facebook_icon_hover.png); background-color: #3b5998; }
.sub_link ul li.icoBlog a:hover,
.sub_link ul li.icoBlog a:focus,
.sub_link ul li.icoBlog a:active { background-image: url(../images/sub/blog_icon_hover.png); background-color: #2eb300; }
.sub_link ul li.icoBand a:hover,
.sub_link ul li.icoBand a:focus,
.sub_link ul li.icoBand a:active { background-image: url(../images/sub/band_icon_hover.png); background-color: #2eb300; }
.sub_link ul li.icoStory a:hover,
.sub_link ul li.icoStory a:focus,
.sub_link ul li.icoStory a:active { background-image: url(../images/sub/story_icon_hover.png); background-color: #f7ca37; }

/* sub Title */
.subTitle { margin-top:80px; }

/* subPaging */
.paging { /*max-width:1280px;*/ margin-left:auto; margin-right:auto; }
.subPaging { width: 100%; }
.subPaging:after { content: ''; clear: both; display: block; }
.subPaging>li { float: left; width: 50%; box-sizing: border-box; }
.subPaging>li a { display: block; background: #000 url(../images/sub/sp_back.png) top center; }
.subPaging>li a dl { position: relative; margin-bottom: 0; }
.subPaging>li a dl dt img { width: 100%; vertical-align: middle; opacity: .55;
transition:all 1s ease-out;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
}
.subPaging>li a dl dd { color: #fff; font-size: 4rem; font-weight: 400; letter-spacing: -2px; position: absolute; top: 50%; transform: translateY(-50%);
transition:all 1s ease-out;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
}
.subPaging>li a dl dd.sm { color: #fff; font-size: 3rem; line-height: 3rem; font-weight: 400; letter-spacing: -2px; position: absolute; top: 34%;
transition:all 1s ease-out;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
}
.subPaging>li.sPprev a dl dd { left: 10%; }
.subPaging>li.sPnext a dl dd { right: 10%; }
.subPaging>li a dl dd span { color: #fff; font-size: 4rem; font-weight: bold; }
.subPaging>li a:hover dl dt img,
.subPaging>li a:active dl dt img,
.subPaging>li a:focus dl dt img { opacity: 0.1; }
.subPaging>li.sPprev a:hover dl dd,
.subPaging>li.sPprev a:active dl dd,
.subPaging>li.sPprev a:focus dl dd { left: 8.5%; }
.subPaging>li.sPnext a:hover dl dd,
.subPaging>li.sPnext a:active dl dd,
.subPaging>li.sPnext a:focus dl dd { right: 8.5%; }

/* footer */
#footer { width: 96%; background-color: #DBE9F4; padding-top: 4.5rem; overflow: hidden; max-width: 1280px; margin-left: auto; margin-right: auto;}
#footer ul:after { content: ''; clear: both; display: block; }
#footer ul .footL { float: left; width: 50%; box-sizing: border-box; }
#footer ul .footR { float: right; width: 50%;  box-sizing: border-box; }

#footer ul .footL h3 a { display: block; max-width: 180px; }
#footer ul .footL h3 a img { width: 100%; }
#footer ul .footL .footL_txt p { font-size: 17px; margin-top:20px;}
#footer ul .footL .footL_txt .footer_btn { max-width: 400px; }
#footer ul .footL .footL_txt .footer_btn a:nth-child(1) { 
  display: block; margin-top:10px; font-size:17px; color:#000; width:49%; font-weight: 600; padding:5px 20px; background-color:#fff; text-align: center;
  transition: all 0.3s ease-in-out; float: left; margin-right: 2%;
  box-sizing: border-box;
}
#footer ul .footL .footL_txt .footer_btn a:nth-child(2) { 
  display: block; margin-top:10px; font-size:17px; color:#000; width:49%; font-weight: 600; padding:5px 20px; background-color:#fff; text-align: center;
  transition: all 0.3s ease-in-out; float: left;
  box-sizing: border-box;
}
#footer ul .footL .footL_txt a:hover { color:#fff; background-color:#333; }

#footer ul .footR li.sns { max-width: 270px; margin-left:auto; }
#footer ul .footR li.sns a { margin-right: 5px; }
#footer ul .footR address { color:#000; font-size: 1.2rem; text-align: right;  }
#footer ul .footR address a { color: #000; font-size: 1.2rem;text-align: right;   line-height: 1.8rem; font-weight: 500; letter-spacing: -0.5px;  }
#footer ul .footR li.newsletter p { text-align: right; }


.mainContents { max-width:1280px; margin-left:auto; margin-right:auto; }
/* add banner */
.addContents { overflow: hidden;   max-width:1280px; margin-left:auto; margin-right:auto; margin-top:50px; }
.addContents a {display: block;}
.addContents img { width: 100%; 
  transition:.7s ease;
  -webkit-transition:.7s ease;
  -moz-transition:.7s ease;
  -o-transition:.7s ease;
  -ms-transition:.7s ease;
}
.addContents a img:hover { transform: scale(1.02,1.02); }

.mainThumbArea { overflow:hidden; margin-top: 50px; }
.mainThumbArea .mtiLayer,
.mainThumbArea .mtilThumb1,
.mainThumbArea .mtilThumb2,
.mainThumbArea .mtilThumb3,
.mainThumbArea .mtilThumb4 { float:left; overflow:hidden; }
.mainThumbArea .mtiLayer { width:100%; }
.mainThumbArea .mtilThumb1 { width:50%; 
	transition:all .8s ease-in;
	-webkit-transition:all .8s ease-in;
	-moz-transition:all .8s ease-in;
	-o-transition:all .8s ease-in;
	-ms-transition:all .8s ease-in;
}
.mainThumbArea .mtilThumb2 { width:25%; 
	transition:all .8s ease-in;
	-webkit-transition:all .8s ease-in;
	-moz-transition:all .8s ease-in;
	-o-transition:all .8s ease-in;
	-ms-transition:all .8s ease-in;
}	
.mainThumbArea .mtilThumb3 { width:50%; 
	transition:all .8s ease-in;
	-webkit-transition:all .8s ease-in;
	-moz-transition:all .8s ease-in;
	-o-transition:all .8s ease-in;
	-ms-transition:all .8s ease-in;
}

.mainThumbArea .mtilThumb5 { width:100%; 
  transition:all .8s ease-in;
  -webkit-transition:all .8s ease-in;
  -moz-transition:all .8s ease-in;
  -o-transition:all .8s ease-in;
  -ms-transition:all .8s ease-in;
}

.mainThumbArea .mtilThumb4 { width:33.3333%; }
.mainThumbArea .mtiBox { position:relative; }
.mainThumbArea .mtiBox .glink { position:absolute; top:0; left:0; right:0; bottom:0; height:100%; display:block; box-sizing:border-box; 
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; 
	background-size:cover; background-repeat:no-repeat; background-position:center center; }
.mainThumbArea .mtiBox .glink .glbCon { position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.6); opacity:0; z-index:100;
	transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	-ms-transition:all .3s ease-in;
}

.mainThumbArea .mtilThumb1 .glink .glbCon em { display: block; width: 100%; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-align:center; z-index:101; }
.mainThumbArea .mtilThumb1 .glink .glbCon em span { display: block; font-size:15px; color:#ffffff; font-weight: 300; letter-spacing: -0.5px; }
.mainThumbArea .mtilThumb1 .glink .glbCon em strong { display: block; font-size:22px; color:#ffffff; font-weight: 700; margin-top: 10px; }

/* 메인 텍스트 투명도 */
.mainThumbArea .mtilThumb1 .glink:hover .glbCon,
.mainThumbArea .mtilThumb1 .glink:focus .glbCon { opacity:1; }

.mainThumbArea .mtilThumb2 .glink .glbCon em { display: block; width: 100%; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-align:center; z-index:101; 
	transition:all .4s ease-in;
	-webkit-transition:all .4s ease-in;
	-moz-transition:all .4s ease-in;
	-o-transition:all .4s ease-in;
	-ms-transition:all .4s ease-in;
}
.mainThumbArea .mtilThumb2 .glink .glbCon strong { display: block; font-size:20px; color:#ffffff; font-weight: 700; letter-spacing: -0.5px; margin-top: 10px;
	transition:all .4s ease-in;
	-webkit-transition:all .4s ease-in;
	-moz-transition:all .4s ease-in;
	-o-transition:all .4s ease-in;
	-ms-transition:all .4s ease-in;
}
.mainThumbArea .mtilThumb2 .glink .glbCon span { display: block; font-size:15px; color:#ffffff; font-weight: 300; letter-spacing: -0.5px;
  transition:all .4s ease-in;
  -webkit-transition:all .4s ease-in;
  -moz-transition:all .4s ease-in;
  -o-transition:all .4s ease-in;
  -ms-transition:all .4s ease-in;
}

/* 메인 텍스트 투명도 */
.mainThumbArea .mtilThumb2 .glink:hover .glbCon,
.mainThumbArea .mtilThumb2 .glink:focus .glbCon { opacity:1; }

/*.mainThumbArea .mtilThumb2 .glink .glbCon,
.mainThumbArea .mtilThumb2 .glink .glbCon { opacity:.8; }*/

.mainThumbArea .mtilThumb3 .glink .glbCon em { display: block; width: 100%; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-align:center; z-index:101; 
  transition:all .4s ease-in;
  -webkit-transition:all .4s ease-in;
  -moz-transition:all .4s ease-in;
  -o-transition:all .4s ease-in;
  -ms-transition:all .4s ease-in;
}
.mainThumbArea .mtilThumb3 .glink .glbCon strong { display: block; font-size:24px; color:#ffffff; font-weight: 700; letter-spacing: -0.5px; margin-top: 10px;
  transition:all .4s ease-in;
  -webkit-transition:all .4s ease-in;
  -moz-transition:all .4s ease-in;
  -o-transition:all .4s ease-in;
  -ms-transition:all .4s ease-in;
}
.mainThumbArea .mtilThumb3 .glink .glbCon span { display: block; font-size:18px; color:#ffffff; font-weight: 300; letter-spacing: -0.5px;
  transition:all .4s ease-in;
  -webkit-transition:all .4s ease-in;
  -moz-transition:all .4s ease-in;
  -o-transition:all .4s ease-in;
  -ms-transition:all .4s ease-in;
}

/* 메인 텍스트 투명도 */
.mainThumbArea .mtilThumb3 .glink:hover .glbCon,
.mainThumbArea .mtilThumb3 .glink:focus .glbCon { opacity:1; }

.mainThumbArea .mtiBox .glImg { width:100%; }
.mainThumbArea .mtiBox .glbImg01 { background-image: url("../images/main/glbImg01.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .glbImg02 { background-image: url("../images/main/glbImg02.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .glbImg03 { background-image: url("../images/main/glbImg03.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .glbImg04 { background-image: url("../images/main/glbImg04.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .glbImg05 { background-image: url("../images/main/glbImg05.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .glbImg06 { background-image: url("../images/main/glbImg06.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .glbImg07 { background-image: url("../images/main/glbImg07.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .glbImg08 { background-image: url("../images/main/glbImg08.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .glbImg09 { background-image: url("../images/main/glbImg09.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .glbImg10 { background-image: url("../images/main/glbImg10.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .glbImg11 { background-image: url("../images/main/glbImg11.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .gadImg1 { background-image: url("../images/main/gadImg1.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .gadImg2{ background-image: url("../images/main/gadImg2.jpg"); background-color:#fff; }

.mainThumbArea .mtiBox .glbImgBk { background-image: url("../images/main/glbImgBk.jpg"); background-color:#fff; }

.mainThumbArea .mtiBox .glbImgEbk { background-image: url("../images/main/glbImgEbk.jpg"); background-color:#fff; }
.mainThumbArea .mtiBox .glbImgList { background-image: url("../images/main/glbImgList.jpg"); background-color:#fff; }


/* LIST */
.conList { position:relative; z-index:1; }
.tlTitle { max-width:1000px; margin-left:auto; margin-right:auto; font-size:27px; color:#333; line-height:30px; padding-top:80px; text-align:center; font-weight:700; font-family: 'Poppins'; }
.tlTitle span { font-size:22px; color:#005892; display: inline-block; vertical-align: middle; margin-bottom: 10px; }
.tlTitle.bts { border-top:1px solid #fff; }
.thumbList { overflow:hidden; max-width:1280px; margin-left:auto; margin-right:auto; padding-bottom:50px; }
.thumbList:after { display:block; content:""; clear:both; height:0; }
.thumbList .tlLink { width:25%; float:left; margin-top: 50px; 
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;  
}
.thumbList .tlLink .tlthumb { text-align: center; padding-right:15px; padding-left:15px; }
.thumbList .tlLink .tlthumb .thumbImg { display:inline-block; position:relative; border:1px solid #eeeeee; margin-top:20px; }
.thumbList .tlLink .tlthumb .thumbImg img { position:relative; z-index:7; }
.thumbList .tlLink .tlthumb .thumbImg:before{ content:""; display:block; position:absolute; top:0; left:0; width:180px; height:251px;
  background:url('../../../images/list/book_bg.png');
  background-repeat: no-repeat;
}

.thumbList .tlLink img { max-width:175px; height:235px;  }
.thumbList .tlLink .tlthumb .tlthumb_con { font-size:18px; text-align:center; display:block; }
.thumbList .tlLink .tlthumb .tlthumb_con .tl0 { font-size:17px; color:#222; }
.thumbList .tlLink .tlthumb .tlthumb_con .tl1 { font-size:15px; color:#222; }
.thumbList .tlLink .tlthumb .tlthumb_con .tl2 { font-size:15px; color:#999; }
.thumbList .tlLink .tlthumb .tlthumb_con .tl3 { font-size:17px; font-weight:800; color:#005892; }
.thumbList .tlLink .tlthumb .tlthumb_btn { margin-top:20px; max-width:240px; margin-left:auto; margin-right:auto; }
.thumbList .tlLink .tlthumb .tlthumb_btn:after { display:block; content:""; clear:both; height:0; }
.thumbList .tlLink .tlthumb .tlthumb_btn ul { text-align:center; }
.thumbList .tlLink .tlthumb .tlthumb_btn ul li { display:inline-block; width:32.3333333333%; text-align:center; }
.thumbList .tlLink .tlthumb .tlthumb_btn ul li a {
  display:block; font-size:12px; font-weight:700; padding:4px; border:1px solid #ddd; margin-left:5px; margin-right:5px; color:#3d3d3d;
  transition:all .4s ease-in;
  -webkit-transition:all .4s ease-in;
  -moz-transition:all .4s ease-in;
  -o-transition:all .4s ease-in;
  -ms-transition:all .4s ease-in;  
}
.thumbList .tlLink .tlthumb .tlthumb_btn ul li a:hover { background-color:#005892; border:1px solid #005892; color:#fff; }
.thumbList .tlLink .tlthumb .tlthumb_btn ul:after { display:block; content:""; clear:both; height:0; }

/* reader page */
.textLayer dt { font-size:16px; line-height:22px; color:#221e1f; }
.textLayer dd { width:100%; border:1px solid #ccc; padding:5px; }
.textLayer dd input { width:100%; font-size:16px; line-height:22px; color:#221e1f; border:0; }
.textLayer .boxing { border:1px solid #ccc; padding:10px; }
.textLayer .boxing textarea { width:100%; height:100px; resize:none; border:0; }
.radioLayer input[type="radio"] { vertical-align:middle; }
.radioLayer label { display:inline-block; vertical-align:middle; font-size:16px; line-height:22px; color:#221e1f; }
.radioLayer label.tC005da4 { color:#005da4; }
.rc_submit input { cursor:pointer; display:inline-block; padding:8px 15px; background-color:#221e1f; border:0; color:#f7f7f7; font-size:24px;
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
}
.rc_submit input:hover,
.rc_submit input:active { background-color:#005892; }

/*유튜브 반응형 스타일 적용*/
.videowrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 비율인 경우 */
  /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
  padding-top: 0;
  height: 0;
}
.videowrapper embed,
.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* reader page */
.conMail { padding:15px 15px 20px 15px; max-width:900px; margin:30px auto; background-color:#fff; border-top: 1px dotted #999;
  transition:1s ease-in;
    -webkit-transition:1s ease-in;
    -moz-transition:1s ease-in;
    -o-transition:1s ease-in;
    -ms-transition:1s ease-in;
}
.conMail .inputForm dl { margin:20px 0 0 0; }
.conMail .inputForm dl dt { font-size:16px; line-height:22px; font-weight:bold; color:#666; }
.conMail .inputForm dl dt em { font-size:16px; line-height:22px; font-weight:bold; color:#666; }
.conMail .inputForm dl dt .tip { margin-top:8px; display:block; font-size:12px; line-height:20px; color:#f56b27; }
.conMail .inputForm dl dd { margin:10px 0 0 0; background-color:#fff; padding:10px; border-radius:0px; border:1px solid #ccc; position:relative; overflow:hidden; }
.conMail .inputForm dl dd input { line-height:16px; border:0; font-size:16px; color:#333; margin-right:8px;}
.conMail .inputForm dl dd textarea { width:100%; height:80px; line-height:14px; font-size:14px; color:#333; resize:none; border:0; }
.conMail .inputForm dl dd label { width:100%; height:80px; line-height:14px; font-size:16px; color:#333; resize:none; border:0; }
.radioLayer input[type="radio"] { vertical-align:middle; }
.radioLayer label { display:inline-block; vertical-align:middle; font-size:16px; line-height:26px; }

.inputForm fieldset { /*padding:0 20px 20px 20px;*/ border:none; margin-top:40px; }
.inputForm fieldset legend { font-size:16px; line-height:22px; font-weight:bold; color:#666;}

.file_input_position { position:absolute; top:0; right:0; z-index:10; }
.file_input_div { position:relative; width:100px; height:36px; overflow:hidden; }
.file_input_textbox_layer { margin-right:110px; cursor:pointer; }
.conMail .inputForm dl dd input.file_input_textbox { color:#666; }
input[type="file"] { cursor:pointer !important; }
::-webkit-file-upload-button { cursor:pointer !important; }
.conMail .inputForm dl dd input.file_input_button { display:block; width:100px; height:36px; line-height:36px; position:absolute; top:0px; background-color:#0a184e; color:#fff; border-style:solid; }
.conMail .inputForm dl dd input.file_input_button:hover { background-color:#000; }
.conMail .inputForm dl dd input.file_input_hidden { display:block; font-size:45px; height:36px; line-height:36px; position:absolute; right:0px; top:0px; opacity:0; 
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";
-khtml-opacity:0;
-moz-opacity:0; 
}

/* checkBox */
.part_check { margin:15px 0 20px}
.part_check h4{ font-size: 16px; line-height: 27px; color: #666; font-weight: bold; }
.familyChk {  }
.familyChk li { display:inline-block; margin:8px 10px 0 0; line-height:18px; background-repeat:no-repeat; background-position:left center; background-image:url('../images/common/partOff.png'); }
.familyChk li label { padding-left:25px; font-size:16px; font-weight:bold; color:#666; }
.familyChk li.cbChk { background-image:url('../images/common/partOn.png'); }

/* radio */
.conArea .agree { margin:20px auto 0 auto; padding:10px 0px 10px 0px; overflow:hidden; background-color:#fff; }
.conArea .agree .agreeTit { margin:5px 0 0 0; color:#cc3333; font-size:15px; font-weight: bold; }
.conArea .agree .agreeItem { margin:10px 0 0 0; }
.conArea .agree .agreeItem li { margin:5px 0 0 0; color:#666; font-size:14px; font-weight: bold; line-height:18px; background:url('../images/common/txt_bull01.gif') 0 8px no-repeat; padding-left:8px;  }

.conArea .agree .agree_check { margin:10px 0 0 0; border-top:1px dotted #666; padding-top:5px; }
.conArea .agree .agree_check ul { margin:5px 0 0 0; }
.conArea .agree .agree_check ul li { margin:8px 0 0 0; }
.conArea .agree .agree_check ul li input {
    vertical-align: middle;
}
.conArea .agree .agree_check ul li label { color:#cc3333; font-size:14px; line-height:20px; font-weight: bold; padding-left:5px; display:inline-block; min-height:20px; }

.botBtnArea { margin-top:15px; max-width:600px; margin:0 auto; text-align:center; }
.botBtnArea .botBtn { display:inline-block; }
.botBtnArea .iconMail { display:inline-block; border-radius:2px; background-repeat:repeat-x; background-position:center top; background-color:#fff; padding:5px 15px; overflow:hidden; min-width:45px; border:1px solid #aaa;
  transition:.3s ease-in;
    -webkit-transition:.3s ease-in;
    -moz-transition:.3s ease-in;
    -o-transition:.3s ease-in;
    -ms-transition:.3s ease-in;
}

.botBtnArea .iconMail span { display:block; font-weight:bold; font-size:13px; color:#0a184e; padding-top:35px; background-repeat:no-repeat; background-position:center top; background-image:url(../images/common/icon_mail.png); 
    transition:.3s ease-in;
    -webkit-transition:.3s ease-in;
    -moz-transition:.3s ease-in;
    -o-transition:.3s ease-in;
    -ms-transition:.3s ease-in;
}

.botBtnArea .iconMail:hover,
.botBtnArea .iconMail:active,
.botBtnArea .iconMail:focus { background-color:#fecd5c; border:1px solid #fecd5c; border-radius: 0; }
.botBtnArea .iconMail:hover span,
.botBtnArea .iconMail:active span,
.botBtnArea .iconMail:focus span { color:#0a184e; background-image:url('../images/common/icon_mail_hover.png'); }

.contents .conInner { max-width:1280px; margin-left:auto; margin-right:auto; }

/*lastArti*/
.lastArti { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 30px 0 40px; margin-top: 50px; }
.lastArti h3 { font-size: 24px; letter-spacing: -0.5px; font-weight: 700; text-align: center; }
.lastArti .lastArti_sli { width: 100%; position: relative; }
.lastArti .lastArti_sli:after { content: ''; clear: both; display: block; height: 0; }
.lastArti .lastArti_wrap { float: left; width: 20%; padding: 0 20px; margin-top: 25px; max-width:200px;}
.lastArti .lastArti_wrap:after { content: ''; clear: both; display: block; height: 0; }
.lastArti .lastArti_wrap a img { width: 100%; }

.lastArti .lastArtitem:hover,
.lastArti .lastArtitem:active,
.lastArti .lastArtitem:focus { outline: none; }

.lastArti .lastArtitem:hover .lastArti_tR button,
.lastArti .lastArtitem:active .lastArti_tR button,
.lastArti .lastArtitem:focus .lastArti_tR button { background-color: #24408e; color: #fff; outline: none; }

.lastArti .lastArti_tWrap .lastArti_tR { margin-top: 10px; letter-spacing: -0.7px; }
.lastArti .lastArti_tWrap .lastArti_tR em { display: block; font-size: 12px; }
.lastArti .lastArti_tWrap .lastArti_tR span { display: block; font-size: 13px; margin-top: 5px; }
.lastArti .lastArti_tWrap .lastArti_tR strong { display: block; font-size: 16px; font-weight: 700; margin-top: 5px; }
.lastArti .lastArti_tWrap .lastArti_tR button { display: block; width: 100%; max-width: 150px; padding: 7px 15px; background-color: #eee;
  font-size: 13px; font-weight: 500; margin-top: 20px; border: none; cursor: pointer;
  transition:.3s ease-out;
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
}

.lastArti .slick-dots { text-align: center; margin-top: 30px; }
.lastArti .slick-dots li { display: inline-block; width: 10px; height: 10px; background-color: #333; border-radius: 100%; margin: 0 2px; }
.lastArti .slick-dots li:active,
.lastArti .slick-dots li:hover,
.lastArti .slick-dots li:focus { border-radius: 0; background-color: #fc0; }
.lastArti .slick-dots li.slick-active { border-radius: 0; background-color: #fc0; }

/* INSTANT */
/* 즉석당첨 */
/*instant*/
.instant_goods:after { content: ''; display: block; clear: both; }
.instant_goods { margin:0; padding:0; }
.instant_goods .instant_goods1 { float:left; width:48%; margin: 0.66666667%; padding:0; }
.instant_goods .instant_goods1 dl { margin:0; }

.instant_detail { position: relative; background-color:#eee; padding: 10px 35px 25px; }
.instant_detail dl { line-height: 28px; }
.instant_detail dl:after { content: ''; display: block; clear: both; }
.instant_detail dt { color: #333; font-size: 18px; }
.instant_detail dd { color: #333; font-size: 17px; word-break: break-all; }

.evt_frm>dt { /*box-sizing: border-box;*/ }
.evt_info { padding-left: 0; margin: 0; }
.evt_frm .evt_info { text-align: center; padding-left: 0; margin: 0; }
.evt_frm .evt_info dl { min-height:100px; position: relative; max-width: 300px; margin: -20px auto 0; line-height: 22px; padding: 20px; background:#eee; text-align: center; letter-spacing: -0.5px; /*box-sizing: border-box;*/ }
.evt_frm .evt_info dt { font-size: 17px; margin-bottom: 10px; font-weight: bold; margin:0;}
.evt_frm .evt_info dd.evt_infoClo { font-size: 15px; line-height: 20px; margin-left: 0 !important; margin-top: 10px; }
.evt_frm .evt_info dd.evt_infoNum { margin-left: 0; }
.evt_frm .evt_info dd.evt_infoNum ul { margin:0; padding-left: 0; }
.evt_frm .evt_info dd.evt_infoNum li { display: inline-block; font-size: 15px; line-height: 21px; padding-left: 0; }
.evt_frm .evt_info dd.evt_infoNum li label { font-size: 15px; color: red; font-weight: 700; margin:0px; display: inline-block;}

.evt_frm .evt_info dd.evt_tiB { display: block; margin-top: 15px; margin-left: 0; }
.evt_frm .evt_info dd a.evt_tiBtn,
.evt_frm .evt_info dd a.evt_tiBtn2 { border:none; /*box-sizing: border-box;*/ max-width: 150px; margin: 10px auto 0; padding: 5px 15px; }

.evt_frm .evt_info dd a.evt_tiBtn { font-size:15px; color:#fff; font-weight:700; background-color:#80498c; cursor:pointer;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;    
 }
.evt_frm .evt_info dd a.evt_tiBtn:hover,
.evt_frm .evt_info dd a.evt_tiBtn:focus,
.evt_frm .evt_info dd a.evt_tiBtn:active { color:#80498c; background:#fff; }
.evt_frm .evt_info dd a.evt_tiBtn2 { font-size: 15px; color: #fff; font-weight: 400; background-color: #999; cursor: text; }

/*instant3,4*/  
.contents { position: relative; }
.contents .evt_prev { position: absolute; left: 0px; top:0px; display: block; padding: 5px 10px; background-color:#999; color:#fff; font-size: 17px; letter-spacing: -0.6px; font-weight: 500; 
  -webkit-appearance:none;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
.contents .evt_prev:hover,
.contents .evt_prev:focus,
.contents .evt_prev:active { background-color:#2d2d2d; }

.btnEvtgetArea { height:36px; }

#btn_evtget { display:inline-block; padding:6px 26px; background-color:#80498c; border:2px solid #80498c; font-size: 17px; color: #fff; border-radius:10px; line-height: 20px; font-weight: bold; cursor: pointer; 
  -webkit-appearance:none;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
#btn_evtget:hover,
#btn_evtget:focus,
#btn_evtget:active { background-color:#fff; color:#80498c; }
#btn_evtClo { display: inline-block; margin-top: 30px; padding: 10px 30px; background: #eee; font-size: 17px; border-radius: 10px; }

.evt_more { max-width: 400px; margin: 50px auto 0; padding: 15px 20px; border: 3px solid #d9d9d9; border-radius: 30px; }
.evt_more .evt_info li { padding-left:0; display: inline-block; font-size: 17px; line-height: 17px; margin-top:3px; margin-bottom:3px; }
.evt_more .evt_info li label { font-size: 17px; color: red; font-weight: 700; display: inline-block; margin:0; } 

/* event pop layer */
#showBox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; background: url(../images/common/blk_1x1_080.png); overflow:hidden; overflow-y:auto; z-index: 999999; }
/* 마진탑 조절 #eventPopWrap { background-color: #fff; margin-top: 9%;
  margin-left: auto;
  margin-right: auto;
  max-width: 580px;
  overflow: hidden;
}
#eventPopWrap .eventPopWin { max-width: 580px; height: 620px; overflow-y: auto; }
#eventPopWrap .eventPopFail { max-width: 580px; height: 220px; }*/
#eventPopWrap { 
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#eventPopWrap .eventPopWin {    
    width: 100%; 
    max-width: 580px;
    height: 660px;
    background: #fff;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -310px;
    margin-left: -290px;
    overflow-y: auto; 
}
#eventPopWrap .eventPopFail {     
    max-width: 580px;
    height: 255px;
    background: #fff;
    position: relative;
    top: 50%;
    margin-top: -110px;
    left: 50%;
    margin-left: -290px;
}
#eventPopWrap h3 { background-color: #44cbff; padding: 10px 20px; font-size: 18px; color: #fff; font-weight: 400; text-align: center; margin-top: 0; margin-bottom: 0;}

#eventPopWrap .evt_win_form li { width: 100%; border:1px solid #ccc; padding:5px; } 
#eventPopWrap .evt_win_form li input { width: 100%; font-size:14px; line-height:20px; color:#666; border: 0; height: auto; padding:0; }
#eventPopWrap .evt_win_form li textarea { width: 100%; font-size:14px; line-height:20px; color:#666; border: 0; height: auto; padding:0; resize: none; }

#eventPopWrap .mailtre { display: inline-block; width: 150px; padding:16px; background-color:#44cbff; font-size: 14px; color: #fff !important; border:2px #44cbff solid; height:auto; border-radius:0; line-height:0; cursor:pointer; 
  -webkit-appearance:none;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
#eventPopWrap .mailtre:hover,
#eventPopWrap .mailtre:focus,
#eventPopWrap .mailtre:active { background-color:#fff; color:#44cbff !important; }
#eventPopWrap .inst_cancel { display: inline-block; width: 150px; padding:16px; background-color:#999; font-size: 14px; color: #fff !important; border:2px #999 solid; height:auto; border-radius:0; line-height:0; cursor:pointer; 
  -webkit-appearance:none;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
#eventPopWrap .inst_cancel:hover,
#eventPopWrap .inst_cancel:focus,
#eventPopWrap .inst_cancel:active { color: #2d2d2d !important; border:2px #2d2d2d solid; background-color:#fff; }

#eventPopWrap .evt_win_form li.inputHid { border: none; height: 0; }

.evt_win_form { padding-left: 0; margin: 0; }
.wintxt { margin-top: 5px; padding-left: 0; }
.wintxt>li { padding-left: 0; }

/*win list*/
.go_winList { display: block; color: #333; max-width: 220px; margin-left: auto; margin-right: auto; margin-top: 50px; font-size: 16px; letter-spacing: 2px; border-bottom: 1px solid #666; border-top: 1px solid #666;
padding: 7px 0;
transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
}
.go_winList:hover,
.go_winList:active,
.go_winList:focus { color: #80498c; }


/*win list*/
.ins_w_list { border-top: 1px solid #ddd; }
.ins_w_listDt { overflow: hidden; border-bottom: 1px solid #ddd; }
.ins_w_listDt:after { content: ''; clear: both; display: block; height: 0; }
.ins_w_listDtL { float: left; width: 25%; overflow: hidden; padding: 15px 0 0; }
.ins_w_listDtR { float: left; width: 73%; margin-left: 1.8%; padding: 30px 0; letter-spacing: -0.6px; }

.ins_w_listDtL em { float: left; font-size: 14px; color: #333; line-height: 23px; text-align: center; padding-top: 50px; }
.ins_w_listDtL span { display: inline-block; width: 30px; float: left; font-size: 15px; }
.ins_w_listDtL span img { display: inline-block; width: 250px; margin-left: auto; margin-right: auto; }

.ins_w_listDtR .ins_w_goods { font-size: 16px; color: #333; line-height: 25px; font-weight: bold; }
.ins_w_listDtR .ins_w_list_info { font-size: 14px; color: #333; line-height: 25px; font-weight: bold; margin-top: 5px; }
.ins_w_listDtR .ins_w_list_name { font-size: 15px; margin-right: 10px; }
.ins_w_listDtR .ins_w_list_num { font-size: 14px; color: #fff; font-weight: bold; background-color: #999; border-radius: 15px; padding: 5px 15px; }
.ins_w_list_msg { margin-top: 10px; font-size: 14px; line-height: 23px; }
.ins_w_list_date { margin-top: 5px; font-size: 11px; line-height: 17px; color: #999; }

.set_paging { overflow:hidden; margin-bottom:10px; text-align:center; }
.set_paging .spp { display:inline-block; *display:inline; _display:inline; font-size:17px; line-height:23px; color:#333; 
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
.set_paging .sppNum { display:inline-block; *display:inline; _display:inline; text-align:center; font-size:17px; line-height:23px; color:#888888; }
.set_paging .sppLink { display:inline-block; *display:inline; _display:inline; font-size:16px; line-height:23px; color:#2d2d2d; margin-left:3px; margin-right:3px; padding:3px 9px;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
.set_paging .sppLink:hover,
.set_paging .sppLink:focus,
.set_paging .sppLink:active { color:#44cbff; } 
.set_paging .sppLink.active { color:#fff; font-weight:bold; background-color:#80498c; } 

/* sub common */
.wrapSub .contents .conInner { padding-bottom: 100px; }
.sub_link { position: relative; width: 100%; height: 60px; }
.sub_link .url_print { position: absolute; top: 0; left: 30px; }
.sub_link .sub_sns { position: absolute; top: 0; right: 30px; }
.sub_link ul li { float: left; }
.sub_link ul li a { display: block; width: 65px; height: 65px; box-sizing: border-box; font-size: 0; line-height: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: center;
transition:.3s ease-out;
-webkit-transition:.3s ease-out;
-moz-transition:.3s ease-out;
-o-transition:.3s ease-out;
-ms-transition:.3s ease-out;
}

.sub_link .sns_txt p { display: block; width: 65px; height: 65px; box-sizing: border-box; text-align: center; color: #fff; line-height: 16px; padding-top: 16px; }
.sub_link .sub_sns li a { background-color: #fff; }

.sub_link ul li.icoUrl a { background:#f5f5f5 url(../images/sub/url_icon.png) center no-repeat; }
.sub_link ul li.icoPrint a { background:#a3a3a3 url(../images/sub/print_icon.png) center no-repeat; }
.sub_link ul li.icoTwitter a { background-image: url(../images/sub/twitter_icon.png); }
.sub_link ul li.icoFacebook a { background-image: url(../images/sub/facebook_icon.png); }
.sub_link ul li.icoBlog a { background-image: url(../images/sub/blog_icon.png); }
.sub_link ul li.icoBand a { background-image: url(../images/sub/band_icon.png); }
.sub_link ul li.icoStory a { background-image: url(../images/sub/story_icon.png); }

.sub_link ul li.icoUrl a:hover,
.sub_link ul li.icoUrl a:focus,
.sub_link ul li.icoUrl a:active { background-image: url(../images/sub/url_icon_hover.png); background-color: #7c7c7c; }
.sub_link ul li.icoPrint a:hover,
.sub_link ul li.icoPrint a:focus,
.sub_link ul li.icoPrint a:active { background-image: url(../images/sub/print_icon_hover.png); background-color: #ddd; }
.sub_link ul li.icoTwitter a:hover,
.sub_link ul li.icoTwitter a:focus,
.sub_link ul li.icoTwitter a:active { background-image: url(../images/sub/twitter_icon_hover.png); background-color: #33a1ef; }
.sub_link ul li.icoFacebook a:hover,
.sub_link ul li.icoFacebook a:focus,
.sub_link ul li.icoFacebook a:active { background-image: url(../images/sub/facebook_icon_hover.png); background-color: #3b5998; }
.sub_link ul li.icoBlog a:hover,
.sub_link ul li.icoBlog a:focus,
.sub_link ul li.icoBlog a:active { background-image: url(../images/sub/blog_icon_hover.png); background-color: #2eb300; }
.sub_link ul li.icoBand a:hover,
.sub_link ul li.icoBand a:focus,
.sub_link ul li.icoBand a:active { background-image: url(../images/sub/band_icon_hover.png); background-color: #2eb300; }
.sub_link ul li.icoStory a:hover,
.sub_link ul li.icoStory a:focus,
.sub_link ul li.icoStory a:active { background-image: url(../images/sub/story_icon_hover.png); background-color: #f7ca37; }
    
/* SUB Page */
.subArea { width:100%; max-width:1280px; margin-left:auto; margin-right:auto; overflow:hidden; }

.subVisual { width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; }
.subVisual .subVisImg { width: 100%; }
.subVisual .subVisImg img { width: 100%; }
.subVisual dl { position: absolute; width: 100%; top: 50%; left: 50%; text-align: center; transform: translate(-50%,-50%); }
.subVisual dl dt { font-size: 2.5rem; color: #fff; }
.subVisual dl dd { font-size: 4rem; color: #fff; font-weight: 700; }
.subVisual span { display: block; position: absolute; right: 5px; bottom: 10px; color: #fff; font-weight: 600; }

.subTitle .titleTop { margin-top: 60px; }
.subTitle .subT2:after { content: ''; clear: both; display: block; }
.subTitle .subT2>li { float: left; width: 50%; }

.photo2Type1 { overflow:hidden; }
.photo2Type1:after { display:block; content:""; clear:both; height:0; }
.photo2Type1>li { width:48%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type1>li.pt2L { margin-right:2%; }
.photo2Type1>li.pt2R { margin-left:2%; }

.photo2Type2 { overflow:hidden; }
.photo2Type2:after { display:block; content:""; clear:both; height:0; }
.photo2Type2>li { width:49%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type2>li.pt2L { margin-right:1%; }
.photo2Type2>li.pt2R { margin-left:1%; }

.photo2Type3 { overflow:hidden; }
.photo2Type3:after { display:block; content:""; clear:both; height:0; }
.photo2Type3>li { float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type3>li.pt2L {width: 33%; margin-right:2%; }
.photo2Type3>li.pt2R {width: 65%; }

.photo2Type4 { overflow:hidden; }
.photo2Type4:after { display:block; content:""; clear:both; height:0; }
.photo2Type4>li { float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type4>li.pt2L {width: 65%; margin-right:2%; }
.photo2Type4>li.pt2R {width: 33%;   }

.photo3Type1 { overflow:hidden; }
.photo3Type1:after { display:block; content:""; clear:both; height:0; }
.photo3Type1>li { width:32%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo3Type1>li.pt3L { margin-right:2%; }
.photo3Type1>li.pt3R { margin-left:2%; }

.photo3Type2 { overflow:hidden; }
.photo3Type2:after { display:block; content:""; clear:both; height:0; }
.photo3Type2>li { float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo3Type2>li.pt3L { width: 38%; margin-right:2%; }
.photo3Type2>li.pt3C { width: 20%; }
.photo3Type2>li.pt3R { width: 38%; margin-left:2%; }

.photo3Type3 { overflow:hidden; }
.photo3Type3:after { display:block; content:""; clear:both; height:0; }
.photo3Type3>li { width:32%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo3Type3>li.pt3L { margin-right:2%; }
.photo3Type3>li.pt3R { margin-left:2%; }

.photo4Type1 { overflow:hidden; }
.photo4Type1:after { display:block; content:""; clear:both; height:0; }
.photo4Type1>li { width:24%; float:left; }
.photo4Type1>li.pt4a {margin-left:1%; margin-right:1%; }
.photo4Type1>li.pt4b { margin-right:1%; }
.photo4Type1>li.pt4c { margin-right:1%; }

.photo5Type1 { overflow:hidden; }
.photo5Type1:after { display:block; content:""; clear:both; height:0; }
.photo5Type1>li { width:18%; float:left; }
.photo5Type1>li.pt5a {margin-right:1%; margin-left:1%; border-right: 1px solid #333; padding-right: 1%; }
.photo5Type1>li.pt5b { margin-right:1%; border-right: 1px solid #333; padding-right: 1%; }
.photo5Type1>li.pt5c { margin-right:1%; border-right: 1px solid #333; padding-right: 1%; }
.photo5Type1>li.pt5d { margin-right:1%; border-right: 1px solid #333; padding-right: 1%; }

.p01_back { background:url(../images/contents/p01_back.png); background-size: 100%; background-position: center center; }
.p19_back { background:url(../images/contents/p19_back.jpg); background-size: 100%; background-position: center center; }
.p19_back2 { background:url(../images/contents/p19_back2.jpg); background-size: cover; background-position: center center; }

/*table*/
.brn { border-right: none !important; }
.bln { border-left: none !important; }
.con_table1 { width: 100%; }
.con_table1 tr th{ background-color: #fff5da; }
.con_table1 tr td:first-child { background-color: #fff5da; }
.con_table1 tr td, th{ border: 1px solid #000; font-size: 17px; text-align: center; /*word-break: keep-all;*/ padding: 5px 10px 5px 10px;}
/*table*/

/*sub3_2 레이어팝업스타일*/
a.open { font-size:17px; text-align: center; padding:10px 20px 10px 20px; border-radius: 15px; background-color: #ffffff; max-width: 40px; margin:0 auto; display: block; margin-top:20px; box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.8);}           
a.close { font-size:17px; text-align: center; padding:10px 20px 10px 20px; border-radius: 15px; background-color: #ffffff; max-width: 40px; margin-left: auto; margin-right:auto; margin-top:20px; display: block; box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.8);}
a.close:hover {text-decoration: underline;}

#layer1, 
#layer2, 
#layer3,
#layer4,
#layer5,
#layer6,
#layer7,
#layer8,
#layer9,
#layer10,
#layer11 { display: none; position: fixed; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; height: 100%; border:1px solid #000000; box-shadow: 3px 3px 10px rgba(0,0,0,0.4); z-index: 10; background-color:rgba(0,0,0,0.8); }
.popupCon {
  width:600px;  height: 600px; overflow: hidden; overflow-y:auto; background-color:#ffffff; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);
  background-color:#faf1ec; padding:20px;
}
.pConPadding {padding-top:30px; padding-bottom:30px;}

.con1_5_bg { background-image: url(../images/contents/con1_5_bg.png); background-size: 100%; background-repeat:  repeat; }

.con2_4_dl1 dt { display: flex; justify-content: space-between; flex-wrap: wrap; }

.con2_5_dl:after { content: ''; display: block; clear: both; }
.con2_5_dl dt { float:left;  width:29%; margin-right: 1%; }
.con2_5_dl dd { float:left;  width:70%; }
.con2_5_bgC { background: linear-gradient(to bottom, #B5E1DD, #F8BAD4); }

.con3_1_dl1{ align-items: center; display: flex; flex-wrap: wrap; margin-top:20px; }
.con3_1_dl1 dt{  width:70%; margin-right: 3%; }
.con3_1_dl1 dd{ width:28%; max-width: 100px; margin-left: auto; margin-right: auto; }
.con3_1_dl1 dd img{ max-width: 100%; }

.mxW70w400{max-width:100px;}
.mtM150M640{margin-top:-150px;}

/* Media Query */
@media screen and (max-width:1280px){
  .sec1 { padding-bottom: 50px; }
  .sec1Slide .sec1DvT .sec1DvTR dl,
  .sec1Slide .sec1DvBL dl { margin-top: 25px; }
  .sec1Slide .sec1DvT .sec1DvTR { padding-left: 5%; padding-top: 3%; padding-bottom: 50px; }

  .sec1Slide .sec1DvT .sec1DvTR dl dd a,
  .sec1Slide .sec1DvB .sec1DvBL dl dd a { margin-top: 25px; }
  .sec1Slide .sec1DvT .sec1DvTR dl dd span,
  .sec1Slide .sec1DvB .sec1DvBL dl dd span { font-size: 27px; line-height: 36px; margin-top: 15px; }

  .sec2 .sec2Wrap li a .sec2WrapBox dt { font-size: 22px; line-height: 28px; }
  .sec2 .sec2Wrap li a .sec2WrapBox dd { font-size: 22px; line-height: 31px; }

  .sec3 { margin-top: 40px; padding-bottom: 50px; }

  .sec4Slide .sec4SlideBox .sec4dvR dl { padding: 6% 10% 0 8%; }
  .sec4Slide .sec4SlideBox .sec4dvR dl dt span { font-size: 14px; line-height: 25px; }
  .sec4Slide .sec4SlideBox .sec4dvR dl dt strong { font-size: 20px; line-height: 26px; }
  .sec4Slide .sec4SlideBox .sec4dvR dl dd p { font-size: 14px; line-height: 20px; margin-top: 15px; }
  .sec4Slide .sec4SlideBox .sec4dvR dl dd a { font-size: 13px; line-height: 17px; letter-spacing: 0; }

  #nino-searchForm .nino-searchInput { font-size: 60px; }
}

@media all and (max-width: 1180px){ 
  .sec1Slide .slick-active .sec1DvT .sec1DvTR dl, 
  .sec1Slide .slick-active .sec1DvBL dl { margin-top: 10px; }
  .sec1Slide .sec1DvT .sec1DvTR dl dt,
  .sec1Slide .sec1DvB .sec1DvBL dl dt { font-size: 15px; line-height: 18px; }
  .sec1Slide .sec1DvT .sec1DvTR dl dd span,
  .sec1Slide .sec1DvB .sec1DvBL dl dd span { font-size: 20px; line-height: 27px; margin-top: 10px; }
  .sec1Slide .sec1DvT .sec1DvTR dl dd p,
  .sec1Slide .sec1DvB .sec1DvBL dl dd p { font-size: 14px; line-height: 24px; letter-spacing: -0.6px; margin-top: 10px; }
  .sec1Slide .sec1DvT .sec1DvTR dl dd a, 
  .sec1Slide .sec1DvB .sec1DvBL dl dd a { padding: 5px 20px; letter-spacing: 1px;  font-size: 12px; margin-top: 15px; }
  .sec1Slide .sec1DvT .sec1DvTR dl dd a:hover,
  .sec1Slide .sec1DvT .sec1DvTR dl dd a:active,
  .sec1Slide .sec1DvT .sec1DvTR dl dd a:focus,
  .sec1Slide .sec1DvB .sec1DvBL dl dd a:hover,
  .sec1Slide .sec1DvB .sec1DvBL dl dd a:active,
  .sec1Slide .sec1DvB .sec1DvBL dl dd a:focus { padding: 5px 20px; }
}

@media screen and (max-width:1420px){ 
  #scrollTop { right:15px; margin-right:0; }

  .subPaging>li a dl dd { font-size: 2.5rem; }
  .subPaging>li a dl dd span { font-size: 2.5rem; }
}

@media screen and (max-width:1310px){ 
  #header .header-content .headerInner .logoArea{ margin-left:3%; }
  #header .gnbIcon.giM { left:15px; margin-left:0; }
  .nav-toggle{ right:6%; }
  .nav-lang{ right:10%; }
  #header.headerFix .nav-lang { right: 10%; }
  .siArea { right:3%; margin-right:0; }
}

@media screen and (max-width:1280px){ 
  .mtilThumb5 {width: 100%;}
}
@media screen and (max-width:1200px){ 
  .mainSarea .mstBox { height: 300px; }
  .mainSarea .mstBox.slick-active .mstbLinkArea div.mstbLink { top: 14%; }
  .mainSarea .mstbLinkArea div.mstbLink dl dt { font-size: 1.1rem; margin-bottom: 1rem; }
  .mainSarea .mstbLinkArea div.mstbLink dl dt>span { margin-top: 10px; }
  .mainSarea .mstbLinkArea div.mstbLink dl dd p span { font-size: 1.5rem; line-height: 2rem; }
  .mainSarea .mstbLinkArea div.mstbLink dl dd p strong { font-size: 2.2rem; line-height: 2.7rem; margin-top: 10px; }
  .mainSarea .mstbLinkArea div.mstbLink dl dd button { padding: 0.5rem 3rem; margin-top: 1.5rem; font-size: 1.2rem; }
}

@media all and (max-width: 1170px) {
/*  .photo3Type1>li { width:100%; display: block; float: none;
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
   }
  .photo3Type1>li.pt3L { margin-right:auto; }
  .photo3Type1>li.pt3R { margin-left:auto; }*/
}
 

@media all and (max-width: 1148px){
  /*sub*/
  .sub_link ul li a { width: 50px; height: 50px; }
  .sub_link .sns_txt p { width: 50px; height: 50px; font-size: 11px; line-height: 12px; padding-top: 12px; }
}


@media screen and (max-width:1024px){ 
  #nino-searchForm .nino-searchInput { font-size:40px; }
  #nino-searchForm .search_iconw { bottom:12px; right:8%; }
  .nsiArea { padding-left:8%; padding-right:8%; }
}

@media screen and (max-width:1000px){ 
  .subTitle .subT2 { text-align: center; }
  .subTitle .subT2 .con1_1_span {margin-left: auto; margin-right: auto;}
  .subTitle .subT2>li { display: block; width: 100%; }
  .subTitle .subT2>li.subT2R { margin-top: 50px; }
  .subTitle .subT2>li.subT2R em { text-align: justify; }
  .subTitle .subT2>li.subT2L { border-left:none; padding-left: 0; }
  .subTitle .subT2 .subT2Img { margin-left: auto; margin-right: auto; }
  .title_bar { margin-left: auto; margin-right: auto; }
  .thumbList_Box .thumb_book li { width: 50%; }
  .thumbList_Box .thumbYear span { font-size: 35px; }

  .subPaging>li a dl dd { font-size: 2rem; }
  .subPaging>li a dl dd span { font-size: 2rem; }

  .subTitleImg { margin: 0 auto; }
}

@media screen and (max-width: 910px){
  .thumbList .tlLink { width:50%; 
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg); 
    -moz-transform:rotateY(360deg); 
    -o-transform:rotateY(360deg); 
    -ms-transform:rotateY(360deg); 
  }
}

@media screen and (max-width:900px){ 
  .m900icon{margin:10px auto 0;}

  .evt_frm > dt { text-align:center; }
  .evt_frm > dt img { max-width:340px; }

  .contents .evt_prev { left:15px; top:0px; }
  .ins_w_list { text-align: center; }
  .ins_w_listDtL { display: block; width: 100%; float: none; }
  .ins_w_listDtL em,
  .ins_w_listDtL span,
  .ins_w_listDtL span img { display: block; width: 100%; }
  .ins_w_listDtL em { padding-top: 20px; }
  .ins_w_listDtL { display: block; width: 100%; clear: both; max-width: 300px; margin-left: auto; margin-right: auto; padding:0; }
  .ins_w_listDtR { display: block; width: 100%; margin-left: 0; clear: both; padding: 0 0 20px; }
}

@media screen and (max-width: 890px){
  /* sec1 */
  .sec1 { background: #fff; }
  .sec1 .sec1Inner { max-width: 700px; }
  .sec1Slide .slick-dots {  }
  .sec1Slide .sec1DvT .sec1DvTL, 
  .sec1Slide .sec1DvT .sec1DvTR { display: block; width: 100%; }
  .sec1Slide .sec1DvT .sec1DvTR { margin-top: 0; text-align: center; padding-left: 0; }
  .sec1Slide .sec1DvT .sec1DvTR dl dd p, 
  .sec1Slide .sec1DvB .sec1DvBL dl dd p { text-align: center; }
  .sec1Slide .sec1DvT .sec1DvTR dl { margin-top: 10px; }
  .sec2 .sec2Wrap li{ width:50%; }
  .sec2 .sec2Wrap li a .sec2WrapBox dt { font-size: 15px; line-height: 19px; font-weight: 500; padding: 2%; }
  .sec2 .sec2Wrap li a .sec2WrapBox dd { font-size: 15px; line-height: 19px; bottom: 50px; font-weight: 500; padding: 2%; }
  .sec2 .sec2Wrap li a:hover .sec2WrapBox, 
  .sec2 .sec2Wrap li a:focus .sec2WrapBox, 
  .sec2 .sec2Wrap li a:active .sec2WrapBox { background-color: rgb(199 233 140 / 43%); }
  
  /*footer*/
  #footer { padding: 3rem 0; }
  #footer ul .footL,
  #footer ul .footR { width: 100%; display: block; padding: 10px; }

  #footer ul .footL h3 a { margin-left: auto; margin-right: auto; }
  #footer ul .footL .footL_txt p { text-align: center; font-size: 15px; }
  #footer ul .footL .footL_txt .footer_btn { margin-left: auto; margin-right: auto; }
  #footer ul .footL .footL_txt a { width:100%; margin-left: auto; margin-right: auto; margin-right: 0; }
  #footer ul .footL .footL_txt .footer_btn a:nth-child(1) { margin-right: 0; width: 100%; float: none; }
  #footer ul .footL .footL_txt .footer_btn a:nth-child(2) { margin-right: 0; width: 100%; float: none; }
  #footer ul .footL address { text-align: center; }

  #footer ul .footR { margin-top: 5px; }
  #footer ul .footR li.sns { max-width: 270px; margin-left: auto; margin-right: auto; }
  #footer ul .footR li.sns a.snsLast { margin-right: 0px; }
  #footer ul .footR address,
  #footer ul .footR li.newsletter p { text-align: center; }
}

@media screen and (max-width:840px){ 

  .instant_goods .instant_goods1 { display: block; width: 100%; margin-right:0; margin-left:0; margin-bottom:30px; }

	#header .headerInner .logoArea { margin-top:10px; }
	#header .headerInner .logoArea a { max-width:110px; }
	#header .gnbIcon.giM { top:6px; }
 /*header*/
  #header .header-content .headerInner .logoArea .headVol { margin-left: 140px; }
  #header .headSnsWrap_mo .headSnsWrap_moBtn { display: block; }
  #header .headSnsWrap { display: none; }

  .subVisual dl dt { font-size: 1.3rem; }
  .subVisual dl dd { font-size: 1.8rem; }

	.mainSlide { margin-top: 0px; }
	.mainSlide .mstBox { height: 300px; }
	.mainSarea .mstbLinkArea div.mstbLink { top: 15%; left: 8%; }
	.mainSarea .mstBox.slick-active .mstbLinkArea div.mstbLink { top: 18%; }
	.mainSarea .mstbLinkArea div.mstbLink dl dt { margin-bottom: 1.2rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dt>span { margin-top: 10px; }
	.mainSarea .mstbLinkArea div.mstbLink dl dt { font-size: 1rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd p span { font-size: 1.2rem; line-height: 1.7rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd p strong { font-size: 1.8rem; line-height: 2.3rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd button { padding: 0.5rem 2rem; font-size: 1.1rem; margin-top: 1.5rem; }

	.mainSarea .slick-dots { left: 10px; bottom: 10px; }
	.mainSarea button.slick-prev, 
	.mainSarea button.slick-next { bottom: 0; }
  
  .addContents { margin-top:0px; }
  
	.mainThumbArea { margin-top: 0; }
	.mainThumbArea .mtilThumb1 { width:100%; }
	.mainThumbArea .mtilThumb2 { width:50%; }
	.mainThumbArea .mtilThumb3 { width:100%; }
	.mainThumbArea .mtiBefL {
		transform:rotateY(-360deg);
		-webkit-transform:rotateY(-360deg);
		-moz-transform:rotateY(-360deg);
		-o-transform:rotateY(-360deg);
		-ms-transform:rotateY(-360deg);
	}
	.mainThumbArea .mtiBefR {
		transform:rotateY(360deg);
		-webkit-transform:rotateY(360deg);
		-moz-transform:rotateY(360deg);
		-o-transform:rotateY(360deg);
		-ms-transform:rotateY(360deg);
	}

	#footer { margin-top:0; padding-top:25px; padding-bottom:25px; }
  #scrollTop { bottom:120px; }
}

@media screen and (max-width:800px){

  .nav-toggle{ right:8%; }
  .nav-lang{ right:13%; }
  #header.headerFix .nav-lang { right: 13%; }
  .con1_6_photo{ max-width: 260px; }
  
  .photo4Type1>li { width:100%; }
  .photo4Type1>li.pt4a { margin-right:0;  margin-left:0;}
  .photo4Type1>li.pt4b { margin-right:0; }
  .photo4Type1>li.pt4c { margin-right:0; }

  .photo5Type1>li { width:49%; }
  .photo5Type1>li.pt5a {margin-right:0%; margin-left:0 ; border-right:none; padding-right: none; }
  .photo5Type1>li.pt5b { margin-right:0%; border-right:none; padding-right: none; }
  .photo5Type1>li.pt5c { margin-right:0%; border-right:none; padding-right: none; }
  .photo5Type1>li.pt5d { margin-right:0%; border-right:none; padding-right: none; }

  .photo3Type3>li { width:100%; display: block; float: none;
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
   }
  .photo3Type3>li.pt3L { margin-right:auto; }
  .photo3Type3>li.pt3R { margin-left:auto; }
}

@media screen and (max-width:680px){  
  /*main*/
  .nav-lang{ right:15%; }
  #header.headerFix .nav-lang { right: 15%; }
  .slide_text_box h4 { font-size: 2.5rem; }
  .slide_text_box p { font-size: 1.3rem; }
  /* sub */
  .subVisual .subVisImg { height:180px; }
  .subVisual dl { top:66%; }
  .subVisual dl dt { font-size: 1.3rem; }
  .subVisual dl dd { font-size: 1.8rem; }

  .subTitle .titleTop { margin-top: 30px; }

  .subPaging>li a dl dd { top: 28%; }
}

@media screen and (max-width:640px){
  .nav-toggle{ right:10%; }
  .nav-lang{ right:16%; }
  #header.headerFix .nav-lang { right: 16%; }
  .gnbM { width:300px; }
  .gnbM .gnbVol { top: 20px; left: 25px; font-size: 14px; line-height: 19px; }
  .gnbM .gnbVol span { font-size: 14px; color: #fff; }
  .gnbM .dep1Area { padding:80px 25px; }
  .gnbM .dep1Area .dep1a .dep1m { font-size:18px; }
  .gnbM .dep1Area .dep1a_1 .dep1m1 { font-size:18px; }
  .gnbM .dep1Area .dep1a .dep2Area .dep2a .dep2m { font-size:15px; }
  .gnbM .dep1Area .dep1a .dep2Area .dep2a .dep2m span { margin-top:3px; font-size:13px; }
  .navApp .navAppL { font-size:16px; }
  .navApp .navAppR .mPbc { font-size:13px; }

  .navApp .tip { clear:both; display:block; font-size:13px; font-weight:bold; }
  .navApp .tip em { display:block; font-size:13px; line-height:18px; color:#fff; font-weight:bold; }
  .navApp .tip span { font-size:13px; color:#fff; border-bottom: 1px solid #fff; font-weight:bold; }

  #nino-searchForm .nino-searchInput { font-size:32px; }
  #nino-searchForm .search_iconw { width:30px; height:30px; bottom:10px; right:8%; }
  #nino-searchForm .search_icon { width:30px; height:30px; }
  #nino-searchForm .nino-close { right:30px; }
  .nsiArea { padding-left:8%; padding-right:8%; }

  .subPaging>li a dl dd { font-size: 1.5rem; }
  .subPaging>li a dl dd span { font-size: 1.5rem; }

   .popupCon { 
    overflow: hidden; overflow-y:auto;
    width:100%; height: 100%; top:50%; left:50%; transform: translate(-50%, -50%); padding:5px;
  }

  .mtM150M640{margin-top:0;}

  .con3_1_dl1 dt{ margin-right: 0%; width:100%; }
  .con2_5_dl dt { float:none;  width:100%; margin-right: 0%; }
  .con2_5_dl dd { float:none;  width:100%; line-height: 30px; }
}

@media screen and (max-width: 580px){
  #eventPopWrap .eventPopWin {
    left: 0%;
    margin-left: 0px;
    padding-bottom: 20px;
  }
}
          
@media screen and (max-width:560px){

  .thumbList .tlLink { width:100%; 
    transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg); 
    -moz-transform:rotateY(0deg); 
    -o-transform:rotateY(0deg); 
    -ms-transform:rotateY(0deg);
  }

  .photo2Type1>li { width:100%; float:left; 
    transition:all .3s ease-in;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
  }
  .photo2Type1>li.pt2L { margin-right:0; }
  .photo2Type1>li.pt2R { margin-left:0; }

   .photo2Type2>li { width:100%; float:left; 
    transition:all .3s ease-in;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
  }
  .photo2Type2>li.pt2L { margin-right:0; }
  .photo2Type2>li.pt2R { margin-left:0; }

  .con4_01>li { width:100%; float:left; 
    transition:all .3s ease-in;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
  }

  .photo2Type3>li.pt2L {width: 100%; margin-right:0; }
  .photo2Type3>li.pt2R {width: 100%; }

  .photo2Type4>li.pt2L {width: 100%; margin-right:0; }
  .photo2Type4>li.pt2R {width: 100%; }

  .photo3Type1>li { width:100%; display: block;
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
   }
  .photo3Type1>li.pt3L { margin-right:auto; }
  .photo3Type1>li.pt3R { margin-left:auto; }

  .photo3Type2>li { 
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
   }
  .photo3Type2>li.pt3L { width:100%; display: block; margin-right:0; }
  .photo3Type2>li.pt3C { width:100%; display: block; }
  .photo3Type2>li.pt3R { width:100%; display: block; margin-left:0; }

  .photo3Type3>li { width:100%; display: block;
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
   }
  .photo3Type3>li.pt3L { margin-right:auto; }
  .photo3Type3>li.pt3R { margin-left:auto; }

  .brn560{border-right:none;}
  .mt560m{margin-top:100px;}
  .w100perM560{width:100%;}
}

@media all and (max-width: 540px){
  /*sub*/
  .sub_link .url_print { position: absolute; top: 0; left: 0; }
  .sub_link .sub_sns { position: absolute; top: 0; right: 0; }

  .subPaging>li a dl dd { top: 37%; }
  .subPaging>li a dl dd, 
  .subPaging>li a dl dd span { font-size: 1.3rem; }

  .pConPadding {padding-top:57px;}
}

@media all and (max-width: 499px){
   #header .header-content .headerInner .logoArea .headVol { margin-left: 75px; display: none;}
}

@media screen and (max-width:480px){
  #nino-searchForm .nino-searchInput { font-size:24px; }
  #nino-searchForm .search_iconw { width:26px; height:26px; bottom:6px; right:8%; }
  #nino-searchForm .search_icon { width:24px; height:24px; }
  .nsiArea { padding-left:8%; padding-right:8%; }
	/*.mainThumbArea .mtilThumb2 { width:100%; }*/
	.mainThumbArea .mtiBefL {
		transform:rotateY(360deg);
		-webkit-transform:rotateY(360deg);
		-moz-transform:rotateY(360deg);
		-o-transform:rotateY(360deg);
		-ms-transform:rotateY(360deg);
	}
	.mainThumbArea .mtiBefR {
		transform:rotateY(-360deg);
		-webkit-transform:rotateY(-360deg);
		-moz-transform:rotateY(-360deg);
		-o-transform:rotateY(-360deg);
		-ms-transform:rotateY(-360deg);
	}

  .subPaging>li a dl dd { font-size: 1.3rem; }
  .subPaging>li a dl dd span { font-size: 1.3rem; }
}

@media screen and (max-width:460px) {
  #header .header-content .headerInner .logoArea .logoImg img{ max-width: 215px; }
  #header .header-content .headerInner .logoArea .headVol { margin-left:109px; }

  /*sub*/
  .sub_link ul li a { width: 35px; height: 35px; }
  .sub_link .sns_txt p { width: 35px; height: 35px; font-size: 10px; line-height: 11px; padding-top: 5px; }

  .photo5Type1>li { width:100%; }
  .photo5Type1>li.pt5a {margin-right:0%; margin-left:0 ; border-right:none; padding-right: none; }
  .photo5Type1>li.pt5b { margin-right:0%; border-right:none; padding-right: none; }
  .photo5Type1>li.pt5c { margin-right:0%; border-right:none; padding-right: none; }
  .photo5Type1>li.pt5d { margin-right:0%; border-right:none; padding-right: none; }
}

@media only screen and (max-width: 420px){
  .nav-lang { right:20%; }
  #header.headerFix .nav-lang { right: 20%; }
  #eventPopWrap .eventPopWin {
    left: 0%;
    margin-left: 0px;
    padding-bottom: 50px;
  }

  .sub1_4_m { margin-left: 0; }
  .sub_1_7_m { margin-left: 0; }

  .con1_2_dd { margin-right: 0; }
}

@media only screen and (max-width: 400px) {
  .m400mtM{margin-top:-50px;}
  .mxW70w400{max-width:70px;}

  #header .header-content .headerInner .logoArea .logoImg img{ max-width: 160px; }
  #header .header-content .headerInner .logoArea .headVol { margin-left: 75px; display: none;}

  .readerArea .readerContainer{
    width: 96%;
  }
}

@media only screen and ( max-width: 320px ) {

  .readerArea .readerContainer ul li{
    float: none;
    width: 100%;
    margin:0;
    margin-top:10px;
  }

}
    
@keyframes ani_dropdown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes ani_dropdown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-moz-keyframes ani_dropdown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-o-keyframes ani_dropdown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-ms-keyframes ani_dropdown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
