/* main_visual_rolling */
#main_visual_box_pc {position: relative; width: 100%; height: 310px; overflow: hidden;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-pagination-bullet {width: 16px !important; height: 16px !important; display: inline-block; background: #fff !important; border-radius: 50% !important; opacity: 0.8;}
.swiper-pagination-white .swiper-pagination-bullet-active {background: #faa21e !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 2% !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 2% !important;}

/* main_contents */
.main_contents_box {float: left; width: 100%; margin-top: 20px;}
.main_contents_area {margin: 0 auto; width: 100%; max-width: 1200px;}

/* customer_area */
.customer_area {float: left; width: 32.5% /* 390px; */; border: 1px solid #dbdbdb; box-sizing:border-box;}
.customer_center {float: left; width: 100%; height: 225px; background: #f4f4f4 url(/normal_1/img/okweb/images/customer_ico.png) no-repeat center 30px; border-bottom: 1px solid #dbdbdb; box-sizing:border-box;}
.call_center {float: left; width: 100%; text-align: center; padding-top: 110px; box-sizing:border-box;}
.call_center li:nth-child(1) {font-family:"NanumSquare", sans-serif; font-size: 28px; color: #3f3f3f; font-weight: 700;}
.call_center li:nth-child(2) {font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #848383; font-weight: 300;}
.center_etcinfo {float: left; width: 100%; text-align: center; margin-top: 10px;}
.center_etcinfo li {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #848383; font-weight: 300;}
.center_etcinfo li:nth-child(1) {padding-left: 30px; margin-right: 10px; background: url(/normal_1/img/okweb/images/customer_fax_ico.png) no-repeat left center;}
.center_etcinfo li:nth-child(2) {padding-left: 28px; background: url(/normal_1/img/okweb/images/customer_email_ico.png) no-repeat left 2px;}

.customer_banner {position: relative; width: 100%; height: 224px; padding: 7.692307692307692% /* 30px */; box-sizing:border-box; overflow: hidden;}
.banner_slider {float: left; width: 330px; height: 165px; overflow: hidden;}
.swiper-container-2 {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-container-2 .swiper-slide {text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-container-2 .swiper-slide a {display: block; width: 100%; height: 100%; text-indent: -999999px;}
.swiper-container-2 .swiper-pagination-bullet {width: 13px !important; height: 13px !important; display: inline-block; border-radius: 100%; opacity: 0.8;}
.swiper-container-2 .swiper-pagination-bullets {bottom: 16% !important;}

/* maintenance_area */
.maintenance_area {float: right; width: 66.25% /* 795px; */; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; box-sizing:border-box;}
.maintenance_area div ol {float: left; width: 100%; padding: 0; margin: 0;}
.WhyL li {float: left; width: 33.33333333333333%; height: 225px; border-right: 1px solid #dbdbdb; background: #fff; border-bottom: 1px solid #dbdbdb; box-sizing:border-box; overflow: hidden;}
.WhyL li a {display: block; width: 100%; height: 100%; cursor:pointer;}
.WhyL li a .front {display: block; width: 100%; height: 100%; padding: 30px; box-sizing:border-box;}
.WhyL li a .front .tit_eng {font-family: "NanumSquare", sans-serif; font-size: 13px; color: #3b3b3b; font-weight: 400; line-height: 13px; margin-bottom: 12px;}
.WhyL li a .front .tit_kortxt {font-family:"NanumSquare", sans-serif; font-size: 20px; color: #0b0b0b; font-weight: 700; line-height: 24px; letter-spacing: -0.7px; word-break: keep-all;}

.WhyL li a .back {display: block; width: 100%; height: 100%; padding: 30px; box-sizing:border-box; background: #f4f4f4;}
.WhyL li a .back .tit_stxt {font-family: "NanumSquare", sans-serif; font-size: 12px; color: #3b3b3b; font-weight: 400; line-height: 13px; text-align: center; letter-spacing: -1px; margin-bottom: 12px; word-break: keep-all;}
.WhyL li a .back .hover_txt {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #4a4a4a; font-weight: 300; line-height: 20px; text-align: center; letter-spacing: -0.5px; word-break: keep-all;}
.WhyL li a .back .morelink {margin: 15px auto 0; width: 140px;}
.WhyL li a .back .morelink span {display: block; width: 100%; height: 36px; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #3b3b3b; font-weight: 400; line-height: 34px; padding-left: 15px; box-sizing:border-box; background: #fff url(/normal_1/img/okweb/images/icon_linkNew.png) no-repeat 110px center; border: 1px solid #e5e5e5;}

.container {position: relative; width: 100%; height: 100%; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; -o-perspective: 1000;}
.card {width: 100%; height: 100%; position: relative; /*-webkit-transform-style: preserve-3d;*/ -webkit-transition: 0.5s; /*-moz-transform-style: preserve-3d;*/ -moz-transition: 0.5s; /*-ms-transform-style: preserve-3d;*/ -ms-transition: 0.5s; /*-o-transform-style: preserve-3d;*/ -o-transition: 0.5s; /*transform-style: preserve-3d;*/ transition: 0.5s;}
.container:hover .card {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);  transform: rotateY(180deg);}
.face {position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;
 top: 0; left: 0; width: 100%; height: 100%;}
.no-hide .face {-webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible;}
.front {z-index: 10;}
.back {-webkit-transform: rotateY(181deg); -moz-transform: rotateY(181deg); -ms-transform: rotateY(181deg); -o-transform: rotateY(181deg); transform: rotateY(181deg);}
.container:hover .front {z-index: 0;}

.card1 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico1.png) no-repeat 152px 110px;}
.card2 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico2.png) no-repeat 152px 110px;}
.card3 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico3.png) no-repeat 152px 110px;}
.card4 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico4.png) no-repeat 152px 110px;}
.card5 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico5.png) no-repeat 152px 110px;}
.card6 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico6.png) no-repeat 152px 110px;}

/* online_boardbox */
.online_boardbox {float: left; width: 100%; margin-top: 20px;}
.online_boardarea {margin: 0 auto; width: 100%; max-width: 1200px;}
.online_process {float: left; width: 35.83333333333333% /* 430px */; padding: 30px; border: 1px solid #dbdbdb; border-right: 0; box-sizing:border-box;}
.online_maintenance {float: left; width: 35.83333333333333% /* 430px */; padding: 30px; border: 1px solid #dbdbdb; border-right: 0; box-sizing:border-box;}
.online_notice {float: left; width: 28.33333333333333% /* 340px */; padding: 30px; border: 1px solid #dbdbdb; box-sizing:border-box;}
.boardtitle_box {float: left; width: 100%; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #c9c7c7;}
.titletxt {float: left;}
.titletxt ul li {font-family:"NanumSquare", sans-serif; font-size: 19px; color: #121212; font-weight: 700; line-height: 19px;}
.pro_morebtn {position: relative; float: right; margin-top: -3px;}
.pro_morebtn a {display: block; width: 100%; height: 30px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #616060; font-weight: 300; line-height: 26px; padding-left: 28px; background: url(/normal_1/img/okweb/images/board_morebtn.png) no-repeat left 4px; box-sizing: border-box;}

/* midd_contbox */
.midd_contbox {float: left; width: 100%; margin-top: 20px;}
.midd_contarea {margin: 0 auto; width: 100%; max-width: 1200px;}
.midd_okconts {float: left; width: 100%;}

.ok_cont01 {float: left; width: 66.66666666666667% /* 800px */ ; height: 310px; padding: 30px; border: 1px solid #e5e5e5; border-bottom: 0; box-sizing:border-box;}
.ok_cont01 .service_list {position: relative; width: 100%; height: auto; overflow: hidden;}
.ok_cont01 .service_list .tit_cont {font-family:"NanumSquare", sans-serif; font-size: 26px; color: #111; font-weight: 700; line-height: 26px; margin: 0 0 16px;}
.ok_cont01 .service_list p {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #7e7e7e; font-weight: 400; line-height: 22px; margin-bottom: 28px;}

.ok_cont01 .service_list .swiper-container-3 {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.ok_cont01 .service_list .swiper-container-3 .swiper-slide {text-align: center; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.thumbimgs {float: left; width: 100% !important; text-align: center; margin-bottom: 10px;}
.service_txt {float: left; width: 100% !important; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #111; font-weight: 400; line-height: 24px;}

.ok_cont01 .service_list .swiper-container-3 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url(/normal_1/img/okweb/images/service_btnprev.jpg) !important; right: 86px !important; left: auto !important;}
.ok_cont01 .service_list .swiper-container-3 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url(/normal_1/img/okweb/images/service_btnnext.jpg) !important; right: 43px !important; left: auto;}
.ok_cont01 .service_list .swiper-container-3 .swiper-button-prev, .ok_cont01 .service_list .swiper-container-3 .swiper-button-next {top: 0 !important; width: 34px !important; height: 34px !important; margin-top: 0 !important; z-index: 1000; cursor: pointer; -moz-background-size: 34px 34px !important; -webkit-background-size: 34px 34px !important; background-size: 34px 34px !important;}
.ok_cont01 .service_list .swiper-container-3 .swiper-button-more {position: absolute; top: 0; width: 34px; height: 34px; right: 0; left: auto; background-image: url(/normal_1/img/okweb/images/service_btnmore.jpg) !important; z-index: 10000; cursor: pointer;}
.ok_cont01 .service_list .swiper-container-3 .swiper-pagination {display: none;}

.ok_cont02 {float: left; width: 33.33333333333333% /* 400px */ ; height: 310px; padding: 30px; box-sizing:border-box; border: 1px solid #e5e5e5; border-bottom: 0; border-left: 0;}
.ok_cont02 .tit_cont {font-family:"NanumSquare", sans-serif; font-size: 26px; color: #111; font-weight: 700; line-height: 26px; margin: 0 0 20px;}
.ok_cont02 a {display: block; width: 100%; height: 100%;}
.ok_cont02 a .eventthumb {width: 340px; height: 160px; margin-bottom: 10px; overflow: hidden;}
.ok_cont02 a .eventthumb img {width: 100%; height: 100%;}
.ok_cont02 a p {font-family: "Noto Sans KR", sans-serif; font-size: 17px; color: #7e7e7e; font-weight: 400; line-height: 24px;}

.ok_cont03 {float: left; width: 36.66666666666667% /* 440px */ ; height: 260px; background: url(/normal_1/img/okweb/images/banner_bg.jpg) no-repeat;}
.ok_cont03 .ok_cont_tit {float: left; width: 190px; height: 168px; padding: 5px; margin: 38px 10px 38px 25px; text-align: center; background: rgba(0,0,0,0.4);}
.ok_cont03 .ok_cont_tit .tit_cont {font-family:"NanumSquare", sans-serif; font-size: 22px; color: #fff; font-weight: 700; line-height: 20px; margin: 35px 0 20px;}
.ok_cont03 .ok_cont_tit p {font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #fff; font-weight: 300; line-height: 20px;}
.ok_cont03 .ok_cont_cutbtn {float: right; width: 168px; margin: 51px 25px 0 0;}
.ok_cont03 .ok_cont_cutbtn li {margin-bottom: 10px;}
.ok_cont03 .ok_cont_cutbtn li a {display: block; height: 45px; padding: 0 19px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #555; letter-spacing: -0.5px; line-height: 45px; background: #fff url(/normal_1/img/okweb/images/icon_cutbtnArrow.png) no-repeat 130px center;}
.ok_cont03 .ok_cont_cutbtn li a:hover {background: #f4f4f4 url(/normal_1/img/okweb/images/icon_cutbtnArrow.png) no-repeat 130px center; text-decoration: underline;}

.ok_cont04 {float: left; width: 30% /* 360px */ ; height: 260px;}
.ok_cont_banner a {display: block; width: 100%; height: 100%;}
.ok_cont_banner a img {width: 100%;}

.ok_cont05 {float: left; width: 33.33333333333333% /* 400px */ ; height: 260px; background: url(/normal_1/img/okweb/images/nameserver_ico.jpg) no-repeat 219px 57px; border: 1px solid #e5e5e5; border-left: 0; box-sizing:border-box;}
.ok_cont05 .ok_cont_tit {float: left; width: 100%; padding: 30px 30px 20px; box-sizing:border-box;}
.ok_cont05 .ok_cont_tit .tit_cont {font-family:"NanumSquare", sans-serif; font-size: 20px; color: #111; font-weight: 700; line-height: 20px;}
.name_server_contxt {float: left; font-family: "Noto Sans KR", sans-serif; width: 100%; padding: 0 30px; box-sizing:border-box;}
.primary_area {float: left; width: 50px; margin-right: 15px;}
.primary_area li {margin-bottom: 9px;}
.turnbox {float: left; width: 50px; height: 33px; font-size: 15px; text-align: center; line-height: 33px; color: #fff; font-weight: 700; background-color: #ef912b; border-radius: 6px;}
.nameserver_area {float: left; width: 220px;}
#ns_info {font-family: "Nanum Gothic", sans-serif; font-size: 13px; color: #7b7777; font-weight: 400; letter-spacing: 1px;}
.ns_info_01 {line-height: 17px; margin-top: -2px; margin-bottom: 10px;}
.ns_info_02 {line-height: 17px; margin-top: -2px; margin-bottom: 10px;}
.ns_info_03 {line-height: 17px; margin-top: -2px; margin-bottom: 10px;}
.ns_info_04 {line-height: 17px; margin-top: -2px;}

/* price_infobox */
.price_infobox {float: left; width: 100%; padding: 60px 0; margin-top: 20px; background-color: #eaeced;}
.price_infoarea {margin: 0 auto; width: 100%; max-width: 1200px;}
.contents_title {float: left; width: 100%; text-align: center; margin-bottom: 30px;}
.contents_title li:nth-child(1) {font-family:"NanumSquare", sans-serif; font-size: 28px; color: #161616; font-weight: 800; line-height: 28px;}
.contents_title .title_mtxt {font-family:"NanumSquare", sans-serif; font-size: 44px; color: #3f3f3f; font-weight: 400; line-height: 44px; margin-top: 20px;}
.contents_title .border_bullet {margin: 25px auto 20px; width: 50px; height: 1px; background: #302e2e;}
.contents_title .title_stxt {font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #3d3d3d; font-weight: 300; line-height: 26px;}

.menu_tab {float: left; width: 100%; overflow: hidden;}
.menu_tab .worktab_btn {float: left; width: 100%; text-align: center;}
.menu_tab .worktab_btn li {display: inline-block; width: 10%; margin-right: 10px; margin-bottom: 30px;}
.menu_tab .worktab_btn li a {display: block; height: 40px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #fff; font-weight: 400; line-height: 40px; text-align: center; background: #b8b6b6; border-radius: 24px; transition: all 0.3s ease;}
.menu_tab .worktab_btn li a:hover {color: #fff; background: #ef912b;}
.menu_tab .worktab_btn li.active a {color: #fff; background: #ef912b;}
.menu_tab00 {margin:0 auto; width: 100%;}

.price_infotype_box {float: left; width: 100%;}
.price_typearea {float: left; width: 31.66666666666667% /* 380px */; padding: 30px; box-sizing:border-box; background-color: rgba(255,255,255,0.4); border: 1px solid #cdd2d8; transition: all 0.3s ease;}
.area_margin {margin-right: 30px;}
.price_typestep {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; text-align: center;}
.inner .bw1 {font-family:"NanumSquare", sans-serif; font-size: 30px; color: #252525; font-weight: 700; line-height: 30px;}
.inner .border_line {margin: 25px auto 20px; width: 30px; height: 1px; background: #d01116;}
.inner strong.price_color1 {font-size: 48px; color: #40c1d0; font-weight: 700; line-height: 48px;}
.inner strong.price_color2 {font-size: 48px; color: #756fd7; font-weight: 700; line-height: 48px;}
.inner strong.price_color3 {font-size: 48px; color: #ef912b; font-weight: 700; line-height: 48px;}
.inner strong b {font-size: 24px; color: #252525; font-weight: 400; margin-left: 5px;}
.inner p.t1 {width: 100%; font-size: 15px; color: #252525; font-weight: 400; line-height: 22px; letter-spacing: -0.8px; padding: 10px 0; margin-top: 10px; border-top: 1px solid #dbdada; border-bottom: 1px solid #dbdada;}
.inner p.t2 {font-size: 13px; color: #7e7e7e; font-weight: 400; line-height: 20px; padding-top: 10px; margin-bottom: 10px;}
.inner p.t3 {font-size: 13px; color: #7e7e7e; font-weight: 400; line-height: 20px; padding-top: 10px; margin-bottom: 20px; border-top: 1px solid #dbdada;}

.inner a.btn_priceinfo {display: block; margin: 0 auto; width: 60%; height: 48px; font-size: 15px; color: #fff; font-weight: 400; line-height: 46px; background-color: #40c1d0; border: 1px solid #40c1d0; border-radius: 50px; transition: all 0.3s ease; box-sizing:border-box;}
.inner a.btn_priceinfo2 {background-color: #756fd7; border: 1px solid #756fd7;}
.inner a.btn_priceinfo3 {background-color: #ef912b; border: 1px solid #ef912b;}

.price_typearea:hover {background-color: rgba(255,255,255,1); border: 1px solid #000;}
.price_typearea:hover .inner a.btn_priceinfo {color: #40c1d0; background-color: #fff; border: 2px solid #40c1d0;}
.price_typearea:hover .inner a.btn_priceinfo2 {color: #756fd7; background-color: #fff; border: 2px solid #756fd7;}
.price_typearea:hover .inner a.btn_priceinfo3 {color: #ef912b; background-color: #fff; border: 2px solid #ef912b;} 

.etctxt_box {float: left; width: 100%; text-align: center; margin-top: 30px;}
.etctxt_box p {font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #747373; font-weight: 300; line-height: 20px;}

/* inquiry_formbox */
.inquiry_formbox {float: left; width: 100%; padding: 60px 0; background-color: #f4f4f4;}
.inquiry_formarea {margin: 0 auto; width: 100%; max-width: 1200px;}

/* foot_bannerbox */
.foot_bannerbox {float: left; width: 100%; height: 400px; background: url(/normal_1/img/okweb/images/foot_bannbg.jpg) no-repeat center top; background-size: cover;}
.foot_bannerarea {margin: 0 auto; width: 100%; max-width: 1200px;}
.foot_bannerarea ul {float: left; width: 100%; text-align: center; padding-top: 100px;}
.bann_titeng {font-family:"NanumSquare", sans-serif; font-size: 52px; color: #fff; font-weight: 800; line-height: 52px; margin-bottom: 15px;}
.bann_titkor {font-family:"NanumSquare", sans-serif; font-size: 38px; color: #fff; font-weight: 400; line-height: 38px; margin-bottom: 40px;}
.bann_titstxt {font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #fff; font-weight: 400; line-height: 28px;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** okweb_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

#main_visual_box_mobile {display: none;}
#main_visual_box_pc {height: 280px;}

.customer_banner {padding: 5%;}
.banner_slider {width: 100%; height: 100%;}

.WhyL li a .front .tit_kortxt {letter-spacing: -1px;}
.WhyL li a .back {padding: 30px 5px;}
.card1 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico1.png) no-repeat 122px 110px;}
.card2 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico2.png) no-repeat 122px 110px;}
.card3 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico3.png) no-repeat 122px 110px;}
.card4 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico4.png) no-repeat 122px 110px;}
.card5 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico5.png) no-repeat 122px 110px;}
.card6 a .front {background: #fff url(/normal_1/img/okweb/images/maincon_ico6.png) no-repeat 122px 110px;}

.area_margin {margin-right: 2.5%;}
.service_txt {font-size: 13px; letter-spacing: -0.5px;}
.ok_cont02 a .eventthumb {width: 100%; height: 140px;}
.ok_cont03 .ok_cont_tit {width: 160px; margin: 38px 10px 38px 10px;}
.ok_cont03 .ok_cont_tit .tit_cont {font-size: 18px;}
.ok_cont03 .ok_cont_tit p {font-size: 13px; letter-spacing: -0.5px;}
.ok_cont_banner {width: 100%; height: 100%; overflow: hidden;}
.ok_cont_banner a img {width: 110%; height: 100%; }
.ok_cont05 {background: url(/normal_1/img/okweb/images/nameserver_ico.jpg) no-repeat 220px 115px; background-size: 35%;}

.bann_titkor {font-size: 34px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** okweb_pc 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1919px) {

#main_visual_box_mobile {display: none;}

.ok_cont02 a p br {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** okweb_pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

#main_visual_box_mobile {display: none;}

}