@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: 1420px;}
.layout2{position:relative;margin: 0 auto;max-width: 1280px;}
.layout-h{position:relative;margin: 0 auto;max-width: 1800px;}
.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{color:#e32a2a;}
#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.5);z-index:1000;line-height: normal;}
body.on .overlay {display:block;z-index:99;}

/* 로딩 스피너 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;}


.tab{text-align: center;font-size:0;}
.tab .button{display: inline-block;width:200px;border-radius: 30px;border: solid 2px #c7b4b0; font-size: 20px;font-weight: 600;letter-spacing: 0.4px;color: #787878;height:60px;}
.tab .button + .button{margin-left:20px;}
.tab .button.active{border-color:#202020;background: #202020;color:#fff;}

.tab2{display: flex;}
.tab2 .button{flex:1;display: inline-block;height:60px;border:1px solid #ccc;text-align: center;font-size: 18px;font-weight: 600;}
.tab2 .button.active{background: #202020;color:#fff;border-color:#202020; }

/* 상단 박스 타입 */
.top-box{background: #f6f6f6;padding:40px;}
.top-box h3{font-size: 26px;font-weight: bold;}
.top-box p{margin-top:25px;font-size: 18px;font-weight: normal;}
.top-box ul{}
.top-box ul li{position:relative;padding-left:12px;font-size:18px;font-weight: bold;}
.top-box ul li:before{content:"";position:absolute;top:11px;left:0;display: inline-block;width:7px;height:2px;background: #202020;}

.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;}

/* dl style */
.dl-type1{}
.dl-type1 dt{position:relative;clear:left;float:left;}
.dl-type1 dd{position:relative;width:100%;}
.dl-type1 dd:after {content: "";display: table;clear: both;}

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

.NotoSans {font-family:'Noto Sans KR';}

.button-group {margin-top:40px;}
.button{font-size:15px;line-height: 40px;transition:all 0.2s;}
.button-default{background: #333;color:#fff;border:1px solid #333;}
.button-gray{display:inline-block;background:#f3f3f3;text-align: center;color:#000;}
.button-gray2{display:inline-block;background:#f3f3f3;text-align: center;color:#000;}
.button-outline-default{border:1px solid #333;background: #fff;color:#333;}
.button-outline-black{background: #fff;border-color: #333;color: #333;}
.button-large{font-size:18px;line-height: 65px;}
.button-write {width: 240px;height: 63px;line-height:63px;color: #FFF;font-size: 18px;font-weight: 700;border-radius: 10px;background: #0036C4;border:0;}
.button-write::before {content:"";display:inline-block;width:20px;height:20px;background:url(/_public/images2/icon/ico_edit.svg) no-repeat;background-size:cover;margin-right:10px;vertical-align:text-top;}
.button-write:hover {background-color:#12348E;}


/* form style */
.form-box{}
.form-box .inbox{}
.form-box .inbox + .inbox{margin-top:30px;}
.form-box .max{max-width: 420px;}
.form-box .max2{max-width: 220px;}
.form-box .field-row{display: flex;gap:90px;}
.form-box .field-row + .field-row{margin-top:10px;}
.form-box .field-row .field-col{flex:1;display: flex;max-width: calc(50% - 45px);}
.form-box .field-row .field-col.w100 {max-width:100% !important;}
.form-box .field-row.case2{display: flex;gap:20px;}
.form-box .field-row.case2 + .field-row.case2{margin-top:30px;}
.form-box .field-row.case2 .field-col{max-width: calc(50% - 10px);flex-direction: column;gap:5px;}
.form-box .field-row.case2 .field-col .label{height: auto;width:100%;padding: 0;}
.form-box .field-row.case2 .field-col .field{width:100%;}

.form-box .field-row .field-col .label{position:relative;width:160px;height:50px;display: flex;align-items: center; font-size: 18px;font-weight: 600;letter-spacing: -0.45px;color: #202020;padding-left: 20px}
.form-box .field-row .field-col .label em{position:absolute;left:0;display: inline-block;width:8px;height:8px;border-radius: 100%;background: #fc7c5a;}
.form-box .field-row .field-col .field{position:relative;width:calc(100% - 160px);font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #202020;}
.form-box .field input[type="text"],
.form-box .field input[type="tel"],
.form-box .field input[type="number"],
.form-box .field input[type="email"],
.form-box .field input[type="date"],
.form-box .field input[type="password"],
.form-box .field input[type="email"]{width:100%;height:55px;border-radius: 5px;border: solid 1px #d2d2d2;background-color: #f9f9f9;padding:0 20px;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;transition: all 0.4s;}
.form-box .field select{width:100%;height:55px;border-radius: 5px;border: solid 1px #d2d2d2;padding:0 20px;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;transition: all 0.4s;}
.form-box .field input[type="text"]::placeholder,
.form-box .field input[type="tel"]::placeholder,
.form-box .field input[type="number"]::placeholder,
.form-box .field input[type="email"]::placeholder,
.form-box .field input[type="date"]::placeholder,
.form-box .field input[type="password"]::placeholder,
.form-box .field-row .field-col .field input[type="email"]::placeholder{color: #a3a4a8;}

.form-box .field input[type="text"]:read-only,
.form-box .field input[type="tel"]:read-only,
.form-box .field input[type="number"]:read-only,
.form-box .field input[type="email"]:read-only,
.form-box .field input[type="date"]:read-only,
.form-box .field input[type="password"]:read-only,
.form-box .field input[type="email"]:read-only{background: #e5e5e5;border-color: #e5e5e5;}

.form-box .field.error input[type="text"],
.form-box .field.error input[type="tel"],
.form-box .field.error input[type="number"],
.form-box .field.error input[type="email"],
.form-box .field.error input[type="date"],
.form-box .field.error input[type="password"],
.form-box .field.error input[type="email"]{border-color:#f35044}
.form-box .field.error input[type="text"]::placeholder,
.form-box .field.error input[type="tel"]::placeholder,
.form-box .field.error input[type="number"]::placeholder,
.form-box .field.error input[type="email"]::placeholder,
.form-box .field.error input[type="date"]::placeholder,
.form-box .field.error input[type="password"]::placeholder,
.form-box .field.error input[type="email"]::placeholder{color:#f35044}
.form-box .field textarea{width:100%;height:155px; border-radius: 5px;border: solid 1px #d2d2d2;background-color: #f9f9f9;padding:18px 20px;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;resize: none;}
.form-box .field textarea::placeholder{color: #a3a4a8;}
.form-box .field input[name="inputetc"]{margin-top:10px;display: none;}
.form-box .field .input-txt{display:flex;align-items:center;width:100%;height:50px;border-radius: 5px;border: solid 1px #dedede;padding:0 20px;font-size: 16px;font-weight: normal;letter-spacing: -0.4px;transition: all 0.4s;background: #f5f5f5;}
.form-box .field .msg-error{display:block;margin-top:5px;position: relative;padding-left: 21px;font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #e63636;}
.form-box .field .msg-error:before{content: "";position: absolute;top:2px;left:0;width:16px;height:16px;background: url(/_public/images2/icon/ico_error2.svg) no-repeat;background-size: cover;}
.form-box .field .id-wrap{display: flex;gap:5px;}
.form-box .field .id-wrap button{display: flex;align-items: center;justify-content: center;width:130px;height:55px;border-radius: 5px;background: #fff;border: 1px solid #0036C4; font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #0036C4;}
.form-box .field .id-wrap input[type="text"],
.form-box .field .id-wrap input[type="email"] {width:calc(100% - 135px);}
.form-box .field .name-wrap{display: flex;gap:10px;}
.form-box .field .name-wrap input[type="text"]{flex:1;}
.form-box .field .number-wrap{display: flex;align-items: center;gap:10px;}
.form-box .field .number-wrap input{max-width:85px;}
.form-box .field .addr-wrap{max-width:640px;}
.form-box .field .addr1{display: flex;gap:5px;}
.form-box .field .addr1 input{width:160px;}
.form-box .field .addr1 button{display:flex;width:130px;height:55px;align-items: center;justify-content: center;border-radius: 5px;border: solid 1px #0036C4;background: #fff;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #0036C4;}
.form-box .field .addr2{margin-top:5px;}
.form-box .field .addr3{margin-top:5px;}
.form-box .field .input-wrap2{display: flex;}
.form-box .field .input-wrap2 span{display: flex;align-items: center;width:50px;height:50px;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #202020;}
.form-box .field .input-wrap2 .input-box{width:calc(100% - 50px);}
.form-box .field .input-wrap3{position: relative;}
.form-box .field .input-wrap3 span{position:absolute;top:16px;right:20px;display:inline-block;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #202020;}
.form-box .field .noti-box{margin-top:5px;}
.form-box .field .noti-box p{display: inline-block;padding:5px 15px; border-radius: 5px; font-size: 15px;font-weight: normal;letter-spacing: -0.38px;color: #626272;}
.form-box .field .msg-box{margin-top:5px;}
.form-box .field .msg-box .msg{position: relative;padding-left: 20px;  font-size: 15px;font-weight: 500;letter-spacing: -0.38px;color: #30af1d;}
.form-box .field .msg-box .msg:before{content: "";position: absolute;top:3px;left:0;width:15px;height:15px;background: url(/_public/images2/icon/ico_success.svg) no-repeat;background-size: cover;}
.form-box .field .msg-box .msg.error{color: #f35044;}
.form-box .field .msg-box .msg.error:before{background: url(/_public/images2/icon/ico_error.svg) no-repeat;background-size: cover;}
.form-box .field .agree-list{}
.form-box .field .agree-list .noti-box{padding-left: 55px;}
.form-box .field .agree-list ul{}
.form-box .field .agree-list ul li{}
.form-box .field .agree-list ul li + li{margin-top:10px;}
.form-box .field .agree-list ul li .switch-label .label-text{font-size: 18px;font-weight: 600;letter-spacing: -0.45px;color: #202020;}
.form-box .field .input-wrap3{display: flex;gap:25px;}
.form-box .field .input-wrap3 select{max-width:394px;}
.form-box .field .flex-group{display: flex;gap:25px;}
.form-box .field .radio-box{display: flex;gap:5px;flex-wrap: wrap;}
.form-box .field .radio-box .radio-type1{flex:1;}
.form-box .field .cal-wrap{position: relative;}
.form-box .field .cal-wrap:after{content: "";position: absolute;top:15px;right:20px;display: block;width:20px;height:20px;background: url(/_public/images2/icon/ico_cal2.svg) no-repeat;background-size: cover;}
.form-box .field .cal-wrap input[type="text"]{padding:0 60px 0 20px;}
.form-box .field .input-list{margin-top:10px;}
.form-box .field .input-list li{position: relative;padding-left: 100px;}
.form-box .field .input-list li + li{margin-top:10px;}
.form-box .field .input-list li em{position: absolute;top:18px;left:0;display: inline-block; font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #202020;}
.form-box .field .info-box{margin-top:10px;position: relative;border-radius: 10px;background-color: #f2f9ff;padding:20px 20px 20px 50px;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #1087f5;}
.form-box .field .info-box:before{content: "";position: absolute;top:21px;left:20px;display: inline-block;width:20px;height:20px;background: url(/_public/images2/icon/ico_info2.svg) no-repeat;background-size: cover;}
.form-box .field .chk-list{}
.form-box .field .chk-list li{position: relative;padding-right: 35px;}
.form-box .field .chk-list li + li{margin-top:15px;}
.form-box .field .chk-list li button{position:absolute;bottom:1px;right:0;display: inline-block;font-size: 15px;font-weight: 500;color:#6D7082;transition:all 0.2s;}
.form-box .field .chk-list li button:hover {color:#12348E;text-decoration:underline;}
/* .form-box .field .chk-list li button img{display: inline-block;} */
.form-box .field .allchk{margin-bottom:25px;padding:20px; border-radius: 5px;border: solid 1px #d2d2d2;background-color: #f9f9f9;}
.form-box dl{}
.form-box dl dt{font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #202020;}
.form-box dl dt i,
.form-box dl dt .ess {display: inline-block;font-size: 15px;font-weight: bold;letter-spacing: -0.3px;color:#FB592E;vertical-align: top;}
.form-box dl dd{margin-top:5px;}
.form-box dl dd + dt{margin-top:30px;}
.form-box dl dd textarea {width:100%;height:200px;padding:16px 20px;font-size:18px;font-weight:500;border:1px solid #ccc;border-radius:5px;}
.form-box dl dd textarea:focus,
.form-box dl dd textarea:active {border-color:#0036C4;}

.form-box .slt-wrap {position:relative;}
.form-box .slt-wrap:before {content:"";display:block;width:15px;height:15px;background:url(/_public/images2/icon/arrow1_b.svg) no-repeat;background-size:cover;transform:rotate(90deg);position:absolute;top:20px;right:20px;}
.form-box .slt-wrap select {width:100%;height:54px;border:1px solid #ccc;border-radius:5px;padding:16px 20px;font-size:18px;appearance:none;outline:none;}
.form-box .slt-wrap select:focus {border:1px solid #0036C4;}
.form-box .slt-wrap select + input {margin-top:5px;}



.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);}

.filebox{position:relative;font-size:0;}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.filebox label {position:relative ;display: inline-block;margin-right:5px;width:127px;color: #fff;font-size:14px;vertical-align: middle;cursor: pointer;border: 1px solid #383838;border-radius: 5px;line-height: 48px;text-align: center; font-size: 18px;background: #383838; color: #fff;/* margin-left: 10px;*/}
.filebox label:hover { background: #000; color: #fff; }
.filebox .upload-name {display: inline-block;width: calc(100% - 132px);height: 50px;font-size: 16px;color: #595757;padding: 0 40px;vertical-align: middle;background: #fafafa url(/_public/images2/icon/link_icon.svg) no-repeat;background-size: 30px 30px;border: 1px solid #bebebe;border-radius: 5px;background-position: 10px 50%;}



.checkbox-type1 input[type=checkbox] {position: absolute;display: inline-block;opacity: 0;}
.checkbox-type1 label {position: relative !important;top: inherit !important;left: inherit !important;display: inline-block;padding-left:34px;font-size: 18px;font-weight:500;color:#6D7082;text-align: left;box-sizing: border-box;cursor: pointer;}
.checkbox-type1 label:before {content: "";position: absolute;top:0px;left: 0;display: inline-block;width: 24px;height: 24px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 5px;background:#fff;}
.checkbox-type1 label:after {content: "";display: none;position: absolute;top: 5px;left: 9px;width: 4px;height: 10px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
.checkbox-type1 label strong {color:#0046FF;}
.checkbox-type1 input[type=checkbox]:checked + label {color:#202020;}
.checkbox-type1 input[type=checkbox]:checked + label:before {border-color: #0046FF;background-color:#0046FF }
.checkbox-type1 input[type=checkbox]:checked + label:after {display: inline-block;}

.checkbox-type2{display:inline-block;vertical-align:top;width:33.333%;margin:10px 0;}
.checkbox-type2 input[type="checkbox"]{position:absolute;opacity:0;}
.checkbox-type2 label{display:block;font-size:18px;padding-left:40px;position:relative;cursor:pointer;}
.checkbox-type2 label::before{content:'';width:30px;height:30px;border:1px solid #fff;border-radius:50%;position:absolute;left:0;top:-3px;}
.checkbox-type2 label::after{display:none;content:'';width:7px;height:13px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);position:absolute;left:11px;top:3px;}
.checkbox-type2 input[type="checkbox"]:checked + label::before{background:#222;border-color:#222;}
.checkbox-type2 input[type="checkbox"]:checked + label::after{display:block;}

.radio-type1 { margin: -0.5px;}
.radio-type1 input[type="radio"] {display: inline-block;position: absolute;opacity: 0;}
.radio-type1 label {position: relative !important;top: inherit !important;left: inherit !important;cursor: pointer;display: block;text-align: center;font-size: 14px;line-height: 50px;border: 1px solid #e5e5e5;}
.radio-type1 input[type="radio"]:checked + label {background-color: #222;color: #fff;}


.radio-type2{display:inline-block;vertical-align:middle;}
.radio-type2 input[type="radio"]{position:absolute;opacity:0;}
.radio-type2 label{display:block;font-size:18px;padding-left:35px;position:relative;cursor:pointer;}
.radio-type2 label::before{content: '';width: 25px;height: 25px;border: 1px solid #bebebe;border-radius: 50%;position: absolute;left: 0;top: 1px;box-sizing: border-box;}
.radio-type2 label::after{display:none;content:'';width:11px;height:11px;border-radius:50%;background:#202020;position:absolute;left:6.5px;top:8px;}
.radio-type2 input[type="radio"]:checked + label::before{border-color:#202020}
.radio-type2 input[type="radio"]:checked + label::after{display:block;}


header{position: fixed;top:0;left:0;width:100%;z-index: 100;border-bottom:1px solid rgba(255,255,255,0.5);background: rgba(0,0,0,0.2);}
header .layout-h{display: flex;align-items: center;}
header .logo{display: inline-block;width:204px;height:40px;background: url(/_public/images2/common/logo_w.png) no-repeat;background-size: cover;}
header .logo img{display:block;}
header .util{position:absolute;top:50%;right:0;transform: translateY(-50%);display:flex;gap:10px;align-items:center;}
/* header .util .language{position:absolute;top:-6px;right:67px ;width:100px;height: 35px;  border-radius: 17.5px;border: solid 1px #fff;background-color: rgba(1, 101, 51, 0);z-index: 10;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
header .util .language button{position:relative;display: block;width:100%;text-align: center; font-size: 16px;font-weight: 500;color:#fff;height: 33px;}
header .util .language button:before{content: "";vertical-align:middle;display: inline-block;width:20px;height: 20px;background: url(/_public/images2/icon/lan_icon.svg) no-repeat;background-size:cover;margin-right:5px;position:relative;top:-2px;}
header .util .language .list{position:relative;padding:10px 0;display: none;opacity: 0;}
header .util .language .list a{display: block;text-align: center;font-size:16px;color:#202020;}
header .util .language .list a + a{margin-top:10px;}
header .util .language.on{height: auto;border-color:#202020;background: #fff;}
header .util .language.on button{color:#202020;}
header .util .language.on button:before{background: url(/_public/images2/icon/lan_icon2.svg) no-repeat;background-size:cover;}
header .util .language.on .list{opacity: 1;} */
header .util .toggle-menu{width:30px;height:30px;background: url(/_public/images2/icon/allmenu3.svg) no-repeat;background-size: cover;font-size:0;display:none;}
header .util .site-search {font-size:0;min-width:auto;width:40px;height:40px;background:url(/_public/images2/icon/ico_search.svg) no-repeat;background-size:cover;transition:all 0.2s;}
header .util a {font-size:16px;font-weight:700;position:relative;padding:10px 20px;border-radius:99px;min-width:120px;transition:all 0.2s;}
header .util a:before {content:"";display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:text-bottom;transition:all 0.2s;}
header .util a.signup {background:#fff;color: #0036C4;}
header .util a.login {border: 2px solid #fff;color: #FFF;}
header .util a.signup:before {background:url(/_public/images2/icon/ico_signup.svg) no-repeat;background-size:cover;}
header .util a.login:before {background:url(/_public/images2/icon/ico_login.svg) no-repeat;background-size:cover;}

header .gnb{margin-left:243px;/*width:100%;max-width:906px;*/}
header .gnb .ambox { display:none;}
/* header .gnb .am-login {display:none;font-size:16px;font-weight:700;position:relative;padding:6px 20px;border-radius:99px;border: 2px solid #0036FF;background: #FFF;color:#0036FF;position: absolute;top: 12px;left: 20px;width: 140px;}
header .gnb .am-signup {display:none;font-size:16px;font-weight:700;position:relative;padding:6px 20px;border-radius:99px;border: 2px solid #0036FF;background: #FFF;color:#0036FF;position: relative;top: 12px;left: 20px; width: 140px;}
header .gnb .am-login:before {content:"";display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:text-bottom;background:url(/_public/images2/icon/ico_login_on2.svg) no-repeat;background-size:cover;}
header .gnb .am-signup:before { content:"";display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:text-bottom;background:url(/_public/images2/icon/ico_signup_on.svg) no-repeat;background-size:cover;} */
header .gnb .gnb-close{display:none;position: absolute;position: absolute;right: 20px;top: 22px;}
header .gnb .gnb-logo{display:none;position: absolute;left:20px;top:5px;}
header .gnb ul{display: flex;align-items: center;}
header .gnb ul li{position:relative;}
header .gnb ul li > a{line-height: 90px;text-align: center;display: block;font-size: 20px;font-weight: 700;color: #fff;font-family:'NanumSquareNeo' !important;padding: 0 55px;position:relative;}
header .gnb ul li > a:after {content:"";display:block;width:0%;height:2px;background:#202020;transform-origin:center;position:absolute;bottom:0;left:50%;transform:translateX(-50%);transition:all 0.2s;}
header .gnb ul li:hover > a {font-weight:800;}
header .gnb ul li:hover > a:after {width:100%;}
header .gnb ul li .dropdown{display:none;position: absolute;height:300px;padding:30px 0;width:100%;z-index: 120;}
header .gnb ul li .dropdown a{display:block;font-size: 17px;font-weight: 500;line-height: 2.5;text-align: center;font-family:'NanumSquareNeo' !important;transition:all 0.2s;}
header .gnb ul li .dropdown a:hover {color:#0046FF;font-weight:700;}
header .gnb-bg{display:none;position: absolute;width:100%;height:350px;background: #fff;z-index: 110;box-shadow:0 8px 24px rgba(0,0,0,.08);}
header.active{background: #fff;}
header.active .gnb ul li > a{color:#202020;}
header.active .util .toggle-menu{background: url(/_public/images2/icon/allmenu2.svg) no-repeat;background-size: cover;}
/* header.active .util .language{border-color: #202020;}
header.active .util .language button{color: #202020;}
header.active .util .language button:before{background: url(/_public/images2/icon/lan_icon2.svg) no-repeat;background-size:cover;} */
header.scroll{background: #fff;}
header.scroll .gnb ul li > a{color:#202020;}
/* header.scroll .util .toggle-menu{background: url(/_public/images2/icon/allmenu2.svg) no-repeat;background-size: cover;} */
/* header.scroll .util .language{border-color: #202020;}
header.scroll .util .language button{color: #202020;}
header.scroll .util .language button:before{background: url(/_public/images2/icon/lan_icon2.svg) no-repeat;background-size:cover;} */
header .util .site-search:hover,
header.active .util .site-search,
header.sub .util .site-search,
header.scroll .util .site-search{font-size:0;min-width: auto;width:40px !important;height:40px !important;background:url(/_public/images2/icon/ico_search_on.svg) no-repeat;background-size:cover;}
header .util a.signup:hover,
header.active .util a.signup,
header.sub .util a.signup,
header.scroll .util a.signup {background:#E6EDFF;color:#0046FF;}
header .util a.login:hover,
header.active .util a.login,
header.sub .util a.login,
header.scroll .util a.login {border: 2px solid #0046FF;background: #FFF;color:#0046FF;}
header .util a.signup:hover:before,
header.active .util a.signup:before,
header.sub .util a.signup:before,
header.scroll .util a.signup:before {background:url(/_public/images2/icon/ico_signup_on.svg) no-repeat;background-size:cover;}
header .util a.login:hover:before,
header.active .util a.login:before,
header.sub .util a.login:before,
header.scroll .util a.login:before {background:url(/_public/images2/icon/ico_login_on.svg) no-repeat;background-size:cover;}

header.active .logo{background: url(/_public/images2/common/logo_b.png) no-repeat;background-size: cover;}
header.scroll .logo{background: url(/_public/images2/common/logo_b.png) no-repeat;background-size: cover;}

header.sub {background: #fff;}
header.sub .logo{background: url(/_public/images2/common/logo_b.png) no-repeat;background-size: cover;}
header.sub .gnb ul li > a{color:#202020;position:relative;padding-right:35px;}
header.sub .util .toggle-menu{background: url(/_public/images2/icon/allmenu3.svg) no-repeat;background-size: cover;}

.allmenu{display:none;position: fixed;top:0;left:0;width:100%;height:100%;overflow-y: auto;background: #fff;z-index: 1000;}
.allmenu .layout-h{height:100%;}
.allmenu .close-allmenu{position: absolute;top:30px;right:0;display:inline-block;font-size:0;}
.allmenu .close-allmenu img{display: block;}
.allmenu .menu-wrap{position: absolute;top:40%;left:50%;transform: translate(-50%, -50%);width:100%;display: flex;max-width:1280px;}
.allmenu .menu-wrap .menu{flex:1;}
.allmenu .menu-wrap .menu strong{display: block;}
.allmenu .menu-wrap .menu strong a{display: block;font-size: 30px;font-weight: bold;color: #202020;}
.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: 20px;font-weight: 500;color: #202020;}
.allmenu .menu-wrap .menu:hover strong a{color:#f87100}
.allmenu .menu-wrap .menu ul li .level3{}
.allmenu .menu-wrap .menu ul li .level3 a{display: block;font-size: 18px;font-weight: 500;line-height: 2.22;color: #787878;}

.q-menu{position: fixed;right:20px;bottom:20px;z-index: 10;display: flex;flex-direction: column;gap:10px;}
.q-menu .btn{display: inline-block;}
.q-menu .btn img{display: block;}
.goTop { border-radius: 99px; box-shadow:0 3px 15px rgba(205,224,254,1);}


/* s::footer */
footer{padding:40px 0 90px;background:#202020;color:#fff;}
footer .layout{max-width:1420px;margin:0 auto;}
footer .footer_top{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.18);}
footer .footer_nav{display:flex;align-items:center;gap:70px;}
footer .footer_nav a{font-size:16px;font-weight:500;color:#fff;text-decoration:none;letter-spacing:-.4px;}
footer .footer_nav a:hover{color:#ffcd21;}
footer .footer_right{display:flex;align-items:center;gap:30px;}
footer .family_site{position:relative;width:300px;}
footer .family_site button{position:relative;width:100%;height:50px;padding:0 58px 0 30px;border:0;border-radius:999px;background:#000;font-size:16px;font-weight:700;color:#fff;text-align:left;cursor:pointer;}
/* footer .family_site button:before{content:"관련 사이트";color:#ff8a3d;} */
footer .family_site{position:relative;width:300px;}
footer .family_site button{position:relative;width:100%;height:50px;padding:0 58px 0 30px;border:0;border-radius:999px;background:#000;font-size:16px;font-weight:700;color:#fff;text-align:left;cursor:pointer;}
footer .family_site button:after{content:"▲";position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:11px;color:#fff;transition:transform .25s ease;}
footer .family_site button span {font-family:inherit;}
footer .family_site ul{position:absolute;left:0;right:0;bottom:60px;z-index:10;margin:0;padding:12px 0;list-style:none;border-radius:18px;background:#000;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;overflow:hidden;}
footer .family_site li a{display:block;padding:11px 30px;font-size:15px;color:#fff;text-decoration:none;}
footer .family_site li a:hover{background:#111;color:#ffcd21;}
footer .family_site.active ul{opacity:1;visibility:visible;transform:translateY(0);}
footer .family_site.active button:after{transform:translateY(-50%) rotate(180deg);}
footer .kakao_btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffcd21;text-decoration:none;}
footer .kakao_btn img{display:block;width:28px;height:28px;object-fit:contain;}
footer .footer_bottom{display:grid;grid-template-columns:1fr 380px;gap:80px;padding-top:42px;}
footer .footer_info strong{display:inline-flex;align-items:center;height:34px;margin-bottom:24px;padding:0 18px;border-radius:999px;background:#000;font-size:16px;font-weight:500;color:#fff;letter-spacing:-.4px;}
footer .footer_info address{margin:0 0 5px;font-style:normal;font-size:15px;font-weight:400;color:#ddd;letter-spacing:-.3px;}
footer .addr_info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:7px;}
footer .addr_info span{position:relative;font-size:15px;font-weight:400;color:#ddd;letter-spacing:-.3px;}
footer .addr_info span + span{padding-left:12px;}
footer .addr_info span + span:before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;background:rgba(255,255,255,.35);transform:translateY(-50%);}
footer .addr_info em{font-style:normal;font-weight:800;color:#fff;}
footer .copyright{margin:0;font-size:13px;font-weight:400;color:rgba(255,255,255,.28);letter-spacing:-.2px;}
footer .footer_contact{padding-top:8px;}
footer .footer_contact p{margin:0 0 24px;font-size:18px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:-.5px;}
footer .footer_contact div{margin-bottom:15px;font-size:28px;font-weight:400;color:#fff;letter-spacing:-1px;}
footer .footer_contact div strong{font-weight:700;}
footer .footer_contact span{font-size:16px;font-weight:400;color:#fff;letter-spacing:-.4px;}
footer .footer_contact span em{font-style:normal;font-weight:800;}
/* e::footer */

/* 서브상단 */
.page-top{}
.page-top .visual{position: relative;padding-top:160px;}
/* .page-top .visual.sub01{background: url(/_public/images2/contents/sub_v01.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub02{background: url(/_public/images2/contents/sub_v02.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub03{background: url(/_public/images2/contents/sub_v03.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub04{background: url(/_public/images2/contents/sub_v04.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub05{background: url(/_public/images2/contents/sub_v05.png) 50% 50% no-repeat;background-size: cover;} */
.page-top .visual .group{text-align: center;/*position: absolute;width:100%;top:60%;transform: translateY(-50%);*/}
.page-top .visual em {display:block;font-size: 20px;font-weight:800;margin-bottom:30px;}
.page-top .visual h1{position:relative;transform:none;text-align: center;font-size: 56px;font-weight:800;margin-bottom:30px;}
.page-top .visual p {font-size: 20px;word-break:keep-all;}
.page-top .visual .breadcrumbs{margin-top:15px;display: flex;justify-content: center;}
.page-top .visual .breadcrumbs span{position:relative;display: inline-block;font-size:16px;font-weight: 300;color:#fff;}
.page-top .visual .breadcrumbs span:before{content: "";position:absolute;top:5px;left:-23px;display: inline-block;width:7px;height:14px;background: url(/_public/images2/icon/nv.svg) no-repeat;background-size: cover;}
.page-top .visual .breadcrumbs span:first-child:before{display: none;}
.page-top .visual .breadcrumbs span + span{margin-left: 45px;}

.page-top .navi-menu {margin-top:60px;}
.page-top .navi-menu .layout {width:100%;display:flex;gap:15px;}
.page-top .navi-menu a {flex:1;display:inline-block;height:60px;font-size: 20px;font-weight: 500;line-height:60px;text-align:center;border-radius:99px;border: 1px solid #EEE;background: #F5F5F5;transition:all 0.2s;}
.page-top .navi-menu a:hover,
.page-top .navi-menu a.on {color: #FFF;font-weight: 700;background-color:#0046FF;}

/* 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:100px 0 200px;}
#pages .contents.gray {background:#f2f2f2;padding-top:160px;}
#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;}


.faq{}
.faq dl{margin-top:40px;border-top:2px solid #0025a5;}
.faq dl dt{position: relative;padding:25px 100px;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #0c0c0c;border-bottom:1px solid #cecece;cursor: pointer;}
.faq dl dt:before{content: "Q";position:absolute;top:18px;left:30px;font-size: 28px;font-weight: 500;letter-spacing: -0.7px;color: #0025a5;}
.faq dl dt:after{content: "";position:absolute;top:32px;right:20px;display: inline-block;width:20px;height:12px;background: url(/_public/images1/icon/arrow.svg) no-repeat;background-size: cover;}
.faq dl dt.on:after{transform: rotate(-180deg);}
.faq dl dd{display:none;position:relative;padding:25px 100px; font-size: 16px !important;font-weight: normal;line-height: normal !important;letter-spacing: -0.4px;background: #f8f8f8;border-bottom:1px solid #cecece;}
.faq dl dd *{padding:0 !important;font-size: 17px !important;font-weight: normal;line-height: normal !important;}
.faq dl dd:before{content: "A";position:absolute;top:18px;left:30px;font-size: 28px;font-weight: 500;letter-spacing: -0.7px;color: #818bb0;}



/* 입력폼 */
.inquiry .table-box{margin-top:30px;}
.inquiry .table-box p{font-size: 16px;line-height: 1.63;color: #595757;}
.inquiry .table-box table{border-top: 2px solid #202020;table-layout: fixed;width:100%; margin-top: 20px;}
.inquiry .table-box table colgroup col:first-child{width:20%;}
.inquiry .table-box table tr th{padding:15px 20px;border-bottom:1px solid #ccc; background: #f8f8f8;font-size: 17px;font-weight: 500;text-align: left;color: #202020;}
.inquiry .table-box table tr th em{color:#f87100; margin-right: 5px; margin-left: -10px;}
.inquiry .table-box table tr td{padding:15px 20px;border-bottom:1px solid #ccc; }
.inquiry .table-box table tr td input[type="text"],
.inquiry .table-box table tr td input[type="tel"],
.inquiry .table-box table tr td input[type="email"],
.inquiry .table-box table tr td input[type="number"]{width:100%;height:50px;padding:0 20px;border-radius: 5px;border: solid 1px #bebebe; font-size: 16px;color: #595757;}
.inquiry .table-box table tr td input[type="text"]::placeholder,
.inquiry .table-box table tr td input[type="tel"]::placeholder,
.inquiry .table-box table tr td input[type="email"]::placeholder,
.inquiry .table-box table tr td input[type="number"]::placeholder{color:#aaa;}
.inquiry .table-box table tbody tr td input[type="text"].medium{max-width:512px;}
.inquiry .table-box table tbody tr td input[type="text"].small{max-width:410px;}
.inquiry .table-box table tr td textarea{padding:20px;font-size: 17px;width:100%;height:200px;background-color: #f5f5f5;border:0;resize: none;}
.inquiry .table-box table tr td textarea::placeholder{color:#aaa;}
.inquiry .table-box table tr td .code{display: flex;align-items: center;}
.inquiry .table-box table tr td .code span{display: inline-block;}
.inquiry .table-box table tr td .code span img{display:block;}
.inquiry .table-box table tr td .code input[type="text"]{margin-left:40px; max-width: 201px}
.inquiry .table-box table tbody tr td .code .img{display:inline-block;}
.inquiry .table-box table tbody tr td .code .img img{display:block;}
.inquiry .table-box table tbody tr td .code .txt  {  margin-left: 20px; }
.inquiry .terms-box{margin-top:80px;}
.inquiry .terms-box h4{ font-size: 18px;font-weight: 600;color: #121212;}
.inquiry .terms-box .txt-box{margin-top:20px;width:100%;height: 260px;border: solid 1px #bebebe;background-color: #fafafa;padding:30px;overflow-y: auto;font-size: 16px;line-height: 1.63;color: #595757;}
.inquiry .terms-box .chk-box{font-size:0;margin-top:20px;text-align: right;}
.inquiry .terms-box .chk-box .radio-type2 + .radio-type2 {margin-left: 40px;}
.inquiry .button-box{margin-top:80px;text-align: center;}
.inquiry .button-box button{display: inline-block;width:155px;height: 55px;text-align: center; background-color: #202020;color:#fff; font-size: 18px;font-weight: 500;}




@media all and (max-width:1400px) {
  #pages {padding:0 40px;}

  .layout-h {max-width:calc(100% - 80px);}
  header .gnb {margin-left: 74px;}
  header .gnb ul li > a {font-size: 18px;padding: 0 35px;}
}


/* tablet */
@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;}

    .button-group {margin-top: 30px;}
    .button-write {width:220px;height:58px;line-height:58px;font-size: 17px;}


    header .layout-h {max-width: calc(100% - 40px);}
    header .gnb ul li > a {line-height: 80px;}
    header .util {gap:5px;}

    footer{padding:36px 30px 70px;}
  	footer .layout{max-width:100%;}
  	footer .footer_nav{gap:45px;}
  	footer .footer_bottom{grid-template-columns:1fr 360px;gap:50px;}
    footer .family_site{width:280px;}
    footer .family_site ul{bottom:58px;border-radius:16px;}
    footer .family_site li a{padding:10px 26px;font-size:14px;}


    .q-menu{right:10px;bottom:10px;gap:5px;}
    .q-menu .btn{width:45px;}

    .page-top .visual{position: relative;padding-top:90px;}
    /* .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 em {font-size:18px;margin-bottom:25px;}
    .page-top .visual h1{font-size:45px;margin-bottom: 20px}
    .page-top .visual p {font-size:18px;}

    .page-top .navi-menu .layout {gap:5px;}
    .page-top .navi-menu a {height:50px;font-size:18px;line-height:50px;}

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


    /* form style */
    .form-box .field-row{gap:40px;}
    .form-box .field-row .field-col{max-width:100%;}
    .form-box .field-row .field-col .label{font-size:16px;padding-left: 15px;}
    .form-box .field-row .field-col .label em{top:21px;width:6px;height:6px;}
    .form-box .field-row .field-col .field input[type="text"],
    .form-box .field-row .field-col .field input[type="tel"],
    .form-box .field-row .field-col .field input[type="number"],
    .form-box .field-row .field-col .field input[type="email"],
    .form-box .field-row .field-col .field input[type="date"],
    .form-box .field-row .field-col .field input[type="password"],
    .form-box .field-row .field-col .field input[type="email"]{height:45px;}
    .form-box .field-row .field-col .field .id-wrap button{height:45px;}
    .form-box .field-row .field-col .field .addr1 button{height:45px;}
    .form-box .field-row .field-col .field select{height:45px;}
    .form-box .field-row .field-col .field .input-txt{height:45px;}
}


@media all and (max-width:1024px) {
  #pages {padding: 0 20px;}

  .button-group {margin-top:20px;}
  .button-write {width:200px;height:55px;line-height:55px;font-size:16px;}

  header{padding:5px 20px;border-bottom:0;height: 60px;}
  header .layout-h {width: 100%;max-width: none;height: 100%;}
  header .layout3{display: block;}
  header .logo {background: url(/_public/images2/common/logo_w.png) no-repeat;background-size: cover;}
  header .gnb ul{display: block;}
  /* header .util .language{top:-3px;border-color:#202020;right:50px;}
  header .util .language button{color:#202020;}
  header .util .language button:before{background: url(/_public/images2/icon/lan_icon2.svg) no-repeat;background-size: cover;} */
  header .util a {font-size: 15px;padding: 7px 15px;min-width: 105px;}
  header .util a.signup {background: #E6EDFF;color: #0046FF;}
  header .util a.login {border: 2px solid #0046FF;background: #FFF;color: #0046FF;}
  header .util a.signup:before {background:url(/_public/images2/icon/ico_signup_on.svg) no-repeat;background-size:cover;}
  header .util a.login:before {background:url(/_public/images2/icon/ico_login_on.svg) no-repeat;background-size:cover;}
  header .util .toggle-menu{display:block;width:40px;height:40px;background: url(/_public/images2/icon/allmenu3.svg) no-repeat;background-size: cover;margin-left: 10px;}

  header .gnb{position: fixed;top:0;right:-100%;height:100%;width:95%;background: #fff;-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 .ambox {display: block; padding-left: 20px}
  header .gnb .ambox a { font-size: 16px; padding: 10px 20px 10px 16px; color: #0046FF; font-weight: 600; border: 2px solid #0046FF; background: #fff; border-radius: 99px; margin-bottom: 20px;  display: inline-block;}
  header .gnb .ambox a + a { margin-left: 10px; background: #E6EDFF;  border: 1px solid #E6EDFF; }

  header .gnb .ambox .am-login::before { content: ""; background: url(/_public/images2/icon/ico_login_on.svg) no-repeat; display: inline-block; width: 20px; height: 20px;  margin-right: 8px; vertical-align: text-bottom; transition: all 0.2s; }
  header .gnb .ambox .am-signup::before { content: ""; background: url(/_public/images2/icon/ico_signup_on.svg) no-repeat; display: inline-block; width: 20px; height: 20px;  margin-right: 8px; vertical-align: text-bottom; transition: all 0.2s; }



  header .gnb .gnb-close{display: block;}
  header .gnb .gnb-logo{display: block;}
  header .gnb ul{display: block;padding:0;margin:5px 20px 0 20px;border-top:1px solid #ccc;}
  header .gnb ul li{display: block;border-bottom:1px solid #ccc;}
  header .gnb ul li > a{position:relative;padding:0;line-height:70px;font-size: 20px;font-weight: 600;color: #202020;text-align: left;}
  /* header  .gnb ul li > a:after{content: "";position:absolute;top:50%;transform:translateY(-50%);left: auto;right:20px;display: inline-block;width:15px;height:9px;background: url(/_public/images2/icon/arrow.svg) no-repeat;background-size: cover;} */
  /* header  .gnb ul li:hover > a:after {width:15px;} */
  header .gnb ul li > a.on{color:#0036C4;}
  /* header .gnb ul li:hover > a:after { background-color:#e6e6e6 } */
  header .gnb ul li > a.on::after {background-color:#0036C4; }

  /* header.sub .gnb ul li > a::before { content: ""; top: 50%; background: url(/_public/images2/common/sub_gnb_off.svg); position: absolute; transform:translateY(-50%) rotate(0); width: 20px; height: 20px; right: 10px; font-weight: 600; display:block; background: #000}
  header.sub .gnb ul li > a.on::before{ content: ""; background: url(/_public/images2/common/sub_gnb_on.svg);position: absolute;  right: 10px;} */
  /* header  .gnb ul li > a.on:after{transform:translateY(-50%) rotate(-180deg);} */

  header .gnb ul li .dropdown{text-align:left;height:auto;position: relative;padding:20px 0;}
  header .gnb ul li .dropdown a{text-align:left;/*display: block;font-size: 18px;font-weight: normal;line-height: 2.22;*/position:relative;line-height: 2.2;}
  header .gnb ul li .dropdown a + a {margin-top:5px;}
  header .gnb ul li .dropdown a:hover,
  header .gnb ul li .dropdown a.on {font-weight:700;color: #202020;display:inline-block;}
  /* header .gnb ul li .dropdown a:hover:before,
  header .gnb ul li .dropdown a.on:before {content:"";display:block;width:100%;height:2px;background:#202020;position:absolute;bottom:6px;left:0;} */
  header .gnb.active{right:0;}
  header .active .gnb ul li:hover > a{color:#202020;}
  header .active .gnb ul li > a.on{color:#0036C4;}

  header .gnb ul li > a::before{content:"";position:absolute;right:10px;top:50%;width:8px;height:8px;border-right:2px solid #111;border-bottom:2px solid #111;background:none;transform:translateY(-60%) rotate(45deg);transition:.3s ease; z-index: 9}
  header .gnb ul li > a.on::before{transform:translateY(-30%) rotate(225deg);border-color:#0055ff;}


  /* form style */
  .form-box .max{max-width: 100%;}
  .form-box .field-row .field-col .label{font-size:16px;padding-left: 15px;}
  .form-box .field-row .field-col .label em{top:21px;width:6px;height:6px;}
  .form-box .field-row .field-col .field input[type="text"],
  .form-box .field-row .field-col .field input[type="tel"],
  .form-box .field-row .field-col .field input[type="number"],
  .form-box .field-row .field-col .field input[type="email"],
  .form-box .field-row .field-col .field input[type="date"],
  .form-box .field-row .field-col .field input[type="password"],
  .form-box .field-row .field-col .field input[type="email"]{font-size:15px;}
  .form-box .field-row .field-col .field .id-wrap button{font-size:15px;}
  .form-box .field-row .field-col .field .noti-box p{padding:5px 10px;font-size: 14px;}
  .form-box .field-row .field-col .field .addr1 button{font-size:15px;}
  .form-box .field-row .field-col .field .agree-list ul li .switch-label .label-text{font-size:16px;}
  .form-box .field-row .field-col .field .input-wrap3 input[type="text"]{max-width: calc(100% - 200px);}
  .form-box .field-row .field-col .field .input-wrap3 select{max-width: calc(100% - 200px);}
  .form-box .field-row .field-col .field .radio-box{flex-wrap: wrap;}
  .form-box .field-row .field-col .field .input-txt{font-size:15px;}
  .form-box .field-row.case2{}
  .form-box .field input[type="text"],
  .form-box .field input[type="tel"],
  .form-box .field input[type="number"],
  .form-box .field input[type="email"],
  .form-box .field input[type="date"],
  .form-box .field input[type="password"],
  .form-box .field input[type="email"]{font-size:15px;height:50px;}
  .form-box .field select{height: 50px;font-size:15px;}
  .form-box .field .id-wrap button{height:50px;font-size:15px;}
  .form-box .field .noti-box p{font-size:14px;}
  .form-box .field .info-box{padding:15px 15px 15px 40px;font-size:15px;}
  .form-box .field .info-box:before{top: 16px;left: 15px;width:18px;height:18px;}
  .member .singup .register section + section{margin-top:50px;}
  .form-box .field .input-list li em{font-size:15px;}
  .form-box .field .addr1 button{height: 50px;}
  .form-box dl dt{font-size:16px;}
  .form-box dl dt i{font-size:13px;}
  .form-box dl dd textarea {font-size:15px;height: 160px;}


  .checkbox-type1 label {padding-left: 30px;font-size: 17px;}
  .checkbox-type1 label:before {top: 1px;width: 22px;height: 22px;}
}


/* mobile */
@media all and (max-width:768px) {
    .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;}

    .dl-type1 dt{float: none;}

    .button-group {margin-top:20px;}
    .button-write {width:100%;height:50px;line-height:50px;font-size:15px;}
    .button-write::before {width:18px;height:18px;}

    header .logo {width: 152px;    height: 30px;}
    /* header .util .language{right:40px;width:80px;}
    header .util .language button{font-size:14px;}
    header .util .language button:before{width:15px;height:15px;}
    header .util .language .list a{font-size:14px;} */
    header .util {gap:0;}
    header .util a {display:none;}
    header .util .site-search {display:block;width:35px;height:35px;}
    header .util .toggle-menu {width:35px;height:35px;}


    header .gnb .ambox { }
    header .gnb .am-login {font-size: 15px;}
    header .gnb .am-signup {font-size: 15px;}
    header .gnb .am-login:before {width:18px;height:18px;margin-right: 6px;}

    header .util .site-search:hover,
    header.active .util .site-search,
    header.sub .util .site-search,
    header.scroll .util .site-search{width:35px !important;height:35px !important;}

    footer{padding:35px 20px 55px;}
  	footer .footer_top{display:block;padding-bottom:30px;}
  	footer .footer_nav{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px;margin-bottom:28px;}
  	footer .footer_nav a{font-size:15px;}
  	footer .footer_right{justify-content:space-between;gap:16px;}
    footer .family_site{width:calc(100% - 66px);}
  	footer .family_site button{height:48px;padding:0 50px 0 22px;font-size:15px;}
  	footer .family_site button:after{right:22px;}
  	footer .family_site ul{bottom:56px;border-radius:15px;padding:10px 0;}
  	footer .family_site li a{padding:10px 22px;font-size:14px;}
  	footer .kakao_btn{width:50px;height:50px;flex:0 0 50px;}
  	footer .footer_bottom{display:block;padding-top:32px;}
  	footer .footer_info{margin-bottom:38px;}
  	footer .footer_info strong{height:32px;margin-bottom:18px;font-size:15px;}
  	footer .footer_info address{font-size:14px;line-height:1.6;}
  	footer .addr_info{display:block;}
  	footer .addr_info span{display:block;margin-bottom:6px;font-size:14px;line-height:1.5;}
  	footer .addr_info span + span{padding-left:0;}
  	footer .addr_info span + span:before{display:none;}
  	footer .copyright{font-size:12px;line-height:1.5;}
  	footer .footer_contact{padding-top:0;}
  	footer .footer_contact p{margin-bottom:14px;font-size:16px;}
  	footer .footer_contact div{margin-bottom:14px;font-size:24px;}
  	footer .footer_contact span{font-size:14px;line-height:1.6;}


    .page-top .visual em {font-size:15px;margin-bottom:15px;margin-bottom:12px;}
    .page-top .visual h1 {font-size:36px;}
    .page-top .visual p {font-size:15px;}

    .page-top .navi-menu {margin-top:40px;}
    .page-top .navi-menu .layout{flex-wrap:wrap;}
    .page-top .navi-menu a{display: inline-block;flex: inherit;width:calc(50% - 3px);height:42px;font-size:15px;line-height:42px;}

    .filebox .upload-name{width:100%;height:40px;font-size:14px;background-size: 20px 20px;padding: 0 10px 0 20px;background-position: 0 50%;}
    .filebox label{line-height: 38px;font-size:14px;margin:0 0 5px 0;width:100%;}
    .radio-type2 label{padding-left:25px;font-size:14px;}
    .radio-type2 label::before{width:20px;height:20px;top:0;}
    .radio-type2 label::after{left:5px;top:5px;}

    /* 입력폼 */
    .inquiry { padding: 70px 20px 150px; }
    .inquiry .table-box table colgroup col:first-child{width:30%;}
    .inquiry .table-box table tr th{padding:10px 10px;font-size:14px; word-break: keep-all;}
    .inquiry .table-box table tr td{padding:10px 5px;font-size:14px;}
    .inquiry .table-box table tr td input[type="text"],
    .inquiry .table-box table tr td input[type="tel"],
    .inquiry .table-box table tr td input[type="email"],
    .inquiry .table-box table tr td input[type="number"]{padding:0 10px;font-size: 14px;height:40px;}
    .inquiry .table-box table tr td input[type="text"]::placeholder,
    .inquiry .table-box table tr td input[type="tel"]::placeholder,
    .inquiry .table-box table tr td input[type="email"]::placeholder,
    .inquiry .table-box table tr td input[type="number"]::placeholder{font-size:14px;}
    .inquiry .table-box table tr td textarea{padding:10px;font-size: 14px;height:150px;}
    .inquiry .table-box table tr td textarea::placeholder{font-size:14px;}
    .inquiry .table-box table tr td .code input[type="text"]{margin-left: 10px;max-width:150px;}
    .inquiry .table-box table tr th em{color:#f87100; margin-right: 3px; margin-left: 0;}

    .terms-box .chk-box{text-align: center;}

    .form-box .field-row + .field-row{margin-top: 20px;}
    .form-box .field-row .field-col{flex-direction: column;gap:10px;}
    .form-box .field-row .field-col .label{width:100%;height:auto;padding-left: 10px;font-size: 15px;}
    .form-box .field-row .field-col .label em{top:7px;width:4px;height:4px;}
    .form-box .field-row .field-col .field{width: 100%;}
    .form-box .max2{max-width: 100%;}
    .form-box .field-row .field-col .field .addr-wrap{max-width: 100%;}
    .form-box .field-row .field-col .field .input-wrap3{flex-direction: column;gap:10px;}
    .form-box .field-row .field-col .field .input-wrap3 input[type="text"]{max-width:100%;}
    .form-box .field-row .field-col .field .input-wrap3 select{max-width:100%;}
    .form-box .field-row.case2{flex-direction: column;}
    .form-box .field-row.case2 .field-col{max-width:100%;}
    .form-box .field input[type="text"],
    .form-box .field input[type="tel"],
    .form-box .field input[type="number"],
    .form-box .field input[type="email"],
    .form-box .field input[type="date"],
    .form-box .field input[type="password"],
    .form-box .field input[type="email"]{height:45px;}
    .form-box .field .id-wrap button{height:45px;width:70px;}
    .form-box .field .id-wrap input[type="text"],
    .form-box .field .id-wrap input[type="email"],
    .form-box .field .id-wrap input[type="number"]{width:calc(100% - 75px);}
    .form-box .field .input-list li em{top:14px;}
    .form-box .field .input-wrap3 span{top:13px;font-size:14px;}
    .form-box .field .input-list li{padding: 0;}
    .form-box .field .input-list li em{position:relative;top:0;display: block;margin-bottom: 5px;}
    .form-box .field select{height:45px;padding: 0 35px 0 15px;}
    .form-box .field .addr1 button{height:45px;width:100px;font-size:14px;}
    .form-box .field .chk-list li + li {margin-top:12px;}
    .form-box .field .chk-list li button{top:-1px;}
    .form-box dl dd + dt {margin-top: 20px;}
    .form-box dl dd textarea {height: 120px;padding:15px;font-size:15px;}

    #pages .contents{padding: 60px 0 80px;}
    #pages .contents.gray {margin:0 -20px;padding-top:110px;}



}