@charset "UTF-8";

/*------------------------------------------------------------
	#. SP - 스타일 시트 (540px) / Panel 511px - 72%
-------------------------------------------------------------*/

body  { font-size:20px; }
		
header .area, 
section .area,
footer .area
{		
	width:100%; 
	height:inherit;
}
header .area .bg,
section .area .bg,
footer .area .bg 
{
	width:100%; 
	height:auto;
	clear:both;		
}
header .area .bg .panel,
section .area .bg .panel,
footer .area .bg .panel
{
	width:511px; max-width:511px; /* 540px 기준 */
	height:auto;
	left:50%; margin-left:-255.5px;			
}
/*
	헤더(Header)
*/	
/* 	헤더(Header) - 상단 로고 + 연락처 */
header .area .bg.top-logo
{
	background-color:transparent;
	height:115px; max-height:115px;			
}
header .area .top-logo .panel
{
	clear:both;
	height:71px; max-height:71px;
	top:22px;
}
header .area .top-logo .panel > img#img-top-logo
{
	clear:both;
	width:216px; max-width:216px; 
	height:71px; max-height:71px;
	left:50%; margin-left:-108px;
}
header .area .top-logo .panel > a
{
	position:absolute;
	right:22px; 
}
header .area .top-logo .panel > a > img#img-top-menu 
{
	width:48px; max-width:48px; 
	height:53px; max-height:53px; 
	top:14.75px;
}
header .area .top-logo .panel > a > img#img-top-contact { width:64px; height:74px; background-color:#000; } /*** del **/

/* 
	바닥(Footer)
*/
footer 
{
	background-color:#595757;
	height:325px; max-height:325px;
}
footer .area {}	
footer .area .bg.btm-sign 
{		
	height:auto; 
	top:43px;
}
footer .area .btm-sign .panel { height:inherit; }
footer .area .btm-sign .panel .box { height:auto; clear:both; }
footer .area .btm-sign .panel .box span { color:#ffffff; font-size:.85em; }
footer .area .btm-sign .panel .box span.bold { font-size:1.em;  }
footer .area .btm-sign .panel .box.box-address 
{
	padding-left:8.5px;
	padding:0px 14px;
	border-left:6px solid #ffffff;
	line-height:1.2em;
}
footer .area .btm-sign .panel .box.box-copy {padding:22px 0px;}
footer .area .btm-sign .panel .box-copy span { font-size:.78em; }

/* 
	섹션(Section)
*/
/* 	섹션(Section) - 연락처 */
section .area .bg.cnt-contact
{
	background-color:transparent;
	height:151px; max-height:225px;
}
section .area .cnt-contact .panel 
{
	width:100%; max-width:100%;
	left:0px; margin:0px;
}
section .area .cnt-contact .panel > ul.list
{
	width:100%; max-width:100%;
	height:225px; min-height:158px; max-height:225px;
}
section .area .cnt-contact .panel > .list > li {}		
section .area .cnt-contact .panel > .list > li.eff_shadow
{
	background-color:#2097AC;
	-webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
}
section .area .cnt-contact .panel > .list > li.li-top { height:67px; max-height:67px; }
section .area .cnt-contact .panel > .list > li.li-top > img#btn-pagetop 
{
	background-color:transparent;
	width:101px; max-width:101px;
	height:67px; max-height:67px;
	position:absolute;
	right:14px;
	display:block;
}
section .area .cnt-contact .panel > .list > li.li-btm { margin-top:7px; }
section .area .cnt-contact .panel > .list > li.li-btm > a {}
section .area .cnt-contact .panel > .list > li.li-btm > a > img#img-mid-contact
{		
	width:511px; 
	height:151px;
					
	left:50%; margin-left:-255.5px; 
}

/* 2018.10.12 퀵 컨텍트 메뉴 수정 본 ▼ */
section .area .bg.cnt-contact#bg-fixed-contact
{
	height:100%; 
	position:absolute;
	bottom:0px;
}
section .area .bg.cnt-contact#bg-fixed-contact .fixed-ptH { bottom:0px; }
section .area .cnt-contact .panel > .list.untop { height:0px; }
section .area .cnt-contact .panel > .list.untop > li.li-top { display:none; }
/* 2018.10.12 퀵 컨텍트 메뉴 수정 본 ▲ */

/* 	섹션(Section) - 메뉴 */
section .area .bg.cnt-menus#bg-fixed-menu
{
	background-color:#4D4D4D;
	height:100%; max-height:100%;
	position:fixed;
	top:0px; left:0px;
	display:none;
	z-index:5;
	overflow-y:auto;
}
section .area #bg-fixed-menu .panel 
{
	width:100%; max-width:100%;
	height:100%;
	left:0px; margin:0px; 
}	
section .area #bg-fixed-menu .panel .menubox
{
	width:inherit; max-width:inherit;
	height:auto;
	clear:both;
}
section .area #bg-fixed-menu .panel .menubox.ctrl
{	
	width:43px; max-width:43px;
	height:43px; max-height:43px; 
	position:absolute;
	z-index:1;
	top:10px; right:10px;
}
section .area #bg-fixed-menu .panel .menubox.ctrl .btn { width:inherit;; height:inherit; }
section .area #bg-fixed-menu .panel .menubox.ctrl .btn img { width:100%; height:100%; }
section .area #bg-fixed-menu .panel .menubox.menu { top:36px; margin-bottom:151px; } /* contact 높이 */
section .area #bg-fixed-menu .panel .menubox.menu ul.list
{
	width:100%; max-width:100%;
	clear:both;	
}
section .area #bg-fixed-menu .panel .menubox.menu .list > li { clear:both; border-bottom:1px solid #FFFFFF;  }
section .area #bg-fixed-menu .panel .menubox.menu .list > li img { float:left; }
section .area #bg-fixed-menu .panel .menubox.menu .list > li span { color:#FFFFFF; float:left; }
section .area #bg-fixed-menu .panel .menubox.menu .list > li.m 
{
	height:54px; max-height:54px; 
	line-height:54px;
	text-indent:47px;
}
section .area #bg-fixed-menu .panel .menubox.menu .list > li.m span { font-size:1.35em; }
section .area #bg-fixed-menu .panel .menubox.menu .list > li.m img.img-tag 
{
	width:17px; height:17px;  
	margin:18.5px 0px 18.5px 14px;
}
section .area #bg-fixed-menu .panel .menubox.menu .list > li.m.inner_st { border:0px; }
section .area #bg-fixed-menu .panel .menubox.menu .list > li.m.inner_split {  height:4px; border:0px;}
section .area #bg-fixed-menu .panel .menubox.menu .list > li.m.inner_end { height:4px; }

section .area #bg-fixed-menu .panel .menubox.menu .list > li.ntitle,
section .area #bg-fixed-menu .panel .menubox.menu .list > li.ntitle-link
{
	background-color:#aaa;
	height:43px; max-height:43px; 
	line-height:43px;
	border-color:#4D4D4D;
}
section .area #bg-fixed-menu .panel .menubox.menu .list > li.ntitle img.img-tag,
section .area #bg-fixed-menu .panel .menubox.menu .list > li.ntitle-link img.img-tag
{
	width:17px; height:17px;  
	margin:13px 9px 13px 47px;
}
section .area #bg-fixed-menu .panel .menubox.menu .list > li.ntitle img.img-title
{
	height:22px; max-height:22px;
	margin:10.5px 0px;
}
section .area #bg-fixed-menu .panel .menubox.menu .list > li.ntitle.empty img.img-title { margin-left:73px; }

section .area #bg-fixed-menu .panel .menubox.menu .list > li.ntitle-link {}
section .area #bg-fixed-menu .panel .menubox.menu .list > li.ntitle-link img.img-tag { margin-left:94px; margin-right:11px; }
section .area #bg-fixed-menu .panel .menubox.menu .list > li.ntitle-link img.img-title
{
	height:20px; max-height:20px;
	margin:11.5px 0px;
}

section .area #bg-fixed-menu .panel .menubox.menu .list > li.m1 { background-color:#EA615A; }
section .area #bg-fixed-menu .panel .menubox.menu .list > li.m2 { background-color:#6DBA4A; }
section .area #bg-fixed-menu .panel .menubox.menu .list > li.m3 { background-color:#438BCA; }
section .area #bg-fixed-menu .panel .menubox.menu .list > li.m4 { background-color:#9062A6; }

/* 	섹션(Section) - 서브페이지 */
section .area.sub .bg.cnt-title {}
section .area.sub .bg.cnt-title .panel 	{ }
section .area.sub .bg.cnt-title .panel img
{
	width:auto;
	height:46px;
	
	display:block;
	margin:0 auto;
	margin-top:22px; margin-bottom:22px;
	/*margin:30px 146px 30px 146px;*/
}
section .area.sub .bg {}
section .area.sub .bg .panel {}
section .area.sub .bg .panel .box
{
	background-color:#ffffff;
	clear:both;
		
	display:block;
	padding:7px;
}
section .area.sub .bg .panel .box .inner
{
	width:495px;  max-width:495px;
	border:1px solid #000;
}
section .area.sub .bg .panel .box .inner > ul { margin:36px 0px; }

section .area.sub .bg .panel .box .inner > ul > li { clear:both; }
section .area.sub .bg .panel .box .inner > ul > li.li-title { height:117px; max-height:117px; } /* 2018.10.11 update */
section .area.sub .bg .panel .box .inner > ul > li.li-title > img  /* 2018.10.11 update */
{	
	width:100%;
	height:81px;
	top:18px;
}
section .area.sub .bg .panel .box .inner > ul > li.li-title > img.img-titletag  /* 2018.10.11 update */
{
	width:117px; height:117px; 
	position:absolute;
	top:0px; left:18px;
}
section .area.sub .bg .panel .box .inner > ul > li.li-title > img,
section .area.sub .bg .panel .box .inner > ul > li.li-imgs > img { display: block; margin:0 auto; } 
section .area.sub .bg .panel .box .inner > ul > li.li-imgs > img /* 2018.10.11 update */
{
	width:443px; max-width:443px;
	margin-top:36px;
}
section .area.sub .bg .panel .box .inner > ul > li.li-tabtitle {}
section .area.sub .bg .panel .box .inner > ul > li.li-tabtitle.empty { height:80px; max-height:80px;  } /* 2018.10.11 update */
section .area.sub .bg .panel .box .inner > ul > li.li-tabtitle > img
{
	width:442px;
	height:43px;
	margin:0 auto;
	display:block;
}
section .area.sub .bg .panel .box .inner > ul > li.li-chart  {}
section .area.sub .bg .panel .box .inner > ul > .li-chart > table 
{	
	width:442px; max-width:442px;
	margin:0 auto;		
	border-spacing: 0;
}
section .area.sub .bg .panel .box .inner > ul > .li-chart > table tr { margin:0px; padding:0px; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > table tr td { margin:0px; padding:0px; border:0px; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > table.table-chart-img {}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-img tr {}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-img tr td {}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-img tr td.name { width:222px; max-width:220px; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-img tr .name > img
{
	width:383px;
	height:43px;		
	margin:0 auto;
	display:block;
}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-img tr .context 
{		
	width:442px; max-width:442px; 		
	
	padding:10px 0px;		
	text-align:center;		
}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-img tr .context > span { font-size:.92em;	}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-img tr .context > span > span,
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-img tr .context > span > small { font-size:.85em; }	
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-img tr .context  span.text-desc { font-size:.85em; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-img tr.link {}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-img .link td > img 
{
	width:29px;
	height:14px;
	margin:0 auto; margin-bottom:14px;
	display:block; 
}
section .area.sub .bg .panel .box .inner > ul > .li-chart > table.table-chart-text {}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text tr {  }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text tr td 
{
	height:36px; max-height:36px;
	text-align:center;		
}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text tr td span { font-size:.92em; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text tr.name { background-color:#eee; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text .name td { border-bottom:2px solid #000; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text tr.context {}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text .context td { border-bottom:1px dashed #000; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text tr.desc {}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text .desc td { line-height:1.25em; text-align:left; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text .desc td span { font-size:.78em; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text .desc.text_indext td { padding:0px 0px 0px 18px; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text .desc.text_indext td span { 	display:block; text-indent:-18px; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.three tr td { /*width:205px; max-width:205px;*/ } /* update 2018.10.11 */
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.three tr td:nth-child(1) { width:221px; max-width:258px; } /* update 2018.10.11 */
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.three tr td:nth-child(2) { width:95px; max-width:95px; } /* update 2018.10.11 */
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.three tr td:nth-child(3) { width:126px; max-width:126px; } /* update 2018.10.11 */
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.three .context td > span.txt-s { font-size:.8em; letter-spacing:-.15em; } /* update 2018.10.11 */
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.three tr td { width:147px; max-width:147px; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.two tr td { width:221px; max-width:221px; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.once tr td { width:442px; max-width:442px; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.once .context td
{
	height:auto; 
	line-height:1.15em; text-align:left; 
	padding:7px 0px;		
}
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.once .context td > span { font-size:.85em; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.once .context td > span.bold { font-size:.92em; line-height:1.5em; }
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.once .desc td { padding-top:18px; } /* update 2018.10.11 */
section .area.sub .bg .panel .box .inner > ul > .li-chart > .table-chart-text.three .desc td { padding-top:18px; } /* update 2018.10.11 */
section .area.sub .bg .panel .box .inner .list > .li-text {} /* update 2018.10.11 */
section .area.sub .bg .panel .box .inner .list > .li-text > .tb /* update 2018.10.11 */
{	
	width:443px;
	height:auto;
	clear:both;

	left:26px;
}
section .area.sub .bg .panel .box .inner > ul > .li-text > .tb >  small 
{
	display:block; 
	margin:0px 14px;
	font-size:.78em; text-indent:-14px;
}
section .area.sub .bg .panel .box .inner > ul > li.li-text > .tb > span.bold, /* 2018.10.11 update */
section .area.sub .bg .panel .box .inner > ul > li.li-text > .tb > span > strong , /* 2018.10.11 update */
section .area.sub .bg .panel .box .inner > ul > li.li-caption > .tb > span.bold { text-decoration:underline; } 
/* update 2018.10.11 li-caption */
section .area.sub .bg .panel .box .inner > ul > li.li-caption 
{
	background-color:#aaa; 
	padding:29px 0px;
	text-align:center; 
	margin-top:47px;
}
section .area.sub .bg .panel .box .inner > ul > li.li-caption > img { display:inline-block; }

/*
	서브 페이지 - 네비게이션
*/
section .area.sub .bg.cnt-navi {}
section .area.sub .bg.cnt-navi .panel 
{
	width:100%; max-width:100%;
	height:128px; max-height:128px; /* list-navi + list-navi-s height sum */
	left:0px; margin:0px;
}
section .area.sub .bg.cnt-navi .panel ul.list-navi 
{	
	height:83px; max-height:83px;
	clear:both; 
	border-bottom:4px solid #aaa;
}
section .area.sub .bg.cnt-navi .panel ul.list-navi > li
{
	background-color:#B3B3B3;
	width:24.8%; max-width:24.8%;
	height:inherit;	
	float:left; margin:0px 0.13%;	
	text-align:center; 	
	
	opacity: 0.75;
	filter: alpha(opacity=75); /* For IE8 and earlier */	
}
section .area.sub .bg.cnt-navi .panel ul.list-navi > li > a > img { height:83px; display:inline-block; }
section .area.sub .bg.cnt-navi .panel ul.list-navi > li:first-child { margin-left:0px; }
section .area.sub .bg.cnt-navi .panel ul.list-navi > li:last-child { float:right; margin-right:0px; }

section .area.sub .bg.cnt-navi .panel .box#box-navi-s
{
	background-color:#fff;
	width:100%; 
	height:41px; max-height:41px;
	clear:both; 	
	padding:0px;
	
	text-align:center;
}
section .area.sub .bg.cnt-navi .panel #box-navi-s ul.list-navi-s 
{
	width:540px; max-width:540px;
	background-color:#aaa; clear:both; 
	display:inline-block;
}
section .area.sub .bg.cnt-navi .panel #box-navi-s ul.list-navi-s  > li 
{	
	height:41px; 
	float:left;
	text-align:center;	
}
section .area.sub .bg.cnt-navi .panel #box-navi-s ul.list-navi-s  > li  { display:inline-block; }
section .area.sub .bg.cnt-navi .panel #box-navi-s ul.list-navi-s.two > li.nitem { width:268.5px; max-width:268.5px; }
section .area.sub .bg.cnt-navi .panel #box-navi-s ul.list-navi-s.three > li.nitem { width:178px; max-width:178px; }
section .area.sub .bg.cnt-navi .panel #box-navi-s ul.list-navi-s.three > li.nitem:nth-child(3) { width:178px; max-width:178px; }

section .area.sub .bg.cnt-navi .panel #box-navi-s ul.list-navi-s > li.nitem img 
{
	height:17px; 
	margin:12px 0px;
}
section .area.sub .bg.cnt-navi .panel #box-navi-s ul.list-navi-s > li.spliter {}
section .area.sub .bg.cnt-navi .panel #box-navi-s ul.list-navi-s > li.spliter > img 
{
	width:3px !important; max-width:4px; 
	height:26px; top:7.5px; 
}
section .area.sub .cnt-navi.hide_child  {}  /* update 2018.10.13 */
section .area.sub .cnt-navi.hide_child .panel ul.list-navi,
section .area.sub .cnt-navi.hide_child .panel #box-navi-s { display:none; }

section .area.sub {}
section .area.sub .cnt-navi-fixed
{
	background-color:#FFFFFF;
	width:100%; max-width:100%;
	height:128px; max-height:164px;
	position:fixed;
	
	top:0px; 
	overflow:hidden;
}
section .area.sub .cnt-navi-fixed.hid { display:none; }
section .area.sub .cnt-navi-fixed .panel 
{
	width:100%; max-width:100%;
	height:100%;
	left:0px; margin:0px;
}

section .area.sub .bg.cnt-navi-fixed .panel ul.list-navi 
{	
	height:83px; max-height:83px;
	clear:both; 
	border-bottom:4px solid #aaa;
}
section .area.sub .bg.cnt-navi-fixed .panel ul.list-navi > li
{
	background-color:#B3B3B3;
	width:24.8%; max-width:24.8%;
	height:inherit;	
	float:left; margin:0px 0.13%;	
	text-align:center; 	
}
section .area.sub .bg.cnt-navi-fixed .panel ul.list-navi > li > a > img { height:83px; display:inline-block; }

section .area.sub .bg.cnt-navi-fixed .panel .box#box-navi-s
{
	background-color:#fff;
	width:100%; 
	height:41px; max-height:41px;
	clear:both; 	
	padding:0px;
	
	text-align:center;
}
section .area.sub .bg.cnt-navi-fixed .panel #box-navi-s ul.list-navi-s 
{
	width:540px; max-width:540px;
	background-color:#aaa; clear:both; 
	display:inline-block;
}
section .area.sub .bg.cnt-navi-fixed .panel #box-navi-s ul.list-navi-s  > li 
{	
	height:41px; 
	float:left;
	text-align:center;	
}
section .area.sub .bg.cnt-navi-fixed .panel #box-navi-s ul.list-navi-s  > li  { display:inline-block; }
section .area.sub .bg.cnt-navi-fixed .panel #box-navi-s ul.list-navi-s.two > li.nitem { width:268.5px; max-width:268.5px; }
section .area.sub .bg.cnt-navi-fixed .panel #box-navi-s ul.list-navi-s.three > li.nitem { width:178px; max-width:178px; }
section .area.sub .bg.cnt-navi-fixed .panel #box-navi-s ul.list-navi-s.three > li.nitem:nth-child(3) { width:178px; max-width:178px; }

section .area.sub .bg.cnt-navi-fixed .panel #box-navi-s ul.list-navi-s > li.nitem img 
{
	height:17px; 
	margin:12px 0px;
}
section .area.sub .bg.cnt-navi-fixed .panel #box-navi-s ul.list-navi-s > li.spliter {}
section .area.sub .bg.cnt-navi-fixed .panel #box-navi-s ul.list-navi-s > li.spliter > img 
{
	width:3px !important; max-width:4px; 
	height:26px; top:7.5px; 
}