html {font-family: 'Noto Sans KR', sans-serif; overflow: auto; /* overflow: hidden;*/ word-break: keep-all;}
 html #wrap {min-height: 100%; height: 80vh; /* IE6 이하 버전은 heightê°€ min-height를 의미한다. */ /* overflow: hidden;*/}
  html .wrap {min-height: 100%;overflow: hidden;}
body {position:relative;height:100%;margin: 0;padding: 0;font-size:15px;letter-spacing: 0.5px;font-family: 'Noto Sans KR', sans-serif;} 

div {position:relative; display: block;font-size: 12px;  height: auto;}
ul{list-style: none;padding-inline-start: 10px;}
a{ color: black; text-decoration: none; }
table {width:100%;border-spacing: 0;text-align: left;line-height: 1.5;font-size: 13px; }
table th {text-align: left;font-size: 13px;background: #ecf1f9;color: #000;font-weight: 500;border-top: 0px solid;border: 1px solid #ccc;padding-left: 5px;}
table td {position: relative;font-size: 12px;padding: 1px;border: 1px solid #ccc;border-top: 0px solid;background: none;/*width: 165px;*/}

.q_answer textarea {min-height: 30px; resize: vertical;}

input{width:100%;height:100%;border: 1px solid #e4e4e4;padding: 7px 7px;}
 h3 {margin-top: 10px;margin-bottom: 5px;}
::-webkit-scrollbar{width: 0px;height: 0px;}
::-webkit-scrollbar-track {background-color: #ccc;}
::-webkit-scrollbar-thumb {background-color: #184c79;border-radius: 0px;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {width:3px;height:1px;background:#f1ef79;} 
::-webkit-scrollbar-button { width: 0; height: 0;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-js { display:none; } 
.btn{display:inline-block; margin-bottom:0; text-align:center; vertical-align:middle;  border-radius: 4px; line-height: 18px;}
.btn2 {    background: #7d7d7d; border: 1px solid #7d7d7d;}
.btn2:hover {color: #7d7d7d;}
#header {height: 125px;}

.container {position: relative;margin: 0 auto; top: 5px; width: 1600px;height: 100%;}
.container.main {max-width: 1280px}

.referrer_input {width: 100%;float: right;background: none;border: 0px solid;position: relative;left: 0;padding-left: 30px;cursor: pointer;     height: 30px; }
input[type=text].referrer_input {padding-left:30px; border:0px solid;}

/*사이드 프로필*/
	.profile {overflow:hidden; margin: 25px 0;}
	.profile_img{width: 40%;height: auto;float:left;margin-right: 10px;text-align: center;}
	.profile_signature {height: auto;text-align: center;}
	.profile_img .profile_signature img {border: 1px solid #fff;}
	.profile_img img {position: relative;display: inline-block;border-radius: 10px;width: 100%;height: 80px;border: 1px solid #c7c7c7;overflow: hidden;margin-bottom: 5px;}
	.profile .table-style01{text-align: center;color:#333;  width: 100%; border-top: 2px solid #184c79;}
	.profile .table-style01 th {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #ecf1f9; }
	.profile .table-style01 td {border-bottom: 1px solid #ccc;}
	.information {width: 50%;font-size: 16px;font-weight: 400;color:#666;float: left;}
	.information li {line-height: 18px;font-size: 13px;}
	.information a {font-size: 12px;font-weight: 400;color: #224a9f;border-radius: 4px;border: 2px solid #224a9f;text-align: center;padding: 3px 5px;line-height: 35px;}
	.information a:hover {background: #224a9f;color: #fff;border: 2px solid #224a9f;}
	.information .neme {font-size: 13px;color:#666;line-height: 15px;}
	.information .neme span {font-size: 18px;font-weight: 500;}
	.information .neme #wk_grd {font-size:16px;}
	.profile_schedule {font-size: 15px;color: #666;/* line-height: 30px; */line-height: 60px;margin-top: 10px;}
	.profile_schedule span {font-size: 16px;font-weight: 600;}
	.profile_schedule ul {    padding: 0;}
	.profile_schedule ul li {font-size: 15px;font-weight: 500;color: #5a5a5a;/* letter-spacing: 1px; */line-height: 30px;/* margin-top: 20px; */text-align: left;}
	.profile_schedule ul li span {font-size: 14px;font-weight: 400;margin-right: 0px;float: left;text-align: left;}
	.profile_schedule .schedule_add {float:right;color:#e99f9f;font-size: 12px;}
	.container.sidebar_open .profile_img {width: 40%;float: none;margin: 0 25%;}
	.container.sidebar_open .neme {display:none}
	.container.sidebar_open .information {display:none}
	.container.sidebar_open .profile_signature {display:none}
	.container.sidebar_open .profile  {    margin-bottom:0;}


/* Sidebar */
	.sidebar{position: absolute;top: 0;left: 0;width: 15%;padding: 0 10px;overflow: hidden;transition: width .3s ease-out;}
	.sidebar > div{margin-top: 15px;}
	.sidebar > div:first-child{margin-top: 0;}
	.sidebar_right{position: absolute;top: 0;right: 0;width: 335px;padding: 0 40px;}
	.btn_sidebar{display:none}

/* Side Navigation */
	.side_nav::-webkit-scrollbar-thumb { background-color: #fff; }
	.side_nav::-webkit-scrollbar-track { background-color: #fff;}

	.side_nav{font-size: 16px; overflow: auto; max-height: 550px; display: inline-block; width: 100%; height: 100%; }
	.side_nav > ul > li { background: #fff; font-size: 15px; line-height: 25px; }
	.side_nav > ul > li:first-child {margin-top: 0;width: 100%;}
	.side_nav > ul > li  a {position: relative;display: block;padding: 10px 5px;cursor: pointer;}
	.side_nav > ul > li  a:hover,.side_nav > ul > li  a.active {font-weight: 500;color: #184c79; border-bottom: 1px solid #184c79;}
	.side_img_link {float:left;}
	.side_nav .sub_icon {width: 20px;height: auto;float: left;margin-right: 5px;}
	.submenu-indicator { float: right; right: 15px; position: absolute; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear; }
	.side_nav > ul > li > a.active > .submenu-indicator { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }
	.side_nav > ul > li > a .sub_push  {margin-left: 3px;color:coral;font-weight: bolder;}
	.side_nav > ul > li > a.no_sub::after{display: none}
	.side_nav > ul > li > a.active + .sub_nav{background: #f1f1f1;display: block;position: relative;width: 100%;}
	.side_nav > ul > li > .sub_nav{font-size: 14px;overflow:hidden;display: none;}
	.side_nav > ul > li > .sub_nav a{position: relative;padding-left: 22px;height: 20px;line-height: 0px;background: none;border: none;color: #888;font-weight: 500;font-size: 13px;}
	.side_nav > ul > li > .sub_nav a::before,.side_nav > ul > li > .sub_nav a::after{position: absolute;content:'';left: 10px;top: 10px;width: 5px;height: 1px;background: #333;}
	.side_nav > ul > li > .sub_nav a.active {font-weight: 500;border: none;color: #184c79;border-left: 3px solid #184c79;}
	.side_nav > ul > li > .sub_nav .sub_push {margin-left: 3px;color:red;font-size: 12px;font-weight: bolder;}
	.side_nav > ul > li > .sub_nav .num{position: absolute;right:0;top:0;display: inline-block;vertical-align: middle;width: 20px;height: 20px;line-height: 20px;background: #e38686;border-radius: 50%;color:#fff;text-align: center;}
	.side_nav > ul > li > .sub_nav li{margin: 5px 0;}
	.side_nav > ul > li > .sub_nav li > ul > li {background:#fff;}
	.side_nav > ul > li > .sub_nav li > ul > li a {    font-size: 12px; font-weight: 400; }

	.container.sidebar_open .side_img_link {float:none;}
	.container.sidebar_open .side_link {display: none;}
	.container.sidebar_open .side_img_link img{width: 30%;}
	.container.sidebar_open .sub_icon {width: 30%;float: none;margin-right: 0;}

	.container.sidebar_open .sidebar{width: 12%;font-size: 10px;text-align: center;padding: 0;}
	.container.sidebar_open .sidebar .schedule_list .add{position: relative;padding-top: 3px;}
	.container.sidebar_open .sidebar .info{display: none;}
	.container.sidebar_open  .side_nav a::before,.container.sidebar_open  .side_nav a::after{display: none}
	.container.sidebar_open  .side_nav a{font-size: 2.5em;border: none; padding: 10px 0; }
	.container.sidebar_open  .side_nav a > span{display: none;}
	.container.sidebar_open  .side_nav > ul > li > a.active + .sub_nav{display: none}
	.container.sidebar_open .content_wrap{left: 11%;width: calc(100% - 145px);}
	.content_wrap { height:100%; /* IE6 이하 버전은 heightê°€ min-height를 의미한다. */}
	.content_wrap {min-height: 100% /* ìµœì†Œ 100%ê°€ 되어야하기때문에 min를 사용한다 */} 
	.content_wrap{position: relative;left: 14%;width: 80%;height: 100%;/* padding-left: 10px; *//* background: #fff; */transition: left .3s ease-out;}
	.content_wrap .content.main{width: calc(100% - 335px);padding-left: 0;}
	.content_wrap .content.portlet{width:auto;padding-bottom: 75px}
	.content_wrap .content .sel_type{position: absolute;right:0;top:-40px}
	.content_wrap .content .sel_type .select,.content_wrap .content .sel_type i{display: inline-block}
	.content_wrap .content .sel_type i{font-size: 1.25em;color:#6c6c6c;margin:3px 0 0 5px}
	.content_wrap.simple{width:100%;left:0;}
	.content_wrap.simple .content.main{width:auto}
	.content_wrap.simple .content.main .main_group{position: relative;width:630px;margin: 0 auto;margin-top: 60px}
	.content_wrap.simple .card_wrap{padding:60px 55px}


	/* IE10+ */
		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
				.side_img_link {float:left;}
				.container.sidebar_open .side_img_link {float:none;}
				.container.sidebar_open .side_link {display: none;}
				.container.sidebar_open .side_img_link img{width: 30%;}
				.container.sidebar_open .sub_icon {width: 30%;float: none;margin-right: 0;}
		}



/* Main */
	.content{right: 0;}
	.content_sub {position: relative;width: 100%;padding-left: 35px;height: 100%;}
	.btn_sidebar_switch{border-color: transparent;position: absolute; width: 33px; color: #224a9f;z-index: 9;border-radius: 30px;text-align: center;padding: 0px 0px;}
	.sidebar_open .btn_sidebar_switch img { width: 100%; display: inline-block;}
	.btn_sidebar_switch:hover {background:#fff;/* border: 2px solid #224a9f; */color: #224a9f;margin: 0;/* padding: 0px 10px; */}
	.title_group{padding: 10px 0;border-bottom: 1px solid #cdcdcd;/* background: url(../img/sub/side_heder.jpg) no-repeat center; */}
	.title_group h2{position: relative;font-size: 25px;bottom: -5px;}

	.title_group2 h2 {float: left; margin-right: 10px;}

	.title_group .breadcrumb{position: absolute; right: 10px; top: 60%; font-size: 12px; line-height: 10px;}
	.title_group .breadcrumb li{float: left;position: relative;padding-left: 15px;margin-left: 5px}
	.title_group .breadcrumb li a { color: #888; }
	.title_group .breadcrumb li::after{position: absolute;content: '';left: 0;top:2px;border: solid black;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
	.title_group .breadcrumb li:first-child{margin-left: 0;padding-left: 0}
	.title_group .breadcrumb li:first-child::after{display: none}
	.title_group .breadcrumb li:last-child{font-weight: bold}

	.clearfix .hide { display: none; padding: 0; margin: 5px 0 0px; position: absolute; z-index: 99; width: 100%; text-align: center; }
	.clearfix .hide li {float:none;margin: 0;padding: 0 5px;line-height: 18px;border: 1px solid #dedede;background: #fff;font-weight: 400;font-size: 13px;}
	.title_group .breadcrumb .hide li::after {border-width:0;  padding: 0; top: 0; }


	.main_content{padding-top: 10px;min-height: 660px;line-height: 1.3em;height: 100%;}
	.main_content iframe {border: none;width: 100%;height: 100%; min-height:700px; margin-bottom: 40px;}
	.content-wrap {width: calc(100% - 50px); float: right;}

	.option_content {min-height: 660px;line-height: 1.3em;height: 100%;}

.calendar_01 {background-image: url(../img/sub/calendar_but.png); background-position: top 8px right 3px; background-repeat: no-repeat; }
.hour_icon { background-image: url(../img/sub/select_but.png); background-position: top 8px right 5px; background-repeat: no-repeat; }



/* Search Option */
	.search_option .row input[type="text"].calendar {width: 130px;padding: 7px 30px;}
	.search_option{position: relative; margin-bottom: 10px; } 
	.search_option .row label{display: inline-block;vertical-align: middle;color: #000;text-align: right;}
	.search_option .row input[type="text"]{display: inline-block;width:auto;vertical-align: middle}
	.search_option .row #Text1 {width: 90px;}
	.search_option .row #appr_dept {display: inline-block; width: 200px;}
	.search_option table th {background:none;text-align: center; background: #f1f1f1; border: 1px solid #dee0e1;}
	.search_option table td {border: 0px solid;border: 1px solid #dee0e1; }
	.search_option table .lookup_but {text-align: center;}
	.search_option .formatting {width: 200px;}
	.search_option .formatting2 {width: 80px;}
	.inp_form{float: left;margin-right: 5px;}
	.inp_form2 {float: left;margin:4px 0;margin-left: 5px;}
	.search_option .row .inp_select {display: inline-block;width: 170px;}
	.pull-right .inp_form {margin-left: 10px;}
	.pull-right .inp_form .select_group {width:100%;}
	.inp_form select {display: inline-block;width: 100%;padding: 8.5px 10px; cursor: pointer;}
	.inp_date{ width: 130px; position: relative;display: inline-block;margin-right: -4px;}
	.inp_date input.calendar {text-align: left;padding: 0 30px;}
	.inp_date:last-of-type{margin-left: 25px}
	.inp_date:last-of-type::after{position: absolute;content: '';top:15px;left:-17px;width: 8px;height:1px;background: #D9D9D9}
	.agree_inp_date{width: 165px;position: relative;display: inline-block;margin-right: -4px;}
	.agree_inp_date input {text-align: left;padding: 0 50px;}
	.agree_inp_date:last-of-type{margin-left: 25px}
	.agree_inp_date:last-of-type::after{position: absolute;content: '';top:15px;left:-17px;width: 8px;height:1px;background: #D9D9D9}

	.btn_search{padding: 5px 15px;font-size: 12px;background: #355f84;color: #fff; border:1px solid #355f84; height: 30px;width: 100px;}
	.btn_search:hover {color:#355f84; background: #fff; border:1px solid #355f84; font-weight: 300;}
	.btn_search2 { font-size: 12px;background: #7d7d7d;color: #fff;border:1px solid #7d7d7d;height: 30px;width: 50px;}
	.btn_search2:hover {background: #fff;color: #7d7d7d; }

/* Table Header */
	.table_header .btn_search{position: relative;right: 0;bottom: 0;margin:3px 0 0 15px}
	.table_header img{vertical-align: middle; cursor: Default;}
	.table_header span{display: inline-block}

/* Main Group */
	.content .main_group{display: flex;width:100%;flex-direction: column;text-align: center;margin-bottom: 40px;}
	.content .main_group .row{display: inline-flex;justify-content: space-between;width: 100%;margin-top: 20px;}
	.content .main_group .row div{border: 1px solid #c4c4c4;background: #f2f2f2;font-size: 1.5em;overflow: hidden;width: 32%;}
	.content .main_group .row div a{position: relative;display: block;padding-top: 20px;width: 100%;height: 170px;transition: all .2s ease-out;}
	.content .main_group .row div a::after{position: absolute;content: '';left: 50%;top: 50%;width: 0;height: 0;opacity: 0;background: #333;border-radius: 100%;transition: all .3s ease-out;transform: translate(-50%, -50%);}
	.content .main_group .row div a:hover::after{opacity: .1;width: 400px;height: 400px;transform: translate(-50%, -50%);touch-action: none;}
	.content .main_group .row.first_row{margin-top: 0;}
	.content .main_group .main_icon01{background: url(../img/main/devices.svg) center 65% no-repeat;}
	.content .main_group .main_icon02{background: url(../img/main/checklist.svg) center 65% no-repeat;}
	.content .main_group .main_icon03{background: url(../img/main/presentation.svg) center 65% no-repeat;}
	.content .main_group .main_icon04{background: url(../img/main/email.svg) center 65% no-repeat;}
	.content .main_group .main_icon05{background: url(../img/main/diagram.svg) center 65% no-repeat;}
	.content .main_group .main_icon06{background: url(../img/main/textbook.svg) center 75% no-repeat;}
	.content .main_group .main_icon07{background: url(../img/main/touch-screen.svg) center 65% no-repeat;}
	.content .main_group .main_icon08{background: url(../img/main/approval.svg) center 75% no-repeat;}
	.content .main_group .main_icon09{background: url(../img/main/homepage.svg) center 65% no-repeat;}

/* Profile */
	.profile .img_wrap{/*float: left;*/ width: 100%;}
	.profile .img_wrap li {float: left;}
	.profile .img_wrap li img {     width: auto; height: 100%;}
	.profile .table_wrap {float: right;margin: 0; width: calc(100% - 0px);}

/* Sidebar Right */
	.sidebar_right > div{margin-top: 30px;}
	.sidebar_right > div:first-child{margin-top: 0;} 

/* Table Wrap */
	.table_wrap h4 a{position: absolute;top: 50%;right: 0;display: inline-block;font-size: .6em;position: absolute;transform: translateY(-50%);padding-right: 8px;transition: all .3s ease-out;}
	.table_wrap h4 a::before{position: absolute;content: '';right: 0;top: 50%;width: 0;height: 0;border-top: 3px solid transparent;border-bottom: 3px solid transparent;border-left: 5px solid #333;transform: translateY(-50%);transition: all .3s ease-out;}
	.table_wrap h4 a:hover{color:#e38686;}
	.table_wrap h4 a:hover::before{border-left-color: #e38686;}

/* Card List */
	.card_list_group .card_list{position: relative;float: left;padding-left: 120px;padding-top: 25px;margin-left: 20px;margin-bottom: 20px;border: 1px solid #cdcdcd;width:calc(100% / 3.2);height: 130px;background: #fff;}
	.card_list_group .card_list:first-child, .card_list_group .card_list:nth-child(3n+1){margin-left: 0;}
	.card_list_group .card_list .photo{position: absolute;left: 30px;top: 25px;display: inline-block;border-radius: 10px;width: 75px;height: 80px;border: 1px solid #c7c7c7;overflow: hidden;margin-bottom: 5px;}
	.card_list_group .card_list h3{font-size: 16px;font-weight: 500;letter-spacing: -0.5px;margin: 0;}
	.card_list_group .card_list h3 > span{font-size: 12px;color:#8d8d8d;margin-left: 5px}
	.card_list_group .card_list ul{margin-top: 10px;}
	.card_list_group .card_list ul > li{line-height: 18px;font-size: 13px;font-weight: 500;color: #888; cursor: Default}
	.card_list_group .card_list ul > li:nth-child( 3 ) {font-size:12px}
	.organization .card_list_group .card_list{cursor: Default;}
	.organization .card_list_group .card_list > .favor{position: absolute;right:10px;top:10px;}
	.organization .card_list_group .card_list .fas{color:#e28585}
	.organization .card_list_group .card_list.selected{border-color: #85E6A4;}
	.organization .card_list_group .card_list.selected::after{position: absolute;content:'';right:3px;bottom:3px;width:22px;height:22px;width: 0; height: 0; border-top: 22px solid transparent;border-bottom: 0 solid transparent;border-right: 22px solid #85E6A4;}

/*조직도*/
	.pull-right .inp_form:first-child {float: left;width: 20%;margin-right: 10px;}
	.pull-right .inp_form .select_group {width:100%;}
	.pull-right .inp_form {float: left;width: 50%;margin-right: 10px;}
	.table_header .btn_search {margin: 5px 0px;}

/*결재위임*/
	.entrust_table {width:100%;border-spacing: 0;text-align: left;line-height: 1.5;font-size: 12px;border-top: 2px solid #184c79;}
	.entrust_table th {text-align: center;padding: 5px;font-size: 12px;background: #ecf1f9;color: #000;font-weight: 500;}
	.entrust_table td {position: relative;text-align: left;font-size: 12px;line-height: 20px;padding: 3px;background: none;}
	.mod_table {float: left; width: 100%; overflow: hidden;}

/*공지게시판*/
	#boardList {height: 100%;}
	.board_cont {height:100%; min-height : 600px; overflow: auto; width: calc(100% - 40px);padding-right: 10px;}
	.board_filelist_from {height: 500px;min-height: 560px; overflow: auto;}

	.file_table { height: 175px; display: block; overflow: auto;}

	.file_area { background: #f5f5f5; display: block; border-top: 2px solid #184c79; margin-bottom: 10px; }
	.file_area  table th, .file_area  table td {text-align: center; padding: 5px 8px; }
	.file_area  table th:last-child, .file_area  table td:last-child {border-right: 1px solid #ccc; }
	.file_area  table td {background:#fff;}

	.file_area .file_blank td {background: #f5f5f5; border: 0px solid;}
	.cont_view {width:100%;min-width: 300px;border:1px solid #eaeaea;padding: 15px;word-break:break-all;min-height: 300px;display: block;overflow: auto;line-height: 1.6;}

/*modal_table*/

	.modal_table {border-top:2px solid #184c79}
	.modal_table th { padding: 10px 0; text-align: center; border-bottom: 1px solid #ccc;}
	.modal_table td {padding: 5px;  border-bottom: 1px solid #ccc;}
	.modal_table input[type="text"] {line-height: 16px; vertical-align: middle; }
	.modal_table select{ height: 33px; vertical-align: middle; }

	.but_agree2 {float: right;border: 1px solid #184c79;background: #184c79;border-radius: 5px;padding: 4px 10px;font-weight: 600;color: #fff;margin-bottom: 10px;}
	.but_agree2:hover {background: #fff; color: #184c79;}

/*but_agree*/
	.but_agree {position: absolute;float: left;left: 5px;z-index: -1;border: 1px solid #184c79;background: #184c79;border-radius: 5px;padding: 4px 5px;font-weight: 600;height: 23px;color: #fff;margin: 4px 0;}
	.but_agree:hover {background: #fff; color: #184c79;}

	.filelist_ul {background: #f5f5f5; border: 1px solid #ccc; width: 15%; margin-right: 0.5%; min-height: 550px; float: left; padding: 5px 5px; font-size: 13px; line-height: 20px;}
	.filelist_ul ul {height: 100%;min-height: 50px;overflow-y: auto;}
	.filelist_ul ul li a {padding-left: 18px;background-image: url(../img/sub/board_filelist_ples.png);background-position: top 4px left 0;background-repeat: no-repeat;}
	.filelist_ul .file_li a { padding-left: 2px; background: none;}
	.filelist_ul .filelist_li{padding: 3px 5px;background: none;}
	.filelist_ul .filelist_li a {background: none; padding-left:0}
	.filelist_ul .filelist_li img { margin-right: 3px;}
	.filelist_img {margin: -2px 0; margin-right: 3px;}
	.tbl_con2 {float: left;width: 84.5%;} 
	.none_tm {display:none}


	.filelist_ul2 {background: #f5f5f5; border: 1px solid #ccc; width: 15%; margin-right: 0.5%; min-height: 550px; float: left; padding: 5px 5px; font-size: 13px; line-height: 20px;}
	.filelist_ul2 ul {height: 100%;min-height: 50px;overflow-y: auto;}
	.filelist_ul2 li {float: left; width: 30%; font-size: 13px; line-height: 25px;}


/*name_button*/
.name_button { /*position: absolute;*/ position: fixed; overflow: hidden;margin: 0 0 10px;width: 50%;padding: 10px;background: #f1f1f1; z-index:1; /*border-top: 2px solid #184c79;*/}
.name_button a {float: left; width: calc(100%/4.1); line-height: 20px;}
.name_button a:hover { font-weight: 500; border: none; color: #184c79; border-left: 3px solid #184c79;}

.mob_tt {display:none}
.filelist_ul2 {display:none}

/* IE10+ */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.inp_date {top:2px}
	
	::-webkit-scrollbar{width: 3px;}
	::-webkit-scrollbar-track {background-color: #e2e2e2;}
	::-webkit-scrollbar-thumb {background-color:#7d7d7d;border-radius: 1px;}
	::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {width:3px;height:1px;background:#f1ef79;} 
	::-webkit-scrollbar-button { width: 0; height: 0;}
	.sidebar {padding:0;}
	 *.side_nav  {
		scrollbar-arrow-color:#FFFFFF;
		scrollbar-3dlight-color:#FFFFFF;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-face-color:#FFFFFF;
		scrollbar-hightlight-color:#FFFFFF;
		scrollbar-shadow-color:#FFFFFF;
		scrollbar-track-color:#FFFFFF; }

	.container.sidebar_open .sub_icon {margin-right:-30px;}

    /* Enter your style code */
		.setting input {display:none}

	.main_content2 {padding-top: 0;min-height: 660px;line-height: 1.3em;height: 100%;}
	.main_content iframe {min-height:620px; margin-bottom:20px;}
	.main_content2 iframe {min-height:620px; margin-bottom:20px;}
}

/*반응형*/	
@media (max-height: 840px) {
	#header { height: 105px; }
	html #wrap {height: 100vh; overflow: auto;}
	.board_cont { min-height: 530px; }

	.card_list_group .card_list {margin-left:10px}
	
}

	@media (max-width: 1600px){
		.container, .header_container {width: 100%;padding: 0;}
	}


	@media (max-width: 1280px) {
		ul { padding-inline-start: 0; }

		/*.main_content {min-height: 500px;}*/
		.content_wrap {padding-top:10px;width: 80%;left: 17%;}
		#wrap {background: url(../img/main/test_bg6.png)no-repeat bottom -40% right -20%; }
		.sidebar {width: 18%;padding-left: 30px;}
		.sidebar > div {margin-top: 20px;}
		.sidebar_open .content_sub { width: 95%; padding-left: 40px; }
		/*main*/
			.information .neme span {font-size: 13px; font-weight: 500;}
			.information li {font-size: 11px; }
		/*main*/
		.main_content iframe {padding-bottom: 20px;width: 100%;min-height: 700px;}
		.calendar tbody td {height:2.3em; line-height:1.9em;}
		@media screen and (-webkit-min-device-pixel-ratio:0){ 
			 .calendar tbody td {height: 2.4em;line-height: 1.8em;}
		}
		.submenu-indicator {right: 10px; line-height: 25px;}
		.profile_schedule ul li span  {font-size:13px;}
		.profile_schedule ul li {font-size:13px;}
		.board_cont {min-height: 630px; }
		.board_filelist_from {;min-height: 540px; }

		.inp_date {width: 95px;}
		.inp_date input.calendar {  padding: 0 10px; text-align: center; }
		.inp_date2 {width: 120px;}

		/* IE10+ */
		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			/* Enter your style code */

			.inp_date input {padding:0 30px;}
		}

	}


	@media (max-width: 1200px) {
		 #header {height: 50px;}
		.container, .header_container {margin: 0;padding: 0 10px;}
		.search_option .row:first-child {width: 100%; }
		.card_list_group .card_list { width: calc(30% - -20px); }
		.search_option {padding: 0;}
		.board_cont {min-height: 600px;}

		.inp_date { width: calc(100%/2.25);}

	}


	@media (max-width: 1100px) {
		.content_sub {width: 100%;padding: 0;}
		.side_nav {display: none;}
		.side_nav ul {    padding-inline-start: 0;}
		.btn_sidebar_switch {display: none;}
		.side_nav .sub_icon{width: 2%; margin-top: 2px;} 
		.sidebar{ position: relative;  width: 100%; padding: 0;  }
		.sidebar > div{ float: left; width: 33.333333%; margin-top: 0; display: none; }
		.content_wrap { padding: 0; left: auto;  transition: left .3s ease-out; width: 100%; }
		.user_group .info{ width: 90px; font-size: 1em; }
		.content .main_group .row div a{  height: 150px; }
		.content .main_group .row div a{ background-size: 50% 50%; }
	}

	@media (max-width: 1024px) { 
		html #wrap { background: none; height: 90vh; }
		  .content-wrap {width: calc(100% - 0px);}
		 .none_tm {display: table-row}
		 .inp_date input { padding: 0 15px; }

		 .card_list_group .card_list{width: 100%;margin-left: 0;}

		 .mob_tt {display:block}
		 .filelist_ul2 {width: 100%;min-height: 50px;}
	} 


	@media (max-width: 840px) {

		.container{ padding: 0 10px; }
		.user_group .info{ left: 88px; }
		 .title_group {padding: 0px 0 10px;}
		.pull-right .inp_form { float: left; width: 70%; margin-right: 10px; margin: 0; } 

		.inp_date input { padding: 0; text-align: center; }
		.search_option .formatting, .search_option .formatting2 {width: 100%; }
		.title_group {overflow: hidden;}
		.title_group h2{font-size: 18px; float: none; font-weight: 500; bottom: 0;}

		.title_group2 {position: fixed;     width: 95%; display: block; padding-bottom: 30px; z-index: 9; background: #fff; overflow: hidden; }
		.entrust_table th {padding:4px;}

		.search_option table .trline2 {width: calc(100%);display: inline-block;text-align: center;}
		.search_option table th {width: calc(100%/3); line-height: 33px; display: inline-block; padding: 3px; border-bottom: 1px solid #ccc;}
		.search_option table td {width: calc(100%/1.5); line-height: 33px; display: inline-block; padding: 3px; border-bottom: 1px solid #ccc;}
		.search_option select, .search_option .search_text {width: 100%; }
		.search_option table .lookup_but {width: auto;display: flex; }
		.lookup_but button {padding: 2px 10px;  margin: 2px auto;  width: 100%;  text-align: center;  position: initial; }
		.container_login.mobile .login_box{top: 0; left: 0; border-radius: 0; height:100vh;  transform: none; }
		.container_login.mobile .login_box .left_con{ display: none; }
		.sidebar{display: none; }
		.content_wrap .content.main{ width: 100%; }
		.sidebar_right{ position: relative; width: 100%;padding: 0;}
		.sidebar_right > div:first-child{ margin-top: 30px; }
		.card_group{width: 100%; margin-left: 0;}
		.content_wrap.simple .content.main .main_group{width:100%;padding:0 15px}
		.content_wrap.simple .content .sel_type{right:15px;width:auto}
		.content_wrap.simple .card_wrap{padding:30px 15px}

		.filelist_ul {width: 100%;min-height: 50px;}
		.filelist_ul ul {height: 130px; min-height: 130px;}
		.tbl_con2 {width: 100%; }
		.trline2_2 th {width: calc(100%/3);}
		.trline2_2 td {width: calc(100%/1.5);line-height: 35px;vertical-align: top;}

		.name_button { width: 100%; padding: 10px 20px;}
		.name_button a {margin-bottom: 2px; }
		

		/* IE10+ */
		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			/* Enter your style code */
			.search_option table th {width: calc(100%/3);line-height: 33px;display: inline-block;padding: 3px;border-bottom: 1px solid #ccc;}
			.search_option table td {width: calc(100%/1.55); line-height: 33px; display: inline-block; padding: 3px; border-bottom: 1px solid #ccc;}
		}

	}

	@media (max-width: 760px) { 
		.none_tt  {display: none; }

		.option_content {min-height: 550px;}

	}


	@media (max-width: 480px) { 
	  .main_content { min-height: 450px; }
			.inp_date input.calendar {  padding: 0 10px; text-align: center; }
		.main_content iframe {min-height: 650px;}
		/*.search_option table th, .search_option table td {width: calc(100%/1);}*/
		h4{font-size: 20px;margin-bottom: 5px}
		.search_option table .trline2_1 {/*width: calc(100%);*/display: inline-table;text-align: center;}
		/*.table-style01 input[type=text]{width:100%}*/
		.profile .img_wrap,.profile .table_wrap{width:100%}
		.profile .img_wrap{text-align: center;padding-top: 0}
		.profile .img_wrap li{display: inline-block;margin-left: 5px}
		.profile .img_wrap li:first-child{margin-left: 0}
		.profile .table_wrap{margin-left: 0}
		.profile {margin:0}
		.content{padding: 0;}
		.content.main .table_wrap,.sidebar_right{display: none}
		.content.portlet .table_wrap{display: block}
		.btn_group {margin-top: 15px}
		.btn_group .btn.lg{width:100%;}
		.btn_group .btn:first-child{margin-top: 0}
		.sidebar{display: block;position: fixed;left: -75%;top: 0;width:75%;height:100%;background: #fff;z-index: 11;padding:15px; border-right: 1px solid #cecece;overflow: inherit;transition: .3s all ease-out}
		.sidebar.open{left:0;}
		.user_group .info{left:102px}
		.sidebar > div{float: none;}
		.btn_sidebar{position: absolute;display:block;right:-30px;top:0;width:30px;height:30px;font-size: 1.5em;;padding:4px 7px 3px 7px;color:#fff}
		.sidebar.open .btn_sidebar{background:#fff;border:1px solid #cecece;color:#888}
		.side_nav{margin-top: 15px;border-top:1px solid #cecece;padding-top:15px}
		.side_nav > ul > li{display: block}
		.side_nav > ul > li > a.active + .sub_nav{position: relative}
		.inp_form{margin-left: 0;float: none;margin-top: 20px;}
		.inp_form:first-child{margin-top: 0}
		.inp_form >label{min-width: 44px}
		.inp_form > input[type="text"]{width:calc(100% - 57px)}
		.search_option .row .inp_date > input[type="text"]{width:100%}
		.btn_search{position: relative; right:auto; bottom:auto; width:100%; height:34px; /*margin: 10px 0;*/ }
		.table_header .pull-right,.table_header .pull-left{width: 100%}
		.table_header .pull-left span{padding: 5px 0;margin-left: 0}
		.table_header .btn_search{margin-left: 0;margin-top: 10px}
		.table_header .inp_date{width: calc(50% - 12px)}
		.table_header .inp_form > input[type="text"]{width: 100%}

		.select_group{width:100%}

		.agree_inp_date {width: 150px;}
		.agree_inp_date input {padding: 0 40px;}

		

		}

/*style.css*/