@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-contents{clear:both;}

.wrap-header {z-index:300;width: 100%;box-sizing: border-box;}
.wrap-header.animated{position: fixed;top:0;background: #fff;}
.wrap-header.animated ~ #contentsEditHtml{margin-top:197px}
.wrap-header.animated ~ .wrap-sub-navi{margin-top:197px}
.wrap-header .wrap-top {overflow: hidden;height: 40px;background: #9b0909;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: 340px;}
.logo-box span{font-family:'NH Medium';font-size:38px;color:#28a444;display: inline-block;padding-left: 10px;line-height:48px}
.logo-box img{width:35px;}
.wrap-header .search-in{ width: 37%;}
.wrap-header .search-box{width: 520px; height: 55px; background: #F0F2F4; border-radius: 20px; padding: 0 25px 0 30px; position: relative; display: table;}
.wrap-header .search-box > form{display: table-cell; vertical-align: middle; width: 100%;}
.wrap-header .search-box > button{width: 25px; 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::before{content: ''; background: url(../../images/common/input-shape.jpg) no-repeat right center; width: 21px; height: 19px; position: absolute; left: 36%; top: 50%; margin-top: -10.5px;}**/
.wrap-header .fieldset > span > input{background: transparent;padding: 0;outline: 0;width: 100%;height: 100%;border:0;font-family: 'Dream Regular';font-size: 16px;}
.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 .tool-list{ width: 540px; text-align: right;}
.wrap-header .tool-list > ul >li{display: inline-block;vertical-align: middle;}
.wrap-header .tool-list > ul > li a{padding: 0 20px 0 35px;}
.wrap-header .tool-list > ul >li:first-child a{background:url(../../images/common/order-ic.png) no-repeat left center;}
.wrap-header .tool-list > ul >li:nth-child(2) a{background:url(../../images/common/inter-ic.png) no-repeat left center; padding-left: 30px;}
.wrap-header .tool-list > ul >li:last-child a{padding-right: 0; background: url(../../images/common/bascket-ic.png) no-repeat left center;}
.wrap-header .tool-list span{font-family: "Dream Regular"; font-size: 14px; letter-spacing: -.05em; color: #222222;}
.wrap-header .tool-list .num-box{width: 22px; height: 22px; border-radius: 50%; background: #D4372B; display: inline-block;text-align: center;}
.wrap-header .tool-list .num-box > span{font-size: 10px; font-family: "Dream Bold"; color: #fff; display: inline-block; vertical-align: top; margin-top: 5px; }
.wrap-header .category-all{width: 260px; height: 60px; padding: 0 35px 0 25px; background: linear-gradient(to right,#d21919,#940909); float: left;position:relative;}
.wrap-header .category-all > button{font-size: 15px; font-family: "Dream Medium"; letter-spacing: -.05em; height: 100%; width: 100%; color: #fff; position: relative; text-align: left;}
.wrap-header .category-all > button::before{content: ''; background: url(../../images/common/menu-ic.png) no-repeat center center; width: 19px; height: 17px; position: absolute; right: 0; top:21px;}
.wrap-header .category-list{position:absolute;left:0;top:60px;z-index:99;background:#9b0909;padding:15px 25px;width:100%;display:none;}
.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:#ffffff;position:absolute;left:0;top:10px;}
.wrap-header .category-list > ul > li > ul > li > a{font-size:13px;color:#bddac4;}

.wrap-header .head-navi {position: relative;margin-top: 20px;border-top: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA;}
.wrap-header .head-navi .top_div{float: right; width: calc(100% - 320px); height: 60px; display: flex; align-items: center;margin-right:60px}
.wrap-header .head-navi .li_1 {position:relative;display:inline-block;margin-left: 80px;}
.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(83, 59, 37);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-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: #fff;margin: 0 auto;}
.wrap-sub-navi .container {position:relative;max-width: 1400px;margin: 0 auto;height:80px;}
.wrap-sub-navi .sub-navi {}
.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: 40px;right: -20px;transform: rotate( 90deg );}
.wrap-sub-navi .sub-navi .home:before{content: '';background: url(../../images/common/home-ic.png) no-repeat left center;width: 23px;height: 23px;position: absolute;top: 30px;left: 0;background-size:16px;}
.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:#666666; font-size:15px; line-height:85px; 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;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {color:#0146b9;}
.wrap-sub-navi .sub-navi .home {position: relative;background-image:none;padding:0px;min-width:auto;}
.wrap-sub-navi .sub-navi .home a {padding-left: 28px;}

.wrap-sub-navi .sub-navi .navUl {overflow:hidden;max-height:0px;opacity:0;position:absolute;left: 0px;top:80%;border:1px solid #fff;width: 100%;min-width: 200px;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 .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: 14px;  color: #333333; line-height: 35px; letter-spacing: -.05em; display: inline-block; margin-right: 25px;}
.footer .top-list a:last-child{padding-right:0 ;}
.footer .top-list a strong{color:#473bff;font-family:'Dream Bold';}
.footer .num-area > p{color: #000; font-size:14px;}
.footer .num-area > p.number{font-size: 30px; }

.footer .sec02-box strong{font-size: 14px; font-family: "Dream Medium"; line-height: 25px;color: #000;}
.footer .sec02-box p{font-size: 14px; font-family: "Dream Regular"; line-height: 25px;  color: #333333;}
.footer .copy{margin-top: 20px; padding-bottom: 35px;}
.footer .copy p{font-size: 14px;  color: #666666;}
.footer .day{font-size: 14px;}
.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: 35px; margin-top: 25px;}
.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 li{display: inline-block;}
.footer .left-area ul li 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; }
.footer .sec02-box .container{padding-top: 40px; }

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

.head-sitemap{position: absolute; top: 0; right: 0;width:60px;height:60px;border-left:1px solid rgba(255,255,255,0.4);}
.head-sitemap a{background: url(../../images/common/m_menu_on.png) no-repeat center;width:100%;height:100%;text-indent:-9999px;display:block;}


@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;margin-left: 0;}
.wrap-header .inner-box{padding:0 20px;}

.wrap-sub-navi{padding:0 20px;}
.wrap-header .head-navi .div_2{/* min-width: 240px; *//* padding-left: 50px; */}  
.wrap-header .head-navi .top_div{width: calc(100% - 320px)}
}



@media all and (max-width:1200px){
	.wrap-header .search-in{width:30%;}
	.wrap-header .search-box{width:100%;margin-left:5%;}
	.footer .top-list{padding: 10px;}
	.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.number{font-size: 26px;color:#000;}
}

@media all and (max-width:1024px){
	.wrap-header .head-navi .div_2{padding-left: 0}
	.wrap-header.animated ~ #contentsEditHtml{margin-top:68px}
	.wrap-header.animated ~ .wrap-sub-navi{margin-top:68px}
	.wrap-top {display: none;}
	.wrap-header .search-box{display:none;}
	.wrap-header{padding:15px 0 10px;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 .head-util{top:23px;}
	.logo-box img {width:30px;}
	.logo-box span {font-size:30px;padding-left:10px;line-height:1.4;}
	.wrap-header .tool-list{width: calc(100% - 200px);display: inline-block;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:first-child a{background:url(../../images/common/order-ic-m.png) no-repeat left center; background-size:20px;width:25px;}
	.wrap-header .tool-list > ul >li:last-child a{background: url(../../images/common/bascket-ic-m.png) no-repeat left center;background-size:20px;width:30px;}
	.wrap-header .tool-list .num-box{top:0;position: absolute;right: -10px;}
	.wrap-header .tool-list .num-box > span{text-indent:1px;}
	.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: 7px;top:25px;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 .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;}
	.wrap-header .head-navi .m-head-logo{}
	.wrap-header .head-navi .m-head-logo .logo-img a{display:block}  
	.wrap-header .head-navi .m-head-logo .logo-img a img{width: 30px;}
	.wrap-header .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._active {color: #0060ff;}
	.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;}
 	.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.animated .btn-mgnb button {background: url("../../images/common/m_menu_on.png") no-repeat center center;}*/
 	 .wrap-header .head-navi .container .head-sitemap{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;}

	.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 ul li{display:inline-block;}
	#_globalNavi ul li a{display: block;color:#fff;font-size:13px;padding: 6px 0;}


	#multipleContentsDiv_type1_37 {padding:0 20px;}
	.wrap-sub-navi .container {padding:0 10px;height:50px;}
	.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: 20px 10px 0 10px;}
	.wrap-sub-navi .sub-navi .navUl{min-width:200px;}
	.wrap-sub-navi{padding:0;}
	.wrap-sub-navi .sub-navi > ul > li{max-width:135px;}
	.wrap-sub-navi .sub-navi > ul > li:after {top:21px;}
	.wrap-sub-navi .sub-navi > ul > li span,
	.wrap-sub-navi .sub-navi .home a{font-size:12px;}
	.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 .home:before{width:18px;height:18px;background-size:15px;top: 14px;}  

}

@media all and (max-width:1024px){
	.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;}
}

@media all and (min-width:1000px) {
	.wrap-header .head-navi .a_1 {display:block;height: 61px;font-size: 18px;line-height: 60px;color: #222;transition: padding 0.3s;font-family:'Dream Medium';}
}

@media all and (max-width:860px) {
	.wrap-sub-navi .sub-navi > ul > li:after {top:22px;}
	.wrap-header{padding:10px 0 10px;}
	.wrap-header .head-util{top:18px;}
	.logo-box span{;font-size:28px;color:#28a444;display: inline-block;padding-left: 10px;}
	.navi-wrap{display:none;}
  
}

	@media all and (max-width:768px){

	 .wrap-header.animated ~ #contentsEditHtml{margin-top:48px}
	.wrap-header.animated ~ .wrap-sub-navi{margin-top:48px}
		
	.wrap-header{padding: 13px 0 13px;border-bottom:1px solid #ccc;}
	.wrap-header .btn-mgnb button {}
	.wrap-header .tool-list{width: auto;position: absolute;right: 54px;top: -2px;}
	.wrap-header .tool-list ul li + li{margin-left:10px}		
	.wrap-header .tool-list .num-box{width: 14px;height: 14px;right: -6px;}
	.wrap-header .tool-list .num-box > span{font-size: 9px;  }  
	.wrap-header .tool-list .num-box > span{margin-top: 0px;}
	 .wrap-header .tool-list > ul >li:first-child a{background-size: contain;width: 28px;}		
	 .wrap-header .tool-list > ul >li:last-child a{background-size: contain;width: 28px;}		
    .wrap-header .head-util{top: 16px;right: 12px;}
	  
	.wrap-header .container .inner-box .logo-box img{width: 18px;}
	.wrap-header .container .inner-box .logo-box a img {max-width:50%;}	
	.wrap-header .container .inner-box .logo-box  a span{font-size: 20px;padding-left:5px;line-height: 1.2;}
		
	.wrap-sub-navi .sub-navi .navUl{min-width:initial;width:120px;}
	.wrap-sub-navi .sub-navi > ul > li + li + li + li{display:none;}
		
	.footer .left-area{float: none; width: 100%;line-height:1.3;1.31}
	.footer .right-area{float: none; width: 100%; text-align: center; padding-top: 20px;}
	.footer .copy p{font-size: 12px; text-align: center; }
	.footer .copy {margin-top:0 }
	.footer .sec02-box strong{line-height:1.3;}	
}

	@media all and (max-width:600px){
	.footer .bg-area{padding: 20px 0;}
	.footer .top-list a{font-size: 12px;margin-right:8px;line-height:1.2;}
	.footer .noti-box .num-area{margin-top: 15px;width: 100%;padding-left:10px;}
	.footer .call-box .num-area{margin-top: 0px;width: 100%;padding-left:10px;}
	.footer .num-area > p{font-size: 12px;}
	.footer .num-area > p.number{font-size: 23px;}
	.footer .ic-area{width: 100px;height: 100px;font-size: 16px;margin: 0 auto;float: none;}
	.footer .call-box{margin-bottom:10px;}
	.footer .call-box .ic-area{display:none;}
	.footer .noti-box .ic-area{display:none;}
	.footer .day{margin-top: 0;}
	.footer .num-area .day > span{font-size: 12px;}
	.footer .call-box .ic-area::before{width: 60px;height: 61px;margin-left: -30px;margin-top: -35.5px;}
	.footer .noti-box .ic-area::before{width: 50px;height: 54px;margin-left: -27px;margin-top: -28px;}
	.left-area > ul {padding-left:10px;}
	.footer .left-area p{font-size: 12px;}
	.footer .sec02-box strong{font-size: 12px;}
}


@media all and (max-width:460px) {
	.head-m-top .gnb-top-sns {margin-top: 12px;}
}

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