/* header */
#header {float:left;height:auto; background:#fff;}
.headerTop {padding:20px 0;}
.topmenu-info {position: absolute; top:0; right: 0; margin-top: 12px;}
.topmenu-info a {margin-right:10px; font-size:13px;}
.top-logo {display: inline-block; padding:10px 0; width:22%;}
.top_search {position:absolute; bottom:30px; right:0; display:inline-block; border-bottom:1px solid #ddd;}
.top_search form {width:100%;}
.top_search .search_word {border:none; width: 322px; height: 45px; padding: 5px; background:#fff;}
.top_search .search_word:focus {outline:none;}
.top_search .search_btn {height:45px; margin-top:-1px; margin-left:-5px; padding:11px; border:0; background:#fff url(/files/default-img/search.svg) no-repeat center; background-size:25px;}

/* header mobile */

#header_mobile_wrap .m_trigger {
	right: 10px;
}

#header_mobile_wrap {
	background: rgba(255, 255, 255, 255);/*rgba(0, 0, 0, 0.5);*/ /*#000000;*/

	border-bottom: 1px solid rgba(238, 238, 238, 238);
	min-width: unset;
	height: 60px;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 60;
}

#header_mobile_wrap.active {
	border-bottom: 0;
}

#header_mobile_wrap .header_con {
	min-width: 310px;
	padding-right:10px
}

#header_mobile_wrap .header_con .m_h1 {
	padding:18px 0px 0px 20px;
	top: 10px;
	left: 0px;
	width: 280px;
	display: block;
	font-size:1.6rem;
	z-index: 710;
}

#header_mobile_wrap .header_con nav li {
	width: 100%;
	text-align: center;
	position: none;
}

#header_mobile_wrap .header_con.active {
	background: rgba(255, 255, 255, 0.7);
}

#header_mobile_wrap .m_trigger {
	display: block;
	width: 40px;
	height: 40px;
	background-color: transparent;
	position: absolute;
	right: 0;
	top: 5px;
	/*z-index: 9999999;*/
	z-index: 999;
}

#header_mobile_wrap .m_trigger span {
	width: 25px;
	height: 3px;
	/*background: rgba(255, 255, 255, 0.6);*/
	background: rgba(0, 0, 0, 1);
	display: inline-block;
	position: relative;
	top: 5px; /* top padding 값*/
	left: -5px;
	transition: all 0.2s;
}

#header_mobile_wrap .m_trigger span:before {
	top: -9px;  /* 햄버그 간격 */
}

#header_mobile_wrap .m_trigger span:after {
	top: 9px;    /* 햄버그 간격 */
}

#header_mobile_wrap .m_trigger.active span {
	background: transparent;
	transition: all 0.2s;
}

#header_mobile_wrap .m_trigger.active span:before {
	transform: rotate(45deg);
	width: 20px;
	top: 0;
	background: #555555;
	transition: all 0.2s;
}

#header_mobile_wrap .m_trigger.active span:after {
	transform: rotate(-45deg);
	width: 20px;
	top: 0;
	background: #555555;
	transition: all 0.2s;
}

#header_mobile_wrap .m_trigger span:before,
#header_mobile_wrap .m_trigger span:after {
	width: 100%;
	display: inline-block;
	/*background: rgba(255, 255, 255, 0.6);*/
	background: rgba(0, 0, 0, 1);
	height: 3px;
	position: absolute;
	content: '';
	left: 0;
	transition: all 0.2s;
}

#header_mobile_wrap .header_con.active .m_trigger span {
	background: #555555;
}

#header_mobile_wrap .header_con.active .m_trigger span:before,
#header_mobile_wrap .header_con.active .m_trigger span:after {
	background: #555555;
}

#header_mobile_wrap .header_con.active .m_trigger.active span {
	background: transparent;
}

#header_mobile_wrap .header_con .mobile_nav {
	width: 100%;
	margin-left:46%;
	background: rgba(50, 50, 50, 0.9);
	/*background:#323232;*/
	top: 0;
	position: fixed;
	height: auto;
	padding-top: 0px;
	display: none;
	color:#ffffff;
	font-weight: 400;
	z-index: 999999;
	border-left:0px solid #ffb452;
}
#header_mobile_wrap .header_con nav .m_home_ico{
	width:20px;
}

#header_mobile_wrap .header_con nav .nav_home{
		position: absolute;
		top: 10px;
		left: 20px;
		color:#ffffff;

}


#header_mobile_wrap .header_con nav ul {
	padding-right: 0;
	line-height: 1em;
	border-bottom:1px solid #525252;
	
}

#header_mobile_wrap .header_con nav ul li {
	clear:both;
	width:100%
	height:50px;
	line-height:50px;
	padding-left:10px;
	text-align:left;
	border-top:1px solid #525252;
	vertical-align:baseline;
	color:#ffffff;
	font-size:1rem;
	
}



#header_mobile_wrap .header_con .mobile_nav a {
	font-size: 1.4rem;
	/*color: #f5f5f5 !important;*/
	/*color: #f5f5f5;*/
}

#header_mobile_wrap .header_con .mobile_nav a:active {
	color: #ce201b !important;
}



/*main*/

#main {float:left;width:100%;background:#fff;/*height: 100%;overflow: hidden;*/}
.mainDiv{
		width: 100%;
		margin: 0 auto;
		max-width:1100px;
		min-height:700px;
		padding-top:0px;
		padding-bottom:10px;
}

/*foot*/
.foot-privit {float:left;width:100%; position:relative; background:#444; border-bottom: 1px solid #555; padding: 20px 30px;}
.foot-privit a {font-size:14px; color:#aaa; font-weight:400; margin-right: 20px;}
.foot-privit a.privit {color:#fff;}
.foot-privit span.logo_gray img {position:absolute; top:0; right:0; width:100px; filter: grayscale(100%);}
.foot-bottom {background:#444; padding:30px; border-top: 1px solid #555;}
.foot-bottom div ul li {font-size:1.2rem; margin-bottom:5px; color:#aaa;}
.foot-bottom div ul li span {margin:0 10px;}
.foot-bottom div ul li:last-child {margin-bottom:0;}
.foot-bottom ul.fb_text > li {float:left; width:82%;}
.foot-bottom ul.fb_text > li:last-child {width:18%;}
ul.company li {line-height: 1.8; color: #888c92;}
ul.company li.copy {color:#aaa;}


/* 메뉴*/
#gnb_area{position:relative;  margin: 0 auto;  padding:0; width: 100%; left:0px; top:0px; height:60px; background:#fff; border-top:1px solid #ddd;}
.gnbDiv {position:relative; margin:0 auto; text-align:center; height:59px; width: 100%; margin:0; overflow:hidden; left:0; z-index:9999; }
.gnbDiv .gnbWrap{position:relative;  margin: 0 auto; overflow: hidden;  z-index: 9999; border-bottom:1px solid #ddd;}
.gnbDiv .gnbWrap .gnb{position:relative; margin:0 auto; width: 100%; max-width:1100px; z-index:9999; height:59px;}
.gnbDiv .gnbWrap .gnb .oneDep{height:30px; padding:0px 0 20px 0;}
.gnbDiv .gnbWrap .gnb ul{overflow:hidden; width: 100%; max-width:1100px; margin: 0;  padding:0; }
.gnbDiv .gnbWrap .gnb ul li{float:left; width: 11%; text-align:center; }

.gnbDiv .gnbWrap .gnb ul li.one{width:150px;} 
.gnbDiv .gnbWrap .gnb ul li.two{width:131px;}  
.gnbDiv .gnbWrap .gnb ul li.three{width:131px;} 
.gnbDiv .gnbWrap .gnb ul li.four{width:131px;} 
.gnbDiv .gnbWrap .gnb ul li.five{width:131px;} 
.gnbDiv .gnbWrap .gnb ul li.six{width:131px;} 
.gnbDiv .gnbWrap .gnb ul li.seven{width:131px;} 
.gnbDiv .gnbWrap .gnb ul li.eight{width:131px;} 

.gnbDiv .gnbWrap .gnb ul li a.oneDep {display:block; position:relative; font-size:16px; height:60px; color:#444; letter-spacing:-1pt; font-weight:555; line-height:60px;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep{color:#1b477d; text-decoration:none;}


.gnbDiv .gnbWrap .twoDep{width:100%; display:block; position:relative; visibility: visible; background:#eee;}
.gnbDiv .gnbWrap li.on .twoDep{ background:#fff;}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover{color:#0082da; vertical-align:top; text-decoration:none; font-weight:400;}
.gnbDiv .gnbWrap li .twoDep a.on{color:#0082da; vertical-align:top; border:1px solid #ddd;}
.gnbDiv .gnbWrap li .twoDep a{color:#777; font-weight:400; font-size:13px; line-height:18px; padding:10px 0 5px 0; letter-spacing:-1pt;}
.disB{display:block;}

.twoDbg{position:absolute; display:none; background:#fff; border-top:1px solid #ddd; top:100px; left:0; height:100px; width:100%; z-index:999; border-bottom:2px solid #21489c;}
.gnbDiv .gnbWrap li.on .guideBg{position:absolute; top:100px; left:0; display:block;}
.guideBg{display:none; position:relative;}





#rightQuick_pc {
	position: fixed;
	right: +30px;
	/*top: 320px;*/
	bottom:0;
	width: 85px;
	text-align: center;
	z-index: 9999999999999;
}
#rightQuick_pc li{text-align: center;}
#rightQuick_pc li a{
	position:relative;
	margin-bottom: 14px; 
	display: block; 
	text-align: center; 
	font-size: 15px;
	letter-spacing: -0.5px; 
	width: 50px; height: 50px; 
	background: #FFF; 
	border-radius: 50%; 
	overflow: hidden; 
	color:#000;
	box-shadow: rgba(0, 0, 0, 0.2) 0 0 9px; 
}
#rightQuick_pc ul li a:before {width:50px; height:50px; display:block; background-repeat:no-repeat; background-position:center;}
#rightQuick_pc .ban_img{opacity: 1;width:100px;}

#rightQuick_pc ul li a:before {width:50px; height:50px; display:block; background-repeat:no-repeat; background-position:center;}
#rightQuick_pc ul li:nth-child(3) a{background: #31b24a;}
#rightQuick_pc ul li:nth-child(2) a{background: #267CE5;}
#rightQuick_pc ul li:nth-child(1) a{background: #ffe600;}

#rightQuick_pc ul li:nth-child(3) a:before{content: ""; background-image: url("/img/quick/quick_blog.png");background-size:50px;}
#rightQuick_pc ul li:nth-child(2) a:before{content: ""; background-image: url("/img/quick/quick_tel-icon.png");background-size:50px;}
#rightQuick_pc ul li:nth-child(1) a:before{content: ""; background-image: url("/img/quick/quick_talk.png");background-size:50px;}
#rightQuick_pc .goTOP::before {content: "";display: block;background: url("/img/quick/m_r_ico3.png") no-repeat center 14px;width: 50px;height: 30px;margin: 0px auto;background-size: 15px;}

