@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://font.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-1Thin'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {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;}
@font-face {font-family:'KOTRALEAP'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRALEAP.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'MalgunGothic'; src:url(/img/MalgunGothic.eot);}
@font-face {font-family:'HoengseongHanu'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/HoengseongHanu.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SANJUGotgam'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANJUGotgam.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'yg-jalnan'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
br {font-family:'MalgunGothic';}



*,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;}
.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, .subboard {margin:60px auto 0 auto; width:90%;}
.ooommm {display:none;}
#jy_pop123123 {position:absolute; top:100px; left:0; z-index:911026;}
.onlyPC {display:none;}
.onlyM {display:block;}
b > br {display:none;}
a > br {display:block;}
.wnsqlwnd {padding:50px 0; text-align:center; font-size:20px; background:#f9f9f9; margin:50px auto 0 auto;}






/* ====== 공통 ====== */
/* 헤더 */
header {width:100%; top:0; left:0; height:63px; z-index:999; border-bottom:1px solid rgba(255,255,255,0.2); padding:23px 0;}
header::after {content:"";}
.addition {width:100%; height:63px; line-height:63px;}
.addition > h1 {position:absolute; left:20px; z-index:90; margin:0 auto;}
.fixed1 {position:absolute; z-index:999; height:30px; top:9px; right:20px; cursor:pointer;}
.container h3 {display:none;}
#sidebar {width:calc(100% - 40px); height:100%; 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:#333;}
#login_joinus {display:none;}
.h1_nav01 {font-size:10px; color:#333; font-weight:500; margin: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 {text-align:center; margin:5px auto 30px auto;}
.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:#377580;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#377580; vertical-align:top; line-height:50px; font-family:'GmarketSansBold';}
.section_ma02cscenter div h1 a img {vertical-align:middle; padding:0 10px 0 0; width:30px;}



/* 플로팅메뉴 */
#floatMenu {width:120px; position:absolute; right:50px; top:200px; height:Auto; z-index:99999150; display:none;}
#floatMenu ul {border-bottom:none;}
#floatMenu li {width:100%; float:none; border-left:none; margin:10px 0 0 0;}
#floatMenu ul li a {display:Block; padding:0;}
#floatMenu ul li:last-child {display:block; background:#333; text-align:center; text-transform:uppercase; font-size:11px; height:50px; width:50px; border-radius:30px; color:#333; margin:10px auto; line-height:50px;}
#floatMenu ul li:last-child a {color:#333; padding:0;}
#floatMenu ul li figure {height:auto;}
#floatMenu ul li img {width:100%;}
#floatMenu span br {Display:none;}



/* 푸터 */
footer {width:100%; overflow:hidden; text-align:Center; margin:100px auto 0 auto; border-top:1px dashed #ddd;}
footer figure {margin:50px auto 30px auto;}
footer article {font-size:14px; line-height:25px; color:#555; width:90%; margin:0 auto;}
footer p {font-size:12px; color:#fff; background:#273030; line-height:55px; height:55px; width:100%; margin:30px auto 0 auto;}
footer p a {color:#fff;}





/* ====== 메인 ====== */
/* 공통 */
.main00 {width:100%; overflow:hidden; margin:100px auto;}
.main00 hgroup {text-align:center;}
.main00 hgroup h3 {font-size:18px; color:#222; opacity:0.5; font-weight:400; text-transform:uppercase;}
.main00 hgroup h1 {font-size:50px; color:#222; font-weight:400; margin:10px auto 0 auto;}
#atag001 {display:block; letter-spacing:0.02em; border:1px solid #333; text-align:center; font-size:16px; width:170px; height:48px; line-height:48px; color:#333; margin:50px auto 0 auto; transition:background 0.5s, color 0.5s;}
#atag001:hover {background:#333; color:#fff;}



/* 비주얼 */
#navigation {display:none;}
#mainvisual_new {display:none;}
.container > ul {display:none;}
.flex-control-paging {text-align:Center; position:absolute; bottom:30px; width:100%;}
.flex-control-paging li {display:inline-block; width:60px; height:5px; background:#fff; font-size:0;}
.flex-control-paging li a {display:block; width:100%; height:100%;}
.flex-active {Background:#377580 !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;}
.slides li img {width:100%; display:block;}



/* 메인02 */
#main02 {}
#main02 section figure img {width:100%; display:block;}
#main02 section article {background:#f5f8f8; padding:35px 30px; text-align:left;}
#main02 section article h3 {font-size:26px; color:#0d424b; font-weight:400;}
#main02 section article p {font-size:16px; line-height:25px; color:#333; margin:25px 0;}
#main02 section article a {font-weight:600; text-transform:uppercase; color:#222; display:block; font-size:13px;}



/* 메인03 */
#main03 {width:100%; background:url(/img/main03bg.jpg) no-repeat center; text-align:center; padding:120px 0;}
#main03 h1 {font-size:50px; color:#fff;}
#main03 p {opacity:0.7; color:#fff; font-size:18px; line-heighT:30px; margin:30px auto 0 auto;}



/* 메인04 */
#main04 {}
#main04 > div {margin:50px auto 0 auto; overflow:hidden;}
#main04 ul {text-align:Center; margin:20px 0 0 0;}
#main04 ul li {background:#000;}
#main04 ul li img {display:block; width:100%; transition:opacity 0.5s;}
#main04 ul li img:hover {opacity:0.5;}



/* 메인05 */
#main05 {}
#main05 section {background:#f5f8f8; padding:45px 30px; overflow:hidden; margin:20px auto 0 auto;}
#main05 section:nth-child(2) {background:#f3fbf7;}
#main05 section h1 {overflow:hidden; line-height:25px;}
#main05 section h1 strong {display:block; font-size:25px; color:#000; font-weight:400; float:left;}
#main05 section h1 a {display:block; float:right; text-transform:uppercase; font-size:13px; color:#666;}
#main05 section ul {overflow:hidden; margin:20px 0 0 0;}
#main05 section ul li {overflow:hidden; background:url(/img/bullet01.jpg) no-repeat center left; line-height:30px; padding:0 0 0 6px;}
#main05 section ul li strong {display:block; float:left; font-weight:400; color:#333; white-space:normal; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; width:calc(100% - 80px);}
#main05 section ul li span {display:Block; float:right; color:#666; font-size:13px;}



/* 메인06 */
#main06 {}
#main06 figure {width:100%;}
#main06 figure img {width:100%; display:block;}
#main06 article {background:#3a737e; padding:61.5px 40px; width:calc(100% - 80px); color:#fff;}
#main06 article h1 {font-size:30px;}
#main06 article p {line-height:25px; margin:25px 0; font-size:15px; opacity:0.7;}
#main06 article a {font-weight:600; text-transform:uppercase; color:#fff; display:block; font-size:13px;}






/* ====== 서브 ====== */
/* 서브공통 */
.subvis {width:100%; padding:80px 0;}
.subvis01 {background:url(/img/subvis01.jpg) no-repeat center top; background-size:cover;}
.subvis02 {background:url(/img/subvis02.jpg) no-repeat center top; background-size:cover;}
.subvis03 {background:url(/img/subvis03.jpg) no-repeat center top; background-size:cover;}
.subvis04 {background:url(/img/subvis04.jpg) no-repeat center top; background-size:cover;}
.subvis05 {background:url(/img/subvis05.jpg) no-repeat center top; background-size:cover;}
.subvis06 {background:url(/img/subvis06.jpg) no-repeat center top; background-size:cover;}
.subvis h1 {font-size:60px; color:#fff; font-weight:800; line-height:52px; height:54px;}
.subvis h3 {font-size:20px; font-weight:600; color:#fff; margin:37px auto 15px auto; line-height:14px;}
.subvis p {font-size:18px; line-height:30px; color:#fff; font-weight:400; opacity:0.5;}
.ulsitemap {margin:97px auto 0 auto;}
.ulsitemap li {display:inline-block; font-size:20px; background:url(/img/bar01.jpg) no-repeat left center; padding:0 10px 0 19px; text-align:Center;}
.ulsitemap li a {color:#fff;}
.ulsitemap li:first-child {background:none; padding:0 10px 0 0;}
.ulsitemap li:hover a, .activesubsitemap a {color:#77ffff !important; font-weight:600;}
#subpage {margin:100px auto 0 auto; width:100%; overflow:hidden;}
#subpage > h1 {text-align:center; font-size:50px; color:#164f4f;  line-height:52px; height:54px; font-weight:700;}
.h1_ddaompyo {background:url(/img/ddaompyo.png) no-repeat center top; color:#333; font-size:20px; text-align:center; font-weight:400; letter-spacing:-0.05em; line-height:30px; padding:40px 0 0 0;}
.h1title {overflow:hidden; height:60px; line-height:60px; margin:50px auto 0 auto;}
.h1title span {display:block; float:left; width:2px; height:60px; background:#333;}
.h1title strong {display:block; float:left; font-size:20px; margin:0 0 0 11px; color:#222; font-weight:400;}
.ul_imglist {overflow:hidden; margin:30px auto 0 auto; width:100%;}
.ul_imglist li img {width:100%; display:block;}
.ul_imglist_1ro li {width:100%;}
.ul_imglist_2ro li {width:49%; float:left;}
.ul_imglist_2ro li:last-child {float:right;}
.ul_imglist_4ro li {width:24%; float:left; margin:0 0.5%;}
.basicarticle01 {padding:30px; background:#fafafa; font-size:16px; line-height:30px; color:#333; margin:30px auto 0 auto; overflow:hidden; text-align:center;}
.basicarticle01 strong {color:#222; font-size:20px; padding:0 0 20px 0; display:inline-block;}
.basicarticle02 {padding:30px; background:#fafafa; font-size:16px; line-height:30px; color:#333; margin:30px auto 0 auto; overflow:hidden; text-align:center;}
.basicarticle02 strong {color:#187888; font-size:20px; padding:0 0 20px 0; display:inline-block;}
.onlyPCP {display:none !Important;}
.onlyMOT {display:block !Important;}
.article01 {padding:20px; line-height:30px; background:#f9f9f9; margin:30px auto 0 auto;}
.p01 {font-size:17px; text-align:left; margin:15px 0 0 13px; color:#555; line-height:30px;}
.p03 {font-size:17px; text-align:left; margin:15px 0 0 0; color:#555; line-height:30px;}
.p02 {text-align:right; margin:15px 0 0 0; line-height:24px;}
.p04 {font-size:16px; text-align:left; margin:10px 0;}
#tabs {overflow:hidden;}
#tabs > ul {text-align:center; margin:0 auto 50px auto;}
#tabs > ul > li {height:50px; line-heighT:50px; border:1px solid #ddd; text-align:center; display:inline-block; font-size:18px; margin:0 10px;}
#tabs > ul > li a {color:#333; display:block; padding:0 20px;}
#tabs > ul > li:hover, #tabs > ul > li.active {background:#187888; border:1px solid #187888; color:#fff;}
#tabs > ul > li:hover a, #tabs > ul > li.active a {color:#fff;}



/* 서브01 */
.sub0102 {text-align:center;}
.sub0102 .px1200 {width:89%; margin:0 auto; background:url(/img/bg02.jpg) #fdfdfd; padding:40px 5%; overflow:hidden; border:1px solid #eee;}
.sub0102_wrap {width:100%; margin:0 auto; background:url(/img/0102bg01.jpg) repeat-y center top; overflow:hidden; padding:0;}
.sub0102_wrap section {width:100%; overflow:Hidden; margin:50px auto 0 auto;}
.sub0102_wrap section h3 {padding:0 15px; font-size:20px; font-weight:500; color:#187888; text-align:Center;}
.sub0102_wrap section p {font-size:13px; line-height:26px; color:#555; padding:20px 20px 0 20px; text-align:left;}
.sub0102_wrap section > div {top:-8px; border:1px solid #e1e1e1; padding:20px 0; margin:0; overflow:Hidden; background:#fff;}
.sub0102_wrap section > div::after {content:"";}
.sub0102_wrap section > div h3 {background:url(/img/bar08.jpg) no-repeat right 0px;}
.sub0102_wrap section figure img {z-index:999; display:block; margin:0 auto;}
.sub0103 {text-align:center;}
#daumRoughmapContainer1667457978878 {width:100%;}
.sub0401_ul {padding:30px; margin:20px auto 0 auto; background:#f9f9f9;}
.sub0401_ul li {overflow:hidden; line-height:22px; color:#333; font-size:14px; margin:10px 0 0 0;}
.sub0401_ul li:first-child {margin:0;}
.sub0401_ul li strong {display:block; float:left; background:url(/img/bullet01.jpg) no-repeat left center; padding:0 0 0 6px; width:40px;}
.sub0401_ul li span {display:block; float:left; margin:0 0 0 10px; width:calc(100% - 60px);}
.table_history {width:100%; margin:30px auto 0 auto;}
.table_history th, .table_history td {padding:20px 15px; border-bottom:1px dashed #ddd;}
.table_history th {background:#187888; text-align:Center; color:#fff;}
.table_history th:first-child {border-right:1px dashed #ddd;}
.table_history td {font-size:15px; color:#333; text-align:left;}
.table_history td:first-child {background:#4c98a5; color:#fff; text-align:center; font-weight:600; width:20%;}



/* 서브02 */
.con_sectionwrap {}
.con_sectionwrap section {width:32%; float:left; margin:2% auto 0 auto;}
.con_sectionwrap section:nth-child(2) {margin:2%;}
.con_sectionwrap figure img {display:block; width:100%;}
.con_sectionwrap article {background:#f0fcfa; margin:1px auto 0 auto; padding:30px 0; text-align:center;}
.con_sectionwrap section:nth-child(even) article {background:#f0f7f7;}
.con_sectionwrap h3 {display:inline-block; padding:5px 10px; text-align:center; color:#fff; text-transform:uppercase; font-size:12px; background:#187888; font-weight:400; margin:0 auto 15px auto;}
.con_sectionwrap h1 {font-size:25px; color:#187888; font-weight:400;}
.con_sectionwrap section:nth-child(even) h3 {background:#1b4d56;}
.con_sectionwrap section:nth-child(even) h1 {color:#1b4d56;}
.con_sectionwrap p {margin:15px auto 0 auto; color:#151a33; font-size:17px; line-height:33px; lletter-spacing:-0.07em;}

.con_sectionwrap02 section {width:100%; margin:30px auto 0 auto;}
.con_sectionwrap02 figure img {display:block; width:100%;}
.con_sectionwrap02 article {background:#f0fcfa; margin:1px auto 0 auto; padding:30px 0; text-align:center;}
.con_sectionwrap02 section:nth-child(even) article {background:#f0f7f7;}
.con_sectionwrap02 h3 {display:inline-block; padding:5px 10px; text-align:center; color:#fff; text-transform:uppercase; font-size:12px; background:#187888; font-weight:400; margin:0 auto 15px auto;}
.con_sectionwrap02 h1 {font-size:25px; color:#187888; font-weight:400;}
.con_sectionwrap02 section:nth-child(even) h3 {background:#1b4d56;}
.con_sectionwrap02 section:nth-child(even) h1 {color:#1b4d56;}
.con_sectionwrap02 p {margin:30px auto 0 auto; color:#151a33; font-size:17px; line-height:33px; letter-spacing:-0.07em; text-align:left; width:90%;}



/* 서브03 */
.table0301_01 {width:100%; overflow:hidden; margin:30px auto 0 auto; border-top:2px solid #187888;}
.table0301_01 th, .table0301_01 td {padding:15px; border-bottom:1px dashed #ddd;}
.table0301_01 th {width:calc(20% - 30px); background:#39757f; color:#fff;}
.table0301_01 td {width:calc(80% - 30px); border-right:1px dashed #ddd; line-height:30px; font-size:15px; color:#333;}
#table0301_01last {display:none;}
.ul0301_01 {overflow:hidden; margin:30px auto 0 auto; border-top:2px solid #187888;}
.ul0301_01 li {width:calc(100% - 20px); overflow:hidden; background:#39757f; border:1px dashed #ddd; border-top:none;}
.ul0301_01 li strong {display:block; padding:20px 0; text-align:Center; color:#fff; width:20%; float:left;}
.ul0301_01 li span {display:block; float:left; width:calc(80% - 40px); padding:20px; line-height:35px; font-size:15px; background:#fff;}



/* 서브05 */
.ul0501_01 {background:#f5f5f5; padding:30px; overflow:hidden;}
.ul0501_01 li {overflow:hidden; width:calc(100% - 42px); border:1px solid #ddd; background:#fff; padding:0 20px; margin:0 0 20px 0;}
.ul0501_01 li strong {display:block; background:url(/img/bar02.jpg) no-repeat right center; font-weight:600; color:#333; float:left; width:90px; padding:20px 0;}
.ul0501_01 li input, .ul0501_01 li textarea {display:block; float:left; width:calc(100% - 100px); padding:20px 0; border:none; outline:none; font-family:inherit;}
.ul0501_01 li textarea {min-height:150px;}
.ul0501_02 {overflow:hidden; text-align:center; margin:30px auto 0 auto;}
.ul0501_02 li {border:1px solid #ddd; margin:0 10px; display:inline-block;}
.ul0501_02 li a {Display:block; padding:15px 30px; color:#333;}
.ul0501_02 li:first-child {border:1px solid #164f4f;}
.ul0501_02 li:first-child a {background:#164f4f; color:#fff;}










/* ============= 반응형 ============= */
@media screen and (min-width:1300px)
{
.px1300 {width:1300px; margin:0 auto;}
.sub00, .subboard {width:1300px; margin:50px auto 0 auto;}
.onlyPC {display:block !important;}
.onlyM {display:none !important;}
.imgwidth80er img {width:80% !important;}
b > br {display:block;}
a > br {display:none;}
#floatMenu {display:block !important;}






/* ====== 공통 ====== */
/* 헤더 */
header {height:62px; line-height:62px; padding:23px 50px; margin:0 auto; width:calc(100% - 100px); background:#fff; /*position:absolute; left:0; top:0;*/}
header::after {content:"";}
#sidebar {width:calc(100% - 40px); position:absolute;}
#navigation {width:calc(100% - 450px); float:left; margin:0 auto; z-index:97; display:block;}
.container {width:calc(100% - 100px); padding:0; margin:0 auto; height:auto; line-height:57px; position:absolute;}
.container h1, .container ul, .container p {position:relative; top:0;}
.container h1 {float:left; margin:0; left:0; width:225px; z-index:999999999999;}
.container h3 {position:absolute; top:-24px; right:0; display:block; float:right; text-align:center; width:225px; color:#fff; background:#1e383e; font-family:'GmarketSansBold'; padding:25px 0;}
.container h3 figure {height:20px; line-height:20px;}
.container h3 img {width:19px; display:inline-Block; vertical-align:middle;}
.container h3 b {display:inline-Block; color:#fff; vertical-align:middle; text-transform:uppercase; font-size:18px; font-weight:100; height:20px; line-height:24px;}
.container h3 strong {display:Block; font-size:25px; color:#ffdc70; height:24px; line-height:28px; margin:16px auto 0 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;}
.navul01 {width:1300px; margin:0 auto; text-align:center; overflow:Hidden; text-align:Center;}
.navul01 li {font-size:20px; float:left; width:216px;}
.navul01 li a {color:#333; display:block; font-weight:600;}
.hov1, .navul01 li a:hover {color:#387680;}
.navulsub01 {background:rgba(0,0,0,0.6); width:1300px; margin:30px auto 0 auto; padding:25px 0; overflow:Hidden; display:none;}
.navulsub01 > div {text-align:center; overflow:hidden;}
.navulsub01 ul {font-size:20px; float:left; width:216px;}
.navulsub01 ul li:first-child, .navulsub01 ul li:first-child a {font-size:17px; margin:0 0 10px 0; font-weight:600; color:#6eb5b1;}
.navulsub01 ul li {line-height:30px;}
.navulsub01 ul li a {color:#eee; font-size:15px; margin:3px 0 0 0; padding:2px;}
.navulsub01 ul li a:hover {color:#fff; background:#6eb5b1;}
.fixed1 {display:none;}






/* ====== 메인 ====== */
/* 비주얼 */
#main01 {width:100%; height:880px; margin:0 auto; overflow:hidden; padding:0;}
#mobile_mainvisual {display:none;}
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; width:100%; height:880px !important; z-index:950; display:block;}
#mainvisual_new #mainslides {width:100%; height:880px !important;}
#mainvisual_new .slidesjs-container {width:100% !important; height:880px !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:880px !important;}
#mainvisual_new .slidesjs-control li {text-align:center; height:100%;}
#mainvisual_new .slidesjs-control li:first-child {background:url(/img/mainvis01.jpg) no-repeat center; z-index:99 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li:nth-child(2) {background:url(/img/mainvis02.jpg) no-repeat center; z-index:98 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li:nth-child(3) {background:url(/img/mainvis03.jpg) no-repeat center; z-index:97 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li: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:880px;}
#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:95px; height:3px; top:2px; margin:0 5px; opacity:0.6; z-index:100; font-size:0; background:#fff; display:Block;}
#mainvisual_new .slidesjs-pagination li a.active {height:7px; opacity:1; top:0;}
#mainvisual_new .slidesjs-navigation {display:block; position:absolute; top:500px; z-index:310; font-size:0; width:78px; height:157px;}
#mainvisual_new .slidesjs-previous {background:url(/img/arrowleft.png) no-repeat center; left:30px;}
#mainvisual_new .slidesjs-next {background:url(/img/arrowright.png) no-repeat center; right:30px;}
.maintxt {width:100%; position:absolute; z-index:300; overflow:hidden; color:#333; text-align:left;}
.maintxt > div {margin:305px auto 0 auto; letter-spacing:-0.05em; text-align:center;}
.maintxt > div h3 {font-size:60px; color:#fff; font-weight:900;}
.maintxt > div h1 {font-size:18px; color:#fff; line-height:30px; margin:30px 0; font-weight:400;}
.maintxt > div a {display:block; letter-spacing:0.02em; border:1px solid #fff; text-align:center; font-size:16px; width:170px; height:48px; line-height:48px; color:#fff; margin:50px auto 0 auto; transition:background 0.5s, color 0.5s;}
.maintxt > div a:hover {background:#fff; color:#333;}



/* 메인02 */
#main02 {text-align:center;}
#main02 > div:nth-of-type(1) {margin:50px auto 0 auto;}
#main02 section {width:308px; display:inline-block; margin:6px;}



/* 메인03 */
#main03 {background-attachment:fixed;}



/* 메인04 */
#main04 ul li {width:410px; display:inline-block; margin:10px;}



/* 메인05 */
#main05 section {width:calc(49% - 60px); float:left; margin:0;}
#main05 section:nth-child(2) {float:right;}



/* 메인06 */
#main06 figure {width:50%; float:right;}
#main06 article { width:calc(50% - 80px); float:left;}






/* ====== 서브 ====== */
/* 서브공통 */
.subvis {padding:120px 0;}
.subvis01, .subvis02, .subvis03, .subvis04, .subvis05, .subvis06 {background-attachment:fixed;}
.onlyPCP {display:block !Important;}
.onlyMOT {display:none !Important;}



/* 서브01 */
.sub0102 .px1300 {width:1198px; margin:0 auto; background:url(/img/bg02.jpg) #fdfdfd; padding:50px; overflow:hidden; border:1px solid #eee;}
.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; font-weight:500; color:#187888;}
.sub0102_wrap section h3 a {color:#187888;}
.sub0102_wrap section p {float:left; font-size:15px; line-height:27px; color:#555; letter-spacing:-0.03em; max-width:355px; padding:0 20px; text-align:left;}
.sub0102_wrap section p img {width:300px;}
.sub0102_wrap section > div {top:0;}
.section_0102left {background:url(/img/0102bg02.jpg) no-repeat left 10px; margin:30px 0 0 542px !important;}
.section_0102left figure {margin:10px 0 0 30px; float:left; left:3px; z-index:100;}
.section_0102left figure img {z-index:999;}
.section_0102left > div {border:1px solid #e1e1e1; float:left; padding:20px 0; margin:0; overflow:Hidden; background:#fff; left:-3px;}
.section_0102left > div::after {content:"";}
.section_0102left > div h3 {background:url(/img/bar08.jpg) no-repeat right 0px; float:left;}
.section_0102right {background:url(/img/0102bg02.jpg) no-repeat right 10px; margin:30px 542px 0 0 !important;}
.section_0102right figure {margin:10px 30px 0 0; float:right; right:3px; z-index:100;}
.section_0102right figure img {z-index:99;}
.section_0102right > div {border:1px solid #e1e1e1; float:right; padding:20px 0; margin:0; overflow:Hidden; background:#fff; right:-3px;}
.section_0102right > div::after {content:"";}
.section_0102right > div h3 {background:url(/img/bar08.jpg) no-repeat left 0px; float:right;}
.section_0102right > div p {text-align:right;}



/* 서브02 */
.con_sectionwrap article {padding:40px 0;}
.con_sectionwrap02 section {width:49%; float:left; margin:2% auto 0 auto;}
.con_sectionwrap02 section:nth-child(even) {float:right; margin:2% auto 0 auto;}
.con_sectionwrap02 section:nth-child(4) p {min-height:198px;}
}














@media screen and (min-width:769px) and (max-width:1299px)
{
/* ====== 공통 ====== */
img {max-width:100%;}
a > br {display:none;}



/* 헤더 */
.change_top {position:fixed; top:0; background:#fff; width:100%;}





/* ====== 메인 ====== */
/* 메인02 */
#main02 {text-align:center;}
#main02 > div:nth-of-type(1) {margin:50px auto 0 auto;}
#main02 section {width:49%; float:left; margin:1% 0;}
#main02 section:nth-child(even) {float:right;}



/* 메인04 */
#main04 ul {margin:0;}
#main04 ul li {width:32%; display:inline-block; margin:0.5% 0;}
#main04 ul li:nth-child(2) {margin:0.5%;}






/* ====== 서브 ====== */
/* 서브02 */
.con_sectionwrap section {width:49%; float:left; margin:2% auto 0 auto;}
.con_sectionwrap section:nth-child(even) {float:right; margin:2% auto 0 auto;;}
.con_sectionwrap p {font-size:16px; line-height:28px;}
.con_sectionwrap02 p {font-size:16px; line-height:28px;}
}











@media screen and (min-width:0px) and (max-width:768px)
{
/* ====== 공통 ====== */
img {max-width:100%;}
header, .addition {height:50px; line-height:50px;}
.addition > h1 {margin:-1px 0 0 0;}
.addition > h1 img {width:180px;}
.fixed1 {top:8px;}
.ooommm {display:block;}



/* 헤더 */
.change_top {position:fixed; top:0; background:#fff; width:100%;}



/* 푸터 */
footer article br {display:none;}





/* ====== 메인 ====== */
/* 공통 */
.main00 {margin:50px auto;}
.main00 hgroup h3 {font-size:14px;}
.main00 hgroup h1 {font-size:40px;}





/* 메인02 */
#main02 {text-align:center;}
#main02 section {width:100%; margin:30px auto 0 auto;}
#main02 section article {padding:20px;}
#main02 section article p {margin:20px 0;}



/* 메인03 */
#main03 {padding:70px 0;}
#main03 h1 {font-size:40px;}
#main03 p {width:90%; font-size:14px; line-height:26px;}
#main03 p br {display:none;}



/* 메인04 */
#main04 > div {margin:20px auto 0 auto;}
#main04 ul li {width:49%; float:left; margin:0.5%;}
#main04 ul li:nth-child(even) {float:right;}



/* 메인06 */
#main06 article {text-align:justify; padding:30px; width:calc(100% - 60px);}
#main06 article br {display:none;}






/* ====== 서브 ====== */
/* 서브공통 */
.subvis  .px1300 {Width:85%;}
.subvis h1 {font-size:45px;}
.subvis h3 {line-height:24px;}
.subvis p {font-size:15px; line-height:25px;}
.ulsitemap {margin:30px auto 0 auto;}
.ulsitemap li {font-size:12px; width:25%; display:Block; float:left; padding:0; margin:5px 0;}
.ulsitemap li:first-child {padding:0; background:url(/img/bar01.jpg) no-repeat left center;}
#subpage {margin:50px auto 0 auto;}
#subpage > h1 {font-size:40px; line-height:37px; height:39px;}
.h1_ddaompyo {font-size:17px; line-height:30px; padding:35px 0 0 0;}
.h1title strong {font-size:17px; letter-spacing:-0.078em;}
.ul_imglist_2ro li {width:100%; float:none; margin:0 auto 10px auto;}
.basicarticle01 {font-size:14px; line-height:26px; padding:20px;}
.basicarticle02 {font-size:14px; line-height:26px; padding:20px;}
.p01, .p04, .p03 {font-size:14px; line-height:25px;}
.ul_imglist_4ro li {width:49%; float:left; margin:1% 0;}
.ul_imglist_4ro li:nth-child(Even) {float:right;}



/* 서브02 */
.con_sectionwrap section:nth-child(2), .con_sectionwrap section {width:100%; float:none; margin:30px auto 0 auto;}
.con_sectionwrap section:first-child {margin:0 auto;}
.con_sectionwrap p {font-size:14px; line-height:30px;}
.con_sectionwrap02 p {font-size:14px; line-height:30px;}


/* 서브05 */
.ul0501_01 li textarea, .ul0501_01 li strong, .ul0501_01 li input {float:none; width:100%; background:none;}
.ul0501_01 li strong {text-align:center; border-bottom:1px solid #ddd;}
}