@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:'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;}
@font-face {font-family:'Ria'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2'); font-weight:normal; 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;}
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%;}
input, select, textarea {font-family:"Pretendard Variable";}
.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;}
.mrb50 {margin-bottom:50px !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);}


/* 셀렉션 */
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:#fff7d6; color:#222;}

#subvis > h1 strong::selection {background:#ffcd46; color:#222;}







/* ============= 헤더 ============= */
header {width:100%; padding:20px; z-index:999; border-bottom:1px solid #ddd; overflow:hidden;}
header::after {content:"";}
header img {display:block;}
header h1 img {width:200px;}
.addition {width:100%; display:flex; justify-content:space-between;}
.addition > h1 {z-index:90; }
.fixed1 {z-index:999;cursor:pointer; margin:17px 0 0 0;}
.container > .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:#ea4d2b;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#ea4d2b; 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:#ea4d2b; 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;}

.div_PCfixed1 {}
.div_PCfixed1 ul {display:flex; gap:5px;}
.div_PCfixed1 ul li {border-radius:10px; font-size:9px; font-weighT:bold; font-family:'GMarketSans'; background:#ff8166; text-transform:uppercase; widtH:100px; height:33px; line-height:36px; text-align:Center;}
.div_PCfixed1 ul li:first-child {background:#ea4d2b;}
.div_PCfixed1 ul li a {display:block; color:#fff;}























/* ============= 메인 ============= */
#maincommonwrap {width:100%; padding:5%; background:#fffef8;}


/* 메인비주얼 */
#mainvisual .slider {overflow:hidden; width:100%; margin:0 auto; aspect-ratio:1920 / 650; border-radius:50px;}
#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:10; border:none; background:rgba(255,255,255,0.2); }
.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;}
#mainvisual .pagination-dot {width:16px; height:16px; border-radius:50%; border:3px solid #fff; opacity:0.3; cursor:pointer;}
#mainvisual .pagination-dot.active {opacity:1; background:#fff;}
.image-slide01 {background:url(/img/mainvisbg01.jpg) center; background-size:100% 100%;}
.image-slide02 {background:url(/img/mainvisbg02.jpg) center; background-size:100% 100%;}
.image-slide03 {background:url(/img/mainvisbg03.jpg) center; background-size:100% 100%;}
.mainvisualwrap00 {display:flex; justify-content:center; align-items:center; height:100%; width:90%; margin:0 auto;}
.maintextwrap h1 {font-family:'GMarketSans'; color:#ffe747; letter-spacing:-0.07em;}
.maintextwrap h3 {font-family:'GMarketSans'; color:#fff; font-weight:100; margin:10px 0 0 0;}
.maintextwrap p {color:#fff; font-weight:500; display:none;}



/* 메인01 */
.main01 {padding:100px 0 0 0;}
.h3maintitle {font-size:28px; font-weight:400; line-height:36px; color:#222; letter-spacing:-0.07em;}
.h3maintitle strong {font-weight:600;}
.main01wrap {display:flex; flex-wrap:wrap; justify-content:space-between; gap:25px; margin:30px auto 0 auto;}
.main01wrap section {border-radius:30px; min-height:410px; transition:transform 0.3s ease;}
.main01wrap section:hover {transform:translateY(-10px);}
.main01wrap section a {display:block; padding:50px 37px; height:100%;}
.main01wrap section h1 {font-family:'Ria'; color:#fff; font-size:30px; line-height:40px;}
.main01wrap section p {font-size:18px; color:#fff; opacity:0.8; margin:30px 0 0 0; line-height:29px;}
.main01wrap section b {display:block; position:absolute; right:30px; top:30px;}
.main01section01 {background:url(/img/main01img01.png) no-repeat right bottom #376fc4;}
.main01section02 {background:url(/img/main01img02.png) no-repeat right 90% #e85b9a;}
.main01section03 {background:url(/img/main01img03.png) no-repeat 85% 70% #33a580;}
.main01section04 {background:url(/img/main01img04.png) no-repeat right 70% #e9d265;}
.main01section02 h1 br:nth-of-type(1) {display:none;}
.main01 > a {font-family:'Ria'; transition:transform 0.3s ease; font-size:40px; display:block; box-shadow:8px 8px 24px 7px rgba(0, 0, 0, 0.15); width:680px; height:110px; line-height:110px; color:#ffdd33; border-radius:30px; text-align:center; margin:50px auto; background:linear-gradient(to right, #cf470d, #f5af47);}



/* 메인02 */
.main02 {padding:100px 0 0 0;}
.main02wrap {display:flex; flex-wrap:wrap; justify-content:space-between; gap:25px; margin:30px auto 0 auto;}
.main02wrap section {width:49%; display:flex; justify-content:space-between; align-items:center; padding:20px;border-radius:15px; background:#fff; box-shadow:1px 1px 15px 5px rgba(0, 0, 0, 0.05);}
.main02wrap section h3 {font-size:22px; color:#222; letter-spacing:-0.05em;}
.main02wrap section p {font-size:15px; margin:10px 0 0 0; color:#888; letter-spacing:-0.05em;}
.main02wrap section figure {width:30%; text-align:right;}
.main02wrap section figure img {max-height:80px;}



/* 메인03 */
.main03, .main03bg {width:100%; padding:50px 5%;}
.main03bg {background:#fffef8;}
.main03wrap {display:flex; justify-content:space-between; margin:30px auto 0 auto; flex-wrap:wrap;}
.main03wrap div {text-align:center; display:flex; flex-wrap:wrap; align-items:center; padding:35px; border-radius:30px; min-height:300px; background:url(/img/main03bg01.png) repeat; overflow:hidden;}
.main03wrap div h3 {color:#fff; font-family:'Ria'; font-weight:500; font-size:30px; line-height:45px; letter-spacing:-0.06em; width:100%;}
.main03wrap div h3 strong {color:#ffdd00; font-weight:500;}
.main03wrap div p {color:#000; font-size:20px; letter-spacing:-0.05em; margin:20px auto 0 auto; border-radius:50px; height:55px; line-heighT:55px; background:#ffdd00; display:inline-block; padding:0 20px; font-weight:600;}
.main03wrap div figure {width:100%; height:100%; position:absolute; left:0; top:0;}
.main03wrap div figure img {position:absolute;}
.main03wrap div figure img:first-child {left:0; bottom:0;}
.main03wrap div figure img:last-child {right:0; bottom:0;}
.main03wrap section {padding:35px; border-radius:30px; min-height:300px;}
.main03wrap section h3 {font-size:23px;}
.main03wrap section h1 {font-family:'Ria'; font-size:27px; margin:15px 0 25px 0; letter-spacing:-0.03em;}
.main03wrap section ul li {display:flex; font-size:20px; gap:15px; line-height:28px;}
.main03wrap section ul li strong {font-weighT:600;}
.main03wrap section ul li span {}
.main03section01 {background:url(/img/main03img01.png) no-repeat 90% 90% #b73517;}
.main03section02 {background:url(/img/main03img02.png) no-repeat 90% 90% #ffdd00;}
.main03section01 h3, .main03section01 li {color:#fff;}
.main03section01 h1 {color:#ffdd00;}
.main03section02 h3, .main03section02 h1, .main03section02 li {color:#222;}









/* ============= 푸터 ============= */
footer {width:100%; padding:50px 5%; margin:0 auto; border-top:1px solid #eee;}
footer img {filter:grayscale(100%); width:170px;}
footer article {margin:20px 0; font-size:15px; line-height:27px; color:#333;}
footer article br {Display:none;}
footer ul {display:flex; margin:20px 0; gap:15px;}
footer ul li {font-size:17px; font-weight:600;}
footer ul li a {color:#333;}
footer h1 {font-size:11px; font-family:'GMarketSans'; text-transform:uppercase;}
















/* ============= 서브 ============= */
/* 서브공통 */
#subvis {margin:0 auto 65px auto;}
#subvis > h3 {font-weight:400; width:100%; text-align:right; color:#333; font-size:17px; opacity:0.5; display:flex; justify-content:flex-end; margin:65px auto; overflow:hidden;}
#subvis > h3 strong {font-weight:400;}
#subvis > h1 {font-size:65px; font-weight:300; color:#333; letter-spacing:-0.05em; line-height:85px;}
#subvis > h1 strong {font-weight:900; color:#ffcd46;}
#subvis > article {margin:40px 0 0 0; font-size:25px; color:#333; letter-spacing:-0.05em; line-height:45px;}
#subpage {width:100%; margin:0 auto;}
.classicH3 {padding:130px 0 80px 0; text-align:center; width:100%; font-family:'Ria'; font-weight:400; font-size:50px; color:#333;}
.classicH3_2 {padding:100px 0 0 0; text-align:center; width:100%; font-family:'Ria'; font-weight:400; font-size:50px; color:#333;}
.classicH1 {text-align:center; width:100%; font-family:'Ria'; font-weight:400; font-size:50px; color:#333;}
.sub00figurebg {width:100%; height:500px; margin:0 auto;}
.sub00figurebg img {display:none;}
.subbgyell {background:#fffbd9; padding:0 0 100px 0;}
.subbgyell2 {background:#fffdec; padding:0 0 100px 0;}
.subbgora {background:#ffefe8; padding:0 0 100px 0;}
.subbggre {background:#fbfbfb; padding:0 0 100px 0;}
.sub00 {width:90%; margin:0 auto;}





/* 서브01 */
.sub01figurebg {background:url(/img/0101bg01.jpg) no-repeat center; background-attachment:fixed;}
.sub01con01 ul {display:flex; flex; justify-content:space-between; flex-wrap:wrap; gap:30px 0;}
.sub01con01 li {display:flex; justify-content:space-between; align-items:center; padding:25px; border:1px solid #eee; border-radius:30px; box-shadow:1px 1px 10px 5px rgba(0, 0, 0, 0.05);}
.sub01con01 li strong {font-weight:400; font-size:25px; color:#333;}

.sub01con02 {background:#fffbd9; margin:130px auto 0 auto; padding:0 0 130px 0;}
.sub01con02 > div {display:flex; flex-wrap:wrap; gap:50px 0; justify-content:space-between;}
.sub01con02 > div section {width:100%; display:flex; align-items:center; justify-content:space-between; padding:50px 30px; background:#fff; border-radius:30px; box-shadow:1px 1px 10px 5px rgba(0, 0, 0, 0.05);}
.sub01con02 > div section::after {content:""; position:absolute; bottom:-42px; left:calc(50% - 15px); transform:translateX(-50%); width:30px; height:30px; background:url(/img/subarrow.png) no-repeat center/contain; transform:rotate(90deg);}
.sub01con02 > div section:last-child::after {background:none;}
.sub01con02 > div section h1 {display:flex; align-items:center; gap:20px;}
.sub01con02 > div section h1 strong {widtH:60px; height:60px; line-height:65px; background:#f2ad35; color:#fff; font-family:'GMarketSans'; font-weighT:600; font-size:25px; border-radius:60px; text-align:center;}
.sub01con02 > div section h1 span {font-size:30px; color:#f2ad35; font-family:'Ria';}
.sub01con02 > div section p {font-size:20px; line-heighT:30px; margin:10px 0 0 80px; font-weight:300; color:#333; letter-spacing:-0.03em;}

.sub01con03 {}
.sub01con03 section {display:flex; margin:60px auto 0 auto; flex-wrap:wrap;}
.sub01con03 section figure, .sub01con03 section figcaption {width:100%;}
.sub01con03 section figure img {display:block; width:100%;}
.sub01con03 section figcaption {background:#fffdf0; display:flex; flex-wrap:wrap; align-content:center; padding:60px; gap:0;}
.sub01con03 section figcaption h1,
.sub01con03 section figcaption h3, 
.sub01con03 section figcaption p {width:100%;}
.sub01con03 section figcaption h1 {display:flex; align-items:center; gap:20px;}
.sub01con03 section figcaption h1 strong {widtH:80px; height:80px; line-height:85px; background:#f2ad35; color:#fff; font-family:'GMarketSans'; font-weighT:600; font-size:40px; border-radius:20px; text-align:center;}
.sub01con03 section figcaption h1 span {font-size:40px; color:#f2ad35; font-family:'Ria';}
.sub01con03 section figcaption h3 {font-size:28px; color:#000; font-weight:400; margin:40px 0 20px 0; letter-spacing:-0.05em;}
.sub01con03 section figcaption p {font-size:17px; color:#333; letter-spacing:-0.05em;}

.sub01con04 {width:100%; background:url(/img/0101bg02.jpg) no-repeat center; background-size:cover; background-attachment:fixed; text-align:center; padding:130px 0; margin:130px auto 0 auto;}
.sub01con04 h1 {font-size:50px; letter-spacing:-0.05em; font-family:'Ria'; color:#fff;}
.sub01con04 h3 {font-size:30px; letter-spacing:-0.01em; color:#ffec73; font-weight:800; margin:30px auto 10px auto;}
.sub01con04 p {font-size:17.5px; color:#fff; opacity:0.5;}






/* 서브02 */
.sub02 {}
.sub02figurebg {background:url(/img/02bg01.jpg) no-repeat center; background-attachment:fixed;}
.sub02form {border-radius:30px; box-shadow:1px 1px 10px 5px rgba(0, 0, 0, 0.05); background:#fff; padding:50px;}
.sub02form h1 {font-size:23px; font-weight:700; color:#87361d; margin:50px 0 0 0;}
.sub02form p {font-size:14px; margin:10px 0 0 0; color:#fa4c00; line-height:22px;}
.sub02form span {font-size:13px; margin:5px 0 0 0;}
.sub02wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub02wrap section {width:100%;}
.sub02wrap section h3 {font-weighT:600; color:#444; font-size:18px; margin:30px 0 0 0;}
.sub02wrap section select,
.sub02wrap section input[type=text],
.sub02wrap section input[type=number],
.sub02wrap section input[type=submit],
.sub02wrap section input[type=button],
.labelwrap01 
{border-radius:10px; bordeR:1px solid #eee; height:50px; line-height:50px; width:100%; font-size:15px; padding:0 15px; margin:20px 0 0 0; background:#f9f9f9;}
.sub02wrap section select:focus,
.sub02wrap section input[type=text]:focus,
.calalalal:focus
{box-shadow:1px 1px 10px 5px rgba(255,204,0,0.25); outline:none; background:#fff !important;}
.sub02wrap section div {display:flex;}
.sub02wrap section div input[type=text] {width:80%; border-radius:10px 0 0 10px;}
.sub02wrap section div input[type=submit], .sub02wrap section div input[type=button], .file-btn {width:20%; background:#ffcd46; border-radius:0 10px 10px 0; color:#222; font-weighT:bold; height:50px; line-height:50px; text-align:center; margin:20px 0 0 0;}
.labelwrap01 {align-items:center; gap:10px;}
.labelwrap01 label {display:flex; align-items:center;}
.sub02wrap section input[type=radio] {width:15px; height:15px; margin:0 5px 0 0;}
#button001 {display:block; margin:50px auto 0 auto; text-align:center; background:#d15018; color:#fff; font-family:'Ria'; border:none; width:100%; border-radius:60px; font-weight:400; transition:transform 0.3s ease; max-width:250px; height:65px; line-height:65px; font-size:25px;}
#button001:hover {transform:translateY(-5px);}




/* 서브03 */
.faq {}
.faq-item {border-top:1px dashed #eee; margin:20px auto;}
.faq-title {width:100%; display:flex; justify-content:space-between; align-items:center; padding:30px; background:#fff; border:0; cursor:pointer; font-size:16px;}
.faq-title h3 {display:flex; align-items:center; gap:20px; line-height:40px; font-weight:400; text-align:left;}
.faq-title h3 strong {color:#ff8166; font-size:30px; font-weight:bold; font-family:'GMarketSans';}
.faq-title h3 span {font-size:18px; letter-spacing:-0.05em;} 
.faq-content {height:0; overflow:hidden; transition:height 0.35s ease;}
.faq-inner {padding:30px; background:#f9f9f9; display:flex; align-items:stretch; gap:20px;}
.faq-inner h3 {color:#ea4d2b; font-size:30px; font-weight:bold; font-family:'GMarketSans';}
.faq-inner article {line-height:28px; font-size:17px; color:#333;}
.faq-inner article strong {color:#ea4d2b;}
.arrow {width:10px; height:10px; border-right:2px solid #333; border-bottom:2px solid #333; transform:rotate(45deg); transition:transform 0.3s;}
.faq-item.active .arrow {transform:rotate(-135deg);}




/* 게시판 */
.subboard {width:90%; margin:0 auto; overflow:hidden;}
.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; background:#fff;}
.paging00 li a {display:block; color:#777;}
.paging00 li:first-child, .paging00 li:last-child {font-size:10px;}




/* 마이페이지 */
.subbgborder {border-top:1px dashed #ddd; padding:75px 0; BORDER-bottom:1px dashed #ddd;}
.nonh3 {padding:0; text-align:center; width:100%; font-family:'Ria'; font-weight:400; font-size:50px; color:#333;}
.mypage00 {margin:50px auto 0 auto;}
.mypage00 .info {font-size: 12px; color: #888; margin-top: 4px; line-height: 1.4;}
.searchwrap {display:flex; justify-content:flex-end;}
.searchwrap input {border:1px solid #ddd; padding:15px; color:#222; outline:none; border-right:none;}
.searchwrap button {background:#f1f1f1; padding:10px 25px; color:#222; text-align:center; border:none; font-weight:bold; border:1px solid #ddd;}
.tablewrap {overflow-x:auto; white-space:nowrap;}
.table00 {width:100%; margin:30px auto 0 auto; border-top:2px solid #777;}
.table00 th, .table00 td {padding:20px;}
.table00 td {background:#fff;}
.table00 thead th {background:#f9f9f9; color:#222;}
.table00 tbody td {text-align:center; color:#444; border-bottom:1px dashed #ddd; font-size:15px;}
.table00 tbody td strong {border-radius:50px; width:50px; height:50px; line-height:50px; color:#222; background:#f1f1f1; display:block; margin:0 auto;}
.table00 tbody td strong.noconfirm0 {background:#b73517; color:#fff;}
.table00 tbody td a {display:block; margin:0 auto; height:45px; line-height:45px; text-align:center; padding:0 20px; border-radius:50px; font-weight:bold; color:#fff; transition:transform 0.3s ease;}
.table00 tbody td a:hover {transform:translateY(-5px);}
.table00 tfoot th, .table00 tfoot td {border-bottom:1px dashed #ddd; font-size:15px; text-align:center; font-weight:bold;}
.table00 tfoot th {background:#333; color:#fff;}
.tablebtn01 {border:1px solid #aaa; color:#555 !important;}
.tablebtn02 {background:#b73517;}
.tablebtn03 {background:#ff5919;}
.table00 tbody td.progress01 {color:#333; font-weight:bold;}
.table00 tbody td.progress02 {color:#b73517; font-weight:bold;}
.table00 tbody td.progress03 {color:#ff5919; font-weight:bold;}
.table00 tbody td.progress04 {color:#ffa619; font-weight:bold;}
.noconfirm0 {}

.mypage02wrap {border-radius:30px; box-shadow:1px 1px 10px 5px rgba(0, 0, 0, 0.05); background:#fff; padding:50px;}
.mypage02wrap h1 {font-size:23px; font-weight:700; color:#87361d; margin:50px 0 0 0;}
.mypage02wrap p {font-size:14px; margin:10px 0 0 0; color:#fa4c00; line-height:22px;}
.mypage02 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.mypage02 section {width:100%;}
.mypage02 section h3 {font-weighT:600; color:#444; font-size:18px; margin:30px 0 0 0;}
.mypage02 section select,
.mypage02 section input[type=text],
.mypage02 section input[type=submit],
.labelwrap01 
{border-radius:10px; outline:none; bordeR:1px solid #eee; height:50px; line-height:50px; width:100%; font-size:15px; padding:0 15px; margin:20px 0 0 0; background:#f9f9f9;}
.mypage02 section div {display:flex; justify-content:space-between;}
.mypage02 section div input[type=text] {width:49%;}
.mypage02 section div input[type=submit], .file-btn {width:20%; background:#ffcd46; border-radius:0 10px 10px 0; color:#222; font-weighT:bold; height:50px; line-height:50px; text-align:center; margin:20px 0 0 0;}
.mypage02 section div.labelwrap01 {justify-content:flex-start;}
.labelwrap01 {align-items:center; gap:10px;}
.labelwrap01 label {display:flex; align-items:center;}
.mypage02 section input[type=radio] {width:15px; height:15px; margin:0 5px 0 0;}

.figurewrap01 {margin:20px 0 0 0;}
.figurewrap01 figure {width:50px; padding:10px; border:1px solid #ddd;}
.figurewrap01 figure img {height:30px;}
.figurewrap01 a, .figurewrap01 b {width:calc(100% - 80px); display:block; border-radius:10px; border:1px solid #eee; text-align:center; height:50px; line-height:50px;}
.figurewrap01 a {color:#fff; background:#333; transition:transform 0.3s ease;}
.figurewrap01 a:hover {transform:translateY(-5px);}
.figurewrap01 b {color:#333;}

.admintopnotice {border-radius:30px; background:#fff; padding:50px; box-shadow:1px 1px 10px 5px rgba(0, 0, 0, 0.05);}
.admintopnotice h1 {display:flex; align-items:center; gap:20px;}
.admintopnotice h1 strong {widtH:50px; height:50px; line-height:53px; background:#f2ad35; color:#fff; font-family:'GMarketSans'; font-weighT:600; font-size:25px; border-radius:60px; text-align:center;}
.admintopnotice h1 span {font-size:30px; color:#f2ad35; font-family:'Ria';}
.admintopnotice textarea {font-family:"Pretendard Variable"; border:none; width:100%; display:block; min-height:250px; outline:none; background:none; line-height:27px; font-size:16px; color:#333; padding:30px;}




/* 결제하기 */
.mypage01wrap {border-radius:30px; box-shadow:1px 1px 10px 5px rgba(0, 0, 0, 0.05); background:#fff; padding:30px; widtH:700px;}
.mypage01wrap h1 {font-size:18px; color:#fff; background:#f2ad35; text-align:center; padding:20px; width:100%; font-weight:400;}
.mypage01wrap p {font-size:14px; margin:15px 0 0 0; color:#fa4c00; line-height:22px;}
.mypage01wrap article {font-size:17px; line-height:30px; color:#222; letter-spacing:-0.05em; background:#fffdf0; text-align:center; padding:20px; width:100%; font-weight:400; margin:30px auto 0 auto;}
.mypage01wrap article strong {color:#f2ad35; font-size:18px;}
.mypage01wrap article span br {display:none;}
.mypage01 {display:flex; flex-wrap:wrap;}
.mypage01 section {display:flex; gap:10px; align-items:center; width:100%; margin:30px 0 0 0; flex-wrap:wrap;}
.mypage01 section h3 {font-weighT:700; color:#444; font-size:18px; width:100%;}
.mypage01 section h2 {width:100%; border-radius:10px; display:flex; justify-content:space-between; align-items:center; bordeR:1px solid #eee; height:50px; line-height:50px; font-size:15px; padding:0 15px; background:#f9f9f9; margin:15px 0 0 0;}
.mypage01 section h2 label {gap:5px; display:flex; justify-content:space-between; align-items:center;}
.mypage01 section h2 strong {color:#f2ad35;}
.mypage01 section h2 a {color:#222;}
.mypage01 section div {display:flex; align-items:center; width:100%; justify-content:space-between; margin:15px 0 0 0;}
.mypage01 section input {outline:none; bordeR:1px solid #eee; border-radius:10px; height:50px; line-height:50px; font-size:15px; padding:0 15px; background:#f9f9f9;}
.mypage01 section div input[type=text] {width:calc(100% - 50px);}
.mypage01 section > input[type=text] {width:100%; margin:15px 0 0 0; }
.mypage01 section div input[type=text]:focus {box-shadow:1px 1px 10px 5px rgba(255,204,0,0.25); outline:none; background:#fff !important;}
.mypage01 section div input[type=submit], .mypage01 section div input[type=button] {width:20%; background:#ffcd46; border-radius:0 10px 10px 0; color:#222; font-weighT:bold; height:50px; line-height:50px; text-align:center; border:none;}
.mypage01 section div span {width:20px;}
.mypage01_modi input[type=text] {width:80% !important; border-radius:10px 0 0 10px !important;}




/* 모달팝업 */
.modal-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:999; display:none;}
.privacy_popopop {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:white; z-index:9999991000; padding:2rem; border-radius:10px; max-width:90%; width:400px; display:none; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.popup-content h3 {text-align:center;}
.popup-content p {font-size:15px; line-height:26px; margin:20px auto;}
.popup-content a {display:block; background:#555; color:#fff; display:block; font-size:15px; width:50px; height:40px; line-height:40px; margin:0 auto; text-align:center; position:fixed; right:0; top:0;}
.privacy_popopop .onlyarticle article {padding:0; border:none; font-size:14px;}




/* 로그인 */
.loginwrap {width:500px; border:1px dashed #ddd; margin:50px auto 0 auto; padding:30px; box-shadow:15px 15px #f9f9f9; border-top:2px solid #333;}
.login01 {display:flex; flex-wrap:wrap; gap:15px;}
.login01 li {width:100%;}
.login01 li input {display:block; width:100%; padding:10px; border-radius:10px; border:1px solid #ddd; height:60px; font-size:15px;}
.login01 li input:focus {box-shadow:1px 1px 10px 5px rgba(255,204,0,0.25); outline:none; background:#fff !important;}
#button002 {display:block; width:100%; border-radius:10px; background:#333; font-family:'GMarketSans'; color:#fff; font-size:15px; font-weight:900; height:50px; line-height:50px; border:none; margin:30px auto; transition:transform 0.3s ease;}
#button002:hover {transform:translateY(-5px);}
.login02 {display:flex; gap:20px; text-align:center; justify-content:center;}
.login02 li {font-size:15px;}
.login02 li a {color:#333;}
.loginwrap section {margin:100px auto 0 auto;}
.loginwrap section h3 {font-weight:500; text-align:center; font-size:16px; color:#33;}
.login03 {display:flex; flex-wrap:wrap; gap:10px; margin:20px auto 0 auto;}
.login03 li {width:100%; height:50px; line-height:50px; text-align:center; border-radius:10px; font-weight:bold;}
.login03 li a {display:block; color:#fff;}
.login03 li:first-child {backgrounD:#03c75a;}
.login03 li:nth-child(2) {backgrounD:#fee500;}
.login03 li:nth-child(2) a {color:#333;}
.login03 li:nth-child(3) {backgrounD:#1877f2;}
.login03 li:nth-child(4) {backgrounD:#f9f9f9;}




/* 회원가입 */
.joinus00 {display:flex; gap:50px; margin:100px auto; justify-content:center;}
.joinus00 section {border:1px solid #ddd; border-top:2px solid #222; box-shadow:15px 15px #f9f9f9; text-align:center; transition:transform 0.3s ease;}
.joinus00 section a {display:block; padding:80px 30px; width:300px;}
.joinus00 section:hover {transform:translateY(-5px);}
.joinus00 section h3 {font-size:25px; font-weight:400; color:#333; margin:20px auto 0 auto;}
.joinus00 section img {width:80px;}




/* 회원가입인트로 */
.joinusintro {width:700px; margin:0 auto;}
.joinusintro h3 {margin:50px auto 0 auto; display:flex; width:100%; font-size:20px; font-weight:400; color:#333; justify-content:space-between; align-items:center;}
.joinusintro h3 strong {font-weight:500;}
.joinusintro h3 strong b {color:#efb61d; font-weight:500;}
.joinusintro h3 label {font-size:14px; align-items:center; display:flex; gap:5px;}
.joinusintro textarea {display:block; padding:30px; width:100%; border:1px solid #ddd; margin:20px 0 0 0; font-size:16px; line-height:27px; outline:none; border-radius:10px;}
.joinusintro > label {width:100%;font-weight:600; color:#efb61d; display:block; text-align:right; margin:30px 0 0 0; text-align:right;}
.joinusintro > a, .joinusintro > button {display:block; width:280px; height:50px; line-height:50px; color:#efb61d; border-radius:10px; margin:30px auto 0 auto; font-weight:600;  border:1px solid #efb61d; text-align:center; overflow:hidden; z-index:1; font-size:17px; background:none;}
.joinusintro > a::before, .joinusintro > button::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#efb61d; transform:scaleX(0); transform-origin:left; transition:transform 0.35s ease; z-index:-1;}
.joinusintro > a:hover::before, .joinusintro > button:hover::before {transform:scaleX(1);}
.joinusintro > a:hover, .joinusintro > button:hover {color:#222;}



/* 회원가입폼 */
.joinusform00 {width:700px; margin:50px auto; padding:30px; border:1px solid #eee; border-radius:30px;}
.joinusform00 section {display:flex; align-items:center; margin:30px 0 0 0; gap:30px;}
.joinusform00 section h3 {font-weighT:600; color:#444; font-size:18px; width:190px;}
.joinusform00 section input {width:100%; border-radius:10px; bordeR:1px solid #eee; height:50px; line-height:50px; font-size:15px; padding:0 15px; background:#f9f9f9;}
.joinusform00 section input[type=text]:focus {box-shadow:1px 1px 10px 5px rgba(255,204,0,0.25); outline:none; background:#fff !important;}
.joinusform00 section div {display:flex; width:100%;}
.joinusform00 section div input[type=text] {width:80%; border-radius:10px 0 0 10px;}
.joinusform00 section div button {width:20%; background:#ffcd46; border-radius:0 10px 10px 0; color:#222; font-weighT:bold; height:50px; line-height:50px; text-align:center; border:0px;}
.joinusform00 section input[type=radio] {width:15px; height:15px; margin:0 5px 0 0;}
.joinusform00 .file-btn {margin:0;}



/* 완료 */
.joinus_dhks {width:500px; border:1px dashed #ddd; margin:0 auto; padding:30px; border-radius:0 0 30px 30px; border-top:2px solid #e8661f; text-align:center;}
.joinus_dhks figure {width:60px; margin:0 auto;}
.joinus_dhks figure img {width:100%; display:block;}
.joinus_dhks h3 {font-size:30px; font-family:'Ria'; margin:20px auto; color:#e8661f;}
.joinus_dhks p {font-size:18px; color:#666; letter-spacing:-0.05em;}


























/* ================== 반응형 ================== */
@media screen and (min-width:1400px)
{
/* ============= 헤더 ============= */
.sub00, .px1400 {width:1400px; margin:0 auto;}
.subboard {width:1400px;}




/* ============= 헤더 ============= */
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, .fixed1 {width:250px;}
.container > .div_PCfixed1 {display:block;}
.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;}
.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:100%; 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:19px; width:auto; letter-spacing:-0.05em;}
.navul01 > li > a {height:100%; line-height:100px; padding:0 30px;}
.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:#ea4d2b;}
.navulsub01 ul li {margin:10px 0 0 0;}
.navulsub01 ul li a {color:#333; font-size:16px;}
.navulsub01 ul li a:hover {color:#ea4d2b; 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:99px; background:rgba(0,0,0,0.7); width:100%;}
.subgnb_common > li {font-size:15px; 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(255 213 40 / 90%); color:#222; font-weight:600;}








/* ============= 메인 ============= */
#maincommonwrap {padding:50px;}



/* 메인비주얼 */
#mainvisual .prev {left:50px;}
#mainvisual .next {right:50px;}
#mainvisual .image-slide > img {object-fit:fill;}
.slidesnav00 {width:70px; height:70px;}
.mainvisualwrap00 {gap:100px;}
.maintextwrap h1 {font-size:80px; line-height:95px;}
.maintextwrap h3 {font-size:40px; margin:0 0 15px 0;}
.maintextwrap h3 br {display:none;}
.maintextwrap p {font-size:20px; display:block;}

.mainvisualwrap01 .maintextwrap h1 br:nth-child(2) {display:none;}
.mainvisualwrap02 .maintextwrap h1 br:nth-child(1) {display:none;}
.mainvisualwrap03 .maintextwrap h1 br:nth-child(1) {display:none;}



/* 메인01 */
.main01wrap section {width:23%;}
.main01wrap section p {font-size:20px; line-height:32px;}
.main01 > a {transition:transform 0.3s ease;}
.main01 > a:hover {transform:translateY(-10px);}



/* 메인02 */
.main02wrap section {padding:30px; width:49%; border-radius:30px;}
.main02wrap section h3 {font-size:30px;}
.main02wrap section p {font-size:24px; line-height:26px;}
.main02wrap section figure {width:auto;}
.main02wrap section figure img {max-height:100px;}



/* 메인03 */
.main03, .main03bg {padding:100px 5%;}
.main03wrap div {width:48%;}
.main03wrap section {width:24%;}





/* ============= 푸터 ============= */
footer {text-align:center;}
footer ul {justify-content:center;}









/* ============= 서브 ============= */
/* 서브01 */
.sub01con01 li {width:23%;}
.sub01con02 > div {gap:50px 80px; justify-content:flex-start;}
.sub01con02 > div section {width:45%;}
.sub01con02 > div section::after {transform:rotate(0deg); right:-53px; top:50%; transform:translateY(-50%); bottom:auto; left:auto;}
.sub01con03 section figure, .sub01con03 section figcaption {width:50%;}
.sub01con03 section:nth-of-type(2) {flex-direction:row-reverse;}



/* 서브02 */
.sub02wrap {margin:30px 0 0 0;}
.sub02wrap section {width:48%;}
.sub02wrap section h3 {margin:0;}
.flex333 section {width:32% !important;}



/* 마이페이지 */
.mypage02 section {width:48%;}




/* 모달팝업 */
.privacy_popopop {overflow-y:scroll; height:650px;}
.privacy_popopop .onlyarticle article {font-size:15px; line-height:25px;}
}






















@media screen and (min-width:769px) and (max-width:1399px)
{
/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual .slider {aspect-ratio:16 / 12;}
#mainvisual .pagination {bottom:30px;}
.slidesnav00 {top:50%; width:30px; height:30px;}
.slidesnav00 img {width:6px;}
.mainvisualwrap00 {gap:35px;}
.mainvisualwrap00 figure {width:48%;}
.maintextwrap h1 {font-size:55px; line-height:70px;}
.maintextwrap h3 {font-size:25px; line-height:40px;}

.mainvisualwrap02 .maintextwrap h3 br:nth-of-type(3) {display:none;}


/* 메인01 */
.main01wrap section {width:47%;}



/* 메인02 */
.main02wrap section {padding:20px; width:48%; border-radius:15px;}
.main02wrap section h3 {font-size:22px;}
.main02wrap section p {font-size:16px; line-height:26px;}
.main02wrap section figure {width:30%;}
.main02wrap section figure img {height:auto;}



/* 메인03 */
.main03wrap div {width:100%; margin:0 0 4% 0;}
.main03wrap section {width:48%; padding:35px 20px; min-height:265px;}










/* ============= 서브 ============= */
/* 서브공통 */
#subvis > h1 {font-size:55px; line-height:70px;}
#subvis > article {line-height:35px;}



/* 서브01 */
.sub01con01 li {width:48%;}



/* 모달팝업 */
.privacy_popopop {overflow-y:scroll; height:450px;}
}

























@media screen and (min-width:0px) and (max-width:768px)
{







/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual {width:100%;}
#mainvisual .slider {aspect-ratio:16 / 15; border-radius:30px;}
#mainvisual .pagination {top:30px; bottom:auto; text-align:right; justify-content:flex-end; padding:0 20px 0 0;}
#mainvisual .pagination-dot {width:10px; height:10px;}
.slidesnav00 {display:none;}
.mainvisualwrap00 {gap:0; justify-content:space-around; width:100%;}
.mainvisualwrap00 figure {width:48%;}
.maintextwrap {margin:30px 0 0 0;}
.maintextwrap h1 {font-size:38px; line-height:45px;}
.maintextwrap h3 {font-size:17px; line-height:28px;}

.mainvisualwrap02 .maintextwrap h1 {font-size:30px; line-height:40px;}


/* 메인01 */
.h3maintitle {font-size:20px; line-height:28px;}
.main01 {padding:50px 0 0 0;}
.main01wrap {gap:20px 10px;}
.main01wrap section {width:48%; min-height:220px; border-radius:15px;}
.main01wrap section:hover {transform:translateY(0);}
.main01wrap section a {padding:30px 20px;}
.main01wrap section h1 {font-size:22px; line-height:30px;}
.main01wrap section p {font-size:16px; line-height:22px; margin:15px 0 0 0;}
.main01wrap section b {top:10px; right:10px; width:10px;}
.main01section01 {background-size:40%;}
.main01section02 {background-size:70%;}
.main01section03 {background-size:40%;}
.main01section04 {background-size:50%;}
.main01section02 h1 br:nth-of-type(1) {display:block;}
.main01 > a {width:100%; max-width:320px; margin:20px auto; border-radius:10px; height:60px; line-heighT:60px; font-size:22px;}





/* 메인02 */
.main02 {padding:50px 0 0 0;}
.main02wrap section {width:100%;}






/* 메인03 */
.main03wrap {gap:20px;}
.main03wrap div, .main03wrap section {width:100%; border-radius:20px;}
.main03wrap div {padding:25px; min-height:250px;}
.main03wrap div h3 {font-size:20px; line-height:35px;}
.main03wrap div p {font-size:15px; height:auto; line-height:21px; padding:10px 20px; margin:0 auto; border-radius:15px;}
.main03wrap div img {opacity:0.3;}
.main03wrap section  {padding:25px; min-height:235px;}
.main03wrap section h1 {font-size:24px; margin:15px 0;}








/* ============= 푸터 ============= */
footer {padding:30px 5%;}
footer article {font-size:13px; line-height:25px;}
footer ul li {font-size:15px;}










/* ============= 서브 ============= */
/* 서브공통 */
#subvis {margin:0 auto 30px auto;}
#subvis > h3 {margin:30px auto 0 auto; font-size:13px; opacity:1;}
#subvis > h1 {font-size:25px; line-height:35px; margin:50px auto 0 auto;}
#subvis > h1 b br, #subvis > article b br {display:none;}
#subvis > article {line-height:28px; font-size:17px; margin:25px 0 0 0;}
#subpage {margin:0 auto;}
.classicH3 {padding:50px 0 30px 0; font-size:25px;}
.sub00figurebg {height:auto; background:none;}
.sub00figurebg img {display:block; width:100%;}
.subbgyell, .subbgora {padding:0 0 50px 0;}



/* 서브01 */
.sub01con01 ul {gap:10px;}
.sub01con01 li {width:48%; border-radius:15px; padding:15px; flex-wrap:wrap; text-align:center; justify-content:center; flex-direction:column-reverse;}
.sub01con01 li strong {font-size:17px; width:100%; margin:15px auto 0 auto; letter-spacing:-0.05em;}
.sub01con01 li img {height:50px;}
.sub01con02 {margin:50px auto 0 auto; paddinG:0 0 50px 0;}
.sub01con02 > div section {align-items:flex-start; flex-direction:column-reverse;}
.sub01con02 > div section figure img {width:60px;}
.sub01con02 > div section h1 {gap:10px; margin:10px 0 0 0;}
.sub01con02 > div section h1 strong {width:40px; height:40px; line-height:45px; font-size:15px;}
.sub01con02 > div section h1 span {font-size:22px;}
.sub01con02 > div section {flex-wrap:wrap; padding:20px; border-radius:20px;}
.sub01con02 > div section article {width:100%;}
.sub01con02 > div section p {margin:10px 0 0 0; font-size:15px; line-height:25px;}
.sub01con02 > div section p br {display:none;}
.sub01con03 section {margin:30px auto 0 auto;}
.sub01con03 section figcaption {padding:30px 20px;}
.sub01con03 section figcaption h1 {gap:10px;}
.sub01con03 section figcaption h1 strong {width:35px; height:35px; line-height:37px; font-size:15px;}
.sub01con03 section figcaption h1 span {font-size:20px;}
.sub01con03 section figcaption h3 {margin:15px 0; font-size:18px;}
.sub01con03 section figcaption p {font-size:14px; line-height:23px;}
.sub01con04 {padding:70px 0; margin:70px auto 0 auto;}
.sub01con04 h1 {font-size:35px;}
.sub01con04 h3 {Font-size:20px; margin:15px auto; font-weight:500;}
.sub01con04 p {font-size:15px; line-height:27px;}




/* 서브02 */
.sub02form {padding:40px 20px; border-radius:15px;}
.sub02wrap section select, .sub02wrap section input[type=text], .sub02wrap section input[type=submit], .labelwrap01 {font-size:13px;}
.sub02wrap section div input[type=submit], .file-btn {width:100px;}
.sub02wrap section h3 {font-size:17px; line-height:27px;}
#button001 {font-size:20px; max-width:240px; height:50px; line-height:50px;}




/* 서브03 */
.faq-item {margin:15px auto;}
.faq-title, .faq-inner {padding:15px;}
.faq-inner, .faq-title h3 {gap:15px;}
.faq-title h3 strong, .faq-inner h3 {font-size:20px;}
.faq-title h3 span, .faq-inner article  {line-height:20px; font-size:14px; width:83%;}




/* 게시판 */
.paging00 {gap:7px; margin:30px auto 0 auto;}
.paging00 li {width:35px; height:35px; line-height:35px; font-size:10px;}




/* 마이페이지 */
.subbgborder {padding:30px 0;}
.nonh3 {font-size:25px;}
.mypage00 {margin:30px auto 0 auto;}
.searchwrap input {width:150px;}
.table00 td, .table00 th {padding:10px;}
.table00 thead th, .table00 tbody td, .table00 tfoot th, .table00 tfoot td {font-size:12px;}
.table00 tbody td strong {height:30px; line-height:30px; width:30px; font-size:11px;}
.table00 tbody td a {height:30px; line-height:30px;}
.mypage01wrap, .mypage02wrap , .admintopnotice {padding:20px; border-radius:15px;}
.admintopnotice textarea {padding:10px; margin:15px 0 0 0; font-size:13px;}
.admintopnotice h1 strong {width:40px; height:40px; line-height:45px; font-size:15px;}
.admintopnotice h1 span {font-size:22px;}
.sub02wrap section select, .sub02wrap section input[type=text], .sub02wrap section input[type=submit], .labelwrap01 {font-size:13px;}
.sub02wrap section div input[type=submit], .file-btn {width:100px;}
.sub02wrap section h3 {font-size:17px; line-height:27px;}
#button001 {font-size:20px; max-width:240px; height:50px; line-height:50px;}




/* 결제하기 */
.mypage01wrap {width:100%;}
.mypage01wrap h1 {padding:10px;}
.mypage01wrap article {padding:10px; font-size:15px; line-height:27px;}
.mypage01wrap article span br {display:block;}
.mypage01wrap article strong {font-size:14px;}
.mypage01 section h2 {font-size:14px; padding:0 10px;}
.mypage01 section div input[type=submit] {width:30%;}



/* 모달팝업 */
.privacy_popopop {overflow-y:scroll; height:350px; box-sizing:border-box;}
.privacy_popopop .onlyarticle article {line-height:21px; font-size:13px;}





/* 로그인 */
.loginwrap {width:100%; padding:20px; margin:30px auto 0 auto;}
.loginwrap section {margin:50px auto 0 auto;}




/* 회원가입 */
.joinus00 {gap:20px; flex-wrap:wrap; margin:30px auto;}
.joinus00 section {width:55%; box-shadow:8px 8px #f9f9f9;}
.joinus00 section a {width:100%; padding:20px 10%;}
.joinus00 section img {width:50px;}
.joinus00 section h3 {font-size:20px; margin:15px auto 0 auto;}




/* 회원가입인트로 */
.joinusintro {width:100%; margin:0 auto;}
.joinusintro h3 {font-size:15px;}



/* 회원가입폼 */
.joinusform00 {width:100%; padding:20px; border-radius:15px;}
.joinusform00 section {flex-wrap:wrap; gap:25px;}
.joinusform00 section h3 {width:100%;}
.joinusform00 section div input[type=submit], .file-btn {width:30%; padding:0;}



.joinus_dhks {width:100%; padding:20px; margin:30px auto 0 auto;}
}