/* header */
header{width: 100%; min-height:85px; background-color:#fff;display: flex; align-items: center; position: fixed; opacity: 1; z-index: 10;}
header.active {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
header .logo{position:absolute; left:30px; max-width: 107px; width: 100%; height: 66px;}
header .logo a{display: block; max-width: 107px; width: 100%; height: 66px; position: absolute; top:0;}
header .gnb-inner{min-height:85px; height: auto;}
header .gnb-inner .gnb ul.partner_menu.on{display: block;}
header .gnb-inner .gnb{display: flex; align-items: center; justify-content: space-between; font-size: 17px; min-height: 85px;}
header .gnb-inner .gnb .menu>a{padding-right: 2.5rem;}
header .gnb-inner .gnb .menu>a:hover{color:#1596d4;}
header .gnb-inner .gnb .menu>a.active{color:#1596d4;}
header .gnb-inner .gnb ul.partner_menu{margin-left: 400px; width: 172px; text-align: center; cursor: pointer; min-height: 85px; height: auto; line-height: 85px;}
header .gnb-inner .gnb ul.partner_menu>li{position:relative;}
header .gnb-inner .gnb ul.partner_menu li.sub_on:hover .sub_menu{display: flex;}
header .gnb-inner .gnb ul.partner_menu>li:after{background-image: url('../img/main/partner_btn.png'); width: 14px; height: 8px; content:''; display: inline-block; margin-right:5px;}
header .gnb-inner .gnb ul.partner_menu ul.sub_menu{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; position:absolute;  transition:all 0.2s; text-align: left; background-color:#fff; width: 172px; display: flex; flex-direction: column; display: none; }
header .gnb-inner .gnb ul.partner_menu ul.sub_menu li a{max-width: 172px; height: 40px; line-height: 40px; font-size: 16px;padding-left:20px; display: block;}

header .gnb-inner .gnb ul.my_menu li{position: relative;}
header .gnb-inner .gnb ul.my_menu>li img{max-width: 14px; width: 100%; display: inline-block; margin-left:5px; vertical-align: middle;}
header .gnb-inner .gnb ul.my_menu li.sub_on:hover .sub_menu{display: flex;}
header .gnb-inner .gnb ul.my_menu li.sub_on>a{color:#1596d4; font-size: 1.6rem; font-weight: 500; display: inline-block; border: 2px solid #1596d4; text-align:center; border-radius: 2rem; width: 20rem; min-height: 4rem; line-height:4rem;height: auto;}
header .gnb-inner .gnb ul.my_menu ul.sub_menu{position:absolute; padding:2rem;  transition:all 0.2s; text-align: left; border: 2px solid #1596d4; border-top:0; left:20px; background-color:#fff; width: 16.3rem; display: flex; flex-direction: column; display: none;}
header .gnb-inner .gnb ul.my_menu ul.sub_menu li a{max-width: 20rem; font-size: 16px; display: block;}
header .gnb-inner .gnb ul.my_menu ul.sub_menu li{padding-bottom: 1.5rem;}
header .gnb-inner .gnb ul.my_menu ul.sub_menu li:last-child{border-top:1px solid #1596d4; padding-top: 1.5rem; padding-bottom: 0;}

header .gnb-inner .gnb>a{margin-right:30px;}
header .gnb-inner .gnb>a.menu_mr{margin-right:105px;}
header .gnb-inner .gnb ul.login_box{display: flex;}
header .gnb-inner .gnb ul.login_box li{margin-right:10px;border-radius: 30px;height: 45px;line-height: 45px; background-color:#fff; border:2px solid #1596d4;}
header .gnb-inner .gnb ul.login_box li a{display: inline-block; padding:0 24px; color:#1596d4;}
header .gnb-inner .gnb ul.login_box li.login_btn{ background-color:#fff; border:2px solid #1596d4;}
header .gnb-inner .gnb ul.login_box li.login_btn a{color:#1596d4;}
header .gnb-inner .gnb ul.login_box li.sign_up{background-color:#1596d4; border:none;}
header .gnb-inner .gnb ul.login_box li.sign_up a{color:#fff;}
header .gnb-inner .gnb ul.login_box li.partner_sign_up{background-color:#5cb5e1; line-height: normal; margin-right: 0; border:none;}
header .gnb-inner .gnb ul.login_box li.partner_sign_up a{color:#fff; text-align: center; padding-top:3px;}





@media (max-width:1600px){
header .gnb-inner .gnb>a.menu_mr{margin-right:30px;}
}

@media (min-width:1200px) and (max-width:1600px){
header .gnb-inner{justify-content: flex-end;}
header .gnb-inner .gnb{padding-left: 100px;}   
header .gnb-inner .gnb ul.partner_menu{margin-left: 300px;}
}

@media (max-width:1280px){
header .logo a{top:7px; left:-15px;}
header .logo a img{width: 80%;}
}

@media (max-width:1200px){
/* header */
header {transition: .5s;z-index: 100; min-height: 75px; position: fixed; opacity: 1;}
header.active {opacity: 1; }
header .logo {padding-top:40px; left:15px;}
header .logo a {top:2px; left: 0;}
header .gnb-inner{min-height: 75px;}
header .gnb-inner .gnb {padding-top: 80px; background: #fff; justify-content: flex-start; align-items: flex-start; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; position: fixed;top: 0;right: -320px; width: 300px;height: 100vh;transition: .5s;display: block;}
header .gnb-inner .gnb.active {right: 0;}
header .gnb-inner .gnb>a {font-size: 16px; margin-right: 0;color: #222;display: block; padding:10px 30px; line-height: initial; font-weight: bold;}
header .gnb-inner .gnb>a:last-child {margin-right: none;display: inline-block;background: none;border-radius: 0;width: auto;height: auto;text-align: center;}
header .gnb-inner .gnb>a.menu_mr{margin-right: 0;}
header .gnb-inner .gnb .menu{padding:10px 30px; width: 100%; text-align: left;}
header .gnb-inner .gnb .menu>a{padding-right: 0; display: block; font-weight: bold; line-height: 40px;}
header .gnb-inner .gnb ul.login_box{flex-direction: column; justify-content: center; padding-left:30px; padding-top:10px;}
header .gnb-inner .gnb ul.login_box li{margin-right: 0; text-align: center; max-width: 200px; width: 100%; margin-bottom: 8px;}
header .gnb-inner .gnb ul.partner{margin-right:0; width: auto; text-align: left; line-height: normal; padding:10px 30px;}
header .gnb-inner .gnb ul.partner_menu{margin-right:0; margin-left: 0; width: 100%; text-align: left; min-height: auto; padding:10px 30px; line-height: initial;}
header .gnb-inner .gnb ul.partner_menu:hover .sub_menu{opacity: 1;}
header .gnb-inner .gnb ul.partner_menu>li:first-child a.sub_on_btn{font-weight: bold; font-size: 16px;}
header .gnb-inner .gnb ul.partner_menu>li:first-child a.sub_on_btn:after{background-image: url('../img/main/partner_btn.png'); width: 14px; height: 8px; content:''; display: inline-block; margin-left:10px;}
header .gnb-inner .gnb ul.partner_menu>li:after{display: none;}
header .gnb-inner .gnb ul.partner_menu ul.sub_menu{position: static; transition:all 0.2s; box-shadow: none; text-align: left; background-color:#fff; width:100%; display: block; opacity: 1;  padding-top: 10px;}
header .gnb-inner .gnb ul.partner_menu ul.sub_menu li a{max-width: none; padding-left:0;}

header .gnb-inner .gnb ul.my_menu{margin-right: 0; width: 100%; text-align: left; min-height: auto; padding: 10px 30px; line-height: initial;}
header .gnb-inner .gnb ul.my_menu li{position: relative;}
header .gnb-inner .gnb ul.my_menu>li img{max-width: 14px; width: 100%; display: inline-block; margin-left:10px; vertical-align: middle;}
header .gnb-inner .gnb ul.my_menu li.sub_on:hover .sub_menu{display: flex;}
header .gnb-inner .gnb ul.my_menu li.sub_on>a{color:#1596d4; font-size: 16px; font-weight: bold; display: inline-block; border:none; text-align:center; border-radius: 2rem; width: auto; min-height: 4rem; line-height:4rem;height: auto;}
header .gnb-inner .gnb ul.my_menu ul.sub_menu{position:static; padding:0;  transition:all 0.2s; text-align: left; border:none; border-top:0; padding-top: 10px; background-color:#fff; width:100%; display: flex; flex-direction: column;}
header .gnb-inner .gnb ul.my_menu ul.sub_menu li a{max-width: none; width:100%; font-size: 16px;padding-left:0; display: block; line-height: 40px; height: 40px;}
header .gnb-inner .gnb ul.my_menu ul.sub_menu li{padding-bottom:0;}
header .gnb-inner .gnb ul.my_menu ul.sub_menu li:last-child{border-top:0; padding-top: 0;}


/*	Trigger */
.trigger {display: block;width: 30px;height: 20px;position:absolute; top:25px; right: 15px;}
.trigger span {position: absolute;height: 2px;width: 100%;background: #333;transition: .5s;}
.trigger.active span {background: #222;}
.trigger span:nth-child(1) {top: 0%;}
.trigger span:nth-child(2) {top: 50%;width: 80%;}
.trigger span:nth-child(3) {top: 100%;}
.trigger.active span:nth-child(1) {top: 50%;transform: rotate(45deg);}
.trigger.active span:nth-child(2) {opacity: 0;}
.trigger.active span:nth-child(3) {top: 50%;transform: rotate(-45deg);}
}

@media (max-width:768px){
header{min-height: 70px;}
header .gnb-inner{min-height: 70px;}
header .logo a{top:5px;}
header .logo a img{width: 80%;}
}

@media (max-width:640px){
header{min-height: 60px;}
header .gnb-inner{min-height: 60px;}
header .logo a{top:10px;}
header .logo a img{width: 70%;}
.trigger{top:20px;}
}