@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font:inherit;vertical-align: baseline;background: transparent; box-sizing: border-box;}

a:link { text-decoration: none; }
a:hover{ text-decoration: none; }
a:visited { text-decoration: none;}
a:active { text-decoration: none;}

body {line-height: 1; background: #fff; color: #000;}
ol,ul { list-style:none; }
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary { display: block;}
nav ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#555}
ins { background-color: #ff9; color: #000; text-decoration: none;}
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help;}
table { border-collapse: collapse; border-spacing: 0;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}
caption { text-indent:-9999em; font-size:0; line-height:0;}
input, select { vertical-align: middle; font-family: inherit;}
button{ border: 0; padding: 0; margin: 0; background: transparent; }
input, textarea, select, button {font-family: inherit;}
table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.content legend {overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

input[type=text]::-ms-clear { display: none; }
@import url("font.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap');

@font-face {
	font-family: 'NanumSquareB';
	src: url(../font/NanumSquareB.eot);
	src: url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumSquareB.woff) format('woff'),
	url(../font/NanumSquareB.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	src: url(../font/NotoSansKR-Bold.eot);
	src: url(../font/NanumSquare.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumSquare.woff) format('woff'),
	url(../font/NanumSquare.ttf) format('truetype');
}

/* font */
@font-face {
	font-family: 'NotoSans';
	font-weight: 200;
	src:url(../font/NotoSansKR-Light.eot);
	src:url(../font/NotoSansKR-Lightd41d.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Light.woff) format('woff'),url(../font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans';
	font-weight: 400;
	src:url(../font/NotoSansKR-Regular.eot);
	src:url(../font/NotoSansKR-Regulard41d.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Regular.woff) format('woff'),url(../font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans';
	font-weight: bold;
	src:url(../font/NotoSansKR-Bold.eot);
	src:url(../font/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Bold.woff) format('woff'),url(../font/NotoSansKR-Bold.otf) format('opentype');
}


/* Default Document Style */
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	color:#333;
	font-family: 'Roboto', 'NanumSquare', 'NotoSans', '맑은 고딕', 'Malgun Gothic', sans-serif;
	background: transparent;
	font-size: 15px;
	font-style: normal;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing: antialiased;
	line-height: 1.6;
	letter-spacing: 0px;
	font-weight: 400;
	transform-origin:center center;
	-webkit-transform-origin:center center;
	word-break: keep-all;
}

* {box-sizing: border-box; margin:0; padding:0;}
img {vertical-align:top; border:0; margin:0; padding:0; max-width: 100%;}
span, a, strong, i, em {display: inline-block}
table {width: 100%;}
strong {font-weight: 500; color:#000;}

a:link {color:#555;}
a:hover{color:#555;}
a:visited {color:#555;}
a:active {color:#555;}


/*input*/
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="time"],
input[type="password"] { width: auto; height: 34px; line-height: 34px; line-height: normal; padding:0 10px; border:1px solid #ccc; font-size: 15px; vertical-align: middle; width: 100%; color:#000; outline: none; background-color:#fff;}
textarea {padding:10px; border:1px solid #ccc; min-height: 200px; width: 100%; font-size: 16px;  color:#333;resize:none;min-height:auto;}
input:-moz-read-only { background-color: #eee;}
input:read-only { background-color: none;}
input[type="radio"],input[type="checkbox"]{width:17px;height:17px;vertical-align: sub;}
input:disabled{background-color:#ececec;}

/*placeholder*/
::-webkit-input-placeholder {color: #ccc;}
:-moz-placeholder {color: #ccc; opacity:1;}
::-moz-placeholder {color: #ccc; opacity:1;}
:-ms-input-placeholder { color: #ccc;}
::placeholder { color: #ccc; opacity:1;}

/*selectbox*/
select {position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;height:34px; padding:0 34px 0 15px; border:0px solid #646474; background-color: #fff; background-image:url(../img/common/ico-select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) 50%; font-size: 15px; vertical-align: middle; width: auto; color:#000;border: 1px solid #ccc;}
select option {color:#333; background: #fff;}
select::-ms-expand {display:none;}

/*checkbox*/
.check-set input[type="checkbox"] {display:none;}
.check-set input[type="checkbox"] + label {margin-right:20px; cursor: pointer; font-weight: normal; font-size: 15px;}
.check-set input[type="checkbox"]:last-of-type + label {margin-right: 0;}
.check-set input[type="checkbox"] + label:before {content: ''; display:inline-block; width:20px; height:20px; margin:-2px 5px 0 0; vertical-align:middle; background:url(../img/common/check-radio.png)no-repeat 0px 0; cursor:pointer;}
.check-set input[type="checkbox"]:checked + label {color:#000;}
.check-set input[type="checkbox"]:checked + label:before {background:url(../img/common/check-radio.png) -20px 0 no-repeat;}

/*radio*/
.radio-set input[type="radio"] {display:none;}
.radio-set input[type="radio"] + label {margin-right:20px; cursor: pointer;}
.radio-set input[type="radio"]:last-of-type + label {margin-right: 0;}
.radio-set input[type="radio"] + label:before {content: ''; display:inline-block; width:20px; height:20px; margin:-2px 10px 0 0; vertical-align:middle; background:url(../img/common/check-radio.png)no-repeat -40px 0; cursor:pointer;}
.radio-set input[type="radio"]:checked + label {color:#000;}
.radio-set input[type="radio"]:checked + label:before {background:url(../img/common/check-radio.png) -60px 0 no-repeat;}


.text_right {text-align:right !important;}
.text_left {text-align:left !important;}
.text_center {text-align:center !important;}
/*button*/
button {cursor: pointer; vertical-align: middle; font-size: 15px;}
.btn-box {text-align: center; margin:40px 0;}
.btn_wrap{display:block;text-align: center; margin:20px 0 0 0;}
.btn_wrap.right{text-align:right;}
.btn_wrap .btn.left{float:left;}
.black_btn{background-color:#272c33 !important;}
.red_btn{background-color:#dd2d2d !important;}
.gray_btn{background-color:#999999 !important;}
.btn {padding:8px 12px;  line-height: 1.35em; min-width: 70px; background: #3692b4; color:#fff !important; margin:1px; vertical-align: middle; text-align: center; font-weight: 400; font-size: 16px;}

.btn-s {padding:8px 20px; min-width: 100px; background: #3692b4; color:#fff !important; margin:1px; vertical-align: middle; text-align: center; font-weight: 400; font-size: 15px;}
.btn-xs {padding:4px 10px; min-width: 50px; background: #3692b4; color:#fff !important; margin:1px; vertical-align: middle; text-align: center; font-weight: 400; font-size: 12px;}
.btn.line {border:1px solid #ddd; background: #fff; color:#333;}
.btn.list:before {content: ''; display: inline-block; background: url(../img/common/ico-list.png) no-repeat 0 0; width: 20px; height: 20px; margin-right: 5px; vertical-align: middle}
.btn.i-down:before {content: ''; display: inline-block; background: url(../img/common/ico-down-xs.png) no-repeat 0 0; width: 20px; height: 20px; margin-right: 4px; vertical-align: middle}
.btn.i-close:before {content: ''; display: inline-block; background: url(../img/common/ico-close-xs.png) no-repeat 0 0; width: 20px; height: 18px; margin-right: 5px; vertical-align: middle}
.btn.i-play:before {content: ''; display: inline-block; background: url(../img/common/ico-play-xs.png) no-repeat 0 0; width: 20px; height: 20px; margin-right: 6px; vertical-align: top; position: relative; top:1px;}

/* Text Color */
.txt-color-black {color: #000 !important;}
.txt-color-dgray {color: #222 !important;}
.txt-color-gray {color: #bbb !important;}
.txt-color-ltgray {color:#838383 !important;}
.txt-color-red {color: #ffcc00 !important;}
.txt-color-navy {color: #063c6d !important;}
.txt-color-skyblue {color: #378ee0 !important;}
.txt-color-cobalt {color: #053868 !important;}
.txt-color-white {color: #fff !important;}
.txt-color-aqua {color: #01b4bb !important;}
.txt-color-green {color: #7ec356 !important;}
.txt-color-orange {color: #f04e30 !important;}
.txt-color-cyan {color: #00b1f0 !important;}
.txt-color-yellow {color: #ffcc00 !important;}
.txt-color-blue {color: #005b9e !important;}

/* bg Color */
.bg-com {background-color: #ea5041 !important;}
.bg-lt-com {background-color: #6a6772 !important;}
.bg-cyan {background-color: #01b3bb !important;}
.bg-blue {background-color: #0d6dbe !important;}
.bg-lt-blue {background-color: #557af5 !important;}
.bg-whgrey {background-color: #f5f5f5 !important;}
.bg-white {background-color: transparent !important;}
.bg-grey {background-color: #d6d6e0 !important; color:#000 !important; font-weight: bold}
.bg-black {background-color: #000 !important;}
.bg-red {background-color: #ff0033 !important;}

/* float */
.f-left {float: left;}
.f-right {float: right;}
.f-none {float: none !important;}
.clearfix {clear:both !important;}
.clear:after {clear:both;display:block;content:'';}

/* Text Style */
.txt-hidden {text-indent: -9999em; font-size:0; color: transparent;}
.txt-cnt {text-align:center !important;}
.txt-left {text-align:left !important;}
.txt-right {text-align:right !important;}

/* hidden */
.hidden, caption, legend { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}

/*icon*/
i {display: inline-block; vertical-align: middle; background-size: contain !important;}

/*spacing*/
.p-0 {padding:0 !important;}
.pt-0 {padding-top:0 !important;}
.pb-0 {padding-bottom:0 !important;}
.ph-20 {padding:20px 0 !important;}
.pw-20 {padding:0 20px !important;}

.m-0 {margin:0 !important;}
.mt-0 {margin-top:0 !important;}
.mt-10 {margin-top:10px !important;}
.mt-30 {margin-top:30px !important;}
.mb-0 {margin-bottom:0 !important;}
.mb-10 {margin-bottom:10px !important;}
.mh-20 {margin:20px 0 !important;}
.mw-20 {margin:0 20px !important;}


.qustn_box .right_detail_box .file_name {font-size:14px;}
.qustn_box .right_detail_box .file_name img {vertical-align:middle;}
.btn_textarea {width:100%; display:inline-block;}
.btn_textarea textarea {float:left; width:calc(100% - 90px);}
.btn_textarea button {float:right; height:31px; line-height:31px; padding:2px 10px}
/*-- POPUP --*/
.mask {
	position: fixed;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	z-index: 999;
	background-color: #000000;
	display: none;
	opacity: .6;
}

.layerpop {
	display: none;
	z-index: 1000;
	background: #fff;
	position: fixed;
	min-width: 500px;
	min-height: 300px;
	max-height:600px;
	overflow: hidden;
}

.layerpop_area .title {
	padding: 10px 15px;
	background: #499db2;
	color: #fff;
	font-size: 18px;
}

.layerpop_area .layerpop_close {
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	top: 12px;
	right: 10px;
	text-align: center;
	color: #fff;
	font-size: 25px;
	line-height: 1;
}
.layerpop_area .layer_cont {
	margin: 0;
	width:100%;
	height:100%;
	display:block;
	box-sizing:border-box;
	padding: 20px;
	color:#333;
	font-size: 15px;
	overflow: auto;
	max-height: 550px;
}
.layerpop_area .layer_cont .tit{
	font-size: 16px;
	font-weight: 600;
	margin: 10px 0;
}
/*-- POPUP --*/

/*-- tab --*/
.tab_wrap ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size:0;
	display:block;
	box-sizing:border-box;
	border-bottom:solid 1px #9cb2c5;
	margin-bottom:10px;
}
.tab_wrap ul.tabs li{
	background: #435b72;
	color: #fff;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	font-size:15px;
	box-sizing:border-box;
	border-radius: 5px 5px 0 0;
	min-width: 120px;
	text-align: center;
	font-weight: 500;
	background: #435b72;
	border-right: solid 1px #3c4352;
	position:relative;
}

.tab_wrap ul.tabs li.current{
	background:none;
	color: #fff;
	border: solid 1px #9cb2c5;
	border-bottom:none;
}
.tab_wrap ul.tabs li.current:after{
	content:'';
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:1px;
	background-color:#3c4352;
	display:block;
}
.tab_wrap ul.tabs li a,
.tab_wrap ul.tabs li a:link,
.tab_wrap ul.tabs li a:hover,
.tab_wrap ul.tabs li a:visited,
.tab_wrap ul.tabs li a:active {color:#fff;}
.tab_wrap .tab-content{
	display: none;
}

.tab_wrap .tab-content.current{
	display: inherit;
}
/*-- tab --*/


/* margin */
.margin_0{margin:0 !important;}
.margin_10{margin:0.625rem !important;}
.margin_20{margin:20px !important;}
.margin_30{margin:30px !important;}

.mt_0{margin-top:0 !important;}
.mt_5{margin-top:0.325rem !important;}
.mt_10{margin-top:0.625rem !important;}
.mt_15{margin-top:0.9375rem !important;}
.mt_20{margin-top:1.25rem !important;}
.mt_25{margin-top:1.5625rem !important;}
.mt_30{margin-top:1.875rem !important;}
.mt_35{margin-top:2.1875rem !important;}
.mt_40{margin-top:2.5rem !important;}
.mt_45{margin-top:2.8125rem !important;}
.mt_50{margin-top:3.125rem !important;}
.mt_60{margin-top:3.75rem !important;}
.mt_65{margin-top:4.25rem !important;}
.mt_70{margin-top:4.5rem !important;}

.mr_0{margin-right:0 !important;}
.mr_5{margin-right:0.325rem !important;}
.mr_10{margin-right:0.625rem !important;}
.mr_15{margin-right:0.9375rem !important;}
.mr_20{margin-right:1.25rem !important;}
.mr_25{margin-right:1.5625rem !important;}
.mr_30{margin-right:1.875rem !important;}
.mr_35{margin-right:2.1875rem !important;}
.mr_40{margin-right:2.5rem !important;}
.mr_45{margin-right:2.8125rem !important;}
.mr_50{margin-right:3.125rem !important;}

.mb_0{margin-bottom:0 !important;}
.mb_5{margin-bottom:0.325rem !important;}
.mb_10{margin-bottom:0.625rem !important;}
.mb_15{margin-bottom:0.9375rem !important;}
.mb_20{margin-bottom:1.25rem !important;}
.mb_25{margin-bottom:1.5625rem !important;}
.mb_30{margin-bottom:1.875rem !important;}
.mb_35{margin-bottom:2.1875rem !important;}
.mb_40{margin-bottom:2.5rem !important;}
.mb_45{margin-bottom:2.8125rem !important;}
.mb_50{margin-bottom:3.125rem !important;}
.mb_60{margin-bottom:3.75rem !important;}
.mb_70{margin-bottom:4.5rem !important;}
.mb_80{margin-bottom:5.2rem !important;}
.mb_90{margin-bottom:5.85rem !important;}

.ml_0{margin-left:0 !important;}
.ml_5{margin-left:0.325rem !important;}
.ml_10{margin-left:0.625rem !important;}
.ml_15{margin-left:0.9375rem !important;}
.ml_20{margin-left:1.25rem !important;}
.ml_25{margin-left:1.5625rem !important;}
.ml_30{margin-left:1.875rem !important;}
.ml_35{margin-left:2.1875rem !important;}
.ml_40{margin-left:2.5rem !important;}
.ml_45{margin-left:2.8125rem !important;}
.ml_50{margin-left:3.125rem !important;}

.wp_10 {width:10% !important}
.wp_20 {width:20% !important}
.wp_30 {width:30% !important}
.wp_40 {width:40% !important}
.wp_50 {width:50% !important}
.wp_60 {width:60% !important}
.wp_70 {width:70% !important}
.wp_80 {width:80% !important}
.wp_90 {width:90% !important}

h3.h3 {font-size:20px; font-weight:bold; margin:0.9375rem 0 0.625rem}

.text_center {text-align:center;}
.text_left {text-align:left;}
.text_right {text-align:right;}

.popup_wrap {padding:15px}
.box {}
.box.box_0 {border:1px soliD #ececec; padding:0.9375rem 1.25rem; background:#fafafa; display:inline-block}



.qustn_box {width:100%; display:inline-block; margin-top:20px;}
/*
ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #fff;width:390px;
	background: #fff;
	width: 400px;
	padding: 15px;
	float: left;}
	*/
.qustn_box .left_menu_box {position:relative;  width:400px; float:left; background:#fff; }
.qustn_box .left_menu_box .left_menu_box_btn {margin: 0 0 10px 0; width:100%; display:inline-block; text-align:center; border-top:1px solid #eee; padding-top:10px}
.qustn_box .left_menu_box .left_menu_box_btn button {border:1px solid #ececec; height:32px; line-height:32px;  font-size:12px; padding:0 10px; margin:0 2px; min-width:32px; border-radius:5px;}
.qustn_box .left_menu_box .left_menu_box_btn button.btn_1 {background:#3d444e;  color:#fff; border:1px solid #3d444e}
.qustn_box .left_menu_box .left_menu_box_btn button.btn_2 {font-size:0px; background:url('../img/up_icon.png') no-repeat center center; background-size:19px;}
.qustn_box .left_menu_box .left_menu_box_btn button.btn_3 {font-size:0px; background:url('../img/up_icon2.png') no-repeat center center; background-size:20px;}
.qustn_box .left_menu_box .left_menu_box_btn button.btn_4 {font-size:0px; background:url('../img/down_icon.png') no-repeat center center; background-size:20px;}
.qustn_box .left_menu_box .left_menu_box_btn button.btn_5 {font-size:0px; background:url('../img/save_icon.png') no-repeat center center; background-size:22px;}
.qustn_box .left_menu_box .left_menu_box_btn button.btn_6 {background:#c32222;  color:#fff; border:1px solid #c32222}
.qustn_box .left_menu_box ul.ztree {width:400px; height:calc(100vh - 640px); padding:10px 20px 20px 20px;  float:left; overflow-x:hidden;overflow-y:auto;}
.qustn_box .left_menu_box .left_menu_box_info {width:100%; display:inline-block; background:#435b72; color:#fff; padding:15px 30px; vertical-align:top;}
.qustn_box .left_menu_box .first_qus_btn {width:100%; display:inline-block; text-align:left; padding:10px 0 0 20px;}
.qustn_box .left_menu_box .first_qus_btn button {    height: 32px;  line-height: 32px;  font-size: 12px;   padding: 0 10px;   margin: 0 2px;  min-width: 32px;  border-radius: 5px;     background: #3d444e;  color: #fff;  border: 1px solid #3d444e;}
.qustn_box .left_menu_box .no_data {color:#ccc; text-align:center; width:100%; position:absolute; top:50%; left:0%;}
.qustn_box .right_detail_box {position:relative;  float:left; width:calc(100% - 455px); overflow-x:hidden; overflow-y:auto; height:calc(100vh - 452px); background:#fff; margin-left:50px}
.qustn_box .right_detail_box  td input[type="text"] {width:100% !important}
.qustn_box .right_detail_box  td textarea {padding:5px}
.qustn_box .right_detail_box .no_data {color:#ccc; text-align:center; width:100%; position:absolute; top:50%; left:0%;}