.wrapper .quickMenu{display:none;} #slide-1 .quickMenu{display:block;} .dot-nav { position: fixed; top:50%; right: 1em; z-index: 1020; opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .dot-nav ul {} .dot-nav li { padding:.1em 0.4em;} .dot-nav a { display: block; height: 31px; width: 30px; background: url(/Sanhait_common/new/images/dot-nav.png) no-repeat 7px 8px;} .dot-nav a:hover, .dot-nav .active a { background: url(/Sanhait_common/new/images/dot-nav-active.png) no-repeat left top; position: relative;} .dot-nav .active a::after { content: ''; position: absolute; left:30px; top:15px; border-top:1px #fde077 solid; width:100px;} .dot-nav:hover a { opacity: 1;} .fp-enabled .dot-nav { opacity: 1;} /* --------------------------------------------------------- */ .wrapper, #fullpage, #slides-container .slide, #slides-container { height:100%;} #slides-container { background: #222;} #slides-container #fullpage {} #slides-container .slide { position: relative; overflow: hidden; color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover !important;} #slides-container .slide:not(#slide-8):before{content: '';z-index: 0;opacity: 0.9;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .fp-tableCell { display: table-cell; vertical-align: middle; width:100%; height:100%;} .fp-scroller { height:100%;} .section_wrap { position: absolute; left:0; right:0; top:100px; bottom:0; margin:auto;} /* --------------------------------------------------------- */ .bestFriend { text-align: center; width:1000px; height:399px; position: absolute; left:20px; right:20px; top:0; bottom:0; margin:auto; z-index:1101;} .bestFriend h2 { font-size: 70px; font-weight:700; text-shadow: 3px 3px 3px rgba(0,0,0,.15);} .bestFriend h2.lg { font-size: 80px;} .bestFriend h2.sm { font-size: 45px; margin-top: 12px;} .bestFriend h2 em { color:#a5f3ff;} .bestFriend h3 { font-size:23px; text-transform: uppercase; padding:50px 0 10px; font-weight:700;} .bestFriend p { font-size:23px; text-shadow: 3px 3px 3px rgba(0,0,0,.3);} .bestFriend a { font-size:17px; color:#a5f3ff; border:2px #a5f3ff solid; display: inline-block; padding:17px 64px; border-radius:30px; margin:65px 0 0; font-weight:700; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .bestFriend a:hover { background-color:#91d1df; color:#000921;} /* --------------------------------------------------------- */ .wings-box { text-align: center; width:1000px; height:689px; position: absolute; left:20px; right:20px; top:0; bottom:0; margin:auto;} .wings-box h2 { background: url(/Sanhait_common/new/images/wings-1.png) no-repeat left top; width: 353px; height: 73px; margin:auto;} .wings-box h3 { font-size: 36px; padding:30px 0 16px; font-weight:700;} .wings-box h3 em { color:#94b7f5;} .wings-box h4 { font-size:24px;} .wings-box h4 em.wings { background: url(/Sanhait_common/new/images/wings-2.png) no-repeat left top; width: 91px; height: 19px; display: inline-block;} .wings-box h4 em.sanhait { background: url(/Sanhait_common/new/images/sanhait-2-new.png) no-repeat left top; width: 124px; height: 25px; display: inline-block;} .wings-box ul { margin-top: 66px;} .wings-box ul::after { content: ''; display: block; clear:both;} .wings-box ul li { float: left; width:25%; margin-bottom: 44px;} .wings-box ul li a { display: block;} .wings-box ul li a em { font-size:20px; color:#8cadc5; display: block; padding-top:10px; font-weight:700;} .wings-box ul li a::before { content: ''; width: 162px; height: 160px; display: block; margin: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .wings-box ul li a.ic-1::before { background: url(/Sanhait_common/new/images/ic-1.png) no-repeat left top;} .wings-box ul li a.ic-2::before { background: url(/Sanhait_common/new/images/ic-2.png) no-repeat left top;} .wings-box ul li a.ic-3::before { background: url(/Sanhait_common/new/images/ic-3.png) no-repeat left top;} .wings-box ul li a.ic-4::before { background: url(/Sanhait_common/new/images/ic-4.png) no-repeat left top;} .wings-box ul li a.ic-5::before { background: url(/Sanhait_common/new/images/ic-5.png) no-repeat left top;} .wings-box ul li a.ic-6::before { background: url(/Sanhait_common/new/images/ic-6.png) no-repeat left top;} .wings-box ul li a.ic-7::before { background: url(/Sanhait_common/new/images/ic-7.png) no-repeat left top;} .wings-box ul li a.ic-8::before { background: url(/Sanhait_common/new/images/ic-8.png) no-repeat left top;} .wings-box ul li a:hover::before { -webkit-transform: scale(1.2); transform: scale(1.2); } /* --------------------------------------------------------- */ .comfortably { text-align: center; margin:auto; width:1680px; height:648px; position: absolute; left:20px; right:20px; top:0; bottom:0;} .comfortably h2 { font-size:54px; padding:0 0 20px; font-weight:700;} .comfortably h3 { font-size:32px; padding-bottom:60px;} .comfortably ul {} .comfortably ul::after { content: ''; display: block; clear:both;} .comfortably ul li { float: left; width:16.66666667%;} .comfortably ul li a { background-color:#fff; display: block; padding:23px; margin:0 10px; position: relative;} .comfortably ul li a h4 { border-bottom:1px #b4b2b3 solid; font-size:20px; color:#111; padding-bottom:10px; margin-bottom:13px; display:block; text-align: left; font-weight:700;} .comfortably ul li a em { font-size:16px; color:#333; position: absolute; right:23px; top:27px; font-weight:700;} .comfortably ul li a .img { overflow:hidden; display:block; width:100%;} .comfortably ul li a img { width: 100%; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .comfortably ul li a img:hover { -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); } .comfortably p { font-size:16px; color:#bdbdbd; line-height:25px; padding-top:30px;} /* --------------------------------------------------------- */ .wings_wrap {padding: 0 2%;} .wings_img {display: inline-block; margin-top: 2.5%; max-width: 568px; min-width: 300px; max-height: 522px; width: 30%; /* background: url(/Sanhait_common/new/images/main_wings.PNG) no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; */ float: left; margin-right: 30px;} .wings_img img {width: 100%; height: auto;} .wings_line {text-align: left; position: relative; overflow: hidden; padding: 35px 0 0 68px; margin: 2% 0;} .wings_line.l1 {background: url(/Sanhait_common/new/images/wings_line1.PNG) no-repeat;} .wings_line.l2 {background: url(/Sanhait_common/new/images/wings_line2.PNG) no-repeat; margin-left: 100px; display: inline-block;} .wings_line.l3 {background: url(/Sanhait_common/new/images/wings_line3.PNG) no-repeat;} .wings_line span {font-size: 120px; color: #2987bf; z-index: 0; position: absolute; top: 0; left: 0;} .wings_line h4 {font-size: 25px; color: #fff; z-index: 1;} .wings_line p {font-size: 17px; color: #99c3e8; z-index: 1; padding-top: 18px; line-height: 28px;} /* --------------------------------------------------------- */ #slide-5.slide { background-color:#c2c6df; background-size: inherit !important;} #slide-5.slide::after { content: ''; background: url(/Sanhait_common/new/images/awesome_500.png) no-repeat left top; width: 700px; height:788px; position: absolute; left:50%; bottom:0; margin-left:70px;} .section_wrap_full { background-image: url(/Sanhait_common/new/images/main_4_1600.png); background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index:1; height: 100%;} .goodcompany { margin:auto; height:326px; position: absolute; left: 5%; right:20px; top:0; bottom:0;} .goodcompany .textbox { position: absolute; left:0; top:0;} .goodcompany h2 { font-size:54px; font-weight:700;} .goodcompany h3 { font-size:30px; color:#c0c0c0; margin:81px 0 22px;} .goodcompany h3 em { background: url(/Sanhait_common/new/images/logo_wh.png) no-repeat right top 8px; width: 160px; height: 50px; vertical-align: top; display: inline-block;} .goodcompany p { font-size:19px; color:#d9ddfc; padding-bottom:10px;} #slide-5 .sitemap { width: 721px; height:788px; position: absolute; left:50%; bottom:0; margin-left:70px;} #slide-5 .sitemap span, #slide-5 .sitemap a { font-size:19px; font-weight:700; position: absolute;} #slide-5 .sitemap a { width:234px; height:65px; padding:16px 0 0 44px;} #slide-5 .sitemap .text-1 { color:#0aa2ea; left: 40px; top: 412px;} #slide-5 .sitemap .text-2 { color:#537dc8; left: 113px; top: 523px;} #slide-5 .sitemap .text-3 { color:#7443a6; left: 186px; top: 717px;} #slide-5 .sitemap .text-4 { color:#314d9e; left: 553px; top: 262px;} #slide-5 .sitemap .text-5 { color:#6150aa; left: 616px; top: 387px;} #slide-5 .sitemap .link-1 { color:#0aa2ea; left: 185px; top: 223px;} #slide-5 .sitemap .link-2 { color:#5f8ad5; left: 242px; top: 338px;} #slide-5 .sitemap .link-3 { color:#456fae; left: 318px; top: 453px;} #slide-5 .sitemap .link-4 { color:#6150aa; left: 395px; top: 576px;} #slide-5 .sitemap .link-5 { color:#7443a6; left: 466px; top: 689px;} #slide-5 .sitemap a { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } #slide-5 .sitemap a:hover { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } #slide-5 .sitemap .link-1::before { content:''; } #slide-5 .sitemap .link-2 em {} #slide-5 .sitemap .link-3 em {} #slide-5 .sitemap .link-4 { padding-top:13px;} #slide-5 .sitemap .link-5 { padding-top:13px;} #slide-5 .sitemap .link-1::before { content:''; background-image: url(/Sanhait_common/new/images/awesome_ic_1.png); background-size: 100%; width:37px; height:31px; display:inline-block; margin-right:10px; vertical-align:-10px;} #slide-5 .sitemap .link-2::before { content:''; background-image: url(/Sanhait_common/new/images/awesome_ic_2.png); background-size: 100%; width:32px; height:32px; display:inline-block; margin-right:10px; vertical-align:-10px;} #slide-5 .sitemap .link-3::before { content:''; background-image: url(/Sanhait_common/new/images/awesome_ic_3.png); background-size: 100%; width:28px; height:38px; display:inline-block; margin-right:10px; vertical-align:-15px;} #slide-5 .sitemap .link-4::before { content:''; background-image: url(/Sanhait_common/new/images/awesome_ic_4.png); background-size: 100%; width:45px; height:38px; display:inline-block; margin-right:10px; vertical-align:-13px;} #slide-5 .sitemap .link-5::before { content:''; background-image: url(/Sanhait_common/new/images/awesome_ic_5.png); background-size: 100%; width:33px; height:35px; display:inline-block; margin-right:10px; vertical-align:-13px;} #slide-8 { background-color: #0f101e !important;} .en #slides-container #slide-8, .vtn #slides-container #slide-8 {height: auto; padding: 50px 0;} /* --------------------------------------------------------- */ .awesome { margin:auto; width:1270px; height:686px; position: absolute; left:20px; right:20px; top:0; bottom:0; text-align: center;} .awesome h2 { padding:0 0 22px; font-size:55px; color:#92d2e1; font-weight:700;} .awesome h2 em { color:#fff} .awesome p {} .awesome a.viewAll { font-size:17px; color:#fff; border:2px #fff solid; display: inline-block; padding:17px 64px; border-radius:30px; margin:50px 0 65px; font-weight:700; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .awesome a.viewAll:hover { background-color:#fff; color:#181933;} .awesome .swiper-container {} .awesome .swiper-container .swiper-wrapper {} .awesome .swiper-container .swiper-wrapper .swiper-slide {} .awesome .swiper-container .swiper-wrapper .swiper-slide span.img { display: block; margin-bottom:14px; position:relative;} .awesome .swiper-container .swiper-wrapper .swiper-slide span.img img { width:100%;} .awesome .swiper-container .swiper-wrapper .swiper-slide span.img i.new { position: absolute; left:0; top:0; background: url(/Sanhait_common/new/images/new.png) no-repeat left top; background-size:100%; width:45px; height:44px;} .awesome .swiper-button-prev, .awesome .swiper-button-next { width:29px; height:57px; background-size:100% 100%; top:470px;} .awesome .swiper-button-prev { background-image:url(/Sanhait_common/new/images/btn_prev.png); left:-60px;} .awesome .swiper-button-next { background-image:url(/Sanhait_common/new/images/btn_next.png); right:-60px;} /* --------------------------------------------------------- */ .contactUs { margin:auto; max-width:1680px; width: 90%; height:656px; position: absolute; left:77px; right:77px; top:0; bottom:0;} .contactUs .map { float:left; width:68%; background-color:#fff; height:100%;} .contactUs .form-box { float: right; width:28%;} .contactUs .form-box h2 { font-size:54px; color:rgba(255, 255, 255, 0.52); text-align: center; padding:0 0 50px 0; font-weight:700;} .contactUs .form-box ul {} .contactUs .form-box li { position: relative;} .contactUs .form-box li label { background-color:#2ccab6; color:#fff; width:70px; padding:8px 18px 8px 22px; border-radius:20px;} .vtn .contactUs .form-box li label {width:106px;} .contactUs .form-box li label span {position: absolute; top: 3px; left: 11px;} .contactUs .form-box li.f1 label { position: absolute; left:0; top:0; z-index:10;} .contactUs .form-box li.f2 label { position: absolute; left:0; top:0; z-index:10;} .contactUs .form-box li.f3 label { position: absolute; left:0; top:0; z-index:10;} .contactUs .form-box li.f1::before { content:''; border-top:2px #fff dotted; position: absolute; left:20px; right:20px; top:50%; margin-top:-1px;} .contactUs .form-box li.f2::before { content:''; border-top:2px #fff dotted; position: absolute; left:20px; right:20px; top:50%; margin-top:-1px;} .contactUs .form-box li.f3::before { content:''; border-top:2px #fff dotted; position: absolute; left:20px; right:50%; top:20px; margin-top:-1px;} .contactUs .form-box li.f3::after { content:''; border-left:2px #fff dotted; position: absolute; left:50%; top:20px; bottom:20px; margin-top:-1px;} .contactUs .form-box li.f1 { padding-left:130px; margin-bottom:13px;} .contactUs .form-box li.f2 { padding-left:130px; margin-bottom:13px;} .vtn .contactUs .form-box li.f1, .vtn .contactUs .form-box li.f2 { padding-left:157px} .contactUs .form-box li.f1 .input { background-color:#fff; border-radius:20px; position: relative; z-index:10;} .contactUs .form-box li.f1 .input input { border:none; padding:9px 9px 9px 15px;} .contactUs .form-box li.f2 .select { background-color:#fff; border-radius:20px; position: relative; z-index:10;} .contactUs .form-box li.f2 .select select { border:none; padding:9px 9px 9px 15px;} /* .contactUs .form-box li.f2 .select:after { content:''; border-top:5px solid #28c9b6;} */ .select:after { top: 14px;} .contactUs .form-box li.f3 { padding-top:50px;} .contactUs .form-box li.f3 .textarea { position: relative; z-index:10;} .contactUs .form-box li.f3 .textarea textarea { min-height: 100px; background-color:#fff; border:none; border-radius:20px;} .contactUs .form-box button { position: inherit; width:100px; margin:20px auto; height:initial; font-size:15px; font-weight:700; color:#20232e; font-weight:700; background-color:#c1c1c1; padding:9px 17px; border-radius:20px; left:inherit; display: block;} .contactUs .n_form_list input[type="checkbox"] {display: none;} .contactUs .n_form_list input[type="checkbox"] + label strong {margin-right: 10px; display: inline-block; width: 20px; height: 20px; vertical-align: middle; border: 1px solid #ccc; cursor: pointer;} .contactUs .form-box li.n_form_list label {width: 100%; background: none; display: block; margin-top: 8px; border: none; padding: 0; text-align: left; font-size: 14px;} .contactUs .form-box li.n_form_list label a {color: #fff; text-decoration: underline; cursor: pointer;} .contactUs .n_form_list input[type="checkbox"]:checked + label strong {background: url(/Sanhait_common/new/images/newsletter/checked_w.png) center center no-repeat;} #slide-7 .popup-wrap {margin: 0 auto; position: relative; z-index:9999; top: 0; height: 100vh; display: none;} #slide-7 .popup-wrap.active {display: block;} #slide-7 .popup-wrap .popup-info {background: #fff; color: #333; padding: 40px; position: absolute; top: 40%; left: 30%; z-index: 9999} #slide-7 .popup-wrap .popup-info p {color:#666; font-size: 14px; margin-top:10px; margin-bottom:10px} #slide-7 .popup-wrap .popup-info p.pop_text {color:#666; font-size: 14px; margin: 10px 0 20px;} #slide-7 .popup-wrap .popup-info h2 {font-weight: 700; margin: 0 0 10px; font-size: 22px;} #slide-7 .popup-wrap .popup-info h2.sm_h2 {margin: 15px 0 7px; font-size: 14px;} #slide-7 .popup-wrap .popup-bg {background: rgba(0, 0, 0, 0.5); width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 9997;} #slide-7 .popup-wrap .popup-info .tableWrap table {width: 100%; border-spacing: 0; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; font-size: 14px; } #slide-7 .popup-wrap .popup-info .tableWrap table thead th {padding: 10px; border-width: 0 1px 1px 0; border-style: solid; border-color: #ccc; background-color: #f7f7f7; text-align: center; color: #333;} #slide-7 .popup-wrap .popup-info .tableWrap table tbody td {padding: 10px; border-width: 0 1px 1px 0; border-style: solid; border-color: #ccc; background-color: #fff; text-align: left; color: #666;} #slide-7 .popup-wrap .popup-info .tableWrap table tbody td strong {background-color: #fff; text-align: left; color: #222; font-size: 16px;} #slide-7 .popup-wrap .popup-info .tableWrap table tbody th {padding: 10px; border-width: 0 1px 1px 0; border-style: solid; border-color: #ccc; background-color: #f7f7f7; text-align: center; color: #333;} #slide-7 .popup-wrap .popup-info .close-btn {cursor: pointer; position: absolute; right: 40px; top: 40px;} #slide-7 .popup-wrap1 {margin: 0 auto; position: relative; z-index:9999; top: 0; height: 100vh; display: none;} #slide-7 .popup-wrap1.active {display: block;} #slide-7 .popup-wrap1 .popup-info {background: #fff; color: #333; padding: 40px; position: absolute; top: 40%; left: 30%; z-index: 9999} #slide-7 .popup-wrap1 .popup-info p {color:#666; font-size: 14px; margin-top:10px; margin-bottom:10px} #slide-7 .popup-wrap1 .popup-info p.pop_text {color:#666; font-size: 14px; margin: 10px 0 20px;} #slide-7 .popup-wrap1 .popup-info h2 {font-weight: 700; margin: 0 0 10px; font-size: 22px;} #slide-7 .popup-wrap1 .popup-info h2.sm_h2 {margin: 15px 0 7px; font-size: 14px;} #slide-7 .popup-wrap1 .popup-bg {background: rgba(0, 0, 0, 0.5); width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 9997;} #slide-7 .popup-wrap1 .popup-info .tableWrap table {width: 100%; border-spacing: 0; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; font-size: 14px; } #slide-7 .popup-wrap1 .popup-info .tableWrap table thead th {padding: 10px; border-width: 0 1px 1px 0; border-style: solid; border-color: #ccc; background-color: #f7f7f7; text-align: center; color: #333;} #slide-7 .popup-wrap1 .popup-info .tableWrap table tbody td {padding: 10px; border-width: 0 1px 1px 0; border-style: solid; border-color: #ccc; background-color: #fff; text-align: left; color: #666;} #slide-7 .popup-wrap1 .popup-info .tableWrap table tbody td strong {background-color: #fff; text-align: left; color: #222; font-size: 16px;} #slide-7 .popup-wrap1 .popup-info .tableWrap table tbody th {padding: 10px; border-width: 0 1px 1px 0; border-style: solid; border-color: #ccc; background-color: #f7f7f7; text-align: center; color: #333;} #slide-7 .popup-wrap1 .popup-info .close-btn {cursor: pointer; position: absolute; right: 40px; top: 40px;} /* --------------------------------------------------------- */ .footerWrap {width: 100%; max-width:1720px; height: 100%; display: table; margin: 0 auto;} .footer { margin:auto; width: 100%; /* max-width:1680px; */ display: table-cell; vertical-align: middle; padding: 0 20px 45px; /* height:95%; position: absolute; left:20px; right:20px; top:0; bottom:0; */} .en .footer {width:100%; max-width: 1680px; margin: 0 auto; display: block;} .footer h2 { text-align: center; font-size:28px; position: relative; font-weight:700;} .footer h2::after { content: ''; border-top:1px #476371 solid; width:40px; position:absolute; left:50%; bottom:-25px; margin-left:-23px;} .footer .siteMap { margin-top:50px;} .footer .siteMap::after { content:''; display:block; clear: both;} .footer .siteMap > li { float: left; width:16.66666667%;} .footer .siteMap > li > h3 a { font-size: 18px; color:#bbbdcb;} .footer .siteMap > li ul { margin-top:17px;} .footer .siteMap > li ul li a { font-size:15px; color:#848798; display: inline-block; margin-bottom:10px;} .footer .siteMap > li ul li a.algo {line-height: 1.8em;} .footer .siteMap > li ul li a:hover { text-decoration: underline;} .footer .info { border-top:1px #31323c dotted; margin-top:25px; padding-top:30px; overflow: hidden;} .footer .info::after { content:''; display:block; clear: both;} .footer .info > li { float: left; width:25%;} .footer .info > li h3 { font-size:17px; color:#bbbdcb;} .en .footer .info > li h3 { font-size:15px;} .footer .info > li h3.mgt {margin-top: 20px;} .footer .info > li h3 .logo { background: url(/Sanhait_common/new/images/s-5-new.png) no-repeat left top; width:93px; height:18px; display: inline-block; margin-right: 10px;} .footer .info > li p { font-size: 15px; color:#848798; line-height:21px; margin:12px 30px 10px 0;} .footer .info > li a { font-size: 15px; color:#848798; padding-left:20px; display: inline-block; margin-right:15px;} .footer .info > li a.tel { background: url(/Sanhait_common/new/images/s-3.png) no-repeat left 4px;} .footer .info > li a.fax { background: url(/Sanhait_common/new/images/s-4.png) no-repeat left 4px;} .footer .info > li.hanam {margin-top: 30px;} .footer .info > li.y-siren h3 {margin-top: 20px;} .footer .info > li.y-siren a {font-size: 17px; padding: 0;} .footer-bot { margin:auto; max-width:1680px; position: absolute; left:20px; right:20px; bottom:0; z-index: 1;} .social { position: absolute; right:0; bottom:20px;} .social > li { float:left; margin-left:20px;} .social > li a { width:40px; height:40px; display:block;} .social > li a.naver { background: url(/Sanhait_common/new/images/s-2.png) no-repeat left top; width:40px; height:34px; display: block;} .social > li a.youtube { background: url(/Sanhait_common/new/images/s-1.png) no-repeat left top; width:40px; height:29px; display: block;} .social > li a.rules {width: auto; color: #bbbdcb;} .copy { position: absolute; left:0; bottom:15px; font-size:14px; color:rgba(255, 255, 255, 0.5);} .copy em { } .copy-bg { position: absolute; left:0; bottom:0; background-color:#333547; /* padding:15px 20px; */ padding: 10px 20px; width:47%; height:24px; box-sizing: border-box; height: 44px;} .copy-bg::after { content: ''; width:0; height:0; /* border-top:55px solid transparent; border-left:55px solid #333547; */ border-top:44px solid transparent; border-left:44px solid #333547; position: absolute; bottom: 0; /* right: -55px; */ right: -44px;} /* --------------------------------------------------------- */ /* - Media query ---------------------------------- */ /* min-width media */ @media (max-width:767px) { .m_hidden {display: none;} } @media (min-width:768px) and (max-width:991px) { #slide-1 { background-image: url(/Sanhait_common/new/images/main_1_992.jpg);} #slide-2 { background-image: url(/Sanhait_common/new/images/main_7_992.jpg);} #slide-3 { background-image: url(/Sanhait_common/new/images/main_2_992.jpg);} #slide-4 { background-image: url(/Sanhait_common/new/images/main_3_992.jpg);} .section_wrap_full { background-image: url(/Sanhait_common/new/images/main_4_992.png);} #slide-6 { background-image: url(/Sanhait_common/new/images/main_5_992.jpg);} #slide-7 { background-image: url(/Sanhait_common/new/images/main_6_992.jpg);} #slide-8 { background-color: #0f101e;} } @media (min-width:992px) {} @media (min-width:992px) and (max-width:1199px){ #slide-1 { background-image: url(/Sanhait_common/new/images/main_1_1200.jpg);} #slide-2 { background-image: url(/Sanhait_common/new/images/main_7_1200.jpg);} #slide-3 { background-image: url(/Sanhait_common/new/images/main_2_1200.jpg);} #slide-4 { background-image: url(/Sanhait_common/new/images/main_3_1200.jpg);} #slide-6 { background-image: url(/Sanhait_common/new/images/main_5_1200.jpg);} #slide-7 { background-image: url(/Sanhait_common/new/images/main_6_1200.jpg);} #slide-8 { background-color: #0f101e;} } @media (min-width:1100px) {} @media (min-width:1200px) { #slide-1 { background-image: url(/Sanhait_common/new/images/main_1_1600.jpg);} #slide-2 { background-image: url(/Sanhait_common/new/images/main_7_1600.jpg);} #slide-3 { background-image: url(/Sanhait_common/new/images/main_2_1600.jpg);} #slide-4 { background-image: url(/Sanhait_common/new/images/main_3_1600.jpg);} #slide-6 { background-image: url(/Sanhait_common/new/images/main_5_1600.jpg);} #slide-7 { background-image: url(/Sanhait_common/new/images/main_6_1600.jpg);} } @media (min-width:1480px) {} @media (min-width:1025px) {} /* max-width media */ @media (max-width:2559px) {} @media (max-width:1680px) { .comfortably {width: 100%;} .wings_wrap {margin-top: 30px;} .wings_line {margin: 1.5% 0;} .wings_line.l2 {margin-left: 60px;} .wings_img {margin-right: 10px;} .wings_line h4 {font-size: 22px;} .wings_line p {font-size: 16px;} .copy-bg {width:45%;} } @media (max-width:1479px) { .awesome { max-width:855px;} .awesome h2 { font-size: 51px;} #slide-5.slide::after { margin-left:-90px;} #slide-5 .sitemap { margin-left:-90px;} /* --------------------------------------------------------- */ .comfortably ul li a h4 { font-size: 15px;} .comfortably ul li a em { font-size: 12px;} /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ .goodcompany .textbox { top:-100px;} .goodcompany h2 { font-size:54px;} .goodcompany h3 { margin:21px 0 12px;} .goodcompany p { font-size:16px;} /* --------------------------------------------------------- */ /* .footer {height: 700px;} /* .footer .siteMap { margin:70px 0 0;} .footer .info { margin:30px 0 0; padding-top: 30px;} */ /* --------------------------------------------------------- */ /* .contactUs { width:1195px; height:834px;} .contactUs .map { width:700px;} */ } @media (max-width:1400px) { .wings_wrap {margin-top: 7%;} .wings_line {padding: 27px 0 0 50px;} .wings_line.l1 {background: url(/Sanhait_common/new/images/wings_line1_s.PNG) no-repeat;} .wings_line.l2 {background: url(/Sanhait_common/new/images/wings_line2_s.PNG) no-repeat; margin-left: 40px;} .wings_line.l3 {background: url(/Sanhait_common/new/images/wings_line3_s.PNG) no-repeat;} .wings_img {margin-right: 0; margin-top: 4%;} .wings_line p {font-size: 15px;} /* .footer {height: 95%;} */ .footer h2 {font-size: 26px;} .footer .info > li p {font-size: 14px;} .footer .info > li a {font-size: 14px;} } @media (max-width:1300px) { /* .contactUs { width:1100px; height:834px;} .contactUs .map { width:600px;} */ #gnb > ul > li > a { font-size: 15px;} /* --------------------------------------------------------- */ .comfortably {height:735px;} .comfortably ul { padding:0 100px;} .comfortably ul li { width:33.33333333%; padding-bottom:20px} .comfortably ul li a .img { height:120px;} /* --------------------------------------------------------- */ .contactUs .form-box h2 { font-size:40px;} /* --------------------------------------------------------- */ .footer h2 {font-size: 20px;} .footer h2::after {/* bottom: -18px; */ display: none;} .footer .siteMap {margin-top: 20px;} .footer .siteMap > li > h3 a {font-size: 16px;} .footer .siteMap > li ul {margin-top: 13px;} .footer .siteMap > li ul li a {font-size: 14px; margin-bottom: 8px;} .footer .info {margin-top: 20px; padding-top: 20px;} .footer .info > li h3 {font-size: 16px;} .footer .info > li p {line-height: 19px; font-size: 13px; margin: 10px 20px 7px 0;} .footer .info > li a {font-size: 13px;} .social {bottom:70px; /* margin-right:-40px; */} .social > li {margin-left: 0; margin-right: 20px;} .social > li:last-child {margin-right: 0;} .copy-bg {width:100%;padding: 7px 20px;} .copy-bg::after {display: none;} .copy {width:100%; text-align: center; font-size: 13px;} } @media (max-width:1200px) { .wings_wrap {margin-top: 10%;} .wings_line {padding: 27px 0 0 50px;} .wings_img {margin-right: 0; margin-top: 4%;} .wings_line h4 {font-size: 18px;} .wings_line p {font-size: 14px; padding-top: 10px; line-height: 24px;} .contactUs {left: 30px; right: 30px; height: 600px;} .contactUs .map {width: 63%;} .contactUs .form-box {width: 32%;} } /* iPad */ @media (max-width:1024px) { #header {height: 75px;} .dot-nav { right: 1em;} .section_wrap { width:100%; top: 23%;} #slide-2 .section_wrap {top: 19%;} #slide-7 .section_wrap {top: 15%;} #slide-8 .section_wrap {top: 50px;} /* --------------------------------------------------------- */ .bestFriend, .wings-box, .comfortably, .awesome, .contactUs, .footer { width:100%; margin: 0 auto;} /* --------------------------------------------------------- */ .bestFriend { height:320px;} .bestFriend h2 { font-size:50px;} .bestFriend h2.lg { font-size:60px;} .bestFriend h2.sm { font-size:35px;} .bestFriend h3 { font-size:17px; padding:25px 0 10px; font-weight:700;} .bestFriend p { font-size:17px;} .bestFriend a { font-size:17px; color:#91d1df; border:2px #91d1df solid; display: inline-block; padding:17px 64px; border-radius:30px; margin:65px 0 0;} /* --------------------------------------------------------- */ .wings-box { height:575px; overflow:hidden; top:-40px} .wings-box h2 { background: url(/Sanhait_common/new/images/wings-1.png) no-repeat left top; background-size:100% 100%; width: 353px; height: 73px;} .wings-box h3 { font-size:36px; padding:20px 0 12px;} .wings-box h4 { font-size:24px;} .wings-box h4 em.wings { background: url(/Sanhait_common/new/images/wings-2.png) no-repeat left top; background-size:100% 100%; width: 91px; height: 19px; display: inline-block;} .wings-box h4 em.sanhait { background: url(/Sanhait_common/new/images/sanhait-2-new.png) no-repeat left top; background-size:100% 100%; width: 124px; height: 25px; display: inline-block;} .wings-box ul { margin:30px 40px 0;} .wings-box ul::after { content: ''; display: block; clear:both;} .wings-box ul li { margin-bottom:30px;} .wings-box ul li a::before { width: 112px; height: 110px;} .wings-box ul li a.ic-1::before { background-size:100% 100%;} .wings-box ul li a.ic-2::before { background-size:100% 100%;} .wings-box ul li a.ic-3::before { background-size:100% 100%;} .wings-box ul li a.ic-4::before { background-size:100% 100%;} .wings-box ul li a.ic-5::before { background-size:100% 100%;} .wings-box ul li a.ic-6::before { background-size:100% 100%;} .wings-box ul li a.ic-7::before { background-size:100% 100%;} .wings-box ul li a.ic-8::before { background-size:100% 100%;} /* --------------------------------------------------------- */ .comfortably { height:567px; /* overflow: hidden; */ top:-50px;} .comfortably h2 { font-size:40px; padding:0 0 10px;} .comfortably h3 { font-size:28px; padding-bottom:15px;} .comfortably p { font-size:13px; line-height:25px; padding:0 20px 0;} .comfortably ul { width:100%; margin:auto; padding:0 70px;} .comfortably ul::after { content: ''; display: block; clear:both;} .comfortably ul li a { background-color:#fff; display: block; padding:14px; margin:0 10px; position: relative;} .comfortably ul li a h4 { border-bottom:1px #b4b2b3 solid; font-size:14px; color:#111; padding-bottom:10px; margin-bottom:13px; display:block; text-align: left;} .comfortably ul li a em { font-size:14px; color:#333; position: absolute; right:13px; top:14px;} .comfortably ul li a .img { overflow:hidden; display:block; width:100%; height:106px;} /* --------------------------------------------------------- */ .wings_wrap {margin-top: 0; padding-left: 200px;} .wings_line {width: 50%; margin-bottom: 5%;} .wings_img {position: absolute; top: 22%; left: 0;} .m_hidden {display: none;} /* --------------------------------------------------------- */ .goodcompany-sitemap { margin: auto; max-width: 100%; /* height:538px; */ position: absolute; left: 20px; right: 20px; top: 0; bottom: 0;} .goodcompany { bottom:initial;} .goodcompany .textbox { position: initial; text-align: center;} .goodcompany .sitemap { display:none;} #slide-5.slide { background-image: url(/Sanhait_common/new/images/main_4_992.png); background-size: cover !important; position: inherit; width:100%; height:100%; left: 0; bottom: 0; margin-left: 0;} #slide-5.slide::after { display:none;} .section_wrap_full { background-image: url(/Sanhait_common/new/images/main_4_992.png); background-size: 100% 50% !important; background-position: left top;} #slide-5 .sitemap { margin-left:0; left:44px; position: initial; height:initial; width:100%;} #slide-5 .sitemap span { display: none;} #slide-5 .sitemap a { font-size:16px; font-weight:700; position: absolute; width:200px; height:50px; padding:13px 0 0 20px !important; background-color:#fff;} #slide-5 .sitemap .link-1 { left: 50%; top: 300px; margin-left:-200px; border:3px #0aa2ea solid; border-radius:30px;} #slide-5 .sitemap .link-2 { left: 50%; top: 300px; margin-left: 10px; border:3px #5f8ad5 solid; border-radius:30px;} #slide-5 .sitemap .link-3 { left: 50%; top: 370px; margin-left:-200px; border:3px #456fae solid; border-radius:30px;} #slide-5 .sitemap .link-4 { left: 50%; top: 370px; margin-left: 10px; border:3px #6150aa solid; border-radius:30px;} #slide-5 .sitemap .link-5 { left: 50%; top: 440px; margin-left:-100px; border:3px #7443a6 solid; border-radius:30px;} #slide-5 .sitemap .link-4 { padding-top:13px;} #slide-5 .sitemap .link-5 { padding-top:13px;} #slide-5 .sitemap .link-1::before { width:19px; height:17px; margin-right:10px; vertical-align:-2px;} #slide-5 .sitemap .link-2::before { width:16px; height:16px; margin-right:10px; vertical-align:-2px;} #slide-5 .sitemap .link-3::before { content:''; width:14px; height:19px; margin-right:10px; vertical-align:-4px;} #slide-5 .sitemap .link-4::before { content:''; width:22px; height:18px; margin-right:10px; vertical-align:-5px;} #slide-5 .sitemap .link-5::before { content:''; width:17px; height:18px; margin-right:10px; vertical-align:-5px;} /* --------------------------------------------------------- */ .awesome { height:520px;} .awesome h2 { padding:0 0 14px; font-size:40px; color:#92d2e1} .awesome h2 em { color:#fff} .awesome a.viewAll { font-size:17px; margin:30px 0 45px;} .awesome .swiper-container { margin: 0 120px 0;} .awesome .swiper-container .swiper-wrapper {} .awesome .swiper-container .swiper-wrapper .swiper-slide {} .awesome .swiper-container .swiper-wrapper .swiper-slide span.img { display: block; margin-bottom:14px;} .awesome .swiper-container .swiper-wrapper .swiper-slide span.img img { width:100% !important;} .awesome .swiper-button-prev, .awesome .swiper-button-next { width:20px; height:47px; top:50%;} .awesome .swiper-button-prev { left:60px;} .awesome .swiper-button-next { right:60px;} /* --------------------------------------------------------- */ .contactUs { height:100%; left: 0; right: 0; top: -50px;} .contactUs .map { height:50%; width:100%; float: inherit;} .contactUs .form-box { height:50%; width:441px; margin:auto; float: inherit; margin-bottom: 60px;} .contactUs .form-box h2 { font-size:32px; color:rgba(255, 255, 255, 0.52); text-align: center; padding-bottom:25px; padding-top:0; } .contactUs .form-box li.f3 .textarea textarea { min-height:80px;} /* --------------------------------------------------------- */ /* .footer { height:731px;} .footer .siteMap { margin-top:70px;} */ .footer .siteMap > li { float: left; width:25%; min-height:100px;} .footer .siteMap > li:nth-child(5), .footer .siteMap > li:nth-child(6) { height:inherit;} /* .footer .siteMap > li > h3 a { font-size:18px; color:#bbbdcb;} */ .footer .siteMap > li ul { margin-top:10px;} .footer .siteMap > li ul li a {color:#848798; display: inline-block; font-size: 13px; margin-bottom: 6px;} .footer .info {/* margin-top:20px; padding-top:30px; */} .footer .info > li { width:50%; min-height:120px;} .footer .info > li:last-child { padding-left:0;} .footer .info > li h3 {font-size: 15px;} .footer .info > li p { font-size: 12px; /* margin:15px 0 7px; */ line-height: 1.45em;} .footer .info > li a { font-size: 12px; color:#848798; padding-left:20px; display: inline-block; margin-right:15px;} .footer .info > li a.tel { background: url(/Sanhait_common/new/images/s-3.png) no-repeat left 1px;} .footer .info > li a.fax { background: url(/Sanhait_common/new/images/s-4.png) no-repeat left 1px;} /* .social { position: absolute; right:50%; bottom:70px; margin-right:-40px ;} */ } @media (min-width:1024px) { .footer .siteMap > li { float: left; width:16.66666667%; height:inherit;} .footer .info > li { /* width:33.33333333%; height:140px; */} /* .footer .info > li:last-child { padding-left:20px;} */ } /* @media (max-width:991px) {} */ @media (max-width:768px) { #slide-1 { background-image: url(/Sanhait_common/new/images/main_1_992.jpg);} #slide-2 { background-image: url(/Sanhait_common/new/images/main_7_992.jpg);} #slide-3 { background-image: url(/Sanhait_common/new/images/main_2_992.jpg);} .section_wrap_full { background-image: url(/Sanhait_common/new/images/main_4_992.png); background-size: 100% 40% !important; background-position: left top;} #slide-4 { background-image: url(/Sanhait_common/new/images/main_3_992.jpg);} #slide-5 { background-image: url(/Sanhait_common/new/images/main_4_992.jpg);} #slide-6 { background-image: url(/Sanhait_common/new/images/main_5_992.jpg);} #slide-7 { background-color: #171823;} #slide-7 .section_wrap {top: 10%;} .footer { height:737px;} #slide-7 .popup-wrap {position: absolute; width: 100%;} #slide-7 .popup-wrap .popup-info {left: 0; top: 10%; padding: 25px;} #slide-7 .popup-wrap .popup-info .close-btn {top: 25px; right: 25px;} #slide-7 .popup-wrap1 {position: absolute; width: 100%;} #slide-7 .popup-wrap1 .popup-info {left: 0; top: 10%; padding: 25px;} #slide-7 .popup-wrap1 .popup-info .close-btn {top: 25px; right: 25px;} } /* Mobile */ @media (max-width:767px) { .wrapper, #fullpage, #slides-container .slide, #slides-container { height:1350px;} #slide-1 { min-height: auto; background-image: url(/Sanhait_common/new/images/main_1_767.jpg);} #slide-2 { min-height: auto; background-image: url(/Sanhait_common/new/images/main_7_767.jpg);} #slide-3 { min-height: auto; background-image: url(/Sanhait_common/new/images/main_2_767.jpg);} .section_wrap_full { min-height: auto; background-image: url(/Sanhait_common/new/images/main_4_767.png);} #slide-4 { min-height: auto; background-image: url(/Sanhait_common/new/images/main_3_767.jpg);} #slide-5 { min-height: auto; background-image: url(/Sanhait_common/new/images/main_4_767.jpg);} #slide-6 { min-height: auto; background-image: url(/Sanhait_common/new/images/main_5_767.jpg);} #slide-7 { background-color: #171823;} #slide-8 { height: 1500px !important;} .footer .info > li:last-child {margin-top: 0;} /* .section_wrap { min-height:22rem;} */ .dot-nav { display: none;} .section_wrap { width:100%; position: initial;} .bestFriend, .wings-box, .comfortably, .awesome, .contactUs, .footer { width:100%; height:100%; position: initial;} #slides-container .slide:before { display: none;} /* --------------------------------------------------------- */ .bestFriend { padding:190px 0 80px;} .bestFriend h2 { font-size:30px;} .bestFriend h2.lg { font-size:38px;} .bestFriend h2.sm { font-size:26px;} .bestFriend h3 { font-size:17px; padding:25px 0 10px;} .bestFriend p { font-size:12px;} .bestFriend a { font-size:17px; padding:15px 34px; margin:35px 0 0;} /* --------------------------------------------------------- */ .wings-box { padding:50px 0 30px;} .wings-box h2 { width: 176px; height:36px;} .wings-box h3 { font-size:18px; padding:15px 0 10px;} .wings-box h4 { font-size:12px;} .wings-box h4 em.wings { width:45px; height: 10px;} .wings-box h4 em.sanhait { width:62px; height:14px;} .wings-box ul { margin:30px 20px 0;} .wings-box ul::after { content: ''; display: block; clear:both;} .wings-box ul li { margin-bottom:30px; width:50%;} .wings-box ul li a::before { width:86px; height:85px;} .wings-box ul li a em { font-size:14px;} /* --------------------------------------------------------- */ .comfortably { padding:50px 0 30px;} .comfortably h2 { font-size:22px;} .comfortably h3 { font-size:18px;} .comfortably p { font-size:13px; line-height:21px;} .comfortably ul { width:100%; margin:auto; padding:0 20px;} .comfortably ul li { float: left; width:50%; margin-bottom: 20px;} .comfortably ul li a h4 { font-size:11px;} .comfortably ul li a em { font-size:11px;} .comfortably ul li a .img { overflow:hidden; display:block; width:100%; height:150px;} /* --------------------------------------------------------- */ .wings_wrap {margin-top: 0; padding: 0 10%;} .comfortably .wings_wrap p {padding: 0;} .wings_line {width: 100%; padding: 0; padding-top: 70px; margin-bottom: 30px;} .wings_line.l2 {margin-left: 0;} .wings_img {width: 100%; position: relative;} .m_hidden {display: none;} .wings_line.l1 {background: url(/Sanhait_common/new/images/wings_line1_m.PNG) no-repeat;} .wings_line.l2 {background: url(/Sanhait_common/new/images/wings_line2_m.PNG) no-repeat;} .wings_line.l3 {background: url(/Sanhait_common/new/images/wings_line3_m.PNG) no-repeat;} /* --------------------------------------------------------- */ .goodcompany { position: relative; padding:50px 0 100px; left:initial; right:initial;} .goodcompany .textbox { position: initial;} .goodcompany h2 { font-size:28px; line-height:40px;} .goodcompany h3 { font-size:15px; color:#c0c0c0; margin:30px 0 22px;} .goodcompany h3 em { background-size:100% 100%; width:89px; height:18px;} .goodcompany p { font-size:12px; color:#d9ddfc; padding-bottom:10px; letter-spacing:-1px;} .goodcompany .sitemap { display:none;} #slide-5.slide { background-image: url(/Sanhait_common/new/images/main_4_992.png); background-size: cover !important; position: inherit; width:100%; height:100%; left: 0; bottom: 0; margin-left: 0;} #slide-5.slide::after { display:none;} .section_wrap_full { background-image: url(/Sanhait_common/new/images/main_4_992.png); background-size: 100% 50% !important; background-position: left top;} .goodcompany-sitemap { position: initial; height: inherit;} #slide-5 .sitemap { margin-left:0; left:44px; position: initial; height:initial; width:100%;} #slide-5 .sitemap span { display: none;} #slide-5 .sitemap a { font-size:11px; font-weight:700; position: absolute; width:126px; height:38px; padding:8px 0 0 14px !important;} #slide-5 .sitemap .link-1 { top: 280px; margin-left:-125px;} #slide-5 .sitemap .link-2 { top: 280px; margin-left: 10px;} #slide-5 .sitemap .link-3 { top: 329px; margin-left:-125px;} #slide-5 .sitemap .link-4 { top: 329px; margin-left: 10px;} #slide-5 .sitemap .link-5 { top: 377px; margin-left:-59px;} #slide-5 .sitemap .link-1::before { vertical-align:-5px;} #slide-5 .sitemap .link-2::before { vertical-align:-2px;} #slide-5 .sitemap .link-3::before { vertical-align:-3px;} #slide-5 .sitemap .link-4::before { vertical-align:-5px;} #slide-5 .sitemap .link-5::before { vertical-align:-4px;} /* --------------------------------------------------------- */ .awesome { padding:50px 0 30px;} .awesome h2 { padding:0 0 12px; font-size:20px;} .awesome h2 em { color:#fff} .awesome p { font-size:12px; line-height:22px;} .awesome a.viewAll { font-size:12px; padding: 12px 34px; margin:25px 0 35px;} .awesome .swiper-container { margin: 0 70px 0;} .awesome .swiper-container .swiper-wrapper {} .awesome .swiper-container .swiper-wrapper .swiper-slide {} .awesome .swiper-container .swiper-wrapper .swiper-slide span.img { display: block; margin-bottom:14px;} .awesome .swiper-container .swiper-wrapper .swiper-slide span.img img { width:100% !important;} .awesome .swiper-button-prev, .awesome .swiper-button-next { width:29px; height:57px; top:376px;} .awesome .swiper-button-prev { left:20px;} .awesome .swiper-button-next { right:20px;} /* --------------------------------------------------------- */ .contactUs .form-box { height: inherit; width:inherit;} .en .contactUs .form-box { height: auto;} .contactUs .form-box h2 { font-size: 27px; padding-top: 20px;} .contactUs .form-box ul { padding:0 20px;} .contactUs .map { height:300px;} .contactUs .form-box li.n_form_list label {font-size: 13px;} /* --------------------------------------------------------- */ .footer { padding:30px 0 100px;} .en .footer { padding:0;} .footer h2 { /* font-size:15px; */ text-align:left; margin-left:20px;} .footer h2::after { left:20px; bottom:-20px; width:30px;} .footer .siteMap { margin: 30px 20px 0;} .footer .siteMap > li { float: left; width:33.33333333333%; height:300px; margin-top: 25px;} .footer .siteMap > li:nth-child(4), .footer .siteMap > li:nth-child(5), .footer .siteMap > li:nth-child(6) { height:inherit;} .footer .siteMap > li > h3 a { font-size:16px; color:#bbbdcb;} .footer .siteMap > li ul { margin-top:10px;} .footer .siteMap > li ul li a { font-size:13px; color:#848798; display: inline-block; margin-bottom:10px;} .footer .siteMap > li ul li a.algo {line-height: 2em;} .footer .info { padding-top:40px; /* margin:50px 20px 0; padding-top:50px; */ margin: 20px 20px 0;} .footer .info > li { width:100%; height:inherit; padding-bottom:40px;} .footer .info > li:last-child { padding-left:0;} .footer .info > li p { font-size: 13px; margin:10px 0 7px;} .footer .info > li a { font-size: 13px; color:#848798; padding-left:20px; display: inline-block; margin-right:15px;} .footer .info > li a.tel { background: url(/Sanhait_common/new/images/s-3.png) no-repeat left 1px;} .footer .info > li a.fax { background: url(/Sanhait_common/new/images/s-4.png) no-repeat left 1px;} .copy { right:0; width:100%; text-align:center; font-size: 11px; line-height:16px;} } @media screen and (max-width:640px) { .wrapper, #fullpage, #slides-container .slide, #slides-container { height:100%;} #slide-2,#slide-4 {height: 1100px !important;} #slide-3 {height: 775px!important;} #slide-5 {height: 480px!important;} #slide-6 {height: 510px!important;} #slide-7 {height: 765px!important;} #slide-8 {height: 1500px!important;} .comfortably ul {padding:0 10px;} /* .comfortably ul li a em {top:0; right:0;} */ .copy-bg {height: 54px;} .copy {bottom: 10px;} } @media screen and (max-width: 500px) { #header, #header::before {height: 60px;} .logo-top {top: 20px;} .nav-btn {top: 12px;} .nav-btn.open {right: 10px;} .bestFriend h2.sm {font-size: 20px;} } html.fp-enabled, .fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);} #superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none;} .fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .fp-slide{float:left;} .fp-slide, .fp-slidesContainer{height:100%;display:block;} .fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} .fp-section.fp-table, .fp-slide.fp-table{display:table;table-layout:fixed;width:100%;} .fp-slidesContainer{float:left;position:relative;} .fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent;} .fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff;} .fp-scrollable{overflow:hidden;position:relative;} .fp-scroller{float:left;width:100%;} .iScrollIndicator{border:0 !important;} .fp-notransition{-webkit-transition:none !important;transition:none !important;} #fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0);} #fp-nav.right{right:17px;} #fp-nav.left{left:17px;} .fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1;} .fp-slidesNav.bottom{bottom:17px;} .fp-slidesNav.top{top:17px;} #fp-nav ul, .fp-slidesNav ul{margin:0;padding:0;} #fp-nav ul li, .fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative;} .fp-slidesNav ul li{display:inline-block;} #fp-nav ul li a, .fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;} #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%;} #fp-nav ul li a span, .fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;} #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0px 0px -5px;} #fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial, helvetica, sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer;} #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip{-webkit-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;width:auto;opacity:1;} #fp-nav ul li .fp-tooltip.right{right:20px;} #fp-nav ul li .fp-tooltip.left{left:20px;} .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{height:auto !important;} .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell{height:auto !important;} /********************************************* * Main Event Popup *********************************************/ .pop_notice_set{position :absolute;top:85px;left:-10px;z-index:5000} .pop_notice_set .pop_notice{ float: left; margin: 10px 0 0 10px;background :#fff;position:relative} .pop_notice_set .pop_notice .pop_notice_content{ width: auto; /*max-width: 460px;*/ min-height: 200px; border: 1px solid #3d3d3d;background :#fff;text-align:left;padding:5px 5px 30px } .pop_notice_set .pop_notice .pop_notice_content p{margin:10px;line-height:1.4} .pop_notice_set .pop_notice .pop_notice_content img{ width: 100%; min-width: 200px} .pop_notice_set .pop_notice .pop_notice_footer{ position: absolute; left: 0; bottom: 0; right: 0; border-width: 0 1px 1px;border-style :solid;border-color:#3d3d3d;background:#ededed;height:30px;line-height:22px;padding:5px 10px 0 ;text-align :left} .pop_notice_set .pop_notice .pop_notice_footer input{ vertical-align: middle} .pop_notice_set .pop_notice .pop_notice_footer label{ color: #ADACAC; vertical-align: middle; display: inline-block} .pop_notice_set .pop_notice .pop_notice_footer a.btn_close,.pop_notice_set .pop_notice .pop_notice_footer a.notToday{display :inline-block;padding:0 15px 0 14px;background :url(../../images/common/ico_close.gif) 0 50% no-repeat;font-family:dotum;font-size:11px; color: #666;} .pop_notice_set .pop_notice .pop_notice_content.bg01{ width: 383px; height: 319px; background: url(../../images/common/bg_ind_pop.jpg) no-repeat!important} .pop_notice_set .pop_notice .pop_notice_content.bg02{ width: 383px; height: 319px; background: url(../../images/common/bg_ind_pop02.jpg) no-repeat!important} .pop_notice_set .pop_notice .pop_notice_content.bg03{ width: 383px; height: 319px; background: url(../../images/common/bg_ind_pop03.jpg) no-repeat!important} .pop_notice_set .pop_notice .pop_notice_content.bg01 p,.pop_notice_set .pop_notice .pop_notice_content.bg02 p,.pop_notice_set .pop_notice .pop_notice_content.bg03 p{margin:13px 16px} @media screen and (max-width:1024px) { .pop_notice_set {top: 70px;} } @media screen and (max-width:470px) { .pop_notice_set {top: 50px;} }