@charset "utf-8";
/* main */
.content .view_img img{width:100%; height:100%;}
/*web*/
@media all and (min-width:801px) {
/*News1*/
.content { width:980px;  margin:auto; margin-top:50px; margin-bottom:50px; overflow:hidden; min-width:980px; }
.content h2.title {font-size:36px; color:#a6937c; line-height:36px;  margin-bottom:30px}
.board_topline {border-top:4px solid #ede8e1;}
.content .board {width:100%;  padding-top:20px; padding-bottom:20px; background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; overflow:hidden}
.content .board h3 {color:#a6937c; font-size:18px; height:35px;float:left;  width:100%}
.content .board p.txt{font-size:13px; color:#707070; line-height:18px; float:left;  width:100%}
.content .board p.date {font-size:12px; color:#b5b5b5; margin-top:30px;float:left}
.content .list_img {border:5px solid #eeeeee; width:200px; height:133px; float:left; margin-right:20px}
.content .list_img img{width:100%; height:99.8%}
.content .board .list{float:left; padding-top:20px;}
.content .board .listsize{width:740px}
.content .board .left_txt {float:left; width:600px; font-size:14px; line-height:18px; color:#707070;text-align:justify}

.page {/*margin:auto; width:456px; */ text-align:center; margin-top:30px; clear:both}
.page span {text-align:center;display:inline-block;width:30px; border:1px solid #d2d2d2;  height:20px;  padding-top:5px;}
.page span strong {color:#d29a43}
/*
.page li { text-align:center; margin:0 3px 0 3px; width:30px; border:1px solid #d2d2d2;  height:20px; float:left; padding-top:5px}
.page li strong {color:#d29a43}
*/

.content .board_view {width:100%;  padding-bottom:20px; background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; overflow:hidden; }
.content .board_view h3 {color:#a6937c; font-size:30px; padding-bottom:35px;float:left; width:100%;}
.content .board_view p.txt{clear:both;font-size:13px; color:#707070; line-height:22px; float:left; padding-top:45px; padding-bottom:45px; width:100%}
.content .view_img {border:5px solid #a6937c; width:700px; height:463px; float:left; }
.content .view_img_thum {width:230px; float:right; margin-top:20px}
.content .view_img_thum li{width:105px; height:105px; padding-bottom:10px; float:left; padding-left:10px }
.content  .alt_box{float:right; background:#a6937c url(/Assets/images/board/bg_alt.jpg) no-repeat 20px bottom ; padding:15px 50px 25px 50px;width:170px; height:78px; color:#fff; font-size:12px; line-height:16px;}
.content .view_img_thum li img{width:100%; height:100%}
.content .board_view .list{float:left; padding-top:7px;}
.page_list li {background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; font-size:13px; height:18px; padding-top:9px; padding-bottom:4px}
.page_list li span{display:inline-block; width:100px}
.page_list li span img{margin-top:-2px}
.btn_set {padding-top:20px; text-align:right}
.btn_set img{width:100px;height:auto}
}

/*Tablet*/
@media all and (min-width: 481px) and (max-width: 768px) {
/*News1*/
.content { padding:0 2% 0 2%; overflow:hidden; float:left; margin-bottom:50px ; }
.content h2.title {font-size:195%; color:#a6937c; line-height:110%; margin-bottom:25px}
.content .board {width:100%;  padding-top:20px; padding-bottom:20px; background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; overflow:hidden}
.content .board h3 {color:#a6937c; font-size:135%; height:30px;float:left; width:100%}
.content .board p.txt{font-size:95%; color:#707070; line-height:18px; float:left;width:100%}
.content .board p.date {font-size:12px; color:#b5b5b5; margin-top:10px;float:left}

.content .list_img {border:5px solid #eeeeee; width:190px; height:126px; float:left; margin-right:20px}
.content .list_img img{width:100%; height:99.7%}
.content .board .list{float:left; padding-top:20px}
.content .board .listsize{width:60%}
.content .board .left_txt {float:left; width:600px; font-size:95%; line-height:18px; color:#707070;text-align:justify}
.board_topline {border-top:4px solid #ede8e1;}
.page {/*margin:auto; width:456px;*/  text-align:center; margin-top:30px; clear:both; }
.page span {text-align:center;display:inline-block;width:30px; border:1px solid #d2d2d2;  height:20px;  padding-top:5px;}
.page span strong {color:#d29a43}
/*.page li { text-align:center; margin:0 3px 0 3px; width:30px; border:1px solid #d2d2d2;  height:20px;  padding-top:5px; float:left;}
.page li strong {color:#d29a43}*/

.content .board_view {float:left; padding-top:20px;width:100%;}
.content .board_view {width:100%;   padding-bottom:20px; background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; overflow:hidden;}
.content .board_view h3 {color:#a6937c; font-size:30px; padding-bottom:20px;float:left}
.content .board_view p.txt{clear:both; font-size:13px; color:#707070; line-height:18px; float:left; padding-top:20px; width:96%;  }
.content .view_img {border:5px solid #a6937c; width:72%; height:auto; float:left; }
.content .view_img_thum {width:22%; float:right;padding-top:10px }
.content .view_img_thum li{width:46%; height:auto; padding-bottom:4%; float:left; padding-left:4%}
.content .view_img_thum li img{width:100%; height:100%}
.content  .alt_box{float:left; background:#a6937c url(/Assets/images/board/bg_alt2.jpg) no-repeat 20px bottom ; padding:2% 2% 1% 2%;width:22.5%;  color:#fff; font-size:95%; line-height:16px;  vertical-align:bottom; height:75px}

.page_list li {clear:both;background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; font-size:13px; height:18px; padding-top:9px; padding-bottom:4px}
.page_list li span{display:inline-block; width:100px}
.page_list li span img{margin-top:-2px}
.btn_set {padding-top:20px; text-align:right}
.btn_set img{width:100px}
}

/*Tablet(600)*/
@media all and (min-width: 600px) and (max-width: 600px) {
.content .view_img {border:5px solid #a6937c; width:420px; height:auto; float:left; }
.content .view_img_thum {width:130px; float:right; }
.content .view_img_thum li{width:60px; height:60px; padding-bottom:5px; float:left; padding-left:5px}
.content .view_img_thum li img{width:100%; height:100%}
.content  .alt_box{float:left; background:#a6937c url(/Assets/images/board/bg_alt2.jpg) no-repeat 20px bottom ; padding:10px 10px 10px 19px;width:115px; height:63px; color:#fff; font-size:11px; line-height:15px;}
}

/*Tablet(아이폰5)568*/
@media all and (min-width: 568px) and (max-width: 568px) {
.content .board {width:100%;  padding-top:10px; padding-bottom:10px; background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; overflow:hidden}
.content .board .list{float:left; padding-top:10px}
.content .board h3 {color:#a6937c; font-size:110%; height:20px;float:left; width:100%}
.content h2.title {font-size:130%; color:#a6937c; line-height:140%; margin-bottom:10px;}
.content p.txt a{font-size:65%; color:#707070; line-height:140%;  text-align:justify;}
.content p a{text-decoration:none;color:#707070; vertical-align:middle; height:100%}
.content p a:visited{text-decoration:none;color:#707070; vertical-align:middle; height:100%}
.btn_set {padding-top:20px; text-align:right}
.btn_set img{width:100px;height:80px}
.content .list_img {border:5px solid #eeeeee; width:170px; height:115px; float:left; margin-right:20px}
.page {/*margin:auto; width:340px; */ text-align:center; margin-top:30px; clear:both; }
.page span {text-align:center;display:inline-block;width:20px; border:1px solid #d2d2d2;  height:17px;  padding-top:5px;font-size:70%}
.page span strong {color:#d29a43}

/*.page li { text-align:center; margin:0 3px 0 3px; width:20px; border:1px solid #d2d2d2;  height:17px; float:left; padding-top:5px;font-size:70%}
.page li strong {color:#d29a43}*/
.page_list li {background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; padding:7px 0 7px 0; font-size:55%}
.page_list li span{display:inline-block; width:100px; }

.content .view_img {border:5px solid #a6937c; width:390px; height:auto; float:left; }
.content .view_img_thum {width:130px; float:right; }
.content .view_img_thum li{width:55px; height:55px; padding-bottom:10px; float:left; padding-left:10px}
.content .view_img_thum li img{width:100%; height:100%}
.content  .alt_box{float:left; background:#a6937c url(/Assets/images/board/bg_alt2.jpg) no-repeat 20px bottom ; padding:10px;width:125px; height:43px; color:#fff; font-size:11px; line-height:16px;}
.content .list_img img{width:100%; }
.content .board p.txt{font-size:85%; color:#707070; line-height:100%; float:left;width:100%}
.content .board p.date {font-size:80%; color:#b5b5b5; margin-top:10px;float:left}
.btn_set img{width:17%; height:auto}
.page_list li {clear:both;background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; padding:9px 0 7px 0; font-size:55%}
}

/*Tablet(갤럭시노트)800*/
@media all and (min-width: 769px) and (max-width: 800px) {
/*News1*/
.content { width:100%; height:auto; margin:auto; overflow:hidden; }
.content h2.title {font-size:195%; color:#a6937c; line-height:110%; margin-bottom:25px}
.content .board {width:100%; padding-top:15px;  padding-bottom:20px; background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; overflow:hidden}
.content .board h3 {color:#a6937c; font-size:135%; height:30px;float:left; width:100%;}
.content .board p.txt{font-size:95%; color:#707070; line-height:18px; float:left;width:100%;}
.content .board p.date {font-size:12px; color:#b5b5b5; margin-top:10px;float:left}
.content .list_img {border:5px solid #eeeeee; width:160px; height:106px; float:left; margin-right:20px}
.content .list_img img{width:100%; height:99.8%}
.content .board .list{float:left; padding-top:20px;padding-top:20px}
.content .board .listsize{width:490px}
.content .board .left_txt {float:left; width:600px; font-size:95%; line-height:18px; color:#707070;text-align:justify}

.page {/*margin:auto; width:456px;*/text-align:center; margin-top:30px; clear:both}
.page span {text-align:center;display:inline-block;width:30px; border:1px solid #d2d2d2;  height:20px;  padding-top:5px;}
.page span strong {color:#d29a43}
/*.page li { text-align:center; margin:0 3px 0 3px; width:30px; border:1px solid #d2d2d2;  height:20px; float:left; padding-top:5px}
.page li strong {color:#d29a43}*/
.board_topline {border-top:4px solid #ede8e1;}
.content .board_view {width:100%;   padding-bottom:20px; background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; overflow:hidden}
.content .board_view h3 {color:#a6937c; font-size:30px; padding-bottom:20px;float:left}
.content .board_view p.txt{font-size:13px; color:#707070; line-height:18px; float:left; padding-top:20px; width:100%; clear:both}
.content .view_img {border:5px solid #a6937c; width:567px; height:375px; float:left; }
.content .view_img_thum {width:180px; float:right}
.content .view_img_thum li{width:80px; height:80px; padding-bottom:10px; float:left; padding-left:10px}
.content .view_img_thum li img{width:100%; height:100%}
.content .board_view .list{float:left; padding-top:20px;}
.content  .alt_box{float:right; background:#a6937c url(/Assets/images/board/bg_alt2.jpg) no-repeat 20px bottom ; padding:10px 35px 32px 35px;width:153px; height:63px; color:#fff; font-size:12px; line-height:16px; }
.page_list li {background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; font-size:13px; height:18px; padding-top:9px; padding-bottom:4px}
.page_list li span{display:inline-block; width:100px}
.page_list li span img{margin-top:-2px}
.btn_set {padding-top:20px; text-align:right}
.btn_set img{width:100px;height:auto}
}

/*mobile*/
@media all and (max-width: 480px) {
/*News1*/
.content { padding:0 2% 0 2%; overflow:hidden; float:left; margin-bottom:50px ;padding-top:20px;}
.content h2.title {font-size:195%; color:#a6937c; line-height:1.2em; }
.content .board .list{ padding-top:20px;padding-top:20px}
.content .board .left_txt {width:100%; font-size:120%; line-height:150%; color:#707070; text-align:left}
.content .board .right_img {width:100%; text-align:center}
.content .board .right_img img{width:70%}
.content .board p.go_home {width:95%; margin:auto; margin-top:20px; margin-bottom:20px;}
.content .board p.go_home a{text-decoration:none;color:#a6937c; font-size:130%; text-align:left; display:block; padding-left:50px;background:url(/Assets/images/contents/bl_arrow_mobile.jpg) no-repeat 0 5px}
.content .board p.go_home a:visited {text-decoration:none;color:#a6937c;}
.content .board p.go_home img{display:none}

.content .board {width:100%;  padding-top:20px;   padding-bottom:20px; background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; overflow:hidden;}
.content .board h3 {color:#a6937c; font-size:180%; padding-bottom:20px;}
.content .board p.txt{font-size:130%; color:#707070; line-height:140%;}
.content .board p.date {font-size:100%; color:#b5b5b5; margin-top:30px;}
.content .list_img {border:5px solid #eeeeee; }
.content .board .list{ padding-top:10px; }

.page {/*margin:auto; width:456px;*/  text-align:center; margin-top:30px; clear:both}
.page span {text-align:center;display:inline-block;width:30px; border:1px solid #d2d2d2;  height:20px;  padding-top:5px;}
.page span strong {color:#d29a43}  
/*.page li { text-align:center; margin:0 3px 0 3px; width:30px; border:1px solid #d2d2d2;  height:20px; float:left; padding-top:5px}
.page li strong {color:#d29a43}*/

.page_list li {background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom;   float:left; padding:10px 0 10px 0;}
.page_list li.w50 {width:50%}
.page_list li.w100 {width:100%}
.page_list li  img{visibility:hidden}
.page_list li span.next{width:115px; background:url(/Assets/images/board/btn_next_mobile.jpg) no-repeat left; display:block; float:left}
.page_list li span.prev{width:115px; background:url(/Assets/images/board/btn_prev_mobile.jpg) no-repeat right; display:block;float:right}


.content .board_view {width:100%;   padding-bottom:20px; background:url(/Assets/images/board/bg_dotline.jpg) repeat-x bottom; overflow:hidden;  border-top:4px solid #ede8e1;}
.content .board_view h3 {color:#a6937c; font-size:195%; padding-bottom:20px}
.content .board_view p.txt{font-size:130%; color:#707070;  line-height:160% ; padding-top:10px; }
.content .view_img {border:none; width:100%; height:auto; }
.content .view_img_thum {margin:15px auto; width:92%;}
.content .view_img_thum ul{overflow:hidden; margin:auto; width:100%; }
.content .view_img_thum li{width:73px;  height:73px; float:left; padding-left:3% }
.content .view_img_thum li.first{padding-left:0}
.content .view_img_thum li img{width:100%; height:100%}
.content .board_view .list{float:left; padding-top:20px;}

.btn_set {padding-top:20px; text-align:right; clear:both}
.mobile {display:none}
.content  .alt_box{ background:#bcae9d url(/Assets/images/board/bg_alt3.jpg) no-repeat left bottom ; padding:5%;width:96%; height:50px; color:#fff; font-size:150%; line-height:115%; }
.board_topline {border-top:4px solid #ede8e1;}
}



/*mobile아이폰360*/
@media all and (min-width: 320px) and (max-width: 360px) {
.content .board_view h3 {color:#a6937c; font-size:165%; padding-bottom:20px}
.page {/*margin:auto; width:340px;*/  text-align:center; margin-top:30px; clear:both; }
.page span {text-align:center;display:inline-block;width:20px; border:1px solid #d2d2d2;  height:15px;  padding-top:5px; font-size:70%}
.page span strong {color:#d29a43}  
/*.page li { text-align:center; margin:0 3px 0 3px; width:20px; border:1px solid #d2d2d2;  height:15px; float:left; padding-top:5px;font-size:70%}
.page li strong {color:#d29a43}
*/
.content .view_img_thum {margin:10px auto; width:100%;position:relative; }
.content  .alt_box{background:#bcae9d url(/Assets/images/board/bg_alt3.jpg) no-repeat left bottom ; padding:5%;width:96%; height:50px; color:#fff; font-size:120%; line-height:125%; }
.btn_set img{width:32%}
.content .view_img_thum li{width:17.6%; height:60px; float:left; padding-left:3% }

}

/*mobile아이폰320*/
@media all and (min-width: 1px) and (max-width: 320px) 
{
.page {width:86%; text-align:center; margin-top:30px; clear:both; }
.page span {text-align:center;display:inline-block;width:18px; border:1px solid #d2d2d2;  height:15px;  padding-top:5px; font-size:65%;}
.page span strong {color:#d29a43}    
 /*
.page li { text-align:center;  width:18px; border:1px solid #d2d2d2;  height:15px; float:left; padding-top:5px;font-size:65%; margin:0 1px 0 1px}
.page li strong {color:#d29a43}
*/
.btn_set {padding-top:20px; text-align:right}
.btn_set img{width:100px;height:auto}

.content .view_img_thum {margin:10px auto; width:100%;position:relative; }
.content  .alt_box{background:#bcae9d url(/Assets/images/board/bg_alt3.jpg) no-repeat left bottom ; padding:5%;width:96%; height:50px; color:#fff; font-size:120%; line-height:125%; }
.content .view_img_thum li{width:57px;height:57px; float:left; padding-left:5px }
}