/* 본문 */
.sub_contents { max-width: 1280px; margin: 0 auto; padding: 100px 15px 35px;}
.sub_contents img { max-width: 100%; }
@media (max-width: 768px) {
    .sub_contents { padding-top: 50px;}

}

.contents_body {max-width: 1280px; margin: 0 auto; padding: 100px 15px 35px;}


/* 상단 메뉴, nav,  사이드 메뉴 */
html.expand body { /* position:fixed; top:0; left:0; width:100%; */ }
html.expand #side_bgc {position: fixed; top:0; right:0; width:100%; height:100%;  background: rgba(0,0,0,.7); }

br.mo_none,
img.mo_none {display: block;}
br.pc_none,
img.pc_none {display: none;}
@media (max-width: 768px) {
    br.mo_none,
    img.mo_none {display: none;}
    br.pc_none,
    img.pc_none {display: block;}
}


.admin_link_btn { background:#fff; border:1px solid #ccc; width: 100px; position:absolute; top:0; left:0; padding:5px; text-align:center; z-index: 999; }
    @media (max-width: 768px) {     .admin_link_btn  {display: none;} }





/* 내용 입력 폰트 초기화 */
#ctt_con {
    font-family: unset;
    line-height: unset;
    max-width: 1280px; margin: 0 auto 30px; padding: 0 15px;
}

#ctt_con div,
#ctt_con p,
#ctt_con span { word-break: break-word !important; }
#ctt_con img { max-width: 100%;}


/* 중간 */

h1.page_title,
h2.page_title {font-weight: 500; font-size: 3.8rem; line-height: 1.0; margin: 30px 0 30px 0; padding-bottom: 15px; border-bottom: 1px dotted #dcdcdc; color: #313131;}


@media (max-width: 1024px) {
    .contents_body {padding: 50px 15px;}

    h1.page_title,
    h2.page_title { font-size: 2.4rem;}

}


.video-container {    position:relative;    padding-bottom:56.25%;    padding-top:0;    height:0;    overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed{    position:absolute;    top:0;    left:0;    width:100%;    height:100%;}


/* video */
#pop_youtube {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 1000;    background: rgba(0,0,0,0.9);    display: none;}
#pop_youtube #video_box {    position: fixed;    top: 50%;    left: 50%;    width: 860px;    height: 484px;    margin: -222px 0 0 -430px;    background: #000; }
#pop_youtube #video_box .pop_close {    position: absolute;    top: -61px;    right: 0;    display: block;    width: 41px;    height: 41px; background: transparent; font-size: 0;
    border: 0; outline: 0;
}
#pop_youtube #video_box .pop_close:after {content:"\e921"; font-size: 30px; font-family: 'xeicon'; color: #ffffff;}

@media (max-width: 860px) {
    #pop_youtube {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 1000;    background: rgba(0,0,0,0.9);    display: none;}
    #pop_youtube #video_box {    position:absolute;    top: 70px;    left: 0;    width: 100%;    height:100%;  margin:0;    background: #000; }

    #pop_youtube #video_box .pop_close {    position: absolute;  border:none;  top: -61px;    right: 0;    display: block;    width: 41px;    height: 41px;    font-size: 0;  background: transparent; border: 0; outline: 0; }
    #pop_youtube #video_box .pop_close:after {content:"\e921"; font-size: 30px; font-family: 'xeicon'; color: #ffffff;}

}









.tour_form {}
.tour_form * { box-sizing: border-box;}
.tour_form .conts  { max-width: 1200px; margin: 0 auto; padding: 0 15px;}


.tour_form h1 { font-weight: 500;  line-height: 1.0; font-size: 2.0rem; margin: 30px 0;}

.tour_form .bg_img.pc { width: 100%; height: 400px; background: url('<?php echo G5_THEME_IMG_URL?>/top_image_01.jpg') no-repeat 50% 70%; background-size: cover;}
.tour_form .bg_img.mobile { width: 100%; height: 300px; background: url('<?php echo G5_THEME_IMG_URL?>/top_image_02.jpg') no-repeat 50% 50%; background-size: cover; display: none;}

@media (max-width: 768px) {
    .tour_form .bg_img.pc  { display: none;}
    .tour_form .bg_img.mobile  { display: block;}
}


.tour_form span.req { font-size: 10px; color: #ff0000;}

.golf_day {  border: 1px solid #ddd;  padding: 10px;  margin-bottom: 8px;  background: #fafafa;}
.golf_day strong { display: inline-block;  width: 90px; }
.golf_day select {    width: 130px; }
.golf_day label { display: inline-block;  margin-left: 16px; }
#golf_date_wrap { min-height: 40px;  }
#golf_date_wrap .noti { line-height: 40px; color: #999999;}
#golf_date_wrap strong { font-weight: 500;}
#golf_date_wrap label { cursor: pointer;}
#golf_date_wrap select.frm_input { width: auto;}
@media (max-width: 768px) {
    #golf_date_wrap label { margin-top: 10px;}
}


.booking_form { }
.booking_form * { box-sizing: border-box;}
.booking_form .form_row { padding-left: 120px; padding-bottom: 10px;}
.booking_form .form_row:after {content:""; display:block; clear:both;}
.booking_form .form_row .col { width: 120px;  margin-left: -120px; display: block; float: left; line-height: 40px;}


.booking_form input.frm_input { min-width: 215px; }
.booking_form input.frm_input.short { min-width: auto; width: 100px;}
.booking_form select.frm_input { width: 215px;}
.booking_form label.radio { line-height: 40px; cursor: pointer;}

.booking_form .rencar_time { margin: 8px 0 0 0; display: none;}
.booking_form .rencar_time select.frm_input { width: 106px; font-size: 1.1rem;}


.booking_form .btn_wrap { text-align: center;}
.booking_form .submit { border: 0; width: 300px; height: 45px; line-height: 45px; text-align: center; border-radius: 8px; background: #145699; color: #fff; font-size: 1.6rem; margin: 30px 0;}




.result_box { max-width: 500px; padding: 30px 20px; background:  rgba(0,0,0,0.04);  margin: 40px auto 30px;}
.result_box h2 { margin-bottom: 20px; text-align: center;}

.result_box .golf_result_list {  margin: 0; }
.result_box .golf_result_list li {  background: #fff; padding: 5px 5px; margin-bottom: 5px;  line-height: 1.6;  }
.result_box .golf_result_list strong {  display: inline-block;   width: 100px; }

@media (max-width: 500px) {
    .result_box { margin: 40px 15px 30px;}    
}