@charset "utf-8";

@keyframes blink{
  0% {opacity: 0.3;}
  100% {opacity: 1;}
}
@keyframes blink2{
  0% {opacity: 0.6;}
  100% {opacity: 1;}
}

#multiFileUp {position:absolute !important;z-index:100;height:32px;top:0;left:0; width:75px;cursor:pointer; opacity:0}
.MultiFile {position:absolute !important;z-index:10;height:32px;top:14px; left:22px; width:75px;cursor:pointer; opacity:0}

/* CSS Document */
.statuModibtm:after{content:""; clear: both; display: block}
.notice_view .viewContents img{display:block; margin:20px auto}

/*폰트에서 span사용시 색지정
(span에 단독으로 스타일을 주면 모든 span 태그에 font-weight가 지정되므로 bold는 각각 지정함)_더 두껍게 할 시에는 고유클래스 아래에 지정 */
span.col_r{font-weight: 600; color:#ff1313}
span.col_g{font-weight: 600; color:#0575ff}
span.col_b{font-weight: 600; color:#278ec9}
span.col_o{font-weight: 600; color: #ff7b11}
span.col_p{font-weight: 600; color: #9600ff}
span.col_pk{font-weight: 600; color: #f86b96}
span.col_y{font-weight: 600; color: #ff7f0e}
span.col_bk{font-weight: 600; color:#000}
span.memo{display: inline-block; padding: 1px 5px 0; margin-left: 5px; background: #fff; border-radius: 3px; border:1px solid #ff1313; font-size: 12px; font-weight: 500; color:#ff1313}
span#filecnt{font-weight: 600; color:#ff1313}

/*라디오버튼 기본스타일*/
.radio_item{margin-right: 8px}
input[type="radio"] {width:13px; height:13px; margin:0 5px 2px 0; padding:0; vertical-align:middle}

/* 파일첨부 추가 스타일 */
.write_left{position: relative}
.area_write {height:100px !important}
.upfile_list_area {height:80px !important;border:1px solid #e3e3e3; padding:10px; overflow-y:scroll}
.upfile_list_area .MultiFile-label {line-height:150%; margin:4px 0 0 0}
.upfile_list_area .MultiFile-label:first-child {margin:0}
.upfile_list_area .MultiFile-label a.MultiFile-remove {display:inline-block; padding: 0 10px; background:#ed432d; border-radius: 3px}
.upfile_list_area .MultiFile-label a.MultiFile-remove button {background:none; font-size:10px; color:#fff}
.write_left .write_right{position: absolute; top:5px; right:0}
.newfiledel {background:#aeadad; border:1px solid #838383; color:#fff; font-size:0.917em; line-height:1.545em; padding:2px 0.727em; vertical-align:middle; margin:0; display:inline-block; box-sizing:border-box; border-radius: 4px}
.newfileup{display:block; width: 80px; height: 30px; line-height: 30px; margin-bottom: 5px; border-radius: 3px; background: #7f7f7f; color:#fff; font-weight: 500; font-size: 12px; text-align: center}

/***********포트폴리오***********/
.portfolio_list:after{content:""; clear: both; display: block}
.portfolio_list li {float:left; margin-bottom: 60px; width:405px; height:360px; margin-left:29px; position:relative}
.portfolio_list li > p{ font-size:1.125em; font-weight:500; display:block; margin-top:15px; text-align:center}
.portfolio_list li p:last-child{width:405px; margin:5px auto 0; padding:10px 0 20px; border-bottom:2px solid #dedede}
.portfolio_list li p:last-child span{padding:2px 10px; margin-right:5px; border-radius:50px; background:#3078db; color:#fff}
.portfolio_list .port_photo {border: 1px solid #d9d9d9; width:405px; height:302px; overflow: hidden;  background: #fff}
.portfolio_list .portArea{display: block;  width: 405px; height: 302px; position: relative}
.portfolio_list .portArea>img{width:405px; height:302px}
.portfolio_list .btn_port_more {display: block; width: 100%; height: 100%; background: rgba(76, 76, 76, .7); position: absolute; color: #fff; font-size: 20px; text-align: center; transition: all .4s}
.portfolio_list .btn_port_more a{width:100%; height: 302px; display:block; position:relative; color:#fff}
.portfolio_list .btn_port_more a span{display:block; position:relative; color:#fff;  width:100%}
.portfolio_list .btn_port_more a span.SCHname{padding-top:75px}
.portfolio_list .btn_port_more a span.SCHmore{padding-top:40px}
.portfolio_list .btn_port_more a span.SCHkind{padding-top:40px}
.portfolio_list .btn_port_more a span.SCHicon{position:absolute; bottom:5%; left:35%}
.portfolio_list .btn_port_more {left: 0; top: 320px}
.portfolio_list .port_photo:hover .btn_port_more {left: 0; top: 0}
.portfolio_item {padding: 45px 0 0 0; text-align: center}
.portfolio_item dt {font-size: 20px; font-weight: 400; margin-bottom: 10px}
.portfolio_item dd {font-size: 16px; font-weight: 100; line-height: 1.4}

/***********하단버튼영역***********/
.pageBtn {width:342px; margin:0 auto}
.pageBtn button{width:160px; height:38px; border-radius:2px; color:#fff}
.pageBtn .confirmBtn{background:#2a73cc; float:left; margin-right:15px}
.pageBtn .cancelBtn{background:#616161}
.pageBtn01 {width:228px; margin:0 auto}
.pageBtn01 button{width:228px; height:50px; border-radius:2px; color:#fff}
.pageBtn01 .inquiryBtn{background:#2c73d4 url(../../images/app/inquiry_requesticon.gif) 80% 50% no-repeat}
.pageBtn01 button span{text-align:left; width:100%; display:block; margin-left:55px; font-size:1.571em}
.pageBtn02 {width:342px; float:right; margin-top:-38px}
.user_lst .pageBtn02 {margin-top:0}
.pageBtn02 button{width:160px; height:38px; padding: 0 15px; border-radius:2px; color:#fff; box-sizing: border-box}
.pageBtn02 .refreshBtn{background:#616161 url(../../images/app/viewbtn_ico06.png)  95% center no-repeat; text-align: left; float:left; margin-right:15px}
.pageBtn02 .uploadBtn{background:#2a73cc url(../../images/app/viewbtn_ico05.png)  95% center no-repeat; text-align: left}
.pageBtn03 {width:155px; /*float:right;*/}
.pageBtn03 button{width:68px; height:38px; border-radius:2px; color:#fff}
.pageBtn03 .backBtn{float:left; margin-right:5px; background:url(../../images/app/backBtn.gif) left center no-repeat; font-size:0}
.pageBtn03 .nextBtn{background:url(../../images/app/nextBtn.gif) left center no-repeat; font-size:0}
.pageBtn04 {width:691px; margin:0 auto; margin-bottom:20px}
.pageBtn04 button{width:160px; height:38px; border-radius:2px; color:#fff}
.pageBtn04 .grayBtn{background:#82868b; float:left; margin-right:15px}
.pageBtn04 .blueBtn{background:#2a73cc}
.pageBtn05 {text-align: center; margin-bottom:20px}
.pageBtn05 button{display: inline-block; width:16%; height:38px; margin: 3px; border-radius:2px; color:#fff}
.pageBtn05 button span{display: inline-block; padding:5px 0 5px 30px}
.pageBtn05 .grayBtn{background:#82868b}
.pageBtn05 .blueBtn{background:#2a73cc}
.pageBtn05 .redBtn{background:#ff5926}
.pageBtn05 .view05Btn1 span{background:url(../../images/app/viewbtn_ico01.png) left center no-repeat}
.pageBtn05 .view05Btn2 span{background:url(../../images/app/viewbtn_ico02.png) left center no-repeat}
.pageBtn05 .view05Btn3 span{background:url(../../images/app/viewbtn_ico03.png) left center no-repeat}
.pageBtn05 .view05Btn4 span{background:url(../../images/app/viewbtn_ico04.png) left center no-repeat}
.pageBtn05 .view05Btn5 span{background:url(../../images/app/viewbtn_ico05.png) left center no-repeat}
.pageBtnP {width:100%; margin:25px auto}
.pageBtnP button{width:100%; height:50px; border-radius:5px; color:#474747; background:#fff; border:1px solid #474747}
.pageBtnP button:hover{background:#ef7756; border:1px solid #ef7756; color:#fff}

/***********제작상담***********/
/* 견적및상담요청안내 */
.top_tit {text-align: center; margin-bottom: 30px}
.top_tit .text01 {font-size: 28px; padding-bottom: 35px; background: url(../../images/app/inquiry_topbg.gif) 50% 100% no-repeat; margin-bottom: 20px; font-weight: 500; color: #212121}
.top_tit .text02 {font-size: 16px; line-height:150%}
.contact_info {position:relative; min-height:115px; width:100%; padding: 15px; border:1px solid #dedede; border-radius: 10px; background: #fff8f8 url(../../images/app/inquiry_boxicon.gif) 42px 50% no-repeat; margin-bottom:20px; box-sizing: border-box}
.contact_info .contact_email {border-radius:5px; background:#ee680e url(../../images/app/inquiry_mailicon.gif) 192px 50% no-repeat; width:244px}
.contact_info .contact_email a {display:block; width:100%; height:40px; color:#fff; padding-left:26px; line-height:40px}
.contact_info .contact_sub {margin-left:166px; margin-top:10px}
.contact_info .contact_sub_tit {font-size:1.250em; font-weight:500; margin-bottom:15px}
.contact_info .contact_sub_txt {line-height:150%; background:url(../../images/app/repair_infoblt.gif) 0 8px no-repeat; padding-left:15px}
.contact_wrap .req_input_box {position: relative}
.contact_wrap .req_input_box .esse {position: absolute; right: 0; top: 8px; font-weight: 400; color: #de5011}
.contact_wrap .req_input_wrap .input_file_hidden {position: fixed; left: -9999px; width: 0; height: 0; opacity: 0}
.contact_wrap .blt_h5 {background: url(../../images/app/inquiry_blt.gif) 0 center no-repeat; padding-left:35px; font-size:1.500em; height:28px; line-height:28px; margin-bottom:10px; }
.contact_wrap .req_input_wrap {border-top:2px solid #ccc; border-bottom:2px solid #282828;margin-bottom:30px; padding:15px 5px 5px 5px}
.contact_wrap .req_input_wrap:after {content:""; display: block; clear: both}
.contact_wrap .input_base {border: 1px solid #dbdbdb; position: relative; padding: 0 8px}
.contact_wrap .req_input {border: 0; width: 100%; height: 42px; line-height: 42px; padding: 0; outline: 0}
.contact_wrap .req_select {background: url(../../images/app/arw_select.png) 100% 50% no-repeat}
.contact_wrap .input_tit {font-size: 16px; font-weight: 400; margin: 0 0 10px 0}
.contact_wrap .req_input_wrap dd {margin-bottom:15px}
.contact_wrap .tit1 {color: #de5011}
.contact_wrap .req_input_wrap .fileup {width:220px; height:46px; background:#2a73cc url(../../images/app/inquiry_fileicon.gif) 80% 50% no-repeat; color:#fff; position: absolute; right: -2px; top: -2px; font-size: 16px; padding: 0 40px 0 0; z-index: 10}
.contact_wrap .req_input_wrap .input_file {cursor: pointer}
.contact_wrap .half {width:48.4%}
.contact_wrap .half1 {float: left}
.contact_wrap .half2 {float: right}
.contact_wrap .full {clear: both}
.contact_wrap .req_input_wrap .req_subject {padding: 0; width: 100%; height: 300px; box-sizing: border-box; padding: 12px; line-height: 1.6}
.agree_wrap {margin-bottom: 36px}
.agree_wrap .agree_text .chk_agree {margin: 0; vertical-align: middle}
.agree_wrap .agree_text .btn_agree_view {font-weight:500; color:#000; text-decoration:underline; background: none; padding: 0; display: inline-block; vertical-align: text-bottom}
.agree_wrap .agree_text .btn_agree_view:hover {color: #de5011}
.btn_req_sbm {width:228px; margin:0 auto}
.btn_req_sbm .btn_inquiry {width:228px; height:50px; color:#fff}
.btn_req_sbm .btn_inquiry {background:#2c73d4 url(../../images/app/inquiry_requesticon.gif) 80% 50% no-repeat}
.btn_req_sbm .btn_inquiry span {text-align:left; width:100%; display:block; padding-left:55px; font-size:1.571em; box-sizing: border-box}

/* 견적및상담요청안내-상단안내문구 변경*/
.contact_info2{position:relative; min-height:92px; width:100%; padding: 13px; border:1px solid #dedede; margin-bottom:20px; box-sizing: border-box}
.contact_info2 .info_tit{width: 150px; text-align: center; font-size: 15px; font-weight: 600}
.contact_info2 .info_tit span{display: block; padding-top: 50px; background:url(../../images/app/contact_boxicon.png)  center top no-repeat}
.contact_info2 ul {margin: -50px 0 0 170px}
.contact_info2 ul li {position: relative; padding-left: 15px; margin-bottom: 10px; font-weight: 600}
.contact_info2 ul li:after{content:""; clear: both; display: block; position: absolute; top:5px; left:0; width: 5px; height: 2px; background: #7e7e7e}
.contact_info2 ul li:last-child{margin-bottom: 0}
.contact_info2 ul li span.tit{display: inline-block; padding: 3px 10px; margin-right: 5px; width: 70px; border-radius: 50px; background: #314b6b; text-align: center; color:#fff; font-weight: 500; box-sizing: border-box}
.contact_info2 ul li span.lunch{font-weight: 600; font-size: 12px; color:#5d5d5d}
.contact_info2 ul li:last-child span.tit{background: #acacac}
.contact_info2 .contact_email {position: absolute; top:25px; right:25px}
.contact_info2 .contact_email a {display:block; width:244px; height:40px; background:#ee680e;  border-radius:5px; color:#fff; padding-left:26px; line-height:40px}
.contact_info2 .contact_email a span{display:block; background:url(../../images/app/inquiry_mailicon.gif) 192px 50% no-repeat}

/*개인정보레이어영역*/
.agree_wrap .check_layer {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; background: rgba(0, 0, 0, .7)}
.agree_wrap .check_layer.on {display: block}
.agree_wrap .agree_layer {width: 90%; max-width: 700px; max-height: 650px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: auto; font-family:PTD}
.agree_wrap .agree_layer .tit {font-size:1.714em;  padding:5px 0 25px; margin-bottom:25px; text-align:center; font-weight:500; border-bottom:1px solid #ccc}
.agree_wrap .agree_box {background:#fff; padding:20px}
.agree_wrap .agree_box dl {padding:0; margin-bottom:27px}
.agree_wrap .agree_box dt {text-align:left; background:url(../../images/stay/stay_blt.gif) left 8px no-repeat; font-size:1.286em; margin-bottom:5px; font-weight:500}
.agree_wrap .agree_box dd{padding: 10px; margin-bottom: 15px; border-radius: 5px; background: #f1f1f1; color:#2d2d2d; line-height:160%}
.agree_wrap .agree_box dd:last-child{margin-bottom: 0}

.agree_wrap .btn_cancle {position:absolute; top:25px; right:25px; background: none; padding: 0}
.req_preview {width:100%; margin-top:95px}
.req_preview:after {content:""; clear: both; display: block}
.req_preview .view_box:after{content:""; clear: both; display: block}
.req_preview .view_wrap {width:25%; height:277px; float:left}
.req_preview .view_box {width:278px; height:160px; margin:0 auto; border-top:3px solid #f4f4f4; border-bottom:1px solid #f4f4f4; padding:20px 0}
.req_preview .view_box:hover {border-top:3px solid #ef7756; border-bottom:1px solid #ef7756}
.req_preview .view_box:hover button {background:#ef7756; border:1px solid #ef7756; color:#fff}
.req_preview .view_box .title {font-size:1.429em; font-weight:500; color:#282828; margin-bottom:25px; font-family: 'NSK'}
.req_preview .view_box .subject {color:#4e4e4e; margin-bottom:24px; height:76px; line-height:140%; overflow: hidden}
.req_preview .view_box .req_name {color:#1b1b1b; display:inline}
.req_preview .view_box .req_date {color:#a4a4a4; background: url(../../images/app/inquiry_dateicon.gif) 0 0 no-repeat; float:right; padding-left:20px; padding-bottom:2px}
.req_preview .view_wrap:first-child {margin-left:0}
.req_preview .btn_more_wrap {width:100%; margin:25px auto}
.req_preview .btn_more_wrap .btn_more {width:100%; height:50px; line-height: 50px; margin-top:10px; border-radius:5px; color:#474747; background:#fff; border:1px solid #474747; display:inline-block; text-align: center; box-sizing: border-box}
.req_preview .btn_more_wrap .btn_more:hover {background:#ef7756; border:1px solid #ef7756; color:#fff}
.req_preview .no_request {text-align: center; font-size: 16px; font-weight: 400; padding: 12px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb}

/***********유지보수 요청************/

/*상담시간안내*/
.repair_board .top_info {position:relative}
.repair_board .top_info {min-height:107px; width:100%; padding: 13px; border:1px solid #dedede; border-radius: 10px; background: #fff8f8 url(../../images/app/inquiry_boxicon.gif) 42px 50% no-repeat; margin-bottom:20px; box-sizing: border-box}
.repair_board .top_info > p {border-radius:5px; background:#2a73cc url(../../images/app/repair_infoicon.gif) 192px 50% no-repeat; width:244px; height:40px; line-height:40px}
.repair_board .top_info > p a {display:block; width:218px; height:40px; color:#fff; padding-left:26px; }
.repair_board .top_info dl {margin-left:166px; margin-top:0}
.repair_board .top_info dt {font-size:1.250em; font-weight:500; margin-bottom:10px}
.repair_board .top_info dd {line-height:150%; background:url(../../images/app/repair_infoblt.gif)  0 center no-repeat; padding-left:15px}

/*상담시간안내2*/
.repair_board .top_infobox{position:relative; min-height:92px; width:100%; padding: 13px; border:1px solid #dedede; margin-bottom:20px; box-sizing: border-box}
.repair_board .top_infobox .info_tit{width: 100px; text-align: center; font-size: 15px; font-weight: 600}
.repair_board .top_infobox .info_tit span{display: block; padding-top: 50px; background:url(../../images/app/inquiry_boxicon.png)  center top no-repeat}
.repair_board .top_infobox ul {margin: -65px 0 0 110px}
.repair_board .top_infobox ul li {margin-bottom: 5px; font-weight: 600}
.repair_board .top_infobox ul li:last-child{margin-bottom: 0}
.repair_board .top_infobox ul li span.tit{display: inline-block; padding: 3px 10px; margin-right: 5px; width: 70px; border-radius: 50px; background: #314b6b; text-align: center; color:#fff; font-weight: 500; box-sizing: border-box}
.repair_board .top_infobox ul li span.lunch{font-weight: 600; font-size: 12px; color:#5d5d5d}
.repair_board .top_infobox ul li:last-child span.tit{background: #acacac}
.repair_board .top_infobox .info_step {position: absolute; top:50%; right:30px; margin-top: -20px}
.repair_board .top_infobox .info_step a {display: block; border-radius:5px; background:#2a73cc; width:244px; height:40px; line-height:40px; text-align: center; color:#fff; transition: all .5s}
.repair_board .top_infobox .info_step span{display:inline-block; padding: 0 0 0 30px; background:url(../../images/app/repair_infoicon.png) left center no-repeat}
.repair_board .top_infobox .info_step a:hover{background: #1b4d8a}
.repair_board .repair_step{position: absolute; top:13px; right:13px}
.repair_board .repair_step > p{float: left; margin-left: 10px}
.repair_board .repair_step > p a{display: block; width: 166px; height: 65px; padding: 13px 0; background-repeat: no-repeat; background-position: 12px center; border-radius: 5px; line-height: 140%; font-size: 14px; font-weight: 600; text-align: center; box-sizing: border-box; color:#fff; transition: all .5s}
.repair_board .repair_step > p a span{display: inline-block; padding: 0 0 0 40px}
.repair_board .repair_step > p.infostep1 a{background-color: #ffaa3b; background-image:url(../../images/app/infostep_ico1.png)}
.repair_board .repair_step > p.infostep2 a{background-color: #ff5933; background-image:url(../../images/app/infostep_ico2.png)}
.repair_board .repair_step > p.infostep3 a{background-color: #36a675; background-image:url(../../images/app/infostep_ico3.png)}
.repair_board .repair_step > p.infostep4 a{background-color: #3588ed; background-image:url(../../images/app/infostep_ico4.png)}
.repair_board .repair_step > p.infostep5 a{background-color: #ffaa3b; background-image:url(../../images/app/infostep_ico5.png)}
.repair_board .repair_step > p.infostep6 a{background-color: #ff5933; background-image:url(../../images/app/infostep_ico6.png)}
.repair_board .repair_step > p.info_ani{animation: blink2 0.5s ease-in-out infinite alternate}
.repair_board .repair_step > p a:hover{background-color: #293545}

/*검색영역*/
.mid_info {width:auto; height:60px; border:1px solid #dedede; border-bottom: 2px solid #dedede; position:relative; margin-bottom:20px; padding:0}
.mid_info ul:after {content:""; clear: both; display: block}
.mid_info ul {margin-top:24px; margin-left:10px}
.mid_info ul li {float:left; background:url(../../images/app/repair_bar.gif)  0 center no-repeat; padding:0 15px; height:15px}
.mid_info ul li:first-child {background:none}

/*검색영역_검색폼*/
.mid_search {width:100%}
.statuModiBox:after {content:""; clear: both; display: block}
.select_area03 {width:100%}
.select_area03 .selectCon {float:left; width:39%; margin-right:10px}
.select_area03 .viewBtnCon {float:left}
.select_area03 .selectCon .search {width:100%; height:38px; border:1px solid #e3e3e3; padding-left:10px; background: url(../../images/app/btn_arrow.gif) 95% 50% no-repeat}
.select_area03 .searchTxt {width:100%; height:34px; border:1px solid #e3e3e3}

/*게시물현황,리스트보기영역*/
.list_box {position:relative; margin-bottom:10px}
.list_box .left_box:after {content:""; clear: both; display: block}
.list_box .left_box {padding:13px 0}
.list_box .left_box p {float:left; margin-right:15px}
.list_box .left_box p span {color:#d83030}
.list_box .left_box p.totalnum{padding-left:20px; background: url(../../images/app/repair_totalicon.gif) no-repeat left 1px}
.list_box .right_box p {padding-bottom:13px}

/*셀렉트박스*/
.selectArea{position: relative; padding:0 50px 0 70px; margin-top: -38px}
.selectArea .selecline{background: #00f}
.selectArea .selectCon{float: left}
.sel_type1 .selectArea .selectCon{width: 50%}
.sel_type2 .selectArea .selectCon{width: 25%}
.selectArea .selectCon select {width: 99%; position: relative; border:1px solid #e3e3e3; height: 38px; padding-left:10px; box-sizing: border-box; background: url(../../images/app/btn_arrow.gif) no-repeat 95% center #fff}
#viewBtn {position: absolute; top:0; right:0; height:38px; width:50px; background:#5c6774; color:#fff}
.selectCon.tb_seltype{margin-top:10px}
.selectCon.tb_seltype select{height: 41px; background: url(../../images/app/btn_arrow.gif) no-repeat 98% center #fff}

/*목록 하단 유지보수 처리상태*/
.btn_state .statuModiBox{float: none}
.btn_state .statuModiBox:after {content:""; clear: both; display: block}
.btn_state .selectArea03 .selectCon {float:left}
.btn_state .selectArea03 .selectCon .stat {width:157px; height:38px; border:1px solid #e3e3e3; margin-right:6px; padding-left:10px; background: url(../../images/app/btn_arrow2.gif) no-repeat 95% center #fff}
.btn_state .selectArea03 .reservDate {width:157px; height:34px; border:1px solid #e3e3e3; margin-right:6px; padding-left:10px}
.btn_state .selectArea03 .grayBtn {position: relative; top:0; left:0; height:38px; width:68px; background:#5c6774; color:#fff; border-radius:2px}
.btn_state .selectArea03 .delBtn{position: relative; top:0; left:0; height:38px; width:68px; margin-left:2px; background:#f65535; color:#fff; border-radius:2px}

/*유지보수 리스트영역*/
.repair_table table {table-layout:auto; border-collapse:collapse; width:100%; margin-bottom:20px}
.repair_table thead th {color:#000; line-height:130%; height:57px; text-align:center; vertical-align:middle;font-size:14px;border-bottom:1px solid #d0d7dc;  background:#314b6b url(../../images/app/repair_bar02.gif)  right center no-repeat; font-weight: 500; color:#fff}
.repair_table thead th span{font-size: 13px}
.repair_table .none_bg {background-image:none}
/* .repair_table .none_bg_pc {background-image:none} */
.repair_table tbody td {background:#fff;  color:#4d4d4d; line-height:150%;height:47px; padding: 5px 0; text-align:center; vertical-align:middle; border-bottom:1px solid #d0d7dc}
.repair_table tbody td a:hover{font-weight: 600; text-decoration: underline }
.repair_table .addfile {padding: 5px 0 5px 25px; background: url(../../images/app/repair_fileicon.gif) no-repeat left center; color:#bdbdbd}
.repair_table .title_cell {text-align:left}
.repair_table .title_cell a span{color:#ff4545}
.repair_table .title_bg {background:#f8f8f8}
.repair_table .reserve {color:#953fe5; font-weight: 600; font-size: 12px}
.repair_table .finish {color:#43b548; font-weight: 600}
.repair_table .notice {background:#efefef}
.repair_table .notice.notice_ico span{display:block; width:100%; height:25px; background: url(../../images/app/repair_noticeicon.png) no-repeat center center; animation: blink 0.5s ease-in-out infinite alternate}
.repair_table .notice img {margin-left:10px}
.repair_table .notice_cell {text-align:left; padding-left:15px}
.repair_table table .numcell{width:6%}
.repair_table table .orgcell{width:10%}
.repair_table table .statucell{width:3%}
.repair_table table .divcell{width:5%}
.repair_table table .typecell {width:85px; letter-spacing:-1px}
.repair_table table .titcell{width:auto}
.repair_table table .filecell{width:5%}
.repair_table table .startcell{width:9%}
.repair_table table .endnumcell{width:8%; background-image:none}
.repair_table table .namecell{width:7%}
.repair_table table span.endtime{font-size: 11px; color:#878787}
.repair_table .person_lst li{font-size: 12px}
.repair_table .person_lst li span{position: relative; display: inline-block; width: 40px; padding-left: 10px; text-align: left; font-weight: 600; color:#000}
.repair_table .person_lst li span::after{content:""; clear: both; display: block; position: absolute; top:8px; left:0; width: 3px; height: 3px; background: #959595}
.repair_table .numtype{padding: 5px 3px; font-family: PTD; text-align: center}
.repair_table .stxt_type{font-size: 13px; letter-spacing:-0.7px}
.repair_table .stxt_type span.editday{font-size: 12px; color:#ff310f}
.repair_table .notice_cell span.renew{display:inline-block; margin-left:7px; width:26px; height:11px; background: url(../../images/app/repair_new.gif) no-repeat right center}
.user_lst .repair_table thead th.namecell{background-image:none}
.repair_table .stxt_type span.todayrq{color:#3281f8}
.repair_table .notice_cell a span{color:#eb1616; font-weight:600}
.repair_table .notice_cell a span.col_bk{color:#000; font-weight:600}

/*유지보수 상태역역 컬러*/
.state {border-radius:100px; width:53px; height:23px; line-height:23px; display:block; margin:0 auto; color:#fff; font-size: 12px}
.statu01 {background:#3281f8}/*대기*/
.statu02 {background:#ff4627}/*접수*/
.statu03 {background:#c2c2c2}/*취소*/
.statu04 {background:#43b548}/*완료*/
.statu05 {background:#953fe5}/*예정*/
.statu06 {background:#076628}/*신규완료*/
.statu07 {background:#ff9d10}/*검토중*/
.repair_view .state {margin:0; text-align:center; float:left; margin-right:20px}

/*페이지 리스트영역*/
.page_list {width:100%; margin:30px 0; padding-bottom:38px; background:url(../../images/app/subtop_bgline.gif) repeat-x center bottom; text-align:center}
.page_list a{display:inline-block; width:32px; height:32px; color:#4c4c4c; line-height:32px; text-align:center; vertical-align:top; position: relative; margin: 0 2px 0 2px}
.page_list a:hover {text-decoration:underline}
.page_list a.current_page {color:#3fa5e9; font-weight:600; font-style:italic; border-bottom:2px solid #3fa5e9}

/*유지보수_처리상태*/
.btn_state {padding-bottom:20px; margin-bottom:30px; position:relative}
.statuModiBox{float: right}
.selectArea02{position: relative; padding-right: 73px}
.selectArea02.sel_type3 .selecline{background: #00f}
.selectArea02 .selectCon .stat {width: 110px; height:38px; border:1px solid #e3e3e3; padding-left:10px; background: url(../../images/app/btn_arrow.gif) 96% 50% no-repeat; box-sizing: border-box}
.selectArea02 .reservDate {width: 110px; height:38px; border:1px solid #e3e3e3; padding-left:10px; box-sizing: border-box}
.statuModiBox .grayBtn {position: absolute; top:0; right:0; height:38px; width:68px; background:#1986e3; color:#fff; border-radius:2px}

/*공지등록하기버튼*/
.noticeBTNbox {width:161px; height:38px; background:#2a73cc url(../../images/app/viewbtn_ico05.png)  128px center no-repeat; border-radius:2px; position:absolute; top:22px; right:0}
.noticeBTNbox>p a {width:139px; height:38px; display:block; color:#fff; line-height:38px; padding-left:22px}

/***********유지보수 요청_글쓰기************/
.sch_info .sch_name{position: relative; padding-bottom: 15px; border-bottom: 2px solid #ff4b2d; text-align: center; color:#000}
.sch_info h4 {margin-bottom: 10px; font-size:23px; font-weight: 600}
.sch_info h4 a:hover{text-decoration: underline}
.sch_info p {color:#626262; font-weight: 600}

/*서비스 현황*/
.repstate_table {border:1px solid #dedede; border-top:none; height:auto; margin-bottom:20px}
.repstate_table table {width:100%}
.repstate_table table tbody th {line-height:150%; height:18px; padding:10px 10px 5px; text-align:center;  vertical-align:middle;font-size:14px; width:10%; border-left:1px solid #dedede}
.repstate_table table tbody td {line-height:150%; height:18px; padding:5px 10px 10px; text-align:center; vertical-align:middle; width:10%; border-left:1px solid #dedede}
.repstate_table table tbody th.exwid{width:7%}
.repstate_table table tbody td.exwid{width:7%}
.repstate_table table tbody .span {color:#d83030}
.repstate_table table tbody .bdr_none {border-left:none}
.repstate_table table tbody .bdr_none {border-left:none}
.repstate_table table .repair_state{position: relative}
.repstate_table table .repair_state .rep_pid{position: relative; color:#000}
.repstate_table table .repair_state .rep_pid::after{display: block; clear: both; content: ""; position: absolute; top:-12px; left:50%; margin-left: -4px; width: 9px; height: 5px; background:url(../../images/app/period_arw.png)left center no-repeat}
.repstate_table table .repair_state .period_box{position: absolute; top:24px; left:50%; display: none; width: 160px; padding: 5px; margin-left: -80px; border-radius: 5px; border:2px solid #ff4b2d; background: #fff; box-shadow:0 2px 2px rgba(0,0,0,0.1);  box-sizing: border-box; z-index: 10}
.repstate_table table .repair_state .period_box span{display: block; border-radius: 3px; background: #ff4b2d; margin-bottom: 5px; color:#fff}
.repstate_table table .repair_state:hover .period_box{display: block}
.write_box .writinTOP:after {content:""; clear: both; display: block}
.write_box .writinTOP h5 {background: url(../../images/app/inquiry_blt.gif) 0 center no-repeat; padding-left:35px; font-size:1.500em; height:28px; line-height:28px; float:left}
.write_box .writinTOP .pftop {float:right; margin-top: 15px; color:#e44141}
.writinformTable table {table-layout:auto; border-collapse:collapse; width:100%; margin-bottom:20px; margin-top:10px; border-top:2px solid #646464; border-bottom:2px solid #646464}
.writinformTable table tbody th{vertical-align: middle; background:#e9e9e9; color:#000; line-height:150%; height:57px; line-height:160%; text-align:left;  font-size:1.1em; border-bottom:1px solid #dedede; width:180px}
.writinformTable table tbody td {background:#fff; color:#4d4d4d; line-height:150%; vertical-align:middle; border-bottom:1px solid #dedede; padding:10px; margin:5px 0}
.writinformTable table tbody th span{padding-left: 25px; margin-left: 17px}
.writinformTable .needcheck span{background: url(../../images/app/check_icon.gif) 0 center no-repeat}
.writinformTable .fileup{width:105px; height:33px; background:#2a73cc; color:#fff; border-radius:2px; margin-bottom:10px}
.writinformTable table tbody td .writin{border:1px solid #e3e3e3; width:50%; height:41px; box-sizing: border-box}
.writinformTable table tbody td .writin50{border:1px solid #e3e3e3; width:49.5%;  height:41px; margin-bottom:10px; padding-left:0.5%; box-sizing: border-box}
.writinformTable table tbody td .writin03{border:1px solid #e3e3e3; width:100%; height:41px; box-sizing: border-box}
.writinformTable table tbody td .writin04{border:1px solid #e3e3e3; width:100%; height:300px; padding:10px; box-sizing: border-box}
.writinformTable .other_write{margin-top: 10px; background: #f1f1f1}
.writinformTable .other_write .parps{display: block; padding: 7px; background: #3c3e43; text-align: center; color:#fff}
.writinformTable .other_write .parps span{display: inline-block; padding-left: 18px; background: url(../../images/app/other_use.png) 0 center no-repeat}
.writinformTable .other_write .other_input{padding: 10px}
.writinformTable .other_write .other_input > p{float: left; width: 50%}
.writinformTable .other_write > span{display: block; padding:5px; background:#d8d8d8}
.writinformTable .other_write .other_input input{width: 99%; margin: 0 auto}
.writinformTable .notitxt{padding: 5px; background: #f1f1f1; color:#000}

/***********유지보수 요청_신청화면************/
/*신청화면*/
.repair_view { margin-top:15px; position:relative; margin-bottom:23px; background:url(../../images/app/subtop_bgline.gif) repeat-x center bottom; padding-bottom:20px}
.repair_view .view_tit {position: relative; background:#314b6b; line-height:170%; padding:15px; font-weight: 600; font-size: 14px; color:#fff}
.repair_view .view_tit .state{margin-right: 8px}
.repair_view.notice_view .view_tit{padding:15px 15px 15px 67px}
.repair_view.notice_view .view_tit .notice.notice_ico{position: absolute; left:15px; top:13px; display:block; width:45px; height:25px; background: url(../../images/app/repair_noticeicon.png) no-repeat center center}
.viewArea {/*height:100%;*/ position:relative; margin-top: 13px}
/* .viewBody {width:76%} */
.viewBody .viewContents{padding:20px 20px 50px 20px; line-height:160%; font-size: 14px; word-break:break-all}
.viewBody .viewFile:after{content:""; clear: both; display: block}
.viewBody .viewFile{min-height: 40px; border:1px solid #e0e0e0; background:#f1f1f1; height:auto; position:relative}
.viewBody .viewFile p.file_tit{width:118px; text-align:center; position:absolute; top:50%; height:28px; margin-top:-16px; line-height: 130%}
.viewBody .viewFile p.file_tit span{display: block; font-size: 11px}
.viewBody .viewFile ul{min-height: 40px; margin-left:118px; border-left:1px solid #e0e0e0; padding:10px 0 10px 0; background:#fff; box-sizing: border-box; ; word-break:break-all}
.viewBody .viewFile ul li{background:url(../../images/app/viewfile_icon.gif) 15px 5px no-repeat; padding-left:35px; padding-right:10px; margin-bottom: 5px; line-height:160%}
.viewBody .viewFile ul li:last-child{margin-bottom: 0}
.viewBody .viewFile ul li .downBtn{background:#599622; width:68px; height:17px; line-height:17px; color:#fff; border-radius:5px; margin-left:5px; font-size: 12px}
.viewBody .viewFile .full_btn {position: absolute; bottom:0; right:0}
.viewBody .viewFile .full_btn .downBtn{padding: 5px 7px; border-radius: 10px 0 0 0; background: #656a70; color:#fff; transition: all .5s}
.viewBody .viewFile .full_btn .downBtn span{display: block; padding:5px 30px 5px 5px; background:url(../../images/app/ico_fullbtn.png) right center no-repeat}
.viewBody .viewFile .full_btn .downBtn:hover{background: #363f49}
.viewPerson{border:1px solid #e0e0e0; margin-top:15px}
.viewPerson div.Person01{padding:20px; border-bottom:1px solid #e0e0e0; height:100%; box-sizing:border-box; word-break:break-all}
.viewPerson div.Person01 dt{font-size:1.125em; padding:5px 0 15px; border-bottom:1px solid #e0e0e0; text-align:center; font-weight:600; margin-bottom:15px}
.viewPerson div.Person01 dd{min-height:20px; background: url(../../images/app/repair_infoblt.gif) 2px 6px no-repeat; padding-left:15px; margin-bottom: 8px; line-height:130%}
.viewPerson div.Person01 dd:last-child{margin-bottom: 0}
.viewPerson div.Person01 dd span{display:block}
.viewPerson div.Person01 dd span.tit{width: 55px; font-weight: 600}
.viewPerson div.Person01 dd span.txt{min-height:20px; margin:-17px 0 0 52px; letter-spacing:-0.7px}
.viewPerson div.Person01 dl.request_info{margin-top: 10px; padding: 5px; background: #f1f1f1}
.viewPerson div.Person01 dl.request_info dt{background:#3c3e43; border-bottom: none; padding: 5px; margin-bottom:7px; color:#fff; font-size: 13px}
.viewPerson div.Person01 dl.request_info dd{position: relative; background:none}
.viewPerson div.Person01 dl.request_info dd:after{content:""; clear: both; display: block; position: absolute; top:7px; left:3px; width: 5px; height: 2px; background: #7e7e7e}
.viewPerson div.Person02:after{content:""; clear: both; display: block}
.viewPerson div.Person02{position: relative; background:#656a70; color:#fff; padding:10px; line-height: 150%}
.viewPerson div.Person02 dt{ margin-bottom: 10px; padding-bottom: 7px; border-bottom: 1px solid #ccc; text-align:center}
.viewPerson div.Person02 dd ul li{font-weight: 400; color:#e5e6e6}
.viewPerson div.Person02 dd ul li span{position: relative; display:block}
.viewPerson div.Person02 dd ul li span.tit{width: 80px; padding-left: 10px; color:#fff}
.viewPerson div.Person02 dd ul li span.tit::after{content:""; clear: both; display: block; position: absolute; top:8px; left:0; width: 3px; height: 3px; background: #cecfd1}
.viewPerson div.Person02 dd ul li span.txt{min-height:20px; margin:-19px 0 0 72px}


.qna_area{background:#f2f2f2 url(../../images/app/qna_bg.png) 13px 7px no-repeat; border:1px solid #dedede; padding:10px 10px 10px 174px; margin-bottom:15px}
.qna_area ul li{position: relative;line-height:160%; border-bottom:1px solid #d0d0d0; padding:10px 0}
.qna_area ul li:last-child{border-bottom: none}
.qna_area ul li .adm_info{padding-left: 23px; background: url(../../images/app/qna_icon02.png) left 1px no-repeat}
.qna_area ul li .use_info{padding-left: 23px; background: url(../../images/app/qna_icon01.png) left 1px no-repeat}
.qna_area ul li > p span{display: inline-block}
.qna_area ul li > p span.name{margin-right: 7px; font-weight: 600}
.qna_area ul li > p span.time{font-size: 12px; color:#848484}
.memo_area{background:#fff8f8 url(../../images/app/memo_bg.png) 13px 7px no-repeat; border:1px solid #dedede; padding:10px 10px 10px 174px}
.memo_area ul li{position: relative;line-height:160%; border-bottom:1px solid #d0d0d0; padding:10px 0}
.memo_area ul li:last-child{border-bottom: none}
.memo_area ul li .adm_info{padding-left: 23px; background: url(../../images/app/qna_icon03.png) left 1px no-repeat}
.memo_area ul li > p span{display: inline-block}
.memo_area ul li > p span.name{margin-right: 7px; font-weight: 600}
.memo_area ul li > p span.time{font-size: 12px; color:#848484}
.message_text{float:left; width:87.5%; height:39px}
.blackBtn{width:120px; height:51px; border-radius:2px; color:#fff; background:#37475a}
.memo_area .delBtn{width:30px; height:15px; line-height:15px; border-radius:5px; color:#fff; background:#d85050; margin-left:10px; font-size: 11px}
.qna_area .delBtn{text-indent: 0; width:30px; height:15px; line-height:15px; border-radius:5px; color:#fff; background:#d85050; margin-left:10px; font-size: 11px}

/* 서비스 신청 */
.request_service .rs_top_area {background: url(../../images/app/request_service_bg.jpg) 50% 0 no-repeat; padding: 30px 12px}
.request_service .top_tit {text-align: center; color: #fff; margin-bottom: 18px}
.request_service .top_tit span {display: block; font-weight: 400}
.request_service .top_tit .eng {font-weight: 500; font-size: 20px; font-style: italic; opacity: .7; margin-bottom: 10px}
.request_service .top_tit .kor {font-size: 18px; line-height: 1.4}
.request_service .top_tit strong {font-weight: 400; color: #fffa68}
.request_service .top_txt {color: #fff; text-align: center; line-height: 1.4; padding: 0 25px; margin-bottom: 18px}
.request_service .top_serviinfo {border: 1px solid #fff;border-radius: 10px}
.request_service .top_serviinfo .info_list {padding: 20px; position: relative}
.request_service .top_serviinfo li {color: #fff; font-size: 16px; text-align: center; line-height: 1.6}
.request_service .top_serviinfo li:nth-child(1) span {background: url(../../images/app/request_service_ico02.png) 0 50% no-repeat}
.request_service .top_serviinfo li:nth-child(3) span {background: url(../../images/app/request_service_ico01.png) 0 50% no-repeat}
.request_service .top_serviinfo li:nth-child(2) {font-size: 12px; margin-top: 4px}
.request_service .top_serviinfo li:nth-child(1) span,
.request_service .top_serviinfo li:nth-child(3) span {padding-left: 26px; background-size: 20px 20px; display: inline-block}
.request_service .requset_box {background: #f9f9f9; border: 1px solid #e8e8e8; padding: 12px 12px 30px 12px}
.request_service .form_row {width: 100%; max-width: 900px; margin: 0 auto}
.request_service h4 {text-align: center; padding: 25px 0; font-weight: 600; font-size: 20px; color: #282828}
.request_service .input_box {border: 1px solid #ddd; margin-top: 15px}
.request_service .input_box dl {position: relative}
.request_service .input_box dt {background: #314b6b; text-align: center; padding: 12px 0; font-weight: 400; color:#fff}
.request_service .input_box dd {padding: 5px; background: #fff}
.request_service .service_list {padding: 5px 10px 10px 10px}
.request_service .service_list li {margin-top: 6px}
.request_service .input_box input[type=text] {border: 0; background: none; width: 100%; line-height: 2.4; padding: 0; margin: 0}
.request_service .input_box textarea {border: 0; background: none; width: 100%; line-height: 1.4; padding: 10px; margin: 0; box-sizing: border-box}
.request_service .bottom_box {padding: 25px 0; text-align: center; line-height: 1.3}
.request_service .view_protect {padding: 15px 0}
.request_service .view_protect button {font-weight: 400; background: none; text-decoration: underline}
.request_service .view_protect:hover button {color: #ce322c}
.request_service .text_line2 {font-size: 15px}
.request_service .chk_agree {padding: 20px 0}
.request_service .chk_agree label {color: #282828; font-weight: 400}
.request_service .smt_btn {width: 80%; max-width: 360px; background: #ce322c; margin: 0 auto}
.request_service .smt_btn button {width: 100%; background: none; text-align: center; display: block; padding: 10px 0; font-size: 18px; color: #fff}
.request_service .input[type="checkbox"] {vertical-align: top}
.request_service .input_box_sub {text-align: right; padding-top: 10px; line-height: 1.3}
.request_service .btn_wrap {padding: 30px 0 10px 0; text-align: center}
.request_service .btn_wrap button {text-align: center; width: 130px; padding: 9px 0; font-size: 15px}
.request_service .btn_wrap .btn_submit {color: #fff; background: #ce322c; border: 1px solid #ce322c}
.request_service .btn_wrap .btn_cancle {color: #333; background: #fff; border: 1px solid #ddd}
.request_service .inquiry {width: 100%; max-width: 980px; margin: 0 auto}
.request_service .inquiry .scroll_txt {text-align: right; padding-right: 12px; margin-bottom: 10px; font-weight: 400; color: #ce322c; background: url(../../images/app/scroll_arw.gif) 100% 50% no-repeat; display: none}
.request_service .inq_tbl {width: 100%; border-top: 2px solid #143883; min-width: 800px}
.request_service .inq_tbl th {font-size: 15px; font-weight: 400; color: #143883; border-bottom: 1px solid #143883; background: #fafcfd; padding: 16px 10px; vertical-align: middle}
.request_service .inq_tbl td {font-size: 15px; border-bottom: 1px solid #ddd; background: #fff; vertical-align: middle; line-height: 1.3; padding: 16px 10px; color: #676767}
.request_service .inq_tbl .al_center {text-align: center}
.request_service .inq_tbl .srv_list {padding: 0 10px}
.request_service .inq_tbl .srv_list li {padding-left: 10px; background: url(../../images/app/li_blt02.gif) 0 8px no-repeat}
.request_service .inq_tbl .state {display: block; width: 120px; text-align: center; margin: 0 auto; padding: 6px 0; color: #fff;border-radius: 5px}
.request_service .inq_tbl .state01 {background: #929292}
.request_service .inq_tbl .state02 {background: #eb8c5e}
.request_service .inq_tbl .state03 {background: #569ee8}
.request_service .inq_tbl .state04 {background: #4d4949}
.request_service .inq_tbl .state05 {background: #569338}
.request_service .inq_tbl .state06 {background: #eb5e5e}
.service_layer {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2000; min-width: 320px; display: none}
.service_layer.layer_bg {background: rgba(0, 0, 0, .8)}
.service_layer .service_layer_content {position: absolute; left: 50%; top: 50%; width: 90%; max-width: 380px; max-height: 80%; background: #fff; overflow-y: auto;transform: translate(-50%, -50%)}
.service_layer_content_wrap {padding: 20px}
.service_layer_content_wrap .layer_tit {text-align: center; border-bottom: 1px solid #b5c4f1; margin-bottom: 20px}
.service_layer_content_wrap .layer_tit h4 {font-weight: 500; font-size: 20px; padding: 30px 0 14px 0}
.service_layer_content_wrap .close_btn {position: absolute; right: 25px; top: 25px}
.service_layer_content_wrap .close_btn button {width: 20px; height: 20px; display: block; background: url(../../images/app/layer_close_btn.png) 0 0 no-repeat}
.protect_layer {padding: 20px}
.protect_layer dl {margin-top: 27px}
.protect_layer dl:first-child {margin-top: 0}
.protect_layer dt {font-size: 18px; font-weight: 500; color: #333; margin-bottom: 5px}
.protect_layer dd {line-height: 1.6}


/*================================================================ MOBILE LAYOUT ================================================================*/
@media only screen and (max-width:767px) {
.repair_table table .orgcell{width:20%}

/***********유지보수 요청_글쓰기************/
.repstate_table, .repair_board .repair_step{display: none}
.write_box{margin-top: 15px}
.sch_info h4 { font-size:20px}
.sch_info .sch_name{margin-bottom: 15px}
    
/*상담시간안내2*/
.repair_board .top_infobox{padding: 10px}
.repair_board .top_infobox .info_tit{width: 100%; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccc; font-size: 14px}
.repair_board .top_infobox .info_tit span{display: inline-block; padding:5px 0 5px 35px; background-size: 25px 21px; background-position: left center}
.repair_board .top_infobox ul {margin: 0}
.repair_board .top_infobox ul li span.tit{width: 60px}
    
/***********제작상담***********/
/* 견적및상담요청안내 */
.top_tit .text01 {font-size: 20px}
.top_tit .text02 {font-size: 14px}
.top_tit .text02 br{display:none}
.contact_wrap .input_tit {font-size: 14px; margin-bottom: 6px}
.contact_wrap .half {width: 100%}
.contact_wrap .req_input {height: 28px; line-height: 28px}
.contact_wrap .req_input_wrap .fileup {height: 32px; font-size: 14px; width: 100px; background-image: none; padding: 0}
.contact_wrap .req_input_wrap .req_subject {height: 160px}
.btn_req_sbm {width: 160px}
.btn_req_sbm .btn_inquiry {background-image: none; width: 160px; height: 38px}
.btn_req_sbm .btn_inquiry span {font-size: 16px; margin: 0; padding:0; text-align: center}
.req_preview {height:278px; overflow:hidden}
.req_preview .view_wrap {width:50%; overflow:hidden}
.req_preview .view_wrap .view_box{width:278px; height:247px; margin:0 auto; border-top:3px solid #f4f4f4; border-bottom:1px solid #f4f4f4; padding:20px 0; overflow:hidden}
.agree_wrap .agree_layer .tit {font-size: 22px}
/*.agree_wrap .agree_box dl {padding: 0 36px}*/
.agree_wrap .agree_box dt {font-size: 16px}

/*********유지보수 요청********/
/*상담시간안내*/
.top_info {background-image:none; height:auto; padding-bottom:20px}
.top_info > p{position:absolute; top:39px ; right:38px}
.top_info dl{margin-left:26px}

/*게시물현황,리스트보기영역*/
.list_box {height:31px; position:relative; margin-bottom:57px}
.list_box .left_box {padding-top:13px; margin-bottom:13px}
.list_box .left_box p {margin-right:5px}

/*유지보수 리스트영역*/
.repair_table table .none_mobile {display:none}
.repair_table table thead th span{display:none}
.repair_table table tbody .title_cell {padding:3px}
.repair_table table thead .NONborder{background-image:none}
.repair_table table thead .nonebgMOBILE{background-image:none}
.repair_table table thead .fixwidth{width:79px}
span.state{width:45px; height:23px; line-height:23px; display:block; margin:0 auto; color:#fff}
.repair_table table .statucell{width:10%}
.repair_table table .titcell{background-image:none}
.sel_type2 .selectArea{padding:0; margin:0 0 30px}
.sel_type2 .selectArea .selectCon{width: 25%}
.sel_type2 #viewBtn{position: relative; right:0; top:0; margin-top:5px; width:100%; }
#subRight.swide .repair_table{margin-top:140px}

/***********유지보수 요청_신청화면************/
/*신청화면*/
.viewBody .viewFile p.file_tit{top:6px; margin-top:0}

/*********유지보수 요청_글쓰기********/
.write_box .writinTOP h5{float: none}
.write_box .writinTOP .pftop{float:none; margin-top:5px}

/*MOBOLE서비스 현황*/
.pc_area {display:none}
.mbl_area {display:block; border:1px solid #dedede; height:auto; margin-bottom:15px}
.mbl_area  table{width:100%;padding-bottom:20px; padding-top:20px}
.mbl_area  table tbody th{line-height:150%; height:18px; padding:10px 13px; text-align:center;  vertical-align:middle;font-size:13px; width:10%; border-left:1px solid #dedede}
.mbl_area  table tbody td{line-height:150%; height:18px; padding:10px 13px; text-align:center; vertical-align:middle; width:10%; border-left:1px solid #dedede}
.mbl_area  table tbody td.span{color:#d83030}
.mbl_area table tbody .bdr_none {border-left:none}
.mbl_area table tbody .bdr_none {border-left:none}
.mbl_area  table.BottomBorder{ border-bottom:1px solid #dedede}
.writinformTable table tbody th{width:20%; padding-left:0; font-size: 1.0em; text-align: center}
.writinformTable table tbody th span{margin-left:0}
.writinformTable table tbody th.needcheck span{background:none; padding-left:0; margin-left:0}
.writinformTable table tbody td .writin50{width:100%;  height:41px; margin-right:0; margin-bottom:10px}
.writinformTable table tbody td .writin{width:100%}
.writinformTable .other_write .other_input > p{float: none; width: 100%; margin-bottom: 5px}
.writinformTable .other_write .other_input > p:last-child{margin-bottom: 0}
.writinformTable .other_write .other_input input{width: 100%}

/*일괄다운*/
.viewBody .viewFile .full_btn {position: relative}
.viewBody .viewFile .full_btn .downBtn{display: block; width: 100%; border-radius:0}

/*하단버튼영역*/
.statuModiBox{float: right}
.pageBtn {width:100%; margin:0 auto}
.pageBtn button {width:100%; height:38px; border-radius:2px; color:#fff}
.pageBtn .confirmBtn {background:#2a73cc; float:none; margin-right:0; margin-bottom:15px}
.pageBtn .cancelBtn {background:#616161}
.pageBtn02 {width:100%; float:none; margin:0 auto}
.pageBtn02 button{width:100%; height:38px; border-radius:2px; color:#fff}
.pageBtn02 .refreshBtn{float:none; margin-right:0}
.btn_modi:after{content:""; clear: both; display: block}
.pageBtn04 {width:100%; margin:0 auto; margin-bottom:20px; text-align:center}
.pageBtn04 .view04Btn {margin-bottom:5px}
.pageBtn04 .grayBtn {margin-right:0; width:20%; display:inline-block; float:none; margin-right:10px}
.pageBtn04 .blueBtn {width:20%}
.pageBtn05 button span{padding:0}
.pageBtn05 .view05Btn1 span{background: none}
.pageBtn05 .view05Btn2 span{background: none}
.pageBtn05 .view05Btn3 span{background: none}
.pageBtn05 .view05Btn4 span{background: none}
.pageBtn05 .view05Btn5 span{background: none}
    
/*신청화면*/
.repair_view {margin-top:10px; border-top:2px solid #646464; position:relative; margin-bottom:23px; background:url(../../images/app/subtop_bgline.gif) repeat-x center bottom; padding-bottom:20px}
.viewBody {width:100%}

/*유지보수_처리상태*/
.btn_state {padding-top:22px; padding-bottom:10px; margin-bottom:20px; background:url(../../images/app/subtop_bgline.gif) repeat-x center top; position:relative}

/*공지등록하기버튼*/
.noticeBTNbox{position:relative; top:auto; right:auto; width:100%; margin-top:15px}
.writinformTable tbody th {padding-left:6%; width:105px}
.writinformTable .needcheck span {background: url(../../images/app/check_iconmobile.gif) 0 center no-repeat; padding-left:20px; margin-left:0}
.writinformTable .noncheck {padding-left:10%}

/* 서비스 신청 */
.request_service .input_box_sub {text-align: center}
.qna_area{background:#f2f2f2 url(../../images/app/qna_bg.png) center 7px no-repeat; background-size: 90px 42px; border:1px solid #dedede; padding:55px 10px 10px}
.qna_area ul li{position: relative;line-height:160%; border-bottom:1px solid #d0d0d0; padding:10px 0}
.qna_area ul li:last-child{border-bottom: none}
.qna_area ul li .adm_info{padding-left: 23px; background: url(../../images/app/qna_icon02.png) left 1px no-repeat}
.qna_area ul li .use_info{padding-left: 23px; background: url(../../images/app/qna_icon01.png) left 1px no-repeat}
.qna_area ul li > p span{display: inline-block}
.qna_area ul li > p span.name{margin-right: 7px; font-weight: 600}
.qna_area ul li > p span.time{font-size: 12px; color:#848484}
.memo_area{background:#fff8f8 url(../../images/app/memo_bg.png) center 7px no-repeat; background-size: 105px 42px; border:1px solid #dedede; padding:55px 10px 10px}
.memo_area ul li{position: relative;line-height:160%; border-bottom:1px solid #d0d0d0; padding:10px 0}
.memo_area ul li:last-child{border-bottom: none}
.memo_area ul li .adm_info{padding-left: 23px; background: url(../../images/app/qna_icon03.png) left 1px no-repeat}
.memo_area ul li > p span{display: inline-block}
.memo_area ul li > p span.name{margin-right: 7px; font-weight: 600}
.memo_area ul li > p span.time{font-size: 12px; color:#848484}
.message_text{float:left; width:87.5%; height:39px}
.blackBtn{width:120px; height:51px; border-radius:2px; color:#fff; background:#37475a}
.memo_area .delBtn{width:30px; height:15px; line-height:15px; border-radius:5px; color:#fff; background:#d85050; margin-left:10px; font-size: 11px}
.qna_area .delBtn{text-indent: 0; width:30px; height:15px; line-height:15px; border-radius:5px; color:#fff; background:#d85050; margin-left:10px; font-size: 11px}   
}

/*================================================================ TABLET LAYOUT ================================================================*/
@media only screen and (min-width:768px) and (max-width:1199px) {
/***********제작상담***********/
/*견적및상담요청안내*/	
.req_preview {height:278px; overflow:hidden}
.req_preview .view_wrap {width:33.3%; overflow:hidden; }
.req_preview .view_box {width:278px; height:247px; margin:0 auto; border-top:3px solid #f4f4f4; border-bottom:1px solid #f4f4f4; padding:20px 0; overflow:hidden}

/*제작안내*/
.contact_info .contact_email {position:absolute; top:39px ; right:38px}

/*상담시간안내*/
.top_info > p {position:absolute; top:39px ; right:38px}

/*PC서비스 현황*/
.pc_area {height:auto}

/*글쓰기페이지*/
.writinformTable table tbody td .writin02{width:100%;  height:41px; margin-right:0; margin-bottom:10px}

/*신청화면*/
.viewBody {width:100%}
.message_text {width:75%}
.blackBtn {width:20%}

/*게시물현황,리스트보기영역*/
.list_box {position:relative; margin-bottom:15px}
.list_box .left_box{margin-bottom: 10px}

/*상단버튼영역*/
.btn_modi {position:relative; height:37px}
.btn_modi .statuModiBox {position:absolute; top:0; right:0}

/*검색영역_검색폼*/
.mid_info {position:relative}
.mid_search .select_area03 {width:366px ;position:absolute; top:11px; right:0}
.select_area03 .viewBtnCon {background:none}
.writinformTable table tbody td .writin50{width:100%;  height:41px; margin-right:0; margin-bottom:10px}

/* 서비스 신청 */
.service_layer .service_layer_content {max-width: 660px}
.service_layer_content_wrap {padding: 30px}
.service_layer_content_wrap .layer_tit h4 {padding: 10px 0 20px 0; font-size: 28px}
.service_layer_content_wrap .close_btn {right: 30px}
.request_service .top_tit .eng {font-size: 28px}
.request_service .top_tit .kor {font-size: 30px}
.request_service .top_txt {font-size: 16px}
.request_service .top_serviinfo {max-width: 980px; margin: 0 auto}
.request_service .top_serviinfo .info_list {padding: 20px 35px}
.request_service .top_serviinfo li {text-align: left; font-size: 18px}
.request_service .top_serviinfo li:nth-child(1),
.request_service .top_serviinfo li:nth-child(2) {float: left; margin-right: 10px}
.request_service .top_serviinfo li:nth-child(2) {font-size: 14px; margin-top: 3px}
.request_service .top_serviinfo li:nth-child(3) {position: absolute; right: 35px; top: 50%; transform: translateY(-50%)}
.request_service h4 {font-size: 28px; padding: 50px 0 30px 0}
.request_service .input_box dl {padding-left: 125px; background: #314b6b}
.request_service .input_box dt {position: absolute; left: 0; top: 50%; width:125px; text-align: center; background: none; transform: translateY(-50%); color:#fff}
.request_service .service_list li {float: left; width: 33.3%}
.request_service .left_box {float: left; width: 49%}
.request_service .right_box {float: right; width: 49%}
.request_service .bottom_box {padding: 40px 0 10px 0}
.request_service .btn_wrap {padding-top: 40px}
.request_service .btn_wrap button {width: 180px}
.request_service .inq_tbl td {font-size: 14px}
    
}

/*================================================================ PC LAYOUT ================================================================*/
@media only screen and (min-width:1200px) {

/*포트폴리오*/
.portfolio_body{margin-top:30px}
.portfolio_list li.nonMargin{margin-left:0}

/*제작상담*/
.contact_info .contact_email {position:absolute; top:39px ; right:38px}

/*상담시간안내*/
.top_info > p {position:absolute; top:39px ; right:38px}

/*검색영역_검색폼*/
.mid_search .select_area03 {width:366px ;position:absolute; top:11px; right:-10px}
.select_area03 .viewBtnCon{background:none}

/*신청화면*/
.viewPerson{width:330px; height:100%; position:absolute; top:0; right:0; border:1px solid #e0e0e0; margin-top:0; box-sizing: border-box}
.viewBody .viewContents{padding:20px 348px 20px 20px; min-height:291px}
.viewPerson div.Person01{padding:10px; padding-bottom:0; border-bottom:none}
.viewPerson div.Person02{margin-top:-98px}
.viewBody .viewFile{margin-right:345px}
.notice_view .viewBody .viewContents{padding:20px 20px 50px; min-height:auto}
.notice_view .viewBody .viewContents span{font-weight:600; color:#0a9aff}
.notice_view .viewBody .viewFile{margin-right:0}
/* .viewPerson div.Person01 {background:url(../../images/app/info_btmlogo.gif) center bottom no-repeat} */
/*셀렉트박스*/ 
.right_box{float: right; margin-top: -25px}
.right_box.sel_type1{width: 30%}
.right_box.sel_type2{width: 50%}

/*상단버튼영역*/
.btn_modi{position:relative; height:37px}
.btn_modi .statuModiBox{position:relative}

/* 서비스 신청 */
.request_service .requset_box {padding-bottom: 50px}
.request_service .top_tit .eng {font-size: 28px}
.request_service .top_tit .kor {font-size: 30px}
.request_service .top_txt {font-size: 16px}
.request_service .top_serviinfo {max-width: 980px; margin: 0 auto}
.request_service .top_serviinfo .info_list {padding: 20px 35px}
.request_service .top_serviinfo li {text-align: left; font-size: 18px}
.request_service .top_serviinfo li:nth-child(1),
.request_service .top_serviinfo li:nth-child(2) {float: left; margin-right: 10px}
.request_service .top_serviinfo li:nth-child(2) {font-size: 14px; margin-top: 3px}
.request_service .top_serviinfo li:nth-child(3) {position: absolute; right: 35px; top: 50%; transform: translateY(-50%)}
.request_service h4 {font-size: 28px; padding: 50px 0 30px 0}
.request_service .input_box dl {padding-left: 125px; background: #314b6b}
.request_service .input_box dt {position: absolute; left: 0; top: 50%; width:125px; text-align: center; background: none; transform: translateY(-50%); color:#fff}
.request_service .service_list li {float: left; width: 33.3%}
.request_service .left_box {float: left; width: 49%}
.request_service .right_box {float: right; width: 49%}
.request_service .bottom_box {padding: 40px 0 10px 0}
.request_service .btn_wrap {padding-top: 50px}
.service_layer .service_layer_content {max-width: 660px}
.service_layer_content_wrap {padding: 30px}
.service_layer_content_wrap .layer_tit h4 {padding: 10px 0 20px 0; font-size: 28px}
.service_layer_content_wrap .close_btn {right: 30px}
}

/*================================================================ LOWSET FIX ================================================================*/
@media only screen and (max-width:1316px) {
.portfolio_list li{margin:30px auto; text-align:center; width:50%}
.portfolio_list .port_photo {margin:0 auto}
}

@media only screen and (max-width:1282px) {
.message_text{float:left; width:86%; height:39px}
}

@media only screen and (max-width:1199px) {
.message_text{float:left; width:78%; height:39px}

/*상담시간 영역 버튼 안내*/
.repair_board .repair_step{position: relative; top:0; right:0; margin-top: 10px}
.repair_board .repair_step > p{float: left; width: 50%; margin:7px 0 0 0}
.repair_board .repair_step > p a{display: block; width: 98%; height: 40px; padding: 10px 0; margin: 0 auto}
.repair_board .repair_step > p a br{display: none}
}

@media only screen and (max-width:936px) {
/***********제작상담***********/
/*견적및상담요청안내*/
.req_preview .view_wrap {width:50%; overflow:hidden}
/*제작안내*/
.contact_info {margin:0 0 20px 0; padding:23px; width:auto; background-image:none; height:auto}
.contact_info .contact_sub {margin:0 0 10px 0}
.contact_info .contact_email {position:relative; top:auto; right:auto; width:100%; background-position:95%}

/* 견적및상담요청안내-상단안내문구 변경*/
.contact_info2{padding: 10px}
.contact_info2 .info_tit{width: 100%; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccc; font-size: 14px}
.contact_info2 .info_tit span{display: inline-block; padding:5px 0 5px 35px; background-size: 30px 21px; background-position: left center}
.contact_info2 ul {margin: 0}
.contact_info2 ul li span.tit{width: 60px}
.contact_info2 .contact_email {position: relative; top:0; right:0; margin: 10px 0 0}
.contact_info2 .contact_email a {display:block; width:100%; height:35px; line-height:35px; padding: 0; box-sizing: border-box; text-align: center}
.contact_info2 .contact_email a span{display:inline-block; padding-right: 30px; background:url(../../images/app/inquiry_mailicon.gif) right 50% no-repeat}
}

@media only screen and (max-width:881px) {
.portfolio_list>p{text-align:center}
.portfolio_list li{margin:30px auto; text-align:center; width:100%}
.portfolio_list .port_photo {border: 1px solid #d9d9d9; width:405px; height:302px; overflow: hidden;  background: #fff; margin: 0 auto}

/*검색영역*/
.mid_info {height:auto; padding-bottom:0; text-align:center; padding-bottom:13px}
.mid_info ul{margin-left:0; margin-top: 16px; margin-bottom:16px}
.mid_info ul li{float:none; display:inline-block}
.mid_info {position:relative; padding: 10px}
.mid_search .select_area03 {position:relative; top:auto; right:auto}
.select_area03 .viewBtnCon{background:#003a81}

/*검색영역_검색폼*/
.mid_search {margin:0 auto}
.mid_search .select_area03{width: 100%}
.select_area03 .select_box {width:auto; padding-right:40px; height:38px; position:relative;  }
.select_area03 .selectCon {width:48%; margin-right:2%}
.select_area03 .Con01 {position:absolute; top:0; left:0}
.select_area03 .Con02 {position:absolute; top:0; right:-3px}
.select_area03 .viewBtnCon {position:absolute; bottom:0; right:0}
.select_area03 .selectCon .search {width:100%; height:38px; border:1px solid #e3e3e3;   padding-left:10px; background: url(../../images/app/btn_arrow.gif) 95% 50% no-repeat}
}

@media only screen and (max-width:825px) {
.message_text {float:none; width:100%; height:50px; box-sizing: border-box}
.blackBtn{width: 100%; height: 30px}

/* 관리자일때 서브페이지 넓이조정 */
#subRight.swide .inputForm .blackBtn{position: relative; top:0; right:0}

}

@media only screen and (max-width:710px) {
/*상담시간안내2*/
.repair_board .repair_step{position: relative; top:0; right:0; margin-top: 10px}
.repair_board .repair_step > p{float: none; margin:0 0 5px}
.repair_board .repair_step > p:last-child{margin-bottom: 0}
.repair_board .repair_step > p a{width: 100%; height: 35px; padding: 7px 0; background-size: 22px 22px; font-size: 13px}
.repair_board .repair_step > p a span{display: inline-block; padding: 0 0 0 35px}
.repair_board .repair_step > p a br{display: none}
}

@media only screen and (max-width:645px) {
/*상담시간안내*/
.top_info {margin:0 0 20px 0; padding:23px; width:auto}
.top_info dl{margin:0 0 10px 0}
.top_info > p{position:relative; top:auto; right:auto; width:100%; background-position:95%}
.top_info > p a{display:block; width:100%}

/*공지등록하기버튼*/
.noticeBTNbox{position:relative; top:auto; right:auto; width:100%; background-position:95%; margin-top:15px}

/***********제작상담***********/
/*견적및상담요청안내*/
.req_preview .view_wrap {width:100%; overflow:hidden}
}

@media only screen and (max-width:483px) {
/* 파일첨부 추가 스타일 */
.write_left .write_right{position: relative; top:0; right:0}

/*유지보수_처리상태*/
.pageBtn03{width: 100%}
.btn_state {padding-top:22px; padding-bottom:20px; margin-bottom:30px; background:url(../../images/app/subtop_bgline.gif) repeat-x center top; position:relative}
.statuModiBox{float: right}
.selectArea02{position: relative; padding-right: 73px}
.selectArea02.sel_type3 .selecline{background: #00f}
.selectArea02 .selectCon .stat {width: 110px; height:38px; border:1px solid #e3e3e3; padding-left:10px; background: url(../../images/app/btn_arrow.gif) 98% 50% no-repeat; box-sizing: border-box}
.selectArea02 .reservDate {width: 110px; height:38px; border:1px solid #e3e3e3; padding-left:10px; box-sizing: border-box}
}

@media only screen and (max-width:464px) {
/*검색영역*/
.mid_info ul{ width:100%; margin:15px auto}
.mid_info ul li{padding:0 10px}
.message_text{width:100%; margin-bottom:5px}
}

@media only screen and (max-width:447px) {
/***********포트폴리오***********/
.portfolio_list li {float:left;width:100%; margin-left:0; position:relative}
.portfolio_list li > p{ font-size:1.125em; font-weight:500; display:block; margin-top:15px}
.portfolio_list li > p:last-child{width:100%}
.portfolio_list .port_photo {border: 1px solid #d9d9d9; width:100%; height:auto; overflow: hidden;  background: #fff}
.portfolio_list .portArea{display: block;  width:100%; height:auto; position: relative}
.portfolio_list .portArea>img{display: block;  width:100%; height:auto}
.portfolio_list .btn_port_more {display: block; width: 100%; height: 100%; background: rgba(76, 76, 76, .7); position: absolute; color: #fff; font-size: 20px; text-align: center; transition: all .4s}
.portfolio_list .btn_port_more a span.SCHname{padding-top:8%}
.portfolio_list .btn_port_more a span.SCHmore{padding-top:8%}
.portfolio_list .btn_port_more a span.SCHkind{padding-top:8%}
.portfolio_list .btn_port_more a span.SCHicon{position:absolute; bottom:30%; left:0%}
}

@media only screen and (max-width:398px) {
.portfolio_list li {margin-bottom:0; }
}

@media only screen and (min-width:0px) and (max-width:800px) {
.request_service .inquiry {overflow-x: scroll}
.request_service .inquiry .scroll_txt {display: block}
}

/* 경고문구 */
.warning_txt{padding:10px; margin-bottom: 5px; border:2px solid #ff1313; font-weight: 600; color:#000}
.warning_txt > p{padding-left: 75px; background:url(../../images/app/ico_warning.gif) left top no-repeat}

/* 작업종류 구분 창 */
.kind_txt{padding:10px; margin-bottom: 5px; border:2px solid #d8d8d8; color:#000}
.kind_txt > p{margin:0 0 5px 0}
.kind_txt > p:last-child{margin:0}
.kind_txt > p > span{display:inline-block; padding:1px 10px 0; border-radius:3px; background:#3c3e43; margin:0 5px 0 0; font-weight: 600; color:#fff; font-size:12px}

/* 관리자 유지보수 안내사항 */
dl.adm_notice{position: relative; margin-bottom: 15px; border:2px solid #207eff; background: #207eff; font-weight: 600}
dl.adm_notice dt.admnoti{position: absolute; top:50%; left:15px; margin-top: -8px; color:#fff; font-size: 14px}
dl.adm_notice dt.admnoti span{padding:5px 0 5px 40px; background:url(../../images/app/ico_admnoti.png) left center no-repeat;}
dl.adm_notice dd{padding: 15px; margin-left: 190px; background: #fff; line-height: 150%; font-size: 14px}
@media only screen and (max-width:767px) {
dl.adm_notice dt.admnoti{position: relative; top:0; left:0; margin-top:0; padding:12px 0; text-align: center}  
dl.adm_notice dd{padding: 10px; margin-left: 0}
}


@media only screen and (max-width:870px) {
/*하단버튼영역*/
.pageBtn02 {width:100%; float:none; margin:10px auto}
.pageBtn02 button{width:100%; height:38px; border-radius:2px; color:#fff; margin-top:5px}

/*목록 하단 유지보수 처리상태*/
.btn_state {padding-top:0; padding-bottom:10px; margin-bottom:20px; background:url(../images/app/subtop_bgline.gif) repeat-x center top; position:relative}
.btn_state .selectArea03:after{content:""; clear: both; display: block}
.btn_state .selectArea03 .viewBtnCon:after{content:""; clear: both; display: block}
.btn_state .selectArea03 .selectCon {float:none; width:100%; margin-bottom:5px}
.btn_state .selectArea03 .viewBtnCon {float:none; width:100%}
.btn_state .selectArea03 .viewBtnCon button{margin-bottom:5px}
.btn_state .selectArea03 .selectCon .stat{width:100%; position: relative; border:1px solid #e3e3e3; height: 38px; margin:0; box-sizing: border-box}
.btn_state .selectArea03 .reservDate {width:100%;height: 38px;  margin:5px 0 0; box-sizing: border-box}
.btn_state .statuModiBox .grayBtn {width:100%;  height:38px; background:#5c6774; color:#fff; border-radius:2px}
.btn_state .selectArea03 .delBtn{width:100%;  margin-left:0; background:#f65535; color:#fff; border-radius:2px}
}

@media only screen and (max-width:1090px) {
.repair_board .repair_step{display:none}
}

/* 관리자일때 서브페이지 넓이조정 */
#subRight.swide .inputForm{position: relative; padding-right:120px}
#subRight.swide .message_text{width:100%; height:51px; box-sizing:border-box}
#subRight.swide .inputForm .blackBtn{position: absolute; top:0; right:0}
#subRight.swide .viewBody .viewContents{min-height:389px}

/** 새창 스타일 영역 **/
/*새창공통*/
#new_page.new_pagewrap{position: relative; max-width:550px; min-width: 360px; min-height: 325px; padding: 10px; box-sizing: border-box; border:1px solid #1d5585}
.new_pagewrap .new_top{position: relative}
.new_pagewrap h1{padding:15px 10px; border-radius: 3px; background: #1d5585; text-align: center; font-size: 18px; color:#fff; font-weight: 500}
.new_pagewrap h1 span{padding-left: 40px; background:url(../../images/app/ico_sch.png) left center no-repeat}
.new_pagewrap .new_close{position: absolute; top:25px; right:25px}
.new_pagewrap .new_close a{display: block; width: 20px; height: 20px; background:url(../../images/app/close_btn2.png) left center no-repeat}
.new_pagewrap .new_close span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.new_pagewrap .srch_txt{margin: 20px 0; padding-top: 55px; background:url(../../images/app/ico_schsrch.gif) top center no-repeat; text-align: center; line-height: 130%; color:#000; font-size: 15px; font-weight: 500}
.new_pagewrap .srch_txt span{color:#1a72cd}
/*견적 및 상담요청 새창*/
#new_page.new_pagewrap.new_counsel{max-width:700px}
.new_counsel .counsel_tb{margin-top: 15px}
.new_counsel .counsel_half:after{content:""; clear: both; display: block}
.new_counsel .counsel_half .row_left {float: left; width: 49%}
.new_counsel .counsel_half .row_right {float: right; width: 49%}
.new_counsel .counsel_box{padding-bottom: 10px}
.new_counsel .counsel_tit{padding: 10px 0 10px 30px; margin-bottom: 10px; background: url(../../images/app/inquiry_blt.gif) left center no-repeat; background-size: 20px 20px; font-size: 15px; font-weight: 600}
.new_counsel .counsel_box dl{margin-bottom: 10px}
.new_counsel .csltit {padding: 2px 0 2px 20px; margin-bottom: 10px; font-weight: 400; background: url(../../images/app/info_tit_blt.png) 0 0 no-repeat}
.new_counsel .csltxt {line-height: 150%; padding: 10px 16px; border: 1px solid #cecece; font-weight: 400;border-radius: 4px;  word-break:break-all}
.new_counsel .down_btn{padding: 5px 8px; margin-left: 10px; border-radius: 5px; background: #1d5585; font-size: 12px; color:#fff}
.new_counsel .down_btn span{display: block; padding-left: 20px; background: url(../../images/app/btn_down.png) left center no-repeat}
.new_counsel .btn_box {padding: 16px 0; border-top: 1px solid #ddd; text-align: center}
.new_counsel .btn_box button {width: 115px; color: #fff; font-size: 15px; padding: 6px 0 7px 0; margin: 0 5px;border-radius: 4px; box-sizing: border-box;}
.new_counsel .btn_box .btn_delete {background: #565656}
.new_counsel .btn_box .btn_close {background: #4576db}
/*상담요청새창 비밀번호 입력폼*/
.new_counsel .counsel_pw{padding: 30px 0; text-align: center}
.new_counsel .counsel_pw .pwtit{padding-top: 60px; background: url(../../images/app/counsel_pw.gif) center top no-repeat; font-weight: 600; font-size: 14px}
.new_counsel .counsel_pw .pwtit span{color:#ff961b}
.new_counsel .counsel_pw .pwtxt{margin: 10px}
.new_counsel .counsel_pw .pwtxt input{width: 60%; height: 40px; line-height: 40px; border-radius: 5px; border:1px solid #dedede; padding: 10px; box-sizing: border-box}
@media only screen and (max-width:550px) {
.new_counsel .counsel_half .row_left, .new_counsel .counsel_half .row_right {float: none; width: 100%}
}
@media only screen and (max-width:825px) {
/* 관리자일때 서브페이지 넓이조정 */
#subRight.swide .inputForm .blackBtn{position: relative; top:0; right:0}

#subRight.swide .inputForm{position: relative; padding-right:0}
}
@media only screen and (max-width:786px) {
.notice_view .viewContents img{width:100%; height:100%; height:auto}
}


/*포트폴리오 경고 문구*/
.portfolio_body{margin-top:0}
.portfolio_warning{padding:12px; margin-bottom:30px; border:2px solid #a8a8a8; font-size:15px; text-align:center}
.portfolio_warning .warning_tit{display:inline-block; margin-bottom:10px; padding:10px 40px; background:#ff4133; color:#fff}
.portfolio_warning .warning1{font-weight:600; color:#000; line-height:160%}
.portfolio_warning .point1{color:#ff4133; font-size:16px}
.portfolio_warning .point2{text-decoration: underline; text-underline-offset:4px}
.portfolio_warning .warning2{margin-top:15px; padding:10px; background:#eaeaea; font-size:14px}
.portfolio_warning .warning2 span.tit{display:block; width:80px; padding:3px; margin:0 auto 7px; border-radius:50px; background:#fff; color:#000; font-size:13px; font-weight:600}