@charset "utf-8";
/* CSS Document */
@import url("./font.css");

body {min-width:1660px;}

:root {
    --pw: 1920*100vw;
    --pp: 1920*100%;
}

/* motion */
.header .header_box .hd_menu_bg { transition: all .2s ease-in-out;}
#fp-nav,
.header,
.header .hd_box .mid_box .hd_menu_box > ul > li > a div,
.abtn4,
.tab_box1 ul li a,
.list_type2:after,
.abtn2,
.abtn2:after,
.abtn3,
.tab_box0 ul li a,
.abtn0,
.abtn0:after,
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu ul li a,
.header .header_box .mid_box .hd_menu_box > ul > li > a { transition: all .3s ease-in-out;}


/* button */
.abtn0 {position:relative; display:inline-block; padding:0 54px 0 30px; font-size:16px; line-height:54px; font-weight:700; color:#FF5A00; background: rgba(255, 90, 0, 0.2);}
.abtn0:after {position:Absolute; top:20px; right:30px; width:14px; height:14px; background:url('/_image/www/icon/icon_arrow_right4.png') no-repeat center; content:''; background-size:14px auto;}
.abtn0:hover {background: rgba(23, 184, 0, 0.2); color:#17B800;}
.abtn0:hover:after {background:url('/_image/www/icon/icon_arrow_right5.png') no-repeat center; content:''; background-size:14px auto;}

.abtn1 {position:relative; display:inline-block; padding:0 54px 0 30px; font-size:16px; line-height:54px; font-weight:700; color:#fff; background:#17B800;}
.abtn1:after {position:Absolute; top:20px; right:30px; width:14px; height:14px; background:url('/_image/www/icon/icon_arrow_right2.png') no-repeat center; content:''; background-size:14px auto;}

.abtn2 {position:relative; display:inline-block; padding:0 54px 0 30px; font-size:16px; line-height:54px; font-weight:700; color:#fff; border:1px solid #fff;}
.abtn2:after {position:Absolute; top:20px; right:30px; width:14px; height:14px; background:url('/_image/www/icon/icon_arrow_right2.png') no-repeat center; content:''; background-size:14px auto;}
.abtn2:hover:after {background:url('/_image/www/icon/icon_arrow_right3.png') no-repeat center; background-size:14px auto;}
.abtn2:hover {color:#9E9E9E; border:1px solid #9E9E9E;}
 
.abtn3 {position:relative; display:inline-block; padding:0 54px 0 30px; font-size:16px; line-height:54px; font-weight:700; color:#fff; background:#FF5A00; border:1px solid #FF5A00;}
.abtn3:after {position:Absolute; top:20px; right:30px; width:14px; height:14px; background:url('/_image/www/icon/icon_arrow_right2.png') no-repeat center; content:''; background-size:14px auto;}
.abtn3:hover {background:#17B800; border:1px solid #17B800;}

.abtn4 {position:relative; display:inline-block; padding:0 20px; font-size:16px; line-height:44px; font-weight:700; color:#fff; background:#FF5A00; border:1px solid #FF5A00; cursor:pointer;}
.abtn4:hover {background:#17B800; border:1px solid #17B800;}



/* paging */
.paging_box {clear:both; position:relative; margin:20px 0 20px 0; padding:0; }
.paging_box ul.paging {text-align:center; font-size:0;}
.paging_box ul.paging li {display:inline-block; vertical-align:top; width:40px; height:40px; line-height:40px; margin:0 8px;}
.paging_box ul.paging li.paging_prev {margin-right:5px;}
.paging_box ul.paging li.paging_prev a {background:url('/_image/www/icon/icon_paging_prev.png') no-repeat center; font-size:0; vertical-align:top; background-size:40px auto;}
.paging_box ul.paging li.paging_first {margin:0;}
.paging_box ul.paging li.paging_first a {background:url('/_image/www/icon/icon_paging_first.png') no-repeat center; font-size:0; vertical-align:top; background-size:40px auto;}
.paging_box ul.paging li.paging_next {margin-left:5px;}
.paging_box ul.paging li.paging_next a {background:url('/_image/www/icon/icon_paging_next.png') no-repeat center; font-size:0; vertical-align:top; background-size:40px auto;}
.paging_box ul.paging li.paging_last {margin:0;}
.paging_box ul.paging li.paging_last a {background:url('/_image/www/icon/icon_paging_last.png') no-repeat center; font-size:0; vertical-align:top; background-size:40px auto;}
.paging_box ul.paging li a {display:inline-block; width:40px; height:40px; vertical-align:top; font-weight:600; color:#4A4F55; font-size:16px; line-height:40px;}
.paging_box ul.paging li.over a {font-weight:700; color:#F05423;}


/* layer_pop 기본 구조 */
.layer_pop_box {display:none ;position:fixed; top:0; left:0; width:100%; height:calc(var(--vh, 1vh) * 100); z-index:99999; box-sizing:border-box;}
.layer_pop_box .layer_bg {width:100%; height:calc(var(--vh, 1vh) * 100); background:rgba(0,0,0,0.7); box-sizing:border-box;}
.layer_pop_box .layer_container_box {position:absolute; top:0; left:50%; width:100%; height:calc(var(--vh, 1vh) * 100); box-sizing:border-box;}
.layer_pop_box .layer_container_box .layer_content_box {height: calc(var(--vh, 1vh) * 100);}
.layer_pop_box .layer_container_box .layer_content_box .layer_content {position:relative;top:0; left:0; height:calc(var(--vh, 1vh) * 100); line-height:0; font-size:0;}
.layer_box {overflow:hidden; position:relative; /* height:100%; */}
.layer_box .layer_btm {text-align:center; padding-bottom:15px;}
.layer_box .btn_close {position:absolute; top:3px; right:10px; display:inline-block; width:40px; height:40px; font-size:0; z-index:1000;}
.layer_box .btn_close:before,
.layer_box .btn_close:after {content:''; position:absolute; top:50%; left:50%; margin:-2px 0 0 -9px; width:18px; height:1px; background:#000; -webkit-transform-origin:50% 50%; transform-origin:50% 50%;}
.layer_box .btn_close:before {-webkit-transform:rotateZ(135deg) scaleX(1.2);transform:rotateZ(135deg) scaleX(1.2);}
.layer_box .btn_close:after {-webkit-transform:rotateZ(45deg) scaleX(1.2);transform:rotateZ(45deg) scaleX(1.2);}
.layer_box .pop_content .laypop_box1 {position:relative; height:100%; background:#fff; border-radius:16px 16px 0 0;}
.layer_box .btm_btn {padding:0 15px;}

/* 2023-09-27 destiny*/
.layer_type1 {position:fixed; top:50%; left:50%; width:100%; min-width:320px; min-width:1400px; max-width:1600px; transform:translate(-50%, -50%);}
.layer_type1 .layer_cont_box {max-width:1600px; margin:0 auto; min-height:124px; max-height:calc(var(--vh, 1vh) * 100); overflow-y:auto;}
.layer_type1 .layer_cont_box .layer_cont {}
@supports (-webkit-touch-callout: none) { height: -webkit-fill-available; }

/* 팝업 */
.layer_type1 .layer_cont_box .layer_cont {}
.layer_type1 .layer_cont_box .layer_cont .close_btn {text-align:right;}
.layer_type1 .layer_cont_box .layer_cont .close_btn a {display:inline-block; width:80px; height:80px; background:url('/_image/www/icon/icon_close.jpg') no-repeat center;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont {display:grid; grid-template-columns:520px 520px 480px; width:100%; min-width:1600px; padding:20px; gap:20px; background:#fff;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .left_box { padding-top:30px; text-align:center;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .left_box .p_logo {}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .left_box .p_logo img {max-width:100%;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .left_box .p_txt {padding:36px 0; }
.layer_type1 .layer_cont_box .layer_cont .prd_cont .left_box .p_txt p {font-size:30px; font-weight:700; line-height:1.6;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .left_box .img {padding:0 80px;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .left_box .img img {width:100%;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .left_box .tag {padding:20px 80px 30px 80px;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .left_box .tag p {font-size:16px; line-height:1.6;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .center_box {}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .center_box .img img {width:100%;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box {}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .img {}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .img img {width:100%;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box {padding:45px 50px 34px 50px; min-height:calc(50% - 34px); background:#fff;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box > p {padding-bottom:40px; font-size:18px; line-height:1.8;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box dl {padding-bottom:20px;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box dl dt {display:inline-block; position:relative; padding-right:40px; font-size:18px; font-weight:600;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box dl dt:after{position:Absolute; top:50%; right:10px; width:20px; height:1px; background:#4A4F55; content:'';}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box dl dd {display:inline-block; font-size:18px; font-weight:600; color:#000;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box dl dd.prc_box {}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box dl dd.prc_box {font-size:15px; color:#4A4F55; font-weight:400;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box dl dd.prc_box .txt {margin-right:10px; font-size:15px; color:#4A4F55; font-weight:400;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box dl dd.prc_box .n_price {margin-right:10px; font-size:15px; color:#B6B6B7; text-decoration:line-through;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box dl dd.prc_box .s_price {margin-right:10px; color:#F05423; font-size:22px; font-weight:700; vertical-align:-1px;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box dl dd.prc_box .s_price em {font-style:normal; font-size:16px; font-weight:400;color:#F05423;}
.layer_type1 .layer_cont_box .layer_cont .prd_cont .right_box .info_box .btn_box {padding-top:13px;}

/* input select */
.select_box {}
.select_box select {min-width:160px; height:46px; padding:0 48px 0 14px; font-size:16px; line-height:46px; font-weight:350; border:1px solid #E0E0E0; -webkit-appearance: none; background:#fff url('/_image/www/icon/icon_arrow_btm.png') no-repeat; background-position:calc(100% - 20px) center; background-size:14px auto;}

.input_box {}
.input_box input[type="text"], 
.input_box input[type="password"] {padding:0 20px 0 20px; line-height:44px; border:1px solid #E0E0E0; font-size:16px; color:#424242;}
.input_box input[type="password"] {color:#757575;}
.input_box input[type="text"]::placeholder, 
.input_box input[type="password"]::placeholder {font-size:16px; color:#BDBDBD;}

.input_box.search input[type="text"] {padding:0 64px 0 20px;}

.check_box {}
.check_box label {font-size:15px;color:#111; cursor:pointer;}
.check_box input[type="checkbox"] {position:relative; padding-left:24px;  -webkit-appearance: none; -moz-appearance: none;  appearance: none; cursor:pointer;}
.check_box input[type="checkbox"]:after {position:Absolute; top:0; left:0; width:22px; height:22px; background:url('/_image/www/icon/icon_chk.png') no-repeat center; background-size:22px auto; content:'';}
.check_box input[type="checkbox"]:checked:after {position:Absolute; top:0; left:0; width:22px; height:22px; background:url('/_image/www/icon/icon_chk_on.png') no-repeat center; background-size:22px auto; content:''; border:0;}

/* select box */
.select_type0 {}
.select_type0 select {display:block; width:100%; padding:0 48px 0 15px;  background:#F3F3F3 url('/_image/www/icon/icon_arrow_down.png') no-repeat; background-position:calc(100% - 10px) center; background-size:18px auto; border:1px solid #F3F3F3; font-size:16px; line-height:46px; color:#4A4F55; text-align:left; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.select_type0 select option {display:inline-block; text-align:left;}

/* 리스트 style */
.list_box {}
.list_box ul {}
.list_box ul.grid2 {display:grid; grid-template-columns:1fr 1fr;}
.list_box ul.grid3 {display:grid; grid-template-columns:1fr 1fr 1fr;}
.list_box ul.grid4 {display:grid;  grid-template-columns:1fr 1fr 1fr 1fr;}
.list_box ul.gap20 {gap:20px;}


.list_type0 {}
.list_type0 .img {}
.list_type0 .img img {width:100%;}
.list_type0 dl {padding-top:24px;}
.list_type0 dl dt {font-size:24px; font-weight:600; line-height:1.2; color:#212121;}
.list_type0 dl dd {padding-top:10px; font-size:18px; line-height:1.8; color:#424242;}

.list_type1 {}
.list_type1 .img {}
.list_type1 .img img {width:100%;}
.list_type1 dl {padding-top:14px;}
.list_type1 dl dt {font-size:18px; font-weight:600; line-height:1.8; color:#212121;}

.list_type2 {position:relative;}
.list_type2:after {position:Absolute; top:0; left:0; width:100%; height:100%; background:#00000033; content:'';}
.list_type2:hover:after {opacity:0;}
.list_type2 .img {}
.list_type2 .img img {width:100%;}
.list_type2 .txt {position:Absolute; top:50%; left:0; width:100%; transform:translateY(-50%); text-align:center; font-size:24px; line-height:1.2; color:#fff; font-weight:600; z-index:1;}


.list_type3 {display:grid; grid-template-columns:1fr 1fr; align-items:center; padding-bottom:150px;}
.list_type3 .txt_box {padding:80px;}
.list_type3 .txt_box dl {}
.list_type3 .txt_box dl.type0 {width:540px;}
.list_type3 .txt_box dl dt {padding-bottom:30px; font-size:40px; font-weight:700; line-height:1.2; word-break:keep-all;}
.list_type3 .txt_box dl dd {padding-bottom:16px; font-size:18px; font-weight:350; line-height:1.8; word-break:keep-all;}
.list_type3 .img_box {}
.list_type3 .img_box .img {}
.list_type3 .img_box .img img {width:100%;}

.list_type4 {position:relative;}
.list_type4.on:after{position:absolute; top:0; left:0; width:100%; height:100%; border:6px solid #FF7134; content:'';}
.list_type4:before {position:Absolute; top:53px; left:50%; width:100px; height:100px; content:''; background:url('/_image/www/icon/icon_play.png') no-repeat center; background-size:100px auto; transform:translate(-50%, 0);}
.list_type4.on:before {display:none;}
.list_type4 .img {}
.list_type4 .img img {width:100%; }
.list_type4 .img.cover img {width:100%; height:365px; object-fit:cover;}
.list_type4 .img.cover1 img {width:100%; height:206px; object-fit:cover;}
.list_type4 dl {padding:24px;border:1px solid #eee; border-top:0;}
.list_type4 dl dt {padding-bottom:10px; font-size:20px; font-weight:500; line-height:1.6; color:#212121;}
.list_type4 dl dt span.import {font-size:20px; font-weight:500; line-height:1.6; color:#FF5A00;}
.list_type4 dl dd {font-size:18px; color:#424242; overflow: hidden; white-space: normal; text-overflow: ellipsis; line-height:1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_type4 dl dd span.import {font-size:18px; line-height:1.8; color:#FF5A00;}
.list_type4.type0 dl {min-height:186px; padding-bottom:0;}

.galleryListing .list_type4:before {display:none;}

/* 에러페이지 */
.error_msg {position:relative; display:table; width:100%; min-height:calc(var(--vh, 1vh) * 100 - 125px);}
.error_msg .img {width:115px; margin:0 auto;}
.error_msg .img img {width:100%; }
.error_msg dl {text-align:center;}
.error_msg dl dt {padding-top:10px; font-size:1.8rem; font-weight:700;}
.error_msg dl dd {padding-top:10px; font-size:1.5rem; font-weight:400;}
.error_msg .error_cont {display:table-cell; padding-bottom:80px; vertical-align:middle;}
.error_msg .btm_btn {position:absolute; bottom:35px; left:0; width:100%; padding:0 20px;}
.error_msg .btm_btn1 {position:absolute; bottom:35px; left:0; width:100%; padding:0 20px;}
.error_msg .btm_btn1 ul {display:table; width:100%;}
.error_msg .btm_btn1 ul li {display:Table-cell; width:65%;}
.error_msg .btm_btn1 ul li:nth-child(1) {width:35%; padding-right:13px;}


/* 타이틀 배너 */
.top_banner_box {position:relative;}
.top_banner_box .img {}
.top_banner_box .img img {width:100%;}
.top_banner_box .tit {position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%);}
.top_banner_box .tit p.sub_txt {font-size:40px; line-height:1.2; font-weight:400; color:#fff;}
.top_banner_box .tit h2 {font-size:48px; line-height:1.2; font-weight:700;  color:#fff;}


/* 타이틀 배너 */
.top_banner_box1 {position:relative;}
.top_banner_box1 .video_box {}
.top_banner_box1 .video_box video{width:100%;}
.top_banner_box1 .tit {position:absolute; top:40%; left:0; width:100%; text-align:center; transform:translateY(-50%);}
.top_banner_box1 .logo2 {padding-bottom:20px;}
.top_banner_box1 .tit p {padding-bottom:10px; font-size:18px; line-height:1.8; font-weight:350; color:#fff;}
.top_banner_box1 .tit h2 {padding:40px 0 30px 0;font-size:48px; line-height:1.2; font-weight:700;  color:#fff;}


/* 네비게이터 */
.navi_g {border-bottom:1px solid #eee; margin-bottom:150px;}
.navi_g .navi_box {width:100%; max-width:1560px; margin:0 auto; padding:20px 20px;}
.navi_g .navi_box ul {display:flex; }
.navi_g .navi_box ul li {position:relative; padding-right:46px;}
.navi_g .navi_box ul li:after {position:absolute; top:4px; right:16px; width:14px; height:14px; background:url('/_image/www/icon/icon_arrow_right.png') no-repeat center; background-size:14px auto; content:'';}
.navi_g .navi_box ul li span {font-size:16px; font-weight:400; line-height:1.2; color:#757575;}
.navi_g .navi_box ul li span > div {display:inline-block; margin-left:5px; font-size:16px; font-weight:400; line-height:1.2; color:#757575;}
.navi_g .navi_box ul li span.home{display:inline-block; width:16px; height:16px; margin-top:2px; background:url('/_image/www/icon/icon_home.png') no-repeat center; background-size:16px auto; font-size:0; vertical-align:top;}
.navi_g .navi_box ul li:last-child span {font-size:16px; font-weight:500; color:#616161;}
.navi_g .navi_box ul li:last-child:after {display:none;}
/* txt */
.cont_txt { text-align:center;}
.cont_txt p {padding-bottom:10px; font-size:18px; font-weight:350; line-height:1.8; color:#424242;}
.cont_txt .big_txt {padding-bottom:30px; font-size:40px; font-weight:700; line-height:1.5;  color:#212121;}
.cont_txt.wh p {color:#fff;}

.cont_txt0 { text-align:center;}
.cont_txt0 p {padding-bottom:10px; font-size:18px; font-weight:350; line-height:1.8; color:#424242;}
.cont_txt0 .big_txt {padding-bottom:30px; font-size:44px; font-weight:400;  line-height:1.5; color:#212121;}
.cont_txt0 .big_txt strong {font-size:44px; font-weight:700;  line-height:1.5;}

.cont_img {padding-top:50px;}
.cont_img img {width:100%;}

.pb100 {padding-bottom:100px;}

.cont_txt1 {text-align:center;}
.cont_txt1 p {padding-bottom:10px; font-size:18px; font-weight:350; line-height:1.8; color:#424242;}
.cont_txt1 p:last-child {padding-bottom:0;}
.cont_txt1 .big_txt {padding:150px 0 30px 0; font-size:40px; font-weight:700; line-height:1.5; color:#212121;}
.cont_txt1 p.mid_txt {font-size:24px; line-height:1.2; font-weight:600;}

/* 탭메뉴 */
.tab_box0 {}
.tab_box0 ul {font-size:0;}
.tab_box0 ul li {display:inline-block; padding-right:20px;}
.tab_box0 ul li a {display:inline-block; padding:0 40px; font-size:18px; line-height:60px; border:1px solid #BDBDBD; font-weight:500; color:#202020;}
.tab_box0 ul li.on a {color:#FF5A00; border-color:#FF5A00;}
.tab_box0 ul li:hover a {color:#FF5A00; border-color:#FF5A00;}

.tab_box1 {}
.tab_box1 ul {display:table; width:100%; table-layout:fixed;}
.tab_box1 ul li {position:relative; display:table-cell; }
.tab_box1 ul li:after {position:Absolute; top:0; right:0; width:1px; height:100%; background:#fff; content:'';}
.tab_box1 ul li a {display:block; line-height:60px; font-size:18px; background:#F5F5F5; text-align:center; font-weight:350;}
.tab_box1 ul li:hover a {background:#424242; color:#fff; font-weight:600;}
.tab_box1 ul li.on a {background:#424242; color:#fff; font-weight:600;}

/* 테이블 */
.table_style0 {}
.table_style0 th {padding:30px 0; font-size:18px; font-weight:500; border-top:2px solid #000; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:Center;}
.table_style0 th:last-child {border-right:0;}
.table_style0 td {padding:30px 0; font-size:18px; font-weight:350; text-align:Center; border-right:1px solid #eee; border-bottom:1px solid #eee; vertical-align:middle;}
.table_style0 td:last-child {border-right:0;}

.table_style1 {}
.table_style1 thead {}
.table_style1 thead th {padding:34px 0; font-size:18px; line-height:1.2; font-weight:500; text-align:center; vertical-align:middle; border-top:1px solid #212121;border-bottom: 1px solid #eee}
.table_style1 tbody td {padding:34px 0; font-size:18px; line-height:1.2; border-bottom: 1px solid #eee; text-align:Center; color:#757575; vertical-align:middle;}
.table_style1 tbody td:first-child {font-size:16px; font-weight:400;}
.table_style1 tbody td a {font-size:18px; line-height:1.2; color:#212121; font-weight:350;}
.table_style1 tbody td a span.import {font-size:18px; font-weight:700; line-height:1.2; color:#212121; color:#FF5A00;}
.table_style1 tbody td .notice {display:inline-block; padding:0 14px; line-height:31px; background:#17B800; font-size:16px; color:#fff; border-radius:30px;}
.table_style1 tbody td.left {text-align:left;}

/* 테이블 */
.table_style2 {}
.table_style2 th {padding:30px 0; font-size:18px; font-weight:500; border-top:2px solid #000; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:Center;}
.table_style2 th:last-child {border-right:0;}
.table_style2 td {padding:30px 0; font-size:18px; font-weight:350; text-align:Center; border-right:1px solid #eee; border-bottom:1px solid #eee; vertical-align:middle;}
.table_style2 td:last-child {border-right:0;}
.table_style2 td.last {border-right:1px solid #eee;}

/* swiper 이미지 */
.swiper_img_box {position:relative;}
.swiper_img_box .txt_box {position:relative; padding:0 0 30px 0;}
.swiper_img_box .txt_box p {font-size:18px; line-height:1.8; font-weight:350;}
.swiper_img_box .txt_box .right_btn {position:absolute; top:0; right:0; z-index:10;}
.swiper_img_box .swiper_img_css .swiper-slide {}
.swiper_img_box .swiper_img_css .swiper-slide img {width:100%;}
.swiper_img_box .swiper_thumbs_css {position:Absolute; bottom:40px; left:50%; transform:translateX(-50%);}
.swiper_img_box .swiper_thumbs_css .swiper-slide {width:100px;}
.swiper_img_box .swiper_thumbs_css .swiper-slide img {width:100%;}
.swiper_img_box .swiper_thumbs_css .swiper-slide {background:#fff; cursor:pointer;}
.swiper_img_box .swiper_thumbs_css .swiper-slide img {opacity:0.6; }
.swiper_img_box .swiper_thumbs_css .swiper-slide-thumb-active {}
.swiper_img_box .swiper_thumbs_css .swiper-slide-thumb-active img {opacity:1; border:1px solid #fff;}
.swiper_img_box .swiper-button-next,
.swiper_img_box .swiper-button-prev {color:#fff; font-weight:300;}


/* layout */
#content {min-width:1660px; min-height:calc(100dvh - 400px);}

/* header */
.header {position:sticky; top:0; z-index:100; width:100%; height:100px;  background:#fff;}
.header .header_box {position:relative; border-bottom:1px solid #eee;}
.header .hd_box {position:relative; margin:0 auto; text-align:Center;}
.header .hd_box .left_box {position:Absolute; top:0; left:0; padding:23px 0 23px 60px;}
.header .hd_box .left_box h1 {}
.header .hd_box .left_box h1 a {display:inline-block; width:140px; height:54px; background:url('/_image/www/logo/logo.png') no-repeat center; background-size:140px auto; font-size:0; vertical-align:middle;}

.header .hd_box .mid_box {position:relative; display:inline-block; height:100px; text-align:center; z-index:100;}
.header .hd_box .mid_box .hd_menu_box > ul {position:relative;display:flex; width:100%; justify-content: center; z-index:10;}
.header .hd_box .mid_box .hd_menu_box > ul > li {}
.header .hd_box .mid_box .hd_menu_box > ul > li > a {display:inline-block; width:195px; padding:39px 0; font-size:18px; line-height:1.2; font-weight:400;}
.header .hd_box .mid_box .hd_menu_box > ul > li > a div {display:inline-block; margin-left:5px; font-size:18px; line-height:1.2; font-weight:400;}
.header .hd_box .mid_box .hd_menu_box > ul > li:hover a {color:#FF5A00; font-weight:500;}
.header .hd_box .mid_box .hd_menu_box > ul > li:hover a div {color:#FF5A00; font-weight:500;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box {display:none; position:absolute; top:100px; left:0; width:100%; z-index:100;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu {display:inline-block; width:100%; text-align:left;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu .box {width:100%; display:flex; padding:26px 0;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu ul {padding-right:58px;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu ul:last-child {padding-right:0;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu ul li {padding-bottom:20px; text-align:left;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu ul li a {display:inline-block; font-size:16px; line-height:1.2; font-weight:400;  color:#757575; text-align:left;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu ul li a:hover {color:#424242;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu ul li:first-child {padding-bottom:24px;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu ul li:first-child a:hover {color:#17B800;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu ul li:last-child {padding-bottom:0;}
.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box .hd_submenu ul li:first-child a {color:#424242;}
.header .header_box .hd_menu_bg {position:absolute; top:99px; left:0; width:100%; height:auto; background:#fff; border-top:1px solid transparent; border-bottom:1px solid transparent; opacity:0;  box-sizing:content-box; z-index:10;}

.header .hd_box .mid_box .hd_menu_box > ul > li .hd_sub_box {}
.header .hd_box .mid_box .hd_menu_box > ul > li:nth-child(1) .hd_sub_box {padding-left:65px;}
.header .hd_box .mid_box .hd_menu_box > ul > li:nth-child(2) .hd_sub_box {padding-left:calc(195px * 1 + 65px);}
.header .hd_box .mid_box .hd_menu_box > ul > li:nth-child(3) .hd_sub_box {padding-left:calc(195px * 2 + 65px);}
.header .hd_box .mid_box .hd_menu_box > ul > li:nth-child(3) .hd_sub_box .box ul li {white-space:nowrap;}
.header .hd_box .mid_box .hd_menu_box > ul > li:nth-child(4) .hd_sub_box {padding-left:calc(195px * 3 + 65px);}
.header .hd_box .mid_box .hd_menu_box > ul > li:nth-child(5) {}
.header .hd_box .mid_box .hd_menu_box > ul > li:nth-child(5) .hd_sub_box {text-align:right; padding-right:65px;}
.header .hd_box .mid_box .hd_menu_box > ul > li:nth-child(5) .hd_sub_box .hd_submenu {width:auto; text-align:right;}
.header .hd_box .right_box {position:absolute; top:0; right:0;}

.header .hd_box .right_box .right_sub {display:flex; padding:22px 60px 0 0;}
.header .hd_box .right_box .right_sub .hd_lang {padding-right:52px;}
.header .hd_box .right_box .right_sub .hd_lang ul {display:flex;}
.header .hd_box .right_box .right_sub .hd_lang ul li {position:relative; padding:0 20px;}
.header .hd_box .right_box .right_sub .hd_lang ul li:after {position:absolute; top:4px; left:0; width:1px; height:14px; background:#9E9E9E; content:'';}
.header .hd_box .right_box .right_sub .hd_lang ul li:first-child:after {display:none;}
.header .hd_box .right_box .right_sub .hd_lang ul li a {font-size:16px; color:#757575;}
.header .hd_box .right_box .right_sub .hd_lang ul li.on a {color:#424242;}
.header .hd_box .right_box .right_sub .hd_full_menu {padding-top:17px;}
.header .hd_box .right_box .right_sub .hd_full_menu a {display:inline-block; width:22px; height:22px; background:url('/_image/www/icon/icon_menu.png') no-repeat center; background-size:22px auto; font-size:0; vertical-align:top;}

/* 구글번역 */
.goog-te-gadget {font-size:0 !important;}
.goog-te-gadget > span {display:none;}
select.goog-te-combo {max-width:140px; min-width:100px; height:46px; padding:0 48px 0 14px; font-size:16px; line-height:46px; font-weight:350; border:1px solid transparent; -webkit-appearance: none; background:url('/_image/www/icon/icon_arrow_btm2.png') no-repeat; background-position:calc(100% - 20px) center; background-size:10px auto; color:#424242;}
select.goog-te-combo option {color:#424242;}


/* footer */
.footer {background:#333; }
.footer .ft_info1 {display:flex; justify-content:center; gap:71px; background:#FF7134;}
.footer .ft_info1 dl {position:relative; display:flex; gap:10px;}
.footer .ft_info1 dl:after {position:absolute; top:22px; left:-35px; width:1px; height:14px; background:#fff; content:'';}
.footer .ft_info1 dl:first-child:after {display:none;}
.footer .ft_info1 dl dt {font-size:18px; line-height:1.2; color:#fff; line-height:58px;}
.footer .ft_info1 dl.ft_tel dt {padding-left:57px; background:url('/_image/www/icon/ft_call.png') no-repeat left center; background-size:22px auto;}
.footer .ft_info1 dl dd {color:#fff; font-weight:500; font-size:18px; color:#fff; line-height:58px;}
.footer .footer_box {position:relative; font-size:0; padding:80px 60px;}
.footer .footer_box .ft_info {display:flex; gap:44px; padding-bottom:22px;}
.footer .footer_box .ft_info dl {display:flex; gap:12px;}
.footer .footer_box .ft_info dl dt {font-size:16px; color:#9E9E9E; font-weight:400;}
.footer .footer_box .ft_info dl dd {font-size:16px; color:#E0E0E0;}
.footer .footer_box .ft_info dl dd a {font-size:16px; color:#E0E0E0;}
.footer .footer_box .ft_copy {padding-top:38px;}
.footer .footer_box .ft_copy p {color:#757575; font-size:16px;}
.footer .footer_box .ft_logo {position:absolute; top:115px; right:60px;}
.footer .footer_box .ft_logo a {display:inline-block; width:155px; height:60px; background:url('/_image/www/logo/ft_logo.png') no-repeat; background-size:155px auto; font-size:0;  vertical-align:top;}


/* 메인 */
.mainIndex .header {position:fixed; top:0; left:0; width:100%; min-width:1620px; background:transparent;}
.mainIndex .header .header_box {border:0;}
/* .mainIndex .header .hd_box .left_box h1 a {background:url('/_image/www/logo/logo_wh2.png') no-repeat center; background-size:140px auto;} */
.mainIndex .header .hd_box .mid_box {display:none;}
.mainIndex .header .hd_box .right_box .right_sub .hd_lang ul li a {color:#E0E0E0;}
.mainIndex .header .hd_box .right_box .right_sub .hd_lang ul li.on a {color:#fff;}
.mainIndex .header .hd_box .right_box .right_sub .hd_full_menu a {background:url('/_image/www/icon/icon_menu_wh.png') no-repeat center; background-size:22px auto;}
.mainIndex .header .hd_box .right_box .right_sub .hd_lang ul li:after {background:#fff;}

.fullpage_box {}
.fullpage_box .section0 {position:relative; overflow:hidden; }
.fullpage_box .section0 .video_box {overflow:hidden;}
.fullpage_box .section0 .video_box .video {position:relative; min-width:1620px; height:100dvh;}
.fullpage_box .section0 .video_box .video video {position:absolute; top:50%; left:50%; width:160%; height:160%; transform:translate(-50%, -50%);}
.fullpage_box .section0 .main_logo {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:-60px; opacity:0; z-index:10;}
.fullpage_box .section0 .main_logo .logo {display:inline-block; width:410px; height:160px; background:url('/_image/www/logo/main_logo.png') no-repeat center; background-size:410px auto; font-size:0; vertical-align:top; }
.fullpage_box .section0 .mouse_motion {position:absolute; bottom:7%; left:50%; width:32px; transform:translateX(-50%); text-align:center;}
.fullpage_box .section0 .mouse_motion .i_mouse {display:inline-block; width:32px; height:52px; background:url('/_image/www/icon/icon_mouse.png') no-repeat center; background-size:32px auto;}
.fullpage_box .section0 .mouse_motion .i_arrow {display:inline-block; width:18px; height:40px;margin-top:10px; background:url('/_image/www/icon/icon_mouse_arrow.png') no-repeat top; background-size:18px auto;  animation-duration: .5s; animation-name: arrow_move; animation-iteration-count: infinite; animation-direction: alternate;}
@keyframes arrow_move {
  from {background-position:center 0;}
  to {background-position:center 10px;}
}
.fullpage_box .section1 {}
.fullpage_box .bg_box {position:relative; width:100%; height:100dvh;}
.fullpage_box .bg_box .logo_img {width:302px; margin:0 auto; opacity:0;}
.fullpage_box .bg_box .logo_img img {width:100%;}
.fullpage_box .bg_box .main_txt_box {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); z-index:10;}
.fullpage_box .bg_box .main_txt_box dl {text-align:Center; padding-bottom:60px;}
.fullpage_box .bg_box .main_txt_box dl dt {font-size:80px; font-weight:800; line-height:1.4; color:#fff; opacity:0;}
.fullpage_box .bg_box .main_txt_box dl dt span {display:block; font-size:60px; font-weight:400; line-height:1.4; color:#fff;}
.fullpage_box .bg_box .main_txt_box dl dd {padding-top:40px; font-size:18px; line-height:1.8; font-weight:400; color:#fff; margin-top:70px; opacity:0;}
.fullpage_box .bg_box .btn_box {text-align:center;   opacity:0;}
.fullpage_box .section1 .bg_box { background:url('/_image/www/main/main_img0.jpg?v=1') no-repeat; background-size:cover;}
.fullpage_box .section2 .bg_box { background:url('/_image/www/main/main_img1.jpg?v=1') no-repeat; background-size:cover;}
.fullpage_box .section3 .bg_box { background:url('/_image/www/main/main_img2.jpg?v=1') no-repeat; background-size:cover;}
.fullpage_box .section4 .bg_box { background:url('/_image/www/main/main_img3.jpg?v=1') no-repeat; background-size:cover;}
.fullpage_box .section5 .bg_box { background:url('/_image/www/main/main_img4.jpg?v=1') no-repeat; background-size:cover;}
.fullpage_box .section6 .bg_box { background:url('/_image/www/main/main_img5.jpg?v=1') no-repeat; background-size:cover;}
.fullpage_box .section7 .bg_box {/*  background:url('/_image/www/main/main_img6.jpg') no-repeat; background-size:cover; */}
.fullpage_box .section7 .swiper-slide {width:100%; height:100dvh;}
.fullpage_box .section7 .swiper-slide img {width:100%; height:100dvh; object-fit:cover;}
.fullpage_box .section.active .bg_box .main_txt_box dl dt {margin-top:0px; opacity:1;}
.fullpage_box .section.active .bg_box .main_txt_box dl dd {margin-top:0px; opacity:1;}
.fullpage_box .section.active .bg_box .btn_box {margin-top:0px; opacity:1;}

.fullpage_box .bg_box .main_txt_box dl dt,
.fullpage_box .bg_box .main_txt_box dl dd{ transition: all .9s ease-in-out; transition-delay: 0.5s;}
.fullpage_box .bg_box .btn_box {transition: all .9s ease-in-out; transition-delay: 1.1s;}
.fullpage_box .bg_box .logo_img {transition: all .9s ease-in-out;}
.fullpage_box .section.active .bg_box .logo_img {margin-top:0; opacity:1;}
.fullpage_box .section0 .main_logo{transition: all .9s ease-in-out; transition-delay: 0.1s;}
.fullpage_box .section0.active .main_logo {margin-top:0; opacity:1;}

.main_video_swiper .swiper-pagination {bottom:20%;}
.main_video_swiper .swiper-pagination-bullet {width:10px; height:10px; margin:4px 10px !important; background:#fff; border:none; border-radius:120px; opacity:1; box-sizing:content-box;}
.main_video_swiper .swiper-pagination-bullet-active {background:transparent; border:2px solid #fff; margin:2px 10px !important;}

#fp-nav.right {right:48px !important;}
#fp-nav.hide {opacity:0;}
#fp-nav ul li, .fp-slidesNav ul li {margin:22px 0 !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {background:transparent !important; width:12px !important; height:12px !important; margin:-6px 0 0 -6px !important; border:1px solid #fff !important;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {background:#fff !important;}

#fp-nav ul {padding:13px 14px !important; box-shadow: 2px 2px 10px 0px #30303026; border-radius:20px; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
#fp-nav ul li {width:auto !important; height:auto !important;}
#fp-nav ul li a span {display:none;}
#fp-nav ul li a {display:inline-block; }
#fp-nav ul li a:after {font-size:16px; line-height:1.2; font-weight:400; color: #FFFFFF80;}
#fp-nav ul li a.active:after {font-weight:700; color:#fff;}
#fp-nav ul li:nth-child(1) a:after{content:'01';}
#fp-nav ul li:nth-child(2) a:after{content:'02';}
#fp-nav ul li:nth-child(3) a:after{content:'03';}
#fp-nav ul li:nth-child(4) a:after{content:'04';}
#fp-nav ul li:nth-child(5) a:after{content:'05';}
#fp-nav ul li:nth-child(6) a:after{content:'06';}
#fp-nav ul li:nth-child(7) a:after{content:'07';}
#fp-nav ul li:nth-child(8) a:after{content:'08';}
#fp-nav ul li:nth-child(9) {display:none;}
#fp-nav ul li:nth-child(9) a:after{content:'09';}
#fp-nav ul li:nth-child(10) a:after{content:'10';}


/*세화이야기*/
.shawa {}
.shawa .section0 {overflow:hidden; padding-bottom:150px;}
.shawa_swiper {max-width:1520px; margin:0 auto; padding-top:120px; overflow:unset;}
.shawa_swiper .swiper-slide {width:400px; margin-right:10px;}
.shawa_swiper .box {}
.shawa_swiper .box .s_date {position:relative; padding-bottom:60px; font-size:20px; font-weight:600; line-height:1.2;}
.shawa_swiper .box .s_date:after {position:absolute; bottom:35px; left:0; width:100%; height:1px; background:#636363; content:'';}
.shawa_swiper .box .s_date:before {position:Absolute; bottom:32px; left:0; width:8px; height:8px; border-radius:50%; background:#636363; content:'';}
.shawa_swiper .box .img {width:300px;}
.shawa_swiper .box .img img {width:100%;}
.shawa_swiper .box dl {padding-top:24px;}
.shawa_swiper .box dl dt {font-size:18px; font-weight:600; color:#202020;}
.shawa_swiper .box dl dd {padding-top:6px; font-size:14px; color:#757575; font-weight:350;}

.shawa .section_box {position:relative;}
.shawa .swiper_tab_box {position:Absolute; top:145px; left:calc(50% + 390px);}
.shawa .swiper_tab_box ul {display:flex; gap:20px;}
.shawa .swiper_tab_box ul li {}
.shawa .swiper_tab_box ul li a {display:inline-block; min-width:110px; font-size:18px; line-height:60px; text-align:center; background:#fff; color:#424242;}
.shawa .swiper_tab_box ul li.on a {background:#FF5A00; color:#fff;}
.shawa .s_swiper_box {}
.shawa .s_swiper_box > .tit {position:relative; max-width:1520px; margin:0 auto; padding:145px 0 30px 0; font-size:40px; font-weight:700; color:#212121;}
.shawa .s_swiper_box.swiper_img0 > .tit:after {position:Absolute; top:175px; left:558px; width:562px; height:1px; background:#000; content:'';}
.shawa .s_swiper_box.swiper_img1 > .tit:after {position:Absolute; top:175px; left:472px; width:648px; height:1px; background:#000; content:'';}
.shawa .s_swiper_box.swiper_img2 > .tit:after {position:Absolute; top:175px; left:582px; width:538px; height:1px; background:#000; content:'';}

.shawa .s_swiper_box.swiper_img0 {min-height:1080px; background:url('/_image/www/we/we_img6.jpg') no-repeat center; background-size:cover;}
.shawa .s_swiper_box.swiper_img1 {display:none; min-height:1080px; background:url('/_image/www/we/we_img12.jpg') no-repeat center; background-size:cover;}
.shawa .s_swiper_box.swiper_img2 {display:none; min-height:1080px; background:url('/_image/www/we/we_img15.jpg') no-repeat center; background-size:cover;}
.shawa .s_swiper_box .shawa_swiper1 {max-width:1520px; margin:0 auto; }
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide {background:#fff;}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box {display:grid; grid-template-columns:1fr 1fr;}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box .left_box {}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box .left_box .img {}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box .left_box .img img {width:100%;}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box .right_box {padding:80px 80px 60px 80px;}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box .right_box .s_tit {padding-bottom:30px; font-size:26px; font-weight:700;}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box .right_box .sub_box {}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box .right_box .sub_box p {padding-bottom:10px; font-size:16px; font-weight:350;line-height:32px; color:#424242; letter-spacing:-0.3px;}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box .right_box .sub_box p span {font-family:'Soonbatang'; font-size:16px; font-weight:350; line-height:32px;}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box .right_box .sub_box p.sub_txt0 {font-family:'Soonbatang'; font-weight:300; line-height:1.8;}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box .right_box .sub_box p.sub_txt1 {line-height:34px;}
.shawa .s_swiper_box .shawa_swiper1 .swiper-slide .box .right_box .btn_box {padding-top:20px;}
.shawa .s_swiper_box .shawa_swiper1 .swiper_btn {position:Absolute; top:74px; right:74px;}
.shawa .s_swiper_box .shawa_swiper1 .swiper_btn .swiper_btn_box {position:relative;width:128px;}
.shawa .s_swiper_box .swiper-button-next,
.shawa .s_swiper_box .swiper-button-prev {top:2px; margin-top:0;}
.shawa .s_swiper_box .swiper-button-next:after, 
.shawa .s_swiper_box .swiper-button-prev:after {font-size:18px; color:#9E9E9E; font-weight:700;}
.shawa .s_swiper_box .swiper-pagination-fraction {top:0; font-size:22px; line-height:44px; font-weight:400; color:#757575; font-family:'Noto Sans KR';}
.shawa .s_swiper_box .swiper-pagination-fraction span {font-size:22px; line-height:44px; font-weight:400; color:#757575; font-family:'Noto Sans KR';}
.shawa .s_swiper_box .swiper-pagination-fraction span.swiper-pagination-current {font-weight:700; color:#424242;}

/* 질그랭이거점센터 */
.jilgrain {}
.jilgrain .section0 {max-width:1520px; margin:0 auto 50px auto;}
.jilgrain .section1 {max-width:1520px; margin:0 auto;}
.jilgrain .section2 {max-width:1520px; margin:150px auto;}
.jilgrain .section3 {max-width:1520px; margin:0 auto 150px auto;}
.jilgrain .section3 .img {position:relative;}
.jilgrain .section3 .img img {width:100%;}
.jilgrain .section3 .img .cont_txt {position:absolute; top:80px; left:0; width:100%;}
.jilgrain .img_bg_banner {padding:60px 100px; background:url('/_image/www/we/we_img21.jpg') no-repeat center; background-size:cover;}
.jilgrain .img_bg_banner p {padding-bottom:20px; font-size:40px; font-weight:300; line-height:1.6; color:#212121; font-family:'Soonbatang';}
.jilgrain .img_bg_banner p.sub_txt {padding-bottom:0; font-size:18px; line-height:1.8; font-weight:350;  font-family:'Noto Sans KR'; color:#424242;}
.jilgrain .img_bg_banner p.sub_txt strong{font-size:18px; line-height:1.8; font-weight:600; font-family:'Noto Sans KR'; color:#424242;}
.jilgrain .img_bg_banner.type0 {background:url('/_image/www/we/we_img22.jpg') no-repeat center; background-size:cover;}
.jilgrain .img_bg_banner.type0 p {text-align:right;}

/* 대관안내 */
.jilgrain_rental .section0 {max-width:1520px; margin:0 auto 120px auto;}
.jilgrain_rental .section1 {max-width:1520px; margin:0 auto 120px auto;}
.jilgrain_rental .section2 {max-width:1520px; margin:0 auto 120px auto;}

.jilgrain_rental .section2 {}
.jilgrain_rental .section2 .tab_box0 {padding:30px 0;}

.tit_box0 {position:relative;}
.tit_box0 .big_tit {padding-bottom:30px; font-size:40px; font-weight:700; line-height:1.2;}
.tit_box0 .right_box {position:Absolute; top:30px; right:0;}
.tit_box0 .right_box p {font-size:16px; line-height:1.2; font-weight:350;}
.tit_box0 .s_txt {font-size:18px; font-weight:350; line-height:1.8; color:#424242;}
.tit_box0 .s_txt strong {font-size:18px; font-weight:350; line-height:1.8; font-weight:500; color:#424242;}
.tit_box0.line .big_tit {border-bottom:1px solid #000;}

.arrow_box {padding-top:30px;}
.arrow_box ul {display:flex; gap:80px;}
.arrow_box ul li {position:relative; width:33.3%;text-align:Center;}
.arrow_box ul li:after {position:absolute; top:50%; right:-60px; width:40px; height:40px; background:url('/_image/www/icon/icon_arrow_right1.png') no-repeat center; background-size:40px auto; content:''; transform:translateY(-50%);}
.arrow_box ul li:last-child:after {display:none;}
.arrow_box ul li .box {display:flex; width:100%; align-items:center; border:1px solid #E0E0E0; min-height:240px;}
.arrow_box ul li .box > div {width:100%;}
.arrow_box ul li .box dl {}
.arrow_box ul li .box dl dt {font-size:20px; font-weight:600; color:#212121;}
.arrow_box ul li .box dl dd {padding:20px 0; font-size:16px; line-height:1.8; color:#424242;}

/* 카페 477 */
.jilgrainCafe477 {}
.jilgrainCafe477 .section0 {max-width:1520px; margin:0 auto;}
.jilgrainCafe477 .section1 {max-width:1520px; margin:120px auto;}
.jilgrainCafe477 .section2 {max-width:1520px; margin:30px auto 0 auto;}
.jilgrainCafe477 .slide_box {}
.jilgrainCafe477 .slide_box .swiper-slide {}
.jilgrainCafe477 .slide_box .swiper-slide img  {width:100%;}

/* 워케이션 센터 */
.workcation .section0 {max-width:1520px; margin:0 auto;}
.workcation .section1 {max-width:1520px; margin:30px auto 120px auto;}
.workcation .section1 .youtube_box {position:relative; width:100%; padding-bottom:56.3%;}
.workcation .section1 .youtube_box iframe {position:Absolute; top:0; left:0; width:100%; height:100%;}

/* 워케이션 센터 대관 안내 */
.workcationRental {}
.workcationRental .section0 {max-width:1520px; margin:0 auto;}
.workcationRental .section1 {max-width:1520px; margin:120px auto;}
.workcationRental .section2 {max-width:1520px; margin:120px auto;}
.workcationRental .section2 .txt_box {padding-top:30px;}

/* 페이지 준비 */
.page_ready {text-align:center; padding-bottom:150px;}
.page_ready div {padding:118px 0;}
.page_ready div p {padding-top:145px; font-size:24px; font-weight:600; line-height:1.2; background:url('/_image/www/icon/icon_ready.png') no-repeat center top; background-size:210px auto;}


.no_data {text-align:center; padding-bottom:150px;}
.no_data div {padding:118px 0;}
.no_data div p {padding-top:125px; font-size:24px; font-weight:600; line-height:1.2; background:url('/_image/www/icon/icon_nodata.png') no-repeat center top; background-size:90px auto;}



/* 오시는 길 */
.location .section0 {max-width:1520px; margin:0 auto 120px auto;}
.location .section0 .map_box {padding-top:30px;}
.location .section0 .map_box div.root_daum_roughmap {width:100% !important;}
.location .section1 {max-width:1520px; margin:0 auto 120px auto;}

.gray_box {display:grid; grid-template-columns:1fr 1fr; padding:30px 40px; background:#fafafa; border:1px solid #EEEEEE;}
.gray_box dl {display:flex; gap:14px;}
.gray_box dl dt {font-size:18px; line-height:1.2; color:#212121; font-weight:600;}
.gray_box dl dd {font-size:18px; line-height:1.2; color:#424242;}
.gray_box dl dd a {display:inline-block; font-size:18px; color:#757575;}
.gray_box dl dd textarea {position:Absolute; top:0; left:0; z-index:-1;}

.guide_box {border:1px solid #EEEEEE; margin-bottom:30px;}
.guide_box .tit {padding:30px 40px; font-size:24px; font-weight:600; line-height:1.2; color:#212121; background:#FAFAFA;}
.guide_box .box {display:grid; grid-template-columns:1fr 1fr; padding:40px 40px 16px 40px;}
.guide_box .box .s_tit {position:relative; padding-left:22px; margin-bottom:24px; font-size:20px; line-height:1.2; font-weight:600;}
.guide_box .box .s_tit:after {position:Absolute; top:8px; left:0; width:6px; height:6px; background:#424242; border-radius:50%; content:'';}
.guide_box .box dl {padding:0 0 24px 22px;}
.guide_box .box dl dt {position:relative; font-size:18px; line-height:1.2; font-weight:500; color:#424242;}
.guide_box .box dl dt:after {position:Absolute; top:0; left:-12px; content:'-'; font-size:18px; line-height:1.2; color:#424242; }
.guide_box .box dl dd {padding-top:14px; font-size:18px; line-height:1.2; font-weight:350;}
.guide_box .box dl dd span.color0 {font-size:18px; font-weight:500; color:#FF0900;}
.guide_box .box dl dd span.color1 {font-size:18px; font-weight:500; color:#0077FF;}

/* 체험 프로그램 */
.experience {}
.experience .section0 {width:1520px; margin:0 auto;}
.experience .section1 {width:1520px; margin:0 auto 150px auto;}
.ex_img_box {position:relative; margin-top:30px;}
.ex_img_box .img {}
.ex_img_box .img img {width:100%;}
.ex_img_box .txt_box {position:absolute; bottom:0; left:0; width:100%; padding:50px;}
.ex_img_box .txt_box .box {position:relative; padding:26px 40px 40px 40px; background: rgba(255, 255, 255, 0.1);  backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);}

.ex_img_box .txt_box .box dl {display:flex; gap:14px; padding-top:14px;}
.ex_img_box .txt_box .box dl dt {font-size:18px; font-weight:600; color:#fff; line-height:1.2;}
.ex_img_box .txt_box .box dl dd {max-width:800px; font-size:18px; font-weight:350; color:#fff; line-height:1.2;}
.ex_img_box .txt_box .box .right_btn {position:Absolute; top:50%; right:40px; transform:translateY(-50%);}
.ex_img_box .txt_box .box .right_btn ul {display:flex; gap:20px;}
.ex_img_box .txt_box .box .right_btn ul li {}

/* 로컬 푸드 */
.localfood .section0 {max-width:1520px; margin:0 auto;}
.localfood .section1 {max-width:1520px; margin:40px auto 150px auto;}
.localfood .section0 .right_box {top:80px;}

/* 숙박정보 */
.lodgment {}
.lodgment .section0 {max-width:1520px; margin:0 auto 120px auto;}
.lodgment .section0 .swiper_img {padding:30px 0 0 0;}

.lodgment .section1 {max-width:1520px; margin:0 auto 120px auto;}
.lodgment .section2 {max-width:1520px; margin:0 auto 120px auto;}
.lodgment .section3 {max-width:1520px; margin:0 auto 120px auto;}
.lodgment .section4 {max-width:1520px; margin:0 auto 120px auto;}
.lodgment .section5 {max-width:1520px; margin:0 auto 120px auto;}
.lodgment .section5 .table_box {padding-top:30px;}
.lodgment .section5 .table_box p {padding-top:30px; font-size:18px; line-height:1.8; font-weight:350;}

.swiper_img {}
.swiper_img .swiper-slide {}
.swiper_img .swiper-slide img {width:100%;}

.guide_txt {}
.guide_txt ul {}
.guide_txt ul li {position:relative; padding-left:22px; font-size:18px; line-height:1.8; font-weight:350;}
.guide_txt ul li:after {position:Absolute; top:15px; left:5px; width:5px; height:5px; background:#424242; content:''; border-radius:50%;}


/* 숙박정보 상세 */
.lodgmentDetail {}
.lodgmentDetail .section1 {max-width:1520px; margin:0 auto 120px auto;}
.lodgmentDetail .section1 .tab_box1 {display:none; padding-bottom:79px;}
.lodgmentDetail .section1 .tab_box1 ul {}
.lodgmentDetail .section1 .tab_box0 {padding:30px 0;}

/* 가치 가는곶 */
.placeDetail .navi_g {margin-bottom:0;}
.preciousTemp01 .navi_g {margin-bottom:0;}
.precious {max-width:1520px; margin:0 auto 150px auto;} 

.p_map_box {padding-top:150px;}
.p_map_box .tit {padding-bottom:30px; font-size:40px; color:#212121; font-weight:700; text-align:Center;}
.p_map_box .map_img_box {position:relative;}
.p_map_box .map_img_box .img img {width:100%;}
.p_map_box .map_img_box .map_info {position:absolute; bottom:0; left:0; width:100%; display:grid; grid-template-columns:1fr 1fr; padding:30px 40px; background: #2121210D;}
.p_map_box .map_img_box .map_info dl {display:flex;}
.p_map_box .map_img_box .map_info dl dt {padding-right:14px; font-size:18px; font-weight:600; line-height:1.2; color:#212121;}
.p_map_box .map_img_box .map_info dl dd {font-size:18px; font-weight:350; line-height:1.2; color:#424242;}

.gray_box1 {display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:30px; padding:40px; border:1px solid #EEEEEE; background:#fafafa;}
.gray_box1 dl {padding-bottom:30px;}
.gray_box1 dl:last-child {padding-bottom:0;}
.gray_box1 dl dt {padding-bottom:10px; font-size:18px; line-height:1.2; color:#212121; font-weight:600;}
.gray_box1 dl dd {font-size:18px; font-weight:350; color:#424242; line-height:1.8;}

/* 세계 가는곶 */
.world {max-width:1520px; margin:0 auto;}
.world .section0 {padding-bottom:150px;}


/* 세화 소식 */
.board_list_box {max-width:1520px; margin:0 auto 150px auto; }
.board_list_box .top_box {display:flex; justify-content: space-between; align-items:center; padding-bottom:30px;}
.board_list_box .top_box .left_box p {font-size:40px; line-height:1.2; font-weight:700; color:#212121;}
.board_list_box .top_box .left_box p span {font-size:14px; line-height:20px; font-weight:400; color:#111;}
.board_list_box .top_box .right_box {display:flex; align-items:center; gap:14px;}
.board_list_box .top_box .right_box > div {}
.board_list_box .top_box .right_box .btn_box input[type="submit"] {cursor:pointer;}
.board_list .btm_btn {padding-top:30px; text-align:right;}
.board_list .btm_btn a {width:161px;}
.board_list .paging_box {margin-top:100px;}

/* 게시판 상세 */
.board_detail_box {max-width:1520px; margin:0 auto 150px auto;}
.board_detail_box .top_box {position:relative; padding:38px 50px; border-top:1px solid #212121; border-bottom:1px solid #eee;}
.board_detail_box .top_box .left_box {padding-right:400px;}
.board_detail_box .top_box .left_box p {font-size:20px; line-height:1.4; font-weight:600;}
.board_detail_box .top_box .left_box p span.file a {font-size:16px; line-height:1.4; font-weight:600; color:#757575;}
.board_detail_box .top_box .left_box p span.notice {display:inline-block; padding:0 14px; margin-right:10px; line-height:31px; background:#17B800; font-size:16px; color:#fff; border-radius:30px;}
.board_detail_box .top_box .right_box {position:Absolute; top:50%; right:0;width:359px; transform:translateY(-50%);}
.board_detail_box .top_box .right_box ul {display:flex;}
.board_detail_box .top_box .right_box ul li {width:158px; text-align:Center; font-size:18px; line-height:1.2;}
.board_detail_box .top_box .right_box ul li.name {width:158px; color:#212121;}
.board_detail_box .top_box .right_box ul li.date {width:200px; color:#757575;}
.board_detail_box .board_content {padding:60px;}
.board_detail_box .board_content * {font-size:18px; font-weight:350; line-height:1.8;}
.board_detail_box .board_content img {max-width:100%;}
.board_detail_box .navi_box {border-top:1px solid #212121; border-bottom:1px solid #212121;}
.board_detail_box .navi_box ul {}
.board_detail_box .navi_box ul li {}
.board_detail_box .navi_box ul li:last-child {border-top:1px solid #eee;}
.board_detail_box .navi_box ul li .box {display:flex; padding:30px 40px;}
.board_detail_box .navi_box ul li .box > div:nth-child(1) {width:120px; padding-right:40px;}
.board_detail_box .navi_box ul li .box > div:nth-child(1) span {display:inline-block; padding-left:29px; font-size:18px; font-weight:500; color:#424242; background:url('/_image/www/icon/icon_arrow_top1.png') no-repeat left center; background-size:14px auto;}
.board_detail_box .navi_box ul li .box.next > div:nth-child(1) span {background:url('/_image/www/icon/icon_arrow_btm1.png') no-repeat left center; background-size:14px auto;}
.board_detail_box .navi_box ul li .box > div:nth-child(2) {width:calc(100% - 240px);}
.board_detail_box .navi_box ul li .box > div:nth-child(2) a {display:block; font-size:18px; font-weight:350; color:#424242;}
.board_detail_box .navi_box ul li .box > div:nth-child(3) {width:120px; font-size:18px; font-weight:350; color:#424242;}
.board_detail_box .btm_box {padding-top:100px; text-align:Center;}

.board_video_box {display:flex; background:#fafafa; align-items:center; margin-bottom:40px;}
.board_video_box .left_box {width:63%;}
.board_video_box .left_box .youtube_box {position:relative; padding-bottom:56.2%;}
.board_video_box .left_box .youtube_box iframe {position:Absolute; top:0; left:0; width:100%; height:100%;}
.board_video_box .right_box {width:37%; padding:60px;}
.board_video_box .right_box dl {}
.board_video_box .right_box dl dt {font-size:26px; font-weight:700; line-height:1.4;}
.board_video_box .right_box dl dt span.import {font-size:26px; font-weight:700; line-height:1.4; color:#FF5A00;}
.board_video_box .right_box dl dd {padding-top:14px;font-size:18px; line-height:1.8; color:#424242;}
.board_video_box .right_box dl dd span.import{font-size:18px; line-height:1.8; color:#FF5A00;}


.input_cont_box {display:flex; align-items:center; justify-content: center; width:100%; padding:150px 0;  min-height:calc(100dvh - 400px);}
.input_cont_box .box {text-align:center;}
.input_cont_box .box .big_tit {padding-bottom:60px; font-size:40px; font-weight:700; text-align:Center;}
.input_cont_box .box .sub_txt {padding-bottom:60px; font-size:18px; line-height:1.8; font-weight:350;}
.input_cont_box .input_box {padding-bottom:16px;}
.input_cont_box .input_box input {width:420px; line-height:62px;}
.input_cont_box .btn_box {width:420px; margin:0 auto; padding-top:14px;}
.input_cont_box .btn_box .abtn4 {width:100%; line-height:60px;}
.input_cont_box .btn_box2 {text-align:center; padding-top:63px;}
.input_cont_box .btn_box2 ul {display:inline-block;}
.input_cont_box .btn_box2 ul li {position:relative; display:inline-block; padding:0 20px;}
.input_cont_box .btn_box2 ul li:after {position:absolute; top:5px; left:0; width:1px; height:16px; background:#e0e0e0; content:'';}
.input_cont_box .btn_box2 ul li:first-child:after {display:none;}
.input_cont_box .btn_box2 ul li a {font-size:18px; color:#757575;}

.dl_box {}
.dl_box dl {padding:10px 0;}
.dl_box dl dt {padding:5px 0; font-size:18px;}
.dl_box dl dd {font-size:18px; font-weight:700;}

.terms_cont .b_tit {font-size:40px; font-weight:700; line-height:1.2; padding-bottom:60px;}
.terms_cont {font-size:16px; font-weight:350; line-height:1.6; max-width:1520px; margin:120px auto;}

.terms {max-width:1520px; margin:150px auto;}
.terms .big_tit p {padding-bottom:0px; font-size:40px; font-weight:700; text-align:Center;}
.terms .agree_box {}
.terms .agree_box .box {padding:60px 0; border-top:1px solid #eee;}
.terms .agree_box .box:first-child {border:0;}
.terms .agree_box .s_tit {padding-bottom:30px; font-size:24px; font-weight:600; color:#212121;}
.terms .agree_box .iframe_box {border:1px solid #E0E0E0; padding:20px; padding-right:0;}
.terms .agree_box .iframe_box iframe {width:100%; height:382px;}
.terms .agree_box .check_box {margin-top:30px;}
.terms .agree_box .btn_box {text-align:Center;}
.terms .agree_box .btn_box .abtn4 {width:200px; line-height:60px;}


.signup {max-width:1520px; margin:0 auto; padding:150px 0;}
.signup .b_tit {padding-bottom:80px;font-size:40px; font-weight:700; line-height:1.2; text-align:Center;}
.signup .s_txt {display:block; padding-bottom:20px; text-align:right; font-size:16px; line-height:1.8; color:#424242;}
.signup .s_txt span {display:inline-block; width:15px; height:29px; background:url('/_image/www/icon/icon_star.png') no-repeat center; background-size:12px auto; font-size:0; vertical-align:top;}
.signup .signup_box {border-top:1px solid #212121;}
.signup .signup_box dl {display:table; width:100%;}
.signup .signup_box dl dt {display:table-cell; width:300px; padding:32px 30px; background:#FAFAFA; vertical-align:middle; border-bottom:1px solid #E0E0E0;}
.signup .signup_box dl dt label {display:inline-block; padding-right:20px; font-size:18px; font-weight:500; color:#212121; background:url('/_image/www/icon/icon_star.png') no-repeat; background-position:right center; background-size:12px auto;}
.signup .signup_box dl dd {display:table-cell; width:calc(100% - 300px); padding:20px 30px; vertical-align:middle; border-bottom:1px solid #E0E0E0;} 
.signup .signup_box dl dd .input_box {display:inline-block; position:relative; }
.signup .signup_box dl dd .input_box .right_box {position:Absolute; top:0; right:-110px;}
.signup .signup_box dl dd .input_box input {width:450px;}
.signup .signup_box dl dd .info_txt {padding-top:10px; font-size:16px; line-height:1.8; font-weight:350; color:#757575;}
.signup .signup_box dl dd .phone_box {}
.signup .signup_box dl dd .phone_box {display:flex; gap:12px;}
.signup .signup_box dl dd .phone_box .input_box input {width:160px;}
.signup .signup_box dl dd .addr_box {}
.signup .signup_box dl dd .addr_box ul {}
.signup .signup_box dl dd .addr_box ul li {padding-bottom:10px;}
.signup .signup_box dl dd .addr_box ul li .input_box input {width:700px}
.signup .signup_box dl dd .addr_box ul li:first-child .input_box input {width:450px;}
.signup .btm_box {padding-top:100px; text-align:center;}
.signup .btm_box .abtn4 {width:200px; line-height:60px;}

.captcha_box {}
.captcha_box .captcha_img {display:flex; gap:12px;}
.captcha_box .captcha_img .img {width:126px;}
.captcha_box .captcha_txt {}
.captcha_box .captcha_txt p {padding-top:10px; font-size:16px; line-height:1.8; font-weight:350; color:#757575;}

/* 풀메뉴  */
.full_menu {position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:auto; background:rgba(0,0,0,0.8); z-index:10;}
.full_menu .full_menu_box {min-width:1520px; margin:0 auto; padding-top:100px; text-align:Center;}
.full_menu .full_menu_box .top_txt {padding-bottom:40px;}
.full_menu .full_menu_box .top_txt p {font-size:22px; font-weight:250; color:#BDBDBD;}
.full_menu .full_menu_box .top_txt p span {font-size:22px; font-weight:250; color:#fff;}
.full_menu .full_menu_box .top_txt p span.font0 {font-family:'Soonbatang';}
.full_menu .full_menu_list {display:flex; gap:120px; justify-content:center; max-width:1288px; margin:0 auto; padding:40px 60px 0 60px; border-top:1px solid #757575;}
.full_menu .full_menu_list dl {text-align:left;}
.full_menu .full_menu_list dl dt {padding-bottom:32px;}
.full_menu .full_menu_list dl dt a {display:inline-block; font-size:20px; font-weight:600; color:#fff; word-break:keep-all;}
.full_menu .full_menu_list dl dt a > div {display:inline-block; font-size:20px; font-weight:600; color:#fff; word-break:keep-all;}
.full_menu .full_menu_list dl dd {padding-bottom:24px;}
.full_menu .full_menu_list dl dd > a {display:inline-block; font-size:18px; font-weight:400; color:#fff; word-break:keep-all;}
.full_menu .full_menu_list dl dd ul {padding-top:20px;}
.full_menu .full_menu_list dl dd ul li {padding-bottom:16px;}
.full_menu .full_menu_list dl dd ul li:last-child {padding-bottom:0;}
.full_menu .full_menu_list dl dd ul li a {display:inline-block; font-size:16px; color:#9E9E9E; word-break:keep-all;}

.f_menu {overflow:hidden;}
.f_menu .header {background:transparent;}
.f_menu .header .header_box {border:0;}
.f_menu .header .hd_box .mid_box {}
.f_menu .header .header_box .hd_menu_bg {border:0;}
.f_menu .header .hd_box .left_box h1 a {background:url('/_image/www/logo/logo_wh.png') no-repeat center; background-size:140px auto;}
.f_menu .header .hd_box .right_box .right_sub .hd_lang ul li a {color:#E0E0E0;}
.f_menu .header .hd_box .right_box .right_sub .hd_lang ul li.on a {color:#fff;}
.f_menu .header .hd_box .right_box .right_sub .hd_full_menu a {background:url('/_image/www/icon/icon_close.png') no-repeat center !important; background-size:22px auto;}


.f_menu select.goog-te-combo {border-color:transparent; color:#fff; background:url('/_image/www/icon/icon_arrow_btm_wh1.png') no-repeat; background-position:calc(100% - 20px) center; background-size:10px auto;}
.mainIndex select.goog-te-combo {border-color:transparent; color:#fff; background:url('/_image/www/icon/icon_arrow_btm_wh1.png') no-repeat; background-position:calc(100% - 20px) center; background-size:10px auto;}

iframe.skiptranslate {}
body {/* top:0 !important; */}


.finish {max-width:1520px; margin:150px auto;}
.finish .fin_box {display:flex; align-items:center; justify-content: center; width:100%; min-height:calc(100dvh - 400px);}
.finish .fin_box .tit {font-size:40px; font-weight:700; color:#212121; text-align:Center;}
.finish .txt_box {width:652px;}
.finish .txt_box p {font-size:18px; line-height:1.8; font-weight:350; text-align:center;}
.finish .btm_box {padding-top:100px; text-align:center;}
.finish .btm_box .abtn4 {width:200px;}
.gray_box2 {margin:50px 0; padding:50px 0; text-align:Center; background:#FAFAFA;}
.gray_box2 p {font-size:24px; font-weight:600; color:#212121;}
.gray_box2 p span {font-size:24px; font-weight:600; color:#FF5A00;}