@charset "utf-8";
/* CSS Document */


#boardArea {width:1280px;margin:0 auto;position:relative;text-align:center;}
#boardArea ul {text-align:left;}
#carousel {margin-top:40px;}

.otg-carousel { width: 960px; height: 720px; margin: 0 auto; background-color: #666; position: relative; border: solid 1px #666;margin-bottom:90px; }
.otg-carousel-shell, .otg-carousel-mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; transition: left .5s ease; }
.otg-carousel .otg-dots { margin: 0 auto; padding: 0; position: absolute; bottom: 20px; width: 100%; text-align: center; z-index: 100; }
.otg-carousel .otg-dots li { list-style: none; width: 10px; height: 10px; border-radius: 50%; cursor: pointer; margin: 5px; _border: solid 1px #666; display: inline-block; background-color: #fff;}
.otg-carousel .otg-dots .selected { background-color: #cbb578;}
.otg-carousel .left-arrow, .otg-carousel .right-arrow { width: 0; height: 0; position: absolute; top: 50%; cursor: pointer; z-index: 999; }
.otg-carousel .left-arrow { border-top: 10px solid transparent;	border-right: 20px solid #fff;	border-bottom: 10px solid transparent; margin-top: -10px; left: 20px; }
.otg-carousel .right-arrow { border-top: 10px solid transparent; border-left: 20px solid #fff;	border-bottom: 10px solid transparent; margin-top: -10px; right: 20px; }
.otg-image-caption { position: absolute; z-index: 999; left: 0; padding: 10px 60px; width: 100%; box-sizing: border-box; background-color: rgba(0, 0, 0, 0); color: #fff; transition: .5s ease; }
.otg-image-caption h1 { font-size: 0; }
.otg-thumbnails { width: 100%; position: absolute; top: 100%; left: 0; z-index: 999; text-align: center; margin: 0 0 0 1px; padding: 0;  background-color: #; font-size: 0; list-style: none; }
.otg-thumbnails li { border: solid 1px #666; margin: 0; padding: 0; font-size: 0; height: 130px; display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center; cursor: pointer; margin-left: -2px; _opacity:0.9; }

/* ROOM TOP */
#sub_visual {float:left;width:100%;background:url('../image/sub/sv.jpg') center top;height:170px;}
#sub_visual p {color:white;margin:0 auto;text-align:center;font-size:41px;font-weight:;padding-top:53px;opacity:0.7}
.orange {color:orange}
.page {font-size:17px;line-height:1.7em;margin-top:30px;padding:0 20px;width:1100px;margin:0 auto;text-align:left;color:#616161;margin-top:50px;padding-bottom:70px;}
.page h4 {
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: 700;
    color: #333;
    letter-spacing: -0.04em;
    line-height: 1;
}
.clr1 {color:#75b4b8}
.clr2 {color:#75b4b8;font-weight:bold;}
p.bt2 {font-size:42px;font-weight:bold;color:#333333;margin:300px 0 10px 0;font-family:'Nanum Myeongjo';line-height:1.5em}

.s11img {position:relative;float:right;margin-top:-170px;}
.s12img {position:relative;float:right;margin-top:0px;}
.mgT40 {margin-top:40px;}

.navibar {width:100%;margin:0 auto;text-align:center;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;float:left;margin-bottom:40px;}
.nvb {width:1280px;margin:0 auto;text-align:center;}
.nvb ul {margin:0;padding:0}
.nvb li {float:left;height:55px;padding:18px 25px 5px 25px;border-left:1px solid #dfdfdf;font-size:15px;}
.nvb li.menu1 {min-width:150px;}
.nvb li.menu2 {min-width:150px;border-right:1px solid #dfdfdf;}
.nvb li.menu3 {width:150px;border-right:1px solid #dfdfdf;}

#subArea {width:1280px;margin:0 auto;text-align:center;}
#subArea ul {padding-top:20px;}
#subArea ul li {float:left;display:inline;padding-right:20px;padding-bottom:20px;}
#subArea ul li.end {padding-right:0;}
.sub_title {font-size:40px;font-weight:bold;line-height:2.5em;margin:0 auto;text-align:center;}
.sub_ttbg {background:#ababab;height:1px;width:60px;margin:0 auto;text-align:center;}
.sub_stitle {font-size:13px;line-height:1.6em;margin-top:22px;font-family:��������;color:#808080}

.roomFacility { width:1160px; display:inline-block;}
.roomFacility > h4 { margin-bottom:30px; font-size:26px; font-weight:700; color:#333; letter-spacing:-0.04em; line-height:1; }
.roomFacility .facilityIco { margin-top:30px; padding:30px 50px 30px 50px; text-align:center; border:1px solid #e8e8e8; }
.roomFacility .facilityIco .facilityList { margin:0 auto; display:inline-block; }
.roomFacility .facilityIco .facilityList li { float:left; margin:0 30px;text-align:left;line-height:1.7em;width:200px;}

.info { margin-top:20px; border-top:1px solid #e8e8e8; padding:20px 20px 0;text-align:left;   }
.info .note { font-weight:500; padding-left:12px; font-size:12px; line-height:20px; text-align:left; color:#666;}
.ico01 { width:99px; height:99px; background-image:url(/images/ico_info01.png) no-repeat;}
.ico02 { padding-left:20px;  background:url(/image/icon/exclamation_icon.jpg) no-repeat 0 center;}
.roomInfo2 { width:1160px; display:inline-block;}
.roomInfo2 > h4 { margin-bottom:30px; font-size:26px; font-weight:700; color:#333; letter-spacing:-0.04em; line-height:1; }
.roomInfo2 .roomInfoIco { margin-top:30px; padding:30px 0px 30px 0px; text-align:center; border:1px solid #e8e8e8; }
.roomInfo2 .roomInfoIco .roomInfoList { margin:0 auto; display:inline-block; }
.roomInfo2 .roomInfoIco .roomInfoList li { float:left;width:500px;text-align:left;}
.roomInfo2 .roomInfoIco .roomInfoList li.lmline {border-right:1px solid #e8e8e8}
.roomInfo2 .roomInfoIco .roomInfoList li.rmline {float:right}
.roomInfo2 .roomInfoIco .roomInfoList li p {float:left;display:inline;line-height:1.7em}
.roomInfo2 .roomInfoIco .roomInfoList li p.titleLeft {margin-right:30px;font-size:14px;font-weight:bold;}
.mat150 { margin-top:150px; }
.mat100 { margin-top:100px; }
.mat50 { margin-top:50px; }
.crs2 {height:400px;}

.subPg {margin-top:50px;padding-bottom:70px;width:1100px;margin:0 auto;text-align:left;}
.subPg2 {margin-top:50px;padding-bottom:70px;width:1280px;}
.sTitle_area {    
text-align: center;
width:900px;
padding:3% 0;
background-color: #f0b467;
margin: 0 auto;
font-size: 20pt;
color: #fff;
font-weight: 500;
margin-top:50px;
}

.txt_small {font-size: 12pt;
color: #fff;
font-style: italic;
}
p.bt {font-size:42px;font-weight:bold;color:#333333;margin:300px 0 40px 0;font-family:'Nanum Myeongjo';line-height:1.5em}
p.bt3 {font-size:26px;font-weight:bold;color:#333333;margin:300px 0 40px 0;font-family:'Nanum Myeongjo';line-height:1.5em}
p.bt img {width:130px;margin-top:20px;}
p {color:#666666;font-size:16px;line-height:1.6em}
.p.bt img {width:50%}
.yellow {color:#ffb71d }
.naver_box {border: 1px #555555 solid;
margin:0 auto;
    padding: 10px;
    width: 200px;
    text-align: center;
    cursor: pointer;
    color: #555555;
margin-top:40px;
    font-weight: bolder;
    margin-bottom: 20px;
}

.aboutus > h4 { margin-bottom:30px; font-size:26px; font-weight:700; color:#333; letter-spacing:-0.04em; line-height:1; }
.aboutus p {display:inline;line-height:1.7em;font-size:14px;}

.map { width:1160px; display:inline-block;}
.amap > h4 { margin-bottom:30px; font-size:26px; font-weight:700; color:#333; letter-spacing:-0.04em; line-height:1; }
.map p {display:inline;line-height:1.7em}

.map { width:1160px; display:inline-block;}
.amap > h4 { margin-bottom:30px; font-size:26px; font-weight:700; color:#333; letter-spacing:-0.04em; line-height:1; }
.map p {display:inline;line-height:1.7em}

.styleloft {width:1160px;margin:0 auto;text-align:center;}
.styleloft ul {margin-top:40px;}
.styleloft ul li {font-size:13px;line-height:2em;color:#808080}
.pls {margin-top:30px;}

.pri_content {width:1000px;margin:0 auto;text-align:center;font-size:13px;line-height:1.8em;color:#6f6f6f}
.pri_style {text-align:left;width:100%;clear:both;margin-bottom:50px;float:left;margin-top:50px;}
 .pri_style > h2 {font-size:24px;line-height:2em;color:black}

 .pri_style ol {margin:20px 20px}
 .pri_style ol li {float:left;display:inline;width:45%}

 .pri_style2 {text-align:left;width:100%;clear:both;}
#a1> h3 {font-size:18px;line-height:2em;color:black}
#a2> h3 {font-size:18px;line-height:2em;color:black}
#a3> h3 {font-size:18px;line-height:2em;color:black}
#a4> h3 {font-size:18px;line-height:2em;color:black}
#a5> h3 {font-size:18px;line-height:2em;color:black}
#a6> h3 {font-size:18px;line-height:2em;color:black}
#a7> h3 {font-size:18px;line-height:2em;color:black}
#a8> h3 {font-size:18px;line-height:2em;color:black}
#a9> h3 {font-size:18px;line-height:2em;color:black}
#a10> h3 {font-size:18px;line-height:2em;color:black}
#a11> h3 {font-size:18px;line-height:2em;color:black}
#a12> h3 {font-size:18px;line-height:2em;color:black}
#a13> h3 {font-size:18px;line-height:2em;color:black}
#a14> h3 {font-size:18px;line-height:2em;color:black}

#a1,#a2,#a3,#a4,#a5,#a6,#a7,#a8,#a9,#a10,#a11,#a12 > ol > li strong {font-size:15px;color:#545454;margin-top:12px;margin-left:-20px}
#a1,#a2,#a3,#a4,#a5,#a6,#a7,#a8,#a9,#a10,#a11,#a12 > ol > li > ol > li {padding-left:20px;font-size:13px;}


.facil  {width:1100px;margin:0 auto;text-align:center;margin-top:60px;}
.facil .type1 dt {float:left; width:50%; height:310px;background:url('../images/facility/facil_img1.jpg')}
.facil .type1 img { width:550px; height:310px; }
.facil .type1 dd { float:right; width:50%; height:310px; background:#f7f7f7;text-align:left; }
.facil .type1 .roomTitle { padding:50px 0 20px 50px; font-size:27px; font-weight:700;  color:#333; letter-spacing:-0.04em; line-height:1; }
.facil .type1 .roomTxt { padding:0 50px 20px 50px; font-size:15px; font-weight:400;  color:#666; letter-spacing:-0.04em; line-height:1.8; }

.facil .type2 dt {float:right; width:50%; height:310px;background:url('../images/facility/facil_img2.jpg')}
.facil .type2 img { width:550px; height:310px;} 
.facil .type2 dd { float:right; width:50%; height:310px; background:#f7f7f7; text-align:right; }
.facil .type2 .roomTitle { padding:50px 50px 20px 0; font-size:27px; font-weight:700;  color:#333; letter-spacing:-0.04em; line-height:1; }
.facil .type2 .roomTxt { padding:0 50px 20px 50px; font-size:15px; font-weight:400;  color:#666; letter-spacing:-0.04em; line-height:1.8; }

.facil .type3 dt {float:left; width:50%; height:310px;background:url('../images/facility/facil_img3.jpg')}
.facil .type3 img { width:550px; height:310px; }
.facil .type3 dd { float:right; width:50%; height:310px; background:#f7f7f7;text-align:left; }
.facil .type3 .roomTitle { padding:50px 0 20px 50px; font-size:27px; font-weight:700;  color:#333; letter-spacing:-0.04em; line-height:1; }
.facil .type3 .roomTxt { padding:0 50px 20px 50px; font-size:15px; font-weight:400;  color:#666; letter-spacing:-0.04em; line-height:1.8; }

.facil .type4 dt {float:right; width:50%; height:310px;background:url('../images/facility/facil_img4.jpg')}
.facil .type4 img { width:550px; height:310px;}
.facil .type4 dd { float:right; width:50%; height:310px; background:#f7f7f7; text-align:right; }
.facil .type4 .roomTitle { padding:50px 50px 20px 0; font-size:27px; font-weight:700;  color:#333; letter-spacing:-0.04em; line-height:1; }
.facil .type4 .roomTxt { padding:0 50px 20px 50px; font-size:15px; font-weight:400;  color:#666; letter-spacing:-0.04em; line-height:1.8; }



.board {width:1280px;margin:0 auto;text-align:center;}


.tml100 {margin-left:100px}

.dn_text1 {font-size:13px;color:#747474;line-height:1.6em;}
.dn_text2 {font-size:18px;color:#747474;margin-top:43px;}
.dn_text3 {font-size:32px;color:#000;font-weight:500;letter-spacing:-0.1em;margin-top:10px;}

.w100 { width:100px; }
.w200 { width:200px; }
.w300 {width:230px;}
.mgl30 {margin-left:10px;}
.mgl50 {margin-left:30px;}
.pdl10 { padding-left:10px; }
.pdt25 {padding-top:25px;}

.tbl_dn,.tbl_dn th,.tbl_dn td{border:0}
.tbl_dn{width:;border-bottom:1px solid #dddee2;table-layout:fixed;border-top:1px solid #dddee2;
border-left:1px solid #dddee2;border-right:1px solid #dddee2}
.tbl_dn caption{display:none}
.tbl_dn th{padding:12px 15px 10px 15px;border-top:1px solid #dddee2;background:#f1f1f3;color:#5e5e5e;font-weight:bold;
text-align:center;vertical-align:middle;
border-left:1px solid #dddee2}
.tbl_dn td{padding:12px 10px 10px 12px;border-top:1px solid #dddee2;color:#5e5e5e;line-height:16px;vertical-align:
middle;text-align:center;border-left:1px solid #dddee2}

/* �� */
.s11_txt {margin-top:40px;text-align:left;}
.em1 {color:#ff8a00}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mmmm {width:1100px;height:450px}


/*찾아오시는 길 - 방문상담예약제*/
#subArea .consult_info{ border: 2px solid #ddd; padding: 40px 50px; border-radius: 20px; margin-bottom: 20px;}
#subArea .consult h1{ font-size: 25px; letter-spacing: -2px; margin: 0 0 20px 0;}
#subArea .consult h1 span{ color: #75b4b8;}
#subArea .consult ul{ padding: 0;}
#subArea .consult li{ font-size: 16px; color: #444; padding: 3px 0 3px 12px; float: none; display: block; position: relative;}
#subArea .consult li::before{ display: block; content: ""; width: 4px; height: 4px; background-color: #75b4b8; position: absolute; top:13px; left: 0;}
#subArea .consult_img{ display: flex; justify-content: space-between; align-items: center;}
#subArea .consult_img > div{ width: 49%; border-radius: 20px; overflow: hidden;}
#subArea .consult_img img{ width: 100%;}
@media screen and (min-width: 540px) and (max-width: 859px) {
    #subArea .consult{ margin-top: 60px;}
    #subArea .consult_info{ padding: 30px 30px; border-radius: 15px; margin-bottom: 10px;}
    #subArea .consult h1{ font-size: 20px; letter-spacing: -1px; margin: 0 0 15px 0;}
    #subArea .consult li{ font-size: 15px;}
    #subArea .consult li::before{ top:11px;}
    #subArea .consult_img > div{ border-radius: 15px;}
}
@media screen and (max-width: 539px) {
    #subArea .consult{ margin-top: 40px;}
    #subArea .consult_info{ padding: 25px 20px 20px 20px; border-radius: 10px; margin-bottom: 0;}
    #subArea .consult h1{ font-size: 18px; margin-bottom: 10px;}
    #subArea .consult li{ font-size: 14px; word-break: keep-all;}
    #subArea .consult_img{ flex-wrap: wrap;}
    #subArea .consult_img > div{ width: 100%; border-radius: 10px; margin-top: 10px;}
}