@charset "utf-8";
/* ! normalize.css v3.0.2 | MIT License | git.io/normalize
 * 2015-09-11 unpl.co.kr
 * https://gist.github.com/taeheekang/207d79d8df151d5897e6
*/
/**
 * 1. 기본 폰트 설정
 * 2. 이것은 폰트크기를 명시적으로 지정해주는 것이다.
	  이 방법도 경우에 따라 자주 사용하는 방법이다. 명시적으로 100%를 주어 모든 디바이스에서 동일하게 보여주게 하는 방식이다. 물론 크게도 가능하고 작게도 가능하다.
 */
html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
body { margin: 0}
/* HTML5 display definitions */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
 display: none;
}
/* Links */
/**
 * Remove the gray background color from active links in IE 10.
 * ie10에서 링크가 활성화인경우 배경이 그레이로 나오는 문제
 */
a { background-color: transparent;}
a:link{text-decoration: none;}
a:hover{text-decoration: underline;}
/* Text-level semantics */
abbr[title] { border-bottom: 1px dotted}
b,
strong { font-weight: bold}
dfn { font-style: italic}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
	margin: 0;
}
mark {
	background: #ff0;
	color: #000;
}
small { font-size: 80%}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 * 윗첨자 아래첨자 line-height 기준 베이스 라인 정렬
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { top: -0.5em}
sub { bottom: -0.25em}
/* Embedded content*/
/**
 * Remove border when inside `a` element in IE 8/9/10.
 * 이미지 링크 경우 보더 생성 금지
 */
img {border: 0}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) { overflow: hidden}
/* Grouping content */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure { margin: 1em 40px}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre { overflow: auto}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
/* Forms */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}
/*select{-moz-appearance: listbox; -webkit-appearance: listbox;}*/
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button { overflow: visible}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select { text-transform: none}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] { cursor: default}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input { line-height: normal}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none
}
fieldset {
	border	: 0;
	margin	: 0;
	padding	: 0;
}
legend {
	border	: 0; /* 1 */
	padding	: 0; /* 2 */
	position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0
}
textarea { overflow		: auto}
optgroup { font-weight	: bold}
/* Tables */
table {
	border-collapse:collapse;
	border-spacing:0
}
caption{/*{position: absolute;*/ width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; border: 0; text-indent: -999em;}
td,
th { padding: 0;margin:0;}

/* ListItem */
ul,
ol{list-style-type: none;padding: 0;margin: 0;}
dl,dt,dd{margin:0;padding:0;}
a{color:#333;}
label{font-weight: inherit}
/*caption, legend { overflow: hidden; font-size: 0; line-height: 0; height: 0; width: 0; text-indent: -999em; }*/


/* hidden */
.hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }

/* clear float */
.clear { clear: both; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

/* float 해제 */
.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fixed{display:block}
.fixed{min-height:1%}
* html .fixed{height:1%}

/* skip */
/*.skip{position: absolute;top: 0;left: 0}
.skip a{position:absolute;display:block;width:500px;left:0;text-align:center;top:-10000px;z-index:5000;font-size:1.0em;height: 30px}
.skip a:hover,
.skip a:focus,
.skip a:active{position: absolute;top: 0;padding: 10px 0;font-weight:bold;color:#fff;background:#1d60a7;z-index:500}*/

.skip { position: relative; top: 0; left: 0; height:0;font-size:0;z-index: 999999;}
.skip a {left: -3000%;position: absolute;font-size:12px}
.skip a:hover, .skip a:focus, .skip a:active {background:#1d60a7;color: #fff;display: block;height: 30px;left: 0;line-height: 30px;text-align: center;top: 0;width: 100%;z-index: 999999;}


.nobg { background: none !important; }

.fl{float:left !important}
.fr{float:right !important}
.tac{text-align:center !important}
.tal{text-align:left !important}
.tar{text-align:right !important}
.jf{text-align:justify !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}

.oh{overflow:hidden !important}
.dn{display:none !important}
.db{display:block !important}
.dib{display:inline-block !important}
.bn{border:none !important}

.bdt_n{border-top:none !important}
.bdb_n{border-bottom:none !important}
.bdl_n{border-left:none !important}
.bdr_n{border-right:none !important}
.bgn{background:none !important}

.fb{font-weight:bold !important}
.posr{position: relative !important}
.posa{position: absolute !important}
.posf{position: fixed !important}
.poss{position: static !important}

/* margin */
.mt0 {margin-top	:0 !important}
.mt5 {margin-top	:5px !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}
.mt60{margin-top	:60px  !important}
.mt70{margin-top	:70px  !important}
.mr0 {margin-right	:0  !important}
.mr5 {margin-right	:5px  !important}
.mr10{margin-right	:10px  !important}
.mr15{margin-right	:15px  !important}
.mr20{margin-right	:20px  !important}
.mr25{margin-right	:25px  !important}
.mr30{margin-right	:30px  !important}
.mr35{margin-right	:35px  !important}
.mr40{margin-right	:40px  !important}
.mr45{margin-right	:45px  !important}
.mr50{margin-right	:50px  !important}
.ml0 {margin-left	:0 !important}
.ml5 {margin-left	:5px !important}
.ml10{margin-left	:10px  !important}
.ml15{margin-left	:15px  !important}
.ml20{margin-left	:20px  !important}
.ml25{margin-left	:25px  !important}
.ml30{margin-left	:30px  !important}
.ml35{margin-left	:35px  !important}
.ml40{margin-left	:40px  !important}
.ml45{margin-left	:45px  !important}
.ml50{margin-left	:50px  !important}
.mb0{margin-bottom	:0 !important}
.mb5{margin-bottom	:5px  !important}
.mb10{margin-bottom	:10px  !important}
.mb15{margin-bottom	:15px  !important}
.mb20{margin-bottom	:20px  !important}
.mb25{margin-bottom	:25px  !important}
.mb30{margin-bottom	:30px  !important}
.mb35{margin-bottom	:35px  !important}
.mb40{margin-bottom	:40px  !important}
.mb45{margin-bottom	:45px  !important}
.mb50{margin-bottom	:50px  !important}
/* padding */
.pt0 {padding-top	:0  !important}
.pt5 {padding-top	:5px  !important}
.pt10{padding-top	:10px  !important}
.pt15{padding-top	:15px  !important}
.pt20{padding-top	:20px  !important}
.pt25{padding-top	:25px  !important}
.pt30{padding-top	:30px  !important}
.pt35{padding-top	:35px  !important}
.pt40{padding-top	:40px  !important}
.pt45{padding-top	:45px  !important}
.pt50{padding-top	:50px  !important}
.pr0 {padding-right	:0  !important}
.pr5 {padding-right	:5px  !important}
.pr10{padding-right	:10px  !important}
.pr15{padding-right	:15px  !important}
.pr20{padding-right	:20px  !important}
.pr25{padding-right	:25px  !important}
.pr30{padding-right	:30px  !important}
.pr35{padding-right	:35px  !important}
.pr40{padding-right	:40px  !important}
.pr45{padding-right	:45px  !important}
.pr50{padding-right	:50px  !important}
.pr100{padding-right:100px  !important}
.pr130{padding-right:130px  !important}
.pl0{padding-left	:0  !important}
.pl5{padding-left	:5px  !important}
.pl10{padding-left	:10px  !important}
.pl15{padding-left	:15px  !important}
.pl20{padding-left	:20px  !important}
.pl25{padding-left	:25px  !important}
.pl30{padding-left	:30px  !important}
.pl35{padding-left	:35px  !important}
.pl40{padding-left	:40px  !important}
.pl45{padding-left	:45px  !important}
.pl50{padding-left	:50px  !important}
.pb0{padding-bottom	:0  !important}
.pb5{padding-bottom	:5px  !important}
.pb10{padding-bottom:10px  !important}
.pb15{padding-bottom:15px  !important}
.pb20{padding-bottom:20px  !important}
.pb25{padding-bottom:25px  !important}
.pb30{padding-bottom:30px  !important}
.pb35{padding-bottom:35px  !important}
.pb40{padding-bottom:40px  !important}
.pb45{padding-bottom:45px  !important}
.pb50{padding-bottom:50px  !important}


.cor_red{color:#da2359;}
.cor_blue{color:#0787c4 !important;}
.cor_brown{color:#ba8645 !important;}


.bbsType1{margin-bottom:20px;word-break:break-all;clear:both;}
.bbsType1, .bbsType1 table {width:100%;}
.bbsType1 {border-top:2px solid #6d5549;}
.bbsType1 th{background:#f9f9f9;text-align: center;font-weight: bold}
.bbsType1 th, .bbsType1 td{padding:10px 6px;border:1px solid #d8d8d8;line-height:129%;}
.bbsType1 .bg1{background:#f9f9f9}
.bbsType1 .cont{height:150px;vertical-align: top}
.bbsType1 .bg2{background:#effafe;}
.bbsType1 .bg3{background:#fff0f7;}
.bbsType1 .bg4{background:#effff5;}
.bbsType1 tfoot td{font-weight:bold;background:#f9f9f9;}
.bbsType1 tfoot td.bg2{background:#ebf6fa;}
.bbsType1 tfoot td.bg3{background:#fbecf3;}
.bbsType1 tfoot td.bg4{background:#ebfbf1;}
.tdstyle{background-color:#effafe;font-weight: normal;text-align:center; }
.tbP th, .tbP td{padding:6px 12px;height:35px}
.tbSmall th, .tbSmall td{font-size:0.8em;}
.tbhalf{width:50%;float:left;margin-left:-1px;}
.tbhalf:first-child{margin-left:0;}
/*.tbP th, .tbP td{padding:9px 5px;}.bbsType1 td{padding:6px 12px;}*/

.paper{float:left;width:60px;}
.smPoint{font-size:0.9em;font-family:"dotum";color:#d92457;display:block;letter-spacing: -1px}


.tb1, .tb1 table{width:100%;font-family:"돋움","dotum";font-size:0.95em;}
.tb1 table thead th{background:#f8f8f8;font-weight:bold;}
.tb1 table tfoot th{font-weight:bold;}
.tb1 table th, .tb1 table td{padding:9px 5px;border:1px solid #ddd;text-align:center;}

.tabnavi{width:100%;margin-bottom:20px;/* font-family:"notokr-regular"; */font-size:1.15em;}
.tabnavi{ display: inline-block; display: block; }
.tabnavi:before, .tabnavi:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }
.tabnavi li{float:left;width:33.33%; margin-bottom:10px;}
.tabnavi.tab6 li{width:16.66%;}
.tabnavi.tab5 li{width:20%;}
.tabnavi.tab4 li{width:25%;}
.tabnavi li a{background:#f9f9f9;border:1px solid #d8d8d8;margin-left:-1px;display:block;padding:7px 0;text-align:center;font-size:0.95em;letter-spacing:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}/*text-overflow:ellipsis;;*/
.tabnavi li.on{border-right:1px solid #003949;}
.tabnavi li.on a{background:#fff;border:1px solid #0886c3;color:#2c6dab;font-weight: 600;}
.tabnavi li.nolineR{border-right:0}
.tabnavi { display: inline-block; }
.tabnavi { display: block; }
.tabnavi ul{margin-left:1px}


.listType1, .bu2{margin-left:10px}
.listType1>li, .bu2{background:url(../images/common/bu2.gif) no-repeat left 9px;line-height:169%;padding:1px 0 1px 12px}
.listType1>li>ul>li:before {background:none;content:"- "; position:absolute;top:0;left:0}
.listType1>li>ul>li{padding-left:12px;position:relative}
.listType1 li .imgArea{margin:10px 0 15px -12px}
.listNum{}
.listNum>li{padding-left:15px;text-indent:-15px;line-height:169%;padding:1px 0 1px 12px}
.step{margin-left:10px}

.tc td{text-align: center}
.tl td{text-align: left}
.tr td{text-align: right}

.Tab{display:none;}
h1, .h1, h2, .h2, h3, .h3{margin:25px 0 10px 0;font-size:1.3em;}
.form-control{font-size:1.0em}
.tit1{font-size:1.3em;font-weight: 600;}
.tit2{font-size:1.6em;font-weight: 600;}
.tit3{font-size:1.3em;font-weight: 600;color:#0886c3;}
.tit4{font-size:25px;font-weight: 200;letter-spacing:-1px}
.tit5{font-size:12px;font-family:"돋움","Dotum";font-weight:bold;color:#ba8645;background:url(../images/common/bu1.gif) no-repeat left 1px;padding-left:15px}

.fs1{font-family:"돋움","dotum";font-size:12px;}
.inp{border:1px solid #a1a1a1;height:28px;line-height:25px;padding:3px 5px;}
.inpfile{line-height:25px;height:28px;}
.mobile{display:none;}
.bbslistMobile{display: none}
.radioarea span{display:block;line-height:159%;}
.radioarea1 span{display:inline-block;line-height:159%;}
.small2{font-size:0.9em;font-weight: normal;line-height:109%;margin-top:7px;display:block;}
.textArea{width:100%;height:150px;}
.lab{display:inline-block;width:70px;font-size:1.1em;font-family:"notokr-regular"}
.btnDown{text-align:right;}
.imgArea{margin:20px 0;text-align:center}


.w100{width:100%;}
.w80{width:80%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w20{width:20%;}
.w40m{width:40%}
.w25m{width:25%}
.w15m{width:15%}
.wDate{width:80px;}


.btnSet{margin:20px 0; text-align:center;}
.btn{font-size:1.15em}
.btn span{padding-right:30px;display:inline-block}
.btn span.file{background:url('/images/sub/ico_file.png') no-repeat right center}
.btn-default{background:#5d5d5d;color:#fff;}
.btn-primary{background:#005598;color:#fff;}
.btn-danger{background:#d92457;color:#fff;}
.btn-success{background:#0886c3;color:#fff;border-color:#087ab1}
.btn-success:hover,
.btn-success:focus{background:#087ab1;}
.btn-info{background:#049807;color:#fff;border:1px solid #028005;}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #027104;
  border-color: #027104;
}
.btn-xs{min-width:50px;font-size:12px}
.btnA{padding:5px 10px;border-radius:0;font-size:1.2em;text-align:center;font-family:"notokr-regular"}


@media screen and (max-width:767px){



	.lineTop {border-top:2px solid #6d5549;}
	.lineTopN {border-top:0}

	.tbP th, .tbP td{padding:7px 1px;font-size:0.9em;}
	.contP{padding:0 10px;}

	.tabnavi{position:relative;padding-bottom:2px}
	.tabnavi .tabSel{padding-right:72px;display:block}
	.tabnavi .tabSel select.form-control{display:block;width:100%}
	.tabnavi .btn{position:absolute;top:0;right:0}

	.btnSet{margin:15px 10px;}
	.btn{padding:6px 10px;min-width:45px;}


	.pcweb{display:none !important;}
	.mobile{display:block !important;}
	.imgArea .mobile{display:inline-block !important}
	tr.mobile{display:table-row !important;}
	.radioarea1 span{display:inline-block;white-space: nowrap;}
	.tbhalf{width:100%;float:none;}
	img{max-width:100%}
	.imgW{width:100%;max-width:100%}
	.tit4{font-size:20px;border-top:2px solid #6d5548;padding-top:10px}
	.form-control{font-size:12px}


}
@media screen and (max-width:360px){

	.btn{padding:6px 5px;}
	.wDate{width:33%;}
	.pagination > li > a, .pagination > li > span{padding:6px 9px}
	.w15m{width:25%}
	.w25m{width:35%}
	.w40m{width:60%}

}


.caroufredsel_wrapper{height: 384px !important;}

@media screen and (max-width:1200px){
.visualSet .visualList {height: 294px !important;}
.caroufredsel_wrapper{height: 294px !important;}
}


@media screen and (max-width:767px){
.visualSet .visualList {height: 230px !important;}
.caroufredsel_wrapper{height: 230px !important;}
}