@charset "utf-8";

/* -- 게시판 공통 -- */
    #board { position: relative; width: 100%; }

    #board .web_col{ display: table-column-group; }
    #board .mob_col{ display: none; }
    #board .web_td{ display: table-cell; }
    #board .mob_td{ display: none; }
    @media ( max-width: 991px) {
		#board table th, #board table td { padding: 15px 5px; }

	    #board .web_col{ display: none; }
	    #board .mob_col{ display: table-column-group; }
	    #board .web_td{ display: none; }
	    #board .mob_td{ display: table-cell; }
    }

/* 게시판 제목 말줄임 */
    #board .subject{ display: inline-block; width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    #board .subject2 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.4em; overflow: hidden; }
    #board .subject3 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em; overflow: hidden; }

/* -- 비밀번호 팝업 -- */
	#board_pw .modal-body{ padding: 3rem; }
    #board_pw .pw_title{ padding:0 0 1rem 0; text-align: center; }
    #board_pw a{ display: block; height: 40px; line-height: 37px; text-align: center; border-radius: 5px; }
    #board_pw input{ border-radius: 5px; }

/* -- 글갯수 -- */
    #board .total{ padding: 0 2px 10px 0; text-align: left; line-height: 1em; }
    @media (max-width:991px) {
        #board .total{ text-align: right; }
    }

/* -- 개시물 없음 -- */
	.no_data{ padding: 10% 0; }
	.no_data i{ font-size: 3em; }
	.no_data p{ padding: 10px 0 0 0; }

/* -- 첨부파일 -- */
    .filebox{ overflow: hidden; }
    .filebox .upload-name { vertical-align: middle; }
    .filebox label{ padding: 0; }
    .filebox label i{ display: block; height: 40px; line-height: 38px; text-align: center; border-radius: 40px; cursor: pointer; }
    
/* -- 버튼 -- */
    .btn_wrap { overflow: hidden; }
    .btn_wrap .center{ text-align: center; }
    .btn_wrap .left{ text-align: left; }
    .btn_wrap .right{ text-align: right; }
    .btn_wrap a{ display: inline-block; height: 40px; margin: 0 3px; padding: 0 15px; vertical-align: middle; text-align: center; line-height: 40px; border-radius: 5px; }
    .btn_wrap input[type="submit"]{ display: inline-block; vertical-align: middle; width: auto; padding: 0 15px; line-height: 40px; border-radius: 5px; }
    @media (max-width:991px) {
        .btn_wrap li:nth-child(2){ padding-top: 2%; }
    }

 /* 버튼 색상 */
    .bt_main{ font-size:12pt;font-weight:500;color: #fff !important; background: #59493F; }
    .bt_gray{ font-size:12pt;font-weight:500;color: #fff !important; background: #3c3c3b; }
    .bt_line{ border: 1px solid #cacaca; }



    .btn_wrap2{ color: #fff !important; background: #9e0b15;display: inline-block; height: 30px; margin: 0 3px; padding: 0 15px; vertical-align: middle; text-align: center; line-height: 30px; border-radius: 5px; }
    
    
    
    #board .category{ padding-bottom: 20px; }
    #board .category a{ display: inline-block; padding: 0 10px; line-height: 2.5em; border: 1px #e2dbd5 solid; border-radius: 3px; background: #ede8e4; }
    #board .category .on { border: 1px solid #d7272a; color: #fff; background: #d7272a; }

/* -- 리스트 -- */
    #board .list { border-top: 1px solid #9e0b14; }
    #board .list th, #board .list td { padding: 10px; text-align: center; font-size:12pt;font-weight:500; }
    #board .list th { border-bottom: 1px solid #D1C4C4; background: #DFD2D2; }
    #board .list td { border-bottom: 1px solid #D1C4C4; }
    #board .list td span{ padding: 0 0 0 10px; }
    #board .list img{ width: auto; }
    #board .list .bg{ background: #E2DEDE; }
    #board .list a{ display: block; padding: 5px; border-radius: 5px; }
    #board h3{ font-weight: 600; }
    #board .list .text-left{ text-align: left; }




/* -- 리스트 -- */
    #board .list2 { border-top: 1px solid #9e0b14;border-bottom: 1px solid #9e0b14; }
    #board .list2 th { padding: 10px; text-align: center; border-bottom: 1px solid #e8d6d6; background: #DFD2D2; }
    #board .list2 td { padding: 10px; text-align: center; border-left: 1px solid #e8d6d6;  border-right: 1px solid #e8d6d6; border-bottom: 1px solid #e8d6d6; }
    #board .list2 a{ padding: 10px; text-align: center; }




/* -- 보기 -- */
    #board .view table{ border-bottom: 1px solid #dcc8c8; }
	#board .view th{ padding: 15px 10px; text-align: center; font-size:12pt;font-weight: 500; border-top: 1px solid #ab0505; background: #DFD2D2; }
    #board .view td{ padding: 15px 10px; font-size:12pt;text-align: center; border-top: 1px solid #dcc8c8; }
    #board .view td:nth-child(2n+1){ background: #e2dede; }
	#board .view .date{ font-size: 0.9em; color: rgba(108,102,97,0.5); }
	#board .view .con{ text-align: left; background: #fff !important; }
	#board .view .con img{ display: block; width: auto; max-width: 100%; margin: 0 auto; }
    #board .view ul{ padding-top: 20px; }
    @media (max-width:991px) {
        #board .view tr{ background: #e2dede; }
        #board .view th{ display: block; float: left; width: 100%; }
        #board .view td:nth-child(2n+1){  display: block; float: left; width: 30%; }
        #board .view td:nth-child(2n+2){ display: block; float: left; width: 70%; background: #fff; }
    }




    
    #board .letter{ border-top: 1px solid #ab0505; border-bottom: 1px solid #ab0505; }
    #board .letter th{ font-size:12pt;padding: 10px; text-align: center; border-bottom: 1px solid #dcc8c8; background: #e2dede; }
    #board .letter td{ font-size:12pt;padding: 10px; border-bottom: 1px solid #dcc8c8; }

/* -- 비디오 -- */
    .video li{ padding-bottom: 20px; }
    .video .name{ padding: 15px 0; }
    .video .q_btn a { display: inline-block; padding: 5px 10px; border: 1px solid #e5e5e5; }
    .video .q_btn label { float: right; display: inline-block; padding: 5px 0; }
    /*#video_view .video{ position: relative; padding-bottom: 56.25%; }*/
    /*#video_view .video iframe{ position: absolute; width: 100%; height: 100%; }*/
    #video_view .modal-body{ padding: 0; }

    /*.view .video{position: relative; padding-bottom: 56.25%;}*/
    /*.view .video iframe{position: absolute; width: 100%; height: 100%;}*/

    .vod_view th{ padding: 15px 10px; text-align: center; font-weight: 500; border-top: 1px solid #ab0505; background: #DFD2D2; }
    .vod_view td{ padding: 15px 10px; vertical-align: top; border-bottom: 1px solid #dcc8c8; }
    .vod_view .con{ padding: 0; border: 0; }
    .vod_view ul{ border-top: 1px solid #dcc8c8; }
    .vod_view li{ position: relative; padding: 5px 10px 5px 30px; border-bottom: 1px solid #dcc8c8; cursor: pointer; }
    .vod_view li i{ position: absolute; top: 5px; left: 10px; }
    .vod_view .on, .vod_view li:hover{ background: #dcc8c8; }
    .vod_view img{ width: auto; max-width: 100%; }
    @media (max-width:991px) {
        #board .vod_view .con{ padding: 0; border: 0; }
        #board .vod_view td{ padding: 0 0 15px 0; }
        .vod_view th{ display: block; float: left; width: 100%; }
        .vod_view td{ display: block; float: left; width: 100%; }
    }

/* 주문 */
    .order_tt { font-weight: 600; }
    .order th { text-align: center; padding: 10px 0; border-top: 1px solid #9E0B14; border-bottom: 1px solid #F0F0F0; }
    .order td { padding: 10px 0; border-bottom: 1px solid #F0F0F0;}
    .order li{ line-height: 40px; text-align: center; }
    .order img{ width: auto; }
    .order span{ font-weight: 500; }
    .order .pd_0{ padding: 5px 0; }
    .order .won{ padding: 10px; text-align: right; background: #F0F0F0; }
    .order .bg{ background: #F0F0F0; }
    .order .won i{ display: block; font-weight: 800; }
    .order .number div{ width: 60px; margin: 0 auto; }
    .order .number p{ float: left; width: 40px; font-size: 16px; }
    .order .number i{ float: left; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #e5e5e5; cursor: pointer; }
    
    .order_info { border-top: 1px solid #9E0B14; }
    .order_info th { text-align: center; padding: 10px; border-bottom: 1px solid #F0F0F0; background: #E2DEDE; }
    .order_info td { padding: 10px; border-bottom: 1px solid #F0F0F0;}
    .order_info label { display: inline-block; padding: 0 10px 0 0; }

    .order_end { text-align: center; }
    .order_end h2{ padding: 0 0 20px 0; font-weight: 700; }
    
    @media (max-width:991px) {
        .order th { display: block; float: left; width: 100%; text-align: center; }
        .order td { display: block; float: left; width: 100%; text-align: left;}
        .order li{ padding: 5px 0; text-align: left; overflow: hidden; }
        .order .pd_0{ text-align: center; }
        .order .number div{ margin: 0; }

        .order_info label { display: block; padding: 5px 0; }
    }

/* -- 페이징 -- */
    #page { font-size:12pt;padding: 3% 0 0 0; text-align: center; clear: both; }
    #page a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; }
    #page a:hover { color: #9e0b15; }
    #page .on {border-radius: 50%; color: #fff; background: #59493F; }
    #page .on:hover{ color: #fff; }
    #page .first, #page .prev, #page .next ,#page .last{ width: 20px; height: 40px; background: url('../../img/common/arrow.png') no-repeat; vertical-align: top; }
    #page .first{ background-position: -40px 8px; }
    #page .prev{ background-position: 0px 8px; margin: 0 2% 0 0; }
    #page .next{ background-position: -20px 8px; margin: 0 0 0 2%; }
    #page .last{ background-position: -60px 8px; }

/* -- 검색 -- */
    .board_search { font-size:12pt;width: 45%; margin: 0 auto; padding: 3% 0 0 0; text-align: center; }
    .board_search ul{ font-size: 12pt; }
    .board_search ul li{ font-size: 12pt;display: inline-block; width: 20%; padding: 0 1px; font-size: 12px; vertical-align: middle; }
    .board_search ul li:nth-child(2){ width: 40%; }
    .board_search input, .board_search select{font-size: 12pt; border-radius: 5px; }
    @media (max-width:991px) {
        .board_search { width: 95%; margin: 0 auto; }
        .board_search ul li{ font-size: 12px; }
    }
    @media (max-width:767px) {
        .board_search ul li{ font-size: 12px; }
    }
    
    
.btn_d72{background-color: #d7272a;text-align:center;font-size: 12pt;border-radius: 3px;}
.bd_e2d{font-weight:500;border-radius:3px;box-sizing: border-box;border:1px #e2dbd5 solid;text-align: center;font-size:12px;color:#4a413b;background-color: #ede8e4;}

.basebtn{padding:10px;color:#FFFFFF;font-weight:500;background-color:#55a9bb;text-align:center;font-size:20pt;border-radius: 3px;}
.basebtn2{padding:10px;color:#FFFFFF;font-weight:500;background-color:#55a9bb;text-align:center;font-size:20pt;border-radius:10px;}
.basebtn3{color:#FFFFFF;font-weight:500;background-color:#55a9bb;text-align:center;border-radius: 3px;}