/* 모바일 메뉴시작 */
.menu-button {
}

.menu-button:hover {cursor: pointer;}
.menu-wrap {background-color: #112711;padding: 0px 0;overflow: hidden;transition: all 0.3s;position: fixed;width: 100%;top: 0;left: -100%;bottom: 0;z-index: 999999;}
.menu-overlay {background: rgba(0, 0, 0, 0.4);display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 900000;}

.menu-close {width: 50px;
	width: 40px;
    height: 40px;
    background: transparent;
    position: absolute;
    right: 10px;
    top: 10px;
   
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.menu-close:before, .menu-close:after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: ' ';
    height: 40px;
    width: 2px;
    background-color: #fff;
}
.menu-close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.menu-close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.menu-toggle {display: none;}
.menu-toggle:checked+.menu-wrap {left: 0;}
.menu-toggle:checked ~ .menu-overlay {display: block;}

.menu-title {display: flex;align-items: center;justify-content: center;min-height: 70px;height: 70px;}
.menu-list {position: absolute;top: 80px;left: 0;bottom: 0px;width: 100%;height: inherit;padding:0px 0px;display: block;overflow: auto; padding-bottom:80px;}

.four_box { width:50%; float:left; padding:10px; background:#04aa9d; text-align:center; color:#fff; margin:0; border-bottom:1px solid #fff;}
.four_box:nth-child(2n) { border-left:1px solid white} 
.four_box a { color:#fff; }
.four_boxs { width:100%; float:left; padding:10px; background:#04aa9d; text-align:center; color:#fff; margin:0; border-bottom:1px solid #fff;}
.four_boxs a { color:#fff; }

.menu-wrap:hover .menu-list {overflow-y: auto;}
.menu-list ul {list-style-type: none;}
.menu-list ul > li > ul{list-style-type: none;padding:7px 0px;background:transparent;}
.menu-list ul > li:nth-last-child(2) > ul { border-bottom:1px solid #dcdcdc; }

.menu-list ul > li.on > ul {background-color:#fff}

.menu-list li {display: block;padding: 0px; margin-bottom: 20px;}
.menu-list li:first-child {border-top: medium none;}
.menu-list li a {display: block;padding: 0px;font-size: 21px;letter-spacing: -1px;color: #fff;text-decoration: none;position: relative;text-align: center;}
.menu-list ul li .mb_arrow { vertical-align:baseline; top:18px; right:15px; position:absolute; }

.menu-list li.on a { padding:10px; width:100%; position:relative; bottom:0; left:0; color:#fff; font-weight:600; font-size:18px; text-align:center; background: #3d8861; background: -webkit-linear-gradient(to right, #3d8861, #2dc97a); background: linear-gradient(to right, #3d8861, #2dc97a); }

.menu-list li:nth-last-child(1) a i { margin-right:5px; }
.menu-list li a.sub {display: block;padding: 5px 20px;font-size: 18px;letter-spacing:-1px;color: #777;text-decoration: none;border-top:0;border-bottom:0;position:relative;}
.menu-list li a.adver {display: block;padding: 7px 0px;font-size: 18px;background: #fbe058; background: -webkit-linear-gradient(to right, #fbe058, #fae986); background: linear-gradient(to right, #fbe058, #fae986);margin:20px 0px;text-align:center;letter-spacing:-1px;font-weight:600;border:1px solid #ffda00;color: #222;border-radius:5px;text-decoration: none;border-bottom:0;position:relative;}




.phone { position:absolute; right:20px; top:9px; color:#000; font-size:28px; }

label.phantom_burger_menu{position:absolute;display:none;top:29.5px;left:20px;flex-direction:column;width:20px;cursor:pointer;}
label.phantom_burger_menu span{background: #777;height:3px;margin: 3px 0;transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}


.phantom_burger_menu span:nth-of-type(1){width:50%;}
.phantom_burger_menu span:nth-of-type(2){width:100%;}
.phantom_burger_menu span:nth-of-type(3){width:75%;}
.phantom_burger_menu input[type="checkbox"]{display:none;}
.phantom_burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(1){transform-origin:bottom;transform:rotatez(45deg) translate(2px,1px)}
.phantom_burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(2){transform-origin:top;transform:rotatez(-45deg)}
.phantom_burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(3){transform-origin:bottom;width:50%;transform: translate(9px,-4px) rotatez(45deg);}


/* 상단메뉴 */
.phantom-header-type01 { width:100%; position:fixed; top:0; left:0; z-index:99; background:rgba(255,255,255, 0.7); font-size:0; display:block; transition:.5s; }
.phantom-header-type01 .wrapper { width:100%; display:inline-block; position:relative;} 
.phantom-header-type01 .phantom-header-type01-container { width:100%; max-width:1200px; margin:0 auto; position:relative;}
.phantom-header-type01 .phantom-header-type01-container .logo { text-align:center;line-height:55px; transition:.5s; }
.phantom-header-type01 .phantom-header-type01-container .logo img { max-width:160px; }
.phantom-header-type01 .phantom-header-type01-container .header-menu {position: absolute;left: 0px;top: 50%;transform: translate(-0%, -50%);}
.phantom-header-type01 .phantom-header-type01-container .phantom-nav { position:relative; float:right; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav .gnb_empty { display:inline-block; margin-top:16px;}
.phantom-header-type01 .phantom-header-type01-container .phantom-nav .gnb_empty a { margin-left:0; font-weight:600; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul { position:relative; display:flex; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth1 { transition:.5s; min-width:130px; position:relative; text-align:center; line-height:80px; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth1 ul { display:none; line-height:24px; z-index:9999; position:relative; width:100%; padding:5px; padding-top:0; top:0px; left:0; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth1 ul li a { color:#fff; font-size:14px; line-height:2.5em; text-align:left; margin:0; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth1 ul li:hover a { font-weight:600; color:#2bc9b4; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul > li { display:inline-block; margin:0 15px; font-size:18px; letter-spacing:-1px; color:#fff;} 
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li a {display:inline-block; font-size:18px; letter-spacing:-1px; color:#fff;}
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li:nth-last-of-type(1) a { margin-right:0; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth2 { width:100%; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth2:nth-child(1) { margin-left:0; }
.phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth1 ul .ptmenu { width:100%; margin:0 auto; max-width:1200px; text-align:center;}

.phantom-header-type01-container .header-menu a, .phantom-header-type01-container .header-menu button {color: #222222;margin-right: 15px;font-size: 14px;background: transparent;border: none;}
.phantom-header-type01-container.transparent:not(.is-sticky) .header-menu a, .phantom-header-type01-container.transparent:not(.is-sticky) .header-menu button {color: #fff;}

.phantom-header-type01.active { background:rgba(255,255,255, 1); transition:.5s; }
.phantom-header-type01.active .phantom-header-type01-container .phantom-nav ul li.depth1 { line-height:60px; transition:.5s;}
.phantom_submenu { width:100%; position:absolute; top:0; left:0; background:rgba(0,0,0, 0.4); display:inline-block; padding-bottom:20px; transition:0.3s ease all;}
.phantom-header-type01.active .phantom-header-type01-container .logo { line-height:60px;transition:.5s; }

#margin-top75 { height:75px; display:inline-block; }

@media all and (max-width:1200px) {
	.pc_view { display:none; }
	.mobile_view { display:inline-block; }
	.phantom-header-type01 .phantom-header-type01-container { text-align:center; }
	.phantom-header-type01 .phantom-header-type01-container .logo { float:inherit; line-height:65px;}
}

label.phantom_burger_menu{display:flex;flex-direction:column;cursor:pointer;}
label span.line{background: #000;transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
span.line:nth-of-type(1){width:100%;height:2px;}
span.line:nth-of-type(2){width:70%;height:2px;}
span.line:nth-of-type(3){width:100%;height:2px;}

.button_box { width:100%; max-width:125px; display:flex; position:absolute; transition:.5s; right:-125px; top:30px; font-size:12px; color:#fff; z-index:9999; }
.button_box a {width:50%; color:#fff; padding-bottom:10px; text-align:left; }
.button_box a:hover { color:#2bc9b4; transition:.5s; }
.phantom-header-type01.active .button_box { top:20px; transition:.5s }

.social-link {margin-top: 100px;}
.social-link ul {display:flex;gap:10px;}
.social-link ul li {width:50px; height:50px; cursor:pointer}
.social-link ul li.link-naver {background:url(/theme/mr0/img/phantomdesign/icon_naver.png) no-repeat 0 0 / contain; border-radius: 15px;}
.social-link ul li.link-instagram {background:url(/theme/mr0/img/phantomdesign/icon_instagram.png) no-repeat 0 0 / contain; border-radius: 15px;}
.social-link ul li.link-kakao {background:url(/theme/mr0/img/phantomdesign/icon_kakao.png) no-repeat 0 0 / contain; border-radius: 15px;}
.social-link ul li.link-phone {background: #fff url(/theme/mr0/img/phantomdesign/icon_phone.png) no-repeat center center / 70%; border-radius: 15px;}


.menu-wrap .social-link {margin-top: 0px;position: absolute;bottom: 15px;left: 50%;transform: translate(-50%, 0%);}
.menu-wrap .social-link ul {gap:20px;}