@charset "utf-8";

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; min-width: 1360px; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#header { z-index: 10; position: fixed; width: 100%; left: 0; top: 0; background-color: #7b7b7b; }
#container { padding-bottom: 150px; background-color: #f9f9f9; }
#footer { position: relative; background-color: #282828; }


/* HEADER */
#header .gnb { width: 1200px; margin: 0 auto; background: url("../images/inc/line_dot.png") repeat-y left top; }
#header .gnb ul { margin: 0; padding: 0; }
#header .gnb li { list-style: none; float: left; width: 30%; height: 70px; background: url("../images/inc/line_dot.png") repeat-y right top; }
#header .gnb a { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 18px; line-height: 70px; color: #ffffff; letter-spacing: -1px; text-align: center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header .gnb a:hover { background-color: #e35b01; }
#header .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#header .gnb li.home { width:10%; text-align:center; line-height:0; background-color: #e35b01; }
#header .gnb li.home a,
#header .gnb li.home a:hover { line-height:0; background-color: #e35b01; }


/* CONTAINER */
#container .spot { height: 390px; margin: 70px 0 0; background: url("../images/inc/spot.jpg") repeat-x center top; }
#container .spot .spot_outer { overflow: hidden; width: 1200px; margin: 0 auto; }
#container .spot .spot_outer .title { margin: 80px 72px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 34px; line-height: 34px; color: #000000; letter-spacing: -1px; text-align: left; }
#container .spot .spot_outer .title strong { display: block; margin-top: 22px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 600; font-size: 49px; line-height: 49px; color: #ffffff; letter-spacing: -1px; }
#container .spot .spot_outer p { margin: 25px 72px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #333333; letter-spacing: -1px; text-align: left; }
#container .spot .spot_outer p span { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #e51c12; letter-spacing: -1px; text-align: left; }


#container .outer { width: 1200px; margin: 0 auto; }

#container .product_list { margin: 80px auto 0; }
#container .product_list ul { margin: 0; padding: 0; }
#container .product_list li { list-style: none; width: 390px; float: left; margin: 0 15px 70px 0; }
#container .product_list li:nth-child(3n) { margin: 0 0 75px 0; }
#container .product_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container .product_list .box { background-color: #fff; border: 1px solid #e6e6e6; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container .product_list .thum { position: relative; margin: -1px -1px 0; line-height: 0; }
#container .product_list .thum img { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#container .product_list .subject { margin: 25px 30px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #777777; letter-spacing: -1px; text-align: left; }
#container .product_list .price { margin: 6px 30px 30px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 18px; color: #777777; letter-spacing: -1px; text-align: right; }
#container .product_list .price span { font-family: 'NanumSquare', sans-serif; font-style: normal; font-weight: 800; font-size: 18px; line-height: 18px; color: #e51c12; letter-spacing: -1px; text-align: right; }

#container .product_list .btn { margin: 10px 0 0; }
#container .product_list .btn ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#container .product_list .btn li { display: inline-block; vertical-align: top; list-style: none; float: none; width: 180px; height: 34px; margin: 0 5px 0; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; background-color: #787878; }
#container .product_list .btn li.select { background-color: #e51c12; }
#container .product_list .btn a,
#container .product_list .btn a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 34px; color: #ffffff; letter-spacing: -1px; text-align: center; }
#container .product_list .btn:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 서비스소개 */
#service { padding: 60px; border: 2px solid #faba04; background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;-webkit-box-show:20px 20px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow:20px 20px 0 rgba(0, 0, 0, 0.05); box-shadow:20px 20px 0 rgba(0, 0, 0, 0.05); }
#service.v1 { margin-top: 60px; border: 2px solid #cacaca; }
#service.v2 { position: relative; margin-top: -40px; }
#service h2 { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 32px; line-height: 32px; color: #e51c12; letter-spacing: -1px; text-align: left; }
#service.v1 h2 { color: #125e63; }

#service .service_list { margin: 40px 0 0; }
#service .service_list ul { margin: 0; padding: 0; }
#service .service_list li { list-style: none; margin: 45px 0 0; }
#service .service_list li:first-child { margin: 0; }
#service .service_list .subject { padding-left: 25px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 20px; line-height: 20px; color: #333333; letter-spacing: -1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url("../images/inc/dot.png") no-repeat left; }
#service.v1 .service_list .subject { background: url("../images/inc/dot_blue.png") no-repeat left; }
#service .service_list p { margin: 10px 0 0 25px; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #555555; letter-spacing: -1px; text-align: left; }
#service .service_list p span { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #e51c12; }
#service .service_list p strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 30px; color: #125e63; }
#service .service_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 상세보기 */
#detail { margin: 85px 0 0; }
#detail h2 { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 34px; line-height: 34px; color: #000000; letter-spacing: -1.5px; text-align: left; }
#detail .head { margin: 35px 0 0; font-size: 0; }
#detail .head .photo { display: inline-block; vertical-align: top; width: 600px; }
#detail .head .photo .thum { line-height: 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#detail .head .photo .thum img { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#detail .head .photo .thum_list { margin: 10px 0 0; }
#detail .head .photo .thum_list ul { margin: 0; padding: 0; }
#detail .head .photo .thum_list li { cursor: pointer; list-style: none; float: left; width: 194px; margin-left: 9px; line-height: 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#detail .head .photo .thum_list li img { width: 100%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#detail .head .photo .thum_list li:first-child { margin-left: 0; }
#detail .head .photo .thum_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#detail .head .side { display: inline-block; vertical-align: top; width: 552px; margin-left: 48px; }
#detail .head .side .side_list { }
#detail .head .side .side_list ul { margin: 0; padding: 0; }
#detail .head .side .side_list li { position: relative; list-style: none; font-size: 0; }
#detail .head .side .side_list .subject { display: inline-block; vertical-align: top; width: 86px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 36px; color: #222222; letter-spacing: -1px; text-align: left; }
#detail .head .side .side_list .info { display: inline-block; vertical-align: top; width: 430px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 36px; color: #444444; letter-spacing: -1px; text-align: left; }
#detail .head .side .side_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#detail .head .side .state { margin: 5px 0 0; }
#detail .head .side .state ul { margin: 0; padding: 0; }
#detail .head .side .state li { list-style: none; float: right; margin-left: 10px; padding: 0 45px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 32px; color: #333333; letter-spacing: -1px; text-align: left; background-color: #f9f9f9; border: 1px solid #c9c9c9; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#detail .head .side .state li.v1 { color: #094f82; background-color: #d0e4f3; }
#detail .head .side .state:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#detail .head .side .calendar { margin: 10px 0 0; }
#detail .head .side .calendar .year { position: relative; font-family: 'Gulim', 굴림, sans-serif; font-weight: bold; font-size: 12px; line-height: 40px; color: #fefefe; text-align: center; background-color: #7ab3dd; }
#detail .head .side .calendar .year .year_prev { position: absolute; width: 21px; height: 40px; left: 0; top: 0; background: url("../images/inc/year_left.png") no-repeat right; cursor: pointer; }
#detail .head .side .calendar .year .year_next { position: absolute; width: 21px; height: 40px; right: 0; top: 0; background: url("../images/inc/year_right.png") no-repeat left; cursor: pointer; }
#detail .head .side .calendar .body { padding: 5px; background-color: #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#detail .head .side .calendar .body .week {}
#detail .head .side .calendar .body .week ul { margin: 0; padding: 0; }
#detail .head .side .calendar .body .week li { list-style: none; float: left; width: 14.28571%; font-family: 'dotum', 돋움, sans-serif; font-weight: bold; font-size: 12px; line-height: 36px; color: #666666; text-align: center; background-color: #eeeeee; }
#detail .head .side .calendar .body .week:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#detail .head .side .calendar .body .day { background-color: #fff; }
#detail .head .side .calendar .body .day .list { }
#detail .head .side .calendar .body .day .list ul { margin: 0; padding: 0; }
#detail .head .side .calendar .body .day .list li { cursor: pointer; list-style: none; float: left; width: 14.28571%; height: 31px; font-family: 'dotum', 돋움, sans-serif; font-weight: normal; font-size: 12px; line-height: 31px; color: #666666; text-align: center; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#detail .head .side .calendar .body .day .list li.select { font-weight: bold; color: #003e6c; }
#detail .head .side .calendar .body .day .list li.no { background-color: #f9f9f9; }
#detail .head .side .calendar .body .day .list li.yes { background-color: #d0e4f3; }
#detail .head .side .calendar .body .day .list li:nth-child(7n) { border-right: none; }
#detail .head .side .calendar .body .day .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#detail .head .side .btn { margin: 10px 0 0; background-color: #e51c12; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#detail .head .side .btn a,
#detail .head .side .btn a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 34px; color: #ffffff; letter-spacing: -1px; text-align: center; }

#detail .content { margin: 60px 0 0; padding: 40px; min-height: 200px; border: 2px solid #cacaca; background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;-webkit-box-show:20px 20px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow:20px 20px 0 rgba(0, 0, 0, 0.05); box-shadow:20px 20px 0 rgba(0, 0, 0, 0.05); }




/* FOOTER */
#footer > .outer { width: 1140px; margin: 0 auto; font-size: 0; }

#footer > .outer .customer { display: inline-block; vertical-align: top; width: 350px; padding: 50px 0; border-right: 1px solid #484848; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer > .outer .customer .title { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 20px; line-height: 20px; color: #ffffff; letter-spacing: -1px; text-align: left; }
#footer > .outer .customer .tel { margin: 15px 0 0; font-family: 'NanumSquare', sans-serif; font-style: normal; font-weight: 800; font-size: 28px; line-height: 28px; color: #ffffff; letter-spacing: 0; text-align: left; }
#footer > .outer .customer .tel a,
#footer > .outer .customer .tel a:hover { font-family: 'NanumSquare', sans-serif; font-style: normal; font-weight: 800; font-size: 28px; line-height: 28px; color: #ffffff; letter-spacing: 0; text-align: left; }
#footer > .outer .customer p { margin: 20px 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 24px; color: #888888; letter-spacing: 0; text-align: left; }


#footer > .outer .side { display: inline-block; vertical-align: top; width: 720px; margin: 55px 0 0 70px; }

#footer > .outer .side .menu { }
#footer > .outer .side .menu .list { position: relative; }
#footer > .outer .side .menu .list ul { margin: 0; padding: 0; }
#footer > .outer .side .menu .list li { list-style: none; float: left; margin-right: 10px; background-color: #505050; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#footer > .outer .side .menu .list a,
#footer > .outer .side .menu .list a:hover { display: block; padding: 0 30px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 34px; color: #cccccc; letter-spacing: -1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer > .outer .side .menu .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .outer .side .copyright { margin: 25px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 24px; color: #888888; letter-spacing: 0; text-align: left; }



/* 약관 */
#agree { margin-top: -40px; padding: 60px; border: 2px solid #cacaca; background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;-webkit-box-show:20px 20px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow:20px 20px 0 rgba(0, 0, 0, 0.05); box-shadow:20px 20px 0 rgba(0, 0, 0, 0.05); }
#agree h3 { margin: 0; padding: 0; font-family: NanumSquare; font-style: normal; font-weight: 700; font-size: 26px; line-height: 30px; color: #000; letter-spacing: -1px; text-align: left; }
#agree p { margin: 20px 0 50px 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #555555; letter-spacing: -1px; text-align: left; }
#agree p strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: #333; }