@charset "utf-8";

h2.title{margin-bottom:38px;font-size:34px;text-align:center;}
.container {padding-top: 147px;}

/* intro */
.intro-wrap {position: relative;/* padding-top: 68px; */width: 100%;height: 100%;text-align: center;background: url('/common2/images/main/intro_bg_02.png') no-repeat;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.intro-box {margin: 0 auto; width: 1200px;}
.intro-box > .top .logo {float: left;}
.intro-box > .top .text {float: right;margin-top: 41px;font-size: 45px;color:#fff;font-weight:300;letter-spacing:-3.5px;text-shadow: 0 0 6px rgba(255,255,255,0.7);}
.intro-box > .top .text:before{content:'';float:left;margin: 36px 46px 0 20px;width: 198px;height:1px;-webkit-box-shadow: 0 0 6px rgba(255,255,255,0.7);-moz-box-shadow: 0 0 6px rgba(255,255,255,0.7);box-shadow: 0 0 6px rgba(255,255,255,0.7);background-color: rgb(242 242 242 / 0.8);background-color:rgba(255,255,255,0.8);}
.intro-box > .top .text span {font-size:45px;color:#fff;font-weight:500;letter-spacing:-2px;}

.intro-wrap .intro-list {margin-top: 52px;font-size: 0;}
.intro-wrap .intro-list .top {font-size: 0;height: 604px;}
.intro-wrap .intro-list > ul > li {
    position: relative;
/*     display: inline-block; */
    width: 47.85%;
    height: 100%;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    /* overflow: hidden; */
}
.intro-wrap .intro-list > ul > li:before {content: '';position: absolute;top: -15px;left: 50%;transform: translateX(-50%);width: 107px;height: 91px;background: url('/common2/images/main/intro_active_img.png');opacity:0;transition:all 0.5s;z-index: 2;}
.intro-wrap .intro-list > ul > li:hover:before {opacity:1;}
.intro-wrap .intro-list > ul > li a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.intro-wrap .intro-list >ul > li a.mobile-link {display: none;}
.intro-wrap .intro-list .li01{float:left;background-image: url('/common2/images/main/intro_listbg_01.png');}
.intro-wrap .intro-list .li02{float:right;background-image: url('/common2/images/main/intro_listbg_02.png');}
/* .intro-wrap .intro-list .li03{background-image: url('/common2/images/main/intro_listbg_03.png');}
.intro-wrap .intro-list .li04{background-image: url('/common2/images/main/intro_listbg_04.png');} */
.intro-wrap .intro-list .top .icon {margin: 172px auto 0;height: 149px;background-repeat: no-repeat;background-position: center;}
.intro-wrap .intro-list .icon1 {width: 183px;background-image: url('/common2/images/main/intro_icon01.png');}
.intro-wrap .intro-list .icon2 {width: 181px;background-image: url('/common2/images/main/intro_icon02.png');}
.intro-wrap .intro-list .icon3 {width: 156px;background-image: url('/common2/images/main/intro_icon03.png');}
.intro-wrap .intro-list .icon4 {width: 214px;background-image: url('/common2/images/main/intro_icon04.png');}
.intro-wrap .intro-list .mask {/* position: absolute;top: 0;left: 0;right: 0;bottom: 0; */position:relative;width: 100%;height:100%;}
.intro-wrap .intro-list .mask .title {display: block;margin-top: -1px;font-size: 53px;font-weight: 600;line-height: 127%;letter-spacing: -2px;background-repeat:no-repeat;}
.intro-wrap .intro-list .mask .button,
.intro-wrap .intro-list .over .button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6.5%;
    /* bottom: 41px; */
    margin: 0 auto;
    /*padding: 0 45px; */
    width: 224px;
    background-color: #7c2e6a;
    color: #fff;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
    border-radius: 51px;
    box-sizing: border-box;
}
.intro-wrap .intro-list .mask .deco {
    display: block;
    padding-top: 50px;
    font-size: 34px;
    letter-spacing: -1.5px;
}
.intro-wrap .intro-list .over {display: none;position: absolute;bottom: 0;width:100%;height: 100%;/* padding-bottom:52px; *//*padding: 372px 0 0;*/font-size:0;background-color: #000;background-color: rgba(0,0,0,0.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* .intro-wrap .intro-list .over:before{content:'';display:inline-block;height:100%;vertical-align:bottom;} */
/* .intro-wrap .intro-list .over .over-wrap{display:inline-block;vertical-align:bottom;} */
/* .intro-wrap .intro-list .over .title {font-size: 35px; color: #fff; line-height: 133%; letter-spacing: -4.5px;} */
/* .intro-wrap .intro-list .over .text {margin-top: 23px; font-size: 20px; font-weight:300; color: #fff; word-break: keep-all;} */
.intro-wrap .intro-list .over {border: 4px solid #fff;}
.intro-wrap .intro-list .over-wrap {padding-bottom: 0; width: 100%; height: 100%; vertical-align: top;}
.intro-wrap .intro-list .over .deco {display: block;padding-top: 92px;font-size: 34px;color: #fff;letter-spacing: -1.5px;}
.intro-wrap .intro-list .over .title {display: block;margin-top: -1px;font-size: 53px;font-weight: 600;line-height: 127%;color: #fff;letter-spacing: -2px;background-repeat:no-repeat;}
.intro-wrap .intro-list .over .text {margin-top: 42px;line-height: 270%;text-align: center;}
.intro-wrap .intro-list .over .text li{font-size: 24px;color:#fff;font-weight: 300;}
.intro-wrap .intro-list .over .button {bottom: 37px;}
.intro-wrap .intro-list .bottom {width:100%;height: 110px;}
.intro-wrap .intro-list .service-box {float: left;padding: 16px 45px;width: 75%;height: 100%;text-align: left;font-size: 0;background-color: #7c2e6a; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.intro-wrap .intro-list .service-box > p {display: inline-block;margin-top: 10px;margin-left: 65px;vertical-align: top;font-size: 55px;color: #f6f6f6;font-weight: bold;line-height: 55px;letter-spacing: -0.5px;}
.intro-wrap .intro-list .service-box > p a{font-size: 55px;color: #f6f6f6;}
.intro-wrap .intro-list .service-box .icon5 {display: inline-block;margin-top: 6px;width: 66px;height: 64px;vertical-align: top;background: url('/common2/images/main/intro_icon05.png');}
.intro-wrap .intro-list .service-box .title {display: inline-block;margin-left: 36px;font-size: 35px;color: #f6f6f6;vertical-align: top;font-weight: 500;line-height: 94%;letter-spacing: -2.5px;}
.intro-wrap .intro-list .service-box .title span {display: block;font-size: 18px;color: #f6f6f6;letter-spacing: -0.5px;}
.intro-wrap .intro-list .btn-service {float: left;display: block;width: 25%;height: 100%;font-size: 25px;color: #f6f6f6;letter-spacing: -2.5px;line-height: 422%;background-color: #32122a;}
.intro-wrap .intro-list .btn-service:hover{text-decoration:underline;}
.intro-wrap .intro-list .btn-service span {color: #f6f6f6;font-size: 25px;font-weight: 600;}




/* visual */
#visual {position:relative; /*height: 529px;*/}
#visual p.scroll_down {padding-bottom:52px; background:url(/common2/images/main/scroll_down.png) no-repeat center bottom; position:absolute; bottom:80px; left:50%; margin-left:-45px; z-index:6666; cursor:pointer;}
#visual p.scroll_down span {color:#fff; font-family:'NanumSquare'; font-weight:300; font-size:13px;}
#visual .slide-box *:focus {outline:0;}
#visual .slide-box .slick-list, 
#visual .slide-box .slick-track {width:100%; overflow:hidden; zoom:1;}
#visual .slide-box .slick-slide {width:100%; /*height: 529px;*/ background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; float:left; position:relative;overflow:hidden;}
#visual .slide-box .slick-slide > img{/* width:100%; */display: block;margin-left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
#visual .slide-box .slick-dots{position:absolute;left: 50%;bottom:9%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);z-index:1020;}
#visual .slide-box .slick-dots li{display:inline-block;margin:0 10px; width:12px;}
#visual .slide-box .slick-dots button{padding:0;width:12px;height:12px;border:0 none;font-size:0;background-image:url('/common2/images/main/visual_dot.png');background-color:transparent;background-size:contain;background-repeat:no-repeat;overflow:hidden;}
#visual .slide-box .slick-dots .slick-active button{background-image:url('/common2/images/main/visual_dot_on.png');}

#visual .slide-box #slide1_2 {display:none; height:530px;}

.slide-box .text-wrap {position: absolute;z-index: 5;}
.slide-box .slick-slide .text-wrap, .slide-box .slick-item2 .text-wrap {
    top: 50%;
    left: 50%;
    /*width:800px;*/
    color: #fff;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.slide-box .slick-slide .text-wrap .deco,
.slide-box .slick-item2 .text-wrap .deco {color:#fff;font-size: 25px;font-weight:100;}
.slide-box .slick-slide .text-wrap .text,
.slide-box .slick-item2 .text-wrap .text {color:#fff;font-size: 70px;font-weight:100;border-bottom: 1px solid #fff;border-bottom: 1px solid rgba(255,255,255,0.6);}
.slide-box .slick-slide .text-wrap .text span,
.slide-box .slick-item2 .text-wrap .text span {color:#fff;font-size: 70px;font-weight:bold;}
/* .slide-box .slick-item3 .text-wrap {left: 0;right:0;margin:0 auto;width:1100px;text-align: left;} */

/* .slide-box .slick-item4 #slide1_2 {display:none !important;} */

.slide-box .slick-slide .img_mo {display: none !important;}

/* section */
.section {padding-top: 46px;}
.section h2.title {margin-top: 16px;}

.section1 .inner-wrap,
.section2 .inner-wrap {margin:0 auto; width: 1100px;}

/* section1 */
.section1{padding-bottom:50px; background-color:#f8f8f8;}
.section1 .top .box {float: left;padding: 30px 30px;height: 261px;border: 1px solid #6f6f6f;background-color: #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.section1 .top .box strong.title {display: block;margin-bottom: 20px;font-size: 25px;letter-spacing: -1px;}
.section1 .top .notice {float: left;width: 351px;}
.section1 .top .notice ul {margin-top: 5px;}
.section1 .top .notice li {line-height: 160%;}
.section1 .top .notice li .title {display: inline-block;width: 95px;letter-spacing: -1px;color: #813273;font-weight: bold;}
.section1 .top .notice .tel {margin: 0;line-height: 125%;font-size: 32px;color: #813273;font-weight:bold;letter-spacing: -2.5px;}
.section1 .top .notice .tel .title {display: inline-block;width: 95px;font-size: 20px;letter-spacing: -1px;font-weight: 400;}
.section1 .top .notice .tel {
    font-size: 27px;
    letter-spacing: -1.5px;
}
.section1 .top .board {/* float: left; *//*  width: 737px; */margin-left:12px;position: relative;}
.section1 .top .board .left {float: left; width: 190px;}
.section1 .top .board .left .text {margin: 20px 0 53px; letter-spacing: -1px;}
.section1 .top .board .btn-more {position: absolute;padding-right: 25px; background: url('/common2/images/main/btn_more.png') no-repeat right center;}
.section1 .top .board .right {float: left;}
.section1 .top .board .board-list {font-size: 0;}
.section1 .top .board .board-list > li {/* display: inline-block; *//* margin-left: 15px; *//* width: 148px; */margin-bottom: 16px;vertical-align: top;}
.section1 .top .board .board-list li:first-child {/* margin-left: 0; */}
.section1 .top .board .board-list li img {width: 100%;}
.section1 .top .board .board-list .board-img {width: 148px;height: 137px;overflow: hidden;}
.section1 .top .board .board-list .board-title {
    /* margin-top: 8px; */
    line-height: 20px;
    word-break: keep-all;
    letter-spacing: -1.5px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align: left;
}
.section1 .top .board .board-list .board-title:hover {text-decoration: underline;}
.section1 .top .board .board-detail {font-size: 0;}
.section1 .top .board .board-detail > li {display: inline-block; vertical-align: middle; text-align: center;}

.section1 .top .board .board-detail .status span {display: block;margin:0 auto;width: 74px;height: 29px;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;text-align: center;line-height: 29px;border: 1px solid #813273;}
.section1 .top .board .board-detail .status span.re {color: #fff;background-color: #813273;}

.section1 .top .board1 {width: 260px;float: left;}
.section1 .top .board1 .btn-more {/* left: 35px; *//* bottom: 27px; */right: 35px;top: 33px;}

.section1 .top .board2 {float: right;width: 464px;}

.section1 .top .board2 .btn-more {top: 33px;right: 30px;}
.section1 .top .board2 .board-list > li {margin-bottom: 6px;}
.section1 .top .board2 .board-list .board-title {width: 40%;}
.section1 .top .board2 .board-list .name {width: 10%;}
.section1 .top .board2 .board-list .date {width: 30%;}
.section1 .top .board2 .board-list .status {width: 20%;}

.section1 .top .box.notice strong.title {/* margin-bottom: 5px; */}
.section1 .top .box.board2 strong.title {margin-bottom: 15px;}

.section1 .bottom {margin-top: 24px;}
.section1 .mini-banner {font-size: 0;}
.section1 .mini-banner strong.title {display: inline-block;margin-top: 135px;font-size: 25px;color: #fff;}
.section1 .mini-banner li {position: relative;display: inline-block;margin-left: 0.09%;width: 24.93%;height: 310px;vertical-align: top;text-align: center;overflow: hidden;background-size: cover;}
.section1 .mini-banner li:first-child {margin-left: 0;}
.section1 .mini-banner li > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
/* .section1 .mini-banner li:hover strong.title {display: none;}
.section1 .mini-banner li:hover .mask {display: block; height: 100%;} */
.section1 .mini-banner .banner01 {background-image: url('/common2/images/main/minibanner_bg01.png');}
.section1 .mini-banner .banner02 {background-image: url('/common2/images/main/minibanner_bg02.png');}
.section1 .mini-banner .banner03 {background-image: url('/common2/images/main/minibanner_bg03.png');}
.section1 .mini-banner .banner04 {background-image: url('/common2/images/main/minibanner_bg04.png');}

.section1 .mini-banner .mask {position:absolute; left: 0; bottom: 0;width: 100%;height: 0; background-color: #832d6e; background-color: rgb(131, 45, 110, 0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.section1 .mini-banner .mask .title {display: block; margin-top: 37px; font-size: 20px; color: #fff;}
.section1 .mini-banner .mask .title:after {content:''; display: block; margin: 13px auto 16px; width: 27px; height: 1px; background-color: #fff;}
.section1 .mini-banner .mask .text {color: #fff;color: rgba(255,255,255,0.8);letter-spacing: -1.5px;line-height: 30px;}

/* section2 */
.section2 {padding-bottom: 34px;}
.section2 .guide{width:100%; font-size:0;}
.guide li{position: relative;display: inline-block;margin-left: 0.09%;padding: 43px 24px;width: 24.93%;height:274px;vertical-align: top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow: hidden;}
.guide li:first-child{margin-left:0;}
.guide li a{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
.guide li strong {display: block; margin: 15px 0; font-size: 25px; letter-spacing: -1px;color: #fff;}
.guide li p .title{display: inline-block;width: 46px;color:#fff;text-align: justify;}
.guide li .text{color:#fff;letter-spacing: -0.8px;font-weight: 300;}
.guide li .icon{display: block;height: 56px;background-size: contain;background-repeat: no-repeat;background-position:left center;}
.guide li .icon1{width:51px; background-image:url('/common2/images/main/icon_guide01.png');}
.guide li .icon2{width:43px; background-image:url('/common2/images/main/icon_guide02.png');}
.guide li .icon3{width:50px; background-image:url('/common2/images/main/icon_guide03.png');}
.guide li .icon4{width:75px; background-image:url('/common2/images/main/icon_guide04.png');}
.guide .li1{background-color:#832d6e;}
.guide .li2{background-color:#df5165;}
.guide .li3{background-color:#ef9271;}
.guide .li4{background-color:#f1b292;}
.guide .li3, 
.guide .li4 {padding: 40px 24px;}
.guide .li3 strong, 
.guide .li4 strong {margin: 0 0 15px;line-height: 28px;}

/* section3 */
.section3 {padding-bottom: 37px;}
.section3 .map {position: relative; margin:0 auto; width: 100%; max-width: 1920px; height: 483px; text-align: center; overflow: hidden;}
.section3 .map .box-wrap {position: absolute; left: 0; right: 0; margin:0 auto; width:1100px; height: 100%;}
.section3 .map .box {position: absolute; right: 0; bottom: 58px; padding: 38px 33px 32px; width: 326px; height: 275px; text-align: left; background-color: #832d6e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.map .box .title {font-size: 30px; font-weight: bold; color: #fff;}
.map .box .title:after {content: '';display: block;margin: 13px 0;width: 100%;height: 1px;background-color: #fff;background-color: rgba(255,255,255,0.3);}
.map .box .text {font-size: 20px; color: #fff; font-weight: 300; letter-spacing: -1px; line-height: 30px;}
.map .box .link_navermap {
    display: block;
    margin-top: 22px;
    padding-left: 30px;
    width: 100%;
    height: 51px;
    text-align: center;
    font-size: 20px;
    color: #822c69;
    line-height: 51px;
    font-weight: 500;
    background: url('/common2/images/main/icon_map.png') no-repeat #fff 16% center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}


/*section6new */
.section6new {}
.section6new>.inner-wrap {
    width: 1100px;
    margin: 0 auto;
}
.section6new .sec6new_content{
    /*border: 1px solid red;*/
    overflow: hidden;
}
.section6new .sec6new_content>.videolist {
    width: 33%;
    height: 400px;
    border: 1px solid lightgray;
    float: left;
}
.section6new .sec6new_content>.videolist>ul {
    height: 100%;
    /*overflow-y: scroll;*/
}
.section6new .sec6new_content>.videolist>ul li {
    height: 100px;
    border-bottom: 1px solid lightgray;
    overflow: hidden;
    cursor: pointer;
}
.section6new .sec6new_content>.videolist>ul li>img {
    float: left;
}
.section6new .sec6new_content>.videolist>ul li>.videolist_text {
    width: 53%;
    height: 100%;
    float: right;
    display: table;
}
.section6new .sec6new_content>.videolist>ul li>.videolist_text>p {
    display: table-cell;
    vertical-align: middle;
    color: #5c5c5c;
    font-size: 15px;
}
.section6new .sec6new_content>iframe {
    width: 65%;
    float: right;
}
#youtube {
    display: none;
}
/*click*/
.section6new .sec6new_content>.videolist>ul li.click {
    background: #3bb9b3;
}
.section6new .sec6new_content>.videolist>ul li.click>.videolist_text>p {
    color: white;
}
    
    
/* IE hack */
/* IE9  */
@media all and (monochrome:0) {
	.intro-box > .top .text{width:60%\9;margin-top:35px\9;}
	.intro-box > .top .text:before{margin:36px 35px 0 15px\9;width:189px\9;}
}

/* IE10 IE11 */
@media all and (-ms-high-contrast:none)
{
	/* IE10 */
	.intro-box > .top .text{width:60%;margin-top:35px;}
	.intro-box > .top .text:before{margin:36px 35px 0 15px;width:189px;}
	
	/* IE11 */
	*::-ms-.intro-box > .top .text{width:60%;margin-top:35px;}
	*::-ms-.intro-box > .top .text:before{margin:36px 35px 0 15px;width:189px;}
}

/* IE9  */
@media all and (monochrome:0) and (max-height:640px) and (orientation: landscape){
	.intro-box > .top .text{width:64%\9;}
	.intro-wrap .intro-list .service-box > p{margin-left:35px !important\9;}
}

/* IE10 IE11 */
@media all and (-ms-high-contrast:none) and (max-height:640px) and (orientation: landscape)
{
	/* IE10 */
	.intro-box > .top .text{width:64%;}
	.intro-wrap .intro-list .service-box > p{margin-left:35px !important;}
	
	/* IE11 */
	*::-ms-.intro-box > .top .text{width:64%;}
	*::-ms-.intro-wrap .intro-list .service-box > p{margin-left:35px !important;}
}

/* landscape */
@media screen and (max-height:1039px) and (orientation: landscape) {
    .intro-wrap {/* padding-top: 64px; */background-position: 70% center;}
    .intro-wrap .intro-box{position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    .intro-wrap .intro-list {margin-top: 37px;}
    .intro-wrap .intro-list .top {/* height: 580px; */}
    .intro-wrap .intro-list .top .icon {margin-top: 147px;}
    /* .intro-wrap .intro-list .mask .title {margin-top: 17%;} */
    	
}
@media screen and (max-height:910px) and (orientation: landscape) {
    .intro-wrap {/* padding-top: 60px; */}
    .intro-wrap .intro-list {margin-top: 35px;}
    .intro-wrap .intro-list .top {height: 604px;}
    .intro-wrap .intro-list .top .icon {margin-top: 120px;}
}
@media screen and (max-height:820px) and (orientation: landscape) {
    .intro-box > .top .text {margin-top: 19px;}
    .intro-box > .top .logo {text-align: left;}
    .intro-box > .top .logo img {width: 85%;}
    .intro-wrap .intro-list .top {height: 430px;}
    .intro-wrap .intro-list .top .icon {background-size: contain;height:119px;}
    .intro-wrap .intro-list .over {/* padding-bottom: 10%; */}	
    /* .intro-wrap .intro-list .mask .title {margin-top: 13%;} */
}
@media screen and (max-height: 760px) and (orientation: landscape) {
    .intro-box > .top .text {width:64%;font-size: 40px;}
    .intro-box > .top .text:before {margin-top: 31px;}
    .intro-box > .top .text span {font-size: 40px;}

    .intro-box > .top .logo img {width: 80%;}

    .intro-wrap {/* padding-top: 45px; */}
    .intro-wrap .intro-list {/* margin-top: 55px; */}
    .intro-wrap .intro-list li:before {height: 80px;background-size: contain;background-repeat: no-repeat;background-position: top center;}
    .intro-wrap .intro-list .top {height: 400px;}
    .intro-wrap .intro-list .top .icon {margin-top: 93px;height: 92px;}
    .intro-wrap .intro-list .bottom {height: 80px;}
    .intro-wrap .intro-list .service-box {padding: 13px 40px;}
    .intro-wrap .intro-list .service-box > p,
    .intro-wrap .intro-list .service-box > p a {margin-top: 0;font-size: 51px;}
    .intro-wrap .intro-list .service-box .title {font-size: 31px;}
    .intro-wrap .intro-list .service-box .title span {margin-bottom: 5px; font-size: 16px;line-height: 17px;}
    .intro-wrap .intro-list .service-box .icon5 {margin-top: 3px;height: 52px;background-position: center;background-size: contain;background-repeat: no-repeat;}
    .intro-wrap .intro-list .btn-service {line-height: 368%;font-size: 22px;}
    .intro-wrap .intro-list .btn-service span {font-size: 22px;}
    .intro-wrap .intro-list .mask .deco{
    font-size: 30px;
    padding-top: 40px;
}
    .intro-wrap .intro-list .mask .title, .intro-wrap .intro-list .over .title {/* margin-top: 7%; */font-size: 42px;line-height: 120%;letter-spacing: -2px;}
    .intro-wrap .intro-list .over {background-position: center 58%;/* padding-top: 180px; */}
    .intro-wrap .intro-list .over .deco{
		padding-top: 70px;
		font-size: 30px;
	}
	.intro-wrap .intro-list > ul > li:before{
    width: 85px;
    height: 73px;
    background-size: contain;
    box-sizing: border-box;
    background-repeat: no-repeat;
}
    .intro-wrap .intro-list .over .title {font-size: 30px;}
    .intro-wrap .intro-list .over .text {margin-top: 22px;line-height: 180%;}
    .intro-wrap .intro-list .over .text li{font-size: 18px;}
    .intro-wrap .intro-list .mask .button, 
    .intro-wrap .intro-list .over .button{
		font-size: 17px;
		font-weight: 300;
		width: 170px;
		line-height: 47px;
	}
	.intro-wrap .intro-list .over .button{
    line-height: 45px;
    bottom: 15px;
}
}
@media screen and (max-height:640px) and (orientation: landscape) {
    .intro-box {width: 1000px;}    
    .intro-box > .top .text:before {margin: 36px 26px 0 20px;width: 170px;}
    .intro-box > .top .logo {width: 36%;}
    .intro-box > .top .logo img {width: 100%;}
    .intro-wrap .intro-list{margin-top: 30px;}
    .intro-wrap .intro-list .service-box {padding: 13px 25px;}
    .intro-wrap .intro-list .service-box > p {margin-left: 43px;}
    .intro-wrap .intro-list .service-box .title {margin-left: 20px;}

}

@media screen and (max-height:620px) and (orientation: landscape) {
    .intro-wrap {/* padding-bottom: 45px; *//* height: auto; */background-position: 70% 64%;}
}



/* intro */
@media screen and (max-width:1250px) and (min-width:1024px) {
    .intro-box > .top .logo img {width: 32.160vw;}
    .intro-box > .top .text {margin-top: 1.520vw;font-size: 3.600vw;letter-spacing: -0.280vw;text-shadow: 0 0 0.480vw rgba(255,255,255,0.7);}
    .intro-box > .top .text:before {margin: 2.880vw 3.680vw 0 1.600vw;width: 15.840vw;height: 0.080vw;box-shadow: 0 0 0.48vw rgba(255,255,255,0.7);}
    .intro-box > .top .text span {font-size: 3.600vw;letter-spacing: -0.160vw;}

    .intro-wrap .intro-list {margin-top: 2.800vw;}
    .intro-wrap .intro-list li:before {top: -1.200vw;left: 6.400vw;width: 10.240vw;height: 8.320vw;background-size: contain;}
    .intro-wrap .intro-list .top {height: 39vw;}
    .intro-wrap .intro-list .top .icon {margin-top: 9.600vw;height: 9.520vw;background-size: contain;}
    .intro-wrap .intro-list .bottom {height: 8.800vw;}

    .intro-wrap .intro-list .mask .title {margin-top: 3.24vw;font-size: 2.800vw;letter-spacing: -0.320vw;}
    .intro-wrap .intro-list .over {padding-bottom: 3.16vw;}
    .intro-wrap .intro-list .over .title {font-size: 2.800vw;letter-spacing: -0.360vw;}
    .intro-wrap .intro-list .over .text {margin-top: 1.840vw;font-size: 1.600vw;}


    .intro-wrap .intro-list .service-box {padding: 1.280vw 3.600vw;}
    .intro-wrap .intro-list .service-box .icon5 {margin-top: 0.480vw;width: 5.280vw;height: 5.120vw;background-size: contain;}
    .intro-wrap .intro-list .service-box .title {margin-left: 2.880vw;font-size: 2.800vw;letter-spacing: -0.200vw;}
    .intro-wrap .intro-list .service-box .title span {font-size: 1.440vw;letter-spacing: -0.040vw;}
    .intro-wrap .intro-list .service-box > p {margin-top: 0.800vw;margin-left: 5.200vw;line-height: 4.400vw;letter-spacing: -0.040vw;}
    .intro-wrap .intro-list .service-box > p a{font-size: 4.400vw;}
    .intro-wrap .intro-list .btn-service {font-size: 2vw;letter-spacing: -0.200vw;}
    .intro-wrap .intro-list .btn-service span {font-size: 2vw;}    
}
@media screen and (max-width:1250px){
    .intro-box {width: 90%;}
}

@media screen and (max-width: 1023px){
    html, body {
        height: auto;
    }
    .intro-box > .top .logo {
        text-align: center;
        float: none;
        margin: 0 auto;
    }
    .intro-box > .top .logo img {
        max-width: 353px;
        width: 80%;
    }

    .intro-box > .top .text {
        margin-top: 0;
        word-break: keep-all;
        line-height: 120%;
        float: none;
        font-size: 40px;
        margin: 0 auto;
    }
    .intro-box > .top .text span{font-size:40px;}
    .intro-box > .top .text:before {
        float: none;
        display: block;
        margin: 36px auto 20px;
    }
    .intro-wrap .intro-list li {
        width: 100%;
        display: block;
        height: auto;
        background-position: center;
        background-size: cover;
    }
    .intro-wrap .intro-list {
        margin-top: 35px;
    }
    .intro-wrap .intro-list .top .icon {
        height: 80px;
        margin-top: 0;
        display: inline-block;
        vertical-align: middle;
        background-size: contain;
        width: 150px !important;
    }

    .intro-wrap .intro-list .mask .title {
        /* display: inline-block; */
        /* margin-top: 20px; */
        vertical-align: middle;
        /* line-height: 130%; */
        text-align: center;
        /* font-size: 30px; */
        letter-spacing: -2px;
    }

    .intro-wrap .intro-list .mask {
        position: inherit;
        width: 100%;
        height: 100%;
        /* padding: 20px 0; */
    }

    .intro-wrap {
        background-size: cover;
        height: auto;
        background-position: center;
        padding: 60px 0;
    }

    .intro-wrap .intro-list .top {
        /* height: 280px; */
    }

    .intro-wrap .intro-list .bottom {
        height: auto;
        display: table;
    }

    .intro-wrap .intro-list .service-box {
        float: none;
        display: table-cell;
        table-layout: fixed;
        padding: 15px 25px;
        text-align: center;
    }

    .intro-wrap .intro-list .btn-service {
        float: none;
        display: table-cell;
        vertical-align: middle;
        line-height: 150%;
        word-break: keep-all;
    }

    .intro-wrap .intro-list .service-box > p {
        margin-left: 0;
        display: block;
        font-size: 50px;
        margin-top: 5px;
    }
    .intro-wrap .intro-list .service-box > p a{font-size: 50px;}

    .intro-wrap .intro-list .service-box .title {
        margin-left: 30px;
        font-size: 30px;
    }
    
    .intro-wrap .intro-list li a.pc-link {display: none;}
	.intro-wrap .intro-list li a.mobile-link {display: block;}
}
@media screen and (max-width:720px){
    .intro-wrap {padding: 30px 0; height:100%;/* background-size: contain; */}

    .intro-box {display: table;height: 100%;}
    .intro-box > .top {display: table-row;height: 110px;}
    .intro-box > .top .logo img {width: 55%;}
    .intro-box > .top .text {margin-top: 15px;font-size: 20px;letter-spacing: -1px;}
    .intro-box > .top .text:before {display: none;margin: 15px auto;}
    .intro-box > .top .text span {font-size: 20px;letter-spacing: -1px;}
    
    .intro-wrap .intro-list {/* padding-top: 25px; */display: table-row;}
    .intro-wrap .intro-list > ul > li {display: inline-block;width: 100%;margin-bottom: 15px;height: 231px;height: 50%;}
    .intro-wrap .intro-list .top{height:100%;}
    .intro-wrap .intro-list li:before {display:none;}
    
    .intro-wrap .intro-list .top .icon {display: block;height: 50px;}
    .intro-wrap .intro-list .mask{padding-top: 20px;border: 1px solid rgba(255,255,255,0.4);box-sizing: border-box;background-color: rgba(0,0,0,0.5);}
    .intro-wrap .intro-list .mask .title {font-size: 19px;line-height: 130%;}
    /* .intro-wrap .intro-list .li01 .mask {padding-top: 20px;} */
    
    .intro-wrap .intro-list .mask .title {/* margin-top: 10px; */font-size: 21px;letter-spacing: -0.5px;color: #fff;}
    .intro-wrap .intro-list .bottom {display: block;margin-top: 10px;}
    .intro-wrap .intro-list .service-box {display: block;padding: 10px;width: 100%;}
    .intro-wrap .intro-list .btn-service {display: block;padding: 10px 0;width: 100%;font-size: 20px;}

    .intro-wrap .intro-list .service-box .icon5 {display: none;width: 45px;height: 45px;background-repeat: no-repeat;background-size: contain;}
    .intro-wrap .intro-list .service-box .title {margin-left: 0;font-weight: 500;font-size: 21px;text-align: left;}
    .intro-wrap .intro-list .service-box .title span {font-weight: 300;display: none;}
    .intro-wrap .intro-list .service-box > p,
    .intro-wrap .intro-list .service-box > p a {font-size: 32px; letter-spacing: -2px; color: #f6f6f6;}
    .intro-wrap .intro-list .btn-service span {font-size: 20px;}
    
}



/* mobile */
 
@media screen and (max-width:1200px) {
	/* .slide-box .slick-item3 .text-wrap {width: 95%;} */
	
	.section1 .inner-wrap, 
	.section2 .inner-wrap{width:95%;}
	
	.section1 .top .box {padding: 30px 25px;}
	.section1 .top .board {margin-left: 0.5%;}
	.section1 .top .board1 {width: 23.2%;}
	.section1 .top .board2 {width: 43.3%;}
	.section1 .top .notice {width: 32.5%;}
	
	.section3 .map .box-wrap {width: 95%;z-index: 1;}
}
@media screen and (max-width:1080px) {	

}
@media screen and (max-width:1023px) {
	.slide-box .slick-slide .text-wrap, 
	.slide-box .slick-item2 .text-wrap {width: 620px;}
	.slide-box .slick-slide .text-wrap .deco, 
	.slide-box .slick-item2 .text-wrap .deco {font-size: 23px;}
	.slide-box .slick-slide .text-wrap .text, 
	.slide-box .slick-item2 .text-wrap .text {font-size: 60px;}
	.slide-box .slick-slide .text-wrap .text span, 
	.slide-box .slick-item2 .text-wrap .text span {font-size: 60px;}

	
	.container{padding-top:50px;}
	.section1 .inner-wrap, 
	.section2 .inner-wrap{width:90%;}
	
	.section1 .top .notice {width: 49.5%;}
	.section1 .top .board2 {width: 100%;}
	.section1 .top .board1 {float: right;margin-bottom: 12px;margin-left: 0;width: 49.5%;}

	.section1 .mini-banner li {width: 49.75%;margin-left: 0.5%;margin-bottom: 0.3%;}
	.section1 .mini-banner .banner03 {margin-left: 0;}

	.guide li {width: 49.75%;margin-left: 0.5%;margin-bottom: 0.3%;}
	.guide .li3{margin-left:0;}	

	.section3 .map {height: 383px;}
	.section3 .map .map-img {transform: translateX(-12%);}
	.section3 .map .box-wrap {width: 90%;}
	.section3 .map .box {right: auto;left: 0;}
}

@media screen and (max-width:720px) {
	#visual .slide-box .slick-slide {height: 0;padding-bottom: 15%;}
	#visual .slide-box .slick-slide > img {position: absolute;bottom: 0;z-index: 1;height: 100%;}
	
	#visual .slide-box .slick-dots li {margin: 0 8px;width: 11px;}
	#visual .slide-box .slick-dots button {width: 11px;height: 11px;}
	
	.slide-box .slick-slide .text-wrap, 
	.slide-box .slick-item2 .text-wrap {width: 80%;}
	.slide-box .slick-slide .text-wrap .deco, 
	.slide-box .slick-item2 .text-wrap .deco {font-size: 16px;word-break: keep-all;}
	.slide-box .slick-slide .text-wrap .text, 
	.slide-box .slick-item2 .text-wrap .text {font-size: 40px;word-break: keep-all;}
	.slide-box .slick-slide .text-wrap .text span, 
	.slide-box .slick-item2 .text-wrap .text span {font-size: 40px;}
	
	.slide-box .slick-slide .img_pc {display: none !important;}
	.slide-box .slick-slide .img_mo {display: block !important;}
	
	/* .slide-box .slick-item3 .text-wrap {width: 90%;height: 100%;text-align: center;}
	.slide-box .slick-item3 .text-wrap img {height: 80%;} */

	.section1 .top .box strong.title {font-size: 20px;}
    .section1 .top .notice .tel {font-size: 25px;}

    .section1 .top .notice,
    .section1 .top .board,
    .section1 .top .board1 {float: none;margin-left:0;width:100%;padding: 30px 20px;height: auto;}
    .section1 .top .board1 {margin-top:12px;}
    .section1 .top .board .board-list > li {margin-bottom: 10px;}
    .section1 .top .board .board-list > li:last-child {margin-bottom: 0;}
    .section1 .top .board2 .board-list .board-title {width: 35%;}
    .section1 .top .board2 .board-list .date {width: 28%;}
    .section1 .top .board2 .board-list .name {width: 13%;}
    .section1 .top .board .board-detail .status span {width: 60px;height: 24px;font-size: 13px;line-height: 24px;}
    .section1 .mini-banner li {height: 200px;background-size: cover;background-position: center;}
    .section1 .mini-banner strong.title {margin-top: 79px;vertical-align: middle;font-size: 20px;}

    .guide li{margin-left: 0;width: 50%;height: 221px;padding: 16px;}
    .guide li .icon {height: 50px;}
    .guide li strong {margin: 10px 0;font-size: 20px;word-break: keep-all;}
	.guide li .text {word-break: keep-all;font-size: 15px;line-height: 150%;}	
	.guide li p .title {display: block;width: 100%;font-size: 15px;}
	.guide .li2 .text br {display: none;}
	.guide .li3, .guide .li4 {padding: 16px;}

    .section3 .map {padding-bottom: 205px;height: 383px;}
    .section3 .map .map-img {margin-left: 61%;transform: translateX(-50%);}
    .section3 .map .box-wrap {width: 100%;}
    .section3 .map .box {bottom: 0;padding: 15px 20px 32px;width: 100%;height: auto;}
    .map .box .title {font-size: 25px;}
    .map .box .title:after {margin: 8px 0;}
    .map .box .text {font-size: 17px;line-height: 27px;}
    .map .box .link_navermap {margin-top: 10px;padding-left:0;height: 40px;font-size: 17px;line-height: 40px;background-image: none;}

    /* intro */
    .intro-wrap .intro-list .mask .deco,
	.intro-wrap .intro-list .over .deco {
		padding-top: 17px;
		font-size: 23px;
		font-weight: 300;
		color: #fff;
	}

	.intro-wrap .intro-list .mask .title,
	.intro-wrap .intro-list .over .title {
		font-size: 33px;
		font-weight: 500;
	}

	.intro-wrap .intro-list .mask .button, .intro-wrap .intro-list .over .button {
		font-size: 18px;
		line-height: 35px;
		width: 39%;
		bottom: 9%;
	}
	.intro-wrap .intro-list .over {border-width: 2px;}
	.intro-wrap .intro-list .over .text {margin-top: 15px; line-height: 150%;}
	.intro-wrap .intro-list .over .text li {font-size: 14px;}
	
	
} 

@media (min-height:700px) and (orientation: portrait){
    .intro-wrap {height:100%;} 
}

@media screen and (max-width:360px) {
    .guide li {height: 262px;}
}

/* 20201230 추가 */
@media screen and (max-height:530px) {
    .intro-wrap .intro-list .mask {padding-top: 0;}
	.intro-wrap .intro-list .mask .deco, 
	.intro-wrap .intro-list .over .deco {padding-top: 7%; font-size: 18px;}
	.intro-box > .top .text {margin-top: 10px;}
	.intro-wrap .intro-list .mask .title, 
	.intro-wrap .intro-list .over .title {font-size: 28px;}
	.intro-wrap .intro-list .mask .button, 
	.intro-wrap .intro-list .over .button {font-size: 15px; letter-spacing: -0.5px;}
}

/* 임시 pc 고정 */
/* .intro-wrap {min-width: 1200px;} */

/*유튜브부분*/
@media screen and (max-width:1200px) {
    .section6new>.inner-wrap {
        width: 100%;
    }
    .section6new .sec6new_content {
        width: 90%;
        margin: 0 auto;
    }
}
@media screen and (max-width:1071px) {
    .section6new .sec6new_content>.videolist>ul li {
        height: auto;
    }
    .section6new .sec6new_content>.videolist>ul li>img {
        width: 40%;
    }
    .section6new .sec6new_content>.videolist>ul li>.videolist_text>p {
        padding: 10px 5px;
    }
}
@media screen and (max-width:630px) {
    .section6new .sec6new_content>.videolist {
        display: none;
    }
    .section6new .sec6new_content>iframe {
        width: 100%;
        height: 200px;
    }
    #youtube {
        display: block;
        text-align: right;
        font-size: 15px;
        margin-bottom: 10px;
    }
}