@charset "utf-8";
:root {
	--xl-font-size:32px;
	--lg-font-size:26px;
	--md-font-size:20px;
	--font-size:18px;
	--sub-font-size: 16px;
	--small-font-size: 15px;
	--xsmall-font-size: 14px;
	--cont-inner: 1740px;
    --inner: 1280px;
	--key-color: #FFDA4D;
	--deep-key-color: #FAAF18;
}

.only-desktop-tabet {display:block;}
.only-tablet {display:none;}
.only-mobile {display:none;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;}

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

.contain {max-width:1520px; font-size:16px; line-height:1.4em; padding-left:40px; padding-right:40px; margin:0 auto;}

#sub #wrapper {padding-top:80px;}

/* header */
.in_header {position: relative; z-index: 99; margin: 0 auto; max-width: 1280px;}
.select-wrapper { position: relative; width:155px; padding-left: 10px; display: flex; align-items: center; }
.select-label {width: 100%; height: 40px; color: #fff; font-size: 18px;  border-radius: 30px; border: 1px solid #CCCCCC; cursor: pointer; display: flex; justify-content:center; align-items: center; gap:10px; transition:all 0.3s 0s ease-in-out;}
.select-label .arrow {line-height: 6px;}
.select-label .arrow img {transition:all 0.3s 0s ease-in-out;}
.select-list { display: none; position: absolute; top:74px; left: 0; width: 100%; background: #fff; border: 1px solid #ddd; border-radius: 15px; padding: 10px 0; list-style: none; margin: 0; z-index: 999;}
.select-wrapper.is-active .select-list {display: block;}
.select-list li a {display: block; padding: 10px 20px; text-decoration: none; color: #333;}
.select-list li a:hover { background: #f8f8f8; }




.sub-title {padding:56px 0 40px; text-align:center; border-bottom:2px solid #ccc; margin-bottom:68px;}
.sub-title h2 {color:#000; font-size:36px; font-weight:700; line-height:1.3em; }
.sub-title.none-line {border-bottom:0; margin-bottom:0;}

.real-cont {min-height:300px; padding-bottom:200px;}

.hash-tags {display:flex; margin-top:58px; padding:9px; border:1px solid #e5e5e5; font-size:16px; font-weight:300; line-height:30px;}
.hash-tags p {width:98px; height:30px; text-align:center; color:#fff; font-weight:400; padding-right:13px; margin-right:17px; background:url("../images/sub/tag_tit_bg.png") 0 0 no-repeat;}
.hash-tags ul {display:flex; flex-wrap:wrap; flex:1 1 auto; min-width:0; width:1%; white-space:nowrap;}
.hash-tags ul li {margin-right:15px;}

.hash-tags-new {border:none; border-top:1px solid #000; padding:45px 0px 0px 0px; align-items:center}
.hash-tags-new p {width:209px; padding:0px !important; background:#333333; height:50px; display:flex; border-radius:60px; justify-content:center; align-items:center;  color:#fff; font-family:'Montserrat', sans-serif; text-align:center; align-self:flex-start}
.hash-tags-new ul {padding-left:10px; margin-left:-30px;}
.hash-tags-new ul li {margin-left:30px; margin-right:0px; font-weight:500; color:#999999;}
/* bottom */
.newsletter-banner {display:flex; align-items:center; justify-content:center; height:213px; padding:40px; background:url("../images/common/bottom_newsletter_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.newsletter-banner .txt-wrap {margin-right:50px;}
.newsletter-banner .txt-wrap .txt1 {font-size:36px; line-height:1.3em; letter-spacing:-.025em; margin-bottom:2px;}
.newsletter-banner .txt-wrap .txt2 {font-size:22px; font-weight:300; line-height:1.5em; letter-spacing:-.05em;}
.newsletter-banner .btn-wrap a {display:inline-block; width:200px; text-align:center; color:#fff; font-size:16px; font-weight:300; line-height:50px; background:#596572;}

/* footer */
.footer {color:#ccc; font-size:16px; font-weight:300; line-height:1.6em; background:#333; padding:0 40px;}
.footer .contain {padding-left:0; padding-right:0;}
.footer address {font-style:normal;}

.foot-links {display:flex; align-items:center; justify-content:space-between; padding:29px 15px 25px; border-bottom:1px solid #8c8c8c;}

.f-links {flex:1 1 auto; min-width:0; width:1%;}
.f-links ul {display:flex; flex-wrap:wrap;}
.f-links ul li {margin-right:45px;}
.f-links ul li a {display:block; color:#fff; line-height:30px; letter-spacing:-.03em;}
.f-links ul li a:hover, .f-links ul li a:focus {text-decoration:underline;}

.familysite {width:140px;}
.familysite .tt {padding:0 8px; font-size:14px; line-height:28px; letter-spacing:-.03em; border:1px solid #999; background:url("../images/common/bottom_select.png") right 8px center no-repeat; transition:none;}
.familysite ul {width:100%; bottom:29px; padding:7px 0; background:#333; border:1px solid #999; border-bottom:0;}
.familysite ul li a {padding:3px 12px; font-size:14px; line-height:20px;}
.familysite ul li a:hover, .familysite ul li a:focus {color:#fff;}
.familysite .dropdown.active .tt {background-image:url("../images/common/bottom_select_on.png");}

.m-familysite {display:none; width:140px;}
.m-familysite .tt {padding:0 8px; font-size:14px; line-height:28px; letter-spacing:-.03em; border:1px solid #999; background:url("../images/common/bottom_select.png") right 8px center no-repeat; transition:none;}
.m-familysite ul {width:100%; bottom:29px; padding:7px 0; background:#333; border:1px solid #999; border-bottom:0;}
.m-familysite ul li a {padding:3px 12px; font-size:14px; line-height:20px;}
.m-familysite ul li a:hover, .m-familysite ul li a:focus {color:#fff;}
.m-familysite .dropdown.active .tt {background-image:url("../images/common/bottom_select_on.png");}

.foot-info {position:relative; display:flex; padding:21px 15px 40px;}
.f-logo {width:240px;}
.f-info {flex:1 1 auto; min-width:0; width:1%;}
.f-info address {display:flex; flex-wrap:wrap;}
.f-info .item {display:inline-flex; align-items:center; margin:0 24px 15px 0;}
.f-info .bar {display:inline-block; width:1px; height:14px; background:#999; margin:0 14px;}
.f-info .more {display:inline-block; margin-left:16px; padding:0 23px 0 7px; font-family:"Roboto",sans-serif; color:#999; font-size:12px; font-weight:400; line-height:22px; border:1px solid #999; background:url("../images/common/bottom_arrow.png") right 6px center no-repeat;}
.f-info .copyright {font-size:14px; font-weight:200; line-height:1.3em; opacity:.5;}
.f-sns .list {display:flex;}
.f-sns .list li {margin-left:5px;}
.f-sns .list li a {display:block;}
.f-sns .list li i {display:block; width:31px; height:31px; background-position:50% 50%; background-repeat:no-repeat;}
.f-sns .list li .i-facebook {background-image:url("../images/common/sns_facebook.png");}
.f-sns .list li .i-instagram {background-image:url("../images/common/sns_instagram.png");}
.f-sns .list li .i-youtube {background-image:url("../images/common/sns_youtube.png");}
.f-sns .list li .i-kakao {background-image:url("../images/common/sns_kakao.png");}
.f-sns .list li a:hover .i-facebook, .f-sns .list li a:focus .i-facebook {background-image:url("../images/common/sns_facebook_on.png");}
.f-sns .list li a:hover .i-instagram, .f-sns .list li a:focus .i-instagram {background-image:url("../images/common/sns_instagram_on.png");}
.f-sns .list li a:hover .i-youtube, .f-sns .list li a:focus .i-youtube {background-image:url("../images/common/sns_youtube_on.png");}
.f-sns .list li a:hover .i-kakao, .f-sns .list li a:focus .i-kakao {background-image:url("../images/common/sns_kakao_on.png");}

.wa {width:86px; position:absolute; top:65px; right:0px;}

/* popup */
.pop-wrap {position:relative; padding:40px 30px; background:#fff;}
.pop-title h2 {font-size:36px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; margin-bottom:20px;}

.pop-wrap .point-table tr.bg td {height:inherit;}

.pop-btns {margin:40px 0 10px; text-align:center;}
.pop-btn {display:inline-block; min-width:200px; height:60px; margin:0 4px; vertical-align:middle; text-align:center; background:#fff; border:1px solid #e5e5e5; font-size:24px; font-weight:300; letter-spacing:-.03em; line-height:58px;}
.pop-btn.focus {border-color:#666; background:#666; color:#fff;}



/* 240805 */
body.fixe {overflow:hidden;}
.m_gnb .submenu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display:none; position:absolute; right:65px; top:26px;}
img {max-width:100%}
.pc_view {display:block}
.mb_view {display:none}
.mont {font-family:'Montserrat', sans-serif; }


/* #header.down {background:#fff; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background:rgba(255, 255, 255, 10%); box-shadow:0px 0px 13px rgba(0, 0, 0, 20%);} */
#header.down, .down #header {background:#fff; border-bottom:1px solid #ccc ;}

#header.down h1 img, .down #header h1 img, #header.over h1 img, .sub_wrap #header h1 img  {opacity: 0;}
#header.down h1 a, .down #header h1 a, #header.over h1 a, .sub_wrap #header h1 a  {background: url(../img/common/logo.svg) no-repeat left top/contain;}
#header.down h1 a:focus-visible, .down #header h1 a:focus-visible, #header.over h1 a:focus-visible, .sub_wrap #header h1 a:focus-visible {outline:2px solid #000; outline-offset:2px;}
.down .top_sns > li img, .over .top_sns > li img, .sub_wrap .top_sns > li img {-webkit-filter:none; filter:none;}
.down .top_util_search img, .over .top_util_search img, .sub_wrap .top_util_search img {-webkit-filter:none; filter:none;}
.down .top_util_lang img, .over .top_util_lang img, .sub_wrap .top_util_lang img {-webkit-filter:none; filter:none;}
.down .top_util_lang:after, .over .top_util_lang:after, .sub_wrap .top_util_lang:after {border-top-color:#000;}
.down .top_util_lang:before, .over .top_util_lang:before, .sub_wrap .top_util_lang:before {background:#000;}
.down .top_menu > li a, .over .top_menu > li a, .sub_wrap .top_menu > li a {color:#000;}
.down .top_menu > li:not(:first-child):before, .over .top_menu > li:not(:first-child):before, .sub_wrap .top_menu > li:not(:first-child):before {background:#000;}
.down .gnb > ul > li > a, .over .gnb > ul > li > a, .sub_wrap .gnb > ul > li > a {color:#000;}

/*.down .top_util_search > button img, .over .top_util_search > button img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}*/
.down .top_util_search:before, .over .top_util_search:before {background:#000;}
.down .top_util_lang > a, .over .top_util_lang > a, .sub_wrap .top_util_lang > a, .over .top_util_lang > a    {color:#000;}
.down .top_util_lang > a img, .over .top_util_lang > a img  {-webkit-filter:none; filter:none;}
.down .top_menu > li a.txt_bt, .over .top_menu > li a.txt_bt {border:1px solid #cccccc; color:#000;}
/*.down .menu_btn a img, .over .menu_btn a img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}*/
.down .select-label, .over .select-label, .sub_wrap .select-label {background:#F5F5F5; color:#000;}
.down .select-label .arrow img, .over .select-label .arrow img, .sub_wrap .select-label .arrow img {-webkit-filter:brightness(1) invert(1); filter:brightness(1) invert(1);}
.down .top_util > li .bt:focus-visible, .over .top_util > li .bt:focus-visible, .sub_wrap .top_util > li .bt:focus-visible {outline:2px solid #000; outline-offset:2px;}
.down .menu_btn:focus-visible, .over .menu_btn:focus-visible, .sub_wrap .menu_btn:focus-visible {outline:2px solid #000; outline-offset:2px;}

#header.over {background:#fff;}
#wrap.over::after {content: ""; position: fixed; top: 0; left: 0;	width: 100%; height: 100vh; height: 100dvh; z-index: 100; background: rgba(0, 0, 0, 0.6);	-webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); }
  

/* header */
#header {width:100%; position:fixed; padding:0px 10px; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out; border-bottom:1px solid rgba(255, 255, 255, 20%);}
.header {max-width:1720px; width:100%; height:100px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); transition:all 0.3s 0s ease-in-out; z-index:10; margin-bottom: 1px; }
#header h1 a {display:flex; color:#fff; font-size:18px; align-items:center; transition:all 0.3s 0s ease-in-out; margin-bottom: 1px;}
#header h1 a:focus-visible {outline:2px solid #fff; outline-offset:2px;}
#header h1 img {transition:all 0.2s 0s ease-in-out; height:31px}

.top_util {display: flex; align-items: center; position: absolute; gap: 30px; right:0px; top: 50%; transform: translateY(-50%);}
.top_util > li {position: relative;}
.top_util > li .bt:focus-visible {outline:2px solid #fff; outline-offset:2px;}
.top_util_search img {transition:all 0.2s 0s ease-in-out; -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1);}
.top_util_lang > a {display:flex; height:40px; align-items:center; color:#fff; font-size:16px; transition:all 0.3s 0s ease-in-out;}
.top_util_lang > a img {transition:all 0.3s 0s ease-in-out; transition:all 0.2s 0s ease-in-out; -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1);}

.top_util_lang .h_area {width:104px; border-radius:4px; padding:10px 0px; background:rgba(255, 255, 255, 90%); position:absolute; left:50%; top:100%; transform:translateX(-50%); border:1px solid #cccccc; display:none;}
.top_util_lang .h_area > ul > li {padding:5px 0px; text-align:center}
.top_util_lang .h_area > ul > li > a {display:block; color:#000; font-size:14px; font-weight:600;}

.menu_btn {position: relative; display: flex; align-items:center; justify-content: center; width:28px; height:24px;}
.menu_btn:focus-visible {outline:2px solid #fff; outline-offset:2px;}
.menu_btn .line {display:block;width:100%;height:2px;background-color:#fff; text-indent:-9999px;}
.menu_btn .line:before,
.menu_btn .line:after{content:""; left:0; position:absolute; display:block; width:100%; height:100%; background-color:#fff; transition:.25s;-webkit-transition:.25s;}
.menu_btn .line:before{top:-9px; width:100%}
.menu_btn .line:after{bottom:-9px; width:100%; }
.menu_btn .active .line{background-color:transparent !important;}
.menu_btn .active .line:before{top:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); background: #000 !important; width: 100%;}
.menu_btn .active .line:after{bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); background: #000 !important; width: 100%;}
.menu_btn .active .line, .menu_btn .active .line:before, .menu_btn .active .line:after {width:28px;}



.searchPop {width:0px; position:absolute; right:-5px; top:50%; transform: translateY(-50%); background:none; font-size:14px; transition:all 0.3s 0s ease-in-out;  background: transparent; overflow: hidden; border-radius:100px;} 
.active .searchPop {width:960px; background: #f7f7f7; opacity:1;}
.active .bt {opacity: 0;}
.active .searchPop .close {opacity:1;}
.searchPop .inner {width:100%; max-width:1400px; position:relative;display:flex; justify-content:center; align-items:center;}
.searchPop .search_area_wrap {width:100%; margin-top:0px; }
.searchPop .search_area .input {background:none;} 
.searchPop .bt {transition:all 0.3s 0s ease-in-out;}
.searchPop .close {position:absolute; right:0px; bottom:0px; z-index: 9; height: 100%; opacity: 0;} 
.searchPop .close a {color:#181818; font-weight:400; line-height:1.4em; display: block; height: 100%;} 
.searchPop .x_btn {display: block; text-indent:-999999em; width: 40px; background: url(../img/common/bt_x.svg) no-repeat center center; background-size:12px auto ;}

.search_area {display:flex; overflow:hidden; border-radius:60px; height:40px; align-items:center; position:relative; z-index:1; padding:0px 0px 0px 0px; font-weight:500; padding: 0px 10px}
.search_area .input {border:none; outline:none; flex:1; width:100%; order: 2;}
.search_area .check {min-width:160px; color:#999999;}
.search_area .btn {min-width:42px; height:100%; display:flex; justify-content:center ;align-items:center; order:0; background:url(../img/common/search.svg) no-repeat center center; text-indent: -9999999px; background-size:20px auto ;}




/* wrap */
#wrap {width:100%; overflow:hidden; margin:0 auto;  transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding:clamp(30px, 6vw, 50px) 10px clamp(50px, 10vw, 100px) 10px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {width:100%; max-width:var(--inner); margin:0 auto;}

.bg_wrap {background:#f2f2f2}





/*.menu_btn a:before {display:block; content:"Menu"; position:absolute; right:100%; top:0px; line-height:20px; color:#fff; font-size:16px; padding-right:10px; font-weight:400;}*/





/* GNB */
.w_gnb {max-width:730px; margin: 0 auto; display: flex;}
.gnb {flex:1;}
.gnb > ul {display:flex; flex-wrap:wrap; justify-content:space-around;}
.gnb > ul > li {text-align:center; flex:auto; padding:0px 5px;  min-width:100px; }
.gnb > ul > li > a {display:block; color:#fff;}
.gnb > ul > li > a {display:flex; justify-content:center; align-items:center; box-sizing:border-box; font-size:18px; font-weight:500; height:100px; transition:all 0.2s 0s ease-in-out; position:relative;}
.gnb > ul > li > a > span {position: relative;}
.gnb > ul > li > a > span::after {display: block; content: ""; position: absolute; bottom:-10px; left: 0; width: 100%; height: 3px; transform: scaleX(0); background-color: #ffcc00; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; transition:all 0.2s 0s ease-in-out;}


.gnb > ul > li:hover > a > span::after, .gnb > ul > li:focus > a > span::after {-webkit-transform: scaleX(1); transform: scaleX(1);}
/*.gnb > ul > li:hover > a:after {display:block; content:""; width:8px; height:8px; border-left:1px solid #333; border-top:1px solid #333; position:absolute; left:50%; top:100%; margin:-4px 0px 0px -4px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); z-index:99}*/

.gnb .submenu_wrap {position:absolute; left:50%; transform: translateX(-50%); width:100vw; top:100%; background:#fff; display: none;}
.gnb .submenu {display:flex; flex-wrap: wrap; max-width:max-content; margin: 0 auto; padding:30px 0px 50px 0px;  justify-content: center;  transition:all 0.3s 0s ease-in-out;}
.gnb .submenu > li {padding:0px 33px; text-align:left}
.gnb .submenu > li > a {display:block; color: #222; font-size: 18px; line-height:1.5em; font-weight:700; padding:3px 0px;}
.gnb .submenu > li > a:hover {}
.gnb .three_depth li { margin-top:1em;}
.gnb .three_depth li > a {color: #222; font-size: 16px; font-weight: 300; line-height: 18px; display: inline-block; padding-left: 1px;}
.gnb .three_depth li > a:hover {font-weight: 700; }
.gnb .submenu > li > a.blank {padding-right: clamp(25px, 1vw, 35px); background: url(../img/main/right-up.svg) no-repeat right 25%; background-size: clamp(20px, 2vw, 23px) auto;}



.m_gnbW {position:absolute; right:-15px; top:50%; transform:translateY(-50%)}
#gnb_bar {position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; box-shadow:0px 2px 5px rgba(0, 0, 0, 10%)}

.gnb_bar_in {}
.w_gnb .gnb03 .submenu > li {min-width: 178px;}

.slide_menu_wrap {width:100vw; height:100%;  z-index:998; position:fixed; top:-100%; left:0px; overflow: hidden; transition:all 0.3s 0s ease-in-out; display:none;}
.slide_menu_wrap.on {top: 0px;}
.slide_menu_inner {height:100%; background:#fff; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative; display: flex; flex-direction: column;}
.slide_menu_inner .close {order: 0; height:100px; width: 100%; max-width: 1350px; margin:0 auto; position:relative; background: url(../img/common/logo.svg) no-repeat 10px center; background-size:auto 31px ;}
.slide_menu_inner .close::after {content:""; width:100vw; height:1px; background:#000; position:absolute; left:50%; top:100%; transform: translateX(-50%); display:none}
.slide_menu_inner .bt_close {position:absolute; right:10px; top:50%; transform: translateY(-50%); display: flex; width:36px; height:36px; text-indent: -999999em;}
.slide_menu_inner .bt_close:after {display:block; content:""; width:20px; height:3px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%}
.slide_menu_inner .bt_close:before {display:block; content:""; width:20px; height:3px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.slide_menu_inner .gnb {max-width:1350px; width: 100%; order: 2;; margin:0 auto; position:relative; border-left:0px solid #000; border-right:0px solid #000; font-size:var(--sub-font-size); overflow-y: auto; height:calc(100% - 100px); overflow-x: hidden; flex-direction: column;}
.slide_menu_inner .gnb::-webkit-scrollbar { width: 6px; }
.slide_menu_inner .gnb::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.slide_menu_inner .gnb::-webkit-scrollbar-track { background-color: transparent;  }
.slide_menu_inner .gnb > ul {flex-direction: column; align-items: flex-start; padding-bottom:clamp(15px, 5vw, 40px)}
.slide_menu_inner .gnb > ul > li:not(:first-child) {border-top:0px solid #000;}
.slide_menu_inner .gnb > ul > li {width:100%; display:flex; flex-direction: column; padding:0px clamp(15px, 5vw, 40px) clamp(15px, 5vw, 40px)  clamp(15px, 5vw, 40px)}
.slide_menu_inner .gnb > ul > li > a {font-size:2em; color:#000; font-weight:800 ; line-height:1.4em; align-self: flex-start;}
.slide_menu_inner .gnb a {color:#000;}
.slide_menu_inner .gnb .submenu_wrap {display: block !important; height: auto !important; position: relative; width: 100%; transform: none; top: auto; left: auto; background: none;}
.slide_menu_inner .gnb .submenu {justify-content: flex-start; max-width: 100%; padding:0px 0px 0px 0px; flex-wrap: wrap; gap: 2em;}
.slide_menu_inner .gnb .submenu > li {text-align:left; width: auto; min-width: calc(16.6666% - 1.7em);}
.slide_menu_inner .gnb .submenu > li > a {font-size:1.5em; line-height:1.4em; font-weight:700;}
.slide_menu_inner .three_depth {padding:10px 0px 10px 0px; display: block;}
.slide_menu_inner .three_depth > li {padding-top:0px;}

#fp-nav {min-width: 93px;}
.mobile_gnb {display:none;}




/* visual */
#section1 { padding:0px;}

.main_visual {width:100%; min-height:100vh; overflow:hidden; position:relative;}
.main_visual .bx-wrapper {width:100%; height:100vh; }
.main_visual .bx-viewport {height:100% !important;}
.main_visual .bxslider {height:100%;}
.main_visual .bxslider > li {height:100%; background-size:cover !important}
/*.main_visual .bxslider > li .bg_img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1920px; height:980px; }
.main_visual .bxslider > li.active .bg_img {transform:scale(1.05) translate(-50%, -50%); transform-origin:center center; transition:all 3s 0s ease-in-out; }*/
.main_visual .bxslider > li.active .visual_txt {opacity:1; transform:translateY(-5%); opacity:1;}
.main_visual .v_frame {display:flex; align-items:flex-end; padding:70px 10px 70px 10px; height:100vh; width:100%; max-width:var(--inner); margin:0 auto; position:relative;}
.main_visual .v_frame .visual_txt {opacity:0; color:#fff; transform:translateY(5%); transition:all 0.9s 0s ease-in-out; font-size:40px; line-height:1.4em; font-weight:500; color:#fff; width:100%; }
.main_visual .v_frame .visual_txt .txt_a .big {font-size: 1.625em; line-height: 1.4em; font-weight:700; font-family: 'KBFGDisplay';}
.main_visual .bg_img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.main_visual .bg_img > span {height:100%}
.main_visual .bg_img img {width:100%; height:100%; object-fit: cover;}
.main_visual .bg_img .mobile {display:none;}

.main_visual #visual0 .v_frame {align-items: center; text-align: center;}
.main_visual #visual1 .v_frame {align-items: center; text-align: left; align-items: flex-start; padding-top:8%;}
.main_visual #visual1 .v_frame .visual_txt {display: flex; min-width: max-content; align-items: center;}
.main_visual #visual1 .v_frame .visual_txt .img {transform: translateY(10%);}


.main_visual .v_bt_wrap {display:flex; align-items:center;}
.main_visual .v_bt {box-sizing:border-box; z-index:99;}
.main_visual .v_bt > a {display:flex; width:30px; height:30px; color:#fff; font-weight:800; text-align:center; align-items:center; justify-content:center;  line-height:1.3em; box-sizing:border-box; }
.main_visual .v_bt > a:After {display:block; content:""; width:8px; height:8px; display:block; content:""; border-top:2px solid #fff; border-left:2px solid #fff; transform:rotate(-45deg)}
.main_visual .v_bt > a.bx-next:after {transform:rotate(135deg)}
.main_visual .v_bt > a:focus-visible {outline: 2px solid #fff;}

.main_visual .v_bt > a > span {display:block; position:absolute; text-indent:-9999999em; font-size:1px}
.main_visual .stop {margin-left:10px; display:flex; width:30px; height:30px;}
.main_visual .stop a {display:block; color:#000; line-height:100%; font-size:1px; text-indent:-999999em; text-align:center; width:30px; height:30px; background:url(../img/common/stop.png) no-repeat center center}
.main_visual .start a {display:block; color:#000; line-height:100%; font-size:1px; text-indent:-999999em; text-align:center; width:30px; height:30px; background:url(../img/common/play.png) no-repeat center center}
.main_visual .stop a.active {display:none;}
.main_visual .stop .bx-stop {background:url(../img/common/stop.png) no-repeat center center; background-size:8px auto}
.main_visual .stop .bx-start {background:url(../img/common/play.png) no-repeat center center; background-size:8px auto}
.main_visual .stop a:focus-visible {outline: 2px solid #fff;}
.main_visual .start a:focus-visible {outline: 2px solid #fff;}



.visual_counter_wrap {width:100%; transform:translateX(-50%); position:absolute; left:50%; bottom:1%; z-index:98; display:block;}
.visual_counter_wrap .visual_counter {width:100%; max-width:380px; margin:0 auto; position:relative; padding:60px 10px 40px 10px; display:flex; align-items:center; justify-content:space-between}
.main_visual #visual_counter {z-index:98; width:100%; max-width:235px; justify-content:space-between; display:flex; align-items:center; color:#fff; font-size:15px; font-weight:700; letter-spacing:0px;}
.visual-pager {overflow:hidden; display:flex; max-width:180px; width:100%; }
.visual-pager > li {flex:1;}
.visual-pager > li > span {display:block; width:100%; height:2px; background:#333; }
.visual-pager > li > span.active {background:var(--key-color)}




.main_visual .bx-controls {text-align:center; position:absolute; left:50%; transform:translateX(-50%); bottom:6%; width:100%; max-width:1440px; box-sizing:border-box; z-index:99;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {background:#fff; opacity:0.5; width:13px; height:13px;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover, .main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff; opacity:1;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff; opacity:1;}




/* section */
.section {padding:50px 10px; font-size:var(--font-size); font-weight:400; line-height:140%; word-break:keep-all; display:flex; min-height:100vh; align-items:center;}


@media (hover:none) {
    .hover:hover .ico_circle {background:#007dc6;}
}

.over_view {width:160px; height:160px; background:url(../img/main/view.png) no-repeat center top/cover;  position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:9; opacity:0; transition:all 0.3s 0s ease-in-out;}
.over_view:after {display:block; content:""; width:100%; height:100%; background:url(../img/main/ring.png) no-repeat center top/cover;  position:absolute; left:0%; top:0%;}

.over_view:after {animation:rotate_image 10s linear infinite; transform-origin:50% 50%;}
@keyframes rotate_image{
    100% {
        transform:rotate(360deg);
    }
}



a.main_bt {display:inline-flex; width:100%; height:60px; background:#fff; padding:0px 10px; box-sizing:border-box; text-align:center; justify-content:space-between; align-items:center; font-size:15px; font-weight:500; color:#000000; position:relative; overflow:hidden; border:1px solid #333;}
a.main_bt.blue {border-color:#136cf9; background:#136cf9;}
a.main_bt.blue .txt {color:#fff;}
a.main_bt:hover .txt, a.main_bt:focus .txt {color:#fff;}
a.main_bt:focus-visible {border:2px dashed red; box-shadow:1px 3px 6px rgba(0, 0, 0, 100%)}
a.main_bt .txt {flex:1; text-align:center; z-index:2; transition:all 0.3s 0s ease-in-out; }
a.main_bt .plus {width:50px; border-left:1px solid #4da8db; display:flex; justify-content:center; align-items:center; font-size:20px; color:#80c1e5; font-weight:800; z-index:2}


a.over:after {display:block; content:""; position:absolute; top:0; left:-20px; z-index:1; width:120%; height:100%; background:#333333; transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.785,.135,.15,.86);}
a.over:hover:after, a.over:focus:after {transform:scaleX(1); transform-origin:left;}


a.line_bt {display:inline-flex; min-width:185px; color:#fff; height:50px; border:1px solid #fff; padding:15px 0px; box-sizing:border-box; border-radius:6px; justify-content:center; align-items:center; font-size:15px; font-weight:400; position:relative; overflow:hidden; transition:all 0.3s 0s ease-in-out;}
a.line_bt:hover, a.line_bt:focus {border-color:rgba(255, 255, 255, 50%)}

a.line_bt.over:after {top:0; left:-20px; z-index:-1; border-radius:6px; background:#000; transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.785,.135,.15,.86); opacity:0.7;}
a.over:hover:after {transform:scaleX(1); transform-origin:left;}

.more {position:absolute; right:0px; top:0px;}
.more > a {display:flex; color:#000; font-weight:600; font-size:15px; align-items:center;}
.more > a > span {display:flex; width:33px; height:33px; justify-content:center; align-items:center; margin-left:10px; background:#fff; border:1px solid #efeeee;  color:#000; position:relative; border-radius:10px; }
.more > a > span:after {display:block; content:""; width:11px; height:3px; background:#000; position:absolute; left:50%; top:50%; margin-left:-5.5px; margin-top:-1.5px; transition:all 0.5s;}
.more > a > span:before {display:block; content:""; width:3px; height:11px; background:#000; position:absolute; left:50%; top:50%; margin-top:-5.5px; margin-left:-1.5px; transition:all 0.5s;}
.more > a > span:hover:after {transform:rotate(90deg);}
.more > a > span:hover:before {transform:rotate(90deg);}

.main_tit {}
.main_tit h3 {font-size:clamp(28px, 5vw, 50px); font-weight:800; line-height:1.4em;}
.main_tit h3 > a {color: #000; display: inline-block; padding-right:1em; background: url(../img/main/right-up.svg) no-repeat right top;}
.main_tit .dec {padding-top:0.5em; font-size: clamp(18px, 3.5vw, 36px); font-weight: 500; line-height: 1.4em;}
.main_tit .dec.sub {font-size:var(--sub-font-size)}

.main_company {max-width: max-content; margin: 0 auto; position: relative; margin-top:-7%}
.main_company > ul > li {position: absolute; display: flex; flex-direction: column; align-items: center; font-size:clamp(15px, 3.3vw, 33px); line-height: 1.4em; font-weight: 700;}
.main_company .subj {order: 2;}
.main_company .subj sup {font-size:0.6em;}
.main_company .num {font-size: 1.4em; font-weight: 800; /*color: #FAAF18;*/ color:#545045 ; font-family: 'KBFGDisplay';}
.main_company > ul > li:nth-child(1) {left: -11%;top: 21%;}
.main_company > ul > li:nth-child(2) {left: 74%;top: 10%;}
.main_company > ul > li:nth-child(3) {left: 83%;top: 74%;}
.main_company > ul > li:nth-child(4) {left: 28%;top: 90%;}
.main_company > ul > li:nth-child(5) {left: -12%;top: 60%;}



#section3 {background:url(../img/main/bg_section3.jpg?ver=260403) no-repeat left top/cover;}

.main_business_wrap {display: flex; gap: 10px; justify-content: space-between; position: relative; padding-top:4.5em }
.main_business_wrap::before {display:none; content: ""; width: 1213px; height: 581px; background:url(../img/main/s3_bg2.png) no-repeat center bottom; position: absolute; left:-180px; bottom:-20px; opacity: 0; transition:all 1s 0.5s ease-in-out;}
.active .main_business_wrap::before {opacity: 1;}
.main_business_wrap > div {width:50%; max-width: 610px;}
.main_business {padding-top:4.5em}
.main_business > ul {display: flex; flex-wrap: wrap; gap:30px 10px; justify-content: space-between;}
.main_business > ul > li {width:calc(50% - 5px); max-width: 290px;}
.main_business > ul > li * { transition:all 0.3s 0s ease-in-out;}
.main_business .box {border-radius:clamp(20px, 4vw, 30px); background: #fff; padding:clamp(20px, 4vw, 30px); border:1px solid #FFD972; height:100%; display: flex; flex-direction: column;}
.main_business .txt_a {font-size:1.66em; font-weight: 700; line-height: 1.4em;}
.main_business .txt_b {font-weight:500; color: #6B7684; line-height: 1.4em; min-height: 5em; margin-top: 1em;}
.main_business .img {display: block; text-align: right; background: url(../img/main/s3_arrow.svg) no-repeat left bottom; margin-top: auto;}
.main_business .box:hover, .main_business .box:focus {background:rgba(255, 217, 114, 0.5); border-color:rgba(255, 217, 114, 0.5);}
.main_business .box:hover .img, .main_business .box:focus .img {background: url(../img/main/s3_arrow_on.svg) no-repeat left bottom;}
.main_business .box:hover .txt_b, .main_business .box:focus .txt_b {color: #000;}

.main_notice_wrap {display: flex; gap:20px; justify-content: space-between; padding-top: clamp(20px, 5vw, 40px);}
.main_notice {width:60%; max-width:750px; border:1px solid #ccc; border-radius:20px; height: 516px; padding:30px}
.main_notice .tab_list {display: flex; position: relative; gap: 1.5em; padding-right:70px;}
.main_notice .tab_list .tabBtn {display:block; color:#000; font-weight: 500; opacity:1; font-size:1.16em; line-height: 1.3em; text-align: center;}
.main_notice .tab_list .on .tabBtn {opacity:1; font-weight:800; text-decoration: underline; text-decoration-color: var(--key-color); text-decoration-thickness: 0.4em; text-underline-offset: -0.1em;}

.main_notice .tabContent {position: absolute; left: 0px; top: 100%; width: 100%; padding-top: 40px;}
.main_notice .tabContent .more {right: 0px; top:-25px; font-size: var(--sub-font-size);}

.main_notice .list > li {display:flex; align-items:center; justify-content:space-between;}
.main_notice .list > li + li {margin-top:31px;}
.main_notice .list > li a {flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size: 1.16em; line-height: 1.3em; font-weight: 500; font-weight:500;}
.main_notice .list > li .date {/*#6B7684;*/ #191F28; min-width:7em; text-align:right; font-size: var(--sub-font-size);}



.main_pop {flex: 1; max-width: 500px; overflow: hidden; border-radius:20px;}
.main_pop .box img {width:100%; height: 100%; object-fit: cover; aspect-ratio:500 / 516; }
.main_pop_slide {position: relative;}
.main_pop_slide .slide_control {position: absolute; left:0px; bottom:10px; width: 100%; display: flex; align-items: center; height: 40px;  z-index: 12; font-size: 15px; font-weight: 500; padding:0px 30px; color: #fff;}
.main_pop_slide .slide_control > a {display: flex; cursor: pointer; width: 30px; height: 30px; justify-content: center; align-items: center;}
.main_pop_slide .slide_control > a:focus-visible {outline: 2px solid #fff;}
.main_pop_slide .slide_control .arrow {font-weight: 800; font-size: 15px; margin: 0px;}
.main_pop_slide .slide_control .arrow > span {display: block; position: absolute; text-indent: -9999999em; font-size: 1px;}
.main_pop_slide .slide_control .arrow:after {border-color: #fff; border-width: 2px 2px 0 0; border-radius:0px; width:8px; height: 8px; margin: 0px;}
.main_pop_slide .slide_control .prevArrow {margin-left:20px;}
.main_pop_slide .slide_control .prevArrow::after {transform: rotate(-135deg);}
.main_pop_slide .slide_control .play {line-height: 100%; font-size: 1px; text-indent: -99990px; background: url(../img/common/play.png) no-repeat center center; background-size: 8px auto;}
.main_pop_slide .slide_control .stop {line-height: 100%; font-size: 1px; text-indent: -99990px; background: url(../img/common/stop.png) no-repeat center center; background-size: 8px auto;}
.main_pop_slide .slide_control .play:focus-visible {outline: 2px solid #fff;}
.main_pop_slide .slide_control .stop:focus-visible {outline: 2px solid #fff;}
.main_pop_slide .pager .slide_control .off {display: none;}
.main_pop_slide .pager .slick-dots {display: flex; padding-top:0px; margin:0px 10px; width: 84px;}
.main_pop_slide .pager .slick-dots > li {padding:0px; flex:1; line-height:0px; display: flex; align-items: center;}
.main_pop_slide .pager .slick-dots > li button {width:100%; height:2px; border-radius:0%; background:#fff; opacity:0.3; padding:0px; text-indent:-999999em;}
.main_pop_slide .pager .slick-dots > li.slick-active button {opacity:1;}
.main_pop_slide::before {content:"";position:absolute;left:0;bottom:0;width:100%;height:100px;background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));pointer-events:none;z-index:2;}



.hub_space_wrap {position:relative}
.hub_space_wrap .main_tit {position:absolute; left:0px; top:0px; z-index:10; padding-top:0px;}
.hub_space_wrap .hub_space {position:relative; z-index:9}
.hub_space_wrap .hub_space .box {position:relative;}

.hub_space_wrap .hub_space .box .txt_box { transition:all 0.8s 0s ease-in-out; -webkit-transform:translate(100px, 0px); -ms-transform:translate(100px, 0px); transform:translate(100px, 0px); opacity:0}

.hub_space_wrap .hub_space .slick-active .box .txt_box {opacity:1; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); transform:translateX(0px) translateY(0px);}
.hub_space_wrap .hub_space .txt_box {position:absolute; width:100%; right:0px; bottom:0px; text-align:right; font-size:24px; line-height:1.3em;  color:#000;}
.hub_space_wrap .hub_space .txt_a {text-align:right; font-weight:700;}
.hub_space_wrap .hub_space .txt_b {text-align:right; font-weight:600; font-size:3.8em; line-height:1.2em; padding-bottom:4%;}
.hub_space_wrap .hub_space .main_more {max-width:26%; margin-left:auto;}

.hub_space_wrap .slide_control {position:absolute; left:0px; top:30%; width:25%; display:flex; align-items:center; height:40px; justify-content:flex-end; z-index:12}
.slide_control > a {display:flex; cursor:pointer; width:30px; height:30px; justify-content:center; align-items:center;}
.slide_control .arrow {font-weight:800; font-size:15px; margin-right:30px;}
.slide_control .arrow::after { content: ""; display: inline-block; border-style: solid; border-width: 2px 2px 0 0; width: 8px; height: 8px; border-radius: 0; margin: 0; border-color: #000; transform: rotate(45deg); }
.slide_control .arrow > span {display: block; position: absolute; text-indent: -9999999em; font-size: 1px;}
.slide_control .play {line-height:100%; font-size:1px; text-indent:-99990px; background:url(../img/common/play2.png) no-repeat center center; background-size:8px auto;}
.slide_control .stop {line-height:100%; font-size:1px; text-indent:-99990px; background:url(../img/common/stop2.png) no-repeat center center; background-size:8px auto;}
.slide_control .off {display:none !important;}



.main_news_slide {position:relative; margin: -10px;  padding-top: clamp(20px, 5vw, 40px);}
.main_news_slide .slide_control {position:absolute; right:10px; top:-50px; width:50%; max-width:80px; display:flex; align-items:center; height:40px; justify-content:center; gap: 10px; z-index:12; border: 1px solid #CCCCCC; border-radius: 4px; background: #fff;}
.main_news_slide .slide_control a {margin:0px;}
.main_news_slide .slide_control a.arrow:after {border-color: #000; border-width: 2px 2px 0 0; border-radius: 0px; width: 8px; height: 8px; margin: 0px;}
.main_news_slide .slide_control .prevArrow::after {transform: rotate(-135deg);}
.main_news_slide .slide_control a.slick-arrow.slick-hidden {opacity: 0.3; cursor:auto; display: flex !important;}
.main_news_slide .slick-track {margin:0px;}

.main_news .box {padding:10px;}
.main_news .box > a {display: block;}
.main_news .box .img {overflow: hidden; border-radius:clamp(10px, 2vw, 20px);}
.main_news .box .img img {width:100%; height:100%; object-fit: cover; aspect-ratio:415 / 331; }
.main_news .box .txt_a {color:#333333; font-size: 1.2em; font-weight:600; line-height:1.5em;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:3em; transition:all 0.3s 0s ease-in-out; margin-top: 1em;}
.main_news .box .date {margin-top:1em; font-size:var(--sub-font-size); color: #6B7684;}



#section6 {padding:0px; display:block; min-height:auto;}
#section6 .fp-tableCell {display:block;}
.section .slick-dots {display:flex; padding-top:40px; justify-content:center; align-items:center}
.section .slick-dots > li {padding:0px 3px; line-height:0px;}
.section .slick-dots > li button {width:10px; height:10px; padding:0px; border-radius:100%; background:#000; opacity:0.3; text-indent:-999999em;}
.section .slick-dots > li.slick-active button {opacity:1;}


/* footer */
#footerW {clear:both; background:#fff; border-top:1px solid #000; padding:clamp(20px, 5vw, 40px) 10px; position:relative; overflow:hidden}

#footer { position:relative; max-width:var(--inner); margin:0 auto;}
#footer .navi {display: flex; flex-wrap: wrap; gap:0.8em 1.1em; overflow: hidden;}
#footer .navi > li {position: relative;}
#footer .navi > li::before {display: block; content:""; width:1px; height:50%; background:#000; opacity: 0.6; position:absolute; left:-0.55em; top:50%; transform:translateY(-50%);}
#footer .navi > li > a {display: block; font-size: 14px; font-weight:500; line-height:1.4em;}
#footer .navi > li > a.on {color:/*#FAAF18;*/#545045; font-weight:800;}


#footer .addressW {padding-top: clamp(20px, 5vw, 40px); margin-top: clamp(20px, 5vw, 40px); position: relative; border-top: 1px solid #EEEEEE;}
#footer address {display: flex; flex-wrap: wrap; gap:0.8em 1.1em; overflow: hidden;}
#footer address > p {position: relative; font-size: 14px; font-weight:700; line-height:1.4em;}
#footer address > p::before {display: block; content:""; width:1px; height:50%; background:#000; opacity: 0.6; position:absolute; left:-0.6em; top:50%; transform:translateY(-50%);}
#footerW .copy {font-size:14px; color:/* #8C8F94*/ #191F28; padding-top: 0.5em;}
#footerW .mark_area {position: absolute; display:flex; gap:1em; right: 0px; bottom: 0px;}
#footerW .mark_area > p {position: relative;}
#footerW .mark_area .mark_text {position: absolute; right:0%; bottom:130%; border:1px solid #CCCCCC; background: #F7F7F7; padding: 1em; color:/* #6B7684*/#191F28; font-size: 13px; line-height: 1.6em; border-radius:5px; min-width: max-content; clip: rect(0, 0, 0, 0); }
#footerW .mark_area > p:hover .mark_text, #footerW .mark_area > p:focus .mark_text {overflow: visible; clip: auto;}


#content {width:100%; max-width:1440px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}


.sub_visual {width:100%; margin-top: 100px; position:relative; background: #FAFAFA;}
.sub_visual .sub_txt {text-align:center; display:flex; flex-direction:column; justify-content: center; align-items:center; height:200px; z-index:9; margin:0 auto; max-width:var(--inner); padding:0PX 10px; word-break: keep-all;}
.sub_visual .sub_txt h2 {font-size: clamp(27px, 6vw, 52px);line-height:1.4em;font-weight:800;}

.sub_wrap .menu_btn span, .sub_wrap .menu_btn span:before, .sub_wrap .menu_btn span:after {background:#000;}
.sub_wrap #footerW {border-top:1px solid #ececec}



.location {position:relative; text-align:center; margin-top: 1em; display: flex; justify-content: center; font-size:var(--small-font-size);}
.location span {margin-left:var(--small-font-size); font-weight:500;}
.location span.home {display: inline-flex; justify-content:center; align-items: center; /*background: #fff; border-radius:100%; width:40px; height:40px;*/}
.location > span:after {display:block; content:""; width:5px; height:5px; border-top:1px solid #000; border-right:1px solid #000; display:inline-block; transform:rotate(45deg) translateY(-2px); margin-left:7px; }
.location > span.home:after {display:none;}
.location > span:last-child:after {display:none;}
.location span:first-child {padding-left:0px; margin-left:0px; min-width: max-content;}


.location img {vertical-align:middle; margin-top:-2px;}


.lnb_position {width: 100%; margin-top: auto;}
.lnbs3 {padding:30px 0px; margin: 0 auto; width: 100%; max-width: var(--inner); position: relative;}
.lnbs3 > ul {display:flex; font-size:1.11em; line-height: 1.4em; gap:2em; font-family: 'GmarketSans'; overflow: hidden;}
.lnbs3 li {position: relative;}
.lnbs3 li::before {content: ""; background:#000; width: 3px; height: 3px; border-radius: 100%; position: absolute; left: -1em; top:40%;}
.lnbs3 li > a {display: block; text-align: center; line-height: 1.3em;}
.lnbs3 li.on {font-weight: 700; text-decoration: underline; text-decoration-color: var(--key-color); text-decoration-thickness:0.5em;text-underline-offset:-0.2em;}


.lnbs3 .three_depth {display:none;}
#lnb_wrap {display:none;}
#lnb_wrap .lnbs {display:none;}
#lnb_wrap .ico_home {display:none;}


.lnb_tit, a.lnb_tit {font-size:16px; display:block; box-sizing:border-box; padding-left:20px; color:#000; line-height:60px; height:60px; cursor:pointer; padding-right:20px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; text-align: left;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}




.sub_con {font-size:var(--font-size); max-width: var(--inner); margin:0 auto; line-height:1.5em; word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.sub_con img {max-width:100%;}

.title_bar {text-align: center; padding:3em 0px 3em 0px;}
.title_bar > h2 {font-size:2.33em; line-height: 1.4em; font-weight:800}
.s_tit {font-size:2.6666em; color:#000000; line-height:130%; padding:0px 0px 20px 0px;  position:relative; margin-top:60px; font-weight:800; display:flex; align-items:center;}
.s_tit.no-flex {display:block; line-height:1.3em;}
/*
.s_tit:before {display:block; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #00aa53, #005e9c ); align-self:flex-start; margin-right:10px;}
.s_tit:after {display:block; content:""; position:absolute; left:9px; top:10px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
*/
.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}
.ss_tit {font-size:clamp(18px, 4vw, 1.77em); margin:2.26em 0px 0.5em 0px; font-weight:700; line-height: 1.4em; display:flex; align-items:center;}
.ss_tit.tc {justify-content:center; text-align:center}
.ss_tit.no-flex {display:block;}
.ss_tit_wrap {display: flex; gap: 0.5em; justify-content: space-between; align-items:baseline; flex-wrap: wrap;}
.sss_tit {font-size:clamp(16px, 3.2vw, 1.23em); margin:2em 0px 0.5em 0px; font-weight:700; line-height: 1.4em; display:flex; align-items:center;}

.sub_page_nav {border-bottom: 1px solid #EEEEEE; display: flex; gap:1.5em; margin-bottom:clamp(30px, 5vw, 50px); overflow-x: auto;} 
.sub_page_nav a {display: block; padding-bottom: 0.7em; color:/* #8C8F93*/#191F28; min-width: max-content;} 
.sub_page_nav .on a {color: #000; font-weight: 700; position: relative;} 
.sub_page_nav .on a::after {content:""; width: 100%; height: 2px; background: #000; position: absolute; left: 0px; bottom: 0px; }

.xl_txt {font-size: var(--xl-font-size); line-height: 1.4em;}
.lg_txt {font-size: var(--lg-font-size); line-height: 1.4em;}
.sm_txt {font-size: var(--sub-font-size);}
.xsm_txt {font-size: var(--small-font-size);}
.note {font-size: var(--small-font-size); color:#555555;}
.t_key { color: var(--key-color); }
.t_d_key { color: /*var(--deep-key-color);*/ #545045; }

.ethics-list {padding-top: clamp(30px, 9vw, 90px); margin-top: clamp(30px, 9vw, 90px); border-top:1px solid #EEEEEE;}
.ethics-list > li {border-bottom: 1px solid #eee; line-height:1.3em; padding:2em 0px}
.ethics-list dl {display: flex; align-items: center; gap: 1em;}
.ethics-list dl dt {min-width:9.5em; display: flex; align-items: center; align-self: flex-start;}
.ethics-list dl dt .num {min-width:2em;}

.ethics-list2 {padding-top: clamp(20px, 3vw, 30px); margin-top: clamp(20px, 5vw, 50px);}
.ethics-list2 dl dt {min-width:7em;}
/* 윤리강령 아코디언 (토글형) */
.ethics-accordion {margin-top: clamp(20px, 5vw, 50px); border-top: 2px solid #191F28;}
.ethics-accordion__item {border-bottom: 1px solid #eee;}
.ethics-accordion__heading {margin: 0; font-size: inherit;}
.ethics-accordion__trigger {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.5em 1.5em; background: none; border: 0; font: inherit; font-weight: 700; text-align: left; cursor: pointer; transition: color 0.2s;}
.ethics-accordion__trigger:hover {color: #000;}
.ethics-accordion__trigger:focus-visible {outline: 2px solid #333; outline-offset: 2px;}
.ethics-accordion__trigger .ethics-accordion__icon {display: inline-block; width:0.7em; height:0.7em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transform-origin: 60% 70%; transition: transform 0.25s ease;}
.ethics-accordion__trigger.is-open .ethics-accordion__icon {transform: rotate(-135deg);}
.ethics-accordion__panel {overflow: hidden; background: #F9F9F9; border-top: 1px solid #EEEEEE; padding:clamp(15px, 5vw, 2em);}
.ethics-accordion__panel[hidden] {display: none;}
.ethics-accordion__panel .ethics-accordion__section {padding-bottom: 1em; font-size: var(--sub-font-size);}
.ethics-accordion__panel .ethics-accordion__section:last-child {padding-bottom: 0;}
.ethics-accordion__subtitle {margin: 0 0 0.5em; font-size: 1em; font-weight: 700;}
.ethics-accordion__panel p {margin: 0 0 0.75em; font-size: var(--sub-font-size, 16px); line-height: 1.6; color: #444;}
.ethics-accordion__panel .num { display: flex;}
.ethics-accordion__panel .num > span {min-width:max-content; margin-right: 0.5em;}
.ethics-accordion__subtitle ~ p {padding-left: 1.2em;}
.ethics-accordion__panel .ethics-accordion__section:last-child p:last-child {margin-bottom: 0;}
.ethics-accordion__panel-inner {padding: 0 0 1em 0.5em;}

.ethics-circle {position: relative; max-width: 910px; height: clamp(370px, 45vw, 450px); margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.ethics-circle .ethics-center {width:100%; max-width: min(73vw, 340px); background: url(../img/introduce/ethics-center.png) no-repeat center center/cover; aspect-ratio: 340/330; display: flex; justify-content: center; align-items: center; text-align: center; font-weight: 700;}
.circle-list > li {width: 100%; max-width: clamp(90px, 30vw, 170px); aspect-ratio: 170/170; border:1px solid #DDDDDD; border-radius: 100%; display: flex; justify-content: center; align-items: center; text-align: center; font-size: var(--sub-font-size); position: absolute; background: #fff;}
.circle-list > li:nth-child(1) {left:7%; top: 0px; z-index: 3;}
.circle-list > li:nth-child(2) {left: 0px; top:32%; z-index: 2;}
.circle-list > li:nth-child(3) {left: 7%; bottom:0px; z-index: 1;}
.circle-list > li:nth-child(4) {right:7%; top: 0px; z-index: 3;}
.circle-list > li:nth-child(5) {right: 0px; top: 32%; z-index: 2;}
.circle-list > li:nth-child(6) {right: 7%; bottom: 0px; z-index: 1;}

.aggre_box {border: 1px solid #DDDDDD;}
.aggre_box_inner {padding:clamp(15px, 3vw, 30px); overflow-y: auto; font-size: var(--sub-font-size);}
.aggre_box .bottom {font-size: var(--sub-font-size); border-top: 1px solid #DDDDDD; padding:clamp(5px, 2vw, 20px) clamp(15px, 3vw, 30px); display: flex; align-items: center; justify-content: space-between; gap: 0.5em; flex-wrap: wrap;}
.agree_list {display: flex; align-items: center; gap: 1em;}
.agree_list > li {position: relative;}
.agree_fieldset {border: 0; margin: 0; padding: 0; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 0.5em; flex-wrap: wrap; width: 100%;}
.agree_fieldset legend {position: static; width: auto; height: auto; font-size: inherit; line-height: inherit; overflow: visible; visibility: visible; padding: 0; margin: 0; font-weight: inherit;}


.map_info_wrap {display: flex; justify-content: space-between; gap:20px; align-items: flex-start;}
.map_info_wrap .target_menu {max-width: 320px; width:25%; min-width:250px;}

.region_filter {border-bottom: 1px solid #EEEEEE; display: flex; gap:0.5em; margin-bottom:clamp(20px, 5vw, 40px)} 
.region_filter > li {flex:auto; max-width:4em;}
.region_filter a {display: block; text-align: center; padding-bottom: 0.3em; color:/* #8C8F93;*/ #191F28;} 
.region_filter a.active {color: #000; font-weight:700; position: relative;} 
.region_filter a.active::after {content:""; width: 100%; height: 2px; background: #000; position: absolute; left: 0px; bottom: 0px; }
.branch_list > li {margin-bottom:0.4em;}
.branch_list a {display: flex; align-items: center; background: #fff; min-height:2.611em; padding: 0.5em 1em; line-height: 1.4em; color:/*#6B7684;*/ #191F28;}
.branch_list a.active {background:var(--key-color) ; color: #000; font-weight: 500; gap: 0.5em;}
.branch_list a.active::before { content: ""; display: inline-block; width:6px; height:6px; border: 2px solid #000; border-width: 2px 2px 0 0; transform: rotate(45deg); vertical-align: middle;}
.map_info_wrap .main_info {max-width: 890px; flex: 1; }
.map_info_wrap .ss_tit {margin-top:0px;}

.main_info .info > li {display: flex; align-items: center; margin-bottom: 0.5em;}
.main_info .info .subj {min-width: 5em; padding-left: 35px; align-self: flex-start;}
.main_info .info .bg1 {background:url(../img/introduce/map.svg) no-repeat left center;}
.main_info .info .bg2 {background:url(../img/introduce/tel.svg) no-repeat left center;}
.main_info .info .bg3 {background:url(../img/introduce/fax.svg) no-repeat left center;}
.main_info .map_wrap {margin-top: clamp(20px, 4vw, 30px); z-index:8 }


.map_wrap {height:clamp(350px, 100vw, 450px); overflow:hidden; border-bottom: 1px solid #eee;}
.map_wrap > div {height:100% !important; width:100% !important;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}

.business_con .top_area {display: flex; align-items: center;}
.business_con .top_area > div {width:50%;  position: relative;}
.business_con .top_area .img {height: 430px;}
.business_con .top_area .img img {min-width: max-content; position: absolute; right: 0px; top: 0px;}
.business_con .top_area .info {padding-left: clamp(30px, 7vw, 60px);}
.business_con .top_area .txt_a {font-size:1.77em; line-height: 1.4em; font-weight: 300;}
.business_con .top_area .txt_a > strong {font-weight: 800;}
.business_con .top_area .txt_b {margin-top: clamp(20px, 4vw, 30px);padding-top: clamp(20px, 4vw, 30px); position: relative;}
.business_con .top_area .txt_b::before {content: ""; display: block; width: calc(100% + 0px); height: 1px; background: #FAAF18; position: absolute; right:0%; top: 0px;}
.business_con .top_area .bt {display: flex; justify-content: space-between; gap: 1em; max-width: 520px; margin-top: clamp(20px, 4vw, 30px);}
.business_con .top_area .bt > li {flex:1}
.business_con .top_area .bt .btnNormal {width: 100%; border-radius:90px;}

.check_agree {display: flex; align-items: center;}

.business_con .part_list {display: flex; justify-content: space-between; max-width:1060px; margin: 0 auto; position: relative; gap:30px;}
.business_con .part_list::before {content:""; width: 100%; border-top:1px dashed #191F28; position: absolute; left: 0px; top: 50%; height: 1px; z-index: -1;}
.business_con .part_list > li {width: 33.3333%; max-width:300px; aspect-ratio: 1/1; border: 1px solid #000; border-radius:100%; padding:clamp(15px, 3vw, 3%); text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; position: relative;}
.business_con .part_list > li:not(:last-child):before {content: ""; width: 21px; height: 21px; background: url(../img/business/plus.svg) no-repeat center center/cover; position: absolute; right: max(-18%, -3vw); top: 50%; margin-top: -10px;}
.business_con .part_list h4 {font-size: var(--xl-font-size); color:/*var(--deep-key-color);*/#545045;  line-height: 1.4em; margin-bottom:0.6em;}

.special_area {position: relative; padding: min(80px, 7vw) 0px; margin-top: min(80px, 7vw);}
.special_area::before {content: ""; width: 100vw; height: 100%; background: #F7F7F7; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1;}
.special_area .ss_tit:nth-of-type(1) {margin-top: 0px;}

.special_list {display: flex; gap:20px; flex-wrap: wrap;}
.special_list > li {width: calc(50% - 10px); border-radius: clamp(10px, 3vw, 20px); border:1px solid #E0E0E0; background: #fff; padding:clamp(20px, 3vw, 30px); display: flex; flex-direction: column;}
.special_list > li > h4 {font-size:1.444em; margin-top:0.3em;}
.special_list .bul01 {margin-top: 1em;}
.special_list .ico {display: block; text-align:right; margin-top:auto;}
.special_list .ico img {max-width:10vw;}

.process_list {display: flex; justify-content: space-between;}
.process_list > li {flex:1}
.process_list > li:last-child {max-width: 210px;}
.process_list > li:last-child .box {background:var(--deep-key-color); border-color: var(--deep-key-color);}
.process_list > li:last-child .step {color: #000;}
.process_list > li:not(:last-child) .box::after {content:""; width:74px; height:15px; position: absolute; left:100%; top:50%; background: url(../img/business/arrow.svg) no-repeat right center;}
.process_list .box {max-width: 210px; aspect-ratio: 1/1; border:1px solid #E0E0E0; border-radius:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 1em; gap: 0.7em; position: relative; background: #fff;}
.process_list .step {color: #8C8F94; font-size: var(--sub-font-size);}
.process_list .ico img {max-width:8vw; max-height: 8vw;}
.process_list .txt_a {font-weight:700; font-size:1.277em; line-height: 1.4em;}
.process_list .bul01 {margin-top: 1em; max-width:210px}

.company_list {display: flex; flex-wrap: wrap; gap:clamp(5px, 2vw, 1em) 0px;}
.company_list > li {width: 16.6666%; min-width:clamp(100px, 30vw, 160px);}
.company_list .img {display: flex; width: 100%; max-width:200px; align-items: center; justify-content: center; aspect-ratio: 200/50;}
/* .company_list .img img {max-height: 60%;} */

.recruit_step {display: flex; justify-content: space-between; max-width: 960px; margin: 0 auto; margin-top: clamp(20px, 5vw, 50px); gap:9.5%;}
.recruit_step > li {width: calc(100% / 3); position: relative;}
.recruit_step > li:not(:last-child)::after {position:absolute; right: -21%; top:47%; content: ""; display: inline-block; border-style: solid; border-width: 2px 2px 0 0; width:12px; height:12px; border-radius: 0; margin: 0; border-color: #000; transform: rotate(45deg);}
.recruit_step .box {border:1px solid #E5E5E5; height: 100%; border-radius: clamp(10px, 3vw, 20px); background: #FFFBED; padding:clamp(15px, 7vw, 13%); position: relative; display:flex; flex-direction: column;}
.recruit_step .box .num {position: absolute; right:clamp(20px, 7vw, 13%); top: clamp(20px, 7vw, 13%); color: #6B7684; font-size: var(--sub-font-size);}
.recruit_step .box .ico {aspect-ratio:92/80; max-width: clamp(40px, 9vw, 92px);}
.recruit_step .box .ico img {max-width:100%;}
.recruit_step dt {padding-top: 2em; font-size:1.1666em; line-height: 1.4em;}
.recruit_step dd {font-size: var(--small-font-size); line-height: 1.4em; padding-top: 0.5em;}

.find_pw {display: flex; flex-wrap: wrap; justify-content: center; gap:2em; margin-top: 1.5em; font-size: var(--small-font-size);}
.find_pw a {color: #6B7684; position: relative;}
.find_pw a:not(:first-child)::before {content:""; width: 1px; height:14px; background:#D8D8D8; position: absolute; left:-1em; top: 50%; transform: translateY(-50%);}

.datepicker {background: #fff; border-radius:4px; border:1px solid #ccc; padding-right: 10px; }
.datepicker .input {border: none; height:calc(3.2em - 2px);}

.link, a.link {display: inline-block; padding-right: 20px; background: url(../img/main/right-up.svg) no-repeat right top; background-size:14px auto; text-decoration: underline;}
.link.hover, a.link.hover {background: none; text-decoration: none;}

@media (hover: hover) and (pointer: fine) {
    .link.hover:hover, a.link.hover:hover {background: url(../img/main/right-up.svg) no-repeat right top; background-size:14px auto; text-decoration: underline;}
}
  
  
.search_result_wrap .sub_page_nav {margin-top: clamp(20px, 3vw, 30px);}

.fnb {padding-bottom: clamp(20px, 5vw, 50px); margin-bottom:  clamp(20px, 5vw, 50px); border-bottom: 1px solid #EEEEEE;}
.fnb .navi {display: flex; flex-wrap: wrap; gap: 1em 2em; overflow: hidden;}
.fnb .navi > li {position: relative;}
.fnb .navi > li::before {content:""; width: 1px; height:50%; background: #8C8F93; opacity:0.8; position: absolute; left: -1em; top: 50%; transform: translateY(-50%);}
.fnb .navi a {color: #8C8F93;}
.fnb .navi .active a {color: #191F28; text-decoration: underline; text-underline-offset: 0.5em; text-decoration-thickness: 2px; font-weight: 700;}

.guide_content {font-size: var(--sub-font-size);}
.guide_content .h1 {font-size:1.2em; line-height: 1.4em; font-weight: 700; margin:2em 0px 0.2em 0em;}
.guide_content .list {display: flex; flex-wrap: wrap; gap: 1em;}
.guide_content .list > li {border: 4px; background: #F7F7F7; padding:1em; border-radius:5px; font-weight:700; font-size: var(--font-size); width: calc(50% - 0.5em);}
.revision_date {text-align: right; padding: 1em 0px;}
.guide_content .gray_box {border:1px solid #DDDDDD; background: #F7F7F7; padding:clamp(20px, 3vw, 30px)}



.core_value {display:flex; flex-wrap:wrap; justify-content:space-between}
.core_value > li {width:calc(20% - 10px); background: #fff; margin-left:10px; transition:all 0.3s 0s ease-in-out; position:relative; overflow:hidden; border-radius: clamp(8px, 3vw, 15px);}
.core_value > li.small {width:calc(15% - 10px);}
.core_value > li:first-child {margin-left:0px;}
.core_value > li.on {width:calc(39% - 10px); background: var(--deep-key-color); }
.core_value > li.on .box {align-items: flex-start; justify-content: flex-start;}
.core_value > li.on .box .eng_txt {transform:scale(1);clip: auto; clip-path: none;}
.core_value > li.on .box .txt_b {transform:scale(1); margin-top:2em; font-size: var(--font-size); clip: auto; clip-path: none;}
.core_value > li.on .box .core_value__title {font-size:var(--lg-font-size); line-height: 1.4em;}
.core_value > li.on .box .ico {position: absolute; margin: 0px; right: clamp(20px, 5vw, 35px);  top: clamp(20px, 5vw, 35px);}
.core_value > li.on .box .plus {margin-left: auto; background: #fff;}
.core_value > li.on .box .plus::before {display:none;}
.core_value > li.on .core_value__trigger {flex: 0; align-items: flex-start; justify-content: flex-start;}

.core_value__trigger {display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; flex:1; margin:0; border:0; background:transparent; padding:0; font:inherit; color:inherit; cursor:pointer; text-align:center;}
.core_value__trigger:focus-visible {outline:2px solid #333; outline-offset:2px;}

.core_value > li .box {height:340px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:clamp(20px, 5vw, 35px); position: relative;}
.core_value > li .box .eng_txt {font-size:var(--sub-font-size); line-height:1.4em; font-weight:300;  transform:scale(0.5); clip: rect(0, 0, 0, 0); clip-path: inset(50%);}
.core_value > li .box .ico {margin: 20px 0px 10px 0px;}
.core_value > li .box .core_value__title {display:block; font-weight:700; margin-top: 0.5em;}
.core_value > li .box .txt_b {transform:scale(0.5); font-weight: 500; font-size:1px; clip: rect(0, 0, 0, 0); clip-path: inset(50%);}
.core_value > li .box .plus {margin-top: auto; display: flex; width: 40px; height: 40px; border-radius:4px; background: #DDDDDD; justify-content: center; align-items: center; position: relative;}
.core_value > li .box .plus::after {content: ""; width: 12px; height: 2px; background: #000;}
.core_value > li .box .plus::before {content: ""; width:2px; height:12px; background: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.core_value > li .box * {transition:all 0.3s 0s ease-in-out;}

.introduce {display: flex; justify-content: space-between; gap:20px;}
.introduce .img {max-width:580px; width:47%;}
.introduce .info {max-width:640px; flex: 1; line-height: 1.5em;}
.introduce .txt_t {font-size: var(--lg-font-size); line-height: 1.5em; padding-bottom: 1em; margin-bottom: 1.5em; border-bottom: 1px solid #DDDDDD; font-weight:400;}

.mission h4 {margin: 2em 0px 1em 0px;}
.mission .line_box {border-radius: clamp(8px, 3vw, 15px); border:2px solid var(--deep-key-color); text-align: center; font-size:var(--lg-font-size); font-weight: 600; padding: clamp(10px, 5vw, 40px); line-height: 1.4em;}
.mission .line_box.bg {background: var(--deep-key-color);}


.history_wrap {display: flex; gap:40px; justify-content: space-between; align-items: flex-start;}
.history_wrap .year_btn {position: relative; min-width:170px;}
.history_wrap .year_btn_item {font-size: 1.277em; line-height: 1.4em; font-weight: 700; padding:0px 30px 0px 0px; display: block; min-width:7.5em; text-align: left; position: relative;}
.history_wrap .year_btn_item::after {content:""; width: 20px; height: 20px; background: url(../img/introduce/arrow.svg) no-repeat center center; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.history_wrap .year_btn_item.active::after {transform: rotate(180deg) translateY(-50%); transform-origin: top;}
.history_wrap .list {display:1none;	z-index: 10; position: absolute; width: 100%; top:100%; left:0px; padding:20px; max-height:300px; background: #fff; border-radius: 12px;-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06); overflow-x: hidden; overflow-y: auto; }
.history_wrap .list button {font-size: var(--sub-font-size); font-weight: 300; padding:8px 0px; display: block;}
.history_wrap .list button.active {font-weight:600;;}
.history_wrap .history_content {flex:1; max-width:1020px;}
.history_box h4 {position: absolute; left: 0px; top: 0px; text-indent: -999999px;}

.history > li:not(:first-child) {padding-top:3em;}
.history > li {display: flex;}
.history > li .year {min-width:8em; font-size: var(--md-font-size); font-weight: 700; line-height: 1.4em;}
.history > li > h4 {font-size:1.29em; font-weight:700; line-height:1.2em; padding-bottom:10px; position:relative;}
.history > li > h4:before {display:block; content:""; width:15px; height:15px; background:#00aa53; border-radius:100%; position:absolute; left:-23px; top:5px;}
.history > li > ul > li {display:flex; align-items:center;}
.history > li > ul > li .month {min-width:4em; align-self:flex-start}
.history > li > ul > li:not(:first-child) {margin-top:1.5em;}

.business_list {max-width: 1140px; margin: 0 auto; border: 1px dashed #8C8F94; border-radius:200px; padding:30px 50px; display: flex;}
.business_list > li {flex:1; border-radius:100%; aspect-ratio:1/1; background: rgba(250, 175, 24, 70%); padding:20px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 1em; margin: 0px -20px;}
.business_list > li:nth-child(even) {background: rgba(255, 218, 77, 70%);}
.business_list dl {max-width: 212px;}
.business_list dt {font-size: 1.277em; line-height: 1.4em; font-weight: 700; margin-bottom: 0.4em;}

.ci_info h4 {margin: 2em 0px 1em 0px;}
.ci_info h4:not(:first-of-type) {margin:4em 0px 1em 0px; margin-top: clamp(2.5em, 4vw, 4em); padding-top:clamp(2.5em, 4vw, 4em); border-top:1px solid #DDDDDD ;}
.ci_info h5 {margin: 2em 0px 0.8em 0px;}
.ci_info .ci_box {display: flex; gap: 1em;}
.ci_info .ci_box > div {flex:1}
.ci_info .ci_box .box {flex:1; display: flex; align-items:center; justify-content: center; background: #EFEFEF; padding:clamp(10px, 5vw, 30px); border-radius:10px; min-height: clamp(100px, 31vw, 260px); height: calc(100% - 5em);}
.ci_down_bt {display: flex; justify-content: center; gap:1em; margin-top:clamp(20px, 4vw, 40px);}
.ci_down_bt > li {flex:1; max-width: 250px;}
.ci_down_bt > li > a {border-radius:90px; gap:0.5em; font-weight: 300; height: 3.1em;}





.down_btn {text-align:center; padding:30px 0px 20px 0px;}
.down_btn > a {display:inline-flex; flex-wrap:wrap; height:68px; padding:0px 30px; justify-content:center; align-items:center; border:3px solid #000; border-radius:6px; background:#fdd000}
.down_btn > a > span {display:inline-block; color:#000; font-size:22px; padding-right:30px; background:url(../img/common/ico_down4.png) no-repeat right center; font-weight:600;}

.video_wrap {padding-bottom:56%; position:relative;}
.video_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}

.youtube_wrap_max {max-width:1200px; margin:0 auto;}
.youtube_wrap {padding-bottom:56%; position:relative;}
.youtube_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}


#add_date {position:relative; padding-right:115px;}
#add_date .bt {position:absolute; right:0px; top:0px;}

.tooltip {color:#ff751a; border:1px solid #ff751a; border-radius:6px; text-align:center; line-height:38px; width:38px; height:40px; box-sizing:border-box; font-size:1.5em; vertical-align:middle;}
.br_box {border:1px solid #dce1eb; padding:20px 20px 20px 20px;}
.t_box {background:#757a85; color:#fff; padding:5px 5%; display:inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {display:flex; flex-wrap:wrap; margin:-5px -10px;}
.radio_group > li {padding:5px 10px;}
.radio_group > li.etc_li {width:100%; max-width:560px;}
.radio_group > li.etc_li .input {width:calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}

.radio_group .input {width:auto !important;}

.input_group {padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.input_group .input {width:auto !important;}


.input_etc {position:relative; padding-left:62px; box-sizing:border-box;}
.input_etc .pa {position:absolute; left:0px; top:0px; font-size:14px; line-height:40px;}

.btn-tc {text-align:center; padding:30px 0px; border-top:1px solid #333333; margin-top:30px;}
.btn-tc > a {margin:0px 10px;}
.btn-tl {text-align:left; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}
.btn-tr {text-align:right; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}

.bt_close {width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent:-9999px; background-size:10px auto;}

/*atab*/
.atab {display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto; margin-bottom:50px; padding-top:10px; position:relative;}
.atab:after {display:block; content:""; width:200%; height:1px; background:#0a79d5; position:absolute; left:50%; bottom:0px; transform:translateX(-50%)}
.atab li {flex:1;}
.atab li a {display:flex; height:80px; justify-content:center; align-items:center; background:#eff1f6; box-sizing:border-box; text-align:center; font-weight:700; font-size:18px; line-height:1.2em; box-sizing:border-box; color:#999999; padding:0px 10px; padding-top:3px; border-radius:10px 10px 0px 0px; border:1px solid #ccc; border-bottom-color:#0a79d5}
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#fff; color:#0a79d5; border-color:#0a79d5; border-bottom-color:#fff}


.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin:-1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height:50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}



.btab {display:flex; flex-wrap:wrap; align-items:center; justify-content: center; gap:0.5em; margin-bottom: clamp(20px, 5vw, 50px);}
.btab li a {display:flex; color:/*#6B7684*/#191F28; border-radius:30px; height:2.5em; justify-content:center; align-items:center; text-align:center; padding:0px 1em; font-size:var(--sub-font-size); font-weight:500; line-height:1.4em; background:#fff}
.btab li a.on, .btab li.active a {color:#000; background:var(--key-color);}





.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; display: flex; align-items: center; justify-content:center; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; padding:10px; z-index:99999;  background:rgba(0, 0, 0, 50%); font-size:var(--font-size); line-height:1.5em; padding:10px;}
.pop_wrap {width:100%; max-height:100%; padding:clamp(15px, 2vw, 20px) clamp(15px, 2vw, 30px); position:relative;  background:#fff; border-radius: clamp(10px, 3vw, 20px);}
.pop_wrap .pop_body {padding:15px 0px; word-break:keep-all; overflow-y:auto; max-height: calc(100vh - 150px);}
.pop_wrap .pop_body::-webkit-scrollbar { width: 6px; }
.pop_wrap .pop_body::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
.pop_wrap .pop_body::-webkit-scrollbar-track { background-color: transparent; }
.pop_wrap .x_btn {position:absolute; right:clamp(10px, 2vw, 30px); top:clamp(25px, 4vw, 30px); display:block; cursor:pointer; background:none; width:30px; height:30px;  font-size:1px !important; text-indent:-999999px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:2px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:2px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000; border-bottom:2px solid #000}
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000;}
.pop_wrap .pop_head {background:var(--key-color); position:relative;}

.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:15px 50px 15px 0px; text-align:left; font-weight:700;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}


/* 팝업 */
.main_layer_pop.slide {width:100%; position:fixed; left:50%; top:50%; transform:translate3d(-50%, -50%, 0); z-index:99999}}
.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#000000; font-weight:400; color:#fff; padding:15px; position:relative; font-size:16px; box-sizing:border-box; }
.main_pop_bottom input[type="checkbox"] + label:before {width:20px; height:20px; border:none; background-size:14px auto !important  }
.main_pop_bottom .close {position:absolute; right:0px; top:0px; display:flex; width:90px; height:100%; justify-content:center; align-items:center; background:#333333; color:#fff;}
.main_pop_bottom .close:active, .main_pop_bottom .close:focus-visible {border:3px dashed red;}
.main_pop_bottom input[type="checkbox"] + label {position:relative; display:inline-flex; flex-wrap:wrap; align-items:center; vertical-align:middle;}
.main_pop_bottom input[type="checkbox"] + label:before{display:block; content:""; width:24px; height:24px; box-sizing:border-box;background:#fff; border-radius:0px;  margin-right:5px; align-self:flex-start;}
.main_pop_bottom input[type="checkbox"]:checked + label::before{background:url(../img/common/check_on.png) no-repeat center center #fff; border-radius:0px;}
.main_pop_bottom input[type="checkbox"] + label > span {flex:1}
.main_pop_bottom input[type="checkbox"] {position:absolute; left:0px; top:0px; width:0px; height:0px; border:0px; opacity:0; z-index:-1;;}
.main_pop_bottom input[type="checkbox"]:focus-visible + label:before {outline:3px solid highlight;}

.main_pop_content {position:relative}
.main_layer_pop_inner {width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {position:relative; padding:0px 10px;}
.main_layer_pop .pop_wrap_in {width:100%; margin:0 auto;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}
.main_pop_slide {line-height:0em;background:#fff; position:relative; }
.main_pop_slide .slick-slide a {display:block;}
.main_pop_slide .slick-slide a:focus-visible {border:3px dashed red;}
.main_pop_slide .slick-slide {height:auto;}

.numcount {display:flex; width:130px; position:absolute; left:50%; bottom:10px; transform:translateX(-50%); height:40px; border-radius:60px; background:rgba(0, 0, 0, 50%); justify-content:center; align-items:center; color:#fff;}
.numcount .sPage1 {min-width:60px; font-weight:600; display:flex; justify-content:center; align-items:center; }
.numcount .sPage1 .total {padding-left:5px;}
.numcount .slick-arrow {cursor:pointer; display:flex; justify-content:center; align-items:center; text-indent:-10000vw; width:30px; height:30px; }
.numcount .slick-arrow:after {content:''; width:8px; height:8px; border-top:2px solid #fff; border-right:2px solid #fff; display:inline-block; transform:rotate(45deg);}
.numcount .prevArrow:after {transform:rotate(-135deg); }
.numcount .slick-arrow:focus-visible {border:3px dashed red;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}


.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}
.ico_note {position:relative; display:flex; align-items:center; font-size:15px;}
.ico_note:before {display:block; content:""; width:25px; height:20px; box-sizing:border-box; border-bottom:20px solid #333333; border-left:11px solid transparent; border-right:11px solid transparent; border-radius:4px; margin-right:10px;}
.ico_note:after {display:block; content:"!"; width:25px; height:20px; color:#fff; font-size:14px; font-weight:600; text-align:center; line-height:1.8em; position:absolute; left:0px; top:50%; transform:translateY(-50%)}
.ico_note_box {padding-left:40px; background:url(../img/common/notice.png) no-repeat left 5px;}
.ico_note.yellow:before {background:#fdd000}
.ico_note.yellow:after {color:#000}
.ico_note.yellow {color:#fff;}


.date_picker {display:flex; align-items:center;}
.date_picker .input {width:100%; flex:1;}
.date_picker img {min-width:fit-content; margin:0px 10px;}



.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; color:#000; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}


.click_count {text-align:right; padding:10px 0px; font-size:1.05em; color:#666666}
.view_photo {padding:20px 0px 0px 0px; text-align:center;}

.scrollbox1 {background:#f1f1f1; height:100px; overflow-x:hidden; overflow-y:auto; padding:12px;}

.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}

.leave {padding:170px 0px 0px 0px; margin-top:40px; background:url(../img/mypage/ico_leave.gif) no-repeat center top;} 
.gray_box {border:1px solid #e9e9e9; padding:28px 20px; background:#fafafa}




/* btn */
a.button, .button {display:inline-flex; width:100%; align-items:center; justify-content:center; position:relative; color:#fff; height:60px; padding:0px 15px; font-size:15px; font-weight:500; background:#562bc6;}
a.button .arrow, .button .arrow  {font-size:17px; width:16px; overflow:hidden;position:absolute; right:15px; top:50%; transform:translateY(-50%);}
a.button.type2, .button.type2 {color:#fff;  background:none; border:1px solid #fff; }
a.disable, .disable {background: #000 !important; border-color:#000 !important; color: #fff !important}
a.button:focus-visible, .button:focus-visible {border:2px dashed red; box-shadow:1px 3px 6px rgba(0, 0, 0, 100%)}


.map-skip {position:relative; margin:0px;}
.map-skip a {font-size:0; left:0;line-height:0;transform:scale(0); position:absolute; right:0px; top:0px; min-width:200px; width:100%;z-index:999999; }
.map-skip a:active, .map-skip a:focus-visible {transform:scale(1); border:3px dashed red;}
.btn-pack.medium {height:40px;padding:0 15px;line-height:38px;font-size:16px;font-weight:300;}
.btn-pack.focus {background:#666; border:1px solid #666; color:#fff !important;}




.map_list {display:flex; flex-wrap:wrap; gap: 15px; padding:1em; background: #f8f9fa;}
.map_list > li {width: calc(11.11111% - 13.4px);}
.map_list > li > a {background: #fff; border:1px solid #e2e2e3; height: 100%; border-radius:4px; padding:10px; gap:10px; display:flex; flex-direction: column; justify-content: center; align-items: center; font-size:15px; font-weight:600; color: #000; transition:all 0.2s 0s ease-in-out; text-align: center; word-break: keep-all; line-height:1.3em;}

.map_view {border-radius:6px; background: #f8f9fa; padding: 1em; display: flex; gap: 10px;}
.map_view .box {border-radius:6px; background:#fff;padding:2em; border:1px solid #e2e2e3; min-height: 200px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.map_view .box:nth-child(1) {width:38%; max-width: 530px;}
.map_view .box:nth-child(2) {flex:1; }
.map_view .district {text-align: center; display:flex; gap:1em; flex-direction: column; justify-content: center; align-items:center; display: none;}
.map_view .district .name {display: flex; flex-direction:column;}
.map_view .district .name > strong {font-size:2em; color: #34316e; font-weight:800; line-height:1.4em; border-bottom: 1px solid #34316e; padding: 0px 0.5em 0.5em 0.5em; margin-bottom: 0.3em; min-width:5.5em;}
.map_view .district.active {display: flex;}

.map_view .dong {display: none;}
.map_view .dong.active {display:block;}



@media (hover: hover) and (pointer: fine) {
    .cate_list .box:hover {box-shadow:0px 0px 5px rgba(0, 0, 0, 50%); outline:2px solid var(--key-color); outline-offset: -0px;  border-color:var(--key-color);}
    .map_list > li > a:hover, .map_list > li > a.active {border-color: var(--key-color); color: var(--key-color);}
  }


.pass_info {display: flex; gap: 0.8em; flex-wrap: wrap;}
.pass_info > span {display:flex; border-radius:5px; height: 2.23em; line-height: 1em; font-size:clamp(11px, 2vw, 13px); justify-content: center; align-items: center; padding: 0px 0.5em; gap:0px 0.5em; margin-top: 0.5em;}
.pass_info > span.x_pass {background: #FFF1F0; color:/*#FF4D4F*/#191F28;}
.pass_info > span.y_pass {background: #EDFCF0; color:/*#3CA33B*/#191F28;}

.compare_box {display: flex; border:1px solid #ccc;}
.compare_box .box {width: 40%; border-right: 1px solid #ccc;}
.compare_box .box:nth-child(3) {width: 20%; border-right: none;}
.compare_box .box h3 {text-align: center; background: #eee; font-size: 1.05em; line-height: 1.4em; padding:0.5em 1em; border-bottom: 1px solid #ccc; font-weight: 700;}
.compare_box .box h3.h1 {font-size: 1.2em; margin: 2em 0px 0.2em 0em; padding:0px; border: none !important; background: none; text-align: left;}
.compare_box .compare_content {padding:1em; font-size: var(--sub-font-size);}
.compare_box .compare_content h3.h1:nth-child(1) {margin-top: 0px;}
.compare_box .compare_content .etc {display: flex; align-items: center; justify-content: center;}

.pass_box {position: relative; width: 100%;}
.pass_box > button {position: absolute; line-height:0; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer;}
.pass_box > button img {width: 19px; height: 17px;}

/* ------------------------------------------------------------
 ------------------------------------------------------------ */


/* 1024 이상 */
@media screen and (min-width:1024px) {
    

}
/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}




/* 1280px 이하 */
@media screen and (max-width:1280px) {
	
	#fp-nav {display:none;}

	.fp-section, .fp-tableCell {height:inherit !important}
	.section {min-height: auto;  padding: clamp(25px, 8vw, 80px) 10px;}
	.w_gnb {display:none;}
	.in_header {height:80px;}
	.sub_visual {margin-top:80px;}
	.slide_menu_inner .close {height: 80px;}
	.slide_menu_inner .gnb {height: calc(100% - 80px);}
	.active .searchPop {width: calc(100vw - 320px);}
	.main_visual .bx-wrapper {height: clamp(450px, 110vw, 840px);}
	.main_visual .v_frame {height: 100%; align-items: center;}

	.visual_counter_wrap {bottom: 0px}
	.visual_counter_wrap .visual_counter {margin:0 auto;}
	.main_company img {max-width:73vw ;}
}


/* 980px 이하 */
@media screen and (max-width:979px) {
	:root {
		--xl-font-size:30px;
		--lg-font-size:24px;
		--md-font-size:18px;
		--font-size:17px;
		--sub-font-size:15px;
		--small-font-size: 14px;
		--xsmall-font-size: 13px;
	}
/*
	.sub_wrap #header.down {top:-80px}
	#wrap {padding-top:80px;}
	.sub_wrap {padding-top:80px;}
	
*/
	.main_visual .bg_img .mobile {display: block;}
	.main_visual .bg_img .pc {display:none;}
	.main_visual .v_frame .visual_txt {font-size: clamp(15px, 4vw, 38px); text-align: center !important;}
	.main_visual .v_frame .visual_txt .img img {max-width:clamp(50px, 61vw, 500px);}
	.main_visual #visual1 .v_frame {padding-top:70px; padding-bottom:30px}
	.main_visual #visual1 .v_frame {align-items: center;}
	.main_visual #visual1 .v_frame .visual_txt {flex-direction: column; min-width: none;}
	.main_visual #visual1 .v_frame .visual_txt .img {transform: none;}
	.main_business_wrap {flex-direction: column; gap: 1em; padding-top: 0px;}
	.main_business_wrap > div {width: 100%; max-width: 100%;}
	.main_business {padding-top:0em}
	.main_business > ul > li {max-width: inherit;}
	.main_tit h3 > a {background-size:4.5vw auto ;}
	.main_notice_wrap {flex-direction: column; gap: 1em;}
	.main_notice {width: 100%; max-width: 100%;}
	.main_pop {max-width: 100%;}
	.main_news_slide .slide_control {top: -5vw;}




	.up #lnb_wrap.fixed .lnb {top:80px;}

	 #lnb_wrap {padding:0px; margin:0px; top:10px; height:auto; }
	
	#lnb_wrap .lnbs1 {display:block;}
	#lnb_wrap .lnb .lnbs2 {display:block;}
	#lnb_wrap .lnbs3 {display:none;}
	#lnb_wrap .ico_home {display:block;}
	#lnb_wrap .lnb:before {border-radius:0px;}
	#lnb_wrap .lnb {padding:0px;}

	.lnb_tit {font-size:15px; line-height:50px; height:50px;}

    .lnb ul li a {font-size:14px;}
	.lnb_tit, a.lnb_tit {font-size:16px; padding-left:20px; line-height:60px; height:60px;}
/*
	.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
	.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}
*/
	
	
	
	.sub_section {padding-top:80px;} 
	
    .map_info_wrap {flex-direction: column; gap: 1em;}
	.map_info_wrap .target_menu {width:100%; max-width:100%;}
	.map_info_wrap .main_info {flex: none; width: 100%;}
	.branch_list {display: flex; gap: 5px; flex-wrap: wrap;}
	.branch_list a.active::before {display:none;}
	.region_filter {justify-content: center;}
	.branch_list a {background: #f7f7f7;}
	
	.slide_menu_inner .gnb {display:none;}
	.slide_menu_inner .close::after {display: none;}
	.slide_menu_inner .close {background: none;}
	.mobile_gnb {display:block; order: 2; height: calc(100% - 80px); overflow-y:scroll;}
	.mobile_gnb .gnb {display:block; border: none; height: 100% !important;}
	.mobile_gnb .gnb > ul {height:100%; display: block; width: 33.3333333333%;}
	.mobile_gnb.active .gnb > ul {background:#f7f7f7;}
	.mobile_gnb .gnb > ul > li {padding:0px; border: none !important;}
	.mobile_gnb .gnb > ul > li > a {font-size:1.4em; color:#000; font-weight:400 ; line-height:1.4em; width: 100%; align-self: flex-start; justify-content: flex-start; height: 76px; padding-left:clamp(15px, 6vw, 40px);}
	.mobile_gnb .gnb > ul > li.active > a {background: #fff;}
	.mobile_gnb .gnb > ul > li > a > span::after {display: none !important;}
	.mobile_gnb .gnb a {color:#000;}
	.mobile_gnb .gnb .submenu {justify-content: flex-start; max-width: 100%; padding:0px 0px 0px 0px; flex-wrap: wrap; flex-direction: column; gap:0em;}
	.mobile_gnb .gnb .submenu > li {text-align:left; width: auto; min-width: calc(16.6666% - 1.7em); padding:0px}
	.mobile_gnb .gnb > ul > li .submenu_wrap {display: none !important; height: 100%; position: absolute; width: 66.6666666667%; transform: none; top:0px; left: auto; right: 0px; background: none;}
	.mobile_gnb .gnb > ul > li .submenu_wrap .submenu {transform: translateY(-100px); transition:all 0.2s 0s ease-in-out;}
	.mobile_gnb .gnb > ul > li.active > .submenu_wrap {display: block !important;}
	.mobile_gnb .gnb > ul > li.active > .submenu_wrap .submenu {transform: translateY(0);}
	.mobile_gnb .gnb .three_depth {display: none; padding: 0px; padding-bottom:10px; padding-left:clamp(30px, 5.2vw, 45px);}
	.mobile_gnb .gnb .three_depth li {margin-top:0em;}
	.mobile_gnb .gnb .three_depth li:not(:first-child) {margin-top:1.5em;}
	.mobile_gnb .gnb .three_depth li > a {color: #666; font-weight:300;}
	.mobile_gnb .gnb .submenu > li > a {height:76px; padding:0px; padding-left:clamp(15px, 5vw, 30px); display: flex; align-items: center; font-size: 1.3em; font-weight: 400;}
	.mobile_gnb .gnb .submenu > li > a.blank {background-position:calc(100% - 20px) center ;}
	.mobile_gnb .gnb .submenu > li:has(.three_depth) > a {position: relative; padding-right: 30px;}
	.mobile_gnb .gnb .submenu > li:has(.three_depth) > a:after {content: ""; display: block; width: 16px; height: 16px; background:url(../img/common/arrow_down2.svg) no-repeat center center; background-size: 80% auto; position: absolute; right:20px; top: 50%; transform: translateY(-50%); opacity: 0.4;}
	.mobile_gnb .gnb .submenu > li:has(.three_depth) > a.active:after {transform: translateY(-50%) rotate(180deg);}

	@keyframes total-menu-2depth-item-open-effect {
		0% {
		  -webkit-transform: translateY(-20px);
		  transform: translateY(-20px);
		  opacity: 0;
		}
		100% {
		  -webkit-transform: translateY(0px);
		  transform: translateY(0px);
		  opacity: 1;
		}
	  }
 
 
  .mobile_gnb .gnb > ul > li.active > .submenu_wrap .submenu > li {
	-webkit-animation: total-menu-2depth-item-open-effect 0.5s both;
	animation: total-menu-2depth-item-open-effect 0.5s both;
  }
  
  .mobile_gnb .gnb > ul > li.active > .submenu_wrap .submenu > li:nth-child(1) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
  }
  
  .mobile_gnb .gnb > ul > li.active > .submenu_wrap .submenu > li:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
  }
  
  .mobile_gnb .gnb > ul > li.active > .submenu_wrap .submenu > li:nth-child(3) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
  }
  
  .mobile_gnb .gnb > ul > li.active > .submenu_wrap .submenu > li:nth-child(4) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
  }
  
  .mobile_gnb .gnb > ul > li.active > .submenu_wrap .submenu > li:nth-child(5) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
  }
  
  .mobile_gnb .gnb > ul > li.active > .submenu_wrap .submenu > li:nth-child(6) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
  }
  
  .mobile_gnb .gnb > ul > li.active > .submenu_wrap .submenu > li:nth-child(7) {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
  }
  
  .mobile_gnb .gnb > ul > li.active > .submenu_wrap .submenu > li:nth-child(8) {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
  }
  
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
	:root {
		--xl-font-size:28px;
		--lg-font-size:22px;
		--md-font-size:17px;
		--font-size:15px;
		--sub-font-size:14px;
		--small-font-size:13px;
		--xsmall-font-size: 12px;
	}
/*
	.sub_wrap #header.down {top:-70px}
	#wrap {padding-top:70px}
	.sub_wrap {padding-top:70px}
*/
	
	#header h1 img {height:23px;}
	.slide_menu_inner .close {background-size:auto 23px ;}
	.in_header {height:70px;}
	.sub_visual {margin-top:70px;}
	.slide_menu_inner .close {height: 70px;}
	.slide_menu_inner .gnb {height: calc(100% - 70px);}
	.top_util {top: 0px; transform: none; height: 100%;}
	.active .searchPop {width: 100vw; background: #fff; }
	.searchPop {transition:none; width: 100vw; right: auto; left: 0px; top: 0px; transform: none; position:fixed; border-radius: 0px; background: #fff; z-index: 999; padding: 80px 20px 30px 20px}
	.searchPop .search_area_wrap {overflow: hidden; border-radius: 30px; background: #f7f7f7;}
	.searchPop .close {bottom: 60px;}
	.searchPop .x_btn {background-size:16px auto ;}

	.main_business .img img {max-width:clamp(50px, 15vw, 110px);}
	
	
	.pc_view {display:none}
	.mb_view {display:block}
	.main_layer_pop {padding:10px; -webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:rgba(0, 0, 0, 70%); zoom:1; margin:0px !important}
    .main_pop_bottom {font-size:14px;}

	.main_layer_pop .pop_wrap_in {float:none !important;}

	.over_view {width:120px; height:120px;}
	
	.up #lnb_wrap.fixed .lnb {top:70px;}

	.header {height:70px;}
	
	.m_tit {font-size:26px;}
	
	.main_sns > li {width:33.333%;}
	.main_notice .tab_list {padding-right: 0px;}
	.main_notice .tabContent .more {top:-115px; right:-20px;}

	
	#footerW {padding:30px 10px;}
	#footer_navi .navi > li a {font-size:14px;}
	#footer_navi .sel_box > li select {height:40px; font-size:14px;}
  	#footer .addressW {background-position:center 20px; font-size:13px; background-size:auto 40px;}

	#footerW .copy {font-size:13px; padding:10px 0px;}

	#footer_navi .gnb {display:none;}
	
	.sub_visual .sub_txt {min-height: 140px; padding:10px; height: auto;}
	#sub_tit {font-size:48px;}

	
	.s_tit {font-size:1.8em;}

	.over_layerW {position:relative;}
    .over_layer {overflow:auto;}
  
	.over_layer::-webkit-scrollbar {width:5px; height:8px; background-color:#aaa;}
	.over_layer::-webkit-scrollbar-thumb {background:#000;}
	
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > table {min-width:900px;}

	
    /*atab*/
    .atab li a {height:55px; font-size:16px;}
    .atab li.on {margin-top:0px;}
    .atab li.on a {height:55px;}
    .atab li.on a:after {width:16px; height:16px; bottom:-18px;}

    .btn-tc > a {margin:0px;}


	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}
	

	.three_depth {display:none;}

	
	.btab li {min-width:100px;}
	.btab li a {font-size:14px;}
	
	.brand_list > ul > li {width:33.3333%;}
	
	.business_con .top_area {flex-direction: column; gap:1em;}
	.business_con .top_area > div {width: 100%;}
	.business_con .top_area .tit {text-align: center;}
	.business_con .top_area .txt {text-align: center;}
	.business_con .top_area .info {padding-left: 0px; text-align: center;}
	.business_con .top_area .img {height: auto;}
	.business_con .top_area .img img {max-width:100%;}
	.business_con .top_area .img img {max-width:100%; min-width: auto; position: relative; right:auto; top:auto;}
	.business_con .top_area .txt_b::before {width:100%;}
	.business_con .top_area .bt {max-width: 100%; justify-content: center;}

	.business_con .part_list {flex-direction: column;}
	.business_con .part_list > li {width: 100%; max-width:100%; border-radius:clamp(10px, 2vw, 20px); aspect-ratio: auto;}
	.business_con .part_list::before {display:none;}
	.business_con .part_list > li:not(:last-child):before {top: 100%; right: auto; left: 50%; margin-top: 5px; transform: translateX(-50%);}

	.special_list > li {width: 100%;}
	.special_list .ico img {max-width:clamp(50px, 15vw, 100px);}
    
	.process_list {flex-direction: column; gap:1em;}
	.process_list > li {display: flex; align-items: center;}
	.process_list .box {width: 40%;}
	.process_list > li:last-child {max-width: 100%;}
	.process_list > li:not(:last-child) .box::after {display: none;}
	.process_list .bul01 {margin: 0px 0px 0px 1em; flex: 1; max-width: 100% !important;}

	.guide_content .list {gap:5px;}
	.guide_content .list > li {width: 100%;}

	.ci_info .ci_box.column {flex-direction: column;}


	.introduce {flex-direction: column;}
	.introduce .img {width: 100%; max-width: 100%;}
	.introduce .info {max-width: 100%;}
	.core_value {flex-wrap: wrap; gap: 10px; flex-direction: column;}
	.core_value > li {width: 100% !important; margin: 0px; background: var(--deep-key-color);}
	.core_value > li .box {height: auto;}
	.core_value > li .box .plus {display:none;}
	.core_value > li .box {align-items: flex-start; justify-content: flex-start;}
	.core_value > li .box .eng_txt {transform:scale(1); clip: auto; clip-path: none;}
	.core_value > li .box .txt_b {transform:scale(1); margin-top:2em; font-size: var(--font-size); clip: auto; clip-path: none;}
	.core_value > li .box .core_value__title {font-size:var(--lg-font-size); line-height: 1.4em;}
	.core_value > li .box .ico {position: absolute; margin: 0px; right: clamp(20px, 5vw, 35px);  top: clamp(20px, 5vw, 35px);}
	.core_value > li .box .ico img {max-width:10vw; max-height: 10vw;}
	.core_value__trigger {pointer-events:none; cursor:default; flex:0;}
	
	.history_wrap {flex-direction: column;}
	.history_wrap .history_content {width: 100%; padding-left:1em}
	.history_wrap .year_btn_item::after {background-size:14px auto ;}

	.business_list {flex-direction: column; border-radius:10px; gap:5px; padding:clamp(15px, 4vw, 30px)}
	.business_list > li {aspect-ratio:auto; border-radius: 10px; margin: 0px;}
	.business_list > li .ico img {max-width:10vw; max-height: 10vw;}

	.compare_box {flex-direction: column;}	
	.compare_box .box {width: 100%;}
	.compare_box .box:nth-child(3) {width: 100%;}
	.compare_box .box:not(:nth-of-type(1)) h3 {border-top:1px solid #ccc;}
	.compare_box .compare_content .etc {min-height: auto !important;}
	
	.sub_con .fnb {display: none;}
}





/* 480px 이하 */
@media screen and (max-width:479px) {
	:root {
		--xl-font-size:24px;
		--lg-font-size:18px;
		--md-font-size:15px;
		--font-size:14px;
		--sub-font-size:13px;
		--small-font-size:12px;
		--xsmall-font-size: 11px;
	}
	
	.only-mobile {display:block;}

/*
	.sub_wrap #header.down {top:-60px}
	#wrap {padding-top:60px;}
	.sub_wrap {padding-top:60px;}
*/


	.menu_btn a:before {display:none;}
	.up #lnb_wrap.fixed .lnb {top:60px;}
    #wrap {transition:all 0.3s 0s ease-in-out;}
	.top_dday {font-size:20px; right:50px; padding-top:3px;}
    .header {height:60px;}
  
	
    .menu_btn .line-middle {top:8px;}
	.top_util {gap: 13px;}
	

	.mobile_gnb {height: calc(100% - 70px);}
	.mobile_gnb .gnb > ul {width: 40%;}
	.mobile_gnb .gnb > ul > li > a {height:66px;}
	.mobile_gnb .gnb .submenu > li > a {height:66px;}
	.mobile_gnb .gnb > ul > li .submenu_wrap {width: 60%;}

	
	.more > a > span {width:30px; height:30px;}
	.more > a > span:after {width:10px; margin-left:-5px;}
	.more > a > span:before {height:10px; margin-top:-5px;}
	.more > a {font-size:13px;}
	
	
    .m_tit {font-size:22px;}
    .m_tit img {height:20px;}
    .m_tit_txt {font-size:15px;}

	a.main_bt {height:50px;}
	a.main_bt {font-size:14px;}

	.main_news_slide .slide_control {top:-25px; height:30px; max-width:70px; gap:0px;}
	.main_news .box .txt_a {-webkit-line-clamp:1; height:1.5em;}

	.main_notice .list > li + li {margin-top: 1em;}
	.main_notice .tab_list {gap:3vw;}
	.main_notice {height: 320px; padding:15px}
	.main_notice .tabContent .more {top:max(-23vw, -80px);}
	.main_notice .tab_list .tabBtn {font-size:min(3.7vw, 16px);}
	.main_notice .tabContent {padding-top:25px;}

	
	.section .slick-dots {padding-top:20px;}
	.main_more {padding-top:30px;}
	
	
	.ico_note {font-size:12px;}
	.section {padding:40px 10px;}
	
	
	#footer .navi > li > a {font-size:12px;}
	#footer address > p {font-size: 12px;}
	#footerW .copy {font-size: 12px;}
	#footerW .mark_area {position: relative; right: auto; bottom: auto;}
	#footerW .mark_area .mark_text {right:auto; left:0%;}


    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding:15px 45px 15px 0px;}
    .pop_wrap .pop_head .title br {display:none;}


    
    .web_dis {display:none;}
	.mb_dis {display:block;}
   
	
	
	
	
	
	.btn-tc > a {margin:5px 0px;}
	.subject {padding-left:10px;}


    .block_m {display:block;}
    .block_m.fl {float:none;}
    .list_btn .block_m {margin:2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display:block;}


    .layerPop {font-size:0.95em;}
   

    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}

	
    .w_name {width:70px;}
    .w_date {width:80px;}
    .m_block {display:block !important; margin-bottom:3px !important; float:none !important;}
    .scrollbox {height:120px;}
    .atab {margin-bottom:20px;}
 
    .b_table > dl {font-size:16px; padding-left:0px;}
    .ul_table > ul > li {font-size:16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}

	
    .input_etc .pa {font-size:13px; line-height:36px;}

    .textarea {padding:5px 5px; font-size:13px;}
    .b_table .btnNormalB span {padding:0px 18px; height:36px; line-height:34px; font-size:13px;}
    .security_code .code .num {height:34px; line-height:32px; font-size:14px;}
    .file_input label {height:36px;  line-height:34px; font-size:13px;}
    .radio_group {margin-top:-5px;}

	
    .print_bt {display:none !important}
    .gray_box {padding:5px;}
  
	.atab li a {font-size:13px; height:45px;}
	.atab li.on a {height:45px;}
   
    .br_box {padding:10px;}
   
    .board_w > ul {padding:10px 15px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}

    .b_check_box {padding:10px;}
    #inner_wrap .b_check_box .board-write th {font-size:1.05em !important;}

	
    .list_more > a > span {font-size:16px; padding:15px 20px 15px 0px;}
    


	.map_tit .ico {width:35px;}
	.map_tit .ico img {width:80%;}
	.map_in {padding-left:35px;}
	

	.ico_note:before {transform:scale(0.7); margin-right:0px;}
	.ico_note:after {transform:scale(0.7) translateY(-60%);}
	
	.noteBox {padding:15px;}
	.noteBox:before {}

	
	.pop_wrap .pop_body {font-size:13px;}
	

	
	
	.brand_view .info {font-size:13px;}
	.look_book .list {overflow-x:auto}
	.look_book .list > li {min-width:fit-content;}


	.find_map .navi > ul > li > a {height:50px; font-size:13px;}

	

	a.button, .button {height:50px; font-size:14px;}

	.recruit_step {gap: 5px;}
	.recruit_step dt {font-size: 1em;}
	.recruit_step .box {padding:20px 10px}
	.history_wrap {gap: 20px;}
	.history > li {flex-direction: column;}
	.history > li .year {margin-bottom: 0.5em;}
	.history > li > ul > li:not(:first-child) {margin-top: 1em;}



	
}