@charset "utf-8";
/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 한주현 (pointweb)
* @ 작성일     :

**************************************************************************/

/* basic style */
* {box-sizing: border-box;}
html {width: 100%;height: 100%;}
body {overflow: inherit;width: 100%;height: 100%;}
body.on {overflow: hidden;}
#wrap {width: 100%;height: 100%;}
.layout{position:relative;margin: 0 auto;max-width:1600px;}
.no-data {display: block !important;font-size: 16px !important;width: 100% !important;padding: 100px 0 !important;text-align: center;margin: 0 !important;}
/* .page-title{text-align:left;font-size:30px;} */
.blind{position: absolute;top:-9999999px;left:-999999px;}
.required{display:inline-block;margin:0 5px;color:#37B5E9 !important;font-size:inherit;font-weight:700;}
#pagination{margin: 30px 0 10px;text-align:center;font-size:0;width:auto;display: block;position: relative;}
#pagination a{display:inline-block;margin:4px;color:#777;font-size:16px;font-weight:400;line-height:40px;width:40px;height:40px;vertical-align:top;border-radius:100%;}
#pagination a.active{background:#333;color:#fff;vertical-align:top;}
#pagination .end-prev,
#pagination .prev,
#pagination .next,
#pagination .end-next{text-indent: -99px;overflow: hidden;width:40px;height:40px;}
#pagination .end-prev{background:url(/_public/images2/common/first-prev.svg) no-repeat;background-size:100%;}
#pagination .prev{background:url(/_public/images2/common/prev.svg) no-repeat;margin-right:20px;background-size:100%;}
#pagination .next{background:url(/_public/images2/common/next.svg) no-repeat;margin-left:20px;background-size:100%;}
#pagination .end-next{background: url(/_public/images2/common/end-next.svg) no-repeat;background-size:100%;}

.overlay{display:none;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index:1000;line-height: normal;}

/* 로딩 스피너 2026.03.27 esh */
.spinner-wrap { display: none; position: fixed;top:0;left:0;width:100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1000; }
.spinner-box { display: block; height: 100%; position: relative; letter-spacing: 0.5px; }
.spinner::after { content: ''; box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); border-radius: 50%; }
.spinner.smooth::after { border-top: 4px solid rgba(255, 255, 255, 1.0); border-left: 4px solid rgba(255, 255, 255, 1.0); border-right: 4px solid rgba(255, 255, 255, 0.0); animation: spinner .6s linear infinite; }
@keyframes spinner { to {transform: rotate(360deg);} }

.not-post{padding:50px 0;text-align: center;line-height: normal !important;}
.not-post figure{}
.not-post figure figcaption{display:block;font-size: 19px;font-weight: 600;letter-spacing: 0.19px;color: #202020;}
.not-post figure figcaption span{display: block;margin-top:5px; font-size: 15px;font-weight: normal;letter-spacing: 0.15px;text-align: center;color: #999;}

.not-find{padding:50px 0;text-align: center;line-height: normal !important;}
.not-find figure{}
.not-find figure figcaption{display:block;font-size: 19px;font-weight: 600;letter-spacing: 0.19px;color: #202020;}
.not-find figure figcaption span{display: block;margin-top:5px; font-size: 15px;font-weight: normal;letter-spacing: 0.15px;text-align: center;color: #999;}


/* text style */
.t-align-left {text-align: left !important;}
.t-align-center {text-align: center !important;}
.t-align-right {text-align: right !important;}


/* 공통 영역 */
.color-white {color:#fff !important;}
.color-cyan {color:#37B5E9 !important;}
.playfair {font-family:'Playfair Display', serif !important;letter-spacing:1px;}

dl.dl-type1 {display:grid;grid-template-columns:repeat(1, 200px 1fr);}
dl.dl-type1 dt {color: #FFF;font-size:25px;font-weight: 800;}
dl.dl-type1 dd {}
dl.dl-type1 dd em {display:block;color:#37B5E9;font-size:18px;font-weight:700;margin-bottom:15px;}
dl.dl-type1 dd span {}

dl.dl-type2 {display:grid;gap:12px 10px;grid-template-columns:repeat(1, 60px 1fr);}
dl.dl-type2 dt {color:#8C94A3;font-weight:700;}
dl.dl-type2 dd {}

dl.dl-type3 {display:grid;gap:12px 8px;grid-template-columns:repeat(1, 80px 1fr);}
dl.dl-type3 dt {color:#37B5E9;font-size:18px;font-weight:600;}
dl.dl-type3 dd {color:#FFF;font-size:18px;font-weight:500;}

.button-group {display:grid;justify-content:start;gap:20px;}
.button-group .button-default {position:relative;display:inline-block;padding-right:32px;transition:.3s;color:#fff;}
.button-group .button-default:after {content:"";display:block;width:20px;height:20px;background:url('/_public/images2/icon/ico_goto.svg');background-size:cover;position:absolute;top:2px;right:0;transition:.3s;}
.button-group .button-download:after {background:url('/_public/images2/icon/ico_download.svg');background-size:cover;}
.button-group .button-default:hover {color:#37B5E9;}
.button-group .button-default:hover:after {background:url('/_public/images2/icon/ico_goto_on.svg');background-size:cover;}
.button-group .button-download:hover:after {background:url('/_public/images2/icon/ico_download_on.svg');background-size:cover;}

dl.dl-type1 .button-group {margin-top:20px;}

.table-type1 {width:100%;border-top:2px solid #fff;border-bottom:1px solid #8C94A3;table-layout:fixed;text-align:center;}
.table-type1 caption {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.table-type1 th {padding:17px 0;border-bottom:1px solid #373A40;color:#FFF;font-size:16px;font-weight:700;vertical-align:middle;}
.table-type1 td {padding:12px 0;border-bottom:1px solid #373A40;font-size:16px;font-weight:500;vertical-align:middle;}
.table-type1 tbody tr:last-child td {border-bottom:0;}


.form-box {}
.form-box .essential {margin-bottom:10px;text-align:right;}
.form-default {}
.form-default fieldset {padding:60px;background:#2e2e2e;}
.form-default legend {font-size:0;}
.form-default input[type="text"],
.form-default input[type="email"],
.form-default input[type="tel"] {width:100%;height:55px;padding:0 20px;border:1px solid #373A40;color:#fff;font-size:18px;font-weight:600;background:#1b1b1b;}
.form-default input[type="text"]:focus,
.form-default input[type="email"]:focus,
.form-default input[type="tel"]:focus {border-color:#fff;box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.20);}
.form-default input[type="text"]::placeholder,
.form-default input[type="email"]::placeholder,
.form-default input[type="tel"]::placeholder {color:#8C94A3;font-size:18px;font-weight:400;}
.form-default textarea {width:100%;height:160px;padding:18px 20px;border:1px solid #373A40;color:#fff;font-size:18px;font-weight:600;background:#1b1b1b;resize:vertical;}
.form-default textarea::placeholder {color:#8C94A3;font-size:18px;font-weight:400;}
.form-default textarea:focus {border-color:#fff;box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.20);}
.form-default input[type="checkbox"] {width:1px;height:1px;opacity:0;position:absolute;top:0;left:0;}
.form-default input[type="checkbox"] + label {position:relative;padding-left:32px;font-size:16px;font-weight:500;cursor:pointer;}
.form-default input[type="checkbox"] + label:before {content:"";display:inline-block;width:20px;height:20px;border:1px solid #D5DAE4;position:absolute;top:1px;left:0;}
.form-default input[type="checkbox"] + label:after {content:"";display:inline-block;width:4px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);position:absolute;top:3px;left:7px;opacity:0;}
.form-default input[type="checkbox"]:checked + label:before {border:0;background:linear-gradient(135deg, #37B5E9 12.5%, #2C52A0 85.23%);}
.form-default input[type="checkbox"]:checked + label:after {opacity:1;}
.form-default dl {margin-bottom:40px;}
.form-default dl:last-child {margin-bottom:0;}
.form-default dl dt {margin-bottom:15px;color:#FFF;font-size:18px;font-weight:600;}
.form-default dl dd:has(input[type="checkbox"]) {position:relative;display:flex;gap:30px;align-items: center;}
.form-default dl.grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:15px;margin-bottom:40px;}
.form-default dl.grid dt {margin-bottom:0;}
.form-default dl.grid dt:nth-of-type(1) {grid-column:1;grid-row:1;}
.form-default dl.grid dd:nth-of-type(1) {grid-column:1;grid-row:2;}
.form-default dl.grid dt:nth-of-type(2) {grid-column:2;grid-row:1;}
.form-default dl.grid dd:nth-of-type(2) {grid-column:2;grid-row:2;}
.form-default .submit {display:block;margin:auto;width:280px;height:68px;border:1px solid #D5DAE4;color:#FFF;font-size:20px;font-weight:500;transition:.3s;}
.form-default .submit:hover {background:#2e2e2e;}
.form-info {margin-top:10px;background:#232323;padding:10px 15px;}
.form-info p {position:relative;padding-left:26px;color:#8C94A3;font-weight:500;}
.form-info p:before {content:"";display:inline-block;width:18px;height:18px;background:url('/_public/images2/icon/ico_notice_gray.svg') no-repeat;background-size:cover;position:absolute;top:4px;left:0;}
.policy-box {margin-top:30px;padding:20px 30px;border: 1px solid #373A40;}

/* 하단 안내메세지 출력 */
.msg-box {margin-top:8px;}
.msg-box .msg {margin:0;position:relative;padding-left:26px;font-size:15px;}
.msg-box .msg:before {content:"";display:inline-block;width:18px;height:18px;position:absolute;top:3px;left:0;}
/* .msg-box .msg.msg-av {color:#19ab00;}
.msg-box .msg.msg-av:before {background:url(icon/ico_success.svg) no-repeat;background-size:cover;} */
.msg-box .msg.msg-non {color:#37B5E9;;}
.msg-box .msg.msg-non:before {background:url(/_public/images2/icon/ico_deny.svg) no-repeat;background-size:cover;}





.ios-chk {display:inline-block;position: relative;cursor: pointer;}
.ios-chk input[type="checkbox"]{position: absolute;display: inline-block;opacity: 0;}
.ios-chk label {position:relative !important;top:inherit !important; left:inherit !important;cursor: pointer;display: inline-block;padding-left:60px;color: #555;font-size: 15px;line-height: 27px;vertical-align: middle;font-weight: 400;}
.apple-switch::before {content:"";-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: absolute;left:0;vertical-align: middle;-webkit-appearance: none;outline: none;width: 50px;height: 25px;background-color: #fff;border: 1px solid #D9DADC;border-radius: 50px;box-shadow: inset -20px 0 0 0 #fff;cursor: pointer;}
.apple-switch:after {content: "";-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: absolute;top: 3px;left: 1px;background: transparent;width: 22px;height: 22px;border-radius: 50%;box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);}
.ios-chk input[type="checkbox"]:checked + .apple-switch:before {box-shadow: inset 26px 0 0 0 #222;border-color: #222;}
.ios-chk input[type="checkbox"]:checked + .apple-switch:after {left: 20px;box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);}



header {position:fixed;top:0;left:0;width:100%;z-index:100;background:transparent;transition:background-color .3s,border-color .3s;}
header .layout{display:flex;align-items:center;justify-content:space-between;max-width:calc(100% - 160px);height:120px;transition:height .3s;}
header .logo {display:inline-block;width:125px;}
header .logo img{display:block;width:100%;transition:width .3s;}
header .gnb {height:100%;}
header .gnb .gnb-close{display:none;position:absolute;right:20px;top:22px;}
header .gnb .gnb-logo{display:none;position:absolute;left:20px;top:5px;}
header .gnb .m-shop{display:none;}
header .gnb ul{display:flex;align-items:center;}
header .gnb ul li{position:relative;transition:.3s;}
header .gnb ul li > a{text-align:center;display:block;padding:46px 0;font-size:19px;font-weight:600;color:#fff;}
/* header .gnb ul li .dropdown{display:none;position:fixed;top:120px;left:0;width:100%;height:fit-content;padding:40px 0;box-sizing:border-box;z-index:100;background:#232323;border-top:1px solid #373A40;border-bottom:1px solid #373A40;}
header .gnb ul li .dropdown a{display:block;width:var(--menu-width);margin-left:var(--menu-left);font-size:18px;font-weight:500;text-align:center;transition:color .3s;} */
header .gnb > ul.depth1 {display:flex;align-items:center;height:100%;}
header .gnb > ul.depth1 > li {position:relative;height:100%;padding:0 30px;transition:padding .3s;}
header .gnb > ul.depth1 > li.on {z-index:102;}
header .gnb > ul.depth1 > li > a.depth1 {display:flex;align-items:center;justify-content:center;height:100%;padding:0;color:#fff;font-size:19px;font-weight:600;text-align:center;white-space:nowrap;}
header .gnb > ul.depth1 > li > .dropdown {display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:260px;height:auto;padding:40px 0;z-index:101;background:transparent;border:0;box-sizing:border-box;}
header .gnb > ul.depth1 > li > .dropdown > a {display:block;width:100%;margin-left:0;padding:0 15px;color:#D5DAE4;font-size:18px;font-weight:500;text-align:center;white-space:nowrap;transition:color .3s;}
header .gnb > ul.depth1 > li > .dropdown > a + a {margin-top:20px;}
header .gnb > ul.depth1 > li > .dropdown > a:hover {color:#37B5E9;}
header .gnb > ul.depth1 > li > .dropdown > .depth3 {display:none;margin-top:8px;}
header .gnb > ul.depth1 > li > .dropdown > .depth3.on-pc {display:block;}
header .gnb > ul.depth1 > li > .dropdown > .depth3 > li {padding:0;}
header .gnb > ul.depth1 > li > .dropdown > .depth3 > li > a {display:block;width:100%;margin-left:0;padding:5px 15px;color:#8C94A3;font-size:16px;font-weight:500;line-height:1.4;text-align:center;white-space:nowrap;}
header .gnb > ul.depth1 > li > .dropdown > .depth3 > li > a:hover {color:#37B5E9;}
header.active .gnb > ul.depth1 > li {padding:0 50px;}
/* header .gnb-bg {display:none;position:absolute;top:100%;left:0;width:100%;height:0;z-index:100;background:#232323;border-top:1px solid #373A40;border-bottom:1px solid #373A40;pointer-events:none;} */
header.scroll .gnb > ul.depth1 > li > a.depth1 {padding:0;}
header.scroll .gnb > ul.depth1 > li > .dropdown {top:100%;}
header .gnb ul li .dropdown a + a{margin-top:20px;}
header .gnb ul li .dropdown a:hover{color:#37B5E9;}
header .gnb ul li .depth3{display:none;margin-top:8px;}
header .gnb ul li .depth3.on-pc{display:block;}
header .gnb ul li .depth3 li{padding:0;}
header .gnb ul li .depth3 li a{padding:5px 0;color:#8C94A3;font-size:16px;}
header .gnb-bg{display:none;position:absolute;top:100%;left:0;width:100%;height:110px;z-index:10;background:#232323;border-top:1px solid #373A40;border-bottom:1px solid #373A40;}
header .util{display:flex;gap:35px;align-items:center;}
header .util .language{display:flex;gap:15px;}
header .util .language a{display:inline-block;position:relative;color:#fff;font-weight:600;transition:color .3s;}
header .util .language a:after{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;bottom:0;left:0;transition:opacity .3s;opacity:0;}
header .util .language a.active:after,
header .util .language a:hover:after{opacity:1;}
header .util .toggle-menu{width:20px;height:14px;background:url('/_public/images2/icon/ico_hamburger.svg') no-repeat center;background-size:cover;font-size:0;}
header .util .shop{position:relative;width:20px;height:20px;font-size:0;background:url('/_public/images2/icon/ico_shop.svg') no-repeat center;background-size:cover;z-index:10;}
header .util .shop button{display:block;width:100%;height:100%;font-size:0;}
header .util .shop .list{display:none;position:absolute;top:35px;left:50%;transform:translateX(-50%);padding-top:8px;width:130px;height:auto;opacity:0;background:url('/_public/images2/common/shop_toggle.svg') no-repeat top center;}
header .util .shop .list a{display:block;padding:6px 0;text-align:center;color:#fff;font-size:15px;background:#232323;border:1px solid #8C94A3;transition:background-color .3s;}
header .util .shop .list a + a{border-top:0;}
header .util .shop .list a:hover{background:#2E2E2E;}
header .util .shop.on .list{opacity:1;}
header.active{border-bottom:1px solid #373A40;background:#232323;}
header.active .gnb ul li {padding:0 50px;}
header.active .util .language{border-color:#202020;}
header.active .util .language button:before{background:url('/_public/images2/icon/lan_icon2.svg') no-repeat;background-size:cover;}
header.scroll{background:#232323;border-bottom:1px solid #373A40;}
header.scroll .layout{height:80px;}
header.scroll .logo img{width:84px;}
header.scroll .gnb ul li > a{padding:27px 0;}
header.scroll .gnb ul li .dropdown{top:80px;}


.allmenu {display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background:#232323;z-index:1000;}
.allmenu .layout {height:100%;}
.allmenu .close-allmenu {position: absolute;top:30px;right:0;display:inline-block;font-size:0;}
.allmenu .close-allmenu img {display:block;width:100%;}
.allmenu .menu-wrap {position:absolute;top:22%;left:50%;transform: translateX(-50%);width:100%;display:flex;}
.allmenu .menu-wrap .menu {flex:1;position:relative;padding:20px 20px 40px;}
.allmenu .menu-wrap .menu:after {content:"";display:block;width:1px;height:100%;background:#373A40;position:absolute;top:0;right:20px;}
.allmenu .menu-wrap .menu:first-child {padding-left:40px;}
.allmenu .menu-wrap .menu:first-child:before {content:"";display:block;width:1px;height:100%;background:#373A40;position:absolute;top:0;left:0;}
.allmenu .menu-wrap .menu:last-child {padding-right:0;}
.allmenu .menu-wrap .menu strong{display:block;}
.allmenu .menu-wrap .menu strong a{display:block;color:#fff;font-size:28px;font-weight:bold;}
.allmenu .menu-wrap .menu ul{margin-top:40px;}
.allmenu .menu-wrap .menu ul li{line-height:2.5;}
.allmenu .menu-wrap .menu ul li > a {display:block;font-size:18px;font-weight:500;transition:.3s;}
.allmenu .menu-wrap .menu:hover strong a {}
.allmenu .menu-wrap .menu ul li > a:hover {color:#37B5E9;}
.allmenu .menu-wrap .menu ul li .level3 {margin-top:10px;}
.allmenu .menu-wrap .menu ul li .level3 a {display:block;font-size:16px;font-weight:500;color:#8C94A3;transition:.3s;}
.allmenu .menu-wrap .menu ul li .level3 a:hover {color:#37B5E9;}


footer {background:#111;color:#8C94A3;padding:80px 0 60px;}
footer .layout {}
footer #goTop {position:absolute;top:0px;left:50%;transform:translateX(-50%);transition:.3s;width:60px;height:60px;background:url('/_public/images2/common/goTop.svg') no-repeat;background-size:cover;z-index:10;}
footer #goTop:hover {background:url('/_public/images2/common/goTop_on.svg') no-repeat;background-size:cover;}
footer .f-logo {display:block;width:113px;margin-bottom:50px;}
footer .f-logo img {display:block;width:100%;}
footer .f-info h4 {margin-bottom:15px;color:#FFF;font-size:16px;font-weight:600;}
footer .f-info ul {}
footer .f-info ul li {display:flex;gap:21px;}
footer .f-info ul li span,
footer .f-info ul li address {display:inline-block;position:relative;color:#8C94A3;font-size:14px;font-weight:500;line-height:1.7;}
footer .f-info ul li span + span:before,
footer .f-info ul li span + address:before {content:"";display:block;width:1px;height:12px;background:#8C94A3;position:absolute;top:4px;left:-10px;}
footer .f-sns {position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:20px;}
footer .f-sns .sns-box {display:flex;gap:15px;}
footer .f-sns .sns-box a {width:30px;}
footer .f-sns .sns-box a img {display:block;width:300px;}
footer .f-sns .private {display:inline-block;color:#8C94A3;font-weight:600;}
footer .family-site {position:absolute;bottom:0;right:0;}
footer .family-site button {position:relative;width:220px;height:48px;text-align:left;background:transparent;border: 1px solid #8C94A3;padding:10px 25px;color: #8C94A3;font-size: 14px;font-weight:500;transition:.3s;}
footer .family-site button:after {content:"";display:block;width:15px;height:15px;background:url('/_public/images2/icon/ico_fsArrow.svg') no-repeat;background-size:cover;position:absolute;top:16px;right:25px;}
footer .family-site button:hover {background:#1D1D1D;}
footer .family-site ul {display:none;position:absolute;width:100%;z-index:10;}
footer .family-site ul li + li {margin-top:-1px;}
footer .family-site ul li a {display:block;padding:10px 25px;border:1px solid #8C94A3;background:#111;transition:.3s;}
footer .family-site ul li a:hover {background:#1d1d1d;}
footer copyright {display:block;margin-top:20px;padding-top:20px;border-top:1px solid #373A40;}
footer copyright * {color:#8C94A3;font-size:14px;font-weight:500;}




/* 서브상단 */
.page-top{}
.page-top .visual {padding-top:180px;}
.page-top .visual .group {}
.page-top .visual h2 {/*color:#37B5E9;font-size:52px;font-weight:700;*/display:none;}
.page-top .visual .breadcrumbs {margin-bottom:15px;display:flex;}
.page-top .visual .breadcrumbs span {position:relative;display:inline-block;font-size:14px;font-weight:500;}
.page-top .visual .breadcrumbs span + span {margin-left:25px;}
.page-top .visual .breadcrumbs span + span:before {content:"";position:absolute;top:3px;left:-19px;display:inline-block;width:15px;height:15px;background:url(/_public/images2/common/bb_arrow.svg) no-repeat;background-size:cover;}
.page-top .visual .breadcrumbs span a {color:#8C94A3;cursor:default}

/* snb */
.snb{display:inline-block;vertical-align:top;width:23%;}
.snb h3{font-size:24px;}
.snb ul{margin-top:40px;}
.snb ul li{font-size:18px;font-weight:400;line-height:65px;background:#f5f5f5;border-bottom:1px solid #fff;}
.snb ul li > a{display:block;width:100%;height:100%;padding:0 20px;}
.snb ul li.active,
.snb ul li:hover{background: #333;}
.snb ul li.active > a,
.snb ul li:hover > a{color:#fff;}

#pages{min-height: calc(100vh - 286px);}
#pages .contents{padding:0 0 180px;}
#pages .contents .layout{}
#pages .contents .layout.flex{display: flex;}
#pages .contents .layout .snb{display: inline-block;width: 24%;}
#pages .contents .layout .sub-container{display: inline-block;vertical-align: top;width: 76%;padding-left: 5%;margin-top:40px;}





/* 2k 2048*1080 해상도 맞추기 */
@media all and (min-width:1921px) {

  .layout {max-width:calc(100% - 320px);}

  dl.dl-type1 {grid-template-columns:repeat(1, 200px 1fr);}
  dl.dl-type1 dt {font-size:28px;}
  dl.dl-type1 dd em {margin-bottom:18px;font-size:20px;}
  dl.dl-type2 {gap:14px 12px;}
  dl.dl-type3 {gap:14px 10px;grid-template-columns: repeat(1, 90px 1fr);}
  dl.dl-type3 dt {font-size:19px;}
  dl.dl-type3 dd {font-size:19px;}

  .button-group .button-default:after {top:3px;}

  .table-type1 th {padding:19px 0;font-size:19px;}
  .table-type1 td {padding:14px 0;font-size:18px;}

  .form-default dl dt {font-size:20px;}
  dl.dl-type1 .button-group {margin-top:25px;}


  .form-default fieldset {padding:65px;}
  .form-default input[type="text"], .form-default input[type="email"], .form-default input[type="tel"] {height:64px;padding:0 24px;font-size:20px;}
  .form-default input[type="text"]::placeholder, .form-default input[type="email"]::placeholder, .form-default input[type="tel"]::placeholder {font-size:20px;}
  .form-default textarea {height: 180px;font-size:20px;}
  .form-default textarea::placeholder {font-size:20px;}
  .form-default input[type="checkbox"] + label {font-size:18px;}
  .form-default input[type="checkbox"] + label:before {top:2px;}
  .form-default .submit {width:300px;height:72px;font-size:22px;}


  header .logo {width:140px;}
  header .layout {max-width: calc(100% - 200px);height:140px;}
  header .gnb > ul.depth1 > li {padding:0 35px;}
  header .gnb > ul.depth1 > li > a.depth1 {font-size:21px;}
  header .util .toggle-menu {width:25px;height:17px;}
  header .util .shop {width:25px;height:25px;}
  header.active .gnb > ul.depth1 > li {padding:0 60px;}
  header.scroll .layout {height:100px;}
  header.scroll .logo img {width:98px;}

  .allmenu .close-allmenu {top:60px;width:60px;}
  .allmenu .menu-wrap .menu strong a {font-size:32px;}
  .allmenu .menu-wrap .menu ul {margin-top:45px;}
  .allmenu .menu-wrap .menu ul li > a {font-size:19px;}
  .allmenu .menu-wrap .menu ul li .level3 a {font-size:18px;}

  footer {padding:90px 0 60px;}
  footer #goTop {width:65px;height:65px;}
  footer .f-info h4 {font-size:19px;}
  footer .f-sns .sns-box a {width:35px;}
  footer .family-site button {width:235px;height:54px;font-size:16px;}
  footer .family-site button:after {width:18px;height:18px;}
  footer copyright * {font-size:16px;}

  .page-top .visual .breadcrumbs {font-size:16px;}
  .page-top .visual .breadcrumbs span + span {margin-left:28px;}
  .page-top .visual .breadcrumbs span + span:before {top:3px;left:-22px;width:17px;height:17px;}

  #pages .contents {padding:0 0 195px;}

}



@media all and (max-width:1600px) {
  .layout {max-width:none;margin:0 40px;}
  header .layout {max-width:none;margin:0 40px;}
}


@media all and (max-width:1280px) {
  #pagination {padding: 15px 0 50px;}
  #pagination a{width: 25px;height: 25px;line-height: 25px;font-size: 13px;}
  #pagination .end-prev,
  #pagination .prev,
  #pagination .next,
  #pagination .end-next {width: 25px;height: 25px;}

  dl.dl-type1 {grid-template-columns:repeat(1, 180px 1fr);}
  dl.dl-type1 dt {font-size:22px;}
  dl.dl-type1 dd em {font-size:17px;}
  dl.dl-type3 {grid-template-columns: repeat(1, 70px 1fr);}
  dl.dl-type3 dt {font-size:16px;}
  dl.dl-type3 dd {font-size:16px;}

  .form-default fieldset {padding: 40px;}
  .form-default dl.grid {column-gap: 30px;}

  .table-type1 th {padding:15px 0;font-size:15px;}
  .table-type1 td {padding:10px 0;font-size:15px;}

  header .layout {height:100px;}
  header .logo {width:105px;}
  header .gnb ul li > a {font-size:18px;}
  header .gnb ul li .dropdown {top:100px;}
  header .gnb > ul.depth1 > li {padding:0 20px;}
  header .gnb > ul.depth1 > li > a.depth1 {font-size:18px;}
  header .gnb > ul.depth1 > li > .dropdown {padding:36px 0;}
  header .gnb > ul.depth1 > li > .dropdown > a {font-size:17px;}
  header .gnb > ul.depth1 > li > .dropdown > a + a {margin-top:15px;}
  header.active .gnb > ul.depth1 > li {padding:0 32px;}
  header.scroll .layout {height:75px;}
  header.scroll .logo img {width:75px;}

  .allmenu .menu-wrap .menu:after {right:10px;}
  .allmenu .menu-wrap .menu strong a {font-size:25px;}
  .allmenu .menu-wrap .menu ul {margin-top:35px;}
  .allmenu .menu-wrap .menu ul li > a {font-size:17px;}
  .allmenu .menu-wrap .menu ul li .level3 a {font-size:15px;}

  /* .page-top .visual{position: relative;padding-top:48%;}
  .page-top .visual.sub01{background: url(/_public/images2/contents/m_sub_v01.png) 50% 50% no-repeat;background-size: cover;}
  .page-top .visual.sub02{background: url(/_public/images2/contents/m_sub_v02.png) 50% 50% no-repeat;background-size: cover;}
  .page-top .visual.sub03{background: url(/_public/images2/contents/m_sub_v03.png) 50% 50% no-repeat;background-size: cover;}
  .page-top .visual.sub04{background: url(/_public/images2/contents/m_sub_v04.png) 50% 50% no-repeat;background-size: cover;}
  .page-top .visual.sub05{background: url(/_public/images2/contents/m_sub_v05.png) 50% 50% no-repeat;background-size: cover;} */
  .page-top .visual {padding-top:120px;}
  .page-top .visual h2 {font-size:42px;}
  .page-top .visual .breadcrumbs {margin-bottom: 10px;}

  #pages {padding-top:60px;min-height:inherit;}
  #pages .contents{padding:0 0px 120px;}
  #pages .contents .layout{display: block;}
  #pages .contents .layout .snb{display: none;}
  #pages .contents .layout .sub-container{display:block;width:100%;margin:0;padding:0;}
}


@media all and (max-width:1024px) {

  .form-default input[type="text"],
  .form-default input[type="email"],
  .form-default input[type="tel"] {height:50px; font-size:16px;}
  .form-default input[type="text"]::placeholder,
  .form-default input[type="email"]::placeholder,
  .form-default input[type="tel"]::placeholder {font-size:16px;}
  .form-default textarea {height:120px;font-size:16px;}
  .form-default textarea::placeholder {font-size:16px;}
  .form-default dl dt {font-size: 16px;}
  .form-default dl.grid {display:grid;grid-template-columns:1fr;column-gap:0;row-gap:10px;}
  .form-default dl.grid dt:nth-of-type(1) {grid-column:1;grid-row:1;}
  .form-default dl.grid dd:nth-of-type(1) {grid-column:1;grid-row:2;margin-bottom:20px;}
  .form-default dl.grid dt:nth-of-type(2) {grid-column:1;grid-row:3;}
  .form-default dl.grid dd:nth-of-type(2) {grid-column:1;grid-row:4;}
  .form-default dl dd:has(input[type="checkbox"]) {flex-direction: column;align-items: flex-start;gap: 15px;}


  header .gnb ul li {padding:0 18px;}
  header .gnb ul li > a {font-size: 17px;}
  /* header.active .gnb ul li {padding:0px 24px;} */
  header .gnb ul li .dropdown {padding: 30px 0;}
  header .gnb ul li .dropdown a {font-size:15px;}
  header .gnb ul li .dropdown a + a {margin-top:16px;}
  header .gnb > ul.depth1 > li {padding:0 15px;}
  header .gnb > ul.depth1 > li > a.depth1 {font-size:17px;}
  header .gnb > ul.depth1 > li > .dropdown {padding:32px 0;}
  header .gnb > ul.depth1 > li > .dropdown > a {font-size:16px;}
  header .gnb > ul.depth1 > li > .dropdown > a + a {margin-top:12px;}
  header .util {gap:25px;}
  header .util .language {gap:10px;}
  header.active .gnb > ul.depth1 > li {padding:0 24px;}


  .allmenu .menu-wrap .menu {padding:20px 20px 30px;}
  .allmenu .menu-wrap .menu:after {right:0;}
  .allmenu .menu-wrap .menu:first-child {padding-left:20px;}
  .allmenu .menu-wrap .menu strong a {font-size:20px;}
  .allmenu .menu-wrap .menu ul li > a {font-size:16px;}
  .allmenu .menu-wrap .menu ul {margin-top:30px;}

  footer {padding:60px 0 45px;}
  footer #goTop {width:55px;height:55px;}
  footer .f-logo {width:95px;margin-bottom:40px;}
}


@media all and (max-width:768px) {

  .layout {margin: 0 20px;}

  .not-post figure figcaption{font-size:17px;}
  .not-post figure figcaption span{font-size:14px;}

  .not-find figure figcaption{font-size:17px;}
  .not-find figure figcaption span{font-size:14px;}

  br.br {display:none;}

  dl.dl-type1 dt {font-size:18px;}
  dl.dl-type1 dd {font-size:14px;}
  dl.dl-type2 {gap:8px 6px;}
  dl.dl-type3 {gap:10px 6px;}
  dl.dl-type3 dt {font-size:15px;}
  dl.dl-type3 dd {font-size:15px;}

  .form-default fieldset {padding: 25px;}
  .form-default input[type="text"], .form-default input[type="email"], .form-default input[type="tel"] {padding:0 15px;font-size:15px;}
  .form-default input[type="text"]::placeholder,
  .form-default input[type="email"]::placeholder,
  .form-default input[type="tel"]::placeholder {font-size:15px;}
  .form-default textarea {padding:12px 15px;font-size:15px;}
  .form-default textarea::placeholder {font-size:15px;}
  .form-default dl dt {margin-bottom:5px;font-size:15px;}
  .form-default dl.grid {row-gap:5px;margin-bottom: 20px;}
  .form-default .submit {width:100%;height:60px;font-size:18px;}
  .form-default input[type="checkbox"] + label {padding-left:28px;font-size:15px;}
  .form-default input[type="checkbox"] + label:before {width:18px;height:18px;top:2px;}
  .form-default input[type="checkbox"] + label:after {width:3px;height:10px;top:4px;}
  .form-info {margin-top:5px;padding:8px 12px;}
  .form-info p {padding-left:22px;}
  .form-info p:before {width:16px;height:16px;top: 3px;}

  .msg-box .msg {padding-left:22px;font-size:14px;}
  .msg-box .msg:before {width:16px;height:16px;}

  .table-type1 th {padding:14px 0;font-size:14px;}
  .table-type1 td {font-size:14px;}



  header .layout {margin:0px 20px;height: 60px;}
  header .logo {width:68px;}
  header .gnb ul{display: block;}
  header .util .shop {display:none;}

  header .gnb{position:fixed;top:0;right:-100%;height:100%;width:100%;background:#232323;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;overflow-y: auto;z-index: 1000;padding-top:60px;}
  header .gnb .gnb-close{display:block;}
  header .gnb .gnb-logo{display:block;width:68px;top:10px;}
  header .gnb .m-shop {display:flex;align-items:center;margin: 20px;}
  header .gnb .m-shop a {flex:1;display:block;font-size:15px;padding:12px 5px;border:1px solid #373A40;text-align:center;}
  header .gnb > ul.depth1 {display: block;padding:0;margin-top:30px;}
  header .gnb > ul.depth1 > li {display: block;height: auto;}
  header .gnb > ul.depth1 > li > a.depth1 {position:relative;justify-content:flex-start;height:auto;padding:16px 20px;font-size:19px;font-weight:600;text-align:left;border-bottom: 1px solid #373A40;}
  header .gnb > ul.depth1 > li > a:after{content: "";position:absolute;top:50%;transform:translateY(-50%);right:20px;display: inline-block;width:15px;height:9px;background: url(/_public/images2/icon/arrow.svg) no-repeat;background-size: cover;}
  header .gnb > ul.depth1 > li > a.on:after{transform:translateY(-50%) rotate(-180deg);}
  header .gnb > ul.depth1 > li > .dropdown {width: 100%;padding: 25px 20px;top:0;text-align:left;height:auto;position: relative;border-bottom: 1px solid #373A40}
  header .gnb > ul.depth1 > li > .dropdown a{text-align:left;display:block;margin-left:0;font-size:16px;}
  header .gnb > ul.depth1 > li > .dropdown a + a {margin-top:20px;}
  header .gnb > ul.depth1 > li > .dropdown > .depth3 > li > a {text-align: left;}
  header .gnb > ul.depth1 > li > .depth3 {display:block;margin-top:15px;}
  header .gnb > ul.depth1 > li > .depth3 > li + li {margin-top:15px;}
  header .gnb > ul.depth1 > li > .depth3 > li a {padding:0;color:#8C94A3;line-height:1.4;font-size:15px;}
  header .gnb > ul.depth1 > li > .depth3 > li a:after {display:none;}
  header .gnb > ul.depth1 > li > .dropdown > .depth3 > li {padding:0;}
  header .gnb.active{right:0;}
  header .active .gnb ul li:hover > a{}
  header .active .gnb ul li > a.on{}
  header.scroll .layout {height: 60px;}
  header.scroll .gnb ul li > a {padding:0;}
  header.scroll .gnb ul li .dropdown {top:0;}
  header.scroll .gnb > ul.depth1 > li > a.depth1 {padding: 16px 20px;}

  footer #goTop {top:0px;left:auto;right:0;transform:translate(0);width:45px;height:45px;}
  footer .f-info h4 {margin-bottom:12px;font-size:14px;}
  footer .f-info ul li {flex-direction: column;gap: 2px;}
  footer .f-info ul li span, footer .f-info ul li address {font-size:13px;}
  footer .f-info ul li span + span:before, footer .f-info ul li span + address:before {display:none;}
  footer .f-sns {position:relative;align-items:flex-start;margin-top:35px;}
  footer .family-site {position: relative;margin-top: 25px;}
  footer .family-site button {width: 100%;}
  footer copyright * {font-size:13px;}


  .page-top .visual {padding-top:60px;}
  .page-top .visual h2 {font-size:36px;}
  .page-top .visual .breadcrumbs span {font-size:13px;}
  .page-top .visual .breadcrumbs span + span {margin-left:22px;}
  .page-top .visual .breadcrumbs span + span:before {top:2px;left:-17px;}

  #pages .contents{padding:0 0px 80px;}

}