@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700,900);


/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: /* 'Noto Sans Korean' */'Noto Sans KR', sans-serif;'Noto Sans SC', sans-serif;'Malgun Gothic';
	 word-wrap: break-word;
}
body{font-size: 14px;/*1em*/}
img.map, map area{
    /* outline: none; */
border:0;
}
a:hover{text-decoration: none;}
img{max-width: 100%	; vertical-align: middle;}
/* form */
form{margin:0;padding:0}
fieldset{margin:0;padding:0;border:0 none}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
input,select,textarea{margin:0;padding:0;vertical-align:middle}
label,button{cursor:pointer}
caption{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0; word-break: break-all;}

/* basic */
.d-n{display:none}
.fw-n{font-weight: normal  !important;}
.ta-c{text-align:center !important}
.ta-l{text-align:left !important}
.ta-r{text-align:right !important}
.v-t{vertical-align:top !important}
.v-m{vertical-align:middle !important}
.v-b{vertical-align:bottom !important}
.f-l{float:left !important}
.f-r{float:right !important}
.f-n{float:none !important}
.bg-n{background:none !important}
.bd-n{border:none !important}
.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}
.accessibilityWrap{}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}

/* link */
a{text-decoration:none;cursor:pointer}
a:link{color:#7e7e7e}
a:visited{color:#7e7e7e}
a:hover{color:#333}
a:focus{color:#333}
a:active{color:#333}

/* Button */
button{margin:0;padding:0;border:none;background:none}
button.btn{display:inline-block;*overflow:visible;cursor:pointer;}
button,button.btn{vertical-align:middle}


/*************btn_pack v1******************* */


/* .btn_pack{text-align: center; min-width: 150px; border-width: 1px; border-color:#ccc; display: inline-block;  padding: 0.5em 5%; background-repeat: no-repeat; background-color: #175cb0; color: #fff; font-size: 1em;  line-height: 1.5em; font-weight: 300; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	transition: .4s ease; -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease;
	-webkit-transition-property: color, background-color;
	-moz-transition-property: color, background-color;
	-ms-transition-property: color, background-color;
	-o-transition-property: color, background-color;
	transition-property: color, background-color;
}  */


.btn_pack{text-align: center;min-width: 60px;max-width: 127px;border-width: 1px;border-color:#ccc;display: inline-block;padding: 0.85em 3%;background-repeat: no-repeat;background-color: #175cb0;color: #fff;font-size: 1.0em;font-weight: 300;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: .8s ease;-moz-transition: .8s ease;-webkit-transition: .8s ease;-o-transition: .8s ease;-webkit-transition-property: color, background-color;-moz-transition-property: color, background-color;-ms-transition-property: color, background-color;-o-transition-property: color, background-color;transition-property: color, background-color;}
a.btn_pack{color: #fff;}
.btn_pack.normal{min-width: 120px;}
.btn_pack.small{min-width: 55px;padding: 0.6em;}
.btn_pack.zip {width: 102px; padding: 7px 0; font-family: "Malgun Gothic"; font-size: 12px;}
a.btn_pack{color: #fff;}



/*btn_pack : color*/
.btn_pack.green{background-color: #29b34b;border: 1px solid #2a9c47;}
.btn_pack.green:hover{background-color: #1D7532;}
.btn_pack.gray{background-color: #3f3f3f;}
.btn_pack.gray2{background-color: #aaa;}
.btn_pack.gray:hover{background-color: #333;}
.btn_pack.org{background-color: #f78e1e; color: #fff;}
.btn_pack.org:hover{background-color: #fb7808;}
.btn_pack.bg1{background-image: url(/images/common/bg_arr_off.png); background-position: 90% center; background-repeat: no-repeat; -webkit-background-size: 6%;background-size:6%;}
.btn_pack.bg1:hover,.btn_pack.bg1:active{background-image: url(/images/common/bg_arr.png); -webkit-background-size: 6%;background-size:6%;}
.btn_pack.bg2{background-image: url(/images/common/ico_plus.png);  background-position: 90% center; background-repeat: no-repeat; -webkit-background-size: 6%;background-size:6%;}
.btn_pack.bg3{background-image: url(/images/common/bg_arr.png); background-position: 90% center; background-repeat: no-repeat; -webkit-background-size: 6%;background-size:6%;}

.btn_pack.bg4{background-image: url(/images/common/bg_arr2.png); background-position: 10% center; background-repeat: no-repeat; -webkit-background-size: 6%;background-size:6%;}

.btn_pack.left{padding: 10px 80px 10px 20px;}
.btn_pack.right{padding: 10px 20px 10px 80px;}
.btn_pack.gray_bd1{border: 1px solid #333; background-color: #fff; color: #333; font-weight: 500;}
.btn_pack.gray_bd1:hover,.btn_pack.gray_bd1:active{background-color: #ed7807; color: #fff; border: 1px solid #ed7807;}

.space{margin-right: 10px;}
.space2{ display: inline-block;  margin-right: 40px;}
.space2 .h{ display: inline-block;  margin-right: 15px;}
.line_lft{ background: url(../images/bg/bg_line1.gif) 0 8px no-repeat;display: inline-block;  padding-left: 15px;  margin-left: 15px;}




/* input */

.wp5 {width:5%;}
.wp7 {width:7%;}
.wp8{width:8%;}
.wp10 {width:10%;}
.wp15 {width:15%;}
.wp20 {width:20%;}
.wp24 {width:24%;}
.wp25 {width:25%;}
.wp30 {width:30%;}
.wp35 {width:35%;}
.wp40 {width:40%;}
.wp45 {width:45%;}
.wp48{width: 48%;}
.wp48_5 {width:48.5%;}
.wp49 {width:49%;}
.wp49_5 {width:49.5%;}
.wp50 {width:50%;}
.wp55 {width:55%;}
.wp60 {width:60%;}
.wp65 {width:65%;}
.wp70 {width:70%;}
.wp75 {width:75%;}
.wp80 {width:80%;}
.wp85 {width:85%;}
.wp90 {width:90%;}
.wp95 {width:95%;}
.wp100 {width:100%;}



.mt0{margin-top: 0 !important;}
.mt1p{margin-top: 1%;}
.mt2p{margin-top: 2%;}
.mt3p{margin-top: 3%;}
.mt4p{margin-top: 4%;}
.mt5p{margin-top: 5%;}
.mt6p{margin-top: 6%;}
.mt7p{margin-top: 7%;}
.mt8p {margin-top:8%;}
.mt9p {margin-top:9%;}
.mt10p {margin-top:10%;}
.mt15p {margin-top:15%;}
.mt20p {margin-top:20%;}
.mt25p {margin-top:25%;}
.mt30p {margin-top:30%;}
.mt35p {margin-top:35%;}
.mt40p {margin-top:40%;}
.mt45p {margin-top:45%;}
.mt50p {margin-top:50%;}

.mb0{margin-bottom: 0 !important;}
.mb1p{margin-bottom: 1%;}
.mb2p{margin-bottom: 2%;}
.mb3p{margin-bottom: 3%;}
.mb4p{margin-bottom: 4%;}
.mb5p{margin-bottom: 5%;}
.mb6p{margin-bottom: 6%;}
.mb7p{margin-bottom: 7%;}
.mb8p {margin-bottom:8%;}
.mb9p {margin-bottom:9%;}
.mb10p {margin-bottom:10%;}
.mb15p {margin-bottom:15%;}
.mb20p {margin-bottom:20%;}
.mb25p {margin-bottom:25%;}
.mb30p {margin-bottom:30%;}
.mb35p {margin-bottom:35%;}
.mb40p {margin-bottom:40%;}
.mb45p {margin-bottom:45%;}
.mb50p {margin-bottom:50%;}


.ml0{margin-left: 0 !important;}
.ml1p{margin-left: 1%;}
.ml2p{margin-left: 2%;}
.ml3p{margin-left: 3%;}
.ml4p{margin-left: 4%;}
.ml5p{margin-left: 5%;}
.ml6p{margin-left: 6%;}
.ml7p{margin-left: 7%;}
.ml8p {margin-left:8%;}
.ml9p {margin-left:9%;}
.ml10p {margin-left:10%;}
.ml15p {margin-left:15%;}
.ml20p {margin-left:20%;}
.ml25p {margin-left:25%;}
.ml30p {margin-left:30%;}
.ml35p {margin-left:35%;}
.ml40p {margin-left:40%;}
.ml45p {margin-left:45%;}
.ml50p {margin-left:50%;}


.mr0{margin-right: 0 !important;}
.mr1p{margin-right: 1%;}
.mr2p{margin-right: 2%;}
.mr3p{margin-right: 3%;}
.mr4p{margin-right: 4%;}
.mr5p{margin-right: 5%;}
.mr6p{margin-right: 6%;}
.mr7p{margin-right: 7%;}
.mr8p {margin-right:8%;}
.mr9p {margin-right:9%;}
.mr10p {margin-right:10%;}
.mr15p {margin-right:15%;}
.mr20p {margin-right:20%;}
.mr25p {margin-right:25%;}
.mr30p {margin-right:30%;}
.mr35p {margin-right:35%;}
.mr40p {margin-right:40%;}
.mr45p {margin-right:45%;}
.mr50p {margin-right:50%;}

/***********************form ***********************************/

.add_txt{color: #555; }
.add_txt strong{font-weight: bold;color: #333; }


/* txt_type */

.txt_type1{color: #007cbc; font-size: 1.786em; font-weight: 500;  margin-bottom: 1em; line-height: 1.3em; }
.txt_type1.black{color: #000;}
.txt_type2{font-size: 1em; color: #7e7e7e; font-weight:400;  margin-bottom: 1.3em; line-height: 1.5em; }
.txt_type2 strong{color: #333; font-weight: 500;}
.txt_type2 strong.small{font-size: 0.929em;}
.txt_type3{font-weight: 500; font-size: 1.250em;}

/*  input ST */

.inputST1 {border: 1px solid #d1d1d1;height: 2em; font-size: 1.1em; padding: 0 10px; color: #666; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;     -webkit-appearance: none;    -moz-appearance: none; -webkit-border-radius:0px;}

input.wp5{width: 5%;}
input.wp7{width: 7%;}
input.wp10{width: 10%;}
input.wp20{width: 20%;}
input.wp25{width: 25%;}
input.wp30{width: 30%;}
input.wp40{width: 40%;}
input.wp50{width: 50%;}
input.wp60{width: 60%;}
input.wp70{width: 70%;}
input.wp80{width: 80%;}
input.wp90{width: 90%;}
input.wp100{width: 100%;}


/* selectST */

.selectST1 {border: 1px solid #d1d1d1;height: 2em;     font-size: 1.1em; padding: 0 1%; background-color:#fff ;color: #666; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;   -webkit-border-radius: 0px; background:url(/images/common/sel_arr.gif) 99% center no-repeat;border: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;/* appearance: none; */-ms-appearance: none;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius:0px;-webkit-background-size: 1.0em;background-size:1.0em ;     }

select.wp5{width: 5%;}
select.wp7{width: 7%;}
select.wp10{width: 10%;}
select.wp20{width: 20%;}
select.wp25{width: 25%;}
select.wp30{width: 30%;}
select.wp40{width: 40%;}
select.wp50{width: 50%;}
select.wp60{width: 60%;}
select.wp70{width: 70%;}
select.wp80{width: 80%;}
select.wp90{width: 90%;}
select.wp100{width: 100%;}


/* textareaST1 */

.textareaST1 {border: 1px solid #d1d1d1;height: 10em; font-size: 1em;padding:1%; background: #fff;resize:none;  color: #666; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;     -webkit-appearance: none;    -moz-appearance: none; -webkit-border-radius:0px; font-family: 'Malgun Gothic';}

textarea.wp100{width: 100%;}
textarea.bd_none{border: 0;}
textarea.h1em{height: 1em;}
textarea.h2em{height: 2em;}
textarea.h3em{height: 3em;}
textarea.h4em{height: 4em;}
textarea.h5em{height: 5em;}
textarea.h6em{height: 6em;}
textarea.h7em{height: 7em;}
textarea.h8em{height: 8em;}
textarea.h9em{height: 9em;}
textarea.h10em{height: 10em;}
textarea.h25em{height: 25em;max-height: 25em;}
textarea.mh25em{}
textarea.h_auto{height: auto;}
/* textarea.h350{max-height:200px; height: 270px;} */

/*input file fake*/
.datapiker_box{display: inline-block;     margin-right: 1em;}
.datapiker {position:relative;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.datapiker button{position: absolute; right:-3.2em; top:50%; margin-top:-0.9em;}
.datapiker button img{width: 2.7em;}

/*BBS */

/* bbsTop */
.bbsTop {margin-bottom:15px;margin-top: 4%;}
.bbsTop:after {display:block; clear:both; content:"";}
.bbsTop .lft {float: left; margin-top: 0px; width: 60%;}
/*.bbsTop .lft {float:left;font-size: 1em;line-height: 1.3em;  font-weight: 400; color: #454545; }
.bbsTop .lft strong {color: #0074bc;}*/
.bbsTop .rgh {float:right; margin-top: 0px;  width: 40%;text-align: right;}
.bbsTop .rgh table{width: 100%;}
.bbsTop .rgh span {position:relative;}
.bbsTop .rgh span input[type="image"] {position:absolute; right:8px; top:50%; margin-top:-5px;}
.bbsTop .inputST1{height: 2.5em; font-size: 1em; width: 70%;}
.bbsTop .selectST1{height: 2.5em; font-size: 1em; }

.bbsBottom {margin-top:15px;}
.bbsBottom:after {display:block; clear:both; content:"";}
.bbsBottom .cen {width:40%; margin: 0 auto;}
.bbsBottom .cen select {height:33px; line-height: 33px;}
.bbsBottom .cen p {color: #000;font-size: 15px;line-height: 33px;}
.bbsBottom .cen p span {color: #2baee7;}
.bbsBottom .cen span {position:relative;}
.bbsBottom .cen span input[type="image"] {position:absolute; right:8px; top:50%; margin-top:-5px;}
.bbsBottom .inputST1{height: 2.5em;}
.bbsBottom .selectST1{height: 2.5em;}
.notice{color: #e11b3f; font-weight: 500;}

/* bbs_bot */
.bbs_btnArea.bdt{ padding-top: 25px; border-top: 1px solid #a5a5a5; }
.bbs_btnArea{position: relative;  margin-top: 1em;height: 2.6em; }
.pos-r{position: relative !important;}
.posa-r{position: absolute;top: 0; right: 0;}
.posa-l{position: absolute;top: 0; left: 0;}

/*pagenate*/
.paginate{margin-top:5%;text-align:center;}
.paginate > * {vertical-align: middle;}
.paginate > a{display: inline-block;font-size: 1em;color: #ababab;width: 2em;height: 2em;margin: 0 2px;line-height: 2em;}
.paginate > a.start{background: url(/images/common/ico_pagi_start.png) no-repeat center center; border: 1px solid #e1e1e1;}
.paginate > a.prev{background: url(/images/common/ico_pagi_prev.png) no-repeat center center; border: 1px solid #e1e1e1;}
.paginate > a.next{background: url(/images/common/ico_pagi_next.png) no-repeat center center; border: 1px solid #e1e1e1;}
.paginate > a.end{background: url(/images/common/ico_pagi_end.png) no-repeat center center; border: 1px solid #e1e1e1;}
.paginate > a > img{max-width:100%;max-height:100%;}
.paginate > span {}
.paginate > span > a{font-size: 0.85em;line-height: 2em;
	display: inline-block;position: relative;width: 2em;height:2em;line-height: 2em;margin:0 2px;font-size:1em;color:#888;font-weight:400; border: 1px solid #ddd;
}
.paginate > span > a.on{color:#0074bc; border: 1px solid #0074bc;}

/* bbs_basicTB1 */

  .bbs_basicTB1 table{width: 100%; border-top: 2px solid #333; table-layout: fixed;}
  .bbs_basicTB1 table thead th,.bbs_basicTB1 table tbody td{padding: 15px 1%; border-bottom: 1px solid #e5e5e5; text-align: center; }
  .bbs_basicTB1 table tbody td.title{text-align: left; padding-left: 2%;}
  .bbs_basicTB1 table tbody td{color: #666; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  .bbs_basicTB1 table tbody tr:first-child td{border-top: 0;}
  .bbs_basicTB1 table thead th{color: #333;border-bottom: 1px solid #666;}


/* bbs_write */

.bbs_write table{width: 100%; border-top: 2px solid #333;}
.bbs_write table tbody th,.bbs_write table tbody td{ padding:1%;border-bottom: 1px solid #e0e0e0;font-size: 1em;line-height: 2em;}
.bbs_write table tbody th{text-align: left; padding-left: 2%; border-right: 1px solid #e0e0e0; vertical-align: middle;}
.bbs_write table tbody td{color: #696969;}
.write_ti{width: 20%;}
.tb_txt{font-size: 0.9em;}
.tb_uptxt{margin-bottom: 1em;}
.editorTB{width: 100%;}
.editorTB td{padding: 5px 0;}
/* .lst_radio */

.lst_radio ul:after{display: block;clear: both;content: "";}
.lst_radio ul li{float: left; margin-left: 1em;  }
.lst_radio ul li:first-chid{margin-left: 0; }



/* fakefile */

div.fakefile {position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height: 100%;}
div.fakefile input{border: 1px solid #d1d1d1;width: 61%;height: 2em;margin-right: 5px;vertical-align: top;font-size: 1em;padding: 0 0.5em; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input.file { cursor: pointer;max-width: 550px;width: 100%;/* height: 2em; */line-height: 2.2em;position: relative;text-align: right;font-size: 1em;-moz-opacity:0;filter:alpha(opacity: 0);opacity: 0;z-index: 2;vertical-align: top;}
.fileinputsDesign{padding-left: 20px;padding-right: 75px;background: url(../images/btn/btn_upload_off.gif) 100% 50% no-repeat;vertical-align: middle;}
input.fileDesign {vertical-align: middle;border: 1px solid #e2e7eb;cursor: pointer;width: 150px; height: 33px; line-height: 26px;position: relative;z-index: 2;}
div.fileImg {text-align:center;}
span.fileImg{ vertical-align: middle; margin-right: 10px;}
div.fileinputs {position: relative;float: left;max-width: 550px;width: 100%;font-size: 1em;height: 2.1em;}
div.fakefile button{max-width: 5em;width: 35%;height: 2.1em;line-height: 1em;vertical-align: top;padding: 0.5em; background-color: #2c2c2c;}



/* bbs_view */
.bbsView {}
.bbsView td p {color:#666;}
.bbsViewTop {padding: 1.5em 1%;border-bottom: 1px solid #ccc;margin-top: 3em; border-top: 1px solid #888;}
.bbsViewTop p.tit {font-size: 1.5625em;margin-bottom: 0.5em;font-weight: 400;line-height: 1.5em; color: #212121;}
.bbsViewTop p.txt {color: #818181;font-size: 1em; text-align: right;}
.bbsViewTop p.txt strong{color: #333; font-weight: 500;}

.bbsView.stan {margin-top: 40px; border-top: 2px solid #888;}
.bbsView article {min-height:380px;border-bottom:6px solid #ededed; font-size: 1em; line-height: 1.7em;    color: #666; padding: 5% 1%;}


 /* bbs_view */
.bbs_viewTB1 {width: 100%;border-top: 2px solid #116697;}
.bbs_viewTB1 table{width: 100%; text-align: left;}
.bbs_viewTB1 table thead th,.bbs_viewTB1 table tbody td,.bbs_viewTB1 table tbody th{padding: 14px 2%;border-bottom: 1px solid #d2d2d2; line-height: 1.5em; }
.bbs_viewTB1 table thead th img,.bbs_viewTB1 table tbody td img,.bbs_viewTB1 table tbody th img{display: block;width: 100%;}
.bbs_viewTB1 table thead th{text-align: left; color: #333; font-weight: 500;}
.bbs_viewTB1 table thead th br{display: none; }
.bbs_viewTB1 table thead th .c_tag{font-weight: normal;  }
.bbs_viewTB1 table tbody td.contents{height: 300px;     padding: 20px; }
.bbs_viewTB1 table tbody th{color: #333; font-weight: 500; border-right: 1px solid #d2d2d2; }
.bbs_viewTB1 table tbody tr.addfile td{padding: 10px; vertical-align: middle; }

.info{display: block;}
.info> strong{border-left: 1px solid #ddd; padding: 0 10px;}
.info> strong:first-child{border-left: 0; padding-left: 0;}
.lst_addfile ul li{font-size: 0.875em; }
.lst_addfile.lst_hypen>ul>li{padding-left: 9px;}

/* bbs_others */
.bbs_others:after{display: block;clear: both;content: "";}
.bbs_others{ border-bottom: 1px solid #ddd; padding:1em 2%; font-weight: 400; margin-bottom: 3%; }
.bbs_others a{color: #333;}
.bbs_others img{ width: 0.5em; vertical-align: baseline;}
.bbs_others .prev_arti{float: left;}
.bbs_others .next_arti{ float: right; text-align: right;}

/* bbs_thumST1 */

.bbs_thumST1{border-top: 2px solid #333; padding-top: 2em; }
.bbs_thumST1 ul{margin-left: -3.3%;  margin-top: -3%; }
.bbs_thumST1 ul:after{display: block;clear: both;content: "";}
.bbs_thumST1 ul li{float: left; width: 30%; margin-left: 3.3%; margin-top: 3%; }

/* .bbs_thumST1 ul li .img{ overflow:hidden; margin-bottom: 2em; text-align: center;border: 1px solid #eee; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position: relative; 	}
.bbs_thumST1 ul li .img .movie_thumb{width:300px !important; height:210px !important; } */

.bbs_thumST1 ul li{margin-bottom:1em;}
.bbs_thumST1 ul li .tit{margin-top:2em; margin-bottom: 0.5em; text-align:center; font-size: 1em; /* font-size: 1.250em; */  font-weight: 500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.bbs_thumST1 ul li .tit a{color: #333;}
.bbs_thumST1 ul li .txt {display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;     overflow: hidden;}
.bbs_thumST1 ul li .txt a{ display: block; color: #666; line-height: 1.5em; font-weight: 400;}
.bbs_thumST1 ul li:hover .overBox{display: block; cursor: pointer; }
.bbs_thumST1 .no_data{margin-left: 3.3%; text-align:center; line-height:100px; border-bottom:2px solid #333;}

/* min */
.bbs_thumST1 ul li .img{position:relative;}
.bbs_thumST1.video ul li .v_img{display:block; height:0; padding-top:65%; position:relative; overflow:hidden; border:1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bbs_thumST1.book ul li .v_img{display:block; height:0; padding-top:140%; position:relative; overflow:hidden; border:1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bbs_thumST1.ad ul li .v_img{display:block; height:0; padding-top:100%; position:relative; overflow:hidden; border:1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bbs_thumST1 ul li .v_img img{max-width:100%; max-height:100%; margin:auto; position:absolute;top:0;left:0;right:0;bottom:0;}

#prmovie{position: relative; }
.overBox{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;  background: url(/images/common/bg_transBlack.png) left top repeat;	 }
span.h100{display: inline-block;height: 100%; vertical-align: middle; }
.movieBox{display: none;position: absolute; left: 50%;width: 50%;margin-left: -25%;height: 400px; z-index: 5;}
.movieBox_bg{display: none;background: url(/images/common/bg_transBlack.png) left top repeat;width: 100%;height: 100%;position: absolute;z-index: 3;left: 0;top: 0;}

.btn_movieClose{position: absolute; top: -3em; right: 0; width: 3em;}

/*  사외보 콜마사랑 */

#kolmarlove .bbs_thumST1 ul li{width: 16.7%; }
#kolmarlove .bbs_thumST1 ul li .tit{font-size: 1.125em; }

/*색상 */
.btn_pack.bbs {color: #7f7d80;border:1px solid  #ccc;  background-color: #fff; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; -o-transition: .3s ease; }
.btn_pack.bbs:hover {color: #29b34b !important; border-color: #29b34b !important;}
.btn_pack.pw {color: #7f7d80;border:1px solid  #ccc;  background-color: #fff; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; -o-transition: .3s ease; line-height:1em; }
.btn_pack.pw:hover {color: #29b34b !important; border-color: #29b34b !important;}

/*option*/
/*상단 보더 */
.formMailType.bdt{border-top: 2px solid #ee7506;}
.formMailType .plus {position:absolute; right:22px; top:-35px;}

/*중간*/
.formMailType.ta-c > table.lst tbody th,.formMailType.ta-c  > table.lst tbody td{text-align:center;}
.formMailType.pd_s > table.lst thead th{ border-bottom:1px #e5e5e5 solid;  padding:12px 8px;  }
.formMailType.pd_s > table.lst tbody th,.formMailType.pd_s  > table.lst tbody  td{ padding:19px 10px 19px 10px;}
.formMailType.pd_s > table.lst tbody  td .close {font-size:0;padding:5px}


.formInfoTop{ margin-bottom: 10px;  position:absolute; top:-30px; right:90px; color:#a1a1a1;}
.formMailType{    position:relative;}
.formMailType > table.lst{ width:100%;}
.formMailType > table.lst thead th{ border-bottom:1px #e5e5e5 solid;   background:#f6f6f6;}
.formMailType > table.lst tbody th,table.lst tbody td{text-align:left; border-bottom:1px #e5e5e5 solid;  padding:7px 2% 7px 2%; height: 35px; vertical-align: middle;}
.formMailType > table.lst tbody th{ text-align: right; }
.formMailType > table.lst tbody td em{ color:#717171;  font-family: "돋움","Dotum",Arial, Helvetica, sans-serif; font-style:normal;  }
.formMailType > table.lst tbody td .margin_t10{ margin-top:10px; }
.formMailType > table.lst tbody tr.last th,table.ty3 tbody tr.last td{ border-bottom:1px #93accc solid;}
.formMailType .radio {display: inline-block;  margin-left: 15px;}
.formMailType > table.lst tbody th, table.lst tbody td .close img{max-width: inherit;}

.formMailType  .add{margin-top: 10px;}
.formMailType .info_bot{margin-top: 6px;}

/*체크박스1 : 아이콘형 */
.lst_check2 {display:inline-block; overflow:hidden; vertical-align: middle;}
.lst_check2 > span{ display: inline-block;  position: relative; overflow: hidden;}
.lst_check2 > span > label{ display: inline-block;  padding-left: 23px; background-position: 0 2px; background-repeat: no-repeat; background-image: url(../images/bg/ico_check_off.gif); color: #414141; font-size: 13px; cursor: pointer; line-height: 15px; vertical-align: middle;}
.lst_check2 > span.on label{background-image: url(../images/bg/ico_check_on.gif);}
.lst_check2 > span > input{ position: absolute; left: -9999px; top: 0;  }
.lst_check2.radio > span > label{background-image: url(../images/bg/ico_radio_off.gif); background-position: 0 2px;}
.lst_check2.radio > span.on label{background-image: url(../images/bg/ico_radio_on.gif);}

/* 자기소개 */
#aboutme_area .head{position: relative;margin-bottom: 10px;font-size: 1em;line-height: 1.5em;font-weight: 400;color: #454545;border-top: 2px solid #fb6305;padding-top: 10px;}
#aboutme_area .head .txtnum{position: absolute;right: 0;top: 10px;font-size: 11px;color: #ddd;}
#aboutme_area .head .txtnum > span{color: #73ad98;}
#aboutme_area .textarea{margin-bottom: 80px;}
#aboutme_area .textarea > textarea{ height: 140px; }
#aboutme_area .textarea.big > textarea{ height: 240px; }


/* 온라인 지원서 작성 완료 */
#onlineComplete{}
#onlineComplete .ex_step{width: 500px; padding: 50px 100px; margin-left: auto; margin-right: auto; border: 3px solid #ccc; border-radius: 20px; }
#onlineComplete .ex_step .inr{padding-left: 110px;  background: url(../images/bg/bg_compr.jpg) 0 0 no-repeat; }
#onlineComplete .ex_step2 .inr{background: url(../images/bg/bg_comp.gif) 0 0 no-repeat; }
#onlineComplete .ex_step .inr > p{color: #454545; font-size: 25px; line-height: 40px; margin-bottom: 10px;}
#onlineComplete .ex_step .inr > p.t1{font-size: 14px; line-height: 25px; margin-bottom: 10px;}
#onlineComplete .ex_step .inr > p.t2{font-size: 20px; line-height: 25px; margin-bottom: 10px;}
#onlineComplete .ex_step .inr > p.lst_dot{ font-size: 12px; line-height: 16px; color: #a7a7a7; }
#onlineComplete .ex_step .btn_bot{margin-top: 100px;}

/* MOBILE PLANTER */
#m_planter .slideBox {padding-bottom:2%;}



/* fakefile */

div.fakefile {position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height: 100%;}
div.fakefile input{border: 1px solid #d1d1d1;width: 70%;height: 2em;color: #666;margin-right: 5px;vertical-align: top;font-size: 1.1em;padding: 0 1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input.file {cursor: pointer;width: 100%;/* height: 2em; */line-height: 2.2em;position: relative;text-align: right;font-size: 1em;-moz-opacity:0;filter:alpha(opacity: 0);opacity: 0;z-index: 2;vertical-align: top;}
.fileinputsDesign{padding-left: 20px;padding-right: 75px;background: url(../images/btn/btn_upload_off.gif) 100% 50% no-repeat;vertical-align: middle;}
input.fileDesign {vertical-align: middle;border: 1px solid #e2e7eb;cursor: pointer;width: 150px; height: 33px; line-height: 26px;position: relative;z-index: 2;}
div.fileImg {text-align:center;}
span.fileImg{ vertical-align: middle; margin-right: 10px;}
div.fileinputs {position: relative;float: left;max-width: 350px;width: 100%;font-size: 1em;height: 2.1em;}
div.fakefile button{max-width: 5em;width: 35%;height: 2.1em;line-height: 1em;vertical-align: top;padding: 0.5em;float: right;}


/*datapiker*/
span.datapiker{ display: inline-block;  position: relative;  }
span.datapiker .ui-datepicker-trigger{ position: absolute; right: 8px; top: 6px; cursor: pointer; }
/* //datapiker*/


#video  .header{}
#video  .header{border-bottom: 2px solid #ddd; position: relative;margin-bottom: 5%;}
#video  .header:after{position: absolute;width: 20.41%; height: 2px; background-color: #bababa; left: 0; bottom: -2px;content: "";}


.layerPopup {position: absolute;display: none;background: #fff;}
.layerPopup .pop {position: relative;width:645px; }
.layerPopup .pop header {background: url(../images/sub/bg_result_top1.gif); text-align: left; height:60px; position: relative;}
.layerPopup .pop header span {color: #fff; font-size: 28px; font-weight: 400; background: url(../images/sub/ico_result.png) 0 center no-repeat; padding-left:35px; margin-left:20px; line-height: 60px;}
.layerPopup .pop header button {position: absolute; right:0; top:0;}
.layerPopup .pop .arti {padding:20px;text-align: left;}
.layerPopup .pop .arti .inner{background: url(../images/sub/bg_recruit_result1.jpg) right 10px no-repeat;  }
.layerPopup .pop .arti .inner p {color: #000; margin-bottom:60px;font-size: 1em; line-height:1.5}
.layerPopup .pop .arti .inner p strong.green {color: #4ca42f;}
.layerPopup .pop .arti .inner p strong {font-weight: 400;}
.layerPopup .pop .arti .inner .logo {text-align: center;}
.layerPopup#result_pop2 .pop header {background: url(../images/sub/bg_result_top2.gif);}
.layerPopup#result_pop2 .pop .arti .inner {background: url(../images/sub/bg_recruit_result2.jpg) right 10px no-repeat; }
.layerPopup#result_pop3 .pop header {background: url(../images/sub/bg_result_top3.gif);}
.layerPopup#result_pop3 .pop .arti .inner {background: url(../images/sub/bg_recruit_result3.jpg) right 10px no-repeat; }