@charset "UTF-8";


/*------------------------------------------------------------
	#. PC - Top 스타일 시트
-------------------------------------------------------------*/

/*
	#. 헤드(Header)
*/
header 
{
	background-image:cover;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
	height:550px; max-height:550px; 
}
header .area {}
header .area .bg {}
header .area .bg .panel {}
header .area .top-navi .panel > ul.list
{
	width:inherit; max-width:inherit;
	height:auto;
	clear:both;
}
header .area .top-navi .panel > .list > li { clear:both; }
header .area .top-navi .panel > .list > li.li-desc { height:69px; max-height:273px; }
header .area .top-navi .panel .list > .li-desc > img 
{
	width:auto;
	height:69px; max-height:69px; 
	clear:both; 

	margin:0 auto; display:block;
}
header .area .top-navi .panel > .list > li.li-navi-det { height:273px; max-height:273px; }
header .area .top-navi .panel > .list > li.li-navi-det > .box-navi
{
	width:514px; max-width:514px;
	height:143px; max-height:143px;
	margin:0 auto; display:block;
	top:25px;
}
header .area .top-navi .panel > .list > li.li-navi-det > .box-navi > a
{
	top:0px;
	position:absolute;
}
header .area .top-navi .panel > .list > li.li-navi-det > .box-navi > a > img
{
	width:143px; max-width:143px;
	height:143px; max-height:143px;		
}
header .area .top-navi .panel > .list > li.li-navi-det > .box-navi > a:nth-child(1) { left:0px; }
header .area .top-navi .panel > .list > li.li-navi-det > .box-navi > a:nth-child(2) { left:123px; }
header .area .top-navi .panel > .list > li.li-navi-det > .box-navi > a:nth-child(3) { right:123px; }
header .area .top-navi .panel > .list > li.li-navi-det > .box-navi > a:nth-child(4) { right:0px; }
header .area .top-navi .panel > .list > li.li-navi-det > .box-navi > a:hover { z-index:10; }
header .area .top-navi .panel > .list > li.li-navi-det > .box-navi > a:hover > img  {}

header .area .top-navi .panel .list > li.li-navi 
{
	height:32px; 
}
header .area .top-navi .panel .list > .li-navi > ul.list-navi
{
	height:32px; max-height:32px;
	clear:both;
}
header .area .top-navi .panel .list > .li-navi > .list-navi > li
{
	width:162px;
	height:32px;
	float:left; display:inline-block;
}
header .area .top-navi .panel .list > .li-navi > .list-navi > li > a 
{
	width:162px; max-width:162px;
	max-height:32px; max-height:32px;
	display:block;
}
header .area .top-navi .panel .list > .li-navi > .list-navi > li > a > img 
{
	width:162px; 
	height:32px;
	clear:both;
}
header .area .top-navi .panel .list > .li-navi > .list-navi > li:nth-child(1) { margin:0px 55px 0px 135px; } 
header .area .top-navi .panel .list > .li-navi > .list-navi > li:nth-child(2) { margin:0px 54px; }
header .area .top-navi .panel .list > .li-navi > .list-navi > li:nth-child(3) { margin:0px 135px 0px 55px; } 

/*
	#. 섹션(Section)
*/

section {}
section .area {}
section .area .bg {}

section .area .bg.cnt-intro {}
section .area .cnt-intro .panel {}
section .area .cnt-intro .panel ul.list
{	
	width:inherit; max-width:inherit;
	height:auto;
	margin:55px 0px 70px 0px;
}
section .area .cnt-intro .panel .list > li { clear:both; }
section .area .cnt-intro .panel .list > li.li-logo
{
	height:800px; max-height:800px;
}
section .area .cnt-intro .panel .list > li.li-logo > table {}
section .area .cnt-intro .panel .list > li.li-logo > table tr td 
{
	width:300px; max-width:300px; 
	height:240px; max-height:240px;
}
section .area .cnt-intro .panel .list > li.li-logo > table tr td > .ib
{
	width:300px; max-width:300px;
	height:240px; max-height:240px;
	
	border-radius:18.5px;
	overflow:hidden;
}
section .area .cnt-intro .panel .list > li.li-logo > table tr td > .ib > img 
{
	width:300px;
	clear:both;
}
section .area .cnt-intro .panel .list > li.li-logo > table tr td > .ib > .ib-logo-title
{
	width:100%; 
	height:100px; 
	position:absolute;
	bottom:0px;
}
section .area .cnt-intro .panel .list > li.li-logo > table tr td > .ib > .ib-logo-title .ib-logo
{
	width:100px;
	height:100px;
	left:0px;
	position:absolute; 
	z-index:1;
}

section .area .cnt-intro .panel .list > li.li-logo > table tr td > .ib > .ib-logo-title .ib-title
{
	width:100%; 
	height:50px;
	top:50px;
}
section .area .cnt-intro .panel .list > li.li-logo > table tr td > .ib > .ib-logo-title .ib-title > img 
{
	width:auto;
	height:22px; 
	top:13.5px;
	left:100px;
}
section .area .cnt-intro .panel .list > li.li-logo > table tr td > .ib > .ib-logo-title .ib-title.m1 { background-color:#EB615A; }
section .area .cnt-intro .panel .list > li.li-logo > table tr td > .ib > .ib-logo-title .ib-title.m2 { background-color:#6DBB4B; }
section .area .cnt-intro .panel .list > li.li-logo > table tr td > .ib > .ib-logo-title .ib-title.m3 { background-color:#438BCB; }
section .area .cnt-intro .panel .list > li.li-logo > table tr td > .ib > .ib-logo-title .ib-title.m4 { background-color:#9162A7; }


section .area .cnt-intro .panel .list > li.li-logo > table tr td.td-center { width:380px; max-width:380px; }
section .area .cnt-intro .panel .list > li.li-logo > table tr td.td-center > .ib { left:40px; }

section .area .bg.cnt-introdesc { background-color:#2198AD; padding:55px 0px 65px 0px; }
section .area .bg.cnt-introdesc .panel { }
section .area .bg.cnt-introdesc .panel ul.list { clear:both; }
section .area .bg.cnt-introdesc .panel ul.list > li
{
	height:auto;
	text-align:center;
}
section .area .bg.cnt-introdesc .panel ul.list > li > img
{
	display:inline-block;
}
section .area .bg.cnt-introdesc .panel ul.list > li > span { color:#FFFFFF; }
section .area .bg.cnt-intropage {}
section .area .bg.cnt-intropage .panel { background-color:#ffffff; }
section .area .bg.cnt-intropage .panel .title 
{
	height:80px; max-height:80px; 
	text-align:center; 
}
section .area .bg.cnt-intropage .panel .title > img 
{
	height:34px; 
	display:inline-block;  
	top:23px;
}
section .area .bg.cnt-intropage .panel .title-tail 
{
	height:35px; max-height:35px; 
	text-align:center; 
}
section .area .bg.cnt-intropage .panel .title-tail > img { height:35px; display:inline-block;  }
section .area .bg.cnt-intropage .panel ul.list 
{
	width:676px; max-width:676px;
	clear:both; 
}
section .area .bg.cnt-intropage .panel ul.list > li {}
section .area .bg.cnt-intropage .panel ul.list > li.s-title {}
section .area .bg.cnt-intropage .panel ul.list > li.s-title > img { width:100%; }
section .area .bg.cnt-intropage .panel ul.list > li.s-desc {}
section .area .bg.cnt-intropage .panel ul.list > li.s-desc > span { font-size:16px; }
section .area .bg.cnt-intropage .panel ul.list > li.s-desc > span.bold { text-decoration: underline; }
section .area .bg.cnt-intropage .panel ul.list > li.s-desc > span > strong { text-decoration: underline; }
section .area .bg.cnt-intropage .panel > .ib-intro
{
	background-color:transparent;
	position:absolute;	
	border-radius:50%;
	border:15px solid #aaa;
	z-index:1;	
}
section .area .bg.cnt-intropage .panel > .ib-intro > img 
{
	width:100%; height:100%; 
	overflow:hidden; 
	border-radius:50%; 
}
section .area .bg.cnt-intropage .panel > .ib-intro.style1 { width:280px; height:280px; }
section .area .bg.cnt-intropage .panel > .ib-intro.style2 { width:270px; height:270px; }
section .area .bg.cnt-intropage .panel > .ib-intro.style3 { width:200px; height:200px; }

section .area .bg.cnt-intropage.p1 { margin:50px 0px; }
section .area .bg.cnt-intropage.p1 .panel .title { background-color:#EB615A; }
section .area .bg.cnt-intropage.p1 .panel > .ib-intro { border-color:#F4AFAC; }
section .area .bg.cnt-intropage.p1 .panel ul.list > li.s-desc > span > strong { color:#EB615A; }
section .area .bg.cnt-intropage.p1 .panel > .ib-intro.style1 { left:-65px; }
section .area .bg.cnt-intropage.p1 .panel > .ib-intro.style2 { right:-15px; top:410px; }
section .area .bg.cnt-intropage.p1 .panel > .ib-intro.style3 { left:15px; bottom:30px; }

section .area .bg.cnt-intropage.p2 { top:50px; margin:50px 0px 100px 0px; }
section .area .bg.cnt-intropage.p2 .panel .title { background-color:#6DBB4B; }
section .area .bg.cnt-intropage.p2 .panel > .ib-intro.style2.s1 { right:-40px; }
section .area .bg.cnt-intropage.p2 .panel > .ib-intro.style2.s2 { left:-60px; top:355px; }
section .area .bg.cnt-intropage.p2 .panel > .ib-intro.style3 { right:15px; bottom:30px; }
section .area .bg.cnt-intropage.p2 .panel > .l1 { left:60px; margin-top:10px; }
section .area .bg.cnt-intropage.p2 .panel > .l2 { width:680px; max-width:680px; left:264px; margin-top:60px; }
section .area .bg.cnt-intropage.p2 .panel > .l3 { width:576px; max-width:576px; left:130px; margin-top:55px; }
section .area .bg.cnt-intropage.p2 .panel > .ib-intro { border-color:#B6DCA4; }
section .area .bg.cnt-intropage.p2 .panel ul.list > li.s-desc > span > strong { color:#6DBB4B; }

section .area .bg.cnt-intropage.p3 { top:50px; margin:50px 0px 150px 0px; }
section .area .bg.cnt-intropage.p3 .panel .title { background-color:#438BCB; }
section .area .bg.cnt-intropage.p3 .panel table.list 
{ 
	width:890px; max-width:890px;
	margin:0px 45px; 
}
section .area .bg.cnt-intropage.p3 .panel table.list tr td.chart-img
{
	width:350px; max-width:350px;	
	text-align:center; 
}
section .area .bg.cnt-intropage.p3 .panel table.list tr td.chart-img > img.img-column 
{
	height:65px; max-height:65px; 
	display:inline-block;
}
section .area .bg.cnt-intropage.p3 .panel table.list tr td.chart-img > img.img-slink { height:12px; max-height:12px; }
section .area .bg.cnt-intropage.p3 .panel table.list tr td.chart-img > img.img-link { width:25px; max-width:25px; }
section .area .bg.cnt-intropage.p3 .panel table.list tr td.chart-text
{
	width:540px; max-width:540px;
}
section .area .bg.cnt-intropage.p3 .panel table.list tr td.chart-text > span { font-size:18px; }
section .area .bg.cnt-intropage.p3 .panel table.list tr td.chart-text > span.txt-s { font-size:16px; }
section .area .bg.cnt-intropage.p3 .panel table.list tr td.chart-text > img { width:470px; left:0px; margin-left:0px; }

/****/
section .area .bg.cnt-map
{
	background-color:#88C8D8;
	height:441px;
}
section .area .bg.cnt-map .panel { height:auto; }
section .area .bg.cnt-map .panel ul.list
{	
	width:800px; 
	height:411px; max-height:411px;
	top:20px;
	margin-left:90px;
}
section .area .bg.cnt-map .panel .list > li
{
	height:inherit;
	float:left;
	display:inline-block; 
}
section .area .bg.cnt-map .panel .list > li > img { clear:both; }
section .area .bg.cnt-map .panel .list > li > span { color:#333333; font-size:14pt; clear:both; }
section .area .bg.cnt-map .panel .list > li > span.bold { font-size:20pt; }
section .area .bg.cnt-map .panel .list > li.li-title { width:287px; }
section .area .bg.cnt-map .panel .list > .li-title > img 
{
	margin:30px 0px 30px 0px;
}
section .area .bg.cnt-map .panel .list > li.li-logo { width:513px; }