@charset "euc-kr";

.ico_new{display:inline-block; width:15px; height:15px; line-height:15px; margin:5px 0 0 5px; font-size:10px; font-weight:300; font-family:"arial"; color:#fff; text-align:center; text-transform:uppercase; border-radius:4px 0 4px 0; background:#ff476a; vertical-align:top;}
.ico_lock,
.ico_reply{display:inline-block; width:18px; height:19px; font-size:0; text-indent:-999px; vertical-align:middle; background: url(/images/board/icon_lock.gif) no-repeat;}
.ico_reply{width:30px; background:url(/images/board/ico_re.gif) no-repeat 0 5px;}
.ico_file{padding:0; margin:0; line-height:0;}
.file_wrap{position:relative;}
.file_list{z-index:1; opacity:0; visibility:hidden; position:absolute; top:-10px; right:60px; width:500px; padding:10px 5px 10px 10px; font-size:95%; text-align:left; border-radius:5px; border:1px solid #3d67a1; box-shadow:-5px -5px 5px rgba(0,0,0,0.12); background:#fff; transition:0.4s ease;}
.ico_file.on + .file_list{opacity:1; visibility:visible; top:4px;}

.box_sign .tit_txt{display:inline-block; width:auto !important;}
.box_sign h4:before{display:inline-block !important;}

/* board_btn */
.btn{display:inline-block; min-width:150px; height:50px; line-height:48px; padding:0 10px; color:#fff; font-size:17px; font-weight:400; text-align:center; vertical-align:top; border:1px solid #a78a57; background:#a78a57; border-radius:0; box-sizing:border-box; text-decoration:none !important;}
.btn.blue{border-color:#40577a; background:#40577a;}
.btn.orange{border-color:#f88020; background:#f88020;}
.btn.white{color:#555; border-color:#555; background:#fff;}
.btn.xls{border-color:#417d45; background:#417d45;}
.btn:hover{color:#8f6d32; font-weight:500; background:#fff; transition:0.2s linear;}
.btn.blue:hover{color:#40577a;}
.btn.orange:hover{color:#f88020;}
.btn.white:hover{color:#fff; background:#555;}
.btn.xls:hover{color:#417d45;}
.btn .glyphicon{top:-1px; vertical-align:middle; margin:0 2px 0 0;}

.board_btn{text-align:right;}
.board_btn .btn + .btn{margin:0 0 0 5px;}

.normal_list .btn{min-width:130px; height:40px; line-height:38px; margin:0 2px 6px;}

#search_result .title .btn{height:35px; line-height:33px; margin:-3px 0 0 5px; font-size:15px;}
@media all and (max-width:768px){
	.btn{height:45px; line-height:43px; min-width:130px; font-size:16px;}
}
@media all and (max-width:568px){
	.btn{height:42px; line-height:40px; min-width:108px; font-size:15px;}

	.board_btn .btn + .btn{margin:0 0 0 5px;}

	.normal_list .btn{min-width:95px; height:35px; line-height:33px;}
	#search_result .title .btn{font-size:14px;}
}
@media all and (max-width:380px){
	.btn{height:39px; line-height:37px; min-width:90px; font-size:14px;}

	.normal_list .btn{min-width:85px; height:30px; line-height:28px;}
	#search_result .title .btn{font-size:13px;}
}

/* ±Û¸ñ·Ï*/
.board_list{clear:both; width:100%; margin:0 0 20px 0; border-collapse:collapse; border-top:3px solid #40577a;}
.board_list tbody tr:hover{background:#f8f8f8; transition:background 0.3s ease-in-out;}
.board_list th{position:relative; padding:17px 5px; text-align:center; line-height:120%; font-weight:500; border-bottom:1px solid #ddd; background:url(/images/board/bg_th.gif) repeat-x 0 100%;}
.board_list th:before{content:''; display:block; position:absolute; bottom:0; left:0; width:1px; height:100%; background:url(/images/board/bg_th_list.gif) no-repeat 100% 100%;}
.board_list th:first-child:before{display:none;}
.board_list td{padding:12px 5px; text-align:center; border-bottom:1px solid #ddd; line-height:150%; color:#333; background:none; box-sizing:border-box; background:#fff;}
.board_list .none{padding:30px 0;}
.board_list .notice{display:inline-block; height:23px; line-height:23px; padding:0 10px; border-radius:23px; color:#fff; font-size:90%; background:#0a427a;}
.board_list .con,
.board_list .sbj{padding-left:10px; color:#111; text-align:left; font-size:103%; font-weight:500;}
.board_list .none{padding:20px 0; border-right:none;}
.board_list .del_reason{font-size:12px;vertical-align:middle}
.board_list .del_reason i{display:inline-block; margin-right:3px; color:#fd3223}
.board_list .del{opacity:0.6; text-decoration:line-through;}
.board_list td select{max-width:95px;}

/* ±Û¸ñ·Ï */
.table_wrap{width:100%; margin:0 0 25px 0; box-sizing:border-box;}
.table_info{display:none; padding:0 0 5px !important; line-height:130%; font-size:13px; color:#fc4b05;}
.normal_list{clear:both; width:100%; border-collapse:collapse; table-layout:fixed; text-align:center; border-top:3px solid #40577a; box-sizing:border-box;}
.normal_list th{padding:11px 5px; color:#333; border:1px solid #ddd; border-left:none; font-weight:500; background:#f2f3f5;}
.normal_list thead th{border-top:none;}
.normal_list td{padding:11px 5px; border:1px solid #ddd; border-left:none; word-break:break-all; box-sizing:border-box; background:#fff;}
.normal_list th:last-child,
.normal_list td:last-child{border-right:none;}
.normal_list .taL,
.normal_list .sbj,
.normal_list .con{padding-left:10px; color:#333; text-align:left;}
.normal_list .sbj{font-weight:500;}
.normal_list .none{padding:20px 0;}
.normal_list .comment{background:#f7f7f7; text-align:left; padding:10px;}
.normal_list .ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.normal_list .bdL{border-left:1px solid #ddd;}
.normal_list .a_right{padding-right:10px; text-align:right;}

/* ±Ûº¸±â */
.board_view{clear:both; width:100%; margin:0 0 25px; border-collapse:collapse; border-top:3px solid #40577a;}
.board_view thead th{padding:13px 5px 12px; text-align:center; font-weight:500; border-bottom:1px solid #cfd1d6; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%, rgba(237,237,237,1) 100%);}
.board_view tbody th{border-bottom:1px solid #cfd1d6;}
.board_view td{padding:12px 0; line-height:150%; text-align:center; border-bottom:1px solid #cfd1d6; background:none;}
.board_view .last-child{background:none;}
.board_view .subject{line-height:1.4em; font-weight:500; background:#f7f7f7; padding:5px 0 5px 0; border-right:1px solid #cfd1d6;}
.board_view .subject2{line-height:1.4em; font-weight:500; background:#f7f7f7; border-right:1px solid #cfd1d6; border-left:1px solid #cfd1d6;}
.board_view .comment{background:#f7f7f7; text-align:left; padding:10px;}
.board_view .comment textarea{width:98%; height:200px;} /* ±Û¾²±â ³»¿ë */
.board_view .comment div img{width:100%;}
.board_view td input.file{width:100%; background:#fff;} /* ±Û¾²±â Ã·ºÎÆÄÀÏ */
.board_view td input{margin:0 0 3px 0;} /* ±Û¾²±â input ¹Ú½º */
.board_view td img{max-width:100%; vertical-align:middle;}
.board_view .sbj,
.board_view .con{padding-left:13px; text-align:left;}
.board_view .pic img{max-width:100%;}
.board_view .txt{padding:10px;}
.board_view .pdf_link{margin:0 auto;}
.board_view #attach_content p.image img {width:100%}

.board_view .board_movie{width:480px; margin:0 auto; text-align:center;}
.attached_file{display:inline-block !important;}
.board_contents ul {list-style: circle inside; margin:0; padding:0;}
.board_contents ol {list-style: decimal inside; margin:0; padding:0;}
.board_contents ul li,
.board_contents ol li {list-style: inherit;}
.board_contents em { font-style: italic; }
.board_contents table caption {position:initial; left:initial; position:initial; width:inherit; height:initial; font-size:initial; line-height:initial; overflow:initial; text-align:initial;}
.board_contents ul li img{width:100%;}

/* ±Û¾²±â */
.board_write{clear:both; width:100%; border-spacing:0;  border-collapse:collapse;}
.board_write th{position:relative; padding:13px 5px; text-align:center; font-weight:500; border-bottom:1px solid #ced1d6; background:linear-gradient(to bottom, rgba(63,108,168,1) 0%, rgba(59,100,156,1) 100%);}
.board_write th:before{content:''; display:block; position:absolute; bottom:0; left:0; width:1px; height:100%; background:url(/images/board/bg_th_list.gif) no-repeat 100% 100%;}
.board_write td{padding:11px 5px; color:#666; text-align:center;  border-bottom:1px solid #ced1d6;}
.board_write .last-child{background:none; border-right:none;}
.board_write .subject{font-weight:500; background:#f1f1f1; border-right:1px solid #ced1d6; border-bottom:1px solid #ced1d6;}
.board_write .subject2{font-weight:500; background:#f1f1f1; border-right:1px solid #ced1d6; border-left:1px solid #ced1d6; border-bottom:1px solid #ced1d6;}
.board_write .write_subject{width:90%;}
.board_write td.comment{background:#f7f7f7; text-align:left; padding:10px;  white-space:pre-line;}
.board_write td.comment textarea{width:98%; height:200px;} /* ±Û¾²±â ³»¿ë */
.board_write td input.file{width:100%; background:#fff;} /* ±Û¾²±â Ã·ºÎÆÄÀÏ */
.board_write td input{margin:0 0 3px 0;} /* ±Û¾²±â input ¹Ú½º */
.board_write .con{padding-left:15px; text-align:left;}
.board_write .imp{color:red;}

/* ºñ¹Ð¹øÈ£ */
#password{clear:both; width:100%; margin:0 auto; padding:10px; border-top:2px solid #d4d4d4; border-bottom:1px solid #d4d4d4; box-sizing:border-box;}
#password .detail{margin:0 0 5px 0;}
#password .detail .title{margin:0 0 10px 0;}
#password .btn{margin:25px 0 0 0; text-align:center;}

/* ºñ¹Ð¹øÈ£ È®ÀÎ*/
.box_chk {overflow:hidden; max-width:350px; margin:95px auto 0;}
.box_chk .inner{height:163px; width:100%; margin:0 0 26px; padding:26px 0 0 18.857%; border:4px solid #c3c3c3; box-sizing:border-box;}
.box_chk .inner *{display:block;}
.box_chk .tit{font-size:22px;}
.box_chk .info{padding:8px 0 12px;}
.box_chk input{max-width:200px;}
.box_chk .btn{float:right; width:48.571%;}
.box_chk .btn.blue{float:left;}

@media all and (max-width:568px) {
	.box_chk .tit{font-size:21px;}
}
@media all and (max-width:380px) {
	.box_chk .tit{font-size:20px;}
}

/* °Ô½Ã¹°°Ë»ö */
.board_search{clear:both; width:100%; margin:10px 0 20px 0; padding:10px 0 10px 0; text-align:center; background:#f9f9f9; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position: relative;}
.board_search form .search{padding:0 10px 0 0; text-align:center;}
.board_search form select{background:#fafafa;}
.board_search .btnSearch{padding:0 0 0 5px; border:0;}
.board_search * {vertical-align:middle;}
.board_search input[type="text"]{max-width:50%;}
.board_search input[type="text"].w80{width:80px;}
.board_search .btn{min-width:60px; height:42px; line-height:40px;}

/* board_sch */
.board_total{padding:10px 0 21px 0; color:#666; box-sizing:border-box;}
.board_total:before{content:''; display:inline-block; width:22px; height:17px; margin:-3px 0 0 0; vertical-align:middle; background:url(/images/common/bullet/ico_txt.gif) no-repeat;}
.board_total .page:before{content:''; display:inline-block; width:1px; height:12px; margin:-1px 11px 0 15px; vertical-align:middle; background:#d9d9d9;}

.board_sch{float:right; width:416px; margin:0 0 20px; text-align:center;}
.board_sch fieldset{display:block; position:relative; padding:0 63px 0 133px;}
.board_sch .sel{position:absolute; top:0; left:0; width:130px;}
.board_sch .sel:after{content:''; display:block; position:absolute; top:50%; right:9px; transform:translateY(-50%); border-top:5px solid #000; border-left:3px solid transparent; border-right:3px solid transparent;}
.board_sch select,
.board_sch input[type="text"]{width:100%; height:40px; line-height:38px; padding:0 0 0 9px; border:1px solid #d2d2d2; box-sizing:border-box; background:none; background-color:#fff;}
.board_sch select{padding:0 0 0 6px; -webkit-appearance:none; -moz-appearance:none; -moz-appearance:none;}
.board_sch select::-ms-expand{display:none;}
.board_sch .btn{position:absolute; top:0; right:0; height:40px; width:60px; min-width:0; padding:0; font-size:0; text-indent:-999px; border:none; border-radius:0; background:#5f5f5f;}
.board_sch .btn:before,
.board_sch .btn:after{content:''; display:block; position:absolute; top:9px; left:19px; width:18px; height:18px; border:3px solid #fff; border-radius:50%; box-sizing:border-box;}
.board_sch .btn:after{left:32px; top:24px; width:9px; height:4px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}
.board_sch select:focus,
.board_sch input[type="text"]:focus{box-shadow:1px 1px 4px rgba(0,0,0,0.15);}
.board_sch .btn:hover{background-color:#444;}
@media all and (max-width:768px){
	.board_total{padding:0 0 17px 0; font-size:14px;}
	.board_total .page:before{margin:-2px 8px 0;}
	.board_sch{float:none; width:100%; margin:0 0 7px;}
	.board_sch fieldset{padding:0 63px 0 113px;}
	.board_sch .sel{width:110px;}
}
@media all and (max-width:380px){
	.board_total{padding:0 0 15px 0; font-size:13px;}
	.board_total .page:before{margin:-2px 7px 0;}
	.board_sch fieldset{padding:0 53px 0 88px;}
	.board_sch .sel{width:85px;}
	.board_sch .btn{width:50px; height:35px;}
	.board_sch .btn:before{width:16px; height:16px; top:8px; left:16px;}
	.board_sch .btn:after{top:21px; left:26px;}
	.board_sch select,
	.board_sch input[type="text"]{height:35px; line-height:34px; padding:0 0 0 6px;}
	.board_sch select{padding:0 0 0 3px;}
}

#sub_gallery .boardSearch{overflow:hidden; width:100%; height:20px; border-bottom:2px solid #8da6d1; padding:0 0 10px 0; margin:0 0 23px 0;}
#sub_gallery .total{float:left;}
#sub_gallery .boardSearch fieldset{float:right;}
#sub_gallery .boardSearch select{width:78px; border:1px solid #7f9db9; line-height:18px; height:18px;}
#sub_gallery .boardSearch #key{width:110px; height:16px; line-height:16px; margin:0; padding:0;}
#sub_gallery .none{padding:50px 0; background:#f9f9f9; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}

/* °Ô½ÃÆÇ ¹öÆ° */
.board_btn{clear:both; overflow:hidden; width:100%; margin:0 0 10px 0; padding:30px 0 0 0; text-align:right;}

/* normal table */
.normal{width:100%; border-collapse:collapse; text-align:center;}
.normal th,
.normal td{padding:8px 5px; border:1px solid #ced1d6; background:#fff;}
.normal th{background:#f7f7f7;}
.normal .sbj,
.normal .con{padding-left:10px; text-align:left; word-break:keep-all;}
.normal img{max-height:90px; margin-left:10px;}

/* Æ÷Åä°¶·¯¸® */
.photo{clear:both; overflow:hidden; width:100%; border-bottom:1px solid #d9d9d9;}
.photo li{float:left; width:163px; padding:0 0.85em 1.5em 0.85em;}
.photo li p.pic{width:151px; margin:0; padding:5px; background:#f5f5f5; border:1px solid #eaeaea;}
.photo li p.pic a{display:inline-block; width:149px; height:99px; border:1px solid #fff;}
.photo li p.pic a img{width:149px; height:99px;}
.photo li p.day,
.photo li p.date{padding:5px 0 0 14px; text-align:left; color:#9d7b4f; font-weight:500; background:url(/images/board/ico_date.gif) no-repeat 0 8px;}
.photo li p.title{padding:0 0 0 14px; text-align:left; background:url(/images/board/ico_title.gif) no-repeat 0 4px;}
table.bbs_gallery div#attach_content_container {margin:0 auto 10px;max-width:700px;} /* 160325 ¹èÀåÈ£ */
table.bbs_gallery div#attach_content_container li.image_list p.comment {text-align:center;}

.photo2{clear:both; width:100%; width:calc(100% + 24px); margin:0 -12px;}
.photo2:after{content:''; display:block; clear:both; width:100%;}
.photo2 li{float:left; width:33.333%; padding:0 12px; margin:0 0 27px 0; box-sizing:border-box; vertical-align:top;} 
.photo2 li *{display:block;}
.photo2 li a{overflow:hidden; box-shadow:0 0 8px rgba(0,0,0,0.1); height:355px; border-radius:15px 0 15px 0; border:1px solid #eee; background:#fff;}
.photo2 li a:hover{box-shadow:0 0 0 1px #0061ac; border-color:#0061ac; transition:0.25s ease-in-out;}
.photo2 li .img{overflow:hidden; text-align:center;}
.photo2 li .img img{display:inline; width:100%; max-height:250px; transition:all 0.25s ease-in-out;}
.photo2 li a:hover img,
.photo2 li a:focus img{transform:scale(1.1);}
.photo2 li .txt{padding:17px 10px 17px 20px; text-align:left;}
.photo2 li .title{overflow:hidden; width:100%; padding:0 0 5px; text-overflow:ellipsis; white-space:nowrap; font-weight:500;}
.photo2 li .date{color:#838383; font-size:95%;}

@media all and (max-width:1024px){
	.photo2 li a{height:290px;}
	.photo2 li .img img{max-height:200px;}
}
@media all and (max-width:840px){
	.photo2 li{margin:0 0 24px;}
	.photo2 li a{height:250px;}
	.photo2 li .img img{max-height:155px;}
}
@media all and (max-width:680px){
	.photo2 li a{height:220px;}
	.photo2 li .img img{max-height:130px;}
}
@media all and (max-width:568px){
	.photo2 {width:calc(100% + 14px); margin:0 -7px}
	.photo2 li{width:50%; margin:0 0 16px; padding:0 7px;}
}
@media all and (max-width:430px){
	.photo2 li a{height:200px;}
	.photo2 li .img img{max-height:115px;}
	.photo2 li .txt{padding:12px 5px 0 14px;}
}
@media all and (max-width:380px){
	.photo2 li{margin:0 0 14px;}
	.photo2 li a{height:175px;}
	.photo2 li .img img{max-height:101px;}
	.photo2 li .title{padding:0 0 2px;}
}
@media all and (max-width:340px){
	.photo2 li a{height:162px;}
	.photo2 li .img img{max-height:90px;}
}

/* pagingNav */
#pagingNav{display:flex; flex-wrap:wrap; justify-content:center; clear:both; width:100%; margin:50px 0 20px; text-align:center;}
#pagingNav a{position:relative; display:inline-block; width:38px; height:38px; line-height:37px; margin:0 5px 5px 5px; font-size:17px; color:#000; vertical-align:top; text-align:center; border-radius:50%; border:1px solid #d2d2d2; background:#fff;}
#pagingNav a:hover,
#pagingNav a:focus{z-index:1; border-color:#333; background-color:#f8f8f8; transition:background-color 0.25s ease-in-out;}
#pagingNav a.num_current,
#pagingNav a.num_current:hover,
#pagingNav a.num_current:focus{color:#fff; border-color:#333; background:#333; text-decoration:underline;}
#pagingNav .num_first,
#pagingNav .num_prev,
#pagingNav .num_right,
#pagingNav .num_last{font-size:0; text-indent:-999px; background:#fff url(/images/board/ico_board.gif) no-repeat 12px 13px;}
#pagingNav .num_first{margin:0;}
#pagingNav .num_prev{background-position:8px -15px;}
#pagingNav .num_right{background-position:17px -41px;}
#pagingNav .num_last{margin:0; background-position:14px -68px;}

@media all and (max-width:1024px){
	#pagingNav{margin:40px 0 15px;}
}
@media all and (max-width:768px){
	#pagingNav{margin:35px 0 15px;}
}
@media all and (max-width:568px){
	#pagingNav{margin:30px 0 10px;}
	#pagingNav a{width:27px; height:27px; line-height:27px; margin:0 3px 3px 3px; font-size:14px;}
	#pagingNav .num_first{background-position:7px 7px;}
	#pagingNav .num_last{background-position:8px -74px;}
	#pagingNav .num_right{background-position:12px -47px;}
	#pagingNav .num_prev{background-position:3px -21px;}
}

/* ÆäÀÌÁö³×ºñ°ÔÀÌ¼Ç */
#pagingNav2{clear:both; position:relative; margin:25px auto 0 auto; font-size:92%; text-align:center; line-height:1.7em; font-weight:500;}
#pagingNav2 a{display:inline-block; padding:4px; color:#000; text-decoration:none; font-weight:normal; vertical-align:top;}
#pagingNav2 a:hover{color:#d43415; text-decoration:none;}
#pagingNav2 .num_current{color:#d43415; text-decoration:underline; font-weight:500;}
#pagingNav2 .num_first{padding:4px 4px 4px 10px; color:#555; background:url(/images/board/bl_first.gif) no-repeat left center;}
#pagingNav2 .num_left{padding:4px 4px 4px 6px; color:#555; background:url(/images/board/bl_left.gif) no-repeat left center;}
#pagingNav2 .num_right{padding:4px 6px 4px 4px; color:#555; background:url(/images/board/bl_right.gif) no-repeat right center;}
#pagingNav2 .num_last{padding:4px 10px 4px 4px; color:#555; background:url(/images/board/bl_last.gif) no-repeat right center;}

/* º»ÀÎÀÎÁõ */
#sub_auth{width:100%; margin:0 auto; padding:0;}
#sub_auth h3{clear:both; margin:0 0 10px 0; font-weight:500; font-size:150%; line-height:110%; color:#4277ef;}
#sub_auth h4{clear:both; margin:25px 0 10px 0; font-weight:500; font-size:125%; line-height:110%; color:#4277ef;}
#sub_auth h4:before,
#sub_auth h4:after{display:none;}
#sub_auth h5{clear:both; margin:10px 0 5px 0;}
#sub_auth #auth_opt{overflow:hidden; width:100%; margin:15px 0; background:#fff;}
#sub_auth #auth_opt #opt_real{float:left;}
#sub_auth #auth_opt #opt_phone{float:left;}
#sub_auth #auth_opt #opt_ipin{float:right;}
#sub_auth #auth_opt .opt_list{float:left; width:48%; padding:15px 20px; box-sizing:border-box; border:1px solid #ccc;}
#sub_auth #auth_opt .opt_list h4{margin:0; padding:10px 0; text-align:center; background:#f5f5f5;}
#sub_auth #auth_opt .opt_list .info{padding:10px 0 20px 0;}
#sub_auth #auth_opt .btn{height:40px; line-height:38px; font-size:15px; text-align:center;}

/* °ø°ø¾ÆÀÌÇÉ¸¸ »ç¿ëÇÒ°æ¿ì */
#sub_auth #auth_opt .only{position:relative; overflow:hidden; width:100%; margin:0 auto; padding:10px; border:1px solid #ccc; box-sizing:border-box;}
#sub_auth #auth_opt .only h4{margin:0; padding:10px 0; text-align:center; background:#f5f5f5;}
#sub_auth #auth_opt .only .info{padding:10px 0 20px 0;}
#sub_auth #auth_opt .only .btn{text-align:center;}

#sub_auth .auth_agree{position:relative; overflow:auto; width:100%; height:150px; padding:5px 0; font-size:90%; text-indent:10px; border:1px solid #ccc;}
#sub_auth .auth_agree dt{font-weight:500;}
#sub_auth .auth_info p{margin:0 0 5px 0; font-weight:500;}
#sub_auth .auth_info p span{color:#cb4117;}
#sub_auth .auth_info .check_info{padding:25px 0 0 0; text-align:center;}
#sub_auth .auth_btn{clear:both; float:left; width:100%; padding:20px 0 0 0;}
#sub_auth .auth_btn .agree{float:left;}
#sub_auth .auth_btn .btn{float:right;}
#sub_auth .red a{color:#ff5400;}

/* ÀÌ¿ëµ¿ÀÇ */
#divcheck {clear:both; padding:20px 0 10px; border:1px solid #ccc; margin:0 0 20px 0;}
#divcheck p.title{font-weight:500; padding:0 0 0 15px; margin:0 0 10px 5px; border-left:3px solid #dc2a2a;}
#divcheck dl{padding:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#divcheck dt{font-weight:500;}
#divcheck dd{padding:0 0 10px 10px;}
#divcheck p.agree{padding:10px 0 0 10px; font-weight:500; color:#1d51bb;}
#divcheck p.agree input{border:none; vertical-align:middle;}

/* ÀÇÈ¸¿¡¹Ù¶õ´Ù */
#att_box{padding:1em; border:1px solid #c8c8c8; background:#fafafa; margin:0 0 10px 0;}
#btn_law{width:100%; text-align:center; margin:0 0 10px 0;}
#btn_law a{display:inline-block; width:150px; height:28px; line-height:28px; color:#fff; background:#f7512a;}
#btn_law .off a{color:#fcff00;}
#btn_law .skip{display:none;}
#slide_law{margin:0 0 20px 0; display:none;}
#slide_law p{padding:1em; border:1px solid #c8c8c8;}

/* µ¿¿µ»óÀÇÁ¤È°µ¿ */
.cast_list {overflow:hidden; width:100%; margin:0 0 2em 0;}
.cast_list .img{float:left; width:213px; margin:3px 0 0 0;}
.cast_list .img img{border:3px solid #d1d1d1;}
.cast_list .txt{float:right; width:70%;}
.cast_list .txt li{padding:0.3em 0; border-top:1px solid #e7e7e7;}
.cast_list .txt li:first-child{border-top:none; padding-top:0;}
.cast_list .txt li *{display:inline-block; vertical-align:top;}
.cast_list .txt li .tit{width:45px;}
.cast_list .txt li .con{width:75%; overflow:hidden; text-overflow:ellipsis; word-wrap:normal;}

/* È«º¸¿µ»ó */
.vod_player video{width:100%; height:400px;}
.vod_comment{width:100%; max-height:200px; margin:0 0 2em; overflow-y:auto; padding:1em; border:1px solid #ddd; background:#fafafa; box-sizing:border-box;}

/* ÀÇÁ¤¼Ò½Ä*/
.vod_tit {padding:0 0 15px;}
.vod_tit .tit{font-size:24px; color:#303030;}
.vod_tit p{color:#626262; font-size:14px; text-transform:uppercase;}
.vod_tit p span{padding:0 5px;}
.vod_play{position:relative;}
.vod_play > div{display:inline-block; vertical-align:top;}
.vod_play .player{width:69.25%; height:360px; max-width:640px; background:#000;}
.vod_play .comment{position:absolute; right:0; top:0; width:100%; padding:0 0 0 655px; box-sizing:border-box;}
.vod_play .comment .inner{width:100%; border:1px solid #ddd; box-sizing:border-box;}
.vod_play .comment .tit{display:block; width:100%; height:60px; padding:18px 0 0 40px; font-size:20px; color:#303030; border-bottom:1px solid #ddd; box-sizing:border-box; background:#ebebeb url(/images/board/ico_list.png) no-repeat 15px 55%;}
.vod_play .comment .txt{overflow-y:auto; overflow-x:hidden; height:300px; padding:10px; box-sizing:border-box;}
.vod_btns{margin:0 0 30px; padding:30px 0 35px; text-align:center; border-bottom:2px dashed #ccc;}
.vod_btns .btn_down{position:relative; width:160px; height:45px; padding:0 25px 0 0; font-size:17px; color:#fff; background:#235cb4; transition:0.3s;}
.vod_btns .btn_down:hover,
.vod_btns .btn_down:focus{background:#0a49ab;}
.vod_btns .btn_down:after{content:''; position:absolute; top:12px; left:50%; display:block; width:24px; height:23px; margin:0 0 0 37px; background:url(/images/board/ico_view.png) no-repeat; background-size:100%;}
.vod_btns .num{position:relative; width:80px; height:45px; line-height:45px; padding:0 0 0 30px; margin:0 0 0 10px; border:1px solid #ddd; box-sizing:border-box; background:#ebebeb url(/images/board/ico_recommend.gif) no-repeat 13px 50%; transition:0.3s;}
.vod_btns .num:hover,
.vod_btns .num:focus{border-color:#888;}
.vod_btns *,
.vod_list *{display:inline-block; vertical-align:top;}
.vod_list li{width:31%; padding:0 1% 20px; text-align:center;}
.vod_list a{position:relative; width:100%; max-width:280px; height:247px; padding:12px; border:1px solid #ddd; transition:0.3s; box-sizing:border-box;}
.vod_list a:after{content:''; display:block; position:absolute; top:0; left:0; width:0; height:100%; transition:0.3s; background:rgba(15,135,255,0.1);}
.vod_list a:hover:after,
.vod_list a:focus:after{width:100%;}
.vod_list a:hover,
.vod_list a:focus{color:#000; border-color:#1086ff;}
.vod_list .img img{width:100%; max-height:144px;}
.vod_list .txt {position:relative; width:100%; padding:32px 0 0 0;}
.vod_list .txt:before{content:''; display:block; position:absolute; top:-25px; left:50%; width:50px; height:50px; margin:0 0 0 -25px; background:url(/images/board/ico_play.png) no-repeat;}
.vod_list a:hover .txt:before,
.vod_list a:focus .txt:before{opacity:0.75;}
.vod_list .txt *{display:block; text-align:center;}
.vod_list .txt em{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px;}
.vod_list .txt .hit{font-size:12px; color:#606060;}

@media all and (max-width:1024px){
    .board_view .pic{width:85%;}
    .board_view .pic img{max-width:100%;}
    .board_view .info{width:85%;}
    .board_view .txt{width:80%;}

    table.bbs_gallery div#attach_content_container {margin:0 auto 10px;max-width:520px;} /* 160325 ¹èÀåÈ£ */
    .photo li{float:none; display:inline-block; padding:0 0.5em 1.5em 0.5em;}

	.board_search2 select{width:20%;}
	.board_search2 input[type="text"]{width:44%;}

	#attach_content .pdf_list .pdf_link,
    #attach_content .pdf_list .pdf_link iframe{width:520px !important;}

	.cast_list .img{width:24%;}
}
@media all and (max-width:820px){
	.vod_play .player{width:100%; max-width:100%; height:auto; text-align:center; margin:0 auto;}
	.vod_play .player video{width:100%;}
	.vod_play .comment{position:static; margin:10px 0 0 0; padding:0;}
	.vod_play .comment .tit{height:40px; padding:7px 0 0 40px; font-size:17px;}
	.vod_play .comment .txt{height:120px;}
	.vod_btns{padding:20px 0 30px;}
	.vod_list a{height:230px;}
}
@media all and (max-width:768px){
	.ico_new{margin:1px 0 0 3px;}
	.file_list{right:auto; left:20px; width:300px;}

    #pagingNav2{font-size:80%;}
    #pagingNav2 a{padding:5px 8px; margin:1px; border:1px solid #e0e0e0;}
    #pagingNav2 a:hover{color:#cb4222; border:1px solid #cb4222;}
    #pagingNav2 .num_current{padding:5px 8px; margin:0 1px; color:#fff; background:#3d65bf; border:1px solid #2526a3;}
    #pagingNav2 .num_first,
    #pagingNav2 .num_left,
    #pagingNav2 .num_right,
    #pagingNav2 .num_last{padding:5px; margin:0 1px; color:#555; border:1px solid #e0e0e0; background:none;}
    #pagingNav2 .num_left:hover,
    #pagingNav2 .num_first:hover,
    #pagingNav2 .num_right:hover,
    #pagingNav2 .num_last:hover{color:#cb4222; border:1px solid #cb4222;}

    .board_list {background:none;}
    .board_list colgroup,
	.board_list thead,
    .board_list td:first-child,
    .board_list td:nth-child(5){display:none;}

	.board_list tr{float:left; width:100%; padding:11px 2px 10px 5px; border-bottom:1px solid #d4d4d4; box-sizing:border-box;}
    .board_list td{display:block; position:relative; float:left; line-height:135%; padding:1px; border:none; box-sizing:border-box; text-align:left; color:#737373;}
	.board_list td.sbj,
	.board_list td.con{width:100%; padding:2px 1px 4px; font-weight:500; font-size:103%; color:#565656;}
	.board_list td:after{content:''; display:inline-block; width:1px; height:11px; margin:4px 12px 0 12px; vertical-align:top; background:#ccc;}
	.board_list td.sbj:after,
	.board_list td.con:after,
	.board_list td:last-child:after{display:none;}
	
	.bbs_bill td{width:50%; color:#565656; box-sizing:border-box;}
	.bbs_bill th + td{width:100%;}
	.bbs_bill td:first-child,
	.bbs_bill td:nth-child(5){display:block;}
	.bbs_bill td:before{content:attr(data-cell-header); display:inline-block; padding:0 4px 0 0; vertical-align:top; color:#565656;}
	.bbs_bill td:after{position:absolute; right:10px; top:50%; margin:-7px 0 0 0;}
	.bbs_bill td:first-child:after,
	.bbs_bill td:nth-child(even):after{display:none;}

	.board_view{background:none;}
    .board_view .sb_hit,
    .board_view .con_hit,
	.board_view colgroup{display:none;}
    .board_view thead th:last-child{font-size:110%; text-shadow:0 1px 0 #f3f3f3; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%, rgba(237,237,237,1) 100%);}
	.board_view tr:first-child th,
	.normal tr:first-child th{width:20%;}
    #attach_content .pdf_list .pdf_link{width:95% !important;}
    #attach_content .pdf_list .pdf_link iframe{width:100% !important;}
    
    .photo {text-align:center;}
    .photo li{padding:0 0.3em 1.5em 0.3em;}
    table.bbs_gallery div#attach_content_container {margin:0 auto 10px;max-width:330px;} /* 160325 ¹èÀåÈ£ */

	.board_search2 .total,
	.board_search2 form{width:100%; text-align:left;}
	.board_search2 .total{margin:0 0 0.3em 0;}

	#sub_auth #auth_opt .opt_list{width:100%;}
	#sub_auth #opt_phone{margin:0 0 25px;}

	.vod_tit .tit{font-size:21px;}
	.vod_tit p{line-height:110%; font-size:13px;}
	.vod_list .txt em{font-size:16px;}
}
@media all and (max-width:660px) {
	.vod_list a{height:200px;}
}
@media all and (max-width:568px) {
	.file_list{right:auto; left:-148px; width:280px;}
	.ico_file.on + .file_list{top:30px;}

	.table_wrap{overflow-x:auto; overflow-y:hidden;}
	.table_info{display:block;}
	.table_wrap .normal_list{width:567px;}
}
@media all and (max-width:530px){
	.vod_list li{width:47.5%;}
	.vod_list a{height:230px;}
}
@media all and (max-width:480px) {
	.board_view .board_movie{width:100%; margin:0 auto; text-align:center;}

	.vod_tit{padding:0 0 10px;}
	.vod_tit .tit{line-height:110%; font-size:18px;}
	.vod_tit p{font-size:12px;}
	.vod_play .comment .tit{height:35px; font-size:16px; padding:5px 0 0 35px; background-position:10px 50%;}
	.vod_play .comment .txt{height:100px; font-size:14px;}
	.vod_list a{height:195px;}
	.vod_list .txt{padding:20px 0 0 0;}
	.vod_list .txt:before{width:40px; height:40px; margin:0 0 0 -20px; background-size:100%;}
	.vod_list .txt em{font-size:15px;}
	.vod_list .txt .hit{line-height:100%;}
}
@media all and (max-width:430px) {
	.vod_play .comment .txt{height:90px;}
	.vod_list a{height:180px; padding:8px;}
}
@media all and (max-width:380px) {
	.table_info{font-size:12px;}
	.vod_list a{height:165px;}
	.board_list,
	.normal_list{font-size:14px;}
}

#sub_agenda .btns{position:relative; float:left; height:60px; width:100%;}
#sub_agenda .btn_left{position:absolute; top:0; left:0;}
#sub_agenda h3{line-height:37px; font-family:"Titillium Web"; font-size:42px; text-align:right;}
#sub_agenda .btn_right{left:auto; right:0;}
#sub_agenda .btns .btn{min-width:0; height:40px; line-height:38px;}
#sub_agenda .btns .today{color:#555; background:#fcf8e3;}
#sub_agenda .btns .btn.active{opacity:0.7;}
#sub_agenda .btn-group {margin-left:2px;}
#sub_agenda .btn-group .btn{margin-left:1px;}
#sub_agenda .calendar{width:100%; table-layout:fixed; border-collapse:collapse; margin:0 0 20px 0; font-size:16px; font-weight:400;}
#sub_agenda .calendar th{padding:10px 0; color:#fff; background:#3c4968; border:1px solid rgba(255,255,255,0.3);}
#sub_agenda .calendar td{height:113px; line-height:120%; vertical-align:top !important; padding:2px; text-align:right; border:1px solid #ddd;}
#sub_agenda .calendar td.today{background:#fcf8e3;}
#sub_agenda .calendar .calendarView{display:block; overflow:hidden; width:96%; padding:3px 1px; margin:0 auto 1px; font-size:14px; color:#333; line-height:120%; white-space:nowrap; text-overflow:ellipsis; text-align:center; color:#fff; background:#056fd7; border-radius:2px;}
#sub_agenda .calendar .sun{color:red;}
#sub_agenda .calendar .sat{color:blue;}
#sub_agenda .calendar td.other{opacity:0.3; background:#eee;}
@media all and (max-width:768px) {
    #sub_agenda .btns{height:50px;}
	#sub_agenda .btns .btn{height:35px; line-height:33px; font-size:14px;}
    #sub_agenda h3{line-height:30px;}
    #sub_agenda .calendar td{height:70px;}
    #sub_agenda .calendar .calendarView{font-size:13px;}
}
@media all and (max-width:568px) {
	#sub_agenda .btns{height:auto; text-align:left;}
	#sub_agenda .btn_left{position:static;}
	#sub_agenda .btns .btn{height:32px; line-height:30px; font-size:13px;}
    #sub_agenda h3{clear:both; width:100%; padding:10px 0 15px; line-height:26px; font-size:28px; text-align:center;}
    #sub_agenda .calendar{font-size:14px;}
    #sub_agenda .calendar td{height:55px;}
}
@media all and (max-width:380px) {
    #sub_agenda h3{line-height:24px; font-size:27px;}
	#sub_agenda .btns .btn{height:28px; line-height:26px;}
	#sub_agenda .calendar .calendarView{font-size:12px;}
}

/* ¼Ò½ÄÁö */
.magazine {float:left; width:calc(100% + 18px); margin:0 -9px 30px;}
.magazine li{float:left; width:33.333%; padding:0 9px 19px; text-align:center; box-sizing:border-box;}
.magazine .inner{float:left; width:100%; padding:33px 0 0 0; border:1px solid #e5e5e5; box-sizing:border-box;}
.magazine .inner:hover{border-color:#375999; box-shadow:0 0 0 1px #375999; transition:0.2s ease-in-out;}
.magazine .img_wrap{display:block; padding:0 10px;}
.magazine .img{position:relative; display:inline-block; vertical-align:top;}
.magazine .img:before{opacity:0; visibility:hidden; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(55,89,153,0.5); transition:0.25s ease-in-out;}
.magazine .view{opacity:0; visibility:hidden; position:absolute; top:50%; left:50%; display:block; width:110px; height:45px; line-height:46px; margin:-22px 0 0 -55px; color:#fff; border-radius:45px; background:#003964; transition:0.3s ease-in-out;}
.magazine .inner:hover .img:before,
.magazine .inner:hover .view,
.magazine .img_wrap:hover .img:before,
.magazine .img_wrap:hover .view{opacity:1; visibility:visible;}
.magazine .img img{max-width:185px; height:229px; box-shadow:1px 1px 18px rgba(0,0,0,0.11);}
.magazine .sbj{display:block; padding:22px 0; font-weight:400; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.magazine .btns{height:60px; background:#eee;}
.magazine .date{display:none; float:left; padding:12px 0 0 22px; font-size:15px; color:#666;}

.magazine .btn{width:100%; height:100%; line-height:60px; min-width:0; padding:0; border:none; color:#333; background:#e2e9f5;}
.magazine .btn:after{content:''; display:inline-block; vertical-align:middle; width:10px; height:17px; margin:-3px 0 0 8px; background:url(/images/common/ico_down.png) no-repeat 0 -17px;}
.magazine .btn:hover:after{background-position:0 0; transition:0.25s ease-in-out;}

@media all and (max-width:1024px) {
	.magazine .img img{height:250px; max-width:100%;}
}
@media all and (max-width:768px) {
	.magazine .inner{padding:25px 0 0 0;}
	.magazine .img img{height:210px;}
	.magazine .date{padding:9px 0 0 11px; font-size:13px;}
	.magazine .btns{height:50px;}
	.magazine .btn{line-height:50px;}
	.magazine .btn:after{margin-left:6px;}
}
@media all and (max-width:568px) {
	.magazine .inner{padding:20px 0 0 0;}
	.magazine li{width:50%;}
	.magazine .img img{height:190px;}
	.magazine .sbj{font-size:16px;}
}
@media all and (max-width:380px) {
	.magazine{width:calc(100% + 10px); margin:0 -5px;}
	.magazine li{padding:0 5px 15px;}
	.magazine .inner{padding:16px 0 0 0;}
	.magazine .img img{height:160px;}
	.magazine .sbj{padding:13px 0 15px; font-size:15px;}
	.magazine .date{padding:9px 0 0 8px; font-size:12px;}
	.magazine .btn:after{margin-left:4px;}
}
