.mSelect{position:relative;display:inline-block;min-width:230px;}
.mSelect.fs13 .select{font-size:13px;}
.mSelect.fs13 select.styled{font-size:13px;}
.checkbox,
.radio{display:inline-block;background:url(../images/common/ico_checkbox.png) 0 0 no-repeat #fff;margin-right:10px;vertical-align:-5px;min-width:20px;line-height:20px;height:20px;}
.select{display:block;background:url(../images/common/ico_select.png) 100% 50% no-repeat #fff;border:1px solid #dedede;font-size:15px;text-align:left;padding:0 30px 0 10px;line-height:31px;height:31px;}
input.styled{margin:0 7px 0 -29px;vertical-align:-5px;width:20px;height:20px;}
select.styled{position:absolute;top:0;left:0;font-size:14px;margin-top:0;opacity:0;filter:alpha(opacity=0);z-index:5;width:100%;height:33px;}

.mSelect2{position:relative;display:inline-block;}
.mSelect2 .select{background-image:url(../images/common/ico_select_s.png);font-size:14px;padding-left:5px;padding-right:20px;line-height:20px;height:20px;}
.mSelect2 select.styled{height:22px;}

.mSelect3{display:inline-block;background:none;border:1px solid #ccc;padding:1px;width:70px;height:18px;}
.mSelect3 select{background:transparent;width:100%;font-size:12px;border:0;border-radius:0;padding:0;-webkit-appearance:none;vertical-align:2px;line-height:18px;height:18px;}
.mSelect3.wAuto{min-width:70px;width:auto;}

.mCheckbox2 .checkbox{background:url(../images/common/ico_checkbox2.png) 0 0 no-repeat #fff;margin-right:3px;vertical-align:-2px;min-width:13px;line-height:13px;height:13px;}

.mTag{border-top:1px solid #c9c9c9;background-color:#f8f8f8;zoom:1;margin:0 0 25px;padding:0 0 10px 10px;}
.mTag:after{display:block;clear:both;content:''}
.mTag a{display:block;float:left;border:1px solid #d5d5d5;background-color:#fff;color:#666;font-size:13px;letter-spacing:-0.2px;margin:10px 0 0 10px;padding:0 19px;white-space:nowrap;line-height:33px;height:33px;}
.mTag a:hover{text-decoration:none;}
.mTag a.selected{border:2px solid #acacac;padding:0 18px;line-height:31px;height:31px;}

.mSearch{ width: 100%; margin-top: 14px;}
.mSearch input.keyword { float: left; border-radius: 5px 0 0 5px; color: #666; padding: 8px 20px 10px; width: 948px; height: 40px;
	border-left: 1px solid #bbb; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; border-right: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.mSearch input.keyword:focus{ outline: none; }
.mSearch input.btn_serch{ float: left; background: #999; color: #fff; font-weight: 600; width: 76px; border-radius: 0 5px 5px 0; padding: 8px 24px 10px; border: 1px solid #999;  height: 40px; cursor: pointer; line-height: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function:ease-in-out;}

.mPag{margin:33px 0 0;line-height:normal;text-align:center;height:25px;}
.mPag a{display:inline-block;background-color:#fff;text-decoration:none;margin:0;vertical-align:middle;font-size:13px;padding:0 8px;line-height:20px;height:20px;}
.mPag a.selected{color:red;font-weight:600;}
.mPag .nb{background-image:none;}
.mPag .prev,
.mPag .next,
.mPag .last,
.mPag .first{position:relative;display:inline-block;background-position: 50% 50%; background-repeat: no-repeat;text-indent:-9999px;font-size:0;overflow:hidden;width:20px;height: 20px; margin:0;padding:0;z-index:10; border: 1px solid #ccc; background-color: #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mPag .prev:hover,
.mPag .next:hover,
.mPag .last:hover,
.mPag .first:hover{ background-color: #eee;border:1px solid #aaa;}
.mPag .prev{background-image:url(../images/common/ico_prev.png)}
.mPag .next{background-image:url(../images/common/ico_next.png)}
.mPag .first{background-image:url(../images/common/ico_first.png)}
.mPag .last{background-image:url(../images/common/ico_last.png)}

.mButton1{margin:50px 0 0;text-align:center;}
.mButton1 a{margin:0 4px;}
.mButton1.mt20{margin-top:20px;}
.mButton1.mt30{margin-top:30px;}
.mButton1.mt40{margin-top:40px;}

.mBtn1{display:inline-block;border:1px solid #acacac;background-color:#fff;color:#333;font-size:15px;font-weight:600;text-align:center;min-width:188px;line-height:43px;height:43px;}
.mBtn1:hover{text-decoration:none;}
.mBtn1.arr{background-image:url(../images/common/ico_arr1.png);background-position:100% 50%;background-repeat:no-repeat;}
.mBtn1 .arr{display:inline-block;background:url(../images/common/ico_arr1wh.png) 100% 50% no-repeat;padding:0 15px 0 0;}
.mBtn1 .plusw,
.mBtn1 .delw,
.mBtn1 .del{display:inline-block;background:url(../images/common/ico_del.png) 0 50% no-repeat;padding:0 0 0 15px;}
.mBtn1 .delw{background-image:url(../images/common/ico_delw.png);}
.mBtn1 .plusw{background-image:url(../images/common/ico_plusw.png);}
.mBtn1.m{font-weight:normal;font-size:13px;min-width:127px;line-height:31px;height:31px;}
.mBtn1.s{font-size:12px;padding:0 10px;min-width:10px;line-height:18px;height:18px;}
.mBtn1.s2{font-size:12px;padding:0 10px;min-width:10px;line-height:20px;height:20px;}
input.mBtn1.s2{line-height:20px;height:22px;}
.mBtn1.gray{background-color:#898989;border-color:#7c7c7c;color:#fff;}
.mBtn1.gray2{background-color:#e1e1e1;}
.mBtn1.gray3{background-color:#666;border-color:#494949;color:#fff;}
.mBtn1.center{text-align:center;}

.mBtn2{display:inline-block;background:url(../images/common/k_btn2.png) 0 0 no-repeat;padding:0 0 0 30px;}
.mBtn2:hover{text-decoration:none;}
.mBtn2 span{display:block;background:url(../images/common/k_btn2.png) 100% 0 no-repeat;color:#666;font-size:15px;font-weight:600;text-align:center;padding:0 40px 0 0;min-width:104px;line-height:38px;height:40px;}

.mBtn2.gray{background-position:0 -50px;}
.mBtn2.gray span{background-position:100% -50px;color:#fff;}

.mList{ position:relative;}

.btn_more_txt{color:#de0002;font-size:12px;font-weight:600;background:url(../images/main/btn_godirect.png) right 3px no-repeat; padding-right: 12px;
	display: block; width:60px; margin-top: 10px; }
.btn_more_plus{position:absolute;top:6px;right:0;display:block;width:20px;height:20px;overflow:hidden;background: url(../images/main/icon_plus.png) top left no-repeat;
	transition-property: all;
	transition-duration: 0.7s;
	transition-timing-function: ease;
}
.btn_more_plus:hover{transform: rotate(360deg);}
.btn_more2{font-size:12px; font-weight:600;}
/*
.btn_more:hover{animation: spinner 1.25s linear infinite;}
@keyframes spinner {
  to {transform: rotate(360deg);}
}
*/

.itBg{display:block;padding-right:10px;}
.it{border:1px solid #d0d0d0;font-size:15px;padding:0 0 0 10px;width:218px;line-height:31px;height:31px;}
.it.sm{border:1px solid #d0d0d0;font-size:15px;padding:0 0 0 10px;width:80px;line-height:31px;height:31px;}
.it.center{padding:0 5px;text-align:center;}
.it.s{width:218px;line-height:20px;height:20px;}
.textarea{border:1px solid #d0d0d0;padding:5px 0 0 10px;width:218px;}
.sel-type{border:1px solid #d0d0d0;font-size:15px;padding:0 0 0 10px;width:218px;line-height:31px;height:31px;}
.sel-type.sm{width:80px;}

.mFloat{position:fixed;top:385px;left:50%;margin:0 0 0 412px;text-align:left;padding:0;width:100px;z-index:100;}
.mFloat.flat-top{ top:128px;} /*20170525*/
.mFloat.bottom{position:absolute;top:auto;bottom:0;margin-top:0;}
.mFloat ul{background:url(https://www.saraminimage.co.kr/dym_images/dym5_0/common/images/common/k_float.png) 0 0 no-repeat;padding:50px 0 0;height:456px;}
.mFloat ul li{border: 1px solid #acacac;border-right:5px solid #acacac;margin-bottom:1px;}
.mFloat ul li.selected{border-color:#5e5c5c;}
.mFloat ul li.selected a{background-color:#717070;border-color:#7c7c7c;color:#fff;}
.mFloat ul li a{display:table;background-color:#fff;color:#000;font-size:12px;line-height:130%;text-align:center;width:100%;height:50px;}
.mFloat ul li a span{display:table-cell;vertical-align:middle;}
.mFloat ul li a:hover{text-decoration:none;}

.mLine1{border-top:2px solid #ddd;margin:25px 0 0;padding:40px 0 0;}

.mTitle1{color:#4e4e4e;font-size:25px;letter-spacing:-2px;margin:0 0 25px 14px;}
.mTitle2{display:inline-block;font-size:30px;line-height: 34px; width: 880px; padding:10px 0 17px;text-align:center;word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}

.txtEm1{color:#0021ca;}

.ellipsis{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.modalBg{position:fixed;z-index:999;top:0;left:0;background-color:#000;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;width:100%;height:100%;}

.mBoard1{border-top:2px solid #666;}
.mBoard1 table{width:100%;}
.mBoard1 th,
.mBoard1 td{border-bottom:1px solid #c8c8c8;text-align:center;height:40px;}
.mBoard1 th{background-color:#f6f6f6;color:#333;font-size:14px;font-weight:600;}

.mAlert1{position:absolute;top:0;left:0;border:1px solid #6b6b6b;background-color:#fff;padding:30px;text-align:center;width:340px;}
.mAlert1 .txt1{color:#666;font-size:15px;padding:30px 0;}
.mAlert1 .button{margin:30px 0 0;}
.mAlert1 .mBtn1.m{font-size:14px;min-width:75px;}

.mInfo1{background:url(../images/recurit/ico_noperiod.png) 75px 26px no-repeat;border:1px solid #c8c8c8;background-color:#f6f6f6;border-left:0;border-right:0;margin:30px 0;padding:0 40px 30px 164px;min-height:69px;}
.mInfo1 .ti{display:block;color:#666;font-size:18px;padding:28px 0 0; font-weight: 600;} /*20170525*/
.mInfo1 .tx{color:#666;font-size:14px;padding:8px 0 0;}

.sKeyvisual{position:relative;}
.sKeyvisual .con{position:relative;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;margin:0;height:256px;}

.place{ padding-right: 10px; text-align: right; margin-top: 12px; }
/*.place img.ico_arrow{ margin: 0 6px; opacity: 0.3;}*/
.place .ico_arrow_right{border: solid grey;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin-right: 3px;}
.place img.ico_home{ margin-top: -2px; margin-right: 2px; opacity: 0.7;}
.place a{ font-size:12px; line-height: 1em; text-decoration: none; cursor: default;}
.place a.selected{ font-weight:600;}

/*.tab_area{text-align: center; display: block;width: 100%;}*/
.tab_type1, .tab_type2{ text-align: center;  margin: 20px auto;}
.tab_type1:after, .tab_type2:after{display:block;clear:both;content:''}
.tab_type1 a, .tab_type2 a{display: inline-block; vertical-align: inherit;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tab_type1 a:hover, .tab_type2 a:hover{ text-decoration: none; font-weight: 600;}
/* tab_type1 _밑줄+dot */
.tab_type1 a{ margin: 0 14px; padding: 6px 0; line-height: 1.8em; max-width: 135px; z-index: 10;}
.tab_type1 a.selected{ border-bottom-width: 1px; border-bottom-style: solid; text-decoration: none; font-weight:600;}
.tab_type1 a.selected:hover{text-decoration:none; cursor:default;}
.tab_type1 i.dot{ background:url(../images/common/ico_dotblack1.png) left 50% no-repeat; display: inline-block; width:3px; height:40px; opacity: 0.5;}

/* tab_type2 알약 */
.tab_type2{ margin: 30px auto; text-align: center; }
.tab_type2 a{ margin: 0; padding: 10px 20px 12px;line-height: 1em; border: 1px solid #ddd; min-width:135px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.tab_type2 a:hover{ background: #f4f4f4;}
.tab_type2 a.selected{ font-weight:600; color: #fff; text-decoration: none;}
.tab_type2 a.selected:hover{text-decoration:none; cursor:default;}

/* for Safari*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
	::i-block-chrome, .tab_type1 i.dot {position: absolute; top: -4px;}
	::i-block-chrome, .tab_type1{ position: relative;}
	::i-block-chrome, .sKeyvisual{margin-top: -1px;}
}

.order-area{ position: relative; height:40px; background: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.min-h500{ min-height: 500px;} /*20170630*/
.mSub .order{position: absolute; top: 7px; right: 10px;}
.mSub .order label{display:block;float:left;line-height:25px;padding:0 10px 0 0;}
.mSub .order select{border:1px solid #ccc;line-height:25px;height:25px;border-radius: 3px;}
.mSub .nodata{font-size:14px;font-weight:600;margin:0 auto;padding:140px 0;text-align:center;}

.mt30{margin-top:30px;}

/* for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.mFloat{margin-top:;}
	.mSelect3{background:url(../images/common/ico_select_s.png) 100% 50% no-repeat #fff;padding:1px;}
	.mSelect3.wAuto select{padding-right:20px;}
	.mSelect3 select{padding-left:1px;}
}
/* for ie8 */
@media \0screen {
}

.clearfix:after{
	content:'';
	display: block;
	clear: both;
	height: 1;
}