@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('http://fonts.cdnfonts.com/css/williwaw');
@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 {font-family:'S-CoreDream-3Light'; 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-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:'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;}
@font-face {font-family:'Williwaw'; font-style:normal; font-weight:400; src:url('https://fonts.cdnfonts.com/s/19637/Williwaw-Book.woff') format('woff');}
@font-face {font-family:'Pretendard-Thin'; src:url('https://cdn.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-Light'; src:url('https://cdn.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://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight:400; font-style:normal;}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
* {font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
br {font-family:'nanumgothic';}
 

*,body {margin:0; padding:0; scroll-behavior:smooth;}
body {font-family:'Pretendard';}
body#mainbody {background:url(/img/bodybg.jpg) repeat center;}
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,
body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd,legend,label,h1,h2,h3,h4,h5,h6, div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative;}
label,button,input[type=button],input[type=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;}
.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;}
#jy_pop123123 {position:absolute; top:100px; left:0; z-index:911026;}






/* ====== 공통 ====== */
/* 헤더 */
header {width:100%; top:0; left:0; height:80px; z-index:999;}
header::after {content:"";}
.addition {width:100%; padding:23px 0; height:34px;}
.addition > h1 {position:absolute; left:20px; z-index:90;;}
.fixed1 {position:absolute; z-index:999; height:30px; top:27px; right:20px; cursor:pointer;}
#sidebar {width:calc(100% - 40px); height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:999999999999;}
#sidebar > h3 {width:150px;}
#sidebar > h3 img {width:100%;}
#sidebar > .nav_btn01 {overflow:hidden; text-align:Center; width:100%; margin:20px auto;}
#sidebar > .nav_btn01 > li {display:inline-block; width:calc(31% - 2px); height:40px; line-height:40px; text-align:center; font-size:14px; border:1px solid #ddd; text-transform:uppercase;}
#sidebar > .nav_btn01 > li:first-child {border:1px solid #333; background:#333;}
#sidebar > .nav_btn01 > li:nth-child(2) {margin:0 2%;}
#sidebar > .nav_btn01 > li a {color:#333;}
#sidebar > .nav_btn01 > li:first-child a {color:#fff;}
#login_joinus {display:none;}

.h1_nav01 {font-size:10px; color:#333; font-weight:500; margin:40px auto 0 auto; text-transform:uppercase; padding:0 0 10px 0; border-bottom:1px solid #333;}
.tuxedo-menu.tuxedo-menu-fixed {position:fixed; top:0; left:0; padding:0 20px; overflow:auto; z-index:11919911026; opacity:1;}
.tuxedo-menu {background:#fafafa; -webkit-animation-duration:200ms; animation-duration:200ms; display:none;}
.tuxedo-menu.tuxedo-menu-visible {display:block;}
.navXbtn01 {margin:20px auto 0 auto; text-align:right;}
.navXbtn01 img {width:30px; height:30px;}
.nav_cate01 {width:100%; margin:0 auto; text-transform:uppercase;}
.nav_cate01 > li, .nav_cate01 > li.active {font-size:15px; background:#fff url(/img/mobilenav_bar01.png) no-repeat 95% 23px; background-size:15px;}
.nav_cate01 > li.active {background:#fff url(/img/mobilenav_bar02.png) no-repeat 95% 23px; background-size:15px;}
.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee; font-weight:500;}
.nav_cate01 a {display:block; padding:0 5%; border-bottom:1px solid #ddd; width:90%; height:60px; line-height:60px;}
.nav_cate01 li:last-child.subgnb01 > li:last-child {border-bottom:none;}
.subgnb01 > li {background:#fbfbfb; font-size:13px; font-weight:normal;}
.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.subgnb01 > li > a {color:#333;}
.section_ma02cscenter {background:#fff; text-align:center; margin:5px auto 30px auto;}
.section_ma02cscenter > h1 {height:23px; overflow:Hidden;}
.section_ma02cscenter > h1 strong {display:block; font-size:18px; color:#111; float:left;}
.section_ma02cscenter > h1 span {display:block; color:#999; letter-spacing:0.2em; margin:0 0 0 8px; font-size:10px; font-weight:100; float:left; line-height:18px;}
.section_ma02cscenter div {overflow:Hidden; text-align:center; margin:15px auto 20px auto;}
.section_ma02cscenter div h1 {font-size:30px; letter-spacing:-0.05em; font-weight:900; line-height:38px; color:#10736d;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#10736d; vertical-align:top; line-height:50px; font-family:'GmarketSansBold';}
.section_ma02cscenter div h1 a img {vertical-align:middle; padding:0 10px 0 0;}
.section_ma02cscenter ul {width:95%; overflow:Hidden; margin:10px auto 0 auto; text-align:center;}
.section_ma02cscenter ul li {font-size:13px; color:#333; letter-spacing:-0.05em; vertical-align:top; display:inline-block; margin:0 10px 0 0;}
.section_ma02cscenter ul li:nth-child(odd) {font-weight:600; margin:0 5px 0 0;}
.section_ma02cscenter p {font-size:13px; text-align:center; letter-spacing:-0.1em;}
.section_ma02cscenter h3 {background:#10736d; color:#fff; text-align:center; margin:20px auto 0 auto; font-size:18px; padding:10px; font-weight:500; border-radius:30px; width:70%;}
.section_ma02cscenter h3 a {Color:#fff;}


/* 푸터 */
footer {width:100%; background:#233028; padding:60px 0; overflow:hidden;}
footer ul {overflow:hidden; padding:0 0 30px 0; border-bottom:1px solid #fff; text-align:center;}
footer ul li {display:inline-block; font-weight:400; font-size:15px; vertical-align:top;}
footer ul li a {color:#fff;}
footer section {margin:20px 0 0 0;}
footer section > div {margin:30px 0 0 0;}
footer section article p {font-size:15px; color:#fff; line-height:26px;}
footer section article p strong, footer section article span {display:inline-block; vertical-align:top;}
footer section article p span {color:#ddd; margin:0 30px 0 10px;}
footer > div > h3 {font-size:15px; color:#fff; font-weight:400; margin:10px 0 0 0;}
footer .footerrhror {color:#fff; font-size:15px;}
footer .footerrhror h3 {font-size:15px;}
footer .footerrhror p {color:#ddd; margin:10px 0 0 0; font-weight:400;}




/* 플로팅메뉴 */
#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:#00aeb2; 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;}



/* ====== 메인 ====== */
/* 비주얼 */
#navigation {display:none;}
#mainvisual_new {display:none;}
.container > ul {display:none;}
.flex-control-paging {display:none;}
.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:28px; height:58px;}
.flex-nav-prev {background:url(/img/main01arrow01.png) no-repeat; left:10px;}
.flex-nav-next {background:url(/img/main01arrow02.png) no-repeat; right:10px;}
.slides li img {width:100%;}


/* 메인02 */
#main02 {width:100%; overflow:hidden; margin:50px auto 0 auto;}
#main02 h2 {font-size:28px; letter-spacing:-0.05em; color:#444; font-weight:400;}
#main02 h2 strong {font-weighT:900;}
#main02 > div > div {margin:30px auto 0 auto;}
#main02 section {width:calc(100% - 50px); padding:25px; float:left;}
#main02 section:first-child {background:url(/img/main02bg01tab.jpg) no-repeat center right;}
#main02 section:nth-child(2) {background:url(/img/main02bg02tab.jpg) no-repeat center right; margin:20px auto;}
#main02 section:nth-child(3) {background:url(/img/main02bg03tab.jpg) no-repeat center right;}
#main02 section a {width:100%; height:100%; display:block; transition:opacity 0.5s;}
#main02 section a:hover {opacity:0.5;}
#main02 section h3 {text-transform:uppercase; font-size:11px; font-family:'GmarketSansMedium'; opacity:0.7;}
#main02 section:first-child h3 {color:#506661;}
#main02 section:nth-child(2) h3 {color:#445680;}
#main02 section:nth-child(3) h3 {color:#854522;}
#main02 section h1 {font-size:32px; letter-spacing:-0.05em; margin:15px 0; font-family:'Pretendard-Regular';}
#main02 section:first-child h1 {color:#1e584c;}
#main02 section:nth-child(2) h1 {color:#294ea0;}
#main02 section:nth-child(3) h1 {color:#9c2b0d;}
#main02 section p {font-size:15px; color:#262828; line-height:25px;}


/* 메인03 */
#main03 {width:100%; overflow:hidden; margin:30px auto 0 auto;}
#main03 > div {margin:0 auto; width:90%; background:url(/img/main03bg01.jpg);}
#main03 > div article {color:#fff;}
#main03 > div article h3 {font-size:20px; opacity:0.8; font-family:'Pretendard-Thin'; font-weight:400;}
#main03 > div article h1 {font-size:40px; font-weight:400; letter-spacinG:-0.07em; font-family:'Pretendard-Thin'; margin:15px 0 0 0;}
#main03 > div article h1 strong {font-family:'Pretendard-Light'; font-weight:600;}
#main03 > div a {display:block; color:#fff; height:58px; line-height:58px; width:218px; text-align:Center; font-size:17px; letter-spacing:-0.05em; border:1px solid #fff; margin:13px 0; transition:background 0.5s, color 0.5s;}
#main03 > div a:hover {background:#fff; color:#333;}


/* 메인04 */
#main04 {width:100%; margin:20px auto 0 auto; overflow:hidden;}
#main04 figure {}
#main04 figure img {width:100%;}
#main04 > div > div {margin:15px auto 0 auto;}
#main04 article h1 {font-family:'Pretendard-Thin'; font-size:40px; letter-spacing:-0.05em; color:#333; font-weight:100; margin:10px 0 0 0;}
#main04 article h1 strong {font-family:'Pretendard'; font-weight:700;}
#main04 p {font-size:18px; color:#6f6f6f; line-height:31px; letter-spacing:-0.05em; text-align:Center;}


/* 메인05 */
#main05 {margin:50px auto; overflow:hidden; width:100%;}
#main05 h2 {font-size:28px; letter-spacing:-0.05em; color:#444; font-weight:400;}
#main05 h2 strong {font-weighT:900;}
#main05 > div > div {margin:30px auto 0 auto;}
#main05 section {padding:30px 20px; background:#f8f8f8; overflow:hidden;}
#main05 section h3 {overflow:hidden; color:#333;}
#main05 section h3 strong {font-weight:200; display:block; float:left; font-family:'Pretendard';}
#main05 section h3 strong b {font-weight:600;}
#main05 section h3 a {display:block; float:right; font-size:11px; color:#666;}
#main05 section ul {overflow:hidden; margin:10px 0 0 0;}
#main05 section li {overflow:hidden; font-size:15px; line-heighT:35px;}
#main05 section li strong {display:block; float:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; background:url(/img/bullet01.png) no-repeat left center; color:#333; width:calc(100% - 100px); padding:0 0 0 10px; overflow:hidden;}
#main05 section span {float:right; color:#555; font-size:11px; width:65px;}
#main05 section:nth-child(2) {background:#fff;}


/* 메인06 */
#main06 {width:100%; padding:65px 0; background:#f7f8f7; overflow:hidden;}
#main06 section {padding:40px 35px; background:rgba(255,255,255,0.9); width:570px; float:left;}
#main06 section:nth-child(2) {float:right;}
#main06 section > h1:first-child {overflow:hidden; line-height:32px; margin:0 auto 30px auto;}
#main06 section > h1:first-child strong, #main06 section > h1:first-child span {display:block;}
#main06 section > h1:first-child strong {float:left; font-size:23px; font-weight:500; letter-spacing:-0.05em;}
#main06 section > h1:first-child strong a {color:#333;}
#main06 section > h1:first-child span {font-family:'GmarketSansBold'; opacity:0.5; color:#222; font-size:10px; text-transform:uppercase; float:right; text-align:right;}
#main06section01 ul {overflow:hidden;}
#main06section01 ul li {width:calc(100% - 2px); border:1px solid #eee; heighT:44px; line-height:44px; overflow:hidden; background:#fff; margin:0 0 13px 0;}
#main06section01 ul li strong {display:block; float:left; padding:0 15px; background:url(/img/bar04.jpg) no-repeat right center; font-size:15px; font-weight:400; width:100px;}
#main06section01 ul li > input, #main06section01 ul li select {width:calc(100% - 130px); float:left; border:none; height:43px; display:block;}
#main06section01 ul li > span {margin:0 0 0 10px;}
#main06section01 ul li > span label {font-size:13px; margin:0 5px 0 0;}
#main06section01 ul li select {font-size:15px;}
#main06section01 > article {font-size:13px; margin:10px 0 0 0;}
#main06section01 > article label {margin:0 30px 0 0;}
#main06section01 > article input {border:1px solid #ddd; top:1px; margin:0 6px 0 0;}
#main06section01 > a {width:100%; margin:20px auto 0 auto; text-align:center; height:55px; line-height:55px; color:#fff; background:#4b8970; display:block;}
#main06section01 > a:nth-of-type(2) {background:#fff; color:#4b8970; border:1px solid #4b8970;}
#main06section02 h1:first-child {margin:0 0 20px 0 !important;}
#main06section02 ul {overflow:hidden; border-top:1px solid #eee; width:100%; padding:10px 0 0 0;}
#main06section02 li {overflow:hidden; font-size:15px; line-heighT:42px;}
#main06section02 li strong {display:block; float:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; background:url(/img/bullet01.png) no-repeat left center; color:#555; width:calc(100% - 100px); padding:0 0 0 10px; overflow:hidden;}
#main06section02 span {float:right; color:#555; font-size:11px; width:65px;}
#main06section02 span a {color:#555;}


/* ====== 서브 ====== */
/* 공통 */
#subvisual {width:100%; text-align:center; overflow:Hidden; background:url(/img/subvisbg.jpg) center; background-size:100% 100%;}
.subvis00 {text-align:left; padding:70px 0;}
.subvis00 div h3 {color:#fff; opacity:0.5; font-size:15px; font-weight:100;}
.subvis00 div h1 {font-size:66px; color:#fff; padding:25px 0 35px 0; background:url(/img/bar05.png) no-repeat left bottom; font-weight:600; height:58px; line-height:59px; letter-spacing:-0.07em;}
.subvis00 div p {font-size:19px; line-height:31px; color:#fff; font-weight:300; margin:30px 0 0 0;}
.subvis01 {background:url(/img/subvis01.png) no-repeat 90% -70px;}
.subvis02 {background:url(/img/subvis02.png) no-repeat 90% -70px;}
.subvis03 {background:url(/img/subvis03.png) no-repeat 90% -120px;}
.subvis04 {background:url(/img/subvis04.png) no-repeat 90% 10px;}
.subvis05 {background:url(/img/subvis05.png) no-repeat 80% 40px;}
.subvis06 {background:url(/img/subvis06.png) no-repeat 81% 10px;}
.subvis07 {background:url(/img/subvis07.png) no-repeat 80% 0px;}
.subvis08 {background:url(/img/subvis08.png) no-repeat 80% -40px;}
#subpage {width:100%; overflow:hidden; margin:80px auto;}
#subpage > hgroup {text-align:center; width:90%; margin:0 auto;}
#subpage > hgroup h3 {font-size:13px; color:#207f39; font-weight:400; letter-spacinG:0.5em;}
#subpage > hgroup h1 {font-size:45px; letter-spacing:-0.07em; padding:15px 0 90px 0; background:url(/img/bar03.png) no-repeat center bottom; color:#0b5960; font-weight:600;}
.h1title {overflow:hidden; height:60px; line-height:60px; margin:50px 0 0 0;}
.h1title span {display:block; float:left; width:2px; height:60px; line-height:60px; background:#000;}
.h1title strong {display:block; float:left; margin:0 0 0 10px; font-size:18px; font-weight:400;}
.sub00 {margin:50px auto 0 auto; overflow:hidden; width:90%;}


/* 서브01 */
.sub0101 {overflow:Hidden;}
.sub0101 hgroup {}
.sub0101 hgroup h3 {font-size:20px; letter-spacing:-0.07em; color:#4d6062; font-weight:400;}
.sub0101 hgroup h1 {font-size:45px; letter-spacing:-0.07em; color:#207f39; margin:10px 0 0 0; font-weight:400;}
.sub0101 figure {margin:30px auto;}
.sub0101 article {text-align:; line-height:32px; font-size:18px; color:#444845; letter-spacing:-0.07em;}
.sub0101 > p {text-align:center; font-size:15px; padding:20px 0; border-bottom:1px solid #ddd;}
.sub0101 > p strong {display:inline-block; margin:0 20px; font-weight:400;}
.sub0101 > p strong b {font-weight:600; padding:0 10px 0 0;}
#daumRoughmapContainer1657172110252 {width:100%;}


/* 서브02 */
.sub0201 {}
.sub0201 section {text-align:center; border:1px dashed #ddd; border-top:2px solid #207f39; padding:20px; margin:0 0 30px 0; width:calc(100% - 42px);}
.sub0201 section figure img {max-width:100%;}
.sub0201 section h3 {font-size:24px; color:#207f39; margin:20px auto; background:url(/img/bar02.png) repeat-x left 17px; display:inline-block; padding:0 3px;}
.sub0201 section p {font-size:16px; line-height:26px; color:#555;}


/* 서브03 */
.sub0301 {}
.sub0301 figure img {max-width:100%;}
.sub0301 article {padding:20px; background:#f8f8f8; color:#333; font-size:16px; line-height:30px; text-align:center; margin:10px auto 50px auto;}


/* 서브04 */
.sub0401 {}
.sub0401 section {padding:20px; text-align:center; background:#e8fbed; margin:30px auto 0 auto;}
.sub0401 section:first-child {margin:0;}
.sub0401 section h1 {font-size:16px; color:#207f39; margin:10px auto; font-weight:400;}
.sub0401 section h3 {font-size:20px; color:#333; font-weight:600; letter-spacing:-0.07em;}
.sub0401 section figure img {width:100px;}


/* 서브08 */
.sub0801 {}
.sub0801 div section {padding:20px; text-align:center; background:#e8fbed; margin:30px auto 0 auto;}
.sub0801 div section:first-child {margin:0;}
.sub0801 div section h1 {font-size:16px; color:#207f39; margin:10px auto; font-weight:400;}
.sub0801 div section h3 {font-size:20px; color:#333; font-weight:600; letter-spacing:-0.07em;}
.sub0801 div section figure img {width:100px;}
.sub0801 #main06section01 {border:1px solid #ddd; padding:30px;}




/* 개인정보처리방침 */
.sub0901 {margin:50px auto; overflow:hidden;}
.sub0901 h1 {font-size:30px; font-weight:100; letter-spacing:-0.07em; color:#333;}
.sub0901_con {text-align:left; width:100%; margin:0 auto; overflow:hidden; font-family:'Pretendard-Regular';}
.sub0901_con > p {line-height:30px; margin:30px auto 0 auto; font-size:15px;}
.sub0901_con > p strong {font-size:17px; color:#000; font-weight:600;}
.sub0901_con > section {margin:30px auto 0 auto; border:1px solid #ddd; padding:30px; line-height:33px; font-size:15px; color:#222; background:#f9f9f9;}
.sub0901_con > h3 {font-size:22px; color:#333; margin:60px 0 0 0;}
.sub0901_con > h3:first-child {margin:0;}
.sub0901_con > article {overflow:hidden; margin:15px 0 0 0;}
.sub0901_con > article p {font-size:15px; line-height:25px; color:#777;}
.sub0901_con > article h4 {color:#2779ce; margin:25px 0 10px 0; font-size:17px;}
.sub0901_con > article h2 {font-size:17px; color:#444;}
.sub0901_con > article li {line-height:30px; font-size:15px; color:#444; background:url(/img/bullet011_.jpg) no-repeat left 13px; padding:0 0 0 7px;}
.tablemember0112 {width:100%; margin:30px auto 0 auto; border-top:2px solid #333; border-left:1px solid #eee;}
.tablemember0112 th, .tablemember0112 td {padding:20px; text-align:center; color:#333; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.tablemember0112 th {background:#f9f9f9; color:#222;}








/* ============= 반응형 ============= */
@media screen and (min-width:1300px)
{
body, html {height:100%; margin:0;}
.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:100%; right:30px; top:100px;}
#jy_pop123123 > div {z-index:1000; position:absolute; top:0;}
#divpop3aa {left:500px;}



/* ====== 공통 ====== */
/* 헤더 */
header {height:auto; background:none; margin:0 auto; position:relative;}
header::after {content:"";}
.container {width:100%; padding:0; margin:0 auto;}
.container h1, .container ul, .container p {position:relative; top:0;}
.container h1 {float:left; margin:36px 0; height:34px; left:50px; width:145px; z-index:999999999999;}
.container p {float:right; width:45px; right:0; position:absolute; top:37px;}
.nav_cate01 > li > a {line-height:60px; height:60px; font-size:20px; text-align:left;}
.navXbtn01 img {width:50px; height:50px; cursor:pointer;}
#login_joinus {display:block; position:absolute; right:50px; top:38px; z-index:999999999999;}
#login_joinus li {font-size:15px; display:inline-block; text-transform:uppercase; margin:0 0 10px; background:#fff; padding:3px;}
#login_joinus li a {color:#4b8970;}
#sidebar {width:calc(100% - 40px);}
#navigation {width:100%; margin:0 auto; z-index:97; display:block; position:absolute;}
.navul01 {width:100% ; margin:44px auto; text-align:center; overflow:Hidden; float:left; text-align:Center;}
.navul01 li {font-size:16px; display:inline-block; padding:0 28px;}
.navul01 li a {color:#333; display:block;}
.navulsub01 {background:rgba(255,255,255,0.9); width:100%; padding:35px 0; overflow:Hidden; display:none;}
.navulsub01 > div {text-align:center; overflow:hidden;}
.navulsub01 ul {display:inline-block; margin:0 50px; vertical-align:top; text-align:center;}
.navulsub01 ul li:first-child, .navulsub01 ul li:first-child a {font-size:17px; margin:0 0 10px 0; font-weight:600; color:#222;}
.navulsub01 ul li {line-height:30px;}
.navulsub01 ul li a {color:#333; font-size:15px; margin:3px 0 0 0; padding:2px;}
.navulsub01 ul li a:hover {color:#fff; background:#4b8970;}
.fixed1 {display:none;}


/* 푸터 */
footer ul li {margin:0 10px 0 0;}
footer section article {float:left;}
footer ul {text-align:left;}
footer .footerrhror {float:right;}
footer section article p > br, footer section article p > span br {display:none;}



/* ====== 메인 ====== */
/* 비주얼 */
#main01 {width:100%; height:720px; margin:80px auto 0 auto; overflow:hidden;}
#mobile_mainvisual {display:none;}
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; width:100%; height:720px !important; z-index:950; display:block;}
#mainvisual_new #mainslides {width:100%; height:720px !important;}
#mainvisual_new .slidesjs-container {width:100% !important; height:720px !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:720px !important;}
#mainvisual_new .slidesjs-control li {text-align:center;}
#mainvisual_new .slidesjs-control li:first-child {z-index:99 !important;}
#mainvisual_new .slidesjs-control li:nth-child(2) {z-index:98 !important;}
#mainvisual_new .slidesjs-control li:nth-child(3) {z-index:97 !important;}
#mainvisual_new .slidesjs-control li:nth-child(4) {z-index:96 !important;}
#mainvisual_new .slidesjs-control li:nth-child(5) {z-index:95 !important;}
#mainvisual_new .slidesjs-control li:nth-child(6) {z-index:94 !important;}
#mainvisual_new .slidesjs-control li > img {width:100% !important; height:720px;}
#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;}
#mainvisual_new .slidesjs-pagination li a {width:24px; height:24px; color:#fff; z-index:100; font-size:0; background:url(/img/bullet02.png) no-repeat center; display:Block; margin:0 0 0 8px;}
#mainvisual_new .slidesjs-pagination li a.active {background:url(/img/bullet01.png) no-repeat center;}
#mainvisual_new .slidesjs-navigation {display:block; position:absolute; top:336px; z-index:310; font-size:0; width:50px; height:50px;}
#mainvisual_new .slidesjs-previous {background:url(/img/mainarrow_left.png) no-repeat center; left:30px;}
#mainvisual_new .slidesjs-next {background:url(/img/mainarrow_right.png) no-repeat center; right:30px;}
.maintxt {width:100%; position:absolute; z-index:300; overflow:hidden; color:#FFF; text-align:left; top:36px;}
.maintxt figure {width:1300px; margin:0 auto;}


/* 메인02 */
#main02 {margin:100px auto 0 auto;}
#main02 section {width:355px; padding:54px 30px; float:left;}
#main02 section:nth-child(2) {margin:0 27.5px;}
#main02 section:first-child {background:url(/img/main02bg01.jpg) no-repeat center;}
#main02 section:nth-child(2) {background:url(/img/main02bg02.jpg) no-repeat center;}
#main02 section:nth-child(3) {background:url(/img/main02bg03.jpg) no-repeat center;}


/* 메인03 */
#main03 > div {width:1120px; padding:66px 90px;}
#main03 > div article {float:left;}
#main03 > div a {float:right;}


/* 메인04 */
#main04 {text-align:center; margin:30px auto 0 auto;}


/* 메인05 */
#main05 section {width:390px; float:left;}
#main05 section:nth-child(2) {margin:0 5px;}


/* 메인06 */
#main06 section {padding:40px 35px; width:570px; float:left;}
#main06 #main06ulhalf li {width:calc(49% - 2px); float:left;}
#main06 #main06ulhalf li:nth-child(2) {float:right;}



/* ====== 서브 ====== */
/* 공통 */
.sub00 {width:1300px;}


/* 서브01 */
.sub0101 p br {display:none;}


/* 서브02 */
.sub0201 section {width:calc(49% - 62px); float:left; padding:30px; min-height:525px;}
.sub0201 section:nth-child(even) {float:right;}


/* 서브04 */
.sub0401 section {float:left; width:calc(24.25% - 40px); margin:0 0 0 1%;}
.sub0401 section:first-child {margin:0;}


/* 서브08 */
.sub0801 div section {float:left; width:calc(19% - 40px); margin:0 0 0 1%;}
.sub0801 div section:first-child {margin:0;}


/* 개인정보처리방침 */
.sub0901_con {width:1300px;}

}












@media screen and (min-width:769px) and (max-width:1199px)
{
/* ====== 공통 ====== */
img {max-width:100%;}
.container > ul {display:none;}


/* 푸터 */
footer ul li {margin:0 10px 0 0;}
footer ul {text-align:left;}
footer .footerrhror {margin:20px 0 0 0;}



/* ====== 메인 ====== */
/* 메인03 */
#main03 {margin:20px auto 0 auto;}
#main03 > div {width:calc(90% - 100px); padding:35px 50px;}
#main03 > div a {margin:30px 0 0 0;}


/* 메인05 */
#main05 section {width:calc(100% - 40px);}


/* 메인06 */
#main06 section {padding:40px; width:calc(100% - 80px); margin:0 auto 30px auto;}
#main06 #main06ulhalf li {width:calc(49% - 2px); float:left;}
#main06 #main06ulhalf li:nth-child(2) {float:right;}



/* ====== 서브 ====== */
/* 공통 */
.subvis01 {background:url(/img/subvis01.png) no-repeat 180% -40px; background-size:70%;}
.subvis02 {background:url(/img/subvis02.png) no-repeat 120% -40px; background-size:50%;}
.subvis03 {background:url(/img/subvis03.png) no-repeat 160% -60px; background-size:60%;}
.subvis04 {background:url(/img/subvis04.png) no-repeat 110% 0;		  background-size:50%;}
.subvis05 {background:url(/img/subvis05.png) no-repeat 110% 80px; background-size:55%;}
.subvis06 {background:url(/img/subvis06.png) no-repeat 100% 35px; background-size:45%;}
.subvis07 {background:url(/img/subvis07.png) no-repeat 130% 60px; background-size:60%;}
.subvis08 {background:url(/img/subvis08.png) no-repeat 120% -30px; background-size:50%;}


/* 서브01 */
.sub0101 article {font-size:15px; line-height:29px;}


/* 서브02 */
.sub0201 section:last-child {margin:0;}
}












@media screen and (min-width:0px) and (max-width:768px)
{
/* ====== 공통 ====== */
img {max-width:100%;}
footer {padding:30px 0;}
footer p, footer h3 {font-size:13px !important;}
footer section article p span {margin:0 0 0 10px;}
footer ul li {font-size:12px; margin:0 5px;}


/* ====== 메인 ====== */
/* 메인03 */
#main03 {margin:20px auto 0 auto;}
#main03 > div {width:calc(90% - 50px); padding:35px 25px;}
#main03 > div a {margin:30px 0 0 0;}
#main03 > div article h3 {font-size:15px;}
#main03 > div article h1 {font-size:28px; line-height:46px;}
#main03 > div article h1 strong {display:block;}


/* 메인04 */
#main04 > div > div {margin:0 auto;}
#main04 article h1 {font-size:20px;}
#main04 p {font-size:14px; line-height:25px; margin:10px 0 0 0;}
#main04 p br {display:none;}


/* 메인05 */
#main05 section {width:calc(100% - 40px);}


/* 메인06 */
#main06 section {padding:20px; width:calc(100% - 40px); margin:0 auto 30px auto;}
#main06 section > h1:first-child span {display:none;}



/* ====== 서브 ====== */
/* 공통 */
.subvis00 {padding:50px 0;}
.subvis00 div h1 {font-size:40px; line-height:38px; height:38px;}
.subvis00 div p {font-size:16px; line-height:27px;}
.subvis00 div p br {display:none;}
.subvis01, .subvis02, .subvis03, .subvis04, .subvis05, .subvis06, .subvis07, .subvis08 {background:none;}
#subpage {margin:40px auto;}
#subpage > hgroup h1 {font-size:40px;}


/* 서브01 */
.sub0101 article {font-size:15px; line-height:27px;}


/* 서브02 */
.sub0201 section:last-child {margin:0;}
.sub0201 section p {font-size:15px; line-heighT:25px;}


/* 서브03 */
.sub0301 article {font-size:15px; line-height:27px;}
.sub0301 article br {display:none;}


/* 서브08 */
.sub0401 div section figure img {width:70px;}
.sub0801 div section figure img {width:70px;}
.sub0801 #main06section01 {padding:15px;}


/* 개인정보처리방침 */
.sub0901_con > h3 {font-size:17px;}
.sub0901_con > article p {font-size:14px;}
}