@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:'Pretendard-Thin'; src:url('https:/fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'); font-weight:100; font-style:normal;}
@font-face {font-family:'Pretendard-ExtraLight'; src:url('https:/fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff'); font-weight:200; font-style:normal;}
@font-face {font-family:'Pretendard-Light'; src:url('https:/fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight:300; font-style:normal;}
@font-face {font-family:'Pretendard-Regular'; src:url('https:/fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight:400; font-style:normal;}
@font-face {font-family:'Pretendard-Medium'; src:url('https:/fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight:500; font-style:normal;}
@font-face {font-family:'Pretendard-SemiBold'; src:url('https:/fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight:600; font-style:normal;}
@font-face {font-family:'Pretendard-Bold'; src:url('https:/fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight:700; font-style:normal;}
@font-face {font-family:'Pretendard-ExtraBold'; src:url('https:/fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'); font-weight:800; font-style:normal;}
@font-face {font-family:'Pretendard-Black'; src:url('https:/fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff'); font-weight:900; 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:'GMarketSans'; font-weight:700; 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:'Tenada'; src:url('https:/fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SUIT-Regular'; src:url('https:/fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SUIT-Heavy'; src:url('https:/fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GangwonEduPowerExtraBoldA'; src:url('https:/fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Escoredream'; src:url('https:/cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight:100; font-display:swap;}
@font-face {font-family:'Escoredream'; src:url('https:/cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight:200; font-display:swap;}
@font-face {font-family:'Escoredream'; src:url('https:/cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight:300; font-display:swap;}
@font-face {font-family:'Escoredream'; src:url('https:/cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight:normal; font-display:swap;}
@font-face {font-family:'Escoredream'; src:url('https:/cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight:500; font-display:swap;}
@font-face {font-family:'Escoredream'; src:url('https:/cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight:600; font-display:swap;}
@font-face {font-family:'Escoredream'; src:url('https:/cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight:700; font-display:swap;}
@font-face {font-family:'Escoredream'; src:url('https:/cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight:800; font-display:swap;}
@font-face {font-family:'Escoredream'; src:url('https:/cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); 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:'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;}








*,body {margin:0; padding:0;}
body {max-width:100%; margin:0 auto; box-sizing:border-box;}
body, input, select, textarea {font-family:"Paperozi", "SUIT", "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,
div, header, nav, ol, ul, li, article, section, footer, hgroup, figure, figcaption, fieldset,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,select,button,
body,td,form,select,input,button,textarea,div,option,pre,p,blockquote,li,dt,dd,legend,label,h1,h2,h3,h4,h5,h6 {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;}
input[type="checkbox"] {-webkit-appearance:button; width:14px !important; height:14px; display:block; border:1px solid #ddd;}
input[type="checkbox"]:checked {background-image:url(/img/checkbox_on.jpg); background-position:center;}
.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);}
.px1400 {width:90%; margin:0 auto;}
.ytp-chrome-top, .ytp-show-cards-title {display:none !important;}



/* 셀렉션 */
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;}

b > br {Display:none;}





/* ========= 헤더 ========= */
header {width:100%; padding:20px; display:flex; border-bottom:1px solid #ddd; align-items:center;}
header::after {content:"";}
.changetop {position:fixed; top:0; left:0; background:rgba(255,255,255,0.9); z-index:9000;}
.addition {padding:0; display:flex; width:100%; justify-content:space-between; align-items:center; padding:0 20px;}
.addition > h1 {width:200px; position:relative; top:0; left:0;}
.addition > h1 img {display:block; width:100%;}
.fixed1 {width:100px; text-align:right; cursor:pointer;}
.fixed1 h3 {}
.fixed1 h3 img {vertical-align:middle;}
#sidebar {width:100%; height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:9999999999999999;}
#sidebar p {font-size:16px; color:#333; text-transform:uppercase;}
#sidebar ol {display:flex; margin:100px 0 50px 0; gap:30px;}
#sidebar ol li img {width:50px;}
.tuxedo-menu.tuxedo-menu-fixed {position:fixed; top:0; left:0; padding:100px; overflow:auto; z-index:11919911026; opacity:1;}
.tuxedo-menu {background:#fafafa; -webkit-animation-duration:200ms; animation-duration:200ms; display:none;}
.tuxedo-menu.tuxedo-menu-visible {display:block;}
.navXbtn01 {margin:20px auto 0 auto; text-align:right; cursor:pointer;}
.navXbtn01 img {width:30px; height:30px;}
.h1_nav01 {font-size:10px; color:#333; font-weight:500; margin:40px auto 0 auto; text-transform:uppercase; padding:0 0 10px 0; border-bottom:1px solid #333;}
.nav_cate01 {width:100%;margin:0 auto;}
.nav_cate01 a {display:block;}
.nav_cate01 > li, .nav_cate01 > li.active {font-size:80px;}
#pcnav ul li:nth-child(3) a {color:#24b9ff;}
.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; height:35px; padding:15px 0; text-align:center;}
.section_ma02cscenter div h1 {font-size:34px; left:-5px; letter-spacing:0; font-weight:500; line-height:38px; color:#0c69b9;}
.section_ma02cscenter div h1 a {color:#0c69b9;}
.section_ma02cscenter ul {overflow:Hidden; margin:0 auto; text-align:center;}
.section_ma02cscenter ul li {font-size:13px; color:#333; letter-spacing:0; display:inline-block; margin:0 10px 0 0;}
.section_ma02cscenter ul li:nth-child(odd) {font-weight:500; margin:0 5px 0 0;}
.section_ma02cscenter p {font-size:13px; text-align:center; letter-spacing:0;}
.section_ma02cscenter h3 {background:#0c69b9; 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;}
.nav2nd {height:39px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.nav2nd ul li {padding:0 8px; float:left; font-size:13px; text-align:center; background:url(/img/bar01.jpg) no-repeaT right center; line-height:39px; width:27% !important;}
.nav2nd ul li a {Color:#333;}
#pcnav {display:none;}
nav li a {color:#333; font-weighT:400; font-family:'GMarketSans'; font-weight:700;}
.gnbactive a {display:inline-block; padding:0 5px; background:#2559d9; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
#rightsnsicon {position:fixed; right:10px; bottom:20px; z-index:91100612;}
#rightsnsicon ul {display:flex; gap:10px; width:40px; flex-wrap:wrap;}
#rightsnsicon ul li {width:40px; height:40px; line-height:40px; border-radius:50px;  background:#1da9ff; text-align:center;}
#rightsnsicon ul li img {width:50%; vertical-align:middle; filter:invert(96%) sepia(0%) saturate(7500%) hue-rotate(78deg) brightness(108%) contrast(101%); top:-1px;}







/* ========= 푸터 ========= */
footer {width:100%;}
footer.main00 {height:auto;}
.per90 {width:90%; margin:0 auto;}
.footer01 {width:100%; background:url(/img/footerbg.jpg) no-repeat center bottom; background-attachment:fixed; background-size:cover; padding:100px 0; text-align:center;}
.footer01 h1 {font-size:30px; color:#fff; line-height:35px;}
.footer01 ul {display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin:35px auto 0 auto;}
.footer01 li {border:1px solid #fff; border-radius:10px; text-align:Center; width:200px; height:50px; line-height:50px; font-size:15px;}
.footer01 li a {color:#fff; display:block;}
.footer01 li:hover {background:#fff;}
.footer01 li:hover a {color:#222;}
.footer02 {width:100%; background:#333; padding:20px 0; font-family:'Paperozi'; font-weight:400;}
.footer02 > div {display:flex; flex-wrap:wrap; justify-content:space-between;}
.footer02 > div article {display:flex; gap:10px;}
.footer02 > div article p {font-size:14px; color:#ddd; line-height:25px; margin:0 0 0 20px;}
.footer02 > div article p a {color:#ddd; border:1px solid #ddd;}
.footer02 > div > p {text-transform:uppercase; color:#fff; font-size:13px;}
.footer02 > div > p a {color:#fff;}






/* ========= 메인 ========= */
/* 공통 */
.main00 {margin:0 auto; overflow:hidden; display:flex; flex-wrap:wrap;}
.commonh1 {text-align:center; width:100%; font-weight:500; color:#222; font-size:40px; letter-spacing:0; line-heighT:60px;}
.commonh1 strong {font-weight:500; color:#24b9ff;}
.commonh2 {text-align:center; width:100%; font-weight:300; color:#444; font-size:25px; letter-spacing:0; margin:30px auto 0 auto;}
.main00wrap {width:100%; display:flex; justify-content:center; margin:100px auto 0 auto;}
.main00wrap section {text-align:center; border-right:1px solid #eee; padding:0 50px;}
.main00wrap section:first-child {border-left:1px solid #eee;}
.main00wrap section figure img {width:100px;}
.main00wrap section h3 {font-weighT:500; color:#222; letter-spacing:0; font-size:20px;}
.main00wrap section p {margin:20px auto; font-size:17px; line-height:33px; letter-spacing:0; color:#444; font-family:'Paperozi'; font-weight:400;}
.main00wrap section a {display:block; margin:0 auto; paddinG:15px 20px;  width:200px; color:#666;}
.main00wrap section a::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#21aaff; transform:scaleX(0); transform-origin:left; transition:transform 0.3s ease;}
.main00wrap section a:hover::after {transform:scaleX(1);}
.main00wrap section a:hover {color:#21aaff; font-weight:600;}


/* 비주얼 */
#mainvis {width:100%; height:;}
/*
.videowrap {position:relative; max-width:100%; padding-bottom:56.25%; height:0;}
.videowrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
*/
.videowrap {aspect-ratio:16 / 18;}
.videowrap video {object-fit:cover; width:100%; height:100%;}
/* 메인01 */
#main01 {width:70%; align-content:center; gap:50px 0;}
#main01 ul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px 0;}
#main01 ul li {width:19%;}
#main01 ul li img {width:100%; display:block;}



/* 메인02 */
#main02 {width:90%; align-content:center;}
#main02 .main00wrap section {width:23%;}
#main02 {width:100%; align-content:center; background:url(/img/bg001.jpg) repeat; padding:0 5%;}
#main02 .main00wrap {gap:20px;}
#main02 .main00wrap section {width:35%; padding:65px 0; border-radius:100%; background:rgb(234 246 255 / 40%); border:none;}
#main02 .main00wrap section img {border-radius:100%;}



/* 메인03 */
#main03 {width:100%; align-content:center; background:url(/img/bg001.jpg) repeat; padding:0 5%;}
#main03 .main00wrap {gap:20px;}
#main03 .main00wrap section {width:23%; padding:75px 0; border-radius:100%; background:rgb(234 246 255 / 40%); border:none;}
#main03 .main00wrap section img {border-radius:100%;}



/* 메인04 */
#main04 {width:100%; align-content:center; padding:0 5%; background:#fbfbfb;}
#main04 .main00wrap section {width:23%; padding:30px 0;}
#main04 .main00wrap section figure img {width:auto; height:35px;}
#main04 .main00wrap section p {margin:35px auto 0 auto;}
#main04 ul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 5px; margin:50px auto 0 auto; width:92%;}
#main04 ul li {width:calc(10% - 10px);}
#main04 ul li img {width:100%; display:block;}


/* 메인05 */
#main05 {width:90%; align-content:center;}
#main05 hgroup {margin:0 auto; width:100%;}

.slide001 {margin:50px auto 0 auto; width:80%; overflow:hidden;}
.slide001contents {display:flex; transition:transform 0.5s ease;}
.slidesection001 {padding:30px; justify-content:space-between; border:1px dashed #ddd; border-top:2px solid #3490d8; width:100%; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center;min-width:100%; border-radius:0 0 50px 50px;}
.slidesection001 article {width:50%;}
.slidesection001 article h1 {font-size:40px; color:#3490d8; font-weighT:600; letter-spacing:0;}
.slidesection001 article ul li {display:flex; align-items:baseline; margin:20px 0; font-family:'Paperozi'; font-weight:400; line-height:27px; font-size:15px;}
.slidesection001 article ul li strong {background:url(/img/bullet01.jpg) no-repeat left 11px; padding:0 0 0 10px; widtH:100px; line-heighT:22px;}
.slidesection001 article ul li span {Paperozi}
.slidesection001 figure {width:45%;}
.slidesection001 figure img {width:100%;}
.slide001 .nav-btn {position:absolute; top:50%; transform:translateY(-50%); background:#000; color:#fff; border:none; padding:10px 15px; cursor:pointer; opacity:0.7; border-radius:50%;}
.slide001 .prev {left:10px;}
.slide001 .next {right:10px;}
.slide001 .dots {text-align:center; margin:15px 0 0 0; display:flex; align-items:center; justify-content:center;}
.slide001 .dot {display:inline-block; width:7px; height:7px; border-radius:50%; background:#ccc; margin:0 5px; cursor:pointer;}
.slide001 .dot.active {background:#000; width:10px; height:10px;}


/* 슬라이드 컨테이너 수정 */
.slide001 {position:relative; margin:50px auto 0 auto; width:70%; overflow:visible;}
.slide001contents {display:flex; transition:transform 0.5s ease;}

/* 슬라이드 섹션 캐러셀 스타일 */
.slidesection001 {flex:0 0 50%; margin:0 1px; transition:transform 0.5s ease, opacity 0.5s ease; border-radius:0 0 50px 50px; overflow:hidden;}

/* 앞뒤 슬라이드 작게 보여주기 */
.slidesection001.prev, .slidesection001.next {transform:scale(0.9); opacity:0.5; z-index:1;}
.slidesection001.active {transform:scale(1); opacity:1; z-index:2;}

/* 버튼, dots 그대로 사용 가능 */
.slide001 .nav-btn {position:absolute; top:50%; transform:translateY(-50%); background:#000; color:#fff; border:none; padding:10px 15px; cursor:pointer; opacity:0.7; border-radius:50%;}
.slide001 .prev {left:10px;}
.slide001 .next {right:10px;}








/* ========= 서브 ========= */
#subvisual {padding:50px 0; width:100%; border-bottom:1px solid #eee; margin:0 auto 50px auto;}
#subvisual > div {display:flex; justify-content:center; align-items:flex-end; flex-wrap:wrap; text-align:center;}
#subvisual hgroup h2, #subvisual hgroup h1 {font-size:80px; font-family:'GMarketSans'; font-weight:700; color:#222; display:none;}
#subvisual hgroup h1 {color:#146ece;}
#subvisual hgroup h3 {font-family:'GmarketSansLight'; margin:15px 0 0 0; font-weighT:100;}
#subvisual hgroup h3 strong {font-weight:400; font-family:'GMarketSans'; font-weight:700; color:#222;}
#subvisual article {text-align:center; line-height:30px; font-size:17px; color:#666; background:none; padding:50px 0 0 0;}


#subapage {width:100%; margin:0 auto;}


/* 서브02 */
#sub02works {}
.navwrap {display:flex; align-items:center; width:100%; margin:0 auto 50px auto; position:relative;}
.navscroll {overflow:hidden; width:100%;}
#subworksnav {display:flex; gap:10px; transition:transform 0.3s ease; list-style:none; margin:0 10px; padding:0;}
#subworksnav li a {display:block; white-space:nowrap; padding:8px 20px; border:1px solid #1d9bd6; border-radius:20px; color:#1d9bd6; text-decoration:none; text-align:center;}
#subworksnav li a.active, #subworksnav li a:hover, #subworksnav li a#bo_cate_on {background:#1d9bd6; color:#fff;}
.navbtn {background:#1d9bd6; color:#fff; border:none; border-radius:50%; width:30px; height:30px; cursor:pointer;}
.navbtn:disabled {opacity:0.4; cursor:default;}
#subworksul {display:flex; justify-content:start; align-items:stretch; flex-wrap:wrap; gap:60px 2%;}
#subworksul li {width:48%;}
#subworksul li figure {border:1px dashed #ddd; text-align:center;}
#subworksul li img {width:70%; height:auto; margin:0 auto;}
#subworksul li h3 {margin:20px 0 10px 0; font-weight:400; color:#1b86ea;}
#subworksul li h1 {font-weighT:600; color:#333; font-size:30px; letter-spacing:0;}
#subworksul li p {font-size:15px; color:#555; opacity:0.6; margin:10px 0;}
#subworksul li article {font-size:17px; color:#222; letter-spacing:0; line-height:27px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.paging00 {text-align:Center; width:100%; display:flex; margin:100px auto; overflow:hidden; gap:10px; justify-content:center;}
.paging00 li {width:40px; height:40px; line-height:40px; border:1px solid #eee; text-align:center; font-sizE:11px;}
.paging00 li a {color:#aaa; display:block; widtH:100%; height:100%;}
.paging00 li a:hover, .paging00 li a.active {background:#eee; color:#000; font-weight:bold;}





/* 서브01 */
.sub0101_01 {display:flex; justify-content:center; flex-wrap:wrap;}
.sub0101_01 figure img {width:50%; display:block; margin:0 auto;}
.sub0101_01 article {font-size:22px; line-heighT:40px; color:#555; text-align:center; margin:50px auto 0 auto;}
.sub0103 > .px1400 {margin:50px auto 0 auto; background:#fff; overflow:hidden;}
.sub0103_wrap {margin:0 auto; background:url(/img/0103bg01.jpg) repeat-y center top; overflow:hidden; padding:0;}
.sub0103_wrap section {width:100%; overflow:Hidden;}
.sub0103_wrap section h3 {padding:0 15px; font-size:22px; color:#1da9ff;}
.sub0103_wrap section p {font-size:16px; line-height:32px; color:#555; letter-spacing:0; fomax-width:355px; padding:0 20px; margin:20px 0 0 0;}
.section_0103left {background:url(/img/0103bg02.jpg) no-repeat center 2px; margin:50px 0 0 0; padding:10px 0 0 0;}
.section_0103left figure {margin:10px 0 0 30px; z-index:100;}
.section_0103left > div {background:#fff; text-align:center; border:1px solid #e1e1e1; padding:20px 0; margin:20px auto 0 auto; overflow:Hidden;}
.section_0103left > div::after {content:"";}
.section_0103left > div h3 {background:url(/img/bar10.jpg) no-repeat center top;}
.section_0103right {background:url(/img/0103bg02.jpg) no-repeat center 2px; margin:50px 0 0 0; padding:10px 0 0 0;}
.section_0103right figure {margin:10px 30px 0 0; float:right; right:3px; z-index:100;}
.section_0103right > div {border:1px solid #e1e1e1; width:100%; background:#fff; padding:20px; margin:0; overflow:Hidden; text-align:Center;}
.section_0103right > div::after {content:"";}
.section_0103right > div h3 {background:url(/img/bar10.jpg) no-repeat left 0px;}
.section_0103left figure img, .section_0103right figure img {display:none;}

#daumRoughmapContainer1762840266883 {width:100%; margin:100px auto 0 auto;}
#daumRoughmapContainer1762840266883 .cont {display:none;}






/* 서브06 */
.sub0601 > h2 {font-size:17px; font-weight:400; color:#333; line-height:32px; ; text-align:center; }
.sub0601 #form_main05 {margin:50px auto 0 auto;}
.sub0601 #form_main05 form ul li textarea {height:100px;}
#form_main05 {}
#form_main05 form {display:block; padding:40px; border-radius:40px; border:1px solid #999;}
#form_main05 form > h1 {font-size:20px; color:#333;}
#form_main05 form ul {overflow:Hidden;}
#form_main05 form ul li {overflow:Hidden; padding:20px 0; border-bottom:1px solid #ddd;}
#form_main05 form ul li strong, #form_main05 form ul li input, #form_main05 form ul li select, #form_main05 form ul li textarea {display:block; border:none; font-size:15px; height:30px; line-height:30px; color:#333;}
#form_main05 form ul li strong {font-weight:400; width:80px; float:left;}
#form_main05 form ul li input, #form_main05 form ul li textarea {width:calc(100% - 110px); float:left; margin:0 0 0 10px; border-left:1px dashed #ddd; padding:0 0 0 10px;}
#form_main05 form ul li select {width:100%;}
#form_main05 form ul li textarea {height:257px;}
#form_main05 form label {overflow:hidden; margin:10px auto 30px auto; display:block;}
#form_main05 form label input {display:inline-block;}
#form_main05 form label a {text-decoration:underline; color:#333;}
#form_main05 form > a, #form_main05 form > button {color:#fff; font-size:20px; font-weight:400; font-family:'GMarketSans'; font-weight:700; font-weight:400; background:#1479C4; width:187px; height:50px; line-height:53px; text-align:Center; border-radius:50px; display:block; margin:0 auto;}
#form_main05 iframe {display:block; width:100%; min-height:400px; margin:30px auto 0 auto;}



.popup_layer {position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4);}
.popup_box {position:relative; top:50%; left:50%; overflow:auto; height:400px; width:600px; transform:translate(-50%, -50%); z-index:1002; box-sizing:border-box; background:#fff; box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35); -webkit-box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35);}
.popup_box .popup_cont {padding:30px; margin:50px auto 0 auto; line-height:26px; font-size:14px;}
.popup_cont h3 {font-size:14px; color:#222; margin:30px auto 0 auto;}
.popup_cont p {margin:10px auto; font-size:12px; color:#666; line-height:22px;}
.popup_cont p:first-child {margin:0 auto 10px auto;}
.popup_overlay {position:fixed; top:0px; right:0; left:0; bottom:0; z-index:1001; background:rgba(0,0,0,0.5);}
.popupbtn00 {position:absolute; right:20px; top:20px;}




/* 서브마케팅 */
.sub00marketing {}
.markeingtitle {text-align:center; background:url(/img/bar001.jpg) no-repeat center top; padding:150px 0 20px 0;}
.markeingtitle h3 {background:#222; display:inline-block; padding:3px 5px; color:#fff; font-size:12px; text-transform:uppercase;}
.markeingtitle h2 {font-size:40px; letter-spacing:0; font-weight:500; margin:10px auto 25px auto;}
.markeingtitle article {font-size:20px; letter-spacing:0; color:#555;}

.marketingwrap {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto;}
.marketingwrap section {padding:30px; width:48%; border:1px dashed #ddd; display:flex; justify-content:space-between; border-top:2px solid #222; margin:4% 0 0 0; flex-wrap:wrap;}
.marketingwrap section div {width:100%;}
.marketingwrap section h4 {background:#222; display:inline-block; padding:3px 5px; color:#fff; font-size:10px; text-transform:uppercase;}
.marketingwrap section h3 {margin:10px 0; font-size:30px;}
.marketingwrap section article {font-size:16px; line-heighT:30px; color:#333; letter-spacing:0; margin:20px 0 0 0;}
.marketingwrap section figure {width:65px;}
.marketingwrap section figure img {width:100%; animation:float 1.2s ease-in-out infinite; display:block; margin:0;}
@keyframes float{0%{transform:translateY(0);}	50%{transform:translateY(-10px);}	100%{transform:translateY(0);}}



.marketing_middletitle {margin:70px 0 0 0; background:url(/img/bar001.jpg) no-repeat left top; padding:130px 0 0 0;}
.manob {background:none; padding:0;}
.marketing_middletitle h4 {font-size:14px; color:#333; text-transform:uppercase;}
.marketing_middletitle h3 {font-size:50px; font-weight:200; letter-spacing:0; margin:20px 0 0 0; color:#555;}
.marketing_middletitle h3 strong {font-weight:800; color:#146ece;}
.marketingwrap02 {display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px auto 70px auto;}
.marketingwrap02 section {padding:30px; border-radius:0 0 30px 30px; border:1px dashed #ddd; border-top:2px solid #222; width:23%; text-align:center; background:url(/img/bg001.jpg) repeat;}
.marketingwrap02 section h4 {font-size:40px; font-weighT:800;}
.marketingwrap02 section article {font-size:18px; color:#444; line-height:32px; letter-spacing:0; margin:20px 0 0 0;}
.marketingwrap03 section {width:100%; margin:30px 0 0 0;}
.marketingbottom {margin:0 auto 100px auto;}
.marketingbottom ul {display:flex; justify-content:space-between; margin:50px auto; flex-wrap:wrap;}
.marketingbottom li {width:100%;}
.marketingbottom ul li:last-child {margin:30px auto 0 auto;}
.marketingbottom li img {border-radius:0 0 20px 20px; width:100%; display:block;}
.atagcircle1 {display:flex; align-items:center; justify-content:center; margin:0 auto; width:150px; height:150px; text-align:center; color:#fff; border-radius:150px; background:#146ece; font-weighT:600; 
transition:transform 0.3s ease;}
.atagcircle1:hover {transform:translateY(-10px);}
.marketingwrap_3ro {margin:70px auto;}
.marketingwrap_3ro div {display:flex; flex-wrap:wrap; justify-content:space-between; text-align:Center; margin:0 auto 50px auto;}
.marketingwrap_3ro div section {width:32%; padding:30px; border:1px dashed #ddd; border-top:2px solid #222;}
.marketingwrap_3ro div section h4 {background:#222; display:inline-block; padding:3px 5px; color:#fff; font-size:10px; text-transform:uppercase;}
.marketingwrap_3ro div section h3 {margin:10px 0; font-size:28px;}
.marketingwrap_3ro div section figure {margin:30px auto; width:60%;}
.marketingwrap_3ro div section figure img {display:block; width:100%;}
.marketingwrap_3ro div section article {font-size:16px; line-heighT:27px; color:#333; letter-spacing:0; margin:0 auto; width:80%;}



































/* ================== 반응형 ================== */
@media screen and (min-width:1400px)
{
body {margin:0 auto;}
html, body {width:100%; height:100%;}
.content00 {height:100vh;}
.px1400 {width:1400px; margin:0 auto;}
.div_popup {font-size:13px;}
#divpop3aa {position:absolute; text-align:center; left:0%; top:200px; z-index:9161; width:100%; visibility:none;}
#divpop3aa input, #divpop_youtube1 input {display:inline-block; top:2px;}
#divpop3aa img {display:block; margin:0 auto;}
#divpop_youtube1 {position:absolute; text-align:center; left:0%; top:250px; z-index:9161; width:100%; visibility:none;}
#divpop_youtube1 table {width:1000px;}








/* ========= 헤더 ========= */
.fixed1 ul {width:100%;}
.fixed1 li {margin:0 0 0 10px;}
#pcnav {width:calc(100% - 300px); text-align:Center; display:flex; align-items:center;}
#pcnav ul {text-align:right; width:100%; display:flex; justify-content:flex-end; gap:35px;}
#pcnav ul li {font-size:20px;}
#pcnav ul li a {display:block; transition:color 0.5s;}
#pcnav ul li a:hover {color:#1da9ff;}






/* ========= 메인 ========= */
/* 비주얼 */
.videowrap {aspect-ratio:1704 / 959;}



/* 공통 */
.main00 {height:100vh;}







/* ========= 서브 ========= */
#subvisual {padding:130px 0; margin:0 auto 70px auto;}
#subvisual > div {justify-content:space-between; align-items:flex-end; flex-wrap:nowrap; text-align:left;}
#subvisual article {text-align:right; padding:150px 0 0 0; background:url(/img/bar001.jpg) no-repeat right top;}


/* 서브02 */
.navwrap {width:1400px;}
#subworksul li {width:23%;}
#subworksul li figure {height:322px; width:322px; display:flex; justify-content:center; align-items:center;}
#subworksul li figure img {height:auto !important;}



/* 서브01 */
.sub0101_01 {justify-content:space-around;}
.sub0101_01 figure img {width:100%; margin:0;}
.sub0101_01 article {text-align:left; margin:0;}
.sub0103 > .px1400 {padding:100px 50px 0 50px;}
.sub0103_wrap {width:1360px; padding:30px 0;}
.sub0103_wrap section {width:670px; overflow:Hidden;}
.sub0103_wrap section h3 {float:left;}
.sub0103_wrap section p {float:left; text-align:left; font-size:21px; line-height:42px; margin:0;}
.section_0103left {margin:30px 0 0 672px; background:url(/img/0103bg02.jpg) no-repeat left 20px;}
.section_0103left figure {float:left; left:3px;}
.section_0103left > div {float:left; margin:0;}
.section_0103right {margin:30px 0 0 20px; background:url(/img/0103bg02.jpg) no-repeat right 20px;}
.section_0103right > div {float:right; padding:20px 0; width:auto;}
.section_0103right > div p {text-align:right;}
.section_0103left figure img, .section_0103right figure img {display:block;}




/* 서브06 */
#form_main05 iframe {float:right; min-height:632px; width:47%; margin:0;}
#form_main05 form ul:first-child li {padding-top:0;}
.ul_enfenf li {width:47%; float:left;}
.ul_enfenf li:nth-child(even) {float:right;}




/* 서브마케팅 */
.marketingwrap section {flex-direction:row-reverse; flex-wrap:nowrap; padding:50px;}
.marketingwrap section div {width:calc(100% - 100px);}
.marketingwrap03 section {width:32%; margin:0;}

.marketingbottom li {width:49%;}
.marketingbottom ul li:last-child {margin:0 auto;}
}









@media screen and (min-width:769px) and (max-width:1399px)
{
/* ========= 푸터 ========= */
.footer01 h1 {font-size:20px;}
.footer02 > div article figure img {width:100px;}
.footer02 > div > p {font-size:10px;}




/* ========= 메인 ========= */
.main00 {padding:100px 0;}
footer.main00 {padding:100px 0 0 0;}

.main00wrap {flex-wrap:wrap;}
.main00wrap section a {color:#21aaff; font-weight:600; border-bottom:2px solid #21aaff;}
#main02 .main00wrap section {width:450px; padding:80px 30px; border:1px dashed #ddd;}
#main02 .main00wrap section:nth-child(odd) {border-righT:none;}
#main03 .main00wrap section {width:50%; padding:50px 30px; border:1px dashed #ddd; border-top:none;}
#main03 .main00wrap section:nth-child(1) {border-top:1px dashed #ddd;}
#main04 .main00wrap section {width:50%; padding:30px; border:1px dashed #ddd;}
#main04 .main00wrap section:nth-child(odd) {border-righT:none;}
#main04 ul {width:100%;}

.slidesection001 {flex-wrap:wrap;}
.slidesection001 article, .slidesection001 figure {width:100%;}






/* ========= 서브 ========= */
/* 서브공통 */
#subvisual article {width:100%;}




/* 서브마케팅 */
.marketingwrap02 section {width:48%;}
.marketingwrap02 section:nth-child(3), .marketingwrap02 section:nth-child(4) {margin:4% 0 0 0;}



/* 서브02 */
#subworksul {justify-content:space-between;}
}












@media screen and (min-width:0px) and (max-width:768px)
{
img {max-width:100%;}
b > br {display:block !important;}



/* ========= 헤더 ========= */
header {height:74px; line-height:74px; padding:20px 0; width:100%;}
header::after {content:"";}
.container > .fixed1 ul {display:none;}
.fixed1 {width:50px; height:74px;}
#sidebar .fixed1 {width:100%; float:none;}
#sidebar .fixed1 li {width:50px; display:inline-block;}
.tuxedo-menu.tuxedo-menu-fixed {padding:30px;}
.nav_cate01 > li, .nav_cate01 > li.active {font-size:40px;}
#sidebar ol li img {width:30px;}
#sidebar p {line-heighT:22px; font-size:13px;}






/* ========= 푸터 ========= */
.footer01 h1 {font-size:20px;}
.footer02 > div article {flex-wrap:wrap;}
.footer02 article, .footer02 p {width:100%;}
.footer02 > div article p {margin:15px 0;}
.footer02 > div article figure img {width:150px;}
.footer02 > div > p {font-size:10px;}




/* ========= 메인 ========= */
.videowrap {aspect-ratio:20 / 11.3;}
.main00 {padding:50px 5% !important;}
footer.main00 {padding:50px 0 0 0 !important;}

.commonh1 {font-size:25px; line-height:35px;}
.main00wrap {flex-wrap:wrap; margin:50px auto 0 auto;}
#main01 {width:90%;}
#main01 ul {gap:10px;}
#main01 ul li {width:48%;}

.main00wrap section {width:100% !important; padding:30px; border:1px dashed #ddd; border-top:none;}
.main00wrap section:nth-child(odd) {border-top:1px dashed #ddd;}
.main00wrap section figure img {width:70px;}
.main00wrap section p {width:90%; line-height:29px; font-size:15px; margin:15px auto;}
.main00wrap section p br {display:none;}
.main00wrap section a {color:#21aaff; font-weight:600; border-bottom:2px solid #21aaff;}
.commonh2 {font-size:20px; line-height:30px;}

#main04 ul {width:100%;}
#main04 ul li {width:48%;}

.slide001 {width:100%;}
.slidesection001 {flex-wrap:wrap; align-items:flex-start; padding:20px;}
.slidesection001 article, .slidesection001 figure {width:100%;}
.slidesection001 article ul li {flex-wrap:wrap;}
.slidesection001 article ul li strong {width:100%;}
.slidesection001 article ul li span {margin:10px 0 0 10px;}







/* ========= 서브 ========= */
#subvisual hgroup h2, #subvisual hgroup h1 {font-size:35px;}
#subvisual article {font-size:15px; line-height:25px;}


/* 서브02 */
#subworksul {justify-content:space-between; gap:30px 2%;}
#subworksul li h1 {font-size:20px;}



/* 서브01 */
.sub0101_01 article {font-size:16px; line-height:26px;}
.sub0101_01 article span br {Display:none;}



/* 서브06 */
#form_main05 form ul li strong, #form_main05 form ul li input, #form_main05 form ul li select, #form_main05 form ul li textarea {font-size:13px;}
#form_main05 form ul li strong {width:65px;}
#form_main05 form {padding:15px; width:100%; border-radius:20px;}
#form_main05 form ul:first-child li:first-child {padding:0 0 15px 0;}
#form_main05 form > a {font-size:16px; width:160px; height:40px; line-height:43px;}
.popup_box {width:90%;}





/* 서브마케팅 */
.markeingtitle h2 {font-size:25px;}
.markeingtitle article {font-size:15px; line-height:25px;}
.marketingwrap section {width:100%; margin:30px 0 0 0;}
.marketing_middletitle h3 {font-size:25px; line-height:35px;}
.marketing_middletitle h4 {line-height:26px;}
.marketingwrap02 {margin:0 auto 50px auto;}
.marketingwrap02 section {width:100%; margin:30px 0 0 0;} 
.marketingwrap_3ro div section {width:100%; margin:30px 0 0 0;}
.marketingwrap_3ro div section article {width:100%;}
}