@charset "UTF-8"; @font-face { font-family: "NotoSansCJK"; font-weight: 100; font-display: block; src: local("※"), url("//www.gomlab.com/gomlab_v2/ui/font/NotoSansCJK_Light.woff2?v=1912302") format("woff2"), local("※"), url("//www.gomlab.com/gomlab_v2/ui/font/NotoSansCJK_Light.woff?v=1912302") format("woff"); } @font-face { font-family: "NotoSansCJK"; font-weight: 600; font-display: block; src: local("※"), url("//www.gomlab.com/gomlab_v2/ui/font/NotoSansCJK_Medium.woff2?v=1912302") format("woff2"), local("※"), url("//www.gomlab.com/gomlab_v2/ui/font/NotoSansCJK_Medium.woff?v=1912302") format("woff"); } html, body { border: none; font-weight: 100; font-family: NotoSansCJK, "Lucida Grande", "Open Sans", "roboto", "AppleGothic", "Arial", "Meiryo", "Hiragino Kaku Gothic Pro", "NanumBarunGothic", "Malgun Gothic", dotum, "돋음", "sans-serif"; letter-spacing: -0.02rem; font-size: 15px; line-height: 1.7; color: #222; overflow-x: hidden; word-break: keep-all; } @media (max-width: 1279px) { html, body { font-size: 16px; line-height: 1.5; } } @media (max-width: 767px) { html, body { font-size: 14px; } } @media (max-width: 320px) { html, body { overflow-x: scroll; } html .container, body .container { overflow: hidden; } } html, body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, strong, b, th { font-weight: 600; } html { -webkit-text-size-adjust: none; } ul, ol, dl { list-style: none; } address, em, i { font-style: normal; } img { border: 0; vertical-align: top; } fieldset { border: 0; } table { border-collapse: collapse; table-layout: fixed; border-spacing: 0px; } button { border: none; background: none; cursor: pointer; outline: none; padding: 0px; font-weight: 100; font-family: NotoSansCJK, "Lucida Grande", "Open Sans", "roboto", "AppleGothic", "Arial", "Meiryo", "Hiragino Kaku Gothic Pro", "NanumBarunGothic", "Malgun Gothic", dotum, "돋음", "sans-serif"; letter-spacing: -0.05rem; } input[type=text], input[type=password], input[type=tel], input[type=email], input[type=button], input[type=submit], input[type=reset], button, select, textarea { font-weight: 100; font-family: NotoSansCJK, "Lucida Grande", "Open Sans", "roboto", "AppleGothic", "Arial", "Meiryo", "Hiragino Kaku Gothic Pro", "NanumBarunGothic", "Malgun Gothic", dotum, "돋음", "sans-serif"; } a, a:active, a:link, a:visited, a:hover { text-decoration: none; } a { color: #222; } header, footer, main { display: block; clear: both; } hr { margin: 0; border-top: 1px solid #222222; border-bottom: 0; } .blind { display: block; position: absolute !important; top: -2000em; left: -2000em; width: 1px; height: 1px; text-indent: 2000em; font-size: 1px; overflow: hidden; } .ie8 { overflow: scroll; } .ie8 body { overflow: auto; font-weight: normal; font-family: "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif; } .ie8 input[type=text], .ie8 input[type=password], .ie8 input[type=tel], .ie8 input[type=email], .ie8 input[type=button], .ie8 input[type=submit], .ie8 input[type=reset], .ie8 button, .ie8 select { font-weight: normal; font-family: "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif; } .ie8 h1, .ie8 h2, .ie8 h3, .ie8 h4, .ie8 h5, .ie8 h6, .ie8 strong, .ie8 b { font-weight: bold; } .wrap { width: 100%; max-width: 1279px; margin: 0 auto; position: relative; display: block; clear: both; content: ""; } .wrap:after { content: ''; display: block; clear: both; } .skip_navi { position: relative; height: 0px; } .skip_navi a { padding: 5px 20px; display: block; position: absolute; top: -100px; left: 0px; z-index: 10; background: #222222; outline-color: #f87910; color: #ffffff; font-size: 15px; } .skip_navi a:focus, .skip_navi a a:hover, .skip_navi a a:active { top: 0px; } .top_bnr { display: block; height: 50px; } .top_bnr .wrap { height: 100%; display: block; } .top_bnr a { display: block; width: 1240px; height: 100%; margin: 0 auto; } .top_bnr .btn_close { top: 50%; right: 35px; margin-top: -10px; position: absolute; display: block; width: 20px; height: 20px; text-indent: -2000em; font-size: 1px; overflow: hidden; } .top_bnr.show { display: block; background: #263171 url(https://www.gomlab.com/gomlab_v2/ui/img/bnr/bnr_top01.png?v=20220221) no-repeat top center; background-size: auto 100%; } .top_bnr.show + .new_header { top: 50px; } .top_bnr.show + .new_header.fix { top: 0px; } @media (max-width: 1279px) { .top_bnr.show + .new_header { top: 0; } .top_bnr.show + .new_header .gnb { top: 50px; } } @media (max-width: 767px) { .top_bnr.show + .new_header { top: 0; } .top_bnr.show + .new_header .gnb { top: 80px; } .top_bnr.show + .new_header.over .gnb { top: 80px; } .top_bnr .btn_close { top: 50%; right: 15px; margin-top: -12px; width: 25px; height: 25px; } } .new_header { position: absolute; top: 0; left: 0; width: 100%; height: 87px; box-sizing: border-box; z-index: 5; } .new_header .wrap { max-width: 1920px; height: 100%; } .new_header .wrap .ico_menu { display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 2.6%; width: 26px; height: 21px; } .new_header .wrap .ico_menu span { position: relative; display: inline-block; margin: 9px 0; } .new_header .wrap .ico_menu span, .new_header .wrap .ico_menu span:before, .new_header .wrap .ico_menu span:after { width: 100%; height: 3px; background-color: #ffffff; } .new_header .wrap .ico_menu span:before, .new_header .wrap .ico_menu span:after { content: ''; position: absolute; left: 0; } .new_header .wrap .ico_menu span:before { top: -9px; } .new_header .wrap .ico_menu span:after { top: 9px; } .new_header .wrap .logo { float: left; display: block; position: relative; margin: 35px 20px 0px 30px; width: 123px; height: 22px; text-indent: -2000em; font-size: 1px; overflow: hidden; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/logo.svg?v=2022207071") no-repeat 0 0; } .new_header .gnb, .new_header .lnb { float: left; display: block; } .new_header .gnb.new_gnb { float: none; text-align: center; padding-left: 173px; padding-right: 173px; } .new_header .gnb.new_gnb > li { display: inline-block; text-align: left; } .new_header .gnb.new_gnb > li.m_lnb { position: absolute; top: 137px; right: 59px; display: none; width: 29px; height: 29px; z-index: 4; } .new_header .gnb.new_gnb > li.pc_soft .area_dep { justify-content: flex-start; } .new_header .gnb.new_gnb .main_menu, .new_header .gnb.new_gnb .lnb .mn, .new_header .lnb .gnb.new_gnb .mn { position: relative; display: block; height: 87px; margin-right: 4px; padding: 0 15px; box-sizing: border-box; color: #ffffff; font-size: 16px; font-weight: 600; line-height: 96px; } .new_header .gnb.new_gnb .main_menu::before, .new_header .gnb.new_gnb .lnb .mn::before, .new_header .lnb .gnb.new_gnb .mn::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #ffffff; } .new_header .gnb.new_gnb .main_menu .ico_angle_down, .new_header .gnb.new_gnb .lnb .mn .ico_angle_down, .new_header .lnb .gnb.new_gnb .mn .ico_angle_down { display: inline-block; width: 14px; height: 14px; margin: -5px 0 0 5px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_white_down1.svg?v=2022207071") no-repeat 0 0; } .new_header .gnb.new_gnb .main_menu.menu_course, .new_header .gnb.new_gnb .lnb .menu_course.mn, .new_header .lnb .gnb.new_gnb .menu_course.mn { position: relative; color: #f87910 !important; } .new_header .gnb.new_gnb .main_menu.menu_course .ico_course, .new_header .gnb.new_gnb .lnb .menu_course.mn .ico_course, .new_header .lnb .gnb.new_gnb .menu_course.mn .ico_course { position: absolute; top: 24px; right: 0; display: inline-block; width: 22px; height: 18px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_live.svg?v=2022207071") no-repeat 0; background-size: cover; animation: course_icon 2s ease 0s infinite normal forwards; } @keyframes course_icon { 0%, 100% { transform: rotate(0deg); transform-origin: center bottom; } 15% { transform: rotate(-6deg); } 30% { transform: rotate(6deg); } 45% { transform: rotate(-3.6deg); } 60% { transform: rotate(2.4deg); } 75% { transform: rotate(-1.2deg); } } .new_header .gnb.new_gnb .main_menu:hover::before, .new_header .gnb.new_gnb .lnb .mn:hover::before, .new_header .lnb .gnb.new_gnb .mn:hover::before, .new_header .gnb.new_gnb .main_menu.on::before, .new_header .gnb.new_gnb .lnb .on.mn::before, .new_header .lnb .gnb.new_gnb .on.mn::before { width: 100%; margin-left: -50%; transition: 300ms; } @media (width: 1280px) { .new_header .gnb.new_gnb .main_menu, .new_header .gnb.new_gnb .lnb .mn, .new_header .lnb .gnb.new_gnb .mn { padding: 0 10px; } } .new_header .gnb.new_gnb .menu { position: absolute; top: 87px; left: 0; display: none; width: 100%; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #ffffff; box-sizing: border-box; overflow: hidden; } .new_header .gnb.new_gnb .wrap_menu { width: auto; max-width: 1162px; height: 100%; margin: 0 auto; padding: 32px 0 17px; box-sizing: border-box; overflow: hidden; } .new_header .gnb.new_gnb .custom { padding: 28px 0 23px 0; } .new_header .gnb.new_gnb .custom .area_dep { margin: 0 auto 27px; font-weight: 600; line-height: 24px; } .new_header .gnb.new_gnb .custom .area_dep li { width: auto; margin: 0 60px 0 0; } .new_header .gnb.new_gnb .area_dep { position: relative; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; } .new_header .gnb.new_gnb .area_dep li { display: flex; width: 280px; margin: 0 10px 36px 0; flex-shrink: 0; font-size: 16px; line-height: 38px; text-align: left; } .new_header .gnb.new_gnb .area_dep li:last-child { margin-right: 0; } .new_header .gnb.new_gnb .area_dep li .icon { width: 46px; height: 46px; margin: 8px 14px 0 0; border-radius: 15px; } .new_header .gnb.new_gnb .area_dep li .bx_item { padding-top: 7px; line-height: 0; } .new_header .gnb.new_gnb .area_dep li .bx_item strong { display: block; margin-bottom: 4px; color: #222222; font-size: 16px; letter-spacing: -0.32px; line-height: 24px; } .new_header .gnb.new_gnb .area_dep li .bx_item .ico_new { display: inline-block; width: 24px; height: 17px; padding: 0; margin-left: 10px; background-position: 0 center; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_new02.svg?v=2022207071") no-repeat right center; } .new_header .gnb.new_gnb .area_dep li .bx_item .txt_detail { margin-bottom: 17px; font-size: 14px; letter-spacing: -0.28px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .new_header .gnb.new_gnb .area_dep li .bx_item .kinds a { display: inline-block; height: 22px; font-size: 14px; letter-spacing: -0.28px; line-height: 14px; } .new_header .gnb.new_gnb .area_dep li .bx_item .kinds a + a { margin-left: 18px; } .new_header .gnb.new_gnb .area_dep li .bx_item .kinds a span { padding: 0 1px; border-bottom: 1px solid #c8c8c8; } .new_header .gnb.new_gnb .area_dep li .bx_item .kinds a:hover span { border-bottom-color: #222222; } .new_header .lnb { position: absolute; top: 0; right: 20px; } .new_header .lnb .mn { position: relative; float: left; height: 87px; padding: 0px 10px; color: #ffffff; font-size: 12px; font-weight: 600; line-height: 102px; opacity: 0.6; } .new_header .lnb .mn::before { content: ""; position: absolute; top: 60%; left: 0px; display: block; width: 1px; height: 10px; margin-top: 0; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_line.png?v=2022207071") no-repeat left center; transform: translateY(-50%); } .new_header .lnb .mn.non::before { display: none; } .new_header .lnb .mn:hover { opacity: 1; } .new_header .lnb .box_lang { position: relative; float: left; } .new_header .lnb .box_lang span { display: inline-block; } .new_header .lnb .box_lang .ico_down { position: relative; display: inline-block; width: 10px; height: 5px; margin-left: 10px; vertical-align: middle; text-indent: -2000em; font-size: 1px; overflow: hidden; } .new_header .lnb .box_lang .ico_down:before { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: -1px; border-right: 2px solid rgba(255, 255, 255, 0.6); border-bottom: 2px solid rgba(255, 255, 255, 0.6); } .new_header .lnb .box_lang .slct_box { position: absolute; top: 69px; right: 5px; display: none; width: 85px; box-sizing: border-box; z-index: 5; } .new_header .lnb .box_lang .slct_box.col2, .new_header .lnb .box_lang .sub .slct_box.goods_info, .sub .new_header .lnb .box_lang .slct_box.goods_info { top: 87px; right: -12px; width: 360px; height: 182px; padding: 30px 30px 30px 40px; background: #ffffff; border: 1px solid #222222; border-radius: 20px; border-top-right-radius: 0; } .new_header .lnb .box_lang .slct_box.col2 strong, .new_header .lnb .box_lang .sub .slct_box.goods_info strong, .sub .new_header .lnb .box_lang .slct_box.goods_info strong { font-size: 16px; } .new_header .lnb .box_lang .slct_box.col2 ul, .new_header .lnb .box_lang .sub .slct_box.goods_info ul, .sub .new_header .lnb .box_lang .slct_box.goods_info ul { display: flex; flex-wrap: wrap; width: 290px; height: 90px; margin-top: 5px; overflow: hidden; } .new_header .lnb .box_lang .slct_box.col2 ul li, .new_header .lnb .box_lang .sub .slct_box.goods_info ul li, .sub .new_header .lnb .box_lang .slct_box.goods_info ul li { float: left !important; width: 70px; height: auto; } .new_header .lnb .box_lang .slct_box.col2 ul li a, .new_header .lnb .box_lang .sub .slct_box.goods_info ul li a, .sub .new_header .lnb .box_lang .slct_box.goods_info ul li a { height: 40px; background: none; font-size: 15px; text-align: left; } .new_header .lnb .box_lang .slct_box.col2 ul li + li, .new_header .lnb .box_lang .sub .slct_box.goods_info ul li + li, .sub .new_header .lnb .box_lang .slct_box.goods_info ul li + li { margin-left: 40px; } .new_header .lnb .box_lang .slct_box.col2 ul li:nth-child(3n+1), .new_header .lnb .box_lang .sub .slct_box.goods_info ul li:nth-child(3n+1), .sub .new_header .lnb .box_lang .slct_box.goods_info ul li:nth-child(3n+1) { margin-left: 0; } .new_header .lnb .box_lang .slct_box.col2 .btn_gnb_close, .new_header .lnb .box_lang .sub .slct_box.goods_info .btn_gnb_close, .sub .new_header .lnb .box_lang .slct_box.goods_info .btn_gnb_close { position: absolute; display: block; width: 28px; height: 28px; right: -1px; top: -1px; border: 1px solid #222222; } .new_header .lnb .box_lang .slct_box.col2 .btn_gnb_close:before, .new_header .lnb .box_lang .sub .slct_box.goods_info .btn_gnb_close:before, .sub .new_header .lnb .box_lang .slct_box.goods_info .btn_gnb_close:before, .new_header .lnb .box_lang .slct_box.col2 .btn_gnb_close:after, .new_header .lnb .box_lang .sub .slct_box.goods_info .btn_gnb_close:after, .sub .new_header .lnb .box_lang .slct_box.goods_info .btn_gnb_close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 15px; height: 2px; background-color: #222222; } .new_header .lnb .box_lang .slct_box.col2 .btn_gnb_close:before, .new_header .lnb .box_lang .sub .slct_box.goods_info .btn_gnb_close:before, .sub .new_header .lnb .box_lang .slct_box.goods_info .btn_gnb_close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .new_header .lnb .box_lang .slct_box.col2 .btn_gnb_close:after, .new_header .lnb .box_lang .sub .slct_box.goods_info .btn_gnb_close:after, .sub .new_header .lnb .box_lang .slct_box.goods_info .btn_gnb_close:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .new_header .btn_gnb_close { text-indent: -2000em; font-size: 1px; overflow: hidden; } .new_header.h_white, .new_header.over, .new_header.fix { background: #ffffff; border-bottom: 1px solid #e5e5e5; } .new_header.h_white .wrap .logo, .new_header.over .wrap .logo, .new_header.fix .wrap .logo { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/logo_on.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } .new_header.h_white .gnb.new_gnb .main_menu, .new_header.h_white .gnb.new_gnb .lnb .mn, .new_header.h_white .lnb .gnb.new_gnb .mn, .new_header.over .gnb.new_gnb .main_menu, .new_header.over .gnb.new_gnb .lnb .mn, .new_header.over .lnb .gnb.new_gnb .mn, .new_header.fix .gnb.new_gnb .main_menu, .new_header.fix .gnb.new_gnb .lnb .mn, .new_header.fix .lnb .gnb.new_gnb .mn { color: #222222; } .new_header.h_white .gnb.new_gnb .main_menu::before, .new_header.h_white .gnb.new_gnb .lnb .mn::before, .new_header.h_white .lnb .gnb.new_gnb .mn::before, .new_header.over .gnb.new_gnb .main_menu::before, .new_header.over .gnb.new_gnb .lnb .mn::before, .new_header.over .lnb .gnb.new_gnb .mn::before, .new_header.fix .gnb.new_gnb .main_menu::before, .new_header.fix .gnb.new_gnb .lnb .mn::before, .new_header.fix .lnb .gnb.new_gnb .mn::before { background: #222222; } .new_header.h_white .gnb.new_gnb .main_menu .ico_angle_down, .new_header.h_white .gnb.new_gnb .lnb .mn .ico_angle_down, .new_header.h_white .lnb .gnb.new_gnb .mn .ico_angle_down, .new_header.over .gnb.new_gnb .main_menu .ico_angle_down, .new_header.over .gnb.new_gnb .lnb .mn .ico_angle_down, .new_header.over .lnb .gnb.new_gnb .mn .ico_angle_down, .new_header.fix .gnb.new_gnb .main_menu .ico_angle_down, .new_header.fix .gnb.new_gnb .lnb .mn .ico_angle_down, .new_header.fix .lnb .gnb.new_gnb .mn .ico_angle_down { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_black_down1.svg?v=2022207071") no-repeat 0 0; } .new_header.h_white .lnb .mn, .new_header.over .lnb .mn, .new_header.fix .lnb .mn { color: #222222; } .new_header.h_white .lnb .mn::before, .new_header.over .lnb .mn::before, .new_header.fix .lnb .mn::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_line_black.png?v=2022207071") no-repeat left center; } .new_header.h_white .lnb .box_lang .ico_down::before, .new_header.over .lnb .box_lang .ico_down::before, .new_header.fix .lnb .box_lang .ico_down::before { border-color: rgba(0, 0, 0, 0.6); } .new_header.over.fix { z-index: 6; } .new_header.h_white .lnb .mn { color: #222222; } .new_header.h_white .lnb .mn::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_line_black.png?v=2022207071") no-repeat left center; } .new_header.h_white .lnb .box_lang .ico_down::before { border-color: rgba(0, 0, 0, 0.6); } .new_header.fix { position: fixed; top: 0; transition: background 200ms; } @media (max-width: 1279px) { .new_header { height: 60px; } .new_header .wrap .ico_menu { display: block; } .new_header .wrap .logo { margin: 20px 0px 0px 2.6%; background-size: 100%; } .new_header .gnb { position: fixed; top: 0; right: 0; display: none; width: 100%; height: 100%; max-width: 375px; padding: 0; background: #ffffff; text-align: left; overflow-y: scroll; z-index: 6; } .new_header .gnb.new_gnb { padding: 0; } .new_header .gnb.new_gnb > li { display: block; margin: 0; padding: 0 11px; box-sizing: border-box; } .new_header .gnb.new_gnb > li.m_lnb { position: relative; top: auto; right: auto; width: 100%; height: 60px; margin-bottom: 9px; padding: 0; border-bottom: 0; } .new_header .gnb.new_gnb > li.m_lnb .mn { position: relative; display: inline-block; padding: 0 14px; color: #999; line-height: 60px; vertical-align: top; } .new_header .gnb.new_gnb > li.m_lnb .mn.txt_point { font-weight: 600; } .new_header .gnb.new_gnb > li.m_lnb .mn::before { content: ""; width: 1px; height: 14px; display: block; position: absolute; background: #e5e5e5; top: 50%; left: 0px; transform: translateY(-50%); } .new_header .gnb.new_gnb > li.m_lnb .mn:first-child { padding-left: 6.25%; font-weight: 600; } .new_header .gnb.new_gnb > li.m_lnb .mn:first-child::before { display: none; } .new_header .gnb.new_gnb > li.m_lnb .btn_gnb_close { top: 50%; right: 6.25%; position: absolute; display: block; width: 16px; height: 16px; border: none; transform: translateY(-50%); transition: all 2s; opacity: 0; } .new_header .gnb.new_gnb > li.m_lnb .btn_gnb_close:before, .new_header .gnb.new_gnb > li.m_lnb .btn_gnb_close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 3px; background-color: #222222; } .new_header .gnb.new_gnb > li.m_lnb .btn_gnb_close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .new_header .gnb.new_gnb > li.m_lnb .btn_gnb_close:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .new_header .gnb.new_gnb .main_menu, .new_header .gnb.new_gnb .lnb .mn, .new_header .lnb .gnb.new_gnb .mn { height: 52px; margin: 0 0 9px 0; padding: 0 13px; font-size: 22px; line-height: 52px; letter-spacing: -0.44px; } .new_header .gnb.new_gnb .main_menu::before, .new_header .gnb.new_gnb .lnb .mn::before, .new_header .lnb .gnb.new_gnb .mn::before { display: none; } .new_header .gnb.new_gnb .main_menu .ico_angle_down, .new_header .gnb.new_gnb .lnb .mn .ico_angle_down, .new_header .lnb .gnb.new_gnb .mn .ico_angle_down { position: absolute; top: 25%; right: 0; width: 24px; height: 24px; margin: -2px 0 0 0; } .new_header .gnb.new_gnb .main_menu.menu_course, .new_header .gnb.new_gnb .lnb .menu_course.mn, .new_header .lnb .gnb.new_gnb .menu_course.mn { position: static; } .new_header .gnb.new_gnb .main_menu.menu_course .ico_course, .new_header .gnb.new_gnb .lnb .menu_course.mn .ico_course, .new_header .lnb .gnb.new_gnb .menu_course.mn .ico_course { position: static; width: 26px; height: 22px; margin-left: 2px; vertical-align: -2px; } .new_header .gnb.new_gnb .main_menu:hover::before, .new_header .gnb.new_gnb .lnb .mn:hover::before, .new_header .lnb .gnb.new_gnb .mn:hover::before, .new_header .gnb.new_gnb .main_menu.on::before, .new_header .gnb.new_gnb .lnb .on.mn::before, .new_header .lnb .gnb.new_gnb .on.mn::before { width: 100%; margin-left: -50%; transition: 300ms; } .new_header .gnb.new_gnb .main_menu.on, .new_header .gnb.new_gnb .lnb .on.mn, .new_header .lnb .gnb.new_gnb .on.mn { margin-bottom: 0; } .new_header .gnb.new_gnb .main_menu.on .ico_angle_down, .new_header .gnb.new_gnb .lnb .on.mn .ico_angle_down, .new_header .lnb .gnb.new_gnb .on.mn .ico_angle_down { transform: rotate(180deg); } .new_header .gnb.new_gnb .menu { position: static; border: 0; } .new_header .gnb.new_gnb .wrap_menu { padding: 0; } .new_header .gnb.new_gnb .custom { display: block; } .new_header .gnb.new_gnb .custom .area_dep { display: block; margin: 20px 0 0 0; } .new_header .gnb.new_gnb .custom .area_dep li { min-height: 47px; padding-left: 24px; font-size: 18px; line-height: 20px; text-align: left; } .new_header .gnb.new_gnb .area_dep { margin: 3px auto -11px auto; padding-bottom: 0; justify-content: flex-start; } .new_header .gnb.new_gnb .area_dep li { flex-direction: column; position: relative; width: calc(33.3333% - 10px); margin: 6px 5px 21px; text-align: center; } .new_header .gnb.new_gnb .area_dep li .icon { margin: 0 auto; } .new_header .gnb.new_gnb .area_dep li .bx_item strong { height: 46px; margin: 8px 0 10px; line-height: 22px; overflow: hidden; } .new_header .gnb.new_gnb .area_dep li .bx_item .ico_new { position: absolute; top: 1%; left: calc(50% + 20px); } .new_header .gnb.new_gnb .area_dep li .bx_item .txt_detail { display: none; } .new_header .gnb.new_gnb .area_dep li .bx_item .kinds a { display: block; font-size: 15px; line-height: 15px; } .new_header .gnb.new_gnb .area_dep li .bx_item .kinds a + a { margin: 11px 0 0 0; } .new_header .lnb { display: none; } .new_header.h_white .ico_menu span, .new_header.over .ico_menu span, .new_header.fix .ico_menu span { background-color: #222222; } .new_header.h_white .ico_menu span::before, .new_header.h_white .ico_menu span::after, .new_header.over .ico_menu span::before, .new_header.over .ico_menu span::after, .new_header.fix .ico_menu span::before, .new_header.fix .ico_menu span::after { background-color: #222222; } .new_header.h_white .gnb.new_gnb .main_menu .ico_angle_down, .new_header.h_white .gnb.new_gnb .lnb .mn .ico_angle_down, .new_header.h_white .lnb .gnb.new_gnb .mn .ico_angle_down, .new_header.over .gnb.new_gnb .main_menu .ico_angle_down, .new_header.over .gnb.new_gnb .lnb .mn .ico_angle_down, .new_header.over .lnb .gnb.new_gnb .mn .ico_angle_down, .new_header.fix .gnb.new_gnb .main_menu .ico_angle_down, .new_header.fix .gnb.new_gnb .lnb .mn .ico_angle_down, .new_header.fix .lnb .gnb.new_gnb .mn .ico_angle_down { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_mobile_down.svg?v=2022207071") no-repeat 0 0; } .new_header.over { background: transparent; border-bottom: 0; } .new_header.over::before { content: ""; width: 100%; height: 100%; display: block; position: fixed; background: rgba(0, 0, 0, 0.6); z-index: 1; } .new_header.over .wrap .logo { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/logo.svg?v=2022207071") no-repeat 0 0; } .new_header.over .gnb.new_gnb > li.m_lnb { display: block; } .new_header.over .gnb.new_gnb > li.m_lnb .btn_gnb_close { transition: 2s; opacity: 1; } .new_header.h_white .wrap .logo { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/logo_on.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } } @media (max-width: 767px) { .new_header { height: 44px; } .new_header .wrap .ico_menu { width: 18px; height: 15px; right: 6.25%; } .new_header .wrap .ico_menu span { position: absolute; height: 2px; margin: 6px 0px; } .new_header .wrap .ico_menu span::before, .new_header .wrap .ico_menu span::after { height: 2px; } .new_header .wrap .ico_menu span::before { top: -6px; } .new_header .wrap .ico_menu span::after { top: 6px; } .new_header .wrap .logo { width: 75px; height: 14px; margin: 16px 0px 0px 6.25%; } .new_header .gnb { max-width: none; } .new_header .gnb.new_gnb { padding: 0; } .new_header .gnb.new_gnb > li { padding: 0 3.5%; } .new_header .gnb.new_gnb > li.m_lnb { height: 44px; margin: 0 0 9px 0; padding: 0; } .new_header .gnb.new_gnb > li.m_lnb .mn { font-size: 12px; line-height: 44px; } .new_header .gnb.new_gnb .main_menu, .new_header .gnb.new_gnb .lnb .mn, .new_header .lnb .gnb.new_gnb .mn { padding: 0 3%; } .new_header .gnb.new_gnb .main_menu::before, .new_header .gnb.new_gnb .lnb .mn::before, .new_header .lnb .gnb.new_gnb .mn::before { display: none; } .new_header .gnb.new_gnb .main_menu .ico_angle_down, .new_header .gnb.new_gnb .lnb .mn .ico_angle_down, .new_header .lnb .gnb.new_gnb .mn .ico_angle_down { right: 2%; } .new_header .gnb.new_gnb .menu { margin-bottom: 15px; } .new_header .gnb.new_gnb .custom { display: block; } .new_header .gnb.new_gnb .custom .area_dep { display: block; margin: 20px 0 0 0; } .new_header .gnb.new_gnb .custom .area_dep li { min-height: 47px; padding-left: 24px; font-size: 18px; line-height: 20px; text-align: left; } .new_header .gnb.new_gnb .area_dep li { width: 29.5%; } .new_header .gnb.new_gnb .area_dep li .icon { margin: 0 auto; } .new_header .gnb.new_gnb .area_dep li .bx_item strong { height: 46px; margin: 8px 0 10px; line-height: 22px; overflow: hidden; } .new_header .gnb.new_gnb .area_dep li .bx_item .txt_detail { display: none; } .new_header .gnb.new_gnb .area_dep li .bx_item .kinds a { display: block; font-size: 15px; line-height: 15px; } .new_header .gnb.new_gnb .area_dep li .bx_item .kinds a + a { margin: 11px 0 0 0; } .new_header .lnb { display: none; } .new_header.h_white .ico_menu span, .new_header.over .ico_menu span, .new_header.fix .ico_menu span { background-color: #222222; } .new_header.h_white .ico_menu span::before, .new_header.h_white .ico_menu span::after, .new_header.over .ico_menu span::before, .new_header.over .ico_menu span::after, .new_header.fix .ico_menu span::before, .new_header.fix .ico_menu span::after { background-color: #222222; } .new_header.over::before { content: ""; width: 100%; height: 100%; display: block; position: fixed; background: rgba(0, 0, 0, 0.6); z-index: 1; } .new_header.over .gnb.new_gnb > li.m_lnb { display: block; } .new_header.over .gnb.new_gnb > li.m_lnb .btn_gnb_close { transition: 2s; opacity: 1; } } /* 스페셜 로고 전용 */ /* html:lang(ko) .main.renew .new_header .logo { width: 140px; height: 86px; margin: 0 7px 0 22px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/logo_hungulday_2033.png?v=2022207071") no-repeat 0 0; background-size: 100%; } @media (max-width: 1279px) { html:lang(ko) .main.renew .new_header .logo { width: 123px; height: 22px; margin: 20px 0px 0px 2.6%; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/logo_on.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } } @media (max-width: 767px) { html:lang(ko) .main.renew .new_header .logo { width: 75px; height: 14px; margin: 16px 0px 0px 6.25%; } } html:lang(ko) .main.renew .new_header.fix .logo { height: 85px; } */ /* //스페셜 로고 전용 */ .lang_js .new_header .dep3_good br { display: none !important; } footer { font-weight: 600; font-size: 13px; margin-bottom: 50px; } @media (max-width: 1279px) { footer { font-size: 14px; } } @media (max-width: 767px) { footer { margin-bottom: 25px; font-size: 11px; } } footer li { float: left; } footer .wrap { max-width: 1280px; position: relative; } footer .logo_footer { margin: 34px 0px 20px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/logo_footer.svg?v=2022207071") no-repeat 0 0; background-size: 100%; content: ""; width: 210px; height: 20px; display: inline-block; position: relative; text-indent: -2000em; font-size: 1px; overflow: hidden; } footer .biz span { font-size: 14px; color: #bbbbbb; } footer .biz span:after { content: ""; width: 1px; height: 10px; display: inline-block; position: relative; background: #dddddd; vertical-align: middle; margin: 0px 10px; } footer .biz span:last-child:after { display: none; } footer .biz:after { display: block; clear: both; content: ""; } footer .cus { display: inline-block; margin-top: 22px; font-size: 14px; } footer .cus span { display: inline-block; margin-left: 5px; color: #f87910 !important; } footer .qna { margin: 2px 0 18px; padding-left: 12px; text-indent: -12px; color: #bbb; } footer .qna::before { content: '※'; margin-right: 3px; } footer .qna br { display: none; } footer .qna > .link { color: #222222; } footer .copy { font-size: 13px; color: #bbbbbb; } @media (max-width: 1279px) { footer .wrap { position: relative; padding: 0px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: none; } footer .wrap:after { display: block; clear: both; content: ""; } footer .top .wrap { padding: 0px; } footer .biz span { font-size: 12px; } footer .biz span:after { margin: 0px 10px 0px 12px; } footer .biz span:nth-child(4n):after { margin: 0px; height: 0px; background: #ffffff; display: block; clear: both; content: ""; } footer .qna { margin-bottom: 20px; font-size: 12px; } } @media (max-width: 767px) { footer .wrap { padding: 0 6.25%; } footer .top { border-bottom: none; } footer .logo_footer { margin: 33px 0px 18px; width: 111px; height: 10px; text-indent: -2000em; font-size: 1px; overflow: hidden; } footer .biz span { font-size: 10px; line-height: 1.7; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } footer .biz span:after { margin: 0 12px 0 14px; } footer .biz span:nth-child(2n):after { margin: 0px; height: 0px; background: #ffffff; display: block; clear: both; content: ""; } footer .cus { font-size: 11px; } footer .qna { margin: 18px 0 29px; font-size: 11px; } footer .qna br { display: inline-block; } footer .copy { font-size: 11px; margin-top: 15px; display: block; clear: both; content: ""; } } footer .top { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; line-height: 58px; width: 100%; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1279px) { footer .top { line-height: 56px; height: auto; border-bottom: none; } } @media (max-width: 767px) { footer .top { line-height: 25px; } } footer .top ul { float: left; } footer .top li { margin-right: 30px; } footer .top a { color: #888888; } footer .top a:hover, footer .top a.on { color: #222222; } footer .top .f_right { float: right; display: block; } @media (max-width: 1279px) { footer .top .f_right { display: block; clear: both; content: ""; height: 56px; -webkit-box-sizing: border-box; box-sizing: border-box; float: none; border-bottom: 1px solid #e5e5e5; padding: 0 30px; } } @media (max-width: 767px) { footer .top .f_right { padding: 0 6.25%; height: 40px; } } footer .top .lang { display: none; float: left; position: relative; width: 80px; margin-right: 50px; line-height: 58px; } footer .top .lang:after { content: ""; width: 1px; height: 10px; display: block; position: absolute; background: #dddddd; top: 50%; right: -25px; margin-top: -5px; } @media (max-width: 1279px) { footer .top .lang { display: block; width: 102px; float: left; margin-right: 44px; line-height: 56px; -webkit-box-sizing: border-box; box-sizing: border-box; } footer .top .lang:after { right: -20px; } } @media (max-width: 767px) { footer .top .lang { width: 50%; margin: 0; padding: 0 6.25% 0 0; border-right: 1px solid #e5e5e5; line-height: 40px; } footer .top .lang:after { display: none; } } footer .top .lang .slct_trg { width: 100%; display: block; } footer .top .lang .slct_trg span { display: inline-block; width: calc(100% - 13px); } @media (max-width: 767px) { footer .top .lang .slct_trg span { width: calc(100% - 10px); } } footer .top .lang .slct_box { z-index: 11; position: absolute; display: none; width: 206px; bottom: 58px; left: 0px; background: #ffffff; } footer .top .lang .slct_box li { margin: 0px; width: 50%; float: left !important; } footer .top .lang .slct_box li a { padding-left: 18px; text-align: left; } @media (max-width: 1279px) { footer .top .lang .slct_box { bottom: 56px; left: 0px; } } @media (max-width: 767px) { footer .top .lang .slct_box { width: 200%; bottom: 40px; left: 0; } footer .top .lang .slct_box li a { padding-left: 20px; } } footer .top .lang .ico_angle_down { position: relative; display: inline-block; width: 10px; height: 6px; text-indent: -2000em; font-size: 1px; overflow: hidden; vertical-align: middle; } footer .top .lang .ico_angle_down:before { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; -webkit-transform: translate(-50%, -50%) scale(1, 1.2) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1, 1.2) rotate(45deg); transform: translate(-50%, -50%) scale(1, 1.2) rotate(45deg); margin-top: -1px; border-right: 2px solid #aaaaaa; border-bottom: 2px solid #aaaaaa; } footer .top .lang a:hover .ico_angle_down:before { border-color: #222222; } footer .top .s_map { opacity: 1; display: block; float: left; margin-right: 50px; position: relative; width: 95px; } footer .top .s_map span { width: calc(100% - 16px); display: inline-block; } footer .top .s_map:after { content: ""; width: 1px; height: 10px; display: block; position: absolute; background: #dddddd; top: 50%; right: -25px; margin-top: -5px; } footer .top .s_map.r_cont { margin-right: 0; text-align: right; } footer .top .s_map.r_cont span { width: auto; margin-left: 10px; } footer .top .s_map.r_cont:after { display: none; } footer .top .s_map:hover .ico_plus:before, footer .top .s_map:hover .ico_plus:after { background-color: #222222; } @media (max-width: 1279px) { footer .top .s_map { display: none; } } footer .top .ico_plus { width: 12px; height: 12px; display: inline-block; position: relative; vertical-align: middle; margin-top: -3px; text-indent: -2000em; font-size: 1px; overflow: hidden; } footer .top .ico_plus:before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0px; content: ""; width: 100%; height: 2px; display: block; position: absolute; background: #aaaaaa; } footer .top .ico_plus:after { top: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ""; width: 2px; height: 100%; display: block; position: absolute; background: #aaaaaa; } @media (max-width: 1279px) { footer .top .footmenu { float: none; width: 100%; padding: 7px 30px 8px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; line-height: 40px; } footer .top .footmenu:after { display: block; clear: both; content: ""; } footer .top .footmenu li { margin: 0 15px; } footer .top .footmenu li a { display: inline-block; } } @media (max-width: 767px) { footer .top .footmenu { float: none; width: calc(100% + 10px); margin-left: -12px; padding: 7px 6.25%; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; line-height: 1; } footer .top .footmenu:after { display: block; clear: both; content: ""; } footer .top .footmenu li { margin: 0 11px; } footer .top .footmenu li a { padding: 7px 0px; display: inline-block; } } footer .family { float: left; width: 140px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } footer .family .slct_box { z-index: 5; position: absolute; width: 100%; bottom: 58px; display: none; } footer .family .slct_box li { margin: 0px; width: 100%; } footer .family a { display: block; width: 100%; height: 100%; } footer .family a:hover .ico_plus:before, footer .family a:hover .ico_plus:after { background-color: #222222; } footer .family span { display: inline-block; width: calc(100% - 16px); } footer .family.replace { position: absolute; top: 106px; right: 0; width: 165px; height: 47px; line-height: 47px; z-index: 5; background-color: #ffffff; } footer .family.replace .slct_trg { position: relative; padding: 0 20px; border: 1px solid #e5e5e5; border-radius: 23px; color: #888; -webkit-box-sizing: border-box; box-sizing: border-box; } footer .family.replace .slct_trg .ico_down { position: absolute; display: block; width: 10px; height: 5px; text-indent: -2000em; font-size: 1px; overflow: hidden; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } footer .family.replace .slct_trg .ico_down:before { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: 1px; border-top: 2px solid rgba(170, 170, 170, 0); border-left: 2px solid rgba(170, 170, 170, 0); } footer .family.replace .slct_trg .ico_down:before { border-color: rgba(0, 0, 0, 0.6); } footer .family.replace .slct_box { bottom: 49px; border: 1px solid #e5e5e5; border-radius: 23px; overflow: hidden; background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; } footer .family.replace .slct_box a { padding: 0 20px; height: 40px; line-height: 40px; text-align: left; color: #888; } footer .family.replace .slct_box a:hover { background: none; text-decoration: underline; color: #222222; } @media (max-width: 1279px) { footer .family { line-height: 56px; } footer .family .slct_box { width: 100%; bottom: 56px; left: 0; } footer .family.replace { position: relative; top: auto; right: auto; width: 140px; height: auto; line-height: 56px; background: none; } footer .family.replace .slct_trg { padding: 0; border: 0; } footer .family.replace .slct_trg .ico_down { width: 12px; height: 12px; display: inline-block; position: relative; vertical-align: middle; margin-top: -3px; top: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; } footer .family.replace .slct_trg .ico_down:before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0px; border: 0; content: ""; width: 100%; height: 2px; display: block; position: absolute; background: #aaaaaa; margin-top: 0; } footer .family.replace .slct_trg .ico_down:after { top: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ""; width: 2px; height: 100%; display: block; position: absolute; background: #aaaaaa; } footer .family.replace .slct_trg:hover { color: #222222; } footer .family.replace .slct_trg:hover .ico_down:before, footer .family.replace .slct_trg:hover .ico_down:after { background-color: #222222; } footer .family.replace .slct_box { bottom: 56px; border: 1px solid #222222; border-top: 2px solid #222222; border-radius: 0; } footer .family.replace .slct_box a { padding: 0; height: 50px; line-height: 3.9; text-align: center; } footer .family.replace .slct_box a:hover { background: #f7f7f7; text-decoration: none; } } @media (max-width: 767px) { footer .family { width: 50%; padding: 0 0 0 6.25%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; } footer .family .slct_box { width: 88%; bottom: 40px; left: 12.5%; } footer .family span { width: calc(100% - 15px); margin-right: 0; } footer .family.replace { width: 50%; padding: 0 0 0 6.25%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; } footer .family.replace .slct_box { width: 88%; bottom: 40px; left: 12.5%; } footer .family.replace span { width: calc(100% - 15px); margin-right: 0; } } footer .lst_social { position: absolute; overflow: hidden; top: 40px; right: 0px; } footer .lst_social li { width: 47px; height: 47px; margin-left: 10px; } footer .lst_social a { width: 100%; height: 100%; display: block; text-indent: -2000em; font-size: 1px; overflow: hidden; } footer .lst_social.type2 { top: 46px; right: 185px; } @media (max-width: 1279px) { footer .lst_social.type2 { top: 22px; right: 30px; } } @media (max-width: 767px) { footer .lst_social.type2 { right: 6.25%; } } @media (max-width: 1279px) { footer .lst_social { top: 22px; right: 30px; } footer .lst_social li { width: 42px; height: 42px; } } @media (max-width: 767px) { footer .lst_social { right: 6.25%; } footer .lst_social li { width: 31px; height: 31px; margin-left: 6px; } } footer .lst_social .ico_face { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_foot_face.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } footer .lst_social .ico_twit { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_foot_twit.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } footer .lst_social .ico_blog { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_foot_blog.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } footer .lst_social .ico_insta { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_foot_instagram.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } footer .lst_social .ico_yout { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_foot_youtube.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } .lang_ko footer .qna { margin: 0; } .lang_ko footer .copy { margin-top: 18px; font-size: 12px; } .lang_ko footer .lst_social.type2 { top: 141px; } .lang_ko footer .family.replace { top: 199px; } @media (max-width: 1279px) { .lang_ko footer .qna { margin-bottom: 0; } .lang_ko footer .lst_social.type2 { top: 22px; } .lang_ko footer .family.replace { top: auto; } } @media (max-width: 767px) { .lang_ko footer .qna { margin: 0; font-size: 10px; } .lang_ko footer .copy { font-size: 11px; } } .col2:after, .sub .goods_info:after { display: block; clear: both; content: ""; } .col2 .left, .sub .goods_info .left { float: left; display: block; } .col2 .right, .sub .goods_info .right { float: right; display: block; } .floating_menu { position: absolute; top: 952px; right: 0px; z-index: 3; width: 0px; height: 570px; background: #ffffff; border: 1px solid #e3e3e3; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 28px 0px 10px 10px; } @media (max-width: 1279px) { .floating_menu { display: none; } } .floating_menu .btn_float { content: ""; width: 13px; height: 109px; display: block; position: absolute; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e3e3e3; border-right: none; border-radius: 25px 0px 0px 25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: -13px; } .floating_menu .btn_float:before { content: ''; position: absolute; display: block; vertical-align: middle; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); margin-left: 2px; border-left: 2px solid #222222; border-bottom: 2px solid #222222; top: 50%; left: 50%; } .floating_menu ul { width: 70px; margin-left: 1px; } .floating_menu li { text-align: center; font-size: 11px; line-height: 20px; } .floating_menu li:after { content: ""; width: 56px; height: 1px; display: block; position: relative; background: #e3e3e3; margin: 18px auto; } .floating_menu li:last-child:after { display: none; } .floating_menu li a, .floating_menu li button { display: block; margin: 0 auto; } .floating_menu li a:before, .floating_menu li button:before { margin: 0 auto 10px; } .floating_menu li span { display: block; font-weight: 600; -webkit-box-sizing: border-box; box-sizing: border-box; } .floating_menu li .ad_box { width: 100%; overflow: hidden; margin-bottom: 10px; } .floating_menu li .ad_box img { width: 100%; } .floating_menu li .btn_FDown { line-height: 11px; } .floating_menu li .btn_FDown:before { content: ""; width: 32px; height: 28px; display: block; position: relative; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_float_down.png?v=2022207071") no-repeat 0 0; } .floating_menu li .btn_FCust { line-height: 11px; } .floating_menu li .btn_FCust:before { content: ""; width: 42px; height: 28px; display: block; position: relative; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_float_cust.png?v=2022207071") no-repeat 0 0; } .floating_menu li .FLike_box { margin-bottom: 4px; } .floating_menu li .FLike_box span { width: 100%; border-radius: 3px 3px 0px 0px; border: 1px solid #90949c; border-bottom: none; display: block; } .floating_menu li .FLike_box span.ico_face { border-radius: 0px 0px 3px 3px; background: #4267b2; border: 1px solid #4267b2; border-top: none; color: #ffffff; } .floating_menu li .FLike_box span.ico_face:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_float_facebook.gif?v=2022207071") no-repeat 0 0; content: ""; width: 12px; height: 14px; display: inline-block; position: relative; vertical-align: middle; margin: -2px 6px 0px 0px; } .floating_menu li .btn_FLike { background: #4267b2; color: #ffffff; border-radius: 3px; margin-bottom: 12px; } .floating_menu li .btn_FGoogle { width: 50px; height: 20px; margin: 0px auto; border: 1px solid #e3e3e3; border-radius: 3px; } .floating_menu li .btn_FGoogle span { display: inline-block; } .floating_menu li .btn_FGoogle span:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_float_google.gif?v=2022207071") no-repeat 0 0; content: ""; width: 12px; height: 14px; display: inline-block; position: relative; margin: -1px 6px 0px 0px; vertical-align: middle; } .floating_menu li .btn_FTop { font-size: 14px; line-height: 14px; margin-top: -8px; } .floating_menu li .btn_FTop span:after { content: ''; position: relative; display: inline-block; vertical-align: middle; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: 1px; border-top: 2px solid #222222; border-left: 2px solid #222222; border-right: none; border-bottom: none; margin: 6px 0px 0px 10px; } .floating_menu.open { width: 92px; padding: 28px 10px 10px; } .floating_menu.open ul { margin-left: 0px; } .floating_menu.open .btn_float:before { content: ''; position: absolute; display: block; vertical-align: middle; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); margin-left: -2px; border-top: 2px solid #222222; border-right: 2px solid #222222; margin-left: 0px; border-bottom: none; border-left: none; } .floating_menu.fix { position: fixed; top: 50%; margin-top: -275px; } .btn_top_fix, .btn_qna_fix { display: block; z-index: 10; position: fixed; width: 70px; height: 70px; background: rgba(255, 255, 255, 0.9); border: 1px #222222 solid; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight: 600; } @media (max-width: 767px) { .btn_top_fix, .btn_qna_fix { width: 47px; height: 47px; font-size: 11px; } } .btn_top_fix { bottom: 40px; right: 40px; } .btn_top_fix:before { content: ''; position: relative; display: inline-block; vertical-align: middle; width: 8px; height: 8px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: 3px; border-top: 4px solid #222222; border-left: 4px solid #222222; border-right: none; border-bottom: none; -webkit-transform: translate(0) scale(1, 1.07692) rotate(45deg); -ms-transform: translate(0) scale(1, 1.07692) rotate(45deg); transform: translate(0) scale(1, 1.07692) rotate(45deg); margin-top: 16px; } .btn_top_fix span { display: block; } @media (max-width: 1279px) { .btn_top_fix { bottom: 30px; right: 30px; } } @media (max-width: 767px) { .btn_top_fix { bottom: 20px; right: 20px; } .btn_top_fix:before { content: ''; position: relative; display: inline-block; vertical-align: middle; width: 6px; height: 6px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: 2px; border-top: 3px solid #222222; border-left: 3px solid #222222; border-right: none; border-bottom: none; -webkit-transform: translate(0) rotate(45deg); -ms-transform: translate(0) rotate(45deg); transform: translate(0) rotate(45deg); margin-top: 13px; } } .btn_qna_fix { right: 40px; bottom: 130px; } .btn_qna_fix:before { display: block; content: ''; width: 35px; height: 25px; margin: 10px auto 0; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_qna.svg?v=2022207071") no-repeat 50% 0; } @media (max-width: 1279px) { .btn_qna_fix { bottom: 110px; right: 30px; } } @media (max-width: 767px) { .btn_qna_fix { bottom: 77px; right: 20px; font-size: 10px; } .btn_qna_fix:before { width: 22px; height: 16px; background-size: 22px 16px; } } .btn_evbnr_fix { display: block; z-index: 10; position: fixed; right: 40px; bottom: 220px; width: 160px; height: 140px; } .btn_evbnr_fix img { display: block; width: 100%; } @media (max-width: 1279px) { .btn_evbnr_fix { bottom: 190px; right: 30px; } } @media (max-width: 767px) { .btn_evbnr_fix { bottom: 134px; right: 20px; width: 80px; height: 70px; } } .ie8 { width: 1899px; } .ie8 .wrap { width: 1279px; } .ie8 .wrap.wide { width: 100%; } .ie8 header, .ie8 .sub_menu { min-width: 1899px; position: absolute !important; } .ie8 header .wrap_menu, .ie8 header .dep2_menum, .ie8 header .area_dep3, .ie8 header .dep3_goods, .ie8 .sub_menu .wrap_menu, .ie8 .sub_menu .dep2_menum, .ie8 .sub_menu .area_dep3, .ie8 .sub_menu .dep3_goods { background: #ffffff; } .ie8 header .wrap, .ie8 .sub_menu .wrap { width: 100%; } .ie8 .sub .sub_menu, .ie8 .sub .sub_menu.fix { position: relative !important; top: auto; } .ie8 .floating_menu { display: none; } .ie8 .main_slider .wrap { width: 100%; } .ie8 .main_slider .btn_box li a span { padding-top: 60px; } .ie8 .main_slider .btn_box.global br { display: block; } .ie8 section, .ie8 header, .ie8 footer, .ie8 article, .ie8 nav, .ie8 header, .ie8 footer { display: block; } .ie8 .site_map { display: none; background: #3b3b3b; } .ie8 .site_map .wrap { width: 1040px; margin: -321px auto -520px; } /* GLABW-1666 윙배너 */ .btn_evbnr_fix.pack_sale { border-radius: 18px; overflow: hidden; animation: pulse 0.9s ease-in 0s infinite alternate; } @media (max-width: 767px) { .btn_evbnr_fix.pack_sale { border-radius: 9px; } } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(102, 102, 102, 0.6); } 50% { box-shadow: 0 0 0 8px rgba(102, 102, 102, 0.6); } 100% { box-shadow: 0 0 0 0 rgba(102, 102, 102, 0.6); } } /* //GLABW-1666 윙배너 */ @media (max-width: 767px) { body { min-width: 320px; } } h1 { font-size: 46px; line-height: 1.26; } h1.tit_c { text-align: center; } h2 { font-size: 38px; font-weight: 100; line-height: 52px; line-height: 1.36; } h3 { font-size: 18px; line-height: 1.66; } hr { margin-top: 30px; } .tag { font-size: 13px; line-height: 1.53; } .stit { font-size: 30px; line-height: 1.5; } @media (max-width: 1279px) { .stit { font-size: 24px; } } @media (max-width: 767px) { .stit { font-size: 22px; } } .ly_new h1 { line-height: 1.47; } .pc_show { display: block; } @media (max-width: 1279px) { .pc_show { display: none; } } .t_show { display: none; } @media (max-width: 1279px) { .t_show { display: block; } } .pc_only { overflow: hidden; } .noti_pc_only { display: none; margin: 0px 0px 50px; } .noti_pc_only .ico { width: 62px; margin: 0 28px 0 0; } @media (max-width: 767px) { .noti_pc_only { margin: 0px 0px 40px; } .noti_pc_only .ico { width: 57px; margin: 0px; } } @media (max-width: 767px) { .mb_hidden { display: none; } } .inline { display: inline-block; } .tbl_tit, .mypage .tbl_tit { margin-top: 80px; padding-bottom: 14px; font-size: 18px; font-weight: 600; } .tbl_tit.center { padding-bottom: 25px; text-align: center; } .tbl_tit .sub { margin-top: 21px; } @media (max-width: 1279px) { .tbl_tit .sub { margin-top: 20px; } } @media (max-width: 767px) { .tbl_tit.center { font-size: 13px; } .tbl_tit .sub { margin-top: 10px; font-size: 14px; } } h3 + .tbl_tit, .mypage h3 + .tbl_tit, .cnt_top + .tbl_tit, .mypage .cnt_top + .tbl_tit { margin-top: 0; } .tit_point, .mypage .tit_point { margin-bottom: 50px; line-height: 1.4; font-size: 38px; font-weight: 100; } .tbl_top { margin-top: 93px; } .tbl_top:after { display: block; clear: both; content: ""; } .tbl_top.srch { height: 50px; margin-bottom: 40px; } .tbl_top .slct { float: left; } .tbl_top .bx_srch { float: right; width: 402px; } @media (max-width: 1279px) { .tbl_top { margin-top: 76px; } .tbl_top.srch { height: 40px; } .tbl_top .bx_srch { width: 324px; } } @media (max-width: 767px) { .tbl_top { margin-top: 50px; } .tbl_top.srch { height: auto; margin-bottom: 15px; } .tbl_top .slct { float: none; width: 100% !important; margin: 40px 0 0; } .tbl_top .bx_srch { float: none; width: 100%; } } .bx_loading { position: fixed; width: 100%; top: 50%; left: 0; text-align: center; margin-top: -61px; } .bx_loading p { margin-top: 10px; } .page_loading { display: none; position: fixed; top: 50%; left: 50%; margin: -30px 0px 0px -30px; z-index: 10; } .pc_lf { display: block; } @media (max-width: 1279px) { .pc_lf { display: inline; } .pc_lf.t_lf { display: block; } } @media (max-width: 1279px) and (max-width: 767px) { .pc_lf.t_lf { display: inline; } .pc_lf.t_lf.m_lf { display: block; } } @media (max-width: 1279px) { .pc_only { display: none !important; } .noti_pc_only { display: block !important; } h1 { font-size: 42px; } h2 { font-size: 32px; } h3 { font-size: 18px; } .tag { font-size: 14px; } .tit_point, .mypage .tit_point { margin-bottom: 40px; font-size: 32px; } .tbl_tit, .mypage .tbl_tit { margin-top: 70px; } .t_lf { display: block; } } @media (max-width: 1279px) and (max-width: 767px) { .t_lf { display: inline; } .t_lf.m_lf { display: block; } } @media (max-width: 767px) { h1 { font-size: 28px; } h2 { font-size: 23px; } h3 { font-size: 14px; } .tag { font-size: 12px; } .tbl_tit, .mypage .tbl_tit { margin-top: 50px; font-size: 14px; } .tit_point, .mypage .tit_point { margin-bottom: 30px; font-size: 23px; font-weight: 100; } .m_lf { display: block; } } .txt_bg { display: inline-block; padding: 5px 10px; line-height: 1; color: #ffffff; border-radius: 3px; background: #222222; font-weight: 600; font-size: 13px; } .txt_bg.white { background: #ffffff; color: #222222; } .txt_bg.crcl { border-radius: 25px; } .txt_point { color: #f87910 !important; } .txt_point.big { font-weight: 600; } a.txt_point { color: #f87910; } .txt_gray { color: #999999; } .txt_black { color: #222222; } .btn_reinstall { display: block; width: 520px; height: 186px; border: 1px solid #F0F0F0; border-radius: 10px; margin: 30px auto 100px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("//www.gomlab.com/gomlab_v2/ui/img/sub/ico_reinstall.png?v=2022207071") no-repeat 50% 50%; text-indent: -2000em; font-size: 1px; overflow: hidden; } .btn_reinstall:hover, .btn_reinstall:active { border: 1px solid #222; } @media (max-width: 767px) { .btn_reinstall { width: 80%; height: 93px; margin: 15px auto 50px; background-size: 40px 40px; } } .txt_neces { margin: 5px auto; text-align: right; font-weight: 600; font-size: 15px; color: #f52222; } .txt_neces + form .tbl_file { margin-top: 10px; } .txt_neces img { vertical-align: middle; margin-right: 2px; } .txt_neces .bar { display: inline-block; width: 1px; height: 13px; background: #222222; margin: 0 26px; } .txt_neces.left { float: right; } .txt_neces.left::after { display: block; clear: both; content: ""; } .txt_neces .btn_link { font-size: 18px; font-weight: 100; line-height: 36px; } .txt_neces .btn_link img { height: 16px; vertical-align: -2px; } .txt_neces .btn_link img[src*="ico_delete"] { vertical-align: -1px; } @media (max-width: 767px) { .txt_neces .btn_link img[src*="ico_delete"] { vertical-align: -2px; } } .txt_neces .btn_link.disable { color: #999; } .txt_neces .btn_link.disable img { opacity: 0.5; } .txt_neces .btn_link .ico_download { position: relative; display: inline-block; width: 10px; height: 2px; background-color: #222222; margin-right: 5px; } .txt_neces .btn_link .ico_download:before { content: ''; position: absolute; bottom: 8px; border-top: 2px solid #222222; border-left: 2px solid #222222; left: 50%; width: 4px; height: 4px; -webkit-transform: translate(-50%, 50%) rotate(-135deg); -ms-transform: translate(-50%, 50%) rotate(-135deg); transform: translate(-50%, 50%) rotate(-135deg); } .txt_neces .btn_link .ico_download:after { content: ''; position: absolute; background-color: #222222; bottom: 4px; left: 50%; width: 2px; height: 9px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .txt_neces .link { font-size: 15px; margin-bottom: 15px; display: inline-block; font-weight: 100; } .txt_neces .link.on { font-weight: 600; } @media (max-width: 767px) { .txt_neces { text-align: left; } .txt_neces .btn_link { font-size: 14px; line-height: 22px; text-align: right; display: block; } .txt_neces .btn_link img { vertical-align: -3px; } .txt_neces .btn_link.left { text-align: left; } .txt_neces .bar { margin: 0 15px; } } .txt_alert { color: #f52222; position: relative; font-weight: 600; margin-top: 4px; padding-left: 20px; font-size: 13px; line-height: 1.7; text-align: left; } .txt_alert.icon { padding-left: 22px; font-weight: 100; } .txt_alert.icon:before { display: block; position: absolute; content: "!"; width: 16px; height: 16px; font-size: 10px; font-weight: 600; line-height: 15px; text-align: center; color: #f52222; background: #fcdedd; border-radius: 25px; top: 3px; left: 0px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); text-indent: -1px; } .txt_alert.icon.gray { font-weight: 100; color: #999999; } .txt_alert.icon.gray:before { display: block; position: absolute; content: "!"; width: 16px; height: 16px; font-size: 10px; font-weight: 600; line-height: 15px; text-align: center; color: #999999; background: #dddddd; border-radius: 25px; } .txt_alert.icon.gray.down { margin-bottom: 26px; } @media (max-width: 767px) { .txt_alert.icon.gray.down { margin-bottom: 16px; } } .txt_alert.icon.err { margin: 12px 0 27px 0; } @media (max-width: 767px) { .txt_alert.icon.err { margin: 12px 0 20px 0; } } .txt_alert:before { display: block; position: absolute; content: "!"; width: 16px; height: 16px; font-size: 10px; font-weight: 600; line-height: 15px; text-align: center; color: #ffffff; background: #f52222; border-radius: 25px; top: 3px; left: 0px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); text-indent: -1px; } .txt_alert.gray { font-weight: 100; color: #999999; } .txt_alert.gray:before { display: block; position: absolute; content: "!"; width: 16px; height: 16px; font-size: 10px; font-weight: 600; line-height: 15px; text-align: center; color: #ffffff; background: #999999; border-radius: 25px; } .txt_alert.gray.up { margin-top: 12px !important; } .txt_alert.gray.down { margin-bottom: 16px; } @media (max-width: 1279px) { .txt_alert.gray.down { margin-bottom: 20px; } } .txt_alert.black { color: #222222; font-weight: 100; } .txt_alert.black:before { display: block; position: absolute; content: "!"; width: 16px; height: 16px; font-size: 10px; font-weight: 600; line-height: 15px; text-align: center; color: #ffffff; background: #999999; border-radius: 25px; } .txt_alert.pass { color: #028cdc; } .txt_alert.pass:before { display: block; position: absolute; content: ""; width: 16px; height: 16px; font-size: 10px; font-weight: 600; line-height: 15px; text-align: center; color: #ffffff; background: #028cdc; border-radius: 25px; } .txt_alert.pass:after { content: ''; position: absolute; display: block; vertical-align: middle; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: -1px; border-top: none; border-left: none; border-right: 2px solid #fff; border-bottom: 2px solid #fff; margin-top: -1px; top: 50%; left: 8px; } @media (max-width: 1279px) { .txt_alert.multi:before { top: 3px; } } @media (max-width: 767px) { .txt_alert.multi:before { top: 2px; } } .txt_alert.up { margin-top: 10px; margin-bottom: 0; } @media (max-width: 1279px) { .txt_alert, .txt_neces { font-size: 13px; } .txt_alert:before, .txt_neces:before { top: 3px; } } @media (max-width: 767px) { .txt_alert, .txt_neces { font-size: 12px !important; line-height: 1.6 !important; } .txt_alert:before, .txt_neces:before { top: 2px; } } .txt_noti { font-size: 13px; text-align: right; margin: 60px 0 15px; } .txt_noti a { text-decoration: underline; } @media (max-width: 1279px) { .txt_noti { margin: 60px 0 10px; font-size: 16px; } } @media (max-width: 767px) { .txt_noti { margin: 30px 0 10px; font-size: 13px; text-align: left; } } .ico_chk_org1 { display: inline-block; width: 15px; height: 11px; margin-right: 10px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bu_check.png?v=2022207071") no-repeat 0 0; background-size: 100%; } .half_area::after { display: block; clear: both; content: ""; } .half_area .left { float: left; } .half_area .right { float: right; } .half_area .tit_point { margin-bottom: 0; } .half_area .tbl_tit { margin-top: 0; } .half_area .txt_neces { margin-top: 8px; } @media (max-width: 767px) { .half_area .left { float: none; } .half_area .right { float: none; } .half_area .txt_neces { margin-top: 27px; text-align: left; } } .txt_side { font-weight: 600; font-size: 18px; } @media (max-width: 767px) { .txt_side { font-size: 13px; } } .location { width: 100%; max-width: 1080px; margin: 20px auto 35px; position: relative; display: block; clear: both; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; font-size: 13px; line-height: 1.3; } @media (max-width: 1279px) { .location { margin: 20px auto 36px; padding: 0px 3.9% 0px; } } @media (max-width: 767px) { .location { display: none; } } .location .item { font-size: 13px; line-height: 1.3; color: #999999; } .location .item:before { content: ">"; font-size: 9px; margin: 0px 10px; } .location .item:first-child:before { display: none; } .container .cnt_top h1 { margin: 0; } .container + .tbl_board { margin-top: 40px; } .cnt_top { text-align: center; } .cnt_top h1 + .subtit { font-weight: 100; } .cnt_top.complet .subtit { margin: 80px 0 90px 0; } .cnt_top + .bx_info { margin-top: 50px; } .cnt_top .subtit { font-weight: 600; margin: 15px 0 45px; line-height: 1.7; } .cnt_top .subtit .bold_point { font-size: 24px; color: #f87910; } .cnt_top .bx_srch { overflow: hidden; width: 860px; margin: 0 auto; border: 2px solid #222222; } .cnt_top .bx_srch .slct { float: left; width: 190px; height: 58px; border: 0; margin: 0; } .cnt_top .bx_srch .bx_ipt { float: left; width: 595px; height: 58px; } .cnt_top .bx_srch .bx_ipt input { height: 100%; border: 0; } .cnt_top .bx_srch .bx_ipt .holder { line-height: 58px; } @media (max-width: 1279px) { .cnt_top .bx_srch .bx_ipt .holder { line-height: 2.8; } } .cnt_top .bx_srch .btn_srch { float: right; width: 60px; height: 58px; padding: 0; border: none; border-radius: 0; background: #222 url("//www.gomlab.com/gomlab_v2/ui/img/common/btn_srch.svg?v=2022207071") no-repeat center; background-size: 50%; cursor: pointer; font-size: 0; line-height: 0; } .cnt_top .bx_srch .btns_swipe { overflow: hidden; position: relative; float: left; max-width: 185px; margin: 7px 5px 0 7px; border-radius: 6px; background: #222222; border: 2px solid #222222; font-size: 16px; } .cnt_top .bx_srch .btns_swipe p { float: left; position: relative; z-index: 1; height: 41px; padding: 0 27px; min-width: 33px; cursor: pointer; line-height: 41px; color: #ffffff; } .cnt_top .bx_srch .btns_swipe span { display: block; position: absolute; top: 0; height: 41px; width: 50%; border-radius: 3px; background: #f87910; } .cnt_top .bx_srch.no_selc .bx_ipt { width: calc(100% - 65px); } @media (max-width: 1279px) { .cnt_top .bx_srch.no_selc .bx_ipt { width: 536px; width: calc(100% - 55px); } } @media (max-width: 767px) { .cnt_top .bx_srch.no_selc .bx_ipt { width: 252px; width: calc(100% - 40px); } } .cnt_top form + .google_bnr, .cnt_top form + .google_bnr_tp2, .cnt_top form + .google_bnr_tp2 { margin: 60px auto 0; } @media (max-width: 767px) { .cnt_top form + .google_bnr, .cnt_top form + .google_bnr_tp2, .cnt_top form + .google_bnr_tp2 { margin-top: 30px; } } .cnt_top .bx_result { max-width: 860px; min-height: 20px; margin: 60px auto 0; } .cnt_top .bx_result .txt { font-size: 20px; font-weight: 600; word-break: break-all; } .cnt_top .bx_result .txt strong { color: #f87910; } @media (max-width: 767px) { .cnt_top .bx_result .txt { font-size: 14px; } } .cnt_top .bx_result .bx_ico { margin: 30px auto 35px; } .cnt_top .bx_result .bx_ico:last-child { margin-bottom: 0; } @media (max-width: 767px) { .cnt_top .bx_result .bx_ico { margin: 20px auto 30px; } } .cnt_top .bx_result .bx_ico img[src*="bu_keyword"] { width: 130px; } @media (max-width: 1279px) { .cnt_top .bx_result { margin: 60px auto 40px; } } @media (max-width: 767px) { .cnt_top .bx_result { margin: 30px auto; } .cnt_top .bx_result .txt { font-size: 14px; } } .cnt_top .bx_tab { margin: 60px 0; text-align: center; } .cnt_top .bx_tab li { display: inline-block; margin: 0 25px; } .cnt_top .bx_tab li.on a { position: relative; font-weight: 600; } .cnt_top .bx_tab li.on a:after { content: ""; display: block; position: absolute; left: 0; bottom: 1px; width: 100%; border-top: 2px solid #222222; } @media (max-width: 1279px) { .cnt_top .subtit { margin: 15px 0 25px; font-size: 18px; } .cnt_top .subtit .bold_point { font-size: 22px; } .cnt_top .bx_srch { width: 584px; } .cnt_top .bx_srch .slct { width: 150px; height: 46px; } .cnt_top .bx_srch .bx_ipt { width: 386px; height: 46px; } .cnt_top .bx_srch .bx_ipt .ipt { width: 100%; } .cnt_top .bx_srch .btn_srch { width: 48px; height: 46px; } .cnt_top .bx_srch .btns_swipe { margin: 4px 2px 0 4px; } .cnt_top .bx_srch .btns_swipe p { height: 34px; padding: 0 18px; min-width: 34px; line-height: 34px; font-size: 14px; } .cnt_top .bx_srch .btns_swipe span { height: 34px; } .cnt_top .bx_tab { margin: 35px 0; } .cnt_top .bx_tab li { margin: 0 16px; line-height: 2; } .cnt_top .bx_tab li a { font-size: 18px; } } @media (max-width: 767px) { .cnt_top .subtit { margin: 15px 0 25px; font-size: 14px; } .cnt_top .subtit .bold_point { font-size: 16px; } .cnt_top .bx_srch { width: 100%; } .cnt_top .bx_srch .slct { width: 87px !important; height: 36px; font-size: 13px; } .cnt_top .bx_srch .bx_ipt { width: calc(100% - 123px); height: 36px; font-size: 13px; } .cnt_top .bx_srch .bx_ipt::-webkit-input-placeholder { font-size: 13px; } .cnt_top .bx_srch .bx_ipt::-moz-placeholder { font-size: 13px; } .cnt_top .bx_srch .bx_ipt:-ms-input-placeholder { font-size: 13px; } .cnt_top .bx_srch .bx_ipt::-ms-input-placeholder { font-size: 13px; } .cnt_top .bx_srch .bx_ipt::placeholder { font-size: 13px; } .cnt_top .bx_srch .btn_srch { float: right; width: 36px; height: 36px; } .cnt_top .bx_srch .btns_swipe { margin: 2px 1px 0 2px; } .cnt_top .bx_srch .btns_swipe p { height: 28px; padding: 0 3px; min-width: 34px; line-height: 28px; font-size: 12px; } .cnt_top .bx_srch .btns_swipe span { height: 28px; } .cnt_top .bx_tab { margin: 22px 0; } .cnt_top .bx_tab li { margin: 7px 10px; } .cnt_top .bx_tab li:first-child { margin-left: 0; } .cnt_top .bx_tab li:last-child { margin-right: 0; } .cnt_top .bx_tab li a { font-size: 14px; } } .btn { font-size: 16px; line-height: 1; padding: 13px 30px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; background: #343434; border-radius: 50px; display: inline-block; font-weight: 600; text-align: center; } .btn.page_prev { position: relative; width: 40px; height: 40px; padding: 0; color: #222222; background: #ffffff; border-radius: 6px; border: 1px solid #222222; overflow: hidden; text-indent: -9999px; } .btn.page_prev:after { content: ''; position: absolute; display: inline-block; vertical-align: middle; width: 8px; height: 8px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-left: 3px; border-left: 3px solid #222222; border-bottom: 3px solid #222222; top: 50%; right: 7px; } .btn.page_prev.disable { border: 1px solid #cccccc; } .btn.page_prev.disable:after { border-color: #cccccc; } .btn.page_next { position: relative; width: 40px; height: 40px; padding: 0; color: #222222; background: #ffffff; border-radius: 6px; border: 1px solid #222222; overflow: hidden; text-indent: -9999px; } .btn.page_next:after { content: ''; position: absolute; display: inline-block; vertical-align: middle; width: 8px; height: 8px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-left: -3px; border-top: 3px solid #222222; border-right: 3px solid #222222; top: 50%; right: 9px; } .btn.page_next.disable { color: #cccccc; border: 1px solid #cccccc; } .btn.page_next.disable:after { border-color: #cccccc; } .btn.white { background: #ffffff; color: #222222; } .btn.gray { background: #999999; color: #ffffff; } .btn.org { background: #F87910; color: #ffffff; } .btn.black { background: #000; color: #ffffff; } .btn.squ { padding: 11px 30px 13px; border-radius: 6px; } .btn.squ.td { padding: 16px 30px 18px; } .btn.squ2 { min-width: 134px; padding: 16px 25px 17px; border-radius: 4px; font-weight: 100; font-size: 15px; } .btn.r_squ { color: #222222; background: #ffffff; padding: 10px 30px 12px; border-radius: 6px; border: 1px solid #222222; } .btn.r_squ.disable { color: #cccccc; border: 1px solid #cccccc; } .btn.big { font-size: 20px; padding: 19px 30px 21px; min-width: 162px; } .btn.big.r_squ { padding: 18px 30px 20px; } .btn.full { width: 100%; } .btn.point { background: #f87910; } @media (max-width: 1279px) { .btn { font-size: 16px; padding: 12px 24px; } .btn.half.big { padding: 20px 30px 22px; min-width: 162px; } .btn.half.big.r_squ { padding: 19px 30px 21px; } .btn.big { font-size: 18px; padding: 16px 24px; min-width: 156px; } .btn.big.r_squ { padding: 15px 24px; } .btn.squ.td { padding: 16px 30px 18px; } .btn.squ2 { min-width: 118px; padding: 13px 20px; font-size: 14px; } } @media (max-width: 767px) { .btn { font-size: 13px; padding: 14px 25px 14px; } .btn.page_prev { width: 34px; height: 34px; } .btn.page_prev:after { right: 4px; } .btn.page_next { width: 34px; height: 34px; } .btn.page_next:after { right: 7px; } .btn.squ { padding: 10px 25px 11px; } .btn.squ.td { padding: 13px 25px 14px; } .btn.squ2 { font-size: 15px; } .btn.r_squ { padding: 09px 25px 10px; } .btn.half.big { padding: 19px 30px 21px; } .btn.half.big.r_squ { padding: 18px 30px 20px; } .btn.big { font-size: 15px; padding: 20px 25px; min-width: 110px; } .btn.big.r_squ { padding: 19px 30px; } } .btn_num { position: relative; content: ''; display: inline-block; width: 16px; height: 16px; width: 50px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dddddd; border-radius: 6px; } .btn_num:after, .btn_num:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; background-color: #222222; } .btn_num:before { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-top: -1px; height: 2px; width: 16px; } .btn_num:after { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin-left: -1px; height: 16px; width: 2px; } .btn_num.minus:after { display: none; } .btn_num + .btn_num { margin-left: 2px; } @media (max-width: 767px) { .btn_num { width: 40px; height: 40px; } } .link { font-size: 13px; color: #222222; } .link span { text-decoration: underline; vertical-align: middle; } .link span.none_line { text-decoration: none; } .link.white { color: #ffffff; } .link.black { color: #222222; } .link em { font-size: 15px; margin-left: 5px; vertical-align: middle; line-height: 1; } @media (max-width: 1279px) { .link { font-size: 14px; } } @media (max-width: 767px) { .link { font-size: 12px; } } .bx_hash { font-size: 0; line-height: 0; } .link_hash { display: inline-block; overflow: hidden; margin-right: 14px; margin-bottom: 10px; padding: 17px 20px; background: #F7F7F7; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 14px; line-height: 1; } .link_hash:last-child { margin-right: 0; } .link_hash:hover, .link_hash:active { background: #E5E5E5; } @media (max-width: 1279px) { .link_hash { padding: 13px 20px; margin-right: 10px; } } @media (max-width: 767px) { .link_hash { padding: 11px 17px 12px; font-size: 13px; } } .topmenu { min-height: 144px; } .topmenu .inner { z-index: 4; position: relative; padding: 0 0 20px; background: #fff; } .topmenu.fix .inner { position: fixed; left: 0; right: 0; top: 0; padding-bottom: 0; } .topmenu.fix .tab_wrap { width: 1240px; margin: 0 auto; } .topmenu.fix .bx_sort { width: 1240px; margin: 0 auto; padding-bottom: 20px; background: #ffffff; } @media (max-width: 1279px) { .topmenu.fix .tab_wrap { width: auto; padding: 20px 30px; } .topmenu.fix .bx_sort { width: 100%; } .topmenu.fix .sort { margin-right: 30px; } } @media (max-width: 767px) { .topmenu.fix .tab_wrap { padding: 20px 24px; } .topmenu.fix .tab_wrap.on { padding-bottom: 20px; } .topmenu.fix .bx_rd_tab { background: #fff; } .topmenu.fix .bx_sort { width: auto; margin: 0 -24px 0; padding: 0 48px 30px; } .topmenu.fix .sort { margin-right: 0; } } @media (max-width: 1279px) { .topmenu { min-height: 140px; } } @media (max-width: 767px) { .topmenu { min-height: 0; } .topmenu .inner { padding-bottom: 30px; } } .tab_wrap { overflow: hidden; width: 1240px; padding: 20px 0; background: #ffffff; } .tab_wrap.on .bx_rd_tab { height: inherit; } .tab_wrap.on .btn_rdfold { right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .tab_wrap.on .btn_rdfold::before { right: -24px; background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0.1))); background: linear-gradient(to right, white, rgba(255, 255, 255, 0.1)); } .tab_wrap + .cont { margin-top: 60px; } @media (max-width: 1279px) { .tab_wrap { width: 100%; } .tab_wrap.on { padding: 25px 30px 20px; margin: 0 -30px; background: url("//www.gomlab.com/gomlab_v2/ui/img/sub/bg_shadow.png?v=2022207071") repeat-x 0 100%; } .tab_wrap.on + .bx_sort { margin-top: 10px; } .tab_wrap + .cont { margin-top: 20px; } } @media (max-width: 767px) { .tab_wrap { padding: 25px 24px 0; margin: 0 -24px 0; } .tab_wrap + .cont { margin-top: 16px; } } .bx_rd_tab { overflow: hidden; position: relative; height: 44px; } @media (max-width: 1279px) { .bx_rd_tab { height: 40px; } } @media (max-width: 767px) { .bx_rd_tab { height: 38px; } } .btn_rdfold { display: none; position: absolute; right: 0; top: 0; width: 24px; height: 44px; } .btn_rdfold span { display: block; z-index: 2; position: relative; width: 24px; height: 24px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/arr_down.svg?v=2022207071") no-repeat 0 0; background-size: 24px 24px; font-size: 0; line-height: 0; } .btn_rdfold::before { display: block; content: ''; background: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0.1))); background: linear-gradient(to left, white, rgba(255, 255, 255, 0.1)); position: absolute; right: 0; top: 0; width: 50px; height: 44px; } @media (max-width: 1279px) { .btn_rdfold { height: 40px; } .btn_rdfold::before { height: 40px; } } @media (max-width: 767px) { .btn_rdfold { height: 38px; } .btn_rdfold::before { height: 38px; } } .rd_tab { overflow: hidden; -ms-touch-action: pan-y; touch-action: pan-y; } .rd_tab li { float: left; padding-right: 14px; padding-bottom: 10px; } .rd_tab li:last-child { padding-right: 0; } .rd_tab a { display: inline-block; min-width: 102px; padding: 10px 30px; background: #E5E5E5; border-radius: 30px; font-weight: 600; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 16px; line-height: 24px; font-weight: 100; } .rd_tab a.on, .rd_tab a:hover { background: #343434; color: #ffffff; } @media (max-width: 1279px) { .rd_tab li { padding-right: 10px; } .rd_tab a { min-width: auto; padding: 10px 20px; font-size: 14px; line-height: 20px; } } @media (max-width: 767px) { .rd_tab a { padding: 9px 20px; } } .tab_area .inner { position: relative; max-width: 1280px; width: calc(100% + 40px); margin: 0 -20px; background: #fff; } @media (max-width: 1279px) { .tab_area .inner { width: calc(100% + 60px); margin: 0 -30px; max-width: none; } .tab_area .inner.on { padding-bottom: 30px; } .tab_area .inner.on::before { display: block; content: ''; position: absolute; left: 0; bottom: 30px; width: 100%; height: 10px; background: url("//www.gomlab.com/gomlab_v2/ui/img/sub/bg_shadow.png?v=2022207071") repeat-x 0 100%; } .tab_area .inner.on .btn_rdfold span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .tab_area .inner .tab_line { margin: 0 30px; } .tab_area .inner .tab_slider { margin: 0 30px; } } @media (max-width: 767px) { .tab_area .inner { width: calc(100% + 48px); margin: 0 -24px; } .tab_area .inner.on { padding-bottom: 24px; } .tab_area .inner .tab_line { margin: 0 24px; } .tab_area .inner .tab_slider { margin: 0 24px; } } .tab_area.fix .inner { z-index: 4; position: fixed; left: 50%; right: 0; top: 0; margin: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 1279px) { .tab_area.fix .inner.on { padding-bottom: 0; } .tab_area.fix .inner.on::before { bottom: 0; } .tab_area.fix .inner .tab_line { margin: 0 60px; } .tab_area.fix .inner .tab_slider { margin: 0 60px; } } @media (max-width: 767px) { .tab_area.fix .inner .tab_line { margin: 0 48px; } .tab_area.fix .inner .tab_slider { margin: 0 48px; } } .tab_slider { overflow: hidden; padding: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .tab_slider .bx_tab { position: relative; text-align: center; } .tab_slider .tabs { margin: 0 auto; font-size: 0; } .tab_slider .tabs > li { display: inline-block; } .tab_slider .tabs > li.on button { opacity: 1; } .tab_slider .tabs button { display: inline-block; height: 28px; padding: 0 14px; margin-bottom: 10px; font-size: 18px; font-weight: 600; line-height: 27px; color: #222; opacity: 0.5; } .tab_slider .btn_rdfold { height: 28px; } .tab_slider .btn_rdfold::before { height: 28px; } @media (max-width: 1279px) { .tab_slider .tabs::after { display: block; clear: both; content: ""; } .tab_slider .tabs > li { float: left; } .tab_slider .tabs button { padding: 0 30px 0 0; font-size: 18px; } .tab_slider .btn_rdfold { height: 28px; } } @media (max-width: 767px) { .tab_slider { padding: 21px 0; } .tab_slider .tabs button { height: 22px; font-size: 15px; line-height: 22px; } .tab_slider .btn_rdfold { height: 28px; } } .tab_line { font-size: 20px; line-height: 29px; font-weight: bold; text-align: center; } .tab_line::after { display: block; clear: both; content: ""; } .tab_line > a { display: block; float: left; width: 50%; padding: 20px 0; border-bottom: 2px solid #E5E5E5; color: #666; } .tab_line > a.on { border-bottom: 2px solid #F87910; color: #F87910; } @media (max-width: 767px) { .tab_line { font-size: 18px; line-height: 27px; } } .slct_mem { height: 30px; line-height: 30px; padding: 0 20px; border: 0px; font-size: 15px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_slct_mem.png?v=202010061") no-repeat 100% 50%; } .slct_mem:focus { outline: none; } @media (max-width: 1279px) { .slct_mem { line-height: 34px; } } @media (max-width: 767px) { .slct_mem.slct_mem { font-size: 14px; padding: 0px 17px 0px 5px; } } .ipt, .slct { width: 100%; height: 50px; border: 1px solid #dddddd; border-radius: 4px; padding: 0px 20px; font-size: 15px; line-height: 2.6; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ipt:focus, .slct:focus { outline: none; border-color: #222222; } .ipt:disabled, .slct:disabled { background-color: #f0f0f0; color: #c4c4c4; } .ipt:disabled[value], .slct:disabled[value] { color: #c4c4c4; } @media (max-width: 1279px) { .ipt, .slct { line-height: 50px; } .ipt::-webkit-input-placeholder, .slct::-webkit-input-placeholder { font-size: 16px; } .ipt::-moz-placeholder, .slct::-moz-placeholder { font-size: 16px; } .ipt:-ms-input-placeholder, .slct:-ms-input-placeholder { font-size: 16px; } .ipt::-ms-input-placeholder, .slct::-ms-input-placeholder { font-size: 16px; } .ipt::placeholder, .slct::placeholder { font-size: 16px; } } @media (max-width: 767px) { .ipt, .slct { height: 40px; line-height: 40px; border-radius: 6px; font-size: 13px; padding: 0px 15px 0 20px; } .ipt::-webkit-input-placeholder, .slct::-webkit-input-placeholder { font-size: 13px; } .ipt::-moz-placeholder, .slct::-moz-placeholder { font-size: 13px; } .ipt:-ms-input-placeholder, .slct:-ms-input-placeholder { font-size: 13px; } .ipt::-ms-input-placeholder, .slct::-ms-input-placeholder { font-size: 13px; } .ipt::placeholder, .slct::placeholder { font-size: 13px; } } .bx_srch { position: relative; width: 100%; border-bottom: 4px solid #ffffff; } .bx_srch.no_bor { height: 60px; } .bx_srch.no_bor .bx_ipt { height: auto; margin-right: 82px; } .bx_srch.no_bor .bx_ipt .holder { padding: 0; font-size: 38px; line-height: 1.5; color: rgba(255, 255, 255, 0.7); } .bx_srch.no_bor .ipt { height: 58px; padding: 0; border: none; border-radius: 0; background: rgba(0, 0, 0, 0); font-weight: 100; line-height: 1.5; color: #ffffff; font-size: 38px; } .bx_srch.no_bor .ipt::-webkit-input-placeholder { font-size: 38px; color: #fff; opacity: 0.7; } .bx_srch.no_bor .ipt::-moz-placeholder { font-size: 38px; color: #fff; opacity: 0.7; } .bx_srch.no_bor .ipt:-ms-input-placeholder { font-size: 38px; color: #fff; opacity: 0.7; } .bx_srch.no_bor .ipt::-ms-input-placeholder { font-size: 38px; color: #fff; opacity: 0.7; } .bx_srch.no_bor .ipt::placeholder { font-size: 38px; color: #fff; opacity: 0.7; } .bx_srch.no_bor .btn_srch { top: 5px; cursor: pointer; margin-right: 10px; } @media (max-width: 1279px) { .bx_srch.no_bor { height: 50px; padding-bottom: 3px; border-bottom: 3px solid #ffffff; } .bx_srch.no_bor .bx_ipt { margin-right: 53px; } .bx_srch.no_bor .bx_ipt .holder { font-size: 32px; } .bx_srch.no_bor .ipt { height: auto; font-size: 32px; } .bx_srch.no_bor .ipt::-webkit-input-placeholder { font-size: 32px; } .bx_srch.no_bor .ipt::-moz-placeholder { font-size: 32px; } .bx_srch.no_bor .ipt:-ms-input-placeholder { font-size: 32px; } .bx_srch.no_bor .ipt::-ms-input-placeholder { font-size: 32px; } .bx_srch.no_bor .ipt::placeholder { font-size: 32px; } .bx_srch.no_bor .btn_srch { top: 10px; width: 33px; height: 33px; } } @media (max-width: 767px) { .bx_srch.no_bor { height: 32px; border-bottom: 2px solid #ffffff; } .bx_srch.no_bor .bx_ipt { margin-right: 36px; } .bx_srch.no_bor .bx_ipt .holder { font-size: 19px; } .bx_srch.no_bor .ipt { font-size: 19px; } .bx_srch.no_bor .ipt::-webkit-input-placeholder { font-size: 19px; } .bx_srch.no_bor .ipt::-moz-placeholder { font-size: 19px; } .bx_srch.no_bor .ipt:-ms-input-placeholder { font-size: 19px; } .bx_srch.no_bor .ipt::-ms-input-placeholder { font-size: 19px; } .bx_srch.no_bor .ipt::placeholder { font-size: 19px; } .bx_srch.no_bor .btn_srch { top: 8px; margin-right: 5px; width: 21px; height: 21px; } } .bx_srch.small { height: 48px; } .bx_srch.small .bx_ipt { margin-right: 50px; } .bx_srch.small .ipt { height: 35px; font-size: 26px; } .bx_srch.small .ipt::-webkit-input-placeholder { font-size: 26px; } .bx_srch.small .ipt::-moz-placeholder { font-size: 26px; } .bx_srch.small .ipt:-ms-input-placeholder { font-size: 26px; } .bx_srch.small .ipt::-ms-input-placeholder { font-size: 26px; } .bx_srch.small .ipt::placeholder { font-size: 26px; } .bx_srch.small .btn_srch { top: 5px; width: 29px; height: 29px; } @media (max-width: 1279px) { .bx_srch.small { height: 40px; } .bx_srch.small .ipt { font-size: 22px; } .bx_srch.small .ipt::-webkit-input-placeholder { font-size: 22px; } .bx_srch.small .ipt::-moz-placeholder { font-size: 22px; } .bx_srch.small .ipt:-ms-input-placeholder { font-size: 22px; } .bx_srch.small .ipt::-ms-input-placeholder { font-size: 22px; } .bx_srch.small .ipt::placeholder { font-size: 22px; } .bx_srch.small .btn_srch { width: 29px; height: 29px; } } @media (max-width: 767px) { .bx_srch.small { height: 30px; padding: 0 0 10px; } .bx_srch.small .ipt { font-size: 16px; } .bx_srch.small .ipt::-webkit-input-placeholder { font-size: 16px; } .bx_srch.small .ipt::-moz-placeholder { font-size: 16px; } .bx_srch.small .ipt:-ms-input-placeholder { font-size: 16px; } .bx_srch.small .ipt::-ms-input-placeholder { font-size: 16px; } .bx_srch.small .ipt::placeholder { font-size: 16px; } .bx_srch.small .bx_ipt { margin-right: 35px; } .bx_srch.small .btn_srch { width: 21px; height: 21px; } } .bx_srch.blk { border-bottom-color: #222222; } .bx_srch.blk .ipt { color: #222222; } .bx_srch.blk .ipt::-webkit-input-placeholder { color: #d3d3d3; } .bx_srch.blk .ipt::-moz-placeholder { color: #d3d3d3; } .bx_srch.blk .ipt:-ms-input-placeholder { color: #d3d3d3; } .bx_srch.blk .ipt::-ms-input-placeholder { color: #d3d3d3; } .bx_srch.blk .ipt::placeholder { color: #d3d3d3; } .bx_srch.blk .ipt:-ms-input-placeholder { color: #d3d3d3 !important; } .bx_srch.blk .bx_ipt .holder { color: rgba(34, 34, 34, 0.2); } .bx_srch.blk .btn_srch { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/btn_srch_b.svg?v=2022207071") no-repeat center; } .bx_srch .btn_srch { position: absolute; top: 0; right: 0; width: 42px; height: 42px; padding: 0; border: none; border-radius: 0; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/btn_srch_w.svg?v=2022207071") no-repeat center; font-size: 0; line-height: 0; } textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="number"].ipt { padding: 0 10px; text-align: center; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="file"].ipt { padding: 6px 13px 5px; line-height: initial; vertical-align: middle; } @media (max-width: 1279px) { input[type="file"].ipt { padding: 5px 13px; } } @media (max-width: 767px) { input[type="file"].ipt { padding: 4px 13px; } } .slct { color: #222222; padding: 0px 40px 0px 20px; background: #fff url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_slct.png?v=2022207071") no-repeat 97% 50%; } .slct:disabled { background: #fff url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_slct_dis.png?v=2022207071") no-repeat 97% 50%; } @media (max-width: 767px) { .slct { padding: 0px 33px 0px 20px; background: #fff url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_slct.png?v=2022207071") no-repeat 98.5% 50%; } .slct:disabled { background: #fff url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_slct_dis.png?v=2022207071") no-repeat 98.5% 50%; } } .bx_sort { position: relative; height: 40px; } @media (max-width: 767px) { .bx_sort { margin-top: 14px; } } .sort { display: block; z-index: 2; position: relative; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_slct.png?v=2022207071") no-repeat 99% 20%; background-size: #ffffff; font-size: 16px; } .sort .sort_trg { display: block; padding-bottom: 15px; border: 1px solid #222; border-width: 0 0 1px 0; line-height: 24px; font-weight: 600; } .sort .sort_li { display: none; position: absolute; left: 0; top: 40px; width: 100%; background: #fff; border: 1px solid #222; -webkit-box-sizing: border-box; box-sizing: border-box; } .sort .sort_li a { display: block; padding: 0 19px; line-height: 50px; font-size: 14px; } .sort .sort_li a:hover, .sort .sort_li a.on { background: #F7F7F7; font-weight: 600; } .sort.on .sort_li { display: block; } @media (max-width: 1279px) { .sort .sort_trg { font-size: 14px; } } @media (max-width: 767px) { .sort { width: 100% !important; } } select::-ms-expand { display: none; } label { display: inline-block; font-size: 15px; line-height: 1.3; } label .ico_kakaopay { margin-left: 8px; } @media (max-width: 1279px) { label { font-size: 16px; } } @media (max-width: 767px) { label { font-size: 13px; } } .chk { display: none; } .chk.white + label { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check_w.png?v=2022207071") no-repeat 0px 3px; } .chk + label { padding-left: 24px; min-height: 17px; cursor: pointer; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check.png?v=2022207071") no-repeat 0px 3px; line-height: 1.4; } .chk + label:last-child { margin-right: 0px; } .chk:checked + label { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check_on.png?v=2022207071") no-repeat 0px 3px; } @media (max-width: 1279px) { .chk + label { min-height: 19px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check.png?v=2022207071") no-repeat 0px 5px; } .chk:checked + label { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check_on.png?v=2022207071") no-repeat 0px 5px; } } @media (max-width: 767px) { .chk + label { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check.png?v=2022207071") no-repeat 0px 2px; } .chk:checked + label { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check_on.png?v=2022207071") no-repeat 0px 2px; } } .radio { display: none; } .radio + label { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 24px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_radio.png?v=2022207071") no-repeat 0px 3px; } .radio:checked + label, .radio.checked + label { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_radio_on.png?v=2022207071") no-repeat 0px 3px; } .radio:disabled + label { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_radio_dis.png?v=2022207071") no-repeat 0px 3px; color: #c4c4c4; } .radio:disabled:checked + label, .radio:disabled.checked + label { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_radio_on_dis.png?v=2022207071") no-repeat 0px 3px; } .radio + .label { margin: 10px 48px 10px 0px; } .radio + .label + .tool_set { margin-left: -43px; margin-right: 48px; } @media (max-width: 1279px) { .radio + .label { margin-right: 33px; } .radio + .label + .tool_set { margin-left: -29px; margin-right: 33px; } } @media (max-width: 767px) { .radio + .label { padding-left: 17px; } .radio + .label + .tool_set { margin-left: 10px; margin-right: 0; } .radio + label, .radio:checked + label, .radio.checked + label { background-position: 0px 2px; } .radio:disabled + label, .radio:disabled:checked + label, .radio:disabled.checked + label { background-position: 0px 2px; } } .rd_box { display: inline-block; } @media (max-width: 767px) { .rd_box { width: 50%; margin: 0 -4px 0 0; } .rd_box.box_slc { width: 100%; } .rd_box .radio + .label { margin-right: 0; } } .tool_set { position: relative; } .box_slc { display: inline-block; } .box_slc * { vertical-align: middle; } .box_slc .radio + .label { margin-right: 20px; } @media (max-width: 1279px) { .box_slc { display: block; } .box_slc .radio + .label { margin-right: 10px; } } @media (max-width: 767px) { .box_slc .radio + .label { margin-right: 0; } } .ico_sns { display: inline-block; overflow: hidden; position: relative; width: 36px; height: 36px; background: #E5E5E5; border-radius: 50%; font-size: 0; line-height: 0; } .ico_sns:focus-visible { outline: auto; } .ico_sns + .ico_sns { margin-left: 10px; } .ico_sns:hover { background-color: #343434; } .ico_sns::before { display: block; content: ''; position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ico_sns.ico_sns1::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_sns1.svg?v=2022207071") no-repeat 100% 100%; } .ico_sns.ico_sns2::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_sns2.svg?v=2022207071") no-repeat 100% 100%; } .ico_sns.ico_sns3::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_sns3.svg?v=2022207071") no-repeat 100% 100%; } .ico_sns.ico_sns4::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_sns4.svg?v=2022207071") no-repeat 100% 100%; } .ico_sns.ico_sns5::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_sns5.svg?v=2022207071") no-repeat 100% 100%; } .ico_sns.ico_sns1:hover::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_sns1_on.svg?v=2022207071") no-repeat 100% 100%; } .ico_sns.ico_sns2:hover::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_sns2_on.svg?v=2022207071") no-repeat 100% 100%; } .ico_sns.ico_sns3:hover::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_sns3_on.svg?v=2022207071") no-repeat 100% 100%; } .ico_sns.ico_sns4:hover::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_sns4_on.svg?v=2022207071") no-repeat 100% 100%; } .ico_sns.ico_sns5:hover::before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_sns5_on.svg?v=2022207071") no-repeat 100% 100%; } .txt_check { font-size: 14px; color: #ffffff; line-height: 20px; } .txt_check::before { display: inline-block; content: ''; width: 20px; height: 20px; margin-right: 6px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check_w.svg?v=2022207071") no-repeat 100% 100%; vertical-align: text-top; } .txt_check + .txt_check { margin-top: 10px; } .tbl_wrap::-webkit-scrollbar { -webkit-appearance: none; } .tbl_wrap::-webkit-scrollbar:vertical { width: 12px; } .tbl_wrap::-webkit-scrollbar:horizontal { height: 12px; } .tbl_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; border: 2px solid #d2d2d2; } .tbl_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color: #d2d2d2; } .tbl_wrap .tbl { min-width: 1080px; } .tbl_wrap + .btns { padding: 30px 0; margin: 0; border-bottom: 1px solid #222222; } @media (max-width: 767px) { .tbl_wrap + .btns { padding: 20px 0; } } @media (max-width: 1279px) { .tbl_wrap { overflow-x: auto; margin-right: -4.2%; } } @media (max-width: 767px) { .tbl_wrap { margin-right: -6.25%; } } .tbl_mem { width: 100%; border-top: 1px #222222 solid; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 15px; } .tbl_mem th { vertical-align: middle; word-break: break-all; padding: 12px 30px; border-bottom: 1px #f0f0f0 solid; } .tbl_mem th span { position: relative; display: inline-block; vertical-align: middle; } .tbl_mem th .slct_arrows { position: absolute; top: 50%; right: -20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 11px; height: 17px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/select_arrows.png?v=2022207071") no-repeat center center; } .tbl_mem td { vertical-align: middle; word-break: break-all; padding: 55px 30px; border-bottom: 1px #f0f0f0 solid; } .tbl_mem td.type2 { padding: 22px 30px; } .tbl_mem td .txt_alert br { display: none; } .tbl_mem .red { color: #f52222; } .tbl_mem .t_view, .tbl_mem .top_product { display: none; } .tbl_mem .bx_top { margin-top: 55px; } .tbl_mem .btn_edit { display: inline-block; width: 14px; height: 17px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.72' height='19' viewBox='0 0 19.72 19'%3E%3Cpath d='M19.7 12.71l-5.7 5.7V19h-4v-4h.59l5.7-5.71.21.21.2-.21 3 3-.2.21zm-3.2-.8l-4.5 4.5V17h.59l4.5-4.5zM5 4h6v2H5V4zm6 6H5V8h6v2zm3-7a1 1 0 00-1-1H3a1 1 0 00-1 1v11a1 1 0 001 1h5v2H2a2 2 0 01-2-2V2a2 2 0 012-2h12a2 2 0 012 2v6h-2V3z' fill='%23222' fill-rule='evenodd'/%3E%3C/svg%3E") 0 0 no-repeat; } .tbl_mem .tr_con.tp2 { display: block; float: left; width: 100%; padding: 0; font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #f0f0f0; } .tbl_mem .tr_con.tp2 tr { display: block; width: 100%; line-height: 37px; padding: 0; text-align: left; border-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .tbl_mem .tr_con.tp2 tr.bx_tr { padding: 18px 0; } .tbl_mem .tr_con.tp2 tr.bx_tr + .bx_tr { border-top: 1px solid #f0f0f0; } .tbl_mem .tr_con.tp2 td { display: block; width: 100%; line-height: 25px; padding: 7px 0 7px 30px; border-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .tbl_mem .tr_con.tp2 td .left { display: inline-block; width: 220px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .tbl_mem .tr_con.tp2 td .right { display: inline-block; padding-left: 0; vertical-align: top; } .tbl_mem .tr_con.tp2 .gray { color: #666; } @media (max-width: 1279px) { .tbl_mem { table-layout: auto; border-bottom: 1px #f0f0f0 solid; } .tbl_mem colgroup { display: none; } .tbl_mem th.media, .tbl_mem td.media, .tbl_mem span.media { display: none !important; } .tbl_mem .t_view { display: inline-block; } .tbl_mem .bx_tit { display: none; } .tbl_mem .tr_con.tp2 { border-bottom: none; } .tbl_mem .tr_con, .tbl_mem .tr_con.tp2 { display: block; float: left; width: 100%; padding: 0; font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .tbl_mem .tr_con tr, .tbl_mem .tr_con.tp2 tr { display: block; width: 100%; line-height: 37px; padding: 0; text-align: left; border-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .tbl_mem .tr_con tr.top_product, .tbl_mem .tr_con.tp2 tr.top_product { display: block; background: #fcfcfc; border-top: 1px solid #222222; border-bottom: 1px solid #f0f0f0; } .tbl_mem .tr_con tr.top_product:nth-child(1), .tbl_mem .tr_con.tp2 tr.top_product:nth-child(1) { border-top: none; } .tbl_mem .tr_con tr.top_product td, .tbl_mem .tr_con.tp2 tr.top_product td { padding: 19px 0 19px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 600; } .tbl_mem .tr_con tr.bx_tr, .tbl_mem .tr_con.tp2 tr.bx_tr { padding: 18px 0; } .tbl_mem .tr_con tr.bx_tr + .bx_tr, .tbl_mem .tr_con.tp2 tr.bx_tr + .bx_tr { border-top: 1px solid #f0f0f0; } .tbl_mem .tr_con tr.pc_tr, .tbl_mem .tr_con.tp2 tr.pc_tr { display: none; } .tbl_mem .tr_con td, .tbl_mem .tr_con.tp2 td { display: block; width: 100%; line-height: 25px; padding: 7px 0 7px 20px; border-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media (max-width: 767px) { .tbl_mem .t_view { display: inline-block; } .tbl_mem .tr_con tr.top_product td, .tbl_mem .tr_con.tp2 tr.top_product td { padding: 16px 0 16px 10px; } .tbl_mem .tr_con tr.bx_tr, .tbl_mem .tr_con.tp2 tr.bx_tr { padding: 28px 0; } .tbl_mem .tr_con td, .tbl_mem .tr_con.tp2 td { line-height: 22px; font-size: 13px; padding: 0 0 14px 10px; } .tbl_mem .tr_con td .left, .tbl_mem .tr_con td .right, .tbl_mem .tr_con.tp2 td .left, .tbl_mem .tr_con.tp2 td .right { display: block; width: 100%; padding-left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .tbl_mem .tr_con td:last-child, .tbl_mem .tr_con.tp2 td:last-child { padding-bottom: 0; } .tbl_mem .tr_con td .txt_alert br, .tbl_mem .tr_con.tp2 td .txt_alert br { display: block; } } .tbl_basic { width: 100%; border-top: 1px #222222 solid; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 24px auto 38px; } .tbl_basic th, .tbl_basic td { font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px #f0f0f0 solid; vertical-align: middle; padding: 22px 40px; word-wrap: break-word; } .tbl_basic th { text-align: left; } .tbl_basic td { text-align: right; } @media (max-width: 1279px) { .tbl_basic th, .tbl_basic td { font-size: 16px; padding: 18px 60px; } } @media (max-width: 767px) { .tbl_basic { margin: 16px auto 30px; } .tbl_basic th, .tbl_basic td { font-size: 13px; padding: 17px 3.6%; } .tbl_basic th { width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .tbl { width: 100%; border-top: 1px #222222 solid; -webkit-box-sizing: border-box; box-sizing: border-box; } .tbl + .tbl { margin-top: 80px; } .tbl + .near { margin-top: 40px; } @media (max-width: 767px) { .tbl.tbl_rd.tbl_file td { padding: 10px 1.8% !important; } } .tbl .empty { font-size: 15px !important; } .tbl caption { display: table-caption; width: 100%; text-align: left; font-weight: 600; padding-bottom: 14px; } .tbl caption.txt_cnt { text-align: center; } @media (max-width: 767px) { .tbl caption { padding-bottom: 12px; font-size: 14px; } } .tbl th { padding: 22px 30px; } .tbl td { padding: 14px 30px; } @media (max-width: 1279px) { .tbl th { padding: 18px 2.6%; } .tbl td { padding: 10px 2.6%; } } @media (max-width: 767px) { .tbl th { padding: 17px 3.6%; } .tbl td { padding: 9px 3.6%; } } .tbl th, .tbl td { font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px #f0f0f0 solid; vertical-align: middle; word-wrap: break-word; } @media (max-width: 1279px) { .tbl th, .tbl td { font-size: 16px; } } @media (max-width: 767px) { .tbl th, .tbl td { font-size: 13px; } } .tbl th.top, .tbl td.top { vertical-align: top !important; } .tbl th.left, .tbl td.left { text-align: left; } .tbl th.right, .tbl td.right { text-align: right; } .tbl th.center, .tbl td.center { text-align: center !important; } .tbl th.bg, .tbl td.bg { background: #fcfcfc; } .tbl th.subject, .tbl td.subject { font-weight: 600; } .tbl th.none_b, .tbl td.none_b { border-bottom: none; } .tbl th.arw, .tbl td.arw { position: relative; padding-right: 60px; } .tbl th.arw:after, .tbl td.arw:after { top: 50%; right: 30px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); content: ""; content: ''; position: absolute; display: block; vertical-align: middle; width: 9px; height: 9px; -webkit-transform: translate(-50%, -50%) scale(1, 0.90909) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1, 0.90909) rotate(45deg); transform: translate(-50%, -50%) scale(1, 0.90909) rotate(45deg); margin-top: -3px; border-top: none; border-left: none; border-right: 3px solid #222222; border-bottom: 3px solid #222222; } .tbl th.arw.on:after, .tbl td.arw.on:after { content: ''; position: absolute; display: block; vertical-align: middle; width: 9px; height: 9px; -webkit-transform: translate(-50%, -50%) scale(1, 0.90909) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1, 0.90909) rotate(45deg); transform: translate(-50%, -50%) scale(1, 0.90909) rotate(45deg); margin-top: 3px; border-top: 3px solid #222222; border-left: 3px solid #222222; border-right: none; border-bottom: none; } @media (max-width: 767px) { .tbl th.arw .arw, .tbl td.arw .arw { position: relative; padding-right: 40px; } .tbl th.arw .arw:after, .tbl td.arw .arw:after { top: 0; right: 0px; content: ''; position: absolute; display: block; vertical-align: middle; width: 6px; height: 6px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: -2px; border-top: none; border-left: none; border-right: 1px solid #222222; border-bottom: 1px solid #222222; } .tbl th.arw .arw.on:after, .tbl td.arw .arw.on:after { content: ''; position: absolute; display: block; vertical-align: middle; width: 6px; height: 6px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: 2px; border-top: 1px solid #222222; border-left: 1px solid #222222; border-right: none; border-bottom: none; } } .tbl th.subject_header, .tbl td.subject_header { border-top: 2px solid #222222; border-bottom: 1px solid #222222; padding: 22px 30px; font-size: 18px; font-weight: 600; position: relative; text-align: left; } .tbl th.subject_header .left, .tbl td.subject_header .left { padding-right: 155px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-all; } .tbl th.subject_header .right, .tbl td.subject_header .right { font-size: 15px; font-weight: 100; width: 130px; position: absolute; top: 50%; right: 22px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; } .tbl th.subject_header .right a, .tbl td.subject_header .right a { text-decoration: none; } .tbl th.subject_header .right.txt_neces, .tbl td.subject_header .right.txt_neces { display: inline-block; width: 175px; margin-top: 0; } .tbl th.subject_header.type2 .left, .tbl td.subject_header.type2 .left { padding-right: 330px; } .tbl th.subject_header.type2 .txt_neces, .tbl td.subject_header.type2 .txt_neces { width: 295px; right: 30px; } @media (max-width: 1279px) { .tbl th.subject_header.type2, .tbl td.subject_header.type2 { padding: 17px 20px; } .tbl th.subject_header.type2 .left, .tbl td.subject_header.type2 .left { padding-right: 0px; } .tbl th.subject_header.type2 .txt_neces, .tbl td.subject_header.type2 .txt_neces { position: relative; top: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; width: auto; margin-top: 18px; margin-bottom: 0px; } } @media (max-width: 767px) { .tbl th.subject_header, .tbl td.subject_header { padding: 10px; font-size: 13px; } .tbl th.subject_header .left, .tbl td.subject_header .left { padding-right: 0px; line-height: 1.5; } .tbl th.subject_header .right, .tbl td.subject_header .right { position: relative; top: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; padding-left: 0px; } .tbl th.subject_header .right.txt_neces, .tbl td.subject_header .right.txt_neces { width: auto; margin-top: 5px; } .tbl th.subject_header .right.txt_neces .btn_link, .tbl td.subject_header .right.txt_neces .btn_link { display: inline-block; } } .tbl th.date_header, .tbl td.date_header { border-top: 2px solid #222222; border-bottom: 1px solid #222222; padding: 22px; } .tbl th .impt, .tbl td .impt { position: relative; display: inline-block; padding-right: 10px; } .tbl th .impt:after, .tbl td .impt:after { display: inline-block; position: relative; top: 3px; content: "*"; padding: 0 4px; color: #f87910; } .tbl tbody th { text-align: left; font-weight: 100; vertical-align: top; } .tbl tbody th.bg { font-weight: 600; } .tbl.tbl_board thead th { padding: 15px 20px; line-height: 1.4; text-align: center; } .tbl.tbl_board th, .tbl.tbl_board td { padding: 25px 5px; line-height: 1.4; } .tbl.tbl_board th:first-child, .tbl.tbl_board td:first-child { padding-left: 20px; } .tbl.tbl_board th span + .r_squ, .tbl.tbl_board td span + .r_squ { margin-top: 12px; } @media (max-width: 767px) { .tbl.tbl_board th, .tbl.tbl_board td { padding: 19px 5px; } } @media (max-width: 1279px) { .tbl.tbl_board thead th { padding: 10px; line-height: 1.4; } .tbl.tbl_board th, .tbl.tbl_board td { padding: 21px 5px; line-height: 1.4; } .tbl.tbl_board th:first-child, .tbl.tbl_board td:first-child { padding-left: 0px; } .tbl.tbl_board.transform { table-layout: inherit; display: block; border: none; } .tbl.tbl_board.transform:after { display: block; clear: both; content: ""; } .tbl.tbl_board.transform thead { display: none; } .tbl.tbl_board.transform caption, .tbl.tbl_board.transform thead, .tbl.tbl_board.transform tbody, .tbl.tbl_board.transform tr, .tbl.tbl_board.transform th, .tbl.tbl_board.transform td { width: 100% !important; float: left !important; border: none; text-align: left !important; } .tbl.tbl_board.transform caption { display: block !important; } .tbl.tbl_board.transform tbody { border-top: 1px #222222 solid; display: block !important; } .tbl.tbl_board.transform tr { display: block !important; border-bottom: 1px #f0f0f0 solid; } .tbl.tbl_board.transform th { display: block !important; padding: 17px 3.6% 0px !important; font-weight: 600; } .tbl.tbl_board.transform th br { display: none; } .tbl.tbl_board.transform th.subject_header { border-top: 3px solid #222222; padding: 10px 3.6% !important; } .tbl.tbl_board.transform th + td { padding: 6px 3.6% 17px !important; } .tbl.tbl_board.transform td { display: block !important; padding: 10px 3.6% !important; line-height: 1.7; width: auto; } .tbl.tbl_board.transform td.multi .ipt, .tbl.tbl_board.transform td.multi .slct { width: calc(100% - 90px) !important; float: left; margin: 0 0 10px 0; } .tbl.tbl_board.transform td.multi .btn.squ { float: right; padding: 10px 15px 11px; margin: 0 0 10px 0; width: 80px; } .tbl.tbl_board.transform td.multi .txt_alert { display: block; clear: both; content: ""; } .tbl.tbl_board.transform td.full .btn.squ { width: 100%; } .tbl.tbl_board.transform .bg { padding: 10px 3.6% !important; border-bottom: none !important; } .tbl.tbl_board.transform .bg + td { padding: 20px 3.6% !important; } .tbl.tbl_board.transform .rowspan { border-bottom: none; } .tbl.tbl_board.transform .rowspan td { padding: 0px 3.6% 0px !important; } .tbl.tbl_board.transform .rowspan.fr td { padding: 6px 3.6% 0px !important; } .tbl.tbl_board.transform .rowspan.ls { border-bottom: 1px #f0f0f0 solid; } .tbl.tbl_board.transform .rowspan.ls td { padding: 0px 3.6% 17px !important; } .tbl.tbl_board.transform .empty td, .tbl.tbl_board.transform .empty th { width: 100%; text-align: center !important; padding: 13px 3.6% !important; } .tbl.tbl_board.transform .hide { display: none !important; } .tbl.tbl_board.transform tr { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 30px !important; } .tbl.tbl_board.transform th, .tbl.tbl_board.transform td { padding: 0 !important; } .tbl.tbl_board.transform th:first-child, .tbl.tbl_board.transform td:first-child { margin-bottom: 6px; } .tbl.tbl_board.transform .empty th, .tbl.tbl_board.transform .empty td { padding: 0 !important; } .tbl.tbl_board.transform .empty th:first-child, .tbl.tbl_board.transform .empty td:first-child { margin-bottom: 0px; } .tbl.tbl_board th.media, .tbl.tbl_board td.media, .tbl.tbl_board col.media { display: none !important; } } @media (max-width: 767px) { .tbl.tbl_board thead th { padding: 8px 10px; } .tbl.tbl_board th, .tbl.tbl_board td { padding: 19px 10px; } .tbl.tbl_board.transform tr { padding: 15px 3.6% !important; } } .tbl.tbl_fold thead th { text-align: center; font-weight: 600; } .tbl.tbl_fold th { text-align: left; font-weight: 100; } .tbl.tbl_fold td { padding: 22px 30px; } .tbl.tbl_fold .tr_tit { cursor: pointer; } .tbl.tbl_fold .tr_con { display: none; } .tbl.tbl_fold .tr_con .info { margin-top: 15px; color: #999999; font-weight: 600; font-size: 13px; } .tbl.tbl_fold .tr_con .info span:after { display: inline-block; content: "|"; margin: 0 7px; font-weight: 100; } .tbl.tbl_fold .tr_con .info span:last-child:after { margin: 0; content: ""; } .tbl.tbl_fold .tr_con .reply { padding-left: 65px; position: relative; } .tbl.tbl_fold .tr_con .reply:before { content: ""; display: block; position: absolute; top: 20px; left: 30px; width: 16px; height: 16px; margin-right: 15px; border-left: 2px dotted #999999; border-bottom: 2px dotted #999999; } @media (max-width: 1279px) { .tbl.tbl_fold { table-layout: inherit; } .tbl.tbl_fold thead, .tbl.tbl_fold col.media { display: none; } .tbl.tbl_fold tbody, .tbl.tbl_fold tr, .tbl.tbl_fold th, .tbl.tbl_fold td { display: block; float: left; width: 100%; } .tbl.tbl_fold .arw:after { top: 0; margin-top: -5px; right: -19px; } .tbl.tbl_fold .tr_tit, .tbl.tbl_fold .tr_con { position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 15px 46px 15px 30px; border-bottom: 1px solid #f0f0f0; } .tbl.tbl_fold .tr_tit th, .tbl.tbl_fold .tr_tit td, .tbl.tbl_fold .tr_con th, .tbl.tbl_fold .tr_con td { display: block; float: left; width: 100%; border-bottom: none; padding: 0; } .tbl.tbl_fold .tr_tit th:first-child, .tbl.tbl_fold .tr_tit td:first-child, .tbl.tbl_fold .tr_con th:first-child, .tbl.tbl_fold .tr_con td:first-child { margin-bottom: 6px; } .tbl.tbl_fold .tr_tit.media_sbj, .tbl.tbl_fold .tr_con.media_sbj { margin-bottom: 8px; } .tbl.tbl_fold .tr_tit td.media, .tbl.tbl_fold .tr_con td.media { width: auto; margin-top: 6px; display: inline-block; font-size: 14px; } .tbl.tbl_fold .tr_tit td.media:after, .tbl.tbl_fold .tr_con td.media:after { display: inline-block; content: "|"; margin: 0 7px; font-weight: 100; color: #999999; } .tbl.tbl_fold .tr_tit td.media:last-child:after, .tbl.tbl_fold .tr_con td.media:last-child:after { margin: 0; content: ""; } } @media (max-width: 1279px) and (max-width: 767px) { .tbl.tbl_fold .tr_tit td.media, .tbl.tbl_fold .tr_con td.media { font-size: 12px; } } @media (max-width: 1279px) { .tbl.tbl_fold .tr_tit .empty th:first-child, .tbl.tbl_fold .tr_tit .empty td:first-child, .tbl.tbl_fold .tr_con .empty th:first-child, .tbl.tbl_fold .tr_con .empty td:first-child { margin-bottom: 0px; } .tbl.tbl_fold .tr_con { background-color: #fcfcfc; } .tbl.tbl_fold .tr_con .info { font-size: 14px; } .tbl.tbl_fold .tr_con .reply { padding-left: 55px; } .tbl.tbl_fold .tr_con .reply:before { top: 0px; left: 15px; } .tbl.tbl_fold .tr_con .reply + .txt_gray { margin-left: 55px; } .tbl.tbl_fold .tr_con .txt_gray span:after { display: inline-block; content: "|"; margin: 0 7px; font-weight: 100; } .tbl.tbl_fold .tr_con .txt_gray span:last-child:after { margin: 0; content: ""; } .tbl.tbl_fold .empty td { padding: 15px; } } @media (max-width: 767px) { .tbl.tbl_fold .arw:after { right: -10px; } .tbl.tbl_fold .tr_tit, .tbl.tbl_fold .tr_con { padding: 15px 3.6%; } .tbl.tbl_fold .tr_tit td.media, .tbl.tbl_fold .tr_con td.media { font-size: 12px; } .tbl.tbl_fold .tr_con .reply + .txt_gray { margin-left: 35px; } .tbl.tbl_fold .tr_con .reply { padding-left: 35px; } .tbl.tbl_fold .tr_con .reply:before { left: 5px; } .tbl.tbl_fold .tr_con .info { font-size: 11px; } } .tbl.tbl_file th a.txt_point, .tbl.tbl_file td a.txt_point { text-decoration: underline; } .tbl.tbl_file th .left, .tbl.tbl_file td .left { display: inline-block; vertical-align: middle; margin-right: 20px; } .tbl.tbl_file th .left + .txt_alert.gray, .tbl.tbl_file td .left + .txt_alert.gray { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0px; margin: 7px 0px; } .tbl.tbl_file th.txt_big, .tbl.tbl_file td.txt_big { font-size: 18px; } .tbl.tbl_file ul.subtit_preview { color: #999999; } .tbl.tbl_file ul.subtit_preview li { margin: 5px 0; } .tbl.tbl_file ul.subtit_preview .time { margin-right: 20px; } @media (max-width: 1279px) { .tbl.tbl_file .left + .txt_alert.gray { width: 100%; } .tbl.tbl_file td .left { width: 100%; float: none; } .tbl.tbl_file th.subject_header .left { float: none; padding-right: 0; } .tbl.tbl_file th.subject_header .right { display: block; float: none; width: auto; position: static; text-align: left; -webkit-transform: none; -ms-transform: none; transform: none; } } @media (max-width: 767px) { .tbl.tbl_file { display: block; border: none; } .tbl.tbl_file:after { display: block; clear: both; content: ""; } .tbl.tbl_file thead { display: none; } .tbl.tbl_file caption, .tbl.tbl_file thead, .tbl.tbl_file tbody, .tbl.tbl_file tr, .tbl.tbl_file th, .tbl.tbl_file td { width: 100% !important; float: left !important; border: none; text-align: left !important; } .tbl.tbl_file caption { display: block !important; } .tbl.tbl_file tbody { border-top: 1px #222222 solid; display: block !important; } .tbl.tbl_file tr { display: block !important; border-bottom: 1px #f0f0f0 solid; } .tbl.tbl_file th { display: block !important; padding: 17px 3.6% 0px !important; font-weight: 600; } .tbl.tbl_file th br { display: none; } .tbl.tbl_file th.subject_header { border-top: 3px solid #222222; padding: 10px 3.6% !important; } .tbl.tbl_file th + td { padding: 6px 3.6% 17px !important; } .tbl.tbl_file td { display: block !important; padding: 10px 3.6% !important; line-height: 1.7; width: auto; } .tbl.tbl_file td.multi .ipt, .tbl.tbl_file td.multi .slct { width: calc(100% - 90px) !important; float: left; margin: 0 0 10px 0; } .tbl.tbl_file td.multi .btn.squ { float: right; padding: 10px 15px 11px; margin: 0 0 10px 0; width: 80px; } .tbl.tbl_file td.multi .txt_alert { display: block; clear: both; content: ""; } .tbl.tbl_file td.full .btn.squ { width: 100%; } .tbl.tbl_file .bg { padding: 10px 3.6% !important; border-bottom: none !important; } .tbl.tbl_file .bg + td { padding: 20px 3.6% !important; } .tbl.tbl_file .rowspan { border-bottom: none; } .tbl.tbl_file .rowspan td { padding: 0px 3.6% 0px !important; } .tbl.tbl_file .rowspan.fr td { padding: 6px 3.6% 0px !important; } .tbl.tbl_file .rowspan.ls { border-bottom: 1px #f0f0f0 solid; } .tbl.tbl_file .rowspan.ls td { padding: 0px 3.6% 17px !important; } .tbl.tbl_file .empty td, .tbl.tbl_file .empty th { width: 100%; text-align: center !important; padding: 13px 3.6% !important; } .tbl.tbl_file .hide { display: none !important; } .tbl.tbl_file th.txt_big, .tbl.tbl_file td.txt_big { font-size: 14px; } } .tbl.tbl_detail td { padding: 40px 30px 0px; } .tbl.tbl_detail td.desc { padding: 40px 50px; vertical-align: top; height: 300px; } .tbl.tbl_detail td img { max-width: 100%; } .tbl.tbl_detail dl dt { font-weight: 600; } .tbl.tbl_detail dl dd { margin-bottom: 44px; } .tbl.tbl_detail dl li { font-size: 13px; color: #666666; } @media (max-width: 767px) { .tbl.tbl_detail dl li { font-size: 12px; } } .tbl.tbl_detail .subject_header .right { text-align: right; } @media (max-width: 767px) { .tbl.tbl_detail .subject_header .right { text-align: left; font-size: 12px; } } @media (max-width: 1279px) { .tbl.tbl_detail td.desc { height: auto; } .tbl.tbl_detail dl li { font-size: 14px; } } @media (max-width: 767px) { .tbl.tbl_detail td { padding: 25px 23px; } .tbl.tbl_detail td.desc { padding: 25px 23px; } .tbl.tbl_detail p { margin-bottom: 30px; } .tbl.tbl_detail dl dd { margin-bottom: 30px; } .tbl.tbl_detail dl li { font-size: 12px; } } .tbl.tbl_ticket caption { font-size: 38px; line-height: 1.4; font-weight: 100; padding-bottom: 40px; } .tbl.tbl_ticket caption br { display: none; } @media (max-width: 1279px) { .tbl.tbl_ticket caption { font-size: 32px; padding-bottom: 26px; } } @media (max-width: 767px) { .tbl.tbl_ticket caption { font-size: 23px; padding-bottom: 17px; } .tbl.tbl_ticket caption br { display: block; } } .tbl.tbl_ticket td { display: table; width: 100%; } .tbl.tbl_ticket td.dis_coup { border-bottom: none; } .tbl.tbl_ticket td.dis_coup .bx_multi { padding-bottom: 50px; } .tbl.tbl_ticket td.dis_coup .bx_total { padding: 20px 30px 10px; } .tbl.tbl_ticket td.dis_coup .bx_total .total { float: right; width: 372px; -webkit-box-sizing: border-box; box-sizing: border-box; } .tbl.tbl_ticket del, .tbl.tbl_ticket strike { font-size: 24px; } .tbl.tbl_ticket .bx_multi { display: table-cell; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; width: 60%; padding: 60px 0 60px 60px; } .tbl.tbl_ticket .bx_multi .un_price { display: inline-block; vertical-align: middle; font-size: 18px; } .tbl.tbl_ticket .bx_multi .un_price span { margin-right: 15px; color: #999999; } .tbl.tbl_ticket .bx_multi .multi { vertical-align: middle; font-size: 0; padding: 0 10%; position: relative; display: inline-block; width: 15px; height: 15px; } .tbl.tbl_ticket .bx_multi .multi:before, .tbl.tbl_ticket .bx_multi .multi:after { content: ''; position: absolute; top: 50%; left: 50%; width: 19px; height: 2px; background-color: #222222; } .tbl.tbl_ticket .bx_multi .multi:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .tbl.tbl_ticket .bx_multi .multi:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .tbl.tbl_ticket .bx_multi .bx_ipt { display: inline-block; vertical-align: middle; font-size: 18px; } .tbl.tbl_ticket .bx_multi .bx_ipt label { margin-right: 20px; color: #999999; font-size: 18px; vertical-align: middle; } .tbl.tbl_ticket .bx_multi .bx_ipt span, .tbl.tbl_ticket .bx_multi .bx_ipt .ipt, .tbl.tbl_ticket .bx_multi .bx_ipt .btn_num { vertical-align: middle; } .tbl.tbl_ticket .bx_multi .bx_ipt .btns_num { display: inline-block; vertical-align: middle; margin-right: 10px; } .tbl.tbl_ticket .bx_total { display: table-cell; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; width: 40%; padding: 60px 60px 60px 0; } .tbl.tbl_ticket .discount { position: relative; padding: 0 0 60px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } .tbl.tbl_ticket .discount .dis_txt { font-size: 18px; color: #999999; margin-right: 17px; line-height: 49px; vertical-align: top; } .tbl.tbl_ticket .discount .bx_ipt { display: inline-block; vertical-align: top; } .tbl.tbl_ticket .discount .ipt { width: 305px; margin-right: 12px; } .tbl.tbl_ticket .discount .btn { width: 90px; height: 50px; padding: 10px 10px 12px; vertical-align: top; } .tbl.tbl_ticket .discount .txt_alert { margin-bottom: 0; } .tbl.tbl_ticket .discount .dis_amount { display: inline-block; font-size: 18px; color: #f87910; margin-left: 17px; vertical-align: top; line-height: 49px; } .tbl.tbl_ticket + h3 { margin-top: 80px; } @media (max-width: 1279px) { .tbl.tbl_ticket td.dis_coup .bx_multi { padding-bottom: 30px; } .tbl.tbl_ticket td.dis_coup .bx_total { padding: 30px 0 10px; } .tbl.tbl_ticket td.dis_coup .bx_total .total { float: none; width: auto; } .tbl.tbl_ticket .bx_multi { display: block; width: 100%; padding: 40px 40px 0 40px; text-align: center; } .tbl.tbl_ticket .bx_multi .multi { padding: 0 35px; } .tbl.tbl_ticket .discount { text-align: center; padding: 0 20px 70px; } .tbl.tbl_ticket .discount .ipt { width: 242px; } .tbl.tbl_ticket .discount .dis_amount { position: absolute; bottom: 25px; left: 50%; margin-left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .tbl.tbl_ticket .bx_total { display: block; width: 40%; margin: 0 auto; padding: 30px 0 40px 0; } .tbl.tbl_ticket + h3 { margin-top: 60px; } } @media (max-width: 767px) { .tbl.tbl_ticket td.dis_coup .bx_multi { padding-bottom: 20px; } .tbl.tbl_ticket td.dis_coup .bx_total { width: 90%; padding: 20px 0 0; } .tbl.tbl_ticket td.dis_coup .bx_total .total { padding: 13px 20px 13px; } .tbl.tbl_ticket .bx_multi { padding: 30px 10px 0 10px; } .tbl.tbl_ticket .bx_multi .un_price { display: block; font-size: 14px; } .tbl.tbl_ticket .bx_multi .multi { display: block; margin: 25px auto; } .tbl.tbl_ticket .bx_multi .bx_ipt { font-size: 14px; height: auto; border-radius: 0; vertical-align: top; } .tbl.tbl_ticket .bx_multi .bx_ipt label { font-size: 14px; } .tbl.tbl_ticket .discount { padding: 0 10px 60px; } .tbl.tbl_ticket .discount .bx_ipt { width: 100%; height: auto; } .tbl.tbl_ticket .discount .ipt { width: calc(100% - 90px); margin-right: 7px; } .tbl.tbl_ticket .discount .dis_txt { display: none; } .tbl.tbl_ticket .discount .dis_amount { font-size: 15px; line-height: 20px; } .tbl.tbl_ticket .discount .btn { width: 75px; height: 40px; padding: 10px 5px 12px; } .tbl.tbl_ticket .bx_total { display: block; width: 80%; padding: 30px 0; } .tbl.tbl_ticket + h3 { margin-top: 30px; } } .tbl.tbl_pass + h3 { margin-top: 80px; } @media (max-width: 1279px) { .tbl.tbl_pass + h3 { margin-top: 60px; } } @media (max-width: 767px) { .tbl.tbl_pass + h3 { margin-top: 30px; } } .tbl.tbl_pass caption { font-size: 38px; line-height: 1.4; font-weight: 100; padding-bottom: 50px; } @media (max-width: 1279px) { .tbl.tbl_pass caption { font-size: 32px; padding-bottom: 26px; } } @media (max-width: 767px) { .tbl.tbl_pass caption { font-size: 23px; padding-bottom: 17px; } } .tbl.tbl_pass tr { border-bottom: #f0f0f0 solid 1px; } .tbl.tbl_pass td { padding: 40px 0; border: none; } .tbl.tbl_pass .tkt_ico { width: 213px; text-align: center; position: relative; } .tbl.tbl_pass .tkt_ico .ico_lab { position: absolute; top: -2px; left: 0; } .tbl.tbl_pass .tkt_ico .month_txt { position: absolute; top: 30px; left: 13px; font-size: 20px; letter-spacing: -0.8px; } .tbl.tbl_pass .tkt_ico .ico { vertical-align: middle; width: 93px; } .tbl.tbl_pass .tkt_ico .ico_hot { display: block; position: absolute; left: 10px; top: 30px; width: 86px; height: 57px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_bubble.png?v=2022207071") no-repeat 0 0; font-size: 18px; text-align: center; line-height: 48px; color: #F52222; -webkit-animation: ani 0.5s linear 0s infinite alternate; animation: ani 0.5s linear 0s infinite alternate; } @-webkit-keyframes ani { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); } } @keyframes ani { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); } } @media (max-width: 1279px) { .tbl.tbl_pass .tkt_ico { width: 123px; } .tbl.tbl_pass .tkt_ico .ico { width: 63px; } .tbl.tbl_pass .tkt_ico .ico_hot { top: 42px; left: 0; width: 70px; height: 46px; font-size: 14px; line-height: 40px; background-size: 100% 100%; } } @media (max-width: 767px) { .tbl.tbl_pass .tkt_ico { text-align: center !important; padding: 30px 0 20px !important; } .tbl.tbl_pass .tkt_ico .ico_lab { width: 100px; } .tbl.tbl_pass .tkt_ico .ico { width: 20%; max-width: 64px; } .tbl.tbl_pass .tkt_ico .month_txt { position: absolute; top: 31px; font-size: 20px; } .tbl.tbl_pass .tkt_ico .ico_hot { top: 14px; left: 50%; margin-left: -92px; } } .tbl.tbl_pass .tkt_txt .wrap { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 0px 60px; border-left: 1px dotted #222222; } .tbl.tbl_pass .tkt_txt h4 { font-size: 18px; display: inline-block; } .tbl.tbl_pass .tkt_txt .info_txt { color: #f87910; display: inline-block; margin-left: 20px; letter-spacing: -0.64px; font-size: 16px; } .tbl.tbl_pass .tkt_txt .info { color: #999999; } .tbl.tbl_pass .tkt_txt .info br { display: none; } @media (max-width: 1279px) { .tbl.tbl_pass .tkt_txt .wrap { padding: 0px 20px 0 30px; } } @media (max-width: 767px) { .tbl.tbl_pass .tkt_txt { padding: 0 !important; } .tbl.tbl_pass .tkt_txt .wrap { border: none; padding: 0px; text-align: center; } .tbl.tbl_pass .tkt_txt h4 { display: block; } .tbl.tbl_pass .tkt_txt .info_txt { display: block; font-size: 18px; margin-left: 0; margin-bottom: 4px; } .tbl.tbl_pass .tkt_txt .info { padding: 0px 6.6%; } .tbl.tbl_pass .tkt_txt .info br { display: block; } } .tbl.tbl_pass .grp_price { margin: 18px 0 0px; } .tbl.tbl_pass .grp_price del .unit { padding: 0; margin: 0; color: #222222; line-height: normal; } @media (max-width: 1279px) { .tbl.tbl_pass .grp_price { margin: 20px 0 0px; } } .tbl.tbl_pass .tkt_btn { width: 174px; } .tbl.tbl_pass .tkt_btn .btn { min-width: 115px; } @media (max-width: 1279px) { .tbl.tbl_pass .tkt_btn { width: 130px; } .tbl.tbl_pass .tkt_btn .btn { min-width: 100px; padding: 12px 18px; } } @media (max-width: 767px) { .tbl.tbl_pass .tkt_btn { text-align: center !important; padding: 25px 0 30px !important; } .tbl.tbl_pass .tkt_btn .btn { min-width: 200px; padding: 12px 18px; font-size: 18px; } } @media (max-width: 767px) { .tbl.tbl_pass { display: block; border: none; } .tbl.tbl_pass:after { display: block; clear: both; content: ""; } .tbl.tbl_pass thead { display: none; } .tbl.tbl_pass caption, .tbl.tbl_pass thead, .tbl.tbl_pass tbody, .tbl.tbl_pass tr, .tbl.tbl_pass th, .tbl.tbl_pass td { width: 100% !important; float: left !important; border: none; text-align: left !important; } .tbl.tbl_pass caption { display: block !important; } .tbl.tbl_pass tbody { border-top: 1px #222222 solid; display: block !important; } .tbl.tbl_pass tr { display: block !important; border-bottom: 1px #f0f0f0 solid; } .tbl.tbl_pass th { display: block !important; padding: 17px 3.6% 0px !important; font-weight: 600; } .tbl.tbl_pass th br { display: none; } .tbl.tbl_pass th.subject_header { border-top: 3px solid #222222; padding: 10px 3.6% !important; } .tbl.tbl_pass th + td { padding: 6px 3.6% 17px !important; } .tbl.tbl_pass td { display: block !important; padding: 10px 3.6% !important; line-height: 1.7; width: auto; } .tbl.tbl_pass td.multi .ipt, .tbl.tbl_pass td.multi .slct { width: calc(100% - 90px) !important; float: left; margin: 0 0 10px 0; } .tbl.tbl_pass td.multi .btn.squ { float: right; padding: 10px 15px 11px; margin: 0 0 10px 0; width: 80px; } .tbl.tbl_pass td.multi .txt_alert { display: block; clear: both; content: ""; } .tbl.tbl_pass td.full .btn.squ { width: 100%; } .tbl.tbl_pass .bg { padding: 10px 3.6% !important; border-bottom: none !important; } .tbl.tbl_pass .bg + td { padding: 20px 3.6% !important; } .tbl.tbl_pass .rowspan { border-bottom: none; } .tbl.tbl_pass .rowspan td { padding: 0px 3.6% 0px !important; } .tbl.tbl_pass .rowspan.fr td { padding: 6px 3.6% 0px !important; } .tbl.tbl_pass .rowspan.ls { border-bottom: 1px #f0f0f0 solid; } .tbl.tbl_pass .rowspan.ls td { padding: 0px 3.6% 17px !important; } .tbl.tbl_pass .empty td, .tbl.tbl_pass .empty th { width: 100%; text-align: center !important; padding: 13px 3.6% !important; } .tbl.tbl_pass .hide { display: none !important; } } .tbl.tbl_veiw th { width: 190px; } .tbl.tbl_veiw th, .tbl.tbl_veiw td { word-break: keep-all; } @media (max-width: 1279px) { .tbl.tbl_veiw th { width: 23%; } .tbl.tbl_veiw.mda { display: block; overflow: hidden; } .tbl.tbl_veiw.mda thead { display: block; float: left; width: 100%; } .tbl.tbl_veiw.mda thead tr, .tbl.tbl_veiw.mda thead th { display: block; width: auto; float: left; width: 100%; } .tbl.tbl_veiw.mda tbody { display: table; } .tbl.tbl_veiw.mda tbody tr { display: block; width: 100%; float: left; background: #fcfcfc; border-bottom: 1px solid #f0f0f0; } .tbl.tbl_veiw.mda tbody tr th { display: block; float: left; width: 170px; } .tbl.tbl_veiw.mda tbody tr td { display: block; float: left; background: #fff; width: calc(100% - 170px); padding: 18px 2.6%; min-height: 60px; } .tbl.tbl_veiw.mda tbody tr th, .tbl.tbl_veiw.mda tbody tr td { border: 0; } .tbl.tbl_veiw.mda tbody tr.tr_media { border-bottom: none; } .tbl.tbl_veiw.mda tbody tr.tr_media th, .tbl.tbl_veiw.mda tbody tr.tr_media td { border-bottom: 1px solid #f0f0f0; } } @media (max-width: 767px) { .tbl.tbl_veiw { display: block; border: none; } .tbl.tbl_veiw:after { display: block; clear: both; content: ""; } .tbl.tbl_veiw thead { display: none; } .tbl.tbl_veiw caption, .tbl.tbl_veiw thead, .tbl.tbl_veiw tbody, .tbl.tbl_veiw tr, .tbl.tbl_veiw th, .tbl.tbl_veiw td { width: 100% !important; float: left !important; border: none; text-align: left !important; } .tbl.tbl_veiw caption { display: block !important; } .tbl.tbl_veiw tbody { border-top: 1px #222222 solid; display: block !important; } .tbl.tbl_veiw tr { display: block !important; border-bottom: 1px #f0f0f0 solid; } .tbl.tbl_veiw th { display: block !important; padding: 17px 3.6% 0px !important; font-weight: 600; } .tbl.tbl_veiw th br { display: none; } .tbl.tbl_veiw th.subject_header { border-top: 3px solid #222222; padding: 10px 3.6% !important; } .tbl.tbl_veiw th + td { padding: 6px 3.6% 17px !important; } .tbl.tbl_veiw td { display: block !important; padding: 10px 3.6% !important; line-height: 1.7; width: auto; } .tbl.tbl_veiw td.multi .ipt, .tbl.tbl_veiw td.multi .slct { width: calc(100% - 90px) !important; float: left; margin: 0 0 10px 0; } .tbl.tbl_veiw td.multi .btn.squ { float: right; padding: 10px 15px 11px; margin: 0 0 10px 0; width: 80px; } .tbl.tbl_veiw td.multi .txt_alert { display: block; clear: both; content: ""; } .tbl.tbl_veiw td.full .btn.squ { width: 100%; } .tbl.tbl_veiw .bg { padding: 10px 3.6% !important; border-bottom: none !important; } .tbl.tbl_veiw .bg + td { padding: 20px 3.6% !important; } .tbl.tbl_veiw .rowspan { border-bottom: none; } .tbl.tbl_veiw .rowspan td { padding: 0px 3.6% 0px !important; } .tbl.tbl_veiw .rowspan.fr td { padding: 6px 3.6% 0px !important; } .tbl.tbl_veiw .rowspan.ls { border-bottom: 1px #f0f0f0 solid; } .tbl.tbl_veiw .rowspan.ls td { padding: 0px 3.6% 17px !important; } .tbl.tbl_veiw .empty td, .tbl.tbl_veiw .empty th { width: 100%; text-align: center !important; padding: 13px 3.6% !important; } .tbl.tbl_veiw .hide { display: none !important; } } .google_bnr + .tbl.tbl_veiw, .google_bnr_tp2 + .tbl.tbl_veiw, .google_bnr_tp2 + .tbl.tbl_veiw { margin-top: 40px; } @media (max-width: 767px) { .google_bnr + .tbl.tbl_veiw, .google_bnr_tp2 + .tbl.tbl_veiw, .google_bnr_tp2 + .tbl.tbl_veiw { margin-top: 30px; } } .tbl.tbl_lst th { text-align: left; font-weight: 600; } .tbl.tbl_lst th, .tbl.tbl_lst td { padding: 34px 30px; } .tbl.tbl_lst td { width: 140px; vertical-align: top; text-align: center; } .tbl.tbl_lst .td_updt { font-weight: 100; width: auto; text-align: left; line-height: 1.7; } .tbl.tbl_lst .td_updt a { color: #f87910; } @media (max-width: 1279px) { .tbl.tbl_lst th, .tbl.tbl_lst td { padding: 28px 20px 29px; } .tbl.tbl_lst th a, .tbl.tbl_lst td a { font-weight: 600; } .tbl.tbl_lst td { width: 20%; } } @media (max-width: 767px) { .tbl.tbl_lst { display: block; border: none; } .tbl.tbl_lst:after { display: block; clear: both; content: ""; } .tbl.tbl_lst thead { display: none; } .tbl.tbl_lst caption, .tbl.tbl_lst thead, .tbl.tbl_lst tbody, .tbl.tbl_lst tr, .tbl.tbl_lst th, .tbl.tbl_lst td { width: 100% !important; float: left !important; border: none; text-align: left !important; } .tbl.tbl_lst caption { display: block !important; } .tbl.tbl_lst tbody { border-top: 1px #222222 solid; display: block !important; } .tbl.tbl_lst tr { display: block !important; border-bottom: 1px #f0f0f0 solid; } .tbl.tbl_lst th { display: block !important; padding: 17px 3.6% 0px !important; font-weight: 600; } .tbl.tbl_lst th br { display: none; } .tbl.tbl_lst th.subject_header { border-top: 3px solid #222222; padding: 10px 3.6% !important; } .tbl.tbl_lst th + td { padding: 6px 3.6% 17px !important; } .tbl.tbl_lst td { display: block !important; padding: 10px 3.6% !important; line-height: 1.7; width: auto; } .tbl.tbl_lst td.multi .ipt, .tbl.tbl_lst td.multi .slct { width: calc(100% - 90px) !important; float: left; margin: 0 0 10px 0; } .tbl.tbl_lst td.multi .btn.squ { float: right; padding: 10px 15px 11px; margin: 0 0 10px 0; width: 80px; } .tbl.tbl_lst td.multi .txt_alert { display: block; clear: both; content: ""; } .tbl.tbl_lst td.full .btn.squ { width: 100%; } .tbl.tbl_lst .bg { padding: 10px 3.6% !important; border-bottom: none !important; } .tbl.tbl_lst .bg + td { padding: 20px 3.6% !important; } .tbl.tbl_lst .rowspan { border-bottom: none; } .tbl.tbl_lst .rowspan td { padding: 0px 3.6% 0px !important; } .tbl.tbl_lst .rowspan.fr td { padding: 6px 3.6% 0px !important; } .tbl.tbl_lst .rowspan.ls { border-bottom: 1px #f0f0f0 solid; } .tbl.tbl_lst .rowspan.ls td { padding: 0px 3.6% 17px !important; } .tbl.tbl_lst .empty td, .tbl.tbl_lst .empty th { width: 100%; text-align: center !important; padding: 13px 3.6% !important; } .tbl.tbl_lst .hide { display: none !important; } .tbl.tbl_lst td:not(.td_updt) { width: auto !important; padding: 0px 3.6% 15px !important; display: inline-block !important; font-size: 12px; } .tbl.tbl_lst .td_updt { padding: 17px 3.6% 8px !important; } } .tbl.tbl_my { border-top: none; } @media (max-width: 1279px) { .tbl.tbl_my { table-layout: auto; } } @media (max-width: 767px) { .tbl.tbl_my { display: block; } .tbl.tbl_my tbody, .tbl.tbl_my tr, .tbl.tbl_my th, .tbl.tbl_my td { display: block; } } .tbl.tbl_my tbody { border-bottom: 1px solid #f0f0f0; } .tbl.tbl_my tbody tr { border-top: 1px solid #f0f0f0; } .tbl.tbl_my tbody tr.on { border-color: #222; } .tbl.tbl_my tbody tr:first-child { border-color: #222; } @media (max-width: 767px) { .tbl.tbl_my tbody tr:after { display: block; clear: both; content: ""; } } .tbl.tbl_my tbody .empty th { text-align: center; } .tbl.tbl_my tbody .empty td { display: block; padding: 28px 20px; text-align: center; } @media (max-width: 767px) { .tbl.tbl_my tbody .empty td { padding: 23px 3.6%; } } .tbl.tbl_my th, .tbl.tbl_my td { border-bottom: none; } @media (max-width: 1279px) { .tbl.tbl_my th, .tbl.tbl_my td { padding: 20px 30px; } .tbl.tbl_my th.arw, .tbl.tbl_my td.arw { padding-right: 55px; } } @media (max-width: 767px) { .tbl.tbl_my th, .tbl.tbl_my td { width: 100%; padding: 16px 3.6%; float: left !important; } .tbl.tbl_my th.arw, .tbl.tbl_my td.arw { padding-right: 3.6%; } } .tbl.tbl_my th .btns, .tbl.tbl_my td .btns { margin: 0; padding: 30px 0 60px; border-top: 1px #f0f0f0 solid; } .tbl.tbl_my th .btns.alert, .tbl.tbl_my td .btns.alert { padding-top: 10px; } .tbl.tbl_my th .btns.alert .bx_notice, .tbl.tbl_my td .btns.alert .bx_notice { padding-bottom: 40px; } .tbl.tbl_my th .btns .bx_notice, .tbl.tbl_my td .btns .bx_notice { padding-top: 0; } @media (max-width: 767px) { .tbl.tbl_my th .btns, .tbl.tbl_my td .btns { padding: 30px 0 40px; } } .tbl.tbl_my tr:last-child .btns { border-bottom: 1px solid #222; } .tbl.tbl_my .tr_tit { text-align: left; } .tbl.tbl_my .tr_tit.on + .tr_con + .tr_tit { border-top: 1px solid #222; } .tbl.tbl_my .tr_tit.on + .tr_con { display: table-row; } @media (max-width: 767px) { .tbl.tbl_my .tr_tit.on th { border-top: none; } .tbl.tbl_my .tr_tit.on + .tr_con { display: block; } } .tbl.tbl_my .tr_tit.on .arw:after { content: ''; position: absolute; display: block; vertical-align: middle; width: 9px; height: 9px; -webkit-transform: translate(-50%, -50%) scale(1, 0.90909) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1, 0.90909) rotate(45deg); transform: translate(-50%, -50%) scale(1, 0.90909) rotate(45deg); margin-top: 3px; border-top: 3px solid #222222; border-left: 3px solid #222222; border-right: none; border-bottom: none; } @media (max-width: 767px) { .tbl.tbl_my .tr_tit.on .arw:after { margin-top: -15px; } } .tbl.tbl_my .tr_tit .arw { cursor: pointer; } @media (max-width: 767px) { .tbl.tbl_my .tr_tit .arw:after { margin-top: -20px; right: 3.6%; } } .tbl.tbl_my .tr_tit .date { width: 160px; font-weight: 100; } @media (max-width: 1279px) { .tbl.tbl_my .tr_tit .date { width: 21% !important; } } @media (max-width: 767px) { .tbl.tbl_my .tr_tit .date { width: 100% !important; padding-bottom: 0px; } .tbl.tbl_my .tr_tit .date + .subject { padding-top: 3px; } } .tbl.tbl_my .tr_tit + .tr_con { display: none; } .tbl.tbl_my .tr_tit.disable { color: #999; } .tbl.tbl_my .tr_tit.disable + .tr_con dt, .tbl.tbl_my .tr_tit.disable + .tr_con dd { color: #999; } .tbl.tbl_my.type2 .tr_tit .date { width: 216px; } .tbl.tbl_my.type2 .info dt { width: 20%; } .tbl.tbl_my.type2 .info dd { width: 80%; } .tbl.tbl_my.type2 .info dd.txt_dis { width: 100%; padding-left: 20%; } @media (max-width: 1279px) { .tbl.tbl_my.type2 .tr_tit .date { width: 30% !important; } .tbl.tbl_my.type2 .info dt { width: 30%; } .tbl.tbl_my.type2 .info dd { width: 70%; } .tbl.tbl_my.type2 .info dd.txt_dis { padding-left: 30%; } } @media (max-width: 767px) { .tbl.tbl_my.type2 .tr_tit .date { width: 100% !important; } .tbl.tbl_my.type2 .info dt { width: 100%; } .tbl.tbl_my.type2 .info dd { width: 100%; } .tbl.tbl_my.type2 .info dd.txt_dis { padding-left: 0; } .tbl.tbl_my.type2 .info dd.txt_dis p { margin-left: 0; } } .tbl.tbl_my .tr_con { width: 100%; } .tbl.tbl_my .tr_con td { padding: 0; width: 100%; } @media (max-width: 767px) { .tbl.tbl_my .tr_con { display: block; } } .tbl.tbl_my.bg .tr_tit { background: #fcfcfc; } .tbl.tbl_my.bg .tr_tit th { border-top: 1px solid #222; font-weight: 600; } .tbl.tbl_my.bg .tr_tit + .tr_con { display: table-row; } .tbl.tbl_my .no_border th, .tbl.tbl_my .no_border td { border-bottom: none; } .tbl.tbl_my .info { padding: 28px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .tbl.tbl_my .info { padding: 23px 3.6%; line-height: 22px; } } .tbl.tbl_my .info:after { display: block; clear: both; content: ""; } .tbl.tbl_my .info + .info { border-top: 1px solid #f0f0f0; } .tbl.tbl_my .info.row1 { padding: 17px 0 18px; } @media (max-width: 1279px) { .tbl.tbl_my .info.row1 { padding: 12px 0 13px; } } @media (max-width: 767px) { .tbl.tbl_my .info.row1 { padding: 24px 3.6%; } } .tbl.tbl_my .info dt, .tbl.tbl_my .info dd { display: block; } .tbl.tbl_my .info dt { width: 15%; padding: 8px 0 7px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } @media (max-width: 1279px) { .tbl.tbl_my .info dt { width: 21%; } } @media (max-width: 767px) { .tbl.tbl_my .info dt { width: 100%; float: none; padding: 14px 0 0 0; } .tbl.tbl_my .info dt:first-child { padding: 0; } } .tbl.tbl_my .info dd { width: 85%; padding: 8px 30px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; color: #666666; } .tbl.tbl_my .info dd.txt_dis { width: 100%; padding-left: 15%; } .tbl.tbl_my .info dd.txt_dis p { margin-left: 30px; padding-left: 16px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_d_line.svg?v=2022207071") no-repeat top left; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; } .tbl.tbl_my .info dd.dd_btn { padding: 0 30px; } @media (max-width: 767px) { .tbl.tbl_my .info dd.dd_btn { padding: 8px 0 10px; } } .tbl.tbl_my .info dd .btn { margin-bottom: 11px; } @media (max-width: 1279px) { .tbl.tbl_my .info dd { width: 79%; } .tbl.tbl_my .info dd.txt_dis { padding-left: 21%; } } @media (max-width: 767px) { .tbl.tbl_my .info dd { width: 100%; float: none; padding: 0; } .tbl.tbl_my .info dd.txt_dis { padding-left: 0; } .tbl.tbl_my .info dd.txt_dis p { margin-left: 0; } } .tbl.tbl_my + .btns { margin: 30px 0 60px; } @media (max-width: 767px) { .tbl.tbl_my + .btns { margin: 30px 0 40px; } } .tbl.tbl_my + .tbl_my, .tbl.tbl_my + .half_area { margin-top: 60px; } @media (max-width: 767px) { .tbl.tbl_my + .tbl_my, .tbl.tbl_my + .half_area { margin-top: 40px; } } .tbl.tbl_my.tp_col4 .col4_1 { width: 15%; } .tbl.tbl_my.tp_col4 .col4_2 { width: 150px; } .tbl.tbl_my.tp_col4 .col4_3 { width: 150px; } @media (max-width: 1279px) { .tbl + .tbl { margin-top: 70px; } .tbl + .near { margin-top: 30px; } .tbl.tbl_my.tp_col4 .col4_1 { width: 21%; } .tbl.tbl_my.tp_col4 .col4_2 { width: 100px; } .tbl.tbl_my.tp_col4 .col4_3 { width: 100px; } .tbl.tbl_my.tp_col4 th { padding-left: 10px; padding-right: 10px; } .tbl.tbl_my.tp_col4 th:first-child { padding-left: 30px; } .tbl.tbl_my.tp_col4 th:last-child { padding-right: 30px; } .tbl.tbl_my.tp_col4 th.arw { padding-right: 55px; } } @media (max-width: 767px) { .tbl + .tbl { margin-top: 30px; } .tbl + .near { margin-top: 15px; } .tbl.tbl_my.tp_col4 .col4_1 { width: 100%; } .tbl.tbl_my.tp_col4 .col4_2 { width: 100%; } .tbl.tbl_my.tp_col4 .col4_3 { width: 100%; } .tbl.tbl_my.tp_col4 col { width: 100%; } .tbl.tbl_my.tp_col4 th { padding-top: 3px; padding-bottom: 3px; padding-right: 3.6%; padding-left: 3.6%; } .tbl.tbl_my.tp_col4 th:first-child { padding-top: 16px; padding-left: 3.6%; } .tbl.tbl_my.tp_col4 th:last-child { padding-bottom: 16px; padding-right: 3.6%; } .tbl.tbl_my.tp_col4 th.arw { padding-right: 3.6%; } } .package img { vertical-align: middle; } .package .top { display: table; width: 100%; } .package .top h2 { font-size: 38px; padding-bottom: 50px; padding: 20px 0px 50px 0px; line-height: 1.4; font-weight: 100; text-align: left; display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .package .top h2.gmxm_tit { padding: 0 0 60px; } .package .top .pack { display: table-cell; vertical-align: middle; width: 395px; padding: 20px 60px 50px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; } .package .top .item { display: inline-block; text-align: center; } .package .top .item:first-child:before { display: none; } .package .top .item + .item { padding-left: 44px; position: relative; } .package .top .item + .item:before { content: ""; width: 15px; height: 15px; display: inline-block; position: relative; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bu_plus.png?v=2022207071") no-repeat 50% 0; position: absolute; top: 50%; left: 12px; margin-top: -7px; } @media (max-width: 1279px) { .package .top h2 { width: auto; font-size: 32px; padding: 0px 0px 50px 0px; } .package .top h2.gmxm_tit { padding: 0 0 50px; } .package .top .pack { width: 272px; padding: 0px 0px 50px 30px; } .package .top .item .ico { width: 95px; } } @media (max-width: 767px) { .package .top { margin-top: 30px; } .package .top h2 { width: auto; font-size: 22px; padding-bottom: 20px; } .package .top .pack { display: none; } } .bx_pack { display: table; width: 100%; } .bx_pack + .bx_pack { margin-top: 40px; } @media (max-width: 1279px) { .bx_pack + .bx_pack { margin-top: 20px; } } .bx_pack .pack_ico { background: #fcfcfc; width: 213px; padding: 43px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: middle; border-radius: 10px 0px 0px 10px; border: 1px solid #f0f0f0; text-align: center; } .bx_pack .pack_ico .ico[src*="pack1"], .bx_pack .pack_ico .ico[src*="pack2"], .bx_pack .pack_ico .ico[src*="pack3"], .bx_pack .pack_ico .ico[src*="pack4"], .bx_pack .pack_ico .ico[src*="pack5"], .bx_pack .pack_ico .ico[src*="pack6"], .bx_pack .pack_ico .ico[src*="pack7"], .bx_pack .pack_ico .ico[src*="pack8"], .bx_pack .pack_ico .ico[src*="pack9"] { width: 115px; height: 104px; } @media (max-width: 1279px) { .bx_pack .pack_ico { display: none; width: 123px; padding: 43px 0px; } .bx_pack .pack_ico .ico[src*="pack1"], .bx_pack .pack_ico .ico[src*="pack4"], .bx_pack .pack_ico .ico[src*="pack5"], .bx_pack .pack_ico .ico[src*="pack6"] { width: 67px; height: 68px; } .bx_pack .pack_ico .ico[src*="pack2"] { width: 81px; height: 73px; } .bx_pack .pack_ico .ico[src*="pack3"] { width: 93px; height: 95px; } } @media (max-width: 767px) { .bx_pack .pack_ico { display: none; } } .bx_pack .pack_con { -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; border-radius: 0px 10px 10px 0px; border: 1px solid #f0f0f0; border-left: none; } @media (max-width: 1279px) { .bx_pack .pack_con { border: 1px solid #f0f0f0; border-radius: 10px; } } @media (max-width: 767px) { .bx_pack .pack_con { border: 1px solid #f0f0f0; border-radius: 10px; overflow: hidden; } } .bx_pack .pack { width: 100%; padding: 23px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #f0f0f0; font-size: 15px; } @media (max-width: 1279px) { .bx_pack .pack { padding: 23px 30px; } } @media (max-width: 767px) { .bx_pack .pack { background: #fcfcfc; text-align: center; padding: 23px 0px; } } .bx_pack .pack .item { padding: 20px 0px 14px; display: inline-block; text-align: center; width: 120px; vertical-align: top; } .bx_pack .pack .item img { width: 61px; margin-bottom: 9px; } .bx_pack .pack .item span { color: #666666; display: block; line-height: 1.4; } .bx_pack .pack .item span + span { margin-top: 3px; } .bx_pack .pack .item span + a { display: block; margin-top: 9px; color: #f87910; font-size: 13px; font-weight: 600; text-decoration: underline; } .bx_pack .pack .item + .item { padding-left: 44px; position: relative; } .bx_pack .pack .item + .item:before { content: ""; width: 15px; height: 15px; display: inline-block; position: relative; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bu_plus.png?v=2022207071") no-repeat 50% 0; position: absolute; top: 50%; left: 12px; margin-top: -22px; } .bx_pack .pack .item:first-child:before { display: none; } @media (max-width: 1279px) { .bx_pack .pack .item { width: 110px; font-size: 15px; line-height: 18px; } .bx_pack .pack .item .ico { width: 52px; } .bx_pack .pack .item + .item { padding-left: 27px; } .bx_pack .pack .item + .item:before { left: 6px; margin-top: -25px; } } @media (max-width: 767px) { .bx_pack .pack .item { width: 95px; font-size: 14px; line-height: 18px; padding: 12px 0 10px; } .bx_pack .pack .item .ico { width: 46px; } .bx_pack .pack .item span { font-size: 13px; } .bx_pack .pack .item span + span { margin-top: 1px; } .bx_pack .pack .item + .item { padding-left: 21px; } .bx_pack .pack .item + .item:before { left: 4px; margin-top: -23px; width: 11px; height: 11px; background-size: 100%; } } .bx_pack .pack .item_tit { display: inline-block; vertical-align: top; padding-top: 12px; padding-left: 36px; color: #222222; line-height: 2; } @media (max-width: 767px) { .bx_pack .pack .item_tit { display: block; font-size: 14px; text-align: center; padding-top: 4px; padding-left: 0; } } .bx_pack .row { width: 100%; padding: 40px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_pack .row:after { display: block; clear: both; content: ""; } .bx_pack .row .grp_price { float: left; } .bx_pack .row .pack_btn { float: right; } @media (max-width: 1279px) { .bx_pack .row { padding: 40px 30px; } } @media (max-width: 767px) { .bx_pack .row { padding: 30px 0px; text-align: center; } .bx_pack .row .grp_price { float: none; } .bx_pack .row .pack_btn { float: none; margin-top: 25px; } .bx_pack .row .pack_btn .btn { min-width: 200px; padding: 12px 18px; font-size: 18px; } } .bx_pack.pack_sel .pack { position: relative; padding-left: 60px; } .bx_pack.pack_sel .pack .item { vertical-align: top; } .bx_pack.pack_sel .pack .type_list { display: inline-block; padding: 20px 20px 20px 28px; } .bx_pack.pack_sel .pack .type_list::before { content: ''; position: absolute; top: 20px; right: 20px; bottom: 20px; left: 236px; background: #fdf9f1; border: 1px solid #ffeecc; border-radius: 10px; z-index: -1; } .bx_pack.pack_sel .pack .type_list li { line-height: 21px; } .bx_pack.pack_sel .pack .type_list li + li { margin-top: 12px; } .bx_pack.pack_sel .pack .type_list li .rd_box { display: block; line-height: 21px; } .bx_pack.pack_sel .pack .type_list li label { display: block; } .bx_pack.pack_sel .pack .type_list li label strong { color: #f87910; } .bx_pack.pack_sel .pack .type_list li label span { padding-left: 10px; } @media (max-width: 1279px) { .bx_pack.pack_sel .pack { padding-left: 30px; } .bx_pack.pack_sel .pack .type_list { padding-left: 18px; } .bx_pack.pack_sel .pack .type_list::before { left: 177px; border-radius: 8px; } .bx_pack.pack_sel .pack .type_list li { line-height: 20px; } .bx_pack.pack_sel .pack .type_list li + li { margin-top: 12px; } .bx_pack.pack_sel .pack .type_list li .rd_box { display: block; line-height: 20px; } .bx_pack.pack_sel .pack .type_list li label { font-size: 14px; } .bx_pack.pack_sel .pack .type_list li label strong { font-size: 15px; } } @media (max-width: 767px) { .bx_pack.pack_sel .pack { padding: 23px 0 0 0; } .bx_pack.pack_sel .pack .type_list { display: block; margin: 20px; padding: 20px; background: #fdf9f1; border: 1px solid #ffeecc; border-radius: 8px; text-align: left; } .bx_pack.pack_sel .pack .type_list::before { display: none; } .bx_pack.pack_sel .pack .type_list li { line-height: 22px; } .bx_pack.pack_sel .pack .type_list li + li { margin-top: 12px; } .bx_pack.pack_sel .pack .type_list li .rd_box { display: block; width: auto; line-height: 22px; } .bx_pack.pack_sel .pack .type_list li label { font-size: 13px; } .bx_pack.pack_sel .pack .type_list li label span { display: block; padding-left: 0; line-height: 19px; } } .grp_price del, .grp_price strike { font-size: 24px; display: inline-block; } .grp_price del { width: 160px; text-decoration: none; } .grp_price del span { text-decoration: line-through; } .grp_price del + .t_price { margin-left: 10px; } .grp_price del .unit { text-decoration: none; } .grp_price.price_bx del { width: 130px; text-decoration: none; } .grp_price strong { font-size: 34px; line-height: 1; color: #f87910; } .grp_price strong .unit { font-size: 15px; } .grp_price .unit { font-size: 14px; } @media (max-width: 1279px) { .grp_price strong { font-size: 25px; line-height: 1.3; } .grp_price del, .grp_price strike { font-size: 20px; } .grp_price del { width: 100px; } .grp_price del + .t_price { margin: 10px 0 0 0; } } @media (max-width: 767px) { .grp_price strong { font-size: 23px; display: block; } .grp_price strong .unit { font-size: 14px; } .grp_price del, .grp_price strike { font-size: 14px; display: block; width: 100%; } .grp_price .discount { display: block; margin-top: 10px; } .grp_price .unit { font-size: 12px; } } .grp_price .paypal { margin-bottom: 4px; font-size: 14px; color: #f87910; } .grp_price .t_price { display: inline-block; vertical-align: middle; } .grp_price .t_price .paypal { display: block; } @media (max-width: 767px) { .grp_price .t_price { display: block; } .grp_price .t_price .paypal { margin-top: 5px; } } .grp_price .discount { font-size: 24px; position: relative; display: inline-block; vertical-align: middle; margin: -23px 16px 0; padding: 6px 9px 0; color: #ffffff; font-size: 20px; font-weight: 600; line-height: 1; background-color: #f87910; } @media (max-width: 1279px) { .grp_price .discount { margin: -23px 20px 0 26px; padding: 7px 9px 0; } } @media (max-width: 767px) { .grp_price .discount { margin: 10px 0 24px; } } .grp_price .discount:after { content: ""; display: block; position: absolute; left: 50%; bottom: -14px; margin-left: -38px; border-top: 15px solid #f87910; border-left: 38px solid transparent; border-right: 38px solid transparent; } .paging { text-align: center; margin-top: 60px; font-size: 16px; } .paging a { margin: 0px 15px; font-size: 16px; font-weight: 600; vertical-align: middle; line-height: 24px; } .paging a.on, .paging a:hover { color: #f87910; text-decoration: underline; } .paging a.on:before, .paging a.on:after, .paging a:hover:before, .paging a:hover:after { border-color: #f87910; } .paging .btn_prev, .paging .btn_prev_end, .paging .btn_next, .paging .btn_next_end { display: inline-block; position: relative; vertical-align: middle; height: 24px; width: 10px; } .paging .btn_prev:before, .paging .btn_prev:after, .paging .btn_prev_end:before, .paging .btn_prev_end:after, .paging .btn_next:before, .paging .btn_next:after, .paging .btn_next_end:before, .paging .btn_next_end:after { top: 50%; left: 50%; margin-top: 1px; } .paging .btn_prev { text-indent: -2000em; font-size: 1px; overflow: hidden; margin: 0px 3px 0px 5px; } .paging .btn_prev:before { content: ''; position: absolute; display: block; vertical-align: middle; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); margin-left: 2px; border-left: 2px solid #222222; border-bottom: 2px solid #222222; } .paging .btn_prev_end { width: 20px; text-indent: -2000em; font-size: 1px; overflow: hidden; margin: 0 6px 0 0; } .paging .btn_prev_end:before, .paging .btn_prev_end:after { content: ''; position: absolute; display: block; vertical-align: middle; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); margin-left: 2px; border-left: 2px solid #222222; border-bottom: 2px solid #222222; margin-left: 0px; } .paging .btn_prev_end:after { margin-left: 7px; } .paging .btn_next { text-indent: -2000em; font-size: 1px; overflow: hidden; margin: 0px 5px 0px 13px; } .paging .btn_next:before { content: ''; position: absolute; display: block; vertical-align: middle; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); margin-left: -2px; border-top: 2px solid #222222; border-right: 2px solid #222222; margin-left: 0px; } .paging .btn_next_end { width: 20px; text-indent: -2000em; font-size: 1px; overflow: hidden; margin: 0 0 0 6px; } .paging .btn_next_end:before, .paging .btn_next_end:after { content: ''; position: absolute; display: block; vertical-align: middle; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); transform: translate(-50%, -50%) scale(1.16667, 1) rotate(45deg); margin-left: -2px; border-top: 2px solid #222222; border-right: 2px solid #222222; margin-left: 0px; } .paging .btn_next_end:after { margin-left: -7px; } .paging + .google_bnr, .paging + .google_bnr_tp2, .paging + .google_bnr_tp2 { margin: 80px auto 0; } @media (max-width: 1279px) { .paging { margin-top: 30px; } } @media (max-width: 767px) { .paging { font-size: 14px; } .paging a { margin: 0px 12px; font-size: 14px; line-height: 1; } .paging .btn_prev, .paging .btn_prev_end, .paging .btn_next, .paging .btn_next_end { height: 20px; } .paging + .google_bnr, .paging + .google_bnr_tp2, .paging + .google_bnr_tp2 { margin: 50px auto 0; } } .tbl_user { width: 100%; margin: 30px 0; } .tbl_user th, .tbl_user td { border: 0; padding: 7px 0; font-weight: 100; -webkit-box-sizing: border-box; box-sizing: border-box; } .tbl_user th { width: 130px; padding-right: 10px; text-align: left; } .tbl_user td { word-break: break-all; color: #666; } @media (max-width: 1279px) { .tbl_user { margin: 20px 0; } } @media (max-width: 767px) { .tbl_user { margin: 0; } .tbl_user th, .tbl_user td { font-size: 13px; padding: 15px 0; border-bottom: 1px solid #f0f0f0; } .tbl_user th { padding-right: 3.6%; } } .btns { text-align: center; margin-top: 60px; } .btns .btn { margin: 0 8px; } @media (max-width: 767px) { .btns { margin-top: 30px; } .btns .btn { margin: 0 3px; } .btns .btn.mb_hidden { display: none; } } .btn_box { text-align: center; } .btns_half { width: 100%; min-width: 162px; margin: 60px auto 0; overflow: hidden; text-align: center; } .btns_half .btn { margin: 0 8px; } @media (max-width: 1279px) { .btns_half .btn { margin: 0 10px; } } @media (max-width: 767px) { .btns_half { min-width: unset; margin-top: 30px; } .btns_half .btn { float: left; width: calc(50% - 5px); margin: 0; } .btns_half .btn:last-child { float: right; } .btns_half.m_line2 .btn { float: none; width: 100%; } .btns_half.m_line2 .btn + .btn { margin-top: 10px; } } .google_bnr, .google_bnr_tp2 { display: block; width: 728px; height: 90px; overflow: hidden; margin: 0 auto; } .google_bnr a, .google_bnr_tp2 a { display: block; width: 100%; height: 100%; } .google_bnr + .bx_notice.gray, .google_bnr_tp2 + .bx_notice.gray { margin-top: 0; } @media (max-width: 1279px) { .google_bnr + .bx_notice.gray, .google_bnr_tp2 + .bx_notice.gray { margin-top: 30px; } } @media (max-width: 767px) { .google_bnr, .google_bnr_tp2 { width: 100%; overflow: hidden; } .google_bnr + .bx_notice.gray, .google_bnr_tp2 + .bx_notice.gray { margin-top: 0; } } .float_banner { display: none; } .wing_bnr { position: absolute; top: 993px; left: 50%; margin-left: 660px; z-index: 2; width: 160px; } .wing_bnr .bnr_side { margin-bottom: 30px; display: block; } .wing_bnr .google_bnr, .wing_bnr .google_bnr_tp2, .wing_bnr .google_bnr_tp2 { width: 100%; height: 600px; } @media (max-width: 1279px) { .wing_bnr { display: none !important; } } .wing_bnr_tp2 { position: absolute; top: 333px; left: 50%; margin-left: 670px; z-index: 2; width: 160px; } .wing_bnr_tp2 .bnr_side { margin-bottom: 30px; display: block; } .wing_bnr_tp2 .google_bnr, .wing_bnr_tp2 .google_bnr_tp2, .wing_bnr_tp2 .google_bnr_tp2 { width: 100%; height: 600px; } @media (max-width: 1279px) { .wing_bnr_tp2 { display: none; } } .popup_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 30; } .popup_bg .cont { position: absolute; top: 50%; left: 50%; background: #ffffff; border: 3px solid #222222; width: 94%; max-width: 500px; max-height: 90%; padding: 30px 20px; overflow: hidden; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); } .popup_bg .cont strong { display: block; font-size: 20px; margin-bottom: 15px; } .popup_bg .cont p { font-size: 15px; margin-bottom: 40px; } .popup_bg .cont .btn.squ { float: right; } @media (max-width: 767px) { .popup_bg .cont { padding: 30px 15px; } .popup_bg .cont strong { display: block; font-size: 16px; margin-bottom: 10px; } .popup_bg .cont p { font-size: 13px; margin-bottom: 20px; } } .popup_bg .btn_pop_close { position: absolute; display: block; width: 27px; height: 27px; text-indent: -2000em; font-size: 1px; overflow: hidden; top: -1px; right: -1px; border: 1px solid #222222; } .popup_bg .btn_pop_close:before, .popup_bg .btn_pop_close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background-color: #222222; } .popup_bg .btn_pop_close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .popup_bg .btn_pop_close:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .pop_dimmed { position: fixed; z-index: 10; display: none; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0; } .popup, .pop_browser { position: fixed; top: 50%; left: 50%; background: #ffffff; border: 3px solid #222222; width: 94%; max-width: 670px; max-height: 90%; overflow: hidden; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 64px; z-index: 6; display: none; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup.darkmode .btns, .darkmode.pop_browser .btns { color: #FFF; } .popup.darkmode .bx_btn, .darkmode.pop_browser .bx_btn { border-top-color: #fff; } .popup.darkmode .bx_btn .btn, .darkmode.pop_browser .bx_btn .btn { background: #fff; color: #000; } @media (max-width: 767px) { .popup, .pop_browser { border-width: 2px; } } .popup h3, .pop_browser h3 { font-size: 34px; margin-bottom: 30px; text-align: center; } .popup p, .pop_browser p { padding: 0px 10px; } .popup .bx_img, .pop_browser .bx_img { display: block; padding: 0px 10px; } .popup.sm, .sm.pop_browser { z-index: 20; max-width: 360px; padding: 40px 37px; } @media (max-width: 767px) { .popup.sm, .sm.pop_browser { padding: 30px 18px; } } .popup .cont, .pop_browser .cont { margin: 0 0 20px; text-align: center; } .popup .cont p, .pop_browser .cont p { padding: 0; font-size: 18px; font-weight: 600; } .popup .cont p + p, .pop_browser .cont p + p { margin-top: 17px; } @media (max-width: 767px) { .popup .cont p, .pop_browser .cont p { font-size: 14px; } .popup .cont p + p, .pop_browser .cont p + p { margin-top: 7px; } } .popup .noti_box, .pop_browser .noti_box { background: #222222; color: #ffffff; margin-bottom: 20px; } .popup .noti_box.center, .pop_browser .noti_box.center { text-align: center; } .popup .noti_box p, .pop_browser .noti_box p { border-bottom: 1px dotted #ffffff; padding: 20px 45px; margin: 0px; } .popup .noti_box p:last-child, .pop_browser .noti_box p:last-child { border-bottom: none; } @media (max-width: 1279px) { .popup .noti_box p, .pop_browser .noti_box p { padding: 20px 30px; } } @media (max-width: 767px) { .popup .noti_box p, .pop_browser .noti_box p { padding: 20px 10px; } } .popup .noti_box em, .pop_browser .noti_box em { margin-right: 8px; } .popup .noti_box em.txt_point, .pop_browser .noti_box em.txt_point { margin-right: 0; } .popup .noti_box strong, .pop_browser .noti_box strong { display: block; font-size: 18px; text-align: center; } .popup .noti_box span, .pop_browser .noti_box span { display: block; } .popup .noti_box span.txt_point, .pop_browser .noti_box span.txt_point { padding-left: 25px; text-indent: -25px; } .popup .sub_txt, .pop_browser .sub_txt { color: #666666; font-size: 12px; line-height: 24px; margin-left: 64px; font-weight: 600; } .popup .ico_check, .pop_browser .ico_check { min-width: 20px; color: #f87910; vertical-align: middle; padding-left: 24px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check.svg?v=2022207071") no-repeat center left; } .popup .col, .pop_browser .col { margin: 40px 0; text-align: center; } .popup .chk_box, .pop_browser .chk_box { margin: 24px 0px 14px; } .popup .btns, .pop_browser .btns { padding-top: 20px; margin-top: 0px; border-top: 1px solid #222222; } .popup .btns .bold, .pop_browser .btns .bold { margin-top: 5px; font-weight: 600; } .popup .btn_pop_close, .pop_browser .btn_pop_close { position: absolute; display: block; width: 27px; height: 27px; text-indent: -2000em; font-size: 1px; overflow: hidden; top: -1px; right: -1px; border: 1px solid #222222; } .popup .btn_pop_close:before, .pop_browser .btn_pop_close:before, .popup .btn_pop_close:after, .pop_browser .btn_pop_close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background-color: #222222; } .popup .btn_pop_close:before, .pop_browser .btn_pop_close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .popup .btn_pop_close:after, .pop_browser .btn_pop_close:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .popup .ico_close, .pop_browser .ico_close { position: absolute; right: -1px; top: -1px; width: 29px; height: 29px; border: 1px solid #222222; font-size: 0; line-height: 0; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_close_ie8.gif?v=2022207071") no-repeat 0 0; } @media (max-width: 767px) { .popup, .pop_browser { padding: 15px; } } .popup.mid, .mid.pop_browser { max-width: 616px; padding: 40px; text-align: center; } .popup.mid h3, .mid.pop_browser h3 { line-height: 50px; font-weight: 600; margin-bottom: 13px; } .popup.mid .bx_msg, .mid.pop_browser .bx_msg { padding: 30px; background: #FFF1E6; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .popup.mid .bx_msg2, .mid.pop_browser .bx_msg2 { background-color: #F7F7F7; } .popup.mid .bx_msg2 .info, .mid.pop_browser .bx_msg2 .info { margin-top: 0; padding: 20px 30px; border-top: 0; font-weight: 600; } .popup.mid .bx_imgtxt, .mid.pop_browser .bx_imgtxt { display: table; } .popup.mid .bx_imgtxt img, .mid.pop_browser .bx_imgtxt img, .popup.mid .bx_imgtxt p, .mid.pop_browser .bx_imgtxt p { display: table-cell; vertical-align: middle; text-align: left; } .popup.mid .bx_imgtxt p, .mid.pop_browser .bx_imgtxt p { padding: 0 0 0 15px; font-weight: 600; font-size: 18px; color: #222222; } .popup.mid .bx_msg2 .txt, .mid.pop_browser .bx_msg2 .txt { text-align: left; font-size: 14px; line-height: 24px; } .popup.mid .bx_msg2 .txt + .txt, .mid.pop_browser .bx_msg2 .txt + .txt { margin-top: 6px; } .popup.mid .bx_msg2 .ico_check, .mid.pop_browser .bx_msg2 .ico_check, .popup.mid .bx_msg2 span, .mid.pop_browser .bx_msg2 span { line-height: 20px; vertical-align: middle; } .popup.mid .bx_msg2 .ico_check, .mid.pop_browser .bx_msg2 .ico_check { margin-right: 4px; } .popup.mid .bx_msg2 .ico_check.no_txt, .mid.pop_browser .bx_msg2 .ico_check.no_txt { margin-right: 0; } .popup.mid .msg_tit, .mid.pop_browser .msg_tit { font-size: 16px; font-weight: bold; padding: 0; } .popup.mid .info, .mid.pop_browser .info { margin-top: 20px; padding-top: 20px; border-top: 1px dashed #222; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; } .popup.mid .info .fo, .mid.pop_browser .info .fo { text-align: left; font-size: 15px; } .popup.mid .info .fo + .fo, .mid.pop_browser .info .fo + .fo { margin-top: 2px; } .popup.mid .info p, .mid.pop_browser .info p { display: inline-block; padding: 0; vertical-align: middle; } .popup.mid .info .red, .mid.pop_browser .info .red { color: #E12537; font-weight: bold; } .popup.mid .btns, .mid.pop_browser .btns { margin-top: 20px; } .popup.mid .btns .btn, .mid.pop_browser .btns .btn { margin: 0; min-width: 147px; } .popup.mid .btns .btn + .btn, .mid.pop_browser .btns .btn + .btn { margin-left: 9px; } .popup.mid .link, .mid.pop_browser .link { display: inline-block; font-size: 15px; margin-top: 20px; font-weight: bold; } @media (max-width: 767px) { .popup.mid, .mid.pop_browser { padding: 30px 20px; } .popup.mid h3, .mid.pop_browser h3 { font-size: 20px; margin-bottom: 20px; line-height: 26px; } .popup.mid .bx_msg, .mid.pop_browser .bx_msg { padding: 15px; } .popup.mid .msg_tit, .mid.pop_browser .msg_tit { font-size: 14px; } .popup.mid .bx_imgtxt, .mid.pop_browser .bx_imgtxt { display: block; } .popup.mid .bx_imgtxt img, .mid.pop_browser .bx_imgtxt img { display: none; } .popup.mid .bx_imgtxt p, .mid.pop_browser .bx_imgtxt p { display: block; padding: 0 0 15px 0; font-size: 15px; text-align: center; } .popup.mid .bx_msg2 .info, .mid.pop_browser .bx_msg2 .info { padding: 15px; } .popup.mid .bx_msg2 .txt, .mid.pop_browser .bx_msg2 .txt { text-align: left; line-height: 18px; } .popup.mid .bx_msg2 .txt + .txt, .mid.pop_browser .bx_msg2 .txt + .txt { margin-top: 10px; } .popup.mid .bx_msg2 .ico_check, .mid.pop_browser .bx_msg2 .ico_check, .popup.mid .bx_msg2 span, .mid.pop_browser .bx_msg2 span { line-height: 20px; vertical-align: middle; } .popup.mid .info, .mid.pop_browser .info { margin-top: 10px; } .popup.mid .info .fo + .fo, .mid.pop_browser .info .fo + .fo { margin-top: 10px; } .popup.mid .info .ico_check, .mid.pop_browser .info .ico_check { font-size: 14px; } .popup.mid .info p, .mid.pop_browser .info p { margin-left: 0; font-size: 13px; text-align: left; } .popup.mid .btns, .mid.pop_browser .btns { margin-top: 10px; padding-top: 15px; } .popup.mid .btns .btn, .mid.pop_browser .btns .btn { min-width: initial; width: calc(50% - 5px); padding: 14px 22px 14px; } .popup.mid .btns .btn + .btn, .mid.pop_browser .btns .btn + .btn { margin-left: 6px; } .popup.mid .link, .mid.pop_browser .link { font-size: 13px; margin-top: 15px; } } .popup.mid .pop_tooltip, .mid.pop_browser .pop_tooltip { position: absolute; bottom: 96px; right: 110px; background: #FEE500; color: #F52222; border-radius: 10px; font-size: 12px; font-weight: bold; line-height: 16px; padding: 10px; animation: bounce 0.9s ease-in 0s infinite alternate; } @media (max-width: 1279px) { .popup.mid .pop_tooltip, .mid.pop_browser .pop_tooltip { bottom: 95px; right: 100px; } } @media (max-width: 767px) { .popup.mid .pop_tooltip, .mid.pop_browser .pop_tooltip { bottom: 85px; right: 0; font-size: 11px; line-height: 14px; } } .popup.mid .pop_tooltip::before, .mid.pop_browser .pop_tooltip::before { content: ''; position: absolute; bottom: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #FEE500; border-radius: 2px; } .pop_msg { text-align: center; max-width: 500px; } .pop_msg .msg { padding: 30px 0; text-align: center; font-size: 16px; } .pop_msg .ico_close { position: absolute; right: -1px; top: -1px; width: 29px; height: 29px; border: 1px solid #222222; font-size: 0; line-height: 0; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_close_ie8.gif?v=2022207071") no-repeat 0 0; } .pop_msg .bx_icons .ico { display: inline-block; width: 48px; height: 48px; } .pop_msg .bx_icons .ico img { width: 100%; } .pop_msg .bx_icons .ico + .ico { margin-left: 18px; } .pop_msg .btns { border-top: none; } .pop_alert, .pop_countdown { z-index: 100; max-width: 650px; padding: 25px 0 20px; text-align: center; -ms-overflow-style: none; scrollbar-width: none; } .pop_alert .pc_block, .pop_countdown .pc_block { display: block; } .pop_alert .tit, .pop_countdown .tit { font-size: 24px; line-height: 1.4; } .pop_alert .tit .txt_msg, .pop_countdown .tit .txt_msg { font-size: 18px; color: red; } .pop_alert .msg, .pop_countdown .msg { background: #fff8f3; padding: 30px 60px 40px; margin: 30px 0 18px; font-size: 15px; font-weight: bold; } .pop_alert .msg em, .pop_countdown .msg em { color: #f74051; } .pop_alert .msg em:last-of-type, .pop_countdown .msg em:last-of-type { color: #34a5fd; } .pop_alert .msg .f_bold, .pop_countdown .msg .f_bold { display: inline-block; margin: 15px 0 22px; font-size: 18px; font-weight: normal; } .pop_alert .info, .pop_countdown .info { font-size: 15px; text-align: left; padding: 0 85px; } .pop_alert .info > span, .pop_countdown .info > span { margin-bottom: 10px; } .pop_alert .info > span, .pop_alert .info > strong, .pop_countdown .info > span, .pop_countdown .info > strong { position: relative; display: block; } .pop_alert .info > span:before, .pop_alert .info > strong:before, .pop_countdown .info > span:before, .pop_countdown .info > strong:before { content: '※'; position: absolute; left: -17px; } .pop_alert .btn.big, .pop_countdown .btn.big { height: 70px; padding: 25px 24px; border-radius: 15px; font-size: 20px; background: #f87910; } .pop_alert .btn.big span, .pop_countdown .btn.big span { font-weight: bold; } .pop_alert .bx_btn, .pop_countdown .bx_btn { margin: 15px 60px; padding-top: 20px; border-top: 1px solid #222222; } .pop_alert .bx_btn .btn, .pop_countdown .bx_btn .btn { margin-right: 20px; } .pop_alert .bx_btn .btn:last-child, .pop_countdown .bx_btn .btn:last-child { margin-right: 0; } .pop_alert .half_area, .pop_countdown .half_area { border: none; margin-left: 60px; padding-top: 0; } .pop_alert .ico_close, .pop_countdown .ico_close { position: absolute; right: -1px; top: -1px; width: 29px; height: 29px; border: 1px solid #222222; font-size: 0; line-height: 0; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_close_ie8.gif?v=2022207071") no-repeat 0 0; } .pop_alert .bx_img, .pop_countdown .bx_img { display: block; position: relative; padding: 0px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .pop_alert .bx_img img, .pop_countdown .bx_img img { max-width: 100%; } .pop_alert .bx_img .bx_ev_times, .pop_countdown .bx_img .bx_ev_times { display: block; position: absolute; left: 112px; top: 156px; font-size: 0; } .pop_alert .bx_img .bx_ev_times.ty2, .pop_countdown .bx_img .bx_ev_times.ty2 { top: 116px; } @media (max-width: 767px) { .pop_alert .bx_img .bx_ev_times.ty2, .pop_countdown .bx_img .bx_ev_times.ty2 { top: 22.5%; } } .pop_alert .bx_img .bx_ev_times.bnr_add, .pop_countdown .bx_img .bx_ev_times.bnr_add { top: 140px; } @media (max-width: 767px) { .pop_alert .bx_img .bx_ev_times.bnr_add, .pop_countdown .bx_img .bx_ev_times.bnr_add { top: 26%; } } .pop_alert .bx_img .bx_ev_times .ev_t, .pop_countdown .bx_img .bx_ev_times .ev_t { display: inline-block; width: 84px; height: 48px; margin-left: 28px; font-weight: 600; font-size: 20px; line-height: 46px; color: #fff; text-align: center; } .pop_alert .bx_img .bx_ev_times .ev_t:first-child, .pop_countdown .bx_img .bx_ev_times .ev_t:first-child { margin-left: 0; } @media (max-width: 1279px) { .pop_alert .bx_img .bx_ev_times, .pop_countdown .bx_img .bx_ev_times { left: 17%; width: 66%; } .pop_alert .bx_img .bx_ev_times .ev_t, .pop_countdown .bx_img .bx_ev_times .ev_t { width: 20%; height: auto; font-size: 17px; margin-left: 6.5%; } } @media (max-width: 767px) { .pop_alert .bx_img .bx_ev_times, .pop_countdown .bx_img .bx_ev_times { top: 30%; left: 15%; width: 70%; } } @media (max-width: 640px) { .pop_alert .bx_img .bx_ev_times, .pop_countdown .bx_img .bx_ev_times { left: 13%; width: 74%; } } @media (max-width: 540px) { .pop_alert .bx_img .bx_ev_times, .pop_countdown .bx_img .bx_ev_times { left: 12%; width: 76%; } .pop_alert .bx_img .bx_ev_times .ev_t, .pop_countdown .bx_img .bx_ev_times .ev_t { font-size: 13px; margin-left: 6.5%; line-height: 38px; } } @media (max-width: 440px) { .pop_alert .bx_img .bx_ev_times .ev_t, .pop_countdown .bx_img .bx_ev_times .ev_t { font-size: 12px; line-height: 28px; } } @media (max-width: 360px) { .pop_alert .bx_img .bx_ev_times .ev_t, .pop_countdown .bx_img .bx_ev_times .ev_t { line-height: 26px; } } .pop_alert.event_gmxm, .pop_countdown.event_gmxm { background-color: #009cff; } .pop_alert.event_gmxm.global, .pop_countdown.event_gmxm.global { background-color: #fca414; } .pop_alert::-webkit-scrollbar, .pop_countdown::-webkit-scrollbar { display: none; } @media (max-width: 1279px) { .pop_alert .m_block, .pop_countdown .m_block { display: inline; } .pop_alert pc_block, .pop_countdown pc_block { display: block; } } @media (max-width: 767px) { .pop_alert, .pop_countdown { padding: 20px 0 10px; } .pop_alert .m_block, .pop_countdown .m_block { display: block; } .pop_alert .pc_block, .pop_countdown .pc_block { display: inline; } .pop_alert .tit, .pop_countdown .tit { font-size: 12px; } .pop_alert .tit strong, .pop_countdown .tit strong { font-size: 16px; } .pop_alert .tit .txt_msg, .pop_countdown .tit .txt_msg { font-size: 12px; } .pop_alert .msg, .pop_countdown .msg { padding: 10px; margin: 10px 0; font-size: 11px; } .pop_alert .msg .f_bold, .pop_countdown .msg .f_bold { margin: 8px 0 13px; font-size: 12px; } .pop_alert .info, .pop_countdown .info { padding: 0 33px; font-size: 11px; } .pop_alert .btn.big, .pop_countdown .btn.big { height: 40px; padding: 10px 0; font-size: 12px; line-height: 1.5; } .pop_alert .bx_btn, .pop_countdown .bx_btn { margin: 5px 20px 0; padding-top: 10px; } .pop_alert .bx_btn .btn, .pop_countdown .bx_btn .btn { width: 100%; margin: 0 0 5px; padding: 10px 25px; font-size: 12px; } .pop_alert .half_area, .pop_countdown .half_area { text-align: left; margin: 0 10px; padding-top: 5px; } } .pop_vidio { display: none; } .pop_vidio:before { display: block; z-index: 19; content: ''; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } .pop_vidio .cont { z-index: 20; position: fixed; left: 50%; top: 50%; width: 90%; height: 100%; max-width: 900px; max-height: 506px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pop_vidio .vidio { width: 100%; height: 506px; } .pop_vidio .btn_close { position: absolute; display: #b3b3b3; width: 23px; height: 23px; text-indent: -2000em; font-size: 1px; overflow: hidden; position: absolute; top: -38px; right: 0; } .pop_vidio .btn_close:before, .pop_vidio .btn_close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 31px; height: 2px; background-color: #b3b3b3; } .pop_vidio .btn_close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .pop_vidio .btn_close:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } @media (max-width: 1279px) { .pop_vidio .cont { max-width: 500px; max-height: 281px; } .pop_vidio .vidio { height: 281px; } .pop_vidio .btn_close { top: -45px; } } @media (max-width: 767px) { .pop_vidio { display: none !important; } } html:lang(ja) .pop_noti { word-break: break-all; } .pop_noti .inner { position: absolute; left: 50%; top: 50%; max-width: 610px; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; background: #fff; } .pop_noti .content { overflow: hidden; position: relative; padding: 170px 40px 40px; } .pop_noti .content::after { display: block; content: ''; position: absolute; left: 50%; top: 0; width: 610px; height: 130px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_popnoti.png?v=2022207071") no-repeat 0 0; background-size: auto 130px; background-position: 50% 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pop_noti.system .content::before { display: block; z-index: 1; content: ''; position: absolute; left: 50%; top: 70px; width: 110px; height: 90px; margin-left: -55px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_construction.png?v=2022207071") no-repeat 0 0; } .pop_noti .tit { margin-bottom: 20px; font-size: 34px; line-height: 50px; font-weight: 600; color: #F87910; } .pop_noti .msg { font-size: 18px; line-height: 26px; font-weight: 600; } .pop_noti .bx_info { margin-top: 22px; padding: 20px 30px 29px; background: #F1F1F1; } .pop_noti .bx_info .point { display: block; padding-bottom: 13px; font-size: 20px; line-height: 30px; color: #F87910; } .pop_noti .bx_info p { font-size: 14px; line-height: 20px; } .pop_noti .ico_close { position: absolute; right: 0; top: 0; width: 30px; height: 30px; border-color: #fff; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_close_grey.png?v=2022207071") no-repeat 50% 50%; background-color: #fff; text-indent: -2000em; font-size: 1px; overflow: hidden; } .pop_noti .today_close { margin-top: 40px; padding-top: 20px; border-top: 1px solid #000; } .pop_noti .today_close .left { text-align: left; } .pop_noti .today_close .bold { font-weight: 600; } .pop_noti.pop_non_mem .content { padding-bottom: 30px; } .pop_noti.pop_non_mem .content::after { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_popnoti_02.png?v=2022207071") no-repeat #fbf4e4; } .pop_noti.pop_non_mem .content::before { display: block; z-index: 1; content: ''; position: absolute; left: 50%; top: 70px; width: 110px; height: 90px; margin-left: -55px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_popup_interwork.png?v=2022207071") no-repeat 0 0; } .pop_noti.pop_non_mem .content .btns { margin-top: 40px; } .pop_noti.pop_non_mem .content .btns .btn { min-width: 170px; padding: 15px 20px 17px; font-size: 18px; } .pop_noti.pop_autopay_alert .content, .pop_noti.pop_autopay_cancle .content { padding: 40px 35px 30px 35px; } .pop_noti.pop_autopay_alert .content::after, .pop_noti.pop_autopay_cancle .content::after { left: 0; width: 100%; height: 100%; background-position: top center; background-size: cover; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: -1; } .pop_noti.pop_autopay_alert .content > .tit, .pop_noti.pop_autopay_cancle .content > .tit { margin: 0; color: #222222; font-size: 28px; line-height: 36px; } .pop_noti.pop_autopay_alert .content > .tit + .h_desc, .pop_noti.pop_autopay_cancle .content > .tit + .h_desc { margin-top: 24px; font-weight: 600; line-height: 24px; } .pop_noti.pop_autopay_alert .content .btns, .pop_noti.pop_autopay_cancle .content .btns { margin: 30px 0 15px; } .pop_noti.pop_autopay_alert .content .btns .btn, .pop_noti.pop_autopay_cancle .content .btns .btn { min-width: 253px; margin: 0; padding-top: 16px; -webkit-box-shadow: 2px 6px 6px rgba(92, 73, 170, 0.4); box-shadow: 2px 6px 6px rgba(92, 73, 170, 0.4); background: #222222; font-size: 18px; } .pop_noti.pop_autopay_alert .content .link, .pop_noti.pop_autopay_cancle .content .link { font-size: 15px; font-weight: 600; text-decoration: underline; } .pop_noti.pop_autopay_alert .content::after { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/mypage/bg_autopay_alert_pc.png"); } .pop_noti.pop_autopay_alert .content .box_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 26px; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box { width: 260px; padding: 0 20px 22px 20px; border-radius: 16px; -webkit-box-shadow: 0 10px 10px rgba(160, 157, 222, 0.4); box-shadow: 0 10px 10px rgba(160, 157, 222, 0.4); background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box dl { color: #222222; font-weight: 600; text-align: center; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box dl dt { font-size: 17px; line-height: 24px; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box dl dt::before { content: ''; display: block; width: 180px; height: 110px; margin: 0 auto 12px auto; background-image: url("//www.gomlab.com/gomlab_v2/ui/img/mypage/ico_autopay_alert01.png"); background-size: cover; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box dl dd { margin-top: 15px; font-size: 14px; line-height: 20px; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box + .info_box { margin-left: 20px; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box + .info_box dl dt::before { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/mypage/ico_autopay_alert02.png"); } .pop_noti.pop_autopay_cancle .content::after { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/mypage/bg_autopay_cancle_pc.png"); } .pop_noti.pop_autopay_cancle .content > .tit { line-height: 41px; } .pop_noti.pop_autopay_cancle .content .coupon dt { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 52px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pop_noti.pop_autopay_cancle .content .coupon dt > p { margin: 4px 0 0 10px; color: #ffffff; font-size: 24px; font-weight: 600; line-height: 30px; } .pop_noti.pop_autopay_cancle .content .coupon .price { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 11px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; line-height: 54px; } .pop_noti.pop_autopay_cancle .content .coupon .price .orgin { color: #ff00a1; font-size: 17px; } .pop_noti.pop_autopay_cancle .content .coupon .price .sale { margin: 0 0 0 21px; color: #222222; font-size: 36px; } .pop_noti.pop_autopay_cancle .content .btns { margin-top: 50px; } .pop_noti.pop_b2b .content::after { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_popnoti_02.png?v=2022207071") no-repeat #fbf4e4; } .pop_noti.pop_b2b .content::before { display: block; z-index: 1; content: ''; position: absolute; left: 50%; top: 70px; width: 110px; height: 90px; margin-left: -55px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_popup_b2b.png?v=2022207071") no-repeat 0 0; } .pop_noti.pop_b2b .content .tit { color: #222; } .pop_noti.pop_b2b .content .msg.msg_m { display: none; } .pop_noti.pop_b2b .content .msg span { color: #F87910; } .pop_noti.pop_b2b .content .agree_chk { margin-top: 35px; padding-top: 10px; border-top: 1px solid #000; } .pop_noti.pop_b2b .content .agree_chk .left { text-align: left; } .pop_noti.pop_b2b .content .agree_chk .bold { font-weight: 600; } .pop_noti.pop_b2b .content .btns { margin-top: 20px; } .pop_noti.pop_b2b .content .btns .btn { min-width: 170px; padding: 15px 20px 17px; font-size: 18px; } .pop_noti.pop_b2b .content .btns.btn_b2b_2 { margin-top: 60px; } .pop_noti.pop_easypass_soon > .inner { max-width: 600px; background: #000; } .pop_noti.pop_easypass_soon .content { position: static; padding: 0 0 115px 0; } .pop_noti.pop_easypass_soon .content::after { display: none; } .pop_noti.pop_easypass_soon .content .info-cont { position: relative; } .pop_noti.pop_easypass_soon .content .info-cont .img { display: none; } .pop_noti.pop_easypass_soon .content .info-cont .img.pc { display: block; } .pop_noti.pop_easypass_soon .content .info-cont .video-wrap { position: absolute; top: 66px; left: 0; width: 100%; height: 180px; } .pop_noti.pop_easypass_soon .content .info-cont .video-wrap video { width: 100%; height: 100%; } .pop_noti.pop_easypass_soon .content .info-cont .count-down { position: absolute; top: 47%; right: 50px; left: 50px; display: flex; padding: 12px 10px 15px 10px; border-radius: 8px; background: #3629b8; align-items: center; justify-content: center; color: #fff; } .pop_noti.pop_easypass_soon .content .info-cont .count-down .ev_t { position: relative; font-size: 22px; line-height: 33px; } .pop_noti.pop_easypass_soon .content .info-cont .count-down .ev_t + .ev_t { margin-left: 20px; padding-left: 20px; } .pop_noti.pop_easypass_soon .content .info-cont .count-down .ev_t + .ev_t::after { content: ''; position: absolute; top: 9px; left: 0; width: 1.5px; height: 18px; background: rgba(255, 255, 255, 0.2); } .pop_noti.pop_easypass_soon .content .info-cont .info-txt { margin: 0 75px; padding-top: 30px; border-top: 1px solid rgba(161, 161, 161, 0.5); color: #b2b2b2; font-size: 18px; line-height: 1.5; text-align: left; } .pop_noti.pop_easypass_soon .content .info-cont .info-txt strong { color: #fff; font-weight: 500; } .pop_noti.pop_easypass_soon .today_close, .pop_noti.pop_easypass_soon .btn_close { position: absolute; bottom: 0; width: 50%; height: 75px; box-sizing: border-box; border-top: 1px solid #515151; color: #fff; font-size: 20px; text-align: center; } .pop_noti.pop_easypass_soon .today_close { left: 0; margin-top: 0; padding-top: 0; border-right: 1px solid #515151; } .pop_noti.pop_easypass_soon .today_close .chk { position: absolute; display: block; opacity: 0; } .pop_noti.pop_easypass_soon .today_close .label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; background: none; font-size: 20px; font-weight: 500; line-height: 75px; text-align: center; } .pop_noti.pop_easypass_soon .btn_close { right: 0; } @media (max-width: 767px) { .pop_noti .inner { width: calc(100% - 40px); } .pop_noti .content { padding: 173px 24px 24px; } .pop_noti.system .content::before { top: 65px; } .pop_noti .tit { margin-bottom: 29px; font-size: 28px; line-height: 35px; } .pop_noti .msg { font-size: 17px; line-height: 24px; } .pop_noti .bx_info { padding: 20px 20px 23px; margin-top: 25px; } .pop_noti .bx_info .point { padding-bottom: 15px; font-size: 17px; line-height: 24px; } .pop_noti .bx_info p { font-size: 13px; line-height: 19px; } .pop_noti .today_close { padding-top: 15px; } .pop_noti.pop_non_mem .content { padding-bottom: 24px; } .pop_noti.pop_non_mem .content .tit { margin-bottom: 25px; } .pop_noti.pop_non_mem .content .btns { margin-top: 30px; } .pop_noti.pop_autopay_alert .inner, .pop_noti.pop_autopay_cancle .inner { max-height: 100%; overflow: hidden; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } .pop_noti.pop_autopay_alert .inner::-webkit-scrollbar, .pop_noti.pop_autopay_cancle .inner::-webkit-scrollbar { display: none; } .pop_noti.pop_autopay_alert .content, .pop_noti.pop_autopay_cancle .content { padding-right: 24px; padding-left: 24px; } .pop_noti.pop_autopay_alert .content > .tit, .pop_noti.pop_autopay_cancle .content > .tit { font-size: 24px; line-height: 30px; } .pop_noti.pop_autopay_alert .content > .tit + .h_desc, .pop_noti.pop_autopay_cancle .content > .tit + .h_desc { margin-top: 15px; font-size: 18px; line-height: 24px; } .pop_noti.pop_autopay_alert .content .btns, .pop_noti.pop_autopay_cancle .content .btns { margin-bottom: 20px; } .pop_noti.pop_autopay_alert .content .btns .btn, .pop_noti.pop_autopay_cancle .content .btns .btn { -webkit-box-shadow: none; box-shadow: none; } .pop_noti.pop_autopay_alert .content::after { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/mypage/bg_autopay_alert_mo.png"); } .pop_noti.pop_autopay_alert .content .box_wrap .info_box { width: 100%; padding: 0 0 24px 0; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box dl dt { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; line-height: 28px; text-align: left; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box dl dt > p { padding-top: 30px; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box dl dt::before { content: ''; display: block; width: 124px; height: 76px; margin: 15px 20px 0 3px; -ms-flex-negative: 0; flex-shrink: 0; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box dl dd { margin-top: 18px; font-size: 15px; line-height: 22px; } .pop_noti.pop_autopay_alert .content .box_wrap .info_box + .info_box { margin: 20px 0 0 0; } .pop_noti.pop_autopay_cancle .content { padding-right: 0; padding-left: 0; } .pop_noti.pop_autopay_cancle .content::after { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/mypage/bg_autopay_cancle_mo.png?v=1"); } .pop_noti.pop_autopay_cancle .content .coupon { position: relative; padding-top: 56px; background: url("//www.gomlab.com/gomlab_v2/ui/img/mypage/bg_autopay_cancle_mo02.png") top center no-repeat; background-size: 324px auto; } .pop_noti.pop_autopay_cancle .content .coupon dt { margin-top: 0; } .pop_noti.pop_autopay_cancle .content .coupon dt > p { margin-top: 6px; font-size: 22px; line-height: 28px; } .pop_noti.pop_autopay_cancle .content .coupon .price { line-height: 50px; } .pop_noti.pop_autopay_cancle .content .coupon .price .sale { font-size: 34px; } .pop_noti.pop_autopay_cancle .content .btns { margin-top: 54px; } .pop_noti.pop_b2b .content .msg.msg_pc { display: none; } .pop_noti.pop_b2b .content .msg.msg_m { display: block; } .pop_noti.pop_b2b .content .agree_chk { margin-top: 25px; padding-top: 15px; } .pop_noti.pop_b2b .content .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 25px; } .pop_noti.pop_b2b .content .btns.btn_b2b_2 { margin-top: 30px; } .pop_noti.pop_b2b .content .btns .btn { width: 230px; margin-bottom: 10px; } .pop_noti.pop_b2b .content .btns .btn:first-child { margin-bottom: 0; } .pop_noti.pop_easypass_soon > .inner { max-width: 320px; width: auto; } .pop_noti.pop_easypass_soon .content { position: static; padding: 0 0 53px 0; } .pop_noti.pop_easypass_soon .content::after { display: none; } .pop_noti.pop_easypass_soon .content .info-cont { position: relative; } .pop_noti.pop_easypass_soon .content .info-cont .img { display: block; } .pop_noti.pop_easypass_soon .content .info-cont .img.pc { display: none; } .pop_noti.pop_easypass_soon .content .info-cont .video-wrap { top: 35px; height: 96px; } .pop_noti.pop_easypass_soon .content .info-cont .count-down { top: 45.5%; right: 40px; left: 40px; padding: 6px 0 7px 0; } .pop_noti.pop_easypass_soon .content .info-cont .count-down .ev_t { font-size: 13px; line-height: 19px; } .pop_noti.pop_easypass_soon .content .info-cont .count-down .ev_t + .ev_t { margin-left: 14px; padding-left: 14px; } .pop_noti.pop_easypass_soon .content .info-cont .count-down .ev_t + .ev_t::after { top: 5px; width: 1px; height: 10px; } .pop_noti.pop_easypass_soon .content .info-cont .info-txt { margin: 0 40px; padding-top: 10px; font-size: 13px; } .pop_noti.pop_easypass_soon .today_close, .pop_noti.pop_easypass_soon .btn_close { height: 40px; font-size: 13px; } .pop_noti.pop_easypass_soon .today_close .label { font-size: 13px; line-height: 40px; } } .pop_new_download .inner { color: #222222; position: absolute; left: 50%; top: 50%; max-width: 610px; width: 100%; transform: translate(-50%, -50%); text-align: center; } .pop_new_download .inner .content { background: #fff; padding: 40px 40px 54px; position: relative; border: solid 3px #222; } .pop_new_download .inner .content .tit { font-size: 30px; font-weight: 600; margin-bottom: 1px; } .pop_new_download .inner .content .tit + p { font-size: 18px; padding: 0; margin-bottom: 30px; } .pop_new_download .inner .content .down_wrap { padding: 30px 55px 24px; background: #F7F7F7; margin-bottom: 10px; } .pop_new_download .inner .content .down_wrap .info_txt { padding: 0; font-size: 18px; } .pop_new_download .inner .content .down_wrap .info_txt::before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url(//www.gomlab.com/gomlab_v2/ui/img/common/ico_info4.svg) no-repeat; margin-right: 5.5px; } .pop_new_download .inner .content .down_wrap .info_item { padding: 20px 0; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-item-align: center; justify-content: center; -ms-flex-pack: center; flex-direction: column; -ms-flex-direction: column; } .pop_new_download .inner .content .down_wrap .info_item .info_icon { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-item-align: center; flex: 1 0 auto; } .pop_new_download .inner .content .down_wrap .info_item .info_icon img { width: 46px; height: 46px; border-radius: 15px; margin-left: 10px; } .pop_new_download .inner .content .down_wrap .info_item .info_icon img:first-child { margin-left: 0; } .pop_new_download .inner .content .down_wrap .info_item span { margin-top: 10px; font-weight: 600; font-size: 18px; flex: 1 0 auto; } .pop_new_download .inner .content .down_wrap .buttons { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-item-align: center; justify-content: center; -ms-flex-pack: center; } .pop_new_download .inner .content .down_wrap .buttons .btn { background: #222222; padding: 10px 26px 11px; line-height: 24px; } .pop_new_download .inner .content .down_wrap .buttons .btn:nth-child(2) { margin-left: 15px; } .pop_new_download .inner .content .msg { border-top: solid 1px #222222; padding-top: 20px; } .pop_new_download .inner .content .msg p, .pop_new_download .inner .content .msg a { font-size: 15px; padding: 0; line-height: 21px; } .pop_new_download .inner .content .msg a { display: inline-block; text-decoration: underline; color: #222222; margin-top: 15px; font-weight: 600; } .pop_new_download .inner .content .ico_close { position: absolute; right: -1px; top: -1px; width: 30px; height: 30px; border: solid 1px #222222; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_close_grey.png?v=2022207071") no-repeat 50% 50%; text-indent: -2000em; font-size: 1px; overflow: hidden; } @media (max-width: 767px) { .pop_new_download .inner { max-width: 335px; } .pop_new_download .inner .content { padding: 55px 24px 24px; border: 0; } .pop_new_download .inner .content .tit { font-size: 28px; margin-bottom: 16px; } .pop_new_download .inner .content .tit + p { margin-bottom: 21px; } .pop_new_download .inner .content .down_wrap { padding: 20px 17px 20px 20px; } .pop_new_download .inner .content .down_wrap .info_txt::before { display: none; } .pop_new_download .inner .content .down_wrap .info_item { padding: 20px 0 15px; } .pop_new_download .inner .content .down_wrap .info_item span { font-size: 18px; } .pop_new_download .inner .content .down_wrap .buttons { flex-direction: column; -ms-flex-direction: column; } .pop_new_download .inner .content .down_wrap .buttons .btn { width: 230px; font-size: 18px; padding: 10px 26px 13px; line-height: 26px; } .pop_new_download .inner .content .down_wrap .buttons .btn:last-child { margin-left: 0; margin-top: 10px; } .pop_new_download .inner .content .msg { padding-top: 10px; } .pop_new_download .inner .content .msg p { font-size: 13px; } .pop_new_download .inner .content .msg p, .pop_new_download .inner .content .msg a { line-height: 26px; } .pop_new_download .inner .content .msg a { margin-top: 10px; } .pop_new_download .inner .content .ico_close { border: 0; top: 7px; right: 7px; } } .pop_ticket_register { position: fixed; z-index: 10; display: none; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0; } .pop_ticket_register .inner { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 660px; transform: translate(-50%, -50%); text-align: center; background: #fff; } .pop_ticket_register .inner .content { padding: 40px 60px; } .pop_ticket_register .inner .content .tit { font-size: 30px; font-weight: 600; line-height: 45px; } .pop_ticket_register .inner .content p { font-size: 18px; padding: 0; margin-bottom: 40px; } .pop_ticket_register .inner .content .input_wrap .item_box { margin-bottom: 10px; } .pop_ticket_register .inner .content .input_wrap .item_box .items { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .pop_ticket_register .inner .content .input_wrap .item_box .items:last-child { margin: 0; } .pop_ticket_register .inner .content .input_wrap .item_box .items .ipt { width: 100%; } .pop_ticket_register .inner .content .input_wrap .item_box .items button { width: 50px; height: 50px; margin-left: 20px; background: #C8C8C8; border-radius: 6px; transition: background .2s; } .pop_ticket_register .inner .content .input_wrap .item_box .items button:hover { background: #222222; } .pop_ticket_register .inner .content .input_wrap .item_box .items button::before { content: ''; display: block; width: 20px; height: 20px; padding: 15px; } .pop_ticket_register .inner .content .input_wrap .item_box .items .ticket_add { background: #222222; } .pop_ticket_register .inner .content .input_wrap .item_box .items .ticket_add::before { background: url(//www.gomlab.com/gomlab_v2/ui/img/common/ico_ticket_add.svg) no-repeat center; } .pop_ticket_register .inner .content .input_wrap .item_box .items .ticket_delete::before { background: url(//www.gomlab.com/gomlab_v2/ui/img/common/ico_ticket_delete.svg) no-repeat center; } .pop_ticket_register .inner .content .bx_register { margin-top: 20px; padding-top: 20px; border-top: solid 1px #222222; } .pop_ticket_register .inner .content .bx_register .btn { width: 180px; height: 50px; font-size: 18px; line-height: 26px; padding: 12px 32px; background: #222222; } .pop_ticket_register .inner .content .ico_close { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_close_grey.png?v=2022207071") no-repeat 50% 50%; text-indent: -2000em; font-size: 1px; overflow: hidden; } @media (max-width: 767px) { .pop_ticket_register .inner { width: calc(100% - 40px); } .pop_ticket_register .inner .content { padding: 55px 20px 40px 20px; } .pop_ticket_register .inner .content .tit { font-size: 28px; margin-bottom: 14px; } .pop_ticket_register .inner .content p { margin-bottom: 30px; } .pop_ticket_register .inner .content .input_wrap .item_box .items .ipt { height: 50px; line-height: 50px; } .pop_ticket_register .inner .content .input_wrap .item_box .items button { margin-left: 10px; } } .pop_ai_case { position: fixed; z-index: 10; display: none; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0; } .pop_ai_case.case_02 .inner { max-width: 580px; } .pop_ai_case .inner { position: absolute; left: 50%; top: 50%; max-width: 500px; width: 100%; transform: translate(-50%, -50%); text-align: center; background-color: #fff; } .pop_ai_case .inner .content { padding: 40px 60px; } .pop_ai_case .inner .content > h2 { font-size: 24px; } .pop_ai_case .inner .content .msg { padding: 30px 0; text-align: center; font-size: 16px; } .pop_ai_case .inner .content .btns { padding-top: 20px; margin-top: 0px; border-top: 1px solid #222222; } .pop_ai_case .inner .content .ico_close { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_close_grey.png?v=2022207071") no-repeat 50% 50%; text-indent: -2000em; font-size: 1px; overflow: hidden; } @media (max-width: 767px) { .pop_ai_case .inner { width: calc(100% - 40px); } .pop_ai_case .inner .content { padding: 55px 20px 40px 20px; } .pop_ai_case .inner .content .msg { padding: 20px 0; text-align: center; font-size: 16px; } .pop_ai_case .inner .content .btns { flex-direction: column; -ms-flex-direction: column; } .pop_ai_case .inner .content .btns .btn { width: 90%; font-size: 16px; padding: 10px 26px 13px; line-height: 20px; } .pop_ai_case .inner .content .btns .btn:last-child { margin-left: 0; margin-top: 10px; } } .pop { display: none; } .pop_browser { display: none; } .pop_tuto { display: none; } .pop_tuto:before { content: ""; width: 100%; height: 100%; display: block; position: fixed; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 19; } .pop_tuto .cont { z-index: 20; position: fixed; top: 50%; left: 50%; width: 900px !important; height: 100%; max-height: 506px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pop_tuto .vidio { width: 100%; height: 100%; background: #000; } .pop_tuto .btn_close { position: absolute; display: #b3b3b3; width: 23px; height: 23px; text-indent: -2000em; font-size: 1px; overflow: hidden; position: absolute; top: -38px; right: 0; } .pop_tuto .btn_close:before, .pop_tuto .btn_close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 31px; height: 2px; background-color: #b3b3b3; } .pop_tuto .btn_close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .pop_tuto .btn_close:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .tool_set { position: relative; display: inline-block; vertical-align: middle; margin: -2px 0px 0px 4px; } .ico_tooltip { overflow: visible; z-index: 1; display: block; position: relative; content: "?"; width: 16px; height: 16px; font-size: 10px; font-weight: 600; line-height: 15px; text-align: center; color: #ffffff; background: #222222; border-radius: 25px; text-indent: -2px; cursor: pointer; } .ico_tooltip + .tooltip { display: none; position: absolute; top: 25px; left: 0px; width: 290px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; background: #f0f0f0; color: #666666; font-size: 13px; text-indent: 0px; text-align: left; font-weight: 100; z-index: 2; } .lnb_tooltip { display: none; cursor: initial; position: absolute; top: -92px; right: 26px; width: auto; height: 90px; } .lnb_tooltip.on { display: block; } @media (max-width: 1279px) { .lnb_tooltip { right: 61px; } } @media (max-width: 767px) { .lnb_tooltip.on { display: none; } } .lnb_tooltip p { float: left; display: inline-block; width: auto; min-width: 134px; height: 90px; padding-top: 11px; line-height: 1.6; font-weight: 100; font-size: 13px; color: #666; white-space: nowrap; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_tooltip.png?v=2022207071") repeat-x 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .lnb_tooltip p strong { display: block; color: #ff7747; font-weight: bold; } .lnb_tooltip p strong.key { display: inline-block; } .lnb_tooltip:before { content: ""; width: 37px; height: 90px; display: block; position: absolute; background: black; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_tooltip_bf.png?v=2022207071") no-repeat 0 0; top: 0; left: -37px; } .lnb_tooltip:after { content: ""; width: 51px; height: 90px; display: block; position: absolute; background: black; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_tooltip_af.png?v=2022207071") no-repeat 0 0; top: 0; right: -51px; } .lnb_tooltip .btn_tipc { content: ""; width: 15px; height: 15px; display: block; position: absolute; background: black; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_tooltip_btn.png?v=2022207071") no-repeat 0 0; top: 34px; right: -25px; z-index: 3; } .lnb_tooltip.ty2 p { padding-top: 24px; font-weight: 600; font-size: 20px; color: #222; } .lnb_tooltip.ty2 p strong { display: inline; color: #f87910 !important; } .bx_notice { padding: 20px 0; font-size: 13px; line-height: 1.7; } .bx_notice.gray { margin-top: 40px; padding: 30px; background: #f7f7f7; font-size: 15px; } .bx_notice.gray .txt_point { text-decoration: underline; } .bx_notice.gray dt { padding-bottom: 10px; font-weight: 600; font-size: 18px; } .bx_notice.gray dd { position: relative; padding-left: 20px; line-height: 1.7; color: #999999; } .bx_notice.gray dd:before { content: "˙"; display: block; position: absolute; top: 0; left: 0; font-family: NotoSansCJK; } .bx_notice.gray dd + dt { margin-top: 15px; } .bx_notice.gray p + p { margin-top: 5px; } .bx_notice h3 { margin-bottom: 9px; } .bx_notice .lsty_sign a { text-decoration: underline; } .bx_notice .lsty_sign li { padding-left: 7px; text-indent: -7px; margin-bottom: 6px; } @media (max-width: 1279px) { .bx_notice { font-size: 14px; line-height: 1.5; } .bx_notice h3 { font-size: 16px; } .bx_notice.gray { margin-top: 30px; padding: 34px 40px; font-size: 14px; } } @media (max-width: 767px) { .bx_notice { font-size: 12px; line-height: 1.5; } .bx_notice.gray { margin-top: 40px; padding: 19px 20px; } .bx_notice.gray dt { padding-bottom: 5px; font-size: 13px; } .bx_notice.gray dd { margin-bottom: 6px; padding-left: 10px; font-size: 12px; } } .slct_box { border: 1px solid #222222; border-top: 2px solid #222222; clear: both; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .slct_box li { float: none !important; } .slct_box a { display: block; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; line-height: 3.9; background: #ffffff; height: 50px; overflow: hidden; } .slct_box a:hover { background: #f7f7f7; } .slct_box a.on { color: #f87910 !important; font-weight: 600; } .bx_ico { padding: 26px; background-color: #f7f7f7; text-align: center; line-height: 1.7; font-size: 15px; } .bx_ico.ty2 { margin-bottom: 70px; } .bx_ico .ico { display: inline-block; vertical-align: middle; padding-right: 33px; } .bx_ico .ico.ico_mail { width: 84px; height: 53px; } .bx_ico .ico.ico_key { width: 69px; height: 52px; } .bx_ico .ico[src*='ico_mailx.svg'] { width: 80px; height: 60px; } .bx_ico .ico[src*='ico_mailo.svg'] { width: 102px; height: 68px; } .bx_ico .ico[src*='ico_mail.svg'] { width: 77px; } .bx_ico .ico[src*='bu_pw.svg'] { width: 66px; } .bx_ico .ico[src*='ico_exclamation.svg'] { width: 73px; height: 73px; } .bx_ico .info { max-width: 835px; display: inline-block; vertical-align: middle; line-height: 1.7; text-align: left; font-weight: 100; padding-left: 20px; position: relative; border-left: 1px #d1d1d1 dotted; } .bx_ico .info strong { color: #222222; } .bx_ico .info .red { color: #F52222; } .bx_ico a { text-decoration: underline; color: #f87910; } @media (max-width: 1279px) { .bx_ico { font-size: 16px; } .bx_ico.ty2 { margin-bottom: 60px; } .bx_ico .ico { padding-right: 25px; } .bx_ico .info { max-width: 500px; border-left: none; padding-left: 0; } .bx_ico .b_close { display: block; margin: 15px auto 0; } } @media (max-width: 767px) { .bx_ico { padding: 30px 15px; line-height: 1.3; font-size: 14px; } .bx_ico.ty2 { margin-bottom: 53px; } .bx_ico .ico { padding: 0 0 10px; margin: 0; background: none; } .bx_ico .info { display: block; max-width: 100%; text-align: center; font-size: 13px; border-left: none; } } .bx_cont, .bx_qna { padding: 25px; background: #fdfdfd; border-top: 1px solid #222222; border-bottom: 1px solid #f0f0f0; } .bx_cont.bx_ico, .bx_ico.bx_qna { background: #ffffff; overflow: hidden; margin-bottom: 60px; text-align: left; padding: 40px; } .bx_cont.bx_ico span, .bx_ico.bx_qna span, .bx_cont.bx_ico strong, .bx_ico.bx_qna strong { display: block; } .bx_cont.bx_ico .ico, .bx_ico.bx_qna .ico { padding-right: 40px; width: 80px; } .bx_cont.bx_ico .info, .bx_ico.bx_qna .info { padding-left: 40px; } @media (max-width: 1279px) { .bx_cont.bx_ico, .bx_ico.bx_qna { padding: 38px 30px; } .bx_cont.bx_ico .ico, .bx_ico.bx_qna .ico { padding-right: 30px; } .bx_cont.bx_ico .info, .bx_ico.bx_qna .info { padding-left: 30px; width: calc(100% - 150px); max-width: 100%; } } @media (max-width: 767px) { .bx_cont.bx_ico, .bx_ico.bx_qna { padding: 14px 3.57% 25px; margin-bottom: 40px; text-align: left; } .bx_cont.bx_ico .ico, .bx_ico.bx_qna .ico { width: 42px; } .bx_cont.bx_ico .info, .bx_ico.bx_qna .info { width: 100%; padding-left: 0px; text-align: left; font-size: 13px; } } .bx_half, .bx_step, .bx_compare { width: 100%; position: relative; display: table; } .bx_half:after, .bx_step:after, .bx_compare:after { content: ""; display: block; clear: both; } .bx_half .speci, .bx_step .speci, .bx_compare .speci { float: left; width: 20%; padding: 19px 30px 0; background-color: rgba(200, 200, 200, 0.3); margin-top: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_half .speci li, .bx_step .speci li, .bx_compare .speci li { font-size: 18px; line-height: 62px; letter-spacing: -0.9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bx_half .bx_lst, .bx_step .bx_lst, .bx_compare .bx_lst { float: left; width: 39%; border-radius: 10px; margin-left: 1%; } .bx_half .bx_lst:last-child .tit, .bx_step .bx_lst:last-child .tit, .bx_compare .bx_lst:last-child .tit { background-color: #F23656; } .bx_half .bx_lst:last-child ul, .bx_step .bx_lst:last-child ul, .bx_compare .bx_lst:last-child ul { border: 2px solid #F23656; color: #F23656; } .bx_half .bx_lst:last-child ul li:last-child, .bx_step .bx_lst:last-child ul li:last-child, .bx_compare .bx_lst:last-child ul li:last-child { border-bottom: 0; } .bx_half .bx_lst .tit, .bx_step .bx_lst .tit, .bx_compare .bx_lst .tit { display: block; border-radius: 10px 10px 0 0; color: #ffffff; overflow: hidden; background-color: #c8c8c8; font-size: 38px; line-height: 56px; text-align: center; padding: 22px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_half .bx_lst ul, .bx_step .bx_lst ul, .bx_compare .bx_lst ul { padding: 19px 43px 0; border-radius: 0 0 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_half .bx_lst ul li, .bx_step .bx_lst ul li, .bx_compare .bx_lst ul li { line-height: 61px; text-align: center; border-bottom: 1px solid #C8C8C8; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bx_half .bx, .bx_step .bx, .bx_compare .bx { position: relative; display: table-cell; width: 49%; border-radius: 10px; } .bx_half .tit, .bx_step .tit, .bx_compare .tit { display: block; border-radius: 10px 10px 0 0; color: #ffffff; overflow: hidden; } .bx_half .bx_temp, .bx_step .bx_temp, .bx_compare .bx_temp { display: table-cell; width: 2%; } .bx_half .bx_arrow, .bx_step .bx_arrow, .bx_compare .bx_arrow { display: table-cell; position: relative; width: 2%; } .bx_half .bx_arrow em, .bx_step .bx_arrow em, .bx_compare .bx_arrow em { position: absolute; display: block; width: 78px; height: 78px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 68px; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; border: 1px solid #ff7747; border-radius: 50%; -webkit-box-shadow: 1px 1px 10px 3px #d1d1d1; box-shadow: 1px 1px 10px 3px #d1d1d1; } .bx_half .bx_arrow em:after, .bx_step .bx_arrow em:after, .bx_compare .bx_arrow em:after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; content: ''; position: absolute; display: block; vertical-align: middle; width: 12px; height: 12px; -webkit-transform: translate(-50%, -50%) scale(0.85714, 1) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(0.85714, 1) rotate(45deg); transform: translate(-50%, -50%) scale(0.85714, 1) rotate(45deg); margin-left: -4px; border-top: 6px solid #f87910; border-right: 6px solid #f87910; margin-left: -3px; } @media (max-width: 1279px) { .bx_half .bx_arrow em, .bx_step .bx_arrow em, .bx_compare .bx_arrow em { width: 70px; height: 70px; margin-top: 20px; } } .bx_half .bx_arrow.gray em, .bx_step .bx_arrow.gray em, .bx_compare .bx_arrow.gray em, .bx_half .bx_arrow.gray em:after, .bx_step .bx_arrow.gray em:after, .bx_compare .bx_arrow.gray em:after { border-color: #c8c8c8 !important; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 1279px) { .bx_half .speci, .bx_step .speci, .bx_compare .speci { padding: 12px 20px 0; margin-top: 80px; } .bx_half .speci li, .bx_step .speci li, .bx_compare .speci li { font-size: 13px; line-height: 42px; letter-spacing: -0.65px; } .bx_half .bx_lst .tit, .bx_step .bx_lst .tit, .bx_compare .bx_lst .tit { font-size: 24px; line-height: 36px; padding: 22px 10px; } .bx_half .bx_lst ul, .bx_step .bx_lst ul, .bx_compare .bx_lst ul { padding: 12px 27px 0; } .bx_half .bx_lst ul li, .bx_step .bx_lst ul li, .bx_compare .bx_lst ul li { line-height: 41px; font-size: 14px; } } @media (max-width: 767px) { .bx_half .bx_temp, .bx_step .bx_temp, .bx_compare .bx_temp { display: none; } } .bx_step .bx { border: 1px solid #f0f0f0; } .bx_step .bx:first-child .tit { background-position: 170% 50%; } .bx_step .bx .tit { width: calc(100% + 2px); height: 168px; padding: 25px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: -1px 0px 0px -1px; background: #f87910 url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_arrow.png?v=2022207071") no-repeat -65% 50%; line-height: 1.5; font-size: 15px; } .bx_step .bx .tit strong { display: block; font-size: 38px; } .bx_step .bx .cont_step { padding: 50px; } .bx_step .bx h4 { margin-bottom: 30px; } .bx_step .bx ol li { margin-bottom: 30px; font-size: 15px; padding-left: 14px; text-indent: -14px; } .bx_step .bx ol li:last-child { margin-bottom: 0px; } .bx_step .bx ol .link { margin-top: 12px; display: block; text-indent: 0px; } .bx_step .bx dl { position: relative; } .bx_step .bx dl dt { font-weight: 600; } .bx_step .bx dl dd .down { position: relative; overflow: hidden; padding: 50px 0; min-height: 150px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 21px; border-top: 1px solid #222222; } .bx_step .bx dl dd .down:first-child { border-top: 0; } .bx_step .bx dl dd .down .ico_win { display: inline-block; width: 250px; } .bx_step .bx dl dd .down .ico_win .ico { max-width: 41px; margin: 0 20px; vertical-align: top; } .bx_step .bx dl dd .down .ico_win .txt { display: inline-block; vertical-align: middle; } .bx_step .bx dl dd .down .btn { position: absolute; top: 50px; right: 0; display: inline-block; vertical-align: middle; } .bx_step .bx dl dd .manual { padding: 35px 0; min-height: 150px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; border-top: 1px solid #222222; position: relative; } .bx_step .bx dl dd .manual:before { display: block; position: absolute; top: -11px; left: 50%; -webkit-transform: translate(-11px, 0); -ms-transform: translate(-11px, 0); transform: translate(-11px, 0); background: #222222; width: 22px; height: 22px; border-radius: 11px; content: ""; } .bx_step .bx dl dd .manual:after { top: 0px; left: 50%; content: ''; position: absolute; display: block; vertical-align: middle; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%) scale(1, 0.83333) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1, 0.83333) rotate(45deg); transform: translate(-50%, -50%) scale(1, 0.83333) rotate(45deg); margin-top: -1px; border-top: none; border-left: none; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; } .bx_step .bx dl dd .manual:first-child { border-top: 0; } .bx_step .bx dl dd .manual:first-child:after, .bx_step .bx dl dd .manual:first-child:before { display: none; } .bx_step .bx dl dd .manual .ico_mul { display: inline-block; vertical-align: middle; width: 110px; margin: 0 30px 0 20px; } .bx_step .bx dl dd .manual .ico_mul .ico { width: 100%; max-height: 85px; } .bx_step .bx dl dd .manual .ico_mul .ico[src*="bu_step2"], .bx_step .bx dl dd .manual .ico_mul .ico[src*="bu_step4"] { margin-left: 7px; } .bx_step .bx dl dd .manual .txt { vertical-align: middle; display: inline-block; width: calc(100% - 170px); } .bx_step .bx dl dd + dt { margin-top: 10px; } .bx_step .bx .info { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 50px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_step .bx .info .link { color: #f87910; } @media (max-width: 1279px) { .bx_step .bx .tit { height: 160px; padding: 15px 20px; font-size: 14px; } .bx_step .bx .tit strong { font-size: 30px; } .bx_step .bx .cont_step { padding: 35px 17px; } .bx_step .bx .info { padding: 0 20px 50px; } .bx_step .bx dl dd .down { padding: 40px 0; min-height: 120px; font-size: 16px; } .bx_step .bx dl dd .down .ico_win { width: calc(100% - 110px); } .bx_step .bx dl dd .down .ico_win .ico { max-width: 33px; margin: 0 4%; } .bx_step .bx dl dd .down .btn { top: 40px; } .bx_step .bx dl dd .manual { padding: 30px 0; min-height: 120px; font-size: 16px; } .bx_step .bx dl dd .manual .ico_mul { width: 80px; margin: 0 45px 0 0; } .bx_step .bx dl dd .manual .txt { width: calc(100% - 130px); } } @media (max-width: 767px) { .bx_step .bx { display: block; width: 100%; } .bx_step .bx .tit { min-height: 80px; height: auto; padding: 15px; line-height: 1.3; background-image: none; } .bx_step .bx .tit strong { font-size: 18px; margin-bottom: 10px; } .bx_step .bx .cont_step { padding: 25px 6.25%; } .bx_step .bx .cont_step ol br { display: none; } .bx_step .bx .info { position: relative; width: 100%; padding: 20px 25px 0; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; min-height: 75px; } .bx_step .bx dl { min-height: unset; } .bx_step .bx dl dd .down { padding: 20px 0; min-height: 75px; font-size: 14px; } .bx_step .bx dl dd .down .ico_win .ico { max-width: 25px; } .bx_step .bx dl dd .manual { padding: 20px 0; min-height: 75px; line-height: 1.3; font-size: 14px; } .bx_step .bx dl dd .manual .ico_mul { width: 60px; margin: 0 40px 0 0; } .bx_step .bx dl dd .manual .txt { width: calc(100% - 110px); } .bx_step .bx:first-child { position: relative; margin-bottom: 32px; } .bx_step .bx:first-child:after { top: 100%; left: 50%; background: none; content: ''; position: absolute; display: block; vertical-align: middle; width: 13px; height: 13px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: -5px; border-top: none; border-left: none; border-right: 4px solid #f87910; border-bottom: 4px solid #f87910; -webkit-transform: translate(-50%, 8px) rotate(45deg); -ms-transform: translate(-50%, 8px) rotate(45deg); transform: translate(-50%, 8px) rotate(45deg); } } .bx_compare { margin: 80px 0; } .bx_compare .tit { font-size: 36px; padding: 36px 40px; line-height: 1.3; } .bx_compare .bx { background-color: #ffffff; -webkit-box-shadow: none; box-shadow: none; background-color: #f3f3f3; } .bx_compare .bx .tit { background: none; background-color: #c8c8c8; -webkit-box-shadow: none; box-shadow: none; } .bx_compare .bx ul { padding: 30px 20px; text-align: center; font-size: 13px; line-height: 1.5; border-radius: 0 0 10px 10px; } .bx_compare .bx ul li { padding: 8px 0; color: #666666; } .bx_compare .bx ul del, .bx_compare .bx ul strike { font-size: 15px; color: #999999; } .bx_compare .bx ul strong { font-size: 15px; font-weight: 100; color: #222222; text-indent: -21px; } .bx_compare .bx ul strong:before { display: none; margin-right: 0; } .bx_compare .bx:last-child { background: #ffffff; -webkit-box-shadow: 1px 1px 15px #d1d1d1; box-shadow: 1px 1px 15px #d1d1d1; } .bx_compare .bx:last-child ul strong { color: #f87910; font-weight: 600; } .bx_compare .bx:last-child ul strong:before { content: "✓"; display: inline-block; margin-right: 5px; } .bx_compare .bx:last-child li { color: #222222; } @media (max-width: 1279px) { .bx_compare { margin: 70px 0; } .bx_compare .tit { padding: 24px 25px; text-align: center; font-size: 24px; background-size: 200px !important; } .bx_compare .bx ul { font-size: 13px; padding: 22px 10px; } .bx_compare .bx ul del, .bx_compare .bx ul strike, .bx_compare .bx ul strong { font-size: 14px; } } @media (max-width: 767px) { .bx_compare { display: none; } .bx_compare + .tbl { margin-top: 30px; } } .bx_compare.col3 .bx { width: 32%; } @media (max-width: 1279px) { .bx_compare.col3 .bx { width: 31.6%; } .bx_compare.col3 .bx_arrow { width: 2.6%; } } .bx_ipt { position: relative; height: auto; border-radius: 6px; } .bx_ipt .holder { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px 20px; line-height: 2.8; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } .bx_ipt.err { position: relative; } .bx_ipt.err .ipt { border: 1px solid #f52222; -webkit-box-shadow: 0px 0px 5px rgba(245, 34, 34, 0.2); box-shadow: 0px 0px 5px rgba(245, 34, 34, 0.2); color: #f52222; caret-color: #f52222; padding-right: 37px; background: #fff url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_error.png?v=2022207071") no-repeat 95% 50%; background-size: 18px; } @media (max-width: 1279px) { .bx_ipt { font-size: 16px; } .bx_ipt .holder { font-size: 15px; } } @media (max-width: 767px) { .bx_ipt { height: 40px; font-size: 13px; } .bx_ipt .holder { font-size: 13px; line-height: 2.6; padding: 0px 10px; } .bx_ipt.err .ipt { padding-right: 32px; background: #fff url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_error.png?v=2022207071") no-repeat 95.5% 50%; background-size: 18px; } } .c_fill { position: relative; } .c_fill .txt_alert { text-align: left; } .c_fill .ipt + span { display: none; } .c_fill .ipt:disabled { border: 1px solid #dddddd !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .c_fill .ipt:hover { border: 1px solid #222222; } .c_fill .ipt:active, .c_fill .ipt:focus { border: 1px solid #f87910; caret-color: #f87910; -webkit-box-shadow: 0px 0px 5px rgba(248, 121, 16, 0.2); box-shadow: 0px 0px 5px rgba(248, 121, 16, 0.2); } .c_fill .ipt.on { display: block; position: relative; border: 1px solid #f87910; -webkit-box-shadow: 0px 0px 5px rgba(248, 121, 16, 0.2); box-shadow: 0px 0px 5px rgba(248, 121, 16, 0.2); caret-color: #f87910; padding-right: 37px; background: #fff url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_join.png?v=2022207071") no-repeat 95% 50%; background-size: 18px; } @media (max-width: 767px) { .c_fill .ipt.on { padding-right: 32px; background: #fff url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_join.png?v=2022207071") no-repeat 95.5% 50%; background-size: 18px; } } .c_fill .ipt.fill { background-color: #fff8f3 !important; } .bx_textarea { position: relative; } .bx_textarea textarea { border: 1px solid #dddddd; resize: none; border-radius: 5px; width: 100%; height: 292px; padding: 13px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; line-height: 1.7; } .bx_textarea textarea::-webkit-input-placeholder { color: #999999; } .bx_textarea textarea::-moz-placeholder { color: #999999; } .bx_textarea textarea:-ms-input-placeholder { color: #999999; } .bx_textarea textarea::-ms-input-placeholder { color: #999999; } .bx_textarea textarea::placeholder { color: #999999; } .bx_textarea textarea:focus { outline: none; border-color: #222222; } .bx_textarea .holder { padding: 6px 20px; color: #999999; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; line-height: 1.7; } @media (max-width: 1279px) { .bx_textarea textarea, .bx_textarea .holder { font-size: 16px; padding: 6px 12px; } .bx_textarea textarea { height: 220px; } } @media (max-width: 767px) { .bx_textarea textarea, .bx_textarea .holder { font-size: 13px; padding: 4px 12px; } .bx_textarea textarea { height: 163px; } } .bx_unit { width: 200px; min-height: 153px; padding: 25px 0px 0px; display: inline-block; position: relative; background: #fcfcfc; border: 1px solid #f0f0f0; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden; } .bx_unit .ico_pro { height: 60px; } .bx_unit .ico_pro + strong { margin-bottom: 25px; } .bx_unit .ico_web { content: ""; width: 24px; height: 12px; display: inline-block; position: relative; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_web.svg?v=2022207071") no-repeat 0 0; margin: 0 0 0 4px; font-size: 0; line-height: 20px; vertical-align: top; } .bx_unit .desc { width: 100%; height: 157px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; margin-top: 25px; padding: 0 20px; border-radius: 0px 0px 10px 10px; } .bx_unit .desc strong { margin: 24px 0px 10px; } .bx_unit .desc span { font-size: 13px; } @media (max-width: 1279px) { .bx_unit .desc strong { font-size: 18px; } .bx_unit .desc span { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } } .bx_unit span { display: block; } .bx_unit strong { display: block; margin-top: 25px; line-height: 1.2; } .bx_unit .link span { display: inline-block; vertical-align: middle; } .bx_unit .more { content: ""; width: 48px; height: 48px; display: block; position: absolute; background: none; font-size: 13px; right: 0px; bottom: 0px; } .bx_unit .more em { position: absolute; width: auto; right: 10px; bottom: 3px; z-index: 2; font-size: 15px; } .bx_unit .more:before { content: ""; width: 0; height: 0; display: block; position: absolute; background: none; bottom: 0px; right: 0px; border-bottom: 48px solid #ffffff; border-left: 48px solid transparent; } .wrap_cardunit { width: 1269px; margin: 0 -15px; } .wrap_cardunit::after { display: block; clear: both; content: ""; } @media (max-width: 1279px) { .wrap_cardunit { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; margin: 0 -10px; } } @media (max-width: 767px) { .wrap_cardunit { margin: 0; } } .bx_cardunit { float: left; position: relative; width: 393px; height: 361px; padding: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; border: 1px solid #E5E5E5; margin: 0 15px 30px; margin-bottom: 30px; font-size: 0; } .bx_cardunit.dis_none { display: none !important; } .bx_cardunit .package { height: 50px; } .bx_cardunit .package .icon { overflow: hidden; width: 38px; height: 38px; border-radius: 10px; } .bx_cardunit.free .slct_wrap .slct_trg2 { color: #666; cursor: default; } .bx_cardunit.free .slct_wrap .slct_trg2::after { display: none; } .bx_cardunit.free .bt .txt_lg { font-size: 22px; } .bx_cardunit .icon { display: inline-block; width: 50px; height: 50px; border-radius: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_cardunit .icon.m_gmx { border: 1px solid #E5E5E5; } .bx_cardunit .icon + .icon { margin-left: 8px; } .bx_cardunit .lab { display: block; margin-top: 20px; font-weight: 600; font-size: 22px; line-height: 33px; } .bx_cardunit .txt { display: block; margin-top: 12px; font-size: 15px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bx_cardunit .links { margin-top: 8px; font-size: 0; } .bx_cardunit .links .cd_link { line-height: 20px; font-size: 14px; color: #F87910; font-weight: 600; } .bx_cardunit .links .cd_link::before { display: inline-block; content: ''; width: 1px; height: 12px; margin: 0 10px; background: #C8C8C8; vertical-align: middle; } .bx_cardunit .links .cd_link:first-child::before { display: none; } .bx_cardunit .slct_wrap { z-index: 2; position: relative; margin-top: 30px; border: 1px solid #C8C8C8; border-radius: 20px; } .bx_cardunit .slct_wrap .slct_trg2 { display: block; position: relative; height: 38px; padding: 0 30px 0 20px; font-size: 15px; line-height: 38px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bx_cardunit .slct_wrap .slct_trg2::after { display: inline-block; content: ''; position: absolute; right: 15px; top: 6px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/arr_down.svg?v=2022207071") no-repeat 0 0; width: 24px; height: 24px; } .bx_cardunit .slct_wrap .slct_box2 { display: none; overflow: hidden; position: absolute; left: -1px; top: 39px; width: 100%; padding: 10px 0; background: #fff; border: 1px solid #C8C8C8; border-width: 0 1px 1px 1px; border-radius: 0 0 20px 20px; } .bx_cardunit .slct_wrap .slct_box2 a { display: block; padding: 7px 19px; text-align: left; font-weight: 100; font-size: 15px; } .bx_cardunit .slct_wrap .slct_box2 a:hover { background: #F7F7F7; font-weight: 600; } .bx_cardunit .slct_wrap .slct_box2 a.on { color: inherit; background: #F7F7F7; font-weight: 600; } .bx_cardunit .slct_wrap.on { border-bottom-width: 0; border-radius: 20px 20px 0 0; } .bx_cardunit .slct_wrap.on .slct_trg2 { height: 39px; } .bx_cardunit .slct_wrap.single .slct_trg2 { cursor: default; } .bx_cardunit .slct_wrap.single .slct_trg2::after { display: none; } .bx_cardunit .slct_wrap.single.on .slct_box2 { display: none !important; } .bx_cardunit .bt { overflow: hidden; margin-top: 30px; height: 44px; vertical-align: middle; } .bx_cardunit .bt .txt_lg { display: block; float: left; font-size: 26px; font-weight: 600; line-height: 44px; } .bx_cardunit .bt .txt_sm { display: block; float: left; margin-left: 10px; font-size: 14px; font-weight: 600; line-height: 44px; color: #F52222; } .bx_cardunit .bt .btn { float: right; font-size: 17px; padding: 13px 30px 14px; background-color: #222; -webkit-transition: background-color .15s; transition: background-color .15s; } .bx_cardunit .bt .btn:hover { background-color: #F87910; } .bx_cardunit .bx_os { position: absolute; top: 26px; right: 26px; font-size: 0; } .bx_cardunit .bx_os .w_grp { display: inline-block; } .bx_cardunit .bx_os .w_grp:first-child .btns_os { margin-left: 0; } .bx_cardunit .new_download .btn_down { font-size: 15px; font-weight: 600; transition: color .2s; display: inline-block; } .bx_cardunit .new_download .btn_down::after { content: ''; display: inline-block; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_download.svg?v=2022207071") no-repeat; background-size: cover; vertical-align: middle; width: 22px; height: 22px; margin-left: 10px; transition: filter .2s; } .bx_cardunit .new_download .btn_down + div { position: relative; display: inline-block; width: 100%; height: 20px; } .bx_cardunit .new_download .new_tooltip { display: none; position: absolute; top: 15px; right: -15px; background: #343434; padding: 8px 12px; text-align: center; border-radius: 5px; white-space: nowrap; } .bx_cardunit .new_download .new_tooltip a { color: #fff; display: block; font-size: 14px; letter-spacing: 0; line-height: 20px; font-weight: 600; } .bx_cardunit .new_download .new_tooltip a::before { content: '/'; font-weight: 100; margin: 0 5px; display: inline-block; color: #fff; } .bx_cardunit .new_download .new_tooltip a:first-child::before { display: none; } .bx_cardunit .new_download .new_tooltip a:hover { color: #F87910; } .bx_cardunit .new_download .new_tooltip::after { content: ''; position: absolute; top: -8px; right: 14px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #343434; transform: translateX(-50%); } .bx_cardunit .new_download:hover .btn_down { color: #f87910; } .bx_cardunit .new_download:hover .btn_down::after { filter: invert(61%) sepia(75%) saturate(4140%) hue-rotate(356deg) brightness(103%) contrast(94%); } .bx_cardunit .new_download:hover .new_tooltip { display: flex; } .bx_cardunit .btn_os { display: inline-block; position: relative; width: 22px; height: 22px; margin-left: 30px; font-size: 0; line-height: 0; vertical-align: top; } .bx_cardunit .btn_os:hover::before { display: inline-block; content: ''; position: absolute; bottom: -13px; left: 50%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #343434; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .bx_cardunit .btn_os:hover .tooltip { display: block; position: absolute; left: 50%; bottom: -43px; padding: 6px 10px; background: #343434; border-radius: 4px; font-size: 12px; line-height: 18px; color: #fff; white-space: nowrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .bx_cardunit .btn_os .tooltip { display: none; } .bx_cardunit .btn_pc { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_down_pc2.svg?v=2022207071") no-repeat 50% 50%; } .bx_cardunit .btn_pc:hover { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_down_pc2_on.svg?v=2022207071") no-repeat 50% 50%; } .bx_cardunit .btn_win { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_win2.svg?v=2022207071") no-repeat 50% 50%; } .bx_cardunit .btn_win:hover { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_win2_on.svg?v=2022207071") no-repeat 50% 50%; } .bx_cardunit .btn_play { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_googleplay2.svg?v=2022207071") no-repeat 50% 50%; } .bx_cardunit .btn_play:hover { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_googleplay2_on.svg?v=2022207071") no-repeat 50% 50%; } .bx_cardunit .btn_app { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_iApp2.svg?v=2022207071") no-repeat 50% 50%; } .bx_cardunit .btn_app:hover { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_iApp2_on.svg?v=2022207071") no-repeat 50% 50%; } .bx_cardunit.third .popup, .bx_cardunit.third .pop_browser { left: auto; right: 0; } .bx_cardunit .popup, .bx_cardunit .pop_browser { position: absolute; width: 460px; padding: 40px; max-height: none; z-index: 5; top: 40px; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; text-align: center; font-size: 18px; color: #222222; } .bx_cardunit .popup .bx_dw, .bx_cardunit .pop_browser .bx_dw { display: inline-block; width: 160px; margin-left: 24px; text-align: center; } .bx_cardunit .popup .bx_dw:first-child, .bx_cardunit .pop_browser .bx_dw:first-child { margin-left: 0; } .bx_cardunit .popup .bx_dw img, .bx_cardunit .pop_browser .bx_dw img { width: 61px; } .bx_cardunit .popup .bx_dw span, .bx_cardunit .pop_browser .bx_dw span { display: block; margin: 14px auto 24px; font-size: 13px; } .bx_cardunit .popup .link, .bx_cardunit .pop_browser .link { display: block; clear: both; content: ""; text-align: left; display: block; border-top: 1px solid #222222; margin-top: 20px; padding-top: 14px; } .bx_cardunit .popup .link span, .bx_cardunit .pop_browser .link span { display: inline; margin-right: 5px; } .bx_cardunit .popup .txt_noti, .bx_cardunit .pop_browser .txt_noti { display: block; border-top: 1px solid #222222; margin-top: 20px; padding: 14px 0 0; text-align: left; } .bx_cardunit .flag_event { top: -14px; left: -14px; z-index: 1; } @media (max-width: 1279px) { .bx_cardunit { width: calc(50% - 20px); height: auto; margin: 0 10px 30px; } .bx_cardunit .txt { font-size: 14px; line-height: 20px; } .bx_cardunit .bt { height: auto; margin-top: 20px; } .bx_cardunit .bt .txt_lg, .bx_cardunit .bt .txt_sm { display: inline-block; float: none; vertical-align: top; line-height: 38px; } .bx_cardunit .bt .btn { display: block; float: none; margin-top: 20px; padding: 14px 24px 15px; font-size: 16px; border-radius: 30px; } .bx_cardunit .btn_os:hover::before { display: none; } .bx_cardunit .btn_os:hover .tooltip { display: none; } .bx_cardunit.third .popup, .bx_cardunit.third .pop_browser, .bx_cardunit .popup, .bx_cardunit .pop_browser { width: 90% !important; max-height: 80%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 22px; padding: 40px; text-align: center; } .bx_cardunit.third .popup .bx_dw, .bx_cardunit.third .pop_browser .bx_dw, .bx_cardunit .popup .bx_dw, .bx_cardunit .pop_browser .bx_dw { width: 30%; margin: 0 1%; } .bx_cardunit .popup .link, .bx_cardunit .pop_browser .link { margin-top: 30px; padding-top: 20px; } .bx_cardunit .popup .link span, .bx_cardunit .pop_browser .link span { display: inline; } .bx_cardunit .popup .bx_dw span, .bx_cardunit .pop_browser .bx_dw span { margin: 20px auto 28px; } } @media (max-width: 767px) { .bx_cardunit { float: none; width: 100%; margin: 0 0 24px; } .bx_cardunit .txt { overflow: initial; text-overflow: initial; white-space: initial; } .bx_cardunit .bt .btn { padding: 16px 24px; font-size: 18px; border-radius: 30px; } .bx_cardunit.third .popup, .bx_cardunit.third .pop_browser, .bx_cardunit .popup, .bx_cardunit .pop_browser { width: 87.5% !important; max-width: inherit; padding: 30px 20px; } .bx_cardunit.third .popup .bx_dw, .bx_cardunit.third .pop_browser .bx_dw, .bx_cardunit .popup .bx_dw, .bx_cardunit .pop_browser .bx_dw { display: block; width: auto; margin: 0; } .bx_cardunit.third .popup .bx_dw span, .bx_cardunit.third .pop_browser .bx_dw span, .bx_cardunit .popup .bx_dw span, .bx_cardunit .pop_browser .bx_dw span { margin: 0 auto; font-size: 14px; } .bx_cardunit.third .popup .bx_dw .btn, .bx_cardunit.third .pop_browser .bx_dw .btn, .bx_cardunit .popup .bx_dw .btn, .bx_cardunit .pop_browser .bx_dw .btn { margin: 20px auto 30px; } .bx_cardunit.third .popup .bx_dw:last-child .btn, .bx_cardunit.third .pop_browser .bx_dw:last-child .btn, .bx_cardunit .popup .bx_dw:last-child .btn, .bx_cardunit .pop_browser .bx_dw:last-child .btn { margin-bottom: 0; } .bx_cardunit.third .popup img, .bx_cardunit.third .pop_browser img, .bx_cardunit .popup img, .bx_cardunit .pop_browser img { display: none; } .bx_cardunit.third .popup .link, .bx_cardunit.third .pop_browser .link, .bx_cardunit .popup .link, .bx_cardunit .pop_browser .link { margin-top: 0; } } .has_thumbu { margin: 0 -20px; } .thumb_ubox { overflow: hidden; margin-bottom: -30px; padding: 0 20px; font-size: 0; } .thumb_ubox li { float: left; width: 396px; height: 407px; margin-left: 26px; margin-bottom: 30px; } .thumb_ubox li:first-child, .thumb_ubox li:nth-child(3n+1) { margin-left: 0; } .thumb_ubox .thumb_unit { display: block; overflow: hidden; border-radius: 12px; } .thumb_ubox .thumb_unit:hover, .thumb_ubox .thumb_unit:active { -webkit-box-shadow: 1px 18px 18px rgba(0, 0, 0, 0.14); box-shadow: 1px 18px 18px rgba(0, 0, 0, 0.14); } .thumb_ubox .thumb_unit .top { overflow: hidden; position: relative; height: 223px; background: #E4E4E4; text-align: center; border-radius: 12px 12px 0 0; } .thumb_ubox .thumb_unit img { display: block; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .thumb_ubox .thumb_unit .desc { overflow: hidden; height: 184px; padding: 0 24px; border: 1px solid #E5E5E5; border-radius: 0 0 12px 12px; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .thumb_ubox .thumb_unit .desc strong { display: block; margin-top: 24px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 24px; line-height: 32px; max-height: 64px; min-height: 64px; } .thumb_ubox .thumb_unit .desc span { display: block; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 22px; max-height: 44px; min-height: 44px; color: #999; } @media (max-width: 1279px) { .thumb_ubox { margin-bottom: -24px; } .thumb_ubox li { width: 50%; height: auto; margin-left: 0; margin-bottom: 24px; } .thumb_ubox li:first-child .thumb_unit, .thumb_ubox li:nth-child(2n+1) .thumb_unit { margin-left: 0; } .thumb_ubox li .thumb_unit { margin-left: 24px; } .thumb_ubox li .thumb_unit:hover, .thumb_ubox li .thumb_unit:active { -webkit-box-shadow: none; box-shadow: none; } .thumb_ubox li .thumb_unit .top { height: 192px; } .thumb_ubox li .thumb_unit .desc span { margin-top: 11px; } } @media (max-width: 767px) { .thumb_ubox { margin-bottom: -20px; } .thumb_ubox li { float: none; width: 100%; height: auto; margin-left: 0; margin-bottom: 20px; } .thumb_ubox li:first-child, .thumb_ubox li:nth-child(3n+1) { margin-left: 0; } .thumb_ubox li .thumb_unit { margin-left: 0; } .thumb_ubox li .thumb_unit .top { height: auto; } .thumb_ubox li .thumb_unit .top img { position: static; top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .thumb_ubox li .thumb_unit .desc span { margin-top: 12px; } } .bx_robot { margin-top: 20px; } .thumlist { padding: 25px 0; margin-bottom: 40px; border-top: 1px solid #222222; border-bottom: 1px solid #f0f0f0; } .thumlist dl { display: table; } .thumlist dt, .thumlist dd { display: table-cell; word-break: break-all; vertical-align: middle; } @media (max-width: 767px) { .thumlist dt, .thumlist dd { font-size: 16px; } } @media (max-width: 767px) { .thumlist dt, .thumlist dd { font-size: 13px; } } .thumlist dt { width: 125px; } @media (max-width: 767px) { .thumlist dt { width: 35%; } } .thumlist dd { padding-left: 20px; color: #666; } @media (max-width: 767px) { .thumlist { margin-bottom: 30px; } } .bx_qna { padding: 30px 60px; overflow: hidden; background: #ffffff; position: relative; } .bx_qna img { width: 80px; display: inline-block; vertical-align: middle; } .bx_qna img.ico_linked { width: 71px; } @media (max-width: 767px) { .bx_qna img.ico_linked { width: 42px; } } .bx_qna .bx_txt { display: inline-block; vertical-align: middle; margin: 0px 30px; width: 685px; font-size: 15px; } .bx_qna .bx_txt > span, .bx_qna .bx_txt > strong { display: block; font-weight: 600; } .bx_qna .bx_txt br { display: none; } .bx_qna .bx_txt .desc { font-size: 13px; font-weight: 100; margin-top: 16px; } .bx_qna .bx_txt .desc a { color: #f87910; text-decoration: underline; } @media (max-width: 767px) { .bx_qna .bx_txt .desc { font-size: 11px; } } .bx_qna .bx_btn { position: absolute; top: 50%; right: 60px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1279px) { .bx_qna { padding: 20px 30px; } .bx_qna .bx_txt { margin: 0px 14px; width: calc(100% - 260px); font-size: 15px; } .bx_qna .bx_txt br { display: block; } .bx_qna .bx_btn { right: 30px; } } @media (max-width: 767px) { .bx_qna { text-align: center; } .bx_qna img { width: 47px; margin: 0 auto; } .bx_qna .bx_btn { display: block; margin: 0 auto 10px; position: relative; top: auto; right: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bx_qna .bx_txt { display: block; margin: 10px 0 16px; width: 100%; font-size: 13px; } } .site_map { width: 100%; height: 100%; background: #3b3b3b; display: none; position: fixed; top: 0px; left: 0px; z-index: 11; overflow: hidden; overflow-y: auto; } @media (max-width: 1279px) { .site_map { display: none !important; } } .site_map .s_map { position: absolute; top: 37px; right: 50px; color: #ffffff; font-size: 16px; z-index: 10; } .site_map .s_map em { position: relative; display: inline-block; width: 19px; height: 19px; margin: -4px 4px 0px 0px; vertical-align: middle; } .site_map .s_map em:before, .site_map .s_map em:after { content: ''; position: absolute; top: 50%; left: 50%; width: 25px; height: 2px; background-color: #ffffff; } .site_map .s_map em:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .site_map .s_map em:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .site_map h2 { position: relative; font-size: 30px; font-weight: 100; color: #f87910; margin-bottom: 67px !important; white-space: nowrap; } .site_map h2:after { content: ""; width: 44px; height: 1px; display: block; position: absolute; background: #f87910; bottom: -38px; left: 0px; } .site_map h2.etc { margin-top: 65px; } .site_map h3 { font-size: 15px; line-height: 42px; color: #f87910; } .site_map .wrap { width: auto; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0px; display: block; opacity: 0; } .site_map ul { overflow: hidden; } .site_map .dep1 { float: left; padding: 145px 45px; position: relative; min-width: 260px; min-height: 860px; -webkit-box-sizing: border-box; box-sizing: border-box; } .site_map .dep1:after { display: block; clear: both; content: ""; } .site_map .dep1:nth-child(3n) h2 { min-width: 190px; } .site_map a { font-size: 15px; line-height: 42px; display: inline-block; color: #ffffff; font-weight: 600; } .site_map .bx_col { float: left; } .site_map .bx_col + .bx_col { margin-left: 65px; } .site_map .bx_row { position: absolute; top: 590px; left: 50px; } .site_map .blank { width: 176px; height: 80px; } .ico_hour { display: inline-block; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_hour.svg?v=2022207071") no-repeat 0 0; width: 73px; height: 73px; } .ico_kakaopay { display: inline-block; width: 52px; height: 21px; margin-top: -2px; margin-left: 10px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_kakaopay.svg?v=2022207071") no-repeat 50% 50%; background-size: 52px 21px; vertical-align: middle; } @media (max-width: 767px) { .ico_kakaopay { width: 45px; height: 18px; background-size: 45px 18px; } } .ico_naverpay { display: inline-block; width: 52px; height: 21px; margin-top: -2px; margin-left: 10px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_naverpay.png?v=2022207071") no-repeat 50% 50%; background-size: 52px 21px; vertical-align: middle; } @media (max-width: 767px) { .ico_naverpay { width: 45px; height: 18px; background-size: 45px 18px; } } .sub_f.com_msg .container { text-align: center; width: 100%; max-width: 400px; font-size: 18px; } @media (max-width: 1279px) { .sub_f.com_msg .container { margin: 0px auto 80px; padding: 0px; } } @media (max-width: 767px) { .sub_f.com_msg .container { margin: 50px auto 40px; padding: 0px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } } .sub_f.com_msg .container h1 { margin: 0px 0px 38px -200px; width: 800px; } .sub_f.com_msg .container h1.p_size { font-size: 38px; } .sub_f.com_msg .container p + p { margin-top: 3px; } .sub_f.com_msg .container p.big { font-weight: 600; } .sub_f.com_msg .container p.txt_bottom { margin-bottom: 23px; } .sub_f.com_msg .container p.p_mid { font-size: 15px; margin: 34px auto 25px; } .sub_f.com_msg .container p.p_bottom { margin-bottom: 65px; } .sub_f.com_msg .container .btn_margin { margin-top: 25px; } .sub_f.com_msg .container .btn.full { margin-top: 30px; } .sub_f.com_msg .container .txt_rst { margin: 93px 0px; } .sub_f.com_msg .container .txt_rst + .btn { margin-top: 0px; } .sub_f.com_msg .container .txt_point { text-decoration: underline; } .sub_f.com_msg .container .txt_point.none { text-decoration: none; } .sub_f.com_msg .container .bx_ico { margin: 20px auto 0px; } .sub_f.com_msg .container .bx_ico + form { margin-top: 40px; } .sub_f.com_msg .container .bx_ico.left { padding: 30px 35px; text-align: left; } .sub_f.com_msg .container .bx_ico .ico.n_right { padding-right: 0; } .sub_f.com_msg .container .bx_ico .info { max-width: 205px; } .sub_f.com_msg .container .bx_ico .info.center { display: block; padding-left: 0; padding-top: 10px; border: 0; text-align: center; margin: 0 auto; } .sub_f.com_msg .container .bx_ico.center { display: block; padding: 0; margin: 0 auto; } .sub_f.com_msg .container .bx_ico.top { margin: 30px auto 0; } .sub_f.com_msg .container .txt_refor { margin: 18px auto 24px; font-size: 18px; } .sub_f.com_msg .container .txt_refor.p_mid { font-size: 15px; margin: 34px auto 25px; } .sub_f.com_msg .container .txt_refor a { display: inline-block; margin-top: 10px; font-weight: 600; text-decoration: underline; } .sub_f.com_msg .container .txt_refor a.confirm { margin-top: 0; } @media (max-width: 1279px) { .sub_f.com_msg .container h1 { font-size: 42px; margin: 0px 0px 47px -50px; width: 500px; } .sub_f.com_msg .container p { font-size: 15px; } .sub_f.com_msg .container p + p { margin: 15px 0; } .sub_f.com_msg .container p.bottom { font-size: 15px; margin-bottom: 40px; } .sub_f.com_msg .container p.p_bottom { font-size: 18px; } .sub_f.com_msg .container p.type2 { font-size: 18px; } .sub_f.com_msg .container .bx_ico { line-height: 1.3; font-size: 14px; margin: 20px auto 0px; } .sub_f.com_msg .container .bx_ico.left { margin: -30px auto 0px; } .sub_f.com_msg .container .bx_ico.left .ico { padding-right: 29px; } .sub_f.com_msg .container .bx_ico.left .info { display: inline-block; max-width: 200px; text-align: left; font-size: 15px; padding-left: 20px; word-break: break-all; white-space: normal; border-left: 1px #d1d1d1 dotted; } .sub_f.com_msg .container .bx_ico .ico { padding: 0 0 10px; margin: 0; background: none; } .sub_f.com_msg .container .bx_ico .center { padding: 0; margin: 0 auto; } .sub_f.com_msg .container .bx_ico .info { display: block; max-width: 100%; text-align: center; font-size: 15px; } .sub_f.com_msg .container .bx_ico.top { margin: 30px auto 0; } .sub_f.com_msg .container .txt_refor { font-size: 18px; } .sub_f.com_msg .container .txt_refor.p_mid { font-size: 15px; margin: 37px auto 40px; } .sub_f.com_msg .container .txt_rst { margin: 53px 0px; } .sub_f.com_msg .container .btn.r_squ.big { padding: 19px 24px; } .sub_f.com_msg .container .btn.full { margin-top: 20px; padding: 21px 24px; } .sub_f.com_msg .container .btn.squ.big { padding: 20px 24px; } } @media (max-width: 767px) { .sub_f.com_msg .container h1 { width: 100%; font-size: 28px; margin: 0px 0px 26px 0; } .sub_f.com_msg .container h1.p_size { font-size: 28px; } .sub_f.com_msg .container .bx_ico { padding: 15px 30px; } .sub_f.com_msg .container .bx_ico.left { margin: 0px; padding: 15px 30px; text-align: center; } .sub_f.com_msg .container .bx_ico.left .ico { padding: 0 0 10px; margin: 0; background: none; width: 50px; } .sub_f.com_msg .container .bx_ico.left .info { display: block; max-width: 100%; text-align: center; font-size: 13px; padding-left: 0; border-left: none; } .sub_f.com_msg .container .bx_ico .info { font-size: 13px; max-width: 100%; } .sub_f.com_msg .container .bx_ico .ico { padding: 0; } .sub_f.com_msg .container .txt_refor { font-size: 14px; margin: 12px 0 16px; } .sub_f.com_msg .container .txt_refor a { margin-top: 8px; } .sub_f.com_msg .container .txt_refor.p_mid { font-size: 13px; margin: 25px auto 8px; } .sub_f.com_msg .container p { font-size: 14px; } .sub_f.com_msg .container p + p { margin: 15px 0; } .sub_f.com_msg .container p.bottom { font-size: 14px; margin-bottom: 10px; } .sub_f.com_msg .container p.p_bottom { font-size: 14px; margin-bottom: 35px; } .sub_f.com_msg .container p.type2 { font-size: 14px; } } .sub_f.com_msg .l_header { margin: 0px auto 45px; } .sub_f.com_msg .l_header p { font-size: 18px; line-height: 28px; } .sub_f.com_msg .l_header .txt_chk { margin-top: 20px; } @media (max-width: 1279px) { .sub_f.com_msg .l_header { margin: 0px auto 60px; } .sub_f.com_msg .l_header p { font-size: 15px; } .sub_f.com_msg .l_header .txt_chk { margin-top: 15px; } .sub_f.com_msg .l_header.non_mem { margin: 0; } } @media (max-width: 767px) { .sub_f.com_msg .l_header { margin-bottom: 30px; } .sub_f.com_msg .l_header p { font-size: 14px; line-height: 1.5; } .sub_f.com_msg .l_header .txt_chk { margin-top: 17px; } } .sub_f.com_msg .bx_ipt + .bx_ipt { margin-top: 10px; } .sub_f.com_msg .bx_notice { margin-top: 20px; text-align: left; } .sub_f.com_msg .bx_notice p { margin-top: 10px; } .sub_f.com_msg .bx_notice p:first-child { margin-top: 0; } .sub_f.com_msg .bx_notice p label { margin-right: 0; line-height: 1.3; } @media (max-width: 1279px) { .sub_f.com_msg .bx_notice { margin-top: 16px; } } @media (max-width: 767px) { .sub_f.com_msg .bx_notice .radio + .label { padding-left: 25px; } } .sub_f.com_msg .bx_ico { margin-top: 20px; } .sub_f.com_msg .bx_ico + form { margin-top: 40px; } .sub_f.com_msg .tbl { margin: 60px 0 30px; text-align: center; } .sub_f.com_msg .tbl td { padding: 34px 0; } .sub_f.com_msg .tbl strong { display: block; margin-bottom: 10px; } @media (max-width: 1279px) { .sub_f.com_msg .tbl { margin: 60px 0 40px; } } @media (max-width: 767px) { .sub_f.com_msg .tbl { margin: 30px 0 10px; } .sub_f.com_msg .tbl td { padding: 26px 0; } .sub_f.com_msg .tbl strong { margin-bottom: 3px; } } hr { border-top: 1px solid #ededed; margin-top: 0; } .bx_col2 { width: 100%; margin-top: 100px; background: #f7f7f7; border-radius: 10px; border: 1px solid #f0f0f0; padding: 50px 0; display: table; } .bx_col2.bx_col { width: 100%; background: #f7f7f7; border-radius: 10px; border: 1px solid #f0f0f0; padding: 60px 150px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_col2.bx_col .unit:first-child { border: none; } .bx_col2.bx_col .unit .bx_icon { float: left; } .bx_col2.bx_col .unit .btn { float: right; margin-top: 7px; } @media (max-width: 1279px) { .bx_col2.bx_col { padding: 40px 70px; } .bx_col2.bx_col .unit .bx_icon p { width: auto; margin: 0 0 0 16px; text-align: left; } .bx_col2.bx_col .unit .btn { margin-top: 0; } } @media (max-width: 767px) { .bx_col2.bx_col { padding: 0 10%; } .bx_col2.bx_col .unit .bx_icon { float: none; margin-top: 0; } .bx_col2.bx_col .unit .bx_icon p { width: 100%; margin: 10px 0 0 0; text-align: center; } .bx_col2.bx_col .unit .btn { float: none; margin-top: 30px; } } .bx_col2 .unit { display: table-cell; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; padding: 10px 0; } .bx_col2 .unit:first-child { border-right: 2px dotted #d1d1d1; } .bx_col2 .unit .btn { margin-top: 30px; } .bx_col2 .unit .bx_icon img { height: 48px; vertical-align: middle; } .bx_col2 .unit .bx_icon p { vertical-align: middle; display: inline-block; margin-left: 20px; text-align: left; } @media (max-width: 1279px) { .bx_col2 { padding: 40px 0; margin-top: 80px; } .bx_col2 .unit { padding: 0; } .bx_col2 .unit .bx_icon img { height: 41px; } .bx_col2 .unit .bx_icon p { width: 100%; margin: 20px 0 0; text-align: center; } .bx_col2 .unit .btn { line-height: 1.5; } } @media (max-width: 767px) { .bx_col2 { margin-top: 60px; padding: 0 10%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_col2 .unit { padding: 50px 0; display: block; width: 100%; font-size: 13px; } .bx_col2 .unit:first-child { border-right: none; border-bottom: 2px dotted #d1d1d1; } .bx_col2 .unit .bx_icon img { height: 34px; } .bx_col2 .unit .bx_icon p { width: 100%; margin: 10px 0 0; text-align: center; } } .bx_col3 { width: 100%; margin-top: 40px; background: #f7f7f7; } .bx_col3.type2 { height: 460px; padding: 35px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_col3.type2 .ico_pro { display: block; height: 30px; margin-left: 45px; } .bx_col3.type2 .ico_pro + .ico_pro { margin-top: 12px; margin-left: 45px; } .bx_col3.type2 br { display: none; } .bx_col3.type2 span { height: 50px; } .bx_col3 .cont_mem { padding: 34px 136px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_col3 .top_unit { text-align: center; vertical-align: middle; margin-bottom: 24px; } .bx_col3 .top_unit strong { display: block; width: 100%; font-size: 18px; margin-bottom: 24px; } .bx_col3 .bottom_unit { margin-top: 24px; padding-top: 30px; border-top: 2px dotted #d0d0d0; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_col3 .ico_pro { display: inline-block; height: 30px; } .bx_col3 .ico_pro + .ico_pro { margin-left: 39px; } .bx_col3 span { display: block; font-size: 15px; color: #999; margin-top: 14px; } @media (max-width: 1279px) { .bx_col3 .cont_mem { padding: 34px 30px; } .bx_col3 .top_unit strong { font-size: 15px; } .bx_col3.type2 { height: 433px; padding: 25px 30px; } .bx_col3.type2 .ico_pro { display: block; height: 26px; margin-left: 6px; } .bx_col3.type2 .ico_pro + .ico_pro { margin-top: 15px; margin-left: 6px; } .bx_col3.type2 br { display: block; } .bx_col3.type2 span { height: auto; } } @media (max-width: 767px) { .bx_col3 { margin-top: 30px; margin-bottom: 10px; text-align: center; } .bx_col3.type2 { height: auto; padding: 35px 25px; } .bx_col3.type2 .ico_pro { display: inline-block; margin-left: 6px; } .bx_col3.type2 .ico_pro + .ico_pro { margin-top: 15px; margin-left: 6px; } .bx_col3.type2 br { display: block; } .bx_col3 .cont_mem { padding: 27px 27px; } .bx_col3 .top_unit { margin-bottom: 20px; } .bx_col3 .top_unit strong { font-size: 13px; margin-bottom: 22px; } .bx_col3 .bottom_unit { margin-top: 19px; padding-top: 25px; } .bx_col3 .wrap_img { display: inline-block; text-align: left; width: 170px; } .bx_col3 .ico_pro { height: 25px; } .bx_col3 .ico_pro.m_left { margin-left: -27px; } .bx_col3 .ico_pro + .ico_pro { margin-top: 15px; margin-left: 0; } .bx_col3 span { font-size: 13px; margin-top: 10px; } } .tuto_vidio { padding: 100px 0 120px; text-align: center; margin: 0 auto; max-width: 1080px; } .tuto_vidio .sub_tit { margin-top: 26px; } .tuto_vidio h2 { margin-bottom: 0 !important; } .tuto_vidio h2.has_pd { margin-bottom: 55px !important; } .tuto_vidio h2 br, .tuto_vidio .sub_tit br { display: none; } .tuto_vidio .bx_col2 { margin: 120px 0 40px; } .tuto_vidio .bx_qna { text-align: left; margin-top: 80px; } @media (max-width: 1279px) { .tuto_vidio { padding: 80px 0; } .tuto_vidio h2.has_pd { margin-bottom: 40px !important; } .tuto_vidio .sub_tit { margin-top: 10px; } .tuto_vidio .cont { width: 100%; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .tuto_vidio .bx_col2 { margin: 80px 0 20px; } } @media (max-width: 767px) { .tuto_vidio { padding: 60px 0; } .tuto_vidio h2.has_pd { margin-bottom: 25px !important; } .tuto_vidio h2 br, .tuto_vidio .sub_tit br { display: block; } .tuto_vidio .sub_tit { margin-top: 14px; } .tuto_vidio .cont { padding: 0 6.25%; } .tuto_vidio .bx_col2 { margin: 60px 0 0; } .tuto_vidio .bx_qna { text-align: center; } } .tuto_vidio .list_vidio:after { display: block; clear: both; content: ""; } .tuto_vidio .list_vidio li { display: inline-block; vertical-align: top; max-width: 341px; margin: 60px 2% 0 0; } .tuto_vidio .list_vidio li:nth-child(3n) { margin-right: 0; } @media (max-width: 1279px) { .tuto_vidio .list_vidio li { width: 31%; margin: 50px 2.7% 0 0; } } @media (max-width: 767px) { .tuto_vidio .list_vidio li { width: 100%; max-width: 100%; border-bottom: 1px #f0f0f0 solid; padding: 25px 3.6%; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .tuto_vidio .list_vidio li:after { display: block; clear: both; content: ""; } .tuto_vidio .list_vidio li:first-child { margin-top: 40px; border-top: 1px #222 solid; } } .tuto_vidio .list_vidio .thum { width: 100%; position: relative; display: block; border-radius: 15px; overflow: hidden; } .tuto_vidio .list_vidio .thum img { width: 100%; } @media (max-width: 767px) { .tuto_vidio .list_vidio .thum { display: inline-block; width: 120px; border-radius: 6px; vertical-align: middle; } } .tuto_vidio .list_vidio .ico_player { background: url("//www.gomlab.com/gomlab_v2/ui/img/sub/ico_player.svg?v=2022207071") no-repeat 0 0; background-size: 100%; content: ""; width: 44px; height: 44px; display: inline-block; position: relative; text-indent: -2000em; font-size: 1px; overflow: hidden; z-index: 3; position: absolute; bottom: 16px; right: 16px; } @media (max-width: 1279px) { .tuto_vidio .list_vidio .ico_player { width: 28px; height: 28px; bottom: 10px; right: 10px; } } @media (max-width: 767px) { .tuto_vidio .list_vidio .ico_player { width: 15px; height: 15px; bottom: 5px; right: 5px; } } .tuto_vidio .list_vidio .desc { margin-top: 24px; } .tuto_vidio .list_vidio .desc strong, .tuto_vidio .list_vidio .desc span { display: block; } .tuto_vidio .list_vidio .desc strong { margin-bottom: 6px; } @media (max-width: 767px) { .tuto_vidio .list_vidio .desc { display: inline-block; width: calc((100% - 3.6%) - 120px); padding-left: 3.6%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; vertical-align: middle; } .tuto_vidio .list_vidio .desc br { display: none; } } .ico_new { padding-right: 36px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_new.png?v=2022207071") no-repeat right center; } .mt40 { margin-top: 40px; } .mt80 { margin-top: 80px; } .ie8 .slct, .ie9 .slct { padding: 0px 0px 0px 20px; background: #ffffff; } @media (max-width: 767px) { .ie8 .slct, .ie9 .slct { padding: 0px 0px 0px 10px; } } .ie8 .bx_ipt .holder, .ie9 .bx_ipt .holder { display: block; } .ie8 .bx_textarea .holder, .ie9 .bx_textarea .holder { display: block; } .ie8 .slct { height: auto; } .ie8 .cnt_top .bx_srch .bx_ipt { width: 600px; } .ie8 .cnt_top .bx_srch .slct, .ie8 .cnt_top .bx_srch .ipt { height: auto; margin-top: 18px; line-height: 1; } .ie8 .chk + .checked { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check_on.png?v=2022207071") no-repeat 0px 50%; } .ie8 .radio + .checked { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_radio_on.png?v=2022207071") no-repeat 0px 50%; } .ie8 .tbl th.subject_header .right { margin-top: -20px; } .ie8 .popup, .ie8 .pop_browser { top: 20px; left: 20px; } .ie8 .pop_browser { display: block; position: fixed !important; width: 670px; top: 50%; left: 50%; margin: -300px 0 0 -335px; font-size: 15px; } .ie8 .pop_browser .txt_point { text-decoration: underline; } .ie8 .pop_browser .ico_check { display: inline-block; width: 15px; height: 11px; margin-right: 10px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bu_check.png?v=2022207071") no-repeat 0px 50%; } .ie8 .pop_browser .ico_close { position: absolute; right: -1px; top: -1px; width: 29px; height: 29px; border: 1px solid #222222; font-size: 0; line-height: 0; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_close_ie8.gif?v=2022207071") no-repeat 0 0; } .ie8 .pop_browser .btn_download { position: relative; padding: 20px 110px 25px 30px; border-color: #ccc; text-align: left; line-height: 1.3; font-weight: 100; color: #222; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/btn_download_ie8.gif?v=2022207071") no-repeat 0 0; } .ie8.ie_old .pop_browser { margin: -300px 0 0 -400px; } .ie8.ie_old .ico_check { margin-top: 7px; } .ie8.ie_old .ico_close, .ie8.ie_old .btns { display: none; } .ie8.ie_old .btn_download { padding: 20px 45px 25px 30px; } .bottom_bnr .bnr { position: relative; display: block; width: 100%; overflow: hidden; } .bottom_bnr .bnr img { width: 100%; } @media (max-width: 767px) { .bottom_bnr .bnr { height: 76px; } .bottom_bnr .bnr img { position: absolute; bottom: 0; width: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 76px; } } .bul_list { text-align: left; } .bul_list > .dash { position: relative; padding-left: 10px; color: #222222; font-size: 15px; line-height: 24px; word-wrap: break-word; } .bul_list > .dash::before { content: '-'; position: absolute; left: 0; } @media (max-width: 1279px) { .bul_list > .dash { font-size: 15px; } } @media (max-width: 767px) { .bul_list > .dash { font-size: 14px; line-height: 1.5; } } .txt_under { text-decoration: underline; } /* 패키지 개선 - GLABW-1497 */ .package_info { margin-top: 50px; } .package_info + .package_info { margin-top: 30px; } .package_info.deactive .inner h3 { opacity: 0.5; } .package_info .inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; text-align: center; } .package_info .inner h3 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 170px; border-top-left-radius: 20px; background: #f23656; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; color: #fff; font-size: 16px; font-weight: 100; -webkit-transition: opacity ease 0.5s; transition: opacity ease 0.5s; } .package_info .inner h3 .ico { position: absolute; top: 50%; right: 24px; left: 24px; -webkit-transform: translateY(-80%); -ms-transform: translateY(-80%); transform: translateY(-80%); } .package_info .inner .prod_tit { position: absolute; right: 24px; bottom: 24px; left: 24px; } .package_info .inner .pack_list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap; } .package_info .inner .pack_list .pack_item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 328px; min-height: 181px; margin-left: 20px; border: 2px solid #f5f7f8; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; -webkit-transition: border-color ease 0.5s, color ease 0.5s; transition: border-color ease 0.5s, color ease 0.5s; } .package_info .inner .pack_list .pack_item:nth-child(3n+4) { margin-left: 0; } .package_info .inner .pack_list .pack_item:nth-child(n+4) { margin-top: 20px; } .package_info .inner .pack_list .pack_item + .pack_item { margin-left: 20px; } .package_info .inner .pack_list .pack_item > dl { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 188px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 20px 35px 20px; background: #f5f7f8; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: background-color ease 0.5s; transition: background-color ease 0.5s; } .package_info .inner .pack_list .pack_item > dl dt { font-size: 20px; line-height: 26px; } .package_info .inner .pack_list .pack_item > dl .icons { position: absolute; top: 110px; right: 20px; left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .package_info .inner .pack_list .pack_item > dl .icons > span { position: relative; display: block; width: 36px; height: 36px; overflow: hidden; } .package_info .inner .pack_list .pack_item > dl .icons > span + span { margin-left: 10px; } .package_info .inner .pack_list .pack_item > dl .icons > span img { position: absolute; top: 0; left: 0; max-width: 36px; } .package_info .inner .pack_list .pack_item > dl .icons > span img + img { opacity: 0; } .package_info .inner .pack_list .pack_item > dl .prod_text { position: absolute; top: 134px; right: 10px; left: 10px; display: none; font-size: 13px; font-weight: 600; line-height: 18px; } .package_info .inner .pack_list .pack_item > dl .prod_text span + span::before { content: '+ '; } .package_info .inner .pack_list .pack_item .price { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-bottom: 35px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .package_info .inner .pack_list .pack_item .price > span { color: #000; font-weight: 600; } .package_info .inner .pack_list .pack_item .price .discount { position: absolute; top: 14px; right: 14px; color: #f52222; font-size: 20px; font-weight: 600; line-height: 29px; } .package_info .inner .pack_list .pack_item .price .origin { font-size: 14px; text-decoration: line-through; line-height: 20px; opacity: 0.5; } .package_info .inner .pack_list .pack_item .price .sale { margin-top: 4px; font-size: 20px; line-height: 29px; } .package_info .inner .pack_list .pack_item .price .txt_buy { display: none; margin-top: 15px; font-size: 15px; font-weight: 600; line-height: 22px; } .package_info .inner .pack_list .pack_item:hover, .package_info .inner .pack_list .pack_item:focus { border-color: #343434; } .package_info .inner .pack_list .pack_item:hover > dl, .package_info .inner .pack_list .pack_item:focus > dl { padding-top: 20px; padding-bottom: 28px; background-color: #343434; color: #ffffff; } .package_info .inner .pack_list .pack_item:hover > dl .icons, .package_info .inner .pack_list .pack_item:focus > dl .icons { top: 88px; } .package_info .inner .pack_list .pack_item:hover > dl .icons > span img, .package_info .inner .pack_list .pack_item:focus > dl .icons > span img { opacity: 0; } .package_info .inner .pack_list .pack_item:hover > dl .icons > span img + img, .package_info .inner .pack_list .pack_item:focus > dl .icons > span img + img { opacity: 1; } .package_info .inner .pack_list .pack_item:hover > dl .prod_text, .package_info .inner .pack_list .pack_item:focus > dl .prod_text { display: block; } .package_info .inner .pack_list .pack_item:hover .price, .package_info .inner .pack_list .pack_item:focus .price { padding-bottom: 20px; } .package_info .inner .pack_list .pack_item:hover .price .txt_buy, .package_info .inner .pack_list .pack_item:focus .price .txt_buy { display: block; } .package_info .inner .pack_list .pack_item .flag_event { top: -10px; right: 18%; z-index: 1; } .package_info.mixmax .inner h3 { background: #f23656; } .package_info.mixpro .inner h3 { background: #e42537; } .package_info.gcm .inner h3 { background: #209dfa; } .package_info.gen .inner h3 { background: #ee7c23; } @media (max-width: 1279px) { .package_info { margin-top: 40px; } .package_info .inner { max-width: 548px; margin: 0 auto; } .package_info .inner .pack_list .pack_item { width: 358px; } .package_info .inner .pack_list .pack_item > dl { width: 208px; padding-right: 30px; padding-left: 30px; } .package_info .inner .pack_list .pack_item + .pack_item { margin-top: 20px; } } @media (max-width: 767px) { .package_info .inner { display: block; max-width: none; } .package_info .inner h3 { width: 100%; padding: 20px 0 50px 0; font-size: 20px; line-height: 30px; } .package_info .inner h3 .ico { display: none; } .package_info .inner h3 .prod_tit { position: static; } .package_info .inner .pack_list { position: relative; margin-top: -30px; padding: 0 14px; } .package_info .inner .pack_list .pack_item { width: 100%; margin: 0; } .package_info .inner .pack_list .pack_item > dl { width: 58.3%; padding-right: 30px; padding-left: 30px; } .package_info .inner .pack_list .pack_item + .pack_item { margin: 10px 0 0 0; } .package_info .inner .pack_list .pack_item .flag_event { right: 60px; } } /* //패키지 개선 - GLABW-1497 */ /* 패키지, 플랜&가격 이벤트 라벨 */ .flag_event { position: absolute; width: 62px; height: 34px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/icon-prod-event.png?v=2022207071") no-repeat 0 0; background-size: cover; } .flag_event.ani_bounce { animation: bounce 0.9s ease-in 0s infinite alternate; } @keyframes bounce { from { transform: translate(0, 0); } to { transform: translate(0, 5px); } } /* //패키지, 플랜&가격 이벤트 라벨 */ /* S: ORG048-4 - 추가 */ .renew.main header.h_white { border-bottom: none; } .renew.main header.fix.h_white { border: 1px solid #e5e5e5; } .renew.main .container { position: relative; text-align: center; font-size: 18px; } .renew.main .container h2 { position: relative; font-weight: 100; margin-bottom: 50px; font-size: 42px; line-height: 71px; } .renew.main .container h2::after { content: ''; position: static; display: block; width: 44px; height: 1px; margin: 14px auto 0 auto; background: #222222; left: 50%; line-height: 44px; top: 82px; } .renew.main .container span, .renew.main .container strong { display: block; } @media (max-width: 1279px) { .renew.main .container { font-size: 16px; } .renew.main .container h2 { font-size: 44px; margin-bottom: 72px; } .renew.main .container h2:after { top: 62px; } } @media (max-width: 767px) { .renew.main .container { line-height: 1.6; } .renew.main .container h2 { font-size: 30px; margin-bottom: 63px; } .renew.main .container h2:after { top: 60px; width: 18px; margin-left: -9px; } } .renew.main .goods_point { overflow: hidden; max-width: 1279px; width: 100%; margin: 0 auto 100px; display: block; clear: both; content: ""; } .renew.main .goods_point .box { width: 250px; margin: 0px 75px; display: inline-block; vertical-align: top; } .renew.main .goods_point .box img { width: 182px; text-align: center; } .renew.main .goods_point .box .txt_box { margin: 0px 20px; } .renew.main .goods_point .box .tit { font-size: 28px; margin: 52px auto 30px; } @media (max-width: 1279px) { .renew.main .goods_point { margin-bottom: 66px; } .renew.main .goods_point .box { margin: 0px 2%; width: 210px; } .renew.main .goods_point .box img { width: 146px; height: 148px; } .renew.main .goods_point .box .tit { font-size: 24px; margin: 34px auto 22px; } .renew.main .goods_point .box .txt_box { margin: 0px; font-size: 16px; } } @media (max-width: 767px) { .renew.main .goods_point { margin-bottom: 0px; width: 100%; } .renew.main .goods_point .box { width: 100%; margin: 0px; } .renew.main .goods_point .box img { width: 130px; height: auto; } .renew.main .goods_point .box .tit { margin: 0px auto 9px; font-size: 26px; } .renew.main .goods_point .box .txt_box { width: 55%; margin: 30px auto 50px; font-size: 16px; } } .renew.main .main_imgs { position: relative; padding-top: 87px; } @media (max-width: 1279px) { .renew.main .main_imgs { padding-top: 60px; } } @media (max-width: 767px) { .renew.main .main_imgs { padding-top: 44px; } } .renew.main .main_imgs .slider_mvisual { overflow: hidden; position: relative; width: 100%; max-height: 560px; margin: 0 auto; } .renew.main .main_imgs.has_wh .slider_mvisual .btn_prev { background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_prev_wh.svg?v=2022207071") no-repeat 0 0; } .renew.main .main_imgs.has_wh .slider_mvisual .btn_next { background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_next_wh.svg?v=2022207071") no-repeat 0 0; } .renew.main .main_imgs.has_wh .slider_controls .slick-dots button::before, .renew.main .main_imgs.has_wh .slider_controls .slick-dots button::after { background: #fff; } .renew.main .main_imgs.has_wh .slider_controls .slick-dots span { color: #fff; } .renew.main .main_imgs.has_wh .slider_controls .slide_play { background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_sl_play_wh.svg?v=2022207071") no-repeat 0 0; } .renew.main .main_imgs.has_wh .slider_controls .slide_pause { background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_sl_stop_wh.svg?v=2022207071") no-repeat 0 0; } .renew.main .main_imgs .slider_mvisual .slider { position: relative; } .renew.main .main_imgs .slider_mvisual .bx_visual { display: block; } .renew.main .main_imgs .slider_mvisual .bx_visual img { display: block; width: 100%; max-width: 1280px; margin: 0 auto; } .renew.main .main_imgs .slider_mvisual .bx_text { display: table; position: absolute; left: 50%; top: 50%; margin: 0 auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 1280px; max-height: 470px; } .renew.main .main_imgs .slider_mvisual .bx_text .inner { display: table-cell; height: 100%; vertical-align: middle; } .renew.main .main_imgs .slider_mvisual .bx_text .sub { display: inline-block; width: 500px; font-size: 24px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .renew.main .main_imgs .slider_mvisual .bx_text .tit { display: inline-block; width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 58px; line-height: 66px; font-weight: bold; } .renew.main .main_imgs .slider_mvisual .bx_text .desc { display: inline-block; width: 500px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px; line-height: 24px; } .renew.main .main_imgs .slider_mvisual .bx_text .btns { display: inline-block; width: 500px; margin-top: 20px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .renew.main .main_imgs .slider_mvisual .bx_text .btns .btn { position: relative; height: 40px; min-width: 140px; margin: 0 5px; padding: 0 30px; font-size: 15px; line-height: 38px; } .renew.main .main_imgs .slider_mvisual .bx_text .btns .btn:first-child { margin-left: 0; } .renew.main .slider_mvisual .slider_wh .bx_text { color: #fff; } .renew.main .slider_mvisual .slider_wh .btn { background: #fff; color: #222222; } @media screen and (max-width: 1600px) { .renew.main .main_imgs .slider_mvisual .bx_text { max-width: 1040px; } } .renew.main .main_imgs .slider_mvisual .btn_arrow { z-index: 2; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 80px; height: 80px; font-size: 0; line-height: 0; } .renew.main .main_imgs .slider_mvisual .btn_prev { left: 40px; background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_prev.svg?v=2022207071") no-repeat 0 0; } .renew.main .main_imgs .slider_mvisual .btn_next { right: 40px; background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_next.svg?v=2022207071") no-repeat 0 0; } @media (max-width: 1279px) { .renew.main .main_imgs .slider_mvisual { max-height: none; } .renew.main .main_imgs .slider_mvisual .bx_visual img { max-width: 768px; } .renew.main .main_imgs .slider_mvisual .bx_text { display: block; top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: none; min-height: auto; padding: 0 70px; -webkit-box-sizing: border-box; box-sizing: border-box; } .renew.main .main_imgs .slider_mvisual .bx_text .inner { display: block; width: 100%; } .renew.main .main_imgs .slider_mvisual .bx_text .sub { width: 100%; margin-top: 50px; font-size: 30px; line-height: 45px; text-align: center; } .renew.main .main_imgs .slider_mvisual .bx_text .tit { width: 100%; line-height: 67px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .renew.main .main_imgs .slider_mvisual .bx_text .desc { width: 100%; margin-top: 10px; font-size: 24px; line-height: 35px; text-align: center; } .renew.main .main_imgs .slider_mvisual .bx_text .btns { width: 100%; margin-top: 20px; text-align: center; } .renew.main .main_imgs .slider_mvisual .bx_text .btns .btn { min-width: 160px; height: 50px; margin: 0 7px; line-height: 48px; font-size: 18px; } .renew.main .main_imgs .slider_mvisual .bx_text .btns .btn:first-child { margin-left: 7px; } .renew.main .main_imgs .slider_mvisual .btn_download { display: none; } .renew.main .main_imgs .slider_mvisual .btn_prev { left: 0; } .renew.main .main_imgs .slider_mvisual .btn_next { right: 0; } } @media (max-width: 767px) { .renew.main .main_imgs .slider_mvisual .bx_visual img { max-width: 375px; max-height: 560px; } .renew.main .main_imgs .slider_mvisual .bx_text { padding: 0 24px; } .renew.main .main_imgs .slider_mvisual .bx_text .sub { margin-top: 40px; font-size: 18px; line-height: 28px; } .renew.main .main_imgs .slider_mvisual .bx_text .tit { overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 38px; line-height: 45px; } .renew.main .main_imgs .slider_mvisual .bx_text .desc { font-size: 16px; line-height: 24px; } .renew.main .main_imgs .slider_mvisual .bx_text .btns .btn { min-width: 140px; height: 40px; margin: 0 5px; font-size: 15px; line-height: 38px; } .renew.main .main_imgs .slider_mvisual .bx_text .btns .btn:first-child { margin-left: 5px; } } @media screen and (max-width: 370px) { .renew.main .main_imgs .slider_mvisual .bx_text .btn + .btn { margin-top: 5px; } } .renew.main .main_imgs .slider_controls { z-index: 2; position: absolute; left: 50%; bottom: 0; width: 100%; max-width: 1280px; height: 70px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .renew.main .main_imgs .slider_controls .wrap_controls { display: inline-block; } .renew.main .main_imgs .slider_controls .slick-dots li { display: inline-block; position: relative; width: 120px; height: 28px; padding: 18px 0 0; margin: 0 15px; } .renew.main .main_imgs .slider_controls .slick-dots .slick-active button::after { opacity: 1; -webkit-animation-name: slickDotWidth; animation-name: slickDotWidth; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .renew.main .main_imgs .slider_controls .slick-dots button { display: block; overflow: hidden; width: 100%; } .renew.main .main_imgs .slider_controls .slick-dots button::after { display: block; content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: #222; opacity: 0; } .renew.main .main_imgs .slider_controls .slick-dots button::before { display: block; content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: #222; opacity: 0.3; } .renew.main .main_imgs .slider_controls .slick-dots span { display: inline-block; width: 100%; font-size: 14px; line-height: 20px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .renew.main .main_imgs .slider_controls .slide_btn { display: inline-block; width: 20px; height: 20px; } .renew.main .main_imgs .slider_controls .slide_play { display: none; background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_sl_play.svg?v=2022207071") no-repeat 0 0; } .renew.main .main_imgs .slider_controls .slide_pause { background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_sl_stop.svg?v=2022207071") no-repeat 0 0; } .renew.main .main_imgs .slider_controls.paused .slide_pause { display: none; } .renew.main .main_imgs .slider_controls.paused .slide_play { display: inline-block; } @media (max-width: 1279px) { .renew.main .main_imgs .slider_controls { height: 60px; max-width: none; } .renew.main .main_imgs .slider_controls .slick-dots { height: 20px; } .renew.main .main_imgs .slider_controls .slick-dots li { width: 24px; height: 2px; margin: 0 10px; } .renew.main .main_imgs .slider_controls .slick-dots span { display: none; } .renew.main .main_imgs .slider_controls .slick-dots button { padding: 10px 0; } .renew.main .main_imgs .slider_controls .slide_btn { vertical-align: top; } } @media (max-width: 767px) { .renew.main .main_imgs .slider_controls { height: 50px; } } .renew.main .main_imgs .btn_posi { position: relative; max-width: 1920px; margin: 0 auto; } .renew.main .main_imgs .btn_posi .btn_arrow { position: absolute; top: -320px; width: 80px; height: 80px; color: rgba(0, 0, 0, 0); font-size: 0; line-height: 0; } .renew.main .main_imgs .btn_posi .btn_arrow.btn_prev { left: 40px; background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_prev.svg?v=2022207071") no-repeat 0 0; } .renew.main .main_imgs .btn_posi .btn_arrow.btn_next { right: 40px; background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_next.svg?v=2022207071") no-repeat 0 0; } .renew.main .main_imgs.has_wh .btn_arrow.btn_prev { background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_prev_wh.svg?v=2022207071") no-repeat 0 0; } .renew.main .main_imgs.has_wh .btn_arrow.btn_next { background: url("//www.gomlab.com/gomlab_v2/ui/img/main/btn_next_wh.svg?v=2022207071") no-repeat 0 0; } @media (max-width: 1279px) { .renew.main .main_imgs .btn_posi { position: static; } .renew.main .main_imgs .btn_posi .btn_arrow { top: calc(50% - 10px); } .renew.main .main_imgs .btn_posi .btn_arrow.btn_prev { left: 0; } .renew.main .main_imgs .btn_posi .btn_arrow.btn_next { right: 0; } } @media (max-width: 767px) { .renew.main .main_imgs .btn_posi { display: none; } } .renew.main .bx_prodlist { overflow: hidden; padding: 0 0 60px; font-size: 0; } .renew.main .bx_prodlist .inner { max-width: 1300px; margin: 0 auto; } .renew.main .bx_prodlist .prod { display: inline-block; position: relative; width: 240px; height: 245px; padding: 40px 10px 0; vertical-align: top; } .renew.main .bx_prodlist .prod > a { display: block; position: relative; height: 100%; } .renew.main .bx_prodlist .thumb { display: inline-block; overflow: hidden; width: 240px; height: 145px; border-radius: 20px 20px 0 0; } .renew.main .bx_prodlist .txt { height: 100px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #E5E5E5; border-width: 0 1px 1px 1px; } .renew.main .bx_prodlist .txt em, .renew.main .bx_prodlist .txt span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .renew.main .bx_prodlist em { font-size: 18px; line-height: 20px; font-style: normal; font-weight: bold; } .renew.main .bx_prodlist span { margin: 10px 0 0; font-size: 15px; line-height: 20px; } .renew.main .bx_prodlist .ico_new { display: inline-block; position: absolute; left: -14px; top: -14px; width: 60px; height: 60px; margin: 0; background: url("//www.gomlab.com/gomlab_v2/ui/img/main/ico_new.svg?v=2022207071") no-repeat 0 0; font-size: 0; line-height: 0; } @media (max-width: 1350px) { .renew.main .bx_prodlist .inner { width: 100%; padding: 0; } .renew.main .bx_prodlist .inner .slick-list { padding: 0 10px; } .renew.main .bx_prodlist .slick-dots { margin: 10px auto 0; } .renew.main .bx_prodlist .slick-dots li { display: inline-block; } .renew.main .bx_prodlist .slick-dots .slick-active button::before { background: #222; } .renew.main .bx_prodlist .slick-dots button { display: inline-block; position: relative; overflow: hidden; width: 6px; height: 16px; margin: 0 6px; padding: 10px 0; font-size: 0; line-height: 0; } .renew.main .bx_prodlist .slick-dots button::before { display: inline-block; content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: #C8C8C8; border-radius: 50%; } } @media (max-width: 1350px) and (max-width: 767px) { .renew.main .bx_prodlist .prod { padding-top: 30px; } } .renew.main .gomlab_channel { margin-bottom: 70px; } .renew.main .gomlab_channel .inner { padding: 50px 0 60px 0; background: #f5f5f5; text-align: left; } .renew.main .gomlab_channel .inner .wrap { display: -webkit-box; display: flex; display: -ms-flexbox; max-width: 1280px; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .renew.main .gomlab_channel .inner .wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .renew.main .gomlab_channel .inner .wrap .insta_wrap { width: 655px; } .renew.main .gomlab_channel .inner .wrap .insta_wrap ul { display: -webkit-box; display: flex; display: -ms-flexbox; } .renew.main .gomlab_channel .inner .wrap .insta_wrap li { display: inline-block; width: 320px; } .renew.main .gomlab_channel .inner .wrap .insta_wrap li + li { margin-left: 15px; } .renew.main .gomlab_channel .inner .wrap .insta_wrap li a { position: relative; display: block; padding-top: 100%; border-radius: 20px; overflow: hidden; } .renew.main .gomlab_channel .inner .wrap .youtube_wrap { width: 100%; margin-left: 57px; } .renew.main .gomlab_channel .inner .wrap .youtube_wrap .video_wrap .btn_play { display: block; position: relative; padding-top: 56.34%; border-radius: 20px; overflow: hidden; } .renew.main .gomlab_channel .inner .wrap .youtube_wrap .video_wrap .btn_play::after { content: ''; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; background: url("//www.gomlab.com/gomlab_v2/ui/img/main/ico_ch_play.svg") 0 0/cover no-repeat; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .renew.main .gomlab_channel .inner .wrap .youtube_wrap .btns .btn_go::before { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/main/ico_youtube.png"); } .renew.main .gomlab_channel .inner .wrap .btns { margin-top: 16px; text-align: left; } .renew.main .gomlab_channel .inner .wrap .btns .btn_go { position: relative; display: inline-block; padding: 0 30px 0 29px; color: #222222; font-size: 15px; font-weight: 600; line-height: 24px; } .renew.main .gomlab_channel .inner .wrap .btns .btn_go::before, .renew.main .gomlab_channel .inner .wrap .btns .btn_go::after { content: ''; position: absolute; background-repeat: no-repeat; } .renew.main .gomlab_channel .inner .wrap .btns .btn_go::before { top: 0; left: 0; width: 24px; height: 24px; background-image: url("//www.gomlab.com/gomlab_v2/ui/img/main/ico_instagram.png"); } .renew.main .gomlab_channel .inner .wrap .btns .btn_go::after { top: 2px; right: 0; width: 20px; height: 20px; background-image: url("//www.gomlab.com/gomlab_v2/ui/img/main/ico_link_arrow.svg"); } .renew.main .goods_point { margin-bottom: 90px; } .renew.main .btm_conts { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } .renew.main .btm_conts .inner { position: relative; max-width: 1280px; margin: 0 auto; padding: 80px 0 96px; } .renew.main .btm_conts .inner::after { content: ''; position: absolute; top: 0; left: 87%; width: 100%; height: 100%; background: #f5f5f5; z-index: -1; } .renew.main .btm_conts .customer { position: relative; height: auto; min-height: 520px; background: none; } .renew.main .btm_conts .customer h2::after { margin-left: 0; } .renew.main .btm_conts .customer li + li { margin-top: 20px; } .renew.main .btm_conts .customer li a { position: relative; display: block; width: 327px; padding-right: 42px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #222222; font-size: 24px; line-height: 1.5; } .renew.main .btm_conts .customer li a::after { content: ''; position: absolute; top: 4px; right: 0; width: 28px; height: 28px; background: url("//www.gomlab.com/gomlab_v2/ui/img/main/arr_rt.png") 0 0/cover no-repeat; } .renew.main .btm_conts .customer .img_wrap { position: absolute; top: 0; left: 555px; width: 800px; height: 100%; } .renew.main .btm_conts .customer .img_wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .renew.main .btm_conts .partner_wrap { padding-top: 60px; } .renew.main .btm_conts .partner_wrap .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 90%; margin: 0; } .renew.main .btm_conts .partner_wrap .wrap a { display: block; margin: 20px 40px 20px 0; } @media (max-width: 1757px) { .renew.main .btm_conts .partner_wrap .wrap { max-width: 80%; } } @media (max-width: 1279px) { .renew.main header.fix.h_white { border: 0; border-bottom: 1px solid #e5e5e5; } .renew.main .container h2 { margin-bottom: 40px; font-size: 44px; line-height: 65px; } .renew.main .container h2::after { margin-top: 10px; } .renew.main .gomlab_channel { margin-bottom: 60px; } .renew.main .gomlab_channel .inner { padding: 40px 30px 50px; } .renew.main .gomlab_channel .inner .wrap { display: block; font-size: 0; } .renew.main .gomlab_channel .inner .wrap .insta_wrap { width: 100%; } .renew.main .gomlab_channel .inner .wrap .insta_wrap li { width: 50%; } .renew.main .gomlab_channel .inner .wrap .insta_wrap li + li { margin-left: 20px; } .renew.main .gomlab_channel .inner .wrap .youtube_wrap { margin: 50px 0 0 0; } .renew.main .gomlab_channel .inner .wrap .youtube_wrap .video_wrap .btn_play::after { width: 100px; height: 100px; } .renew.main .gomlab_channel .inner .wrap .btns { margin-top: 20px; text-align: right; } .renew.main .btm_conts { min-height: auto; padding: 0 0 50px 0; } .renew.main .btm_conts .inner { padding-top: 60px; } .renew.main .btm_conts .inner::after { display: none; } .renew.main .btm_conts .customer { min-height: auto; font-size: 0; } .renew.main .btm_conts .customer h2 { text-align: center; } .renew.main .btm_conts .customer h2::after { margin-right: auto; margin-left: auto; } .renew.main .btm_conts .customer ul { display: inline-block; width: calc(50% + 16px); vertical-align: top; } .renew.main .btm_conts .customer ul li { padding: 0 43px 0 30px; } .renew.main .btm_conts .customer ul li + li { margin-top: 30px; } .renew.main .btm_conts .customer ul li a { width: auto; font-size: 24px; } .renew.main .btm_conts .customer .img_wrap { position: relative; left: 0; display: inline-block; width: calc(50% - 16px); padding-top: 31.25%; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .renew.main .btm_conts .partner_wrap { padding-top: 50px; } .renew.main .btm_conts .partner_wrap .wrap { max-width: none; margin: 0; } .renew.main .btm_conts .partner_wrap .wrap a { margin: 0 20px; } .renew.main .btm_conts .partner_wrap .slick-list { padding-left: 30px; } } @media (max-width: 767px) { .renew.main .container h2 { margin-bottom: 30px; font-size: 30px; line-height: 1.5; } .renew.main .container h2::after { margin-right: auto; margin-left: auto; } .renew.main .goods_point { margin-bottom: 10px; } .renew.main .gomlab_channel { margin-bottom: 50px; } .renew.main .gomlab_channel .inner { padding: 24px 24px 50px 24px; } .renew.main .gomlab_channel .inner .wrap .insta_wrap ul { display: block; } .renew.main .gomlab_channel .inner .wrap .insta_wrap ul li { display: block; width: 100%; } .renew.main .gomlab_channel .inner .wrap .insta_wrap ul li + li { margin: 20px 0 0 0; } .renew.main .gomlab_channel .inner .wrap .insta_wrap ul li a { border-radius: 10px; } .renew.main .gomlab_channel .inner .wrap .youtube_wrap .video_wrap .btn_play::after { width: 50px; height: 50px; } .renew.main .btm_conts .inner { padding-top: 10px; } .renew.main .btm_conts .customer h2 { margin-bottom: 40px; } .renew.main .btm_conts .customer ul { display: block; width: 100%; } .renew.main .btm_conts .customer ul li { padding: 0 24px; } .renew.main .btm_conts .customer ul li + li { margin-top: 20px; } .renew.main .btm_conts .customer ul li a { font-size: 20px; line-height: 29px; } .renew.main .btm_conts .customer ul li a::after { top: 0; } .renew.main .btm_conts .customer .img_wrap { display: none; } .renew.main .btm_conts .partner_wrap { padding-top: 60px; } .renew.main .btm_conts .partner_wrap .wrap a { margin: 0 0 0 15px; } .renew.main .btm_conts .partner_wrap .slick-list { padding-left: 24px; padding-right: 24px; } } /* E: ORG048-4 - 추가 */ @-webkit-keyframes dragIcon { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes dragIcon { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes slickDotWidth { 0% { width: 0; } 100% { width: 100%; } } @keyframes slickDotWidth { 0% { width: 0; } 100% { width: 100%; } } .sub .bg_gray { background: #f7f7f7; } .sub .bg_gra { color: #ffffff; background-color: #ff7747; background: -webkit-gradient(linear, right top, left top, from(#ff7747), to(#ffaf84)); background: linear-gradient(to left, #ff7747, #ffaf84); background: -o-linear-gradient(to left, #ff7747, #ffaf84); } .sub .top_visual { width: 100%; height: 580px; position: relative; overflow: hidden; background-size: auto 100% !important; font-size: 15px; color: #ffffff; } .sub .top_visual span { display: block; } .sub .top_visual .location { margin: 0px auto 70px; } .sub .top_visual .location a { color: #ffffff; } .sub .top_visual .video { position: absolute; left: 50%; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0.5; } .sub .top_visual .align { max-width: 1080px; width: 100%; position: relative; top: 110px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1279px) { .sub .top_visual .brochure { display: none; } } .sub .top_visual .logo_pro { height: 34px; } .sub .top_visual .logo_pro + h1 { margin: 30px 0px 30px; } @media (max-width: 1279px) { .sub .top_visual .logo_pro + h1 { margin: 15px 0 30px; } } @media (max-width: 767px) { .sub .top_visual .logo_pro { height: 20px; } .sub .top_visual .logo_pro + h1 { margin: 12px 0px 0px; } } .sub .top_visual h1 { margin: 0px 0px 30px; } .sub .top_visual .ico_beta { text-indent: -2000em; font-size: 1px; overflow: hidden; content: ""; width: 34px; height: 18px; display: inline-block; position: relative; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_beta_w.svg?v=2022207071") no-repeat 0 0; vertical-align: middle; margin: 4px 0 0 6px; } .sub .top_visual .ico_beta + h1 { margin: 30px 0px 30px; } @media (max-width: 1279px) { .sub .top_visual .ico_beta + h1 { margin: 15px 0 30px; } } @media (max-width: 767px) { .sub .top_visual .ico_beta { height: 20px; } .sub .top_visual .ico_beta + h1 { margin: 15px 0px 0px; } } .sub .top_visual .sub_title { font-size: 24px; line-height: 1.6; } .sub .top_visual .ico_player { background: url("//www.gomlab.com/gomlab_v2/ui/img/sub/ico_player.svg?v=2022207071") no-repeat 0 0; background-size: 100%; content: ""; width: 80px; height: 80px; display: inline-block; position: relative; text-indent: -2000em; font-size: 1px; overflow: hidden; } .sub .top_visual .download_wrap { position: relative; display: flex; } .sub .top_visual .download_wrap .btn.download { position: relative; min-width: 160px; height: 45px; padding-right: 56px; padding-left: 20px; border-radius: 45px; text-align: left; } .sub .top_visual .download_wrap .btn.download:after { content: ""; position: absolute; width: 26px; height: 26px; top: 50%; right: 20px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_download.svg?v=2022207071") no-repeat 0 0; transform: translateY(-50%); } .sub .top_visual .download_wrap .btn.download + .download { margin-left: 20px; } @media (max-width: 1279px) { .sub .top_visual .download_wrap .btn.download { font-size: 17px; line-height: 1.2; } .sub .top_visual .download_wrap .btn.download + .download { margin-left: 40px; } } .sub .top_visual .download_wrap + .sub_tit { margin-top: 15px; } @media (max-width: 767px) { .sub .top_visual .download_wrap { display: none; } .sub .top_visual .download_wrap + .sub_tit { font-size: 14px; } } .sub .top_visual.has_srch { height: 410px; background-size: cover !important; } .sub .top_visual.has_srch h1 { display: inline-block; } .sub .top_visual.has_srch form { float: right; width: 540px; } @media (max-width: 1279px) { .sub .top_visual.has_srch { height: 357px; } .sub .top_visual.has_srch form { width: 344px; } } @media (max-width: 767px) { .sub .top_visual.has_srch { height: 200px; } .sub .top_visual.has_srch form { float: none; width: 100%; } } .sub .top_visual .download_pop { width: auto; min-width: 460px; padding: 40px; text-align: center; font-size: 18px; color: #222222; } .sub .top_visual .download_pop .bx_dw { display: inline-block; width: 160px; margin-left: 24px; text-align: center; } .sub .top_visual .download_pop .bx_dw:first-child { margin-left: 0; } .sub .top_visual .download_pop .bx_dw img { width: 61px; } .sub .top_visual .download_pop .bx_dw span { display: block; margin: 14px auto 24px; font-size: 13px; } .sub .top_visual .download_pop .link { display: block; clear: both; content: ""; text-align: left; display: block; border-top: 1px solid #222222; margin-top: 20px; padding-top: 14px; } .sub .top_visual .download_pop .link span { display: inline; margin-right: 5px; } .sub .top_visual .download_pop .txt_noti { display: block; border-top: 1px solid #222222; margin-top: 20px; padding: 14px 0 0; text-align: left; } .sub .top_visual .download_pop .txt_noti .link { margin-top: 0; padding-top: 0; border-top: 0; text-decoration: none; } .sub .top_visual .download_pop .txt_noti p { padding: 10px 0 0 0; } @media (max-width: 1279px) { .sub .top_visual .download_pop { position: fixed; top: 50%; bottom: auto; left: 50%; width: 90%; margin-top: 22px; padding: 40px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sub .top_visual .download_pop .link { padding-top: 20px; } } @media (max-width: 767px) { .sub .top_visual .download_pop .bx_dw { display: block; width: auto; margin: 0 auto; } .sub .top_visual .download_pop .bx_dw img { display: none; } .sub .top_visual .download_pop .bx_dw span { margin: 0; font-size: 14px; } .sub .top_visual .download_pop .bx_dw .btn { margin: 20px auto 30px; } .sub .top_visual .download_pop .link { margin-top: 0; } } @media (max-width: 1279px) { .sub .top_visual { height: 578px; } .sub .top_visual .location { margin: 0px auto 90px; margin-left: -4.62%; padding: 0px; } .sub .top_visual .align { top: 80px; padding: 0px 7.8%; } .sub .top_visual h1 { margin: 0px 0px 15px; } .sub .top_visual .ico_player { width: 72px; height: 72px; } } @media (max-width: 767px) { .sub .top_visual { height: 360px; } .sub .top_visual .align { max-height: 270px; padding: 0px 9.37%; top: 80px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; } .sub .top_visual h1 { margin: 0px 0px 15px; font-size: 23px; line-height: 33px; } .sub .top_visual .sub_title { font-size: 14px; } .sub .top_visual .ico_player { width: 45px; height: 45px; display: none; } .sub .top_visual .download_pop { width: 87.5% !important; max-width: inherit; padding: 30px 20px; } } .sub .sub_menu { width: 100%; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ededed; background: #ffffff; overflow: visible; position: relative; -webkit-transition: -webkit-transform 400ms; transition: -webkit-transform 400ms; transition: transform 400ms; transition: transform 400ms, -webkit-transform 400ms; } .sub .sub_menu.s_purchase { height: 143px; border-bottom: none; } .sub .sub_menu.s_purchase .wrap { height: 59px; } .sub .sub_menu.s_purchase .inner { -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ededed; background: #ffffff; } .sub .sub_menu.s_purchase.fix { position: relative; top: auto; z-index: auto; height: 143px; } .sub .sub_menu.s_purchase.fix .inner { position: fixed; width: 100%; top: 0; z-index: 5; } .sub .sub_menu .wrap { height: 100%; max-width: 1080px; } .sub .sub_menu .wrap:after { display: block; clear: both; content: ""; } .sub .sub_menu a { font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 60px; padding: 0 20px; display: block; position: relative; } .sub .sub_menu a .m_show { display: none; } @media (max-width: 767px) { .sub .sub_menu a .m_show { display: inline; } } .sub .sub_menu a span:not(.m_show) { display: inline; } @media (max-width: 767px) { .sub .sub_menu a span:not(.m_show) { display: none; } } @media (max-width: 1279px) { .sub .sub_menu { padding: 0 30px; } .sub .sub_menu.s_purchase { padding: 0; } .sub .sub_menu.s_purchase .inner { padding: 0 30px; } .sub .sub_menu a { padding: 0 10px; margin-right: 10px; } .sub .sub_menu a:last-child { margin-right: 0px; } } @media (max-width: 767px) { .sub .sub_menu { height: 45px; padding: 0px 4.68%; } .sub .sub_menu.s_purchase { height: 191px; } .sub .sub_menu.s_purchase.fix { height: 191px; } .sub .sub_menu.s_purchase .wrap { padding: 0px 4.68%; height: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub .sub_menu.s_purchase .inner { padding: 0; } .sub .sub_menu.s_purchase .right { bottom: 215px; padding: 0px 7.9%; } .sub .sub_menu a { line-height: 45px; padding: 0 10px; } .sub .sub_menu a:last-child { margin-right: auto; } } .sub .sub_menu .iscroll { position: relative; z-index: 1; width: calc(100% - 450px); -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; overflow: hidden; -ms-touch-action: none; float: left; } .sub .sub_menu .iscroll a.on { font-weight: 600; } .sub .sub_menu .iscroll a.on:before { content: ""; width: 100%; height: 2px; display: block; position: absolute; background: #222222; bottom: 1px; left: 0px; } .sub .sub_menu .iscroll ul { width: 100%; padding: 0; margin: 0; } .sub .sub_menu .iscroll ul:after { display: block; clear: both; content: ""; } .sub .sub_menu .iscroll li { float: left; } @media (max-width: 1279px) { .sub .sub_menu .iscroll { width: calc(100% - 400px); } .sub .sub_menu .iscroll li { margin-right: 20px; } .sub .sub_menu .iscroll li:last-child { margin: 0px; } } @media (max-width: 767px) { .sub .sub_menu .iscroll { width: 100%; height: 45px; } .sub .sub_menu .iscroll li { margin-right: 10px; } .sub .sub_menu .iscroll a { font-size: 13px; padding: 0 5px; } } .sub .sub_menu #scroller { position: absolute; z-index: 1; width: 2400px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } .sub .sub_menu .right { float: right; } .sub .sub_menu .right a { display: none; float: left; position: relative; } .sub .sub_menu .right a:not(.btn_squ):first-child { padding-left: 0; } .sub .sub_menu .right a.btn_down { font-weight: 600; } .sub .sub_menu .btn_squ { color: #ffffff; background: #f87910; font-size: 20px; font-weight: 600; padding: 19px 29px 20px; margin-left: 20px; line-height: 1; } .sub .sub_menu .btn_squ.disable { background: #cccccc; } .sub .sub_menu .ico_download { position: relative; display: inline-block; width: 10px; height: 2px; background-color: #222222; margin-left: 14px; } .sub .sub_menu .ico_download:before { content: ''; position: absolute; bottom: 8px; border-top: 2px solid #222222; border-left: 2px solid #222222; left: 50%; width: 4px; height: 4px; -webkit-transform: translate(-50%, 50%) rotate(-135deg); -ms-transform: translate(-50%, 50%) rotate(-135deg); transform: translate(-50%, 50%) rotate(-135deg); } .sub .sub_menu .ico_download:after { content: ''; position: absolute; background-color: #222222; bottom: 4px; left: 50%; width: 2px; height: 9px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .sub .sub_menu .ico_win { display: inline-block; width: 17px; height: 18px; margin-left: 14px; vertical-align: -2px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_win_black.svg?v=2022207071") no-repeat 0; background-size: 17px; text-indent: -2000em; font-size: 1px; overflow: hidden; } @media (max-width: 1279px) { .sub .sub_menu .right .btn_squ { margin-right: -33px; margin-left: 10px; } .sub .sub_menu .btn_squ { margin: 0px; } } @media (max-width: 767px) { .sub .sub_menu .right { position: absolute; width: 100%; padding: 0px 4.69%; bottom: 69px; right: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub .sub_menu .right a { display: none; float: none; } .sub .sub_menu .right a.show_dv { display: block; } .sub .sub_menu .right a .ico_win { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_win_wh.svg?v=2022207071") no-repeat 0; background-size: 17px; } .sub .sub_menu .right .btn_squ { margin-right: 0px; margin-left: 0; } .sub .sub_menu .btn_squ, .sub .sub_menu .btn_down { border-radius: 3px; font-size: 13px; padding: 12px 16px; width: 100%; margin: 5px auto; text-align: center; } .sub .sub_menu .btn_down { display: inline-block !important; background: none; color: #ffffff; line-height: 1; padding: 11px 16px; border: 1px solid rgba(255, 255, 255, 0.6); } .sub .sub_menu .btn_down:first-child { margin-right: 20px; } .sub .sub_menu .ico_download { background: #ffffff; margin-left: 10px; } .sub .sub_menu .ico_download:before { border-color: #ffffff; } .sub .sub_menu .ico_download:after { background-color: #ffffff; } } .sub .sub_menu.fix { position: fixed; top: 0px; z-index: 4; } .sub .sub_menu.fix .tip_info { display: none; } .sub .container { font-size: 18px; min-height: 400px; } .sub .container .wrap, .sub .container .goods_point { padding: 80px 0px; max-width: 1080px; margin: 0 auto; } .sub .container .wrap:after, .sub .container .goods_point:after { display: block; clear: both; content: ""; } .sub .container .wrap.product { padding-bottom: 0; } .sub .container .goods_point { padding: 100px 0px 120px; } .sub .container .bx_netcafe { padding: 80px 0 0; } .sub .container .bx_netcafe .tbl_tit.center { margin-top: 0; padding-bottom: 0; } .sub .container h2.blind + .bx_goods .wrap { padding: 60px 0 80px; } @media (max-width: 1279px) { .sub .container { font-size: 16px; min-height: unset; } .sub .container .wrap, .sub .container .goods_point { padding: 70px 3.9%; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub .container .goods_point { padding: 80px 3.9% 100px; } .sub .container .bx_netcafe { padding: 70px 3.9% 0; } .sub .container h2.blind + .bx_goods .wrap { padding: 70px 3.9%; } } @media (max-width: 767px) { .sub .container { font-size: 13px; width: 100%; } .sub .container .wrap { padding: 50px 6.25%; } .sub .container .goods_point { padding: 60px 6.25% 80px; } .sub .container .bx_netcafe { padding: 50px 6.25% 0; } .sub .container h2.blind + .bx_goods .wrap { padding: 50px 6.25%; } } .sub .container .bx_goods { text-align: left; } .sub .container .bx_goods .left { float: left; } .sub .container .bx_goods .right { float: right; } .sub .container .bx_goods .btn { margin: 50px 6px 0 0; } .sub .container .bx_goods .btn + .btn, .sub .container .bx_goods .btn + .pop_tuto + .btn { margin-top: 10px; } .sub .container .bx_goods.bg_gra + .google_bnr, .sub .container .bx_goods.bg_gra + .google_bnr_tp2, .sub .container .bx_goods.bg_gra + .google_bnr_tp2 { margin-top: 30px; } .sub .container .bx_goods + .google_bnr, .sub .container .bx_goods + .google_bnr_tp2, .sub .container .bx_goods + .google_bnr_tp2 { margin-top: 0px; } .sub .container .bx_goods + .bx_qna { margin-top: 120px; } @media (max-width: 1279px) { .sub .container .bx_goods .left, .sub .container .bx_goods .right { width: 49%; } .sub .container .bx_goods img { width: 100%; } .sub .container .bx_goods.bg_gra + .google_bnr, .sub .container .bx_goods.bg_gra + .google_bnr_tp2, .sub .container .bx_goods.bg_gra + .google_bnr_tp2 { margin-top: 15px; } .sub .container .bx_goods .btn { margin: 26px 6px 0 auto; } .sub .container .bx_goods + .bx_qna { margin-top: 100px; } } @media (max-width: 767px) { .sub .container .bx_goods .wrap { padding: 50px 12.5%; } .sub .container .bx_goods .left, .sub .container .bx_goods .right { width: 100%; margin: 0 auto; float: none; text-align: center; } .sub .container .bx_goods .txt_box h2, .sub .container .bx_goods .txt_box p { text-align: left; line-height: 1.7; } .sub .container .bx_goods .txt_box h2 { margin-bottom: 10px; } .sub .container .bx_goods + .bx_qna { margin-top: 80px; } } .sub .container .txt_box { text-align: left; vertical-align: top; width: 436px; } .sub .container .txt_box.sm { width: 368px; } .sub .container .txt_box.sm + .right { width: 712px; } .sub .container .txt_box.big { width: 660px; } .sub .container .txt_box.big + .right { width: 420px; } @media (min-width: 1279px) { .sub .container .txt_box.gmp h2 { margin: 55px 0; } .sub .container .txt_box.gmx h2 { margin: 55px 0; } .sub .container .txt_box.gau h2 { margin: 55px 0; } .sub .container .txt_box.grc h2 { margin: 55px 0; } .sub .container .txt_box.gst h2 { margin: 55px 0; } } .sub .container .txt_box h2 { margin: 10px 0px 33px; } .sub .container .txt_box .txt_bg { margin-bottom: 14px; } .sub .container .txt_box .row { margin-top: 33px; } .sub .container .txt_box .row a.link { display: block; } @media (max-width: 1279px) { .sub .container .txt_box.left, .sub .container .txt_box.right { width: 47%; } .sub .container .txt_box.sm { width: 34%; } .sub .container .txt_box.sm + .right { width: 65%; } .sub .container .txt_box.big { width: 100%; } .sub .container .txt_box.big + .right { width: 100%; } .sub .container .txt_box p { max-width: 350px; } .sub .container .txt_box.gmx h2 { margin: 0; } .sub .container .txt_box h2 { margin: 0px 0px 14px; } .sub .container .txt_box .txt_bg { margin-bottom: 8px; } .sub .container .txt_box .row { margin-top: 14px; } } @media (max-width: 767px) { .sub .container .txt_box { margin: 0 auto; } .sub .container .txt_box.left, .sub .container .txt_box.right { width: 100%; } .sub .container .txt_box.sm { width: 100%; } .sub .container .txt_box.sm + .right { width: 100%; } .sub .container .txt_box h2 { margin: 35px 0px 0px; } .sub .container .txt_box h2 br { display: none; } .sub .container .txt_box p { max-width: 100%; } .sub .container .txt_box .tag { margin: 0px auto 14px; } .sub .container .txt_box .txt_bg { margin-top: 0px; margin-bottom: 14px; } .sub .container .txt_box .row { margin-top: 24px; text-align: left; } } .sub .container .bg_gra h2 { font-weight: 600; } .sub .container .bg_gra .wrap { min-height: 227px; padding: 70px 0; } .sub .container .bg_gra .right { width: 644px; text-align: center; position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sub .container .bg_gra .txt_box .tag.guide { margin-top: 11px; } @media (max-width: 1279px) { .sub .container .bg_gra .wrap { min-height: unset; position: relative; text-align: left; padding: 70px 10.2%; } .sub .container .bg_gra h2 { margin-bottom: 0px; } .sub .container .bg_gra h2 br { display: none; } .sub .container .bg_gra h2 + p { margin-top: 40px; } .sub .container .bg_gra .txt_box p { max-width: 100%; } .sub .container .bg_gra .txt_box .row { margin-top: 50px; } .sub .container .bg_gra .txt_box .txt_bg { margin-bottom: 20px; } .sub .container .bg_gra .txt_box .tag { margin-bottom: 30px; } .sub .container .bg_gra .txt_box .tag br { display: block; } .sub .container .bg_gra .left { Width: 100%; padding: 0; float: none; display: inline-block; margin: 0; } .sub .container .bg_gra .right { Width: 100%; display: inline-block; margin: 50px 0px 0px; position: relative; top: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; float: none; } } @media (max-width: 767px) { .sub .container .bg_gra .wrap { padding: 50px 12.5% 30px; } .sub .container .bg_gra .txt_box h2 { text-align: left; margin: 0px; } .sub .container .bg_gra .txt_box h2 + p { margin: 24px 0px 0px; } .sub .container .bg_gra .txt_box .row { margin-top: 30px; } .sub .container .bg_gra .txt_box .tag { margin-bottom: 14px; } .sub .container .bg_gra .txt_box .tag.guide { margin-top: 5px; } .sub .container .bg_gra .left { margin: 0; } .sub .container .bg_gra .right { margin: 20px 0px 0px; } } .sub .container .down_box { width: 160px; margin: 0px 8px; display: inline-block; text-align: center; } .sub .container .down_box:last-child { margin-right: 0px; } .sub .container .down_box em, .sub .container .down_box span { display: block; margin: 0 auto; } .sub .container .down_box .txt { margin-top: 14px; overflow: hidden; } .sub .container .down_box .link.white { display: block; margin-top: 18px; font-size: 14px; } .sub .container .down_box .btn { margin-top: 24px; } .sub .container .down_box .ico_win { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_win_wh.svg?v=2022207071") no-repeat 0 0; text-indent: -2000em; font-size: 1px; overflow: hidden; content: ""; width: 61px; height: 61px; display: inline-block; position: relative; background-size: 100%; } .sub .container .down_box .ico_app { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_mac_wh.svg?v=2022207071") no-repeat 0 0; text-indent: -2000em; font-size: 1px; overflow: hidden; content: ""; width: 61px; height: 61px; display: inline-block; position: relative; background-size: 100%; } @media (max-width: 1279px) { .sub .container .down_box { margin: 0px 0px; width: 26%; min-width: 160px; } .sub .container .down_box:first-child { margin: 0px; } .sub .container .down_box + .down_box { margin-left: 30px; } .sub .container .down_box .ico_win { width: 54px; height: 54px; } .sub .container .down_box .link.white { font-size: 13px; } } @media (max-width: 767px) { .sub .container .down_box { width: 150px; min-width: unset; margin: 20px 10px !important; } } .sub .container .cover { position: relative; display: inline-block; min-width: 300px; padding: 40px 0px; border: 3px dotted #ffffff; border-radius: 15px; } .sub .container .cover .down_box:last-child { margin-right: 8px; } .sub .container .cover strong { position: absolute; min-width: 300px; top: -38px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 16px; padding: 0px 10px; line-height: 1.2; } @media (max-width: 1279px) { .sub .container .cover { width: 67%; min-width: 406px; margin: 30px 0px 0px 24px; padding: 40px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .sub .container .cover .down_box { margin: 0px; width: 45%; } .sub .container .cover .down_box:last-child { margin: 0px; } .sub .container .cover .down_box + .down_box { margin-left: 24px; } } @media (max-width: 767px) { .sub .container .cover { width: 120%; min-width: 100%; padding: 20px 10%; margin: 50px -10% 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub .container .cover .down_box { width: 150px; margin: 20px 10px !important; } } .sub .container .tbl_veiw th { vertical-align: middle; width: 180px; } .sub .container .tbl_veiw a { text-decoration: underline; font-weight: 600; } @media (max-width: 1279px) { .sub .container .tbl_veiw th { width: 18%; } } .sub .container + .bx_qna.wrap { margin: 0 auto; } @media (max-width: 767px) { .sub .container + .bx_qna.wrap { margin: 10px auto 0; } } .sub .bx_qna.wrap { max-width: 1080px; margin: 0 auto; padding: 34px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub .bx_qna.wrap + .goods_point { padding-top: 0px; } @media (max-width: 1279px) { .sub .bx_qna.wrap { padding: 20px 30px; width: 92.2%; } } @media (max-width: 767px) { .sub .bx_qna.wrap { padding: 20px 20px 30px; width: 87.5%; line-height: 1.7; } } .sub .product h2 { margin-bottom: 60px; } .sub .product .tbl_veiw th { font-weight: 600; width: 220px; text-align: center; vertical-align: middle; } .sub .product .tbl_veiw td { padding: 22px 30px; } @media (max-width: 1279px) { .sub .product h2 { margin-bottom: 33px; } .sub .product .tbl_veiw th { width: 23%; } .sub .product .tbl_veiw td { padding: 18px 2.6%; } } @media (max-width: 767px) { .sub .product h2 { margin-bottom: 37px; } } .sub .goods_point { text-align: center; } .sub .goods_point .cont { overflow: hidden; margin: 60px auto 0px; } .sub .goods_point .box { display: inline-block; vertical-align: top; width: 300px; padding: 0 28px; } .sub .goods_point .box em { display: block; margin-bottom: 20px; color: #6c96ff; letter-spacing: 0.5px; font-weight: 600; } .sub .goods_point .box p { word-break: keep-all; margin-top: 33px; } .sub .goods_point .box p strong { display: block; font-size: 17px; margin-bottom: 10px; } .sub .goods_point .box p strong br { display: none; } .sub .goods_point .box img { height: 124px; } .sub .goods_point .box.sm { width: 235px; padding: 0 15px; } .sub .goods_point .box.box_visual { width: auto; margin: 60px auto 100px; } .sub .goods_point .box.box_visual img { width: 100%; max-width: 808px; height: auto; } .sub .goods_point .box.box_visual.tp2 { margin: 0 auto 60px; } .sub .goods_point .row { margin-bottom: 24px; font-size: 13px; line-height: 22px; } @media (max-width: 1279px) { .sub .goods_point .cont { margin: 44px auto 0px; } .sub .goods_point .cont + .btn.big, .sub .goods_point .cont + .row { margin-top: 44px; } .sub .goods_point .box { width: 26%; padding: 0px 3.3%; } .sub .goods_point .box img { height: 112px; } .sub .goods_point .box.sm { width: 150px; padding: 0 10px; } .sub .goods_point .box p { margin-top: 44px; } .sub .goods_point .box p strong { font-size: 15px; } .sub .goods_point .box p strong br { display: block; } } @media (max-width: 767px) { .sub .goods_point h2 br { display: none; } .sub .goods_point h2.sep { word-break: break-all; } .sub .goods_point h2.sep br { display: block; } .sub .goods_point .cont { margin: 42px auto 0px; } .sub .goods_point .cont + .btn.big, .sub .goods_point .cont + .row { margin-top: 42px; } .sub .goods_point .box { width: 100%; margin-bottom: 46px; padding: 0px; } .sub .goods_point .box:last-child { margin-bottom: 0px; } .sub .goods_point .box img { height: 107px; } .sub .goods_point .box.box_visual { margin: 30px auto 50px; } .sub .goods_point .box.sm { width: 100%; padding: 0; } .sub .goods_point .box + .box { margin-left: 0; } .sub .goods_point .box p { width: 200px; margin: 20px auto 0px; font-size: 13px; } .sub .goods_point .box p strong br { display: block; } } .sub .partner { margin-top: 120px; text-align: center; } .sub .partner .partner_slider { margin: 60px auto 20px; height: 70px; position: relative; } .sub .partner .partner_slider img { width: 100%; } .sub .partner .slick-list { height: 100%; } .sub .partner .slick-slide { margin: 0px 27px; } .sub .partner .slick-arrow { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sub .partner .unit { width: 216px; height: 100%; display: block; border-radius: 6px; } @media (max-width: 1279px) { .sub .partner { margin-top: 100px; } .sub .partner .wrap { padding-left: 0; padding-right: 0; } .sub .partner .partner_slider { margin: 49px auto 0px; height: 64px; } .sub .partner .slick-slide { margin: 0px 15px; } .sub .partner .unit { width: 190px; } .sub .partner .slick-arrow { display: none !important; } } @media (max-width: 767px) { .sub .partner { margin-top: 80px; } .sub .partner .partner_slider { margin: 23px auto 0px; height: 41px; } .sub .partner .slick-slide { margin: 0px 7px; } .sub .partner .unit { width: 125px; } } .sub .partner .btn_prev { position: absolute; display: block; width: 40px; height: 24px; left: -70px; padding-right: 10px; } .sub .partner .btn_prev:before { content: ''; position: absolute; border-top: 2px solid #aaaaaa; border-left: 2px solid #aaaaaa; top: 50%; width: 15px; height: 15px; left: 12px; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .sub .partner .btn_prev:after { content: ''; position: absolute; background-color: #aaaaaa; top: 50%; left: 1px; width: 39px; height: 2px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .sub .partner .btn_next { position: absolute; display: block; width: 40px; height: 24px; right: -70px; padding-left: 10px; } .sub .partner .btn_next:before { content: ''; position: absolute; border-top: 2px solid #aaaaaa; border-left: 2px solid #aaaaaa; top: 50%; width: 15px; height: 15px; right: 12px; -webkit-transform: translate(50%, -50%) rotate(135deg); -ms-transform: translate(50%, -50%) rotate(135deg); transform: translate(50%, -50%) rotate(135deg); } .sub .partner .btn_next:after { content: ''; position: absolute; background-color: #aaaaaa; top: 50%; right: 1px; width: 39px; height: 2px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .sub .partner .btn_down { position: absolute; display: block; width: 24px; height: 40px; left: -70px; padding-right: 10px; } .sub .partner .btn_down:before { content: ''; position: absolute; border-top: 2px solid #aaaaaa; border-left: 2px solid #aaaaaa; left: 50%; width: 15px; height: 15px; bottom: 12px; -webkit-transform: translate(-50%, 50%) rotate(-135deg); -ms-transform: translate(-50%, 50%) rotate(-135deg); transform: translate(-50%, 50%) rotate(-135deg); } .sub .partner .btn_down:after { content: ''; position: absolute; background-color: #aaaaaa; bottom: 1px; left: 50%; width: 2px; height: 39px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .sub .partner .btn_up { position: absolute; display: block; width: 24px; height: 40px; right: -70px; padding-left: 10px; } .sub .partner .btn_up:before { content: ''; position: absolute; border-top: 2px solid #aaaaaa; border-left: 2px solid #aaaaaa; left: 50%; width: 15px; height: 15px; top: 12px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .sub .partner .btn_up:after { content: ''; position: absolute; background-color: #aaaaaa; top: 1px; left: 50%; width: 2px; height: 39px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .sub .partner div:focus { outline: none; } .sub.gbp .goods_info { overflow: visible; } .sub .goods_info { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; overflow: hidden; border: 1px solid #f0f0f0; margin-bottom: 80px; position: relative; } .sub .goods_info .bx_pay { padding: 50px 40px 60px 90px; color: #999999; } .sub .goods_info .bx_pay:after { display: block; clear: both; content: ""; } .sub .goods_info .bx_pay .left { padding-top: 12px; } .sub .goods_info .bx_pay .right { min-width: 395px; } .sub .goods_info .bx_pay h3 { font-size: 38px; margin: 18px auto 20px; color: #222222; } .sub .goods_info .bx_pay .sub_tit { font-size: 24px; color: #222222; } .sub .goods_info .bx_pay .link { margin-top: 32px; color: #222222; } .sub .goods_info .bx_pay .link.b2b_down { min-width: 179px; min-height: 40px; margin-top: 20px; padding: 6px 20px 6px 19px; border: 1px solid #e5e5e5; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub .goods_info .bx_pay .link.b2b_down .ani { background: none; } .sub .goods_info .bx_pay .link.b2b_down .ani .ico_download_org { display: block; } .sub .goods_info .bx_pay .link.b2b_down .ani .ico_download_org .cramps { -webkit-animation: ico_download_move01 0.8s cubic-bezier(0.6, -0.28, 0.74, 0.05) infinite alternate; animation: ico_download_move01 0.8s cubic-bezier(0.6, -0.28, 0.74, 0.05) infinite alternate; } .sub .goods_info .bx_pay .link.b2b_down .ani .ico_download_org .line02 { -webkit-animation: ico_download_move02 0.8s cubic-bezier(0.6, -0.28, 0.74, 0.05) infinite alternate; animation: ico_download_move02 0.8s cubic-bezier(0.6, -0.28, 0.74, 0.05) infinite alternate; } @-webkit-keyframes ico_download_move01 { 0% { -webkit-transform: translate(426.162px, -897.625px); transform: translate(426.162px, -897.625px); } 100% { -webkit-transform: translate(426.162px, -892.625px); transform: translate(426.162px, -892.625px); } } @keyframes ico_download_move01 { 0% { -webkit-transform: translate(426.162px, -897.625px); transform: translate(426.162px, -897.625px); } 100% { -webkit-transform: translate(426.162px, -892.625px); transform: translate(426.162px, -892.625px); } } @-webkit-keyframes ico_download_move02 { 0% { -webkit-transform: translate(594px, 765.3px); transform: translate(594px, 765.3px); } 100% { -webkit-transform: translate(594px, 770.3px); transform: translate(594px, 770.3px); } } @keyframes ico_download_move02 { 0% { -webkit-transform: translate(594px, 765.3px); transform: translate(594px, 765.3px); } 100% { -webkit-transform: translate(594px, 770.3px); transform: translate(594px, 770.3px); } } .sub .goods_info .bx_pay .link.b2b_down:hover { color: #222222; border-color: #f87910; } .sub .goods_info .bx_pay .link.b2b_down:hover span { color: #222222; } .sub .goods_info .bx_pay .link.b2b_down:hover .ani { background: none; } @media (max-width: 1279px) { .sub .goods_info .bx_pay .link.b2b_down { min-width: auto; min-height: auto; margin-top: 28px; padding: 0; border: 0; border-radius: 0; } .sub .goods_info .bx_pay .link.b2b_down .ani { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_download_n.png?v=2022207071") no-repeat 0 0; } .sub .goods_info .bx_pay .link.b2b_down .ani .ico_download_org { display: none; } .sub .goods_info .bx_pay .link.b2b_down:hover span { color: #f87910; } .sub .goods_info .bx_pay .link.b2b_down:hover .ani { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_download_h.png?v=2022207071") no-repeat 0 0; } } .sub .goods_info .bx_pay .link.down { font-size: 15px; font-weight: 600; margin-top: 26px; display: inline-block; } .sub .goods_info .bx_pay .link.down span { text-decoration: none; } .sub .goods_info .bx_pay .link.down em { width: 22px; height: 22px; display: inline-block; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_download_n.png?v=2022207071") no-repeat 0 0; } .sub .goods_info .bx_pay .link.down:hover { color: #F87910; } .sub .goods_info .bx_pay .link.down:hover em { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_download_h.png?v=2022207071") no-repeat 0 0; } .sub .goods_info .tbl_pass { background: #fcfcfc; border-top: 1px #f0f0f0 solid; padding: 0 3.6%; } .sub .goods_info .tbl_pass tbody, .sub .goods_info .tbl_pass tr { border: none; } .sub .goods_info .bx_os { display: none; position: absolute; top: 311px; left: calc(50% - 212px); font-size: 0; line-height: 22px; z-index: 1; vertical-align: top; } .sub .goods_info .bx_os .popup, .sub .goods_info .bx_os .pop_browser { position: absolute; display: block; width: 450px; padding: 40px; max-height: none; -webkit-transform: none; -ms-transform: none; transform: none; text-align: center; font-size: 18px; color: #222222; } .sub .goods_info .bx_os .popup .bx_dw, .sub .goods_info .bx_os .pop_browser .bx_dw { display: inline-block; width: 160px; margin-left: 24px; text-align: center; } .sub .goods_info .bx_os .popup .bx_dw:first-child, .sub .goods_info .bx_os .pop_browser .bx_dw:first-child { margin-left: 0; } .sub .goods_info .bx_os .popup .bx_dw img, .sub .goods_info .bx_os .pop_browser .bx_dw img { width: 61px; } .sub .goods_info .bx_os .popup .bx_dw span, .sub .goods_info .bx_os .pop_browser .bx_dw span { display: block; margin: 14px auto 24px; font-size: 13px; } .sub .goods_info .bx_os .popup .link, .sub .goods_info .bx_os .pop_browser .link { display: block; clear: both; content: ""; text-align: left; display: block; border-top: 1px solid #222222; margin-top: 20px; padding-top: 14px; } .sub .goods_info .bx_os .popup .link span, .sub .goods_info .bx_os .pop_browser .link span { display: inline; margin-right: 5px; } .sub .goods_info .bx_os .popup .txt_noti, .sub .goods_info .bx_os .pop_browser .txt_noti { text-indent: -15px; display: block; border-top: 1px solid #222222; margin-top: 20px; padding: 14px 0 0 15px; text-align: left; line-height: 22px; } @media (max-width: 1279px) { .sub .goods_info .bx_os { width: calc(50% - 20px); height: auto; margin: 0 10px 30px; } .sub .goods_info .bx_os .txt { font-size: 14px; line-height: 20px; } .sub .goods_info .bx_os .bt { height: auto; margin-top: 20px; } .sub .goods_info .bx_os .bt .txt_lg, .sub .goods_info .bx_os .bt .txt_sm { display: inline-block; float: none; vertical-align: top; line-height: 38px; } .sub .goods_info .bx_os .bt .btn { display: block; float: none; margin-top: 20px; padding: 14px 24px 15px; font-size: 16px; border-radius: 30px; } .sub .goods_info .bx_os .btn_os:hover::before { display: none; } .sub .goods_info .bx_os .btn_os:hover .tooltip { display: none; } .sub .goods_info .bx_os.third .popup, .sub .goods_info .bx_os.third .pop_browser, .sub .goods_info .bx_os .popup, .sub .goods_info .bx_os .pop_browser { width: 90% !important; max-height: 80%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 22px; padding: 40px; text-align: center; } .sub .goods_info .bx_os.third .popup .bx_dw, .sub .goods_info .bx_os.third .pop_browser .bx_dw, .sub .goods_info .bx_os .popup .bx_dw, .sub .goods_info .bx_os .pop_browser .bx_dw { width: 30%; margin: 0 1%; } .sub .goods_info .bx_os .popup .link, .sub .goods_info .bx_os .pop_browser .link { margin-top: 30px; padding-top: 20px; } .sub .goods_info .bx_os .popup .link span, .sub .goods_info .bx_os .pop_browser .link span { display: inline; } .sub .goods_info .bx_os .popup .bx_dw span, .sub .goods_info .bx_os .pop_browser .bx_dw span { margin: 20px auto 28px; } } @media (max-width: 767px) { .sub .goods_info .bx_os { float: none; width: 100%; margin: 0 0 24px; } .sub .goods_info .bx_os .txt { overflow: initial; text-overflow: initial; white-space: initial; } .sub .goods_info .bx_os .bt .btn { padding: 16px 24px; font-size: 18px; border-radius: 30px; } .sub .goods_info .bx_os.third .popup, .sub .goods_info .bx_os.third .pop_browser, .sub .goods_info .bx_os .popup, .sub .goods_info .bx_os .pop_browser { width: 87.5% !important; max-width: inherit; padding: 30px 20px; } .sub .goods_info .bx_os.third .popup .bx_dw, .sub .goods_info .bx_os.third .pop_browser .bx_dw, .sub .goods_info .bx_os .popup .bx_dw, .sub .goods_info .bx_os .pop_browser .bx_dw { display: block; width: auto; margin: 0; } .sub .goods_info .bx_os.third .popup .bx_dw span, .sub .goods_info .bx_os.third .pop_browser .bx_dw span, .sub .goods_info .bx_os .popup .bx_dw span, .sub .goods_info .bx_os .pop_browser .bx_dw span { margin: 0 auto; font-size: 14px; } .sub .goods_info .bx_os.third .popup .bx_dw .btn, .sub .goods_info .bx_os.third .pop_browser .bx_dw .btn, .sub .goods_info .bx_os .popup .bx_dw .btn, .sub .goods_info .bx_os .pop_browser .bx_dw .btn { margin: 20px auto 30px; } .sub .goods_info .bx_os.third .popup .bx_dw:last-child .btn, .sub .goods_info .bx_os.third .pop_browser .bx_dw:last-child .btn, .sub .goods_info .bx_os .popup .bx_dw:last-child .btn, .sub .goods_info .bx_os .pop_browser .bx_dw:last-child .btn { margin-bottom: 0; } .sub .goods_info .bx_os.third .popup img, .sub .goods_info .bx_os.third .pop_browser img, .sub .goods_info .bx_os .popup img, .sub .goods_info .bx_os .pop_browser img { display: none; } .sub .goods_info .bx_os.third .popup .link, .sub .goods_info .bx_os.third .pop_browser .link, .sub .goods_info .bx_os .popup .link, .sub .goods_info .bx_os .pop_browser .link { margin-top: 0; } } @media (max-width: 1279px) { .sub .goods_info .bx_pay { padding: 50px 5.6% 60px; } .sub .goods_info .bx_pay .left { padding-top: 10px; width: 50%; } .sub .goods_info .bx_pay .left img { width: 100%; } .sub .goods_info .bx_pay .right { width: 45%; min-width: unset; } .sub .goods_info .bx_pay h3 { font-size: 32px; margin: 10px auto 12px; } .sub .goods_info .bx_pay .sub_tit { font-size: 18px; } .sub .goods_info .bx_pay .link { margin-top: 16px; display: block; color: #222222; } } @media (max-width: 767px) { .sub .goods_info { margin-bottom: 40px; } .sub .goods_info .bx_pay { padding: 30px 8.9% 35px; } .sub .goods_info .bx_pay .left { padding-top: 0px; width: 100%; float: none; text-align: center; } .sub .goods_info .bx_pay .left img { max-width: 400px; } .sub .goods_info .bx_pay .right { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 24px auto 0px; padding: 0px 6.57%; float: none; } .sub .goods_info .bx_pay .right br { display: none; } .sub .goods_info .bx_pay h3 { font-size: 23px; margin: 0px auto 13px; } .sub .goods_info .bx_pay .sub_tit { font-size: 16px; } .sub .goods_info .bx_pay .link { margin-top: 24px; display: block; color: #222222; } } .sub.app .sub_menu .tip_set { float: left; position: relative; } @media (max-width: 767px) { .sub.app .sub_menu .tip_set { float: none; } } .sub.app .sub_menu .disable { cursor: default; } .sub.app .sub_menu .disable .btn_down { color: #cecece; } .sub.app .sub_menu .disable .btn_down .ico_download { background: #bcbcbc; } .sub.app .sub_menu .disable .btn_down .ico_download:before { border-color: #bcbcbc; } .sub.app .sub_menu .disable .btn_down .ico_download:after { background-color: #bcbcbc; } .sub.app .sub_menu .disable .tip_info { padding: 6px 12px; background: #f87910; border: none; color: #ffffff; } .sub.app .sub_menu .disable .tip_info:before { content: ""; width: 16px; height: 8px; display: block; position: absolute; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_tip_org.png?v=2022207071") no-repeat 0 0; right: 25px; bottom: -7px; } .sub.app .tip_info { white-space: nowrap; padding: 6px 34px 6px 13px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; position: absolute; background: #ffffff; border: 1px solid #f0f0f0; border-radius: 25px; top: -21px; right: 0px; z-index: 2; } .sub.app .tip_info:before { content: ""; width: 16px; height: 8px; display: block; position: absolute; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_tip.png?v=2022207071") no-repeat 0 0; right: 25px; bottom: -7px; } .sub.app .tip_info .btn_tip_close { text-indent: -2000em; font-size: 1px; overflow: hidden; position: absolute; display: block; width: 15px; height: 15px; top: 50%; right: 8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50px; vertical-align: middle; background: #949494; cursor: pointer; } .sub.app .tip_info .btn_tip_close:before, .sub.app .tip_info .btn_tip_close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 2px; background-color: #ffffff; } .sub.app .tip_info .btn_tip_close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .sub.app .tip_info .btn_tip_close:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } @media (max-width: 767px) { .sub.app .tip_info { display: none; } } .sub.app .container .bx_qna { margin-top: 0; } .sub.gmxf { word-break: normal; } /* .sub.gmxf .btn_evbnr_fix:not(.btn_download_evbnr) { display: none; } */ .sub.gmxf .top_visual .btns .btn, .sub.gmxf .container .btns .btn { margin: 0; padding: 13px 30px; font-size: 18px; line-height: 24px; -webkit-transition: 0.5s; transition: 0.5s; } .sub.gmxf .top_visual { height: 736px; background-color: #1b202b; background-position: 50% 0; background-repeat: no-repeat; } .sub.gmxf .top_visual .align { max-width: 1280px; top: 173px; left: 0; margin: 0 auto; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .sub.gmxf .top_visual .align .img_wrap { position: static; display: block; } .sub.gmxf .top_visual .align .img_wrap img { max-width: 100%; } .sub.gmxf .top_visual .align .info_txt { position: absolute; top: 173px; right: 0; max-width: 380px; font-size: 24px; font-weight: 600; line-height: 1.5; letter-spacing: -0.48px; } .sub.gmxf .top_visual .align .info_txt .btns { margin-top: 30px; text-align: left; } .sub.gmxf .top_visual .align .info_txt .btns .btn { min-width: 240px; } .sub.gmxf .top_visual .align .info_txt .btns .btn:hover { background-color: #f23656; color: #ffffff; } .sub.gmxf .top_visual .img_wrap { position: absolute; top: 87px; left: 0; width: 100%; height: 100%; } .sub.gmxf .top_visual video { position: absolute; left: 50%; bottom: 0; width: 1920px; height: 650px; opacity: 1; } .sub.gmxf .container { padding: 80px 0; } .sub.gmxf .container > article > .inner { max-width: 1600px; margin: 0 auto; min-height: 500px; } .sub.gmxf .container > article > .inner > .header { text-align: center; } .sub.gmxf .container > article > .inner > .header h2 { font-size: 50px; font-weight: 600; line-height: 74px; text-align: center; letter-spacing: -2.5px; } .sub.gmxf .container > article > .inner > .header .h_desc { margin: 10px 0 0 0; font-size: 30px; font-weight: 500; line-height: 45px; letter-spacing: -1.5px; } .sub.gmxf .container .feature_wrap > .inner > .header .h_desc { margin-top: 0; font-weight: 600; text-decoration: underline; } .sub.gmxf .container .feature_wrap .box_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1594px; margin: 120px auto 0 auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sub.gmxf .container .feature_wrap .box_wrap .box { position: relative; width: 25%; max-height: 590px; margin: 0 15px; border-radius: 60px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("//www.gomlab.com/gomlab_v2/ui/img/gmxmf/img_feature01.png?v=2022207071") no-repeat 50% 50%; overflow: hidden; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s; cursor: default; } .sub.gmxf .container .feature_wrap .box_wrap .box:first-child { margin-left: 0; } .sub.gmxf .container .feature_wrap .box_wrap .box:last-child { margin-right: 0; } .sub.gmxf .container .feature_wrap .box_wrap .box::after { content: ''; display: block; padding-top: 165.6%; } .sub.gmxf .container .feature_wrap .box_wrap .box .tit { position: absolute; top: 50px; right: 40px; left: 40px; color: #fff; font-size: 30px; font-weight: 600; line-height: 42px; letter-spacing: -0.6px; z-index: 1; } .sub.gmxf .container .feature_wrap .box_wrap .box.feat01 .tit { color: #222222; } .sub.gmxf .container .feature_wrap .box_wrap .box.feat02 { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/gmxmf/img_feature02.png"); } .sub.gmxf .container .feature_wrap .box_wrap .box.feat03 { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/gmxmf/img_feature03.png"); } .sub.gmxf .container .feature_wrap .box_wrap .box.feat04 { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/gmxmf/img_feature04.png"); } .sub.gmxf .container .feature_wrap .box_wrap .box > .hover_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); color: #fff; opacity: 0; -webkit-transition: opacity ease 0.3s; transition: opacity ease 0.3s; } .sub.gmxf .container .feature_wrap .box_wrap .box > .hover_box dl { padding: 65% 40px 0 40px; font-size: 25px; line-height: 1.3; letter-spacing: 0.5px; } .sub.gmxf .container .feature_wrap .box_wrap .box > .hover_box dl dd { margin-top: 14px; font-size: 18px; line-height: 28px; letter-spacing: 0.36px; } .sub.gmxf .container .feature_wrap .box_wrap .box.active { color: #fff; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .sub.gmxf .container .feature_wrap .box_wrap .box.active .tit { color: #ffffff; } .sub.gmxf .container .feature_wrap .box_wrap .box.active > .hover_box { opacity: 1; } .sub.gmxf .container .review_wrap { padding: 130px 0 0 0; background: url("//www.gomlab.com/gomlab_v2/ui/img/gmxmf/bg_review.png?v=2022207071") no-repeat 50% 93%; } .sub.gmxf .container .review_wrap > .inner { position: relative; max-width: 1360px; } .sub.gmxf .container .review_wrap > .inner > .header { position: absolute; top: 0; left: 0; } .sub.gmxf .container .review_wrap > .inner > .header h2 { line-height: 1.3; text-align: left; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1360px; margin: 0 auto; padding-top: 274px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sub.gmxf .container .review_wrap > .inner .box_wrap .move { position: absolute; z-index: 1; } .sub.gmxf .container .review_wrap > .inner .box_wrap .move img { max-width: 100%; } .sub.gmxf .container .review_wrap > .inner .box_wrap .move.star { right: 320px; bottom: 128px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box { position: relative; width: 33.33%; margin: 0 25px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sub.gmxf .container .review_wrap > .inner .box_wrap .box:first-child { margin-left: 0; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box:last-child { margin-right: 0; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box > a { position: relative; display: block; min-height: 500px; padding: 50px 40px; border: 1px solid #707070; border-radius: 30px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.5s; transition: 0.5s; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box > a .logo { position: absolute; top: 30px; right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 150px; height: 46px; border-radius: 23px; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box > a .logo img { display: block; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box > a .header { position: static; font-size: 40px; font-weight: 600; line-height: 59px; text-align: left; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box > a .header .name { display: block; margin-top: 15px; font-size: 28px; font-weight: 600; line-height: 1.5; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box > a .header .name .star_rate { color: #fee500; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box > a .cont_txt { position: relative; margin-top: 60px; font-size: 16px; line-height: 1.5; letter-spacing: -0.32px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box > a .cont_txt .caption { margin-top: 70px; font-size: 13px; line-height: 24px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box > a::after { content: ''; position: absolute; bottom: 10px; right: 10px; width: 50px; height: 50px; background: url("//www.gomlab.com/gomlab_v2/ui/img/gmxmf/ico_link.svg?v=2022207071") 50% 50% no-repeat; background-size: 15px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box > a:hover { border-color: #209dfa; background-color: #209dfa; color: #fff; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box > a:hover::after { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/gmxmf/ico_link_on.svg"); } .sub.gmxf .container .review_wrap > .inner .box_wrap .box .move { width: 145px; height: 145px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box .move img { display: block; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.review .move { top: -87px; left: 120px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.influ { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.influ .move { top: -150px; left: 170px; width: 200px; height: 170px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.influ .move img { position: absolute; bottom: 0; left: 0; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.influ .move .firecracker { position: absolute; top: 11px; left: 26px; width: 161px; height: 138px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; opacity: 0; -webkit-transition: 0.1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.8s; transition: 0.1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.8s; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.influ .move.aos-animate .firecracker { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.influ > a .logo { right: 30px; min-width: auto; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.influ > a .logo img { width: 120px; height: 120px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.influ > a:hover { border-color: #f23656; background-color: #f23656; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.tech { -webkit-transform: translateY(-190px); -ms-transform: translateY(-190px); transform: translateY(-190px); } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.tech .move { top: 90px; right: -90px; width: 145px; height: 145px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.tech > a .header .name { font-size: 24px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .box.tech > a:hover { border-color: #f87910; background-color: #f87910; } .sub.gmxf .container .review_wrap > .inner .sns_wrap { margin-top: 33px; text-align: center; } .sub.gmxf .container .review_wrap > .inner .sns_wrap .sns_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sub.gmxf .container .review_wrap > .inner .sns_wrap .sns_list .btn_sns { position: relative; display: block; width: 60px; height: 60px; margin: 0 10px; border-radius: 50%; background: #1b202b; overflow: hidden; } .sub.gmxf .container .review_wrap > .inner .sns_wrap .sns_list .btn_sns::after { content: ''; position: absolute; top: 11px; left: 11px; display: block; width: 38px; height: 38px; margin: 0 auto; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_facebook_white_38.svg?v=2022207071") no-repeat bottom center; } .sub.gmxf .container .review_wrap > .inner .sns_wrap .sns_list .btn_sns.twitter::after { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_twitter_white_38.svg"); } .sub.gmxf .container .review_wrap > .inner .sns_wrap .sns_list .btn_sns.insta::after { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_instagram_white_38.svg"); } .sub.gmxf .container .review_wrap > .inner .sns_wrap .sns_list .btn_sns.youtube::after { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_youtube_white_38.svg"); } .sub.gmxf .container .review_wrap > .inner .sns_wrap .txt { margin-top: 40px; font-size: 26px; font-weight: 600; line-height: 38px; } .sub.gmxf .container .compare_wrap { margin: 100px 0 0 0; padding: 70px 0 60px 0; background: #fffcf5; } .sub.gmxf .container .compare_wrap > .inner > .header h2 { letter-spacing: -1px; } .sub.gmxf .container .compare_wrap > .inner > .header .h_desc { letter-spacing: -1.5px; } .sub.gmxf .container .compare_wrap > .inner .compare_info { max-width: 1240px; margin: 0 auto; padding-top: 50px; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl { border: 0; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl .no_bg { background-color: transparent; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl .padd_b { padding-bottom: 15px; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl th, .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl td { padding: 0; border: 0; font-weight: 600; line-height: 1.5; text-align: center; vertical-align: middle; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl th.gommix, .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl td.gommix { border-width: 2px; border-color: #f23656; background-color: #fff; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl th.gommix .rate .star, .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl td.gommix .rate .star { color: #fee500; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl th { background: #fcf0d5; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl thead th { padding: 15px 0 11px; border-right: 1px solid #e5d5b1; border-left: 1px solid #e5d5b1; font-size: 18px; line-height: 27px; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl thead th .rate { margin-top: 20px; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl thead th .rate .star { padding-left: 8px; color: #ffcb56; font-weight: 500; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl thead th:first-child { border-left-color: transparent; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl thead th:last-child { border-right-color: #fcf0d5; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl thead th.gommix { background-color: #f23656; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody th, .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody td { border: 1px solid #e5d5b1; border-top: 0; border-bottom: 0; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody th:first-child { border-left: 0; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody tr.line_b th, .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody tr.line_b td { padding-top: 15px; border-top: 1px solid #e5d5b1; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody tr:first-child th, .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody tr:first-child td { padding: 15px 0 12px; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody tr:last-child th, .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody tr:last-child td { border-bottom: 1px solid #e5d5b1; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody tr:last-child th { border-bottom-color: transparent; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody tr:last-child .gommix { border-bottom: 2px solid #f23656; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet, .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_mobile { display: none; } .sub.gmxf .container .tuto_wrap .inner h2, .sub.gmxf .container .ticket_wrap .inner h2 { font-size: 40px; line-height: 59px; letter-spacing: -2px; } .sub.gmxf .container .tuto_wrap { margin: 110px 0 0 0; } .sub.gmxf .container .tuto_wrap .tuto_play { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sub.gmxf .container .tuto_wrap .tuto_play .player { position: relative; width: 62.5%; border-radius: 60px 0; overflow: hidden; background: url("//www.gomlab.com/gomlab_v2/ui/img/gmxmf/img_tutorial01.png?v=2022207071") no-repeat 0 0; background-size: 100%; } .sub.gmxf .container .tuto_wrap .tuto_play .player::after { content: ''; display: block; padding-top: 56.4%; } .sub.gmxf .container .tuto_wrap .tuto_play .player::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .sub.gmxf .container .tuto_wrap .tuto_play .player .btn_play { position: absolute; top: 50%; left: 50%; display: block; width: 130px; height: 130px; background: url("//www.gomlab.com/gomlab_v2/ui/img/player/ico_play_big.svg?v=2022207071") no-repeat 0 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sub.gmxf .container .tuto_wrap .tuto_play .player .btn_play:hover { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/player/ico_play_big_on.svg"); } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap { margin-left: 90px; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap .info_txt { font-size: 20px; font-weight: 600; line-height: 1.5; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap .info_txt::before { content: ''; display: block; width: 70px; height: 70px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_ask.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap .btns { margin-top: 50px; text-align: left; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap .btns .btn { min-width: 150px; } .sub.gmxf .container .ticket_wrap { margin: 110px 0 0 0; } .sub.gmxf .container .ticket_wrap .ticket_info { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 60px 0 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 410px; min-height: 550px; height: 100%; margin: 0 20px; padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #707070; border-radius: 40px 0 40px 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 600; text-align: center; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .header { min-height: 105px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .header h3 { font-size: 24px; font-weight: 600; line-height: 36px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .header .h_desc { margin: 0; font-size: 18px; font-weight: 600; line-height: 27px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .price_info { padding: 20px 0 0 0; border-top: 1px solid #666; font-size: 20px; font-weight: 600; line-height: 29px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .price_info > p { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .price_info > p .del { text-decoration: line-through; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .price_info > p .per { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: 64px; height: 26px; margin: 0 0 0 10px; background: #f52222; border-radius: 30px; color: #fff; font-size: 14px; line-height: 20px; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .price_info .sale { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: 20px 0 0 0; font-size: 48px; line-height: 71px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .price_info .sale .vat { margin: 0 0 14px 10px; font-size: 18px; line-height: 27px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .info_txt { position: relative; margin: 20px 0 0 0; padding: 0 0 0 30px; font-size: 20px; line-height: 26px; text-align: left; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .info_txt::before { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 20px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check02.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info { margin-top: 10px; text-align: left; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info > a { position: relative; display: inline-block; margin: 0 30px; padding-right: 30px; color: #f87910; font-size: 16px; line-height: 1.5; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info > a::after { content: ''; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_arrow_down_24_org.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info .detail { display: none; margin-top: 10px; border-radius: 20px; padding: 30px; background: #fff2e9; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info .detail * { font-size: 16px; line-height: 1.5; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info .detail .bul_list { margin-top: 24px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info.open > a::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info + .btns { margin-top: 30px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .btns { margin-top: 30px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .btns .btn { min-width: 250px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .btns .btn:hover { background: #f87910; color: #ffffff; } .sub.gmxf .container .bnr_buy { position: fixed; bottom: 20px; left: 0; width: 100%; text-align: center; z-index: 9; } .sub.gmxf .container .bnr_buy a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 440px; max-width: 440px; height: 70px; margin: 0 auto; border-radius: 35px; background: rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px -6px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px -6px 10px rgba(0, 0, 0, 0.3); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; font-size: 22px; font-weight: 600; text-align: center; line-height: 33px; -webkit-transition: background 0.5s; transition: background 0.5s; } .sub.gmxf .container .bnr_buy a::after { content: ''; position: absolute; top: 50%; right: 30px; display: inline-block; width: 28px; height: 28px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_download_28_white.svg?v=2022207071") no-repeat 0 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sub.gmxf .container .bnr_buy a:hover { background: #f87910; } @media (max-width: 1279px) { .sub.gmxf .top_visual { height: 820px; } .sub.gmxf .top_visual .align { position: absolute; top: 90px; bottom: 0; padding: 0; text-align: center; } .sub.gmxf .top_visual .align .info_txt { top: auto; right: 30px; left: 30px; bottom: 40px; max-width: none; font-size: 28px; line-height: 1.4; letter-spacing: -0.56px; } .sub.gmxf .top_visual .align .info_txt .btns { margin-top: 20px; text-align: center; } .sub.gmxf .top_visual .align .info_txt .btns .btn { min-width: 240px; } .sub.gmxf .top_visual .img_wrap { position: absolute; top: 87px; left: 0; width: 100%; height: 100%; } .sub.gmxf .top_visual video { width: auto; height: 760px; } .sub.gmxf .container { padding: 40px 0 70px 0; } .sub.gmxf .container > article > .inner { padding: 0 30px; } .sub.gmxf .container > article > .inner > .header h2 { font-size: 28px; line-height: 41px; letter-spacing: -0.56px; } .sub.gmxf .container > article > .inner > .header .h_desc { margin: 10px 0 0 0; font-size: 20px; font-weight: 600; line-height: 29px; letter-spacing: -0.4px; } .sub.gmxf .container > article > .inner .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sub.gmxf .container > article > .inner .slick-dots button { position: relative; width: 30px; height: 30px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1px; color: rgba(0, 0, 0, 0); text-indent: -1rem; overflow: hidden; } .sub.gmxf .container > article > .inner .slick-dots button::after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #222222; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.5s; transition: 0.5s; } .sub.gmxf .container > article > .inner .slick-dots .slick-active button::after { background-color: #222222; } .sub.gmxf .container .feature_wrap > .inner > .header .h_desc { margin-top: 10px; } .sub.gmxf .container .feature_wrap .box_wrap { margin-top: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sub.gmxf .container .feature_wrap .box_wrap .box { width: calc(50% - 14px); max-height: none; margin: 0; border-radius: 40px 0; background-size: cover; background-position: 50% 31%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s; } .sub.gmxf .container .feature_wrap .box_wrap .box:nth-child(n+3) { margin-top: 30px; } .sub.gmxf .container .feature_wrap .box_wrap .box::after { padding-top: 94.2%; } .sub.gmxf .container .feature_wrap .box_wrap .box .tit { top: 30px; right: 24px; left: 24px; font-size: 24px; line-height: 1.5; letter-spacing: -0.48px; } .sub.gmxf .container .feature_wrap .box_wrap .box > .hover_box dl { padding: 39% 24px 0 24px; font-size: 24px; line-height: 32px; letter-spacing: -0.48px; } .sub.gmxf .container .feature_wrap .box_wrap .box > .hover_box dl dd { margin-top: 15px; font-size: 14px; line-height: 20px; letter-spacing: -0.28px; } .sub.gmxf .container .feature_wrap .box_wrap .box:hover, .sub.gmxf .container .feature_wrap .box_wrap .box.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sub.gmxf .container .review_wrap { padding: 80px 0 0 0; background-position: 50% 78%; } .sub.gmxf .container .review_wrap > .inner { position: relative; padding: 0; } .sub.gmxf .container .review_wrap > .inner > .header { position: static; } .sub.gmxf .container .review_wrap > .inner > .header h2 { line-height: 38px; text-align: center; } .sub.gmxf .container .review_wrap > .inner .box_wrap { margin-top: 30px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .move { display: none; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap { display: block; padding-top: 0; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box { position: relative; width: 54.6875vw; height: auto; margin: 0 20px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a { position: relative; display: block; min-height: auto; height: 100%; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a .logo { position: absolute; top: 30px; right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 150px; height: 46px; border-radius: 23px; background: #ffffff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a .logo img { display: block; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a .header { position: static; font-size: 40px; font-weight: 600; line-height: 59px; text-align: left; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a .header .name { display: block; margin-top: 15px; font-size: 28px; font-weight: 600; line-height: 1.5; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a .cont_txt { margin-top: 60px; font-size: 16px; line-height: 1.5; letter-spacing: -0.32px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.slick-current a { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; border-color: #209dfa; background-color: #209dfa; color: #ffffff; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.slick-current a::after { background-image: url("//www.gomlab.com/gomlab_v2/ui/img/gmxmf/ico_link_on.svg"); } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ > a .logo { right: 30px; min-width: auto; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ > a .logo img { width: 120px; height: 120px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ > a:hover { border-color: #f23656; background-color: #f23656; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ.slick-current a { border-color: #f23656; background-color: #f23656; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.tech { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.tech > a .header .name { font-size: 24px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.tech > a:hover { border-color: #f87910; background-color: #f87910; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.tech.slick-current a { border-color: #f87910; background-color: #f87910; } .sub.gmxf .container .review_wrap > .inner .sns_wrap { margin-top: 33px; text-align: center; } .sub.gmxf .container .review_wrap > .inner .sns_wrap .sns_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sub.gmxf .container .review_wrap > .inner .sns_wrap .txt { margin-top: 30px; font-size: 28px; } .sub.gmxf .container .compare_wrap { margin: 80px 0 0 0; padding: 50px 0 40px; } .sub.gmxf .container .compare_wrap > .inner { padding: 0 50px; } .sub.gmxf .container .compare_wrap > .inner > .header h2 { letter-spacing: -0.56px; } .sub.gmxf .container .compare_wrap > .inner > .header .h_desc { text-decoration: underline; letter-spacing: -0.4px; } .sub.gmxf .container .compare_wrap > .inner .compare_info { padding-top: 30px; } .sub.gmxf .container .compare_wrap > .inner .compare_info > .tbl { display: none; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 50px; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet > .tbl { width: 68.6%; -ms-flex-negative: 0; flex-shrink: 0; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet > .tbl thead th.gommix { border-right-color: #f23656; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet .slider_wrap { position: static; width: 31.4%; height: auto; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet .slider_wrap .slick-list, .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet .slider_wrap .slick-track { height: 100%; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet .slider_wrap .slick-list { position: absolute; top: 0; left: 0; bottom: 50px; width: 100%; height: auto; padding: 0 0 0 68.6%; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet .slider_wrap .slider_item { width: 100%; height: 100%; padding: 0; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet .slider_wrap .slider_item .tbl { width: 31.4%; height: 100%; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet .slider_wrap .slider_item .tbl thead th { border-right-color: #e5d5b1; border-left-color: #fcf0d5; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet .slider_wrap .slider_item .tbl tbody td { border-left-color: #fffcf5; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet .slider_wrap .slick-dots { position: absolute; bottom: 0; left: 0; width: 100%; margin-top: 0; text-align: center; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_mobile { display: none; } .sub.gmxf .container .tuto_wrap .inner h2, .sub.gmxf .container .ticket_wrap .inner h2 { font-size: 40px; line-height: 59px; letter-spacing: -2px; } .sub.gmxf .container .tuto_wrap { margin: 70px 0 0 0; } .sub.gmxf .container .tuto_wrap .tuto_play { display: block; margin-top: 30px; } .sub.gmxf .container .tuto_wrap .tuto_play .player { width: 100%; border-radius: 40px 0; } .sub.gmxf .container .tuto_wrap .tuto_play .player::after { padding-top: 56.5%; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 40px 0 0 0; padding: 0 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap .info_txt { position: relative; padding-left: 90px; line-height: 35px; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap .info_txt::before { content: ''; position: absolute; left: 0; top: 0; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap .btns { margin-top: 0; text-align: right; } .sub.gmxf .container .ticket_wrap { margin: 70px 0 0 0; } .sub.gmxf .container .ticket_wrap .ticket_info { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 10px 0 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(50% - 17px); min-height: auto; height: auto; margin: 0; padding: 30px; border-radius: 30px 0 30px 0; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item:nth-child(n+3) { margin-top: 30px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .header { min-height: 97px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .price_info .sale { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: 20px 0 0 0; font-size: 40px; line-height: 59px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .price_info .sale .vat { margin: 0 0 14px 10px; font-size: 14px; line-height: 20px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .info_txt { font-size: 16px; line-height: 1.5; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info .detail { display: none; margin-top: 10px; border-radius: 20px; padding: 30px; background: #fff2e9; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info .detail * { font-size: 16px; line-height: 1.5; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info .detail .bul_list { margin-top: 24px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .btns { margin-top: 20px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .btns .btn { min-width: auto; width: 100%; } .sub.gmxf .container .ticket_wrap .ticket_info.active .ticket_item { height: 100%; } .sub.gmxf .container .bnr_buy { right: 114px; left: 114px; width: auto; } .sub.gmxf .container .bnr_buy a { min-width: auto; max-width: none; } } @media (max-width: 767px) { .sub.gmxf .top_visual { height: 474px; } .sub.gmxf .top_visual h1 { margin: 0; } .sub.gmxf .top_visual .align { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 74px; right: 24px; left: 24px; width: auto; max-height: none; } .sub.gmxf .top_visual .align .img_wrap { position: static; display: block; } .sub.gmxf .top_visual .align .img_wrap img { display: block; } .sub.gmxf .top_visual .align .info_txt { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-top: 10px; font-size: 24px; text-align: left; line-height: 1.5; letter-spacing: -0.48px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sub.gmxf .top_visual .align .info_txt .btns { margin: 0 0 20px 0; text-align: center; } .sub.gmxf .top_visual video { bottom: 0; height: 430px; opacity: 1; } .sub.gmxf .container { padding: 40px 0 50px; } .sub.gmxf .container > article > .inner { padding: 0 24px; } .sub.gmxf .container > article > .inner > .header { text-align: center; } .sub.gmxf .container > article > .inner > .header h2 { line-height: 38px; letter-spacing: -0.56px; } .sub.gmxf .container > article > .inner > .header .h_desc { letter-spacing: -0.4px; } .sub.gmxf .container .feature_wrap .box_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sub.gmxf .container .feature_wrap .box_wrap .box { width: 100%; max-height: 590px; margin: 0; background-position: 50% 32%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s; cursor: default; } .sub.gmxf .container .feature_wrap .box_wrap .box::after { padding-top: 91.8%; } .sub.gmxf .container .feature_wrap .box_wrap .box.feat03 { background-position: 50% 20%; } .sub.gmxf .container .feature_wrap .box_wrap .box.feat04 { background-position: 50% 23%; } .sub.gmxf .container .feature_wrap .box_wrap .box .tit { top: 30px; right: 24px; left: 24px; line-height: 36px; letter-spacing: -0.48px; } .sub.gmxf .container .feature_wrap .box_wrap .box > .hover_box dl { padding: 35.5% 24px 0 24px; line-height: 32px; letter-spacing: -0.48px; } .sub.gmxf .container .feature_wrap .box_wrap .box > .hover_box dl dd { margin-top: 10px; } .sub.gmxf .container .feature_wrap .box_wrap .box + .box { margin-top: 20px; } .sub.gmxf .container .feature_wrap .box_wrap .box.active .tit { color: #ffffff; } .sub.gmxf .container .feature_wrap .box_wrap .box.active > .hover_box { opacity: 0; } .sub.gmxf .container .feature_wrap .box_wrap .box.active.feat01 .tit { color: #222222; } .sub.gmxf .container .feature_wrap .box_wrap .box.active_mo .tit { color: #ffffff; } .sub.gmxf .container .feature_wrap .box_wrap .box.active_mo > .hover_box { opacity: 1; } .sub.gmxf .container .review_wrap { padding: 40px 0 0 0; background: none; } .sub.gmxf .container .review_wrap > .inner { position: relative; padding: 0 24px; } .sub.gmxf .container .review_wrap > .inner > .header { position: static; } .sub.gmxf .container .review_wrap > .inner > .header h2 { letter-spacing: -0.56px; } .sub.gmxf .container .review_wrap > .inner .box_wrap { display: block; margin-top: 39px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .move { position: absolute; z-index: 1; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .move.star { display: none; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box { position: relative; width: 100%; margin: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a { position: relative; display: block; min-height: auto; padding: 60px 30px 90px 30px; border-radius: 20px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a .logo { top: 20px; width: 120px; min-width: auto; height: 40px; padding: 8px; border-radius: 20px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a .logo img { max-width: 100%; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a .header { position: static; font-size: 30px; line-height: 45px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a .header .name { margin-top: 10px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box > a .cont_txt { margin-top: 30px; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box .move { display: block; width: 100px; height: 100px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box .move img { display: block; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.active > a { color: #ffffff; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.review .move { top: -40px; left: 20px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.review.active > a { border-color: #209dfa; background-color: #209dfa; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ .move { top: -60px; left: 25px; width: 140px; height: 120px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ .move > img { width: 82px; height: 82px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ .move .firecracker { top: 5px; left: 20px; width: 113px; height: 97px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ > a .logo { right: 20px; min-width: auto; width: 100px; height: 100px; padding: 0; border-radius: 50%; overflow: hidden; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ > a .logo img { width: 120px; height: 120px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.influ.active > a { border-color: #f23656; background-color: #f23656; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.tech { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.tech .move { top: -40px; right: auto; left: 20px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.tech > a .header .name { line-height: 33px; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box.tech.active > a { border-color: #f87910; background-color: #f87910; } .sub.gmxf .container .review_wrap > .inner .box_wrap .slider_wrap .box + .box { margin-top: 20px; } .sub.gmxf .container .review_wrap > .inner .sns_wrap { margin-top: 40px; } .sub.gmxf .container .review_wrap > .inner .sns_wrap .txt { margin-top: 20px; font-size: 24px; line-height: 33px; } .sub.gmxf .container .compare_wrap { margin: 40px 0 0 0; padding: 40px 0 30px; } .sub.gmxf .container .compare_wrap > .inner { padding: 0; } .sub.gmxf .container .compare_wrap > .inner > .header h2 { letter-spacing: -1px; } .sub.gmxf .container .compare_wrap > .inner > .header .h_desc { letter-spacing: -1.5px; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl th, .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl td { vertical-align: bottom; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl thead th { font-size: 13px; line-height: 19px; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl thead th .rate { margin-top: 2px; } .sub.gmxf .container .compare_wrap > .inner .compare_info .tbl tbody tr:last-child th { border-bottom-color: #fcf0d5; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_tablet { display: none; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_mobile > .tbl { width: 66%; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_mobile > .tbl tbody th:first-child { border-left: 1px solid #fcf0d5; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_mobile .slider_wrap { width: 34%; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_mobile .slider_wrap .slick-list { padding-left: 66%; } .sub.gmxf .container .compare_wrap > .inner .compare_info .compare_mobile .slider_wrap .slider_item .tbl { width: 34%; } .sub.gmxf .container .tuto_wrap .inner h2, .sub.gmxf .container .ticket_wrap .inner h2 { font-size: 40px; line-height: 59px; letter-spacing: -2px; } .sub.gmxf .container .tuto_wrap { margin: 40px 0 0 0; } .sub.gmxf .container .tuto_wrap > .inner { min-height: auto; } .sub.gmxf .container .tuto_wrap .tuto_play { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } .sub.gmxf .container .tuto_wrap .tuto_play .player { border-radius: 30px 0; background-size: 100%; } .sub.gmxf .container .tuto_wrap .tuto_play .player::after { padding-top: 56.4%; } .sub.gmxf .container .tuto_wrap .tuto_play .player .btn_play { width: 80px; height: 80px; background-size: cover; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 30px 0 0 0; padding: 0; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap .info_txt { padding-left: 60px; font-size: 15px; line-height: 1.5; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap .info_txt::before { content: ''; display: block; width: 50px; height: 50px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_ask.svg?v=2022207071") no-repeat 0 0; background-size: 100%; } .sub.gmxf .container .tuto_wrap .tuto_play .info_wrap .btns { margin-top: 30px; } .sub.gmxf .container .ticket_wrap { margin: 70px 0 0 0; } .sub.gmxf .container .ticket_wrap .ticket_info { display: block; padding: 20px 0 0 0; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item { width: 100%; margin: 0; padding: 30px; border-radius: 30px 0; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .header { min-height: auto; padding-bottom: 20px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .price_info .sale { font-size: 40px; line-height: 59px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .price_info .sale .vat { font-size: 14px; line-height: 20px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .info_txt { font-size: 15px; line-height: 24px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info { margin-top: 10px; text-align: left; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info .detail { padding: 20px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info .detail * { font-size: 14px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info .detail .bul_list { margin-top: 24px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info.open > a::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .more_info + .btns { margin-top: 30px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .btns { margin-top: 20px; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item .btns .btn { width: 100%; min-width: auto; } .sub.gmxf .container .ticket_wrap .ticket_info .ticket_item + .ticket_item { margin-top: 20px; } .sub.gmxf .container .bnr_buy { right: 15px; left: 15px; } .sub.gmxf .container .bnr_buy a { height: 58px; border-radius: 29px; font-size: 16px; line-height: 24px; } .sub.gmxf .btn_qna_fix { bottom: 155px; } .sub.gmxf .btn_top_fix { bottom: 98px; } .sub.gmxf .btn_evbnr_fix { bottom: 212px; } } .bx_share { max-width: 1080px; margin: 140px auto 30px; text-align: center; line-height:1; } .bx_share .fb-like { vertical-align: top !important; } .bx_share .fb-like span { vertical-align: text-top !important; } .bx_share #___plus_0 { vertical-align: top !important; margin-top: 2px !important; } @media (max-width: 1279px) { .bx_share { margin: 120px auto 30px; } } @media (max-width: 767px) { .bx_share { margin: 60px auto 20px; } } .bx_share a { display: inline-block; vertical-align: top !important; height: 25px; } .bx_share a img { vertical-align: text-top !important; } .gmp .bx_compare .bx:last-child .tit { background: #f87910 url("//www.gomlab.com/gomlab_v2/ui/img/gmp/bg_gmp_plus.png?v=2022207071") no-repeat 95% 90%; background-size: 254px; } .gmp .bx_compare .bx:last-child ul strong { color: #ff7747; } .gmp .bx_compare .bx_arrow em, .gmp .bx_compare .bx_arrow em:after { border-color: #ff7747; } .gmp .goods_point .btn { background: #ff7747; } .gmp .bx_complet { background-color: #ff7747; background: -webkit-gradient(linear, left bottom, left top, from(#ff7747), to(#ffaf84)); background: linear-gradient(to top, #ff7747, #ffaf84); background: -o-linear-gradient(to top, #ff7747, #ffaf84); -webkit-box-shadow: 0px 20px 45px #f6d3c7; box-shadow: 0px 20px 45px #f6d3c7; } .gmp .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/gmp/bg_gmp.png?v=2022207071") no-repeat 90% 50%; } .gmp.plus .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/gmp/bg_gmp_plus.png?v=2022207071") no-repeat 90% 50%; } .gmxm .bx_complet { background-color: #F23656; background: -webkit-gradient(linear, left bottom, left top, from(#F23656), to(#F89BAB)); background: linear-gradient(to top, #F23656, #F89BAB); background: -o-linear-gradient(to top, #F23656, #F89BAB); -webkit-box-shadow: 0px 20px 45px #f0c7c9; box-shadow: 0px 20px 45px #f0c7c9; } .gmxm .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/gmxm/bg_gmx_max.png?v=2022207071") no-repeat 90% 50%; } .gmxm .bg_gra { background-color: #E05272; background: -webkit-gradient(linear, right top, left top, from(#E05272), to(#EA8792)); background: linear-gradient(to left, #E05272, #EA8792); background: -o-linear-gradient(to left, #E05272, #EA8792); } .gmx .lnb_tooltip p strong { color: #e8636a; } .gmx .bx_compare .bx:last-child .tit { background: #e8636a url("//www.gomlab.com/gomlab_v2/ui/img/gmx/bg_gmx_pro.png?v=2022207071") no-repeat 95% 90%; background-size: 277px; } .gmx .bx_compare .bx:last-child ul strong { color: #e8636a; } .gmx .bx_compare .bx_arrow em, .gmx .bx_compare .bx_arrow em:after { border-color: #e8636a; } .gmx .bg_gra { background-color: #e8636a; background: -webkit-gradient(linear, right top, left top, from(#e8636a), to(#ea878c)); background: linear-gradient(to left, #e8636a, #ea878c); background: -o-linear-gradient(to left, #e8636a, #ea878c); } .gmx .txt_bg.crcl { color: #e8636a; } .gmx .goods_point .btn { background: #e8636a; } .gmx .goods_point .btn.c_def { background: #343434; } .gmx .bx_complet { background-color: #e8636a; background: -webkit-gradient(linear, left bottom, left top, from(#e8636a), to(#ea878c)); background: linear-gradient(to top, #e8636a, #ea878c); background: -o-linear-gradient(to top, #e8636a, #ea878c); -webkit-box-shadow: 0px 20px 45px #f0c7c9; box-shadow: 0px 20px 45px #f0c7c9; } .gmx .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/gmx/bg_gmx.png?v=2022207071") no-repeat 97% 50%; } .gmx.pro .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/gmx/bg_gmx_pro.png?v=2022207071") no-repeat 97% 50%; } .gmx.diat .pc_none { display: none; } @media (max-width: 767px) { .gmx.diat .goods_point h2 br, .gmx.diat .pc_none { display: block; } } .gmx.diat .bx_info { background: url("//www.gomlab.com/gomlab_v2/ui/img/gmx/bg_diat.jpg?v=2022207071") no-repeat 735px 58px; } .gmx.diat .bx_info h2 { font-weight: 600; } .gmx.diat .bx_info h2 span { font-weight: 100; } .gmx.diat .bx_info .cont { margin: 40px auto 0; } @media (max-width: 1279px) { .gmx.diat .bx_info { background-position: 90% 40px; padding: 90px 3.9% 70px; } .gmx.diat .bx_info .cont { margin: 20px auto 0; } } @media (max-width: 767px) { .gmx.diat .bx_info { background-position: 50% 175px; background-size: 115px; padding: 50px 6.25%; } .gmx.diat .bx_info .cont { margin: 175px auto 0; } } .gmx.diat .bx_info .bx_step { margin-top: 80px; } .gmx.diat .bx_info .bx_step .cont_step { font-size: 15px; padding: 60px 30px; } .gmx.diat .bx_info .bx_step .img { width: 100%; max-width: 368px; } .gmx.diat .bx_info .bx_step .img + p { margin: 40px 0; } .gmx.diat .bx_info .bx_step .tit { height: auto; padding: 30px 35px; background: #e8636a url(//www.gomlab.com/gomlab_v2/ui/img/common/bg_uninstall.png) no-repeat 135% 50%; font-size: 26px; -webkit-box-sizing: border-box; box-sizing: border-box; } .gmx.diat .bx_info .bx_step .tit strong { margin-bottom: 0px; font-size: 26px; display: inline-block; } .gmx.diat .bx_info .bx_step .btns { margin-top: 0; } .gmx.diat .bx_info .bx_step .bx { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1279px) { .gmx.diat .bx_info .bx_step { margin-top: 70px; } .gmx.diat .bx_info .bx_step .tit { font-size: 18px; } .gmx.diat .bx_info .bx_step .tit strong { font-size: 18px; } .gmx.diat .bx_info .bx_step .bx_temp { width: 3%; } .gmx.diat .bx_info .bx_step .cont_step { font-size: 15px; padding: 40px 23px; } .gmx.diat .bx_info .bx_step .img + p { margin: 30px 0; } } @media (max-width: 767px) { .gmx.diat .bx_info .bx_step { margin-top: 50px; } .gmx.diat .bx_info .bx_step .bx:first-child { margin-bottom: 40px; } .gmx.diat .bx_info .bx_step .bx:first-child:after { display: none; } .gmx.diat .bx_info .bx_step .tit { font-size: 15px; } .gmx.diat .bx_info .bx_step .tit strong { font-size: 15px; } .gmx.diat .bx_info .bx_step .cont_step { font-size: 13px; } } .gmx.diat .bx_goods .txt_box { width: 550px; } .gmx.diat .bx_goods .txt_box .tag strong { font-size: 15px; } .gmx.diat .bx_goods .txt_box .tag span { margin-top: 10px; display: block; } .gmx.diat .bx_goods .txt_box .tag .point { color: #ffed00; } .gmx.diat .bx_goods .txt_box .tag a, .gmx.diat .bx_goods .txt_box .tag a:hover, .gmx.diat .bx_goods .txt_box .tag a:visited { color: #ffffff; text-decoration: underline; } @media (max-width: 1279px) { .gmx.diat .bx_goods .txt_box { width: 100%; } } .gmx.diat .bx_goods.bg_gra .right { width: 528px; } @media (max-width: 1279px) { .gmx.diat .bx_goods.bg_gra .right { width: 100%; } } .gmx.diat .goods_point h3 { font-size: 22px; } .gmx.diat .goods_point h3 strong { color: #f9323f; } @media (max-width: 1279px) { .gmx.diat .goods_point h3 { font-size: 18px; } } @media (max-width: 767px) { .gmx.diat .goods_point h3 { font-size: 13px; } } .gmx.diat .goods_point .cont + .cont { margin-top: 80px; } @media (max-width: 1279px) { .gmx.diat .goods_point .cont + .cont { margin-top: 50px; } } @media (max-width: 767px) { .gmx.diat .goods_point .cont + .cont { margin-top: 40px; } } .gcm .bx_compare .bx:first-child ul strong { color: #222222; } .gcm .bx_compare .bx ul strong { color: #3d8cd1; } .gcm .bx_compare .bx:last-child .tit { background: #3d8cd1 url("//www.gomlab.com/gomlab_v2/ui/img/gcm/bg_gcm.png?v=2022207071") no-repeat 95% 20%; background-size: 276px; } .gcm .bx_compare .bx_arrow em, .gcm .bx_compare .bx_arrow em:after { border-color: #3d8cd1; } .gcm .bg_gra { background-color: #3d8cd1; background: -webkit-gradient(linear, right top, left top, from(#3d8cd1), to(#7cc6f0)); background: linear-gradient(to left, #3d8cd1, #7cc6f0); background: -o-linear-gradient(to left, #3d8cd1, #7cc6f0); } .gcm .txt_bg.crcl { color: #3d8cd1; } .gcm .bx_complet { background-color: #3d8cd1; background: -webkit-gradient(linear, left bottom, left top, from(#3d8cd1), to(#7cc6f0)); background: linear-gradient(to top, #3d8cd1, #7cc6f0); background: -o-linear-gradient(to top, #3d8cd1, #7cc6f0); -webkit-box-shadow: 0px 20px 45px #c9deef; box-shadow: 0px 20px 45px #c9deef; } .gcm .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/gcm/bg_gcm.png?v=2022207071") no-repeat 95% 50%; } .gau .bg_gra { background-color: #009b99; background: -webkit-gradient(linear, right top, left top, from(#009b99), to(#7cc3c2)); background: linear-gradient(to left, #009b99, #7cc3c2); background: -o-linear-gradient(to left, #009b99, #7cc3c2); } .gau .bx_complet { background-color: #009b99; background: -webkit-gradient(linear, left bottom, left top, from(#009b99), to(#7cc3c2)); background: linear-gradient(to top, #009b99, #7cc3c2); background: -o-linear-gradient(to top, #009b99, #7cc3c2); -webkit-box-shadow: 0px 20px 45px #c7e0e0; box-shadow: 0px 20px 45px #c7e0e0; } .gau .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/gau/bg_gau.png?v=2022207071") no-repeat 90% 50%; } .grc .bg_gra { background-color: #f97955; background: -webkit-gradient(linear, right top, left top, from(#f97955), to(#fcaa93)); background: linear-gradient(to left, #f97955, #fcaa93); background: -o-linear-gradient(to left, #f97955, #fcaa93); } .grc .bx_complet { background-color: #f97955; background: -webkit-gradient(linear, left bottom, left top, from(#f97955), to(#fcaa93)); background: linear-gradient(to top, #f97955, #fcaa93); background: -o-linear-gradient(to top, #f97955, #fcaa93); -webkit-box-shadow: 0px 20px 45px #f2d1c7; box-shadow: 0px 20px 45px #f2d1c7; } .grc .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/grc/bg_grc.png?v=2022207071") no-repeat 87% 50%; } .gen .bx_compare .bx:last-child .tit { background: #f87910 url("//www.gomlab.com/gomlab_v2/ui/img/gen/bg_gen.png?v=2022207071") no-repeat 95% 90%; background-size: 193px; } .gen .bx_compare .bx:last-child ul strong { color: #ff7a02; } .gen .bx_compare .bx_arrow em, .gen .bx_compare .bx_arrow em:after { border-color: #ff7a02; } .gen .bg_gra { background-color: #ff7a02; background: -webkit-gradient(linear, right top, left top, from(#ff7a02), to(#f7c581)); background: linear-gradient(to left, #ff7a02, #f7c581); background: -o-linear-gradient(to left, #ff7a02, #f7c581); } .gen .txt_bg.crcl { color: #ff7a02; } .gen .bx_complet { background-color: #ff7a02; background: -webkit-gradient(linear, left bottom, left top, from(#ff7a02), to(#f7c581)); background: linear-gradient(to top, #ff7a02, #f7c581); background: -o-linear-gradient(to top, #ff7a02, #f7c581); -webkit-box-shadow: 0px 20px 45px #f0d5cb; box-shadow: 0px 20px 45px #f0d5cb; } .gen .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/gen/bg_gen.png?v=2022207071") no-repeat 95% 50%; } .grm .goods_point .cont { padding: 30px 0; } @media (max-width: 1279px) { .grm .goods_point .cont img { width: 100%; max-width: 624px; } } @media (max-width: 767px) { .grm .goods_point .cont { padding: 10px 0; } } .grm .bg_gra { background-color: #86645b; background: -webkit-gradient(linear, right top, left top, from(#86645b), to(#b29086)); background: linear-gradient(to left, #86645b, #b29086); background: -o-linear-gradient(to left, #86645b, #b29086); } .grm .bx_complet { background-color: #86645b; background: -webkit-gradient(linear, left bottom, left top, from(#86645b), to(#b29086)); background: linear-gradient(to top, #86645b, #b29086); background: -o-linear-gradient(to top, #86645b, #b29086); -webkit-box-shadow: 0px 20px 45px #ddd4d1; box-shadow: 0px 20px 45px #ddd4d1; } .grm .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/grm/bg_grm.png?v=2022207071") no-repeat 87% 80%; } .grm.app .goods_point { border-top: 1px solid #ededed; max-width: 100%; } .gst .bg_gra { background-color: #f2653f; background: -webkit-gradient(linear, right top, left top, from(#f2653f), to(#ff9266)); background: linear-gradient(to left, #f2653f, #ff9266); background: -o-linear-gradient(to left, #f2653f, #ff9266); } .gst .bx_complet { background-color: #f2653f; background: -webkit-gradient(linear, left bottom, left top, from(#f2653f), to(#ff9266)); background: linear-gradient(to top, #f2653f, #ff9266); background: -o-linear-gradient(to top, #f2653f, #ff9266); -webkit-box-shadow: 0px 20px 45px #f6d3c7; box-shadow: 0px 20px 45px #f6d3c7; } .gst .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/gst/bg_gst.png?v=2022207071") no-repeat 95% 50%; } .gpk .container, .gbp .container { max-width: 1080px; margin: 0 auto; padding: 80px 0 0; } .gpk .partner .wrap, .gbp .partner .wrap { padding: 0; } @media (max-width: 1279px) { .gpk .container, .gbp .container { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 70px 3.9% 0; } .gpk .bx_qna.wrap, .gbp .bx_qna.wrap { width: 100%; } } @media (max-width: 767px) { .gpk .container, .gbp .container { padding: 40px 6.25% 0; } } .gpk .container .top { margin-bottom: 40px; } .gpk .container .top h2 { margin-bottom: 10px; } .gpk .container .top p { font-size: 18px; color: #999999; } .gpk .container .bx_pack { margin-bottom: 80px; } .gpk .container .bx_pack:last-child { margin-bottom: 0px; } @media (max-width: 1279px) { .gpk .container .top { margin-bottom: 30px; } .gpk .container .top p { font-size: 16px; } .gpk .container .bx_pack { margin-bottom: 70px; } } @media (max-width: 767px) { .gpk .container .top { margin-bottom: 20px; } .gpk .container .top h2 { margin-bottom: 5px; } .gpk .container .top p { font-size: 12px; } .gpk .container .bx_pack { margin-bottom: 40px; } } .gpk.gpk_renew .top_visual { background-position: top center; background-repeat: no-repeat; background-color: #0a090e; background-image: url("http://www.gomlab.com/gomlab_v2/ui/img/gpk/bg_visual02.jpg"); } .gpk.gpk_renew .top_visual .align { height: calc(100% - 110px); } .gpk.gpk_renew .top_visual .align h1 { position: absolute; right: 0; bottom: 60px; left: 0; margin-bottom: 0; font-size: 42px; text-align: center; line-height: 64px; } .gpk.gpk_renew .container { max-width: 1280px; padding: 60px 0 100px 0; } .gpk.gpk_renew .container .header { color: #000; text-align: center; } .gpk.gpk_renew .container .header h2 { font-size: 34px; line-height: 50px; } .gpk.gpk_renew .container .header .h_desc { margin-top: 10px; font-size: 20px; line-height: 29px; } @media (max-width: 1279px) { .gpk.gpk_renew .top_visual { height: 578px; background-image: url("http://www.gomlab.com/gomlab_v2/ui/img/gpk/bg_visual02_tablet.jpg"); } .gpk.gpk_renew .top_visual .align { height: calc(100% - 80px); } .gpk.gpk_renew .top_visual .align h1 { position: static; font-size: 42px; text-align: left; line-height: 60px; } .gpk.gpk_renew .container { padding: 50px 0 80px 0; } .gpk.gpk_renew .container .header h2 { font-size: 30px; line-height: 45px; } } @media (max-width: 767px) { .gpk.gpk_renew .top_visual { height: 360px; background-image: url("http://www.gomlab.com/gomlab_v2/ui/img/gpk/bg_visual02_mo.jpg"); } .gpk.gpk_renew .top_visual .align { height: calc(100% - 80px); max-height: none; padding: 0 24px; } .gpk.gpk_renew .top_visual .align h1 { font-size: 24px; line-height: 32px; } .gpk.gpk_renew .container { padding: 30px 10px 56px 10px; } .gpk.gpk_renew .container .header { padding-right: 14px; padding-left: 14px; } .gpk.gpk_renew .container .header h2 { font-size: 24px; line-height: 34px; } .gpk.gpk_renew .container .header .h_desc { font-size: 17px; line-height: 24px; } } .gbp .tit_tick { margin: 0px 48px 54px 0px; } .gbp .tit_tick span { display: inline-block; width: 64%; font-weight: 100; } .gbp .tit_tick img { max-width: 370px; width: 36%; } @media (max-width: 1279px) { .gbp .tit_tick { margin-right: 0px; } } @media (max-width: 767px) { .gbp .tit_tick { margin: 0px 41px 24px 0px; } .gbp .tit_tick img { display: none; } .gbp .tit_tick span { width: 100%; } } .gbp .bx_coupon { width: 100%; margin-bottom: 80px; background: #fffdfd; border: 1px solid #eed3d2; border-radius: 10px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .gbp .bx_coupon { margin-bottom: 40px; } } .gbp .bx_coupon .tit { margin: 6% 0 4%; width: 60.5%; } .gbp .bx_coupon .list { width: 90.37%; margin: 0 auto 4%; } .gbp .bx_coupon .list:after { display: block; clear: both; content: ""; } .gbp .bx_coupon .list li { width: 30.6%; float: left; margin: 0 1.35%; } .gbp .bx_coupon .list li img { width: 100%; } .gbp .bx_coupon .bx_noti { overflow: hidden; background: #fff4f4; border-top: 1px solid #eed3d2; border-radius: 0 0 10px 10px; text-align: center; } .gbp .bx_coupon .bx_noti ul { width: 420px; margin: 3.3% auto 2.4%; overflow: hidden; font-size: 14px; line-height: 31px; color: #bc908e; text-align: left; } .gbp .bx_coupon .bx_noti ul li { width: 100%; position: relative; padding-left: 18px; font-weight: bold; } .gbp .bx_coupon .bx_noti ul em { font-size: 30px; line-height: 1; height: 18px; color: #eed3d2; position: absolute; top: 7px; left: 0; } .gbp .bx_coupon .bx_noti ul a { color: #ff7600; text-decoration: underline; } @media (max-width: 767px) { .gbp .bx_coupon .bx_noti ul { font-size: 10px; width: 90%; line-height: 1.7; } .gbp .bx_coupon .bx_noti ul li { padding-left: 12px; } .gbp .bx_coupon .bx_noti ul em { top: 2px; font-size: 17px; } } @media (max-width: 1279px) { .gbp .tbl.tbl_pass .tkt_ico { display: none; } .gbp .tbl.tbl_pass .tkt_txt { padding: 30px 0; } .gbp .tbl.tbl_pass .tkt_txt .wrap { border-left: none; } } .gbp.new .mid_bnr { width: 100%; height: 70px; background: -webkit-gradient(linear, right top, left top, from(#f8bd0b), color-stop(29%, #ff4d33), color-stop(42%, #ff5037), to(#ff237b)); background: linear-gradient(270deg, #f8bd0b 0%, #ff4d33 29%, #ff5037 42%, #ff237b 100%); } .gbp.new .mid_bnr .wrap { width: 1280px; height: 70px; position: relative; color: #ffffff; text-align: center; } .gbp.new .mid_bnr .wrap img { display: inline-block; position: absolute; left: 99px; top: -49px; width: 200px; height: 120px; } .gbp.new .mid_bnr .wrap .bnr_tit { display: inline-block; line-height: 70px; margin-left: 209px; } .gbp.new .mid_bnr .wrap .tit { display: inline-block; font-size: 22px; font-weight: 600; } .gbp.new .mid_bnr .wrap .tit strong { color: #FFF500; } .gbp.new .mid_bnr .wrap .tit.mobile { display: none; } .gbp.new .mid_bnr .wrap .btn { min-width: 160px; width: auto; height: 44px; float: right; font-size: 17px; display: block; border: 2px solid #fff; border-radius: 30px; background: none; margin-left: 33px; margin-top: 13px; padding: 10px 30px 10px 30px; } @media (max-width: 1279px) { .gbp.new .mid_bnr { height: 70px; position: relative; } .gbp.new .mid_bnr .wrap { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; height: 70px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); box-sizing: border-box; max-width: 768px; padding-left: 0; } .gbp.new .mid_bnr .wrap img { width: 110px; height: 66px; padding-top: 4px; margin-left: 0; top: 0; left: 30px; } .gbp.new .mid_bnr .wrap .bnr_tit { line-height: 70px; margin-left: 188px; } .gbp.new .mid_bnr .wrap .bnr_tit .tit { display: inline-block; font-size: 18px; } .gbp.new .mid_bnr .wrap .bnr_tit .tit.mobile { display: none; } .gbp.new .mid_bnr .wrap .bnr_tit .btn { min-width: 146px; padding: 8px 26px; font-size: 16px; height: 40px; margin-left: 28px; margin-top: 15px; } } @media (max-width: 767px) { .gbp.new .mid_bnr { min-width: 375px; height: 94px; } .gbp.new .mid_bnr .wrap { width: 376px; height: 94px; padding-left: 0; } .gbp.new .mid_bnr .wrap img { width: 110px; height: 66px; padding-top: 0; position: absolute; bottom: 0; top: 29px; left: 0; } .gbp.new .mid_bnr .wrap .bnr_tit { line-height: 24px; text-align: center; margin-left: 0; margin-top: 12px; } .gbp.new .mid_bnr .wrap .bnr_tit .tit { font-size: 15px; display: none; } .gbp.new .mid_bnr .wrap .bnr_tit .tit.mobile { display: block; line-height: 22px; } .gbp.new .mid_bnr .wrap .bnr_tit .btn { height: 36px; min-width: 136px; line-height: 14px; font-size: 14px; display: inline-block; padding: 8px 27px; margin-left: 0; float: none; margin-top: 10px; } } .gbp.new .tit_tick em { font-size: 18px; } @media (max-width: 1279px) { .gbp.new .tit_tick em { font-size: 16px; } } @media (max-width: 767px) { .gbp.new .tit_tick em { font-size: 14px; } } .gbp.new .bnr_container { display: none; width: 100%; height: 510px; background-color: #F7F7F7; } .gbp.new .bnr_container input:-webkit-autofill, .gbp.new .bnr_container input:-webkit-autofill:hover, .gbp.new .bnr_container input:-webkit-autofill:focus, .gbp.new .bnr_container input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px #fff8f3 inset !important; } .gbp.new .bnr_container .container { position: relative; padding: 0; max-width: 1240px; height: 510px; } .gbp.new .bnr_container .container .close { width: 30px; height: 30px; position: absolute; top: 30px; right: 30px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_close.png?v=2022207071") no-repeat 0 0; background-size: cover; text-indent: -2000em; font-size: 1px; overflow: hidden; } .gbp.new .bnr_container .tit { text-align: center; font-size: 38px; line-height: 56px; padding-top: 50px; margin-bottom: 30px; font-weight: 400; } .gbp.new .bnr_container .bx_info { -webkit-box-sizing: border-box; box-sizing: border-box; width: 610px; height: 324px; background-color: #fff; float: left; padding: 40px 40px 20px 40px; } .gbp.new .bnr_container .bx_info + .bx_info { margin-left: 20px; padding-top: 33px; } .gbp.new .bnr_container .bx_info .third_wrap { margin-top: 10px; display: block; } .gbp.new .bnr_container .bx_info .third_wrap .wrap { display: -webkit-box; display: flex; display: -ms-flexbox; padding: 0; max-width: none; } .gbp.new .bnr_container .bx_info .bx_wrap { position: relative; min-height: 50px; font-size: 0; } .gbp.new .bnr_container .bx_info .bx_wrap em { color: #F87910; } .gbp.new .bnr_container .bx_info .bx_wrap + .bx_wrap { margin-top: 10px; } .gbp.new .bnr_container .bx_info .bx_wrap.third { display: inline-block; width: calc(50% - 5px); } .gbp.new .bnr_container .bx_info .bx_wrap.third.voucher { margin-left: 10px; margin-top: 0; } .gbp.new .bnr_container .bx_info .bx_wrap .bx_ipt .holder { pointer-events: none; color: #666; } .gbp.new .bnr_container .bx_info .bx_wrap .bx_ipt.num { width: 125px; } .gbp.new .bnr_container .bx_info .slct_wrap { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; position: relative; border: 1px solid #ddd; border-radius: 4px; height: 50px; } .gbp.new .bnr_container .bx_info .slct_wrap.err { position: relative; border: 1px solid #f52222; -webkit-box-shadow: 0px 0px 5px rgba(245, 34, 34, 0.2); box-shadow: 0px 0px 5px rgba(245, 34, 34, 0.2); color: #f52222; caret-color: #f52222; padding-right: 37px; } .gbp.new .bnr_container .bx_info .slct_wrap.err .slct_box { border: 1px solid #f52222; border-width: 0 1px 1px 1px; } .gbp.new .bnr_container .bx_info .slct_wrap .slct_trg { display: block; height: 100%; line-height: 50px; font-size: 15px; color: #666; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gbp.new .bnr_container .bx_info .slct_wrap .slct_trg::after { display: inline-block; content: ''; position: absolute; right: 0; top: 20px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_slct.png?v=2022207071") no-repeat 99% 20%; background-size: #ffffff; width: 26px; height: 10px; } .gbp.new .bnr_container .bx_info .slct_wrap.product { width: 260px; } .gbp.new .bnr_container .bx_info .slct_wrap.product .slct_box { width: 260px; } .gbp.new .bnr_container .bx_info .slct_wrap.year { width: 125px; margin: 0; } .gbp.new .bnr_container .bx_info .slct_wrap.year .slct_box { width: 125px; } .gbp.new .bnr_container .bx_info .slct_wrap .slct_box { z-index: 2; display: none; overflow: hidden; position: absolute; width: 100%; background: #fff; border: 1px solid #dddddd; border-radius: 0 0 4px 4px; border-width: 0 1px 1px 1px; left: -1px; top: 42px; } .gbp.new .bnr_container .bx_info .slct_wrap .slct_box a { padding-left: 20px; text-align: left; font-size: 15px; line-height: 42px; height: 42px; } .gbp.new .bnr_container .bx_info .tit_info { display: block; font-size: 20px; line-height: 30px; } .gbp.new .bnr_container .bx_info .sub_tit { font-size: 15px; color: #666666; display: block; margin-bottom: 15px; } .gbp.new .bnr_container .bx_info .info_list { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 530px; height: 130px; border: 2px solid #F0F0F0; overflow: auto; padding: 20px; } .gbp.new .bnr_container .bx_info .info_list li { position: relative; font-size: 15px; margin-bottom: 8px; } .gbp.new .bnr_container .bx_info .info_list .close { position: absolute; display: inline-block; width: 18px; height: 18px; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: auto; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_mid_close.png?v=2022207071") no-repeat 0 0; background-size: cover; } .gbp.new .bnr_container .bx_info .btn { margin: 20px auto 0; display: block; text-align: center; width: 170px; height: 50px; border-radius: 50px; background-color: #F87910; font-size: 18px; font-weight: 600; padding: 11px 51px; line-height: 27px; } .gbp.new .bnr_container .bx_info .bx_ipt { width: 260px; vertical-align: top; display: inline-block; position: relative; } .gbp.new .bnr_container .bx_info .bx_ipt .c_fill .ipt.fill { background-color: #fff8f3 !important; } .gbp.new .bnr_container .bx_info .bx_ipt:nth-child(2n) { margin-left: 10px; } .gbp.new .bnr_container .bx_info .bx_ipt label { position: absolute; z-index: 2; display: block; font-size: 15px; padding: 15px 0 15px 20px; line-height: 20px; width: auto; height: auto; } .gbp.new .bnr_container .bx_info .first .txt_alert.err { margin: 7px 0 12px 0; } .gbp.new .bnr_container .bx_info .second .txt_alert.err { margin: 7px 0 2px 0; } .gbp.new .bnr_container .bx_info .third_wrap .txt_alert.err { margin: 3px 0 0 0; } .gbp.new .bnr_container .bx_info .third_wrap .third .txt_alert.err { margin: -1px 0 0 0; } .gbp.new .bnr_container .bx_info .col { margin-top: 10px; } .gbp.new .bnr_container .bx_info .col .label { background-position: 0px 5px; } .gbp.new .bnr_container .bx_info .col .terms { margin-left: 10px; line-height: 24px; font-size: 15px; color: #F87910; text-decoration: underline; } .gbp.new .bnr_container .bx_info .col .popup.pop_msg, .gbp.new .bnr_container .bx_info .col .pop_msg.pop_browser { padding: 40px 0; } .gbp.new .bnr_container .bx_info .col .msg { padding-top: 0; font-size: 30px; line-height: 45px; } .gbp.new .bnr_container .bx_info .col .tt { padding: 0 40px; display: block; font-size: 16px; text-align: left; margin-bottom: 5px; font-weight: 600; } @media (max-width: 1279px) { .gbp.new .bnr_container { height: auto; } .gbp.new .bnr_container .tit { padding-top: 40px; margin-bottom: 20px; font-size: 24px; line-height: 36px; font-weight: 600; } .gbp.new .bnr_container .container { height: auto; padding: 0 30px 30px; } .gbp.new .bnr_container .container .close { top: 20px; right: 20px; } .gbp.new .bnr_container .bx_info { width: 100%; float: none; min-height: 272px; height: auto; padding: 30px; } .gbp.new .bnr_container .bx_info + .bx_info { margin: 0; } .gbp.new .bnr_container .bx_info:last-child { margin-top: 30px; height: 333px; } .gbp.new .bnr_container .bx_info .col .label { background-position: 0 4.5px; font-size: 15px; } .gbp.new .bnr_container .bx_info .bx_wrap.first .txt_alert.err { margin-top: 7px; } .gbp.new .bnr_container .bx_info .bx_wrap.second .txt_alert.err { margin-top: 7px; } .gbp.new .bnr_container .bx_info .bx_wrap.third .txt_alert.err { margin-top: 0; } .gbp.new .bnr_container .bx_info .bx_wrap .bx_ipt { width: calc(50% - 5px); } .gbp.new .bnr_container .bx_info .bx_wrap .bx_ipt input { height: 50px; } .gbp.new .bnr_container .bx_info .bx_wrap .bx_ipt.num { width: calc(50% - 5px); margin-left: 10px; } .gbp.new .bnr_container .bx_info .third_wrap .third .txt_alert.err { margin-top: 3px; } .gbp.new .bnr_container .bx_info .slct_wrap.product { width: 100%; } .gbp.new .bnr_container .bx_info .slct_wrap.product .slct_box { width: calc(100% + 2px); } .gbp.new .bnr_container .bx_info .slct_wrap.year { width: calc(50% - 5px); margin: 0; } .gbp.new .bnr_container .bx_info .slct_wrap.year .slct_box { width: calc(100% + 2px); } .gbp.new .bnr_container .bx_info .info_list { width: 100%; padding: 20px 26px 20px 20px; } .gbp.new .bnr_container .bx_info .info_list li { margin-bottom: 12px; } .gbp.new .bnr_container .bx_info .info_list .close { width: 18px; height: 18px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_mid_close.png?v=2022207071") no-repeat 0 0; background-size: cover; } } @media (max-width: 767px) { .gbp.new .bnr_container .container { height: 100%; padding: 0 24px 24px; } .gbp.new .bnr_container .container .close { width: 24px; height: 24px; } .gbp.new .bnr_container .bx_info { float: none; min-height: 319px; height: auto; padding: 20px; } .gbp.new .bnr_container .bx_info + .bx_info { margin: 0; } .gbp.new .bnr_container .bx_info .info_list { padding: 20px 20px 10px 20px; } .gbp.new .bnr_container .bx_info .info_list li { margin-bottom: 10px; width: 100%; font-size: 14px; display: -webkit-box; display: flex; display: -ms-flexbox; } .gbp.new .bnr_container .bx_info .info_list li span { overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 90%; } .gbp.new .bnr_container .bx_info .info_list .close { width: 18px; height: 18px; margin-top: 2px; margin-left: 6%; position: static; top: 5px; -webkit-transform: none; -ms-transform: none; transform: none; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_mid_close.png?v=2022207071") no-repeat 0 0; background-size: cover; } .gbp.new .bnr_container .bx_info .sub_tit { font-size: 13px; } .gbp.new .bnr_container .bx_info .third_wrap .wrap { display: block; } .gbp.new .bnr_container .bx_info .third_wrap .txt_alert.err { margin-top: -3px; margin-bottom: 15px; } .gbp.new .bnr_container .bx_info .col { margin-top: 6px; } .gbp.new .bnr_container .bx_info .col .label { display: inline-block; font-size: 14px; background-position: 0px 4.5px; } .gbp.new .bnr_container .bx_info .col .terms { font-size: 14px; } .gbp.new .bnr_container .bx_info:last-child { margin-top: 20px; height: auto; padding-bottom: 30px; } .gbp.new .bnr_container .bx_info .bx_wrap.first .txt_alert.err { margin-bottom: 15px; } .gbp.new .bnr_container .bx_info .bx_wrap.second .bx_ipt { width: 100%; height: auto; } .gbp.new .bnr_container .bx_info .bx_wrap.second .bx_ipt .txt_alert { margin-bottom: 5px; } .gbp.new .bnr_container .bx_info .bx_wrap.second .bx_ipt:nth-child(2n) { margin-left: 0; margin-top: 10px; } .gbp.new .bnr_container .bx_info .bx_wrap.third { width: 100%; } .gbp.new .bnr_container .bx_info .bx_wrap.third .txt_alert.err { margin-bottom: 15px; } .gbp.new .bnr_container .bx_info .bx_wrap.third.voucher { margin: 0; } .gbp.new .bnr_container .bx_info .bx_wrap .bx_ipt { height: 40px; } .gbp.new .bnr_container .bx_info .bx_wrap .bx_ipt.num { width: calc(50% - 5px); margin-left: 10px; } .gbp.new .bnr_container .bx_info .bx_wrap .bx_ipt input { height: 40px; } .gbp.new .bnr_container .bx_info .bx_wrap .bx_ipt label { padding: 10px 0 10px 19px; font-size: 13px; } .gbp.new .bnr_container .bx_info .slct_wrap { height: 40px; } .gbp.new .bnr_container .bx_info .slct_wrap .slct_box { top: 36px; } .gbp.new .bnr_container .bx_info .slct_wrap .slct_trg { line-height: 40px; font-size: 13px; } .gbp.new .bnr_container .bx_info .slct_wrap .slct_trg:after { top: 15px; } .gbp.new .bnr_container .bx_info .slct_wrap.product { z-index: 4; width: 100%; } .gbp.new .bnr_container .bx_info .slct_wrap.year { width: calc(50% - 5px); } .gbp.new .bnr_container .bx_info .info_list { overflow: visible; height: auto; } } .gbp.new .container.b2bg { position: relative; } .gbp.new .container .wing_bnr_tp3 { position: absolute; top: 50px; left: 50%; margin-left: 670px; z-index: 2; width: 160px; } .gbp.new .container .wing_bnr_tp3 .bnr_side { margin-bottom: 30px; display: block; } .gbp.new .container .wing_bnr_tp3 .google_bnr, .gbp.new .container .wing_bnr_tp3 .google_bnr_tp2 { width: 100%; height: 600px; } @media (max-width: 1279px) { .gbp.new .container .wing_bnr_tp3 { display: none !important; } } .gbp.new .goods_info { margin-bottom: 50px; } .gbp.new .goods_info .unit { text-align: right; padding-right: 31px; margin: 10px 0 31px 0; color: #F87910; font-size: 14px; line-height: 20px; } .gbp.new .goods_info .bx_wrap { padding: 0; } .gbp.new .goods_info .bx_wrap:after { content: ""; display: block; clear: both; } .gbp.new .goods_info .bx_price { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 320px; min-height: 305px; margin-left: 30px; padding: 30px; float: left; border: 1px solid #E5E5E5; font-weight: bold; border-radius: 10px; } .gbp.new .goods_info .bx_price + .bx_price { margin-left: 29px; } .gbp.new .goods_info .bx_price .grp_price .discount { position: absolute; top: 22px; right: 0; } .gbp.new .goods_info .bx_price td { padding: 0; border-bottom: none; font-size: 17px; line-height: 25px; letter-spacing: -0.34px; } .gbp.new .goods_info .bx_price td.fix { padding-top: 20px; } .gbp.new .goods_info .bx_price td.sale { padding-top: 10px; } .gbp.new .goods_info .bx_price td.sale.price::before { content: '-'; display: inline-block; margin-right: 5px; } .gbp.new .goods_info .bx_price td.now { padding: 25px 0 21px 0; } .gbp.new .goods_info .bx_price td.now.price { font-size: 20px; color: #F87910; letter-spacing: -0.4px; } .gbp.new .goods_info .bx_price td.price { text-align: right; } .gbp.new .goods_info .bx_price .btn { width: 258px; height: 44px; font-size: 17px; } .gbp.new .goods_info .bx_price .tit_price { font-size: 20px; margin-bottom: 15px; letter-spacing: -0.4px; line-height: 24px; margin-top: 7px; } @media (max-width: 1279px) { .gbp.new .goods_info .unit { margin: 10px 0 20px 0; padding-right: 18px; font-size: 13px; } .gbp.new .goods_info .bx_wrap { padding: 0 2%; } .gbp.new .goods_info .bx_price { width: 32%; min-height: 254px; margin-left: 0; padding: 37px 20px 20px 20px; } .gbp.new .goods_info .bx_price + .bx_price { margin-left: 2%; } .gbp.new .goods_info .bx_price .grp_price .discount { right: -12px; } .gbp.new .goods_info .bx_price .tit_price { font-size: 16px; } .gbp.new .goods_info .bx_price td { font-size: 14px; } .gbp.new .goods_info .bx_price td.fix { padding-top: 10px; } .gbp.new .goods_info .bx_price td.sale { padding-top: 3px; } .gbp.new .goods_info .bx_price td.now { padding: 12px 0 20px 0; } .gbp.new .goods_info .bx_price td.now.price { font-size: 17px; } .gbp.new .goods_info .bx_price .btn { width: 100%; height: 40px; padding: 9px 10%; font-size: 15px; line-height: 20px; } } @media (max-width: 767px) { .gbp.new .goods_info .unit { padding-right: 25px; } .gbp.new .goods_info .bx_wrap { padding: 0 19px; } .gbp.new .goods_info .bx_price { float: none; width: 100%; min-height: 290px; padding-top: 41px; } .gbp.new .goods_info .bx_price + .bx_price { margin-left: 0; margin-top: 20px; } .gbp.new .goods_info .bx_price .grp_price .discount { right: 18px; top: -10px; } .gbp.new .goods_info .bx_price .tit_price { font-size: 20px; } .gbp.new .goods_info .bx_price td { font-size: 15px; } .gbp.new .goods_info .bx_price td.fix { padding-top: 15px; } .gbp.new .goods_info .bx_price td.sale { padding-top: 5px; } .gbp.new .goods_info .bx_price td.now { padding: 16px 0 23px 0; } .gbp.new .goods_info .bx_price td.now.price { font-size: 20px; } .gbp.new .goods_info .bx_price .btn { height: 50px; padding: 11px 10%; font-size: 18px; line-height: 27px; } } .gmk .bx_goods:nth-child(4) { border-bottom: 1px solid #ededed; } .file .top_visual, .event .top_visual, .gpk .top_visual, .gbp .top_visual { height: 550px; } @media (max-width: 1279px) { .file .top_visual, .event .top_visual, .gpk .top_visual, .gbp .top_visual { height: 468px; } } @media (max-width: 767px) { .file .top_visual, .event .top_visual, .gpk .top_visual, .gbp .top_visual { height: 275px; } } .file .floating_menu, .event .floating_menu, .gpk .floating_menu, .gbp .floating_menu { top: 822px; } .file .floating_menu.fix, .event .floating_menu.fix, .gpk .floating_menu.fix, .gbp .floating_menu.fix { top: 50%; } .sub_f { padding-top: 87px; } .sub_f .skip_navi { top: -90px; } .sub_f .location + .container { margin-top: 0px; } .sub_f .container { font-size: 18px; width: 100%; max-width: 1080px; margin: 70px auto 100px; position: relative; display: block; clear: both; content: ""; padding: 0px; } .sub_f h1 { margin-bottom: 90px; } .sub_f h1.center { text-align: center; margin-bottom: 0px; } .sub_f .bg_gray { background: #f7f7f7; } .sub_f.com_msg .withdraw { max-width: 1080px; } .sub_f.com_msg .withdraw h1 { width: 100%; margin: 0 0 38px; } .sub_f.com_msg .withdraw .bx_notice { width: 400px; margin: 14px auto 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub_f.com_msg .withdraw .bx_notice.known { width: 100%; margin-top: 55px; } .sub_f.com_msg .withdraw .bx_notice.known p { text-align: center; } .sub_f.com_msg .withdraw .l_header.mtop { margin-top: 95px; } .sub_f.com_msg .withdraw .bx_known { margin-top: 53px; } .sub_f.com_msg .withdraw .bx_known.tp2 { margin-top: 43px; } .sub_f.com_msg .withdraw .bx_known strong { display: block; } .sub_f.com_msg .withdraw .bx_known strong.lineb { display: inline-block; } .sub_f.com_msg .withdraw .tbl { margin: 24px auto 38px; } .sub_f.com_msg .withdraw .tbl th { font-weight: 600; width: 220px; text-align: center; vertical-align: middle; } .sub_f.com_msg .withdraw .tbl td { padding: 22px 30px; text-align: left; line-height: 26px; } .sub_f.com_msg .withdraw .txt_point { text-decoration: none; } .sub_f.com_msg .withdraw .btn.full { display: block; width: 400px; margin: 60px auto 0; } .sub_f.com_msg .withdraw .btn.full + .btn { margin-top: 20px; } @media (max-width: 1279px) { .sub_f.com_msg .withdraw { padding: 0px 3.9%; } .sub_f.com_msg .withdraw h1 { margin: 0 0 28px; } .sub_f.com_msg .withdraw .l_header { margin: 0px auto 40px; } .sub_f.com_msg .withdraw .l_header p { line-height: 26px; font-size: 18px; } .sub_f.com_msg .withdraw p { font-size: 18px; } .sub_f.com_msg .withdraw .bx_notice.known { margin-top: 45px; padding: 24px 40px; } .sub_f.com_msg .withdraw .bx_notice.known p { font-size: 16px; } .sub_f.com_msg .withdraw .bx_known { font-size: 18px; margin-top: 64px; } .sub_f.com_msg .withdraw .tbl { margin: 24px auto 26px; } .sub_f.com_msg .withdraw .tbl th { width: 22%; } .sub_f.com_msg .withdraw .tbl td { line-height: 24px; } } @media (max-width: 767px) { .sub_f.com_msg .withdraw { padding: 0px 6.25%; } .sub_f.com_msg .withdraw h1 { margin: 0 0 11px; } .sub_f.com_msg .withdraw .l_header { margin: 0px auto 33px; } .sub_f.com_msg .withdraw .l_header.mtop { margin-top: 44px; } .sub_f.com_msg .withdraw .l_header p { line-height: 22px; font-size: 14px; } .sub_f.com_msg .withdraw p { font-size: 14px; } .sub_f.com_msg .withdraw .bx_known { font-size: 14px; margin-top: 44px; } .sub_f.com_msg .withdraw .bx_known.tp2 { margin-top: 20px; } .sub_f.com_msg .withdraw .bx_notice { width: 100%; margin: 16px auto 0; } .sub_f.com_msg .withdraw .bx_notice.known { margin-top: 35px; padding: 24px 22px; } .sub_f.com_msg .withdraw .bx_notice.known p { font-size: 13px; } .sub_f.com_msg .withdraw .tbl { margin: 16px auto 14px; } .sub_f.com_msg .withdraw .tbl th { display: block; width: 100%; text-align: left; padding: 17px 3.6% 0px; border: none; } .sub_f.com_msg .withdraw .tbl td { display: block; line-height: 1.7; padding: 6px 3.6% 17px; } .sub_f.com_msg .withdraw .btn.full { width: 100%; margin: 30px auto 0; } } .sub_f.extend { background: #f5f5f5; padding: 0; } @media (max-width: 1279px) { .sub_f.extend { overflow-x: auto; } } .sub_f.extend .logo { display: inline-block; width: 120px; margin: 0 auto 20px; } .sub_f.extend .logo img { width: 100%; } .sub_f.extend .container { width: 100%; max-width: 980px; margin: 60px auto 80px; padding: 0; } .sub_f.extend .container .logo { display: block; width: 120px; margin: 0 auto 20px; } .sub_f.extend .container .logo img { width: 100%; } .sub_f.extend .container .content { position: relative; width: 980px; background: #fff; padding: 80px 40px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f1f1f1; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.13); } @media (max-width: 1279px) { .sub_f.extend .container .content { width: 100%; } } .sub_f.extend h1 { margin-bottom: 46px; } .sub_f.extend .sub_tit { position: absolute; width: auto; top: 97px; right: 40px; font-size: 25px; } .sub_f.extend .bx_notice { padding: 14px 0 26px; } .sub_f.extend .bx_notice.tp2 { padding-bottom: 0; } .sub_f.extend .btns { margin: 0; } .sub_f.extend .btns .btn.disable { background: #d7d7d7; } .sub_f.extend .bx_t { display: block; } .sub_f.extend .bx_t .left { padding: 0; margin-top: 60px; } .sub_f.extend .bx_t .tbl_tit.small { font-weight: 100; } .sub_f.extend .bx_b { float: left; width: 100%; display: block; padding: 20px 0; } .sub_f.extend .bx_b .left { float: left; } .sub_f.extend .bx_b .txt_neces { float: right; margin: 0; } .sub_f.extend .bx_b .txt_neces .btn_link { font-size: 15px; } .sub_f.extend .bx_b .type { display: inline-block; padding: 10px 40px 10px 20px; font-size: 15px; border: 1px solid #000; border-radius: 40px; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/icon_circle.png?v=2022207071") no-repeat 85% 50%; } .sub_f.extend .bx_b .type.check { border: none; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/icon_x.png?v=2022207071") no-repeat 85% 50%; background-color: #f87910; color: #fff; } .sub_f.extend .bx_b .type + .type { margin-left: 9px; } .sub_f.extend .bx_b .unlock { text-decoration: underline; font-size: 15px; margin-left: 9px; } .sub_f.extend .tbl th { font-size: 13px; padding: 15px 10px; height: 50px; } .sub_f.extend .tbl td { font-size: 12px; padding: 15px 10px; height: 70px; } .sub_f.extend .tbl td .btn { font-size: 12px; padding: 12px 20px; border-radius: 5px; } .sub_f.extend .tbl .tr_con td { padding: 10px 0; border-bottom: none; } .sub_f.extend .tbl .tr_con .info { padding: 0; } .sub_f.extend .tbl .tr_con .info dd, .sub_f.extend .tbl .tr_con .info dt { padding: 10px 0; font-size: 15px; color: #222; line-height: 1; float: left; } .sub_f.extend .tbl .tr_con .info dt { width: 15%; } .sub_f.extend .tbl .tr_con .info dd { font-weight: bold; width: 85%; } .sub_f.extend .done { display: inline-block; width: 26px; height: 26px; margin-left: 10px; vertical-align: middle; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/icon_clock.png?v=2022207071") no-repeat center center; } .sub_f.extend .tbl.tbl_board th, .sub_f.extend .tbl.tbl_board td { padding: 15px 10px; } @media (max-width: 1279px) { .sub_f.extend .sub_tit, .sub_f.extend .bx_notice, .sub_f.extend .bx_t, .sub_f.extend .bx_b, .sub_f.extend .tbl, .sub_f.extend .btns { display: none; } .sub_f.extend .bx_ico .ico { padding: 0 0 10px; margin: 0; background: none; } .sub_f.extend .bx_ico .info { display: block; max-width: 100%; text-align: center; font-size: 13px; border-left: none; } } .sub_f .non_mem .txt_sub { display: block; width: 100%; text-align: center; font-size: 18px; margin: 15px auto 45px; } .sub_f .non_mem .bx_genuine { width: 100%; border-top: 1px solid #222222; } .sub_f .non_mem .bx_genuine:after { display: block; clear: both; content: ""; } .sub_f .non_mem .bx_genuine .cont { float: left; width: 100%; font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #f0f0f0; } .sub_f .non_mem .bx_genuine .cont .left { float: left; width: 220px; line-height: 46px; padding: 14px 0 14px 30px; font-weight: bold; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub_f .non_mem .bx_genuine .cont .right { float: left; width: calc(100% - 220px); padding: 0 0 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub_f .non_mem .bx_genuine .cont .right .bx_ipt { display: inline-block; margin: 14px 0; } .sub_f .non_mem .bx_genuine .cont .right .bx_ipt + .bx_ipt { margin-left: 10px; margin-top: 0; } .sub_f .non_mem .bx_genuine .cont .right .bx_ipt:nth-child(3n+1) { margin-left: 0; } .sub_f .non_mem .bx_genuine .cont .right .bx_ipt .ipt { width: 260px; height: 48px; } .sub_f .non_mem .bx_genuine .cont .right .txt_alert { display: block; margin: 12px 0 0; } .sub_f .non_mem .bx_genuine .txt_alert { display: inline-block; margin-top: 15px; } .sub_f .non_mem .bx_ico.ty2 { margin-top: 76px; } .sub_f .non_mem .bx_ico.ty3 { padding: 50px 0; text-align: center; } .sub_f .non_mem .bx_ico.ty3 .img_linked { display: inline-block; width: 103px; height: 80px; background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 103 79' xml:space='preserve'%3E%3Cstyle%3E.st1,.st2%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23343434%7D.st2%7Bfill:%23222%7D%3C/style%3E%3Cpath d='M3 0h97c1.7 0 3 1.3 3 3v73c0 1.7-1.3 3-3 3H3c-1.7 0-3-1.3-3-3V3c0-1.7 1.3-3 3-3z' fill-rule='evenodd' clip-rule='evenodd' fill='%23fff'/%3E%3Cpath class='st1' d='M103 33.5v42.1c0 1.9-1.5 3.4-3.4 3.4H3.4C1.5 79 0 77.5 0 75.6V3.4C0 1.5 1.5 0 3.4 0h96.1c1.9 0 3.4 1.5 3.4 3.4v30.1h.1zm-3-.6V12.1 4.6c-.1-.9-.8-1.6-1.7-1.6H4.7C3.8 3 3 3.7 3 4.7v69.6c0 .9.8 1.7 1.7 1.7h93.6c.9 0 1.7-.8 1.7-1.7V32.9z'/%3E%3Cpath class='st1' d='M1 16h100v3H1v-3zM92.5 12c-1.4 0-2.5-1.1-2.5-2.5S91.1 7 92.5 7 95 8.1 95 9.5 93.9 12 92.5 12zm-8 0c-1.4 0-2.5-1.1-2.5-2.5S83.1 7 84.5 7 87 8.1 87 9.5 85.9 12 84.5 12zm-8 0c-1.4 0-2.5-1.1-2.5-2.5S75.1 7 76.5 7 79 8.1 79 9.5 77.9 12 76.5 12z'/%3E%3Cpath class='st2' d='M60 46.5C60 55.6 52.6 63 43.5 63S27 55.6 27 46.5 34.4 30 43.5 30H45c.3 0 .6.1.8.2h.2v.1c.6.3 1 1 1 1.7s-.4 1.4-1 1.7v.5c-.8-.2-1.6-.3-2.5-.3C36.6 34 31 39.6 31 46.5a12.5 12.5 0 0025 0c0-.9-.1-1.7-.3-2.5h.5c.3-.6 1-1 1.7-1s1.4.4 1.7 1h.1v.2c.1.3.2.5.2.8v.4c.1.4.1.7.1 1.1z'/%3E%3Cpath class='st2' d='M60.5 63H59c-.3 0-.6-.1-.8-.2H58v-.1c-.6-.3-1-1-1-1.7s.4-1.4 1-1.7v-.5c.8.2 1.6.3 2.5.3C67.4 59 73 53.4 73 46.5a12.5 12.5 0 00-25 0c0 .9.1 1.7.3 2.5h-.5c-.3.6-1 1-1.7 1s-1.4-.4-1.7-1h-.1v-.2c-.2-.2-.3-.5-.3-.8v-.4-1.1C44 37.4 51.4 30 60.5 30S77 37.4 77 46.5 69.6 63 60.5 63z'/%3E%3C/svg%3E") 0 0 no-repeat; } .sub_f .non_mem .bx_ico.ty3 p { font-size: 32px; margin: 10px auto 20px; } .sub_f .non_mem .bx_ico.ty3 a.btn { color: #fff; text-decoration: none; } .sub_f .non_mem .bx_ico.ty3 a.btn + .btn { margin-left: 16px; } .sub_f .non_mem .top_empty { margin-top: 55px; } .sub_f .non_mem .half_area .tbl_tit, .sub_f .non_mem .half_area .txt_neces { margin: 0px auto 9px; padding: 0; line-height: 36px; } .sub_f .non_mem .half_area .right_cont { float: right; margin-bottom: 14px; } .sub_f .non_mem .half_area .left_cont { float: left; } .sub_f .non_mem .half_area .left_cont.t_view { display: none; } .sub_f .non_mem .half_area .slct_list { float: left; } .sub_f .non_mem .half_area .slct_list li { position: relative; display: inline-block; line-height: 30px; } .sub_f .non_mem .half_area .slct_list li:before { content: ""; width: 1px; height: 15px; display: block; position: absolute; background: #dedede; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sub_f .non_mem .half_area .slct_list li.non_bar .tit { padding: 0; } .sub_f .non_mem .half_area .slct_list li:first-child:before { display: none; } .sub_f .non_mem .half_area .slct_list li:first-child .tit { padding: 0; } .sub_f .non_mem .half_area .slct_list .tit { display: inline-block; padding: 0 0 0 40px; text-align: right; font-size: 15px; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub_f .non_mem .half_area .slct_list .slct_mem { display: inline-block; width: auto; } .sub_f .non_mem .btns .btn { min-width: 190px; padding: 18px 20px 20px; } .sub_f .non_mem .cont_header { padding-bottom: 70px; text-align: center; } .sub_f .non_mem .cont_header .txt_sub { margin: 20px 0 0 0; font-size: 20px; } .sub_f .non_mem .cont_header .txt_sub .desc { margin-top: 10px; font-size: 14px; line-height: 20px; } .sub_f .non_mem.guide { max-width: none; } .sub_f .non_mem.guide h2 { font-size: 30px; font-weight: 300; line-height: 1.5; } .sub_f .non_mem.guide .btns { margin-top: 40px; } .sub_f .non_mem.guide .btns .btn { width: auto; min-width: 240px; padding: 15px 20px 17px; font-size: 18px; } .sub_f .non_mem.guide .wrap { max-width: 1280px; text-align: center; } .sub_f .non_mem.guide .wrap .left { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } .sub_f .non_mem.guide .wrap .right { float: right; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } .sub_f .non_mem.guide .bg_gray { padding: 60px 0 50px; } .sub_f .non_mem.guide .connect_info .wrap { font-size: 0; line-height: 0; } .sub_f .non_mem.guide .connect_info .wrap .box { display: inline-block; width: 320px; margin: 50px 15px 0 15px; padding: 40px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .sub_f .non_mem.guide .connect_info .wrap .box dt { font-size: 18px; line-height: 1.5; } .sub_f .non_mem.guide .connect_info .wrap .box img { display: block; width: 174px; height: 110px; margin: 20px auto 30px auto; } .sub_f .non_mem.guide .connect_info .wrap .box p.txt { font-size: 14px; line-height: 20px; } .sub_f .non_mem.guide .connect_guide .wrap { max-width: none; } .sub_f .non_mem.guide .connect_guide .left { min-height: 628px; padding: 100px 70px 60px 0; background: #fbf4e4; text-align: right; } .sub_f .non_mem.guide .connect_guide .left img { max-width: 480px; } .sub_f .non_mem.guide .connect_guide .right { padding: 60px 0 0 50px; } .sub_f .non_mem.guide .connect_guide .right .step { position: relative; max-width: 640px; margin-top: 60px; } .sub_f .non_mem.guide .connect_guide .right .step li { position: relative; padding-bottom: 56px; font-size: 0; line-height: 0; } .sub_f .non_mem.guide .connect_guide .right .step li::after { content: ''; position: absolute; top: 7px; bottom: -7px; left: 97px; width: 1px; background-color: #f87910; z-index: -1; } .sub_f .non_mem.guide .connect_guide .right .step li:last-child { padding-bottom: 0; } .sub_f .non_mem.guide .connect_guide .right .step li:last-child span:first-child::after { display: none; } .sub_f .non_mem.guide .connect_guide .right .step li:last-child::after { bottom: auto; } .sub_f .non_mem.guide .connect_guide .right .step li span { position: relative; display: inline-block; max-width: 504px; font-size: 20px; line-height: 29px; vertical-align: top; } .sub_f .non_mem.guide .connect_guide .right .step li span:first-child { width: 136px; font-size: 18px; } .sub_f .non_mem.guide .connect_guide .right .step li span:first-child::before { content: ''; position: absolute; top: 6px; right: 30px; width: 18px; height: 18px; background-color: #f87910; border-radius: 50%; color: #fff; } .sub_f .non_mem.guide .connect_guide .right .step li span:first-child::after { content: ''; position: absolute; top: 11px; right: 36px; padding: 2px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sub_f .non_mem.guide .connect_guide .right .step li span strong { color: #f87910; font-weight: 300; } .sub_f .non_mem.guide .connect_notice { max-width: 1280px; margin: 0 auto; padding: 60px 40px 0 40px; } .sub_f .non_mem.guide .connect_notice h3 { font-size: 20px; font-weight: 300; line-height: 1.6; } .sub_f .non_mem.guide .connect_notice .wrap { padding-top: 30px; } .sub_f .non_mem.guide .connect_notice .left { padding-right: 20px; } .sub_f .non_mem.guide .connect_notice .right { padding-left: 20px; } .sub_f .non_mem.guide .connect_notice dt { font-weight: 600; line-height: 1.5; } .sub_f .non_mem.guide .connect_notice dd { margin-top: 14px; } @media (max-width: 1279px) { .sub_f .non_mem .bx_genuine .cont .left { width: 24%; padding: 14px 10px 14px 20px; } .sub_f .non_mem .bx_genuine .cont .right { width: 76%; padding: 0; } .sub_f .non_mem .bx_genuine .cont .right .bx_ipt + .bx_ipt { margin-left: 10px; } .sub_f .non_mem .bx_genuine .cont .right .bx_ipt:nth-child(2n+1) { margin-left: 0; } .sub_f .non_mem .bx_ico.ty2 { margin-top: 80px; } .sub_f .non_mem .top_empty { margin-top: 35px; } .sub_f .non_mem .half_area .right_cont { float: left; display: block; width: 100%; margin-bottom: 24px; } .sub_f .non_mem .half_area .right_cont .slct_list { width: 100%; } .sub_f .non_mem .half_area .right_cont .slct_list li { display: block; width: 100%; line-height: 36px; } .sub_f .non_mem .half_area .right_cont .slct_list li:before { display: none; } .sub_f .non_mem .half_area .right_cont .slct_list .tit { width: 160px; padding: 0; text-align: left; font-size: 15px; } .sub_f .non_mem .half_area .right_cont .slct_list .slct_mem { width: 176px; font-size: 15px; direction: ltr; } .sub_f .non_mem .half_area .left_cont { display: block; width: 100%; margin-top: 0; margin-bottom: 15px; } .sub_f .non_mem .half_area .left_cont.t_view { display: block; line-height: 25px; } .sub_f .non_mem .cont_header { padding-bottom: 40px; } .sub_f .non_mem .cont_header .txt_sub { margin-top: 15px; } .sub_f .non_mem.guide { padding: 0; } .sub_f .non_mem.guide .cont_header .btns { margin-top: 30px; } .sub_f .non_mem.guide .bg_gray { padding: 50px 0 40px; } .sub_f .non_mem.guide .connect_info .wrap h2 { margin-bottom: 10px; } .sub_f .non_mem.guide .connect_info .wrap .box { margin: 30px 15px 0 15px; } .sub_f .non_mem.guide .connect_guide .left { display: none; } .sub_f .non_mem.guide .connect_guide .right { float: none; width: 100%; padding: 50px 90px 0 90px; text-align: left; } .sub_f .non_mem.guide .connect_guide .right h2 { text-align: center; } .sub_f .non_mem.guide .connect_guide .right .step { max-width: none; margin: 40px auto 0 auto; } .sub_f .non_mem.guide .connect_guide .right .step li { padding-bottom: 40px; } .sub_f .non_mem.guide .connect_guide .right .step li::after { left: 117px; } .sub_f .non_mem.guide .connect_guide .right .step li span { max-width: calc(100% - 156px); } .sub_f .non_mem.guide .connect_guide .right .step li span:first-child { width: 156px; } .sub_f .non_mem.guide .connect_notice { padding: 70px 30px 0 30px; } .sub_f .non_mem.guide .connect_notice .wrap { padding-top: 30px; } .sub_f .non_mem.guide .connect_notice .left { width: 100%; padding: 0; } .sub_f .non_mem.guide .connect_notice .right { width: 100%; padding: 20px 0 0 0; } .sub_f .non_mem.guide .connect_notice dt { font-size: 18px; } .sub_f .non_mem.guide .connect_notice dd { margin-top: 14px; } } @media (max-width: 767px) { .sub_f .non_mem .txt_sub { font-size: 14px; margin: 15px auto 35px; } .sub_f .non_mem .bx_genuine .cont { padding: 15px 0; font-size: 13px; } .sub_f .non_mem .bx_genuine .cont .left { float: none; display: block; width: 100%; line-height: 40px; padding: 0; } .sub_f .non_mem .bx_genuine .cont .right { float: none; display: block; width: 100%; } .sub_f .non_mem .bx_genuine .cont .right .awesomplete { width: 100%; } .sub_f .non_mem .bx_genuine .cont .right .bx_ipt { width: 100%; margin: 0; } .sub_f .non_mem .bx_genuine .cont .right .bx_ipt + .bx_ipt { margin-top: 10px; margin-left: 0; } .sub_f .non_mem .bx_genuine .cont .right .bx_ipt .ipt { width: 100%; height: 40px; } .sub_f .non_mem .bx_genuine .cont .right .txt_alert { display: block; margin: 12px 0 0; } .sub_f .non_mem .bx_genuine .txt_alert { display: inline-block; margin-top: 15px; } .sub_f .non_mem .bx_ico.ty2 { margin: 40px 0; } .sub_f .non_mem .bx_ico.ty3 { padding: 25px 0; } .sub_f .non_mem .bx_ico.ty3 .img_linked { width: 63px; height: 48px; } .sub_f .non_mem .bx_ico.ty3 p { font-size: 14px; margin: 10px auto 20px; } .sub_f .non_mem .bx_ico.ty3 a.btn { display: block; width: 135px; margin: 0 auto; } .sub_f .non_mem .bx_ico.ty3 a.btn + .btn { margin: 10px auto 0; } .sub_f .non_mem .half_area .tbl_tit { margin: 0px; } .sub_f .non_mem .half_area .txt_neces.col3 { margin-bottom: 25px; } .sub_f .non_mem .half_area .txt_neces.col3 .btn_link { display: inline-block; text-align: left; } .sub_f .non_mem .half_area .right_cont { margin-bottom: 25px; } .sub_f .non_mem .half_area .right_cont .slct_list li { line-height: 32px; } .sub_f .non_mem .half_area .right_cont .slct_list .tit { width: 49%; text-align: left; font-size: 13px; } .sub_f .non_mem .half_area .right_cont .slct_list .slct_mem { width: 50%; font-size: 13px; } .sub_f .non_mem .half_area .left_cont { margin: 0 0 15px; } .sub_f .non_mem .half_area .left_cont.t_view { line-height: 15px; } .sub_f .non_mem .btns .btn { width: 100%; } .sub_f .non_mem .btns .btn + .btn { margin-top: 12px; } .sub_f .non_mem .cont_header { padding: 0 24px 30px 24px; text-align: center; } .sub_f .non_mem .cont_header .txt_sub { margin: 30px 0 0 0; font-size: 18px; } .sub_f .non_mem .cont_header .txt_sub .desc { line-height: 22px; } .sub_f .non_mem .cont_header .btns { margin-top: 20px; } .sub_f .non_mem.guide { max-width: none; } .sub_f .non_mem.guide h2 { font-size: 22px; line-height: 33px; } .sub_f .non_mem.guide .cont_header .btns { margin-top: 20px; } .sub_f .non_mem.guide .bg_gray { padding: 30px 24px 24px 24px; } .sub_f .non_mem.guide .connect_info .wrap h2 { margin: 0; } .sub_f .non_mem.guide .connect_info .wrap .box { display: block; width: 100%; margin: 20px 0 0 0; } .sub_f .non_mem.guide .connect_guide { padding: 30px 24px 0 24px; } .sub_f .non_mem.guide .connect_guide .right { padding: 0; text-align: center; } .sub_f .non_mem.guide .connect_guide .right .step { margin-top: 30px; } .sub_f .non_mem.guide .connect_guide .right .step li { padding-bottom: 58px; } .sub_f .non_mem.guide .connect_guide .right .step li::before { content: ''; display: block; position: absolute; top: auto; bottom: 20px; left: 50%; width: 18px; height: 18px; margin: 0 auto; background-color: #f87910; border-radius: 50%; color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: auto; } .sub_f .non_mem.guide .connect_guide .right .step li::after { content: ''; display: block; position: absolute; top: auto; left: 50%; bottom: 26px; width: auto; margin-left: -3px; padding: 2px; background-color: transparent; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .sub_f .non_mem.guide .connect_guide .right .step li:last-child::before, .sub_f .non_mem.guide .connect_guide .right .step li:last-child::after { display: none; } .sub_f .non_mem.guide .connect_guide .right .step li span { display: block; max-width: none; list-style: 1.5; } .sub_f .non_mem.guide .connect_guide .right .step li span::before { display: none; } .sub_f .non_mem.guide .connect_guide .right .step li span:first-child { width: auto; margin-bottom: 10px; } .sub_f .non_mem.guide .connect_notice { padding: 40px 24px 0 24px; } .sub_f .non_mem.guide .connect_notice h3 { font-size: 18px; line-height: 1.5; } .sub_f .non_mem.guide .connect_notice .wrap { padding-top: 20px; } .sub_f .non_mem.guide .connect_notice dt { font-size: 16px; } .sub_f .non_mem.guide .connect_notice dd { margin-top: 10px; } .sub_f .non_mem.guide .connect_notice .right { padding-top: 10px; } } .sub_f .tbl_detail { margin-top: 30px; } @media (max-width: 1279px) { .sub_f { padding-top: 60px; } .sub_f .skip_navi { top: -50px; } .sub_f h1 { margin-bottom: 50px; } .sub_f .container { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; margin: 50px auto 80px; padding: 0px 3.9%; } .sub_f .container.mp_bt { margin: 50px auto 135px; } .sub_f .non_mem .top_empty .t_view { display: block; line-height: 50px; } } @media (max-width: 767px) { .sub_f { padding-top: 44px; } .sub_f h1 { margin-bottom: 30px; } .sub_f .location + .container { margin-top: 40px; } .sub_f .skip_navi { top: -44px; } .sub_f .container { font-size: 13px; margin: 32px auto 50px; padding: 0px 6.25%; } .sub_f .tbl_detail { margin-top: 0px; } .sub_f .non_mem .txt_sub { font-size: 14px; margin: 15px auto 35px; } .sub_f .non_mem .half_area .right { float: left; display: block; width: 100%; } .sub_f .non_mem .half_area .right .tbl_mem, .sub_f .non_mem .half_area .right tbody, .sub_f .non_mem .half_area .right tr { display: block; width: 100%; } .sub_f .non_mem .half_area .right td { display: inline-block; } .sub_f .non_mem .half_area .right td.tip { margin-right: calc(100% - 285px); } .sub_f .non_mem .half_area .right td.tip, .sub_f .non_mem .half_area .right td.tom { margin-left: 20px; } .sub_f .non_mem .half_area .left { float: left; display: block; width: 100%; } .sub_f .non_mem .btns .btn { width: 100%; } .sub_f .non_mem .btns .btn + .btn { margin-top: 12px; } } .sub_f .tbl + .col2, .sub_f .sub .tbl + .goods_info, .sub .sub_f .tbl + .goods_info { border-top: 1px solid #222222; margin-top: 30px; padding-top: 20px; } .sub_f.print .container { width: 100%; max-width: 100%; margin: 0px auto 100px; position: relative; display: block; clear: both; content: ""; } .sub_f.print .container h1 { width: 100%; max-width: 1080px; margin: 0 auto; position: relative; display: block; clear: both; content: ""; } @media (max-width: 1279px) { .sub_f.print .container h1 { margin-bottom: 76px; } } @media (max-width: 767px) { .sub_f.print .container h1 { margin-bottom: 13px; } } .sub_f.print .lst { overflow: hidden; } .sub_f.print .lst dt, .sub_f.print .lst dd { float: left; padding: 7px 0; } .sub_f.print .lst dt { width: 20%; } .sub_f.print .lst dd { width: 80%; } .sub_f.print2 .container { width: 100%; max-width: 100%; margin: 0px auto; position: relative; display: block; clear: both; content: ""; padding: 0; } .sub_f.install .container { margin: 0px auto; padding: 80px 0px 100px; } @media (max-width: 1279px) { .sub_f.install .container { padding: 70px 4.68% 80px; } } @media (max-width: 767px) { .sub_f.install .container { padding: 40px 6.25% 50px; } } .sub_f.install .bx_complet { width: 100%; height: 280px; margin-bottom: 80px; border-radius: 15px; overflow: hidden; position: relative; z-index: 1; text-align: left; } .sub_f.install .bx_complet:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0px; } .sub_f.install .bx_complet h1 { margin: 0px 88px; padding-left: 198px; z-index: 2; color: #ffffff; font-weight: 100; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1.26; } .sub_f.install .bx_complet h1:before { content: ""; width: 146px; height: 146px; display: block; position: absolute; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_check_big.png?v=2022207071") no-repeat 0 50%; top: 50%; left: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sub_f.install.gmx .bx_complet { margin-bottom: 40px; } @media (max-width: 767px) { .sub_f.install.gmx .bx_complet { margin-bottom: 30px; } } .sub_f.install.gmx .bottom_bnr { margin: 0 0 71px; } @media (max-width: 767px) { .sub_f.install.gmx .bottom_bnr { margin: 0 -6.25% 44px; } } .sub_f.install h2 { margin-bottom: 54px; } .sub_f.install h3 { margin-bottom: 34px; font-size: 26px; font-weight: 100; text-align: left; } .sub_f.install h3 + .cont .bx_unit { cursor: pointer; } .sub_f.install h3.tit_reinstall { margin: 50px auto 34px; text-align: center; font-size: 38px; line-height: 1.2; letter-spacing: -1.9px; } @media (max-width: 1279px) { .sub_f.install .bx_complet { margin-bottom: 70px; } .sub_f.install .bx_complet h1 { padding-left: 0px; } .sub_f.install .bx_complet h1:before { display: none; } } @media (max-width: 767px) { .sub_f.install h2 { margin-bottom: 27px; } .sub_f.install .bx_complet { height: 200px; } .sub_f.install .bx_complet h1 { margin: 0px 20px; } .sub_f.install h3.tit_reinstall { margin: 80px auto 30px; font-size: 23px; letter-spacing: -2.3px; } } .sub_f.install .tit_line { position: relative; margin-bottom: 90px; } .sub_f.install .tit_line:before { content: ""; width: 44px; height: 1px; display: block; position: absolute; background: #222222; bottom: -40px; left: 50%; margin-left: -22px; } .sub_f.install .cont { width: 1100px; margin: 0px 0px 87px -10px; } .sub_f.install .cont:after { display: block; clear: both; content: ""; } .sub_f.install .cont .bx_qna { margin-bottom: 24px; } .sub_f.install .cont:last-child { margin-bottom: 0px; } .sub_f.install .bx_unit { display: inline-block; margin: 0px 6px; } .sub_f.install .bx_unit .desc { overflow: hidden; } @media (max-width: 1279px) { .sub_f.install .cont { text-align: center; width: 102%; margin: 0px -1% 50px; } .sub_f.install .bx_unit { display: block; float: left; width: 31.33%; margin: 10px 1%; } .sub_f.install .bx_unit .desc { overflow: hidden; } } @media (max-width: 767px) { .sub_f.install .cont { width: 100%; margin: 0 0 50px; } .sub_f.install .bx_unit { float: none; width: auto; margin: 10px 0; } } .sub_f.install .special { text-align: center; } .sub_f.install .special .cont { max-width: 1110px; margin: 0px -1%; } @media (max-width: 767px) { .sub_f.install .special .cont { margin: 0px; } } .sub_f.install .special .bx_qna .bx_txt { text-align: left; } .sub_f.install .special .bx_unit { width: 100%; max-width: 340px; margin: 0px 11px; } .sub_f.install .special .bx_unit .top { height: 230px; } .sub_f.install .special .bx_unit .top img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sub_f.install .special .bx_unit .desc { padding: 34px 0px; margin-top: 0px; height: auto; } .sub_f.install .special .bx_unit .desc strong { font-size: 20px; margin: 0px 0px 20px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .sub_f.install .special .bx_unit .desc strong + span { font-size: 15px; color: #666666; height: 75px; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 767px) { .sub_f.install .special .bx_unit .desc strong + span { height: auto; } } @media (max-width: 1279px) { .sub_f.install .special .bx_unit { width: 49%; max-width: inherit; margin: 8px 1%; } .sub_f.install .special .bx_unit:nth-child(2n) { margin-right: 0; } .sub_f.install .special .bx_unit:nth-child(2n-1) { margin-left: 0; } } @media (max-width: 767px) { .sub_f.install .special .bx_qna .bx_txt { text-align: center; } .sub_f.install .special .bx_unit { width: auto; float: none; min-height: 0; margin: 10px auto; } .sub_f.install .special .bx_unit .desc { padding: 34px 30px; } .sub_f.install .special .bx_unit .desc br { display: none; } } .sub_f.install.stop .bx_complet { height: 223px; background-color: #e53c3a; background: -webkit-gradient(linear, left bottom, left top, from(#e53c3a), to(#fc776e)); background: linear-gradient(to top, #e53c3a, #fc776e); background: -o-linear-gradient(to top, #e53c3a, #fc776e); background-color: #e53c3a; -webkit-box-shadow: 0px 20px 45px #f4cfcf; box-shadow: 0px 20px 45px #f4cfcf; } .sub_f.install.stop .bx_complet:before { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_stop.png?v=2022207071") no-repeat 90% 100%; } .sub_f.install.stop .bx_complet h1:before { width: 150px; height: 155px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_noti_big.png?v=2022207071") no-repeat 90% 100%; } @media (max-width: 767px) { .sub_f.install.stop .bx_complet { height: 120px; } } .sub_f.install .cnt_top .subtit { margin: 60px 0 80px; } @media (max-width: 767px) { .sub_f.install .cnt_top .subtit { margin: 27px 0 37px; } } .sub_f.install .bx_step { margin-bottom: 100px; } @media (max-width: 767px) { .sub_f.install .bx_step { margin-bottom: 50px; } } .sub_f.install .bx_step .bx .tit { height: auto; padding: 30px 35px; background: #f87910 url(//www.gomlab.com/gomlab_v2/ui/img/common/bg_uninstall.png) no-repeat 135% 50%; font-size: 26px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub_f.install .bx_step .bx .tit strong { margin-bottom: 0px; font-size: 26px; display: inline-block; } @media (max-width: 1279px) { .sub_f.install .bx_step .bx .tit { font-size: 18px; } .sub_f.install .bx_step .bx .tit strong { font-size: 18px; } } @media (max-width: 767px) { .sub_f.install .bx_step .bx:first-child:after { display: none; } .sub_f.install .bx_step .bx .tit { font-size: 15px; } .sub_f.install .bx_step .bx .tit strong { font-size: 15px; } .sub_f.install .bx_step .bx h4 { font-size: 15px; } } .sub_f.install .bx_step .guide strong { display: block; } .sub_f.install .bx_step .guide .cont_step { text-align: center; } .sub_f.install .bx_step .guide .btns { margin-top: 40px; } .ly_new { padding-top: 87px; } @media (max-width: 1279px) { .ly_new { padding-top: 60px; } } @media (max-width: 767px) { .ly_new { padding-top: 44px; } } .ly_new .skip_navi { top: -90px; } .ly_new .location + .container { margin-top: 0px; } .ly_new .container { min-width: 1280px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; width: 100%; max-width: 1280px; margin: 70px auto 100px; position: relative; display: block; clear: both; content: ""; } @media (max-width: 1279px) { .ly_new .container { min-width: auto; padding: 0 30px; } } @media (max-width: 767px) { .ly_new .container { padding: 30px 24px 0; } } .ly_new .container h1 { margin-bottom: 0; } .ly_new h1.center { text-align: center; margin-bottom: 0px; } .ly_new .location { min-width: 1280px; padding: 0 20px; } @media (max-width: 1279px) { .ly_new .location { min-width: 100%; padding: 0 30px; } } @media (max-width: 767px) { .ly_new .location { padding: 0 24px; } } .ly_new .location + .top_visual2 { padding-top: 40px; } .has_vis .location { margin: 42px auto 63px; } @media (max-width: 1279px) { .has_vis .location { margin: 42px auto 21px; } } .top_visual2 { background: #2C2628; color: #ffffff; } .top_visual2 .inner { overflow: hidden; position: relative; width: 1240px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .top_visual2 .bx_photo img { display: none; width: 100%; } @media (min-width: 1279px) { .top_visual2 .bx_photo .blog_vis_pc { display: block; } } @media (max-width: 1279px) { .top_visual2 .bx_photo .blog_vis_tb { display: block; } } @media (max-width: 767px) { .top_visual2 .bx_photo .blog_vis_tb { display: none; } .top_visual2 .bx_photo .blog_vis_m { display: block; } } .top_visual2 .btns { position: absolute; bottom: 0; left: 0; margin-top: 0; margin-bottom: 32px; line-height: 0; font-size: 0; } .top_visual2 .btns .btn { margin: 0; } .top_visual2 .btns .btn + .btn { margin-left: 14px; } @media (max-width: 1279px) { .top_visual2 .inner { width: 100%; } .top_visual2 .bx_photo img { width: auto; width: 100%; } .top_visual2 .btns { left: 3.9%; bottom: 20px; margin: 0; } .top_visual2 .btns .btn + .btn { margin-left: 10px; } } @media (max-width: 767px) { .top_visual2 .btns { position: static; margin: 0; padding: 20px 24px; background: #2C2628; } .top_visual2 .btns .btn { width: 100%; margin: 0; padding: 17px 0 16px; } .top_visual2 .btns .btn + .btn { margin-top: 10px; margin-left: 0; } .top_visual2 .btn.black { padding: 16px 0 15px; background: none; border: 1px solid #fff; border-radius: 4px; } } .report .container { max-width: 100%; background: #f7f7f7; padding: 100px 0px 120px; margin: 0 auto; } @media (max-width: 1279px) { .report .container { padding: 60px; } } @media (max-width: 767px) { .report .container { padding: 0px; } } .report .bx_report { width: 100%; max-width: 840px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; border: 4px solid #222222; -webkit-box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.4); outline: 1px solid #222222; } @media (max-width: 767px) { .report .bx_report { -webkit-box-shadow: none; box-shadow: none; } } .report .bx_report .cnt_top { padding: 60px 30px 55px; border-bottom: 2px dashed #222222; text-align: center; position: relative; } .report .bx_report .cnt_top .left { margin: 10px auto 0px; } @media (max-width: 1279px) { .report .bx_report .cnt_top { padding: 54px 4.68% 58px; } .report .bx_report .cnt_top .left { padding-right: 0px; } } @media (max-width: 767px) { .report .bx_report .cnt_top { padding: 54px 6.25% 58px; } } .report .bx_report .cnt_top h1 { font-weight: 100; margin-bottom: 25px; line-height: 1.3em; } .report .bx_report .cnt_top .txt_pen { background: #fff5c3; line-height: 2; } .report .bx_report .cont { max-width: 424px; width: 100%; margin: 0 auto; padding: 54px 0px 70px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .report .bx_report .cont .tit { font-weight: 600; } .report .bx_report .cont .unit { margin: 14px 0px 54px; background: #f7f7f7; width: 100%; padding: 15px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; } .report .bx_report .cont .unit li { padding: 4px 0px; } .report .bx_report .cont .unit .ipt { margin: 5px 0px 0px 23px; width: 86%; } .report .bx_report .cont .unit .dpe2 { padding: 17px 24px 30px; margin-bottom: 9px; background: #eaeaea; } .report .bx_report .cont .unit .dpe2 li { padding: 0; } .report .bx_report .cont .unit .dpe2 li + li { margin-top: 6px; } @media (max-width: 767px) { .report .bx_report .cont { padding: 54px 6.25% 58px; } } .report .bx_report .bx_textarea { margin: 14px 0px 24px; } .report .bx_report .bx_textarea textarea, .report .bx_report .bx_textarea .holder { font-size: 15px; padding: 14px 16px; } .report .bx_report .txt_point { font-size: 15px; } .lang_js th { word-break: normal; } .cnt_print { width: 100%; background-color: #f5f5f5; margin-top: 90px; padding: 80px 0; } .cnt_print::-webkit-scrollbar { -webkit-appearance: none; } .cnt_print::-webkit-scrollbar:vertical { width: 12px; } .cnt_print::-webkit-scrollbar:horizontal { height: 12px; } .cnt_print::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; border: 2px solid #d2d2d2; } .cnt_print::-webkit-scrollbar-track { border-radius: 10px; background-color: #d2d2d2; } .cnt_print .estimate { background-color: #ffffff; -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1); overflow: hidden; width: 100%; max-width: 1080px; margin: 0px auto; position: relative; display: block; clear: both; content: ""; } .cnt_print .estimate .lst_estimate { position: relative; overflow: hidden; padding: 40px 65px 0 65px; margin: 10px !important; border: 1px solid #e5e5e5; } .cnt_print .estimate .lst_estimate h3 { font-size: 56px; font-weight: 600; line-height: 1.2; margin-bottom: 10px; } .cnt_print .estimate .lst_estimate h4 + .lst { margin-top: 5px; } .cnt_print .estimate .lst_estimate .date { position: absolute; top: 70px; right: 70px; text-align: right; line-height: 1.4; font-size: 13px; color: #999999; } .cnt_print .estimate .lst_estimate .date time { margin-left: 5px; } .cnt_print .estimate .lst_estimate .noti { font-size: 15px; color: #999999; } .cnt_print .estimate .lst_estimate .sign { text-align: right; line-height: 1.4; font-size: 15px; } .cnt_print .estimate .lst_estimate .sign .txt_sign { margin-top: 5px; font-size: 18px; } .cnt_print .estimate .lst_estimate .lst { border-top: 1px solid #222222; padding: 20px 0 15px 0; margin-top: 30px; font-size: 15px; } .cnt_print .estimate .lst_estimate .lst dt, .cnt_print .estimate .lst_estimate .lst dd { padding: 3px 0; } .cnt_print .estimate .lst_estimate .lst dd { font-weight: 600; } .cnt_print .estimate .lst_estimate .tbl_board { border-top: 0; } .cnt_print .estimate .lst_estimate .tbl_board th { padding: 25px 5px 13px; border-bottom: 1px solid #222222; font-size: 17px; } .cnt_print .estimate .lst_estimate .tbl_board td { height: 50px; padding: 18px 5px; } .cnt_print .estimate .lst_estimate .tbl_board td.price { padding: 15px 30px; top: 20px; border-bottom: 1px solid #ffffff; font-weight: 600; } .cnt_print .estimate .lst_estimate .tbl_board td.price strong { margin-left: 10px; font-size: 38px; vertical-align: -6px; font-weight: 100; } .cnt_print .estimate .lst_estimate .tbl_board td.price span { font-weight: 100; } .cnt_print .estimate .lst_estimate address { text-align: center; margin: 13px auto; line-height: 1; } .cnt_print .btns { width: 100%; max-width: 1080px; margin: 30px auto 0 auto; position: relative; display: block; clear: both; content: ""; padding-bottom: 30px; border-bottom: 1px solid #222222; } @media (max-width: 1279px) { .cnt_print { background-color: #fff; padding: 0; margin-top: 0; } } @media (max-width: 767px) { .cnt_print { overflow-x: auto; } .cnt_print .estimate { min-width: 610px; -webkit-box-shadow: none; box-shadow: none; } .cnt_print .btns { min-width: 610px; } } .sub_f.print2 { padding-top: 0; min-width: 1080px; line-height: 1.7; } .sub_f.print2 .cnt_print2 { width: 100%; margin-top: 0; padding: 0 0 50px; background-color: #f5f5f5; } .sub_f.print2 .cnt_print2::-webkit-scrollbar { -webkit-appearance: none; } .sub_f.print2 .cnt_print2::-webkit-scrollbar:vertical { width: 12px; } .sub_f.print2 .cnt_print2::-webkit-scrollbar:horizontal { height: 12px; } .sub_f.print2 .cnt_print2::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; border: 2px solid #d2d2d2; } .sub_f.print2 .cnt_print2::-webkit-scrollbar-track { border-radius: 10px; background-color: #d2d2d2; } .sub_f.print2 .cnt_print2 .btns { width: 100%; max-width: 1080px; margin: 0 auto; position: relative; display: block; clear: both; content: ""; padding: 30px 0; border-bottom: none; } .sub_f.print2 .cnt_print2 .half { display: table; table-layout: fixed; width: 100%; padding-top: 72px; } .sub_f.print2 .cnt_print2 .half + .half { padding-top: 31px; } .sub_f.print2 .cnt_print2 .half .left, .sub_f.print2 .cnt_print2 .half .right { display: table-cell; position: relative; width: 50%; margin-top: 36px; vertical-align: top; } .sub_f.print2 .cnt_print2 .half .left h4, .sub_f.print2 .cnt_print2 .half .right h4 { position: absolute; left: 20px; top: -38px; line-height: 1; font-size: 17px; } .sub_f.print2 .cnt_print2 .half .left { padding-right: 20px; } .sub_f.print2 .cnt_print2 .half .left h4 { left: 0; } .sub_f.print2 .cnt_print2 .half .right { padding-left: 20px; } .sub_f.print2 .cnt_print2 .half .entire { display: table-cell; position: relative; width: 100%; margin-top: 36px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub_f.print2 .cnt_print2 .half .entire.tp2 { padding-bottom: 30px; border-bottom: 1px solid #f0f0f0; } .sub_f.print2 .cnt_print2 .half .entire h4 { left: 0; padding-bottom: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub_f.print2 .cnt_print2 .half .entire .lst dt { width: 30%; } .sub_f.print2 .cnt_print2 .half .entire .lst dd { width: 70%; } .sub_f.print2 .cnt_print2 .estimate { overflow: hidden; width: 960px; margin: 0 auto; background-color: #ffffff; -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1); } .sub_f.print2 .cnt_print2 .estimate .lst_estimate { position: relative; overflow: hidden; padding: 60px 70px 0; margin: 10px !important; border: 1px solid #e5e5e5; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate h3 { font-size: 56px; font-weight: 600; line-height: 1.2; margin-bottom: 10px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .date { position: absolute; top: 66px; right: 70px; text-align: right; line-height: 1.5; font-size: 13px; color: #999999; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .date time { margin-left: 5px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .noti { margin-left: 10px; text-indent: -10px; font-size: 15px; color: #999999; line-height: 1.7; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .noti a { color: #f87910; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .noti2 { padding-top: 25px; font-size: 15px; color: #999999; line-height: 1.7; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .tbl_board { margin: 10px 0 50px; border-top: 0; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .tbl_board th { padding: 15px 20px; border-bottom: 1px solid #222222; font-size: 17px; font-weight: 600; vertical-align: middle; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .tbl_board th .unit { display: block; font-weight: 100; font-size: 13px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .tbl_board td { height: 50px; padding: 24px 20px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .tbl_board td.price { padding: 14px 20px; background-color: #f7f7f7; border-bottom: 1px solid #ffffff; font-weight: 600; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .tbl_board td.price strong { margin-left: 10px; font-size: 38px; vertical-align: -6px; font-weight: 100; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .tbl_board td.price span { font-weight: 100; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate address { text-align: center; margin: 46px auto 64px; line-height: 1; } .sub_f.print2 .cnt_print2 .estimate .lst { overflow: hidden; padding: 12px 0 11px 0; border-top: 1px solid #222222; font-size: 15px; } .sub_f.print2 .cnt_print2 .estimate .lst dt, .sub_f.print2 .cnt_print2 .estimate .lst dd { display: block; float: left; min-height: 26px; padding: 2px 0; } .sub_f.print2 .cnt_print2 .estimate .lst dt { width: 35%; } .sub_f.print2 .cnt_print2 .estimate .lst dd { width: 65%; font-weight: 600; word-break: break-all; } .sub_f.print2 .cnt_print2 .estimate .lst2 { overflow: hidden; padding: 11px 0 19px; font-size: 15px; } .sub_f.print2 .cnt_print2 .estimate .lst2 dt, .sub_f.print2 .cnt_print2 .estimate .lst2 dd { display: block; float: left; min-height: 26px; padding: 2px 0; } .sub_f.print2 .cnt_print2 .estimate .lst2 dt { width: 17.25%; } .sub_f.print2 .cnt_print2 .estimate .lst2 dd { width: 82.75%; font-weight: 600; word-break: break-word; } @media (max-width: 1279px) { .sub_f.print2 .cnt_print2 h4 { font-size: 18px; } .sub_f.print2 .cnt_print2 .btns .btn { padding: 13px 30px 16px; font-size: 16px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .lst { font-size: 15px; } .sub_f.print2 .cnt_print2 .tbl th, .sub_f.print2 .cnt_print2 .tbl td { font-size: 15px; } } .file .container { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 1080px; margin: 0px auto; position: relative; display: block; clear: both; content: ""; padding: 80px 0 100px; } .file .sub_menu .right a { display: block; } .file .cnt_top + .tbl_board { margin-top: 70px; } @media (max-width: 1279px) { .file .cnt_top + .tbl_board { margin-top: 40px; } } @media (max-width: 767px) { .file .cnt_top + .tbl_board { margin-top: 50px; } } .file .cnt_top + .google_bnr, .file .cnt_top + .google_bnr_tp2, .file .cnt_top + .google_bnr_tp2 { margin: 0px auto 60px; } @media (max-width: 767px) { .file .cnt_top + .google_bnr, .file .cnt_top + .google_bnr_tp2, .file .cnt_top + .google_bnr_tp2 { margin-bottom: 30px; } } .file .location a { color: #999999; } .file.sub_f { padding-top: 90px; } .file.sub_f .container { font-size: 18px; width: 100%; max-width: 1080px; margin: 0px auto; position: relative; display: block; clear: both; content: ""; padding: 0px 0px 80px; } @media (max-width: 1279px) { .file.sub_f { padding-top: 50px; } .file.sub_f .container { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 4.68% 80px; } } @media (max-width: 767px) { .file.sub_f { padding-top: 44px; } .file.sub_f .container { padding: 40px 6.25% 50px; } } .file .view_paging { overflow: hidden; border-top: 1px solid #222222; margin-top: 30px; padding-top: 20px; } .file .view_paging .left { float: left; } .file .view_paging .right { float: right; } .file .tbl_board .chk + label { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .file .tbl_board th:first-child { padding: 15px 5px; } @media (max-width: 1279px) { .file .container { padding: 60px 3.9% 70px; } .file .tbl_file { display: table; table-layout: fixed; } .file .tbl_file tbody { display: table-row-group; } .file .tbl_file tr { display: table-row; float: none; } .file .tbl_file th, .file .tbl_file td { display: table-cell; float: none; width: auto; } .file .tbl_file th { width: 20%; } .file .tbl_file td { padding: 10px 3%; display: table-cell; float: none; width: auto; } } @media (max-width: 767px) { .file .container { padding: 35px 6.25% 64px; } .file .sub_menu a.btn_squ { display: block; } .file .tbl_board colgroup col:first-child { width: 30% !important; } .file .tbl_board th:first-child { width: 20%; padding: 15px; } .file .tbl_board.media tr { padding: 15px 3.6%; } .file .tbl_file th { width: 34%; } .file .tbl_file .ipt, .file .tbl_file .slct { width: 100% !important; } } .reg { text-align: left; font-size: 18px; } .reg .sub_tit { margin-bottom: 0px; font-weight: 100; } .reg .tbl { vertical-align: top; } .reg .tbl + .bx_ico { margin-top: 80px; } .reg .tbl colgroup { display: none; } .reg .tbl th { width: 220px; } .reg .tbl th .impt { padding-right: 0px; } .reg .tbl .chk + label { margin: 10px 0px; } .reg .tbl .chk + label + .txt_alert { margin-top: 0; } @media (max-width: 1279px) { .reg .tbl th { width: 23%; } .reg .tbl + .bx_ico { margin-top: 70px; } .reg .tbl label + .slct { margin-top: 5px; } .reg .tbl .box_slc { margin-top: 14px; } .reg .tbl .box_slc label + .slct { margin-top: 0; } } @media (max-width: 767px) { .reg .tbl th { font-size: 13px; width: 34%; min-width: 90px; } .reg .tbl th br { display: none; } .reg .tbl .box_slc { margin-top: 0; } } .reg .textarea_file { height: 78px; } .reg .bx_notice + .bx_ico { margin-top: 20px; } .reg .box_tool { display: inline-block; } @media (max-width: 767px) { .reg .box_tool { width: 50%; margin: 0; } .reg .box_tool .radio + .label { width: auto; } } @media (max-width: 767px) { .reg .bx_ico img { padding: 0 0 10px; } } .reg .bx_agr { margin: 20px 0px 10px; padding-bottom: 50px; border-bottom: 1px solid #f0f0f0; } @media (max-width: 1279px) { .reg .bx_agr { padding-bottom: 40px; } } @media (max-width: 767px) { .reg .bx_agr { padding-bottom: 20px; } } .reg .txt_alert { margin-top: 10px; } .reg .txt_alert + .txt_alert { margin-top: 4px; } .reg .bx_textarea .holder { padding: 33px 50px; } .reg .lst_sty_squ { color: #999999; } .reg .lst_sty_squ li { text-indent: -12px; padding-left: 12px; } .reg .lst_sty_squ li:before { content: ""; width: 2px; height: 2px; display: inline-block; position: relative; background: #999999; vertical-align: middle; margin-right: 10px; } @media (max-width: 767px) { .reg .lst_sty_squ li { margin-bottom: 0; } } .reg .lst_sty_dash { color: #999999; } .reg .lst_sty_dash li { text-indent: -12px; padding-left: 12px; } .reg .lst_sty_dash li:before { content: '-'; vertical-align: text-bottom; margin-right: 7px; } @media (max-width: 767px) { .reg .lst_sty_dash li { margin-bottom: 0; } } .reg .lst_sm { margin-bottom: 18px; } .reg .lst_sm li { font-size: 13px; color: #666666; text-indent: -7px; padding-left: 7px; } .reg .txt_sm { margin: 10px 0; padding-left: 13px; color: #999999; } .reg .ipt, .reg .slct { margin-right: 10px; margin-top: 0px; vertical-align: middle; } .reg .ipt + .btn, .reg .slct + .btn { vertical-align: middle; padding: 17px 30px; } .reg .bx_alert { display: block; } @media (max-width: 1279px) { .reg .textarea_file { height: 64px; } .reg .ipt + .btn, .reg .slct + .btn { padding: 17px 30px; } } @media (max-width: 767px) { .reg h2, .reg h2.sub_tit { margin-bottom: 30px; } .reg .ipt, .reg .slct { width: 100% !important; height: 40px; display: block; } .reg .ipt + .btn, .reg .slct + .btn { margin-top: 10px; padding: 13px 15px 14px !important; } .reg .textarea_file { height: 54px; } .reg .tbl_file .passwordArea .btn.squ { width: 100%; } } .mypage .empty { text-align: center; } .mypage .empty img { width: 176px; } .mypage .empty strong { display: block; padding: 40px 0 34px; } @media (max-width: 1279px) { .mypage .empty { padding-top: 40px; } .mypage .empty strong { padding-bottom: 56px; } } @media (max-width: 767px) { .mypage .empty { padding-top: 20px; } .mypage .empty .ico { width: 88px; } .mypage .empty strong { padding: 20px 0 10px; } } .mypage .tbl_tit { margin: 70px auto 0px; } @media (max-width: 767px) { .mypage .tbl_tit { margin-top: 40px; } } .mypage .half_area .tbl_tit, .mypage .half_area .txt_chk, .mypage .half_area .txt_side, .mypage .half_area .txt_neces { margin: 0px auto 9px; padding: 0; line-height: 36px; } @media (max-width: 767px) { .mypage .half_area .tbl_tit, .mypage .half_area .txt_chk, .mypage .half_area .txt_side, .mypage .half_area .txt_neces { line-height: 1; } } .mypage .half_area + .tbl_tit { margin-top: 50px; } @media (max-width: 767px) { .mypage .half_area + .tbl_tit { margin-top: 40px; } } @media (max-width: 767px) { .mypage .half_area .left { float: left; margin: 0 0 15px; } .mypage .half_area .right { float: right; margin: 0 0 15px; } .mypage .half_area .right .btn_link { line-height: 19px; } .mypage .half_area .col2, .mypage .half_area .sub .goods_info, .sub .mypage .half_area .goods_info { margin-bottom: 27px; float: none; text-align: left; } .mypage .half_area .col2 a, .mypage .half_area .sub .goods_info a, .sub .mypage .half_area .goods_info a { display: inline-block; } .mypage .half_area .col2 .bar, .mypage .half_area .sub .goods_info .bar, .sub .mypage .half_area .goods_info .bar { vertical-align: middle; } } .mypage .tab { width: 100%; margin-bottom: 80px; display: table; } .mypage .tab:after { display: block; clear: both; content: ""; } .mypage .tab br { display: none; } @media (max-width: 1279px) { .mypage .tab { margin-bottom: 70px; } } @media (max-width: 767px) { .mypage .tab { margin-bottom: 50px; } .mypage .tab br { display: block; } } .mypage .tab a { width: 50%; height: 70px; font-size: 20px; text-align: center; display: table-cell; vertical-align: middle; color: #999; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e5e5; border-bottom-color: #222222; } @media (max-width: 1279px) { .mypage .tab a { height: 65px; } } @media (max-width: 767px) { .mypage .tab a { height: 50px; font-size: 14px; line-height: 18px; } } .mypage .tab .on { color: #222222; font-weight: 600; border: 1px solid #222222; border-top: 2px solid #222222; border-bottom: none; } .mypage .sub_tab { float: right; margin-bottom: 20px; } .mypage .sub_tab:after { display: block; clear: both; content: ""; } .mypage .sub_tab .tit { display: none; } .mypage .sub_tab ul { display: block; } @media (max-width: 767px) { .mypage .sub_tab { float: none; } .mypage .sub_tab .tit { display: block; font-size: 14px; margin-bottom: 15px; } .mypage .sub_tab .tit .ico_angle_down { overflow: hidden; text-indent: -2000em; font-size: 1px; overflow: hidden; position: relative; display: inline-block; width: 10px; height: 5px; vertical-align: middle; margin: -2px 0px 0px 8px; } .mypage .sub_tab .tit .ico_angle_down:before { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: -1px; border-right: 2px solid #222222; border-bottom: 2px solid #222222; } .mypage .sub_tab .tit.on + ul { display: block; } .mypage .sub_tab .tit.on .ico_angle_down { position: relative; display: inline-block; width: 10px; height: 5px; margin: -4px 0px 0px 8px; } .mypage .sub_tab .tit.on .ico_angle_down:before { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: 1px; border-top: 2px solid #222222; border-left: 2px solid #222222; } .mypage .sub_tab .tit.on .ico_angle_down:before { border-right: none; border-bottom: none; } .mypage .sub_tab ul { display: none; } } .mypage .sub_tab li { float: left; position: relative; padding: 0 30px; line-height: 1; } .mypage .sub_tab li:after { content: ""; width: 1px; height: 11px; display: block; position: absolute; background: #999999; top: 50%; margin-top: -4px; right: 0; } .mypage .sub_tab li:last-child { padding-right: 0; } .mypage .sub_tab li:last-child:after { display: none; } @media (max-width: 767px) { .mypage .sub_tab li { width: 50%; padding: 13px 3.6%; -webkit-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; } .mypage .sub_tab li:after { display: none; } } .mypage .sub_tab li a { font-size: 15px; } .mypage .sub_tab li a.on { font-weight: 600; } @media (max-width: 1279px) { .mypage .sub_tab li a { font-size: 16px; } } @media (max-width: 767px) { .mypage .sub_tab li a { font-size: 13px; } } .mypage .tbl + h3 { margin-top: 70px; } .mypage .bx_info { -webkit-box-sizing: border-box; box-sizing: border-box; } .mypage .bx_info h3 { padding: 19px 0; margin-bottom: 24px; border-bottom: 1px solid #222222; } .mypage .bx_info p { font-size: 15px; } .mypage .bx_info p.txt { line-height: 28px; } .mypage .bx_info.subtit .ico_tit { height: 37px; } .mypage .bx_info.customer { margin-top: 60px; } .mypage .bx_info.customer .ico_tit { height: 37px; } .mypage .bx_info.non_mem { margin-top: 60px; } @media (max-width: 1279px) { .mypage .bx_info h3 { margin-bottom: 30px; } .mypage .bx_info.subtit .ico_tit { height: 38px; } .mypage .bx_info.customer { margin-top: 60px; } .mypage .bx_info.customer .ico_tit { height: 38px; } .mypage .bx_info p { font-size: 16px; } .mypage .bx_info p.txt { font-size: 15px; } } @media (max-width: 767px) { .mypage .bx_info h3 { margin-bottom: 20px; padding: 10px 0 15px; } .mypage .bx_info p.txt { font-size: 13px; } } .mypage .case_box { display: block; position: relative; } .mypage .case_box .case { display: inline-block; position: relative; height: 100px; padding-right: 20px; margin-top: 0; line-height: 1; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } .mypage .case_box .case .tag { display: block; max-width: 100px; height: 16px; padding: 10px 0; font-size: 15px; font-weight: 100; line-height: 1.05; word-break: break-word; } .mypage .case_box .case .tag.my { font-size: 16px; } .mypage .case_box .case strong { line-height: 1; } .mypage .case_box .case2 { padding-left: 22px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/border_dash.png?v=2022207071") repeat-y 0 0; color: #999; } .mypage .case_box .case2 .tag { left: 20px; color: #666; } .mypage .case_box .arw { position: absolute; display: block; width: 30px; height: 14px; right: 38px; bottom: 20px; } .mypage .case_box .arw:before { content: ''; position: absolute; border-top: 2px solid #f87910; border-left: 2px solid #f87910; top: 50%; width: 8px; height: 8px; right: 7px; -webkit-transform: translate(50%, -50%) rotate(135deg); -ms-transform: translate(50%, -50%) rotate(135deg); transform: translate(50%, -50%) rotate(135deg); } .mypage .case_box .arw:after { content: ''; position: absolute; background-color: #f87910; top: 50%; right: 1px; width: 29px; height: 2px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .mypage .case_box .ticket { position: relative; display: inline-block; width: 94px; margin-top: 63px; margin-left: 10px; bottom: -5px; } .mypage .case_box .ticket .bu_ticket { width: auto; height: 37px; } .mypage .case_box .ticket .arw { position: absolute; display: block; width: 30px; height: 14px; right: 0; bottom: 12px; } .mypage .case_box .ticket .arw:before { content: ''; position: absolute; border-top: 2px solid #f87910; border-left: 2px solid #f87910; top: 50%; width: 8px; height: 8px; right: 7px; -webkit-transform: translate(50%, -50%) rotate(135deg); -ms-transform: translate(50%, -50%) rotate(135deg); transform: translate(50%, -50%) rotate(135deg); } .mypage .case_box .ticket .arw:after { content: ''; position: absolute; background-color: #f87910; top: 50%; right: 1px; width: 29px; height: 2px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @media (max-width: 1279px) { .mypage .case_box .ticket { margin-top: 37px; } } @media (max-width: 767px) { .mypage .case_box .ticket { width: 76px; margin-top: 38px; margin-left: 0; bottom: 0; float: right; display: block; } .mypage .case_box .ticket .arw { position: absolute; display: block; width: 23px; height: 14px; bottom: 11px; } .mypage .case_box .ticket .arw:before { content: ''; position: absolute; border-top: 2px solid #f87910; border-left: 2px solid #f87910; top: 50%; width: 8px; height: 8px; right: 7px; -webkit-transform: translate(50%, -50%) rotate(135deg); -ms-transform: translate(50%, -50%) rotate(135deg); transform: translate(50%, -50%) rotate(135deg); } .mypage .case_box .ticket .arw:after { content: ''; position: absolute; background-color: #f87910; top: 50%; right: 1px; width: 22px; height: 2px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } } .mypage .bx_case { margin-top: 32px; } .mypage .bx_case .case { float: right; position: relative; width: 30px; height: 14px; margin-top: 9px; } .mypage .bx_case .case .arw { right: 40px; bottom: 0; } @media (max-width: 1279px) { .mypage .bx_case { margin-top: 15px; } .mypage .bx_case .case { float: none; width: auto; height: auto; margin-top: 0; } .mypage .bx_case .case .arw { bottom: -32px; right: 30px; } } @media (max-width: 767px) { .mypage .bx_case { margin-top: 17px; margin-bottom: 32px; } .mypage .bx_case .case .arw { bottom: -32px; right: 22px; } } .mypage .case { display: block; position: relative; margin-top: 52px; line-height: 1.2; font-weight: 600; font-size: 24px; color: #f87910; } .mypage .case strong { font-size: 70px; } .mypage .case .arw { position: absolute; display: block; width: 30px; height: 14px; right: 40px; bottom: 20px; } .mypage .case .arw:before { content: ''; position: absolute; border-top: 2px solid #f87910; border-left: 2px solid #f87910; top: 50%; width: 8px; height: 8px; right: 7px; -webkit-transform: translate(50%, -50%) rotate(135deg); -ms-transform: translate(50%, -50%) rotate(135deg); transform: translate(50%, -50%) rotate(135deg); } .mypage .case .arw:after { content: ''; position: absolute; background-color: #f87910; top: 50%; right: 1px; width: 29px; height: 2px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .mypage .bx_myinfo { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 31px 36px 33px 36px; overflow: hidden; border: 2px solid #222222; line-height: 1.5; position: relative; } .mypage .bx_myinfo .left { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 320px; padding-right: 20px; } .mypage .bx_myinfo .left strong { display: block; line-height: 1.2; font-size: 38px; font-weight: 100; word-break: break-all; } @media (max-width: 1279px) { .mypage .bx_myinfo .left { padding-right: 0px; } } .mypage .bx_myinfo .left.bx_nm { width: 300px; } @media (max-width: 767px) { .mypage .bx_myinfo .left.bx_nm { width: 100%; text-align: left; } } .mypage .bx_myinfo .bx_right { float: right; } .mypage .bx_myinfo .bx_right .right { float: left; display: block; width: 295px; } .mypage .bx_myinfo .bx_right .right h3 { padding-bottom: 11px; } @media (max-width: 1279px) { .mypage .bx_myinfo .bx_right .right h3 { padding-bottom: 10px; } } .mypage .bx_myinfo .bx_right .right h3:before { display: none; } .mypage .bx_myinfo .bx_right .right:last-child { width: 296px; } .mypage .bx_myinfo .bx_right .right:last-child .case_box .case { padding-top: 36px; margin-right: 60px; } @media (max-width: 1279px) { .mypage .bx_myinfo .bx_right .right:last-child { width: 220px; } .mypage .bx_myinfo .bx_right .right:last-child .case_box .case { padding-top: 32px; margin-right: 23px; } } @media (max-width: 767px) { .mypage .bx_myinfo .bx_right .right:last-child .case_box .case { padding-top: 0; height: 100%; } } .mypage .bx_myinfo .bx_right .right.dp_none { display: none; } .mypage .bx_myinfo .bx_right.new_ticket .right:last-child { width: 310px; } .mypage .bx_myinfo .bx_right.new_ticket .right .case_box .ticket { position: absolute; min-width: 160px; width: auto; height: 45px; box-sizing: border-box; margin: 0; border: solid .15rem #343434; border-radius: 50px; padding: 8px 20px 7px 20px; right: -6px; bottom: -5px; display: flex; align-items: center; background: #fff; } .mypage .bx_myinfo .bx_right.new_ticket .right .case_box .ticket .bu_ticket { width: 30px; height: 30px; } .mypage .bx_myinfo .bx_right.new_ticket .right .case_box .ticket span { font-size: 16px; font-weight: bold; margin-left: 14px; letter-spacing: -.08rem; } @media (max-width: 767px) { .mypage .bx_myinfo .bx_right.new_ticket .right .case_box .ticket { right: -4px; bottom: -6px; padding: 5px 20px; width: 150px; height: 40px; } .mypage .bx_myinfo .bx_right.new_ticket .right .case_box .ticket span { font-size: 14px; } } .mypage .bx_myinfo .right { -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 345px; } .mypage .bx_myinfo .right h3 { height: auto; padding-top: 0; margin-bottom: 0; border: 0; } .mypage .bx_myinfo .right p { position: absolute; top: 115px; left: 370px; width: 180px; font-size: 21px; word-break: keep-all; } .mypage .cnt_myinfo { overflow: hidden; margin-top: 80px; } .mypage .cnt_myinfo .info_basic { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 680px; font-size: 15px; } .mypage .cnt_myinfo .info_basic .ico_tit { width: auto; height: 37px; } .mypage .cnt_myinfo .info_basic h3 { padding: 19px 0; margin-bottom: 0; border-bottom: 1px solid #222222; } @media (max-width: 767px) { .mypage .cnt_myinfo .info_basic h3 { padding: 10px 0 15px; } } .mypage .cnt_myinfo .info_basic .lst { margin: 17px 0; } .mypage .cnt_myinfo .info_basic .btns { margin-top: 30px; margin-bottom: 30px; padding-top: 30px; text-align: center; border-top: 1px solid #f0f0f0; } @media (max-width: 1279px) { .mypage .cnt_myinfo .info_basic .btns { margin-top: 0; } } .mypage .cnt_myinfo .info_basic .info_txt { padding: 16px 0; height: 319px; font-size: 15px; line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mypage .cnt_myinfo .info_basic.non_mem_guide { position: relative; float: none; width: auto; border-bottom: 1px solid #f0f0f0; } .mypage .cnt_myinfo .info_basic.non_mem_guide .info_txt { height: auto; padding: 25px 0; } .mypage .cnt_myinfo .info_basic.non_mem_guide .info_txt p { line-height: 22px; } .mypage .cnt_myinfo .info_basic.non_mem_guide .info_txt p + p { margin-top: 18px; } .mypage .cnt_myinfo .info_basic.non_mem_guide .info_txt br { display: block; } .mypage .cnt_myinfo .info_basic.non_mem_guide .btns { position: absolute; top: 135px; right: 0; margin: 0; padding: 0; border-top: 0; } .mypage .cnt_myinfo .info_basic.non_mem_guide .btns .btn { margin: 0; } @media (max-width: 1279px) { .mypage .cnt_myinfo .info_basic.non_mem_guide { border-bottom: 0; } .mypage .cnt_myinfo .info_basic.non_mem_guide .info_txt { padding: 20px 0; } .mypage .cnt_myinfo .info_basic.non_mem_guide .info_txt p { line-height: 20px; } .mypage .cnt_myinfo .info_basic.non_mem_guide .info_txt p + p { margin-top: 18px; } .mypage .cnt_myinfo .info_basic.non_mem_guide .btns { top: 137px; } } @media (max-width: 767px) { .mypage .cnt_myinfo .info_basic.non_mem_guide .btns { position: static; margin-top: 20px; } } .mypage .cnt_myinfo .bx_info { float: right; width: 345px; } .mypage .cnt_myinfo .bx_info p { color: #666; } .mypage .cnt_myinfo .bx_info p.txt_alert { display: inline-block; font-size: 13px; color: #f52222; margin: 0; } @media (max-width: 767px) { .mypage .cnt_myinfo .bx_info p.txt_alert { font-size: 12px; } } .mypage .cnt_myinfo .btns { padding-bottom: 30px; } .mypage .tbl_user { height: 369px; } .mypage .tbl_my + .bx_notice { padding: 15px 0 0; } .mypage .ticket_wrap .regist_ticket { display: flex; margin-top: -60px; padding-bottom: 20px; justify-content: flex-end; } .mypage .ticket_wrap .regist_ticket .ticket { display: flex; min-width: 160px; border: 2px solid #222222; border-radius: 50px; padding: 6px 20px 5px 20px; background: #fff; box-sizing: border-box; font-size: 16px; font-weight: 600; line-height: 24px; align-items: center; } .mypage .ticket_wrap .regist_ticket .ticket img { margin-right: 14px; } @media (max-width: 1279px) { .mypage h3 { font-size: 18px; font-weight: 600; } .mypage .case_box .case { height: 75px; padding-right: 15px; } .mypage .case_box .case strong { font-size: 45px; } .mypage .case_box .case .tag { max-width: 80px; } .mypage .case_box .case .tag.my { padding: 0 0 16px 0; } .mypage .case_box .case2 { padding-left: 17px; } .mypage .case_box .case2 .tag { left: 15px; } .mypage .case { margin-top: 50px; font-size: 22px; } .mypage .case strong { font-size: 62px; } .mypage .case .arw { position: absolute; display: block; width: 25px; height: 12px; right: 30px; } .mypage .case .arw:before { content: ''; position: absolute; border-top: 1px solid #f87910; border-left: 1px solid #f87910; top: 50%; width: 7px; height: 7px; right: 6px; -webkit-transform: translate(50%, -50%) rotate(135deg); -ms-transform: translate(50%, -50%) rotate(135deg); transform: translate(50%, -50%) rotate(135deg); } .mypage .case .arw:after { content: ''; position: absolute; background-color: #f87910; top: 50%; right: 1px; width: 24px; height: 1px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .mypage .bx_myinfo { padding: 31px 30px 38px 30px; } .mypage .bx_myinfo .left { width: 190px; } .mypage .bx_myinfo .left.left { width: 190px; } .mypage .bx_myinfo .left strong { font-size: 32px; } .mypage .bx_myinfo .bx_right .right { width: 205px; } .mypage .bx_myinfo .bx_right .right:after { top: 40px; } .mypage .bx_myinfo .right { width: 225px; } .mypage .bx_myinfo .right h3:before { left: 250px; } .mypage .bx_myinfo .right p { width: 150px; top: 95px; left: 250px; font-size: 18px; } .mypage .cnt_myinfo { margin-top: 70px; } .mypage .cnt_myinfo .info_basic { width: calc(100% - 285px); } .mypage .cnt_myinfo .info_basic .ico_tit { height: 38px; } .mypage .cnt_myinfo .info_basic .info_txt { height: 323px; padding: 23px 0; line-height: 26px; } .mypage .cnt_myinfo .info_basic .info_txt span { display: block; margin-bottom: 14px; } .mypage .cnt_myinfo .info_basic .info_txt br { display: none; } .mypage .cnt_myinfo .bx_info { width: 255px; } .mypage .ticket_wrap .regist_ticket { margin-top: -50px; padding-bottom: 14px; } .mypage .ticket_wrap .regist_ticket .ticket { min-width: 150px; padding: 3px 20px; font-size: 14px; line-height: 20px; } } @media (max-width: 767px) { .mypage .cnt_myinfo .ico_tit { height: 24px !important; } .mypage .cnt_myinfo h3 { font-size: 14px; } .mypage .case_box .case { height: 71px; min-width: 65px; padding-left: 0; padding-right: 30px; } .mypage .case_box .case .tag { max-width: 80px; font-size: 13px; } .mypage .case_box .case .tag.my { font-size: 13px; padding: 0 0 18px 0; } .mypage .case_box .case strong { font-size: 40px; line-height: 1; } .mypage .case_box .case2 { padding-left: 30px; } .mypage .case_box .case2 .tag { left: 20px; } .mypage .case { margin-top: 6px; padding-left: 20px; font-size: 16px; } .mypage .case strong { font-size: 40px; } } @media (max-width: 767px) and (max-width: 767px) { .mypage .case .arw { right: 22px; bottom: 16px; } } @media (max-width: 767px) { .mypage .bx_myinfo { padding: 24px 26px 30px; } .mypage .bx_myinfo .left { float: none; width: 100%; margin-bottom: 40px; } .mypage .bx_myinfo .left strong { font-size: 23px; } .mypage .bx_myinfo .bx_right { float: none; } .mypage .bx_myinfo .bx_right .right { width: 100%; } .mypage .bx_myinfo .bx_right .right:last-child { width: 100%; margin: 40px auto 0; } .mypage .bx_myinfo .bx_right .right:last-child .ticket { margin-top: 0; bottom: -5px; } .mypage .bx_myinfo .bx_right.new_ticket .right:last-child { width: 100%; } .mypage .bx_myinfo .right { float: none; width: 100%; } .mypage .bx_myinfo .right h3 { position: relative; padding: 0 !important; margin-bottom: 18px; border-bottom: 0; font-size: 14px; } .mypage .bx_myinfo .right h3:before { top: -8px; left: -5px; display: none; } .mypage .bx_myinfo .right p { display: none; position: relative; top: auto; left: auto; width: auto; font-size: 13px; } .mypage .cnt_myinfo { margin-top: 40px; } .mypage .cnt_myinfo .info_basic { float: none; width: 100%; } .mypage .cnt_myinfo .info_basic .lst { margin: 0; } .mypage .cnt_myinfo .info_basic .btns { margin-top: 0; padding-top: 20px; padding-bottom: 20px; border-top: 0; } .mypage .cnt_myinfo .info_basic .info_txt { height: auto; padding: 20px 0; font-size: 13px; line-height: 20px; border-bottom: 1px solid #f0f0f0; } .mypage .cnt_myinfo .info_basic .info_txt span { margin-bottom: 18px; } .mypage .cnt_myinfo .bx_info { float: none; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; margin-top: 40px; } .mypage .cnt_myinfo .bx_info.non_mem { border-bottom: none; } .mypage .bx_info p { font-size: 13px; } .mypage .ticket_wrap h1 { margin-bottom: 80px; } .mypage .ticket_wrap .regist_ticket { padding-bottom: 10px; } } .box_vid { margin: 60px auto 0; width: 1081px; height: 592px; } .box_vid iframe { width: 100%; height: 100%; } @media (max-width: 1279px) { .box_vid { margin: 40px auto 0; width: 600px; height: 400px; } } @media (max-width: 767px) { .box_vid { margin: 20px auto 0; width: 280px; height: 190px; } } .tuto_vidio.gmxm .box_vid { position: relative; width: auto; height: auto; min-height: 300px; margin-top: 0; padding: 48px 72px; border-radius: 20px; background: linear-gradient(85.59deg, #f23656 15.62%, #ffb4c1 81.77%); box-sizing: border-box; text-align: left; /* 국/일문 외 */ /* 일문 */ } .tuto_vidio.gmxm .box_vid::after { content: ''; position: absolute; right: 48px; bottom: 0; width: 393px; height: 235px; background: url("//www.gomlab.com/gomlab_v2/ui/img/gmxm/img-gmx-max-tuto.png?v=2022207071") no-repeat 0 0; background-size: cover; } .tuto_vidio.gmxm .box_vid h2 { display: flex; color: #ffffff; font-size: 36px; font-weight: 700; line-height: 52px; letter-spacing: -0.02em; align-items: center; } .tuto_vidio.gmxm .box_vid h2 img { max-width: 288px; margin-right: 12px; } .tuto_vidio.gmxm .box_vid .sub_tit { margin-top: 4px; color: #ffffff; font-size: 22px; font-weight: 500; line-height: 32px; letter-spacing: -0.04em; } .tuto_vidio.gmxm .box_vid .sub_tit dt { font-size: 28px; font-weight: 700; line-height: 41px; } .tuto_vidio.gmxm .box_vid .btns { margin-top: 25px; text-align: left; } .tuto_vidio.gmxm .box_vid .btns .btn { margin: 0; padding: 9px 20px 10px 20px; font-size: 17px; font-weight: 700; line-height: 25px; } @media (max-width: 1279px) { .tuto_vidio.gmxm .box_vid { min-height: 220px; padding: 32px 48px 36px 48px; background: linear-gradient(85.31deg, #f23656 8.85%, #ffb4c1 85.94%); } .tuto_vidio.gmxm .box_vid::after { right: 20px; width: 278px; height: 154px; } .tuto_vidio.gmxm .box_vid h2 { font-size: 26px; line-height: 38px; } .tuto_vidio.gmxm .box_vid h2 img { max-width: 212px; margin-right: 10px; } .tuto_vidio.gmxm .box_vid .sub_tit { margin-top: 6px; font-size: 16px; line-height: 23px; } .tuto_vidio.gmxm .box_vid .sub_tit dt { font-size: 20px; line-height: 29px; } .tuto_vidio.gmxm .box_vid .btns { margin-top: 12px; } } @media (max-width: 767px) { .tuto_vidio.gmxm .box_vid { min-height: 360px; padding: 32px 28px 120px 28px; background: linear-gradient(135deg, #f23656 21.35%, #ffb4c1 89.58%); } .tuto_vidio.gmxm .box_vid::after { right: 16px; width: 212px; height: 117px; } .tuto_vidio.gmxm .box_vid h2 { font-size: 22px; line-height: 32px; } .tuto_vidio.gmxm .box_vid h2 img { max-width: 176px; margin-right: 8px; } .tuto_vidio.gmxm .box_vid .sub_tit { margin-top: 12px; line-height: 20px; } .tuto_vidio.gmxm .box_vid .sub_tit dt { font-size: 18px; line-height: 26px; } .tuto_vidio.gmxm .box_vid .btns { margin-top: 20px; } } .lang_en .tuto_vidio.gmxm .box_vid h2, .lang_cs .tuto_vidio.gmxm .box_vid h2, .lang_de .tuto_vidio.gmxm .box_vid h2, .lang_es .tuto_vidio.gmxm .box_vid h2, .lang_pt .tuto_vidio.gmxm .box_vid h2, .lang_ru .tuto_vidio.gmxm .box_vid h2, .lang_tr .tuto_vidio.gmxm .box_vid h2, .lang_vi .tuto_vidio.gmxm .box_vid h2, .lang_zh-hant .tuto_vidio.gmxm .box_vid h2 { font-size: 34px; line-height: 46px; letter-spacing: -0.04em; } .lang_en .tuto_vidio.gmxm .box_vid .sub_tit, .lang_cs .tuto_vidio.gmxm .box_vid .sub_tit, .lang_de .tuto_vidio.gmxm .box_vid .sub_tit, .lang_es .tuto_vidio.gmxm .box_vid .sub_tit, .lang_pt .tuto_vidio.gmxm .box_vid .sub_tit, .lang_ru .tuto_vidio.gmxm .box_vid .sub_tit, .lang_tr .tuto_vidio.gmxm .box_vid .sub_tit, .lang_vi .tuto_vidio.gmxm .box_vid .sub_tit, .lang_zh-hant .tuto_vidio.gmxm .box_vid .sub_tit { margin-top: 8px; line-height: 26px; letter-spacing: -0.02em; } .lang_en .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_cs .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_de .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_es .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_pt .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_ru .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_tr .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_vi .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_zh-hant .tuto_vidio.gmxm .box_vid .sub_tit dt { margin-bottom: 4px; line-height: 38px; letter-spacing: -0.04em; } .lang_en .tuto_vidio.gmxm .box_vid .btns, .lang_cs .tuto_vidio.gmxm .box_vid .btns, .lang_de .tuto_vidio.gmxm .box_vid .btns, .lang_es .tuto_vidio.gmxm .box_vid .btns, .lang_pt .tuto_vidio.gmxm .box_vid .btns, .lang_ru .tuto_vidio.gmxm .box_vid .btns, .lang_tr .tuto_vidio.gmxm .box_vid .btns, .lang_vi .tuto_vidio.gmxm .box_vid .btns, .lang_zh-hant .tuto_vidio.gmxm .box_vid .btns { margin-top: 20px; } @media (max-width: 1279px) { .lang_en .tuto_vidio.gmxm .box_vid h2, .lang_cs .tuto_vidio.gmxm .box_vid h2, .lang_de .tuto_vidio.gmxm .box_vid h2, .lang_es .tuto_vidio.gmxm .box_vid h2, .lang_pt .tuto_vidio.gmxm .box_vid h2, .lang_ru .tuto_vidio.gmxm .box_vid h2, .lang_tr .tuto_vidio.gmxm .box_vid h2, .lang_vi .tuto_vidio.gmxm .box_vid h2, .lang_zh-hant .tuto_vidio.gmxm .box_vid h2 { font-size: 26px; line-height: 35px; } .lang_en .tuto_vidio.gmxm .box_vid .sub_tit, .lang_cs .tuto_vidio.gmxm .box_vid .sub_tit, .lang_de .tuto_vidio.gmxm .box_vid .sub_tit, .lang_es .tuto_vidio.gmxm .box_vid .sub_tit, .lang_pt .tuto_vidio.gmxm .box_vid .sub_tit, .lang_ru .tuto_vidio.gmxm .box_vid .sub_tit, .lang_tr .tuto_vidio.gmxm .box_vid .sub_tit, .lang_vi .tuto_vidio.gmxm .box_vid .sub_tit, .lang_zh-hant .tuto_vidio.gmxm .box_vid .sub_tit { margin-top: 3px; line-height: 18px; } .lang_en .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_cs .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_de .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_es .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_pt .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_ru .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_tr .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_vi .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_zh-hant .tuto_vidio.gmxm .box_vid .sub_tit dt { margin-bottom: 2px; line-height: 27px; } .lang_en .tuto_vidio.gmxm .box_vid .btns, .lang_cs .tuto_vidio.gmxm .box_vid .btns, .lang_de .tuto_vidio.gmxm .box_vid .btns, .lang_es .tuto_vidio.gmxm .box_vid .btns, .lang_pt .tuto_vidio.gmxm .box_vid .btns, .lang_ru .tuto_vidio.gmxm .box_vid .btns, .lang_tr .tuto_vidio.gmxm .box_vid .btns, .lang_vi .tuto_vidio.gmxm .box_vid .btns, .lang_zh-hant .tuto_vidio.gmxm .box_vid .btns { margin-top: 15px; } } @media (max-width: 767px) { .lang_en .tuto_vidio.gmxm .box_vid h2, .lang_cs .tuto_vidio.gmxm .box_vid h2, .lang_de .tuto_vidio.gmxm .box_vid h2, .lang_es .tuto_vidio.gmxm .box_vid h2, .lang_pt .tuto_vidio.gmxm .box_vid h2, .lang_ru .tuto_vidio.gmxm .box_vid h2, .lang_tr .tuto_vidio.gmxm .box_vid h2, .lang_vi .tuto_vidio.gmxm .box_vid h2, .lang_zh-hant .tuto_vidio.gmxm .box_vid h2 { font-size: 22px; line-height: 30px; } .lang_en .tuto_vidio.gmxm .box_vid .sub_tit, .lang_cs .tuto_vidio.gmxm .box_vid .sub_tit, .lang_de .tuto_vidio.gmxm .box_vid .sub_tit, .lang_es .tuto_vidio.gmxm .box_vid .sub_tit, .lang_pt .tuto_vidio.gmxm .box_vid .sub_tit, .lang_ru .tuto_vidio.gmxm .box_vid .sub_tit, .lang_tr .tuto_vidio.gmxm .box_vid .sub_tit, .lang_vi .tuto_vidio.gmxm .box_vid .sub_tit, .lang_zh-hant .tuto_vidio.gmxm .box_vid .sub_tit { margin-top: 9px; } .lang_en .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_cs .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_de .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_es .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_pt .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_ru .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_tr .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_vi .tuto_vidio.gmxm .box_vid .sub_tit dt, .lang_zh-hant .tuto_vidio.gmxm .box_vid .sub_tit dt { margin-bottom: 4px; font-size: 16px; line-height: 22px; } .lang_en .tuto_vidio.gmxm .box_vid .btns, .lang_cs .tuto_vidio.gmxm .box_vid .btns, .lang_de .tuto_vidio.gmxm .box_vid .btns, .lang_es .tuto_vidio.gmxm .box_vid .btns, .lang_pt .tuto_vidio.gmxm .box_vid .btns, .lang_ru .tuto_vidio.gmxm .box_vid .btns, .lang_tr .tuto_vidio.gmxm .box_vid .btns, .lang_vi .tuto_vidio.gmxm .box_vid .btns, .lang_zh-hant .tuto_vidio.gmxm .box_vid .btns { margin-top: 20px; } } .lang_js .tuto_vidio.gmxm .box_vid h2 { font-size: 36px; line-height: 52px; letter-spacing: -0.1em; } .lang_js .tuto_vidio.gmxm .box_vid .sub_tit { margin-top: 0; line-height: 28px; letter-spacing: 0em; } .lang_js .tuto_vidio.gmxm .box_vid .sub_tit dt { font-size: 26px; line-height: 38px; letter-spacing: 0em; } .lang_js .tuto_vidio.gmxm .box_vid .btns { margin-top: 16px; } @media (max-width: 1279px) { .lang_js .tuto_vidio.gmxm .box_vid h2 { font-size: 26px; line-height: 38px; } .lang_js .tuto_vidio.gmxm .box_vid .sub_tit { margin-top: 0; line-height: 20px; } .lang_js .tuto_vidio.gmxm .box_vid .sub_tit dt { margin-bottom: 2px; font-size: 18px; line-height: 26px; } .lang_js .tuto_vidio.gmxm .box_vid .btns { margin-top: 10px; } } @media (max-width: 767px) { .lang_js .tuto_vidio.gmxm .box_vid h2 { font-size: 18px; line-height: 26px; } .lang_js .tuto_vidio.gmxm .box_vid h2 img { max-width: 138px; } .lang_js .tuto_vidio.gmxm .box_vid .sub_tit { margin-top: 10px; font-size: 14px; line-height: 18px; } .lang_js .tuto_vidio.gmxm .box_vid .sub_tit dt { margin-bottom: 6px; font-size: 18px; line-height: 24px; } .lang_js .tuto_vidio.gmxm .box_vid .btns { margin-top: 20px; } } .customer h2 { margin-bottom: 55px; } @media (max-width: 1279px) { .customer h2 { margin-bottom: 40px; } } @media (max-width: 767px) { .customer h2 { margin-bottom: 25px; } .customer h2 .m_block { display: block; } } .customer.sub_f .container .cnt { padding: 80px 0 0; } .customer.sub_f .container .cnt + .cnt { padding: 95px 0 0; } @media (max-width: 1279px) { .customer.sub_f .container .cnt { padding: 70px 0 0; } .customer.sub_f .container .cnt + .cnt { padding: 80px 0 0; } } @media (max-width: 767px) { .customer.sub_f .container .cnt { padding: 50px 0 0; } .customer.sub_f .container .cnt + .cnt { padding: 50px 0 0; } } .customer.gmp .cnt_top .btn, .customer.gmp .cnt.lic .btn { background: #ff7747; } .customer.gmx .cnt_top .btn, .customer.gmx .cnt.lic .btn { background: #e8636a; } .customer.gcm .cnt_top .btn, .customer.gcm .cnt.lic .btn { background: #3d8cd1; } .customer.gen .cnt_top .btn, .customer.gen .cnt.lic .btn { background: #ff7a02; } .customer.gau .cnt_top .btn, .customer.gau .cnt.lic .btn { background: #009b99; } .customer.grm .cnt_top .btn, .customer.grm .cnt.lic .btn { background: #86645b; } .customer.gst .cnt_top .btn, .customer.gst .cnt.lic .btn { background: #f2653f; } .customer.grc .cnt_top .btn, .customer.grc .cnt.lic .btn { background: #f97955; } .customer.gmk .cnt_top .btn, .customer.gmk .cnt.lic .btn { background: #6187e5; } .customer.gmxw .cnt_top .btn, .customer.gmxw .cnt.lic .btn { background: #e8636a; } .customer .container { width: 100%; max-width: 1080px; margin: 0 auto; position: relative; display: block; clear: both; content: ""; } .customer .container .wrap + .wrap { padding-top: 95px; padding-bottom: 0; } @media (max-width: 1279px) { .customer .container .wrap + .wrap { padding-top: 80px; } } @media (max-width: 767px) { .customer .container .wrap + .wrap { padding-top: 50px; } } .customer .container .cnt { padding: 80px 0px 0; } @media (max-width: 1279px) { .customer .container .cnt { padding: 70px 3.9% 0; } } @media (max-width: 767px) { .customer .container .cnt { padding: 50px 6.25% 0; } } .customer .container .cnt + .cnt { padding-top: 95px; } @media (max-width: 1279px) { .customer .container .cnt + .cnt { padding-top: 80px; } } @media (max-width: 767px) { .customer .container .cnt + .cnt { padding-top: 50px; } } .customer .container .cnt h2 { text-align: center; } .customer .container .cnt .bx_list { overflow: hidden; display: table; table-layout: fixed; width: 100%; margin: 40px 0; padding: 0; background: #ffffff; border-top: 1px solid #222222; border-bottom: 1px solid #f0f0f0; } .customer .container .cnt .bx_list .unit { display: table-cell; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .customer .container .cnt .bx_list .unit a { position: relative; display: block; padding: 30px 40px 68px; } .customer .container .cnt .bx_list .unit.f_item a { padding-left: 30px; } .customer .container .cnt .bx_list .unit span { font-size: 20px; } .customer .container .cnt .bx_list .unit strong { display: block; font-size: 18px; margin: 4px 0 6px; height: auto; overflow: hidden; } .customer .container .cnt .bx_list .unit em { position: absolute; bottom: 40px; font-weight: 100; font-size: 13px; border-bottom: 1px solid #222222; } .customer .container .cnt .bx_list .unit em:after { content: "→"; position: absolute; top: 0; right: -14px; } @media (max-width: 1279px) { .customer .container .cnt .bx_list { margin: 30px 0; } .customer .container .cnt .bx_list .unit { display: block; width: 100%; float: none; border-bottom: 1px solid #f0f0f0; } .customer .container .cnt .bx_list .unit a { padding: 20px 30px !important; } .customer .container .cnt .bx_list .unit span { font-size: 16px; vertical-align: middle; } .customer .container .cnt .bx_list .unit strong { display: inline-block; font-size: 16px; width: calc(100% - 60px); height: auto; margin: 0 0 0 30px; vertical-align: middle; } .customer .container .cnt .bx_list .unit em { display: none; } .customer .container .cnt .bx_list .unit:last-child { border-bottom: none; } } @media (max-width: 767px) { .customer .container .cnt .bx_list .unit a { padding: 20px 10px !important; } .customer .container .cnt .bx_list .unit span { font-size: 13px; } .customer .container .cnt .bx_list .unit strong { font-size: 13px; width: calc(100% - 35px); margin: 0 0 0 10px; } } .customer .container .cnt.lic ul { text-align: center; } @media (max-width: 1279px) { .customer .container .cnt.lic ul { text-align: left; } .customer .container .cnt.lic ul li { text-align: center; } } .customer .container .cnt.lic ul li { display: inline-block; width: 31.5%; padding: 60px 0; margin-right: 24px; border-radius: 10px; border: 1px solid #f0f0f0; -webkit-box-sizing: border-box; box-sizing: border-box; } .customer .container .cnt.lic ul li:last-child { margin-right: 0; margin-bottom: 0; } .customer .container .cnt.lic ul li img { display: block; width: 262px; margin: 0 auto 30px; } .customer .container .cnt.lic ul li p { margin-bottom: 40px; font-size: 15px; color: #666; } @media (max-width: 1279px) { .customer .container .cnt.lic ul li { width: 48%; margin: 0 20px 20px 0; padding: 50px 0; } .customer .container .cnt.lic ul li:nth-child(2n) { margin-right: 0; } .customer .container .cnt.lic ul li img { width: 222px; margin-bottom: 20px; } .customer .container .cnt.lic ul li p { margin-bottom: 30px; font-size: 16px; } } @media (max-width: 767px) { .customer .container .cnt.lic ul li { width: 100%; margin: 0 0 20px; padding: 40px 0; } .customer .container .cnt.lic ul li img { width: 170px; margin-bottom: 15px; } .customer .container .cnt.lic ul li p { font-size: 12px; } } .customer .container .cnt.lic ul.has_one { text-align: center; } .customer .container .cnt.evt .bx_cont, .customer .container .cnt.evt .bx_qna { overflow: hidden; padding: 10px 30px; background: #ffffff; } .customer .container .cnt.evt .left { width: 340px; margin-right: 60px; padding: 20px 0; } .customer .container .cnt.evt .left img { width: 100%; height: 352px; } .customer .container .cnt.evt .right { width: calc(100% - 400px); text-align: left; } .customer .container .cnt.evt .right .unit { display: block; padding: 20px 0; border-bottom: 1px solid #f0f0f0; } .customer .container .cnt.evt .right .unit:last-child { border-bottom: 0; } .customer .container .cnt.evt .right .unit img { width: 140px; height: 90px; margin-right: 30px; } .customer .container .cnt.evt .right .unit p { display: inline-block; width: 440px; padding-top: 15px; } .customer .container .cnt.evt .right .unit p strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .customer .container .cnt.evt .right .unit p span { font-size: 15px; } @media (max-width: 1279px) { .customer .container .cnt.evt .bx_cont, .customer .container .cnt.evt .bx_qna { margin-bottom: 0; } .customer .container .cnt.evt .bx_cont + .bx_qna, .customer .container .cnt.evt .bx_qna + .bx_qna { margin: 80px 0; padding: 20px 30px; } .customer .container .cnt.evt .left { width: 294px; margin-right: 40px; } .customer .container .cnt.evt .left img { height: 304px; } .customer .container .cnt.evt .right { width: calc(100% - 334px); } .customer .container .cnt.evt .right .unit img { width: 116px; height: 74px; margin-right: 16px; vertical-align: middle; } .customer .container .cnt.evt .right .unit p { width: calc(100% - 145px); padding-top: 0; vertical-align: middle; } .customer .container .cnt.evt .right .unit p strong { white-space: normal; } .customer .container .cnt.evt .right .unit p span { display: none; } } @media (max-width: 767px) { .customer .container .cnt.evt .bx_cont, .customer .container .cnt.evt .bx_qna { padding: 0; margin-bottom: 0; } .customer .container .cnt.evt .bx_cont + .bx_qna, .customer .container .cnt.evt .bx_qna + .bx_qna { margin: 60px 0; padding: 18px 7.14% 28px; text-align: center; } .customer .container .cnt.evt .left { float: none; width: 100%; margin: 0 auto !important; padding: 25px 10px; border-bottom: 1px solid #f0f0f0; text-align: center; } .customer .container .cnt.evt .left img { max-width: 260px; height: auto; } .customer .container .cnt.evt .right { float: none; width: 100%; } .customer .container .cnt.evt .right .unit { padding: 25px 10px; } .customer .container .cnt.evt .right .unit img { width: 105px; height: 67px; margin-right: 20px; } } .customer .container .cnt_top { padding-bottom: 0px; } .customer .container .cnt_top .bx_tab { margin: 60px 0 0; } @media (max-width: 1279px) { .customer .container .cnt_top .bx_tab { margin-top: 35px; } } @media (max-width: 767px) { .customer .container .cnt_top .bx_tab { margin-top: 20px; } } @media (max-width: 1279px) { .customer .container .cnt_top + .wrap { padding-top: 80px; } } @media (max-width: 767px) { .customer .container .cnt_top + .wrap { padding-top: 60px; } } .customer .container .cnt_top .subtit { margin: 15px 0 0px; } .customer .container .cnt_top .bx_srch { margin-top: 45px; } .customer .container .left { float: left; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .customer .container .right { float: right; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .customer .container .left_menu { width: 252px; float: left; text-align: left; } @media (max-width: 1279px) { .customer .container .left_menu { width: 100%; margin-top: 0px; margin-bottom: 40px; clear: both; float: none; } } @media (max-width: 767px) { .customer .container .left_menu { margin-bottom: 20px; } } .customer .container .left_menu h3 { display: none; } @media (max-width: 1279px) { .customer .container .left_menu h3 { display: block; } .customer .container .left_menu h3 a .ico_angle_down { overflow: hidden; position: relative; display: inline-block; width: 10px; height: 5px; vertical-align: middle; margin: -2px 0px 0px 8px; } .customer .container .left_menu h3 a .ico_angle_down:before { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: -1px; border-right: 2px solid #222222; border-bottom: 2px solid #222222; } .customer .container .left_menu h3 a.on .ico_angle_down { position: relative; display: inline-block; width: 10px; height: 5px; margin: -4px 0px 0px 8px; } .customer .container .left_menu h3 a.on .ico_angle_down:before { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: 1px; border-top: 2px solid #222222; border-left: 2px solid #222222; } .customer .container .left_menu h3 a.on .ico_angle_down:before { border-right: none; border-bottom: none; } } .customer .container .left_menu .lst { margin-top: -19px; } .customer .container .left_menu .lst li { font-size: 20px; padding: 10px 0px; } .customer .container .left_menu .lst li a { display: block; } .customer .container .left_menu .lst li .on { position: relative; font-weight: 600; text-decoration: underline; text-underline-position: under; } .customer .container .left_menu .bx_top { border-top: 2px solid #222222; border-bottom: 1px solid #222222; padding: 12px 0px 20px; } .customer .container .left_menu .bx_top h3 { margin-bottom: 10px; } @media (max-width: 1279px) { .customer .container .left_menu .lst { display: none; margin-top: 15px; } .customer .container .left_menu .lst:after { display: block; clear: both; content: ""; } .customer .container .left_menu .lst li { width: 49%; padding: 13px 3.6%; display: inline-block; vertical-align: top; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .customer .container .left_menu .lst li a { font-size: 16px; max-height: 40px; overflow: hidden; } } @media (max-width: 767px) { .customer .container .left_menu .lst li a { font-size: 13px; } .customer .container .left_menu .lst li .on { font-size: 13px; } } .customer .container .right_cont { float: right; width: 804px; } .customer .container .right_cont .bx_cont.veiw, .customer .container .right_cont .veiw.bx_qna { font-size: 15px; } .customer .container .right_cont .bx_cont.veiw h3, .customer .container .right_cont .veiw.bx_qna h3 { font-size: 20px; margin-bottom: 24px; } .customer .container .right_cont .bx_cont.veiw h4, .customer .container .right_cont .veiw.bx_qna h4 { font-size: 15px; margin-bottom: 14px; } .customer .container .right_cont .bx_cont.veiw p, .customer .container .right_cont .veiw.bx_qna p { margin-bottom: 32px; } .customer .container .right_cont .bx_cont.veiw p + .lst_sm, .customer .container .right_cont .veiw.bx_qna p + .lst_sm { margin: -26px 0px 0px 12px; } .customer .container .right_cont .bx_cont.veiw .lst_sm li, .customer .container .right_cont .veiw.bx_qna .lst_sm li { font-size: 13px; color: #666666; } @media (max-width: 1279px) { .customer .container .right_cont { width: 100%; } } .customer .container .tbl_board .goods { width: 145px; } @media (max-width: 1279px) { .customer .container .tbl_board .goods { width: 100%; } } .customer .container .goods_best { width: 1100px; margin: -10px 0px 70px -10px; } .customer .container .goods_best:after { display: block; clear: both; content: ""; } .customer .container .goods_best .unit { width: 530px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fcfcfc; border: 1px solid #f0f0f0; border-radius: 10px; padding: 34px 30px 24px; margin: 10px; float: left; } .customer .container .goods_best .unit .tit { font-size: 26px; margin-bottom: 12px; display: block; } .customer .container .goods_best .unit li a { font-size: 15px; line-height: 2.6; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .customer .container .goods_best .unit li a:before { content: ""; width: 2px; height: 2px; display: inline-block; position: relative; background: #666666; vertical-align: middle; margin-right: 4px; } .customer .container .goods_best .unit .link { margin-top: 12px; display: block; } @media (max-width: 1279px) { .customer .container .goods_best { width: 100%; margin: 0 0 50px; } .customer .container .goods_best .unit { margin: 10px 0px; padding: 38px 38px 26px; width: 100%; } .customer .container .goods_best .unit .tit { font-size: 24px; } .customer .container .goods_best .unit li a { font-size: 16px; } .customer .container .goods_best .unit:first-child { margin-top: 0px; } .customer .container .bx_qna { margin: 0; } } @media (max-width: 767px) { .customer .container .goods_best { margin: 0px auto 30px; } .customer .container .goods_best .unit { margin: 10px 0px; padding: 24px 7.14% 21px; width: 100%; } .customer .container .goods_best .unit .tit { font-size: 18px; } .customer .container .goods_best .unit li a { padding: 0 0 12px 6px; font-size: 13px; line-height: 1.6; white-space: normal; text-indent: -6px; } .customer .container .goods_best .unit .link { margin-top: 0px; } .customer .container .bx_qna { margin: 0px; padding: 18px 7.14% 28px; } } .customer .container .goods_all { width: 100%; margin: -7px 0px 74px 0px; text-align: left; } .customer .container .goods_all .bx_unit { margin: 7px 9px 6px; cursor: pointer; float: left; } .customer .container .goods_all .bx_unit .desc { height: 180px; } .customer .container .goods_all .bx_unit:nth-child(5n+1) { margin-left: 0px; } .customer .container .goods_all .bx_unit:nth-child(5n) { margin-right: 0px; } .customer .container .goods_all:after { display: block; clear: both; content: ""; } .customer .container .goods_all.cus { margin-bottom: 0; } .customer .container .goods_all.cus + .bx_btn { margin-top: 40px; text-align: center; } @media (min-width: 1279px) { .customer .container .goods_all.cus .bx_unit { width: 165px; min-height: unset; margin: 9px; } .customer .container .goods_all.cus .bx_unit:nth-child(5n+1) { margin-left: 9px; } .customer .container .goods_all.cus .bx_unit:nth-child(5n) { margin-right: 9px; } .customer .container .goods_all.cus .bx_unit:nth-child(6n+1) { margin-left: 0px; } .customer .container .goods_all.cus .bx_unit:nth-child(6n) { margin-right: 0px; } .customer .container .goods_all.cus .bx_unit .ico_pro { height: 48px; } .customer .container .goods_all.cus .bx_unit strong { font-size: 16px; margin-top: 20px; } } @media (max-width: 1279px) { .customer .container .goods_all.cus { margin: -6px 0 0; } .customer .container .goods_all.cus .bx_unit { width: 23%; min-height: unset; margin: 9px 1%; } .customer .container .goods_all.cus .bx_unit:nth-child(5n+1) { margin-left: 1%; } .customer .container .goods_all.cus .bx_unit:nth-child(5n) { margin-right: 1%; } .customer .container .goods_all.cus .bx_unit:nth-child(4n+1) { margin-left: 0px; } .customer .container .goods_all.cus .bx_unit:nth-child(4n) { margin-right: 0px; } .customer .container .goods_all.cus .bx_unit .ico_pro { height: 48px; } .customer .container .goods_all.cus .bx_unit strong { font-size: 16px; margin-top: 20px; } } @media (max-width: 767px) { .customer .container .goods_all.cus .bx_unit { width: 48%; height: unset; min-height: unset; margin: 10px 0; } .customer .container .goods_all.cus .bx_unit:nth-child(2n+1) { margin-left: 0px; margin-right: 2%; } .customer .container .goods_all.cus .bx_unit:nth-child(2n) { margin-right: 0px; } .customer .container .goods_all.cus .bx_unit .ico_pro { height: 36px; } .customer .container .goods_all.cus .bx_unit strong { font-size: 13px; margin-top: 15px; } } @media (max-width: 1279px) { .customer .container .goods_all { width: 102%; text-align: left; margin: -6px -1% 50px; position: relative; } .customer .container .goods_all .bx_unit { display: block; float: left; width: 31.33%; margin: 9px 1%; } .customer .container .goods_all .bx_unit:nth-child(5n+1) { margin-left: 1%; } .customer .container .goods_all .bx_unit:nth-child(5n) { margin-right: 1%; } .customer .container .goods_all.cus .btn { margin-top: 30px; } } @media (max-width: 767px) { .customer .container .goods_all { width: 100%; margin-bottom: 30px; margin-left: 0; margin-right: 0; } .customer .container .goods_all .bx_unit { width: 49%; height: 135px; } .customer .container .goods_all .bx_unit:nth-child(n) { margin: 6px 1%; } .customer .container .goods_all .bx_unit:nth-child(odd) { margin-left: 0px; } .customer .container .goods_all .bx_unit:nth-child(2n) { margin-right: 0px; } .customer .container .goods_all .bx_unit img { height: 46px; } .customer .container .goods_all .bx_unit .desc { height: auto; background: none; padding: 0px 14px; } .customer .container .goods_all .bx_unit .desc strong { font-size: 14px; margin: 0px; } .customer .container .goods_all .bx_unit .desc span { display: none; } .customer .container .goods_all .bx_unit .more { width: 42px; height: 42px; } .customer .container .goods_all .bx_unit .more:before { border-bottom: 42px solid #ffffff; border-left: 42px solid transparent; } .customer .container .goods_all.guide { margin: 0px 0 30px; } .customer .container .goods_all.cus .btn { margin-top: 20px; } } .customer .container .tbl_detail th { text-align: left; } .customer .container .tbl_detail + .btns { overflow: hidden; border-top: 1px solid #222222; margin-top: 30px; padding-top: 20px; } .customer .container .bx_down { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f0f0f0; border-radius: 10px; padding: 30px 0px; } .customer .container .bx_down:after { display: block; clear: both; content: ""; } .customer .container .bx_down .bx_left, .customer .container .bx_down .ico, .customer .container .bx_down .bx_txt, .customer .container .bx_down .bx_btn { display: inline-block; vertical-align: middle; } .customer .container .bx_down .ico { margin: 0px 38px 0px 43px; } .customer .container .bx_down .ico[src*='ico_dock'] { width: 54px; height: 52px; } .customer .container .bx_down .bx_txt { width: 340px; } .customer .container .bx_down .bx_btn { position: relative; display: inline-block; width: 193px; background: none; text-align: center; vertical-align: middle; } .customer .container .bx_down .bx_btn span { display: block; margin-bottom: 12px; } .customer .container .bx_down .bx_btn + .bx_btn:before { content: ""; width: 9px; height: 58px; position: absolute; top: 50%; left: -11px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-right: 9px; border-right: 2px dotted #d8d8d8; } @media (max-width: 1279px) { .customer .container .bx_down { text-align: center; padding: 50px 20px; margin: 0; } .customer .container .bx_down .bx_left { display: block; margin-bottom: 41px; } .customer .container .bx_down .bx_txt { width: auto; max-width: 800px; text-align: left; } .customer .container .bx_down .ico { margin: 0px 25px 0px 0px; } .customer .container .bx_down .bx_btn { width: 33%; max-width: 205px; } .customer .container .bx_down .bx_btn span { display: block; margin-bottom: 20px; } } @media (max-width: 767px) { .customer .container .bx_down { padding: 25px 7.14% 0px; margin: 0; } .customer .container .bx_down .bx_left, .customer .container .bx_down .ico, .customer .container .bx_down .bx_txt, .customer .container .bx_down .bx_btn { display: block; } .customer .container .bx_down .ico { width: 34px; margin: 0px auto; } .customer .container .bx_down .bx_left { margin-bottom: 13px; } .customer .container .bx_down .bx_txt { width: 100%; margin-top: 9px; text-align: center; } .customer .container .bx_down .bx_btn { width: 100%; max-width: none; margin: 0; padding: 20px 0px; border-bottom: 1px dotted #d8d8d8; } .customer .container .bx_down .bx_btn span { float: left; line-height: 41px; margin: 0; } .customer .container .bx_down .bx_btn a { float: right; } .customer .container .bx_down .bx_btn + .bx_btn:before { display: none; } .customer .container .bx_down .bx_btn:after { display: block; clear: both; content: ""; } .customer .container .bx_down .bx_btn:last-child { border: none; } } .customer .container .noti_pc_only + .btn { display: none; } @media (max-width: 1279px) { .customer .container .noti_pc_only { margin: 70px 0 50px; } .customer .container .noti_pc_only.has_bor { margin: 0; } .customer .container .noti_pc_only.has_bor p:before { content: ''; position: absolute; top: 6px; left: -30px; height: 125px; border-left: 2px dotted #d1d1d1; } .customer .container .noti_pc_only + .btn { display: inline-block; margin: 30px 0 0 calc(50% - 70px); } } @media (max-width: 767px) { .customer .container .noti_pc_only { margin: 50px 0 40px; } .customer .container .noti_pc_only.has_bor p:before { border: none; } } .customer .container .bx_qna { background: #ffffff; margin-top: 120px; } .customer .container .bx_qna.non_mem { margin-top: 60px; padding: 34px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1279px) { .customer .container .bx_qna.non_mem { margin-top: 50px; padding: 34px 30px; } } @media (max-width: 767px) { .customer .container .bx_qna.non_mem { margin-top: 30px; } } .customer .licen .bx_cont, .customer .licen .bx_qna { padding: 50px 80px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; min-height: 416px; position: relative; } .customer .licen .bx_cont h3, .customer .licen .bx_qna h3 { font-size: 30px; } .customer .licen .bx_cont .min, .customer .licen .bx_qna .min { max-width: 400px; width: 100%; margin: 0 auto; } .customer .licen .cont { width: 100%; position: relative; -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); margin-top: 10%; } .customer .licen .txt_alert { text-align: left; } .customer .licen .txt_rst { margin: 14px auto 20px !important; } .customer .licen .txt_rst + p { margin: -8px 0px 10px; } .customer .licen .slct, .customer .licen .bx_ipts { margin-top: 10px; } .customer .licen .bx_txt { font-size: 15px; border-top: 1px solid #e1e1e1; margin-top: 24px; padding-top: 14px; } .customer .licen a.txt_point { text-decoration: underline; } @media (max-width: 1279px) { .customer .licen .bx_cont, .customer .licen .bx_qna { min-height: 381px; padding: 70px 80px; } .customer .licen .bx_cont h3, .customer .licen .bx_qna h3 { font-size: 32px; } .customer .licen .txt_rst { font-size: 18px; margin: 14px auto 15px !important; } .customer .licen .bx_txt { font-size: 16px; } } @media (max-width: 767px) { .customer .licen .bx_cont, .customer .licen .bx_qna { min-height: unset; padding: 40px 7.14%; -webkit-box-sizing: border-box; box-sizing: border-box; } .customer .licen .bx_cont h3, .customer .licen .bx_qna h3 { font-size: 21px; line-height: 1.38; } .customer .licen .cont { width: 100%; position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .customer .licen .txt_rst { font-size: 14px; } .customer .licen .bx_txt { font-size: 13px; } } .customer .prod .top { margin: 84px 0 40px; text-align: center; } .customer .prod .top .ico { display: inline-block; width: 72px; margin-right: 20px; vertical-align: top; } .customer .prod .top .ico img { max-width: 100%; } .customer .prod .top form { display: inline-block; width: 540px; } .customer .prod .top form .bx_srch { height: 70px; } .customer .prod .tuto_vidio { padding-bottom: 0; } .customer .prod .tuto_vidio .bx_col2 { margin: 0 0 100px; } .customer .prod .tuto_vidio .bx_qna { margin-top: 100px; } @media (max-width: 1279px) { .customer .prod .top { margin: 84px 0 10px; } .customer .prod .top .ico { width: 60px; } .customer .prod .top form { width: 344px; } .customer .prod .top form .bx_srch { height: 57px; } .customer .prod .tuto_vidio .cont { padding: 0; } .customer .prod .tuto_vidio .bx_col2 { margin-bottom: 80px; } .customer .prod .tuto_vidio .bx_qna { margin-top: 80px; } } @media (max-width: 767px) { .customer .prod .top { margin: 0 0 10px; } .customer .prod .top .ico { width: 64px; margin: 0 0 30px; } .customer .prod .top form { width: 100%; } .customer .prod .top form .bx_srch { height: 33px; } .customer .prod .tuto_vidio .cont { padding: 0; } .customer .prod .tuto_vidio .bx_col2 { margin-bottom: 60px; } .customer .prod .tuto_vidio .bx_qna { margin-top: 60px; } } .customer .search .top h1 { display: inline-block; margin-bottom: 95px; } .customer .search .top form { float: right; width: 402px; } @media (max-width: 1279px) { .customer .search .top form { width: 324px; } } @media (max-width: 767px) { .customer .search .top h1 { margin-bottom: 30px; } .customer .search .top form { float: none; width: 100%; margin-bottom: 40px; } } .customer .search .tbl_detail { margin-top: 0; } @media (max-width: 767px) { .customer .search .tbl_detail { margin-top: 20px; } .customer .search .tbl_detail th.subject_header { border-top: 1px solid #222222; } } .customer .search.container .cnt { padding-top: 0; overflow: hidden; } .customer .bx_top + .file_tree { border-top: none; } .customer .file_tree { padding: 10px 0px; border-bottom: 1px solid #f0f0f0; border-top: 2px solid #222222; } .customer .file_tree .ico_sign { width: 20px; height: 20px; margin: -4px 10px 0px 0px; position: relative; display: inline-block; vertical-align: middle; background: #343434; border-radius: 5px; z-index: 2; } .customer .file_tree .ico_sign:before { content: ""; width: 9px; height: 2px; display: block; position: absolute; background: #ffffff; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .customer .file_tree .ico_sign:after { content: ""; width: 2px; height: 9px; display: block; position: absolute; background: #ffffff; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .customer .file_tree li { position: relative; } .customer .file_tree li a { height: auto; display: block; padding: 5px 0px; padding-left: 30px; text-indent: -30px; overflow: hidden; } .customer .file_tree li a.on .ico_sign:after, .customer .file_tree li a.end .ico_sign:after { display: none; } .customer .file_tree li a.on + ul, .customer .file_tree li a.end + ul { display: block; } .customer .file_tree li a:before { content: ""; width: 1px; height: 100%; display: block; position: absolute; background: #ddd; left: 10px; } .customer .file_tree .dep1:last-child > a:before, .customer .file_tree .dep2:last-child > a:before, .customer .file_tree .dep3:last-child > a:before { top: auto; bottom: 10px; } .customer .file_tree .dep1:first-child > a:before, .customer .file_tree .dep2:first-child > a:before, .customer .file_tree .dep3:first-child > a:before { top: 10px; } .customer .file_tree .dep1:last-child > a:before, .customer .file_tree .dep2:last-child > a:before { height: 10px; top: 0px; } .customer .file_tree .dep3:last-child > a:before { top: auto; bottom: 16px; } .customer .file_tree .dep1_area, .customer .file_tree .dep2_area, .customer .file_tree .dep3_area { display: none; position: relative; margin-left: 20px; } .customer .file_tree .dep3_area .end { margin-left: 10px; } .customer .file_tree .dep3_area .end .ico_sign { display: none; } .customer .file_tree .dep3_area .end:before { width: 10px; height: 1px; top: 50%; left: -10px; } .customer .google_bnr, .customer .google_bnr_tp2, .customer .google_bnr_tp2 { margin-top: 140px; } @media (max-width: 1279px) { .customer .t_block { display: block; } .customer .google_bnr, .customer .google_bnr_tp2, .customer .google_bnr_tp2 { margin-top: 80px; } } @media (max-width: 767px) { .customer .m_block { display: block; } .customer .google_bnr, .customer .google_bnr_tp2, .customer .google_bnr_tp2 { margin-top: 50px; } } .event h2 { margin-bottom: 62px; } .event .container strong, .event .container span { display: block; } .event .bx_cont, .event .bx_qna { margin-bottom: 80px; padding: 0 0px 20px; background: #ffffff; border-top: none; border-bottom: none; font-size: 0; } .event .bx_cont:after, .event .bx_qna:after { display: block; clear: both; content: ""; } .event .bx_cont a, .event .bx_qna a { display: block; width: 100%; height: 100%; } .event .unit { width: 397px; display: inline-block; margin-left: 24px; text-align: left; } .event .unit:first-child { margin-left: 0px; } .event .unit .bx_txt { margin: 24px 0px 0px; font-size: 18px; } .event .unit img { width: 100%; } .event .unit strong, .event .unit span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .event .unit span { font-size: 15px; } .event .unit span.txt_bg { margin-top: 13px; } .event span.txt_bg { display: inline-block; background: #343434; width: 90px; padding: 10px 0 11px; font-size: 13px; border-radius: 0px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .event span.txt_bg.gray { background: #cccccc; } @media (max-width: 1279px) { .event h2 { margin-bottom: 39px; } .event .bx_cont, .event .bx_qna { text-align: center; margin-bottom: 70px; } .event .unit { width: 32%; margin-left: 2%; font-size: 18px; } .event .unit strong, .event .unit span { overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 50px; } .event .unit span { font-size: 16px; margin-top: 14px; } .event span.txt_bg { height: auto; display: inline-block; font-size: 14px; } } @media (max-width: 767px) { .event h2 { margin-bottom: 30px; } .event .bx_cont, .event .bx_qna { margin-bottom: 40px; padding: 0; } .event .unit { width: 100%; max-width: 340px; margin: 0 auto; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; } .event .unit:first-child { margin: 0 auto; } .event .unit strong, .event .unit span { height: auto; margin: 0 auto; -webkit-line-clamp: unset; } .event .unit span { margin-top: 4px; font-size: 13px; } .event .unit .bx_txt { margin: 14px 0px 40px; } .event span.txt_bg { margin-top: 11px; font-size: 11px; } } .event .tbl { font-size: 15px; } .event .tbl strong { font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .event .tbl span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .event .tbl td { padding: 20px 0px 20px 30px; line-height: 1.6; } .event .tbl td a { position: relative; display: block; width: 100%; height: 100%; } .event .tbl td .left { padding-right: 126px; -webkit-box-sizing: border-box; box-sizing: border-box; } .event .tbl .t_img { width: 170px; } .event .tbl .t_img img { width: 100%; } .event .tbl .right { display: block; width: 126px; text-align: center; position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1279px) { .event .tbl { font-size: 16px; } .event .tbl td { padding: 20px 0px 20px 20px; } .event .tbl td .left { padding-right: 110px; } .event .tbl .t_img { width: 160px; } .event .tbl .right { width: 110px; } } @media (max-width: 767px) { .event .tbl strong { font-size: 13px; } .event .tbl td { padding: 25px 0px 25px 3.6%; } .event .tbl td .left { padding-right: 3.6%; } .event .tbl td .left span { display: none; } .event .tbl td .right { position: relative; width: 100%; margin-top: 11px; text-align: left; top: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .event .tbl .t_img { width: 115px; } .event .tbl .txt_bg { padding: 6px 9px; } } .privacy h3 { margin: 0px 0px 14px; font-size: 18px; font-weight: 600; } .privacy h4 { margin: 0px 0px 14px; font-size: 15px; } .privacy h4 + p { margin-bottom: 30px; } .privacy h4 + .lst { margin-bottom: 34px; } .privacy .slct { margin: 15px 0px 0px; } .privacy .bx_cont, .privacy .bx_qna { font-size: 15px; padding: 25px 25px 0px; } .privacy .cont { margin: 50px 16px; } @media (max-width: 767px) { .privacy .slct { width: 100% !important; } .privacy .cont { margin: 35px 0px; } } .privacy .step { margin-bottom: 44px; } .privacy .step a { text-decoration: underline; } .privacy .step p + .lst { margin-top: 5px; } .privacy .step p + p, .privacy .step p + .bx { margin-top: 30px; } .privacy .step dl dt, .privacy .step dl dd { width: auto; float: none; padding: 0; } .privacy .step dl dt { margin-top: 5px; } .privacy .step dl dd { margin-bottom: 20px; } .privacy .step dl .lst_sm { margin: 0px; } .privacy .step .lsty_num { padding-left: 17px; } .privacy .step .lsty_num > em { margin-left: -17px; } .privacy .step .lsty_sign { padding-left: 6px; } .privacy .step .lsty_sign > em { margin-left: -6px; } .privacy .step .lsty_non > .lst_sm, .privacy .step .lsty_non > dl, .privacy .step .lsty_non .lst { padding-left: 17px; } .privacy .step .lst > li:last-child .lst_sm:last-child, .privacy .step .lst > li:last-child dd:last-child { margin-bottom: 0px; } .privacy .step .lst_sm { margin: 5px 0px 20px; font-size: 13px; color: #666666; } .privacy .step .lst_sm .lsty_num { padding-left: 12px; } .privacy .step .lst_sm .lsty_num > em { margin-left: -12px; } .privacy .step p + .tbl { margin-bottom: 30px; } .privacy .step .tbl { margin: 10px 0px 0px; text-align: center; } .privacy .step .bx { margin-bottom: 30px; } .privacy .step .bx h4 { margin: 0; } .privacy .step .bx span { display: block; } @media (max-width: 767px) { .privacy h3 { margin-bottom: 10px; font-size: 14px; } .privacy .slct { width: 100% !important; margin-top: 0; } .privacy .bx_cont, .privacy .bx_qna { padding: 15px 15px 0px; font-size: 13px; } .privacy .cont { margin: 35px 5px; } .privacy .step { margin-bottom: 30px; } .privacy .step dl dd { margin-bottom: 10px; } .privacy .step .lst_sm { margin: 5px 0px 10px; } } .download .tab { margin: 0px 0px 68px; font-size: 20px; } .download .tab a { display: inline-block; margin-right: 50px; } .download .tab a:last-child { margin-right: 0px; } .download .tab a .tab_tt { font-weight: 100; } .download .tab a .on + .tab_tt { font-weight: 600; } .download .tab em { vertical-align: middle; margin: -4px 10px 0px 0px; } .download .tab .ico_all { position: relative; display: inline-block; margin: 6px 0; margin: -4px 10px 0px 0px; } .download .tab .ico_all, .download .tab .ico_all:before, .download .tab .ico_all:after { width: 19px; height: 3px; background-color: #b0b0b0; } .download .tab .ico_all:before, .download .tab .ico_all:after { content: ''; position: absolute; left: 0; } .download .tab .ico_all:before { top: -6px; } .download .tab .ico_all:after { top: 6px; } .download .tab .ico_all.on { background: #f87910; } .download .tab .ico_all.on:before, .download .tab .ico_all.on:after { background: #f87910; } .download .tab .ico_win { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_win.svg?v=2022207071") no-repeat 0 0; content: ""; width: 17px; height: 17px; display: inline-block; position: relative; background-size: 100%; } .download .tab .ico_win.on { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_win_on.svg?v=2022207071") no-repeat 0 0; } .download .tab .ico_pc { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_down_pc.svg?v=2022207071") no-repeat 0 0; content: ""; width: 19px; height: 19px; display: inline-block; position: relative; background-size: 100%; } .download .tab .ico_pc.on { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_down_pc_on.svg?v=2022207071") no-repeat 0 0; } .download .tab .ico_play { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_googleplay.svg?v=2022207071") no-repeat 0 0; background-size: 100%; content: ""; width: 19px; height: 21px; display: inline-block; position: relative; } .download .tab .ico_play.on { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_googleplay_on.svg?v=2022207071") no-repeat 0 0; } .download .tab .ico_app { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_iApp.svg?v=2022207071") no-repeat 0 0; content: ""; width: 18px; height: 22px; display: inline-block; position: relative; } .download .tab .ico_app.on { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_iApp_on.svg?v=2022207071") no-repeat 0 0; } .download article { width: 1100px; margin-left: -10px; } .download article:after { display: block; clear: both; content: ""; } .download .bx_unit { margin: 0px 10px 20px; display: inline-block; vertical-align: top; overflow: visible; float: left; } .download .bx_unit .ico_pro { max-height: 60px; } .download .bx_unit .desc { height: 120px; padding: 19px 0px 0px; overflow: visible; margin-top: 0; } .download .bx_unit .desc > span { font-size: 10px; color: #cccccc; } .download .bx_unit .icos { margin-top: 25px; } .download .bx_unit .icos .btn_win, .download .bx_unit .icos .btn_play, .download .bx_unit .icos .btn_app, .download .bx_unit .icos .btn_appstore, .download .bx_unit .icos .btn_pc { margin: 0px 10px; text-indent: -2000em; font-size: 1px; overflow: hidden; } .download .bx_unit .icos .w_grp { position: relative; display: inline-block; } .download .bx_unit .icos .btn_win { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_win_on.svg?v=2022207071") no-repeat 50% 50%; background-size: 19px 19px; content: ""; width: 21px; height: 21px; display: inline-block; position: relative; } .download .bx_unit .icos .btn_pc { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_down_pc_on.svg?v=2022207071") no-repeat 50% 50%; background-size: 19px 19px; content: ""; width: 21px; height: 21px; display: inline-block; position: relative; } .download .bx_unit .icos .btn_play { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_googleplay_on.svg?v=2022207071") no-repeat 50% 50%; background-size: 19px 19px; content: ""; width: 21px; height: 21px; display: inline-block; position: relative; } .download .bx_unit .icos .btn_app { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_iApp_on.svg?v=2022207071") no-repeat 50% 50%; background-size: 19px 19px; content: ""; width: 21px; height: 21px; display: inline-block; position: relative; } .download .bx_unit .icos .btn_appstore { background: url("//www.gomlab.com/gomlab_v2/ui/img/common/ico_appstore_on.svg?v=2022207071") no-repeat 50% 50%; background-size: 19px 19px; content: ""; width: 21px; height: 21px; display: inline-block; position: relative; } .download .bx_unit .icos .popup, .download .bx_unit .icos .pop_browser { position: absolute; width: 450px; padding: 40px; max-height: none; z-index: 3; top: 40px; left: 0px; -webkit-transform: none; -ms-transform: none; transform: none; font-size: 18px; color: #222222; } .download .bx_unit .icos .popup.rgt, .download .bx_unit .icos .rgt.pop_browser { left: auto; right: 0px; } .download .bx_unit .icos .popup .bx_dw, .download .bx_unit .icos .pop_browser .bx_dw { width: 160px; display: inline-block; margin-left: 24px; } .download .bx_unit .icos .popup .bx_dw:first-child, .download .bx_unit .icos .pop_browser .bx_dw:first-child { margin-left: 0px; } .download .bx_unit .icos .popup .bx_dw img, .download .bx_unit .icos .pop_browser .bx_dw img { width: 61px; } .download .bx_unit .icos .popup .bx_dw span, .download .bx_unit .icos .pop_browser .bx_dw span { margin: 14px auto 24px; } .download .bx_unit .icos .popup .link, .download .bx_unit .icos .pop_browser .link { display: block; clear: both; content: ""; text-align: left; display: block; border-top: 1px solid #222222; margin-top: 20px; padding-top: 14px; } .download .bx_unit .icos .popup .link span, .download .bx_unit .icos .pop_browser .link span { display: inline; margin-right: 5px; } @media (max-width: 1279px) { .download .tab { margin: 0px 0px 68px; } .download .tab a { font-size: 16px; } .download .bx_unit { display: block; float: left; width: 31.33%; min-height: 317px; margin: 0 1% 18px; padding-top: 30px; } .download .bx_unit .icos { margin-top: 23px; } .download .bx_unit .icos .w_grp, .download .bx_unit .icos .btn_play, .download .bx_unit .icos .btn_app { margin: 0 10px; } .download .bx_unit .icos .w_grp .btn_win, .download .bx_unit .icos .w_grp .btn_play, .download .bx_unit .icos .w_grp .btn_app { margin: 0; } .download .bx_unit .icos .popup, .download .bx_unit .icos .pop_browser, .download .bx_unit .icos .popup.rgt, .download .bx_unit .icos .rgt.pop_browser { width: 90% !important; max-height: 80%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 22px; padding: 40px; text-align: center; } .download .bx_unit .icos .popup .bx_dw, .download .bx_unit .icos .pop_browser .bx_dw, .download .bx_unit .icos .popup.rgt .bx_dw, .download .bx_unit .icos .rgt.pop_browser .bx_dw { width: 30%; margin: 0 1%; } .download .bx_unit .icos .popup .link, .download .bx_unit .icos .pop_browser .link { margin-top: 30px; padding-top: 20px; } .download .bx_unit .icos .popup .link span, .download .bx_unit .icos .pop_browser .link span { display: inline; } .download .bx_unit .icos .popup .bx_dw span, .download .bx_unit .icos .pop_browser .bx_dw span { margin: 20px auto 28px; } .download .bx_unit strong { font-size: 18px; } .download .bx_unit .ico_pro + strong { margin-bottom: 30px; } .download .bx_unit .desc { height: 154px; padding-top: 30px; } .download .bx_unit .desc > span { font-size: 13px; } .download article { width: auto; margin: 0 -1%; } } @media (max-width: 767px) { .download .tab { margin: 0 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .download .tab a { display: block; margin-right: 0; font-size: 13px; vertical-align: top; text-align: center; } .ie9 .download .tab a { display: inline-block; margin-right: 15px; } .download .tab .tab_tt { display: block; padding-top: 10px; } .download .tab .ico_all, .download .tab .ico_pc, .download .tab .ico_win, .download .tab .ico_play, .download .tab .ico_app { display: inline-block; text-align: center; margin: 0 auto; } .download .tab .ico_all:after, .download .tab .ico_pc:after, .download .tab .ico_win:after, .download .tab .ico_play:after, .download .tab .ico_app:after { display: block; clear: both; content: ""; } .download .tab .ico_all { margin-top: 0; } .download .bx_unit { width: 100%; float: none; margin: 0 auto 20px; padding-top: 40px; } .download .bx_unit .icos .w_grp, .download .bx_unit .icos .btn_play, .download .bx_unit .icos .btn_app, .download .bx_unit .icos .btn_appstore { width: 46px; height: 46px; background-color: #f8f8f8; border-radius: 50%; margin: 0 10px; vertical-align: top; } .download .bx_unit .icos .w_grp .btn_win, .download .bx_unit .icos .btn_pc { margin-top: 12px; } .download .bx_unit .icos .btn_play { background-position: 17px 50%; } .download .bx_unit .icos .btn_appstore { background-size: 17.5px 17.5px; } .download .bx_unit .icos .popup, .download .bx_unit .icos .pop_browser, .download .bx_unit .icos .popup.rgt, .download .bx_unit .icos .rgt.pop_browser { width: 87.5% !important; max-width: inherit; padding: 30px 20px; } .download .bx_unit .icos .popup .bx_dw, .download .bx_unit .icos .pop_browser .bx_dw, .download .bx_unit .icos .popup.rgt .bx_dw, .download .bx_unit .icos .rgt.pop_browser .bx_dw { display: block; width: auto; margin: 0; } .download .bx_unit .icos .popup .bx_dw span, .download .bx_unit .icos .pop_browser .bx_dw span, .download .bx_unit .icos .popup.rgt .bx_dw span, .download .bx_unit .icos .rgt.pop_browser .bx_dw span { margin: 0 auto; font-size: 14px; } .download .bx_unit .icos .popup .bx_dw .btn, .download .bx_unit .icos .pop_browser .bx_dw .btn, .download .bx_unit .icos .popup.rgt .bx_dw .btn, .download .bx_unit .icos .rgt.pop_browser .bx_dw .btn { margin: 20px auto 30px; } .download .bx_unit .icos .popup img, .download .bx_unit .icos .pop_browser img, .download .bx_unit .icos .popup.rgt img, .download .bx_unit .icos .rgt.pop_browser img { display: none; } .download .bx_unit .icos .popup .link, .download .bx_unit .icos .pop_browser .link, .download .bx_unit .icos .popup.rgt .link, .download .bx_unit .icos .rgt.pop_browser .link { margin-top: 0; } .download .bx_unit strong { margin-top: 15px; font-size: 18px; } .download .bx_unit .ico_pro + strong { margin-bottom: 40px; } .download .bx_unit .desc span { font-size: 13px; } .download article { margin: 0; } } .plan .container { min-height: 900px; } .plan .container .tit_header { width: 100%; margin-bottom: 37px; } .plan .container .tit_header .txt_sub { text-align: center; width: 100%; margin: 20px 0 0 0; font-size: 20px; } @media (max-width: 1279px) { .plan .container { min-height: auto; } .plan .container .tit_header { margin-bottom: 30px; } .plan .container .tit_header .tit_c { font-size: 42px; line-height: 62px; text-align: left; } .plan .container .tit_header .txt_sub { text-align: left; margin: 15px 0 0 0; } } @media (max-width: 767px) { .plan .container .tit_header { margin-bottom: 10px; } .plan .container .tit_header .tit_c { font-size: 30px; line-height: 34px; } .plan .container .tit_header .txt_sub { margin: 30px 0 0 0; font-size: 18px; } } .plan .wrap_prod { overflow: hidden; } .plan .wrap_prod h2 { margin: 40px 0 50px; font-size: 34px; line-height: 50px; text-align: center; } .plan .wrap_prod .cell_prod { position: relative; float: left; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .plan .wrap_prod .cell_prod::before { display: block; content: ''; position: absolute; right: 0; top: 20px; width: 1px; height: 100px; background: #E5E5E5; } .plan .wrap_prod .cell_prod:last-child::before { display: none; } .plan .wrap_prod.cell3 .cell_prod { width: 33.3%; } .plan .wrap_prod.cell2 .cell_prod { width: 50%; } .plan .wrap_prod .symbol .txt { display: block; margin: 20px 0; font-weight: 600; font-size: 22px; line-height: 33px; } .plan .wrap_prod .disc { margin-bottom: 10px; } .plan .wrap_prod .disc p { font-size: 18px; line-height: 1; } .plan .wrap_prod .disc p + p { margin-top: 19px; } .plan .wrap_prod .point { color: #F87910; } @media (max-width: 1279px) { .plan .wrap_prod h2 { margin: 60px 0 30px; font-size: 32px; } .plan .wrap_prod .disc p { font-size: 16px; line-height: 18px; } .plan .wrap_prod .disc p + p { margin-top: 21px; } } @media (max-width: 767px) { .plan .wrap_prod h2 { margin: 50px 0 30px; font-size: 23px; line-height: 34px; } .plan .wrap_prod .cell_prod { float: none; } .plan .wrap_prod .cell_prod::before { display: none; } .plan .wrap_prod .cell_prod + .cell_prod { margin-top: 50px; } .plan .wrap_prod.cell3 .cell_prod { width: 100%; } .plan .wrap_prod.cell2 .cell_prod { width: 100%; } .plan .wrap_prod .disc p { font-size: 16px; line-height: 18px; } .plan .wrap_prod .disc p + p { margin-top: 21px; } } .mail .cnt_top h2 { margin: 0; } .sub_f.error { padding-top: 0; background: #ffe6bf; } .sub_f.error .container.tp2 { margin: 55px auto 85px; } .sub_f.error .img { display: block; width: 640px; margin: 0 auto; } .sub_f.error .bx_error { position: relative; width: 640px; margin: 0 auto; padding: 55px 56px 40px; background: #fff; border-radius: 5px; border-bottom: 5px solid #ececec; -webkit-box-shadow: 2px 5px 20px #ead3af; box-shadow: 2px 5px 20px #ead3af; } .sub_f.error .bx_error h1 { margin-bottom: 35px; font-size: 30px; font-weight: 600; } .sub_f.error .bx_error p { font-size: 15px; line-height: 26px; } .sub_f.error .bx_error p strong { margin-top: 15px; font-size: 15px; } .sub_f.error .bx_error p.accent { color: #f52222; } .sub_f.error .bx_error strong { display: block; margin-top: 60px; font-size: 18px; } .sub_f.error .bx_error .logo { display: block; position: absolute; right: 58px; bottom: 45px; width: 132px; height: 13px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/logo_gomcorp2.png?v=2022207071") no-repeat 0 0; text-indent: -2000em; font-size: 1px; overflow: hidden; } @media (max-width: 1279px) { .sub_f.error .container { padding-top: 0; } .sub_f.error .container.tp2 { margin: 35px auto 60px; } } @media (max-width: 767px) { .sub_f.error .container.tp2 { margin: 20px auto 30px; } .sub_f.error .img { width: 100%; } .sub_f.error .bx_error { padding: 30px; width: auto; } .sub_f.error .bx_error h1 { font-size: 20px; } .sub_f.error .bx_error p { font-size: 13px; } .sub_f.error .bx_error p strong { font-size: 13px; } .sub_f.error .bx_error strong { margin-top: 30px; font-size: 12px; } .sub_f.error .bx_error .logo { position: static; margin-top: 20px; } } .ie8 .com_msg .bx_ico { text-align: center; } .ie8 .com_msg .bx_ico .ico { margin-right: 0; padding-right: 0; } .ie8 .com_msg br { display: none; } .ie8 .tip_info { display: none; } .ie8 .install.sub_f .bx_complet h1 { margin-top: -50px; } .ie8 .install.sub_f .bx_complet h1:before { top: 0; } .ie8 .install.sub_f .special .bx_unit .top img { top: 30px; } .ie8 .install.sub_f .special .bx_unit .desc br { display: none; } .ie8 .customer .licen .bx_cont, .ie8 .customer .licen .bx_qna { display: table; width: 100%; } .ie8 .customer .licen .cont { display: table-cell; position: static; vertical-align: middle; } .mix_w { position: relative; clear: both; width: 100%; padding: 90px 0 100px; } .mix_w .area_1080 { max-width: 1080px; margin: 0 auto; } .mix_w div[class^='area_'] { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1279px) { .mix_w { padding: 60px 0 80px; } .mix_w div[class*='area_'] { padding-left: 3.9%; padding-right: 3.9%; } } @media (max-width: 767px) { .mix_w { padding: 44px 0 50px; } .mix_w div[class*='area_'] { padding-left: 6.25%; padding-right: 6.25%; } } .bridge_txt { position: relative; padding: 100px 0 80px; text-align: center; border-bottom: 1px solid #ebebeb; } .bridge_txt h1 { margin-bottom: 47px; } .bridge_txt h1 br { display: none; } .bridge_txt p { margin-bottom: 60px; } .bridge_txt .big.full { max-width: 400px; } .bridge_txt + .bx_step_wrap { margin-top: 80px; } @media (max-width: 1279px) { .bridge_txt { padding: 70px 0 60px; } .bridge_txt h1 { margin-bottom: 50px; } .bridge_txt h1 br { display: block; } .bridge_txt p { margin-bottom: 50px; } .bridge_txt + .bx_step_wrap { margin-top: 60px; } } @media (max-width: 767px) { .bridge_txt { padding: 50px 0 40px; } .bridge_txt h1 { margin-bottom: 35px; } .bridge_txt h1 br { display: block; } .bridge_txt p { margin-bottom: 30px; } .bridge_txt + .bx_step_wrap { margin-top: 40px; } } @media (max-width: 1279px) { .blog .container .stit { padding-bottom: 10px; } } @media (max-width: 767px) { .blog .container .stit { padding-bottom: 0; } } .blog .container .rd_tab a[href='?search_cid=47'] { background: #ffd4ae; } .blog .container .rd_tab a[href='?search_cid=47'].on, .blog .container .rd_tab a[href='?search_cid=47']:hover { background: #ff7747; } .blog .cont { overflow: hidden; } .blog .bx_sort::after { display: block; clear: both; content: ""; } .blog .sort { position: absolute; right: 0; top: 0; padding-right: 40px; } .blog .sort .sort_trg { margin-right: -40px; } @media (max-width: 767px) { .blog .sort { position: relative; padding-right: 0; } .blog .sort .sort_trg { margin-right: 0; } } .blog .view h1 { font-size: 46px; line-height: 62px; } .blog .view .date { margin-top: 10px; font-size: 14px; color: #999; } .blog .view .bx_sns { margin-top: 20px; text-align: right; font-size: 0; line-height: 0; } .blog .view .cont { padding-top: 30px; font-size: 18px; line-height: 1.6em; } .blog .view .cont p, .blog .view .cont ul, .blog .view .cont ol, .blog .view .cont h2, .blog .view .cont h3, .blog .view .cont h4, .blog .view .cont h5, .blog .view .cont h6, .blog .view .cont table, .blog .view .cont hr, .blog .view .cont div { max-width: 1080px; } .blog .view .cont p, .blog .view .cont span { font-size: 18px !important; line-height: 1.6em !important; } .blog .view .cont h2 { font-size: 30px; } .blog .view .cont img { width: auto !important; height: auto !important; max-width: 1080px; } .blog .view .cont a { color: blue; } .blog .view .cont a:hover { text-decoration: underline; } .blog .view .cont table { max-width: 100%; } .blog .view .cont .bx_hash { max-width: none; } .blog .view .bx_hash { margin-top: 70px; padding-top: 20px; border-top: 1px solid #222; } .blog .view .bx_hash a { color: #222; } @media (max-width: 1279px) { .blog .view.container { padding: 0; margin-top: 0; } .blog .view .location { padding: 0; } .blog .view h1 { margin: 20px 30px 0; font-size: 30px; line-height: 42px; } .blog .view .top { margin: 13px 30px 0; } .blog .view .bx_sns { margin-top: 30px; } .blog .view .cont { max-width: auto; padding-top: 20px; font-size: 16px; line-height: 26px; } .blog .view .cont p, .blog .view .cont ul, .blog .view .cont ol, .blog .view .cont h2, .blog .view .cont h3, .blog .view .cont h4, .blog .view .cont h5, .blog .view .cont h6, .blog .view .cont table, .blog .view .cont hr, .blog .view .cont div { margin: 0 30px; } .blog .view .cont p * { margin: 0; } .blog .view .cont div { width: auto !important; } .blog .view .cont table { width: auto !important; } .blog .view .cont img { max-width: 100%; } .blog .view .cont .bx_hash { margin-top: 30px; } .blog .view h2 { font-size: 26px; } .blog .view .bx_hash { margin: 60px 30px 0; } } @media (max-width: 767px) { .blog .view h1 { margin: 32px 24px 0; font-size: 26px; line-height: 34px; } .blog .view .top { margin: 8px 24px 0; } .blog .view .date { margin-top: 0; font-size: 13px; } .blog .view .cont p, .blog .view .cont ul, .blog .view .cont ol, .blog .view .cont h2, .blog .view .cont h3, .blog .view .cont h4, .blog .view .cont h5, .blog .view .cont h6, .blog .view .cont table, .blog .view .cont hr, .blog .view .cont div { margin: 0 24px; } .blog .view .cont p * { margin: 0; } .blog .view .bx_hash { margin: 30px 24px 0; } } .buy_area { background-color: #F1F1F1; } .buy_area .cont { display: block; clear: both; content: ""; width: 100%; max-width: 1080px; height: 84px; margin: 0 auto; padding: 20px 0 19px; -webkit-box-sizing: border-box; box-sizing: border-box; } .buy_area .stit { font-weight: bold; } .buy_area .r_area { float: right; } .buy_area .btn_area { display: inline-block; margin-left: 8px; } .buy_area .btn_area .btn { display: inline-block; min-width: 120px; padding: 10px 15px 9px; font-size: 17px; line-height: 25px; vertical-align: top; margin: 0; } .buy_area .btn_area .btn + .btn { margin-left: 7px; } .buy_area .btn_area .btn.black { background-color: #343434; } .buy_area .slct_area { display: inline-block; max-width: 484px; height: 44px; z-index: 2; position: relative; border: 1px solid #C8C8C8; background-color: #ffffff; border-radius: 25px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } .buy_area .slct_area .slct_trg2 { display: block; position: relative; padding: 0 44px 0 20px; margin: 0; font-size: 16px; line-height: 43px; font-weight: 600; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .buy_area .slct_area .slct_trg2::after { display: inline-block; content: ''; position: absolute; right: 20px; top: 10px; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/arr_down.svg?v=2022207071") no-repeat 0 0; width: 24px; height: 24px; } .buy_area .slct_area .slct_trg2 .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .buy_area .slct_area .slct_box2 { display: none; overflow: hidden; position: absolute; left: -1px; top: 43px; width: 100%; padding: 10px 0; background: #fff; border: 1px solid #C8C8C8; border-width: 0 1px 1px 1px; border-radius: 0 0 20px 20px; } .buy_area .slct_area .slct_box2 a { display: block; padding: 10px 19px; text-align: left; font-weight: 100; font-size: 16px; line-height: 24px; } .buy_area .slct_area .slct_box2 a:hover { background: #F7F7F7; font-weight: 600; } .buy_area .slct_area .slct_box2 a.on { color: inherit; background: #F7F7F7; font-weight: 600; } .buy_area .slct_area .sale { display: inline; color: #F52222; margin-left: 8px; font-size: 14px; } .buy_area .slct_area.on { border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 44px; } .buy_area .slct_area.single .slct_trg2 { padding: 0 20px; cursor: default; } .buy_area .slct_area.single .slct_trg2::after { display: none; } .buy_area .slct_area.single.on .slct_box2 { display: none !important; } @media (max-width: 1279px) { .buy_area { padding: 0 24px; margin: 0 -30px; } .buy_area .cont { max-width: none; height: auto; padding: 5px 0px 20px; } .buy_area .stit { display: none; } .buy_area .r_area { float: none; } .buy_area .btn_area { margin-top: 15px; } .buy_area .slct_area { max-width: none; width: 61.3%; margin-top: 15px; } .buy_area .slct_area .sale { margin-left: 17px; } } @media (max-width: 767px) { .buy_area { padding: 0px 24px; margin: 0; } .buy_area .cont { padding: 9px 0px 24px; } .buy_area .btn_area { display: block; margin-left: 0; } .buy_area .btn_area.single .btn { min-width: auto; width: 100%; } .buy_area .btn_area .btn { min-width: auto; width: 48%; } .buy_area .btn_area .btn + .btn { margin-left: 2.9%; } .buy_area .slct_area { width: 100%; height: 40px; } .buy_area .slct_area .slct_trg2 { padding: 0 34px 0 20px; font-size: 15px; line-height: 40px; } .buy_area .slct_area .slct_trg2::after { right: 10px; top: 8px; } .buy_area .slct_area .slct_trg2 .text { display: inline; } .buy_area .slct_area .slct_box2 { top: 39px; } .buy_area .slct_area .slct_box2 a { font-size: 15px; } .buy_area .slct_area.single .slct_trg2 { padding: 0 15px; } .buy_area .slct_area.on { height: 40px; } .buy_area .slct_area .sale { margin-left: 4px; font-size: 12px; line-height: 40px; } } .pay_config { max-width: 1240px; margin: 0 auto; padding: 80px 0; text-align: center; } .pay_config > h2 { margin-bottom: 40px; } .pay_config .pay_box { width: 100%; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: center; -ms-flex-pack: center; } .pay_config .pay_box:hover .unit:nth-child(2)::before { border-left: unset; border-top: unset; } .pay_config .pay_box .unit { position: relative; box-sizing: border-box; width: 50%; padding: 38px; border-radius: 12px; background: #FFF; border: solid 1px rgba(229, 229, 229, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); transition: border-color .5s; } .pay_config .pay_box .unit:hover { border-color: #F87910; } .pay_config .pay_box .unit:nth-child(2)::before { position: absolute; display: block; content: ''; left: -4px; top: 10px; width: auto; height: 90%; border-left: dotted 6px #fff; } .pay_config .pay_box .unit .disc_tit { text-align: left; font-size: 24px; color: #000; font-weight: 600; } .pay_config .pay_box .unit .box_disc { text-align: right; font-weight: 600; position: relative; padding-right: 30px; } .pay_config .pay_box .unit .box_disc .disc_pers { font-size: 16px; text-align: center; width: 58px; border-radius: 50px; margin: 0 0 0 auto; background: #FEE500; } .pay_config .pay_box .unit .box_disc .disc_amount { font-size: 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: flex-end; -ms-flex-pack: end; } .pay_config .pay_box .unit .box_disc .disc_amount .sale { font-size: 18px; text-decoration: line-through; color: #F87910; opacity: .7; margin-right: 20px; } .pay_config .pay_box .unit .box_disc .disc_amount::after { content: ''; position: absolute; display: inline-block; width: 28px; height: 28px; background: url(//www.gomlab.com/gomlab_v2/ui/img/common/arr_right.svg) no-repeat; background-size: contain; right: 0; top: 40%; } .pay_config .pay_box .unit .box_disc .btm_txt { font-size: 14px; } .pay_config .pack_box { margin-top: 60px; } .pay_config .pack_box h3 { font-size: 24px; margin-bottom: 20px; font-weight: 300; } .pay_config .pack_box .pay_box { display: block; } .pay_config .pack_box .pay_box:hover .unit:nth-child(2)::before { border-top: unset; } .pay_config .pack_box .pay_box .unit { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: space-between; -ms-flex-pack: justify; width: 100%; padding: 35px 40px; } .pay_config .pack_box .pay_box .unit:nth-child(2) { margin-top: 2px; } .pay_config .pack_box .pay_box .unit:nth-child(2):before { border-top: dotted 6px #fff; border-left: 0; width: 98%; height: auto; top: -5px; left: 13px; } .pay_config .pack_box .pay_box .unit .pack_top { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap; width: 50%; } .pay_config .pack_box .pay_box .unit .pack_top .icon_list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pay_config .pack_box .pay_box .unit .pack_top .icon_list img { display: inline-block; width: 46px; height: 46px; border-radius: 15px; margin-right: 10px; } .pay_config .pack_box .pay_box .unit .pack_top .icon_list img:last-child { margin-right: 30px; } .pay_config .pack_box .pay_box .unit .pack_top .item_name { margin-top: 20px; width: 100%; text-align: left; } .pay_config .pack_box .pay_box .unit .pack_top .item_name span + span::before { content: '+ '; } .pay_config .pack_box > p { font-size: 14px; font-weight: 600; text-align: right; color: #222; margin-top: 20px; } @media (max-width: 1279px) { .pay_config { padding: 40px 30px 70px; } .pay_config > h2 { font-size: 30px; margin-bottom: 59px; } .pay_config .pay_box .unit { padding: 30px; } .pay_config .pay_box .unit:nth-child(2):before { border-left: dotted 4px #FFF; } .pay_config .pay_box .unit .disc_tit { font-size: 20px; margin-bottom: 20px; } .pay_config .pay_box .unit .box_disc .disc_pers { font-size: 14px; width: 50px; } .pay_config .pay_box .unit .box_disc .disc_amount { font-size: 20px; line-height: 1.4; } .pay_config .pay_box .unit .box_disc .disc_amount .sale { font-size: 14px; } .pay_config .pay_box .unit .box_disc .disc_amount::after { width: 24px; height: 24px; top: 35%; } .pay_config .pay_box .unit .box_disc .btm_txt { font-size: 12px; } .pay_config .pack_box { margin-top: 50px; } .pay_config .pack_box h3 { font-size: 24px; margin-bottom: 30px; } .pay_config .pack_box .pay_box .unit { display: block; padding: 30px; } .pay_config .pack_box .pay_box .unit:nth-child(2):before { border-top: dotted 4px #FFF; width: 96%; top: -4px; left: 15px; } .pay_config .pack_box .pay_box .unit .pack_top { width: 100%; } .pay_config .pack_box .pay_box .unit .pack_top .icon_list:last-child { margin-right: 25px; } .pay_config .pack_box .pay_box .unit .pack_top .item_name { font-size: 14px; margin-top: 10px; } .pay_config .pack_box .pay_box .unit .disc_tit { margin-bottom: 0; } } @media (max-width: 767px) { .pay_config { padding: 40px 24px; } .pay_config > h2 { font-size: 24px; margin-bottom: 20px; } .pay_config .pay_box { display: block; } .pay_config .pay_box .unit { display: inline-block; width: 100%; padding: 24px; } .pay_config .pay_box .unit .disc_tit { text-align: center; } .pay_config .pay_box .unit:nth-child(2) { margin-top: 2px; } .pay_config .pay_box .unit:nth-child(2):before { border-top: dotted 4px #FFF; border-left: 0; width: 95%; height: auto; top: -4px; left: 9px; } .pay_config .pack_box { margin-top: 40px; } .pay_config .pack_box h3 { font-size: 20px; margin-bottom: 20px; } .pay_config .pack_box .pay_box .unit { padding: 24px; } .pay_config .pack_box .pay_box .unit .pack_top { flex-direction: column; justify-content: center; -ms-flex-direction: column; -ms-flex-pack: center; } .pay_config .pack_box .pay_box .unit .pack_top .icon_list { order: 3; -ms-flex-order: 3; margin-bottom: 25px; } .pay_config .pack_box .pay_box .unit .pack_top .icon_list img { margin-right: 10px; } .pay_config .pack_box .pay_box .unit .pack_top .icon_list img:last-child { margin-right: 0; } .pay_config .pack_box .pay_box .unit .pack_top .disc_tit { margin-bottom: 10px; order: 1; -ms-flex-order: 1; } .pay_config .pack_box .pay_box .unit .pack_top .item_name { order: 2; -ms-flex-order: 2; margin-top: 0; margin-bottom: 20px; text-align: center; } .pay_config .pack_box > p { text-align: center; } } .sub_f.new_gomlab { height: 100vh; background: transparent; } .sub_f.new_gomlab .img { max-width: 100%; width: auto; } .sub_f.new_gomlab .img.mo_only { display: none; width: 100%; } .sub_f.new_gomlab .container { max-width: 1920px; height: 100%; margin: 0 auto; } .sub_f.new_gomlab .new-gomlab-soon { position: relative; top: 50%; max-width: 1920px; margin: 0 auto; transform: translateY(-50%); } @media (max-width: 1279px) { .sub_f.new_gomlab .img.pc_only { display: none; } .sub_f.new_gomlab .img.mo_only { display: block; } .sub_f.new_gomlab .container { padding: 0; } .sub_f.new_gomlab .new-gomlab-soon { top: 0; transform: translateY(0); } } .member { padding-top: 90px; } .member .skip_navi { top: -90px; } .member .container h1 { font-weight: 600; margin: 0px 0px 9px -200px; width: 800px; } .member .container h1.h_bottom { margin-bottom: 38px; } .member p.p_bottom { margin-bottom: 64px; } .member p.p_mid { margin-bottom: 54px; } .member .btn.full { margin-top: 30px; } .member .btn.full.none { margin-top: 20px; } .member .btn.full + .btn.full { margin-top: 20px; } .member .btn.full.top { margin-top: 55px; } .member .l_header { margin: 0px auto 65px; } .member .l_header .btn.full { margin-top: 64px; } .member .l_header p { font-size: 18px; line-height: 28px; } .member .l_header .txt_chk { margin-top: 20px; } .member .l_header.bottom { margin: 0px auto 57px; } .member .l_header.bx_top { margin: 70px auto 0; } .member .tbl_sns { margin-top: 60px; } .member .tbl_sns td { padding: 36px 0; text-align: center; } .member .tbl_sns td span { display: block; padding-bottom: 10px; font-weight: 600; } @media (max-width: 1279px) { .member { padding: 60px 0% 0px; } .member .container h1 { margin: 0px 0px 26px 0px; width: 100%; } .member .container h1.down { margin-bottom: 35px; } .member .container h1.h_bottom { margin-bottom: 44px; } .member .p_bottom { margin-bottom: 54px; } .member .l_header { margin: 0px auto 61px; } .member .l_header.bottom { margin: 0px auto 55px; } .member .l_header.bx_top { margin: 67px auto 0; } .member .tbl_sns td { font-size: 15px; } } @media (max-width: 767px) { .member .container h1 { margin: 0px 0px 8px 0; width: 100%; } .member .container h1.down { margin-bottom: 35px; } .member .container h1.h_bottom { margin-bottom: 25px; } .member p.p_bottom { margin-bottom: 26px; line-height: 1.6; } .member p.p_mid { margin-bottom: 31px; } .member .l_header { margin: 0px auto 30px; } .member .l_header p { font-size: 14px; line-height: 24px; } .member .l_header.bottom { margin: 0px auto 28px; } .member .l_header.bx_top { margin: 29px auto 0; } .member .btn.full { margin-top: 25px; } .member .btn.full.none { margin-top: 10px; } .member .btn.full + .btn.full { margin-top: 15px; } .member .btn.full.top { margin-top: 25px; } .member .tbl_sns { margin-top: 30px; } .member .tbl_sns td { font-size: 13px; padding: 26px 0; } .member .tbl_sns td span { padding-bottom: 2px; } } .member.join .ipt:disabled { border: 1px solid #dddddd; -webkit-box-shadow: none; box-shadow: none; background-color: #f3f3f3; color: #222222; } .member.join .ipt:disabled[value] { color: #c4c4c4; } .member.join .radio + .label { margin: 10px 40px 10px 0px; } .member.join .radio + .label.right { margin-right: 0; } @media (max-width: 1279px) { .member.join .radio + .label { margin-right: 33px; } } .member.join .tab { margin-top: 50px; } .member.join .txt_point { text-decoration: underline; } .member.join .bx_notice { line-height: 2.5; } .member.join .txt_alert { font-weight: 100; padding-left: 26px; } .member.join input:-webkit-autofill, .member.join input:-webkit-autofill:hover, .member.join input:-webkit-autofill:focus, .member.join input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px #fff8f3 inset !important; } @media (max-width: 1279px) { .member.join .container .squ.full { margin-top: 0; } .member.join .btn.squ.big { padding: 21px 24px; } .member.join .btn.r_squ.big { height: 60px; padding: 5px 24px; } } @media (max-width: 767px) { .member.join .tab { margin-top: 35px; } .member.join .bx_notice { padding: 11px 0px; font-size: 13px; } .member.join .bx_notice label { font-size: 13px; } .member.join .squ.full { font-size: 14px; } .member.join .btn.big { height: 55px; padding: 0px 24px; font-size: 14px; } .member.join .btn.r_squ.big { height: 55px; padding: 0px 24px; } } .member .line { display: block; text-align: center; text-decoration: underline; margin: 21px 0px 27px; } .member .line.big { font-weight: 600; font-size: 15px; } .member .line.pw { margin: 25px 0px 27px; } .member .line.up { margin-top: 30px; } .member .impt { display: block; width: 100%; text-align: center; margin: 30px 0px; } .member .right { margin-right: 0px; } .member .bx_notice { text-align: left; padding: 32px 0px; } .member .bx_notice label { font-size: 15px; } .member .slct { cursor: pointer; margin-top: 40px; } .member .slct.top { margin-top: 10px; } .member .slct.on { border: 1px solid #f87910; background: #fff url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_slct_on.png?v=2022207071") no-repeat 94.5% 50%; } .member .slct:disabled { cursor: default; background-color: #f3f3f3; color: #c4c4c4; } .member .slct:disabled[value] { color: #c4c4c4; } @media (max-width: 767px) { .member .ipt { padding: 0px 15px 0px 20px; font-size: 12px; height: 40px; border-radius: 6px; } .member .impt { margin: 20px 0px; } .member .line { margin: 13px auto 18px; } .member .line.big { font-size: 13px; } .member .line.pw { margin: 21px auto 23px; } .member .line.type2 { margin: 21px auto 8px; } .member .line.up { margin: 12px auto 3px; } .member .slct { margin-top: 20px; } .member .slct.on { background: #fff url("//www.gomlab.com/gomlab_v2/ui/img/common/bg_slct_on.png?v=2022207071") no-repeat 95.3% 50%; } } .member .tab { width: 100%; height: 50px; } .member .tab:after { display: block; clear: both; content: ""; } .member .tab .item { display: block; width: 50%; height: 100%; line-height: 50px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e5e5; border-bottom: 1px solid #222222; color: #999999; } .member .tab .item:first-child { border-right: none; } .member .tab .item.on { font-weight: 600; color: #222222; border: 1px solid #222222; border-color: #222222; border-bottom: none; border-top: 3px solid #222222; background-color: transparent; } .member .tab .item.off { background-color: #f3f3f3; } .member .txt { font-size: 15px; margin: 30px 6.25%; } .member .location { width: 100%; } .member .container { width: 100%; max-width: 400px; margin: 0px auto 100px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .member .container .chk_box { margin: 15px auto 6px; } .member .container .chk_box .item { display: inline-block; text-align: left; margin-right: 30px; } .member .container .chk_box .item:last-child { margin-right: 0px; } .member .container .find { margin: 40px 0px 10px; } .member .container .find.down { margin: 30px 0px 30px; } .member .container .find .item { word-break: keep-all; } .member .container .find .item:before { content: ""; width: 1px; height: 14px; display: inline-block; position: relative; background: #e5e5e5; margin: 0px 6.25%; vertical-align: middle; } .member .container .find .item:first-child:before { display: none; } .member .container .find .item.line { text-decoration: underline; } .member .container p.bx { margin-bottom: 26px; } @media (max-width: 767px) { .member .container p.bx { margin-bottom: 17px; } } .member .container .bx { margin-bottom: 60px; } .member .container .bx .btn { background: #f87910; font-size: 18px; padding: 19px 20px 21px; } @media (max-width: 767px) { .member .container .bx { margin-bottom: 35px; } } .member .container .bx_gray { margin-bottom: 60px; } .member .container .bx_gray .btn.full { margin-top: 0; } @media (max-width: 767px) { .member .container .bx_gray { margin-bottom: 35px; } } .member .container.b2b_sns_not .p_mid { margin-bottom: 0; } .member .container.b2b_sns_not .btns { margin-top: 50px; } .member .container.b2b_sns_not .btns .btn { margin: 0; } @media (max-width: 1279px) { .member .container { margin: 0px auto 80px; } .member .container .chk_box { position: relative; margin: 14px 0 8px; } .member .container .chk_box .item label { font-size: 15px; } .member .container .find { margin: 40px 0 20px; font-size: 16px; } .member .container .bx .btn { padding: 16px 20px; } .member .container.b2b_sns_not .btns { margin-top: 30px; } } @media (max-width: 767px) { .member .container { padding: 0px 20px; margin: 29px auto 50px; } .member .container .chk_box { margin: 17px 0 8px; } .member .container .chk_box .item label { font-size: 13px; } .member .container .find.down { font-size: 13px; margin: 25px auto; } .member .container .bx .btn { font-size: 15px; padding: 20px 25px; } } .member .container .bx_ipt { text-align: left; height: auto; } .member .container .bx_ipt + .bx_ipt { margin-top: 10px; } .member .container .sns { border-top: 1px solid #e5e5e5; font-size: 0; } .member .container .sns:after { display: block; clear: both; content: ""; } .member .container .sns p { margin: 44px 0px 35px; font-size: 18px; } @media (max-width: 767px) { .member .container .sns p { margin: 31px 0 21px; font-size: 14px; } } .member .container .sns .icos { display: inline-block; width: 50px; height: 50px; font-size: 12px; } .member .container .sns .icos + a { margin-left: 46px; } @media (max-width: 1279px) { .member .container .sns .icos + a { margin-left: 12%; } } @media (max-width: 767px) { .member .container .sns .icos + a { margin-left: 5%; } } .member .container .sns .btn { margin-top: 10px; display: block; height: 60px; padding: 0px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; } .member .container .sns .btn span { line-height: 60px; vertical-align: middle; } .member .container .sns .btn img { vertical-align: middle; margin-right: 10px; } .member .container .sns .btn img[src*='naver'], .member .container .sns .btn img[src*='facebook'], .member .container .sns .btn img[src*='wechat'] { width: 80px; } .member .container .sns .btn img[src*='google'] { width: 78px; } .member .container .sns .btn img[src*='line'], .member .container .sns .btn img[src*='qq'] { width: 50px; } .member .container .sns .btn img[src*='insta'] { width: 70px; margin-top: 2px; } .member .container .sns .btn img[src*='vk'] { width: 30px; } .member .container .sns .btn img[src*='youku'] { width: 90px; margin-top: 3px; } @media (max-width: 1279px) { .member .container .sns .btn { height: 50px; } .member .container .sns .btn span { line-height: 50px; } } @media (max-width: 767px) { .member .container .sns .btn { height: 55px; } .member .container .sns .btn span { line-height: 55px; } } .member .container .txt { font-size: 14px; } @media (max-width: 1279px) { .member .container .txt { margin: 30px 6.25%; } } @media (max-width: 767px) { .member .container .txt { margin: 20px 6.25% 35px; } } .member .container .txt_rst { margin: 93px 0px; font-size: 18px; } .member .container .txt_rst .txt_point { text-decoration: underline; } .member .container .txt_rst + .btn { margin-top: 0px; } @media (max-width: 1279px) { .member .container .txt_rst { margin: 53px 0px; font-size: 15px; } } .member .txt_alert a { color: #f87910; text-decoration: underline; } .member .bx_ico { margin-top: 40px; } .member .bx_ico + form { margin-top: 40px; } .member .bx_ico.notice_mail { display: block; padding: 25px; margin: 26px auto 0; text-align: center; } .member .bx_ico.notice_mail .ico { padding-right: 0; } .member .bx_ico .info { max-width: 205px; } .member .bx_ico .info.full { max-width: 350px; } .member .bx_ico .info.center { display: block; padding-left: 0; padding-top: 20px; border: 0; text-align: center; margin: 0 auto; } .member .bx_ico.center { display: block; padding: 25px; margin: 30px auto 0; text-align: center; } .member .bx_ico.center .ico { padding-right: 0; margin: 0 auto; } .member .bx_robot { margin: 25px auto; width: 304px; } @media (max-width: 1279px) { .member .tool_set { position: static; } .member .ico_tooltip + .tooltip { top: 100%; left: 50%; padding: 15px; width: 250px; margin-left: -125px; font-size: 12px; } .member .bx_ico { margin-top: 40px; line-height: 1.3; font-size: 14px; } } @media (max-width: 767px) { .member .bx_ico { margin-top: 20px; } .member .bx_ico .info { max-width: 100%; } .member .bx_ico .info.center { padding-top: 7px; } .member .bx_ico.notice_mail { margin: 16px auto 0; padding: 17px; } .member .bx_ico.center { margin: 20px auto 0; padding: 17px; } .member .bx_robot { margin: 16px auto 23px; } } .member.join_new { padding-top: 87px; } .member.join_new .container { max-width: 100%; margin: 0; } .member.join_new .container .mid01 { max-width: 1280px; margin: 0 auto; } .member.join_new .container .mid01 h1 { margin: 70px 0 0; width: auto; font-size: 42px; line-height: 64px; letter-spacing: -.84px; color: #222222; } .member.join_new .container .mid01 .sub_tit { margin: 61px 0 0; font-size: 28px; font-weight: 300; letter-spacing: -.56px; line-height: 40px; } .member.join_new .container .mid01 .coupon_wrap { position: relative; width: 100%; height: 293px; background: #F7EF4F; margin-top: 31px; margin-bottom: -30px; box-sizing: border-box; padding: 50px 100px 66px; display: flex; align-items: center; justify-content: space-between; } .member.join_new .container .mid01 .coupon_wrap .txt_box { text-align: left; } .member.join_new .container .mid01 .coupon_wrap .txt_box .pc { display: block; } .member.join_new .container .mid01 .coupon_wrap .txt_box .tablet, .member.join_new .container .mid01 .coupon_wrap .txt_box .mobile { display: none; } .member.join_new .container .mid01 .coupon_wrap .txt_box p { margin: 0; font-size: 18px; letter-spacing: -.36px; line-height: 24px; } .member.join_new .container .mid01 .coupon_wrap .coupon_box { position: absolute; top: 50%; right: 245px; transform: translateY(-50%); z-index: 2; } .member.join_new .container .mid01 .coupon_wrap .coupon_box .code { position: absolute; top: 50%; left: 50%; transform: translate(-80%, -65%); width: 160px; color: #3152E2; font-weight: bold; } .member.join_new .container .mid01 .coupon_wrap .coupon_box .code h2 { margin: 0; font-size: 60px; font-weight: bold; letter-spacing: -1.2px; line-height: 89px; color: #3152E2; } .member.join_new .container .mid01 .coupon_wrap .coupon_box .code p { background: #EBEBEB; border-radius: 50px; padding: 3px 23px 4px 22px; font-size: 18px; letter-spacing: -.36px; line-height: 34px; } .member.join_new .container .mid01 .coupon_wrap .coupon_box img.pc { display: block; } .member.join_new .container .mid01 .coupon_wrap .coupon_box img.m { display: none; } .member.join_new .container .mid01 .coupon_wrap .coupon_box img + p { text-align: left; padding-left: 10px; font-size: 13px; } .member.join_new .container .mid01 .coupon_wrap .icons img { position: absolute; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(1) { top: 87px; left: 563px; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(2) { bottom: 67px; right: 188px; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(3) { top: 33px; right: 137px; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(4) { bottom: 16px; right: 18px; } .member.join_new .container .mid02 { background: #3152E2; padding: 80px 0 93.5px; } .member.join_new .container .mid02 h2 { margin: 0; color: #FFF; display: flex; align-items: center; justify-content: center; } .member.join_new .container .mid02 h2::before { content: ''; display: inline-block; background: url(//www.gomlab.com/gomlab_v2/ui/img/member/join_new/ico_05.svg) no-repeat; width: 80px; height: 80px; margin-right: 20px; } .member.join_new .container .mid02 .package_wrap { position: relative; max-width: 1280px; margin: 0 auto; } .member.join_new .container .mid02 .package_wrap .pack_box { margin-top: 25px; display: flex; align-items: center; justify-content: center; } .member.join_new .container .mid02 .package_wrap .pack_box .left { margin-right: 40px; } .member.join_new .container .mid02 .package_wrap .pack_box .left, .member.join_new .container .mid02 .package_wrap .pack_box .right { width: 380px; box-sizing: border-box; } .member.join_new .container .mid02 .package_wrap .pack_box .left .top, .member.join_new .container .mid02 .package_wrap .pack_box .right .top { background: #fff; padding: 40px 47px 10px; } .member.join_new .container .mid02 .package_wrap .pack_box .left .top .product_ico, .member.join_new .container .mid02 .package_wrap .pack_box .right .top .product_ico { display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .member.join_new .container .mid02 .package_wrap .pack_box .left .top .product_ico img, .member.join_new .container .mid02 .package_wrap .pack_box .right .top .product_ico img { width: 36px; height: 36px; margin-right: 10px; border-radius: 10px; } .member.join_new .container .mid02 .package_wrap .pack_box .left .top .product_ico img:last-child, .member.join_new .container .mid02 .package_wrap .pack_box .right .top .product_ico img:last-child { margin-right: 0; } .member.join_new .container .mid02 .package_wrap .pack_box .left .top h3, .member.join_new .container .mid02 .package_wrap .pack_box .right .top h3 { font-size: 24px; line-height: 34px; letter-spacing: -.48px; color: #222222; margin-bottom: 25px; } .member.join_new .container .mid02 .package_wrap .pack_box .left .top p, .member.join_new .container .mid02 .package_wrap .pack_box .right .top p { font-size: 18px; color: #888888; letter-spacing: -.36px; line-height: 34px; margin-bottom: 10px; text-decoration: line-through; } .member.join_new .container .mid02 .package_wrap .pack_box .left .top .sale, .member.join_new .container .mid02 .package_wrap .pack_box .right .top .sale { font-size: 30px; font-weight: bold; line-height: 34px; letter-spacing: -.6px; color: #222222; text-align: left; display: flex; align-items: center; } .member.join_new .container .mid02 .package_wrap .pack_box .left .top .sale .disc, .member.join_new .container .mid02 .package_wrap .pack_box .right .top .sale .disc { font-size: 12px; color: #F52222; letter-spacing: -.24px; padding: 3px 10px; border: solid 1px #F52222; border-radius: 30px; width: auto; height: 24px; box-sizing: border-box; line-height: 16px; margin-right: 9px; } .member.join_new .container .mid02 .package_wrap .pack_box .left .top .sale .disc::before, .member.join_new .container .mid02 .package_wrap .pack_box .right .top .sale .disc::before { content: '↓'; display: inline-block; line-height: 12px; } .member.join_new .container .mid02 .package_wrap .pack_box .left .btm, .member.join_new .container .mid02 .package_wrap .pack_box .right .btm { width: 380px; height: 140px; background: url(//www.gomlab.com/gomlab_v2/ui/img/member/join_new/pack_bg_pc.png); } .member.join_new .container .mid02 .package_wrap .pack_box .left .btm .btn, .member.join_new .container .mid02 .package_wrap .pack_box .right .btm .btn { margin-top: 55px; min-width: 240px; height: 54px; line-height: 27px; font-size: 18px; letter-spacing: -.45px; } .member.join_new .container .mid02 .package_wrap .icons img { position: absolute; } .member.join_new .container .mid02 .package_wrap .icons img:nth-child(1) { top: 240px; right: 175px; } .member.join_new .container .mid02 .package_wrap .icons img:nth-child(2) { top: 150px; right: 90px; } .member.join_new .container .mid02 .package_wrap .icons img:nth-child(3) { bottom: -94px; left: -70px; } .member.join_new .container .mid03 { max-width: 1280px; margin: 0 auto; padding: 30px 0 120px; } .member.join_new .container .mid03 .notice { text-align: left; } .member.join_new .container .mid03 .notice ul li { font-size: 18px; letter-spacing: -.36px; line-height: 34px; } @media (max-width: 1279px) { .member.join_new { padding: 60px 0% 0px; } .member.join_new .container .mid01 { padding: 0 55px; } .member.join_new .container .mid01 .sub_tit { margin: 20px 0 0; font-size: 20px; line-height: 30px; letter-spacing: -.4px; } .member.join_new .container .mid01 .coupon_wrap { margin-top: 50px; padding: 40px 89px; height: 440px; display: block; } .member.join_new .container .mid01 .coupon_wrap .txt_box { text-align: center; } .member.join_new .container .mid01 .coupon_wrap .txt_box .tablet { display: block; margin: 0 auto; } .member.join_new .container .mid01 .coupon_wrap .txt_box .pc, .member.join_new .container .mid01 .coupon_wrap .txt_box .mobile { display: none; } .member.join_new .container .mid01 .coupon_wrap .txt_box p { font-size: 24px; letter-spacing: -.48px; } .member.join_new .container .mid01 .coupon_wrap .coupon_box { right: 50%; transform: translate(50%, -25%); } .member.join_new .container .mid01 .coupon_wrap .coupon_box img.pc { display: block; } .member.join_new .container .mid01 .coupon_wrap .coupon_box img.m { display: none; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(1) { top: 221px; left: 58px; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(2) { bottom: 65px; right: 115px; z-index: 3; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(3) { top: 171px; right: 36px; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(4) { bottom: 0; right: -50px; } .member.join_new .container .mid02 { padding: 76px 0 40px; } .member.join_new .container .mid02 h2 { font-size: 24px; } .member.join_new .container .mid02 .package_wrap .pack_box { margin: 0 26px; } .member.join_new .container .mid02 .package_wrap .pack_box .left { margin-right: 16px; } .member.join_new .container .mid02 .package_wrap .pack_box .left, .member.join_new .container .mid02 .package_wrap .pack_box .right { width: 350px; } .member.join_new .container .mid02 .package_wrap .pack_box .left .top, .member.join_new .container .mid02 .package_wrap .pack_box .right .top { padding: 40px 35px 0; } .member.join_new .container .mid02 .package_wrap .pack_box .left .btm, .member.join_new .container .mid02 .package_wrap .pack_box .right .btm { width: 350px; background: url(//www.gomlab.com/gomlab_v2/ui/img/member/join_new/pack_bg_m.svg); } .member.join_new .container .mid02 .package_wrap .icons { display: none; } .member.join_new .container .mid03 { padding: 30px 30px 60px; } .member.join_new .container .mid03 .notice ul li { font-size: 15px; line-height: 26px; } } @media (max-width: 767px) { .member.join_new { padding: 44px 0% 0px; } .member.join_new .container { padding: 0; } .member.join_new .container .mid01 { padding: 0 24px; } .member.join_new .container .mid01 h1 { margin: 30px 0 0; font-size: 30px; line-height: 34px; letter-spacing: -.6px; } .member.join_new .container .mid01 .sub_tit { font-size: 18px; margin: 10px 0 0; letter-spacing: -.36px; line-height: 24px; } .member.join_new .container .mid01 .coupon_wrap { margin-top: 20px; padding: 20px 18px 27px 19px; height: 400px; } .member.join_new .container .mid01 .coupon_wrap .txt_box .mobile { display: block; margin: 0 auto; } .member.join_new .container .mid01 .coupon_wrap .txt_box .pc, .member.join_new .container .mid01 .coupon_wrap .txt_box .tablet { display: none; } .member.join_new .container .mid01 .coupon_wrap .txt_box p { font-size: 18px; letter-spacing: -.36px; } .member.join_new .container .mid01 .coupon_wrap .coupon_box { transform: translateX(50%); } .member.join_new .container .mid01 .coupon_wrap .coupon_box img.pc { display: none; } .member.join_new .container .mid01 .coupon_wrap .coupon_box img.m { display: block; } .member.join_new .container .mid01 .coupon_wrap .coupon_box .code { width: 115px; transform: translate(-80%, -70%); } .member.join_new .container .mid01 .coupon_wrap .coupon_box .code h2 { font-size: 44px; letter-spacing: -.88px; line-height: 65px; } .member.join_new .container .mid01 .coupon_wrap .coupon_box .code p { padding: 3px 19px; font-size: 12px; letter-spacing: -.24px; line-height: 25px; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(1) { width: 52px; height: 52px; top: 95px; left: 17px; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(2) { bottom: 130px; right: -17px; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(3) { width: 60px; top: 135px; right: -15px; z-index: 3; } .member.join_new .container .mid01 .coupon_wrap .icons img:nth-child(4) { width: 90px; bottom: -20px; right: -25px; z-index: 3; } .member.join_new .container .mid02 { padding: 85px 0 44px; } .member.join_new .container .mid02 h2 { font-size: 18px; } .member.join_new .container .mid02 h2::before { display: none; } .member.join_new .container .mid02 .package_wrap .pack_box { margin: 30px 13px 0; flex-direction: column; } .member.join_new .container .mid02 .package_wrap .pack_box .left { margin-right: 0; margin-bottom: 14px; } .member.join_new .container .mid03 { padding: 20px 24px 60px; } .member.join_new .container .mid03 .notice ul li { font-size: 14px; line-height: 24px; letter-spacing: -.28px; } } .buy { position: relative; } .buy h2 { font-size: 46px; } .buy .step { position: absolute; right: 0; top: 0px; font-size: 15px; } .buy .step:after { display: block; clear: both; content: ""; } .buy .step p { float: left; position: relative; padding-right: 73px; text-align: center; color: #cecece; font-weight: 100; } .buy .step p span { display: block; width: 50px; height: 50px; margin: 0 auto 5px auto; font-family: 'Myriad Pro'; line-height: 53px; font-size: 23px; color: #cecece; background-color: #ffffff; border: 1px solid #e8e8e8; border-radius: 50%; } .buy .step p:after { top: 27px; right: 30px; content: ''; position: absolute; display: block; vertical-align: middle; width: 12px; height: 12px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-left: -4px; border-top: 1px solid #cecece; border-right: 1px solid #cecece; } .buy .step p:last-child { padding-right: 0; } .buy .step p:last-child:after { display: none; } .buy .step p.on { font-weight: 600; color: #222222; } .buy .step p.on span { color: #ffffff; background-color: #222222; border: 1px solid #222222; } .buy .step p.on:after { border-color: #222222; } @media (max-width: 1279px) { .buy .step { right: 4.68%; } .buy .step p { padding-right: 60px; } .buy .step p span { width: 42px; height: 42px; line-height: 46px; } .buy .step p:after { top: 23px; right: 20px; } } @media (max-width: 767px) { .buy .step { position: static; margin: -8px 0 43px; } .buy .step p { padding-right: 20px; line-height: 1; font-size: 12px; } .buy .step p span { width: 25px; height: 25px; line-height: 27px; font-size: 12px; text-indent: -1px; } .buy .step p:after { top: 15px; right: 5px; content: ''; position: absolute; display: block; vertical-align: middle; width: 5px; height: 5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-left: -2px; border-top: 1px solid #cecece; border-right: 1px solid #cecece; } } .buy .container h3 { font-size: 38px; line-height: 1.4; font-weight: 100; margin-bottom: 40px; } @media (max-width: 1279px) { .buy .container h3 { font-size: 32px; } } .buy .container .tbl { margin-top: 80px; } .buy .container .tbl + .link { text-align: right; display: block; margin-top: 20px; text-decoration: underline; } @media (max-width: 1279px) { .buy .container .tbl { margin-top: 70px; } } @media (max-width: 767px) { .buy .container .tbl { margin-top: 30px; } .buy .container .tbl + .link { text-align: center; } } .buy .container .info.gmxm_open { margin-top: 20px; } .buy .container .info .txt_info { letter-spacing: -0.32px; font-size: 16px; display: inline-block; position: relative; line-height: 30px; padding-left: 38px; } .buy .container .info .txt_info:before { content: ""; width: 30px; height: 30px; display: inline-block; background: url("//www.gomlab.com/gomlab_v2/ui/img/common/icon_bulb.gif?v=2022207071") no-repeat 0 0; background-size: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767px) { .buy .container h3 { margin-bottom: 20px; font-size: 23px; } .buy .container h3 + .tbl caption { font-size: 13px; } } .buy .container .step + .tbl, .buy .container h3 + .tbl { margin-top: 0px; } .buy .container .market_guide { margin-top: 40px; padding-bottom: 10px; } .buy .container .market_guide .cont { font-size: 0; line-height: 0; text-align: center; } .buy .container .market_guide .cont .box { position: relative; display: inline-block; width: 200px; padding: 0 70px; vertical-align: top; } .buy .container .market_guide .cont .box::after { content: ''; top: 101px; right: -10px; content: ''; position: absolute; display: block; vertical-align: middle; width: 10px; height: 10px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-left: -4px; border-top: 2px solid #222; border-right: 2px solid #222; } .buy .container .market_guide .cont .box:last-child::after { display: none; } .buy .container .market_guide .cont .box img { display: block; margin: 0 auto; max-width: 100%; } .buy .container .market_guide .cont .box p { margin-top: 20px; font-size: 18px; line-height: 1.5; font-weight: 600; } .buy .container .market_guide .bul_list { margin-top: 40px; } .buy .container .market_guide .bul_list .dash { color: #000; } @media (max-width: 1279px) { .buy .container .market_guide .cont .box { width: 26%; padding: 0 3.3%; } } @media (max-width: 767px) { .buy .container .market_guide .cont .box { display: block; width: auto; padding: 0; } .buy .container .market_guide .cont .box::after { content: ''; top: auto; right: auto; bottom: -40px; left: 50%; content: ''; position: absolute; display: block; vertical-align: middle; width: 10px; height: 10px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: -4px; border-top: none; border-left: none; border-right: 2px solid #222; border-bottom: 2px solid #222; } .buy .container .market_guide .cont .box + .box { padding-top: 60px; } .buy .container .market_guide .cont .box p { margin-top: 10px; } .buy .container .market_guide .bul_list { margin-top: 30px; } .buy .container .market_guide .bul_list .dash + .dash { margin-top: 10px; } } @media (max-width: 1279px) { .buy h2 { width: 60%; font-size: 42px; margin-bottom: 70px; } .buy h3, .buy .tbl_ticket caption { margin-bottom: 30px; padding-bottom: 0; } } @media (max-width: 767px) { .buy h2 { width: 50%; font-size: 23px; margin-bottom: 35px; } .buy h3, .buy .tbl_ticket caption { margin-bottom: 17px; padding-bottom: 0; } } .buy .total { padding: 10px 20px; overflow: hidden; background-color: #f87910; border-radius: 30px; color: #ffffff; } .buy .total span { display: inline-block; vertical-align: middle; float: left; font-size: 18px; line-height: 1.5; } .buy .total strong, .buy .total output { display: inline-block; font-weight: 600; float: right; vertical-align: middle; font-size: 22px; line-height: 1.2; } .buy .total .txt_vat { font-size: 12px; font-weight: 100; } @media (max-width: 767px) { .buy .total { padding: 5px 20px; } .buy .total span { font-size: 14px; line-height: 23px; } .buy .total strong, .buy .total output { font-size: 18px; line-height: 21px; } } .buy .tbl + .bx_ico { margin-top: 80px; } @media (max-width: 1279px) { .buy .tbl + .bx_ico { margin-top: 70px; } } @media (max-width: 767px) { .buy .tbl .slct { display: block; } } .buy .ie_noti { margin-top: 80px; border-bottom: 1px solid #f0f0f0; } .buy .ie_noti strong { display: block; margin-bottom: 4px; } .buy .ie_noti a { text-decoration: underline; } .buy .ie_noti td { padding: 20px 30px; border: none; } .buy .ie_noti td p + p { margin-top: 8px; } .buy .ie_noti tr:first-child td { padding-top: 40px; } .buy .ie_noti tr:last-child td { padding-bottom: 40px; } @media (max-width: 1279px) { .buy .ie_noti { margin-top: 70px; } .buy .ie_noti td { padding: 20px; } } @media (max-width: 767px) { .buy .ie_noti { margin-top: 30px; } .buy .ie_noti strong { margin-bottom: 10px; } .buy .ie_noti p { font-size: 12px; } .buy .ie_noti td { padding: 15px 3.57%; } .buy .ie_noti tr:first-child td { padding-top: 30px; } .buy .ie_noti tr:last-child td { padding-bottom: 30px; } } .buy .bx_event { overflow: hidden; position: relative; padding: 50px 60px; border: 1px solid #f0f0f0; border-radius: 10px; } .buy .bx_event .label { position: absolute; top: 0; left: 0; width: 120px; padding: 80px 0 7px 0; background-color: #f87910; text-align: center; font-size: 15px; font-weight: 600; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); color: #ffffff; } .buy .bx_event .txt { display: inline-block; width: 500px; vertical-align: middle; } .buy .bx_event .txt strong { display: block; font-size: 30px; } .buy .bx_event .txt p { margin: 20px 0px 40px; line-height: 1.5; font-size: 15px; color: #999999; } .buy .bx_event .info { display: inline-block; vertical-align: middle; margin-right: 60px; } .buy .bx_event .info img { vertical-align: middle; max-width: 390px; } @media (max-width: 1279px) { .buy .bx_event { padding: 50px 30px; text-align: center; } .buy .bx_event .txt { padding-top: 00px; margin-right: 0px; width: 100%; } .buy .bx_event .txt strong { font-size: 28px; } .buy .bx_event .txt p { font-size: 16px; } .buy .bx_event .info { width: 100%; } .buy .bx_event .info img { margin-right: 0; display: block; margin: 0px auto 30px; } .buy .bx_event .info .btn { margin-top: 20px; } } @media (max-width: 767px) { .buy .bx_event { padding: 44px 5px 30px; } .buy .bx_event .label { padding: 55px 0 0 0; line-height: 2; font-size: 12px; } .buy .bx_event .txt { float: none; width: auto; padding-top: 0; margin: 0; font-size: 13px; } .buy .bx_event .txt strong { line-height: 1.2; font-size: 18px; margin-top: 0; } .buy .bx_event .txt p { margin: 15px 0 20px; font-size: 12px; } .buy .bx_event .info { width: 100%; float: none; margin: 0; } .buy .bx_event .info img { display: block; width: 92%; max-width: 390px; margin: 0 auto 34px; } .buy .bx_event .info .btn { margin-top: 20px; } } .buy .bx_ico + .bx_ico { margin-top: 10px; } .buy .bx_ico + h3 { margin-top: 80px; } .buy .bx_ico + .mb_hidden h3 { margin-top: 80px; } @media (max-width: 1279px) { .buy .bx_ico + .mb_hidden h3 { margin-top: 70px; } } @media (max-width: 1279px) { .buy .bx_ico + h3 { margin-top: 70px; } } @media (max-width: 767px) { .buy .bx_ico + h3 { margin-top: 40px; } } .buy .bottom_bnr { margin: 30px 0 71px; } @media (max-width: 1279px) { .buy .bottom_bnr { margin-bottom: 51px; } } @media (max-width: 767px) { .buy .bottom_bnr { margin: 20px -6.25% 50px; } } .buy .bx_pay { border-top: 1px solid #222222; border-bottom: 1px solid #f0f0f0; overflow: hidden; padding: 50px 0; } @media (max-width: 767px) { .buy .bx_pay { padding: 25px 0; } } .buy .bx_pay .left { display: table-cell; vertical-align: middle; width: 545px; padding: 0 80px 0 20px; text-align: center; } .buy .bx_pay .left img { width: 100%; max-width: 400px; } @media (max-width: 1279px) { .buy .bx_pay .left { width: 417px; padding: 0 74px 0 20px; } } @media (max-width: 767px) { .buy .bx_pay .left { display: block; width: auto; padding: 0 5%; margin-bottom: 18px; } } .buy .bx_pay .right { display: table-cell; width: 345px; } .buy .bx_pay .right .tit { display: block; font-size: 26px; line-height: 1.4; } .buy .bx_pay .right .tit + .txt_pro { margin-top: 14px; } .buy .bx_pay .right .tit + p { margin-top: 40px; } .buy .bx_pay .right .total { padding: 11px 20px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1279px) { .buy .bx_pay .right { padding-right: 18px; } .buy .bx_pay .right .tit { font-size: 22px; } .buy .bx_pay .right .tit + .txt_pro { margin-top: 24px; } .buy .bx_pay .right .tit + p { margin-top: 20px; } } @media (max-width: 767px) { .buy .bx_pay .right { display: block; width: auto; padding: 0; text-align: center; } .buy .bx_pay .right .tit { width: 80%; margin: 0 auto; font-size: 23px; } .buy .bx_pay .right .tit + .txt_pro { margin: 20px auto 25px; } .buy .bx_pay .right p { margin: 0 auto; width: 60%; min-width: 220px; } .buy .bx_pay .right .total { width: 90%; padding: 13px 20px 13px; } } .buy .bx_pay .right .txt_pro { display: block; margin-bottom: 50px; font-size: 15px; line-height: 1.7; } @media (max-width: 1279px) { .buy .bx_pay .right .txt_pro { margin-bottom: 26px; } } .buy .bx_pay .right .pay { margin-bottom: 30px; text-align: right; line-height: 1; } .buy .bx_pay .right .pay span { float: left; color: #999999; } .buy .bx_pay .right .pay .tag { color: #999999; float: none; display: block; margin-top: 5px; } @media (max-width: 1279px) { .buy .bx_pay .right .pay { margin-bottom: 17px; font-size: 18px; line-height: 1.2; } } @media (max-width: 767px) { .buy .bx_pay .right .pay { margin-bottom: 13px; font-size: 15px; width: 90%; } .buy .bx_pay .right .pay + .pay { margin-bottom: 20px; } } .buy .bx_pay .bx_ipt { margin-bottom: 30px; } .buy .bx_pay .bx_ipt .ipt { width: 242px; height: 40px; margin-right: 9px; vertical-align: middle; } .buy .bx_pay .bx_ipt .btn { vertical-align: middle; width: 90px; padding: 10px 10px 12px; } .buy .bx_pay .bx_ipt .txt_alert.err { margin-bottom: 0; } @media (max-width: 1279px) { .buy .bx_pay .bx_ipt { margin-bottom: 20px; } .buy .bx_pay .bx_ipt .ipt { width: calc(100% - 102px); } } @media (max-width: 767px) { .buy .bx_pay .bx_ipt { height: auto; } .buy .bx_pay .bx_ipt .ipt { display: inline-block; width: calc(100% - 88px) !important; } .buy .bx_pay .bx_ipt .txt_alert { width: 93%; margin: 10px auto 0; } .buy .bx_pay .bx_ipt .btn { padding: 12px 5px 13px; width: 75px; } } .buy .bx_pay.upgrade { background-color: #fdfdfd; text-align: center; padding-left: 15px; padding-right: 15px; } .buy .bx_pay.upgrade p { line-height: 1.3; } .buy .bx_pay.upgrade h3 { margin-bottom: 25px; font-weight: 600; } .buy .bx_pay.upgrade .wrap_ipt { margin-top: 30px; display: inline-block; max-width: 380px; width: 100%; text-align: left; } .buy .bx_pay.upgrade .wrap_ipt .ipt { width: 100%; } .buy .bx_pay.upgrade .wrap_ipt .ipt + .ipt { margin-top: 10px; } .buy .bx_pay.upgrade + .bx_ico { margin-top: 30px; } .buy .bx_pay.upgrade + .bx_ico img { width: 43px; } .buy .bx_pay.complete { border: 0; padding-top: 160px; text-align: center; font-size: 32px; background: #f7f7f7 url("//www.gomlab.com/gomlab_v2/ui/img/common/bu_complete.svg?v=2022207071") no-repeat 50% 50px; background-size: 83px 80px; } .buy .bx_pay.complete .total { display: inline-block; padding: 5px 20px; margin-top: 20px; } .buy .bx_pay.complete .total span { line-height: 1.5; } .buy .bx_pay.complete .total strong, .buy .bx_pay.complete .total output { margin-left: 10px; font-size: 18px; line-height: 1.5; } .buy .bx_pay + h3, .buy .bx_pay + form h3 { margin-top: 80px; } @media (max-width: 1279px) { .buy .bx_pay.complete { padding: 130px 0 40px 0; margin-top: 90px; background-position: 50% 30px; background-size: 70px 70px; } .buy .bx_pay + h3 { margin-top: 60px; } } @media (max-width: 767px) { .buy .bx_pay.complete { margin-top: 0; padding: 85px 0 20px 0; background-position: 50% 20px; background-size: 50px 50px; font-size: 14px; } .buy .bx_pay.complete .total { margin-top: 5px; } .buy .bx_pay.complete .total strong, .buy .bx_pay.complete .total output { font-size: 14px; } .buy .bx_pay + h3 { margin-top: 32px; } .buy .bx_pay.upgrade p { font-size: 14px; } } .buy .bx_notice.i_pay { padding: 30px 0 60px; border-bottom: 1px solid #f0f0f0; } @media (max-width: 1279px) { .buy .bx_notice.i_pay { padding: 20px 0 50px; } } @media (max-width: 767px) { .buy .bx_notice.i_pay { padding: 20px 0; } } .buy .btn_fold { position: relative; cursor: pointer; } .buy .btn_fold h4 { display: none; } @media (max-width: 767px) { .buy .btn_fold { margin-top: 20px; border-bottom: 1px solid #f0f0f0; } .buy .btn_fold h4 { display: block; padding: 6px 0; line-height: 2; } .buy .btn_fold + .bx_notice { display: none; } .buy .btn_fold :after { top: 50%; right: 5px; content: ''; position: absolute; display: block; vertical-align: middle; width: 8px; height: 8px; -webkit-transform: translate(-50%, -50%) scale(1, 0.83333) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1, 0.83333) rotate(45deg); transform: translate(-50%, -50%) scale(1, 0.83333) rotate(45deg); margin-top: -2px; border-top: none; border-left: none; border-right: 4px solid #222222; border-bottom: 4px solid #222222; } .buy .btn_fold.on :after { content: ''; position: absolute; display: block; vertical-align: middle; width: 8px; height: 8px; -webkit-transform: translate(-50%, -50%) scale(1, 0.83333) rotate(45deg); -ms-transform: translate(-50%, -50%) scale(1, 0.83333) rotate(45deg); transform: translate(-50%, -50%) scale(1, 0.83333) rotate(45deg); margin-top: 2px; border-top: 4px solid #222222; border-left: 4px solid #222222; border-right: none; border-bottom: none; } .buy .btn_fold.on + .bx_notice { display: block; } } .buy .tooltip { width: 445px !important; } .buy .tooltip strong { display: block; margin-bottom: 20px; font-size: 15px; color: #222222; } .buy .tooltip li { margin-bottom: 20px; } .buy .tooltip table td { padding: 16px 40px 0 40px; line-height: 1.2; } .buy .tooltip table td:last-child { text-align: right; } .buy .tooltip table tr:last-child td { padding-bottom: 20px; } .buy .tooltip .btn_close { position: absolute; display: block; width: 27px; height: 27px; text-indent: -2000em; font-size: 1px; overflow: hidden; top: 10px; right: 10px; border: 1px solid #222222; background-color: #ffffff; cursor: pointer; } .buy .tooltip .btn_close:before, .buy .tooltip .btn_close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background-color: #222222; } .buy .tooltip .btn_close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .buy .tooltip .btn_close:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .buy .popup, .buy .pop_browser { line-height: 1.5; } .buy .popup li, .buy .pop_browser li { margin-bottom: 20px; } .buy .popup table, .buy .pop_browser table { width: 100%; border-top: 2px solid #222222; margin-bottom: 20px; text-align: center; } .buy .popup table th, .buy .pop_browser table th { padding: 8px 0; border-bottom: 1px solid #222222; } .buy .popup table td, .buy .pop_browser table td { border-bottom: 1px solid #f0f0f0; padding: 8px 0; line-height: 1.2; color: #999; } @media (max-width: 767px) { .buy .popup, .buy .pop_browser { font-size: 14px; } } @media (max-width: 767px) { .buy .bx_ico .info { padding-left: 0; } } .buy .max_review { margin-top: 60px; padding: 25px 35px 30px 30px; text-align: left; } .buy .max_review .bx_review { display: inline-block; text-align: left; } .buy .max_review .tit { font-size: 15px; letter-spacing: -0.3px; margin-left: 30px; padding-top: 5px; } .buy .max_review .tit strong { font-size: 18px; display: inline-block; margin-bottom: 10px; } .buy .max_review .tit span { color: #F87910; } .buy .max_review .widget { max-width: 960px; margin: 20px auto 0; padding-top: 20px; border-top: 1px solid #DEDEDE; } @media (max-width: 767px) { .buy .max_review { margin-top: 50px; text-align: center; padding: 30px 15px; } .buy .max_review img { width: 100px; } .buy .max_review .bx_review { display: block; text-align: center; } .buy .max_review .bx_review { margin-top: 30px; } .buy .max_review .tit { width: 100%; padding-top: 0; margin: 0 auto; font-size: 13px; } .buy .max_review .tit strong { font-size: 15px; } .buy .max_review .widget { border-top: none; padding-top: 0; margin-top: 35px; } } .buy .pop_third_agree p { padding: 0; } .buy .pop_third_agree > .tit { font-size: 24px; line-height: 1.4; } .buy .pop_third_agree > .tit + .tbl_col { margin-top: 20px; } .buy .pop_third_agree .tbl_col { margin-top: 0; border-top: 1px solid #222222; } .buy .pop_third_agree .tbl_col tbody th, .buy .pop_third_agree .tbl_col tbody td { padding: 8px; border-bottom: 1px solid #f0f0f0; color: #222222; font-size: 13px; line-height: 1.5; } .buy .pop_third_agree .tbl_col tbody th { width: 28%; font-weight: 600; } .buy .pop_third_agree .tbl_col tbody td p + .bul_list { margin-top: 5px; } .buy .pop_third_agree .tbl_col tbody td .bul_list + p { margin-top: 15px; } .buy .pop_third_agree .tbl_col .bul_list .dash { margin-bottom: 0; font-size: inherit; line-height: inherit; } .buy .pop_third_agree .tbl_col + .txt_alert { margin-top: -10px; padding-left: 20px; } .buy .pop_third_agree .notice_area { margin-top: 20px; border-top: 1px solid #222; text-align: left; } .buy .pop_third_agree .notice_area > dl { padding-top: 8px; font-size: 13px; line-height: 1.5; } .buy .pop_third_agree .notice_area > dl dt { font-weight: 600; } .buy .pop_third_agree .notice_area > dl dd { padding-top: 8px; } .buy .pop_third_agree .notice_area > dl dd .dash { margin-bottom: 0; font-size: 13px; line-height: 1.5; } .buy .pop_third_agree .notice_area > dl dd .dash a { color: #f87910; text-decoration: underline; } .buy .pop_third_agree .notice_area > dl + dl { margin-top: 10px; } .buy .pop_third_agree .notice_area > dl:last-child { padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; } .buy .pop_third_agree .notice_area + .txt_alert { padding-left: 20px; } @media (max-width: 767px) { .buy .pop_third_agree .tbl_col tbody th, .buy .pop_third_agree .tbl_col tbody td { display: block; width: 100%; } .buy .pop_third_agree .tbl_col tbody th { border-bottom: 0; } } .ie8 .buy .bx_compare .bx, .ie8 .buy .bx_step .bx { width: 48%; } .ie8 .popup, .ie8 .pop_browser { top: 50%; left: 50%; } @media print { body { padding: 0 !important; } header { display: none; } footer { display: none; } h2 { display: none; } .location { display: none; } .container { margin: 0 !important; } .cnt_print { padding: 0; margin: 0 !important; background: none !important; } .cnt_print .estimate { background: none; -webkit-box-shadow: none; box-shadow: none; border: 0; } .cnt_print .estimate .lst_estimate { padding: 0; margin: 0px !important; border: 0; } .cnt_print .estimate .lst_estimate h3 { font-size: 50px; } .cnt_print .estimate .lst_estimate .date { top: 0; right: 0; } .cnt_print .btns { display: none; } .sub_f.print2 { min-width: inherit; line-height: 1.5; } .sub_f.print2 .cnt_print2 { padding: 0; background: none; color: #222; } .sub_f.print2 .cnt_print2 .btns { display: none; } .sub_f.print2 .cnt_print2 .half { padding-top: 62px; } .sub_f.print2 .cnt_print2 .estimate { width: 100%; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .sub_f.print2 .cnt_print2 .estimate h4 { font-size: 15px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate { padding: 20px 0 0; margin: 0px !important; border: 0; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate h3 { font-size: 50px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .date { top: 0; right: 0; margin-top: 25px; font-size: 12px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .lst, .sub_f.print2 .cnt_print2 .estimate .lst_estimate .lst2 { font-size: 12px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .lst2 { margin-top: 50px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .tbl_board th, .sub_f.print2 .cnt_print2 .estimate .lst_estimate .tbl_board td { font-size: 13px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .tbl_board th .unit { font-size: 10px; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate address { margin: 50px auto 0; } .sub_f.print2 .cnt_print2 .estimate .lst_estimate .noti { font-size: 12px; } } .txt_editer p { display: block; -webkit-margin-before: 1__qem; -webkit-margin-after: 1__qem; -webkit-margin-start: 0; -webkit-margin-end: 0; } .txt_editer center { display: block; text-align: center; } .txt_editer hr { display: block; -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; -webkit-margin-start: auto; -webkit-margin-end: auto; border-style: inset; border-width: 1px; } .txt_editer video { -o-object-fit: contain; object-fit: contain; } .txt_editer h1 { display: block; font-size: 2em; -webkit-margin-before: 0.67__qem; -webkit-margin-after: 0.67em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: 600; } .txt_editer :matches(article, aside, nav, section) h1 { font-size: 1.5em; -webkit-margin-before: 0.83__qem; -webkit-margin-after: 0.83em; } .txt_editer :matches(article, aside, nav, section) :matches(article, aside, nav, section) h1 { font-size: 1.17em; -webkit-margin-before: 1__qem; -webkit-margin-after: 1em; } .txt_editer :matches(article, aside, nav, section) :matches(article, aside, nav, section) :matches(article, aside, nav, section) h1 { font-size: 1.00em; -webkit-margin-before: 1.33__qem; -webkit-margin-after: 1.33em; } .txt_editer :matches(article, aside, nav, section) :matches(article, aside, nav, section) :matches(article, aside, nav, section) :matches(article, aside, nav, section) h1 { font-size: .83em; -webkit-margin-before: 1.67__qem; -webkit-margin-after: 1.67em; } .txt_editer :matches(article, aside, nav, section) :matches(article, aside, nav, section) :matches(article, aside, nav, section) :matches(article, aside, nav, section) :matches(article, aside, nav, section) h1 { font-size: .67em; -webkit-margin-before: 2.33__qem; -webkit-margin-after: 2.33em; } .txt_editer h2 { display: block; font-size: 1.5em; -webkit-margin-before: 0.83__qem; -webkit-margin-after: 0.83em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: 600; } .txt_editer h3 { display: block; font-size: 1.17em; -webkit-margin-before: 1__qem; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: 600; } .txt_editer h4 { display: block; -webkit-margin-before: 1.33__qem; -webkit-margin-after: 1.33em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: 600; } .txt_editer h5 { display: block; font-size: .83em; -webkit-margin-before: 1.67__qem; -webkit-margin-after: 1.67em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: 600; } .txt_editer h6 { display: block; font-size: .67em; -webkit-margin-before: 2.33__qem; -webkit-margin-after: 2.33em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: 600; } .txt_editer table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } .txt_editer thead { display: table-header-group; vertical-align: middle; border-color: inherit; } .txt_editer tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } .txt_editer tfoot { display: table-footer-group; vertical-align: middle; border-color: inherit; } .txt_editer table > tr { vertical-align: middle; } .txt_editer col { display: table-column; } .txt_editer colgroup { display: table-column-group; } .txt_editer tr { display: table-row; vertical-align: inherit; border-color: inherit; } .txt_editer td, .txt_editer th { display: table-cell; vertical-align: inherit; } .txt_editer th { font-weight: 600; } .txt_editer caption { display: table-caption; text-align: -webkit-center; } .txt_editer ul, .txt_editer menu, .txt_editer dir { display: block; list-style-type: disc; -webkit-margin-before: 1__qem; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 40px; padding-left: 40px; } .txt_editer ol { display: block; list-style-type: decimal; -webkit-margin-before: 1__qem; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 40px; padding-left: 40px; } .txt_editer li { display: list-item; text-align: -webkit-match-parent; } .txt_editer ul ul, .txt_editer ol ul { list-style-type: circle; } .txt_editer ol ol ul, .txt_editer ol ul ul, .txt_editer ul ol ul, .txt_editer ul ul ul { list-style-type: square; } .txt_editer dd { display: block; -webkit-margin-start: 40px; } .txt_editer dl { display: block; -webkit-margin-before: 1__qem; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; } .txt_editer dt { display: block; } .txt_editer ol ul, .txt_editer ul ol, .txt_editer ul ul, .txt_editer ol ol { -webkit-margin-before: 0; -webkit-margin-after: 0; } .txt_editer i, .txt_editer cite, .txt_editer em, .txt_editer var, .txt_editer address, .txt_editer dfn, .txt_editer blockquote { font-style: italic; } .txt_editer .cke_editable { font-size: 13px; line-height: 1.6; } .txt_editer blockquote { font-style: italic; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; display: block; padding-left: 20px; padding-right: 8px; border-left-width: 5px; } .txt_editer .cke_contents_rtl blockquote { padding-left: 8px; padding-right: 20px; border-right-width: 5px; } .txt_editer a { color: #0782C1; } .txt_editer ol, .txt_editer ul, .txt_editer dl { *margin-right: 0px; padding: 0 40px; } .txt_editer h1, .txt_editer h2, .txt_editer h3, .txt_editer h4, .txt_editer h5, .txt_editer h6 { font-weight: normal; line-height: 1.2; } .txt_editer hr { border: 0px; border-top: 1px solid #ccc; } .txt_editer img.right { border: 1px solid #ccc; float: right; margin-left: 15px; padding: 5px; } .txt_editer img.left { border: 1px solid #ccc; float: left; margin-right: 15px; padding: 5px; } .txt_editer pre { white-space: pre-wrap; word-wrap: break-word; -moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4; } .txt_editer .marker { background-color: Yellow; } .txt_editer span[lang] { font-style: italic; } .txt_editer figure { text-align: center; border: solid 1px #ccc; border-radius: 2px; background: rgba(0, 0, 0, 0.05); padding: 10px; margin: 10px 20px; display: inline-block; } .txt_editer figure > figcaption { text-align: center; display: block; } .txt_editer a > img { padding: 1px; margin: 1px; border: none; outline: 1px solid #0782C1; } @media (max-width: 1279px) { .txt_editer img { width: 100% !important; height: auto !important; } } @media (max-width: 767px) { .txt_editer ul, .txt_editer menu, .txt_editer dir, .txt_editer ol { -webkit-padding-start: 18px; padding-left: 18px; } .txt_editer blockquote { padding-left: 0px; margin-left: 0px; } } .ev_coupon .container { position: relative; margin: 0 auto; max-width: 100%; } .ev_coupon .container .wrap { -webkit-box-sizing: border-box; box-sizing: border-box; } .ev_coupon .container .wrap .bx_row { display: table; overflow: hidden; position: relative; width: 100%; max-width: 1080px; min-height: 300px; padding: 40px 100px 36px; margin: 30px auto 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #333; } .ev_coupon .container .wrap .bx_row:first-child { margin-top: 0; } @media (max-width: 1279px) { .ev_coupon .container .wrap .bx_row { max-width: 100%; min-height: 260px; padding: 34px 45px; margin-top: 20px; } } @media (max-width: 767px) { .ev_coupon .container .wrap .bx_row { padding: 30px 35px 23px; min-height: 0; margin-top: 25px; } } .ev_coupon .container .wrap .bx_row .cell { display: table-cell; } .ev_coupon .container .wrap .bx_row .cell.left { width: 400px; } .ev_coupon .container .wrap .bx_row .cell.right { width: 420px; height: 240px; padding-left: 60px; vertical-align: middle; text-align: center; } @media (max-width: 1279px) { .ev_coupon .container .wrap .bx_row .cell.left { width: auto; } .ev_coupon .container .wrap .bx_row .cell.right { width: 336px; height: 192px; padding-left: 42px; } } @media (max-width: 767px) { .ev_coupon .container .wrap .bx_row .cell { display: block; } .ev_coupon .container .wrap .bx_row .cell.left { padding-top: 164px; } .ev_coupon .container .wrap .bx_row .cell.right { position: absolute; left: 50%; top: 30px; width: 260px; height: 142px; padding-left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .ev_coupon .container .wrap .bx_row em { display: block; font-size: 40px; font-weight: 600; line-height: 50px; } .ev_coupon .container .wrap .bx_row h3 { min-height: 100px; margin-bottom: 30px; font-size: 40px; font-weight: 100; line-height: 50px; } .ev_coupon .container .wrap .bx_row .desc { display: block; } .ev_coupon .container .wrap .bx_row .desc .tit { margin-right: 5px; font-size: 16px; line-height: 26px; color: #888; font-weight: 100; } .ev_coupon .container .wrap .bx_row .desc span { font-size: 16px; line-height: 26px; font-weight: 600; } .ev_coupon .container .wrap .bx_row .inp { width: 320px; height: 70px; margin-top: 46px; background: #ffffff; line-height: 70px; font-size: 24px; font-weight: bold; text-align: center; border: none; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ev_coupon .container .wrap .bx_row .btn_copy { display: inline-block; margin: 17px auto 0; font-size: 18px; font-weight: 600; color: #ffffff; line-height: 38px; border-bottom: 1px solid #ffffff; } @media (max-width: 1279px) { .ev_coupon .container .wrap .bx_row em { font-size: 32px; line-height: 40px; } .ev_coupon .container .wrap .bx_row h3 { min-height: 80px; font-size: 32px; line-height: 40px; } .ev_coupon .container .wrap .bx_row .inp { width: 256px; height: 56px; font-size: 20px; line-height: 56px; } .ev_coupon .container .wrap .bx_row .btn_copy { margin-top: 14px; font-size: 15px; line-height: 30px; } .ev_coupon .container .wrap .bx_row .desc span, .ev_coupon .container .wrap .bx_row .desc .tit { font-size: 13px; line-height: 20px; } } @media (max-width: 767px) { .ev_coupon .container .wrap .bx_row em { text-align: center; font-size: 24px; line-height: 30px; } .ev_coupon .container .wrap .bx_row h3 { min-height: 0; margin-bottom: 15px; font-size: 24px; line-height: 30px; text-align: center; } .ev_coupon .container .wrap .bx_row .inp { width: 200px; height: 44px; margin-top: 50px; font-size: 16px; line-height: 44px; } .ev_coupon .container .wrap .bx_row .btn_copy { margin-top: 8px; font-size: 12px; line-height: 25px; } .ev_coupon .container .wrap .bx_row .desc { text-align: center; } .ev_coupon .container .wrap .bx_row .desc span { display: inline-block; } .ev_coupon .container .wrap .bx_row .desc span, .ev_coupon .container .wrap .bx_row .desc .tit { font-size: 11px; line-height: 18px; } } .ev_coupon .container .wrap .bx_row.end .txt_end { z-index: 3; position: absolute; left: 0; top: 50%; right: 0; bottom: 0; margin-top: -18px; text-align: center; font-size: 32px; font-weight: bold; color: #fff; } .ev_coupon .container .wrap .bx_row.end:before { z-index: 1; content: ""; width: 100%; height: 100%; display: inline-block; position: relative; position: absolute; left: 0; top: 0; height: 100%; background: rgba(0, 0, 0, 0.6); } @media (max-width: 1279px) { .ev_coupon .container .wrap .bx_row.end .txt_end { font-size: 26px; margin-top: -13px; } } @media (max-width: 767px) { .ev_coupon .container .wrap .bx_row.end .txt_end { font-size: 18px; margin-top: -9px; } } .ev_coupon .container .wrap .bx_row .gmp { background: url("//www.gomlab.com/gomlab_v2/ui/img/event/01_coupon/coupon_gmp.png?v=2022207071") no-repeat 100% 50%; } .ev_coupon .container .wrap .bx_row .gmx { background: url("//www.gomlab.com/gomlab_v2/ui/img/event/01_coupon/coupon_gmx.png?v=2022207071") no-repeat 100% 50%; } .ev_coupon .container .wrap .bx_row .gcm { background: url("//www.gomlab.com/gomlab_v2/ui/img/event/01_coupon/coupon_gcm.png?v=2022207071") no-repeat 100% 50%; } .ev_coupon .container .wrap .bx_row .gen { background: url("//www.gomlab.com/gomlab_v2/ui/img/event/01_coupon/coupon_gen.png?v=2022207071") no-repeat 100% 50%; } @media (max-width: 1279px) { .ev_coupon .container .wrap .bx_row .gmp, .ev_coupon .container .wrap .bx_row .gmx, .ev_coupon .container .wrap .bx_row .gcm, .ev_coupon .container .wrap .bx_row .gen { background-size: 336px 192px; } } @media (max-width: 767px) { .ev_coupon .container .wrap .bx_row .gmp, .ev_coupon .container .wrap .bx_row .gmx, .ev_coupon .container .wrap .bx_row .gcm, .ev_coupon .container .wrap .bx_row .gen { background-size: 260px 142px; } } @media (max-width: 1279px) { .ev_coupon .container { padding: 0; } .ev_coupon .container .wrap { max-width: 100%; padding: 0 3.9%; } } @media (max-width: 767px) { .ev_coupon .container .wrap { max-width: 100%; padding: 0 6.25%; } } .ev_coupon .ev_top { height: 600px; margin: 0 auto; } @media (max-width: 1279px) { .ev_coupon .ev_top { max-width: 100%; height: auto; } } .ev_coupon .ev_top .img_vs { display: block; width: 100%; margin: 0 auto; } .ev_coupon .ev_top .pc { display: inline-block; position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 600px; } .ev_coupon .ev_top .tb, .ev_coupon .ev_top .mb { display: none; position: static; width: 100%; height: auto; margin-left: 0; } @media (max-width: 1279px) { .ev_coupon .ev_top .tb { display: block; } .ev_coupon .ev_top .pc, .ev_coupon .ev_top .mb { display: none; } } @media (max-width: 767px) { .ev_coupon .ev_top .mb { display: block; } .ev_coupon .ev_top .pc, .ev_coupon .ev_top .tb { display: none; } } .ev_coupon .bx_notice { max-width: 1080px; margin: 0 auto; padding: 60px 0 80px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; } .ev_coupon .bx_notice h4 { display: table-cell; width: 116px; height: 105px; text-align: center; vertical-align: middle; font-weight: 600; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ev_coupon .bx_notice h4:before { content: ""; width: 8px; height: 28px; display: inline-block; position: relative; display: block; margin: 0 auto 15px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/01_coupon/ico_mark.png?v=2022207071") no-repeat 0 0; } .ev_coupon .bx_notice .txt { display: table-cell; vertical-align: middle; font-size: 16px; line-height: 1.6; } .ev_coupon .bx_notice .txt p { margin-left: 23px; padding-left: 60px; border-left: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 1279px) { .ev_coupon .bx_notice { max-width: 1080px; padding: 50px 0 70px; } .ev_coupon .bx_notice h4 { width: 125px; height: 85px; background-size: 6px 22px; background-position: 50% 15px; font-size: 15px; } .ev_coupon .bx_notice h4:before { background-size: 6px 22px; margin-bottom: 5px; } .ev_coupon .bx_notice .txt { font-size: 13px; } .ev_coupon .bx_notice .txt p { margin-left: 0; padding-left: 48px; } } @media (max-width: 767px) { .ev_coupon .bx_notice { max-width: 100%; padding: 40px 0 50px; } .ev_coupon .bx_notice h4 { display: block; width: auto; height: auto; margin-bottom: 10px; text-align: center; font-size: 12px; } .ev_coupon .bx_notice h4:before { width: 4px; height: 14px; background-size: 4px 14px; margin-bottom: 5px; } .ev_coupon .bx_notice .txt { display: block; } .ev_coupon .bx_notice .txt p { border: none; padding-left: 0; text-align: center; font-size: 11px; } } .ev_coupon .allend { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; } .ev_coupon .allend:before { z-index: 2; content: ""; width: 100%; height: 100%; display: inline-block; position: relative; background: rgba(0, 0, 0, 0.6); } .ev_coupon .allend h2 { z-index: 3; position: absolute; left: 50%; top: 130px; width: 760px; height: 430px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ev_coupon .allend h2:before { content: ""; width: 760px; height: 430px; display: inline-block; position: relative; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/01_coupon/bg_end.png?v=2022207071") no-repeat 50% 0; } .ev_coupon .allend h2 span { display: block; position: relative; top: -60%; line-height: 1.26em; text-align: center; font-size: 42px; } @media (max-width: 1279px) { .ev_coupon .allend h2 { width: 608px; height: 344px; } .ev_coupon .allend h2:before { width: 608px; height: 344px; background-size: 608px 344px; } .ev_coupon .allend h2 span { top: -65%; font-size: 36px; } } @media (max-width: 767px) { .ev_coupon .allend h2 { top: 75px; width: 324px; height: 192px; } .ev_coupon .allend h2:before { width: 324px; height: 192px; background-size: 324px 192px; } .ev_coupon .allend h2 span { font-size: 20px; } } .promo .bx_countdown { height: 90px; background: #FF9100; text-align: center; font-weight: 600; color: #fff; font-size: 0; } .promo .bx_countdown .lab, .promo .bx_countdown .unit { display: inline-block; padding: 28px 0; } .promo .bx_countdown .lab { margin-right: 20px; font-size: 20px; line-height: 23px; } .promo .bx_countdown .lab:before { display: inline-block; content: ''; width: 30px; height: 23px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/ico_time.png?v=2022207071") no-repeat 0 0; background-size: 100% 100%; vertical-align: -3px; margin-right: 2px; } .promo .bx_countdown .txts { display: inline-block; padding: 19px 0; font-size: 0; vertical-align: top; } .promo .bx_countdown .txts .txt_dt:first-child { margin-left: 0; } .promo .bx_countdown .txt_dt { display: inline-block; position: relative; width: 90px; height: 52px; margin-left: 34px; line-height: 50px; font-size: 20px; } .promo .bx_countdown .txt_dt::before { display: block; content: ''; position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.4; } .promo .bx_countdown .txt_dt::after { display: inline-block; content: ':'; position: absolute; right: -33px; top: 0; width: 33px; height: 100%; font-weight: bold; color: #fff; text-align: center; line-height: 48px; } .promo .bx_countdown .txt_dt:last-child::after { display: none; } .promo .bx_countdown .unit { margin-left: 20px; font-size: 20px; opacity: 0.6; } @media (max-width: 1279px) { .promo .bx_countdown { height: 70px; } .promo .bx_countdown .lab, .promo .bx_countdown .unit { padding: 24px 0 25px; } .promo .bx_countdown .lab { font-size: 14px; line-height: 16px; } .promo .bx_countdown .lab::before { right: -23px; width: 23px; height: 18px; } .promo .bx_countdown .txts { padding: 18px 0; } .promo .bx_countdown .txt_dt { width: 56px; height: 34px; margin-left: 23px; font-size: 12px; line-height: 34px; } .promo .bx_countdown .txt_dt::after { right: -23px; width: 23px; line-height: 33px; } .promo .bx_countdown .unit { font-size: 14px; } } @media (max-width: 767px) { .promo .bx_countdown { height: auto; } .promo .bx_countdown .lab { display: block; padding: 15px 0 8px; font-size: 12px; } .promo .bx_countdown .txts { padding: 0 0 15px; } .promo .bx_countdown .txt_dt { width: 48px; height: 30px; line-height: 30px; margin-left: 15px; font-size: 12px; } .promo .bx_countdown .txt_dt::after { right: -15px; width: 15px; } .promo .bx_countdown .unit { padding: 6px 0; margin-left: 8px; font-size: 12px; } } .promo .bx_btns { display: block; margin-left: 586px; margin-top: 30px; } @media (max-width: 1279px) { .promo .bx_btns { margin-top: 24px; margin-left: 336px; } } @media (max-width: 767px) { .promo .bx_btns { margin: 20px auto 0; } } .promo .bx_btns .btn { padding: 0; } .promo .bx_btns .btn + .btn { margin-left: 12px; } .promo .btn_yellow { display: inline-block; width: 186px; border-radius: 20px; background: #FFE417; line-height: 40px; text-align: center; font-size: 16px; font-weight: 600; color: #222; } @media (max-width: 1279px) { .promo .btn_yellow { width: 160px; font-size: 13px; line-height: 34px; } } .promo .btn_purple { display: inline-block; width: 186px; border-radius: 20px; background: #5c54ff; line-height: 40px; text-align: center; font-size: 16px; font-weight: 600; color: #fff; } @media (max-width: 1279px) { .promo .btn_purple { width: 160px; font-size: 13px; line-height: 34px; } } @media (max-width: 767px) { .promo .btn_purple { margin: 20px auto 0; } } .bx_disc_cp { width: 1100px; margin: 0 auto 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_disc_cp::after { display: block; clear: both; content: ""; } .bx_disc_cp .coup { display: block; position: relative; float: left; width: 350px; margin-bottom: 25px; margin-left: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; -webkit-box-shadow: 0px 3px 6px #00000040; box-shadow: 0px 3px 6px #00000040; border-radius: 0 15px 0 0; background: #fff; } .bx_disc_cp .coup:first-child { margin-left: 0; } .bx_disc_cp .coup:nth-child(3n+1) { margin-left: 0; } .bx_disc_cp .coup::before, .bx_disc_cp .coup::after { display: block; content: ''; position: absolute; bottom: 144px; width: 18px; height: 18px; background-size: 100% auto; } .bx_disc_cp .coup::before { left: -9px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/bg_mid_lf02.png?v=2022207071") no-repeat #efefef; } .bx_disc_cp .coup::after { right: -9px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/bg_mid_rt02.png?v=2022207071") no-repeat #efefef; } .bx_disc_cp .coup .top { padding: 28px 30px 0; } .bx_disc_cp .coup .mid { height: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; } .bx_disc_cp .coup .bt { position: relative; height: 154px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 26px 30px 30px; } .bx_disc_cp .coup .bt::after { display: block; content: ''; position: absolute; left: 50%; top: 3px; width: calc(100% - 60px); height: 2px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/bg_dashed.png?v=2022207071") repeat-x 0 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .bx_disc_cp .coup .cp_name { display: block; padding-top: 7px; font-size: 26px; font-weight: 600; line-height: 30px; } .bx_disc_cp .coup .cp_txt { display: block; margin-top: 9px; font-size: 13px; font-weight: 600; line-height: 16px; white-space: nowrap; overflow: hidden; } .bx_disc_cp .coup .cp_tag { position: absolute; right: 0; top: 0; width: 84px; height: 56px; background: transparent linear-gradient(275deg, #FF7300 0%, #FFAD00 100%) 0% 0% no-repeat padding-box; border-radius: 0 15px 0 20px; font-size: 24px; font-weight: 600; text-align: center; color: #fff; line-height: 55px; } .bx_disc_cp .coup .cp_logo { display: table-cell; width: 39px; height: 39px; } .bx_disc_cp .coup .cp_logo img { display: block; width: 100%; height: 100%; } .bx_disc_cp .coup .cp_logo + .cp_logo { padding-left: 6px; } .bx_disc_cp .coup .cp_tt { display: block; padding: 20px 0 8px; line-height: 30px; border-bottom: 2px solid #222; font-weight: 600; font-size: 18px; } .bx_disc_cp .coup .cp_tt .new { color: #e12537; } .bx_disc_cp .coup dl { overflow: hidden; height: 64px; padding-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_disc_cp .coup dl dt, .bx_disc_cp .coup dl dd { display: block; float: left; margin-bottom: 5px; width: 50%; height: 22px; line-height: 22px; font-size: 15px; } .bx_disc_cp .coup dl dt { text-align: left; color: #999; } .bx_disc_cp .coup dl dd { color: #222; text-align: right; } .bx_disc_cp .coup .total { display: block; margin-top: 15px; text-align: right; font-size: 32px; color: #FF5300; line-height: 40px; letter-spacing: 0; } .bx_disc_cp .coup .total .lab { padding-right: 10px; font-size: 15px; color: #999; vertical-align: 5px; } .bx_disc_cp .coup .inp { display: inline-block; width: 186px; height: 40px; margin-right: 6px; padding: 0; background: #F5F5F5; text-align: center; border: none; line-height: 40px; font-weight: 600; color: #222; font-size: 20px; } .bx_disc_cp .coup .btn_or { display: inline-block; width: 94px; padding: 4px 0 6px; background: #F87910; border-radius: 20px; font-size: 16px; color: #fff; line-height: 30px; text-align: center; } .bx_disc_cp .coup .btn_or:focus-within { outline: 2px solid black; } .bx_disc_cp .coup .btn_bl { display: block; margin-top: 18px; background: #343434; border-radius: 20px; height: 40px; line-height: 40px; color: #fff; text-align: center; } @media (max-width: 1279px) { .bx_disc_cp { width: 100%; padding: 0 18px; } .bx_disc_cp .coup { width: calc(50% - 24px); margin: 0 12px 24px; } .bx_disc_cp .coup::before, .bx_disc_cp .coup::after { bottom: 134px; width: 14px; height: 14px; background-size: 100% auto; } .bx_disc_cp .coup:nth-child(3n+1) { margin-left: 12px; } .bx_disc_cp .coup::before { left: -7px; } .bx_disc_cp .coup::after { right: -7px; } .bx_disc_cp .coup .top { padding: 22px 24px 0; } .bx_disc_cp .coup .mid { height: 160px; padding: 0 24px; } .bx_disc_cp .coup .bt { height: 145px; padding: 24px; font-size: 0; } .bx_disc_cp .coup .bt::after { top: 4px; width: calc(100% - 48px); } .bx_disc_cp .coup .cp_logo { width: 34px; height: 34px; } .bx_disc_cp .coup .cp_name { padding-top: 7px; font-size: 26px; } .bx_disc_cp .coup .cp_txt { margin-top: 8px; font-size: 14px; } .bx_disc_cp .coup .cp_tt { padding: 12px 0 3px; font-size: 16px; } .bx_disc_cp .coup dl { height: 54px; padding-top: 9px; } .bx_disc_cp .coup dl dt, .bx_disc_cp .coup dl dd { height: 20px; line-height: 20px; font-size: 14px; } .bx_disc_cp .coup .total { margin-top: 10px; font-size: 24px; line-height: 36px; } .bx_disc_cp .coup .total .lab { padding-right: 10px; font-size: 14px; vertical-align: 3px; } .bx_disc_cp .coup .inp { font-size: 16px; width: calc(100% - 94px); } .bx_disc_cp .coup .btn_or { width: 88px; font-size: 15px; } .bx_disc_cp .coup .btn_bl { margin-top: 12px; font-size: 15px; } .bx_disc_cp .coup .cp_tag { width: 70px; height: 46px; font-size: 20px; line-height: 46px; } } @media (max-width: 767px) { .bx_disc_cp { padding: 15px 15px 20px; } .bx_disc_cp .coup { width: 100%; margin: 12px 0 0; } .bx_disc_cp .coup::before, .bx_disc_cp .coup::after { bottom: 116px; } .bx_disc_cp .coup:first-child { margin-top: 0; } .bx_disc_cp .coup:nth-child(3n+1) { margin-left: 0; } .bx_disc_cp .coup .top { padding: 18px 20px 0; } .bx_disc_cp .coup .mid { height: 165px; padding: 0 20px; } .bx_disc_cp .coup .bt { height: 123px; padding: 20px; } .bx_disc_cp .coup .bt::after { top: 0; } .bx_disc_cp .coup .cp_logo + .cp_logo { padding-left: 4px; } .bx_disc_cp .coup .cp_name { padding-top: 6px; } .bx_disc_cp .coup .cp_txt { margin-top: 5px; } .bx_disc_cp .coup .cp_tt { padding: 17px 0 3px; } .bx_disc_cp .coup dl { padding-top: 8px; } .bx_disc_cp .coup .total { margin-top: 12px; } .bx_disc_cp .coup .inp { height: 34px; width: calc(100% - 90px); font-size: 16px; line-height: 34px; } .bx_disc_cp .coup .btn_or { padding: 2px 0; width: 84px; font-size: 13px; } .bx_disc_cp .coup .btn_bl { height: 34px; margin-top: 12px; font-size: 13px; line-height: 34px; } } .bx_disc_tg { position: relative; width: 1100px; background: #fff; margin: 0 auto; } .bx_disc_tg .tit { display: block; position: relative; height: 70px; padding: 20px 80px 20px 40px; border-top: 2px solid #222; font-size: 20px; font-weight: 600; line-height: 26px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bx_disc_tg .tit::before { display: inline-block; content: ''; width: 22px; height: 22px; margin-right: 12px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/ico_notice.png?v=2022207071") no-repeat 0 0; background-size: 100% 100%; vertical-align: -3px; } .bx_disc_tg .tit::after { display: block; content: ''; position: absolute; right: 43px; top: 25px; width: 10px; height: 10px; border: 2px solid #222; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .bx_disc_tg .cont { display: none; padding: 30px 80px; font-weight: 600; text-align: left; } .bx_disc_tg .cont p { font-size: 13px; line-height: 28px; } .bx_disc_tg .cont .txt_bul { padding-left: 10px; text-indent: -7px; } .bx_disc_tg.active .tit::after { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .bx_disc_tg.active .cont { display: block; } @media (max-width: 1279px) { .bx_disc_tg { width: auto; margin: 0 30px; } .bx_disc_tg .tit { height: 54px; padding: 13px 24px; font-size: 16px; line-height: 24px; } .bx_disc_tg .tit::before { width: 18px; height: 18px; margin-right: 4px; } .bx_disc_tg .tit::after { right: 28px; top: 16px; } .bx_disc_tg .cont { padding: 14px 24px 26px; font-size: 13px; line-height: 24px; } } @media (max-width: 767px) { .bx_disc_tg { margin: 0 15px; } .bx_disc_tg .tit { height: 50px; font-size: 13px; padding: 15px 35px 15px 14px; } .bx_disc_tg .tit::before { vertical-align: -4px; } .bx_disc_tg .tit::after { right: 20px; top: 16px; } } .bx_disc_tuto { padding-bottom: 70px; background: #E8E8E8; } .bx_disc_tuto .inner { width: 1100px; margin: 0 auto; } .bx_disc_tuto h2 { padding: 70px 0 30px; font-weight: 600; font-size: 28px; line-height: 1; text-align: center; } .bx_disc_tuto ul { height: 259px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/img_tuto.png?v=2022207071") no-repeat 0 0; background-size: auto 100%; } .bx_disc_tuto ul > li { margin-left: 624px; padding: 29px 20px 12px; font-size: 18px; font-weight: 600; line-height: 27px; border-bottom: 2px solid #000; text-align: left; } .bx_disc_tuto ul > li:first-child { padding-top: 39px; } @media (max-width: 1279px) { .bx_disc_tuto { padding-bottom: 40px; } .bx_disc_tuto .inner { width: auto; max-width: 768px; padding: 0 74px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_disc_tuto h2 { padding: 40px 0 30px; font-size: 24px; } .bx_disc_tuto ul { height: 148px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/img_tuto_t.png?v=2022207071") no-repeat 0 0; } .bx_disc_tuto ul > li { margin-left: 330px; padding: 16px 0 9px; font-size: 13px; line-height: 19px; border-bottom-width: 1px; } .bx_disc_tuto ul > li:first-child { padding-top: 19px; } } @media (max-width: 767px) { .bx_disc_tuto .inner { max-width: 350px; margin: 0 auto; padding: 0 15px; } .bx_disc_tuto h2 { padding: 30px 0 20px; font-size: 15px; } .bx_disc_tuto ul { height: auto; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/img_tuto_m.png?v=2022207071") no-repeat 0 0; background-position: 50% 0; background-size: auto 147px; } .bx_disc_tuto ul > li { margin-left: 0; padding: 15px 0 8px; } .bx_disc_tuto ul > li:first-child { padding-top: 167px; } } .bx_prods_list h2 { padding: 70px 20px 30px; text-align: center; font-size: 28px; line-height: 1; font-weight: 600; } .bx_prods_list .inner { width: 1100px; margin: 0 auto 43px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_prods_list .inner:after { display: block; clear: both; content: ""; } .bx_prods_list .unit_prod { display: block; float: left; width: 350px; height: 392px; margin-left: 25px; margin-bottom: 22px; } .bx_prods_list .unit_prod:nth-child(3n+1) { margin-left: 0; } .bx_prods_list .unit_prod.tp2 { height: 442px; } .bx_prods_list .unit_prod.tp2 .cont { height: 242px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_prods_list .unit_prod .thumb img { display: block; width: 100%; height: 100%; } .bx_prods_list .unit_prod .cont { padding: 15px 20px 20px; border: 1px solid #D5D5D5; border-radius: 0 0 20px 20px; } .bx_prods_list .unit_prod ul { height: 96px; } .bx_prods_list .unit_prod li { text-indent: -13px; padding-left: 13px; font-size: 13px; line-height: 24px; } .bx_prods_list .unit_prod .link { text-decoration: underline; color: #0052CC; } .bx_prods_list .btn_rd_line { display: block; width: 100%; height: 40px; margin-top: 19px; border: 1px solid #222; border-radius: 20px; text-align: center; font-size: 16px; font-weight: 600; line-height: 36px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx_prods_list .btn_rd_line:hover { -webkit-box-shadow: 0px 3px 6px #00000040; box-shadow: 0px 3px 6px #00000040; } .bx_prods_list .btn_rd_line .ico_downprod { display: inline-block; width: 16px; height: 16px; margin-left: 10px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/ico_download.png?v=2022207071") no-repeat 100% 100%; } .bx_prods_list .btn_rd_line .ico_arr_link { display: inline-block; width: 16px; height: 16px; margin-left: 8px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/ico_link.png?v=2022207071") no-repeat 100% 100%; vertical-align: -2px; } .bx_prods_list .btn_rd_line.down { background: none; border-color: transparent; } .bx_prods_list .btn_rd_line.down:hover { -webkit-box-shadow: none; box-shadow: none; } .bx_prods_list .btn_rd_black { display: block; width: 100%; height: 40px; line-height: 36px; margin-top: 10px; background: #343434; border-radius: 20px; color: #fff; text-align: center; } .bx_prods_list .btn_rd_black:hover { -webkit-box-shadow: 0px 3px 6px #00000040; box-shadow: 0px 3px 6px #00000040; } .bx_prods_list .btn_rd_black.down { background: none; } .bx_prods_list .btn_rd_black.down:hover { -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 1279px) { .bx_prods_list h2 { padding: 40px 20px 30px; font-size: 24px; line-height: 30px; } .bx_prods_list .inner { width: 100%; padding: 0 18px; } .bx_prods_list .unit_prod { width: calc(50% - 24px); height: auto; margin: 0 12px 14px; } .bx_prods_list .unit_prod:nth-child(3n+1) { margin-left: 12px; } .bx_prods_list .unit_prod .cont { padding: 14px 15px 24px; } .bx_prods_list .unit_prod.tp2 { height: auto; } .bx_prods_list .unit_prod.tp2 .cont { height: auto; } .bx_prods_list .btn_rd_line { width: 160px; height: 34px; line-height: 32px; font-size: 13px; margin: 16px auto 0; } .bx_prods_list .btn_rd_line .ico_downprod { margin-left: 6px; } .bx_prods_list .btn_rd_line .ico_arr_link { margin-left: 6px; vertical-align: -4px; } .bx_prods_list .btn_rd_black { width: 160px; height: 34px; line-height: 32px; font-size: 13px; margin: 10px auto 0; } } @media (max-width: 767px) { .bx_prods_list h2 { padding: 30px 20px 20px; font-size: 15px; line-height: 22px; } .bx_prods_list .inner { padding: 0 15px; margin: 0 auto 16px; } .bx_prods_list .unit_prod { width: 100%; margin: 0 auto 14px; } .bx_prods_list .unit_prod:nth-child(3n+1) { margin-left: 0; } .bx_prods_list .unit_prod ul { height: 88px; } .bx_prods_list .unit_prod li { font-size: 12px; line-height: 22px; } } /* 프로모션 상세 - 신규 가이드(23.07.31) */ .promo_wrap { position: relative; padding-top: 87px; letter-spacing: 0; /* SNS 공유 버튼 */ } .promo_wrap .follow { position: fixed; display: block; bottom: 220px; right: 40px; width: 70px; height: 70px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/ico_share03.svg?v=2022207071") no-repeat 0 0; background-size: 100%; font-size: 0; line-height: 0; z-index: 10; } .promo_wrap .sns_btn { position: fixed; bottom: 220px; right: 40px; display: none; width: 70px; height: 322px; background-color: #1a1e25; border-radius: 35px; z-index: 11; } .promo_wrap .sns_btn a { display: block; width: 45px; height: 45px; margin: 24px auto 0 auto; } .promo_wrap .sns_btn a + a { margin-top: 16px; } .promo_wrap .sns_btn a img { display: block; max-width: 100%; } .promo_wrap .sns_btn a.sns_close { position: relative; width: 70px; height: 70px; margin: 0 auto; } .promo_wrap .sns_btn a.sns_close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/sns_close02.svg?v=2022207071") no-repeat 0 0; background-size: cover; transform: translate(-50%, -50%); } .promo_wrap img.tablet, .promo_wrap img.mobile { display: none; } .promo_wrap .top_visual, .promo_wrap .promo_body, .promo_wrap .btm_banner, .promo_wrap .coupon_guide, .promo_wrap .notice_area { max-width: 1920px; margin: 0 auto; } .promo_wrap .top_visual { position: relative; } .promo_wrap .top_visual .img { max-width: 1920px; width: 100%; } .promo_wrap .promo_body { padding: 40px 0 60px 0; } .promo_wrap .promo_body .inner { display: flex; flex-wrap: wrap; max-width: 1096px; min-height: 384px; margin: 0 auto; border-radius: 6px; overflow: hidden; } .promo_wrap .promo_body .inner .box_prod_wrap { width: 33.3333%; min-height: 384px; padding: 40px 30px 30px 30px; border-bottom: 1px solid #e5e5e5; background: #fff; box-sizing: border-box; } .promo_wrap .promo_body .inner .box_prod_wrap + .box_prod_wrap { border-left: 1px solid #e5e5e5; } .promo_wrap .promo_body .inner .box_prod_wrap:nth-child(4n) { border-left: 0; } .promo_wrap .promo_body .inner .box_prod_wrap:nth-child(n+4) { border-bottom: 0; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod { position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 100%; color: #000; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt { font-size: 32px; font-weight: 600; line-height: 38px; letter-spacing: -0.9px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt .prd_icons { display: flex; margin-bottom: 10px; align-items: center; letter-spacing: -0.48px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt .prd_icons img { width: 26px; height: 26px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt .prd_icons img + img { margin-left: 4px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt .prd_icons .ticket_name { margin-left: 10px; font-size: 16px; font-weight: 600; line-height: 24px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dd { margin-top: 4px; font-size: 14px; line-height: 19px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .origin { display: block; color: #777; font-size: 16px; line-height: 24px; text-decoration: line-through; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .final_price { display: flex; margin-top: 5px; align-items: center; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .final_price .discount { min-width: 72px; padding: 6px 17px 7px 17px; box-sizing: border-box; border-radius: 16px; background: #ee082f; color: #ffffff; font-size: 18px; font-weight: 600; line-height: 27px; text-align: center; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .final_price .sale { display: flex; margin-left: 14px; color: #ee082f; font-size: 34px; font-weight: 600; line-height: 50px; align-items: center; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .final_price .sale em { margin-left: 6px; font-size: 16px; font-weight: 300; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .btn_wrap { display: flex; margin-top: 22px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .btn_wrap .btn { width: 100%; padding: 12px 15px 14px 15px; border-radius: 6px; background: #000; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16); color: #fff; font-size: 18px; line-height: 24px; text-align: center; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .btn_wrap .btn + .btn { margin-left: 4px; } .promo_wrap .promo_body .notice_single { margin-top: 30px; color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 22px; text-align: center; } .promo_wrap .btm_banner { height: 357px; background: #191e24; color: #ffffff; } .promo_wrap .btm_banner .inner { max-width: 1100px; height: 100%; margin: 0 auto; padding: 72px 0 0 586px; box-sizing: border-box; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/220524_discount/img_kkoc_pc.png?v=2022207071") no-repeat 30px 100%; } .promo_wrap .btm_banner .inner dl { max-width: 476px; } .promo_wrap .btm_banner .inner dl dt { font-size: 28px; font-weight: 600; line-height: 40px; } .promo_wrap .btm_banner .inner dl dd { margin-top: 18px; } .promo_wrap .btm_banner .inner dl dd .btn_wrap { display: flex; margin-top: 30px; } .promo_wrap .btm_banner .inner dl dd .btn_wrap .btn { width: 186px; padding: 0; border-radius: 20px; color: #222222; font-size: 16px; font-weight: 600; text-align: center; line-height: 40px; } .promo_wrap .btm_banner .inner dl dd .btn_wrap .btn + .btn { margin-left: 15px; } .promo_wrap .btm_banner .inner dl dd .btn_wrap .btn.btn_red { background: #e23a50; color: #ffffff; } .promo_wrap .btm_banner .inner dl dd .btn_wrap .btn.btn_yellow { background: #ffe417; } .promo_wrap .btm_banner .inner dl dd .btn_wrap .btn.btn_purple { background: #5c54ff; } .promo_wrap .btm_banner .inner dl dd .btn_wrap .btn.btn_mint { background: #00b67b; color: #ffffff; } .promo_wrap .btm_banner.trustpilot { background: #000033; } .promo_wrap .btm_banner.trustpilot .inner { padding: 72px 0 0 623px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/220624_discount_en/img_bnr_bt.png?v=2022207071") no-repeat 76px 100%; background-size: 403px, 320px; } .promo_wrap .btm_banner.trustpilot .inner dl dd .btn_wrap { margin-top: 25px; } .promo_wrap .coupon_guide { background: #e3e3e3; } .promo_wrap .coupon_guide .inner { max-width: 1100px; margin: 0 auto; padding: 70px 0; box-sizing: border-box; } .promo_wrap .coupon_guide .inner h2 { font-size: 28px; font-weight: 600; line-height: 1; text-align: center; } .promo_wrap .coupon_guide .inner ul { height: 259px; margin-top: 30px; padding-left: 624px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/img_tuto.png?v=2022207071") no-repeat 0 0; } .promo_wrap .coupon_guide .inner ul li { padding: 29px 20px 12px; border-bottom: 2px solid #222; font-size: 18px; font-weight: 600; line-height: 27px; } .promo_wrap .coupon_guide .inner ul li:first-child { padding-top: 39px; } .promo_wrap .notice_area { background: #000; } .promo_wrap .notice_area .inner { max-width: 1100px; margin: 0 auto; padding: 30px 0; } .promo_wrap .notice_area .inner dt { color: #ffffff; font-size: 20px; font-weight: 600; line-height: 29px; } .promo_wrap .notice_area .inner dd { margin-top: 20px; } .promo_wrap .notice_area .inner dd .bul_list > .dash { color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 22px; } .promo_wrap .notice_area .inner dd a { border-bottom: 1px solid #fff; color: #ffffff; font-weight: 600; } @media (max-width: 1279px) { .promo_wrap { padding-top: 60px; /* SNS 공유 버튼 */ } .promo_wrap .follow { right: 30px; bottom: 190px; } .promo_wrap .sns_btn { right: 30px; bottom: 190px; } .promo_wrap img.tablet { display: block; } .promo_wrap img.pc, .promo_wrap img.mobile { display: none; } .promo_wrap .promo_body { padding: 10px 30px 50px 30px; } .promo_wrap .promo_body .inner .box_prod_wrap { min-height: 254px; padding: 20px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt { font-size: 20px; line-height: 25px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt .prd_icons { margin-bottom: 8px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt .prd_icons img { width: 18px; height: 18px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt .prd_icons .ticket_name { margin-left: 6px; font-size: 12px; line-height: 18px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dd { margin-top: 2px; font-size: 13px; line-height: 17px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .origin { font-size: 12px; line-height: 18px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .final_price .discount { min-width: 52px; padding: 5px 12px 6px 12px; font-size: 13px; line-height: 19px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .final_price .sale { margin-left: 8px; font-size: 20px; line-height: 29px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .final_price .sale em { margin-left: 6px; font-size: 12px; line-height: 17px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .btn_wrap { margin-top: 10px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .btn_wrap .btn { padding: 6px 15px 7px 15px; font-size: 13px; line-height: 19px; } .promo_wrap .promo_body .notice_single { margin-top: 20px; font-size: 13px; line-height: 19px; } .promo_wrap .btm_banner { height: 248px; } .promo_wrap .btm_banner .inner { padding: 40px 20px 0 386px; background-position: 50px 100%; background-size: 291px 212px; } .promo_wrap .btm_banner .inner dl { max-width: 476px; } .promo_wrap .btm_banner .inner dl dt { font-size: 20px; line-height: 28px; } .promo_wrap .btm_banner .inner dl dd { margin-top: 12px; font-size: 13px; line-height: 22px; } .promo_wrap .btm_banner .inner dl dd .btn_wrap { margin-top: 24px; } .promo_wrap .btm_banner .inner dl dd .btn_wrap .btn { width: 160px; font-size: 13px; line-height: 34px; } .promo_wrap .btm_banner.trustpilot .inner { padding: 25px 0 0 386px; background-position: 50px 100%; background-size: 291px 212px; } .promo_wrap .btm_banner.trustpilot .inner dl dd .btn_wrap { margin-top: 24px; } .promo_wrap .coupon_guide .inner { max-width: 768px; padding: 40px 74px; } .promo_wrap .coupon_guide .inner h2 { font-size: 24px; } .promo_wrap .coupon_guide .inner ul { height: 148px; padding-left: 330px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/img_tuto_t.png?v=2022207071") no-repeat 0 0; } .promo_wrap .coupon_guide .inner ul li { padding: 16px 0 9px; border-bottom-width: 1px; font-size: 13px; line-height: 19px; } .promo_wrap .coupon_guide .inner ul li:first-child { padding-top: 19px; } .promo_wrap .notice_area .inner { padding: 20px 30px 50px 30px; } .promo_wrap .notice_area .inner dd { margin-top: 8px; } .promo_wrap .notice_area .inner dd .bul_list > .dash { font-size: 14px; } } @media (max-width: 767px) { .promo_wrap { padding-top: 44px; /* SNS 공유 버튼 */ } .promo_wrap .follow { bottom: 134px; right: 20px; width: 47px; height: 47px; } .promo_wrap .sns_btn { bottom: 134px; right: 20px; width: 47px; height: 227px; } .promo_wrap .sns_btn a { width: 33px; height: 33px; margin-top: 18px; } .promo_wrap .sns_btn a + a { margin-top: 10px; } .promo_wrap .sns_btn a.sns_close { width: 47px; height: 47px; } .promo_wrap .sns_btn a.sns_close::after { width: 15px; height: 15px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/sns_close02.svg?v=2022207071") no-repeat 0 0; background-size: cover; transform: translate(-50%, -50%); } .promo_wrap img.mobile { display: block; } .promo_wrap img.pc, .promo_wrap img.tablet { display: none; } .promo_wrap .promo_body { padding: 20px 20px 50px 20px; } .promo_wrap .promo_body .inner .box_prod_wrap { width: 100%; min-height: 313px; padding: 24px 20px; border-top: 1px solid #e5e5e5; border-bottom: 0; } .promo_wrap .promo_body .inner .box_prod_wrap + .box_prod_wrap { border-left: 0; } .promo_wrap .promo_body .inner .box_prod_wrap:first-child { border-top: 0; } .promo_wrap .promo_body .inner .box_prod_wrap.blank { display: none; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt { font-size: 24px; line-height: 32px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt .prd_icons { margin-bottom: 6px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt .prd_icons img { width: 20px; height: 20px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .top_info dt .prd_icons .ticket_name { margin-left: 10px; font-size: 14px; line-height: 20px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .origin { font-size: 14px; line-height: 20px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .final_price { margin-top: 6px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .final_price .discount { min-width: 61px; padding: 5px 12px 7px 12px; font-size: 15px; line-height: 22px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .final_price .sale { margin-left: 10px; font-size: 26px; line-height: 38px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .price_wrap .final_price .sale em { font-size: 14px; line-height: 20px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .btn_wrap { margin-top: 12px; } .promo_wrap .promo_body .inner .box_prod_wrap .box_prod .btm_info .btn_wrap .btn { padding: 12px 15px 12px 15px; font-size: 14px; line-height: 20px; } .promo_wrap .promo_body .notice_single { font-size: 12px; line-height: 18px; } .promo_wrap .btm_banner { height: auto; } .promo_wrap .btm_banner .inner { padding: 30px 15px 132px; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/220524_discount/img_kkoc_m.png?v=2022207071") no-repeat 50% 100%; background-size: auto; } .promo_wrap .btm_banner .inner dl { max-width: none; text-align: center; } .promo_wrap .btm_banner .inner dl dt { font-size: 15px; line-height: 22px; } .promo_wrap .btm_banner .inner dl dd { margin-top: 6px; font-size: 12px; line-height: 18px; } .promo_wrap .btm_banner .inner dl dd .btn_wrap { margin-top: 20px; flex-direction: column; justify-content: center; align-items: center; } .promo_wrap .btm_banner .inner dl dd .btn_wrap .btn + .btn { margin: 10px 0 0 0; } .promo_wrap .btm_banner.trustpilot .inner { padding: 30px 0 204px 0; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/220624_discount_en/img_bnr_bt_m.png?v=2022207071") no-repeat 50% 100%; background-size: auto; } .promo_wrap .btm_banner.trustpilot .inner dl dd .btn_wrap { margin-top: 20px; } .promo_wrap .coupon_guide .inner { max-width: 350px; padding: 30px 15px 40px 15px; } .promo_wrap .coupon_guide .inner h2 { font-size: 15px; } .promo_wrap .coupon_guide .inner ul { height: auto; margin-top: 20px; padding: 167px 0 0 0; background: url("//www.gomlab.com/gomlab_v2/ui/img/event/disc_coupon/img_tuto_m.png?v=2022207071") no-repeat 0 0; background-position: 50% 0; background-size: auto 147px; } .promo_wrap .coupon_guide .inner ul li { padding: 15px 0 8px; border-bottom-width: 1px; font-size: 13px; line-height: 19px; } .promo_wrap .coupon_guide .inner ul li:first-child { padding-top: 0; } .promo_wrap .notice_area .inner { padding: 20px 20px 50px 20px; } .promo_wrap .notice_area .inner dt { font-size: 16px; line-height: 24px; } .promo_wrap .notice_area .inner dd { margin-top: 8px; } .promo_wrap .notice_area .inner dd .bul_list > .dash { font-size: 12px; line-height: 20px; } } /* //프로모션 상세 - 신규 가이드(23.07.31) */ .awesomplete [hidden] { display: none; } .awesomplete .visually-hidden { position: absolute; clip: rect(0, 0, 0, 0); } .awesomplete { display: inline-block; position: relative; } .awesomplete > input { display: block; } .awesomplete > ul { position: absolute; left: 0; z-index: 1; min-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; padding: 0; margin: 0; background: #fff; } .awesomplete > ul:empty { display: none; } .awesomplete > ul { border-radius: .3em; margin: .2em 0 0; background: rgba(255, 255, 255, 0.9); background: -webkit-gradient(linear, left top, right bottom, from(white), to(rgba(255, 255, 255, 0.8))); background: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0.8)); border: 1px solid rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2); box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2); text-shadow: none; } @supports (transform: scale(0)) { .awesomplete > ul { -webkit-transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4); transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4); -webkit-transform-origin: 1.43em -.43em; -ms-transform-origin: 1.43em -.43em; transform-origin: 1.43em -.43em; } .awesomplete > ul[hidden], .awesomplete > ul:empty { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: block; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } .awesomplete > ul:before { content: ""; position: absolute; top: -.43em; left: 1em; width: 0; height: 0; padding: .4em; background: white; border: inherit; border-right: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .awesomplete > ul > li { position: relative; padding: .2em .5em; cursor: pointer; } .awesomplete > ul > li:hover { background: #b8d3e0; color: black; } .awesomplete > ul > li[aria-selected="true"] { background: #3d6d8f; color: white; } .awesomplete mark { background: #eaff00; } .awesomplete li:hover mark { background: #b5d100; } .awesomplete li[aria-selected="true"] mark { background: #3d6b00; color: inherit; } html:lang(ko), html:lang(ko) body { letter-spacing: -0.05rem; } html:lang(ko) header .area_dep .dep3_goods .tit, html:lang(ko) body header .area_dep .dep3_goods .tit { letter-spacing: -0.05rem; } @media (min-width: 1279px) { html:lang(ko) .btn_qna_fix, html:lang(ko) body .btn_qna_fix { font-size: 14px; } } html:lang(ja), html:lang(ja) body { letter-spacing: -0.05rem; word-break: normal !important; } html:lang(ja) header .area_dep .dep3_goods .tit, html:lang(ja) body header .area_dep .dep3_goods .tit { letter-spacing: -0.05rem; } .lang_en header .area_dep .dep3_goods .tit { letter-spacing: -0.02rem; } .lang_js .member .container .chk_box { text-align: left; } .lang_js .member .container .chk_box .item { margin-right: 0; }