@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:'Tenada'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.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;}
label, button, input[type=button], input[type=text], input[type=submit], input[type=image] {cursor:pointer;}
img {border:none;}
input {font-family:"Pretendard Variable"}
a {text-decoration:none;}
li {list-style:none;}
label {cursor:pointer; color:#666;}
select {cursor:pointer; border:1px solid #ddd; font-size:12px; color:#666;}
img {max-width:100%;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.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);}
.px1400, .px1300 {box-sizing:border-box; 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;}











/* ========== 헤더 ========== */
header {width:100%; padding:20px; z-index:999; overflow:hidden; display:flex; box-sizing:border-box;}
header::after {content:"";}
header img {display:block;}
.addition {width:100%; display:flex; justify-content:space-between; align-items:center;}
.addition > h1 {z-index:90;}
.fixed1 {z-index:999;}
.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%;}
#sidebar > .nav_btn01 {overflow:hidden; text-align:Center; width:100%; margin:20px auto;}
#sidebar > .nav_btn01 > li {font-family:'Tenada'; display:inline-block; width:200px; height:40px; line-height:46px; text-align:center; font-size:20px; border-radius:50px; text-transform:uppercase; border:1px solid #1074cb; background:#1074cb;}
#sidebar > .nav_btn01 > li a {color:#fff;}
.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:16px; 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:16px; 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:#1074cb;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#1074cb; 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:#1074cb; 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;}
.headertop {height:40px; line-height:40px; font-size:10px; border-bottom:1px solid #eee;}
.headertop ul {display:flex; flex-direction:row-reverse;}
.headertop li {padding:0 10px; font-size:10px;}
.headertop li a {color:#222;}





/* 우측 퀵메뉴 */
#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%; text-align:center; margin:100px auto 0 auto;}
footer section {width:90%; margin:0 auto;}
footer section h1 {font-size:40px; line-height:30px; margin:30px auto; font-weight:900; color:#254c9c; letter-spacing:-0.07em;}
footer section p {font-size:18px; line-height:30px; color:#555555;}
footer section b {font-weight:400;}
footer section span br {display:none;}
.footer {width:90%; padding:65px 5%; background:#f5f9ff; margin:50px auto 0 auto;}
.footer ul {display:flex; justify-content:center; gap:15px;}
.footer ul a {color:#2a3866;}
.footer p {font-size:16px; color:#222; line-height:26px; margin:30px auto;}
.footer h3 {font-size:15px; color:#999999; font-weight:400; text-transform:uppercase;}






/* ========== 메인 ========== */
#mainvis {width:100%; text-align:center; box-sizing:border-box; color:#fff; font-size:50px; background:url(/img/mainbg.jpg) no-repeat center #1074cb; padding:50px 0;}
#mainvis > div {display:flex; justify-content:space-around; align-items:stretch; flex-wrap:wrap;}
#mainvis article {text-align:center;}
#mainvis article h3 {height:50px; line-height:50px; width:280px; border:2px solid #fff; border-radius:50%; text-align:center; font-family:'RiaSans-ExtraBold'; font-size:18px; margin:0 auto;}
#mainvis article h1 {font-family:'Tenada'; color:#fff195; font-size:60px; height:54px; margin:35px auto;}
#mainvis article h2 {font-weight:100; letter-spacing:-0.05em; font-size:60px;}
#mainvis article p {font-size:23px; color:#fff; opacity:0.7; font-weight:300; margin:30px 0 0 0; line-heighT:30px;}
#mainvis article h4 {font-size:16px; color:#fff; display:flex; margin:30px auto 0 auto; align-items:center; gap:20px; flex-wrap:wrap;}
#mainvis article h4 img {width:200px;}
#mainvis figure img {width:80%;}
.mainvisbottom {background:url(/img/anfruf.png) repeat-x; margin:-160px 0 0 0; height:160px;}

#main01 {}
#main01 hgroup {text-align:center;}
#main01 hgroup h1 {font-family:'Tenada'; font-size:50px; color:#1f2e4c; font-weight:500;}
#main01 hgroup h4 {font-size:20px; color:#555; font-weight:300; margin:20px auto 0 auto;}
#main01 ul {display:flex; box-sizing:border-box; gap:25px; flex-wrap:wrap; margin:100px auto 0 auto;}
#main01 li {box-sizing:border-box; background:url(/img/main01bg01.png) no-repeat center; width:328px; height:139px; text-align:center; transition:transform 0.3s ease; border-radius:30px;}
#main01 li:hover {transform:translateY(-15px); box-shadow:10px 10px 20px rgba(0,0,0,0.04);}
#main01 li a {display:flex; align-items:center; justify-content:center; height:100%;}


#main02 {display:flex; align-items:center; justify-content:center; width:100%; padding:100px 0 70px 0; margin:100px auto 0 auto; overflow:hidden; background:url(/img/main02bg.jpg) no-repeat center #ecf4ff;}
#main02 > div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;text-align:center;}
#main02 section h1 {font-family:'Tenada'; font-size:55px; color:#316bbd; font-weight:500;}
#main02 section article {font-size:25px; letter-spacing:-0.02em; line-height:40px; margin:20px auto 0 auto; font-weight:300; color:#333;}
#main02 section h3 {margin:50px 0 0 0; font-weight:500; color:#1e72e9; font-size:22px;}
#main02 section h3 strong {padding:0 30px 0 0;}
#main02 section:nth-of-type(2) {display:flex; align-items:center; margin:30px auto 0 auto;}
#main02 section figure:first-child {margin:41px 0 0 0;}
#main02 section figure img {width:80%;}


#main03 {margin:100px auto 0 auto;}
#main03 h1 {display:flex; justify-content:space-between; align-items:center;}
#main03 h1 strong {font-family:'Tenada'; font-size:50px; color:#333;}
#main03 h1 a {font-size:18px; color:#1074cb; font-family:'GmarketSansBold'; text-transform:uppercase;}
#main03 section {}
#main03 section:nth-of-type(1) {border-top:1px solid #ddd; margin:50px auto 0 auto;}
#main03 section a {display:flex; padding:40px 25px; box-sizing:border-box; border-bottom:1px solid #ddd; justify-content:space-between; align-items:center; width:100%; transition:transform 0.3s ease;}
#main03 section a:hover  {transform:translateX(15px);}
#main03 section article {width:80%;}
#main03 section h3 {font-size:22px; color:#222; font-weighT:400; margin:0 0 15px 0;}
#main03 section p {font-size:16px; color:#666; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}






/* ========== 서브 ========== */
.subvis {width:100%; background:url(/img/subvis.png) no-repeat center #f9fcff; box-sizing:border-box; padding:0 5%; height:300px; display:flex; flex-wrap:wrap; text-align:center; justify-content:center; align-items:center; align-content:center;}
.subvis h1, .subvis p {width:100%;}
.subvis h1 {font-family:'Tenada'; font-size:50px; color:#2f3954;}
.subvis p {font-size:18px; color:#555; margin:15px auto 0 auto;}
.subpage {margin:50px auto 0 auto; width:100%;}

.sub01 {}
.sub01 section {display:flex; align-items:center; margin:30px auto;}
.sub01 section article {text-align:center;}
.sub01 section article h1 {font-family:'Tenada'; color:#333; font-size:45px;}
.sub01 section article h1 strong {color:#2174d2;}
.sub01 section article p {font-size:17px; line-height:27px; color:#555; margin:30px auto 0 auto;}
.sub01 section figure img {display:block; width:100%;}
.sub01 section:nth-of-type(even) {flex-direction:row-reverse;}
.sub01 section article, .sub01 section figure {width:50%;}
#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;}

.sub0302_FAQ {margin:50px auto 0 auto;}
.sub0302_FAQ li {padding:0 30px 30px 30px; border:1px solid #ddd; border-top:2px solid #226cc9; margin:50px auto 0 auto; border-radius:0 0 20px 20px;}
.sub0302_FAQ li:first-child {margin:0 auto;}
.faq.active {}
.faq_question, .faq_text {padding:30px 0 0 0; display:flex; align-items:center;}
.faq_question {font-weighT:600; color:#333;}
.faq_text {align-items:flex-start; border-top:1px dashed #ccc;}
.faq_question strong, .faq_text strong {width:40px; height:40px; line-height:40px; text-align:center; border-radius:10px; background:#226cc9; color:#fff;}
.faq_question span, .faq_text span {margin:0 0 0 20px; width:calc(100% - 60px);}
.faq_text strong {background:#274777;}
.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;}

.subpagegnb {width:90%; display:flex; gap:15px; justify-content:center; margin:0 auto; flex-wrap:wrap;}
.subpagegnb li {width:200px; height:50px; line-height:50px; font-size:16px; text-align:center; border:1px solid #ddd; transition:transform 0.3s ease; border-radius:50px;}
.subpagegnb li:hover {transform:translateY(-10px); box-shadow:10px 10px 20px rgba(0,0,0,0.04); }
.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;}
.subboard {padding:50px 0;}

.sublogin section {width:500px; margin:0 auto; box-sizing:border-box; padding:20px; border:1px dashed #ddd; border-top:2px solid #1074cb; margin:0 auto;}
.sublogin section h1 {font-size:20px; text-align:center; font-family:'GmarketSansBold'; color:#024b8b;} 
.sublogin ul {margin:30px auto 0 auto;}
.sublogin input, .sublogin button, .sublogin strong {font-family:"Pretendard Variable"; font-size:15px; border-radius:5px; height:45px; border:1px solid #ddd;}
.sublogin ul li {display:flex; justify-content:space-between; margin:10px auto;}
.sublogin ul li input {padding:0 10px; box-sizing:border-box; width:100%;}
.sublogin ol {display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px auto 0 auto;}
.sublogin ol li {widtH:48%; box-sizing:border-box; text-align:Center; border:1px solid #eee; font-family:'GmarketSansMedium'; font-size:11px; line-height:40px; height:40px;}
.sublogin ol li a {width:100%; display:block; color:#333;}
.sublogin ol li:hover {background:#333;}
.sublogin ol li:hover a {color:#fff;}
.sublogin section > button, .sublogin section > form > button {background:#1074cb; color:#fff; width:100%; border:none; font-size:20px; font-weight:500; margin:15px auto 0 auto; transition:transform 0.3s ease;}
.sublogin section > button:hover {transform:translateY(-10px);}
.sublogin p {margin:20px auto 0 auto; font-size:16px; color:#333; line-height:28px; padding:20px 0 0 0; border-top:1px dashed #ddd; text-align:center;}
.sublogin article {}
.sublogin h4 {text-align:center; font-weighT:400; line-height:26px; font-size:18px;}
.sublogin h4 b {font-weight:600; color:#256ec7;}
.sublogin article a {text-decoration:underline; color:#333;}
.sub02 {padding:50px 0;}



/* 이용안내 */
.sub02_section {margin:100px auto 0 auto;}
.sub02_section:nth-of-type(1) {margin:0 auto;}
.sub02_titlestep {width:90%; margin:0 auto; text-align:center;}
.sub02_titlestep h3 {border-radius:50px; width:200px; height:50px; line-height:50px; background:#0b448a; color:#fff; text-align:center; margin:0 auto;}
.sub02_titlestep h1 {color:#0b448a; margin:20px auto; font-weight:500; font-size:29px; letter-spacing:-0.05em;}
.sub02_titlestep h5 {font-weight:400; color:#333; line-height:30px; font-size:18px;}
.sub02_titlestep h4 {display:inline-block; padding:5px 10px; background:#3269bb; color:#fff; font-weight:400; font-size:15px; margin:10px auto 0 auto;}
.sub02_section figure {padding:70px 50px 0 50px; background:#f2f7ff; display:flex; margin:50px auto 0 auto; gap:5%; justify-content:center; flex-wrap:wrap;}
.sub02_section ul {display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin:30px auto 0 auto;}
.sub02_section li {border-radius:50px; height:50px; line-height:50px; text-align:center; width:200px; color:#3269bb; border:1px solid #3269bb; font-size:20px; font-weighT:500;}


#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;}













/* ========== 내상품권 ========== */
/* 팝업 공통 */
.mask {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7) repeat; top:0; left:0; z-index:999; display:none;}
.popupcontents {width:100%; height:100vh; position:fixed; lefT:0; top:0; background:#000; display:none; z-index:9999;}
.sub0401_tkdvnarnjstlfanf .popupcontents {display:block !important;}
.sub0401_tkdvnarnjstlfanf .popupcontents ul li {color:#fff;}
.flexwrapping {display:flex; box-sizing:border-box; justify-content:center; height:100vh; padding:50px 0;}
.flexwrapping section {/*width:380px;*/}
.flexwrapping section a {width:100%; display:block; color:#fff; text-align:center; font-size:16px; padding:20px 0; border:1px solid #aaa; cursor:pointer;}
.flexwrapping section figure img {display:block;}
.flexwrapping table {color:#fff; width:100%; text-align:center; border-top:1px dashed #ddd;}
.flexwrapping table th, .flexwrapping table td {padding:10px; border-bottom:1px dashed #ddd; font-size:13px; border-left:1px dashed #ddd;}
.flexwrapping table th:first-child, .flexwrapping table td:first-child {border-left:0px !important;}
.scrolll {overflow-y:scroll;}


.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; margin:0 0 15px 0;}
.sub0401 section figcaption p {font-size:16px; color:#333; margin:10px 0 0 0;}
.sub0401 section figcaption span {color:#ff1111;}
.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);}

.sub0401_tkdvnarnjs {box-sizing:border-box; width:100%; height:100vh; display:flex; background:#121314; align-items:center; justify-content:center;}
.tkdvnarnjswrap {width:380px; box-sizing:border-box; background:#f8f8f8; border-radius:20px; padding:30px;}
.tkdvnarnjswrap > section {background:#fff; border:1px dashed #ddd; padding:20px; box-sizing:border-box; border-radius:20px;}
.tkdvnarnjswrap > section figure {margin:0 auto; text-align:center;}
.tkdvnarnjswrap > section h3 {font-size:16px; margin:10px 0; font-weight:400; color:#333;}
.tkdvnarnjswrap > section h1 {font-size:17px; font-weight:400;}
.tkdvnarnjswrap > section h1 strong {font-size:32px;}
.tkdvnarnjswrap > section p {font-size:16px; margin:20px 0 35px 0;}
.tkdvnarnjswrap > section > a {display:block; text-align:center; color:#fff; font-weight:500; font-size:20px; background:#1074cb; padding:20px 0; border-radius:10px; cursor:pointer; transition:transform 0.3s ease;}
.tkdvnarnjswrap a:hover {transform:translateY(-10px);}
.tkdvnarnjswrap > p, .tkdvnarnjswrap > article {padding:15px 0; text-align:center; font-size:15px; color:#333;}
.tkdvnarnjswrap > article {border-top:1px dashed #ddd;}
.tkdvnarnjswrap > p strong {color:#1074cb;}
.tkdvnarnjswrap > ul {}
.tkdvnarnjswrap > ul li {width:100%; margin:15px auto 0 auto; text-align:center;}
.tkdvnarnjswrap > ul li:first-child a {background:#333;}
.tkdvnarnjswrap > ul li a {display:block; width:100%; padding:20px 0; color:#fff; border-radius:10px; background:#1d4571; font-size:18px; transition:transform 0.3s ease;}

.gbeovhsdlwmd {display:flex; flex-wrap:wrap; box-sizing:border-box; justify-content:center; align-items:center; height:100vh; padding:50px 0; width:380px; margin:0 auto;}
.gbeovhsdlwmd section {width:100%; background:#fff; border:1px dashed #ddd; padding:20px; box-sizing:border-box; border-radius:20px; margin:20px auto 0 auto;}
.gbeovhsdlwmd section h3 {font-size:20px; display:flex; justify-content:space-between; align-items:center; font-weight:400; color:#333;}
.gbeovhsdlwmd section h3 figure img {width:30px; text-align:center; display:block; cursor:pointer;}
.gbeovhsdlwmd section p {font-size:15px; line-height:24px; color:#666; margin:20px 0;}
.gbeovhsdlwmd section h2 {color:#1074cb; font-size:16px; font-weight:400;}
.dlswmdzks {display:flex; margin:20px 0; box-sizing:border-box;}
.dlswmdzks input {height:40px; line-height:40px; box-sizing:border-box; padding:0 10px;}
.dlswmdzks input[type=text] {border:1px dashed #ddd; widtH:70%;}
.dlswmdzks input[type=submit] {width:30%; background:#ddd; border:none;}
.gbeovhsdlwmd section a {display:block; width:100%; padding:20px 0; color:#fff; border-radius:10px; background:#1074cb; text-align:center; font-weight:500; font-size:18px; transition:transform 0.3s ease;}
.gbeovhsdlwmd a:hover {transform:translateY(-10px);}










/* ========== 상품권구매 ========== */
.sub0501 {width:90%;}
.search0501 {padding:30px; background:#e2efff; box-sizing:border-box; display:flex; border-radius:20px; justify-content:center; align-items:center;}
.search0501 section {box-sizing:border-box; display:flex; border-radius:50px; justify-content:center; align-items:center; width:100%; background:#fff;}
.search0501 input {outline:none; font-size:20px; width:90%; height:50px; border:none; background:#fff !important;}
.search0501 a {margin:0 0 0 10px; font-size:18px; color:#333;}

.productlistUL {margin:50px auto 0 auto; grid-gap:6% 2%; display:grid; box-sizing:border-box; justify-content:space-between; justify-items:stretch;}
.productlistUL li {box-sizing:border-box; border:1px solid #eee; padding:25px; border-radius:15px; transition:transform 0.3s ease, opacity 0.5s; background:#fff;}
.productlistUL li a {display:block;}
.productlistUL li:hover  {opacity:0.75; transform:translateY(-5px);}
.productlistUL li figure img {border-radius:25px; width:100%; display:block;}
.productlistUL li p {margin:25px 0 5px 0; font-size:17px; color:#444; font-weight:400; border-top:1px dashed #ddd; padding:20px 0 0 0;}
.productlistUL li h1 {font-size:22px; color:#222; font-weight:400;}
.productlistUL li h2 {font-size:20px; text-align:center; color:#fff; margin:20px 0 0 0; width:100%; background:#1b78b9; padding:10px 0; border-radius:0 0 15px 15px;}

.productlist_nav {display:flex; margin:50px auto 0 auto; justify-content:center; gap:20px;}
.productlist_nav li {border:1px solid #eee; border-radius:30px; box-sizing:border-box; text-align:center; font-size:18px;}
.productlist_nav li a {color:#333; box-sizing:border-box; padding:10px 50px; display:block;}

.buyingbuying0 {border:1px dashed #ddd; padding:50px; box-sizing:border-box; display:flex; justify-content:space-between; flex-wrap:wrap;}
.buyingleft {width:37%;}
.buyingleft figure {text-align:center; bordeR:1px solid #eee;}
.buyingleft article {font-size:14px; line-height:25px; color:#333;}
.tabledetail001 {width:100%; border-top:2px solid #1b78b9; margin:20px auto;}
.tabledetail001 th, .tabledetail001 td {padding:10px; border-bottom:1px dashed #ddd; font-size:13px;}
.tabledetail001 th {font-weight:500; color:#222;}
.tabledetail001 td {color:#666;}

.buyingright {width:60%;}
.buyingright h1 {font-size:30px; color:#1b78b9; margin:0 auto 30px auto;}
.buyingright h3 {font-size:20px; color:#222; margin:30px auto 15px auto;}
.buying_rnjswhd li {justify-content:space-between; border:1px solid #ddd; margin:15px auto; padding:15px 20px; box-sizing:border-box; font-size:18px; color:#333; display:flex; line-height:40px;}
.buying_rnjswhd li strong {color:#333; font-weight:400; width:85px;}
.buying_rnjswhd li span {text-align:center; overflow:hidden;}
.buying_rnjswhd li input {width:40px; height:40px; line-height:40px; background:#f9f9f9; color:#333; border:1px solid #ddd; font-size:15px; text-align:center;}
#whywhyheight input {height:38px;}
.plus101010 {background:skyblue !important; color:#fff !important; border:1px solid  skyblue !important;;}
.buyingbtnwrap {display:flex; gap:20px;}
.resultbuying {text-align:right;}

.rufwprmador {}
.rufwprmador li {display:flex; justify-content:space-between; font-size:15px; border-bottom:1px dashed #ddd; padding:15px 0;}
.rufwprmador li strong {font-weight:400; color:#333;}
.rufwprmador li strong b {font-size:11px; font-weight:400; color:red;}
#gkqrpgkqrp strong, #gkqrpgkqrp span {color:#256ec7; font-size:20px;}

.rufwptneksUL {display:flex; justify-content:space-between; flex-wrap:wrap;} 
.rufwptneksUL li {width:48%; box-sizing:border-box; text-align:center; border:1px solid #ddd; border-radius:10px; padding:20px 0;}
.rufwptneksUL li a {display:block; padding:15px; font-size:15px; color:#333;}
.rufwptneksUL li i {font-size:25px; color:#3083d1; display:block;}
.rufwptneksUL li strong {display:block; font-size:20px; font-weight:400; margin:15px auto 0 auto;}
.rufwptneksUL li:hover {border:1px solid #3083d1;}
.rufwptneksUL li:hover strong, .rufwptneksUL li:hover b {color:#3083d1;}
.rufwptneksUL li.active {border:1px solid #3083d1;}
.rufwptneksUL li.active strong {color:#3083d1;}
.rufwptneks b {margin:10px auto; font-size:14px; font-weight:400; color:#333; display:block;}
.rufwp_tntnfy {border-top:1px dashed #ddd;}
.rufwp_tntnfy li {padding:15px 0; line-height:22px; font-size:17px; box-sizing:border-box; border-bottom:1px dashed #ddd;}
.rufwp_tntnfy li input {margin:0 6px 0 0;}
.onlyphonenb {display:block; box-sizing:border-box; width:100%; border:1px solid #ddd; border-radius:10px; padding:20px;}
.buyingright > h2 {font-weight:400; color:#333; margin:10px auto 0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; font-size:15px; line-height:22px;}
.buyingright > h2 input {margin:0 6px 0 0;}
.buyingright > h2 a {color:#3083d1; text-decoration:underline;}
#rufwprhrhrh {margin:30px auto 0 auto; width:250px; height:50px; line-height:50px; text-align:center; border:none; font-family:'RiaSans-ExtraBold'; color:#fff; font-weight:100; background:#1a5fb5; font-size:25px; display:block; border-radius:50px;}



/* 모달팝업 */
.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;}
















/* ==========약관 처리방침 ========== */
.onlyarticle {box-sizing:border-box;}
.onlyarticle article {border:1px dashed #ddd; padding:30px; border-top:3px solid #1074cb; box-sizing:border-box; font-size:17px; line-height:30px; color:#444;}
.onlyarticle article strong {color:#222;}








/* ============= 반응형 ============= */
@media screen and (min-width:1400px)
{
body, html {height:100%; margin:0;}
.px1400, .sub00 {width:1400px; margin:0 auto;}
.px1300 {width:1300px; margin:0 auto;}
.mrt00 {margin-top:0 !important;}









/* ========== 헤더 ========== */
header {margin:0 auto; height:110px; position:relative; overflow:visible; width:100%; padding:0; display:flex;}
.container {width:1400px; padding:0; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.container h1, .container ul, .container p {position:relative; top:0;}
.container h1 {width:257px;}
.container > ul {overflow:hidden; height:50px;}
.fixed1 {display:none;}
.nav_cate01 > li > a {line-height:60px; height:60px; font-size:20px; text-align:left;}
.navXbtn01 img {width:50px; height:50px; cursor:pointer;}
#navigation {display:flex; justify-content:flex-end;}
.navul01 {margin:0 auto; display:flex; text-align:center; overflow:Hidden; text-align:Center;}
.navul01 li {padding:0; margin:0 10px; font-size:18px; width:130px; line-height:56px; box-sizing:border-box;}
.navul01 li:last-child {margin:0; font-family:'Tenada'; height:50px; line-height:56px; width:160px; background:#1074cb; border-radius:50px;}
.navul01 li:last-child a {color:#fff; line-height:57px;}
.navul01 li:last-child:hover {background:#fff; border:1px dashed #1074cb;}
.navul01 li a {color:#333; display:block;}
.navul01 li a:hover, .hov1 {color:#1074cb; font-weighT:600;}
.navulsub01 {position:absolute; top:83px; background:#fff; width:100%; padding:25px 0; overflow:Hidden; display:none;}
.navulsub01 > div {text-align:center; overflow:hidden;}
.navulsub01 ul {display:inline-block; margin:0; width:145px; vertical-align:top; text-align:center;}
.navulsub01 ul li {line-height:35px; font-size:16px;}
.navulsub01 ul li a {color:#333;}
.navulsub01 ul li a:hover {color:#4d9adc; font-weighT:600;}
.changetop {height:80px; border-bottom:1px dashed #ddd;}








/* ========== 메인 ========== */
#mainvis {padding:150px 0; heighT:910px;}
#mainvis > div {flex-wrap:nowrap;}
#mainvis article h1 {font-size:105px; height:84px;}
#mainvis article {text-align:left;}
#mainvis article h3 {margin:0; height:70px; line-height:70px; width:400px;}
#mainvis figure {margin:0 -80px 0 0;}

#main02 > div {flex-wrap:nowrap; justify-content:space-between; text-align:left;}
#main02 section:first-child {margin:0 0 0 60px;}
#main02 section:nth-of-type(2) {margin:0;}
#main02 section figure img {width:100%;}









/* ========== 서브 ========== */
.subpage {margin:100px auto 0 auto;}
.sub01 section {margin:0 auto;}
.sub02 {padding:100px 0;}




/* ========== 상품권구매 ========== */
.search0501 section {width:50%;}
.productlistUL {grid-template-columns:24% 24% 24% 24%;}


/* 모달팝업 */
.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)
{
/* ========== 헤더 ========== */
img {max-width:100%;}
.container > ul {display:none;}
.px1400 {width:90%; margin:0 auto;}







/* ========== 메인 ========== */
#mainvis {background:url(/img/mainbg.jpg) no-repeat left center #1074cb;}
#mainvis article h1 {font-size:80px; height:68px;}
#mainvis article h2 {font-size:46px;}
#mainvis figure {margin:50px -120px 0 0;}
#mainvis figure img {width:50%;}
.mainvisbottom {margin:-160px 0 0 0; height:160px; background-size:1000px;}




/* ========== 서브 ========== */
.sub01 section article h1 {font-size:30px;}
.sub01 section article p {font-size:14px; line-height:24px; margin:15px auto 0 auto;}




/* ========== 상품권구매 ========== */
.productlistUL {grid-template-columns:48% 48%; grid-gap:1%;}
.buyingbuying0 {padding:20px;}
.buying_rnjswhd li {flex-wrap:wrap;}
.buying_rnjswhd li strong {width:65px;}
.resultbuying {width:100%;}


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












@media screen and (min-width:0px) and (max-width:768px)
{
/* ========== 헤더 ========== */
img {max-width:100%;}
.addition > h1 img {max-width:200px;}
.px1400 {width:90%; margin:0 auto;}








/* ========== 푸터 ========== */
footer {margin:50px auto 0 auto;}
footer section figure {width:40px; margin:0 auto;}
footer section h1 {font-size:30px; margin:15px auto;}
footer section p {font-size:16px; line-height:25px;}
footer section span br {display:block;}
footer span b {display:none;}
.footer {padding:50px 5%;}
.footer br {display:none;}
.footer p {font-size:14px;}










/* ========== 메인 ========== */
#mainvis {}
#mainvis article h1 {margin:30px auto 20px auto;}
#mainvis article h2 {font-size:34px;}
#mainvis article p {font-size:15px; line-height:26px;}
#mainvis article h4 {justify-content:center;}
#mainvis figure {margin:30px -60px 0 0;}
#mainvis figure img {width:60%;}
.mainvisbottom {background-size:380px; margin:-140px 0 0 0; height:140px;}


#main01 hgroup h1 {font-size:35px;}
#main01 hgroup h4 {font-size:16px; line-height:26px;}
#main01 ul {margin:50px auto 0 auto; gap:15px;}
#main01 li {width:47%; padding:10px; height:auto; background:none; border:1px solid #eee; border-radius:10px; margin:0 auto;}

#main02 section h1 {font-size:35px;}
#main02 section article {font-size:16px; line-height:26px;}
#main02 section h3 {text-align:center; margin:20px auto 0 auto;}
#main02 section h3 strong {font-size:17px; padding:0 10px;}
#main02 section figure:first-child {display:none;}
#main02 section figure img {width:100%;}

#main03 h1 {align-items:flex-start;}
#main03 h1 strong {font-size:35px;}
#main03 h1 a {font-size:16px;}
#main03 section:nth-of-type(1) {margin:25px auto 0 auto;}
#main03 section a {padding:20px;}
#main03 section article {width:100%;}
#main03 section h3 {font-size:17px;}
#main03 section p {font-size:14px; line-height:24px;}
#main03 section a > p {display:none;}
#main02, #main03 {margin:50px auto 0 auto;}





/* ========== 서브 ========== */
.subvis {background:url(/img/subvis.png) no-repeat 40% center #f9fcff; height:250px;}
.subvis h1 {font-size:40px;}
.subvis p {line-height:25px; font-size:16px;}
.subpagegnb02 {flex-wrap:wrap;}
.subpagegnb li {width:40%; font-size:14px; border-radius:10px; height:40px; line-height:40px;}


.sub01 section {flex-wrap:wrap;}
.sub01 section article, .sub01 section figure {width:100%;}
.sub01 section article h1 {font-size:25px; margin:20px auto 0 auto;}
.sub01 section article p {font-size:15px; line-height:25px; margin:10px auto 0 auto;}
.sub01 section, .sub01 section:nth-of-type(even) {flex-direction:column-reverse;}


.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;}



/* 이용안내 */
.sub02_titlestep h1 {font-size:22px;}
.sub02_titlestep h5 {font-size:15px; line-height:23px;}
.sub02_section figure {padding:40px 40px 0 40px;}
.sub02_section figure img {border-bottom:1px dashed #ddd; padding:0 20px;}
.sub02_section figure img:nth-child(2) {margin:50px auto 0 auto;}
.sub02_section li {width:100px; font-size:16px; border-radius:10px;}






/* ========== 내상품권 ========== */
.sub0401 section {flex-wrap:wrap; padding:15px;}
.sub0401 section figure {width:80px;}
.sub0401 section figcaption {width:100%; margin:10px 0 0 0;}
.sub0401 section figcaption h5 {margin:15px auto;}
.sub0401 section figcaption p {font-size:15px; line-height:22px;}
.sub0401 section a {margin:30px auto 0 auto; width:100%; background:#e7f2ff; border:none;}
.sub0401 section a:hover {transform:translateX(0px);}

.flexwrapping, .gbeovhsdlwmd {width:100%; margin:0 auto; padding:5%;}
.dlswmdzks input[type=submit] {width:40%;}




/* ========== 상품권구매 ========== */
.productlistUL {grid-template-columns:100%; grid-gap:0.5%;}
.search0501 {padding:20px; border-radius:5px;}
.search0501 input {width:70%; font-size:16px;}
.buyingbuying0 {padding:20px;}
.buyingleft, .buyingright {width:100%;}
.buyingright h1 {font-size:25px;}
.buying_rnjswhd li {padding:10px; flex-wrap:wrap;}
.buying_rnjswhd li input {width:30px; height:30px; line-heighT:30px;}
#whywhyheight input {height:28px; line-height:28px; top:-4px;}
.buying_rnjswhd li strong {width:55px; font-size:14px; line-heighT:30px;}
.buyingbtnwrap {gap:5px; font-size:13px;}
.buying_rnjswhd li span {width:auto; padding:0 10px;}
.resultbuying {width:100%;}
.rufwptneksUL li strong {font-size:17px;}


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







/* ========== 로그인 ========== */
.sublogin section {width:90%;}
.onlyarticle article {font-size:14px; line-height:22px;}
.onlyarticle article strong {font-size:16px; line-height:36px;}
}