@charset "utf-8";
/* CSS Document */


/***************************************************************************/
/*                         레이아웃 설정                                    /
/***************************************************************************/

/* 메인 */

/* header */

#top_wrap{height:36px; background:#45464c;}
#top{height:36px; width:1280px; margin:0 auto;background:#45464c;}
#top_left{float:left;}
#top_right{float:right;}

#menu_wrap{height:180px; border-bottom:solid 1px #bdbdbd; box-sizing:border-box;}
#logo_wrap{height:110px; width:1280px; margin:0 auto;}
#logo{text-align:center;padding-top:22px;}

#menu{height:70px; width:1280px; margin:0 auto; position:relative;}

#gnb{padding-top:20px;}
#gnb li{float:left; padding:0 47px; height:25px;border-right:solid 1px #bdbdbd;}
#gnb li:last-child{padding-right:0; border-right:none;}
#gnb a{font-size:22px; color:#323232;font-weight:600; }
#gnb a:hover{text-decoration:none;color:#c54b01;}


/*#gnb_on{background:#c5c5c5;}*/


	#qick_wrap {position:relative;}
	#qick{}


/* icon */
#icon_wrap {height:166px}
#icon {height:166px;width:1280px;margin:60px auto; text-align:center;}
#icon img {margin:0 30px;}


/* brand */
#brand_wrap{height:518px; background:#eeeeee; margin-top:20px;}
#brand{width:1280px;height:518px;padding:50px 0;margin:0 auto; background:#eeeeee;}
#b_tit{text-align:center; margin-bottom:35px;}
#b_box img{margin-right:30px;}

#brand img:hover{margin-top:-20px;}


/* counsol */
#counsol{height:187px; width:1280px; margin:0 auto;margin-top:80px;}
#c_left{float:left;width:615px;height:187px;}
#c_right{float:right;width:625px;}


/* footer */
#foot_wrap{height:175px;background:#fff;margin:50px 0;}
#footer{height:175px; width:1280px; margin:0 auto;}


/* 서브 */

/* 서브공통 */

.sub_wrap{width:1280px; margin:0 auto;overflow:hidden;}
.sub_left{width:230px; display:inline; float:left; margin-right:74px;border-right:solid 1px #e0e0e0;border-left:solid 1px #e0e0e0;}
.s_m_t{width:230px; height:158px; background:#e0e0e0;font-size:28px;text-align:center;line-height:175px;font-weight:600;color:#323232;}
.s_m{height:52px; border-bottom:solid 1px #e0e0e0;}
.s_m a{font-size:16px; color:#616161;margin-left:19px;line-height:60px;}
.s_m a:hover{color:#558e03;}
.sub_right{width:974px;float:right;}
.s_tit_n{width:974px;height:50px;text-align:right;font-size:13px;color:#949393;line-height:55px;}
.s_tit{width:974px;height:100px;font-size:42px;color:#323232;line-height:120px;font-weight:600;}

#intro_map {}
#intro_map .top {position:relative}
#intro_map .top .btnsms {position:absolute;top:40px;right:180px;}
#intro_map .top .btnprint {position:absolute;top:40px;right:0px;}
#intro_map .tabs {}
#intro_map .tabs:after{display:block;clear:both;content:''}
#intro_map .tabs .tab {float:left;}
#intro_map .normalmap {width:900px; height:500px;}

/* 퀙메뉴 */
.fixed_wrap{width: 100px;position: fixed;bottom:30px;/*bottom: 120px;*/right:20px;z-index: 9999;display: flex;flex-direction: column;align-items: flex-end;}
.fixed_wrap img{width: 100%;}
.fixed_wrap .top_btn{width: 52px;height: 52px;}
.fixed_wrap a{display: inline-block;width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 100%;filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));overflow: hidden;transition: 0.5s;}
.fixed_wrap .fix_qa{margin-bottom: 10px;}
.fixed_wrap .hidden{opacity: 0;display: none;font-size: 16px;white-space: nowrap;padding-left: 10px;}
.fixed_wrap a:hover{width: 200px;border-radius: 50px;background-color: #ffff;/*background-color: #e1e1e1;*/}
.fixed_wrap a:hover .hidden{opacity: 1;display: block;}
.fixed_wrap .fix_mask{width: 32px;height: 32px;}
.top_btn{cursor: pointer;transition: 0.5s all;transform: translateY(100%);opacity: 0;}
.top_btn.on{transform: translateY(0);opacity: 1;}