@charset "utf-8";
/* ================================================================== */
/* Name	: common.css
/* Script : Font, Layout CSS
/* Author : Design Geulggol
/* Date	: 2016-09-21
/* ================================================================== */

/* ----------------------------- */
/* font
/* ----------------------------- */
@font-face{
	font-family:'NanumGothic';
	font-style: normal;
	font-weight: 400;
	src:url('//storage.ggad.co.kr/css/font/NanumGothic-Regular.eot');
	src:url('//storage.ggad.co.kr/css/font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
	url('//storage.ggad.co.kr/css/font/NanumGothic-Regular.woff') format('woff'),
	url('//storage.ggad.co.kr/css/font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face{
	font-family:'NanumGothicBold';
	font-style: normal;
	font-weight: 700;
	src:url('//storage.ggad.co.kr/css/font/NanumGothic-Bold.eot');
	src:url('//storage.ggad.co.kr/css/font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
	url('//storage.ggad.co.kr/css/font/NanumGothic-Bold.woff') format('woff'),
	url('//storage.ggad.co.kr/css/font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face{
	font-family:'NanumGothicExtraBold';
	font-style: normal;
	font-weight: 700;
	src:url('//storage.ggad.co.kr/css/font/NanumGothic-ExtraBold.eot');
	src:url('//storage.ggad.co.kr/css/font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('//storage.ggad.co.kr/css/font/NanumGothic-ExtraBold.woff') format('woff'),
	url('//storage.ggad.co.kr/css/font/NanumGothic-ExtraBold.ttf') format('truetype');
}
@font-face{
	font-family:'NanumSquareR';
	font-style: normal;
	font-weight: 400;
	src:url('//storage.ggad.co.kr/css/font/NanumSquareR.eot');
	src:url('//storage.ggad.co.kr/css/font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	url('//storage.ggad.co.kr/css/font/NanumSquareR.woff') format('woff'),
	url('//storage.ggad.co.kr/css/font/NanumSquareR.ttf') format('truetype');
}
@font-face{
	font-family:'NanumSquareB';
	font-style: normal;
	font-weight: 700;
	src:url('//storage.ggad.co.kr/css/font/NanumSquareB.eot');
	src:url('//storage.ggad.co.kr/css/font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
	url('//storage.ggad.co.kr/css/font/NanumSquareB.woff') format('woff'),
	url('//storage.ggad.co.kr/css/font/NanumSquareB.ttf') format('truetype');
}
@font-face{
	font-family: 'MontserratR';
    font-style: normal;
    font-weight: normal;
	src:url('//storage.ggad.co.kr/css/font/Montserrat-Bold.eot');
	src:url('//storage.ggad.co.kr/css/font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
	url('//storage.ggad.co.kr/css/font/Montserrat-Regular.woff') format('woff'),
	url('//storage.ggad.co.kr/css/font/Montserrat-Regular.ttf') format('truetype');
}
@font-face{
	font-family: 'MontserratB';
    font-style: normal;
    font-weight: bold;
	src:url('//storage.ggad.co.kr/css/font/Montserrat-Bold.eot');
	src:url('//storage.ggad.co.kr/css/font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
	url('//storage.ggad.co.kr/css/font/Montserrat-Bold.woff') format('woff'),
	url('//storage.ggad.co.kr/css/font/Montserrat-Bold.ttf') format('truetype');
}
@font-face{
	font-family: 'OpenSansL';
    font-style: normal;
    font-weight: normal;
	src:url('//storage.ggad.co.kr/css/font/OpenSans-Light.eot');
	src:url('//storage.ggad.co.kr/css/font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
	url('//storage.ggad.co.kr/css/font/OpenSans-Light.woff') format('woff'),
	url('//storage.ggad.co.kr/css/font/OpenSans-Light.woff2') format('woff2'),
	url('//storage.ggad.co.kr/css/font/OpenSans-Light.ttf') format('truetype');
}
@font-face{
	font-family: 'OpenSansR';
    font-style: normal;
    font-weight: bold;
	src:url('//storage.ggad.co.kr/css/font/OpenSans-Regular.eot');
	src:url('//storage.ggad.co.kr/css/font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('//storage.ggad.co.kr/css/font/OpenSans-Regular.woff') format('woff'),
	url('//storage.ggad.co.kr/css/font/OpenSans-Regular.woff2') format('woff2'),
	url('//storage.ggad.co.kr/css/font/OpenSans-Regular.ttf') format('truetype');
}
@font-face{
	font-family: 'OpenSansB';
    font-style: normal;
    font-weight: bold;
	src:url('//storage.ggad.co.kr/css/font/OpenSans-Bold.eot');
	src:url('//storage.ggad.co.kr/css/font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('//storage.ggad.co.kr/css/font/OpenSans-Bold.woff') format('woff'),
	url('//storage.ggad.co.kr/css/font/OpenSans-Bold.woff2') format('woff2'),
	url('//storage.ggad.co.kr/css/font/OpenSans-Bold.ttf') format('truetype');
}
/* font : icon */
@font-face {
	font-family: 'Linearicons-Free';
	font-style: normal;
	font-weight: normal;
	src:url('//storage.ggad.co.kr/plugin/linearicons/font/Linearicons-Free.eot?7y0ygv');
	src:url('//storage.ggad.co.kr/plugin/linearicons/font/Linearicons-Free.eot?#iefix7y0ygv') format('embedded-opentype'),
		url('//storage.ggad.co.kr/plugin/linearicons/font/Linearicons-Free.woff2?7y0ygv') format('woff2'),
		url('//storage.ggad.co.kr/plugin/linearicons/font/Linearicons-Free.woff?7y0ygv') format('woff'),
		url('//storage.ggad.co.kr/plugin/linearicons/font/Linearicons-Free.ttf?7y0ygv') format('truetype'),
		url('//storage.ggad.co.kr/plugin/linearicons/font/Linearicons-Free.svg?7y0ygv#Linearicons-Free') format('svg');
}


.ko_bold { font-family:"OpenSansR", "NanumSquareB", "malgun gothic", "Dotum", 돋움, "Arial", "sans-serif"; }

/* ----------------------------- */
/* Basic 
/* ----------------------------- */
* { box-sizing:border-box; }
body { font-family:"OpenSansR", "NanumSquareR", "malgun gothic", "Dotum", 돋움, "Arial", "sans-serif"; color:#333; }
#accessibility { position:fixed; top:0; left:0; width:100%; z-index:999}
#accessibility a { position:absolute; top:0; left:-9999px; width:100%; height:20px; font-size:0.85em; background-color:rgba(0, 56, 159, 0.85); color:#fff; z-index: -1; }
#accessibility a:focus, #accessibility a:active { top:0; left:0; padding:7px 0 15px; text-align:center;}
a { color:#333;}
a:hover, a.focus { color:#000; }

/* ----------------------------- */
/* Divice check 
/* ----------------------------- */
.DT_only { display:block !important; }
.TB_only { }
.MB_only { display:none !important;}

.DT_not { display:none !important; }
.TB_not { }
.MB_not { }
	
@media screen and (max-width:1024px) {	
	.DT_only { }
	.TB_only { display:block !important; }
	.MB_only { }	
	
	.DT_not { }
	.TB_not { display:none !important; }
	.MB_not { }
}

@media screen and (max-width:767px) {	
	.DT_only { }
	.TB_only { }
	.MB_only { display:block !important; }	
	
	.DT_not { }
	.TB_not { }
	.MB_not { display:none !important;}
}



/* ----------------------------- */
/* Common Layout
/* ----------------------------- */
#wrap { width:100%; }

/* Header : utill */
#header { position:relative; width:100%; background:#f4f4f4; z-index:9999; }
#utill { position:relative; max-width:1280px; margin:0 auto; padding:1.2em 0; }
#utill .logo { text-align:center; }
#utill .logo img { width:185px; }
#utill .home_menu { position:absolute; top:50%; left:0; margin-top:-20px; }
#utill .home_menu a { position:relative; display:inline-block; width:40px; height:40px; padding-top:3px; border-radius:20px; text-align:center; background:#707285; box-sizing:border-box; }
#utill .home_menu a:first-child { background:#535567; }
#utill .home_menu a span { font-size:24px; vertical-align:middle;}
#utill .home_menu a span i { _display:block; position:absolute; left:-9999px; overflow:hidden; font-size:0; text-indent:9999%; line-height:0; z-index:-1; }
#utill .home_menu a:hover,
#utill .home_menu a:focus { background:#2d5aad;}
#utill .home_menu a:hover span i,
#utill .home_menu a:focus span i { position:absolute; top:45px; left:50%; margin-left:-70%; padding:3px 5px 5px; font-size:13px; text-indent:0; line-height:1em; white-space:nowrap; border-radius:3px; background:#707285; z-index:0; }
#utill .home_menu a:first-child:hover i,
#utill .home_menu a:first-child:focus i { margin-left:-26%;}
#utill .login_menu { overflow:hidden; position:absolute; top:50%; right:0; margin-top:-20px; }
#utill .login_menu:after { content:""; display:block; clear:both; }
#utill .login_menu a { display:inline-block; float:left; padding:10px 25px; font-size:0.85em; background:#fff; border:1px solid #a1a4af;}
#utill .login_menu a:first-child,
#utill .login_menu a:hover:first-child,
#utill .login_menu a:focus:first-child { border-right:none; }
#utill .login_menu a:hover,
#utill .login_menu a:focus { color:#fff; background:#2d5aad; border:1px solid #0f3d90; 
-webkit-transition:all 0.5s ease; 
-moz-transition:all 0.5s ease; 
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease; 
transition:all 0.5s ease; }

/* Header : navigation */
.fixed_nav { position: fixed; top: 0; left: 0; /* box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); */	}
.nav_wrap { width:100%; background:#fff; border:1px solid #a1a4af; border-width:1px 0 0 0; box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); position:fixed; }
#nav { overflow:hidden; max-width:1280px; margin:0 auto; border-left:1px solid #a1a4af;  }
#nav .nav_inner { float:left; width:100%; }
#nav .nav_inner > ul { overflow:hidden; }
#nav .nav_inner > ul:after { content:""; display:block; clear:both; }
#nav .nav_inner > ul > li { float:left; width:16.6666%; text-align:center; border-right:1px solid #a1a4af; box-sizing:border-box; }
#nav .nav_inner ul li a { display:block; }
#nav .nav_inner > ul > li > a {  position:relative; padding:1em 0; font-family:"OpenSansR", "NanumSquareB", "malgun gothic", "Dotum", 돋움, "Arial", "sans-serif"; color:#222; }
#nav .nav_inner > ul > li:first-child > a { background:#9b776c;color:#fff; }
#nav .nav_inner > ul > li > a:hover,
#nav .nav_inner > ul > li > a:focus,
#nav .nav_inner > ul > li > a.this { /* background:url(/images/common/bl_nav.gif) no-repeat center 0; */ color:#4251ab;}
#nav .nav_inner > ul > li > a:hover:before,
#nav .nav_inner > ul > li > a:focus:before,
#nav .nav_inner > ul > li > a.this:before { content:""; display:block; position:absolute; top:0; left:50%; margin-left:-12px; width:35px; height:5px; background:#4251ab; }
#nav .nav_inner > ul > li:first-child > a:hover,
#nav .nav_inner > ul > li:first-child > a:focus,
#nav .nav_inner > ul > li:first-child > a.this { background:#d23e10; color:#fff;}
#nav .nav_inner > ul > li:first-child > a:hover:before,
#nav .nav_inner > ul > li:first-child > a:focus:before,
#nav .nav_inner > ul > li:first-child > a.this:before { content:""; display:block; position:absolute; top:0; left:50%; margin-left:-12px; width:35px; height:5px; background:#fff; }


#nav .nav_inner > ul ul { }

#nav .nav_inner ul ul li {text-align:left; }
#nav .nav_inner ul ul ul { margin-bottom:5px; }
#nav .nav_inner ul li ul li a:hover,
#nav .nav_inner ul li ul li a:focus { text-decoration:underline; color:#4251ab;}

#nav .nav_inner > ul > li > ul { padding-top:20px; min-height:400px; border-top:1px solid #c8cad4; background:#fcfcfc; }

#nav .nav_inner > ul > li > ul > li { position:relative; padding-left:10px;}
#nav .nav_inner > ul > li > ul > li a:before { content:""; display:inline-block; margin:0 6px 4px 0; /* position:absolute; top:15px; left:10px; */ width:6px; height:3px; background:#555; }
#nav .nav_inner > ul > li > ul > li > a { padding:0.3em 10px; font-size:.9em; }
#nav .nav_inner > ul > li > ul > li > a:hover:before,
#nav .nav_inner > ul > li > ul > li > a:focus:before,
#nav .nav_inner > ul > li > ul > li li > a:hover:before,
#nav .nav_inner > ul > li > ul > li li > a:focus:before { background:#4251ab;}
#nav .nav_inner > ul > li > ul > li > ul > li > a { padding:0.2em 5%; font-size:0.875em; }
#nav .nav_inner > ul > li > ul > li li > a:before { content:""; display:inline-block; margin:0 6px 5px; width:3px; height:3px; background:#888; }




/* Footer */
#footer { width:100%; margin-top:50px; background:#4a4d58; }
#footer .nw_list_wrap { position:relative; width:100%; background:#393c45;  border:1px solid #1d1f25; border-width:1px 0 1px 0; }
#footer .nw_list { max-width:1280px; margin:0 auto;  border-right:1px solid #1d1f25;  }
#footer .nw_list li { float:left; padding:10px 1.7%; text-align:center; border:1px solid #1d1f25; border-width:0 0 0 1px; }
#footer .nw_list li a { display:block; color:#fff; font-size:0.875em; }

#footer .foot { position:relative; max-width:1280px; margin:0 auto; padding:40px 0; font-size:0.875em; color:#fff;}
#footer .foot h1 { position:absolute; top:30px; left:0;}
#footer .foot > ul,
#footer .foot address,
#footer .foot footer { margin-left:200px;}
#footer .foot > ul { margin-bottom:20px;}
#footer .foot li { float:left; padding:0 1.7%; border:1px solid #cdcfd5; border-width:0 0 0 1px; }
#footer .foot li:first-child { padding-left:0; border-left:none;}
#footer .foot li a { color:#fff; }
#footer .foot li a:hover,
#footer .foot li a:focus { color:#fd7432; }


/* 퀵메뉴 */
.quick-menu {
	width:48px;
	margin-right: -770px;
	position: fixed;
    right: 50%;    
    top: 200px;
    z-index: 100;
	transition: all 0.7s ease;
}
.quick-menu a {
	margin-bottom:10px;
	display:block;
}
.quick-menu a:last-child {
	margin-bottom:0;
}


/* ----------------------------- */
/* Sub Layout
/* ----------------------------- */

/* sub visual */
#sub_visual { position:relative; width:100%; height:210px; margin:55px auto 0 auto; text-align:center; }
#sub_visual .title { position:absolute; top:0; left:0; bottom:0; right:0; max-width:1280px; height:2em; margin:auto; padding-bottom:1em; font-size:2.125em; color:#444; background:url(/images/common/title_line.gif) no-repeat center bottom; line-height:1; }
/*.vis_1 { background:url(/images/personalized_care/bg_visual1.jpg) no-repeat center 0; }
.vis_2 { background:url(/images/medical/bg_visual2.jpg) no-repeat center 0; }
.vis_3 { background:url(/images/rehabilitation/bg_visual3.jpg) no-repeat center 0; }
.vis_4 { background:url(/images/information/bg_visual4.jpg) no-repeat center 0; }
.vis_5 { background:url(/images/appointment/bg_visual5.jpg) no-repeat center 0; }
.vis_6 { background:url(/images/community/bg_visual6.jpg) no-repeat center 0; }
.vis_7 { background:url(/images/hospital/bg_visual.jpg) no-repeat center 0;}*/
.vis_1 { background:url(/images/medical/bg_visual2.jpg) no-repeat center 0; }
.vis_2 { background:url(/images/rehabilitation/bg_visual3.jpg) no-repeat center 0; }
.vis_3 { background:url(/images/artificial_kidney_center/bg_visual7.jpg) no-repeat center 0;}
.vis_4 { background:url(/images/information/bg_visual4.jpg) no-repeat center 0; }
.vis_5 { background:url(/images/appointment/bg_visual5.jpg) no-repeat center 0; }
.vis_6 { background:url(/images/community/bg_visual6.jpg) no-repeat center 0; }
.vis_7 { background:url(/images/hospital/bg_visual.jpg) no-repeat center 0;}

.vis_1_chroyang { background:url(/images/personalized_care/bg_visual1.jpg) no-repeat center 0; }
.vis_2_chroyang { background:url(/images/rehabilitation/bg_visual3.jpg) no-repeat center 0; }
.vis_3_chroyang { background:url(/images/hospice/bg_visual3.jpg) no-repeat center 0; }
.vis_4_chroyang { background:url(/images/health_promotion_center/bg_visual4.jpg) no-repeat center 0; }
.vis_5_chroyang { background:url(/images/appointment/bg_visual5.jpg) no-repeat center 0; }
.vis_6_chroyang { background:url(/images/community/bg_visual6.jpg) no-repeat center 0; }
.vis_7_chroyang { background:url(/images/hospital/bg_visual.jpg) no-repeat center 0;}
.vis_8_chroyang { background:url(/images/hospital/bg_visual_choryang.jpg) no-repeat center 0;}

/* sub naigation */
#sub_nav { width:100%; border-bottom:1px solid #d1d1d1; }
#sub_nav ul { max-width:1280px; margin:0 auto; }
#sub_nav ul > li { float:left; text-align:center; }
#sub_nav ul > li > a { display:block; padding:1.3em 0 1em; font-size:0.875em;  border-bottom:3px solid #fff;}
#sub_nav ul > li > a:hover,
#sub_nav ul > li > a:focus { border-bottom:3px solid #df2a00; }
#sub_nav ul > li > a.active	{ border-bottom:3px solid #df2a00; }

#sub_nav.nav1 ul > li { width:20%; }
#sub_nav.nav2 ul > li { width:25%; }
#sub_nav.nav3 ul > li { width:12.5%; }
#sub_nav.nav4 ul > li { width:11.11111111%; }
#sub_nav.nav5 ul > li { width:50%; }
#sub_nav.nav6 ul > li { width:12.5%; }
#sub_nav.nav7 ul > li { width:12.5%; }

/* contents */
#container { position:relative; max-width:1280px; margin:0 auto; padding:30px 3.125% 80px; }
#container .location { float:right; font-size:0.875em; }
#container .location a { padding:0 10px 0 12px; background:url(/images/common/loc_arrow.gif) no-repeat 0 center; }
#container .location a:first-child { display:inline-block; background:url(/images/common/loc_home.gif) no-repeat 0 center; text-indent:-9999em; }



/* ----------------------------- */
/* Responsive
/* -----------------------------
/* Layout Max Size : 1280px
/* Desktop Size	: 1024px < Screen <= 1280px 
/* Tablet Size	: 1024px < Screen <= 768px
/* Mobile Size	: 767px < Screen 
/* ----------------------------- */


@media screen and (max-width:1280px) {
	#utill,
	#footer .nw_list,
	#footer .foot { max-width:1024px; }
	
	#footer .nw_list li { float:left; width:20%; padding:10px 0; text-align:center; border-width:0 0 1px 1px;}
	#footer .nw_list li:nth-child(6),#footer .nw_list li:nth-child(7),#footer .nw_list li:nth-child(8),#footer .nw_list li:nth-child(9),#footer .nw_list li:nth-child(10)
	{ border-bottom:none; }
	#footer .nw_list li:last-child { border-right:1px solid #1d1f25; }
}


/*  Tablet */
@media screen and (max-width:1024px) {
	.disease .disease_link li a { background:url(/images/main/ico_dis@2.png) no-repeat #658b48}
	
	#utill,
	#footer .nw_list,
	#footer .foot { max-width:960px; }
	#footer .foot { margin:0 3%; }
}

@media screen and (max-width:768px) {
	#utill { height:80px; }
	#utill .logo { text-align:left; margin-left:20px }
	
	#utill .home_menu,
	#utill .login_menu { display:none; }
	
	#utill .mb_nav  { display:block !important; position:absolute; top:18px; right:15px; }
	#utill .mb_nav a { display:block ;overflow:hidden; width:40px; height:40px; font-size:40px; font-weight:bold; color:#1f368e; text-indent:-9999em}
	#utill .mb_nav a:before { display:block; text-indent:0}
	
	
	/* Header : navigation */	 
	.fixed_nav { position:absolute; top:80px; right:0; left:auto } 
	.nav_wrap { position:absolute; top:80px; right:-768px; width:80%; background:#fff; border:none; box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); overflow-x: hidden; display:none; }

	.m_nav_top { display:block !important; position:relative; height:60px; background:url(/images/common/bg_symbol.png) no-repeat 10px center #101d4f; background-size:40px; line-height:1em; }
	.m_nav_top a { position:absolute; top:10px; right:15px; display:block; overflow:hidden; width:40px; height:40px; font-size:40px; text-indent:-9999em; }
	.m_nav_top a:hover,
	.m_nav_top a:focus { color:#fff; }
	.m_nav_top a:before { display:block; text-indent:0}
	#nav { border-left:none;}
	#nav .nav_inner > ul > li { float:none; width:100% !important; text-align:left; border-top:1px solid #17286a; border-right:none; background:#1f368e; font-size:1.125em; color:#fff; box-sizing:border-box; }
	#nav .nav_inner > ul > li:first-child { border:none}

	#nav .nav_inner > ul > li > a { padding:0.7em 3%; color:#fff;}
	#nav .nav_inner > ul > li > a:hover,
	#nav .nav_inner > ul > li > a:focus,
	#nav .nav_inner > ul > li > a.this { background:#17286a; color:#fff;}
	
	#nav .nav_inner > ul > li > a:hover:before,
	#nav .nav_inner > ul > li > a:focus:before,
	#nav .nav_inner > ul > li > a.this:before { display:none }

	#nav .nav_inner > ul > li:first-child > a:hover,
	#nav .nav_inner > ul > li:first-child > a:focus,
	#nav .nav_inner > ul > li:first-child > a.this { background:#d23e10; color:#fff;}
	#nav .nav_inner > ul > li:first-child > a:hover:before,
	#nav .nav_inner > ul > li:first-child > a:focus:before,
	#nav .nav_inner > ul > li:first-child > a.this:before { display:none }
	
	#nav .nav_inner > ul > li > ul { padding:10px 0; min-height:auto; border-top:1px solid #c8cad4; background:#fcfcfc; }
	#nav .nav_inner ul ul li { text-align:left; font-size:0.875em;  }
	
	#nav .nav_inner > ul > li > ul > li { padding-left:15px;}
	#nav .nav_inner > ul > li > ul > li:before { left:15px;}
	#nav .nav_inner > ul > li > ul > li > ul > li > a { padding:0.2em 0; font-size:1em; }
	
	#nav .login_menu { display:block !important; background:#132156; }
	#nav .login_menu a { display:block; float:left; width:50%; padding:20px; color:#fff; text-align:center; box-sizing:border-box; border:1px solid #040b23; border-width:1px 0 0 1px;}
	#nav .login_menu a:first-child { border-left:none;}
	#nav .login_menu a:hover,
	#nav .login_menu a:focus { background:#1f368e}
	
	/* Footer */
	#footer { margin-top:20px; }
	#footer .nw_list { margin:15px 3%; border:1px solid #1d1f25; }
	#footer .nw_list li { width:50%; border-width:0px 1px 1px 0; }
	#footer .nw_list li {}
	#footer .nw_list li a { display:block; color:#fff; font-size:0.875em; }
	
	#footer .nw_list li:nth-child(even) { border-right:none}
	#footer .nw_list li:nth-child(6),#footer .nw_list li:nth-child(7),#footer .nw_list li:nth-child(8),#footer .nw_list li:nth-child(9),#footer .nw_list li:nth-child(10)
	{ border-bottom:1px solid #1d1f25 ; }
	#footer .nw_list li:last-child { border-bottom:0; }

}


/* Mobile */
@media screen and (max-width:767px) {

	#wrap { overflow-x:hidden; }

	#footer .nw_list_wrap h1 { color:#fff; padding:10px 3%; background:#292b33}
	#footer .nw_list_wrap h1 a { position:absolute; top:0; right:0; display:block; overflow:hidden; width:42px; height:42px; text-indent:-9999em; border-left:1px solid #1d1f25; background:#191a1f }
	#footer .nw_list_wrap h1 a:before { display:block; width:100%; height:100%; padding-top:7px; font-size:28px; text-indent:0; text-align:center;}
	#footer .nw_list_wrap h1 a:hover:before { color:#fd7432;}

	#footer .nw_list { margin:0; border-bottom:none; _display:none}
	#footer .foot { padding-top:20px;}
	#footer .foot h1 { position:static; margin-bottom:10px;}
	
	#footer .foot > ul,
	#footer .foot address,
	#footer .foot footer { margin-left:0;}
	
	/* sub naigation */
	#sub_nav { border-bottom:none;}
	#sub_nav ul { border:1px solid #dfdfdf; border-width:1px 0 0 0; }
	#sub_nav.nav1 ul > li, 
	#sub_nav.nav2 ul > li, 
	#sub_nav.nav3 ul > li,
	#sub_nav.nav4 ul > li, 
	#sub_nav.nav5 ul > li, 
	#sub_nav.nav6 ul > li, 
	#sub_nav.nav7 ul > li { width:50%; border:1px solid #dfdfdf; border-width:0px 1px 1px 0; }
	
	#sub_nav ul > li > a { padding:0.7em 0 0.5em;}

	#sub_visual	{ margin-top:0; }

}