@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@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:'RiaSans-ExtraBold'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'LOTTERIACHAB'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/LOTTERIACHAB.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'RixYeoljeongdo_Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Cafe24ClassicType-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Cafe24ClassicType-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}




*, body {margin:0; padding:0;}
body, input, select, textarea {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:#222;}
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;}
.mrt5070 {margin-top: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);}
.px1300 {width:100%; margin:0 auto;}
.per90, .sub00 {width:90%; margin:0px auto;}
.changetop {position:fixed; top:0; left:0; background:rgba(255,255,255,0.90); z-index:950; width:100%;}
.changetop header > div, .changetop .gnbul > li > a {height:70px; line-height:70px !important;}
.changetop .subgnb {top:70px;}

#jy_pop123123 {width:90%; display:flex; z-index:50; justify-content:center; gap:15px; top:65px; flex-direction:column; margin:0 auto; position:absolute; left:5%;}
#jy_pop123123 img {width:100%;}
.popup001video_WRAP img {display:block; width:100%;}
.div_popup {display:flex; align-items:center; justify-content:flex-end;}








/* ========== 헤더 ========== */
#asidetop {display:none;}
#pcheader {display:none;}
header {width:100%; height:26px; padding:30px 0; border-bottom:1px solid #ddd;}
header::after {content:"";}
.addition {width:100%;}
.addition > h1 {position:absolute; left:20px; z-index:90; top:-12px; width:auto;}
.addition > h1 img {display:block; width:100%;}
.fixed1 {position:absolute; z-index:999; height:32px; top:0; right:20px; cursor:pointer; overflow:hidden;}
.fixed1 li {float:left;}
.fixed1 img {filter:invert(24%) sepia(0%) saturate(0%) hue-rotate(144deg) brightness(85%) contrast(103%);}
.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; cursor:pointer;}
.navXbtn01 img {width:30px; height:30px;}
.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;}
.nav_cate01 {width:100%;margin:0 auto; text-transform:uppercase;}
.nav_cate01 > li, .nav_cate01 > li.active {font-size:15px; background:#fff url(/img/tri01.jpg) no-repeat 95% 23px; background-size:5px;}
.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee;}
.nav_cate01 a {display:block; padding:0 5%; border-bottom:1px solid #ddd; width:90%; height:60px; line-height:60px; font-size:15px;}
.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;}
.navXbtn01 img {filter:brightness(1);}
#sidebar {width:90%; height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:999999999999;}
#sidebar h3 {background:#6457de; display:block; font-size:16px; margin:30px auto 0 auto; border-radius:50px; width:100%; height:50px; line-height:50px; font-weight:600; text-align:center; max-width:250px;}
#sidebar h3 a {display:block; color:#fff;}
.ultoptoptoplogin {display:flex; gap:10px;}
.ultoptoptoplogin a {color:#333; display:block; font-size:15px; text-transform:uppercase;}






/* 우측 퀵메뉴 */
#quickmenu00_roov {position:fixed; right:10px; bottom:10px; z-index:90505;}
#quickmenu00_roov li {margin:10px auto;}
#quickmenu00_roov img {width:80px;}


/* ======= 푸터 ======= */
footer {width:100%; overflow:hidden; margin:100px auto 0 auto;}
.footer01 {}
.footer01 > section:first-child {padding:35px; border:1px solid #ddd; text-align:Center; border-radius:30px; box-sizing:border-box;}
.footer01 > section:first-child h1 {font-size:50px; line-height:40px; color:#6457de; font-weighT:900;}
.footer01 > section:first-child h3 {font-size:15px; color:#333; paddinG:20px 0 30px 0; border-bottom:1px solid #ddd; font-weight:400;}
.footer01 > section:first-child ul {text-align:left; margin:30px auto 0 auto; width:490px}
.footer01 > section:first-child ul li {line-height:28px; font-size:16px;}
.footer01 > section:first-child ul li strong {display:inline-block; color:#222; width:60px;}
.footer01 > section:first-child ul li span {display:inline-block; color:#888; margin:0 0 0 10px;}
.footer01 > section:first-child a {background:#6457de; width:235px; height:60px; line-height:60px; text-align:center; color:#fff; font-weighT:600; display:block; border-radius:50px; margin:20px auto; font-size:20px;}
.footer01 > section:last-child {margin:30px auto 0 auto; border-radius:30px;}
#daumRoughmapContainer1733902798396 {width:100%; border-radius:30px;}
.footer02 {width:100%; text-align:center; padding:50px 0; background:#363541; text-align:left; margin:50px auto 0 auto;}
.footer02 img {filter:grayscale(1);}
.footer02 article {margin:30px auto 0 auto; font-size:15px; line-height:26px; color:#aaaaaa;}
.footer02 article a {color:#aaa;}
.footer02 br:nth-of-type(1) {display:none;}







/* ========== 메인 ========== */
#mainvisual {width:100%; background:url(/img/mainvisbg.jpg) no-repeat center; background-size:cover;}
#mainvisual div {display:flex; flex-direction:column-reverse; align-items:center; text-align:center; padding:30px 0 50px 0;}
#mainvisual h2, #mainvisual h1 {font-family:'RiaSans-ExtraBold'; font-weight:400;}
#mainvisual div article h2 {font-size:35px; color:#fff; margin:50px auto 0 auto;}
#mainvisual div article h1 {font-size:60px; color:#fff6ad; text-transform:uppercase;} 
#mainvisual div article p {margin:30px auto 0 auto; color:#eee; line-height:33px; font-size:20px;}
#mainvisual div figure img {max-widtH:90%;}
#mainvisual div h4 {font-size:16px; color:#fff; display:flex; margin:30px auto 0 auto; align-items:center; gap:20px; flex-wrap:wrap;}
#mainvisual div h4 img {width:200px;}
#main01 {margin:0 auto; padding:60px 0 0 0; width:100%;}
#main01 > div {display:flex; justify-content:space-between; flex-direction:column;}
#main01LOGIN {width:90%; display:flex; flex-direction:column; justify-content:center; border-radius:30px; align-items:center; border:1px solid #ddd; box-sizing:border-box; text-align:center;}
#main01LOGIN h3 {font-size:22px; color:#333; font-weight:400; line-height:27px;}
#main01LOGIN > a {display:Block; color:#fff; height:50px; line-height:53px; border-radius:5015px; background:#433c8d; text-align:center; width:90%; font-family:'GmarketSansBold'; margin:20px auto;}
#main01LOGIN ul {display:flex; width:100%; justify-content:space-evenly;}
#main01LOGIN li {font-size:14px;}
#main01LOGIN li a {color:#333; display:block;}
#main01LOGIN a {transition:transform 0.3s ease;}
#main01LOGIN a:hover {font-weight:bold; transform:translateY(-3px);}
#main01 > div section {width:90%; display:flex; justify-content:space-around; border-radius:30px; align-items:center;}
#skdmlwjdqh {border:1px solid #e5e5e5; border-radius:30px; padding:30px; box-sizing:border-box; margin:0 auto;}
#skdmlwjdqh div {width:100%;}
#skdmlwjdqh h1 {font-size:25px; color:#222; letter-spacing:-0.05em; padding:0 0 20px 0; border-bottom:1px solid #eee; width:100%; font-weight:600; margin:0 auto 20px auto; }
#skdmlwjdqh h4 {display:flex; justify-content:space-between; padding:10px 0; align-items:center; font-size:16px; font-weight:400;}
#skdmlwjdqh h4 strong {font-weight:400;}
#skdmlwjdqh h4 span {color:#333; font-size:16px; font-weight:600;}
#main01 > div section:nth-of-type(1) {background:#e9e6ff;}
#main01 > div section:nth-of-type(2) {background:#fffbdb;}
#main01 > div section:nth-of-type(3) {background:#ffe6eb;}
#main01 > div section:nth-of-type(1) article b {border-bottom:1px solid #6f61e2; color:#6f61e2;}
#main01 > div section:nth-of-type(2) article b {border-bottom:1px solid #9f8d00; color:#9f8d00;}
#main01 > div section:nth-of-type(3) article b {border-bottom:1px solid #88001b; color:#88001b;}
#main01 > div section {transition:transform 0.3s ease;}
#main01 > div section:hover {transform:translateY(-15px);}
#main01 > div section a {display:flex; box-sizing:border-box; padding:30px 0; width:100%; justify-content:space-evenly; align-items:center;}
#main01 > div section article h4 {font-size:13px; color:#222; font-weight:400; opacity:0.5; text-transform:uppercase;}
#main01 > div section article h1 {font-size:26px; color:#333; font-weight:700; margin:20px 0; letter-spacing:-0.05em;}
#main01 > div section article p {max-width:170px; font-size:16px; line-height:26px; color:#333; opacity:0.9;}
#main01 > div section article b {display:inline-block; padding:10px 40px; text-transform:uppercase; font-family:'GmarketSansMedium'; font-size:12px; margin:20px 0 0 0;}
#main01 > div section figure img {width:55px;}







/* ========== 서브 ========== */
#subvis {width:100%; display:flex; height:237px; background:url(/img/subvis.jpg) no-repeat center; background-size:cover; text-align:Center; flex-direction:column; justify-content:center; color:#fff;}
#subvis h1 {font-family:'RiaSans-ExtraBold'; font-size:50px; line-heighT:50px; text-shadow:3px 3px #332a95;}
#subvis h1 br {display:none;}
#subvis p {font-size:18px; margin:25px auto 0 auto; letter-spacing:-0.05em; opacity:0.8;}
#subpage {padding:50px 0; border-bottom:1px solid #ddd; box-sizing:border-box; border-bottom:1px solid #ddd;}

.sub00section > hgroup {text-align:center;}
.sub00section > hgroup h3 {font-size:15px; color:#252525; opacity:0.5; text-transform:uppercase; font-weight:400;}
.sub00section > hgroup h2 {font-size:40px; letter-spacing:-0.05em; font-weighT:600; line-height:40px; margin:20px auto 0 auto; color:#252525;}
.sub00section > hgroup h2 br {display:none;}
.sub00section > hgroup h4 {font-size:20px; line-height:30px; margin:10px auto 0 auto; color:#252525; opacity:0.5;}
.sub00section > hgroup h5 {font-size:20px; line-height:30px; margin:0 auto; color:#333; font-weighT:400;}


.sub02 {display:flex; justify-content:space-between; flex-direction:column; flex-wrap:wrap;}
.sub02 div section {border:1px solid #e5e5e5; border-radius:20px; padding:40px; box-sizing:border-box; margin:40px auto 0 auto;}
.sub02 div section:nth-of-type(1) {margin:0;}
.sub02 div section h1 {font-size:25px; color:#222; letter-spacing:-0.05em; padding:0 0 20px 0; border-bottom:1px solid #eee; width:100%; font-weight:600;}
.sub02price {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; gap:10px; margin:20px auto 0 auto;}
.sub02price li {width:23%; text-align:center; height:70px; line-heighT:70px; color:#333; background:#f0eff9; border-radius:15px; cursor:pointer; font-size:20px; letter-spacing:-0.04em;}
.sub02price .liactive01 {background:#6156d6 !important; color:#fff !important; font-weight:600;}
.sub02info {display:flex; flex-direction:column; gap:10px; margin:20px auto 0 auto;}
.sub02info li {height:40px; line-height:40px; gap:10px; display:flex;}
.sub02info li strong {font-size:18px; font-weight:500; color:#444; display:inline-block; width:100px;}
.sub02info li span, .sub02info li label, .sub02info li input {border-radius:10px; height:40px; display:inline-block; line-height:40px; vertical-align:top;}
.sub02info li input {border:1px solid #ddd; outline:none; padding:0 5px;}
.btnppmm {width:42px; height:42px;}
.sub02info li input[type=radio] {width:20px;}
.sub02right {margin:50px auto 0 auto; width:100%;}
.sub02pay {display:flex; gap:10px; margin:20px auto 0 auto; flex-wrap:wrap;}
.sub02pay li {width:25%; display:flex; text-align:center; box-sizing:border-box; border:1px solid #887fe0; background:#faf9ff; border-radius:20px; height:170px;}
.sub02pay li a {display:flex; justify-content:center; text-align:center; flex-direction:column; margin:0 auto; width:100%; height:100%;}
.sub02pay li img {width:50px;}
.sub02pay li img, .sub02pay li strong {display:block; margin:0 auto;}
.sub02pay li strong {margin:10px auto 0 auto; color:#6156d6; font-size:20px; letter-spacinG:-0.05em;}
#cnrkdPwjd {border:1px solid #ddd; background:url(/img/plus.png) no-repeat center #f9f9f9; flex-direction:row; justify-content:center; align-items:center;}
.totalprice {display:flex; flex-direction:column; gap:10px; margin:20px auto 0 auto;}
.totalprice li {display:flex; justify-content:space-between; line-height:32px;}
.sub02right strong {font-size:18px; font-weight:600; color:#333;}
.sub02right span {font-size:15px; color:#444;}
.sub02right h2 {margin:20px 0 0 0; border-top:1px solid #ddd; display:flex; justify-content:space-between; padding:20px 0; align-items:center;}
.sub02right h2 span {color:#6156d6; font-size:23px;}
.sub02right h4 {display:flex; justify-content:space-between; padding:10px 0; align-items:center; font-size:16px; font-weight:400;}
.sub02right h4 strong {font-weight:400;}
.sub02right h4 span {color:#333; font-size:16px; font-weight:600;}
.sub02right section h4:nth-of-type(1) {margin:10px 0 0 0;}
.sub02right section > input {display:block; width:100%; height:60px; line-height:60px; font-size:20px; letter-spacing:-0.05em; color:#fff; text-align:Center; margin:0 auto; border-radius:60px; background:#6156d6; border:none; margin:20px auto 0 auto; transition:background 0.5s, font-weight 0.5s;}
.sub02right section > input:hover {background:#2f2783; font-weight:600;}
.sub02bottom {margin:30px auto 0 auto; background:#fafafe; width:100%; box-sizing:border-box; padding:30px;}
.sub02bottom h1 {font-size:25px; color:#222222; letter-spacing:-0.04em;}
.sub02bottom article {padding:30px; box-sizing:border-box; background:#fff; margin:0 auto;}
.sub02bottom article h3 {font-size:18px; color:#6156d6;}
.sub02bottom article p {background:url(/img/bullet01.png) no-repeat left 12px; font-size:15px; line-height:25px; margin:30px 0 0 0; padding:0 0 0 10px; word-wrap: break-word;}
.flex001 {display:flex; flex-wrap:wrap; width:100%; justify-content:space-between;}



.sub01 {}
.sub01 > p {text-align:center; font-size:20px; letter-spacing:-0.05em; margin:0 auto 30px auto; color:#222;}
.sub01inputwrap {display:flex; flex-direction:column; flex-wrap:wrap; box-sizing:border-box; border-radius:20px; padding:30px; background:#f1f1ff;}
.sub01inputwrap ul {display:flex; flex-direction:row; box-sizing:border-box; width:90%; gap:10px; justify-content:center; margin:15px auto;} 
.sub01inputwrap ul li:first-child {height:50px; line-height:50px; border-radius:50px; width:60px; text-align:center; font-size:16px; font-weight:bold; background:#7a64d3; color:#fff;}
.sub01inputwrap ul li {height:50px;}
.sub01inputwrap ul li input {display:block; border-radius:10px; box-sizing:border-box; height:50px; padding:0 10px; font-size:16px; border:none; width:100%;}
#subformcommon {padding:30px; background:rgba(255,255,255,0.7); border:1px solid #ddd; border-top:2px solid #1f52a4; box-sizing:border-box; margin:20px auto 30px auto; width:100%;}
.formform01 {display:flex; padding:20px 0; border-bottom:1px dashed #ddd; align-items:center; box-sizing:border-box;}
.formform01:nth-of-type(1) {padding:0 0 20px 0;}
.formform01 h3 {width:150px; font-weight:500; color:#333; font-size:17px; text-align:center;}
.formform01 span, .formform01 input, .formform01 select, .formform01 textarea, .privacyprivacy0 label  {font-size:16px;}
.formform01 > input, .formform01 > textarea {border:1px solid #ccc; box-sizing:border-box; outline:none; font-size:16px;}
.formform01 > input, .formform01 > select {height:40px; min-width:150px; padding:10px 20px;}
.formform01 > textarea {height:100px; width:calc(100% - 150px); padding:20px;}
.formform01 > div {display:flex; flex-direction:column;}
.formform01 label, .formform01 label input {margin:0 5px 0 0;}
.formform01 label {margin:10px 0 0 0;}
.formform01 label:first-child {margin:0;}
.phonenbb {display:flex; align-items:center;}
.phonenbb li {}
.phonenbb li strong {margin:0 10px;}
.phonenbb select, .phonenbb input {box-sizing:border-box; width:100px; height:40px; border:1px solid #ccc; outline:none;}
ol.phonenbb li {margin:0 10px 0 0;}
.atagbtn01 {width:200px; display:block; border:none; border-radius:50px; text-align:center; margin:50px auto 0 auto; background:#5838b9; color:#fff; line-height:50px; height:50px; font-size:17px; transition:transform 0.3s ease;}
.atagbtn01:hover {transform:translateY(-15px); font-weight:600;}
.privacyprivacy0 {margin:30px auto 0 auto;}
.privacyprivacy0 textarea {padding:20px; border:1px solid #aaa; box-sizing:border-box; width:100%; font-size:15px; line-height:25px; color:#555;}
.privacyprivacy0 label {display:flex;}
.privacyprivacy0 label input {margin:0 5px 0 0;}
.pONLYtext {width:100%; box-sizing:border-box; padding:10px; margin:10px 0 0 0; font-size:15px; line-height:25px;}

.h1title {display:flex; line-height:50px;}
.h1title span {width:2px; height:50px; background:#333;}
.h1title strong {font-size:20px; color:#222; font-weight:500; margin:0 0 0 10px;}
.pintable01 {width:100%; margin:30px auto 0 auto; border-top:1px solid #ddd;}
.pintable01 tr:first-child th {color:#33246b; font-size:20px;}
.pintable01 th {color:#6042d2;}
.pintable01 th, .pintable01 td {text-align:center; border-bottom:1px dashed #ddd; padding:20px;}
.pinerror00 {font-size:13px; color:#333; text-align:left !important; line-height:19px;}

.sub01_resultwrap {margin:30px auto 0 auto;}
.sub01_resultwrap ul {padding:20px 0; border-bottom:1px solid #333;}
.sub01_resultwrap ul li {line-height:30px;}
.sub01_resultwrap ul li strong {color:#6042d2;}
.ul_resultwrap00 {text-align:right;}
.ul_resultwrap00 li strong {padding:0 0 0 100px;}
.ul_resultwrap02 li {display:flex; align-items:center; flex-wrap:wrap; line-height:25px !important;}
.ul_resultwrap02 li strong {width:2px; height:2px; background:#222;}
.ul_resultwrap02 li span {margin:0 0 0 10px; color:#333; font-size:14px;}
.ul_btnwrap00 {display:flex; gap:10px; justify-content:center; border-bottom:0px !important;}
.ul_btnwrap00 li {width:45%;}
.ul_btnwrap00 li a {width:100% !important; margin-top:0px;}
.ul_btnwrap00 li a.atag00 {display:block; border-radius:50px; height:50px; line-height:50px; width:200px; text-align:center; color:#6042d2; border:1px solid #6042d2; font-size:17px; font-weight:600;}
/*sub01_resultwrap a {display:block; margin:50px auto 0 auto; border-radius:50px; height:50px; line-height:50px; width:250px; text-align:center; color:#fff; background:#6042d2; font-size:20px; font-weight:600;}*/
 

.sub0302_FAQ {margin:50px auto 0 auto;}
.sub0302_FAQ li {padding:0 30px 30px 30px; border:1px solid #eee; border-top:2px solid #6457de; margin:50px auto 0 auto;}
.sub0302_FAQ li:first-child {margin:0 auto;}
.faq.active {}
.faq_question {padding:30px 0; font-weighT:600; color:#333; border-bottom:1px solid #ccc;}
.faq_question, .faq_text {display:flex; align-items:center;}
.faq_question strong, .faq_text strong {width:40px; height:40px; line-height:40px; text-align:center; border-radius:40px; background:#6457de; color:#fff;}
.faq_question span, .faq_text span {margin:0 0 0 20px; width:calc(100% - 60px);}
.faq_text strong {background:#2c2569;}
.faq_answer {max-height:0; overflow:hidden; transition:max-height 0.3s ease-in-out;}
.faq_text {font-size:16px; line-height:26px; width:100%; margin:20px auto 0 auto; color:#333;}
.faq.active .faq_answer {max-height:200px; transition:max-height 0.3s ease-in-out;}
.faqbtn:focus {outline:0;}
.faq_icon.close {display:none;}
.faq.active .faq_icon.close {color:#ffffff;display:block;}
.faq.active .faq_icon.open {display:none;}
.faqbtn {width:30px; height:30px; background:#aaa; color:#fff; border:none; position:absolute; righT:30px; top:35px;}


#giftcodewrap {}
#giftcodewrap ul {display:flex; flex-wrap:wrap; justify-content:flex-start; gap:15px; padding:50px 0;}
#giftcodewrap li {box-sizing:border-box; border:1px dashed #ddd; transition:transform 0.3s ease; width:24%;}
#giftcodewrap li a {display:flex; justify-content:center; align-items:center; padding:10px 0; flex-direction:column;}
#giftcodewrap li img {width:70%; margin:0 auto;}
#giftcodewrap li:hover {transform:translateY(-10px); font-weight:600;}
#giftcodewrap li a strong {font-weight:400; color:#333; padding:10px 0 0 0; border-top:1px dashed #ddd; width:100%; text-align:Center; margin:10px 0 0 0;}
.h1title00 {text-align:center; margin:0 auto 50px auto; width:100%; text-align:center; color:#6457de; letter-spacing:-0.05em; font-size:28px;}
#returnreturn {width:100%; margin:0 auto;display:flex; flex-direction:column;}
#returnreturn ul {border-top:2px solid #6457de;}
#returnreturn ul li {display:flex; border-bottom:1px dashed #ddd; padding:25px; box-sizing:border-box; align-items:center;}
#returnreturn ul li strong {font-size:18px; font-weight:500;}
#returnreturn ul li b {color:#6457de; font-size:18px; font-weight:500;}
#returnreturn ul li span {font-size:15px; color:#333; margin:0 0 0 10px;}
#returnreturn ul li input[type=text], #returnreturn ul li input[type=number] {height:40px; width:180px; padding:10px 20px; border:1px solid #ccc; box-sizing:border-box; font-size:16px;}
#returnreturn ul li select {border:1px solid #ccc; margin-right:10px; height:40px;}





.sub0401 {}
.sub0401 > h3 {font-size:15px; margin:0 auto; padding:0 0 20px 0; font-weight:400; color:#999; border-bottom:1px solid #ddd;}
.sub0401 section {display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; width:100%; padding:20px; border-bottom:1px solid #ddd;}
.sub0401 section figure {width:100px; height:80px; align-items:center; display:flex; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; padding:10px;}
.sub0401 section figure img {width:100%; height:auto;}
.sub0401 section figcaption {margin:0 20px; width:calc(100% - 330px);}
.sub0401 section figcaption h5 {font-size:14px; font-weight:400; color:#777;}
.sub0401 section figcaption p {font-size:18px; color:#333; margin:5px 0 0 0;}
.sub0401 section a {display:block; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; padding:10px 20px; font-size:15px; color:#333; cursor:pointer; transition:transform 0.3s ease; text-align:center;}
.sub0401 section a:hover {transform:translateX(-10px);}



/* 마이페이지 */
.submypage {margin:0 auto 50px auto;}
.selectmenu {display:flex; justify-content:center; gap:10px;}
.selectmenu select {width:150px; height:50px; line-height:50px; text-align:center; font-size:17px; -webkit-appearance:none;  -moz-appearance:none; appearance:none; background:url(/img/downarrow.png) no-repeat 90% center ; text-align:left; padding:0 0 0 20px ;}
.selectmenu select::-ms-expand {display:none;}
.register label {color:#000; font-weight:500;}

.submapagewrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.submpsection01 {width:100%;}
.submpsection01 ul {display:flex; flex-wrap:wrap; margin:30px 0 0 0; width:100%; border-top:1px solid #eee;}
.lnb00 li {font-size:17px; width:100%;  border:1px solid #eee; border-top:none; background:url(/img/mparrow001.png) no-repeat 90% center; background-size:7px;}
.lnb00 li a {padding:20px; color:#333; display:block; transition:transform 0.3s ease;}
.active00, .lnb00 li:hover {background:url(/img/mparrow002.png) no-repeat 90% center #4133bd !important; background-size:7px !important;}
.active00 a, .lnb00 li a:hover {font-weight:bold; transform:translateX(5px); color:#fff !important;}
.submpsection02 {width:100%; margin:50px auto 0 auto;}
.tbl_head03 , .subsecdivwrap section {overflow-x:auto; white-space:nowrap;}
.subsecdivwrap a {display:block;background:url('../img/more-btn.gif') no-repeat right center; font-size:15px; padding:0 25px 0 0; font-weight:400; color:#333; text-align:right; margin:0 auto 20px auto;}
.infomodify00 {display:flex; gap:10px; align-items:center; justify-content:flex-end;}
.infomodify00 li {border:1px solid #333; overflow:hidden; height:40px; line-height:40px; font-size:15px;}
.infomodify00 li:first-child {border:1px solid #4133bd;}
.infomodify00 li a {border:none; display:block; padding:0 20px;}
.myinfo00 {overflow:hidden; width:100%; margin:10px auto 50px auto; display:flex; flex-wrap:wrap;}
.myinfo00 section {border:1px solid #222; width:100%; padding:30px;}
.myinfo00 section:last-child {border-top:none;}
.myinfosection01 h3 {font-weight:400; color:#333;}
.myinfosection01 h3 strong {color:#4133bd; font-weight:600;}
.myinfosection01 h3 strong img {border-radius:50px; width:30px;}
.myinfosection01 h1 {margin:30px 0 0 0; display:flex; align-items:center; justify-content:flex-end;}
.myinfosection01 h1 i {font-style:normal; border:1px solid #333; border-radius:50px; width:50px; height:50px; line-height:50px; text-align:center; font-weight:900; color:#333; display:block;}
.myinfosection01 h1 strong {display:block; margin:0 0 0 20px; font-weighT:400; color:#555;}
.myinfosection01 h1 strong a {font-weight:900; color:#4133bd;}
.myinfosection02 ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.myinfosection02 ul li {line-height:35px; width:50%; font-size:15px;}
.myinfosection02 ul li:last-child {width:100%;}
.myinfosection02 ul li strong {color:#333;}
.myinfosection02 ul li span {color:#555;}
.local_sch {display:flex; background:#f3f3f3; padding:20px; justify-content:center; align-items:center;}
.local_sch input {border-radius:0; heighT:40px; line-height:40px;}
.local_sch input[type=text] {border:none; background:#fff; padding:10px; box-shadow:none; margin:0 10px; color:#999; width:80%;}
.local_sch input[type=submit] {font-size:15px; width:100px; border:none; background:#333;}


.flexwrap001 {display:flex;margin:50px auto 0 auto; justify-content:space-between; flex-wrap:wrap;}
.flexwrap001 .sod_left {width:65%;}
.flexwrap001 .sod_right {width:30%;}







/* ========== 안냐세요저는헬로기푸트이용안내임다 ========== */
/* 이용안내 */
.sub06 {padding:50px 0;}
.sub06_section {margin:100px auto 0 auto;}
.sub06_section:nth-of-type(1) {margin:0 auto;}
.sub06_titlestep {width:90%; margin:0 auto; text-align:center;}
.sub06_titlestep h3 {border-radius:50px; width:200px; height:50px; line-height:50px; background:#432178; color:#fff; text-align:center; margin:0 auto;}
.sub06_titlestep h1 {color:#432178; margin:20px auto; font-weight:500; font-size:29px; letter-spacing:-0.05em;}
.sub06_titlestep h5 {font-weight:400; color:#333; line-height:30px; font-size:18px;}
.sub06_titlestep h4 {display:inline-block; padding:5px 10px; background:#3269bb; color:#fff; font-weight:400; font-size:15px; margin:10px auto 0 auto;}
.sub06_section figure {padding:70px 50px 0 50px; background:#f2f7ff; display:flex; margin:50px auto 0 auto; gap:5%; justify-content:center; flex-wrap:wrap;}
.sub06_section ul {display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin:50px auto 0 auto;}
.sub06_section li {text-align:center;  font-size:20px; font-weighT:500;}
.tkdydcj li a {display:block; color:#3269bb; width:200px; border:1px solid #3269bb; border-radius:50px; height:50px; line-height:50px; transition:transform 0.3s ease;}
.tkdydcj li a:hover {transform:translateY(-10px); background:#084095; color:#fff; border:1px solid #084095;}

.subpagegnb {width:90%; display:flex; gap:15px; justify-content:center; margin:0 auto; flex-wrap:wrap;}
.subpagegnb li {width:230px; height:60px; line-height:60px; font-size:20px; text-align:center; border:1px solid #ddd; transition:transform 0.3s ease; border-radius:50px;}
.subpagegnb li:hover, .sbpgnbActive {background:#1074cb !important; border:1px solid #1074cb; font-weight:bold;}
.subpagegnb li a {display:block; color:#333;}
.subpagegnb li:hover a, .sbpgnbActive a {color:#fff !important;}

#sub0203step02 {background:url(/img/0203step01img02bg.png) center no-repeat #f2f7ff; padding:70px 0 0 0; background-size:cover;}
#sub0203step03 {background:url(/img/0203step01img03bg.png) center no-repeat #f2f7ff; padding:70px 0 0 0; background-size:cover;}
#sub06view {}
#sApurple li:hover, #sApurple .sbpgnbActive {background:#7110cb !important; border:1px solid #7110cb;}
#sub06view .sub02_titlestep h3 {background:#432178;}
#sub06view .sub02_titlestep h1 {color:#432178;}














/* ================== 반응형 ================== */
@media screen and (min-width:1300px)
{
.per90, .px1300 {width:1300px; margin:0 auto;}
.mrt5070 {margin-top:70px !Important;}
.div_popup {font-size:13px;}
#jy_pop123123 {top:142px; width:600px;}







/* ========== 헤더 ========== */
#asidetop {display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
#asidetop > div {display:flex; justify-content:space-between; flex-direction:row-reverse;}
#asidetop > div ul {display:flex;}
#asidetop > div ul li {text-transform:uppercase; font-size:15px; transition:transform 0.3s ease; text-align:Center; padding:0 10px;}
#asidetop > div ul li a {display:block; color:#333;}
#asidetop > div ul li:hover {transform:translateY(-5px); font-weight:600;}
#asidetop > div ul li:first-child {background:#6457de;  transition:none;}
#asidetop > div ul li:first-child:hover {transform:translateY(0);}
#asidetop > div ul li:first-child a {color:#fff;}
#asidetop > div ul li.adm {background:#d13f4a;  transition:none;}
#asidetop > div ul li.adm:hover {transform:translateY(0);}
#asidetop > div ul li.adm a {color:#fff;}
#asidetop > div h3 {color:#fff; font-weight:bold;}
#asidetop > div h3 a {color:#fff !important; font-size:17px; padding:0 10px; font-weight:600; transition:transform 0.3s ease;}
#asidetop > div h3 a:hover {transform:translateY(-5px); font-weight:600;}


#mobileheader {display:none;}
#pcheader {display:block;}
header {width:100%; height:auto; padding:0; border-bottom:none; border-bottom:1px solid #ddd;}
header > div {display:flex; height:100px; line-height:10px; justify-content:space-between;}
header > div h1 {margin:25px 0;}
.gnb {margin:0 auto; display:flex;}
.gnbul {display:flex; background:url(/img/bar00.png) no-repeat left center;}
.gnbul > li {text-align:center; width:165px; background:url(/img/bar00.png) no-repeat right center;}
.gnbul > li > a {line-height:100px; font-weight:400; font-size:16px; display:block; color:#333;}
.gnbul > li > a:hover, .hov1 {color:#0f1228 !Important; font-weight:600 !important;}
.subgnb {display:none; background:#fff; position:Absolute; width:100%; top:100px; border-top:1px solid #ddd; z-indeX:1550;}
.subgnb li {font-size:14px; line-height:40px; height:40px; border-bottom:1px solid #eee;}
.subgnb li a {color:#333; display:block; width:100%; height:100%;}
.subgnb li a:hover {font-weight:500; border-bottom:3px solid #292e58; color:#292e58;}






/* ======= 푸터 ======= */
footer {width:100%; overflow:hidden; margin:50px auto 0 auto;}
.footer01 {display:flex; justify-content:space-between;}
.footer01 section {width:49%;}
.footer01 > section:last-child {margin:0;}
.footer02 br:nth-of-type(1) {display:block;}




/* ========== 메인 ========== */
#mainvisual div {justify-content:space-between; flex-direction:row;}
#mainvisual div article {text-align:left;}
#main01 > div {flex-direction:row; gap:20px;}
#main01 > div section {width:25%; display:flex; justify-content:space-around; align-items:center;}
#main01 > div section article p {min-height:54px; width:170px;}
#main01 > div > div {width:25%;}






/* ========== 서브 ========== */
#subpage {padding:50px 0;}
.sub02 {flex-direction:row;}
.sub02left {width:620px;}
.sub02right {width:330px; margin:0;}
.sub02price li:hover {background:#6156d6 !important; color:#fff !important; font-weight:600;}
.sub02pay {flex-direction:row;}

#sub02_dbdmltkgkd p {margin:0; line-height:40px; background:url(/img/bullet01.png) no-repeat left 20px;}
#sub02_dbdmltkgkd p:nth-of-type(1) {margin:20px 0 0 0;}
#subformcommon {width:1000px;}
.sub0302_FAQ {width:1000px;}
#returnreturn ul li strong {width:25%;}


.register {width:1000px;}



/* 마이페이지 */
.submpsection01 {width:20%;}
.submpsection02 {width:75%; margin:0 auto;}
.myinfo00 section {width:50%;}
.myinfo00 section:last-child {border-left:none; border-top:1px solid #222;}
}












@media screen and (min-width:769px) and (max-width:1399px)
{
/* ========== 헤더 ========== */
header {heighT:87px;}



/* ========== 메인 ========== */
#main01 > div {flex-wrap:wrap; flex-direction:row; justify-content:space-around; gap:30px 0;}
#skdmlwjdqh , #main01 > div section {width:45%; display:flex; justify-content:space-evenly; margin:0;}
#main01LOGIN {width:45%;}



/* ========== 서브 ========== */
.sub01inputwrap ul li input {width:110px;}
#returnreturn ul li strong {width:25%;}
.pintable01 th, .pintable01 td {padding:15px; font-size:13px;}
.pintable01 tr:first-child th {color:#33246b; font-size:15px;}

.flex001 {flex-direction:column-reverse;}
.sub0203 .sub02right {margin:0 auto 50px auto;}




/* 마이페이지 */
.lnb00 li {width:33%;}




/* 이용안내 */
.subpagegnb li {width:180px; height:40px; line-height:40px; font-size:15px;}
.sub06_section figure img {width:45%;}
}












@media screen and (min-width:0px) and (max-width:768px)
{
/* ========== 헤더 ========== */
header {heighT:87px;}
.changetop .fixed1 {top:-23px; height:52px;}


/* ========== 푸터 ========== */
footer {margin:50px auto 0 auto;}
.footer01 > section {width:90%;}
.footer01 > section:first-child {margin:0 auto; padding:30px 20px;}
.footer01 > section:first-child h3 {line-height:26px;}
.footer01 > section:first-child ul li span {display:block; margin:0 0 5px 0;}
.footer01 > section:first-child h1 {font-size:35px; letter-spacing:-0.07em;}
.footer01 > section:first-child a {width:215px;}
.footer02 {width:90%; padding:50px 5%;}






/* ========== 메인 ========== */
#mainvisual div article h2 {font-size:25px;}
#mainvisual div article h1 {font-size:30px;} 
#mainvisual div article p {line-height:25px; font-size:15px;}
#mainvisual div article h4 {justify-content:center;}
#main01 {margin:0 auto; padding:30px 0 0 0;}
#main01 > div {gap:30px;}
#main01 > div section, #main01LOGIN {width:85%; padding:30px 5%; max-width:320px; box-sizing:border-box; margin:0 auto;}
#skdmlwjdqh {width:85%; padding:30px; max-width:320px; box-sizing:border-box; margin:0 auto;}
#main01 > div section article p {font-size:15px; line-height:25px;}
#main01 > div section figure img {width:40px;}
#main01 > div section a {padding:0; justify-content:space-around; }




/* ========== 서브 ========== */
#subvis h1 {font-size:35px;}
#subvis h1 br {display:block;}
#subvis p {font-size:15px;}

.sub00section > hgroup h2 {font-size:30px; line-height:36px; margin:15px auto 0 auto;}
.sub00section > hgroup h2 br {display:block;}
.pintable01 th, .pintable01 td {padding:10px; font-size:12px;}
.pintable01 tr:first-child th {font-size:14px;}
.sub02 div section {padding:20px; border-radius:20px;}
.sub02 div section h1 {font-size:20px; padding:0 0 15px 0;}
.sub02price li {width:47%; height:50px; line-height:50px; font-size:16px;}
.sub02info li {height:auto; flex-direction:column;}
.sub02pay li {width:47%; height:130px;}
.sub02pay li img {width:40px;}
.sub02pay li strong {font-size:15px;}
.sub02bottom, .sub02bottom article {padding:20px;}
.sub02bottom article {margin:20px auto 0 auto;}
.sub02bottom article p {font-size:14px; line-height:23px;}
.sub01inputwrap ul {flex-wrap:wrap;}
.sub01inputwrap ul, .sub01inputwrap ul li {width:100%;}
.sub02right h4 strong, .sub02right h4 span {font-size:15px;}


.flex001 {flex-direction:column-reverse;}
.sub0203 .sub02right {margin:0 auto 50px auto;}
.sub0203 #returnreturn ul li {align-items:flex-start;}
#returnreturn ul li select {font-size:15px; margin:0 0 10px 0; width:100%;}
#returnreturn ul li input[type=text], #returnreturn ul li input[type=number] {width:100%;}




#subformcommon {padding:20px;}
.formform01 {flex-direction:column;}
.formform01 h3 {margin:0 0 10px 0; text-align:left;}
.formform01 h3, .formform01 > input, .formform01 > textarea {width:100%;}
.phonenbb {gap:5px;}
.phonenbb li {width:30%;}
ul.phonenbb li:nth-child(even) {width:2%;}
.phonenbb li strong {margin:0; font-size:10px;}
.phonenbb select, .phonenbb input {width:100%;}
.phonenbb_long {flex-wrap:wrap;}
ol.phonenbb_long li {margin:10px 5px 10px 0;}
ol.phonenbb_long li:nth-child(4) {width:15px;}
.privacyprivacy0 textarea, .textareaCOMMON {font-size:13px; line-height:23px; padding:15px;}
.textareaCOMMON {min-height:350px;}
.sub0302_FAQ li {padding:0 20px 20px 20px;}
.faq_question {font-size:15px; line-height:25px;}
.faq_text {align-items:flex-start;}
.faq_text span {height:150px; overflow-y:scroll; font-size:13px; line-height:25px;}
.faqbtn {right:0; top:0;}


#giftcodewrap ul {padding:20px 0;}
#returnreturn ul li {flex-direction:column;}
#returnreturn ul li strong {margin:0 0 10px 0;}
#returnreturn ul li span {font-size:14px; line-height:26px; margin:10px 0 0 0;}







/* 마이페이지 */
.infomodify00 {flex-wrap:wrap;}
.infomodify00 li {width:48%;}
.myinfo00 section {padding:15px;}
.lnb00 li {width:50%; font-size:14px;}
.lnb00 li a {padding:15px;}
.myinfosection02 ul li {width:100%; font-size:14px;}
.tbl_head03 thead th {font-size:13px;}
.tbl_head03 td {font-sizE:13px;}

#sod_fin_legend {font-size:14px;}
.flexwrap001 .sod_left {width:100%;}
.flexwrap001 .sod_right {width:100%;}





.sub0401 section {flex-wrap:wrap;}
.sub0401 section figcaption {width:100%; margin:20px 0;}

#giftcodewrap ul {justify-content:space-between;}
#giftcodewrap li {width:47%;}

.lists-row .col-row-4 {width:49%;}
.sct_10 .sct_txt {font-size:15px; line-height:22px;}






/* 이용안내 */
.subpagegnb li {width:180px; height:40px; line-height:40px; font-size:15px;}
.sub06_section figure {padding:20px 20px 0 20px;}
.sub06_section figure img {width:100%; margin:20px;}
.sub06_titlestep h1 {font-size:24px;}
.sub06_titlestep h5 {font-size:14px; line-height:26px;}
}