@charset "utf-8";
@import url('contest.css'); 					/* 기본 CSS */

@font-face {
	font-family: 'icomoon';
	src:url('/icomoon/icomoon.eot?asxbi');
	src:url('/icomoon/icomoon.eot?asxbi#iefix') format('embedded-opentype'),
		url('/icomoon/icomoon.ttf?asxbi') format('truetype'),
		url('/icomoon/icomoon.woff?asxbi') format('woff'),
		url('/icomoon/icomoon.svg?asxbi#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family:'FontAwesome';
	src:url('/webfont/fontawesome-webfont.eot?v=4.7.0');
	src:url('/webfont/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
		url('/webfont/fontawesome-webfont.woff?v=4.7.0') format('woff'),
		url('/webfontfontawesome-webfont.ttf?v=4.7.0') format('truetype'),
		url('/webfont/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
.clearfix:before, .clearfix:after {display:table; content:"";}
.clearfix:after {clear:both;}

a {text-decoration:none}
a:hover {text-decoration:none;}


/* 버튼 */
.btnWrap {text-align:center; margin:0;}
.btnWrap:after {content:''; display: block; clear:both;}


.ui_btn {
	display:inline-block; float:left; *width:100%; min-width:80px; max-width:100px; margin:0; transition:.2s ease-out;
	color:#555; text-align:center; background:#59707a; border-radius:0; border:1px solid rgba(0, 0, 0, 0.2); color:#fff;
	padding:0 15px; font-size:14px; line-height:38px; height:40px; box-sizing:border-box; cursor: pointer; font-weight:500;
}
.ui_btn:hover {border:1px solid rgba(0, 0, 0, 0.4); background:#486470; color:#fff;}

.ui_btn:hover.arrow_left::after { border-bottom:1px solid #fff; border-left:1px solid #fff;}
.ui_btn:hover.arrow_right::after { border-top:1px solid #fff; border-right:1px solid #fff;}
.ui_btn.arrow_left, .ui_btn.arrow_right {text-align:left; padding:3px 0 3px 10px;}

.btn_highlight {background:#0099cc; color:#fff;}
.btn_highlight:hover {background:#0086b3;  color:#fff;}
.btn_gray {background:#f2f2f3;}

.btn_wrap {margin:15px 0 0; padding:0; text-align:right;}
.btn_wrap:after {content:''; display: block; clear:both;}
.btn_wrap span {float:left; line-height:38px; color:#666;}
.btn_wrap span strong {font-weight:500; color:#000;}
.btn_wrap span strong.red {color:#dd0000;}
.btn_wrap .ui_btn {margin-left:3px;} 
.btn_wrap .ui_btn:first-child {margin-left:0;}
.btn_wrap .ui_btn:hover {}
.btn_wrap a {margin:0; *padding:0;}

@media all and (max-width:767px) {
	.btn_wrap {margin:20px 0 0; text-align:center;}
	.btn_wrap .ui_btn {display:inline-block; margin:0;}
	.ui_btn {float:none; font-weight:600; max-width:110px; }
}




.arrow_left {position:relative;}
.arrow_left::after {
	content:""; display:block; width:8px; height:8px; 
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	position: absolute; top:50%; margin-top:-4px; border-bottom:1px solid #333; border-left:1px solid #333; left:10px; 
}
.arrow_right {position:relative;}
.arrow_right::after {
	content:""; display:block; width:6px; height:6px; 
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	position: absolute; top:50%; margin-top:-3px; border-top:1px solid #333; border-right:1px solid #333; right:10px; 
}

a.new_btn {
	display:block; font-size:15px; line-height:36px;  background:#e73c00; border:1px solid rgba(0, 0, 0, 0.1); 
	color:#fff; padding:0; margin:0;  font-weight:500;  text-align:center; box-sizing:border-box; transition:.2s ease-out;
} 
a.new_btn:hover {color:#fff; background:#f24c12;}


/* 배경색상 */
.bg_gray {background:#f2f2f3;}


.maxwidth {min-width:750px; max-width:1000px; margin:0 auto;}
.clr {height:30px;}
.clr:after {content:''; display: block; clear:both;}
.layout_box {}
.layout_box:after {content:''; display: block; clear:both;}

/* input */
/*
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=url], input[type=submit], input[type=button], textarea {
	border:1px solid rgba(0, 0, 0, 0.2); border:none; background-color:#f7f7f7; line-height:35px; height:35px; font-size:14px; *width:100%; padding:0 10px; outline:none;
	border-radius:0; -ms-border-radius:0; -webkit-border-radius:0;
}
select {
	appearance: none; -webkit-appearance:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    background-image: url('/images/ico_arrow_down.png'); background-color:#f7f7f7; border-radius:0;
    background-position: right center; background-repeat: no-repeat;
}
select::-ms-expand {display:none;}
.input_calendar {width:150px; box-sizing:border-box; border-radius:0; padding:2px 40px 2px 5px; background:url('/images/ico_calendar.png')right no-repeat #fff;}
*/


/* -placeholder */
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#c1c1c1;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#c1c1c1; opacity:1;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#c1c1c1; opacity:1;}
input::-ms-input-placeholder { /* Internet Explorer 10-11 */color:#c1c1c1;}

textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#c1c1c1;}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#c1c1c1; opacity:1;}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color:#c1c1c1; opacity:1;}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#c1c1c1;}
textarea::-ms-input-placeholder { /* Internet Explorer Edge  */color:#c1c1c1;}

textarea:focus {outline:0; border-color:#272d32;}
input[readonly]{background-color:#eee;}
input[disabled]{background-color:#eee;}
select[disabled]{background-color:#eee;}
::-webkit-file-upload-button {cursor:pointer;}


/* wrapper divs */
.custom-checkbox, .custom-radio {position: relative; z-index:1;}
.custom-checkbox label.empty {padding-left:26px;}
.custom-radio label.empty {padding-left:26px;}

/* input */
input[type='text'],input[type='password'] {width:100%; height:40px; font-size:14px; color:#000; font-weight:400; letter-spacing:-0.5px; line-height:38px; padding:0 0 0 10px; border:1px #d4d4d4 solid; margin:0; box-sizing:border-box;}
input[type='text']:focus,input[type='password']:focus {outline:0; border-color:#272d32 !important;}

input[type=number] {width:100%; height:40px; font-size:14px; color:#000; font-weight:400; letter-spacing:-0.5px; line-height:38px; padding:0 0 0 10px; border:1px #d4d4d4 solid; margin:0; box-sizing:border-box;}
input[type=number]:focus {outline:0; border-color:#272d32 !important;}

input[type='checkbox'] {opacity:0;}
input[type='radio'] {opacity:0;}


textarea {border:1px solid #d4d4d4; font-size:14px; color:#9d9d9d; font-weight:300; line-height:1.5; letter-spacing:-0.5px; min-height:130px; width:100%; box-sizing:border-box; padding:10px;}
select::-ms-expand{display:none /* 화살표 없애기 for IE10, 11*/ }
select {
	width:100%; height:40px; line-height:38px; padding:0 30px 0 10px; color:#666; font-family:'Noto Sans KR', sans-serif; font-size:14px;
    background: #fff url('/images/ico_selectArr_black.png') no-repeat right 10px top 50%;  border:1px solid #d4d4d4;
    border-radius:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none;
}


/* input, label positioning */
input[type="radio"], input[type="checkbox"]  {margin:0; z-index:0; height:0; width:0;}
.type-checkbox input, .type-radio input {margin:0; z-index:0; height:0; width:0;}
.type-radio input.long_text {width:13%; min-width:100px; height:40px;}
.type-radio input.long_text1 {width:13%; min-width:140px; height:40px;}
.type-checkbox label, .type-radio label {display:inline-block; position:relative; z-index:1; cursor:pointer; color:#272d32; font-weight:normal; padding:0; margin:0; line-height:22px;}
.type-checkbox span, .type-radio span {margin-right:15px;}
.type-checkbox span:last-child, .type-radio span:last-child {margin-right:0;}

.type-checkbox .division, .type-radio .division {margin-right:40px; display:inline-block;}

@media screen and (max-width:500px) {
	.type-radio.type1 .division {margin-right:0; display:block;}
} 

.type-checkbox .division:last-child, .type-radio .division:last-child {margin-right:0;}
.type-checkbox .division span.tit label, .type-radio .division span.tit label {color:#000; font-weight:500;}



input[type="checkbox"] + label::before, input[type="radio"] + label::before {content:''; display:inline-block; vertical-align:middle; margin-right:8px; margin-top:-2px;}
input[type="checkbox"] + label::before {width:22px; height:22px; background:url('/images/ico_checkbox_off.png'); background-size:22px 22px;}
input[type="checkbox"]:checked + label::before {background:url('/images/ico_checkbox_on.png'); background-size:22px 22px;}

input[type="radio"] + label::before {width:17px; height:17px; background-image:url("/images/ico_radio_off.png"); background-size:17px 17px;}
input[type="radio"]:checked + label::before {background-image: url("/images/ico_radio_on_black.png"); background-size:17px 17px;}



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

.sound_only { display: none; }
.bottom { vertical-align: bottom; }

.hide_area { display: none; } /* 유틸 , 토글 */
.pointer { cursor: pointer; }

.fa {
    display: block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa:before {content: ''; font-family:"FontAwesome"; color: #ccc; opacity: .8; position:absolute; left:0;}

.fa.fa-home:before {content:"\f015"}
.fa.fa-phone:before {content:"\f095"}
.fa.fa-kakao:before {content: "\f1d7";}
.fa.fa-address-card:before {content:"\f2bb";}





/* Layout */
#viewport {overflow-x:hidden; width:100%; height:100%; min-height:100%}
#viewport > #main_view,
#viewport > #sub_view {max-width:100%; width:100%;}

#header {position:relative; z-index:1200; background:#fff; box-shadow:0px 0px 3px rgba(0, 0, 0, .5);}
#header .logo h1 {width:100%; margin:0; padding:0 60px 0 0; font-size:0; box-sizing:border-box;}
#header .logo h1 span {display:table; width:100%; table-layout:fixed;}
#header .logo h1 a {display:table-cell; height:60px; vertical-align:middle; text-align:left}
#header .logo h1 img {width:auto; height:60px; padding:10px}
#header .logo button {position:absolute; top:0; bottom:0; width:60px; height:60px; margin:auto; border:none; background:none; font-size:0; outline:none;}

#header .logo #toggle_right {right:0;}
#header .logo #toggle_right:before {content:'\e902'; position:absolute; top:0; right:0; bottom:0; left:0; width:60px; height:60px; line-height:60px; margin:auto; font-size:32px; font-family:'icomoon'; 
color:#29343b; font-weight:400;}
#header .logo #toggle_right.on:before {content:'\e918';}
#header .logo #toggle_left {left:0}
#header .logo #toggle_left:before {content:'\f095'; position:absolute; top:0; right:0; bottom:0; left:0; width:22px; height:22px; margin:auto; font-size:22px; font-family:'FontAwesome'; color:#29343b;}


.buttons_p {display:none; position:absolute;top:0;right:15px;height:80px;padding:15px;font-size:0;box-sizing:border-box}
.buttons_p:before {content:'';position:absolute;top:0;bottom:0;left:0;width:1px;height:28px;margin:auto;background:#eeeeee;opacity:.4}
.buttons_p button {position:relative;width:50px;height:50px;margin:auto;border:none;background:none;font-size:0}
.buttons_p button:before {position:absolute;top:0;right:0;bottom:0;left:0;width:28px;height:28px;margin:auto;font-family:'icomoon';color:#eeeeee}
.buttons_p button:hover:before {color:#dc3d3d}
.buttons_p #toggle_gnb:before {content:'\e905';font-size:24px}
.buttons_p #toggle_search:before {content:'\e901';font-size:28px}


#header .gnb_p {height:40px; background:#f0f3f8; box-sizing:border-box}
#header .gnb_p ul {padding:0; margin:0;}

#header .gnb_p ul li {position:relative; display:block; float:left; padding:0; text-align:center;}
#header .gnb_p ul li a {display:block; font-size:14px; height:40px; line-height:40px; color:#555; font-weight:400; padding:0 17px; letter-spacing:-.025em; }
#header .gnb_p ul li:first-child a {padding-left:0;}
#header .gnb_p ul li:last-child a {padding-right:0;}
#header .gnb_p ul li a:hover {color:#000;} 
#header .gnb_p ul li:before {content:''; position:absolute; top:2px; bottom:0; left:0; width:1px; height:11px; margin:auto; background:#bbb;}
#header .gnb_p ul li:first-child:before {display:none;}


#header .gnb_p .user_wrap {max-width:1320px; margin:0 auto;}
#header .gnb_p ul.admin_menu  {float:left;}
#header .gnb_p ul.utils  {float:right;}
#header .gnb_p ul.utils li {}
#header .gnb_p ul.utils li a {display:block; font-size:14px; height:40px; line-height:40px; font-weight:400; padding:0 17px;}

#header .gnb_p ul.utils li a:before, #header .gnb_p ul.utils li.name p:before {font-size:15px; font-family:'FontAwesome'; color:#777; margin-right:5px;}
#header .gnb_p ul.utils li.modify a:before {content:'\f013'; }
#header .gnb_p ul.utils li.logout a:before {content:'\f023'; }
#header .gnb_p ul.utils li.name p:before {content:'\f007'; color:#0f83f1;}
#header .gnb_p ul.utils li.name {float:left; display:inline-block; }
#header .gnb_p ul.utils li.name p {color:#0f83f1; font-weight:500; font-size:14px; line-height:40px; letter-spacing:0; padding:0 17px; margin:0;}


#header .lnb_p {max-width:1320px; margin:0 auto;}
#header .lnb_p ul {margin:0; padding:0; list-style:none}
#header .lnb_p a {display:block; }
#header .lnb_p .dep1 {float:left; width:520px; transition:.2s ease-out;}
#header .lnb_p .dep1:after {clear:both; content:''; display:inline-block;}
#header .lnb_p .dep1 > li {overflow:hidden;float:left;position:relative; padding:0 40px; transition:.2s ease-out;}
#header .lnb_p .dep1 > li > a > img {width:30px; margin:-2px 4px 0 0;}
#header .lnb_p .dep1 > li > a {overflow:hidden;position:relative; height:90px; line-height:90px; padding:0; font-size:17px; font-weight:500; color:#434343; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
#header .lnb_p .dep1 > li:hover {overflow:visible;}
#header .lnb_p .dep1 > li.on > a {color:#0f83f2;}
#header .lnb_p .dep1 > li:hover > a {background:#fff; color:#0f83f2; transition:background .3s ease; -webkit-transition:background .3s ease}
#header .lnb_p .dep1 > li > a:before {content:''; position:absolute; right:0; bottom:0; left:0; width:0; height:3px; margin:auto; background:#0f83f2; transition:all .3s ease; -webkit-transition:all .3s ease;}
#header .lnb_p .dep1 > li.on > a:before,
#header .lnb_p .dep1 > li:hover > a:before {width:100%}
#header .lnb_p .dep1 > li > div {display:block; position:absolute; min-width:100%; background:#fff; box-sizing:border-box; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease;
	box-shadow:0px 3px 3px rgba(0, 0, 0, .3);
}
#header .lnb_p .dep1 > li:hover > div {opacity:1}

#header .lnb_p .dep2 {display:none; padding:15px; border-top:none; box-sizing:border-box; font-size:0; white-space:nowrap}
/* dep2 li가 가로로 정렬일때 display:inline-block 적용하면 script도 자동 활성화 */
/*.lnb_p .dep2 > li {display:inline-block}*/
#header .lnb_p .dep2 > li > a {overflow:hidden; position:relative; padding:6px 10px; font-size:15px; color:#444444; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
#header .lnb_p .dep2 > li > a:before {content:''; position:absolute; top:0; bottom:0; left:14px; width:4px; height:4px; margin:auto;}
#header .lnb_p .dep2 > li.on > a,
#header .lnb_p .dep2 > li:hover > a {color:#dc3d3d}

#header .lnb_p .dep1_btn {}
#header .lnb_p .dep1_btn> li {overflow:hidden;float:left;position:relative; padding:0 28px; transition:.2s ease-out;}
#header .lnb_p .dep1_btn > li:before {content:''; position:absolute; top:2px; bottom:0; left:0; width:1px; height:15px; margin:auto; background:#aaa;}
#header .lnb_p .dep1_btn > li:first-child::before {display:none}
#header .lnb_p .dep1_btn > li > a > img {width:30px; margin:-2px 6px 0 0;}
#header .lnb_p .dep1_btn > li > a {overflow:hidden;position:relative; height:90px; line-height:90px; padding:0; font-size:17px; font-weight:500; color:#434343; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
#header .lnb_p .dep1_btn > li:hover > a {color:#0f83f2;}
#header .lnb_p .dep1_btn > li.on > a {color:#0f83f2;}
#header .lnbLine {position: absolute; left: 0; bottom: -5px; width: 100%; height: 5px; background: url(/images/lnb_bg.png) left top repeat-x; z-index: 9;}



/* footer */
#footer {overflow:hidden;position:relative;padding:20px 0;background:#212121}
#footer #btn_site_top {position:fixed;bottom:10px;right:10px;z-index:0;width:40px;height:40px;border:none;border-radius:50%;background:#dc3d3d;font-size:0;opacity:0;transition:all .2s ease-in-out}
#footer #btn_site_top:before {content:'\e917';font-family:'icomoon';font-size:16px;font-weight:bold;color:#fff}
#footer #btn_site_top.on {opacity:.6;z-index:1000}
#footer .fnb {display:none;}
#footer .fnb ul {display:block;margin:0;padding:0 4px;list-style:none;font-size:0;text-align:center}
#footer .fnb li {display:inline-block}
#footer .fnb li a {display:inline-block;position:relative;height:40px;line-height:40px;padding:0 8px;font-size:12px;color:#eeeeee;text-align:center;white-space:nowrap}
#footer .fnb li a:before {content:'';position:absolute;top:2px;bottom:0;left:0;width:1px;height:10px;margin:auto;background:#ccc}
#footer .fnb li:first-child a:before {display:none}
#footer .finfo {padding:10px 20px 20px;font-size:0;text-align:center}
#footer .finfo .f_logo {display:none}
#footer .finfo p {display:inline-block;position:relative;line-height:16px;margin:0;padding:2px 6px 2px 8px;font-size:12px;color:#eeeeee}
#footer .finfo p:before {content:'';position:absolute;top:0;bottom:0;left:0;width:2px;height:2px;margin:auto;opacity:.5}
#footer .finfo p.mobile_hide {display:none}
#footer .finfo a {color:#eeeeee}
#footer .finfo .copyright {line-height:16px;padding:10px 0 0;font-size:12px;color:#ccc}
#footer .finfo button {border:1px solid #aaa;border-radius:4px;box-shadow:inset 0 1px 0 white;background:#f6f6f6;font-size:12px;color:#555;text-align:center}


/* container */
#container .contents_wrap {min-height:350px;}
#container .contents:after {content:''; display:block; overflow:hidden; clear:both;}

#container .contents {padding:25px 10px 30px;}
#container .contents .content_inner {max-width:1320px; margin:0 auto;}
#content_wrap .title_wrap {background: #009ee3 url('/images/bg_line.png');}
#content_wrap .title_wrap h2 {max-width:1320px; margin:0 auto; position:relative; color:#fff; font-size:17px; line-height:46px; font-weight:bold; letter-spacing:-.025em; text-align:center;}

#content_wrap .title_text {margin:0 0 10px; }
#content_wrap .title_text p {color:#0f83f1; font-weight:500; font-size:14px; line-height:40px; letter-spacing:0; padding:0 17px; margin:0;}

#content_wrap .title_text p {font-size:14px; color:#444; padding:0; margin:0 0 13px; line-height:1.5em;}
#content_wrap .title_text p:before {font-size:15px; font-family:'FontAwesome'; margin-left:2px; margin-right:6px; content:'\f071'; color:#f34a00;}


/* Mobile viewport - PC content display none */
.buttons_p, .lnb_p, .gnb_p, .adm_p, .header_form, .shgroup > .shgroup_pc, .sub_pc_bg {display:none}







/* 로그인 */
.login_wrap {position:absolute; top:50%; left:5px; right:5px; text-align:center; margin-top:-170px; *width:100%; }
.login_wrap .login_inner {max-width:500px; min-height:320px; background-color:#fff; padding:38px 20px 40px; margin:0 auto; border-radius: 5px; border:1px solid rgba(0, 0, 0, 0.1);}

.login_wrap .logo {margin:0 0 20px;}
.login_wrap .login_form .form-control {
	width:100%; height:48px; line-height:48px; box-shadow:none; padding:1px 16px 3px; font-size:15px; color:#000; box-sizing:border-box; font-weight:normal; overflow:visible;
	margin:0 0 5px;
}
.login_wrap .login_form button {
	width:100%; display: inline-block; text-align:center; font-size:16px; height:48px;
	box-sizing:border-box; background:#0099cc; border:none; color:#fff;
	vertical-align:middle; font-weight:500; border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px;
} 
.login_wrap .login_form a.btn {
	width:100%; display: inline-block; text-align:center; font-size:16px; line-height:48px; margin:5px 0 10px;
	box-sizing:border-box; background:#80c342; border:none; color:#fff;
	vertical-align:middle; font-weight:500; border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px;
} 




.inp_t {width:100%; height:40px !important; box-sizing:border-box; padding:0 5px; border:1px solid #dbdee1 !important; color:#666; background:#fff !important; font-size:14px; line-height:38px !important;}
.inp_s {
	width:100%; height:40px; padding:0 30px 0 10px; color:#666; font-family:'Noto Sans KR', sans-serif; font-size:14px;
    background: #fff url('/images/ico_selectArr_black.png') no-repeat right 10px top 50%;  border:1px solid #dbdee1;
    border-radius:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none;
}
button {margin:0; padding:0; border:none; background:none; cursor:pointer; display:inline-block;}

/* 검섹 */
.searchBox {position:relative; overflow:hidden; box-sizing:border-box; margin-bottom:20px; *text-align:right; font-size:0;}
.searchBox:after {content:''; display:block; clear:both;}
.searchBox .search {position:relative; display:inline-block; box-sizing:border-box; height:40px; margin-left:5px; padding-right:39px; background:#fff !important; vertical-align:top;}
.searchBox .inp_s {width:130px;}
.searchBox .inp_t {width:280px; }
.searchBox .search .btn_search {position:absolute; right:0; top:0; overflow:hidden; width:40px; height:40px; background:#333 url('/images/ico_search_w.png') no-repeat 50% 50%; text-indent:-100px; background-size:23px 23px;}
.searchBox .all_search {padding-left:10px;}
.searchBox .all_search label {margin:0; font-weight:normal; font-size:15px; color:#666;}
.searchBox .all_search span {margin-right:15px;}
.searchBox .all_search span:last-child {margin-right:0;} 

.layout_box .searchBox {float:left;}
.layout_box a.new_btn {float:right;}



@media all and (max-width:767px) {
	.layout_box .searchBox {float:none;}
	.layout_box a.new_btn {float:none; line-height:40px;}
	.searchBox .inp_s {width:30%;}
	.searchBox .inp_t {width:100%;}
	.searchBox .search {width:67%;}
	.searchBox .all_search {display:block; padding-left:0; padding-top:5px;}
}


.order_num {color:#e44015 !important;}
.order_num a {color:#e44015 !important;}
.order_num a:hover, .order_num a:active {text-decoration: underline;}

/* 검섹 */
.search_wrap {padding:0;}
.search_wrap .con1 {}
.search_wrap .con1 div {display:inline-block; margin:0 0 7px;}
.search_wrap .con2 {display:block;}
.search_wrap select {border:1px solid rgba(0, 0, 0, 0.2); line-height:34px; height:34px; font-size:14px; color:#888; padding-left:10px; min-width:100px;}
.search_wrap select {background-color:#fff; width:130px;}
.search_wrap input {border:1px solid rgba(0, 0, 0, 0.2); line-height:34px; height:34px; font-size:14px; padding:0 10px; background-color:#fff; width:250px;}
.search_wrap label {font-weight:normal; margin:0 4px; color:#666;}
/*
.search_wrap button.btn {border:1px solid #61422d; color:#61422d; background-color:transparent; line-height:32px; height:34px; padding:0 10px; min-width:70px; border-radius:0; transition: all 0.1s ease-out; outline:none}
.search_wrap button.btn:hover {border:1px solid rgba(0, 0, 0, 0.4); background-color:#61422d; color:#fff;  outline:none}
.search_wrap button.btn.search {background-color:#0099cc; color:#fff; border:1px solid rgba(0, 0, 0, 0.2);}
.search_wrap button.btn.search:hover {background-color:#0086b2;}
*/




/* 리스트 */
.list_wrap {letter-spacing:-.03em;}
.list_wrap p {}
.list_wrap p.t_text {float:left; margin:0 0 6px; color:#666; font-size:14px; line-height:30px; vertical-align:middle; }
.list_wrap p.t_text img {float:left; margin:5px 5px 5px 0;}

.list_wrap table {width:100%; border-top:2px solid #000; border-collapse:collapse; text-align:center; font-size:14px; line-height:1.3em;}
.list_wrap table thead {background:#f7f7f7; font-weight:500; color:#333;}
.list_wrap table thead td {height:45px;}
.list_wrap table tbody { color:#777;}
.list_wrap table tr {border-bottom:1px solid rgba(0, 0, 0, 0.2);}
.list_wrap table tr td {border-left:1px solid rgba(0, 0, 0, 0.2); padding:12px 5px; vertical-align:middle; }
.list_wrap table tr td:first-child {border-left:none;}
.list_wrap table tr td a {color:#777;}
.list_wrap table tr td span.agreement {display:table; width:20px; height:20px; line-height:20px; margin:0 auto; font-weight:600; color:#fff; font-size:11px;} 
.list_wrap table tr td span.agreement.Y {background:#37a3df;}
.list_wrap table tr td span.agreement.N {background:#f00000;}


.list_wrap .pagination strong {color:#fff; background:#444; border-color:#444;}
.list_wrap .btn .ui_btn {float:right;  font-size:14px; line-height:33px; height:35px; background:#61422d; color:#fff; margin-left:2px;} 
.list_wrap .btn .ui_btn:hover {background:#3f2a1b;}

.pagination {display:block !important; width:100%; margin:10px 0 0 !important; text-align:center;}
.pagination a, .pagination strong {display:inline-block; border:1px solid #ccc; margin-top:30px; 
	position: relative; padding:6px 12px; margin-left:-1px; line-height:1.42857143; font-size:12px; font-weight:normal; color:#666;
}
.pagination strong {color:#fff; background:#444; border-color:#444;}


@media all and (max-width:600px) {
	.list_wrap table thead td {height:40px;}
	.list_wrap table tr td {padding:8px 5px;}
	.pagination a, .pagination strong {display: inline-block; border:1px solid #ccc; margin-top:20px;}
}



.fix_div {width:100%; overflow-x:auto; overflow-y:visible;}
.fix_div table {width:100%; min-width:768px; max-width:1320px;}


/** category tab **/
.categoryTab {position:relative; width:100%; z-index:20;}
.categoryTab:after {content:""; display:block; clear:both;}
.categoryTab .webTabs {display:block; margin:0 0 20px;}
.categoryTab .webTabs:after {content:""; display:block; clear:both;}
.categoryTab .webTabs ul {}
.categoryTab .webTabs ul:after {content:""; display:block; clear:both;}
.categoryTab .webTabs ul li {position:relative; float:left; box-sizing:border-box;}
.categoryTab .webTabs ul li a {position:relative; display:block; border-top:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; text-align:center; z-index:10;}
.categoryTab .webTabs ul li a {position:relative; font-size:16px; color:#272d32; font-weight:400; line-height:61px; z-index:20;}
.categoryTab .webTabs ul li a span {position:relative; font-size:16px; color:#272d32; font-weight:300; line-height:61px; z-index:20;}

.categoryTab .webTabs ul li ul {display:none; position:absolute; left:0; top:61px; border:0; width:100%; text-align:center; background:#6c6d70; padding:8px 0 14px; z-index:20;}
.categoryTab .webTabs ul li ul li {display:block; width:100%;}
.categoryTab .webTabs ul li ul li a {display:block; padding:15px 0; font-size:16px; color:#fff; line-height:1.2; border:0;}
.categoryTab .webTabs ul li ul li a:hover {color:#ffed10;}
.categoryTab .webTabs > ul li.active > a {background:#009ef5; border-top:1px #0085ce solid; border-right:1px #0085ce solid; border-bottom:1px #0085ce solid; color:#fff;}
.categoryTab .webTabs > ul li.active > a > span {color:#fff;}
.categoryTab .webTabs > ul > li:first-child > a {border-left:1px #e5e5e5 solid;}
.categoryTab .webTabs > ul > li:first-child.active > a {border-left:1px #0085ce solid;}
.categoryTab .webTabs ul li ul li a.part_a_class {background:#eee; }


.categoryTab .webTabs > ul li.depth > a > span {padding:0 23px; background:url('../images/bg/bg_categorytab_depth_span.png') right 50% no-repeat;}
.categoryTab .webTabs > ul li.depth.hover > a {background:#272d32; border-right:1px #272d32 solid;}
.categoryTab .webTabs > ul li.depth.hover > a > span {color:#fff; background:url('../images/bg/bg_categorytab_depth_span_on.png') right 50% no-repeat;}
.categoryTab .webTabs > ul > li:first-child.depth.hover > a {border-left:1px #0085ce solid;}

.categoryTab .webTabs.seven > ul > li {width:14.285714%;}
.categoryTab .webTabs.five > ul > li {width:20%;}
.categoryTab .webTabs.four > ul > li {width:25%;}

@media screen and (max-width:1023px) {
	.categoryTab .webTabs ul li a {font-size:15px; line-height:51px; font-weight:500; }
}

@media screen and (max-width:640px) {
	.categoryTab .webTabs ul li a {font-size:14px; line-height:41px;}
}




.layoutSubbox {}
.layoutSubbox:after {content:''; display:block; clear:both;}
.writeWrap {}
.writeWrap:after {content:''; display:block; clear:both;}


.list_board {border-top: 1px solid #272d32; border-bottom: 1px solid #272d32;}
.list_board > table {width:100%;}
.list_board caption {position:absolute; height:0; overflow:hidden; font-size:0; visibility: hidden;}
.list_board thead {display:none;}
.list_board tbody span {*vertical-align:middle;}
.list_board tbody tr {display:block; border-bottom:1px solid #ccc; padding:13px 5px; cursor:pointer; position:relative;}
.list_board tbody tr:after {content:''; display:block; clear:both;}
.list_board tbody tr:last-child {border-bottom:none;}

.list_board tbody td {*display:block; padding:0; font-size:14px; color:#777;}
.list_board tbody .no {*display:none;}
.list_board tbody .no.inline {padding:0 10px 0 5px; margin-right:10px;}
.list_board tbody .no.inline:after {content:''; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#ccc;}
.list_board tbody .category:before {content:'['; display:inline;}
.list_board tbody .category:after {content:']'; display:inline;}
.list_board tbody span.category {display:block; font-size:12px; color:#666; padding:3px 0 2px 10px;}
.list_board tbody span.tit {*display:inline-block; color:#888; padding:0 10px 0 0;}
.list_board tbody span.tit:before {content:'['; display:inline;}
.list_board tbody span.tit:after {content:']'; display:inline;}



.list_board tbody .subject {padding-bottom:5px;}
.list_board tbody .subject a {*display:block; padding:0 5px 1px; font-size:15px; font-weight:500; color:#000; }
.list_board tbody .subject a span {vertical-align:middle; font-size:15px;}
.list_board tbody .subject i {display:inline-block; vertical-align:middle; font-size:0; margin:0 2px;}
.list_board tbody .subject img {vertical-align:middle; font-size:0; margin:0 2px;}
.list_board tbody .subject em {font-style: normal;}
.list_board tbody .subject i.ico {color:#fff; padding:0 6px; border-radius:3px; font-size:12px; font-weight:300;}
.list_board tbody .subject a {margin-right:5px;}
.list_board tbody .subject i.r {background:#ea532a;}
.list_board tbody .subject i.c {background:#50a214;}

.list_board tbody .inline {float:left; position:relative; *padding:0 10px 0 5px; *margin-right:5px;}

/*
.sales .list_board tbody .inline:after {content:''; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#ccc;}
.sales .list_board tbody .inline:last-child:after {width:0;}
*/


.list_board tbody .hit i {display:inline-block; margin:0 3px 0 0;}
.list_board tbody .vote i {display:inline-block; margin:0 3px 0 0;}

.list_board tbody .notice {background:#f7f7ec; padding-right:40px;}
.list_board tbody .notice .subject a {padding-top:4px;}
.list_board tbody .notice .removeNotice {
	position:absolute; display:block; right:10px; top:50%; width:20px; height:20px; margin-top:-10px;
	background-position:2px 2px;
}
.list_board tbody .notice .name {display:none;}

.list_board .no {*width:12%;}
.list_board .name {width:50%;}
.list_board .date {width:50%;}
.list_board .hit {width:50%;}
.list_board .vote {width:50%;}


.member .list_board .no {display:none;}
.member .list_board .idname  {width:50%;}
.member .list_board .name {width:50%; float:right;}
.member .list_board .depart {width:50%;}
.member .list_board .date {width:50%; float:right;}






.order_list {border-top: 1px solid #272d32; border-bottom: 1px solid #272d32;}
.order_list > table {width:100%;}
.order_list caption {position:absolute; height:0; overflow:hidden; font-size:0; visibility: hidden;}
.order_list thead {display:none;}
.order_list tbody span {*vertical-align:middle;}
.order_list tbody tr {display:block; border-bottom:1px solid #ccc; padding:13px 0; cursor:pointer; position:relative;}
.order_list tbody tr:after {content:''; display:block; clear:both;}
.order_list tbody tr:last-child {border-bottom:none;}

.order_list tbody td {*display:block; padding:0; font-size:14px; color:#777;}
.order_list tbody .no {*display:none;}
.order_list tbody .no.inline {padding:0 10px 0 5px; margin-right:10px;}
.order_list tbody .no.inline:after {content:''; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#ccc;}
.order_list tbody .category:before {content:'['; display:inline;}
.order_list tbody .category:after {content:']'; display:inline;}
.order_list tbody span.category {display:block; font-size:12px; color:#666; padding:3px 0 2px 10px;}
.order_list tbody span.tit {*display:inline-block; color:#888; padding:0 10px 0 0;}
.order_list tbody span.tit:before {content:'['; display:inline;}
.order_list tbody span.tit:after {content:']'; display:inline;}
.order_list tbody .inline {float:left; position:relative; *padding:0 10px 0 5px; *margin-right:5px;}

.order_list table thead {display:none;}
.order_list .no {}
.order_list .sound_only {*width:;}
.order_list tbody tr  {position:relative;}
.order_list .num, 
.order_list .name, 
.order_list .item, 
.order_list .line, 
.order_list .date, 
.order_list .qrcode {width:90%; display:table;}
.order_list .num a {font-size:15px; font-weight:600;}
.order_list .qrcode_url {}
.order_list .qrcode_img {position:absolute; right:0; top:50%; margin-top:-45px;}
.order_list .qrcode_img img {max-width:90px;}



.list_board ul {border-bottom:1px #e1e1e1 solid; padding:10px 0; margin:0;}
.list_board ul:last-child {border-bottom:1px solid #272d32;}


.list_board ul.head {background:#f0f3f8; border-bottom: 1px #aaa solid; display:none; }
.list_board ul.head li {color:#222; text-align:center; font-weight:500; font-size:15px; }


.list_board ul li {float:left; text-align:center; padding:2px; font-size:14px;} 
.list_board ul li .text {vertical-align:middle;  line-height:38px; height:40px; border: 1px #d4d4d4 solid; box-sizing:border-box;}
.list_board ul li.no {vertical-align:middle; line-height:40px;}
.list_board ul li.no label {margin:0;}

.list_board ul li.no {width:8%;}
.list_board ul li.name {width:50%;}
.list_board ul li.text {width:100%;}
.list_board ul li.num {width:33.3%;}
.list_board ul li.sc {width:33.3%;}
.list_board ul li.date {width:33.3%;}



/* write form */
.sales .title {font-size:16px; color:#121212; margin:0 0 15px; font-weight:600; letter-spacing: -.025em;}
.writeForm {margin:0; padding:0; border:none; border-top:1px solid #000;}
.writeForm > .title {
	margin:10px 0 0; padding:0 8px 5px; font-size:18px; color:#333;
	border-bottom:1px solid #ccc; display:none;
}
.writeForm > dl {margin:0; padding:10px 8px; border-bottom:1px solid #ccc;}
.writeForm > dl > dt {font-size:14px; font-weight:500; margin:0 0 8px;}
.writeForm > dl > dt label {margin:0; font-weight:600;  word-break:keep-all;}
.writeForm > dl > dd {margin:0; font-size:14px; color:#777;}
.writeForm > dl > dd > p {margin:3px 0;}
.writeForm > dl > dd input[type=text],
.writeForm > dl > dd input[type=password],
.writeForm > dl > dd textarea {margin:0; vertical-align:middle;}
.writeForm > dl > dd .msg {display:block; color:#888; margin:5px 0 0;}
.writeForm > dl > dd span {vertical-align:middle;}
.writeForm > dl > dd select {font-size:13px; color:#000; vertical-align:middle;}
.writeForm > dl > dd textarea {color:#000;}
.writeForm > dl > dd .bodyEditor {margin: 10px 0 5px;}

.writeForm > dl > dd > .text {padding-right:10px; font-size:14px; line-height:30px; color:#000 !important;}

.writeForm > dl {display:table; width:100%; padding:0;}
.writeForm > dl > dt,
.writeForm > dl > dd {display:table-cell; vertical-align:middle; padding:10px 0;}
.writeForm > dl > dt {width:120px; margin:0; padding-left:10px; font-weight:400;}
.writeForm > dl > dd {padding-right:10px;}

@media screen and (max-width:640px) {
	.writeForm > dl.w100 {display:block;}
	.writeForm > dl.w100 > dt {display:block; width:auto;}
	.writeForm > dl.w100 > dd {display:block; padding:0 10px 10px ;width:auto;}
}




.writeForm .address {}
.writeForm .address .zipcode {margin:0 0 3px;}
.writeForm .address .zipcode input[type=text] {width:130px; float:left;}
.writeForm .address .zipcode button {width:100px; height:40px; font-size:14px; background:#555; border:1px solid rgba(0, 0, 0, 0.2); color:#fff; text-align:center; }
.writeForm .address .addr input[type=text] {margin:0 0 3px;}

.writeForm .add_row {margin:0; padding:0; width:100%;}
.writeForm .add_row button {display:block; width:100%; height:38px; font-size:14px; background:#555; border:1px solid rgba(0, 0, 0, 0.2); color:#fff; text-align:center; }

.writeForm > dl.att_file1 {border-bottom:none; padding-bottom:0;}
.writeForm .att_file2_btn {padding:0; width:100%;}
.writeForm .att_file2_btn button {display:block; width:100%; height:38px; font-size:14px; background:#555; border:1px solid rgba(0, 0, 0, 0.2); color:#fff; text-align:center; }

.writeForm .img_wrap {}

.writeForm .smallButtons {margin:0 0 10px; font-size:0;}
.writeForm .smallButtons a {margin-left:0; margin-right:5px;}
.writeForm .inlineForm input[type=text] {margin:3px 3px;}

.writeForm .qnaBox {margin:0 0 10px;}
.writeForm .qnaBox .question {margin-top:0;}

.writeForm .sns {font-size:0;}
.writeForm .sns label {display:block; float:left; width:50%; padding:3px 0;}
.writeForm .sns span {font-size:13px;}

.writeForm .attachFiles {margin:15px 0 0;}
.writeForm .attachFiles dl {margin:5px 0 0; position:relative;}
.writeForm .attachFiles dl dt {padding-right:70px;}
.writeForm .attachFiles dl dt select {width:100%; height:70px; margin:0; border:1px solid #bbb; font-size:13px;}
.writeForm .attachFiles dl dd {position:absolute; right:0; top:0;}
.writeForm .attachFiles dl dd button {width:60px; height:70px; font-size:13px; border:1px solid #bbb; border-radius:3px;}
.writeForm .attachFiles p {margin:5px 0 0; font-size:12px; font-family:Tahoma; color:#666;}

.writeForm .options {margin:0; padding:2px 0; font-size:14px; border-bottom:1px solid #ccc; color:#777; list-style:none;}
.writeForm .options li {}
.writeForm .options li label {display:block; padding:8px;}
.writeForm .options li span {vertical-align:middle; padding-left:3px;}






.product_data  {margin:10px 0 0;}
.product_data:after {content:''; display: block; clear:both;} 
.product_data table {width:100%;}
.product_data table caption {position:absolute; height:0; overflow:hidden; font-size:0; visibility: hidden;}
.product_data table thead {display:none;}
.product_data table thead th {background:#f7f7f7; text-align:center; padding:15px 5px 14px; font-size:14px; color:#222; font-weight:500;}
.product_data table tbody tr {display:block; border-bottom:1px solid #e1e1e1; margin:0;  padding:10px 0; cursor:pointer; position:relative;}
.product_data table tbody tr:after {content:''; display:block; clear:both;}
.product_data table tbody tr:first-child {padding-top:0;}
.product_data table tbody tr:last-child, .product_data table tbody tr:nth-last-child(2) {border-bottom:none;}
.product_data table tbody td {display:table-cell; margin:0;  padding:0; font-size:13px; color:#777;}
.product_data table tbody .inline {float:left; position:relative; padding:8px 0 0;}
.product_data table tbody .inline:first-child {padding-top:0;}

.product_data table tbody td input[type='text'] {*border: 1px #eee solid;} 

.product_data table tbody td.name {width:100%;}
.product_data table tbody td.spec1 {width:49.5%; }
.product_data table tbody td.spec2 {width:49.5%; float:right;}
.product_data table tbody td.num {width:49.5%;}
.product_data table tbody td.long_text {width:49.5%; float:right;}

.product_data table tbody td.division {width:39.5%;}
.product_data table tbody td.Pur_name {width:59.5%; float:right;}

.product_data table tbody span.tit {display:block; color:#8d9498; letter-spacing:-0.03em; padding:0 0 5px;}
.product_data table tbody span.tit:before {content:'['; display:inline;}
.product_data table tbody span.tit:after {content:']'; display:inline;}


.product_data dl {display:table; width:100%; padding:0; margin:0;}
.product_data dl dt, .product_data dl dd {display:table-cell; vertical-align:middle;}
.product_data dl dt {}
.product_data dl dd {}

.product_data dl.tit {display:none;}
.product_data table tbody td.name {width:100%;}
.product_data table tbody td.spec1 {width:49.5%; }
.product_data table tbody td.spec2 {width:49.5%; float:right;}
.product_data table tbody td.num {width:49.5%;}
.product_data table tbody td.long_text {width:49.5%; float:right;}

.product_data table tbody td.work_name {width:100%;}
.product_data table tbody td.worker {width:10%;}
.product_data table tbody td.work_date {width:15%;}
.product_data table tbody td.etc {}

.product_data table tbody td.work_name span.row_ck {float:left; display: inline;}

.product_spec {padding:0 !important; border-top:1px solid #e1e1e1;}
.product_spec table {width:100%;}
.product_spec table th {width:23%; background:#f0f3f8; text-align:center; padding:10px; font-size:14px; color:#222; font-weight:600; border-bottom:1px solid #e1e1e1;}
.product_spec table td {padding:0; font-size:14px; border-bottom:1px solid #e1e1e1;}
.product_spec table th  label {font-weight:500; font-size:14px; margin:0; padding:0;}
.product_spec table td ul {margin:0; padding:0;}
.product_spec table td ul li {border-bottom:1px solid #e1e1e1; padding:7px 0;}
.product_spec table td ul li:last-child {border-bottom:none;}
.product_spec table td ul li label.t {width:100px; font-weight:500; font-size:14px; margin:0; padding:0 10px; float:left; line-height:40px; color:#678eb1; letter-spacing:-0.03em;}
.product_spec table td ul li .text {vertical-align:middle; line-height:40px; margin-left:100px;}


/*
.product_spec table tbody tr {display:block; border-bottom:1px solid #e1e1e1; margin:0;  padding:10px 0; cursor:pointer; position:relative;}
.product_spec table tbody tr:after {content:''; display:block; clear:both;}
*/



.progress_report {margin:0;}
.progress_report:after {content:''; display: block; clear:both;} 
.progress_report table {width:100%;}
.progress_report table caption {position:absolute; height:0; overflow:hidden; font-size:0; visibility: hidden;}
.progress_report table thead {display:none;}
.progress_report table thead th {background:#f7f7f7; text-align:center; padding:15px 5px 14px; font-size:14px; color:#222; font-weight:500;}
.progress_report table tbody tr {display:block; border-bottom:1px solid #e1e1e1; margin:0;  padding:15px 0; cursor:pointer; position:relative;}
.progress_report table tbody tr:after {content:''; display:block; clear:both;}
.progress_report table tbody tr:first-child {padding-top:0;}
.progress_report table tbody tr:last-child {padding-bottom:10px;}

.progress_report table tbody tr:last-child, .product_data table tbody tr:nth-last-child(2) {border-bottom:none;}
.progress_report table tbody td {display:table-cell; margin:0;  padding:0; font-size:13px; color:#777;}
.progress_report table tbody .inline {float:left; position:relative; padding:8px 0 0;}
.progress_report table tbody .inline:first-child {padding-top:0;}
.progress_report table tbody td input[type='text'] {*border: 1px #eee solid;} 

.progress_report table tbody span.tit {display:block; color:#8d9498; letter-spacing:-0.03em; padding:0 0 5px;}
.progress_report table tbody span.tit:before {content:'['; display:inline;}
.progress_report table tbody span.tit:after {content:']'; display:inline;}

.progress_report table tbody td.work_name {width:100%;}
.progress_report table tbody td.worker {width:49.5%;}
.progress_report table tbody td.fr {float:right;}
.progress_report table tbody td.work_date {width:49.5%; float:right;}
.progress_report table tbody td.etc {width:100%;}

.progress_report table tbody td.work_name span.row_ck {float:left; display:inline;}

.progress_report table tbody td.work_name {position:relative; overflow:hidden; padding-left:0;}
.progress_report table tbody td.work_name span.row_ck {position:absolute; top:50%; margin-top:-9px; left:3px;}
.progress_report table tbody td.work_name span.row_ck label {margin:0;}
.progress_report table tbody td.work_name input[type='text'] {padding-left:35px; }

.installation_list {margin:0;}
.installation_list:after {content:''; display: block; clear:both;} 
.installation_list table {width:100%;}
.installation_list table caption {position:absolute; height:0; overflow:hidden; font-size:0; visibility: hidden;}
.installation_list table thead {display:none;}
.installation_list table thead th {background:#f7f7f7; text-align:center; padding:15px 5px 14px; font-size:14px; color:#222; font-weight:500;}
.installation_list table tbody tr {display:block; border-bottom:1px solid #e1e1e1; margin:0;  padding:15px 0; cursor:pointer; position:relative;}
.installation_list table tbody tr:after {content:''; display:block; clear:both;}
.installation_list table tbody tr:first-child {padding-top:0;}
.installation_list table tbody tr:last-child, .product_data table tbody tr:nth-last-child(2) {border-bottom:none;}
.installation_list table tbody tr:last-child {padding-bottom:10px;}

.installation_list table tbody td {display:table-cell; margin:0;  padding:0; font-size:13px; color:#777;}
.installation_list table tbody .inline {float:left; position:relative; padding:8px 0 0;}
.installation_list table tbody .inline:first-child {padding-top:0;}
.installation_list table tbody td input[type='text'] {*border: 1px #eee solid;} 

.installation_list table tbody span.tit {display:block; display:none; color:#8d9498; letter-spacing:-0.03em; padding:0 0 5px;}
.installation_list table tbody span.tit:before {content:'['; display:inline;}
.installation_list table tbody span.tit:after {content:']'; display:inline;}

.installation_list table tbody td.address {width:100%;}
.installation_list table tbody td.tel {width:100%;}
.installation_list table tbody td.worker {width:49.5%;}
.installation_list table tbody td.fr {float:right;}
.installation_list table tbody td.work_date {width:49.5%; float:right;}
.installation_list table tbody td.etc {width:100%;}



.comment_wrap {}
.comment_wrap .write_box {border:1px solid #d0d0d0; padding:16px 15px 20px; overflow:hidden; border-radius:0;}
.comment_wrap .write_box .box_info {margin-bottom:6px;}
.comment_wrap .write_box .box_info .mb_name {line-height:30px; color:#000; font-size:14px; font-weight:600; margin:0;}
.comment_wrap .write_box .box_info button {float:right; line-height:30px; border:1px solid rgba(0, 0, 0, 0.3); border-radius:0; background:#0099cc; color:#fff; padding:0 18px; font-size:14px; font-weight:400;}


.comment_wrap .write_box .box_addfiles {margin:10px 0 0;}
.comment_wrap .write_box .box_addfiles dl {display:table; width:100%; padding:0; margin:0;}
.comment_wrap .write_box .box_addfiles dl dt, .comment_wrap .write_box .box_addfiles dl dd {margin:0; padding:0;}
.comment_wrap .write_box .box_addfiles dl dt {}
.comment_wrap .write_box .box_addfiles dl dd {}
.comment_wrap .write_box .box_addfiles span {display:block; font-size:13px; font-weight:normal; margin:0;}
.comment_wrap .write_box .box_addfiles button {display:block; width:100%; height:32px; font-size:14px; background:#555; border:1px solid rgba(0, 0, 0, 0.2); color:#fff; text-align:center; margin:5px 0;}
.comment_wrap .write_box .box_addfiles .row_att_file input[type=file] {margin:3px 0;}
.comment_wrap .write_box .box_btn {margin-top:10px;  text-align:right;}



.comment_wrap .view_box {}
.comment_wrap .view_box .item {border-bottom:1px solid #e1e1e1; padding:18px 0;}

.comment_wrap .view_box dl {display:table; width:100%; padding:0; margin:0;}
.comment_wrap .view_box dl dt, .comment_wrap .view_box dl dd {display:table; width:100%;}
.comment_wrap .view_box dl dt {margin-bottom:10px;}


.comment_wrap .view_box .box_info {float:left;}
.comment_wrap .view_box .box_info .mb_name {color:#000; font-size:14px; font-weight:600; margin:0 0 8px; line-height:1.3;}
.comment_wrap .view_box .box_info .mb_date {display:block; color:#999; font-size:12.5px; font-weight:400; }
.comment_wrap .view_box .box_btn {float:right;}
.comment_wrap .view_box .box_btn button {line-height:25px; border:1px solid rgba(0, 0, 0, 0.3); border-radius:0; background:#fff; color:#666; text-align:center; padding:0 10px; font-size:13px; font-weight:400;}

.comment_wrap .view_box .box_text {margin-bottom:10px;}

.comment_wrap .view_box .box_addfiles .addfiles_tit {display:none; color:#999; font-size:13px; }
.comment_wrap .view_box .box_addfiles a {font-size:12.5px; color:#999;}


.comment_wrap pre {
    display: block;
    padding:7px 5px; margin:0; font-size:14px; line-height:1.4; color:#444; font-family:'Noto Sans KR', sans-serif;
    word-break:break-all; word-wrap:break-word; background-color:#f7f7f7; border:none; border-radius:0;
}




.project_list {margin:-10px;}
.project_list:after {display:block; clear:both; content:'';}

.project_list .box {box-sizing:border-box; padding:10px;}

.project_list .item {margin:0; padding:0; background:#fff; border:1px solid #dbdfe2;}
.project_list .item > dl {display:table; width:100%; padding:0; margin:0; font-size:14px; border-bottom:1px solid #e1e1e1;}
.project_list .item > dl:last-child {border-bottom:none;}
.project_list .item > dl > dt {width:100px; margin:0; padding:0; color:#4a5341;  background:rgba(195, 195, 195, 0.1); }
.project_list .item > dl > dt, .project_list .item > dl > dd {display:table-cell; vertical-align:middle; padding:9px 0; *background:rgba(255, 255, 255, 0.8);}
.project_list .item > dl > dt label {font-weight:600; font-size:14px; margin:0; padding-left:15px; color:#495466; cursor:text;}
.project_list .item > dl > dt label a {color:#1e71c0; font-size:15px;}
.project_list .item > dl > dt label a:hover, .product_list .item > dl > dt label a:active {color:#0f83f2; text-decoration: underline;}
.project_list .item > dl > dt span.t {font-size:0;}
.project_list .item > dl > dd {color:#777; margin:0; word-break:keep-all;}
.project_list .item > dl > dd span.t {font-size:14px; color:#9eb3c0;  letter-spacing:-0.03em; width:70px; display:table-cell;}
.project_list .item > dl > dd span.t.no {font-size:0;}
.project_list .item > dl > dd .percent {display:block; position:relative; height:20px;}
.project_list .item > dl > dd .percent span.number {position:absolute; left:18px; color:#000; font-size:13px; line-height:20px;}
.project_list .item > dl > dd .percent progress {width:100%; line-height:20px; height:20px;}
.project_list .item > dl > dd .percent .percent_box {position:relative;}
.project_list .item > dl > dd .percent .percent_box span.number {left:4px;}

.project_list .item > dl > dd > div {display:table; float:left; box-sizing:border-box; width:50%; padding:0 15px; font-size:15px; color:#000; vertical-align:middle;} 
.project_list .item > dl > dd > div.w100 {float:none; width:100%;} 

@media screen and (max-width:767px) {
	.project_list .item > dl > dd > div {float:none; width:100%; margin-bottom:5px; font-size:14px;}
	.project_list .item > dl > dd > div:last-child {margin-bottom:0;}
	.project_list .item > dl > dt, .project_list .item > dl > dd {padding:10px 0;}
	.project_list .item > dl > dd {border-bottom:none;}
	.project_list .item > dl > dd .percent span.t {font-size:0;}
}

@media screen and (min-width:768px) {
	.project_list .item > dl > dt {width:140px;}
	.project_list .item > dl > dt, .project_list .item > dl > dd {padding:12px 0;}
	.project_list .item > dl > dd .percent .percent_box {margin-left:70px;}
}
@media screen and (min-width:1024px) {
	.project_list .box {width:50%; float:left; }
	.project_list .item > dl > dt, .project_list .item > dl > dd {padding:14px 0;}
	.project_list .item > dl > dt {width:110px;}
	.project_list .item > dl > dt label {font-weight:500; font-size:15px; }
	.project_list .item > dl > dt label a {font-size:16px;}
	.project_list .item > dl > dd span.t {font-size:14px;} 
	.project_list .box:nth-child(odd) {clear:left;}
	.project_list .item > dl > dd .percent span.number {top:0; left:19px; font-size:13px;}
	.project_list .item > dl > dd .percent .percent_box {margin-left:80px;}
}
@media only screen and (min-width:1024px) and (max-width:1320px) {
	.project_list .item > dl > dt, .project_list .item > dl > dd {padding:12px 0;}
	.project_list .item > dl > dt {width:100px;}

}


.project_info .project_list {margin:0 0 30px;}
.project_info .project_list .item {border:1px solid #000;}
.project_info .project_list .item > dl {*border-bottom:1px solid #ccc;}
.project_info .project_list .item > dl:last-child {border-bottom:none;}
.project_info .project_list .item > dl > dt {width:25%; *background:none;}
.project_info .project_list .item > dl > dt label {padding-left:15px;}
.project_info .project_list .item > dl > dt label.point {color:#e44015; font-size:15px;}
.project_info .project_list .item > dl > dd.type-radio .division span.tit {margin-right:0;}
.project_info .project_list .item > dl > dd.type-radio .division span.tit label {width:70px;}
.project_info .project_list .item .percent {height:20px;}


@media screen and (max-width:767px) {
	.project_info .project_list .item > dl > dd div.text {line-height:30px;}
}
@media screen and (min-width:1024px) {
	.project_info .project_list .item > dl > dt {width:20%;}
	.project_info .project_list .item > dl > dt label {padding-left:25px;}
	.project_info .project_list .item > dl > dd > div {padding:0 25px;}
	.project_info .project_list .item > dl > dt label.point {font-size:16px;}
	.project_info .project_list .item > dl > dd span.t {width:80px; font-size:15px;}
	.project_info .project_list .item > dl > dt, .project_info .project_list .item > dl > dd {padding:16px 0;}
	.project_info .project_list .item > dl > dd.type-radio .division span.tit label {width:80px;}
}
@media screen and (min-width:1320px) {
	.project_info .project_list .item > dl > dt {width:20%;}
	.project_info .project_list .item > dl > dt label {padding-left:30px;}
	.project_info .project_list .item > dl > dd > div {padding:0 30px;}
}





/* 등록 */
.register_wrap {}
.register_wrap:after {display:block; clear:both; content:''; width:100%;}
.register_wrap table {width:100%; border-top:1px solid #000; border-collapse:collapse;}
.register_wrap table tr {border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.register_wrap table tr:last-child {border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.register_wrap table tr th {padding:7px 15px; width:130px; line-height:35px; vertical-align:middle; background:rgba(0, 0, 0, 0.02); color:#4a5341; font-size:14px; font-weight:500;}
.register_wrap table tr td {padding:7px 15px; vertical-align:middle;}
.register_wrap table tr td label {margin:0 20px 0 0; line-height:35px; *height:40px; font-weight:normal;}
.register_wrap table tr td label:last-child {margin-right:0;}
.register_wrap table tr td select {border:none; line-height:40px; height:40px; padding:0 45px 0 10px; font-size:14px; outline:none;}

.register_wrap .btn_wrap {margin:15px 0 0; padding:0;}
.register_wrap .btn_wrap:after {display:block; clear:both; content:''; width:100%;}

.register_wrap .btn_wrap span {float:left; line-height:35px; color:#666;}
.register_wrap .btn_wrap span strong {font-weight:500; color:#000;}
.register_wrap .btn_wrap span strong.red {color:#dd0000;}
.register_wrap .btn_wrap .ui_btn {float:right;  font-size:14px; line-height:33px; height:35px; background:#444; color:#fff; margin-left:2px;} 
.register_wrap .btn_wrap .ui_btn:hover {background:#222;}
.register_wrap .btn_wrap a {margin:0; padding:0;}

.register_wrap .btn_wrap .ui_btn.btn_highlight {background:#0099cc;}
.register_wrap .btn_wrap .ui_btn.btn_highlight:hover {background:#0086b3;}

@media screen and (min-width:1000px) {
	.register_wrap table tr th {width:150px;}
}
.register_wrap .writeForm {margin:0; padding:0; border:0; border-top:1px solid #000;}
.register_wrap .writeForm > dl {display:table; width:100%; padding:0; margin:0; border-bottom:1px solid #ccc;}
.register_wrap .writeForm > dl > dt {width:150px; margin:0; padding-left:10px; font-size:14px; color:#4a5341; background:rgba(0, 0, 0, 0.02);}
.register_wrap .writeForm > dl > dt label {font-weight:500; font-size:14px; padding:6px 0 0;}
.register_wrap .writeForm > dl > dd {color:#777; margin:0;}

@media screen and (min-width:640px) {
    .register_wrap .writeForm > dl > dt, .register_wrap .writeForm > dl > dd {display:table-cell; vertical-align:middle; padding:10px 0;}
	.register_wrap .writeForm > dl > dt label {font-size:14px; padding:0 15px;}
	.register_wrap .writeForm > dl > dd { padding-left:15px; padding-right:15px; font-size:14px;}
}


@media screen and (max-width:640px) {
	.register_wrap .writeForm > dl > dt {font-size:14px; font-weight:600; margin:0 0 8px;}
}








/* 고객 정보 */
.customer_wrap {position:relative; border-width:1px 0; border-style:solid; border-color:rgba(0, 0, 0, 0.25);  background:#61422d;}
.customer_wrap table {width:100%; min-width:750px; max-width:1000px; margin:0 auto; padding:0 10px;}
.customer_wrap table tr {border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.customer_wrap table tr:last-child {border-bottom:none;}
.customer_wrap table tr th {
	padding:7px 0; line-height:32px; vertical-align:middle; background:rgba(0, 0, 0, 0.05); color:rgba(255, 255, 255, 1);
	font-size:14px; font-weight:500; text-align:left; padding-left:15px;
}
.customer_wrap table tr td {padding:7px 15px; line-height:32px; vertical-align:middle; color:rgba(255, 255, 255, 0.9);} 
.customer_wrap table tr td a {color:rgba(255, 255, 255, 0.9);} 
.customer_wrap table tr td.name {color:rgba(255, 255, 255, 1); font-weight:500;}
.customer_wrap table tr td.name span.number {color:#80c342; font-weight:normal; margin-left:10px; letter-spacing:.03em;}
.customer_wrap .btn {position:absolute; right:0; bottom:-1px;}
.customer_wrap .btn .ui_btn {font-size:14px; line-height:35px; height:35px; background:rgba(0, 0, 0, 0.6); color:#fff;} 
.customer_wrap td .btn { position: inherit; padding: 0; } 
.customer_wrap .btn .ui_btn:hover {background:rgba(0, 0, 0, 0.3); }

@media screen and (min-width:1000px) {
	.customer_wrap table tr th {font-weight:normal;}
}




/* 시술내역 */
.breakdown_wrap {}
.breakdown_wrap:after {display:block; clear:both; content:''; width:100%;}
.breakdown_wrap p {}
.breakdown_wrap p.t_text {float:left; margin: 0 0 4px; color:#666; font-size:14px; line-height:30px; vertical-align:middle; }
.breakdown_wrap p.t_text img {float:left; margin:6px 5px 5px 0;}
.breakdown_wrap table {width:100%; border-top:2px solid #000; border-collapse:collapse; text-align:center;}
.breakdown_wrap table thead {background:#f7f7f7; line-height:42px; font-size:14px; font-weight:500; color:#333;}
.breakdown_wrap table tbody {line-height:40px; font-size:14px; color:#777;}
.breakdown_wrap table tr {border-bottom:1px solid rgba(0, 0, 0, 0.2);}
.breakdown_wrap table tr.this_item { background-color:#f2f0e9; }
.breakdown_wrap table tr.reserve_listitem:hover { background-color: #f2f2f2; }
.breakdown_wrap table tr td {border-left:1px solid rgba(0, 0, 0, 0.2); padding:0;}
.breakdown_wrap table tr td:first-child {border-left:none;}
.breakdown_wrap table tr td.tl {padding:0 10px;}
.breakdown_wrap table tr td.date {position:relative; display:table-cell;}
.breakdown_wrap table tr td.date a {display:table; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; color:#777;}
.breakdown_wrap table tr td.date a:hover {background:#7a3e16; color:#fff;}
.breakdown_wrap .btn {float:right; margin:15px 0 0; padding:0;}
.breakdown_wrap .btn .ui_btn {font-size:14px; line-height:33px; height:35px; background:#61422d; color:#fff;} 
.breakdown_wrap .btn .ui_btn:hover {background:#3f2a1b;}

@media screen and (min-width:1000px) {

}

/* 시술 예약 진료 Calendar */
.calendar_wrap {letter-spacing:-.03em;}
.calendar_wrap p {}
.calendar_wrap p.t_text {float:left; margin:0 0 6px; color:#666; font-size:14px; line-height:30px; vertical-align:middle; }
.calendar_wrap p.t_text img {float:left; margin:5px 5px 5px 0;}

.calendar_wrap table {width:100%; border-top:2px solid #000; border-collapse:collapse; text-align:center;}
.calendar_wrap table thead {background:#f7f7f7; line-height:43px; font-size:15px; font-weight:500; color:#333;}
.calendar_wrap table tbody { font-size:14px; color:#777;}
.calendar_wrap table tr {border-bottom:1px solid #ccc; }
.calendar_wrap table tr.header_row {height:40px; line-height:40px; border-bottom:1px solid #999;}
.calendar_wrap table tr.header_row .month {color:#000; font-weight:500;}
.calendar_wrap table tr.week_row {height:30px; line-height:30px; background:#f7f7f7;}
.calendar_wrap table tr.days_week {height:130px; font-size:13px;}
.calendar_wrap table tr.days_week td {padding:5px;}
.calendar_wrap table tr th {text-align:center;}




.calendar_wrap table tr td.curr_days { text-align:left; }


.calendar_wrap table tr td.today_days { text-align:left; background-color:#deefcb; }
.calendar_wrap table tr td.today_days strong {font-weight:500; color:#000;}

.calendar_wrap table tr td {border-left:1px solid rgba(0, 0, 0, 0.2); width:13.8%;}
/* .calendar_wrap table tr td:not(:first-child) {width:16%;}
.calendar_wrap table tr td:not(:first-child),.calendar_wrap table tr td:not(:last-child) {width:18%;} */
.calendar_wrap table tr td:first-child {border-left:none;}
.calendar_wrap table tr td:first-child { color: red; *width:4%; }
.calendar_wrap table tr td:last-child { color: blue; }

.calendar_wrap table tr td li {position:relative; display:block; }
.calendar_wrap table tr td li a {display:block; font-size:13px; color:#555; line-height:18px;}
.calendar_wrap table tr td li:hover {background:#edefeb; left:0; right:0;}

.calendar_wrap table tr td.today_days li:hover {background:rgba(0, 0, 0, 0.08);}

.calendar_wrap table tr td li .reserve_time {margin-left:5px; color:#ff5a00;}
.calendar_wrap table tr td li .sms_send a {position:absolute; right:0; top:0; background-color:#61422d; padding:0 5px; color:#fff; font-weight:normal; font-size:12px;}
.calendar_wrap table tr td li .sms_send a:hover { background-color:#ff5a00 !important;}

@media screen and (max-width:999px) {
	.calendar_wrap table tr td li .sms_send {display:none;}

}





/* 고객등록 */
.join_wrap {}
.join_wrap:after {display:block; clear:both; content:''; width:100%;}
.join_wrap {*letter-spacing:-.03em;}
.join_wrap table {width:100%; border-top:1px solid #000; border-collapse:collapse;}
.join_wrap table tr {border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.join_wrap table tr:last-child {border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.join_wrap table tr th {padding:7px 15px; line-height:38px; vertical-align:middle; background:rgba(0, 0, 0, 0.02); color:#4a5341; font-size:14px; font-weight:500;}
.join_wrap table tr td {padding:7px 15px; vertical-align:middle;}
.join_wrap table tr td input {line-height:40px; height:40px; font-size:14px; width:90%;} 

.join_wrap table tr td input.addrzip {width:120px; }
.join_wrap table tr td input.addr {width:49%; margin-top:3px;} 
.join_wrap table tr td label {font-weight:normal;}
.join_wrap table tr td button.win_zip_find {
	padding:0 15px; border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;
	border:none; line-height:40px; outline:none; height:40px; background:#766f6b; color:#fff; 
}
.join_wrap .btns {text-align:center; margin:30px 0 0;}
.join_wrap .btns .ui_btn {line-height:40px; height:42px; background:#0099cc; color:#fff; padding:0 25px; max-width:100%; font-size:14px;} 
.join_wrap .btns .ui_btn:hover {background:#0086b3;}

.join_wrap table tr td input[type=radio], .view_wrap table tr td input[type=checkbox] {*float:left;}
.join_wrap table tr td label {margin:0 20px 0 0; line-height:38px; *height:40px;}
.join_wrap table tr td label:last-child {margin-right:0;}
.join_wrap table tr td select {border:none; line-height:40px; height:40px; padding:0 45px 0 10px; font-size:14px; outline:none;}



/* 약관동의 */
.agree_wrap {margin:15px 0 0; border-width:1px; border-style:solid; border-color:rgba(0, 0, 0, 0.4); background:#f0f3f8; padding:15px 10px; color:#222; font-size:14px; letter-spacing:-0.03em; text-align:center;}
.agree_wrap textarea {background-color:transparent; border-radius:0; -ms-border-radius:0; -webkit-border-radius:0; min-height:100px; color:#666;}
.agree_btn { border-width:1px 0; border-style:solid; border-color:rgba(0, 0, 0, 0.3); background:#f7f7f7; padding:20px 0; color:#666; }
@media screen and (min-width:1024px) {
	.agree_wrap {margin:20px 0 0; padding:20px 15px; font-size:15px;}
}

/* 환경설정 */
.config_wrap input ,.config_wrap select {}
.s_id { display: none; }
.config_wrap .title_text {margin:0 0 10px; }
.config_wrap .title_text p {font-size:14px; color:#666;}

.config_wrap table {width:100%; border-top:1px solid #000; border-collapse:collapse;}
.config_wrap table tr {border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.config_wrap table tr:last-child {border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.config_wrap table tr th {padding:7px 15px; line-height:38px; vertical-align:middle; background:rgba(0, 0, 0, 0.02); color:#4a5341; font-size:14px; font-weight:500;}
.config_wrap table tr td {padding:7px 15px; vertical-align:middle;}
.config_wrap table td {line-height:35px;}
.config_wrap table td input {*width:100%; min-width:100px; color:#555;}
.config_wrap table tr.s_name td input, .config_wrap table tr.s_form td input, .config_wrap table tr.s_info td input {width:100%;}
.config_wrap table tr.s_interval td input {width:100px;}
.config_wrap table tr.s_interval2 td input {width:100px;}
.config_wrap table tr.s_lastdate td input {width:120px;}

.config_wrap table td select {min-width:100px; padding-left:10px; border:none; outline:none; color:#555;}
.config_wrap table td p {color:#555;}
.config_wrap table td span {font-size:13px; color:#999; line-height:35px; margin-left:15px;}

.config_wrap .btns {text-align:center; margin:30px 0 0;}
.config_wrap .btns .ui_btn {font-size:14px; line-height:40px; height:42px; background:#0099cc; color:#fff;} 
.config_wrap .btns .ui_btn:hover {background:#0086b3;}

.config_wrap table.smsform {margin:0 0 30px;}
.config_wrap table.smsform tr:last-child {border-bottom:none; }
.config_wrap table.smsform tr.btns td {padding:20px 0 0;}
.config_wrap table.smsform tr.btns button {
    display:inline-block; min-width:80px; max-width:100px; float: right;
    margin:0; transition:.1s ease-out; text-align:center; border-radius:0; border:1px solid rgba(0, 0, 0, 0.2);
    padding:0 10px; font-size:14px; line-height:33px; height:35px; box-sizing: border-box; cursor: pointer;
	background:#61422d; color:#fff;
}
.config_wrap table.smsform tr.btns:hover button  {background:#3f2a1b;}


/*시술 목록시술 상세*/
.treat_list_wrap {}
.treat_list_wrap table {width:100%; border-top:1px solid #000; border-collapse:collapse;}
.treat_list_wrap table thead {background:#f7f7f7; line-height:30px; font-size:14px; font-weight:500; color:#333; text-align:center;}
.treat_list_wrap table tbody { font-size:14px; color:#777; text-align:center;}
.treat_list_wrap table tr {border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.treat_list_wrap table tr:last-child {border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.treat_list_wrap table tr th {padding:7px 10px; line-height:38px; vertical-align:middle; background:rgba(0, 0, 0, 0.02); color:#4a5341; font-size:14px; font-weight:500;}
.treat_list_wrap table tr td {padding:7px 10px; vertical-align:middle;}

.treat_list_wrap table td input {width:100%; color:#555;}
.treat_list_wrap table td select {width:100%; line-height:35px; height:35px; padding-left:10px; padding-right:30px; border:none; outline:none; color:#555;}
.treat_list_wrap .btns {text-align:center; margin:30px 0 0;}
.treat_list_wrap .btns .ui_btn {line-height:33px; height:35px; background:#61422d; color:#fff; padding:0 25px; max-width:100%; font-size:14px;} 
.treat_list_wrap .btns .ui_btn:hover {background:#3f2a1b;}







@media screen and (max-device-width:999px) and (orientation:portrait) {
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,input,button,textarea {
		font-size:14px; color:#222; font-family:'Nanum Gothic','Malgun Gothic',sans-serif; letter-spacing:-.03em !important; font-weight:normal;
	}
	#header .container .nav ul li a {font-weight:600;}
	.sub_nav ul li a {font-weight:600;}
	.list_wrap table thead {font-weight:500;}
	.btn, .btns a, button {font-weight:600 !important; font-family:'Nanum Gothic' ,sans-serif !important;}
}










/* 수주정보확인 */
.part_wrap {margin:0 -7px;}
.part_wrap .part {width:25%; float:left; padding:0 7px; box-sizing: border-box;}
.part_wrap .sub_title {font-size:17px; margin:0 0 10px; font-weight:bold;}

@media screen and (max-width:1023px) {
	.part_wrap {margin:0;}
	.part_wrap .part {width:50%;    }
	.part_wrap .part:first-child {margin-top:0;}
} 

@media screen and (max-width:767px) {
	.part_wrap .part {width:100%;  padding:0;  margin-top:30px; float:none;} 
} 

.part_sales {width:100%; border:1px solid #aaa; border-collapse:collapse;}
.part_sales caption {position:absolute; height:0; overflow:hidden; font-size:0; visibility: hidden;}
.part_sales thead {display:none;}
.part_sales tbody {text-align:left;}
.part_sales tbody tr {display:block; border-bottom:1px solid rgba(0, 0, 0, 0.2); padding:13px 10px; *cursor:pointer; position:relative;}
.part_sales tbody tr:after {content:''; display:block; clear:both;}
.part_sales tbody tr:last-child {border-bottom:none !important;}

.part_sales tbody td {padding:0 !important; font-size:14px; color:#000; border-bottom:none;}
.part_sales tbody .no {*display:none;}
.part_sales tbody .no.inline {padding:0 10px 0 5px !important; margin-right:10px;}
.part_sales tbody .no.inline:after {content:''; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#aaa;}

.part_sales tbody span.tit {color: #9eb3c0; letter-spacing: -0.03em; padding:0 10px 0 3px; font-size:14px;}
.part_sales tbody span.tit:before {content:'['; display:inline;}
.part_sales tbody span.tit:after {content:']'; display:inline;}
.part_sales tbody .inline {float:left; position:relative; *padding:0 10px 0 5px; *margin-right:5px;}

.part_sales .no,
.part_sales .subject {line-height:25px;}
.part_sales .name,
.part_sales .date,
.part_sales .hit,
.part_sales .code,
.part_sales .text {width:50%; line-height:20px;}
.part_sales .subject a {*font-size:15px; font-weight:bold; color:#222;}
.part_sales .subject a:hover, .part_sales .subject a:focus  {*color:#0f83f2; text-decoration: underline;}

@media screen and (min-width:1024px) {
	.part_sales .subject a {font-size:15px; font-weight:500;}
	.part_sales tbody td {font-size:15px; line-height:20px;}
	.part_sales .no,
	.part_sales .subject {line-height:30px;}
	.part_sales .name,
	.part_sales .date,
	.part_sales .hit,
	.part_sales .code,
	.part_sales .text {line-height:23px;}
	.part_sales tbody span.tit {padding:0 10px 0 3px; font-size:15px;}
} 





.part_wrap .part {*margin:-10px;}
.part_wrap .part:after {display:block; clear:both; content:'';}

.part_wrap .part .box {box-sizing:border-box; padding:0 0 10px;}

.part_wrap .part .item {margin:0; padding:0; background:#fff; border:1px solid #aaa;}
.part_wrap .part .item > dl {display:table; width:100%; padding:0; margin:0; font-size:14px; border-bottom:1px solid #e1e1e1;}
.part_wrap .part .item > dl:last-child {border-bottom:none;}
.part_wrap .part .item > dl > dt {width:100px; margin:0; padding:0; color:#4a5341;  background:rgba(195, 195, 195, 0.1); }
.part_wrap .part .item > dl > dt, .part_wrap .part .item > dl > dd {display:table-cell; vertical-align:middle; padding:9px 0; *background:rgba(255, 255, 255, 0.8);}
.part_wrap .part .item > dl > dt label {font-weight:600; font-size:14px; margin:0; padding-left:15px; color:#495466; cursor:text;}
.part_wrap .part .item > dl > dt label a {color:#1e71c0; font-size:15px;}
.part_wrap .part .item > dl > dt label a:hover, .product_list .item > dl > dt label a:active {color:#0f83f2; text-decoration: underline;}
.part_wrap .part .item > dl > dt span.t {font-size:0;}
.part_wrap .part .item > dl > dd {color:#777; margin:0; word-break:keep-all;}
.part_wrap .part .item > dl > dd span.t {font-size:14px; color:#9eb3c0;  letter-spacing:-0.03em; width:70px; display:table-cell;}
.part_wrap .part .item > dl > dd span.t.no {font-size:0;}
.part_wrap .part .item > dl > dd .percent {display:block; position:relative; height:20px;}
.part_wrap .part .item > dl > dd .percent span.number {position:absolute; left:18px; color:#000; font-size:13px; line-height:20px;}
.part_wrap .part .item > dl > dd .percent progress {width:100%; line-height:20px; height:20px;}
.part_wrap .part .item > dl > dd .percent .percent_box {position:relative;}
.part_wrap .part .item > dl > dd .percent .percent_box span.number {left:4px;}
.part_wrap .part .item > dl > dd > div {display:table; box-sizing:border-box; width:100%; padding:0 15px; margin-bottom:5px; font-size:15px; color:#666; vertical-align:middle;} 
.part_wrap .part .item > dl > dd > div:last-child {margin-bottom:0;}

@media screen and (min-width:1024px) {
	.part_wrap .part .item > dl {font-size:15px;}
	.part_wrap .part .item > dl > dt label {font-weight:500; font-size:15px;}
	.part_wrap .part .item > dl > dd > div {font-size:15px;}
	.part_wrap .part .item > dl > dd span.t {font-size:15px;}
}