@charset "utf-8";
body {background:none;}

.kwra .hd_util {background:#222;}
.kwra .hd_util a {font-family:'NTSR'; font-weight: normal; height: 100%;}
.kwra .hd_util a:after {display: none;}
.kwra .hd_util>.wrap {max-width: 1400px; height: 51px; display: flex; justify-content: space-between; align-items: center;}
.kwra .hd_util .link-site {height: 100%; display: flex;}
.kwra .hd_util .link-site a {height: 100%; font-family: NTSD; letter-spacing: -0.03em; padding: 0 27px; border-left: 1px solid rgba(255,255,255,.2); font-size: 13px; color: #fff; line-height: 1; display: flex; align-items: center; opacity: 1; transition: .3s;}
.kwra .hd_util .link-site a:last-child {border-right: 1px solid rgba(255,255,255,.2);}
.kwra .hd_util .link-site a:hover {background: #354690;}
.kwra .hd_util .util {background: #ffc000; border-radius: 2px; display: flex; padding: 0 5px;}
.kwra .hd_util .util a {height: 31px; font-family: NTSR; color: rgba(0,0,0,1); font-size: 13px; line-height: 1; display: flex; align-items: center; padding: 0 15px; opacity: 1; transition: .3s;}
.kwra .hd_util .util a:hover {color: rgba(0,0,0,.5);}
.kwra .hd_util .util a:not(:first-child):after {content:''; display: inline-block; width:1px; height:10px; background:rgba(0,0,0,.24); border-left: none;}

.kwra .gnb_wrap {height:78px; background: rgba(53, 70, 144,.56); position: relative;}
.kwra .gnb_wrap>.wrap {height:100%; max-width: 1400px;}
.kwra .gnb_wrap h1 {width:156px; height:100%; left: calc((100% - 1400px) / 2); display: flex; align-items: center; padding: 0;}
.kwra .gnb_wrap h1>a {display:block;}

.kwra .gnb {height:100%; margin: 0 70px 0 200px;}
.kwra .gnb li {float:none; width:auto; vertical-align:middle;}
.kwra .gnb ul {display:inline-flex; justify-content: center; align-items: center; width:100%; height:100%;}
.kwra .gnb li {float:none; width:auto; vertical-align:middle;}
.kwra .gnb li>a {padding:0 35px; font-size:16px; color: #f7f7f7;}
.kwra .gnb li>a:hover {color:#f78f1e;} 

.kwra .gnb_all {height:100%; right: calc((100% - 1400px) / 2); background: url('../images_kwra/common/gnb_all_manu.svg') no-repeat right; width: 70px;}
.kwra .gnbSubWrap {top:78px;}
.kwra .gnbSubWrap .wrap {max-width:1400px;}
.kwra .gnbSubWrap.sub_all {height: auto;}
.kwra .gnbSub>li em {color:#386acd; font-family: NTSB; letter-spacing: -0.04em; font-weight: normal; margin: 0 20px; padding: 30px 0 10px 0; border-bottom: 1px solid #ddd; display: block;}
.kwra .gnbSub .sub {padding: 10px 20px;}
.kwra .gnbSub .sub>li a {font-family:'NTSD'; color: #222; letter-spacing: -0.04em; background: none; padding: 6px 0; transition: .35s ease-in;}
.kwra.eng .gnbSub .sub>li a {letter-spacing: 0; word-break: keep-all;}
.kwra .gnbSub .sub>li a:hover {color:#386acd; font-family: NTSB;}
.kwra .gnbSub li:hover {background: #ebedf4; transition: .3s;}
.kwra .gnbSub li:hover .sub {background: #ebedf4; transition: .3s;}

@media only screen and (max-width: 1500px){
    .kwra .hd_util>.wrap {width: 1200px;}
    .kwra .gnb_wrap>.wrap {max-width: 1200px;}
    .kwra .gnb_wrap h1 {left: calc((100% - 1200px) / 2);}
    .kwra .gnb_all {right: calc((100% - 1200px) / 2);}
    .kwra .gnbSubWrap .wrap {max-width:1200px;}
}

@media only screen and (max-width: 1260px) {
    .kwra .hd_util>.wrap {width: 100%;}
    .kwra .hd_util .util {margin-right: 20px;}
    .kwra .gnb_wrap>.wrap {max-width: 100%;}
    .kwra .gnb_wrap h1 {left: 20px;}
    .kwra .gnb_all {right: 20px;}
    .kwra .gnbSubWrap .wrap {max-width:100%;}

    .kwra .btn_mgnb {height:78px; right:20px; background: url('../images_kwra/common/gnb_all_manu.svg') no-repeat right; width: 70px;}
}

@media only screen and (max-width: 1220px) {
    .kwra .gnbMobile {top: 51px; left: 0;}
    .kwra .gnbMobile .top>.btn_mgnb {display: none;}
    .kwra .gnbMobile .btn_mgnb_close {left: auto; right: 37px; top: 30px;}
    .kwra .gnbMobile .wrap {height: auto; overflow-y: auto; background-color: #111;}
    .kwra .gnbMobile .top {height: 78px;}
    .kwra .gnbMobile .mgnb>li>a {background-color: #1c1c1c; border-bottom: 1px solid rgba(255,255,255,.1); padding: 15px 20px; font-size: 14px;}
    .kwra .gnbMobile .mgnb>li>a em {font-family: NTSL; font-weight: normal;}
    .kwra .gnbMobile .mgnb .sub>li a {font-size: 13px; padding: 15px 48px 15px 48px; border-bottom: 1px solid rgba(255,255,255,.1);}
    .kwra .gnbMobile .mgnb .btn_sview {top: 14px; right: 40px; text-indent:0%; width: 20px; height: 20px; background: url(../images_kwra/common/ico_arrow_open.svg) no-repeat center; background-size: 12px auto; opacity: .7;}
}

@media only screen and (max-width: 767px) {    
    .kwra .gnbMobile .btn_mgnb_close {left: auto; right: 18px; top: -33px;}
    .kwra .gnbMobile .mgnb .btn_sview {right: 20px;}
    #header.sticky .btn_mgnb {right: 45px;}
    #header.sticky .btn_mht {height: 45px; background: url(../images_kwra/common/mgnb_ht.svg) no-repeat center; background-size: 16px auto;}

    .kwra .btn_mgnb {height:56px; right: 50px;}

    .kwra .gnb_wrap {height:56px;}
    .kwra .gnb_wrap h1 {width:120px; height:auto; padding:5px 0 0 10px; left: 0;}
    .kwra .hd_mobile {top:51px; left:0; right:0;  text-align:left; height:auto; background:#000;}
	.kwra .hd_mobile a {position:relative; display:block; height:auto; padding:15px 10px; line-height:1; color:#fff; font-size:13px; font-weight:normal; font-family: NTSL; border-bottom: 1px solid rgba(255,255,255,.1);}
	.kwra .hd_mobile a:after {display: none;}

    .kwra .btn_mht {background: url(../images_kwra/common/mgnb_ht.svg) no-repeat center; background-size: 16px auto;}
}


/*  */
#kwra-footer {padding:60px 0; background:#2d2d2d;}
#kwra-footer>.inner {position:relative; display:flex; align-items: center; max-width:1400px; margin:0 auto;}

#kwra-footer .ft-logo {display:flex; flex-shrink: 0; width:150px;}
#kwra-footer .ft-area {display:flex; align-items: center; margin-left:70px; margin-right:85px;}

#kwra-footer .ft-menu {display:flex; flex-basis:360px; flex-shrink: 0; width:360px; padding:0 30px;}
#kwra-footer .ft-menu li {position:relative;}
#kwra-footer .ft-menu li::after {content:''; position:absolute; top:2px; left:0; bottom:2px; width:1px; background:#6c6c6c;}
#kwra-footer .ft-menu li:first-child::after {display:none;}
#kwra-footer .ft-menu a {display:inline-block; padding:0 12px; color:#fff; font-family:'NTSD'; font-size:14px; letter-spacing:-0.02rem; word-break: keep-all;}
.eng #kwra-footer .ft-menu a {letter-spacing:0; word-break: keep-all;}
#kwra-footer .ft-menu li:first-child a {color:#66ccff;}
#kwra-footer .ft-menu a:hover {color:#f78f1e;}

#kwra-footer .ft-info {position:relative; flex-grow: 1; padding:10px 0 10px 17px; line-height:1.6;}
#kwra-footer .ft-info::after {content:''; position:absolute; top:0; left:0; bottom:0; width:1px; background:#4c4c4c;}
#kwra-footer .ft-info>a {display:inline-block; margin-right:10px;}
#kwra-footer .ft-info,
#kwra-footer .ft-info>address,
#kwra-footer .ft-info a,
#kwra-footer .ft-info>.copy {color:#bbb; font-family:'NTSM'; font-size:14px; letter-spacing:0; word-wrap:break-word; word-break:keep-all;}
#kwra-footer .ft-info>a:hover {color:#fff;}

#kwra-footer .sns-fb {position:absolute; top:50%; right:0; display:block; width:48px; height:48px; font-size:0; text-indent:-99999px; overflow:hidden; background:#3d5a98 url('../images_kwra/common/ft_sns_fb.jpg') no-repeat; -webkit-transform:translate(0, -50%); transform:translate(0, -50%);}

@media only screen and (max-width: 1260px){
    #kwra-footer {padding-left:30px; padding-right:30px;}
    #kwra-footer>.inner {align-items:start;}
    #kwra-footer .ft-area {position:relative; display:block; margin-left:40px;}
    #kwra-footer .ft-area::after {content:''; position:absolute; top:0; left:0; bottom:0; width:1px; background:#6c6c6c;}
    #kwra-footer .ft-info::after {display:none;}
    #kwra-footer .ft-menu {flex-basis:auto; padding:0 0 0 5px;}
    #kwra-footer .sns-fb {top:0; transform:none;}
}
@media only screen and (max-width: 767px) {
    #kwra-footer {padding:22px 15px;}
    #kwra-footer>.inner {display:block;}
    #kwra-footer .ft-logo {display:inline-block; margin-bottom:27px;}
    #kwra-footer .ft-area {display:block; padding:0; margin:0;}
    #kwra-footer .ft-area::after {display:none;}
    #kwra-footer .ft-menu {flex-basis:auto; width:auto; padding:0;}
    #kwra-footer .ft-menu a {padding:0 5px;}
    #kwra-footer .ft-menu li:first-child a {padding-left:0;}

    #kwra-footer .ft-info {padding-top:18px; padding-left:0; padding-bottom:30px;}
    #kwra-footer .ft-info::after {display:none;}
    #kwra-footer .ft-info address {padding-bottom:10px;}

    #kwra-footer .sns-fb {position:static; transform:none;}
}


.top-button {position:fixed; right:20px; bottom:-120px; z-index:10000; width:45px; height:45px; font-size:0;  border-radius:50%; border:1px solid #dddde0; background:rgba(255,255,255,.8) url('../images_kwra/common/icon_top.svg') no-repeat center / auto 16px; transition:.5s; opacity:1;}
.top-button:hover {border:1px solid #4e84ff; background:#4e84ff url('../images_kwra/common/icon_top_w.svg') no-repeat center / auto 16px;}
.top-button.fix {bottom:30px;}
@media only screen and (max-width: 767px) {
    .top-button {right:10px; width:34px; height:34px; background-size:15px auto;}
    .top-button.fix {bottom:10px;}
}



/* -------------------- GNB ---------------------------------------- */
.kwra .gnb {z-index: 10; box-sizing: border-box;}
.kwra .gnb .menu_01 {display:flex;}
.kwra .gnb .menu_01 .depth_01 {box-sizing: border-box; height: 100%; border-bottom: 5px solid rgba(78, 123, 255, .0); transition: .3s;}
.kwra .gnb .menu_01 .depth_01:hover {border-bottom: 5px solid rgba(78, 123, 255, 1);}
.kwra .gnb .menu_01 .btn_menu_01 {display:flex; height: 100%; align-items: center; font-family: NTSR; color:#fff; font-size:16px; letter-spacing: -0.04em; text-align:center; line-height:1.2;}
.kwra.eng .gnb .menu_01 .btn_menu_01 {letter-spacing: 0;}
.kwra .gnb .menu_01 .btn_menu_01.selected, .kwra .gnb .menu_02 li a.selected {color:#ffc600; font-weight:800;}
.kwra .gnb .menu_01 .btn_menu_01::after {display: block; content: ''; width:0; height: 2px; background-color: #ffc600; opacity: 0; visibility: hidden; -webkit-transition: .5s; transition: .5s; position: absolute; left: 0; bottom: 0;}

.kwra .gnb .menu_02 {position:absolute; background-color: rgba(255,255,255,.8); left: 0; right: 0; width: auto; padding: 0 calc((100% - 1400px) / 2); top: 100%; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; z-index: 10; border-bottom: 1px solid rgba(0,0,0,.2); box-shadow:0 2px 8px rgba(0,0,0,.1);}
.kwra .gnb .menu_02 li {display: flex; flex-wrap: wrap; align-items: center; height: 100%;}
.kwra .gnb .menu_02 li a {line-height: 1.2; font-family: NTSR; font-size: 16px; padding: 20px 20px 15px; letter-spacing: -0.04em; color: #000; text-align: center; -webkit-transition: .3s; transition: .3s; display: block; word-break: keep-all; position: relative;}
.kwra .gnb .menu_02 li a:hover {color: #3564cf; font-family: NTSB;}
.kwra .gnb .menu_02 li a:before {content: ''; position: absolute; left: 50%; margin-left: -6px; top: 0; width: 12px; height: 14px; background: url(../images_kwra/common/submenu_sel.svg) no-repeat center; transition: .3s; opacity: 0;}
.kwra .gnb .menu_02 li a:hover:before {opacity: 1;}

/* GNB 메뉴 */
.kwra .gnb .menu_02.on {opacity: 1; visibility: visible;}

.kwra #header.sticky {height:70px;}
.kwra #header.sticky .gnb {margin: 0 70px 0 70px;}
.kwra #header.sticky .gnb_wrap {height:70px; background: #354690;}
.kwra #header.sticky .gnb_wrap h1 {width:156px; height:100%; left: calc((100% - 1400px) / 2); display: flex; align-items: center; padding: 0;}
.kwra #header.sticky .gnb_wrap h1>a {width:156px; height:100%; background:url('../images_kwra/common/h1_logo_sticky.svg') no-repeat;}
.kwra #header.sticky .gnb_all {height: 70px; background: url('../images_kwra/common/gnb_all_manu.svg') no-repeat right;}
.kwra #header.sticky .gnb li>a {padding:0 30px; font-size:15px; height: 70px; line-height: normal;} 
.kwra #header.sticky .gnb .menu_02 {background-color: rgba(255,255,255,1);}
.kwra #header.sticky .gnb .menu_02 li a {line-height: 1.2; font-family: NTSR; font-size: 15px; padding: 25px 20px 10px; letter-spacing: -0.04em; color: #000; text-align: center; -webkit-transition: .3s; transition: .3s; display: block; word-break: keep-all; position: relative;}
.kwra #header.sticky .gnb .menu_02 li a:hover {color: #3564cf; font-family: NTSB;}
.kwra #header.sticky .gnb .menu_02 li a:before {display: none;}
.kwra #header.sticky .gnbSubWrap {top:70px;}

@media only screen and (max-width: 1500px){
    .kwra #header.sticky .gnb_wrap h1 {left: calc((100% - 1200px) / 2);}
    .kwra .gnb .menu_02 {padding: 0 calc((100% - 1200px) / 2)}
    .kwra .gnb .menu_01 .btn_menu_01 {font-size:15px;}
    .kwra .gnb li>a {padding: 0 25px;}
    .kwra .gnb .menu_02 li a {font-size: 15px; padding: 20px 15px 15px; letter-spacing: -0.04em; color: #000; text-align: center; -webkit-transition: .3s; transition: .3s; display: block; word-break: keep-all; position: relative;}
}

@media only screen and (max-width: 1220px){
    .kwra #header.sticky {height: 45px;}
    .kwra #header.sticky .gnb_wrap {height:45px;}
    .kwra #header.sticky .gnb_wrap h1 {left: 20px; margin-top: -4px; height: 30px;}
    .kwra #header.sticky .gnb_wrap h1>a {background-size: auto 30px;}
    .kwra #header.sticky .btn_mgnb {height: 45px; background: url('../images_kwra/common/gnb_all_manu.svg') no-repeat right;}
    .kwra .gnb .menu_02 {padding: 0;}
}

@media only screen and (max-width: 767px) {
    .kwra #header.sticky .gnb_wrap h1 {top:25px; height:45px;}    .kwra #header.sticky .gnb_wrap h1>a {width:192px;  background-size:190px auto;}
}

/* 전체 스크롤바 custom */
* {
	scrollbar-width: thin;
}