@charset "utf-8";

.ceo-box-wrap:after{content: "";display: block;clear: both}
.ceo-box-wrap{text-align:left;width:100%;background-color:#ECF0F6}
.ceo-box01{float:left;width:50%;padding:55px 55px 55px 55px}
.ceo-box02{float:left;width:50%}
.ceo-box02 img{width:100%;height:auto}
.ceo-title01{margin-top:20px;font-size:16px;color:#0059A3;font-weight:800}
.ceo-title02{margin-top:20px;font-size:33px;color:#222;font-weight:800}
.ceo-title03{margin-top:25px;font-size:20px;color:#222}
.ceo-title-blue{color:#0059A3}
.ceo-text{margin-top:40px;padding-left:1%;padding-right:1%;text-align:left;font-size:17px;color:#333;line-height:32px}
.ceo-name{margin-top:5%;font-size:19px;color:#222;text-align:right}
.ceo-bold{font-weight:bold}

.greeting-big-title{margin-bottom:1%;text-align:left;font-size:15px;color:#333;font-weight:bold;line-height:30px}
.greeting-big-title img{vertical-align:-5px}
.greeting-box-wrap{margin-bottom:3%;padding:15px;width:100%;border:1px solid #E3E3E3;box-shadow: 1px 1px 2px 1px #F4F3F3;background-color:#fff;border-radius:3px}
.greeting-small-title{margin-bottom:7px;text-align:left;font-size:15px;color:#333;font-weight:bold;line-height:30px}
.greeting-small-titletwo{margin-bottom:7px;text-align:left;font-size:14px;color:#333;line-height:23px}
.greeting-small-box{padding:15px;width:100%;text-align:left;font-size:14px;color:#333;line-height:23px;background-color:#F2F2F2;border-radius:3px}
.greeting-small-line{margin-top:6%;margin-bottom:5%;border-bottom: dotted 1px #CBCBCB}
.greeting-icon-box{margin-top:3px;width:100%}
.greeting-icon-box ul{margin:0 auto}
.greeting-icon-box li{padding-left:18px;font-size:14px;color:#666;line-height:28px;background: url("/index/greeting_icon.gif") no-repeat 2px 8px;}
.greeting-icon-alignment{padding-left:9px;text-indent:-8px;text-align:left}

.map-big-titlebar{width:37px;height:3px;background-color:#7FC248}
.map-big-title{margin-bottom:5px;text-align:left;font-size:20px;color:#333;font-weight:600}
.map-big-box{margin-bottom:3%;padding:20px;width:100%;text-align:left;border:1px solid #D7D7D7;box-shadow: 2px 2px 2px 0px #eee;background-color:#FCFCFC}

.map-traffic-title{width:100%}
.map-traffic-title ul{margin:0 auto}
.map-traffic-title li{padding-left:18px;font-size:16px;color:#666;line-height:33px;font-weight:bold;background: url("/index/map_text_icon.gif") no-repeat 2px 10px;}
.map-traffic-text{padding-left:20px;font-size:15px;color:#666;text-indent:-1px;}
.map-traffic-line{margin-top:2%;margin-bottom:2%;border-bottom: dotted 1px #CBCBCB}

.map-outline-wrap:after{content: "";display: block;clear: both}
.map-outline-wrap{width:100%}
.map-outline-box1 img{width:100%;height:auto;border-radius: 5px}
.map-outline-box1{float:left;padding-right:10px;width:50%}
.map-outline-box2{float:left;padding-left:40px;width:50%;text-align:left}

.map-sbox-wrap{margin-top:1%;width:100%}
.map-sbox-wrap:after{content: "";display: block;clear: both}
.map-sbox1{float:left;width:30%;line-height:30px;font-size:17px}
.map-sbox2{float:left;width:70%;font-size:15px;line-height:30px}

.map-small-title{margin-top:2%;width:15%;text-align:center;font-size:13px;color:#fff;line-height:25px;background-color:#7A7A7A;}
.map-line{margin-top:4%;margin-bottom:4%;border-bottom: dotted 1px #CBCBCB}
.map-sbox1-icon{font-size:10px;color:#555;vertical-align:2px}

.main-map-back{padding-top:3%;padding-bottom:10%;padding-left:4%;padding-right:4%}
.main-map-box:after{content: "";display: block;clear: both}
.main-map-box{margin-top:1%;width:100%}
.main-map-sbox1{float:left;width:50%}
.main-map-sbox2{float:left;text-align:right;width:50%}
.main-mapbig-icon{position:absolute;top:5px;left:0px;width:7px;height:21px;background-color:#FF9800}
.main-mapbig-title{position:relative;margin-bottom:1%;padding-left:14px;text-align:left;font-size:18px;color:#333;font-weight:bold;line-height:30px}
.main-map-bu{padding:5px 30px 5px 30px;display:inline-block;font-size:16px;color:#333;line-height:30px;font-weight:bold;text-indent:0px;border:1px solid #D7D7D7;background-color:#fff;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.main-map-bu:link, .main-map-bu:visited{color:#797878}
.main-map-bu:hover{text-indent:15px;color:#595959;background-color:#E0E0E0}
.main-map-infor{width:100%}
.main-map-infor ul{margin:0 auto}
.main-map-infor li{padding:20px 0px 20px 15px;text-align:left;width:100%;font-size:16px;color:#333;border-bottom: dotted 1px #888;background: url("/index/main_map_icon.png") no-repeat 2px 24px;}
.main-map-cartitle{font-size:16px;color:#333;font-weight:bold}
.main-map-alignment{margin-top:10px;padding-left:9px;text-indent:-9px;text-align:left;font-size:14px;color:#333;line-height:20px}



.prologue-pht {margin:0; padding:0; font-family:'Noto Sans KR', sans-serif; line-height:1.7; color:#333; word-break:keep-all; background-color:#fff}
.prologue-pht-con {max-width:100%; margin:0 auto; padding:0 0px;text-align:left}
.prologue-pht-hdr {margin:0 0 100px; text-align:center; position:relative}
.prologue-pht-hdr::after {content:''; position:absolute; bottom:-50px; left:50%; transform:translateX(-50%); width:1px; height:60px; background:#d4b483}
.prologue-pht-hdr span {display:block; margin-bottom:15px; font-family:'Playfair Display', serif; font-size:14px; letter-spacing:4px; color:#d4b483; text-transform:uppercase}
.prologue-pht-hdr h2 {margin:0; font-family:'Playfair Display', serif; font-size:48px; font-weight:400; color:#1a1a1a; letter-spacing:-1px}
.prologue-pht-row {display:flex; flex-direction:column; gap:180px}
.prologue-pht-itm {display:flex; align-items:center; position:relative}
.prologue-pht-itm.rev {flex-direction:row-reverse}
.prologue-pht-img {flex:0 0 65%; height:600px; overflow:hidden; z-index:1}
.prologue-pht-img img {display:block; width:100%; height:100%; object-fit:cover}
.prologue-pht-txt {flex:0 0 45%; margin-left:-10%; padding:60px; background:#fff; box-shadow:20px 20px 60px rgba(0,0,0,0.05); z-index:2; position:relative}
.prologue-pht-itm.rev .prologue-pht-txt {margin-left:0; margin-right:-10%; box-shadow:-20px 20px 60px rgba(0,0,0,0.05)}
.prologue-pht-kor {margin-bottom:35px}
.prologue-pht-kor h3 {margin:0 0 20px; font-size:28px; font-weight:400; color:#111; line-height:1.3}
.prologue-pht-kor p {margin:0 0 10px; font-size:15px; color:#666; font-weight:300}
.prologue-pht-eng {padding-top:30px; border-top:1px dashed #e5e5e5}
.prologue-pht-eng h4 {margin:0 0 12px; font-family:'Playfair Display', serif; font-size:20px; color:#d4b483; font-style:italic}
.prologue-pht-eng p {margin:0; font-family:'Playfair Display', serif; font-size:14px; color:#999; line-height:1.8}


.rom-htl{display:block;width:100%;margin:0;padding:0;font-family:'Noto Serif KR',serif;color:#222;text-align:left;background-color:#fff}
.rom-htl .rom-mid{display:flex;flex-wrap:wrap;max-width:100%;margin:0 auto;padding:0px 0px;gap:60px}
.rom-htl .rom-tit{width:100%;margin:0 0 15px 0;padding:0;text-align:left}/* 업데이트: 타이틀 하단 여백을 30px에서 15px로 추가 50% 축소 */
.rom-htl .rom-tit span{display:block;margin-bottom:10px;font-family:'Playfair Display',serif;font-size:16px;color:#b39b7d;letter-spacing:5px;text-transform:uppercase}
.rom-htl .rom-tit h2{margin:0;font-size:38px;font-weight:700;color:#1a1a1a;letter-spacing:-1px}
.rom-htl .rom-lft{flex:1.2;position:relative;min-width:320px}
.rom-htl .rom-lft .rom-main_img{width:100%;height:650px;object-fit:cover;box-shadow:30px 30px 0 -10px #f4f1ee}
.rom-htl .rom-lft .rom-sub_img{position:absolute;right:20px;bottom:-10px;width:300px;height:200px;object-fit:cover;border:10px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.rom-htl .rom-rgt{flex:1;min-width:320px;padding-top:20px}
.rom-htl .rom-rgt .rom-box{margin-bottom:70px}
.rom-htl .rom-rgt .rom-box .rom-label{display:block;margin-bottom:20px;font-size:13px;font-weight:700;color:#b39b7d;letter-spacing:2px}
.rom-htl .rom-rgt .rom-box .rom-txt_ko{font-size:17px;line-height:2.2;color:#444;word-break:keep-all;font-weight:300}
.rom-htl .rom-rgt .rom-box .rom-txt_en{font-family:'Playfair Display',serif;font-size:18px;line-height:1.8;color:#666;font-style:italic}




@media(max-width: 480px) {
.greeting-page-line{display:none}

.ceo-box01{width:100%;padding:28px 28px 15px 28px}
.ceo-box02{width:100%}
.ceo-title01{margin-top:0px;font-size:13px}
.ceo-title02{margin-top:10px;font-size:23px}
.ceo-title03{margin-top:15px;font-size:15px}
.ceo-text{margin-top:40px;padding-left:2%;padding-right:2%;font-size:15px;line-height:25px}
.ceo-name{font-size:16px}

.greeting-box-wrap{padding:5px}
.greeting-small-line{margin-top:8%;margin-bottom:5%}

.map{margin-bottom:0px}
.map_add{font-size:13px}
.map_box_t1{margin-top:31px;padding-left:10px;padding-right:15px;width:100%}
.map_box_t1 img, .map_box_t2 img{width:35%}
.map_box_t1 li, .map_box_t2 li{width:50%;font-size:14px}
.map_box_t1_text{margin-top:20px}
.map_box_t2{margin-top:31px;padding-left:10px;padding-right:15px;padding-bottom:31px;width:100%}
.map_box_t2_text{margin-top:0px}

.map-big-box{font-size:14px;line-height:28px}
.map-big-titlebar{width:30px}
.map-big-title{font-size:16px}

.map-traffic-title li{font-size:14px;background: url("/index/map_text_icon.gif") no-repeat 2px 11px;}
.map-traffic-text{font-size:13px}

.map-outline-box1{padding-right:0px;width:100%}
.map-outline-box2{margin-top:3%;padding-left:15px;width:100%;font-size:12px;line-height:25px}
.map-sbox1{width:30%;font-size:14px;}
.map-sbox2{width:70%;padding-right:10px;font-size:13px;}

.map-small-title{margin-top:6%;width:25%}
.map-line{margin-top:6%;margin-bottom:6%}

.main-map-back{padding-left:4%;padding-right:4%}
.main-map-title1{font-size:15px}
.main-map-title2{margin-top:10px;font-size:24px}
.main-map-box{margin-top:2.5%}
.main-map-sbox1{width:100%}
.main-map-sbox2{margin-top:2.5%;text-align:left;width:100%}
.main-mapbig-title{font-size:16px}
.main-map-cartitle, .main-map-alignment{font-size:13px}
.main-map-infor li{padding:15px 0px 15px 15px;font-size:13px;background: url("/index/main_map_icon.png") no-repeat 2px 22px;}
.main-map-bu{padding:5px 25px 5px 25px;font-size:13px;line-height:20px}
.main-map-bu img{width:10px;height:auto}

.prologue-pht-hdr {margin-bottom:60px}
.prologue-pht-hdr h2 {font-size:32px}
.prologue-pht-row {gap:80px}
.prologue-pht-itm {flex-direction:column}
.prologue-pht-itm.rev {flex-direction:column}
.prologue-pht-img {flex:0 0 auto; width:100%; height:300px}
.prologue-pht-txt {flex:0 0 auto; width:85%; margin:-40px auto 0; padding:30px 20px; box-shadow:10px 10px 30px rgba(0,0,0,0.1)}
.prologue-pht-itm.rev .prologue-pht-txt {margin:-40px auto 0; box-shadow:10px 10px 30px rgba(0,0,0,0.1)}
.prologue-pht-kor h3 {font-size:22px}
.prologue-pht-kor p {font-size:14px}
.prologue-pht-eng h4 {font-size:18px}
.prologue-pht-eng p {font-size:13px}
.prologue-pht-top {height:60px}
.prologue-pht-bot {height:80px}

.rom-htl .rom-mid{padding:50px 20px;gap:40px}
.rom-htl .rom-tit{margin-bottom:8px}/* 업데이트: 모바일 타이틀 여백 50% 축소 */
.rom-htl .rom-tit span{font-size:12px}
.rom-htl .rom-tit h2{font-size:24px}
.rom-htl .rom-lft .rom-main_img{height:350px;box-shadow:15px 15px 0 -5px #f4f1ee}
.rom-htl .rom-lft .rom-sub_img{display:none}
.rom-htl .rom-rgt{padding-top:0}
.rom-htl .rom-rgt .rom-box{margin-bottom:40px}
.rom-htl .rom-rgt .rom-box .rom-txt_ko{font-size:13px;line-height:1.6}
.rom-htl .rom-rgt .rom-box .rom-txt_en{font-size:14px}

}


@media (min-width: 481px) and (max-width: 767px) {
.greeting-page-line{display:none}

.ceo-box01{width:100%;padding:38px 38px 25px 38px}
.ceo-box02{width:100%}
.ceo-title01{margin-top:0px;font-size:15px}
.ceo-title02{margin-top:15px;font-size:28px}
.ceo-title03{margin-top:20px;font-size:23px}
.ceo-text{margin-top:40px;padding-left:3%;padding-right:3%;font-size:15px;line-height:25px}
.ceo-name{font-size:17px}

.greeting-box-wrap{padding:5px}
.greeting-small-line{margin-top:8%;margin-bottom:5%}

.map-big-box{font-size:14px;line-height:28px}
.map-big-titlebar{width:30px}
.map-big-title{font-size:16px}

.map-traffic-title li{font-size:14px;background: url("/index/map_text_icon.gif") no-repeat 2px 11px;}
.map-traffic-text{font-size:13px}

.map-outline-box1{padding-right:0px;width:100%}
.map-outline-box2{margin-top:2%;padding-left:15px;width:100%;font-size:12px;line-height:25px}
.map-sbox1{width:30%;font-size:15px;}
.map-sbox2{width:70%;padding-right:10px;font-size:14px;}

.map-small-title{margin-top:6%;width:25%}

.main-map-back{padding-left:2.5%;padding-right:2.5%}
.main-map-title1{font-size:16px}
.main-map-title2{margin-top:10px;font-size:26px}
.main-map-box{margin-top:2.5%}
.main-map-sbox1{width:100%}
.main-map-sbox2{margin-top:2.5%;text-align:left;width:100%}
.main-mapbig-title{font-size:16px}
.main-map-cartitle, .main-map-alignment{font-size:15px}
.main-map-infor li{padding:15px 0px 15px 15px;font-size:14px;background: url("/index/main_map_icon.png") no-repeat 2px 22px;}
.main-map-bu{padding:5px 25px 5px 25px;font-size:13px;line-height:20px}
.main-map-bu img{width:10px;height:auto}

.prologue-pht-hdr h2 {font-size:38px}
.prologue-pht-img {height:400px}
.prologue-pht-txt {padding:40px; margin-left:-15%}

.rom-htl .rom-mid{padding:60px 20px}
.rom-htl .rom-tit h2{font-size:36px}
.rom-htl .rom-lft .rom-main_img{height:450px}
.rom-htl .rom-lft .rom-sub_img{width:220px;height:160px;right:-20px;bottom:-20px}
}


@media (min-width: 768px) and (max-width: 1280px){
.greeting-page-line, .greeting-br{display:none}

.ceo-box01{width:100%;padding:45px 45px 25px 45px}
.ceo-box02{width:100%}
.ceo-title01{margin-top:0px}
.ceo-text{padding-left:3%;padding-right:3%}

.greeting-big-title{font-size:19px}
.greeting-box-wrap{padding:20px}
.greeting-small-title{font-size:17px}
.greeting-small-titletwo{font-size:17px}
.greeting-small-box{padding:20px;font-size:16px;line-height:35px}
.greeting-icon-box li{font-size:16px;line-height:35px;background: url("/index/greeting_icon.gif") no-repeat 2px 11px;}

.map-outline-box1{width:45%}
.map-outline-box2{padding-top:0%;padding-left:30px;width:55%}
.map-sbox2{line-height:24px}

.map-small-title{margin-top:6%;width:25%}

.main-map-back{padding-left:4%;padding-right:4%}
.main-map-title1{font-size:23px}
.main-map-title2{margin-top:10px;font-size:43px}
.main-mapbig-icon{top:2px;height:25px}
.main-mapbig-title{padding-left:14px;font-size:21px;line-height:30px}
.main-map-infor li{font-size:16px;background: url("/index/main_map_icon.png") no-repeat 2px 27px;}
.main-map-carinfor li{font-size:16px;background: url("/index/main_map_icon.png") no-repeat 2px 27px;}
.main-map-bu{padding:5px 25px 5px 25px;font-size:14px;line-height:20px}
.main-map-bu img{width:10px;height:auto}

.prologue-pht-img {height:500px}
.prologue-pht-txt {padding:50px}

.rom-htl .rom-mid{padding:80px 40px;gap:50px}
.rom-htl .rom-lft .rom-main_img{height:550px}
.rom-htl .rom-tit h2{font-size:42px}
}


@media (min-width: 1281px) {
.greeting-br{display:none}

.greeting-page-wrap{padding-top:1%}
.greeting-page-name-wrap{margin-top:9%}

.greeting-big-title{font-size:19px}
.greeting-box-wrap{padding:20px}
.greeting-small-title{font-size:18px}
.greeting-small-titletwo{font-size:17px}
.greeting-small-box{padding:20px;font-size:15px;line-height:30px}

.greeting-icon-box li{font-size:16px;line-height:35px;background: url("/index/greeting_icon.gif") no-repeat 2px 11px;}

.map-outline-box2{padding-top:2.5%;padding-left:30px}

.main-map-back{padding-left:9%;padding-right:9%}
.main-mapbig-icon{top:2px;height:27px}
.main-mapbig-title{padding-left:14px;font-size:23px;line-height:30px}
.main-map-infor li{font-size:16px;background: url("/index/main_map_icon.png") no-repeat 2px 27px;}
.main-map-carinfor li{font-size:16px;background: url("/index/main_map_icon.png") no-repeat 2px 27px;}

.rom-htl .rom-mid{padding:0px 0}
}