@charset "utf-8";

#atc01{overflow:hidden;position:relative;width:100%;background:url(/sh_img/include/include_01/img/atc01_bg.jpg) top #111f30 no-repeat}
#atc01 .wt_box{position:absolute;overflow:hidden;left:0;top:0;z-index:1;content:'';width:50%;height:960px;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:960px;margin:0 auto}
#atc01 .room_info_area .bx-wrapper{position:absolute;top:251px;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;background:#006;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;padding:70px;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:148px}
#atc01 .room_info_area .r_info .r_name{position:relative;font-size:35px;color:#333;font-family:'Rozha One','notokr-thin'}
#atc01 .room_info_area .r_info .price{position:absolute;right:0;bottom:5px;font-size:23px;color:#2665aa}
#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:960px}
#atc01 .room_info_area .line_area > div{float:left;width:25%;height:960px;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)}

/* 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:#2665aa;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:137px;width:1200px;margin:0 auto}
#atc01 .ps_gall .txt_area .tit{font-size:40px;color:#fff;font-family:'Rozha One'}
#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(17,31,48,.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:rgba(17,31,48,1)}

#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)}