@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(//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:'MapoFlowerIsland'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff'); font-weight:normal; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2'); font-weight:100; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2'); font-weight:200; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2'); font-weight:300; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2'); font-weight:400; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2'); font-weight:500; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2'); font-weight:600; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2'); font-weight:700; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2'); font-weight:800; font-display:swap;}
@font-face {font-family:'Paperozi'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2'); font-weight:900; font-display:swap;}
@font-face {font-family:'GMarketSans'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:300; font-display:swap;}
@font-face {font-family:'GMarketSans'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:500; font-display:swap;}
@font-face {font-family:'GMarketSans'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:700; font-display:swap;}
@font-face {font-family:'GyeonggiMillenniumBackground'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Regular.woff') format('woff'); font-weight:400; font-display:swap;}
@font-face {font-family:'GyeonggiMillenniumBackground'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Bold.woff') format('woff'); font-weight:700; font-display:swap;}
@font-face {font-family:'SfHambakneun'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff') format('woff'); font-weight:normal; font-display:swap;}




*, body {margin:0; padding:0;}
body {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; box-sizing:border-box;}
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%;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !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);}
.px1500 {width:90%; margin:0 auto;}
.sub00 {width:90%; margin:50px auto 0 auto;}


/* 셀렉션 */
div::selection, article::selection, header::selection, li::selection, span::selection, p::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, strong::selection,
input::selection, textarea::selection, select::selection, td::selection, th::selection, table::selection, figure::selection, figcaption::selection, img::selection, a::selection, ol::selection, ul::selection,
iframe::selection, video::selection, footer::selection, label::selection
{background:#1da9ff; color:#fff;}


/* 전체 웹사이트의 드래그 배경색 변경 */
*::selection{background:#271c3a !important; color:#fff !important;}









/* ============= 헤더 ============= */
header {width:100%; padding:20px; z-index:999; border-bottom:1px solid #ddd; overflow:hidden;}
header::after {content:"";}
header img {display:block;}
.addition {width:100%; display:flex; justify-content:space-between;}
.addition > h1 {z-index:90; }
.fixed1 {z-index:999;cursor:pointer; margin:10px 0 0 0;}
.div_PCfixed1 {display:none;}
#navigation {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%;}
#login_joinus {display:none;}
.snsicons  {display:flex; margin:20px 0 0 0; gap:15px;}
.snsicons li {transition:transform 0.3s ease;}
.snsicons li:hover {transform:translateY(-5px);}
.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; width:100%; overflow:hidden;}
.navXbtn01 img {width:30px; height:30px; float:right;}
.nav_cate01 {width:100%; margin:0 auto; text-transform:uppercase;}
.nav_cate01 > li {font-size:15px;}
.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee; font-weight:500;}
.nav_cate01 > li.active {background:#2b2843;}
.nav_cate01 > li.active > a {color:#fff; font-weighT:500;}
.nav_cate01 a {display:block; padding:0 5%; border-bottom:1px solid #ddd; width:100%; height:60px; line-height:60px; color:#333;}
.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:#202c58;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#202c58; vertical-align:top; line-height:50px;}
.section_ma02cscenter div h1 a img {width:30px; padding:13px 10px 0 0;}
.section_ma02cscenter ul {width:95%; overflow:Hidden; margin:10px auto 0 auto; text-align:left;}
.section_ma02cscenter ul li {font-size:13px; color:#333; letter-spacing:-0.05em; vertical-align:top; display:inline-block; margin:0 10px 0 0;}
.section_ma02cscenter ul li:nth-child(odd) {font-weight:600; margin:0 5px 0 0;}
.section_ma02cscenter p {font-size:13px; text-align:center; letter-spacing:-0.1em;}
.section_ma02cscenter h3 {background:#202c58; color:#fff; text-align:center; margin:20px auto 0 auto; font-size:18px; padding:10px; font-weight:500; border-radius:30px; width:70%;}
.section_ma02cscenter h3 a {Color:#fff;}









/* ============= 푸터 ============= */
footer {width:100%; background:#222; padding:50px 0;}
footer > div {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer article {}
footer article h2 {font-size:17px; color:#fff;}
footer article ul {margin:25px 0; display:flex; gap:10px; flex-wrap:wrap;}
footer article ul li {font-size:15px; color:#fff; opacity:0.5;}
footer article h3 {font-family:'GMarketSans'; font-size:12px; color:#fff; text-transform:uppercase;}
footer article h3 a {color:#fff;}
footer .footerul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px;}
footer .footerul li a {display:block; padding:15px 25px; border:1px solid #ccc; color:#ccc; text-align:center; font-size:15px;}











/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual {background:#000;}
#mainvisual .slider {overflow:hidden; width:100%; margin:0 auto; aspect-ratio:19 / 5.5;}
#mainvisual .slides {display:flex; width:100%; height:100%; transition:transform 0.5s ease-in-out;}
#mainvisual .slide {min-width:100%; height:100%;}
.image-slide > img {width:100%; height:100%; object-fit:cover;}
.slidesnav00 {position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; background:none; text-align:center; border-radius:100px; cursor:pointer; z-index:10; border:none; background:rgba(255,255,255,0.7);}
.slidesnav00 img {vertical-align:middle;}
#mainvisual .prev {left:20px;}
#mainvisual .next img {transform:rotate(180deg);}
#mainvisual .next {right:20px;}
#mainvisual .pagination {position:absolute; bottom:15px; left:0; width:100%; flex-wrap:wrap; display:flex; gap:10px; z-index:5; justify-content:center;}
#mainvisual .pagination-dot {width:50px; height:5px; border:3px solid #fff; opacity:0.3; cursor:pointer;}
#mainvisual .pagination-dot.active {opacity:1; background:#fff;}
.maintextwrap {width:100%; position:absolute; left:0; top:0; height:100%; text-align:center; display:flex; align-items:center; justify-content:center;}
.maintxtx {display:flex; flex-wrap:wrap; flex-wrap:wrap; justify-content:center;}
.maintxtx h1 {font-weighT:900; width:100%; letter-spacing:-0.07em; display:flex; margin:0 auto; justify-content:center; font-family:'GMarketSans'; align-items:baseline;}
.maintxtx p {width:100%; letter-spacing:-0.05em; color:#222;}
.maintxtx a {display:block; width:220px; height:65px; line-height:65px; text-align:center; color:#fff; margin:0 auto; border-radius:250px; font-size:20px; font-weight:600; letter-spacing:-0.05em; transition:transform 0.3s ease;}
.maintxtx a:hover {transform:translateY(-10px);}
.mtxt01 h1 {font-size:50px;}
.mtxt01 p {font-size:31px; line-height:45px;}
.mtxt01 a {background:#202c58;}
.mtxt02 p {font-size:25px; line-height:40px; margin:20px auto 0 auto; text-align:left;}
.mtxt02 h1 {font-size:45px; line-height:60px; text-align:right; display:block;}





/* 메인공통 */
.hgroupcommon01 {font-family:'SfHambakneun'; display:flex; justify-content:space-between; align-items:center;}
.hgroupcommon01 h1 {font-size:30px; color:#222; letter-spacing:-0.05em;}
.hgroupcommon01 a {color:#999; font-size:14px; text-transform:uppercase;}





/* 메인01 */
#main01 {margin:0 auto; overflow:hidden; width:100%; padding:20px 0;}
#main01 ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
#main01 li {transition:transform 0.3s ease, box-shadow 0.3s ease;}
#main01 li img {width:100%; display:block;}
#main01 li:hover {transform:translateY(-10px); box-shadow:0 15px 30px rgba(0,0,0,0.12);}





/* 메인02 */
#main02 {margin:0 auto; background:#fcfbff;}
#main02 .px1500 {padding:50px 0;}
.main02bg {width:100%; height:36px; line-heighT:36px; background:url(/img/main02bg01.png) repeat-x; display:none;}
.main02ulgallery {display:flex; flex-wrap:wrap; justify-content:space-between; gap:30px 0; margin:30px 0 0 0;}
.main02ulgallery li {width:24%; transition:transform 0.3s ease;}
.main02ulgallery li:hover {transform:translateY(-10px);}
.main02ulgallery li a {display:block;}
.main02ulgallery li img {display:block; width:100%;}
.main02ulgallery li h2 {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-sizE:20px; color:#333; margin:10px 0; letter-spacing:-0.03em; font-weight:400;}
.main02ulgallery li p {font-size:15px; color:#aaa;}




/* 메인03 */
#main03 {margin:0 auto; overflow:hidden; width:100%; padding:50px 0;}
#main03 ul {display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px 0;}
#main03 li {transition:transform 0.3s ease, box-shadow 0.3s ease; width:32%;}
#main03 li img {width:100%; display:block;}
#main03 li:hover {transform:translateY(-10px); box-shadow:0 15px 30px rgba(0,0,0,0.12);}




/* 메인04 */
#main04 {width:100%; padding:50px 0; background:#faf9fd;}
#main04 > div {display:flex; justify-content:space-between; flex-wrap:wrap;}
#main04 > div > section {width:48%;}
.main04list {margin:30px 0 0 0; border-top:1px solid #ccc;}
.main04list li {padding:30px 25px; background:#fff; border-bottom:1px solid #ccc;}
.main04list li h2 {font-weight:500; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; color:#222;}
.main04list li p {font-size:16px; color:#333; opacity:0.5; margin:10px 0 0 0;}
.main04list li a {transition:transform 0.3s ease; display:block; overflow:hidden; width:100%;}
.main04list li a:hover {transform:translateX(10px);}






/* 메인05 */
#main05 {padding:50px 0;}
.main0501, .main0502 {Display:flex; justify-content:space-between; flex-wrap:wrap;}
.main0501 div, .main0502 div {background:url(/img/main05bg00_02.png) no-repeat center; padding:35px 40px;}
.main0501 div h1 {font-size:25px; color:#fff; font-family:'SfHambakneun'; letter-spacing:-0.05em;}
.main0501 div ul {margin:10px 0 0 0;}
.main0501 div ul li {font-size:17px; color:#fff; background:url(/img/bullet01.png) no-repeat left 14px; padding:0 0 0 10px; line-height:30px;}
.main0501 div ul li strong {font-weight:500; padding:0 10px 0 0;}

.main05section01 {background:url(/img/main05bg00.png) #3d7ec7;}
.main05section02 {background:url(/img/main05bg00.png) #164989;}
.main05section03 {background:url(/img/main05bg00.png) #1d3d64;}
#main05section04 {background:url(/img/main05bg00.png) #155f50;}
#main05section05 {background:url(/img/main05bg00.png) #223e38;}

.main0502 {padding:30px 0 0 0;}
.main0502 div {display:flex; justify-content:space-between; align-items:center;}
.main0502 div h1, .main0502 div h2 {font-family:'SfHambakneun';}
.main0502 div h1 {color:#ffea95;}

#main05section04 h1 {font-size:35px;}
#main05section04 h2 {font-family:'SfHambakneun'; color:#fff; font-size:35px;}
#main05section04 p {opacity:0.5; color:#fff; font-size:22px;}
#main05section05 h1 span {color:#fff; font-size:15px; display:block; margin:10px 0 0 0;}
#main05section05 ul {}
#main05section05 li {color:#fff; font-size:15px; line-height:27px;}
#main05section05 li strong {opacity:0.6;}

.main0501 section, .main0502 section {widtH:480px;}
#main05section04 {width:990px;}
#main05section04 div {background:url(/img/main05bg00_03.png) no-repeat center; padding:65px 40px;}
#main05section05 div {padding:43px 40px;}























/* ============= 서브 ============= */
/* 서브공통 */
#subvisual {text-align:center; padding:0 0 100px 0;}
#subvisual h1 {font-family:'SfHambakneun'; color:#fff; font-size:70px; letter-spacing:-0.05em; font-weight:100; background:url(/img/bar02.jpg) no-repeat center top; padding:180px 0 0 0; text-shadow:6px 6px rgba(0,0,0, 0.4);}
#subvisual article {font-size:20px; color:#fff; line-height:32px; margin:30px auto 0 auto;}
.subvis01 {background:url(/img/subvis01.jpg) no-repeat center top; background-attachment:fixed;}
.subvis02 {background:url(/img/subvis02.jpg) no-repeat center top; background-attachment:fixed;}
.subvis03 {background:url(/img/subvis03.jpg) no-repeat center top; background-attachment:fixed;}
.subvis04 {background:url(/img/subvis04.jpg) no-repeat center top; background-attachment:fixed;}
.subvis05 {background:url(/img/subvis05.jpg) no-repeat center top; background-attachment:fixed;}
.subvis06 {background:url(/img/subvis06.jpg) no-repeat center top; background-attachment:fixed;}
.subvis07 {background:url(/img/subvis07.jpg) no-repeat center top; background-attachment:fixed;}

.subnav00 {width:100%; font-family:'SfHambakneun'; background:#302b4f; margin:1px auto 0 auto; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.subnav00::-webkit-scrollbar {display:none;}
.subnav00 ul {display:flex; gap:25px; justify-content:center; flex-wrap:nowrap; min-width:max-content; padding:0 20px;}
.subnav00 ul li {height:60px; line-height:60px; overflow:hidden; text-align:center; font-size:18px; white-space:nowrap;}
.subnav00 ul li a {color:#fff; display:block; transition:transform 0.3s ease;}
.subnav00 ul li:hover a, .activesubli a {color:#fff38c !important;}

#subpage {margin:0 auto 100px auto; width:100%; overflow:Hidden;}
#subpage > div.px1400 {display:flex; justify-content:space-between;}
.subh1title001 {text-align:center; font-size:50px; letter-spacing:-0.03em; color:#302b4f;}
.subsubline {margin:70px 0;}
.subsubline:nth-of-type(2) {margin:70px 0 0 0;}
.subsubline img {width:100%; opacity:0.2;}

.h1title {overflow:hidden; height:50px; line-height:50px; margin:0 0 30px 0;}
.h1title span {display:block; float:left; width:2px; background:#333; height:60px;}
.h1title strong {display:block; float:left; font-size:27px; letter-spacing:-0.07em; color:#333; font-weight:600; margin:0 0 0 10px;}
.h1title2wnf br {display:none;}

.h3title {overflow:hidden; margin:0 0 30px 0;}
.h3title strong {display:block; float:left; font-size:22px; letter-spacing:-0.07em; color:#777; font-weight:500; margin:0 0 0 15px;}


.tabul01 {display:flex; gap:20px; justify-content:center; flex-wrap:wrap; margin:0 auto 70px auto;}
.tabul01 li {width:150px; text-align:center; height:50px; line-heighT:50px; font-size:17px; border:1px dashed #ddd; font-family:'SfHambakneun';}
.tabul01 li a {display:block; color:#222;}
.tabul01 li:hover, .tabul01 li.active {background:#224e86; border:1px solid #224e86; font-weighT:600;}
.tabul01 li:hover a, .tabul01 li.active a {color:#fff !important;}

.subcommonfigcap {display:block; text-align:left; margin:25px auto; font-size:15px; color:#555;}
.subcommonfigururue a {pointer-events:auto;}

.imglist {display:flex; flex-wrap:wrap; gap:40px; margin:50px auto 0 auto;}
.imglist li {text-align:center; width:49%; padding:20px; border:1px solid #ddd; box-shadow:10px 10px rgba(0,0,0,0.05); border-top:2px solid #2f5688;}
.imglist li img {width:100%;}
.imglist li strong {font-weighT:400; font-size:18px; padding:20px 0 0 0; display:block;}
.normal_article {font-size:18px; line-height:35px; color:#333; margin:50px auto 0 auto; text-align:center; letter-spacing:-0.05em;}
.normal_figure {width:100%; text-align:center; margin:50px auto 0 auto;}
.normal_figure img {max-width:100%;}
.normal_section {display:flex; flex-wrap:wrap; gap:34px; margin:50px auto 0 auto;}
.normal_section section {text-align:center; width:30%; padding:30px; border:1px dashed #Ddd; border-top:2px solid #2f5688;}
.normal_section section p {font-size:17px; line-height:29px; color:#333; margin:30px auto 0 auto; letter-spacing:-0.05em;}
.normal_section section figure {width:80px; margin:0 auto;}
.normal_section section figure img {width:100%;}
.normal_article_LEFT {font-size:17px; line-height:35px; color:#555; margin:30px auto 0 auto; text-align:left; letter-spacing:-0.05em; border:1px dashed #ddd; padding:30px;}
.normal_article_LEFT h3 {font-size:20px; color:#2f568c; margin:30px 0 0 0;}
.normal_article_LEFT p {font-size:17px; line-height:32px; color:#555; margin:10px 0 0 0;}
.normal_article_LEFT h4 {font-size:19px; color:#1962e6; margin:20px 0 0 0;}
.flex001 {display:Flex; flex-wrap:wrap; justify-content:space-between;}












/* 서브01 */
.sub0101 {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; text-align:center;}
.sub0101 figure {border:1px dashed #ddd; border-top:2px solid #aaa; padding:25px; width:270px; margin:0 auto;}
.sub0101 figure img {width:100%;}
.sub0101 article {width:100%; margin:30px auto 0 auto;}
.sub0101 article h3 {font-size:28px; color:#222;}
.sub0101 article p {font-size:17px; line-height:28px; margin:20px 0 0 0; color:#555;}

.sub0102 {}
.sub0102wrap {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub0102wrap section {width:100%;}
.sub0102wrap section figure {border:1px solid #eee; border-top:2px solid #302b4f; background:url(/img/bg01.jpg); text-align:center; padding:30px;}
.sub0102wrap section:nth-of-type(2) {margin:50px 0 0 0;}
.sub0102wrap section:nth-of-type(2) img {width:100%;}
.sub0102wrap section figcaption {border:1px solid #eee; padding:30px; margin:10px auto 0 auto; background:url(/img/bg01.jpg);}
.sub0102wrap section figcaption h3 {display:flex; flex-wrap:wrap; align-items:center; gap:10px; line-height:30px;}
.sub0102wrap section figcaption h3 strong {font-size:20px; font-weight:600; color:#333; width:100px;}
.sub0102wrap section figcaption h3 span {font-size:16px; color:#555; font-weight:400;}

.sub0103_wrap {margin:0 auto; background:url(/img/0103bg01.jpg) repeat-y center top; overflow:hidden; padding:0;}
.sub0103_wrap section {width:100%; overflow:Hidden; padding:0 0 20px 0;}
.sub0103_wrap section h3 {padding:0; font-size:22px; color:#224e86; text-align:center; font-family:'SfHambakneun'; font-weight:400; font-size:22px;}
.sub0103_wrap section p {font-size:14px; line-height:26px; color:#555; letter-spacing:0; fomax-width:355px; padding:0; margin:20px 0 0 0;}
.sub0103_wrap section h4 {margin:0 0 20px 0; text-align:center;}
.sub0103_wrap section h4 img {max-width:200px;}
.sub0103_wrap section div {border-top:2px solid #222; box-shadow:10px 10px rgba(0,0,0,0.05);}
.section_0103left {background:url(/img/0103bg02.jpg) no-repeat center 2px; margin:50px 0 0 0; padding:10px 0 0 0;}
.section_0103left figure {margin:10px 0 0 30px; z-index:100;}
.section_0103left > div {background:#fff; text-align:center; border:1px solid #e1e1e1; padding:20px; margin:20px auto 0 auto; overflow:Hidden;}
.section_0103left > div::after {content:"";}
.section_0103left > div h3 {background:url(/img/bar10.jpg) no-repeat center top;}
.section_0103right {background:url(/img/0103bg02.jpg) no-repeat center 2px; margin:50px 0 0 0; padding:10px 0 0 0;}
.section_0103right figure {margin:10px 30px 0 0; float:right; right:3px; z-index:100;}
.section_0103right > div {border:1px solid #e1e1e1; width:100%; background:#fff; padding:20px; margin:0; overflow:Hidden; text-align:Center;}
.section_0103right > div::after {content:"";}
.section_0103right > div h3 {background:url(/img/bar10.jpg) no-repeat left 0px;}
.section_0103left figure img, .section_0103right figure img {display:none;}

.sub0104 {}
.sub0104 figure {text-align:center;}
.sub0104 figure img {max-width:100%; margin:0 auto; display:block;}

.sub0105 {display:grid;}
.sub0105 section {background:url(/img/bg01.jpg); border-radius:0 0 30px 30px; text-align:center; border:1px solid #ddd; border-top:2px solid #224e86; transition:transform 0.3s ease, box-shadow 0.3s ease;}
.sub0105 section:hover {transform:translateY(-10px); box-shadow:0 15px 30px rgba(0,0,0,0.12);}
.sub0105 section a {padding:30px; display:block;} 
.sub0105 section figure {width:150px; height:150px; overflow:Hidden; border-radius:100px; margin:0 auto;}
.sub0105 section h3 {color:#fff; font-size:17px; display:inline-block; padding:7px 15px; background:#224e86; border-radius:10px; margin:15px auto 0 auto;}
.sub0105 section h1 {font-size:35px; color:#333; margin:10px auto; font-family:'SfHambakneun';}
.sub0105 section p {font-size:15px; color:#333;}
.sub0105view {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start;}
.sub0105view section {width:385px; margin:0 auto; background:url(/img/bg01.jpg); paddinG:50px; border:1px solid #ddd; text-align:Center; font-family:'SfHambakneun';}
.sub0105view section figure {margin:0 auto;}
.sub0105view section h3 {font-size:30px; color:#222; margin:30px auto 15px auto; letter-spacing:-0.05em;}
.sub0105view section p {font-sizE:22px; coloR:#b1b1b1; letter-spacing:-0.05em;}
.sub0105view article {width:100%; text-align:center; margin:30px auto 0 auto;}
.sub0105view article h1 {font-size:35px; font-family:'SfHambakneun'; color:#2b1a63;}
.sub0105view article p {margin:30px 0 0 0; font-size:17px; line-height:30px; coloR:#333;}

.sub0107 {}
.sub0107title {background:url(/img/bg01.jpg); padding:50px; text-align:center; border:1px solid #eee; font-family:'GyeonggiMillenniumBackground';}
.sub0107title h1 {font-size:70px; font-weighT:700; color:#222;}
.sub0107title figure {margin:100px auto;}
.sub0107title h3 {font-size:27px; color:#888;}
.sub0107title h2 {margin:60px auto 0 auto; font-weighT:700; font-size:35px; color:#333;}
.sub0107con {margin:30px auto 0 auto; border-bottom:1px dashed #ddd;}
.sub0107con h1 {font-family:'GyeonggiMillenniumBackground'; font-size:40px; color:#222; margin:50px auto 0 auto;}
.sub0107con ul {margin:0 auto; padding:50px 0; border-bottom:1px dashed #ddd;}
.sub0107con li {display:flex; flex-wrap:wrap; margin:15px 0 0 0;}
.sub0107con li strong {font-size:18px; color:#222;}
.sub0107con li span {font-size:17px; line-height:28px; color:#666; margin:0 0 0 10px;}

.sub0109 {}
.sub0109 article {padding:20px; border-bottom:1px dashed #ddd;}
.sub0109 article h1 {font-size:22px; font-weight:500; color:#222;}
.sub0109 article p {font-size:17px; line-height:28px; color:#555; margin:15px 0 0 0;}
.sub0109 article strong {paddinG:5px 10px; background:#8d428d; color:#fff;}
.sub0109 article b {width:30px; height:30px; line-height:30px; text-align:Center; display:inline-block; border-radius:100px; background:#8d428d; color:#fff;}
#daumRoughmapContainer1770792593270 {width:100%;}
#daumRoughmapContainer1770792593270 .section_address {display:none;}




/* 서브02 */
.table001 {width:100%; border-top:2px solid #222;}
.table001 td {border:1px dashed #eee; padding:10px; font-size:17px; line-height:28px;}
.tablewrap {overflow-x:auto; white-space:nowrap;}



/* 서브03*/
.searcharea {display:flex; justify-content:flex-end; margin:0 auto 50px auto;}
.searcharea input[type=search] {width:200px; height:50px; bordeR:1px solid #ddd; paddinG:0 10px; outline:none; font-size:15px; color:#333;}
.searcharea input[type=submit] {width:80px; height:50px; line-height:50px; background:#2b2843; color:#fff; bordeR:none; font-size:16px; font-weight:500;}
.sub0305wrap {display:flex; flex-wrap:wrap; gap:30px 3.5%;}
.sub0305wrap section {width:31%; padding:30px; border:1px solid #ddd; text-align:center;}
.sub0305wrap section h3 {background:#2b2843; color:#fff; font-size:22px; padding:10px; text-align:center;}
.sub0305wrap section figure {width:150px; height:150px; margin:30px auto;}
.sub0305wrap section figure img {border-radius:100%;}
.sub0305wrap section h1 {color:#2b2843; font-size:30px;}
.sub0305wrap section ul {margin:15px auto;}
.sub0305wrap section ul li {font-size:17px; color:#555; line-height:30px;}
.sub0305wrap section h2 {font-weight:400; color:#333;}
.sub0305wrap section h2 strong {color:#6d4ba6;}



/* 서브07*/
.sub0703 .h1title strong {font-size:22px;}
.sub0703wrap {padding:30px; border:1px solid #ddd; border-top:2px solid #2f5688; background:url(/img/bg01.jpg);}
.sub0703wrap section {margin:50px auto 0 auto;}
.sub0703wrap select, .sub0703wrap input {outline:none; border:1px solid #ccc; font-size:15px; color:#222; padding:0 20px; height:45px; line-height:45px}
.sub0703wrap section > input { width:350px;}
.sub0703ul01, .sub0703ul02 {display:flex; flex-wrap:wrap; gap:16px;}
.sub0703ul02 li {display:flex; gap:15px; align-items:center;}
.sub0703ul02 li strong {font-weight:500; color:#333;}
.sub0703ul02 li input[type=submit] {width:80px; background:#2b2843; color:#fff; bordeR:none; font-size:16px; font-weight:500;}















/* ================== 반응형 ================== */
@media screen and (min-width:1500px)
{
/* ============= 헤더 ============= */
.px1500 {width:1500px; margin:0 auto;}
header {margin:0 auto; position:relative; overflow:visible; width:100%; padding:0;}
.container {width:auto;  padding:0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.container h1, .container p {position:relative; top:0; text-align:Center;}
.container h1, .fixed1 {width:250px; margin:15px auto;}
.div_Mfixed1 {display:none;}
.div_PCfixed1 {display:block; float:none; margin:0;}
.div_PCfixed1 h3 {height:47px; border-radius:50px; background:#1f3e6a; display:flex;}
.div_PCfixed1 h3 span {height:47px; widtH:47px; line-height:47px; text-align:center; background:#132948; border-radius:50px;}
.div_PCfixed1 h3 span img {display:inline; vertical-align:middle; top:-2px;}
.div_PCfixed1 h3 strong {color:#fff; font-size:20px; line-height:47px; margin:0 0 0 20px;}
.snsicons  {margin:0; justify-content:flex-end;}
.nav_cate01 > li > a {line-height:50px; height:50px; font-size:20px; text-align:left;}
.navXbtn01 img {width:50px; height:50px; cursor:pointer;}
#navigation {width:100%; z-index:97; display:block; border-top:1px solid #dcdcdc;}
.navul01 {margin:0 auto; display:flex; background:url(/img/bar01.jpg) no-repeat left 18px; text-align:center; justify-content:center; height:50px; align-items:center;}
.navul01 li {font-size:20px; width:214px;}
.navul01 > li > a {height:100%; line-height:60px; background:url(/img/bar01.jpg) no-repeat right 18px;}
.navul01 li a {color:#333; display:block;}
.navulsub01 {position:absolute; top:50px; background:rgba(255,255,255,0.8); width:100%; padding:35px 0; overflow:Hidden; display:none;}
.navulsub01 > div {text-align:center; overflow:hidden; display:flex; justify-content:center;}
.navulsub01 ul {display:inline-block; margin:0; width:150px; vertical-align:top; text-align:center;}
.navulsub01 ul li:first-child {font-size:18px; margin:0 0 15px 0; font-weight:900; color:#202c58;}
.navulsub01 ul li {margin:10px 0 0 0;}
.navulsub01 ul li a {color:#333; font-size:16px;}
.navulsub01 ul li a:hover {color:#202c58; font-weighT:600;}

/* PC버전사이드메뉴펼쳤을때수정 */
#sidebar > h3 {width:100%; text-align:center;}
#sidebar > h3 img {width:250px;}
.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;}


/* 일일이메뉴 */
.hov1 {font-weight:bold; color:#1f3e6a;}
.subgnb_common {display:none; position:absolute; top:56px; background:rgba(0,0,0,0.7);}
.subgnb_common > li {font-size:17px; height:45px; line-height:45px; border-bottom:1px solid #ddd;}
.subgnb_common > li > a {color:#fff; font-weight:normal;}
.subgnb_common > li > a:hover {background:rgb(48 43 79 / 70%); color:#fff ; font-weight:500 ;}







/* ============= 푸터 ============= */
footer article {width:840px;}












/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual .slider {aspect-ratio:1920 / 400; /* 1920 / 550;*/}
#mainvisual .pagination {bottom:20px;}
#mainvisual .pagination-dot {width:16px; height:16px; border-radius:50%;}
#mainvisual .prev {left:50px;}
#mainvisual .next {right:50px;}
#mainvisual .image-slide > img {object-fit:fill;}
.slidesnav00 {width:70px; height:70px;}






/* 메인 */
#main02 .px1500 {padding:30px 0;}
#main03, #main04, #main05 {padding:50px 0;}










/* ============= 서브 ============= */
/* 서브공통 */
.sub00 {width:1500px; margin:70px auto 0 auto;}
.subcommonfigcap {display:none;}
.subcommonfigururue a {pointer-events:none;}




/* 서브01 */
.sub0101 {flex-wrap:no-wrap; text-align:left;}
.sub0101 figure {margin:0 30px 0 0;}
.sub0101 article {width:auto; margin:0;}

.sub0102wrap section {width:48%;}
.sub0102wrap section:nth-of-type(2) {margin:0;}

.sub0103_wrap {width:auto; padding:30px 0;}
.sub0103_wrap section {width:620px;}
.sub0103_wrap section p {float:left; text-align:left; font-size:15px; line-height:25px; margin:15px 0 0 0;}
.sub0103_wrap section h4, .sub0103_wrap section h3 {text-align:left;}
.section_0103left {margin:30px 0 0 740px; background:url(/img/0103bg02.jpg) no-repeat left 20px;}
.section_0103left figure {float:left; left:3px;}
.section_0103left > div {float:left; margin:0;}
.section_0103right {margin:30px 0 0 138px; background:url(/img/0103bg02.jpg) no-repeat right 20px;}
.section_0103right > div {float:right; width:auto;}
.section_0103left figure img, .section_0103right figure img {display:block;}

.sub0105 {grid-template-columns:repeat(4, 1fr); gap:40px;}
.sub0105view section {margin:0;}
.sub0105view article {width:calc(100% - 450px); text-align:left; margin:0;}



/* 서브02 */
.tablewrap {overflow-x:hidden; white-space:normal;}

}














@media screen and (min-width:769px) and (max-width:1499px)
{
/* ============= 푸터 ============= */
footer .footerul {margin:30px 0 0 0;}
















/* ============= 메인 ============= */
/* 메인비주얼 */
.slidesnav00 {top:50px;}
.maintxtx {width:90%;}
.maintxtx h1 b br {Display:none;}




/* 메인01 */
#main01 ul {gap:30px;}
#main01 li {width:30%;}



/* 메인02 */
.main02ulgallery li h2 {font-size:17px;}



/* 메인03 */
#main03 ul {gap:20px 0;}




/* 메인05 */
.main0501, .main0502 {gap:10px;}
.main0501, .main0502 {display:flex; flex-wrap:wrap; flex-direction:column-reverse; align-content:center; width:90%;}
.main0501 section, .main0502 section {margin:0 auto;}
.main0502 {padding:10px 0 0 0;}

#main05section04 {width:769px;}
#main05section04 div {background:url(/img/main05bg00_03.png) no-repeat center; padding:55px 10px; background-size:100%; width:calc(100% - 30px); margin:0 auto;}
#main05section04 h1, #main05section04 h2 {font-size:25px;}
#main05section04 p {font-size:20px;}
/*
.main0501 section, .main0502 section {width:769px;}
.main0501 div, .main0502 div {background-size:97% 87%;}
*/




/* ============= 서브 ============= */
/* 서브공통 */
#subvisual h1 {font-size:55px;}
.tabul01 {gap:15px; margin:0 auto 40px auto;}
.tabul01 li {width:100px;}



/* 서브01 */
.section_0103right > div {margin:20px auto 0 auto;}
.sub0105 {grid-template-columns:repeat(3, 1fr); gap:30px;}



/* 서브03 */
.sub0305wrap section {width:48%;}

}














@media screen and (min-width:0px) and (max-width:768px)
{
/* ============= 헤더 ============= */
header h1 img {width:180px;}
.fixed1 {margin:5px 0 0 0;}






/* ============= 푸터 ============= */
footer > div {flex-direction:column-reverse; align-items:normal;}
footer .footerul {justify-content:flex-start;}
footer .footerul li a {padding:10px 15px; font-size:12px;}
footer article {margin:20px 0 0 0;}











/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual {width:100%;}
#mainvisual .slider {aspect-ratio:16 / 8;}
.slidesnav00 {top:45%; z-index:50; width:30px; height:30px;}
.slidesnav00 img {width:5px;}
.maintextwrap {overflow:hidden;}
.maintxtx h3 {font-size:10px;}
.maintxtx h1 {flex-wrap:wrap; font-size:30px; line-height:40px; width:80%; gap:0; margin:15px auto;}
.maintxtx h1 strong {width:100%;}
.maintxtx p {font-size:15px; line-height:26px; width:80%; margin:0 auto;}
.mainvis01H1 img {width:50%;}
.mainvis02H1 strong:first-child img {width:50%;}
.mainvis02H1 strong:nth-of-type(2) img {width:70%;}
.maintxtx p span br {display:none;}





/* 메인공통 */
.hgroupcommon01 h1 {font-size:20px;}
.hgroupcommon01 a {font-size:10px;}




/* 메인01 */
#main01 {padding:5% 0;}
#main01 ul {gap:15px 0;}
#main01 li {width:31%;}




/* 메인02 */
#main02 .px1500 {padding:25px 0;}
.main02ulgallery {gap:20px 0; margin:15px 0 0 0;}
.main02ulgallery li {width:49%;}
.main02ulgallery li:hover {transform:translateY(0);}
.main02ulgallery li h2 {font-size:15px;}
.main02ulgallery li p {font-size:13px;}





/* 메인03 */
#main03 {padding:5% 0;}
#main03 ul {gap:15px 0;}
#main03 li {width:48%;}




/* 메인04 */
#main04 > div > section {width:100%;}
#main04 > div > section:nth-of-type(2) {margin:30px 0 0 0;}
.main04list {margin:20px 0 0 0;}
.main04list li {padding:15px 10px;}
.main04list li h2 {font-size:15px;}
.main04list li p {font-size:13px;}





/* 메인05 */
.main0501 section, .main0502 section {width:100%;}
.main0501 div, .main0502 div {background-size:90% 80%;}
.main0501 div h1 {font-size:18px;}
.main0501 div ul li {font-size:13px; line-height:23px;}
.main0502 {display:flex; flex-wrap:wrap; flex-direction:column-reverse; align-content:center;}
.main0502 section {margin:0 auto;}
.main0502 div {flex-wrap:wrap;}
.main0502 div ul {width:100%; margin:15px 0 0 0;}
#main05section04 {width:100%;}
#main05section04 div {background:url(/img/main05bg00_03.png) no-repeat center; background-size:90% 80%; padding:35px 30px; gap:10px;}
#main05section04 h1, #main05section04 h2, .main0502 div h1 {font-size:25px;}
#main05section04 p {font-size:16px;}
#main05section05 div {padding:43px 40px;}
#main05section05 li {font-size:13px; line-height:23px;}















/* ============= 서브 ============= */
/* 서브공통 */
#subvisual {padding:0 0 70px 0;}
#subvisual h1 {font-size:35px; background-size:1px 50px; padding:100px 0 0 0;}
#subvisual article {width:90%; font-size:16px; line-height:26px;}
.subnav00 ul li {font-size:14px; height:40px; line-heighT:40px;}
#subpage {margin:0 auto 50px auto;}
.subh1title001 {font-size:27px; letter-spacing:-0.09em;}
.subsubline {height:30px; background:url(/img/subtopline.png) no-repeat center; opacity:0.3; margin:30px 0;}
.subsubline:nth-of-type(2) {margin:30px 0 0 0;}
.subsubline img {display:none;}
.tabul01 {gap:10px; margin:0 auto 30px auto;}
.tabul01 li {width:80px; font-size:14px; line-height:40px; height:40px;}


.h1title strong {font-size:22px;}
.h1title2wnf {line-height:26px;}
.h1title2wnf br {display:block;}



.imglist {gap:20px 10px; margin:20px auto 0 auto;}
.imglist li {width:48%; padding:10px;}
.imglist li strong {font-size:13px; padding:10px 0;}
.normal_article, .normal_article_LEFT {padding:20px; margin:30px auto 0 auto;}
.normal_article b br {display:none;}
.normal_section {gap:30px 0; justify-content:space-between;}
.normal_section section {width:48%; padding:15px;}
.normal_section section p, .normal_article_LEFT p  {font-size:14px; line-height:27px; margin:20px auto 0 auto;}
.normal_section section figure {width:50px;}





/* 서브01 */
.sub0101 figure {width:230px; padding:15px;}
.sub0101 article h3 {font-size:21px;}
.sub0101 article p {font-size:14px; line-height:26px;}

.sub0102wrap section figure, .sub0102wrap section figcaption {padding:15px;}
.sub0102wrap section figcaption h3 {gap:0; line-heighT:25px;}
.sub0102wrap section figcaption h3:nth-of-type(2) {margin:20px 0 0 ;}
.sub0102wrap section figcaption h3 span {font-size:14px;}

.section_0103right > div {margin:20px auto 0 auto;}

.sub0105 {grid-template-columns:repeat(1, 1fr); gap:20px;}
.sub0105view section {padding:20px; width:100%;}
.sub0105view section h3 {font-size:20px; margin:15px auto;}
.sub0105view section p {font-size:16px;}
.sub0105view article h1 {font-size:22px;}
.sub0105view article p {font-size:14px; line-height:26px;}

.sub0107con h1 {font-size:25px; margin:30px 0 0 0;}
.sub0107con ul {padding:20px 0 20px 0;}
.sub0107con li strong {font-size:15px;}
.sub0107con li span {font-size:14px; line-height:23px; margin:10px 0 0 0; width:100%;}





/* 서브02 */
.table001 td {font-size:13px; padding:10px;}






/* 서브03 */
.sub0305wrap section {width:100%; padding:20px;}
.sub0305wrap section ul li {font-size:14px; line-height:27px;}
.sub0305wrap section h2 {font-size:20px;}




/* 서브07 */
.sub0703wrap {padding:20px;}
.sub0703wrap li {width:100%;}
.sub0703wrap select, .sub0703wrap section > input, .sub0703ul02 li input[type=submit] {width:100%;}

.sub0703ul02 li {justify-content:space-between;}
.sub0703ul02 li input {width:80%;} 


}