*,html {margin: 0; padding: 0; outline: none; box-sizing: medium; font-size:16px; -webkit-tap-highlight-color:transparent;}
html, body {
margin: 0;
padding: 0;
width:100%;
max-width: 100%;
height:100%;
overflow-x:hidden;
font-family: "Pretendard", "Noto Sans KR" , AppleGothic, Roboto, sans-serif;
font-size:1rem;
line-height:1.7rem;
letter-spacing:-0.7px;
}
div { text-align:center;box-sizing:border-box;word-wrap:break-word; }
/* 스크롤바 커스트 마이징 */
::-webkit-scrollbar { width: 8px; /* 스크롤바 너비 */ height: 10px; /* 스크롤바 높이 (수평 스크롤일 때) */ }
::-webkit-scrollbar-track { background: #f1f1f1; /* 트랙 배경색 */ border-radius: 6px; /* 모서리 둥글게 */ }
::-webkit-scrollbar-thumb { background: #ccc; /* 핸들 색상 */ border-radius: 6px; /* 모서리 둥글게 */ }
::-webkit-scrollbar-thumb:hover { background: #aaa; /* 핸들 색상이 어두워짐 */ }
.tv {display:inline;}
.mo, .po, .to {display:none;}
.block_box {padding:10rem 0;position:relative;}
.block_title {font-size:40pt;font-weight:800;color:#222;}
.block_slogan {padding-top:2.3vw;font-size:22pt;line-height:1.5em;}
.block_detail {padding-top:2.3vw;font-size:21pt;font-weight:350;color:#222;line-height:1.7em;}
.block_detail ul li {font-size:16pt;line-height:1.4em;text-align:left;list-style:disc;padding-top:1em;}
.primary_bold {color:var(--primary_color);font-size:1em;font-weight:600;}
.block_svc_img {padding:80px 0;}
.block_svc_detail {font-size:21pt;font-weight:350;color:#222;line-height:1.7em;}
.block_svc_detail span {font-size:1.2em;font-weight:500;}
#wrap {width:100%;}
.outer_wrap {width:100%;}
.inner_wrap {width:100%;max-width:1200px;margin:0 auto;}
#screen {width:100%;height:100%;position:fixed;top:0;left:0;background:url('/app/Images/base_bg.png') repeat;z-index:101;}
#topmenu_wrap {padding:1em 3em;position:fixed;width:100%;z-index:100;background:#fff;}
#topmenu_wrap:after {content:"";display:block;clear:both;}
#topmenu_wrap div {float:left;}
#top_logo {width:15%;text-align:left;}
#top_logo img {cursor:pointer;width:130px;}
#topmenu_box {width:60%;padding-top:7pt;}
#topmenu_box span {margin:0 2em;font-size:13pt;font-weight:700;cursor:pointer;}
#topmenu_box span:hover {color:#2d70b7;}
#top_login_box {width:25%;text-align:right;padding-top:7pt;}
#top_login_box span {margin-left:7pt;font-size:12pt;font-weight:600;border-radius:1.5em;padding:0.6em 1.5em;color:#fff;cursor:pointer;}
#top_mobile_menu {width:50%;text-align:right;}
#mobile_menu_box {width:320px;height:100%;position:fixed;top:0;right:-400px;background:#fff;z-index:112;overflow-y: auto;}
#mobile_menu_close {text-align:right;padding:1em;}
#mobile_menu_close span {font-size:2.6em;}
#mobile_menu_list {padding:1em 2em;}
#mobile_menu_list ul {border-top:1px solid #ccc;}
#mobile_menu_list ul li {text-align:left;font-size:1.5em;font-weight:500;line-height:2.5em;border-bottom:1px solid #ccc;}
#mobile_menu_btn {padding-top:1.5em;}
#mobile_menu_btn span {margin-left:7pt;font-size:12pt;font-weight:600;border-radius:1.5em;padding:0.6em 1.5em;color:#fff;cursor:pointer;}
#main_mychannel {clear:both;background:#eee;padding:7em 0 3em 0;position:relative;overflow-x:auto;white-space: nowrap;}
.my_channel_box {display:inline-block;border:0;border-radius:1em;background:#fff;width:180px;height:200px;margin:10px;cursor:pointer;}
.my_channel_box:hover {background:var(--blue00);}
.my_channel_add {padding-top:45px;}
.no_my_channel {display:inline-block;border:0;border-radius:1em;background:#fff;width:calc(100% - 240px);height:200px;margin:0 10px;padding:60px;}
.no_my_channel_text1 {font-size:1.2em;}
.my_cnn_img_box {height:120px;border-bottom:1px solid #ccc;border-top-left-radius:1em;border-top-right-radius:1em;}
.my_cnn_photo {width:100%;height:108px;border-top-left-radius:1em;border-top-right-radius:1em;}
.my_cnn_info {text-align:left;padding:0.5em 1em;line-height:1.2em;height:80px;}
.channel_menu { position: absolute; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 10px; z-index:10; }
.channel_menu_item { padding: 8px 12px; cursor: pointer; }
.channel_menu_item:hover { background-color: #f0f0f0; }
#main_bnn {clear:both;background:var(--primary_color);padding:12rem 0 7em 0;position:relative;z-index:1}
#main_bnn_text_bar {width:4rem;border-top:2px solid #fff;}
#main_bnn_text_bar:after {content:"";display:block;clear:both;}
#main_bnn_slogan {position:absolute;color:#fff;text-align:left;}
#main_bnn_slogan_bold {font-size:50pt;font-weight:bold;text-align:left;padding-top:3.5rem;}
#main_bnn_slogan_normal {font-size:50pt;text-align:left;font-weight:300;padding-top:4rem;}
#main_bnn_tag_box {padding-top:4rem;}
.main_bnn_tag {padding-top:2rem;text-align:left;}
.main_bnn_tag span {font-size:17pt;font-weight:500;padding:0.5rem 1.7rem;border:2px solid #fff;border-radius:2rem;margin-right:0.7rem;}
#main_bnn_image {width:50%;float:right;text-align:right;}
#main_bnn:after {content:"";display:block;clear:both;}
#main_sub_bnn {clear:both;position:relative;z-index:1;}
#main_sub_bnn img {width:50%;}
#main_introduce {background:#f6f4f1;}
#main_introduce:after {content:"";display:block;clear:both;}
#main_intro_video {width:1024px;height:576px;}
#main_special {background:#f8f8f6;}
#main_special_left {width:600px;float:left;}
#main_special_right {width:600px;float:left;padding-left:4em;}
#main_special .inner_wrap:after {content:"";display:block;clear:both;}
.special_tit {font-size:30pt;font-weight:800;}
.special_ent {padding-top:1em;}
.special_bullet {clear:both;width:30px;float:left;padding-top:2em;}
.special_detail {width:500px;float:left;padding-top:1em;padding-left:0.5em;font-size:17.5pt;font-weight:500;text-align:left;line-height:1.7em;}
.special_block2 {padding-top:7em;}
#main_function_top {background:#fff;}
#main_function:after {content:"";display:block;clear:both;}
.main_function_slogan {padding-top:2rem;font-size:21pt;font-weight:350;color:#222;line-height:1.7em;}
#padbox {position:absolute;z-index:10;width:100%;max-width:960px;margin-top:1em;left:50%;transform: translate(-50%, 0);}
#padbox_bottom_line {height:200px;margin-top:320px;background:var(--primary_color);}
#padbox_screen { position:absolute; width: 930px; overflow: hidden; margin-top:2.2em;left:calc(50% - 465px);}
#slide { display: flex; width: 10230px; /* 500px * 5 (number of images) */ height: 100%; transition: transform 0.5s ease; }
#slide img { width: 930px; }
.nav-button { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; cursor: pointer; padding: 10px; border-radius:0.5em; z-index:20; }
.prev { left: 10px; }
.next { right: 10px; }
#main_function {background:#fff;}
.function_wrap {width:100%;max-width:960px;margin:0 auto;}
.function_wrap:after {content:"";display:block;clear:both;}
.function_title {font-size:40pt;font-weight:800;color:#2f2f29;text-align:left;}
.function_detail_text {width:60%;float:left;}
.function_detail_img {width:40%;float:left;}
.function_detail {padding-top:2rem;font-size:21pt;font-weight:350;color:#676a6b;line-height:2em;text-align:left;}
.function_detail ul {margin-left:1.5em;}
.function_detail ul li {display: list-item; text-align:-webkit-match-parent; font-size:18pt;font-weight:400;color:#676a6b;list-style:disc;list-style-position:outside;}
.function_detail ul li::marker {color:var(--primary_color);}
#main_mobile {background:var(--primary_color);background-size:100%;padding-top:7vw;padding-bottom:602px;background-image:url("/web/Images/bgMobile.png");}
.mobile_title {font-size:3vw;font-weight:800;color:#fff;}
.mobile_detail {padding-top:2vw;font-size:1.5vw;font-weight:350;color:#fff;line-height:2.3vw;}
.mobile_detail span {font-size:1.5vw;color:#fffc00;font-weight:700;}
#mobilebox {position:absolute;z-index:1;width:100%;max-width:458px;margin-top:1em;left:50%;transform: translate(-50%, 0);}
#mobilebox_screen { position:absolute; width: 400px; overflow: hidden; margin-top:4.9em;left:calc(50% - 203px); }
#slide_mobile { display: flex; width: 1600px; height: 100%; transition: transform 0.5s ease; }
#slide_mobile img {width: 100%;}
#main_remote {}
.main_remote_wrap {display:flex;gap:15px;padding-top:2em;}
.main_remote_info {width:33%;color:#fff;border:1px solid orange;border-radius:0.5em;}
.remote_info_tit {padding:0.5em 1em;background:orange;font-size:1.2em;font-weight:600;border-top-left-radius:0.5em;border-top-right-radius:0.5em;color:#000;}
.remote_info_ent {padding:1em 1.5em;text-align:left;}
.remote_info_ent ul {color:orange;padding-top:0.7em;}
.remote_info_ent ul li {color:#ffff;text-align:left;list-style:disc;margin-left:1em;}
#notice_box {width:50%;float:left;padding-right:3em;}
#faq_box {width:50%;float:left;padding-left:3em;border-left:1px solid #eee;}
#faq_box:after {content:"";display:block;clear:both;}
#main_faq .faq_q:after, #main_faq .faq_a:after {content:"";display:block;clear:both;}
.faq_block {padding-top:5em;}
.faq_a {padding-top:0.5em;}
.faq_t {width:2em;float:left;text-align:left;font-size:16pt;font-weight:600;}
.faq_d {width:calc(100% - 2em);float:left;text-align:left;font-size:16pt;font-weight:300;}
#main_notice {padding:7em 0;}
.atcl_block {padding:1em 0 0 0;}
.atcl_title {width:calc(100% - 8em);float:left;color:#2d70b7;text-align:left;font-weight:600;font-size:14pt;}
.atcl_date {width:8em;float:left;text-align:right;font-size:12pt;}
.atcl_memo {
clear:both;padding-top:0.5em;color:#777;text-align:left;font-size:14pt;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: normal;
}
.atcl_memo_all {
clear:both;padding-top:0.5em;color:#777;text-align:left;font-size:14pt;
}
.atcl_vbtn {text-align:right;text-decoration:underline;}
.atcl_vbtn span {font-size:0.8em;color:#aaa;cursor:pointer;}
#main_notice:after {content:"";display:block;clear:both;}
#notice_box .block_title, #faq_box .block_title {padding-bottom:1em;}
.atcl_memo ul li, .atcl_memo_all ul li {text-align:left;list-style: disc;margin-left:1em;}
.atcl_memo ol li, .atcl_memo_all ol li {text-align:left;list-style: decimal;margin-left:1em;}
#join_box {}
.join_left {width:50%;float:left;padding:0 2em;}
.join_right {width:50%;float:left;border-left:1px solid #aaa;}
.join_box_title {font-size:2em;font-weight:600;}
.agree_box {border:1px solid #aaa;height:200px;padding:1em;overflow-y:auto;}
.join_tit {clear:both;width:20%;float:left;text-align:right;padding-top:1em;}
.join_ent {width:80%;float:left;text-align:left;padding-top:1em;padding-left:1em;}
.join_text {padding-left:1em;}
#main_join {background:#0e345f;background-size:100%;padding-top:7vw;padding-bottom:7vw;}
#join_text_box {width:50%;float:left;}
.join_title {font-size:30pt;color:#fff;font-weight:200;text-align:left;line-height:1.2em;}
.join_title_bold {font-size:30pt;color:#fff;font-weight:700;text-align:left;line-height:1.2em;padding-top:0.7em;}
.join_detail {font-size:20pt;color:#fff;font-weight:200;text-align:left;line-height:1.4em;padding-top:1em;}
#join_form_box {width:50%;float:left;max-width:520px;}
#join_form_box input, #join_form_box select {width:100%;padding:1em;border:0;border-radius:0.5em;background:#fff;color:#}
#join_form_box input[type='button'], #join_form_box input[type='submit'] {background:#157bfb;color:#fff;cursor:pointer;padding:0.8em;font-size:1.2em;font-weight:700;}
#join_form_box div {width:100%;padding-bottom:1em;}
#join_form_box .dn {width:50%;float:left;}
#join_form_box .dh {width:50%;float:left;padding-left:1em;}
#join_form_box .da {width:80%;float:left;}
#join_form_box .db {width:20%;float:left;padding-left:1em;}
#main_join:after {content:"";display:block;clear:both;}
/* 레이어 팝업 */
#layer_pop_tit_line {height:42px;padding:5px 0 5px 15px;background:var(--primary_color);}
#layer_pop_tit {width:80%;color:#ffffff;float:left;font-size:1.3em;text-align:left;padding-top:0.2em;}
#layer_pop_close {width:20%;color:#ffffff;float:left;text-align:right;}
#layer_pop_close_btn {width:32px;height:32px;font-size:larger;border:0;color:#ffffff;background:var(--primary_color);cursor:pointer;}
.pop_tit {clear:both;width:35%;float:left;text-align:right;padding:1em 1em 0 0;font-size:1.2em;font-weight:500;color:var(--blue70);}
.pop_ent {width:65%;float:left;text-align:left;padding:1em 0 0 1em;font-size:1.2em;}
.pop_btn_box {padding-top:1.5em;}
.pop_btn_box span {margin-left:7pt;font-size:12pt;font-weight:600;border-radius:1.5em;padding:0.6em 1.5em;color:#fff;cursor:pointer;}
#main_copyright {padding:3em 0;background:#f2f1f6;}
#copy_text_box {width:90%;float:left;color:#777;text-align:left;}
#copy_text_box div {text-align:left;}
#copy_cms_logo_box {width:10%;float:left;text-align:right;position:fixed;bottom:2em;right:2em;}
#copy_cms_logo_box img {cursor:pointer;width:3em;}
#main_copyright:after {content:"";display:block;clear:both;}
@media (max-width: 480px) {
.pc {display:none;}
.tv {display:none;}
.mo {display:inline;}
.po {display:inline;}
.inner_wrap {padding:0 1em;}
.block_box {padding:2em 0;}
.block_title {font-size:30pt;font-weight:700;color:#222;}
.block_slogan {font-size:12pt;padding-top:2rem;text-align:left;}
.block_detail {font-size:12pt;text-align:left;}
#topmenu_wrap {padding:0;}
#top_logo {padding:1em 1.5em;width:50%;}
#top_logo img {width:5em;}
#top_mobile_menu img {height:3.5em;}
#main_mychannel {padding:5em 0 2em 0;scroll-x:auto;}
.my_channel_box {width:150px;height:170px;}
.my_channel_add {padding-top:25px;}
.no_my_channel {width:calc(100% - 200px);padding:65px 1em;}
.no_my_channel_text1 {font-size:1em;line-height:1.2em;}
.my_cnn_img_box {height:99px;}
#main_bnn {padding:30vw 0 7vw 0;}
#main_bnn_text_bar {width:7vw;border-top:2px solid #fff;}
#main_bnn_slogan {position:relative;width:85vw;margin:0 auto;}
#main_bnn_slogan_bold {font-size:9vw;padding-top:3vw;line-height:1.2em;}
#main_bnn_slogan_normal {font-size:9vw;padding-top:3vw;}
#main_bnn_tag_box {padding-top:2vw;}
.main_bnn_tag {padding-top:4vw;text-align:left;}
.main_bnn_tag span {font-size:2.7vw;font-weight:500;padding:0.5rem 1.7rem;border:2px solid #fff;border-radius:2rem;margin-right:0.2rem;}
#main_bnn_image {clear:both;float:left;width:100%;padding:10vw;}
#main_sub_bnn img {width:100%;}
#main_introduce {padding:4rem 0;}
#main_intro_video {width:320px;height:180px;}
.block_svc_detail {font-size:12pt;}
.block_svc_img {padding:30px 0;}
#main_special_left, #main_special_right {clear:both;width:100%;float:default;}
#main_special_right {padding-top:3em;padding-left:1em;}
.special_tit {font-size:6vw;font-weight:800;text-align:left;}
.special_ent {padding-top:1em;}
.special_bullet {clear:both;width:5%;padding-top:2.5vw;}
.special_detail {width:95%;font-size:4vw;f}
.special_block2 {padding-top:3em;}
.special_block2_left {padding-left:1em;}
#main_function_top {padding:5rem 0 0 0;}
.main_function_slogan {padding-top:2rem;font-size:16pt;}
#padbox {padding:2rem;margin-top:-1em;}
#padbox_screen {padding:1.3em;}
#padbox_bottom_line {height:1em;margin-top:3em;}
#padbox, #padbox_screen {display:none;}
#main_function {}
.function_wrap {padding:0 2em;}
.function_title {font-size:22pt;}
.function_detail_text {width:100%;}
.function_detail ul li {padding-bottom:0.7em;line-height:1.7em;font-size:14pt;}
.function_detail_img {clear:both;width:100%;padding-top:1em;}
#main_mobile {background-size:220%;background-position:center 40%;padding-top:10vw;padding-bottom:60vw;}
.mobile_title {font-size:6vw;}
.mobile_detail {padding-top:1em;font-size:3vw;line-height:1.7em;}
#join_box {padding:0 1em;}
.join_left {width:100%;float:both;padding:0;}
.join_right {width:100%;float:both;border-left:0;padding-top:2em;}
.join_tit {width:30%;font-weight:bold;}
.join_ent {width:70%;}
.join_text {padding-left:0;font-size:0.9em;color:#999;}
.btn_cert {margin-top:0.5em;}
#mobilebox {display:none;}
#mobilebox_screen { display:none; }
#main_join {padding:4em 1em;}
#join_text_box {width:100%;}
#join_form_box {clear:both;width:100%;padding-top:3em;}
#join_form_box .da {width:70%;float:left;}
#join_form_box .db {width:30%;float:left;padding-left:1em;}
.join_title {font-size:25pt;}
.join_title_bold {font-size:25pt;}
.join_detail {font-size:14pt;}
.pop_tit {font-size:1em;}
.pop_ent {font-size:1em;}
.pop_btn_box span {padding:0.6em 1em;font-weight:normal;}
.main_remote_wrap {display:inline;gap:0;}
.main_remote_info {width:100%;margin-top:2em;}
#main_notice {padding:4em 0;}
#notice_box {width:100%;padding-right:0;padding-top:0;padding-bottom:3em;}
#faq_box {width:100%;padding-left:0;border-left:0;padding-top:3em;border-top:1px solid #ccc;}
#notice_box .block_title, #faq_box .block_title {font-size:1.6em;text-align:left;}
}
@media (min-width: 481px) and (max-width: 768px) {
.pc {display:none;}
.mo {display:inline;}
.to {display:inline;}
.inner_wrap {padding:0 1.5em;}
.block_box {padding:5em 0;}
.block_title {font-size:30pt;font-weight:700;color:#222;}
.block_slogan {font-size:16pt;padding-top:3rem;}
.block_detail {font-size:12pt;}
.block_detail ul li {font-size:11pt;}
#topmenu_wrap {padding:0;}
#top_logo {padding:1em 1.5em;width:50%;}
#top_logo img {width:5em;}
#top_mobile_menu img {height:3.5em;}
#main_mychannel {padding:5em 0 2em 0;scroll-x:auto;}
.my_channel_box {width:150px;height:170px;}
.my_channel_add {padding-top:25px;}
.no_my_channel {width:calc(100% - 200px);height:170px;padding:30px;}
#main_bnn {padding:25vw 0 7vw 0;}
#main_bnn_text_bar {width:7vw;border-top:2px solid #fff;}
#main_bnn_slogan {position:relative;width:80vw;margin:0 auto;}
#main_bnn_slogan_bold {font-size:7vw;padding-top:5vw;}
#main_bnn_slogan_normal {font-size:7vw;padding-top:5vw;}
#main_bnn_tag_box {padding-top:3vw;}
.main_bnn_tag {padding-top:6vw;text-align:left;}
.main_bnn_tag span {font-size:3vw;font-weight:500;padding:0.5rem 1.7rem;border:2px solid #fff;border-radius:2rem;margin-right:0.7rem;}
#main_bnn_image {clear:both;float:left;width:100%;padding:10vw;}
#main_sub_bnn img {width:100%;}
#main_introduce {padding:5rem 0;}
#main_intro_video {width:480px;height:270px;}
.block_svc_img {padding:40px 0;}
.block_svc_detail {font-size:16pt;}
#main_special_left, #main_special_right {clear:both;width:100%;float:default;}
#main_special_right {padding-top:5em;padding-left:3em;}
.special_tit {font-size:5vw;font-weight:800;text-align:left;}
.special_ent {padding-top:1em;}
.special_bullet {clear:both;width:5%;padding-top:2.5vw;}
.special_detail {width:95%;font-size:3vw;f}
.special_block2 {padding-top:5em;}
.special_block2_left {padding-left:3em;}
#main_function_top {padding:5rem 0 0 0;}
.main_function_slogan {padding-top:2rem;font-size:16pt;}
#padbox {padding:2rem;margin-top:-1em;}
#padbox_screen {padding:1.3em;}
#padbox_bottom_line {height:1em;margin-top:3em;}
#padbox, #padbox_screen {display:none;}
#main_function {}
.function_wrap {padding:0 2em;}
.function_title {font-size:22pt;}
.function_detail_text {width:100%;}
.function_detail ul li {padding-bottom:0.7em;line-height:1.7em;font-size:14pt;}
.function_detail_img {clear:both;width:100%;padding-top:1em;text-align:left;}
#main_mobile {background-size:200%;background-position:center 30%;padding-top:10vw;padding-bottom:60vw;}
.mobile_title {font-size:6vw;}
.mobile_detail {padding-top:1em;font-size:3vw;line-height:1.7em;}
#mobilebox {display:none;}
#mobilebox_screen { display:none; }
#join_box {padding:0 1em;}
.join_left {width:100%;float:both;padding:0;}
.join_right {width:100%;float:both;border-left:0;padding-top:2em;}
.join_tit {width:25%;}
.join_ent {width:75%;}
.join_text {padding-left:0;font-size:0.9em;color:#999;}
.btn_cert {margin-top:0.5em;}
#main_join {padding:4em 1em;}
#join_text_box {width:100%;}
#join_form_box {clear:both;width:100%;padding-top:3em;}
#join_form_box .da {width:70%;float:left;}
#join_form_box .db {width:30%;float:left;padding-left:1em;}
.join_title {font-size:25pt;}
.join_title_bold {font-size:25pt;}
.join_detail {font-size:14pt;}
.main_remote_wrap {display:inline;gap:0;}
.main_remote_info {width:100%;margin-top:2em;}
#main_notice {padding:4em 0;}
#notice_box {width:100%;padding-right:0;padding-top:0;padding-bottom:3em;}
#faq_box {width:100%;padding-left:0;border-left:0;padding-top:3em;border-top:1px solid #ccc;}
#notice_box .block_title, #faq_box .block_title {font-size:1.6em;text-align:left;}
}
@media (min-width: 769px) and (max-width: 1023px) {
.pc {display:none;}
.mo {display:inline;}
.inner_wrap {padding:0 2em;}
.block_title {font-size:30pt;font-weight:700;color:#222;}
.block_slogan {font-size:2.3vw;padding-top:2rem;}
.block_detail {font-size:2vw}
#topmenu_wrap {padding:0;}
#top_logo {padding:1em 1.5em 0 1.5em;width:50%;}
#top_logo img {width:6em;}
#top_mobile_menu img {height:4em;}
#main_bnn {padding:12em 0 7em 0;}
#main_bnn_text_bar {width:2rem;}
#main_bnn_slogan {}
#main_bnn_slogan_bold {font-size:30pt;padding-top:3vw;}
#main_bnn_slogan_normal {font-size:30pt;padding-top:2rem;}
#main_bnn_tag_box {padding-top:1rem;}
.main_bnn_tag span {font-size:14pt;}
#main_sub_bnn img {width:100%;}
#main_introduce {padding:5rem 0;}
#main_intro_video {width:720px;height:405px;}
.block_svc_detail {font-size:2.3vw;}
#main_special_left, #main_special_right {clear:both;width:100%;float:default;}
#main_special_right {padding-top:5em;padding-left:3em;}
.special_tit {font-size:4vw;font-weight:800;text-align:left;}
.special_ent {padding-top:1em;}
.special_bullet {clear:both;width:5%;padding-top:3vw;}
.special_detail {width:95%;font-size:2.5vw;}
.special_block2 {padding-top:5em;}
.special_block2_left {padding-left:3em;}
#main_function_top {padding:4rem 0;}
.main_function_slogan {padding-top:2rem;font-size:16pt;line-height:1em;}
#padbox {padding:2rem;margin-top:-1em;}
#padbox_screen {padding:1.5em;}
#padbox_bottom_line {height:1em;margin-top:3em;}
#main_function {}
.function_wrap {padding:0 2em;}
.function_title {font-size:30pt;}
.function_detail {padding-top:2rem;font-size:12pt;}
.function_detail ul li {padding-bottom:0.7em;line-height:1.7em;font-size:16pt;}
#main_mobile {background-size:200%;background-position:center 30%;padding-top:10vw;padding-bottom:60vw;}
.mobile_title {font-size:6vw;}
.mobile_detail {padding-top:1em;font-size:3vw;line-height:1.7em;}
#join_form_box .da {width:70%;float:left;}
#join_form_box .db {width:30%;float:left;padding-left:1em;}
.join_title {font-size:25pt;}
.join_title_bold {font-size:25pt;}
.join_detail {font-size:14pt;}
#main_notice {padding:4em 0;}
#notice_box {width:100%;padding-right:0;padding-top:0;padding-bottom:3em;}
#faq_box {width:100%;padding-left:0;border-left:0;padding-top:3em;border-top:1px solid #ccc;}
#notice_box .block_title, #faq_box .block_title {font-size:1.6em;text-align:left;}
#copy_text_box div {font-size:0.8em;}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.inner_wrap {padding:0 3em;}
.block_title {font-size:35pt;font-weight:800;color:#222;}
.block_slogan {font-size:2.3vw;padding-top:3rem;}
.block_detail {font-size:2vw;}
#topmenu_wrap {padding:1em 2em;}
#top_logo {width:10%;}
#topmenu_box {width:65%;}
#topmenu_box span {margin:0 1em;}
#top_login_box {width:25%;}
#main_bnn {padding:15rem 0 10em 0;}
#main_bnn_slogan_bold {font-size:40pt;}
#main_bnn_slogan_normal {font-size:40pt;padding-top:3rem;}
#main_bnn_tag_box {padding-top:1.5rem;}
#main_introduce {padding:7rem 0;}
.block_svc_detail {font-size:2.3vw;}
#main_special_left {width:40%;}
#main_special_right {width:60%;}
.special_tit {font-size:2.5vw;}
.special_bullet {width:5%;padding-top:1em;}
.special_detail {width:95%;padding-top:1em;font-size:1.6vw;}
.special_block2 {padding-top:5em;}
#main_function_top {padding:5rem 0;}
.main_function_slogan {padding-top:2rem;font-size:16pt;}
#padbox {padding:2rem;margin-top:-1em;}
#padbox_screen {padding:1.3em;}
#main_function {}
.function_wrap {padding:0 2em;}
.function_title {font-size:35pt;}
.function_detail {padding-top:2rem;font-size:16pt;}
}
@media (min-width: 1200px) and (max-width: 1400px) {
#topmenu_wrap {padding:1em 2em;}
}