@charset "utf-8";


/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}

/* 게시판 커스텀 */

/* 메뉴 */
.dd_film_menu {position: relative; text-align: center; margin-bottom: 50px;}
.dd_film_menu li {display: inline-block;}
.dd_film_menu li + li {margin-left: 60px;}
.dd_film_menu li a {font-size: 25px; color: #a5a5a5; font-weight: 900;}
.dd_film_menu li a.active {color: #000; padding-bottom: 10px; border-bottom: 3px solid #000;}

/* 리스트 */

.dpp_gal_list {margin: 0; border-top: 2px solid #000;}
.dpp_gal_list > li {border-bottom: 1px solid #e5e5e5; padding: 20px 0;}
.ddp_gal_in .gall_con {display: table; width: 100%;}
.dpp_gal_in .dpp_imgArea {display: table-cell; vertical-align: middle; width: 18.57%;}
.dpp_gal_in .gall_dp_tp {display: table-cell; vertical-align: top; width: 81.42%; padding-left: 60px;}
.bo_dd_tp_list_txt {position: relative;}
.bo_dd_tp_txt h2 {color: #000; font-size: 30px; line-height: 36px; font-weight: 900;}
.bo_dd_tp_txt .bo_dd_list_content {color: #454545; font-size: 18px; line-height: 1.4; height: 2.6em; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 30px; font-weight: 300;}
.bo_dd_tp_list_txt .more_view {position: absolute; right: 0; bottom: 0; height: 50px; line-height: 50px; color: #fff; font-size: 18px; font-weight: 900; background: #1e47ca; padding: 0 50px;}
.dpp_gal_in ul.bo_ddd_tp_txt {position: relative;}
.dpp_gal_in ul.bo_ddd_tp_txt:after {content: ""; display: block; clear: both;}
.dpp_gal_in ul.bo_ddd_tp_txt li {float: left; width: 33.33%; padding-left: 0;}
.dpp_gal_in ul li span.bo_dd_tp1 {position: relative; display: table-cell; vertical-align: middle; width: 90px; color: #000; font-size: 18px; font-weight: 900;}
.dpp_gal_in ul li span.bo_dd_tp1:before {content: ""; position: absolute; top: 5px; right: 0; width: 1px; height: 20px; background: #bcbcbc;}
.dpp_gal_in ul li span.bo_dd_tp2 {position: relative; color: #454545; display: table-cell; vertical-align: middle; font-size: 18px; font-weight: 300; padding-left: 20px;}
.bo_dd_tp_txt2 {margin-top: 40px;}


.bo_dd_wrap {border-top: 2px solid #000;}
.bo_dd_tp {display: table; width: 100%; padding: 40px 0;}
.bo_dd_img {display: table-cell; width: 16.42%; position: relative; vertical-align: middle;}
.bo_dd_txt {display: table-cell; width: 83.57%; position: relative; vertical-align: top; padding-left: 60px;}
.bo_dd_tp_txt h2 span {display: inline-block; color: #1e47ca; font-size: 18px; line-height: 26px; font-weight: 900; /* margin-right: 20px; */}
.bo_dd_tp_txt h2 {color: #000; font-size: 30px; line-height: 36px; font-weight: 900;}
.bo_dd_tp_txt .bo_dd_content {color: #454545; font-size: 18px; line-height: 1.4; height: 2.6em; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 30px; font-weight: 300;}
.bo_dd_tp_txt2 {margin-top: 40px; border-top: 1px solid #e5e5e5; padding-top: 10px;}
.bo_dd_tp_txt2 ul {position: relative;}
.bo_dd_tp_txt2 ul:after {content: ""; display: block; clear: both;}
.bo_dd_tp_txt2 ul li {float: left; width: 33.33%; list-style: none;}
.bo_dd_tp_txt2 ul li:nth-child(n+4) {margin-top: 0;}

.bo_dd_tp_txt2 ul li .bo_dd_tp1 {position: relative; display: table-cell; vertical-align: middle; width: 90px; color: #000; font-size: 18px; font-weight: 900;}
.bo_dd_tp_txt2 ul li .bo_dd_tp1:before {content: ""; position: absolute; top: 5px; right: 0; width: 1px; height: 20px; background: #bcbcbc;}
.bo_dd_tp_txt2 ul li .bo_dd_tp2 {color: #454545; display: table-cell; vertical-align: middle; font-size: 18px; font-weight: 300; padding-left: 20px;}
.bo_dd_txt2 {border-top: 1px solid #e5e5e5;}
.bo_dd_txt2 .dd_text2 {font-size: 25px; line-height: 35px; color: #000; margin-top: 20px; font-weight: 300;}
.bo_dd_txt2 .dd_text2 span {font-weight: 700;}
.bo_dd_txt2 h3 {margin-top: 20px; color: #000; font-size: 27px; line-height: 34px; font-weight: 900;}
.bo_dd_txt2 .bo_dd_txt_content {margin-top: 20px; color: #010101; font-size: 18px; line-height: 28px; font-weight: 300;}
.bo_dd_img_wrap {margin-top: 50px;}
.bo_dd_img_wrap h3 {margin-top: 20px; color: #000; font-size: 27px; line-height: 34px; font-weight: 900;}
.bo_dd_inner_wrap {margin-top: 20px;}


/* 뷰페이지 */
.bo_dd_inner_wrap {position: relative;}
#bo_dd_img_slider {margin-bottom: 40px;}
.bo_dd_inner_wrap .film_arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 85px; height: 85px; cursor: pointer; z-index: 5;}
.bo_dd_inner_wrap .film_arrow.film_prev {left: 0; background: #284bbf url("/images/film_prev.png") center no-repeat; background-size: 22px 38px;}
.bo_dd_inner_wrap .film_arrow.film_next {right: 0; background: #284bbf url("/images/film_next.png") center no-repeat; background-size: 22px 38px;}

.bo_v_nb li a span {color: #000222; font-size: 18px; display: inline-block; vertical-align: middle;}
.bo_v_nb li.btn_prev {border: 0;}
.bo_v_nb li.btn_prev span {margin-left: 10px; }
.bo_v_nb li.btn_prev .dd_btn_prev {display: inline-block; vertical-align: middle; width: 8px; height: 16px; background: url("/images/view_prev.png") center no-repeat; background-size: 100%; margin-top: -5px;}
.bo_v_nb li.btn_next {border: 0; text-align: right;}
.bo_v_nb li.btn_next .dd_btn_next {display: inline-block; vertical-align: middle; width: 8px; height: 16px; background: url("/images/view_next.png") center no-repeat; background-size: 100%; margin-top: -5px;}
.bo_v_nb li.btn_next span {margin-right: 10px; }
.bo_v_nb_wrap {position: relative;}
.bo_v_nb_wrap .d_view_btn {position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}
.bo_v_nb_wrap .d_view_btn a {display: inline-block; height: 60px; background: #000; font-size: 20px; line-height: 58px; color: #fff; font-weight: bold; padding: 0 70px;}


@media (max-width: 1430px) {

	/* 메뉴 */
	.dd_film_menu {  margin-bottom: 3.4965vw;}
	.dd_film_menu li + li {margin-left: 4.1958vw;}
	.dd_film_menu li a {font-size: 1.7483vw;  }
	.dd_film_menu li a.active { padding-bottom: 0.6993vw; border-bottom: 0.2098vw solid #000;}


	/* 뷰 페이지*/

	.bo_dd_wrap {border-top: 0.1399vw solid #000;}
	.bo_dd_tp {padding: 2.7972vw 0;}
	.bo_dd_img {width: 16.42%;}
	.bo_dd_txt {width: 83.57%; padding-left: 4.1958vw;}
	.bo_dd_tp_txt h2 span {font-size: 1.2587vw; line-height: 1.8182vw; /* margin-right: 1.3986vw; */}
	.bo_dd_tp_txt h2 {font-size: 2.0979vw; line-height: 2.5175vw; }
	.bo_dd_tp_txt .bo_dd_content {font-size: 1.2587vw; margin-top: 2.0979vw;}
	.bo_dd_tp_txt2 {margin-top: 2.7972vw; padding-top: 0.6993vw;}
	.bo_dd_tp_txt2 ul li:nth-child(n+3) {margin-top: 0;}

	.bo_dd_tp_txt2 ul li .bo_dd_tp1 {width: 6.2937vw; font-size: 1.2587vw;}
	.bo_dd_tp_txt2 ul li .bo_dd_tp1:before {top: 0.3497vw; height: 1.3986vw;}
	.bo_dd_tp_txt2 ul li .bo_dd_tp2 {font-size: 1.2587vw;  padding-left: 1.3986vw;}
	.bo_dd_txt2 .dd_text2 {font-size: 1.7483vw; line-height: 2.4476vw;  margin-top: 1.3986vw; }
	.bo_dd_txt2 h3 {margin-top: 1.3986vw; font-size: 1.8881vw; line-height: 2.3776vw;}
	.bo_dd_txt2 .bo_dd_txt_content {margin-top: 1.3986vw; font-size: 1.2587vw; line-height: 1.9580vw;}
	.bo_dd_img_wrap {margin-top: 3.4965vw; word-break: keep-all;}
	.bo_dd_img_wrap h3 {margin-top: 1.3986vw; font-size: 1.8881vw; line-height: 2.3776vw; }
	.bo_dd_inner_wrap {margin-top: 1.3986vw;}

	#bo_dd_img_slider {margin-bottom: 2.7972vw;}
	.bo_dd_inner_wrap .film_arrow {width: 5.9441vw; height: 5.9441vw; }
	.bo_dd_inner_wrap .film_arrow.film_prev {background-size: 1.5385vw 2.6573vw;}
	.bo_dd_inner_wrap .film_arrow.film_next { background-size: 1.5385vw 2.6573vw;}


	/* 리스트 페이지 */


	.dpp_gal_list {border-top: 0.1399vw solid #000;}
	.dpp_gal_list > li {padding: 1.3986vw 0;}
	.dpp_gal_in .dpp_imgArea {width: 18.57%;}
	.dpp_gal_in .gall_dp_tp {width: 81.42%; padding-left: 4.1958vw;}
	.bo_dd_tp_txt h2 span {font-size: 1.2587vw; line-height: 1.8182vw; /* margin-right: 0.6993vw; */}
	.bo_dd_tp_txt h2 {font-size: 2.0979vw; line-height: 2.5175vw;}
	#bo_gall .gall_text_href a {height: 100%;}
	.bo_dd_tp_list_txt .more_view {height: 3.4965vw; line-height: 3.4965vw; font-size: 1.2587vw; padding: 0 3.4965vw;}


}

@media (max-width: 1024px) {

	/* 메뉴 */
	.dd_film_menu {margin-bottom: 4.8828vw;}
	.dd_film_menu li + li {margin-left: 5.8594vw;}
	.dd_film_menu li a {font-size: 2.4414vw;  }
	.dd_film_menu li a.active { padding-bottom: 0.9766vw; border-bottom: 0.2930vw solid #000;}

	/* 뷰 페이지*/

	.bo_dd_wrap {border-top: 0.1953vw solid #000;}
	.bo_dd_tp {width: 100%; padding: 3.9063vw 0;}
	.bo_dd_img {width: 25%;}
	.bo_dd_txt {width: 75%; padding-left: 3.9063vw;}
	.bo_dd_tp_txt h2 span {font-size: 1.7578vw; line-height: 2.5391vw;  /* margin-right: 1.9531vw; */}
	.bo_dd_tp_txt h2 {font-size: 2.9297vw; line-height: 3.5156vw; }
	.bo_dd_tp_txt .bo_dd_content {font-size: 1.7578vw; margin-top: 2.9297vw;}
	.bo_dd_tp_txt2 {margin-top: 3.9063vw; padding-top: 0.9766vw;}
	.bo_dd_tp_txt2 ul li:nth-child(n+3) {margin-top: 0;}

	.bo_dd_tp_txt2 ul li .bo_dd_tp1 {width: 8.7891vw; font-size: 1.7578vw; }
	.bo_dd_tp_txt2 ul li .bo_dd_tp1:before {top: 0.4883vw; height: 1.9531vw;}
	.bo_dd_tp_txt2 ul li .bo_dd_tp2 {font-size: 1.7578vw; padding-left: 1.9531vw;}
	.bo_dd_txt2 .dd_text2 {font-size: 2.4414vw; line-height: 3.4180vw;  margin-top: 1.9531vw; }
	.bo_dd_txt2 h3 {margin-top: 1.9531vw; font-size: 2.6367vw; line-height: 3.3203vw;}
	.bo_dd_txt2 .bo_dd_txt_content {margin-top: 1.9531vw; font-size: 1.7578vw; line-height: 2.7344vw;}
	.bo_dd_img_wrap {margin-top: 4.8828vw;}
	.bo_dd_img_wrap h3 {margin-top: 1.9531vw; font-size: 2.6367vw; line-height: 3.3203vw; }
	.bo_dd_inner_wrap {margin-top: 1.9531vw;}

	#bo_dd_img_slider {margin-bottom: 3.9063vw;}
	.bo_dd_inner_wrap .film_arrow {width: 8.3008vw; height: 8.3008vw;}
	.bo_dd_inner_wrap .film_arrow.film_prev {background-size: 2.1484vw 3.7109vw;}
	.bo_dd_inner_wrap .film_arrow.film_next {background-size: 2.1484vw 3.7109vw;}

	/* 리스트 페이지 */

	.dpp_gal_list {border-top: 0.1953vw solid #000;}
	.dpp_gal_list > li {width: 100% !important; padding: 1.9531vw 0;}
	.dpp_gal_in .dpp_imgArea {width: 25%;}
	.dpp_gal_in .gall_dp_tp {width: 75%; padding-left: 3.9063vw;}
	.dpp_gal_in .gall_dp_tp h2 span {font-size: 1.7578vw; line-height: 2.5391vw; /* margin-right: 0.9766vw; */}
	.dpp_gal_in .gall_dp_tp h2 { font-size: 2.9297vw; line-height: 3.5156vw; }
	.bo_dd_tp_txt .bo_dd_content.bo_dd_list_content {width: 65%;}
	.bo_dd_tp_list_txt .more_view {height: 4.8828vw; line-height: 4.8828vw; font-size: 1.7578vw; padding: 0 4.8828vw;}

	.dpp_gal_in ul.bo_ddd_tp_txt li {width: 50%;}


}

@media (max-width: 768px) {

	/* 메뉴 */
	.dd_film_menu {  margin-bottom: 6.5104vw;}
	.dd_film_menu li + li {margin-left: 7.8125vw;}
	.dd_film_menu li a {font-size: 4.1667vw;}
	.dd_film_menu li a.active { padding-bottom: 1.3021vw; border-bottom: 0.3906vw solid #000;}


	/* 뷰 페이지*/

	.bo_dd_wrap {border-top: 0.2604vw solid #000;}
	.bo_dd_tp {width: 100%; padding: 5.2083vw 0 2.6042vw;}
	.bo_dd_img {display: block; width: 100%; text-align: center;}
	.bo_dd_txt {display: block;width: 100%; padding-left: 0; margin-top: 5.2083vw;}
	.bo_dd_tp_txt h2 span {font-size: 3.3854vw; line-height: 4.1667vw; /*  margin-right: 2.6042vw; */}
	.bo_dd_tp_txt h2 {font-size: 4.6875vw; line-height: 5.4688vw; text-align: center;}
	.bo_dd_tp_txt .bo_dd_content {font-size: 3.3854vw; margin-top: 3.9063vw;}
	.bo_dd_tp_txt2 {margin-top: 5.2083vw; padding-top: 2.6042vw;}
	.bo_dd_tp_txt2 ul li {float: none; width: 100%;}
	.bo_dd_tp_txt2 ul li + li {margin-top: 2.6042vw}
	.bo_dd_tp_txt2 ul li:nth-child(n+3) {margin-top: 2.60421vw;}

	.bo_dd_tp_txt2 ul li .bo_dd_tp1 {width: 15.6250vw; font-size: 3.3854vw;}
	.bo_dd_tp_txt2 ul li .bo_dd_tp1:before {top: 50%; transform: translateY(-50%); height: 2.6042vw;}
	.bo_dd_tp_txt2 ul li .bo_dd_tp2 {font-size: 3.3854vw; padding-left: 2.6042vw;}
	.bo_dd_txt2 .dd_text2 {font-size: 3.2552vw; line-height: 4.5573vw;  margin-top: 2.6042vw; }
	.bo_dd_txt2 h3 {margin-top: 2.6042vw; font-size: 3.5156vw; line-height: 4.4271vw;}
	.bo_dd_txt2 .bo_dd_txt_content {margin-top: 2.6042vw; font-size: 3.3854vw; line-height: 4.1667vw;}
	.bo_dd_img_wrap {margin-top: 6.5104vw;}
	.bo_dd_img_wrap h3 {margin-top: 2.6042vw; font-size: 3.5156vw; line-height: 4.4271vw; }
	.bo_dd_inner_wrap {margin-top: 2.6042vw;}

	#bo_dd_img_slider {margin-bottom: 5.2083vw;}
	.bo_dd_inner_wrap .film_arrow {width: 11.0677vw; height: 11.0677vw;}
	.bo_dd_inner_wrap .film_arrow.film_prev {background-size: 2.8646vw 4.9479vw;}
	.bo_dd_inner_wrap .film_arrow.film_next {background-size: 2.8646vw 4.9479vw;}

	/* 리스트 페이지 */

	.dpp_gal_list {border-top: 0.2604vw solid #000;}
	.dpp_gal_list > li {width: 100% !important; padding: 2.6042vw 0;}
	.dpp_gal_in .dpp_imgArea {display: block; width: 100%;}
	.dpp_gal_in .gall_dp_tp {display: block; width: 100%; padding-left: 5.2083vw;}
	.dpp_gal_in .gall_dp_tp h2 span {font-size: 2.3438vw; line-height: 3.3854vw; /* margin-right: 1.3021vw; */}
	.dpp_gal_in .gall_dp_tp h2 { font-size: 3.9063vw; line-height: 4.6875vw; }
	.bo_dd_tp_txt .bo_dd_content.bo_dd_list_content {width: 65%;}
	.bo_dd_tp_list_txt .more_view {height: 6.5104vw; line-height: 6.5104vw; font-size: 2.3438vw; padding: 0 6.5104vw;}

	.dpp_gal_in ul.bo_ddd_tp_txt li {width: 100%;}


}