@charset "utf-8";
@import "header.css";
@import "footer.css";

/* Sub Banner */
.subTop{position:relative;z-index:21;}
.subTop .visualImg{width:100%;height:350px;/*display:flex;flex-direction:column;justify-content:center;*/text-align:center;color:#fff;overflow:hidden;letter-spacing:-0.05em;background-image:url(/img/sub_common/sub_visual_business.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;letter-spacing:-0.05em;padding-top:156px;}
.subTop .visualImg h2{font-size:5rem;line-height:100%;text-transform:uppercase;font-weight:700;}
.subTop .visualImg p{margin-top:24px;font-size:1.8rem;}
.subTop .visualImg p br{display:none;}
#productGroup .visualImg{background-image:url(/img/sub_common/sub_visual_product.jpg);}
#softwareGroup .visualImg{background-image:url(/img/sub_common/sub_visual_software.jpg);}
#serviceGroup .visualImg{background-image:url(/img/sub_common/sub_visual_service.jpg);}
#introduceGroup .visualImg{background-image:url(/img/sub_common/sub_visual_introduce.jpg);}
#noticeGroup .visualImg{background-image:url(/img/sub_common/sub_visual_notice.jpg);}

/* Sub Nav */
#sub_nav{background:#0d6ab5;max-width:1280px;margin:0 auto;box-shadow:5px 5px 10px #999;position:relative;top:-35px;z-index:21;}
#sub_nav .sub_menu_list:after{clear:both;content:"";display:block;}
#sub_nav .sub_menu_list .btn_home{width:70px;height:70px;padding-top:23px;display:inline-block;text-align:center;box-sizing:border-box;border-right:1px solid #5697cb;float:left;}
#sub_nav .sub_menu_list div{width:300px;height:70px;float:left;border-right:1px solid #5697cb;box-sizing:border-box;}
#sub_nav .sub_menu_list div dl{position:relative;z-index:5;}
#sub_nav .sub_menu_list div dl dt{line-height:70px;padding-left:20px;cursor:pointer;background:url(/img/common/location_check_icon.gif) no-repeat 93% center;color:#fff;}
#sub_nav .sub_menu_list div dl dd{width:301px;display:none;position:absolute;left:-1px;top:70px;border:1px solid #5697cb;background:#0d6ab5;}
#sub_nav .sub_menu_list div dl dd ul{padding:5px 0;}
#sub_nav .sub_menu_list div dl dd ul li a{display:block;padding:5px 18px;color:#fff;}
#sub_nav .sub_menu_list div.depthCont{height:auto;float:none;}
#sub_nav .sub_menu_list .sub_depth_01 dl dd .depth{display:none;}
#sub_nav .sub_menu_list .sub_depth_02 dl dd ul li ul{display:none;}
#sub_nav .sub_menu_list .sub_depth_03 dl dt ul li{display:none;}
#sub_nav .sub_menu_list .sub_depth_03 dl dt ul li.depth03Active{display:block;}


/* Contnet */
#subCon{margin:0 auto;padding-bottom:120px;background:#eee;}
#subCon .pageTitle{padding-bottom:65px;margin-top:49px;font-size:5rem;color:#222;font-weight:700;text-align:center;position:relative;letter-spacing:-0.05em;}
#subCon.search .pageTitle, #subCon.login .pageTitle{margin-top:0;padding-top:49px;}
#subCon.department .pageTitle, #subCon.location .pageTitle{padding-bottom:35px;}
#subCon.history{background:#eee url('/img/business/history_bg.jpg')no-repeat center bottom;}
#membersGroup #subCon{max-width:100%;}
.pageCont{max-width:1280px;margin:0 auto;}
.pageFull{width:calc(100vw - 20px);transform:translateX(-50%);position:relative;left:50%;}

/* quick */
.mainQuick{position:fixed;right:60px;bottom:60px;z-index:2;}
.mainQuick ul li{width:160px;height:50px;margin-top:10px;border-radius:30px;background:#117ad1;font-size:1.6rem;letter-spacing:-0.02em;color:rgba(255,255,255,.8);text-align:center;}
.mainQuick ul li.buyerLink{background:#ffba00;color:#381e1f;}
.mainQuick ul li.buyerLink img{margin-right:3px;}
.mainQuick ul li.kakaoLink{background:#f9e000;color:#381e1f;}
.mainQuick ul li a{height:50px;display:flex;align-items:center;justify-content:center;}
.mainQuick ul li a img{margin-right:7px;}

@media screen and (max-width:1279px){
/* Sub Banner */
.subTop .visualImg{height:300px;padding-top:100px;}

/* Sub Nav */
#sub_nav{top:0;}
#sub_nav .sub_menu_list div{width:280px;}
#sub_nav .sub_menu_list div dl dd{width:281px;}

/* Contnet */
.pageCont{padding:0 20px;}
}

@media screen and (max-width:979px){
/* Sub Nav */
#sub_nav{top:0;}
#sub_nav .sub_menu_list div{width:30%;}
#sub_nav .sub_menu_list div dl dd{width:calc(100% + 2px);}
}

@media screen and (max-width:767px){
/* Sub Banner */
.subTop .visualImg{height:220px;padding-top:95px;}
.subTop .visualImg p{margin-top:15px;}
.subTop .visualImg p br{display:block;}

/* Contnet */
#subCon{margin:0 auto;padding:25px 0 50px;}
#subCon .pageTitle{padding-bottom:32px;margin-top:0;font-size:4.3rem;}
#subCon.environment .pageTitle{font-size:3.8rem;}
#subCon .pageTitle:after{height:40px;top:60px;}
#subCon.search .pageTitle, #subCon.login .pageTitle{padding-top:0;}
#subCon.department .pageTitle, #subCon.location .pageTitle{padding-bottom:18px;}

#sub_nav{display:none;margin-bottom:19px;}
#sub_nav .content{padding:0;}
#sub_nav .sub_menu_list .btn_home{display:none;}
#sub_nav .sub_menu_list div{width:50%;height:50px;}
#sub_nav .sub_menu_list div.sub_depth_01 dl dd{border-left:0;}
#sub_nav .sub_menu_list div.sub_depth_02{border-right:0;height:55px;}
#sub_nav .sub_menu_list div.sub_depth_02 dl dd{left:-1px;border-right:0;}
#sub_nav .sub_menu_list div dl{}
#sub_nav .sub_menu_list div dl dt{line-height:55px;}
#sub_nav .sub_menu_list div dl dd{width:calc(100% + 2px);}
#sub_nav .sub_menu_list div dl dd ul{padding:5px 0;}
#sub_nav .sub_menu_list div dl dd ul li a{display:block;padding:5px 18px;}
#sub_nav .sub_menu_list div dl dd ul li:hover{text-decoration:underline;}

/* quick */
.mainQuick{width:100%;right:auto;left:0;bottom:0;}
.mainQuick ul{display:flex;}
/*.mainQuick ul li{width:25%;height:50px;margin-top:0;border-radius:0;border-right:1px solid rgba(255, 255, 255, .5);}*/
.mainQuick ul li{width:33.3333%;height:50px;margin-top:0;border-radius:0;border-right:1px solid rgba(255, 255, 255, .5);}
.mainQuick ul li:last-child{border-right:0;}
}