@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(//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:'RiaSans-Extrabold'; font-weighT:400; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'LOTTERIACHAB'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/LOTTERIACHAB.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'RixYeoljeongdo_Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Cafe24ClassicType-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Cafe24ClassicType-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'RiaSans-Extrabold'; font-weighT:400; src:url('/font/RiaSans-ExtraBold.woff2') format('woff2'); font-weight:normal; font-style:normal;}









*, body {margin:0; padding:0;}
body {max-width:100%; margin:0 auto; box-sizing:border-box;}
body, input, select, textarea {font-family:"SUIT", "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,aside {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, .mrt70_P {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.mrt5070 {margin-top:50px !Important;}
.mrb30 {margin-bottom:30px !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, .px1600 {width:90%; margin:0 auto;}
.per90, .sub00 {width:90%; margin:0px auto;}
.per_50 {box-sizing:border-box; padding:0 50px; width:100%;}
.changetop {position:fixed; top:0; left:0; background:rgba(255,255,255,0.8); z-index:950; width:100%;}
.changetop header > div, .changetop .gnbul > li > a {height:70px; line-height:70px !important;}
.changetop .subgnb {top:70px;}
.youtubecross {position:relative; max-width:100%; padding-bottom:56.25%; height:0;}
.youtubecross > iframe {position:absolute; position:absolute; top:0; left:0; width:100%; height:100%;}



 







/* ========== 헤더 ========== */
header {width:100%; padding:20px; z-index:999; overflow:hidden; display:flex; box-sizing:border-box;}
header::after {content:"";}
header img {display:block; filter:invert(30%) sepia(85%) saturate(900%) hue-rotate(139deg) brightness(95%) contrast(101%);}
#headerindex {position:fixed;}
.addition {width:100%; display:flex; justify-content:space-between; align-items:center;}
.addition > h1 {z-index:90;}
.fixed1 {z-index:999;}
.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:999999999999999999999999;}
#sidebar > h3 {width:150px;}
#sidebar > h3 img {width:100%;}
.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:16px; 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:16px; 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:#16a17d;}
.section_ma02cscenter div h1 a, .section_ma02cscenter div h1 a img {color:#16a17d; 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:#16a17d; 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;}
.headertop {height:40px; line-height:40px; font-size:10px; border-bottom:1px solid #eee;}
.headertop ul {display:flex; flex-direction:row-reverse;}
.headertop li {padding:0 10px; font-size:10px;}
.headertop li a {color:#222;}
.changetop {z-index:9110269;}









/* ========== 푸터 ========== */
footer {z-indeX:90;}


/* 찐푸터 */
#footerzzin {width:100%; background:#333; padding:0 0 80px 0;}
#footerzzin h1 img {filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(61deg) brightness(105%) contrast(101%);}
.footer001, .footer002 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.footer001 ul {display:flex; padding:10px 0;}
.footer001 ul li {height:50px; line-height:50px;}
.foo01_ul01 li {font-size:15px; background:url(/img/bar01.png) no-repeat left center;}
.foo01_ul01 li:first-child {background:none;}
.foo01_ul01 li a {color:#fff; display:block; padding:0 20px;}
.foo01_ul01 li:first-child a {padding:0 20px 0 0;}
.foo01_ul02 {gap:10px;}
.foo01_ul02 li {width:50px; background:#4c4c4c; height:50px; line-height:48px; text-align:center; border-radius:50px;}
.foo01_ul02 li img {width:20px; vertical-align:middle; top:-2px;}
.footer002 {border-top:1px solid #5c5c5c;}
.footer002 div {display:flex; padding:30px 0; justify-content:space-between;}
.footer002 div article {color:#ddd; text-align:right; font-size:15px; line-height:26px; text-transform:uppercase;}
.footer002 div article a {color:#ddd;}



/* 상담신청 */
#cscenterform {width:100%; background:#006556; padding:20px 0; overflow:hidden; height:77px; position:fixed; bottom:0; left:0; transition:transform 0.5s ease;}
#cscenterform > div {display:flex; justify-content:center; align-items:center; height:100%; gap:15px;}
#cscenterform > div h1, #cscenterform > div h2, #cscenterform > div button {font-weight:400; font-family:'GmarketSansBold'; font-size:30px; color:#fff; line-height:43px; top:4px;}
#cscenterform > div h2 {font-size:35px;}
#cscenterform > div h2 a {color:#ffda2f;}
#cscenterform > div ul {display:flex; justify-content:space-between; gap:15px; height:100%;}
#cscenterform > div ul li {font-size:15px; color:#333;}
#cscenterform > div ul li input {display:block; border:none; border-radius:10px; background:#fff; height:100%; width:150px; padding:0 20px; outline:none;}
#cscenterform > div p {display:flex; color:#fff; flex-direction:column; gap:5px;}
#cscenterform > div p label {display:flex; font-size:11px;}
#cscenterform > div p label a {color:#fff; text-decoration:underline; margin:0 0 0 5px;}
#cscenterform > div p label span {color:#fff;}
#cscenterform > div button {color:#006556; border-radius:15px; display:block; text-align:Center; padding:0 20px; background:#ffda2f; width:187px; border:none; height:100%; display:block; font-size:20px; top:0;}
#cscenterform > div button br {display:none;}
.cs-hidden {transform:translateY(100%); pointer-events:none; /* 클릭도 막아줌 */}
.gogobutton {position:fixed; font-size:15px; bottom:77px; right:0; backgrounD:#006556; color:#fff; padding:10px; transition:bottom 0.5s ease; z-index:95;}
.gogobutton-lowered {bottom:0 !important;}
.modal-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:999; display:none;}
.privacy_popopop {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:white; z-index:9999991000; padding:2rem; border-radius:10px; max-width:90%; width:400px; display:none; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.popup-content h3 {text-align:center;}
.popup-content p {font-size:15px; line-height:26px; margin:20px auto;}
.popup-content a {display:block; background:#555; color:#fff; display:block; font-size:15px; width:150px; height:40px; line-height:40px; margin:0 auto; text-align:center;}
#ckddjq_wrap {display:flex; flex-wrap:wrap; height:37px; gap:10px;}
#cscenterform > div p label input {width:auto !important; height:auto; line-heighT:inherit;}
#labelonlymobile {position:absolute; left:-120px; top:20px; font-size:12px; color:#fff;}
#labelonlymobile a {color:#fff; text-decoration:underline;}
#labelonlymobile input {top:3px;}









/* ========== 메인 ========== */
/* 메인비주얼 */
#mainvisual {background:#000;}
#mainvisual .slider {overflow:hidden; width:100%; margin:0 auto; aspect-ratio:2000 / 1124;}
#mainvisual .slides {display:flex; width:100%; height:100%; transition:transform 0.5s ease-in-out;}
#mainvisual .slide {min-width:100%; height:100%;}
.youtube-slide video {object-fit:cover; opacitY:0.6; 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:#fff; text-align:center; border-radius:100px; border:none; cursor:pointer; z-index:10;}
.slidesnav00 img {width:10px; vertical-align:middle;}
#mainvisual .prev {left:20px;}
#mainvisual .prev img {transform:rotate(180deg);}
#mainvisual .next {right:20px;}
#mainvisual .pagination {position:absolute; bottom:30px; left:0; width:100%; flex-wrap:wrap; display:flex; gap:10px; z-index:5; justify-content:center;}
#mainvisual .pagination-dot {width:25px; height:25px; border-radius:50%; border:1px solid #fff; opacity:0.3; cursor:pointer; background:url(/img/dot01.png) no-repeat center;}
#mainvisual .pagination-dot.active {opacity:1;}
.maintextwrap {width:100%; position:absolute; left:0; top:0; height:100%; text-align:center; color:#fff; display:flex; align-items:center; justify-content:center;}
.maintxtx {display:flex; flex-wrap:wrap;}
.maintxtx h1 {font-family:'RiaSans-Extrabold'; font-weighT:400; color:#fff; font-size:40px; width:100%;}
.maintxtx h1 strong {color:#fee882; font-size:45px; font-weight:400;}
.maintxtx p {width:100%; font-size:20px; line-height:27px; margin:20px auto 0 auto; letter-spacing:-0.05em;}



/* 메인01 */
#main01 {width:100%; overflow:hidden; margin:-80px auto 0 auto;}
.main01bg {height:80px; overflow:hidden; background:url(/img/bg001.png) repeat-x;}
.main01conbg {background:url(/img/bg01.jpg) repeat; width:100%;}
.main01con {background:url(/img/main01bg01.png) no-repeat right bottom; background-size:40%; width:100%;}
.main01con > div {display:flex; flex-wrap:wrap; justify-content:space-between;}
.lefttitle h3 {font-family:'GmarketSansbold'; text-transform:uppercase; font-size:13px;}
.lefttitle h1 {font-family:'RiaSans-Extrabold'; font-weighT:400; font-size:70px; line-height:70px; margin:20px auto 0 auto;}
.lefttitle p {font-size:18px; line-height:27px; font-weight:200; margin:50px 0 0 0; letter-spacing:-0.05em;}
.lefttitle a {display:block; width:180px; height:50px; line-height:50px; text-align:center; text-transform:uppercase; font-weight:600; margin:50px 0 0 0; transition:transform 0.3s ease;}
.lefttitle a:hover {transform:translateY(-10px);}
.lefttitle01 {margin:140px 0 50px 0;}
.lefttitle01 h3, .lefttitle01 h1, .lefttitle01 p {color:#fff;}
.lefttitle01 h1 strong {color:#ffea3c; font-weight:400;}
.lefttitle01 a {border-bottom:2px solid #ffea3c; color:#ffea3c;}
.rightcontents {display:flex; justify-content:space-between;}













/* 메인02 */
#main02 {width:100%; overflow:hidden; margin:-80px auto 0 auto;}
.main02bg {height:80px; overflow:hidden; background:url(/img/bg002.png) repeat-x;}
.main02conbg {background:url(/img/bg02.jpg) repeat; width:100%;}
.main02con {background:url(/img/main02bg01.png) no-repeat left top; background-size:40%; width:100%;}
.main02con > div {display:flex; flex-wrap:wrap; justify-content:space-between; padding:100px 0 70px 0; border-bottom:1px solid #f6f6f6;}
.lefttitle02 h3, .lefttitle02 h1, .lefttitle02 p {color:#333;}
.lefttitle02 a {border-bottom:2px solid #107969; color:#107969;}
#rightcontents02 {display:flex; justify-content:space-between; flex-wrap:wrap;}
#rightcontents02 ul:first-child {margin:75px 0 0 0;}
#rightcontents02 ul li {transition:transform 0.3s ease;}
#rightcontents02 ul li a {display:block;}
#rightcontents02 ul li img {width:100%;}
#rightcontents02 ul li:hover {transform:translateX(10px);}




/* 메인02-2라인 */
.mainlineline {width:100%; background-image:url(/img/lineline00.png); background-repeat:repeat-x; background-position-y:center !important; height:55px; animation:scrollbg 10s linear infinite; margin:0 auto; padding:100px 0;;}
@keyframes scrollbg {0% {background-position:0 0;}100% {background-position:-1000px 0;}}




/* 메인03 */
#main03 {width:100%;}
.main03bg {background:url(/img/bg03.jpg);}
.main03bg > div {background:url(/img/bg003.png) no-repeat right center; text-align:center; padding:90px 0;}
.main03bg > div h3 {font-family:'GmarketSansbold'; text-transform:uppercase; font-size:13px; color:#fff;}
.main03bg > div h1 {font-family:'RiaSans-Extrabold'; font-weighT:400; font-size:70px; line-height:70px; margin:20px auto 0 auto; color:#ffea3c;}
.main03bg > div p {font-size:18px; line-height:27px; font-weight:200; margin:30px auto; letter-spacing:-0.01em; color:#fff;}
.main03bg figure {position:absolute;}
.storeinputwrap01 {border-radius:70px; background:#fff; width:400px; height:70px; line-height:73px; padding:0 30px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.storeinputwrap01 input[type=search] {height:100%; outline:none; border:none; color:#222; font-family:'GmarketSansMedium'; font-size:18px; font-weighT:100;}
.storeinputwrap01 input[type=submit] {background:url(/img/eheqhrl.png) no-repeat; width:31px; height:31px; font-size:0; border:none;}




/* 메인04 */
#main04 {width:100%; margin:100px auto 0 auto; background:url(/img/bg04.jpg) repeat-x center 80px;}
#main04 .youtubecross {margin:100px auto 0 auto;}
#main04 .youtubecross iframe {border-radius:30px 30px 0 0;}
.main04bg {height:80px; overflow:hidden; background:url(/img/bg004.png) repeat-x;}
.main04conbg {background:url(/img/bg04pattern.png) repeat-x right center;}
.main04conbg > div {text-align:center; padding:90px 0 50px 0;}
.main04conbg > div > h3 {font-family:'GmarketSansbold'; text-transform:uppercase; font-size:13px; color:#333;}
.main04conbg > div > h1 {font-family:'RiaSans-Extrabold'; font-weighT:400; font-size:70px; line-height:70px; margin:20px auto 0 auto; color:#333;}
.main04conbg > div > p {font-size:18px; line-height:27px; font-weight:200; margin:30px auto; letter-spacing:-0.01em; color:#333;}
.youtubetitle_main04 {text-align:center; border-radius:0 0 30px 30px; background:#fff9f1; padding:30px;}
.youtubetitle_main04 h2 {color:#79240a; font-size:30px; font-family:'RiaSans-Extrabold'; font-weighT:400; }
.youtubetitle_main04 p {font-size:20px; color:#222; margin:10px auto 0 auto; letter-spacing:-0.07em;}
.main04_videolist {margin:70px auto 0 auto; display:flex; justify-content:space-between;}
.main04_videolist li {width:31%;}
.main04_videolist li a {display:block; transition:transform 0.3s ease;}
.main04_videolist li a:hover {transform:translateY(-20px);}
.main04_videolist li figure, .main04_videolist li figure img {width:100%; display:block; border-radius:30px;}
.main04_videolist li h3 {font-size:23px; color:#578e7e; margin:15px auto;}
.main04_videolist li p {font-size:17px; color:#333; letter-spacing:-0.07em;}
#adminbtn00 {display:block; width:200px; height:50px; margin:50px auto 0 auto; background:#555; text-align:center; line-height:50px; color:#fff; font-weight:600; font-size:17px; border-radius:50px; transition:background 0.5s;}
#adminbtn00:hover {background:#222;}


/* 메인05 */
#main05 {margin:0 auto; overflow:hidden; width:100%; padding:20px 0 0 0;}
#main05 > div {display:flex; justify-content:space-between; flex-wrap:wrap;}
#main05 > div section {border-radius:30px; text-align:Center; padding:30px; transition:transform 0.3s ease; width:100%;}
#main05 > div section:hover {transform:translateY(-20px);}
#main05 > div section h2 {font-family:'RiaSans-Extrabold'; font-weighT:400; margin:30px auto 20px auto; text-transform:uppercase; font-size:20px; color:#fff; text-align:Center; border-radius:50px; line-height:50px; height:50px; width:165px;}
#main05 > div section article {font-size:18px; color:#333; line-height:27px;}
.main05section01 h2 {background:#0e594e;}
.main05section02 h2 {background:#419fd1;}
.main05section03 h2 {background:#cc3639;}
.main05section01 {background:#ebfef2;}
.main05section01 li {width:100%; background:#fff; border-radius:30px; margin:0 auto 23px auto; padding:20px;}
.main05section01 li a {display:flex; align-items:center; justify-content:flex-start;}
.main05section01 li figure img {border-radius:100px;}
.main05section01 li p {text-align:left; font-size:17px; line-height:25px; color:#333; margin:0 0 0 20px;}
.main05section02 {background:#f1f9fd;}
.main05section03 {background:#fff3f5;}
.main05section02 img, .main05section03 img {border-radius:30px;}





/* 메인06 */
#main06 {width:100%; margin:100px auto;}
.main06slide {overflow:hidden; position:relative; white-space:nowrap}
.main06slide .rolling_list {display:flex; animation:main06rolling 60s linear infinite; padding:30px; gap:30px; width:max-content;}
.main06slide .rolling_list > li {width:320px; box-shadow:rgba(0,0,0,0.05) 2px 3px 17px 7px; border-radius:50px;}
.main06slide .rolling_list > li > a {display:block;}
.main06slide .rolling_list > li:hover {border:3px solid #bfbfbf;}
.main06slide .rolling_list > li > a > img {width:100%;}
@keyframes main06rolling {
  0% { transform:translateX(0); }
  100% { transform:translateX(-50%); }
}
.main06slide section {width:100%; padding:30px 20px;}
.main06slide section h1 {display:flex; justify-content:space-between; align-items:center;}
.main06slide section h1 figure {display:flex; align-items:center;}
.main06slide section h1 figure strong {font-size:20px; color:#333; margin:0 0 0 10px;}
.main06slide section h1 span {font-size:20px; color:#333;}
.main06slide section > figure {text-align:center; margin:20px auto 0 auto;}
.main06slide section > figure img {width:100%;}
.main06slide section > div {display:flex; justify-content:space-between; align-items:center; margin:10px 0;}
.main06slide section > div ul {display:flex; gap:10px;}
.main06slide section article {font-size:15px; line-height:25px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}








/* ========== 서브 ========== */
/* 서브공통 */
#subvisual {padding:0 0 50px 0; overflow:hidden;}
.px95per {width:95%; margin:0 auto;}
.spanbbr00 br {display:none;}
.subvis02 {background:url(/img/subvis02.jpg) repeat-x center top; width:100%; heighT:365px;}
.subvis03 {background:url(/img/subvis03.jpg) repeat-x center top; width:100%;}
.subvis04 {background:url(/img/subvis04.jpg) repeat-x center top; width:100%;}
.subvis05 {background:url(/img/subvis05.jpg) repeat-x center top; width:100%; overflow:hidden; height:405px;}
.subvis06 {background:url(/img/subvis06.jpg) repeat-x center top; width:100%; overflow:hidden; height:405px;}
.subvis07 {background:url(/img/subvis07.jpg) repeat-x center top; width:100%;}
.subvis08 {background:url(/img/subvis08.jpg) repeat-x center top; width:100%;}
.subvis09 {background:url(/img/subvis09.jpg) repeat-x center top; width:100%;}
.subvis00_priv {background:url(/img/subvis05.jpg) repeat-x center top; width:100%;}
.subvistitle {text-align:Center; padding:80px 0;}
.subvistitle > h3 {font-size:16px; color:#182c24; text-transform:uppercase; font-weight:400;}
.subvistitle > h1 {font-family:'RiaSans-Extrabold'; font-weighT:400; color:#148365; font-size:60px; line-heighT:60px; margin:30px auto;}
.subvistitle > p {font-size:19px; letter-spacing:-0.05em; color:#182c24; line-heighT:28px;}
.subvistitle > p b br {display:none;}
.sub00ul {border-radius:80px; heighT:70px; line-height:70px; text-align:center; display:flex; background:#fff; box-shadow:1px 1px 10px 1px rgb(167 167 167 / 50%); justify-content:center;}
.sub00ul li a {display:block; padding:0 30px; background:url(/img/bar02.png) no-repeat right center; color:#333; letter-spacing:-0.07em; font-size:20px;}
.sub00ul li:last-child a {background:none;}
.sub00ul li:hover a, #substACTIVEli a {font-weight:600; color:#156347;}
#subpage {padding:0 0 100px 0;}
.subfirsthg {width:90%; margin:0 auto; background:url(/img/bar03.png) no-repeat center top; text-align:center; padding:150px 0 0 0;}
.subfirsthg > h1 {font-sizE:50px; color:#148365; letter-spacing:-0.05em; font-weight:700;}
.titleh3h3 {text-align:Center; widtH:90%; margin:0 auto; font-size:20px; color:#333; font-weight:400; margin:30px auto 70px auto; letter-spacing:-0.05em;}
.subvis00 .subvistitle figure {position:absolute; width:100%; display:flex; justify-content:space-between;}
.subvis00 .subvistitle figure img {display:block;}
#tnwjd00 {display:block; border:1px solid #d2d2d2; height:45px; line-height:45px; padding:0 20px; border-radius:10px; text-align:center; font-size:15px; color:#333; transition:transform 0.3s ease; background:none; width:100px;}






/* 서브01 */
/* 영탁헴 */
#sub0101 {width:100%; overflow:hidden;}
.sub0101TOPwrap {background:url(/img/0101bg03.jpg) repeat;}
.sub0101TOP {background:url(/img/0101bg01.png) no-repeat center bottom;width:100%;}
.sub0101TOP > .px1400 {display:flex; justify-content:center;}
.sub0101TOP > .px1400 section h3 {font-weight:100; font-family:'GmarketSansLight'; font-size:30px; color:#3a3a3a; letter-spacing:-0.07em;}
.sub0101TOP > .px1400 section h3 strong {font-weighT:600;}
.sub0101TOP > .px1400 section h1 {font-family:'GmarketSansBold'; color:#107c73; font-size:110px; letter-spacing:-0.03em; margin:20px 0 0 0;}
.sub0101TOP > .px1400 section h1 strong {display:block; font-weight:400; height:100px; line-height:120px;}
.sub0101TOP > .px1400 section h1 strong:last-child {margin:20px 0 0 0;}
.sub0101TOP > .px1400 section:nth-of-type(1) {}
.sub0101TOP > .px1400 section:nth-of-type(2) {text-align:right;}
.sub0101TOP > .px1400 figure img {width:100%; display:block;}
.toptop0101 {width:100%; background:url(/img/0101bg02.png) #1c5e59; background-repeat:repeat-x; background-position-y:center !important; height:70px; animation:scrollBg 10s linear infinite;}
@keyframes scrollBg {0% {background-position:0 0;} 100% {background-position:-1000px 0;}}

	
/* 비디오부분 */
.sub0101video {width:100%; background:#000;}
.sub0101video video {opacity:0.7; display:block; width:100%; margin:0 auto;}
.videoarticlewrap {width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items:center;}
.videoarticle {display:flex; text-align:center; flex-wrap:wrap; width:100%;}
.videoarticle h3, .videoarticle h1, .videoarticle span, .videoarticle p {display:block; width:100%; color:#fff;}
.videoarticle h3 {font-size:45px; font-weighT:100; letter-spacing:-0.05em;}
.videoarticle h3 strong {font-weight:600;}
.videoarticle h1 {font-size:70px; color:#ffeb7a; font-weighT:900;}
.videoarticle span {font-sizE:10px; text-transform:uppercase; opacity:0.7; margin:40px auto;}
.videoarticle p {font-size:20px; color:#fff; font-weight:200;}


/* 브랜드가치 */
.sub0101brandworth {}
.sub0101brandworth hgroup {width:90%; margin:0 auto; background:url(/img/0101bg04.jpg) no-repeat center top; background-size:1px 70px; text-align:center; padding:100px 0 0 0;}
.sub0101brandworth hgroup h3 {letter-spacing:0;  opacity:0.6; text-transform:uppercase; color:#aaa;  font-weight:400; font-family:'GmarketSansMedium'; margin:20px auto; font-size:10px;}
.sub0101brandworth hgroup h1 span, .sub0101brandworth hgroup h1 strong {display:block; margin:20px auto 0 auto;}
.sub0101brandworth hgroup h1 span {font-weight:100; font-size:43px; line-height:34px; height:35px; letter-spacing:-0.05em;}
.sub0101brandworth hgroup h1 strong {color:#107c73; font-weight:800; font-size:55px; line-height:50px; height:50px;; left:3px;}
.sub0101brandworth > div {margin:80px auto 0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub0101brandworth section {text-align:Center;}
.sub0101brandworth section figure img {border-radius:30px; display:block;}
.sub0101brandworth section h1 {font-size:30px; line-height:42px; margin:20px auto 10px auto; color:#333; font-family:'GmarketSansLight'; font-weight:100; letter-spacing:-0.05em;}
.sub0101brandworth section h1 strong {font-weight:500; color:#ea9112; font-family:'GmarketSansBold'; font-size:32px;}
.sub0101brandworth section:nth-of-type(2) h1 strong {color:#264491;}
.sub0101brandworth section:nth-of-type(3) h1 strong {color:#17856f;}
.sub0101brandworth section p {font-size:17px; color:#333; letter-spacing:-0.05em;}


/* 100년기업렛츠고 */
.sub0101forfuture {background:#f7fffc; padding:100px 0; text-align:center; width:100%; margin:100px auto 0 auto;}
.sub0101forfuture figure {position:absolute; bottom:0; overflow:hidden;}
.sub0101forfuture figure:first-child {left:50px;}
.sub0101forfuture figure:nth-of-type(2) {right:50px; text-align:right;}
.sub0101forfuture figure img {display:block; width:70%;}
.sub0101forfuture figure:nth-of-type(2) img {float:right;}
.sub0101forfuture figcaption {text-align:Center; font-weight:200; color:#333; font-size:30px; line-heighT:45px; letter-spacing:-0.05em;}
.sub0101forfuture figcaption strong {color:#006556; font-weighT:900; font-size:32px;}
.sub0101forfuture figcaption b br {display:none;}






















/* 서브02 */
/* 신메뉴리스트 */
.pageslides {position:relative; overflow:hidden; margin:0 auto;}
.pageslides section {width:100%; flex-shrink:0; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.pageslides section figure {width:48%;}
.pageslides section figure img {display:block; margin:0 auto; width:100%;}
.pageslides section figcaption {width:48%;}
.pageslides section figcaption h3 {font-size:20px; color:#079c84; letter-spacing:-0.05em;}
.pageslides section figcaption h1 {font-size:20px; line-heighT:30px; color:#333; letter-spacing:-0.05em; margin:20px 0;}
.pageslides section figcaption p {font-size:15px; line-height:28px; color:#444; letter-spacing:-0.05em;}
.pageslides section figcaption a {widtH:200px; height:50px; line-heighT:50px; display:block; font-size:17px; color:#fff; border-radius:100px; letter-spacing:-0.05em; background:#1b8878; text-align:Center; font-weighT:600; margin:30px 0 0 0; transition:transform 0.3s ease;}
.pageslides section figcaption a:hover {transform:translateY(-10px);}
.pageslides .slides-wrapper {display:flex; transition:transform 0.5s ease; width:100%;}
.pageslides .slide-nav {display:none; width:40px; height:40px;position:absolute; top:50%; transform:translateY(-50%); border-radius:50px; background:rgba(0,0,0,0.5); color:#fff; border:none; cursor:pointer; z-index:10; padding:0 10px;}
.pageslides .prev {left:10px; background:url(/img/arrowprevgreen.png) no-repeat #1b8878 center; background-size:10px;}
.pageslides .next {right:10px; background:url(/img/arrownextgreen.png) no-repeat #1b8878 center; background-size:10px;}
.pageslides .pagination {text-align:center; margin:50px auto 0 auto;}
.pageslides .pagination button {width:10px; height:10px; border:none; margin:0 5px; background:#9cd7ce; border-radius:20px; cursor:pointer;}
.pageslides .pagination button.active {background:#079c84; width:32px;}





/* 메뉴뷰어 */
.sub02view {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%;}
.sub02view figure {width:48%;}
.sub02view figcaption {width:50%;}
.sub02view figcaption h3 {font-size:22px; opacity:0.7; color:#0d7764;}
.sub02view figcaption h1 {font-family:'RiaSans-Extrabold'; font-weighT:400; font-size:50px; color:#0d7764; margin:20px 0 0 0;}
.sub02view figcaption p {margin:30px 0; font-size:17px; letter-spacing:-0.05em; color:#555; line-height:35px;}
.viewul {display:flex; margin:30px auto 0 auto; gap:20px;}
.viewul li {width:65px; heighT:65px; line-heighT:65px; text-align:center; border-radius:10px; color:#fff; font-size:20px; font-weight:600;}
/*.viewul li:first-child {background:#289d8e;}
.viewul li:nth-child(2) {background:#ebaa1d;}
.viewul li:nth-child(3) {background:#eb581d;}*/
.viewul li.li01 {background:#289d8e;}
.viewul li.li02 {background:#ebaa1d;}
.viewul li.li03 {background:#eb581d;}
.sub02view > a {display:block; width:230px; height:60px; line-heighT:60px; text-align:center; color:#fff; font-size:23px; font-family:'RiaSans-Extrabold'; font-weighT:400; background:#156345; margin:80px auto; border-radius:100px; transition:transform 0.3s ease;}
.sub02view > a:hover {transform:translateY(-10px);}




/* 일반리스트 */
.sub02normal {width:100%; padding:0 30px;}
.menulist00 {display:grid; grid-template-columns:repeat(3, 1fr); padding:0;}
.menulist00 section {transition:transform 0.3s ease; padding:30px;}
.menulist00 section:hover {transform:translateY(-10px); opacity:0.8;}
.menulist00 section figure {}
.menulist00 section figure img {width:100%; display:block; border-radius:50px 50px 0 0;}
.menulist00 h1 {font-size:42px; color:#332222; letter-spacing:-0.07em; margin:0 auto; font-weight:600;}
.menulisttitle {display:flex; align-items:center; justify-content:space-between; margin:20px auto 0 auto;}
.menulisttitle h3 {font-size:27px; color:#289d8e; font-weight:400; letter-spacing:-0.07em;}
.menulisttitle .viewul {margin:0; gap:10px;}
.menulisttitle .viewul li {width:45px; height:45px; line-heighT:45px; font-size:16px;}
.btn-wrap {position:absolute; right:0; top:20px; display:flex; gap:10px; justify-content:flex-end}
.newbtn {background:rgba(235,88,29,0.8); color:#fff; text-align:center; width:70px; height:30px; line-height:30px; font-size:15px; z-index:15; border-radius:50px;}
@keyframes blink-effect {50% {opacity:0;}}
.blink00 {animation:blink-effect 0.8s step-end infinite;}
.menulist00 .newbtn {position:absolute; top:20px; left:20px;}

#side00 .viewul {display:none;}
#side00 section {margin:0;}
#side00 h1 {margin:0;}






/* 하단 */
.sub02bottom01 {padding:50px 0 0 0; border-top:1px solid #ddd; margin:0 30px;}
.sub02bottom01 p, .sub02bottom01 li {background:url(/img/dot02.jpg) no-repeat left 10px; font-size:14px; line-height:24px; color:#666; padding:0 0 0 10px;}
.sub02bottom01 p {margin:10px 0 0 0;}
.sub02bottom01 h3 {font-size:18px; color:#222; margin:20px 0 0 0;}









/* 서브03 */
.sub03 {}
.sub03mapsection {}
.storeinfowrap {display:flex; justify-content:space-between; flex-wrap:wrap; margin:90px auto 0 auto; width:100%;}
.storeinfowrap section {border-bottom:1px solid #b7b6b7; padding:50px 30px; width:48%;}
.storeinfowrap section:first-child, .storeinfowrap section:nth-child(2) {border-top:1px solid #b7b6b7;}
.storeinfowrap section h3 {font-size:20px; color:#00786e; letter-spacing:-0.05em; font-weight:400;}
.storeinfowrap section h1 {font-size:40px; color:#333; margin:30px 0 0 0;}
.storeinfotext {margin:20px 0 0 0;}
.storeinfotext li {display:flex;}
.storeinfotext li strong, .storeinfotext li span {font-size:18px; letter-spacing:-0.02em; line-heighT:28px; color:#555;}
.storeinfotext li strong {width:62px;}
.storeinfotext li span {margin:0 0 0 10px;}
.storeicons {gap:20px; display:flex; margin:30px auto 0 auto;}
.storeicons li {width:40px; heighT:40px;}
.storeicons li img {width:100%;}
.storeinfowrap > section .btn01 {background:rgba(235,88,29,0.8);}
.storeinfowrap > section .btn02 {background:rgba(18,176,141,0.8);}


/* 매장지도 */
#ckmSTORE {}
#ckmSTORE #map {height:600px;}
#ckmSTORE #storeSidebar {position:absolute; width:300px; padding:10px; z-index:11; margin:30px; background:rgba(255,255,255,0.9); max-height:500px; overflow-y:scroll;}
#searchInput  {width:100%; padding:10px; box-sizing:border-box; border:1px solid #ccc; border-radius:4px;}
#storeList2 li {padding:10px; font-size:15px; color:#222; border-bottom:1px solid #222; cursor:pointer;}
#storeList2 li h3 {font-size:15px; margin:0 0 5px 0;}
#storeList2 li p {font-size:13px; line-height:22px;}
.map_jibun {color:#666;}
.map_buno {color:#148365;}























/* 서브05 */
/* 공통 */
.sub05 {}
.subboard {}

/* 게시판페이징 */
.paging00 {display:flex; margin:60px auto 0 auto; gap:10px; justify-content:center;}
.paging00 li {width:45px; height:45px; line-height:45px; border:1px solid #d2d2d2; border-radius:10px; text-align:center;}
.paging00 li a {display:block; width:100%; height:100%; color:#222;}
.paging00 li a img {vertical-align:middle;}
.paging00 li:hover, .pagingactive {border:1px solid #12b08d !important;}
.paging00 li:hover a, .pagingactive a {color:#12b08d !important; font-weight:600;}



/* 게시판상단검색 */
.boardsearch00 {display:flex; justify-content:flex-end; gap:10px;}
.boardsearch00 select, .boardsearch00 label {display:flex; border:1px solid #ddd; border-radius:10px; padding:0 10px; font-size:15px; color:#222; align-items:center;}
.boardsearch00 select {width:120px; heighT:48px;}
.boardsearch00 label {width:210px; height:46px;}
.boardsearch00 label input {bordeR:none; font-size:15px; color:#222;}
.boardsearch00 label input[type=text] {width:150px;}
.boardsearch00 label input[type=search], .boardsearch00 label input[type=submit] {width:40px; height:40px; background:url(/img/eheeheqhrl.jpg) no-repeat center;}




/* 게시판버튼 */
.borardbtn {margin:30px auto 0 auto; display:flex; justify-content:space-between;}
.borardbtn ul {display:flex; gap:10px;}
.borardbtn li a, .borardbtn li button, .borardbtn > button, .borardbtn > a {display:block; border:1px solid #d2d2d2; height:45px; line-height:45px; padding:0 20px; border-radius:10px; text-align:center; font-size:15px; color:#333; transition:transform 0.3s ease;}
.borardbtn li a, .borardbtn li button {background:#fff;}
.borardbtn > button, .borardbtn > a {border:1px solid #148365; background:#148365; font-weighT:600; color:#fff; display:block;}
.borardbtn li a:hover, .borardbtn li button:hover {border:1px solid #148365; color:#148365; transform:translateX(5px);}
.borardbtn > a:hover, .borardbtn > button:hover {transform:translateX(-5px);}



/* 공지사항 */
.board01 {margin:50px auto 0 auto; overflow:hidden;}
.board01 figure img {width:100%; height:auto;}
.board01list {}
.board01list li {width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.board01list li:hover {border-top:1px solid #148365; border-bottom:1px solid #148365;}
.board01list li:hover span, .board01list li:hover strong {color:#148365;}
.board01list li a {display:grid; align-items:center; gap:20px; padding:30px; transition:transform 0.3s ease;}
.board01list li a:hover {transform:translateX(15px);}
.board01list li a span {color:#000; opacity:0.7;}
.board01list li input[type=checkbox] {z-index:999; width:15px; height:15px; border:1px solid #ddd;}
.board01list li h3 {display:flex; flex-direction:column;}
.board01list li h3 strong {font-size:22px; color:#222; letter-spacing:-0.03em; font-weighT:600;}
.board01list li h3 span {font-size:16px; letter-spacing:-0.03em; margin:10px 0 0 0; font-weight:600;}
.board01_number {opacity:0.6 !important; font-size:20px; font-weighT:600;}
.board01_view {text-align:right; font-size:15px;}
.board01_arrow {text-align:right; font-size:15px; color:#888;}
.board01_admin li a {grid-template-columns:15px 50px 1fr 80px 30px;}
.board01_normal li a {grid-template-columns:60px 1fr 80px 30px;}



/* 공지사항뷰어 */
.board01view {}
.board01view h1 {display:flex; justify-content:space-between; align-items:center; border-top:2px solid #148365; border-bottom:1px solid #eee; padding:40px 20px;}
.board01view h1 strong {font-size:22px; letter-spacing:-0.05em; width:80%; color:#333; font-weight:500;}
.board01view h1 span {width:17%; font-size:16px; color:#999; text-align:right; font-weight:400;}
.board01view article {padding:40px 20px; border-bottom:1px solid #eee;}
.boardprevnextgo {display:flex; justify-content:space-between; width:100%; margin:0 auto 30px; border-bottom:1px solid #eee; }
.boardprevnextgo li {width:40%; transition:transform 0.3s ease;}
.boardprevnextgo li a {padding:20px; display:flex; gap:10px;}
.boardprevnextgo li:hover {transform:translateX(-15px);}
.boardprevnextgo li strong {color:#222; font-size:15px; font-weight:600; text-transform:uppercase; width:40px;}
.boardprevnextgo li span {color:#555; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boardprevnextgo li:last-child {text-align:right;}
.boardprevnextgo li:last-child:hover {transform:translateX(15px);}
.boardprevnextgo li:last-child a {justify-content:flex-end;}




/* 갤러리01_언론보도영상SNS */
.board02 {margin:0 auto; padding:30px 0 0 0; overflow:hidden;}
.board02list {display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px;}
.board02list li {padding:15px; bordeR:1px solid #ddd; width:100%; transition:transform 0.3s ease; overflow:hidden;}
.board02list li:hover {transform:translateY(-15px);}
#galley01_medianews ul li figure {overflow:hidden;}
.board02list li figure img {width:100%;}
.board02list li h2 {display:flex; justify-content:space-between; align-items:center; font-weight:400; margin:15px auto;}
.board02list li h2 strong, .board02list li h2 span {width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board02list li h2 strong {color:#148365; font-size:16px;}
.board02list li h2 span {color:#b5b5b5; font-size:15px; text-align:Right;}
.board02list li h1 {color:#222; font-size:18px; letter-spacing:-0.05em; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



/* 언론보도 */
#galley01_medianews ul li figure {aspect-ratio:1 / 1;}


/* SNS */
#galley01_SNS ul li figure {aspect-ratio:4 / 5;}





/* 쓰기폼 */
.sub05form {margin:0 auto 100px auto; padding:50px; border:1px dashed #ddd; border-top:2px solid #148365; box-shadow:10px 10px rgba(0,0,0,0.04); border-radius:0 0 10px 10px; background:rgb(254 255 255 / 80%);}
.sub05form > div {display:flex; justify-content:space-between; margin:40px auto 0 auto;}
.sub05form > div:nth-of-type(1) {margin:0 auto;}
.sub05form > div label {display:flex; align-items:center; gap:3px;}
.sub05form section {display:flex; align-items:center;}
.sub05form section h1, #privacy00 h3 {font-size:18px; color:#222; letter-spacing:-0.03em; display:flex;}
.sub05form section h1 {width:100px;}
.sub05form section h1 strong {font-weighT:600;}
.sub05form section select, .sub05form section input[type=text], .sub05form section input[type=password], .sub05form section input[type=file]/*, .sub05form section textarea*/, #privacy00 textarea
{display:block; width:100%; height:50px; line-heighT:50px; padding:0 10px; border-radius:5px; font-size:15px; color:#222; outline:none; border:1px solid #ddd;}
.sub05form section textarea, #privacy00 textarea {min-heighT:150px;}
.sub05btnssss {display:flex; gap:20px; justify-content:center; margin:50px auto 0 auto;}
.sub05btnssss li {width:170px; height:45px; line-height:45px; text-align:center;}
.sub05btnssss li a, .sub05btnssss li button {display:block; color:#222; border-radius:45px; background:#f1f1f1; font-size:18px; letter-spacing:-0.07em; transition:transform 0.3s ease; width:100%; height:100%; border:0px;}
.sub05btnssss li:first-child a, .sub05btnssss li:first-child button {background:#148365; color:#fff; font-weighT:600;}
.sub05btnssss li a:hover, .sub05btnssss li button:hover {transform:translateY(-10px);}
.wkehddlqfur span {display:block; width:70px; margin:10px 10px 0 0; color:#148365; font-weighT:600;}

#ququtnstkf {justify-content:flex-start;}
#ququtnstkf img {width:40px;}










/* 서브06 */
.sub06 {}
.sub06 > h2 {margin:0 auto; text-align:right; font-size:15px; color:#777; font-weight:500;}
.sub06 > h2 b {font-size:13px; font-weighT:400; color:#148365; top:-15px; margin:0 0 0 3px;}
.sub06form {margin:0 auto 100px auto; padding:50px; border:1px dashed #ddd; border-top:2px solid #148365; box-shadow:10px 10px rgba(0,0,0,0.04); border-radius:0 0 10px 10px; background:rgb(254 255 255 / 80%);}
.sub06form > div {display:flex; justify-content:space-between; margin:40px auto 0 auto;}
.sub06form > div:nth-of-type(1) {margin:0 auto;}
.sub06form section h1, #privacy00 h3 {font-size:18px; color:#222; letter-spacing:-0.03em; display:flex;}
.sub06form section h1 strong {font-weighT:600;}
.sub06form section h1 b {font-size:13px; font-weighT:400; color:#148365; top:-15px; margin:0 0 0 3px;}
.sub06form section select, .sub06form section input[type=text], .sub06form section input[type=password], .sub06form section input[type=file], .sub06form section textarea, #privacy00 textarea
{display:block; width:100%; height:50px; line-heighT:50px; padding:0 10px; border-radius:5px; font-size:15px; color:#222; margin:10px 0 0 0; outline:none; border:1px solid #ddd;}
.sub06form section textarea, #privacy00 textarea {min-heighT:150px;}
.singlewrap {flex-wrap:wrap;}
.singlewrap section {width:100%;}
.crochetwrap section {width:23%;}
.triplewrap section {width:31%;}
.doublewrap section {width:48.5%;}
#double001 {display:flex; flex-wrap:wrap; align-items:center;}
#double001 h1 {width:100%;}
#double001 span {display:block; width:70px; margin:10px 0 0 0; color:#148365; font-weighT:600;}
#double001 input {width:calc(100% - 140px);}
#double001 #captcha_reload {border:none; margin:10px 0 0 0; height:50px; font-size:12px; width:70px; padding:5px 0;}
#double001 #captcha_reload span {display:none;}


#privacy00 {width:100%; display:block;}
#privacy00 textarea {margin:20px auto; line-height:27px; padding:20px;}
#privacy00 label {font-size:15px;}
.sub06btnssss {display:flex; gap:20px; justify-content:center; margin:50px auto 0 auto;}
.sub06btnssss li {width:170px; height:45px; line-height:45px; text-align:center;}
.sub06btnssss li a {display:block; color:#222; border-radius:45px; background:#f1f1f1; font-size:18px; letter-spacing:-0.07em; transition:transform 0.3s ease;}
.sub06btnssss li:first-child a {background:#148365; color:#fff; font-weighT:600;}
.sub06btnssss li a:hover {transform:translateY(-10px);}
.doubleul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.doubleul li {width:48.5%;}
#doubleuladdress li {display:flex;}
#doubleuladdress li input {width:calc(100% - 100px);}
#doubleuladdress li button {width:100px; height:50px; border:none; background:#555; color:#fff; font-size:15px; margin:10px 0 0 0;}











/* 개인정보약관 */
.subprivacy {}
.subprivacy ul {width:760px; margin:0 auto; padding:30px; border:1px dashed #ddd; border-top:2px solid #148365;}
.subprivacy ul li {display:flex; flex-wrap:wrap; margin:22px 0 0 0;}
.subprivacy ul li:first-child {margin:0;}
.subprivacy ul li strong, .subprivacy ul li span {width:100%;}
.subprivacy ul li strong {color:#000; font-weight:500; font-size:17px; line-height:26px;}
.subprivacy ul li span {margin:0 0 0 10px; color:#555; font-size:15px; margin:5px 0 0 10px; line-height:23px;}











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


@media screen and (min-width:1400px)
{
body, html {height:100%; margin:0;}
.px1200 {width:1200px;}
.px1400, .sub00, .px95per {width:1400px; margin:0 auto;}
.px1300 {width:1300px; margin:0 auto;}
.mrt00 {margin-top:0 !important;}

pre {overflow:hidden;}







/* ========== 헤더 ========== */
header {margin:0 auto; height:110px; overflow:visible; width:100%; padding:0; display:flex;}
#headerindex .navul01 li a {color:#fff;}
#headercommon .navul01 li a {color:#333;}
.container {padding:0 50px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.container h1, .container ul, .container p {position:relative; top:0;}
.container h1 {width:257px;}
.container > ul {overflow:hidden; height:50px;}
.fixed1 {display:none;}
.nav_cate01 > li > a {line-height:60px; height:60px; font-size:20px; text-align:left;}
.navXbtn01 img {width:50px; height:50px; cursor:pointer;}
#navigation {display:flex; justify-content:flex-end; width:100%;}
.navul01 {margin:0 auto; display:flex; text-align:center; overflow:Hidden; text-align:Center;}
.navul01 li {padding:0; margin:0 10px; font-size:21px; width:130px; line-height:56px; box-sizing:border-box;}
.changetop .navul01 li a {color:#222 !important; display:block;}
.navulsub01 {position:absolute; top:68px; background:rgba(255,255,255,0.8); padding:25px 0; overflow:Hidden; display:none;}
.navulsub01 > div {text-align:center; overflow:hidden;}
.navulsub01 ul {display:inline-block; margin:0; width:145px; vertical-align:top; text-align:center;}
.navulsub01 ul li {line-height:35px; font-size:16px;}
.navulsub01 ul li a {color:#222;}
.navulsub01 ul li a:hover {color:#16a17d; font-weighT:600;}
.changetop {height:60px; border-bottom:1px dashed #eee;}





/* ========== 푸터 ========== */
/* 상담신청 */
#cscenterform > div p {width:110px;}












/* ========== 메인 ========== */
/* 메인비주얼 */
.slidesnav00 {width:50px; height:50px;}
#mainvisual .prev {left:50px;}
#mainvisual .next {right:50px;}
#mainvisual .pagination {position:absolute; top:60%; right:30px; width:38px; right:70px; flex-wrap:wrap; display:flex; gap:10px; z-index:5; left:auto; bottom:auto;}
#mainvisual .pagination-dot {width:38px; height:38px;}
.maintxtx h1 {font-size:70px; line-heighT:97px;}
.maintxtx h1 strong {font-size:90px;}
.maintxtx p {font-size:23px; line-height:32px; margin:30px auto 0 auto;}




/* 메인01 */
.lefttitle {width:410px;}
.lefttitle h3 {font-size:20px;}
.lefttitle p {font-size:25px; line-height:40px;}
.lefttitle a {width:230px;}
#rightcontents01 {width:700px;}
.lefttitle01 {padding:140px 0;}






/* 메인02 */
#rightcontents02 {width:700px;}
#rightcontents02 ul li {width:320px; margin:50px 0 0 0;}




/* 메인03 */
.main03bg > div h3 {font-size:20px;}
.main03bg > div p {font-size:22px; line-height:40px;}
.main03bg figure:nth-of-type(1) {left:5%; top:-20px;}
.main03bg figure:nth-of-type(2) {right:10%; bottom:-60px;}




/* 메인04 */
.main04conbg > div > h3 {font-size:20px;}
.main04conbg > div > p {font-size:22px; line-height:40px;}



/* 메인05 */
#main05 > div section {width:31%;}







/* ========== 서브 ========== */
/* 서브공통 */
.subvistitle p span br {display:none;}
.sub00ul li a {padding:0 50px;}
.subvis03 .subvistitle figure img {top:-50px;}
.subvis05 .subvistitle figure img {top:-50px;}
.subvis05 .subvistitle figure img:nth-child(1) {left:50px;}
.subvis05 .subvistitle figure img:nth-child(2) {right:50px;}
.subvis06 .subvistitle figure img {top:-50px;}
.subvis06 .subvistitle figure img:nth-child(1) {left:50px;}
.subvis06 .subvistitle figure img:nth-child(2) {right:50px;}



/* 서브01 */
/* 영탁헴 */
.px1500 {width:1500px; margin:0 auto;}
.sub0101TOP > .px1400 {padding:150px 0 0 0;}
.sub0101TOP > .px1400 section:nth-of-type(1) {left:50px;}
.sub0101TOP > .px1400 section:nth-of-type(2) {right:50px;}
.sub0101TOP > .px1400 section h3 br {display:none;}
.sub0101TOP > .px1400 figure {width:50%; margin:0 auto; left:50px; top:75px; z-index:999;}


/* 비디오부분 */
.sub0101video video {aspect-ratio:2000 / 1124;}


/* 브랜드가치 */
.sub0101brandworth hgroup h3 {margin:30px auto 40px auto; font-size:15px;}
.sub0101brandworth hgroup h1 span {font-size:60px; line-height:54px; height:53px;}
.sub0101brandworth hgroup h1 strong {font-sizE:75px; line-height:67px; height:67px;}
.sub0101brandworth section h1 {font-size:45px; margin:30px auto 15px auto; line-height:56px;}
.sub0101brandworth section h1 strong {font-size:48px;}
.sub0101brandworth section p {font-size:22px;}








/* 서브02 */
/* 신메뉴리스트 */
.pageslides section {flex-wrap:nowrap; align-items:center; padding:0 100px;}
.pageslides section figure {max-width:604px;}
.pageslides section figcaption {margin:0 0 0 80px; text-align:left; bordeR:none; padding:0; width:50%;}
.pageslides section figcaption h3 {background:url(/img/bar03.png) no-repeat left top; padding:140px 0 0 0; font-size:30px;}
.pageslides section figcaption h1 {font-size:30px; line-heighT:40px; margin:30px 0;}
.pageslides section figcaption p {font-size:17px; line-height:32px;}
.pageslides section figcaption a {widtH:250px; height:60px; line-heighT:60px; margin:50px 0 0 0; font-size:20px;}
.pageslides .slide-nav {width:50px; height:50px; display:block;}
.spanbbr00 br {display:block;}


/* 메뉴뷰어 */
.sub02view > a {width:290px; height:80px; line-heighT:80px; font-size:25px;}


/* 일반리스트 */
.sub02normal {padding:0 100px;}


/* 하단 */
.sub02bottom01 {margin:100px 100px 0 100px;}
.sub02bottom01 p, .sub02bottom01 li {background:url(/img/dot02.jpg) no-repeat left 13px;}




/* 서브03 */
.newbtn {width:90px; height:40px; line-height:40px; font-size:17px;}



/* 서브05 */
/* 공지사항 */
.board01list li a {padding:50px 40px;}
.board01 figure {width:640px; margin:0 auto;}



/* 갤러리01_언론보도영상SNS*/
.board02 {padding:50px 0 0 0;}
.board02list {gap:30px;}
.board02list li {padding:20px;}
.board02list li h2 strong {font-size:18px;}
.board02list li h2 span {font-size:16px;}
.board02list li h1 {font-size:22px;}
}











@media screen and (min-width:769px) and (max-width:1399px)
{
img {max-width:100%;}
.px1200, .px1400 {width:100%; margin:0 auto;}






/* ========== 헤더 ========== */
.container > ul {display:none;}









/* ========== 푸터========== */
/* 상담신청 */
#cscenterform {height:57px; padding:10px 0;}
#cscenterform > div h1, #cscenterform > div h2, #cscenterform > div button {font-size:17px !important; line-height:inherit;}
#cscenterform > div h1 {width:40px;}
#cscenterform > div h2 {width:50px;}
#cscenterform > div, #cscenterform > div ul {gap:5px;}
#cscenterform > div ul li input {width:100px; padding:0 10px;}
#cscenterform > div p {width:110px;}
#cscenterform > div button {width:145px; line-height:40px;}
.gogobutton {bottom:47px;}
#cscenterform > div #ckddjq_wrap li:nth-of-type(3) p strong {display:none;}











/* ========== 메인 ========== */
/* 메인비주얼 */
#mainvisual .slider {aspect-ratio:16 / 18;}
#mainvisual .pagination {bottom:90px;}



/* 메인01 */
.main01bg {height:20px; background-size:360px;}
.lefttitle01 {width:280px;}
.lefttitle h1 {font-size:40px; line-height:37px;}
#rightcontents01 {width:400px;}



/* 메인02 */
.main02bg {height:20px; background-size:360px;}
#rightcontents02 {width:400px;}
#rightcontents02 ul {width:49%;}
#rightcontents02 ul li {margin:10px 5px;}



/* 메인02-2라인 */
.mainlineline {background-size:800px; padding:80px 0;}




/* 메인03 */
.main03bg figure:nth-of-type(1) {left:-100px; bottom:-4px;}
.main03bg figure:nth-of-type(2) {right:-10px; bottom:-40px;}
.main03bg figure:nth-of-type(1) img {width:260px;}
.main03bg figure:nth-of-type(2) img {width:220px;}




/* 메인04 */
#main04 {background:url(/img/bg04.jpg) repeat-x center 20px;}
#main04 .youtubecross {margin:70px auto 0 auto;}
.main04bg {height:20px; background-size:360px;}
.main04_videolist {margin:50px auto 0 auto;}
.main04_videolist li figure, .main04_videolist li figure img {border-radius:20px;}




/* 메인05 */
#main05 > div section {padding:20px;}
.main05section01 ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.main05section01 li {width:49%; padding:15px; margin:10px 0;}
.main05section01 li figure img {width:50px;}
.main05section01 li p {font-size:15px; line-height:23px;}
.main05section02, .main05section03 {width:48% !important; margin:30px 0 0 0;}








/* ========== 서브 ========== */
/* 서브공통 */
.subvistitle {padding:60px 0;}
.subvistitle p {font-size:18px;}
.subvis02 .subvistitle figure img {display:block; width:290px; bottom:-50px;}
.subvis02 .subvistitle figure img:first-child {left:-30px;}
.subvis02 .subvistitle figure img:nth-child(2) {right:-50px;}
.subvis03 .subvistitle figure img {height:280px; top:-20px;}
.subvis03 .subvistitle figure img:first-child {left:-50px;}
.subvis03 .subvistitle figure img:nth-child(2) {right:-30px;}
.subvis05 .subvistitle figure img {height:310px; top:-14px;}
.subvis05 .subvistitle figure img:first-child {left:-30px;}
.subvis05 .subvistitle figure img:nth-child(2) {right:-30px;}
.subvis06 .subvistitle figure img {height:310px; top:-14px;}
.subvis06 .subvistitle figure img:first-child {left:-90px;}
.subvis06 .subvistitle figure img:nth-child(2) {right:-30px;}
#subpage {padding:0 0 50px 0;}







/* 서브01 */
/* 영탁헴 */
.sub0101TOP > .px1400 {padding:80px 0 0 0;}
.sub0101TOP > .px1400 section h3 {font-size:25px;}
.sub0101TOP > .px1400 section h1 {font-size:60px;}
.sub0101TOP > .px1400 section h1 strong {line-height:67px; height:54px;}
.sub0101TOP > .px1400 figure {left:0; top:37px; z-index:999;}
.sub0101TOP > .px1400 figure img {height:335px;}
.toptop0101 {height:40px; background-size:290px;}


/* 비디오부분 */
.sub0101video video {width:100%;}
.videoarticle h3 {font-size:35px;}
.videoarticle h1 {font-size:54px;}
.videoarticle span {margin:25px auto;}
.videoarticle p {font-size:18px;}


/* 브랜드가치 */
.sub0101brandworth hgroup {padding:50px 0 0 0;}
.sub0101brandworth > div {margin:50px auto 0 auto;}
.sub0101brandworth section {width:32%;}


/* 100년기업렛츠고 */
.sub0101forfuture {padding:50px 0; margin:50px auto 0 auto;}
.sub0101forfuture figure:first-child {left:10px;}
.sub0101forfuture figure:nth-of-type(2) {right:10px;}
.sub0101forfuture figure img {width:40%;}
.sub0101forfuture figcaption {font-size:17px; line-height:29px;}
.sub0101forfuture figcaption strong {font-size:20px;}





/* 서브02 */
/* 메뉴뷰어 */
.sub02view figcaption h1 {font-size:30px;}
.sub02view figcaption p {font-size:17px; line-height:25px;}


/* 일반리스트 */
.menulist00 h1 {font-size:25px; margin:10px 0 0 0;}
.menulist00 section {padding:15px;}
.menulist00 section figure img {border-radius:30px 30px 0 0;}
.menulisttitle {margin:10px auto 0 auto;}
.menulisttitle h3 {font-size:20px;}
.menulisttitle .viewul {gap:5px;}
.menulisttitle .viewul li {width:35px; heighT:35px; line-heighT:35px; font-size:12px;}



/* 서브03 */
.storeinfowrap {margin:70px auto 0 auto;}
.storeinfowrap section {padding:30px 20px;}
.storeinfowrap section h1 {font-size:30px; margin:15px 0 0 0;}
.storeinfotext li strong, .storeinfotext li span {font-size:15px; line-heighT:23px;}
.storeicons {margin:20px 0 0 0;}


/* 매장지도 */
#ckmSTORE #storeSidebar {margin:10px; width:220px;}








/* 서브05 */
/* 공지사항 */
.board01_number {font-size:16px;}
.board01list li h3 strong {font-size:18px;}
.board01 figure {width:640px; margin:0 auto;}



/* 언론보도 */
#galley01_medianews ul li figure {aspect-ratio:4 / 5; overflow:hidden;}
#galley01_medianews ul li figure img {width:100%;}


/* 쓰기폼 */
.sub05form {padding:35px;}





/* 서브06 */
.sub06form {padding:35px;}
.crochetwrap {flex-wrap:wrap;}
.crochetwrap section {width:48.5%;}
.crochetwrap section:nth-child(3), .crochetwrap section:nth-child(4) {margin:40px 0 0 0;}
}














@media screen and (min-width:0px) and (max-width:768px)
{
img {max-width:100%;}
.px1200, .px1400 {width:90%; margin:0 auto;}






/* ========== 헤더 ========== */
.addition > h1 img {max-width:200px;}









/* ========== 푸터 ========== */
/* 찐푸터 */
#footerzzin {width:100%; background:#333; padding:0 0 120px 0;}
.footer001 ul {width:100%; flex-wrap:wrap; justify-content:center;}
.footer001 ul li {height:30px; line-height:30px;}
.foo01_ul01 li {text-align:center; font-size:13px;width:50%; background:none;}
.foo01_ul01 li a, .foo01_ul01 li:first-child a {padding:0 10px;}
.foo01_ul02 li {height:40px !important; line-height:40px !important; width:40px;}
.footer002 div {flex-wrap:wrap;}
.footer002 div h1, .footer002 div article {width:100%; text-align:center;}
.footer002 div article {margin:20px auto 0 auto; font-size:13px; line-height:25px;}



/* 상담신청 */
#cscenterform {height:auto; padding:10px 0;}
#cscenterform > div {height:auto; gap:5px; flex-wrap:wrap;}
#cscenterform > div h1, #cscenterform > div h2, #cscenterform > div button {font-size:20px; font-family:'GmarketSansBold'; line-heighT:inherit;}
#cscenterform > div ul {gap:5px; flex-wrap:wrap; width:67%; margin:5px 0;}
#cscenterform > div ul li {width:48%;}
#cscenterform > div ul li input {width:100%; height:30px; line-height:35px;}
#cscenterform > div p label input {height:auto; line-height:inherit;}
#cscenterform > div p {flex-direction:row; width:100%; justify-content:center; flex-wrap:wrap;}
#cscenterform > div section {width:28%; height:55px; line-height:20px;}
#cscenterform > div section button {width:100%; font-size:16px;}
#cscenterform > div button br {display:block;}
.gogobutton {bottom:125px;}
.gogobutton-lowered {bottom:0 !important;}
#ckddjq_wrap {height:auto; justify-content:space-between;}
#cscenterform > div p strong {width:100%; font-size:25px; text-align:center;}
#cscenterform > div p label {width:100%;}
#cscenterform > div #ckddjq_wrap li:nth-of-type(3) p strong {text-align:center; display:block; margin:5px 0 0 0;}
#cscenterform > div #ckddjq_wrap li:nth-of-type(4) p {line-height:34px;}
#cscenterform > div #ckddjq_wrap li:nth-of-type(4) p label {display:none;}
#labelonlymobile {text-align:center; width:100%; font-size:10px; letter-spacing:-0.07em; color:#fff; position:relative; lefT:0; top:0;}
.popup-content p {line-height:21px; font-size:13px;}









/* ========== 메인 ========== */
/* 메인비주얼 */
#mainvisual .slider {aspect-ratio:16 / 20;}
.slidesnav00 {bottom:100px; z-index:50; top:auto; width:30px; height:30px;}
.slidesnav00 img {width:10px;}
#mainvisual .pagination {bottom:100px;}
#mainvisual .pagination-dot {width:10px; height:10px; z-index:50;}
.maintxtx h1 {font-size:30px;}
.maintxtx h1 strong {font-size:35px;}
.maintxtx p {font-size:16px; line-height:24px;}



/* 메인01 */
.main01bg {height:20px; background-size:360px;}
.main01conbg {padding:0 0 110px 0;}
.lefttitle {width:100%; text-align:center; margin:70px 0 20px 0;}
.lefttitle h1 {font-size:47px; line-height:47px;}
.lefttitle p {margin:40px auto 20px auto;}
.lefttitle a {margin:0 auto;}
#rightcontents01 {width:100%; flex-wrap:wrap;}









/* 메인02 */
.main02bg {height:20px; background-size:360px;}
.main02con > div {padding:0 0 40px 0;}
#rightcontents02 {width:100%; margin:30px 0 0 0;}
#rightcontents02 ul {width:49%;}
#rightcontents02 ul li {margin:10px 5px;}
#rightcontents02 ul:first-child {margin:0;}



/* 메인02-2라인 */
.mainlineline {background-size:500px; padding:50px 0;}





/* 메인03 */
.main03bg > div {width:100%; padding:90px 5%;}
.main03bg > div h1 {font-size:47px; line-height:47px;}
.main03bg > div p {font-size:16px;}
.storeinputwrap01 {width:280px; heighT:60px; line-height:63px;}
.storeinputwrap01 input[type=search] {width:170px; font-size:14px;}
.main03bg figure:nth-of-type(1) {display:none;}
.main03bg figure:nth-of-type(2) {right:30px; bottom:-40px;}
.main03bg figure:nth-of-type(2) img {width:190px;}





/* 메인04 */
#main04 {background:url(/img/bg04.jpg) repeat-x center 20px; margin:50px auto 0 auto; background-size:auto 550px;}
#main04 .youtubecross {margin:30px auto 0 auto;}
.main04bg {height:20px; background-size:360px;}
.main04conbg > div {padding:70px 0 50px 0;}
.main04conbg > div > h1 {font-size:39px; line-height:47px;}
.main04conbg > div > p {font-size:16px;}
.youtubetitle_main04 {background:#fff; padding:20px;}
.youtubetitle_main04 h2 {font-size:25px;}
.youtubetitle_main04 p {font-size:16px;}
.main04_videolist {margin:0 auto; flex-wrap:wrap;}
.main04_videolist li {width:85%; margin:50px auto 0 auto;}
.main04_videolist li figure, .main04_videolist li figure img {border-radius:20px;}






/* 메인05 */
#main05 > div section {padding:20px; margin:30px auto 0 auto; border-radius:15px;}
#main05 > div section:hover {transform:translateY(0);}
#main05 > div section h2 {width:100px; height:40px; line-height:40px; font-size:13px; margin:20px auto;}
#main05 > div section article {font-size:15px; line-height:22px;}
.main05section01 {margin:0 auto !important;}
.main05section01 li {padding:10px; border-radius:10px;}
.main05section01 li a {flex-wrap:wrap;}
.main05section01 li figure {width:100%;}
.main05section01 li figure img {width:30px;}
.main05section01 li p {font-size:15px; line-height:23px; text-align:center; margin:0; width:100%;}
.main05section02, .main05section03 {width:48% !important;}
.main05section02 img, .main05section03 img {border-radius:15px;}



/* 메인06 */
#main06 {margin:0 auto; padding:50px 0;}
.main06slide .rolling_list {gap:10px; animation:main06rolling 40s linear infinite; padding:0;}
.main06slide .rolling_list > li {border-radius:10px; box-shadow:none; border:1px solid #ddd; width:280px; margin:5px;}
.main06slide section {padding:15px;}
.main06slide section h1 figure strong {font-size:15px;}







/* ========== 서브 ========== */
/* 서브공통 */
.subvis00 {heighT:320px;}
.subvis05, .subvis06 {overflow:visible;}
.subvistitle figure img {position:absolute;}
.subvistitle {text-align:left; padding:40px 0 40px 20px;}
.subvistitle > h3 {font-size:14px;}
.subvistitle > h1 {font-size:42px; line-height:40px; margin:20px 0 30px 0;}
.subvistitle > p {font-size:17px; line-heighT:27px;}
.subvistitle > p b br {display:block;}
.sub00ul {Border-radius:10px; padding:10px 0; height:auto; line-heighT:inherit; flex-wrap:wrap;}
.sub00ul li {width:25%;}
.sub00ul li a {padding:0; font-size:15px; line-heighT:28px;}
.subvis06 .sub00ul li {width:45%;}
.subvis00 .subvistitle figure {right:-15%; bottom:-30px; display:block;}
.subvis00 .subvistitle figure img:first-child {display:none;}
.subvis02 .subvistitle figure img:last-child {max-width:90%; bottom:-10px; righT:-60px;}
.subvis03 .subvistitle figure img:last-child {max-width:75%; bottom:-60px; righT:10px;}
.subvis05 .subvistitle figure img:last-child {max-width:75%; bottom:0; righT:-10px;}
.subvis06 .subvistitle figure img:last-child {max-width:240px; bottom:0; righT:15%;}
#subpage {padding:0 0 70px 0;}
.subfirsthg {background-size:1px 40px; padding:60px 0 0 0;} 
.subfirsthg > h1 {font-size:35px;}
.titleh3h3 {font-size:16px; line-height:24px; margin:20px auto 50px auto;}






/* 서브01 */
/* 영탁헴 */
.sub0101TOP {background-size:100%; background-position:center top;}
.sub0101TOP > .px1400 {padding:30px 0 220px 0; flex-wrap:wrap;}
.sub0101TOP > .px1400 section {width:48%;}
.sub0101TOP > .px1400 section:nth-of-type(1) {text-align:left;}
.sub0101TOP > .px1400 section:nth-of-type(2) {text-align:right;}
.sub0101TOP > .px1400 section h3 {font-size:20px;}
.sub0101TOP > .px1400 section h1 {font-size:37px; margin:0;}
.sub0101TOP > .px1400 section h1 strong {line-height:65px; height:29px;}
.sub0101TOP > .px1400 figure {width:100%; left:0; z-index:99; position:absolute; bottom:-35px; left:10px; text-align:Center;}
.sub0101TOP > .px1400 figure img {min-width:270px; margin:0 auto; max-width:320px;}

.toptop0101 {height:40px; background-size:290px;}


/* 비디오부분 */
.sub0101video {aspect-ratio:9 / 12;}
.sub0101video video {height:100%; width:auto;}
.videoarticle h3 {font-size:25px;}
.videoarticle h1 {font-size:40px;}
.videoarticle span {margin:25px auto;}
.videoarticle p {font-size:15px; width:80%; margin:0 auto; line-height:24px;}


/* 브랜드가치 */
.sub0101brandworth hgroup {padding:80px 0 0 0;}
.sub0101brandworth > div {margin:0 auto;}
.sub0101brandworth section {width:100%; margin:50px auto 0 auto;}


/* 100년기업렛츠고 */
.sub0101forfuture {padding:20px 5% 0 5%; width:100%; margin:50px auto 0 auto; display:flex; justify-content:space-around; align-items:center;}
.sub0101forfuture figure:first-child {left:0; position:relative;}
.sub0101forfuture figure:nth-of-type(2) {display:none;}
.sub0101forfuture figure img {width:100%;}
.sub0101forfuture figure, .sub0101forfuture figure {widtH:48%;}
.sub0101forfuture figcaption {font-size:14px; text-align:right; line-height:24px; font-weight:400; margin:0;}
.sub0101forfuture figcaption strong {font-size:15px;}
.sub0101forfuture figcaption b br {display:block;}












/* 서브02 */
.subvis02 .sub00ul li {width:30% !important;}


/* 신메뉴리스트 */
.pageslides section figure, .pageslides section figcaption {width:100%;}
.pageslides section figcaption {text-align:center; padding:20px; border:1px dashed #ddd;}
.pageslides section figcaption h3 {font-size:17px;}
.pageslides section figcaption h1 {line-height:26px;}
.pageslides section figcaption a {margin:30px auto 0 auto;}
.pageslides .pagination {margin:20px auto 0 auto;}


/* 메뉴뷰어 */
.sub02view figure, .sub02view figcaption {width:100%; text-align:center;}
.sub02view figcaption h3 {margin:20px auto 0 auto;}
.sub02view figcaption h1 {font-size:30px; margin:15px auto; line-heighT:30px;}
.sub02view figcaption p {font-size:15px; line-height:23px;}
.sub02view > a {width:200px; height:40px; line-height:40px; font-size:16px; margin:30px auto;}
.sub02view .viewul {gap:10px; justify-content:center;}
.sub02view .viewul li {width:50px; height:50px; line-heighT:50px; font-size:16px;}


/* 일반리스트 */
.sub02normal {padding:0 15px;}
.menulist00 {display:flex; flex-wrap:wrap; grid-template-columns:1fr 1fr; justify-content:space-between;;}
.menulist00 section {padding:0; transition:none; widtH:48%; margin:0 0 30px 0;}
.menulist00 section:hover {transform:translateY(0px);}
.menulist00 h1 {font-size:18px; margin:10px 0 0 0;}
.menulist00 section figure img {border-radius:15px 15px 0 0;}
.menulisttitle {margin:10px auto 0 auto; flex-wrap:wrap;}
.menulisttitle h3 {font-size:18px;}
.menulisttitle .viewul {gap:5px; margin:10px 0 0 0; width:100%;}
.menulisttitle .viewul li {width:30px; heighT:30px; line-heighT:30px; font-size:12px;}
.newbtn {right:10px; top:10px; font-size:11px; width:50px; height:20px; line-heighT:20px;}
.menulist00 .newbtn {left:10px; top:10px;}



/* 하단 */
.sub02bottom01 {margin:50px 15px 0 15px; padding:30px 0 0 0;}
.sub02bottom01 li, .sub02bottom01 p {font-size:14px; line-heighT:22px; margin:10px 0 0 0;}



/* 서브03 */
.storeinfowrap {margin:30px auto 0 auto;}
.storeinfowrap section {padding:30px 0; width:100%;}
.storeinfowrap section:nth-child(2) {border-top:none;}
.storeinfowrap section h3 {font-size:17px;}
.storeinfowrap section h1 {font-size:28px; margin:15px 0 0 0;}
.storeinfotext li strong, .storeinfotext li span {font-size:14px; line-height:25px;}
.storeinfotext li span {width:calc(100% - 62px);}
.storeicons {gap:10px;}
.storeicons li {width:35px; height:35px;}

/* 매장지도 */
#ckmSTORE #storeSidebar {margin:10px; width:calc(100% - 20px); max-height:260px; box-sizing:border-box;}






/* 서브05 */
/* 게시판페이징 */
.paging00 li {width:30px; height:30px; line-height:30px; border-radius:7px; font-size:13px;}
.paging00 li a img {width:7px; top:-2px;}


/* 게시판상단검색 */
.boardsearch00 {justify-content:center;}



/* 게시판버튼 */
.borardbtn ul {gap:5px;}
.borardbtn li a, .borardbtn button {padding:0 7px; font-size:14px;}


/* 공지사항 */
.board01list li a {gap:10px; padding:15px;}
.board01_admin li a {grid-template-columns:10px 30px 1fr 40px 10px;}
.board01_normal li a {grid-template-columns:30px 1fr 40px 10px;}
.board01list li span, .board01list li h3 span {font-size:13px;}
.board01list li h3 strong {font-size:15px; line-height:25px;}


/* 갤러리01_언론보도영상SNS */
.board02list {grid-template-columns:1fr 1fr; gap:10px;}
.board02list li {width:100%; padding:10px 10px 20px 10px;}
.board02list li h2 {margin:10px auto;}


/* 공지사항뷰어 */
.board01view h1 {padding:20px; flex-wrap:wrap;}
.board01view h1 strong {font-size:18px; width:100%;}
.board01view h1 span {width:100%; text-align:Right; font-size:14px; margin:10px 0 0 0;}
.boardprevnextgo li a {padding:20px 0;}
.boardprevnextgo li a span {display:none;}


/* 쓰기폼 */
.sub05form {padding:20px;}
.sub05form > div {flex-wrap:wrap; margin:0 auto;}
.sub05form > div section {width:100%; flex-wrap:wrap;}
.sub05form > div:first-child section:first-child {margin:0;}
.sub05form section {margin:30px 0 0 0;}
.sub05form section h1 {font-size:16px; margin:0 0 10px 0; width:100%;}
.wkehddlqfur h1 br {Display:none;}
.wkehddlqfur input[type=text] {width:calc(100% - 80px) !important;}




/* 서브06 */
.sub06form {padding:20px;}
.sub06form > div {flex-wrap:wrap; margin:0 auto;}
.sub06form > div section {width:100%;}
.sub06form > div:first-child section:first-child h1 {margin:0;}
.sub06form section h1, #privacy00 h3 {margin:30px 0 0 0; font-size:16px;}
#privacy00 textarea {padding:15px; font-size:13px; line-height:22px;}
#privacy00 label {font-size:14px;}
.doubleul li {width:100%;}





/* 개인정보약관 */
.subprivacy ul {width:100%; padding:20px;}
.subvis00_priv .subvistitle {padding:40px 0; text-align:center;}
.subvis00_priv .subvistitle > h1 {font-size:35px;}




.pg_wrap .pg {gap:2px;}
.pg_wrap strong, .pg_wrap a {width:25px; height:25px; line-height:25px;}
}