@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* base */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, feldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
body { color:#343434; font-size:14px; line-height:26px; font-family:'Nanum Gothic', 'Malgun Gothic', sans-serif; }
ol, ul, li { list-style:none; }
img { vertical-align:middle; border:0; }

/* link */
a { color:#343434; text-decoration:none; }
a:hover { color:#656565; }
.f_12 { font-size:12px; color:#fa5b12; }
.f_bold { font-weight:bold; }
.t_left { text-align:left; }
.t_center { text-align:center; }
.t_right { text-align:right; }
.t_underline { text-decoration:underline; }
.t_pointcolor { color:#e43013; font-weight:bold; }

.banner_bg:before {position: absolute;
    left: 50%;
    top: 0px;
    width: 2000px;
    margin-left: -1000px;
    height: 100%;
    /*background: #f0f0f0;*/
	background: url(../images/banner_partbg.jpg) no-repeat center;
    border-bottom: 1px solid #d7d7d7;
    display: block;
    content: "";
    z-index: -1;}

#MAP_bg:before {position: absolute;
    left: 50%;
    top: 0px;
    width: 2000px;
    margin-left: -1000px;
    height: 100%;
    background: #f0f0f0;
    border-bottom: 1px solid #d7d7d7;
    display: block;
    content: "";
    z-index: -1;}

/*  배낭 리뉴얼 메인 - 지도  */
#MAP_bg { width:100%; background:#f0f0f0; padding:30px 0; }
#MAP_bg .map_box { position:relative; width:1100px; height:560px; border:1px solid #cdcdcd; margin:0 auto; margin-bottom:10px; z-index:2; }
#MAP_bg .map_course { width:1100px; text-align:center; margin:0 auto; }
#MAP_bg .map_course ul { display:flex; justify-content:space-between; flex-wrap:wrap; font-size:16px; letter-spacing:-0.5px; margin-bottom:7px; }
#MAP_bg .map_course ul li { width:213px; padding:7px 0; border:1px solid #cdcdcd; background:#fff; margin-right:6px; }
#MAP_bg .map_course ul li a { padding:7px 40px; }
#MAP_bg .map_course ul li:last-child{ margin-right:0px; }
/* 8칸
#MAP_bg .map_course ul li { width:132px; padding:7px 0; border:1px solid #cdcdcd; background:#fff; }
#MAP_bg .map_course ul li a { padding:7px 30px; }
*/
#MAP_bg .map_course ul li.course_ON { background:#d60051; }
#MAP_bg .map_course ul li.course_ON a, a:hover { color:#fff; font-weight:500; }
#MAP_bg .map_course ul li:hover { background:#d60051; }

.balloon { position:absolute; width:230px; padding:30px 20px 50px 20px; background:#fff; border-radius:20px; letter-spacing:-1px; z-index:1; opacity: 0.8; top:30px; left:15px; }
.balloon .course_tit { font-size:24px; color:#fff; width:110px; padding:5px 0; letter-spacing:-1px; font-weight:500; text-align:center; background:#d60051; border-radius:20px; }
.balloon ul { padding:20px 0 20px 5px; }
.balloon ul a { color:#343434; }
.balloon .course_subtit { font-size:24px; font-family:'Noto Sans KR'; font-weight:500; }
.balloon .course_city { font-size:18px; padding:13px 0; }
.balloon .course_tag { font-size:14px; color:#45769f; line-height:20px; }
.balloon .course_price { font-size:24px; color:#d60051; font-weight:500; padding:13px 0;}
.balloon .course_price .price_won { font-size:18px; padding:0 0 0 2px; }



/*  배낭 리뉴얼 메인 - 상품평  */
.backpack_comment { width:1100px; margin:0 auto; margin-top:20px; }
.backpack_comment .tit_comment { display:flex; justify-content:space-between; padding:0 0 20px 0; }
.backpack_comment .commt_section { display:flex; justify-content:space-between; }
.backpack_comment .commt_section .commt_box { width:255px; height:370px; }
.backpack_comment .commt_section .commt_IMG { width:255px; height:230px; object-fit:cover; }
.backpack_comment .commt_section .cmt_tit { font-size:16px; font-weight:600; letter-spacing:-1px; padding:15px 0 5px 0; }
.backpack_comment .commt_section .cmt_con { font-size:12px; letter-spacing:-1px; line-height:20px; }
.backpack_comment .commt_section .cmt_date { font-size:12px; color:#898989; }
.backpack_comment .commt_section .commt_box a:hover { color:#0074ce; text-decoration:none; }



/*  배낭 리뉴얼 메인 - 배너  */
.banner_bg { width:100%; height:125px; background:url(../images/banner_partbg.jpg) no-repeat center; }
.banner_backpack { width:1100px; height:125px; margin:0 auto; display:flex; justify-content:space-between; }


/*  단체배낭이 특별한 이유 */
.special_bg { width:100%; margin-bottom:100px; }
.special_bg .spc_mainIMG { width:100%; height:624px; background:url(http://www.naeiltour.co.kr/images/web/test/images/special_IMG01.jpg) no-repeat center top; }
.special_bg .spc_whylist { width:100%; height:695px; text-align:center; background:url(http://www.naeiltour.co.kr/images/web/test/images/special_IMG02_bg.jpg) repeat center top; }
.special_bg .spc_subIMG { width:100%; height:288px; background:url(http://www.naeiltour.co.kr/images/web/test/images/special_IMG03.jpg) no-repeat center top; }
.special_bg .spc_feature { width:100%; text-align:center; }
.special_bg .spc_feature ul li { padding:70px 0; }
.special_bg .spc_feature ul li.bg_gray { background:#f2f2f2; }


/*

/images/web/test/css/
/images/web/test/images/
*/