body.overflow{overflow: hidden;}
#wrapper {padding-top: 180px;transition:all .3s ease-in-out;}

#header {position: absolute;left: 0;top: 0;width: 100%;z-index: 800;background: #fff;transition:height .3s ease-in-out;}

.header-container{position: relative;}
.header-top{display: flex; align-items: center; justify-content:space-between;height: 104px;align-items:center;width: 1200px;margin: 0 auto; gap: 20px;}
#header h2{transition:all .3s ease-in-out;}
#header h2 a{width: 239px;height: 70px;transition:all ease-in-out .3s;background: url(/theme/new/img/engsite_bt.jpg) 0 11px no-repeat;display:block;text-indent:-9999px; padding: 0px 20px} 
#header h2 a:hover {background: url(/theme/new/img/engsite_btov.jpg) 0 11px no-repeat;}

#header h1{transition:all .3s ease-in-out;}
#header h1 a{width: 300px;height: 70px;transition:all ease-in-out .3s;background: url(/n_images/logo.jpg) 0 center no-repeat;display: block;text-indent:-9999px;}
.header-search-form{width: 500px;height: 50px;display: flex; border-bottom: 2px solid #181818;margin-bottom: 15px; margin-left:200px}
.header-search-form .header-search-input{border: none;flex-grow:1;padding-left: 10px;}
.header-search-form .header-search-submit{width: 30px;background: url(/n_images/search.jpg) right center no-repeat;height: 100%;text-indent:-9999px;}

#wrapper .header-gnb-wrap{transition:box-shadowease-out .3s;}

.header-gnb-box{height: 76px;display: flex;justify-content:space-between;align-items:center;width: 1200px;margin: 0 auto;}
.all-category-btn{font-size: 18px;display: block;color:#777;line-height: 24px;padding-left: 35px;background: url(/n_images/allmenu.jpg) 0 center no-repeat;}
#gnb{z-index: 999;transition-property : height; transition-duration : .3s; transition-timing-function : ease-in-out; }
#gnb ul{float: left;zoom:1;transition-property : height; transition-duration : .3s; transition-timing-function : ease-in-out; }
#gnb ul:after{content:""; display:block; clear:both;}
#gnb ul li{float: left;position:relative;}
#gnb>ul>li>a{display: flex;align-items:center;justify-content:center;font-size: 20px;font-weight: 500;padding: 0 30px;line-height:1em;height: 76px;transition:all ease-in-out .3s;}
#gnb>ul>li.hover>a{color:#cc0000;}

#gnb ul ul{position:absolute;padding:0;z-index: 99;height:auto;left:50%;width: 130px;top:76px;padding:20px 0px;display: none;}
#gnb li li{height:auto;float:none;}
#gnb li li a, #gnb li.gnb-active li a, #gnb li.hover li a{display:inline-block;color:#fff;font-size:16px;width:auto;transition:all .2s ease-in-out;padding:0;position:relative;padding-left:13px;font-weight:400;line-height:1.3em;padding:8px 3px 8px 3px; text-align:left;height: auto;color:#333;}
#gnb li li a:after{display: block;position: absolute;left:0;bottom:5px;content:"";width: 0;height: 1px;background: #c00;transition:all ease-in-out .2s;opacity:.5;z-index: -1;}
#gnb li li a:hover, #gnb li li.gnb-active2 a{font-weight: 500;color:#c00}
#gnb li li a:hover:after, #gnb li li.gnb-active2 a:after{width: 100%;opacity:1}

#gnb ul ul#gnb-sub-introduce{width: 130px;transform:translateX(-50px);}
#gnb ul ul#gnb-sub-info{width: 148px;transform:translateX(-70px);}
#gnb ul ul#gnb-sub-sisofair{width: 150px;transform:translateX(-65px);}
#gnb ul ul#gnb-sub-mungu{width: 130px;transform:translateX(-50%);}
#gnb ul ul#gnb-sub-reference{width: 146px;transform:translateX(-60px);}
#gnb ul ul#gnb-sub-news{width: 130px;transform:translateX(-40px);}

.gnb-layer{position: absolute;left:0;top:180px;width: 100%;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;height: 335px;background: #fff;z-index: 10;background: #fff ;display: none;}



#wrapper.nav-fixed .header-gnb-wrap{position: fixed;left:0;top:0;width: 100%;background: #fff;box-shadow:0 5px 13px rgba(0, 0, 0, .3);z-index: 5000;}
#wrapper.nav-fixed .header-gnb-box{}
#wrapper.nav-fixed .gnb-layer{top:76px}




#header.nav-fixed{box-shadow:0px 4px 5px 0px rgba(0, 0, 0, .2);}


.header-right{display: flex;align-items:center;display: none;}
#search-btn{height: 100%;background: url(/images/common/zoom_over.png) center center no-repeat;width: 40px;height: 40px;display: block;}
#mobile-btn{width: 50px;height: 100%;display: flex;align-items:center; justify-content:center;cursor:pointer;overflow: hidden;z-index: 300;display: flex;position: relative;height: 40px;}
#mobile-btn span{position: absolute;width: 35px;height: 3px;background: #000;border-radius:4px;transition:0.5s;right:5px;}
#mobile-btn span:nth-child(1){transform:translateY(-10px);width: 22px;right:5px;}
#mobile-btn span:nth-child(2){transform:translateY(10px);width: 13px;right:5px;}

#mobile-btn.active span:nth-child(1){width: 50px;transform:translateX(5px) translateY(0px) rotate(45deg);transition-delay:0.125s;background: #fff;}
#mobile-btn.active span:nth-child(2){width: 50px;transform:translateX(5px) translateY(0px) rotate(315deg);transition-delay:0.20s;background: #fff;}
#mobile-btn.active span:nth-child(3){transform:translateX(60px);background: #fff;}


.footer-box{background: #333333;padding-bottom: 40px;position: relative;}
#footer{width: 1200px; margin: 0 auto;position: relative;}
.footer-box1{border-bottom: 1px solid #414242;position: relative;padding-top: 40px;padding-bottom: 30px;}
.footer-box1>a{color:#ccc;font-size: 14px;margin-right: 30px;}
.footer-box .family-site{position: absolute;right:0;top:30px;width: 300px;text-align: right;}
.footer-box2{color:#ccc;line-height: 2em;margin-top: 20px;font-size: 14px;}
.footer-box2 strong{color:#ccc;font-weight: normal;}

/* SELECT BOX */
#family-site.select-box{border:1px solid #414242;}
#family-site.select-box a{background:#333 url(/n_images/ico_arrow_open.gif) right center no-repeat;color:#ccc;}
#family-site.select-box ul{border:1px solid #414242;background:#333;	
scrollbar-face-color: #eaeaea;scrollbar-track-color: #f7f7f7;scrollbar-3dlight-color: #e2e2e2;scrollbar-arrow-color: #8c8c8c;scrollbar-shadow-color: #eaeaea;scrollbar-highlight-color: #eaeaea;scrollbar-darkshadow-color: #e2e2e2;}

#family-site.select-box.select-active a{color:#ccc; background:#333 url(/n_images/ico_arrow_close.gif) right center no-repeat;}
#family-site.select-box.select-active a i{color:#ccc}
#family-site.select-box.select-active ul a{color:#ccc;background:none;}
#family-site.select-box.select-active ul a.hover{background:#8DA5C2;color:#fff}
#family-site.select-box.select-active ul a.active{background:#4B7AB2;color:#fff}


.header-search-wrap{position: fixed;left:0;top:0;height: 100%;background:rgba(26,97,177,0.98);width: 100%;top:-100%;transition:all ease-in-out .2s;z-index: 1050;padding-top: 200px;top:0;display: none;}
.header-search-wrap.active{}
.header-search-title-box{font-size: 50px;color:#fff;text-align: center;}
.header-search-title-box span{display: block;opacity:.5;font-size: 18px;}

.header-search-input-wrap{max-width:60%;margin: 0 auto;margin-top: 80px;position: relative;border-bottom: 2px solid #fff;}
.header-search-input-wrap .header-search-input{width: calc(100% - 50px);height: 50px;border: none;background: none;color:#fff;font-size: 24px;padding-left: 10px;}
.header-search-input-wrap input[type=image]{position: absolute;right:15px;bottom:15px;}

.header-search-input-wrap .header-search-input::-webkit-input-placeholder{color: #fff;opacity:.6;font-weight: 300;}
.header-search-input-wrap .header-search-input:-ms-input-placeholder{color: #fff;opacity:.6;font-weight: 300;}
.header-search-input-wrap .header-search-input::placeholder{color: #fff;opacity:.6;font-weight: 300;}

.header-pop-search-submit{position: absolute;right:35px;bottom:30px;}
.header-search-close{position: absolute;right:50px;top:50px;width: 29px;height: 29px;background: url(/images/common/search_close.png) 0 0 no-repeat;}


#mobile-menu-wrap{position:fixed;right:0;top:0;width:230px;height:100%;z-index:9999;background:#fff;right:-230px;overflow:hidden;overflow-y:auto;}
#mobile-menu-wrap.active{box-shadow:0 10px 30px rgba(0, 0, 0, .6);}
.mobile-menu-bg{position:fixed;content:"";display:block;width:100%;height:100%;background:rgba(0, 0, 0, .7);z-index:9998;left:0;top:0;cursor:pointer;display:none;}
.mobile-menu-header{height: 65px;border-bottom: 1px solid #dbdbdb;padding-right: 30px;}
.mobile-menu-logo{height:65px;display:block;background: url(/images/common/logo.png) 8px center no-repeat;text-indent:-9999px;}

.mobile-menu-content ul{}
.mobile-menu-content>ul>li{border-bottom:1px solid #dbdbdb;background:url(/images/common/depth.jpg) no-repeat right 18px center, #fff !important;}

.mobile-menu-content ul li a{display:block;height:48px;line-height:48px;padding-left:15px;font-size:18px;font-weight:500;}
.mobile-menu-content ul ul{background:#fff;padding:10px 0;display:none;}
.mobile-menu-content ul li li{background:none !important;}
.mobile-menu-content ul li li a{display:block;height:30px;line-height:30px;padding-left:20px;font-size:16px;font-weight:400;position:relative;color:#1d7fc0}
.mobile-menu-content ul li li a span{position: relative;}
.mobile-menu-content ul li li a span:after{display: block;position: absolute;left:0;bottom:0;content:"";width: 0;height: 1px;background: #1d7fc0;transition:all ease-in-out .2s;opacity:.5;}
.mobile-menu-content ul li li a:hover  span:after, .mobile-menu-content ul li li.gnb-mobile-active2 a span:after{width: 100%;opacity: 1;}

.mobile-menu-btn{text-indent:-9999px;background: url(/images/common/allmenu_close.jpg) 0 0 no-repeat;background-size: 100% 100%;width: 20px;height: 20px;position: absolute;right:10px;top:20px;margin-right: 0 !important;}

.mobile-menu-content ul li.gnb-mobile-active>a{border-color:#1d7fc0;background:url(/images/common/depth_over.jpg) no-repeat right 18px center, #1d7fc0 !important;color:#fff;}
.mobile-menu-content ul li li.gnb-mobile-active2 a, .mobile-menu-content ul li li a:hover{font-weight: 500;}

/* main */
#main-container{}
.main-title-box{font-size: 38px;margin-bottom: 40px;}
.main-title-box>em{font-size: 18px;color:#999999;display: block;font-style: normal;}
.main-title-box p{display: inline-block;position: relative;line-height: 1em;}
.main-title-box p:after{width: 100%;height: 50%;position: absolute;left:0;bottom:0;content:"";background: #99ccff;}
.main-title-box strong, .main-title-box a{font-weight: 700;display: inline-block;position: relative;z-index: 1;}
.main-title-box span{display: inline-block;position: relative;z-index: 1;}
.main-visual-wrap{height: 450px;background: #eee;overflow: hidden;position: relative;}
	.main-visual-wrap:before{content:"";position: absolute;right:50%;margin-right: calc( 1069px / 2);z-index: 100;width: 50%;height: 100%;background: rgba(0, 0, 0, .5);top:0;}
	.main-visual-wrap:after{content:"";position: absolute;left:50%;margin-left: calc( 1069px / 2);z-index: 100;width: 50%;height: 100%;background: rgba(0, 0, 0, .5);top:0;}
	.main-visual-slide{width: 1069px;margin: 0 auto;position: relative;}
	.main-visual-slide .swiper-slide a{display: block;width: 1069px;height: 450px;background-size: cover !important;background-position: center center !important;}
	.main-visual-prev{width: 53px;height: 104px;background: url(/n_images/visual_prev.png) center center no-repeat;position: absolute;left:-120px;top:50%;transform:translateY(-50%);z-index: 102;}
	.main-visual-next{width: 53px;height: 104px;background: url(/n_images/visual_next.png) center center no-repeat;position: absolute;right:-120px;top:50%;transform:translateY(-50%);z-index: 102;}
.main-visual-bottom{height: 70px;}
	.main-visual-bottom .main-visual-pagination{display: flex;align-items:center;justify-content:center;height: 100%;}
	.main-visual-bottom .main-visual-pagination .swiper-pagination-bullet{display: block;width: auto;height: auto;background: none;padding: 0 10px;opacity: .4;transition:all ease-out .3s;}
	.main-visual-bottom .main-visual-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;color:#c00;font-weight: 500;}
.main-promotion-wrap{background: #f8f8f8;padding: 120px 0;overflow: hidden;position: relative;}
	.main-promotion-wrap:after{content:"";position: absolute;width: 50%;right:50%;margin-right: 290px;top:0;height: 100%;background: #f8f8f8;z-index: 1;}
	.main-promotion-container{width: 1200px;margin: 0 auto;display: flex;}
	.main-promotion-container .main-title-box p:after{background: #ffff00;}
	.main-promotion-container .main-title-box{margin-bottom: 150px;padding-bottom: 35px;border-bottom: 2px solid #181818;}
	.main-promotion-manage{display: flex;align-items:flex-end;}
	.main-promotion-prev{display: inline-block;width: 15px;height: 15px;background: url(/n_images/promotion_prev.jpg) center center no-repeat;margin-bottom: 2px;}
	.main-promotion-next{display: inline-block;width: 15px;height: 15px;background: url(/n_images/promotion_next.jpg) center center no-repeat;margin-bottom: 2px;}
	.main-promotion-pagination{width: auto !important;padding: 0 10px;font-family: 'Montserrat', sans-serif;line-height: 1em;color:#999;font-size: 16px;}
	.main-promotion-pagination .swiper-pagination-current{font-size: 30px;font-weight: 500;color:#181818;margin-right: 10px;min-width:20px;display: inline-block;text-align: center;}
	.main-promotion-pagination .swiper-pagination-total{margin-left: 10px;}
	.main-promotion-container .main-promotion-left{flex:0 0 310px;position: relative;z-index: 2;}
	.main-promotion-container .main-promotion-right{flex:0 0 890px;max-width: 890px;}

	.main-promotion-slide .swiper-slide{width: 270px;margin-right: 40px;}
	.main-promotion-slide .swiper-slide .main-promotion-img{display: block;height: 0;padding-top: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
	.main-promotion-slide .swiper-slide .main-promotion-text{background: #fff;display: block;padding: 25px 10px;}
	.main-promotion-slide .swiper-slide .main-promotion-text strong{display: block;font-size: 16px;font-weight: 500;text-align: center;}
	.main-promotion-slide .swiper-slide .main-promotion-text em{display: block;margin-top: 5px;font-size: 14px;font-weight: 300;color:#999;font-style: normal;text-align: center;}
.main-latest-wrap{padding: 80px 0;width: 1200px;margin: 0 auto;display: flex;justify-content:space-between;flex-wrap:wrap;}
	.main-notice-box{width: 600px;}

	.main-notice-box .main-title-box p{display: block;margin-top: 10px;}
	.main-notice-box .main-title-box p:after{display: none;}
	.main-notice-box .main-title-box a{display: block;position: relative;}
	.main-notice-box .main-title-box a:after{content:"more";position: absolute;right:0;bottom:0;font-size: 18px;color:#999;}
	.main-notice-box .main-title-box a span{display: inline-block;position: relative;line-height: 1em;}
	.main-notice-box .main-title-box a span:after{width: 100%;height: 50%;position: absolute;left:0;bottom:0;content:"";background: #99ccff;z-index: -1;}

	.main-product-header .main-title-box p{display: block;margin-top: 10px;}
	.main-product-header .main-title-box p:after{display: none;}
	.main-product-header .main-title-box a{display: block;position: relative;}
	.main-product-header .main-title-box a:after{content:"more";position: absolute;right:0;bottom:0;font-size: 18px;color:#999;}
	.main-product-header .main-title-box a span{display: inline-block;position: relative;line-height: 1em;}
	.main-product-header .main-title-box a span:after{width: 100%;height: 50%;position: absolute;left:0;bottom:0;content:"";background: #99ccff;z-index: -1;}	

	.main-news-container .main-title-box p{display: block;margin-top: 10px;}
	.main-news-container .main-title-box p:after{display: none;}
	.main-news-container .main-title-box a{display: block;position: relative;}
	.main-news-container .main-title-box a:after{content:"more";position: absolute;right:0;bottom:0;font-size: 18px;color:#999;}
	.main-news-container .main-title-box a span{display: inline-block;position: relative;line-height: 1em;}
	.main-news-container .main-title-box a span:after{width: 100%;height: 50%;position: absolute;left:0;bottom:0;content:"";background: #d590e3;z-index: -1;}	

	

	.main-notice-list li{border: 1px solid #e4e4e4;margin-bottom: 10px;}
	.main-notice-list li:last-child{margin-bottom: 0;}
	.main-notice-list li a{display: block;padding: 16px 20px;padding-right: 120px;position: relative;}
	.main-notice-list li a strong{font-size: 18px;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;color: #000;font-weight: 500;}
	.main-notice-list li a span.main-notice-content{font-size: 16px;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;color: #999;font-weight: 300;}
	.main-notice-list li a span.main-notice-date{font-family: 'Montserrat', sans-serif;position: absolute;right:0;top:0;width: 120px;height: 100%;display: flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;font-size: 16px;}
	.main-notice-list li a span.main-notice-date b{display: block;width: 100%;text-align: center;font-size: 28px;}

	.main-new-product{width: 530px;}
	.main-new-product .main-title-box{}
	.main-new-product .main-title-box p:after{background: #66ffff;}
    .main-new-product .main-new-product-list_pic{background-color:#00b7e3;}
    .main-new-product .main-new-product-list_pic img{height: 340px; text-align: center;}
	/*.main-new-product .main-new-product-list_pic{ border: 1px solid #e4e4e4; background-color:#fbfbfb; height: 341px; margin-top:122px;
                                                  background: url("/images/main/group_bg01.png") right bottom no-repeat #fbfbfb;}*/
	.main-new-product .main-new-product-list_pic h3{ padding: 40px 0px 10px 30px; font-size: 24px; font-weight: 600; color: #000; }
	.main-new-product .main-new-product-list_pic li{padding: 0px 0px 0px 30px; font-size: 16px; font-weight: 300; color: #666; line-height: 140%; padding-bottom: 5px;}

	.main-new-product-list{position: relative;}
	.main-new-product-slide{overflow: hidden;}
	.main-new-product-slide .swiper-slide{width: 50%;}
	.main-new-product-slide .swiper-slide span{display: block;height: 0;padding-top: 108%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
	.main-new-product-slide .swiper-slide strong{display: block;margin-top: 20px;font-size: 18px;font-weight: 500;}

	.main-new-product-prev{position: absolute;background: url(/n_images/new_prev.png) center center no-repeat;width: 35px;height: 35px;left:-17px;top:50%;z-index: 5;border-radius:50%;box-shadow:3px 3px 8px rgba(0, 0, 0, .3);transform:translateY(-25px);}
	.main-new-product-next{position: absolute;background: url(/n_images/new_next.png) center center no-repeat;width: 35px;height: 35px;right:-17px;top:50%;z-index: 5;border-radius:50%;box-shadow:3px 3px 8px rgba(0, 0, 0, .3);transform:translateY(-25px);}

.main-product-wrap{background: #fbfbfb;padding: 90px 0;overflow: hidden;}
	.main-product-container{width: 1200px;margin: 0 auto;}
	.main-product-header{margin-bottom: 60px;}
	.main-product-header .main-title-box{margin-bottom: 0;}
	.main-product-select.select-box{border-color: #fff;}
	.main-product-select.select-box>a{background: #fff;}
	.main-product-select.select-box>a:after{content:"";background: url(/n_images/search_more.jpg) center center no-repeat;width: 17px;height: 17px;position:absolute; right:8px; top:50%; transform:translateY(-50%);transition:all ease-out .3s}
	.main-product-select.select-box.select-active>a:after{transform:translateY(-50%) rotate(180deg);}
	.main-product-select.select-box ul{border-color: transparent;}
	.main-product-select.select-box ul a{height: 40px !important;line-height: 40px !important;}
	.main-product-search input[type=text]{height: 55px;padding-left: 10px;background: #fff;border: none;vertical-align: middle;margin: 0 5px;width: 250px;}
	.main-product-search input[type=submit]{height: 55px;padding: 0 20px;background: #333333;color:#fff;border: none;vertical-align: middle;}

	.main-product-list{position: relative;}
	.main-product-slide{}
	.main-product-slide .swiper-slide{width: 50%;}
	.main-product-slide .swiper-slide span{display: block;height: 0;padding-top: 72.072%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
	.main-product-slide .swiper-slide strong{display: block;margin-top: 20px;font-size: 18px;font-weight: 500;}
	.main-product-slide .swiper-slide em{display: block;margin-top: 5px;font-size: 16px;font-weight: 300;color:#999;font-style: normal;}

.main-sisofair-wrap{padding: 90px 0 140px;width: 1200px;margin: 0 auto;}
	.main-sisofair-wrap .main-title-box{position: relative;}
	.main-sisofair-wrap .main-title-box:after{content:"";position: absolute;height: 1px;width: 100%;left:0;bottom:8px;background: #333;z-index: 1;}
	.main-sisofair-wrap .main-title-box p{margin-top: 15px;line-height: 1em;}
	.main-sisofair-wrap .main-title-box p:after{background: #00ffa1;z-index: 2;}
	.main-sisofair-wrap .main-title-box strong{color:#333;font-size: 44px;z-index: 3;}
	.main-sisofair-wrap .main-title-box em{color:#333;font-size: 18px;}

	.main-sisofair-list{display: flex;justify-content:space-between;}
	.main-sisofair-list li{width: 50%;}
	.main-sisofair-list li:nth-child(2n+1){padding-right: 30px;}
	.main-sisofair-list li:nth-child(2n){padding-left: 30px;}
	.main-sisofair-list .main-sisofair-box{position: relative;border: 1px solid #dfdfdf;height: 100%;}
	.main-sisofair-list .main-sisofair-img{position: relative;display: block;height: 0;padding-top: 63.1578%;overflow: hidden;margin: -1px;}
	.main-sisofair-list .main-sisofair-img .main-sisofair-slide{height: 100%;position: absolute;left:0;top:0;width: 100%;}
	.main-sisofair-list .main-sisofair-img .swiper-slide{background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;}
	.main-sisofair-list .main-sisofair-img .swiper-pagination .swiper-pagination-bullet-active{}
	.main-sisofair-list .main-sisofair-img .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;}
	/* .main-sisofair-list .main-sisofair-img img{position: absolute;left:0;top:0;width: 100%;height: 100%;} */
	.main-sisofair-list .main-sisofair-content{border-top: none;padding: 38px;height: 250px;}
	.main-sisofair-list .main-sisofair-text1{display: block;color:#999999;font-size: 14px;}
	.main-sisofair-list .main-sisofair-text2{display: block;color:#333;font-size: 24px;font-weight: 700;margin-top: 5px;}
	.main-sisofair-list .main-sisofair-text3{display: block;color:#333;font-size: 18px;font-weight: 500;}
	.main-sisofair-list .main-sisofair-text4{display: block;color:#999;font-size: 12px;line-height: 1.4em;margin-top: 10px;}
	.main-sisofair-list .main-sisofair-link1{display: block;position: absolute;right:40px;bottom:-44px;width: 136px;height: 88px;text-align: center;line-height: 88px;font-size: 18px;color:#fff;background: #ff9933;}
	.main-sisofair-list .main-sisofair-link2{display: block;position: absolute;right:40px;bottom:-44px;width: 136px;height: 88px;text-align: center;line-height: 88px;font-size: 18px;color:#fff;background: #cc9966;}

.main-news-wrap{padding: 90px 0 120px;background: #f4f4f4;}
	.main-news-container{width: 1200px;margin: 0 auto;}
	.main-news-container .main-title-box{margin-bottom: 30px;}
	.main-news-container .main-title-box p:after{background: #d590e3;}
	
	.main-news-list{display: flex;margin: 0 -10px;}
	.main-news-list li{width: 33.3333%;padding:0 10px;}
	.main-news-list li .main-news1-box{display: block;height: 0;padding-top: 58.07%;position: relative;background-size: cover;background-position: center center;background-repeat: no-repeat;}
	.main-news-list li .main-news1-box:after{position: absolute;left:0;top:0;width: 100%;height: 100%;content:"";background: rgba(0, 0, 0, .3);z-index: 1;}
	.main-news-list li .main-news1-box strong{position: absolute;left:0;bottom:23px;width: 100%;text-align: center;color:#fff;font-size: 18px;z-index: 2;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;padding: 0 15px;}
	.main-news-list li .main-news2-box{display: flex;background: #fff;padding: 20px;position: relative;}
	.main-news-list li .main-news2-box .main-news2-box-img{flex:0 0 85px;height: 85px;display: block;margin-right: 20px;position: relative;}
	.main-news-list li .main-news2-box .main-news2-box-img img{width: 100%;height: 100%;}
	.main-news-list li .main-news2-box .main-news2-box-content{flex-grow:1;display: flex;align-content:space-between;flex-wrap:wrap;padding: 3px 0 0;}
	.main-news-list li .main-news2-box .main-news2-box-content strong{display: block;width: 100%;font-size: 18px;font-weight: 500;line-height: 1.4em;word-break:break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.main-news-list li .main-news2-box .main-news2-box-content span{display: block;width: 100%;font-size: 16px;color:#999}
	.main-news-list li .main-news2-box:last-child{border-top: 1px solid #ebebeb;}

.main-quick-wrap{padding: 90px 0;}
	.main-quick-container{width: 1200px;margin: 0 auto;}
	.main-quick-container .main-title-box{margin-bottom: 30px;}
	.main-quick-container .main-title-box p:after{background: #d590e3;}

	.main-quick-list{display: flex;justify-content:center;}
	.main-quick-list li{width: 270px;}
	.main-quick-list li a{display: block;}
	.main-quick-list li a span.main-quick-img{display: flex;height: 250px;justify-content:center;align-items:center;}
	.main-quick-list li a strong{display: block;margin-top: 33px;font-size: 24px;text-align: center;}
	.main-quick-list li a em{display: block;font-size: 16px;text-align: center;font-style: normal;margin-top: 8px;color:#999;}

.main-mungu-text-wrap{height: 452px;background: url(/n_images/logo_bg.jpg) center center no-repeat;background-size: cover;height: 452px;padding-top: 136px;}
.main-mungu-text-wrap span{font-size: 20px;line-height: 1.6em;display: block;text-align: center;font-weight: 700;}
.main-mungu-text-wrap strong{width: 689px;height: 93px;display: block;background: url(/n_images/logo_text2.png) center center no-repeat;text-indent:-9999px;margin: 20px auto;}



/* Sub */
#sub-container{position: relative;}
#sub-container.use-bg{background: #f5f6f8;}
#sub-container img{max-width:100%;}
.sub-content-wrap{}

#sub-content-body{min-height:500px;width: 1200px;margin: 0 auto;padding: 60px 0;}
#sub-content-body.is-wide{width: auto;padding: 60px 0;}
#sub-content-header{position: relative;}
.sub-content-header-nav{border-bottom: 1px solid #eaeaea;background: #fff;position: relative;display: none;}

.sub-top-nav{*zoom:1;position: relative;padding-left: 45px;}
.sub-top-nav:after{content:""; display:block; clear:both;}
.sub-top-nav a.sub-top-home{display: inline-block;height: 70px;width: 70px;background: #fff;border-left: 1px solid #eaeaea;vertical-align: top;float: left;line-height: 50px;text-align: center;font-size: 14px;color:#5a5a5a;padding: 0 15px;font-weight: 600;background: url(/images/common/home_icon.jpg) center center no-repeat;text-indent:-9999px;position: absolute;left:0;top:0;width: 45px;height: 45px;}
.sub-top-nav .select-box{float: left;border: none;border-left: 1px solid #eaeaea;width: 50% !important;height: 45px !important;}
.sub-top-select-wrap .sub-top-select:last-child{border-right: 1px solid #eaeaea;}
.sub-top-nav .select-box>a{font-size: 18px;height: 45px !important;line-height: 45px !important;background-color: #fff !important;font-weight: 500;color:#5a5a5a;letter-spacing:-1px;padding-left: 10px;font-size: 14px;}
.sub-top-nav .select-box ul{top:70px !important;border: 1px solid #eaeaea;z-index: 50 !important;width: 100% !important;top:45px !important}
.sub-top-nav .select-box ul a{height: 45px !important;line-height: 45px !important;font-size: 14px;}
.sub-top-nav .select-box.select-active ul a{color:#666}
.sub-top-nav .select-box.select-active ul a.hover{background: none;color:#39c}
.sub-top-nav .select-box.select-active ul a.active{background:#4B7AB2;color:#fff}
.sub-top-nav select{display: none;}
.sub-top-nav .select-box:last-child{border-right: none !important;}

.engsite_bn{display: none;}

	



.sub-top-print{position: absolute;display: block;width: 40px;height: 40px;background: url(/img/sub_print.png) 0 0 no-repeat;right:0;top:70px;}
.sub-top-link{position: absolute;display: block;width: 40px;height: 40px;background: url(/img/sub_link.png) 0 0 no-repeat;right:55px;top:70px;}

.sub-content-title{width: 1200px;margin: 0 auto;position: relative;padding: 20px 0 0px;}
.sub-content-title h3{font-size: 36px;color:#000;text-align: center; padding-bottom: 10px;}
.sub-content-title span{font-size: 14px; font-weight: 300;  color:#999;text-align: center; line-height: 140%; padding-top: 10px;}


.sns-pop-btn{border:1px solid #ddd;border-radius:10px;*zoom:1;position:absolute;right:145px;top:59px;display:none;}
.sns-pop-btn i{content: '';float: left;position: absolute;right: 0;top: 50%;width: 0;height: 0;margin: -6px -6px -6px 0;border: 6px solid transparent;border-left-color: #ddd;border-right: 0;}
.sns-pop-btn i:after{content: '';float: left;position: absolute;right: 0;top: 50%;width: 0;height: 0;margin: -6px 1px;border: 6px solid transparent;border-left-color: #fff;border-right: 0;}
.sns-pop-btn:after{content:""; display:block; clear:both;}
.sns-pop-btn li{float:left;}
.sns-pop-btn li a{display:block;}
.sns-pop-btn li a.sns-facebook-btn{width:34px;height:30px;background:url(/images/common/facebook.png) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-twitter-btn{width:34px;height:30px;background:url(/images/common/twitter.png) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-kakao-story-btn{width:34px;height:30px;background:url(/images/common/kakao.png) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-kakao-btn{width:34px;height:30px;background:url(/images/common/sc_kaka.jpg) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-band-btn{width:34px;height:30px;background:url(/images/common/sc_snsband.jpg) center center no-repeat;background-size:auto 20px;}

.sub-content-header-bottom{display: flex;width: 1200px;margin: 0 auto;align-items:center;justify-content:space-between;padding: 20px 0;}
.location{}
.location a{color:#000;display: inline-block;position: relative;font-size: 14px;line-height: 1em;margin-left: 30px;opacity:0.6;transition:all ease-out .3s;font-weight: 500;}
.location a:after{content:"/";position: absolute;left:-18px;top:50%;transform:translateY(-50%);font-weight: 300;font-size: 14px;opacity:0.6;color:#333;}
.location a:first-child{margin-left: 0;}
.location a:first-child:after{display: none;}
.location a:hover{opacity: 1;}
.location img{vertical-align: top;}

.sns-share{}
.sns-share li {float: left;margin: 0 5px;}
.sns-share li:last-child{margin-right: 0;}
.sns-share li a{display: block;width: 40px;height: 40px;position:relative;}
.sns-share li:first-child a:after{display:none;}
.sns-share li a.sns1{background: url(/images/common/subt_url.png) center center no-repeat;}
.sns-share li a.sns2{background: url(/images/common/subt_fb.png) center center no-repeat;}
.sns-share li a.sns3{background: url(/images/common/subt_in.png) center center no-repeat;}
.sns-share li a.sns4{background: url(/images/common/sub_print.png) center center no-repeat;}

.sns-pop-btn{border:1px solid #ddd;border-radius:10px;*zoom:1;position:absolute;right:145px;top:59px;display:none;}
.sns-pop-btn i{content: '';float: left;position: absolute;right: 0;top: 50%;width: 0;height: 0;margin: -6px -6px -6px 0;border: 6px solid transparent;border-left-color: #ddd;border-right: 0;}
.sns-pop-btn i:after{content: '';float: left;position: absolute;right: 0;top: 50%;width: 0;height: 0;margin: -6px 1px;border: 6px solid transparent;border-left-color: #fff;border-right: 0;}
.sns-pop-btn:after{content:""; display:block; clear:both;}
.sns-pop-btn li{float:left;}
.sns-pop-btn li a{display:block;}
.sns-pop-btn li a.sns-facebook-btn{width:34px;height:30px;background:url(/images/common/facebook.png) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-twitter-btn{width:34px;height:30px;background:url(/images/common/twitter.png) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-kakao-story-btn{width:34px;height:30px;background:url(/images/common/kakao.png) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-kakao-btn{width:34px;height:30px;background:url(/images/common/sc_kaka.jpg) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-band-btn{width:34px;height:30px;background:url(/images/common/sc_snsband.jpg) center center no-repeat;background-size:auto 20px;}


.sub-content-header-top{height: 305px;background:#777 url(/images/sub/sub_visual01.jpg) center center no-repeat;display:flex;flex-wrap:wrap;align-items:center;align-content:center;background-size: cover !important;}
.sub-content-header-top.sub-content-header-top-introduce{background:#e5e2dd url(/images/sub/sub_visual01.jpg) center center no-repeat;}
.sub-content-header-top.sub-content-header-top-info{background:#e5e2dd url(/images/sub/sub_visual02.jpg) center center no-repeat;}
.sub-content-header-top.sub-content-header-top-sisofair{background:#e5e2dd url(/images/sub/sub_visual03.jpg) center center no-repeat;}
.sub-content-header-top.sub-content-header-top-mungu{background:#e5e2dd url(/images/sub/sub_visual04.jpg) center center no-repeat;}
.sub-content-header-top.sub-content-header-top-reference{background:#e5e2dd url(/images/sub/sub_visual05.jpg) center center no-repeat;}
.sub-content-header-top.sub-content-header-top-news{background:#e5e2dd url(/images/sub/sub_visual06.jpg) center center no-repeat;}

.sub-content-header-top-inner{width: 1200px;margin: 0 auto;position: relative;height: 100%;display: flex;align-items:center;padding-bottom: 75px;justify-content:center;}
.sub-content-header-top strong{display: block;font-size: 48px;color:#fff;font-weight: 600;text-align: center;/*animation: text-focus-in 1.5s cubic-bezier(.25,.46,.45,.94) both 1s;*/}


.snb-wrap{border-bottom: 1px solid #ddd;position: absolute;left:0;bottom:0;width: 100%;background: #fff;}
.snb{*zoom:1;/*animation: text-focus-in 1.5s cubic-bezier(.25,.46,.45,.94) both 1.3s;*/text-align: center;}
.snb:after{content:""; display:block; clear:both;}
.snb li{display: inline-block;position: relative;padding-right: 0px;}
.snb li:after{content:"";position: absolute;right:0px;top:50%;transform:translateY(-50%);width: 1px;height: 13px;border-radius:50%;background:#ddd;}
.snb li:last-child{padding-right: 0;}
.snb li:last-child:after{display: none;}
.snb li a{display: inline-block;font-size: 18px;color:#333;font-weight: 300;transition:opacity .3s ease-in-out;height: 75px;line-height: 75px;padding: 0 30px;position: relative;transition:all ease-out .3s;}
.snb li a:after{position: absolute;left:0;bottom:-1px;width: 0;height: 3px;content:"";transition:all ease-out .3s;background: #c00;}
.snb li.snb-active a, .snb li a:hover{color:#c00;font-weight: 500;}
.snb li.snb-active a:after, .snb li a:hover:after{width: 100%;}
.wide-container-wrap{width: 1200px;margin: 0 auto;}


.mobile-sns-list{display: flex;justify-content:center;display: none;width: 100%;position: relative;z-index: 2;}
.mobile-sns-list li{margin: 0 5px;}
.mobile-sns-list li a{display: block;width: 30px;height: 30px;}
.mobile-sns-list li a{display: block;width: 40px;height: 40px;position:relative;}
.mobile-sns-list li:first-child a:after{display:none;}
.mobile-sns-list li a.sns1{background: url(/images/common/subt_url.png) center center no-repeat;}
.mobile-sns-list li a.sns2{background: url(/images/common/subt_fb.png) center center no-repeat;}
.mobile-sns-list li a.sns3{background: url(/images/common/subt_in.png) center center no-repeat;}
.mobile-sns-list li a.sns4{background: url(/images/common/sub_print.png) center center no-repeat;}



@media screen and (max-width: 1200px){
	/* #main-container{overflow: hidden;} */
	.header-top, .header-gnb-box, #footer, .main-promotion-container, .main-latest-wrap, .main-product-container, .main-sisofair-wrap, .main-news-container, #sub-content-body, .sub-content-title, .sub-content-header-bottom, .sub-content-header-top-inner, .wide-container-wrap{width: auto;}
	
	#header{padding: 0 20px;}
	#wrapper{padding-top: 90px;}
	.header-top{height: 90px;align-items:center;}
	.header-gnb-box{display: none;}
	.header-search-form{display: none;}
	.header-right{display: flex;}

	.sub-content-header-top-inner{width: 100%;padding: 0 30px;}
	#sub-content-body{padding: 60px 30px;}
	.sub-content-header-bottom{padding: 0px 30px 0px;}
	#footer{padding: 0px 30px 120px;}
	.footer-box .family-site{right:30px;}

	.snb-wrap{display: none;}
	.mobile-sns-list{display: flex;margin-top: 70px;}
	.sub-content-header-top strong{text-align: center;}
	.sns-share{display: none;}
	.sub-content-title h3{text-align: center; margin-top: 30px;}
	.sub-content-header-nav{display: block;}
	.location{display: none;}
	.sub-content-header-top-inner{height: auto;}
	.sub-content-header-top{align-items:space-around;}

	.main-promotion-wrap{padding: 60px 30px;}
	.main-promotion-wrap:after{display: none;}
	.main-promotion-container{flex-wrap:wrap;}
	.main-promotion-container .main-promotion-left{width: 100%;flex:1 1 auto;display: flex;align-items:flex-end;justify-content:space-between;padding-bottom: 20px;border-bottom: 2px solid #181818;margin-bottom: 50px;}
	.main-promotion-container .main-title-box{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
	.main-promotion-container .main-promotion-right{width: 100%;flex:1 1 auto;overflow: hidden;max-width:100%;}
	.main-promotion-slide .swiper-slide{margin-right: 0;}

	.main-latest-wrap{padding: 50px 30px;}
	.main-new-product{width: 100%;margin-top: 40px;}
	.main-new-product .main-new-product-list_pic{ margin-top: 0px;}
	.main-notice-box{width: 100%;}

	.main-product-wrap{padding: 60px 30px;}
	.main-product-header{flex-wrap:wrap;}
	.main-product-header .main-title-box{width: 100%;}
	.main-product-header .main-product-search{margin-top: 20px;}

	.main-sisofair-wrap{padding: 60px 30px 80px;}
	.main-sisofair-list li:nth-child(2n+1){padding-right: 10px;}
	.main-sisofair-list li:nth-child(2n){padding-left: 10px;}
	.main-sisofair-list .main-sisofair-content{height: auto;padding: 30px 20px;padding-bottom: 90px;}
	.main-sisofair-list .main-sisofair-link1, .main-sisofair-list .main-sisofair-link2{height: 40px;line-height: 40px;left:20px; right:20px; bottom:30px;width: auto;}
	.main-sisofair-wrap .main-title-box strong{font-size: 36px;}

	.main-news-wrap{padding: 60px 30px;}

	.main-quick-wrap{padding: 60px 30px;}
	.main-quick-list{flex-wrap:wrap;}
	.main-quick-list li{margin: 10px 0;}
	.main-quick-list li a strong{margin-top: 20px;}
	
	.engsite_bn{display: block; width: 100%;}
	.engsite_bn img{width: 100%;}
	
}

@media screen and (max-width: 1069px){
	.main-visual-wrap{height: auto;}
	.main-visual-slide{width: auto;}
	.main-visual-prev, .main-visual-next{display: none;}
	.main-visual-slide .swiper-slide a{height: 0;padding-top: 42.095416%;width: 100%;}
	.main-visual-bottom{height: auto;padding: 20px 10px;}
	.main-visual-bottom .main-visual-pagination{flex-wrap: wrap;}
	.main-visual-bottom .main-visual-pagination .swiper-pagination-bullet{padding: 3px 15px;}
}

@media screen and (max-width: 1000px){
	.main-news-container .main-title-box{margin-bottom: 10px;}
	.main-news-list{flex-wrap:wrap;}
	.main-news-list li{width: 50%;margin-top: 25px;}
	.main-news-list li .main-news2-box{padding: 10px;}
}

@media screen and (max-width: 700px){
	#wrapper{padding-top: 65px;}
	.header-top{height: 65px;}

	#header{padding: 0 10px;}
	#header h1 a{background-size: 200px auto;height: 65px;width: 200px;}
	#sub-content-body{padding: 50px 15px;}


	.header-search-wrap{padding-top: 100px;}
	.header-search-title-box{font-size: 36px;}
	.header-search-title-box span{font-size: 16px;}
	.header-search-input-wrap{max-width:80%;margin-top: 50px;}
	.header-search-input-wrap .header-search-input{font-size: 18px;}
	.header-search-close{right:15px;top:15px;}

	.main-title-box{margin-bottom: 25px;}

	.main-promotion-wrap{padding: 40px 15px;}
	.main-title-box{font-size: 30px;}
	.main-title-box>em{font-size: 16px;}
	.main-promotion-pagination .swiper-pagination-current{font-size: 24px;}
	.main-promotion-pagination{font-size: 14px;}

	.main-latest-wrap{padding: 40px 15px;}
	.main-notice-list li a{padding: 20px 15px;padding-right: 80px;}
	.main-notice-list li a strong{font-size: 18px;}
	.main-notice-list li a span.main-notice-date{width: 80px;}

	.main-product-wrap{padding: 40px 15px;}
	.main-product-search{display: flex;flex-wrap:wrap;width: 100%;justify-content:space-between;}
	.main-product-select.select-box{width: 100% !important;min-width:auto !important;}
	.main-product-select.select-box ul{width: 100% !important;}
	.main-product-search input[type=text]{width: 100%;margin: 5px 0}
	.main-product-search input[type=submit]{width: 100%;}

	.main-sisofair-wrap{padding: 40px 15px;}
	.main-sisofair-list{flex-wrap:wrap;}
	.main-sisofair-list li{width: 100%;padding: 0 !important;}
	.main-sisofair-list li:nth-child(2n+1){margin-bottom: 30px;}
	.main-sisofair-list .main-sisofair-text2{font-size: 20px;}
	.main-sisofair-list .main-sisofair-content{padding: 20px 12px;padding-bottom: 75px;}
	.main-sisofair-list .main-sisofair-link1, .main-sisofair-list .main-sisofair-link2{bottom:20px;height: 35px;line-height: 35px;}

	.main-news-wrap{padding: 40px 15px;}
	.main-quick-wrap{padding: 40px 15px;}

	.main-news-list{margin: 0;}
	.main-news-list li .main-news1-box strong, .main-news-list li .main-news2-box .main-news2-box-content strong{font-size: 16px;}
	.main-news-list li{width: 100%;padding: 0;}

	.main-new-product-prev{left:-15px;}
	.main-new-product-next{right:-15px;}

	.main-mungu-text-wrap strong{height: 0;padding-top: 13.5%;	background-size: cover;background-position: center center;max-width:100%;}

	#footer{padding: 60px 15px 50px;}
	.footer-box .family-site{left:15px;right:15px;top:35px;width: auto;}
	#family-site.select-box{width: 100% !important;}
	#family-site.select-box ul{width: 100% !important}
}
@media screen and (max-width: 500px){
	.main-business-slide{height: 450px;}
	#header h1{left: 10px;}

	#mobile-btn span, #mobile-btn span:nth-child(1), #mobile-btn span:nth-child(2){right:10px;}
	#mobile-btn{width: 50px;}
	.footer-left ul li{font-size: 14px;}
	.copyright{margin-top: 30px;}
	.copyright p{display: none;}
}


@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}

.sub-tab-wrap{margin:0 -5px; margin-bottom:40px; }
.sub-tab-box{display:block;}
.sub-tab-box ul{display:flex;text-align:center;justify-content:center;}
.sub-tab-box ul li{display:inline-block; width:auto !important; }
.sub-tab-box ul li a{margin-left:-1px; color:#d33045; border: 1px solid #ddd; padding:0px 50px; font-size:16px; display:block; height:70px; line-height:70px; letter-spacing:-1px; background:#fff; text-align:center; transition:all .2s ease-in-out;}
.sub-tab-box ul li a.active{background:#d33045; border: 1px solid #d33045; color:#fff;}
.sub-tab-content{display: none;}
.sub-tab-content.active{display: block;}

@media screen and (max-width: 1000px){
.sub-tab-box ul li a{color:#989898; border: 1px solid #ddd; padding:0px 20px; font-size:14px; display:block; height:50px; line-height:50px; letter-spacing:-1px; background:#fff; text-align:center; transition:all .2s ease-in-out;}
}

.sub-tab-wrap2{margin:0 -5px; margin-bottom:40px; }
.sub-tab-box2{display:block;}
.sub-tab-box2 ul{display:flex;text-align:center;justify-content:center;}
.sub-tab-box2 ul li{display:inline-block; width:auto !important; }
.sub-tab-box2 ul li a{margin-left:-1px; color:#989898; border: 1px solid #ddd; padding:0px 50px; font-size:16px; display:block; height:70px; line-height:70px; letter-spacing:-1px; background:#fff; text-align:center; transition:all .2s ease-in-out;}
.sub-tab-box2 ul li a.active{background:#003d99; border: 1px solid #003d99; color:#fff;}
.sub-tab-content2{display: none;}
.sub-tab-content2.active{display: block;}

@media screen and (max-width: 1000px){
.sub-tab-box2 ul li a{color:#989898; border: 1px solid #ddd; padding:0px 20px; font-size:14px; display:block; height:50px; line-height:50px; letter-spacing:-1px; background:#fff; text-align:center; transition:all .2s ease-in-out;}
}



.popup-box{display: none;}
.popup-wrap{position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 9900;background: rgba(0, 0, 0, 0);display: flex;align-items:center;justify-content:center;}
.popup-container{width: 398px;position: relative;margin: 10px;max-width:100%;}
.popup-slider-wrap{height: 0;width: 100%;padding-top: 138.1909%;position: relative;overflow: hidden;display: none;}
.popup-slider{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.popup-slider a{display: block;}
.popup-slider img{width: 100%;height: 100%;}
.popup-slider-bottom{text-align: right;padding: 15px;background: #313131;}
.popup-slider-bottom a{color:#fff;margin-left: 15px;}
.popup-slider-bottom a.close-popup-today{display: inline-block;position: relative;margin-right: 15px;}
.popup-slider-bottom a.close-popup-today:after{position: absolute;content:"";height: 13px;background: #999;right:-15px;width: 1px;top:5px}

.swiper-pagination-popup-wrap{position: absolute;z-index: 10;bottom:60px;width: 100%;text-align: center;}
.swiper-pagination-popup-wrap .swiper-pagination{position: static;display: inline-block;vertical-align: middle;}
.swiper-pagination-popup-wrap .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background: #fff;transition:all .2s ease-in-out;opacity:1;margin:0 8px !important;vertical-align: middle;}
.swiper-pagination-popup-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;height:16px;border: 3px solid #fff;background: none;}

.popup-container{width: auto;}

.popup-pc img{vertical-align: top;}

@media screen and (max-width: 1250px){
	.popup-container{width: 398px;}
	.popup-pc{display: none;}
	.popup-slider-wrap{display: block;}
}

#gnb li li.fcb a, .snb li.fcb a{color: #0066cc;}
#gnb li li.fcg a, .snb li.fcg a{color:#009966;}



.check-box{position: relative;display: inline-block;margin-right: 40px}
.check-box:last-child{margin-right: 0;}
.check-box input{position: absolute;width: 0px; height: 0px; left:0;top:0;margin: 0; outline: none;border: 1px solid transparent; background-color: transparent;-moz-appearance: none;}
.check-box span{display: inline-block;width: 20px;height: 20px;border: 1px solid #c8ccd4;border-radius:3px;transition:background 0.2s ease;position: absolute;left:0;top:50%;transform:translateY(-50%);}
.check-box span::after{content:"";position: absolute;top:2px;left:6px;width: 5px;height: 11px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform:rotate(45deg) scale(0);transition:all 0.3s ease 0.15s;opacity:0;}
.check-box label{cursor:pointer;padding-left:30px;position: relative;z-index: 1;}
.check-box label.sound_only{width: 20px;height: 20px;}
.check-box input:checked ~ span{border-color: transparent;background: #084ff9;animation: checkbox-jelly 0.6s ease;}
.check-box input:checked ~ span:after{opacity:1;transform:rotate(45deg) scale(1);}
.check-box input:focus ~ span{border-color: #084ff9;}


.check-box input.checked ~ span{border-color: transparent;background: red;animation: checkbox-jelly 0.6s ease;}
.check-box input.checked ~ span:after{opacity:1;transform:rotate(45deg) scale(1);background: red;}
.check-box input.checked:checked ~ span{border-color: transparent;background: #139766;animation: checkbox-jelly 0.6s ease;}
.check-box input.checked:checked ~ span:after{opacity:1;transform:rotate(45deg) scale(1);background: #139766;}





.radio-box{position: relative;display: inline-block;margin-right: 40px}
.radio-box:last-child{margin-right: 0;}
.radio-box input{position: absolute;width: 0px; height: 0px; left:0;top:0;margin: 0; outline: none;border: 1px solid transparent; background-color: transparent;-moz-appearance: none;}
.radio-box span{display: inline-block;width: 20px;height: 20px;border: 1px solid #c8ccd4;border-radius:50%;transition:background 0.2s ease;position: absolute;left:0;top:50%;transform:translateY(-50%);}
.radio-box span::after{content:"";position: absolute;top:0px;left:0px;width: 18px;height: 18px;transition:all 0.3s ease 0.15s;opacity:0;background: #084ff9;border-radius:50%;border: 2px solid #fff;}
.radio-box label{cursor:pointer;padding-left:30px;position: relative;z-index: 1;}
.radio-box label.sound_only{width: 20px;height: 20px;}
.radio-box input:checked ~ span{border-color: transparent;background: #084ff9;animation: checkbox-jelly 0.6s ease;}
.radio-box input:checked ~ span:after{opacity:1;transform:scale(1);}
.radio-box input:focus ~ span{border-color: #084ff9;}

.radio-box input.checked ~ span{border-color: transparent;background: red;animation: checkbox-jelly 0.6s ease;}
.radio-box input.checked ~ span:after{opacity:1;transform:scale(1);background: red;}
.radio-box input.checked:checked ~ span{border-color: transparent;background: #139766;animation: checkbox-jelly 0.6s ease;}
.radio-box input.checked:checked ~ span:after{opacity:1;transform:scale(1);background: #139766;}


@keyframes checkbox-jelly{
	0%{transform: scale(1, 1) translateY(-50%);}
	30%{transform: scale(1.25, 0.75) translateY(-50%);}
	40%{transform: scale(0.75, 1.25) translateY(-50%);}
	50%{transform: scale(1.15, 0.85) translateY(-50%);}
	65%{transform: scale(0.95, 1.05) translateY(-50%);}
	75%{transform: scale(1.05, 0.95) translateY(-50%);}
	to{transform: scale(1, 1) translateY(-50%);}
}	



.company-list{display: flex;flex-wrap:wrap;margin: 0 -15px;}
.company-list li{width: 25%;padding: 15px;}
.company-list li.empty-li{width: 100%;text-align: center;padding: 50px 0;border: 1px solid #ddd;}
.company-list li a{display: block;position: relative;border: 1px solid #e9e9e9;padding: 20px;height: 100%;}
.company-list li .c-thumb{display: flex;align-items:center;height: 0;padding-top: 30%;justify-content:center;position: relative;}
.company-list li .c-thumb img{max-width:100%;max-height:100%;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.company-list li .c-category{text-align: center;margin: 15px 0;display: block;}
.company-list li .c-category span{display: inline-block;margin: 0 2px;border: 1px solid #ff6766;color:#ff6766;font-size: 13px;letter-spacing:-1px;line-height: 22px;height: 24px;padding: 0 10px;margin-top: 
5px;}
.company-list li .c-name{font-size: 20px;font-weight: 600;display: block;text-align: center;}
.company-list li .c-introduction{color:#999;font-weight: 300;display: block;text-align: center;margin-top: 10px;}

body.compensate-for-scrollbar{overflow: hidden;padding-right: 17px;}
.fancybox-content{border-radius:20px;padding: 0 0 30px;}
.fancybox-slide--html{padding: 30px;}
.fancybox-slide--html .fancybox-close-small{padding: 0;}
.fancybox-button{width: 60px;height: 60px;}
body.compensate-for-scrollbar #header{padding-right: 17px;}
body.compensate-for-scrollbar .nav-fixed .header-gnb-wrap{padding-right: 17px;}

.category-select-wrap{display: inline-block;position: relative;z-index: 10;}
.category-select-box{background: #fff;width: 800px;margin: 30px auto;border: 1px solid #ddd;box-shadow:3px 3px 8px rgba(0, 0, 0, .15);padding: 18px 18px 8px;text-align: left;}
#category-select-btn{display: inline-block;height: 50px;line-height: 48px;border: 1px solid #ddd;vertical-align: middle;padding: 0 15px;width: 120px;text-align: left;position: relative;}
#category-select-btn:after{font-family: 'FontAwesome';content:"\f078";position: absolute;right:10px;top:50%;transform:translatey(-50%);}
#category-select-btn.active:after{font-family: 'FontAwesome';content:"\f077";}
.category-select-box .check-box{margin-bottom: 10px;width: 25%;}

.company-search-wrap {text-align: center;margin-bottom: 50px;}
.company-search-wrap .frm_input{height: 50px;margin-left: 10px;width: 200px;border: 1px solid #ddd;border-right: none;}
.company-search-wrap input[type=submit]{height: 50px;border: none;background: #333;color:#fff;padding: 0 15px;vertical-align: middle;}

.company-info-wrap{width: 1200px;}

.company-info-box{background: #f5f5f5;padding: 50px;}
.company-info-category{margin: 15px 0;display: block;}
.company-info-category span{display: inline-block;margin-right: 4px;border: 1px solid #ff6766;color:#ff6766;font-size: 13px;letter-spacing:-1px;line-height: 22px;height: 24px;padding: 0 10px;margin-top: 5px}
.company-info-category span:last-child{margin-right: 0;}
.company-info-name{font-size: 28px;font-weight: 300;}
.company-info-name strong{font-weight: 700;}
.company-info-introduction{color:#0065ca;font-size: 16px;margin: 10px 0 30px;font-weight: 300;}

.company-info-etc{display: flex;flex-wrap:wrap;width: 100%;}
.company-info-etc div{width: 50%;margin: 5px 0;}
.company-info-etc div span{color:#999;width: 80px;display: inline-block;}
.company-info-etc div strong{color:#000;font-weight: 400;display: inline-block;}

.company-product-list{display: flex;flex-wrap:wrap;margin: 0 -20px;margin: 50px 80px;}
.company-product-list li{width: 33.333%;padding: 20px 30px;}
.company-product-list li a{display: block;}
.company-product-list li .product-thumb{display: block;position: relative;height: 0;padding-top: 100%;}
.company-product-list li .product-thumb img{left:0;top:0;width: 100%;height: 100%;object-fit:cover;position: absolute;}
.company-product-list li .product-content{display: block;margin-top: 10px;}
.company-product-list li .product-content .product-introduction{display: block;font-size: 14px;font-weight: 700;text-align: center;}
.company-product-list li .product-content .product-name{display: block;font-size: 16px;font-weight: 300;text-align: center;margin-top: 8px;}
.company-product-list li.empty-li{padding: 80px;text-align: center;width: 100%;}


@media screen and (max-width: 1300px){
	.company-info-wrap{width: auto;}
}
@media screen and (max-width: 1200px){
	.company-list li{width: 33.3333%;}
	.company-product-list{margin: 40px;}
	.company-product-list li{padding: 15px;}
}
@media screen and (max-width: 900px){
	.company-list li{width: 50%;}
	.company-product-list li{width: 50%;}
	.company-product-list{margin: 20px;}
	.company-info-name{font-size: 20px;}
	.company-info-introduction{font-size: 14px;}
	.company-info-category span{font-size: 13px;}
	.company-info-etc div{width: 100%;margin: 3px 0;}
	.company-info-box{padding: 50px 30px 30px;}
	.company-info-introduction{margin-bottom: 20px;}
}
@media screen and (max-width: 700px){
	.fancybox-slide--html{padding: 30px 20px;}
	.company-list li{width: 100%;}
	.category-select-box{width: 300px;}
	.category-select-box .check-box{width: 100%;}
	.company-product-list{}
	.company-product-list{margin: 10px;}
	.company-product-list li{padding: 10px;}

	.company-info-name strong{display: block;}
	.company-info-etc div{display: flex;}
	.company-info-etc div span{flex:0 0 60px}
	.company-info-box{padding: 30px 20px 20px;}
	.company-product-list li.empty-li{padding: 50px;}
}
@media screen and (max-width: 500px){
	.fancybox-slide--html{padding: 30px 15px;}
	.fancybox-button{width: 45px;height: 45px;}

	#category-select-btn{width: 80px;}
	.company-search-wrap .frm_input{width: 150px;}
	.company-product-list li{width: 100%;padding: 10px 50px;}
}