@charset "utf-8";

#allmenuBox .menuBox > ul > li > .subDepth > li.on > a {}
#allmenuBox .menuBox > ul > li > .subDepth > li.on > a:hover { font-weight:600 }
#allmenuBox .menuBox > ul > li > .subDepth > li > a:hover { font-weight:300 }

/* main */
.main .gift-box .control_box { top:unset; bottom:220px; }
.main .gift-box .btn { margin-top:0; position:absolute; top:520px; }
@media screen and (max-width:1400px){
    .main .gift-box .swiper-slide .txtbox { padding-top:80px; }
    .main .gift-box .control_box { bottom:200px; }
    .main .gift-box .btn { top:420px; }
}
@media screen and (max-width:1280px){
    .main .gift-box .swiper-slide .txtbox { padding:40px 0; }
    .main .gift-box .control_box { bottom:200px; }
    .main .gift-box .btn { top:400px; }
}
@media screen and (max-width:1024px){
    .main .gift-box .swiper-slide .txtbox { padding-top:0; }
    .main .gift-box .control_box { bottom:100px; }
    .main .gift-box .btn { top:330px; }
}
@media screen and (max-width:960px){
.main .gift-box .swiper-slide .txtbox { padding-top:50px; }
    .main .gift-box .control_box { bottom:50px; }
    .main .gift-box .btn { margin-top:50px; position:relative; top:unset; }
}
@media screen and (max-width:640px){
    .main .gift-box .btn { margin-top:35px; }
}

.main .history-box .fixed-content .tab-nav { margin-top:40px; }
@media screen and (max-width:1024px){
    .main .history-box .fixed-content .tab-nav { margin-top:30px; }
}
@media screen and (max-width:640px){
    .main .history-box .fixed-content .tab-nav { margin-top:20px; }
}

.main .news-box .listbox .nav li a:hover,
.main .news-box .listbox .nav li a.on { letter-spacing:-0.05em; }
.main .news-box .listbox .nav li:last-child a:hover,
.main .news-box .listbox .nav li:last-child a.on { letter-spacing:-0.04em; }


.subtitleTop .location .depthMenu.dep2 { width:280px; }
@media screen and (max-width:640px){
    .subtitleTop .location .depthMenu.dep2 {width:calc(50% - 40px); }
    .tabmenu > ul > li a { font-size:15px; }
}
@media screen and (max-width:480px){
    .subtitleTop .location .depthMenu:after { right:8px; }
    .subtitleTop .location .depthMenu .stit { padding:17px 10px 17px 5px; font-size:15px; }
    .subtitleTop .location .depthMenu { width:calc(100% - 210px - 80px); }
    .subtitleTop .location .depthMenu.dep2 { width:210px; }
}

/* about */
.mission-box .missionCont .listbox li .box { padding-top:10%; }
@media screen and (max-width:1720px){
    .mission-box .after-box .txtbox { padding:0 10px; }
    .mission-box .after-box .txtbox .txt br { display:none }
}
@media screen and (max-width:1024px){
    .business-box .listbox > dl > dt h4 br { display:none }
}

/* story */
.brand-box .listbox > ul > li .txtbox .btn.en a { width:350px; }
@media screen and (max-width:640px){
    .brand-box .listbox > ul > li .txtbox .btn.en a { width:300px; }
}

/* career */
.introduction-box .listbox > ul > li .list li strong { width:250px; }
.introduction-box .listbox > ul > li .list li .stxt { width:calc(100% - 250px); }
@media screen and (max-width:1280px){
    .introduction-box .listbox > ul > li .list li strong { width:230px; }
    .introduction-box .listbox > ul > li .list li .stxt { width:calc(100% - 230px); }
}
@media screen and (max-width:1024px){
    .introduction-box .listbox > ul > li .list li strong { width:210px; }
    .introduction-box .listbox > ul > li .list li .stxt { width:calc(100% - 210px); }
}
@media screen and (max-width:640px){
    .introduction-box .listbox > ul > li .list li strong { width:200px; }
    .introduction-box .listbox > ul > li .list li .stxt { width:calc(100% - 200px); }
}
@media screen and (max-width:520px){
    .introduction-box .listbox > ul > li .list li .stxt { width:100%; }
}

/* contact */
.registerBox > ul > li > label { width:280px; padding:0 10px;  }
.registerBox > ul > li .ipbox { width:calc(100% - 300px); }
.registerBox > ul > li .ipbox .ipcont .tit { width:274px; }
@media screen and (max-width:1024px){
    .registerBox > ul > li > label { width:250px; padding:0 10px; }
    .registerBox > ul > li .ipbox { width:calc(100% - 270px); }
}
@media screen and (max-width:760px){
    .registerBox > ul > li > label {  padding:20px 0 5px;}
    .registerBox > ul > li > label,
    .registerBox > ul > li .ipbox { width:100%; }
    .inquiry-box .guide-box .circle-list > ul > li .circle dd { font-size:15px; } 
}