@charset "utf-8";

/* reset css 설정 */
html,
body{height:100%;}
*{
	padding:0; margin:0;
	outline:0;
	vertical-align:top;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	font-family:'Nanum Gothic', NanumGothic, 'Malgun Gothic', Dotum, sans-serif;
	}
article, aside, figcaption, figure, footer, header, nav, section{display:block;}
p, ul, ol, dl, ul li, ol li, dl dt, dl dd{
	list-style:none;
	padding:0; margin:0;
	}
body{
	font-family:'Nanum Gothic', NanumGothic, 'Malgun Gothic', Dotum, sans-serif;
	color:#2e393f;
	line-height:1.4;
	font-size:13px;
	}
input, select, textarea{vertical-align:middle; border:0;}
a, a:hover, input, select, textarea{text-decoration:none;}

img{
	max-width:100%;
	line-height:0;
	font-size:0;
	border:0;
	-ms-interpolation-mode:bicubic;
}
a, a:hover, a:focus{
    color:inherit;
    text-decoration:none;
    transition:all 0.3s;
}

/* 공통 css 설정 */
.hide, hr{
	display:none;
	position:absolute;
	left:-99999999px;
	border:0 none;
	}
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}

.pull-right{float:right !important;}
.pull-left{float:left !important;}

.content-pc{display:block;}
.content-mobile{display:none;}

/* 모바일 설정 */
@media (max-width:991px){
	.content-pc{display:none;}
	.content-mobile{display:block;}
}

/* tab 설정 ****************************************************************** */
ul.tabs{
    overflow:hidden;
    list-style:none;
    border-bottom:2px solid #ed5218;
    width:100%;
    font-size:13px;
}
ul.tabs li{
    float:left;
	width:20%;
    text-align:center;
    cursor:pointer;
	padding:6px 5px;
	border-right:2px solid #ffffff;
    font-weight:bold;
    background:#e5e5e5;
	font-size:13px;
	color:#7a7a7a;
    overflow:hidden;
    position:relative;
	letter-spacing:-1px;
}
ul.tabs li:last-child{
    border-right:0 none;
}
ul.tabs li.active{
    background:#ed5218;
	color:#ffffff;
}
.tab-container{
	padding:0px;
    border-top:none;
    clear:both;
    background:#FFFFFF;
}
.tab-content{
    font-size:13px;
    display:none;
}
.tab-content .content-box{
    padding:15px 0;
}

/* 폼 설정 ****************************************************************** */
input[type='checkbox']{appearance:checkbox;}
input[type='text'], input[type='tel'], input[type='password'], textarea{appearance:none; color:#666;}
input[type='text'], input[type='tel'], input[type='password']{width:100%;}
input[type='file']{display:block;}
input::placeholder,
textarea::placeholder{color:#ccc;}
label{cursor:pointer;}
textarea{-webkit-overflow-scrolling:touch;}
input[type='text']{height:30px;}
input[type='checkbox']{appearance:checkbox;}
input, .popup-container select, .popup-container textarea{vertical-align:middle; text-indent:0;}
input[type='file']{display:block;}
input::placeholder,
textarea::placeholder{color:#ccc;}
.form-group{
    margin-bottom:15px;
	min-height:30px;
}
.form-control:focus{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.form-group .layout-label{
	display:inline-block;
	padding-top:7px;
    margin-bottom:5px;
    font-weight:700;
}
.form-group .input-text{
	margin:0 10px 0 0;
	display:inline-block;
	line-height:30px;
}
textarea.form-control{
    height:auto;
	resize:none;
}
.help-block{
    display:block;
    margin-top:5px;
    margin-bottom:10px;
    color:#737373;
}
.form-control{
    display:block;
    width:100%;
    height:30px;
	letter-spacing:-0.5px;
    padding:6px 10px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:0px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* 버튼 설정 ***************************************************************** */
.feedback-btn{
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	border-radius:1px;
}
.feedback-btn:active, .feedback-btn.btn:focus, .feedback-btn.btn:hover{
    color:#333;
    text-decoration:none;
	border-color:#adadad;
}
.feedback-btn.btn-xs{
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:1px;
}
.feedback-btn.btn-sm{
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:1px;
}
.feedback-btn.btn-md{
    padding:8px 15px;
    font-size:15px;
    line-height:1.5;
    border-radius:1px;
}
.feedback-btn.btn-lg{
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:1px;
}
.feedback-btn.btn-block{
	display:block;
	width:100%;
}

.feedback-btn.btn-default{/* 기본 버튼 */
	color:#555 !important;
    background-color:#ffffff;
    border-color:#cccccc;
}
.feedback-btn.btn-default:active, .feedback-btn.btn-default:focus, .feedback-btn.btn-default:hover{
    color:#fff !important;
    background-color:#c8c8c8;
    border-color:#c8c8c8;
}

.feedback-btn.btn-submit{/* 전송 버튼 */
    color:#fff !important;
    background-color:#aeaeae;
    border-color:#9f9f9f;
}
.feedback-btn.btn-submit:active, .feedback-btn.btn-submit:focus, .feedback-btn.btn-submit:hover{
    color:#fff !important;
    background-color:#9f9f9f;
    border-color:#9f9f9f;
}

.feedback-btn.btn-cancel{/* 취소, 닫기 버튼 */
    color:#fff !important;
    background-color:#a5a5a5;
    border-color:#888888;
}
.feedback-btn.btn-cancel:active, .feedback-btn.btn-cancel:focus, .feedback-btn.btn-cancel:hover{
    color:#fff !important;
    background-color:#888888;
    border-color:#888888;
}

.btn.btn-svy-go{/* nownsurvey 이동 버튼 */
    color:#fff !important;
    background-color:#F4662E;
    border-color:#EC4A0D;
	padding:15px 40px;
	margin:25px 0 30px;
    font-size:20px;
	border-radius:0;
}
.btn.btn-svy-go:active, .btn.btn-svy-go:focus, .btn.btn-svy-go:hover{
    color:#fff !important;
    background-color:#EC4A0D;
    border-color:#EC4A0D;
}

/* 레이아웃 설정 ************************************************************* */
.layout-row{
	margin-right:-10px;
	margin-left:-10px;
	margin-bottom:15px;
}
.layout-col-1, .layout-col-2, .layout-col-3, .layout-col-4, .layout-col-5, .layout-col-6, .layout-col-7, .layout-col-8, .layout-col-9, .layout-col-10, .layout-col-11, .layout-col-12{
	position:relative;
	min-height:1px;
	padding-right:10px;
	padding-left:10px;
	}


/* wrapper 설정 ***************************************************************/
.wrapper{
	background:#eceef2;
	min-width:320px;
	overflow:auto;
}
.wrapper-in{
    display:flex;
    width:100%;
	max-width:1200px;
	margin:0 auto;
    align-items:stretch;
    perspective:1500px;
}

/* sidebar 설정 ***************************************************************/
#sidebar{
    min-width:200px;
    max-width:200px;
    background:#ffffff;
    color:#fff;
    transition:all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin:bottom left;
}
#sidebar.active{
    margin-left:-230px;
	display:none;
}
#sidebar.active + #content #content-content{
    margin-left:0;
}

/* sidebar-header 상단 설정 */
#sidebar .sidebar-header{
    padding:11px 15px;
	position:relative;
	min-height:70px;
    background:#ffffff;
	text-align:left;
}
#sidebar .sidebar-header .logo{
}
#sidebar .sidebar-header #sidebarClose{
	position:absolute;
	right:15px; top:15px;
	display:inline-block;
	width:20px; height:20px;
	color:#ccc;
}

/* sidebar-content 컨텐츠 설정 */
#sidebar .sidebar-content{
}
.sidebar-content ul.components{
	padding:1px 0;
}
.sidebar-content ul p{
	color:#fff;
	padding:10px;
}
.sidebar-content ul li{
	border-bottom:1px solid #e9e9e9;
}
.sidebar-content ul li a{
	padding:10px;
	font-size:1.1em;
	display:block;
	color:#ac9992;
}
.sidebar-content ul li a:hover{
	color:#ED5C23;
    text-decoration:underline;
}
.sidebar-content ul li a.active{
	font-weight:bold;
	color:#ED5C23;
	border-left:2px solid #ED5C23;
}
.sidebar-content ul li ul li a.active{
	font-weight:bold;
	color:#ED5C23;
	border-left:0 none;
}
.sidebar-content ul li a[aria-expanded="true"]{
	background:#ffffff;
	font-weight:bold;
	color:#ED5C23;
	border-left:2px solid #ED5C23;
}
.sidebar-content ul li ul li a[data-toggle="collapse"]{
	color:#ac9992;
	background:#FADFD6;
	font-weight:normal;
	border:0 none;
}
.sidebar-content ul li a[data-toggle="collapse"]{
	position:relative;
}
.sidebar-content ul li a.dropdown-toggle::after{
	display:block;
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
}
.sidebar-content ul li ul li{
	border-bottom:1px solid #ffffff;
}
.sidebar-content ul li ul li:last-child{
	border-bottom:0 none;
}
.sidebar-content ul li ul li a{
	font-size:1em !important;
	padding-left:25px !important;
	background:#FADFD6;
}

/* sub collapse 설정 */
.sidebar-content ul li ul.collapse-sub{
    background:#d64a13;
}
.sidebar-content ul li ul.collapse-sub li{
	border-bottom:0 none;
}
.sidebar-content ul li ul.collapse-sub li a{
   padding-left:25px !important;
   background:#FDEEE9;
}
.sidebar-content ul li ul.collapse-sub li a:hover{
   color:#ED5C23;
   text-decoration:underline;
}
.sidebar-content ul li ul.collapse-sub li a.active{
  color:#ED5C23;
}
.sidebar-content ul li ul.collapse-sub li a::before{
   content:'- ';
}

/* sidebar-footer 하단 설정 */
.sidebar-footer{
    padding:15px 20px;
	font-size:12px;
	color:#be4618;
}

/* content 내용 설정 ***********************************************************/
#content{
    width:100%;
	min-width:320px;
	max-width:1200px;
    padding:0;
    min-height:100vh;
    transition:all 0.3s;
}
#content .navbar{
    padding:15px 15px;
	min-height:70px;
    background:#ED5C23 !important;
    border:none;
    border-radius:0;
    box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1);
}
#content .navbar .nav-btn-mobile{
	color:#fff;
    background-color:#d84c15;
    border-color:#d84c15;
}

/* 상단 설정 */
.nav-site-link .navbar-nav{
	flex-direction: row;
}
.navbar-expand-lg .nav-item{
	background:url('../img/navbar_line.gif') no-repeat right 13px;
}
.navbar-expand-lg .nav-item:last-child{
	background:none;
}
.navbar-expand-lg .navbar-nav .nav-link{
    font-size:13px;
	color:#ffffff;
	padding-right:.6rem;
	padding-left:.6rem;
	text-align:center;
}
.navbar-expand-lg .nav-item:last-child .nav-link{
	padding-right:0;
}
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link{
    font-weight:bold;
	color:#ffffff;
}
.menu-trigger{
}
.menu-trigger,
.menu-trigger span{
    display:inline-block;
    box-sizing:border-box;
}
.menu-trigger{
    position:relative;
    width:30px;
    height:25px;
}

/* 화살표 모양 */
.menu-trigger span{
    position:absolute;
    left:0;
    width:100%;
    height:3px;
    background-color:#fff;
	border-radius:3px;
}
.menu-trigger span:nth-of-type(1),
.menu-trigger span:nth-of-type(3){
    width :15px;
}
.menu-trigger span:nth-of-type(1){
	top:0;
    -webkit-transform :translate(-2px, 6px) rotate(-45deg);
    transform :translate(-2px, 6px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2){
	top:11px;
}

.menu-trigger span:nth-of-type(3){
	bottom:0;
    -webkit-transform :translate(-2px, -6px) rotate(45deg);
    transform :translate(-2px, -6px) rotate(45deg);
}

.menu-trigger.active{
    -webkit-transform :rotate(360deg);
    transform :rotate(360deg);
}

/* 햄버거 모양 */
.menu-trigger.active span:nth-of-type(1),
.menu-trigger.active span:nth-of-type(3){
    width :100%;
}
.menu-trigger.active span:nth-of-type(1){
	-webkit-transform :translate(0px, 0px) rotate(0deg);
    transform :translate(0px, 0px) rotate(0deg);
}

.menu-trigger.active span:nth-of-type(2){
	-webkit-transform :translate(0px, 0px) rotate(0deg);
    transform :translate(0px, 0px) rotate(0deg);
}

.menu-trigger.active span:nth-of-type(3){
	-webkit-transform :translate(0px, 0px) rotate(0deg);
    transform :translate(0px, 0px) rotate(0deg);
}


/* 폰트 설정 */
.font-important{
	font-weight:bold;
	color:#0456C6;
	text-decoration:underline;
}

/* 내용 설정 */
#content-content{
    padding:25px 25px;
	margin-top:15px;
	margin-left:15px;
	background:#ffffff;
}

/* 제목 설정 */
.content-title{
	margin-bottom:25px;
	font-size:25px;
}
.content-sub-text{
	margin:0 0 25px;
	background:#ececec;
	padding:15px;
	font-size:14px;
}
.content-sub-text span{
	font-weight:bold;
	margin-right:5px;
}
.intro-box{
	padding:15px 15px;
	margin-bottom:15px;
	background-color:#f9f9f9;
}

/* 리스트 설정 */
.content-list,
.intro-list{
	margin-bottom:25px;
}
.intro-list dt{
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
}
.intro-list-2 dt{
	margin-bottom:15px;
	font-size:20px;
	font-weight:bold;
}
.content-list dt{
	margin-bottom:15px;
	font-size:14px;
	font-weight:bold;
}
.intro-list dd{
	margin-bottom:8px;
	padding:0 0 0 15px;
	color:#535353;
}
.content-list dd{
	margin-bottom:15px;
	padding:0 0 0 15px;
	color:#535353;
}
.intro-list-2 dd{
	margin-bottom:15px;
	color:#535353;
}
.content-list dd.content-text{
}
.intro-list dd.content-img{
	text-align:left;
	max-width:900px;
}
.content-list dd.content-img{
	text-align:left;
	margin-bottom:45px;
}
p.content-img{
	text-align:left;
	margin-bottom:45px;
}
p.content-img a,
.intro-list dd.content-img a,
.content-list dd.content-img a{
	position:relative;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.004);
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	display:inline-block;
}
p.content-img a::after,
.intro-list dd.content-img a::after,
.content-list dd.content-img a::after{
	position:absolute;
	bottom:1px; right:1px;
	content:'\f00e';
	width:40px;
	height:40px;
	background:rgba(0,0,0,0.5);
	font-family:'fontawesome';
	display:inline-block;
	color:#fff;
	text-align:center;
	line-height:40px;
	font-size:18px;
}
p.content-img a:hover::after,
.intro-list dd.content-img a:hover::after,
.content-list dd.content-img a:hover::after{
	width:40px;
	height:40px;
	background:rgba(0,0,0,0.6);
	line-height:40px;
	font-size:18px;
	transition:all 0.3s;
}
p.content-img a img,
.intro-list dd.content-img a img,
.content-list dd.content-img a img{
	max-width:100%;
    height:auto;
	border:1px solid #d9d9d6;
    box-shadow:0 3px 16px 0 rgba(217, 217, 214, 0.5);
}
.intro-box .intro-list,
.intro-box .intro-list-2{
	margin-bottom:0 !important;
}
.intro-box .intro-text-1{
	margin-bottom:0 !important;
}
.intro-text-1{
	margin-bottom:35px;
	padding:0 0 0 15px;
}

/* 팁 설정 */
.content-list dd.content-tip,
.content-tip{
	margin:10px 0;
	background:#ececec;
	padding:15px;
}
.content-list dd.content-tip span,
.content-tip span{
	color:#ED5C23;
	font-size:20px;
	font-weight:bold;
	vertical-align:-2px;
	margin-right:5px;
}

/* 피드백 설정 */
.content-feedback{
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	padding:15px 0;
	margin:50px 0 35px;
	}
.feedback-qustion{
}
.feedback-qustion .feedback-btn{margin-left:10px;}

.feedback-text{

}
.feedback-text .feedback-text-input{
	margin-bottom:10px;
}
.feedback-text .text-comment{
	margin-bottom:10px;
}

/* 테이블 설정 */
.content-table table{
    border-spacing:0;
    border-collapse:collapse;
	width:100%;
    max-width:100%;
	border:1px solid #ddd;
	border-top:2px solid #ED5C23;
}
.content-table table th{
    display:table-cell;
    vertical-align:inherit;
    font-weight:bold;
    text-align:center;
	background-color:#f9f9f9;
}
.content-table table td{
    display:table-cell;
    vertical-align:inherit;
}
.content-table table>tbody>tr>td, .content-table table>tbody>tr>th,
.content-table table>thead>tr>td, .content-table table>thead>tr>th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:middle;
	border:1px solid #ddd;
}

/* 피드백 리스트 설정 - 관리자용 */
.feedback-list{
	border:1px solid #ccc;
}
.feedback-list-content li{
	overflow:hidden;
	border-bottom:1px solid #e0e0e0;
	padding:10px 15px;
	letter-spacing:-0.5px;
}
.feedback-list-content li:nth-child(2n){
	background-color:#F0F0F0;
}
.feedback-list-content .feedback-title{
	font-size:14px;
	box-sizing :border-box;
}
.feedback-list-content .feedback-title dt{
    font-weight:bold;
    color:#464646;
}
.feedback-list-content .feedback-title dd{
    padding-top:3px;
    color:#a9a9a9;
    font-size:12px;
}
.feedback-list-content .feedback-title dd span{
    background:url(../img/title_line.gif) no-repeat right 2px;
	padding:0 8px;
}
.feedback-list-content .feedback-title dd span:first-child{
	padding:0 8px 0 0;
}
.feedback-list-content .feedback-title dd span:last-child{
	background:none;
}
.feedback-list-content .feedback-date{
	margin-top:5px;
	font-size:12px;
	box-sizing :border-box;
	color:#a9a9a9;
}

/* 이미지 설정 */
.lb-dataContainer{
	max-width:768px;
}
.lightbox{
}
.lb-outerContainer{
    height:auto !important;
    overflow-y:auto;
	max-width:768px;
    max-height:600px;
}
.lightbox .lb-image{
    width:auto !important;
    height:auto !important;
}

/* 피드백리스트 레이어 팝업 설정 */
#sb-wrapper{}
#sb-wrapper #sb-title,
#sb-wrapper #sb-info{display:none;}
.pop-content{padding:20px 20px;}
.pop-header{overflow:hidden;}
.pop-header .content-pop-title{
	float :left;
	width :100%;
	margin-right :-70px;
	padding-right :70px;
	box-sizing :border-box;
}
.pop-header .content-pop-btn.btn-close{
	float :right;
	text-align:right;
	width :60px;
	box-sizing :border-box;
}


/* mobile 설정 ============================================================== */
@media (max-width:768px){

    #sidebar{
    }
    #sidebar.active{
    }
	#sidebar.active + #content #content-content{
	    margin-left:15px;
	}
	#content-content{
		margin:15px 15px 0;
		padding:20px;
	}

	/* 제목 설정 */
	.content-title{
		margin-bottom:15px;
		font-size:20px;
	}

	/* 이미지 설정 */
	.lb-dataContainer{
		width:100% !important;
	}
	.lightbox{
		left:20px !important;
		right:20px !important;
		width:auto;
		max-width:100% !important;
	}
	.lb-outerContainer{
		width:100% !important;
		height:auto !important;
	    overflow-y:auto;
	    max-height:450px;
	}

}


/* 중간 mobile 설정 ========================================================= */
@media (min-width:550px){


}


/* tablet 설정 ============================================================== */
@media (min-width:768px){

	/* 레이아웃 설정 ********************************************************* */
	.layout-col-1, .layout-col-2, .layout-col-3, .layout-col-4, .layout-col-5, .layout-col-6, .layout-col-7, .layout-col-8, .layout-col-9, .layout-col-10, .layout-col-11, .layout-col-12{
		float:left;
		}
	.layout-col-1{width:8.33333333%;}
	.layout-col-2{width:16.66666667%;}
	.layout-col-3{width:25%;}
	.layout-col-4{width:33.33333333%;}
	.layout-col-5{width:41.66666667%;}
	.layout-col-6{width:50%;}
	.layout-col-7{width:58.33333333%;}
	.layout-col-8{width:66.66666667%;}
	.layout-col-9{width:75%;}
	.layout-col-10{width:83.33333333%;}
	.layout-col-11{width:91.66666667%;}
	.layout-col-12{width:100%;}

	/* 상단 설정 */
	.nav-site-link .navbar-nav{
		flex-direction: row;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
	    font-size:15px;
		padding-right:.6rem;
		padding-left:.6rem;
	}

	/* 피드백 리스트 설정 - 관리자용 */
	.feedback-list-content .feedback-title{
		float :left;
		width :100%;
		margin-right :-100px;
		padding-right :100px;
	}
	.feedback-list-content .feedback-date{
		float :right;
		text-align:right;
		width :90px;
		margin-top:0;
		font-size:12px;
	}


}

/* desktop 설정 ============================================================= */
@media (min-width:1025px){


}