@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(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://font.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@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:'S-CoreDream-1Thin'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-4Regular'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-5Medium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-7ExtraBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-9Black'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'KOTRALEAP'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRALEAP.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'MalgunGothic'; src:url(/img/MalgunGothic.eot);}
@font-face {font-family:'HoengseongHanu'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/HoengseongHanu.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SANJUGotgam'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANJUGotgam.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'yg-jalnan'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {font-family:'Cafe24ClassicType-Regular'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Cafe24ClassicType-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
br {font-family:'MalgunGothic';}


*,body {margin:0; padding:0; scroll-behavior:smooth;}
body, input, select, textarea {font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 
"Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
aside, body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd,legend,label,
h1,h2,h3,h4,h5,h6, div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset
{position:relative; box-sizing:border-box;}

label,button,input[type=button],input[type=submit],input[type=image] {cursor:pointer;}
img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
label {cursor:pointer; color:#222;}
select {cursor:pointer; border:1px solid #ddd; font-size:12px; color:#666;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt8 {margin-top:8px !Important;}
.mrt10 {margin-top:10px !Important;}
.mrt20 {margin-top:20px !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;}
strong {font-weight:500;}
.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);}
.per90, .px1300 {width:90%; margin:0 auto;}
.sub00 {margin:50px auto 0 auto; width:90%;}
#bodywrap {width:90%; margin:0 auto;}
#jy_pop123123 {position:absolute; top:137px; left:10px; z-index:911026;}
#jy_pop123123 > div {top:0 !important;}
#jy_pop123123 img {display:block; width:100%; box-sizing:border-box;}
.wnsqlwnd {padding:50px; text-align:Center; background:#f5f5f5; color:#000; font-size:16px; margin:50px auto;}


.popupWhrorl img {display:block; width:100%;}
.popupWhrorl ul {display:flex;}
.popupWhrorl li {width:50%;}











/* ============ 공통 ============ */
/* 헤더 */
header {width:100%; box-sizing:border-box;}
header > div {width:100%; display:flex; justify-content:space-between; align-items:center; padding:25px; box-sizing:border-box;}
header > div > h1 {margin:0; text-align:Center; height:42px;}
header > div > h1 figure {display:none;}
header > div > h1 figure img {display:block;}
header #headerimglogo img {width:175px; display:block; margin:13px auto;}
header #headerimglogo a {border-bottom:none;}
header #headerimglogo a:hover {background:none;}
nav::after {content:"";}
#navigation {position:fixed; top:0; z-index:100; width:100%; z-index:9999999999999;}
#navigation::after {content:"";}
#sidebar {width:280px; height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:9999999999999999999999999999999999999999999999999;}
.container::after {content:"";}
.fixed1 {position:relative; z-index:999;}
.fixed1 img {display:block;}
.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;}
.navXbtn01 img {width:30px; height:30px;}
.h1_nav01 {font-size:10px; color:#000; font-weight:500; margin:40px auto 0 auto; text-transform:uppercase; padding:0 0 10px 0; border-bottom:1px solid #333;}
.nav_cate01 {width:100%; margin:0 auto; text-transform:uppercase;}
.nav_cate01 > li {background:#fff url(img/tri01.png) no-repeat 95% 23px;}
.nav_cate01 > li.active {background:#1b67c4 url(img/tri01.png) no-repeat 95% 23px;}
.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee; font-weight:500;}
.nav_cate01 > li.active > a {color:#fff !Important;}
.nav_cate01 a {display:block; padding:0 5%; border-bottom:1px solid #d7d7d7; width:90%; height:60px; line-height:60px;}
.nav_cate01 li:last-child .subgnb01 > li:last-child {border-bottom:none;}
.subgnb01 > li {background:#fbfbfb; font-size:16px; font-weight:normal;}
.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.subgnb01 > li > a {color:#666;}




/* 플로팅메뉴 */
#floatMenu {width:100px; position:absolute; right:50px; top:55px; height:Auto; z-index:150; display:none;}
#floatMenu ul {border-bottom:none;}
#floatMenu li {width:100%; float:none; border-left:none;}
#floatMenu ul li a {display:Block; padding:0;}
#floatMenu ul li:last-child {display:block; background:#5e6738; text-align:center; text-transform:uppercase; font-size:11px; height:35px; width:35px; border-radius:30px; color:#fff; margin:20px auto; line-height:35px;}
#floatMenu ul li:last-child a {color:#fff; padding:0;}
#floatMenu ul li figure {height:auto;}
#floatMenu span br {Display:none;}
#cesco_PC {display:none;}
#cesco_M {position:absolute; right:80px; top:25px;}
.btn_mainadmin {text-align:center; padding:5px 20px; color:#fff; background:rgba(0,0,0,0.56); border-radius:20px;}



/* 푸터 */
footer {margin:70px auto 0 auto; overflow:hidden; background:#3b4245; padding:30px 5%; text-align:center; width:100%; color:#fff;}
footer figure {margin:0 auto;}
footer figure img {filter:brightness(100) grayscale(1);}
footer ul {display:flex; justify-content:center; margin:30px auto; flex-wrap:wrap;}
footer ul li {background:rgba(255,255,255,0.1); margin:5px; text-align:center;}
footer ul li a {display:block; padding:10px; color:#fff;}
footer p {font-size:15px; line-height:26px; color:#ddd;}
footer h3 {margin:10px auto; font-size:13px; text-transform:uppercase;}
footer h3 a {color:#ddd;}







/* ============ 메인 ============ */
/* 비주얼 */
#main01 {}
#navigation {display:none;}
#mainvisual_new {display:none;}
.flex-control-paging {text-align:Center; position:absolute; bottom:20px; width:100%;}
.flex-control-paging li {display:inline-block; width:50px; height:4px; font-size:0; margin:5px;}
.flex-control-paging li a {z-index:100; font-size:0; background:#fff; width:100%; height:100%; display:Block; opacity:0.65;}
.flex-control-paging li a.flex-active {opacity:1 !important;}
.flex-active {border:1px solid #fff;}
.flex-direction-nav {position:absolute; top:40%; width:100%; height:58px;}
.flex-direction-nav li {position:Absolute;}
.flex-direction-nav a {display:block; font-size:0; width:64px; height:64px;}
.flex-nav-prev {background:url(/img/main01arrow01.png) no-repeat; left:10px;}
.flex-nav-next {background:url(/img/main01arrow02.png) no-repeat; right:10px;}
.container > ul {display:none;}
.slides li img {width:100%; display:block;}


/* 메인03 */
#main03 {margin:50px auto; overflow:hidden; width:100%;}
#main03 > div {display:flex; flex-wrap:wrap; justify-content:space-between;}
#main03 section {text-align:center; padding:20px; transition:opacity 0.5s; box-sizing:border-box; margin:1% 0; transition:transform 0.3s ease, opacity 0.5s;}
#main03 section a {display:flex;  box-sizing:border-box; width:100%; border:1px dashed #fff; align-items:Center; padding:25px 20px;}
#main03 section:nth-child(odd) {background:#2666a8;}
#main03 section:nth-child(even) {background:#3f8ad8;}
#main03 section figure {width:85px; overflow:Hidden;}
#main03 section figure img {width:100%; displaY:block;}
#main03 section figcaption {text-align:left; margin:0 0 0 30px;}
#main03 section h3 {color:#fff; font-size:14px; font-weight:400; opacity:0.5; text-transform:uppercase;}
#main03 section h1 {color:#fff; font-size:35px; font-weight:800; margin:10px 0 0 0;}
#main03 section:Hover {opacity:0.75; transform:translateY(-10px);}


/* 메인02 */
#main02 {overflow:Hidden; margin:30px auto;}
#main02 > div {display:flex; justify-content:space-between; flex-wrap:wrap;}
#main02 section {background:#fff; padding:32px; overflow:hidden; width:100%; box-sizing:border-box; border:1px dashed #ddd; border-top:2px solid #2666a8;}
#main02 section:nth-of-type(2) {margin:30px auto 0 auto; border-top:2px solid #3f8ad8;}
#main02 section h1 {overflow:hidden; line-height:30px;}
#main02 section h1 strong {font-size:25px; color:#222; float:left; display:block;}
#main02 section h1 a {display:block; float:right; font-size:13px; text-transform:uppercase; color:#777;}
#main02 section ul {overflow:hidden; margin:20px 0 0 0;}
#main02 section li {overflow:Hidden; line-height:35px; padding:0 0 0 6px; background:url(/img/bullet01.jpg) no-repeat left center;}
#main02 section li strong {display:block; font-size:17px; float:left; color:#666; width:calc(90% - 70px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
#main02 section li span {display:block; float:right; color:#aaa; width:65px; font-size:12px;}
#main01_bottom ul li a {display:block; color:#fff;}





/* 메인04 & 메인05 */
#main04 {width:100%; padding:30px 0; background:#f9f9f9; margin:50px auto 1px auto; overflow:Hidden;}
.main04wrap {width:90%; margin:0 auto;}
.main04wrap > h1 {overflow:hidden; line-height:30px;}
.main04wrap > h1 strong {display:block; float:left; font-size:25px; color:#3f8ad8; font-weighT:600;}
.main04wrap > h1 span {display:block; float:right; font-size:14px; color:#666; font-weight:400;}
.ekdcjacnrgk000 {text-align:center; margin:30px auto 0 auto;}
.ekdcjacnrgk000 .slick-dots {width:100%; position:absolute; bottom:20px;}
.ekdcjacnrgk000 .slick-dots li {width:24px; height:24px; color:#fff; z-index:100; font-size:0; display:inline-Block; margin:0 0 0 8px; cursor:pointer;}
.ekdcjacnrgk000 .slick-dots li button {border:none; font-size:0;}
.ekdcjacnrgk000 .slick-dots li.slick-active {background:url(/img/bullet04.png) no-repeat center;}
.slider .slick-next, .slider .slick-prev {width:21px; height:40px; position:absolute; top:54px; font-size:0; border:none; z-index:150;}
.slick-prev {left:0; background:url(/img/main02arrowLEFT.png) no-repeat;}
.slick-next {right:0; background:url(/img/main02arrowRIGHT.png) no-repeat right;}
.bluegrennAtag {width:180px; height:45px; line-height:45px; text-align:center; color:#fff; display:block; margin:30px auto 0 auto; font-size:20px; transition:transform 0.3s ease, opacity 0.5s; border-radius:30px;}
.bluegrennAtag:hover {opacity:0.7; transform:translateY(-10px);}
#main04 .bluegrennAtag {background:#3f8ad8;}
#main05 {width:100%; padding:30px 0; background:#eff7fd; overflow:Hidden;}
#main05 h1 strong {color:#2666a8 !important;}
#main05 .bluegrennAtag {background:#2666a8;}




/* 메인06 */
#main06 {margin:50px auto; overflow:hidden;}
#main06 .cont {display:none;}
.main06section02 {margin:30px auto 0 auto;}
.main06section02 div {padding:30px; border:1px solid #ddd; border-top:2px solid #3f8ad8; margin:30px auto 0 auto;}
.main06section02 div h1 {font-size:50px; text-align:center; color:#3f8ad8; margin:0 auto; text-align:center; font-weighT:900; letter-spacing:-0.05em;}
.main06section02 div h3 {display:flex; justify-content:center; margin:20px auto;}
.main06section02 div h3 strong {font-size:19px; font-weight:400; margin:0 auto; width:100%; text-align:center;}
.main06section02 div p {font-size:14px; letter-spacing:-0.05em; line-height:30px; overflow:hidden; color:#666;}
.main06section02 div p strong {display:block; background:url(/img/bullet01.jpg) no-repeat left 13px; padding:0 0 0 10px;}
.main06section02 div a {display:block; width:calc(100% - 2px); border:1px solid #ddd; text-align:center; font-size:17px; color:#000; margin:20px auto 0 auto; line-height:50px; height:50px; transition:background 0.5s, border 0.5s, color 0.5s;}
.main06section02 div a:hover {background:#3f8ad8; border:1px solid #3f8ad8; color:#fff;}
#daumRoughmapContainer1742537208787 {width:100% !important;;}







/* ============ 서브 ============ */
/* 공통 */
.h1title {overflow:hidden; height:50px; line-height:50px;}
.h1title span {Display:block; width:2px; height:100%; background:#3f8ad8; float:left;}
.h1title strong {float:left; margin:0 0 0 10px; line-height:50px; font-size:22px; color:#000;}
.subvis {width:100%; overflow:hidden; text-align:center; padding:60px 0 30px 0;}
.subvis h3 {color:#fff; font-size:25px; opacity:0.76; font-weight:200;}
.subvis h1 {font-size:60px; color:#fff; font-weight:700; margin:20px auto 0 auto;}
.ulsitemap {overflow:hidden; margin:40px auto 0 auto;}
.ulsitemap li {background:rgba(255,255,255,0.2); height:50px; line-height:50px; margin:0 0 0 1px; float:left; font-size:13px; letter-spacing:-0.05em;}
.ulsitemap li a {color:#fff; display:block;}
.ulsitemap li:hover, .activesubsitemap {background:#fff !important;}
.ulsitemap li:hover a, .activesubsitemap a {color:#3f8ad8 !important; font-weight:600;}
.enwnfenwnf {line-height:25px !important;}
.ulsitemap_2ro li {width:calc(49% - 1px);}
.ulsitemap_3ro li {width:calc(33% - 1px);}
.ulsitemap_4ro li {width:calc(25% - 1px);}
.ulsitemap_5ro li {width:calc(20% - 1px);}
.ulsitemap_6ro li {width:calc(16.6% - 1px);}
.ulsitemap_7ro li {width:calc(14.2% - 1px);}
.ulsitemap_8ro li {width:calc(12.5% - 1px);}
.ulsitemap_9ro li {width:calc(11.1% - 1px);}
.ulsitemap_10ro li {width:calc(10% - 1px);}
.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;}
#subpage {width:100%; margin:50px auto; overflow:hidden;}
#subpage > hgroup:first-child h3 {text-align:center; width:60px; margin:0 auto; display:none;}
#subpage > hgroup:first-child h3 img {width:100%;}
#subpage > hgroup:first-child h1 {text-align:Center; margin:20px auto 0 auto; color:#3f8ad8; font-size:45px;}
.h1titlecon {font-size:35px; color:#fff; background:#3f8ad8; margin:0 auto 2px auto; padding:15px 0; text-align:center;}
.h3titlecon {padding:30px 20px; text-align:Center; background:#f5f5f5; color:#000; font-size:20px; margin:0 auto; font-weight:400; line-height:27px;}
.h3titlecon strong {color:#3f8ad8; font-weight:600;}
.p01 {background:#f6faff; padding:30px; line-height:35px; font-size:18px; margin:25px 0 0 0; color:#000;}
.p01 li {background:url(/img/bullet01.jpg) no-repeat left 15px; padding:0 0 0 10px; margin:0 0 10px 0;}
.p01 li:last-child {margin:0;}
.p01 li strong {color:red;}
.p01 li span {font-size:14px; display:block; margin:15px 0 0 0; color:#000;}
.p01 h3 {color:#3f8ad8; display:block; margin:0 0 10px 0; font-size:20px;}
.p02 {text-align:right; margin:0; font-size:14px; color:#000;}
.p03 {text-align:left; margin:20px auto 0 13px; font-size:18px; color:#111; line-height:28px;}
.p04 {text-align:center; background:#f7faff; padding:30px; font-size:18px; color:#111; line-height:28px;}
.h201 {font-size:18px; margin:30px 0 0 0; font-weight:600; color:#3f8ad8; display:flex; justify-content:space-between;}
.h301 {font-size:17px; color:#555; margin:10px 0 25px 10px; font-weight:600;}
#tabs {overflow:Hidden;}
#tabs > ul {text-align:center;}
#tabs > ul li {display:inline-block; height:40px; line-height:40px; text-align:center; margin:5px; font-size:17px; border:1px solid #ddd; border-radius:50px; width:200px;}
#tabs > ul li a {display:block; color:#000;}
#tabs > ul li:Hover, #tabs > ul li.active {background:#3f8ad8; border:1px solid #3f8ad8;}
#tabs > ul li:Hover a, #tabs > ul li.active a {color:#fff;}




/* 서브01 */
.sub0101 {}
.sub0101 figure {margin:0 auto; text-align:center; z-index:100;}
.sub0101con {border-radius:0 0 30px 30px; border:1px solid #ddd; padding:70px 30px 30px 30px; margin:-49px auto 0 auto; z-index:99; background:url(/img/bg01.png) repeat;}
.sub0101 h3 {text-align:center;} 
.sub0101 h3 strong {font-family:'ROKAFSlabSerifMedium'; font-weight:400; color:#084692; font-size:30px; letter-spacing:-0.07em; display:block;}
.sub0101 h3 span {font-size:25px; color:#4e5967; display:block; margin:15px auto 0 auto; font-weight:400;}
.sub0101 article {font-size:18px; line-height:32px; letter-spacing:-0.05em; margin:30px auto 0 auto; text-align:Center; color:#333;}
.sub0101 p {font-size:22px; line-height:40px;}
.sub0102 {overflow:hidden;}
.sub0102 > div section {padding:20px; border:1px dashed #ddd; border-top:2px solid #3f8ad8; margin:30px auto 0 auto;}
.sub0102 > div section figure, .sub0102 > div section figure img {width:100%;}
.sub0102 > div section figcaption {font-size:18px; line-height:26px; color:#000; text-align:center; margin:10px auto 0 auto;}

.wrap0103_01 {}
.wrap0103_01 div {overflow:hidden; margin:30px auto 0 auto; text-align:center;}
.wrap0103_01 div section {background:#fff; border-radius:300px; border:1px solid #09b1b6; text-align:center;}
.wrap0103_01 div section h3 {font-size:15px; color:#6f9c9d; font-weight:400;}
.wrap0103_01 div section h1 {font-weight:600; color:#02afb3; font-size:40px; font-weight:900; line-heighT:35px; padding:20px 0 30px 0; background:url(/img/bar05.jpg) no-repeat center bottom;}
.wrap0103_01 div section article {margin:25px auto 0 auto; line-height:36px; font-size:20px; color:#000;}
.wrap0103_01 div section:nth-child(2) {bordeR:1px solid #2e5095;}
.wrap0103_01 div section:nth-child(2) h3 {color:#18415b; opacity:0.7;}
.wrap0103_01 div section:nth-child(2) h1 {color:#2a6092;}

.sub0103 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub0103 section {padding:30px; border:1px solid #eee;}
.sub0103 section h3 {font-size:20px; color:#222; margin:20px auto;}
.sub0103 section p {font-size:16px; color:#555;}
.sub0103 figure {width:80px;}
.sub0103 figure img {width:100%;}

.table001 {width:100%; border-top:2px solid #3f8ad8; margin:30px auto 0 auto;}
.table001 th, .table001 td {padding:15px; border-bottom:1px dashed #ddd; font-size:17px;}
.table001 th {text-align:center; background:#f7faff; color:#3f8ad8;}
.table001 td {line-height:30px; color:#000;}
.table001center {width:100%; border-top:2px solid #3f8ad8; margin:30px auto 0 auto;}
.table001center th, .table001center td {padding:15px 5px; letter-spacing:-0.07em; border-bottom:1px dashed #ddd; font-size:17px; text-align:center;}
.table001center th {background:#f7faff; color:#3f8ad8;}
.table001center td {line-height:30px; color:#000; border-left:1px dashed #ddd;}

.sub0106_list {overflow:hidden;}
.sub0106_list > .px1300 {margin:0 auto; background:#fff; overflow:hidden;}
.sub0106_list_wrap {margin:0 auto; background:url(img/0106bg01.jpg) repeat-y center top; overflow:hidden; padding:0;}
.sub0106_list_wrap section {width:100%; overflow:Hidden;}
.sub0106_list_wrap section h3 {padding:0 15px; font-size:20px; color:#3f8ad8;}
.sub0106_list_wrap section p {font-size:15px; line-height:32px; color:#000; letter-spacing:-0.1em; fomax-width:355px; padding:0 20px;}
.sub0106_list_wrap section p a {display:block; color:#000;}
.sub0106_list_wrap section div figure img:nth-child(2) {display:none;}
.section_0106left {background:url(img/0106bg02.jpg) no-repeat center 2px; margin:50px 0 0 0; padding:10px 0 0 0;}
.section_0106left figure {margin:10px 0 0 30px; z-index:100;}
.section_0106left > div {background:#fff; text-align:left; border:1px solid #e1e1e1; padding:20px 0; margin:0; overflow:Hidden; border-radius:10px;}
.section_0106left > div::after {content:"";}
.section_0106left > div h3 {background:url(img/bar10.jpg) no-repeat center top;}
.section_0106left > div figure {float:right; width:95px; margin:0 25px 0 0;}
.section_0106left > div figure img {widtH:100%; display:block;}
.section_0106right {background:url(img/0106bg02.jpg) no-repeat center 2px; margin:50px 0 0 0; padding:10px 0 0 0;}
.section_0106right figure {margin:10px 30px 0 0; float:right; right:3px; z-index:100;}
.section_0106right > div {border:1px solid #e1e1e1; width:calc(100% - 42px); background:#fff; padding:20px; margin:0; overflow:Hidden; text-align:Center; border-radius:10px;}
.section_0106right > div::after {content:"";}
.section_0106right > div h3 {background:url(img/bar10.jpg) no-repeat left 0px;}
.section_0106right > div figure {float:left; width:95px; margin:0 20px 0 0;}
.section_0106right > div figure img {widtH:100%; display:block;}
.section_0106left figure img, .section_0106right figure img {display:none;}
.sub0107 figure {Text-align:Center;}
.sub0107 figure img {max-width:100%;}
#daumRoughmapContainer1744939626309 {width:100%;}
#daumRoughmapContainer1744939626309 .cont {display:none;}
.sub0108bottom {border:1px solid #ddd; border-radius:0 0 30px 30px; display:flex; justify-content:space-between; padding:20px; border-top:none; align-items:center;}
.sub0108bottom ul {}
.sub0108bottom li {display:flex; height:30px; align-items:center; gap:10px; margin:10px 0;}
.sub0108bottom li b {width:50px;}
.sub0108bottom li img {width:30px;}
.sub0108bottom a {display:block; width:100px; height:100px; line-height:100px; color:#fff; background:#2764c0; font-weight:600; text-align:center; border-radius:100px;}


.sub0104 strong {display:block; width:100%; font-size:22px; margin:20px auto; text-align:center;}




/* 서브02 */
.ul02 {overflow:hidden; margin:20px 0;}
.ul02 li {display:inline-block; width:250px; font-size:20px; text-align:center; background:#3f8ad8; border-radius:50px; height:50px; line-height:50px; margin:0 20px 0 0;}
.ul02 li:last-child {background:#2a6092;}
.ul02 li a {display:block; color:#fff;}
.sub02imgs {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub02imgs li {width:49%;}
.sub02imgs img {width:100%; display:block;}
.sub02 > article {background:#f7faff; text-align:center; padding:30px; margin:30px auto;}
.sub02 > article h3 {text-align:Center; color:#183e84; font-size:30px;}
.sub02 > article p {margin:20px auto 0 auto; font-size:16px; line-height:27px; color:#333;}
.sub02sections {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub02sections section {text-align:center; padding:20px; border:1px dashed #ddd; border-top:2px solid #3f8ad8; width:32%;}
.sub02sections section h2 {font-size:25px; color:#3f8ad8;}
.sub02sections section p {font-size:16px; line-heighT:25px; color:#333; margin:20px auto 0 auto;}
.sub02sections50 section {width:49%;}





/* 서브03 */
.wjfck01 {overflow:hidden;}
.wjfck01 section {background:#f7faff; border-top:2px solid #3f8ad8; padding:30px; text-align:center; margin:30px auto 0 auto;}
.wjfck01 section h1 strong {display:inline-block; border-radius:50px; width:50px; height:50px; line-height:50px; text-align:Center; background:#3f8ad8; font-weight:900; color:#fff; margin:0 auto;}
.wjfck01 section h1 span {display:inline-block; line-height:50px; vertical-align:middle; color:#3f8ad8; font-size:40px; margin:15px auto;}
.wjfck01 section p {font-size:17px; line-height:30px; color:#000;}

.dldydwjfck00 {margin:30px auto 0 auto; display:grid; grid-template-columns:repeat(3, 28.6% 60px); align-items:baseline; gap:30px 0;}
.dldydwjfck00 section {padding:30px; text-align:left; bordeR:1px dashed #ddd; background:url(/img/bg01.png) repeat;}
.dldydwjfck00 section figure {margin:0; width:80px;}
.dldydwjfck00 section figure img {width:100%; display:block;}
.dldydwjfck00 section h5 {width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:25px; background:#1e77c9; border-radius:100px; margin:20px 0;}
.dldydwjfck00 section h3 {color:#1e77c9; font-size:26px;}
.dldydwjfck00 section p {font-size:16px; line-height:25px; color:#333; margin:15px auto 0 auto; min-height:125px;}
.dldydwjfck00 h2 {margin:0 20px;}
.dldydwjfck00 h2 img {width:100%;}




/* 서브05 */
.sub05_section {margin:50px auto 0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px;}
.sub05_section section {border:1px dashed #ddd; border-top:2px solid #3f8ad8; background:#f9f9f9; padding:30px; text-align:center;}
.sub05_section section h1 {color:#3f8ad8; font-size:26px; margin:15px auto;}
.sub05_section section p {font-size:17px; color:#000; line-height:28px;}
.sub05_section section figure {width:70px; margin:0 auto;}
.sub05_section section figure img {width:100%;}

.ehddmltj01 {padding:30px; background:#f9f9f9; text-align:left;}
.ehddmltj01 h5 {font-size:18px; color:#222; line-height:32px;}
.ehddmltj01 ol {margin:20px 0;}
.ehddmltj01 li {list-style:decimal; margin:0 0 0 20px; line-height:30px; font-size:16px; color:#000;}
.ehddmltj01 label {margin:0 0 0 5px; letter-spacing:-0.07em;}
.table05_form {width:100%; border-top:2px solid #3f8ad8; margin:30px auto 0 auto;}
.table05_form th, .table05_form td {padding:15px; border-bottom:1px dashed #ddd; font-size:17px;}
.table05_form th {text-align:center; background:#f7faff; color:#3f8ad8;}
.table05_form td {line-height:30px; color:#000;}
.table05_form td input {font-size:16px; height:50px; line-height:50px; border:1px solid #ddd; padding:0 10px; outline:none; font-family:'Pretendard';}
.table05_form td select {display:inline-block; height:50px; line-height:50px; border:1px solid #ddd; padding:0 10px; outline:none; width:130px; margin:0 10px 0 0; font-family:inherit; font-size:15px;}
.table05_form td input[type=submit] {background:#3f8ad8; color:#fff;}
.table05_form .input_block span, .table05_form .input_block > input {display:block; margin:5px 0;}
.table05_form .input_block span input {display:inline-block;}
.table05_form .input_block > input {width:calc(100% - 22px);}
.table05_form .input_block span b {display:inline-block; width:70px; font-size:16px;}
.table05_form textarea {display:block; width:calc(100% - 22px); padding:10px; min-height:100px; border:1px solid #ddd; font-family:inherit; font-size:15px;}
.table05_form td label {margin:0 10px 0 0;}
.table05_form td label strong {display:inline-block; line-height:50px; vertical-align:top; margin:0 0 0 5px; font-weight:400; font-size:16px;}
.table05_form td p.accountinfo {display:none; font-size:15px; color:#333;}
.sub05 .bluegrennAtag {background:#3f8ad8;}
.sub05 .whiteAtag {width:250px; height:65px; line-height:65px; text-align:center; display:block; margin:30px auto 0 auto; font-size:20px; color:#3f8ad8; border:1px solid #3f8ad8;}

.ehddmltj01 p {font-size:15px; line-height:26px; color:#2778cb;}
.ehddmltj01 h3 {font-size:16px; color:#333; line-height:26px;}
.ehddml {margin:10px auto 0 auto; display:flex; flex-wrap:wrap;}
.ehddml label {margin:0 10px 0 0;}




.dldydwjfck02 {margin:30px auto 0 auto; display:flex; justify-content:space-between; align-items:center;}
.dldydwjfck02 section {padding:30px; bordeR:1px dashed #ddd; background:url(/img/bg01.png) repeat; height:205px; text-align:Center;}
.dldydwjfck02 section {width:20%;}
.dldydwjfck02 section h5 {width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:25px; background:#1e77c9; border-radius:100px; margin:0 auto 20px auto;}
.dldydwjfck02 section h3 {color:#1e77c9; font-size:26px;}
.dldydwjfck02 section p {font-size:16px; line-height:25px; color:#333; margin:15px auto 0 auto;}
.dldydwjfck02 h2 {margin:0 20px; width:30px;}
.dldydwjfck02 h2 img {width:100%;}
.sub0503 .bluegrennAtag {background:#2666a8; font-size:17px; width:220px; padding:0 10px; font-weight:bold;}




/* 서브06 */
.sub0603 {}
.sub0603 .btn {display:flex; flex-direction:row-reverse; margin-bottom:10px;}
.sub0603 .btn a {background:red; color:#fff; padding:10px 20px;}
#h1_thisweek {display:flex; font-size:20px; justify-content:center; align-items:center;}
#h1_thisweek a {font-size:12px; color:#999; display:block; width:30px; height:30px; border-radius:50px; text-align:center; line-height:30px; background:#f9f9f9; border:1px solid #eee;}
#h1_thisweek strong {padding:0 20px; font-size:28px;}
#h2_thisweek {margin:15px auto; padding:10px; color:#1d5cc4; text-align:center;}
#tlreksvy00 {display:flex; flex-wrap:wrap;}
#tlreksvy00 li {width:100%; border:1px solid #eee; border-bottom:none; margin:30px auto 0 auto;}
#tlreksvy00 li:first-child {margin:0;}
#tlreksvy00 li h3 {text-align:center; background:#f9f9f9; color:#333; font-size:20px; padding:20px 0; border-top:2px solid #31548e; border-bottom:1px solid #75849c;}
#tlreksvy00 li section {padding:15px; border-bottom:1px solid #ddd;}
#tlreksvy00 li h2 {display:flex; justify-content:space-between; align-items:center;}
#tlreksvy00 li h2 img {width:30px;}
#tlreksvy00 li h2 strong {font-size:18px; color:#31548e; font-weight:600;}
#tlreksvy00 li p {margin:15px 0; font-size:16px; line-height:24px; color:#555;}
#tlreksvy00 li h4 {text-align:right; font-size:13px;}
#tlreksvy00 #dlfdydlf00 {color:red;}
#tlreksvy00  #xhdydlf00 {color:blue;}
#tlreksvy00 #today000 {border:2px solid #1d5cc4;}
#tlreksvy00 #today000 h3 {background:#1d5cc4; color:#fff;}
.pic00 {position:absolute; z-index:100; width:100%;}
.pic00::before {content:""; position:fixed; inset:0; background:rgba(0,0,0,0.3); z-index:-1; display:none;}
.pic00.show::before {display:block;}
.pic00 img:first-child {width:100%;}
.pic00 img:last-child {position:absolute; right:0; top:0; cursor:pointer;}
.pic00 {width:320px;}
.pic00 span {display: block; width: 100%; line-height: 140px; text-align: center; background: #fff; border: 1px solid #ccc;}


.sub0603_boxbottom {display:flex; align-items:flex-end;}
.sub0603_boxbottom span, .sub0603_boxbottom h4 {font-size:11px; color:#222; width:50%; align-items:flex-start; }
.snackbox00 {min-height:170px;}
.diningbox00 {min-height:265px;}

/*

					<div class="sub0603_boxbottom">
						<span><?php echo nl2br($meal01[1]) ?></span>
						<h4>열량: <?php echo number_format($meal01[2]); ?>kcal</h4>
					</div>
*/


















/* ========================= 반응형 ========================= */
@media screen and (min-width:1300px)
{
body, html {height:100%; margin:0;}
body {max-width:1920px; margin:0 auto;}
.px1300 {width:1300px; margin:0 auto;}
.px1300_02 {width:1300px; margin:0 auto;}
.mrt00 {margin-top:0 !important;}
#floatMenu {display:block !important;}
#jy_pop123123 {position:absolute; width:90%; right:30px; top:137px;}
#jy_pop123123 > div {z-index:1000; position:absolute;}
#jy_pop123123 > #divpop250107 {top:550px !important;}
#divpop3aa {left:400px;}
#height501 {height:507px;}







/* ============ 공통 ============ */
/* 헤더 */
header {padding:30px; display:block; justify-content:space-between; height:102px;}
header::after {content:"";}
header > div {margin:0; height:42px; width:auto; padding:0; display:block; float:left;}
header > div > h1 {height:42px;}
header h1 .container {display:none;}
#gnb {text-align:right;}
#sidebar {display:flex; box-shadow:none; width:auto; height:auto; overflow:inherit; float:right;}
.animated {animation-fill-mode:none !important; -webkit-animation-fill-mode:none !important;}
.slideOutLeft {-webkit-animation-name:none !important; animation-name:none !important;}
.tuxedo-menu {display:block !important;}
.tuxedo-menu.tuxedo-menu-fixed {position:relative; padding:0; overflow:auto; z-index:11919911026; opacity:1;}
.navXbtn01, .h1_nav01 {display:none;}
.nav_cate01 {width:100%; margin:0; display:flex;}
.nav_cate01 > li {padding:0; width:170px; text-align:center; font-size:20px; font-weight:400; background:none; height:42px; line-height:42px; letter-spacing:-0.05em;}
.nav_cate01 > li > a {padding:0; width:100%; height:100%; border-bottom:none; line-height:42px;}
.nav_cate01 > li:hover > a, .nav_cate01 > li.active, .nav_cate01 > li.active > a {background:#1b67c4; color:#fff;}
.subgnb01 {position:Absolute !important; width:100%; z-index:100; display:none;}
.subgnb01 a {display:block; padding:0; border-bottom:1px solid #d7d7d7; width:100%; height:40px; line-height:40px;}
.subgnb01 a:hover {background:#1b67c4; color:#fff;}
.subgnb01 > li:last-child {border-bottom:none;}
.subgnb01 > li {font-size:17px; letter-spacing:-0.05em;}
.fixed1 {display:none;}
header #headerimglogo img {width:173px; display:inline; margin:0 auto;}










/* ============ 메인 ============ */
/* 비주얼 */
/* 740 
#main01 {width:100%; height:740px; margin:0 auto; overflow:hidden; padding:0;}
#mobile_mainvisual {display:none;}
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; width:100%; height:740px !important; z-index:950; display:block;}
#mainvisual_new #mainslides {width:100%; height:740px !important;}
#mainvisual_new .slidesjs-container {width:100% !important; height:740px !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:740px !important;}
#mainvisual_new .slidesjs-control li {text-align:center; height:100%;}
#mainvisual_new .slidesjs-control li:first-child {background:url(/img/mainvis01.jpg) no-repeat center; z-index:99 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li:nth-child(2) {background:url(/img/mainvis02.jpg) no-repeat center; z-index:98 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li:nth-child(3) {background:url(/img/mainvis03.jpg) no-repeat center; z-index:97 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li > img {width:100% !important; height:740px;}
#mainvisual_new .slidesjs-pagination {position:absolute; bottom:50px; width:100%; left:0; text-align:center; z-index:102;}
#mainvisual_new .slidesjs-pagination li {display:inline-block; margin:0 10px;}
#mainvisual_new .slidesjs-pagination li a {width:100px; height:5px; z-index:100; font-size:0; background:#fff; display:Block; opacity:0.5;}
#mainvisual_new .slidesjs-pagination li a.active {border:2px solid #fff; opacity:1;}
#mainvisual_new .slidesjs-navigation {display:block; position:absolute; top:340px; z-index:310; font-size:0; width:60px; height:60px;}
#mainvisual_new .slidesjs-previous {background:url(/img/arrowleft.png) no-repeat center; left:50px;}
#mainvisual_new .slidesjs-next {background:url(/img/arrowright.png) no-repeat center; right:50px;}
.maintxt {width:100%; position:absolute; z-index:300; overflow:hidden; color:#FFF; text-align:left;}
.maintxt > div {margin:150px auto 0 auto; letter-spacing:-0.05em; width:80%;}
.maintxt > div h3 {font-family:'GmarketSansBold'; font-size:60px; color:#fff; font-weight:900; padding:0; display:inline-block; background:url(/img/bar01.jpg) no-repeat left top; line-height:80px;}
.maintxt > div p {font-size:22px; line-height:35px; margin:20px auto 40px auto; font-weight:100;}
.maintxt > div a {display:block; border:1px solid #fff; color:#fff; width:200px; height:50px; line-height:50px; text-align:center; font-size:14px;}
*/





/* ============ 메인 ============ */
/* 비주얼 */
#main01 {width:100%; height:530px ; margin:0 auto; overflow:hidden; padding:0;}
#mobile_mainvisual {display:none;}
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; width:100%; height:530px !important; z-index:950; display:block;}
#mainvisual_new #mainslides {width:100%; height:530px !important;}
#mainvisual_new .slidesjs-container {width:100% !important; height:530px !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:530px !important;}
#mainvisual_new .slidesjs-control li {text-align:center; height:100%;}
#mainvisual_new .slidesjs-control li:first-child {background:url(/img/mainvis01.jpg) no-repeat center; z-index:99 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li:nth-child(2) {background:url(/img/mainvis02.jpg) no-repeat center; z-index:98 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li:nth-child(3) {background:url(/img/mainvis03.jpg) no-repeat center; z-index:97 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li > img {width:100% !important; height:530px ;}
#mainvisual_new .slidesjs-pagination {position:absolute; bottom:30px; width:100%; left:0; text-align:center; z-index:102;}
#mainvisual_new .slidesjs-pagination li {display:inline-block; margin:0 5px;}
#mainvisual_new .slidesjs-pagination li a {width:50px; height:3px; z-index:100; font-size:0; background:#fff; display:Block; opacity:0.5;}
#mainvisual_new .slidesjs-pagination li a.active {border:2px solid #fff; opacity:1;}
#mainvisual_new .slidesjs-navigation {display:block; position:absolute; top:230px; z-index:310; font-size:0; width:64px; height:64px;}
#mainvisual_new .slidesjs-previous {background:url(/img/main01arrow01.png) no-repeat center; left:50px;}
#mainvisual_new .slidesjs-next {background:url(/img/main01arrow02.png) no-repeat center; right:50px;}
.maintxt {width:100%; position:absolute; z-index:300; overflow:hidden; color:#FFF; text-align:left;}
.maintxt > div {margin:120px auto 0 auto; letter-spacing:-0.05em; width:80%;}
.maintxt > div h4 {width:130px; text-align:center; background:Rgba(255,255,255,0.3); color:#fff; text-transform:uppercase; padding:5px 10px;}
.maintxt > div h3 {font-family:'GmarketSansBold'; margin:20px 0 0 0; font-size:40px; line-height:54px; color:#fff; font-weight:900; padding:0; display:inline-block; background:url(/img/bar01.jpg) no-repeat left top;}
.maintxt > div p {font-size:18px; line-height:30px; margin:20px auto 40px auto; font-weight:100;}
.maintxt > div a {display:block; border:1px solid #fff; color:#fff; width:200px; height:50px; line-height:50px; text-align:center; font-size:14px;}


/* 메인03 */
#main03 section {width:32%;}


/* 메인02 */
#main02 {margin:50px auto;}
#main02 > div {flex-wrap:nowrap;}
#main02 section {width:49%;}
#main02 section:nth-of-type(2) {margin:0;}



/* 메인04 */
.main04wrap {margin:0 auto; width:1300px;}
.ekdcjacnrgk000 .slick-dots {bottom:-180px;}
.ekdcjacnrgk000 .slick-list {width:93%; margin:0 auto !Important;}
.ekdcjacnrgk000 .slick-slide div > div {width:90% !important;}
#main04.bluegrennAtag {margin:100px auto 0 auto !important;}
#main04, #main05 {padding:50px 0;}



/* 메인06 */
#main06  > div {display:flex; justify-content:space-between;}
.main06section01 {width:60%;}
.main06section02 {margin:0;}
.main06section02 div {width:400px;}
.main06section02 div h1 img {display:block; float:left;}
.main06section02 div h1 strong {float:right; display:block; margin:0;}
.main06section02 div h3 {display:flex; justify-content:space-between; text-align:left;}
.main06section02 div p strong {display:block; float:left;}
.main06section02 div p strong:nth-child(2) {float:right;}






/* ============ 서브 ============ */
/* 공통 */
.sub00 {width:1300px;}
.sub1000px {width:1000px; margin:50px auto 0 auto;}
.ulsitemap li {font-size:18px;}
.ulsitemap li:first-child {margin:0;}

.h3titlecon0103 {font-size:30px;}


/* 서브01 */
.sub0101 span br {Display:block;}
.sub0102 > div section {float:left;}
.sub0102 > div:nth-of-type(1) section {width:calc(49% - 42px);}
.sub0102 > div:nth-of-type(1) section:last-child {float:right;}
.sub0102 > div:nth-of-type(2) section {width:calc(32% - 42px); margin:20px 0;}
.sub0102 > div:nth-of-type(2) section:nth-child(3n-1) {margin:20px 2%;}
.sub0102 > figure {width:70%; margin:30px auto 50px auto;}
.sub0102 > figure img {width:100%;}
.wrap0103_01 div {Background:url(/img/bar06.jpg) no-repeat center; margin:50px auto 0 auto;} 
.wrap0103_01 div section {display:inline-block; width:397px; height:304px; padding:103px 0 0 0;}
.wrap0103_01 div section:nth-child(2) {margin:0 33px;}
.sub0103 section {width:32%; margin:10px 0;}
.table001 th br {display:none;}
.sub0106_list > .px1300 {padding:100px 50px 0 50px;}
.sub0106_list_wrap {width:1300px; padding:30px 0;}
.sub0106_list_wrap section {width:658px; overflow:Hidden;}
.sub0106_list_wrap section h3 {float:left;}
.sub0106_list_wrap section p {float:left;}
.section_0106left {margin:30px 0 0 642px; background:url(img/0106bg02.jpg) no-repeat left 20px;}
.section_0106left figure {float:left; left:3px;}
.section_0106left > div {float:left;}
.section_0106right {margin:30px 0 0 0; background:url(img/0106bg02.jpg) no-repeat right 20px;}
.section_0106right > div {float:right; padding:20px 0; width:auto;}
.section_0106right > div p {text-align:right;}
.section_0106left figure img, .section_0106right figure img {display:block;}



/* 서브05 */
.sub05_section section {width:32%;}



/* 서브06 */
#tlreksvy00 li {width:14.28%; margin:0;}

}





















@media screen and (min-width:769px) and (max-width:1299px)
{

/* img {max-width:100%;} 2023.6.13 해열 주석처리 */

/* ============ 공통 ============ */
/* 헤더 */
header {border-bottom:1px solid #d7d7d7;}
#jy_pop123123 {width:100%; left:0;}
#jy_pop123123 > div {left:0px !important;}






/* ============ 메인 ============ */
/* 메인03 */
#main03 section {width:49%;}
#main03 section figure {width:75px;}
#main03 section h1 {font-size:28px;}



/* 메인04 */
.ekdcjacnrgk000 .slick-dots {bottom:-180px;}
.ekdcjacnrgk000 .slick-list {width:90%; margin:0 auto !Important;}
.ekdcjacnrgk000 .slick-slide div > div {width:90% !important;}
.slider .slick-next, .slider .slick-prev {top:50%;}
#main04.bluegrennAtag {margin:100px auto 0 auto !important;}



/* 메인06 */
.main06section02 div h1 strong {margin:0 0 0 20px;}





/* ============ 서브 ============ */
/* 서브01 */
.sub0102 > div section {width:calc(49% - 42px); float:left;}
.sub0102 > div section:nth-child(even) {float:right;}
.sub0102 > div section figcaption {font-size:15px; line-height:26px;}
.sub0102 > div section figcaption br {display:none;}
.wrap0103_01 div {Background:url(/img/bar06.jpg) no-repeat center;}
.wrap0103_01 div section {width:30%; padding:50px 0; display:inline-block;}
.wrap0103_01 div section:nth-child(2) {margin:0 3.5%;}
.wrap0103_01 div section h1 {padding:10px 0 30px 0; font-size:25px; line-height:25px;}
.wrap0103_01 div section article {line-height:26px; font-size:17px;}
.wrap0103_01 div section h3 {Font-size:10px;}
.sub0103 section {width:48%; margin:10px 0;}



/* 서브05 */
.sub05_section section {width:48%;}
.dldydwjfck00 {grid-template-columns:repeat(2, 42% 60px); align-items:center;}
.dldydwjfck00 section {padding:20px;}
.dldydwjfck00 section figure {width:50px;}
.dldydwjfck00 section h3 {font-size:23px;}
.dldydwjfck00 section p {font-size:14px; line-height:24px;}
.dldydwjfck00 section:first-child p, .dldydwjfck00 section:nth-of-type(2) p {min-height:60px;}



.dldydwjfck02 {display:flex; flex-wrap:wrap; gap:20px;}
.dldydwjfck02 section, .dldydwjfck02 h2 {width:100%; text-align:center; margin:0 auto;}
.dldydwjfck02 h2 img {width:30px; transform:rotate(90deg); margin:0 auto;}
.dldydwjfck02 section {padding:20px;}
.dldydwjfck02 section figure {width:50px; margin:0 auto;}
.dldydwjfck02 section h3 {font-size:23px;}
.dldydwjfck02 section h5 {margin:20px auto;}
.dldydwjfck02 section p {font-size:14px; line-height:24px; min-height:auto !important;}
}












@media screen and (min-width:0px) and (max-width:768px)
{
img {max-width:100%;}
#onlymobilebtn {display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#5e6738; color:#fff; position:fixed; bottom:0;}
#jy_pop123123 {position:absolute; width:100%; left:0px; top:77px;}
#jy_pop123123 > div {left:0px !important;}


/* ============ 공통 ============ */
img {max-width:100%;}
.h1title_01 {font-size:25px;}



/* 헤더 */
header {border-bottom:1px solid #d7d7d7;}
header > div {padding:15px; height:75px; box-sizing:border-box;}
header > div > h1 {height:auto;}
header > div > h1 img {width:230px; display:block;}











/* ============ 메인 ============ */
/* 비주얼 */
.flex-direction-nav {display:none;}



/* 메인03 */
#main03 section {padding:10px; width:100%;}
#main03 section a {flex-wrap:wrap; text-align:center; padding:15px;}
#main03 section figure {margin:0 auto; width:100%;}
#main03 section figure img {width:60px; display:block; margin:0 auto;}
#main03 section h1 {font-size:25px;}
#main03 section figcaption {text-align:center; margin:10px auto 0 auto;}



/* 메인02 */
#main02 section {padding:20px;}



/* 메인04 */
.main04article h3 {font-size:15px;}
.main04article h1 {font-size:30px; margin:15px auto;}
.ekdcjacnrgk000 {margin:20px auto 0 auto !important;}
.ekdcjacnrgk000 .slick-dots {bottom:-150px;}
.ekdcjacnrgk000 .slick-list {width:80%; width:90% !important; margin:0 auto;}
.ekdcjacnrgk000 .slick-slide div > div {width:85% !important; padding:0 0 10px 0;}
.main04wrap > h1 span, .main04wrap > h1 strong {float:none;}
.main04wrap > h1 span {line-height:22px; margin:20px auto 0 auto;}



/* 메인06 */
.main06section02 div {padding:25px;}
.main06section02 div h1 {font-size:30px;}
.main06section02 div h3 {flex-wrap:wrap;}









/* ============ 서브 ============ */
/* 공통 */
.subvis h1 {font-size:40px;}
#subpage > hgroup:first-child h1 {font-size:35px;}
.h1title strong {font-size:16px;}
.ulsitemap li {width:calc(33% - 1px); margin:1px auto 0 1px; height:40px; line-height:40px;}
.enwnfenwnf {line-height:18px !important;}
.enwnfenwnf a {top:3px;}
.h3titlecon {font-size:17px;}
.p01 {font-size:15px; line-height:25px; padding:10px;}
.p01 li {background:url(/img/bullet01.jpg) no-repeat left 12px;}
.p01 h3 {font-size:16px;}
.p03, .p04 {font-size:15px; line-height:26px; padding:20px;}
.subvis04 .ulsitemap li {width:calc(50% - 1px);}
.tablewrap {overflow-x:auto; white-space:nowrap;}



/* 서브01 */
.sub0101 p, .sub0101 strong {font-size:14px; line-height:26px;} 
.sub0102 > div section figcaption {font-size:14px; line-height:25px;}
.sub0102 > div section figcaption br {Display:none;}
.wrap0103_01 div {margin:0 auto; Background:url(/img/bar06.jpg) no-repeat center;}
.wrap0103_01 div section {width:calc(100% - 2px); padding:40px 0; border-radius:0; margin:20px auto; border-top:3px solid #09b1b6;}
.wrap0103_01 div section:nth-child(2) {border-top:3px solid #2e5095;}
.table001 th, .table001 td {font-size:15px; line-height:25px;}
.table001center th, .table001center td {font-size:13px; padding:5px 3px;}
.table001center td {line-height:inherit;}
.sub0103 section {width:47%; margin:10px 0; text-align:center; padding:20px;}
.sub0103 section figure {margin:0 auto; width:50px;}
.sub0103 section h3 {margin:15px auto;}
.sub0108bottom {flex-wrap:wrap;}
.sub0108bottom ul {width:100%;}
.sub0108bottom li {flex-wrap:wrap; height:auto;}
.sub0108bottom li strong {font-size:15px; width:100%; margin:0 0 0 40px; font-weight:400;}
.sub0108bottom a {margin:20px auto 0 auto; max-width:320px; height:40px; line-heighT:40px;}



/* 서브02 */
.ul02 li {margin:15px 0 0 0;}
.sub02imgs li {width:100%; margin:5px auto 0 auto;}
.sub02sections {gap:20px;}
.sub02sections section, .sub02sections50 section {width:100%;}




/* 서브03 */
.wjfck01 section {padding:20px;}
.wjfck01 section p br {display:none;}
.wjfck01 section h1 strong, .wjfck01 section h1 span {display:block;}
.wjfck01 section h1 span {font-size:35px;}
.wjfck01 section p {font-size:14px; line-height:26px;}



/* 서브04 */
.sub04 #tabs > ul li {width:48%; float:left; display:block; font-size:13px; margin:5px auto;}
.sub04 #tabs > ul li:nth-child(even) {float:right;}



/* 서브05 */
.sub05_section section {width:100%;}
.sub05_section section p span br {display:none;}
.ehddmltj01 h5 {font-size:14px; line-height:27px;}
.ehddmltj01 li {line-height:27px; font-size:14px;}
.table05_form th, .table05_form td {padding:10px; font-size:14px;}
.table05_form td input, .table05_form td select, .table05_form td label, .table05_form td label strong {font-size:14px;}
.table05_form td input[type=text] {width:calc(100% - 22px);}
.table05_form td select {display:block; margin:5px 0; width:100%;}
.table05_form td input[type=submit] {Width:100%;}
.table05_form td label {display:block;}
.table05_form .input_block span b {display:none;}
.table05_form td label input, .table05_form td label strong {height:35px; line-height:35px;}



.dldydwjfck00 {display:flex; flex-wrap:wrap; gap:20px;}
.dldydwjfck00 section, .dldydwjfck00 h2 {width:100%; text-align:center; margin:0 auto;}
.dldydwjfck00 h2 img {width:30px; transform:rotate(90deg); margin:0 auto;}
.dldydwjfck00 section {padding:20px;}
.dldydwjfck00 section figure {width:50px; margin:0 auto;}
.dldydwjfck00 section h3 {font-size:23px;}
.dldydwjfck00 section h5 {margin:20px auto;}
.dldydwjfck00 section p {font-size:14px; line-height:24px; min-height:auto !important;}



.dldydwjfck02 {display:flex; flex-wrap:wrap; gap:20px;}
.dldydwjfck02 section, .dldydwjfck02 h2 {width:100%; text-align:center; margin:0 auto;}
.dldydwjfck02 h2 img {width:30px; transform:rotate(90deg); margin:0 auto;}
.dldydwjfck02 section {padding:20px;}
.dldydwjfck02 section figure {width:50px; margin:0 auto;}
.dldydwjfck02 section h3 {font-size:23px;}
.dldydwjfck02 section h5 {margin:20px auto;}
.dldydwjfck02 section p {font-size:14px; line-height:24px; min-height:auto !important;}




/* 서브06 */
.pic00 {width:90%;}
}