#wrap{width:100%; height:100%; min-width:320px;}

.main_bg{background: url(../images/mn_vis_bg.jpg) no-repeat 0 0;}

#header{position:relative; width:100%; z-index:900; border-bottom:1px solid #b2b6b98f; height:102px;}

#header .hd_inner{/*background: url(../images/mn_vis_bg.jpg) no-repeat 0 0;*/}

#header .hd_inner:hover{background-color:#fff;}

#header .hd_inner .hd_top{display:flex; width:1320px; height:102px; margin:0 auto; overflow:hidden; justify-content: space-between;}



	@media all and (max-width:1599px){

		#header .hd_inner .hd_top{width:96%;}

	}

	@media all and (max-width:1024px){

		#header{height:80px;}

		#header .hd_inner .hd_top{height:80px;}

	}



#header .hd_inner .hd_top h1{margin:38px 0px 0px 0px;}

	

	@media all and (max-width:1024px){

		#header .hd_inner .hd_top h1{margin:29px 0 0 0;}

		#header .hd_inner .hd_top h1 img{width:250px; height:26px;}

	}

	

#header .hd_inner .hd_top .gnb{overflow:hidden; height:82px; padding-top:21px; margin-left: 340px;}

#header .hd_inner .hd_top .gnb > ul{margin:0 auto; padding:0; list-style:none;}

#header .hd_inner .hd_top .gnb > ul > li{float:left; text-align:center; padding-right: 5px;}

#header .hd_inner .hd_top .gnb > ul > li img{vertical-align:middle; margin:-2px 0 0 2px;}

#header .hd_inner .hd_top .gnb > ul > li > a{display:block; padding:20px 33px; font-weight:500; font-size:22px; letter-spacing:-1px; color:#3b496a; text-align:center; font-family: Noto Sans KR;}

#header .hd_inner .hd_top .gnb > ul > li > a:hover{color:#4d4d4d;}

#header .hd_inner .hd_top .gnb > ul > li+li:before{position:absolute; display:block; content: ""; width:1px; height:12px; margin-top:25px; background:; z-index:999;}

	

	@media all and (max-width:1380px){

		#header .hd_inner .hd_top .gnb{margin-left:0;}

	}

	

#header .hd_inner .hd_top .gnb ul li .menu_inner{position:absolute; left:0; top:100px; width:100%; height:120px; z-index:4000; border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:none; background:#fff;}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap{width:1540px; height:100%; margin:0 auto; background:#fff; z-index:4000;}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap .left_inner{float:left; width:22%; height:calc(100% - 25px);  text-align:left; font-size:18px; color:#5686da; font-weight:500; padding:25px 0 0 0; letter-spacing:-1px;}

	

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap .inner_bg01{}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap .inner_bg02{}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap .inner_bg03{}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap .inner_bg04{}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap .inner_bg05{}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap .inner_bg06{}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap .left_inner .txt_big{display:block; text-align:center; font-size:30px; color:#5686da; font-weight:600; line-height:170%; }

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul{float:right; width:calc(76% - 21px); list-style:none; margin-top:20px; border-left:1px solid #ebebeb; padding-left:20px;}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul:after{content:""; display:block; clear:both;}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul > li{float:left; width:22%; background:#fff; background:#d9d9d93d; margin:10px 7px;}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul > li:nth-child(4), 

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul > li:nth-child(8){margin-right:0;}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul > li:nth-child(1),

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul > li:nth-child(5)

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul > li:nth-child(9),{margin-left:25px;}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul > li > a{display:block; font-size:15px; font-weight:bold; color:#333; padding:10px 10px 10px 15px; text-align:left;}

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul > li > a:hover,

#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul > li > a.Ov{display:block; background:#5686da; padding:10px 10px 10px 15px; font-size:15px; font-weight:bold; color:#fff; text-align:left;}



#header .hd_inner .hd_top .hd_link{margin-right:0; height:102px; }

#header .hd_inner .hd_top .hd_link .member_btn{ display:inline-block; margin-top:30px;}

#header .hd_inner .hd_top .hd_link .member_btn > ul > li{position:relative; display:inline-block; margin:8px 4px;}

#header .hd_inner .hd_top .hd_link .member_btn > ul > li a{color:#FFF; font-size:14px; line-height:100%;}





#header .hd_inner .hd_top .hd_link .sitemap_btn{display:inline-block; height:109px; text-indent:-99999em; padding-top:51px; padding-left:39px;}

#header .hd_inner .hd_top .hd_link .sitemap_btn a{display:block; width:25px; height:20px; background:url('../images/cm_hd_menu.jpg') no-repeat 0 0;}







		@media all and (max-width:1024px){

			#header .hd_inner .hd_link{display:none;}

			#header .hd_inner .open_mn{background:url('../images/cm_hd_menu_m.png') no-repeat center 16px #5586da;}

			#header .hd_inner .open{display:block; position:absolute; top:10px; border-radius:50%; right:2%; width:50px; height:50px; text-indent:-9999px;}

			#header .hd_inner .hd_top .gnb{display:none; height:0;}

			#header .hd_inner .hd_top .gnb > ul{display:none;}

			

			#header .hd_inner .hd_top{ width:100%;}

			#header .hd_inner .hd_top{width:96%;}

		}	

	

		@media all and (min-width:1025px){

			#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: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:5px; padding-top:20px; background:url('../images/cm_hd_menu_m.png') no-repeat 11px 18px #5586da;}

				#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:40px; padding-left:15px; margin-top:20px;  text-indent:-99999em; border-bottom:1px solid #dedede;}

				#mobileNavi h1 a{display:block; width:200px; height:20px; color:#FFF; font-size:20px; margin-top:0; background:url(../images/header_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{}

				#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 #5586da;}

				#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; background:#f7f7f7;}

				#mobileNavi .depth_02 > li > a {font-weight:500; padding:10px; font-size:14px; color:#424242; border-bottom:1px dotted #dedede;}

				#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;}

			}



#footer{clear:both; position:relative; width:100%; background:#303846; padding-bottom:34px; font-family: Noto Sans KR;}

#footer .ft_wrap{position:relative; width:1320px; margin:0 auto;}

#footer .ft_wrap .ft_priv{overflow:hidden; display:flex; padding-top:15px; padding-bottom:10px;}

#footer .ft_wrap .ft_priv > li{position:relative; padding-right:33px;}

#footer .ft_wrap .ft_priv > li:after {content:''; position:absolute; left:0; top:6px; margin-left:-16px; width:1px; height:10px; background:#717c7e;}

#footer .ft_wrap .ft_priv > li:first-child{padding-left:0;}

#footer .ft_wrap .ft_priv > li:first-child a{color:#bdbfc5;}

#footer .ft_wrap .ft_priv > li a{font-size:14px; color:#bdbfc5; font-weight:400;}

#footer .btn_top{position:absolute; top:0; right:15.5%; width:60px; height:50px; padding:9px 0 0 0; line-height:16px; text-align:center; box-sizing:border-box; z-index:1000; background:#5686da;}

#footer .btn_top a{text-decoration:none; font-size:13px; color:#fff;}

#footer .ft_wrap .address_wrap{margin:12px 0 0 0; color:#8b8d8c; font-size: 14px;}

#footer .ft_wrap .ft_link{position:absolute; top:0; right:0; margin-top:94px;}

#footer .ft_wrap .ft_link .ft_lnk_list{display:none; position:absolute; width:247px; margin-top:-167px; border:1px solid #e1e1e1; background:#fff;  z-index:9999;}

#footer .ft_wrap .ft_link .ft_lnk_list li{border-bottom:1px solid #eee;}

#footer .ft_wrap .ft_link .ft_lnk_list li a{display:block; padding:4px; text-align:center; color:#666;}

#footer .ft_wrap .ft_link .ft_lnk_list li a:hover{background:#f1f1f1;}



	@media all and (max-width:1599px){

		#footer .ft_wrap{width:96%;}

		#footer .btn_top{right:2%;}

	}

	

	@media all and (max-width:691px){

		#footer .btn_top{top:auto; bottom:0; right:0;}

	}



	@media all and (max-width:665px){

		#footer .ft_wrap .ft_priv{display:inline-block;}

		#footer .ft_wrap .ft_priv li{float:left;}

	}

	

	@media all and (max-width:560px){

		#footer .ft_wrap .ft_priv li a{font-size:13px;}

	}

	@media all and (max-width:480px){

		#footer .ft_wrap p{margin-right:60px;}

	}

	

#footer .ft_sns { position:absolute; right:5%; top: 7px; }

#footer .ft_sns li { float:left; margin-left:0px; }

#footer .ft_sns li a { display:block; width:38px; height:38px; border-radius:50%; text-indent:-9999em; overflow:hidden; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

#footer .ft_sns li a.snsF { background:#303846 url('../images/sb_snb_sns_02.png') no-repeat center; }

#footer .ft_sns li a.snsI { background:#303846 url('../images/sb_snb_sns_04.png') no-repeat center; }

#footer .ft_sns li a.snsB { background:#303846 url('../images/sb_snb_sns_03.png') no-repeat center; }

#footer .ft_sns li a.snsY { background:#303846 url('../images/sb_snb_sns_01.png') no-repeat center; }

#footer .ft_sns li a.snsk { background:#303846 url('../images/sb_snb_sns_05.png') no-repeat center; }



#footer .ft_sns li a:hover { background-color:#5686da; }