@charset "utf-8";
/*메인*/

.map_add a, .map_way a, .rese_btn a{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.test{
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


/* ************************************ 서브 ************************************ */
.test{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
/* 서브 */
.cBody{position: relative; width: 100%; background: #fff; z-index: 2; padding-bottom: 100px;}
.cBody.noBottom{padding-bottom: 0;}

/* 서브 탑 공통 */
.sub_top_wrap{position: relative; width: 100%; height: auto; text-align: center; min-height: 100vh;}
.sub_top_wrap ul:after{content: ''; clear: both; display: block;}
.sub_top_wrap ul.sub_top_lay{width: 100%; min-height: 100vh;}
.sub_top_wrap.sub_top_type2 ul.sub_top_lay{position: fixed; top: 80px; left: 0;}
.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li{float: left; width: 50%; height: 100%;}
.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_img{background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 100vh;}
.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_img.back_bottom{background-position: bottom center;}
.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_text {padding: 20px 40px; box-sizing: border-box;}
.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_text:after{content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_text > div{display: inline-block; vertical-align: middle;}
.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_text > div.t_l{text-align: left;}
.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_text div p{text-align: center;}
.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_text div.t_l p{text-align: left;}
.sub_top_wrap.sub_top_type2 h3{margin-top: 50px;}
.sub_top_wrap.sub_top_type2 b{margin-top: 30px;}
.sub_top_wrap.sub_top_type2 p{margin-top: 70px;}
.sub_top_wrap.sub_top_type2 strong{margin-top: 70px;}
.sub_top_wrap h2{font-size: 1.5em;}
.sub_top_wrap h3{font-size: 4em; line-height: 1.2;}
.sub_top_wrap b{display: block; font-size: 0.9375em;}
.sub_top_wrap p{display: block; font-size: 0.9375em; margin-bottom: 0;}
.sub_top_wrap strong{display: block; font-size: 0.9375em; font-weight: 400;}
.sub_top_wrap strong span{display: inline-block; margin-left: 10px; font-size: 1.1333em; font-weight: 700;}
/*
.sub_top_wrap a{position: relative; display: inline-block; padding: 7px 40px 7px 20px; font-size: 0.9375em; border: 1px solid #222; border-radius: 5px; margin-top: 30px; text-align: left;}
.sub_top_wrap a:after{content: ''; position: absolute; top: 50%; margin-top: -8px; right: 10px; width: 16px; height: 16px; background: url("../imgs/open_arrow.png") no-repeat center; background-size: 16px;}
.sub_top_wrap a:hover{background: #222; color: #fff;}
.sub_top_wrap a:hover:after{content: ''; background-image: url("../imgs/open_arrow_white.png");}
*/
.sub_top_wrap .cover_story h3{margin-top: 0; font-family: 'nanumsquare', serif; font-size: 2.125em; font-weight: 700; margin-bottom: 30px;}

.sub_top_wrap.sub_top_type1 ul.sub_top_lay{position: fixed; top: 80px; left: 0;}
.sub_top_wrap.sub_top_type1 ul.sub_top_lay > li{background-position: top center; background-repeat: no-repeat; background-size: cover; color: #fff; text-align: center;}
.sub_top_wrap.sub_top_type1 ul.sub_top_lay > li.back_bottom{background-position: bottom center;}
.sub_top_wrap.sub_top_type1 ul.sub_top_lay > li > div{position: relative; display: inline-block; vertical-align: middle; text-align: center; height: 100%;}
.sub_top_wrap.sub_top_type1 ul.sub_top_lay > li > div.t_l{text-align: left;}
.sub_top_wrap.sub_top_type1 h2{margin-top: 70px;}
.sub_top_wrap.sub_top_type1 h3{margin-top: 100px;}
.sub_top_wrap.sub_top_type1 b{margin-top: 20px;}
.sub_top_wrap.sub_top_type1 p{margin-top: 30px; text-align: center;}
.sub_top_wrap.sub_top_type1 strong{position: absolute; width: 100%; bottom: 50px;}

.scroll_fex{width: 100%; margin: 0 auto; max-width: 1920px;}
.scroll_fex.scroll_gray_box{background: #E9E6E0;}
.scroll_fex.scroll_gray_box > ul > li{background: #E9E6E0;}
.scroll_fex > ul{width: 85%; margin: 0 auto;}
.scroll_fex > ul:after{content: ''; clear: both; display: block;}
.scroll_fex > ul > li{position: relative; padding-top: 100px; background: #fff;}
.scroll_fex > ul > li:first-child{float: left; width: 34%;}
.scroll_fex > ul > li:first-child+li{float: right; width: 66%; max-width: 1200px;}

.img_cover{padding-top: 40px; margin-bottom: 40px;}
.img_cover.firstImg{padding-top: 0 !important;}
.img_cover.noPadding{padding: 0;}
.img_cover.smallPadding{padding-top: 20px;}
.img_cover.longPadding{padding-top: 50px;}
.img_cover.shadow_box{border: 10px solid #fff; box-sizing: border-box; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); padding: 0;}
.img_cover img{width: 100%;}
.img_cover.line_img img{border: 1px solid #666;}
.img_cover .img_tag{display: block; margin: 10px auto 0; font-size: 0.8125em; color: #666;}
.img_cover.per80{text-align: center;}
.img_cover.per80 img{width: 80%;}
.img_cover.per80 .img_tag{width: 80% !important; text-align: left;}
.img_cover.per70{text-align: center;}
.img_cover.per70 img{width: 70%;}
.img_cover.per70 .img_tag{width: 70% !important; text-align: left;}
.img_cover.per60{text-align: center;}
.img_cover.per60 img{width: 60%;}
.img_cover.per60 .img_tag{width: 60% !important; text-align: left;}
.img_cover.per50{text-align: center;}
.img_cover.per50 img{width: 50%;}
.img_cover.per50 .img_tag{width: 50% !important; text-align: left;}
.img_cover.per40{text-align: center;}
.img_cover.per40 img{width: 40%;}
.img_cover.per40 .img_tag{width: 40% !important; text-align: left;}
.img_cover.per30 img{width: 30%;}
.img_cover.per30 .img_tag{width: 30% !important; text-align: left;}
.img_cover.per25 img{width: 25%;}
.img_cover.per25 .img_tag{width: 25% !important; text-align: left;}
.img_cover.per20 img{width: 20%;}
.img_cover.per20 .img_tag{width: 20% !important; text-align: left;}
.img_cover .img_title{font-size: 30px; line-height: 1.2; font-weight: 700; margin-bottom: 20px;}
.img_cover span{display: block; font-size: 13px; margin-top: 5px;}

.fixed_box{margin-bottom: 50px;}
.fixed_box .img_cover img{width: 100%; max-width: 280px;}
.fixed_box .img_cover.big_img img{max-width: 320px;}
.fixed_box .img_cover .img_tag{width: 75%; margin: 10px 0 0;}
.fixed_box .left_text_box{width: 75%;}
.fixed_box .left_text_box h3{color: #ae2c41; font-weight: 700; line-height: 24px;}
.fixed_box .left_text_box span{display: block; font-size: 0.8125em; color: #999; margin-top: 5px; margin-bottom: 20px;}
.fixed_box .left_text_box p{color: #999;}
.fixed_box_size{padding-bottom: 50px;}

.center_box{width: 100%; max-width: 1300px; margin: 0 auto; padding-bottom: 50px;}
.center_box .stitle, .center_box p{text-align: center;}

.text_wrap.noBottom{margin-bottom: 0 !important;}
.text_wrap.shadow_box_text{margin: 70px auto 100px;}
.text_wrap.shadow_box_text p{margin-bottom: 10px;}
.text_wrap.shadow_box_text .stitle{margin-top: 0 !important;}

.stitle{font-size: 27px; line-height: 1.4; font-weight: bold; margin-top: 140px; margin-bottom: 20px; word-break: keep-all;}
.stitle.firstTitle{margin-top: 0;}
.stitle.secondTitle{margin-top: 50px;}

/* Sub Top gallery */
.jGallery_wrap, .jgBody{height: 100%;}
.sgallery1{position: relative;}
.sgallery1.slick-slider .slick-arrow{position: absolute; top: inherit; bottom: 30%; left: 50%; z-index: 1; width: 50px; height: 50px; font-size:0; border: 0; cursor: pointer; opacity: 1;}
.sgallery1.slick-slider .slick-arrow.slick-next{background: url("../imgs/marrow.png") no-repeat; background-position: 0 0; margin-left: 70px;}
.sgallery1.slick-slider .slick-arrow.slick-prev{background: url("../imgs/marrow.png") no-repeat; background-position: 0 -50px; margin-left: -125px;}
.jGallery_play.jp_nav1 button{position: absolute; bottom: 30%; left: 50%; margin-left: -20px; margin-bottom: 4px; z-index: 1; width: 40px; height: 40px; background: url("../imgs/jpp.png") no-repeat; font-size:0; border: 0; cursor: pointer; background-size: 40px;}
.jGallery_play.jp_nav1 button.play{background-position: 0 -40px; display: none;}


.sgallery1.slick-slider .slick-dots{position: absolute; bottom: 26%; text-align: center;}
.sgallery1.slick-slider .slick-dots li{position: relative; display: inline-block; margin: 0 10px; height: 12px;}
.sgallery1.slick-slider .slick-dots li button{width: 10px; height: 10px; box-sizing: border-box; background-color: transparent; border-radius: 20px; border: 1px solid #fff; font-size:0; line-height:0; vertical-align: top;}
.sgallery1.slick-slider .slick-dots li.slick-active button{background: #fff;}

.jGallery_nav.sgallery_nav1 button{position: absolute; bottom: 26%; left: 50%; margin-bottom: -11px; margin-left: 100px; z-index: 4; width: 40px; height: 40px; font-size:0; border: 0; cursor: pointer; background-size: 40px;}
.jGallery_nav.sgallery_nav1 button.pause{background: url("../imgs/m_stop.png") no-repeat center;}
.jGallery_nav.sgallery_nav1 button.play{background: url("../imgs/m_play.png") no-repeat center; display: none;}


.jtext_wrap{position: relative;}
.jtext_wrap .jtext{position: absolute; width: 90%; left: 5%; top: 250px; z-index: 1;}
.jtext_wrap .jtext p{font-size: 0.9375em; text-align: center; color: #fff; line-height: 1.6; text-shadow: 0 0 15px rgba(0, 0, 0, 0.7);}
.jtext_wrap .jtext p.jt1{font-size: 4.5em; font-weight: 800; line-height: 1.2;}
.jtext_wrap .jtext p.jt0{font-size: 1.25em; font-weight: 700; line-height: 1.2;}
.jtext_wrap .jtext.all_type p.jt1{margin-top: 0;}

.sgallery1.slick-slider .slick-slide div.jgBody{position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; height: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 1;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	transform-origin:center;
	-webkit-transition:transform 4s ease-out, opacity 1s ease 0.3s;
	transition:transform 4s ease-out, opacity 1s ease 0.3s;
}

.sgallery1.slick-slider.ani .slick-slide.slick-active div.jgBody{
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	transform-origin:center;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.sgallery1.slick-slider .slick-slide.slick-active img{
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.scroll_icon{position: absolute; bottom: 110px; left: 50%; margin-left: -25px; width: 50px; height: 60px; background: url("../imgs/main/scroll.png"); background-size: 50px;}

.scroll_arrow.sub_only{position: absolute; display: block; bottom: 12%; left: 50%; margin-left: -22px; width: 44px; height: 90px; border-radius: 50px; border: 2px solid #fff; padding: 20px 10px; z-index: 2;}
.scroll_arrow.sub_only b{position: relative; display: block; width: 100%; height: 100%; overflow: hidden; margin-top: 0 !important;}
.scroll_arrow.sub_only b span{position: absolute; display: block; width: 14px; height: 44px; left: 50%; margin-left: -7px; top: 50%; margin-top: -22px; background: url("../imgs/scroll_arrow.png") no-repeat center; background-size: 14px; animation:scroll_sub_arrow_start 1.6s -0.8s forwards infinite linear;}
@keyframes scroll_sub_arrow_start{
	0%{transform: translate(0, -100px)}
	100%{transform: translate(0, 100px)}
}


.sgallery2{position: relative;}
.sgallery2.slick-slider .slick-arrow{position: absolute; top: 50%; margin-top: -30px; z-index: 4; width: 60px; height: 60px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0; border-radius: 50px; opacity: 0.8; display: none !important;}
.sgallery2.slick-slider .slick-arrow.slick-next{background: url("../imgs/marrow_r_off.png") rgba(26,26,26,1) no-repeat center; right: 2%; left: inherit;}
.sgallery2.slick-slider .slick-arrow.slick-prev{background: url("../imgs/marrow_l_off.png") rgba(26,26,26,1) no-repeat center; left: 2%;}
.sgallery2.slick-slider .slick-arrow.slick-next:hover{background-image: url("../imgs/marrow_r.png");}
.sgallery2.slick-slider .slick-arrow.slick-prev:hover{background-image: url("../imgs/marrow_l.png");}

.sgallery2.slick-slider .slick-dots{position: absolute; bottom: 7%; text-align: center;}
.sgallery2.slick-slider .slick-dots li{position: relative; display: inline-block; margin: 0 10px;}
.sgallery2.slick-slider .slick-dots li button{position: relative; width: 170px; height: 44px; box-sizing: border-box; background-color: #fff; border-radius: 0; font-size:0; line-height:0; vertical-align: top; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.sgallery2.slick-slider .slick-dots li button:after{content: ''; position: absolute; font-family: 'NotoSans'; color: #000; width: 100%; height: 44px; font-size: 15px; left: 0; text-align: center;}
.sgallery2.slick-slider .slick-dots li.slick-active button:after{content: ''; color: #fff;}
.sgallery2.slick-slider .slick-dots li:nth-child(1) button:after{content: '\c1a1\d574\c758\20\c778\c0dd';}/*송해의 인생*/
.sgallery2.slick-slider .slick-dots li:nth-child(2) button:after{content: '\c1a1\d574\c640\20\bc29\c1a1';}/*송해와 방송*/
.sgallery2.slick-slider .slick-dots li:nth-child(3) button:after{content: '\c1a1\d574\c640\20\b2ec\c131';}/*송해와 달성*/
.sgallery2.slick-slider .slick-dots li:nth-child(4) button:after{content: '\c1a1\d574\c640\20\b178\b798\c790\b791';}/*송해와 노래자랑*/
.sgallery2.slick-slider .slick-dots li.slick-active button{background: #4B012A;}

.sub_guide_wrap{min-height: 1050px; background: #F0EEE5;}
.sgallery2 .jgBody{background-repeat: no-repeat; background-position: 70% 40%;}
.jguide_wrap{position: absolute; bottom: 30%; left: 10%; text-align: left; background: #53215D; padding: 30px; color: #fff; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);}
.jguide_wrap:after{content: ''; position: absolute; top: 50%; margin-top: -20px; right: -20px; width: 0px;height: 0px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right: 20px solid none; border-left: 20px solid #53215D;}
.jguide_wrap span{display: block; font-size: 15px; text-decoration: underline; margin-bottom: 5px;}
.jguide_wrap h4{font-size: 37px; font-weight: 800; margin-bottom: 15px;}
.jguide_wrap p{font-size: 17px;}
@media (max-width: 1920px){.sgallery2 .jgBody{background-size: 1000px;} .sub_guide_wrap{min-height: 800px;}}
@media (max-width: 1660px){.sgallery2 .jgBody{background-size: 800px;} .sub_guide_wrap{min-height: 700px;}}
@media (max-width: 1300px){.sgallery2 .jgBody{background-size: 800px; background-position: 90% 40%;} .sub_guide_wrap{min-height: 650px;}}
@media (max-width: 1100px){.sgallery2 .jgBody{background-size: 800px; background-position: 95% 10%;} .sub_guide_wrap{min-height: 600px;} .jguide_wrap{bottom: 20%; left: 5%;}}
@media (max-width: 960px){.sgallery2 .jgBody{background-size: 700px;}}
@media (max-width: 767px){
	.sub_guide_wrap{min-height: 500px;}
	.sgallery2 .jgBody{background-size: 480px;}
	.sgallery2.slick-slider .slick-dots{bottom: 20px; width: 90%; left: 5%;}
	.sgallery2.slick-slider .slick-dots li{margin: 0; width: 24.25%; margin-left: 1%;}
	.sgallery2.slick-slider .slick-dots li:first-child{margin-left: 0;}
	.sgallery2.slick-slider .slick-dots li button{width: 100%; height: 46px;}
	.sgallery2.slick-slider .slick-dots li button:after{content: ''; height: 46px; font-size: 14px;}
	.jguide_wrap{padding: 20px;}
	.jguide_wrap span{font-size: 13px; margin-bottom: 0;}
	.jguide_wrap h4{font-size: 27px; margin-bottom: 10px;}
	.jguide_wrap p{font-size: 15px;}
}
@media (max-width: 480px){
	.sgallery2 .jgBody{background-size: 320px; background-position: center 10%;}
	.sgallery2.slick-slider .slick-dots li button{height: 40px;}
	.sgallery2.slick-slider .slick-dots li button:after{content: ''; height: 40px; font-size: 12px;}
	.jguide_wrap:after{content: ''; top: -14px; right: 50%; margin-right: -14px; border-top:14px solid none; border-bottom:14px solid #53215D; border-right: 14px solid transparent; border-left: 14px solid transparent;}
	.jguide_wrap{padding: 15px 20px;}
	.jguide_wrap h4{font-size: 21px; margin-bottom: 5px;}
	.jguide_wrap p{font-size: 13px;}
	.sgallery2.slick-slider .slick-dots li:nth-child(1) button:after{content: '\c778\c0dd';}
	.sgallery2.slick-slider .slick-dots li:nth-child(2) button:after{content: '\bc29\c1a1';}
	.sgallery2.slick-slider .slick-dots li:nth-child(3) button:after{content: '\b2ec\c131';}
	.sgallery2.slick-slider .slick-dots li:nth-child(4) button:after{content: '\b178\b798\c790\b791';}
}

.sub_guide_img{width: 100%; text-align: center; height: 540px; overflow: hidden;}
.sub_guide_img img{width: 100%;}

.sub_slider{}
.sub_slider {width:100%; padding: 50px 0 30px;}
.sub_slider .point{color:#2253b8; display:inline-block}
.sub_slider p{max-width:1300px; margin:0 auto; overflow:hidden; display:block; padding:20px 20px 50px 20px; color:#555; text-align:center; font-size:16px; line-height:1.6;}
.sub_slider .btn_area {margin-top: 40px;}
.sub_slider .slider_gallery{position: relative;}
.sub_slider .slider_gallery .swiper-slide{position: relative; overflow: hidden;}
.sub_slider .slider_gallery .swiper-slide .img_description{position: absolute; width: 100%; bottom: 20px; text-align: center; color: #fff; font-size: 19px; z-index: 2;}
.sub_slider .slider_gallery .swiper-slide .img_box{position: relative; overflow: hidden;}
.sub_slider .slider_gallery .swiper-slide .img_box:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url("../imgs/img_cover.png") no-repeat bottom center; background-size: cover;}
.sub_slider .slider_gallery .swiper-slide .img_box img{transition: transform 0.6s ease-in-out; -webkit-transition: transform 0.6s ease-in-out; width: 100%;}
.sub_slider .slider_gallery .swiper-slide:hover .img_box img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.sub_slider .slider_gallery .swiper-slide-active, .sub_slider .slider_gallery .swiper-slide-next{opacity: 1;}
.sub_slider .slider_gallery .txt_box{position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.58); padding: 20px 40px; height: auto; word-break: keep-all;}
.sub_slider .slider_gallery .txt_box h3{display: block;font-size: 21px; line-height: 30px; color: #fff; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0;}
.sub_slider .slider_gallery .txt_box p{color: #fff; text-align: center; padding: 0; font-size: 13px; font-weight: 300; line-height: 20px; margin-top: 5px;}
.sub_slider_wrap .sub_slider .slider_gallery .txt_box .tr_box{margin-top: 20px; display: none; color: #fff;}
.sub_slider .swiper-button-next:after, .sub_slider .swiper-container-rtl .swiper-button-prev:after{display:none}
.sub_slider .swiper-button-prev:after, .sub_slider .swiper-container-rtl .swiper-button-next:after{display:none}
.sub_slider .slider_gallery .swiper-scrollbar{margin-top: 60px; display: block; position: static; width: 100%; max-width: 1300px;height: 4px; background-color: #dcdcdc; border-radius: 3px;}
.sub_slider .slider_gallery .swiper-scrollbar-drag{margin-top: 0;height: 4px; background-color: #838383; border-radius: 4px;}
.sub_slider .slider_gallery .swiper-button-prev{position: absolute; top: 50%; margin-top: -30px; z-index: 4; width: 60px; height: 60px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0; border-radius: 50px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); opacity: 1; background: url("../imgs/arrow_l.png") rgba(255,255,255,1) no-repeat center; left: -60px;}
.sub_slider .slider_gallery .swiper-button-next{position: absolute; top: 50%; margin-top: -30px; z-index: 4; width: 60px; height: 60px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0; border-radius: 50px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); opacity: 1; bottom: 0; background: url("../imgs/arrow_r.png") rgba(255,255,255,1) no-repeat center; right: -60px; left: inherit;}


/* Sub Bottom gallery */
.nomal_wrap{width: 100%; margin-top: 100px; padding: 70px 0; background: #A3A3A3; overflow: hidden;}
.nomal_wrap > div{width: 100%; max-width: 1300px; margin: 0 auto;}
.nomal_wrap h3{font-size: 33px; text-align: center; color: #fff; font-weight: 800;}
/*
.sGallery img{width: 100%;}
.sGallery.gallery_text_type span.img_description{display: block; width: 100%; margin-top: 30px; color: #fff; font-weight: 300; text-align: center;}
.sGallery.gallery_text_type .slick-dots{position: relative; bottom: inherit; margin-top: 20px;}
.sGallery.gallery_text_type .slick-dots li button{border-width: 1px;}
*/

.fulls_wrap{width: 100%;}
.fulls_box{position: relative;}
.fulls_box .fsec{width: 100%; height: 100vh;}
.fulls_box .fsec11{background: url("../imgs/s1/c1.jpg") no-repeat center; background-size: cover;}
.fulls_box .fsec21{background: url("../imgs/s1/c2.jpg") no-repeat center; background-size: cover;}
.fulls_box .fsec31{background: url("../imgs/s1/c3.jpg") no-repeat center; background-size: cover;}
.fulls_box .fsec41{background: url("../imgs/s1/c4.jpg") no-repeat center; background-size: cover;}
.fulls_box .fsec_cover{width: 300%; min-width: 3000px; left: 0; height: 100vh; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0;}
.fulls_box .text_cover{position: absolute; top: 40%; width: 100%; text-align: center; z-index: 2; opacity: 0;}
.fulls_box .bfont1{font-size: 80px; font-weight: 800; color: #fff;}
.fulls_box .bfont2{font-size: 60px; font-weight: 700; color: #fff;}
.fulls_box .sfont1{font-size: 17px; color: #fff;}


.fulls_box .fulls_1{margin: 0 auto; opacity: 0; width: 90%; transform: translate(0px, 100px); height: 300vh;}
.fulls_box .fulls_1.is-inview{opacity: 1; width: 100%; transform: translate(0px, 0);}
.fulls_box .fulls_1 .fsec_cover.is-inview{opacity: 1;}
.fulls_box .fulls_1 .text_cover.is-inview{opacity: 1;}

.fulls_box .fulls_2{position: relative; z-index: 2;}
.fulls_box .fulls_2 .text_cover{opacity: 1;}
.fulls_box .fulls_2 .text_cover p{opacity: 0;}
.fulls_box .fulls_2 .text_cover.is-inview p{opacity: 1;}

.fulls_box .fulls_3{}
.fulls_box .fulls_3 .fsec_cover{opacity: 0;}
.fulls_box .fulls_3 .fsec_cover.is-inview{animation:f3_cover 1s 1s cubic-bezier(1, 0, 0.3, 0.3) both;}
@keyframes f3_cover{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.fulls_box .fulls_3 .text_cover.is-inview{opacity: 1;}

.fulls_box .fulls_4{margin: 0 auto; opacity: 0; width: 90%; transform: translate(0px, 100px);}
.fulls_box .fulls_4.is-inview{opacity: 1; width: 100%; transform: translate(0px, 0);}
.fulls_box .fulls_4  .text_cover{top: 20%;}
.fulls_box .fulls_4 .text_cover.is-inview{opacity: 1;}

.test{
	-webkit-transition: all 0.5s cubic-bezier(0,0,.58,1);
	-moz-transition: all 0.5s cubic-bezier(0,0,.58,1);
	-o-transition: all 0.5s cubic-bezier(0,0,.58,1);
	-ms-transition: all 0.5s cubic-bezier(0,0,.58,1);
	transition: all 0.5s cubic-bezier(0,0,.58,1);
}

.fulls_1, .fulls_box .text_cover, .fulls_2, .fulls_4, .fulls_box .text_cover p{
	-webkit-transition: all 1s cubic-bezier(0,0,.58,1);
	-moz-transition: all 1s cubic-bezier(0,0,.58,1);
	-o-transition: all 1s cubic-bezier(0,0,.58,1);
	-ms-transition: all 1s cubic-bezier(0,0,.58,1);
	transition: all 1s cubic-bezier(0,0,.58,1);
}

.test{
	-webkit-transition: all 1.5s cubic-bezier(0,0,.58,1);
	-moz-transition: all 1.5s cubic-bezier(0,0,.58,1);
	-o-transition: all 1.5s cubic-bezier(0,0,.58,1);
	-ms-transition: all 1.5s cubic-bezier(0,0,.58,1);
	transition: all 1.5s cubic-bezier(0,0,.58,1);
}

.photo_wrap{position: relative; overflow: hidden; display: table; table-layout: fixed; width: 100%; background: url("../imgs/s1/s2_bg.jpg") no-repeat center; background-size: cover;}
.photo_wrap img{width: 100%;}
.photo_wrap .photo_section_inner{display: table-cell; vertical-align: middle;}
.photo_wrap .swiper-slide{position: relative; overflow: hidden;}
.photo_inner{width: 1300px; margin: 0 auto;}
.photo_wrap .slider_gallery .swiper-button-prev, .photo_wrap .slider_gallery .swiper-button-next{display: none!important;}
.photo_wrap .slider_gallery .swiper-button-prev{position: absolute; top: 50%; margin-top: 0; z-index: 4; width: 60px; height: 60px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0; border-radius: 50px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); opacity: 1; background: url("../imgs/arrow_l.png") rgba(255,255,255,1) no-repeat center; left: 60px;}
.photo_wrap .slider_gallery .swiper-button-next{position: absolute; top: 50%; margin-top: 0; z-index: 4; width: 60px; height: 60px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0; border-radius: 50px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); opacity: 1; bottom: 0; background: url("../imgs/arrow_r.png") rgba(255,255,255,1) no-repeat center; right: 60px; left: inherit;}
.photo_wrap .slider_gallery .swiper-slide a{display: block;}
.photo_wrap .slider_gallery .swiper-slide .img_box a{position: relative; overflow: hidden;}
.photo_wrap .slider_gallery .swiper-slide .img_box a:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url("../imgs/img_cover.png") no-repeat bottom center; background-size: cover;}
.photo_wrap .slider_gallery .swiper-slide .img_description{position: absolute; width: 100%; bottom: 20px; text-align: center; color: #fff; font-size: 19px; z-index: 2;}
.photo_wrap .slider_gallery .swiper-slide:nth-child(even){margin-top: 80px;}
.photo_wrap .slider_gallery .swiper-slide:nth-child(odd){margin-bottom: 80px;}
.photo_wrap .slider_gallery .swiper-scrollbar{margin-top: 60px; display: block; position: static; width: 100%; max-width: 1300px;height: 4px; background-color: rgba(255, 255, 255, 0.47); border-radius: 3px;}
.photo_wrap .slider_gallery .swiper-scrollbar-drag{margin-top: 0;height: 4px; background-color: #53215D; border-radius: 4px;}


/* 서브 Common : Page Title */
.photo_title h3{position: relative; color:#fff; text-align: center; padding: 0 0 50px; font-size:42px; font-weight: 300; text-shadow: 0 0 15px rgba(0, 0, 0, 0.7);}
.photo_title b{font-weight: 700}

/* 인사말 */
.grc{background-repeat: no-repeat; background-position: center; background-size: cover;}
.grc1{background-image: url("../imgs/s5/s1_bg_01.jpg");}
.grc2{background-image: url("../imgs/s5/s1_bg_02.jpg");}
.grc3{background-image: url("../imgs/s5/s1_bg_03.jpg");}
.grc4{background-image: url("../imgs/s5/s1_bg_04.jpg");}

.grc .text_cover{text-align: center; z-index: 2; opacity: 1; text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);}
.grc .bfont1{font-size: 70px; font-weight: 800; color: #fff;}
.grc .bfont2{font-size: 60px; font-weight: 700; color: #fff;}
.grc .sfont1{font-size: 19px; color: #fff; line-height: 1.6;}
.grc .bspace1{margin-bottom: 10px;}
.grc .bspace2{margin-bottom: 20px;}
.grc .bspace3{margin-bottom: 30px;}
.grc .bspace5{margin-bottom: 50px;}
.grc_img img{width: 90%; max-width: 700px;}

.grc .text_cover p{opacity: 0; transform: translate(0, 120px)}
.fp-viewing-1stPage .grc1 .text_cover .gra11{opacity: 1; transform: translate(0); transition-delay: 0.4s;}
.fp-viewing-1stPage .grc1 .text_cover .gra12{opacity: 1; transform: translate(0); transition-delay: 0.5s;}

.fp-viewing-2ndPage .grc2 .text_cover .gra21{opacity: 1; transform: translate(0); transition-delay: 0.4s;}
.fp-viewing-2ndPage .grc2 .text_cover .gra22{opacity: 1; transform: translate(0); transition-delay: 0.5s;}
.fp-viewing-2ndPage .grc2 .text_cover .gra23{opacity: 1; transform: translate(0); transition-delay: 0.6s;}
.fp-viewing-2ndPage .grc2 .text_cover .gra24{opacity: 1; transform: translate(0); transition-delay: 0.7s;}

.fp-viewing-3rdPage .grc3 .text_cover .gra31{opacity: 1; transform: translate(0); transition-delay: 0.4s;}
.fp-viewing-3rdPage .grc3 .text_cover .gra32{opacity: 1; transform: translate(0); transition-delay: 0.45s;}
.fp-viewing-3rdPage .grc3 .text_cover .gra33{opacity: 1; transform: translate(0); transition-delay: 0.5s;}

.fp-viewing-4thPage .grc4 .text_cover .gra41{opacity: 1; transform: translate(0); transition-delay: 0.4s;}
.fp-viewing-4thPage .grc4 .text_cover .gra42{opacity: 1; transform: translate(0); transition-delay: 0.45s;}

.grc .text_cover p{
	-webkit-transition: all 0.8s cubic-bezier(.07,.44,.41,.93);
	-moz-transition: all 0.8s cubic-bezier(.07,.44,.41,.93);
	-o-transition: all 0.8s cubic-bezier(.07,.44,.41,.93);
	-ms-transition: all 0.8s cubic-bezier(.07,.44,.41,.93);
	transition: all 0.8s cubic-bezier(.07,.44,.41,.93);
}

/* 층별안내 */
.flnav{position: fixed; top: 50%; margin-top: -200px; left: 15%; z-index: 2; text-align: center;}
.flnav ul{display: inline-block;}
.flnav ul li{width: 80px; height: 80px; margin-top: 30px;}
.flnav ul li:first-child{margin-top: 0;}
.flnav ul li a{display: block; width: 100%; height: 100%; line-height: 80px; background: #fff; text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); border-radius: 50%; font-size: 19px; font-weight: bold;}
.flnav ul li.active a{background: #970CAD; color: #fff;}

.floor > div{background-repeat: no-repeat; background-position: center; background-size: cover;}
.floor1 > div{background-image: url("../imgs/s5/floor_bg1.jpg");}
.floor2 > div{background-image: url("../imgs/s5/floor_bg2.jpg");}
.floor3 > div{background-image: url("../imgs/s5/floor_bg3.jpg");}

.floor_box{position: relative; width: 1300px; margin: 0 auto; border: 6px solid #707070; box-sizing: border-box; border-radius: 30px; background: rgba(255, 255, 255, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); padding: 0 10px; }
.floor_box h3{position: absolute; top: -45px; left: -45px;; width: 90px; height: 90px; line-height: 90px; background: #193978; color: #fff; text-align: center; border-radius: 50%; font-size: 30px; font-weight: 700;}
.floor_box ul:after{content: ''; clear: both; display: block;}
.floor_lay > li{float: left; width: 60%; padding: 100px 20px; border-left: 1px dashed #C7C7C7;}
.floor_lay > li:first-child{width: 40%; border-left: 0;}
.floor_box .icon{display: block; background: #fff; box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2); padding: 15px; border-radius: 20px; margin: 30px 10px 0; width: 210px; float: left;}
.floor_box .icon > span{display: block; width: 64px; height: 64px; border-radius: 50%; float: left; background-color: #F7F7F7; background-repeat: no-repeat; background-position: center; background-size: 44px;}
.floor_box .icon b{display: block; margin-left: 80px; height: 100%; float: none; line-height: 64px;}
.floor_box .icon.line2 b{line-height: 22px; padding: 10px 0;}

.floor_box .icon.ex_icon{text-align: center;}
.floor_box .icon.ex_icon > span{float: initial; display: inline-block; background-color: #FFEBA7;}
.floor_box .icon.ex_icon b{float: initial; margin: 10px 0 0; line-height: 22px;}

.floor_box .icon.long_icon{width: 90%;}

.floor_box .icon.icon01 > span{background-image: url("../imgs/s5/icon_01.png");}
.floor_box .icon.icon02 > span{background-image: url("../imgs/s5/icon_02.png");}
.floor_box .icon.icon03 > span{background-image: url("../imgs/s5/icon_03.png");}
.floor_box .icon.icon04 > span{background-image: url("../imgs/s5/icon_04.png");}
.floor_box .icon.icon05 > span{background-image: url("../imgs/s5/icon_05.png");}
.floor_box .icon.icon06 > span{background-image: url("../imgs/s5/icon_06.png");}
.floor_box .icon.icon07 > span{background-image: url("../imgs/s5/icon_07.png");}
.floor_box .icon.icon08 > span{background-image: url("../imgs/s5/icon_08.png");}
.floor_box .icon.icon09 > span{background-image: url("../imgs/s5/icon_09.png");}
.floor_box .icon.icon10 > span{background-image: url("../imgs/s5/icon_10.png");}
.floor_box .icon.icon11 > span{background-image: url("../imgs/s5/icon_11.png");}
.floor_box .icon.icon12 > span{background-image: url("../imgs/s5/icon_12.png");}
.floor_box .icon.icon13 > span{background-image: url("../imgs/s5/icon_13.png");}
.floor_box .icon.icon14 > span{background-image: url("../imgs/s5/icon_14.png");}
.floor_box .icon.icon15 > span{background-image: url("../imgs/s5/icon_15.png");}
.floor_box .icon.icon16 > span{background-image: url("../imgs/s5/icon_16.png");}
.floor_box .icon.icon17 > span{background-image: url("../imgs/s5/icon_17.png");}
.floor_box .icon.icon18 > span{background-image: url("../imgs/s5/icon_18.png");}
.floor_box .icon.icon19 > span{background-image: url("../imgs/s5/icon_19.png");}
.floor_box .icon.icon20 > span{background-image: url("../imgs/s5/icon_20.png");}




/* 조직도 */
.org_wrap{position: relative; width: 100%; margin-bottom: 100px;}
.org_wrap ul:after{content:""; display:block; clear:both;}
.org_wrap ul.org_line:before{content: ''; position: absolute; top: -40px; left: 50%; width: 1px; height: 40px; background: #ccc;}
.org_wrap > ul{position: relative; text-align: center; margin-top: 40px;}
.org_wrap > ul > li{position: relative; float: left; width: 19.2%; margin-left: 1%;}
.org_wrap > ul > li:first-child{margin-left: 0;}
.org_wrap > ul.org_depth1 li{float: inherit; width: 180px; height: 180px; display: inline-block;}
.org_wrap > ul.org_depth2 li{float: inherit; width: 24%; display: inline-block;}
.org_wrap > ul li span{display: block; width: 100%; line-height: 120px; color: #000; font-size: 19px; font-weight: 350; border-radius: 50px; box-sizing: border-box;}
.org_wrap > ul.org_depth1 li span{background: #7B188F; line-height: 180px; color: #fff; font-weight: 700; font-size: 27px; border-radius: 180px;}
.org_wrap > ul.org_depth2 li span{line-height: 60px; border: 5px solid #4901A7;}
.org_wrap > ul.org_depth2 li span:nth-child(2){background: #767676;}
.org_wrap ul.org_lay > li{position: relative; float: left; width: 50%; margin: 0;}
.org_wrap ul.org_lay > li:nth-child(2) ul.org_depth3:before{content: ''; left: 0;}
.org_wrap ul.org_lay ul.org_depth3 li{width: 40%; display: inline-block;}
.org_wrap ul.org_lay ul.org_depth3 li span{line-height: 60px; border: 5px solid #4901A7;}
.org_wrap ul.org_lay ul.org_depth3{padding-top: 40px;}
.org_wrap ul.org_lay ul.org_depth3:before{content: ''; position: absolute; top: 0; left: 50%; width: 50%; height: 1px; background: #ccc;}
.org_wrap ul.org_lay ul.org_depth3 li:after{content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 40px; background: #ccc;}
.org_wrap ul.org_lay .depth4_org_line:before{content: ''; position: absolute; top: 0; left: 25%; width: 50%; height: 1px; background: #ccc;}
.org_wrap ul.org_lay .depth4_org_line:after{content: ''; position: absolute; top: -40px; left: 50%; width: 1px; height: 40px; background: #ccc;}
.org_wrap ul.org_lay ul.org_depth4 li{float: left; width: 36%; display: inline-block; margin: 0 7%;}
.org_wrap ul.org_lay ul.org_depth4 li span{background: #401E59; line-height: 60px; color: #fff;}
.org_wrap ul.org_lay ul.org_depth4{padding-top: 40px;}
.org_wrap ul.org_lay ul.org_depth4 li:after{content: ''; position: absolute; top: 0; left: 25%; width: 1px; height: 40px; background: #ccc;}
.org_wrap ul.org_lay ul.org_depth4 li:nth-child(2):after{content: ''; left: 75%;}

/* 오시는 길 */
.map_wrap{position: relative; max-width: 1400px; width: 100% !important;}
.map_wrap .wrap_map{height: 500px !important;}
.map_wrap .map_add{position: absolute; width: 100%; bottom: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.8); height: 100px; padding: 35px 60px; line-height: 30px; box-sizing: border-box;}
.map_wrap .map_add span{display: block; color: #fff; font-weight: 300; font-size: 17px; font-family: 'NotoSans', "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif;}
.map_wrap .map_add b{display: inline-block; color: #b29d77; font-weight: 400; font-size: 19px; font-family: 'NotoSans', "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif;}
.map_wrap .map_add span.old_add{}
.map_wrap .map_add a{display: block; width: 150px; height: 100px; background: url("../imgs/pin.png") no-repeat center #93805d; background-size: 60px; position: absolute; right: 0; top: 0; z-index: 2;}
.map_wrap .map_add a:hover{background-color: #6c5c3e;}
.map_wrap .wrap_controllers{display: none !important;}
.map_way{position: relative; padding: 50px 220px 50px 0;}
.map_way h5{margin: 0;}
.map_way p{margin-left: 14px; margin-top: 5px;}
.map_way a{display: inline-block; background: #3399cc; width: 200px; height: 50px; line-height: 50px; text-align: center; border-radius: 5px; color: #fff; font-size: 15px; position: absolute; right: 0; top: 50%; margin-top: -25px;}
.map_way a:hover{background: #216587;}
.map_help{margin: 20px 0; color: #666;}


.board_top_text{text-align: center; font-size: 17px; margin-bottom: 10px;}

.only_page11 .sub_page_title, .only_page12 .sub_page_title, .only_page31 .sub_page_title, .only_page32 .sub_page_title, .only_page33 .sub_page_title, .only_page51 .sub_page_title, .only_page52 .sub_page_title, .only_photo .sub_page_title, .only_greeting .sub_page_title, .only_floor .sub_page_title{display: none;}
.only_page51 .jcontainer{padding: 0;}

.section_copy_bottom{height: 80px;}

.ex_con_wrap{width: 1300px; margin: 0 auto;}
.ex_line{width: 100%; height: 1px; background: #ccc; margin: 50px 0;}
.ex_title{font-size: 55px; font-weight: 300; line-height: 1.2; word-wrap: break-word; word-break: keep-all; margin-bottom: 40px;}
.text_layout p.ex_sub_title{font-size: 21px; margin-bottom: 70px;}
.ex_wrap .img_layout li{border-radius: 20px; overflow: hidden;}

.ex_icon_wrap{}
.ex_icon_wrap > ul:after{content:""; display:block; clear:both;}
.ex_icon_wrap > ul > li{float: left;}
.ex_icon_wrap > ul > li{width: 33.33%; margin-top: 40px; padding-right: 50px; box-sizing: border-box;}
.ex_icon_wrap > ul > li:nth-child(4){margin-top: 120px;}
.ex_icon_wrap > ul > li:nth-child(5){margin-top: -110px;}
.ex_icon_wrap > ul > li:nth-child(6){margin-top: -110px;}
.ex_icon_wrap > ul > li:nth-child(7){margin-top: 120px;}
.ex_icon_wrap > ul > li:last-child{width: 100%;}
.ex_icon_wrap ul li ul{width: 100%; display: table; table-layout: fixed;}
.ex_icon_wrap ul li li{display: table-cell; vertical-align: top;}
.ex_icon_wrap ul li li:first-child{width: 140px;}
.ex_icon_wrap ul li li:first-child span{display: block; width: 120px; height: 120px; background-position: center; background-repeat: no-repeat; background-size: cover; border: 1px solid #C4C4C4; box-sizing: border-box; border-radius: 100px;}
.ex_icon_wrap span.ex_icon1{background-image: url("../imgs/s2/ex_icon_1.png");}
.ex_icon_wrap span.ex_icon2{background-image: url("../imgs/s2/ex_icon_2.png");}
.ex_icon_wrap span.ex_icon3{background-image: url("../imgs/s2/ex_icon_3.png");}
.ex_icon_wrap span.ex_icon4{background-image: url("../imgs/s2/ex_icon_4.png");}
.ex_icon_wrap span.ex_icon5{background-image: url("../imgs/s2/ex_icon_5.png");}
.ex_icon_wrap span.ex_icon6{background-image: url("../imgs/s2/ex_icon_6.png");}
.ex_icon_wrap span.ex_icon7{background-image: url("../imgs/s2/ex_icon_7.png");}
.ex_icon_wrap ul li li:nth-child(2) b{display: block; font-size: 21px; margin-bottom: 5px;}
.ex_icon_wrap ul li li:nth-child(2) span{font-size: 17px; color: #555;}
.ex_icon_wrap .ex_dot:after{content:""; display:block; clear:both;}
.ex_icon_wrap .ex_dot span{display: block;}
.ex_icon_wrap .ex_dot span srtong{display: block; float: none; margin-left: 20px;}
.ex_icon_wrap .ex_dot span srtong:first-child{float: left; margin-left: 0;}


@media (max-width: 1920px){
	.flnav{left: 5%;}
}

@media (max-width: 1600px){	
	/* 층별안내 */
	.flnav{top: 130px; margin-top: 0; left: initial; width: 100%;}
	.flnav ul{box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}
	.flnav ul li{float: left; width: 200px; height: auto; margin-top: 0;}
	.flnav ul li a{height: auto; line-height: inherit; box-shadow: none; border-radius: 0; font-size: 15px; padding: 15px 0; border: 1px solid #DEDEDE; border-left: 0;}
	.flnav ul li:first-child a{border-left: 1px solid #DEDEDE;}
	.flnav ul li.active a{border: 1px solid #970CAD;}
}
@media (max-width: 1350px){
	.ex_icon_wrap > ul > li{width: 50%; margin-top: 30px !important;}
	.ex_icon_wrap > ul > li:nth-child(n+3){margin-top: 60px !important;}
}
@media (max-width: 1300px){
    /* 서브 탑 공통 */
	.sub_top_wrap h3{font-size: 38px;}
	.sub_top_wrap p{line-height: 25px;}
	
	.sub_top_wrap.sub_top_type2 h3{margin-top: 40px;}
	.sub_top_wrap.sub_top_type2 b{margin-top: 20px;}
	.sub_top_wrap.sub_top_type2 p{margin-top: 60px;}
	.sub_top_wrap.sub_top_type2 strong{margin-top: 60px;}
	
	.fixed_box{padding-right: 40px; box-sizing: border-box;}
	.fixed_box br{display: none;}
	.fixed_box br.etc_mobile{display: block;}
	
	.fixed_box .img_cover .img_title{font-size: 25px;}
	.fixed_box .img_cover .img_title br{display: block;}
	
	.nomal_wrap > div{width: 100%; max-width: inherit;}
	.sub_slider .slider_gallery .swiper-button-prev{margin-top: -25px; width: 50px; height: 50px; background-size: 20px !important; left: 20px;}
	.sub_slider .slider_gallery .swiper-button-next{margin-top: -25px; width: 50px; height: 50px; background-size: 20px !important; right: 20px;}
	
	.center_box{width: 90%;}
	
	.sub_guide_img{height: 400px;}
	.sub_guide_img img{transform: scale(1.3)}
	
	.photo_inner{width: 100%; overflow: hidden;}
	.photo_wrap .slider_gallery .swiper-button-prev{margin-top: 0; width: 50px; height: 50px; background-size: 20px !important; left: 20px;}
	.photo_wrap .slider_gallery .swiper-button-next{margin-top: 0; width: 50px; height: 50px; background-size: 20px !important; right: 20px;}
	
	/* 층별안내 */
	.floor_box{width: 90%; border: 4px solid #707070; padding: 30px 0 0;}
	.floor_box h3{top: -35px; left: -35px;; width: 70px; height: 70px; line-height: 70px; font-size: 21px;}
	.floor_lay > li{padding: 30px 20px 0; width: 100% !important; border: 0;}
	.floor_lay > li:first-child{border-bottom: 1px dashed #C7C7C7; padding-top: 0;}
	.floor_box .icon{padding: 10px; margin: 0 10px 30px; width: 180px;}
	.floor_box .icon span{width: 54px; height: 54px; background-size: 38px;}
	.floor_box .icon b{margin-left: 70px; line-height: 54px;}
	.floor_box .icon.line2 b{line-height: 20px; padding: 7px 0;}
	.floor_box .icon.long_icon{width: 300px;}
}
@media (max-width: 1200px){
    /*오시는 길*/
	.map_wrap .map_add{padding: 40px 30px;}
	.map_area .txt {width: 100%;}
    .map_area .txt .logo{width:250px;}
	
}
@media (max-width: 1100px){
	/* 서브 탑 공통 */
	.text_wrap{width: 90%; margin: 0 auto;}
	
	.scroll_fex{width: 100%;}
	.scroll_fex > ul{display: block; width: 100%;}
	.scroll_fex > ul > li{padding-top: 70px; width: 100% !important; float: initial !important; max-width: inherit !important;}
	.scroll_fex > ul > li:nth-child(2){padding-top: 0;}

	.fixed_box{padding-right: 0;}
	.fixed_box .img_cover{width: 50%; margin: 0 auto;}
	.fixed_box .img_cover img{width: 100%;}
	.fixed_box .left_text_box{width: 90%; margin: 0 auto;}
	
	.stitle.firstTitle{margin-top: 80px;}
	.stitle.secondTitle{margin-top: 20px !important;}
	
	.sub_guide_img{height: 300px;}
}
@media (max-width: 1023px){        
	/* 오시는 길 */
	.map_wrap .wrap_map{height: 500px !important;}
	.map_wrap .map_add{height: 100px; padding: 20px 35px;}
	.map_wrap .map_add a{width: 100px; height: 100px; background-size: 50px;}
	
	.section_copy_bottom{height: 0;}
}

@media screen and (max-width: 767px) { 
	/* 서브 */
	.cBody{padding-bottom: 50px;}
	
	/* 서브 탑 공통 */
	.sub_top_wrap{min-height: initial;}
	.sub_top_wrap.sub_top_type2 ul.sub_top_lay{position: relative; top: 0; width: 100%; height: auto; padding-top: 400px; min-height: initial;}
	.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li{float: inherit; width: 100%;}
	.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_img{position: fixed; height: 400px; background-position: center !important; background-size: cover; top: 60px; min-height: initial;}
	.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_text{position: relative; width: 94%; margin: 0 auto; background: #fff; z-index: 2; margin-top: -60px; height: auto; padding: 20px;}
	.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_text.top_width{width: 100%;}
	.sub_top_wrap.sub_top_type2 ul.sub_top_lay > li.sub_top_text.top_width > div{width: 100%;}
	.sub_top_wrap h2{font-size: 4.77vw;}
	.sub_top_wrap h3{font-size: 8vw; word-break: keep-all;}
	.sub_top_wrap h3 br{display: none;}
	.sub_top_wrap strong{font-size: 3.77vw;}
	.sub_top_wrap b{font-size: 4.22vw;}
	/*
	.sub_top_wrap a{font-size: 4.22vw;}
	*/
	
	.sub_top_wrap.sub_top_type2 h3{margin-top: 30px;}
	.sub_top_wrap.sub_top_type2 b{margin-top: 14px;}
	.sub_top_wrap.sub_top_type2 p{margin-top: 40px;}
	.sub_top_wrap.sub_top_type2 strong{margin-top: 30px;}
	.sub_top_wrap.sub_top_type1 ul.sub_top_lay{position: relative; top: inherit; left: inherit;}
	.sub_top_wrap.sub_top_type1 ul.sub_top_lay > li > div{padding: 30px;}
	.sub_top_wrap.sub_top_type1 h2{margin-top: 50px;}
	.sub_top_wrap.sub_top_type1 strong{position: relative; bottom: inherit; margin-top: 100px;}
	
	.scroll_fex > ul > li{padding-top: 50px; padding-bottom: 40px;}
	.scroll_fex > ul > li:first-child+li{padding-bottom: 0; padding-top: 1px;}
	
	.img_cover{padding-top: 20px !important;}
	.img_cover img{width: 100% !important;}
	
	.img_cover.per30 img{width: 50% !important;}
	.img_cover.per25 img{width: 50% !important;}
	.img_cover.per20 img{width: 50% !important;}
	
	.fixed_box{margin-bottom: 0;}
	.fixed_box .img_cover{width: 90%;}
	.fixed_box .left_text_box h3{font-size: 4.22vw; line-height: 22px;}
	.fixed_box .left_text_box span{font-size: 3.22vw;}
	.fixed_box .left_text_box p{font-size: 14px;}
	
	.text_wrap.shadow_box_text{margin: 40px auto 50px;}
	.text_wrap.shadow_box_text p br{display: none;}
	
	.stitle{font-size: 21px; line-height: 1.7; margin-top: 40px !important; margin-bottom: 0;}
	
	/* Sub Top gallery */
	.slick-slider .slick-arrow{bottom: 5%; left: 50%; z-index: 4; width: 30px; height: 30px; background-size: 30px 60px;}
    .slick-slider .slick-arrow.slick-next{background-position: 0 0; margin-left: 40px;}
    .slick-slider .slick-arrow.slick-prev{background-position: 0 -30px; margin-left: -70px;}
    .slick-slider.sGallery .slick-arrow{top: 50%; margin-top: 250px;}
    .jGallery_nav button{bottom: 5%; margin-left: -15px; width: 30px; height: 30px; background-size: 30px 60px;}
    .jGallery_nav button.play{background-position: 0 -30px; display: none;}
	.sgallery1.slick-slider .slick-dots{bottom: 20%;}
	.sgallery1.slick-slider .slick-dots li{margin-left: 20px;}
	.sgallery1.slick-slider .slick-dots li:after{content: ''; width: 20px; left: -20px;}
	
	.sgallery1.slick-slider .slick-arrow{bottom: 140px; width: 40px; height: 40px; background-size: 40px;}
	.sgallery1.slick-slider .slick-arrow.slick-next{background-position: 0 0; margin-left: 50px;}
	.sgallery1.slick-slider .slick-arrow.slick-prev{background-position: 0 -40px; margin-left: -90px;}
	.jGallery_play.jp_nav1 button{bottom: 140px; margin-left: -20px; width: 40px; height: 40px; background-size: 40px; margin-bottom: -2px;}
	.jGallery_play.jp_nav1 button.play{background-position: 0 -40px;}
	
	.jtext_wrap .jtext{top: 120px;}
	.jtext_wrap .jtext.common_text{top: 90px;}
	.jtext_wrap .jtext.many_text{top: 70px;}
	.jtext_wrap .jtext p{font-size: 0.875em; line-height: 1.4; text-align: left;}
	.jtext_wrap .jtext p.jt1{font-size: 2.5em;}
	.jtext_wrap .jtext p.jt2 br{display: none;}
	.jtext_wrap .jtext p.jt2 br.only_br{display: block;}
	
	.scroll_arrow.sub_only{width: 36px; height: 70px; padding: 15px 5px; margin-left: -18px; bottom: 30px;}
	
	.scroll_icon{position: absolute; bottom: 30px; left: 50%; margin-left: -25px; width: 50px; height: 60px;}
	
	.nomal_wrap{margin-top: 0; padding: 40px 0;}
	.nomal_wrap h3{font-size: 25px;}
	
	.sub_slider {width:100%; padding: 20px 0 0;}
	
	.sub_guide_img{height: 250px;}
	.sub_guide_img img{transform: scale(2)}
	
	.sub_slider .slider_gallery .swiper-slide .img_description{font-size: 15px;}
	
	.photo_title h3{font-size:36px; padding-bottom: 20px;}
	.photo_wrap .slider_gallery .swiper-slide .img_description{font-size: 15px;}
	
	/* Sub Bottom gallery */
	.sGallery.gallery_text_type .slick-dots li{margin: 0 5px;}
	.sGallery.gallery_text_type .slick-dots li button{width: 12px; height: 12px;}
	.sGallery.gallery_text_type span.img_description{font-size: 4.22vw;}
	
	/* 인사말 */
	.grc .bfont1{font-size: 40px;}
	.grc .bfont2{font-size: 30px;}
	.grc .sfont1{font-size: 15px;}
	.grc .bspace1{margin-bottom: 5px;}
	.grc .bspace2{margin-bottom: 10px;}
	.grc .bspace3{margin-bottom: 20px;}
	.grc .bspace5{margin-bottom: 30px;}
	
	/* 층별안내 */
	.flnav{position: fixed; top: 100px;}
	.flnav ul{width: 90%;}
	.flnav ul li{width: 33.33%;}
	.flnav ul li a{padding: 12px 0; font-size: 14px;}
	
	.floor_box .icon{padding: 10px; margin: 0 1.66% 30px; width: 30%;}
	.floor_box .icon span{width: 40px; height: 40px; background-size: 30px;}
	.floor_box .icon b{margin-left: 50px; line-height: 40px; font-size: 13px; word-break: break-all;}
	.floor_box .icon b span{display: inline; word-break: break-all;}
	.floor_box .icon.line2 b{line-height: 20px; padding: 0;}
	
	
	/* 조직도 */
	.org_wrap > ul{margin-top: 30px; padding-top: 0 !important;}
	.org_wrap ul.org_line:before{content: ''; top: -30px; height: 30px;}
	.org_wrap > ul.org_depth1 li{width: 50%; height: auto;}
	.org_wrap > ul.org_depth2 li{width: 100%; margin-top: 10px;}
	.org_wrap > ul.org_depth2 li:first-child{margin-top: 0;}
	.org_wrap ul.org_lay > li{position: relative; width: 100%;}
	.org_wrap ul.org_lay > li li{width: 100% !important;}
	.org_wrap ul.org_lay li:nth-child(1) ul.org_depth3{padding-top: 0;}
	.org_wrap ul.org_lay ul.org_depth3{padding-top: 30px;}
	.org_wrap ul.org_lay ul.org_depth3 li{width: 100%; margin-left: 0 !important; margin-top: 10px;}
	.org_wrap ul.org_lay ul.org_depth3 li:first-child{margin-top: 0;}
	.org_wrap > ul.org_depth1 li span{line-height: 80px; font-size: 20px;}
	.org_wrap > ul.org_depth2 li span{line-height: 50px; font-size: 17px;}
	.org_wrap ul.org_lay ul.org_depth3 li span{line-height: 50px; font-size: 15px;}
	.org_wrap ul.org_lay ul.org_depth4 li span{line-height: 60px; font-size: 15px;}
	.org_wrap > ul.org_depth2{background: none;}
	.org_wrap ul.org_lay.depth4_org_lay{margin: 0;}
	.org_wrap ul.org_lay ul.org_depth4{padding-top: 0;}
	.org_wrap ul.org_lay ul.org_depth4 li{position: relative; margin: 0; padding-top: 30px;}
	.org_wrap ul.org_lay ul.org_depth4 li:after{content: ''; left: 50% !important;}
	.org_wrap ul.org_lay.org_line:before{content: ''; display: none;}
	.org_wrap ul.org_lay ul.org_depth3:before{content: ''; display: none;}
	.org_wrap ul.org_lay ul.org_depth3 li{position: relative;}
	.org_wrap ul.org_lay ul.org_depth3 li:after{content: ''; display: none;}
	.org_wrap ul.org_lay ul.org_depth3 li:before{content: ''; position: absolute; top: -30px; left: 50%; width: 1px; height: 30px; background: #ccc;}
	.org_wrap ul.org_lay ul.org_depth3:before{content: ''; display: none;}
	.org_wrap ul.org_lay li:nth-child(1) ul.org_depth3 li:after{content: ''; display: none;}
	.org_wrap ul.org_lay .depth4_org_line:after{content: ''; display: none;}
	.org_wrap ul.org_lay .depth4_org_line:before{content: ''; display: none;}
	.org_wrap ul.org_lay ul.org_depth4 li:after{content: ''; height: 30px;}
	
    
	/* 오시는 길 */
	.map_wrap .wrap_map{height: 300px !important;}
	.map_wrap .map_add{height: 80px; padding: 30px 25px;}
	.map_wrap .map_add span{font-size: 14px; line-height: 22px;}
	.map_wrap .map_add b{font-size: 15px;}
	.map_wrap .map_add a{width: 80px; height: 80px; background-size: 40px;}
	.map_way{padding: 30px 0;}
	.map_way a{position: relative; right: inherit; top: inherit; margin-top: 10px; margin-left: 14px; width: 150px; height: 40px; line-height: 40px;}
	
	.board_top_text{font-size: 15px; margin-bottom: 10px;}
	
	
	.ex_title{font-size: 35px; line-height: 1.4; margin-bottom: 20px;}
	.text_layout p.ex_sub_title{font-size: 19px; margin-bottom: 30px;}
	
	.ex_icon_wrap ul li li:first-child{width: 110px;}
	.ex_icon_wrap ul li li:first-child span{width: 90px; height: 90px;}
	.ex_icon_wrap > ul > li:first-child{margin-top: 10px;}
	.ex_icon_wrap > ul > li{width: 100%; margin-top: 30px !important;}
	.ex_icon_wrap > ul > li:nth-child(1){margin-top: 0 !important;}
	.ex_icon_wrap > ul > li:nth-child(n+3){margin-top: 30px !important;}
	.ex_icon_wrap ul li li:nth-child(2) b{font-size: 19px; margin-bottom: 0;}
	.ex_icon_wrap ul li li:nth-child(2) span{font-size: 15px;}
	
}


@media screen and (max-width: 480px) {    
	/* 서브 탑 공통 */
	.fixed_box .img_cover img{width: 100%;}
	
	/* 층별안내 */
	.flnav{top: 70px;}
	.floor_lay > li{padding-left: 10px; padding-right: 10px;}
	.floor_lay > li.floor_right{padding: 15px 10px;}
	.floor_box{padding-top: 30px;}
	.floor_box .icon{padding: 8px; margin: 0 1% 10px; width: 30%; border-radius: 12px;}
	.floor_box .icon.ex_icon b{margin: 3px 0 0; line-height: 18px;}
	.floor_box .icon font, .floor_box .icon.ex_icon b br{display: none;}
	.floor_box .icon.long_icon{width: 98%; margin-left: 1%; margin-right: 1%;}
	
	.floor_box .icon{text-align: center;}
	.floor_box .icon span{float: initial; display: inline-block;}
	.floor_box .icon b{float: initial; margin-left: 0; line-height: 1.4 !important; font-size: 12px;}
	.floor_box .icon b br{display: none;}
	
	/* 조직도 */
	.org_wrap > ul.org_depth1 li{width: 60%;}
    
	/* 오시는 길 */
	.map_wrap .wrap_map{height: 270px !important;}
	.map_wrap .map_add{height: 60px; padding: 19px 15px; line-height: 30px;}
	.map_wrap .map_add a{width: 60px; height: 60px; background-size: 40px;}
	
	.ex_title{font-size: 30px; line-height: 1.4;}
	.text_layout p.ex_sub_title{font-size: 17px;}
}


@media screen and (min-width:767px) and (max-height:820px){        
	.jtext_wrap .jtext{top: 100px; z-index: 1;}
}

@media screen and (min-width:767px) and (max-height:600px){        
	.jtext_wrap .jtext{top: 50px; z-index: 1;}
}

@media screen and (min-width:767px) and (max-height:600px){        
	.jtext_wrap .jtext{top: 10px; z-index: 1;}
}