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

		/* Tablet-1024x 이하 해상도에서 해석하는 코드 */
			@media all and (max-width:1024px){
				#wrap {width:100%; height:100%; min-width:320px;}
			}

#top_banner{display:none; width:100%; height:65px; background:#4b788d;}
#top_banner .bn_inner{width:1200px; margin:0 auto;}
#top_banner .bn_inner span.bn_text{display:block; float:left; margin:10px 0 0 40px;}
#top_banner .bn_inner span.bn_close{display:block; float:right; margin:35px 8px 0 0; color:#fff; font-size:12px; font-weight:bold;}
#top_banner .bn_inner span.bn_close input,
#top_banner .bn_inner span.bn_close img{vertical-align:middle;}

			/* Tablet-1024x 이하 해상도에서 해석하는 코드 */
			@media all and (max-width:1024px){
				#top_banner { display:none;}
				#top_banner .bn_inner{display:none;}
			}
#header{position:relative; width:100%; background:#fff; z-index:1000;}
#header .hd_inner{width:1200px; height:149px; margin:0 auto;}
#header .hd_inner .hd_link{width:1200px; height:74px; border-bottom:1px solid #e5e5e7;}
#header .hd_inner .hd_link h1{float:left; margin-top:9px;}
#header .hd_inner .hd_link ul{float:right; list-style:none; margin:29px 0 0 0; vertical-align:middle;}
#header .hd_inner .hd_link ul li{float:left; padding:0 6px 0 9px; background:url('/images/cm_header_line_bg.gif') no-repeat left 6px;}
#header .hd_inner .hd_link ul li:first-child{background:none;}
#header .hd_inner .hd_link ul li a{font-weight:bold; color:#797979; font-size:12px; vertical-align:middle;}
#header .hd_inner .hd_link ul li img{vertical-align:middle;}
#header .hd_inner .open_mn { display:none;}
#header .hd_inner .open {display:none;}

			/* Tablet-1024px 이하 해상도에서 해석하는 코드 */
			@media all and (max-width:1024px){
				#header .hd_inner {width:96%; height:90px; margin:0 auto;}
				#header .hd_inner .hd_link{width:100%; height:90px; border-bottom:none;}
				#header .hd_inner .hd_link h1{float:left; margin-top:14px;}
				#header .hd_inner .hd_link ul{ display:none;}
				#header .hd_inner .open_mn {background: url(/images/cm_header_mobile_navi.gif) no-repeat right top;}
				#header .hd_inner .open {display:block; position:absolute; top:24px; right:10px; width:37px; height:37px; text-indent:-9999px;}
			}
			
			/* Tablet-1024px 이하 해상도에서 해석하는 코드 */
			@media all and (max-width:768px){
				#header .hd_inner .hd_link h1 img{width:58%;}
			}

#header .hd_inner .gnb{}
#header .hd_inner .gnb > ul{margin:0; padding:0; list-style:none;}
#header .hd_inner .gnb > ul > li{float:left; width:20%; text-align:center;}
#header .hd_inner .gnb > ul > li > a{display:inline-block; padding:25px 4px; font-weight:bold; font-size:17px; color:#394a62; text-align:center; letter-spacing:-0.7px;}
#header .hd_inner .gnb > ul > li > a:hover,
#header .hd_inner .gnb > ul > li > a.Ov{border-bottom:3px solid #6495b3; text-decoration:none;}
#header .hd_inner .gnb ul li .menu_inner{position:absolute; left:0; top:149px; width:100%; height:0; padding:0; background:#fff; z-index:4000; box-shadow: 0 5px 5px 0 #aeaeae; display:none;}
#header .hd_inner .gnb ul li .menu_inner > ul{width:1200px;  margin:0 auto; border-top:1px solid #e5e5e7; list-style:none; padding:0;}
#header .hd_inner .gnb ul li .menu_inner > ul:after{content:""; display:block; clear:both;}
#header .hd_inner .gnb ul li .menu_inner > ul > li{float:left; width:300px; padding-top:20px;}
#header .hd_inner .gnb ul li .menu_inner > ul > li > a{display:block; width:284px; margin:0 auto; padding:4px 0 4px 0; background:#6495b3; font-size:14px; font-weight:bold; color:#fff; text-align:center;}

#header .hd_inner .gnb ul li .menu_inner > ul > li+li+li+li+li{clear:left;}
#header .hd_inner .gnb ul li .menu_inner > ul > li+li+li+li+li+li{clear:none;}

/*
#header .hd_inner .gnb ul li .spec_inner > ul > li+li{position:absolute; margin-top:48px;}
#header .hd_inner .gnb ul li .spec_inner > ul > li+li+li{position:static; margin-top:0;}
#header .hd_inner .gnb ul li .spec_inner > ul > li+li+li+li+li{clear:none;}
#header .hd_inner .gnb ul li .spec_inner > ul > li+li+li+li+li+li{clear:left;}
#header .hd_inner .gnb ul li .spec_inner > ul > li+li+li+li+li+li+li{clear:none;}
*/

#header .hd_inner .gnb ul li .menu_inner > ul > li > ul{list-style:none; padding:0;}
#header .hd_inner .gnb ul li .menu_inner > ul > li > ul > li{width:284px; margin:0 auto; clear:both; border-bottom:1px solid #e1e1e1;}
#header .hd_inner .gnb ul li .menu_inner > ul > li > ul > li > a{display:block; width:253px; padding:4px 0 3px 31px; color:#4c5c71; font-size:13px; font-weight:bold; text-align:left;}

			/* Tablet-1024px 이하 해상도에서 해석하는 코드 */
			@media all and (min-width:1024px){
			#mobileNavi {display:none;}
			}
			
			/* Tablet-1024px 이하 해상도에서 해석하는 코드 */
			@media all and (max-width:1024px){
			#header .hd_inner .gnb{} {display:none;}
			#header .hd_inner .gnb > ul{display:none;}
			}			
			
			/* Tablet-1024px 이하 해상도에서 해석하는 코드 */
			/* mobile navi */
			@media all and (max-width:1024px){
				#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:260px; min-height:100%; background:#FFF;}
				#mobileNavi .member { overflow:hidden; width:100%; margin:0 auto;}
				#mobileNavi .member > li {float:left; width:25%; text-align:center; background:#3378c1; padding:15px 0;}
				#mobileNavi .member > li+li {background:#125aac;}
				#mobileNavi .member > li+li+li {background:#41c1c2;}
				#mobileNavi .member > li+li+li+li {background:#05a3a4;}
				#mobileNavi .member li:first-child {margin-left:0; display:inline-block;}
				#mobileNavi .member a {display:inline-block; width:100%; color:#FFF; font-weight:600; font-size:12px;}
	
				#mobileNavi .close {position:absolute; top:0; right:260px; line-height:0;}
				
				#mobileNavi .mobilelnb a {display:block; text-align:left; padding-left:20px; color:#FFF; cursor:pointer;}
				#mobileNavi .depth_01 > li {border-bottom:1px solid #dedede;}
				#mobileNavi .depth_01 > li > a {padding:0 5%; line-height:45px; color:#000; font-weight:600; font-size:14px; background: url('../images/cm_header_mobile_navi_bg.png') no-repeat 95% 14px;}
				#mobileNavi .depth_01 > li > a:hover,
				#mobileNavi .depth_01 > li > a:focus,
				#mobileNavi .depth_01 > li.on > a {color:#3478c1;}
				
				#mobileNavi .depth_02 {display:none; padding:10px 5%; background:#f7f7f7;}
				#mobileNavi .depth_02 > li > a {height:28px; font-weight:600; line-height:28px; padding-left:10px; font-size:13px; color:#424242;}
				#mobileNavi .depth_02 > li > a:hover,
				#mobileNavi .depth_02 > li > a:focus,
				#mobileNavi .depth_02 > li.on > a { font-weight:600; color:#3478c1; background-position:0 -18px; text-decoration:underline;}
				
				#mobileNavi .depth_03 {display:none; padding:10px 0; background:#f7f7f7;}
				#mobileNavi .depth_03 > li > a {height:28px; font-weight:normal; letter-spacing:-1; line-height:28px; font-size:12px; color:#6495b3;}
				#mobileNavi .depth_03 > li > a:hover,
				#mobileNavi .depth_03 > li > a:focus,
				#mobileNavi .depth_03 > li.on > a {font-weight:normal; color:#6495b3; letter-spacing:-1; background-position:0 -18px; text-decoration:underline;}
			
			
				/* 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;}
			}
			
			/* Desktop-1025px 이상 해상도에서 해석하는 코드 */
			@media all and (min-width:1024px){
			#mask_mn {display:none !important;}
			}

#menu_guide{display:none; position:fixed; width:100%; height:39px; left:0; top:0; background:#494c52; filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; z-index:3000;}
#menu_guide .guide_inner{width:1200px; margin:0 auto;}
#menu_guide .guide_inner button{background:none; color:#fff; font-weight:bold; font-size:12px; vertical-align:middle;}
#menu_guide .guide_inner a{color:#fff; font-weight:bold; font-size:12px;}
#menu_guide .guide_inner  img{vertical-align:middle;}
#menu_guide .guide_inner .menu_btn{float:left; margin-top:6px;}
#menu_guide .guide_inner .menu_btn a{display:inline-block; padding-top:1px;}
#menu_guide .guide_inner .guide_btn{float:right; margin-top:5px;}
#menu_guide .guide_inner .guide_btn ul.sns_link{float:left; padding:0; margin:2px 64px 0 0; list-style:none;}
#menu_guide .guide_inner .guide_btn ul.sns_link li{float:left; margin-left:7px;}
#menu_guide .guide_inner .guide_pop{display:none; position:absolute; width:100px; top:32px; margin-left:190px; background:#fff; border:1px solid #aaa;}
#menu_guide .guide_inner .guide_pop ul{list-style:none; margin:0; padding:5px 0;;}
#menu_guide .guide_inner .guide_pop ul li{line-height:1.2em; padding-left:10px; }
#menu_guide .guide_inner .guide_pop ul li a{color:#333;}

			/* Tablet-1024px 이하 해상도에서 해석하는 코드 */
			@media all and (max-width:1024px){
			#menu_guide .guide_inner{width:100%; margin:0 auto;}
			#menu_guide .guide_inner .guide_btn ul.sns_link{float:left; padding:0; margin:2px 5em 0 0; list-style:none;}
			}
			
			/* Tablet-480px 이하 해상도에서 해석하는 코드 */
			@media all and (max-width:480px){
			#menu_guide .guide_inner .guide_btn ul.sns_link{float:left; padding:0; margin:2px 0 0 0; list-style:none;}
			}

#footer{width:100%; height:472px; background:#595f6a;}
#footer .ft_wrap{width:1200px; margin:0 auto;}
#footer .ft_wrap a{color:#9ca0a8;}
#footer .ft_wrap ul{margin:0; padding:0; list-style:none;}
#footer .ft_wrap .ft_l{float:left;}
#footer .ft_wrap .ft_l .ft_quick_link{padding-top:22px;}
#footer .ft_wrap .ft_l .ft_quick_link li{float:left; padding:0 8px 0 9px; background:url('/us/images/cm_ft_link_line_bg.gif') no-repeat left 5px;}
#footer .ft_wrap .ft_l .ft_quick_link li a{color:#72a0c7; font-size:12px;}
#footer .ft_wrap .ft_l .ft_quick_link li:first-child{padding-left:0; background:none;}
#footer .ft_wrap .ft_l .ft_quick_link li:first-child a{padding-left:0;}
#footer .ft_wrap .ft_l .ft_quick_link{padding-top:22px;}
#footer .ft_wrap .ft_l .ft_center_link{padding-top:46px; font-size:12px;}
#footer .ft_wrap .ft_l .ft_center_link > li{float:left; width:230px; height:370px; padding-left:43px; border-right:1px solid #6a6f79;}
#footer .ft_wrap .ft_l .ft_center_link > li:first-child{padding-left:0;}
#footer .ft_wrap .ft_l .ft_center_link > li strong{color:#efeff0;}
#footer .ft_wrap .ft_l .ft_center_link > li > ul{padding-top:13px;}
#footer .ft_wrap .ft_r{float:right; text-align:right; font-size:12px;}
#footer .ft_wrap .ft_r strong{display:block; padding:44px 0 31px 0; color:#fff; font-size:16px;}
#footer .ft_wrap .ft_r div{color:#a3a7af; font-size:12px; font-weight:bold;}
#footer .ft_wrap .ft_r .contact{float:right; padding-top:42px;}
#footer .ft_wrap .ft_r .contact:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
#footer .ft_wrap .ft_r .contact li{float:left; margin-left:12px;}
#footer .ft_wrap .ft_r .contact li a{display:block; width:38px; height:38px; background:url('/us/images/cm_ft_tel_icon.gif') no-repeat left top; overflow:hidden; white-space: nowrap; text-indent:100%;}
#footer .ft_wrap .ft_r .contact li+li a{background:url('/us/images/cm_ft_map_icon.gif') no-repeat left top;}
#footer .ft_wrap .ft_r .copyright{padding-top:169px;}

			/* Tablet-1024px 이하 해상도에서 해석하는 코드 */
			@media all and (max-width:1024px){
			#footer{width:100%; height:440px; background:#595f6a;}
			#footer .ft_wrap{width:96%; margin:0 auto;}
			#footer .ft_wrap ul{margin:0; padding:0; list-style:none;}
			#footer .ft_wrap .ft_l{float:left; width:100%;}
			#footer .ft_wrap .ft_l .ft_center_link{display:none;}
			#footer .ft_wrap .ft_l .ft_quick_link li a{color:#72a0c7; font-size:13px;}
			/*#footer .ft_wrap .ft_l .ft_center_link > li{float:left; width:28%; height:370px; padding-left:43px; border-right:1px solid #6a6f79;}*/
			#footer .ft_wrap .ft_r{float:right; text-align:right; font-size:12px;}
			#footer .ft_wrap .ft_r .contact{padding-top:22px;}
			#footer .ft_wrap .ft_r .copyright{padding-top:89px;}
			}