@charset "utf-8";

/* 공통 */
.page {width: 100%; height: 100%; overflow: auto; position: relative;}

/* 인풋 */
label {min-height: 26px; font-size: 1.4rem; padding: 4px 0; text-align: right; font-weight: 600; }
input, select {height: 26px; padding: 4px 5px; font-size: 1.2rem; line-height: 1.6rem; text-overflow: ellipsis; float:left;}
input:disabled {background-color: #eee; }
select {background-image: url(../images/common_select.png); background-repeat: no-repeat ; background-position-x: calc(100% - 10px); background-position-y:50%; background-size:10px 7px; }
textarea {float: left;}

/* 버튼 */
button {min-height: 26px; border-radius: 2px; font-size: 1.2rem; text-align: center; padding: 5px 10px; min-width: 26px; line-height: 1.6rem; margin: 0 5px;}
button:disabled, button[disabled] {background:#ddd; color: #999;}
.btn_01 {background-color: #18314d; color: #fff;}
.btn_02 {background-color: #424749; color: #fff;}
.btn_03 { border: 1px solid #a1a1a1;  border-radius: 0; padding: 4px 10px;
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 1%, #e9e9e9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefefe 1%,#e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefefe 1%,#e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.btn_03.calendar {background-image: url(../images/calendar.png); background-repeat:  no-repeat; background-position: 50%; background-size:13px; float: left; margin: 0;}
.btn_03.search {background-image: url(../images/search_01.png); background-repeat:  no-repeat; background-position: 50%; background-size:13px; float: left; margin: 0;}
.btn_03.sms {background-image: url(../images/message.png); background-repeat:  no-repeat; background-position: 50%; background-size:13px; float: left; margin: 0;}
.btn_03.save {background-image: url(../images/save2.png); background-repeat:  no-repeat; background-position: 50%; background-size:13px; float: left; margin: 0;}
.btn_03.card {background-image: url(../images/card.png); background-repeat:  no-repeat; background-position: 50%; background-size:13px; float: left; margin: 0;}
/*0528빅터추가*/.btn_03.reset {background-image: url(../images/reset.png); background-repeat:  no-repeat; background-position: 50%; float: left; margin: 0;}
.btn_wrap {float: right; margin-left: 20px;}
.btn_wrap button:first-child {margin-left: 0;}
.btn_wrap button:last-child {margin-right: 0;}

/* 체크박스 */
.checkbox_wrap {float: left; margin-right: 10px;  padding: 3px 0;}
.checkbox_wrap:last-child {margin-right: 0;}
.checkbox_lbl {font-size:1.3rem; margin-left:27px; line-height: 2rem; text-align: left; color:#666666; font-weight: normal;}
.checkbox_wrap label {vertical-align:middle; cursor: pointer;}
.checkbox_wrap input[type='checkbox'] {display: none!important; min-width:20px;}        
.checkbox_wrap span {float:left; margin:1px auto; width:18px; height: 18px; display: block;  background: url("../images/common_checkbox_off.png"); background-size:100%;}  
.checkbox_wrap input:checked + span {background: url("../images/common_checkbox_on.png"); background-size:contain;}
/* jqgrid 체크박스 */
.ui-jqgrid input[type='radio'], input[type='checkbox'] {-webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox;}

/* 라디오 스타일 */
.radio_wrap {float: left; margin-right: 10px; padding: 3px 0;}
.radio_wrap:last-child {margin-right: 0;}
.radio_wrap .radio_lbl {font-size:1.3rem; margin-left:27px; line-height: 2rem; text-align: left; color:#666666; font-weight: normal;}
.radio_wrap label {vertical-align:middle;}                       
.radio_wrap input {display: none;}
.radio_wrap span {float:left; margin:0 auto; width:20px; height: 20px; display: block;  background: url("../images/common_radio_off.png"); background-size:100%; background-repeat: no-repeat;}  
.radio_wrap input:checked + span {background: url("../images/common_radio_on.png"); background-size:100%; background-repeat: no-repeat;}
.radio_wrap.radio_cf {clear: both;}

/* 체크박스_그리드 */
.grid-box-style .checkbox_wrap { float:none; width:20px; height:20px; white-space:normal; }
.grid-box-style .checkbox_wrap span { float:none; display:inline-block; }
.grid-box-style .checkbox_lbl { float:none; display:inline-block; margin-left:0; }

/* float 속성이 있는 자식의 부모 요소 높이값을 자동으로 맞추기 */
.cf:after{content: ''; display: block; clear: both;}

/* 글자 꾸미기 */
.highlight {background-color: yellow; float: none !important;}
.txt_red {color:#ed434c;}
.txt_navy {color:#03346b;}

/* 텍스트 정렬 */
.align_l {text-align: left !important; }
.align_r {text-align: right !important; }
.align_c {text-align: right !important;}

/* 헤더 */
.header {width: 100%; height: 60px; background-color: #333; color: #fff; position: fixed;}
.header .btn_subMenu {width: 60px; height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.6); padding:18px; float: left; cursor: pointer;}
.header .btn_subMenu.on {background-color: #2196d3}
.header .logo {width: auto; height: 30px; margin: 15px 20px; float: left;}
.header .logo.text{width: auto;height: auto;margin: 8px 15px;float: left;}
.header .logo.text p{font-size: 18px;line-height: 1.4;font-weight: bold;}
.header .logo.text p:nth-child(1){  }
.header .logo.text p:nth-child(2){font-size: 14px;}
.header .gnb_wrap {width: 640px; margin: 0 auto; height: 100%; cursor: pointer;}
.header .gnb_wrap li {min-width: 90px; height: 100%; font-size: 1.3rem; text-align: center; padding: 10px; float: left;}
.header .gnb_wrap li.on, .header .gnb_wrap li:active {background-color: #2196d3; border-bottom: 5px solid #1e87bd;}
.header .gnb_wrap li .nav_img {width: 20px; height: 20px; margin: 0 auto 4px;}
.header .gnb_r_wrap {font-size: 1.2rem; position: absolute; top: 21px; right:0;}
.header .gnb_r_wrap li {border-right: 1px solid #fff; padding: 0 16px; cursor: pointer; float: left; line-height: 1.6rem;}
.header .gnb_r_wrap li:last-child {border: none; padding-right: 20px;}

/* 서브메뉴 */
.lnb_wrap {width: 250px; height: calc(100% - 60px); border-right: 1px solid #dadada; background-color: #fff; z-index: 999; overflow: auto; float: left; position: fixed; left:0; top:60px;}
.lnb_wrap .dep_01 {width:100%; min-height: 40px; padding: 10px 20px; font-size: 1.8rem; line-height: 2rem; color: #03346b; border-bottom: 1px solid #dadada; font-weight: 600;}
.lnb_wrap .dep_02_wrap {color: #555; width:100%; font-weight: 600; font-size:1.4rem; line-height: 2rem;}
.lnb_wrap .dep_02_wrap .dep_02 {width:100%; min-height: 50px; padding: 15px 40px 15px 20px; background: url(../images/arrow_02.png) no-repeat; background-position-x: calc(100% - 20px); background-position-y:50%; background-size:16px 10px; border-bottom: 1px solid #dadada; cursor: pointer;}
.lnb_wrap .dep_02_wrap .dep_02.on {background: url(../images/arrow_01.png) no-repeat; background-position-x: calc(100% - 20px); background-position-y:50%; background-size:16px 10px;}
.lnb_wrap .dep_02_wrap .dep_02:active {background-color: #f3f3f3;}
.lnb_wrap .dep_02_wrap .dep_03_wrap {background-color: #f3f3f3; border-bottom: 1px solid #dadada; font-weight: normal; display: none;}
.lnb_wrap .dep_02_wrap .dep_03_wrap.on{height:auto;}
.lnb_wrap .dep_02_wrap .dep_03_wrap .dep_03 {width:100%; min-height: 40px; padding: 10px 20px;  cursor: pointer;} 
.lnb_wrap .dep_02_wrap .dep_03_wrap .dep_03::before {content: "-"; margin-right: 5px;}
.lnb_wrap .dep_02_wrap .dep_03_wrap .dep_03:active {background-color: #dfedf4; color:#2196d3;}
.lnb_wrap .dep_02_wrap .dep_03_wrap .dep_03.on {background-color: #dfedf4; color:#2196d3;}


/* 콘텐츠 영역 */
.contents {width: calc(100% - 250px); height: calc(100% - 60px); overflow: hidden; margin: 60px 0 0 250px;}
.contents.full {width: 100%; margin-left: 0;}
.cnt_wrap { padding: 20px; height: 100%;}
.cnt_wrap.gray {background-color:#f5f5f5; padding:0;}
.cnt_wrap .cnt_subTitle {margin-bottom: 10px; font-size: 1.6rem; float: left; }
/* 제목 영역 */
.cnt_wrap .cnt_title_wrap {width: 100%; height: 32px; padding: 0 0 12px 0; border-bottom: 2px solid #666; margin-bottom: 10px;}
.cnt_wrap .cnt_title_wrap .cnt_title {width:50%; font-size: 1.6rem; font-weight: 600; float: left;}
.cnt_wrap .cnt_title_wrap .cnt_route {width:50%; font-size: 1.2rem; float: right; color: #909090; text-align: right;}
.cnt_wrap .cnt_title_wrap .cnt_route span::after {content:">"; margin: 0 5px;}
.cnt_wrap .cnt_title_wrap .cnt_route span:last-child {color: #03346b; font-weight: 600;}
.cnt_wrap .cnt_title_wrap .cnt_route span:last-child::after {content: "";}
/* 검색영역 */
.cnt_search {width: 100%; padding: 20px  20px 10px; background-color: #f3f3f3; border: 1px solid #e0e0e0; margin-bottom: 20px; position: relative; float: left;}
.cnt_search .search_box {width: calc(100% - 160px); float: left;}
.cnt_search .search_box.search_box_2 { width: calc(100% - 104px);}
.cnt_search .search_box .dl_wrap {width: calc(100% / 3 - 0.1px); min-height: 26px; float: left; margin-bottom: 10px; position: relative;}
.cnt_search .search_box .dl_wrap.w50 {width: calc(100% / 2);}
.cnt_search .search_box .dl_wrap.w70 {width: calc(100% / 3 * 2);}
.cnt_search .search_box .dl_wrap.w100 {width: 100%;}
.cnt_search .search_box .dl_wrap > label {width: 110px;margin: 0 10px;float: left;}
.cnt_search .search_box .fromTo_dl_wrap {width: calc(100% / 3 * 2); min-height: 26px; float: left; position: relative;}
.cnt_search .search_box .fromTo_dl_wrap .dl_wrap {width: 50%;}
.cnt_search .search_box .fromTo_dl_wrap .dl_wrap .fromTo_dd_wrap {position: relative;}
.cnt_search .search_box .fromTo_dl_wrap .dl_wrap .fromTo_btn_wrap {position: absolute; left: 100%; width: 100%; z-index: 999;}
.cnt_search .btn_wrap {position: absolute; right: 20px; bottom: 20px;}
.cnt_search .btn_wrap .btn_01.search {background-image: url(../images/search_02.png); background-repeat:  no-repeat; background-position: 10px 50%;  background-size:13px; padding-left: 25px;}

.cnt_search .btn_wrap_2 { width:100px;}
.cnt_search .btn_wrap_2 button{float:right;}
.cnt_search .btn_wrap_2 button:first-child{margin-bottom:10px; margin-right:0;}


/* '검색영역 & 정의형 목록 테이블' dd 스타일 */
.dd_wrap {width: calc(100% - 130px); float: left;}
.dd_wrap button, .dd_wrap span {float: left; margin:0 0 0 5px}
.dd_wrap.multi input:first-child {width: 30%; margin-right: 10px;}/*multi = 인풋타입:2분할 30%:70%*/
.dd_wrap.multi input:nth-child(2) {width: calc(70% - 10px);}
.dd_wrap.multi select {width: calc(50% - 5px); margin-right: 10px;}
.dd_wrap.multi select:last-child {width: calc(50% - 5px); margin-right: 0;}
.dd_wrap.multi_02 input {width: calc(50% - 5px); margin-right: 10px;}/*multi_02 = 인풋타입:2분할 50%:50%*/
.dd_wrap.multi_02 input:nth-child(2) {margin-right: 0;}
.dd_wrap.multi_03 input:first-child {width: 30%; margin-right: 10px;}/*multi_03 = 인풋타입:3분할 30%:20%:50%*/
.dd_wrap.multi_03 input:nth-child(2) {width: calc(20% - 10px); margin-right: 10px;}
.dd_wrap.multi_03 input:nth-child(3) {width: calc(50% - 10px);}
.dd_wrap.multi_03 .input_btn {width: calc(50% - 36px)!important; border-right: none; cursor: pointer;}
.dd_wrap.multi_04 input,
.dd_wrap.multi_04 select {width: calc(33.3% - 10px); margin-right: 10px;} /*multi_04 = 인풋타입:연락처 3분할*/
.dd_wrap.multi_04 input:last-child,
.dd_wrap.multi_04 select:last-child {width: 33.4%; margin-right: 0;}
.dd_wrap.multi_05 input{width: calc(33.3% - 18px);} /*multi_05 = 인풋타입:시분초 3분할*/
.dd_wrap.multi_05 span {width: 26px; height:26px; text-align: center; margin: 0;}
.dd_wrap.multi_06 input {width:calc(30% - 10px); margin-right: 10px;}/*multi_06 = 인풋타입:3분할 30%:30%:40%*/
.dd_wrap.multi_06 input:last-child {width:40%; margin-right: 0}
.dd_wrap.btn_multi input:first-child {width: 30%; margin-right: 10px;}
.dd_wrap.btn_multi input:nth-child(2) {width: calc(70% - 36px); border-right: 0px;}
.dd_wrap.reset input:nth-child(2) {width: calc(70% - 72px);}/*reset = 인풋2개+아이콘버튼2개*/
.dd_wrap.reset button:nth-child(3) {margin-right: 10px;}
.dd_wrap.reset_02 input:nth-child(1) {width:calc(100% - 62px);}/*reset_02 = 인풋1개+아이콘버튼2개*/
.dd_wrap.reset_02 button:nth-child(2) {margin-right: 10px;}
/* 0610빅터수정.dd_wrap.reset_03 .fromTo {width:calc(50% - 31px);}/*reset_03 = fromTo+아이콘버튼*/ 
/* 0610빅터수정 .dd_wrap.reset_03 > button:last-child {margin-left:10px;}*/
.dd_wrap.reset_03 .fromTo {width: calc(50% - 49px);}/*reset_03 = fromTo+아이콘버튼*/
.dd_wrap.reset_03 > button.reset {margin-left: 10px;}
.table_wrap_02 dl .reset_03 > input {width: calc(50% - 46px);}
.table_wrap_02 dl .reset_03 i{display:block;width: 20px;height: 10px;float: left;font-style: normal;font-size: 16px;text-align: center;}
.dd_wrap.reset_04 input:nth-child(1) {width:calc(33.4% - 20px)}
.dd_wrap.reset_04 input:nth-child(2),
.dd_wrap.reset_04 input:nth-child(3) {width:calc(33.3% - 18px)}
.dd_wrap input.input_btn {width: calc(100% - 26px);  border-right: none; cursor: pointer;}
.dd_wrap input.input_btn_02 {width:calc(100% - 90px)!important;}
.dd_wrap input.input_btn_03 {width:calc(100% - 250px)!important;}
.dd_wrap input.input_btn_04 {width:calc(100% - 52px)!important;}
.dd_wrap input.input_btn_05 {width:calc(40% - 26px)!important; border-right: none; margin-right: 0;}
/*0528빅터추가*/.dd_wrap input.input_btn_06 {width:calc(100% - 104px)!important;}
.dd_wrap input.input_unit {width: calc(33.3% - 34px);}
.dd_wrap .txt_unit {margin-right: 10px;}
.fromTo_dd_wrap .fromTo {width: calc(50% - 13px); float: left;}
.fromTo_dd_wrap .fromTo input.input_fromTo {border-right: none;width: calc(100% - 26px);cursor: pointer;}
.fromTo_dd_wrap .dash {width: 26px; height: 26px; float: left; text-align: center; padding: 4px 0;}
.fromTo_dd_wrap .input_fromTo_02 {width:calc(100% - 50px);}
.fromTo_dd_wrap_02 .fromTo {width: calc(50% - 5px); float: left;} /*fromTo_dd_wrap_02 = 인풋타입:일시(날짜선택+시분초)*/
.fromTo_dd_wrap_02 .fromTo:first-child {margin-right:10px; }
.fromTo_dd_wrap_02 .fromTo.multi_05 input{width: calc(33.3% - 10px);}
.fromTo_dd_wrap_02 .fromTo.multi_05 span {width: 15px; height:26px; text-align: center; margin: 0; float:left;}
.fromTo_dd_wrap_02 .fromTo input.input_fromTo {border-right: none; width: calc(100% - 26px); cursor: pointer;}

/* 체크박스 + 인풋 */
.chk_input .checkbox_wrap span{ margin-left: 0; }
.chk_input input{ width: calc( 100% - 70px ); }

/* 본문 영역 */
.cnt {height: auto; width:100%; float: left; overflow: auto; position: relative;}
.table_box {width: 100%; height: auto; float: left; margin-bottom: 20px;}
.table_box:last-child {margin-bottom: 0;}
.table_box.w50 {width: calc(50% - 20px); margin-right: 20px;}
/* .table_box.w50:nth-child(even) {margin-right: 0;} */ /*스크롤 좌측 여백 생성을 위해 주석처리*/
/* .table_box.w50:nth-last-child(2) {margin-bottom: 0;} */ /*테이블이 홀수 일때 정렬이 어려워 주석처리*/
.table_box.w50 .cnt_search .search_box .dl_wrap > label {width:80px;}/*50%너비의 table_box내에 검색영역이 있을 경우 라벨 너비 축소*/
.table_title_wrap {min-height: 26px; margin-bottom: 10px; width: 100%;}
.table_title_wrap .cnt_subTitle {margin: 4px 10px 4px 0;}
.table_title_wrap .count {margin: 4px 0; font-size: 1.4rem; float: left;}
.table_wrap {width: 100%; float: left;}
.grid-box-style {overflow-x:auto; /*border:1px solid #d2d2d2;*/ clear: both;}
/* 정의형 목록 테이블 */
.table_wrap_02 {width: 100%; border-top: 2px solid #2196d3; float: left;}
.table_wrap_02 .col {border-bottom: 1px solid #e0e0e0; float: left; height: 47px; font-size: 1.4rem; display: table;}
.table_wrap_02 .col.w30 {width: calc(100% / 3 - 0.1px);}
.table_wrap_02 .col.w50 {width: 50%;}
.table_wrap_02 .col.w70 {width: calc(66.67% - 0.1px)}
.table_wrap_02 .col.w100 {width: 100%;}
.table_box.w50 .table_wrap_02 dl dt {width:120px;}
/* .table_wrap_02 .col.h50 {height: 122px;} */
.table_wrap_02 dl > dt {width: 160px; height:100%; background-color: #f5f5f5; text-align: right; padding: 10px; line-height: 2.5rem; display: table-cell; vertical-align: middle; min-width:160px;}  
.table_wrap_02 dl > dt >span{color:#c8294b;}  
.table_wrap_02 dl > dd {width: 100%; padding: 10px; line-height: 2.6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: table-cell; float:left; min-height: 46px;}
.table_wrap_02 .col.w100 > dd {white-space: normal; text-overflow: clip;}
.table_wrap_02 dl .dash {padding: 0;}
.table_wrap_02 dl > dd .filebox:after{content:''; display:block; clear:both;}
.table_wrap_02 dl > dd .filebox button:last-child{margin-left:5px;}

/* 로그인 */
.login{background: #f5f5f5;}
.login .login_bg{width:100%; height:50%;}
.login .loginBoxWrap{width:380px; height:500px; padding:20px 30px; border-radius: 5px; position: absolute; left:50%; margin-left:-190px; top: 50%; margin-top:-250px; box-shadow: 1px 1px 9px rgba(0,0,0, 0.3); background: #ffffff; }
.login .loginBoxWrap li{width:100%; margin-bottom:20px;}
.login .loginBoxWrap .loginTitle{width: 100%; color:#333; font-weight: 600; font-size:1.3rem; margin-bottom:7px;}
.login .loginBoxWrap .loginLogo{padding: 20px 0;}
.login .loginBoxWrap .loginLogo img{ width:140px; display: block; margin:0 auto; }
.login .loginBoxWrap .loginLogo{ width:200px; display: block; margin:0 auto; }
.login .loginBoxWrap .loginLogo p{text-align: center;font-size: 18px;font-weight: bold;}
.login .loginBoxWrap .loginRadio{ margin-top:20px;}
.login .loginBoxWrap input{ width:100%; height:35px; padding:5px 10px; }
.login .loginBtn button{ width: 100%; height:40px; box-shadow: none; margin: 15px 0;}
.login .loginRadio label{margin-right:80px;}
.login .loginRadio label:last-child {margin-right: 0;}

/* 캘린더 버튼버튼 사이즈 */
#CalendarBox div.Header form img {width:auto!important;}
#CalendarBox div.Btn {width:50px!important; float:right!important; }
#CalendarBox select {float: none;}

/* 테이블 */
.table {font-size: 1.4rem; border-top: 2px solid #1e87bd; width: 100%; border-right: 1px solid #e0e0e0;}
.table th {background-color: #f5f5f5;}
.table th, .table td {padding: 5px; text-align: center; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; vertical-align: middle; height:29px}
/* .ui-widget-content {border:none!important;} */


/* 탭메뉴 컬러1*/
.cnt_wrap .tab_wrap .tab {float:left; cursor: pointer; height:36px;}
.cnt_wrap .tab_wrap .tab div {float:left; height:100%;}
.cnt_wrap .tab_wrap .tab .tab_name {padding: 6px 10px; font-size: 1.4rem; line-height: 2.4rem;}
.cnt_wrap .tab_wrap .tab.on .tab_name {color: #fff; background-color:#2196d3;}
.cnt_wrap .tab_wrap .tab.on .tab_l {width:16px; background-image: url(../images/tab_l_on.png); background-repeat: no-repeat; background-size: contain;}
.cnt_wrap .tab_wrap .tab.on .tab_r {width:16px; background-image: url(../images/tab_r_on.png); background-repeat: no-repeat; background-size: contain;}
.cnt_wrap .tab_wrap .tab.off .tab_name {color: #999; background-color:#eee;}
.cnt_wrap .tab_wrap .tab.off .tab_l {width:16px; background-image: url(../images/tab_l_off.png); background-repeat: no-repeat; background-size: contain;}
.cnt_wrap .tab_wrap .tab.off .tab_r {width:16px; background-image: url(../images/tab_r_off.png); background-repeat: no-repeat; background-size: contain;}

/* 탭메뉴 컬러2 */
.cnt_wrap .tab_wrap .tab.gray.on .tab_name { background-color:#5e6875;}
.cnt_wrap .tab_wrap .tab.gray.on .tab_l {background-image: url(../images/tab_l_on_02.png); background-repeat: no-repeat; background-size: contain;}
.cnt_wrap .tab_wrap .tab.gray.on .tab_r {background-image: url(../images/tab_r_on_02.png); background-repeat: no-repeat; background-size: contain;}

/* 가로 구분선 */
.line_blue {background-color: #2196d3; height: 2px; margin-bottom: 10px;}
.line_gray {background-color: #e6e6e6; height: 1px;}

/* 내근처리 */
/*0528빅터수정*/.thumbnail {width:100%; height:200px; background-color: #efefef; background-size: 60px 46px; background-position: center; background-repeat: no-repeat; background-size: contain;}

.main_page{width:100%;height:100%;background: #f8f8f8 url(../images/main_logo.png) no-repeat center;background-size: cover;display: table;}
.main_page .text{display: table-cell;vertical-align: middle;text-align: center;}
.main_page .text p{width: 100%;font-size: 32px;font-weight: bold;color: #999;line-height: 1;}
.main_page .text p:nth-child(1){margin-bottom: 20px;font-size: 44px;color: #00467e;}

/* 빅터추가 */
.input_btn_2 input{ width: calc(100% - 100px); border-right: 0; }
.input_btn_3 input{ width: calc(100% - 100px); border-right: 0; }
.input_btn_input span{ margin-right: 5px; }
.input_btn_input input{ width: calc( (100% - 32px )/2); border-right: 0; }
.input_btn_input input:last-child{ margin-left: 5px; border-right: 1px solid #a1a1a1; }
.textarea textarea{width:100%; min-height:100px; padding: 4px 5px; font-size: 1.2rem; line-height: 1.6rem; text-overflow: ellipsis; float: left;}
.input_span_select input,.input_span_select select{width: calc( (100% - 30px) / 3); max-width:169px;}
.input_span_select span{ margin-right:5px; }
.input_span_select select{margin-left: 5px;}
.input_span_btn input{ width: calc((100% - 89px)/3); }
.input_span_btn span{ margin-right: 5px; }
.btn_wrap_bottom{float: right; margin-top:20px;} 
.fromTo_span_dd_wrap > div{max-width: 200px;}
.fromTo_span_dd_wrap > select{ width: 50px; margin-left: 5px; } 
.scroll_auto{ overflow-y:auto!important; }
.print_pop_wrap.scroll_auto{ overflow-y:auto!important; height:100%;}


.fromTo_dd_wrap_03 .fromTo{ width:100%; float: left; max-width: 200px;}
.fromTo_dd_wrap_03 .fromTo button:first-child{background-image: url(../images/arrow_03.png);background-repeat: no-repeat;background-position: 50%;background-size: 7px;margin-right: 5px;}
.fromTo_dd_wrap_03 .fromTo button:last-child{background-image: url(../images/arrow_04.png);background-repeat: no-repeat;background-position: 50%;background-size: 7px;margin-left: 5px;}
.fromTo_dd_wrap_03 .fromTo input{width: calc(100% - 89px);border-right: 0;}

/* toggle */
.mg_radio{ float:right; }
.mg_radio > div{float: left; line-height: 26px; margin-right: 10px; font-size: 12px; font-weight: bold;}
.btn_wrap button.mg_left{ margin-left:50px; }
label.share{ clear: both; border-top: 1px dashed #aaa; padding-top: 5px; margin-top: 5px; width: 212px;}
/* 미디어쿼리 1400이하 */
@media screen and (max-width:1440px) {
    .header .gnb_wrap {min-width: 560px; max-width: 600px;}
    .header .gnb_wrap li {min-width: 70px;}
    .cnt_search .search_box .dl_wrap {width: calc(100% / 2);}
    .cnt_search .search_box .fromTo_dl_wrap {width: 100%; min-height: 26px; float: left; position: relative;}
    .cnt_search .search_box {width: calc(100% - 210px);}
}