@charset "utf-8";
#body_layout > .body_wrap {width:100%;}
.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}


/* TouchSlider 기본 시작 */
.sliderBox,
.sliderBox ul,
.sliderBox ul li{ width:100%; height:100%; padding:0; margin:0; display:inline-block;}
.sliderBox{ overflow:hidden;}
.sliderBox ul{ position:relative;}
.sliderBox ul li{ position:absolute; top:0; left:0;}
/* TouchSlider 기본 끝 */

#body_layout{padding-bottom: 66px}
.main_ir {background:url(/template/template_h1/images/main/main_ir.png)no-repeat;}

/* mvisual 시작 */
#mvisual {position:relative;height: 680px;margin-bottom: 97px;}
#mvisual .mvisual_wrap {display:inline-block;position:relative;width:100%;height: 680px;padding:0;margin:0;}
#mvisual .mvisual_wrap .sliderBox{ width:100%;}
#mvisual .mvisual_wrap .sliderBox ul li { height:680px;}
#mvisual .mvisual_wrap .sliderBox ul li .thumbResize_A {position: relative; display: inline-block; width: 100%;height: 100%;overflow: hidden;}
#mvisual .mvisual_wrap .sliderBox ul li .thumbResize_A img { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1000%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#mvisual .mvisual_wrap .tit {position:absolute; top:175px; width:100%; text-align:center;}

#ctl #mvisual .mvisual_wrap .tit {position:absolute; top:100px; width:100%; text-align:center;}
#ctl #mvisual .mvisual_wrap .tit strong {display:block;color:#2d2d2d;font-size: 48px;font-family:"nsr_m";font-weight: 300;text-shadow: 0 0 5px white;}
#ctl #mvisual .mvisual_wrap .tit strong b{display: inline-block;font-weight: 700;}
#ctl #mvisual .mvisual_wrap .tit p { margin:10px 0 0; color:#000; font-size:25px; font-weight:300; font-family:"nsr_m";text-shadow: 0px 0px 10px #9d9d9d;}

#mvisual .mvisual_wrap .tit strong {display:block;color:#fff;font-size: 48px;font-family:"nsr_m";font-weight: 300}
#mvisual .mvisual_wrap .tit strong b{display: inline-block;font-weight: 700;}
#mvisual .mvisual_wrap .tit p { margin:10px 0 0; color:#fff; font-size:18px; font-weight:300; font-family:"nsr_m";}
#mvisual .mvisual_wrap .controlBox {position:absolute;left:0; top:325px; width:100%; text-align:center; }
#mvisual .mvisual_wrap .controlBox .paging {display:inline-block;}
#mvisual .mvisual_wrap .controlBox .paging .btn_page {width:4px; height:24px; margin:0 5px; background-position:-24px 0; }
#mvisual .mvisual_wrap .controlBox .paging .btn_page.on {width:17px; height:24px; background-position:0 0;}
#mvisual .mvisual_wrap .controlBox button {background:url(/template/template_h1/images/main/main_ir.png)no-repeat; font-size:0;}
#mvisual .mvisual_wrap .controlBox button.btn_prev {width:24px; height:24px; background-position:-53px 0;}
#mvisual .mvisual_wrap .controlBox button.btn_stop {width:24px; height:24px; background-position:-109px 0;}
#mvisual .mvisual_wrap .controlBox button.btn_play {width:24px; height:24px; background-position:-137px 0;}
#mvisual .mvisual_wrap .controlBox button.btn_next {width:24px; height:24px; background-position:-81px 0;}
#mvisual .prog_wrap{position: absolute;bottom: -97px;left: 50%;margin-left: -620px;padding-right: 414px;background: #f5f5f5;}
#mvisual .prog_wrap:after{display: block;visibility: hidden;clear: both;content: '';}
#mvisual .prog_wrap .box{height: 387px;padding: 62px 60px}
#mvisual .prog_wrap .box .tab_w {}
#mvisual .prog_wrap .box .tab_w .tab_menu {margin: 0;padding:0 0 20px;}
#mvisual .prog_wrap .box .tab_w .tab_menu:after{display:block;clear:both;visibility:hidden;content:"";}
#mvisual .prog_wrap .box .tab_w .tab_menu li {float:left; position:relative; margin-right:20px;}
#mvisual .prog_wrap .box .tab_w .tab_menu li a {font-family:"nsr_m";font-size:28px;color:#000;line-height: 1;}
#mvisual .prog_wrap .box .tab_w .tab_menu li.active a { font-weight: 700;}
#mvisual .prog_wrap .box .tab_w .tab_menu li.active a span{display: none;}
#mvisual .prog_wrap .box .tab_w .tab_content {}
#mvisual .prog_wrap .box .tab_w .tab_content .con {display: none;position:relative;}
#mvisual .prog_wrap .box .tab_w .tab_content .con.active {display: block; }
#mvisual .prog_wrap .box .tab_w .tab_content .con ul {}
#mvisual .prog_wrap .box .tab_w .tab_content .con ul li {position:relative;margin:10px 0;text-align: left;}
#mvisual .prog_wrap .box .tab_w .tab_content .con ul li:nth-child(4){display: none;}
#mvisual .prog_wrap .box .tab_w .tab_content .con ul li a {display:inline-block;width:100%;height: 100%;font-size:15px;}
#mvisual .prog_wrap .box .tab_w .tab_content .con ul li a strong {display: inline-block;overflow:hidden;width:100%;font-size:15px;color:#333;font-weight:400;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;}
#mvisual .prog_wrap .box .tab_w .tab_content .con ul li a strong b {font-size:0;}
#mvisual .prog_wrap .box .tab_w .tab_content .con ul li a strong b em {font-size:0;}
#mvisual .prog_wrap .box .tab_w .tab_content .con ul li a p {display:none;}
#mvisual .prog_wrap .box .tab_w .tab_content .con ul li a .date {display:inline-block; position:absolute; top:0; right:0;font-size:15px; color:#949494;}
#mvisual .prog_wrap .box .tab_w .tab_content .con ul li a .date span {display:inline-block; font-size:15px; color:#949494;}
#mvisual .prog_wrap .box .tab_w .tab_content .con ul li a .date .month:before {display:inline-block; width:2px; height:2px; border-radius:50%; background:#949494;content:"";}
#mvisual .prog_wrap .box .tab_w .tab_content .con ul li a .date .day:before {display:inline-block; width:2px; height:2px; border-radius:50%; background:#949494;content:"";}
#mvisual .prog_wrap .box .tab_w .tab_content .bbs_more {position:absolute; top:-55px; right:0;}
#mvisual .prog_wrap .box .tab_w .tab_content .bbs_more a {display:block;width:18px;height: 18px;background-position: -164px -1px;font-size:0;}
#mvisual .prog_wrap .left .tab_w .tab_menu {border-bottom:1px solid #ddd}
#mvisual .prog_wrap .left .tab_w .tab_content .con ul li {padding:0 85px 0 8px;}
#mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child {height:121px;margin:0 0 20px;padding: 0;border-bottom:1px solid #ddd;}
#mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child:before {display:none;}
#mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a{padding: 22px 10px 0 120px;}
#mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a:before{position: absolute;left: 0;top: 17px;width: 97px;height: 89px;background: url(/template/template_h1/images/main/main_ir.png) -1px -27px;content: '';}
#mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a strong {font-size: 17px;}
#mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a strong:after {display:inline-block; width:15px; height:15px; margin-left:8px; background:#e83052; border-radius:50%; color:#fff; line-height:15px; text-align:center; font-size:8px; content:"N";}
#mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a p{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a .date{position: static;}
#mvisual .prog_wrap .right{position: absolute;right: 0;top: 0;width: 414px;background: url(/template/template_h1/images/main/mvisual_progbg.jpg)no-repeat center; background-size: cover;}
#mvisual .prog_wrap .right .tab_w .tab_menu li.active a {color: #fff;}
#mvisual .prog_wrap .right .tab_w .tab_content .con ul li{margin: 14px 0}
#mvisual .prog_wrap .right .tab_w .tab_content .con ul li a{position: relative;padding-right: 77px;}
#mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:after{position: absolute;top: 50%;right: 0;;width: 34px;height: 35px;margin-top: -17.5px;background: url(/template/template_h1/images/main/main_ir.png) -101px -27px;content: '';}
#mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:hover:after,
#mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:focus:after{background-position: -138px -27px}
#mvisual .prog_wrap .right .tab_w .tab_content .con ul li a strong{height: 48px;white-space: normal;color: #fff;}
#mvisual .prog_wrap .right .tab_w .tab_content .con ul li a .date{display: none;}
#mvisual .prog_wrap .right .tab_w .tab_content .bbs_more a{background-position: -186px -1px;}

#mcont1 .title{display: block;margin: 55px 0 25px;font-size: 28px;color: #222}
#mcont1 .gallery_wrap {position: relative;}
#mcont1 .gallery_wrap .grap {width:100%; height:299px;}
#mcont1 .gallery_wrap .grap .obj {overflow:hidden; width:100%;height:100%;}
#mcont1 .gallery_wrap .grap .obj .item {float: left;position:relative;width:23.5%;height:100%;margin-right: 2%}
#mcont1 .gallery_wrap .grap .obj .item:nth-child(4n){margin-right: 0}
#mcont1 .gallery_wrap .grap .obj .item a {display:block;width:100%;height:100%;padding-bottom: 87px;border: 1px solid #d7d7d7;}
#mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A {display: inline-block; overflow: hidden; position: relative;  width: 100%;height: 212px;}
#mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A img {position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1000%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#mcont1 .gallery_wrap .grap .obj .item a strong {display:block;overflow:hidden;position:absolute;left: 0;bottom: 16px;width:100%;height: 55px;padding: 0 40px;border-top: 0;text-align:center;font-size:17px;font-weight:300;text-overflow: ellipsis;}
#mcont1 .gallery_wrap .control{position: absolute;top: 130px;width: 100%}
#mcont1 .gallery_wrap .control button{position: absolute;width: 41px;height: 41px;font-size: 0;text-indent: -9999px;}
#mcont1 .gallery_wrap .control .btn_prev{left: -69px;background-position: -101px -65px;}
#mcont1 .gallery_wrap .control .btn_prev:hover,
#mcont1 .gallery_wrap .control .btn_prev:focus{background-position: -101px -109px;}
#mcont1 .gallery_wrap .control .btn_next{right: -69px;background-position: -145px -65px;}
#mcont1 .gallery_wrap .control .btn_next:hover,
#mcont1 .gallery_wrap .control .btn_next:focus{background-position: -145px -109px;}
#mcont1 .gallery_wrap .control .indicator{display: none;}
#mcont1 .gallery_wrap .gall_more{position: absolute;right: 0;top: -40px}
#mcont1 .gallery_wrap .gall_more a{display:block;width:18px;height: 18px;background-position: -164px -1px;font-size:0;}
/*
#mcont2{padding: 75px 0 76px;}
#mcont2 .body_wrap{padding-right: 402px;}
#mcont2 .quick_wrap{position: relative}
#mcont2 .quick_wrap:before{position: absolute;right: 45px;top: 10px;width: 283px;height: 197px;background: url(/template/template_h1/images/main/main_ir.png) -208px -1px;content:'';}
#mcont2 .quick_wrap strong{display: block;margin-bottom: 10px;font-size: 28px;color: #2a54b2;font-weight: 700}
#mcont2 .quick_wrap ul{position: relative;width: 625px;margin-top: 30px;}
#mcont2 .quick_wrap ul:after{display: block;visibility: hidden;clear: both;content: '';}
#mcont2 .quick_wrap ul li{float: left;width: 25%;height: 57px;margin:-1px 0 0 -1px;border:1px solid #d7d7d7;background: #fff;}
#mcont2 .quick_wrap ul li a{display: block;width: 100%;height: 100%;font-size: 15px;color: #333;line-height: 57px;text-align: center;}
#mcont2 .quick_wrap ul li a:hover,
#mcont2 .quick_wrap ul li a:focus{background: url(/template/template_h1/images/main/mcont2_bg.jpg) no-repeat;background-size: 100% 100%;color: #fff;text-decoration: none;}
*/
#mcont2{padding: 75px 0 76px;}
#mcont2 .body_wrap{padding-right: 402px;}
#mcont2 .quick_wrap{position: relative}
#mcont2 .quick_wrap:before{position: absolute;right: 45px;top: 10px;width: 283px;height: 197px;background: url(/template/template_h1/images/main/main_ir.png) -208px -1px;content:'';}
#mcont2 .quick_wrap strong{display: block;margin-bottom: 10px;font-size: 28px;color: #2a54b2;font-weight: 700}
#mcont2 .quick_wrap ul{position: relative;width: 625px;margin-top: 30px;}
#mcont2 .quick_wrap ul:after{display: block;visibility: hidden;clear: both;content: '';}
#mcont2 .quick_wrap ul li{float: left;width: 33.33%;height: 57px;margin:-1px 0 0 -1px;border:1px solid #d7d7d7;background: #fff;}
#mcont2 .quick_wrap ul li a{display: block;width: 100%;height: 100%;font-size: 15px;color: #333;line-height: 57px;text-align: center;}
#mcont2 .quick_wrap ul li a:hover,
#mcont2 .quick_wrap ul li a:focus{background: url(/template/template_h1/images/main/mcont2_bg.jpg) no-repeat;background-size: 100% 100%;color: #fff;text-decoration: none;}

#mcont2 .link_wrap{position: absolute;top: 20px;right: 0}
#mcont2 .link_wrap ul li{float: left;width: 192px;height: 192px;}
#mcont2 .link_wrap ul li:before{position: absolute;right: 0;bottom: 0;background: url(/template/template_h1/images/main/main_ir.png);content: '';}
#mcont2 .link_wrap ul li + li{margin-left: 18px}
#mcont2 .link_wrap ul li a{display: block;position: relative;width: 100%;height: 100%;padding: 35px 25px;}
#mcont2 .link_wrap ul li a:hover,
#mcont2 .link_wrap ul li a:focus{text-decoration: none;}
#mcont2 .link_wrap ul li a:after{position: absolute;right: 0;bottom: 0;background: url(/template/template_h1/images/main/main_ir.png);content: '';}
#mcont2 .link_wrap ul li a strong{display: block;position: relative;font-size: 22px;color: #333}
#mcont2 .link_wrap ul li a strong:after{position: absolute;left: 0;bottom: -74px;width: 46px;height: 9px;background: url(/template/template_h1/images/main/main_ir.png);content: '';}
#mcont2 .link_wrap ul .link1{background: #fdc606;}
#mcont2 .link_wrap ul .link1 a:after{width: 78px;height: 87px;background-position: -1px -153px;}
#mcont2 .link_wrap ul .link1 a strong:after{background-position: -1px -119px;}
#mcont2 .link_wrap ul .link2{background: #5c5f61;}
#mcont2 .link_wrap ul .link2 a:after{width: 84px;height: 85px;background-position: -82px -153px;}
#mcont2 .link_wrap ul .link2 a strong{color: #fff;}
#mcont2 .link_wrap ul .link2 a strong:after{background-position: -1px -131px;}

#link_book .book_btn a p{position: relative;}
#link_book .book_btn a p:before{position: absolute;left: -56px;top:0;width: 35px;height: 51px;background: url(/template/template_h1/images/main/main_ir.png);background-position: -169px -153px;content: '';}

@media(max-width:1389px){

    #mcont1 .gallery_wrap .control .btn_prev{left: -21px;}
    #mcont1 .gallery_wrap .control .btn_next{right: -21px;}
}
@media(max-width:1336px){

    #body_layout .body_wrap {width:100%;}
    #body_layout #mcont1 .body_wrap,
    #body_layout #mcont2 .body_wrap {padding:0 48px;}
    #mvisual{height: 530px;margin-bottom: 112px}
    #mvisual .mvisual_wrap{height: 530px;}
    #mvisual .mvisual_wrap .sliderBox ul li{height: 530px;}
    #mvisual .mvisual_wrap .tit{top: 110px}
    #mvisual .mvisual_wrap .controlBox{top: 275px}
    #mvisual .prog_wrap{left: 48px;right: 48px;bottom: -64px;width: auto;height: 240px;margin-left: 0;padding:0 288px 0 0}
    #mvisual .prog_wrap .box{height: 240px;padding:22px}
    #mvisual .prog_wrap .box .tab_w .tab_menu{padding-bottom: 10px}
    #mvisual .prog_wrap .box .tab_w .tab_menu li a{font-size: 20px}
    #mvisual .prog_wrap .box .tab_w .tab_content .con ul li{margin: 0}
    #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a strong{font-size: 12px}
    #mvisual .prog_wrap .box .tab_w .tab_content .bbs_more{top: -32px;}
    #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child{height: 96px;margin-bottom: 8px}
    #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a{padding: 7px 10px 0 60px;}
    #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a:before{top: 10px;width: 56px;height: 48px;background-position: -1px -255px}
    #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a strong{height: 44px;font-size: 14px;white-space: normal;}
    #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a p{margin: 0;font-size: 12px}
    #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a .date{font-size: 12px}
    #mvisual .prog_wrap .right{width: 288px}
    #mvisual .prog_wrap .right .tab_w .tab_content .con ul li{margin: 10px 0}
    #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:after{width: 24px;height: 24px;background-position: -60px -255px;}
    #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:hover:after, #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:focus:after{background-position: -87px -255px;}
    #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a strong{height: 38px;}

    #mcont1 .title{margin:0 0 10px;font-size: 20px;}
    #mcont1 .gallery_wrap .grap{height: 323px;}
    #mcont1 .gallery_wrap .grap .obj .item{width: 49%}
    #mcont1 .gallery_wrap .grap .obj .item:nth-child(4n){margin-right: 2%}
    #mcont1 .gallery_wrap .grap .obj .item:nth-child(2n){margin-right: 0%}
    #mcont1 .gallery_wrap .grap .obj .item a strong{bottom: 11px;font-size: 16px}
    #mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A{height: 244px;}

    #mcont2 .quick_wrap strong{font-size: 20px}
    #mcont2 .link_wrap{position: relative;top: auto;right: auto;}
    #mcont2 .quick_wrap:before{display: none;}
    #mcont2 .quick_wrap ul{width: 100%;margin: 20px 0 48px;}
    #mcont2 .quick_wrap ul li{width: 24.2%;margin:0 1% 1% 0}
    #mcont2 .quick_wrap ul li:nth-child(4n){margin-right: 0}
    #mcont2 .link_wrap ul li{width: 49%;}
    #mcont2 .link_wrap ul li + li{margin-left: 2%;}
}
@media(max-width:1023px){
}
@media(max-width:767px){
    #body_layout #mcont1 .body_wrap,
    #body_layout #mcont2 .body_wrap {padding:0 16px;}

    #mvisual {height:426px;margin-bottom: 345px}
    #mvisual .mvisual_wrap{height: 426px;}
    #mvisual .mvisual_wrap .sliderBox ul li{height: 426px;}
    #mvisual .mvisual_wrap .tit {top:75px;}
    #mvisual .mvisual_wrap .tit strong {padding: 0 30px;font-size:28px;word-break: keep-all
;}
    #mvisual .mvisual_wrap .tit p {padding: 0 30px;font-size:14px;word-break: keep-all;}
    #mvisual .mvisual_wrap .controlBox {top:180px;}
    #mvisual .prog_wrap{left: 16px;right: 16px;padding: 0}
    #mvisual .prog_wrap .box .tab_w .tab_menu{padding-bottom: 15px}
    #mvisual .prog_wrap .right{position: relative;right: auto;top:auto;width:100%;}

    #mcont1 .gallery_wrap .grap {height: 280px;}
    #mcont1 .gallery_wrap .grap .obj .item{width: 100%;margin: 0}
    #mcont1 .gallery_wrap .grap .obj .item a strong {font-size: 14px;height: 80px;padding: 40px 15px 0;}
    #mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A{height: 208px;}
    #mcont1 .gallery_wrap .control button{display: none;}
    #mcont1 .gallery_wrap .control .indicator{display: block;position: relative;top: 30px;
        text-align: center;}
    #mcont1 .gallery_wrap .control .indicator a{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 50%;font-size: 0;text-indent: -9999px;}
    #mcont1 .gallery_wrap .control .indicator a.on{background: #034f9d;}
    #mcont1 .gallery_wrap .control .indicator a + a{margin-left: 12px;}

    #mcont2{padding: 38px 0 55px;}
    #mcont2 .quick_wrap ul{margin-bottom: 30px;}
    #mcont2 .quick_wrap ul li{width: 49%;margin-bottom: 2%}
    #mcont2 .quick_wrap ul li:nth-child(4n){margin-right: 2%}
    #mcont2 .quick_wrap ul li:nth-child(2n){margin-right: 0%}
    #mcont2 .link_wrap ul li{width: 100%;height: 120px;}
    #mcont2 .link_wrap ul li + li{margin:15px 0 0;}
    #mcont2 .link_wrap ul li a strong{font-size: 18px;}
    #mcont2 .link_wrap ul li a strong:after{bottom: -30px;}
}