@charset "utf-8";

#atc01{overflow:hidden;position:relative;width:100%;background:url(/sh_img/include/include_01/img/atc01_bg.jpg) top #404041 no-repeat}
#atc01 .wt_box{position:absolute;overflow:hidden;left:0;top:0;z-index:1;content:'';width:50%;height:910px;background:#fff}
#atc01 .wt_box .scroll_txt{position:absolute;bottom:-68px;z-index:1;width:1000px;font-size:162px;letter-spacing:-1px;color:#fafafa;font-style:italic;font-family:'Rozha One'}

/*room_info*/
#atc01 .room_info_area{position:relative;z-index:10;width:1200px;height:1734px;margin:0 auto}
#atc01 .room_info_area .room_slide{position:absolute;top:200px;width:1200px;height:559px}
#atc01 .room_info_area .room_info{width:1200px;height:559px}
#atc01 .room_info_area .room_info .r_img{position:relative;top:-60px;overflow:hidden;width:670px;height:559px;opacity:0;transition:all 1s}
#atc01 .room_info_area .room_info .r_img img{transition:all .5s}
#atc01 .room_info_area .room_info .r_info{position:absolute;right:0;bottom:-60px;width:600px;height:460px;background:url(/sh_img/include/include_01/img/txt_box_bg.jpg) no-repeat;opacity:0;transition:all 1s}
#atc01 .room_info_area .room_info .r_img:hover img{transform:scale(1.1,1.1)}


#atc01 .room_info_area .room_info.active .r_img{top:0;opacity:1}
#atc01 .room_info_area .room_info.active .r_info{bottom:0;opacity:1}

#atc01 .room_info_area .r_info .s_tit{font-size:18px;color:#6e6d6c;font-family:'Rozha One','notokr-bold'}
#atc01 .room_info_area .r_info .info{width:100%;padding-top:183px}
#atc01 .room_info_area .r_info .r_name{position:relative;margin-bottom:10px;font-size:27px;color:#333;font-family:'notokr-bold'}
#atc01 .room_info_area .r_info .price{position:absolute;right:0;bottom:5px;font-size:23px;color:#fa962b}
#atc01 .room_info_area .r_info .r_txt{margin-bottom:20px;font-size:14px;line-height:24px;color:#888;font-family:'notokr-regular'}
#atc01 .room_info_area .r_info .more{font-size:14px;font-family:'Rozha One'}
#atc01 .room_info_area .r_info .more a{color:#9a9a9a;transition:all .3s}
#atc01 .room_info_area .r_info .more a:hover{color:#333}
#atc01 .room_info_area .line_area{overflow:hidden;width:1200px;height:910px}
#atc01 .room_info_area .line_area > div{float:left;width:25%;height:910px;border-left:1px solid rgba(0,0,0,.1)}
#atc01 .room_info_area .line_area > div:last-child{border-color:rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}
#atc01 .room_info_area .line_area > div:first-child{margin-top:0}
/* PAGER */
#atc01 .room_info_area .bx-wrapper:first-child{margin-bottom:30px}
#atc01 .room_info_area .bx-wrapper .bx-pager.bx-default-pager a{background:#b7b7b7;transition:all .3s;text-indent: -9999px;display: block;width:8px;height:8px;margin:0 4px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:10px}
#atc01 .room_info_area .bx-wrapper .bx-pager.bx-default-pager a:hover,
#atc01 .room_info_area .bx-wrapper .bx-pager.bx-default-pager a.active,
#atc01 .room_info_area .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#f2b700;transition:all .3s}
#atc01 .room_info_area .bx-wrapper .bx-pager-item,
#atc01 .room_info_area .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;vertical-align: bottom;*zoom: 1;*display: inline}
#atc01 .room_info_area .bx-wrapper .bx-pager-item {font-size: 0;line-height:0}
#atc01 .room_info_area .bx-controls.bx-has-pager {position:absolute;right:70px;top:174px;z-index:1000}

/*ps gall*/
#atc01 .ps_gall{position:relative;width:100%;height:1037px}
#atc01 .ps_gall .txt_area{padding-top:100px;width:1200px;margin:0 auto}
#atc01 .ps_gall .txt_area .tit{font-size:35px;color:#fff;font-family:'notokr-bold'}
#atc01 .ps_gall .txt_area .txt_box{overflow:hidden;padding-top:12px}
#atc01 .ps_gall .txt_area .txt_box > div{float:left;width:50%;font-size:14px;line-height:24px;color:rgba(255,255,255,.5);font-family:'notokr-regular'}
#atc01 .ps_gall .txt_area .txt_box .l_txt{padding-right:40px}
#atc01 .ps_gall .txt_area .txt_box .r_txt{padding-left:40px}

#atc01 .ps_gall .gall_img{position:absolute;bottom:0;left:0;width:100%;height:716px;background:url(/sh_img/include/include_01/img/gall_bg.jpg) center no-repeat}
#atc01 .ps_gall .gall_img .more_btn{position:absolute;left:0;top:0;width:100px;height:716px;background:rgba(13,40,47,.8);transition:all .3s}
#atc01 .ps_gall .gall_img .more_btn a{display:block;height:100%;color:rgba(255,255,255,.8)}
#atc01 .ps_gall .gall_img .more_btn .more{position:absolute;top:386px;left:0;font-size:18px;transform:rotate(-90deg);font-family:'Rozha One'}
#atc01 .ps_gall .gall_img .more_btn:hover{background:#404041}

#atc01 .ps_gall .line_area{position:absolute;top:0;left:50%;width:1200px;height:1037px;margin-left:-600px}
#atc01 .ps_gall .line_area > div{float:left;width:25%;height:1037px;border-left:1px solid rgba(255,255,255,.1)}
#atc01 .ps_gall .line_area > div:last-child{border-right:1px solid rgba(255,255,255,.1)}


.cld_area{position:relative;width:1200px;margin:0 auto;clear:both }

#mara_cal{float:right;width:50%}
#mara_cal .title{position:relative;font-size:18px;line-height:60px;font-weight:normal;text-align:center;color:#fff;background:#fa962b;font-family:'notokr-bold'}
#mara_cal .c_btn{position:absolute;top:50%;width:32px;height:32px;margin-top:-16px;border:1px solid rgba(255,255,255,.8);border-radius:100px;font-size:17px;text-align:center;line-height:29px;cursor:pointer;-webkit-transition:border .2s;transition:border .2s}
#mara_cal .c_btn:hover{border-color:#fff}
#mara_cal .prev_btn{left:22px}
#mara_cal .next_btn{right:22px}
#mara_cal th{font-family:'notokr-bold'}
#mara_cal td{height:110px;text-align:center;border:1px solid #dfdfdf;font-size:15px;text-align:center;font-family:'notokr-bold'}
#mara_cal td p{margin:0;padding:0;color:#333;font-family:'notokr-medium'}
#mara_cal td button{border:0;font-size:15px;color:#666;background:none;font-family:'notokr-regular'}
#mara_cal td .day{padding:0 0 5px 0}
#mara_cal td span.open{color:#333;font-weight:bold}
#mara_cal .select p{display:inline-block;width:42px;height:42px;border-radius:42px;line-height:42px;color:#fff !important;background-color:#222}
#mara_cal button span{display:block;width:30px;margin:0 auto 5px;background:#f2b700;border-radius:100%;line-height:30px;color:#fff}
#mara_cal .handless button{color:#fff}
#mara_cal .tbl_head01{margin-bottom:0}

#main_form {float:left;width:50%;}
#main_form .main_form_box{position:relative;width:100%;background:#333}
#main_form .form_area{overflow:hidden;padding:30px}
#main_form.active{display:block}

#main_form .form_tbl{float:left;width:50%;padding:0 10px}
#main_form .form_tbl li{overflow:hidden}
#main_form .form_tbl li .box_tit{margin-bottom:5px;font-size:16px;color:#fff;font-family:'notokr-bold'}
#main_form .form_tbl li .box_cont{float:left;width:100%}
#main_form .form_tbl li .frm_address{margin-bottom:10px;width:100%}
#main_form .form_tbl li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
#main_form .form_tbl li {padding-bottom:22px}
#main_form .form_tbl .frm_input_w{width:100%}
#main_form .form_tbl .frm_input{border:2px solid #fa962b;color:#333;padding:10px;font-family:'notokr-regular';background:#fff;}

#main_form .form_tbl .frm_input {
    height: 35px;padding: 0 10px;
}

#main_form .form_btn{display:block;width:100%;height:50px;margin:20px auto;border:0;font-size:15px;color:#333;background:#fff;font-family:'notokr-bold'}
#main_form input::placeholder{color:rgba(255,255,255,.7);font-family:'notokr-regular';}
#main_form textarea{height:77px !important}

#main_form .form_tbl li .btn_area{overflow:hidden}
#main_form .form_tbl li .btn_area > div {width:100%;height:50px;border-radius:50px;font-size:14px;line-height:50px;text-align:center;background:#cb7b12;font-family:'notokr-bold'}
#main_form .form_tbl li .btn_area > div:first-child{margin-bottom:10px;background:#f3bd01}
#main_form .form_tbl li .btn_area > div:first-child a{color:#333}
#main_form .form_tbl li .btn_area > div a{display:block;color:rgba(255,255,255,.9)}
#main_form .form_tbl .last{border-bottom:0;padding-bottom:0;margin-bottom:0}

#main_form .main_form_box .form_img{position:absolute;bottom:-87px;left:-267px}
#main_form .main_form_box .main_form_tit{position:relative;width:100%;height:60px;font-size:18px;line-height:60px;text-align:center;color:#fff;background: rgba(255,255,255,.3);font-family:'notokr-bold'}
#main_form .main_form_box .main_form_tit .close{display:block;position:absolute;top:-4px;right:22px;cursor:pointer;}
#main_form .agree{margin-top:10px;color:rgba(255,255,255,.4);font-family:'notokr-regular'}
#main_form a.btn_frmline, button.btn_frmline{width:100px;margin-bottom:10px;font-family:'notokr-medium'}
#main_form .agree_cont{font-size:13px;color:#999999;font-family:'notokr-regular'}
/*달력 아이콘*/
#mara_cal .iconst{float:right;margin-right:3px}

.open_input{display:none}

.new_img_area{height:826px;background:url(/sh_img/include/include_01/img/bnr.png) no-repeat center;background-size:cover;}

#atc01 .new_gall{opacity:0}
#atc01 .new_gall.active{opacity:1}
#atc01 .gallery_thumb{overflow:hidden;position:absolute;right:-130px;top:304px;width:120px;height:460px}
#atc01 .gallery_thumb li{width:120px;cursor:pointer}
#atc01 .gallery_thumb li img{width:100%;opacity:.7}

#atc01 .gallery_thumb .swiper-slide-thumb-active img{opacity:1}
#atc01 .swiper-button-next:after, .swiper-button-prev:after{font-size:26px;transform:rotate(90deg)}

#atc01 .swiper-button-prev{left:auto;right:-82px;top:272px;}
#atc01 .swiper-button-next{left:auto;right:-82px;top:790px;}
#atc01 .tel_time{padding-bottom:20px;font-size:18px;text-align:center;color:#fff;font-family:'notokr-bold'}
#atc01 .tel_time span{color:#f3bd01}