/* ÇÊ¿äÇÑ ÆùÆ®¸¸ »ç¿ëÇÒ°Í ³ª¸ÓÁö ÁÖ¼®Ã³¸®*/
/*@import url(fontawesome-all.css);   ÆùÆ®¾î½æ : cdn ÀÛµ¿ÇÏÁö ¾ÊÀ»¶§ ÁÖ¼®Ç®°Í */
/*@import url(nanumbarungothic.css);  ³ª´®¹Ù¸¥°íµñ :    font-family: 'Nanum Barun Gothic', sans-serif; font-weight:400;    */
@import url(nanumsquare.css); /* ³ª´®½ºÄù¾î :    font-family: 'NanumSquare', sans-serif; font-weight:400;    */

@import url(notosanskr.css); /*   NotoSanskr :   font-family: 'Noto Sans KR', sans-serif;  font-weight:400;         */
@import url(font_etc.css); /* BMµµÇö ÁÖ¾Æ ¿¬¼º ³ª´®Ææ ³ª´®¸íÁ¶ ³ª´®ºê·¯½¬ ´ëÇѹα¹µ¶µµ */

body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button {margin:0;padding:0; font-size:14px; color:#333; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;}
ul,ol,li{margin:0;padding:0;list-style:none;}
a, img{border:0px;}
a{text-decoration:none;}
strong{font-weight:700;}

.fc_b{font-weight:500;}
.fc_red {color:#dc0024;}
.fc_pointer {color:#3aa596;}

.pT10 {padding-top:10px;}
.pT15 {padding-top:15px;}
.pT20 {padding-top:20px;}
.pT25 {padding-top:25px;}
.pT30 {padding-top:30px;}
.pT40 {padding-top:40px;}
.pT50 {padding-top:50px;}

.pR10 {padding-right:10px;}
.pR15 {padding-right:15px;}
.pR20 {padding-right:20px;}
.pR25 {padding-right:25px;}
.pR30 {padding-right:30px;}
.pR40 {padding-right:40px;}
.pR50 {padding-right:50px;}

.pB10 {padding-bottom:10px;}
.pB15 {padding-bottom:15px;}
.pB20 {padding-bottom:20px;}
.pB25 {padding-bottom:25px;}
.pB30 {padding-bottom:30px;}
.pB40 {padding-bottom:40px;}
.pB50 {padding-bottom:50px;}

.pL10 {padding-left:10px;}
.pL15 {padding-left:15px;}
.pL20 {padding-left:20px;}
.pL25 {padding-left:25px;}
.pL30 {padding-left:30px;}
.pL40 {padding-left:40px;}
.pL50 {padding-left:50px;}





/*  ¾Æ·¡ºÎÅÍ  ÆäÀÌÁö¿ë CSS */

#header_wrap{ position:fixed; width:100%; height:90px; background:rgba(0,0,0,0.5); z-index:9999999999; }
#header_wrap:after{content:""; display:block; clear:both;}
#header_wrap .header_area { width:100%; max-width:1200px; text-align:center; margin:0px auto;}
#header_wrap .header_area h1.logo {float:left; width:25%; text-align:left; vertical-align:middle; }
#header_wrap .header_area h1.logo a {display:block; width:100%; height:90px; line-height:90px; font-size:2em; color:#fff; font-weight:700; text-align:left; letter-spacing:-0.05em;}


.lnb {float:left; display:inline-block; width:75%; height:90px; line-height:90px; text-align:right; padding-top:10px;}
.lnb ul {padding:0; margin:0; }
.lnb ul li {position:relative; display:inline-block; margin:0; padding:0 4%; text-align:center; z-index: 9999999999; }
.lnb ul li:last-child {padding-right:0;}
.lnb ul li a {display:block; margin:0; padding:0; width:100%; height:80px; line-height:80px; font-size:1.3em; color:#fff; cursor:pointer;  font-weight:400;  font-family: 'Noto Sans KR', sans-serif;}
.lnb ul li a:hover {margin:0; padding:0; cursor:pointer; color:#48c2ef;}


.lnb ul li.on span, .lnb ul li:hover span {display:block;}

.lnb ul li .sub_menu {position:absolute; top:80px; text-align:center; background:rgba(255,255,255,0.9);  height:0; overflow:hidden; margin:0; padding:0; 
	-webkit-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
.lnb ul li:nth-child(1):hover .sub_menu {height:70px;} /*1¹ø°¼­ºê¸Þ´º³ôÀÌ*/
.lnb ul li:nth-child(2):hover .sub_menu {height:175px;} /*2¹ø°¼­ºê¸Þ´º³ôÀÌ*/
.lnb ul li:nth-child(3):hover .sub_menu {height:0px;} /*3¹ø°¼­ºê¸Þ´º³ôÀÌ*/
.lnb ul li:nth-child(4):hover .sub_menu {height:0px;} /*3¹ø°¼­ºê¸Þ´º³ôÀÌ*/
.lnb ul li:nth-child(5):hover .sub_menu {height:140px;} /*4¹ø°¼­ºê¸Þ´º³ôÀÌ*/
.lnb ul li:nth-child(6):hover .sub_menu {height:70px;} /*5¹ø°¼­ºê¸Þ´º³ôÀÌ*/

.lng ul li .sub_menu:nth-child(2){ border:1px solid red;}
.lnb ul li:hover .sub_menu {height:auto; }
/*.lnb ul li:hover span { width:130px; margin-left:-64px; box-sizing:border-box;}*/
.lnb ul li .sub_menu a {display:block; width:130px; height:35px; line-height:35px; font-size:1em; color:#333; border:0px solid #eee; border-top:0; box-sizing:border-box;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.lnb ul li .sub_menu a:hover {width:130px; height:35px; line-height:35px; background:#000; color:#fff;}
.lnb .top_btn { float:right; width:10%;  }
.lnb .top_btn a {display:inline-block; vertical-align:middle; margin:0 10px;}


#back_cover, #sideMenu{display:none;}


#mobile_header {width:100%; height:60px;  line-height:60px; border:0px solid red; z-index:9999999; display:none;}
#mobile_header h1 { position:relative; display:block; width:220px; height:60px; line-height:60px; font-size:1.6em; text-align:center; margin:0 auto; z-index:99999;}
#mobile_header h1 a{ display:block; width:220px; height:60px; line-height:60px; color:#000; cursor:pointer; }

#mobile_header .mobile_gnb{position:absolute; top:0px; left:0px; width:100%; height:60px; line-height:60px;}
#mobile_header .mobile_gnb li {list-style:none; width:60px; height:60px;}
#mobile_header .mobile_gnb li.category{float:left;}
#mobile_header .mobile_gnb li.home {float:right;}
#mobile_header .mobile_gnb li a {display:block; width:60px; height:60px; text-align:center; border:0px solid blue !important;}
#mobile_header .mobile_gnb li.category a i{line-height:60px;font-size:20px; color:#333; }
#mobile_header .mobile_gnb li.home a i { line-height:60px; font-size:20px; color:#333;}




#main_visual{clear:both; position:relative; text-align:center; width:100%; max-height:100%; height:auto; padding:0; margin:0px auto; z-index:0; }
#main_visual:after{ content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:920px; max-height:100%;  padding:0; }
#main_visual .swiper-slide div.backgroundimg1{height:100%; background:url('/html/image/main_visual01.jpg') top center no-repeat;}
#main_visual .swiper-slide div.backgroundimg2{height:100%; background:url('/html/image/main_visual02.jpg') top center no-repeat;}
#main_visual .swiper-slide div.backgroundimg3{height:100%; background:url('/html/image/main_visual03.jpg') top center no-repeat;}
#main_visual .sliderkit-text {width:100%; max-width:1200px; border:0px solid red; position:absolute; bottom:35%; left:50%; text-align:center; transform:translate(-50%,0); margin-left:0px; }
#main_visual .sliderkit-text h1.lviewa{font-size:3.5em;  color:#fff; line-height:1.3em; font-weight:700; text-shadow: 0px 1px 4px #000; padding-bottom:10px;}
#main_visual .sliderkit-text h1.sviewa{font-size:1.3em;  color:#fff; line-height:1.3em; text-shadow: 0px 1px 4px #000; padding-bottom:10px;}
#main_visual .sliderkit-text span{display:block; width:235px; height:99px; line-height:33px; margin:15px auto; font-size:1.3em; color:#fed700;  letter-spacing:0.05em; background:rgba(0,0,0,0.8); }
#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:60px; display:block;}
#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:60px; display:block;}



#container {float:left; width:100%; padding:0; margin:0; }
#container:after{ content:""; display:block; clear:both;}

.room_area {width:100%; padding:70px 0;}
.room_area:after{ content:""; display:block; clear:both;}
.room {position:relative; top:0; width:100%; max-width:1200px; margin:0 auto;}
.room:after{ content:""; display:block; clear:both;}
.room h3 {  font-size:3.5em;  font-weight:800;  text-align: center; color:#464646; margin-bottom:20px;}
.room li p.title { position:relative; display:block; margin:10px 0; font-size:2em; font-weight:600; text-align:center; }
.room li span { display:block; font-size:1.3em; line-height:20px; color:#626262;  text-align:center; letter-spacing:-0.04em; }
.room p img {width:100%; height:auto;}
.room .btn_left {float:left; position:absolute; left:-50px; top:55%; z-index:100;}
.room .btn_right {float:right; position:absolute; right:-50px; top:55%; z-index:100;}
.btn_go {width:100%; text-align:center; margin-top:50px;}

a.fot_pa:link, a.fot_pa:visited, a.fot_pa:active {
	display:inline-block;	width:240px; height:60px; line-height:60px; border:1px solid #000; background-color:#000; color:#FFF; border-radius:0px; -webkit-border-radius:0px; 	-moz-border-radius:0px;
	font-size:1.5em; font-weight:400; text-align:center;
}
a.fot_pa:hover {border:1px solid #48c2ef; background-color:#48c2ef;	 color:#fff;-webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;}

a.fot_pa2:link, a.fot_pa2:visited, a.fot_pa2:active {
	display:inline-block;	width:240px; height:60px; line-height:60px; border:1px solid #48c2ef; background-color:#48c2ef; color:#FFF; border-radius:0px; -webkit-border-radius:0px; 	-moz-border-radius:0px;
	font-size:1.5em; font-weight:400; text-align:center;
}
a.fot_pa2:hover {border:1px solid #000; background-color:#000;	 color:#fff;-webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;}








.tour_area {width:100%; padding:70px 0; background:#f7f7f7;}
.tour_area:after{ content:""; display:block; clear:both;}
.tour {width:100%; max-width:1130px; text-align:center; margin:0 auto; }
.tour:after{ content:""; display:block; clear:both;}
.tour h3 {  font-size:3em;  font-weight:700;  text-align: center; color:#6f6f6f;}
.tour li {display:inline-block; list-style:none; width:260px; height:330px; margin-top:50px; margin-right:30px; }
.tour li:last-child {margin-right:0;}
.tour li div {width:100%; padding-bottom:30px; background:#fff; box-shadow:3px 5px 1px rgba(0,0,0,0.05);}
.tour li div p.title { position:relative; display:block; margin:15px 0; font-size:1.5em; font-weight:600; text-align:center; }
.tour li div span { display:block; font-size:1em; line-height:20px; color:#626262;  text-align:center; letter-spacing:-0.04em; }
.tour li div p img {width:100%; height:auto;}
.tour li div:hover {background:#48c2ef;-webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;}
.tour li div:hover p.title { color:#fff;}
.tour li div:hover span { color:#fff;}


#footer { clear:both; position:relative; top:0; width:100%; padding:50px 0; background:#5c5c5c;}
#footer:after { content:""; display:block; clear:both;}
.footer_area { width:100%; max-width:1200px; text-align:center; margin:0 auto; }
.footer_area h1.logo{ font-size:3em; color:#fff; font-weight:700; text-align:center; letter-spacing:-0.05em;}
.footer_area .copyright { margin:40px auto; }
.footer_area .copyright p { line-height:24px; color:#fff;}
.footer_area .copyright p span {display:inline-block; font-size:1em; color:#fff; padding-left:12px; margin-left:10px;}
.footer_area .copyright p span:first-child { padding-left:0; margin-left:0;}
.footer_area .btn-top {position: fixed; z-index: 6; right: 37px; bottom: 37px;}


.m_bnr {	width:100%; max-width:1200px; margin:0px auto; }
.m_bnr:after{ content:""; display:block; clear:both;}
.m_bnr li { float:left; width:24%; position:relative; background:#000; box-sizing:border-box; margin-right:10px;  cursor:pointer; -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;}
.m_bnr li:last-child {margin-right:0;}
.m_bnr li div { display:inline-block; float:left; width:30%; height:100px; line-height:100px; text-align:center; }
.m_bnr li div i { vertical-align:middle;  color:#fff; font-size:2.5em;  transition: 0.5s all ease;   }
.m_bnr li .txt_tit { display:inline-block; color:#fff; font-size:1.5em; letter-spacing:-0.05em; padding:16px 15px 0 0; background:url('/html/image/btn_arr.png') no-repeat right 75%;	}
.m_bnr li .txt_tel { color:#fff; font-size:1.6em; line-height:20px; padding-top:5px;}
.m_bnr li .txt_list { color:#fff; font-size:1em; letter-spacing:-0.02em; line-height:20px; padding-top:5px;}
.m_bnr li .txt_list2 { color:#000; font-size:1.2em; letter-spacing:-0.02em; line-height:20px; padding-top:5px;}
.m_bnr li:hover {background:#008ED9;}
.m_bnr li:hover .txt_tit {color:#fff; }
.m_bnr li:nth-child(4) { background:#fae000;}


/***********************************************
 * sub
 ***********************************************/

#sub_visual{width:100%; height:400px;  text-align:center; background:#000;}
#sub_visual img{width:100%; max-width:1200px;}
.backgroundimg{position:relative; width:100%; text-align:center; margin:0 auto; height:400px; z-index:999; }


#sub_wrapper{width:100%; margin:0 auto; }
#sub_wrapper:after{ content:""; display:block; clear:both;}
#sub_menu{ display:none; width:100%; margin:0px auto; border-top:1px solid #eee; border-bottom:1px solid #eee;} 
#sub_menu .sub_tab{width:100%; max-width:1200px; text-align:left; margin:0 auto;}


.sub_location{ max-width:1200px; height:60px; font-size: 0; background-color: #fff;border-bottom: 0px solid #ddd; margin:0 auto; display:none;}
.sub_location > div{font-size: 0;}
.sub_location > div .cen{ float:left; width:60px; height:60px; line-height:60px; text-align:center; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.sub_location > div .cen i{ font-size:1.5em;}

.sub_location ul{display: inline-block; width:179px; border-right: 1px solid #eee;vertical-align: top; box-sizing:border-box;}
.sub_location ul:first-child{ border-left: 1px solid #eee; }
.sub_location ul li{position: relative; width:100%;}
.sub_location ul li span{display: block;padding: 0 15px; line-height: 60px; font-size:1.2em; color: #333;background: url(/html/image/icnLocaArr.png) 90% center no-repeat;cursor: pointer;}
.sub_location ul.on li span{background: url(/html/image/icnLocaArr1.png) 90% center no-repeat;}
.sub_location ul li a{width:100%; display: block;padding: 10px 15px; color: #333;}
.sub_location ul li a:hover{color: #fff; background:#48c2ef;}

.sub_location ul ul{display: none;position: absolute;top:60px; left: -1px; padding: 0px 0;background-color: #fff;border: 1px solid #eee;z-index: 88888;}
.sub_location ul.on li ul{display: block;}
.sub_location ul.dep2 li span{color: #dc0024;}
.sub_location ul.dep2 ul{width:180px;}




#sub_tit { position:absolute; width:100%; max-width:1200px; margin:30px auto; top:140px; left:50%; margin-left:-600px; border:0px solid red; z-index:7777;}
#sub_tit .path { display:none; position:absolute; bottom:-165px; right:0;  }
#sub_tit .path li { float: left; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin: 0 0 0 0px; color: #757575; background: url('/html/image/ico_path.gif') no-repeat left center; }
#sub_tit .path li a span.ic-home {padding: 0;cursor: pointer;}
#sub_tit .path li a span.ic-home i { background: url('/html/image/icon_home.png')no-repeat left center; display:inline-block; width:11px; height:11px;}
#sub_tit .path li a span.ic-home i:hover {  background: url('/html/image/icon_home_over.png')no-repeat left center; }
#sub_tit .path li:first-child { background:none;}
#sub_tit .path li:last-child { color:#333; font-weight:500;}

#sub_tit .title{ position:relative; padding-bottom:10px; font-size:3em; font-weight:700; color:#fff; text-align:center; text-transform:uppercase; text-shadow: 0px 1px 5px #000; } 
#sub_tit .title:after{display:block; content:""; width:5%; height:3px; background:#48c2ef; margin:20px auto; text-shadow: 0px 1px 4px #000;}
#sub_tit .normal_txt{font-size:1.6em; font-weight:400;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 5px #000;}
#sub_tit .normal_txt .color1{color:#fd7701;}


.scontents{width:100%; max-width:1200px; height:100%;  margin:0px auto; padding-top:50px; padding-bottom:100px; background:none; }
.scontents:after{ content:""; display:block; clear:both;}

.scontents .con_area { width:100%; max-width:1200px; background:none;}
.scontents .con_area:after{ content:""; display:block; clear:both;}
.scontents .subtit {width:100%; max-width:1200px; margin:0 auto;}
.scontents .subtit:after {content:""; display:block; clear:both;}
.scontents .subtit p { position: relative; display:block; font-size:1.5em; padding:10px 0 15px 0; margin-right:20px;  }
.scontents .subtit p:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 2px;  background: #dc0024;}
.scontents .subtit span { padding-left:10px; width:20px; background:url('/html/image/arr1.gif') no-repeat left center;}


.scontents header h1 {font-size:2em; line-height:30px;  color: #212121; margin-top:50px;}
.scontents header h1:before { content: ""; width:20px; height:20px; display:inline-block; border:5px #eb5e2e solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}


.scontents .con_txt {width:100%; text-align:center;}
.scontents .con_txt:after{ content:""; display:block; clear:both;}
.scontents .con_txt img{width:60%; max-width:300px; margin-top:10px;}
.scontents .con_txt h1{color:#000; font-size:2.5em; line-height:40px;}
.scontents .con_txt h4{color:#666; font-size:1.2em; line-height:24px; font-weight:300; margin:30px 0 40px 0;}
.scontents .con_txt p{ margin-top:20px; color:#777777;}

.scontents .con_arrow {font-size:1.6em; line-height:30px;  color: #212121; margin:50px 0 20px 0;}
.scontents .con_arrow:before { content: ""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.scontents .con_arrow:first-child { margin:0 0 20px 0;}






/***********************************************
 * Ææ¼Ç¼Ò°³
 ***********************************************/

.company { width:100%;}
.company:after{ content:""; display:block; clear:both;}
.company img {float:left; width:35%; max-width:590px; margin:15px; margin-right:40px;margin-top:0px; margin-left:0px;}
.company .about_txt {width:100%;}
.company .about_txt h1{font-size:2.5em; line-height:1.2em; }
.company .about_txt h4{font-size:1.5em; line-height:1.5em; margin-top:20px; }
.company .about_txt p{ margin-top:30px; font-size:1.1em;}


.company2 { width:100%;}
.company2:after{ content:""; display:block; clear:both;}
.company2 .about_txt {width:100%; text-align:center;}
.company2 .about_txt h1{font-size:2.5em; line-height:1.2em; }
.company2 .about_txt h4{font-size:1.5em; line-height:1.5em; margin-top:20px; }
.company2 .about_txt p{ margin-top:30px; }
.company2 .img_box {width:100%; margin-top:50px;}
.company2 .img_box .img1 {float:left; width:590px; height:570px; background:#000;}
.company2 .img_box .img2 {float:left; width:590px; height:275px; background:#000; margin-left:20px;}
.company2 .img_box .img3 {float:left; width:590px; height:275px; background:#000; margin-left:20px; margin-top:20px;}
.company2 .img_box img {width:100%;}


/*¿À½Ã´Â±æ*/
.map_wrap{top:0; width:100%; max-width:1200px; margin:0 auto; border:0px solid red; overflow:hidden;}
.map_wrap .address { width: 100%; background-color: #f4f4f7; margin-top:0px; float: left; margin-bottom:0px; }
.map_wrap .address ul { padding:0; margin: 0;}
.map_wrap .address ul li{ float: left; padding:20px;}

.map_wrap .trans {width:100%;}
.map_wrap .trans ul { width:100%; padding:0; }
.map_wrap .trans ul li { width:100%; float: left;  padding:30px 0; border-bottom:1px solid #eee; }
.map_wrap .trans ul li p.trans_icon { float:left; width:80px; height:80px; line-height:80px;  margin:0 auto; text-align:center;}
.map_wrap .trans ul li p.trans_icon i { display:block; margin-top:10px; width:80px; height:80px; line-height:80px; text-align:center; font-size:2em; color:#fff; background:#48c2ef; border-radius:100%;}
.map_wrap .trans ul li p.trans_tit { float:left; width:80%; padding:0 0 10px 40px; font-size:1.5em;}
.map_wrap .trans ul li p.trans_txt span{ float:left; padding-left:40px; padding-bottom:5px;}



.g_map {position:relative; width:100%; height:500px; overflow:hidden; }
.g_map_link { position:absolute; bottom:0; right:0; background:#000; width:200px; height:50px; text-align:center; z-index:10; display:none;}
.g_map_link a {width:100%; height:50px; line-height:50px; color:#fff; font-size:1.2em; padding-right:30px; background:url('http://blankcorp.kr/img/arr.png')no-repeat right center; background-size:25px;}
.g_map_link a:hover{display:block; background:#48c2ef; }


/*°´½Ç¼Ò°³*/
.scroll_wrap {padding-bottom:50px; overflow-x:auto;}
.scroll_wrap>table {min-width:1000px;}
.scroll_wrap::-webkit-scrollbar {	width:2px;}
.scroll_wrap::-webkit-scrollbar-track {	background:#eee;}
.scroll_wrap::-webkit-scrollbar-thumb { background:#ccc;}
.scroll_wrap::-webkit-scrollbar-thumb:window-inactive {	background:#ccc;}

.info_room{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c;}
.info_room th{ color:#333; text-align:center; font-weight:500; padding:20px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.info_room td{ text-align:left; padding:10px 0px; border-bottom:1px solid #eee;}

.info_service { width:100%; }
.info_service:after{content:""; display:block; clear:both;}
.info_service ul{ padding:0; margin:0;}
.info_service ul li{  float:left; width:25%; margin:20px 0;}
.info_service ul li i { display:block; width:80px; margin:0 auto; height:80px; line-height:80px; text-align: center; font-size: 2em; color: #fff; background:#333; border-radius: 100px;}
.info_service ul li p {width:100%; font-size:1.2em; text-align:center; margin:0; padding-top:15px;}
.info_service ul li span {font-size:0.9em; color:#777; }


.info_use{ border-width:1px 0; border-style:solid; border-color:#eee; }
.info_use:after{content:""; display:block; clear:both;}
.info_use ul li{float:left; display:inline-block; padding:20px 0px; width:33.33333%; text-align:center;}
.info_use ul li label{display:inline-block; padding:0 30px; font-size:1.2em; color:#ac7a39; vertical-align:middle;}
.info_use ul li span{display:inline-block; font-size:1.2em; vertical-align:middle;}



/*ÁÖº¯°ü±¤Áö*/
.tour_list {width:100%; max-width:1200px; margin-top:40px;;}
.tour_list ul {padding:0; margin:0;}
.tour_list ul li { padding:50px 0; border-bottom:1px solid #eee;}
.tour_list ul li:first-child { padding-top:0;}
.tour_list ul li .con_left{width:100%; height:260px;}
.tour_list ul li .con_left .img{float:left; width:50%; }
.tour_list ul li .con_left .img img{width:540px; height:260px;}
.tour_list ul li .con_right{width:100%; height:260px;}
.tour_list ul li .con_right .img{float:right; width:50%;}
.tour_list ul li .con_right .img img{width:540px; height:260px;}
.tour_list ul li .txt{ float:left; margin:0; padding:30px; }
.tour_list ul li .txt p{  position:relative; display:block; font-size:2em; font-weight:700; padding-top:10px; }
.tour_list ul li .txt p:before { content: ""; display:block; position:absolute; top:0; left:0; width:25px; height:2px; background: #dc0024; box-sizing: border-box;}
.tour_list ul li .txt span{ display:block; font-size:1em; line-height:20px; color:#666; padding-top:10px; }



.sview{display:none;}

@media all and (max-width:992px){
		
	#mobile_header{display:block; min-width:320px;}
	#header_wrap{display:none;}
	#sub_menu{display:block;}

	.sview{display:block;}
	.lview{display:none;}

	#back_cover {position:absolute; display:none; left:0; top:0; width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:99998;}
	#sideMenu {display:inline; position:absolute; top:0; left:-250px; width:250px; height:100%; background-color:#fff; z-index:99999;}
	#sideMenu .side_close{height:60px; line-height:60px; background-color:#797A7C; color:#fff; text-align:right; font-size:1em;  cursor:pointer;}
	#sideMenu .side_title{height:60px; line-height:60px; background-color:#0096d6; color:#fff; text-align:center; font-size:1.3em; }
	#sideMenu .navi_bg{ width:100%;}
	#sideMenu .nav { width:100%; margin:0 auto;  padding:0; list-style: none; overflow:hidden;  box-sizing:border-box;}/*ÁÖ¸Þ´º ¸¶¿ì½º ¾Æ¿ô*/
	#sideMenu .nav ul { width:100%; margin:0; padding:0;}
	#sideMenu .navi_set{ display:inline;  margin:0; padding:10px 0 10px 0; text-align:center;  }
	#sideMenu .navi_set > div {display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #aaa; text-align:left; background-color:#fff; color:#333; text-indent:10px; cursor:pointer;}
	#sideMenu .navi_set > div > a{display:block; width:100%;}
	#sideMenu .navi_set ul {display:none;}
	#sideMenu .navi_set ul li {list-style:none; border-bottom:1px solid #eee;}
	#sideMenu .navi_set ul li a{display:block; width:100%; height:30px; line-height:30px; text-align:left; font-size:0.9em; color:#333; cursor:pointer;  text-indent:20px; background-color:#fff;}
	#sideMenu .navi_set ul li a:hover{color:#fff; background-color:#aaa; }

	
	#main_visual{height:auto; background:#000;}
	#main_visual .swiper-slide{height:450px;}
	#main_visual .swiper-slide div.backgroundimg1{height:450px; background:url('/html/image/main_visual01_m.jpg') top center no-repeat;}
	#main_visual .swiper-slide div.backgroundimg2{height:450px; background:url('/html/image/main_visual02_m.jpg') top center no-repeat;}
	#main_visual .swiper-slide div.backgroundimg3{height:450px; background:url('/html/image/main_visual03_m.jpg') top center no-repeat;}
	#main_visual .sliderkit-text h1.lviewa{font-size:2em;}
	#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background:none; display:none;}
	#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background:none; display:none;}

	
	.room_area {width:90%; min-width:320px; margin:0 auto;}
	.room li {width:100%; margin:0; }
	.room .btn_left {display:none;}
	.room .btn_right {display:none;}

	
	.tour {width:95%; margin:0 auto;}
	.tour li {width:48.5%; height:auto; margin-top:20px; margin-right:20px; }
	.tour li:nth-child(2n){margin-right:0px; }
	.tour li div {border-left:1px solid #eee; }
	.tour li div span { padding:0 10px; }

	.m_bnr {	clear:both; position:absolute; top:0;}
	.m_bnr li { width:50%; margin-right:0px;}
	.m_bnr li:nth-child(1) { background:#000;}
	.m_bnr li:nth-child(2) { background:#343e57;}
	.m_bnr li:nth-child(3) { background:#48c2ef;}
	.m_bnr li .txt_tit { font-size:1.8em; }
	.m_bnr li .txt_tel { font-size:1.8em; }
	.m_bnr li .txt_list { font-size:1.2em; }
	.m_bnr li .txt_list2 {font-size:1.8em; }


	#footer { clear:both; position:relative; top:0; width:100%; padding:50px 0;}
	.footer_area {  position:absolute; top:200px; padding-top:50px; width:100%; max-width:1200px; text-align:center; margin:0 auto; background:#5c5c5c;}
	.footer_area h1.logo { font-size:2em;}
	.footer_area .copyright p span {margin:0;}







	#sub_visual{width:100%; height:210px; }
	.backgroundimg{ height:210px; background:url(/html/image/sub_visual01.jpg) no-repeat top right; background-size:cover;}
	.visual_area .visual_img {display:none;}
	.visual_title{bottom:30%; padding:10px 0px; margin:0; text-align:center; background:rgba(0,0,0,0); }
	.visual_title h1{font-size:1.2em; }
	.visual_title span{font-size:0.8em; display:none;}


	
	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}
	.sub_location ul ul{width:100.8% !important;}
	
	#sub_tit { margin:30px auto; top:80px;  left:0%; margin-left:0px;}
	#sub_tit .path { display:none; }
	#sub_tit .title{ font-size:2em; }
	#sub_tit .title:after{display:block; content:""; width:10%; height:3px; background:#48c2ef; margin:10px auto; }
	#sub_tit .normal_txt{font-size:1.2em; font-family:'notokr-demilight'; color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333;}
	#sub_tit .normal_txt .color1{color:#fd7701;}



	#sub_menu .sub_tab{width:100%;}
	#sub_menu .sub_tab ul li{width:25%; border-bottom:1px solid #EEE;}	
	#sub_menu .sub_tab ul li a:hover{border-bottom:1px solid #EEE;}	
	#sub_menu .sub_tab ul.li3 li{width:33.333333%; border-bottom:1px solid #EEE;;}
	#sub_menu .sub_tab ul.li3_none li{width:33.333333%; border-bottom:0px solid #EEE;}
	#sub_menu .sub_tab ul.li10 li{width:33.333333%; border-bottom:1px solid #EEE}	
	#sub_menu .sub_tab ul.li2 li{width:50%; border-bottom:1px solid #EEE;;}	

	
	.scontents{width:95%; padding-top:50px; padding-bottom:50px;}


	.company img {float:left; width:50%; margin-right:20px;}
	.company .about_txt h1{font-size:2em; }
	.company .about_txt h4{font-size:1.2em;}

	.company2 .about_txt h1{font-size:1.5em; }
	.company2 .about_txt h4{font-size:1.2em;}
	.company2 .img_box .img1 {float:left; width:100%; height:auto;}
	.company2 .img_box .img2 {float:left; width:100%; height:auto; margin-left:0px; margin-top:10px;}
	.company2 .img_box .img3 {float:left; width:100%; height:auto; margin-left:0px; margin-top:10px;}


	.info_service ul li{ width:50%; margin:20px 0;}

	.info_use ul li{padding:10px 0; width:100%;}
	.info_use ul li .btn_reservation {width:100%; top:0; right:250px; background:blue;}




	.tour_list ul li .con_left .img{width:100%; }
	.tour_list ul li .con_left .img img{width:95%; height:auto;}
	.tour_list ul li .con_left .txt{ float:left; margin:0; padding:20px 0; }
	.tour_list ul li .con_right .img{width:95%; }
	.tour_list ul li .con_right .img img{width:100%; height:auto;}
	.tour_list ul li .con_right .txt{ float:left; margin:0; padding:20px 0; }
	.tour_list ul li .txt p{  position:relative; display:block; font-size:1.5em; font-weight:700; padding-top:10px; }
	
	.room li p.title {font-size:1.5em; }
	.room li span {font-size:1.1em;}
	


}



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

	body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button {font-size:12px;}

	


	.tour li {width:47.5%; }
	.room_area {padding:40px 0;}
	.room h3 {  font-size:2.5em; }
	.tour_area {padding:40px 0;}
	.tour h3 {  font-size:2em;}

	.map_wrap .trans ul li p.trans_icon { float:none;}
	.map_wrap .trans ul li p.trans_tit { width:100%; padding:15px 0; text-align:center;}
	.map_wrap .trans ul li p.trans_txt span{ padding:20px;}
	
}

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



	#main_visual .sliderkit-text h1.lviewa{font-size:1.5em;}
	#main_visual .sliderkit-text h1.sviewa{width:80%; margin:0 auto;}


	/*.tour li {width:100%; height:auto; padding-bottom:30px; }*/
	.tour li{margin-right:10px; height:auto;}
	.tour li div{padding-bottom:10px;}
	.tour li div p.title{font-size:1.2em; margin:0 auto; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;width:90%;overflow:hidden; margin-top:10px;}

	.m_bnr li { width:100%;}


	#sub_menu .sub_tab ul li a{font-size:0.9em;}
	#pro_area .pro_tit span{ width:230px;}	

	.scontents{ padding-top:30px;}
	.scontents .con_txt h1{ font-size:1.5em; }
	.scontents .con_txt h4{ font-size:1em;  margin:20px 0 20px 0;}
	.scontents .con_arrow {font-size:1.3em;}


	.g_map {float:left; width:100%; height:350px; overflow:hidden; margin-bottom:20px; }
	.g_map_link { width:100%;}

	

	.swiper-wrapper .swiper-slide img{width:100%; height:250px;}
	
	.room_area {padding:30px 0;}	
	/*.tour_area {padding:30px 0;}*/
	.room h3 {  font-size:2em; }
	.tour h3 {  font-size:2em;}
	.room li p.title {font-size:1.3em; }
	.room li span {font-size:1em;}

	.footer_area {  top:340px; min-width:320px;}
	.footer_area h1.logo{ display:none;}
	.footer_area .btn-top {display:none;}

}

@media screen and (max-width: 375px) {
	.m_bnr {min-width:320px;}
	.footer_area {  top:340px; }

}

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

	.footer_area {  top:340px; }
	.g_map_link { width:100%;}


	
}




/* ¹ÝÀÀÇü °Ô½ÃÆÇ °ü·Ã*/

#bo_sch #sfl{width:19%;}
#bo_sch .sch_input{width:70%;}
.select_bo_cate {width: 100%;	margin:0 auto;	 padding:0; display: block;	height: 40px;		border: 1px solid #ddd;		background: #fff;		position: relative;		text-align: left;	box-sizing:border-box; margin-bottom:20px; z-index:99999;}
.select_bo_cate a.sel {color: #333;	height: 40px;	line-height: 40px;	width: 100%;	display: block;		background: url(/img/select.gif) no-repeat top right;	font-size: 1em;		cursor: pointer;	text-indent:15px;}
.select_bo_cate a:hover {	text-decoration: none; }
.select_bo_cate ul{display:none; width:100%; margin:0; padding:0;  background:#333; border:1px solid #333; margin-top:-1px;}
.select_bo_cate ul li{width:100%; margin:0; padding:0;	}
.select_bo_cate li a {width:100%; margin:0; padding:0;	list-style: none;	display: block;	 height: 30px;	line-height: 30px;	font-size: 1em;	color:#fff;text-indent:10px;}


.mview{display:none;}

@media all and (max-width:1160px){ 
	#bo_sch #sfl{width:17%;}
	#bo_sch .sch_input{width:60%;}
}

@media all and (max-width:992px){ 
	#bo_sch{width:100%;}
	.mview{display:none;}
	#bo_cate_ul li{width:15%; min-width:100px;}
	#bo_cate a{padding:0 10px;}
}
@media all and (max-width:768px){ 
	.snone{display:none;}
	#bo_gall .gall_box{margin:0 0 20px 0}
	.gall_row .col-gn-3, .gall_row .col-gn-4, .gall_row .col-gn-5{width:50%;}
	.gall_row .box_clear{clear:none;}
	.gall_text_href{font-size:0.9em;}

	#bo_v_con iframe{width:100%; height:auto; min-height:450px;}

	.mnone{display:none;}
	.mview{display:block;}

	.bo_w_info1{width:100% !important; margin-top:10px;}

	#bo_sch .sch_input{width:60%;}
}

@media screen and (max-width: 480px) {
	a.btn i,.btn i{display:none;}
	#bo_sch #sfl{width:20%;}
	#bo_sch .sch_input{width:55% !important;}

	#bo_cate li{min-width:auto;}
	#bo_cate a {padding:0px 10px;}

	#bo_v_con iframe{min-height:300px;}

	.mbskin{width:100%;}
}