@charset "utf-8";

/* 팝업, 반복영역건너뛰기 */
.skip_navi {height:0}
.skip_navi a {position:absolute;top:-9999px;background:#000;width:100%;height:30px;text-align:center;color:#fff;line-height:30px;font-weight:bold;z-index:110;opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60)}
.skip_navi a:focus,
.skip_navi a:hover,
.skip_navi a:active {top:0;display:block}

body.hideScroll {position:fixed;width:100%;height:100%;}
#wrap {position:relative;min-width:320px;}
#header {height:120px;border-bottom:1px solid #eb0000;}
#header>div {position:relative;margin:0 auto;width:1200px;}
#header>div:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
#header .logo {position:absolute;top:16px;left:0px;}

#nav {}
.menu_box {margin-left:230px;width:600px;}
.menu_box > ul > li {position:relative;float:left;margin-top:65px;}
.menu_box > ul > li > a {display:block;padding:0 55px;line-height:55px;color:#111;font-size:20px;}
.menu_box > ul > li > a.current {color:#ff0000;}
.menu_box > ul > li:hover > a, .menu_box > ul > li.current > a, .menu_box > ul > li > a:hover {color:#f00;}
/* .menu_box > ul > li:hover .subNav {display:block;} */
.subNav {display:none;z-index: 30;position:absolute;left:16px;top:51px;width:160px;border:1px solid #f14646;border-top-width:5px;background:#fff;}
.subNav a {display:block;padding:0 0 0 20px;font-size:14px;line-height:40px;color:#666;}
.subNav a:hover {color:#f00;font-weight:700;background:#eff0f5;}

#nav .btn_menu {display:none;overflow:hidden;position:absolute;top:28px;right:20px;width:22px;height:20px;text-indent:-999em;background:url(../images/comm/icon_menu.png) no-repeat;background-size:contain;}
#nav .btn_close {display:none;overflow:hidden;position:absolute;top:20px;right:15px;width:19px;height:20px;text-indent:-999em;background:url(../images/comm/icon_menu_close.png) no-repeat;background-size:contain;}

.util {position:absolute;top:84px;right:0px;}
.util .btn_sitemap {margin-right:15px;padding:0 17px 0 25px;font-size:13px;line-height:15px;color:#333;vertical-align:middle;border-right:1px solid #e9e9e9;background:url(../images/comm/icon_sitemap.gif) no-repeat 0 50%;}
.util .btn_globalsite {display:inline-block;padding:0 15px 0 27px;font-size:13px;line-height:17px;color:#333;vertical-align:middle;background:url(../images/comm/icon_global.png) no-repeat 0 50%;background-size:contain;}
.util .btn_globalsite::after {content:"";position:absolute;top:9px;right:0;width:5px;height:7px;background:url(../images/comm/arr_global.gif) no-repeat 0 50%;}

#footer {margin:0 auto;padding:20px 0 50px;width:1200px;background:url(../images/comm/footer_line.gif) no-repeat 50% 20px;}
#footer:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.foot_banner {float:right;width:47.1%;}
.foot_banner ul {overflow:hidden;}
.foot_banner li {float:left;margin-left:4.6%;width:47.7%;text-align:center;}
.foot_banner li:first-child {margin-left:0;}
.foot_banner li a {display:block;}
.infoBox {position:relative;float:left;width:50%;}
.family_site {position:absolute;top:0;right:5%;width:132px;display: inline-block;text-align:left;}
.family_site > a {display:inline-block;padding: 0 10px 0 10px;width:110px;line-height:26px;border:1px solid #ccc;background: url(../images/comm/family_site_arr.gif) no-repeat 100% 10px;}
.family_site ul {display:none;z-index:100;position:absolute;bottom:26px;left:0px;padding:10px;width:112px;background:#ff3333;}
.family_site ul a {display:block;line-height:20px;color:#fff;}
.family_site ul a:hover {color:#fff;}
.foot_links {overflow:hidden;margin:5px 0 10px;}
.foot_links li {float:left;margin:0 0 5px;padding:0 12px;font-size:13px;border-left:1px solid #ccc;}
.foot_links li:first-child {padding-left:0;border-left:none;}
.foot_info {font-size:12px;line-height:20px;}
.foot_info address {display:inline-block;padding:0 24px;}
.foot_info span {display:inline-block;}

#sitemapWrap {display:none;z-index:999;position:absolute;top:121px;width:100%;border-bottom:1px solid #f00;background:#fff;}
.sitemap {position:relative;margin:0 auto;padding:10px 0;width:1200px;}
.sitemap_section {overflow:hidden;padding:25px 4.16% 25px 5%;min-height:80px;border-top:1px solid #f0f0f0;}
.sitemap_section .tit {float:left;width:90px;font-size:17px;color:#444;}
.sitemap_section .siteCon {float:right;width:81%;}
.sitemap_section .siteCon > li {float:left;margin-left:11%;}
.sitemap_section .siteCon > li:first-child {margin-left:0;}
.sitemap_section .siteCon > li > a {font-size:14px;color:#333;}
.sitemap_section .siteCon > li > a:hover {color:#ff0000;}
.sitemap_section .siteCon ul {padding:10px 0 0;}
.sitemap_section .siteCon ul li a {font-size:13px;color:#666;line-height:26px;}
.sitemap_section .siteCon ul li a:hover {color:#ff0000;}
.sitemap_section .siteCon .li_clear {clear:left;margin-left:0;}
.sitemap_section.sm01 {border-top:none;background:url(../images/comm/sitemap_icon01.gif) no-repeat 4.58% 70px;}
.sitemap_section.sm02 {padding-bottom:0;background:url(../images/comm/sitemap_icon02.gif) no-repeat 3.75% 60px;}
.sitemap_section.sm03 {background:url(../images/comm/sitemap_icon03.gif) no-repeat 4.16% 60px;}
.sitemap_section.sm02  .siteCon ul {margin:0 0 30px;padding:10px 0 0;height:170px;}
.sitemap_section.sm02  .siteCon > li {margin-left:0;width:20%;}
.sitemap_close {overflow:hidden;position:absolute;bottom:20px;right:0;width:60px;height:60px;text-indent:-999em;background:url(../images/comm/sitemap_close.gif) no-repeat 0 0;}


/* Sub */
#path {background:#eff0f5;}
.location {margin:0 auto;width:1200px;}
.location:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.location .home a {padding:0;font-size:0;line-height: 0;}
.location>li {position:relative;float:left;border-right:1px solid #ccc;}
.location>li:first-child {border-left:1px solid #ccc;}
.location>li>a {display:block;line-height:50px;padding:0 45px 0 20px;font-size:15px;}
.location .loc01>a {background:url(../images/sub/path_arr.png) no-repeat 100% 23px;}
.location .loc02>a {background:url(../images/sub/path_arr.png) no-repeat 100% -70px;}
.location li ul {display:none;z-index:80;position:absolute;top:50px;left:-1px;width:148px;border:1px solid #f33;background:#fff;}
.location li li a {display:block;padding:0 5px 0 20px;font-size:14px;line-height:36px;}
.location li li a:hover, .location li li.current a {color:#fff;background:#f33;}

#container {margin:0 auto;width:1200px;}
.title {margin:0 0 60px;font-size:40px;color:#333;line-height:145px;text-align:center;font-weight:500;border-bottom:1px dotted #cdcdcd;}
.contents {margin:0 0 150px;font-size:17px;line-height:1.875em;}
.move_top {z-index:100;position:relative;width:1200px;margin:-66px auto 0;padding: 0 0 20px;text-align:right;}
.foo_line {display:block;line-height:0;font-size:0;border:none;border-top:1px solid #e8e8e8;}

@media all and (max-width:1200px) {
	#header>div {width:auto;}
	#header .logo {left:10px;}
	.util {right:10px;}

	#footer {width:auto;padding:20px 10px 40px;}
	.infoBox {width:49.5%;}

	.sitemap {width:auto;}
	.sitemap_close {right:10px;}

	.location {width:auto;}
	#container {width:auto;}

	.contents {padding:0 20px}
	.move_top {width:auto;}
	.btn_top_area2 {position:fixed;right:10px;bottom:10px;z-index:100;}
}

@media all and (max-width:1023px){ /* Tab, Mobile */
	#header {height:79px;}
	#header>div {width:auto;margin:0 auto;}
	#header .logo {position:static;line-height:79px;text-align:center;}
	#header .logo img {width:90px;}
	#nav .btn_menu {display:block;top:50px;}
	#nav .btn_close {display:block;}
	.util {top:45px;left:20px;right:auto;}
	.util .btn_sitemap {display:none;}
	.util .btn_globalsite {overflow:hidden;width:25px;height:25px;text-indent:-999em;}
	.util .btn_globalsite::after {display:none;}

	.menu_box {z-index:90;position: fixed;top:0;right:-100%;overflow:auto;width:62%;min-width:250px;height:100%;background:#fff;}
	.menu_box > ul {padding:78px 0 0;}
	.menu_box > ul > li {float:none;padding:0;border-bottom:2px solid #ccc; margin-top:0;}
	.menu_box > ul > li:first-child {border-top:2px solid #f66;}
	.menu_box > ul > li > a {padding:0 0 0 20px;font-size:18px;line-height:38px;color:#333;background:url(../images/comm/mobilemenu_arr.png) no-repeat 100% 16px;}
	.menu_box > ul > li.current > a {color:#fff;background-color:#ee4242;background-position:100% -25px;}
	.menu_box > ul > li:hover .subNav {display:none;}
	.menu_box > ul > li.current .subNav {display:block;}
	.subNav {position:static;border:none;width:auto;background:#eff0f5;}
	.subNav li {border-bottom:1px solid #ccc;background:url(../images/comm/mobilemenu_arr_s.png) no-repeat 100% 13px;}
	.subNav li:last-child {border-bottom:0;}
	.subNav a {padding:0 0 0 28px;font-size:14px;line-height:32px;color:#555;background:url(../images/comm/mobilemenu_bul.png) no-repeat 18px 50%;}
	.subNav a:hover {color:#f00;font-weight:700;background:url(../images/comm/mobilemenu_bul.png) no-repeat 18px 50%;}

	#footer {padding:30px 0;background:none;}
	.infoBox {float:none;width:auto;padding:25px 20px 0 20px;border-top:1px solid #ccc;}
	.foot_banner {float:none;margin:0 0 30px;padding:0 20px;width:auto;}
	.foot_banner ul {width:100%;}
	.foot_banner li {margin-left:1.6%;width:49.2%;}
	.family_site {position:absolute;top:20px;right:20px;}
	#sitemapWrap {display:none !important;}
	.bg_block {display:none;position: absolute; top: 0; left: 0px;width:100%;height:100%;opacity:0.6;z-index:80;background: rgb(0, 0, 0);}

}

@media all and (min-width:768px) and (max-width:1023px){ /* Tab 해상도 */

}

@media all and (max-width:767px){ /* Mobile 해상도 */
	#header {height:79px;}
	#header .logo {line-height:79px;}
	#header .logo img {width:80px;}
	.util {left:10px;top:50px;}
	.util .btn_globalsite {padding:0;width:22px;height:22px;}
	#nav .btn_menu {top:50px;right:10px;}
	#nav .btn_close {top:12px;}
	.menu_box > ul {padding:43px 0 0;}
	.menu_box > ul > li { margin-top:0;}
	.contents {margin: 0 0 100px;font-size:14px;line-height:1.5em;}
	.title {margin:0 0 30px;font-size:22px;line-height:75px;}
	.location>li>a {padding: 0 30px 0 10px;font-size:14px;line-height:40px;}
	.location>li.home img {height:40px;}
	.location .loc01>a {background-position:115% 18px;}
	.location .loc02>a {background-position:115% -73px;}
	.location li ul {top:40px;}
	.infoBox {padding:25px 10px 0 10px;text-align:center;}
	.family_site {position:relative;top:auto;right:auto;margin:0 0 20px;}
	.foot_links li {display:inline-block;float:none;padding: 0 5px;}
	.foot_banner li {margin-left:1.6%;width:49.2%;}
	.move_top img {width:33px;height:33px;}
}

@media all and (max-width:479px){ /* Mobile 해상도 */
	#footer {padding:20px 0;}
	.menu_box {right:-320px;}

}