/* eunsuk.choi.82 */
@charset "euc-kr";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;700;900&display=swap');

@font-face { font-family: 'Arita-buri-SemiBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; }

/* Reset */
* {margin:0; padding:0; position:relative;}
body {margin:0; padding:0; height:100%; font-size:4vw; color:#454545; font-family:'Lato','Noto Sans KR','NanumbarunGothic','Malgun Gothic',Dotum, Arial, sans-serif; position:relative;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0; padding:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
ul,ol,dl,dt,dd,li {list-style:none}
fieldset {border:none}
img {border:0; vertical-align:middle}
strong {font-weight:bold; letter-spacing:-0.05em;}
address,em {font-style:normal; color:#969696}
hr {display:none}
table {border-collapse:collapse; width:100%}
th {font-weight:normal}
a {color:inherit; text-decoration:none; cursor:pointer; outline:none;}
a:link, a:visited, a:active, a:hover,a:focus {text-decoration:none; outline:none; color:inherit;}
caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0}
button {cursor:pointer;border:0;background-color:transparent;padding:0;margin:0; outline:none;}
button > span,button > em {position:relative;top:0;left:0;}
label {line-height:13px;}
mark {background:none; color:inherit;}
textarea {padding:10px; background: #fefefe; border:1px solid #e2e2e2; border-radius: 3px; box-shadow:inset 1px 3px 4px -3px rgba(0,0,0,0.1); resize:none; behavior: url( 'PIE.htc' );}
select {padding: 6px 4px 6px 4px; border-radius: 3px; border: 1px solid #e2e2e2; background: #FFF; color: #696F74; font-size: 13px !important; line-height: 18px !important; font-weight: normal; }
input[type="text"], input[type="password"] {height:32px; padding:0 5px; line-height:18px; text-indent:3px; color: #696F74; vertical-align:middle;
background: #fefefe; border:1px solid #e2e2e2 /*!important*/; border-radius: 3px; box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1);}
/*input[type=file] {padding:5px; border:1px solid #bfbfbf\0/IE8+9; .border:1px solid #bfbfbf; color:#666; background:none; border:none}*/
input[type="file"] {padding:5px; border:1px solid #e2e2e2; color:#666; background:none; border:none}
input[type="image"], input[type="checkbox"] {border:0 none !important; vertical-align: middle; margin-right: 2px;}
input[type='checkbox'], input[type="radio"] {width:16px; height:16px; position:relative; top:-1px; vertical-align:middle; margin-right:3px;}
input[type="submit"] {-webkit-appearance: none; border-radius: 0;}

@media \0screen {input[type=text], input[type=password]{line-height:30px;}}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:after {content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:0;}

/* layout */
.header {padding:5vw;}
.header h1 {width:34vw; margin:auto;}
.header h1 a {display:Block;}
.header h1 a img {width:100%;}
.header .btns {position:absolute; top:11vw; left:0; width:100%; height:0;}
.header .btns a {display:block; background-size:contain;}
.header .btn_rsvt {position:absolute; right:4vw; /* background:#d09187; */ background:url("../images/reser_img.png") no-repeat center; border-radius:15%; color:#fff; text-align:Center; width:15vw; height:9vw; line-height:4vw; font-size:3.5vw; padding-top: 0.5vw;}
.header .btn_menu {position:fixed; background:url('../images/btn_open.png') no-repeat center ; left:4vw; width:7.5vw; height:7.5vw; z-index:9990; text-indent:-9999px; }
.top_nav {width:100%; border-top:1px solid #b5b0aa; border-bottom:1px solid #b5b0aa;}
.top_nav a {display:block; width:20%; text-align:center; float:left; padding:2.5vw 0;}
.top_nav a + a::before {display:block; content:""; width:1px; height:14px; background:#c6c6c6; position:absolute; left:0; top:50%; margin-top:-7px;}

#lnb {position:fixed; left:-100%; top:0; z-index:9990; overflow:scroll; width:100%; height:100%; margin-left:0; padding:0;}
#lnb .lnb_bg {display:none;position:fixed;left:0;top:0;z-index:901;width:100%;height:100%;background:rgba(0,0,0,.7);}
#lnb .lnb_bg.on {display:block}
#lnb .lnb_box {position:absolute;left:-100%;top:0;z-index:902;width:70%;min-height:calc(100% - 180px);padding-bottom:180px;background:#f1f1f1;box-sizing:content-box}
.btn_close {display:Block; width:6vw; height:6vw; position:absolute; right:-12vw; top:6vw; background:url('../images/btn_close.png') no-repeat center; background-size:contain; text-indent:-9999px;}
#lnb #menu {overflow:hidden; display:block}
#lnb #menu a {display:block}
#lnb #menu li {border-bottom:1px solid #ededed; display:block; width:100%; text-align:left;}
#lnb #menu li a {display:block;position:relative;height:100%;padding:0 1em; line-height:2.8em;text-transform:uppercase; color:#000;}
#lnb #menu > li > a.dep_m:before, 
#lnb #menu > li > a.dep_m:after{content:"";display:block;position:absolute;right:2em;bottom:calc(50% - 4px);width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #476583;transition:all 0.3s ease}
#lnb #menu > li > a.dep_m:after{bottom:calc(50% - 3px);border-top-color:#f1f1f1}
#lnb #menu li a:before, 
#lnb #menu li a:after {display:none}
#lnb #menu li a.on{color:#2f6499}
#lnb #menu li a.on:before,
#lnb #menu li a.on:after{-webkit-transform:rotate(-540deg);transform:rotate(-540deg)}
#lnb #menu li a.on:before{border-top-color:#4e7b9c}
#lnb #menu li a.on:after{bottom:calc(50% - 5px)}

#lnb #menu li:hover .sub_m { -webkit-transition:initial;}
#lnb #menu .sub_m {display:none; position:static; opacity:1; background:inherit; height:auto; width:100%; margin-left:0; padding:0;}
#lnb #menu .sub_m li:last-child{border:none}
#lnb #menu .sub_m li a {padding-left:1.5em;background-color:#fbfbfb;font-size:.9em;color:#696969}
#lnb #menu .sub_m li a:hover {background-color:#f9f9f9; color:#555;}
#lnb #menu .sub_m li a:before, #menu .dep2 li a:after{display:none}
#lnb #menu .sub_m li.on a{background-image:none;color:#000}
#lnb #menu .sub_m .gnb_dep_nav a.on{position:relative}
#lnb #menu .sub_m .gnb_dep_nav a.on:before{content:"";display:block;position:absolute;top:50%;top:calc(50% - 2px);left:0.75em;width:4px;height:4px;border:0;border-radius:50%;background-color:#a6bdcd}
#lnb #menu .sub_m .etit {display:none;}

#wrap.fix .quick {position:fixed;left:0;bottom:0;}
.quick {width:100%; border-top:1px solid #b2b2b2; background:rgba(255,255,255,.7);}
.quick a {display:block; width:33.3%; text-align:center; float:left; padding:3.5vw 0; line-height:3.7vw;}
.quick a + a::before {display:block; content:""; width:1px; height:14px; background:#c6c6c6; position:absolute; left:0; top:2.2vw;}
.quick i {display:inline-block; margin-right:1vw; height:3.4vw; width:3.4vw; background-position:center; background-size:contain; background-repeat:no-repeat;}
.quick i.cal {background-image:url('../images/icon_rsvt.png');}
.quick i.tel {background-image:url('../images/icon_tel.png');}
.quick i.map {background-image:url('../images/icon_map.png');}

.footer {background:#eee; border-top:1px solid #b2b2b2; padding:7vw 0 4vw; text-align:center;}
.footer .ft_logo img {width:18vw;}
.footer .infobox {margin:3.2vw 0; color:#6a6a6a;}
.footer .infobox .tel {font-size:1.35em; color:#444; margin-bottom:1.8vw; font-weight:Bolder;}
.footer .copy {font-family:'SCDream3'; font-size:.85em; color:#888; letter-spacing: -.05em;}


.img_slide .item {width:100%; height:35vh; background-size:cover; background-position:center;}
.img_slide .owl-dots {position:Absolute; bottom:3vw; width:100%; text-align:center;}
.img_slide .owl-dots button {width:8px; height:8px; margin:0 4px; background:rgba(255,255,255,.7); border-radius:50%;}
.img_slide .owl-dots .active {background:#91bcc2;}

.con {padding:12vw 0; text-align:Center;}
.graybg {background:#eeeeec;}
.conwap .con:first-child {border-top:1px solid #ddd;}
.con .eng {font-size:2vw; color:#a0a0a0; margin-bottom:2.5vw;}
.con .eng .ktit {display:none;}
.con .eng img {width:45%; height:auto;}
.con .bkor {font-size:9vw; line-height:1.4; margin-left:-5px; letter-spacing:-.08em;}
.con .bkor .etit {display:none;}
.con .kor {margin-top:4vw;}
.con .kor .main_txt {display:none;}
.graybg .eng {font-family:'Playfair Display'; letter-spacing:.01em; font-size:3.8vw;}
.graybg .kor::before {content:""; display:block; width:1px; height:25px; margin:0 Auto 4vw; background:#beb0a2;}

.link a {display:block; width:100%; height:auto;}
.link a .img {width:50%; margin-left:50%;}
.link a .img img {width:100%;}
.link a .img.bgimg::after {content:""; display:block; padding-bottom:100%;}
.link a:nth-child(2n) .img {margin-left:0;}
.link a .box {position:Absolute; top:50%; left:0; width:50%; transform:translateY(-50%); text-align:center;}
.link a:nth-child(2n) .box {left:50%;}
.link .box .eng {display:table; width:fit-content; margin:auto; color:#a5a5a5; padding-bottom:3px; border-bottom:1px solid #c4c4c4; font-family:'Montserrat'; font-size:2vw;}
.link .box h3 {font-family:'Arita-buri-SemiBold'; color:#625d58; font-size:5.5vw; margin:16px 0 3px;}
.link .box h3 .ktit {display:none;}
.link .box .seng {color:#d5d5d5; font-size:1.8vw;}
.link .box .kor {border-top:1px solid #929292; border-bottom:1px solid #929292; padding:2px 2px 3px; color:#454545; margin-top:10px; display:inline-block; letter-spacing:-.05em; font-size:12px;}
.link .box .kor .etit {Display:none;}

.bn {height:22vh; font-family:'Playfair Display', serif; background:url('../../images/bn_img.jpg') no-repeat; background-size:cover; background-position:top; color:#d0c1b2; padding:5vh;}
.bn a {display:table; width:fit-content; padding:3px 7px 4px; background:rgba(222,214,206,.5); color:#333; margin-top:15px; font-family:'Lato'; font-size:.7em;}

dl.info {padding:0 3vw 8vw;}
dl.info dt {font-weight:bold; color:#000; padding-bottom:2px; border-bottom:1px solid #ddd; margin-top:6vw; margin-bottom:2vw; font-size:1.1em;}
dl.info .box li {padding-left:6px; margin-bottom:3px; letter-spacing: -.03em;}
dl.info .box li::before {content:""; display:block; width:4px; height:4px; position:Absolute; top:6px; left:0; background:#999; border-radius:50%;}
dl.info .box li h3 {font-weight:bold;}
dl.info .box li h5 {padding-top:3vw;}
dl.info .box li p {padding:1vw 0 3vw; line-height:1.2;}

.ratetb {border-top:3px solid #342d21; background:#fff; margin-top:-2vw;}
.ratetb th, .ratetb td {padding:1.3vw 1.2vw; border:1px solid #d7d7d7; text-align:left;}
.ratetb tr th {color:#555; line-height: 1.6;}
.ratetb tr:first-child th {color:#111;}
.ratetb .rmname {background:#f5f5f5;}
.ratetb th span {display:block;}
.ratetb.closetxt {letter-spacing:-.05em;}
.ratetb.closetxt th, .ratetb.closetxt td {padding:1vw .8vw;}
.ratetb.cttb {margin-top:10px;}
.ratetb.cttb td, .ratetb.cttb th {text-align:center;}
.wbox li {float:left; width:49%;}
.kkomap {width:90vw; margin:0 auto 10vw;}
.kkomap .root_daum_roughmap .wrap_controllers {display:none;}
.tv_list {width:100%;}
.tv_list li .img {background-size:cover; background-position:Center;}
.tv_list li .img::after {content:""; display:block; padding-bottom:50%;}
.tv_list li .box {padding:5vw 10vw 10vw 10vw;}
.tv_list li .eng {letter-spacing:.5em; color:#91bcc2; font-size:.75em; margin-bottom:7px;}
.tv_list li .bkor {font-size:5vw; margin-bottom:25px;}

.bgimg {background-size:cover; background-position:Center;}
.eng {letter-spacing:.3em; text-transform:uppercase; font-weight:700;}
.bkor {font-family:'Arita-buri-SemiBold'; font-weight:400;}
.stxt {font-size:.85em;}
.c_red {color:#bc5353;}
.img_list img {width:100%; margin-bottom:1px;}

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

.con .kor span.real_txt {padding:0 10px;}


/* ºñµð¿À ¼Ò½º */
.video_btn{z-index:999999; position: absolute; bottom: 10%; left: 5%; color: #fff; font-weight: bolder; opacity: .9;}
#videoSct{width: 100%; height: 51vw;}
.v_btn img{width: 30px; margin: 0 auto;}
/* ºñµð¿À ¼Ò½º */