@charset "utf-8";

/*-------------------------------------------------
For Index Page Style Sheet
-------------------------------------------------*/
body {background: #fff;}
.wrap {overflow: hidden; padding: 0; background: none;}
.main_wrap {
	position: relative;
	clear: both;
	display: block;
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto ;
}

.pc {display:block}
.mobile {display:none}


.sub_title{padding-top: 30px; text-align: center;font-size:40px;color:#000}
.sub_text{padding: 15px 10px 0; text-align: center;font-size:14px;font-weight:300;color:#626262; line-height: 20px;}

.subject_wrap{position: relative;
	padding-top:25px!important;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
	margin-top: 25px;
	width: 100%;
	background:url(../img/main/bg_main_visual.png)  center repeat-x;
	height:378px;
	}
.subject_wrap .bx-wrapper {position: relative; margin: 0 auto; text-align: center; padding:0; border:0; background:none; box-shadow:none; -webkit-box-shadow:none;}
.subject {}
.subject img {margin: 0 auto;}
.subject img.st_img {max-width: none !important;}
.subject p{margin-top: 19px;margin-bottom: 10px; font-size:26px; color:#000}
.subject .photo {position: relative; max-width: 690px;}
.subject .photo_title{position: relative; width: 690px;height: 75px;margin: -150px auto 0;background: rgba(0, 0, 0, 0.7);text-align:center;font-size: 45px; font-weight:600;color:#ed6c00;line-height: 75px;letter-spacing:-1px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.subject .photo_icon{position: relative;margin: 30px auto 30px;width: 330px;height: 46px;line-height: 48px; border-radius: 6px 6px 0 0; background: #fff}
.subject .photo_icon ul{width: 90%;margin: 0 auto;}
.subject .photo_icon li {float: left;padding-right: 7px;}
.subject .photo_icon li img {padding-top:10px;}
.subject .photo_icon li:last-child{float: left;padding-right:0}
.subject .photo_icon .textpad{padding-right: 23px; width: 60px;}

.slidebt_wrap{position: absolute;left:50%;top:40%;width: 1100px; height: 100px; margin-left: -550px;z-index: 1000}
.slidebt_wrap .btprev{float: left}
.slidebt_wrap .btnext{float: right}

.button_wrap{position: relative; width: 100%; height: 40px;margin:25px auto 0}
.button_wrap ul .button_class{float:left; display:block;}
.button_wrap ul.button_class li{float:left; height:40px; display:block;padding-right: 5px}
.button_wrap ul.button_class li a{display:block; color:#fff; font-size:18px; padding:0 25px; letter-spacing:-1px; line-height:40px;background: #8da9c4}
.button_wrap ul.button_class li:first-child a{color:#fff; padding-left:55px; background: #13315c url(../img/common/icon_all.png) 30px 50% no-repeat}

/* Search */
.select_type1{width: 100%;height: 40px; border: 1px solid #e0e0e0;box-sizing:border-box;padding:0 40px 0 15px;vertical-align: top;}
.select_type1.w280{width: 280px;}
.select_type2{display: inline-block;width: 100%;height: 40px; border: 1px solid #e0e0e0;box-sizing:border-box;padding:0 40px 0 15px;vertical-align: top;}
select.select_type2 {float: left;margin-right: 5px;background-image: url(../img/common/icon_sharrow.png)}
.select_type2.w140{width: 140px;}

.search_wrap{position: relative; width: 100%; margin-bottom:30px; border:1px solid #dedede;border-radius:3px; margin:0 auto;background: #fbfbfb;overflow:hidden}
.search_wrap fieldset { width:95%; margin:0px auto; padding:15px 0 8px}
.search_wrap dl{overflow:hidden;clear:both;width:100%; font-size:16px;color:#333}
.search_wrap dt{float:left;width:auto;line-height:40px;font-weight:bold;padding:0 10px; margin-bottom:10px}
.search_wrap dd{float:left;line-height:40px; margin-bottom:10px}
.search_wrap dd img { vertical-align:middle; margin:0 3px; cursor:pointer}
.search_wrap input[type=text]{padding:0 5px;width: 400px; height:40px;border:1px solid #CCC;border-radius:2px;font-size:14px}
.search_wrap select{padding:5px;width:20%;height:40px;border:1px solid #CCC;border-radius:2px;font-size:14px;-moz-appearance:none;-webkit-appearance:none;}
.search_wrap textarea{width:90%;height:200px;border:1px solid #ddd;overflow-y:visible;}

/* Pagination */
.pagination{margin: 25px 0 30px; text-align: center}
.pagination ul li {display: inline-block}
.pagination ul li a{display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;}
.pagination ul li a.on,
.pagination ul li a:hover{background: #8da9c4;color: #fff}
.pagination ul li a.pg_first{background: url(../img/common/icon_pgfirst.png) no-repeat 50% 50%}
.pagination ul li a.pg_prev{background: url(../img/common/icon_pgprev.png) no-repeat 50% 50%}
.pagination ul li a.pg_next{background: url(../img/common/icon_pgnext.png) no-repeat 50% 50%}
.pagination ul li a.pg_last{background: url(../img/common/icon_pglast.png) no-repeat 50% 50%}

.gapline01{width:100%;height:50px;margin:0 auto;background:url(../img/common/gap_line01.png) repeat-x}

/* Board */
.board{position: relative;float: left;display: inline-block;width: 100%}
.board input[type="text"]{width: 99%; height: 30px; margin: 5px;border: 1px solid #e0e0e0;display: block;box-sizing:border-box;padding: 10px}
.board input[type="button"]{width: 100px; padding:0 23px;margin-left: 5px; height:30px;line-height:30px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#8da9c4;border: 0}
/*.add{position: relative;display: inline-block;text-align: center}
.add input[type="button"]{width: 30px;height: 30px;line-height: 30px; padding:0 5px;margin-left: 5px; color:#fff;font-size:12px;font-weight: 400; letter-spacing:-1px;background:#8da9c4;border: 0}
.add .upfileAdd{clear:both;padding:5px 7px;background:#13315c;border: 1px solid #0a244a !important;}
.add .upfileAdd a{color:#fff}
.add .upfileDel{padding:5px 7px;background:#8da9c4;border: 1px solid #83a2c2 !important;}
.add .upfileDel a{color:#fff}*/

.cmt_content{padding:10px;margin-bottom:20px;border-top:1px solid #8da9c4;background:#f8f8f8}
.cmt_h{min-height: 25px;}
.board_comment{width:100%;clear:both;padding:10px;font-size:13px;line-height:20px;border-bottom:1px solid #ddd;background:#fff}
.cmt_text{width:90%;text-align:left;clear:both;padding:10px;font-size:13px;line-height:20px;}
.cmt_text textarea{width:87%;padding:10px;margin-right:10px;border-top:1px solid  #ddd;border-right:1px solid  #ddd;border-left:1px solid  #ddd;font-size:13px;line-height:20px;font-weight:300;text-align:left}
.byteInfo_cmt{color:#ff4800}
.cmt_writer{font-size:14px; color:#333}
.cmt_date{font-size:12px; color:#666}
.cmt_btn {margin:5px 5px 15px 0; padding:10px;font-size:14px;font-weight: 400;text-align:center; letter-spacing:-1px}
.cmt_btn a{color:#fff!important;font-weight:300}
.cmt_btn_write{padding:20px 25px;border-radius: 2px; color: #fff; background:#13315c url(../img/common/btn_bg01.png)}
.cmt_body{color:#222;font-size:13px; font-weight:300}
.edit_btn{float:left;padding:5px;margin-bottom:10px;background:#8da9c4}
.edit_btn a{color:#fff!important;font-weight:300}
.edit_cancelBtn{float:left;padding:5px;margin-bottom:10px;background:#8da9c4}
.pipe_line{float:left;padding:5px;padding-right:10px;font-size:12px;font-weight:300}
.deleteBtn{float:left;font-size:14px;font-weight: 400;padding:5px;margin-bottom:10px;background:#8da9c4}
.deleteBtn a{color:#fff!important;}

.extend_Wrap{width:100%; height:82px;margin-bottom:50px;padding:10px;border-top:3px solid #ff4800;border-bottom:1px solid #f77b23;background:#f6f6f6}
.extend_WrapBox{width:100%; margin:0 auto}

.extendBox{width: 100%; height: 57px; text-align: right; border-bottom: 1px solid #efefef;}
.extendGoodCnt{display: inline-block; height:45px; padding: 0 15px 0 45px; color:#000;font-size:18px;font-weight: 400; text-align: center; letter-spacing:-1px;line-height:50px; border-right: 1px dashed #e1e1e1; background:#fff  url(../img/common/icon_like02.png) no-repeat 10px 50%}
.extendBadCnt{display: inline-block; height:45px; padding: 0 15px 0 45px; color:#000;font-size:18px;font-weight: 400; text-align: center; letter-spacing:-1px;line-height:50px; border-right: 1px dashed #e1e1e1; background:#fff  url(../img/common/icon_unlike02.png) no-repeat 10px 50%}
.extendLikeCnt{display: inline-block; height:45px; padding: 0 15px 0 50px; color:#000;font-size:18px;font-weight: 400; text-align: center; letter-spacing:-1px;line-height:50px; border-right: 1px dashed #e1e1e1; background:#fff  url(../img/common/icon_recom.png) no-repeat 10px 50%}
.extendComentCnt{display: inline-block; height:45px; padding: 0 15px 0 50px; color:#000;font-size:18px;font-weight: 400; text-align: center; letter-spacing:-1px;line-height:50px; background:#fff  url(../img/common/icon_reply02.png) no-repeat 10px 50%}
.likeBtnBox{float:right;width:360px;height:45px; font-size:14px;font-weight: 400; letter-spacing:-1px;line-height:45px;}
.likeBtnBox .boardlike{float: left;}
.extendBtnBox{float: left;}
.extendBtnGood{float:left;width:110px;text-align:right}
.extendBtnGood input{width:100px; height: 40px; padding:0 0 0 30px;color:#fff; border:1px solid #134074; border-radius:2px!important; background:#346aa9  url(../img/common/icon_like02.png) no-repeat 10px 50%;}
.extendBtnBad{float:left;width:110px;text-align:right}
.extendBtnBad input{width:100px; height: 40px; padding:0 0 0 30px;color:#fff; border:1px solid #134074; border-radius:2px!important; background:#346aa9 url(../img/common/icon_unlike02.png) no-repeat 10px 50%;}

/* Like & Unlike */
.like_wrap{width: 710px;height: 50px; margin: 0 auto 20px;}
.like_wrap ul{width: 100%;}
.like_wrap ul li{float:left; height: 50px; line-height: 50px;color:#fff;border-radius: 30px;}
.like_wrap .like{border-bottom:1px solid #066590;background:#029ed6 url(../img/main/like_bg_blue.png) }
.like_wrap .liketxt{position: absolute;left:0;width: 50px; padding:5px; border:2px dotted #066590;border-radius: 100px;font-size: 14px;line-height: 18px;text-align: center; color:#fff;background: #01ade9; box-shadow:1px 1px 2px -1px #333 inset;z-index: 999}
.like_wrap .unlike{background:#ccc;border-bottom:1px solid #b1b1b1}
.like_wrap .unliketxt{position: absolute;right:0;width: 50px; padding:5px;border:2px dotted #909090;border-radius: 100px;font-size: 14px;line-height: 18px;text-align: center;color:#fff;background: #bfc0c0; box-shadow:-1px 1px 2px -1px #333 inset;z-index: 999}

/* 게시판 게인정보동의 폼 */
.bbs_agreement{line-height: 18px;}
.bbs_agreement .tit{color: #222; font-size: 16px; padding: 0 0 10px 0; font-weight: bold; text-align: center; border-bottom: 1px solid #ddd;}
.bbs_agreement dl{padding: 10px;}
.bbs_agreement dl dt{font-weight: bold; font-size: 15px; margin-bottom: 5px;}
.bbs_agreement dl dd{padding: 2px 0 2px 5px;}
.bbs_agreement table{border-top: 1px solid #111;}
.bbs_agreement table th, .bbs_agreement table td{padding: 5px; font-size: 13px;}
.bbs_agreement .check_ok{padding: 5px 0; color: #222; font-size: 16px; font-weight: bold; text-align: center; border-top: 1px dashed #ccc;}
.bbs_agreement .check_ok input{width: 16px; height: 16px;}


input#upfileAdd{margin-left:10px;border:1px solid #ebebeb;color:#fff;font-weight:600;background:#757575;width:30px;height:30px}
input#upfileDel{border:1px solid #ebebeb;padding: 1px 8px;color:#fff;font-weight:600;background:#757575;width:30px;height:30px}

span#upfileAdd a{border:1px solid #ebebeb;padding: 1px 8px;color:#fff;background:#8da9c4}
span#upfileDel a{border:1px solid #ebebeb;padding: 1px 8px;color:#fff;background:#8da9c4}

/* line_content */
.line_content{width:100%; height:35px;margin-bottom:25px; background:url(../img/common/line_content.png) no-repeat center 50%}

@media screen and (max-width: 1024px) {
.cmt_text {width: 88%}
	}

@media screen and (max-width: 768px) {
.search_wrap input[type=text] {width: 270px}

.button_wrap {position: relative;width: 100%;height: auto;min-height: 80px;margin: 25px auto}
.button_wrap ul.button_class li {padding-right: 5px;margin-top: 5px}
.button_wrap ul.button_class li a {padding: 0 15px}

.board_content img{ width: 100%;height:100% }

.cmt_text textarea {
    width: 80%}
.cmt_btn {
    margin: 5px 5px 15px 0;
    padding: 0}
	.cmt_btn_write {
    padding: 17px 10px}
}

@media screen and (max-width: 425px) {
.select_type2.w140 {width: 215px}
.search_wrap input[type=text] {width: 215px}
.cmt_text {width: 80%;text-align: left;clear: both;padding: 10px}
.cmt_text textarea {width: 59%; margin-right:3px}
.cmt_btn {margin: 0 5px 0 0;padding: 0}
.cmt_btn_write {padding: 17px 10px}
}
@media screen and (max-width: 424px) {
.search_wrap fieldset {width:100%}
.likeBtnBox {margin-bottom: 10px;margin-right: 5px;width:350px}
}