@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); 
@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-2ExtraLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.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-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;}



*,body {margin:0; padding:0; scroll-behavior:smooth;}
body {font-family:'S-CoreDream-4Regular';}
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, .px1200 {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%; z-index:999;}
header::after {content:"";}
.addition {width:100%; padding:15px 0;}
.addition > h1 {}
.addition > h2 {text-align:center;}
.addition > h2 img {top:6px;}
.fixed1 {position:absolute; z-index:999; height:30px; top:23px; left: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:10px; 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:#246db8;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#246db8; vertical-align:top; line-height:58px;}
.section_ma02cscenter div h1 a img {width:50px; padding:0 10px 0 0;}
.section_ma02cscenter ul {width:95%; overflow:Hidden; margin:10px auto 0 auto; text-align:left;}
.section_ma02cscenter ul li {font-size:13px; color:#333; letter-spacing:-0.05em; vertical-align:top; display:inline-block; margin:0 10px 0 0;}
.section_ma02cscenter ul li:nth-child(odd) {font-weight:600; margin:3px 5px 0 0;}
.section_ma02cscenter p {font-size:13px; text-align:center; letter-spacing:-0.1em;}
.section_ma02cscenter h3 {background:#246db8; 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:#092b4d; overflow:hidden; text-align:Center; font-size:10px; color:#ddd; line-height:26px;}
footer article {font-size:13px; padding:30px 0; color:#fff;}
footer p {background:#0b1b3d; padding:20px 0; text-transform:uppercase;}
footer a {color:#ddd;}





/* 플로팅메뉴 */
#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;}
.btn_mainadmin {text-align:center; padding:5px 20px; color:#fff; background:rgba(0,0,0,0.56); border-radius:20px;}


/* 개인정보어쩌구 */
#fregister_private {width:100%; font-family:'S-CoreDream-3Light';}
#fregister_private div {padding:20px;background:#fff}
#fregister_private table {width:100%;border-collapse:collapse}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf}
#fregister_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0; font-size:13px; text-align:Center;}
#aback {display:block; width:200px; height:45px; line-height:45px; background:#333; border-radius:30px; color:#fff; text-align:Center; margin:20px auto;}




/* ====== 메인 ====== */
/* 메인공통 */
.hgroup_title {text-align:center; overflow:hidden; width:90%; margin:0 auto;}
.hgroup_title h1 {font-size:40px; color:#000; font-weight:400; line-height:34px; height:30px;}
.hgroup_title h3 {font-size:17px; color:#444; margin:30px auto 0 auto; font-weight:600; line-height:30px;}
.bluegrennAtag {display:block; width:235px; height:58px; line-height:58px; font-size:18px; background:url(/img/atagbg02.png) no-repeat center; text-align:Center;color:#00aeb2; margin:40px auto 0 auto;font-weight:600; background-size:100%;}
.bluegrennAtag span {font-size:10px;}

.main00 > hgroup {text-align:center;}
.main00 > hgroup h1 {font-size:50px; padding:50px 0 0 0;}
.main00 > hgroup h3 {Font-weight:400; letter-spacing:-0.07em; background:url(/img/bar06.jpg) no-repeat center top; padding:30px 0 0 0; margin:30px auto 0 auto; color:#555; line-height:30px; font-size:16px;}


/* 비주얼 */
#mainvisual_new {z-index:950;}
#mainvisual_new .slidesjs-control li {text-align:center;}
#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:48px; height:4px; 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;}

.maintxt {width:100%; position:absolute; z-index:300; overflow:hidden; color:#FFF; text-align:left;}
.maintxt h3 {font-weight:400; color:#fff; font-family:'S-CoreDream-7ExtraBold'; letter-spacing:-0.07em; background:url(/img/bar02.png) no-repeat center left;}
.maintxt p {color:#7cbaff; font-weighT:400; font-family:'S-CoreDream-3Light';}
.maintxt p strong {}
.maintxt a {display:block; width:235px; height:58px; line-height:58px; font-size:18px; background:url(/img/atagbg01.png) no-repeat center; text-align:Center;color:#fff;background-size:100%;}
.maintxt a span {font-size:10px;}
#snsicons {position:absolute; right:30px; bottom:250px; z-index:99999;}
#snsicons li {display:inline-block; margin:0 0 0 10px;}


/* 메인02 */
#main02 {padding:80px 5% 5% 5%; overflow:hidden; text-align:center; width:90%; margin:0 auto;}
#main02 > figure {background:url(/img/bar06.jpg) no-repeat center bottom; padding:0 0 40px 0;}
#main02 > article {margin:40px auto 0 auto; font-family:'S-CoreDream-3Light'; font-size:17px; line-height:35px; color:#444; font-weight:400; letter-spacing:-0.07em;}
#main02 ul {text-align:Center; overflow:hidden; margin:60px auto 0 auto;}
#main02 li {width:50%; float:left;}
#main02 li img {width:100%; display:Block;}




/* 메인03 */
#main03 {width:100%; margin:0 auto; padding:80px 0; overflow:hidden; background:#f6fcff; background-size:cover;}
#main03 > hgroup h1 {color:#1d325c; background:url(/img/main03title.png) no-repeat center top;}
.ul_main03 {margin:50px auto 0 auto; overflow:Hidden; width:90%;}
.ul_main03 li {background:#fff; border:1px dashed #ddd; border-top:2px solid #1d325c; padding:25px; text-align:center; margin:15px auto;}
.ul_main03 li figure img {width:100%; display:Block;}
.ul_main03 li strong, .ul_main03 li span {Display:block;}
.ul_main03 li span {margin:20px auto 10px auto; text-transform:uppercase; font-size:10px; letter-spacing:0.02em; color:#888;}
.ul_main03 li strong {font-size:18px; color:#333; letter-spacing:-0.05em;}



/* 메인04 */
#main04 {width:100%; margin:0 auto; padding:80px 0; overflow:hidden; background:url(/img/bg02.jpg);}
#main04 figure {margin:40px auto 20px auto; width:90%; text-align:Center;}
#main04 figure img {width:100%;}
#main04 > hgroup h1 {background:url(/img/main04title.png) no-repeat center top;}
.ul_main04 {margin:0 auto; overflow:hidden; text-align:center;}
.ul_main04 li {display:inline-block; text-align:center; width:300px; height:45px; line-height:45px; background:#333;}
.ul_main04 li a {display:Block; color:#fff;}
.ul_main04 li:first-child {background:#223d75;}
.ul_main04 li:nth-child(2) {background:#255776;}





/* 메인05 */
#main05 {width:100%; margin:0 auto; padding:80px 0 0 0; overflow:hidden;}
#main05 > hgroup {text-align:center; color:#303b43; letter-spacing:-0.05em; background:url(/img/symbol03.png) no-repeat center top; padding:70px 0 0 0;}
#main05 > hgroup h1 {font-size:45px; font-family:'S-CoreDream-7ExtraBold'; letter-spacing:-0.07em; font-weight:600;}
#main05 > hgroup h3 {font-weight:100; font-family:'S-CoreDream-3Light'; font-size:21px; color:#303b43; margin:40px auto 0 auto;}
#main05 > ul {overflow:hidden; width:90%; margin:40px auto 0 auto;}
#main05 > ul li {text-align:center; font-family:'S-CoreDream-4Regular'; margin:40px auto 0 auto;}
#main05 > ul li h3 {font-size:13px; color:#595959; font-weight:400; text-transform:uppercase; letter-spacing:0.2em; margin:20px auto 0 auto;}
#main05 > ul li h1 {font-size:22px; color:#000; font-weight:400; margin:5px auto 0 auto; padding:0 0 20px 0; border-bottom:1px solid #eee;}
#main05 > ul li img {width:100%;}
#main05 > div {overflow:hidden; width:90%; margin:0 auto;}
#main05 > div > a {float:right; background:#333; padding:10px; color:#fff;}



/* 메인06 */
#main06 {width:100%; margin:0 auto; padding:30px 0 80px 0; overflow:hidden;}
#main06 > hgroup {text-align:center; color:#000; letter-spacing:-0.05em;}
#main06 > hgroup h1 {font-size:30px; font-family:'S-CoreDream-3Light'; letter-spacing:-0.07em; font-weight:600;}
.main06_border {border-top:1px solid #eee; border-bottom:1px solid #eee; margin:30px auto 0 auto; height:50px; padding:20px 0;}
.ekdcjacnrgk01 {text-align:center;}
.ekdcjacnrgk01 .slick-slide > div > div {line-height:50px;}
.ekdcjacnrgk01 .slick-slide > div > div img {vertical-align:middle; max-width:70%;}
.ekdcjacnrgk01 .slick-dots {width:100%; position:absolute; bottom:20px;}
.ekdcjacnrgk01 .slick-dots li {width:24px; height:24px; color:#fff; z-index:100; font-size:0; background:url(/img/bullet03.png) no-repeat center; display:inline-Block; margin:0 0 0 8px; cursor:pointer;}
.ekdcjacnrgk01 .slick-dots li button {border:none; font-size:0;}
.ekdcjacnrgk01 .slick-dots li.slick-active {background:url(/img/bullet04.png) no-repeat center;}
.ekdcjacnrgk01 .slick-next, .ekdcjacnrgk01 .slick-prev {width:50px; height:50px; position:absolute; top:0; font-size:0; border:none; z-index:150;}
.slick-prev {left:10px; background:url(/img/main06arrowLEFT.jpg) no-repeat;}
.slick-next {right:10px; background:url(/img/main06arrowRIGHT.jpg) no-repeat right;}



/* 메인07 */
#main07 {width:100%; margin:60px auto 0 auto; overflow:hidden; font-family:'S-CoreDream-3Light'; background:#0d437a;}
.main07_title {overflow:hidden; background:url(/img/bar04.png) no-repeat left bottom; padding:0 0 55px 0;}
.main07_title h1 {Float:left; font-weight:100;}
.main07_title h1 strong {display:block; color:#fff; font-family:'S-CoreDream-7ExtraBold'; letter-spacing:-0.07em; font-weight:600; font-size:43px; line-height:49px; height:40px;}
.main07_title h1 span {display:block; font-size:17px; color:#fff; opacity:0.5; margin:22px 0 0 0;}
.main07_title article {float:right; overflow:Hidden;}
.main07_title article figure {Float:left;}
.main07_title article p {float:left; margin:0 0 0 10px;}
.main07_title article p span, .main07_title article p strong {display:block; color:#fff;}
.main07_title article p strong {color:#ffe04d; font-size:34px; font-family:'S-CoreDream-7ExtraBold'; letter-spacing:-0.05em;}
.main07_LEFT > p {font-size:15px; line-height:28px; color:#fff; margin:40px 0;}
.main07_LEFT > ul {text-align:Center; width:100%; overflow:Hidden;}
.main07_LEFT > ul li {background:#0a3662; height:56px; padding:0 15px; line-height:56px; color:#fff; text-align:left; font-size:15px; overflow:Hidden;}
.main07_LEFT > ul li strong {font-size:14px; display:block; float:left; background:url(/img/bar05.png) no-repeat right center; padding:0 10px 0 0; width:85px; letter-spacing:-0.07em;}
.main07_LEFT > ul li input {width:calc(100% - 110px); height:100%; border:none; line-height:56px; float:left; display:Block; background:none; color:#fff; outline:none; padding:0 0 0 10px;}
.main07_LEFT > ul li select {width:calc(100% - 110px); height:100%; border:none; line-height:56px; float:left; display:Block; background:none; color:#fff; outline:none; padding:0 0 0 10px;}
.main07_LEFT > ul li select option {color:#333;}
.main07_LEFT > article {height:200px; margin:20px 0 0 0; background:#0a3662; padding:0 10px; line-height:56px; color:#fff; text-align:left; font-size:14px; overflow:Hidden;}
.main07_LEFT > article h3 {display:block; float:left; background:url(/img/bar05.png) no-repeat right center; padding:0 10px 0 0; width:85px; font-weight:400; font-size:14px;}
.main07_LEFT > article textarea {height:100%; width:calc(100% - 110px); border:none; line-height:30px; float:left; display:Block; background:none; color:#fff; outline:none; padding:0 0 0 10px; font-family:'S-CoreDream-3Light';}
.main07_LEFT > form {margin:15px auto 0 auto;}
.main07_LEFT > form label {color:#fff; font-size:13px;}
.main07_LEFT > form a {color:#fff; text-decoration:underline;}
.main07_LEFT > .chk01wrap {font-size:13px; margin:10px 0 0 0;}
.main07_LEFT > .chk01wrap label {color:#fff;}
.main07_LEFT > .chk01wrap a {color:#fff; text-decoration:underline;}
.main07_LEFT > a {display:block; margin:40px auto 0 auto; text-align:Center; width:200px; height:55px; line-height:55px; border-radius:50px; background:rgba(255,255,255,0.1); color:#fff;}
#daumRoughmapContainer1668392669381 {width:100% !important;}
















/* ============= 반응형 ============= */
@media screen and (min-width:1201px)
{
.sub00 {margin:50px auto 0 auto; width:1200px;}
.px1200_02 {width:100%; margin:0 auto;}
}



@media screen and (min-width:1200px)
{
body, html {height:100%; margin:0;}
.px1200 {width:1200px; margin:0 auto;}
.px1200_02 {width:1200px; 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 {right:0;}

#cesco_PC {display:block; position:fixed; right:30px; bottom:10px; z-index:9999;}
#cesco_M {display:none;}
.fixed1 {display:none;}




/* ====== 공통 ====== */
/* 헤더 */
header {width:100%; position:absolute; top:0; left:0; z-index:999; height:auto; background:none; margin:0 auto;}
.addition > h2 {display:none;}
.container {width:100%; padding:0; margin:0 auto;}
.container h1, .container ul, .container p {position:relative; top:0;}
.container h1 {width:100%; text-align:center; heighT:80px; margin:25px auto;}
.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;}

#sidebar {width:calc(100% - 40px);}
#navigation {width:100%; height:60px; line-height:60px; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); margin:0 auto; z-index:97; display:block;}
.navul01 {width:1200px; background:url(/img/bar01.png) no-repeat left center; margin:0 auto; text-align:center; overflow:Hidden;text-align:Center; font-family:'S-CoreDream-3Light';}
.navul01 li {font-size:16px; background:url(/img/bar01.png) no-repeat right center; text-transform:uppercase; width:200px; float:left; text-align:Center;}
.navul01 li a {color:#fff; 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 {font-size:15px; margin:0 0 10px 0; font-weight:900; color:#222;}
.navulsub01 ul li a {color:#333; font-size:13px; margin:3px 0 0 0;}
.navulsub01 ul li a:hover {color:#456bab;}
.change_top {background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; width:100%;}

#login_joinus {display:block; position:absolute; right:70px; top:38px; z-index:999999;}
#login_joinus li {font-size:10px; display:inline-block; text-transform:uppercase; margin:0 0 10px; background:#fff; padding:3px;}
#login_joinus li a {color:#333;}


/* PC버전사이드메뉴펼쳤을때수정 */
#sidebar > h3 {width:100%; text-align:center;}
#sidebar > h3 img {width:250px;}
.nav_btn01 {display:none;}
.metismenu.collapse {display:block !important;}
.nav_cate01 {text-align:Center;}
.nav_cate01 > li, .nav_cate01 > li.active {background:none; display:inline-block; vertical-align:top; text-align:left; width:30%; border-top:1px solid #eee; margin:30px 0.5%;}
.nav_cate01 > li > a {background:#f6fdfd;}
.nav_cate01 a {border-bottom:none; line-height:40px; height:40px;}
.subgnb01 > li {background:none;}
.h1_nav01 {display:none;}
.section_ma02cscenter {display:none;}
.nav_cate01 li:last-child.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.metismenu .collapse {display:block !important;}





/* ====== 메인 ====== */
/* 메인공통 */
.hgroup_title h3 br {display:none;}

/* 비주얼 */
#main01 {display:table; width:100%; height:100%; top:0;}
#mobile_mainvisual {display:none;}
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; width:100%; height:100% !important; top:0;}
#mainvisual_new #mainslides {width:100%; height:100% !important;}
#mainvisual_new .slidesjs-container {width:100% !important; height:100% !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:100% !important;}
#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;}
#mainvisual_new .slidesjs-previous, #mainvisual_new .slidesjs-next {display:block; position:absolute; width:60px; height:117px; top:40%; z-index:310; font-size:0;}
#mainvisual_new .slidesjs-previous {background:url(/img/visarrow_LEFT.png) no-repeat center; left:30px;}
#mainvisual_new .slidesjs-next {background:url(/img/visarrow_RIGHT.png) no-repeat center; right:30px;}
.article_mtxt {padding:0 0 0 146px;}
.maintxt {left:50px; top:346px;}
.maintxt h3 {font-size:55px; padding:0 0 0 50px;}
.maintxt p {font-size:27px; line-height:45px; margin:25px 0;padding:0 0 0 50px;}
.change_sns {bottom:50px !important;}


/* 메인02 */
#main02 {padding:80px 0 0 0; width:100%;}
#main02 li {width:25%;}


/* 메인03 */
.ul_main03 {Width:1200px;}
.ul_main03 li {width:328px; float:left;}
.ul_main03 li:nth-child(3n+2) {margin:15px 30px;}


/* 메인04 */
#main04 figure {width:1200px; margin:40px auto;}




/* 메인05 */
#main05 > div {width:1200px;}
#main05 > ul {width:1200px;}
#main05 > ul li {width:375px; float:left;}
#main05 > ul li:nth-child(3n+2) {margin:40px 25px 0 25px;}


/* 메인06 */
#main06 {padding:50px 0 0 0;}
.main06wrap {width:1200px; margin:0 auto;}
.ekdcjacnrgk01 .slick-dots {bottom:-180px;}
.ekdcjacnrgk01 .slick-list {width:80%; margin:0 auto !Important;}
.slick-prev {left:0;}
.slick-next {right:0;}


/* 메인07 */
#main07 {margin:100px auto 0 auto;}
.main07_LEFT {width:100%; padding:50px 0;}
.main07_LEFT > ul li {width:calc(32% - 20px); float:left; padding:0 10px;}
.main07_LEFT > ul li:nth-child(2) {margin:0 2%;}
.main07_RIGHT {width:100%;}
#daumRoughmapContainer1668392669381 > .wrap_map {height:610px !important;}

}












@media screen and (min-width:769px) and (max-width:1199px)
{
img {max-width:100%;}

/* ====== 공통 ====== */
.container > ul {display:none;}
.px1200_2 {width:100%;}
.addition {padding:25px 0 15px 0;}
.addition > h1 {display:none;}




/* ====== 메인 ====== */
/* 비주얼 */
#mobile_mainvisual {display:none;}
#main01 {top:11px;}
#mainvisual_new .slidesjs-pagination {bottom:30px;}
#mainvisual_new .slidesjs-navigation {display:none;}
#mainvisual_new .slidesjs-control li img {width:100% !important; display:block;}
.article_mtxt {padding:0 0 0 30px; background:url(/img/bar01.png) no-repeat left center;}
.maintxt {left:20px; top:30%;}
.maintxt h3 {font-size:35px;}
.maintxt p {font-size:18px; line-height:30px; margin:25px 0;}
.maintxt a {width:195px;}
.article_mtxt h3, .article_mtxt p {padding:0 0 0 50px;}


/* 메인02 */
#main02 > article span br {display:none;}


/* 메인03 */
.ul_main03 {Width:90%;}
.ul_main03 li {width:calc(49% - 52px); float:left;}
.ul_main03 li:nth-child(even) {float:Right;}


/* 메인04 */
.ul_main04 li {width:230px;}



/* 메인05 */
#main05 > ul li {width:49%; float:left;}
#main05 > ul li:nth-child(even) {float:right;}


/* 메인06 */
#main06 {padding:50px 0 0 0;}
.main06wrap {margin:0 auto;}
.ekdcjacnrgk01 .slick-dots {bottom:-150px;}
.ekdcjacnrgk01 .slick-list {width:80%; width:90% !important; margin:0 auto;}
.ekdcjacnrgk01 .slick-slide div > div {width:90% !important; padding:0 0 10px 0;}


/* 메인07 */
#main07 {margin:50px auto 0 auto;}
.main07_LEFT {width:100%; padding:50px 0;}
.main07_LEFT > ul li {width:calc(32% - 20px); float:left; padding:0 10px;}
.main07_LEFT > ul li:nth-child(2) {margin:0 2%;}
}












@media screen and (min-width:0px) and (max-width:768px)
{
img {max-width:100%;}
footer article {width:90%; margin:0 auto;}



/* ====== 공통 ====== */
/* 헤더 */
header {position:relative;}
.addition > h1 {display:none;}





/* ====== 메인 ====== */
/* 메인공통 */
.hgroup_title h1 {font-size:25px; line-height:34px; height:30px; font-weight:600;}
.hgroup_title h3 {font-size:14px; margin:15px auto 0 auto; line-height:27px;}
.main00 > hgroup {width:90%; margin:0 auto;}
.main00 > hgroup h3 {font-size:13px;}
.main00 > hgroup h1 {font-size:40px;}



/* 비주얼 */
#mainvisual_new {display:none;}
#main01 {top:7px;}
.container > ul {display:none;}
.flex-control-paging {position:absolute; right:10px; top:5px;}
.flex-control-paging li {display:inline-block; width:10px; height:10px; border-radius:50px; font-size:0; margin:0 3px;}
.flex-control-paging li a {display:Block; width:100%; height:100%; border-radius:50px; border:1px solid #ddd;}
.flex-active {background:#fff !important;}
.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;}
#snsicons {display:none;}


/* 메인02 */
#main02 {padding:50px 5% 5% 5%;}
#main02 > article span br {display:none;}
#main02 li {width:100%; margin:1px auto 0 auto;}
#main02 > article {font-size:14px; line-height:26px;}

/* 메인03 */
#main03 {padding:40px 0;}
.ul_main03 {Width:90%;}
.ul_main03 li {width:calc(100% - 52px); float:none;}



/* 메인04 */
.ul_main04 li {width:230px; margin:10px auto; display:block;}



/* 메인05 */
#main05 {padding:70px 0 30px 0;}
#main05 > hgroup h1 {font-size:35px;}
#main05 > hgroup h3 {font-size:18px; margin:30px auto 0 auto;}
#main05 > ul li {width:100%; margin:15px auto 0 auto;}


/* 메인06 */
#main06 {padding:0;}
.ekdcjacnrgk01 .slick-dots {bottom:-150px;}
.ekdcjacnrgk01 .slick-list {width:90% !important; margin:0 auto;}
.ekdcjacnrgk01 .slick-slide div > div {width:90% !important; padding:0 0 10px 0;}



/* 메인07 */
#main07 {margin:50px auto 0 auto;}
.main07_LEFT {width:calc(100% - 60px); padding:30px;}
.main07_title {Background:url(/img/bar04.png) no-repeat center bottom; padding:0 0 30px 0;}
.main07_title h1 {Text-align:center; float:none;}
.main07_title article {float:none;}
.main07_title article p {float:none; margin:0; text-align:Center; font-size:20px;}
.main07_title article p strong {font-size:20px; margin:15px auto 0 auto;}
.main07_title figure, .main07_title article p span {display:none;}
.main07_LEFT > p {margin:40px auto 20px auto;}
.main07_LEFT > ul li {width:calc(100% - 20px); float:none; margin:10px 0 0 0; padding:0 10px;}
}