@charset "UTF-8";
body{position: relative; width:100%; height:100%;}
/*** header ***/
header {width: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
header .header-inner {display: flex; max-width: 1760px; margin: 0 auto; padding: 34px 15px 34px 15px; box-sizing: border-box; justify-content: space-between; align-items: center; gap: 15px; position: relative; z-index: 15;}
header .header-inner h1.logo {display: flex; }
header .header-inner h1.logo a {max-width: 100%;}
header .header-inner h1.logo a.kookmin-logo {display: inline-flex; width: 165px; height: 48px; background: url(/common/images/ico/logo_kookmin_w.png)no-repeat center;background-size: 100%;}
header.on .header-inner h1.logo a.kookmin-logo {background: url(/common/images/ico/logo_kookmin_b.png)no-repeat center;background-size: 100%;}
header .header-inner h1.logo a.ogs-logo {display: inline-flex; width: 174px; height: 39px; margin-left: 8px; margin-top: 11px;  background: url(/common/images/ico/logo_ogs_w.png)no-repeat center; background-size: 100%;}
header.on .header-inner h1.logo a.ogs-logo {background: url(/common/images/ico/logo_ogs_b.png)no-repeat center; background-size: 100%;}
header .header-inner .gnb {}
header .header-inner .gnb > ul {display: flex; width: 850px; align-items: center; justify-content: space-between;}
header .header-inner .gnb > ul > li {position: relative;}
header .header-inner .gnb > ul > li > a {color: #fff; font-size: 2.3rem; font-weight: 700;}
header.on .header-inner .gnb > ul > li > a {color: #222;}
header.on {background: #fff;}

header.en .header-inner .gnb > ul {width: 850px;}
header.en .header-inner .gnb > ul > li > a {font-size: 2rem;}
header.en .header-inner .gnb ul li:nth-child(2) .depth2-inner {left: 50%;  transform: translate(-50%, 0);}
header.en .header-inner .gnb ul li:nth-child(3) .depth2-inner {left: 50%;  transform: translate(-50%, 0);}
header.en .header-inner .gnb ul li:nth-child(4) .depth2-inner {left: 50%;  transform: translate(-50%, 0);}
header.en .header-inner .gnb ul li:nth-child(5) .depth2-inner {left: 50%;  transform: translate(-50%, 0);}


/* header유틸리티 */
header .header-inner .until {display: flex; width: 193px; align-items: center; justify-content: space-between;}
header .header-inner .until .search {}
header .header-inner .until .search button {display: inline-flex; width: 26px; height: 26px; background: url(/common/images/btn/btn_w_search.png) center no-repeat;}
header.on .header-inner .until .search button {display: inline-flex; width: 26px; height: 26px; background: url(/common/images/btn/btn_b_search.png) center no-repeat;}
header .header-inner .until .menu button {display: inline-flex; width: 31px; height: 25px; background: url(/common/images/btn/btn_w_menu.png) center no-repeat;}
header.on .header-inner .until .menu button {display: inline-flex; width: 31px; height: 25px; background: url(/common/images/btn/btn_b_menu.png) center no-repeat;}
header .header-inner .until .menu button.close {display: inline-flex; width: 24px; height: 24px; background: url(/common/images/btn/btn_close.png) center no-repeat; background-size: 100%;}
header .header-inner .until .lang-select {position: relative;}
header .header-inner .until .lang-select button.dropbtn {display: flex; width: 75px; height: 25px; border: 1px solid #fff; background: transparent; color: #fff; font-size: 1.3rem; font-weight: 300; border-radius: 50px; position: relative; z-index: 6; box-sizing: border-box; align-items: center; justify-content: center;}
header.on .header-inner .until .lang-select button.dropbtn {border: 1px solid #152054; color: #152054;}
header.on .header-inner .until .lang-select button.dropbtn::after {background: url(/common/images/btn/btn_b_dropdown.png) center no-repeat;}


header .header-inner .until .lang-select button.dropbtn::after {content: ""; display: inline-flex; width: 8px; height: 6px; margin-left: 10px; background: url(/common/images/btn/btn_w_dropdown.png) center no-repeat;}
header .header-inner .until .lang-select.on button.dropbtn {color: #000;}
header .header-inner .until .lang-select.on button.dropbtn::after {content: ""; display: inline-flex; width: 8px; height: 6px; margin-left: 10px; background: url(/common/images/btn/btn_w_dropdown.png) center no-repeat;}
header.on .header-inner .until .lang-select.on button.dropbtn::after {background: url(/common/images/btn/btn_b_dropdown.png) center no-repeat;}
header .header-inner .until .lang-select.on ul.dropbox{display: block !important;}
header .header-inner .until .lang-select ul.dropbox {width: 100%; padding: 0 4px; padding-top: 35px; padding-bottom: 13px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;  background: #cdd5db; border-radius: 12px; position: absolute; left: 0; top: 0; z-index: 5; box-sizing: border-box;}
header .header-inner .until .lang-select ul.dropbox li { box-sizing: border-box;}
header .header-inner .until .lang-select ul.dropbox li:not(:last-child) {margin-bottom: 2px; padding-bottom: 2px; position: relative;}
header .header-inner .until .lang-select ul.dropbox li:not(:last-child)::after {content: ""; display: block; width: 53px; border-bottom: 1px solid #fff; position: absolute; left: 50%; bottom: -2px; transform: translate(-50%, 0%);}
header .header-inner .until .lang-select ul.dropbox li button {width: 100%; padding: 5px 0; padding-right: 14px; color: #000; background: transparent;}
header .header-inner .until .lang-select ul.dropbox li {border-radius: 4px; }
header .header-inner .until .lang-select ul.dropbox li button {background:#cdd5db ;width: 100%; padding-right: 14px; color: #152054; }
header .header-inner .until .lang-select ul.dropbox li button:hover { background: #0e3483; width: 100%; padding-right: 14px; color: #fff; border-radius: 3px;}


/* gnb-menu */
.m-gnb-menu {display: none;}
.gnb-menu {width: 100%; border-top: 1px solid #ddd; position: absolute; left: 0; top: 0px; z-index: 70; 
background-image: linear-gradient(to bottom, #eaeef6, #e7ecf4, #e4e9f3, #e0e7f1, #dde5ef, #d7e1eb, #d1dce8, #cbd8e4, #c1d1de, #b6c9d9, #acc2d3, #a1bbcd);
}
.gnb-menu .gnb-menu-wrap {position: relative;}
.gnb-menu .btn-close {display: inline-flex; width: 24px; height: 24px; background: url(/common/images/btn/btn_close.png) center no-repeat; background-size: 100%; position: absolute; right: 50px; top: 30px;}
.gnb-menu ul.gnb-menu-inner {display: flex; max-width: 1400px; padding: 40px 0 25px 0; margin: 0 auto; width: 100%; justify-content: center; }
.gnb-menu ul.gnb-menu-inner li.depth1 {width: 100%; max-width: 270px; padding: 35px 19px 43px 19px; box-sizing: border-box; transition: all 0.3s;}
.gnb-menu ul.gnb-menu-inner li.depth1.on {background: #fff; border-bottom: 8px solid #1262ab; transition: all 0.3s; position: relative; z-index: 1;}
.gnb-menu ul.gnb-menu-inner li.depth1 strong {color: #222; font-size: 2.6rem; font-weight: 700;}
.gnb-menu ul.gnb-menu-inner li.depth1 strong.on {color: #152054;}
.gnb-menu ul.gnb-menu-inner li.depth1.on strong {color: #1262ab;}
.gnb-menu ul.gnb-menu-inner li.depth1 ul.depth2 {margin-top: 20px; padding-top: 20px; position: relative;}
.gnb-menu ul.gnb-menu-inner li.depth1 ul.depth2::after {content: ""; display: block; width: 12px; height: 2px; background: #152054; position: absolute; left: 0; top: 0;}
.gnb-menu ul.gnb-menu-inner li.depth1 ul.depth2 li:not(:last-child) {margin-bottom: 13px;}
.gnb-menu ul.gnb-menu-inner li.depth1 ul.depth2 li a {display: inline-block; color: #444; font-size: 1.7rem; font-weight: 500; position: relative; align-items: baseline; gap: 8px;}
.gnb-menu ul.gnb-menu-inner li.depth1 ul.depth2 li a.on {color: #1262ab; font-weight: 700; transition: all 0.3s; }
/* depth2-typ2 */
.depth2-inner{position: absolute; overflow: hidden; transition: all 0.3s;}
/* .depth2-inner::after {content: ""; display: block; width: 2px; height: 25px; background: #1262ab; position: absolute; left: 50%; top: 0px; transform: translate(-50%, 0); transition: all 0.3s ;} */

.gnb ul li .depth2-typ2 {margin-top: 30px; padding: 30px 13px; z-index: 1; border: 2px solid #1262ab; border-radius: 12px; box-sizing: border-box; background-color: #fff;}
.gnb ul li:first-child .depth2-inner {left: -30px;}
.gnb ul li:nth-child(2) .depth2-inner {left: -70px;}
.gnb ul li:nth-child(3) .depth2-inner {left: -70px;}
.gnb ul li:nth-child(4) .depth2-inner {left: -70px;}
.gnb ul li:last-child .depth2-inner {left: -70px;}

.gnb ul li:first-child .depth2-typ2 {min-width: 254px;}
.gnb ul li:nth-child(2) .depth2-typ2 {min-width: 212px;}
.gnb ul li:nth-child(3) .depth2-typ2 {min-width: 212px;}
.gnb ul li:nth-child(4) .depth2-typ2 {min-width: 212px;}
.gnb ul li:last-child .depth2-typ2 {min-width: 212px;}

header.en .gnb-menu ul.gnb-menu-inner {padding: 62px 0;}
header.en .gnb-menu ul.gnb-menu-inner li.depth1 {padding: 5px 19px 0px 19px;}
header.en .gnb-menu ul.gnb-menu-inner li.depth1 strong {font-size: 2.3rem;}
header.en .gnb-menu ul.gnb-menu-inner li.depth1 ul.depth2 li a {font-size: 1.6rem;}



header .header-inner .gnb > ul > li:nth-child(5) .depth2-typ2 {min-width: 211px;}
.depth2-typ2 p.depth2-tit {padding-bottom: 20px; color: #222; font-size: 2.5rem; font-weight: 700; position: relative;}
.depth2-typ2 p.depth2-tit::before {content: ""; display: inline-block; width: 12px; height: 2px; background: #152054; position: absolute; bottom: 0; left: 0;}

.depth2-typ2 ul.depth2-typ2-inner > li {margin-bottom: 20px;}
.depth2-typ2 ul.depth2-typ2-inner > li:last-child {margin-bottom: 0px;}
.depth2-typ2 ul.depth2-typ2-inner > li > a {color: #222; font-size: 1.6rem; font-weight: 500; transition: all 0.3s; position: relative;}
li > a i.ico-link {display: inline-flex; width: 13px; height: 13px; margin-left: 5px; background: url(/common/images/ico/ico_pc_link.png) no-repeat center; background-size: 100%;}
.depth2-typ2 ul.depth2-typ2-inner > li > a.on{color: #1262ab; font-weight: 600; }
.depth2-typ2 ul.depth2-typ2-inner > li > a:hover {color: #1262ab; transition: all 0.3s; text-decoration: underline;}
.gnb-menu .marquee-wrap {overflow: hidden; text-overflow: clip; white-space:nowrap; box-sizing: border-box; }
.gnb-menu .marquee-wrap p {display: inline-block; color: #fafafa; font-size: 4.3rem; font-weight: 900; font-family: "Orbitron", sans-serif; text-transform: uppercase ; opacity: 0.24;}

/* 통합검색 pc */
.search-area {width: 100%; background-image: linear-gradient(to bottom, #e9eef6, #d9e2ec, #c8d5e3, #b7cad9, #a6becf); position: absolute; top: 0; z-index: 999;}
.search-area > .search-wrap {}
.search-area .search-inner {padding-top: 113px; padding-bottom: 205px; position: relative;}
.search-area .search-inner button.search-close {width: 30px; height: 30px; display: block; background: url('/common/images/btn/btn_close.png')no-repeat center; background-size: 100%;}
.search-area .search-inner .search-cont {max-width: 800px; margin: 0 auto;  position: relative; }
.search-area .search-inner .search-cont .search-top {text-align: right; text-align: -webkit-right;}
.search-area .search-inner .search-cont .search-wrap {display: flex; padding-top: 40px; justify-content: center;}
.search-area .search-inner .search-cont .search-wrap strong {padding-right: 30px; color: #004f9e; font-size: 6rem; font-weight: 600; position: relative; z-index: 1; }
.search-area .search-inner .search-cont .search-wrap strong::before {content: ""; display: block; width: 24px; height: 24px; background: #ddff50; position: absolute; right: 0; bottom: 13px; border-radius: 100%;}
.search-area .search-inner .search-cont .search-wrap form {display: flex; width: 100%; max-width: 700px; margin-left: 40px; align-items: center; justify-content: flex-end; gap: 25px;}
.search-area .search-inner .search-cont .search-wrap form .search-type01 {display: flex; width: 540px; padding: 13px 20px; border: 2px solid #004f9e; background: #fff; border-radius: 32px; box-sizing: border-box; align-items: center; box-shadow: 0px 10px 16px 0px rgba(18, 98, 171, 0.17);}
.search-area .search-inner .search-cont .search-wrap form .search-type01 input {width: calc(100% - 32px);  font-size: 2rem; color: #222; font-weight: 400; background: transparent; border: 0; font-family: 'Pretendard';}
.search-area .search-inner .search-cont .search-wrap form .search-type01 button.search-btn02 {width: 32px; height: 32px; display: block; background: url('/common/images/btn/btn_search03.png')no-repeat center; background-size: 100%;}
.m-search-area {display: none;}
.m-search-top {display: none;}

/* popup */
.popup{position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index: 4; display: none;}
.popup .popup-inner{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.popup .popup-inner .popup-content{max-width:1350px; padding:0 15px; margin:0 auto; box-sizing: border-box;}
.popup .popup-inner .popup-content .popup-top{position: relative;}
.popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper{max-width:1160px; width:100%; margin:0 auto}
.popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper .popup-swiper-slide{width:360px; margin-right:40px;}
.popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper .popup-swiper-slide:last-child{margin-right:0;}
.popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper .popup-swiper-slide a{display: block; border-radius: 10px; overflow: hidden;}
.popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper .popup-swiper-slide a img{width:100%; display: block;}

.swiper-button-next.popup-swiper-button-next{width:25px; height:46px; background:url('/common/images/btn/btn_popup_next.png')no-repeat center; background-size:100%; position: absolute; top:50%; right:0; transform: translate(200% ,-50%);}
.swiper-button-prev.popup-swiper-button-prev{width:25px; height:46px; background:url('/common/images/btn/btn_popup_prev.png')no-repeat center; background-size:100%; position: absolute; top:50%; left:0; transform: translate(-200% ,-50%);}
.swiper-button-prev.popup-swiper-button-prev:after, .swiper-rtl .swiper-button-next.popup-swiper-button-next:after{content:none}
.swiper-button-next.popup-swiper-button-next:after, .swiper-rtl .swiper-button-prev.popup-swiper-button-prev:after{content:none;}

.popup .popup-inner .popup-content .popup-bottom{max-width:1160px; margin:40px auto 0 auto; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.popup .popup-inner .popup-content .popup-bottom .popup-check-box label span{font-size:1.8rem; color:#fff; font-weight: 400;}
.popup .popup-inner .popup-content .popup-bottom button.popup-close{display: flex; background: transparent; font-size:1.8rem; color:#fff; font-weight: 400; align-items: center; gap: 15px;}
.popup .popup-inner .popup-content .popup-bottom button.popup-close i {width:36px; height:36px; display: inline-flex; background:url('/common/images/btn/btn_popup_close.png')no-repeat center; background-size:100%;}
.popup-check-box.checkbox input[type="checkbox"] + label:before{content:''; position: absolute; left:0; top:0; width:24px; height:24px; background:url('/common/images/btn/btn_none_check01.png')no-repeat center; background-size:100%;}
.popup-check-box.checkbox input[type="checkbox"]:checked + label:after{content:''; position: absolute; left:0; top:0; width:24px; height:24px; background:url('/common/images/btn/btn_check01.png')no-repeat center; background-size:100%;}

/* popup 3개 이해 가운데 정렬 */
.popup.center-popup .popup-inner{width:auto}
.popup.center-popup .swiper.popup-swiper{margin-left:inherit; margin-right:inherit; position: inherit; overflow: inherit; list-style: none; padding: 0; z-index: 1;}
.popup.center-popup .swiper.popup-swiper  .swiper-wrapper{position: inherit; width: auto; height: auto; z-index: 1; display: flex; align-items: center; justify-content: center; transition-property:inherit; box-sizing: content-box;}
.popup.center-popup .swiper.popup-swiper  .swiper-wrapper .swiper-slide.popup-swiper-slide{position: inherit; transition-property:inherit;}
.popup.center-popup .swiper-button-next.popup-swiper-button-next{display: block;}
.popup.center-popup .swiper-button-prev.popup-swiper-button-prev{display: block;}

/* footer */
#footer {background: #111941;}
#footer .footer-inner .footer-utility {display: flex; max-width: 1600px; margin: 0 auto; padding: 56px 20px; align-items: center; justify-content: space-between; gap:30px; }
#footer .footer-inner .footer-utility .footer-logo {display: flex; align-items: center; gap: 10px;}
#footer .footer-inner .footer-utility .footer-logo a.ogs-logo img {margin-top: 14px;}
#footer .footer-inner .footer-utility .footer-address {margin-left: 165px; margin-top: 40px;}
#footer .footer-inner .footer-utility .footer-address .tel-box {display: flex; margin-top: 30px; margin-bottom: 30px;}
#footer .footer-inner .footer-utility .footer-address .tel-box p:first-child {margin-right: 20px;}
#footer .footer-inner .footer-utility .footer-address .tel-box p span {margin-right: 5px; color: #d2d7ef;}
#footer .footer-inner .footer-utility .footer-address p {color: #d2d7ef; font-size: 1.4rem; font-weight: 300; line-height: 1.7;}
#footer .footer-inner .footer-utility .footer-sns > ul {display: flex; align-items: center; gap: 25px;}
#footer .footer-inner .footer-utility .footer-right {}
#footer .footer-inner .footer-utility .footer-right ul {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -ms-grid-columns: 1fr 1fr 1fr; gap:30px 90px;}
#footer .footer-inner .footer-utility .footer-right ul li {text-align: right;}
#footer .footer-inner .footer-utility .footer-right ul li a {color: #d2d7ef; font-size: 1.5rem; font-weight: 500; transition: all 0.3s;}
#footer .footer-inner .footer-utility .footer-right ul li a:hover {color: #eff4fd; transition: all 0.3s;}

/* top-btn 버튼 */
.top-btn {display: block !important;  background: none; position: fixed; bottom: 50px; right: 20px; z-index: 1; }
.top-btn::after {width: 65px; height: 65px; content: ''; display: block; background: url('/common/images/btn/btn_topbtn2.png')no-repeat center; background-size: 100%;}




/* sub-page layout 서브페이지 레이아웃 */
#content.content .visual {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 459px; position: relative;}
#content .visual .visual-inner {position: relative;  width: 100%; height: 100%; margin-top: 117px; margin-bottom: 55px;}
#content .visual .visual-inner .content-title-area {display: flex; width: 100%; flex-direction: column; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); align-items: center;}
#content .visual .visual-inner .content-title-area.en {top: 41%;}

#content .visual .visual-inner .content-title-area h3.content-title {padding: 0 20px; color: #fff; font-size: 6rem; font-weight: 700;}
#content .visual .visual-inner .content-title-area span.content-sub-title {margin-top: 30px; padding: 4px 20px; color: #152054; font-size: 1.6rem; font-weight: 500; border-radius: 4px; background: #c1df4e; letter-spacing: 0.2em; box-sizing: border-box;}
#content .visual .sub-navi li {position: relative;}
#content .visual .sub-navi li:after {width: 6px; height: 10px; content: ''; background: url('/common/images/btn/btn_next02.png')no-repeat center; background-size: 100%; position: absolute; top: 50%; right: -31px; transform: translate(0, -50%);}
#content .visual .sub-navi li:last-child::after {display: none;}
#content .visual .sub-navi {display: flex; width: 100%; padding: 18px 0; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; bottom: 0; gap: 50px;}
#content .visual .sub-navi li a {display: flex; color: #fff; font-size: 1.6rem; font-weight: 400;}
#content .visual .sub-navi li a i {display: inline-flex; width: 17px; height: 15px; background: url('/common/images/ico/ico_home.png')no-repeat center; background-size: 100%;}

/* 아시아올림픽대학원 */
#content.content-about .visual {
    background: url('/common/images/bg/sub_visual_about_pc_01.jpg')no-repeat top;
    background-size: cover;
    border-bottom: 1px solid #eeeeee;
}

/* 전공안내 */
#content.content-major .visual {
    background: url('/common/images/bg/sub_visual_major_pc_02.jpg')no-repeat top;
    background-size: cover;
    border-bottom: 1px solid #eeeeee;
}

/* 학사안내 */
#content.content-scholarship .visual {
    background: url('/common/images/bg/sub_visual_program_pc_01.jpg')no-repeat top;
    background-size: cover;
    border-bottom: 1px solid #eeeeee;
}

/* 입학안내 */
#content.content-admission .visual {
    background: url('/common/images/bg/sub_visual_admission_pc_01.jpg')no-repeat top;
    background-size: cover;
    border-bottom: 1px solid #eeeeee;
}

/* 소식/공지 */
#content.content-board .visual {
    background: url('/common/images/bg/sub_visual_board_pc_01.jpg')no-repeat top;
    background-size: cover;
    border-bottom: 1px solid #eeeeee;
}

/* 통합검색 */
#content.content-search .visual {
    background: url('/common/images/bg/sub_visual_search_pc_02.jpg')no-repeat top;
    background-size: cover;
    border-bottom: 1px solid #eeeeee;
}


/* 영문 en header------- */
@media all and (min-width:1200px) and (max-width:1450px){
header.en .header-inner {max-width: 121.38vw; padding: 2.34vw 1.03vw 2.34vw 1.03vw; gap: 1.03vw;}
header.en .header-inner h1.logo a.kookmin-logo {width: 11.38vw; height: 3.31vw;}
header.en .header-inner h1.logo a.ogs-logo {width: 12vw; height: 2.69vw; margin-left: 0.55vw; margin-top: 0.76vw;}
header.en .header-inner .gnb > ul {width: 53.79vw;}
header.en .header-inner .gnb > ul > li > a {font-size: 1.38vw;}
header.en .depth2-inner {top: 2.62vw;}
header.en .depth2-typ2 ul.depth2-typ2-inner > li {margin-bottom: 1.38vw;}
header.en .depth2-typ2 ul.depth2-typ2-inner > li > a {font-size: 1.1vw;}
header.en .header-inner .until {width: 11.72vw;}
header.en .header-inner .until .lang-select button.dropbtn {width: 5.17vw; height: 1.72vw; border-radius: 3.45vw; font-size: 0.9vw;}
header.en .header-inner .until .lang-select button.dropbtn::after {width: 0.55vw; height: 0.41vw; margin-left: 0.69vw;}
header.en .header-inner .until .lang-select ul.dropbox {border-radius: 0.83vw;}
header.en .header-inner .until .lang-select ul.dropbox li {border-radius: 0.28vw;}
header.en .header-inner .until .lang-select ul.dropbox li button {padding: 0.34vw 0.97vw 0.34vw 0; font-size: 0.9vw; }
header.en .header-inner .until .search button {width: 1.45vw; height: 1.45vw;}
header.en .header-inner .until .menu button {width: 1.59vw; height: 1.31vw;}


}
/* ------------------------------- */


@media all and (min-width:991px) and (max-width:1600px){
header .header-inner .until {}
}
@media all and (min-width:1201px) and (max-width:1500px){
header .header-inner .gnb > ul {width: 780px;}
header .header-inner .until {width: 170px;}
header .header-inner .gnb > ul > li > a {font-size: 2.2rem;}
header .header-inner .until .search button {width: 21px; height: 21px ; background-size: 100%;}
header .header-inner .until .menu button {width: 23px; height: 19px; background-size: 100%;}
}
@media all and (min-width:1201px) and (max-width:1420px){
header .header-inner .gnb > ul {width: 700px;}

/* 전체메뉴 gnb-menu */
.gnb-menu .gnb-menu-wrap {}
.gnb-menu ul.gnb-menu-inner {max-width: 1250px; padding: 50px 20px 33px 20px; box-sizing: border-box;}
.gnb-menu ul.gnb-menu-inner li.depth1 {padding: 30px 10px;}

header.en .gnb-menu ul.gnb-menu-inner {padding-top: 40px; padding-bottom: 40px;}
header.en .gnb-menu .btn-close {width: 20px; height: 20px; right: 40px; top: 20px;}
}

@media all and (min-width:991px) and (max-width:1350px){
/* popup */
.popup .popup-inner .popup-content{max-width:1010px;}
.popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper{max-width:820px;}
.popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper .popup-swiper-slide{width:260px; margin-right:20px}
.popup .popup-inner .popup-content .popup-bottom{max-width:820px;}

/* popup 3개 이해 가운데 정렬 */
.popup.center-popup .popup-inner .popup-content{max-width:inherit}
.popup.popup.center-popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper{max-width: inherit;}

header .header-inner h1.logo a.kookmin-logo {width: 130px; height: 41px;}
header .header-inner h1.logo a.ogs-logo {width: 130px; height: 33px; margin-top: 9px;}
}

@media all and (min-width:991px) and (max-width:1199px){
.depth2-typ2 p.depth2-tit {font-size: 1.8rem;}

#footer .footer-inner .footer-top > ul {gap: 30px;}
}


@media all and (max-width:1200px){
/* m-gnb-menu */
/*** header ***/
header .header-inner {align-items: center; padding:21px 20px;}
header .header-inner .gnb {display: none;}
.gnb-menu {display: none;}
header .header-inner .until {width: initial; margin-top: 0;}
header .header-inner .until .lang-select {display: none;}
header .header-inner .until .search {margin-right: 20px;}
header .header-inner h1.logo {width: 270px;}
header .header-inner h1.logo a.kookmin-logo {width: 155px; height: 38px;}
header .header-inner h1.logo a.ogs-logo {width: 164px; height: 28px; margin-left: 7px; margin-top: 9px;}

.m-gnb-menu {display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 100;
background-image: linear-gradient(to bottom, #eaeef6, #e7ecf4, #e4e9f3, #e0e7f1, #dde5ef, #d7e1eb, #d1dce8, #cbd8e4, #c1d1de, #b6c9d9, #acc2d3, #a1bbcd);
}
.m-gnb-menu .m-gnb-menu-inner {padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, #eaeef6, #e7ecf4, #e4e9f3, #e0e7f1, #dde5ef, #d7e1eb, #d1dce8, #cbd8e4, #c1d1de, #b6c9d9, #acc2d3, #a1bbcd);
    z-index: 100;}

.m-gnb-menu .m-gnb-menu-inner .m-menu-top {display: flex; background: #fff; align-items: center; justify-content: space-between; padding: 27px 20px; box-sizing: border-box;}
.m-gnb-menu .m-gnb-menu-inner .lang-select {position: relative;}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select button.dropbtn {display: flex; width: 75px; height: 25px; border: 1px solid #152054; background: transparent; color: #152054; font-size: 1.3rem; font-weight: 300; border-radius: 50px; position: relative; z-index: 2; box-sizing: border-box; align-items: center; justify-content: center;}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select button.dropbtn::after {content: ""; display: inline-flex; width: 8px; height: 6px; margin-left: 10px; background: url(/common/images/btn/btn_b_dropdown.png) center no-repeat;}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select.on button.dropbtn {color: #000;}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select.on button.dropbtn::after {content: ""; display: inline-flex; width: 8px; height: 6px; margin-left: 10px; background: url(/common/images/btn/btn_b_dropdown.png) center no-repeat;}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select.on ul.dropbox{display: block !important;}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select ul.dropbox {width: 100%; padding: 0 4px; padding-top: 35px; padding-bottom: 13px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;  background: #cdd5db; border-radius: 12px; position: absolute; left: 0;
top: 0; z-index: 1; box-sizing: border-box;}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select ul.dropbox li { box-sizing: border-box;}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select ul.dropbox li:not(:last-child) {margin-bottom: 2px; padding-bottom: 2px; position: relative;}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select ul.dropbox li:not(:last-child)::after {content: ""; display: block; width: 53px; border-bottom: 1px solid #fff; position: absolute; left: 50%; bottom: -2px; transform: translate(-50%, 0%);}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select ul.dropbox li button {width: 100%; padding: 5px 0; padding-right: 14px; color: #000; background: transparent;}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select ul.dropbox li { border-radius: 4px; }
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select ul.dropbox li button {background: #cdd5db; width: 100%; padding-right: 14px; color: #152054;}
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .lang-select ul.dropbox li button:hover {width: 100%; padding-right: 14px; color: #fff; background: #0e3483;border-radius: 4px; }
.m-gnb-menu .m-gnb-menu-inner .m-menu-top .btn-m-close {display: inline-flex;  width: 21px; height: 21px; background: url(/common/images/btn/btn_m_menu_close.png) center no-repeat; background-size: 100%;}

.m-gnb-menu .m-menu-list {padding: 23px 20px 0 20px;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li {margin-bottom: 25px;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a {display: block; padding: 0 20px; position: relative;  transition: all 0.3s;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a.on {background: #fff; border-bottom: none; opacity: 1; transition: all 0.3s;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a.on::before {left: 20px;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a.on .m-depth1-txt-box {padding-top: 20px;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a .m-depth1-txt-box {display: flex; padding-bottom: 20px; border-bottom: 1px solid #d4e1ea; align-items: center; justify-content: space-between; transition: all 0.3s;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a.on .m-depth1-txt-box {border-bottom: none;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a .m-depth1-txt-box::before {content: ""; display: block; width: 20px; height: 3px; background: #152054; position: absolute; left: 0; bottom: 0;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a .m-depth1-txt-box::before {left: 20px;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a .m-depth1-txt-box p.tit {color: #222; font-size: 2.4rem; font-weight: 600; transition: all 0.3s;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a.on .m-depth1-txt-box p.tit {color: #1262ab; font-size: 2.4rem;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a.on .m-depth1-txt-box p.tit {color: #1262ab;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a .m-depth1-txt-box i.m-gnb-arrow  {display: inline-flex; width: 21px; height: 12px; background: url(/common/images/btn/btn_down.png)no-repeat center; background-size: 100%;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a.on .m-depth1-txt-box i.m-gnb-arrow  {display: inline-flex; width: 21px; height: 12px; background: url(/common/images/btn/btn_up.png)no-repeat center; background-size: 100%;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > .m-menu-depth2 {background: #fff;  }
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > .m-menu-depth2 ul.m-menu-depth2-inner {padding: 15px 20px 25px 20px;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > .m-menu-depth2 ul.m-menu-depth2-inner li {margin-bottom: 15px;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > .m-menu-depth2 ul.m-menu-depth2-inner li:last-child {margin-bottom: 0px;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > .m-menu-depth2 ul.m-menu-depth2-inner li a {display: flex; align-items: baseline; gap: 8px; color: #555; font-size: 1.9rem;  position: relative;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > .m-menu-depth2 ul.m-menu-depth2-inner li a i.ico-link02 {display: inline-flex; width: 15px; height: 15px; background: url(/common/images/ico/ico_m_link.png)no-repeat center; background-size: 100%;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > .m-menu-depth2 ul.m-menu-depth2-inner li a.on {color: #11278f;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > .m-menu-depth2 ul.m-menu-depth2-inner li a.on::before {content: ""; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(to right top, #f3aa21, #fde8ab); position: absolute; right: -16px; top: 5px; }


.m-gnb-menu-inner .bottom-txt {display: inline-block; color: #fafafa; font-size: 2.4rem; font-weight: 900; font-family: "Orbitron", sans-serif; opacity: 0.24; position: absolute; left: 0; bottom: 0; z-index: -1;}


.search-area {top: 0px;}
.search-area .search-inner .search-cont .search-wrap strong{font-size: 4.5rem;}
.search-area .search-inner .search-cont .search-wrap form .search-type01 button.search-btn02{width: 25px; height: 25px;;}
.search-area .search-inner .search-cont .search-wrap form .search-type01 input{font-size: 1.6rem;}
.search-area .search-inner .search-cont .search-wrap form .search-type01{margin-top: 3rem;}


/* 통합검색 모바일 */
.search-area .search-inner .search-cont .search-top {display: none;}
.m-search-area {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 1;}
.m-search-top {display: flex; width: 100%; background: #fff; border-bottom: 1px solid #fff; align-items: center; justify-content: space-between; padding: 27px 20px; box-sizing: border-box; position: absolute; left: 0; top: 0px; z-index: 5;}
.m-search-top .lang-select {position: relative;}
.search-area .search-inner {padding-top: 181px; padding-bottom: 119px;}
.m-search-area .m-search-inner .lang-select {position: relative;}
.m-search-top .lang-select button.dropbtn {display: flex; width: 75px; height: 25px; border: 1px solid #152054; background: transparent; color: #152054; font-size: 1.3rem; font-weight: 300; border-radius: 50px; position: relative; z-index: 2; box-sizing: border-box; align-items: center; justify-content: center;}
.m-search-top .lang-select button.dropbtn::after {content: ""; display: inline-flex; width: 8px; height: 6px; margin-left: 10px; background: url(/common/images/btn/btn_b_dropdown.png) center no-repeat;}
.m-search-top .lang-select button.dropbtn:hover {color: #000;}
.m-search-top .lang-select button.dropbtn:hover::after {content: ""; display: inline-flex; width: 8px; height: 6px; margin-left: 10px; background: url(/common/images/btn/btn_b_dropdown.png) center no-repeat;}

.m-search-top .lang-select.on ul.dropbox{display: block !important;}
.m-search-top .lang-select ul.dropbox {width: 100%; padding: 0 4px; padding-top: 35px; padding-bottom: 13px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;  background: #cdd5db; border-radius: 12px; position: absolute; left: 0; top: 0; z-index: 1; box-sizing: border-box;}
.m-search-top .lang-select ul.dropbox li {background: #0e3483; border-radius: 4px; box-sizing: border-box; }
.m-search-top .lang-select ul.dropbox li:not(:last-child) {margin-bottom: 2px; padding-bottom: 2px; position: relative;}
.m-search-top .lang-select ul.dropbox li:not(:last-child)::after {content: ""; display: block; width: 53px; border-bottom: 1px solid #fff; position: absolute; left: 50%; bottom: -2px; transform: translate(-50%, 0%);}
.m-search-top .lang-select ul.dropbox li button {width: 100%; padding: 5px 0; padding-right: 14px; color: #000; background: transparent; background:#cdd5db ; width: 100%; padding-right: 14px; color: #152054;}
.m-search-top .lang-select ul.dropbox li button:hover {background: #0e3483; width: 100%; padding-right: 14px; color: #fff;}
.m-search-top .btn-m-close {display: inline-flex;  width: 21px; height: 21px; background: url(/common/images/btn/btn_m_menu_close.png) center no-repeat; background-size: 100%;}
.m-search-area .m-search-cont {width: 100%; background: #ecf2f6; padding-top: 66px; padding-bottom: 109px; position: relative;}
.m-search-area .m-search-cont::before {content: ""; display: inline-flex; width: 266px; height: 61px; background: url(/common/images/bg/bg_m_menu_logo.png) center no-repeat; background-size: 100%; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0);}
.m-search-area .m-search-cont .search-wrap {padding: 0 20px; box-sizing: content-box;}
.m-search-area .m-search-cont .search-wrap strong {color: #152054; font-size: 4.2rem; font-weight: 600; position: relative; z-index: 1;}
.m-search-area .m-search-cont .search-wrap strong::before {content: ""; display: block; width: 28px; height: 28px; position: absolute; right: -11px; top: 4px; border-radius: 50%; background: linear-gradient(to right top, #f3aa21, #fde8ab); z-index: -1;}
.search-area .search-inner .search-cont .search-wrap form {margin-left: 0; max-width: 100%;}
.m-search-area .m-search-cont .search-wrap form .search-type01 {display: flex; width: 100%; padding: 13px 20px; margin-top: 25px; border: 1px solid #ccc; background: #fff; box-sizing: border-box; align-items: center;}
.m-search-area .m-search-cont .search-wrap form .search-type01 input {width: calc(100% - 32px);  font-size: 2rem; color: #222; font-weight: 400; background: transparent; border: 0; font-family: 'Pretendard';}
.m-search-area .m-search-cont .search-wrap form .search-type01 button.search-btn02 {width: 32px; height: 32px; display: block; background: url('/common/images/btn/btn_search03.png')no-repeat center; background-size: 100%;}
.search-area .search-inner .search-cont .search-wrap {display: block; padding-top: 0;}
.search-area .search-inner .search-cont {width: 100%; padding: 0 20px; box-sizing: border-box;}
.search-area .search-inner .search-cont .search-wrap form .search-type01 {width: 100%; margin-top: 50px;}

}



/* 태블릿 */
@media all and (max-width:991px){

#content.content .visual {height: 380px;}
#content .visual .visual-inner {margin-top: 0; margin-bottom: 0;}
#content .visual .visual-inner .content-title-area span.content-sub-title {margin-top: 10px; padding: 4px 10px; font-size: 1.5rem;}
#content .visual .visual-inner .content-title-area h3.content-title {font-size: 5rem;}
#content .visual .sub-navi {padding: 15px 0; gap: 40px;}
#content .visual .sub-navi li:after {right: -26px;}
#content .visual .sub-navi li a {font-size: 1.5rem;}


/* popup */

.popup .popup-inner .popup-content{max-width:750px; padding:0 40px;}
.popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper .popup-swiper-slide{width:670px; max-width:100%; margin-right:0;}
.popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper .popup-swiper-slide a{border-radius: 20px;}


/* popup 3개 이해 가운데 정렬 */
.popup.center-popup .swiper.popup-swiper{margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.popup.center-popup .swiper.popup-swiper .swiper-wrapper{position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.popup.center-popup .swiper.popup-swiper .swiper-wrapper .swiper-slide.popup-swiper-slide{flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}



/*** footer ***/
#footer .footer-inner .footer-top {padding-top: 30px; padding-bottom: 25px;}
#footer .footer-inner .footer-top > ul {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -ms-grid-columns: 1fr 1fr 1fr; gap: 15px;}
#footer .footer-inner .footer-utility {flex-direction: column; }
#footer .footer-inner .footer-utility .footer-left {order: 2;}
#footer .footer-inner .footer-utility .footer-right {order: 1;}
#footer .footer-inner .footer-utility .footer-address {margin-left: 50px;}

/* 통합검색 */
.search-area .search-inner {padding-top: 131px; padding-bottom: 90px;}
#content.content-search .visual {
    background: url('/common/images/bg/sub_visual_search_m_01.jpg')no-repeat center;
    background-size: cover;
    border-bottom: 1px solid #eeeeee;
}
}

@media all and (max-width:850px){
.swiper-button-next.popup-swiper-button-next {width: 20px; height: 37px; transform: translate(160% ,-50%);}
.swiper-button-prev.popup-swiper-button-prev {width: 20px; height: 37px; transform: translate(-160% ,-50%);}

}

/*모바일*/
@media all and (max-width:767px){
/*** header ***/
header .header-inner {padding: 18px 20px;}
header .header-inner h1.logo a.kookmin-logo {width: 100px; height: 28px;}
header .header-inner h1.logo a:last-child {margin-left: 5px;}
header .header-inner h1.logo a.ogs-logo {width: 105px; height: 24px; margin-top: 6px;}
header .header-inner .until .search button {width: 24px; background-size: 100%;}
header .header-inner .until .menu button {width: 24px; height: 23px; background-size: 100%;}
#content .visual .sub-navi li a i {width: 15px; height: 13px;}
/* m-gnb-menu */
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a .m-depth1-txt-box i.m-gnb-arrow {width: 21px; height: 12px;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a.on .m-depth1-txt-box i.m-gnb-arrow {width: 21px; height: 12px;}

/*** footer ***/
#footer .footer-inner .footer-top > ul li a {font-size: 1.3rem;}
#footer .footer-inner .footer-utility .footer-logo a img {max-width: 100%;}
#footer .footer-inner .footer-utility .footer-logo a.kookmin-logo {width: 118px;}
#footer .footer-inner .footer-utility .footer-logo a.ogs-logo {width: 123px;}
#footer .footer-inner .footer-utility .footer-logo a.ogs-logo {width: 112px;}
#footer .footer-inner .footer-utility .footer-logo a.ogs-logo img {margin-top: 11px;}
#footer .footer-inner .footer-utility {padding: 20px 20px 35px 20px; gap: initial;}
#footer .footer-inner .footer-utility .footer-logo {margin-top: 40px;}
#footer .footer-inner .footer-utility .footer-address {margin-top: 20px; margin-left: 37px;}
#footer .footer-inner .footer-utility .footer-address p {font-size: 1.3rem; line-height: 1.5;}
#footer .footer-inner .footer-utility .footer-address .tel-box {margin-top: 20px; margin-bottom: 20px;}

/* sub-page layout 서브페이지 레이아웃 */
#content.content .visual {height: 320px;}
#content .visual .visual-inner .content-title-area h3.content-title {font-size: 4rem;}
#content .visual .visual-inner .content-title-area span.content-sub-title {font-size: 1.5rem;}
#content .visual .sub-navi li a {font-size: 1.4rem;}
/* 통합검색 */
.search-area {}
.search-area .search-inner .search-cont .search-wrap strong {padding-right: 25px; font-size: 3.8rem;}
.search-area .search-inner .search-cont .search-wrap strong::before {width: 18px; height: 18px; bottom: 8px;}
.search-area .search-inner {padding-top: 110px; padding-bottom: 89px;}
.m-search-top {padding: 20px 20px; }
.m-search-top .lang-select {position: relative;}
.search-area .search-inner .search-cont .search-wrap form .search-type01 {margin-top: 25px; padding:13px 10px 13px 20px}
.search-area .search-inner .search-cont .search-wrap form .search-type01 input {font-size: 1.6rem;}
/* popup */
.popup .popup-inner{top:50%; transform: translate(-50%, -50%);}
.popup .popup-inner .popup-content{max-width:375px; padding:0 20px;}
.popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper .popup-swiper-slide{width:335px; max-width:100%;}
.popup .popup-inner .popup-content .popup-top .popup-swiper .swiper-wrapper .popup-swiper-slide a{border-radius: 10px;}
.swiper-button-next.popup-swiper-button-next{width: 16px; height: 30px;}
.swiper-button-prev.popup-swiper-button-prev{width: 16px; height: 30px;}
.popup .popup-inner .popup-content .popup-bottom button.popup-close i {width: 25px; height: 25px;}
.popup-check-box.checkbox input[type="checkbox"] + label:before {width: 20px; height: 20px;}
.popup .popup-inner .popup-content .popup-bottom {margin-top: 35px;}
.popup .popup-inner .popup-content .popup-bottom .popup-check-box label span {font-size: 1.5rem;}
.popup-check-box.checkbox input[type="checkbox"] + label {padding-left: 30px;}
.popup .popup-inner .popup-content .popup-bottom button.popup-close {font-size: 1.5rem; gap: 10px;}
.search-area .search-inner .search-cont .search-wrap form .search-type01 button.search-btn02{width: 16px; height: 16px;;}

.m-gnb-menu .m-gnb-menu-inner .m-menu-top{padding: 21px 20px;}
}


@media all and (max-width:420px){
#content .visual .sub-navi li a{font-size: 1.3rem; letter-spacing: -0.5px;}
#content .visual .sub-navi{padding: 15px 10px; box-sizing: border-box; gap:20px}
#content .visual .sub-navi li:after{right: -15px;}
#content .visual .visual-inner .content-title-area h3.content-title{font-size: 3.6rem; word-break: keep-all;}
}





@media all and (max-width:400px){
header .header-inner .until .search {margin-right: 10px;}
header .header-inner .until .search button {width: 21px;}
header .header-inner .until .menu button {width: 25px; height: 20px;}

.popup .popup-inner .popup-content{max-width:320px}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > .m-menu-depth2 ul.m-menu-depth2-inner li a {font-size: 1.7rem;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a .m-depth1-txt-box p.tit{font-size: 2.2rem;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a.on .m-depth1-txt-box p.tit{font-size: 2.5rem;}
}




@media all and (max-width:460px){
    .m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a .m-depth1-txt-box p.tit {font-size: 2rem;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > a.on .m-depth1-txt-box p.tit {font-size: 2rem;}
.m-gnb-menu .m-menu-list ul.m-menu-depth1 > li > .m-menu-depth2 ul.m-menu-depth2-inner li a {font-size: 1.6rem;}
}