@charset "utf-8";


/* COMMON */
body {word-break:break-word;}
.cf::after {content:''; display:block; clear:both;}
.b-inner {margin-left:10rem; margin-right:10rem;}
.inner {width:94%; max-width:1440px; margin-left:auto; margin-right:auto;}
.mb-br {display:none;}

select:focus {outline:none;}
input:focus,
select:focus,
textarea:focus,
button:focus {outline:none;}

.navi-btn {cursor:pointer;}


/* 화면낭독기 사용자용 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important}


/* FONT COLOR */
.clr-red {color:#d93441 !important;}



/* HEADER */
.header {background:#fff; position:fixed; top:0; left:0; width:100%; z-index: 9; transition:all .5s ease; box-shadow: 0px 5px 15px 0px rgba(137, 137, 137, 0.05);}
.header .inner {display:flex; justify-content:center; align-items:center; height:10rem; position:relative;}
.header .gnb {display:flex;}
.header .gnb li a {display:inline-block;}
.header .gnb > li {display:inline-flex; align-items:center; position:relative; flex-shrink:0; margin:0 3.25rem; height:10rem;}
.header .gnb > li > a {font-size:1.8rem; position:relative; font-weight:600; color:#222;}
.header .gnb > li > a img {width:149px;}
.header .gnb li .dep2 {z-index:9; text-align:center; display:none; text-align:center; position:absolute; top:8rem; left:50%; transform:translateX(-50%); background:#fff; width:120%; min-width:13.3rem; padding:2.5rem; border:1px solid #dddddd; border-top:3px solid #d93441;}
.header .gnb li .dep2.size-big {min-width:17rem;}
.header .gnb li .dep2 a {display:flex; justify-content:space-between; align-items:center; font-family:'Pretendard'; font-size:1.7rem; color:#666666; padding:1rem 0; font-weight:500; text-align: left;}
.header .tel a {position:absolute; top:50%; right:0; transform:translateY(-50%); display:inline-flex; align-items:center; background:#fee9e9; width:15rem; height:4.6rem; border-radius:2.3rem; padding:1rem;}
.header .tel a .ico {display:inline-flex; width:3.4rem; height:3.4rem; align-items:center; justify-content:center; background:#ff4b4b; border-radius:50%; margin-right:0.8rem;}
.header .tel a .txt {color:#ff4b4b; font-size:1.7rem; font-weight:600; }

.ham-btn {display:none;position:relative;width:2.6rem;height:2rem;cursor:pointer;}
.ham-btn .bar {position:absolute;left:0;width:100%;height:2px;background:#222;}
.ham-btn .bar:nth-child(1) {top:0;}
.ham-btn .bar:nth-child(2) {top:calc(50% - 1px);}
.ham-btn .bar:nth-child(3) {bottom:0;}


/* all menu */
.all-menu {transform:translateX(100vw); position:fixed; top:0; left:0; width:100%; height:100vh; overflow:hidden; z-index:99;}
.all-menu .dim-bg {visibility:hidden; opacity:0; height:0; transition:opacity .4s;}
.all-menu .cont {transition:all .8s; z-index:9; display:flex; flex-direction:column; position:absolute; left: -30rem; top:0; width:30rem; height:100%; padding:3rem 2rem; background:#fff;}
.all-menu .cont .tit {flex-shrink:0; display:inline-block; width:17.5rem; font-size:3.6rem; color:#333; margin-right:3rem;}
.all-menu .cont .mb-gnb {border-top:2px solid #ec3c47; padding-top: 1rem; height:12rem;}
.all-menu .cont .mb-gnb > li {margin-bottom:2rem;}
.all-menu .cont .mb-gnb .dep1 {display: block;font-size:1.7rem;color:#222;font-weight:700; padding:1rem;}
.all-menu .cont .mb-gnb .dep2 {padding:1rem 2rem;}
.all-menu .cont .mb-gnb .dep2 li {margin-bottom:1rem; position:relative;}
.all-menu .cont .mb-gnb .dep2 li:before {display:inline-block; content:''; width:4px; height:1px; background:#222; position:absolute; top:50%; left:-1rem; transform:translateY(-50%);}
.all-menu .cont .mb-gnb .dep2 li:last-child {margin-bottom:0;}
.all-menu .cont .mb-gnb .dep2 li a {font-size:1.6rem; color:#222;}
.all-menu .f-close-btn {position:absolute; top:3rem; left:32rem; display: inline-block;}
.all-menu .f-close-btn .bar {background-color:#fff;}
.all-menu .f-close-btn .bar:nth-child(1) {top:50%; left:50%; transform: translate(-50%) rotate(-45deg);}
.all-menu .f-close-btn .bar:nth-child(2) {top:50%; left:50%; transform: translate(-50%) rotate(45deg); width:100%;}


/* FOOTER */
.footer {padding-top:4.5rem; padding-bottom:5.5rem; background:#2e2b2b;}
.footer .b-inner {display:flex; justify-content:space-between; align-items:flex-start;}
.footer .info ul {display:flex; flex-wrap: wrap;}
.footer .info ul li {font-size:1.4rem; color:#a6a6a6; line-height:1; margin-bottom:1.5rem; margin-right:1.5rem;}
.footer .info ul li strong {color:#a6a6a6; font-weight:600;}
.footer .info .copy {font-size:1.4rem; color:#777777; margin-top:3rem;}


/* POPUP */
.popup {display:none; background-color:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99;}
.popup .popupbox {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:95%; max-width:60rem; background-color: #fff; padding:7rem 8rem;}
.popup .close {display:inline-block; cursor:pointer; position:absolute; right:3.5rem; top:3.5rem; line-height:1; width:1.8rem; height:1.8rem;}
.popup .close .bar {width:3.5rem; height:1px; display:inline-block; background:#676767; position: absolute; top: 50%; left:0; transform:translateY(50%); transition:.3s ease .4s;}
.popup.on .close .bar:nth-child(1) {transform:translateY(50%) rotate(45deg);}
.popup.on .close .bar:nth-child(2) {transform:translateY(50%) rotate(-45deg);}
.popup-btn {cursor:pointer;}


/* QUICK MENU */
.quick-menu {position:fixed; right:6rem; top:50%; transform:translateY(-50%); z-index:2;}
.quick-menu li {margin-bottom:0.5rem; transition:.4s;}
.quick-menu li a {display:inline-flex; align-items:center;justify-content: center;flex-direction: column;width:8rem; height:8rem; font-size:1.3rem; color:#fff;font-weight: 500;text-align: center;letter-spacing: -0.025em;font-family: 'Pretendard';line-height: 1.1538;border-radius: 50%;}
.quick-menu li a .ico {margin-bottom:0.5rem;}
.quick-menu li:nth-child(1) a {background-color:#42ab4f;}
.quick-menu li:nth-child(1) a .ico {margin-left:0.5rem;}
.quick-menu li:nth-child(2) a {background-color:#cc1e19;}
.quick-menu li:nth-child(3) a {background-color:#b18e1c;}


.mb-br { dispaly:none;}

@media ( min-width: 1400px ) {
	.quick-menu li:hover {transform: translateX(-0.8rem);}
}



/** MEDIA SIZE SETTING **/
@media ( max-width: 1400px ) {
    .b-inner {width:94%; max-width:1325px; margin:0 auto;}
    
    .header .inner {justify-content: space-between;}
    .header .ham-btn {display:inline-block;}
    .header .gnb > li:not(.logo) {display:none;}
    
    .all-menu.on {transform: translateX(0);}
    .all-menu.on .dim-bg {visibility:visible; opacity:0.7; position:absolute; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.8);}
    .all-menu.on .cont {left: 0;}

	.quick-menu {right:3%; top:auto; bottom:2rem; transform:none;}
	.quick-menu li {margin-bottom:0; transform:scale(0.9);}
}

@media ( max-width: 768px ) {
    .header .gnb > li > a {width:13rem;}
    .header .tel a {background:none; width:auto; height:auto;}
    .header .tel a .txt {display:none;}
    .header .tel a .ico {margin-right:0;}

    .footer {padding: 3rem 0;}
    .footer .b-inner {flex-direction: column-reverse;}
    .footer .logo {margin-bottom:4rem; width:13rem;}

    .popup .popupbox {padding:3rem;}

	.mb-br { dispaly:block;}
}