@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:'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-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;}
input, textarea {font-family:'S-CoreDream-4Regular';}
.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%; top:0; left:0; z-index:999; background:rgba(255,255,255,0.95);}
header::after {content:"";}
.addition {width:100%; padding:15px 0; height:56px;}
.addition > h1 {position:absolute; left:20px; z-index:90;}
.addition > h1 img {display:block;}
.fixed1 {position:absolute; z-index:999; height:30px; top:27px; right:20px; cursor:pointer;}
.div_PCfixed1 {display:none;}

#sidebar {width:calc(100% - 40px); height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:999999999999;}
#sidebar > h3 {width:150px;}
#sidebar > h3 img {width:100%;}
#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:#074f51;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#074f51; vertical-align:top; line-height:50px; font-family:'S-CoreDream-7ExtraBold';}
.section_ma02cscenter div h1 a img {padding:0 10px 0 0; top:3px;}
.section_ma02cscenter ul {width:95%; overflow:Hidden; margin:10px auto 0 auto; text-align:left;}
.section_ma02cscenter ul li {font-size:13px; color:#333; letter-spacing:-0.05em; vertical-align:top; display:inline-block; margin:0 10px 0 0;}
.section_ma02cscenter ul li:nth-child(odd) {font-weight:600; margin:0 5px 0 0;}
.section_ma02cscenter p {font-size:13px; text-align:center; letter-spacing:-0.1em;}
.section_ma02cscenter h3 {background:#074f51; 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%; padding:50px 0; background:#25303c; text-align:center;}
footer p {font-size:14px; color:#ddd;}
footer p a {color:#ddd;}
footer h3 {color:#fff; opacity:0.6;}
footer h3 strong {font-size:18px;}
footer h3 span {font-size:32px; font-family:'S-CoreDream-7ExtraBold'; padding:0 0 0 10px;}

.btn_mainadmin {text-align:center; padding:5px 20px; color:#fff; background:rgba(0,0,0,0.56); border-radius:20px;}







/* ====== 메인 ====== */
/* 메인공통 */
.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-family:'S-CoreDream-1Thin'; 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;}



/* 비주얼 */
#navigation {display:none;}
#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: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;}

.maintxt {width:100%; position:absolute; z-index:300; overflow:hidden; color:#FFF; text-align:left;}
.maintxt h3 {font-weight:400; color:#fff; }
.maintxt p {color:#fff; font-family:'S-CoreDream-1Thin';}
.maintxt p strong {font-family:'S-CoreDream-5Medium';}
.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;}

#main01_figure {background:#fbfdff;}
#main01_figure > figure > img {width:100%; display:block;}


/* 메인공통 */
.hgroup_main {width:100%; text-align:Center;}
.hgroup_main h3 {font-family:'GmarketSansMedium'; font-weight:400; color:#333; font-size:16px; background:url(/img/bg01.png) repeat-x left bottom; padding:3px 5px 0 5px; display:inline-block;}
.hgroup_main h1 {font-family:'S-CoreDream-3Light'; font-weight:100; font-size:45px; letter-spacing:-0.07em; background:url(/img/제목-없음-6.png) no-repeat center bottom; padding:0 0 70px 0; line-height:40px; margin:25px auto 0 auto;}


/* 메인01 */
.main01div section {padding:30px; background:#357779; text-align:Center; margin:30px auto 0 auto;}
.main01div section h4 {display:inline-block; background:#fff; color:#1d7375; font-size:10px; font-weight:100; padding:5px; letter-spacing:0.03em; text-transform:uppercase;}
.main01div section h3 {color:#fff; font-size:30px; letter-spacing:-0.07em; margin:15px auto;}
.main01div section p {Display:Block; margin:30px auto 0 auto; background:none; border:1px solid #fff;; color:#fff; border-radius:30px; height:50px; line-height:50px; width:250px;}


/* 메인02 */
#main02 {padding:100px 0;}
#main02 ul {border-top:2px solid #074f51; margin:30px auto 0 auto;}
#main02 ul li {width:100%; border-bottom:1px dashed #ddd; overflow:Hidden; font-size:16px;}
#main02 ul li a {width:calc(100% - 30px); padding:15px; Color:#333; display:Block; overflow:Hidden;}
#main02 ul li:hover {background:#1d7375;}
#main02 ul li:hover a {color:#fff;}
#main02 ul li strong, #main02 ul li span {display:Block; float:left;}
#main02 ul li span {float:Right; font-size:13px; color:#888;margin-left:30px;}







/* ====== 서브 ====== */
/* 서브공통 */
.subvis00 {overflow:hidden; width:100%; text-align:Center; padding:50px 0; background:url(/img/subvis.jpg) no-repeat; background-size:cover;}
.subvis00 > hgroup {margin:0 auto; text-align:center;}
.subvis00 > hgroup h3 {font-weight:400; text-transform:uppercase; font-size:11px; letter-spacing:0.3em; display:inline-block; color:#fff;}
.subvis00 > hgroup h1 {font-family:'S-CoreDream-9Black'; font-size:35px; color:#fff; font-weight:400; margin:10px auto 0 auto;}
.sitemap {height:50px; line-height:50px; width:100%; border-bottom:1px solid #e1e1e1; text-align:right;}
.sitemap::after {content:"";}
.sitemap div > a {display:inline-Block; border-left:1px solid #e1e1e1; padding:0 20px; color:#333; font-size:14px;}
.sitemap #sm_ul {display:inline-Block; width:160px; text-align:Center; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; font-size:14px;}
.sitemap #sm_ul > li > a {color:#1a806e; font-weight:600;}
.smul_sub {position:absolute; width:100%; text-align:Center; z-index:99999999;}
.smul_sub li {height:40px; line-height:40px; background:#fff; border-bottom:1px dashed #ddd;}
.smul_sub li a {coloR:#333; display:block;}
.smul_sub li a:hover {background:#1a806e; color:#fff !important;}

#subpage {width:100%; overflow:Hidden; padding:50px 0; margin:0 auto;}
.hgroup_SUB {text-align:center;}
.hgroup_SUB h1 {Font-size:40px; color:#434343; font-family:'S-CoreDream-2ExtraLight'; font-weight:400; margin:20px auto 0 auto;}
.hgroup_SUB h3 {background:url(/img/bar02.jpg) no-repeat center bottom; font-size:12px; letter-spacing:0.2em; font-weight:400; color:#999; padding:15px 0 40px 0; text-transform:uppercase;}

.h1title {width:100%; overflow:hidden;}
.h1title span {Display:block; float:left; width:2px; height:50px; background:#333;}
.h1title strong {display:Block; float:left; margin:0 0 0 10px; color:#222; line-height:50px; font-size:18px;}
.h1titleBIG strong {font-size:20px; font-weight:600; letter-spacing:-0.07em;}
.p_con01 {font-size:13px; line-height:25px; margin:10px 0 0 15px; text-align:left; color:#999;}
.h3text {margin:10px 0 0 11px; font-size:15px; color:#666; font-weight:400;}



/* 서브01 */
.ulliwidth02 {margin:30px auto 50px auto; overflow:Hidden; width:100%; text-align:Center;}
.ulliwidth02 li {bordeR:1px solid #ddd; text-align:center; display:inline-block; margin:0 10px; font-size:15px;}
.ulliwidth02 li a {color:#333; display:block; padding:15px;}
.ulliwidth02 li:hover, .ulliwidth02 li.active {border:1px solid #1a806e;}
.ulliwidth02 li:hover a, .ulliwidth02 li.active a {color:#fff; background:#1a806e;}
.tab0101 {overflow:Hidden;}
.tab0101 article {overflow:hidden;}
.tab0101 article h3 {font-size:30px; color:#333; letter-spacing:-0.07em; margin:0;}
.tab0101 article h3 strong {font-size:40px; color:#1a806e;}
.tab0101 article p {font-size:15px; line-height:27px; margin:40px auto 0 auto; color:#777; background:url(/img/bar031.png) no-repeat center top; padding:40px 0 0 0;}
.tab0101 article h4 {font-size:14px; color:#555; font-weighT:400; margin:50px 0 0 0; text-align:center;}
.tab0101 article h4 strong {color:#000; font-size:16px; font-weighT:600;}
.tab0101 figure img {width:100%;}
.table_history {width:100%; margin:30px auto 0 auto; border-top:2px solid #1a806e;}
.table_history th, .table_history td {padding:15px; text-align:Center;}
.table_history th {Background:#488f83; font-size:14px; color:#fff;}
.table_history td {color:#333; font-size:13px; border-bottom:1px dashed #ddd;}



/* 서브04 */
.sub0401_wrap01 {border:1px dashed #ddd; border-top:2px solid #1a806e; padding:30px; width:500px; margin:0 auto; overflow:Hidden;}
.ul_0401_01 li {border:1px solid #ddd; margin:0 0 10px 0; height:50px; line-height:50px;}
.ul_0401_01 li input {width:calc(100% - 20px); display:block; border:none; height:50px; line-height:50px; outline:none; padding:0 10px;}
.sub0401_wrap01 p {margin:10px 0; font-size:13px;}
.sub0401_wrap01 p input {border:1px solid #aaa; top:1px; border-radius:0;}
.sub0401_wrap01 p label {padding:0 0 0 4px;}
.sub0401_wrap01 > a {display:block; width:100%; height:45px; line-height:45px; text-align:center; font-size:20px; text-transform:uppercase; color:#fff; background:#1a806e; margin:30px auto 0 auto;}
.sub0401_wrap01 > button[type='submit'] {display:block; width:100%; height:45px; line-height:45px; text-align:center; font-size:20px; text-transform:uppercase; color:#fff; background:#1a806e; margin:30px auto 0 auto;}
.ul_0401_02 {text-align:center; overflow:Hidden; margin:15px auto 0 auto;}
.ul_0401_02 li {font-size:13px; background:url(/img/bar03.png) no-repeat left center; display:inline-block; padding:0 10px; text-align:center;}
.ul_0401_02 li:first-child {background:none;}
.ul_0401_02 li a {display:block; color:#333;}

.sub0402 article {overflow:Hidden;}
.sub0402 article h3 {width:calc(100% - 30px); padding:15px; background:#1a806e; color:#fff; font-weight:400; overflow:Hidden; margin:30px auto 0 auto;}
.sub0402 article h3 strong, .sub0402 article h3 span {display:block;}
.sub0402 article h3 strong {font-size:15px; color:#fff; float:left;}
.sub0402 article h3 span {display:block; float:right; font-size:13px; color:#fff;}
.sub0402 article h3 span label, .sub0402 article h3 span input {display:inline-block; color:#fff; font-size:12px;}
.sub0402 article h3 span input {top:2px;}
.sub0402 article textarea {display:block; width:calc(100% - 62px); padding:30px; border:1px solid #ddd; font-size:14px; outline:none; line-height:25px; color:#333; min-height:150px;}
.sub0402 > p {font-size:14px; padding:15px 0; text-align:Center;}
#okokokokok {display:block; width:250px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:15px; margin:30px auto 0 auto; background:#1a806e; border-radius:30px;}

.sub0403_wrap {border:1px solid #ddd; border-top:2px solid #1a806e; padding:30px; margin:35px auto 0 auto;}
.sub0403_wrap li b {color:red;}
.sub0403_wrap li {overflow:Hidden; margin:15px 0 0 0;}
.sub0403_wrap li:first-child {margin:0;}
.sub0403_wrap li strong {display:Block; float:left; width:100px; font-size:13px; height:50px; line-height:50px; background:url(/img/bullet01.png) no-repeat left center; padding:0 0 0 8px;}
.sub0403_wrap li input {outline:none; display:block; float:left; width:200px; border:1px solid #ddd; height:50px; line-height:50px;}
.sub0403_wrap li a {display:block; width:70px; height:52px; line-height:52px; text-align:Center; color:#fff; background:#333; float:left; font-size:13px; margin:0 0 0 10px;}


.sub0501 {text-align:center;}
.sub0501 img {max-width:100%;}







/* ============= 반응형 ============= */
@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;}

#divpop_poppoppop02 {left:700px;}




/* ====== 공통 ====== */
/* 헤더 */
header {height:auto; margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.2);}
.container {width:calc(100% - 100px); padding:0; margin:0 auto; height:86px;}
.container h1, .container ul, .container p {position:relative; top:0;}
.container h1 {float:left; margin:15px 0; left:0;}
.div_PCfixed1 {display:block;}
.div_Mfixed1 {display:none;}
.fixed1 {float:right; width:230px; right:0; position:absolute; top:13px;}
.fixed1 a {display:block; font-size:20px; color:#074f51;}
.fixed1 a img, .fixed1 a strong {display:inline-block; vertical-align:middle; line-height:45px; font-size:25px;}
.fixed1 a img {width:30px;}
.fixed1 ul li {display:inline-block; padding:3px; background:#074f51;}
.fixed1 ul li a {color:#fff; font-size:12px;}
.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%; margin:0 auto; z-index:97; display:block;}
.navul01 {width:calc(100% - 483px) ; margin:32px auto; text-align:center; overflow:Hidden; float:left; text-align:Center;}
.navul01 li {font-size:16px; display:inline-block; padding:0 30px;}
.navul01 li:hover a {color:#074f51;}
.navul01 li a {color:#222; display:block;}
.navulsub01 {position:absolute; top:106px; 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:18px; margin:0 0 15px 0; font-weight:900; color:#222;}
.navulsub01 ul li {margin:3px 0 0 0;}
.navulsub01 ul li a {color:#333; font-size:14px; margin:13px 0 0 0;}
.navulsub01 ul li a:hover {color:#456bab;}
#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;}


/* 푸터 */
footer {text-align:left;}
footer p {Float:left;}
footer h3 {Float:Right;}




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


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


/* 메인01 */
#main01_figure {width:100%; background:url(/img/mainvis.jpg) no-repeat center top; background-attachment:fixed; height:200px; background-size:cover;}
#main01_figure figure {display:none;}
.main01div section {width:calc(49% - 60px); float:left; margin:170px 0 0 0;}
.main01div section:nth-child(2) {float:right;}
.main01div section h4 {background:#1d7375; color:#fff;}
.main01div section {background:rgba(255,255,255,0.2);}
.main01div section p {background:#1d7375; color:#fff; border:none;}









/* ====== 서브 ====== */
/* 서브공통 */

/* 서브01 */
.tab0101 article {width:100%; text-align:center;}
.tab0101 article p {background:url(/img/bar031.png) no-repeat center top; padding:30px 0 0 0;}


/* 서브02 */
.sub0102 {width:1200px; margin:25px auto 0 auto; overflow:hidden;}
.sub0102 > .px1200 {width:1100px; margin:0 auto; background:#fff; padding:50px; overflow:hidden;}
.sub0102_wrap {width:1100px; margin:0 auto; background:url(/img/0102bg01.jpg) repeat-y center top; overflow:hidden; padding:30px 0;}
.sub0102_wrap section {width:558px; overflow:Hidden;}
.sub0102_wrap section h3 {padding:0 15px; font-size:20px; color:#1f8e51; float:left;}
.sub0102_wrap section p {float:left; font-size:12px; line-height:22px; color:#555; letter-spacing:-0.1em; font-family:"Malgun Gothic"; max-width:355px; padding:0 20px;}

.section_0102left {background:url(/img/0102bg02.jpg) no-repeat left 10px; margin:30px 0 0 542px;}
.section_0102left figure {margin:10px 0 0 30px; float:left; left:3px; z-index:100;}
.section_0102left > div {border:1px solid #e1e1e1; float:left; padding:20px 0; margin:0; overflow:Hidden;}
.section_0102left > div::after {content:"";}
.section_0102left > div h3 {background:url(/img/bar10.jpg) no-repeat right 0px;}

.section_0102right {background:url(/img/0102bg02.jpg) no-repeat right 10px; margin:30px 542px 0 0;}
.section_0102right figure {margin:10px 30px 0 0; float:right; right:3px; z-index:100;}
.section_0102right > div {border:1px solid #e1e1e1; float:right; padding:20px 0; margin:0; overflow:Hidden;}
.section_0102right > div::after {content:"";}
.section_0102right > div h3 {float:right; background:url(/img/bar10.jpg) no-repeat left 0px;}
.section_0102right > div p {text-align:right;}
#sub0201arrow02 {Display:none;}

}













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

/* ====== 공통 ====== */
.container > ul {display:none;}
.px1200 {width:90%;}
.px1200_2 {width:100%;}



/* ====== 메인 ====== */
/* 비주얼 */
#mobile_mainvisual {display:none;}
#mainvisual_new .slidesjs-pagination {bottom:30px;}
#mainvisual_new .slidesjs-navigation {display:none;}
.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;}


/* 메인01 */
#main01_figure figure {margin:0 auto; overflow:hidden;}




/* ====== 서브 ====== */
/* 서브공통 */
.sitemap > .px1200 {width:100% !important;}
.sub00 {width:90%;}


/* 서브01 */
.tab0101 article {text-align:center;}
.tab0101 article h4 {text-align:Center;}
.tab0101 figure {width:60%; margin:0 auto; text-align:center;}


/* 서브02 */
.sub0102 {width:100%; margin:40px auto; overflow:hidden;}
.sub0102 > .px1200 {width:94%; background:#fff; padding:40px 0; overflow:hidden; margin:0 auto;}
.sub0102_wrap {width:90%; margin:0 auto; background:url(/img/0102bg01.jpg) repeat-y center top; overflow:hidden;}
.sub0102_wrap section {width:100%; overflow:Hidden; margin:30px 0 0 0;}
.sub0102_wrap section h3 {padding:0 0 15px 0; text-align:center; font-size:17px; color:#1f8e51; font-weight:500;}
.sub0102_wrap section p {text-align:center; font-size:14px; line-height:22px; color:#555; padding:0 20px;}
.sub0102_wrap section figure {z-index:10; text-align:center;}
.sub0102_wrap section figure img {top:15px;}
.sub0102_wrap section div {border:1px solid #e1e1e1; padding:20px 0; margin:0; overflow:Hidden; background:#fff;}
.sub0102_wrap section::after {content:"";}
.sub0101con02_new {margin:0 auto 40px auto; width:94%; overflow:hidden; background:#fff; padding:40px 0;}
.sub0101con02_new .h1_titlebasic {margin:0 auto 0 30px;;}
.section_sub0101_02_new {width:90%; margin:0 auto; padding:0 0 50px 0; overflow:Hidden; border-bottom:3px solid #e4e4e4;}
.section_sub0101_02_new > article {font-size:14px; line-height:20px; color:#333; text-align:justify;}
.section_sub0101_02_new > section {width:282px; padding:30px 0; text-align:center; background:#f1faff; margin:30px auto 0 auto;}
.section_sub0101_02_new > section:nth-child(2) {background:#f7f7f7;}
.section_sub0101_02_new > section figure {width:103px; height:103px; margin:0 auto;}
.section_sub0101_02_new > section h1 {font-size:18px; color:#212121; line-height:20px; height:19px; font-weight:500; margin:23px auto 0 auto;}
.section_sub0101_02_new > section h3 {font-weight:500; font-size:13px; color:#7f7c7d; padding:22px 0; background:url(/img/bar09.jpg) no-repeat center bottom;}
.section_sub0101_02_new > section p {font-size:13px; line-height:19px; color:#383838; margin:18px auto 0 auto; letter-spacing:-0.07em;}
#sub0201arrow {display:none;}


}












@media screen and (min-width:0px) and (max-width:768px)
{
img {max-width:100%;}
footer p {font-size:12px; line-height:25px; margin:0 auto;}
footer h3 {margin:20px auto 0 auto;}



/* ====== 메인 ====== */
/* 메인공통 */
.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;}



/* 비주얼 */
#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(/images/main01arrow01.png) no-repeat; left:10px;}
.flex-nav-next {background:url(/images/main01arrow02.png) no-repeat; right:10px;}
#snsicons {display:none;}
.hgroup_main h1 {font-size:35px; padding:0 0 50px 0;}

/* 메인02 */
#main02 ul li {font-size:13px;}




/* ====== 서브 ====== */
/* 서브공통 */
.subvis00 {height:auto; padding:40px 0;}
.subvis00 > hgroup {margin:0 auto;}
.subvis00 > hgroup h3 {font-size:11px;}
.sitemap {display:none;}
.hgroup_SUB h1 {font-size:35px; line-height:35px;}
.sub00 {width:90%;}
.h3text {font-size:12px; line-height:18px;}


/* 서브01 */
.tab0101 article {text-align:center;}
.tab0101 article h3 {font-size:20px; margin:20px auto 0 auto;}
.tab0101 article p {font-size:13px; line-height:25px;}
.tab0101 article p > br {display:none;}
.tab0101 article h4 {text-align:Center;}
.tab0101 figure {width:60%; margin:0 auto; text-align:center;}


/* 서브02 */
.sub0102 {width:100%; margin:40px auto; overflow:hidden;}
.sub0102 > .px1200 {width:94%; background:#fff; padding:40px 0; overflow:hidden; margin:0 auto;}
.sub0102_wrap {width:90%; margin:0 auto; background:url(/img/0102bg01.jpg) repeat-y center top; overflow:hidden;}
.sub0102_wrap section {width:100%; overflow:Hidden; margin:30px 0 0 0;}
.sub0102_wrap section h3 {padding:0 0 15px 0; text-align:center; font-size:17px; color:#1f8e51; font-weight:500;}
.sub0102_wrap section p {text-align:center; font-size:14px; line-height:22px; color:#555; padding:0 20px;}
.sub0102_wrap section figure {z-index:10; text-align:center;}
.sub0102_wrap section figure img {top:15px;}
.sub0102_wrap section div {border:1px solid #e1e1e1; padding:20px 0; margin:0; overflow:Hidden; background:#fff;}
.sub0102_wrap section::after {content:"";}
.sub0101con02_new {margin:0 auto 40px auto; width:94%; overflow:hidden; background:#fff; padding:40px 0;}
.sub0101con02_new .h1_titlebasic {margin:0 auto 0 30px;;}
.section_sub0101_02_new {width:90%; margin:0 auto; padding:0 0 50px 0; overflow:Hidden; border-bottom:3px solid #e4e4e4;}
.section_sub0101_02_new > article {font-size:14px; line-height:20px; color:#333; text-align:justify;}
.section_sub0101_02_new > section {width:282px; padding:30px 0; text-align:center; background:#f1faff; margin:30px auto 0 auto;}
.section_sub0101_02_new > section:nth-child(2) {background:#f7f7f7;}
.section_sub0101_02_new > section figure {width:103px; height:103px; margin:0 auto;}
.section_sub0101_02_new > section h1 {font-size:18px; color:#212121; line-height:20px; height:19px; font-weight:500; margin:23px auto 0 auto;}
.section_sub0101_02_new > section h3 {font-weight:500; font-size:13px; color:#7f7c7d; padding:22px 0; background:url(/img/bar09.jpg) no-repeat center bottom;}
.section_sub0101_02_new > section p {font-size:13px; line-height:19px; color:#383838; margin:18px auto 0 auto; letter-spacing:-0.07em;}
#sub0201arrow {display:none;}



/* 서브04 */
.sub0401_wrap01 {width:calc(100% - 52px); padding:25px;}
.sub0403_wrap {padding:20px;}
.sub0403_wrap li strong {float:none;}
.sub0403_wrap li input {width:calc(100% - 92px);}
/*
.sub0403_wrap {border:1px solid #ddd; border-top:2px solid #1a806e; padding:30px; margin:35px auto 0 auto;}
.sub0403_wrap li b {color:red;}
.sub0403_wrap li {overflow:Hidden; margin:15px 0 0 0;}
.sub0403_wrap li strong {display:Block; float:left; width:100px; font-size:13px; height:50px; line-height:50px; background:url(/img/bullet01.png) no-repeat left center; padding:0 0 0 8px;}
.sub0403_wrap li input {outline:none; display:block; float:left; width:200px; border:1px solid #ddd; height:50px; line-height:50px;}
.sub0403_wrap li a {display:block; width:70px; height:52px; line-height:52px; text-align:Center; color:#fff; background:#333; float:left; font-size:13px; margin:0 0 0 10px;}



*/



}