.tit1{font-size:2.5em; font-weight:800;line-height:1.6em; color:#cc0000;} .txt1{font-size:1.8em; font-weight:400;line-height:1.6em;} /* 그누보드 내용관리등 에디터로 입력할 경우 여기서부터 */ .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; } .daon_ver2_sub_type3 {width:100%; } .daon_ver2_sub_type3:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type3 .busi_title { width:100%; margin:50px auto;} .daon_ver2_sub_type3 .busi_title:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type3 .busi_title h3.tit { position:relative; float:left; width:100%; padding-left:20px; font-size:2.5em; color:#000; font-weight:700; line-height:1.2em; letter-spacing:-0.05em; } .daon_ver2_sub_type3 .busi_title h3.tit:before { content:''; position:absolute; left:0; top:0; width:5px; height:80px; background-color:#cc0000; } .daon_ver2_sub_type3 .busi_title p.desc { float:right; width:65%; font-size:1.15em; color:#666; line-height:1.6em; word-break:keep-all;} .daon_ver2_sub_type3 .busi_cont {width:100%; padding:50px 0; border-top:1px solid #ddd; } .daon_ver2_sub_type3 .busi_cont:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type3 .busi_cont:last-child {margin-bottom:0;} .daon_ver2_sub_type3 .busi_cont .img_box { position:relative; width:100%;} .daon_ver2_sub_type3 .busi_cont .img_box {float:left; width:60%; transition:0.3s all ease;} .daon_ver2_sub_type3 .busi_cont .img_box img {max-width:100%; } .daon_ver2_sub_type3 .busi_cont .txt_box {float:right; width:40%; padding:25px 0 0 50px; transition:0.3s all ease;} .daon_ver2_sub_type3 .busi_cont .txt_box strong.tit {font-size:2em; line-height:1.2em; color:#000; font-weight:500; transition:0.3s all ease; } .daon_ver2_sub_type3 .busi_cont .txt_box strong.tit p {position:relative; display:inline-block; font-size:1em; line-height:1.2em; color:#0D86D5; font-weight:700;} .daon_ver2_sub_type3 .busi_cont .txt_box .txts { display:block; margin-top:30px;} .daon_ver2_sub_type3 .busi_cont .txt_box .txts p {margin-top:20px; font-size:1.4em; color:#333; line-height:1.8em; word-break:keep-all;} .daon_ver2_sub_type3 .busi_cont .txt_box a.btn_link {display:inline-block; margin:40px auto 0; padding:10px; width:150px; text-align:center; font-size:1em; color:#000; text-decoration:none; background-color:#fff; border:1px solid #000; transition:0.3s all ease; } .daon_ver2_sub_type3 .busi_cont .txt_box a.btn_link:hover { color:#fff; background-color:#222; border:1px solid #222; transition:0.3s all ease; } .daon_ver2_sub_type3 .busi_cont.other_type .img_box {float:right; text-align:right;} .daon_ver2_sub_type3 .busi_cont.other_type .txt_box {float:left; text-align:right; padding:25px 50px 0 0; } @media screen and (max-width:1100px){ .daon_ver2_sub_type3 .busi_title h3.tit { width:35%;} .daon_ver2_sub_type3 .busi_title p.desc { width:60%; } } @media screen 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;} .tit1{font-size:1.8em; line-height:1.4em;} .txt1{font-size:1.2em;line-height:1.4em;} .daon_ver2_sub_type3 .busi_title h3.tit { font-size:2em; } .daon_ver2_sub_type3 .busi_title h3.tit { width:100%;} .daon_ver2_sub_type3 .busi_title p.desc { width:100%; margin-top:30px;} .daon_ver2_sub_type3 .busi_cont {padding:0; border-top:0;} .daon_ver2_sub_type3 .busi_cont .img_box {width:100%; text-align:center;} .daon_ver2_sub_type3 .busi_cont .txt_box {width:100%; padding:30px 20px 50px 20px;} .daon_ver2_sub_type3 .busi_cont.other_type .txt_box { text-align:left; padding:30px 20px 50px 20px;} } @media screen and (max-width:480px){ .daon_ver2_sub_type3 .busi_cont .txt_box strong.tit {font-size:1.5em;} .daon_ver2_sub_type3 .busi_cont .txt_box a.btn_link { width:100%; margin:30px auto 0;} } /* 여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */ /* 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;} /* 반응형 중간기기 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;} } /* 반응형 작은기기 360사이즈 이하 */ @media screen and (max-width: 360px) { #roomsViewType02 .thumbs-gallery .gallery-top { height:192px; } #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide { height:30px; } } /* 그누보드 내용관리등 에디터로 입력할 경우 여기서부터 */ .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; } .daon_ver2_sub_type6 {width:100%;} .daon_ver2_sub_type6:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type6 .step_top {width:100%; margin-top:50px; background-color:#fff; transition: 0.3s all ease;} .daon_ver2_sub_type6 .step_top:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type6 .step_top .img_box { width:100%; } .daon_ver2_sub_type6 .step_top .img_box img {max-width:100%;} .daon_ver2_sub_type6 .step_top .txt_box { position:relative; top:-30px; left:50%; margin-left:-45%; width:90%; padding:40px 0 0 0; background-color:#fff; } /*텍스트_배경색상*/ .daon_ver2_sub_type6 .step_top .txt_box h2.tit { display:block; font-size:2em; font-weight:700; text-align:center; color:#2860AF; line-height:1.4em; letter-spacing:-0.05em; word-break:keep-all; } .daon_ver2_sub_type6 .step_top .txt_box div.txts {width:100%; margin-top:20px; text-align:center; } .daon_ver2_sub_type6 .step_top .txt_box div.txts p {display:block; margin-bottom:10px; font-size:1.4em; color:#333; line-height:1.6em; word-break:keep-all; } .daon_ver2_sub_type6 .step_box { width:100%; margin-top:50px; transition: 0.3s all ease;} .daon_ver2_sub_type6 .step_box:after{content:""; display:block; clear:both;} .daon_ver2_sub_type6 .step_box ul { width:100%; margin:0; padding:0;} .daon_ver2_sub_type6 .step_box ul li {display:table; position:relative; float:left; text-align:center; width:22%; min-height:180px; padding:40px 15px; margin-right:4%; margin-bottom:40px; background-color:#fff; border:1px solid #dfdfdf; transition: 0.5s all ease; } .daon_ver2_sub_type6 .step_box ul li:nth-child(4n) { margin-right:0;} .daon_ver2_sub_type6 .step_box ul li:nth-child(4n):after {display:none} .daon_ver2_sub_type6 .step_box ul li .con_box em { position:absolute; top:0; left:0; width:34px; height:34px; line-height:32px; background-color:#000;text-align:center; font-size:1em; color:#fff; font-style:normal; z-index:1;} .daon_ver2_sub_type6 .step_box ul li .con_box {display:table-cell; vertical-align:middle; } .daon_ver2_sub_type6 .step_box ul li .con_box strong {display:block; font-size:1.6em; color:#000;} .daon_ver2_sub_type6 .step_box ul li .con_box p { display:block; line-height:1.4em; font-size:1.2em; color:#666; margin-top:15px; word-break:keep-all;} @media all and (max-width:1024px){ .daon_ver2_sub_type6 .step_box ul li { width:46%; margin-right:4%; } .daon_ver2_sub_type6 .step_box ul li:after { margin-right:-12%;} .daon_ver2_sub_type6 .step_box ul li:nth-child(even) {float:right; margin-right:0;} .daon_ver2_sub_type6 .step_box ul li:nth-child(even):after {display:none;} } @media screen and (max-width: 768px){ .daon_ver2_page_title{margin-bottom:40px;} .daon_ver2_page_title h1{font-size:1.85em;} .daon_ver2_page_title h2{font-size:1em;} .daon_ver2_sub_type6 .step_top {padding:0; border:0;} .daon_ver2_sub_type6 .step_top .txt_box h2.tit {font-size:1.5em;} .daon_ver2_sub_type6 .step_top .txt_box div.txts p {font-size:1em;} .daon_ver2_sub_type6 .step_box { padding:0 4%; margin-top:50px; } .daon_ver2_sub_type6 .step_box ul li { width:100%; min-height:auto; padding:25px 25px; margin-bottom:50px; } .daon_ver2_sub_type6 .step_box ul li:after { top: unset; bottom:-40px; margin-top:0; left:50%; margin-left:-15px; transform: rotate(90deg);} .daon_ver2_sub_type6 .step_box ul li:first-child {text-align:center; } .daon_ver2_sub_type6 .step_box ul li:nth-child(even):after {display:block; } .daon_ver2_sub_type6 .step_box ul li:nth-child(4n):after {display:block} .daon_ver2_sub_type6 .step_box ul li:last-child:after {display:none;} .daon_ver2_sub_type6 .step_box ul li:last-child {margin-bottom:0;} .daon_ver2_sub_type6 .step_box ul li .con_box strong {display:inline-block; font-size:1.25em; color:#000;} } /* 여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */ .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:#cc0000; 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:#000;} /* 그누보드 내용관리등 에디터로 입력할 경우 여기서부터 */ .fc_ver3_pointer {color:#C53428; } .daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;} .daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;} .daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;} .daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;} .daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; } .daon_ver3_sub_type11 {width:100%; max-width:1500px; margin:0 auto;} .daon_ver3_sub_type11:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type11 .map_cont1 {width:100%; height:401px; } .daon_ver3_sub_type11 .map_cont1:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type11 .map_cont1 .g_map1 {float:left; width:50%; height:100%; overflow:hidden;} .daon_ver3_sub_type11 .map_cont1 .g_map1:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type11 .map_cont1 .map_info {float:left; width:50%; height:100%; padding:0 50px; font-size:0; } .daon_ver3_sub_type11 .map_cont1 .map_info:after {content:""; display:block; clear:both;} .daon_ver3_sub_type11 .map_cont1 .map_info h4 {font-size:36px; color:#000; font-weight:700; line-height:1.6em; word-break:keep-all;} .daon_ver3_sub_type11 .map_cont1 .map_info dl { width:100%; margin-top:20px; padding-top:10px; text-align:left; border-top:1px solid #ddd; } .daon_ver3_sub_type11 .map_cont1 .map_info dl dd { width:50%; display:inline-block; vertical-align:top; margin:15px 0; padding:0 20px;} .daon_ver3_sub_type11 .map_cont1 .map_info dl dd i {display:inline-block; vertical-align:middle; margin-right:10px; font-size:1.15em; color:#3b445b;} .daon_ver3_sub_type11 .map_cont1 .map_info dl dd strong {display:inline-block; vertical-align:middle; font-size:1.5em; color:#000; line-height:1.2em; font-weight:400; } .daon_ver3_sub_type11 .map_cont1 .map_info dl dd p { display:block; line-height:1.4em; font-size:1.15em; color:#666; margin-top:15px; word-break:keep-all;} .daon_ver3_sub_type11 .map_cont1 .map_info .map_bt {width:100%; margin-top:30px;} .daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a {width:32%; margin-right:2%; display:inline-block; text-align:center; padding:15px 20px; color:#fff; font-size:1.15em; border-radius:5px; transition:0.3s all ease; } .daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a:last-child {margin-right:0;} .daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a:hover {background-color:#f3f5f7 !important; color:#000 !important; transition:0.3s all ease;} .daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_naver {background-color:#1ec800;} .daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_daum {background-color:#258fff;} .daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_google {background-color:#1e2f3e;} .daon_ver3_sub_type11 .map_cont2 {width:100%; margin-top:100px;} .daon_ver3_sub_type11 .map_cont2:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type11 .map_cont2 .g_map2 {width:100%; height:401px; overflow:hidden;} .daon_ver3_sub_type11 .map_cont2 .g_map2:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type11 .map_cont2 .map_info {width:100%; padding:30px 50px; font-size:0; background-color:#f3f5f7; transition: 0.3s all ease;} .daon_ver3_sub_type11 .map_cont2 .map_info:after {content:""; display:block; clear:both;} .daon_ver3_sub_type11 .map_cont2 .map_info dl {float:right; width:60%; padding-left:50px; text-align:left; border-left:1px solid #ddd; } .daon_ver3_sub_type11 .map_cont2 .map_info dl dd { width:50%; display:inline-block; vertical-align:top; margin:15px 0; padding:0 20px;} .daon_ver3_sub_type11 .map_cont2 .map_info dl dd i {display:inline-block; vertical-align:middle; margin-right:10px; font-size:1.15em; color:#3b445b;} .daon_ver3_sub_type11 .map_cont2 .map_info dl dd strong {display:inline-block; vertical-align:middle; font-size:1.5em; color:#000; line-height:1.2em; font-weight:400; } .daon_ver3_sub_type11 .map_cont2 .map_info dl dd p { display:block; line-height:1.4em; font-size:1.15em; color:#666; margin-top:15px; word-break:keep-all;} .daon_ver3_sub_type11 .map_cont2 .map_info .map_tit{float:left; width:40%; padding-right:50px;} .daon_ver3_sub_type11 .map_cont2 .map_info h4 {margin-top:20px; font-size:24px; color:#000; line-height:1.6em; word-break:keep-all;} .daon_ver3_sub_type11 .map_cont2 .map_info .map_bt {width:100%; margin-top:30px; } .daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a {width:32%; margin-right:2%; display:inline-block; text-align:center; padding:15px 20px; color:#fff; font-size:1.15em; border-radius:5px; transition:0.3s all ease; } .daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a:last-child {margin-right:0;} .daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a:hover {background-color:#fff !important; color:#000 !important; transition:0.3s all ease;} .daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_naver {background-color:#1ec800;} .daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_daum {background-color:#258fff;} .daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_google {background-color:#1e2f3e;} @media all and (max-width:1500px){ .daon_ver3_sub_type11 {padding:0 2%; } } @media all and (max-width:1200px){ .daon_ver3_sub_type11 .map_cont1 {height:auto; } .daon_ver3_sub_type11 .map_cont1 .g_map1 {width:100%; height:401px;} .daon_ver3_sub_type11 .map_cont1 .map_info {width:100%; height:auto; padding:30px 0px;} .daon_ver3_sub_type11 .map_cont2 .map_info {padding:30px 30px;} .daon_ver3_sub_type11 .map_cont2 .map_info dl {float:left; width:100%; padding-left:0; border-left:0; padding-bottom:20px; border-bottom:1px solid #ddd;} .daon_ver3_sub_type11 .map_cont2 .map_info .map_tit {width:100%; padding-right:0; margin-top:30px;} } @media all and (max-width:992px){ .daon_ver3_page_title{margin-bottom:50px;} .daon_ver3_page_title h1{font-size:1.85em;} .daon_ver3_page_title h2{font-size:1em;} } @media screen and (max-width: 768px){ .daon_ver3_page_title{margin-bottom:40px;} .daon_ver3_page_title h1{font-size:1.85em;} .daon_ver3_page_title h2{font-size:1em;} .daon_ver3_sub_type11 .map_cont1 .map_info h4 {font-size:24px; } .daon_ver3_sub_type11 .map_cont1 .map_info dl dd strong {font-size:1.25em; } .daon_ver3_sub_type11 .map_cont1 .map_info dl dd p { font-size:1em;} .daon_ver3_sub_type11 .map_cont1 .map_info .map_bt{text-align:center;} .daon_ver3_sub_type11 .map_cont2 .map_info h4 {font-size:18px; margin-top:0;} .daon_ver3_sub_type11 .map_cont2 .map_info dl dd strong {font-size:1.25em; } .daon_ver3_sub_type11 .map_cont2 .map_info dl dd p { font-size:1em;} .daon_ver3_sub_type11 .map_cont2 .map_info .map_bt{text-align:center;} } @media screen and (max-width: 640px){ .daon_ver3_sub_type11 .map_cont1 .map_info {padding:30px 20px;} .daon_ver3_sub_type11 .map_cont1 .map_info dl dd {width:100%; padding:0;} .daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a {width:32%; margin-right:2%; padding:10px; font-size:1em;} .daon_ver3_sub_type11 .map_cont2 .map_info {padding:30px 20px;} .daon_ver3_sub_type11 .map_cont2 .map_info dl dd {width:100%; padding:0;} .daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a {width:32%; margin-right:2%; padding:10px; font-size:1em;} } /* 여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */ /* 그누보드 내용관리등 에디터로 입력할 경우 여기서부터 */ .fc_ver3_pointer {color:#C53428; } .daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;} .daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;} .daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;} .daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;} .daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; } .daon_ver3_sub_type15 {width:100%; max-width:1500px; margin:0 auto;} .daon_ver3_sub_type15:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-1 {position:relative; width:100%;} .daon_ver3_sub_type15 .type15-1:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-1 .con_box { display:flex; align-items: center;justify-content: space-between; flex-direction: row-reverse; width:100%; margin:100px auto;} .daon_ver3_sub_type15 .type15-1 .con_box:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-1 .img_box {position:relative; width:50%; transition:0.5s all ease; } .daon_ver3_sub_type15 .type15-1 .img_box img {max-width:100%; box-shadow: 15px 15px 10px rgba(0,0,0,.05); transition:0.5s all ease; border-radius:10px;} .daon_ver3_sub_type15 .type15-1 .txt_box {position:relative; width:50%; padding-right:50px; overflow:hidden; } .daon_ver3_sub_type15 .type15-1 .txt_box:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 {display:flex; align-items: center;} .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon { display:flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-right:20px; border-radius: 50%; background-color:#e53d30; transition:0.5s all ease;} .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon i {font-size:2.5em; color:#fff; } .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 p { width:75%; display: inline-block; vertical-align: middle; font-size:2.5em; color:#000; line-height:1.2em; font-weight:700; } .daon_ver3_sub_type15 .type15-1 .txt_box p.tit_desc {display:block; margin-top:30px; font-size:1.25em; color:#666; line-height:1.6em; font-weight:400; word-break:keep-all;} .daon_ver3_sub_type15 .type15-1 .txt_box ul.chk_list { width:100%; margin-top:50px; border-top:1px solid #222 } .daon_ver3_sub_type15 .type15-1 .txt_box ul.chk_list:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-1 .txt_box ul.chk_list li {position:relative; float:left; width:100%; padding:10px 15px 10px 25px; font-size: 1.25em; color: #666; line-height: 1.6em; border-bottom:1px dashed #ddd; transition:0.5s all ease;} .daon_ver3_sub_type15 .type15-1 .txt_box ul.chk_list li:before { display:block; content:""; position:absolute; left:12px; top:22px; width:4px; height:4px; background-color:#e53d30; border-radius:4px;} .daon_ver3_sub_type15 .type15-2 {width:100%;} .daon_ver3_sub_type15 .type15-2:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-2 .con_box { position:relative; display:flex; align-items: center; width:100%; margin:150px auto; } .daon_ver3_sub_type15 .type15-2 .con_box:before {z-index:-1; display:block; content:""; position:absolute; right:0; top:0px; width:70%; height:400px; background-color:#f8f8f8 !imoprtant; border-radius:10px;} .daon_ver3_sub_type15 .type15-2 .img_box { position:relative; top:-50px; width:40%; text-align:center; transition:0.5s all ease;} .daon_ver3_sub_type15 .type15-2 .img_box img {max-width:100%; box-shadow: 15px 15px 10px rgba(0,0,0,.05); transition:0.5s all ease; border-radius:10px;} .daon_ver3_sub_type15 .type15-2 .txt_box {position:relative; width:60%; padding:0 0 0 80px; } .daon_ver3_sub_type15 .type15-2 .txt_box:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-2 .txt_box em.num {position: absolute; right:50px; bottom:-30px; font-size:6em; font-weight:900; color:rgba(0,0,0,.05); font-style:normal;} .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit1 {position:relative; display:block;} .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit1:before { content: ''; display:block; position: absolute; left: 0; top:-15px; width: 50px; height: 2px; background-color:#000;} .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit1 .icon { display: inline-block; vertical-align: middle; text-align:center; width: 80px; height: 80px; margin-right: 15px; border-radius: 50%; background: #e53d30;} .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit1 .icon i {display: inline-block; vertical-align: middle; font-size:2.5em; color:#fff; line-height:80px;} .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit1 p {display: inline-block; vertical-align: middle; font-size:2.85em; color:#000; line-height:1.2em; font-weight:700; } .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit1 p strong { display:block; color:#000; font-weight:400;} .daon_ver3_sub_type15 .type15-2 .txt_box p.tit_desc {display:block; margin-top:30px; font-size:1.25em; color:#666; line-height:1.6em; font-weight:400; word-break:keep-all;} .daon_ver3_sub_type15 .type15-2 .con_box.type_other {flex-direction: row-reverse; } .daon_ver3_sub_type15 .type15-2 .con_box.type_other:before {z-index:-1; display:block; content:""; position:absolute; left:0; top:0px; width:70%; height:400px; background-color:#f8f8f8 !imoprtant;} .daon_ver3_sub_type15 a.btn_go {display:inline-block; margin-top:40px; padding:10px 20px; font-size:1.25em; line-height:1.4em; text-align:center; color:#fff; background-color:#e53d30; border-radius:4px; transition: .3s;} .daon_ver3_sub_type15 a.btn_go:hover {background-color:#333; } @media all and (max-width:1500px){ .daon_ver3_sub_type15 {padding:0 4%;} } @media all and (max-width:1200px){ .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon { width: 70px; height: 70px; } .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon i { font-size:2em; } .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 p { font-size:2em;} .daon_ver3_sub_type15 .type15-1 .txt_box p.tit_desc {font-size:1.15em;} .daon_ver3_sub_type15 .type15-2 .con_box:before{height:300px; top:-30px;} .daon_ver3_sub_type15 .type15-2 .con_box.type_other:before{height:300px; top:-30px;} .daon_ver3_sub_type15 .type15-2 .txt_box p.tit_desc {font-size:1.15em;} } @media all and (max-width:992px){ .daon_ver3_page_title{margin-bottom:50px;} .daon_ver3_page_title h1{font-size:1.85em;} .daon_ver3_page_title h2{font-size:1em;} .daon_ver3_sub_type15 .type15-1 .con_box {flex-direction: column; margin:50px auto 0;} .daon_ver3_sub_type15 .type15-1 .img_box {width:100%; padding:0; text-align:center;} .daon_ver3_sub_type15 .type15-1 .txt_box {width:100%; margin:50px 0; padding:0 20px;} .daon_ver3_sub_type15 .type15-2 .con_box {flex-direction: column; margin:20px auto 0;} .daon_ver3_sub_type15 .type15-2 .con_box:before {display:none; } .daon_ver3_sub_type15 .type15-2 .img_box { width:100%; top:0; } .daon_ver3_sub_type15 .type15-2 .txt_box {width:100%; margin-top:40px; padding:20px 20px;} .daon_ver3_sub_type15 .type15-2 .txt_box em.num {right:0; bottom:45px; font-size:6em; } .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit1 p { font-size:2em; } .daon_ver3_sub_type15 .type15-2 .con_box.type_other {flex-wrap: wrap;} .daon_ver3_sub_type15 .type15-2 .con_box.type_other:before { display:none; } } @media screen and (max-width:768px){ .daon_ver3_page_title{margin-bottom:40px;} .daon_ver3_page_title h1{font-size:1.85em;} .daon_ver3_page_title h2{font-size:1em;} } @media all and (max-width:640px){ .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon { width: 50px; height: 50px; margin-right:10px;} .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon i { font-size:1.5em; } .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 p { font-size:1.5em;} .daon_ver3_sub_type15 .type15-1 .txt_box ul.chk_list li {font-size:1.15em;} .daon_ver3_sub_type15 a.btn_go {font-size:1em;} } /* 그누보드 내용관리등 에디터로 입력할 경우 여기서부터 */ .fc_ver3_pointer {color:#C53428; } .daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;} .daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;} .daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;} .daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;} .daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; } .daon_ver3_sub_type15 {width:100%; max-width:1500px; margin:0 auto;} .daon_ver3_sub_type15:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-1 {position:relative; width:100%;} .daon_ver3_sub_type15 .type15-1:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-1 .con_box { display:flex; align-items: center;justify-content: space-between; flex-direction: row-reverse; width:100%; margin:100px auto;} .daon_ver3_sub_type15 .type15-1 .con_box:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-1 .img_box {position:relative; width:50%; transition:0.5s all ease; } .daon_ver3_sub_type15 .type15-1 .img_box img {max-width:100%; box-shadow: 15px 15px 10px rgba(0,0,0,.05); transition:0.5s all ease; border-radius:10px;} .daon_ver3_sub_type15 .type15-1 .txt_box {position:relative; width:50%; padding-right:50px; overflow:hidden; } .daon_ver3_sub_type15 .type15-1 .txt_box:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 {display:flex; align-items: center;} .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon { display:flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-right:20px; border-radius: 50%; background-color:#e53d30; transition:0.5s all ease;} .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon i {font-size:2.5em; color:#fff; } .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 p { width:75%; display: inline-block; vertical-align: middle; font-size:2.5em; color:#000; line-height:1.2em; font-weight:700; } .daon_ver3_sub_type15 .type15-1 .txt_box p.tit_desc {display:block; margin-top:30px; font-size:1.25em; color:#666; line-height:1.6em; font-weight:400; word-break:keep-all;} .daon_ver3_sub_type15 .type15-1 .txt_box ul.chk_list { width:100%; margin-top:50px; border-top:1px solid #222 } .daon_ver3_sub_type15 .type15-1 .txt_box ul.chk_list:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-1 .txt_box ul.chk_list li {position:relative; float:left; width:100%; padding:10px 15px 10px 25px; font-size: 1.25em; color: #666; line-height: 1.6em; border-bottom:1px dashed #ddd; transition:0.5s all ease;} .daon_ver3_sub_type15 .type15-1 .txt_box ul.chk_list li:before { display:block; content:""; position:absolute; left:12px; top:22px; width:4px; height:4px; background-color:#e53d30; border-radius:4px;} .daon_ver3_sub_type15 .type15-2 {width:100%;} .daon_ver3_sub_type15 .type15-2:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-2 .con_box { position:relative; display:flex; align-items: center; width:100%; margin:150px auto; } .daon_ver3_sub_type15 .type15-2 .con_box:before {z-index:-1; display:block; content:""; position:absolute; right:0; top:0px; width:70%; height:400px; background-color:#f8f8f8 !important; border-radius:10px;} .daon_ver3_sub_type15 .type15-2 .img_box { position:relative; top:-50px; width:40%; text-align:center; transition:0.5s all ease;} .daon_ver3_sub_type15 .type15-2 .img_box img {max-width:100%; box-shadow: 15px 15px 10px rgba(0,0,0,.05); transition:0.5s all ease; border-radius:10px;} .daon_ver3_sub_type15 .type15-2 .txt_box {position:relative; width:60%; padding:0 0 0 80px; } .daon_ver3_sub_type15 .type15-2 .txt_box:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type15 .type15-2 .txt_box em.num {position: absolute; right:50px; bottom:-30px; font-size:6em; font-weight:900; color:rgba(0,0,0,.05); font-style:normal;} .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit2 {position:relative; display:block;} .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit2:before { content: ''; display:block; position: absolute; left: 0; top:-15px; width: 50px; height: 2px; background-color:#000;} .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit2 .icon { display: inline-block; vertical-align: middle; text-align:center; width: 80px; height: 80px; margin-right: 15px; border-radius: 50%; background: #e53d30;} .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit2 .icon i {display: inline-block; vertical-align: middle; font-size:2.5em; color:#fff; line-height:80px;} .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit2 p {display: inline-block; vertical-align: middle; font-size:2.85em; color:#000; line-height:1.2em; font-weight:700; } .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit2 p strong { display:block; color:#000; font-weight:400;} .daon_ver3_sub_type15 .type15-2 .txt_box p.tit_desc {display:block; margin-top:30px; font-size:1.25em; color:#666; line-height:1.6em; font-weight:400; word-break:keep-all;} .daon_ver3_sub_type15 .type15-2 .con_box.type_other {flex-direction: row-reverse; } .daon_ver3_sub_type15 .type15-2 .con_box.type_other:before {z-index:-1; display:block; content:""; position:absolute; left:0; top:0px; width:70%; height:400px; background-color:#f8f8f8;} .daon_ver3_sub_type15 a.btn_go {display:inline-block; margin-top:40px; padding:10px 20px; font-size:1.25em; line-height:1.4em; text-align:center; color:#fff; background-color:#e53d30; border-radius:4px; transition: .3s;} .daon_ver3_sub_type15 a.btn_go:hover {background-color:#333; } @media all and (max-width:1500px){ .daon_ver3_sub_type15 {padding:0 4%;} } @media all and (max-width:1200px){ .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon { width: 70px; height: 70px; } .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon i { font-size:2em; } .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 p { font-size:2em;} .daon_ver3_sub_type15 .type15-1 .txt_box p.tit_desc {font-size:1.15em;} .daon_ver3_sub_type15 .type15-2 .con_box:before{height:300px; top:-30px;} .daon_ver3_sub_type15 .type15-2 .con_box.type_other:before{height:300px; top:-30px;} .daon_ver3_sub_type15 .type15-2 .txt_box p.tit_desc {font-size:1.15em;} } @media all and (max-width:992px){ .daon_ver3_page_title{margin-bottom:50px;} .daon_ver3_page_title h1{font-size:1.85em;} .daon_ver3_page_title h2{font-size:1em;} .daon_ver3_sub_type15 .type15-1 .con_box {flex-direction: column; margin:50px auto 0;} .daon_ver3_sub_type15 .type15-1 .img_box {width:100%; padding:0; text-align:center;} .daon_ver3_sub_type15 .type15-1 .txt_box {width:100%; margin:50px 0; padding:0 20px;} .daon_ver3_sub_type15 .type15-2 .con_box {flex-direction: column; margin:20px auto 0;} .daon_ver3_sub_type15 .type15-2 .con_box:before {display:none; } .daon_ver3_sub_type15 .type15-2 .img_box { width:100%; top:0; } .daon_ver3_sub_type15 .type15-2 .txt_box {width:100%; margin-top:40px; padding:20px 20px;} .daon_ver3_sub_type15 .type15-2 .txt_box em.num {right:0; bottom:45px; font-size:6em; } .daon_ver3_sub_type15 .type15-2 .txt_box h2.tit1 p { font-size:2em; } .daon_ver3_sub_type15 .type15-2 .con_box.type_other {flex-wrap: wrap;} .daon_ver3_sub_type15 .type15-2 .con_box.type_other:before { display:none; } } @media screen and (max-width:768px){ .daon_ver3_page_title{margin-bottom:40px;} .daon_ver3_page_title h1{font-size:1.85em;} .daon_ver3_page_title h2{font-size:1em;} } @media all and (max-width:640px){ .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon { width: 50px; height: 50px; margin-right:10px;} .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 .icon i { font-size:1.5em; } .daon_ver3_sub_type15 .type15-1 .txt_box h2.tit1 p { font-size:1.5em;} .daon_ver3_sub_type15 .type15-1 .txt_box ul.chk_list li {font-size:1.15em;} .daon_ver3_sub_type15 a.btn_go {font-size:1em;} } /* 여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */ /* 그누보드 내용관리등 에디터로 입력할 경우 여기서부터 */ .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; } .daon_ver2_sub_type7 {width:100%;} .daon_ver2_sub_type7:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type7 .step_top {position:relative; width:100%; margin-top:50px; transition: 0.3s all ease;} .daon_ver2_sub_type7 .step_top:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type7 .step_top .img_box { width:100%; } .daon_ver2_sub_type7 .step_top .img_box img {max-width:100%;} .daon_ver2_sub_type7 .step_top .txt_box { position:relative; width:100%; padding:40px; background-color:#247BCB; text-align:center;} .daon_ver2_sub_type7 .step_top .txt_box h2.tit { display:block; font-size:2em; font-weight:700; color:#fff; line-height:1.4em; letter-spacing:-0.05em; word-break:keep-all; } .daon_ver2_sub_type7 .step_top .txt_box div.txts {width:100%; margin-top:20px; } .daon_ver2_sub_type7 .step_top .txt_box div.txts p {display:block; margin-bottom:10px; font-size:1.1em; color:#cfdee9; line-height:1.6em; word-break:keep-all; } .daon_ver2_sub_type7 .step_top .txt_box .con_box {width:100%; margin-top:30px;} .daon_ver2_sub_type7 .step_top .txt_box .con_box:after {content:""; display:block; clear:both;} .daon_ver2_sub_type7 .step_top .txt_box .con_box ul {width:100%; margin:0; padding:0; } .daon_ver2_sub_type7 .step_top .txt_box .con_box ul li {float:left; width:33.33333%; min-height:260px; text-align:center; padding:25px; border-left:1px solid rgba(255,255,255,0.2); box-sizing:border-box; transition: 0.3s all ease;} .daon_ver2_sub_type7 .step_top .txt_box .con_box ul li:first-child {border-left:0; } .daon_ver2_sub_type7 .step_top .txt_box .con_box ul li:last-child {margin-right:0; } .daon_ver2_sub_type7 .step_top .txt_box .con_box ul li dl.box { width:100%; margin:0; padding:0; transition: 0.3s all ease;} .daon_ver2_sub_type7 .step_top .txt_box .con_box ul li dl.box dt { width:100%; } .daon_ver2_sub_type7 .step_top .txt_box .con_box ul li dl.box dt img { max-width:100%; overflow:hidden;} .daon_ver2_sub_type7 .step_top .txt_box .con_box ul li dl.box dd { width:100%; margin-top:20px; } .daon_ver2_sub_type7 .step_top .txt_box .con_box ul li dl.box dd strong {display:block; font-size:1.25em; font-weight:700; line-height:1.2em; color:#fff; } .daon_ver2_sub_type7 .step_top .txt_box .con_box ul li dl.box dd p {margin-top:15px; font-size:1em; color:#cfdee9; line-height:1.4em; } .daon_ver2_sub_type7 .step_box { width:100%; margin-top:50px; transition: 0.3s all ease; } .daon_ver2_sub_type7 .step_box:after{content:""; display:block; clear:both;} .daon_ver2_sub_type7 .step_box ul { width:100%; margin:0; padding:0;} .daon_ver2_sub_type7 .step_box ul li {display:table; position:relative; float:left; text-align:center; width:30%; min-height:240px; padding:0; margin-right:5%; margin-bottom:40px; background-color:#fff; border:1px solid #dfdfdf; transition: 0.5s all ease; } .daon_ver2_sub_type7 .step_box ul li:after { content: ""; position: absolute; width:30px; height:30px; top:50%; right:0; margin-top:-15px; margin-right:-12%; background:url('../image/step_arrow_right.png')no-repeat;} .daon_ver2_sub_type7 .step_box ul li:nth-child(3n) { margin-right:0;} .daon_ver2_sub_type7 .step_box ul li:nth-child(3n):after {display:none} .daon_ver2_sub_type7 .step_box ul li div { display:table-cell; vertical-align:top; text-align:left;} .daon_ver2_sub_type7 .step_box ul li div strong {position:relative; display:block; padding:20px; font-size:1.25em; color:#fff; background-color:#5f6674; overflow:hidden;} .daon_ver2_sub_type7 .step_box ul li div strong em { position:absolute; top:30px; right:5px; font-size:4em; color:rgba(255,255,255,.1); font-weight:700; letter-spacing:-0.05em; z-index:1;} .daon_ver2_sub_type7 .step_box ul li div dl {width:100%; padding:20px; } .daon_ver2_sub_type7 .step_box ul li div dl dd { position:relative; display:block; padding-left:10px; margin-top:10px; line-height:1.4em; font-size:1em; color:#666; /*word-break:keep-all;*/} .daon_ver2_sub_type7 .step_box ul li div dl dd:before { content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color:#017ece; border-radius: 50%;} .daon_ver2_sub_type7 .step_box ul li div dl dd:first-child {margin-top:0;} @media all and (max-width:1024px){ .daon_ver2_sub_type7 .step_box ul li { width:46%; margin-right:4%; } .daon_ver2_sub_type7 .step_box ul li:after { margin-right:-12%;} .daon_ver2_sub_type7 .step_box ul li:nth-child(even) {float:right; margin-right:0;} .daon_ver2_sub_type7 .step_box ul li:nth-child(even):after {display:none;} .daon_ver2_sub_type7 .step_box ul li:nth-child(3n):after {display:block;} .daon_ver2_sub_type7 .step_box ul li:last-child:after {display:none;} .daon_ver2_sub_type7 .step_box ul li div strong em {font-size:3em;} } @media screen and (max-width: 768px){ .daon_ver2_page_title{margin-bottom:40px;} .daon_ver2_page_title h1{font-size:1.85em;} .daon_ver2_page_title h2{font-size:1em;} .daon_ver2_sub_type7 .step_top {padding:0; border:0;} .daon_ver2_sub_type7 .step_top .txt_box {position:static; width:100%; text-align:center; background-color:rgba(36,123,203,1);} .daon_ver2_sub_type7 .step_top .txt_box h2.tit {font-size:1.5em;} .daon_ver2_sub_type7 .step_top .txt_box div.txts p {font-size:1em;} .daon_ver2_sub_type7 .step_top .txt_box .con_box ul li {width:100%; min-height:auto; padding:40px 10px; border-left:0; border-bottom:1px solid rgba(255,255,255,0.2);} .daon_ver2_sub_type7 .step_box { padding:0 4%; margin-top:50px; } .daon_ver2_sub_type7 .step_box ul li { width:100%; min-height:auto; margin-bottom:50px; text-align:left; } .daon_ver2_sub_type7 .step_box ul li:after { top: unset; bottom:-40px; margin-top:0; left:50%; margin-left:-15px; transform: rotate(90deg);} .daon_ver2_sub_type7 .step_box ul li:nth-child(even):after {display:block; } .daon_ver2_sub_type7 .step_box ul li:nth-child(4n):after {display:block} .daon_ver2_sub_type7 .step_box ul li:last-child:after {display:none;} .daon_ver2_sub_type7 .step_box ul li:last-child {margin-bottom:0;} } /* 여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */ /* 그누보드 내용관리등 에디터로 입력할 경우 여기서부터 */ .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; } .ver2_pc_only {display:block;} .daon_ver2_sub_type16 {width:100%; } .daon_ver2_sub_type16:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type16 .busi_top {width:100%;} .daon_ver2_sub_type16 .busi_top:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type16 .busi_top .img_box { width:100%;} .daon_ver2_sub_type16 .busi_top .img_box img {max-width:100%;} .daon_ver2_sub_type16 .busi_top .txt_box { position:relative; top:-140px; left:50%; margin-left:-40%; width:80%; padding:40px 0; background-color:#fff; margin-bottom:-140px; transition: 0.3s all ease;} .daon_ver2_sub_type16 .busi_top .txt_box h2.tit { display:block; font-size:2em; font-weight:700; text-align:center; color:#1a3989; line-height:1.4em; letter-spacing:-0.05em; word-break:keep-all; } .daon_ver2_sub_type16 .busi_top .txt_box div.txts {width:100%; margin-top:10px; text-align:center;} .daon_ver2_sub_type16 .busi_top .txt_box div.txts p {display:block; font-size:1.25em; color:#333; line-height:1.4em; margin-top:10px; word-break:keep-all; } .daon_ver2_sub_type16 h3.con_tit {display:block; font-size:1.85em; font-weight:700; line-height:1.5em; padding-bottom:15px; max-width:1500px; margin:50px auto 25px; border-bottom:1px solid #222; } .daon_ver2_sub_type16 .busi_list_all{width:100%; max-width:1500px; margin:0 auto; } .daon_ver2_sub_type16 .busi_list1 {width:100%;margin:0 auto; } .daon_ver2_sub_type16 .busi_list1:after {content:""; display:block; clear:both;} .daon_ver2_sub_type16 .busi_list1 ul {width:100%; margin:0; padding:0; } .daon_ver2_sub_type16 .busi_list1 ul li {float:left; width:32%; min-height:420px; margin-right:2%; padding:0; transition: 0.3s all ease;} .daon_ver2_sub_type16 .busi_list1 ul li:last-child {margin-right:0;} .daon_ver2_sub_type16 .busi_list1 ul li dl.box { width:100%; margin:0; padding:0; } .daon_ver2_sub_type16 .busi_list1 ul li dl.box dt { width:100%; } .daon_ver2_sub_type16 .busi_list1 ul li dl.box dt img { max-width:100%;} .daon_ver2_sub_type16 .busi_list1 ul li dl.box dd { width:100%; padding:25px; overflow:hidden;} .daon_ver2_sub_type16 .busi_list1 ul li dl.box dd strong {display:block; font-size:1.85em; font-weight:700; line-height:1.2em; } .daon_ver2_sub_type16 .busi_list1 ul li dl.box dd p {display:block; margin-top:15px; font-size:1.4em; color:#777; } .daon_ver2_sub_type16 .busi_list1 ul li dl.box dd p:first-child {margin-top:0; } .daon_ver2_sub_type16 .busi_list1 ul li dl.box dd a { display:inline-block; text-align:center; padding:10px 20px; margin:20px auto; font-size:1em; text-decoration:none; color:#000; border:1px solid #ddd; } .daon_ver2_sub_type16 .busi_list1 ul li dl.box dd a:hover { color:#2860AF; border:1px solid #2860AF; } @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_type16 .busi_top .txt_box h2.tit { font-size:2em; } .daon_ver2_sub_type16 .busi_top .txt_box div.txts p {font-size:1.25em;} .daon_ver2_sub_type16 .busi_list_all{ padding:0 4%; } .daon_ver2_sub_type16 .busi_list1 ul li dl.box dt strong {font-size:1.25em;} .daon_ver2_sub_type16 .busi_list1 ul li dl.box dd p {font-size:1em; } } @media all and (max-width:768px){ .daon_ver2_sub_type16 .busi_top {margin-top:30px;} .daon_ver2_sub_type16 .busi_top .txt_box { top:-50px; margin-left:-47%; padding:25px 4% 0 4%; width:94%; margin-bottom:0;} .daon_ver2_sub_type16 .busi_list1 ul li {width:100%; text-align:center;} .daon_ver2_sub_type16 .busi_list2 ul li {width:50%; } } @media all and (max-width:640px){ .daon_ver2_sub_type16 .busi_top .txt_box { top:0px;} .daon_ver2_sub_type16 .busi_top .txt_box h2.tit { font-size:1.5em;} .daon_ver2_sub_type16 .busi_top .txt_box div.txts p {font-size:1em;} } @media all and (max-width:480px){ .ver2_pc_only {display:none;} .daon_ver2_sub_type16 .busi_list2 ul li dl.box dd strong {font-size:1.25em; } } /* 그누보드 내용관리등 에디터로 입력할 경우 여기서부터 */ .fc_ver3_pointer {color:#C53428; } .daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;} .daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;} .daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;} .daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;} .daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; } .daon_ver3_sub_type02 {width:100%; max-width:1500px; margin-top:100px; margin:0 auto;} .daon_ver3_sub_type02:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type02 .all_title {width:100%; margin-bottom:20px;} .daon_ver3_sub_type02 .all_title:first-of-type {margin-top:0;} .daon_ver3_sub_type02 .all_title:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type02 .all_title h2.tit1 {position:relative; display:block; padding-left:25px; } .daon_ver3_sub_type02 .all_title h2.tit1:before {content: ''; position: absolute; top:16px; left:0; width:15px; height:15px; background:#fff; border:4px solid #e53d30; border-radius:100%;} .daon_ver3_sub_type02 .all_title h2.tit1 p {font-size:2.2em; color:#000; line-height:1.4em; font-weight:500; word-break:keep-all; } .daon_ver3_sub_type02 .all_title .txts {display:block; margin-top:25px; font-size:1.25em; color:#222; line-height:1.6em; word-break:keep-all; } .daon_ver3_sub_type02 .type02-1 {width:100%; display:flex; flex-wrap: wrap; justify-content: center; gap:6%;} .daon_ver3_sub_type02 .type02-1:after{ content:""; display:block; clear:both;} .daon_ver3_sub_type02 .type02-1 .txt_box {margin-top:40px; } .daon_ver3_sub_type02 .type02-1 .txt_box .t1 {display:block; margin-bottom:20px; font-size:1.85em; color:#000; line-height:1.4em; font-weight:600; word-break:keep-all; } .daon_ver3_sub_type02 .type02-1 .txt_box .t1 span {display: inline-block; font-size:1.4em; color:#e53d30; line-height:1.4em; font-weight:600;} .daon_ver3_sub_type02 .type02-1 .txt_box .txts {display:block; margin-top:25px; font-size:1.4em; color:#666; line-height:1.6em; word-break:keep-all; } .daon_ver3_sub_type02 .type02-1 .img_box {width:100%; margin-top:50px; transition:0.3s all ease;} .daon_ver3_sub_type02 .type02-1 .img_box img {max-width:100%; border-radius:10px; overflow:hidden;} .daon_ver3_sub_type02 .type02-1 .con_left { width:47%; margin-top:0px;} .daon_ver3_sub_type02 .type02-1 .con_left:nth-of-type(2) {margin-top:0;} .daon_ver3_sub_type02 .type02-1 .con_left .txt_box {margin-top:20px;} .daon_ver3_sub_type02 .type02-1 .con_right { width:47%; margin-top:0px; } .daon_ver3_sub_type02 .type02-1 .con_right:nth-of-type(3) {margin-top:0; } .daon_ver3_sub_type02 .type02-1 .con_right .img_box { margin-top:0;} @media all and (max-width:1500px){ .daon_ver3_sub_type02 {padding:0 4%;} } @media all and (max-width:1200px){ .daon_ver3_sub_type02 .type02-2 .dl_list dl dt{width:70%;} } @media all and (max-width:992px){ .daon_ver3_page_title{margin-bottom:50px;} .daon_ver3_page_title h1{font-size:1.85em;} .daon_ver3_page_title h2{font-size:1em;} .daon_ver3_sub_type02 .all_title {margin-top:30px;} .daon_ver3_sub_type02 .all_title h2.tit1:before {top:12px; } .daon_ver3_sub_type02 .all_title h2.tit1 p { font-size:2em; } .daon_ver3_sub_type02 .type02-1 { margin-top:50px; } .daon_ver3_sub_type02 .type02-1 .txt_box .t1 {font-size:1.65em; } .daon_ver3_sub_type02 .type02-1 .txt_box .txts {font-size:1.1em;} .daon_ver3_sub_type02 .type02-2 { margin-top:50px; } .daon_ver3_sub_type02 .type02-2 .dl_list dl dt{width:90%;} .daon_ver3_sub_type02 .type02-2 .dl_list dl dt p{font-size:1.5em;} .daon_ver3_sub_type02 .type02-3 { margin-top:50px; } .daon_ver3_sub_type02 .type02-3 .img_box ul {flex-wrap: wrap;} .daon_ver3_sub_type02 .type02-3 .img_box ul li { width:48%; margin-bottom:40px; } .daon_ver3_sub_type02 .type02-4 { margin-top:50px; } } @media screen and (max-width:768px){ .daon_ver3_page_title{margin-bottom:40px;} .daon_ver3_page_title h1{font-size:1.85em;} .daon_ver3_page_title h2{font-size:1em;} .daon_ver3_sub_type02 .type02-1 .txt_box {padding:0 20px;} .daon_ver3_sub_type02 .type02-1 .img_box {margin-top:0;} .daon_ver3_sub_type02 .type02-1 .con_left { width:100%; display:flex; flex-direction: column-reverse;} .daon_ver3_sub_type02 .type02-1 .con_left .txt_box {margin-top:40px;} .daon_ver3_sub_type02 .type02-1 .con_right { width:100%; margin-top:50px !important; } .daon_ver3_sub_type02 .type02-2 .dl_list dl dd{font-size:1.2em;} } @media all and (max-width:640px){ .daon_ver3_sub_type02 .type02-2 .dl_list {flex-direction: column;} .daon_ver3_sub_type02 .type02-2 .dl_list dl {width:100%; margin-bottom:50px;} .daon_ver3_sub_type02 .type02-2 .dl_list dl dt{width:70%;} .daon_ver3_sub_type02 .type02-2 .dl_list dl:last-child{margin-bottom:0;} .daon_ver3_sub_type02 .type02-3 .img_box ul li p { font-size:1.25em;} .daon_ver3_sub_type02 .type02-4 .img_box {height:50%;} .daon_ver3_sub_type02 .type02-4 .img_box .img_tit h2 { font-size:2.25em;} .daon_ver3_sub_type02 .type02-4 .img_box .img_tit p {font-size:1.15em;} } @media all and (max-width:480px){ .daon_ver3_sub_type02 .all_title h2.tit1 p{font-size:1.8em;} .daon_ver3_sub_type02 .type02-3 .img_box ul { flex-direction: column;} .daon_ver3_sub_type02 .type02-3 .img_box ul li {width:100%; } } /* 여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */ .fc_pointer {color:#1F88E5; } .content_wrap{width:100%; min-width:320px; max-width:1200px; 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:1500px; 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:#cc0000; font-size:2em;font-weight: 800;} .business_type4 .business_info .con_box .txt_area strong {display:block; color:#333; font-size:1.8em; font-weight: 600; line-height:1.5em; margin:10px 0 10px 0;} .business_type4 .business_info .con_box .txt_area p.box_txt {display:block; color:#555; font-size:1.4em; font-weight: 300; line-height:1.5em; text-align:justify; } .business_type4 .business_info .con_box .txt_area p.box_price{display:block; color:#cc0000; font-size:1.6em; font-weight: 800;} .business_type4 .business_info .con_box .txt_area p.box_price span{font-size:0.7em; color:#000; font-weight: 300;} .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;} }