03-23@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:'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:'GyeonggiMillenniumBackground'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Regular.woff') format('woff'); font-weight:400; font-display:swap;}
@font-face {font-family:'GyeonggiMillenniumBackground'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Bold.woff') format('woff'); font-weight:700; font-display:swap;}
@font-face {font-family:'SfHambakneun'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff') format('woff'); 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%;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.fll {float:left;}
.flr {float:right;}
.txtcenter {text-align:center;}
.txtleft {text-align:left !important;}
.display_block {display:block !important;}
.scale {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/}
.scale:hover {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}
.px1500 {width:90%; margin:0 auto;}
.sub00 {width:90%; margin:30px auto 0 auto;}


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











/* ============= 헤더 ============= */
header {width:100%; padding:20px; z-index:999; border-bottom:1px solid #ddd; overflow:hidden;}
header::after {content:"";}
header img {display:block;}
.addition {width:100%; display:flex; justify-content:space-between;}
.addition > h1 {z-index:90; }
.fixed1 {z-index:999;cursor:pointer; margin:13px 0 0 0;}
.div_PCfixed1 {display:none;}
.logintop {display:flex; gap:10px; margin:30px 0 0 0; justify-content:flex-start;}
.logintop a {border:1px solid #3e5c85; text-align:center; width:85px; height:30px; line-height:30px; color:#3e5c85; font-size:13px; border-radius:10px; font-weight:bold; overflow:hidden; display:inline-block; z-index:1;}
.logintop a:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#3e5c85; transform:scaleX(0); transform-origin:left; transition:0.3s; z-index:-1;}
.logintop a:hover {color:#fff;}
.logintop a:hover:before {transform:scaleX(1);}

#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;}
.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:18px; 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:17px; 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:#202c58;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#202c58; 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:16px; 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:16px; text-align:center; letter-spacing:-0.1em;}
.section_ma02cscenter h3 {background:#202c58; 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;}
.navul01 b {font-weighT:400;}










/* ============= 푸터 ============= */
footer {width:100%; background:#f9f9f9; padding:30px 0;}
footer > div {display:flex; gap:20px; align-items:center; flex-wrap:wrap; justify-content:center; text-align:center;}
footer > div figure {width:100%; text-align:center;}
footer > div figure img {display:block; margin:0 auto;}
footer > div article {}
footer > div article ul {display:flex; gap:10px; justify-content:center;}
footer > div article ul li {font-size:15px; color:#222; font-weight:900; letter-spacing:-0.05em;}
footer > div article ul li a {color:#333;}
footer > div article p {margin:10px 0; font-size:15px; line-height:26px; color:#444;}
footer > div article h3 {font-size:13px; font-family:'GMarketSans'; font-weighT:bold; color:#333;}

/* 푸터재생롤링 */
#mainvisbottom00 {width:90%; margin:0 auto; overflow:Hidden; padding:15px 0; flex-wrap:wrap;}
#footerbtnwrap {display:flex; width:200px; background:#fff; z-indeX:100; gap:10px; align-items:center;background:#fff !important; }
#footerbtnwrap button {width:30px; height:30px; line-height:30px; background:#f9f9f9; color:#222; border:1px solid #ddd;}
.multi_slider_wrap {display:flex; margin:0 auto; max-width:1500px; justify-content: space-between; flex-wrap:wrap;}
.multi_slider_wrap .multi_slider {display:flex; transition:transform 1s ease;}
.multi_slider_wrap .item {padding:10px;}
.multi_slider_wrap .item img {width:100%; object-fit:cover; display:block;}
.multi_slider {width:calc(100% - 210px);}











/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual .slider {overflow:hidden; width:100%; margin:0 auto; aspect-ratio:1920 / 500; }
#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;}
.mainvisualwrap00 {width:100%; margin:0 auto;}
.maintextwrap {position:absolute; right:50px; bottom:18px;}
.maintextwrap h1 {font-family:'SfHambakneun'; color:#fff; letter-spacing:-0.07em; text-shadow:2px 2px black;font-size:30px;}





/* 메인01 */
#main01 {width:100%; padding:35px 0; overflow:Hidden;}
#main01 > div {display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px 0;}
#main01 > div section {background:url(/img/main01bg.jpg) repeat; border:1px solid #d2d2d2; transition:transform 0.3s ease;}
#main01 > div section:hover {transform:translateY(-10px);}
#main01 > div section a {display:block; width:100%; height:100%; text-align:center; padding:42px 0;}
#main01 > div section ul {width:100%; height:100%; position:absolute; lefT:0; top:0;}
#main01 > div section ul li {position:absolute;}
#main01 > div section ul li:first-child {left:10px; top:10px;}
#main01 > div section ul li:nth-child(2) {right:10px; top:10px; transform:rotate(90deg);}
#main01 > div section ul li:nth-child(3) {left:10px; bottom:10px; transform:rotate(-90deg);}
#main01 > div section ul li:nth-child(4) {right:10px; bottom:10px; transform:rotate(180deg);}
#main01 > div section ul li img {displaY:block;}
#main01 > div section h1 {font-family:'SfHambakneun'; font-size:26px; letter-spacing:-0.05em; color:#333; margin:20px auto 0 auto;}





/* 메인02 */
#main02 {width:100%; overflow:Hidden; padding:35px 0; background:#f4fcff;}
#main02 > div {display:flex; justify-content:space-between; flex-wrap:wrap;}
.main02div {display:flex; flex-wrap:wrap; align-content:space-between;}
.main02div section {font-family:'SfHambakneun'; padding:20px; width:100%; transition:transform 0.3s ease;}
.main02div section:hover {transform:translateY(-10px);}
.main02div section a {display:block; border:1px dashed #ddd; padding:160px 20px 20px 20px;}
.main02div section h3 {color:#fff; opacity:0.7; font-size:18px;}
.main02div section h1 {color:#fff; font-size:40px; margin:10px 0 0 0; letter-spacing:-0.07em;}
.main02section01 {background:url(/img/main02img01.jpg) no-repeat right top;}
.main02section02 {background:url(/img/main02img02.jpg) no-repeat center bottom;}
.main02section03 {background:url(/img/main02img03.jpg) no-repeat left center;}
.main02section04 {background:url(/img/main02img04.jpg) no-repeat center;}





/* 메인03 */
#main03 {width:100%; overflow:Hidden; margin:35px auto;}
#main03 > div {display:flex; justify-content:space-between; flex-wrap:wrap;}
#main03 > div section {width:48%;}
#main03 > div section h1 {font-family:'SfHambakneun'; display:flex; align-items:center; justify-content:space-between;}
#main03 > div section h1 strong {font-size:30px; color:#222; letter-spacing:-0.05em;}
#main03 > div section h1 a {font-size:15px; opacity:0.5; color:#222;}
#main03 > div section ul {border-top:1px solid #ddd; margin:20px 0 0 0;}
#main03 > div section ul li {border-bottom:1px solid #ddd;}
#main03 > div section ul li a {display:flex; padding:15px 25px; color:#333; font-size:17px; letter-spacing:-0.05em; align-items:center; justify-content:space-between; transition:transform 0.3s ease;}
#main03 > div section ul li a:hover {transform:translateX(-10px);}
#main03 > div section ul li a strong {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:70%; font-weight:500;}
#main03 > div section ul li a span {color:#999;}





/* 메인04 */
#main04 {width:100%; overflow:Hidden; background:#f4fcff;}
#main04 > h2 {width:100%; height:36px; background:url(/img/main04bg01.png) repeat;}
#main04 > div {display:flex; justify-content:space-between; flex-wrap:wrap; margin:35px auto;}
#main04 > div section h1 {font-family:'SfHambakneun'; display:flex; align-items:center; justify-content:space-between;}
#main04 > div section h1 strong {font-size:30px; color:#222; letter-spacing:-0.05em;}
#main04 > div section h1 a {font-size:15px; opacity:0.5; color:#222;}
#main04 ul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; margin:40px 0 0 0;}
#main04 ul li {width:24%; flex:1 0 24%;}
#main04 ul li img {width:100%; display:block;}




/* 메인바텀 */
#mainvisbottom {width:100%; background:url(/img/mainbottombg.jpg) center; background-attachment:fixed; padding:30px 0; border-bottom:1px solid #e5e7e9; border-top:1px solid #e5e7e9;}
#mainvisbottom > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
#mainvisbottom > div h1 {width:100%; letter-spacing:-0.1em; color:#0e2136; font-family:'MapoFlowerIsland'; display:flex; align-items:center; gap:10px; font-size:22px;}
#mainvisbottom > div h1 img {width:22px;}
#mainvisbottom > div ul {width:auto;}
.mbright {overflow:hidden;}
.roll {overflow:hidden;}
.rolling-track {display:flex; width:max-content; animation:rolling 50s linear infinite;}
.rolling-list {display:flex; gap:40px; padding:0; margin:0; list-style:none;}
.rolling-list li {flex:0 0 auto;}
.rolling-list li img {display:block; width:180px;}
/* 🔥 완전 무한 핵심 */
@keyframes rolling {0%{transform:translateX(0);} 100%{transform:translateX(-50%);}}
/*
animation:rolling 20s linear infinite; /* 빠르게 
animation:rolling 40s linear infinite; /* 느리게 
*/











/* ============= 서브 ============= */
/* 서브공통 */
#subvisual {padding:130px 0; text-align:center; width:100%;}
#subvisual h1 {font-family:'SfHambakneun'; color:#fff; font-size:60px; letter-spacing:-0.05em; line-height:56px; text-shadow:3px 3px black;}
.subvis01 {background:url(/img/subvis01.jpg) no-repeat center top; background-attachment:fixed;}
.subvis02 {background:url(/img/subvis02.jpg) no-repeat center top; background-attachment:fixed;}
.subvis03 {background:url(/img/subvis03.jpg) no-repeat center top; background-attachment:fixed;}
.subvis04 {background:url(/img/subvis04.jpg) no-repeat center top; background-attachment:fixed;}
.subvis05 {background:url(/img/subvis05.jpg) no-repeat center top; background-attachment:fixed;}
.subvis06 {background:url(/img/subvis06.jpg) no-repeat center top; background-attachment:fixed;}
.subvis07 {background:url(/img/subvis07.jpg) no-repeat center top; background-attachment:fixed;}
.subnav00 {width:300px; font-family:'SfHambakneun';}
.subnav00 h1 {background:url(/img/subtitleoutline.jpg) no-repeat; width:100%; height:135px; line-height:135px; color:#fff; font-size:40px; font-weight:400; text-align:center;}
.subnav00 ul li {width:100%; height:70px; line-height:70px; overflow:hidden; text-align:center; border-bottom:1px solid #ddd; font-size:22px; background:#f7fbff;}
.subnav00 ul li:hover, .activesubli {background:#e4f1ff !important;}
.subnav00 ul li a {color:#40454b; display:block; transition:transform 0.3s ease;}
.subnav00 ul li:hover a {transform:translateX(15px); color:#09294d !important;}
.activesubli a {color:#09294d !important;}
#subpage {margin:0 auto 50px auto; width:100%; overflow:Hidden;}
#subpage > div.px1500 {display:flex; justify-content:space-between;}
.subh1title001 {font-family:'SfHambakneun'; color:#2a3744; font-size:35px; padding:0 0 46px 0; border-bottom:1px solid #ddd;}
.subcomm {margin:46px auto 0 auto; overflow:hidden;}
.imgul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.imgul img {width:100%;}
.imgul02 {display:flex; gap:20px; flex-wrap:wrap;}
.imgul02 img {max-width:100%; width:auto;}
.imgul2ro li {width:49%;}
.justh3_01 {font-size:26px; font-family:'SfHambakneun'; color:#2a3744; margin:30px 0;}
.justtext01 {font-size:17px; line-height:30px; letter-spacing:-0.03em; color:#444;}
.justtext01 strong {text-align:right; width:100%; display:block; margin:20px 0 0 0; color:#222; font-size:22px; font-family:'SfHambakneun';}
.justtext01 b {font-weighT:600; font-size:23px; color: #344a91;}
.justimg01 {text-align:center; margin:30px auto;}
.justimg01 img {width:100%; display:block; margin:0 auto;}
.justimg02 {margin:0 auto;}
.justimg02 img {max-width:100%; display:block; margin:0 auto;}

.tablewrap {overflow-x:auto; white-space:nowrap;}
.tablecommon {width:100%; border-top:2px solid #12457a;}
.tablecommon th, .tablecommon td {padding:20px;}
.tablecommon th {text-align:center; font-size:20px;}
.tablecommon thead th {background:#e4f1ff; border-left:1px dashed #a8b1b8;}
.tablecommon thead th:first-child {border-left:none;}
.tablecommon tbody th {background:#f7fbff; border-bottom:1px dashed #a8b1b8;}
.tablecommon tbody td {border-bottom:1px dashed #ddd; border-left:1px dashed #ddd;}
 
.h1title {overflow:hidden; height:50px; line-height:50px; margin:0 0 30px 0;}
.h1title span {display:block; float:left; width:2px; background:#333; height:60px;}
.h1title strong {display:block; float:left; font-size:27px; letter-spacing:-0.07em; color:#333; font-weight:600; margin:0 0 0 10px;}
.h1title2wnf br {display:none;}
.h3title {overflow:hidden; margin:0 0 30px 0;}
.h3title strong {display:block; float:left; font-size:22px; letter-spacing:-0.07em; color:#777; font-weight:500; margin:0 0 0 15px;}

.tabul01 {display:flex; gap:20px; justify-content:; flex-wrap:wrap; margin:0 auto 70px auto;}
.tabul01 li {width:auto; padding:0 20px; text-align:center; height:50px; line-heighT:50px; font-size:17px; border:1px dashed #ddd; font-family:'SfHambakneun';}
.tabul01 li a {display:block; color:#222;}
.tabul01 li:hover, .tabul01 li.active {background:#224e86; border:1px solid #224e86; font-weighT:600;}
.tabul01 li:hover a, .tabul01 li.active a {color:#fff !important;}
.flex001 {display:Flex; flex-wrap:wrap; justify-content:space-between;}
.flex001 > div {widtH:100%;}
.flex001 > div:first-child {margin:0;}



.normal_article_LEFT {font-size:17px; line-height:35px; color:#555; margin:30px auto 0 auto; text-align:left; letter-spacing:-0.05em; border:1px dashed #ddd; padding:30px;}
.normal_article_LEFT h2 {font-size:17px; color:#2f568c;}
.normal_article_LEFT p {font-size:15px; line-height:30px; color:#555;}
.normal_article_LEFT h4 {font-size:18px; color:#1962e6; margin:20px 0 0 0;}




/* 서브01 */
.sub0101 {}
.sub0106 {}
.sub0106 h1, .sub0106 h2 {font-family:'SfHambakneun';}
.sub0106 h1 {font-size:35px; color:#2a3744;}
.sub0106 h2 {font-size:30px; margin:70px auto 0 auto; color:#12399c;}
.sub0106 section {margin:30px auto 0 auto;}
.sub0106 section h3 {font-size:20px; font-weight:600; color:#15345a;}
.sub0106 section p {margin:10px 0 0 0; line-height:30px; font-size:17px; color:#333;}
.sub0106 section ul {margin:15px 0 0 15px;}
.sub0106 section ul li {line-height:27px; font-size:16px; color:#333;}
.sub0106 section ul li span {display:block; margin:10px 0 10px 20px; color:#666;}

.sub0109 {}
.sub0109 article {padding:20px; border-bottom:1px dashed #ddd;}
.sub0109 article h1 {font-size:22px; font-weight:500; color:#222;}
.sub0109 article p {font-size:17px; line-height:28px; color:#555; margin:15px 0 0 0;}
.sub0109 article strong {paddinG:5px 10px; background:#8d428d; color:#fff;}
.sub0109 article b {width:30px; height:30px; line-height:30px; text-align:Center; display:inline-block; border-radius:100px; background:#8d428d; color:#fff;}
#daumRoughmapContainer1774325831042 {width:100%;}
#daumRoughmapContainer1774325831042 .section_address {display:none;}








/* 로그인 */
.loginwrap {width:480px; border:1px dashed #ddd; margin: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;}





























/* ================== 반응형 ================== */
@media screen and (min-width:1500px)
{
.px1500 {width:1500px; margin:0 auto;}







/* ============= 헤더 ============= */
header {margin:0 auto; overflow:visible; width:100%; padding:0;}
.container {width:auto; padding:0 30px; display:flex; align-items:center; justify-content:space-between;}
.container h1, .container p {top:0;}
.div_Mfixed1 {display:none;}
.div_PCfixed1 {display:block; margin:0;}
.logintop {margin:0; justify-content:flex-end;}
.nav_cate01 > li > a {line-height:60px; height:60px; font-size:20px; text-align:left;}
.navXbtn01 img {width:50px; height:50px; cursor:pointer;}
#navigation {width:calc(100% - 600px); z-index:97; display:block;}
.navul01 {margin:0 auto; display:flex; text-align:center; justify-content:center; height:100px; align-items:center;}
.navul01 > li:first-child {border-left:1px dashed #ddd;}
.navul01 > li {font-size:20px; width:160px; font-weight:800; border-right:1px dashed #ddd;}
.navul01 > li > a {height:100%; line-height:100px;}
.navul01 li a {color:#333; display:block;}
.navulsub01 {position:absolute; top:60px; background:rgba(255,255,255,0.8); width:100%; padding:35px 0; overflow:Hidden; display:none;}
.navulsub01 > div {text-align:center; overflow:hidden; display:flex; justify-content:center;}
.navulsub01 ul {display:inline-block; margin:0; width:150px; vertical-align:top; text-align:center;}
.navulsub01 ul li:first-child {font-size:18px; margin:0 0 15px 0; font-weight:900; color:#202c58;}
.navulsub01 ul li {margin:10px 0 0 0;}
.navulsub01 ul li a {color:#333; font-size:16px;}
.navulsub01 ul li a:hover {color:#202c58; 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; width:100%; position:absolute; top:99px; background:rgba(0,0,0,0.7);}
.subgnb_common > li {width:100%; font-size:17px; height:45px; line-height:45px; border-bottom:1px solid #ddd;}
.subgnb_common > li > a {color:#fff; font-weight:normal;}
.subgnb_common > li > a:hover {background:rgb(44 62 100 / 86%); color:#fff ; font-weight:500 ;}



/* 태신미디어에서 로고위치를 이상하게 해달라해가지고 추가한 css 정말 별꼴이야 */
/*
.container h1 {left:5%;}
.container h1 {left:4%;}
.container {width:auto; padding:0 20px; display:block; height:100px;}
.container::after {content:"";}
.container h1 {width:280px; float:left; margin:25px 0 0 0;}
.container h1 a {}
.container h1 a img {margin:0 auto;}
#navigation {width:calc(100% - 180px); float:left;}
.div_PCfixed1 {float:right; margin:36px 0 0 0; widtH:180px;}
.navul01 li a {border-right: 1px dashed #ddd;}
.navul01 li:first-child {border-left:1px dashed #ddd;}
*/







/* ============= 푸터 ============= */
/* 푸터재생롤링 */
#mainvisbottom00 {width:1500px;}
.multi_slider_wrap .item {flex:0 0 12.5%;}










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



/* 메인01 */
#main01 > div section {width:225px;}



/* 메인02 */
.main02div {width:520px;}












/* ============= 서브 ============= */
.sub00 {width:1150px; margin:50px 0;}
#subpage {margin:0 auto 100px auto;}
.flex001 > div {widtH:49%; margin:0;}
}











/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}















@media screen and (min-width:769px) and (max-width:1499px)
{

/* ============= 헤더 ============= */
header {margin:0 auto; overflow:visible; width:100%; padding:0;}
.container {width:auto; padding:0 10px; display:flex; align-items:center; justify-content:space-between;}
.container h1, .container p {top:0;}
.container h1 {width:150px;}
.div_Mfixed1 {display:none;}
.div_PCfixed1 {display:block; margin:0; widtH:65px;}
.logintop {margin:0; justify-content:flex-end; gap:5px; flex-wrap:wrap;}
.logintop a {width:65px; font-size:11px; height:25px; line-height:25px;}
.nav_cate01 > li > a {line-height:60px; height:60px; font-size:20px; text-align:left;}
.navXbtn01 img {width:50px; height:50px; cursor:pointer;}
#navigation {width:calc(100% - 215px); z-index:97; display:block;}
.navul01 {margin:0 auto; display:flex; text-align:center; justify-content:center; height:100px; align-items:center;}
.navul01 > li:first-child {border-left:1px dashed #ddd;}
.navul01 > li {font-size:15px; width:120px; font-weight:800; border-right:1px dashed #ddd;}
.navul01 > li > a {height:100%; line-height:100px;}
.navul01 li a {color:#333; display:block;}
.navul01 b {display:none;}


/* 일일이메뉴 */
.hov1 {font-weight:bold; color:#1f3e6a;}
.subgnb_common {display:none; width:100%; position:absolute; top:99px; background:rgba(0,0,0,0.7);}
.subgnb_common > li {font-size:13px; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.subgnb_common > li > a {color:#fff; font-weight:normal;}
.subgnb_common > li > a:hover {background:rgb(44 62 100 / 86%); color:#fff ; font-weight:500 ;}









/* ============= 푸터 ============= */
/* 푸터재생롤링 */
.multi_slider_wrap .item {flex:0 0 25%; padding:10px;}












/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual .slider {aspect-ratio:3.84 / 1;}
#mainvisual .pagination {bottom:30px;}
.slidesnav00 {top:50%; width:30px; height:30px;}
.slidesnav00 img {width:6px;}



/* 메인01 */
#main01 > div section {width:16%;}
#main01 > div section a {padding:30px 0;}
#main01 > div section figure img {height:35px;}
#main01 > div section h1 {font-size:15px;}
#main01 > div section ul li:first-child {left: 5px;top: 5px;}
#main01 > div section ul li:nth-child(2) {right:5px; top:5px}
#main01 > div section ul li:nth-child(3) {left:5px; bottom:5px;}
#main01 > div section ul li:nth-child(4) {right:5px; bottom:5px;}





/* 메인02 */
#main02 > div {gap:30px 0;}
#main02 > div > figure {display:; width:48%; margin:0 auto;}
.main02div {width:100%; justify-content:space-between;}
.main02div section {width:48%;}
.main02div section h1 {font-size:30px;}



/* 메인04 */
#main04 ul li {width:22.5%;}



/* 메인바텀 */
#mainvisbottom > div ul {margin:10px 0 0 0;}






/* ============= 서브 ============= */
/* 공통 */
#subpage > div.px1500 {width:100%;}
.subnav00 {width:200px;}
.subnav00 h1 {height:90px; line-height:90px; background-size:cover; font-size:25px;}
.subnav00 ul li {height:50px; line-height:50px; font-size:17px;}
.sub00 {width:calc(100% - 250px)}
.subh1title001 {padding:0 0 26px 0; font-size:30px;}
.justh3_01 {font-size:23px; margin:20px 0;}
.tablecommon th, .tablecommon td {padding:15px;}
.tablecommon th {font-size:17px;}
.tablecommon td {font-size:14px;}


}




























@media screen and (min-width:0px) and (max-width:768px)
{
/* ============= 헤더 ============= */
.addition h1 img {width:200px;}
.fixed1 {margin:5px 0 0 0;}





/* ============= 푸터 ============= */
/*footer br {display:none;}*/
footer br {display: block !important;}
footer > div {gap:20px;}
footer > div figure img {width:170px;}
footer > div article p {font-size:13px;}
footer > div article h3 {font-size:10px;}


/* 푸터재생롤링 */
#footerbtnwrap {width:100%; justify-content:center;background:#fff !important;}
.multi_slider {width:100%;} /* 이거 중요 */
.multi_slider_wrap .item {flex:0 0 50%; padding:10px;}









/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual {width:100%;}
#mainvisual .slider {aspect-ratio:3.84 / 1;}
#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;}
.maintextwrap {right:20px; bottom:20px;}
.maintextwrap h1 {font-size:17px;}



/* 메인01 */
#main01 {padding:5% 0;}
#main01 > div {gap:15px 0;}
#main01 > div section {width:32%;}
#main01 > div section:hover {transform:translateY(0);}
#main01 > div section a {padding:20px 0;}
#main01 > div section ul li img {width:30px;}
#main01 > div section figure img {height:35px;}
#main01 > div section h1 {font-size:15px; margin:10px auto 0 auto;}



/* 메인02 */
/* 메인02 */
#main02 {padding:30px 0;}
#main02 > div {gap:12px 0;}

/* ✅ 이미지 유지 */
#main02 > div > figure {
    width:100%;
    display:block;
    margin:10px 0;
}

#main02 > div > figure img {width:85%; margin:0 auto; display:block;}

/* ✅ 핵심 */
.main02div {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:12px;
}
    /* 2칸 배치 */
    .main02div section {
        width:calc(50% - 6px) !important;
        padding:0 !important;
    }

    /* 카드 높이 줄이기 */
    .main02div section a {
        display:block;
        border:1px dashed #ddd;
        padding:60px 15px 15px 15px !important;
        min-height:130px !important;
    }

    /* 작은 제목 */
    .main02div section h3 {
        font-size:13px !important;
        margin-bottom:5px !important;
    }

    /* 큰 제목 */
    .main02div section h1 {
        font-size:17px !important;
        line-height:1.25 !important;
        letter-spacing:-0.03em !important;
    }

    /* 전체 여백도 살짝 줄이기 */
    #main02 {
        padding:20px 0 !important;
    }

    /* hover 효과 모바일에서 과한 경우 제거 (선택) */
    .main02div section:hover {
        transform:none !important;
    }


/* 메인03 */
#main03 {margin:40px auto;}
#main03 > div {gap:30px;}
#main03 > div section {width:100%;}
#main03 > div section h1 strong {font-size:25px;}
#main03 > div section ul {margin:25px 0 0 0;}
#main03 > div section ul li a {padding:15px; font-size:14px;}
#main03 > div section ul li a span {font-size:10px;}



/* 메인04 */
/* 메인04 */
#main04 > div {margin:30px auto;}
#main04 ul {gap:10px 0;}
#main04 ul li {width:48%;}

#main04 .pic_lt ul {margin:0 -5px;}
#main04 .pic_lt li {width:50%; padding:0 5px;}
#main04 .pic_lt li img {width:100%; max-width:100%; height:auto; display:block;}




/* 메인바텀 */
#mainvisbottom {padding:20px 0;}
.rolling-list {gap:10px;}
.rolling-list li img {width:100px;}
.rolling-track {animation:rolling 50s linear infinite;}












/* ============= 서브 ============= */
/* 서브공통 */
#subvisual h1 {font-size:50px;}
#subvisual article {font-size:17px; line-height:26px;}
#subpage > div.px1400 {flex-wrap:wrap; width:100%;}
.subnav00 {overflow-x:auto; -webkit-overflow-scrolling:touch; padding:10px; border-bottom:1px solid #ddd; width:100%; overflow-x:auto; white-space:nowrap;}
.subnav00 h1 {display:none;}
.subnav00 ul {display:flex; flex-wrap:nowrap; gap:16px; min-width:max-content;}
.subnav00 ul li {white-space:nowrap; border-bottom:none; width:auto; font-size:15px; height:40px; line-height:40px; background:none;}
.subnav00::-webkit-scrollbar {display:none;}
.subnav00 ul li:hover, .activesubli {background:none !important;}
.subnav00 ul li a {transition:none;}
.subnav00 ul li:hover a {transform:translateX(0);}


#subpage > div.px1500 {flex-wrap:wrap;}
.sub00 {width:100%; margin:30px auto 0 auto;}
.subh1title001 {text-align:center; font-size:32px; padding:0 0 30px 0; border-bottom:none;}
.subcomm {margin:0 auto;}
.imgul2ro li {width:100%;}
.justh3_01 {font-size:22px; text-align:center;}
.justtext01 {text-align:center; font-size:16px; line-height:27px;}
.tabul01 {gap:10px; margin:0 auto 30px auto;}
.tabul01 li {font-size:14px; padding:0 10px; height:40px; line-height:40px;}
.normal_article, .normal_article_LEFT {padding:20px; font-size:15px; line-height:28px; margin:30px auto 0 auto;}
.h1title strong {font-size:18px;}



/* 서브01 */
.sub0106 h2 {font-size:25px; margin:35px auto 0 auto;}
.sub0106 section h3 {font-size:18px;}
.sub0106 section p {font-size:15px; line-height:26px;}
.sub0106 section ul li {font-size:14px; line-height:26px;}
.sub0106 h1 {font-size:30px; letter-spacing:-0.05em;}
.sub0106 .mrt100 {margin-top:50px !important;}





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

}











/* =========================================================
   footer / rolling safe override 2026-04-13
   - 기존 레이아웃은 최대한 유지
   - 롤링배너는 폭/정렬만 안전하게 보정
   - 푸터 상단 가로바(.footer_topbar) 추가 대응
   ========================================================= */

/* 롤링배너 안전 보정 */
#mainvisbottom00{
    width:90%;
    margin:0 auto;
    overflow:hidden;
    padding:15px 0;
}




#footerbtnwrap{
display:flex;
width:120px;
min-width:0;
height:60px;
background:transparent;
gap:6px;
align-items:center;
justify-content:center;
border:none;
border-radius:0;
box-shadow:none;
padding:0;
z-index:100;
}

#footerbtnwrap button{
width:28px;
height:28px;
padding:0;
margin:0;
background:#fff;
color:#222;
border:1px solid #ddd;
font-size:13px;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
}

.multi_slider_wrap{
display:flex;
margin:0 auto;
max-width:1500px;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
gap:10px;
overflow:hidden;

}

.multi_slider{
display:flex;
align-items:center;
width:calc(100% - 95px);
flex:1 1 auto;
will-change:transform;
transform:translateX(0);
}

.multi_slider_wrap .item{
flex:0 0 auto;
padding:6px;
}

.multi_slider_wrap .item a{
display:block;
}

.multi_slider_wrap .item img{
display:block;
width:100%;
max-width:160px;
height:auto;
margin:0 auto;
object-fit:contain;
}

/* 모바일에서는 롤링 버튼 숨김 */
@media screen and (max-width:768px){
#footerbtnwrap{
display:none !important;
}

.multi_slider{
width:100% !important;
flex:0 0 100% !important;
}
}
/* 푸터 상단 가로 메뉴바 */
.footer_topbar{
    width:100%;
    border-top:1px solid #dcdcdc;
    border-bottom:none !important;
    background:#fff;
}
.footer_topbar .px1500{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:58px;
}
.footer_topbar ul{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:0;
    width:100%;
}
.footer_topbar ul li{
    font-size:15px;
    font-weight:700;
    color:#333;
    padding:0 18px;
}
.footer_topbar ul li + li{
    border-left:1px solid #ddd;
}
.footer_topbar ul li a{
    color:#333;
    display:block;
    line-height:58px;
}
.footer_topbar ul li a:hover{
    color:#1f3e6a;
}




/* 푸터 본문 정리 */
footer{
    width:100%;
    background:#f9f9f9;
    padding:30px 0;
}
footer > div{
    display:flex;
    gap:20px;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center;
    text-align:center;
}
footer > div figure{
    width:100%;
    text-align:center;
}
footer > div figure img{
    display:block;
    margin:0 auto;
}
footer > div article{
    width:100%;
}
footer > div article ul{
    display:flex;
    gap:10px;
    justify-content:center;
    flex-wrap:wrap;
}
footer > div article ul li{
    font-size:15px;
    color:#222;
    font-weight:900;
    letter-spacing:-0.05em;
}
footer > div article ul li a{
    color:#333;
}
footer > div article p{
    margin:10px 0;
    font-size:15px;
    line-height:26px;
    color:#444;
}
footer > div article h3{
    font-size:13px;
    font-family:'GMarketSans';
    font-weight:bold;
    color:#333;
}

/* 혹시 존재하는 SNS 영역 숨김 */
footer .sns,
footer .footer_sns,
footer .social,
footer .footer_icon,
footer .footer_icons,
footer .sns_wrap{
    display:none !important;
}

@media screen and (min-width:1500px){
    #mainvisbottom00{width:1500px;}
    .multi_slider_wrap .item{flex:0 0 12.5%;}
}

@media screen and (min-width:769px) and (max-width:1499px){
    .multi_slider_wrap .item{flex:0 0 25%; padding:10px;}
}

@media screen and (max-width:768px){
    .footer_topbar{
        margin:0 !important;
        padding:0 !important;
    }

    .footer_topbar .px1500{
        min-height:28px !important;
        height:28px !important;
        padding:0 !important;
    }

    .footer_topbar ul{
        height:28px !important;
        gap:0 !important;
    }

    .footer_topbar ul li{
        height:28px !important;
        line-height:28px !important;
        padding:0 10px !important;
        font-size:13px !important;
    }

    .footer_topbar ul li a{
        line-height:28px !important;
    }
	
	
.footer_topbar ul{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}
.footer_topbar ul li{
    width:auto;
    padding:0 12px;
    font-size:14px;
    border-left:none !important;
    text-align:center;
}

.footer_topbar ul li a{
    display:inline-block;
    line-height:36px;
}


@media screen and (max-width:768px){
    #footerbtnwrap{
        width:100%;
        min-width:100%;
        height:auto;
        padding:6px 0;
        justify-content:center;
        flex:0 0 100%;
    }

    #footerbtnwrap button{
        width:32px;
        height:32px;
        font-size:14px;
    }

    .multi_slider_wrap{
        flex-wrap:wrap;
        gap:6px;
    }

     .multi_slider{
        width:100%;
        flex:0 0 100%;
        overflow:hidden;
    }

    .multi_slider_wrap .item{
        flex:0 0 33.3333%;
        padding:6px;
    }

    .multi_slider_wrap .item img{
        display:block;
        width:100%;
        max-width:150px;
        height:auto;
        margin:0 auto;
        object-fit:contain;
    }
}

    footer br{
        display:none;
    }
    footer > div{
        gap:20px;
    }
    footer > div figure img{
        width:170px;
    }
    footer > div article p{
        font-size:13px;
        line-height:22px;
    }
    footer > div article h3{
        font-size:10px;
    }
}



/* ===== 푸터 하단 가로형 정렬 최종본 (강제 적용) ===== */

footer > div.footer_wrap,
footer .px1500.footer_wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 35px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

footer > div.footer_wrap figure.footer_logo,
footer .px1500.footer_wrap figure.footer_logo {
    width: auto !important;
    min-width: 220px !important;
    flex: 0 0 220px !important;
    text-align: left !important;
    margin: 0 !important;
}

footer > div.footer_wrap figure.footer_logo img,
footer .px1500.footer_wrap figure.footer_logo img {
    display: block !important;
    width: auto !important;
    max-width: 220px !important;
    margin: 0 !important;
}

footer > div.footer_wrap article.footer_info,
footer .px1500.footer_wrap article.footer_info {
    width: auto !important;
    flex: 1 1 auto !important;
    text-align: left !important;
    margin: 0 !important;
    padding-top: 4px !important;
}

footer > div.footer_wrap article.footer_info p,
footer > div.footer_wrap article.footer_info h3,
footer .px1500.footer_wrap article.footer_info p,
footer .px1500.footer_wrap article.footer_info h3 {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

footer > div.footer_wrap article.footer_info p,
footer .px1500.footer_wrap article.footer_info p {
    line-height: 1.9 !important;
}

footer > div.footer_wrap article.footer_info h3,
footer .px1500.footer_wrap article.footer_info h3 {
    margin-top: 8px !important;
}

footer .sns,
footer .footer_sns,
footer .social,
footer .footer_icon,
footer .footer_icons,
footer .sns_wrap {
    display: none !important;
}
/* 모바일만 세로 */
@media screen and (max-width:768px) {
    footer > div.footer_wrap,
    footer .px1500.footer_wrap {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: center !important;
        text-align: left !important;
        gap: 15px !important;
        max-width: 100% !important;
        padding: 0 15px !important;
    }

    footer > div.footer_wrap figure.footer_logo,
    footer .px1500.footer_wrap figure.footer_logo {
        width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        text-align: left !important;
        margin: 0 !important;
    }

    footer > div.footer_wrap figure.footer_logo img,
    footer .px1500.footer_wrap figure.footer_logo img {
        display: block !important;
        margin: 0 !important;
        max-width: 170px !important;
    }

    footer > div.footer_wrap article.footer_info,
    footer .px1500.footer_wrap article.footer_info {
        width: 100% !important;
        text-align: left !important;
        margin: 0 !important;
    }

    footer > div.footer_wrap article.footer_info p,
    footer > div.footer_wrap article.footer_info h3,
    footer .px1500.footer_wrap article.footer_info p,
    footer .px1500.footer_wrap article.footer_info h3 {
        text-align: left !important;
    }

    .hd_pops {left:0 !important; top:0 !important; width:100%;}
}

/* 모바일 본문 텍스트만 좌측정렬 */
@media screen and (max-width:768px){

.justtext01,
.normal_article,
.normal_article_LEFT,
.sub0106 section p,
.sub0106 section ul li,
.sub0109 article p,
.tablecommon td{
text-align:left !important;
}

}




/* 메인비주얼 페이드 슬라이드 */
#mainvisual .slider{
position:relative;
overflow:hidden;
}

#mainvisual .slides{
display:block !important;
width:100%;
height:100%;
transform:none !important;
transition:none !important;
}

#mainvisual .slide{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
min-width:0 !important;
opacity:0;
visibility:hidden;
transition:opacity 1.2s ease-in-out, visibility 1.2s ease-in-out;
z-index:1;
}

#mainvisual .slide.active{
opacity:1;
visibility:visible;
z-index:2;
}

#mainvisual .mainvisualwrap00,
#mainvisual .mainvisualwrap00 figure{
width:100%;
height:100%;
}

#mainvisual .mainvisualwrap00 figure img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* 기존 좌우 화살표 숨김 */
#mainvisual .slidesnav00{
display:none !important;
}

/* 하단 컨트롤 */
#mainvisual .visual_control{
position:absolute;
left:50%;
bottom:25px;
transform:translateX(-50%);
z-index:20;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
}

#mainvisual .pagination{
position:relative !important;
left:auto !important;
bottom:auto !important;
width:auto !important;
display:flex !important;
gap:8px !important;
padding:0 !important;
}

#mainvisual .pagination-dot{
width:14px !important;
height:14px !important;
border-radius:50%;
border:2px solid #fff !important;
background:#fff !important;
opacity:1 !important;
padding:0;
font-size:0;
cursor:pointer;
}

#mainvisual .pagination-dot span{
display:none;
}

#mainvisual .pagination-dot.active{
background:transparent !important;
box-shadow:0 0 0 2px rgba(255,255,255,0.7);
}

#mainvisual .visual_toggle{
width:16px;
height:16px;
border:none;
background:none;
font-size:0;
cursor:pointer;
padding:0;
}

#mainvisual .visual_toggle.pause::before{
content:"Ⅱ";
display:block;
font-size:14px;
line-height:16px;
color:#fff;
font-weight:bold;
}

#mainvisual .visual_toggle.play::before{
content:"▶";
display:block;
font-size:13px;
line-height:16px;
color:#fff;
font-weight:bold;
}



/* 모바일 메인 비주얼 높이 + 컨트롤 정리 */
@media screen and (max-width:768px){

#mainvisual .slider{
aspect-ratio:auto !important;
height:185px !important;
}

#mainvisual .slides,
#mainvisual .slide,
#mainvisual .mainvisualwrap00,
#mainvisual .mainvisualwrap00 figure{
height:100% !important;
}

#mainvisual .mainvisualwrap00 figure img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
}

#mainvisual .maintextwrap{
right:15px !important;
bottom:28px !important;
z-index:25;
}

#mainvisual .maintextwrap h1{
font-size:15px !important;
line-height:22px !important;
white-space:nowrap;
}

#mainvisual .visual_control{
left:50% !important;
bottom:10px !important;
transform:translateX(-50%) !important;
z-index:30;
gap:6px;
}

#mainvisual .pagination{
top:auto !important;
bottom:auto !important;
left:auto !important;
transform:none !important;
padding:0 !important;
justify-content:center !important;
}

#mainvisual .pagination-dot{
width:11px !important;
height:11px !important;
}

#mainvisual .visual_toggle{
width:14px;
height:14px;
}

#mainvisual .visual_toggle.pause::before{
font-size:12px;
line-height:14px;
}

#mainvisual .visual_toggle.play::before{
font-size:11px;
line-height:14px;
}

}






/* 이용약관/개인정보처리방침 우측 정렬 */
.footer_topbar{
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
background:#fff;
}

.footer_topbar .px1500{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
min-height:58px;
}

.footer_topbar ul{
width:auto !important;
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
margin:0 !important;
padding:0 !important;
}

.footer_topbar ul li{
position:relative;
padding:0 18px !important;
font-size:15px;
font-weight:700;
}

.footer_topbar ul li{
position:relative;
padding:0 18px !important;
font-size:15px;
font-weight:700;
border-left:none !important;
}

.footer_topbar ul li + li::before{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:1px;
height:14px;
background:#ddd;
}

.footer_topbar ul li a{
display:block;
line-height:58px;
color:#222;
}



/* 모바일 푸터 위쪽 간격 최종 축소 */
@media screen and (max-width:768px){

.footer_topbar{
margin:0 !important;
padding:0 !important;
}

.footer_topbar .px1500{
height:26px !important;
min-height:26px !important;
padding:0 !important;
}

.footer_topbar ul,
.footer_topbar ul li,
.footer_topbar ul li a{
height:26px !important;
line-height:26px !important;
padding-top:0 !important;
padding-bottom:0 !important;
}

footer{

padding-top:0 !important;
margin-top:0 !important;
}

footer > div.footer_wrap,
footer .px1500.footer_wrap{
padding-top:0 !important;
gap:5px !important;
}

footer .footer_logo{
margin-top:0 !important;
}

}


/* ===== 모바일 footer_topbar 최종 정리 ===== */
@media screen and (max-width:768px){

.footer_topbar{
width:100%;
margin:0 !important;
padding:0 !important;
border-top:1px solid #ddd !important;
border-bottom:none !important;
background:#fff;
}

.footer_topbar .px1500{
width:94% !important;
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
height:32px !important;
min-height:32px !important;
padding:0 !important;
margin:0 auto !important;
}

.footer_topbar ul{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
width:auto !important;
margin:0 !important;
padding:0 !important;
gap:0 !important;
}

.footer_topbar ul li{
position:relative;
height:32px !important;
line-height:32px !important;
padding:0 10px !important;
font-size:12px !important;
font-weight:600 !important;
border:none !important;
margin:0 !important;
}

.footer_topbar ul li + li::before{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:1px;
height:10px;
background:#ddd;
}

.footer_topbar ul li a{
display:block;
line-height:32px !important;
color:#222;
padding:0 !important;
margin:0 !important;
}

footer{
padding-top:8px !important;
}

footer > div.footer_wrap,
footer .px1500.footer_wrap{
gap:10px !important;
padding-top:0 !important;
}

}


/* ===== 하단 롤링 배너 z-index 격리 ===== */
#mainvisbottom00 {
    position: relative;
    z-index: 1;          /* 서브 사이드메뉴(subnav00)보다 아래 */
    overflow: hidden;
}

.multi_slider_wrap {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.multi_slider {
    overflow: hidden;     /* 핵심: 슬라이더가 컨테이너 밖으로 빠져나가지 않게 */
    position: relative;
    z-index: 1;
}

/* 서브 사이드메뉴 z-index 명시 */
.subnav00 {
    position: relative;
    z-index: 10;          /* 배너보다 위 */
}

/* 서브페이지 래퍼도 격리 */
#subpage {
    position: relative;
    z-index: 5;
}