@charset "utf-8";

@import url("/Bootstrap-icons-1.11.3/font/bootstrap-icons.min.css");
* {margin:0; padding:0; box-sizing: border-box; word-break:keep-all;}

.css-transitions-preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}
.inner_container {width:100%; padding:0 20px;}
a[href^="tel:"] {color:inherit;}

a:focus,button:focus{outline:0}
:focus:not(:focus-visible),
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {outline:0}
a:focus,button:focus{outline:0}
a:focus-visible,button:focus-visible{outline:2px auto #006ECD;outline-offset:0}
section {margin-bottom: 3em;}

html {
    line-height: 1.15; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
    overflow-x: hidden;
}

/* Android */
html[data-device="android"] {}

/* Ios */
html[data-device="ios"] {}


h1 {font-size: 3em; margin: 0.5em 0;}
h2 {font-size: 2.5em; font-weight:600; line-height:1.41; letter-spacing:-.2px}
h3 {font-size:40px; font-weight:400; line-height:1.4; letter-spacing:-.2px}
h4 {font-size:24px; font-weight:400; line-height:1.5; letter-spacing:-.2px}

body {
    font-size:14px; 
    line-height:1.5; 
    background-color: #000; 
    font-family: AppleGothic, Apple SD Gothic Neo, helvetica, '돋움', Dotum, sans-serif; 
    font-weight:400;
    color:#fff;
    display: flex;
    flex-direction: column;
}
ul,ol {list-style:none; padding: 0;}

body.overflow {height:100%; position:relative; overflow:hidden; touch-action: none; -webkit-overflow-scrolling: none; overscroll-behavior: none;}
body.overflow::-webkit-scrollbar {display:none}

.no-scroll, .no-scroll body {overflow: hidden;-webkit-overflow-scrolling:auto;  }

/* header */
#header {width:100%;height:90px;position:fixed;left:0;top:0;z-index:1000;background-color:#fff;transition: top 0.3s ease-in-out , opacity 0.3s .2s;}
#header.hide_header{position:fixed;  top:-90px;}
#header.root {background-color:#333; border-color:transparent}
#header.root .btn_language svg path + path {fill:#fff}
#header.root .btn_search g > g {stroke:#fff}
#header.root .inner .navbar >ul > li > a,
#header.root .inner .header_util a {color:#fff}
#header.root .inner .header_util a.btn-dx{border-color: #fff;}
#header.root .inner .header_util .language_list a {color:#000}
#header.root .logo a>img {opacity:0; visibility:hidden; height: 50px;}
#header.root .logo a>img+img {opacity:1; visibility:visible; height: 50px;}
#header.root .inner .btn_menu .hamburger-ico .line {background-color:#fff}


#header.root.hover {background-color:#fff}
#header.root.hover .btn_language svg path + path {fill:#000}
#header.root.hover .btn_search g > g {stroke:#000}
#header.root.hover .inner .navb >ul > li > a,
#header.root.hover .inner .header_util a {color:#000}
#header.root.hover .inner .header_util a.btn-dx{border-color: #000;}
#header.root.hover .logo a>img {opacity:1; visibility:visible; height: 50px;}
#header.root.hover .logo a>img+img {opacity:0; visibility:hidden; height: 50px;}
#header.root.hover .inner .btn_menu .hamburger-ico .line {background-color:#000}


#header .logo {position:absolute; top:0; left:40px}
#header .logo a>img{transition: all 0.1s ease-out; height: 50px;}
#header .logo a>img+img{position: absolute;left:0;top:0;opacity: 0;visibility: hidden;height: 50px;}
#header .inner{/* position: relative; */padding: 0 24px;max-width: 1920px;height: 90px;margin: 0 auto;}
#header .inner .navbar{
    max-width: 1324px;width: 100%;
    margin: 0 auto;
    padding: 0;
    position: inherit;
    
}
#header .inner .navbar >ul{ height: 100%;display: flex;align-items: center;}
#header .inner .navbar >ul > li{height: 100%;padding: 31px 24px 25px 24px;}
#header .inner .navbar >ul > li > a{position:relative;font-size: 18px;line-height: 33px;letter-spacing: -0.2px;color: #000;display: block;padding: 0 0 0;}
#header .inner .navbar >ul > li > a::after{content: '';position: absolute;bottom:-8px;left: 0;right: 0;height: 2px;background-color: #006ecd;transform-origin: 0 0;
 visibility: hidden; opacity:0;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);}
#header .inner .navbar >ul > li:hover > a,#header .inner .navbar >ul > li.active > a{color: #006ecd;}
#header .inner .navbar >ul > li:hover > a::after,#header .inner .navbar >ul > li.active > a::after{ visibility: visible;opacity: 1;}
#header:not(.hide_header) .inner .navbar >ul > li:hover > .sub{visibility: visible;opacity: 1;}

#header .inner .sub{
    position: absolute;
    left: 0;right:0;
    background-color: #fff;
    width: 100%;
    z-index: 1;
    top: 90px;
    overflow: hidden;
    transition: opacity .2s ease;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    visibility: hidden;opacity: 0;min-height: 170px;
}
#header .inner .sub .sub-wrap{position: relative;max-width: 1280px;margin: 0 auto;}
#header .inner .sub .sub-wrap .common-btn{position: absolute;right:0;top:326px}
#header .inner .sub .sub-wrap .sub-2depth{position: relative; display: flex;flex-wrap: wrap;padding: 0;max-width: 1038px;}
#header .inner .sub .sub-wrap .sub-2depth > li{padding: 24px 60px 24px 0;}
#header .inner .sub .sub-wrap .sub-2depth > li > a{position: relative; font-size: 18px;line-height: 1.63;letter-spacing: -0.2px;color: #000;}
#header .inner .sub .sub-wrap .sub-2depth li > a::after{content: '';position: absolute;bottom:0px;left: 0;right: 0;height: 1px;background-color: #006ecd;transform-origin: 0 0;visibility: hidden; opacity:0;transition: all 0.1s ease-out;}
#header .inner .sub .sub-wrap .sub-2depth li > a:not(.is_sub):hover,#header .inner .sub .sub-wrap .sub-2depth li.active > a:not(.is_sub){color: #006ecd;}
#header .inner .sub .sub-wrap .sub-2depth li > a:not(.is_sub):hover::after,#header .inner .sub .sub-wrap .sub-2depth li.active > a:not(.is_sub)::after{ visibility: visible;opacity: 1;}
#header .inner .sub .sub-wrap .sub-3depth {padding-top: 6px;}
#header .inner .sub .sub-wrap .sub-3depth > li{padding-top: 6px;}
#header .inner .sub .sub-wrap .sub-3depth > li > a{position: relative;font-size: 16px;line-height: 1.71;letter-spacing: -0.2px;color: #666;}

#header .inner .sub.sub-menu2 .sub-wrap .sub-2depth{padding-bottom: 4px;}
#header .inner .sub.sub-menu2 .sub-wrap .sub-2depth > li{padding-bottom: 36px;padding-right: 27px;width: 207px;}
#header .inner .header_util {display:flex; align-items:center; position:absolute; top:0; right:40px; padding:31px 0 32px}
#header .inner .header_util a{ margin-left: 32px;font-size: 18px;line-height: 33px;letter-spacing: -0.2px;color: #000;}
#header .inner .header_util a >img{width: 32px;}
#header .inner .header_util a.btn-dx{line-height: 28px;padding: 5px 14px;border-color: #000;}

#header .util_lang .btn_language svg,
#header .btn_search svg {vertical-align:middle}
#header.root {background-color:#333; border-color:transparent}

#header .inner .header_util .util_lang .btn_language+.language_list{opacity: 0;visibility: hidden;position: absolute;top:68px;right:107px;border:1px solid #e6e6e6;background-color: #fff;border-radius: 8px;padding: 8px 24px;transition: all 0.2s ease-out;z-index: 1;}
#header .inner .header_util .util_lang:hover .btn_language+.language_list
,#header .inner .header_util .util_lang:focus .btn_language+.language_list{opacity: 1;visibility: visible;}
#header .inner .header_util .util_lang .btn_language+.language_list ul li{padding: 8px 0;}
#header .inner .header_util .util_lang .btn_language+.language_list ul li a{margin: 0;font-size: 14px;line-height: 1.57;}
#header .inner .header_util .util_lang .btn_language+.language_list ul li a.active{color: #006ecd;text-decoration:underline;text-underline-position:under;}
#header .inner .btn_menu{width: 32px;z-index: 999;text-align: center;}

#header .inner .btn_menu .hamburger-ico{display:inline-block;vertical-align:middle;position:relative;}
#header .inner .btn_menu .hamburger-ico .line{display: block;width:20px; height:1px;margin:7px auto;background-color:#000;border-radius:20px;transition: all 0.3s ease;}

#footer {position:relative; background-color:#f7f7f7; text-align:left; z-index:60; font-size:12px; line-height: 1.67;letter-spacing: -0.2px;color: #666; }
#footer:after{content:''; clear:both; display:block}
#footer .inner {position:relative;max-width: 1440px;margin: 0 auto;padding: 56px 80px 25px 80px;}
#footer .footer-menu:after{content:''; clear:both; display:block}
#footer .footer-menu > ul > li {float:left; line-height:1.5;padding:0 0 0 32px;}
#footer .footer-menu > ul > li a {display:block; font-size: 16px;line-height: 1.71;color:#666}
#footer .footer-menu > ul > li.point{padding-left:0;}
#footer .footer-menu > ul > li.point a {color:#000;}
#footer .footer-list {display: flex; justify-content: space-between;}
#footer .title {font-family: none; font-size: 1.3rem; font-weight: bold; padding-bottom: 1rem;}
#footer .address {font-style: normal; font-size: 14px;}
#footer .download {font-style: normal; font-size: 14px;}
#footer .address span {padding-right:10px;}
#footer .address span a{text-decoration: underline;color:#666}
#footer .download span {padding-right:10px;padding-right: 3rem;}
#footer .download span a{padding-right:10px; text-decoration: underline;color: #666; font-size: 1rem;}
#footer .copyright {padding-top:16px; font-size: 16px;}
#footer .footer-policy {position:absolute; right:80px; bottom:56px;  z-index:101;display: flex;justify-content: flex-end;}
#footer .footer-policy .btn-youtube{padding: 8px 16px;background-color: transparent; border-color:#ccc;}


@media (hover: hover) {
    #footer .footer-policy .btn-youtube:hover {border-color: rgba(204,204,204,0.5);}
}
#footer .footer-policy .btn-youtube span{font-size: 14px;line-height: 1.71;letter-spacing: -0.2px;}
#footer .footer-policy .select_policy{position: relative; background-color: #e6e6e6;width: 200px;height: 40px;border-radius: 4px;margin-left: 12px;}
#footer .footer-policy .select_policy.on{background-color: #000;}
#footer .footer-policy .select_policy.on .companyGroup{opacity: 1;visibility: visible;transform: translate(0, 0);}
#footer .footer-policy .select_policy.on h2 a{color: #fff;}
#footer .footer-policy .select_policy h2{position: relative;}
#footer .footer-policy .select_policy h2 a {display:block;padding:0 0 0 16px; height:40px; line-height:40px; font-size:14px;font-weight: 400;color:#000;}
#footer .footer-policy .select_policy h2::before {content:""; position:absolute; top: 19px; right: 18px; width: 16px; height: 2px; background-color:#595959;}
#footer .footer-policy .select_policy h2::after {content:""; position:absolute; top: 12px; right: 25px; width: 2px; height: 16px; background-color:#595959; transition:.4s ease}
#footer .footer-policy .select_policy.on h2::before{background-color:#fff}
#footer .footer-policy .select_policy.on h2::after {opacity:0; transform:rotate(90deg)}
#footer .footer-policy .select_policy .companyGroup {opacity: 0;visibility: hidden;transform: translate(0, 5px);transition: .25s ease; position:absolute; left:0; bottom: 48px; width: 100%; height: 406px; padding:12px 10px 12px 16px; border-radius: 8px;border: 1px solid #e6e6e6; background:#fff;  z-index:10}
#footer .footer-policy .select_policy .companyGroup > ul{overflow-y:scroll;height: 100%;}
#footer .footer-policy .select_policy .companyGroup li{padding: 4px 0;font-size: 14px;line-height: 1.71;letter-spacing: -0.2px;}
#footer .footer-policy .select_policy .companyGroup li a{display:block;color: #666;font-weight: 300;}
#footer .footer-policy .select_policy .companyGroup li a {color: #666;}
#footer .footer-policy .select_policy .companyGroup li a:hover{color:#006ecd}
#footer .footer-policy .select_policy .companyGroup li p.title {color: #000;font-weight: 400;padding: 4px 0 4px;}
#footer .footer-policy .select_policy .companyGroup li:first-child p.title{padding-top: 0;}
#footer .footer-policy .select_policy .companyGroup li.pc_show {display:block;}
#footer .footer-policy .select_policy .companyGroup li.mo_show {display:none;}
#footer .footer-policy .select_policy .companyGroup > ul::-webkit-scrollbar{width:6px;-webkit-appearance: none;}
#footer .footer-policy .select_policy .companyGroup > ul::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 3px}
#footer .footer-policy .select_policy .companyGroup > ul::-webkit-scrollbar-track {background-color: #fff;}
#footer .footer_location {display: block; border: 2px solid black; border-radius: 5px;}
#footer .footer_location img{object-fit: cover;}


#container {transition:transform .5s cubic-bezier(.59,.01,.28,1),-webkit-transform .5s cubic-bezier(.59,.01,.28,1);}

#contents {position:relative; margin-top: 90px;}
img{max-width: 100%;}
.opensitemap #header{background-color: #000;border-color: rgba(238,238,238,0.2);}
.opensitemap #header .logo a>img{opacity: 0;visibility: hidden;}
.opensitemap #header .logo a>img+img{opacity: 1;visibility: visible;}
.opensitemap #header .inner .btn_menu .hamburger-ico .line{ background-color:#fff;width: 30px;}
.opensitemap .hamburger-ico .line1{transform: translateY(8px) rotate(45deg);}
.opensitemap .hamburger-ico .line2{opacity:0;}
.opensitemap .hamburger-ico .line3{ transform: translateY(-8px) rotate(-45deg);}
.opensitemap #header .inner .gnb-wrap{display: none;}
.opensitemap #header .inner .header_util .btn_util_wrap{display: none;}
#sitemap{
    display: none;
    position:fixed;left:0;right:0;
    top:0;bottom:0;
    z-index:999;
    width:100%;
    background:#222;
    background-size: cover;
    -webkit-font-smoothing: antialiased;
    overflow-y: auto; overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.opensitemap #sitemap{display: block;}
.opensitemap #sitemap .sitemap-body{opacity: 1;visibility: visible;}
#sitemap::-webkit-scrollbar{display: none;}
#sitemap .sitemap-body{padding-top: 74px;transition: opacity 0.2s ease-out 0.1s, visibility 0.2s ease-out 0.1s;opacity: 0;visibility: hidden;}
#sitemap .sitemap-body >ul{max-width: 1328px;margin: 0 auto;padding: 0 24px;}
#sitemap .sitemap-body >ul>li{overflow: hidden;padding-bottom: 64px;}
#sitemap .sitemap-body >ul>li>a{float: left;width: 204px; font-size: 32px; line-height: 1.5;letter-spacing: -0.2px; color: #fff;}
#sitemap .sitemap-body >ul>li>a:focus{outline-offset:-2px;}
#sitemap .sitemap-body .sub-wrap{float: left;width: calc(100% - 204px);padding-top: 10px;}
#sitemap .sitemap-body .sub-sitemap2 .sub-2depth{margin-bottom: -56px;}
#sitemap .sitemap-body .sub-sitemap2 .sub-2depth>li{padding-bottom: 56px;}
#sitemap .sitemap-body .sub-2depth{display: flex;flex-wrap: wrap;}
#sitemap .sitemap-body .sub-2depth>li{padding-right: 56px;}
#sitemap .sitemap-body .sub-2depth>li> a{color: #fff;  font-size: 18px;line-height: 1.56;letter-spacing: -0.2px;}
#sitemap .sitemap-body .sub-3depth{padding: 6px 0 0;}
#sitemap .sitemap-body .sub-3depth>li{padding: 6px 0 0;}
#sitemap .sitemap-body .sub-3depth>li> a{ opacity: 0.7; font-size: 14px;line-height: 1.71;letter-spacing: -0.2px;color: #fff;}
#sitemap .sitemap-util{text-align: center;padding: 23px 0;border-top:1px solid #e6e6e6;display: none;}
#sitemap .sitemap-util ul{display: flex;justify-content: center;padding: 9px 0 38px;}
#sitemap .sitemap-util ul li{position: relative;padding: 0 16px;}
#sitemap .sitemap-util ul li::before{content: '';position: absolute;top:10px;left:-1px; width: 2px;height: 2px;background-color: #666;}
#sitemap .sitemap-util ul li:first-child:before{content: none;}
#sitemap .sitemap-util ul li a{font-size: 14px;line-height: 1.71;color: #666;}
#sitemap .sitemap-util ul li a.active{color:#006ecd;text-decoration:underline;text-underline-position:under;}
#sitemap .sitemap-util p.txt{font-size: 20px;line-height: 1.6;letter-spacing: -0.2px;}
#sitemap .sitemap-util .btn_wrap{padding: 20px 0 24px;display: flex;justify-content: center;}
#sitemap .sitemap-util .btn_wrap a{background-color: #030c39;margin: 0 4px;}
#sitemap .sitemap-util .btn_wrap a.is-white2{background-color: #fff;border-color: #030c39;}
#sitemap .sitemap-util p.copy{font-size: 12px;line-height: 1.67;letter-spacing: -0.2px;color: #666;}
/* 기본적으로 숨김 */
.bottom-sheet {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 40rem;
    background: #262626;
    border-radius: 1.333rem 1.333rem 0 0;
    overflow: hidden;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
}

/* 팝업이 보일 때 */
.bottom-sheet.show {
    display: block;
    transform: translateY(0);
}

.bottom-sheet-body {
    padding: 2rem 1.33rem;
    text-align: center;
}

.app-icon {
    width: 4.333rem;
    height: 4.333rem;
    object-fit: contain;
    margin-bottom: 1rem;
}

.app_title {
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
    margin-bottom: 1.67rem;
}

/* 버튼 스타일 */
.app-button {
    width: 100%;
    padding: 1.1rem;
    background: #999;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 0.333rem;
    border: none;
    cursor: pointer;
    margin-bottom: 0.5rem;
}

.web-button {
    width: 100%;
    padding: 0.83rem;
    font-size: 1.167rem;
    color: #B0B0B0;
    background: none;
    border: none;
    text-decoration: underline;
    cursor: pointer;
}


/* Media Query */
@media all and (max-width: 1830px) {
    #header .inner .navbar {padding-left:150px; max-width:none}
    #header .inner .sub .sub-wrap{max-width: none;padding-left: 270px;}
}
@media all and (max-width: 1590px) {
    #header .inner .sub .sub-wrap{padding-left: 0;}
    #header .inner .sub .sub-wrap .sub-2depth{margin: 0 auto;}
}
@media all and (max-width: 1440px) {
    #header .inner{width: 100%;padding: 0 24px;}
}
@media all and (max-width: 1280px) {
	/*#header.root .logo a>img {opacity:1; visibility:visible;}*/
    #header .inner{justify-content: flex-end;}
    #header .inner .navbar {
        display: none;
    }
    #header .inner .header_util .btn_util_wrap a:not(.btn_search){display: none;}
    #wrap {min-width:100%;}
    .inner_container {width:100%; padding:0 80px;}
    .inner_container.is-scroll {padding:0;}

	.opensitemap #header{background-color: #fff;}
    .opensitemap #header .inner .btn_menu .hamburger-ico .line{background-color: #000;}
    .opensitemap #header .logo a>img{opacity: 1;visibility: visible;}
    .opensitemap #header .logo a>img+img{opacity: 0;visibility: hidden;}
    #sitemap{background: #fff;top:0;padding-top: 89px;}
    #sitemap .sitemap-body{padding-top: 0;}
    #sitemap .sitemap-body >ul{padding: 0;}
    #sitemap .sitemap-body .sub-wrap{display:none; width:100%; padding:8px 87px 8px 96px; background-color: #f7f7f7}
    #sitemap .sitemap-body >ul>li{padding: 0;}
    #sitemap .sitemap-body >ul>li>a{position: relative; width:100%; height:66px; padding:21px 80px; color:#000; font-size:16px; line-height:1.63;letter-spacing:-0.2px}
    #sitemap .sitemap-body >ul>li>a.btn_submenu::after {content:''; position:absolute; top:22px; right:86px; width:20px; height:20px; font-family: "bootstrap-icons"; color: #4d4d4d; content: '\F282'; background-size:100% auto; transition:transform 0.2s ease-out}
    #sitemap .sitemap-body >ul>li.active .sub-wrap{display: block;}

    #sitemap .sitemap-body li.open> a.btn_submenu::after{transform: rotate(180deg)}
    #sitemap .sitemap-body .sub-2depth{display: block;}
    #sitemap .sitemap-body .sub-2depth>li{padding: 0}
    #sitemap .sitemap-body .sub-2depth>li> a{position: relative;display: block; color: #000;font-size: 14px; line-height: 1.71;letter-spacing: -0.2px;padding: 16px 0;}
    #sitemap .sitemap-body .sub-2depth>li> a.btn_submenu::after {content:''; position:absolute; top:20px; right:0; width:18px; height:18px; font-family: "bootstrap-icons"; color: #4d4d4d; content: '\F286'; background-size:100% auto; transition:transform 0.2s ease-out}
    #sitemap .sitemap-body .sub-sitemap2 .sub-2depth{margin-bottom: 0;}
    #sitemap .sitemap-body .sub-sitemap2 .sub-2depth>li{padding-bottom: 0;}
    #sitemap .sitemap-body .sub-sitemap2 .sub-2depth>li:first-child{ width: auto;}

    #sitemap .sitemap-body .sub-sitemap2 .sub-2depth>li:nth-child(2),
    #sitemap .sitemap-body .sub-sitemap2 .sub-2depth>li:nth-child(7) { width:auto;}
    #sitemap .sitemap-body .sub-sitemap2 .sub-2depth>li:nth-child(3),
    #sitemap .sitemap-body .sub-sitemap2 .sub-2depth>li:nth-child(8) {width:auto;}

    #sitemap .sitemap-body .sub-2depth>li.active>a:not(.btn_submenu):not(.btn_all_service){color: #006ecd;text-decoration: underline;}
    #sitemap .sitemap-body .sub-2depth>li.active .sub-3depth{display: block;}
    #sitemap .sitemap-body .sub-3depth{padding: 0 0 4px;display: none;}
    #sitemap .sitemap-body .sub-3depth>li{padding: 0;}
    #sitemap .sitemap-body .sub-3depth>li> a{opacity: 1;line-height: 1.54;letter-spacing: -0.2px;color: #666;padding: 6px 0 6px 12px;display: block;}
    #sitemap .sitemap-body .sub-3depth>li.active> a{color: #006ecd;text-decoration: underline;}
    #sitemap .sitemap-util{display: block;}
    #footer .inner{max-width: 1280px;}
}


@media all and (max-width: 1100px) {
    .layout_section_outer .layout_head .top_txt3.is-flex {flex-direction: column; align-items:flex-start}
    .layout_section_outer .layout_head .top_txt3.is-flex .common-btn {margin-left:inherit; margin-top:32px;}
}


@media all and (max-width: 1024px) {
	#sitemap .sitemap-body >ul>li>a {padding-right:40px; padding-left:40px}
	#sitemap .sitemap-body >ul>li>a.btn_submenu::after {right:46px}
	#sitemap .sitemap-body .sub-wrap {padding-right:47px; padding-left:56px}
    #search-layer .inner .btn_close_search{right:40px}
    #header{min-width: 100%}
	#header .logo {left:40px}
	#header .inner .header_util {right:40px}
    body {min-width:100%;}
    .inner_container {width:100%; padding:0 40px;}

    #footer .inner{max-width: 1024px;padding: 48px 40px;}
    #footer .footer-menu > ul > li{padding: 0 0 0 23px;}
    #footer .footer-policy{right: 40px;}
}

@media all and (max-width: 950px) {
    #footer .inner {padding: 48px 24px;}
    #footer .footer-menu{display: flex;}
    #footer .footer-menu > ul{width: 50%;}
    #footer .footer-menu > ul > li{width: 100%;padding-bottom: 12px;}
    #footer .footer-menu > ul > li{padding-left: 0;}
    #footer address{padding-top: 40px;}
    #footer .footer-policy{position: static;justify-content: flex-start;flex-wrap: wrap;}
    #footer .footer-policy .btn-youtube{margin: 20px 0 24px;}
    #footer .footer-policy .select_policy{width: 100%;margin: 8px 0 0 0;}
    #footer .footer-policy .select_policy h2{background-position: calc(100% - 18px) center;}
    #footer .footer-policy .select_policy .companyGroup {height: 364px;}
}

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

@media all and (max-width: 768px) {
    #header{height: 60px;}
    #header .logo {width:108px; height:32px; margin:14px 0; left:24px}
    #header h1 {font-size: 1em; margin: 0.5em 0;}
    #header.root .inner .logo a>img {height: 32px;}
    #header.root .inner .logo a>img+img {height: 32px;}
    #header .inner .logo a>img {height: 32px;}
    #header .inner .logo a>img+img {height: 32px;}

    #header .inner{height: 60px;padding: 0;}
    #header .inner .header_util{padding:13px 0; right:16px}
    #header .inner .header_util a{margin-left: 16px;}
    #header .inner .header_util a >img{width: 28px;vertical-align: middle;}

    #search-layer{background: #fff;}
    #search-layer .inner{height: auto; padding: 100px 24px 0;}
    #search-layer .inner .area_search{width: 100%;}
    #search-layer .inner .area_search form input[type="search"]{height: 56px;font-size: 18px;}
    #search-layer .inner .area_search form input[type="search"]::placeholder{font-size: 18px;}
    #search-layer .inner .area_search form .icon_search{width: 48px;}
    #search-layer .inner .btn_close_search{top:16px;right: 16px;    width: 32px;
        text-align: center;}

    #sitemap{top:59px;}
	#sitemap .sitemap-body >ul>li>a {padding-right:24px; padding-left:24px}
	#sitemap .sitemap-body >ul>li>a.btn_submenu::after {right:30px}
	#sitemap .sitemap-body .sub-wrap {padding-right:31px; padding-left:40px}

    .close-ico .line{width: 27px;}
    .opensitemap #header .inner .btn_menu .hamburger-ico .line{width: 27px;}
    .opensitemap .hamburger-ico .line1{transform: translateY(8px) rotate(45deg);}
    .opensitemap .hamburger-ico .line3{ transform: translateY(-8px) rotate(-45deg);}


    .inner_container {width:100%; padding:0 24px;}
    
    #footer .footer-policy .select_policy .companyGroup li.pc_show {display:none;}
    #footer .footer-policy .select_policy .companyGroup li.mo_show {display:block;}
    .bottom-sheet {display: block !important;}
}

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

    .inner_container h2{
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1;
    } 

}

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

}

@media all and (max-width: 375px) {
    .layout_section_outer .layout_head.is-flex .common-btn {margin-top:25px;}
}

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

}

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

}

/******************/
/* max-width show */
/******************/
.show_1280 {display:none}
.show_1024 {display:none}
.show_768 {display:none}
.show_480 {display:none}
.show_375 {display:none}
.show_320 {display:none}

.hide_1280 {display:block}
.hide_1024 {display:block}
.hide_768 {display:block}
.hide_480 {display:block}
.hide_375 {display:block}
.hide_320 {display:block}

.section_375_768 {display:none}



ul,ol {list-style:none; padding: 0;}
legend, caption {overflow: hidden; width: 0; height: 0; line-height: 0;}
a {text-decoration:none;}
button {cursor:pointer; background-color:transparent; border:0;}

.blind {position: absolute; top: -999px; left: -999px; width: auto; overflow: hidden; text-indent: -9999px; white-space: nowrap;}

label {cursor:pointer; color: #000;}

textarea,
input[type="tel"],
input[type="number"],
input[type="email"],
input[type*="date"],
input[type="text"],
input[type="password"],
input[type="search"] {
    width:100%; height:48px; padding:0 16px; border-radius:4px; -webkit-border-radius:4px; background-color:transparent; -webkit-appearance:none;-moz-appearance:none;appearance:none; border:1px solid rgba(204,204,204,0.5); font-size:16px; color:rgba(255,255,255,0.5); font-family: AppleGothic, Apple SD Gothic Neo, helvetica, '돋움', Dotum, sans-serif;
}
textarea:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type*="date"]:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled {border-color:rgba(204,204,204,0.2);}

/*
textarea {width:100%; padding:16px; border-radius:4px; font-size:16px; background-color:transparent; -webkit-appearance:none;-moz-appearance:none;appearance:none; border:1px solid rgba(204,204,204,0.5); font-size:16px; font-family: AppleGothic, Apple SD Gothic Neo, helvetica, '돋움', Dotum, sans-serif;}
textarea::-webkit-input-placeholder {font-size:16px; color:rgba(255,255,255,0.5)}
textarea:-ms-input-placeholder {font-size:16px; color:rgba(255,255,255,0.5)}
textarea::placeholder {font-size:16px; color:rgba(255,255,255,0.5)}
*/
::-webkit-input-placeholder{font-size:11px;color:#666666}/* Chrome, Safari and Opera */
::-moz-placeholder{font-size:12px;color:#666666}/* Firefox */
:-ms-input-placeholder{font-size:12px;color:#666666 !important}/* Internet Explorer */
::-ms-input-placeholder{font-size:12px;color:#666666 !important}

.inner_container {width:100%; padding-bottom:50px; margin-bottom: 50px;}
.inner_container:first-child {margin-top: 80px;}
.section-header {
    display: flex;
    justify-content: space-between; 
    align-items: center;
    position: relative;
}

.section-header h2{
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
}

/* Download App */
.download_app_wrap{
    display: flex;
    justify-content: space-around;
    gap: 10%;
    flex-wrap: wrap;
}
.download_app {
    max-height: 125px;
    max-width: 100%; /* 부모 요소보다 커지지 않도록 */
    height: auto; /* 가로 비율에 맞게 자동 조정 */
    width: auto;
    object-fit: contain; /* 이미지 왜곡 방지 */
    display: block;
    margin: 0 auto;
}

.download_apps{
    
    cursor: pointer;
    gap: 10%;
    flex-wrap: nowrap;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    
}
@media all and (min-width: 375px) and (max-width: 768px) {
	.section_375_768 {display:block}
}

@media all and (max-width: 280px) {
    .show_280 {display:block;}
    .hide_280 {display:none;}
}

@media all and (max-width: 320px) {
    .show_320 {display:block;}
    .hide_320 {display:none;}
}

@media all and (max-width: 375px) {
    .show_375 {display:block;}
    .hide_375 {display:none;}
}

@media all and (max-width: 420px) {
    .show_420 {display:block;}
    .hide_420 {display:none;}
}

@media all and (max-width: 480px) {
    .show_480 {display:block;}
    .hide_480 {display:none;}
}

@media all and (max-width: 768px) {
    .show_768 {display:block;}
    .hide_768 {display:none;}
}

@media all and (max-width: 1024px) {
    .show_1024 {display:block;}
    .hide_1024 {display:none;}
}

@media all and (max-width: 1280px) {
    .show_1280 {display:block;}
    .hide_1280 {display:none;}
}