@charset "utf-8";

/**common**/
.container{max-width: 1700px;margin:0 auto;}

@media all and (max-width:1700px){
  .container{padding:0 25px;}
}

@media all and (min-width:1281px){
  header{position:fixed;left:0;top:0;width:100%;z-index:1004;transition:0.5s;background:#fff;box-shadow:0 0 10px #999;}
}

/**header-top**/
.header-top{background: #0e4d9d;overflow:hidden;}
.header-top .container{height: 35px;}

@media all and (max-width:1700px){
  .header-top .container{padding:0;}
}

/**top link**/
.topLink{float:left;display:flex;height: 100%;align-items: center;}
.topLink > li{background: #0369d3;height: 100%;}
.topLink > li:nth-child(2){background:#ffae00;}
.topLink > li a{display:block;color:#fff;padding:0 15px;font-size:14px;display:flex;justify-content:center;align-items:center;height:100%;line-height:1;}

/**global gnb**/
.globalGnb{float:right;}
.globalGnb li{display: inline-block;vertical-align:top;}
.globalGnb li + li{margin-left:15px;}
.globalGnb a{color:#fff;font-size: 15px;font-family: 'Noto Medium';}
.globalGnb .goToHome a{color:#ffae00;}

/**header menu**/
.header-menu .container{display:flex;align-items:flex-start;justify-content:space-between;}

@media all and (max-width:767px){
  .header-menu .container{padding:0;}
  .globalGnb{padding-right:5px;}
  .globalGnb a{font-size:14px;}  
  .globalGnb li + li{margin-left:5px;}
}

/**logo**/
.head_logo,
.head_navi,
.head_util{}
.head_logo,
.head_util{height:85px;}

.head_logo{display:flex;align-items:center;}
.head_logo a{display:flex;}
.head_logo a img{max-width:200px;}
.head_logo a .logo_c{}
.head_logo a .logo_w{display:none;}
.head_logo a img{display:inline-block;}
.head_logo a span{display:inline-block;margin: 14px 0 0 12px;padding-left: 12px;position:relative;font-family: 'Noto Medium';color:#6d6e6c;font-size: 18px;line-height:1;}
.lan_eng .head_logo a span{font-size:18px;}
.head_logo a span::before{content:"";display:block;width:1px;height:19px;background:#6d6e6c;position:absolute;left:0;top:1px;}

.head_navi{margin-left:auto;}
.head_util{display:flex;align-items:center;justify-content:flex-end;}

header .head_util .gotoSitemap{display: block; width: 45px; height: 40px; text-align: left; background: url('../../images/common/sitemap_icon_blue.png') no-repeat center center; text-indent: -9999px;}
header .head_util .gotoSitemap:hover{background: url('../../images/common/sitemap_icon_b.png') no-repeat center center;}
header .btn-mgnb {display: none;}
header .btn-mgnb-close {display: none;}

@media all and (min-width:1281px) {
  /*nav*/
  .head_navi nav{}
  .head_navi .div_1{}
  .head_navi .div_2{overflow:hidden;max-height:0;position:absolute;top:100%;left: 0;width:100%;z-index: 502;text-align:left;transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1);opacity:0;padding-top: 30px;}
  .head_navi .div_2:after{content:''; width:100%; }
  .head_navi .div_2.on{max-height:inherit;opacity:1;}
  .head_navi .div_3{padding-bottom:5px;}

  .head_navi .ul_1{display:flex;justify-content:flex-end;align-items:flex-start;}
  .head_navi .ul_2{}
  .head_navi .ul_3{}

  .head_navi .li_1,
  .head_navi .li_2,
  .head_navi .li_3{position:relative;}
  /**.head_navi .li_1:last-child{display:none;}**/
  .head_navi .li_1{}
  .head_navi .li_2{padding:3px 0;}
  .head_navi .li_3{padding-left:30px;}

  .head_navi .a_1,
  .head_navi .a_2,
  .head_navi .a_3{position:relative;font-family: 'Noto Medium';}
  .head_navi .a_1{display:flex;align-items:center;height:85px;text-align:center;}
  .head_navi .a_2,
  .head_navi .a_3{display:inline-block;}

  .head_navi .a_1{font-size:20px;color:#222;line-height:1;padding:0 80px 0 0;}
  .head_navi .a_2{font-size:16px;color:#333;line-height:1.3;padding:0 15px;}
  .head_navi .a_3{font-size:14px;color:#444;line-height:1.3;padding:3px 0;}

  .head_navi .li_3::before,
  .head_navi .a_1::before,
  .head_navi .a_2::before,
  .head_navi .a_3::before{content:"";display:block;transition:0.25s;}
  .head_navi .li_3::before{width:4px;height:4px;background:#444;border-radius:100%;position:absolute;left:20px;top:10px;}
  .head_navi .a_1::before{width:8px;height:8px;border-right:3px solid #888;border-top:3px solid #222;position:absolute;right:75px;top:28px;transform:scale(0);}
  .head_navi .a_2::before{width:1px;height:13px;background:#333;position:absolute;left: 0;top:3px;}
  .head_navi .a_3::before{width:100%;height:1px;background:#444;position:absolute;left:0;bottom:0;}

  /*ACTIVE*/
  .head_navi ._active > .a_1,
  .head_navi ._active > .a_2,
  .head_navi ._active > .a_3{color:#03499a;font-family:'Noto Bold';}
  .head_navi ._active > .a_1::before{transform:scale(1);border-right-color:#fcaf17;border-top-color:#fcaf17;}
  .head_navi ._active > .a_2::before{width:3px;background:#fcaf17;}
  .head_navi ._active > .a_3::before{background:#fcaf17;}

  .head_navi .li_1:hover .a_1,
  .head_navi .li_2:hover .a_2,
  .head_navi .li_3:hover .a_3{color:#000;font-family:'Noto Bold';}
  .head_navi .li_1:hover .a_1::before{transform:scale(1);transition:0.3s;}
  .head_navi .li_2:hover .a_2::before{width:3px;transition:0.2s;}
  .head_navi .li_3:hover .a_3::before{width:50%;transition:0.2s;}
}

@media all and (max-width:1280px) {
  .head_logo a img{max-width:160px;padding-left:20px;}
  header .head_util .gotoSitemap{display:none;}
  header .btn-mgnb{display:block;width:60px;height:100%;text-indent:-9999px;cursor:pointer;background:url(../../images/common/sitemap_icon_blue.png) no-repeat center;}
  header .btn-mgnb-close.on{display:block;width:50%;height:70px;position:absolute;top:0;left:50%;background:#0e4d9d url(../../images/common/mNav_bg_1.png) no-repeat 96% center;background-size:70px;z-index: 1004;}
  header .btn-mgnb-close.on button{display:block;text-indent:-9999px;width:70px;height:100%;background:#06326a url(../../images/common/x_6_w.png) no-repeat center;}

  /*주메뉴*/
  .head_navi{display:none;position:fixed;right:0;top:0;width:100% !important;height:100%;overflow-y:auto;z-index:1004;}
  .head_navi.on{display:block;}
  .head_navi:before{content:"";display:block;background:rgba(0,0,0,0.5);position:fixed;right:0;top:0;width:100%;height:100%;}
  .head_navi nav{margin-left:50%;margin-top:70px;position:relative;background:#FFF;padding-bottom:200px;}
  .head_navi nav:before{content:"";display:block;background:#DDD url(../../images/common/mNav_bg_2.png) no-repeat center 90%;background-size:150px;position:fixed;right:0;top:0;width:50%;height:100%;}
  .head_navi nav li{position:relative;}
  .head_navi nav a{display:block;font-family:'Noto Medium';border-top:1px solid rgba(255,255,255,0.5);position:relative;color:#666;}
  .head_navi nav .div_1{box-shadow:0px -10px 35px #888;position:relative;}
  .head_navi nav .div_2,
  .head_navi nav .div_3{display:none;}
  .head_navi nav .ul_3{border-top:1px solid #DDD;}
  .head_navi nav .li_1{border-bottom:1px solid #cecece;}
  .head_navi nav .li_2{border-bottom:1px solid #DDD;}
  .head_navi nav .li_3{border-bottom:1px solid #DDD;}
  .head_navi nav .li_1:last-child .a_1{border-bottom:1px solid rgba(255,255,255,0.5);}
  .head_navi nav .li_2:last-child,
  .head_navi nav .li_3:last-child{border:0;}
  .head_navi nav .a_1{font-size:18px;font-family:'Noto Bold';padding:12px 10px 12px 20px;background:#DDD;color:#222;}
  .head_navi nav .a_2{font-size:16px;padding:10px 10px 10px 40px;background:#EEE;}
  .head_navi nav .a_3{font-size:16px;padding:10px 10px 10px 55px;background:#f7f7f7;}
  .head_navi nav .li_1.have:after,
  .head_navi nav .li_1.haveOpen:after{content:"";display:block;width:20px;height:20px;position:absolute;right:20px;top:15px;border:1px solid #222;border-radius:100%;background:url(../../images/common/arrow_14_b.png) no-repeat center;}
  .head_navi nav .li_1.have:after{transform:rotate(90deg);}
  .head_navi nav .li_1.haveOpen:after{transform:rotate(-90deg);}
  .head_navi nav .li_2.have:after,
  .head_navi nav .li_2.haveOpen:after{content:"";display:block;width:10px;height:10px;position:absolute;right:25px;top:17px;}
  .head_navi nav .li_2.have:after{background:url(../../images/common/plus_1_b.png) no-repeat center;}
  .head_navi nav .li_2.haveOpen:after{background:url(../../images/common/minus_1_b.png) no-repeat center;}
  .head_navi nav .a_3:before{content:"";display:block;position:absolute;width:10px;height:10px;left:40px;top:17px;background:url(../../images/common/arrow_1_b.png) no-repeat center;}
  .head_navi nav .a_2._active{background:#c9d7e4;}
  .head_navi nav .a_3._active{background:#d9e3ed;}
}

@media all and (max-width:768px){
  header .btn-mgnb-close.on{width:100%;left:0;}
  .head_logo a span{display:none;}
  .head_navi nav{margin-left:0;}
  .head_navi nav:before,
  .head_navi .mgnb_close{width:100%;}
  .mgnb_close{left:0;}
  .gnb_m{left:70px;}

  .btn_mgnb{width:50px;background-size:25px !important;}
}

.menu-bg{position:absolute;top: 120px;left:0;width:100%;text-align:left;height:0;opacity:0;transition:all ease .25s;background: #fff url(../../images/common/head_navi_bg.png) no-repeat left center;z-index: 501;border-top: 1px solid #ccc;overflow:hidden;}
.menu-bg.on{height:100vh;opacity:1;}

.menu-slogan{padding-top: 50px;max-width: 1700px;margin: 0 auto;}
.menu-bg strong{font-family:'Noto Bold';font-size:20px;color:#222;display: block;margin-bottom: 8px;}
.menu-bg p{font-family:'Noto Regular';font-size:16px;color:#888;}

.wrap-sub-visual{height:450px;overflow: hidden;background:url(../../images/common/bg_1.jpg) no-repeat center;}
.wrap-sub-visual .container{padding: 130px 0 60px 0;height:100%;position:relative;display:flex;align-items:center;justify-content:center;}
.wrap-sub-visual .slogan{color:#fff;text-align: center;}
.wrap-sub-visual .slogan strong{font-family:'Noto Bold';font-size:45px;line-height:1;letter-spacing:-1px;display: block;margin-bottom: 20px;}
.wrap-sub-visual .slogan p{line-height: 1.2;}

.wrap-sub-visual a{position:absolute;top:calc(60% - 27.5px);display:block;text-indent:-9999px;width:55px;height:55px;border:1px solid rgba(0,0,0,0.3);border-radius:50%;background:rgba(0,0,0,0.3) url(../../images/common/arrow_2_w.png) no-repeat center;transition:0.5s;}
.wrap-sub-visual a.prev{left:20px;transform:rotate(180deg);}
.wrap-sub-visual a.next{right:20px;}

@keyframes subVisual{
  0%{filter:blur(100px);filter:grayscale(1);}
  100%{filter:blur(0px);filter:grayscale(0);}
}
.wrap-sub-visual .visual_intro strong{animation-name:subVisualText_1;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes subVisualText_1{
  0%{opacity:0;}
  100%{opacity:1;}
}
.wrap-sub-visual .visual_intro span{animation-name:subVisualText_2;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes subVisualText_2{
  0%{opacity:0;}
  100%{opacity:1;}
}
.fix .wrap-sub-visual:before{background-position:center 80px;}
.fix .wrap-sub-visual:after{opacity:1;z-index:unset;}

/*HOVER*/
@media all and (min-width:1281px) {
  .wrap-sub-visual a:hover{background-color:rgba(0,0,0,0.6);}
}
@media all and (max-width:1280px) {
  .wrap-sub-visual{height:455px;}
  .wrap-sub-visual .container{padding: 51px 0 50px 0;}
  .wrap-sub-visual .slogan strong{font-size:35px;}
  .fix .wrap-sub-visual:before{background-position:center 70px;}
}
@media all and (max-width:768px) {
  .wrap-sub-visual{height:240px;}
  .wrap-sub-visual .container{padding: 22px 0 50px 0;}
  .wrap-sub-visual a{top:calc(45% - 17.5px;);width:35px;height:35px;}
  .wrap-sub-visual a.prev{left:5px;}
  .wrap-sub-visual a.next{right:5px;}
  .wrap-sub-visual .slogan strong{font-size:25px;}
  .wrap-sub-visual .visual_intro strong::after{margin:15px auto;}
  .wrap-sub-visual .visual_intro span::before{font-size:14px;}
  .wrap-sub-visual .visual_intro span::after{font-size:12px;}
  .wrap-sub-visual .slogan p{line-height:1.4;font-size:15px;}
}

.wrap_sub_navi{max-width:1600px;margin:-40px auto 0;background:#fff;position: relative;}
.wrap_sub_navi .inner{}
.wrap_sub_navi .inner > div{}

.wrap_sub_mnb{padding: 20px;}
.wrap_sub_gub{margin-left:0;position: absolute;right: 0;top: 0;padding: 15px;}

#_mnb > ul > li > button,
#_mnb > ul > li > a,
#_mnb > ul > li > span{font-family: 'Noto Medium';}
#_mnb > ul > li ul li a{font-family: 'Noto Medium';}
#_mnb > ul > li ul li button{font-family:'Noto Medium';}
#_mnb > ul > li > button:hover{font-family:'Noto Bold';}

@media all and (max-width:768px) {
  .wrap_sub_gub{display:none;}
}






/*contents**/
.wrap_contents{position:relative;background:#FFF;}
.sub .wrap_contents{max-width:1600px;margin:0 auto;padding:0 0 100px;min-height:600px;}
.sub .wrap_contents .container{max-width:1500px;margin: 0 auto;}
#bContents{transition:0.5s;}
.fix #bContents{}
@media all and (max-width:1540px) {
  .sub .wrap_contents .container{max-width:96%;}
}
@media all and (max-width:1280px) {
  .sub .wrap_contents{padding-bottom:60px;}
}
@media all and (max-width:768px) {
  .sub .wrap_contents{padding: 30px 15px;}
}


/**Title**/
.page_title{padding:50px 0 80px 0;}
.page_title h1{max-width:1500px;margin: 0 auto;color:#343e4c;font-family:'Noto Bold';font-size:35px;line-height:1;text-align:center;position:relative;}
.page_title h1::before,
.page_title h1::after{content:"";display:block;width:20px;height:3px;position:absolute;top:70px;}
.page_title h1::before{background:#0a4a9b;left:calc(50% - 0px);}
.page_title h1::after{background:#fcaf15;right:calc(50% - 0px);}
@media all and (max-width:1500px) {
  .page_title h1{max-width:96%;}
}
@media all and (max-width:1280px) {
  .page_title{padding:30px 0 50px 0;}
  .page_title h1{font-size:30px;text-align:left;}
  .page_title h1::before,
  .page_title h1::after{display:none;}
}
@media all and (max-width:768px) {
  .page_title h1{font-size:25px;}
}






















/*footer**/
footer{background:#1d1d1d;position:relative;bottom:0;left:0;width:100%;}
footer .container{max-width:1700px;margin:0 auto;position:relative;}

footer .foot_link{padding:8px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
footer .foot_link .item{width:24.5%;margin:0.5% 0;position:relative;}
footer .foot_link .openLinkList{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border:1px solid #343434;font-family: 'Noto Regular';font-size:14px;color:#FFF;}
footer .foot_link .openLinkList::after{content:"";display:block;width:9px;height:7px;background:url(../../images/common/arrow_d_w.png) center;transition:0.5s;}
footer .foot_link .linkList{background:#1d1d1d;position:absolute;bottom:53px;left:0;width:100%;max-height:0;overflow-y:auto;transition:max-height .5s;}
footer .foot_link .linkList a{display:block;width:100%;padding:15px 20px;border:1px solid #343434;border-top:0;font-size:14px;color:#FFF;}
footer .foot_link .openLinkList.active{color:#fcaf17;}
footer .foot_link .openLinkList.active::after{background:url(../../images/common/arrow_d_o.png) center;transform:rotate(-180deg);}
footer .foot_link .linkList.active{max-height:200px;}

footer .fnb{margin-top:9px;padding:14px 0;border-top:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a;}
footer .fnb ul{display:flex;justify-content:flex-start;flex-wrap:wrap;}
footer .fnb li{display:flex;align-items:center;margin:5px 0;}
footer .fnb li::after{content:"";display:block;width:1px;height:11px;background:#6b717d;margin:0 15px;}
footer .fnb li:last-child::after{display:none;}
footer .fnb a{color:#FFF;font-size:13px;}
footer .fnb a.a_1{color:#fcaf17;font-family:'Noto Medium';}

footer .wrap{padding:30px 0;display:flex;align-items:center;}
footer .foot_info{}
footer .foot_info address{line-height:1.5;font-family: 'Noto Medium';color:#FFF;font-size:14px;}
footer .foot_info address span{}
footer .foot_info address i{padding:0 5px;}
footer .foot_info p{font-size:14px;font-family: 'Noto Regular';font-size:14px;color:#eaeaea;}
footer .foot_sns{display:flex;justify-content:flex-end;align-items:center;position:absolute;right:0;top:184px;}
.lan_eng footer .foot_sns{top:30px;}
footer .foot_sns a{display:block;border:5px solid transparent;border-radius:100%;}

/*HOVER*/
@media all and (min-width:1281px) {
  footer .foot_link .openLinkList:hover{color:#fcaf17;}
  footer .foot_link .openLinkList:hover::after{background:url(../../images/common/arrow_d_o.png) center;transform:rotate(-180deg);}
  footer .foot_link .openLinkList.active:hover::after{transform:rotate(0deg);}
  footer .foot_link .linkList a:hover{color:#fcaf17;}
  footer .fnb a:hover{color:#fcaf17;}
  footer .foot_sns a:hover{border-color:rgba(255,255,255,0.5);}
}
@media all and (max-width:1700px) {
  footer .container{max-width:96%;}
}
@media all and (max-width:1280px) {
  footer .foot_link .item{width:49.5%;margin:0.5% 0;}
  footer .wrap{flex-wrap:wrap;}
  footer .foot_info address span{display:block;}
  footer .foot_info address i{display:none;}
  footer .foot_sns{width:100%;justify-content:flex-start;position:relative;right:unset;top:unset;padding-left:210px;}
  .lan_eng footer .foot_sns{top:unset;}
  footer .foot_sns a{border:0;margin:20px 10px 0 0;}
}
@media all and (max-width:768px) {
  footer .wrap::before{width:100%;margin-right:0;background-size:150px;}
  footer .foot_info{margin-top:10px;}
  footer .foot_info,
  footer .foot_sns{padding-left:48px;}
  footer .foot_info p span{display:block;}
  footer .foot_sns img{max-width:30px;}
}
@media all and (max-width:480px) {
  footer .foot_link .item{width:100%;margin:1% 0;}
}


.tabNav{margin-bottom:50px;}
.tabNav .ul_3{display:grid;grid-template-columns: 1fr 1fr;text-align: center;}
.tabNav .ul_3 .li_3{border: 1px solid #ddd;}
.tabNav .ul_3 .li_3 a{padding: 20px 10px;display: block;}
.tabNav .ul_3 .li_3._active a{color:#fff; background-color:#325898; font-size:17px;}