@CHARSET "UTF-8";
/* @font-face {
   font-family: 'nanumsq';
   src: url('/resources/fonts/NANUMSQUARER.woff') format('woff');
} */
@font-face {
   font-family: 'nanumsqr';
   src: url('/resources/fonts/NANUMSQUAREROUNDR.woff') format('woff');
}

/* @font-face {
   font-family: 'nanumpen'; 폰트 패밀리 이름 주기
   src: url('/resources/fonts/NANUMPEN.woff'); 폰트 파일 주소
}  */
/* @font-face {
   font-family: 'nanumbrush'; 폰트 패밀리 이름 주기
   src: url('/resources/fonts/NANUMBRUSH.woff'); 폰트 파일 주소
} */
/* summernote-lite.css 보완 */
.note-toolbar{
	padding-left: 0px !important;
}
.note-editor {
    margin-bottom: 10px;
}

html{
	overflow-y: scroll;
	width: 100%;
	height: 100%;
}
body{
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: arial;
/*     font-family: nanumsq; */	
    font-family: nanumsqr;
}

input{
	box-sizing: border-box;
	vertical-align: middle;
	color: rgb(31,31,31);
    padding: 0px 2px 0px 2px;
	margin: 0px;    
    font-family: nanumsqr;
    font-size: 12px;
}
a{
	color: rgb(31,31,31);	
}
a:VISITED{
	color: rgb(31,31,31);	
}
a:LINK{
	color: rgb(31,31,31);	
}
input:focus{
	outline: 0px;
}
input[type=text],input[type=number],input[type=password],input[type=email],input[type=search],input[type=date],textarea{
	border: 1px solid rgb(200,200,200);
}
input[type=button],input[type=submit]{
	cursor: pointer;
}
input[type=radio]{
    vertical-align: text-bottom;	
}
input[type=checkbox]{
	max-width: 13px;
}
input[type=password]{
	/*background-color: rgb(245, 245, 245);*/
}
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.btn{
    color: white;	
    border-radius: 2px;	
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;    
}
input.btn.acc{
	border: 1px solid rgb(54,167,217);
    background-color: rgb(74,187,237);
}
input.btn.acc2{
	border: 1px solid rgb(0,111,192);
    background-color: rgb(0,131,212);
}
input.btn.acc3{
    border: 1px solid rgb(191,83,106);
    background-color: rgb(211,103,126);    
}
input.btn.normal{
    border: 1px solid rgb(130,130,130);
    background-color: rgb(150,150,150);
}
input.btn:hover{
    /* background-color: rgb(54,167,217); */    
    box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,.3);    
}
input.btn:active{
	filter: brightness(95%);	
}
select{
	box-sizing: border-box;
    border: 1px solid rgb(200,200,200);	
	color: rgb(31,31,31);    
}
ul{
    padding: 0px;
    margin: 0px;	
}
li{
	list-style: none;
}
textarea{
    resize: none;
    padding: 2px;	
    overflow-y: scroll; 
	box-sizing: border-box;
	vertical-align: middle;
	color: rgb(31,31,31);
    font-family: nanumsqr;
    font-size: 12px;       
}
table{
	border-collapse: collapse;
    table-layout: fixed;	
	}
th{
	padding: 0px;
	font-weight: bold;	
}
td{
	padding: 0px;
	font-weight: normal;
	line-height: 1.6;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgb(180,180,180);
}
::-moz-placeholder { /* Firefox 19+ */
	color: rgb(180,180,180);
}
:-ms-input-placeholder { /* IE 10+ */
	color: rgb(180,180,180);
}
:-moz-placeholder { /* Firefox 18- */
	color: rgb(180,180,180);
}

#wrap{
    margin: 0px;
    width: calc(100% - 20px);
    height: 100%;
    /* position: absolute; */
    color: rgb(31,31,31);
    /*max-width: 980px;*/
    max-width: 1135px;
    margin: 0 auto;
    padding: 0 10px 0 10px;
}
/* header */
#header{
    position: relative;
    top: 0;
    width: 100%;
    height: 110px;
    z-index: 1;	
}
#header > .top{
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0px;	
}
#header > .top > a{
	float : left;
	width: 200px;
	margin-top: 20px;		
}	
#header > .top > a > img{	
    width: 100%;	
}
#header > .top > ul{
	width:calc(100% - 200px);
	height: 100%;
	float : left;
}
#header > .top > ul > li{
    width: 70px;
    height: 30px;
    line-height: 30px;
    float: right;
    cursor: pointer;
    text-align: center;
    margin-top: 40px;
}
#header > .top > ul > li > a{
	text-decoration: none;
}
#header > .top > ul > li > a.admin{
	color: rgb(211,103,126);
}
#header > .bottom{
    width: 100%;
    height: 40px;	
    line-height: 40px;    
	/* background: linear-gradient(141deg, rgb(74,187,237) 0%, rgb(0,131,212) 130%); */
	background: linear-gradient(141deg, rgb(74,187,237) 0%,rgb(64,207,227) 50%, rgb(0,131,212) 130%);
	/* position: relative; */
    position: absolute;
    top: 70px;	
}
#header > .bottom.admin{
	background:none;
    background-color: rgb(211,103,126);
}
#header > .bottom > ul.main_menu{
    width: 100%;
    height: 100%;	
    color: white;    
    font-size: 14px;    
}
#header > .bottom > ul.main_menu > li{
	/* width: 80px; */
	/*width: calc(100% /6);*/
	width: calc(100% /7);
	float : left;
	cursor: pointer;
	text-align: center;
	position: relative;	
}
#header > .bottom > ul.main_menu > li > div {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;	
}
#header > .bottom > ul.main_menu > li > div > a {
    color: white;
    text-decoration: none;	
}
#header > .bottom > ul.main_menu > li > div:hover {
	background-color: rgba(74,187,237,.5);
    box-shadow: inset 0px -20px 0px 0px rgba(0,0,0,.1);
}
#header > .bottom:hover > ul.side_menu{
	height: 270px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	padding: 10px 0 10px 0;
}
#header > .bottom.admin > ul.side_menu{
	border-color: rgb(211,103,126);
}
#header > .bottom > ul.side_menu{
    /* border: 1px solid rgb(220,220,220); */
    border: 1px solid rgb(74,187,237);
    /* border-top: 0px; */
    color: rgb(80,80,80);
    background-color: rgba(255,255,255,.95);
    position: absolute;
    left: 0px;
    top: 40px;
    width: calc(100% - 2px);
    height: 0px;
    overflow: hidden;
    
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;  
}
/* #header > .bottom > ul.side_menu > li > ul.drop_down{
    color: rgb(120,120,120);
    background-color:white;
    position: absolute;
    left: 0px;
    top: 30px;
    width: 100%;
    height: 0px;
    overflow: hidden;
} */
#header > .bottom > ul.side_menu > li{
    /*width: calc(100% / 6);*/
    width: calc(100% /7);
    float: left;	    
}
#header > .bottom > ul.side_menu > li > ul{
	width: 100%;
}
#header > .bottom > ul.side_menu > li > ul > li{
    /* border: 1px solid rgb(220,220,220); */
    /* border-top: 0px; */	 
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
#header > .bottom > ul.side_menu > li > ul > li > a{
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
#header > .bottom > ul.side_menu > li > ul > li:hover > a{
    color: rgb(0,131,212);		
}
#header > .bottom.admin > ul.side_menu > li > ul > li:hover > a{
    color: rgb(211,103,126);		
}
/* #header > .bottom > ul > li > ul.drop_down.big{
	width: 180px;
} */
/* #header > .bottom:hover > ul > li > ul.drop_down{
	height: 270px;
	box-shadow: 0px 2px 5px 1px rgba(0,0,0,.1);  	
} */

/* #header > .bottom > ul > li > ul.drop_down > li{
    border: 1px solid rgb(220,220,220);
    border-top: 0px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;	    
} */

/* #header > .bottom > ul > li > ul.drop_down > li:hover{
    color: rgb(0,131,212);
    background-color: rgb(250,250,250);
} */
/* end of header */

#body{
    position: relative;
    /* margin: -100px 0 -160px 0; */
    margin: -110px 0 -230px 0;
    width: 100%;
    min-height: 100%;
    z-index: 0;    	
}
#body > #body_content{
    /* padding: 110px 0px 170px 0px; */    
    padding: 120px 0px 240px 0px;    
    width: 100%;
    overflow: auto;
}
#body > #body_content.main{
	padding-top: 112px;
}
#body > #body_content > #left{
	width: 200px;
	float: left;
}
#body > #body_content > #left > .member{
    width: calc(100% - 22px);
    height: 229px;
    border: 1px solid rgb(200,200,200);
    padding: 10px;
    padding-top: 0px;
}
#body > #body_content.main > #left > .member{
    width: calc(100% - 21px);
    border-right: 0px;
}
#body > #body_content > #left > .member > .row{
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: right;
}
#body > #body_content > #left > .member > .row > a{
	color: rgb(120,120,120);
}
#body > #body_content > #left > .member > form > .title{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
#body > #body_content > #left > .member > form > .row{
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;    
}
#body > #body_content > #left > .member > form > .row > .title{
    width: 50px;
    height: 100%;
    float: left;
}
#body > #body_content > #left > .member > form > .row > .input{
    width: calc(100% - 50px);
    height: 100%;
    float: left;
}
#body > #body_content > #left > .member > form > .row > .input > input{
    width:100%;    
    height: 100%;
}
#body > #body_content > #left > .member > form > .row > a{
	float: right;
}
#body > #body_content > #left > .member > .profile{
    width: 100%;
    height: 189px;
}
#body > #body_content > #left > .member > .profile > .pic{
    width: 100%;
    height: 120px;    
    position: relative;
}
#body > #body_content > #left > .member > .profile > .pic > img{
    position: absolute;
    width: 70px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;	
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,.2);
    border-radius: 50%;    
}
#body > #body_content > #left > .member > .profile > .pic > div.name{
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;	
}
#body > #body_content > #left > .member > .profile > .id{
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#body > #body_content > #left > .member > .profile > .id > span{
	color: rgb(0,131,212);
    margin-right: 5px;	
}
#body > #body_content > #left > .member > .profile > .id > a{
	float: right;	
}
#body > #body_content > #left > .member > .profile > .text{
    width: 100%;
    line-height: 18px;
    color: rgb(120,120,120);
}



#body > #body_content > #left > ul.link{
	width: 100%;
}
#body > #body_content > #left > ul.link > li{
    border: 1px solid rgb(200,200,200);
    border-top: 0px;
    /* height: 59px;
    line-height: 59px; */
    height: 62px;
    line-height: 62px;
}
#body > #body_content > #left > ul.link > li.admin{
    height: 59px;
    line-height: 59px;
}
#body > #body_content.main > #left > ul.link > li{
	border-right: 0px;
}
#body > #body_content > #left > ul.link > li > a{
    width: calc(100% - 12px);
    display: block;
    text-align: left;
    color: rgb(80,80,80);
    /* font-size: 14px; */
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 12px;
}

#body > #body_content > #left > ul.link > li > a > img{
    float: left;
    height: 20px;
    margin: 20px 5px 22px 0px;
}
#body > #body_content > #left > ul.link > li.admin > a > img{
    float: left;
    height: 20px;
    margin: 18px 5px 20px 0px;
}
/* 사이드 메뉴 */
#body > #body_content > #left > .side_menu{
	width: 100%;
}
#body > #body_content > #left > .side_menu.admin > .title{
	background: none;
	background-color: rgb(211,103,126);	
}
#body > #body_content > #left > .side_menu > .title{
	width: calc(100% - 20px);
    height: 60px;
    line-height: 60px;
    text-align: left;
    background: linear-gradient(141deg, rgb(74,187,237) 0%,rgb(64,207,227) 50%, rgb(0,131,212) 130%);
    background-color: rgb(74,187,237);
    font-size: 16px;
    color: white;
    padding: 0px 10px 0 10px;
    cursor: default;    
}
#body > #body_content > #left > .side_menu > ul > li{
    width: calc(100% - 20px);
    font-size: 12px;
    height: 38px;
    line-height: 39px;
    padding-left: 18px;
    border: 1px solid rgb(200,200,200);
    border-top: 0px;
    position: relative;
}
/* #body > #body_content > #left > .side_menu > ul > li.parent{
    color: rgb(0,131,212);
} */
/* #body > #body_content > #left > .side_menu > ul > li.parent:before{
    content: none;
} */
#body > #body_content > #left > .side_menu > ul > li.child{
    background-color: rgb(245,245,245);
}
#body > #body_content > #left > .side_menu > ul > li.child:before{
    /* left: 12px; */
    content: none;
}

#body > #body_content > #left > .side_menu > ul > li:before{
    content: url(/resources/icon/arrow-right.png);
    position: absolute;
/*     left: 2px;
    top: 11px; */
    left: 2px;
    top: 4px;    
}

#body > #body_content > #left > .side_menu > ul > li > a{
    display: block;	
	width: 100%;
	height: 100%;
	text-decoration: none;
}
/* end of 사이드 메뉴 */


#body > #body_content > #content{	
    width: calc(100% - 210px);
    float: left;
    margin-left: 10px;
}
#body > #body_content.main > #content{
    width: calc(100% - 200px);
    margin-left: 0px;	
}	
#body > #body_content > #content > .left{
    width: calc(100% - 301px);
    float: left;
    border-left: 1px solid rgb(200,200,200);
    border-bottom: 1px solid rgb(200,200,200);    
}
#body > #body_content > #content > .left > .preview{
	width: calc(100% - 20px);
    padding: 10px;
    border-top: 1px solid rgb(200,200,200);    
    /* min-height: 245px; */
    min-height: 156px;
}
#body > #body_content > #content > .left > .preview > .title{
    width: 100%;
    height: 30px;
    /* line-height: 30px; */	
    color: rgb(0,131,212);
    font-weight: bold;
    font-size: 14px;   
}
#body > #body_content > #content > .left > .preview > .item{
    width: 100%;
    /* height: 30px;
    height: 33px; */
    height: 37px;
    /* margin-bottom: 9px; */
    margin-bottom: 8px;
    border-bottom: 1px solid rgb(240,240,240);
}
#body > #body_content > #content > .left > .preview > .item:hover{
	background-color: rgb(240,240,240);
}
#body > #body_content > #content > .left > .preview > .item > .title{
    width: 100%;
    height: 22px;
    line-height: 22px;
}
#body > #body_content > #content > .left > .preview > .item > .title > a{
	display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;	
}
#body > #body_content > #content > .left > .preview > .item > .text{
    width: 100%;
    height: 16px;
    line-height: 16px;
    font-size: 10px;	
    color: rgb(200,200,200);    
}
/* #body > #body_content > #content > .left > .preview > .g_box{
    width: 100%;
    height: 100px;
}
#body > #body_content > #content > .left > .preview > .g_box > .g_item{
	width: calc((100% - 30px) / 4 - 2px);
    height: calc(100% - 2px);
    float: left;
    border: 1px solid rgb(240,240,240);
    margin-right: 10px;
    cursor: pointer;    
}
#body > #body_content > #content > .left > .preview > .g_box > .g_item:last-child{
	margin-right: 0px;
}
#body > #body_content > #content > .left > .preview > .g_box > .g_item > .top{
    width: 100%;
    height: 70px;
    overflow: hidden;	
}
#body > #body_content > #content > .left > .preview > .g_box > .g_item > .top > div.img{
    width: 100%;
    height: 100%;	
    background-image: url(/resources/img/g_sample.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;    
}
#body > #body_content > #content > .left > .preview > .g_box > .g_item > .top > div.img:hover{
	transform:scale(1.1);              default	
	-webkit-transform:scale(1.1);   크롬
	-moz-transform:scale(1.1);     FireFox
	-o-transform:scale(1.1);        Opera	
	
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;	 	
}
#body > #body_content > #content > .left > .preview > .g_box > .g_item > .bottom{
    width: calc(100% - 10px);
	padding: 0 5px 0 5px;
    height: 30px;
    
    line-height: 30px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;	
    font-size: 10px;    
} */
#body > #body_content > #content > .right{
    width: 298px;
    float: left;
	border-left: 1px solid rgb(200,200,200);
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);
}
#body > #body_content > #content > .right > .calendar{
	width: calc(100% - 20px);
    /* height: 321px; */	
    height: 357px;	
    padding: 10px;
    border-top: 1px solid rgb(200,200,200);    
}
#body > #body_content > #content > .right > .calendar > .title{
    width: 100%;
    height: 28px;
    /* line-height: 30px; */	
    color: rgb(0,131,212);
    font-weight: bold;
    font-size: 14px;   
}
/* #body > #body_content > #content > .right > .search{
	width: calc(100% - 20px);
	height: 130px;
    padding: 10px;
    border-top: 1px solid rgb(200,200,200);    
}
#body > #body_content > #content > .right > .search > .title{
    width: 100%;
    height: 30px;
    line-height: 30px;	
    color: rgb(0,131,212);
    font-weight: bold;
    font-size: 12px;   
}
#body > #body_content > #content > .right > .search > .box{
    width: 100%;
    height: 100px;
}
#body > #body_content > #content > .right > .search > .box > .item{
    width: 50%;
    height: 100%;
    float: left;    
}
#body > #body_content > #content > .right > .search > .box > .item > a{
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    text-decoration: none;    
}
#body > #body_content > #content > .right > .search > .box > .item > a > span.logo{
    display: block;
    background-image: url(/resources/img/kisti.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    height: 50px;
    width: calc(100% - 20px);
    margin: 10px;
}
#body > #body_content > #content > .right > .search > .box > .item > a > span.text{
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid rgb(130,130,130);
    background-color: rgb(150,150,150);
    color: white;
} */
#body > #body_content > #content > .right > .gallery{
	width: calc(100% - 20px);
	height: 168px;
    padding: 10px;
    border-top: 1px solid rgb(200,200,200);    
}
#body > #body_content > #content > .right > .gallery > .title{
    width: 100%;
    height: 30px;	
    color: rgb(0,131,212);
    font-size: 14px;
    font-weight: bold;   
}

#body > #body_content > #content > .right > .gallery > .g_box{
    width: 100%;
    height: 100px;
    margin-top: 10px;
}
#body > #body_content > #content > .right > .gallery > .g_box > .g_item{
    /* width: calc((100% - 30px) / 4 - 2px); */
    width: calc((100% - 2px) / 3 - 2px);
    height: calc(100% - 2px);
    float: left;
    border: 1px solid rgb(240,240,240);
    margin-right: 1px;
    cursor: pointer; 
}

#body > #body_content > #content > .right > .gallery > .g_box > .g_item:last-child{
	margin-right: 0px;
}
#body > #body_content > #content > .right > .gallery > .g_box > .g_item > .top{
    width: 100%;
    height: 70px;
    overflow: hidden;	
}
#body > #body_content > #content > .right > .gallery > .g_box > .g_item > .top > div.img{
    width: 100%;
    height: 100%;	
    background-image: url(/resources/img/g_sample.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;    
}
#body > #body_content > #content > .right > .gallery > .g_box > .g_item > .top > div.img:hover{
	transform:scale(1.1); 
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1);	
	
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;	 	
}
#body > #body_content > #content > .right > .gallery > .g_box > .g_item > .bottom{
    width: calc(100% - 10px);
	padding: 0 5px 0 5px;
    height: 30px;
    
    line-height: 30px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;	
    font-size: 10px;    
} 

#body > #body_content > #content > .top{
    width: calc(100% - 20px);
    padding: 0 10px 0 10px;
    height: 59px;
    border-bottom: 1px solid rgb(220,220,220);
}
#body > #body_content > #content > .top > .title{
    font-size: 16px;
    width: 100%;
    height: 36px;
    line-height: 36px;    
    color: rgb(0,131,212);  
}
#body > #body_content > #content > .top > .path{
    width: 100%;
    height: 24px;
    line-height: 24px;
    color: rgb(150,150,150);
}
#body > #body_content > #content > .top > .path > span{
    position: relative;
    display: block;
    float: left;
    padding-left: 10px;
    margin-right: 10px;
}
#body > #body_content > #content > .top > .path > span:before{
    /* content: url(/resources/img/arrow-right.png); */
    content: '>';
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 10px;
}
#body > #body_content > #content > .content{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;	
}
.content > .btns{
    width: 100%;
    height: 30px;
    text-align: right;
    line-height: 30px;   
}
.content > .btns > div.title{
    float: left;
    color: rgb(0,131,212);
    border-left: 2px solid rgb(0,131,212);
    padding-left: 10px;
    font-size: 12px;
}
.content > .btns > input{
	width: 100px;
	height: 100%;	
}
#body > #body_content > #content > .content > .btns{
    width: 100%;
    height: 30px;
    text-align: right;
    line-height: 30px;   
}
#body > #body_content > #content > .content > .btns > div.title{
    float: left;
    color: rgb(0,131,212);
    border-left: 2px solid rgb(0,131,212);
    padding-left: 10px;
    font-size: 12px;
}
#body > #body_content > #content > .content > .btns > input{
	width: 100px;
	height: 100%;	
}

#sponsor{
	width: calc(100% - 20px);
    height: 60px;
    overflow: hidden;    
    margin: 0px 10px 0 10px;
    position: relative;
    bottom: 0px;
    z-index: 1;
	padding: 10px 0 10px 0;
}
#sponsor > .box{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;	
}
#sponsor > .box > ul.list{
	width: calc(100% + (170px * 2));
	height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;    
}
#sponsor > .box > ul.list.ani{
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;	
}
#sponsor > .box > ul.list.move{
	left: -160px;
}
#sponsor > .box > ul.list > li{
    width: 120px;
    height: 100%;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}
#sponsor > .box > ul.list > li > a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
#sponsor > .box > ul.list > li > a > span{
	display:block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;	
	width: 100%;
	height: 100%;
}
/* footer */
#footer{
    position: relative;
    width: 100%;
    height: 150px;
    z-index: 1;
    bottom: 0px;
    color: rgb(80,80,80);    
}
#footer > .box {
    width: 100%;
    border-top: 1px solid rgb(200,200,200);
    height: calc(100% - 1px);
}
#footer > .box > .text{
	width: calc(100% - 200px);
    height: 100%;	
	float: left;
}
#footer > .box > .text > .top{
    width: 100%;
    height: 50px;
    padding: 10px 0 10px 0;
    line-height: 16px;
}
#footer > .box > .text > .bottom{
	width: 100%;
    height: 29px;
    line-height: 29px;
}
#footer > .box > img.nts{
    width: 100px;
    float: right;
    cursor: pointer;
}
#footer > .box > img{
    width: 200px;
    float: left;
    margin-top: 10px;
    /* margin-top: 60px; */	
    /* filter: grayscale(100%) opacity(.35); */	
}
/* end of footer */


#scroll_view{
    width: 100%;
    height: 240px;
    /* background-image: url(/resources/img/bg02.png); */    
    /* border-left: 1px solid rgb(200,200,200); */
    position: relative;  		
}
#scroll_view > .view_box{
    width: calc(100% - 2px);
    height: 100%;
    position: relative;
    border-left: 1px solid rgb(200,200,200);        
    border-right: 1px solid rgb(200,200,200);        
}
#scroll_view > .view_box > .view{
	position:absolute;
	/* width: 100%; */
	width: 0px;
	height: 100%;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    top: 0px;
    /* left: 0px; */
    left: 0px;
    /* opacity:.5; */
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
#scroll_view > .view_box > .view > a{
    width: 100%;
    height: 100%;
    display: block;
}
/* #scroll_view > .view_box > .view.on > a{	
	display: block;
} */
#scroll_view > .view_box > .view.on{
	width: 100%;
	left: auto;
	right: 0px;
    /* opacity:1; */    	
}
#scroll_view > .slide_dots{
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 10px;
    text-align: center;
	cursor: default;
	z-index: 1;
}
#scroll_view > .slide_dots > .dot{
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
    /* background-color: rgba(255,255,255,.25); */
    background-color: rgba(200,200,200,.25);
    cursor: pointer;
	margin: 0 7px;
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,.1);	
    /* 2019.01.29추가 */
    border: 1px solid rgb(200,200,200);
}
#scroll_view > .slide_dots > .dot:hover{
    /* background-color: rgba(255,255,255,.5); */
    background-color: rgba(200,200,200,.5);
}
#scroll_view > .slide_dots > .dot.on{
    /* background-color: rgba(255,255,255,1); */
    /* background-color: rgba(200,200,200,1); */
	background-color: rgba(74,187,237,.7);
}

.form{
	width: 100%;	
}
.form > .title{
    color: rgb(31,31,31);	
    width: calc(100% - 12px);
    height: 30px;
    border-left: 2px solid rgb(74,187,237);
    padding-left: 10px;
    /* border-bottom: 1px solid rgb(74,187,237); */
    margin: 10px 0 10px 0;    	
	/* background: linear-gradient(141deg, rgb(240,240,240) 0%,rgb(245,245,245) 50%, rgb(255,255,255) 130%); */    
}
.form > .title > .main{
/*     color: rgb(31,31,31);
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;   */  
    color: rgb(31,31,31);
    color: rgb(0,131,212);
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    /* font-weight: bold; */    
}
.form > .title > .sub{
    color: rgb(180,180,180);
    height: 10px;
    line-height: 10px;
    font-size: 10px;    
}

.form > .hint{
    color: rgb(150,150,150);
    margin: 10px 0 10px 0;
    padding-left: 165px;    
}
.form > .hint.red{
	color: rgb(211,103,126);
}
.form > .hint.blue{
	color: rgb(0,131,212);
}
.form > .hint.left{
	padding: 0;
}
.form > .hint.right{
	text-align: right;
}

.form > .hint.red:before{
    color: rgb(251,153,176);
}
.form > .hint:before{
    content: '\2714';
    color: rgb(74,187,237);
    font-size: 12px;
    top: 2px;
    margin-right: 5px;
    margin-left: 5px;
}
.form > .hint.neg:before{
    color: rgb(211,103,126);
}
.form > .input{
    width: 100%;
    /* height: 30px; */
    line-height: 30px;
    margin-bottom: 10px;
    overflow: auto;
    display: block;
}
.form > .input.off{
	display: none !important;
}
.form > .input.half{
    width: calc(50% - 10px);
    float: left;
    margin-right: 10px;
}
.form > .input.half_full{
    width: calc(50% - 10px);
    margin-right: 10px;
}
.form > .input > div{
	float: left;	
}
.form > .input > .key{
    width: 150px;
	height: 30px;
    font-weight: bold;
    padding-left: 15px;
    position: relative;
}
.form > .input > .key > img{
	margin: 8px 2px 8px 2px;
    vertical-align: middle;
    height: 12px;
}
.form > .input.req > .key:before{
	content: '\2731';
	color: rgb(211,103,126);
    font-size: 10px;
    position: absolute;
    left: 0px;
    top: 0px;
}



.form > .input > .value.file{
	height: 150px;
}
.form > .input > .value.file > .file_list_title{
	height: 28px;
}
.form > .input > .value.file > .file_list_title > input{
	width: 120px;
    height: 100%;
    float: right;
    border-radius: 0px;
}
.form > .input > .value.file > .file_list_title > input[type=file]{
	display: none;
}
.form > .input > .value.file > .file_name_list{
    width: calc(100% - 2px);
    height: calc(100% - 30px);
    border: 1px solid rgb(200,200,200);
    overflow-y: scroll;
}

.form > .input > .value.file > .file_name_list > .item{	
    width: calc(100% - 20px);
    height: 20px;
    line-height: 20px;
    padding: 5px 10px 5px 10px;
    font-size: 10px;
    font-weight: bold;
    border-bottom: 1px solid rgb(200, 200, 200);
}
.form > .input > .value.file > .file_name_list > .item > input{
	width: 60px;
    height: 100%;
    float: right;	
}
.form > .input > .value.file > .file_name_list > .item > .name{
	width: calc(100% - 60px);
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.form > .input > .value.file > .file_name_list > .item > .name > .size{	
    color: rgb(180,180,180);
}

.form > .input > div.value{
	width: calc(100% - 165px);
	height: 30px;
	overflow: hidden;
    line-height: 30px;
    word-wrap: break-word;
}
.form > .input > div.value.text{    
	height: 120px;
}
.form > .input > div.value.list{    
	height: 140px;
}
.form > .input > div.value.interest{
    height: auto;
}
.form > .input > div.value.blue{
	color: rgb(0,131,212);
}
.form > .input > div.value.red{
	color: rgb(211,103,126);
}
.form > .input > div.value.bold{    
	font-weight: bold;
}
.form > .input > div.value.ft14{
	font-size: 14px;
}
.form > .input > div.value.img{
    height: auto;
    text-align: center;
}
.form > .input > div.value.img > img{
	max-width: calc(100% - 2px);
    border: 1px solid rgb(200,200,200);
}
.form > .input > div.value > label{
    display: block;
    float: left;
    width: 100px;    
}
.form > .input > div.value > label > input[type=checkbox],.form > .input > div.value > label > input[type=radio]{
	margin-right: 5px;
}
.form > .input > div.value.interest > label{
    width: calc(100% / 3);    
}
.form > .input > div.value.small{
    max-width: 200px;
}
.form > .input > div.value > input[type=file]{
}
.form > .input > div.value > input[type=button]{
	width: calc(10% - 2px);
	height: calc(100% - 6px);
	margin: 2px 0px 2px 0px;
}
.form > .input > div.value > input.money{
	text-align: right;
}
.form > .input > div.value > input,.form > .input > div.value > select{	
    font-family: nanumsqr;
    font-size: 12px;
}
.form > .input > div.value > input,.form > .input > div.value > input{
    padding-left: 4px;
}
.form > .input > div.value > input,.form > .input > div.value > select,.form > .input > div.value > textarea{
    width: 100%;
    height: 100%;
}
.form > .input > div.value.three > select,.form > .input > div.value.three > input{
    width: calc(100% / 3);
    float: left;
    max-width: 100px;	
}
.form > .input > div.value.three > select:not(:last-child), .form > .input > div.value.three > input:not(:last-child){
    border-right: 0px;
}
/* 주소입력  */
.form > .input > div.value.addr{
	height: auto;
}
.form > .input > div.value.addr > .postcode{
	width: 100%;
    height: 30px;
    margin-bottom: 10px;    
}
.form > .input > div.value.addr > .postcode > input{
	width: 100px;
    height: 100%;
}
.form > .input > div.value.addr > input{
    width: 100%;
    height: 30px;    
}
.form > .input > div.value.addr > input:not(:last-child){
	margin-bottom: 10px;    	
}

.form > .input > div.value.phone > select{
	width: 60px;
    float: left;
}
.form > .input > div.value.phone > div{
	width: 30px;
    float: left;
    text-align: center;    
}
.form > .input > div.value.phone > input{
    width: 60px;
    float: left;
    text-align: center;
}
.form > .input > div.value.period > div{
	width: 30px;
    float: left;
    text-align: center;    
}
.form > .input > div.value.period > input{
    width: 60px;
    float: left;
    text-align: center;
}
.form > .input > div.value.bank > input{
	width: 100px;
	float: left;
}
.form > .input > div.value.bank > input:nth-child(3){
	width: calc(100% - 200px);
	float: left;
}
.form > .input > div.value.bank > input:not(:last-child){
	border-right: 0px;
}

.form > .input > div.value.id{
	height: auto;
}
.form > .input > div.value.id > input[type=text]{
	width: 200px;
	height: 30px;
	float: left;
}
.form > .input > div.value.id > input[type=button]{
    width: 95px;
    height: 30px;
    float: left;
    margin-left: 5px;
}
.form > .input > div.value.id > div.text{
    width: calc(100% - 200px - 100px - 20px);
    height: 30px;
    float: left;
    padding: 0 10px 0 10px;
    color: rgb(0,131,212);    
}
.form > .input > div.value.id > div.text.error{
	color: rgb(211,103,126);
}

.form > .input > div.value.journal > a{
    width: calc(100% - 100px);
    color: rgb(0,131,212);
    text-decoration: none;
    font-weight: bold;
    margin-right: 10px;
}
.form > .input > div.value.journal > input{
	width: 50px;
}
.form > .input > div.value.img > input{
	width: 50px;
    height: 30px;	
}

.form > .input > div.value.date > select{
	float: left;
	width: 60px;
}

.form > .input > div.value.date > select:first-child{
	width: 90px;
}
.form > .input > div.value.date > input[type=date]{
	display: none;
}


/* --info */
/*.form > .input > div.key.full{
	width: calc(100% - 15px);
}*/
.form > .input > div.value.full{
	width: 100%;
}

/* 증명서 신청 */
.form > .input > div.value.short{
    width: calc(100% - 165px);
}
.form > .input > div.value.radio > label:last-child{
	width: 150px;	
}
.form > .input > div.value.phone.short > select{
	width: 50px;
    float: left;
}
.form > .input > div.value.phone.short > select[disabled]{
	background-color: rgb(235, 235, 228);
}
.form > .input > div.value.phone.short > div{
	width: 25px;
}
.form > .input > div.value.phone.short > input{
    width: 50px;
}
.form > .input > div.value.big{
	height: auto;
	padding-top: 8px;
	line-height: 16px;
}
.form > .input > div.value.big > textarea{   
	overflow: auto;
    height: 90px;
}
.form > .input > div.value.check > label{	
	width: 100%;
}
.form > .input > div.value.check > input[type=checkbox]{
	margin-right: 2px;
}
.form > .terms{
	width: 100%;
    margin: 20px 0px 20px 0px;
}
.form > .terms > .check{
	height: 20px;
	/* line-height: 20px; */
	line-height: 24px;
    width: calc(100% - 20px);
	padding: 10px;
	font-weight: bold;
}
.form > .terms > .check > input[type=checkbox]{
	display: none;
}
.form > .terms > .check > img{
	height: 100%;
	float: right;
	cursor: pointer;
}
.form > .terms > .check > span{
	float: right;
	cursor: pointer;
}
/* .form > .terms > .check > label{
	cursor: pointer;
}
.form > .terms > .check > label > input[type=checkbox]{
	display: none;
}
.form > .terms > .check > label > img{
	height: 100%;
	float: right;
}
.form > .terms > .check > label > span{
	float: right;
} */
.form > .terms > .info{
	width: calc(100% - 22px);
	padding: 10px;
	border: 1px solid rgb(220,220,220);
	background: rgb(250,250,250);
    line-height: 20px;
}

.form > .references{
	width: calc(100% - 22px);
	padding: 10px;
	border: 1px solid rgb(220,220,220);
    line-height: 20px;
}
.form > .references > .title{
	width: 100%;
    font-weight: bold;
    margin-bottom: 8px;
}
.form > .references > .title > img{
	width: 20px;
	vertical-align: middle;
}
.form > .references > .title > span{
	
}
.form > .references > .cont{
	width: 100%;
	margin-bottom: 4px;
    letter-spacing: 0.5px;
}
.form > .references > .cont > a{
	color: rgb(255, 0, 0);
    font-weight: bold;
}
.form > .references > .info{
	width: 100%;
	color: rgb(100, 100, 100);
}

.form > .btns.cert {
	margin: 0px;
}


.form > .btns{
	width: 100%;
	height: 30px;	
	text-align: right;
	margin: 30px 0 30px 0;
}
.form > .btns > .btn{
	width: 100px;
	height: 100%;
}
.form > .btns > .w120{
	width: 120px;
}


.btn_more{
    width: 11px;
    height: 11px;
    float: right;
    background-image: url(/resources/icon/plus.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.btn_more > img{	
	height:100%;	
}
.btn_arrow{
    width: 20px;
    cursor: pointer;
}

div.table{
	width: 100%;	
	margin-top: 10px;
    overflow: auto;		
}
div.table > table {
    width: 100%;
    font-size: 12px;
    color: rgb(31,31,31);
    text-align: center;
    border-bottom: 1px solid rgb(210,210,210);
    border-top: 1px solid rgb(210,210,210);
}
div.table > table > thead > tr{
	height: 40px;
	background-color : rgb(240,240,240);
    border-bottom: 1px solid rgb(230,230,230);	
}
div.table > table > tbody > tr{
	height: 40px;
	border-bottom: 1px solid rgb(230,230,230);	
}
div.table > table > tbody > tr:last-child{
	border-bottom: 0px;
}
div.table > table > tbody > tr > td.url{
    word-break: break-all;
}
div.table > table > tbody > tr > td.title{
	padding: 2px 0px 2px 0px;
}
div.table > table > tbody > tr > td > img{
    max-width: 190px;
    max-height: 36px;
    vertical-align: middle;
}


.page_index{
    width: 100%;
    height: 30px;
    line-height: 30px;
	margin-top: 10px;
}
.page_index > .box{
    width: 100%;
    height: 100%;	
}
.page_index > .box > *{
	float: left;
}
.page_index > .box > .left{
	width: 250px;
	height: 100%;
}
.page_index > .box > .left > span{
	float: left;
}
.page_index > .box > * > span {	
    cursor: pointer;
}
.page_index > .box > * > span > img{
	vertical-align: middle;
}
.page_index > .box > .center{
	width: calc(100% - 500px);
	height: 100%;	
	text-align: center;	
}
.page_index > .box > .center > span{
    width: calc(100% / 9);
    max-width: 30px;
    display: inline-block;
    cursor: pointer;
    color: rgb(0,131,212);
}
.page_index > .box > .center > span:hover{
	background-color: rgb(245,245,245);
}
.page_index > .box > .center > span.on{
    background-color: rgb(0,131,212);
    color: white;
}
.page_index > .box > .right{
	width: 250px;
	height: 100%;	
}
.page_index > .box > .right > span{
	float: right;	
}


table > tbody > tr > td.print.multi{
	padding-top: 3px;
	padding-bottom: 3px;
}
table > tbody > tr > td.print.multi > input {
    margin: 3px;
    width: 68% !important;
    height: 24px !important;
}

table > tbody > tr > td.approval.multi{
	padding-top: 3px;
	padding-bottom: 3px;
}
table > tbody > tr > td.approval.multi > input {
    margin: 3px;
    width: 68% !important;
    height: 24px !important;
}

div.ps {
    text-align: center;
    padding: 25px;
    color: orangered;
    font-size: 13px;
}

@media(max-width: 1155px) {
	#header > .bottom > ul.side_menu > li{width: calc(100% / 6);}
	#header > .bottom > ul.main_menu > li{width: calc(100% /6);}
	li.hide{display: none;}
	ul.drop_down.hide{display: none;}
}