#wrap{width:100%; height:100%; min-width:320px;}
#wrap .bg_on{background:#fff; border-bottom:1px solid #d6d6d6; -webkit-transition: 0.2s all; transition: 0.2s all;}
#wrap .bg_on .hd_inner h1 a{background:url(../images/cm_hd_logo_on.png) no-repeat 0 0;}
#wrap .bg_on .hd_inner .gnb > ul > li > a,
#wrap .bg_on .hd_inner .etc .etc_wp .etc_link li a{color:#666;}
#wrap .bg_on .hd_inner .etc .etc_wp .etc_link{border-right:1px solid #ddd;}
#wrap .bg_on .hd_inner .etc .etc_wp .sitemap{color:#FFF; background-color:rgba( 0, 109, 116, 0.6)}
#wrap .bg_on .hd_inner .etc .etc_wp .sitemap a{color:#fff;}
/*#wrap .bg_on .hd_inner h1 a{background:url(../images/mn_logo_on.png) no-repeat 0 0;}*/

#header{position:fixed; width:100%; height:85px; border-bottom:1px solid #d6d6d6; -webkit-transition: 0.2s all; transition: 0.2s all; z-index:900;}
#header .hd_inner{width:1280px; height:85px; margin:0 auto;}
#header .hd_inner h1{float:left; text-indent:-99999em;}
#header .hd_inner h1 a{display:block; width:190px; height:37px; color:#FFF; font-size:20px; margin-top:20px; background:url(../images/cm_hd_logo.png) no-repeat 0 0;}

/*gnb*/
#header .hd_inner .gnb{float:right; display:plex; width:560px; overflow:hidden;}
#header .hd_inner .gnb > ul{margin:0; padding:0; list-style:none;}
#header .hd_inner .gnb > ul > li{float:left; text-align:right;}
#header .hd_inner .gnb > ul > li > a{display:inline-block; padding:33px 0 0 70px; font-weight:400; font-size:18px; letter-spacing:-1px; color:#fff; text-align:center;}
#header .hd_inner .gnb > ul > li:first-child > a{padding:33px 0 0 0;}
#header .hd_inner .gnb > ul > li > a:after{display:block; content: ""; margin:27px 0 0 -10px; width:100%; padding:0 10px; height:6px; background:#fff; transform:scale(0, 1); transition:all 0.3s ease;}
#header .hd_inner .gnb > ul > li > a.active, 
#header .hd_inner .gnb > ul > li > a:hover{font-weight:bold;}
#header .hd_inner .gnb > ul > li > a.active:after, 
#header .hd_inner .gnb > ul > li > a:hover:after{transform: scale(1, 1);}

#header .hd_inner .gnb ul li .menu_inner{position:absolute; right:0; top:85px; width:100%; height:60px; z-index:4000; display:none; background:#F2F2F2; border-bottom:1px solid #CCC;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap{position:relative; width:100%; height:100%; z-index:4000;}

/*
#header .hd_inner .gnb ul li .menu_inner .menu_wrap .left_inner{float:left; width:35%; height:350px; padding:25px 0 0 0; background:#f3f0e9;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap .left_inner .inner_bg01{height:250px; background:url(../images/mn_menu_inner_bg_01.jpg) no-repeat center 27px; text-indent:-99999em;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap .left_inner .inner_bg02{height:250px; background:url(../images/mn_menu_inner_bg_02.jpg) no-repeat center 27px; text-indent:-99999em;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap .left_inner .inner_bg03{height:250px; background:url(../images/mn_menu_inner_bg_03.jpg) no-repeat center 27px; text-indent:-99999em;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap .left_inner .inner_bg04{height:350px; background:url(../images/mn_menu_inner_bg_04.jpg) no-repeat center 27px; text-indent:-99999em;}
*/

#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul{float:right; width:47%; list-style:none; margin-top:10px;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul:after{content:""; display:block; clear:both;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li{float:left; margin:0 7px;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > a{display:block; font-size:15px; font-weight:500; color:#202020; padding:10px 10px 10px 15px; text-align:left;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > a:hover,
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > a.Ov{display:block;padding:10px 10px 10px 15px; font-size:15px; font-weight:bold; text-align:left;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > ul{list-style:none; background:#FFF; padding-top:8px;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > ul > li{width:100%; clear:both; background:#FFF;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > ul > li > a{display:block; padding:4px 4px 4px 14px; color:#202020; font-size:14px; font-weight:400; text-align:left; background:url(../images/mn_gnb_3depth_bg.jpg) no-repeat 7px 13px; border:1px solid #fff;}
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > ul > li > a:hover,
#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul > li > ul > li > a.Ov{display:block; padding:4px 4px 4px 14px; background:url(../images/mn_gnb_3depth_bg.jpg) no-repeat 7px 13px; color:#8c756a; font-size:14px; font-weight:400; text-align:left; border:1px solid #8c756a;}

#header .hd_inner .gnb .sitemap{float:right; width:50px; height:50px; border-radius:50%; margin-top:19px; background-color:rgba(13, 171, 195, 0.7); }
#header .hd_inner .gnb .sitemap a{display:block; width:50px; height:50px; background:url(../images/cm_hd_menu.png) no-repeat center 18px;}

		@media all and (min-width:1024px){
			#mobileNavi {display:none;}
			
			#mask_mn {display:none !important;}
			#header .hd_inner .open_mn {display:none;}
			#header .hd_inner .open{display: none;}
		}
		
		@media all and (max-width:1380px){
			#header .hd_inner{width:calc(100% - 160px); margin:0 80px;}
			#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul{float:right; width:52%; list-style:none; margin-top:10px;}
		}
		
		@media all and (max-width:1279px){
			#header .hd_inner{width:calc(100% - 60px); margin:0 30px;}
			#header .hd_inner .gnb ul li .menu_inner .menu_wrap > ul{float:right; width:55%; list-style:none; margin-top:10px;}
		}
		
		@media all and (max-width:599px){
			#header .hd_inner{width:calc(100% - 20px); margin:0 10px;}
		}
			
		@media all and (max-width:1024px){
			
			#header .hd_inner .gnb{display:none; height:0;}
			#header .hd_inner .gnb > ul{display:none;}
			#header .hd_inner .open_mn {width:50px; height:30px; border-radius:50%; margin-top:18px; padding-top:20px; background:url('../images/cm_hd_menu.png') no-repeat 11px 18px #55c4d5;}
			#header .hd_inner .open {display:block; position:absolute; right:10px; color:#FFF; text-align:center;}
			#header .hd_inner .sitemap{display:none;}
			#header .hd_inner .etc {display:none;}
		
			#mobileNavi {display:none; position:fixed; top:0; right:0; width:100%; height:100%; padding:0; z-index:99999; overflow-x:hidden;}
			#mobileNavi > div { float:right; display:block; width:100%; min-height:100%; background:#FFF;}
			#mobileNavi h1{width:calc(100% - 15px); height:50px; padding-left:15px;  text-indent:-99999em; border-bottom:1px solid #dedede;}
			#mobileNavi h1 a{display:block; width:120px; height:23px; color:#FFF; font-size:20px; margin-top:20px; background:url(../images/cm_hd_logo.png) no-repeat 0 0;}

			#mobileNavi .close {position:absolute; top:0; right:0; line-height:0;}

			#mobileNavi .mobilelnb a {display:block; text-align:center; padding-left:20px; color:#FFF; cursor:pointer;}
			#mobileNavi .depth_01{ margin-top:50px; }
			#mobileNavi .depth_01 > li {border-bottom:1px solid #dedede;}
			#mobileNavi .depth_01 > li > a {padding:0 5%; color:#000; padding:10px 0; padding-left:15px; font-weight:700; font-size:14px; background: url('../images/cm_header_mobile_navi_bg_on.png') no-repeat 95% 19px;}
			#mobileNavi .depth_01 > li > a:hover,
			#mobileNavi .depth_01 > li > a:focus,
			#mobileNavi .depth_01 > li.on > a {color:#fff; padding-left:15px; background: url('../images/cm_header_mobile_navi_bg_off.png') no-repeat 95% 19px #007f85;}
			#mobileNavi .depth_01 > li > a:after{position: absolute; right:15px; line-height:26px; color:rgba(0,0,0,.5); width:26px; z-index:2; cursor:pointer; top:16px;}
				
			#mobileNavi .depth_02 {display:none; padding:10px 5%; background:#f7f7f7;}
			#mobileNavi .depth_02 > li > a {height:28px; font-weight:500; line-height:28px; padding-left:10px; font-size:14px; color:#424242;}
			#mobileNavi .depth_02 > li > a:hover,
			#mobileNavi .depth_02 > li > a:focus,
			#mobileNavi .depth_02 > li.on > a {font-weight:400; font-weight:500; color:#8d756b; background-position:0 -18px;}

			#mobileNavi .depth_03 {display:none; padding:10px 0; background:#f7f7f7;}
			#mobileNavi .depth_03 > li > a {height:28px; font-weight:400; line-height:28px; font-weight:500;  font-size:13px; color:#424242;}
			#mobileNavi .depth_03 > li > a:hover,
			#mobileNavi .depth_03 > li > a:focus,
			#mobileNavi .depth_03 > li.on > a {font-weight:400; color:#424242; font-weight:500; background-position:0 -18px;}
				
			#mobileNavi .sns { float:right; width:80px; padding-top:10px;}
			#mobileNavi .sns ul li {float:left; width:35px; height:35px; background: url('../images/hd_sns_01.png') no-repeat 0 6px;}
			#mobileNavi .sns ul li+li {float:left; width:35px; height:35px;  background: url('../images/hd_sns_02.png') no-repeat 0 6px;}
			#mobileNavi .sns a {display:inline-block; width:100%; color:#FFF; font-weight:500; font-size:12px;}
						
			/* mobile mask */

			.stop_scrolling {height:100%; overflow:hidden !important;}
			#mask_mn {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9995;}
		}
		
		@media all and (max-width:767px){
			#header{height:55px;}
			#header .hd_inner{height:55px;}
			#header .hd_inner h1 a{width:120px; height:23px; margin-top:15px; background-size:cover;}
			#wrap .bg_on .hd_inner h1 a{background-size:cover;}
			
			#header .hd_inner .open_mn {width:40px; height:30px; padding-top:10px; margin-top:8px; background:url('../images/cm_hd_menu.png') no-repeat 7px 12px #55c4d5;}
		}

#footer{clear:both; position:relative; width:100%; /*padding-bottom:80px;*/ background:#2d373d;}
#footer .ft_wrap {width:1280px; height:100%; margin:0 auto;}
#footer .ft_wrap:after {content:""; display:block; clear:both;}
#footer .ft_wrap .ft_priv {float:left;}
#footer .ft_wrap .ft_priv:after {content:" "; display:block; clear:both;}
#footer .ft_wrap .ft_priv ul {overflow:hidden; margin-top:18px;}
#footer .ft_wrap .ft_priv ul li {float:left; position:relative; padding-right:33px; font-size:13px; }
#footer .ft_wrap .ft_priv ul li:first-child{padding-left:0;}
#footer .ft_wrap .ft_priv ul li:first-child a{color:#eccc5e;}
#footer .ft_wrap .ft_priv ul li:first-child a:hover{color:#c3c3c4;}
#footer .ft_wrap .ft_priv ul li:after {content:''; position:absolute; left:0; top:6px; margin-left:-16px; width:1px; height:12px; background:#8f9094;}
#footer .ft_wrap .ft_priv ul li a{ color:#FFF; font-weight:500;}
#footer .ft_wrap .ft_priv ul li a:hover{color:#c3c3c4; text-decoration:none;}

#footer .ft_wrap .btn_top{float:right; width:50px; height:40px; background:#0dabc3; color:#fff; margin-right:0; margin-top:15px; padding-top:10px; font-size:11px; text-align:center;  z-index:10; line-height:140%;}
#footer .ft_wrap .btn_top a{color:#fff; text-decoration:none;}

#footer .ft_wrap .ft_bn{float:right; display:inline-block; margin-top:15px;margin-right:10px;}
#footer .ft_wrap .ft_bn > li{display:inline-block;}

#footer .address_wrap {width:1280px; padding:20px 0; margin:0 auto;}
#footer .address_wrap address {width:100%; font-size:14px; color:#b9bfb3; word-break:break-all;}
#footer .address_wrap > p{color:#b0b0b0; font-size:13px; padding:5px 0; font-weight:500;}

/*#footer .ft_sns{position:absolute; right:0; top:0; margin-right:11%; margin-top:150px;}
#footer .ft_sns ul{}
#footer .ft_sns ul li{ display:inline-block; padding:5px 5px 0 15px;}
#footer .ft_sns ul li a{color:#FFF;}
#footer .ft_sns ul li+li{padding:5px 5px 0 28px; background:url('../images/sns_blog.png') no-repeat 0 8px;}
#footer .ft_sns ul li+li+li{padding:5px 0 0 23px;background:url('../images/sns_ch.png') no-repeat 0 8px;}
*/		
	@media all and (max-width:1380px){
		#footer .ft_wrap{width:calc(100% - 160px); margin:0 80px;}
		#footer .address_wrap {width:calc(100% - 160px); margin:0 80px;}
	}
		
	@media all and (max-width:1279px){
		#footer .ft_wrap{width:calc(100% - 60px); margin:0 30px;}
		#footer .address_wrap {width:calc(100% - 60px); margin:0 30px;}
	}
	
	@media all and (max-width:780px){
		#footer .ft_wrap .btn_top{position:absolute; right:0; bottom:0;}
		#footer .ft_wrap .ft_bn{float:left; display:inline-block; margin-top:15px;margin-right:10px;}
		#footer .ft_wrap .ft_bn > li{display:inline-block;}
	}
	
	@media all and (max-width:580px){
		#footer .ft_wrap{width:calc(100% - 20px); margin:0 10px;}
		#footer .address_wrap {width:calc(100% - 20px); margin:0 10px;}
	}
	
.customer_zone{width:100%; background:#fafafa; border-radius:10px; border:1px solid #eaeaea; margin-top:50px;}
.customer_zone:after{content:" "; display:block; float:none; clear:both;}
.customer_zone > ul{padding-left:36px;}
.customer_zone > ul > li{float:left; padding:20px 40px; background:url('../images/customerz_img_01.png') no-repeat 0 15px;}
.customer_zone > ul > li+li{background:url('../images/customerz_img_02.png') no-repeat 0 15px;}
.customer_zone > ul > li+li+li{background:url('../images/customerz_img_03.png') no-repeat 0 15px;}