@charset "utf-8";


/* 화면 해상도 width 640px 이상 Design --------------------------------------*/
@media screen and (min-width: 1025px){
	body {overflow-x: auto; min-width: 1100px;}
	
	/* layout */
	#wrap {overflow: hidden;}
	
	#skip_nav {height:0}
	#skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center}
	#skip_nav a:focus, #skip a:active {position: absolute; top: 0; z-index: 120; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;}


	#container {overflow: hidden; clear: both;}
		.content_area {width: 1100px; margin: 0px auto;}
		.content_area:after {content:""; display: block; clear: both;}
			.left_area {overflow: hidden; float: left; width: 200px; margin-right: 40px; padding: 0 0 100px 0;}
			#content {overflow: hidden;}
			#content.sub {padding: 0 0 100px 0;}


	/* header */
	#header { border-bottom: 1px solid #dcdcdc;}
	#header:after {content:""; display: block; clear: both;}
		.header {z-index: 9999; width: 1100px; height: 104px; margin: 0 auto;}
		.header:after {content:""; display: block; clear: both;}
		
			h1.home_logo {float: left; display: block; margin: 50px 0 0 0px;}
			
			.hsection {float: right; height: 40px; margin-top: 6px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
			.hsection:after {content:""; display: block; clear: both;}
				.hsection ul {display: inline-block;}
				.hsection ul li {display: inline-block; margin-left: 14px; font-size: 12px;}
				.hsection ul li:first-child {margin-left: 0;}
				.hsection ul li a {color: #0d0d0d;}
				.hsection ul li a:hover {text-decoration: underline;}
				
				input.top_search_input {height: 22px; width: 158px; margin-right: -3px; border: 1px solid #0e3192; background-color: #f4f4f4;}
				a.btn_total_search:hover {text-decoration: none;}
				button.btn_sitemap {display: inline-block; height: 24px; padding: 0 8px; border: 1px solid #2a5b92; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; color: #ffffff; vertical-align: middle; background-color: #2a5b92;}
					button.btn_sitemap span {display: block; height: 24px; padding-right: 20px; font-size: 0.89em; line-height: 22px; background: url('../../images/en/common/btn_sitemapm.png') no-repeat right 5px;}


	/* nav */
	#nav {float: right;}
		.gnb nav {z-index: 9998; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
			.gnb nav > ul {z-index: 2; *zoom: 1;}
			.gnb nav > ul:after {content:""; display: block; clear: both;}
			
			.gnb nav > ul > li {float: left; margin-left: 30px; list-style: none;}
			.gnb nav > ul > li:first-child {margin-left: 0;}
			.gnb nav > ul > li.on > a {line-height: 50px; color: #1b5894; text-decoration: none;}
			.gnb nav > ul > li > a {display:block; height: 50px; padding: 0 10px; font-weight: bold; font-size: 17px; color: #464646; text-align: center; line-height: 50px; letter-spacing: -0.04em;}
			.gnb nav > ul > li > a.on,
			.gnb nav > ul > li > a:hover {color: #1b5894; text-decoration: none; background: url('../../images/en/common/bg_nav_arrow.png') no-repeat center bottom;}
			
			.gnb nav > ul > li:hover > div {visibility: visible;}
			.gnb nav > ul > li div {visibility: hidden; position: absolute; z-index: 9999; left:0; top: 96px; width: 100%; padding: 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background: url('../../images/en/common/bg_nav_img02.png') no-repeat center bottom #f8f8f9;}

			.gnb nav > ul > li > div > dl.web_gnb {overflow: hidden; width: 1100px; margin: 0 auto; padding: 0;}
			.gnb nav > ul > li > div > dl.web_gnb > dt.title {float: left; width: 262px; min-height: 258px; margin-right: 50px; background: url('../../images/en/common/bg_nav_dt.png') no-repeat -9px -11px #005aad;}
			.gnb nav > ul > li > div > dl.web_gnb > dt.title strong.title {display: block; margin: 82px 20px 5px; font-size: 1.6em; font-weight: bold; color: #ffffff; letter-spacing: -0.04em;}
			.gnb nav > ul > li > div > dl.web_gnb > dt.title p.txt {display: block; padding: 0 20px 0 22px; font-size: 0.9em; color: #f0eeee; letter-spacing: -0.04em;}
			.gnb nav > ul > li > div > dl.web_gnb > dd.menu_list {overflow: hidden;}
			.gnb nav > ul > li > div > dl.web_gnb > dd.menu_list > ul {overflow: hidden; padding: 30px 0 20px;}
			.gnb nav > ul > li > div > dl.web_gnb > dd.menu_list > ul > li {float: left; width: 25%; min-height: 48px; margin: 10px 0; text-align: left; list-style: none;}
			.gnb nav > ul > li > div > dl.web_gnb > dd.menu_list > ul > li a {font-size: 1.06em; font-weight: bold; color: #4d4d4d;}
			.gnb nav > ul > li > div > dl.web_gnb > dd.menu_list > ul > li a:hover {color: #395aa7;}
			.gnb nav > ul > li > div > dl.web_gnb > dd.menu_list > ul > li a > span {display: block; padding-left: 19px; background: url('../../images/en/common/bg_nav_sub.png') no-repeat 3px 2px;}


	#gnb_mobile {display: none;}


	/* lnb */
	.lnb_title_area {overflow: hidden; height: 154px; margin-bottom: 2px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; background-color: #275c92;}
		h2.lnb_title {margin-top: 62px; font-size: 1.4em; font-weight: bold; color: #ffffff; text-align: center; line-height: 1.4em;}
		
		ul.lnb {overflow: hidden; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		ul.lnb li {overflow: hidden; font-weight: bold; letter-spacing: -0.04em; list-style: none;}
		ul.lnb li > a {color: #4d4d4d;}
		
		ul.lnb > li > a {overflow: hidden; display: block; border-bottom: 1px solid #b5b5b5; font-size: 1.15em;}
		ul.lnb > li > a > span {display: block; padding: 15px 10px;}
		ul.lnb > li > a:hover {color: #0067b4; text-decoration: underline;}
		ul.lnb > li.on > a {color: #0067b4; border-bottom-color: #275c92; text-decoration: underline;}
		ul.lnb > li.on > a > span {/* padding-left: 23px; background: url('../../images/en/common/bg_lnb_on.png') no-repeat 13px 23px; */}
		
		ul.lnb > li > ul {overflow: hidden; padding: 2px 0; border-bottom: 1px solid #b5b5b5;}
		ul.lnb > li > ul > li {margin: 2px 0; font-size: 1.04em;}
		ul.lnb > li > ul > li > a {display: block; padding: 4px 10px;}
		ul.lnb > li > ul > li > a > span {display: block; padding-left: 18px; line-height: 1.36em; background: url('../../images/en/common/bg_lnb_depth2.png') no-repeat 7px 7px;}
		ul.lnb > li > ul > li > a:hover,
		ul.lnb > li > ul > li.on > a {color: #0067b4; text-decoration: underline;}
		
		ul.lnb > li > ul > li > ul {overflow: hidden; padding: 5px 10px 7px; margin: 5px 0 5px; border-top: 1px dotted #b5b5b5; border-bottom: 1px dotted #b5b5b5; background-color: #f6f6f6;}
		ul.lnb > li > ul > li > ul > li {font-weight: normal;}
		ul.lnb > li > ul > li > ul > li > a {display: block; padding: 2px 0px; font-size: 0.88em;}
		ul.lnb > li > ul > li > ul > li > a > span {display: block; padding-left: 24px; line-height: 1.5em; background: url('../../images/en/common/bg_lnb_depth3.png') no-repeat 16px 11px;}
		ul.lnb > li > ul > li > ul > li > a:hover,
		ul.lnb > li > ul > li > ul > li.on > a {font-weight: bold; text-decoration: underline;}


	/* footer */	
	#footer {padding: 30px 0 10px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; background-color: #f8f8f8;}
	#footer:after {content:""; clear:both; display:block;}
		.footer_area {width: 1000px; margin: 0 auto; padding: 0 0 30px 100px; background: url('../../images/en/common/footer_logo.png') no-repeat 0 0;}
		.footer_area:after {content: ""; clear: both; display: block;}
			.footer_info {float: right; margin-top: 5px;}
				ul.footer_info_list {overflow: hidden;}
					ul.footer_info_list li {float: left; margin-left: 13px; list-style: none; letter-spacing: -0.04em;}
					ul.footer_info_list li:first-child {margin-left: 0;}
					ul.footer_info_list li a {font-size: 0.9em; font-weight: bold; color: #000000;}
					ul.footer_info_list li a:hover {text-decoration: underline;}
			.address_area {overflow: hidden; float: left; margin-top: 5px;}
				.address_area span {font-weight: bold; font-size: 0.9em; color: #686868; line-height: 1.5em;}
				.address_area span + span {margin-left: 16px;}
				p.copyright_txt {margin-top: 4px; font-size: 13px; color: #686868; line-height: 1.5em;}
			
			.customer_sel_wrap {float: right; margin-top: 22px;}
				select.tric_01 {width: 144px; height: 32px; border: 1px solid #b7b7b7; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #5c5c5c; letter-spacing: -0.04em; background-color: #f8f8f8;}
				.btn.submitlink {width: 46px; height: 32px; border: 1px solid #666666; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #ffffff; letter-spacing: -0.04em; text-align: center; background-color: #666666;}
				a.foot_phone {display: inline-block; margin-right: 15px; font-size: 0.9em; font-weight: bold; color: #343434; letter-spacing: -0.04em; line-height: 30px; vertical-align: middle;}


	/* aside */
	#aside {position: absolute; z-index: 999; top: 0; left: 50%; margin-left: 570px;}
	#aside.sub {margin-top: 185px;}
		.quick_area {overflow: hidden; width: 110px; padding: 0; background: url('../../images/en/common/quick_bg.png') repeat 0 0;}
		.quick_title {width: 110px; height: 37px; background-color: #ffffff;}
		
		.quick_link {overflow: hidden; padding: 10px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
			.quick_link ul {overflow: hidden;}
			.quick_link ul > li {overflow: hidden; border-top: 1px solid #e7e7e7;}
			.quick_link ul > li > a {display: block; padding: 11px 2px 9px 3px; font-size: 0.984em; font-weight: bold; color: #000000; line-height: 1.5em; letter-spacing: -0.026em; text-align: left;}
			.quick_link ul > li:first-child {border-top: 0;}


	/* sitemap_area & allmenu */
	.layer_sitemap_area {z-index: 9999999; width: 100%; background: url('../../images/en/mobile/bg_black.png') repeat 0 0;}
		.layer_sitemap_box {overflow-y: auto; position: absolute; width: 860px; height: 700px; padding: 20px 20px; top: 50%; left: 50%; margin-left: -450px; margin-top: -350px; background-color: #ffffff;}
		a.sitemap_close {position: absolute; top: 50%; left: 50%; margin-left: 385px; margin-top: -410px;}

	.sitemap_area {overflow: hidden; border-top: 2px solid #535353; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		ul.sitemap_box {overflow: hidden; margin: 0; border-bottom: 2px solid #535353; font-size: 0.98em; letter-spacing: -0.034em;}
		ul.sitemap_box li {list-style: none; margin: 0; padding: 0; line-height: 1.5em;}
		ul.sitemap_box a {margin: 0; padding: 0;}
		ul.sitemap_box > li {overflow: hidden; display: block; background-color: #ffffff;}
		ul.sitemap_box > li.depth1 > strong {float: left; display: block; width: 169px; font-weight: normal; color: #275c92;}
		ul.sitemap_box > li.depth1 > strong > span {display: inline-block; margin: 15px 0 0 12px; padding-left: 28px; font-size: 1.36em; background: url('../../images/en/common/bg_sitemap.png') no-repeat 0 1px;}
		
		ul.sitemap_box > li > ul.depth2 {overflow: hidden; background: url('../../images/en/mainpage/bg_sitemap_title.png') repeat-y 0 0;}
		ul.sitemap_box > li > ul.depth2 > li {overflow: hidden; padding: 10px 0; border-bottom: 1px solid #e5e5e5; color: #333333;}
		ul.sitemap_box > li > ul.depth2 > li > a {float: left; width: 150px; padding: 0 15px; font-weight: bold; font-size: 1.06em; color: #333333; vertical-align: top;}
		
		ul.sitemap_box > li > ul > li > ul.depth3 {overflow: hidden; padding: 0 18px;}
		ul.sitemap_box > li > ul > li > ul.depth3 > li {overflow: hidden; margin-top: 11px; padding-left: 10px; color: #333333; background: url('../../images/en/common/bg_sitemap_bullet.png') no-repeat 0 8px;}
		ul.sitemap_box > li > ul > li > ul.depth3 > li:first-child {margin-top: 0;}
		ul.sitemap_box > li > ul > li > ul.depth3 > li > a {float: left; font-size: 0.98em; font-weight: bold; color: #333333;}
		
		ul.sitemap_box > li > ul > li > ul > li > ul.depth4 {overflow: hidden; padding-left: 30px; background: url('../../images/en/common/bg_sitemap_divider.png') no-repeat 10px 4px;}
		ul.sitemap_box > li > ul > li > ul > li > ul.depth4 > li {float: left; margin-right: 16px;}
		ul.sitemap_box > li > ul > li > ul > li > ul.depth4 > li > a {font-size: 0.94em; color: #333333;}

}


/* 화면 해상도 width 640px 이상 960px 이하 Design --------------------------------------*/
@media screen and (max-width: 1024px) and (min-width: 641px) {

	/* layout */
	#wrap {overflow: hidden;}
	
	#skip_nav {height:0}
	#skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center}
	#skip_nav a:focus, #skip a:active {position: absolute; top: 0; z-index: 120; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;}


	#container {overflow: hidden; clear: both;}
		.content_area {overflow: hidden;}
			.left_area {display: none;}
			#content {overflow: hidden;}
			#content.sub {padding: 0 10px 40px 10px;}


	/* header */
	#header { border-bottom: 1px solid #dcdcdc;}
	#header:after {content:""; display: block; clear: both;}
		.header {z-index: 9999; height: 75px;}
		.header:after {content:""; display: block; clear: both;}
		
			h1.home_logo {float: right; display: block; margin: 17px 10px 0 0px;}
			
			.hsection {display: none;}


	/* nav */
	#nav {display: none;}


	#gnb_mobile {float: left; margin: 15px 0 0 10px;}
		a.gnb_mobile_menu {float: left;}
		button.msch {margin: 0 0 0 5px;}
		a.gnb_mobile_menu img,
		button.msch img {width: 100%;}
		
		#mnav {z-index: 999999; width: 100%; height: 100%; margin-top: 76px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
			.gnb_area {overflow: hidden; display: block; display: block;}
			.nav {display: block; height: 100%; background: #ffffff;}
			
			.language_area {overflow: hidden;}
				.language_area a.mbtn_act {float: left; width: 50%; min-height: 20px; color: #4a4a4a; text-decoration: none; background-color: #d5d5d5;}
				.language_area a.mbtn_act:hover {text-decoration: none;} 
				.language_area a.mbtn_act.on {color: #ffffff; background-color: #4a4a4a;}
					.language_area a.mbtn_act span {display: block; padding: 12px 0 10px; border-left: 1px solid #d2d2d2; font-size: 1.3em; font-weight: bold; line-height: 1.4em; text-align: center;}
					.language_area a.mbtn_act:first-child span {border-left: 0;}

			.loginbtn_area {overflow: hidden;}
				.loginbtn_area a.mbtn_act {float: left; width: 50%; min-height: 20px; color: #ffffff; text-decoration: none; background-color: #275c92;}
				.loginbtn_area a.mbtn_act:hover {text-decoration: none;}
					.loginbtn_area a.mbtn_act span {display: block; padding: 12px 0 10px; border-left: 1px solid #d2d2d2; font-size: 1.3em; font-weight: bold; line-height: 1.4em; text-align: center;}
					.loginbtn_area a.mbtn_act:first-child span {border-left: 0;}
					
				.loginbtn_area a.mbtn_act.logout {width: 100%;}
				.loginbtn_area a.mbtn_act.logout span {border-left: 0;}
				
				
			.menu_area {background-color: #ffffff;}
				ul.mobile_menu {overflow: hidden; font-weight: bold;}
					ul.mobile_menu > li {border-bottom: 1px solid #275c92; list-style: none;}
					ul.mobile_menu > li > a {display: block; padding: 18px 15px 17px; font-size: 1.3em; color: #333333; background: url('../../images/en/mobile/bg_menu_off.png') no-repeat right 26px;}
					ul.mobile_menu > li > a:hover {text-decoration: none;}
					ul.mobile_menu > li > a span {display: block; line-height: 1.5em;}
					ul.mobile_menu > li.on > a {border-bottom: 2px solid #275c92; color: #183b5c; background: url('../../images/en/mobile/bg_menu_on.png') no-repeat right 26px #ffffff;}
					
					ul.mobile_menu > li > ul {overflow: hidden; padding: 0; background-color: #f9f9f9;}
					ul.mobile_menu > li > ul > li {border-bottom: 1px solid #e5e5e5; list-style: none;}
					ul.mobile_menu > li > ul > li > a {display: block; padding: 14px 15px 14px 23px; font-size: 1.16em; color: #434343; line-height: 1.5em;}
					ul.mobile_menu > li > ul > li.on > a {color: #0067b4;}
					
					ul.mobile_menu > li > ul > li > ul {overflow: hidden; padding: 10px 0; background-color: #21374c;}
					ul.mobile_menu > li > ul > li > ul > li {list-style: none;}
					ul.mobile_menu > li > ul > li > ul > li > a {display: block; padding: 8px 15px 8px 27px; font-size: 1em; color: #ffffff; line-height: 1.5em;}
					ul.mobile_menu > li > ul > li > ul > li.on > a {text-decoration: underline;}
					
					ul.mobile_menu > li > ul > li > ul > li > ul {overflow: hidden; padding: 10px 40px; background-color: #192b39;}
					ul.mobile_menu > li > ul > li > ul > li > ul > li {float: left; width: 50%; list-style: none;}
					ul.mobile_menu > li > ul > li > ul > li > ul > li > a {display: block; padding: 6px 6px 6px 11px; font-weight: normal; font-size: 0.9em; color: #ffffff; line-height: 1.5em; background: url('../../images/en/mobile/bg_submenu.png') no-repeat 0 15px;}



	/* footer */	
	#footer {padding: 15px 15px 30px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; background-color: #f8f8f8;}
	#footer:after {content:""; clear:both; display:block;}
		.footer_area {margin: 0 auto; padding-left: 80px; background: url('../../images/en/common/footer_logo.png') no-repeat 0 0;}
		.footer_area:after {content: ""; clear: both; display: block;}
			.footer_info {overflow: hidden; margin-top: 5px;}
				ul.footer_info_list {overflow: hidden;}
					ul.footer_info_list li {float: left; margin: 2px 11px 2px 0; list-style: none; letter-spacing: -0.04em;}
					ul.footer_info_list li a {padding: 2px; font-size: 0.9em; font-weight: bold; color: #000000;}
					ul.footer_info_list li a:hover {text-decoration: underline;}
			.address_area {overflow: hidden; float: left; margin-top: 5px;}
				.address_area span {font-weight: bold; font-size: 0.9em; color: #686868; line-height: 1.5em;}
				.address_area span + span {margin-left: 16px;}
				p.copyright_txt {margin-top: 4px; font-size: 12px; color: #686868; line-height: 1.5em;}
			
			.customer_sel_wrap {float: left; margin: 15px 0 25px 2px;}
				select.tric_01 {width: 140px; height: 32px; border: 1px solid #b7b7b7; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #5c5c5c; letter-spacing: -0.04em; background-color: #f8f8f8;}
				.btn.submitlink {width: 46px; height: 32px; border: 1px solid #666666; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #ffffff; letter-spacing: -0.04em; text-align: center; background-color: #666666;}
				a.foot_phone {display: inline-block; margin-right: 15px; font-size: 0.9em; font-weight: bold; color: #343434; letter-spacing: -0.04em; line-height: 30px; vertical-align: middle;}


	/* aside */
	#aside {display: none;}
	
	
	/* sitemap_area & allmenu */
	.layer_sitemap_area {display: none;}
	
	.sitemap_area {overflow: hidden; border-top: 2px solid #535353; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		ul.sitemap_box {overflow: hidden; margin: 0; border-bottom: 2px solid #535353; font-size: 0.98em; letter-spacing: -0.034em;}
		ul.sitemap_box li {list-style: none; margin: 0; padding: 0; line-height: 1.5em;}
		ul.sitemap_box a {margin: 0; padding: 0;}
		ul.sitemap_box > li {overflow: hidden; display: block; background-color: #ffffff;}
		ul.sitemap_box > li.depth1 > strong {display: block; padding: 18px 0 15px 14px; font-weight: normal; color: #275c92; background-color: #fcfcfc;}
		ul.sitemap_box > li.depth1 > strong > span {padding-right: 25px; font-size: 1.36em; background: url('../../images/en/common/bg_sitemap.png') no-repeat right 4px;}
		
		ul.sitemap_box > li > ul.depth2 {overflow: hidden;}
		ul.sitemap_box > li > ul.depth2 > li {overflow: hidden; padding: 12px 15px; border-bottom: 1px solid #e5e5e5; color: #333333;}
		ul.sitemap_box > li > ul.depth2 > li > a {display: block; font-weight: bold; font-size: 1.06em; color: #333333; vertical-align: top;}
		
		ul.sitemap_box > li > ul > li > ul.depth3 {overflow: hidden; margin: 8px 0 10px; padding: 15px 18px; border: 1px solid #dddddd;}
		ul.sitemap_box > li > ul > li > ul.depth3 > li {overflow: hidden; margin-top: 11px; padding-left: 10px; color: #333333; background: url('../../images/en/common/bg_sitemap_bullet.png') no-repeat 0 8px;}
		ul.sitemap_box > li > ul > li > ul.depth3 > li:first-child {margin-top: 0;}
		ul.sitemap_box > li > ul > li > ul.depth3 > li > a {float: left; font-size: 0.98em; font-weight: bold; color: #333333;}
		
		ul.sitemap_box > li > ul > li > ul > li > ul.depth4 {overflow: hidden; padding-left: 30px; background: url('../../images/en/common/bg_sitemap_divider.png') no-repeat 10px 4px;}
		ul.sitemap_box > li > ul > li > ul > li > ul.depth4 > li {float: left; margin-right: 16px;}
		ul.sitemap_box > li > ul > li > ul > li > ul.depth4 > li > a {font-size: 0.94em; color: #333333;}


	/* msearch */
	#msearch {position: absolute; z-index: 9999999; width: 100%; top: 0px; left: 0px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		.mobile_search_area {overflow: hidden; height: 48px; padding: 14px 10px; background-color: #ffffff;}
		
		.msearch_area {overflow: hidden; height: 45px; margin-right: 52px; border: 1px solid #2a5c92;}
			.msearch_area input[type="text"] {width: 91%; height: 43px; border: 1px solid #ffffff; text-indent: 10px;}
			.msearch_area a.btn_sch {float: right;}
		
		.mobile_search_area a.msearch_close {position: absolute; top: 14px; right: 10px; overflow: hidden; float: right; width: 47px; height: 47px; background: url('../../images/en/mobile/btn_schclose.png') no-repeat 0 0;}
		.mobile_search_area a.msearch_close {text-indent: -999999px;}

}


/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){

	/* layout */
	#wrap {overflow: hidden;}
	
	#skip_nav {height:0}
	#skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center}
	#skip_nav a:focus, #skip a:active {position: absolute; top: 0; z-index: 120; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;}


	#container {overflow: hidden; clear: both;}
		.content_area {overflow: hidden;}
			.left_area {display: none;}
			#content {overflow: hidden;}
			#content.sub {padding: 0 10px 40px 10px;}


	/* header */
	#header { border-bottom: 1px solid #dcdcdc;}
	#header:after {content:""; display: block; clear: both;}
		.header {z-index: 9999; height: 75px;}
		.header:after {content:""; display: block; clear: both;}
		
			h1.home_logo {float: right; display: block; margin: 22px 10px 0 0px;}
			h1.home_logo img {width: 210px;}
			
			.hsection {display: none;}
			

	/* nav */
	#nav {display: none;}


	#gnb_mobile {float: left; margin: 20px 0 0 10px;}
		a.gnb_mobile_menu {float: left;}
		button.msch {margin: 0 0 0 5px;}
		a.gnb_mobile_menu img,
		button.msch img {width: 35px; height: 35px;}
		
		#mnav {z-index: 999999; width: 100%; height: 100%; margin-top: 76px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
			.gnb_area {overflow: hidden; display: block; display: block;}
			.nav {display: block; height: 100%; background: #ffffff;}

			.language_area {overflow: hidden;}
				.language_area a.mbtn_act {float: left; width: 50%; min-height: 20px; color: #4a4a4a; text-decoration: none; background-color: #d5d5d5;}
				.language_area a.mbtn_act:hover {text-decoration: none;} 
				.language_area a.mbtn_act.on {color: #ffffff; background-color: #4a4a4a;}
					.language_area a.mbtn_act span {display: block; padding: 12px 0 10px; border-left: 1px solid #d2d2d2; font-size: 1.3em; font-weight: bold; line-height: 1.4em; text-align: center;}
					.language_area a.mbtn_act:first-child span {border-left: 0;}

			.loginbtn_area {overflow: hidden;}
				.loginbtn_area a.mbtn_act {float: left; width: 50%; min-height: 20px; color: #ffffff; text-decoration: none; background-color: #275c92;}
				.loginbtn_area a.mbtn_act:hover {text-decoration: none;}
					.loginbtn_area a.mbtn_act span {display: block; padding: 12px 0 10px; border-left: 1px solid #d2d2d2; font-size: 1.3em; font-weight: bold; line-height: 1.4em; text-align: center;}
					.loginbtn_area a.mbtn_act:first-child span {border-left: 0;}
					
				.loginbtn_area a.mbtn_act.logout {width: 100%;}
				.loginbtn_area a.mbtn_act.logout span {border-left: 0;}

			.menu_area {background-color: #ffffff;}
				ul.mobile_menu {overflow: hidden; font-weight: bold;}
					ul.mobile_menu > li {border-bottom: 1px solid #275c92; list-style: none;}
					ul.mobile_menu > li > a {display: block; padding: 18px 15px 17px; font-size: 1.3em; color: #333333; background: url('../../images/en/mobile/bg_menu_off.png') no-repeat right 26px;}
					ul.mobile_menu > li > a:hover {text-decoration: none;}
					ul.mobile_menu > li > a span {display: block; line-height: 1.5em;}
					ul.mobile_menu > li.on > a {border-bottom: 2px solid #275c92; color: #183b5c; background: url('../../images/en/mobile/bg_menu_on.png') no-repeat right 26px #ffffff;}
					
					ul.mobile_menu > li > ul {overflow: hidden; padding: 0; background-color: #f9f9f9;}
					ul.mobile_menu > li > ul > li {border-bottom: 1px solid #e5e5e5; list-style: none;}
					ul.mobile_menu > li > ul > li > a {display: block; padding: 14px 15px 14px 23px; font-size: 1.16em; color: #434343; line-height: 1.5em;}
					ul.mobile_menu > li > ul > li.on > a {color: #0067b4;}
					
					ul.mobile_menu > li > ul > li > ul {overflow: hidden; padding: 10px 0; background-color: #21374c;}
					ul.mobile_menu > li > ul > li > ul > li {list-style: none;}
					ul.mobile_menu > li > ul > li > ul > li > a {display: block; padding: 8px 15px 8px 27px; font-size: 1em; color: #ffffff; line-height: 1.5em;}
					ul.mobile_menu > li > ul > li > ul > li.on > a {text-decoration: underline;}
					
					ul.mobile_menu > li > ul > li > ul > li > ul {overflow: hidden; padding: 10px 40px; background-color: #192b39;}
					ul.mobile_menu > li > ul > li > ul > li > ul > li {float: left; width: 50%; list-style: none;}
					ul.mobile_menu > li > ul > li > ul > li > ul > li > a {display: block; padding: 6px 6px 6px 11px; font-weight: normal; font-size: 0.9em; color: #ffffff; line-height: 1.5em; background: url('../../images/en/mobile/bg_submenu.png') no-repeat 0 15px;}



	/* footer */	
	#footer {padding: 15px 15px 30px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; background-color: #f8f8f8;}
	#footer:after {content:""; clear:both; display:block;}
		.footer_area {margin: 0 auto; padding-left: 80px; background: url('../../images/en/common/footer_logo.png') no-repeat 0 0;}
		.footer_area:after {content: ""; clear: both; display: block;}
			.footer_info {overflow: hidden; margin-top: 5px;}
				ul.footer_info_list {overflow: hidden;}
					ul.footer_info_list li {float: left; margin: 2px 11px 2px 0; list-style: none; letter-spacing: -0.04em;}
					ul.footer_info_list li a {padding: 2px; font-size: 0.9em; font-weight: bold; color: #000000;}
					ul.footer_info_list li a:hover {text-decoration: underline;}
			.address_area {overflow: hidden; float: left; margin-top: 5px;}
				.address_area span {display: block; font-weight: bold; font-size: 0.9em; color: #686868; line-height: 1.5em;}
				p.copyright_txt {margin-top: 4px; font-size: 12px; color: #686868; line-height: 1.5em;}
			
			.customer_sel_wrap {float: left; margin: 15px 0 25px 2px;}
				select.tric_01 {width: 140px; height: 32px; border: 1px solid #b7b7b7; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #5c5c5c; letter-spacing: -0.04em; background-color: #f8f8f8;}
				.btn.submitlink {width: 46px; height: 32px; border: 1px solid #666666; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #ffffff; letter-spacing: -0.04em; text-align: center; background-color: #666666;}
				a.foot_phone {display: inline-block; margin-right: 15px; font-size: 0.9em; font-weight: bold; color: #343434; letter-spacing: -0.04em; line-height: 30px; vertical-align: middle;}


	/* aside */
	#aside {display: none;}


	/* sitemap_area & allmenu */
	.layer_sitemap_area {display: none;}

	.sitemap_area {overflow: hidden; border-top: 2px solid #535353; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		ul.sitemap_box {overflow: hidden; margin: 0; border-bottom: 2px solid #535353; font-size: 0.98em; letter-spacing: -0.034em;}
		ul.sitemap_box li {list-style: none; margin: 0; padding: 0; line-height: 1.5em;}
		ul.sitemap_box a {margin: 0; padding: 0;}
		ul.sitemap_box > li {overflow: hidden; display: block; background-color: #ffffff;}
		ul.sitemap_box > li.depth1 > strong {display: block; padding: 18px 0 15px 14px; font-weight: normal; color: #275c92; background-color: #fcfcfc;}
		ul.sitemap_box > li.depth1 > strong > span {padding-right: 25px; font-size: 1.36em; background: url('../../images/en/common/bg_sitemap.png') no-repeat right 4px;}
		
		ul.sitemap_box > li > ul.depth2 {overflow: hidden;}
		ul.sitemap_box > li > ul.depth2 > li {overflow: hidden; padding: 12px 15px; border-bottom: 1px solid #e5e5e5; color: #333333;}
		ul.sitemap_box > li > ul.depth2 > li > a {display: block; font-weight: bold; font-size: 1.06em; color: #333333; vertical-align: top;}
		
		ul.sitemap_box > li > ul > li > ul.depth3 {overflow: hidden; margin: 8px 0 10px; padding: 15px 18px; border: 1px solid #dddddd;}
		ul.sitemap_box > li > ul > li > ul.depth3 > li {overflow: hidden; margin-top: 11px; padding-left: 10px; color: #333333; background: url('../../images/en/common/bg_sitemap_bullet.png') no-repeat 0 8px;}
		ul.sitemap_box > li > ul > li > ul.depth3 > li:first-child {margin-top: 0;}
		ul.sitemap_box > li > ul > li > ul.depth3 > li > a {display: block; font-size: 0.98em; font-weight: bold; color: #333333;}
		
		ul.sitemap_box > li > ul > li > ul > li > ul.depth4 {overflow: hidden; padding-left: 10px; background: url('../../images/en/common/bullet_title_bg.png') no-repeat 0 4px;}
		ul.sitemap_box > li > ul > li > ul > li > ul.depth4 > li {float: left; padding: 0 6px 0 12px; background: url('../../images/en/common/bg_table_th_divider.png') no-repeat 4px 4px;}
		ul.sitemap_box > li > ul > li > ul > li > ul.depth4 > li:first-child {padding-left: 0; background: none;}
		ul.sitemap_box > li > ul > li > ul > li > ul.depth4 > li > a {font-size: 0.9em; color: #333333;}


	/* msearch */
	#msearch {position: absolute; z-index: 9999999; width: 100%; top: 0px; left: 0px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		.mobile_search_area {overflow: hidden; height: 48px; padding: 14px 10px; background-color: #ffffff;}
		
		.msearch_area {overflow: hidden; height: 45px; margin-right: 52px; border: 1px solid #2a5c92;}
			.msearch_area input[type="text"] {width: 78.5%; height: 43px; border: 1px solid #ffffff; text-indent: 10px;}
			.msearch_area a.btn_sch {float: right;}
		
		.mobile_search_area a.msearch_close {position: absolute; top: 14px; right: 10px; overflow: hidden; float: right; width: 47px; height: 47px; background: url('../../images/en/mobile/btn_schclose.png') no-repeat 0 0;}
		.mobile_search_area a.msearch_close {text-indent: -999999px;}
}