@charset "utf-8";

/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,legend {margin:0;padding:0;}
fieldset,img,abbr,acronym {border:none;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var {font-size:100%;font-weight:normal;}

* html input {margin:-1px 0 0 0;} /* ie6 input margin... */
* html input.input_radio, * html input.input_check {margin:0 0 0 0;}
*:first-child+html input {margin:-1px 0} /* ie7 input margin... */


html {overflow-y:scroll;}

body, input, select, textarea, table, td {font-family:"돋움",dotum,"나눔고딕",NanumGothic,"맑은 고딕","Malgun Gothic",Helvetica,AppleGothic,Sans-serif;font-size:12px;line-height:1.3;color:#6f6f6f;}

body {background-color:#fff;}

img {vertical-align:top;}
select, option {font-size:11px;}
input.input_text {padding-left:5px;border:solid 1px #cac8c8;background-color:#fff;line-height:1.5;}
input.input_text2 {padding-left:5px;border:solid 1px #e0e0e0;background-color:#fff;line-height:1.5;}
input.input_check, input.input_radio {width:13px;height:18px;vertical-align:middle;}

textarea.input_textarea {padding-left:5px;border:solid 1px #e0e0e0;background-color:#fff;line-height:1.5;}

a {text-decoration:none;color:#606060;}
a:hover {color:#606060;}
a.under {text-decoration:underline;}
a,img   {selector-dummy:expression(this.hideFocus=true);} /*링크테두리 삭제*/

/*사진이미지테두리라인*/
.ContentImg img {border:1px solid #dedede;}
.ContentImg11 img {border:3px solid #dedede;}

.sub_title {font-family:  "돋움", "돋움체",Arial, Helvetica, sans-serif;color:#505050;font-size:13px;font-weight:bold;text-decoration:none;letter-spacing:-0.5px;line-height:20px;}


.input02{
background-color:#ffffff;
FONT-FAMILY:"돋움";
FONT-SIZE: 11px;
border: 1px solid #dedddd;
height: 12px
}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.pd_l08 {padding-left:8px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l20 {padding-left:20px !important;}

.pd_b10 {padding-bottom:10px !important;}
.pd_b15 {padding-bottom:15px !important;}
.pd_b20 {padding-bottom:20px !important;}

hr, caption, legend {display:none;}

#skip {position:absolute;display:block;top:-5000px;left:0;overflow:hidden;}


/* clear Float */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */



body.body_01 {background:url('../images/common/sub_visual_01.jpg') 50% 0 no-repeat;}
body.body_02 {background:url('../images/common/sub_visual_02.jpg') 50% 0 no-repeat;}
body.body_03 {background:url('../images/common/sub_visual_03.jpg') 50% 0 no-repeat;}
body.body_04 {background:url('../images/common/sub_visual_04.jpg') 50% 0 no-repeat;}
body.body_05 {background:url('../images/common/sub_visual_05.jpg') 50% 0 no-repeat;}
body.body_06 {background:url('../images/common/sub_visual_06.jpg') 50% 0 no-repeat;}
body.body_07 {background:url('../images/common/sub_visual_07.jpg') 50% 0 no-repeat;}

/*-------------------------------------------------------------------------------------------------
	HEADER_index
-------------------------------------------------------------------------------------------------*/
#header_index h1 {padding:20px 0 0 53px;}

#header_index ul.gNavi {position:absolute;top:2px;right:0;z-index:5;}
#header_index ul.gNavi li {float:left;}
#header_index ul.gNavi li.first {padding-left:0;background:none;}


/*-------------------------------------------------------------------------------------------------
	HEADER
-------------------------------------------------------------------------------------------------*/
#header h1 {padding:20px 0 0 53px;}

#header ul.gNavi {position:absolute;top:2px;right:0;z-index:5;}
#header ul.gNavi li {float:left;}
#header ul.gNavi li.first {padding-left:0;background:none;}

#gnb {position:absolute;top:35px;left:265px;z-index:5;}





/*-------------------------------------------------------------------------------------------------
	LNB Common
-------------------------------------------------------------------------------------------------*/
#lnb h2 {width:188px;height:144px;}
#lnb #lNavi {width:179px;margin-top:6px;}



.tabBtn {cursor:pointer;}

div.pageTitle {position:relative;height:67px;}
div.pageTitle h2 {padding-top:6px;}

div.pageTitle div.location {position:absolute;right:0;top:0;font-size:11px;line-height:1;z-index:10;}
div.pageTitle div.location a {color:#939598;}
div.pageTitle div.location a.home {display:inline-block;padding-top:1px;}
div.pageTitle div.location span.arrow {display:inline-block;height:14px;padding:2px 4px 0;}
div.pageTitle div.location strong {font-weight:normal;color:#4c4c4d;}

div.pageTitle div.location * {vertical-align:top;}


/*-------------------------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------------------------*/
#footerIn a.aboutpnf {position:absolute;right:5px;top:20px;z-index:5;}


/* goTop */
div.goTopWrap {position:absolute;top:0;left:0;width:980px;height:0;z-index:10;}
#quickMenu {position:absolute;right:0px;top:260px;width:74px;height:133px;z-index:10;}



/*-------------------------------------------------------------------------------------------------
	Smart Editor Outout
-------------------------------------------------------------------------------------------------*/
/* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */
.smartOutput{ font-size:12px; line-height:1.9; font-family:Dotum, AppleGothic, Sans-serif;}

.smartOutput p{ margin-top:7px; margin-bottom:7px;}

.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

.smartOutput sup{ font:10px Tahoma, monospace;}
.smartOutput sub{ font:10px Tahoma, monospace;}
.smartOutput table td{ padding:4px;}


.history22 {font-family:  "", "ü",Arial, Helvetica, sans-serif;color:#ffffff;font-size:11px;font-weight: bold;text-decoration:none;letter-spacing:-0.5px;line-height:15px;}
.history {font-family:  "", "ü",Arial, Helvetica, sans-serif;color:#8C8C8C;font-size:11px;text-decoration:none;letter-spacing:-0.5px;line-height:15px;}



.busin2 {

	border: 1px solid #DADADA;
	padding: 10px;
	background-color: F3F3F3;
}
.onbt {
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../images/common/on_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	width: 126px;

}
.offbt {
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../images/common/off_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	width: 126px;

}

.mouseOver {position:relative; width:648px; border:1px solid #e7e7e7;}
.mouseOver ul { height:40px; background:#f3f3f3; padding:0; margin:0;}
.mouseOver ul li { float:left; width:129px; height:40px; display:inline; text-align:center; font-size:12px; line-height:40px; font-weight:bold; border-right:1px solid #e7e7e7;}
.mouseOver ul li.last { width:128px; height:40px; display:inline; text-align:center; font-size:12px; line-height:40px; font-weight:bold; border:none;}
.mouseOver ul li a { display:block; color:#3b6cb1; }
.mouseOver ul li a:hover { background-color:#c9d6e9; color:#3b6cb1;}
.mouseOver ul li.on { float:left; width:129px; height:40px; display:inline; text-align:center; font-size:12px; line-height:40px; font-weight:bold; border-right:1px solid #e7e7e7; background-color:#3b6cb1; color:#fff;}
.mouseOver ul li.last_on { width:128px; height:40px; display:inline; text-align:center; font-size:12px; line-height:40px; font-weight:bold; border:none; background-color:#3b6cb1; color:#fff;}
.contents {position:relative; width:650px; margin-top:20px;}
.contents .thumb {float:left; width:350px; display:block;}
.contents .thumb ul {padding:0px;}
.contents .thumb ul li {float:left; width:350px; /*border-right:1px dotted #dfdfdf;*/}
.contents .application {float:right; width:300px; display:block;}
.contents .application ul.txt {padding-top:20px; font-family:"Arial",Arial;}
.contents .application ul.txt h2 {width:100%; color:#5b5b5b; text-align:left; font-size:16px; line-height:24px; font-weight:bold; padding-bottom:10px;}
.contents .application ul.txt li {width:100%; text-align:left; font-size:12px; line-height:24px;}
.contents .application ul.txt li p {padding-left:8px;}
.contents .application ul.btn {padding-top:20px;}
.contents .application ul.btn li {float:left; width:130px; padding-left:3px;}