@charset "utf-8";

[type="text"],[type="password"],[type="date"],[type="number"],select{max-width:100%;height:30px;padding-left:5px;background-color:#fff}
button{height:30px;vertical-align:middle;}
th [type="text"],th [type="password"],th [type="date"],th select,th button,th .btn,td [type="text"],td [type="password"],td [type="number"],td select,td button,td .btn{/*margin:-8px 0*/}
[type="checkbox"],[type="radio"]{box-sizing:border-box}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input, select, textarea, button{font:inherit;color:inherit;vertical-align:middle}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f6f8f9 inset !important}
select::-ms-expand{display:none}
select{border:1px solid #dcdcdc;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;padding-left:5px;background:url(../img/common/appearance.gif) #fff no-repeat right center}
select:disabled{background:url(../img/common/appearance_disabled.gif) no-repeat right center}
[type="text"],[type="password"],[type="date"],[type="number"],textarea{border:1px solid #dcdcdc;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:none}
[type="text"]:focus,[type="password"]:focus,[type="date"]:focus,[type="number"]:focus,textarea:focus,select:focus{border:1px solid #558ab7 !important;outline:-webkit-focus-ring-color auto 0;/*-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff*/}
input[type="checkbox"]{width:18px;height:18px;margin-right:5px;border-radius:3px;border:0}
.placeholdersjs{font-size:14px;color:#aaa}
input::-ms-clear{display:none}
input::-webkit-input-placeholder{color:#888;font-size:14px;font-weight:300}
input:-moz-placeholder{color:#888;font-size:14px;font-weight:300}
input::-moz-placeholder{color:#888;font-size:14px;font-weight:300}
input:-ms-input-placeholder{color:#888;font-size:14px;font-weight:300}
textarea{overflow-x:hidden;overflow-y:auto;resize:none;width:100%;padding:10px;border:1px solid #dcdcdc;background:#fff;line-height:150%}
textarea::-webkit-input-placeholder{color:#888;font-size:14px;font-weight:300}
textarea:-moz-placeholder{color:#888;font-size:14px;font-weight:300}
textarea::-moz-placeholder{color:#888;font-size:14px;font-weight:300}
textarea:-ms-input-placeholder{color:#888;font-size:14px;font-weight:300}
[type="date"]{width:110px}
[type="date"]::-webkit-calendar-picker-indicator{margin-left:-20px;padding-left:0}
label+[type="text"],label+[type="password"],label+[type="date"],label+[type="number"],label+select{margin-left:10px}
label.sound_only+[type="text"],label.sound_only+[type="password"],label.sound_only+[type="date"],label.sound_only+[type="number"],label.sound_only+select{margin-left:0}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}
.required_fff{display:inline-block;width:16px;height:16px;background-image:url('../img/require_fff.png');background-repeat:no-repeat;background-position:center center;vertical-align:middle}


.cb_wrap{display:inline-block;position:relative;height:15px;margin:0;padding:0;vertical-align:middle}
[type="checkbox"].cb1{display:none}
[type="checkbox"].cb1 + label{display:inline-block;position:relative;height:15px;padding-left:20px;line-height:15px}
[type="checkbox"].cb1 + label:before{content:"";display:inline-block;position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #dcdcdc;border-radius:3px;background-color:#fff;cursor:pointer;vertical-align:middle}
[type="checkbox"].cb1:checked + label:before{content:"\eb7b";display:inline-block;border:1px solid #1e67c5;background-color:#1e67c5;font-family:"remixicon";font-size:0.8rem;font-weight:800;color:#fff;text-align:center;line-height:15px}

[type="radio"].cb1{display:none}
[type="radio"].cb1 + label{display:inline-block;position:relative;height:15px;padding-left:20px;line-height:15px}
[type="radio"].cb1 + label:before{content:"";display:inline-block;position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #dcdcdc;border-radius:100%;background-color:#fff;box-shadow:0px 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);cursor:pointer;vertical-align:middle}
[type="radio"].cb1:checked + label:before{border:1px solid #1e67c5}
[type="radio"].cb1 + label:active:before, [type="radio"].cb1:checked + label:active:before{}
[type="radio"].cb1:checked + label:after{content:"";position:absolute;top:4px;left:4px;width:7px;height:7px;border-radius:100%;background-color:#1e67c5;box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3)}

input+input{margin-left:5px}
input+label+input{margin-left:10px}
.cb_wrap+.cb_wrap{margin-left:10px}
label + .cb1 + label{margin-left:10px}

@media screen and (min-width:769px){
	.cb_wrap{height:18px}
	[type="checkbox"].cb1 + label{height:18px;padding-left:22px;line-height:18px}
	[type="checkbox"].cb1 + label:before{width:18px;height:18px}
	[type="checkbox"].cb1:checked + label:before{font-size:0.9rem;line-height:18px}
	[type="radio"].cb1 + label{height:18px;padding-left:22px;line-height:18px}
	[type="radio"].cb1 + label:before{width:18px;height:18px}
	[type="radio"].cb1:checked + label:after{top:4px;left:4px;width:10px;height:10px;}
}

.box1{border:1px solid #d7d8de;background-color:#fff}
.box1 .tit{padding:0 30px;border-bottom:1px solid #d7d8de;font-weight:600;line-height:50px}
.box2{padding:20px;border:1px solid #ddd;background-color:#fff}
.box2 .tit{margin:-20px -20px 20px -20px;padding:0 20px;border-bottom:1px solid #d7d8de;font-weight:600;line-height:50px}
.box3{padding:20px;border:1px solid #ddd;background-color:#fff}
.box3 .tit{margin:-20px -20px 20px -20px;padding:0 20px;border-bottom:1px solid #d7d8de;font-weight:600;line-height:50px}
.box4{border:1px solid #d7d8de;background-color:#fff}
.box4 .tit{padding:0 30px;border-bottom:1px solid #d7d8de;background-color:#1c477c;font-weight:600;color:#fff;line-height:50px}

@media screen and (min-width:769px){
	.box2{padding:30px}
	.box2 .tit{margin:-30px -30px 30px -30px;padding:0 30px}
}

.wbtnWrap{padding-top:20px;text-align:center}
.wbtnWrap2{}
.wbtnWrap2 li{display:inline-block;padding-right:1px}
.wbtnWrap2.fr li{display:inline-block;padding-left:1px}
.wbtnWrap3{padding-top:20px;text-align:right}
.wbtn{display:inline-block;margin-left:0;border:1px solid #536476;background-color:#536476;font-size:14px;color:#fff;text-decoration:none;text-align:center;vertical-align:middle;line-height:14px}
.wbtn:hover,.wbtn:focus,.wbtn:active{border:1px solid #6d839a;background-color:#6d839a;color:#fff;text-decoration:none}
.wbtn+.wbtn{margin-left:1%}

.wbtn1{min-width:100px;min-height:40px;padding:11px 10px}
.wbtn2{width:20px;height:20px;padding:4px 2px 0 2px;font-size:11px;font-weight:normal;text-align:center;line-height:11px}
.wbtn3{min-width:100px;min-height:35px;padding:8px 10px}
.wbtn4{min-width:100px;min-height:30px;padding:6px 10px}
.wbtn5{min-width:60px;min-height:23px;padding:5px 5px}
.wbtn6{width:30px;height:30px;padding:9px 0;font-size:14px;font-weight:normal;text-align:center}
.wbtn7{min-width:30px;min-height:30px;padding:7px 7px 5px 6px}
.wbtn[class*=wauto]{width:auto;min-width:auto}
.wbtn[class*=wbtncolor1]{border:1px solid #1e67c5;background-color:#1e67c5;color:#fff}
.wbtn[class*=wbtncolor1]:hover,.btn[class*=wbtncolor1]:focus,.btn[class*=wbtncolor1]:active{border:1px solid #247beb;background-color:#247beb}
.wbtn[class*=wbtncolor2]{border:1px solid #555;background-color:#555;color:#fff}
.wbtn[class*=wbtncolor2]:hover,.btn[class*=wbtncolor2]:focus,.btn[class*=wbtncolor2]:active{border:1px solid #777;background-color:#777}
.wbtn[class*=wbtncolor3]{border:1px solid #d7d8de;background-color:#fff;color:#536476}
.wbtn[class*=wbtncolor3]:hover,.btn[class*=wbtncolor3]:focus,.btn[class*=wbtncolor3]:active{border:1px solid #d7d8de;background-color:#d7d8de}
.wbtn[class*=wbtnradius4]{border-radius:4px}
.wbtn[class*=wbtnimg]:before{content:"";display:inline-block;margin-top:-2px;margin-right:6px;font-family:'remixicon';font-size:17px;color:#fff;vertical-align:middle}
.wbtn2[class*=wbtnimg]:before{margin-right:0;font-size:13px;font-weight:normal}
.wbtn6[class*=wbtnimg]:before{margin-right:0;font-size:17px;font-weight:normal}
.wbtn7[class*=wbtnimg]:before{margin-right:0}
.wbtn[class*=wbtnsearch]:before{content:"\f0d1"}		/*조회*/
.wbtn[class*=wbtnsave]:before{content:"\ec54"}			/*저장*/
.wbtn[class*=wbtndelete]:before{content:"\ec2a"}		/*삭제*/
.wbtn[class*=wbtnwrite]:before{content:"\ec80"}			/*쓰기*/
.wbtn[class*=wbtnmodify]:before{content:"\ec9f"}		/*수정*/
.wbtn[class*=wbtnprint]:before{content:"\f029"}			/*인쇄*/
.wbtn[class*=wbtnexcel]:before{content:"\ecdf"}			/*엑셀*/
.wbtn[class*=wbtnupload]:before{content:"\ed15"}		/*업로드*/
.wbtn[class*=wbtnreset]:before{content:"\f064"}			/*초기화*/
.wbtn[class*=wbtnplus]:before{content:"\ea13"}			/*추가*/
.wbtn[class*=wbtnminus]:before{content:"\f1af"}			/*삭제*/
.wbtn[class*=wbtnellipsis]:before{content:"\ef79"}		/*줄임*/
.wbtn[class*=wbtnadm]:before{content:"\f0e5"}			/*관리자*/
.wbtn[class*=wbtnrss]:before{content:"\f09e"}			/*rss*/
.wbtn[class*=wbtnmail]:before{content:"\eef6"}			/*메일*/
.wbtn[class*=wbtnmailsend]:before{content:"\eefc"}	/*메일보내기*/
.wbtn[class*=wbtnclose]:before{content:"\eb99"}			/*닫기*/
.wbtn[class*=wbtnpdf]:before{content:"\ecfd"}			/*닫기*/

.wbtn *{color:#fff;line-height:14px;vertical-align:middle}
.wbtn2 *{line-height:11px}
.wbtn[class*=wbtncolor3]:before{color:#536476}

.filebox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.filebox label{display:inline-block;vertical-align:middle;cursor:pointer}
.filebox .upload-name{display:inline-block;height:30px;margin:-8px 0;padding-left:10px;border:1px solid #dcdcdc;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}
.filebox .upload-display{float:right;display:inline-block;width:auto;height:30px;margin:-6px 0 -6px 5px;border:1px solid #dcdcdc;vertical-align:middle}
.filebox .upload-display img{display:block;width:auto;height:30px}

.tbl{font-size:12px}
.tbl th,.tbl td{line-height:150%}
caption{display:none}

.tbl_search{min-height:50px;border:1px solid #ddd;border-width:1px 0;background-color:#fafafa}
.tbl_search th, .tbl_search td{padding:5px 10px;border-top:1px solid #d7d8de}
.tbl_search tr:first-child th, .tbl_search tr:first-child  td{border-top:0 !important}
.tbl_search th{background-color:#eff1f7;font-weight:600;color:#333}
.tbl_search th.th1{border-left:1px solid #d7d8de;background-color:#fafafa}
.tbl_search td.td1{border-left:1px solid #d7d8de}
.tbl_search b *{font-weight:600;color:#000}
.tbl_search input,.tbl_search select{display:inline-block}
.tbl_search input[type=image]{height:auto}
.tbl_search dl{display:inline-block;margin:0}
.tbl_search dt{display:inline-block;padding:2px 5px 2px 0;font-weight:600}
.tbl_search dd{display:inline-block;padding:2px 5px}
.tbl_search dt+dd{padding:2px 5px 2px 0}
.tbl_search dd+dd{padding:2px 5px 2px 0}
.tbl_search ul,.tbl_search li{display:inline-block}
.tbl_search li+li{padding-left:10px}
.tbl_search .th1 li+li{padding-left:0px}
.tbl_search .btnWrap{display:inline-block;padding:2px 0;vertical-align:middle}
.tbl_search dt [type=text],.tbl_search dt [type="password"],.tbl_search dt [type="date"],.tbl_search dt [type="number"],
.tbl_search dt select,.tbl_search dt button,.tbl_search dt .btn,
.tbl_search dd [type=text],.tbl_search dd [type="password"],.tbl_search dd [type="date"],.tbl_search dd [type="number"],
.tbl_search dd select,.tbl_search dd button,.tbl_search dd .btn{/*margin:-8px 0;*/vertical-align:middle}

.ul_search{display:block;border-top:1px solid #ddd}
.ul_search dt{float:left;display:block;min-height:50px;padding:2px 10px;border-bottom:1px solid #d7d8de;background-color:#eff1f7;vertical-align:middle;line-height:30px}
.ul_search dd{float:left;display:block;min-height:50px;padding:2px 10px;border-bottom:1px solid #d7d8de;background-color:#fafafa;vertical-align:middle;line-height:30px}
.ul_search dt [type=text],.ul_search dt [type="password"],.ul_search dt [type="date"],.ul_search dt [type="number"],
.ul_search dt select,.ul_search dt button,.ul_search dt .btn,
.ul_search dd [type=text],.ul_search dd [type="password"],.ul_search dd [type="date"],.ul_search dd [type="number"],
.ul_search dd select,.ul_search dd button,.ul_search dd .btn{/*margin:-8px 0;*/vertical-align:middle}
.ul_search .btn{margin-top:10px}
@media screen and (min-width:1000px){
	.tbl_search dt{padding:3px 5px 3px 0}
	.tbl_search dd{padding:3px 5px}
	.tbl_search dt+dd{padding:3px 5px 3px 0}
	.tbl_search dd+dd{padding:3px 5px 3px 0}
	.ul_search dt{padding:3px 10px}
	.ul_search dd{padding:3px 10px}
}

.tbl1{border:1px solid #d7d8de;border-width:1px 1px 0 0;background-color:#fff}
.tbl1 th,.tbl1 td{padding:8px 5px;border:1px solid #d7d8de;border-width:0 0 1px 1px;text-align:center;word-break:break-all;word-wrap:break-word}
.tbl1 thead th,.tbl1 thead td{background-color:#fafafa;font-size:12px;font-weight:600}

.tbl2{border:1px solid #d7d8de;border-width:1px 1px 0 0;background-color:#fff}
.tbl2 th,.tbl2 td{padding:6px;border:1px solid #d7d8de;border-width:0 0 1px 1px;text-align:center;word-break:break-all;word-wrap:break-word}
.tbl2 thead th,.tbl2 thead td{padding:4px;background-color:#f5f6fa;border-bottom:1px solid #aaa;color:#333;font-size:12px;font-weight:600}
.tbl2 thead th *,.tbl2 thead td *{;font-size:12px;font-weight:600;color:#333}
.tbl2 tbody th{background-color:#f9fafc;color:#333}

.tbl3{border:1px solid #d7d8de;border-width:1px 1px 0 0;background-color:#fff}
.tbl3 th,.tbl3 td{height:35px;padding:10px;border:1px solid #d7d8de;border-width:0 0 1px 1px;text-align:center;word-break:break-all;word-wrap:break-word}
.tbl3 thead th,.tbl3 thead td{padding:12px 5px;background-color:#f5f6fa;border-bottom:1px solid #aaa;color:#333;font-size:12px;font-weight:600}
.tbl3 thead th *,.tbl3 thead td *{;font-size:12px;font-weight:600;color:#333}
.tbl3 tbody th{background-color:#f9fafc;color:#333}
.tbl3 tbody tr:nth-child(2n) th,.tbl3 tbody tr:nth-child(2n) td{background-color:#f9fafc}
.tbl3 tbody tr:hover th,.tbl3 tbody tr:focus th{color:#000}
.tbl3 tbody tr:hover td,.tbl3 tbody tr:focus td{background-color:#ecf6fa;color:#000}

.tbl4{border:1px solid #d7d8de;border-width:1px 1px 0 0;background-color:#fff}
.tbl4 th,.tbl4 td{height:38px;padding:6px 5px;border:1px solid #e6e6e6;border-width:0 0 1px 1px;text-align:center;word-break:break-all;word-wrap:break-word}
.tbl4 tbody th{border-right:1px solid #aaa;background-color:#f5f6fa;color:#333;font-weight:600}
.tbl4 thead th,.tbl4 thead td{height:34px;padding:4px;background-color:#f5f6fa;border-bottom:1px solid #aaa;font-size:12px;font-weight:600;color:#333}
.tbl4 thead th *,.tbl4 thead td *{;font-size:12px;font-weight:600;color:#333}
.tbl4 thead+tbody th{border-right:0;background-color:#fafafa}
.tbl4 tbody tr:hover td,.tbl4 tbody tr:focus td{background-color:transparent;color:#000}
.tbl4 tbody tr:hover,.tbl4 tbody tr:focus{background-color:#ecf6fa}

.tbl5{border:1px solid #d7d8de;border-width:1px 1px 0 0;background-color:#fff}
.tbl5 th,.tbl5 td{padding:0;border:1px solid #d7d8de;border-width:0 0 1px 1px;text-align:center;word-break:break-all;word-wrap:break-word}
.tbl5 thead th,.tbl5 thead td{padding:0;background-color:#f5f6fa;border-bottom:1px solid #aaa;color:#333;font-size:12px;font-weight:600}
.tbl5 thead th *,.tbl5 thead td *{;font-size:12px;font-weight:600;color:#333}
.tbl5 tbody th{background-color:#f9fafc;color:#333}

.tbl-scrollWrap{position:relative;padding-top:38px;border-top:1px solid #d7d8de;border-bottom:1px solid #d7d8de;border-right:1px solid #d7d8de;background-color:#f5f6fa}
.tbl-scroll{height:106px;overflow-x:hidden;overflow-y:scroll}
.tbl-scroll-fixed{display:inline-table;position:absolute;top:0;z-index:2;width:calc(100% - 17px)}
.tbl-scroll table{width:calc(100% - 1px)}
.tbl-scroll2{overflow-x:auto;overflow-y:hidden}
.tbl-scroll2 table{width:100%;min-width:1000px !important}
.tbl-scroll3{overflow-x:hidden;overflow-y:auto}

.tbl ol,.tbl ul,.tbl dl{margin-top:-2px;margin-bottom:-2px}
.tbl li,.tbl dt,.tbl dd{padding-top:2px;padding-bottom:2px}
.tbl-td-left tbody td{text-align:left}
@media screen and (min-width:769px){
	.tbl{font-size:13px}
	.tbl2 th,.tbl2 td{min-height:44px;padding:7px}
	.tbl4 th,.tbl4 td{padding:6px 7px}
}
@media screen and (min-width:1000px){
	.tbl{font-size:14px}
	.tbl2 th,.tbl2 td{height:49px;padding:9px}
	.tbl4 th,.tbl4 td{padding:6px 10px}
	/*
	.tbl ol,.tbl ul,.tbl dl{margin-top:-3px;margin-bottom:-3px}
	.tbl li,.tbl dt,.tbl dd{padding-top:3px;padding-bottom:3px}
	*/
}

.flex{display:flex}
.flex-inline{display:inline-flex}
.flex-reverse{flex-direction:row-reverse}/*가로우측(cba)정렬*/
.flex-column{flex-direction:column}/*세로정렬*/
.flex-creverse{flex-direction:column-reverse}/*세로아래정렬*/
.flex-wrap{flex-wrap:wrap}/*줄바꿈*/
.flex-wrapreverse{flex-wrap:wrap-reverse}/*줄바꿈아래*/
.flex-end{justify-content:flex-end}/*우측(abc)정렬*/
.flex-center{justify-content:center}/*가운데정렬*/
.flex-between{justify-content:space-between}/*나누어정렬(좌우여백없이)*/
.flex-around{justify-content:space-around}/*나누어정렬*/
.flex-vstart{align-content:flex-start}/*위쪽정렬*/
.flex-vend{align-content:flex-end}/*아래쪽정렬*/
.flex-vcenter{align-content:flex-center}/*세로중앙정렬*/
.flex-vbetween{align-content:space-between}/*위아래나누어정렬(좌우여백없이)*/
.flex-vbetween{align-content:space-around}/*위아래나누어정렬*/

.help1{font-size:.9em;color:#8e9db2;line-height:130%}

@media screen and (max-width:1200px){
	.page_wrap .fl{width:100%}
	.page_wrap .wbtnWrap2.fr{width:100%;margin-top:10px}
}

.helpbox{margin-bottom:3em;font-size:16px;line-height:1.5;text-align:center}
.helpbox .txt1{font-size:1.25em;font-weight:700;color:#00a0e0}
.helpbox .txt2{font-size:0.95em;margin-top:1em}
.helpbox .txt3{margin-top:2em}
.helpbox .txt3 ul{display:inline-block;padding:2rem;border:1px solid #d7d8de;background-color:#f9faff}
.helpbox .txt3 li{text-align:left;line-height:2}
.helpbox .txt3 li:last-child{margin-top:1em}
@media screen and (max-width:768px){
	.helpbox{font-size:15px}
}
@media screen and (max-width:550px){
	.helpbox{font-size:14px}
}
@media screen and (max-width:480px){
	.helpbox{font-size:13px}
}

#waitSearchArticle .tbl_search{max-width:calc(680px + 4rem);width:100%}
#waitSearchArticle .tbl_search th{height:70px;color:#000}
@media screen and (max-width:600px){
	#waitSearchArticle .tbl_search dt{width:70px}
	#waitSearchArticle .tbl_search dd{width:calc(100% - 80px)}
	#waitSearchArticle .tbl_search dd input{width:100%}
	#waitSearchArticle .tbl_search .btnwr{width:100%;padding-right:12px;text-align:right}
	#waitSearchArticle .tbl_search button{margin-top:0}
	#waitSearchArticle
}