@charset "utf-8";
@import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");
/* 공통 */
#contents {width:100%; position:relative; margin:0 auto !important; overflow:hidden;}
img {max-width:none !important;}
.page_100 {width:100%; height:300px; position:relative; text-align:center; overflow:hidden;}
.page_100 img {position:absolute; top:0; left:50%; margin-left:-1000px;}
.page_con {width:1000px; position:relative; margin:0 auto;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}
.ml50 {margin-left:50px;}
.mb50 {margin-bottom:50px;}
.clear {clear:both;}



/* 페이지 카테고리 */
#page_category {width:1000px; margin:60px auto 0 auto;}
.page_category_title {width:200px; float:left;}
.page_category_menu {width:800px; float:left;}
.page_category_menu li {float:left;}

/* 2017 여름캠프 */
#camp_menu {width:160px; position:absolute; top:560px; left:50%; margin:0px 0 0 -700px; margin-top: 30px; z-index:100;}
#camp_menu ul {width:160px; border-left:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; background:#fff;}
#camp_menu li {padding:12px 0 14px 0; font-family:'Noto Sans KR', sans-serif; font-size:14px; line-height:20px; letter-spacing:-0.5pt; text-align:center; border-bottom:1px solid #ccc;}
#camp_menu li a:hover {color:#dc1626; text-decoration:none;}
#camp_btn {position:absolute; top:560px; right:50%; margin:0px -650px 0 0; margin-top: 40px;; z-index:100;}
#camp_btn li {margin-top:10px;}
.camp_pro_btn {margin:75px auto 0 auto; text-align:center;}

/* 캠프초보가이드 */
.camp_guide_btn01 {position:absolute; top:50px; right:24px;}
.camp_guide_btn02 {position:absolute; top:100px; right:24px;}
.camp_guide_btn03 {position:absolute; top:270px; right:24px;}

/* 캠프새소식 */
.camp_news {position:relative;}
.camp_news_bar {margin-bottom:10px; padding:12px 0; background:#ffba00;}
.camp_news_bar dl {float:left; font-family:'Noto Sans KR', sans-serif; font-size:20px !important; font-weight:bold; color:#fff;}
.camp_news_title {width:800px; text-align:center;}
.camp_news_date {width:200px; text-align:center; border-left:1px solid #fff; box-sizing:border-box;}
.camp_news li {font-family:'Noto Sans KR', sans-serif; font-size:15px; color:#222; padding:10px 0; border-bottom:1px solid #ddd; clear:right; overflow:hidden;}
.camp_news li span.tit {float:left; padding-left:10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.camp_news li span.date {float:right; padding-right:54px; color:#999; display:block;}
.camp_news li span.date_m {float:right; display:none;}
.camp_news li img {margin-right:8px; vertical-align:middle;}
.camp_news li a span {border-bottom:1px solid #fff;}
.camp_news li a:hover span {color:#dc1626;} 
.camp_news .more {position:absolute;right:0;top:-44px;width:53px;height:23px;line-height:23px;background:url(../images/bg_smore.png) no-repeat;background-size:53px 23px;color:#fff;text-align:center;}
.camp_news .more:hover {background:url(/images/bg_smore_over.png) no-repeat;}

/* 캠프후기 */
.camp_review {overflow:hidden;}
.camp_review_tab li {float:left; border-bottom:1px solid #f89e02;}
.camp_review_tab li:first-child {border-left:1px solid #ddd;}
.camp_review_tab li a {width:124px; height:54px; padding-top:14px; font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#222; text-align:center; letter-spacing:-0.5pt;border-top:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; background:#fff; display:inline-block;}
.camp_review_tab li a:hover {text-decoration:none; color:#f89e02;}
.camp_review_tab li.on a{color:#fff; border-top:1px solid #f89e02; border-right:1px solid #f89e02; background:#f89e02;}
.camp_review_recent {padding:20px 10px; text-align:right;}
.camp_review_recent button {padding-left:14px; margin-left:10px; font-family:'Noto Sans KR', sans-serif; font-size:14px; color:#777; background:url(/camp/images/bg_bar.png) no-repeat 0 4px;}
.camp_review_recent button:first-child {background:none;} 
.camp_review_recent button a:hover span {text-decoration:none;}
.camp_review_recent button.on span {color:#222;}
.camp_review_cont {position:relative; overflow:hidden;}
.camp_review_cont li {width:320px; float:left; padding:30px; margin:0 13px 40px 0; border:1px solid #ddd; box-sizing:border-box;}
.camp_review_cont li:nth-child(3), .postscript .list li:nth-child(6), {margin:0 0 40px 0;}
.camp_review_cont li p {font-family:'Noto Sans KR', sans-serif; margin-top:-4px; overflow:hidden;}
.camp_review_cont li p .nation {padding:4px 10px; font-size:13px; color:#fff; letter-spacing:-1px; background:#dc1626; display:inline-block;}
.camp_review_cont li p .date {float:right; font-size:13px; color:#999;}
.camp_review_cont li dl {margin-top:10px; clear:right;}
.camp_review_cont li dt {padding-bottom:14px; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:bold; color:#222; letter-spacing:-1px; border-bottom:1px solid #ddd; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.camp_review_cont li dt a:hover {color:#dc1626; text-decoration:none;}
.camp_review_cont li dt .who {margin-top:4px; font-family:'Noto Sans KR', sans-serif; font-size:13px; font-weight:bold; color:#999; letter-spacing:-0.5px; display:block;}
.camp_review_cont li dd {padding-top:12px; font-family:'Noto Sans KR', sans-serif; font-size:13px; color:#555; line-height:22px;}
.camp_review_cont li dd a:hover {color:#999; text-decoration:none;}
.camp_review_cont li dd.typeA {height:134px; overflow:hidden;}
.camp_review_cont li dd.typeB {height:306px; overflow:hidden;}
.camp_review_cont li .thumb {width:260px; height:160px; margin-top:16px; overflow:hidden;}
.camp_review_cont li .thumb img {max-width:100%; height:160px;}
.camp_review_cont li .over {display:block;}
.camp_cont_none {width:1000px !important; height:140px !important; padding-top:80px !important; font-family:'Noto Sans KR', sans-serif; font-size:20px !important; color:#555; text-align:center; border:none !important;}

/* 캠프갤러리&동영상 */
.camp_gallery .grid {position:relative;}
.camp_gallery .grid .item {width:318px; height:400px; float:left; position:relative; margin:0 20px 40px 0; border:1px solid #ddd;}
.camp_gallery .grid .item .item-text {width:318px; height:100px; position:absolute; bottom:0; left:0; padding:20px; box-sizing:border-box; background:#fff;}
.camp_gallery .grid .item .item-text dl {font-family:'Noto Sans KR', sans-serif; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.camp_gallery .grid .item .item-text dl.nation {margin-bottom:4px; padding:4px 10px; font-size:13px; color:#fff; letter-spacing:-1px; background:#dc1626; display:inline-block;}
.camp_gallery .grid em {position:absolute; top:110px; left:120px;}
.camp_gallery .grid em img {display:block;}
.camp_gallery .grid-1 div:nth-child(4) {clear:left;}
.camp_gallery .grid-0 .text {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.camp_gallery .grid-0 .text1 {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100% !important;}
.camp_gallery .item-2 , .grid-0 .item-3 , .grid-1 div:nth-child(3), .grid-1 div:nth-child(6), .grid-1 div:nth-child(9), .grid-1 div:nth-child(12), .grid-1 div:nth-child(15) {margin-right:0 !important;}
.camp_gallery .grid .item .item-text .text a span {display:inline;}
.camp_gallery .grid .item .item-text .text a:hover span {border-bottom:1px solid #222;}
.camp_gallery .grid .item-visual:hover + .item-text .text a span {border-bottom:1px solid #222;}
.camp_gallery .grid .item-visual {height:300px; position:relative; overflow:hidden;}
.camp_gallery .grid .item_over {width:320px; height:300px; position:absolute; top:0; left:0; padding-top:135px; 
font-family:'Noto Sans KR', sans-serif; font-size:18px; color:#fff; text-align:center; letter-spacing:-1pt; background:rgba(0,0,0,0.5); z-index:2; cursor:pointer;}

.camp_video_tab li {float:left; border-bottom:1px solid #f89e02; box-sizing:border-box;}
.camp_video_tab li:first-child {border-left:1px solid #ddd;}
.camp_video_tab li a {width:249px; height:54px; padding-top:14px; font-family:'Noto Sans KR', sans-serif; font-size:18px; color:#222; line-height:18px; text-align:center; border-top:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; background:#fff; display:inline-block;}
.camp_video_tab li a:hover {text-decoration:none; color:#f89e02;}
.camp_video_tab li.on a{color:#fff; border-top:1px solid #f89e02; border-right:1px solid #f89e02; background:#f89e02;}

/* 캠프Q&A */
.camp_qna {position:relative;}
.camp_qna_title {margin-bottom:0px; padding:12px 0; font-family:'Noto Sans KR', sans-serif; font-size:20px !important; font-weight:bold; color:#fff; text-align:center; background:#ffba00;}
.camp_qna .que {padding:0 30px; border-bottom:1px solid #ddd; background:#fff; clear:both; overflow:hidden;}
.camp_qna .que span {padding-right:30px; font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight:bold; color:#222; line-height:46px;}
.camp_qna .que a:hover {color:#dc1626; text-decoration:none;}
.camp_qna .que img {float:right; vertical-align:middle; cursor:pointer;}
.camp_qna .ans {padding:14px 30px 30px 30px; border-bottom:1px solid #ddd; background:#f5f5f5; display:none;}
.camp_qna .ans span {padding-right:30px; font-family:'Noto Sans KR', sans-serif; vertical-align:top; color:#555; line-height:26px; display:inline-block;}
.camp_qna .ans span.ans_tit {font-size:16px; font-weight:bold;}
.camp_qna .ans span.ans_txt {width:600px; font-size:14px; font-weight:normal;}
.camp_qna .ans img {float:right; cursor:pointer;}

.camp_qna .table_head{position:relative; border-bottom:1px solid #ddd; padding-bottom:8px}
.camp_qna .table_head .n_tit{float:left;margin:0 0 0 15px}
.camp_qna .n_add{position:absolute;right:0;top:0}
.camp_qna table {width:100%}
.camp_qna table td{text-align:center;color:#666;font-size:16px;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #cecece;}
.camp_qna table td p{width:100%}
.camp_qna table td a{color:#666;font-size:16px;width:100%;height:100%}
.camp_qna select{border:1px solid #ccc;background:#f6f6f6;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:155px;color:#5c5c5c;font-size:16px;font-family:'Noto Sans KR', sans-serif;line-height:16px;padding:.5% 1%;}
.camp_qna .qa_list{margin-top:5px}
.camp_qna .qa_list caption{height:53px;font-size:18px;line-height:53px;letter-spacing:-1px;font-weight:bold;border-top:1px solid #9b9b9b;border-bottom:1px solid #9b9b9b;background:#f6f6f6;}
.camp_qna .qa_list td{text-align:left;background:#f6f6f6;}
.camp_qna .qa_list td button	{color:#5c5c5c;font-size:16px;line-height:24px;letter-spacing:-1px;vertical-align:top;margin-top:2px;font-weight:bold;}
.camp_qna .qa_list td span{color:#5c5c5c;font-size:16px;line-height:24px;letter-spacing:-1px;vertical-align:top;}
.camp_qna .qa_list td button img,
.camp_qna .qa_list td span img{width:100%}
.camp_qna .qa_list td span{display:block;width:70%;margin:-2.2% 0 0 26%;background:url(/camp/images/faqgjcamp.png) no-repeat; padding-top:30px;}
.camp_qna .qa_list td .accCon{margin:0 6% 0 3%}
.camp_qna .qa_list td .faqbtn{float:right; margin-right:30px;cursor:pointer;}
.camp_qna .qa_list .que{padding:1.2% 0 1.2%;background:#fff;}
.camp_qna .qa_list .ans{display:none;padding:1.2% 0 1.0%; background:url(/camp/images/faqbg.png) no-repeat 30px bottom; border-top:3px solid #ececec;line-height: 1.6em;}

.why_tab li {float:left;}