@charset "utf-8";

strong.tt{display: block; padding-bottom:10px; font-size:22px;}




/*input*/
input[type="password"],
input[type="text"]{width:auto; width:220px; height:31px;}

/*readonly시 색 바뀌게*/
input.boxcol,
textarea.boxcol{border-color:#cecece; background-color:#fff;}
input[readonly="readonly"].boxcol,
textarea[readonly="readonly"].boxcol{background-color:#e9e9e9;}
input[readonly="readonly"].boxcol::-webkit-input-placeholder{color:#8C8C8C !important;}

/*달력 네모칸 안나오게*/
input[readonly="readonly"].js_cal,
textarea[readonly="readonly"].js_cal{background-color:#fff; border:0 !important;}
input[readonly="readonly"].js_cal2,
textarea[readonly="readonly"].js_cal2{background-color:#fff; border:0 !important;}

/*나머지*/
input[type="password"].smal,
input[type="text"].smal{width:60px !important;}
input[type="password"].smal2,
input[type="text"].smal2{width:117px !important;}

img.ui-datepicker-trigger{margin:0;}

/*radio*/
.radio{position:relative; display:inline-block; margin-right:26px;}
.radio:last-child{margin-right:0;}
.radio input{position:absolute; left:0; top:0; opacity:0;}
.radio input~label{position:relative; display:inline-block;}
.radio input~label:before{
	content:""; display:inline-block; width:18px; height:18px; margin-right:5px; vertical-align:top; border:2px solid #d7d7d7; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.radio input~label:after{
	content:""; display:inline-block; position:absolute; left:0; top:0; width:18px; height:18px; background-color:#5fb351; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
	transform:scale(0);
	-webkit-transform:scale(0);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.radio input:checked~label:after{
	transform:scale(0.5);
	-webkit-transform:scale(0.5);
}
.radio label span{display:inline-block; line-height:19px; font-size:15px; vertical-align:top;color:#9a9a9a;}
.radio input:checked~label span{color:#333;}


/*checkbox*/
.checkbox{position:relative; display:inline-block; margin-right:30px;}
.checkbox input{position:absolute; left:0; top:0; opacity:0;}
.checkbox input~label{position:relative; display:inline-block;}
.checkbox input~label:before{content:""; display:inline-block; width:25px; height:25px; margin-right:5px; vertical-align:middle; border:3px solid #5fb351; box-sizing:border-box;}
.checkbox input~label:after{
	content:""; display:inline-block; position:absolute; left:0; top:0; width:25px; height:25px; background-color:#5fb351; box-sizing:border-box;
	transform:scale(0);
	-webkit-transform:scale(0);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.checkbox input:checked~label:after{
	background:#5fb351 url(../../images/kor/content/checkbox.png) no-repeat center center;
	transform:scale(1);
	-webkit-transform:scale(1);
}
.checkbox label span{display:inline-block; line-height:19px; font-size:15px; vertical-align:middle;}

input[onclick="return false"]~label{color:#c8c8c8;}
input[onclick="return false"]~label:before{background:#c8c8c8 url(../../images/kor/content/checkbox.png) no-repeat center center; border-color:#c8c8c8;}

@media screen and (max-width:380px){
	.checkbox input~label:before{width:20px; height:20px;}
	.checkbox input~label:after{width:20px; height:20px;}
}

/*box*/
.box{min-height:110px; padding:10px;}
.box .con{
	position:relative; padding:25px 20px 25px 90px;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
.box .con ul{width:100%;}
.box .con img{position:absolute; top:20px; left:20px;}

@media screen and (max-width:750px){
	.box .con{padding:20px 20px 20px 85px;}
}
@media screen and (max-width:380px){
	.box .con{padding:20px;}
	.box .con img{display: none;}
}

/*개인정보박스*/
.agree{width:100%; height:auto; padding:23px 28px; background-color:#f7f7f7; border:1px solid #dddddd; box-sizing:border-box;}
.agree ul li{font-weight:300;}
.agree p{
	padding-bottom:25px; line-height:26px; font-size:17px; font-weight:300;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.agree .ag_list ul li span{font-weight:500;}
.ag_radio{float: right; padding-top:10px;}

@media screen and (max-width:750px){
	.agree{padding:20px;}
	.agree p{line-height:22px; padding-bottom:15px; font-size:15px;}
}

/*살색박스*/
.beigebox{width:100%; height:auto; background:url(../../images/kor/content/box_bg.png); padding:34px 30px; box-sizing:border-box;}
.beigebox ul li{font-weight:300;}

@media screen and (max-width:750px){
	.beigebox{padding:20px;}
}

/*list*/
.numbox{
	position:relative; display: block; line-height:26px; font-size:17px; font-weight:500;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.numbox span{
	position:absolute; top:0; left:-36px; width:26px; height:26px; line-height:26px; background-color:#ff8429; text-align:center; font-size:15px; font-weight:500; color:#fff;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
ul.list_01,
ul.list_02,
ul.list_03{margin:0;}
ul.list_01 li{
	line-height:26px; padding-left:12px; background:url(../../images/kor/content/hlist_01.gif) no-repeat 0px 11px; font-size:17px;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
ul.list_02 li{line-height:17px; padding-left:23px; background:url(../../images/kor/content/hlist_02.gif) no-repeat 0px 6px;}
ul.list_03 li{
	position:relative; line-height:26px; background:none; padding-left:10px; font-size:17px;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
ul.list_03 li:before{content:"-"; position:absolute; top:0; left:0;}

@media screen and (max-width:750px){
	ul.list_01 li{line-height:22px; padding-left:8px; background:url(../../images/kor/content/hlist_01.gif) no-repeat 0px 9px; font-size:15px;}
	ul.list_03 li{line-height:22px; font-size:15px;}
	.numbox{line-height:22px; font-size:15px;}
	.numbox span{left:-30px; width:20px; height:20px; line-height:20px;}
}

/*color*/
.orange{color:#ff8429 !important;}
.green{color:#5fb351 !important;}
.gray{color:#9a9a9a !important;}


/*주석*/
.tip{
	position:absolute; display: block; line-height:26px; padding-left:31px; background:none; font-style:normal; font-size:17px; color:#333;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.tip:before{content:""; position:absolute; top:3px; left:0; width:21px; height:21px; background:url(../../images/kor/content/bul_tip.png) no-repeat center center; background-size:100%;}

@media screen and (max-width:750px){
	.tip{padding-left:24px; line-height:18px; font-size:15px;}
	.tip:before{top:0; width:18px; height:18px;}
}

/*h1~h6*/
h4, .h4{
	margin:0; padding-left:0; line-height:34px; margin-top:44px !important; padding-bottom:15px; background:none; font-family:"Noto Sans KR"; font-size:23px; font-weight:700; color:#333;
	transition:font-size 0.3s ease, margin 0.3s ease;
	-webkit-transition:font-size 0.3s ease, margin 0.3s ease;
}
h4:before,
.h4:before{content:""; display: inline-block; width:16px; height:16px; background-image: url(../../images/kor/content/bul_h4.png); background-repeat:no-repeat; background-position:left center;}

@media screen and (max-width:750px){
	h4, .h4{margin-top:30px !important; line-height:28px; font-size:20px;}
	h4:before,
	.h4:before{width:13px; height:14px;}
}


/*-------------------기본버튼---------------------*/
a.btn{
	display: inline-block; min-width:170px; height:46px; line-height:46px; padding:0 10px; font-size:15px; font-weight:400; font-family:"Noto Sans KR"; text-align:center;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
a.btn, a.btn:link, a.btn:visited, a.btn:active{background-color:#ff8429; border:1px solid #ff8429; color:#fff;}
a.btn:hover{background-color:#fff; border:1px solid #ff8429; color:#ff8429;}

/* 기본버튼2 */
.btn.norm{min-width:110px;}

@media screen and (max-width:900px){
	.btn.norm{min-width:75px;}
}
@media screen and (max-width:550px){
	.btn.norm{min-width:65px;}
}

/*기본버튼: 색*/
a.btn.bg_01:link,
a.btn.bg_01:visited,
a.btn.bg_01:active{background-color:#5fb351; border:1px solid #5fb351;}
a.btn.bg_01:link:hover,
a.btn.bg_01:visited:hover,
a.btn.bg_01:active:hover{background-color:#fff; border:1px solid #5fb351; color:#5fb351;}

a.btn.bg_02:link,
a.btn.bg_02:visited,
a.btn.bg_02:active{background-color:#777777; border:1px solid #777777;}
a.btn.bg_02:link:hover,
a.btn.bg_02:visited:hover,
a.btn.bg_02:active:hover{background-color:#fff; border:1px solid #777777; color:#777777;}

a.btn.bg_03:link,
a.btn.bg_03:visited,
a.btn.bg_03:active{background-color:#e0e0e0; border:1px solid #e0e0e0; color:#333333;}
a.btn.bg_03:link:hover,
a.btn.bg_03:visited:hover,
a.btn.bg_03:active:hover{background-color:#fff; border:1px solid #e0e0e0; color:#333333;}

a.btn.bg_04:link,
a.btn.bg_04:visited,
a.btn.bg_04:active{background-color:#2e8c1e; border:1px solid #2e8c1e;}
a.btn.bg_04:link:hover,
a.btn.bg_04:visited:hover,
a.btn.bg_04:active:hover{background-color:#fff; border:1px solid #2e8c1e; color:#2e8c1e;}

a.btn.bg_05:link,
a.btn.bg_05:visited,
a.btn.bg_05:active{background-color:#b47e52; border:1px solid #b47e52;}
a.btn.bg_05:link:hover,
a.btn.bg_05:visited:hover,
a.btn.bg_05:active:hover{background-color:#fff; border:1px solid #b47e52; color:#b47e52;}

/*다운로드버튼*/
a.btn.down{position:relative; min-width:170px; padding:0 10px 0 30px;}
a.btn.down:before{content:""; position:absolute; top:14px; left:23px; width:18px; height:17px; background-image: url(../../images/kor/content/down.png); background-repeat:no-repeat; background-size:100%;}

a.btn.down:hover:before{background-image: url(../../images/kor/content/down1.png);}
a.down.bg_01:hover:before{background-image: url(../../images/kor/content/down2.png);}


/*작은버튼*/
a.btn.small{position:relative; min-width:101px; height:37px; line-height:36px; padding:0 10px; font-size:15px;}

a.btn.small.down{position:relative; min-width:101px; height:37px; line-height:36px; padding:0 10px 0 30px; font-size:15px;}
a.btn.small.down:before{top:10px; left:10px;}

a.btn.down:hover,
a.btn.down.small:hover{background-color:#fff; border:1px solid #ff8429; color:#ff8429;}

.btn.down:link,
.btn.down:visited,
.btn.down:active,
.btn.down.small:link,
.btn.down.small:visited,
.btn.down.small:active{background-color:#ff8429; background-image:none; border:1px solid #ff8429; text-decoration:none; color:#fff;}


@media screen and (max-width:900px){
	a.btn{min-width:120px; height:40px; line-height:38px; font-size:14px;}
	a.btn.down{min-width:93px; padding:0 10px 0 27px;}
	a.btn.down:before{top:13px; left:9px; width:13px;}
	a.btn.small,
	a.btn.small.down{min-width:45px; height:32px; line-height:30px; font-size:13px;}
	a.btn.small.down{padding:0 10px 0 25px;}
	a.btn.small.down:before{top:9px;}
}
@media screen and (max-width:550px){
	a.btn{min-width:90px; height:34px; line-height:32px; font-size:12px;}
	a.btn.down{min-width:60px; padding:0 10px 0 27px;}
	a.btn.down:before{top:11px; left:11px; width:13px;}
	a.btn.small,
	a.btn.small.down{min-width:55px; height:28px; line-height:26px; font-size:12px;}
	a.btn.small.down{padding:0 10px;}
	a.btn.small.down:before{display: none;}
}

/* 제일작은버튼 */
.btn.small2{min-width:76px; height:37px; line-height:37px;}

@media screen and (max-width:900px){
	.btn.small2{min-width:65px;}
}
@media screen and (max-width:550px){
	.btn.small2{min-width:45px; height:30px; line-height:28px;}
}

/*화살표버튼*/
a.btn.arrow{position:relative; min-width:121px; height:39px; line-height:39px; padding:0 36px 0 10px;}
a.btn.arrow:before{content:""; position:absolute; top:15px; right:23px; width:5px; height:9px; background-image: url(../../images/kor/content/arrow.png); background-repeat:no-repeat;}

a.btn.arrow:hover:before{background-image: url(../../images/kor/content/arrow1.png);}
a.btn.arrow.bg_05:hover:before{background-image: url(../../images/kor/content/arrow2.png);}
a.btn.arrow.bg_01:hover:before{background-image: url(../../images/kor/content/arrow3.png);}

/*기타버튼: 등록, 답변, 확인, 목록, 수정, 삭제, 취소*/
.btn[class*="board_"]{
 	min-width:110px;
	border-radius:0px;
    -webkit-border-radius:0px;
}

@media screen and (max-width:900px){
	.btn[class*="board_"]{min-width:75px;}
	a.btn.arrow{min-width:84px; height:34px; line-height:32px; padding:0 20px 0 10px; font-size:13px;}
	a.btn.arrow:before{top:12px; right:10px;}
}
@media screen and (max-width:550px){
	.btn[class*="board_"]{min-width:65px;}
	a.btn.arrow{min-width:66px; height:28px; line-height:26px; padding:0 15px 0 5px; font-size:12px;}
	a.btn.arrow:before{top:9px; right:6px;}
}


/* 목록 */
.btn.board_lst:link,
.btn.board_lst:visited,
.btn.board_lst:active{background-color:#777777; border:1px solid #777777; color:#fff;}
.btn.board_lst:hover{background-color:#fff; border:1px solid #777777; color:#777777;}

/* 등록 */
.btn.board_add:link,
.btn.board_add:visited,
.btn.board_add:active{background-color:#ff8429; border:1px solid #ff8429; color:#fff;}
.btn.board_add:hover{background-color:#fff; color:#ff8429;}

/* 답변 */
.btn.board_re:link,
.btn.board_re:visited,
.btn.board_re:active{background-color:#ff8429; border:1px solid #ff8429; color:#fff;}
.btn.board_re:hover{background-color:#fff; color:#ff8429;}

/* 확인 */
.btn.board_yes:link,
.btn.board_yes:visited,
.btn.board_yes:active{background-color:#ff8429; border:1px solid #ff8429; color:#fff;}
.btn.board_yes:hover{background-color:#fff; color:#ff8429;}

/* 취소 */
.btn.board_no:link,
.btn.board_no:visited,
.btn.board_no:active{background-color:#5fb351; border:1px solid #5fb351;}
.btn.board_no:hover{background-color:#fff; border:1px solid #5fb351; color:#5fb351;}

/* 수정 */
.btn.board_mod:link,
.btn.board_mod:visited,
.btn.board_mod:active{background-color:#5fb351; border:1px solid #5fb351;}
.btn.board_mod:hover{background-color:#fff; border:1px solid #5fb351; color:#5fb351;}

/* 삭제 */
.btn.board_del:link,
.btn.board_del:visited,
.btn.board_del:active{background-color:#5fb351; border:1px solid #5fb351;}
.btn.board_del:hover{background-color:#fff; border:1px solid #5fb351; color:#5fb351;}


/*처리현황*/
.cirbox{
	display: inline-block; min-width:60px; height:31px; line-height:30px; padding:0 10px; text-align:center; font-size:15px; box-sizing:border-box;
	border-radius:15px;
	-webkit-border-radius:15px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.cirbox.col01{border:1px solid #5fb351; color:#5fb351;}
.cirbox.col02{background-color:#ebebeb; color:#969696;}
.cirbox.col03{border:1px solid #fb3434; color:#fb3434;}

@media screen and (max-width: 550px){
	.cirbox{min-width:50px; height:27px; line-height:25px; font-size:13px;}
}

/*테이블*/
.table{border-top:2px solid #000;}
.caption{
	font-size:15px; color:#666;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.star{content:"*"; font-size:18px; color:#fb3434;}

.table th{
	font-size:16px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.table td{
	border-left:0; font-weight:400; font-size:15px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.table th, .table td{height:33px; line-height:19px; padding:8px 10px; font-family:"Noto Sans KR";}
.table th, .table tfoot th, .table tfoot td{background:#f3f4f7;}
.table th,.table td{border-color:#cecece !important;}
.table.board_view{border-bottom: 2px solid #000;}

.table tr td input[type=text],
.table tr td input[type=password]{width:auto; max-width:200px; height:31px;}
input::-webkit-input-placeholder {color: #b1b1b1;}

.table.table_type2 th,
.table.table_type2 td{text-align:left; padding:8px 20px;}
.table.table_type2 tr th:first-child,
.table.table_type2 tr td:first-child{border-right:0px;}

@media screen and (max-width: 800px){
	.table tr .m_del{display: none !important;}

	.table.table_type2,
	.table.table_type2 thead,
	.table.table_type2 tbody,
	.table.table_type2 tr,
	.table.table_type2 th,
	.table.table_type2 td{display:block; width:100%; box-sizing:border-box;}
	.table.table_type2 thead{display:none;}
	.table.table_type2 th,
	.table.table_type2 td{padding:8px 10px;}
	.table.table_type2 th{height:50px; line-height:34px;}
	.table.table_type2 td{height:auto; padding:10px 10px; text-align:left;}
	.table.table_type2 td.object{font-weight:600;}
	.table.table_type2 td input[type="text"],
	.table.table_type2 td input[type="password"]{width:100%; max-width:100%;}

	.table.table_type3,
	.table.table_type3 thead,
	.table.table_type3 tbody,
	.table.table_type3 tr,
	.table.table_type3 td{display:block; width:100%; box-sizing:border-box;}

	.table.table_type3 th{display: none;}
	.table.table_type3 tr:first-child td:first-child{border-top:0;}
	.table.table_type3 td:first-child{height:50px; line-height:50px; background-color:#f3f4f7;  
		border-bottom:1px solid #aaa; font-weight:500;}
	.table.table_type3 td{height:auto; padding:0px 10px; text-align:left; border-bottom:0px;}
	.table.table_type3 tr th,
	.table.table_type3 tr td{border-right:none !important; border-left:none !important;}
	
	.table.table_type3 tbody tr{padding:0; border-bottom:1px solid #cacaca;}
}
@media screen and (max-width: 550px){
	.table th{font-size:13px;}
	.table td{font-size:12px;}
}



/* tab */
.js_tab{padding:0;}
.js_tab .title{display:none;}
.js_tab.select .title a{font-weight:normal;}

.js_tab.select{background-color: #5fb351; border-radius:0px;}
.js_tab.select ul li a{height:auto; line-height:14px; padding:15px 20px;}
.js_tab ul{width:100%; margin:0; padding-left:1px;}
.js_tab ul li{width:33.333%; box-sizing:border-box;}
.js_tab ul li:last-child{border-right:0px;}
.js_tab ul li a{
	width:auto; height:46px; line-height:21px; padding:12px 10px; margin:0px; font-size:16px; font-weight:400; color:#505050; box-sizing:border-box;
	border:1px solid #ccc; border-bottom:1px solid #5fb351; position:relative; z-index:1; margin-left:-1px;
	border-radius:0;
    -webkit-border-radius:0;
}

.js_tab ul li a:link,
.js_tab ul li a:visited,
.js_tab ul li a:active,
.js_tab ul li.no a:link,
.js_tab ul li.no a:visited,
.js_tab ul li.no a:active,
.js_tab ul li.no a:hover{background-color:#fff;}


.js_tab ul li a:hover,
.js_tab ul li.on a:link,
.js_tab ul li.on a:visited,
.js_tab ul li.on a:active,
.js_tab ul li.on a:hover{background-color:#5fb351;}

.js_tab ul li:first-child a:hover,
.js_tab ul li:first-child a:active,
.js_tab ul li.on:first-child a {border-left:1px solid #5fb351;}


@media screen and (max-width:816px){
	.js_tab ul li{width:100%; border-right:0px;}
	.js_tab ul li a{border-bottom:0;}
	.js_tab ul li:last-child a{border-bottom:1px solid #ccc;}
}


/* //////////////////////////////////////////////////////////////////////////////

	대관안내_시설소개 5개짜리 탭

////////////////////////////////////////////////////////////////////////////// */
#daguan_tab{
	width:100%; height:auto; padding-bottom:50px;
	transition:padding-bottom 0.3s ease;
	-webkit-transition:padding-bottom 0.3s ease;
}
#daguan_tab ul{overflow: hidden; padding:0 230px; box-sizing:border-box;}
#daguan_tab ul li{
	float:left; width:20%;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#daguan_tab ul li a{display: block;}
#daguan_tab ul li a .ico{
	display: block; width:116px; height:116px; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:66%; border:2px solid #e1e1e1; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition:background-image 0.3s ease, width 0.3s ease, height 0.3s ease;
	-webkit-transition:background-image 0.3s ease, width 0.3s ease, height 0.3s ease;
}
#daguan_tab ul li:nth-child(1) a .ico{background-image: url(../../images/kor/content/daguan03_ico1.png);}
#daguan_tab ul li:nth-child(2) a .ico{background-image: url(../../images/kor/content/daguan03_ico2.png);}
#daguan_tab ul li:nth-child(3) a .ico{background-image: url(../../images/kor/content/daguan03_ico3.png);}
#daguan_tab ul li:nth-child(4) a .ico{background-image: url(../../images/kor/content/daguan03_ico4.png);}
#daguan_tab ul li:nth-child(5) a .ico{background-image: url(../../images/kor/content/daguan03_ico5.png);}
#daguan_tab ul li a strong{display: block; line-height:26px; padding-top:16px; font-size:18px; font-weight:400; color:#5c5c5c; text-align:center;}

#daguan_tab ul li a:hover .ico,
#daguan_tab ul li.on a span{border:3px solid #ff8429;}
#daguan_tab ul li a:hover strong,
#daguan_tab ul li.on a strong{font-weight:700; color:#ff8429;}

#daguan_tab ul li:nth-child(1) a:hover .ico,
#daguan_tab ul li:nth-child(1).on a .ico{background-image: url(../../images/kor/content/daguan03_ico1_ov.png);}
#daguan_tab ul li:nth-child(2) a:hover .ico,
#daguan_tab ul li:nth-child(2).on a .ico{background-image: url(../../images/kor/content/daguan03_ico2_ov.png);}
#daguan_tab ul li:nth-child(3) a:hover .ico,
#daguan_tab ul li:nth-child(3).on a .ico{background-image: url(../../images/kor/content/daguan03_ico3_ov.png);}
#daguan_tab ul li:nth-child(4) a:hover .ico,
#daguan_tab ul li:nth-child(4).on a .ico{background-image: url(../../images/kor/content/daguan03_ico4_ov.png);}
#daguan_tab ul li:nth-child(5) a:hover .ico,
#daguan_tab ul li:nth-child(5).on a .ico{background-image: url(../../images/kor/content/daguan03_ico5_ov.png);}

@media screen and (max-width: 1130px) and (min-width: 1024px){
	#daguan_tab ul{padding:0 200px;}
	#daguan_tab ul li a .ico{width:100px; height:100px;}
	#daguan_tab ul li a strong{line-height:24px; padding-top:12px; font-size:17px;}
}
@media screen and (max-width: 1023px){
	#daguan_tab ul{padding:0;}
}
@media screen and (max-width: 850px){
	#daguan_tab ul li a .ico{width:100px; height:100px;}
	#daguan_tab ul li a strong{line-height:24px; padding-top:12px; font-size:17px;}
}
@media screen and (max-width: 750px){
	#daguan_tab{padding-bottom:40px;}
}
@media screen and (max-width: 750px) and (min-width: 651px){
	#daguan_tab ul li a .ico{width:80px; height:80px;}
	#daguan_tab ul li a strong{line-height:20px; padding-top:9px; font-size:15px;}
}
@media screen and (max-width: 650px){
	#daguan_tab ul li{width:33.333%;}
	#daguan_tab ul li:first-child,
	#daguan_tab ul li:nth-child(2),
	#daguan_tab ul li:nth-child(3){padding-bottom:20px;}
}
@media screen and (max-width: 450px){
	#daguan_tab ul li a .ico{width:80px; height:80px;}
	#daguan_tab ul li a strong{line-height:20px; padding-top:9px; font-size:15px;}
	#daguan_tab ul li:first-child,
	#daguan_tab ul li:nth-child(2),
	#daguan_tab ul li:nth-child(3){padding-bottom:10px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	대관안내_대관신청 6개짜리 탭

////////////////////////////////////////////////////////////////////////////// */
#daguan_tab2{
	width:100%; height:auto; padding-bottom:60px;
	transition:padding-bottom 0.3s ease;
	-webkit-transition:padding-bottom 0.3s ease;
}
#daguan_tab2 ul{overflow: hidden; padding:0 160px; box-sizing:border-box;}
#daguan_tab2 ul li{
	float:left; width:16.66%;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#daguan_tab2 ul li a{display: block;}
#daguan_tab2 ul li a .ico{
	display: block; width:116px; height:116px; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:66%; border:2px solid #e1e1e1; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition:background-image 0.3s ease, width 0.3s ease, height 0.3s ease;
	-webkit-transition:background-image 0.3s ease, width 0.3s ease, height 0.3s ease;
}
#daguan_tab2 ul li:nth-child(1) a .ico{background-image: url(../../images/kor/content/daguan03_ico1.png);}
#daguan_tab2 ul li:nth-child(2) a .ico{background-image: url(../../images/kor/content/daguan03_ico2.png);}
#daguan_tab2 ul li:nth-child(3) a .ico,
#daguan_tab2 ul li:nth-child(4) a .ico{background-image: url(../../images/kor/content/daguan03_ico3.png);}
#daguan_tab2 ul li:nth-child(5) a .ico{background-image: url(../../images/kor/content/daguan03_ico4.png);}
#daguan_tab2 ul li:nth-child(6) a .ico{background-image: url(../../images/kor/content/daguan03_ico5.png);}
#daguan_tab2 ul li a strong{display: block; line-height:26px; padding-top:16px; font-size:18px; font-weight:400; color:#5c5c5c; text-align:center;}

#daguan_tab2 ul li a:hover .ico,
#daguan_tab2 ul li.on a span{border:3px solid #ff8429;}
#daguan_tab2 ul li a:hover strong,
#daguan_tab2 ul li.on a strong{font-weight:700; color:#ff8429;}

#daguan_tab2 ul li:nth-child(1) a:hover .ico,
#daguan_tab2 ul li:nth-child(1).on a .ico{background-image: url(../../images/kor/content/daguan03_ico1_ov.png);}
#daguan_tab2 ul li:nth-child(2) a:hover .ico,
#daguan_tab2 ul li:nth-child(2).on a .ico{background-image: url(../../images/kor/content/daguan03_ico2_ov.png);}
#daguan_tab2 ul li:nth-child(3) a:hover .ico,
#daguan_tab2 ul li:nth-child(4) a:hover .ico,
#daguan_tab2 ul li:nth-child(3).on a .ico,
#daguan_tab2 ul li:nth-child(4).on a .ico{background-image: url(../../images/kor/content/daguan03_ico3_ov.png);}
#daguan_tab2 ul li:nth-child(5) a:hover .ico,
#daguan_tab2 ul li:nth-child(5).on a .ico{background-image: url(../../images/kor/content/daguan03_ico4_ov.png);}
#daguan_tab2 ul li:nth-child(6) a:hover .ico,
#daguan_tab2 ul li:nth-child(6).on a .ico{background-image: url(../../images/kor/content/daguan03_ico5_ov.png);}

@media screen and (max-width: 1130px) and (min-width: 1024px){
	#daguan_tab2 ul li a .ico{width:100px; height:100px;}
	#daguan_tab2 ul li a strong{line-height:24px; padding-top:12px; font-size:17px;}
}
@media screen and (max-width: 1023px){
	#daguan_tab2 ul{padding:0;}
}
@media screen and (max-width: 850px){
	#daguan_tab2 ul li a .ico{width:100px; height:100px;}
	#daguan_tab2 ul li a strong{line-height:24px; padding-top:12px; font-size:17px;}
}
@media screen and (max-width: 750px){
	#daguan_tab2{padding-bottom:40px;}
}
@media screen and (max-width: 750px) and (min-width: 651px){
	#daguan_tab2 ul li a .ico{width:80px; height:80px;}
	#daguan_tab2 ul li a strong{line-height:20px; padding-top:9px; font-size:15px;}
}
@media screen and (max-width: 650px){
	#daguan_tab2 ul li{width:33.333%;}
	#daguan_tab2 ul li:first-child,
	#daguan_tab2 ul li:nth-child(2),
	#daguan_tab2 ul li:nth-child(3){padding-bottom:20px;}
}
@media screen and (max-width: 450px){
	#daguan_tab2 ul li a .ico{width:80px; height:80px;}
	#daguan_tab2 ul li a strong{line-height:20px; padding-top:9px; font-size:15px;}
	#daguan_tab2 ul li:first-child,
	#daguan_tab2 ul li:nth-child(2),
	#daguan_tab2 ul li:nth-child(3){padding-bottom:10px;}
}



/*-----------------------------------------------------------------
---------------------------------board_01--------------------------------
------------------------------------------------------------------*/
.board_search{margin-top:23px;} 
.board_search .select a.submit, 
.board_search .select input[type="submit"]{
	background-color:#777; border:1px solid #777; box-sizing:border-box;
	transition:background-color 0.3s ease, color 0.3s ease;
	-webkit-transition:background-color 0.3s ease, color 0.3s ease;
}
.board_search .select a.submit:hover,
.board_search .select input[type="submit"]:hover{background-color:#fff; color:#777;}

.board.view{margin-top:33px !important;}
.board.view.answer{margin-top:0px !important;}

.selectbox{width:100px; height:30px;}
.selectbox strong{line-height:38px; font-size:16px;}
.selectbox strong a{position:relative; color:#404040; background:none;}
.selectbox strong a:after{
	content:""; display:block; position:absolute; right:10px; top:50%; width:7px; height:4px; margin-top:-2px; background:url(../../images/core/select_bul.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
.selectbox ul{border:1px solid #000; background-color:#fff;}
.selectbox ul li:first-child{border-top:0px;}
.selectbox ul li strong a:after{display:none;}
.selectbox ul li strong a:hover{background-color:#eee;}
.selectbox.on .boxs{border-color:#000;}
.selectbox.on strong a:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
/*페이지*/
.page{margin:30px 0 15px 0;}
.page a{overflow:visible; border:1px solid #cccccc; margin:0 1px;}

.page a,
.page a:link,
.page a:visited,
.page a:active{
	display: inline-block; width:31px; height:31px; line-height:29px; text-decoration:none; box-sizing:border-box;
	transition:background-color 0.3s ease, border 0.3s ease;
	-webkit-transition:background-color 0.3s ease, border 0.3s ease;
}
.page a.on,
.page a:hover{background-color:#ff8429; border:1px solid #ff8429; color:#fff;}

.page a.page_first,
.page a.page_left,
.page a.page_right,
.page a.page_end{overflow: hidden;}

.page a.page_first{background-image:url(../../images/core/page_first.png); background-repeat:no-repeat; background-position:10px center;}
.page a.page_left{background-image:url(../../images/core/page_left.png); background-repeat:no-repeat; background-position:10px center;}
.page a.page_right{background-image:url(../../images/core/page_left.png); background-repeat:no-repeat; background-position:10px center; transform:rotate(180deg);}
.page a.page_end{background-image:url(../../images/core/page_first.png); background-repeat:no-repeat; background-position:10px center; transform:rotate(180deg);}

.page a.page_first:hover,
.page a.page_end:hover{border:1px solid #ff8429; background-image:url(../../images/core/page_first.png); background-repeat:no-repeat; background-position:10px center;}
.page a.page_left:hover,
.page a.page_right:hover{border:1px solid #ff8429; background-image:url(../../images/core/page_left.png); background-repeat:no-repeat; background-position:10px center;}


/*all*/
.board_search .select select,
.board_search .select input,
.board_search .select input[type="submit"],
.board_search .select a.submit,
.board_search .select .selectbox{height:40px; line-height:38px;}
.board_search .select .selectbox .boxs{height:40px;}
.board_search .select .selectbox strong{line-height:40px;}
.board_search .count strong{font-weight:normal;}

.board_search .count span.price{position:relative; margin-right:6px; padding-right:10px; color:#ff973d;}
.board_search .count span.price:after{content:""; position:absolute; top:4px; right:0; width:1px; height:15px; background-color:#cccccc;}
.btn.icon_zip{height:20px; background-image:url(../../images/core//folder.png);}

.board.list{margin-top:20px;}
.board.list ul li p a .new,
.board.list ul li div a .new{vertical-align:top !important; margin-top:6px; background:url(../../images/core//notice_new.png) no-repeat center 3px;}
.board.list ul li p a .js_secret,
.board.list ul li div a .js_secret{vertical-align:top !important; margin-top:5px; background:url(../../images/core//notice_lock.png) no-repeat center 2px;}
.board.list ul li p a strong .re{display:inline-block; width:37px; height:17px; padding-right:10px; background:url(../../images/core//notice_re.png) no-repeat left top; vertical-align:top; margin-top:8px;}

.board.list.photo ul li p a strong .re,
.board.list.bodo ul li p a strong .re,
.board.list.faq ul li p a strong .re{display: none;}

.board.list.notice ul li .ntcr_nm{display:table-cell; width:200px;}
.board.list.notice ul li strong,
.board.list.notice ul li p,
.board.list.notice ul li .btt_sj,
.board.list.photo ul li .ntt_sj strong,
.board.list.bodo ul li a,
.board.list.qna ul li strong,
.board.list.qna ul li,
.board.list.qna ul li a strong.ntt_sj,
.board.list.faq ul li p a strong,
.board.list.faq ul li p.ntt_sj a .ntt_cn{font-size:16px !important; font-weight:400;}

.board.list.notice ul li p,
.board.list.notice ul li .ntt_sj,
.board.list.notice ul li strong
.board.list.qna ul li p,
.board.list.qna ul li .ntt_sj,
.board.list.qna ul li strong{padding:15px 10px;}

.board.list.qna ul li .ntt_no{box-sizing:border-box;}
.board.list.qna ul li .ntt_no,
.board.list.notice ul li .ntt_no{width:80px;}

.board.list ul li .arrow{display: none;}

/*notice*/
.board.list.notice ul li p a strong,
.board.list.notice ul li .ntt_sj a strong{overflow:visible; white-space:normal;}
.board.list.notice ul li.thead{background:transparent;}
.board.list.notice ul li.thead strong,
.board.list.notice ul li.thead p{padding:17px 20px;}
.board.list.notice ul li.point{background:#fbfbfb;}
.board.list.notice ul li.point .ntt_no{overflow: hidden; background-color:transparent; background-image: url(../../images/core//notice_icon.png); background-repeat:no-repeat; background-position: center center; text-indent:-1000px;}

.board.list.notice ul li .atch_file_id{width:70px;}

.board.list.notice ul li:hover{background-color: #f6f6f6;}
.board.list.notice ul li:first-child:hover{background-color:transparent;}
.board.list.notice ul li p a:hover strong{text-decoration:underline;}

/*photo*/
.board.list.photo ul li .frst_register_nm{bottom:15px;}
.board.list.bodo ul li .ntt_sj a{padding-top:0px;}

/*bodo*/
.board.list.bodo ul li a{white-space:normal;}

/*qna*/
span.btn.bg_00,
span.btn.bg_00:link,
span.btn.bg_00:visited,
span.btn.bg_00:active,
span.btn.bg_00:hover{height:20px !important;}
.board.list.qna ul li.thead{background-color:transparent;}
.board.list.qna ul li.thead strong{padding:17px 10px;}
.board.list.qna ul li:hover{background-color: #f6f6f6;}
.board.list.qna ul li:first-child:hover{background-color:transparent;}
.board.list.qna ul li p a:hover strong{text-decoration:underline;}
.board.list.qna ul li.point{background:#fbfbfb;}
.board.list.qna ul li.point .ntt_no{overflow: hidden; background-image: url(../../images/core//notice_icon.png); background-repeat:no-repeat; background-position: center center; text-indent:-1000px;}
.board.list.qna ul li:hover p a strong,
.board.list.qna ul li:hover .ntt_sj a strong{text-decoration:underline;}

/*faq*/
.board.list.photo .no, .board.list.faq .no{border-top:0px; border-bottom:0px;}

/*-----------------------------------------------------------------
---------------------------------board_02--------------------------------
------------------------------------------------------------------*/

.board.view .texts .filebox ul li a{padding-left:26px !important;}
div[class*="slide_view_"]{background-color:#fff;}
div[class*="slide_view_"].notitle{padding-bottom:42px;}
div[class*="slide_view_"] span{display: none;}

/*-----------------------------------------------------------------
---------------------------------반응형--------------------------------
------------------------------------------------------------------*/
@media screen and (max-width:800px) {
	.page a{margin:0 5px;}
	.board.list ul li.point p.ntt_no{background-color:transparent;}
	.board.list.notice ul li p.ntt_no{line-height:22px;}
	.board.list.notice ul li .ntt_sj,
	.board.list.qna ul li .ntt_sj{padding:10px 10px 0px 40px !important;}
	.board.list ul li p a strong .re{margin-top:3px; padding-right:5px;}
	.board.list ul li p a .new,
	.board.list ul li div a .new{margin-top:0px;}
	.board.list ul li p a .js_secret,
	.board.list ul li div a .js_secret{margin-top:0;}

	.board.list.notice ul li strong,
	.board.list.notice ul li p,
	.board.list.notice ul li .btt_sj,
	.board.list.photo ul li .ntt_sj strong,
	.board.list.bodo ul li a,
	.board.list.qna ul li p strong,
	.board.list.qna ul li p,
	.board.list.qna ul li .ntt_sj a strong,
	.board.list.faq ul li p a strong,
	.board.list.faq ul li p.ntt_sj a .ntt_cn{font-size:13px;}
}
@media screen and (max-width:660px) {
	a.blank{font-size:13px;}
	.caption{font-size:13px;}

	.board.list ul li p a .new,
	.board.list ul li div a .new{background:url(../../images/kor/content/notice_new.png) no-repeat center 2px;}
	.board.list ul li p a .new,
	.board.list ul li div a .new{margin-top:1px; padding:0;}
}
@media screen and (max-width:600px) {
	.selectbox{width:100%;}
	.board.list.faq ul li p a strong,
	.board.list.faq ul li .ntt_sj a strong{line-height:18px;}
	.board.list.bodo ul li a strong{position:static; display: block;}
}
@media screen and (max-width:570px) {
	a.blank{background:url(../../images/kor/content/win.gif) no-repeat right 4px; font-size:11px;}
	.caption{font-size:12px;}
	div[class*="slide_view_"] span,
	div[class*="slide_view_"] span strong{line-height:16px; font-size:12px;}
}
@media screen and (max-width:430px) {
	.page a{margin:0;}
	.page a:after{display: none;}
	.page a,
	.page a strong,
	.page a:link,
	.page a:visited,
	.page a:active{width:24px; height:24px; line-height:24px;}

	.page a.page_first,
	.page a.page_left,
	.page a.page_right,
	.page a.page_end{width:24px; height:24px; background-position:8px center;}

	.page a.page_first:hover,
	.page a.page_end:hover,
	.page a.page_left:hover,
	.page a.page_right:hover{background-position:8px center;}
}



/*공공누리 저작권*/
.user .box.openimg{}
.user .box.openimg .con{position:relative; height:46px; padding-left:180px;}
.user .box.openimg .con.type_1{padding-left:180px;}
.user .box.openimg .con.type_2{padding-left:210px;}
.user .box.openimg .con.type_3{padding-left:210px;}
.user .box.openimg .con.type_4{padding-left:245px;}
.user .box.openimg .con.type_5{padding-left:245px;}
.user .box.openimg .con img{position:absolute; left:15px; top:50%; margin-top:-27px; vertical-align:middle;}
.user .box.openimg .con span{vertical-align:middle; font-size:14px; color:#545454;}
@media screen and (max-width: 500px){
	.user .box.openimg .con{padding:20px 25px !important; text-align:center;}
	.user .box.openimg .con img{position:relative; left:auto; top:auto; margin-top:0;}
	.user .box.openimg .con span{display:block; margin-top:15px; text-align:left;}
}
@media screen and (max-width: 380px){
	.user .box.openimg .con span{margin-top:0;}
}