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



*, 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;}
.display_block {display:block !important;}
.scale {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/}
.scale:hover {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}
.px1500 {width:90%; margin:0 auto;}
.sub00 {width:90%; margin:50px auto;}


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






/* 인트로 */
#intro00 {font-family:'MapoFlowerIsland';  width:100%; height:100vh; overflow:Hidden; text-align:center; display:flex; background:url(/img/00introbg.jpg); background-size:cover; justify-content:center; align-items:center;}






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









/* ============= 푸터 ============= */
footer {width:100%; background:#141820;}
.footer01 {padding:20px 0; font-size:15px;}
.footer01 ul {display:flex; gap:20px; justify-content:center;}
.footer01 ul li {letter-spacing:-0.05em;}
.footer01 ul li a {color:#fff;}
.footer02 {border-top:1px solid #43464d; padding:40px 0;}
.footer02 div {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center;}
.footer02 div figure {margin:0 auto; text-align:center;}
.footer02 div article {text-align:center; font-size:14px; line-height:25px; color:#fff; opacity:0.7; margin:20px auto 0 auto;}















/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual {background:#000;}
#mainvisual .slider {overflow:hidden; width:100%; margin:0 auto; aspect-ratio:1920 / 650;}
#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:rgb(47 114 176 / 13%); text-align:center; border-radius:100px; border:none; cursor:pointer; z-index:10;}
.slidesnav00 img {width:10px; vertical-align:middle;}
#mainvisual .prev {left:20px;}
#mainvisual .prev 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:20px; height:20px; border-radius:50%; border:3px solid #3d72b6; opacity:0.3; cursor:pointer;}
#mainvisual .pagination-dot.active {opacity:1; background:#3d72b6;}
.maintextwrap {width:100%; position:absolute; left:0; top:0; height:100%; text-align:center; display:flex; align-items:center; justify-content:center;}
.maintxtx {display:flex; flex-wrap:wrap; font-family:'MapoFlowerIsland'; flex-wrap:wrap;}
.maintxtx h1 {font-weighT:900; font-size:55px; width:100%; letter-spacing:-0.07em; display:flex; justify-content:center;}
.maintxtx h1 strong {width:65px; height:65px; line-heighT:60px;}
.maintxtx p {width:100%; font-size:20px; line-height:32px; margin:40px auto; letter-spacing:-0.05em; color:#222;}
.maintxtx a {display:block; width:220px; height:65px; line-height:65px; text-align:center; color:#fff; margin:0 auto; border-radius:250px; font-size:20px; font-weight:600; letter-spacing:-0.05em; transition:transform 0.3s ease;}
.maintxtx a:hover {transform:translateY(-10px);}
.mtxt01 h1 strong {border:2px solid #3d72b6; color:#3d72b6; border-left:none;}
.mtxt01 h1 strong:first-child {border-left:2px solid #3d72b6;}
.mtxt01 a {background:#3d72b6;}
.mtxt02 h1 strong {border:2px solid #222; color:#222; border-left:none;}
.mtxt02 h1 strong:first-child {border-left:2px solid #222;}
.mtxt02 a {background:#313131;}



/* 메인바텀 */
#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 {display:flex; white-space:nowrap;}
.rolling-list {display:flex; gap:40px; padding:0; margin:0; list-style:none;}
.rolling-list li {flex:0 0 auto;}
@keyframes roll-left {0%{transform:translateX(0);} 100%{transform:translateX(-100%);}}
.roll {animation:roll-left 20s linear infinite;}




/* 메인01 */
#main01 {margin:100px auto; width:100%;}
.maintitlegroup {display:flex; justify-content:space-between; flex-wrap:wrap;}
.maintitlegroup h1 strong {font-family:'MapoFlowerIsland'; font-size:55px; letter-spacing:-0.1em; color:#3d72b6;}
.maintitlegroup h1 span {font-size:20px; color:#333; font-weighT:400; margin:30px 0 0 0;}
.maintitlegroup h1 strong, .maintitlegroup h1 span {display:block;}
.maintitlegroup a {display:block; width:170px; height:53px; border:1px solid #ddd; border-radius:100px; text-align:center; line-height:53px; color:#333; font-size:17px; background:linear-gradient(to right,#3d72b6 0%,#3d72b6 100%); background-size:0% 100%; background-position:left; background-repeat:no-repeat; transition:background-size .4s ease,border-color .4s ease;}
.maintitlegroup a:hover {background-size:100% 100%; border-color:#3d72b6; color:#fff; font-weight:500;}
.main01con {padding:60px 0 0 0; overflow:hidden; display:flex; justify-content:space-between; flex-wrap:wrap;}
.main01con section {display:block; transition:transform 0.3s ease; width:32%;}
.main01con section:hover {transform:translateY(-20px);}
.main01con section figure img {width:100%; display:block;}
.main01con section h4 {font-size:20px; color:#3d78ce; margin:20px 0 15px 0;}
.main01con section article {font-size:24px; color:#333; width:100%; letter-spacing:-0.05em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}






/* 메인02 */
#main02 {margin:100px auto 0 auto; width:100%; padding:100px 0; background:rgb(245 252 255 / 53%);}
.main02con {padding:60px 0 0 0; overflow:hidden; display:flex; justify-content:space-between; flex-wrap:wrap;}
.main02con section {display:block; transition:transform 0.3s ease; width:32%; border-bottom:2px solid #222; padding:0 0 20px 0;}
.main02con section:hover {transform:translateY(-20px);}
.main02con section figure img {width:100%; display:block;}
.main02con section h3 {font-size:16px; color:#3d78ce; border:1px solid #3d78ce; padding:10px 15px; border-radius:50px; margin:20px 0; width:100px; text-align:center;}
.main02con section h1 {font-size:22px; line-height:33px; color:#333; width:100%; letter-spacing:-0.05em; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main02con section h4 {font-size:15px; color:#333; opacity:0.5; margin:15px 0 0 0;}





/* 메인03 */
#main03 {margin:0 auto; width:100%; padding:100px 0; background:url(/img/main03bg.jpg) repeat;;}
#main03 .maintitlegroup {text-align:center;}
#main03 .maintitlegroup h1 {margin:0 auto; width:100%;}
.main03con {display:flex; gap:40px; margin:70px auto; overflow:hidden; position:relative;}
.main03con::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none;}
.main03con .roll-track {display:flex; animation:roll 40s linear infinite; gap:40px;}
.main03con:hover .roll-track {animation-play-state:paused;}
.main03con section {background:#6894ce; padding:65px 30px; width:330px; border-radius:30px; flex:none;}
.main03con section:nth-child(Even) {background:#3e6598;}
.main03con section h3 {font-size:25px; color:#fff; font-weight:500;}
.main03con section article {margin:20px 0; font-size:17px; line-height:27px; color:#fff; opacity:0.65;}
.main03con section h4 {font-size:20px; color:#fff; text-align:right;}
@keyframes roll {0% {transform:translateX(0);}100% {transform:translateX(-50%);}}
#main03 a {display:block; width:170px; height:53px; border:1px solid #ddd; border-radius:100px; text-align:center; line-height:53px; color:#333; font-size:17px; background:linear-gradient(to right,#3d72b6 0%,#3d72b6 100%); background-size:0% 100%; background-position:left; background-repeat:no-repeat; transition:background-size .4s ease,border-color .4s ease; margin:0 auto;}
#main03 a:hover {background-size:100% 100%; border-color:#3d72b6; color:#fff; font-weight:500;}












/* ============= 서브 ============= */
/* 서브공통 */
.subvisual {width:100%; background:url(/img/subbg.jpg) repeat; text-align:Center; }
.subvisual > div {padding:100px 0 0 0;}
.subvisual > div h3 {color:#253b58; font-size:16px; font-weight:400;}
.subvisual > div h3 strong {display:none;}
.subvisual > div h1 {color:#3d72b6; font-size:55px; font-family:'MapoFlowerIsland'; letter-spacing:-0.05em; margin:20px auto 50px auto; display:none;}
.subvisual > div h1 br {Display:none;}
.subvisual > div ul {display:flex; justify-content:center;}
.subvisual > div ul li {widtH:200px; height:65px; line-heighT:67px; border:1px dashed #ccc; border-left:none; background:#fff; font-size:20px; overflow:hidden;}
.subvisual > div ul li:first-child {border-left:1px dashed #ccc;}
.subvisual > div ul li a {display:block; color:#222; transition:background 0.5s, color 0.5s, font-weight 0.5s;}
.subvisual > div ul li a:hover, .activesubli a {background:#6894ce; color:#fff !important; font-weight:bold;}

.sub00wrap {padding:0 0 100px 0;}
.commonsection > h1 {background:url(/img/bar01.jpg) no-repeat center top; padding:150px 0 0 0; font-size:45px; color:#222; font-weight:500; text-align:Center; letter-spacing:-0.05em;}
.boardcommon {margin:70px auto 0 auto;}




/* 서브01 */
.sub01 article {min-height:500px; text-align:center; line-height:500px;}
#sub01_02 {background:#fbfbfb;}





/* 서브03 */
.articleno01 {margin:50px auto 0 auto; text-align:Center; font-size:18px; color:#333; font-family:'MapoFlowerIsland'; letter-spacing:-0.05em; line-height:30px;}
.sub03postwrap {margin:100px auto 0 auto;}
.masonry {column-count:4; column-gap:40px;}
.card00 {break-inside:avoid; padding:20px; margin-bottom:40px; border-radius:8px; display:block; padding:65px 30px; border-radius:20px 0 20px 0; flex:none; box-shadow:10px 10px 0px 1px #73383812;}
.card00:nth-child(3n) {background:#f9f9f9;}
.card00 h3 {font-size:25px; color:#222; font-weight:500;}
.card00 article {margin:20px 0; font-size:17px; line-height:27px; color:#222; opacity:0.65;}
.card00 h4 {font-size:20px; color:#222; text-align:right; margin:30px 0 0 0;}
.paging00 {margin:50px auto 0 auto; text-align:center; display:flex; gap:10px; justify-content:center;}
.paging00 li {width:50px; height:50px; line-height:50px; text-align:Center; border:1px solid #eee; font-size:13px;}
.paging00 li a {display:block; color:#777;}
.paging00 li:first-child, .paging00 li:last-child {font-size:10px;}




/* 서브04 */
.gmltodwk00 {display:flex; margin:50px auto 0 auto; gap:15px; flex-wrap:wrap; justify-content:space-between;}
.gmltodwk00 li {width:calc(20% - 15px); padding:20px; border:1px dashed #ddd; border-radius:10px; text-align:center; font-size:18px; color:#333; line-height:22px;}
.gmltodwk00 li strong {font-weight:500;}
.gmltodwk00 li span {color:#999;}
.timeline00 {margin:50px auto 0 auto;}
.timeline00 section {display:flex; flex-wrap:wrap; justify-content:space-between;}
.timeline00 h3 {font-size:25px; color:#3d72b6; width:120px;}
.timeline00 ul {width:calc(100% - 200px); border-top:1px solid #133163;}
.timeline00 ul li {display:flex; width:100%; font-size:17px; border:1px dashed #ddd; border-top:none;}
.timeline00 ul li strong {background:#3d72b6; color:#fff; width:160px; font-weight:bold; padding:20px; text-align:center;}
.timeline00 ul li span {paddinG:20px; width:100%; line-height:25px;}















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




/* ============= 헤더 ============= */
header {margin:0 auto; height:110px; position:relative; overflow:visible; width:100%; padding:0;}
.container {width:auto;  padding:25px 50px; display:flex; align-items:center; justify-content:space-between;}
.container h1, .container ul, .container p {position:relative; top:0;}
.container h1, .fixed1 {width:250px;}
.div_Mfixed1 {display:none;}
.div_PCfixed1 {display:block; float:none; margin:0;}
.snsicons  {margin:0; justify-content:flex-end;}
.nav_cate01 > li > a {line-height:60px; height:60px; font-size:20px; text-align:left;}
.navXbtn01 img {width:50px; height:50px; cursor:pointer;}
#navigation {width:calc(100% - 600px); z-index:97; display:block;}
.navul01 {margin:0 auto; display:flex; text-align:center; overflow:Hidden; justify-content:center;}
.navul01 li {font-size:22px; width:150px;}
.navul01 li a {color:#333; display:block;}
.navulsub01 {position:absolute; top:66px; 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:#6894ce;}
.navulsub01 ul li {margin:10px 0 0 0;}
.navulsub01 ul li a {color:#333; font-size:16px;}
.navulsub01 ul li a:hover {color:#6894ce; 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;}




/* ============= 푸터 ============= */
.footer01 ul {justify-content:flex-start;}
.footer02 div figure {margin:0;}
.footer02 div article {text-align:right; margin:0;}






/* ============= 메인 ============= */
/* 메인비주얼 */
.slidesnav00 {width:50px; height:50px;}
#mainvisual .prev {left:50px;}
#mainvisual .next {right:50px;}
.maintxtx {width:1500px; margin:0 auto;}




/* 메인바텀 */
#mainvisbottom > div h1 {width:290px;}
#mainvisbottom .mbright {width:1200px;}




/* ============= 서브 ============= */
/* 서브04 */
.timeline00 {margin:100px auto 0 auto;}
}














@media screen and (min-width:769px) and (max-width:1499px)
{
/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual .slider {aspect-ratio:16 / 12;}
.maintxtx h1 {font-size:40px;}
.maintxtx p {width:85%;}




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



/* 메인01 */
.maintitlegroup h1 span {font-size:16px;}






/* ============= 서브 ============= */
/* 서브03 */
.masonry {column-count:3;}
.card00 {padding:30px 20px;}
.card00 h3, .card00 h4 {font-size:1px;}
.card00 article {font-size:14px; line-height:22px;}




/* 서브04 */
.gmltodwk00 li {padding:10px; font-size:15px;}
.gmltodwk00 li strong {display:block;}
.timeline00 ul {width:calc(100% - 150px);}

}












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

/* 인트로 */
#intro00 {font-size:20px;}
#intro00 article {margin:0 auto; width:90%;}








/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual {width:100%;}
#mainvisual .slider {aspect-ratio:16 / 15;}
.slidesnav00 {top:45%; z-index:50; width:30px; height:30px;}
.slidesnav00 img {width:10px;}
.maintextwrap {overflow:hidden;}
#mainvisual .pagination {bottom:20px;}
#mainvisual .pagination-dot {width:10px; height:10px; z-index:50;}
.maintxtx h1 strong {font-size:30px; padding:0 5px; width:auto; height:auto; line-height:inherit;} 
.maintxtx p {font-size:14px; line-height:24px; width:80%; margin:25px auto;}
.maintxtx p br {display:none;}
.maintxtx a {width:190px; height:45px; line-height:45px; font-size:16px;}
.blankstrong {display:none;}




/* 메인바텀 */
#mainvisbottom {padding:20px 0;}
#mainvisbottom > div {flex-wrap:wrap;}
#mainvisbottom > div h1 {justify-content:center; font-size:20px; gap:10px;}
#mainvisbottom > div h1 img {width:20px;}
#mainvisbottom > div ul {margin:20px auto 0 auto;}




/* 메인01 */
#main01 {margin:50px auto;}
.maintitlegroup {justify-content:flex-end;}
.maintitlegroup h1, .maintitlegroup article {width:100%;}
.maintitlegroup h1 strong {font-size:45px;}
.maintitlegroup h1 span {font-size:16px; line-heighT:26px; margin:20px 0;}
.maintitlegroup a {width:130px; height:40px; line-heighT:40px; font-size:15px;}
.main01con {padding:0;}
.main01con section {padding:20px; border:1px solid #ddd; border-top:2px solid #222; margin:30px auto 0 auto; width:100%;}
.main01con section h4 {font-size:15px;}
.main01con section article {font-size:17px;}




/* 메인02 */
#main02 {margin:50px auto 0 auto; padding:50px 0;}
.main02con {padding:0;}
.main02con section {padding:20px; border:1px solid #ddd; border-top:2px solid #222; margin:30px auto 0 auto; width:100%; background:#fff;}
.main02con section h1 {font-size:20px; line-height:26px;}





/* 메인03 */
#main03 {margin:0 auto; padding:50px 0;}
.main03con {margin:40px auto;}
.main03con section {width:270px; padding:40px 20px;}
.main03con section article {font-size:14px; line-height:24px;}
.main03con section h3, .main03con section h4 {font-size:18px;}








/* ============= 서브 ============= */
/* 서브공통 */
.subvisual > div h1 {font-size:45px;}
.subvisual > div h1 br {Display:block;}
.subvisual > div ul li {font-size:17px; letter-spacing:-0.05em; heighT:50px; line-height:50px;}
.commonsection > h1 {font-size:30px; background-size:1px 70px;}




/* 서브03 */
.articleno01 {font-size:16px;}
.commonsection > h1 {padding:100px 0 0 0;}
.sub03postwrap {margin:50px auto 0 auto;}
.masonry {column-count:1;}
.card00 {padding:30px 20px;}
.card00 h3, .card00 h4 {font-size:17px;}
.card00 article {font-size:14px; line-height:22px;}
.paging00 {gap:7px;}
.paging00 li {width:35px; height:35px; line-height:35px; font-size:10px;}




/* 서브04 */
.gmltodwk00 {gap:0;}
.gmltodwk00 li {padding:10px; font-size:15px; width:48%; margin:5px 0;}
.gmltodwk00 li strong {display:block;}

.timeline00 h3, .timeline00 ul {width:100%;}
.timeline00 ul {margin:30px 0 0 0;}
.timeline00 ul li {font-size:14px;}
.timeline00 ul li strong {width:90px;}
.timeline00 ul li span {width:calc(100% - 90px);}
.timeline00 ul li strong, .timeline00 ul li span {padding:13px;}


}