@charset "UTF-8"; 
html{overflow-x:hidden;}
body{overflow-x:hidden;}
ul,ol,li{margin:0; padding:0; list-style:none;}

body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{margin:0; padding:0; font-size:15px; letter-spacing:-0.02em;font-family:'Poppins','Noto Sans KR',sans-serif;}


/* 중간기기~작은기기 모바일 상단 */
#mobile_header{width:100%; height:60px; line-height:60px; z-index:999999; display:none;}
#mobile_header .inner{top:0; left:0; z-index:50; width:100%; height:60px; line-height:60px; overflow:hidden; background:rgba(0,0,0,.85);}
#mobile_header h1{width:220px; padding-top:10px; text-align:center; margin:0 auto;}
#mobile_header h1 img{width:90%; overflow:hidden;}
#mobile_header .m_gnb li{list-style:none;}
#mobile_header .m_gnb li a{display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:20px; font-size:20px; color:#fff;}
#mobile_header .m_gnb li.home a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:20px; font-size:20px; color:#fff;}
#back_cover{position:absolute; display:none; left:0; top:0; width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:9999998;}
#sideMenu{display:inline; position:fixed; top:0; left:-250px; width:249px; height:100%; background:#fff; z-index:9999999;}
#sideMenu .side_title{height:60px; line-height:60px; background:#111; color:#fff; text-align:center; font-size:1.3em; cursor:pointer;}
#sideMenu .navi_bg{width:100%;} 
#sideMenu .nav{width:100%; margin:0 auto; padding:0; padding-bottom:30px; list-style:none; box-sizing:border-box; overflow:auto; height:auto;} 
#sideMenu .nav ul{width:100%; margin:0; padding:0;}
#sideMenu .navi_set{display:inline; margin:0; padding:10px 0 10px 0; text-align:center;}
#sideMenu .navi_set > div{display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd; text-align:left; background:#fff; color:#000; text-indent:10px; cursor:pointer;}
#sideMenu .navi_set > div > a{display:block; width:100%; height:40px; line-height:40px;}
#sideMenu .navi_set ul{display:none;}
#sideMenu .navi_set ul li{list-style:none; border-bottom:1px solid #eee; position:relative;}
#sideMenu .navi_set ul li a{display:block; width:100%; height:40px; line-height:40px; text-align:left; font-size:1em; color:#333; cursor:pointer; text-indent:20px; background:#fff;}
#sideMenu .navi_set ul li a:hover{color:#fff; background:#aaa;}
#sideMenu .navi_set ul li button{position:absolute; top:0; right:calc(5% - 11px); border:0; height:100%; background:url('../image/arr_d.png') center center no-repeat; cursor:pointer; width:30px;}
#sideMenu .navi_set ul li button.on{background:url('../image/arr_u.png') center center no-repeat;}
#sideMenu .navi_set ul li.dep3{display:none;}
#sideMenu .navi_set ul li.dep3 a{padding:8px 0; height:auto; font-size:0.9em; color:#333; line-height:1.4; background:#f5f5f5;}
#sideMenu .navi_set ul li.dep3 a:hover{color:#000;}
#gnba{background:#666; text-align:center;}
#gnba a{position:relative; display:block; float:left; width:50%; height:60px; color:#fff; text-align:center; font-size:0.85em; line-height:16px; padding:0; margin:0; background:#666;}
#gnba a:nth-child(1):after{content:""; position:absolute; top:20%; left:100%; width:1px; height:30px; background:rgba(255,255,255,0.4); z-index:99;}
#gnba a i{color:#fff; font-size:1.5em; display:block; margin-top:10px; margin-bottom:5px;}
#gnba a:hover{background:#fff; color:#000;}
#gnba a:hover i{color:#000;} 
.jbmFixed{position:fixed !important; top:0; left:0;}



/* 큰기기 PC 상단 */
#header_wrap{width:100%; position:absolute; top:0px; left:0; z-index:500 !important;}
#header{position:absolute; top:0; left:0; width:100%; z-index:500 !important; transition:0.5s all ease;}
#header .wrap_box{position:relative; width:100%; height:110px; max-width:1500px; margin:0 auto;}
#header_logo{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
#header_logo:after{content:""; display:block; clear:both;}
#header_logo h1.logo_a a img{display:inline; vertical-align:middle;}
#header_logo h1.logo_b a img{display:none; vertical-align:middle;}
#top_tel{position:absolute; left:0; top:50%; color:#fff; font-size:1.5em; font-weight:700; transform:translateY(-50%);}
#top_tel i{font-size:1em; margin-right:5px;}
#gnbb{position:absolute; right:0; top:50%; transform:translateY(-50%);}
#gnbb > ul > li{float:left; margin-left:6px;}
#gnbb > ul > li:first-child{margin-left:0;}
#gnbb > ul > li > a{color:#fff; text-align:center; padding:0 5px; font-size:0.9em;}
#gnbb > ul > li > a i{font-size:1em; line-height:1.4; margin-right:4px;}
#gnbb > ul > li > a:hover{color:#FBBF3E;}
#lnb{clear:both; position:relative; width:100%;}
#lnb:before{content:""; position:absolute; width:100%; height:1px; left:0; top:0; background:rgba(255,255,255,0.2);}
#lnb:after{content:""; position:absolute; width:100%; height:1px; left:0; top:60px; background:rgba(255,255,255,0.2);}
#lnb .lnb_wrap{max-width:100%; margin:0 auto; position:relative; overflow:hidden; text-align:center; width:100%; height:60px; min-height:60px; transition:0.2s all ease;}
#lnb .lnb_wrap > ul{font-size:0; max-width:1500px; margin:0 auto;}
#lnb .lnb_wrap > ul > li{position:relative; display:inline-block; vertical-align:top; margin:0; padding:0; width:16.65%; font-size:15px;}/*1차메뉴추가시 width값을 조정합니다.*/
#lnb .lnb_wrap > ul > li > a{display:block; width:100%; margin:0; padding:0; text-align:center; font-size:1.3em; font-weight:500; color:#eee; height:60px; line-height:60px;}
#lnb .lnb_wrap > ul > li > a > span{display:block; background:rgba(255,255,255,0); width:0px; height:2px; margin:0 auto; transition:0.5s all ease;}
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a{color:#1faae1 !important; transition:0.5s all ease;}
#lnb .lnb_wrap > ul > li.current > a > span, #lnb .lnb_wrap > ul > li.actived > a > span{display:block; background:#1faae1; width:100%;}
#lnb .lnb_sub{width:100%; height:100vh; margin:0 auto; padding:4%; padding-top:25px; text-align:left;}
#lnb .lnb_sub li a{display:block; margin-top:5px; padding:5px 15px; font-size:1em; color:#000 !important; line-height:1.4; letter-spacing:-0.5px; word-break:keep-all;}
#lnb .lnb_sub li:first-child a{margin-top:0;}
#lnb .lnb_sub li a:hover{color:#fff !important; background:#1faae1;}
#lnb .lnb_sub li a.third{margin-top:0; padding-left:15px; font-size:0.9em; color:#666;}
#lnb .lnb_sub li a.third:hover{color:#1faae1 !important; background:none;}
#header_wrap:hover #header{background:rgba(255, 255, 255, 1); box-shadow:2px 5px 13px rgba(0,0,0,0.1);}
#header_wrap:hover #header_logo h1.logo_a a img{display:none;}
#header_wrap:hover #header_logo h1.logo_b a img{display:inline;}
#header_wrap:hover #lnb:before{background:rgba(0,0,0,0.1);}
#header_wrap:hover #lnb:after{background:rgba(0,0,0,0.1);}
#header_wrap:hover #lnb .lnb_wrap > ul > li > a{color:#000;}
#header_wrap:hover #top_tel{color:#333;}
#header_wrap:hover #gnbb li a{color:#333;}
#header_wrap:hover #gnbb li:hover a{color:#1faae1;}
#header.header_on #lnb:hover .lnb_wrap{height:480px;} /*메뉴의 높이를 입력합니다.*/
.header_fixed{clear:both; width:100%; min-height:60px; max-width:100% !important; position:fixed !important; left:0; top:-1px !important; background:rgba(255,255,255,1); border-bottom:1px solid rgba(0,0,0,0.2); z-index:500 !important; transition:all 1.0s ease;}
.header_fixed .wrap_box{display:none;}
.header_fixed .lnb_wrap > ul > li > a{color:#000 !important;}
.header_fixed #header.header_on{height:480px !important; box-shadow:2px 5px 13px rgba(0,0,0,0.1);}/*메뉴의 높이를 입력합니다.*/



#footer_online{width:100%; min-width:320px; padding:25px 0 15px 0; background:#3c3f45;}
#footer_online.index{background:#3c3f45;}
#footer_online:after{content:""; display:block; clear:both;}
#footer_online .online_area{width:100%; height:100%; min-width:320px; max-width:1500px; margin:0 auto;}
#footer_online .online_area:after{content:""; display:block; clear:both;}
#footer_online .online_tit{float:left; width:17%; margin-top:1%; font-size:1.6em; color:#fff; line-height:1.2; font-weight:700; word-break:keep-all;}
#footer_online .online_tit em{display:block; margin-bottom:10px; font-size:0.85em; color:#1faae1; line-height:1.2; font-weight:400;}
#footer_online .online_info{float:left; width:62%; margin:0 2%;}
#footer_online .online_info dl{width:100%; font-size:0;}
#footer_online .online_info dl dd{display:inline-block; vertical-align:top; width:100%; margin-bottom:1.25%;}
#footer_online .online_info dl.wn dd{width:32.5%; margin-right:1.25%;}
#footer_online .online_info dl.wn dd:nth-child(3){margin-right:0;}
#footer_online .online_info dl dd select{width:100%; height:50px; padding-left:10px; background:#fff; border:0; border-radius:5px;}
#footer_online .online_info dl dd input{width:100%; height:50px; text-indent:10px; background:#fff; border:0; border-radius:5px;}
#footer_online .online_info dl dd input::placeholder{color:#999; opacity:1;}
#footer_online .online_info dl dd input:-ms-input-placeholder{color:#999;}
#footer_online .online_bt{float:left; width:17%;}
#footer_online .online_bt .btn_online{width:100%; height:50px; text-align:center; font-size:1em; color:#fff; font-weight:500; background:#005cb6; border:0; border-radius:5px; transition:0.5s all ease;}
#footer_online .online_bt .btn_online:hover{color:#fff; background:#1faae1; transition:0.5s all ease;}
#footer_online .online_bt .online_agree{display:block; margin-top:10%; font-size:0.85em; color:#fff; line-height:1.4; word-break:keep-all;}
#footer_online .online_bt .online_agree a{color:#aaa;}
#footer_online .online_bt .online_agree a:hover{color:#fff;}



/* 하단 */
#footer{clear:both; width:100%; min-width:320px; margin:0; padding:50px 0; text-align:center; background:#202020;}
#footer:after{content:""; display:block; clear:both;}
#footer .copy_menu{width:100%; max-width:1500px; margin:0 auto;}
#footer .copy_menu a{display:inline-block; margin-right:20px; font-size:1em; color:#fff; line-height:1.6;}
#footer .copy_menu a:last-child{margin-right:0;} 
#footer .copy_menu a:hover{color:#1faae1;}
#footer .copyright{width:100%; max-width:1500px; margin:20px auto 0;}
#footer .copyright span{display:inline-block; font-size:0.9em; color:#999; line-height:1.6; padding:0 10px;}
#footer .copyright p{display:block; margin-top:20px; font-size:0.9em; color:#fff; line-height:1.4;}


/* PC용 퀵메뉴 */
.q-menu{position:fixed; bottom:50px; right:20px; z-index:1000;}
.nav_btn{width:70px; height:70px; margin-bottom:5px;}
.nav_btn a{float:right; display:block; width:70px; height:70px; border-radius:70px; transition:0.5s all ease;}
.nav_btn a .nav_txt{display:block; height:70px; width:100%; position:relative;}
.nav_btn a .nav_txt p{opacity:0; display:block; height:70px; width:110px; font-size:0.9em; padding-left:25px; padding-top:15px; position:absolute; top:0; left:0;}
.nav_btn.bg1 a{background:#ffeb3b;}
.nav_btn.bg1 a .nav_txt:before{display:block; float:right; width:70px; height:70px; line-height:70px; text-align:center; font-size:2.2em; content:'\ebef'; font-family:"xeicon";}
.nav_btn.bg2 a{background:#4375c2;}
.nav_btn.bg2 a .nav_txt:before{display:block; float:right; width:70px; height:70px; line-height:70px; text-align:center; font-size:1.5em; color:#fff; content:'\f31c'; font-family:"FontAwesome";}
.nav_btn.bg2 a .nav_txt p{color:#fff;}
.nav_btn.bg3 a{background:#666;}
.nav_btn.bg3 a .nav_txt:before{display:block; float:right; width:70px; height:70px; line-height:70px; text-align:center; font-size:1.5em; color:#fff; content:'\f4ad'; font-family:"FontAwesome";}
.nav_btn.bg3 a .nav_txt p{color:#fff;}
.nav_btn:hover a{width:170px;}
.nav_btn:hover a .nav_txt p{opacity:1; transition:0.5s all ease; transition-delay:0.2s;}
.nav_top a{display:block; width:70px; height:70px; border-radius:100%; background:#fff; border:1px solid #ddd; box-shadow:border-box;}
.nav_top a:before{display:block; width:70px; height:70px; line-height:70px; text-align:center; font-size:1.5em; color:#000; content:'\f062'; font-family:"FontAwesome";}





/* 반응형 중간기기 1520px 사이즈 이하*/
@media all and (max-width:1520px){	

	#header .wrap_box{width:96%;}
	


	#footer_online .online_area{padding:0 2%;}
		
			
	

	#footer{padding:50px 4%;}

}


/* 반응형 중간기기 1300px 사이즈 이하*/
@media all and (max-width:1300px){

	#header .wrap_box{display:none;}

	

}


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){

	
}


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){

	#mobile_header{display:block; min-width:320px;}
	#header_wrap{display:none;}

	


	#footer_online{padding:25px 2%;}
	#footer_online .online_tit{width:100%; margin-bottom:20px; text-align:center;}
	#footer_online .online_tit em{display:inline-block; margin-bottom:0; margin-right:10px;}
	#footer_online .online_info{width:100%; margin:0;}
	#footer_online .online_bt{width:100%;}
	#footer_online .online_bt .online_agree{margin-top:20px; text-align:center;}

	.q-menu{bottom:20px; right:2%;}

}


/* 반응형 중간기기 1000px 사이즈 이하*/
@media screen and (max-width:1000px){	

	
}


/* 반응형 중간기기 860사이즈 이하 */
@media screen and (max-width:860px){			

	

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width:768px){			

	

	#footer_online .online_info{width:100%; margin:0;}	
	#footer_online .online_info dl dd{margin-bottom:2%;}
	#footer_online .online_info dl.wn dd:nth-child(1){width:100%; margin-right:0;}
	#footer_online .online_info dl.wn dd{width:49%; margin-right:2%;}
	#footer_online .online_info dl dd select{height:40px;}
	#footer_online .online_info dl dd input{height:40px;}
	#footer_online .online_bt .btn_online{height:40px;}
	


}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width:480px){	


}


/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width:360px){	


}