@charset "utf-8";

body{letter-spacing:-.05em;}
.container{max-width: 1500px; margin: 0 auto;}

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

@media all and (max-width: 1023px) {
  .multipleDiv{height: auto !important;}
}

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



/*기능팝업*/
.PZwindow{background:#333 !important;}
.nomoreOpen form a.PZwindowClose {margin-top:7px !important;}

/* 헤더 */
.main .wrap-header{position: fixed; left: 0; top: 0; width: 100%; padding: 21px 0; z-index: 2; background-color: transparent;}
.sub .wrap-header{width: 100%; padding: 21px 0; position: fixed; z-index: 1003; background-color: #003c8a; left: 0; top: 0; width: 100%;}
.wrap-header::after{content:""; display: table; clear: both;}
.wrap-header .head-logo{float: left; padding-left: 50px;}
.wrap-header .head-logo img{display: none;}
.wrap-header .head-logo img.on{display: block;}

.wrap-header .header-util{float: right; margin: 13px 150px 0 0; opacity: 0; transition: all .5s; position: relative; z-index: 11;}
.sub .wrap-header .header-util,
.wrap-header:hover .header-util{opacity: 1;}
.wrap-header .header-menu-box{position: absolute; right: 0; top: 0;}
.wrap-header .header-menu-box::after{content:""; display: table; clear: both}
.header-menu-box button{width: 90px; height: 90px; display: block; float: left;}
.header-menu-box .search-button{background: #1881b7 url(../../images/common/search_btn.png) no-repeat center center; display: none;}
.header-menu-box .menu-btn{background: #00ac97 url(../../images/common/menu_btn.png) no-repeat center center;}
.header-menu-box .menu-btn.active{background: #00ac97 url(../../images/common/menu_closed.png) no-repeat center center;}
.header-menu-box .mobile-menu-btn{background: #00ac97 url(../../images/common/menu_btn.png) no-repeat center center; display: none;}
.header-menu-box .mobile-menu-btn.active{background: #00ac97 url(../../images/common/menu_closed.png) no-repeat center center;}

.main-search-inner{position: absolute; left: 0; top: 97%; width: 100%; background-color: #1881b7; max-height: 0; overflow: hidden; transition: all .5s;}
.main-search-inner.on{max-height: 200px}
.main-search-box{width: 800px; margin: 0 auto; padding: 55px 0 54px; }
.main-search-box::after{content:""; display: table; clear: both;}
.main-search-box label{font-size: 22px; font-family: "Gmarket Medium"; color: white; padding-left: 48px; background: url(../../images/common/search_logo.png) no-repeat left center; line-height: 32px; display: block; float: left; margin: 11px 26px 0 0;}
.main-search-input-box{position: relative;}
.main-search-box #searchInput, .main-search-box #qt{border: 0; background-color: white; width: 100%; line-height: 55px; font-family: "Noto Regular"; font-size: 17px; color: #000000; padding: 0 17px; height: 55px;}
.main-search-box input[type="button"], .main-search-box input[type="submit"]{width: 55px; height: 55px; position: absolute; right: 0; top: 0; text-indent: -9999px; background: url(../../images/common/search_icon.png) no-repeat center center; cursor: pointer;}
.main-search-word{margin-top: 10px;}
.main-search-word::after{content:""; display: table; clear: both;}
.main-search-word span{font-family: "Noto Regular"; color: white; font-size: 13px; background-color: #3094ff; display: block; float: left; border-radius: 5px; width: 68px; line-height: 25px; text-align: center;}
.main-search-word ul::after{content:""; display: table; clear: both;}
.main-search-word li{float: left; position: relative; padding: 0 8px 0 7px;}
.main-search-word li:after{content:""; display: block; position: absolute; right: 0; top: 8px; width: 1px; height: 10px; background-color: rgba(255,2552,255,.3);}
.main-search-word li:last-child{padding: 0 0 0 7px}
.main-search-word li:last-child::after{display: none;}
.main-search-word li a{font-size: 14px; color: #ffffff; display: block; line-height: 25px;}
.search-input-box{float: left; width: calc(100% - 217px);}
.search-close{float: right; display: block; font-size: 19px; font-family: "Noto Regular"; color: white; position: relative; margin:11px 0 0 26px;}
.search-close::after{content:""; display: block; position: absolute; left: 0; bottom: -9px; width: 100%; height: 2px; background-color: white;}

.head-navi{position: fixed; right: -500px; top: 90px; width: 480px; background-color: #213756; padding: 30px 50px 20px; height: calc(100vh - 88px); transition: all 1s; z-index: 10; overflow: auto;}
.head-navi #_globalNavi {display:none;}
.head-navi #_globalNavi #_globalUl { display:flex; justify-content:flex-end;  flex-wrap:wrap;}
.head-navi.on{right: 0;}
.head-navi .li_1{position: relative;}
.head-navi .a_1{font-size: 22px; font-family: "Gmarket Medium"; color: white; display: block; padding: 18.5px 20px; line-height: 34px; position: relative;}
.head-navi .li_1 .a_1:after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: white;}
.head-navi .li_1._useChildDiv .a_1{background: url(../../images/common/menu_more.png) no-repeat right 20px center;}
.head-navi .li_1._useChildDiv .a_1.on,
.head-navi .li_1._useChildDiv .a_1._active{background: url(../../images/common/menu_close.png) no-repeat right 20px center;}
.head-navi .li_1 .a_1[target="_blank"]{background: url(../../images/common/blank_icon_white.png) no-repeat right 20px center;}
.head-navi .div_2{background-color: #224c72; padding: 30px 34px; display: none;}
.head-navi .div_2.on,
.head-navi .li_1._active .div_2{display: block;}
.head-navi .div_2 .li_2{margin-bottom: 15px;}
.head-navi .div_2 .li_2:last-child{margin-bottom: 0;}
.head-navi .div_2 .a_2{color: white; font-size: 17px; font-family: "Noto Regular"; position: relative; padding-left: 17px; display: block;}
.head-navi .div_2 .a_2[target="_blank"]{padding-right: 20px; background: url(../../images/common/blank_icon_white.png) no-repeat right center}
.head-navi .div_2 .li_2._useChildDiv .a_2{background: url(../../images/common/menu_more.png) no-repeat right 20px center;}
.head-navi .div_2 .li_2._useChildDiv .a_2.on,
.head-navi .div_2 .li_2._useChildDiv .a_2._active{background: url(../../images/common/menu_close.png) no-repeat right 20px center;}
.head-navi .div_2 .a_2 span{position: relative;}
.head-navi .div_2 .a_2 span::before{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: white; transition: all .5s;}
.head-navi .div_2 .a_2:hover span::before{width: 100%;}
.head-navi .div_2 .a_2::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 7px; height: 2px; background-color: white;}
.head-navi .div_3{background-color: #146bee; padding: 15px 20px; margin-top: 10px; display: none;}
.head-navi .a_2._active + .div_3{display: block;}
.head-navi .div_3 .li_3{margin-bottom: 10px;}
.head-navi .div_3 .li_3:last-child{margin-bottom: 0;}
.head-navi .div_3 .a_3{color: white; font-size: 14px; font-family: "Noto Regular"; position: relative; padding-left: 10px; display: block;}
.head-navi .div_3 .a_3::before{content:""; display: block; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background-color: white; border-radius: 50%;}
.head-navi .div_3 .a_3[target="_blank"]{padding-right: 20px; background: url(../../images/common/blank_icon_white.png) no-repeat right center}
.head-navi .div_3 .a_3 span{position: relative;}
.head-navi .div_3 .a_3 span::before{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: white; transition: all .5s;}
.head-navi .div_3 .a_3._active span::before,
.head-navi .div_3 .a_3:hover span::before{width: 100%;}
.head-navi .div_4{display: none;}
@media all and (max-width:768px) {
  .head-navi #_globalNavi {display:block;}
}

.user-service-list{position: fixed; right: 20px; bottom: 60px; z-index: 1010; display: none;}
.user-service-list li{margin-bottom: 10px;}
.user-service-list li:last-child{margin-bottom: 0;}
.user-service-list li a,
.user-service-list li button{width: 100%; height: 100%; cursor: pointer; display: block;}
.user-service-list li .user-service{background: url(../../images/common/quick_btn.png) no-repeat center center; width: 60px; height: 60px; transition: all .3s}
.user-service-list li .user-service:hover{transform: scale(1.1);}
.user-service-list li .chatbot{background: url(../../images/common/chatbot_btn.png) no-repeat center center; width: 65px; height: 75px; transition: all .3s}
.user-service-list li .chatbot:hover{transform: scale(1.1);}
.user-service-list li .top-btn{width: 60px; height: 60px; background: url(../../images/common/top_btn.png) no-repeat center center;}

.user-service-wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: table; visibility: hidden; opacity: 0; transition: all .5s; background: rgba(0,0,0,.6); z-index: 2000;}
.user-service-wrap.on{visibility: visible; opacity: 1;}
.user-service-inner{display: table-cell; vertical-align: middle; position: relative;}
.user-service-content{max-width: 1580px; margin: 0 auto; background-color: #e8e8e8; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch;}
.user-service-content::after{content:""; display: table; clear: both;}
.user-service-left{background: url(../../images/common/user_menu_background.jpg) no-repeat left top / cover; width: 375px; padding: 66px 0 62px 61px;}
.user-serivce-title h1{font-family: "Dream Bold"; font-size: 36px; color: #ffffff;}
.user-serivce-title span{font-family: "Dream Light"; font-size: 20px; line-height: 30px; color: rgba(255,255,255,.3); display: block; margin: 8px 0 63px;}
.user-service-menu li{margin-bottom: 20px;}
.user-service-menu li:last-child{margin-bottom: 0;}
.user-service-menu li button{display: block; font-size: 20px; color: white; font-family: "Dream Regular"; background-repeat: no-repeat; background-position: left center; width: 100%; text-align: left; padding: 8px 0 8px 30px;}
.user-service-menu li button span{position: relative; padding-right: 25px;}
.user-service-menu li.on button{border-bottom: 1px solid white;}
.user-service-menu li.on button span::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -4px;; width: 8px; height: 8px; border-radius: 50%; background-color: white;}
.user-service-menu li:nth-child(1) button{background-image: url(../../images/common/user_menu_1.png);}
.user-service-menu li:nth-child(2) button{background-image: url(../../images/common/user_menu_2.png);}
.user-service-menu li:nth-child(3) button{background-image: url(../../images/common/user_menu_3.png);}
.user-service-menu li:nth-child(4) button{background-image: url(../../images/common/user_menu_4.png);}
.user-service-right{width: calc(100% - 375px);}
.user-service-right ul{display: none; padding: 69px 60px}
.user-service-right ul.on{display: flex; flex-wrap: wrap; justify-content: start; align-items: center;}
.user-service-right li{width: 20%; margin-top: 52px;}
.user-service-right li:nth-child(-n+5){margin-top: 0;}
.user-service-right .user-service-box::after{content:""; display: table; clear: both;}
.user-service-box .user-service-logo{width: 60px; height: 60px; border-radius: 50%; background-color: white; background-repeat: no-repeat; background-position: center center; float: left;}
.user-service-logo.logo_1{background-image: url(../../images/common/user_1.png);}
.user-service-logo.logo_2{background-image: url(../../images/common/user_2.png);}
.user-service-logo.logo_3{background-image: url(../../images/common/user_3.png);}
.user-service-logo.logo_4{background-image: url(../../images/common/user_4.png);}
.user-service-logo.logo_5{background-image: url(../../images/common/user_5.png);}
.user-service-logo.logo_6{background-image: url(../../images/common/user_6.png);}
.user-service-logo.logo_7{background-image: url(../../images/common/user_7.png);}
.user-service-logo.logo_8{background-image: url(../../images/common/user_8.png);}
.user-service-logo.logo_9{background-image: url(../../images/common/user_9.png);}
.user-service-logo.logo_10{background-image: url(../../images/common/user_10.png);}
.user-service-logo.logo_11{background-image: url(../../images/common/user_11.png);}
.user-service-logo.logo_12{background-image: url(../../images/common/user_12.png);}
.user-service-logo.logo_13{background-image: url(../../images/common/user_13.png);}
.user-service-logo.logo_14{background-image: url(../../images/common/user_14.png);}
.user-service-logo.logo_15{background-image: url(../../images/common/user_15.png);}
.user-service-logo.logo_16{background-image: url(../../images/common/user_16.png);}
.user-service-logo.logo_17{background-image: url(../../images/common/user_17.png);}
.user-service-logo.logo_18{background-image: url(../../images/common/user_18.png);}
.user-service-logo.logo_19{background-image: url(../../images/common/user_19.png);}
.user-service-logo.logo_20{background-image: url(../../images/common/user_20.png);}
.user-service-logo.logo_21{background-image: url(../../images/common/user_21.png);}
.user-service-logo.logo_22{background-image: url(../../images/common/user_22.png);}
.user-service-logo.logo_23{background-image: url(../../images/common/user_23.png);}
.user-service-logo.logo_24{background-image: url(../../images/common/user_24.png);}
.user-service-logo.logo_25{background-image: url(../../images/common/user_25.png);}
.user-service-logo.logo_26{background-image: url(../../images/common/user_26.png);}
.user-service-logo.logo_27{background-image: url(../../images/common/user_27.png);}
.user-service-logo.logo_28{background-image: url(../../images/common/user_28.png);}
.user-service-logo.logo_29{background-image: url(../../images/common/user_29.png);}
.user-service-logo.logo_30{background-image: url(../../images/common/user_30.png);}
.user-service-logo.logo_31{background-image: url(../../images/common/user_31.png);}
.user-service-logo.logo_32{background-image: url(../../images/common/user_32.png);}
.user-service-logo.logo_33{background-image: url(../../images/common/user_33.png);}
.user-service-logo.logo_34{background-image: url(../../images/common/user_34.png);}
.user-service-logo.logo_35{background-image: url(../../images/common/user_35.png);}
.user-service-logo.logo_36{background-image: url(../../images/common/user_36.png);}
.user-service-logo.logo_37{background-image: url(../../images/common/user_37.png);}
.user-service-logo.logo_38{background-image: url(../../images/common/user_38.png);}
.user-service-logo.logo_39{background-image: url(../../images/common/user_39.png);}
.user-service-logo.logo_40{background-image: url(../../images/common/user_40.png);}
.user-service-logo.logo_41{background-image: url(../../images/common/user_41.png);}

.user-service-right li a:hover .user-service-logo.logo_1{background-image: url(../../images/common/user_1_on.png);}
.user-service-right li a:hover .user-service-logo.logo_2{background-image: url(../../images/common/user_2_on.png);}
.user-service-right li a:hover .user-service-logo.logo_3{background-image: url(../../images/common/user_3_on.png);}
.user-service-right li a:hover .user-service-logo.logo_4{background-image: url(../../images/common/user_4_on.png);}
.user-service-right li a:hover .user-service-logo.logo_5{background-image: url(../../images/common/user_5_on.png);}
.user-service-right li a:hover .user-service-logo.logo_6{background-image: url(../../images/common/user_6_on.png);}
.user-service-right li a:hover .user-service-logo.logo_7{background-image: url(../../images/common/user_7_on.png);}
.user-service-right li a:hover .user-service-logo.logo_8{background-image: url(../../images/common/user_8_on.png);}
.user-service-right li a:hover .user-service-logo.logo_9{background-image: url(../../images/common/user_9_on.png);}
.user-service-right li a:hover .user-service-logo.logo_10{background-image: url(../../images/common/user_10_on.png);}
.user-service-right li a:hover .user-service-logo.logo_11{background-image: url(../../images/common/user_11_on.png);}
.user-service-right li a:hover .user-service-logo.logo_12{background-image: url(../../images/common/user_12_on.png);}
.user-service-right li a:hover .user-service-logo.logo_13{background-image: url(../../images/common/user_13_on.png);}
.user-service-right li a:hover .user-service-logo.logo_14{background-image: url(../../images/common/user_14_on.png);}
.user-service-right li a:hover .user-service-logo.logo_15{background-image: url(../../images/common/user_15_on.png);}
.user-service-right li a:hover .user-service-logo.logo_16{background-image: url(../../images/common/user_16_on.png);}
.user-service-right li a:hover .user-service-logo.logo_17{background-image: url(../../images/common/user_17_on.png);}
.user-service-right li a:hover .user-service-logo.logo_18{background-image: url(../../images/common/user_18_on.png);}
.user-service-right li a:hover .user-service-logo.logo_19{background-image: url(../../images/common/user_19_on.png);}
.user-service-right li a:hover .user-service-logo.logo_20{background-image: url(../../images/common/user_20_on.png);}
.user-service-right li a:hover .user-service-logo.logo_21{background-image: url(../../images/common/user_21_on.png);}
.user-service-right li a:hover .user-service-logo.logo_22{background-image: url(../../images/common/user_22_on.png);}
.user-service-right li a:hover .user-service-logo.logo_23{background-image: url(../../images/common/user_23_on.png);}
.user-service-right li a:hover .user-service-logo.logo_24{background-image: url(../../images/common/user_24_on.png);}
.user-service-right li a:hover .user-service-logo.logo_25{background-image: url(../../images/common/user_25_on.png);}
.user-service-right li a:hover .user-service-logo.logo_26{background-image: url(../../images/common/user_26_on.png);}
.user-service-right li a:hover .user-service-logo.logo_27{background-image: url(../../images/common/user_27_on.png);}
.user-service-right li a:hover .user-service-logo.logo_28{background-image: url(../../images/common/user_28_on.png);}
.user-service-right li a:hover .user-service-logo.logo_29{background-image: url(../../images/common/user_29_on.png);}
.user-service-right li a:hover .user-service-logo.logo_30{background-image: url(../../images/common/user_30_on.png);}
.user-service-right li a:hover .user-service-logo.logo_31{background-image: url(../../images/common/user_31_on.png);}
.user-service-right li a:hover .user-service-logo.logo_32{background-image: url(../../images/common/user_32_on.png);}
.user-service-right li a:hover .user-service-logo.logo_33{background-image: url(../../images/common/user_33_on.png);}
.user-service-right li a:hover .user-service-logo.logo_34{background-image: url(../../images/common/user_34_on.png);}
.user-service-right li a:hover .user-service-logo.logo_35{background-image: url(../../images/common/user_35_on.png);}
.user-service-right li a:hover .user-service-logo.logo_36{background-image: url(../../images/common/user_36_on.png);}
.user-service-right li a:hover .user-service-logo.logo_37{background-image: url(../../images/common/user_37_on.png);}
.user-service-right li a:hover .user-service-logo.logo_38{background-image: url(../../images/common/user_38_on.png);}
.user-service-right li a:hover .user-service-logo.logo_39{background-image: url(../../images/common/user_39_on.png);}
.user-service-right li a:hover .user-service-logo.logo_40{background-image: url(../../images/common/user_40_on.png);}
.user-service-right li a:hover .user-service-logo.logo_41{background-image: url(../../images/common/user_41_on.png);}

.user-service-right ul:nth-child(1) li a:hover .user-service-box .user-service-logo{background-color: #215aa4;}
.user-service-right ul:nth-child(2) li a:hover .user-service-box .user-service-logo{background-color: #215aa4;}
.user-service-right ul:nth-child(3) li a:hover .user-service-box .user-service-logo{background-color: #215aa4;}
.user-service-right ul:nth-child(4) li a:hover .user-service-box .user-service-logo{background-color: #215aa4;}

.user-service-box p{float: left; width: calc(100% - 60px); display: table; height: 60px; padding: 0 40px 0 17px; word-break: break-all;}
.user-service-box p span{display: table-cell; vertical-align: middle; font-size: 17px; color: #000000; font-family: "Dream Light"; line-height: 25px; position: relative;}
.user-service-right li a:hover .user-service-box p span{text-decoration: underline; color: #0a4a9b; font-family: "Dream Bold"; text-decoration-color: currentColor;}
.user-service-close{display: block; margin: 0 auto; width: 110px; height: 45px; border-radius: 30px; background: #101213 url(../../images/common/close_btn.png) no-repeat right 26px center; font-family: "Dream Light"; font-size: 15px; color: white; text-align: left; padding-left: 25px; margin-top: 40px;}

#_globalUl .language ul.on {max-height:120px !important;}

@media all and (max-width: 1580px) {
  .user-service-content{width: calc(100% - 40px); margin: 0 20px;}
  .user-service-right ul{padding: 30px;}
  .user-service-box .user-service-logo{float: none;}
  .user-service-box p{float: none; width: 100%; display: block; height: auto; padding: 0; margin-top: 10px;}
}

@media all and (max-width: 1520px) {
  .wrap-header .head-logo{padding-left: 30px;}
  .user-service-box p span{font-size: 16px; line-height: 22px;}
}
#_globalUl > li.sign {display:none;}
@media all and (max-width: 1023px) {
  .wrap-header .head-logo{width: 166px;}
  .main .wrap-header,
  .sub .wrap-header{padding: 14.5px 0;}
  .wrap-header.white-background{background-color: white; border-bottom: 1px solid #eaeaea;}
  .wrap-header.white-background .white-logo{display: none !important;}
  .wrap-header.white-background .color-logo{display: block !important;}
  .wrap-header .header-util{margin: 8px 100px 0 0;}
  .header-menu-box button{width: 60px; height: 60px;}
  .header-menu-box .menu-btn{display: none;}
  .header-menu-box .mobile-menu-btn{display: block;}
  #_globalUl > li.sign{padding: 0 10px 0 0; display:none;}
  #_globalUl > li.language{padding: 0 12px 0 10px;}
  #_globalUl > li.language ul.on {z-index:1;}
  #_globalUl > li.popup{padding: 0 0 0 10px;}
  .head-navi{height: calc(100vh - 60px); top: 60px;}
  .main-search-box{width: 100%; padding: 30px 20px}
  .main-search-box label{font-size: 16px;}
  .main-search-box #searchInput{width: 100%;}
  .user-service-left{width: 100%; padding: 20px;}
  .user-serivce-title span{margin: 5px 20px;}
  .user-service-menu ul{display: flex; flex-wrap: wrap;}
  .user-service-menu li{width: 50%; position: relative; margin-bottom: 0;}
  .user-service-box .user-service-logo{margin: 0 auto;}
  .user-service-box p{text-align: center;}
  .user-service-menu li.on button{border-bottom: 0;}
  .user-service-menu li.on::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: white;}
  .user-service-right{width: 100%;}
  .user-service-right li{margin-top: 20px;}
  .user-serivce-title h1{font-size: 30px;}
  .user-serivce-title span{font-size: 16px; line-height: 25px;}
}

@media all and (max-width: 768px) {
  .main .wrap-header, .sub .wrap-header{padding: 13.5px 0;}
  .wrap-header .head-logo{padding-left: 20px;}
  .wrap-header .header-util{display: none;}
  .search-input-box{width: calc(100% - 193px);}
  .search-close{float: right;}
  .user-serivce-title::after{content:""; display: table; clear: both;}
  .user-serivce-title h1{float: left;}
  .user-serivce-title span{float: right; text-align: right; margin: 0;}
  .user-service-right ul{padding: 10px;}
  .user-service-right li{width: 25%; margin-top: 10px;}
  .user-service-right li:nth-child(-n+5){margin-top: 10px;}
  .user-service-right li:nth-child(-n+4){margin-top: 0;}
  .user-service-box p span{font-size: 12px; line-height: 16px; padding:0 10px; display: block;}
  .user-service-menu li button{font-size: 16px;}
  .user-service-box .user-service-logo{width: 40px; height: 40px; background-size: 50%;}
  .user-service-close{margin-top: 20px;}
}

@media all and (max-width: 500px) {
  .main-search-inner.on{max-height: 300px;}
  .head-navi{width: 100%; padding: 30px 20px 20px;}
  .main-search-box{padding: 30px 20px 10px;}
  .main-search-box label{float: none; margin-top: 0; margin-bottom: 10px;}
  .search-input-box{width: 100%; float: none;}
  .search-close{float: none; text-align: center; width: 35px; margin: 10px auto;}
}

/*전체블랙배경*/
.black-bg {display: none; position: fixed; z-index: 190; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.black-bg.on {display: block;}

/*서브비주얼*/
.wrap-sub-visual {position:relative; background-size:cover; display:table; width:100%; background-repeat: no-repeat; background-position: top left; margin-top: 90px;}
body.eQ01 .wrap-sub-visual{background-image: url(../../images/common/sub-visual1.jpg)}
body.eQ02 .wrap-sub-visual{background-image: url(../../images/common/sub-visual2.jpg)}
body.eQ03 .wrap-sub-visual{background-image: url(../../images/common/sub-visual3.jpg)}
body.eQ04 .wrap-sub-visual{background-image: url(../../images/common/sub-visual4.jpg)}
body.eQ05 .wrap-sub-visual{background-image: url(../../images/common/sub-visual5.jpg)}
body.eQ06 .wrap-sub-visual{background-image: url(../../images/common/sub-visual6.jpg)}
body.eQ07 .wrap-sub-visual{background-image: url(../../images/common/sub-visual7.jpg)}
body.eQ08 .wrap-sub-visual{background-image: url(../../images/common/sub-visual1.jpg)}
body.eQ09 .wrap-sub-visual{background-image: url(../../images/common/sub-visual1.jpg)}
.wrap-sub-visual .wrap-sub-cell {display:table-cell;height:240px; text-align:center; vertical-align: middle; color:#fff;}
.wrap-sub-visual .container {position:relative; z-index:1;}
.wrap-sub-visual .slogan {margin: 0 0 50px 0;}
.wrap-sub-visual .slogan-big {color: white; font-size: 50px; line-height: 70px; letter-spacing: 0; font-family: "Gmarket Bold"; position:  relative; display: inline-block; word-break: break-all;}

@media all and (max-width:1024px) {
  .wrap-sub-visual .slogan-big {font-size: 45px; line-height: 60px}
  .wrap-sub-visual{background-position: top left 10%; margin-top: 60px;}
}
@media all and (max-width:768px) {
  .wrap-sub-visual .slogan-big {font-size: 36px; line-height: 50px}
}
/*현재위치메뉴및기능*/
.wrap-sub-navi {position:relative; z-index:1002; margin:-50px 0 0 0;}
.wrap-sub-navi .container {position:relative; height: 50px; background-color: white;}
.wrap-sub-navi .sub-navi > ul > li#pagetitle1 {padding:0; background:none;}
.wrap-sub-navi .sub-navi > ul > li {position:relative; float:left; background:url('../../images/common/ic-arrow2.png') no-repeat left center; padding: 0 0 0 30px; margin-right: 20px; letter-spacing: -025em;}
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {display:block; color:#000000; font-size:16px; height:50px; line-height:50px; font-family: "Noto Regular"; letter-spacing: -.05em;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {font-family:'Noto Light'; width:100%; text-align:left; padding:0 20px 0 0 ; background:url('../../images/common/ic-arrow1.png') no-repeat right center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > li > .inner {min-width: 180px;}
.wrap-sub-navi .sub-navi .home {padding: 0; background: url(../../images/common/ic-home.png) no-repeat center; margin-right: 0;}
.wrap-sub-navi .sub-navi .home a {width:50px; text-indent:-9999px; background:url('../../images/common/ico_home.png') no-repeat center center;}
.wrap-sub-navi .sub-navi .navUl {overflow:hidden; max-height:0px; opacity:0; position:absolute; right:0px; top:35px; border:1px solid #fff; width: calc( 100% - 30px ); margin:15px 0 0 0; z-index: 10;}
.wrap-sub-navi .sub-navi .navUl.on {overflow-y:hidden; max-height: 1000px; overflow-y:auto;opacity:1; background:#fff; border:0; transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1); box-shadow: 0 0 15px rgba(0,0,0,.1); width: calc(100% + 50px); left: 0;}
.wrap-sub-navi .sub-navi .navUl a {display:block; padding:15px 30px; color:#111; word-break: keep-all;font-size:15px;line-height:1.2; letter-spacing: -.05em; border: 1px solid #e9e9e9; border-bottom: 0; transition: all .3s;}
.wrap-sub-navi .sub-navi .navUl a:hover,
.wrap-sub-navi .sub-navi .navUl a._active{background: #003c8a; border: 1px solid #003c8a; color: #fff; border-bottom: 0;}
.wrap-sub-navi .sub-navi .navUl a:last-child:hover {background:#003C8A; border:1px solid #003C8A; color:#fff;}
.wrap-sub-navi .sub-navi .navUl a:last-child {border-bottom:1px solid #e9e9e9;}
.wrap-sub-navi .sub-navi .navUl a[target=_blank]{background: url(../../images/common/blank_icon.png) no-repeat right 20px center;}
.wrap-sub-navi .sub-navi .navUl a[target=_blank]:hover{background: #003c8a url(../../images/common/blank_icon_white.png) no-repeat right 20px center;}
.wrap-sub-navi .sub-navi .navUl a > span {display: block; position: relative; background:url('../../images/common/ic-arrow3.png') no-repeat right center;}
.wrap-sub-navi .sub-navi .navUl a._active > span{background: none;}
.wrap-sub-navi .sub-navi .navUl a[target=_blank] > span{background: none;}

.wrap-sub-navi .sub-util {position:absolute; right:0px; top:-125px;}
.wrap-sub-navi .sub-util > ul > li {position: relative; float:left; position:relative; padding: 0;}
.wrap-sub-navi .sub-util > ul > li:first-child{background: url(../../images/common/ic-share.png) no-repeat center;}
.wrap-sub-navi .sub-util > ul > li:nth-child(2){background: url(../../images/common/ic-favorite.png) no-repeat center; margin: 0 10px;}
.wrap-sub-navi .sub-util > ul > li:last-child {background: url(../../images/common/ic-print.png) no-repeat center;}
.wrap-sub-navi .sub-util > ul > li > button {font-family: 'Noto Regular'; font-size: 15px; color: #111; text-indent: -9999px; width: 50px; height: 50px; border: 1px solid #c6c6c6; border-radius: 50%; padding: 0;}

@media all and (max-width: 1600px) {
  .wrap-sub-navi .sub-util{right: 20px;}
}

@media all and (max-width:1024px) {
  .wrap-sub-navi { display: block;}
  .wrap-sub-navi .sub-navi > ul > li > .inner {min-width: auto;}
  .wrap-sub-navi .sub-util > ul > li:first-child,
  .wrap-sub-navi .sub-util > ul > li:last-child{display: none;}

}
@media all and (max-widtH: 768px) {
  .wrap-sub-navi .container {padding:0;}
}

@media all and (max-width: 600px) {
  .wrap-sub-navi {border-bottom:1px solid #c6c6c6;}
  .wrap-sub-navi .sub-navi > ul > li {display: none;}
  .wrap-sub-navi .sub-navi > ul > li.home {display:block;}
  .wrap-sub-navi .sub-navi > ul > li.last {width:calc(100% - 110px); position:static; display:block;}
  .wrap-sub-navi .sub-navi .navUl {width:100%;}   
  .wrap-sub-navi .sub-navi .navUl.on{width: 100%;}
  .wrap-sub-navi .sub-util{top: 0; right: 0;}
  .wrap-sub-navi .sub-util > ul > li > button{background-size: cover; border: 0;}
  .wrap-sub-navi .sub-util > ul > li:nth-child(2){background: url(../../images/common/ic-favorite-black.png) no-repeat right center;}
  .wrap-sub-navi .sub-util > ul > li > button  {width:30px;}
}
.wrap-sub-navi .sub-share.on {background: url('../../images/common/ico_sns_on.png') no-repeat left center;}
.wrap-sub-navi .sub-favo.on {background: url('../../images/common/ico_favo_on.png') no-repeat left center;}

.wrap-sub-navi .box-sub-favo {opacity:0; overflow:hidden; max-height:0px; position:absolute;  border:1px solid #cacaca; right:auto; top:60px; width:250px; background:#fff; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); left: -80px}
.wrap-sub-navi .box-sub-favo.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo > strong {display:block; font-family:'Gmarket Medium'; font-size:16px; padding:11px 20px; border-bottom:1px solid #d6d6d6; color: #2a2a2a; line-height: 30px; letter-spacing: -.05em;}
.wrap-sub-navi .box-sub-favo ul li {padding:8px 20px;}
.wrap-sub-navi .box-sub-favo ul li a {position: relative; color: #000; font-size: 17px;}
.wrap-sub-navi .box-sub-favo ul li a span {display:none;}
.wrap-sub-navi .box-sub-favo .close {text-indent:-9999px; position:absolute; right:0px; top:0px; width:40px; height:50px; background:url('../../images/common/ic-closeBtn.png') no-repeat center center;}
.wrap-sub-navi .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo .del {width:17px; height:17px; margin:0 10px 0 0; background:url('../../images/common/ic-closeBtn2.png') no-repeat center center; text-indent:-9999px;}
.wrap-sub-navi .box-sub-favo .control {text-align:center;}
.wrap-sub-navi .box-sub-favo .control button {display:inline-block;}
.wrap-sub-navi .box-sub-favo .control button.add {background: #1f303e; font-size: 14px; color: #FFF; font-family: "Dream Regular"; line-height: 30px; padding: 12px 0; float: left;}
.wrap-sub-navi .box-sub-favo .control button.reset {background: #4f5f6c; font-family: 'Dream Regular'; font-size: 14px; color: #fff; line-height: 30px; padding: 12px 0; float: right;}
.wrap-sub-navi .box-sub-favo .control.list{color: #fff; font-size: 14px; letter-spacing: -.05em;}
.wrap-sub-navi .box-sub-favo .control.list::after{content:""; display: table; clear: both;}
.wrap-sub-navi .box-sub-favo .control.list > button{width: 50%;}
.wrap-sub-navi .box-sub-favo .guide {padding: 15px 0 20px 0; background: #f0f0f0; text-align: center;}
.wrap-sub-navi .box-sub-favo .guide #favoriteTitle {font-size: 14px; color: #565656;}
.wrap-sub-navi .box-sub-favo #favoriteList > li strong {font-size: 14px; line-height: 30px; letter-spacing: -.05em; font-family: 'Dream Regular'; color:#111; position: relative;}
.wrap-sub-navi .box-sub-favo #favoriteList > li strong::after {content:''; width:0%; height:1px; background:#00307F; position: absolute; left:0;bottom:0; transition:width .3s;}
.wrap-sub-navi .box-sub-favo #favoriteList > li:hover strong {color:#00307F;}
.wrap-sub-navi .box-sub-favo #favoriteList > li:hover strong::after {width:100%;}

.wrap-sub-navi .box-sub-share {opacity:0; overflow:hidden; max-height:0px; position:absolute; right:0px; top:60px; background: #fff; width:50px; border: 1px solid #cecece; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share .close {text-indent: -9999px; right: 0px; top: 0px; width: 38px; height: 38px; background: url(../../images/common/ic-closeBtn.png) no-repeat center center; margin-left: 5px;}
.wrap-sub-navi .box-sub-share .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share .send strong {display: inline-block; width: auto; vertical-align: middle; font-size: 17px; color: #2a2a2a; text-indent: -9999px;}
.wrap-sub-navi .box-sub-share .send ul {display: inline-block; vertical-align: middle; margin-left: 2px;}
.wrap-sub-navi .box-sub-share .send li {margin-bottom: 7px;}
.wrap-sub-navi .box-sub-share .send li button {width: 38px; height: 38px; text-indent: -9999px;}
.wrap-sub-navi .box-sub-share .send li button.fb {background:url('../../images/sub/ic-fb.png') no-repeat center;} 
.wrap-sub-navi .box-sub-share .send li button.tw {background:url('../../images/sub/ic-twitter.png') no-repeat center;}
.wrap-sub-navi .box-sub-share .send li .youtube {width: 38px; height: 38px; text-indent: -9999px; background: url(../../images/sub/youtube.png) no-repeat center; display: block;}
.wrap-sub-navi .box-sub-share .send li button.insta {background:url('../../images/sub/ic-instagram.png') no-repeat center;} 
.wrap-sub-navi .box-sub-share .send li button.ks {background:url('../../images/sub/ic-kakao2.png') no-repeat center;} 
.wrap-sub-navi .box-sub-share .copy{margin-bottom: 10px;}
.wrap-sub-navi .box-sub-share .copy strong {display: inline-block; width: auto; vertical-align: middle; font-size: 17px; color: #2a2a2a; text-indent: -9999px;}
.wrap-sub-navi .box-sub-share .copy input {width: 170px; height: 35px; border: 1px solid #cecece; line-height: 35px; text-indent: 10px; font-size: 14px; color: #111;}
.wrap-sub-navi .box-sub-share .copy button {width: 38px; height: 38px; line-height: 35px; text-align: center; background: url(../../images/common/ic-copy.png) no-repeat center center; font-size: 14px; color: #fff; text-indent: -9999px; margin-left: 2px;}
.wrap-sub-navi .box-sub-share .send li button.pn {background:url('../../images/sub/ic-pn.png') no-repeat center;} 

@media all and (max-width:1600px) {
  .wrap-sub-navi .container {max-width:1400px; margin:0 auto;}
}

/*컨텐츠*/
.wrap-contents .container{position:relative; max-width:1400px;margin: 0 auto 70px auto;}
@media all and (max-width:1400px) {
  .wrap-contents .container{max-width:96%;}
}

/* 푸터 */
.wrap-footer{background-color: #202020;}
.sub .wrap-footer{margin-top: 80px;}
.wrap-footer .container{max-width: 1720px;}
.wrap-footer .footer-top{border-bottom: 1px solid rgba(255,255,255,.2);}
.wrap-footer .footer-top::after{content:""; display: table; clear: both;}
.wrap-footer .footer-link-box{float: left;}
.wrap-footer .footer-link-box::after{content:""; display: table; clear: both;}
.wrap-footer .footer-link-box li{float: left; margin-right: 20px;}
.wrap-footer .footer-link-box li:last-child{margin-right: 0;}
.wrap-footer .footer-link-box li a{font-size: 17px; font-family: "Noto Light"; color: white; display: block; padding: 19px 0;}
.wrap-footer .footer-link-box li.privaty a{color: #3094ff;}
.wrap-footer .footer-sns{float: right;}
.wrap-footer .footer-sns::after{content:""; display: table; clear: both;}
.wrap-footer .footer-sns li{float: left; margin-right: 25px; padding: 19px 0;}
.wrap-footer .footer-sns li:last-child{margin-right: 0;}
.wrap-footer .footer-sns li a{display: block; width: 25px; height: 25px; text-indent: -9999px;}
.wrap-footer .footer-sns li.footer-fb a{background: url(../../images/common/fb_logo.png) no-repeat center center;}
.wrap-footer .footer-sns li.footer-blog a{background: url(../../images/common/blog_logo.png) no-repeat center center;}
.wrap-footer .footer-sns li.footer-youtube a{background: url(../../images/common/youtube_logo.png) no-repeat center center;}
.wrap-footer .footer-sns li.footer-insta a{background: url(../../images/common/insta_logo.png) no-repeat center center;}
.wrap-footer .footer-bottom::after{content:""; display: table; clear: both;}
.wrap-footer .footer-info{float: left; padding: 30px 0 60px;}
.wrap-footer .footer-info::after{content:""; display: table; clear: both;}
.wrap-footer .footer-logo{float: left; margin-right: 43px;}
.wrap-footer .footer-address{float: left; margin-top: 2px;}
.wrap-footer .footer-address p{font-size: 15px; color: white; font-family: "Noto Regular";}
.wrap-footer .footer-address span{font-family: "Gmarket Medium"; font-size: 14px; color: rgba(255,255,255,.3); text-transform: uppercase;}
.wrap-footer .footer-sitemap{float: right; padding: 25px 0 0 0; display: none;}
.wrap-footer .footer-sitemap li{width: 220px; float: left; margin-right: 50px; position: relative;}
.wrap-footer .footer-sitemap li:last-child{margin-right: 0;}
.wrap-footer .footer-sitemap button{font-size: 17px; color: white; font-family: "Noto Light"; background: url(../../images/common/sitemap_more.png) no-repeat right center; display: block; width: 100%; border-bottom: 1px solid rgba(255,255,255,.5); text-align: left; padding: 6px 0;}
.wrap-footer .footer-sitemap li ul{position: absolute; left: 0; bottom: 38px; background-color: #909090; width: 100%; max-height: 0; overflow: hidden; transition: all .3s;}
.wrap-footer .footer-sitemap li ul.on{max-height: 300px; overflow: auto}
.wrap-footer .footer-sitemap li ul li{Width: 100%; float: none; margin-right: 0; border-bottom: 1px solid #1a1a1a;}
.wrap-footer .footer-sitemap li ul li:last-child{border-bottom: 0;}
.wrap-footer .footer-sitemap li ul li a{padding: 5px 10px; color: white; font-family: "Noto Light"; display: block; font-size: 14px;}
.wrap-footer .footer-sitemap li ul li p{padding: 5px 10px; color: white; font-family: "Noto Medium"; display: block; font-size: 14px; background-color: #003c8a}

.mCustomScrollbar #multipleDiv_daejin_313 .fp-tableCell,
.mCustomScrollbar #multipleDiv_daejin_313{height: auto !important;}

@media all and (max-width: 1540px) {
  .wrap-footer .footer-info{width: calc(100% - 250px); padding: 30px 0 35px;}
  .wrap-footer .footer-logo{float: none; margin-right: 0;}
  .wrap-footer .footer-address{float: none; margin-top: 10px;}
  .wrap-footer .footer-sitemap li{float: none; margin-right: 0; margin-bottom: 10px;}
  .wrap-footer .footer-sitemap li:last-child{margin-bottom: 0;}
}

@media all and (max-width: 1023px) {
  .wrap-footer .footer-top{text-align: center; padding: 15px 0;}
  .wrap-footer .footer-link-box{float: none; display: block;}
  .wrap-footer .footer-link-box li{float: none; display: inline-block;}
  .wrap-footer .footer-link-box li a{padding: 0;}
  .wrap-footer .footer-sns{float: none; display: inline-block; margin-top: 15px;}
  .wrap-footer .footer-sns li{padding: 0;}
}

@media all and (max-width: 768px) {
  .wrap-footer .footer-address p span{display: block;}
  .wrap-footer .footer-sitemap{float: none; width: 100%;}
  .wrap-footer .footer-sitemap ul::after{content:""; display: table; clear: both;}
  .wrap-footer .footer-sitemap li{float: left; width: 48%;}
  .wrap-footer .footer-sitemap li:last-child{float: right;}
  .wrap-footer .footer-info{float: none; width: 100%; text-align: center; padding: 25px 0 35px;}
  .wrap-footer .footer-logo{width: 244px; margin: 0 auto;}
}


/*메인메뉴사이트맵숨기기*/
/* #menuUItop > .div_1 > .ul_1 > li:last-child{display:none;} */
.head-navi .div_2 .li_2.li_2_6324 {display:none;}
.sub-navi .navUl a.top_k2wiz_GNB_6324 {display:none;}


/* 풀페이지 */
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 6px; height: 6px; margin: -3px 0 0 -3px; background: #9d9d9d;}

/* 풀페이지 tooltip icon */
#fp-nav ul li:nth-child(3) a.active span,
 .fp-slidesNav ul li:nth-child(3) a.active span,
 #fp-nav ul li:nth-child(3):hover a.active span,
 .fp-slidesNav ul li:nth-child(3):hover a.active span{
    background: url(/sites/chn/images/common/fullpage_4.png) no-repeat center center !important;
 }

 #fp-nav ul li:nth-child(4) a.active span,
 .fp-slidesNav ul li:nth-child(4) a.active span,
 #fp-nav ul li:nth-child(4):hover a.active span,
 .fp-slidesNav ul li:nth-child(4):hover a.active span{
    background: url(/sites/chn/images/common/fullpage_6.png) no-repeat center center !important;
 }

 #fp-nav ul li:nth-child(5) a.active span,
 .fp-slidesNav ul li:nth-child(5) a.active span,
 #fp-nav ul li:nth-child(5):hover a.active span,
 .fp-slidesNav ul li:nth-child(5):hover a.active span{
    background: url(/sites/chn/images/common/fullpage_7.png) no-repeat center center !important;
 }