@charset "utf-8";

/* at origin common */
/* ENG */
/* @import url ('https://fonts.googleapis.com/css2? family = Oswald & display = swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap'); */
/* .clear {clear:both;display:block;float:none;font-size:0 !important;height:0;line-height:0 !important;margin:0 !important;overflow:hidden;padding:0 !important;width:100%;} */
.clearfix {*zoom:1;*overflow:hidden;}
.clearfix:after {content:'';display:block;clear:both;font-size:0;}
/* at origin common */


/*** common ***/
#skipnavi {z-index: 9900;}
body {letter-spacing: -0.05em;}
.logo {height: 60px;}
.logo img {display: block;max-width: 100%;max-height: 100%;}
.wrap {max-width: 1400px;width: 100%;margin: 0 auto;}
.blind {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;font-size: 1rem;clip: rect(0, 0, 0, 0);}


/*** reset ***/
/* form */
select, input[type="text"], input[type="password"], textarea {font-size: 15px;}
.form_guide {font-size: 15px;}
.lside, .rside {font-size: 16px;letter-spacing: -0.04em;}
.calendar_input .ui-datepicker-trigger {right: 10px;top: 10px;width: 18px;height: 16px;background: url(/images/icon/i_cal.svg) no-repeat 50%;}
/* chk */
span.chk,
.chk {font-size: 16px;}
.chk > span {margin: 3px 30px 3px 0;}
.chk > div {margin: 3px 0 3px 0;}
.chk div.cbx + div.cbx {margin-top: 10px;}
.chk .cbx label,
.chk .radio label {display: inline-block;position: relative;padding-left: 23px;line-height: 1.4;}
.chk .cbx label::before {position: absolute;left: 0;top: calc(((16px * 1.4) - 15px) / 2);}
.chk .radio label::before {position: absolute;left: 0;top: calc(((16px * 1.4) - 16px) / 2);}
.chk .radio label::after {top: calc(((16px * 1.4) - 8px) / 2);}
.chk .cbx input:checked + label::before {border-color: #2274e4;background: #2274e4;}


/** popup **/
.popup_bg {background: rgba(0, 0, 0, 0.7);z-index: 9100;}
/* layer popup */
.layer_pop {max-width: calc(100% - 4rem);padding: 3rem;border-radius: 2rem;background: #FFFFFF;}
.layer_pop.on {z-index: 9200 !important;}
.layer_pop * {letter-spacing: -0.04em;}
.layer_pop .pop_header {height: auto;padding: 0 0 2rem;border-bottom: 2px solid #111111;border-radius: 0;background: none;}
.layer_pop .pop_header h2 {font-size: 2.8rem;font-weight: 700;color: #111111;}
.layer_pop .pop_close {height: 3.2rem;}
.layer_pop .pop_close i::before {font-size: 3.2rem;font-weight: 600;color: #000;}
.layer_pop .pop_close:focus {outline: auto;}
.layer_pop .pop_content {max-height: none;padding: 4rem 0;background: none;}
.layer_pop .pop_footer {padding: 1rem 0 0;background: none;}
/* pop_content title */
.layer_pop * + .pop_tit {margin-top: 6rem;}
.layer_pop .pop_tit {margin-bottom: 1.3rem;}
.layer_pop .pop_tit strong {display: inline-block;position: relative;padding-left: 24px;font-size: 2.2rem;font-weight: 700;line-height: 28px;color: #181716;}
.layer_pop .pop_tit strong::before {content: '';position: absolute;left: 0;top: 7px;width: 14px;height: 14px;border: 4px solid #8e5d45;border-radius: 100%;background: #fff;}
.layer_pop .pop_tit small {font-size: 1.6rem;font-weight: 400;color: #2185d0;}



/*** header ***/
#header {position: fixed;left: 0;right: 0;top: 0;width: 100%;height: 10rem;padding: 0 2rem;background: #fff;z-index: 9000;transition: background 0.3s;}
#header.eng {border-bottom: 1px solid #e7e7e7;}
#header.open {background: #fff;box-shadow: 0px 10px 17.2px 2.8px rgba(0, 0, 0, 0.06);}
#header .wrap {display: flex;justify-content: space-between;align-items: center;gap: 15rem;height: 10rem;}
/** utils **/
#header .btn_sm_open {width: 3rem;height: 3rem;border: 0;background: url(/images/icon/i_hd_sm.png) no-repeat 50%;vertical-align: middle;}
#header .btn_sm_open:focus {outline: auto;}
#header .set_lang {display: inline-block;position: relative;margin-right: 1.5rem;font-size: 1.8rem;font-weight: 300;line-height: 1;color: #757575;letter-spacing: -0.03em;text-align: center;vertical-align: middle;}
#header .set_lang.kor .kor,
#header .set_lang.eng .eng {display: none;}
#header .set_lang .selected {display: flex;align-items: center;gap: 5px;position: relative;}
#header .set_lang .selected::after {content: '\e936';font-family: 'xeicon';transition: 0.2s;}
#header .set_lang .selected.open::after {transform: rotate(180deg);}
#header .set_lang .opt {display: none;position: absolute;left: 50%;top: calc(100% + 1.5rem);transform: translateX(-50%);width: 84px;padding: 1.5rem;border: 1px solid #d5d5d5;border-radius: 1.6rem;background: #fff;box-shadow: 0px 12px 14.4px 1.6px rgba(0, 0, 0, 0.04);}
#header .set_lang .opt a:focus,
#header .set_lang .opt a:hover {font-weight: 500;color: #1c295b;text-decoration: underline;}
/* mb */
#header .btn_sch_open {width: 3rem;height: 3rem;border: 0;background: url(/images/icon/i_hd_search.png) no-repeat 50%;vertical-align: middle;}


/** gnb **/
#gnb {flex: 1;}
#gnb .dp1 {display: flex;justify-content: space-between;align-items: center;}
#gnb .dp1 > li {flex: 1;height: 10rem;text-align: center;}
#gnb .dp1 > li > a {display: inline-flex;justify-content: center;align-items: center;position: relative;height: 100%;font-size: 2rem;font-weight: 400;color: #111111;letter-spacing: -0.03em;}
#gnb .dp1 > li > a::after {content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 4px;background: #735747;transition: 0.2s;}
#gnb .dp1 > li.on > a::after {width: calc(100% - 3rem);}
/* dp2 */
#header:not(.open) #gnb .gnb_bg {opacity: 0;pointer-events: none;clip: rect(0, 0, 0, 0);}
#gnb .gnb_bg {display: none;position: absolute;left: 0;top: 10rem;width: 100%;border-top: 1px solid #dedede;}
#gnb .dp2 {display: flex;max-width: 1400px;margin: 0 auto;}
#gnb .dp2 > li {max-width: 35rem;width: 100%;padding: 4rem;border-left: 1px solid rgba(17, 17, 17, 0.1);}
#gnb .dp2 > li > a {display: flex;align-items: center;position: relative;min-height: 5rem;padding: 1rem 2rem;border: 1px solid #cfcdcc;border-radius: 4px;font-size: 1.8rem;font-weight: 600;color: #222222;letter-spacing: -0.03em;word-break: break-word;transition: 0.1s;}
#gnb .dp2 > li.on > a {border-color: #735747;color: #fff;background: #735747;box-shadow: 0px 6px 13.16px 0.84px rgba(0, 0, 0, 0.18);}
/* dp3 */
#gnb .dp3 {padding: 2.4rem;}
#gnb .dp3 li {text-align: left;}
#gnb .dp3 li + li {margin-top: 1rem;}
#gnb .dp3 li a {display: inline-block; position: relative;padding-left: 2rem;font-size: 1.6rem;font-weight: 400;line-height: 2.3rem;color: #41403d;letter-spacing: -0.03em;word-break: break-word;}
#gnb .dp3 li a::before {content: '';display: block;position: absolute;left: 0;top: calc((2.3rem / 2) - 3px);width: 1rem;height: 3px;border-radius: 2px;background: #c8cfd0;}
#gnb .dp3 li:hover a,
#gnb .dp3 li a:focus {font-weight: 500;color: #735747;text-decoration: underline;}
#gnb .dp3 li a[target="_blank"],
#sitemap .dp3 > li > a[target="_blank"] { padding-right: 21px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%2341403d;stroke-linecap:round;stroke-linejoin:bevel;stroke-width:1.5px;%7D%3C/style%3E%3C/defs%3E%3Cg id='ic-actions-new-window'%3E%3Cpath class='cls-1' d='M22,14.55319V20a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2H9.53191'/%3E%3Cline class='cls-1' x1='21.39122' y1='2.47685' x2='9.25532' y2='14.08511'/%3E%3Cpath class='cls-1' d='M16.96809,1.90426h3.09027A1.82181,1.82181,0,0,1,21.96809,3.623V6.90426'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size:14px auto; background-position:right 0 top 50%; }
/* eng */
#header.eng .wrap {gap: 10rem;}
#header.eng #gnb {max-width: 700px;margin-left: auto;}
#header.eng #gnb .dp1 > li {flex: inherit;}


/*** sitemap ***/
#sitemap {display: none;}
#sitemap {position: fixed;left: 0;top: 0;width: 100%;min-height: 100vh;;height: 100%;color: #fff;letter-spacing: -0.03em;background: linear-gradient(-60deg, #554737 0%, #514940 100%);z-index: 9999;}
#sitemap::before {content: '';position: absolute;right: -43px;top: -46px;width: 199px;height: 199px;background: url(/images/main/img_txt_thesool.png) no-repeat 0 100%;animation: ani_spin 10s infinite linear;pointer-events: none;}
#sitemap .inner {overflow: auto;height: 100%;}
/* close */
#sitemap .top {position: absolute;right: 3.5rem;top: 3.5rem;}
#sitemap .btn_sm_close {border: 0;background: none;transition: 0.2s;}
#sitemap .btn_sm_close::before {content: '\e9af';font-family: 'xeicon';font-size: 3.8rem;color: #fff;}
#sitemap .btn_sm_close:focus,
#sitemap .btn_sm_close:hover {transform: rotate(-90deg);}
/* dp1 */
#sitemap .dp1 {display: flex;min-height: 100%;}
#sitemap .dp1 > li {display: flex;justify-content: center;width: 100%;padding: 20rem 1rem 10rem;transition: background 0.1s;}
#sitemap .dp1 > li + li {border-left: 1px solid rgba(255, 255, 255, 0.2);}
#sitemap .dp1 > li:has(a:focus),
#sitemap .dp1 > li:hover {background: #484036;}
#sitemap .dp1 > li > .dpbox > a {font-size: 3rem;font-weight: 700;}
/* dp2 */
#sitemap .dp2 {margin-top: 4.5rem;padding: 0 1.2rem;}
#sitemap .dp2 > li + li {margin-top: 3rem;}
#sitemap .dp2 > li > a {font-size: 2.4rem;font-weight: 500;transition: color 0.1s;}
#sitemap .dp2 > li:has(a:focus) > a,
#sitemap .dp2 > li:hover > a {color: #ffdcb1;}
/* dp3 */
#sitemap .dp3 {margin-top: 2rem;}
#sitemap .dp3 > li + li {margin-top: 1rem;}
#sitemap .dp3 > li > a {display: inline-block;position: relative;padding-left: 1.4rem;font-size: 1.8rem;font-weight: 300;color: #ae9f91;transition: color 0.1s;}
#sitemap .dp3 > li > a::before {content: '';position: absolute;left: 0;top: calc(((1.8rem * 1.45) / 2) - 4px);width: 4px;height: 4px;border-radius: 100%;background: #ae9f91;}
#sitemap .dp3 > li > a:focus,
#sitemap .dp3 > li > a:hover {color: #fff;text-decoration: underline;}
#sitemap .dp3 > li > a[target="_blank"] { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23ae9f91;stroke-linecap:round;stroke-linejoin:bevel;stroke-width:1.5px;%7D%3C/style%3E%3C/defs%3E%3Cg id='ic-actions-new-window'%3E%3Cpath class='cls-1' d='M22,14.55319V20a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2H9.53191'/%3E%3Cline class='cls-1' x1='21.39122' y1='2.47685' x2='9.25532' y2='14.08511'/%3E%3Cpath class='cls-1' d='M16.96809,1.90426h3.09027A1.82181,1.82181,0,0,1,21.96809,3.623V6.90426'/%3E%3C/g%3E%3C/svg%3E"); }


/*** search_box ***/
.search_box {display: flex;}
.search_box .inp {display: block;width: 100%;height: 5.4rem;padding: 3px;border-radius: 3.5rem;background: linear-gradient(to right, #88643d 0%, #735747 100%);}
.search_box .inp input {width: 100%;height: 100%;padding: 0 2.8rem;border-radius: 3.5rem;font-family: 'Gsans';font-size: 1.8rem;font-weight: 500;color: #7e756f;letter-spacing: -0.03em;}
.search_box .inp input::placeholder {color: #7e756f;}
.search_box .btn.search {min-width: 5.4rem;width: 5.4rem;height: 5.4rem;margin-left: -2rem;border: 0;border-radius: 100%;background: #735747 url(/images/main/i_search.png) no-repeat 50% / auto 2rem;}
.search_box .btn.search:focus {outline: auto;}


/*** float_menu ***/
#float_menu {display: flex;flex-direction: column;justify-content: center;gap: 2rem;position: fixed;right: 6rem;bottom: 29rem;z-index: 1000;pointer-events: none;}
#float_menu a {display: block;position: relative;width: 7rem;height: 7rem;border-radius: 100%;background: #927c62;box-shadow: 0px 10px 27.88px 6.12px rgba(0, 0, 0, 0.1);transition: 0.1s;pointer-events: auto;}
#float_menu a::before {content: '';display: block;width: 100%;height: 100%;border-radius: 100%;}
#float_menu a::after {content: '';display: none;position: absolute;right: -4px;bottom: -8px;width: 3rem;height: 3rem;border-radius: 100%;line-height: 3rem;text-align: center;background: #fff url(/images/main/i_float_btn_on.png) no-repeat 50%;box-shadow: 0px 10px 27.88px 6.12px rgba(0, 0, 0, 0.1);}
#float_menu a:focus::after,
#float_menu a:hover::after {display: block;}
#float_menu .insta::before {background: url(/images/icon/i_scl_insta.png) no-repeat 50%;}
#float_menu .facebook::before {background: url(/images/icon/i_scl_fb.png) no-repeat 50%;}
#float_menu .blog::before {background: url(/images/icon/i_scl_blog.png) no-repeat 50%;}
#float_menu a:focus,
#float_menu a:hover {background: #735747;}


/*** btn_top ***/
.btn_top {display: block;position: fixed;right: 6rem;bottom: 5rem;width: 7rem;height: 7rem;border: 0;border-radius: 100%;background: #fff;box-shadow: 0px 10px 27.88px 6.12px rgba(0, 0, 0, 0.1);z-index: 1000;transition: 0.1s;}
.btn_top::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 100%;background: url(/images/main/i_btn_top.png) no-repeat 50%;}
.btn_top:focus {outline: auto;}
.btn_top:focus::before,
.btn_top:hover::before {animation: ani_jump 1.5s ease infinite;}


/*** footer ***/
#footer {position: relative;background: #232427;}
#footer .wrap {display: flex;justify-content: space-between;align-items: center;}
#footer .txt {font-size: 1.6rem;font-weight: 300;line-height: 1.5;color: #828282;}
/** ft_top **/
#footer .ft_top {padding: 0 2rem;}
#footer .ft_top .wrap {min-height: 10rem;}
/* links */
#footer .links {display: flex;align-items: center;gap: 1.3rem;}
#footer .links li {position: relative;}
#footer .links li + li {padding-left: 1.3rem;}
#footer .links li + li::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 14px;background: #3a3b3f;}
#footer .links a {display: inline-block;font-size: 1.6rem;font-weight: 300;line-height: 1.5;color: #d6d7d7;}
#footer .links a.prvcy_plcy {font-weight: 500;color: #ffdf70;}
#footer .links a:focus,
#footer .links a:hover {text-decoration: underline;}
/* utils */
#footer .utils {display: flex;align-items: center;gap: 3rem;}
#footer .ft_social {display: flex;align-items: center;gap: 1rem;}
#footer .ft_social a {display: block;position: relative;width: 5rem;height: 5rem;border-radius: 100%;background: #36393f;transition: 0.1s;}
#footer .ft_social a::before {content: '';display: block;width: 100%;height: 100%;border-radius: 100%;}
#footer .ft_social .insta::before {background: url(/images/icon/i_scl_insta.png) no-repeat 50% / auto 1.7rem;}
#footer .ft_social .facebook::before {background: url(/images/icon/i_scl_fb.png) no-repeat 50% / auto 1.7rem;}
#footer .ft_social .blog::before {background: url(/images/icon/i_scl_blog.png) no-repeat 50% / auto 1.4rem;}
#footer .ft_social a:focus,
#footer .ft_social a:hover {background: #4B4D53;}
#footer .ft_social a .blind {left: 50%;top: 50%;}
/* ft_sel */
#footer .ft_sel {position: relative;}
#footer .ft_sel > button {display: flex;justify-content: space-between;align-items: center;position: relative;width: 20rem;height: 5rem;padding: 0 2rem;border: 1px solid #3a3b3f;border-radius: 0.8rem;font-size: 1.6rem;font-weight: 300;line-height: 1.5;color: #d6d7d7;letter-spacing: -0.05em;text-align: left;background: #232427;}
#footer .ft_sel > button::after {content: '\e936';font-family: 'xeicon';transition: 0.1s;}
#footer .ft_sel > button:focus,
#footer .ft_sel > button:hover {background: #2C2D30;}
#footer .ft_sel.on > button::after {transform: rotate(180deg);}
/* ft_sel > ft_list */
#footer .ft_list {display: none;position: absolute;left: 0;bottom: 5.4rem;width: 100%;padding: 1rem;border: 1px solid #3a3b3f;border-radius: 0.8rem;background: #232427;z-index: 10;}
#footer .ft_list > div {max-height: 34rem;}
#footer .ft_list .simplebar-scrollable-y {padding-right: 1.5rem;}
#footer .ft_list a {display: flex;align-items: center;padding: 0.6rem 1rem;border-radius: 0.8rem;font-size: 1.6rem;font-weight: 300;line-height: 2.2rem;color: #d6d7d7;}
#footer .ft_list a:focus,
#footer .ft_list a:hover {text-decoration: none;background: #36393f;}
/* ft_sel - scroll */
#footer .ft_sel .simplebar-track {background: #4F5052;}
#footer .ft_sel .simplebar-track.simplebar-vertical {width: 5px !important;}
#footer .ft_sel .simplebar-track.simplebar-horizontal {height: 5px !important;}
#footer .ft_sel .simplebar-scrollbar::before {background: rgba(255, 255, 255, 0.9) !important;}
/** ft_btm **/
#footer .ft_btm {padding: 0 2rem;border-top: 1px solid #3a3b3f;}
#footer .ft_btm .wrap {min-height: 11rem;}
#footer .ft_btm .lcont {display: flex;align-items: center;gap: 4rem;}
#footer .ft_btm .contact {display: flex;align-items: center;gap: 1rem 2rem;}
#footer .ft_btm .contact .tit {display: inline-block;padding-left: 3.6rem;font-size: 2rem;font-weight: 300;line-height: 1.2;color: #d6d7d7;background: url(/images/main/i_ft_tel.png) no-repeat 0 50%;vertical-align: middle;}
#footer .ft_btm .contact .tel {font-size: 3rem;font-weight: 700;color: #fff;vertical-align: middle;}
/** eng **/
#footer.eng .txt address span {display: inline-block;position: relative;}
#footer.eng .txt address span:not(:last-child)::after {content: '|';display: inline;margin: 0 1.5rem 0 2rem;}


/*** breadcrumb ***/
.breadcrumb {position: fixed;left: 0;top: 10rem;border-top: 1px solid #e7e7e7;}
.breadcrumb {width: 100%;height: 6rem;border-bottom: 1px solid #e7e7e7;background: #f8f8f8;z-index: 8000;}
.breadcrumb .path {display: flex;width: 100%;max-width: 1400px;height: 100%;margin: 0 auto;}
.breadcrumb .path > li {position: relative;min-width: 242px;}
.breadcrumb .path > li + li {border-left: 1px solid #e7e7e7;}
.breadcrumb .path > li:last-child {border-right: 1px solid #e7e7e7;}
.breadcrumb .path > li a {display: block;position: relative;height: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.breadcrumb .path .home {min-width: 6rem;width: 6rem;}
.breadcrumb .path .home a {height: calc(100% + 2px);top: -1px;background: #735747 url(/images/icon/i_home.png) no-repeat 50%;}
.breadcrumb .path .selbox {position: relative;height: 100%;font-size: 1.8rem;}
.breadcrumb .path .selected {padding: 0 6rem 0 3rem;line-height: 5.8rem;}
.breadcrumb .path .selected::after {content: '\e936';font-family: 'xeicon';position: absolute;right: 3rem;top: 50%;transform: translateY(-50%);line-height: 1;transition: 0.2s;}
.breadcrumb .path .selbox.on .selected {font-weight: 500;color: #fff;background: #937d5b;}
.breadcrumb .path .selbox.on .selected::after {transform: translateY(-50%) rotate(180deg);}
.breadcrumb .selectoptions {display: none;position: absolute;left: -1px;top: 6rem;width: calc(100% + 2px);padding: 1rem 0;border: 1px solid #e7e7e7;border-top: 0;background: #fff;box-shadow: 0px 6px 10.34px 0.66px rgba(0, 0, 0, 0.04);z-index: 8000;}
.breadcrumb .selectoptions li a {display: block;padding: 0.8rem 3rem;font-size: 1.6rem;line-height: 2.4rem;color: #42403a;}
.breadcrumb .selectoptions li.on a,
.breadcrumb .selectoptions li a:focus,
.breadcrumb .selectoptions li a:hover {font-weight: 500;color: #937d5b;text-decoration: underline;}


/*** content ***/
#container {min-height: calc(100vh - 21rem - 1px);padding: 16rem 2rem 0;}
#content {width: 100%;max-width: 1400px;margin: 0 auto;padding: 8.5rem 0;}
body.en #content {padding-top: 18.5rem;}

/** btn_area **/
.btn_area.sb {display: flex;justify-content: space-between;gap: 20px;}
.btn.lg {min-width: auto;width: 100%;max-width: 240px;height: 56px;border-radius: 8px;font-size: 20px;font-weight: 500;line-height: 54px;letter-spacing: -0.05em;}

/** i_cbx **/
.i_cbx {display: inline;position: relative;margin: 0 2px;padding-left: 18px;line-height: 15px;}
.i_cbx::before {content: '\e928';font-family: 'xeicon';position: absolute;left: 0;top: 0;width: 15px;height: 15px;border-radius: 4px;font-size: 11px;font-weight: 900;color: #fff;text-align: center;background: #2274e4;}


/*** title ***/
h2.title,
.page_tit {display: block;position: relative;margin-bottom: 8rem;font-size: 4.6rem;font-weight: 700;color: #000;letter-spacing: -0.05em;text-align: center;}
.xl_tit {display: block;position: relative;margin-bottom: 8rem;font-size: 4rem;font-weight: 700;color: #000;letter-spacing: -0.05em;text-align: center;}
h3.title-center,
h3.title,
.lg_tit {display: block;position: relative;margin-bottom: 2.5rem;font-size: 3.2rem;font-weight: 600;color: #000;letter-spacing: -0.05em;}
/* md_tit */
h4.title,
.md_tit {display: block;position: relative;margin-bottom: 2rem;padding-left: 3rem;font-size: 2.4rem;font-weight: 500;color: #1d1d1d;letter-spacing: -0.05em;}
h4.title:before,
.md_tit::before {content: '';position: absolute;left: 0;top: 8px;width: 18px;height: 18px;border: 5px solid transparent;border-radius: 100%;background-image: linear-gradient(#fff, #fff), linear-gradient(120deg, #5e6f91 0%, #1f2f57 100%);background-origin: border-box;background-clip: content-box, border-box;}
/* sm_tit */
.sm_tit {display: block;position: relative;margin-bottom: 1rem;padding-left: 2.6rem;font-size: 2rem;font-weight: 400;color: #1d1d1d;letter-spacing: -0.05em;}
.sm_tit::before {content: '';position: absolute;left: 0;top: 11px;width: 16px;height: 5px;border-radius: 3px;background: #ad8c66;}


/*** board ***/
/* board top */
.board_top {font-size: 17px;letter-spacing: -0.05em;}
.board_left {color: #333333;}
table + .xl_tit {margin-top: 100px;}
table + .sm_tit,
table + .board_top:has(.sm_tit) {margin-top: 25px;}
table + h4.title,
table + .md_tit,
table + .board_top:has(.md_tit) {margin-top: 35px;}
.prdct_list + .lg_tit,
table + h3.title-center,
table + h3.title,
table + .lg_tit,
table + .board_top:has(.lg_tit) {margin-top: 70px;}
.board_top .sm_tit,
.board_top .md_tit,
.board_top .form_guide {margin-bottom: 0;}
/* board write */
.form-table,
.board_write {border-top-color: #80828a;}
.form-table > thead > tr > th,
.board_write > thead > tr > th,
.form-table > tbody > tr > th, .form-table > tbody > tr > td,
.board_write > tbody > tr > th, .board_write > tbody > tr > td {height: 50px;padding: 5px 10px;border-bottom-color: #e8e9e9;font-size: 16px;color: #333333;letter-spacing: -0.04em;}
.form-table > thead > tr > th,
.board_write > thead > tr > th {border-bottom: 1px solid #e8e9e9;font-size: 17px;font-weight: 600;color: #181716;text-align: center;background: #f8f8fa;}
.form-table > tbody > tr > th,
.board_write > tbody > tr > th {padding-left: 30px;font-size: 17px;font-weight: 600;color: #181716;text-align: left;background: #f8f8fa;}
.form-table > tbody > tr > td + td[rowspan],
.board_write > tbody > tr > td + td[rowspan] {border-left-color: #e8e9e9;}
.form-table > thead > tr > th:not(:first-of-type),
.form-table > tbody > tr > td:not(:first-of-type),
.board_write > thead > tr > th:not(:first-of-type),
.board_write > tbody > tr > td:not(:first-of-type) {border-left: 1px solid #e8e9e9;}
.form-table > tbody > tr > th:not(.mb) + td:not(:first-of-type),
.board_write > tbody > tr > th:not(.mb) + td:not(:first-of-type) {border-left: 0;}
.form-table > tbody > tr:has(th[rowspan] + th:not(.th_dp2)) th[rowspan],
.board_write > tbody > tr:has(th[rowspan] + th:not(.th_dp2)) th[rowspan] {border-right: 1px solid #e8e9e9;}
/* style */
.board_write th.th_dp2 {background: #f4f4f4;}
.board_write th.thgroup {padding: 5px 10px;text-align: center;}
.board_write th small {display: block;font-size: 15px;font-weight: 400;color: #333333;letter-spacing: -0.04em;}
.board_write td b.lside, b.rside {font-weight: 600;}
.board_write th .asterisk {margin-left: 3px;font-size: 15px;}
/* form element */
.board_write:has(thead) input[type="text"] {width: 100%;}
.board_write .calendar_input {max-width: 100%;}
.board_write .calendar_input input {min-width: auto;}
.board_write .chk input:not([type="checkbox"]) {opacity: 1;position: relative;}
/* phone & email & addr field style */
.board_write .phone input,
.board_write .phone select {min-width: auto;max-width: 100px;}
.board_write .email input,
.board_write .email select {min-width: auto;max-width: min(calc((100% - 30px) / 3), 140px);}
/* field */
span.field {display: inline-flex;}
.board_write .field.email,
.field .field.in {display: inline-flex;width: auto;}
.field.in {flex-wrap: nowrap;}
.field + .field {margin: 0 !important;}
td > .field.type02 {min-width: 23%;}
td > .field.type02:not(:last-child) {padding-right: 4%;}
.field .rside + .gap {margin: 0 10px;}
.apply .short {min-width: auto;width: 100%;max-width: 100px;}


/*** product list ***/
.prdct_list {display: flex;gap: 20px 40px;font-size: 16px;}
.prdct_list > ul {width: calc((100% - 80px) / 3);padding: 30px;border: 1px solid #e8e9e9;}
.prdct_list > ul > li + li {margin-top: 20px;}
.prdct_list .tit {margin-bottom: 10px;font-size: 17px;font-weight: 600;color: #181716;letter-spacing: -0.04em;}
.prdct_list .tit small {display: block;font-size: 15px;font-weight: 400;color: #333333;}
.prdct_list .tit .asterisk {margin-left: 3px;font-size: 15px;}
.prdct_list input {width: 100%;}
.prdct_list .file_thum li {float: none;width: 346px;margin: 0;}
.prdct_list .file_thum .file_img {height: 298px;}
/* file img */
.file_thum .file_btns_box {display: flex;height: auto;padding: 8px 12px;}
.file_thum .file_btns_box .file_name {max-width: 100%;font-size: 16px;}
.file_thum .fake_file {margin-left: auto;}
/* .file_thum .file_img img {object-fit: cover;} */
.file_wrap .fake_btn {border-color: #357de5;line-height: 22px;letter-spacing: 0;}
.file_wrap .fake_btn::before {content: '\e913';color: #357de5;}


/*** terms_box ***/
.terms_box {padding: 30px;border: 1px solid #d5d5d5;border-radius: 5px;font-size: 16px;background: #fff;}
.terms_box + .btn_area {margin-top: 30px;}
.txt + .agree_chk,
.agree_chk + .txt {margin-top: 20px;}
.terms_box .txt {font-weight: 300;color: #5f5f5f;letter-spacing: -0.04em;}
.terms_box .agree_chk {display: flex;flex-wrap: wrap;align-items: center;gap: 5px 30px;min-height: 50px;padding: 10px 30px;border-radius: 5px;letter-spacing: 0;background: #f4f4f4;}



/*** loading ***/
/* loading - 전체화면 */
.loading_wrap.entire {display: block;position: fixed;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.7);z-index: 9999;}
.loading_wrap.entire .loading_box {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 99;}
.loading_wrap.entire .loading_box b {display: block;font-size: 25px;font-weight: 500;color: #222;}
.loading_wrap.entire .loading_box b::after {content: ' .';position: relative;left: -5px;animation: loading_dots 1s steps(5, end) infinite;}
.loading_wrap.entire .loader {-webkit-animation: loading_rotator 1.4s linear infinite;animation: loading_rotator 1.4s linear infinite;}
.loading_wrap.entire .loader .path {transform-origin: center;stroke: var(--blue);stroke-dasharray: 180;stroke-dashoffset: 0;-webkit-animation: loading_dash 1.4s ease-in-out infinite;animation: loading_dash 1.4s ease-in-out infinite;}
@keyframes loading_dots {
  0%, 20% {color: rgba(0, 0, 0, 0);text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);}
  40% {color: #000;text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);}
  60% {text-shadow: .25em 0 0 #000, .5em 0 0 rgba(0, 0, 0, 0);}
  80%, 100% {text-shadow: .25em 0 0 #000, .5em 0 0 #000;}
}
@keyframes loading_rotator {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(270deg);}
}
@keyframes loading_dash {
  0% {stroke-dashoffset: 180;}
  50% {stroke-dashoffset: 45;transform: rotate(135deg);}
  100% {stroke-dashoffset: 180;transform: rotate(450deg);}
}



/*** scroll (simplebar) ***/
.simplebar-track {background: none;border-radius: 5px;}
.simplebar-track.simplebar-vertical {width: 6px !important;}
.simplebar-track.simplebar-horizontal {height: 6px !important;}
.simplebar-scrollbar::before {opacity: 0.75 !important;left: 0 !important;right: 0 !important;top: 0 !important;bottom: 0 !important;background: #6a6a6a !important;}
.simplebar-scrollbar.simplebar-visible:before {opacity: 1 !important;}


/* at origin common */
/* swiper */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-lock {display: none;}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* at origin common */



/*** animation ***/
@-webkit-keyframes ani_spin {
  from {-webkit-transform: rotate(360deg);}
  to {-webkit-transform: rotate(0);}
}
@keyframes ani_spin {
  from {transform: rotate(360deg);}
  to {transform: rotate(0);}
}

@-webkit-keyframes ani_jump {
  0%, 40%, 100% {-webkit-transform: translateY(0);}
  20%, 60% {-webkit-transform: translateY(-5%);}
}
@keyframes ani_jump {
  0%, 40%, 100% {transform: translateY(0);}
  20%, 60% {transform: translateY(-5%);}
}



/*** responsive ***/
@media all and (max-width: 1440px) and (min-width: 1025px) {
  #float_menu {right: 2rem;bottom: 14rem;}
  .btn_top {right: 2rem;}
}

@media all and (min-width: 1025px) {
  .mb {display: none;}
  #sitemap .dp2, #sitemap .dp3 {display: block !important;}
}

@media all and (max-width: 1400px) {
  /* phone & email & addr field style */
  .board_write.apply .phone {display: flex;align-items: baseline;gap: 2px;}
  .board_write.apply .email {display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 0;}
  .board_write.apply .email > * {max-width: none;}
  .board_write.apply .email .gap {width: 15px;margin: 0 5px;}
  .board_write.apply .email input:first-child,
  .board_write.apply .email select {width: calc((100% - 25px) / 2);max-width: none;}
  .board_write.apply .email input:last-child {width: 100%;max-width: 100%;}
}

@media all and (max-width: 1024px) {
  .btn_top,
  #float_menu,
  #gnb,
  #header .utils > *:not(.mb):not(.set_lang) {display: none;}


  /*** reset ***/
  input[type="text"], input[type="password"] {padding: 0 10px;}
  select {padding: 0 25px 0 10px;background-size: auto 4px;}
  .board_write > tbody > tr > th {font-size: 16px;}
  /** popup **/
  .layer_pop {padding: 2rem;border-radius: 1.4rem;}
  .layer_pop .pop_header {padding: 0 0 1.5rem;}
  .layer_pop .pop_header h2 {font-size: 2.2rem;}
  .layer_pop .pop_close {height: 2.4rem;}
  .layer_pop .pop_close i::before {font-size: 2.4rem;}
  .layer_pop .pop_content {padding: 2.5rem 0;}
  .layer_pop .pop_footer {padding: 1rem 0 0;}
  /* pop_content title */
  .layer_pop * + .pop_tit {margin-top: 5rem;}
  .layer_pop .pop_tit {margin-bottom: 1rem;}
  .layer_pop .pop_tit strong {padding-left: 18px;font-size: 1.8rem;}
  .layer_pop .pop_tit strong::before {top: 8px;width: 12px;height: 12px;border: 2px solid #8e5d45;}
  .layer_pop .pop_tit small {font-size: 1.4rem;}


  /*** layout ***/
  #header,
  #footer .ft_top,
  #footer .ft_sel > button,
  #footer .ft_btm {padding: 0 2rem;}

  /*** header ***/
  #header {height: 6.6rem !important;}
  #header .wrap {gap: inherit;height: 100%;}
  #header .logo {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 4rem;}
  #header .btn_sm_open {width: 1.5rem;height: 1.5rem;background-size: auto 100%;}
  #header .btn_sch_open {width: 1.8rem;height: 1.8rem;background-size: auto 100%;}
  #header .set_lang {font-size: 1.4rem;}
  #header .set_lang .opt {width: 6rem;padding: 1rem;border-radius: 1rem;}


  /*** sitemap ***/
  #sitemap::before {display: none;}
  #sitemap .inner {padding: 6.6rem 0 2rem;}
  #sitemap .dp1 > li:has(a:focus),
  #sitemap .dp1 > li:hover {background: none;}
  /* close */
  #sitemap .top {overflow: hidden;display: flex;justify-content: flex-end;align-items: center;left: 0;top: 0;width: 100%;height: 6.6rem;padding: 0 2rem;background: linear-gradient(-60deg, #52483d 0%, #514940 100%);z-index: 1;}
  #sitemap .btn_sm_close::before {font-size: 2rem;font-weight: 600;}
  /* dp1 */
  #sitemap .dp1 {display: block;}
  #sitemap .dp1 > li {display: block;padding: 0;}
  #sitemap .dp1 > li + li {border-left: 0;}
  #sitemap .dp1 > li:not(.open) {border-top: 1px solid rgba(255, 255, 255, 0.2);}
  #sitemap .dp1 > li:not(.open):last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
  #sitemap .dp1 > li > .dpbox > a {min-height: 5.3rem;font-size: 2.1rem;padding: 1rem 2rem;}
  #sitemap .dp1 > li.open > .dpbox > a {background: #484036;}
  #sitemap .dp1 > li > .dpbox > a,
  #sitemap .dp2 > li > a {display: flex;justify-content: space-between;align-items: center;gap: 1rem;position: relative;}
  #sitemap .dp1 > li:has(.dp2) > .dpbox > a::after,
  #sitemap .dp2 > li:has(.dp3 li) > a::after {content: '\e943';font-family: 'xeicon';font-size: 1.8rem;font-weight: 600;transition: 0.2s;}
  #sitemap .dp1 > li.open > .dpbox > a::after,
  #sitemap .dp2 > li.open > a::after {transform: rotate(180deg);}
  /* dp2 */
  #sitemap .dp2 {display: none;}
  #sitemap .dp2 {margin-top: 0;padding: 2rem;}
  #sitemap .dp2 > li + li {margin-top: 2rem;}
  #sitemap .dp2 > li > a {position: relative;font-size: 1.8rem;}
  #sitemap .dp2 > li:not(:has(.dp3)) > a:focus,
  #sitemap .dp2 > li.open > a {color: #ffdcb1;}
  /* dp3 */
  #sitemap .dp3 {display: none;}
  #sitemap .dp3 {margin-top: 2rem;}
  #sitemap .dp3 > li + li {margin-top: 1rem;}
  #sitemap .dp3 > li > a {padding-left: 1.2rem;font-size: 1.6rem;}
  #sitemap .dp3 > li > a::before {top: calc(((1.6rem * 1.45) / 2) - 3px);width: 3px;height: 3px;}


  /*** mobile search top ***/
  #top_search {opacity: 0;position: fixed;left: 0;top: 0;transform: translateY(-100%);width: 100%;padding: 2rem 2rem 7rem;background: #fff;z-index: 9990;transition: transform 0.4s;}
  #top_search.open {opacity: 1;transform: translateY(0);}
  #top_search .top {margin-bottom: 2.5rem;text-align: right;}
  #top_search .btn_sch_close {border: 0;background: none;}
  #top_search .btn_sch_close::before {content: '\e9af';font-family: 'xeicon';font-size: 2.4rem;font-weight: 900;}
  #top_search .keyword {margin-top: 5rem;}
  #top_search .keyword .tit {display: block;margin-bottom: 1rem;font-size: 2rem;font-weight: 600;letter-spacing: -0.03em;}
  #top_search .keyword ul {display: flex;flex-wrap: wrap;gap: 1rem;}
  #top_search .keyword a {display: inline-block;padding: 0.7rem 1.4rem;border-radius: 1.4rem;font-size: 1.5rem;line-height: 1;color: #555555;background: #f3f3f3;transition: 0.1s;}
  #top_search .keyword a:focus {background: #E7E7E7;}


  /*** footer ***/
  #footer .wrap,
  #footer .ft_btm .lcont {display: block;}
  #footer .ft_top {padding: 1rem 2rem;}
  #footer .ft_btm {padding: 2rem 2rem 3.4rem;}
  #footer .txt {margin-top: 2rem;font-size: 1.4rem;}
  /** ft_top **/
  #footer .ft_top .wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 1rem;min-height: auto;}
  /* links */
  #footer .links a.prvcy_plcy {font-size: 1.4rem;}
  /* utils */
  #footer .ft_social a {width: 4.7rem;height: 4.7rem;}
  #footer .ft_social .insta::before,
  #footer .ft_social .facebook::before {background-size: auto 1.3rem;}
  #footer .ft_social .blog::before {background-size: auto 1.1rem;}
  /* ft_sel */
  #footer .ft_sel {position: absolute;right: 2rem;bottom: 3.4rem;}
  #footer .ft_sel > button {width: 16rem;height: 4.6rem;padding: 0 1.2rem;border-radius: 0.6rem;font-size: 1.4rem;}
  #footer .ft_list {bottom: 5rem;padding: 0.4rem 0.6rem;border-radius: 0.6rem;}
  #footer .ft_list .simplebar-scrollable-y {padding-right: 1.1rem;}
  #footer .ft_list a {padding: 0.6rem;font-size: 1.4rem;border-radius: 0.6rem;}
  /** ft_btm **/
  #footer .ft_btm .contact {flex-wrap: wrap;gap: 0.5rem 1.2rem;height: 4.6rem;margin-top: 2rem;padding-right: 16rem;}
  #footer .ft_btm .contact .tit {padding-left: 2.5rem;font-size: 1.4rem;background-size: auto 100%;}
  #footer .ft_btm .contact .tel {display: block;font-size: 2rem;}
  /** eng **/
  #footer.eng .ft_top {position: relative;}
  #footer.eng .ft_sel {top: calc(100% + 2rem + ((60px - 4.6rem) / 2));bottom: auto;}
  #footer.eng .txt address span:not(:last-child)::after {margin: 0 0.5rem 0 1rem;}


  /*** breadcrumb ***/
  .breadcrumb {top: 6.6rem;height: 4rem;padding: 0 1rem;}
  .breadcrumb .path > li {display: flex;justify-content: space-between;align-items: center;min-width: auto;}
  .breadcrumb .path > li + li {border-left: 0;}
  .breadcrumb .path > li:last-child {border-right: 0;}
  .breadcrumb .path .home {display: none;}
  .breadcrumb .path .selbox {font-size: 1.4rem;}
  .breadcrumb .path .selected {display: block;max-width: 30vw;padding: 0 1rem;line-height: 3.8rem;}
  .breadcrumb .path .selbox.on .selected {color: #42403a;background: none;}
  .breadcrumb .path .selected::after {display: none !important;}
  .breadcrumb .path > li:not(:last-of-type)::after {content: '\e940';font-family: 'xeicon';font-weight: 900;}
  .breadcrumb .selectoptions {top: 4.5rem;width: auto;max-width: 20rem;border: 1px solid rgba(0, 0, 0, 0.1);}
  .breadcrumb .selectoptions li a {padding: 0.8rem 3rem;font-size: 1.6rem;line-height: 2.4rem;}


  /*** content ***/
  #container {padding-top: 10.6rem;}
  #content {padding: 2rem 0;}
  body.en #content {padding-top: 8.6rem;}

  /*** title ***/
  h2.title,
  .page_tit {margin-bottom: 3rem;font-size: 3rem;}
  .xl_tit {margin-bottom: 4rem;font-size: 2.8rem;}
  h3.title-center,
  h3.title,
  .lg_tit {margin-bottom: 2rem;font-size: 2.5rem;}
  /* md_tit */
  h4.title,
  .md_tit {margin-bottom: 1rem;padding-left: 2rem;font-size: 2rem;}
  h4.title:before,
  .md_tit::before {top: 0.7rem;width: 1.2rem;height: 1.2rem;border: 3px solid transparent;}
  /* sm_tit */
  .sm_tit {margin-bottom: 1rem;padding-left: 20px;font-size: 1.7rem;}
  .sm_tit::before {top: 1rem;width: 1rem;height: 0.4rem;border-radius: 3px;}

  /*** terms_box ***/
  .terms_box,
  .terms_box .agree_chk {padding: 15px 20px;}
  .terms_box .agree_chk dd {margin-left: 0;}
  .terms_box .txt {font-size: 15px;}

  /*** board - apply ***/
  .board_top {display: block;}
  .board_top > * {display: block;}
  .board_top td > .field.type02 {width: 33%;}
  .board_write.apply th {padding: 8px 20px !important;word-break: break-all;}
  /* field */
  .field .rside + .gap {margin: 0 5px;}
  .btn.lg {height: 50px;border-radius: 5px;font-size: 17px;line-height: 48px;}

  /*** product list ***/
  .prdct_list {display: flex;flex-direction: column;gap: 20px 40px;}
  .prdct_list > ul {width: 100%;padding: 20px;}
  .prdct_list .tit {font-size: 16px;}
  .prdct_list .file_thum li {width: 230px;margin: 0 auto;}
  .prdct_list .file_thum .file_img {height: 198px;}
}

@media all and (min-width: 768px) {
  /*** board - apply ***/
  .board_write.apply .mb {display: none;}
}

@media all and (max-width: 767px) {
  .mb_hide {display: none !important;}
  .apply .short {max-width: 70px;}

  /*** board ***/
  .board_top {font-size: 15px;}

  /*** board - apply ***/
  /* board write (responsive) */
  .board_write.rspn, .board_write.rspn > * {display: block;}
  .board_write.rspn tr {display: flex;flex-wrap: wrap;}
  .board_write.rspn th {display: inline-flex;flex-wrap: wrap;align-items: center;width: 35%;height: auto !important;}
  .board_write.rspn td {display: inline-flex;flex-wrap: wrap;align-items: center;width: 65%;height: auto !important;}
  .board_write.rspn tr:has(.th_dp2) th:not(.th_dp2) {width: 100%;}
  .board_write.rspn th.thgroup {display: block;width: 100%;}
  .board_write.rspn > tbody > tr > th.mb + td:not(:first-of-type) {border-left: 0;}
  /* element */
  .board_write.apply .chk input:not([type="checkbox"]):not(.short) {width: 100%;margin-top: 3px;}
  .board_write.apply .mb_field {display: flex;align-items: center;}
  .board_write.apply .field + .field {margin-top: 5px !important;}
  .board_write.apply td > .field.type02 {width: 100%;}
  .board_write.apply td > .field.type02 .lside {width: 52px;}
  /* mb width 100% */
  .board_write.apply .mb_100 {width: 100% !important;}
  .board_write.apply td.mb_100 {display: block;}
  .board_write.apply th.mb_100 {display: block;text-align: center;}
  .board_write.apply .field.in .mb_100 {flex: 1;}
  /* responsive type02 */
  .board_write.rspn.type02 th:nth-of-type(2) {order: -1;display: block;width: 100%;text-align: center;}
  .board_write.rspn.type02 td:nth-of-type(2) {order: -1;width: 100%;}
}