
section{min-width:1200px}

/*-- header --*/
.swper_wrapper{position: fixed; width: 100%; height: 34px; background-color:#3B3B3B; left: 0; top: 0; text-align: center; z-index: 999; }
.swper_wrapper a{color: #F1EFEB; font-size: 13px; line-height: 34px; }






/* sub header */
#header{position:fixed;left: 0; top: 34px; width: 100%; height: 69px; transition-duration: 0.5s; z-index: 999;;}

#header.sub{background-color: #F1EFEB; opacity: 0.8; border-bottom: 1px solid #2B2B2B;}
#header .header_fix{position: relative; z-index: 102; width: 92%; margin: 0 auto;  transition-duration: 0.5s;  display: flex; justify-content: space-between; flex-wrap: wrap;  }

#header .header_fix .logo{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#header .header_fix .logo>a {display: block;}

#header .header_fix .header_gnb{display: flex; justify-content: center; }
#header .header_fix .header_gnb>ul{display: flex;}
#header .header_fix .header_gnb>ul>li{display: block; line-height: 69px; text-align: center; font-size:15px; cursor: pointer; margin-right: 40px; color: #000;font-weight: 300; position: relative;}
#header .header_fix .header_gnb>ul>li>a{font-size: 15px; color: #000;font-weight: 400; }
#header .header_fix .header_gnb>ul>li>a:hover{ color: #828282;}


#header .header_fix .header_menu{display: flex; justify-content: center;}
#header .header_fix .header_menu ul{display: flex; position: relative;} 

#header .header_fix .header_menu ul>li{display: block; line-height: 69px; text-align: center; font-size:15px; font-weight: 300;  cursor: pointer; margin-left: 40px;}
#header .header_fix .header_menu ul>li>a{font-size: 15px; color: #000; ;}
#header .header_fix .header_menu ul>li>a:hover{color: #828282;}
#header .header_fix .header_menu ul>li:first-child a{display: flex; align-items: center;}
#header .header_fix .header_menu ul>li:first-child a img{margin-top: 3px;}



.sub_menu_wrap{position: fixed; left: 0; top: 103px; width: 100%; height: 400px; background-color: rgba(255,255,255,0.5); border-bottom: 1px solid #EEE; display: none; z-index: 999;}
.sub_menu_inner{position: relative; width: 600px; left: 4%; }
.sub_menu_inner>div{position: absolute; width: 600px; height: 260px; left: 0; top: 20px; display: none;  justify-content: space-between; }
.sub_menu_inner>div ul.sub_menu a{ display: block; color: #000; font-size: 16px; line-height: 40px;}
.sub_menu_inner>div ul.sub_menu a:hover{color: #828282;}
.sub_menu_inner>div div.sub_right{align-self: center; height: 260px;}
.sub_menu_inner>div div.sub_right img{ height: 100%;}
.sub_menu_inner>div ul.sub_menu a{ display: block; color: #000; font-size: 16px; line-height: 40px;}
.sub_menu_inner>div .sub_menu_inner_wrap{display: flex;}
.sub_menu_inner>div .sub_menu_inner_wrap>ul{margin-right: 50px;}


.search_wrap{position: fixed; left: 0; top:103px; width: 100% ; height: 200px; background-color:rgba(0, 0, 0, 0.5); z-index: 999; display: none;}
.search_wrap .search_inner{display: flex; align-items: center ; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.search_wrap .search_inner input{border: 1px solid #fff; width: 300px; height: 25px; margin-right: 10px; background-color:#fff; color: #000;}

/*-- flow --*/

.flow{position: relative; overflow: hidden;}
.flow .flow_wrap{position: relative; width: 3720px; display: flex;}
.flow .flow_wrap li{width: 1860px;}


/*-- footer --*/
#footer{background-color: #F1EFEB;padding: 80px 0 0 0;  text-align: center; color: #474141; display: block;}
#footer .footer_container{width: 1400px; margin: 0 auto; position: relative; padding: 0 0 80px 0; display: flex;}
#footer .social a{margin-right: 5px;}

#footer .footer_left{ width: 400px; ;}
#footer .footer_left .logo>a>img{margin-bottom: 22px;}
#footer .footer_left .social{display: flex; }

#footer .footer_right1{ width: 250px; text-align: left; }
#footer .footer_right1 h4{margin-bottom: 24px; font-size: 18px; color: #474141; font-weight: bold;} 
#footer .footer_right1 .footer_menu {cursor: pointer; line-height: 2; font-size: 13px; color:#828282 ;}
#footer .footer_right1 .footer_menu>li>a{border-bottom: 5px; color:#828282 ;font-size: 13px; }

#footer .footer_right2{ width: 250px; text-align: left; }
#footer .footer_right2 h4{margin-bottom: 24px; font-size: 18px; color: #474141;font-weight: bold;} 
#footer .footer_right2 .footer_center {cursor: pointer; line-height: 2; font-size: 13px; color:#828282 ;}
#footer .footer_right2 .footer_center>li>a{border-bottom: 5px; color:#828282 ;font-size: 13px; }

#footer .footer_right3{ width: 500px; text-align: left; }
#footer .footer_right3 h4{margin-bottom: 24px; font-size: 18px; color: #474141;font-weight: bold;} 
#footer .footer_right3 .footer_company {cursor: pointer; line-height: 2;  color:#828282 ;font-size: 13px; }
#footer .footer_right3 .footer_company>li>a{border-bottom: 5px; color:#828282 ;font-size: 13px; }

#footer .copyright{margin-bottom: 0; padding: 20px; font-size: 12px; line-height: 1; color: #828282; text-align: center; border-top: 1px solid #969797; }



