@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:ns; font-weight:100; src:url(/font/notokr-demilight.eot); src:local('※'), url(/font/notokr-demilight.woff) format('woff');}
@font-face {font-family:ns; font-weight:500; src:url(/font/notokr-medium.eot); src:local('※'), url(/font/notokr-medium.woff) format('woff');}
@font-face {font-family:bb; font-weight:500; src:url(/font/BebasNeue.eot); src:local('※'), url(/font/BebasNeue.woff) format('woff');}@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:'Cafe24Simplehae'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Diphylleia-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_JAMO@1.0/Diphylleia-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@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:'WavvePADO-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/WavvePADO-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'LOTTERIADDAG'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/LOTTERIADDAG.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'RiaSans-ExtraBold'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2'); font-weight:normal; font-style:normal;}




*, body {margin:0; padding:0; scroll-behavior: smooth;}
body, input, select, textarea {font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 
"Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, 
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 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:#666;}
select {cursor:pointer; border:1px solid #ddd; font-size:12px; color:#666;}
img {max-width:100%;}
a {text-decoration:none;}
li {list-style:none;}
button {outline:none;}
label {cursor:pointer; color:#666;}
select {cursor:pointer; border:1px solid #e1e1e1; font-size:12px; color:#666;}
input[type="checkbox"] {-webkit-appearance:button; width:14px !important; height:14px; display:block; border:1px solid #e1e1e1;}
input[type="checkbox"]:checked {background-image:url(/img/checkbox_on.jpg); background-position:center;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt10 {margin-top:10px !Important;}
.mrt20 {margin-top:20px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.fll {float:left;}
.flr {float:right;}
.display_block {display:block !important;}







.h1title {height:50px; overflow:Hidden;}
.h1title span {display:block; float:left; width:2px; height:50px; background:#222;}
.h1title strong {display:block; float:left; margin:0 0 0 10px; line-height:50px; font-size:20px; color:#222; font-weight:500;}
.h1title a {Display:Block; float:right; font-size:13px; text-transform:uppercase; color:#2093ec; font-weight:600; margin:12px 0 0 0;}





/* ====== 공통 ====== */
/* 헤더 */
header {width:100%; border-top:5px solid #122c47;}
header::after {content:"";}
header h1 {margin:0 auto; text-align:Center;}
.logosection > a {display:block; position:absolute;}


nav::after {content:"";}
nav li {font-family:'GmarketSansMedium';}
#sidebar {width:280px; height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:99999999999999;}
.container {width:100%; position:absolute; top:0;}
.container::after {content:"";}
.fixed1 {position:absolute; z-index:999; left:20px; top:22px;}
.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;}
.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; text-align:left;}
.nav_cate01 {width:100%; margin:0 auto; text-transform:uppercase;}
/*.nav_cate01 > li {background:#fff url(/img/tri01.jpg) no-repeat 95% 21px; background-size:5px;}*/
.nav_cate01 > li.active {background:none;}
.nav_cate01 > li > a {color:#111; font-weight:500; height:50px; line-height:50px;}
.nav_cate01 > li > a > strong {color:#000; font-size:15px; font-weight:400;}
.nav_cate01 > li > a > span {color:#000; font-size:10px; font-weight:400; opacity:0.5;}
.nav_cate01 > li:hover {background:#122c47;}
.nav_cate01 > li:hover a strong, .nav_cate01 > li:hover a span, .subgnb01 li:hover a {color:#fff !important; background:#122c47;}
.nav_cate01 a {display:block; padding:0 5%; width:90%;}
.nav_cate01 li:last-child .subgnb01 > li:last-child {border-bottom:none;}
.navXbtn01 {margin:20px auto 0 auto; text-align:right;}.navXbtn01 img {width:30px; height:30px;}
.subgnb01 {z-index:999999; display:none;}
.subgnb01 > li {background:#fbfbfb; font-size:13px; font-weight:normal; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.subgnb01 > li > a {color:#333;}


/* 푸터 */
footer {width:100%; padding:20px 0; overflow:Hidden; border-top:1px solid #ddd; text-align:center;}
footer p {font-size:13px; line-height:25px; color:#555; margin:10px auto 0 auto;}
footer p a {color:#555;}




/* 메인 및 서브 슬라이드 팝업*/
#trigger {	text-align:center;}
#fade {display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%; opacity:.80; z-index:9999;}
#trigger > div.overfl, #trigger > div.overfl > section.overfl {width:1100px;}
#trigger > div.overfl > section.overfl > a:first-child {margin:56px 0 0 0;}

.popup_0201 {width:100%; display:block; cursor:pointer; outline:none;}
.popup_0201:hover {opacity:0.7;}
.popup_0201 > figure {margin:0 auto;}
.popup_0201 > h3 {font-size:17px; color:#5f5f5f; margin:26px auto 0 auto; font-weight:500;}
.popup_0201 > h3 span {font-size:10px; font-family:"NanumGothic", "Nanum Gothic", "나눔고딕"; text-transform:uppercase; font-weight:100;}
.popup_0201 > h1 {overflow:hidden; line-height:27px; text-align:center; margin:10px auto 0 auto; color:#1f1f1f; letter-spacing:-0.05em;}
.popup_0201 > h1 strong {display:inline-block; font-size:26px; font-weight:500; text-transform:uppercase;}
.popup_0201 > h1 span {display:inline-block; font-size:15px; color:#777; padding:0 0 0 6px; font-weight:400;}
.popup_0201 > p {overflow:hidden; padding:0 20px; height:30px; color:#fff; margin:44px auto 0 auto; /* background:#1a2758; */}
.popup_0201 > p strong {display:Block; float:left; font-size:12px; line-height:28px;}
.popup_0201 > p span {display:Block; float:Right; font-size:10px; text-transform:uppercase; line-height:30px;}
.popup_0201 > article {padding:20px 0 25px 0; text-align:Center; color:#fff; font-size:12px; line-height:20px;}





/* ====== 메인 ====== */
.mainvisual {width:100%; overflow:hidden;}
.mainvisual img {display:block;}
.applygogogogo {width:100%; height:50px; line-height:47px; text-align:center; color:#fff; background:#174d85; font-size:20px;}
.applygogogogo a {color:#fff;}
.main00 {width:100%; margin:80px auto 40px auto; overflow:hidden;}
.main00 > hgroup {text-align:Center;}
.main00 > hgroup h1 {font-size:40px; height:36px; line-height:45px; color:#122c47; font-family:'GmarketSansMedium';}
.main00 > hgroup h3 {font-size:15px; color:#313131; margin:30px auto 55px auto;}
.youtubewrap {position:relative; max-width:100%; padding-bottom:56.25%; height:0;}
#main01_content {margin:50px auto 0 auto; padding:0 0 10px 0;}
.ekdcjacnrgk00 .slick-track > div {border:1px solid #ddd; margin:15px; text-align:Center; background:#fff;}
.ekdcjacnrgk00 .slick-track > div figure img {width:100%;}
.ekdcjacnrgk00 .slick-track > div h3 {font-size:15px; color:#000; margin:0px auto;}
.ekdcjacnrgk00 .slick-track > div h4 {font-size:16px; color:#023894; margin:10px auto;}
.ekdcjacnrgk00 .slick-track > div h1 {font-size:14px; color:#122c47; padding:0 0 0 0;}
.ekdcjacnrgk00 .slick-track > div h1 strong {font-size:18px;}
.slick-arrow {width:43px; height:80px; position:absolute; top:180px; border:none; font-size:0; z-index:9999;}
.slick-prev {background:url(/img/arrow01.png) no-repeat center; left:-70px;}
.slick-next {background:url(/img/arrow02.png) no-repeat center; right:-70px;}


.main01ul {overflow:hidden; width:100%;}
.main01ul li {position:relative; float:left; margin-left:5%; width:calc(30% - 3px); border:1px solid #ccc; text-align:center; background:rgba(0,0,0,0);}
.main01ul li:first-child {margin-left:0px !important;}
.main01ul li:nth-child(2) {background:#023894;}
.main01ul li:nth-child(2) i, .main01ul li:nth-child(2) span {color:#fff;}
.main01ul li .main01a::before {content:""; position:absolute; background:#fff; display:inline-block; transition:all 0.5s; left:10%; top:10%; width:0%; height:2px;}
.main01ul li .main01a::after {content:""; position:absolute; background:#fff; display:inline-block; transition:all 0.5s; right:10%; top:90%; width:0%; height:2px;}
.main01ul li .main01h1::before {content:""; position:absolute; background:#fff; display:inline-block; transition:all 0.5s; left:10%; top:10%; width:2px; height:0%;}
.main01ul li .main01h1::after {content:""; position:absolute; background:#fff; display:inline-block; transition:all 0.5s; right:10%; bottom:10%; width:2px; height:0%;}
.main01ul li:hover {background:#023894;transition:all 0.5s;}
.main01ul li:hover i, .main01ul li:hover span {color:#fff;}
.main01ul li:hover .main01a::before {width:80%;}
.main01ul li:hover .main01a::after {width:80%;}
.main01ul li:hover .main01h1::before {height:80%;}
.main01ul li:hover .main01h1::after {height:80%;}
.main01ul li a {display:block; padding:70px 0;}
.main01ul li h1 {display:block; position:absolute; width:100%; height:100%; top:0px; left:0px;}
.main01ul li i {display:block; color:#023894; font-size:65px;}
.main01ul li span {display:block; margin-top:15px; font-size:20px; font-weight:700; color:#303030;}



.main02 {width:100%; background:#eff7ff; padding:80px 0; margin:80px auto 0 auto;}
.tabmain01 > ul {overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.tabmain01 > ul > li {float:left; text-align:center; height:55px; line-height:55px; font-size:16px; font-weight:600; border-left:1px solid #ddd;}
.tabmain01 > ul > li:first-child {border-left:none;}
.tabmain01 > ul > li a {color:#333; display:Block; width:100%; height:100%;}
.tabmain01 > ul > li:hover, .tabmain01 > ul > li.active {background:#013a74;}
.tabmain01 > ul > li:hover a, .tabmain01 > ul > li.active a {color:#fff;}

.tableschedule {margin:20px auto 0 auto; overflow:hidden; width:100%;}
.tableschedule th, .tableschedule td {padding:15px;}
.tableschedule th {background:#1d4589; font-size:18px; color:#fff; border-left:1px dashed #eee;}
.tableschedule th:first-child {border-left:none;}
.tableschedule td {text-align:center; background:#fff; border-left:1px dashed #ddd; border-bottom:1px dashed #ddd; font-size:17px; line-height:25px; font-weight:500; color:#555; letter-spacing:-0.05em;}
.tableschedule td strong {color:#2484e4; font-weight:600;}

.tableschedule td a {float:right; transition:opacity 0.5s; background:#923737; border-radius:30px; line-height:50px; height:50px; width:50px; text-align:Center;}
.tableschedule td a:hover {opacity:0.6;}
.tableschedule td a img {width:30px; top:8px;}

.tableschedule td:first-child {border-left:none;}
.tableschedule td:last-child {text-align:left;}
.tableschedule td.td3p {text-align:center !important; width:20%; border-left:1px dashed #ddd;}
.tableschedule td.bdl {border-left:1px dashed #ddd;}
.atag_blueround {background:#023894; transition:background 0.5s; text-align:center; color:#fff; font-size:18px; letter-spacing:-0.07em; font-weight:600; width:200px; height:50px; line-height:50px; border-radius:30px; display:Block; margin:30px auto 0 auto;}
.atag_blueround:hover {background:#04376b;}

.main03 {width:100%; background:url(/img/main03bg.jpg); overflow:hidden; background-attachment:fixed; margin:0 auto; padding:47px 0;}
.main03 hgroup {float:left;}
.main03 hgroup h1 {font-size:40px; color:#fff; line-height:35px; height:44px; margin:10px 0 0 0;}
.main03 hgroup p {font-size:15px; color:#fff; line-height:22px; letter-spacing:0; margin:20px 0 0 0;}
.main03 hgroup p strong {Font-weight:400; opacity:0.3;}
.main03 ul {overflow:Hidden;}
.main03 ul li {height:64px; line-height:64px; text-align:Center; float:left; text-align:center; border:1px solid #fff; font-size:15px;}
.main03 ul li:first-child {background:rgba(255,255,255,0.9);}
.main03 ul li:first-child a {color:#1b5080;}
.main03 ul li img {vertical-align:middle;}
.main03 ul li a {color:#fff;}

.main04 {width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding:0 0 80px 0;}
.main04 > ul {text-align:center;}
.main04 ul li, .applygogogogo02 {border-radius:30px; width:200px; height:50px; line-height:50px; text-align:center; background:#2868a9; transition:background 0.5s;}
.main04 ul li {display:inline-block; margin:0 15px;}
.applygogogogo02 {margin:0 auto;}


.main04 ul li:hover, .applygogogogo02:hover{background:#174d85;}
.main04 ul li a, .applygogogogo02 a {color:#fff; display:block;}







/* ====== 서브 ====== */
/* 서브공통 */
.h1title01 {overflow:hidden;}
.h1title01 span {display:block; width:3px; height:47px; float:left; background:#333;}
.h1title01 strong {margin:0 0 0 15px; font-size:22px; float:left; line-height:47px; color:#333;}
.subvisual {width:100%; background:url(/img/subvis_2025.jpg) no-repeat center; display:flex; height:300px; text-align:Center; overflow:hidden; flex-direction:column; justify-content:center;}
.subvisual h3 {font-size:18px; color:#ffffff; font-weight:400; margin:0 auto;}
.subvisual h1 {font-size:45px; color:#ffffff; font-weight:600; margin:15px auto;  font-family:'GmarketSansMedium';}
.subvisual p {font-size:20px; font-weight:400; color:#ffffff; line-height:27px;}
.subvisual p span, .subvisual p strong {display:inline-block; margin:0 10px; font-weight:400;}
.subpagenav {width:100%; border-bottom:1px solid #ddd; height:50px; line-height:50px; overflow:hidden;}
.subpagenav ul {text-align:center;}
.subpagenav li {display:inline-block; padding:0 15px;}
.subpagenav li a {Color:#333; display:block; width:100%; height:100%;}
.subpagenav li.liselectedSUB, .subpagenav li:hover {font-weight:600; line-height:46px; border-bottom:2px solid #2c6cbc;}
.subpagenav li.liselectedSUB a, .subpagenav li:hover a {color:#2c6cbc;}
.subpage {width:100%; overflow:Hidden; margin:50px auto;}
.subpage > hgroup {width:100%; text-align:center; overflow:Hidden;}
.subpage > hgroup h3 {font-size:13px; color:#302d2c; opacity:0.5; text-transform:uppercase; letter-spacing:0.2em;}
.subpage > hgroup h1 {font-size:35px; color:#302d2c; padding:20px 0; line-height:37px;}
.sub00 {overflow:Hidden; margin:70px auto 0 auto;}
.sub02 {margin:70px auto 0 auto;}



/* 서브01 */
.sub01 > div figure {-webkit-box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.1); box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.1);}
.sub01 > div figure img {Display:block; max-width:460px;}
.sub01 > article {letter-spacing:-0.05em; background:url(/img/0101bg01.jpg) no-repeat top center; width:100%; text-align:left; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; color:#000;}
.sub01 > article p {font-size:16px; margin:30px auto 0 auto;}
.sub01 > article h3 {font-size:25px; color:#023894; margin:80px auto 0 auto; font-weight:600;}
.sub01 > div {padding:0 0 10px 0;}
.sub01 > div h3 {font-size:24px; color:#2b4461; font-weight:400; letter-spacing:-0.07em;}
.sub01 > div h1 {font-size:35px; padding:10px 0 40px 0; line-height:39px; height:32px; color:#023894; font-weight:400;}
.sub01 > div p {font-weight:400; margin:30px auto 0 auto; text-align:justify; letter-spacing:-0.07em; color:#333;}
.sub01 > div figure {-webkit-box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.1); box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.1);}
.sub01 > div figure img {Display:block;}

.sub0101 {overflow:Hidden; text-align:Center;}
.sub0101 h2 {font-size:18px; color:#333; margin:40px auto 0 auto; font-weight:400;}
.sub0101 p {font-size:16px; line-height:22px; color:#666; margin:30px auto 0 auto;}
.sub0101 h3 {width:100%; text-align:right; font-size:16px; color:#222; margin:40px 0 0 0;}
.sub0102 {overflow:hidden; padding:30px; border:1px solid #ddd;}
.sub0102 figure img {width:100%;}
.sub0102 li {overflow:hidden; font-size:15px;}
.sub0102 li strong {display:block; border-radius:30px; color:#fff; background:#023894; width:160px; height:43px; line-heighT:43px; text-align:center;}
.sub0102 li span {display:block; line-height:22px; margin:10px 0 30px 0;}
.sub0102 li:last-child span {margin:10px 0 0 0;}

.sub0103 {}
.tab0103 {text-align:center;}
.tab0103 li {text-align:center; background:#fff; display:inline-block; margin:0 8px; letter-spacing:-0.07em;}
.tab0103 li a {padding:15px; color:#333; display:block;}
.tab0103 li:hover, .tab0102 li.active {Background:#5d4291;}
.tab0103 li:hover a, .tab0102 li.active a {color:#fff !important;}
.tab01div {padding:40px 0; background:#fff; border-top:2px solid #5d4291; margin:50px auto 0 auto;}
.tab01div p {line-height:32px;}
.ul0103 {margin:40px 0 0 0;}
.ul0103 li {overflow:hidden; margin:20px 0 0 0; line-heighT:39px;}
.ul0103 li strong {display:inline-block; text-align:Center; width:110px; height:39px; line-height:42px; background:#023894; border-radius:30px; color:#fff; font-size:14px;}
.ul0103 li span {width:calc(100% - 140px); text-align:left; display:inline-block; margin:0 0 0 15px; font-size:17px; letter-spacing:-0.07em; color:#333;}
.ul0103 li img {vertical-align:bottom;}
.ul0103 li a i {color:#c4302b; font-size:30px; vertical-align:middle;}
.sub0103_2 {}
.sub0103_2 ul {overflow:hidden; margin:0;}
.sub0103_2 ul li {margin:0;}
.sub0103_2 li img {width:100%;}
.table0103 {width:100%; margin:20px auto 0 auto; border-right:1px solid #eee; background:#fff;}
.table0103 td {padding:15px; text-align:center; border-bottom:1px solid #ddd; font-size:13px; border-left:1px solid #eee;}
.tr_first td, .tr_first02 td {background:#034f9c; color:#fff; font-family:"NanumSquare"; font-size:17px;}
.tr_first td:first-child, .tr_first td:nth-child(2) {width:10%;}
.td_pink {background:#f2f8ff;}
.td_blue {background:#f2fbff;}
.td_orange {background:#fafafa;}



/* 서브02 */
#tabs > ul {overflow:Hidden; width:100%; TEXT-ALIGN:CENTER;}
#tabs > ul li {height:50px; text-align:Center; line-height:50px; background:#fbfbfb; font-size:17px; display:inline-block; padding:0 20px; background:#fff; margin:0 10px;}
#tabs > ul li a {color:#333; display:block;}
#tabs > ul li:hover, #tabs > ul li:hover a, #tabs > ul li.active, #tabs > ul li.active a {background:#023894; color:#fff; font-weight:600;}

.sub02 > article {background:#f9f9f9; padding:30px; overflow:Hidden; margin:0 auto; border-top:1px solid #ddd;}
.sub02 > article:nth-of-type(1) {border-top:none; margin:30px auto 0 auto;}
.sub02 > article ul {overflow:Hidden; float:Right;}
.sub02 > article li {display:inline-block; transition:opacity 0.5s; background:#ff0000; border-radius:30px; line-height:50px; height:50px; width:50px; text-align:Center;}
.sub02 > article li:first-child {background:#923737;}
.sub02 > article li:hover {opacity:0.6;}
.sub02 > article li a {display:block;}
.sub02 > article li img {width:30px; top:8px;}
.sub02 > article p {float:left; font-size:15px;}
.sub02 > article p strong {color:#348dd8;}
#article2nd {margin:30px auto 0 auto; border-top:none;}
#article2nd h3 {font-size:16px; color:#fff; margin:0 0 10px 0; background:#0f5f9d; display:inline-block; padding:2px;}
#article2nd p {float:none; line-height:20px; font-size:14px; margin:10px 0 0 0;}

.sub0201 > .px1200 {width:1100px; margin:0 auto; background:#fff; padding:50px; overflow:hidden;}
.sub0201_wrap {width:1100px; margin:0 auto; background:url(/img/0201bg01.jpg) repeat-y center top; overflow:hidden; padding:30px 0;}
.sub0201_wrap section {width:558px; overflow:Hidden;}
.sub0201_wrap section h3 {padding:0 15px; font-size:20px; color:#ba3e3e; float:left;}
.sub0201_wrap section p {float:left; font-size:12px; line-height:22px; color:#555; letter-spacing:-0.1em; max-width:355px; padding:0 20px;}




/* 서브03 */
.sub03wrap01 {background:#f9f9f9; padding:30px; overflow:hidden; margin:30px auto 0 auto;}
.sub03wrap01 h3 {font-size:15px; color:#000;}
.sub03wrap01 h3 strong {color:#2093ec;}
.sub03wrap01 textarea {width:calc(100% - 52px); background:#fff; padding:25px; margin:15px auto 0 auto; font-size:15px; border:1px solid #ddd; min-height:100px; line-height:28px; outline:none;}
.sub03wrap01 label {font-size:13px; margin:15px 0 0 0; text-align:right; display:block; width:100%;}
.sub03wrap01 label input {display:inline-block; top:2px;}
.sub03wrap01 label strong {display:inline-block; font-weight:400; margin:0 0 0 5px;}
.sub03wrap01top {font-size:13px; margin:15px 0 0 0; text-align:right; display:block; width:100%;}
.sub03wrap01top input {display:inline-block; top:2px;}
.sub03wrap01top strong {display:inline-block; font-weight:400; margin:0 0 0 5px;}



.sub03wrap02 {background:#f9f9f9; padding:30px; overflow:hidden; margin:30px auto 0 auto; border-top:2px solid #888;}
.sub03wrap02 ul {}
.sub03wrap02 li {overflow:hidden; /*height:50px; */margin:10px 0 0 0;}
.sub03wrap02 li > strong {display:Block; width:100px; font-size:16px; color:#000; floaT:left; line-height:50px; font-weight:400; padding:0 10px; letter-spacing:-0.05em;}
.sub03wrap02 li strong b {color:#2093ec;}
.sub03wrap02 li > input {display:block; float:left; height:45px; border:1px solid #ddd; background:#fff; width:calc(70% - 123px);}
.sub03wrap02 li select {display:block; float:left; height:47px; margin:0 10px 0 0; width:70px; text-align:Center;}
.sub03wrap02 li span {display:block; float:left; margin:0 10px; height:50px; line-height:50px; font-size:16px;}
.sub03wrap02 li a {display:block; float:left; height:46px; line-height:46px; font-size:13px; background:#333; color:#fff; text-align:Center; width:100px; margin:0 0 0 10px;}
.sub03wrap02 li article {float:left; height:50px; line-height:50px;}
.sub03wrap02 li label {display:inline-block; font-size:17px; color:#000; margin:0 20px 0 0;}
.sub03wrap02 li label input {display:inline-block;}

#li_Email input, #li_Phone input {width:100px;}
#li_Email select {margin:0 0 0 10px;}
#li_text {overflow:hidden;}
#li_text div {margin:0 0 0 120px; font-size:13px;}

.Articlesub03last {text-align:Center; border:1px solid #ddd; padding:30px; font-size:25px;}
.Articlesub03last i {font-size:50px; color:#203445;}
.Articlesub03last p {margin:20px auto 0 auto; color:#272e33;}
.Articlesub03last span {margin-top:20px; display:block; font-size:15px;}
.ul_btnlist {text-align:center;}
.ul_btnlist li {transition:background 0.5s; background:#f5f5f5; text-align:center; color:#000; font-size:14px; letter-spacing:-0.07em; font-weight:600; width:150px; height:50px; line-height:50px; border-radius:30px; display:Block; margin:30px auto 0 auto; display:inline-block;}
.ul_btnlist li a {color:#333; display:Block;}
.ul_btnlist li:hover {background:#333;}
.ul_btnlist li:hover a {color:#fff;}






/* ================================= 반응형 ================================= */

@media screen and (min-width:1100px)
{
/* ====== 공통 ====== */
.px1100 {width:1100px; margin:0 auto;}



/* 헤더 */
header {width:100%; margin:0 auto; border-bottom:1px solid #ddd; height:127px;}
header::after, .PC01 {content:"";}
.PC01 {width:1100px; margin:0 auto;}
.logosection {height:70px; margin:29px auto; float:left;}
.phone {width:238px; height:64px; background:url(/img/logoright.jpg) no-repeat; right:0; top:0;}
.fixed1 {display:none;}
#sidebar {width:auto; float:right; background:#fff; box-shadow:none; z-index:99; overflow:visible;}
.nav_cate01 > li {width:175px; float:left; vertical-align:top; text-align:center; padding:0; background:url(/img/bar01.jpg) no-repeat right 27px; border-right:1px solid #ddd;}
.nav_cate01 > li:First-child {border-left:1px solid #ddd;}
.nav_cate01 > li > a {padding:36.5px 0; width:100%; height:100%; border-bottom:none; line-height:inherit;}
.nav_cate01 > li > a > strong {font-size:27px; display:Block;}
/* .nav_cate01 > li > a > strong {font-size:18px; display:Block;} */
.nav_cate01 > li:first-child strong {background:url(/img/bar01.jpg) no-repeat left 27px;}
.subgnb01 {width:100%; text-align:Center; position:absolute;}
.subgnb01 > li {border-bottom:none; background:#fff; width:100%; font-size:15px; height:45px; line-height:45px; border-bottom:1px solid #ddd;}
.subgnb01 > li:first-child {padding:0;}
.subgnb01 > li a {color:#777;}
.navXbtn01, .h1_nav01 {display:none;}
.animated {animation-fill-mode:none !important; -webkit-animation-fill-mode:none !important;}
.slideOutLeft {-webkit-animation-name:none !important; animation-name:none !important;}
.tuxedo-menu {display:block !important;}
.tuxedo-menu.tuxedo-menu-fixed {position:relative; padding:0; overflow:auto; z-index:11919911026; opacity:1;}



/* 푸터 */
footer figure {float:left;}
footer p {float:Right; text-align:right; margin:0;}

.mrl {margin-left:62px !Important;}
.mrl2 {margin-left:49px !Important;}


/* 메인 및 서브 슬라이드 팝업*/
.section_sub0201popupbox {width:1000px; min-height:250px; padding:30px 0; float:left; position:fixed; top:50%; left:50%; border:1px solid #ddd; background:#fff; z-index:99991; border-radius:20px; display:none;}
.section_sub0201popupbox > figure {float:left; text-align:Center; width:420px;}
.section_sub0201popupbox > article {float:right; width:550px; text-align:left; padding:0 0 30px 0;}
.section_sub0201popupbox > article > h3 {text-transform:uppercase; font-size:17px; color:#39608c; display:inline-block; background:url(/img/0201bg01.jpg) repeat-x left 17px; height:30px; margin:50px 0 18px 0; font-weight:400;}
.section_sub0201popupbox > article > h1 {overflow:hidden; margin:40px auto 0 auto;}
.section_sub0201popupbox > article > h1 strong {display:block; float:left; font-size:35px; letter-spacing:-0.07em; color:#000;}
.section_sub0201popupbox > article > h1 span {display:block; float:left; font-size:20px; letter-spacing:-0.05em; color:#6e6e6e; margin:13px 0 0 15px; font-weight:400;}
.section_sub0201popupbox > article > p {display:inline-block; margin:20px auto; color:#39608c; font-style:italic; font-size:18px;}
/* .section_sub0201popupbox > article > ul {overflow-y:scroll;} */
.section_sub0201popupbox > article > ul li {font-size:12px; overflow:hidden; padding:4px 0;}
.section_sub0201popupbox > article > ul li strong {display:Block; color:#000; background:url(/img/bullet03.gif) no-repeat left center; padding:0 0 0 6px; font-size:15px;}
.section_sub0201popupbox > article > ul li span {display:block; color:#777; margin:10px 0 0 8px; letter-spacing:-0.03em; line-height:30px; font-size:13px;}
.XXXXX {position:absolute; top:-40px; right:0; cursor:pointer;}









/* ====== 메인 ====== */
.mainvisual {background:url(/img/mainvisual_2025_1.jpg) no-repeat center top; height:450px;}
.mainvisual img {display:none;}
.ekdcjacnrgk00 .slick-track > div {width:210px ; padding:20px;}
.tabmain01 > ul > li {width:182px;}
.tableschedule th:first-child, .tableschedule th:nth-child(2) {width:210px;}
.main03 ul {float:right; margin:30px auto;}
.main03 ul li {width:220px;}




/* ====== 서브 ====== */
/* 서브공통 */
.sub00 {width:1100px; margin:50px auto;}

.sub01 > article {font-size:18px; line-height:30px; padding:73px 0 83px 0; letter-spacing:-0.05em;}
.sub01 > div {margin:50px auto 0 auto;}
.sub01 > div figure {float:left;}
.sub01 > div p {font-size:15px;}
.sub01 > div article {float:right; width:600px; margin:50px 0 0 0;}
.sub0102 > div article {float:right; width:600px; margin:80px 0 0 0;}

.sub0102 figure {float:left; width:500px;}
.sub0102 ul {float:right; margin:30px 0 0 50px; width:550px;}
.sub02 {width:1100px; margin:50px auto;}
}














@media screen and (min-width:769px) and (max-width:1199px)
{
/* ====== 공통 ====== */
img {max-width:100%;}
.px1100 {width:90%; margin:0 auto;}

/* 헤더 */
header {position:fixed; width:100%; left:0; z-index:911026910612; background:#fff; border-bottom:1px solid #e1e1e1; top:0;}
header h1 {Width:280px; margin:25px auto;}
header h1 img {display:block;}

.nav_cate01 > li {border-bottom:1px solid #eee;}
.phone {width:20px; height:20px; background:url(/img/phone.jpg) no-repeat; top:42px; right:20px;}
.fixed1 {top:37px;}
.change_top {top:0;}
.nav_cate01 > li > a > span {display:Block; float:right; margin:0 0 0 10px;}
.nav_cate01 > li > a > strong {display:block; float:left;}




/* 메인 및 서브 슬라이드 팝업*/
.section_sub0201popupbox {width:90%; position:fixed; top:50%; left:50%; border:1px solid #ddd; background:#fff; z-index:99991; display:none; height:390px; overflow:scroll;}
.section_sub0201popupbox > figure {float:left; text-align:Center; width:250px; margin:30px;}
.section_sub0201popupbox > article {float:right; width:calc(100% - 340px); text-align:left; padding:0 30px 30px 0;}
.section_sub0201popupbox > article > h3 {text-transform:uppercase; font-size:17px; color:#39608c; display:inline-block; background:url(/img/0201bg01.jpg) repeat-x left 17px; height:30px; margin:50px 0 18px 0; font-weight:400;}
.section_sub0201popupbox > article > h1 {overflow:hidden; margin:40px auto 0 auto;}
.section_sub0201popupbox > article > h1 strong {display:block; float:left; font-size:35px; letter-spacing:-0.07em; color:#000;}
.section_sub0201popupbox > article > h1 span {display:block; float:left; font-size:20px; letter-spacing:-0.05em; color:#6e6e6e; margin:13px 0 0 15px; font-weight:400;}
.section_sub0201popupbox > article > p {display:inline-block; margin:20px auto; color:#39608c; font-style:italic; font-size:18px;}
/* .section_sub0201popupbox > article > ul {overflow-y:scroll;} */
.section_sub0201popupbox > article > ul li {font-size:12px; overflow:hidden; padding:4px 0;}
.section_sub0201popupbox > article > ul li strong {display:Block; color:#000; background:url(/img/bullet03.gif) no-repeat left center; padding:0 0 0 6px; font-size:15px;}
.section_sub0201popupbox > article > ul li span {display:block; color:#777; margin:10px 0 0 8px; letter-spacing:-0.03em; line-height:30px; font-size:13px;}
.XXXXX {position:absolute; z-index:99999999999999999999; right:10px; top:10px; cursor:pointer;}
.main01ul li a {padding:50px 0;}
















/* ====== 메인 ====== */
.mainvisual {margin:101px auto 0 auto; background:url(/img/mainvisual_TABLET_2025.jpg) no-repeat center top #16222e; height:450px;}
.mainvisual img {display:none;}
.slick-prev {left:-35px;}
.slick-next {right:-35px;}
.tabmain01 > ul > li {width:calc(16.6666% - 1px);}
.ekdcjacnrgk00 .slick-track > div h1 {padding:0 0 20px 0;}
.main03 hgroup p {font-size:12px;}
.main03 ul {float:right; margin:30px auto;}
.main03 ul li {width:180px;}



/* ====== 서브 ====== */
/* 서브공통 */
.subvisual {margin:110px auto 0 auto;}
.sub00 {width:90%;}

/* 서브01 */
.sub01 > article {font-size:13px; line-height:30px; padding:73px 0 123px 0; background-size:100% 100%;}
.sub01 > article h3 {margin:0 auto;}
.sub01 > div {margin:50px auto 0 auto;}
.sub01 > div figure {text-align:Center; width:50%; margin:0 auto;}
.sub01 > div figure img {width:100%;}
.sub01 > div article {text-align:Center; margin:50px 0 0 0;}
.sub01 > div p {font-size:15px; line-height:25px;}
.sub0102 > div p {text-align:Center; margin:20px auto 30px auto;}

.sub0102 {padding:30px; width:calc(90% - 60px); text-align:center;}
.sub0102 figure {display:inline-block; width:200px; float:none; vertical-align:top;}
.sub0102 ul {display:inline-block; text-align:left; float:none; width:calc(100% - 250px); margin:0 0 0 30px;}
.sub0102 ul li {overflow:hidden;}
.sub0102 ul li span, .sub0102 ul strong {display:block; float:left; font-size:13px;}
.sub0102 ul li strong {width:90px; margin:0 10px 0 0;}
.sub0102 ul li span {width:calc(100% - 100px);}

.sub02 {width:90%;}
}














@media screen and (min-width:0px) and (max-width:768px)
{

/* ====== 공통 ====== */
img {max-width:100%;}
.px1100 {width:90%; margin:0 auto;}


/* 헤더 */
header {position:fixed; width:100%; left:0; z-index:911026910612; background:#fff; border-bottom:1px solid #e1e1e1; top:0;}
.logosection h1 {Width:240px; margin:25px auto;}
.logosection h1 img {display:block;}

.nav_cate01 > li {border-bottom:1px solid #eee;}
.phone {width:20px; height:20px; background:url(/img/phone.jpg) no-repeat; top:42px; right:20px;}
.fixed1 {top:34px;}
.change_top {top:0;}
.nav_cate01 > li > a > span {display:Block; float:right; margin:0 0 0 10px;}
.nav_cate01 > li > a > strong {display:block; float:left;}



/* 메인 및 서브 슬라이드 팝업*/
.section_sub0201popupbox {width:90%; position:fixed; top:50%; left:50%; border:1px solid #ddd; background:#fff; z-index:99991; display:none; height:390px; overflow:scroll;}
.section_sub0201popupbox > figure {border-bottom:1px solid #eee; text-align:center; padding:30px 0;}
.section_sub0201popupbox > figure img {width:180px;}
.section_sub0201popupbox > article {text-align:center; padding:0 30px;}
.section_sub0201popupbox > article > h3 {text-transform:uppercase; font-size:17px; color:#39608c; display:inline-block; background:url(/img/0102bg01.jpg) repeat-x left 17px; height:30px; margin:20px 0 0 0; font-weight:400;}
.section_sub0201popupbox > article > h1 {overflow:hidden;}
.section_sub0201popupbox > article > h1 strong {font-size:28px; display:block; letter-spacing:-0.07em; color:#000;}
.section_sub0201popupbox > article > h1 span {font-size:14px; display:block; letter-spacing:-0.05em; color:#6e6e6e; margin:0 0 0 10px; font-weight:400;}
.section_sub0201popupbox > article > p {display:inline-block; margin:20px auto; color:#39608c; font-style:italic; font-size:14px;}
.section_sub0201popupbox > article > p br {display:none; content:"";}
.section_sub0201popupbox > article > ul {margin:15px auto;}
.section_sub0201popupbox > article > ul li {font-size:13px; text-align:left; overflow:hidden; padding:4px 0; line-height:22px;}
.section_sub0201popupbox > article > ul li strong {display:Block; color:#000; background:url(/img/bullet03.gif) no-repeat left center; padding:0 0 0 6px;}
.section_sub0201popupbox > article > ul li span {display:block; color:#999; width:100%; /*width:220px;*/  margin:10px 0 0 8px; letter-spacing:-0.03em;}
.XXXXX {position:absolute; z-index:99999999999999999999; right:10px; top:10px; cursor:pointer;}





/* ====== 메인 ====== */
.mainvisual {margin:95px auto 0 auto;}
.main04 ul li {margin:10px 0;}
.main00 {margin:50px auto 20px auto;}
.main00 > hgroup h1 {font-size:25px; height:23px; line-height:29px;}
.main00 > hgroup h3 {font-size:13px; margin:30px auto; width:90%;}
.main01ul li {width:100%; box-sizing:border-box; margin:10px auto;}
.ekdcjacnrgk00 .slick-track > div h1 {padding:0 0 20px 0;}
.main02 {padding:50px 0; margin:50px auto 0 auto;}
.tabmain01 > ul > li {width:calc(33.3333% - 1px);}
.tableschedule th, .tableschedule td {padding:8px;}
.tableschedule th {font-size:14px;}
.tableschedule td {font-size:12px; line-height:19px;}
.main03 {margin:0 auto;}
.main03 hgroup {float:none;}
.main03 hgroup h1 {margin:10px 0 0 0;}
.main03 ul {width:100%; margin:30px auto 0 auto;}
.main03 ul li {width:49%;}







/* ====== 서브 ====== */
/* 서브공통 */
.h1title01 span {width:2px; height:45px;}
.h1title01 strong {font-size:16px; line-height:45px;}
.h1title strong {font-size:17px;}


.subvisual {margin:95px auto 0 auto;}
.subvisual p {font-size:15px;}
.subvisual p span, .subvisual p strong {display:block;}
.subpagenav {height:auto;}
.subpagenav li {font-size:15px; padding:0 8px;}
.subpage {Width:90%;}
.subpage > hgroup h1 {font-size:26px; letter-spacing:-0.07em; line-height:26px; background-size:30px; paddinG:20px 0;}
.sub00 {margin:40px auto 0 auto; width:95%;}


/* 서브01 */
.sub01 > article {font-size:11px; line-height:25px; width:90%; padding:50px 5%; background:url(/img/0101bg02.jpg);}
.sub01 > article p {font-size:13px;}
.sub01 > article h3 {margin:0 auto;}
.sub01 > div {margin:50px auto 0 auto;}
.sub01 > div figure {text-align:Center; width:50%; margin:0 auto;}
.sub01 > div figure img {width:100%;}
.sub01 > div article {text-align:Center; margin:50px 0 0 0;}
.sub01 > div p {font-size:15px; line-height:25px;}
.sub0102 > div p {text-align:center;}
.sub0102_2 {padding:20px !important;}

.sub0102 {padding:20px; width:calc(95% - 42px); text-align:center;}
.sub0102 figure {float:none; width:100%;}
.sub0102 ul {float:none; margin:15px auto 0 auto; text-align:left;}
.sub0102 ul li {overflow:hidden;}
.sub0102 ul li span, .sub0102 ul strong {display:block; font-size:13px;}
.sub0102 ul li strong {width:90px;}




/* 서브02 */
.sub02 {margin:40px auto 0 auto; width:95%;}
.sub02 > article {padding:20px;}
.sub02 > article p {font-size:13px; line-height:22px;}
.sub02 > article li {width:30px; height:30px; line-height:30px;}
.sub02 > article li img {top:3px; width:18px;}
#article2nd p {font-size:13px;}



/* 서브03 */
.sub03wrap01 {padding:15px;}
.sub03wrap01 textarea {width:calc(100% - 32px); padding:15px;}
.sub03wrap02 {padding:15px;}
.sub03wrap02 li {height:auto;}
.sub03wrap02 li > strong {width:auto; float:none; padding:0;}
.sub03wrap02 li > input {width:calc(100% - 2px);}
.sub03wrap02 li a {float:none; width:100%; margin:10px auto 0 auto;}
.sub03wrap02 li article {float:none; background:#fff; height:auto; line-height:auto; padding:15px;}
#li_Email input {width:calc((100% - 35px)/2);}
#li_Email select {margin:0; float:none; width:100%;}
#li_Phone input {width:calc((100% - 110px)/2);}
#li_Address input {float:none;}

#li_text div {margin:0; font-size:12px;}
}