@charset "utf-8";

/* ._obj {height: 100% !important;} */
.area {max-width: 1600px; height: 100%; margin: 0 auto; box-sizing: content-box;}
.area-bx {max-width: 1800px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}

.main ._fnctWrap ._fnctAdmin,
.main ._contentBuilder ._obj ._relative ._objTool {top: auto !important; right : auto !important; left: 0px !important; bottom: 0px !important;}

.clearfix {*zoom:1;}
.clearfix::after {content: ""; display: block; clear: both;}

.font-titil {font-family: 'Titillium Web', sans-serif;}
.font-mont {font-family: 'Montserrat', sans-serif;}

.wrap-header {z-index:300;width: 100%;box-sizing: border-box;padding-top:35px;}
/*.wrap-header.animated{position: fixed;top:0;background: #fff;z-index: 1002;}
.wrap-header.animated ~ #contentsEditHtml{margin-top:182px}
.wrap-header.animated ~ .wrap-sub-navi{margin-top:182px}*/
.wrap-header .wrap-top {overflow: hidden;height: 40px;background: #7B50DA;margin-bottom: 20px;}
.wrap-header .wrap-top #_globalNavi #_globalUl{position:relative;font-size:0;padding-top:9px;text-align: right;}
.wrap-header .wrap-top #_globalNavi #_globalUl li{position:relative;font-size:14px;color:#fff;line-height:1.5;letter-spacing:-.05em;display:inline-block;vertical-align:top;background: none;float: none;}
.wrap-header .wrap-top #_globalNavi #_globalUl li + li:before{content:'';width:1px;height:11px;background:#adadad;position:absolute;top:5px;left:0;}

.wrap-header .container{max-width: 1400px; width: 100%; margin: auto; position: relative;}
.wrap-header .container::after{content: ''; display: block; clear: both;}
.wrap-header .inner-box{display: flex; align-items: center; justify-content: space-between;}
.wrap-header .logo-box{width: 300px;}
.wrap-header .logo-box span{font-family:'NH Medium';font-size:38px;color:#28a444;display: inline-block;padding-left: 10px;line-height:48px}
.wrap-header .logo-box img{width:35px;}

.wrap-header .search-in{width: 40.5%;}
.wrap-header .search-box{width: 100%; height: 50px; background: #FAFAFA; border-radius: 50px; padding: 0 5px 0 30px; position: relative; display: table; border: 1px solid #D7D7D7;}
.wrap-header .search-box > form{display: table-cell; vertical-align: middle; width: 100%;}
.wrap-header .search-box > button{width: 40px; height: 100%; display: table-cell; vertical-align: middle;}
.wrap-header .fieldset > span{position: relative; height: 30px; display: inline-block; width: 100%;}
.wrap-header .fieldset > span > input{background: transparent;padding: 0;outline: 0;width: 100%;height: 100%;border: 0;}
.wrap-header input::placeholder{font-size: 16px; font-family:"Dream Regular"; color: #888888; line-height: 30px; letter-spacing: -.05em; }

.wrap-header .for-all{position: absolute; width: 1px; height: 1px; overflow: hidden; text-indent: -9999999px;}
.wrap-header .ranking-list{width: 240px; flex: 1; padding-left: 10px;}
.wrap-header .ranking-list li{font-size: 15px; font-family: "Dream Regular"; letter-spacing: -.05em; color: #000;}
.wrap-header .ranking-list li > a{padding: 0 70px 0 15px; position: relative;}
.wrap-header .ranking-list li > a::before{content: ''; background: url(../../images/common/list-down.png) no-repeat center center; width: 9px; height: 6px; position: absolute; right: 0; top: 8px;}
.wrap-header .ranking-list span{font-size: 16px;font-family: "Gmarket Bold";color: #f13b6a;font-style: italic;margin-right: 5px;}
.wrap-header .menu-tool{width: 160px; text-align: right; flex: 1;}
.wrap-header .menu-tool > ul {text-align: right;}
.wrap-header .menu-tool > ul > li{display: inline-block;vertical-align: middle;padding-left: 25px;}
.wrap-header .menu-tool > ul > li:first-child{padding-left: 0;}
.wrap-header .menu-tool > ul > li:nth-child(2){display:none}
.wrap-header .navi-wrap{border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3;}

.wrap-header .menu-tool{flex: 1; text-align: right;}
.wrap-header .menu-tool span{font-family: "Dream Regular"; font-size: 14px; letter-spacing: -.05em; color: #010101;}
.wrap-header .menu-tool{ width: 540px; text-align: right;}
.wrap-header .menu-tool> ul >li{display: inline-block;vertical-align: middle;}
.wrap-header .menu-tool > ul > li a{}
.wrap-header .menu-tool> ul >li:first-child a{background:url(../../images/common/delivery-ic.png) no-repeat left center;padding: 0 0 0 40px;background-size: contain;}
.wrap-header .menu-tool > ul >li:nth-child(2) a{background:url(../../images/common/inter-ic.png) no-repeat left center; padding-left: 30px;}
.wrap-header .menu-tool > ul >li:last-child a{padding-right: 0; background: url(../../images/common/cart-ic.png) no-repeat left center;background-size: contain;    padding: 0px 0 0 25px;}
.wrap-header .menu-tool span{font-family: "Dream Regular"; font-size: 14px; letter-spacing: -.05em; color: #222222;}
.wrap-header .menu-tool .num-box{width: 22px; height: 22px; border-radius: 50%; background: #7B50DA; display: inline-block;text-align: center;}
.wrap-header .menu-tool .num-box > span{font-size: 10px; font-family: "Dream Bold"; color: #fff; display: inline-block; vertical-align: top; margin-top: 5px; }

.wrap-header .nav-box{display: flex; align-items: center;}
.wrap-header .category-all{text-align: center; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3;}
.wrap-header .category-all > button{width: 60px; height: 60px;}
.wrap-header .category-list{position:absolute;left:0;top:60px;z-index:99;background:linear-gradient(to top left, #0231bc, #6b37de, #c43dfb);padding:15px 25px;width:100%;display:none;text-align: left;max-width: 260px;}
.wrap-header .category-list > ul > li > a{padding:8px;color:#fff;font-size:15px;font-family:'Dream Light';display:inline-block;position:relative;}
.wrap-header .category-list > ul > li > a:hover{font-family:'Dream Regular';}
.wrap-header .category-list > ul > li > a:before{content:'';position:absolute;left:8px;bottom:8px;width:0;transition:all ease .25s;background:rgba(255,255,255,0.5);height:1px;}
.wrap-header .category-list > ul > li > a:hover:before{width:calc(100% - 15px);}
.wrap-header .category-list > ul > li > ul{padding: 0 5px 0 10px;}
.wrap-header .category-list > ul > li > ul > li {position:relative;padding-left:12px;line-height:1.25;}
.wrap-header .category-list > ul > li > ul > li:before{content:'';width:4px;height:1px;background:#bddac4;position:absolute;left:0;top:10px;}
.wrap-header .category-list > ul > li > ul > li > a{font-size:13px;color: #d8e3f5;}

.wrap-header .tool-list{flex: 1; text-align: right;}

.wrap-header .head-navi {position: relative;margin-top: 35px;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;}
.wrap-header .head-navi .top_div{}
.wrap-header .head-navi .li_1 {position:relative;display:inline-block;margin-left: 40px;}
.wrap-header .head-navi .li_1:nth-last-child(1),
.wrap-header .head-navi .li_1:nth-last-child(2),
.wrap-header .head-navi .li_1:nth-last-child(3){display:none;}
.wrap-header .head-navi .logo-mobile {display: none;}
.wrap-header .head-navi .a_1 span {position:relative;}
.wrap-header .head-navi .div_2 {overflow:hidden; max-height:0; position:absolute; top:100%; left: 50%; width:100%; min-width: 200px; transform: translate(-50%, 0);z-index:100; background: rgb(82, 66, 233);; text-align:left; transition:all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_2.on {max-height:400px;}
.wrap-header .head-navi .ul_2 {padding:15px 0;}
.wrap-header .head-navi .a_2 {font-family:'Noto Demilight';position:relative; display:block; color:#fff; padding:8px 15px;}
.wrap-header .head-navi .a_2 span {position:relative;}
.wrap-header .head-navi .a_2 span:after {content:''; position:absolute; left:0px; bottom:-3px; width:0px; height:1px; background:#fff; transition:all 0.8s;}
.wrap-header .head-navi .a_2[target=_blank] span:before {content: ''; position: absolute; left: 111%; top: 6px; width: 14px;height: 14px; background: url(../../images/common/ico_blank_pc.png) no-repeat center center;}
.wrap-header .head-navi .a_2:hover:after {content:''; position:absolute; right:10%; top:46%; width:5px; height:7px; background:url('../../images/common/arrow-menu.png') no-repeat center center;}
.wrap-header .head-navi .a_2:hover span:after {width:100%;}
.wrap-header .head-navi .div_3 {display:none;}

.wrap-header .head-navi .li_1:nth-last-child(4) .a_1,
.wrap-header .head-navi .li_1:nth-last-child(5) .a_1,
.wrap-header .head-navi .li_1:nth-last-child(6) .a_1{color:#5242e9}

.wrap-header .head-util {position: absolute;right: 0;z-index: 15;margin-top: 15px;display: none;}
.wrap-header .head-util li {float: left;}
.wrap-header .head-util > ul > li::before {content: ""; display: none; margin: 0 15px; vertical-align: middle; width: 1px; height: 16px; background: #E1E1E1;}
.wrap-header .head-util > ul > li:first-child::before {display: none;}

.wrap-header .head-util li.head-sitemap a {display: inline-block; width: 17px; height: 14px; background: url("../../images/button/btn_sitemap.png") no-repeat center; text-indent: -99999px; vertical-align: middle;}

.wrap-header .head-util li.head-language {position: relative;}
.wrap-header .head-util li.head-language button {display: inline-block; width: 25px; height: 25px; background: url("../../images/button/btn_language.png") no-repeat; vertical-align: middle;}
.wrap-header .head-util li.head-language > ul {display: none; position: absolute; text-align: center; left: 25px; border: 1px solid #fff; padding: 0 5px; top: 35px;}
.wrap-header .head-util li.head-language > ul li a {display: block; color: #fff; }

.wrap-header .container > div .btn-mgnb {display: none;}
.wrap-header .container > div .btn-mgnb-close {display:none;}
.wrap-header .container > div .mobile-global {display:none;}
.wrap-header .container > div.black-bg {display:none;}

.wrap-header .m-head-logo{display:none;}

.head-m-top,
.btn-mgnb-close{display: none;}

.wrap-sub-navi {position:relative;z-index:9;background: #8e3dd9;margin: 0 auto 50px;}
.wrap-sub-navi .container {position:relative;max-width: 1400px;margin: 0 auto;height:auto;}
.wrap-sub-navi .sub-navi {padding: 14px 0;}
.wrap-sub-navi .sub-navi > ul:after {content: ""; display: block; clear: both;}
.wrap-sub-navi .sub-navi > ul > li {position:relative;float:left;max-width: 200px;padding: 0 0 0 20px;}
.wrap-sub-navi .sub-navi > ul > li:after{content: '';background: url(../../images/common/top-header-ic.png) no-repeat left center;width: 6px;height: 9px;position: absolute;top: 7px;right: -20px;}
.wrap-sub-navi .sub-navi > ul > li.last:after,
.wrap-sub-navi .sub-navi > ul > li.last + li:after,
.wrap-sub-navi .sub-navi > ul > li.last + li + li:after,
.wrap-sub-navi .sub-navi > ul > li.last + li + li + li:after,
.wrap-sub-navi .sub-navi > ul > li.last + li + li + li + li:after{display:none;}

.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {display:block;color:#fff;font-size: 15px;line-height:1.5;font-family:'Dream Medium';}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {position: relative;width:100%;text-align:left;padding: 0 0 0 13px;letter-spacing: -.05em;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button span {display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button::after {content: ""; position: absolute; width: 11px; height: 7px; background: url("../../images/common/arrow-page-nav2.png") no-repeat; right: 16px; top: 50%; margin-top: -3.5px;transform: rotate( 90deg );}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {color:#ffc20c;}
.wrap-sub-navi .sub-navi .home {position: relative;background-image:none;padding:0px;min-width:auto;}
.wrap-sub-navi .sub-navi .home a {display: inline-block;padding-left: 28px;font-family: 'Dream Medium';background:url('../../images/common/sub-navi-home.png') no-repeat left center;}
.wrap-sub-navi .sub-navi .home:before{content: '';background: url(../../images/common/home-ic-w.png) no-repeat left center;width: 16px;height: 16px;position: absolute;top: 3px;left: 0;background-size: contain;}

.wrap-sub-navi .sub-navi .navUl {overflow:hidden; max-height:0px; opacity:0; position:absolute; right:0px; top:33px; border:1px solid #fff; width: 100%; margin:0px 0 0 0}
.wrap-sub-navi .sub-navi .navUl.on {overflow:hidden; max-height:10000px; opacity:1; background:#fff; border:1px solid #3e454c; transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi .navUl:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:4px; background:#0146b9;}
.wrap-sub-navi .sub-navi .navUl a {display:block; padding:10px 15px; color:#333; word-break: keep-all; font-size: 14px;}
.wrap-sub-navi .sub-navi .navUl a:hover {background:#f5f5f5;}

.wrap-contents{clear:both;}
.wrap-contents .container{max-width:1400px;margin:0 auto;}

/* 푸터 footer */
/*footer*/
.footer{margin-top: 60px;}
.footer .container{max-width:1400px;margin:0 auto;}
.footer .top-list{border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; padding: 10px 0 13px 0;}
.footer .top-list a{font-size: 18px; font-family: "Dream Regular"; color: #333333; line-height: 35px; letter-spacing: -.05em; display: inline-block; margin-right: 25px;}
.footer .top-list a strong{color:#5242e9;font-weight: 600;}
.footer .top-list a:last-child{padding-right:0 ;}
.footer .num-area > p{font-size: 20px;letter-spacing:-.05em ; color: #000000;}
.footer .num-area > p.number{font-size: 30px;}
.footer .num-area > p > strong{font-size: 20px;}
.footer .num-area .day > span{font-size: 16px;  line-height: 24px; letter-spacing:-.05em ; color: #666666;}
.footer .sec02-box strong{font-size: 16px;  line-height: 25px; letter-spacing:-.05em ; color: #000;}
.footer .sec02-box p{font-size: 16px; font-family: "Dream Regular"; line-height: 25px; letter-spacing:-.05em ; color: #333333;}
.footer .copy{margin-top: 20px;padding-bottom: 35px;}
.footer .copy p{font-size: 16px; font-family: "Dream Light"; line-height: 25px; letter-spacing:-.05em ; color: #666666;}
.footer .sec01-box{display: flex; flex-wrap: wrap;}
.footer .call-box{width: 50%;}
.footer .call-box .num-area{width: 50%;}
.footer .call-box::after{content: ''; display: block; clear: both;}
.footer .noti-box::after{content: ''; display: block; clear: both;}
.footer .ic-area{background: #fff; border-radius: 50%; width: 180px; height: 180px;}
.footer .call-box .ic-area{position: relative; float: left;}
.footer .call-box .ic-area::before{content: '';  background:url(../../images/common/call-icon.png) no-repeat center center / cover; width: 124px; height: 115px; position: absolute; top: 50%; margin-top:-57.5px; left: 50%; margin-left: -62px;}
.footer .call-box .num-area{float: right;width:calc(100% - 180px);}
.footer .num-area{ padding-left: 65px; margin-top: 25px;}
.footer .day{margin-top: 10px;}
.footer .noti-box .ic-area{float: left; position: relative;}
.footer .noti-box .ic-area::before{content: ''; background: url(../../images/common/notice-icon_03.png)  no-repeat center center / cover; width: 115px; height: 119px; position: absolute; top: 50%; left: 50%; margin-top: -57.5px; margin-left: -59.5px;}
.footer .noti-box .num-area{float: right; width: calc(100% - 180px);}
.footer .bg-area{background:#F6F6F6; padding: 50px 20px 65px 20px;}
.footer .container::after{content: ''; display: block; clear: both;}
.footer .left-area{float: left; width: 70%;}
.footer .left-area ul{}
.footer .left-area ul li{display:inline-block;color:#555}
.footer .left-area ul li strong{font-weight:500;color:#000}
.footer .left-area p{display: inline-block; padding-right: 10px;}
.footer .right-area{float: right; width: 30%; text-align: right;}
.footer .right-area .social-box a{display: block; width: 100%; height: 100%;}
.footer .right-area .social-box > ul > li{display: inline-block; margin-left: 5px;}
.footer .logo-box{display: inline-block; margin-top: 25px;}
.footer .logo-box span{font-family:'NH Medium';font-size:38px;color:#28a444;display: inline-block;padding-left: 10px;line-height:48px}
.footer .logo-box img{width:35px;}
.footer .sec02-box .container{padding-top: 40px; }

#_globalNavi #_globalUl li{float:none;display:inline-block;font-family:'Dream Regular';font-size:14px;letter-spacing:-.05em;color:#010101;}

@media all and (min-width: 1024px){
	.wrap-sub-navi .sub-navi .navUl{min-width:200px;}

} 

@media all and (min-width:1000px) {
  .wrap-header .head-navi .a_1 {display:block;font-size: 21px;color: #222;font-family:'Dream Medium';letter-spacing: -.05em;padding:14px 0;}
}

@media all and (max-width:1620px) {
  .wrap-header {}
}

@media all and (max-width:1400px) {
  .wrap-header .head-navi .top_div > ul{display:flex;justify-content:space-around;width:100%;}
  .wrap-header .head-navi .li_1{padding-left:0;}
  .wrap-header .inner-box{padding:0 20px;}
  .wrap-sub-navi{padding:0 20px;}  
}

@media all and (max-width:1200px) {
  .wrap-header .logo-box{width:25%;}  
  .wrap-header .search-in{width:30%;}
  .wrap-header .search-box{width:100%;margin-left:5%;}

  .footer .top-list{padding: 10px 0;}
  .footer .top-list a{font-size: 16px;}
  .footer .ic-area{width: 160px; height: 160px;}
  .footer .call-box .ic-area::before{width: 110px; height: 101px; margin-left: -55px; margin-top: -50.5px;}
  .footer .noti-box .ic-area::before{width: 100px; height: 104px; margin-left: -50px; margin-top: -52px;}
  .footer .num-area{padding-left: 25px;}
  .footer .call-box .num-area{width: calc(100% - 160px);}
  .footer .noti-box .num-area{width: calc(100% - 160px);}
  .footer .num-area > p{font-size: 18px;}
  .footer .num-area > p.number{font-size: 26px;}
  .footer .num-area .day > span{font-size: 14px;}
}

@media all and (max-width: 1023px) {
  .wrap-sub-navi{padding:0;}
  .wrap-sub-navi .sub-navi > ul > li{max-width:135px;}
  .wrap-sub-navi .sub-navi > ul > li span,
  .wrap-sub-navi .sub-navi .home a{font-size: 12px;}
  .wrap-sub-navi .sub-navi .home:before{width:18px;height:18px;background-size:contain;top: 33px;}
  .wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button{line-height: 50px;}
  .wrap-sub-navi .sub-navi > ul > li:after{top: 21px;}
  .wrap-sub-navi .sub-navi .home:before{width:18px;height:18px;background-size:15px;top: 14px;}  
  .wrap-sub-navi .container {padding:0 10px;height:50px;}
}  

@media all and (max-width:1024px){
  .footer .logo-box img {width:30px;}
  .footer .logo-box span {font-size:30px;padding-left:10px;line-height:1.4;}
 
  .footer .bg-area{padding: 30px;}
  .footer .sec01-box{flex-wrap: wrap;}
  .footer .call-box{width: 100%; margin-bottom: 20px;}
  .footer .noti-box{width: 100%;}
  .footer .sec02-box .container{padding-top: 20px;}
  .footer .left-area p{font-size: 14px;}
  .footer .sec02-box strong{font-size: 14px;}
  .footer .copy p{font-size: 13px;}

  .container, #multipleContentsDiv_type1_37 {padding:0 20px;} 
  .wrap-top {display: none;}
  .wrap-header .search-box{display:none;}
  .wrap-header{padding:20px 0 22px;border-bottom:1px solid #ccc;}
  .wrap-header .inner-box{padding:0;display: block;}
  .wrap-header .search-in{display:none;}
  .wrap-header .logo-box{width: auto;display: inline-block;vertical-align: middle;padding-left: 10px;} 
  .wrap-header .logo-box img {width:30px;}
  .wrap-header  .logo-box span {font-size:30px;padding-left:10px;line-height:1.4;}
  .wrap-header .tool-list{width: calc(100% - 240px);display: none;vertical-align: middle;}
  .wrap-header .tool-list > ul > li a{width: 30px;height: 30px;display:block;position: relative;padding: 0 !important;}
  .wrap-header .tool-list > ul > li a span{text-indent:-9999px;text-align:left;display: block;}
  .wrap-header .tool-list > ul >li:nth-child(2) a{width:25px;}
  .wrap-header .tool-list .num-box{top:0;position: absolute;right: -10px;}
  .wrap-header .tool-list .num-box > span{text-indent:1px;}
  .wrap-header .nav-box{display:block;height: 100%;}

  .head-m-top {display: block; background: #023894;}
  .head-m-top .gnb-top-sns {float: right; padding-right: 20px; margin-top: 7px;}

  .wrap-header .head-util {right: 12px;top: 24px;margin-top: 0;display: block;}
  .wrap-header .container > div .head-sitemap,
  .wrap-header .container > div .head-global,
  .wrap-header .container > div .head-uhs {display:none;}
  .wrap-header .container > div .btn-mgnb {float: left; display: block;}
  .wrap-header .btn-mgnb button {display: inline-block;text-indent: -9999px;width: 24px;height: 19px;background: url("../../images/common/m_menu_on.png") no-repeat center center;background-size: contain;}

  .wrap-header .container > div .btn-mgnb-close.on {display:block; position:absolute; right: 20px; top:25px;  width:19px; height:19px; background:url('../../images/common/ic-navi-close.png') no-repeat center center;}
  .wrap-header .container > div .btn-mgnb-close button {text-indent:-9999px; display:block; width:100%; height:100%;}
  .wrap-header .container > div .mobile-global.on {display:block; position:absolute; left:0px; top:40%;}
  .wrap-header .container > div .mobile-global a {display:block; text-align:left; font-size:14px; color:#a6acbd; padding:0 0 0 20px; margin:0 0 10px 0}

  .wrap-header .head-logo {margin-top: 0; z-index: 1000; width: auto;}
  .wrap-header .head-logo a {width: 142px; height: 32px; background: url("../../images/common/logo_m.png") no-repeat center; transition: background 0.5s;}
  .wrap-header.animated .head-logo a, .wrap-header.on .head-logo a {background: url("../../images/common/logo_m_on.png") no-repeat center;}

  .wrap-header .head-navi {position:fixed;top:0px;right:-100%;z-index:999;width:100%;height: 100%;padding: 0;padding-top: 20px;background: #fff;margin-top: 0;opacity: 0;transition: right 0.55s cubic-bezier(0.7, 0, 0.3, 1) , opacity 0.55s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-header .head-navi.on {right: 0; opacity: 1;}
  .head-navi .m-head-logo{}
 .head-navi .m-head-logo .logo-img a{display:block}  
 .head-navi .m-head-logo .logo-img a img{width: 30px;}
 .head-navi .m-head-logo .logo-img a span{font-family: 'NH Medium';font-size: 30px;color: #28a444;display: inline-block;padding-left: 10px;line-height: 1.4}
  
  .wrap-header .head-navi .menuUItop {position: relative;height: 100%;}
  .wrap-header .head-navi .menuUItop::before {content: ""; position: absolute; width: 34%; height: 100%; left: 0; top: 0; background: #133063;}
  .wrap-header .head-navi .logo-mobile {display: block; padding: 20px 0 0 20px; text-align: left;}
  .wrap-header .head-navi .div_1 {float: none;width: auto;height: auto;display: block;align-items: initial;}
  .wrap-header .container{padding:0;height: 100%;}
  .wrap-header .m-head-logo{display:block;width: 180px;padding-left: 20px;margin-bottom: 20px;}
  .wrap-header .head-navi .top_div > ul{display:block;justify-content: initial;}
  .wrap-header .category-all{display:none;}
  .wrap-header .head-navi .li_1 {position: static;display: block;width: 100%;padding:0px;margin-left: 0;}
  .wrap-header .head-navi .a_1 {display: block;line-height: 1.5;width: 34%;height: auto;padding: 12px 0 12px 15px;text-align: left;font-size: 16px;color: #fff;font-family:'Dream Medium',sans-serif;}
  .wrap-header .head-navi .a_1:after {display:none;}
  .wrap-header .head-navi .a_1:hover {color:#fff;}
  .wrap-header .head-navi .a_1.on span:after {display:none;}
  .wrap-header .head-navi .a_1.on span:before {display:none;}
  .wrap-header .head-navi .a_1.on {color:#ffc012;}
  .wrap-header .head-navi .ul_2 {border: 0; padding:0;}
  .wrap-header .head-navi .li_2 {display:block; border:0px; padding:0px;}
  .wrap-header .head-navi .li_2 .a_2:after {display:none;}
  .wrap-header .head-navi .a_2 {display: block; padding: 10px 15px 10px 20px; margin:0; font-size: 14px; color:#000000; font-family:'Dream Regular',sans-serif; transition: none;}
  .wrap-header .head-navi .a_2.plus {position: relative; background:url('../../images/common/arrow_a2.png') no-repeat 94% center}
  .wrap-header .head-navi .a_2.plus.on {background:#709EED; color:#fff;}
  .wrap-header .head-navi .a_2[target=_blank] span:before {top:6px;}
  .wrap-header .head-navi .a_2:hover span:after {display: none;}
  .wrap-header .head-navi .div_2 {width: 66% !important;right: 0;transform: none;left: unset;transition-property:none;}
  .wrap-header .head-navi .div_2.on {top:0px; max-height:none; height:100%; background:#fff; transition-property: none;}
  .wrap-header .head-navi .div_2 .container {padding: 0px;}
  .wrap-header .head-navi .ul_3 {padding:5px 0; border-bottom: 1px solid #DDDDDD;}
  .wrap-header .head-navi .li_3 {position:relative; margin: 0px;}
  .wrap-header .head-navi .a_3 {color:#666666; display:block; padding:6px 0 6px 20px; font-size:13px; font-family:'Dream Regular',sans-serif;}
  .wrap-header .head-navi .a_3[target=_blank] {position:relative;}
  .wrap-header .head-navi .a_3[target=_blank]:before {content:''; position:absolute; left:110%; top:10px; width:10px; height:10px; background:url('../../images/common/ico_blank.png') no-repeat center center;}
  .wrap-header .head-navi .a_3:hover {color:#2462cb;}
  .wrap-header .head-navi .a_3._active {color:#2462cb;}
  .wrap-header .head-navi .div_3 {display:block; overflow:hidden; max-height:0px; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); background: #F5F5F5;}
  .wrap-header .head-navi .div_3.on {max-height: 500px; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-header .head-navi .title {display:none;}
  .wrap-header .head-navi .close {display:none}
  .wrap-header .head-util .btn-share {display:none;}
  .black-bg {display:none; position:fixed; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:998;}
  .black-bg.on {display:block;}

  .wrap-header .head-navi .li_1:nth-last-child(4) .a_1, .wrap-header .head-navi .li_1:nth-last-child(5) .a_1, .wrap-header .head-navi .li_1:nth-last-child(6) .a_1{color:#c8bbff;}

  .btn-mgnb-close{display:block;position: absolute;right: 20px;top: 30px;text-indent: -9999px;width: 19px;height: 19px;background: url(../../images/common/ic-navi-close.png) no-repeat center;}
  #_globalNavi ul{padding-left: 20px;}
  #_globalNavi li{display:inline-block;}
  #_globalNavi a{display: block;color:#fff;font-size:13px;padding: 6px 0;}

  .wrap-header .ranking-list{display:none;}
  .wrap-header .menu-tool{display:inline-block;vertical-align:middle;}
  .wrap-header .menu-tool{	width: calc(100% - 365px);  }

  .wrap-header .menu-tool{width: calc(100% - 200px);display: inline-block;vertical-align: middle;position: absolute;right: 60px;top: 6px;}
  .wrap-header .menu-tool > ul > li{padding-left:5px;}
  .wrap-header .menu-tool > ul > li:nth-child(2) img{width:22px;}
  .wrap-header .menu-tool > ul > li:nth-child(3) img{width:22px;position:relative;top:-2px;}
  .wrap-header .menu-tool  ul  li a{width: 26px;height: 20px;display:block;position: relative;;}
  .wrap-header .menu-tool  ul  li a span{text-indent:-9999px;text-align:left;display: block;}
  .wrap-header .menu-tool .num-box{top:3px;position: absolute;right: -14px;width: 20px; height: 20px;}
  .wrap-header .menu-tool .num-box > span{margin-top: 3px;} 
 /*
  .wrap-header.animated ~ #contentsEditHtml{margin-top:73px}
  .wrap-header.animated ~ .wrap-sub-navi{margin-top:73px}*/
 
.wrap-sub-navi .sub-navi{padding:0}
  .wrap-sub-navi .sub-navi .navUl{top: 45px;min-width:120px}  
}

@media all and (max-width:860px) {
  .navi-wrap{display:none;}
  .wrap-header{padding:10px 0 10px;} 
  .wrap-header .head-util{top:18px;}   
  .wrap-header .logo-box span{;font-size:28px;color:#28a444;display: inline-block;padding-left: 10px;}  
   /*
  .wrap-header.animated ~ #contentsEditHtml{margin-top:60px}
  .wrap-header.animated ~ .wrap-sub-navi{margin-top:60px}  */
}

@media all and (max-width:768px) {
  .wrap-header .logo-box{width:auto;padding-left:15px;}  
  .wrap-header .logo-box img{width:19px;}
  .wrap-header .logo-box span{font-size:20px;padding-left:5px;line-height:1.3;}
  .wrap-header .head-util{top:11px;}
  .wrap-header .menu-tool{width: auto;position: absolute;right: 60px;top: 0;}
  .wrap-header .menu-tool > ul > li{padding-left:5px;}
  .wrap-header .menu-tool > ul > li img{width:30px;}
  .wrap-header .menu-tool > ul > li:nth-child(2) img{width:22px;}
  .wrap-header .menu-tool > ul > li:nth-child(3) img{width:22px;position:relative;top:-2px;}
  
   /*
  .wrap-header.animated ~ #contentsEditHtml{margin-top:47px}
  .wrap-header.animated ~ .wrap-sub-navi{margin-top:47px}   */
  
  .footer .left-area{float: none; width: 100%;}
  .footer .right-area{float: none; width: 100%; text-align: center; padding-top: 30px;}

  .footer .logo-box img{width:19px;}
  .footer .logo-box span{font-size:20px;padding-left:5px;line-height:1.3;}
  .footer .copy{margin-top: 0;}
  .footer .copy p{font-size: 12px; text-align: center;}   
}

@media all and (max-width: 767px) {
  .wrap-sub-navi .sub-navi .navUl{min-width:initial;width:120px;}
  .wrap-sub-navi .sub-navi > ul > li + li + li + li{display:none;}
}

@media all and (max-width:640px){
  .footer .bg-area{padding: 20px 0;}
  .footer .top-list a{font-size: 13px}

  .footer .noti-box .num-area{margin-top: 15px;padding-left: 0;width: 100%;}
  .footer .noti-box .ic-area{display:none}
  .footer .noti-box .ic-area::before{width: 50px;height: 54px;margin-left: -27px;margin-top: -28px;}
 
  .footer .num-area > p{font-size: 14px;}
  .footer .num-area > p.number{font-size: 23px;}
  .footer .num-area .day > span{font-size: 13px;}
 
  .footer .ic-area{width: 100px;height: 100px;font-size: 16px;margin: 0 auto;float: none;}
  
  .footer .call-box{margin-bottom:30px;}
  .footer .call-box .ic-area{display:none}
  .footer .call-box .num-area{margin-top: 15px;padding-left: 0;width: 100%;} 
  .footer .call-box .ic-area::before{width: 60px;height: 61px;margin-left: -30px;margin-top: -35.5px;}

  .footer .day{margin-top: 0;}
  
  .footer .left-area p{font-size: 12px;}
  .footer .sec02-box strong{font-size: 12px;}
  .footer .copy p{font-size: 12px;}  
}

@media all and (max-width:460px) {
  .head-m-top .gnb-top-sns {margin-top: 12px;}
  .footer .top-list a{font-size: 12px;line-height: 1; margin-right: 4px;} 
}

@media all and (max-width: 360px){
  .wrap-header .head-navi .a_1 {padding: 12px 10px; text-align: center;}
}

/*fnct*/
.sub ._objWidget{overflow:initial;width:100% !important;}