@charset "euc-kr";

/* 񃧯 */
* {margin:0; padding:0;}
body {background-color:#fff; color:#444; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif;}
fieldset,img {border:none;}
img {vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

table {border-collapse:collapse;}

li, ol {list-style:none;}
address, em {font-style:normal;}
input,textarea,select {font-family:inherit; font-size:1.05em;}

a{color:#444; text-decoration:none;}
a:visited,a:visited *{color:#444;}
a.visited,a.visited:visited{color:#444;}
a:hover,a:hover *,a.visited:hover{color:#ff7800; text-decoration:underline;}

caption,
legend,
.accessibility {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

/* Input Style Definition */
.inputText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputText { font-size:9pt; }
.inputText:hover,
.inputText:focus { background:#f4f4f4; }
.inputTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;}
*:first-child+html .inputTextArea { font-size:9pt; }

.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w98p { width:98%; }

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}

.tCenter {text-align:center;}
.tRight {text-align:right;}

.fArea {*zoom:1;}
.fArea:after {content:""; display:block; clear:both;}
.fArea * {vertical-align:middle;}
.fLeft {float:left;}
.fRight {float:right;}

.clear {clear:both;}

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

#header {text-align:center;}

#container,
#footer {width:1002px; margin:0 auto; *zoom:1;}
#container:after,
#footer:after {content:""; display:block; clear:both;}

#container {position:relative;}
#aside {float:left; width:199px;}
#content {float:left; width:700px; padding-bottom:30px;}

#footerWrap {border-top:1px solid #bac6dd;}
#footer {padding:20px 0 20px 50px;}
#footer .fLogo {float:left;}
#footer .info {float:left; width:500px; padding:0 0 0 50px;}
#footer .fMenu {margin-bottom:5px; *zoom:1;}
#footer .fMenu:after {content:""; display:block; clear:both;}
#footer .fMenu li {float:left; padding:0 10px; background:url(../../images/common/fMenuLine.gif) no-repeat 0 0;}
#footer .fMenu li.first {padding-left:0; background:none;}
#footer address {margin-bottom:3px;}
#footer .fRight {margin:0 20px 0 0;}

.floating {position:absolute; top:0; right:0; width:79px;}

.contentTop {margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #e3e3e3; *zoom:1;}
.contentTop:after {content:""; display:block; clear:both;}
.contentTop h2 {float:left; padding-left:10px; background:url(../../images/common/bu_pageTitle.gif) no-repeat left center;}
.thisPage {float:right;}
.thisPage span.home {padding-left:15px; background:url(../../images/common/icon_home.gif) no-repeat left center;}



/* main */
/*#mainContainer {height:720px; background:url(../../images/main/bg.gif) no-repeat center top;}*/
#mainContainer {height:720px;}
#mainContent {position:absolute; top:580px; left:50%; width:1002px; margin-left:-501px;}
div.ltNotice {position:relative; float:left; width:250px; padding:0 30px 0 40px; background:url(../../images/main/contentLine.gif) no-repeat right top;}
div.ltNotice h2 {margin-bottom:20px;}
div.ltNotice li {position:relative; padding-left:8px; background:url(../../images/main/bu_notice.gif) no-repeat 0 6px; *zoom:1;}
div.ltNotice li span {position:absolute; top:0; right:0;}
div.ltNotice a.more {position:absolute; top:10px; right:30px;}
div.companyOverview {float:left; width:315px; height:120px; padding:0 0 0 30px;}
div.companyOverview h2 {margin-bottom:20px;}
div.companyOverview p {margin-bottom:20px;}
div.customerCenter {float:right; width:280px; padding:0 10px 0 25px; background:url(../../images/main/contentLine.gif) no-repeat left top;}
div.customerCenter h2 {margin-bottom:20px;}





.adMapSelect {padding:20px; border:2px solid #e8e8e8;}
.adApplyViewTitle {*zoom:1;}
.adApplyViewTitle:after {content:""; display:block; clear:both;}
.adApplyViewTitle h3 {float:left;}
.adApplyViewTitle .btn {float:right;}

.detailMap {margin-bottom:30px; text-align:center;}

.locDetailView {margin-bottom:30px; padding:30px 40px; border:1px solid #ddd; *zoom:1;}
.locDetailView:after {content:""; display:block; clear:both;}
.locDetailView div.btn {margin-bottom:5px;}
.locDetailView div.thumb {float:left; width:321px; text-align:center;}
.locDetailView div.thumb img {display:block; width:313px; height:171px; margin-bottom:10px; border:4px solid #cacaca;}
.locDetailView div.dan {float:right;}

.locDetailViewSimin {border:1px solid #ddd; *zoom:1;}
.locDetailViewSimin:after {content:""; display:block; clear:both;}
.locDetailViewSimin div.thumb {float:left; width:690px; text-align:center;}
.locDetailViewSimin div.thumb img {display:block; border:4px solid #cacaca;}

.adApplyList {width:100%; margin-bottom:20px; border-top:2px solid #00aeef;}
.adApplyList th,
.adApplyList td {padding:5px; text-align:center; border-bottom:1px solid #cfcfcf;}
.adApplyList th {color:#0696cb;}
.adApplyList td.no {width:20px;}
.adApplyList td.no span {display:inline-block; width:20px; text-align:center; color:#fff; background:#00478f;}
.adApplyList .left {text-align:left;}

.adApplyList1 {width:100%; margin-bottom:20px; border-top:2px solid #00aeef;}
.adApplyList1 th,
.adApplyList1 td {padding:5px;  border-bottom:1px solid #cfcfcf;}
.adApplyList1 th {color:#0696cb;}
.adApplyList1 td.no {width:20px;}
.adApplyList1 td.no span {display:inline-block; width:20px; text-align:center; color:#fff; background:#00478f;}
.adApplyList1 .left {text-align:left;}

.adApplyFormNotice {height:55px; margin-bottom:30px; padding-left:90px; line-height:55px; font-weight:bold; background:url(../../images/ad/bgApplyNotice.gif) no-repeat 0 0;}
.adApplyForm {width:100%; margin-bottom:10px;}
.adApplyForm th,
.adApplyForm td {padding:5px; text-align:left; border-bottom:1px solid #e5e5e5;}
.adApplyForm th {width:100px; font-size:11px;}
.adApplyForm .price {font-weight:bold; color:#008fc4;}
.applyFormHelp {font-weight:bold;}
.applyFormHelp span {color:#e21117;}


.sitemap {padding:0 0 50px 50px; font-weight:bold; *zoom:1;}
.sitemap:after {content:""; display:block; clear:both;}
.sitemap dl {float:left; width:210px;}
.sitemap dt {margin-bottom:15px;}
.sitemap dd {padding-left:13px;}




/* board */
.boardList {width:100%; margin-bottom:10px; border-bottom:2px solid #dbdbdb; background:url(../../images/board/bgListTh.gif) no-repeat 0 0;}
.boardList th,
.boardList td {text-align:center;}
.boardList thead th {height:23px;}
.boardList td {padding:5px; border-bottom:1px solid #e5e5e5;}


.boardList .left {text-align:left;}


.boardSearch {text-align:center;}
.boardSearch * {vertical-align:middle;}


.nextPrevPost {margin-bottom:10px; font-size:11px; border-top:1px solid #d9d9d9;}
.nextPrevPost * {vertical-align:middle;}
.nextPrevPost li {border-bottom:1px solid #d9d9d9;}
.nextPrevPost span {width:80px; margin-right:10px; padding:10px 0 10px 20px; display:inline-block; background:#f2f2f2;}


.boardView {width:100%; margin-bottom:10px; border-top:2px solid #ccc;}
.boardView th,
.boardView td {padding:5px; text-align:left; border-bottom:1px solid #e5e5e5;}
.boardView th {width:40px;}
.boardView tr.title td {font-weight:bold; color:#4a75ca;}
.boardView tr.content th,
.boardView tr.content td {height:200px; vertical-align:top;}
.boardView tr.content th {padding-top:9px;}

.boardWrite {width:100%; margin-bottom:10px; border-top:2px solid #ccc;}
.boardWrite th,
.boardWrite td {padding:5px; text-align:left; border-bottom:1px solid #e5e5e5;}
.boardWrite th {width:40px;}




/* Paginate */
.paginate { padding:15px 0; text-align:center;}
.paginate a img { border:none; vertical-align:middle; _vertical-align:top;}
.paginate a,
.paginate strong { position:relative; margin-left:-6px; display:inline-block; vertical-align:middle; _width /**/:18px; padding:2px 6px 3px 7px; color:#333333; text-decoration:none; line-height:normal; font:12px Tahoma; background:url(/images/common/line_pg.gif) no-repeat left center;}
.paginate a:hover { text-decoration:underline;}
.paginate strong { color:#58b4e5 !important; font-weight:bold;}
.paginate .first-child { background:none;}
.paginate a.pre,
.paginate a.next { padding:0; background:none !important;}
.paginate a.pre { margin:0 3px 0 -6px;}
.paginate a.next { margin:0 3px 0 -3px;}
.paginate a.first,
.paginate a.end { padding:0; background:none !important;}
.paginate a.first { margin:0 6px 0 -3px;}
.paginate a.end { margin:0 3px 0 -3px;}


/*2018raon Ãß°¡*/

.left-menu{
 padding-bottom:80px;
}
.left-menu h3{
	color:#436db4;
	font-size:22px;
	font-family:'Noto Sans KR' , sans-serif;
	letter-spacing:-0.05em;
	margin-bottom:15px;
}
.left-menu > ul > li > a{
	font-family:'Noto Sans KR' , sans-serif;
	font-size:13px;
	font-weight:600;
	padding:5px;
	display:block;
	color:#888;
	letter-spacing:-0.05em;
}
.left-menu > ul > li.active > a,
.left-menu > ul > li:hover > a{
	color:#000;
	text-decoration:none;
}
.left-menu > ul > li > a:before{
	content:"- "
}
.left-menu > ul > li > ul{
	margin-bottom:10px;
}
.left-menu > ul > li > ul > li > a{
	font-family:'Noto Sans KR' , sans-serif;
	font-size:12px;
	font-weight:400;
	padding:3px 3px 3px 16px;
	display:block;
	color:#888;
}
.left-menu > ul > li > ul > li > a:before{
	content:"¡¤ ";
}
.left-menu > ul > li > ul > li:hover > a:before{
	color:#335da5
}
.left-menu > ul > li > ul > li.active > a,
.left-menu > ul > li > ul > li:hover > a{
	color:#000;
	font-weight:600;
	text-decoration:none;
}

.sub-header{
	background:url(/images/common/sub-visule-bg.jpg) no-repeat center top;
	height:300px;
	position:relative !important;
}


.sub-header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
}
.sub-header .inner{
	width:1100px;
	margin:0 auto;
	position:relative;
}
.sub-header .inner > div.com {
	position:absolute;
	right:0;
	top:0;
	background:#002e87;
	box-shadow:2px 2px 4px rgba(0,0,0,.3);
	-moz-box-shadow:2px 2px 4px rgba(0,0,0,.3);
	-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.3);
	padding:0 10px;
}
.sub-header .inner > h1 {
	position:absolute;
	top:20px;
	left:50px;
}
.sub-header .inner > div.com > a {
	float:left;
	padding:2px 10px;
	color:#fff;
	font-size:11px;
	position:relative;
}
.sub-header .inner > div.com > a.home::after{
	content:"";
	position:absolute;
	border-right:1px solid #174bb1;
	width:1px;
	height:10px;
	top:6px;
	right:0;
}
.sub-header .inner > div.menu{
	position:absolute;
	top:45px;
	right:50px;
	width:800px;
}
.sub-header .inner > div.menu a:hover{
	text-decoration:none;
}
.sub-header .inner > div.menu > ul{
	float:right;
}
.sub-header .inner > div.menu > ul:after {
	content:"";
	display:block;
	clear:both;
}
.sub-header .inner > div.menu > ul > li {
	float:left;
	text-align:center;
	position:relative;
}
.sub-header .inner > div.menu > ul > li > a {
	color:#fff;
	font-size:14px;
	font-weight:500;
	font-family:'Noto Sans KR' , sans-serif;
	display:block;
	padding:10px 30px;
	
}
.sub-header .inner > div.menu > ul > li > ul{
	width:100%;
	position:absolute;
	background:rgba(255,255,255,.9);
	padding:10px 0px;
	box-shadow:2px 2px 4px rgba(0,0,0,.3);
	-moz-box-shadow:2px 2px 4px rgba(0,0,0,.3);
	-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.3);
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	display:none;
}
.sub-header .inner > div.menu > ul > li > ul:after{
	content:"";
	background:url(/images/common/menu-2dp-arrow.png) no-repeat center center;
	position:absolute;
	top:-15px;
	width:30px;
	height:20px;
	left:50%;
	margin-left:-15px;
	opacity:.9;
	

}
.sub-header .inner > div.menu > ul > li.mm4 > ul{
	width:120%;
	left:-10%;
}
.sub-header .inner > div.menu > ul > li:hover > ul {
	display:block;
}
.sub-header .inner > div.menu > ul > li > ul > li > a {
	display:block;
	padding:5px;
	font-family:'Noto Sans KR' , sans-serif;
	font-size:13px;
	letter-spacing:-0.05em
}

.sub-header .top-line{
	height:5px;
	background:#002e87;
	box-shadow:2px 2px 4px rgba(0,0,0,.3);
	-moz-box-shadow:2px 2px 4px rgba(0,0,0,.3);
	-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.3);
}



.ad_type_tab{
	margin:50px 0;
	text-align:left;
	border-bottom:1px solid #ddd;
	background:#fff;
}
.ad_type_tab > a{
	font-family: 'Noto Sans KR' , sans-serif;
	display:inline-block;
	background:#eee;
	color:#666;
	height:40px;
	line-height:40px;
	width:140px; 
	font-size:16px;
	text-align:center;
	text-decoration:none;
	margin-bottom:-1px;
}
.ad_type_tab > a.on{
	background:#1a3560;
	color:#fff;
}