@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:ns; font-weight:100; src:url(/font/notokr-demilight.eot); src:local('※'), url(/font/notokr-demilight.woff) format('woff');}
@font-face {font-family:ns; font-weight:500; src:url(/font/notokr-medium.eot); src:local('※'), url(/font/notokr-medium.woff) format('woff');}
@font-face {font-family:bb; font-weight:500; src:url(/font/BebasNeue.eot); src:local('※'), url(/font/BebasNeue.woff) format('woff');}@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:'Cafe24Simplehae'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Cafe24ClassicType'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Cafe24ClassicType-Regular.woff2') format('woff2'); font-weight:normal; font-display:swap;}
@font-face {font-family:'Diphylleia-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_JAMO@1.0/Diphylleia-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'WavvePADO-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/WavvePADO-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'LOTTERIADDAG'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/LOTTERIADDAG.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'MapoFlowerIsland'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff'); font-weight:normal; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2'); font-weight:100; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2'); font-weight:200; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2'); font-weight:300; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2'); font-weight:400; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2'); font-weight:500; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2'); font-weight:600; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2'); font-weight:700; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2'); font-weight:800; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2'); font-weight:900; font-display:swap;}
@font-face {font-family:'Euljiro'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BMEULJIRO.woff') format('woff'); font-weight:normal; font-display:swap;}
@font-face {font-family:'GMarketSans'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:300; font-display:swap;}
@font-face {font-family:'GMarketSans'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:500; font-display:swap;}
@font-face {font-family:'GMarketSans'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:700; font-display:swap;}




*, body {margin:0; padding:0;}
body {font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 
"Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
background:#fffbf9;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, 
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, select, button, body, td, form, select, input, button, textarea, div, option, pre, p, span, blockquote, li, dt, dd, 
legend, label, h1, h2, h3, h4, h5, h6, div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative; box-sizing:border-box;}
label, button, input[type=button], input[type=submit], input[type=image] {cursor:pointer;}
img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
label {cursor:pointer; color:#666;}
select {cursor:pointer; border:1px solid #ddd; font-size:12px; color:#666;}
img {max-width:100%;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.fll {float:left;}
.flr {float:right;}
.display_block {display:block !important;}
.scale {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/}
.scale:hover {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}
.px1500 {width:90%; margin:0 auto;}
.sub00 {width:90%; margin:50px auto;}


/* 셀렉션 */
div::selection, article::selection, header::selection, li::selection, span::selection, p::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, strong::selection,
input::selection, textarea::selection, select::selection, td::selection, th::selection, table::selection, figure::selection, figcaption::selection, img::selection, a::selection, ol::selection, ul::selection,
iframe::selection, video::selection, footer::selection, label::selection
{background:#1da9ff; color:#fff;}











/* ============= 헤더 ============= */
header {width:100%; padding:20px; z-index:999; border-bottom:1px solid #ddd; overflow:hidden;}
header::after {content:"";}
header img {display:block;}
.addition {width:100%; display:flex; justify-content:space-between;}
.addition > h1 {z-index:90; }
.fixed1 {z-index:999;cursor:pointer; margin:10px 0 0 0;}
.div_PCfixed1 {display:none;}

#navigation {display:none;}
#sidebar {width:calc(100% - 40px); height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:999999999999;}
#sidebar > h3 {width:150px;}
#sidebar > h3 img {width:100%;}
#login_joinus {display:none;}
.snsicons  {display:flex; margin:20px 0 0 0; gap:15px;}
.snsicons li {transition:transform 0.3s ease;}
.snsicons li:hover {transform:translateY(-5px);}
.h1_nav01 {font-size:10px; color:#333; font-weight:500; margin:40px auto 0 auto; text-transform:uppercase; padding:0 0 10px 0; border-bottom:1px solid #333;}
.tuxedo-menu.tuxedo-menu-fixed {position:fixed; top:0; left:0; padding:0 20px; overflow:auto; z-index:11919911026; opacity:1;}
.tuxedo-menu {background:#fafafa; -webkit-animation-duration:200ms; animation-duration:200ms; display:none;}
.tuxedo-menu.tuxedo-menu-visible {display:block;}
.navXbtn01 {margin:20px auto 0 auto; text-align:right; width:100%; overflow:hidden;}
.navXbtn01 img {width:30px; height:30px; float:right;}
.nav_cate01 {width:100%; margin:0 auto; text-transform:uppercase;}
.nav_cate01 > li, .nav_cate01 > li.active {font-size:15px; background:#fff url(/img/mobilenav_bar01.png) no-repeat 95% 23px; background-size:15px;}
.nav_cate01 > li.active {background:#fff url(/img/mobilenav_bar02.png) no-repeat 95% 23px; background-size:15px;}
.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee; font-weight:500;}
.nav_cate01 a {display:block; padding:0 5%; border-bottom:1px solid #ddd; width:90%; height:60px; line-height:60px;}
.nav_cate01 li:last-child.subgnb01 > li:last-child {border-bottom:none;}
.subgnb01 > li {background:#fbfbfb; font-size:13px; font-weight:normal;}
.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.subgnb01 > li > a {color:#333;}
.section_ma02cscenter {background:#fff; text-align:center; margin:5px auto 30px auto;}
.section_ma02cscenter > h1 {height:23px; overflow:Hidden;}
.section_ma02cscenter > h1 strong {display:block; font-size:18px; color:#111; float:left;}
.section_ma02cscenter > h1 span {display:block; color:#999; letter-spacing:0.2em; margin:0 0 0 8px; font-size:10px; font-weight:100; float:left; line-height:18px;}
.section_ma02cscenter div {overflow:Hidden; text-align:center; margin:15px auto 20px auto;}
.section_ma02cscenter div h1 {font-size:30px; letter-spacing:-0.05em; font-weight:900; line-height:38px; color:#582718;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#582718; vertical-align:top; line-height:50px;}
.section_ma02cscenter div h1 a img {width:30px; padding:13px 10px 0 0;}
.section_ma02cscenter ul {width:95%; overflow:Hidden; margin:10px auto 0 auto; text-align:left;}
.section_ma02cscenter ul li {font-size:13px; color:#333; letter-spacing:-0.05em; vertical-align:top; display:inline-block; margin:0 10px 0 0;}
.section_ma02cscenter ul li:nth-child(odd) {font-weight:600; margin:0 5px 0 0;}
.section_ma02cscenter p {font-size:13px; text-align:center; letter-spacing:-0.1em;}
.section_ma02cscenter h3 {background:#582718; color:#fff; text-align:center; margin:20px auto 0 auto; font-size:18px; padding:10px; font-weight:500; border-radius:30px; width:70%;}
.section_ma02cscenter h3 a {Color:#fff;}









/* ============= 푸터 ============= */
footer {width:100%; margin:0 auto; overflow:hidden;}
#onlineinquiry {background:url(/img/footerbg01.jpg) no-repeat center; background-size:cover; text-align:center; width:100%; padding:30px 0;}
#onlineinquiry h1 {font-family:'GMarketSans'; font-size:50px; color:#ffddca; font-weight:400;}
#onlineinquiry p {font-size:19px; color:#fff; margin:30px auto 40px auto;}
#onlineinquiry a {display:block; background:rgba(255,255,255,0.2); color:#fff; font-family:'GMarketSans'; font-size:12px; font-weight:600; width:200px; height:50px; line-height:52px; text-transform:uppercase; margin:0 auto; font-weight:400;}
.footerbottom {width:100%; background:#17100c; padding:50px 0;}
.footerbottom div {display:flex; justify-content:space-between; gap:30px;}
.footerbottom div article {font-size:15px; color:#fff; line-height:25px;}
.footerbottom div article a {color:#fff;}
.footerbottom ul {display:flex; gap:10px; margin:4px 0 0 0;}
.footerbottom strong {text-transform:uppercase; font-weight:400;}








/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual {background:#000;}
#mainvisual .slider {overflow:hidden; width:100%; margin:0 auto; aspect-ratio:1920 / 1780;}
#mainvisual .slides {display:flex; width:100%; height:100%; transition:transform 0.5s ease-in-out;}
#mainvisual .slide {min-width:100%; height:100%;}
.image-slide > img {width:100%; height:100%; object-fit:cover;}
.slidesnav00 {position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; background:none; text-align:center; border-radius:100px; cursor:pointer; z-index:160; border:none;}
.slidesnav00 img {vertical-align:middle;}
#mainvisual .prev {left:20px;}
#mainvisual .next img {transform:rotate(180deg);}
#mainvisual .next {right:20px;}
#mainvisual .pagination {position:absolute; bottom:50px; left:0; width:100%; flex-wrap:wrap; display:flex; gap:10px; z-index:5; justify-content:center; display:none;}
#mainvisual .pagination-dot {width:16px; height:16px; border-radius:50%; border:3px solid #582718; opacity:0.3; cursor:pointer;}
#mainvisual .pagination-dot.active {opacity:1; background:#582718;}
.maintextwrap {width:100%; position:absolute; left:0; top:0; height:100%; padding:50px; z-index:150;}
.maintxtx {height:100%;}
.maintxtx h1 {Font-size:60px; font-family:'GMarketSans'; font-weight:100; text-transform:uppercase; color:#fff;}
.maintxtx h1 strong {font-weighT:900; font-size:75px; color:#fecaa0;}
.maintxtx h1 b {font-weighT:900; font-size:78px; color:#fff291;}
.maintxtx p {text-align:right; color:#fff; bottom:100px; position:absolute; right:0;}
.maintxtx p span {display:block; font-size:26px; color:#fff; font-weight:300; line-height:40px;}
.maintxtx p b {font-weight:400; font-family:'GMarketSans'; margin:30px 0 0 0; display:block; font-size:13px; line-height:25px; opacity:0.6; text-transform:uppercase;}




/* 메인공통 */
.h1titlemain {text-align:center;}
.h1titlemain h4 {font-family:'GMarketSans'; font-size:17px; color:#7d594e; text-transform:uppercase; font-weighT:400; margin:0 auto 50px auto;}
.h1titlemain h1, .h1titlemain h2 {font-family:'Cafe24ClassicType'; color:#582718; text-transform:uppercase; font-size:100px; font-weight:400; height:79px; line-height:91px;}
.h1titlemain h2 {font-family:'GMarketSans'; letter-spacing:-0.05em; font-size:90px;}
.h1titlemain h3 {top:-25px;}
.atag001 {display:block; transition:transform 0.3s ease; text-align:Center; color:#fff; margin:70px auto; width:465px; height:60px; line-height:63px; text-transform:uppercase; background:#000; font-family:'GMarketSans'; font-size:12px; font-weight:600;}
.atag001:hover {transform:translateY(-10px);}



/* 메인01 */
#main01 {padding:200px 0; width:100%; background:url(/img/main01bg.png) no-repeat center; background-size:cover; text-align:Center; background-attachment:fixed;}
#main01 article {width:90%; margin:0 auto;}
#main01 article p {font-size:25px; line-height:41px; letter-spacing:-0.05em; color:#222; margin:70px auto; opacity:0.7;}
#main01 article span {display:block; color:#555; opacity:0.5; font-size:12px; text-transform:uppercase; line-height:25px;}
#main01 article b br {display:none;}


/* 메인02 */
/* 메인02 */
.main02wrap {width:90%; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.main02wrap section {width:100%; text-align:center; transition:transform 0.3s ease;}
.main02wrap section:hover {transform:translateY(-10px);}
.main02wrap section a {display:block;}
.main02wrap section figure {width:100%; overflow:hidden;}
.main02wrap section figure img {width:100%; display:block;}
.main02wrap section h3 {font-family:'GMarketSans'; font-size:13px; color:#222; margin:30px auto 0 auto; text-transform: uppercase;}
.main02wrap section h1 {font-size:20px; letter-spacing:-0.05em; font-weighT:400; margin:10px auto 0 auto; color:#333;}
.main02wrap section p {overflow:hidden; text-transform:uppercase; font-family:'GMarketSans'; font-size:12px; color:#222; padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:30px auto 0 auto; transition:color 0.3s ease;}
.main02wrap section p::before {content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#582718; z-index:-1; transition:width 0.4s ease;}
.main02wrap section:hover p {color:#fff;}
.main02wrap section:hover p::before {width:100%;}



/* 메인03 */
#main03 {padding:100px 0;}
.main03wrap {display:flex; justify-content:space-between;}
.main03wrap section {width:31%; text-align:Center;}
.main03wrap section h1 {font-size:120px; text-align:center; opacity:0.1; font-weighT:900; top:70px; z-index:90;}
.main03wrap section figure {}
.main03wrap section figure img {border-radius:100%;}
.main03wrap section h3 {font-family:'GMarketSans'; font-size:30px; color:#444; margin:13px auto; letter-spacing:-0.05em; text-transform:uppercase;}
.main03wrap section p {font-size:18px; line-height:30px; color:#666; letter-spacing:-0.05em;}



/* 메인04 */
#main04 {padding:100px 0; width:100%; background:url(/img/main04bg.png) no-repeat center; background-size:cover; text-align:Center; background-attachment:fixed;}
.ekdcjacnrgk01 {text-align:center;}
.slick-list {display:flex; gap:30px; width:90%; margin:0 auto;}
.ekdcjacnrgk01 .slick-dots {width:100%; position:absolute; bottom:20px; display:none !important;}
.ekdcjacnrgk01 .slick-dots li {width:24px; height:24px; color:#fff; z-index:100; font-size:0; background:url(/img/bullet03.png) no-repeat center; display:inline-Block; margin:0 0 0 8px; cursor:pointer;}
.ekdcjacnrgk01 .slick-dots li button {border:none; font-size:0;}
.ekdcjacnrgk01 .slick-dots li.slick-active {background:url(/img/bullet04.png) no-repeat center;}
.ekdcjacnrgk01 .slick-next, .ekdcjacnrgk01 .slick-prev {width:40px; height:79px; position:absolute; font-size:0; border:none; z-index:150; top:32%;}
.slick-prev {left:10px; background:url(/img/main02arrowLEFT.png) no-repeat left;}
.slick-next {right:10px; background:url(/img/main02arrowRIGHT.png) no-repeat right;}
.main04wrap {width:100%;}
.main04wrap .slick-slide {margin:10px;}
.main04wrap figure {bordeR:1px solid #ddd;}
.main04wrap h3 {font-family:'GMarketSans'; font-size:12px; color:#222; text-transform:uppercase; margin:15px auto 0 auto;}
.main04wrap h1 {font-size:22px; color:#777; margin:10px; padding:0 0 15px 0; border-bottom:1px solid #ddd; font-weight:400;}




/* 메인05 */
#main05 {width:100%; background:#fff; padding:100px 0; overflow:hidden;}
#main05 > div > h1 {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
#main05 > div > h1 strong {font-weight:200; font-size:40px; letter-spacing:-0.05em;}
#main05 > div > h1 a {font-family:'GMarketSans'; font-size:12px; color:#222; text-transform:uppercase;}
.main05wrap {display:flex; flex-wrap:wrap; gap:40px; margin:50px 0 0 0; justify-content:space-between;}
.main05wrap section {width:31%; background:#fff7f6; transition:transform 0.3s ease, border 0.3s ease;}
.main05wrap section:hover {transform:translateY(-10px); border:3px solid #3d1d17;}
.main05wrap a {display:block; padding:40px;}
.main05wrap h3 {font-size:16px; letter-spacing:-0.05em; font-weight:400; color:#333;}
.main05wrap h1 {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#222; font-weight:600; font-size:25px; margin:30px 0  90px 0;}
.main05wrap p {font-size:14px; color:#333; opacity:0.5;}











/* ============= 서브 ============= */
/* 서브공통 */
.subvis {width:100%; display:flex; flex-wrap:wrap; align-content:center; text-align:Center; height:715px;}
.subvis h3, .subvis h1{width:100%; font-family:'GMarketSans';}
.subvis h3 {font-size:15px; color:#fff; font-weight:400; text-transform:uppercase;}
.subvis h3 span {display:none;}
.subvis h1 {color:#ffcfa2; font-size:85px; letter-spacing:-0.05em; margin:20px auto 0 auto;}
.subvis ul {width:100%; display:flex; justify-content:center; height:60px; line-heighT:62px; position:absolute; bottom:0; gap:1px;}
.subvis ul li {width:200px; background:rgba(255,255,255,0.2); font-size:20px;}
.subvis ul li a {display:block; color:#fff;}
.subvis ul li:hover, .activesubmmmmenu {background:rgb(85 47 11 / 80%) !important; font-weight:600;}
.subvis01 {background:url(/img/subvis01.jpg) no-repeat center; background-attachment:fixed;}
.subvis02 {background:url(/img/subvis02.jpg) no-repeat center; background-attachment:fixed;}
.subvis03 {background:url(/img/subvis03.jpg) no-repeat center; background-attachment:fixed;}
.subvis04 {background:url(/img/subvis04.jpg) no-repeat center; background-attachment:fixed;}
.subvis05 {background:url(/img/subvis05.jpg) no-repeat center; background-attachment:fixed;}
#subpage {width:100%; padding:0 0 100px 0;}
.subpageH1, .subpageH1nobg {font-family:'GMarketSans'; font-size:65px; color:#333; font-weight:900; padding:150px 0 0 0; width:90%; text-align:center; margin:0 auto; text-transform:uppercase;}
.subpageH1 {background:url(/img/bar01.jpg) no-repeat center top; padding:200px 0 0 0; letter-spacing:-0.05em;}
.subpageH1 span {display:none;}
.subpageH1 strong {font-size:15px; display:block; font-weight:400; opacity:0.3;}
.subcommon_article {margin:0 auto; text-align:center;}
.subcommon_article p {font-size:25px; line-height:41px; letter-spacing:-0.05em; color:#222; margin:70px auto 0 auto; opacity:0.7;}
.subcommon_article span {display:block; color:#555; opacity:0.5; font-size:12px; text-transform:uppercase; line-height:25px; margin:30px auto 0 auto; text-transform:uppercase;}
.subcommon_article strong {display:block; color:#d94d4d; font-weight:400; font-size:18px; line-height:28px; margin:30px auto 0 auto;}
.subcommon_article b br {display:none;}



/* 서브02 */
.sub02wrap {}
.sub02wrap hgroup {font-family:'GMarketSans'; text-align:Center; margin:100px auto 60px auto;}
.sub02wrap hgroup h3 {}
.sub02wrap hgroup h1 {font-size:55px; letter-spacing:-0.05em;}
.sub02wrap hgroup h4 {font-size:30px; color:#4a3636; opacity:0.5; letter-spacing:-0.06em;}
.sub02wrap01 h1 {color:#a65b2e;}
.sub02wrap02 h1 {color:#2d8dff;}
.itemswrap {display:grid; grid-template-columns:repeat(3,1fr); gap:30px; align-items:baseline;}
.itemswrap section {width:100%; text-align:center; padding:0 0 20px 0; border-bottom:1px solid #ddd;}
.itemswrap figure {bordeR:1px solid #ddd;}
.itemswrap figure img {width:100%; display:block;}
.itemswrap h3 {font-family:'GMarketSans'; font-size:12px; color:#222; text-transform:uppercase; margin:20px auto 10px auto;}
.itemswrap h1 {font-size:22px; color:#777; font-weight:400;}
.itemswrap p {font-size:18px; color:#333; margin:10px auto; line-height:28px; border-top:1px dashed #ddd; padding:10px 0 0 0;}
.itemswrap h4 {font-weight:600; color:#fff; width:100%; backgrounD:#d02d25; padding:15px 0; font-size:18px; margin:20px 0 0 0;}
.figures002ro {display:flex; align-items:center; justify-content:space-between; margin:50px auto 0 auto;}
.figures002ro figure {width:49%;}
.figures002ro figure img {display:block; width:100%;}
.sub0203 .itemswrap section {padding:0; border-bottom:none;}



/* 서브03 */
.sub03writewrap {margin:75px auto 0 auto; border:1px dashed #ddd; border-top:2px solid #d02d25; border-radius:0 0 20px 20px; padding:50px; backgrounD:#fff;}
.sub03writewrap ul {display:flex; justify-content:space-between;}
.sub03writewrap li {display:flex; justify-content:space-between; width:47%; height:50px; line-heighT:50px; margin:0 0 30px 0;}
.sub03writewrap li strong {font-size:17px; color:#444; width:100px;}
.sub03writewrap li input {border:1px solid #ddd; padding:0 25px;}
.sub03writewrap li textarea {border:1px solid #ddd; padding:25px;}
.sub03writewrap li input, .sub03writewrap li textarea {font-family:"Pretendard Variable"; width:calc(100% - 105px); font-size:15px; color:#555; outline:none;}
.sub03writewrap button {border:none; font-size:20px; font-family:"Pretendard Variable"; background:#d02d25; margin:30px auto 0 auto;}
#textareaul li {width:100%; height:300px; line-height:30px;}






/* 서브04 */
.paging00 {margin:50px auto 0 auto; text-align:center; display:flex; gap:10px; justify-content:center;}
.paging00 li {width:50px; height:50px; line-height:50px; text-align:Center; border:1px solid #eee; font-size:13px;}
.paging00 li a {display:block; color:#777;}
.paging00 li:first-child, .paging00 li:last-child {font-size:10px;}
.board001 {margin:100px auto 0 auto;}

































/* ================== 반응형 ================== */
@media screen and (min-width:1400px)
{
/* ============= 헤더 ============= */
.px1500 {width:1400px; margin:0 auto;}
#jy_pop123123 img {width:700px;}




/* ============= 헤더 ============= */
header {margin:0 auto; position:relative; overflow:visible; width:100%; padding:0;}
.container {width:auto;  padding:0 50px; display:flex; align-items:center; justify-content:space-between;}
.container h1, .container p {position:relative; top:0;}
.container h1 {width:250px;}
.div_Mfixed1 {display:none;}
.div_PCfixed1 {display:block; float:none; margin:0;}
.div_PCfixed1 h3 {height:47px; border-radius:50px; background:#1f3e6a; display:flex;}
.div_PCfixed1 h3 span {height:47px; widtH:47px; line-height:47px; text-align:center; background:#132948; border-radius:50px;}
.div_PCfixed1 h3 span img {display:inline; vertical-align:middle; top:-2px;}
.div_PCfixed1 h3 strong {color:#fff; font-size:20px; line-height:47px; margin:0 0 0 20px;}
.div_PCfixed1 ul {display:flex; justify-content:flex-end; gap:10px;}
.snsicons  {margin:0; justify-content:flex-end;}
.nav_cate01 > li > a {line-height:60px; height:60px; font-size:20px; text-align:left;}
.navXbtn01 img {width:50px; height:50px; cursor:pointer;}
#navigation {width:calc(100% - 600px); z-index:97; display:block;}
.navul01 {margin:0 auto; display:flex; text-align:center; justify-content:center; height:100px; align-items:center;}
.navul01 li {font-size:20px; width:150px;}
.navul01 > li > a {height:100%; line-height:100px;}
.navul01 li a {color:#333; display:block;}
.navulsub01 {position:absolute; top:60px; background:rgba(255,255,255,0.8); width:100%; padding:35px 0; overflow:Hidden; display:none;}
.navulsub01 > div {text-align:center; overflow:hidden; display:flex; justify-content:center;}
.navulsub01 ul {display:inline-block; margin:0; width:150px; vertical-align:top; text-align:center;}
.navulsub01 ul li:first-child {font-size:18px; margin:0 0 15px 0; font-weight:900; color:#582718;}
.navulsub01 ul li {margin:10px 0 0 0;}
.navulsub01 ul li a {color:#333; font-size:16px;}
.navulsub01 ul li a:hover {color:#582718; font-weighT:600;}

/* PC버전사이드메뉴펼쳤을때수정 */
#sidebar > h3 {width:100%; text-align:center;}
#sidebar > h3 img {width:250px;}
.metismenu.collapse {display:block !important;}
.nav_cate01 {text-align:Center;}
.nav_cate01 > li, .nav_cate01 > li.active {background:none; display:inline-block; vertical-align:top; text-align:left; width:30%; border-top:1px solid #eee; margin:30px 0.5%;}
.nav_cate01 > li > a {background:#f6fdfd;}
.nav_cate01 a {border-bottom:none; line-height:40px; height:40px;}
.subgnb01 > li {background:none;}
.h1_nav01 {display:none;}
.section_ma02cscenter {display:none;}
.nav_cate01 li:last-child.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.metismenu .collapse {display:block !important;}


/* 일일이메뉴 */
.hov1 {font-weight:bold; color:#1f3e6a;}
.subgnb_common {display:none; position:absolute; top:101px; background:rgba(0,0,0,0.7);}
.subgnb_common > li {font-size:17px; height:45px; line-height:45px; border-bottom:1px solid #ddd;}
.subgnb_common > li > a {color:#fff; font-weight:normal;}
.subgnb_common > li > a:hover {background:rgb(91 40 10 / 50%); color:#fff; font-weight:500;}



/* ============= 푸터 ============= */
.footer01 article br {display:block;}







/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual .prev {left:50px;}
#mainvisual .next {right:50px;}
#mainvisual .image-slide > img {object-fit:fill;}



/* 메인01 */
#main01 {padding:300px 0;}
#main01 article b br {display:block;}


/* 메인02 */
/*.main02wrap {width:1500px;} */
.main02wrap {width:1500px; grid-template-columns:repeat(4,1fr); gap:30px;}



/* 메인04 */
#main04 {padding:200px 0;}
.slick-list {width:1500px;}
.ekdcjacnrgk01 .slick-next, .ekdcjacnrgk01 .slick-prev {top:220px;}
.slick-prev {left:50px;}
.slick-next {right:50px;}












/* ============= 서브 ============= */
/* 서브01 */
.subcommon_article b br {display:block;}





}














@media screen and (min-width:769px) and (max-width:1499px)
{
/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual .slider {aspect-ratio:16 / 25;}
.slidesnav00 {top:40%;}
.maintxtx h1 {font-size:40px;}
.maintxtx h1 strong {font-size:50px;}
.maintxtx h1 b {font-size:52px;}



/* 메인공통 */
.h1titlemain h1, .h1titlemain h2 {font-size:70px; height:59px; line-height:65px;}
.h1titlemain h3 img {max-width:400px; margin:0 auto;}



/* 메인02 */
/* .main02wrap {gap:30px;} */
.main02wrap {gap:20px; grid-template-columns:repeat(3,1fr);}



/* 메인03 */
.main03wrap section h1 {font-size:70px; top:40px;}
.main03wrap section h3 {font-size:25px;}
.main03wrap section p {font-size:15px; line-height:26px;}
.main03wrap section p br {display:none;}



/* 메인04 */
#main04 {padding:100px 0 50px 0;}
.ekdcjacnrgk01 .slick-next, .ekdcjacnrgk01 .slick-prev {width:20px;}



/* 메인05 */
.main05wrap {gap:20px;}
.main05wrap section {width:30%;}
.main05wrap section a {padding:20px;}






/* ============= 서브 ============= */
/* 서브03 */
.sub03writewrap {padding:25px;}
}












@media screen and (min-width:0px) and (max-width:768px)
{
/* ============= 헤더 ============= */
header img {max-width:80%;}








/* ============= 푸터 ============= */
#onlineinquiry h1 {font-size:35px;}
#onlineinquiry p {font-size:15px; line-height:27px;}

.footerbottom div {flex-wrap:wrap; justify-content:center;}
.footerbottom div article {font-size:13px; text-align:center;}







/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual {width:100%;}
#mainvisual .slider {aspect-ratio:16 / 25;}
.slidesnav00 {top:50%; width:30px;}
.maintextwrap {padding:20px;}
.maintxtx h1 {font-size:20px;}
.maintxtx h1 strong {font-size:22px;}
.maintxtx h1 b {font-size:23px;}
.maintxtx p {bottom:0;}
.maintxtx p b {display:none;}
.maintxtx p span {font-size:13px; line-height:22px;}


/* 메인공통 */
.h1titlemain h1, .h1titlemain h2 {font-size:39px; line-height:58px; height:61px;}
.h1titlemain h4 {font-size:14px; margin:0 auto 10px auto;}
.h1titlemain h3 img {max-width:210px; margin:0 auto;}



/* 메인01 */
#main01 {padding:70px 0;}
#main01 article p {font-size:17px; line-height:30px; margin:30px auto;}
#main01 article span {font-size:10px; line-height:22px;}


/* 메인02 */
.main02wrap {gap:20px; grid-template-columns:repeat(2,1fr);}
.main02wrap section h1 {font-size:13px;}
.main02wrap section h3, .main02wrap section p {font-size:10px; margin:10px auto 0 auto;}
.main02wrap section p {padding:7px 0;}


.atag001 {width:300px; margin:30px auto; font-size:10px; height:40px; line-height:43px;}





/* 메인03 */
.main03wrap {flex-wrap:wrap;}
.main03wrap section {width:100%;}
.main03wrap section h1 {font-size:100px; top:60px;}
.main03wrap section h3 {font-size:22px;}
.main03wrap section p {font-size:14px; line-height:26px;}
.main03wrap section p br {display:none;}





/* 메인04 */
#main04 {padding:0 0 50px 0;}
.ekdcjacnrgk01 .slick-next, .ekdcjacnrgk01 .slick-prev {width:20px;}



/* 메인05 */
#main05 {padding:50px 0;}
#main05 > div > h1 strong {font-size:27px;}
.main05wrap {gap:15px; margin:30px 0 0 0;}
.main05wrap section {width:100%;}
.main05wrap section a {padding:20px;}
.main05wrap h1 {margin:20px 0 40px 0; font-size:20px;}








/* ============= 서브 ============= */
/* 서브공통 */
.subvis {height:450px;}
.subvis h1 {font-size:40px;}
.subvis h3 {font-size:10px;}
.subvis ul {gap:5px; height:50px; line-height:50px;}
.subvis ul li {width:30%; font-size:14px;}
.subpageH1, .subpageH1nobg {font-size:35px; padding:70px 0 0 0;}
.subpageH1 {Background-size:1px 80px; padding:130px 0 0 0;}
.subpageH1 strong {font-size:10px;}




/* 서브01 */
.subcommon_article p, .subcommon_article strong {font-size:15px; line-height:24px; margin:30px auto;}
.subcommon_article span {font-size:10px; line-height:22px;}




/* 서브02 */
.sub02wrap hgroup {margin:100px auto 20px auto;}
.sub02wrap hgroup h1 {font-size:40px;}
.sub02wrap hgroup h4 {font-size:22px;}
.itemswrap {grid-template-columns:repeat(2,1fr); gap:10px;}
.itemswrap h3 {font-size:10px;}
.itemswrap h1 {font-size:18px;}
.itemswrap p, .itemswrap h4 {line-height:22px; font-size:13px;}
.itemswrap h4 {padding:5px 0;}
.figures002ro {margin:20px auto 0 auto;}




/* 서브03 */
.sub03writewrap {padding:25px; margin:30px auto 0 auto;}
.sub03writewrap ul {flex-wrap:wrap;}
.sub03writewrap li {width:100%;}
.sub03writewrap li strong {font-size:13px;}
.sub03writewrap li input, .sub03writewrap li textarea {width:calc(100% - 90px); padding:10px;}
.sub03writewrap button {max-width:100%;}




/* 서브04 */
.paging00 li {width:35px; height:35px; line-height:35px; font-size:10px;}
.board001 {margin:50px auto 0 auto;}
}