/* webapp/css/common.css */
#wrap{width:100%; height:100%; min-width:320px;}

#header{position:relative; width:100%;}
#header .hd_inner{}
#header .hd_inner .hd_top{display:flex; width:1165px; height:105px; margin:0 auto; overflow:hidden; justify-content: space-between;}

	
	@media all and (max-width:1279px){
		#header .hd_inner .hd_top{width:92%;}
	}
	@media all and (max-width:1023px){
		#header .hd_inner .hd_top {height:65px;}
	}

#header .hd_inner .hd_top h1{margin:31px 0 0 0;}
	
	@media all and (max-width:1023px){
		#header .hd_inner .hd_top h1{margin:16px 0 0 0;}
		#header .hd_inner .hd_top h1 img{width:80%;}
	}
	
#header .hd_inner .hd_top .gnb{overflow:hidden; height:95px; padding-top:22px; margin:auto 0;}
#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; }
#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 50px; font-weight:bold; font-family:'GmarketSansBold'; font-size:18px; letter-spacing:-1px; color:#4d4d4d; text-align:center;}
#header .hd_inner .hd_top .gnb > ul > li > a:hover{color:#0166cf;}
#header .hd_inner .hd_top .gnb > ul > li+li:before{position:absolute; display:block; content: ""; width:1px; height:12px; margin-top:25px; background:#fff; z-index:999;}

	@media all and (max-width:1279px){
		#header .hd_inner .hd_top .gnb > ul > li > a{padding:20px 30px;}
	}
	
#header .hd_inner .hd_top .gnb ul li .menu_inner{position:absolute; left:0; top:105px; 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:1165px; 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:#1e8a9c; 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 .inner_bg07{}
#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:#21418e; font-weight:600; line-height:170%; }
#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul{float:right; width:calc(75% - 21px); list-style:none; margin-top:20px; border-left:1px solid #ebebeb; padding-left:20px; box-sizing: border-box;}
#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:calc(32% - 14px); background:#fff; background:#e7f1fb; margin:10px 7px;}
#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul > li:nth-child(3), 
#header .hd_inner .hd_top .gnb ul li .menu_inner .menu_wrap > ul > li:nth-child(6){margin-right:0;}
#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:#0166cf; 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; width:79px;}
#header .hd_inner .hd_top .hd_link > ul{padding-top:38px; display:flex;justify-content: space-between;} 
#header .hd_inner .hd_top .hd_link > ul li{text-indent:-99999em;}
#header .hd_inner .hd_top .hd_link > ul li a{display:block; width:25px; height:25px; background:url('../images/cm_hd_search.jpg') no-repeat 0 0;}
#header .hd_inner .hd_top .hd_link > ul li+li{text-indent:-99999em;}
#header .hd_inner .hd_top .hd_link > ul li+li a{display:block; width:26px; height:23px; background:url('../images/cm_hd_menu.jpg') no-repeat 0 0;}

		@media all and (max-width:1499px){
			#header .hd_inner .hd_top .hd_link .member_btn{margin:46px 12px 0 0;}
			#header .hd_inner .hd_top .hd_link .member_btn > ul > li a{padding:10px 4px; font-size:13px;}
			#header .hd_inner .hd_top .hd_link .sitemap_btn{padding-left:19px;}
		}
		
		
		@media all and (max-width:1024px){
			#header .hd_inner .hd_link{display:none;}
			#header .hd_inner .open_mn{background: url(../images/cm_hd_menu.jpg) no-repeat 0 0;}
			#header .hd_inner .open{display:block; position:absolute; top:20px; right:2%; width:26px; height:23px; 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:92%;}
		}	
	
		@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:1024px){
				#header .hd_inner .hd_top .sitemap_btn{display:none;}
				
				#mobileNavi {display:none; position:fixed; top:0; right:0; width:100%; height:100%; padding:0; z-index:99999; overflow-x:hidden; background:#FFF;}
				#mobileNavi > div {float:right; display:block; width:100%; min-height:100%;}
				#mobileNavi > div > h1.mlogo{width:100%; height:50px; padding-left:15px;  text-indent:-99999em; border-bottom:1px solid #dedede; }
				#mobileNavi > div > h1.mlogo a{display:block; width:160px; height:33px; color:#FFF; font-size:20px; margin-top:20px; background:url(../images/cm_header_logo.jpg) no-repeat 0 0; background-size:100%;}
				
				#mobileNavi > div > .link{ width:100%; display:inline-block; background:#285f74; padding:10px 18px;}
				#mobileNavi > div > .link > ul > li{position:relative; display:inline-block;}
				#mobileNavi > div > .link > ul > li+li:before{position:absolute; content:""; display:block; width:1px; height:13px; margin:10px 0 0 -1px; background:#c6dade;}
				
				#mobileNavi > div > .link > ul > li a{display:block; padding:10px 8px; color:#FFF; font-size:14px; line-height:100%;}
				#mobileNavi > div > .link > ul > li a:hover{color:#ffea00;}
	
				#mobileNavi .close {position:absolute; top:10px; right:10px; line-height:0;}
				
				#mobileNavi .mobilelnb a {display:block; text-align:left; 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 25px; 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; background: url('../images/cm_header_mobile_navi_bg_off.png') no-repeat 95% 19px #00b6c1;}
				#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:#00b6c1; 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;}*/

				.stop_scrolling {height:100%; overflow:hidden !important;}
			}

#footer{clear:both; position:relative; width:100%; background:#141923; padding-bottom:70px;}
#footer .ft_wrap{position:relative; display: flex;  width:1165px; margin: 0 auto; padding-top: 32px;}
#footer .ft_wrap .ft_logo{width:291px;}
#footer .ft_wrap .ft_copy{ position: relative; display:flex; justify-content: space-between;}
#footer .ft_wrap .ft_copy .ft_priv{ margin-right: 1rem;}
#footer .ft_wrap .ft_copy .ft_priv > ul {display:flex; width: 100%; justify-content:flex-start;}
#footer .ft_wrap .ft_copy .ft_priv > ul > li{position:relative; height:22px; padding:0 20px;}
#footer .ft_wrap .ft_copy .ft_priv > ul > li:before{position:absolute; display:block; content: ""; right:0; top:0; margin-top:5px; width:2px; height:16px; background:#79797b;}
#footer .ft_wrap .ft_copy .ft_priv > ul > li:last-child:before{display:none;}
#footer .ft_wrap .ft_copy .ft_priv > ul > li a{display:block;font-size:16px;font-weight: bold; color:#e6e4e4;letter-spacing:-1px;}
#footer .ft_wrap .ft_copy .ft_priv > ul > li:first-child{padding-left:0;}
#footer .ft_wrap .ft_copy .ft_priv .address_wrap{font-size:15px; margin:12px 0 0 0; color:#8d8f92; letter-spacing: -1px;}
#footer .ft_wrap .ft_copy .ft_link{width: 190px; /*border-left: 1px solid #545253;*/ padding-left: 6rem;}
#footer .ft_wrap .ft_copy .ft_link > p{ color: #fff; font-size: 16px; font-weight: 500; margin-bottom: 18px;}
#footer .ft_wrap .ft_copy .ft_link .ft_lnk_list{display:none; position:absolute; right:0; top:0; width:187px; height: 58px; margin-top:-59px; border:1px solid #62656a; background:#141923; z-index:9999; overflow: auto;}
#footer .ft_wrap .ft_copy .ft_link .ft_lnk_list li{border-bottom:1px dotted #32373f; margin:0 10px;}
#footer .ft_wrap .ft_copy .ft_link .ft_lnk_list li a{display:block; padding:3px; text-align:center; color:#7d8085; font-size: 14px; letter-spacing: -1px;}
#footer .ft_wrap .ft_copy .ft_link .ft_lnk_list li a:hover{color:#fff;}
#footer .ft_wrap .ft_link_right .btn_top{position:absolute; top:0; right:0; margin-top: -54px; width:99px; height:85px; padding:35px 0 0 0; line-height:16px; font-size:20px; color:#fff; font-weight: 700; text-align:center; box-sizing:border-box; z-index:1000; background: url('../images/cm_ft_top.jpg') no-repeat 0 0;}
#footer .ft_wrap .ft_link_right .btn_top a{text-decoration:none; }

	@media all and (max-width:1680px){
		#footer .ft_wrap{ width: calc(100% - 6rem); margin: 0 3rem;}
	}
	@media all and (max-width:1518px){
		#footer .ft_wrap{justify-content: flex-start}
		#footer .ft_wrap .ft_copy{ flex-direction: column; text-align: left;}
		#footer .ft_wrap .ft_copy .ft_link{width:100%; margin-top: 20px; padding-left: 0; border: none;}
		#footer .ft_wrap .ft_copy .ft_link > p{ display:inline; padding-right: 1rem;}
		#footer .ft_wrap .ft_copy .ft_link .ft_lnk_list{ margin-top:41px; margin-right:349px;}
	}
	@media all and (max-width:1174px){
		#footer .ft_wrap{flex-direction: column;}
		#footer .ft_wrap .ft_logo{ margin-bottom: 25px;}
		#footer .ft_wrap .ft_copy .ft_link .ft_lnk_list{margin-top:41px; left: 0; margin-left:0px;}
}
	@media all and (max-width:699px){
		#footer .ft_wrap .ft_copy .ft_priv{ margin-right: 0;}
		#footer .ft_wrap .ft_copy .ft_priv > ul{flex-wrap: wrap;}
		#footer .ft_wrap .ft_copy .ft_priv > ul > li{width: calc(33% - 6px);border: 1px solid #79797b;padding:5px 0;text-align: center;}
		#footer .ft_wrap .ft_copy .ft_priv > ul > li a{font-size: 1.0rem;}
		#footer .ft_wrap .ft_copy .ft_priv > ul > li:before{ display: none;}
		#footer .ft_wrap .ft_copy .ft_priv .address_wrap{font-size: 1.0rem;}
		#footer .ft_wrap .ft_copy .ft_link > p{font-size: 1.0rem;}
		#footer .ft_wrap .ft_copy .ft_link .ft_lnk_list{ margin-top:87px; left: 0; margin-left:0px;}
	}
	@media all and (max-width:500px){
		#footer .ft_wrap{ width: calc(100% - 2rem); margin: 0 1rem;}
		#footer .ft_wrap .ft_logo img{ width:165px; }
		#footer .ft_wrap .ft_copy .ft_priv > ul > li{ width: calc(50% - 4px);}
		#footer .ft_wrap .ft_copy .ft_link .ft_lnk_list{ margin-top:121px; margin-left:0;}
		#footer .ft_wrap .ft_copy .ft_link > p{ display: block; margin-bottom: 8px;}
		#footer .ft_wrap .ft_link_right .btn_top{width: 54px; height: 55px; padding: 15px 0 0 0; background-size: 100%;}
	}
	@media all and (max-width:489px){
		#footer .ft_wrap .ft_copy .ft_link .ft_lnk_list{ margin-top:145px;}
	}