\html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;} 
.btn_mo_gnb,
.btn_win_close {display:none;}
.width_2 {width:2%;}
.width_3 {width:3%;}
.width_4 {width:4%;}
.width_5 {width:5%;}
.width_6,
.width_6_1 {width:6%;}
.width_7,
.width_7_1 {width:7%;}
.width_8 {width:8%;}
.width_9 {width:9%;}
.width_10 {width:10%;}
.width_11 {width:11%;}
.width_12 {width:12%;}
.width_13 {width:13%;}
.width_15 {width:15%;}
.width_18 {width:18%;}
.width_19 {width:19%;}
.width_20 {width:20%;}
.width_22 {width:22%;}
.width_23 {width:23%;}
.width_25 {width:25%;}
.width_28 {width:28%;}
.width_30 {width:30%;}
.width_35 {width:35%;}
.width_40 {width:40%;}
.width_45 {width:45%;}
.width_50 {width:50%;}
.no_wrap {white-space:nowrap;}
.ui-state-default .ui-icon {background-color: transparent; background-image: none;}
.ui-state-default,
.ui-multiselect {padding: 0 15px; border-radius: 0; background-color: transparent;}
.ui-corner-all {border-radius: 0;}
.ui-state-default, 
select {max-width:98%; min-height: 34px; margin: 1px 0; padding: 0 35px 0 15px; border: 1px solid #ddd; appearance: none; background: url(/img/common/icon_select_arrow.png) no-repeat right 50%; color: #222;}
.tbl_1 td.noSel select {width:auto;}
.titLine1_2 {padding-top:15px;}
.box_btn_1 {padding:5px 0 10px;}
@media screen and (max-width:3000px) and (min-width:1300px) {
	 .cWidth23 {width:23px;}
	 .cWidth25 {width:25px;}
	 .cWidth26 {width:26px;}
	 .cWidth27 {width:27px;}
	 .cWidth30 {width:30px;}
	 .cWidth35 {width:35px;}
	 .cWidth40 {width:40px;}
	 .cWidth50 {width:50px;}
	 .cWidth60 {width:60px;}
	 .cWidth70 {width:70px;}
	 .cWidth80,
	 .c_width80 {width:80px;}
	 .cWidth90,
	 .c_width90 {width:90px;}
	 .cWidth100 {width:100px;}
	 .cWidth110 {width:110px;}
	 .cWidth120 {width:120px;}
	 .cWidth130 {width:130px;}
	 .cWidth140 {width:140px;}
	 .cWidth150 {width:150px;}
	 .cWidth160 {width:160px;}
	 .cWidth170 {width:170px;}
	 .cWidth180 {width:180px;}
	 .cWidth200 {width:200px;}
	 .cWidth210 {width:210px;}
	 .cWidth220 {width:220px;}
	 .cWidth230 {width:230px;}
	 .cWidth240 {width:240px;}
	 .cWidth250 {width:250px;}
	 .cWidth270 {width:270px;}
	 .cWidth400 {width:400px;}
	 .minWidth50 {min-width:60px;}
}
@media screen and (max-width:3000px) and (min-width:650px) {    
	.web_none {display:none}            
}
@media screen and (max-width:1300px) {
	 .cWidth23 {width:2%;}
	 .cWidth25 {width:2%;}
	 .cWidth26 {width:2.2%;}
	 .cWidth27 {width:2.3%;}
	 .cWidth30 {width:3%;}
	 .cWidth35 {width:3.5%;}
	 .cWidth40 {width:4%;}
	 .cWidth50 {width:5%;}
	 .cWidth60 {width:6%;}
	 .cWidth70 {width:7%;}
	 .cWidth80,
	 .c_width80 {width:8%;}
	 .cWidth90,
	 .c_width90 {width:9%;}
	 .cWidth100 {width:10%;}
	 .cWidth110 {width:11%;}
	 .cWidth120 {width:12%;}
	 .cWidth130 {width:12.5%;}
	 .cWidth140 {width:13%;}
	 .cWidth150 {width:13.5%;}
	 .cWidth160 {width:14%;}
	 .cWidth170 {width:15%;}
	 .cWidth180 {width:15.5%;}
	 .cWidth200 {width:16%;}
	 .cWidth210 {width:17%;}
	 .cWidth220 {width:18%;}
	 .cWidth230 {width:20%;}
	 .cWidth240 {width:21%;}
	 .cWidth250 {width:22%;}
	 .cWidth270 {width:24%;}
	 .cWidth400 {width:26%;}
	 .minWidth50 {min-width:60px;}
}
@media screen and (max-width:810px) {
	.boxIndex1 {padding:0;}
	.boxIndex2,.boxIndex3 {position:relative; padding:0; margin:0; width:100%;}
	.moView {display:none;}
	.mWidth100 {width:10%;}
	.mWidth120 {width:12%;}
	.mWidth130 {width:13%;}
}
@media (max-width:800px){
	#header h1 {margin-left:15px; margin-right:0;}
	.area_index {background-image:url('/img/common/bgLogin1.png'); background-repeat:no-repeat; background-position:left bottom; background-size:contain;}
	.area_index .mainContent {background-color:transparent;}
	.mainContent {padding:5px 0;}
	.titLine1_1 {padding:0 10px;}
	.boxLogin {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.boxLogin {width:100%; padding:50px 20px 10px; background-image:none;}
	.box_login_1 {width:290px; margin:0 auto;}
	.area_index #container {margin-top:0;}
	#gnb {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	#gnb {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
	.top_menu {margin-top:-30px;}
	.top_menu h1 {top:50px;} 
	.col_3 {width:6%;}
	.col_4 {width:8%;}
	.col_5 {width:10%;}
	.col_6 {width:12%;}
	.col_7 {width:14%;}
	.col_9 {width:18%;}
	.col_10 {width:20%;}
	.col_11 {width:22%;}
	.col_12 {width:24%;}
	.col_15 {width:30%;}
	.mo_none {display:none !important;}
	.btn_mo_gnb {display:block; position:absolute; top:24px; right:10px;}
	#header ul.top_menu {top:54px; right:40px;}
	#gnb li:nth-child(n+5) {display:none;}             
	.ui-multiselect {margin:3px 0;}
	#gnb {display: flex; justify-content: center; padding-right:20px; padding-left: 20px; text-align:right;}
	.boxJosa4 {margin-bottom:10px;}
}
@media (max-width:640px){
	#header {display: flex; justify-content: space-between; align-items: center; padding: 0 20px;}
	#header h1 {width:23%; max-width:144px; margin-left: 0;}
	#header h1 > span {margin-left: 0; font-size: 15px;}
	#header h1 > span:before {display: none;}
	#header h1 > span:after {display: block; width: 16px; height: 23px; margin-left: 10px; background: url(/img/common/logo_icon_mobile.png) no-repeat; background-size: contain; content: '';}
	.wrap_cont_mo {margin-left: 15px; margin-right: 15px;}
	.boxLogin .h3_tit_1 {text-align:center;}
	.box_login_1 {-webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:10px; -webkit-border-radius:3px; border-radius:3px; background-color:#0c4da2; color:#fff;}
	.box_login_1 input[type=text],
	.box_login_1 input[type=password] {border:none; font-size:13px; line-height:18px;}
	.boxLogin .box_login_1 input[type="submit"] {padding-top:18px; padding-bottom:15px;}
	.wrapper {padding:0;}
	#container {padding-top:0; padding-left:0; padding-right:0; border:none;}
	.btn_win_close {display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px;}
	.btn_win_close a {display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 45px; border: none; background-color: transparent; text-indent: -9999em; cursor: pointer;}
	.btn_win_close a:before,
	.btn_win_close a:after {display: block; position: absolute; top: 50%; left: 50%; width: 3px; height: 26px; transform: translate(-50%, -50%) rotate(45deg); background-color: #fff; content: '';}
	.btn_win_close a:before {transform: translate(-50%, -50%) rotate(135deg);} 
	.wrap_btn_close {display: none;}
	#popWrap {overflow:hidden; padding:0;}
	.titLine1_1 h2 {font-size:1.3em;}
	#gnb {padding: 0; background-color: transparent;}
	#gnb li a {display: flex; align-items: center; justify-content: center; position: relative; padding:0 8px; font-size: 13px; color: #333; letter-spacing:-0.06em;}
	#gnb li a:hover,
	#gnb > li.on > a {color: #000;}
	#gnb li + li a:after {display:block; position:absolute; top:50%; left: 0; transform: translateY(-50%); width: 1px; height: 8px; background-color:#dadbdc; content:'';}
	#gnb li a span {padding:0; border-left:none;}
	#gnb > li.on > a:before {display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #dadbdc; content: ''; }
	.area_util,
	.user_none {display:none !important;}
	.box_tab_1 .ul_tab_1 {float:none; width:100%;}
	.mo_none_1 {display:none !important;}
	.footer .span_txt_1 {display:block;}
	.c_width80,
	.c_width90 {width:10%;}
	.width_2 {width:4%;}
	.width_4 {width:8%;}
	.width_5 {width:10%;}
	.width_6 {width:12%;}
	.width_6_1 {width:20%;}
	.width_7 {width:14%;}
	.width_7_1 {width:16%;}
	.width_8 {width:16%;}
	.width_10 {width:20%;}
	.width_11 {width:22%;}
	.width_13 {width:26%;}
	.width_15 {width:*;}
	.cWidth40 {width:9%;}
	.cWidth50 {width:11%;}
	.cWidth60 {width:12%;}
	.cWidth70 {width:14%;}
	.cWidth80 {width:16%;}
	.cWidth90 {width:18%;}
	.mo_width_8 {width: 8%;}
	.mo_width_10 {width: 10%;}
	.mo_width_12 {width: 12%;}
	.mo_width_15 {width: 15%;}
	.mo_width_16 {width: 16%;}
	.mo_width_18 {width: 18%;}
	.mo_width_20 {width: 20%;}
	.mo_width_22 {width: 22%;}
	.mo_width_25 {width: 25%;}
	.mo_width_0,
	.cWidth120,
	.minWidth50 {width: auto;}
	.input150,
	.input200,
	.input70,
	.tbl_1 td select,
	.tbl_1 td input[type='text'] {width:98%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.tbl_1 td select {padding-left: 10px; padding-right: 25px; background-position: 105% 50%;}
	#container {margin-top:0;}
	.mainContent {padding-top:0;}
	.titLine1_1 {display: flex; align-items: center; position:relative; min-height: 45px; margin-bottom: 10px; background-color:#448ccb; background-image:none;}
	.titLine1_1 h3 {font-size: 18px; line-height: 1.6em; color:#fff;}
	.box_header {background-image:none; /*background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 90%, #e5e5e5 90%, #2a567c 91%, #448ccb 93%, #448ccb 100%, #448ccb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(90%,#e5e5e5), color-stop(90%,#e5e5e5), color-stop(91%,#2a567c), color-stop(93%,#448ccb), color-stop(100%,#448ccb), color-stop(100%,#448ccb)); background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 90%,#e5e5e5 90%,#2a567c 91%,#448ccb 93%,#448ccb 100%,#448ccb 100%); background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 90%,#e5e5e5 90%,#2a567c 91%,#448ccb 93%,#448ccb 100%,#448ccb 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 90%,#e5e5e5 90%,#2a567c 91%,#448ccb 93%,#448ccb 100%,#448ccb 100%); background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 90%,#e5e5e5 90%,#2a567c 91%,#448ccb 93%,#448ccb 100%,#448ccb 100%);*/}
	.titLine1_1 .ulBtnIn1 {float:none; position:absolute; bottom:-20px; right:0;}
	.titLine1_1 .btn,
	.titLine1_1 .btn span {background-image:none;}
	.titLine1_1 .ulBtnIn1 li {background-color:#fff; -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.3); -moz-box-shadow:2px 2px 4px rgba(0,0,0,.3); box-shadow:2px 2px 4px rgba(0,0,0,.3);}
	.titLine1_1 .ulBtnIn1 li.on a {background-color:#a9d815;}
	.titLine1_1 .ulBtnIn1 li a span {font-family:'Helvetica','Droid Sans';}
	.titLine1_1 .ulBtnIn1 li.on a span {color:#fff; font-weight:bold;}
	.table1, 
	.tableV1 {width:100%;}
	.table1 th,
	.table1 td,
	.table1 .bCol2 {padding:7px 3px; border-left: none; border-right: none;}
	.table1 .bCol2 {border-right: none !important;}
	.table1 thead th {position:relative;}
	.table1 thead th:before {display:block; position:absolute; top:50%; left:0; width:1px; height:8px; margin-top:-4px; background-color:rgba(0,0,0,.2); content:'';}
	.table1 thead th:first-child:before {display:none;}
	.table1 {border-top:none;}
	.table1,
	.table1 thead th,
	.table1 thead th.th1 {border-left: none; border-right: none;}
	.tdColor1 {background-color:transparent;}
	th.noWrap,
	td .noWrap {white-space:normal;}
	.tabM {width:100%; padding:0;}
	.tabM:after {display:block; clear:both; visibility:hidden; height: 0; content:'';}
	.tabM li {margin: 0; padding: 0 1px; background-image:none;}
	.tabM li a {height: 35px; min-height:35px; background-image:none; text-align:center; white-space: nowrap;}
	.tabM li,
	.tabM li a {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.tabM li.on a {padding:0;}
	.box_clfix_1 > .clearfix {float:left; width:70%;}
	.box_clfix_1 > .clearfix:not(.box_clfix_2) .fr {float:left;}
	.box_clfix_1 > .box_clfix_2 {width:30%;}
	#footer {padding:10px;} 

	.tbl_mo:not(.board_schedule) colgroup,
	.tbl_mo:not(.board_schedule) thead,
	.tbl_mo:not(.board_schedule) tbody th,
	.tbl_mo:not(.board_schedule) tfoot {display:none;}

	.td_mo_1 {width:80% !important;}
	.td_mo_1 span,
	.td_mo_1 select {width:95%;}
	.tbl_mo td:not(.printOut1) a:not(.button) {display:block; padding:3px 0; font-weight:600; color:#000;}
	.tbl_mo td .mo_txt_3 a {display:inline-block;}
	.tbl_mo td .mo_txt_4 {display:block;}
	.tbl_mo td .mo_txt_1 .span_txt_1 {display:inline-block; margin-right:3px; padding:0 3px;}
	.tbl_mo .span_txt_2 {margin-left:0;}
	
	.tbl_mo:not(.board_schedule) thead,
	.tbl_mo:not(.board_schedule) tbody th,
	.tbl_mo:not(.board_schedule) tfoot {display:none;}
	
	/* table 1 */
	.tbl_mo:not(.board_schedule) {display:block; float:none; clear:both; width:100%; border-bottom:none;}
	.tbl_mo:not(.board_schedule) tr span.th_span,
	.tbl_mo:not(.board_schedule) tbody,
	.tbl_mo:not(.board_schedule) tr,
	.tbl_mo:not(.board_schedule) td {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
	.tbl_mo:not(.board_schedule) td.alignC {text-align:left !important;}
	.tbl_mo:not(.board_schedule) tr,
	.tbl_mo:not(.board_schedule) td,
	.tbl_mo:not(.board_schedule) tbody,
	.tbl_mo:not(.board_schedule) tfoot {display:block; float:none; clear:both; width:100%;}
	.tbl_mo.type_sp_1 tbody td {min-width:368px;}
	.tbl_mo:not(.board_schedule) tr {margin:2px 0; /*padding:5px 0;*/ background-color:#fff;}
	.tbl_mo:not(.board_schedule) tr td {clear:both; position:relative; height: auto; min-height:38px; padding:3px 10px 3px 27%; border-bottom-color:#f0f0f0; border-top:none; color:#666; line-height:25px; text-align:left;}
	.tbl_mo:not(.board_schedule) tr td:first-child {border-top:1px solid #f0f0f0;}
	.tbl_mo:not(.board_schedule) tr td:last-child {border-bottom:1px solid #f0f0f0;}
	.tbl_mo:not(.board_schedule) tr td.ac {text-align:left !important;}
	.tbl_mo:not(.board_schedule) tr td:first-child {margin-top:3px;}
	.tbl_mo:not(.board_schedule) tr td:last-child {margin-bottom:3px; /*border-bottom:none;*/}
	.tbl_mo:not(.board_schedule) tr td:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
	.tbl_mo:not(.board_schedule) tr td .btn_white_1 {float:left; height:27px; border:none; line-height:27px;}
	.tbl_mo:not(.board_schedule) tr td .btn_white_3 {float:left; height:27px; border:none; line-height:27px;}
	.tbl_mo:not(.board_schedule) tr span.th_span {display:block; position: absolute; top:3px; left:5px; width:24%; margin-right:5px; padding:5px; border:1px solid #f0f0f0; background-color:#f5f5f5; font-weight:bold; line-height:15px; color:#333;}
	.tbl_mo:not(.board_schedule) td.td_link span.th_span {float:none; margin-bottom:5px;}
	.tbl_mo .icon_file {display:inline-block; width:14px; vertical-align:middle;}
	.tbl_mo:not(.board_schedule) tr.type_1 td {padding-left:5px; padding-right:5px;}
	.tbl_mo:not(.board_schedule) tr.type_1 span.th_span {-webkit-box-sizing:border-box; box-sizing:border-box; float:none; position: relative; top:auto; left:auto; width:100%; margin-right:0;}
	.tbl_mo:not(.board_schedule) .span_txt_1 {display:inline-block; padding-left:10px; padding-right:10px;  text-align:center;}
	.area_pop_wrap {margin-left: 15px; margin-right: 15px; padding: 0;}
	#popWrap .area_pop_wrap form {margin-left: 0; margin-right: 0; padding: 0;}
	.alignR.alignMoC {text-align:center !important;}
	.boxReport .clearfix:not(.titLine1),
	.mainContent .clearfix:not(.titLine1),
	#popWrap form {padding-left: 0; padding-right: 0;}
	.mainContent .boxTxt1,
	#popWrap form {margin-left: 15px; margin-right: 15px;}
	#popWrap .titLine1 {height: 45px; margin-bottom: 20px; padding: 0 50px 0 15px;}
	.main_iframe .titLine1 h3,
	#popWrap .titLine1 h2,
	#popWrap .titLine1 h3 {font-size: 17px;}
	.popWrapper .tabM {width: auto;}
}
@media (max-width:420px){
	#header {padding: 0 15px;}
	#popWrap.type_1 {padding:10px;}
	#popWrap .titLine1 h2,
	#popWrap .titLine1 h3 {padding-left:10px;}
	#header h1 {width:25%; margin:0;}
	#gnb {text-align:right;}
}
@media (max-width:320px){
	.top_menu h1 {top:37px; width:150px;} 
	.top_menu h1 span.logo {float:none;}
	.top_menu h1 span.txt {display:block; float:none; padding-right:7px; font-size:12px; line-height:14px; text-align:right;}
}