@charset "utf-8";

/* 기본 컴포넌트, 레이아웃 */


/* Icons */
.icon, .ico{display: inline-block;background-size: contain;background-position: center center;background-repeat: no-repeat;text-indent: -9999px;vertical-align: middle;width: 20px;height: 20px;overflow: hidden;border: 0;background-color: transparent;}

/* Buttons */

/* Forms */

/* 
    layout 
    pc(wide): 1600 ~
    pc: 1241 ~
    tablet: 768 ~ 1240
    mobile : ~ 767
*/

.skip ul {margin:0; padding:0; list-style:none; z-index:100;}
.skip ul a {position:absolute; left:-100%;}
.skip ul a:focus {display:block; width:100%; height:30px; line-height:30px; top:0; left:0; background:#920400; color:#fff; text-align: center; z-index:999;}
.container{width:100%; max-width: 1740px; margin:0 auto;padding:0 var(--container-padding);}
.bodyFixed {position:fixed; overflow:hidden; width:100%; height:100%;}
.dim {display:none; position:fixed; width:100%; height:100%; left:0; top:0; background: rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#4d000000',GradientType=0); /* IE6-9 */ z-index:101;}

@media (min-width: 1241px){
    .mobile{display: none !important;}
}

@media (max-width: 1240px){
    .pc{display: none !important}
    :root{
        --container-padding: 15px;
    }
}

/* header */
.topDrawer {position:relative; overflow:hidden; height:110px; background:#778fb5;}
.topDrawer .container {position:relative;}
.topSlider li {position:relative; float:left; width:50%;}
.topSlider .halfBox {display:block; position:relative; padding:23px 58px 23px 85px; width:100%; height:110px; color:#fff; box-sizing:border-box;}
.topSlider .halfBox.rightBar:after {content:''; display:block; position:absolute; top:50%; margin-top:-36px; right:0; width:1px; height:72px; background:#5b77a3;}
.topSlider .tit {display:block; padding:6px 0; font-size:22px; font-size:2.2rem; color:#fff; line-height:110%; font-weight:600;}
.topSlider .tit.small {padding:0 0 3px; font-size:1.8rem;}
.topSlider .txt {margin:0; padding:6px 0; font-size:15px; font-size:1.5rem; color:#fff; line-height:110%; font-weight:400;}
.topSlider .txt.small {padding:0 0 6px; font-size:13px; font-size:1.3rem;}
.topSlider .btnSmallW {font-size:0;}
.topSlider .btnSmallW .btn05 {height:24px; padding:5px 15px; margin-top:0; font-size:13px; font-size:1.3rem; border:0;}
.topSlider .empty {height:110px;}
.topDrawer .bx-wrapper .bx-controls {bottom:0;}
.topDrawer .bx-wrapper .bx-controls-direction a {position:absolute; margin-top:-80px; width:26px; height:50px; text-indent:-9999px;}
.topDrawer .bx-wrapper .bx-prev {top:50%; left:0;  background:url('../img/pc/common/ico/icoPrev01.png') no-repeat left top; background-size:100%;}
.topDrawer .bx-wrapper .bx-next {top:50%; right:0; background:url('../img/pc/common/ico/icoNext01.png') no-repeat; background-size:100%;}
.icoArrLink01 {display:block; width:40px; height:10px; background:url('../img/pc/common/ico/icoArrLink01.png') no-repeat; background-size:100%;}
.topDrawer .icoArrLink01 {position:absolute; right:58px; bottom:30px;}
.topSlider .halfBox.bgMinerva {background:url('../img/pc/common/bg/bgMinerva01.png') no-repeat top 0 right 110px;}
.topSlider .halfBox.bgentpop {background: url(../img/pc/common/bg/bgentpop.png) no-repeat top 0 right 20px;}
.topSlider .halfBox.bgentpop2 {background: url(/k2_images/layout/popup/bgentpop2.png) no-repeat top 15px right 50px;}
.topSlider .halfBox.bgentpop3 {background:url('../img/pc/common/bg/bgentpop3.png') no-repeat top 0 right 50px;}

.utilW {position:relative; background:#152c46;padding: 6px 0;--container-padding: 15px;}
.utilW>.container{display: flex;justify-content: space-between;height: 36px;align-items: center}
.subMenu{display: flex;align-items: center;}
.subMenu a{display: block;padding: 6px 20px;font-weight: 700;background: #004381;border-radius: 3em;color: #fff;}
.subMenu .active>a{background: #FFE500;color: #111;position: relative;}
.subMenu .active>a:before{content: '';width: 13px;height: 9px;background: url(../img/renewal/util_active.svg) no-repeat;top: 100%;left: 50%;margin: -4px 0 0 -6px;position: absolute;}
.util-ect{height: 100%;display: flex;align-items: center;gap: 24px;font-size: 14px;}
.util-ect a{display: inline-flex;line-height: 20px;gap: 4px;color: #fff;font-weight: 700;}
.util-ect .icon{width: 20px;height: 20px;}
.icon-login{background-image: url(../img/renewal/login.svg);}
.icon-write{background-image: url(../img/renewal/write.svg);}

.head .container, .utilW>.container{max-width: 1710px;}
.head{position: sticky;z-index:100;padding-bottom: 0 !important;top: 0;left: 0;--container-padding: 15px;}
.head .logo{overflow: hidden; left: var(--container-padding);width: 270px;height: 56px; background: url('../img/renewal/logo.svg') no-repeat 0 0/contain;z-index: 20;}
.head .logo:has(img){width: auto;background: none;}
.head .logo a {display:block; width:100%; height:100%;}
.head .logo img{max-height: 100%;}

.hd-side{display: flex;align-items: center;}
.hd-side .icon{width: 52px;height: 52px}
.icon-all-menu{background-image: url(../img/renewal/all-menu.svg);}
.icon-lang{background-image: url(../img/renewal/lang.svg);}
.hd-side .icon-srch{width: 32px;height: 32px;background-image: url(../img/renewal/srch.svg);margin-right: 8px}
.gnbW{position: relative;height: 96px;background:#fff;}

.btnLangTip{position: absolute;top: 0;left: 0}
.hd-side .tip{position: absolute;top: 100%;right: -32px;margin-top: 8px;border: 1px solid #E5E5E5;border-radius: 16px;padding: 12px;width: calc(100vw - 30px);max-width: 440px;font-size: 14px;background: #fff;font-weight: 500;color: #666;display: none;}
.hd-side .tip.on{display: block}
.hd-side .tip a{color: var(--primary);}

.hd-side .dropdown-menu{margin-top: 8px;border: 1px solid #E5E5E5;border-radius: 16px;padding: 12px;min-width: 13em;left: auto !important;right: 0 !important;transform: none !important;top: 100% !important;font-size: 1em;}
.hd-side .dropdown-menu button{font-size: 1em;padding: .75em;display: block;border-radius: 8px;color: #555;width: 100%;display: block;text-align: left;}
.hd-side .dropdown-menu button:hover{background: #F6F6F6;color: #111;}
.hd-side .dropdown-menu button.active{background: #1087f5;color: #fff;}
.hd-side .show > .dropdown-menu{display: block !important} 

.overflow-hidden{overflow: hidden !important;}
.all-menu{position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding: 0 20px;;z-index: 10000;display: none;overflow-y: scroll;background-color: #F3F6F9;}
.all-menu::-webkit-scrollbar {width: 8px;position: absolute;z-index: 5;}
.all-menu::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.5);border-radius: 4px;}
.all-menu::-webkit-scrollbar-track {background: transparent;}
.all-menu .container{max-width: 1400px;}
.all-menu-hd{position: fixed;top: 0;left: 0;right: 8px;padding: 0 20px;z-index: 5;}
.all-menu-hd:before{content: '';display: block;height: 20px;max-width: 1400px;margin: 0 auto;background: #F3F6F9}
.all-menu-hd>.container{height: 94px;background: var(--basic-navy);color: #fff;border-radius: 16px;padding: 0 20px;display: flex;align-items: center;}
.all-menu-wrap{padding: 126px 0 20px}
.all-menu .box{padding: 32px;background: #fff;border-radius: 20px;margin-top: 12px;}
.all-menu .box>a{font-size: 24px;font-weight: 700;color: var(--primary);}
.all-menu .depth{display: flex;flex-wrap: wrap;gap: 12px 0;padding-top: 32px;margin: 24px -24px 0;position: relative;}
.all-menu .depth:before{content: '';width: 32px;border-top: 2px solid #ddd;position: absolute;
top: 0;left: 24px}
.all-menu .depth>li{line-height: 1.3;padding: 0 24px;width: 20%;max-width: 20%;}
.all-menu .depth:not(.noline)>li+li{border-left: 1px dashed #ddd;}
.all-menu .depth>li>a{color: #111;font-weight: 600;letter-spacing: -.05em;word-break: keep-all;display: block}
.all-menu .depth ul{font-size: .9em;padding: 4px 0 8px}
.all-menu .depth ul>li{margin-top: 8px}
.all-menu .depth>li>a+a{margin-top: 16px;}

.all-menu-hd .icon-close-all{width: 56px;height: 56px;background-image: url(../img/renewal/all-close.svg);margin-left: 8px}
.all-menu-hd .link{display: flex;height: 50px;padding: 0 16px;border-radius: 16px;background: var(--basic-ylw);color: var(--basic-navy);font-size: 18px;font-weight: 700;gap: 8px;align-items: center;margin-right: 8px}
.icon-my{background-image: url(../img/renewal/my.svg);}
.icon-write-blk{background-image: url(../img/renewal/write-blk.svg);}
.all-menu-hd .link .icon{width: 20px;height: 20px;}

@media screen and (min-width: 1800px) {
    .all-menu-wrap, .all-menu2, .all-menu3, .all-menu4{gap: 24px}
    .all-menu .box{padding: 48px;border-radius: 24px}
    .all-menu .depth{font-size: 18px;}
    .all-menu .depth{gap: 16px 0}
    .all-menu{background-image: url(../img/renewal/all-menu-bg.png), url(../img/renewal/all-menu-ch.png);background-repeat: no-repeat, no-repeat;background-position: bottom 20px right 0px, bottom 30px left 5%}
}

#head-srch{position: absolute;top: 100%;left: 0;right: 0;z-index: 1000;height: 100vh;background: rgba(0,0,0,.5);border-top: 1px solid #eee;display: none}
.head-srch-inner{background: #fff;padding: 40px var(--container-padding);overflow: hidden;}
.head-srch{max-width: 640px;margin: 0 auto;position: relative;padding-bottom: 60px;}
.head-srch>img{position: absolute;bottom: 0;left: 100%;margin-left: 30px;}

.head-srch-group{position: relative;margin-bottom: 1em}
.head-srch-group:after{content: '';position: absolute;width: 35px;height: 35px;background: url(../img/renewal/head-srch-tail.svg) no-repeat;left: 100%;top: 100%;margin: -17px -10px}
.head-srch-group input{border-radius: 1em;background: var(--basic-navy);color: #fff;height: 3.5em;font-size: 20px;width: 100%;padding: .5em 1.2em;border: 0;padding-right: 60px}
.head-srch-group input::placeholder{color: #fff;}
.head-srch-group .icon{position: absolute;top: 0;right: 0;width: 60px;height: 100%;background: url(../img/renewal/srch-ylw.svg) no-repeat 1em 50%/42% auto;}


@media screen and (max-width: 1024px) {
    .head-srch{padding-bottom: 0}
    .head-srch>img, .head-srch-group:after{display: none}
    .head-srch-inner{padding: var(--container-padding)}
    .head-srch-group input{font-size: 16px;}
}

@media screen and (min-width: 1241px) {
    .my-link{color: var(--primary) !important;border-bottom-color: transparent !important;}
    .my-link:before{content: '';width: 1.6em;height: 1.6em;background: url(../img/renewal/my-link.svg) no-repeat 0 0/100% auto;margin-right: .4em;}

    .mobileMenuW{position: relative}
    .head .logo{position:absolute;margin-top: -27px;top: 50%;}
    .hd-side{position: absolute;right: var(--container-padding);top: 0;height: 96px;}
    .hd-side-gnb{height: 96px;margin-right: 8px;width: 172px;display: flex;align-items: center;position: relative;}
    .hd-side-gnb:after{content: '';position: absolute;top: 50%;left: 50%;border-left: 2px solid rgba(17,17,17,.4);height: 10px;margin: -5px 0 0 -1px;}
    .hd-side-gnb a{width: 50%;font-size: 1.8rem;font-weight: 700;color: #002445;background: #FFE500;}
    .hd-side-gnb a:first-child{padding: 12px 0 12px 16px;border-radius: 16px 0 0 16px;}
    .hd-side-gnb a:last-child{padding: 12px 0 12px 8px;border-radius: 0 16px 16px 0;}

    .gnb{display: flex;justify-content: center;gap: 4%;height: 96px;padding: 0 300px;white-space: nowrap;}
    .gnb>li>a{height: 96px;font-size: 1.8rem;color: #111;display: flex;align-items: center;border:  2px solid transparent;border-width: 2px 0;font-weight: 700;}

    .pcTopW{position: absolute;top: 0;left: 0;right: 0;height: 100%;pointer-events: none;}
    .pcTopW>.container{position: relative;height: 100%;}
    .pcTopW .logo, .pcTopW .hd-side{pointer-events: auto;z-index: 20}
    
    .gnb .depth2{position:absolute;left:0;width: 100%;background: #fff url(../img/renewal/gnb_bg.png) no-repeat 100% 0/auto 281px;top: 100%;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);border-top: 1px solid #eee;padding: 24px 0;display: none}

    .depth2List{display: flex;justify-content: center;max-width: 1280px;flex-wrap: wrap;gap: 8px;margin: 0 auto;}
    .depth2List>li{flex: 1;padding: 32px;background: #F7F7F7;border-radius: 24px;}
    .depth2List a{display: inline-block;line-height: 1.5;font-weight: 600;}
    .depth2List>li>a{font-size: 1.8rem;color: #111;display: block}
    .depth2List>li>a:not(:first-child){margin-top: 2rem}
	.depth2List>li>a:hover, .depth2List>li>a.on{color: #1087F5}


    .depth3{margin-top: 1.6rem}
    .depth3 a{color: #555;font-size: 1.6rem;border-bottom: 2px solid transparent;font-weight: 500}
    .depth3>li+li{margin-top: 1.2rem}
    .btnDepth2{display: none}
    .depth3 a:hover{color: #1087F5;border-bottom-color: #1087F5;}

    .depth2List.grid{justify-content: flex-start;}
    .depth2List.grid>li{flex-basis: calc((100% - 24px)/4);max-width: calc((100% - 24px)/4);text-align: center}
    .depth2List.grid>li>a{display: flex;align-items: center;justify-content: center;height: 100%;}


    #gnb-hakbu .depth2List>li{padding: 0;}
    #gnb-hakbu .depth2List>li>a[data-bg]{padding: 32px 16px;border-radius: 24px}
    .depth2List>li>a[data-bg]:hover, .depth2List>li>.on[data-bg]{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;color: #fff;}


    .depth2List>li>a[data-bg=english]:hover, .depth2List>li>.on[data-bg=english]{background-image: url('../img/renewal/main/major/english_tmb.jpg')}
    .depth2List>li>a[data-bg=chinese]:hover, .depth2List>li>.on[data-bg=chinese]{background-image: url('../img/renewal/main/major/chinese_tmb.jpg')}
    .depth2List>li>a[data-bg=japanese]:hover, .depth2List>li>.on[data-bg=japanese]{background-image: url('../img/renewal/main/major/japanese_tmb.jpg')}
    .depth2List>li>a[data-bg=korean]:hover, .depth2List>li>.on[data-bg=korean]{background-image: url('../img/renewal/main/major/korean_tmb.jpg')}
    .depth2List>li>a[data-bg=spanish]:hover, .depth2List>li>.on[data-bg=spanish]{background-image: url('../img/renewal/main/major/spanish_tmb.jpg')}
    .depth2List>li>a[data-bg=vnid]:hover, .depth2List>li>.on[data-bg=vnid]{background-image: url('../img/renewal/main/major/vnid_tmb.jpg')}
    .depth2List>li>a[data-bg=marbiz]:hover, .depth2List>li>.on[data-bg=marbiz]{background-image: url('../img/renewal/main/major/marbiz_tmb.jpg')}
    .depth2List>li>a[data-bg=mcp]:hover, .depth2List>li>.on[data-bg=mcp]{background-image: url('../img/renewal/main/major/mcp_tmb.jpg')}
    .depth2List>li>a[data-bg=kbeauty]:hover, .depth2List>li>.on[data-bg=kbeauty]{background-image: url('../img/renewal/main/major/kbeauty_tmb.jpg')}
    .depth2List>li>a[data-bg=safety]:hover, .depth2List>li>.on[data-bg=safety]{background-image: url('../img/renewal/main/major/safety_tmb.jpg')}
    .depth2List>li>a[data-bg=public]:hover, .depth2List>li>.on[data-bg=public]{background-image: url('../img/renewal/main/major/public_tmb.jpg')}
    .depth2List>li>a[data-bg=kyoyang]:hover, .depth2List>li>.on[data-bg=kyoyang]{background-image: url('../img/renewal/main/major/kyoyang_tmb.jpg')}
    .depth2List>li>a[data-bg=fusion]:hover, .depth2List>li>.on[data-bg=fusion]{background-image: url('../img/renewal/main/major/fusion_tmb.jpg')}

    .depth2List>li>a[data-bg=aienglish]:hover, .depth2List>li>.on[data-bg=fusion]{background-image: url('../img/renewal/grad/aienglish_tmb.jpg')}
    .depth2List>li>a[data-bg=globalkorean]:hover, .depth2List>li>.on[data-bg=globalkorean]{background-image: url('../img/renewal/grad/globalkorean_tmb.jpg')}
    

    #gnb-hakbu .depth2List>li{flex-basis: calc((100% - 16px)/3);text-align: center;max-width: calc((100% - 16px)/3);}

    .gnb .on>a, .head a.on{color: #1087F5 !important}
    .gnb .on>a{border-bottom-color: #1087F5;}


    .allMenuW .container{position:relative;}
    .allMenu {display:none; overflow-y:auto; position:relative; width:100%; height:calc(100vh - 241px); padding-bottom:15px; background:rgba(247,247,246,0.95); box-sizing:border-box;}
    .head.fixed .allMenu {height:calc(100vh - 88px);}
    .allMenu .container {background:url('../img/pc/common/bg/bgMinerva03.png') no-repeat bottom 0 right 0;}
    .allMenu:before {content:''; position:absolute; top:49px; width:100%; height:1px; background:#d9d6d2;}
    .menuDepth1 {margin:0 -20px;}
    .menuDepth1 > li {display:  block; float:left; padding:0 20px; width:16.66%; box-sizing:border-box;}
    .menuDepth1 > li > a {display:block; position:relative; padding:18px 0 14px 0; color:#152c46; font-size:18px; font-size:1.8rem; box-sizing:border-box;}
    .menuDepth1 > li > a:after {content:''; position:absolute; bottom:0; left:0; width:20px; height:2px; background:#bfa98f;}
    .menuDepth2 > li > a {display:block; position:relative; padding:15px 0 0; color:#8d704e; font-size:15px; font-size:1.5rem; line-height:152%;}
    .menuDepth2 > li > a:hover {font-weight:bold;}
    .menuDepth3 {padding:0;}
    .menuDepth3 > li > a {display:block; position:relative; padding:3px 0; color:#333; font-size:13px; font-size:1.3rem; line-height:122%;}
    .menuDepth3 > li > a:hover {text-decoration:underline;}
}

@media screen and (min-width: 1600px) {
    .gnb{gap: 48px;padding: 0 356px}
    .gnb>li>a{font-size: 2rem;}
    .hd-side .icon-srch{margin-right: 16px}
    .hd-side-gnb{margin-right: 24px}
}


@media screen and (max-width: 1240px) {
    .utilW{font-size: 12px;}
    .utilW>.container{height: auto;min-height: 28px;flex-wrap: wrap;}
    .subMenu{gap: 4px}
    .subMenu a{padding: 0;background: none !important}
    .subMenu>li:not(.active){opacity: .5;}
    .subMenu .active>a{color: #FFE500;}
    .subMenu .active>a:before{display: none}
    .util-ect{gap: 4px;font-size: 12px;margin-left: auto;}
    .util-ect a{gap: 4px;line-height: 16px}
    .util-ect .icon{width: 16px;height: 16px;}

    .mobileTopW{height: 96px;box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);background: #fff;z-index: 100;}
    .mobileTopW>.container{display: flex;align-items: center;height: 100%;justify-content: space-between;}
    .mobileTitW .hd-side .icon{width: 32px;height: 32px;}

    .mobileMenuW {position:fixed; top:0; bottom:0; right:-100%; padding-top:0; width:100%; max-width:360px; z-index:1100;}

    .mobileTitW {display: flex; position:relative; width:100%; height: 56px; z-index:10;background:#fff;align-items: center;padding: 0 16px;}
    .mobileTitW img{height: 28px;}
    .mobileTitW .btnMenuClose{background-image:url('../img/renewal/menuClose.svg')}

    .gnbW {position:fixed; width:100%; max-width:360px; height:100%; z-index:102;}
    .gnbW > .container {position:absolute; overflow-x:hidden; overflow-y:auto; top:56px; bottom:0;padding: 0;}

    .gnb{padding: 0;width: 40%;padding: 8px;}
    .gnb:after {content:''; position:absolute; top:0; bottom:0; left:0; width: 40%;border-radius: 16px 16px 0 0;background: #f6f6f6;}
    .gnb>li>a, .depth2List>li>a{font-size: 16px;display: block;padding: 12px;border-radius: 12px;position: relative;z-index: 1;color: #111;font-weight: 700;}
    .gnb>.on>a{background: #eee;color: var(--primary);}

    .gnb .depth2 {display:none; width:60%; top:0; left: 40%; overflow-x:hidden; overflow-y:auto;z-index:10;  background:none;position: absolute;}
    .depth2 .container{padding: 8px 12px}
    .depth2List>li>a{font-weight: 600;font-size: 14px;display: flex;justify-content: space-between;}

    .depth2-link:after{content: '';width: 20px;height: 20px;background: url(../img/renewal/depth2List-arr.svg) no-repeat;}

	.depth2-link.on{background: var(--primary);color: #fff;}
	.depth2-link.on::after{background-image: url(../img/renewal/depth2List-arr-on.svg);}

    .depth3{padding: 16px;background: #F6F6F6;border-radius: 12px;margin-top: 4px}
    .depth3 li+li{margin-top: 8px}
    .depth3 a{color: #555;font-weight: 500;}



    .titDepth2 {display:none;}
}

@media screen and (max-width: 767px) {
    .mobileTopW{height: 56px}
    .head .logo{width: 128px;height: 28px;}
    .hd-side .icon{width: 32px;height: 32px}
    .icon-all-menu{background-image: url(../img/renewal/all-menu_m.svg);}
    .icon-lang{background-image: url(../img/renewal/lang_m.svg);}
}

/* // header */


/* footer */
.footer{padding: 64px 0;background: #F8F8F8;border-radius: 40px 40px 0 0;}
.ft-side{margin-left: auto}
.ftLinkList{display: flex;gap: 4px 8px;flex-wrap: wrap;}
.ftLinkList a{color: #000;font-weight: 500;}
.ft{font-size: 14px;line-height: 1.5;color: #333}
.snsList{display: flex;margin: 16px 0 24px;gap: 8px}
.snsList .icon{width: 36px;height: 36px;}
.icon.minerva{background-image: url(../img/renewal/sns_minerva.png);}
.icon.blog{background-image: url(../img/renewal/sns_blog.svg);}
.icon.naverPost{background-image: url(../img/renewal/sns_naverPost.svg);}
.icon.facebook{background-image: url(../img/renewal/sns_facebook.svg);}
.icon.instagram{background-image: url(../img/renewal/sns_instagram.svg);}
.icon.flickr{background-image: url(../img/renewal/sns_flickr.svg);}
.icon.ntv{background-image: url(../img/renewal/sns_ntv.svg);}
.icon.youtube{background-image: url(../img/renewal/sns_youtube.svg);}
.copy{color: #B6B6B6;}

.contact-box{display: flex;margin-left: auto;gap: 8px;font-size: 14px;}
.contact-box>li{padding: 24px;border-radius: 24px;font-weight: 700;flex: 1;position: relative}
.contact-box>li:nth-child(1){background: #FFE500;color: #000}
.contact-box>li:nth-child(2){background: #002445;color: #fff}
.float-link i{display: inline-block;vertical-align: middle;height: 8px;border-left: 1px solid #B6B6B6;margin: 0 4px;}
.float-link a{color: #1087F5;border-bottom: 2px solid;}
.contact-box .tel{font-size: 24px;line-height: 1.5;margin: 20px 0 5px;line-height: 1;}
.contact-box .opacity{opacity: .5}

.ft-side .dropdown-toggle{display: flex;align-items: center;background: #EDEDED;height: 56px;border-radius: 16px;padding: 0 24px;font-size: 16px;font-weight: 700;color: #000;width: 100%}
.dropdown-toggle:after{content: '';width: 1.5em;height: 1.5em;background: url(../img/renewal/dropdown.svg) no-repeat 0 0/100% auto;margin-left: auto;}
.open .dropdown-toggle:after{transform: scaleY(-1);}
.ft-side .dropdown-menu{width: 100%;min-width: 0;margin-bottom: 8px;border-radius: 16px;border: 1px solid #eee;box-shadow: none;background: #fff;padding: .75em;font-size: 1em;max-height: 50vh;overflow-y: auto;}
.ft-side .dropdown-menu>li>a{padding: .75em;color: #555;border-radius: .75em;}

@media screen and (min-width: 768px) {
    .ft-side{display: flex;flex: 1;gap: 8px;justify-content: flex-end}  
    .ft-side>div{flex: 1}
    .footLogo{flex-shrink: 0;height: 48px;}
    .contact-box>li{white-space: nowrap;}
    .float-link{position: absolute;top: 24px;right: 24px}
}

@media screen and (min-width: 1241px) {
    .ftCon{padding-top: 36px;}
    .ft{flex: 1;display: flex;align-items: flex-start;gap: 16px}
    .address>div{margin-top: 4px}      
    .contact-box{flex: 1;max-width: 660px;} 
    .ftLinkW{display: flex;align-items: center}  
    .ftCon{display: flex;gap: 40px;margin-top: 16px;padding-top: 16px;border-top: 1px solid #E5E5E5;align-items: flex-start;}
    .ft{flex: 1}
    .ft-side{padding-left: 32px;}
    .ft-side>div{max-width: 240px}

    .cufsgrad .contact-box{max-width: 608px;}
}

@media screen and (min-width: 1600px) {
    .ftLinkList{gap: 24px}
    .ft{gap: 32px}
}

@media screen and (max-width: 1240px) {
    .footer{padding: 32px 0;border-radius: 0;} 
    .ftLinkList{margin: 16px 0;gap: 4px 8px}
    .ftCon{margin: 16px 0}
    .contact-box{margin-top: 16px}
    .snsList{margin-bottom: 16px}
}

@media screen and (max-width: 767px) {
    .footLogo{width: 150px}
    .ft-side .dropup{margin-bottom: 8px;}
    .ft, .copy{font-size: 12px;}
    .contact-box>li{padding: 16px;display: flex;flex-direction: column;line-height: 1.1;border-radius: 16px;font-size: 12px}
    .contact-box .tel{font-size: 18px;letter-spacing: -.03em;}
    .float-link{margin-top: auto;padding: 10px 0 5px}
    .snsList{gap: 4px}
    .snsList .icon{width: 32px;height: 32px;}
}

/* //footer */

/* quickMenu */
.quickMenu{position: fixed;bottom: 12vh;right: 20px;width: 72px;z-index: 50;}
.quickMenu .icon{display: block;margin: 0 auto;width: 24px;height: 24px;}
.quickMenu a{display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 12px;font-weight: 700;}
.quickList{border: 1px solid #e5e5e5;background: #f4f4f4;border-radius: 8px;overflow: hidden;}
.quickList a{height: 60px;color: var(--basic-navy) !important;gap: 4px}
.btnFloatTop{height: 48px;margin-top: 12px;background: var(--basic-navy);border-radius: 8px;color: #fff !important}
.icon-top{background-image: url(../img/renewal/top.svg)}
.icon-qna{background-image: url(../img/renewal/qna.svg)}
.icon-share{background-image: url(../img/renewal/share.svg)}
.quickList .icon-tel{filter: brightness(0) invert(1);}

@media screen and (max-width: 1240px) {
    .quickMenu{width: 48px;right: 10px;bottom: 10px}
    .quickMenu a{height: 40px;}
    .quickList a{font-size: 0;line-height: 0;color: transparent !important;}
    .quickMenu .mt-2{margin-top: 0 !important;}
    .quickMenu .icon{width: 20px;height: 20px}
    .btnFloatTop{margin-top: 8px}
    .btnFloatTop .icon{display: none;font-size: 10px}
}


/* //quickMenu */


/* 레이어 popup */
.popFixedWrap {display:none; position:fixed; overflow:auto; top:0; right:0; bottom:0; left:0; z-index:150; -webkit-overflow-scrolling:touch;}
.popFixedWrap .dim {display:block; z-index:10;}
.popFixedWrap .popWrap {position:relative; padding:20px; margin:0 20px; background:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); z-index:20;}
.popFixedWrap .btnClose {position:absolute; overflow:hidden; top:7px; right:7px; width:40px; height:40px; padding:0; border:0; background:url('../img/mobile/contents/ico/icoPopClose.png') no-repeat center; background-size:14px; text-indent:100%; cursor:pointer; outline:0; white-space:nowrap;}
.popFixedWrap .btnClose02 {position:fixed; overflow:hidden; top:30px; right:30px; width:28px; height:28px; padding:0; border:0; background:url('../img/pc/contents/ico/icoLayerPopClose.png') no-repeat center; background-size:100%; text-indent:100%; cursor:pointer; outline:0; white-space:nowrap; z-index:50;}


/* tablet */
@media (max-width: 1240px){
    .pc{display: none !important}

    .topDrawer {padding:0; box-sizing:border-box;}
    .topDrawer .bx-wrapper .bx-prev {left:15px;}
    .topDrawer .bx-wrapper .bx-next {right:15px;}
    .topSlider li {width:100%;}
    .topSlider .halfBox {width:100%;}
    .topSlider .halfBox.rightBar:after {display:none;}
}

/* mobile */
@media (max-width: 767px){
    .topDrawer {height:60px;}
    .topSlider .tit {overflow:hidden; text-overflow:ellipsis; padding:14px 0 0; font-size:14px; font-size:1.4rem; white-space:nowrap;}
    .topSlider .tit.small {padding:7px 0 0; font-size:12px; font-size:1.2rem;}
    .topSlider .halfBox {padding:0 82px 0 45px; height:60px;}
    .topSlider .txt {overflow:hidden; text-overflow:ellipsis; padding:3px 0 0; font-size:11px; font-size:1.1rem; white-space:nowrap;}
    .topSlider .txt.small {padding:0 0 4px; font-size:10px; font-size:1.0rem;}
    .topSlider .btnSmallW .btn05 {height:18px; padding:4px 8px; font-size:11px; font-size:1.1rem;}
    .topSlider .btnSmallW .btn05 .arr {width:24px; height:9px; margin-left:8px;}
    .topDrawer .bx-wrapper .bx-controls-direction a {width:15px; height:31px; margin-top:-45px;}
    .topDrawer .icoArrLink01 {bottom:14px; right:45px;}
    .icoArrLink01 {width:27px;}
    .topSlider .halfBox.bgMinerva {background: url(../img/pc/common/bg/bgMinerva01.png) no-repeat top 0 right 66px; background-size:auto 100%;}
    .topSlider .halfBox.bgentpop {background: url(../img/pc/common/bg/bgentpop.png) no-repeat top 0 right 30px; background-size:auto 100%;}

    .popFixedWrap .btnClose02 {top:20px; right:20px;}
}



/* // 레이어 popup */
.ieupdate {position:relative; background:#363a3f; font-size:12px; font-family:dotum; z-index:600;}
.ieupdate .outer .container {position:relative; padding:18px 0;}
.ieupdate .outer .container .left {position:relative; padding:0 260px 0 0; width:100%; box-sizing:border-box;}
.ieupdate .outer .container .left img {float:left; margin-top:5px;}
.ieupdate .outer .container .left .leftWrap {padding-left:86px}
.ieupdate .outer .container .left .leftWrap p,.ieupdate .outer .container .left .leftWrap strong {line-height:1.5;}
.ieupdate .outer .container .left .leftWrap strong {display:block; color:#cbb098; font-size:18px; font-size:1.8rem;}
.ieupdate .outer .container .left .leftWrap .note1 {padding:0; margin:10px 0 0; color:#b2b2b2; font-size:14px; font-size:1.4rem; line-height:142%;}
.ieupdate .outer .container .left .leftWrap .note2 {padding:0; margin:0; color:#fff; font-size:14px; font-size:1.4rem; line-height:142%;}
.ieupdate .outer .container .right {position:absolute; top:0; right:0; padding:18px 0;}
.ieupdate .outer .container .rightA {display:inline-block; position:relative; border:1px solid #737880; background-color:#3d444d}
.ieupdate .outer .container .rightA span {padding:13px 12px; display:inline-block; font-size:14px; font-size:1.4rem; border-right:1px solid #737880; color:#fff;}
.ieupdate .outer .container .rightA img {display:inline-block; margin:8px 12px 6px 10px; width:26px; height:24px; vertical-align:top; box-sizing:border-box;}
.ieupdate .outer .container .cookieForm {display:block; margin-top:15px; text-align:right;}
.ieupdate .outer .container .cookieForm label {display:inline-block; vertical-align:middle; font-size:12px; font-size:1.2rem; color:#b2b2b2; line-height:110%; cursor:pointer;}
.ieupdate .outer .container .cookieForm .close {display:inline-block; vertical-align:middle; padding:0; font-size:12px; font-size:1.2rem; color:#b2b2b2; border:0; background:none; line-height:110%; cursor:pointer;}
.ieupdate .outer .container .cookieForm input[type="checkbox"] {display:inline-block; margin:0 5px; padding:0; width:12px; height:12px; vertical-align:middle; border-radius:0; border:1px solid #737880; background:#fff; cursor:pointer; box-sizing:border-box;}