@charset "utf-8";
@import 'style.css';

/* font */
@font-face {
    font-family:"SCoreDreamLight";
    src: url("../fonts/SCDream3.eot");
    src: url("../fonts/SCDream3.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream3.ttf") format("truetype"),
         url("../fonts/SCDream3.woff") format("woff"),
         url("../fonts/SCDream3.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"SCoreDreamRegular";
    src: url("../fonts/SCDream4.eot");
    src: url("../fonts/SCDream4.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream4.ttf") format("truetype"),
         url("../fonts/SCDream4.woff") format("woff"),
         url("../fonts/SCDream4.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    transform: skew(-0.001deg);
}
@font-face {
    font-family:"SCoreDreamMedium";
    src: url("../fonts/SCDream5.eot");
    src: url("../fonts/SCDream5.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream5.ttf") format("truetype"),
         url("../fonts/SCDream5.woff") format("woff"),
         url("../fonts/SCDream5.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    transform: skew(-0.001deg);
}
@font-face {
    font-family:"SCoreDreamBold";
    src: url("../fonts/SCDream6.eot");
    src: url("../fonts/SCDream6.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream6.ttf") format("truetype"),
         url("../fonts/SCDream6.woff") format("woff"),
         url("../fonts/SCDream6.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; box-sizing:border-box}
html {-webkit-text-size-adjust:none}
body {margin:0; padding:0; font-family:'SCoreDreamRegular','sans-serif'; font-size:13px; color:#000; line-height:1.4; letter-spacing:-0.03em; box-sizing:border-box}
address, em {font-style:normal}
i, em, u, cite {font-style:normal}
strong, b {font-family:'SCoreDreamMedium','sans-serif'; font-weight:normal;}
fieldset, img {border:0; vertical-align:middle}
img {max-width:100%; width:auto}
caption, legend {overflow:hidden; width:0; height:0; font-size:0; line-height:0}
ul,ol,dl,dt,dd,li {list-style:none}
h1, h2, h3, h4, h5, h6 {font-family:'SCoreDreamMedium','sans-serif'; font-weight:normal;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block}
a {color:inherit; text-decoration:none}
input, select, textarea {font-family:'SCoreDreamRegular','sans-serif'; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box; color:#666; font-size:14px; -webkit-box-shadow:none; box-shadow:none; border-radius:0}
input[type=text] { -webkit-appearance: none; -moz-appearance:none; appearance:none; }
button {cursor:pointer; outline:none; overflow:visible; margin:0; padding:0; border:none; background-color:transparent; font-family:'SCoreDreamRegular','sans-serif'; vertical-align:middle}
button::-moz-focus-inner {margin:0;padding:0;border:0}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer; border:0}
figcaption {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
legend {overflow:hidden; width:0; height:0; font-size:0; line-height:0}
textarea { -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:63px; padding:8px; border:1px solid #ccc; font-size:14px; line-height:18px; overflow-y:auto; resize:none; color:#000}
table {width:100%; table-layout:fixed}
table, th, td {border-spacing:0; border-collapse:collapse; word-wrap:break-word}
input {padding:0; margin:0; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:0; font-family:'SCoreDreamRegular', sans-serif; border:1px solid #ccc; color:#000; border:none; -webkit-appearance:none} 
input[type="file"] {display:inline-block; height:38px; border:1px solid #666; line-height:38px; -webkit-box-sizing:border-box; box-sizing:border-box}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0} /* input number reset*/
input[type="text"]::-ms-clear {display:none;}
input[disabled] {background:#fff;}
*::-webkit-input-placeholder {color:#ababab}
*:-moz-placeholder {color:#ababab} /* FF 4-18 */
*::-moz-placeholder {color:#ababab} /* FF 19+ */
*:-ms-input-placeholder {color:#ababab} /* IE 10+ */
button {border-radius: 4px;}
a { cursor: pointer;}

/*간격 */
.mgt10{margin-top: 10px;}
.mgt20{margin-top: 20px;}
.mgt30{margin-top: 30px;}


/*컬러 팔레트*/
.fc_turquoise { color:#215871 !important;}
.fc_red { color: #f00 !important;}
.fc_yellow {color: #ffc000 !important;}
.fc_orange {color: #f66b20 !important;}
.impct { color: #f00; font-family:"SCoreDreamMedium" }

/*기타*/
.blind {display: none;}

/* layout */
.warp { width: 100%; position: relative; overflow: hidden; }

header { display:flex;justify-content: space-between; align-items: center; padding: 20px 40px 20px 40px; }
header .logo span {display: none;}
header .imenu { margin-left : -2%; font-size: 17px; } 
header .imenu ul li { display: inline; padding: 0 30px 0 0 ; font-family:"SCoreDreamMedium" ;}
header .imenu ul li a { display: inline-block; padding: 5px;}
header .qbt { display: flex;}
header .qbt .lco_loc { width: 42px; height: 47px; background: url(../images/ico_location.jpg) 0 0; display: block;}

.main_ban { width: 100%;height: 750px; background: url(../images/bann_main_01.jpg) no-repeat center; background-size: cover; object-fit: cover; text-align: center; display: flex; justify-content: center; align-items: center;} 
.main_ban .mban_txt { margin: 0 auto; position: relative; display: block; color: #fff;  }
.main_ban .mban_txt p { font-family:"SCoreDreamBold" ;}
.main_ban .mban_txt .bantx01 { font-size: 68px; text-shadow: 4px 4px 4px #444; margin-top: -40px; position: relative; }
.main_ban .mban_txt .bantx02 { font-size: 88px; text-shadow: 4px 4px 4px #444; margin-bottom: 10px}
.main_ban .mban_txt .bantx03 { font-family: "SCoreDreamRegular"; font-size: 24px; position: relative; display: block; margin-top: 20px;}
.main_ban .mban_txt .whbx {height: 4px; width: 20px; background: #fff; position: relative; margin: 0 auto;} 
.mouse_scroll { position: relative; margin-top: 20px; } 
.mouse { display: block; width: 33px; height: 46px; border: 2px solid #ffffff; border-radius: 23px; margin: 0 auto; } 
.mouse::after { content:''; display: block; position: relative; width: 2px; height: 8px; margin: 5px auto; background: #ffffff; animation: mouse-pulse 1.2s ease infinite; } 
.dowm_arrow {margin-top: 6px;}
.dowm_arrow span { display: block; position: relative; left: 50%; width: 8px; height: 8px; margin-bottom: 2px; margin-left: -2px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg) translateX(-50%); animation: fade-arrow 1s infinite; } 
.dowm_arrow2:nth-of-type(2) { animation-delay: .2s; animation-direction: alternate; } 
.dowm_arrow3:nth-of-type(3) { animation-delay: .3s; animation-direction: alternate; } 
@keyframes mouse-pulse { 
    0% { opacity: 1; transform: translateY(0); } 
    100% { opacity: 0; transform: translateY(12px); } 
}

@keyframes fade-arrow { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
}

.comp_quickgo { width: 100%; margin-top: -100px; position: relative;}
.comp_quickgo .inner { max-width: 1200px; margin: 0 auto;}
.comp_quickgo .inner ul li { margin-top: 30px; background: #fff; width: 25%; text-align: center; float: left; display: block; } 
.comp_quickgo .inner ul li .box:first-child {border-left: 1px solid #eaeaea; }
.comp_quickgo .inner ul li .box { position: relative; border-right: 1px solid #eaeaea; display: block; padding: 50px 10px 70px 0; text-align: center;}
.comp_quickgo .inner ul li .box .ico { position: relative;  }
.comp_quickgo .inner ul li .box .ico .ig{ position: absolute; top: 0; } 
.comp_quickgo .inner ul li .box dl dt { font-size: 17px; margin: 10px 0 30px; font-family:"SCoreDreamBold";}
.comp_quickgo .inner ul li .box dl .bt {  padding: 5px 25px; border: 1px solid #ccc; position: relative; width: 80px; transition: .5s ease;}

.comp_quickgo .inner ul li:hover .ico .ig { opacity: 0; transition: .3s ease;}
.comp_quickgo .inner ul li:hover .bt { background: #000; color:#fff; transition: 0.5s ease;}

.comp_reqst { width: 100%; padding: 120px; background:#490606 ; position: relative; clear: both;}
.comp_reqst .inner { max-width: 1200px; margin: 0 auto; position: relative; }
.inner .subti_main { color: #fff; text-align: center; margin-bottom: 70px;}
.inner .subti_main .copy { font-size: 24px;font-family:"SCoreDreamRegular"}
.inner .subti_main .maint { font-size: 40px;font-family:"SCoreDreamMedium"; margin-bottom: 20px;}
.inner .subti_main .dis { font-size: 17px;font-family:"SCoreDreamRegular"}
.comp_reqst .selqst {margin: 0 auto; display: flex; justify-content: space-between; width: 80%; }
.comp_reqst .selqst .selbox { position: relative;}
.comp_reqst .selqst .selbox a { background: #151515; display: block;}
.comp_reqst .selqst .selbox:first-child { margin-right: 20px;}
.comp_reqst .selqst .selbox .imgbox:hover img { opacity: 0.4;transition: 0.5s ease;}
.comp_reqst .selqst .selbox .tidis { position: absolute; top: 45%; left: 6%;}
.comp_reqst .selqst .selbox .tidis .te01 {font-family:"SCoreDreamMedium"; color: #fff; font-size: 30px; }
.comp_reqst .selqst .selbox .tidis .te02 {font-family:"SCoreDreamRegular"; color: #ccc; font-size: 18px; }
.comp_reqst .selqst .selbox .tidis .te03 {font-family:"SCoreDreamMedium"; color: #fff; font-size: 18px; }

.gallymain { background: url(../images/bg_main_gally.jpg)no-repeat;background-size: cover; padding: 100px; clear: both; }
.gallymain .selbox { position: relative; display: flex; justify-content: space-around; max-width: 1100px; margin: 0 auto; gap: 20px; }
.gallymain .selbox .imgbox { width: 270px; height: 250px; overflow: hidden; cursor: pointer; border: 1px solid #ccc; position: relative;  }
.gallymain .selbox .imgbox .imghv { display: none; }
.gallymain .selbox .imgbox:hover .imghv { display: block; }
.gallymain .selbox .imgbox .imghv p { text-align: center; color: #fff; position: absolute; z-index: 50; top: 35%; left: 46%; font-family:"SCoreDreamBold"; font-size: 50px;} 
.gallymain .selbox .imgbox .imghv a { display: block; background: red; opacity: .5; position: absolute;  width: 100%; height: 100%; }
.gallymain .selbox .imgbox img {  width: 270px; height: 250px; object-fit: cover; overflow: hidden;}
.gallymain .btbox {  margin-top: 50px; text-align: center;}
.gallymain .btbox a { border: 1px solid #9e9e9e; padding: 14px 100px; color: #fff; font-size: 21px;font-family:"SCoreDreamMedium"; display: inline-block;} 

.cus { padding: 100px 0 0 0; position: relative;}
.cus .inner { width: 900px; margin: 0 auto; text-align: center; padding-bottom: 40px;}
.cus .inner .tit { font-size: 29px; font-family:"SCoreDreamBold"; margin-bottom: 40px;}
.cus .inner .bizourbox { display: flex; justify-content: space-around; margin-bottom: 40px;}
.cus .inner .bizourbox .box { padding: 20px; background: #085f87; width: 50%; margin-right: 1%; text-align: left; color: #fff;}
.cus .inner .bizourbox .box.fst { background: url(../images/img_cus01.jpg)no-repeat; background-size: cover;}
.cus .inner .bizourbox .box.secd { background: url(../images/img_cus02.jpg)no-repeat; background-size: cover;}
.cus .inner .bizourbox .box .ti01 { font-size: 19px;}
.cus .inner .bizourbox .box .ti02 { font-size: 29px;font-family:"SCoreDreamMedium"; }
.cus .inner .bizourbox .box .ti03 { font-size: 16px; color: #f6ff00;}
.cus .inner .phvbox img {margin: 30px 0 20px;}
.cus .inner .phvbox p.t01 { font-size: 34px;font-family:"SCoreDreamBold"; color: #ba3737;}
.cus .inner .phvbox p.t02 { font-size: 23px;font-family:"SCoreDreamRegular"; color: #6f6f6f;}


footer { background: #282828; color: #858585; position: relative; clear: both; margin-top: 100px;}
footer .inner { width: 1200px; margin: 0 auto;  padding: 60px 0; display: flex; justify-content: space-between;}
footer .inner .addr .impct_b { color: #fff; font-family:"SCoreDreamMedium";  font-size: 19px;}
footer .inner .addr .impct { color: #b5b5b5; font-family:"SCoreDreamMedium"; }
footer .inner .logofot { margin-top: 20px; text-align: right;}
footer .inner .logofot p { font-size: 24px; font-family:"SCoreDreamBold"; margin-bottom: -5px; color: #bababa; }
footer .inner .logofot span { font-size: 17px; margin-left: 20px; display: block;}
 
.topbt { width: 48px; height: 48px; z-index: 2000; background: #fff; opacity: .9; border: 1px solid #101010;position: fixed;right: 3%; bottom: 5%; display: none; text-align: center;  }
.topbt p { font-size: 15px;font-family:"SCoreDreamBold"; position: relative; top: 26%;}
.topbt:hover { background: #140c8f; color: #fff;} 


/* 서브 레이아웃 */
.suvtiban { height: 400px; background-size: cover !important; margin-bottom: 80px; }
.suvtiban.intro { background: url(../images/img_subti01.jpg)no-repeat;  }
.suvtiban.uvtan { background: url(../images/img_subti_uv.jpg)no-repeat;  }
.suvtiban.wx { background: url(../images/img_subti_wx.jpg)no-repeat;  }
.suvtiban.community { background: url(../images/img_subti_comm.jpg)no-repeat;  }
.suvtiban .inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; margin: 0 auto;}
.suvtiban .inner .subvantxt { color: #fff; text-align: center;} 
.suvtiban .inner .subvantxt p { font-size: 50px; font-family:"SCoreDreamBold"; letter-spacing: 0.4em; margin-bottom: 10px;}
.suvtiban .inner .subvantxt span { font-size: 21px; font-family:"SCoreDreamLight";; letter-spacing: 0.3em;}
.contwrap {max-width: 1300px; margin: 0 auto; position: relative;}
.contwrap .selbox { display: flex; justify-content:center;align-items: center; margin-bottom: 60px;}
.contwrap .selbox .box { width: 317PX; background: #e1e1e1; text-align: center; display: block; margin-right: 10PX; padding: 20px 0 ; color: #aaa; font-size: 18px; font-family:"SCoreDreamRegular";} 
.contwrap .selbox .box.on { background: #b22929; color: #fff;}
.contwrap .selbox .box:hover { background: #ff9a9a;color: #fff;}
.sub_tibox { text-align: center; margin-bottom: 50px;}
.sub_tibox ul .tdsc { font-size: 19px} 
.sub_tibox ul .tmn { font-size: 42px; font-family:"SCoreDreamLight";} 
.sub_tibox ul .tmnre { font-size: 42px; font-family:"SCoreDreamBold";} 
.sub_tibox ul + ul { margin-top: 10px;}
.sub_tibox .dsctxt .obj { font-size: 50px; font-family:"SCoreDreamBold"}
.sub_tibox .dsctxt span { font-size: 23px; color: #555;position: relative; top: 10px;}
.desctxtsb { font-size: 17px;font-family:"SCoreDreamLight"; width: 100%; text-align: center; color: #8c8c8c; margin-top: 40px; word-break: keep-all;}

.contbox { width: 100%; position: relative; margin: 0 auto;}
.contbox + .contbox { margin-top: 50px;}

.contbox .mapbox { width: 80%; height: 400px; background: #e1e1e1; border: 1px solid #ccc; overflow: hidden; margin: 0 auto; }

.contbox .adrinfo { line-height: 30px; font-size: 14px; border-bottom: 1px solid #dbdbdb; padding-bottom: 40px; width: 80%; margin: 0 auto;}
.contbox .adrinfo .impct, .contbox .usesubw .impct { font-family:"SCoreDreamBold" }
.contbox .adrinfo .hd { color: #ff5353;}
.contbox .usesubw { font-size: 14px; width: 80%; margin: 0 auto;}
.contbox .usesubw .ico_l { padding-left: 30px; background: url(../images/ico_subw.png)no-repeat 0 0; line-height: 30px; }
.contbox .usesubw .desc { position: relative; margin-top: 5px; }

.contbox .sortcont { font-size: 14px; color: #8c8c8c; position: relative; margin-bottom: 20px; margin-top: -50px;}
.contbox .sortcont .impct { color: #ff5353;}

.intro_ctbox { position: relative;}
.intro_ctbox.tan01 .txtbx {position: absolute; right: 0; top: 75px;background: #fff; padding: 40px; width: 60%; opacity: 0.8; font-size: 19px; word-break: keep-all;}
.intro_ctbox.tan02 .txtbx {position: absolute; left: 0; top: 75px;background: #fff; padding: 40px; width: 60%; opacity: 0.8; font-size: 19px; word-break: keep-all;}
.intro_ctbox .txtbx .impct {font-size: 23px; color: #f00; font-family:"SCoreDreamMedium"; margin-top: 10px; }
.intro_ctbox + .intro_ctbox { margin-top: 90px; } 
.intro_ctbox .img_right { text-align: right;}

.uv_ctbox { position: relative;}
.uv_ctbox.uvtan01 .txtbx {position: absolute; right: 6%; top: 75px; padding: 30px; width: 55%; opacity: 0.8; font-size: 19px; word-break: keep-all;}
.uv_ctbox.uvtan02 {position: relative; top: -120px;}
.uv_ctbox.uvtan02 .txtbx {position: absolute; left: 4%; top: 275px; padding: 30px; width: 55%; opacity: 0.8; font-size: 19px; word-break: keep-all;}
.uv_ctbox + .intro_ctbox { margin-top: 90px; } 
.uv_ctbox .img_right { text-align: right;}

.ftbox { max-width: 900px; margin: 0 auto; position: relative;}
.ftbox .effti { width: 100%; text-align: center; font-size: 23px;  word-break: keep-all; margin: 0 auto; padding-bottom: 40px;}
.ftbox .effti span {  color: #f00; font-family:"SCoreDreamMedium"; }
.ftbox .icobx { display: flex; justify-content: space-around; height: 350px; }
.ftbox .icobx .ibx { width: 33%; background: #fff; text-align: center; margin-bottom: 100px;}
.ftbox .icobx .ibx .ico { border-radius: 200px; border: 1px solid #e1e1e1; width: 220px; height: 220px; margin: 0 auto;}
.ftbox .icobx .ibx .ico.i01 { background:url(../images/ico_uv01.png) no-repeat center; }
.ftbox .icobx .ibx .ico.i02 { background:url(../images/ico_uv02.png) no-repeat center; }
.ftbox .icobx .ibx .ico.i03 { background:url(../images/ico_uv03.png) no-repeat center; }
.ftbox.price { max-width: 550px; margin-top: -60px; left: -5px;}
.ftbox.price .icobx .ibx .ico { border-radius: 200px; border: 1px solid #e1e1e1; width: 200px; height: 200px; margin: 0 auto;}
.ftbox.price .icobx .ibx .ico.i01 { background:url(../images/ico_pri01.png) no-repeat center;}
.ftbox.price .icobx .ibx .ico.i02 { background:url(../images/ico_pri02.png) no-repeat center;}
.ftbox.price .icobx .ibx .ico.i03 { background:url(../images/ico_pri03.png) no-repeat center;}
.ftbox .icobx .ibx p { text-align: center; font-size: 19px; word-break: keep-all; margin-top: 20px; color: #777;}

.bx_evt { max-width: 750px; padding: 30px; background: #f8f8f8; position: relative; margin: 0 auto; top: 60px; border-radius: 18px; font-size: 15px; line-height: 29px;}
.bx_evt p { font-size: 19px; font-family:"SCoreDreamMedium";}
.bx_evt ul li::before { content: '-'; margin-right: 8px;}
.bx_evt ul li .impct {color: #f00; font-family:"SCoreDreamMedium"; font-size: 17px;}

.wx_ctbox { position: relative;}
.wx_ctbox.wx01 .txtbx {position: absolute; right: 6%; top: 75px; padding: 30px; width: 55%; opacity: 0.8; font-size: 21px; word-break: keep-all;}
.wx_ctbox.wx02 {position: relative; top: -120px;}
.wx_ctbox.wx02 .txtbx {position: absolute; left: 14%; top: 275px; padding: 30px; width: 45%; opacity: 0.8; font-size: 21px; word-break: keep-all;}
.wx_ctbox + .intro_ctbox { margin-top: 90px; } 
.wx_ctbox .img_right { text-align: right;}

.wxpartwp {  display: flex; gap: 20px; flex-wrap: wrap; margin-top:-40px;}
.wxpartwp .partbx { width: 48.5%; background: #fff; display: flex; gap: 20px; word-break: keep-all; }
.wxpartwp .partbx .bxtex { font-size: 16px; padding: 25px 0 }
.wxpartwp .partbx .bxtex p { font-size: 24px;font-family:"SCoreDreamMedium"; margin-bottom: 10px; }
.wxpartwp .partbx .bxtex span { font-size: 17px; color: #777;}
.mid_tibbx { text-align: center; font-size: 36px;font-family:"SCoreDreamLight"; margin-bottom: 50px; margin-top: 120px;}
.wxkindwp { display: flex; gap: 20px; flex-wrap: wrap;}
.wxkindwp .kdbx .imgbx { width: 30%;}
.wxkindwp .kdbx .imgbx
.wxkindwp .kdbx .txbx { width: 70%;}

.wxkindwp .kdbx { width: 32%; display: flex; align-items: center; gap: 20px; }
.wxkindwp .kdbx p {font-size: 21px;font-family:"SCoreDreamMedium"; color: #f00; margin-bottom: 5px;}
.wxkindwp .kdbx span { font-size: 15px; word-break: keep-all;}

.wxeffwp { width: 100%; margin: 0 auto; display: flex; justify-content: center; gap: 50px; flex-wrap: wrap; }
.efbx { width: 27%; background: #a800ff; padding: 12px;}
.efbx .imgbx { margin-bottom: 20px; width: 100%; height: 150px; background: #085f87; overflow: hidden;}
.efbx .imgbx img { width: 100%; height: 150px;object-fit: cover;}
.efbx p { font-size: 19px;font-family:"SCoreDreamMedium"; color: #fff;}
.efbx span { display: block; word-break: keep-all; font-size: 17px; color: #eac2ff; line-height: 30px;}
.sjwxpot { font-size: 15px; width: 740px; margin: 0 auto; margin-top: 40px; line-height: 30px;}
.sjwxpot li::before { content: '-'; margin-right: 10px;}


/*햄버거 메뉴*/

.hbgmubx {overflow: hidden; display: none; }

#menu-wrapper .hambgbt { position: relative; width: 40px; height: 30px; margin: 15px 25px 0; cursor: pointer; z-index: 1500;}
#menu-wrapper .hambgbt span {
    opacity: 1;
    left: 0;
    display: block;
    width: 80%;
    height: 4px;
    border-radius: 10px;
    color: black;
    background-color: #666;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

#menu-wrapper .hambgbt span:nth-child(1) {top: 0;}
#menu-wrapper .hambgbt span:nth-child(2) {top: 9px;}
#menu-wrapper .hambgbt span:nth-child(3) {top: 18px;}
#menu-wrapper .hambgbt.open span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#menu-wrapper .hambgbt.open span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; left: -20px;}
#menu-wrapper .hambgbt.open span:nth-child(3) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}

.hbgmubx .menu_list .menu_submenu { padding:0; color: #a2a2a2;}
.hbgmubx .menu_list .menu_submenu li a {display:block; padding:30px 0 30px 40px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.hbgmubx .menu_list .menu_submenu li a:hover { background:#414141; color: #b0b0b0;}
.hbgmubx .menu_list {
    padding: 20px 0 0 0;
    display: block;
    position: absolute;
    top:88px;
    width: 100%;
    height: 100%;
    opacity: .9;
    background: #000;
    box-shadow: rgba(100,100,100,0.2) 6px 2px 10px;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;
    right: -100%;
}

.hbgmubx .menu_list li.accordion-toggle, .hbgmubx .menu_list .menu-login {
    font-size: 16px;
    padding: 20px;
    text-transform: uppercase;
    border-top: 1px solid #353535;
    color: #fff;
}
.hbgmubx .menu_list li:first-of-type {
    border-top: 0;
}

.accordion-toggle, .accordion-content {
    cursor: pointer;
    font-size: 16px;
    position: relative;
    letter-spacing: 1px;
}

  .accordion-content {
    display: none;
}

.accordion-toggle a:before, .accordion-toggle a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 15px;
    height: 2px;
    margin-top: -1px;
    background-color: #5a5858;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s ease-out;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    
}

.accordion-toggle a:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2;
}

.accordion-toggle.active-tab {
  background: yellowgreen;
  transition: all 0.3s ease;
}
.accordion-toggle a.active:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #fff !important;
}

.accordion-toggle a.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #fff !important;
    opacity: 0;
}


.tntimebx {width: 90%; margin: 0 auto;}
.tntimebx .tb_ti { font-size: 18px; font-family:"SCoreDreamMedium"; line-height: 30px; margin-bottom: 10px; }
.tntimebx table { border-top: 2px solid #000;  }
.tntimebx table td { border: 1px solid #000; padding: 20px; text-align: center; font-size: 16px; }
.tntimebx table td p { color: #ff5353;}
.tntimebx table td.bgbk { background: #f0f0f0; border-left: none;font-family:"SCoreDreamMedium"; }
.tntimebx table td:last-child { border-right: none;}
.tntimebx .caunoti { background: #fffbdd; border-radius: 6px;padding: 40px; font-size: 17px; margin-top: 30px; color: #675e1e; line-height: 30px;}
.tntimebx .caunoti p { color: #f00; font-family:"SCoreDreamMedium"; font-size: 19px; margin-bottom: 10px;}

.pricebx { width: 750px; margin:0 auto; display: flex; justify-content: space-between; margin-top: -20px;}
.pricebx .bx { padding: 30px 15px 15px; border-radius: 12px; background: #0096ff; width: 47%; text-align: center; color: #fff;}
.pricebx .bx.org { background: #ff7200;}
.pricebx .bx.wxp { background: #a800ff;}
.pricebx .bx .nam { font-size: 32px;font-family:"SCoreDreamMedium";}
.pricebx .bx .nam span { font-size: 16px; margin-bottom:-5px; display: block; color: #d2f8ff}
.pricebx .bx.org .nam span { font-size: 16px; margin-bottom:-5px; display: block; color: #ffddc1}
.pricebx .bx.wxp .nam span { font-size: 16px; margin-bottom:-5px; display: block; color: #e9c0ff}
.pricebx .bx .prview { background: #fff; color: #085f87; text-align: left; line-height: 50px; font-size: 19px; padding: 20px; margin-top: 20px;}
.pricebx .bx .prview.wx { font-size: 15px;}
.pricebx .bx.org .prview { color: #ff7200;}
.pricebx .bx.wxp .prview { color: #842fb0;}
.pricebx .bx .prview ul li { border-bottom: 1px dotted #000; }
.pricebx .bx .prview ul li:last-child { border: none;}
.pricebx .bx .blkbx { padding: 15px; background: #d2f8ff; color: #085f87; font-size: 18px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; font-family:"SCoreDreamMedium";}
.pricebx .bx .blkbx.blk { padding: 5px 0;}
.pricebx .bx.org .blkbx { background: #ffd9ba; color: #57351a;}
.pricebx .bx.wxp .blkbx { background: #f4deff; padding: 5px 0;}
.pricebx .bx .fretkt { font-size: 16px; text-align: left; padding: 20px 0 10px; color: #fdffd8; line-height: 28px;}
.pricebx .bx .fretkt p {font-family:"SCoreDreamMedium"; font-size: 18px; color: #fff; margin-bottom: 5px;}
.obj_mid { font-size: 60px; font-family:"SCoreDreamBold"; text-align: center; color: #858585; margin: 40px 0 60px;}

.tisub { font-size: 19px; text-align: center; color: #8c8c8c; margin-top: 100px; position: relative;  word-break: keep-all; }
.tisub .ti { font-size: 30px; font-family:"SCoreDreamMedium"; color: #000;}
.tisub .ti span { color: #f00;}
.tisub .ipct {  font-family:"SCoreDreamMedium"; font-size: 50px;}
.tipbox { margin-top: 20px; width: 100%; display: block; clear: both;}
.tipbox + .tipbox { margin-top: 60px;}
.tipbox.img_left .img_b { float: left; margin:0 40px 100px 0; position: relative;}
.tipbox.img_left .img_b img { width: 96%; }
.tipbox.img_right .img_b { float: right; margin:0 40px 100px 0; position: relative;}
.tipbox.img_right .img_b img { width: 96%;}
.tipbox .tipdsc { padding-top: 40px;}
.tipbox .tipdsc .tip { display: flex; justify-content: center;  align-items: center;}
.tipbox .tipdsc .tip + .tip { margin-top: 50px;}
.tipbox .tipdsc .tip .img { margin-right: 30px; }
.tipbox .tipdsc .tip .txt { position: relative; width: 100%;}
.tipbox .tipdsc .tip .txt p { font-size: 21px;  font-family:"SCoreDreamMedium"; margin-bottom: 20px;}
.tipbox .tipdsc .tip .txt span { font-size: 15px; color: #6a6a6a;}

/* 갤러리 */
.gy_blk { border-top: 2px solid #000; padding-top: 30px; padding-left: 10px; }
.gyboxwrap { display: flex; flex-wrap: wrap;}
.gyboxwrap .box { width: 24%; overflow: hidden; margin-right: 1%;}
.gyboxwrap .box .imgbx { overflow: hidden; margin-bottom: 20px; }
.gyboxwrap .box .imgbx img { object-fit: cover; height: 210px; width: 100%;transition: all 0.1s linear;} 
.gyboxwrap .box .imgbx img:hover {transform: scale(1.2); }
.gyboxwrap .box p { text-align: center; margin-bottom: 30px; font-family:"SCoreDreamMedium"; font-size: 15px; }
.view_cont img { margin: 20px 0 ;}

.cometwrap { margin-top: 40px; }
.cometwrap .counti { padding-bottom: 5px; font-family:"SCoreDreamMedium"; font-size: 14px; }
.cometwrap .counti span { color: #f00;}
.cometwrap .writwp { margin-top: 20px;}
.cometwrap .writwp .inp_wrter { display: flex; margin-bottom: 10px; }
.cometwrap .writwp .inp_wrter input { border: 1px solid #e1e1e1; width: 25%; padding: 15px; margin-right: 10px; background: #f1f1f1;}
.cometwrap .writwp textarea { padding: 15px; border: 1px solid #e1e1e1; height: 100px; margin-bottom: 20px;}

.comtviewwp .inf { padding: 20px 0;}
.comtviewwp .inf .wrt { display: flex; justify-content: space-between; text-align: left;}
.comtviewwp .inf +.inf { border-top: 1px solid #e1e1e1;}
.comtviewwp .inf .wrt { margin-bottom: 10px;}
.comtviewwp .inf .wrt p { font-size: 14px; }
.comtviewwp .inf .wrt p span {  color: #999;}
.comtviewwp .inf .wrt .divi { font-size: 10px; color: #282828; display: inline-block; position: relative; margin: 0 10px; top: -2px;}
.comtviewwp .inf .wrt .comt_modi { font-size: 12px; color: #666;}
.comtviewwp .inf .comtview { position: relative;margin: 10px 0 0 0;font-size: 1.1em; line-height: 1.5714; color: #666;}

.modi_ti { padding: 20px 20px; background: #f1f1f1; font-size: 17px; font-family:"SCoreDreamMedium";}
.modiwrp { text-align: center;}
.modiwrp .modibox {border: 0;text-align: center; padding: 30px 28px; font-size: 14px; max-width: 320px; margin: 0 auto;}
.modiwrp .modibox .comodi_inp { border: 1px solid #e1e1e1; padding: 10px 5px; margin: 20px 0; text-align: center;}
.modiwrp .modibox .btnbx button { padding: 10px 20px; border: 1px solid #e1e1e1; border-radius: 20px;}
.modiwrp .modibox .btnbx button.bg { background: #085f87; color: #fff;}
.modiwrp .modibox .btnbx button + button { margin-left: 5px;}

/*tab css*/
.tab_title { display: flex;}
.tab_title li {cursor: pointer; text-align: center; border: 1px solid #bebebe; justify-content: space-between; width: 50%; padding: 10px 20px; margin-bottom: 30px; border-bottom: none; background: #f1f1f1;}
.tab_title li.on {background-color: #fff;font-weight: bold;}
.tab_cont {clear: both; }
.tab_cont .tb {display: none; text-align: center;}
.tab_cont .tb.on {display: block;}

.tab_cont .comtmodibx { }
.tab_cont .comtmodibx input { padding: 10px; border: 1px solid #ccc; margin-bottom: 10px;}
.tab_cont .comtmodibx textarea { height: 200px;}

/* 테이블 */
.tb_blk { border-top: 2px solid #000; text-align: center;  }
.tb_blk th,.tb_blk td {padding: 20px 0 20px 10px; border-bottom: 1px solid #ddd; }
.tb_blk th { border-bottom: 1px solid #000;}
.tb_blk td.trd_l { text-align: left;}
.tb_blk td p {   overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; word-break: break-all;}
.tb_blk td a:hover { text-decoration: underline;}
.tb_blk thead tr:hover { background: #fff;}
.tb_blk tr:hover { background: #f4f4f4;}
.tb_btn { display: none;}

.viewbox_blk {  border-top: 2px solid #000; text-align: left; border-bottom: 1px solid #e1e1e1;padding:20px 0 0; }
.viewbox_blk .titbx { border-bottom: 1px solid #e1e1e1;}
.viewbox_blk .titbx .cot { display: flex; justify-content: space-between;}
.viewbox_blk .titbx .bt_lst { float: right}
.viewbox_blk .titbx p { font-size: 17px;font-family:"SCoreDreamMedium"; word-break: keep-all;padding: 0 2vw; }
.viewbox_blk .titbx ul { position: relative; margin: 10px 0 15px; }
.viewbox_blk .titbx ul li { line-height: 19px;}
.viewbox_blk .titbx ul.ico { background: url(../images/ico_pp.png) no-repeat center left; padding-left: 50px;}
.view_cont { padding: 40px 20px; font-size: 14px;}

.nb_bo { border-top: 1px solid #e1e1e1 ; width: 100%; }
.nb_bo a:hover { text-decoration: underline;}
.nb_bo .bt_pre  { display: flex;}
.nb_bo .bt_pre .ti { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; width: 86%; margin-right: 14px; }
.nb_bo .bt_pre { padding: 20px 0 20px 10px; border-bottom: 1px solid #e1e1e1;}
.nb_bo .bt_pre:hover { background: #f1f1f1;}
.nb_bo .bt_pre .pr { padding:0 20px 0;  color: #b1b1b1; width: 125px}
.nb_bo .bt_pre .pr i::before { content: url(../images/ico_up.png);}
.nb_bo .bt_next { padding: 20px 0 20px 10px;display: flex;}
.nb_bo .bt_next .ti { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;  width: 86%; margin-right: 14px; }
.nb_bo .bt_next:hover { background: #f1f1f1;}
.nb_bo .bt_next .ne { padding:0 20px 0;  color: #b1b1b1; width: 125px }
.nb_bo .bt_next .ne i::before { content: url(../images/ico_down.png);}
.nb_date {float: right; color: #bbb ;}

/* paging */
.pasing { margin-top: 40px; text-align: center;}
.pasing ul li { display: inline-block; }
.pasing ul li a { display: block; padding: 10px 10px;}
.pasing ul li a:hover { color: red; }
.pasing ul li.divsin {color: #ccc ;}
.bt_more { display: none;}


/*버튼*/
[class^=btn_] {display: inline-block; box-sizing: border-box; cursor: pointer; }
[class^=btn_mid]{ height: 54px; border-radius: 2px; background: #fff; font-family:"SCoreDreamMedium",sans-serif;  border: 1px solid #e1e1e1; color: #666; text-align: center; padding: 20px 50px 20px; display: flex; justify-content: center;align-items: center;}
[class^=btn_]+[class^=btn_] { margin-left: 7px;}




/*체크박스*/
input[type="checkbox"]:focus, 
input[type="radio"]:focus {outline:none;}
.chk-box, .radio-box {display:inline-block}
.chk-box + .chk-box,
.radio_box + .radio_box {margin-left:18px}
.radio-wrapper .radio-wrap + .radio-wrap {margin-top:15px;}
input[type="checkbox"],input[type="radio"] {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
input[type="checkbox"] + label { display:inline-block; padding-left:30px; height:23px; background:url('../images/common/icon-checkbox.png') no-repeat 0 50%; color:#101010; line-height:24px; cursor:pointer;}
input[type="checkbox"]:checked + label {background:url('../images/common/icon-checkbox-on.png') no-repeat 0 50%}

input[type="radio"] + label {overflow:hidden; display:inline-block; padding-left:33px; height:22px; line-height:22px; background:url('../images/common/icon_radio.png') no-repeat 0 50%; color:#101010; cursor:pointer;}
input[type="radio"]:checked + label {background:url('../images/common/icon_radio_on.png') no-repeat 0 50%}

.chk-box.big input[type="checkbox"] + label {height:42px; padding-left:50px; line-height:42px; background-image:url('../images/common/icon-checkbox-big.png'); font-size: 15px; }
.chk-box.big input[type="checkbox"]:checked + label {background-image:url('../images/common/icon-checkbox-big-on.png');}

.chk-box.like {margin: 0;}
.chk-box.like input[type="checkbox"] + label {width: 10vw; height: 10vw; background:url('../images/common/icon_heartwh.png') no-repeat center ;}
.chk-box.like input[type="checkbox"]:checked + label {background:url('../images/common/icon_heart_on.png') no-repeat center}

/*뱃지*/
.bage { padding: 3px 10px 3px; border: 1px solid #ccc;font-size: 12px; display: inline-block; margin-bottom: 5px; letter-spacing: 0.02em;font-family:"SCoreDreamMedium";}


/*모달
.ly_modal {display: none; position: fixed;  z-index: 999999; left: 0; top: 0; width: 100%;  height: 100%;  overflow: auto; background: #000; background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.7); overflow-y: hidden;}
.ly_cont { background-color: #fdf6ec; margin: 240px auto;  border: 1px solid #888; width: 460px; /* Could be more or less, background: url(../images/ly_mo.jpg)no-repeat -22px 0 ;}
.lymo_contbx { padding: 30px 30px 0;  }
.lymo_contbx .ly_tit { font-size: 27px; font-family:"SCoreDreamBold"; margin-bottom: 24px;}
.lymo_contbx .ly_tit .impct { color: #f00;}
.lymo_contbx .evtpr ul { font-size: 16px; margin-bottom: 44px;}
.lymo_contbx .evtpr ul li { margin-bottom: 14px; line-height: 26px;}
.lymo_contbx .evtpr ul li .impct { color: #ff5353; font-family:"SCoreDreamMedium"; }*/

/*모달*/
/* The Modal (background) */
.ly_modal {display: none; position: fixed;  z-index: 999999; left: 0; top: 0; width: 100%;  height: 100%;  overflow: auto; background: #000; background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */; overflow-y: hidden;}
/* Modal Content/Box */
.ly_cont { background-color: #fdf6ec; margin: 210px auto; /* 15% from the top and centered */ border: 1px solid #888; width: 460px; /* Could be more or less, depending on screen size */background: url(../images/ly_mo.jpg)no-repeat -22px 0 ;}
.lymo_contbx { padding: 30px 30px 0;  }
.lymo_contbx .ly_tit { font-size: 25px; font-family:"SCoreDreamBold"; margin-bottom: 18px;}
.lymo_contbx .ly_tit .impct { color: #f00;}
.lymo_contbx .evtpr ul { font-size: 15px; margin-bottom: 24px;}
.lymo_contbx .evtpr ul li { margin-bottom: 5px; line-height: 21px;}
.lymo_contbx .evtpr ul li .impct { color: #ff5353; font-family:"SCoreDreamMedium"; }
.lymo_contbx .evtpl { display: flex; gap: 20px; justify-content: center; align-items: center; margin-bottom: 20px; }
.lymo_contbx .evtpl .plbx { padding: 10px; border-radius: 6px; border: 1px solid #e1e1e1; width: 45%; text-align: left; font-size: 15px; padding-left: 70px;}
.lymo_contbx .evtpl .plbx.one { background: url(../images/ico_fr.jpg)no-repeat 10px 5px #fff;}
.lymo_contbx .evtpl .plbx.tw { background: url(../images/ico_gift.jpg)no-repeat 10px 5px #fff; padding-left: 65px;}

.ly_cont .btbox { background: #101010; text-align: center; display: flex; } 
.ly_cont .btbox .lymobt { text-align: center; width: 50%; padding: 15px; background: #fff; border: 1px solid #ececec; border-radius: 0;}



@media screen and (max-width: 1200px) {
    .uv_ctbox.uvtan01 .txtbx {position: absolute; right: 8%; top: 75px; padding: 30px; width: 45%; opacity: 0.8; font-size: 19px; word-break: keep-all;}
    .uv_ctbox.uvtan02 {position: relative; top: -120px;}
    footer .inner { width: 100%; overflow: hidden;}
    .uv_ctbox.uvtan02 .txtbx {position: absolute; left: 8%; top: 275px; padding: 30px; width: 45%; opacity: 0.8; font-size: 19px; word-break: keep-all;}
}

@media screen and (max-width: 900px) {
    header { display:flex;justify-content: space-between; align-items: center; padding: 10px 0 10px 0; }
    header .logo { width: 30%;;margin-left: 10px; height: 70px ; padding-top: 4px; } 
    header .imenu, header .qbt .lco_loc { display: none;} 
    .hbgmubx { display: block;} 
    .main_ban { height: 130vw;}
    .main_ban .mban_txt .bantx01 { font-size: 8vw; text-shadow: 4px 4px 4px #444; margin-top: -18vw; position: relative; word-break: keep-all; }
    .main_ban .mban_txt .bantx02 { font-size: 12vw; text-shadow: 4px 4px 4px #444; margin-bottom: 10px; line-height: 18vw;}

    .comp_quickgo { width: 100%; margin-top: -100px; position: relative;}
    .comp_quickgo .inner { max-width: 1200px; margin: 0 auto;}
    .comp_quickgo .inner ul { display: flex; flex-wrap: wrap;}
    .comp_quickgo .inner ul li {  background: #fff; width: 50%; text-align: center; float: left; display: block; margin-top: 0; border-bottom: 2px solid #eaeaea;} 
    
    .comp_reqst { width: 100%; padding: 12vw 0 18vw; background:#490606 ; position: relative; clear: both;}
    .inner .subti_main .dis { font-size: 4vw;font-family:"SCoreDreamRegular"; padding: 0 4vw; word-break: keep-all; line-height: 6vw; width: 100%;}
    .comp_reqst .selqst {width: 90%; }
    .comp_reqst .selqst .selbox .imgbox img { opacity: 0.4;transition: 0.5s ease;}
    .comp_reqst .selqst .selbox .tidis { position: absolute; top: 45%; left: 6%;}
    .comp_reqst .selqst .selbox .tidis .te01 {font-family:"SCoreDreamMedium"; color: #fff; font-size: 4vw; }

    .gallymain { background: url(../images/bg_main_gally.jpg)no-repeat;background-size: cover; padding: 8vw 0 8vw 6vw; }
    .gallymain .selbox { position: relative;overflow-x: auto; overflow-y: hidden; white-space: nowrap;-ms-overflow-style: none;display: block; scrollbar-width: none; }
    .gallymain .selbox .imgbox { width: 180px; height: 180px; overflow: hidden; cursor: pointer; border: 1px solid #ccc; position: relative; display:inline-block; margin-right: 3vw; }
    .gallymain .btbox {  margin: 40px 0 40px; text-align: center;}
    .gallymain .btbox a { border: 1px solid #9e9e9e; padding: 14px 50px; color: #fff; font-size: 21px;font-family:"SCoreDreamMedium"; display: inline-block;} 

    .cus { padding: 70px 0 0 0; position: relative;}
    .cus .inner { width: 100%; margin: 0 auto; text-align: center; padding-bottom: 40px;}
    .cus .inner .tit { font-size: 7vw; font-family:"SCoreDreamBold"; display: block; width: 60vw; margin: 0 auto; padding-bottom: 7vw; word-break: keep-all;}
    .cus .inner .bizourbox .box .ti01 { font-size: 19px;}
    .cus .inner .bizourbox .box .ti02 { font-size: 6vw;font-family:"SCoreDreamMedium"; }
    .cus .inner .bizourbox .box .ti03 { font-size: 4vw; color: #f6ff00;}
    .cus .inner .phvbox img {margin: 15px 0; width: 16%;}

    footer { margin-top: 50px; padding: 10px;}
    footer .inner { width: 100%; overflow: hidden;}
    footer .logofot { display: none;}

    .sub_tibox { text-align: center; margin-bottom: 50px;}
    .sub_tibox ul .tdsc { font-size: 4vw} 
    .sub_tibox ul .tmn { font-size: 7.5vw; font-family:"SCoreDreamLight";} 
    .sub_tibox ul .tmnre { font-size: 8vw; font-family:"SCoreDreamBold";}
    .sub_tibox ul .tdsc { font-size: 4vw  ;}
    .sub_tibox .dsctxt .obj { font-size: 50px; font-family:"SCoreDreamBold"}
    .sub_tibox .dsctxt span { font-size: 4vw; color: #555;position: relative; top: 10px; word-break: keep-all;}
    .desctxtsb { font-size: 17px;font-family:"SCoreDreamLight"; width: 100%; text-align: center; color: #8c8c8c; margin-top: 40px; word-break: keep-all;}


    .suvtiban { height: 62vw; background-position: center !important; }
    .suvtiban .inner .subvantxt p { font-size: 6.2vw; font-family:"SCoreDreamBold"; letter-spacing: 0.4em; margin-bottom: 10px; }
    .suvtiban .inner .subvantxt span { word-break: keep-all;}
    .contwrap{ width: 100%; position: relative; padding: 10px;}

    .gyboxwrap .box { width: 48%; overflow: hidden; margin-right: 8px;}
    .view_cont img { width: 100%; margin: 20px 0 ;}

    .intro_ctbox.tan01 .txtbx,.intro_ctbox.tan02 .txtbx {position: relative; top: 2vw;background: #fff; padding: 20px; width: 100%; opacity: 0.8; font-size: 3.4vw; word-break: keep-all;}
    .intro_ctbox .txtbx .impct { font-size: 3.6vw;}

    .uv_ctbox.uvtan01 .txtbx,.uv_ctbox.uvtan02 .txtbx {position: relative; top: 2vw;background: #fff; padding: 20px; width: 100%; opacity: 0.8; font-size: 19px; word-break: keep-all; left: 0;}
    .uv_ctbox.uvtan01 img ,.uv_ctbox.uvtan02 img { width: 75%;}
    .uv_ctbox.uvtan02 {position: relative; top: 60px; margin-bottom: 120px;}

    .ftbox { max-width: 900px; margin: 0 auto; top: 50px; position: relative;}
    .ftbox .effti { width: 70%; text-align: center; font-size: 23px;  word-break: keep-all; margin: 0 auto; padding-bottom: 12vw ;}
    .ftbox .effti span {  color: #f00; font-family:"SCoreDreamMedium"; }
    .ftbox .icobx { display: flex; justify-content: space-around;  margin-bottom: 32vw;}
    .ftbox .icobx .ibx { width: 32%; background: #fff; text-align: center;}
    .ftbox .icobx .ibx .ico { border-radius: 200px; border: 1px solid #e1e1e1; width: 30vw; height: 30vw; margin: 0 auto;}
    .ftbox .icobx .ibx .ico.i01 { background:url(../images/ico_uv01.png) no-repeat center; background-size: 30%; }
    .ftbox .icobx .ibx .ico.i02 { background:url(../images/ico_uv02.png) no-repeat center; background-size: 45%;}
    .ftbox .icobx .ibx .ico.i03 { background:url(../images/ico_uv03.png) no-repeat center; background-size: 45%;}
    .ftbox.price .icobx .ibx .ico { border-radius: 200px; border: 1px solid #e1e1e1; width: 200px; height: 200px; margin: 0 auto;}

    .ftbox.price {width: 100%;}
    .ftbox.price .icobx  {width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
    .ftbox.price .icobx .ibx { width: 45%; }
    .ftbox.price .icobx .ibx:nth-child(2) {margin-top: -5px;}
    .ftbox.price .icobx .ibx .ico { width: 90%; overflow: hidden; background: #101010; border-radius: 3vw; }
    .ftbox.price .icobx .ibx .ico.i01 { background:url(../images/ico_pri01.png) no-repeat center;  }
    .ftbox.price .icobx .ibx .ico.i02 { background:url(../images/ico_pri02.png) no-repeat center;}
    .ftbox.price .icobx .ibx .ico.i03 { background:url(../images/ico_pri03.png) no-repeat center;}
    .ftbox .icobx .ibx p { text-align: center; font-size: 19px; word-break: keep-all; margin-top: 20px; color: #777;}

    .ftbox { width: 100%; margin: 0 auto; margin-top: 0;}
    .ftbox .icobx { display: block; text-align: center;}
    .ftbox .icobx .ibx { width: 50%; background: #fff; text-align: center; margin: 0 auto;}
    .ftbox .icobx .ibx +.ibx { margin-top: 40px;}

    .wx_ctbox.wx01 .txtbx,.wx_ctbox.wx02 .txtbx {position: relative; top: 2vw;background: #fff; padding: 20px; width: 100%; opacity: 0.8; font-size: 19px; word-break: keep-all; left: 0;}
    .Wx_ctbox.wx01 img ,.wx_ctbox.uvtan02 img { width: 75%;}
    .wx_ctbox.wx02 {position: relative; top: 60px; margin-bottom: 120px;}

    .tntimebx {width: 100%; word-break: keep-all;}
    .tntimebx .caunoti p { font-size: 4vw;}

    .tipbox { margin-top: 0;}
    .tipbox.img_left .img_b { text-align: center; margin-bottom: 40px;}
    .tipbox .tipdsc .tip { clear: both;}
    .tipbox .tipdsc .txt { width: 100%;} 
    .tipbox.img_right { margin-bottom: 100px;} 
    .pricebx { flex-wrap: wrap; width: 100%; justify-content: center;  } 
    .pricebx .bx { width:82%;}
    .pricebx .bx + .bx { margin-top: 5vw;}
    .pricebx .bx .nam { font-size: 26px;}
    .obj_mid { font-size: 60px; font-family:"SCoreDreamBold"; text-align: center; color: #858585; margin: 40px 0 -10px;}

    .wxpartwp { margin-top: 80px;}
    .wxpartwp .partbx { width: 100%; background: #fff; display: flex; gap: 20px; word-break: keep-all; justify-content: center;}
    .wxpartwp .partbx img { width: 30%; height: 50%; margin-top: 30px;}
    .wxkindwp .kdbx { width: 100%; display: flex; align-items: center; gap: 10px; padding-left: 20px; }
    .wxkindwp .kdbx .imgbx { width: 20%;}
    .wxkindwp .kdbx .txbx { width: 70%;}
    .wxkindwp .kdbx .txbx p {font-size: 24px; }
    .wxkindwp .kdbx .txbx span { font-size: 17px;}
    .efbx { width: 100%; background: #a800ff; padding: 12px;}
    .efbx .imgbx { margin-bottom: 20px; width: 100%; height: 210px; background: #085f87; overflow: hidden;}
    .efbx .imgbx img { width: 100%; height: 210px;object-fit: cover;}

    .tb_blk .col3 { display: none; visibility: hidden; width: 0%;}

    .gy_blk { padding: 4vw 0 0; } 
    .gyboxwrap { display: block; width: 100%;}
    .gyboxwrap .box { width: 100%; overflow: hidden;display: block; margin-bottom: 8vw;}
    .gyboxwrap .box .imgbx { margin-bottom: 20px; width: 100%; }
    .gyboxwrap .box .imgbx img { object-fit: cover;transition: all 0.1s linear;} 
    .gyboxwrap .box .imgbx img:hover {transform: scale(1.2); }
    .gyboxwrap .box p { text-align: center; margin-bottom: 30px; font-family:"SCoreDreamMedium"; font-size: 15px; }
    .view_cont img { margin: 20px 0 ;}
    
    .bt_more { display: flex; width: 34vw; height: 10vw; margin: 0 auto; border: 1px solid #e1e1e1; justify-content: center; align-items: center; border-radius: 30vw; position: relative; margin-bottom: 8vw;}
    .pasing ul { display: none;}
    .tb_btn { display: flex; gap: 2.5vw; justify-content: center; margin-bottom: 12vw;}
    .tb_btn a { display: flex; width: 150px; height: 50px; border: 1px solid #e1e1e1; justify-content: center; align-items: center; border-radius: 30vw; position: relative; }
    .tb_btn a:hover, a:focus { background: #e1e1e1;}
    .nb_bo .bt_pre .pr { padding:0 10px 0;  color: #b1b1b1;}
    .nb_bo .bt_next .ne { padding:0 10px 0;  color: #b1b1b1;}

    .viewbox_blk .titbx .bt_lst { float: right; position: relative; top: 16px;}
    .viewbox_blk .titbx .bt_lst img { width: 80%;}

    .contbox .mapbox { width: 90%;  }

    /*모달*/
    /* The Modal (background) */
    .ly_modal {display: none; position: fixed;  z-index: 999999; left: 0; top: 0; width: 100%;  height: 100%;  overflow: auto; background: #000; background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */; overflow-y: hidden;}
    /* Modal Content/Box */
    .ly_cont { background-color: #fdf6ec; margin: 25% auto; /* 15% from the top and centered */ border: 1px solid #888; width: 350px; /* Could be more or less, depending on screen size */background: url(../images/ly_mo.jpg)no-repeat -150px 0 #fdf6ec ; }
    .lymo_contbx { padding: 20px 20px 0;  }
    .lymo_contbx .ly_tit { font-size: 25px; font-family:"SCoreDreamBold"; margin-bottom: 18px;}
    .lymo_contbx .ly_tit .impct { color: #f00;}
    .lymo_contbx .evtpr ul { font-size: 14.5px; margin-bottom: 24px;}
    .lymo_contbx .evtpr ul li { margin-bottom: 5px; line-height: 21px;}
    .lymo_contbx .evtpr ul li .impct { color: #ff5353; font-family:"SCoreDreamMedium"; }

    .lymo_contbx .evtpl .plbx { padding: 10px; border-radius: 6px; border: 1px solid #e1e1e1; width: 45%; text-align: center; font-size: 15px; padding-left: 0px;}
    .lymo_contbx .evtpl .plbx.one { background: #fff;}
    .lymo_contbx .evtpl .plbx.tw { background: #fff; padding-left: 0;}

} 


/* @media screen and (max-width: 900px) {
    .gyboxwrap .box { width: 33%; overflow: hidden; margin-right: 8px;}
} */