@charset "utf-8";


/* 기본탭[옛날프로그램용] */
.basic_tab{border:1px solid #cecece;overflow:hidden;}
.basic_tab:after {content:"";display:block;visibility:hidden;clear:both;}
.basic_tab li{display:block;float:left;width:25.1%;margin:0 0 -1px -1px;border:solid #cecece;border-width:0 0 1px 1px;}
.basic_tab li a{display:block;padding:10px 15px 10px 35px;background:url(/images/kor/common/title_icon_04.png) no-repeat 15px 16px;font-size: 14px;text-align:justify;cursor:pointer;}
.basic_tab li.ov a,.basic_tab li.on a,.basic_tab li a:hover,.basic_tab li a:focus,.basic_tab li a:active{background:#5c646b url(/images/kor/common/title_icon_04.png) no-repeat 15px 16px;color:#fff;}
.basic_tab li a[target="_blank"] span{padding-right:15px;background:url(/images/kor/common/ico_window.gif) no-repeat 100% 50%;}


/* form, input set */
input,textarea,select{font-size:1em;/*font-family:Nanum Gothic;*/vertical-align:baseline;vertical-align:middle}
input[type="checkbox"],input[type="radio"]{margin:0;padding:0;width:14px;height:14px}
input[type="checkbox"]+label,input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}

input[type="text"],input[type="password"],input[type="file"],input[type="search"]{min-width:40px;width:auto;height:38px;padding:4px 5px;margin:0;border:1px solid #adadad;border-top-color:#adadad}
input[type="file"]{height:38px;padding:0 5px;font-size:0.929em;border:1px solid #adadad}

:root input[type="file"]{margin-bottom:5px;padding:0 5px 0 0;border:none}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #adadad;background:#f3f3f3;color:#928881}
input[type="button"],input[type="reset"],input[type="submit"]{min-width:20px;width:auto;height:38px;padding:4px 16px;margin:0;border:1px solid #575757;background:#575757;font-weight:400;font-size:0.9em;line-height:1em;color:#fff}
textarea{overflow:auto;padding:0;border:1px solid #adadad;vertical-align:top;width:100%;height:200px;}
select{height:38px;margin:0;padding:0;border:1px solid #adadad;border-top-color:#adadad}
legend{position:absolute;visibility:hidden;left:0;top:0;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px}
legend{border:0;white-space:normal}

input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"],select,textarea{margin:0;border:1px solid #ccc;color:#666;vertical-align:middle}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"]{line-height:38px}

@media(max-width:767px){
	input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], select, textarea{margin:0 0 5px 0;}
}

input.btn.btn-ani{padding:8px 15px 7px 15px;height:auto;line-height:1.42857143;}

.paginate {margin:20px 0; text-align:center; line-height:18px; }
.paginate:after { content:""; display:block; clear:both; }
.paginate li{display:inline-block;list-style:none;vertical-align:middle;}
.paginate li a { display:block; width:32px; height:32px;margin:4px 1px; background:#fff; line-height:32px ; text-align:center; vertical-align:middle; }
.paginate .dir a{background:#fff url(/images/common/bg_pg_num.gif) no-repeat; font-size:0;line-height:0;vertical-align:middle;border:1px solid #DDD;}
.paginate .dir a span {height:0; font-size:0;}
.paginate .dir.first a{background-position:8px 9px;}
.paginate .dir.last a{background-position:-32px 9px;}
.paginate .dir.prev a{background-position:-72px 9px;}
.paginate .dir.next a{background-position:-110px 9px;}
.paginate .dir a:hover,
.paginate .dir a:focus,
.paginate .dir a:active{background-color:#efefef;}
.paginate li.dir.active a,
.paginate li.dir a:hover,
.paginate li.dir a:focus,
.paginate li.dir a:active{background-color:#fff;border:1px solid #55555b; color:#fff;text-decoration:none;border-radius:0;}
.paginate span.on { display:inline-block; width:34px; height:26px; padding:8px 0 0 0; border:1px solid #55555b; text-align:center; background:#55555b; color:#fff; text-decoration:none; vertical-align:middle; }

.paginate li.active a,
.paginate li a:hover,
.paginate li a:focus,
.paginate li a:active{background-color:#55555b;border:1px solid #55555b; color:#fff;text-decoration:none;border-radius:50px;}

.board_butt{display:block;margin:20px 0;text-align:right}
.board_butt.center{text-align:center}



.board_butt input[type="button"],.board_butt input[type="reset"],.board_butt input[type="submit"]{min-width:20px;width:auto;height:34px;padding:5px 16px;margin:0;border:1px solid #80899b;background:#80899b;font-weight:400;font-size:0.9em;line-height:1em;border-radius:5px;color:#fff}
/* list */

.basic_box {position:relative;display:block;margin-top:0;margin-bottom:50px;padding:25px 20px 20px 20px;background:#fff;border:1px solid #d9d9d9;}
.basic_box:before {content:"";position:absolute;display:block;/*bottom:-4px;left:-1px;width:100%;height:3px;background:#f1f1f1;*/}
.basic_box:after{content:"";display:block;visibility:hidden;clear:both;}
.basic_box *{vertical-align:middle}
.basic_box label{}
.board_total{display:block;float:none;margin:0;padding-left:18px;background:url(/images/common/icon_bbs.gif) no-repeat 0 13px;color:#666;font-size:13px;line-height:36px;}
.board_total *{vertical-align:baseline;}
.board_total .bold.red{color:#e74c0f;}

.basic_search{display:block;float:none;position:relative;padding-left:0;}
.basic_search .grap{display:inline-block;position:relative;margin-bottom:10px;width:100%;}
.basic_search .grap select{padding:0 10px;/* width:86px; */width:100%;height:36px;border:1px solid #ddd;line-height:36px;}
.basic_search .searchinput{display:block;position:relative;padding-right:50px;border:1px solid #ddd;}
.basic_search input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:34px;min-width:34px;height:34px;background:#45495b url(/images/common/search_ico.png) no-repeat 50%;border:none;border-radius:2px;text-indent:-9999em;}
.basic_search .searchinput input[type="submit"]{min-width:34px;}
.basic_search input[type="text"]{border:1px solid #dbdbdb;padding:0 50px 0 10px;width:100%;height:42px;}
.basic_search .searchinput input[type="text"]{width:100%;height:34px;padding:0 40px 0 10px;border:none;}
.basic_box label{padding:0 10px;line-height:34px;}


@media only screen and (min-width:640px) {
    .board_total{display:inline-block;float:left;}
    .basic_search{display:inline-block;float:right;padding-left:0;}
    .basic_search .grap{width:auto;margin-bottom:0;}
    .basic_search .grap select{/*width:86px;*/width:150px;}
    .basic_search .searchinput{display:inline-block;/* width:100%; */width:auto;}
    .basic_search .searchinput input[type="text"]{width:240px;}
    .bbs_searchbox input[type="text"]{width:100%;}
}

/* 본인확인 서비스 */

.ui.uit .inner .txtwrap p#childNm14{margin-top:20px;}
.ui.uit .inner .txtwrap p#childNm14 *{vertical-align:middle}
.ui.uit .inner .txtwrap p#childNm14 span{color:#888;font-size:18px;line-height:1.4;color:#121212;font-family:"nsr",sans-serif;}
/*#childNm14{}
#childNm14 input[type=checkbox] {display:none;}*/

.check-box {
    height: 50px;
    width: 50px;
    background-color: transparent;
    border: 5px solid #aaa;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
    font-size:0;
}
.check-box:before, .check-box:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: 8px;
    background-color: #43464d;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 3px;
    content: ' ';
    -webkit-transition: opacity ease 0.5s;
    -moz-transition: opacity ease 0.5s;
    transition: opacity ease 0.5s;
}
.check-box:before {
    top: 36px;
    left: 20px;
    box-shadow: 0 0 0 5px #fff;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.check-box:after {
    top: 15px;
    left: -1px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input[type=checkbox]:checked + .check-box,
.check-box.checked {
    border-color: #43464d;
}
input[type=checkbox]:checked + .check-box:after,
.check-box.checked:after {
    height: 30px;
    -moz-animation: dothabottomcheck 0.2s ease 0s forwards;
    -o-animation: dothabottomcheck 0.2s ease 0s forwards;
    -webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
    animation: dothabottomcheck 0.2s ease 0s forwards;
}
input[type=checkbox]:checked + .check-box:before,
.check-box.checked:before {
    height: 60px;
    -moz-animation: dothatopcheck 0.4s ease 0s forwards;
    -o-animation: dothatopcheck 0.4s ease 0s forwards;
    -webkit-animation: dothatopcheck 0.4s ease 0s forwards;
    animation: dothatopcheck 0.4s ease 0s forwards;
}

.ui.uit.join_box{border-top:2px solid #07469b;border-bottom:1px solid #d9d9d9;border-left-color:transparent;border-right-color:transparent}
.ui.uit.join_box.kor{padding:0;background:none;border-top:2px solid #07469b;border-bottom:1px solid #d9d9d9;border-left-color:transparent;border-right-color:transparent}
.ui.uit.join_box.kor p{padding:0;text-align:left;}
.ui.uit.join_box.kor .tit_inner{margin-bottom:10px;}
.ui.uit.join_box p{margin-bottom:10px;}
.join_cer{margin:0 auto;}
.join_cer:after {content:"";display:block;clear:both;}
.join_cer .box{display:block;padding: 0;width:100%;margin-top: -1px;}
.join_cer .box .item{padding:30px;text-align: center;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.join_cer .box .item p a{padding: 15px 30px;width: 100%;}
.join_cer .box .item strong.ti{position: relative;margin-top:30px;padding-top:0;font-family:'nsr','Malgun Gothic';font-size:22px;line-height:160%;font-weight:600;color:#0d0e0e;}
.join_cer .box .item .text_box p{min-height:95px;color:#666;font-size:14px;line-height:1.4;}
.join_cer .box .item  p.btn_l{display:none;margin:10px 0;min-height:auto;position:relative;width:100%;}
.join_cer .box .item  p.btn_l input[type="text"]{padding:4px 15px;width:100%;height:40px;line-height:22px;background-color:#fff;color:#333}
.join_cer .box .item  p.btn_l .flow{padding:0 15px;line-height:40px;font-size:16px;color:#333}
.join_cer .box .item .text_box{margin-top:20px;}
.join_cer .box .item .text_box .tipbox{margin:10px 0 20px 0;padding:20px;background-color:#f2f6f9;}
.join_cer .box .item .text_box .tipbox ul li{color:#666;font-size:13px;line-height:1.2}
.join_cer .box .icon{position:relative;display:block;overflow:hidden;margin:0 auto 20px auto;padding-bottom:29px;width:120px;height:120px;}
/*.join_cer .box .icon:after {content:"";display:block;position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:1px;background-color:#ddd}*/

.join_cer .box .icon.icon1{width: 80px;height: 80px;background:url(/images/common/icon1.png) no-repeat 50% 50%;}
.join_cer .box .icon.icon2{width: 80px;height: 80px;background:url(/images/common/icon2.png) no-repeat 50% 50%;}
.join_cer .box .icon.icon_onepass{width: 80px;height: 80px;background:url(/images/common/icon_onepass.png) no-repeat 50% 50%;}

.holds-terms{}
.holds-terms .terms-content {padding:30px;margin-top:20px;width:100%;height:260px;overflow:hidden;overflow-y:auto;border: 1px solid #ddd;background-color:#fff;}
.holds-terms .h-group {display:inline-block;white-space:nowrap;}
.holds-terms .holds-cbox {width:20px;height:20px;margin:0 8px 0 0;border: 1px solid #ddd;}
.holds-terms .holds-cbox .label {width:auto;height:auto;font-size:14px;white-space:normal;}

@media all and (min-width:1024px) {
   
  
    .join_cer .box .item .text_box .tipbox{padding:30px;min-height:255px;}
}

@media all and (min-width:1200px) {
	.join_cer .box{display:inline-block;float:left;padding:0;width:33.3%;/*width:50%;*/}
    .join_cer .box .item{/*padding:40px 150px;*/min-height:auto;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left:none;border-bottom: 1px solid #ddd;}
	.join_cer .box:first-child{border-left: 1px solid #ddd;}
    .join_cer .box .item{min-height:670px;text-align: center;}
    .join_cer .box .item .text_box p{min-height:120px;}
    .join_cer .box .item .text_box .tipbox{min-height:170px;}

}


/* input_table */
.input_table tr th,
.input_table tr td{display:block;border-left:0;}
#inputFrm2 .input_table input[type="text"]{height:28px;line-height:28px;}

@media only screen and (min-width:768px) {
    .input_table tr th,
    .input_table tr td{display:table-cell;border-left:1px solid #ddd;}
    .input_table .radio_checkbox_box{overflow:hidden;}
    .input_table .radio_checkbox_box .input_box{float:left;width:33.3%}
    #inputFrm2 .input_table .select_phone_box select,
    #inputFrm2 .input_table .select_phone_box input{min-width:0;width:30%;}
    #inputFrm2 .input_table .select_email_box .input_box{display:inline-block;width:45%;}
    #inputFrm2 .input_table .select_email_box .input_box input{min-width:0;}
    #inputFrm2 .input_table .select_email_box select{width:45%;}

    .input_table.report{display:block;}
    .input_table.report tr th{width:15%;}
    .input_table.report tr td{width:35%;}




}



.even-grid{margin:1% -1%;}
.even-grid:before,
.even-grid:after{content:'';display:table;clear:both;}
.even-grid.col4 .col{display:inline-block;float:left;width:25%;vertical-align:top;border:10px solid transparent;}
.even-grid .col{}

.ccontact1{margin-top:50px;padding:15px;padding-left:120px;position:relative;background:url(/images/common/info_icon.png) no-repeat 30px 15px;}
.bg-secondary{background-color:#f5f7f9;}

.minwon_yesan_frame{margin-top:50px;width:100%;border:none;}
.minwon_yesan_frame iframe{border:none;width:100%;height:1000px;}

.basic_box.patent .basic_search{float:none;padding:0;width:100%;position:relative;}
.basic_box.patent .basic_search .s3_ico{display:none;}
.basic_box.patent .basic_search ul li{position:relative;margin-top:5px;}
.basic_box.patent .basic_search ul li:after{content:"";display:block;clear:both;visibility:hidden;}
.basic_box.patent .basic_search ul li:first-child{margin-top:0;}
.basic_box.patent .basic_search ul li label{padding:0;line-height:38px;}
.basic_box.patent .basic_search ul li .flow{padding:0 10px;}
.basic_box.patent .basic_search ul li select{width:100%;height:36px;}
.basic_box.patent .basic_search ul li .inp_text{display:block;position:relative;margin:3px 0;padding-right:48px;}

.basic_box.patent .basic_search ul li .inp_text2{display:block;position:relative;margin:3px 0;}
.basic_box.patent .basic_search ul li input[type="text"]{width:100%;height:34px;font-family:'nsr';}
.basic_box.patent .basic_search ul li input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:34px;min-width:46px;height:34px;background:#ee402e url(/images/common/search_ico.png) no-repeat 50%;border:none;border-radius:2px;text-indent:-9999em;}
@media all and (min-width:480px){
    .basic_box.patent .basic_search ul li .item{padding-left:90px;padding-right:10px;position:relative;}
    .basic_box.patent .basic_search ul li label{position:absolute;top:0;left:0;}
    .basic_box.patent .basic_search ul li select{display:inline-block;margin:0;width:100%;}
    .basic_box.patent .basic_search ul li .inp_text{display:inline-block;margin:0;width:100%;}

    .basic_box.patent .basic_search ul li .inp_text2{display:inline-block;margin:0;width:100%;}
    .basic_box.patent .basic_search ul li .inp_text .item{display:inline-block;padding:0 5px;width:50%}
    .basic_box.patent .basic_search ul li .inp_text.cal{width:180px;}
}
@media all and (min-width:640px){
    .basic_box.patent .basic_search ul li .inp_text{width:100%;}
}
@media all and (min-width:768px){
    .basic_box.patent .basic_search{padding-left:140px;}
    .basic_box.patent .basic_search ul li .item{float:left;margin:2px 0;width:50%}
    .basic_box.patent .basic_search .s3_ico{display:block;width:72px;height:72px;overflow:hidden;background:url(/images/common/sub3_ico.png) no-repeat;}
    .basic_box.patent .basic_search .s3_ico.radius_w{position:absolute;top:10px;left:25px;background-position:0 -155px;}
    .basic_box.patent .basic_search .s3_ico.sico1{background-position:-72px -155px;}
    .basic_box.research .board_total{margin-bottom:0;}
}

@media all and (min-width:1024px){

}



.ui-thumb.cols{margin:20px -4px 0}
.ui-thumb.cols:after{content:"";display:block;clear:both}
.ui-thumb.cols .thumb-block{float:left}

.ui-thumb.size-2 .thumb-block{width:25%;border:4px solid transparent;text-align:center}

@media(max-width:480px){
    .ui-thumb.cols{margin:20px 0}
    .ui-thumb.cols .thumb-block{float:none;margin-top:10px}
    .ui-thumb.cols .thumb-block:first-child{margin-top:0}
    .ui-thumb.size-2 .thumb-block{width:auto;border-width:0}

}



.box_dept{position:relative;padding-top:20px;}
.box_dept .tab{display:inline-block;float:right;position:relative;margin:20px 0;}
.box_dept .tab a{display:inline-block;position:relative;padding:10px 40px 10px 20px;font-size:14px;line-height:18px;border-radius:4px;border:1px solid #ddd;background:#fff;}
.box_dept .tab a:before{content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-5px;width:5px;height:9px;background:url(/images/common/tab_deth_5st_arr.png) no-repeat;}
.box_dept .tab a.tab_ov{border:1px solid #2452a7;background-color:#fff;color:#2452a7;}
.box_dept .tab a.tab_ov:before{background-position:-5px 0;}
.box_dept .grep{clear:both;position:relative;padding-top:15px;width:100%;}
.box_dept .grep .obj{display:block;position:relative;width:100%;}
.box_dept h3{margin-left:0;}
.box_dept h3:first-child{margin-top:-15px;margin-bottom:10px;}
@media only screen and (min-width:1024px){
    .box_dept .tab{}
}



/* view */
.calenviewwrap{border:1px solid #ddd;}


.calbox_view_txt{position:relative;width:100%;margin:0;padding:30px 15px;background:url(/images/prog/common/box_bg_bottom.gif) repeat-x left top}
.calbox_view_txt:after{clear:both;display:block;content:"";visibility:hidden}



.page_num {margin:20px 0; text-align:center; line-height:18px; }
.page_num:after { content:""; display:block; clear:both; }
.page_num li{display:inline-block;list-style:none;vertical-align:middle;}
.page_num li a { display:block; width:29px; height:29px;margin:4px 1px; background:#fff; border:1px solid #d2d2d2; border-radius:3px; line-height:29px ; text-align:center; vertical-align:middle; }
.page_num .dir a{background:#f0f0f0 url(/images/common/bg_pg_num.gif) no-repeat; font-size:0;line-height:0;vertical-align:middle;}
.page_num .dir a span {height:0; font-size:0;}
.page_num .dir.first a{background-position:8px 9px;}
.page_num .dir.last a{background-position:-32px 9px;}
.page_num .dir.prev a{background-position:-72px 9px;}
.page_num .dir.next a{background-position:-110px 9px;}
.page_num .dir a:hover,
.page_num .dir a:focus,
.page_num .dir a:active{background-color:#efefef;}
.page_num li.active a,
.page_num li a:hover,
.page_num li a:focus,
.page_num li a:active{background-color:#55555b;border:1px solid #55555b; color:#fff;text-decoration:none;}
.page_num span.on { display:inline-block; width:34px; height:26px; padding:8px 0 0 0; border:1px solid #55555b; text-align:center; background:#55555b; color:#fff; text-decoration:none; vertical-align:middle; }

/*search_date(강우량조회)*/

.basic_search_box { position: relative;display: block;margin-top: 0;margin-bottom: 40px;padding: 20px 20px 20px 20px;background: #fff;border: 1px solid #d9d9d9;
} 
.basic_search_box .basic_search_date .grap {display: inline-block;}
.basic_search_box .basic_search_date .searchinput {display: inline-block;}
.basic_search_box .basic_search_date .grap input[type="text"]{border: 1px solid #dbdbdb;padding: 0 50px 0 10px;height:36px;    background: url(/images/common/cal_img.png) 91% no-repeat;}
.basic_search_box .basic_search_date .searchinput input[type="submit"]{    width: 34px;min-width: 34px;height: 34px;background: #45495b url(/images/common/search_ico.png) no-repeat 50%;border: none;border-radius: 2px;text-indent: -9999em;}


/* Tab Button */
.basic_search_date { display: inline-block; vertical-align: middle;position:absolute;top:18px;right:20px;}
/*#tabgroup{ position:absolute;top:18px;right:20px;}*/
.tab a{display:inline-block;border:1px solid #ddd;color:#333;line-height:20px;padding: 10px 10px;text-align: center;}
.tab a.ov{background-color:#4d83d5;color:#fff;}

/* Slide Tab */
#slide_tab{}
#slide_tab .grap{position:relative;overflow:hidden;}
#slide_tab .obj{position:relative;width:400%;}
#slide_tab .obj:after{content:"";display:block;clear:both;visibility:hidden;}
#slide_tab .obj .item{float:left;width:25%;}

.frame-box {width:705px;height:auto;overflow: hidden;margin:0 auto;border:1px solid #ddd;}

.frame-box iframe{ width:1000px; height:750px;    margin-left: -115px;
    margin-top: 0px;
}
.frame-box.box02 iframe { width:900px; height:1040px;    margin-left: -159px;
    margin-top: -356px; }

.frame-box.box03 {width: 100%; height:auto;position: relative;}
.frame-box.box03 iframe { width: 100%; height:921px; margin-left: -6px;
    margin-top: -52px; }


@media (max-width:630px){
    #tabgroup { position: static;margin-top:10px; }
    
}

@media ( max-width:480px ){ 
    .tab a { font-size:12px; padding: 10px 10px;}

}


@media (max-width:320px){
    .basic_search_box .basic_search_date .grap input[type="text"] { padding: 0 40px 0 10px;  }
    .tab a { padding:10px 8.5px;  }
}


.tbl_basic.tbl_type1 tfoot th, .tbl_basic.tbl_type1 tfoot td {
    
    background-color: #fafafa;
    color: #666;
    text-align: center;
}

/* 디지털원패스 색상 추가 */
.btn-blue, .btn-blue.disabled, .btn-blue, .btn-blue:link, .btn-blue:visited {
    background-color: #284d9e;
    border-color: #284d9e;
}














.sin {height: 25px !important;min-width: 25px !important;width: 25px !important;padding: 0 !important;text-align: center !important;line-height: 25px !important;text-indent: 0 !important;}
/* 일자리지원센터 prog*/
[class^="form-"] input[type="text"],[class^="form-"] input[type="password"]{width:100%;min-width:auto;height:38px;padding:0 5px;line-height:38px}
[class^="form-"] select{width:100%;height:38px;padding:0 5px;line-height:38px}


.form_find{display:inline-block;padding:5px 10px;border:1px solid #ddd}

.form-mail>*,
.form-birthday>*,
.form-max>*{margin-top:5px}

.form-max.w80p input{width:80%;}

.form-mail>*:first-child,
.form-birthday>*:first-child,
.form-max>*:first-child{margin-top:0}
.form-max span input[type="radio"]{margin:0 5px 0 10px}
.form-max span:first-child input[type="radio"]{margin-left:0}
.form-max .post{width:100%;overflow:hidden}
.form-max .post input{width:31%;float:left;}
.form-max .post .form_find{float:left;margin-left:5px;}
.form-max .adress_detail{width:100%;}

/*.form-tel,.form-birthday,.form-mail{margin-bottom:10px}*/

.form-tel{overflow:hidden}
.form-tel div{float:left;width:28%}
.form-tel div.mid{width:8%;text-align:center;line-height:40px}
.form-tel div input,.form-tel div select{text-align:center;text-indent:0}
.form-tel.width75p{width:75%}


.form-zip input[type="text"]{width:41%;}
.form-reqTime select{width:47.5%;}


.form-mail{overflow:hidden}
.form-mail div{float:left;width:31%;margin-top:0}
.form-mail div.mid{width:5%;text-align:center;line-height:40px}
.form-mail div.last{margin-left:1%;width:32%}

.form-birthday{}
.form-birthday:after{content:"";display:block;clear:both}
.form-birthday select{float:left;width:32.3%;margin:0 0 0 1%;text-align:center}
.form-birthday select:first-child{margin-left:0}

.form-half select,.form-half input[type="text"]{width:50%}

.form-select-input:after{display:block;content:"";clear:both;visibility:hidden;}
.form-select-input select,.form-select-input input[type="text"]{float:left;width:28%;} 
.form-select-input input[type="text"]{margin-left:1%;width:71%;}

.form-period:after,
.form-period div:after{display:block;content:"";clear:both;visibility:hidden;}
.form-period div{float:left;width:46%;}
.form-period div.mid{width:8%;line-height:40px;text-align:center;}
.form-period div select{float:left;width:49%;}
.form-period div select:first-child{margin-right:2%;}



@media(max-width:768px){
.form-half select,.form-half input[type="text"]{width:100%}

}

.form-radio label{display:inline-block;width:20%}
.form-radio input[type="radio"],
.form-radio input[type="checkbox"]{position:relative;top:-1px}
.form-radio .etc{margin:10px 0}
.form-radio .etc label{width:auto;margin-right:10px}
.form-radio .etc input[type="text"]{width:300px}

.form-radio.clear_width label{width:auto}

.form-radio.block label{display:block;}
.form-radio.block .text-indent{margin:5px 0 10px 20px;}
.form-radio.block .text-indent label{margin-left:10px;}


@media(max-width:767px){
.form-radio label{width:auto;padding:3px}

}

.form-edu{}
.form-edu:after{content:"";display:block;clear:both}
.form-edu div{margin-right:20px}
.form-edu label{margin-right:15px}
.form-edu input,.form-edu select{width:auto}
.form-edu .edu_year,.form-edu .edu_name{display:inline-block}
.form-edu .edu_name input{width:200px}

@media(max-width:767px){
.form-edu .edu_year,.form-edu .edu_name{display:block;margin-top:10px;text-align:center}
.form-edu .edu_name label{display:block}
.form-edu .edu_name input{width:100%}
.form-edu .form_find{display:block;width:100px;margin:10px auto;text-align:center}

}


.form-career{}
.form-career label{margin-left:10px}
.form-career input{width:50px;margin-right:5px;text-align:center;text-indent:0}

.apply_report{margin:50px 0;font-size:20px}
.apply_report span{display:block;color:#000}

.table_row{overflow:hidden}
.table_row .photobox{display:table;float:right;width:180px;height:190px;border:1px solid #ddd}
.table_row .photobox .inner{display:table-cell;text-align:center;vertical-align:middle}
.table_row .tablebox{margin-right:200px}

@media(max-width:640px){

.table_row .photobox{float:none;width:100%;margin-bottom:20px}
.table_row .tablebox{margin-right:0}


}

@media(max-width:767px){

.tbl_basic,
.tbl_basic thead,
.tbl_basic tbody,
.tbl_basic tr,
.tbl_basic th,
.tbl_basic td{/* display:block; */border-width:1px 0;text-align: center;}
.tbl_basic th{border-bottom-width:0}

.ui.uit.type4.comedu .inner .ico{display:none;}
.btn_wrap .btn{width:100%;margin-top:10px;}


}

input.btn.btn-ani{padding:8px 15px 7px 15px;font-size:14px;line-height:1.42857143;}
input.btn-primary, input.btn-primary.disabled, input.btn-primary, input.btn-primary:link, input.btn-primary:visited{background-color:#ee402e;border-color:#ee402e;}








/* -------------------------------------------------------------------
 * SerchForm    (일자리지원센터-채용정보)
 * ------------------------------------------------------------------- */

.srch_wrap{background:#f9fafc; border-top:1px solid #969dac; border-bottom:1px solid #969dac;padding:20px 0 20px}
.srch_wrap strong{position:relative;float: left;width: 16%;padding: 0 10px;font-size:15px;line-height: 38px;vertical-align: top;font-weight: 500; color: #000;}
.srch_wrap strong:before {position: absolute;top: 50%;left: -2px;width: 4px;height: 4px;background-color: #2970b9;content: "";margin-top: -2px}
.srch_wrap.btNone {padding-top:0;border-top:none}
.srch_wrap .srch_type01 { position:relative; padding:0 25px;}
.srch_wrap .srch_type01:after {display:block;clear:both;content:''}
.srch_wrap .srch_type02 {margin-top:10px;padding:10px 25px 0;border-top:1px solid #ebebeb}
.srch_wrap .srch_type02:after {display:block;clear:both;content:''}

.check_wrap, .input_wrap {position:relative; float:left; width:84% }
.check_wrap .check_list{padding:4px 0px 3px; min-height:25px;}
.check_wrap .check_list:after{clear:both; display:block; content:"";}
.check_wrap .check_list li{float:left; width:auto; height:25px; margin-right: 1%; line-height:25px;}
.check_wrap label { display:inline-block; line-height:25px; vertical-align:top }
.check_wrap input, .select_wrap span input { margin:-1px 5px 0 0; vertical-align:middle}

.srch_wrap02{padding: 0px 0 20px;overflow: hidden;}
.srch_wrap02 .srch_type03{padding: 15px 12px;background: #f9fafc;border: 3px solid #408ae6;}
.srch_wrap02 strong {float: left;width: 120px;line-height: 31px;vertical-align: top;font-weight: 500;}

.btns_wrap{margin-top:15px; margin-bottom: 30px; text-align:right; overflow:hidden}
.btn-blue {background-color: #214fb8; border-color: #3b63bc;}

@media (max-width: 999px){
	.check_list li {width: auto !important;margin-right: 15px;}
	.srch_wrap strong, .srch_wrap02 strong, .srch_wrap03 strong {display: block; width: auto;float: none;}
 
}

/* -------------------------------------------------------------------
 * List    (일자리지원센터-채용목록)
 * ------------------------------------------------------------------- */

.pro_srch_wrap{margin-bottom: 10px;clear: both;}
.pro_tableStyle {width:100%;border-top:solid 2px #313131;border-collapse: separate;}
.pro_tableStyle thead th {font-size:16px;padding:15px 10px;/*border-left: 1px solid #dadada*/;background:#f9f9fb;font-weight:500;border-bottom:1px solid #000;vertical-align:middle;}
.pro_tableStyle thead th:first-child {border-left:0;}
.pro_tableStyle tbody th {text-align:center;;border-bottom: 1px solid #dadada;border-left:1px solid #dadada; vertical-align:middle;padding: 15px 10px 15px 10px;background: #f9f9fb;}
.pro_tableStyle tbody th:first-child, .pro_tableStyle tbody td:first-child {border-left:0;}
.pro_tableStyle tbody td {font-size:14px;background-color:#fff;text-align:center;padding:15px 10px;line-height:20px;border-bottom:1px solid #dadada; border-left:1px solid #dadada; vertical-align:middle;}
.pro_tableStyle tbody td.ti a {display:block;font-weight:500;cursor: pointer;}
.pro_tableStyle tbody td.ti a:hover {text-decoration:underline;}
.pro_tableStyle tbody td.ti strong {display:block;font-weight:500;font-size:15px;color:#000;line-height: 1.4;}

.pro_tableStyle tfoot th {background: #f9fafc;color:#666;font-weight:500;border-bottom: 1px solid #dadada;border-right:1px solid #dadada;line-height:24px;}
.pro_tableStyle tfoot td {text-align:center;padding:5px;line-height:24px;background: #f1f1f1;border-bottom: 1px solid #dadada; border-left:1px solid #dadada;font-weight:bold;}
.pro_tableStyle tfoot td:first-child {border-left:0;}
.pro_tableStyle td span {position: relative;color:#425ad4;margin-right:3px;}
/*.pro_tableStyle td span:after{position:absolute;top:5px;right:0; content:'';width:1px;height:12px;background-color:#dadada;}*/
.pro_tableStyle td span:last-child:after{background-color:#fff;}

.pro_tableStyle tbody td.ti li {margin-bottom: 3px;}
/*.pro_tableStyle tbody td .fc_gray {color: #969dac !important;} */
.pro_tableStyle .bodies{background-color:#fff;}
.pro_tableStyle .bodiesOver{background-color:#f3f3f4 !important;}
.pro_tableStyle tbody td.date ul li:last-child {border-top:1px dashed #dadada;}
.pro_tableStyle .person_job ul li {font-size:1.1em;}

@media (max-width: 999px){
    .proListWrap {width: 100%;overflow: hidden}
	.pro_tableStyle {table-layout: auto;}
	.pro_tableStyle > colgroup {display: none;}
	.pro_tableStyle tbody tr{ display: block;padding: 20px 0;border-bottom: 1px solid #e5e5e5;}
	.pro_tableStyle .select, .pro_tableStyle thead, .pro_tableStyle .date li:first-child {display: none}
    .pro_tableStyle thead th:first-child, .pro_tableStyle tbody td:first-child {border-left: none;}
    .pro_tableStyle tbody td:first-child {display:none;}
	.pro_tableStyle tbody th:first-child {display:none;}
    .pro_tableStyle tbody td, .pro_tableStyle tbody th {display: block;padding: 0px 10px 0px !important;border-left: none;width: auto !important;border-bottom: none;text-align: left }

    .pro_tableStyle tbody td.date {text-align: right;font-size: 13px;color:#777;}
    .pro_tableStyle tbody td.date ul li:last-child {border-top: none;}
    .pro_tableStyle tbody td.date ul li span {padding-right: 0px !important;}	
    .pro_tableStyle tbody td.condition {margin-top: 5px;}
	.pro_tableStyle tbody td.name {margin-top: 5px;}
    .pro_tableStyle tbody td.hits {display: none}
	.pro_tableStyle tbody td.ti strong {font-size:18px;color:#106ed2;}

	.board_total {display: inline-block;}

 
}


.table_cell {overflow:hidden; border-top:2px solid #313131;}
.table_cell > .tstyle_list {border:none; width:100%}
.table_cell > .tstyle_list {clear:both; position:relative; left:-1px; width:100%; line-height:1.6; margin-bottom:10px; border-spacing:0}
.table_cell > .tstyle_list thead th, .table_cell > .tstyle_list td {word-break:keep-all; border-bottom:1px solid #dcd9d9; text-align:center;  padding:10px;  }
.table_cell > .tstyle_list thead th {color:#000; font-weight:normal; background:#f9f9fb; border-left:1px solid #dcd9d9; border-bottom:1px solid #919191;border-left:none;}
.table_cell > .tstyle_list tbody th {color:#333; font-weight:normal; background:#f9f9fb;}
.table_cell > .tstyle_list td {border-left:1px solid #dcd9d9}
.table_cell > .tstyle_list td.title a:hover {text-decoration:underline}
.table_cell > .tstyle_list td.txt_left {text-align:left}
.table_cell > .tstyle_list th {padding:10px; border-color:#d9d9d9; background-color:#fbfbfb; color:#333;}
.table_cell > .tstyle_list td {padding:10px; border-color:#d9d9d9;color:#333;font-size:14px;vertical-align: middle;}
.table_cell > .tstyle_list thead th {font-weight:500;font-size:15px;}
.table_cell > .tstyle_list tbody th {border-bottom:1px solid #d9d9d9; border-left:1px solid #dcd9d9; text-align:center;vertical-align: middle;font-size:14px;}
.table_cell > .tstyle_list tfoot th , .table_cell > .tstyle_list tfoot td{background-color:#fffdef;font-weight:500;color:#222;}

@media all and (max-width: 999px) {
	.table_cell {overflow-x: scroll;}
    .table_cell .tstyle_list {table-layout: fixed;border-collapse: collapse;min-width: 720px;}
    .table_cell > .tstyle_list thead th, .table_cell > .tstyle_list tbody th, .table_cell > .tstyle_list td, .table_cell > .tstyle_list th, .table_cell > .tstyle_list tfoot td {font-size: 1em;}
}

/* -------------------------------------------------------------------
 * View 1   (일자리지원센터-채용뷰)
 * ------------------------------------------------------------------- */
.tableStyle_thleft {border-collapse: separate;width: 100%;border-top:solid 2px #313131;table-layout:fixed; border-collapse:separate;clear:both;}
.tableStyle_thleft thead th {background:#f9f9fb;padding:16px;font-weight: 500;font-size:15px;vertical-align:middle;font-weight:500;border-bottom: 1px solid #919191;}
.tableStyle_thleft thead th:first-child, .tableStyle_thleft .blNone {border-left:none}
.tableStyle_thleft tbody th {vertical-align:middle;font-size:15px;text-align:left;padding:15px 10px 15px 24px;background:#f9f9fb;font-weight:500;border-left: 1px solid #dadada;border-bottom: 1px solid #dadada;}
.tableStyle_thleft tbody th:first-child {border-left:0;}
.tableStyle_thleft tbody td {vertical-align:middle;font-size:14px;text-align:left;padding:15px 10px 15px 24px;line-height:24px;border-bottom: 1px solid #dadada; border-left:1px solid #dadada;}
.tableStyle_thleft tbody td:first-child {border-left:none;}
.tableStyle_thleft tfoot th {background:#f9fafc;font-weight:500;border-top:1px solid #4c5365;border-bottom: 1px solid #dadada;line-height:24px;}
.tableStyle_thleft tfoot td {text-align:center;padding:10px 0;border-top:1px solid #4c5365;line-height:24px;background:#f9fafc;border-bottom: 1px solid #dadada; border-left:1px solid #dadada;font-weight:500;}
.tableStyle_thleft tfoot td:first-child {border-left:0;}
.tableStyle_thleft .blLine {border-left:1px solid #dadada !important;}
.tableStyle_thleft label {font-size:1em;margin-right:10px;}
.tableStyle_thleft input[readonly] {background-color: #eee;opacity: 1;}
.pro_intro {padding: 15px 20px;background: #f9fafc;}
.join-sub-txt2 {display: inline-block;margin-top: 5px; color: #828282;font-weight: 400;font-size: 11px;font-family: "돋움",dotum,sans-serif;letter-spacing: -0.5px;}
.essential-icon {color: #cf0505;margin-right: 3px;vertical-align: middle;}
.hypen {margin: 0 5px;}
.photo_wrap {margin:0;}
.photo_wrap:after{content:"";display:block;}
.photo_wrap .photo_box {float:left;padding: 10px;border: 1px solid #e9e9e9;}
.photo_wrap .photo_info {float:left;margin-left: 30px;}
.photo_wrap .photo_info ul{padding: 10px 15px;margin-bottom: 20px;background: #f3f3f3;}
@media (max-width:768px){
	table.tableStyle_thleft {table-layout: auto;}
	table.tableStyle_thleft tbody th, table.tableStyle_thleft tbody td {display: block;line-height: 24px;min-height: 25px}
    table.tableStyle_thleft tbody th {position: relative;padding-left: 24px;border-left: none;border-bottom: none;font-weight: 500;color: #000;}
    table.tableStyle_thleft tbody th:after {position: absolute; top: 25px;left: 13px;content: ''; width: 5px;height: 5px;background-color: #3a5573;border-radius: 100%;}
    table.tableStyle_thleft tbody td {padding: 15px 20px !important;;border: 1px solid #dadada;border-right: none; border-left: none;color: #666;}
    table.tableStyle_thleft tbody .pc {display: none;}
    table.tableStyle_thleft tbody .blLine {border-left: none !important;}

	.photo_wrap .photo_box{float:none;}
	.photo_wrap .photo_info {float:none;margin-left: 0;}

}




/* -------------------------------------------------------------------
 * View 2   (일자리지원센터-채용뷰)
 * ------------------------------------------------------------------- */
.pro_detail {border-top:solid 2px #313131;}
.pro_detail_head { position:relative;border: solid 1px #dadada; background: #f9f9fb;overflow: hidden; padding:23px 20px;clear:both;}
.pro_detail_head h1 { display:inline-block;padding-left: 0;line-height: inherit;    font-size: inherit;background: none;}
.pro_detail_head h1 strong {font-size:18px; color:#666;font-weight:500;}
.pro_detail_head h1 span {line-height:33px;font-size:22px; display:block; font-weight:700}
.pro_detail_head .job_util {position:absolute; top:55%; right:20px}
.pro_detail_head .job_util ul li {position:relative;float: left; padding-left: 10px;margin-right: 10px;}
.pro_detail_head .job_util ul li:before {position: absolute;top: 5px;left: -1px;content: ""; width: 1px;height: 12px;background: #ababab;}
.pro_detail_head .job_util ul li:first-child:before {background: none;}
.pro_detail_head .job_util ul li .date {color: #bf182c;}
.pro_detail_base { border: solid 1px #dadada; border-top:0px;overflow:hidden; padding:30px 22px}
.pro_detail_base div { float:left}
.pro_detail_base div.job_infoL {/*width:198px;*/text-align:center;}
.pro_detail_base div.job_infoL img { /*width:194px; height:104px; border:1px solid #dadada;*/}
.pro_detail_base div.job_infoL p.photo_box {padding:10px; border:1px solid #cccbcb;}
.pro_detail_base div.job_infoR {width:80%; float:right}
.pro_detail_base table {border-collapse:separate; width:100%; table-layout:inherit}
.pro_detail_base table tbody th {position: relative;padding:12px 10px;font-size:16px;text-align:left;font-weight:500;border-bottom: 1px dashed #dadada;color: #000;}
.pro_detail_base table tbody th:before {position: absolute;top: 50%;left: -2px;width: 4px;height: 4px;background-color: #2970b9;content: "";margin-top: -2px}
.pro_detail_base table tbody td {font-size:14px;text-align:left;color:#666;border-bottom:1px dashed #dadada;}
.pro_detail_base table tbody td strong{font-weight:500;}
.pro_detail_base table tbody th.border_none, .pro_detail_base table tbody td.border_none {border:none;}

.pro_detail_base.more {overflow: hidden;clear: both;padding: 15px 20px;min-height: auto;background: #f9fafc;}
.pro_detail_base.more > strong {position: relative;display: block;padding:12px 10px;font-size:15px;text-align:left;font-weight:500;color: #000;}
.pro_detail_base.more > strong:before {position: absolute;top: 50%;left: -2px;width: 4px;height: 4px;background-color: #2970b9;content: "";margin-top: -2px}
.pro_detail_base.more ul {overflow: hidden;margin-bottom: 20px;}
.pro_detail_base.more li {float: left;width:21.8%;margin-right: 4%;padding: 0 0 0 1%;border-right: 1px solid #dedede;}
.pro_detail_base.more li:last-child {border-right: none;margin-right:0;}
.pro_detail_base.more li strong {font-size:15px; color: #3c78ce;font-weight: 600;}
.pro_detail_base.more li span {margin-left: 20px;}

@media (max-width: 999px){
	.pro_detail_head .job_util {position: inherit;top: 10px;left: 0;}
	.pro_detail_base table tbody th, .pro_detail_base table tbody td {display: block;padding: 5px 10px;}
    .pro_detail_base table tbody td {border: none;padding: 8px 0 10px 9px;}
	.pro_detail_base div { float:none;margin-bottom:20px;}
	.pro_detail_base div.job_infoR {width: 100%;float:none}
    .pro_detail_base.more li {float: none; width: 100%; margin-left: 0%; border-right: none;}
}





/* -------------------------------------------------------------------
 * join_tap  
 * ------------------------------------------------------------------- */
.join_tap {}
.join_tap ol{overflow: hidden; position: relative;}
.join_tap ol:after {display:block;clear:both;content:"";}
.join_tap ol li{position: relative;float: left;width:25%;min-height:100px;margin:0;padding-left: 100px;border: none;word-wrap: break-word;word-break: keep-all;}
.join_tap ol li .ui_icon {display: block;width: 71px;height: 71px;}
.join_tap ol li .ui_icon.circle {position: absolute;top: 10px;left: 10px;background-color:#2f71d2;border-radius: 50px;}
.join_tap ol li > .ui_icon {margin: 0;}
.join_tap ol li .ui_icon.pico1{background-position:0 -71px;}
.join_tap ol li .ui_icon.pico2{background-position:-71px -71px;}
.join_tap ol li .ui_icon.pico3{background-position:-142px -71px;}
.join_tap ol li .ui_icon.pico4{background-position:-213px -71px;}
.join_tap ol li .ui_icon.pico5{background-position:-356px -71px;}
.join_tap ol li .ui_icon.pico6{background-position:-285px -71px;}
.join_tap ol li b {display: block;margin-bottom: 5px;margin-top: 20px;color: #54535a;font-size: 16px;line-height: 22px;}
.join_tap ol li em {display: block;color: #767676;line-height: 20px;font-size: 17px;}
.join_tap ol li:after {content: "";display: block;position: absolute;bottom: -22px;left: 50%;width: 15px;height: 8px;margin-left: -7px;background: url(/images/common/ui/ui_icon.png) no-repeat -315px 0;}
.join_tap ol.type2 li:after {display: block;top: 50%;width: 8px;height: 15px;left: auto;right: 8.5%;margin: 0;margin-top: -7px;background-position: -284px 0;}
.join_tap ol.type2 li:last-child:after {display:none;}
@media (max-width: 999px){
	.join_tap ol li {padding-left:0;text-align: center;}
	.join_tap ol li .ui_icon.circle {position: static;top: inherit;left: inherit;margin: 0 auto;}
	.join_tap ol li b {margin-top: 5px;}
}





/* -------------------------------------------------------------------
 * Login  
 * ------------------------------------------------------------------- */
.login-head {width: 100%;height: 140px;padding:40px;text-align: center;box-sizing: border-box;background:url(/images/common/login.jpg) no-repeat;}
.login-head strong {margin: 0;color: #fff;font-size: 24px;font-weight: normal;}
.login-head p {margin-top: 10px;color: #fff;font-size: 16px;font-weight: 500;}
.login-form .login-area { margin:0 auto; width:100%; overflow:hidden;}
.login-form .login-area:after {content:''; clear:both;}
.login-form .login-area .login-input {float:left; margin-right:2%; width:63%;}
.login-form .login-area .login-input input{width: 100%;margin-bottom:10px;}
.login-form .login-area .login-chkBox {float:left; line-height:14px;}
.login-form .login-area .login-chkBox label {margin-right:20px;}
.login-form .login-area button.button.blue,
.login-form .login-area button.button.navy {width:35%; height:86px;  line-height:22px; font-size:14px; box-sizing:border-box;}
.login-form .login-area button.button.blue {color: #fff !important;background-color: #3683c3 !important;}
.login-form .login-area button.button.navy {color: #fff;background-color: #41506e !important;}
.login-form .join-btn {width: 100%;padding-top: 20px;margin-top: 20px;display: inline-block;border-top: 1px solid #e6e6e6;}
.login-form .join-btn a {display: inline-block;min-width: 90px;height: 40px;margin: 0;padding: 0 10px;line-height: 38px;text-align: center;text-decoration: none;border: 1px solid #cccccc;vertical-align: middle;background-color: #fff;}
.login-form .join-btn a:last-child {border-left: 0;}

@media (max-width: 1024px){
	.login-head {height: auto;padding:20px 15px;}
	.login-head strong {font-size: 17px;font-weight: normal;}
	.login-head p {font-size: 14px;}
	.join_cer .box .item .login-form > .text_box {width: 70%;margin: 0 auto;}
	.join_cer .box .item strong.ti {/*text-align: center;*/display: block;margin: 0 0 20px 0;}
	.login-form .login-area {width:100%;}
	.login-form .login-area .login-input {float:none; margin-right:0; width:100%;}
	.login-form .login-area .login-chkBox {float:none;}
	.login-form .login-area button.button.blue,
	.login-form .login-area button.button.navy { width:100%;margin-top: 10px;}

}



/* -------------------------------------------------------------------
 * 수료증  
 * ------------------------------------------------------------------- */

table.res_view{width:540px; margin:0 auto; margin-top:100px; color:#000;  font-size:20px; font-weight:bold;}
table.res_view td{padding:0; text-align:center;}

table.res_view td.comp_number{padding-left:5px; padding-bottom:20px;font-size:20px; text-align:left} /* 수료번호 */
table.res_view td.comp_title{padding-bottom:70px; font-size:70px; line-height:70px;font-family:Gungsuh,궁서;} /* 타이틀(수료증) */
table.res_view td ul.comp_info{padding-bottom:70px; float:right; font-size:20px; text-align:left; line-height:40px;font-family:Gungsuh,궁서;} /* 회원정보 */
table.res_view td.comp_main{padding-bottom:60px; font-size:26px; line-height:50px;font-family:Gungsuh,궁서;} /* 내용설명 */
table.res_view td.comp_title2{position:relative; padding-bottom:40px; font-size:60px; line-height:60px; letter-spacing:40px;} /* 타이틀(당진시장) */
#stamp{position:absolute; top:-36px; right:30px; font-size:0; line-height:0; }
#djtext{position:absolute; left:0; z-index:1; width:540px;font-family:Gungsuh,궁서;}



/* -------------------------------------------------------------------
 * 영수증  
 * ------------------------------------------------------------------- */

#invoice-POS { margin: 0 auto;width:330px;padding: 20px;box-shadow: 0 0 1in -0.25in rgba(0, 0, 0, 0.5);background: #FFF;}
#invoice-POS strong {font-size:18px;text-align: center;display: block;font-weight: 600;}
#invoice-POS h3 {font-size: 1.2em;font-weight: 300;line-height: 2em;}
#invoice-POS .info {display: block;margin-bottom: 20px;}
#invoice-POS p {font-size:14px;color: #333;line-height:1.7;}
#invoice-POS #bot {border-bottom: 1px solid #EEE;}
#invoice-POS table {width: 100%;border-collapse: collapse;}
#invoice-POS table td{width: 100%;padding: 5px 10px;border-collapse: collapse;}
#invoice-POS .tabletitle {font-size:14px;background: #EEE;}
#invoice-POS table tr{border-bottom: 1px solid #EEE;}
#invoice-POS table tr:last-child{border-bottom:none}
#invoice-POS .item {width: 70%;}
#invoice-POS .price {width: 30%;}
#invoice-POS #copy {text-align: center;line-height: 2.1;padding: 10px 0;}


/* -------------------------------------------------------------------
 * 좌석지정  
 * ------------------------------------------------------------------- */
.seat_all {width: 802px;padding: 0 10px 50px 10px;background: #fff;}
.seat_all:after {display: block;clear: both;content: "";}
.seat_all .ti {font-size: 15px;color: #fff;text-align: center;width: 40px;height: 40px;margin: 0 auto;line-height: 40px;border-radius: 50px;background: #467de1;}
.seat_all .seat_num {font-size: 16px;}
.seat_bg {background: #fff;}
.seat_bg:after {display: block;clear: both;content: "";}
.stage {width: 100%;height: 30px;line-height: 30px;margin: 20px auto 15px auto;color: #fff;text-align: center;background:#666;}
.area {float: left;}
.area_01 {width: 140px;height: 265px;margin: 15px 12px 0 0;}
.area_02 {width: 230px;height: 265px;margin: 15px 12px 0 0;}
.area_03 {width: 230px;height: 265px;margin: 15px 12px 0 0;}
.area_04 {width: 140px;height: 265px;margin: 15px 0 0 0;}
.area_05 {width: 140px;height: 186px;margin: 15px 12px 0 0;}
.area_06 {width: 230px;height: 186px;margin: 15px 12px 0 0;}
.area_07 {width: 230px;height: 186px;margin: 15px 12px 0 0;}
.area_08 {width: 140px;height: 186px;margin: 15px 0 0 0;}

.legend {}
.legend:after {content:"";display:block;clear:both;}
.legend .notes {width: 20px;height: 20px;line-height: 20px;float: left;margin: 1.5px;font-size: 10px;color: #fff;text-align: center;cursor: pointer;background: #8f8f8f;}
.legend span{font-size:13px;}
.legend .seat_ul{float:left;margin-right:10px;}

.seat_ul {margin: 0;}
.seat_ul:after {display: block;clear: both;content: "";}
.seat_ul li {width: 20px;height: 20px;line-height: 20px;float: left; margin: 1.5px;font-size: 10px;background: #8f8f8f;color: #fff;text-align: center;cursor: pointer;list-style: none;}
.seat_ul .select_seat {background: #545f9c;}
.seat_ul .block_seat {background: #E5E1E1;}
.seat_ul .disabled_seat {width: 43px;height: 25px;line-height: 25px;background: #98bf1b;}
.seat_ul .select_disabled_seat {width: 43px;height: 25px;line-height: 25px;background: #f19430;}
.seat_ul .block_disabled_seat {width: 43px;height: 25px;line-height: 25px;background: #E5E1E1;}
.seat_ul .already_disabled_seat {width: 43px;height: 25px;line-height: 25px;background: #E5E1E1;}
.seat_ul .already_seat {background: #E5E1E1;}
.seat_ul img {margin: 0 2px 0 0;    vertical-align: middle;}
.seat_ul .no_seat {visibility: hidden;width: 20px;height: 20px;}
.seat_td {vertical-align: top;border-right: 1px solid #e4e2e3;border-bottom: 1px solid #e4e2e3;}




/* -------------------------------------------------------------------
 * 캘린더
 * ------------------------------------------------------------------- */
.ctrmm {width: 270px;margin: 0 auto 20px;line-height: 38px;text-align: center;}
.ctrmm:after{content:"";display:block;clear:both}
.ctrmm #calTitle {display: inline-block;text-align: center;font-size: 25px;}
.arrow{background:url(/images/common/prog/arrow.png) no-repeat;}
.ctrmm .calBtn{width:45px;height:45px;font-size:0;}
.ctrmm a{display:inline-block;width:45px;height:45px;}
.ctrmm .prev{float:left;background-position:0 0;}
.ctrmm .next{float:right;background-position:-46px 0;}

.getSchedule a.open{display: block;width: 100%;height: 100%;margin-top: 5px;padding: 3px 5px;border: 2px solid #467de1;text-align: left;}