.company1-1{width:100%;} .company1-1:after{content:""; display:block; clear:both;} .company1-1 .img_cont{position:relative; width:100%; height:400px; margin-bottom:50px;} .company1-1 .img_cont .imgs{z-index:1; position:absolute; left:50%; top:0; transform:translateX(-50%); width:100%; height:100%; background:url('/data/editor/2508/3b131db5a1d662a755fe9d9f8d23b4a7_1754641124_1821.jpg') no-repeat 50% 20%; background-size:cover;} .company1-1 .img_cont .imgs img{width:100%;} .company1-1 .img_cont .img_nemo{z-index:1; content:""; position:absolute; right:2%; bottom:-25px; min-width:40%; padding:40px; text-align:left; background: linear-gradient(135deg, #45a6e6 0%, #00529b 100%); transition: 0.5s all ease;} .company1-1 .img_cont .img_nemo em{display:block; font-size:1em; color:#fff; line-height:1.4; word-break:keep-all; font-style:normal; letter-spacing:0.25em;} .company1-1 .img_cont .img_nemo p{display:block; margin-top:15px; font-size:1.5em; color:#fff; line-height:1.2; word-break:keep-all;} .company1-1 .ceo_msg{width:100%; padding:0 2%;} .company1-1 .ceo_msg:after{content:""; display:block; clear:both;} .company1-1 .ceo_msg .txts{display:flex; flex-wrap: wrap; justify-content: space-between;} .company1-1 .ceo_msg .txts dl{width:47%;} /* 인사말내용이 짧을경우 width:100%로 변경사용 */ .company1-1 .ceo_msg .txts dl dt{width:100%; font-size:2em; color: #000; line-height: 1.3; font-weight:500; word-break:keep-all;} .company1-1 .ceo_msg .txts dl dd{width:100%;} .company1-1 .ceo_msg .txts dl dd p{margin-top:30px; font-size:1em; color: #222; line-height: 1.6; word-break:keep-all;} .company1-1 .ceo_msg .sign{display:block; text-align:right; font-size:1em; color:#222; line-height:1.6;} .company1-1 .ceo_msg .sign span{display:block; font-size:1.5em; color:#000; font-weight:700; letter-spacing:0.15em;} .company1-2{width:100%; text-align:center;} .company1-2:after{content:""; display:block; clear:both;} .company1-2 ul{width:100%; font-size:0; text-align:center; overflow:hidden;} .company1-2 ul li{position:relative; display:inline-block; vertical-align:top; width:32%; margin:0.5%; min-height:120px; border:1px solid #ddd;} .company1-2 ul li .con_box{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding:0 40px; text-align:left;} .company1-2 ul li .icons{width:18%; display:inline-block; vertical-align:middle; text-align:center; font-size:2em;} .company1-2 ul li .txts{width:80%; display:inline-block; vertical-align:middle; padding-left:15px;} .company1-2 ul li .txts dt{font-size:1em; color:#222; line-height:1.2;} .company1-2 ul li .txts dd{margin-top:10px; font-size:1.5em; color:#000; line-height:1.4; font-weight:700;} /* 반응형 중간기기 992px 사이즈 이하*/ @media all and (max-width:992px){ .company1-1 .img_cont .img_nemo{left:50%; right:0; bottom:0; transform:translateX(-50%); padding:20px 30px; width:100%;} .company1-1 .ceo_msg .txts dl{width:100%;} .company1-2 ul li{width:48%;} .company2-1 .ceo_msg .bold{font-size:1.65em;} .company5-1 ul li .tit em{font-size:5em;} .company5-1 ul li .tit p{margin-top:10px; font-size:1.5em;} .company5-2 .tit-box{max-width:100%;} .company5-2 .tit-box .tit{text-align:center;} .company5-2 .tit-box .tit span{display:block; font-size:1.5em;} .company5-2 .tit-box .tit em{display:block; margin-left:0;} .company5-2 .tit-box p{font-size:1.15em;} .company5-3 ul{flex-wrap: wrap;} .company5-3 ul li{width:49%; margin-bottom:2%;} .company5-3 ul li:nth-child(even){margin-right:0;} .company5-3 ul li .tit p{font-size:1.5em;} .company5-3 ul li .txts{padding:0 10px;} .company6-1 ul li{width:50%; margin:0; margin-bottom:30px;} .company6-2 .tit-box{max-width:100%;} .company6-2 .tit-box .tit span{font-size:1.5em;} .company6-2 .tit-box dl dd{padding-left:15px; font-size:1em;} .company7-1 h2.tit{width:100%;} .company7-1 h2.tit p{font-size:1.5em;} .company7-1 ul{flex-direction: column; margin-top:50px;} .company7-1 ul:before{display:none;} .company7-1 ul li{width:100%; margin-bottom:30px; padding:25px 4%;} .company7-1 ul li:before, .company7-1 ul li:after{display:none;} .company7-1 ul li.gap_icons{width:100%;} .company7-1 ul li .txts strong{margin:15px 0;} .company7-1 ul li .txts p{font-size:1em;} .company7-2 .tit-box{max-width:100%;} .company7-2 .tit-box .tit span{font-size:1.5em;} .company7-2 .tit-box dl dd{padding-left:15px; font-size:1em;} } /* 반응형 중간기기 768사이즈 이하 */ @media screen and (max-width: 768px){ .page_title1{margin:40px 0 20px 0;} .page_title1 .title{font-size:2em;} .page_title1 .title_desc{font-size:1.15em;} .page_title2{margin:50px 0 20px 0;} .page_title2 .title{font-size:2em;} .page_title3{margin-top:50px;} .page_title3 .title_num{transform: translate(-50%,-40%);font-size:8em;} .page_title3 .title{font-size:2.5em;} .page_title3 .title_desc{font-size:1.25em;} .company2-1 .ceo_msg .con_img{width:45%;} .company2-1 .ceo_msg .bold br{display:none;} .company3-1 .con_box ul{padding-top:30px;} .company3-1 .con_box ul li{padding-bottom:50px;} .company3-1 .con_box ul li .con_left{width:100%; background:#eee; border-radius:50px;} .company3-1 .con_box ul li .con_left span.year{padding:10px; font-size:1.25em; color:#000;} .company3-1 .con_box ul li .con_right{width:100%; padding:0 30px; margin-top:20px;} .company3-1 .con_box ul li .con_right dl:last-child{padding-bottom:0;} .company3-1 .con_box ul li .con_right dl:before{left:-20px;} .company3-1 .con_box ul li .con_right dl dt:after{left:-24px;} .company4-1 .history_top{margin:40px auto;} .company4-1 .timeline .timeline-icon{left:15px; margin-top:6px;} .company4-1 .timeline .timeline-content{width:100%; padding:0 20px 50px 40px;} .company4-1 .timeline .timeline-content .bar_count{text-align:left;} .company4-1 .timeline .timeline-content ul li{text-align:left;} .company4-1 .timeline::before{left: 15px;} .company4-1 .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content{left: 0;} .company6-1 ul li .icons i{font-size:3em;} .company6-2 .tit-box{padding:40px 25px;} .company6-2 .tit-box .tit{width:100%; margin-right:0;} .company6-2 .tit-box dl{width:100%; margin-top:20px;} .company6-2 .tit-box dl dd:before{top:10px;} .company7-2 .tit-box{padding:40px 25px;} .company7-2 .tit-box .tit{width:100%; margin-right:0;} .company7-2 .tit-box dl{width:100%; margin-top:20px;} .company7-2 .tit-box dl dd:before{top:10px;} } /* 반응형 중간기기 640사이즈 이하 */ @media screen and (max-width: 640px){ .company1-1 .ceo_msg .txts dl dt{font-size:1.5em;} .company1-1 .ceo_msg .txts dl dd p{margin-top:20px;} .company1-2 ul li .con_box{padding:0 20px;} .company1-2 ul li .icons{width:100%; font-size:1.5em;} .company1-2 ul li .txts{width:100%; padding-left:0; text-align:center;} .company1-2 ul li .txts dd{font-size:1.25em;} .company5-1 ul li{padding:0%;} .company5-1 ul li{width:50%; padding-top:50%; margin:-10px;} .company5-1 ul li .tit em{font-size:8em;} .company5-1 ul li .tit p{margin-top:10px; font-size:1.5em;} .company5-2 .tit-box{border-radius:20px;} .company5-2 .tit-box .tit{width:100%; margin-right:0; border-radius:15px;} .company5-2 .tit-box p{width:100%; margin-top:20px; text-align:center;} .map_wrap .map_info span{display:block; margin:0; margin-bottom:5px;} .map_wrap .publicTransit table th{width:25%;} .map_wrap .publicTransit table td{width:75%;} } /* 반응형 작은기기 480사이즈 이하 */ @media screen and (max-width: 480px){ .company2-1 .ceo_msg .con_img{width:100%; padding:0; float:none; padding-bottom:30px;} .company2-1 .ceo_msg .bold br{display:block;} .company5-3 ul{flex-direction: column;} .company5-3 ul li{width:100%;} .company6-1 ul li .icons{width:100%; padding-top:100%;} .company6-1 ul li .icons i{font-size:3em;} .company6-1 ul li strong{font-size:1.3em;} } /* 반응형 작은기기 360사이즈 이하 */ @media screen and (max-width: 360px){ } /* 그누보드 내용관리등 에디터로 입력할 경우 여기서부터 */ .fc_ver2_pointer {color:#C53428; } .daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;} .daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;} .daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;} .daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;} .daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; } .ver2_pc_only {display:block;} .daon_ver2_sub_type20 {width:100%; } .daon_ver2_sub_type20:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type20 .busi_top { width:100%; margin:0 auto; } .daon_ver2_sub_type20 .busi_top:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type20 .busi_top .img_box {position:relative; width:100%; height:250px; background:url('/data/editor/2508/3b131db5a1d662a755fe9d9f8d23b4a7_1754641339_9001.jpg') no-repeat 50% 10%; background-size:cover; } .daon_ver2_sub_type20 .busi_top .img_blind {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); } .daon_ver2_sub_type20 .busi_top .img_txts {position:relative; width:100%; padding-left:40px; top:calc(50% - 60px); margin:0 auto; } .daon_ver2_sub_type20 .busi_top .img_txts h2.tit { display:block; font-size:2.5em; font-weight:700; color:#fff; line-height:1.2em; letter-spacing:-0.05em; word-break:keep-all; transition: 0.3s all ease;} .daon_ver2_sub_type20 .busi_top .img_txts p {display:block; margin-top:15px; font-size:1.1em; color:rgba(255,255,255,.8); line-height:1.6em; word-break:keep-all; transition: 0.3s all ease;} .daon_ver2_sub_type20 .busi_top .txt_box { width:100%; margin:0 auto; } .daon_ver2_sub_type20 .busi_top .txt_box ul {width:100%; margin:0; padding:0; overflow:hidden; border-right:1px solid #ddd; } .daon_ver2_sub_type20 .busi_top .txt_box ul li {float:left; width:33.33333%; padding:20px 40px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; transition: 0.3s all ease;} .daon_ver2_sub_type20 .busi_top .txt_box ul li:last-child{ box-sizing:border-box;} .daon_ver2_sub_type20 .busi_top .txt_box ul li em { display:inline-block; padding:4px 15px; font-size:1em; font-style:normal; color:#b18373; border:1px solid #b18373; border-radius:50px;} .daon_ver2_sub_type20 .busi_top .txt_box ul li p { display:block; font-size:1.5em; color:#000; line-height:1.4em; margin:15px 0 20px 0;} .daon_ver2_sub_type20 .busi_top .txt_box ul li span { display:block; min-height:100px; font-size:1em; color:#777;} .daon_ver2_sub_type20 .busi_cont1 {width:100%; margin-top:80px;} .daon_ver2_sub_type20 .busi_cont1:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type20 .busi_cont1 h3.con_tit {display:block; text-align:center; font-size:2.5em; font-weight:700; line-height:1em; } .daon_ver2_sub_type20 .busi_cont1 h3.con_tit p {display:block; font-size:1em; } .daon_ver2_sub_type20 .busi_cont1 .con_box {width:100%; margin:40px auto 0; } .daon_ver2_sub_type20 .busi_cont1 .con_box:after {content:""; display:block; clear:both;} .daon_ver2_sub_type20 .busi_cont1 .con_box ul {width:100%; margin:0; padding:0; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li {float:left; width:48%; margin-bottom:40px; transition: 0.3s all ease; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li:nth-child(even) {float:right; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl { width:100%; margin:0; padding:0; font-size:0; *display:inline;*zoom:1; vertical-align:top; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl dt { display:inline-block; vertical-align:middle; width:20.5%; font-size:14px; font-weight:700; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl dt img {max-width:90%; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl dd { display:inline-block; vertical-align:middle; width:79.5%; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl dd strong {display:block; font-size:1.25em; font-weight:700; padding:0 20px 15px 20px; border-bottom:1px solid #666;} .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl dd p {padding:15px 20px 0 20px; font-size:1em; color:#777; word-break:keep-all; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl dd p:first-child {margin-top:0; } @media all and (max-width:1200px){ .daon_ver2_sub_type20 .busi_top .txt_box ul li { width:100%; padding:20px 20px;} .daon_ver2_sub_type20 .busi_top .txt_box ul li span {min-height:auto; margin-bottom:15px;} } @media all and (max-width:992px){ .daon_ver2_page_title{margin-bottom:50px;} .daon_ver2_page_title h1{font-size:1.85em;} .daon_ver2_page_title h2{font-size:1em;} .daon_s_tit{font-size:1.2em;} .daon_ver2_sub_type20 .busi_top .img_txts { padding:0 25px; text-align:center; top:calc(50% - 40px); } .daon_ver2_sub_type20 .busi_top .img_txts h2.tit {font-size:2em; } .daon_ver2_sub_type20 .busi_top .img_txts p {font-size:1em; } .daon_ver2_sub_type20 .busi_cont1 {padding:0 4%;} .daon_ver2_sub_type20 .busi_cont1 h3.con_tit { font-size:1.85em; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li {width:100%; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl dt { vertical-align:top; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl dd { vertical-align:top; } } @media all and (max-width:480px){ .ver2_pc_only {display:none;} .daon_ver2_sub_type20 .busi_top .img_txts h2.tit {font-size:1.5em; } .daon_ver2_sub_type20 .busi_top .img_txts p {font-size:0.85em; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl{border-bottom:1px solid #666; padding-bottom:40px;} .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl dt {width:100%; text-align:center;} .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl dd { width:100%; margin-top:30px; text-align:center; } .daon_ver2_sub_type20 .busi_cont1 .con_box ul li dl dd strong {padding-bottom:0; border-bottom:0; } } /* 그누보드 내용관리등 에디터로 입력할 경우 여기서부터 */ .fc_ver2_pointer {color:#C53428; } .daon_content_wrap{width:100%; min-width:320px; max-width:100%; margin:0 auto;} .daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;} .daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;} .daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;} .daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; } .daon_ver2_sub_type13 {width:100%; } .daon_ver2_sub_type13:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type13 .busi_top {width:100%; margin-top:50px; border-bottom:1px solid #eee;} .daon_ver2_sub_type13 .busi_top:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type13 .busi_top .txt_box { text-align:center; padding:80px 20px; background: linear-gradient(to left, #3884cf 0%, #2845ab 80%);} .daon_ver2_sub_type13 .busi_top .txt_box h2.tit { display:block; font-size:2.5em; font-weight:700; text-align:center; color:#fff; line-height:1.4em; letter-spacing:-0.05em; word-break:keep-all; } .daon_ver2_sub_type13 .busi_top .txt_box div.txts {width:100%; margin-top:20px; text-align:center; } .daon_ver2_sub_type13 .busi_top .txt_box div.txts p {display:block; margin-bottom:10px; font-size:1.1em; color:rgba(255,255,255,.7); line-height:1.6em; word-break:keep-all; } .daon_ver2_sub_type13 .busi_all{width:100%; max-width:1500px; margin:0 auto;} .daon_ver2_sub_type13 .busi_area{ position:relative; width:100%; max-width:1500px; margin:50px auto 0; text-align:center; } .daon_ver2_sub_type13 .busi_area:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type13 .busi_area ul{ width:100%; margin:0; padding:0; font-size:0;} .daon_ver2_sub_type13 .busi_area ul li {position:relative; float:left; width:23.5%; height:370px; min-height:470px; margin-right:2%; text-align:left; transition: 0.3s all ease; border-radius:10px;} .daon_ver2_sub_type13 .busi_area ul li img{width:100%; height:auto; border-radius:10px; border-bottom-right-radius:0; border-bottom-left-radius:0;} .daon_ver2_sub_type13 .busi_area ul li a { display:block; padding:40px 25px; text-decoration:none; transition: 0.3s all ease;} .daon_ver2_sub_type13 .busi_area ul li:hover { border-radius:10px; overflow:hidden; transition: 0.3s all ease; margin-top:-10px;} .daon_ver2_sub_type13 .busi_area ul li:last-child{ margin-right:0;} .daon_ver2_sub_type13 .busi_area ul li.bg1 { background-color:#f8f8f8; border-bottom:5px solid #39c3d3; } .daon_ver2_sub_type13 .busi_area ul li.bg1 em { color:#39c3d3; } .daon_ver2_sub_type13 .busi_area ul li:hover.bg1 { background-color:#39c3d3; } .daon_ver2_sub_type13 .busi_area ul li.bg2 { background-color:#f8f8f8; border-bottom:5px solid #57a0e9; } .daon_ver2_sub_type13 .busi_area ul li.bg2 em { color:#57a0e9; } .daon_ver2_sub_type13 .busi_area ul li:hover.bg2 { background-color:#57a0e9; } .daon_ver2_sub_type13 .busi_area ul li.bg3 { background-color:#f8f8f8; border-bottom:5px solid #7774dc; } .daon_ver2_sub_type13 .busi_area ul li.bg3 em { color:#7774dc; } .daon_ver2_sub_type13 .busi_area ul li:hover.bg3 { background-color:#7774dc; } .daon_ver2_sub_type13 .busi_area ul li.bg4 { background-color:#f8f8f8; border-bottom:5px solid #0968C6; } .daon_ver2_sub_type13 .busi_area ul li.bg4 em { color:#0968C6; } .daon_ver2_sub_type13 .busi_area ul li:hover.bg4 { background-color:#0968C6; } .daon_ver2_sub_type13 .busi_area ul li em {position:relative; display:inline-block; padding-bottom:20px; font-size:2em; font-weight:700; font-style:normal;} .daon_ver2_sub_type13 .busi_area ul li em:after { content: ''; position: absolute; left: 0; bottom:0; width:30px; height:1px; background-color:#000; transition: 0.3s all ease; } .daon_ver2_sub_type13 .busi_area ul li:hover em {display:block;} .daon_ver2_sub_type13 .busi_area ul li:hover em:after {width:100%; } .daon_ver2_sub_type13 .busi_area ul li strong {display:block; font-size:1.75em; color: #000; line-height:1.2em; margin-top:30px; } .daon_ver2_sub_type13 .busi_area ul li dl{ width:100%; margin-top:10px; transition: 0.3s all ease; } .daon_ver2_sub_type13 .busi_area ul li dl dd{ position:relative; font-size:1em; color:#666; margin-top:5px; text-align:left; } .daon_ver2_sub_type13 .busi_area ul li span.btn_view {opacity:0; position:absolute; bottom:0; right:25px; display:block; text-align:left; color:#fff; transition: 0.3s all ease; } .daon_ver2_sub_type13 .busi_area ul li:hover span.btn_view {opacity:1; bottom:30px; transition: 0.3s all ease; } .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type em { color:#fff;} .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type em:after { background-color:#fff;} .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type strong { color:#fff;} .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type dl dd { color:rgba(255,255,255,.6);} .daon_ver2_sub_type13 .busi_comment { width:100%;margin: 50px auto; padding: 25px 40px; background-color:#f8f8f8; border:1px solid #eee; box-sizing:border-box; } .daon_ver2_sub_type13 .busi_comment .point_tit {position:relative; display:block; font-size:1.5em; color:#000; padding-left:25px;} .daon_ver2_sub_type13 .busi_comment .point_tit:before { position:absolute; left:0; top:2px; content:"\f071"; display:block; font-size:0.75em; font-weight:700; font-family: "Font Awesome 5 Free"; } .daon_ver2_sub_type13 .busi_comment ul.point_list {width:100%; margin-top:20px;} .daon_ver2_sub_type13 .busi_comment dl strong {display:block; font-size:1.85em; color: #000; margin-bottom:30px; } .daon_ver2_sub_type13 .busi_comment dl dd{ position:relative; font-size:1em; color: #000; padding-left:15px; text-align:left; margin-top:5px; } .daon_ver2_sub_type13 .busi_comment dl dd:before { content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color:#017ece; border-radius: 50%;} @media all and (max-width:1024px){ .daon_ver2_sub_type13 .busi_area {padding:0 4%;} .daon_ver2_sub_type13 .busi_area ul li {width:49%; margin-bottom:2%;} .daon_ver2_sub_type13 .busi_area ul li:nth-child(even) {margin-right:0; } .daon_ver2_sub_type13 .busi_area ul li {min-height:570px;} } @media all and (max-width:992px){ .daon_ver2_page_title{margin-bottom:50px;} .daon_ver2_page_title h1{font-size:1.85em;} .daon_ver2_page_title h2{font-size:1em;} .daon_s_tit{font-size:1.2em;} } @media all and (max-width:860px){ .daon_ver2_sub_type13 .busi_area ul li {min-height:490px;} } @media all and (max-width:640px){ .daon_ver2_sub_type13 .busi_top .txt_box {padding:50px 20px; } .daon_ver2_sub_type13 .busi_top .txt_box h2.tit {font-size:1.75em; } .daon_ver2_sub_type13 .busi_area ul li:hover{margin-top:0;} .daon_ver2_sub_type13 .busi_area ul li {min-height:470px;} .daon_ver2_sub_type13 .busi_area ul li strong{font-size:1.3em;} } @media all and (max-width:480px){ .daon_ver2_sub_type13 .busi_area ul li {width:100%; height:500px; min-height:auto; margin-bottom:15px;} .daon_ver2_sub_type13 .busi_area ul li span.btn_view {opacity:1; bottom:30px; color:#000;} .daon_ver2_sub_type13 .busi_area ul li:hover span.btn_view {right:15px; color:#fff;} } /* 여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */ .fc_pointer {color:#1F88E5; } .content_wrap{width:100%; min-width:320px; max-width:1400px; margin:0 auto;} .page_title{width:100%; margin-bottom:70px;} .page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;} .page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;} .page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; } .business_type4 {width:100%; max-width:1200px; margin:0 auto;} .business_type4:after{ content:""; display:block; clear:both;} .business_type4 .business_info { position:relative; width:100%; height:400px; margin:150px auto; background:none;} .business_type4 .business_info:after{ content:""; display:block; clear:both;} .business_type4 .business_info:first-child {margin-top:0px;} .business_type4 .business_info .img_left { position:absolute; left:0; top:0; width:650px; height:400px; background:blue; } .business_type4 .business_info .img_left img{ width:100%; height:100%;} .business_type4 .business_info .img_right { position:absolute; right:0; top:0; width:650px; height:400px; background:blue; } .business_type4 .business_info .img_right img{ width:100%; height:100%;} .business_type4 .business_info .con_box { position: absolute; right:0; top:25%; width:65%; height:350px; background:rgba(255,255,255,1); box-shadow:10px 10px 5px rgba(0,0,0,0.04); } .business_type4 .business_info .con_box .txt_area {padding:10%; } .business_type4 .business_info .con_box .txt_area:before { display: block; content: ''; position: absolute; left: -80px; top:23%; width:20%; height:1px; background:#000;} .business_type4 .business_info .con_box .txt_area em { position:relative; display:block; vertical-align:middle; color:#ddd; font-size:3em;} .business_type4 .business_info .con_box .txt_area strong {display:block; color:#333; font-size:1.5em; font-weight: 600; line-height:1.5em; margin:30px 0 20px 0;} .business_type4 .business_info .con_box .txt_area p.box_txt {display:block; color:#555; font-size:1em; font-weight: 300; line-height:1.5em; text-align:justify; } .business_type4 .business_info .type_other { position: absolute; left: 0; top:25%; width:55%; height:350px; background:rgba(255,255,255,1); box-shadow:10px 10px 5px rgba(0,0,0,0.04); } .business_type4 .business_info .type_other .txt_area:before {display:none;} .business_type4 .business_info .type_other .txt_area:after { display: block; content: ''; position: absolute; right:-80px; top:23%; width:20%; height:1px; background:#000; } @media screen and (max-width:992px){ .content_wrap{width:100%;} .page_title{margin-bottom:50px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} .s_tit{font-size:1.2em;} } @media screen and (max-width:768px){ .business_type4 .business_info { height:auto; margin:50px auto;} .business_type4 .business_info .img_left { position:relative; width:100%; height:auto; background:#000; } .business_type4 .business_info .img_left img{ height:auto;} .business_type4 .business_info .img_right { position:relative; width:100%; height:auto; background:#000; } .business_type4 .business_info .img_right img{ height:auto;} .business_type4 .business_info .con_box { position:relative; width:90%; left:50%; top:-50px; margin-left:-45%; height:auto; } .business_type4 .business_info .con_box .txt_area:before { display: none;} .business_type4 .business_info .type_other .txt_area:after {display:none;} .business_type4 .business_info .con_box .txt_area{padding:15px;} .business_type4 .business_info .con_box .txt_area strong{font-size:1.2em;} } /*인사말*/ .company {width:100%; max-width:1300px; margin:0 auto 80px;} .company:after{ content:""; display:block; clear:both;} .company .con_box { width:100%; margin:0; padding:0; overflow:hidden; background:#f8f8f8; } .company .con_box:after{ content:""; display:block; clear:both;} .company .con_left {float:left; width:50%; height:450px; } .company .con_left img {width:100%; height:100%; } .company .con_right {float:left; width:50%; text-align:center; } .company .con_right div { display:table; width:100%; height:450px; text-align:center; padding:0 25px; } .company .con_right div .con {display:table-cell; vertical-align:middle; } .company .con_right .t01 {margin:0; font-size:1.5em; line-height:1.4em; font-weight:700;} .company .con_right .t02 {margin:10px 0; font-size:2.5em; line-height:1.4em; font-weight:700; color:#d59337; } .company .con_right .t03 {position:relative; padding-top:50px; font-size:1.25em; line-height:1.5em;} .company .con_right .t03:before {content:''; position:absolute; top:0; left:50%; width:1px; height:30px; background:#aaa; } .company .ceo_msg {clear:both; width:100%; text-align:center; display:block; padding:50px 15px 0 15px; font-size:1.25em; } .company .ceo_msg strong {display:block; font-size:1.25em; color:#000;} .company .ceo_msg p {display:block; color:#777; line-height:1.75em; margin-top:30px; text-align:justify; } .icon-double-dot { display: inline-block; margin-bottom:15px; width: 23px; height: 19px; background: url('../image/icon-double-dot.png') no-repeat 0 0; } /* 반응형 중간기기 1200px 사이즈 이하*/ @media all and (max-width:1200px){ .company .con_left {height:auto; } .company .con_right div { height:auto; min-height:380px;} } /* 반응형 중간기기 992px 사이즈 이하*/ @media all and (max-width:992px){ .company .con_right div { min-height:300px;} .company .con_right .t01 { font-size:1.25em;} .company .con_right .t02 { font-size:2em;} .company .con_right .t03 { font-size:1em;} } /* 반응형 중간기기 768사이즈 이하 */ @media screen and (max-width: 768px) { .company .con_right div { min-height:250px;} } /* 반응형 중간기기 640사이즈 이하 */ @media screen and (max-width: 640px) { .company .con_left { width:100%; } .company .con_right {width:100%; } } /* 반응형 작은기기 480사이즈 이하 */ @media screen and (max-width: 480px) { } /* 반응형 작은기기 360사이즈 이하 */ @media screen and (max-width: 360px) { } /* rooms List Type01 */ #roomsListType01{width:100%; max-width:1600px; margin:0px auto; overflow:hidden; margin-bottom:0px;} #roomsListType01 .con_title {text-align:center; margin-bottom:50px;} #roomsListType01 .con_title h3 { display:block; font-size:2em; font-weight:700; color:#000; line-height:1em;} #roomsListType01 .con_title p { display:block; font-size:1.25em; color:#555; margin-top:20px;} #roomsListType01 #pro_bnr{margin-left:-30px;} #roomsListType01 #pro_bnr .pro_box{float:left; width:calc(25% - 30px); margin-left:30px; margin-bottom: 30px; -webkit-transform: translate3d(0, 0, 0); display:block;} #roomsListType01 #pro_bnr .pro_box img{width:100% ; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; } #roomsListType01 #pro_bnr .pro_box:hover img{opacity:1; filter: alpha(opacity=100); -webkit-filter: grayscale(100%); filter: gray;} #roomsListType01 #pro_bnr .pro_box .pro_txt{display:block; position:absolute; bottom:0; width:100%; height:35px; line-height:35px; background-color:rgba(0,0,0,0.55); text-align:center; color:#fff; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; } #roomsListType01 #pro_bnr .pro_box .pro_txt p{display:block; height:35px; line-height:35px; width:100%; font-size:1em; color:#fff; text-align:center; } #roomsListType01 #pro_bnr .pro_box .pro_txt p span {display:none; font-size:0.95em; color:#fff; line-height:1.5em; margin-top:10px;} #roomsListType01 #pro_bnr .pro_box .pro_txt button{opacity:0; position:absolute; bottom:10px; right:10px; border:0px; font-size:2em; color:#fff; line-height:1.5em; background:none; font-family: 'Lobster', cursive; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; } #roomsListType01 #pro_bnr .pro_box:hover .pro_txt{opacity:1; width:100%; height:100%; bottom:0; left:0; } #roomsListType01 #pro_bnr .pro_box:hover .pro_txt p{position:absolute; top:50%; margin-top:-30px;} #roomsListType01 #pro_bnr .pro_box:hover .pro_txt p span{display:block;} #roomsListType01 #pro_bnr .pro_box:hover .pro_txt button{opacity:1;} /* rooms View Type01 */ #roomsViewType01 .rooms_info { width:100%; max-width:1300px; padding:0; margin:20px auto; margin-top:30px; background-color:#fff; border-top:2px solid #000; border-bottom:1px solid #ddd; box-sizing:border-box; } #roomsViewType01 .rooms_info:after { content:""; display:block; clear:both;} #roomsViewType01 .rooms_info h3.caution_tit {font-size:2em; font-weight:700; color:#333; text-align:center; margin-bottom:15px;} #roomsViewType01 .rooms_info ul { float:left; font-size:0; width:100%; padding:30px 0; margin:0; text-align:center; } #roomsViewType01 .rooms_info ul li { display:inline-block; vertical-align:top; *display:inline;*zoom:1; width:33.33333%; font-size:13px; margin:0; box-sizing:border-box; border-right:1px solid #eee; box-sizing:border-box;} #roomsViewType01 .rooms_info ul li:last-child {border-right:0;} #roomsViewType01 .rooms_info ul li .inner{ width:100%; padding:0; margin:0;} #roomsViewType01 .rooms_info ul li .inner_area{ width:100%; color:#000; text-align:center;} #roomsViewType01 .rooms_info ul li div.con_txt {width:100%; padding:0 15px;} #roomsViewType01 .rooms_info ul li div.con_txt p{ display:inline-block; padding:2px 15px; color:#fff; font-size:1em; font-weight:400; background-color:#555; border-radius:2px;} #roomsViewType01 .rooms_info ul li div.con_txt span{ display:block; color:#666; font-size:1em; line-height:1.5em; margin-top:10px; word-break:keep-all; } #roomsViewType01 .thumbs-gallery .swiper-container { width: 100%; margin-top:80px; overflow:hidden;} #roomsViewType01 .thumbs-gallery .swiper-slide {max-width:1000px;} #roomsViewType01 .thumbs-gallery .swiper-slide img{width:100%;} #roomsViewType01 .thumbs-gallery .swiper-container-rtl .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {display:none !important;} #roomsViewType01 .thumbs-gallery .swiper-button-prev, #roomsViewType01 .thumbs-gallery .swiper-container-rtl .swiper-button-next{left:50%; top:50%; margin-top:-30px; margin-left:-560px; display:block; background:#fff url("../image/thumbs-gallery-prev.png") center center no-repeat; opacity : 0.7; width:60px; height:60px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType01 .thumbs-gallery .swiper-button-next, #roomsViewType01 .thumbs-gallery .swiper-container-rtl .swiper-button-prev{left:50%; top:50%; margin-top:-30px; margin-left:500px; display:block; background:#fff url("../image/thumbs-gallery-next.png") center center no-repeat; opacity : 0.7; width:60px; height:60px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType01 .thumbs-gallery .swiper-button-prev:hover, #roomsViewType01 .thumbs-gallery .swiper-container-rtl .swiper-button-next:hover{opacity :1; } #roomsViewType01 .thumbs-gallery .swiper-button-next:hover, #roomsViewType01 .thumbs-gallery .swiper-container-rtl .swiper-button-prev:hover{opacity :1; } #roomsViewType01 .thumbs-gallery .swiper-slide img{-webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);opacity:1;} #roomsViewType01 .thumbs-gallery .swiper-slide.swiper-slide-active img{-webkit-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0);opacity:1;} #roomsViewType01 .thumbs-gallery .swiper-pagination{bottom:15px;} #roomsViewType01 table.rooms_price{width:100%; max-width:1300px; border-collapse:separate; border-spacing:0px;font-size:1.2em; border-top:1px solid #002b5c; border-left:1px solid #eee; margin:0 auto; margin-top:30px;} #roomsViewType01 table.rooms_price th{ color:#333; text-align:center; font-weight:500; padding:10px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;} #roomsViewType01 table.rooms_price td{ text-align:center; padding:10px 0px; border-bottom:1px solid #eee; border-right:1px solid #eee;} #roomsViewType01 table.rooms_price td del{ color:#333;} #roomsViewType01 table.rooms_price td b{color:#0b4f95;font-size:1.4em;} #roomsViewType01 table.rooms_price2{width:100%; max-width:1300px; border-collapse:separate; border-spacing:0px;font-size:1.2em; border-left:1px solid #eee; margin:0 auto; margin-top:30px;} #roomsViewType01 table.rooms_price2 th{ text-align:center; font-weight:500;height:130px; padding:10px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#0b4f95;} #roomsViewType01 table.rooms_price2 td{ text-align:center; padding:10px 0px; border-bottom:1px solid #eee; border-right:1px solid #eee;} #roomsViewType01 table.rooms_price3{width:100%; max-width:1300px; border-collapse:separate; border-spacing:0px;font-size:1.2em; border-left:1px solid #eee; margin:0 auto; margin-top:30px;} #roomsViewType01 table.rooms_price3 th{ text-align:center; font-weight:500;height:50px; padding:10px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#0b4f95;} #roomsViewType01 table.rooms_price3 td{ text-align:center;font-size:1.2em; padding:10px 0px; border-bottom:1px solid #eee; border-right:1px solid #eee;} #roomsViewType01 table.rooms_price2 th .t3{ color:#fff; font-size:1.2em;font-family: 'S-CoreDream-6Bold';} #roomsViewType01 table.rooms_price3 th .t4{ color:#fff; font-size:1.8em;font-family: 'S-CoreDream-6Bold';} #roomsViewType01 table.rooms_price2 th .t3 b{ color:#ffff00; } #roomsViewType01 table.rooms_price2 th .s3 { color:#fff; font-size:1.2em;} #roomsViewType01 table.rooms_price2 td b{color:#0b4f95;font-size:1.4em;} #roomsViewType01 .rooms_cancel {width:100%; max-width:1300px; margin:0 auto; padding:0px; margin-top:30px; } #roomsViewType01 .rooms_cancel:after{content:""; display:block; clear:both;} #roomsViewType01 .rooms_cancel .inner_area {width:100%; background-color:#fff; padding:30px 0px; padding-bottom:0px;} #roomsViewType01 .rooms_cancel .inner_area h3.caution_tit {font-size:1.5em; font-weight:700; color:#333; text-align:left;} #roomsViewType01 .rooms_cancel .inner_area dl{width:100%; margin-top:10px;} #roomsViewType01 .rooms_cancel .inner_area dl dd{position:relative; margin-bottom:15px; padding-left:15px; color:#444; font-size:1.2em; line-height:1.4em; word-break:keep-all;} #roomsViewType01 .rooms_cancel .inner_area dl dd:before{content:""; width:4px; height:4px; background-color:#9f8256; position:absolute; left:0; top:6px;} #roomsViewType01 .rooms_cancel .tt{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-left:1px solid #eee;} #roomsViewType01 .rooms_cancel .tt th{ color:#333; text-align:center; font-weight:500; padding:10px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;} #roomsViewType01 .rooms_cancel .tt td{ text-align:center; padding:10px 0px; border-bottom:1px solid #eee; border-right:1px solid #eee;} #roomsViewType01 .reserv_bt_div{margin:50px auto 30px; text-align:center; } #roomsViewType01 .reserv_bt_s{display:inline-block; margin:0 3px; width:200px; height:50px; line-height:50px; color:#fff; background-color:#293d6b; text-align:center; font-size:1.15em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType01 .reserv_bt_s:hover{background-color:#D79400;} #roomsViewType01 .reserv_bt_sa{display:inline-block; margin:0 3px; width:200px; height:50px; line-height:50px; color:#fff; background-color:#000; text-align:center; font-size:1.15em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType01 .reserv_bt_sa:hover{background-color:#D79400;} #rooms_detail_img {width:100%; margin:50px 0;} #rooms_detail_img:after{ content:""; display:block; clear:both;} #rooms_detail_img .img_box1 {width:100%; } #rooms_detail_img .img_box1:after{ content:""; display:block; clear:both;} #rooms_detail_img .img_box1 img {width:100%; margin-bottom:2%;} #rooms_detail_img .img_box2 {width:100%; } #rooms_detail_img .img_box2:after{ content:""; display:block; clear:both;} #rooms_detail_img .img_box2 ul {width:100%; padding:0; margin:0;} #rooms_detail_img .img_box2 ul li {float:left; width:49%; margin-right:2%; margin-bottom:2%; overflow:hidden;} #rooms_detail_img .img_box2 ul li:nth-child(2n) {float:right; margin-right:0;} #rooms_detail_img .img_box2 ul li:last-child {margin-bottom:0;} #rooms_detail_img .img_box2 ul li img {width:100%; } #rooms_detail_img .img_box3 {width:100%;} #rooms_detail_img .img_box3:after{ content:""; display:block; clear:both;} #rooms_detail_img .img_box3 ul {width:100%; margin:0; padding:0; } #rooms_detail_img .img_box3 ul li {float:left; width:32%; margin-right:2%; margin-bottom:2%; overflow:hidden;} #rooms_detail_img .img_box3 ul li:nth-child(3n) {float:right; margin-right:0;} #rooms_detail_img .img_box3 ul li:last-child {margin-bottom:0;} #rooms_detail_img .img_box3 ul li img {width:100%; } .room_intro_txt{width:100%; text-align:center; font-size:1.4em; font-family: 'SUIT-Regular';} .rooms_info_all { width:100%; max-width:1300px; margin:30px auto 50px; } .rooms_info_all:after { content:""; display:block; clear:both;} .rooms_info_all h3.caution_tit {font-size:2em; font-weight:700; color:#333; text-align:center; margin-bottom:15px;} .rooms_info_all ul { float:left; font-size:0; width:100%; padding:0; margin:0;} .rooms_info_all ul li{ display:inline-block; *display:inline;*zoom:1; width:32%; font-size:13px; margin-right:2%; box-sizing:border-box; background-color:#fff; border:1px solid #ddd; box-sizing:border-box;} .rooms_info_all ul li:last-child {margin-right:0;} .rooms_info_all ul li .inner{ display:table; width:100%; padding:0; margin:0;} .rooms_info_all ul li .inner_area{ display:table-cell; vertical-align:middle; width:100%; height:200px; color:#000; text-align:center;} .rooms_info_all ul li .con_icon { width:50px; height:50px; text-align:center; display:block; margin:0 auto; background-color:#293d6b; border-radius:100%; overflow:hidden;} .rooms_info_all ul li .con_icon i { width:50px; height:50px; line-height:50px; color:#fff; font-size:1.5em;} .rooms_info_all ul li div.con_txt {width:100%; margin-top:15px;} .rooms_info_all ul li div.con_txt p{ display:block; color:#000; font-size:1.4em; font-weight:700; } .rooms_info_all ul li div.con_txt span{ display:block; color:#777; font-size:1em; line-height:1.5em; margin-top:10px; padding:0 15px; word-break:keep-all; } .tt1{ color:#61c9ef !important;font-size:1.8em !important ;} /* 반응형 중간기기 768사이즈 이하 */ @media screen and (max-width: 768px) { .tt1{font-size:1.2em !important ;} .tt2{ font-size:2em !important;} #rooms_visual .swiper-slide .backgroundimg .mobile_only{display:block;} #rooms_visual .swiper-slide .backgroundimg .pc_only{display:none;} #rooms_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{display:none !important;} #rooms_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{display:none !important;} #rooms_visual .swiper-container-horizontal > .swiper-pagination-bullets{bottom:20%;} #roomsListType01 #pro_bnr{margin-left:-20px;} #roomsListType01 #pro_bnr .pro_box{width:calc(50% - 20px); margin-left:20px; margin-bottom: 20px; } #roomsViewType01 .rooms_info ul {padding:0;} #roomsViewType01 .rooms_info ul li{ width:100%; padding:20px 0; border-right:0; border-bottom:1px solid #ddd;} #roomsViewType01 .rooms_info ul li div.con_txt p{ float:left; width:25%; text-align:center; padding:2px 5px;} #roomsViewType01 .rooms_info ul li div.con_txt span{float:left; width:75%; display:inline-block; text-align:left; padding-left:15px; margin-top:0; } #roomsViewType01 .thumbs-gallery .swiper-container{margin-top:0px;} #roomsViewType01 table.rooms_price{margin-top:20px;} #roomsViewType02 .thumbs-gallery .gallery-top { height:410px; } #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide { height:70px; } #roomsListType03 .thumbs-gallery .swiper-button-prev,.swiper-container-rtl .swiper-button-next{margin-top:-20px; width:40px; height:40px; background-size:100%;} #roomsListType03 .thumbs-gallery .swiper-button-next,.swiper-container-rtl .swiper-button-prev{margin-top:-20px; width:40px; height:40px; background-size:100%;} #ddny_room_daily_price{margin-top:20px;} .other_rooms_area { height:auto; padding:40px 25px; } .other_rooms_area a span.txt { font-size:1.5em;} } /* 반응형 작은기기 640사이즈 이하 */ @media screen and (max-width: 640px) { .csub{display:inline-block; margin-top:30px; width:150px; height:40px; line-height:40px;} #roomsListType03 .thumbs-gallery .swiper-button-prev,.swiper-container-rtl .swiper-button-next{top:23%;} #roomsListType03 .thumbs-gallery .swiper-button-next,.swiper-container-rtl .swiper-button-prev{top:23%;} #roomsViewType02 .thumbs-gallery .gallery-top { height:340px; } #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide { height:60px; } .common_information .info1 .detail{width:100%;} } /* 반응형 작은기기 480사이즈 이하 */ @media screen and (max-width: 480px) { .room_intro_txt{ font-size:1.2em;} #roomsViewType01 table.rooms_price2 th .t3{ font-size:1.4em;} .ctxt{font-size:1.2em;} .cpoint{font-size:1em;} #roomsViewType01 table.rooms_price2 th .s3 { font-size:1.1em;} #rooms_visual .sliderkit-text h1.lviewa{font-size:1.5em;} #rooms_visual .sliderkit-text h1.sviewa{font-size:0.9em;} #rooms_visual .sliderkit-text div span{ font-size:0.7em;} #roomsListType01{padding:10px 0; padding-bottom:10px;} #roomsListType01 #pro_bnr{margin-left:-10px;} #roomsListType01 #pro_bnr .pro_box{width:calc(50% - 10px); margin-left:10px; margin-bottom: 10px; } #roomsViewType01 table.rooms_price3 th{ height:30px; } #roomsViewType01 table.rooms_price3 td{font-size:1em;} #roomsViewType01 table.rooms_price3 th .t4{ font-size:1.4em;} #roomsListType02 .rooms_btn_more { width:auto; height:auto; line-height:auto; min-width:100px; padding:0px 15px;} #roomsListType02 .rooms_btn_more_re { width:auto; height:auto; line-height:auto; min-width:100px; padding:0px 15px;} #roomsListType03 .reserv_bt_s{width:40%; height:40px; line-height:40px; margin:10px auto; margin-bottom:30px;} #roomsViewType01 .rooms_cancel .inner_area dl dd{ font-size:1.1em; line-height:1.2em;} .common_information .info1 .detail.right {margin-top:30px;} #ddny_room_daily_price .week_date p{font-size:1em;} #roomsViewType01 .reserv_bt_s{width:40%; height:40px; line-height:40px;} #roomsViewType01 .reserv_bt_sa{width:40%; height:40px; line-height:40px;} #roomsViewType02 .thumbs-gallery .gallery-top { height:265px; } #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide { height:40px; } #roomsViewType02 .thumbs-gallery .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {width:30px; height:30px;} #roomsViewType02 .thumbs-gallery .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ margin-top:-15px; width:30px; height:30px; background-size:85%; } #roomsViewType02 .thumbs-gallery .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ margin-top:-15px; width:30px; height:30px; background-size:85%; } #roomsViewType02 .reserv_bt_s{width:40%; height:40px; line-height:40px;} #roomsViewType02 .reserv_bt_sa{width:40%; height:40px; line-height:40px;} .rooms_info_all ul li .con_icon { width:40px; height:40px; } .rooms_info_all ul li .con_icon i { width:40px; height:40px; line-height:40px; font-size:1.25em;} .rooms_info_all ul li div.con_txt p{ font-size:1.15em; } #roomsViewType01 table.rooms_price td del{font-size:1em;} #roomsViewType01 table.rooms_price td b{font-size:1.1em;} } .reserv_bt_div{margin:50px auto 30px; text-align:center; } .reserv_bt_s{display:inline-block; margin:0 3px; width:200px; height:50px; line-height:50px; color:#fff; background-color:#293d6b; text-align:center; font-size:1.15em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} .reserv_bt_s:hover{background-color:#D79400;} .reserv_bt_sa{display:inline-block; margin:0 3px; width:200px; height:50px; line-height:50px; color:#fff; background-color:#000; text-align:center; font-size:1.15em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} .reserv_bt_sa:hover{background-color:#D79400;}