@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:'Euljiro'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BMEULJIRO.woff') format('woff'); font-weight:normal; 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;}




*, 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);}
.px1400 {width:90%; margin:0 auto;}
.sub00 {width:90%; margin:50px 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;}











/* ============= 헤더 ============= */
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, .nav_cate01 > li.active {font-size:15px; background:#fff url(/img/mobilenav_bar01.png) no-repeat 95% 23px; background-size:15px;}
.nav_cate01 > li.active {background:#fff url(/img/mobilenav_bar02.png) no-repeat 95% 23px; background-size:15px;}
.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee; font-weight:500;}
.nav_cate01 a {display:block; padding:0 5%; border-bottom:1px solid #ddd; width:90%; height:60px; line-height:60px;}
.nav_cate01 li:last-child.subgnb01 > li:last-child {border-bottom:none;}
.subgnb01 > li {background:#fbfbfb; font-size:13px; font-weight:normal;}
.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.subgnb01 > li > a {color:#333;}
.section_ma02cscenter {background:#fff; text-align:center; margin:5px auto 30px auto;}
.section_ma02cscenter > h1 {height:23px; overflow:Hidden;}
.section_ma02cscenter > h1 strong {display:block; font-size:18px; color:#111; float:left;}
.section_ma02cscenter > h1 span {display:block; color:#999; letter-spacing:0.2em; margin:0 0 0 8px; font-size:10px; font-weight:100; float:left; line-height:18px;}
.section_ma02cscenter div {overflow:Hidden; text-align:center; margin:15px auto 20px auto;}
.section_ma02cscenter div h1 {font-size:30px; letter-spacing:-0.05em; font-weight:900; line-height:38px; color:#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 {}
.footer_cscenter {background:url(/img/footerbg.jpg) no-repeat center bottom; background-attachment:fixed;}
.footer_cscenter div {padding:70px 0;}
.footer_cscenter div h1 {padding:0 0 30px 0; border-bottom:1px solid #fff; display:flex; justify-content:space-between; align-items:center;}
.footer_cscenter div h1 strong {color:#fff; font-size:40px; font-weight:600; letter-spacing:-0.05em;}
.footer_cscenter div h1 span {font-size:20px; opacity:0.3; color:#fff; text-transform:uppercase;}
.footer_cscenter div ul {display:flex; gap:30px; font-size:18px; color:#fff; align-items:center; margin:30px 0 0 0;}
.footer_cscenter div ul li {display:flex; gap:10px; align-items:center;}
.footer01 {background:#222; padding:30px 0;}
.footer01 h3, .footer01 p {font-weight:600; color:#fff; font-size:17px;}
.footer01 article {font-size:15px; line-height:25px; opacity:0.6; margin:15px 0; color:#fff;}
.footer01 article br {display:none;}
.footer01 p {font-size:12px; font-family:'GMarketSans';}
.footer01 p a {color:#fff;}









/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual {background:#000;}
#mainvisual .slider {overflow:hidden; width:100%; margin:0 auto; aspect-ratio:1920 / 650;}
#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;}
.slidesnav00 img {vertical-align:middle;}
#mainvisual .prev {left:20px;}
#mainvisual .next img {transform:rotate(180deg);}
#mainvisual .next {right:20px;}
#mainvisual .pagination {position:absolute; bottom:50px; left:0; width:100%; flex-wrap:wrap; display:flex; gap:10px; z-index:5; justify-content:center;}
#mainvisual .pagination-dot {width:16px; height:16px; border-radius:50%; border:3px solid #202c58; opacity:0.3; cursor:pointer;}
#mainvisual .pagination-dot.active {opacity:1; background:#202c58;}
.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;}

/*
#mainvisual .slides {display:flex;}
#mainvisual .slide {min-width:100%;flex-shrink:0;}
#mainvisual .slide img {width:100%; height:100%; object-fit:cover;}
*/


/* 메인바텀 */
#mainvisbottom {width:100%; background:url(/img/mainbottombg.jpg) center; background-attachment:fixed; padding:30px 0; border-bottom:1px solid #e5e7e9; border-top:1px solid #e5e7e9;}
#mainvisbottom > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
#mainvisbottom > div h1 {width:100%; letter-spacing:-0.1em; color:#0e2136; font-family:'MapoFlowerIsland'; display:flex; align-items:center; gap:10px; font-size:22px;}
#mainvisbottom > div h1 img {width:22px;}
#mainvisbottom > div ul {width:auto;}
/*
.mbright {overflow:hidden;}
.roll {display:flex; white-space:nowrap;}
.rolling-list {display:flex; gap:40px; padding:0; margin:0; list-style:none;}
.rolling-list li {flex:0 0 auto;}
.rolling-list li img {width:180px;}
@keyframes roll-left {0%{transform:translateX(0);} 100%{transform:translateX(-100%);}}
.roll {animation:roll-left 20s linear infinite;}
*/



.mbright {overflow:hidden;}
.roll {overflow:hidden;}
.rolling-track {display:flex; width:max-content; animation:rolling 30s linear infinite;}
.rolling-list {display:flex; gap:40px; padding:0; margin:0; list-style:none;}
.rolling-list li {flex:0 0 auto;}
.rolling-list li img {display:block; width:180px;}
/* 🔥 완전 무한 핵심 */
@keyframes rolling {0%{transform:translateX(0);} 100%{transform:translateX(-50%);}}
/*
animation:rolling 20s linear infinite;  /* 빠르게 
animation:rolling 40s linear infinite;  /* 느리게 
*/





/* 메인01 */
#main01 {background:url(/img/main01bg.jpg) no-repeat right top #f4f4f4; width:100%; overflow:Hidden;}
#main01 article {background:rgba(255,255,255,0.9); margin:100px 0; padding:50px; width:600px;}
#main01 article h1 {font-size:30px; color:#222; font-weight:200;}
#main01 article h1 strong {font-size:40px; color:#202c58; font-weight:800;}
#main01 article p {font-size:17px; color:#777; line-height:30px; padding:30px 0 0 0; margin:30px 0 0 0; background:url(/img/bar01.jpg) no-repeat left top;}
#main01 article a {display:block; text-align:center; width:200px; height:60px; line-height:60px; color:#fff;
background:#1253ac; letter-spacing:-0.1em; text-transform:uppercase; font-size:20px; margin:30px 0 0 0; transition:background 0.5s, color 0.5s, border 0.5s; border-radius:50px;}
#main01 article a:hover {background:#202c58; border:1px solid #202c58; color:#fff;}




/* 메인02 */
#main02 {margin:100px auto 0 auto; width:100%;}
#main02 hgroup {}
#main02 hgroup h3 {font-size:20px; font-weight:200; font-family:'GMarketSans';}
#main02 hgroup h1 {font-size:60px; font-weight:700; color:#202c58; letter-spacing:-0.05em; margin:10px 0 0 0;}
.main02_01 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.main02_01 section {width:48%; margin:50px 0 0 0;}
.main02_01 section a {transition:transform 0.3s ease; display:block;}
.main02_01 section a:hover {transform:translateY(-10px);}
.main02_01 img {width:100%;}
.main02_02 {display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; margin:100px auto !important;}
.main02_02 section {Width:24%; text-align:center; transition:transform 0.3s ease;}
.main02_02 section:hover {transform:translateY(-10px);}
.main02_02 section figure img {width:100%;}
.main02_02 section h3 {font-size:35px; color:#202c58; letter-spacing:-0.05em; margin:30px auto;}
.main02_02 section a {display:block; color:inherit; text-decoration:none;}
.main02_02 section p {position:relative; overflow:hidden; transition:transform 0.3s ease,color 0.3s ease,border 0.3s ease; border:1px dashed #ddd; height:55px; line-height:55px; font-size:17px; color:#333; margin:0 auto;}
.main02_02 section p::before {content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#202c58; z-index:-1; transition:width 0.3s ease;}
.main02_02 section:hover p {border:1px solid #202c58; color:#fff; font-weight:600;}
.main02_02 section:hover p::before {width:100%;}









/* ============= 서브 ============= */
/* 서브공통 */
#subvisual {text-align:center; padding:0 0 100px 0;}
#subvisual h1 {font-family:'Euljiro'; color:#fff; font-size:90px; 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:250px; font-family:'Euljiro';}
.subnav00 h1 {padding:20px 0; background:#1f3e6a; color:#fff; font-size:30px; font-weight:400; text-align:center;}
.subnav00 ul li {width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; border-bottom:1px solid #ddd; font-size:20px;}
.subnav00 ul li:hover, .activesubli {background:#f7f9ff;}
.subnav00 ul li a {color:#20222a; display:block; transition:transform 0.3s ease;}
.subnav00 ul li:hover a {transform:translateX(15px);}


#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:#21273d;}
.sub00 {margin:70px 0 0 0; overflow:hidden;}
.subsubline {margin:50px 0;}
.subsubline img {width:100%; opacity:0.4;}
.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;}
.imglist {display:flex; flex-wrap:wrap; gap:40px; margin:50px auto 0 auto;}
.imglist li {text-align:center; width:45%; 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:17px; color:#2f568c;}
.normal_article_LEFT p {font-size:15px; line-height:30px; color:#555;}
.normal_article_LEFT h4 {font-size:18px; color:#1962e6; margin:20px 0 0 0;}
.flex001 {display:Flex; flex-wrap:wrap; justify-content:space-between;}
.flex001 section {width:48%;}
.flex001 section img {width:100%;}



/* 순서도 */
.tnstjeh001 {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; gap:50px 27px; margin:70px auto 0 auto;}
.tnstjeh001 section {width:23%; padding:20px; border:1px dashed #ddd; border-top:2px solid #2f5688; background:#fff; border-radius:0 0 10px 10px; box-shadow:5px 5px  rgba(0,0,0,0.05);}
.tnstjeh001 section h5 {font-weight:500; text-transform:uppercase; padding:10px; font-size:12px; color:#fff; background:#3d72b6;}
.tnstjeh001 section h1 {text-align:left; color:#2f5688; font-size:24px; font-family:'MapoFlowerIsland'; letter-spacing:-0.05em; margin:20px 0;}
.tnstjeh001 section article {margin:15px 0 0 0; line-height:27px; font-size:16px; color:#666;}
.tnstjeh001 p {font-size:30px; font-weighT:900; color:#333;}
.tnstjeh001 figure {margin:20px 0 0 0;}
.tnstjeh001 figure img {width:80px;}








/* 서브01 */
.sub0101 {}
.sub0101 figure {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub0101 figure img {width:49%;}
.sub0101 article {font-size:18px; line-height:35px; color:#333; margin:50px auto 0 auto; text-align:center; letter-spacing:-0.05em;}
.sub0101 article strong {color:#222;}
.sub0102 > .px1400 {margin:50px auto 0 auto; background:#fff; overflow:hidden;}
.sub0102_wrap {margin:0 auto; background:url(/img/0102bg01.jpg) repeat-y center top; overflow:hidden; padding:0;}
.sub0102_wrap section {width:100%; overflow:Hidden; padding:0 0 20px 0;}
.sub0102_wrap section h3 {padding:0; font-size:22px; color:#224e86; text-align:center; font-family:'Euljiro'; font-weight:400; font-size:30px;}
.sub0102_wrap section p {font-size:14px; line-height:18px; color:#555; letter-spacing:0; fomax-width:355px; padding:0; margin:20px 0 0 0;}
.sub0102_wrap section h4 {margin:0 0 20px 0; text-align:center;}
.sub0102_wrap section h4 img {max-width:200px;}
.sub0102_wrap section div {border-top:2px solid #222; box-shadow:10px 10px rgba(0,0,0,0.05);}
.section_0102left {background:url(/img/0102bg02.jpg) no-repeat center 2px; margin:50px 0 0 0; padding:10px 0 0 0;}
.section_0102left figure {margin:10px 0 0 30px; z-index:100;}
.section_0102left > div {background:#fff; text-align:center; border:1px solid #e1e1e1; padding:20px; margin:20px auto 0 auto; overflow:Hidden;}
.section_0102left > div::after {content:"";}
.section_0102left > div h3 {background:url(/img/bar10.jpg) no-repeat center top;}
.section_0102right {background:url(/img/0102bg02.jpg) no-repeat center 2px; margin:50px 0 0 0; padding:10px 0 0 0;}
.section_0102right figure {margin:10px 30px 0 0; float:right; right:3px; z-index:100;}
.section_0102right > div {border:1px solid #e1e1e1; width:100%; background:#fff; padding:20px; margin:0; overflow:Hidden; text-align:Center;}
.section_0102right > div::after {content:"";}
.section_0102right > div h3 {background:url(/img/bar10.jpg) no-repeat left 0px;}
.section_0102left figure img, .section_0102right figure img {display:none;}
.subcommonfigcap {display:none;}
.subcommonfigururue a {pointer-events:none;}
#daumRoughmapContainer1766724716952,
#daumRoughmapContainer1771898308571, 
#daumRoughmapContainer1766724983420 {width:100%;}
.section_address  {display:none;}
.sub0105 article {margin:20px auto; font-size:15px; line-height:30px; color:#333;}
/*
.sub01imglistA li img {transition:transform 0.3s ease;}
.sub01imglistA li img:hover {transform:translateY(-10px);}
*/




/* 서브03 */
.sub03_02wraptnstj {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:50px 20px; margin:50px auto 0 auto;}
.sub03_02wraptnstj section {width:29%; padding:20px; border:1px dashed #ddd; border-top:2px solid #2f5688; background:#fff; text-align:center;}
.sub03_02wraptnstj section h5 {font-size:20px; color:#3d72b6; font-weight:500;}
.sub03_02wraptnstj section h1 {color:#2f5688; font-size:35px; font-family:'GMarketSans'; letter-spacing:-0.05em; margin:20px 0;}
.sub03_02wraptnstj section article {margin:15px 0 0 0; line-height:30px; font-size:16px; color:#666;}
.sub03_02wraptnstj p {font-size:30px; font-weighT:900; color:#333;}
.sub03_02wraptnstj figure img {width:100%;}
.tablecommon {width:100%; margin:20px 0 0 0; border-top:2px solid #2f5688;}
.tablecommon th, .tablecommon td {font-size:16px; padding:15px; border-bottom:1px dashed #ccc;}
.tablecommon th {background:#4d7ab5; color:#fff; text-align:Center; width:120px;}
.tablecommon td {color:#222;}



/* 서브04 */
.whrqhURL {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:30px 0; margin:50px auto 0 auto;}
.whrqhURL li {transition:transform 0.3s ease; text-align:center; border-radius:0 0 10px 10px; text-align:Center; width:49%; 
height:65px; line-height:65px; letter-spacing:-0.05em; font-size:18px; display:block; color:#fff; font-weight:bold; border:1px solid #ddd; border-radius:65px;}
.whrqhURL li a {color:#222; font-weighT:600; padding:0 15px; display:flex; align-items:center;}
.whrqhURL li a figure {width:50px; height:50px;}
.whrqhURL li a figure img {border-radius:50px; display:block;}
.whrqhURL li a strong {font-weight:500; margin:0 0 0 10px;}
.whrqhURL li:hover {transform:translateY(-10px);}
.whrqhservice {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:30px 0; margin:50px auto 0 auto;}
.whrqhservice li {text-align:center; border-radius:0 0 10px 10px; text-align:Center; width:48%; height:65px; line-height:65px; letter-spacing:-0.05em; font-size:18px; display:block; color:#fff; font-weight:bold;}
.whrqhserviceRKF01 li:nth-child(4n+1){background:#f15c86;}
.whrqhserviceRKF01 li:nth-child(4n+2){background:#ffb160;}
.whrqhserviceRKF01 li:nth-child(4n+3){background:#53aa72;}
.whrqhserviceRKF01 li:nth-child(4n){background:#3f8dc2;}
.whrqhserviceRKF02 li:nth-child(4n+1){background:#ec98db;}
.whrqhserviceRKF02 li:nth-child(4n+2){background:#7cb59e;}
.whrqhserviceRKF02 li:nth-child(4n+3){background:#42b0c9;}
.whrqhserviceRKF02 li:nth-child(4n){background:#b469c3;}
.sub0403 li strong {text-align:left; line-height:32px; font-size:16px;}
.sub04board01 section {margin:50px auto 0 auto;}
.sub04board01 section:first-child {margin:0 auto;}
.sub04board01 section a {display:flex; padding:30px; border:1px dashed #Ddd; flex-wrap:wrap;}
.sub04board01 section figure {width:250px;}
.sub04board01 section figure img {width:100%; display:block;}
.sub04board01 table {width:100%; margin:30px 0 0 0;}
.sub04view figure {margin:0 auto; text-align:center;}
.sub04view figure img {max-width:100%;}
.sub04view article {padding:30px;}




/* 서브07 */
.sub03writewrap {margin:20px auto 0 auto; border:1px dashed #ddd; border-top:2px solid #2f5688; border-radius:0 0 20px 20px; padding:30px; backgrounD:#fff;}
.sub03writewrap ul {display:flex; justify-content:space-between;}
.sub03writewrap li {display:flex; justify-content:space-between; width:47%; height:50px; line-heighT:50px; margin:0 0 30px 0;}
.sub03writewrap li strong {font-size:17px; color:#444; width:100px;}
.sub03writewrap li strong b {color:red;}
.sub03writewrap li input {border:1px solid #ddd; padding:0 25px;}
.sub03writewrap li textarea {border:1px solid #ddd; padding:25px;}
.sub03writewrap li input, .sub03writewrap li textarea {font-family:"Pretendard Variable"; width:calc(100% - 105px); font-size:15px; color:#555; outline:none;}
.sub03writewrap button {border:none; font-size:20px; font-family:"Pretendard Variable"; background:#2f5688; margin:30px auto 0 auto;}
#textareaul li {width:100%; height:300px; line-height:30px;}
.atag001 {display:block; transition:transform 0.3s ease; text-align:Center; color:#fff; margin:70px auto; width:400px; height:60px; line-height:63px; text-transform:uppercase; background:#000; font-family:'GMarketSans'; font-size:12px; font-weight:600;}
.atag001:hover {transform:translateY(-10px);}
.sub0703 .normal_article {font-size:15px; color:#333; margin:50px auto 0 auto; text-align:left; letter-spacing:-0.05em;}





/* 서브08 */
.sub03_02wraptnstj0801 {align-items:stretch;}
.sub0802 figure {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub0802 figure img {width:49%;}
.sub0804 figure {width:100%; display:flex; gap:30px;}
.sub0804 figure img {max-width:100%;}
.img100per01 {width:100%; display:flex; flex-wrap:wrap; padding:30px; border:1px solid #ddd;}
.img100per01 img {width:100%;}
.img100per01 strong {width:100%; margin:0 auto 20px auto; text-align:Center; font-size:20px; font-weight:500; color:#fff; background:#2f5688; padding:15px 0;}
.sub0807 .tablecommon th {width:auto;}
.sub0807 .tablecommon td img {max-width:100%;}
.sub0807 .tablecommon td a {display:block; width:100px; height:40px; line-height:40px; border-radius:50px; color:#fff; background:#2f5688; font-weighT:500; text-align:Center;}



















/* ================== 반응형 ================== */
@media screen and (min-width:1400px)
{
/* ============= 헤더 ============= */
.px1400 {width:1400px; margin:0 auto;}




/* ============= 헤더 ============= */
header {margin:0 auto; position:relative; overflow:visible; width:100%; padding:0;}
.container {width:auto;  padding:0 50px; display:flex; align-items:center; justify-content:space-between;}
.container h1, .container p {position:relative; top:0;}
.container h1, .fixed1 {width:250px;}
.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:60px; height:60px; font-size:20px; text-align:left;}
.navXbtn01 img {width:50px; height:50px; cursor:pointer;}
#navigation {width:calc(100% - 600px); z-index:97; display:block;}
.navul01 {margin:0 auto; display:flex; text-align:center; justify-content:center; height:100px; align-items:center;}
.navul01 li {font-size:20px; width:160px;}
.navul01 > li > a {height:100%; line-height:100px;}
.navul01 li a {color:#333; display:block;}
.navulsub01 {position:absolute; top:60px; 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:99px; 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(31 62 106 / 86%); color:#fff ; font-weight:500 ;}








/* ============= 푸터 ============= */
.footer01 article br {display:block;}







/* ============= 메인 ============= */
/* 메인비주얼 */
.slidesnav00 {width:100px; height:100px; background:rgba(255,255,255,0.8); }
#mainvisual .prev {left:50px;}
#mainvisual .next {right:50px;}
#mainvisual .image-slide > img {object-fit:fill;}
.mtxt01 {width:1400px; margin:0 auto;}
.mtxt02 {widtH:50%; margin:0 auto;}
.maintxtx h1 b br {Display:none;}


/* 메인바텀 */
#mainvisbottom .mbright {width:1400px;}



/* 메인02 */
#main02 hgroup h1 {text-align:center;}
.main02_01  {justify-content:center; gap:30px;}
.main02_01 section {width:500px;}








/* ============= 서브 ============= */
.sub00 {width:1100px;}
.imglist li {text-align:center; width:30.5%;}
.imglist2ro li {width:47.5%;}




/* 서브01 */
.sub0102 > .px1400 {padding:0;}
.sub0102_wrap {width:auto; padding:30px 0;}
.sub0102_wrap section {width:560px;}
.sub0102_wrap section p {float:left; text-align:left; font-size:17px; line-height:27px; margin:15px 0 0 0;}
.sub0102_wrap section h4, .sub0102_wrap section h3 {text-align:left;}
.section_0102left {margin:30px 0 0 542px; background:url(/img/0102bg02.jpg) no-repeat left 20px;}
.section_0102left figure {float:left; left:3px;}
.section_0102left > div {float:left; margin:0;}
.section_0102right {margin:30px 0 0 0; background:url(/img/0102bg02.jpg) no-repeat right 20px;}
.section_0102right > div {float:right; width:auto;}
.section_0102right > div p {text-align:right;}
.section_0102left figure img, .section_0102right figure img {display:block;}




/* 서브03 */
.sub01_03wrap, .sub03_02wraptnstj, .sub01_03article {margin:50px auto 0 auto;}




/* 서브04 */
.whrqhURL {justify-content:flex-start;; gap:30px;}
.whrqhURL li {width:30.5%;}
.whrqhservice {justify-content:flex-start;; gap:24px;}
.whrqhservice li {width:23.35%;}
.sub04board01 table {margin:0 0 0 30px; width:calc(100% - 300px);}


/* 서브08 */
.sub0807 .tablecommon {width:auto; }
.sub0807 .tablecommon tbody {display:flex; flex-wrap:wrap;}
.sub0807 .tablecommon tr {width:50%; display:flex; justify-content:space-between;}
.sub0807 .tablecommon th {width:120px;}
}














@media screen and (min-width:769px) and (max-width:1499px)
{
/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual .slider {aspect-ratio:16 / 12;}
.slidesnav00 {top:50px;}
.maintxtx {width:90%;}
.maintxtx h1 b br {Display:none;}




/* 메인바텀 */
#mainvisbottom > div ul {margin:10px 0 0 0;}



/* 메인01 */
#main01 article {margin:80px auto;}



/* 메인02 */
#main02 hgroup h3 {font-size:18px;}
#main02 hgroup h1 {font-size:55px;}
.main02_02 {gap:30px 0; margin:30px auto !important;}
.main02_02 section h3 {font-size:23px; margin:20px auto;}
.main02_02 section p {height:45px; line-height:45px; font-size:15px;}









/* ============= 서브 ============= */
/* 공통 */
#subpage > .px1400 {width:100%;}
.subnav00 {width:200px;}
.sub00 {width:calc(100% - 250px);}


/* 순서도 */
.tnstjeh001 {gap:15px;}
.tnstjeh001 section {width:43%;}
.tnstjeh001 section h1 {font-size:30px;}
.tnstjeh001 p {font-size:20px;}




/* 서브01 */
.section_0102right > div {margin:20px auto 0 auto;}
.sub0101 article {font-size:16px; line-height:31px;}


/* 서브03 */
.sub03_02wraptnstj {gap:15px;}
.sub03_02wraptnstj section {width:43%;}
.sub03_02wraptnstj section h1 {font-size:30px;}
.sub03_02wraptnstj p {font-size:20px;}



/* 서브04 */
.whrqhURL li a figure {width:35px; height:35px;}
.whrqhURL li a strong {font-size:13px;}
}












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

/* 인트로 */
#intro00 {font-size:20px;}
#intro00 article {margin:0 auto; width:90%;}






/* ============= 푸터 ============= */
.footer_cscenter div h1 span {display:none;}
.footer_cscenter div ul {flex-wrap:wrap; gap:15px;}
.footer_cscenter div ul li {width:100%;}
.footer01 article {font-size:12px;}










/* ============= 메인 ============= */
/* 메인비주얼 */
#mainvisual {width:100%;}
#mainvisual .slider {aspect-ratio:16 / 18;}
#mainvisual .pagination {bottom:20px;}
#mainvisual .pagination-dot {width:10px; height:10px; z-index:50;}
.slidesnav00 {top:45%; z-index:50; width:30px; height:30px;}
.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;}


/* 메인바텀 */
#mainvisbottom {padding:10px 0;}


/* 메인01 */
#main01 {margin:0 auto;}
#main01 article {width:100%; margin:30px auto; padding:30px;}
#main01 article h1, #main01 article h1 strong {font-size:28px;}
#main01 article p {font-size:15px; line-height:26px; color:#222;}
#main01 article p br {display:none;}
#main01 article a {height:45px; line-height:45px; background:#202c58; border:1px solid #202c58; color:#fff;}




/* 메인02 */
#main02 {margin:50px auto 0 auto; padding:0;}
#main02 hgroup h3 {font-size:15px;}
#main02 hgroup h1 {font-size:40px;}
.main02_01 {gap:0; margin:30px auto 0 auto;}
.main02_01 section {margin:10px 0 0 0; width:100%;}
.main02_01 section a {transition:none;}
.main02_01 section a:hover {transform:translateY(0);}
.main02_02 {margin:30px auto !important; gap:0;}
.main02_02 section {width:49%;}
.main02_02 section figure img {border-radius:15px 15px 0 0;}
.main02_02 section h3 {font-size:20px; margin:20px auto;}
.main02_02 section p {font-size:13px; margin:0 auto 30px auto; height:40px; line-height:40px;}









/* ============= 서브 ============= */
/* 서브공통 */
#subvisual h1 {font-size:50px;}
#subvisual article {font-size:17px; line-height:26px;}
#subpage > div.px1400 {flex-wrap:wrap; width:100%;}
.subnav00 {overflow-x:auto; -webkit-overflow-scrolling:touch; padding:10px; border-bottom:1px solid #ddd; width:100%; overflow-x:auto; white-space:nowrap;}
.subnav00 h1 {display:none;}
.subnav00 ul {display:flex; flex-wrap:nowrap; gap:16px; min-width:max-content;}
.subnav00 ul li {white-space:nowrap; border-bottom:none; width:auto; font-size:15px;}
.subnav00::-webkit-scrollbar {display:none;}
.subnav00 ul li a {transition:none;}
.subnav00 ul li:hover a {transform:translateX(0);}
.sub00 {margin:0 auto;}
.subvis01 {background: url(/img/subvis01.jpg) no-repeat 20% top;}
.subh1title001 {font-size:35px; width:90%; margin:0 auto; padding:40px 0 0 0; background-size:1px 50px;}
.subsubline {height:30px; background:url(/img/subtopline.png) no-repeat center; opacity:0.3; margin:30px 0;}
.subsubline img {display:none;}
#subpage {margin:0 auto 50px auto;}
.h1title strong {font-size:18px;}
.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 {font-size:15px; line-height:28px; 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 {font-size:15px; line-height:25px; margin:20px auto 0 auto;}
.normal_section section figure {width:50px;}
.flex001 section {width:100%;}

/* 순서도 */
.tnstjeh001 {gap:15px; margin:30px auto 0 auto;}
.tnstjeh001 section {width:100%; padding:20px;}
.tnstjeh001 section h5 {font-size:17px;}
.tnstjeh001 section h1 {font-size:25px;}
.tnstjeh001 section article {font-size:15px;}
.tnstjeh001 p {width:100%; text-align:center;}
.tnstjeh001 p strong {transform:rotate(90deg); display:inline-block;}




/* 서브01 */
.sub0101 {}
.sub0101 article {font-size:15px; line-height:28px;}
.section_0102right > div {margin:20px auto 0 auto;}
.subcommonfigcap {display:block; text-align:center; margin:30px auto 0 auto; font-size:13px; color:#555;}
.subcommonfigururue a {pointer-events:auto;}




/* 서브03 */
.sub03_02wraptnstj {gap:15px;}
.sub03_02wraptnstj section {width:100%; padding:20px;}
.sub03_02wraptnstj section h5 {font-size:17px;}
.sub03_02wraptnstj section h1 {font-size:25px;}
.sub03_02wraptnstj section article {font-size:15px;}
.sub03_02wraptnstj p {width:100%; text-align:center;}
.sub03_02wraptnstj p strong {transform:rotate(90deg); display:inline-block;}




/* 서브04 */
.whrqhURL {gap:15px;}
.whrqhURL li {width:100%; font-size:18px;}
.whrqhURL li a figure {width:35px; height:35px;}
.whrqhURL li a strong {font-size:15px;}
.whrqhservice {gap:15px;}
.whrqhservice li {width:100%; font-size:18px;}
.sub0403 li strong {line-height:26px;}
.tablecommon th {width:auto;}





/* 서브07 */
.sub03writewrap {padding:15px;}
.sub03writewrap ul {flex-wrap:Wrap;}
.sub03writewrap li {width:100%; margin:0 0 15px 0;}
.sub03writewrap li strong {font-size:14px; width:70px;}
.sub03writewrap li input, .sub03writewrap li textarea {width:calc(100% - 75px);}
.sub03writewrap button, .sub03writewrap a {width:100%;}



/* 서브08 */
.img100per01 {padding:10px;}
.img100per01 strong {font-size:15px; padding:15px;}
.sub0807 .tablecommon td, .sub0807 .tablecommon th {padding:10px;}
.sub0807 .tablecommon td a {width:70px; height:30px; line-height:30px; font-size:11px;}


}