@charset "UTF-8";
@import url("font.css");

/* layout */
.quick-wrap{position:fixed;top:0;right:0;height:100%;width:250px;background-color: #3e3e3e;z-index:10;transition:right 0.7s;-webkit-transition:right 0.7s;}
.sub-container{max-width:1200px;/*height:100%;*/margin:0 0 0 350px;padding:80px 0 0 0;}
.sub-container02{height:100%;}
.content-wrap{max-width:1200px;/*height:100%;*/background:#fff;}
.content-wrap02{height:100%;}
.content{padding: 0 140px 130px;}
.content02{height:100%;}

/*popup*/
.popup_text_top{font-family:'Noto Sans KR';font-size:27px;font-weight: 600;padding-top:30px;color: #0c73da;}
.popup_text_top_2{font-family:'Noto Sans KR';font-size:27px;font-weight: 600;padding-top:30px;color: #333;}
.popup_text{font-family:'Noto Sans KR';font-size:20px;font-weight: 500;padding-top:10px;}
.popup_text_2{font-family:'Noto Sans KR';font-size:18px;font-weight: 450;padding-top:10px;}
.popup_text_bottom{font-family:'Noto Sans KR';font-size:19px;font-weight: 600; padding-top:10px;}


/* 공통 */
html{height:100%;}
body{font-family:'Noto Sans KR',sans-serif;font-weight:200;font-size:15px;color:#333;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
a{color:#333;word-wrap:break-word;}
.hide{display:block;position:absolute;overflow:hidden;width:0;height:0;text-indent:-9999999px;}
.all-fixed {position: fixed;width: 100%;height: 100%;}
.pc-hide{display:none !important;}
.con-p01{padding:0 0 23px 0;font-weight:400;font-size: 18px;color:#333;line-height: 30px;}
.con-p02{padding:0 0 0 16px;font-weight:400;font-size:18px;line-height: 30px;color:#555;}
.pd-l-con{padding-left:16px;}
.pd-b-con{padding-bottom:23px;}
.con-box{padding:0 0 60px 0;}
.mark-p{position:relative;padding-left:20px;font-weight:400;font-size:18px;line-height:38px;color:#003d91;}
.mark-p:after{content:"※";display:block;position:absolute;top:0;left:0;}
.no-pd{padding:0 !important;}
.mg-b20{margin-bottom:20px;}
.pd-20{padding:20px;}

.img-box {position: relative;text-align: center;}
.img-box > img{width:100%}
.img-box.max > img{max-width:100%; width:auto;}
.img-box.line{border:1px solid #ddd;}
.img-box a {position: absolute;right:0; bottom:0;}
a.zoom-in{text-align: right;padding: 20px 0 0;}
.txt-color555{color:#555;}
.arrow{color:#003d91;font-weight:700;}
.blue{color:#066efc;}
.txt-center{text-align:center;}

.overflow-hidden{overflow:hidden !important;}
.z-index0{z-index:0 !important;}

/* 해더 */
.header-wrap{position:fixed;top:0;left:0;width:220px;height:100%;min-height:950px;background-color: rgba(0,0,0,0.6);z-index:20;}
.top-header-wrap h1{padding: 34px 0 32px;text-align:center;}
.top-header-wrap h1 a{text-align:center;}

.gnb > ul:after{content:"";display:block;position:absolute;bottom:0;left:30px;width:60px;height:3px;background:#0e7ae8;}
.gnb-ul{position:relative;padding: 0 0 37px 0;}
.gnb-ul > li{padding: 0 0 18px 30px;}
.gnb-ul > li:last-of-type{margin:0;}
.gnb-ul > li > a{display: inline-block;position:relative;font-weight:400;font-size:20px;color:#fff;line-height:32px;}
.gnb-ul > li:hover > a:after{content:"";display:block;position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:#fff;}
.gnb-ul > li > a:active:after{content:"";display:block;position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:#fff;}
.gnb-ul > li.active .sub-mn{display:block;}
.sub-mn{display:none;padding: 30px 0 0 0;}
.sub-mn > li{position:relative;margin: 0 0 12px 0;padding: 0 10px 0 30px;}
.sub-mn > li:last-of-type{margin:0;}
.sub-mn > li.on:after{content:"";display:block;position:absolute; top:50%;margin:-5px 0 0 0;right:13px;width:6px;height:10px;background:url(/_res/dc/img/common/img_sub_arrow.png)no-repeat;}
.sub-mn > li > a{display:inline-block;font-weight:200;font-size:16px;color:#fff;line-height:23px;}
.sub-mn > li:hover > a{font-weight:500;}
.sub-mn > li > a.active:after{display:none;}
.sub-mn-dep3{display:none;position:absolute;top: -30px;right:-160px;width:160px;background-color: rgba(0,0,0,0.7);padding: 30px 0;font-size: 14px;z-index:30;}
.sub-mn-dep3:before{content:"";display:block;position:absolute;left: -2px;width:4px;height:23px;background:#fff;}
.sub-mn-dep3 > li{padding:0 0 15px 35px;}
.sub-mn-dep3 > li:last-of-type{padding:0 0 0 35px;}
.sub-mn-dep3 > li:hover > a{font-weight:900;border-bottom:1px solid #fff;}
.sub-mn-dep3 > li > a{color:#fff;}

.util-box{padding: 30px 0 0 30px;}
.util-box a{color:#fff;font-weight: 400;}
.util-box .mobile{display:none;}
.util-box .pc{display:block;}
	
.gnb-bg{display:none;}
.btn-menu{display:none;}
.btn-menu-close{display:none;}
.btn-quick-menu{display:none;}
.foot-wrap{padding:0 0 60px 0;}
.foot-wrap .foot-box{padding:33px 0 0 30px;}
.foot-wrap .foot-box p{font-size:15px;font-weight:400;color:#fff;}
.foot-wrap .foot-box p a{position:relative;display:  block;padding: 16px 0 0 20px;color:#fff;}
.foot-wrap .foot-box p a:after{content:"";display:block;background:url(/_res/dc/img/common/ico_phone.png) no-repeat;width:12px;height:12px;position:absolute;left:0;top: 21px;}

/* 서브비쥬얼 */
.sub-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;}
.sub-bg.bg01{background:url(/_res/dc/img/sub_visual/sub_bg01.gif) no-repeat;background-size:cover;}
.sub-bg.bg02{background:url(/_res/dc/img/sub_visual/sub_bg02.gif) no-repeat;background-size:cover;}
.sub-bg.bg03{background:url(/_res/dc/img/sub_visual/sub_bg03.gif) no-repeat;background-size:cover;}
.sub-bg.bg04{background:url(/_res/dc/img/sub_visual/sub_bg04.gif) no-repeat;background-size:cover;}
.sub-bg.bg05{background:url(/_res/dc/img/sub_visual/sub_bg05.gif) no-repeat;background-size:cover;}
.sub-bg.bg06{background:url(/_res/dc/img/sub_visual/sub_bg06.gif) no-repeat;background-size:cover;}
.sub-bg.bg07{background:url(/_res/dc/img/sub_visual/sub_bg07.gif) no-repeat;background-size:cover;}
.sub-bg.bg08{background:url(/_res/dc/img/sub_visual/sub_bg08.gif) no-repeat;background-size:cover;}

/* 퀵링크 */
.quick-wrap .btn-quick{width:57px;height:220px;background: url(/_res/dc/img/common/btn_quick_off.png) no-repeat;}
.quick-wrap.on .btn-quick{background: url(/_res/dc/img/common/btn_quick_on.png) no-repeat;}

.quick-wrap .btn-quick.edu{background: url(/_res/dc/img/education/btn_quick_edu_on.png) no-repeat;}
.quick-wrap.on .btn-quick.edu{background: url(/_res/dc/img/education/btn_quick_edu_off.png) no-repeat;}
.quick-wrap .btn-quick.etc{background: url(/_res/dc/img/etc/btn_quick_etc_on.png) no-repeat;}
.quick-wrap.on .btn-quick.etc{background: url(/_res/dc/img/etc/btn_quick_etc_off.png) no-repeat;}
.quick-wrap .btn-quick.view{background: url(/_res/dc/img/view/btn_quick_view_on.png) no-repeat;}
.quick-wrap.on .btn-quick.view{background: url(/_res/dc/img/view/btn_quick_view_off.png) no-repeat;}

.btn-quick{position:absolute;left:-57px;top: 365px;cursor:pointer;}
.top-quick-wrap{padding: 44px 25px 77px 25px;}
.top-quick-wrap > p{padding:20px 0 0 0;}
.top-quick-wrap .quick-title{font-size:20px;font-weight:700;color:#fff;padding: 0 0 18px;}
.top-quick-wrap .quick-title .quick-hide{display:none;}

.top-quick-wrap .text-box{margin:0 0 16px;padding:0 0 16px;border-bottom:1px dashed #6f6f6f;}
.top-quick-wrap .text-box:last-of-type{margin:0;padding:0;border:none;}
.top-quick-wrap .text-box p{color: #fff;font-size: 16px;font-weight: 500;padding: 0 0 13px 0;}
.top-quick-wrap .text-box dl{padding: 0 0 8px 0;color:#cbcbcb;}
.top-quick-wrap .text-box dl:last-of-type{padding:0;}
.top-quick-wrap .text-box dl:after{content:"";display:block;clear:both;}
.top-quick-wrap .text-box dl dt{float:left;}
.top-quick-wrap .text-box dl dd{float:right;}
.top-quick-wrap .text-box span{color:#cbcbcb;}

.btn-floor{display:block;position:relative;padding:13px 0 11px;background:url(/_res/dc/img/common/bg-floor-plan.gif) no-repeat 0 0/cover;font-weight:400;font-size:18px;color:#fff;text-align:center;}
.btn-floor:before{content:"";display:block;margin:0 auto 5px;width:32px;height:24px;background:url(/_res/dc/img/common/ico-floor-plan.png) no-repeat 0 0/100%;}

.bottom-quick-wrap ul{padding:0 30px;}
.bottom-quick-wrap ul li{margin:0 0 5px 0;padding: 14px 10px;border-radius:40px;position:relative;background:#393939;box-sizing:border-box;}
.bottom-quick-wrap ul li:nth-of-type(1):hover{background:#0e7ae8;}
.bottom-quick-wrap ul li:nth-of-type(1):after{content:"";display:block;width:50px;height:50px;position:absolute;top:0;left:0;z-index:10;background:url(/_res/dc/img/common/ico_quick01.png)no-repeat 0 50%;}
.bottom-quick-wrap ul li:nth-of-type(2):hover{background:#0e7ae8;}
.bottom-quick-wrap ul li:nth-of-type(2):after{content:"";display:block;width:50px;height:50px;position:absolute;top:0;left:0;z-index:10;background:url(/_res/dc/img/common/ico_quick02.png)no-repeat 0 50%;}
.bottom-quick-wrap ul li:nth-of-type(3):hover{background:#0e7ae8;}
.bottom-quick-wrap ul li:nth-of-type(3):after{content:"";display:block;width:50px;height:50px;position:absolute;top:0;left:0;z-index:10;background:url(/_res/dc/img/common/ico_quick03.png)no-repeat 0 50%;}
.bottom-quick-wrap ul li:nth-of-type(4):hover{background:#0e7ae8;}
.bottom-quick-wrap ul li:nth-of-type(4):after{content:"";display:block;width:50px;height:50px;position:absolute;top:0;left:0;z-index:10;background:url(/_res/dc/img/common/ico_quick04.png)no-repeat 0 50%;margin:0;}
.bottom-quick-wrap ul li a{padding:0 0 0 50px;font-size:13px;color:#fff;vertical-align:top;}

/* 타이틀 */
.title-wrap{padding:74px 0 0 0;}
.title-box{position:relative;padding:0 0 67px 0;}
.title-box:after{content:"";display:block;clear:both;}
.title-box p{padding:0 140px;font-weight:700;font-size:45px;line-height:50px;color:#333;word-wrap:break-word;}

/* 탭 */
.tab-outer{padding:0 0 45px 0;}
.tab-box01 .tab-ul {position:relative;border-bottom:1px solid #cccccc;}
.tab-box01 .tab-ul:after{content:"";display:block;clear:both;}
.tab-box01 .tab-ul li{display:inline-block;margin:0 -4px 0 0;padding:10px 0;width:33.33333333%;text-align:center;vertical-align:middle;}
.tab-box01 .tab-ul li.active{border-bottom:4px solid #01439e;}
.tab-box01 .tab-ul li a{font-weight:400;font-size:25px;color:#888;line-height:30px;}
.tab-box01 .tab-ul li.active a{font-weight:700;color:#01439e;}

.tab-box01 .row01 > li{width:100%}
.tab-box01 .row02 > li{width:50%}
.tab-box01 .row03 > li{width:33.33333%}
.tab-box01 .row04 > li{width:25%}
.tab-box01 .row05 > li{width:20%}

.m-tab-box{background:#0b3166  url(/_res/dc/img/common/btn_m_tab_open.png) no-repeat center right 15px;height:40px;position:relative;text-align:center;}
.m-tab-box.active{background-image:url(/_res/dc/img/common/btn_m_tab_close.png);}
.m-tab-box label{color:#fff;font-weight:400;font-size:15px;padding:11px 0;display:block;}
.tab-sel{background: transparent;height:40px;border:0;color:#fff;filter:alpha(opacity=0);opacity:0;position: absolute;width: 100%;left: 0;top:0;}
.tab-sel option{font-size:15px;color:#666;}

/* 제목 */
.h4-tit01{padding:0 0 19px 16px;background:url(/_res/dc/img/common/bul_type01.png) no-repeat 0 4px;font-weight:700;font-size:25px;line-height:30px;color:#003d91;}
.h5-tit01{padding:0 0 17px 16px;background:url(/_res/dc/img/common/bul_type02.png) no-repeat 0 8px;font-weight:500;font-size:20px;line-height:25px;color:#333;}

/* 리스트 타입 */
.ul-type01 > li{position:relative;padding:0 0 0 15px;font-weight:400;font-size:18px;line-height:38px;color:#555;}
.ul-type01 > li:after{content:"";display:block;position:absolute;top:16px;left:3px;width:6px;height:6px;background:#9bb9e3;border-radius:6px;}
.ul-type02 > li{position:relative;padding:0 0 0 9px;font-weight:400;font-size:18px;line-height:38px;color:#555;}
.ul-type02 > li:after{content:"";display:block;position:absolute;top:19px;left:0px;width:4px;height:1px;background:#555;}
.ol-type01 > li{list-style-type:decimal;margin:0 0 0 20px;line-height:38px;font-weight:400;font-size:18px;color:#555;}
.ol-type02 > li{line-height:38px;font-weight:400;font-size:18px;color:#555;}

/* 버튼타입 */
.lnk-wrap a{display:inline-block;font-weight:400;font-size:18px;color:#fff;line-height:25px;box-sizing:border-box;}
.lnk-wrap .lnk-btn01{padding:12px 44px 13px 20px;background:#0b3166 url(/_res/dc/img/common/ico_lnk_home.png) no-repeat 89% 50%;}
.lnk-wrap .lnk-btn01:hover{background:#333 url(/_res/dc/img/common/ico_lnk_home.png) no-repeat 89% 50%;}
.lnk-wrap .lnk-btn02{padding:12px 86px 13px 20px;background:#0b3166 url(/_res/dc/img/common/ico_lnk_down01.png) no-repeat 89% 50%;}
.lnk-wrap .lnk-btn02:hover{background:#cdd9eb url(/_res/dc/img/common/ico_lnk_down02.png) no-repeat 89% 50%;}
.lnk-wrap .lnk-btn04{padding:12px 86px 13px 20px;color:#010101;background:#cdd9eb url(/_res/temptypec03/img/common/ico_lnk_down02.png) no-repeat 89% 50%;}
.btn-wrap .lnk-wrap .lnk-btn04{padding:12px 86px 13px 20px;color:#fff;background:#0b3166 url(/_res/temptypec03/img/common/ico_lnk_down01.png) no-repeat 89% 50%;}

.btn-wrap{margin:20px 0 40px;}
.btn-wrap .lnk-wrap{display:inline-block;margin:0 15px 0 0;}

/* 인사말 */
.greeting-box{position:relative;margin: 28px 0 53px 0;background:  #e3eaf5;border-radius: 30px;min-height: 260px;}
.greeting-box:before{content:"";display:block;width:54px;height:47px;background:url(/_res/dc/img/intro/bg_greeting_top.png)no-repeat;position:absolute;top:-28px;left:65px;}
.greeting-box .greeting-txt{display:inline-block;padding: 65px 0 0 65px;}
.greeting-box .greeting-txt p:first-of-type{font-size:40px;line-height:50px;font-weight:700;}
.greeting-box .greeting-txt p:last-of-type{font-size:30px;line-height:45px;font-weight:400;}
.greeting-box .greeting-img{position: absolute;top: -16px;right: 0;}

.greeting-p{font-size:20px;font-weight:400;text-align:right;padding: 68px 0 0 0;}
.greeting-p span{padding:0 0 0 30px;}
.greeting-p span img{max-width:100%;width:auto;}

/* 찾아오시는 길 */
.location-p01{font-size:30px;line-height:40px;font-weight:700;color:#003d91;text-align:center;}
.location-p01 span{padding:20px 0 0 28px;display: inline-block;position: relative;z-index: 0;}
.location-p01 span:before{content:"";display: block;background: url(/_res/dc/img/intro/bg-location.png)no-repeat;width: 35px;height: 30px;position: absolute;top: 0;left: 0;z-index: -1;}
.location-p02{font-weight:400;font-size: 16px;color:#333;line-height: 28px;text-align:center;}

/*  보령8경 */
.tour-box:after{content:"";display:block;clear:both;}
.tour-box .left-box{float:left;width:140px;padding:0 25px 0 0;}
.tour-box .left-box img{width:140px;}
.tour-box .right-box{float:left;width:calc(100% - 165px);box-sizing:border-box;}

.room-box {text-align:center;}
.room-box .big-img{text-align:center;margin:0 auto 80px;display:inline-block;border:10px solid #f2f5fa;border-radius:10px;box-shadow:5px 5px 5px #d6d6d6;}
.room-box .thum-box{margin:80px 0 0;}
.room-box .thum-box ul{overflow:hidden;text-align:center;}
.room-box .thum-box li{display:inline-block;width:20%;box-sizing:border-box;margin:0 -2px;}
.room-box .thum-box li img{width:100%;}
.room-box .thum-box li a{display:block;position:relative;width:90%;}
.room-box .thum-box li a:hover:after{width:100%;height:100%;content:"";position:absolute;top:0;left:0;background:url(/_res/dc/img/common/ov.png) no-repeat 50% 50%;background-size:100% auto;}
.room-box .thum-box.type2{text-align:left;}
.room-box .thum-box.type2 ul{text-align:left;}
.room-box .thum-box.type2 li{margin-bottom:20px;}

/* 하늘에서 본 수련원 */
.ad-video{text-align:center;max-width:920px;margin:0 auto;}
.vod-list{max-width:920px;margin:20px auto 0;}
.vod-list a{width:25%;display:inline-block;margin:0 -4px 0 0; padding:0 10px 0 0;box-sizing:border-box;}
.vod-list a:last-child{padding:0;}
.vod-list a img{width:100%;}

/* 시설공통 */
.room-wrap{position:relative;height:100%;}
.room-visual-box{position:relative;height:100%;}
.room-visual-box .owl-carousel{height:100%;}
.room-visual-box .owl-carousel .owl-stage-outer{height:100%;}
.room-visual-box .owl-carousel .owl-stage-outer .owl-stage{height:100%;}
.room-visual-box .owl-carousel .owl-stage-outer .owl-stage .owl-item{height:100%;}
.room-visual-box .owl-carousel .owl-stage-outer .owl-stage .owl-item .item{height:100%;}
.room-visual-img-box{height:100%;}
.room-visual-img-box img{width:100%;height:100%;object-fit:cover;}
.room-visual-box .owl-theme .owl-dots{position:absolute;bottom:70px;left:50%;padding:0 0 0 23px;transform:translateX(-50%);-ms-transform:translateX(-50%);}
.room-visual-box .owl-theme .owl-dots .owl-dot span{margin:0 6px;width:13px;height:13px;border:3px solid rgba(255,255,255,0.8);background:none;box-sizing:border-box;}
.room-visual-box .owl-theme .owl-dots .owl-dot:hover span{background:#fff;}
.room-visual-box .owl-theme .owl-dots .owl-dot.active span{width:34px;background:#fff;}
.room-visual-box .mini-board-ctrl{position:absolute;bottom:72px;z-index:10;}
.room-visual-box .mini-board-ctrl.no-dots{display:none;}
.room-visual-box .mini-board-ctrl img{display:none;}
.room-visual-box .carousel-stop img:first-of-type{display:inline-block;}
.room-visual-box .carousel-play img:last-of-type{display:inline-block;}

.floor-plan-wrap{display:none;position:absolute;bottom:105px;right:386px;z-index:10;padding:45px 132px 33px;background:#fff;text-align:center;box-sizing:border-box;}
.floor-plan-wrap img{margin:0 0 37px;max-width:100%;}
.floor-plan-wrap p{font-weight:500;font-size:18px;line-height:23px;}
.floor-plan-wrap a{position:absolute;top:15px;right:15px;}

/* 조직도 */
.organ-wrap:after{content:"";display:block;clear:both;}
.organ-wrap .left-box{width:50%;float:left;padding:0 20px 0 0;box-sizing:border-box;}
.organ-wrap .right-box{width:50%;float:left;box-sizing:border-box;}
.organ-wrap .organ-box{border:1px solid #ccc;padding:20px;text-align:center;}
.organ-wrap .organ-box span{display:block;padding:20px 0 0;font-size:20px;font-weight:500;}
.organ-wrap .organ-box01{border-top:2px solid #003d91;}
.organ-wrap .organ-box01 img{max-width:100%;width:auto;height:305px;}
.organ-wrap .organ-box02{position:relative;padding:0;margin: 50px 0 0;}
.organ-wrap .organ-box02:before{content:"";display:block;width:1px;height: 50px;background-color:#ccc;position: absolute;top: -51px;left: 50%;}
.organ-wrap .organ-box02 p{font-size:20px;color:#000;font-weight:500;background-color: #f2f5fa;padding: 16px 0;}
.organ-wrap .organ-box .organ-ul li{font-size:18px;color:#555;font-weight:400;padding: 17px 0;border-top:1px solid #ccc;}

@media screen and (min-width:1024px) {

	/* gnb - pc(마우스오버시 하위메뉴 펼쳐짐 */
	.sub-mn > li:hover .sub-mn-dep3{display:block;}
	
}

@media screen and (max-width:1280px) {

	/* layout */
	.content{padding:0 40px 130px;}
	
	/* 타이틀 */
	.title-box p{padding:0 40px};
	
}

@media screen and (max-width:1024px) {
	
	/* layout */
	.content{padding: 0 20px 130px;}
	.sub-container{position:relative;margin: 0;padding:40px;z-index:10;}
	.sub-container02{height:auto;}
	
	/* 해더 */
	body:not(.main-body) .header-wrap{position:relative;}
	.header-wrap{width:100%;height:auto;min-height:0;}
	.header-wrap h1{padding:25px 0 26px;}
	.btn-menu{display:inline-block;position:absolute;top:37px;right:20px;z-index:20;}
	.btn-menu img{width:30px;}
	.btn-menu-close{position: absolute;width:30px;height:30px;top:37px;right:20px;display: inline-block;background:url(/_res/dc/img/common/btn_m_mn_close.png) no-repeat 0 0/100%;}
	.btn-quick-menu{display:inline-block;position:absolute;top:60px;right: 55px;z-index:20;}
	.btn-quick-menu img{width:55px;}
	
	.top-header-box{position:fixed;top:0;right:-100%;z-index:30;padding:74px 0 0;width:100%;height:100%;background:#000;}
	.top-header-box:after{content:"";display:block;position:absolute;top:0;left:42%;width:1px;height:100%;background:rgba(255,255,255,0.3);}
	
	.gnb > ul:after{left:20px;}
	.gnb-ul > li{padding:0 0 18px 20px;}
	.gnb-ul > li > a{position:relative;max-width:calc(41% - 27px);}
	.gnb-ul > li.active > a:before{content:"";display:block;position:absolute;top:calc(50% - 6px);right:-20px;width:9px;height:14px;background:url(/_res/dc/img/common/img-m-menu-arr.png) no-repeat 0 0/100%;}
	
	.sub-mn{position:absolute;top:5px;left:42%;padding:0;width:59%;}
	.sub-mn > li.on:after{right:25px;top:12px;}
	.sub-mn > li.on.active .sub-mn-dep3{display:block;}
	.sub-mn-dep3{position:relative;top:0;right:auto;width:auto;padding:10px 0;font-size: 14px;}
	.sub-mn-dep3:before{display:none;}
	.sub-mn-dep3 > li{padding:0 0 8px 15px;}
	.sub-mn-dep3 > li:last-of-type{padding:0 0 0 15px;}
	.sub-mn-dep3 > li > a{color:#fff;}

	.util-box{padding: 30px 0 0 20px;}
.util-box .mobile{display:block;}
.util-box .pc{display:none;}


	.foot-wrap .foot-box{padding:33px 0 0 20px;width:41%;box-sizing:border-box;}
	
	/* 퀵링크 */
	.room-visual-box{height:auto;}
	.quick-wrap{position:relative;width:100%;height:auto}
	.top-quick-wrap{padding:24px 50px;}
	.room-visual-box .owl-theme .owl-dots{bottom:20px;}
	.room-visual-box .mini-board-ctrl{bottom:22px;}
	.bottom-quick-wrap{padding:10px 0 20px 0;}
	.bottom-quick-wrap ul{padding:0 50px;}
	.bottom-quick-wrap ul:after{content:"";display:block;clear:both;}
	.bottom-quick-wrap ul li{float:left;margin:0 0 10px;width:44.64%;}
	.bottom-quick-wrap ul li:nth-of-type(2n){float:right;}
	.bottom-quick-wrap ul.li03 li{float:left;width:calc(33.33% - 10px);margin:0 15px 10px 0;}
	.bottom-quick-wrap ul.li03 li:last-of-type{float:right; margin:0 0 10px;}
	.quick-wrap .btn-quick{display:none;}
	
	.floor-bg{position:relative;}
	.floor-bg:after{content:"";display:block;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.8);}
	.floor-plan-wrap{bottom:auto;top:50%;left:50%;right:auto;z-index:20;padding:45px 0 33px;width:100%;max-width:500px;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
		
	/* 타이틀 */
	.title-wrap{padding:70px 0 0;}
	.title-box{padding:0 0 55px;}
	.title-box p{padding:0 20px;}
	
	/* 탭 */
	.tab-outer{padding:0 10px 45px;}
	
	/* 인사말 */
	.greeting-box:before{left:45px;}
	.greeting-box .greeting-txt{padding:65px 0 0 60px;}
	
}

@media screen and (max-width:800px) {
	#mud_popup img{width:100%}
	/* layout */
	.sub-container{padding:30px;}
	.content{padding:0 20px 70px;}
	
	/* common */
	.con-p01{padding:0 0 13px 0;font-size:16px;line-height:26px;}
	.con-p02{font-size:16px;line-height:26px;}
	.pd-b-con{padding-bottom:13px;}
	.con-box{padding:0 0 30px 0;}
	.mark-p{font-size:16px;line-height:26px;}
	
	/* 퀵링크 */
	.room-visual-box .owl-theme .owl-dots{bottom:10px;padding:0 0 0 18px;}
	.room-visual-box .owl-theme .owl-dots .owl-dot span{margin:0 3px;width:10px;height:10px;}
	.room-visual-box .owl-theme .owl-dots .owl-dot.active span{width:25px;}
	.room-visual-box .mini-board-ctrl{bottom:11px;}
	.room-visual-box .mini-board-ctrl img{width:8px;}
	.top-quick-wrap{padding:20px 10px;}
	.bottom-quick-wrap ul{padding:0 10px;}
	.top-quick-wrap .quick-title{font-size:18px;}
	.top-quick-wrap .text-box dl dt{font-size:14px;}
	.top-quick-wrap .text-box dl dd{font-size:14px;}
	.top-quick-wrap .text-box span{font-size:14px;}
	.btn-floor{font-size:16px;}
	
	.floor-plan-wrap{padding:45px 10px 25px;}
	.floor-plan-wrap img{margin:0 0 20px;}
	.floor-plan-wrap p{font-size:16px;line-height:21px;}
	
	/* 타이틀 */
	.title-wrap{padding:50px 0 0 0;}
	.title-box{padding:0 0 40px;}
	.title-box p{padding:0 20px;font-size:30px;line-height:35px;}
	
	/* 탭 */
	.tab-outer{padding:0 10px 25px;}
	.tab-box01 li a{font-size:20px;line-height:25px;}
	
	/* 제목 */
	.h4-tit01{padding:0 0 9px 16px;font-size:20px;line-height:25px;background-size:10px;}
	.h5-tit01{padding:0 0 7px 16px;font-size:18px;line-height:23px;background-position:0 7px;}
	
	/* 리스트 타입 */
	.ul-type01 > li{font-size:16px;line-height:26px;}
	.ul-type01 > li:after{top:11px;}
	.ul-type02 > li{font-size:16px;line-height:26px;}
	.ul-type02 > li:after{top:13px;}
	.ol-type01 > li{font-size:16px;line-height:26px;}
  	.ol-type02 > li{font-size:16px;line-height:26px;}
	
	/* 링크버튼 */
	.lnk-wrap a{font-size:16px;line-height:23px;}
	.lnk-wrap .lnk-btn01{padding:9px 39px 10px 15px;background-position:92% 50%;}
	.lnk-wrap .lnk-btn01:hover{background-position:92% 50%;}
	.lnk-wrap .lnk-btn02{padding:9px 81px 10px 15px;}
	
	/* 인사말 */
	.greeting-box{margin:24px 0 30px 0;min-height:189px;}
	.greeting-box:before{background-size:40px;left:20px;top:-24px;}
	.greeting-box .greeting-txt{padding:50px 0 0 30px;}
	.greeting-box .greeting-txt p:first-of-type{font-size:25px;line-height:40px;}
	.greeting-box .greeting-txt p:last-of-type{font-size:20px;line-height:25px;}
	.greeting-box .greeting-img img{width:200px;}
	.greeting-p{padding:50px 0 0 0;}
	
	/* 찾아오시는길 */
	.location-p01{font-size:25px;line-height:35px;}
	.location-p01 span{padding:15px 0 0 23px;}
	.location-p01 span:before{width:30px;height:25px;background-size:100%;}
	
	/* 조직도 */
	.organ-wrap .organ-box{padding:15px;}
	.organ-wrap .organ-box span{padding:15px 0 0;font-size:18px;}
	.organ-wrap .organ-box01 img{height:260px;}
	.organ-wrap .organ-box02{padding:0;}
	.organ-wrap .organ-box02 p{font-size:16px;padding:10px 0;}
	.organ-wrap .organ-box .organ-ul li{font-size:16px;padding:10px 0;}
}

@media screen and (max-width:640px) {
	
	/* layout */
	.sub-container{padding:10px;}
	.content{padding:0 10px 60px;}

	/* common */
	.pc-hide{display:block !important;}
	.mobile-hide{display:none !important;}
	.con-p01{font-size:14px;line-height:22px;}
	.con-p02{font-size:14px;line-height:22px;}
	.mark-p{font-size:14px;line-height:22px;}

	/* 퀵링크 */
	.top-quick-wrap .quick-title{padding:0 0 10px;}
	.top-quick-wrap .text-box p{padding:0 0 5px;}
	.btn-floor{font-size:14px;}
	.btn-floor:before{width:28px;height:21px;}
	
	.floor-plan-wrap{padding:45px 10px 20px;}
	.floor-plan-wrap img{margin:0 0 10px;}
	.floor-plan-wrap p{font-size:14px;line-height:19px;}
	
	/* 타이틀 */
	.title-wrap{padding:30px 0 0 0;}
	.title-box{padding:0 0 30px;}
	.title-box p{padding:0 10px;font-size:25px;line-height:30px;}
	
	/* 탭 */
	.tab-outer{padding:0 10px 20px;}
	
	/* 제목 */
	.h4-tit01{font-size:18px;line-height:23px;background-size:9px;}
	.h5-tit01{font-size:16px;line-height:24px;}
	
	/* 리스트 타입 */
	.ul-type01 > li{font-size:14px;line-height:22px;}
	.ul-type01 > li:after{top:9px;}
	.ul-type02 > li{font-size:14px;line-height:22px;}
	.ul-type02 > li:after{top:11px;}
	.ol-type01 > li{font-size:14px;line-height:22px;}
  	.ol-type02 > li{font-size:14px;line-height:22px;}
	
	/* 링크버튼 */
	.lnk-wrap a{font-size:14px;line-height:22px;}
	.lnk-wrap .lnk-btn01{padding:5px 30px 5px 10px;background-size:14px;background-position:94% 50%;}
	.lnk-wrap .lnk-btn01:hover{background-size:14px;background-position:94% 50%;}
	.lnk-wrap .lnk-btn02{padding:5px 30px 5px 10px;background-size:14px;background-position:90% 50%;}
	.lnk-wrap .lnk-btn02:hover{background-size:14px;background-position:90% 50%;}
	
	/* 인사말 */
	.greeting-box{margin:10px 0 20px 0;min-height:150px;}
	.greeting-box:before{left:20px;top:-15px;background-size:25px;}
	.greeting-box .greeting-txt{padding:37px 0 0 25px;}
	.greeting-box .greeting-txt p:first-of-type{font-size:20px;line-height:30px;}
	.greeting-box .greeting-txt p:last-of-type{font-size:16px;line-height:21px;}
	.greeting-box .greeting-img{top:-8px;}
	.greeting-box .greeting-img img{width:155px;}
	.greeting-p{padding:30px 0 0;font-size:16px;}
	.greeting-p span{padding:0 0 0 15px;}
	.greeting-p span img{width:80px;}

	/* 찾아오시는길 */
	.location-p01{font-size:20px;line-height:30px;}
	.location-p01 span{padding:10px 0 0 18px;}
	.location-p01 span:before{width:25px;height:20px;background-size:100%;}
	.location-p02{font-size:14px;line-height:26px;}
	
	/* 보령8경 */
	.tour-box .left-box{width:100%;text-align:center;float:none;padding:0 0 20px 0;}
	.tour-box .right-box{width:100%;float:none;}
	
	/* 조직도 */
	.organ-wrap .organ-box{padding:10px;}
	.organ-wrap .organ-box span{padding:10px 0 0;font-size:16px;}
	.organ-wrap .organ-box01 img{height:224px;}
	.organ-wrap .organ-box02{margin:30px 0 0;padding:0;}
	.organ-wrap .organ-box02:before{top:-31px;height:30px;}
	.organ-wrap .organ-box02 p{font-size:14px;}
	.organ-wrap .organ-box .organ-ul li{font-size:14px;}
	
	/* 숙박예약 */
	.overflow-hidden .header-wrap{z-index:0;}

}

@media screen and (max-width:420px) {
	
	/* 해더 */
	.header-wrap h1{padding:14px 0 22px;}
	.top-header-wrap h1 a img{width:130px;}
	.top-header-box{padding:54px 0 0 0;overflow-y:scroll;}
	.gnb-ul > li{padding:0 10px 15px 15px;}
	.gnb-ul > li > a{font-size:17px;}
	.sub-mn > li{padding:0 10px 0 15px;}
	.sub-mn > li > a{font-size:15px;}
	.btn-menu{top:28px;right:15px;}
	.btn-menu img{width:20px;}
	.btn-menu-close{top:15px;right:15px;width:20px;height:20px;}
	
	.foot-wrap .foot-box{padding:13px 0 0 15px;}
	
	/* 퀵링크 */
	.bottom-quick-wrap ul li{float:none;width:100%;}
	.bottom-quick-wrap ul li:nth-of-type(2n){float:none;}
	.bottom-quick-wrap ul.li03 li{float:none;width:100%;}
	
	/* 인사말 */
	.greeting-box{min-height:auto;}
	.greeting-box:before{width:25px;height:25px;}
	.greeting-box .greeting-txt{padding:15px 10px 15px 22px;width:70%;box-sizing:border-box;margin:0 -4px 0 0;vertical-align:middle;}
	.greeting-box .greeting-txt p:first-of-type{font-size:16px;line-height:21px;}
	.greeting-box .greeting-txt p:last-of-type{font-size:14px;line-height:19px;}
	.greeting-box .greeting-img{position:static;display:inline-block;vertical-align:bottom;width:30%;box-sizing:border-box;}
	.greeting-box .greeting-img img{width:100%;}

	/* 조직도 */
	.organ-wrap .left-box{width:100%;float:none;padding:0 0 40px;}
	.organ-wrap .right-box{width:100%;float:none;}
	.organ-wrap .organ-box01 img{height:auto;}
	
}