@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,800&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');

/*Common*/
*{margin:0;padding:0}
html{height:100%;overflow-y:scroll;scroll-behavior: smooth;}
body{height:100%;background-color:#fff;word-break:keep-all;text-size-adjust:100% !important;color:#555;font:14px/1.5 "Noto Sans KR","돋움",dotum,sans-serif}
h1,h2,h3,h4,h5,h6,th,td,li,dt,dd,input,textarea,select,option,button{font:inherit;color:inherit}
img,fieldset,iframe{border:0}
ul{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
img{max-width:100%}
a{color:#4641d9;text-decoration:none;cursor:pointer}
button,label{cursor:pointer}
textarea{overflow:auto}
.input_check,.input_radio{width:13px;height:13px}
.blind,legend,caption,hr{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}

/*test*/
.test1{border:1px solid red}
.test2{background:#4f7beb}

.font1{font-family:"Noto Sans KR";}
.font2{font-family:"Montserrat";}

button.pop_today_close{
    padding: 2px 8px 2px 8px;
    color: #ffffff;
    background: #303030;
    vertical-align: middle;
    border: 0px;
}
.bbs ul.list1 {
    scroll-margin-top: 176px;
}

#wrap {
    overflow: hidden;
}
#wrap a:hover {
    text-decoration: none;
}
#wrap .viewcon a:hover {
    text-decoration-color: currentColor !important;
}
#bgBlack{
	display:none;
	position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
/* header */
#header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}
.head {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 64px;
    padding-inline: 32px;
    background: #fff;
    box-shadow: 0 -1px 0 #ddd inset;
    text-align: center;
}
.head a:hover {
    text-decoration: none;
}
.head h1 {
    display: block;
    flex: 1 0 auto;
    z-index: 1000;
}
.head h1 a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    height: 32px;
    flex: 1 0 auto;
    width: fit-content;
}
.head h1 a img {
    height: 100%;
}
.head h1 a b {
    color: #333;
    text-align: center;
    font: 700 20px/normal "Montserrat", sans-serif;
}
.head .pc_nav {
    width: 100%;
}
.head .pc_nav > ul {
    display: flex;
    justify-content: center;
    width: 100%;
}
.head .pc_nav > ul > li {
    margin: 0 3.5vw;
}
.head .pc_nav > ul > li > a {
    display: inline-block;
    position: relative;
    color: #333;
    font: 700 16px/64px "Noto Sans KR", sans-serif;
    text-decoration: none;
}
.head .pc_nav > ul > li > a:after {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background: #db3b4c;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: center;
    transform: scaleX(0);
    transition: all 0.4s;
}
.head .pc_nav > ul > li.on > a:after {
    transform: scaleX(1);
}
.head .gnb {
    display: flex;
    align-items: center;
    right: 32px;
    gap: 24px;
    z-index: 999;
}
.head .gnb .mem {
    display: flex;
    align-items: center;
}
.head .gnb .mem ul {
    display: flex;
}
.head .gnb .mem ul li a {
    color: #555;
    text-decoration: none;
}
.head .gnb .mem .user {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
}
.head .gnb .mem .user .profile_pht {
    overflow: hidden;
    border-radius: 50%;
}
.head .gnb .mem .user .profile_pht img {
    /* height: 100%; */
}
.head .gnb .mem .user .profile_pht b {
    color: #333;
    text-align: center;
    font: 700 20px/normal "Montserrat", sans-serif;
}
.head .gnb > ul > li > a {
    font-size: 12px;
    color: #444;
    font-weight: 500;
    background-size: 24px;
}
.head .gnb .login-icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(/images/common/login-icon.svg) no-repeat center;
    background-size: 24px;
}
.head .gnb .btns {
    display: flex;
    align-items: center;
    gap: 16px;
}
.head .gnb .btns .m_etc {
    display: none;
}
.head .gnb .btns .m_layer {
    display: block;
}
.head .gnb .btns .m_layer > div {
    display: flex;
    gap: 16px;
    align-items: center;
}
.head .gnb .btns .btn_search {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
}
.head .gnb .btns .btn_search > a {
    box-sizing: border-box;
    display: block;
    padding: 2px;
    width: 20px;
    height: 20px;
    background: url(/images/btn_search.png) no-repeat center;
    background-size: contain;
}
.head .gnb .btns .btn_search.on > a {
    width: 16px;
    height: 16px;
    padding: 2px;
    z-index: 1000;
    background: url(/images/btn_close2.png) no-repeat center;
}
.head .gnb .btns .btn_language {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    z-index: 1;
    border-radius: 4px;
}
.head .gnb .btns .btn_language > a {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 20px;
    height: 20px;
    padding: 2px;
    background: url(/images/common/lang_btn.svg) center no-repeat;
}
.head .gnb .btns .btn_language > ul {
    display: none;
    position: absolute;
    left: 50%;
    top: calc(100% + 6px);
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 4px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
}
.head .gnb .btns .btn_language > ul > li {
    margin-bottom: 0px;
}
.head .gnb .btns .btn_language > ul > li:last-child {
    margin-bottom: 0;
}
.head .gnb .btns .btn_language > ul > li > a {
    display: block;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 4px 8px;
}
.head .gnb .btns .btn_language > ul > li:hover > a {
    background: #db3b4c;
    color: #fff;
}
.head .gnb .btns .btn_menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1000;
    width: 24px;
    height: 24px;
    padding: 4px 2px;
    box-sizing: border-box;
    cursor: pointer;
}
.head .gnb .btns .btn_menu .menu_line {
    width: 100%;
    height: 2px;
    background: #000;
    border-radius: 2px;
    transition: all 0.25s;
}
.head .gnb .btns .btn_menu.open > div:nth-child(1) {
    width: 100%;
    transform: translateY(7px) rotate(45deg);
}
.head .gnb .btns .btn_menu.open > div:nth-child(2) {
    transform: scale(0);
}
.head .gnb .btns .btn_menu.open > div:nth-child(3) {
    width: 100%;
    transform: translateY(-7px) rotate(-45deg);
}
.profileLayer {
    display: none;
    position: fixed;
    right: 1.5%;
    top: 56px;
    z-index: 5000;
    box-sizing: border-box;
    width: 200px;
    background: #fff;
    padding: 24px;
    border-radius: 16px;
    word-break: break-word;
    text-align: center;
}
.profileLayer .btn_close {
    position: absolute;
    right: 20px;
    top: 20px;
}
.profileLayer .user_info {
    border-bottom: 1px solid #efefef;
}
.profileLayer .user_info .pht {
    overflow: hidden;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
}
.profileLayer .user_info .pht img {
    height: 100%;
}
.profileLayer .user_info .email {
    padding: 8px 0;
    font-size: 12px;
    color: #777;
    font-weight: 500;
}
.profileLayer .user_btns {
    padding: 24px 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-wrap: wrap;
    align-content: center;
}
.profileLayer .user_btns li {
    text-align: left;
}
.profileLayer .user_btns li:last-child {
    margin-bottom: 0;
}
.profileLayer .user_btns li a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #111;
    font-weight: 500;
    text-align: left;
}
.profileLayer .user_btns li a i {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-top: 1px;
    width: 14px;
    height: 14px;
}
.profileLayer .user_btns li a i.icon_mypage {
    background: url(/images/icon_mapage.png) no-repeat;
}
.profileLayer .user_btns li a i.icon_cart {
    background: url(/images/icon_cart.png) no-repeat;
}
.profileLayer .user_btns li a i.icon_logout {
    background: url(/images/icon_logout.png) no-repeat;
}
.profileLayer .user_btns li:hover a {
    color: #e64242;
}
.profileLayer .user_btns li:hover a i {
    background: url(/images/icon_mapage_hover.png) no-repeat;
}
/* submenu */
.submenu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
}
.submenu .menuwrap {
    overflow: hidden;
    box-sizing: border-box;
    display: none;
    max-width: 1280px;
    min-height: 320px;
    width: 100%;
    margin: 0 auto;
    padding: 40px;
    display: flex;
}
.submenu .menuwrap:first-child {
}
.submenu .menuwrap h2 {
    display: inline-block;
    box-sizing: border-box;
    min-width: 160px;
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-right: auto;
}
.submenu .menuwrap > ul {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    height: fit-content;
    border-left: 1px solid #ddd;
}
.submenu .menuwrap > ul > li {
    max-width: 240px;
    box-sizing: border-box;
    position: relative;
    width: calc(100% / 5);
    padding: 0 16px;
    border-right: 1px solid #ddd;
}
.submenu .menuwrap > ul > li > a {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    text-decoration: none;
    text-wrap: nowrap;
}
.submenu .menuwrap > ul > li > ul {
    margin-top: 16px;
}
.submenu .menuwrap > ul > li > ul > li {
    margin-bottom: 7px;
    line-height: 1.1 !important;
}
.submenu .menuwrap > ul > li > ul > li > a {
    font-size: 14px;
    color: #777;
    line-height: 1.4em;
&.line_break {
    line-height: 1.1 !important;
}
}
.submenu .menuwrap > ul > li > ul > li > a:hover {
    color: #db3b4c;
    text-decoration: none;
}
.submenu .menuwrap:nth-child(1) {
    /* background: url(/images/common/sub_img1.jpg) no-repeat right 40px; */
}
.submenu .menuwrap:nth-child(2) {
    /* background: url(/images/common/sub_img2.jpg) no-repeat right 40px; */
}
.submenu .menuwrap:nth-child(3) {
    /* background: url(/images/common/sub_img3.jpg) no-repeat right 40px; */
}
.submenu .menuwrap:nth-child(4) {
    /* background: url(/images/common/sub_img4.jpg) no-repeat right 40px; */
}
.submenu .menuwrap:nth-child(5) {
    /* background: url(/images/common/sub_img5.jpg) no-repeat right 40px; */
}
/* allmenu */
.allmenu {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding: 70px 0 0;
    background: #f9f9fb;
}
.allmenu a:hover {
    text-decoration: none;
    color: #db3b4c;
}
.allmenu > ul {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    gap: 0;
    box-sizing: border-box;
    padding: 0vh 8% 0 16%;
}
.allmenu > ul > li {
    box-sizing: border-box;
    width: 33.333%;
    padding: 0 1.25vw;
}
.allmenu > ul > li:before {
    display: block;
    content: "";
    width: 1px;
    height: 1000%;
    background: #ddd;
    position: absolute;
    left: 0;
    top: -50%;
}
.allmenu > ul > li:last-child {
    border: 0;
}
.allmenu > ul > li > a {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 40px;
    font-size: 24px;
    color: #000;
    font-weight: 600;
    line-height: 1em;
}
.allmenu > ul > li > a:before {
    display: block;
    content: "";
    width: 2px;
    height: 26px;
    background: #000;
    position: absolute;
    left: -1.25vw;
    top: 2px;
}
.allmenu > ul > li > ul > li {
    display: flex;
    margin-bottom: 20px;
}
.allmenu > ul > li > ul > li:last-child {
    margin-bottom: 0;
}
.allmenu > ul > li > ul > li > a {
    display: block;
    box-sizing: border-box;
    width: 160px;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    line-height: 1.5em;
}
.allmenu > ul > li > ul > li > ul {
    width: calc(100% - 150px);
}
.allmenu > ul > li > ul > li > ul > li {
    position: relative;
}
.allmenu > ul > li > ul > li > ul > li::before {
    position: absolute;
    content: '-';
    top: 3px;
    transform: translateY(-50%);
    left: -12px;
    height: 1px;
}
.allmenu > ul > li > ul > li > ul > li > a {
    font-size: 14px;
    color: #777;
    line-height: 1.5em;
}
.allmenu .mem {
    display: none;
}
/* foot */
.foot .foot_sitemap {   
    padding:45px 0;
    background:#ececef;
}
.foot .foot_sitemap > div {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    position:relative;
    padding:0 2%;
}
.foot .foot_sitemap .fm {
    display:flex;
    width:calc(100% - 144px - 65px);
}
.foot .foot_sitemap .fm > li {
    width:20%;
}
.foot .foot_sitemap .fm > li > a {
    font-size:19px;
    color:#111;
    font-weight:600;
}
.foot .foot_sitemap .fm > li > ul {
    margin-top:16px;
}
.foot .foot_sitemap .fm > li > ul > li > a {
    font-size:16px;
    color:#777;
    font-weight:500;
    line-height:1.7em;
}
.foot .foot_sitemap .links {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:144px;
}
.foot .foot_sitemap .links li {
    margin-bottom:12px;
}
.foot .foot_top {   
    padding:24px 0;
    background:#e4e5e9;
    border-bottom:1px solid #ccc;
}
.foot .foot_top > div {
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse;
    padding:0 2%;
}
.foot .foot_top ul {
    display:flex;
}
.foot .foot_top ul li {
    margin-right:30px;
}
.foot .foot_top ul li a {
    font-size:17px;
    color:#333;
    font-weight:500;
}
.foot .foot_btm {   
    padding:24px 0 40px;
    background:#e4e5e9;
    border-bottom:1px solid #ddd;
}
.foot .foot_btm > div {
    display:flex;
    justify-content:space-between;
}
.foot .foot_btm .area1 {
    width:calc(100% - 500px);
}
.foot .foot_btm .area1 address {
    font-size:15px;
    color:#777;
    line-height:1.8em;
    font-weight:500;
}
.foot .foot_btm .area1 .copy {
    margin-top:10px;
    font-size:15px;
    color:#999;
}
.foot .foot_btm .bar {
    display:inline-block;
    width:1px;
    height:12px;
    margin:0 10px;
    background:#999;
}
.foot .foot_btm .area2 {
    width:390px;
}
.foot .foot_btm .area2 dl {
    display:flex;
    align-items:center;
    margin-bottom:5px;
}
.foot .foot_btm .area2 dl dt {
    width:225px;
    font-size:15px;
    color:#333;
    font-weight:500;
    text-align:left;
}
.foot .foot_btm .area2 dl dd {
    width:calc(100% - 225px);
    font-size:15px;
    color:#999;
    font-weight:500;
    text-align:right;
}
.foot .foot_btm .area2 dl:nth-child(1) {
    margin-bottom:24px;
    padding-bottom:24px;
    border-bottom:1px solid #ccc;
}
.foot .foot_btm .area2 dl:nth-child(1) dd {
    font-family:"Montserrat";
    font-size:26px;
    color:#111;
    font-weight:600;
}
/* quick */
.quick_menu{
    position:fixed;
    right:1.5%;
    bottom:20%;
    z-index:999;
    /* width:80px; */

    @media(max-width:1023px) {
        right: 3%;
        bottom: 10%;
    }
}
.quick_menu.off{
    z-index:1;
}
.quick_menu .btn_top{
    display:block;
    width:100%;
    height:24px;
    border-radius:16px;
    background:#fff url(/images/btn_top.png) no-repeat center;
    box-shadow:0 2px 2px rgba(0,0,0,0.1);
}
.quick_menu .links{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}
.quick_menu .links > a {
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-sizing:border-box;
    width:80px;
    height:80px;
    padding:12px;
    /* margin-bottom:6px; */
    border-radius:16px;
    text-align:center;
    background:#fff;
    box-shadow:0 2px 2px rgba(0,0,0,0.1);
    transition:all 0.24s;
}
.quick_menu .links > a .icon {
    height:100%;
    width: 100%;
    transition:all 0.24s;
}
.quick_menu .links > a:nth-child(1) .icon {
    background:url(/images/quick_menu01.png) no-repeat center;
}
.quick_menu .links > a:nth-child(2) .icon {
    background:url(/images/quick_menu02.png) no-repeat center;
}
.quick_menu .links > a:nth-child(3) .icon {
    background:url(/images/quick_menu03.png) no-repeat center;
}
.quick_menu .links > a:nth-child(4) .icon {
    background:url(/images/quick_menu04.png) no-repeat center;
}
.quick_menu .links > a .tit {
    font-size:14px;
    color:#666;
    transition:all 0.24s;
}
.quick_menu .links > a:hover {
    background:#db3b4c;
}
.quick_menu .links > a:hover .tit {
    color:#fff;
}
.quick_menu .links > a:nth-child(1):hover .icon {
    background:url(/images/quick_menu01.png) no-repeat center;
}
.quick_menu .links > a:nth-child(2):hover .icon {
    background:url(/images/quick_menu02.png) no-repeat center;
}
.quick_menu .links > a:nth-child(3):hover .icon {
    background:url(/images/quick_menu03.png) no-repeat center;
}
.quick_menu .links > a:nth-child(4):hover .icon {
    background:url(/images/quick_menu04.png) no-repeat center;
}
.quick_menu .links-en > a {
    padding: 8px;
}
.quick_menu .links-en > a > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.quick_menu .links-en > a > div .icon {
    width: 24px;
    height: 24px;
}
.quick_menu .links-en > a .tit {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    font-size: 12px;
    color: #666;
    line-height: 1rem;
    transition: all 0.24s;
}
.btn_kko{
    display:block;
    width:64px;
    height:64px;
    margin:0 auto;
    border:0;
    outline:0;
    background:#ffe800;
    box-shadow:3px 4px 6px rgba(0,0,0,0.1);
    border-radius:50%;
}
.btn_kko img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btn_kko.kko_ch {
    margin:15vh auto 10px;
}
.pcVersion{display:block;}
.mVersion{display:none;}

/* 헤더 검색 */
.searchForm {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2000;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    padding: 5vh 0;
    background: #fff;
    box-shadow: 2px 3px 5px rgba(0,0,0,0.2);
}
.searchForm .title {
    font-family: "Montserrat";
    font-size: 7vh;
    color: #111;
    font-weight: 800;
    line-height: 1.0em;
}
.searchForm .bbs_searchwrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 3vh auto 3vh;
}
.searchForm .bbs_searchwrap input {
    box-sizing: border-box;
    width: calc(100% - 160px - 19px);
    height: 64px;
    padding: 0 24px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 16px;
    color: #777;
    font-weight: 500;
}
.searchForm .bbs_searchwrap button {
    box-sizing: border-box;
    width: 160px;
    height: 64px;
    border-radius: 10px;
    border: 0;
    outline: 0;
    background: #000;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}
.searchForm .bbs_searchwrap button i {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin: 3px 4px 0 0;
    background: url(/images/m11_icon_search.png) no-repeat;
}
.searchForm .keyword .tit {
    font-size: 2.5vh;
    color: #111;
    font-weight: 600;
}
.searchForm .keyword ul {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 40px;
}
.searchForm .keyword ul li {
    margin-bottom: 10px;
    margin-right: 10px;
}
.searchForm .keyword ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 160px;
    height: 50px;
    padding: 0 12px;
    border: 1px solid #777;
    border-radius: 24px;
    font-size: 16px;
    color: #777;
    font-weight: 600;
}
.searchForm .keyword ul li a:hover {
    border: 1px solid #db3b4c;
    background: #db3b4c;
    color: #fff;
}
.searchForm .faqwrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2vh 4.5vh;
    border: 1px solid #ccc;
    border-radius: 20px;
}
.searchForm .faqwrap > div {
    padding-left: 90px;
    background: url(/images/icon_q.png) no-repeat left 5px;
    font-size: 16px;
    color: #777;
    font-weight: 500;
    line-height: 1.7em;
}
.searchForm .faqwrap > a {
    box-sizing: border-box;
    width: 200px;
    height: 50px;
    border: 1px solid #777;
    border-radius: 24px;
    font-size: 16px;
    color: #777;
    font-weight: 600;
    text-align: center;
    line-height: 48px;
}
.searchForm .faqwrap > a i {
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 9px;
    margin: 20px 0 0 6px;
    background: url(/images/m11_view_sec3_arr2.png) no-repeat;
}
.searchForm .contact {
    display: flex;
    margin-top: 5vh;
}
.searchForm .contact > div {
    box-sizing: border-box;
    width: 33.333%;
}
.searchForm .contact > div:nth-child(2) {
    position: relative;
    text-align: center;
}
.searchForm .contact > div:nth-child(2):before {
    display: block;
    content: "";
    width: 1px;
    height: 30px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px;
}
.searchForm .contact > div:nth-child(3) {
    text-align: right;
}
.searchForm .contact dl {
    display: inline-block;
    padding-left: 100px;
    width: 160px;
    text-align: left;
}
.searchForm .contact dl dt {
    padding-bottom: 10px;
    margin-bottom: 8px;
    font-size: 21px;
    color: #111;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}
.searchForm .contact dl dd {
    font-size: 16px;
    color: #777;
    font-weight: 400;
}
.searchForm .contact > div:nth-child(1) dl {
    background: url(/images/searchform_contact_icon1.gif) no-repeat left 10px;
}
.searchForm .contact > div:nth-child(2) dl {
    background: url(/images/searchform_contact_icon2.gif) no-repeat left 10px;
}
.searchForm .contact > div:nth-child(3) dl {
    background: url(/images/searchform_contact_icon3.gif) no-repeat left 10px;
}
.searchForm .btn_close {
    position: absolute;
    right: 6.5%;
    top: 26px;
    width: 26px;
    height: 26px;
    background: url(/images/btn_close2.png) no-repeat;
}

/* Desktop (1280px 이상) */
@media(min-width:1281px) {
    .allmenu > ul > li:nth-child(4),
    .allmenu > ul > li:nth-child(5) {
        transform: translateY(0px);
    }
    .head .gnb .btns .m_etc {
        /* display: none !important; */
    }
    .head .gnb .btns .m_layer {
        display: block !important;
    }
    .head .gnb .btns .btn_menu {
        display: none;

        &.open{
            display: flex;
        }
    }

}

/* Tablet & Mobile (1280px 이하) */
@media(max-width:1280px) {
    .head .pc_nav {
        display: none;
    }
    .head .gnb .btns {
        position: relative;
    }
    .head .gnb .btns .m_etc {
        display: block;
        width: 24px;
        height: 24px;
        background: url(/images/btn_etc.png) no-repeat center;
        background-size: contain;
        cursor: pointer;
    }
    .head .gnb .btns .m_layer {
        display: none;
        background: #fff;
        position: absolute;
        right: 80px;
        top: 36px;
        border-radius: 4px;
        padding: 8px;
        box-shadow: 0px 0px 8px 0 rgba(0,0,0,0.1);
    }
    .head .gnb .btns .m_layer > div {
        display: flex;
    }
    .head .gnb .btns .m_layer .btn_search:after {
        display: block;
        content: "";
        width: 1px;
        height: 100%;
        background: #ccc;
        position: absolute;
        right: 100%;
        top: 0;
        margin-right: -34px;
    }
    .head .gnb .btns .btn_language {
        display: flex;
        align-items: center;
        width: fit-content;
        gap: 8px;
    }
    .head .gnb .btns .btn_language:hover {
        background-color: inherit;
    }
    .head .gnb .btns .btn_language > ul {
        display: flex !important;
        gap: 4px;
        transition: all 0s;
        position: static;
        transform: translateX(0);
        padding: 0;
        background: 0;
        box-shadow: 0 0 0;
    }
    .head .gnb .btns .btn_language > ul > li {
        margin: 0;
    }
    .head .gnb .btns .btn_language > ul > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 45px;
        height: 30px;
        border: 1px solid #ddd;
        line-height: 28px;
    }
    .head .gnb .btns .btn_language > ul > li > a:hover {
        border: 1px solid #ec3037;
        background: #ec3037;
        color: #fff;
    }
    .head .gnb .btns .btn_search {
        margin: 0;
    }
    .allmenu {
        box-sizing: border-box;
        overflow: hidden;
        padding: 96px 0 0;
        height: 100vh;
        background: url(/images/bg_allmenu.jpg) no-repeat;
        background-size: cover;
    }
    .allmenu > ul {
        position: relative;
        display: block;
        padding: 0;
    }
    .allmenu > ul:before {
        display: block;
        content: "";
        position: absolute;
        left: 50%;
        top: -100%;
        width: 1px;
        height: 1000%;
        background: #ddd;
    }
    .allmenu > ul > li {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        border-bottom: 0;
        padding: 0vh 2vw;
    }
    .allmenu > ul > li:before {
        display: none;
    }
    .allmenu > ul > li > a {
        width: 50%;
        background: 0 !important;
        cursor: default;
    }
    .allmenu > ul > li > a:before {
        display: none;
        content: "";
        width: 2px;
        height: 26px;
        background: #000;
        position: absolute;
        left: calc(100% - 2px);
        top: 2px;
        opacity: 0;
    }
    .allmenu > ul > li.on > a {
        color: #db3b4c;
    }
    .allmenu > ul > li.on > a:before {
        opacity: 1;
    }
    .allmenu > ul > li.on > ul {
        display: block;
    }
    .allmenu > ul > li > ul {
        display: none;
        position: absolute;
        left: 50%;
        top: 2px;
        box-sizing: border-box;
        padding-left: 4%;
        width: 50%;
    }
    .allmenu > ul > li > ul > li {
        display: block;
        opacity: 0;
        transition: all 1s;
    }
    .allmenu > ul > li > ul > li > ul {
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .allmenu > ul > li > ul > li > ul > li {
        width: 100%;
        margin-bottom: 5px;
    }
    .allmenu.open > ul > li > ul > li {
        opacity: 1;
        transition: opacity 1s 1s;
    }
    .allmenu .mem {
        display: none;
        position: absolute;
        left: 3%;
        bottom: 5%;
    }
    .allmenu .mem li {
        margin-top: 5px;
    }
    .allmenu .mem a {
        position: relative;
        padding-right: 16px;
        font-size: 16px;
        font-weight: 500;
    }
    .allmenu .mem a:after {
        display: block;
        content: "";
        width: 4px;
        height: 4px;
        border-right: 1px solid #555;
        border-bottom: 1px solid #555;
        transform: rotate(-45deg);
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -2px;
    }
    .pcVersion {
        display: none;
    }
    .mVersion {
        display: block;
        text-align: center;
    }
    .mVersion button {
        margin: 0 auto;
        border: 0;
        background: 0;
        outline: 0;
        border-radius: 50%;
        box-shadow: 3px 4px 6px rgba(0,0,0,0.1);
    }
    .quick_menu {
        top: 70%;
    }
    .quick_menu .mVersion .btn_kko {
        margin: 10px auto;
    }
    .quick_menu .mVersion .btn_quickMenu {
        position: relative;
        z-index: 9999;
    }
    .quick_menu .mVersion .btn_quickMenu img {
        transition: all 0.24s;
    }
    .quick_menu .mVersion .btn_quickMenu.on img {
        transform: rotate(45deg);
    }
    .quick_menu .mVersion .menuwrap {
        position: relative;
        width: 56px;
        height: 56px;
        margin: 0 auto 12px;
        border-radius: 8px;
    }
    .quick_menu .mVersion .menuwrap ul {
        display: none;
        position: absolute;
        right: 0;
        bottom: 100%;
        margin-bottom: 8px;
    }
    .quick_menu .mVersion .menuwrap ul li {
        margin-bottom: 10px;
    }
    .quick_menu .mVersion .menuwrap ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 56px;
        height: 56px;
        border-radius: 8px;
        background: #fff;
    }
    .quick_menu .mVersion .menuwrap ul li a .icon {
        width: 100%;
        height: 26px;
        transition: all 0.24s;
    }
    .quick_menu .mVersion .menuwrap ul li a .tit {
        position: absolute;
        right: calc(100% + 20px);
        top: 50%;
        transform: translate(0,-50%);
        font-size: 14px;
        color: #fff;
        transition: all 0.24s;
    }
    .quick_menu .mVersion .menuwrap ul li:nth-child(1) a .icon {
        background: url(/images/m_quick_menu01.jpg) no-repeat center;
    }
    .quick_menu .mVersion .menuwrap ul li:nth-child(2) a .icon {
        background: url(/images/m_quick_menu02.jpg) no-repeat center;
    }
    .quick_menu .mVersion .menuwrap ul li:nth-child(3) a .icon {
        background: url(/images/m_quick_menu03.jpg) no-repeat center;
    }
    .quick_menu .mVersion .menuwrap ul li:nth-child(4) a .icon {
        background: url(/images/m_quick_menu04.jpg) no-repeat center;
    }
    .searchForm {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2000;
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        box-sizing: border-box;
        width: 100%;
        height: calc(100vh);
        padding: 5vh 0;
        background: #fff;
        box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    }
    .searchForm::-webkit-scrollbar {
        display: none;
    }
    .searchForm .title {
        font-size: 8vw;
        line-height: 1.3em;
    }
    .searchForm .btn_close {
        position: absolute;
        right: 6.5%;
        top: 26px;
        width: 26px;
        height: 26px;
        background: url(/images/btn_close2.png) no-repeat;
    }
}

/* Mobile (1023px 이하) */
@media(max-width:1023px) {
    .profileLayer {
        right: 3%;
    }
    .head {
        padding: 0 16px;
    }
    .head h1 a b {
        display: none;
    }
    .head .gnb .mem > ul > li:nth-child(1) a {
        display: inline-block;
        text-indent: -9999px;
        width: 26px;
        height: 26px;
        background: url(/images/common/btn_login.png) no-repeat center;
        background-size: cover;
    }
    .head .gnb .mem > ul > li:nth-child(2) {
        display: none;
    }
    .allmenu > ul > li > a {
        padding: 0 0 0 20px;
    }
    .allmenu .mem {
        display: none;
        position: absolute;
        left: 6%;
        bottom: 5%;
    }
    .stick-banner__container {
        display: none !important;
    }
    .foot .foot_sitemap {
        background: #e4e5e9;
        padding: 30px 3% 20px;
    }
    .foot .foot_sitemap > div .fm {
        display: none;
    }
    .foot .foot_sitemap > div .links {
        width: 100%;
        justify-content: flex-start;
    }
    .foot .foot_sitemap > div .links li {
        margin: 0 10px 0 0;
    }
    .foot .foot_top {
        padding: 0 3% 16px;
        border-bottom: 0;
    }
    .foot .foot_top > div {
        display: block;
    }
    .foot .foot_top > div ul {
        flex-wrap: wrap;
        margin-top: 5px;
        padding-bottom: 16px;
        border-bottom: 1px solid #ccc;
    }
    .foot .foot_top > div ul li {
        margin-top: 10px;
        margin-right: 10px;
    }
    .foot .foot_top > div ul li a {
        font-size: 14px;
    }
    .foot .foot_btm {
        padding: 10px 3% 30px;
    }
    .foot .foot_btm > div {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .foot .foot_btm > div .area1 {
        width: 100%;
        margin-top: 20px;
    }
    .foot .foot_btm > div .area2 {
        width: 100%;
    }
    .foot .foot_btm > div .area2 dl {
        display: block;
    }
    .foot .foot_btm > div .area2 dl dd {
        width: 100%;
        text-align: left;
    }
    .quick_menu {
        top: 70%;
    }
    .quick_menu .btn_top {
        margin: 0 auto;
    }
    .searchForm {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2000;
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        box-sizing: border-box;
        width: 100%;
        height: calc(100vh);
        padding: 5vh 0;
        background: #fff;
        box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    }
    .searchForm::-webkit-scrollbar {
        display: none;
    }
    .searchForm .bbs_searchwrap {
        gap: 8px;
        width: 100%;
        flex-wrap: nowrap;
        box-sizing: border-box;
    }
    .searchForm .bbs_searchwrap input {
        width: calc(100% - 10px);
    }
    .searchForm .bbs_searchwrap button {
        width: 64px;
        aspect-ratio: 1/1;
    }
    .searchForm .bbs_searchwrap button span {
        display: none;
    }
    .searchForm .keyword ul li a {
        min-width: 140px;
        padding: 0 12px;
        font-size: 16px;
        color: #777;
        font-weight: 600;
    }
    .searchForm .faqwrap {
        flex-wrap: wrap;
    }
    .searchForm .faqwrap > a {
        margin: 16px 0 0 90px;
        width: 100%;
    }
    .searchForm .contact {
        flex-wrap: wrap;
    }
    .searchForm .contact dl {
        padding-left: 75px;
        width: 49%;
        margin-top: 40px;
    }
    .searchForm .contact > div {
        width: 50%;
    }
    .searchForm .contact > div:nth-child(2):before {
        display: none;
    }
    .searchForm .contact > div:nth-child(3) {
        text-align: left;
    }
    .searchForm .btn_close {
        position: absolute;
        right: 6.5%;
        top: 26px;
        width: 26px;
        height: 26px;
        background: url(/images/btn_close2.png) no-repeat;
    }
    .stick-banner__container {
        display: none !important;
    }
}