@charset "utf-8";

html>/**/body {
	overflow-y:scroll
} /* Engenders allows the scroll area on every page. */

/* base */
body{
	font-family:"나눔고딕", NanumGothic,NG, "맑은고딕", Malgun Gothic, "돋움", Dotum, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.4em; 
	color:#4c4c4c
}
em,address{
	font-style:normal;
}
dl, dt, dd, ul, li{
	list-style:none;
	margin:0;
	padding:0;
}
body,h1,h2,h3,h4,h5,h6,pre,input,p,th,td{
	margin:0;
	padding:0;
}
img{
	border:0 none;
	vertical-align:middle;
}
div, span, ul, li{
	margin:0;
	padding:0;
	background:none;
}
form, fieldset, blockquote{
	margin:0;
	padding:0;
	border:0;
}
legend, caption,hr{
	display:none;
}
textarea{
	overflow:auto;
}
option{
	padding-right:0.5em;
}
select{
	height:20px;
	margin:0;
	padding:1px;
	border:1px solid #bcc4d0;
	color:#476087;
	font-family:"나눔고딕", NanumGothic,NG, "맑은고딕", Malgun Gothic, "돋움", Dotum, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.5em;
	background-color:#f8f8f9;
}
input{
	font-family:"나눔고딕", NanumGothic,NG, "맑은고딕", Malgun Gothic, "돋움", Dotum, Arial, Helvetica, sans-serif;
	vertical-align:middle
}

/* ANCHOR */
a{
	color:#4c4c4c;
	text-decoration:none;
}
a:link{
	color:#4c4c4c;
	text-decoration:none;
}
a:visited{
	color:#4c4c4c;
	text-decoration:none;
}
a:hover{
	color:#32cbad;
	text-decoration:underline;
}
a:active{
	color:#32cbad;
	text-decoration:none;
}

/*input css*/
.cursor{
	cursor:pointer;
}
.form{
	height:16px; 
	border:1px solid #CDD8DB; 
	font-size:12px; 
	padding:2px 4px 0px 4px;
}
.text{
	border:1px solid #CDD8DB;
	font-size:12px;
	height:18px;
	line-height:1.5em;
	margin:0 0 5px;
	padding:0 4px;
}
.textarea{
	border:1px solid #CDD8DB;
	padding:1px;
	font-size:12px; 
	color:#555;
}

/* 숨김영역 */
.skip, hr, legend, caption{
	display:none;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	border:0;
	visibility:hidden
}

/* 건너뛰기 */
#divAccessibility{
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
#divAccessibility li{
	float:left
}
#divAccessibility a{
	position:absolute;
	width:1px;
	height:1px;
	top:-50px;
	overflow:hidden;
	text-align:center
}
#divAccessibility a:focus, #divAccessibility a:active{
	position:absolute;
	top:0;
	width:200px;
	height:auto;
	padding:5px;
	background-color:#fff;
	border:solid 1px #0079c6;
	color:#0079c6;
	z-index:2
} 

/* Form */
input{
	font-family:"나눔고딕", NanumGothic,NG, "맑은고딕", Malgun Gothic, "돋움", Dotum, Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle
}
textarea{
	padding:0 4px;
	border:1px solid #bbb;
	cursor:text
}
select, input[type=text]{
	outline:none
}
input[type=text]{
	height:20px;
	padding:0 4px;
	border:1px solid #bbb;
	line-height:20px;
	cursor:text;
	vertical-align:middle;
	margin-top:7px;
}
input[type=password]{
	height:20px;
	padding:0 4px;
	border:1px solid #bbb;
	line-height:20px;
	cursor:text;
	vertical-align:middle
}
input[type=file]{
	height:22px
}
input.text, input.searchWord, input.form{
	border:1px solid #bbb
}
input.text:focus, textarea:focus{
	border:1px solid #00B4D5
}
select{
	min-width:45px;
	height:22px;
	padding:2px 2px 2px 0;
	border:1px solid #bbb;
	font-size:1em;
	line-height:17px;
	font-family:"나눔고딕", NanumGothic,NG, "맑은고딕", Malgun Gothic, "돋움", Dotum, Arial, Helvetica, sans-serif;
	vertical-align:middle
}
input[type=radio], .radio{
	position:relative;
	bottom:1px;
	margin:0 2px 0 0
}
.checkbox{
	margin:0 3px 2px 0;
	vertical-align:middle
}
.error{
	color:#e44939
}

/* sub page button group - images   _ie7 ie8 fireFox*/
.divButton{
    padding:30px 0; 
    font-size:14px;
    text-align:center
}
.divButtonTop{
    padding:0 5px 5px 0;
    border-bottom:1px solid #ccc;
    text-align:right;
}
.LinkButtonW{
    position:relative;
    display:inline-block;
    height:29px;
    background: url(../../image/ko/common/btn/button1l.gif) no-repeat 0 0;
    overflow:visible
}
.LinkButtonW:hover{
      background: url(../../image/ko/common/btn/button2l.gif) no-repeat 0 0;
}
.submitButton{
    height:29px;
    padding:0 15px;
    border-style:none;
    border-radius:0;
    -webkit-border-radius:0;
    -webkit-appearance:none; 
     background: url(../../image/ko/common/btn/button1r.gif) no-repeat right 0;
    color:#fff;
    cursor:pointer;
    vertical-align:baseline;
    overflow:visible;
    font-weight:600
}
.submitButton:hover{
   background: url(../../image/ko/common/btn/button2r.gif) no-repeat right 0;
}
.LinkButtonA{
    display:inline-block;
    height:29px;
     background: url(../../image/ko/common/btn/button1l.gif) no-repeat 0 0;
}
.LinkButtonA:hover{
     background: url(../../image/ko/common/btn/button2l.gif) no-repeat 0 0;
}
a.LinkButton{
    display:inline-block;
    height:29px;
    padding:0 15px ;
    background: url(../../image/ko/common/btn/button1r.gif) no-repeat right 0;
    color:#fff;
    line-height:29px;
    cursor:pointer;
    text-decoration:none;
    font-weight:600;
}
*+html body a.LinkButton{
    height:24px;
    padding-top:5px;
    line-height:1.3em;
    cursor:pointer;
}
a.LinkButton:hover{
    background: url(../../image/ko/common/btn/button2r.gif) no-repeat right 0;
}
.divButton a:hover, .divButton a:active{
    text-decoration:none
}

/* sub page paging */
#divPaging{
	position:relative;
	display:block;
	height:26px;
	margin:12px 0 0 0;
	font:600 1.11em/0.75em AppleGothic,Verdana;
	text-align:center;
	clear:both;
}
#divPaging img{
	vertical-align:middle;
}
*:first-child+html #divPaging img{
	vertical-align:top;
}
#divPaging a{
	text-decoration:none;
}	
#divPaging a:hover{
	color:#000; 
}
#divPaging .sel{
	display:inline-block;
	padding:10px;
	border:1px solid #d63e2c;
	background:#fd6f03;
    color:#fff;
    cursor: pointer;
}
#divPaging .numBox{
	display:inline-block;
	padding:10px;
	border:1px solid #fff;
	color:#333;
}
#divPaging .numBox:hover{
	border:1px solid #d63e2c;
}
#divPaging .numfirst img, #divPaging .numprev img{
	padding:4px 3px 5px 3px;
	border:1px solid #fff;
}
#divPaging .numfirst img:hover, #divPaging .numprev img:hover{
	padding:4px 3px 5px 3px;
	border:1px solid #d63e2c;
}
#divPaging .numnext img, #divPaging .numlast img{
	padding:4px 3px 5px 3px;
	border:1px solid #fff;
}
#divPaging .numnext img:hover, #divPaging .numlast img:hover{
	padding:4px 3px 5px 3px;
	border:1px solid #fff;
}

/*font*/
.black_12{
	font-size:12px; 
	color:#000000; 
	}
.brightgray_12{
	font-size:12px; 
	color:#c9c6b9;
	}
.black_12w{
	font-size:12px; 
	color:#000000; 
	font-weight:600;
	}
.gray_11w{
	font-size:11px; 
	color:#a09f9f;
	}
.gray_11{
	font-size:11px; 
	color:#a09f9f;
	}
.gray_12{
	font-size:12px; 
	color:#565550;
	}
.gray_12w{
	font-size:12px; 
	color:#565550;
	font-weight:600;
	}
.red_12w{
	font-size:12px; 
	color:#b31b1b; 
	font-weight:600;
	}
.firebrick_12w{
	font-size:12px; 
	color:#d85632; 
	font-weight:600;
	}
.firebrick_12{
	font-size:12px; 
	color:#d85632; 
	}
.Gfirebrick_12w{
	font-size:12px; 
	color:#c17557; 
	font-weight:600;
	}
	
.blue_13w{
	font-size:14px;
	letter-spacing:-1px; 
	font-weight:600;
	color:#3070be; 
	}
.blue_12w{
	font-size:12px; 
	font-weight:600;
	color:#5695c1; 
	}
.blue_12{
	font-size:12px; 
	color:#5695c1; 
	}
.white_12{
	font-size:12px; 
	color:#ffffff; 
	}
.white_12w{
	font-size:12px; 
	font-weight:600;
	color:#ffffff;
	}
.brown_12{
	font-size:12px; 
	color:#7a6861;
	}
.brown_12w{
	font-size:12px; 
	font-weight:600;
	color:#7a6861;
	}
.lightbrown_12w{
	font-size:12px; 
	font-weight:600;
	color:#c17571;
	}
.font600{
	font-weight:600;
	}
	
/* Mobile Button, PC Button */
#mobileVersion, #webVersion{
	margin:120px auto 30px;
	background:#efefef;
	width:80%;
}
#mobileVersion a, #webVersion a{
	display:block;
	border:1px solid #b7b7b7;
    border-radius:5px;
	margin:0 auto;
	padding:10px;
	background-color:#d3d3d3;
	color:#222;
	font-family:"나눔고딕", NanumGothic,NG, "맑은고딕", Malgun Gothic, "돋움", Dotum, Arial, Helvetica, sans-serif;
	text-align:center
}