@charset "UTF-8"; 
@font-face {
    font-family: 'SpoqaHanSansNeo-Medium';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: local('SpoqaHanSansNeo-Regular'), local('Apple SD Gothic Neo'), url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Light';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 640px기준  font-size : 1.2em //  40px:2.4em / 36px : 1.95em / 28px : 1.52em / 24px : 1.42em / 22px : 1.32em */
/* 공통 */
:root {--point-color-pink : #D21971;}
body, ul, html{margin:0; padding:0; }
ul{list-style:none;}
a, font, li,  u, strong{font-family:'SpoqaHanSansNeo-medium';}
a:active, a:focus {outline: none !important;}
body, * { font-family: 'SpoqaHanSansNeo-Regular',  'Apple SD Gothic Neo', 'sans-serif' !important;}
h1, h2, h3, h4, h5 {font-family: 'SpoqaHanSansNeo-Regular',  'Apple SD Gothic Neo', 'sans-serif' !important;}
body {background-color: #fff; overflow: hidden; } 

.sub_content > p, input, label {font-family: 'SpoqaHanSansNeo-Regular';}
caption{display:none;}
label {display: block; cursor: pointer; margin: 0;}
.alert_content label {display: block; margin-bottom: 0.333em;}
a{text-decoration:none; color:black;}
.check_box{display: none;}
option:disabled {color: #aaa !important;}
#wrap .wrap {max-width: 100%;height: 100dvh;}
select {appearance: none;background: url(../images/down_arrow_gr.png) no-repeat 97% center/ 7%;}
/* input 자동완성시 배경색 변경 소스 */
input:-webkit-autofill, input:-webkit-autofill:focus, input:focus, input:focus-visible, select:focus, option:focus,
textarea:focus, textarea:focus-visible, input:autofill:focus { -webkit-box-shadow: 0 0 0 0.1em #D21971 inset !important; background-color: #fafafa !important; outline:none; color:#232323;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:activeinput:-webkit-autofill:hover, 
input:autofill, input:autofill:hover, input:autofill:active {
    -webkit-text-fill-color: #000;-webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset;transition: background-color 5000s ease-in-out 0s;
}
.join_box input:-webkit-autofill, .join_box input:-webkit-autofill:hover, .join_box input:-webkit-autofill:active, 
.join_box input:-webkit-autofill:focus, input:-internal-autofill-selected {background-color: #fafafa !important;}
/* input[type=button]:focus, inputinput[type=button]:focus-visible {color:#D21971;} */
/* agree */
.agree_text_wrap {position: fixed; top: 0; left: 0;width:100%;  height:100dvh; background-color: #fff;z-index: 10; }
.agree_text{padding:2em 1.8em; background-color: #fff;border-radius:1em; max-width:640px; margin:0 auto; }
.agree_text img{height:1.6em; cursor: pointer;}
.agree_title{position: relative; font-weight: 900; font-size: 2.1em; padding:1em 0;margin: 0 0 1em; text-align: left; font-family: 'SpoqaHanSansNeo-Regular';}
.agree_title::after {position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 1px; background: #ccc;}
.agree_body_box{font-size:1em; height:90vh;margin-top: 2em; padding-bottom: 7.2em; overflow-y:auto; }
.agree_list{border:1px solid #eee; padding:1em; border-radius:1em; font-size:0.9em;}
.agree_list{line-height:2em; font-family: 'SpoqaHanSansNeo-Regular';}
.agree_body_box > h4,ul > li{font-family: 'SpoqaHanSansNeo-Regular' !important;}
.agree_body_box p {font-weight: 400;}
.agree_body_box .bold {font-weight: 600; font-size: 1.2em; margin: 0.8em 0;}
.agree_pop_content {color: #aaa;}

/* alert */
#new_alert  {width: 100%;}

/* 모달창 */
.modal {text-align: center; z-index: 0 !important;}
.modal:before {display: inline-block; vertical-align: middle; content: " "; height: 100%;}
.modal-dialog {width: 90%; height: 100%;  display: inline-block; text-align: left; vertical-align: middle; margin: auto 0;}
.modal-body {padding: 1.5em 2em 1.5em 2em;}
.modal-content{min-width: 250px; margin: 1em auto;border: none; border-radius: 1.1em; box-shadow: 2px 2px 10px rgba(0,0,0,0.25);}
.modal-content p {color: var(--point-color-pink);font-family: 'SpoqaHanSansNeo-Regular' !important; font-size: 1.3em; text-align: center; margin: 0;}
.modal-header {border: none !important;}
.modal-backdrop {background-color: transparent !important;}
.sub_alert {display: none; width: calc(100% - 60px); position: absolute; top: 1.6em; left: 50%; transform: translateX(-50%);padding: 1.4em;box-shadow: 2px 2px 0.6em rgba(0,0,0,0.25);border-radius: 1em; background: #fff;}
.sub_alert p {margin: 0; font-size: 1.42em; font-weight: 400; text-align: center; color: #aaa; text-align: center;}
/* .sub_show {display: block; animation: sub_show 4s linear forwards ;} */
.top_alert p {color: var(--point-color-pink);}
@keyframes sub_show {
    0% { opacity: 0;}
    50% {opacity: 1;}
}
/* pc */
#wrapper2 {max-width: 1280px; margin: 0 auto;}
.main_pc_left {display: none; visibility: hidden;position: fixed; right: 50%; width: 420px; }
.main_pc_right { display: flex; display: none;visibility: hidden;position: fixed; flex-direction: column;align-items: flex-start; justify-content: flex-end; padding-bottom: 2.6em; }
.icon_wrap1 {height:  4.2em; margin: 0 1em 1.04em;}
.icon_wrap1:nth-child(2) {margin-bottom: 1.56em;}
.icon_wrap img {float: left;}
.icon_circle {float: left; width:  4.2em; height: 4.2em; margin-right: 1em; padding: 1em; background-color: #fff; border-radius: 50%; box-shadow: 0 4px 20px rgba(0,0,0,0.1); cursor: pointer;transition:all 0.2s ease-in ;}
.icon_circle img {transition:all 0.2s ease-in ;}
.bk_img {display: block;}
.wh_img {display: none;}
.right_text { float: left; opacity: 0; font-size: 1.04em; color: #D21971; letter-spacing: -1px; padding-top: 0.7em; transition: all 0.2s ease-in;}
.right_text_homp{ height: inherit; font-family: 'GmarketSansMedium' !important;}
.right_text_call { height: inherit; font-family: 'GmarketSansMedium' !important;}
.icon_circle:hover {background-color:rgba(210, 25, 113, 1);}
.icon_hompage:hover .wh_img{ display: block;}
.icon_hompage:hover .bk_img{display: none;}
.icon_call:hover .wh_img{ display: block;}
.icon_call:hover .bk_img{ display: none;}
.right_text_qr {display: none;float: left; width: 10.4em; margin: 0.6em 0 0; color: #444; font-size: 1.04em; font-family: 'GmarketSansMedium' !important; letter-spacing: -1px;}
.main_chabot_title { margin:0 0 0.95em; font-family: 'GmarketSansMedium' !important; font-size: 1.3em;}
.main_chabot_logo {max-width: 338px;  height: 3.4em; margin: 0; }
.main_chabot_event {width: 380px; margin-top: 4.8em; background-color: rgba(253, 228, 238, 0.3); border-radius: 1.3em;  box-shadow: 0 0 10px rgba(0,0,0,0.2); overflow-x: hidden;}
.event_img {width: 380px;height: 100%; }
.main_company_box {position: relative; width: 380px; height: 4.25em; margin-top: 2em;  border-radius: 1.3em; box-shadow:none; }
.comp_img_bk {display: none; transition:all 0.2s ease-in; opacity: 0; width: 100%;height: 198px; padding: 5em 1em 1em; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 1.3em ; }
.comp_img_bk img {display: none;width: 100%;height:1px; transition: 0.3s all ease-in 0.3s; }
.slick-list {width: 100%; height: 100%; border-radius: 1.5em;}
.slick-track {height: inherit;}
.main_company_box:hover .comp_img_bk {display: block; animation: slide_height 0.2s linear forwards ;}
.main_company_box:hover .comp_img_bk  img {display: block; animation: slide_height2 0.2s linear forwards ;}
@keyframes slide_height {0% {opacity: 0; height:0;} 100% {opacity: 1; height: 198px;} }
@keyframes slide_height2 {0% {height:1px;object-fit: fill;} 99% {object-fit: fill;} 100% { height: 100%;object-fit: contain;}}
@keyframes up_height { 0% {opacity: 1; height: 198px;} 100% {opacity: 0; height:0;}}


.comp_top_box {position: absolute; top: 0;width: 100%; height: 4.25em; background-color: #fff;  padding: 0 1.2em; border-radius: 1.3em; box-shadow: 0 0 10px rgba(0,0,0,0.2);} 
.comp_box_inner {width: 100%; height: inherit;overflow-x: hidden;}
.comp_img_wrap {width: 100%; height:inherit;}
.comp_img_title { float: left;height: inherit; margin-right: 0.8em;font-size: 1.28em; color: #232323; line-height: 3.6em; font-family: 'GmarketSansMedium' !important;  }
.comp_img_wrapper {height: inherit; animation:  rolling 50s linear infinite;}
.comp_img {width: 7.6em;height: inherit;  float: left; }
.comp_img5 {margin-left: 1em;}
.comp_img img {object-fit: contain; height: inherit;}
@keyframes rolling { 0% {transform: translateX(0);} 100% {transform: translateX(-1000%);}}

/* content_top */
#wrapper{ position: relative;
    width: 100%; max-width: 640px;  margin:0 auto;  font-size: 1.2em;background-color: #fff;}
.wrapper_inner {height: 100dvh;padding: 0 1.6em; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; transform: translate3d(0,0,0);-webkit-transform: translateZ(0);}
.content_top {position: fixed; max-width: 640px; top: 0; width: 100%;height: 5.4em; background-color: #fff;z-index: 2; }
.content_logo {float: left;width:4.2em; height: 2.28em;background: url(../images/insurance_original_mo.png) no-repeat center/contain;}
.head_icon {float: left;width: calc(100% / 3);}
.head_left {text-align: left;}
.head_right {text-align: right;}
.head_icon a {display: inline-block;width: 2.4em;height: 2.4em;}
.join_home {float: right;margin-right: 0.2em;}
.join_call {margin-right: 1.7em;}
.join_head {height: inherit; padding: 1.6em; background-color: #fff;}
.join_head p {float: left;width: calc(100% / 3);font-size: 1.52em;  font-weight: 700; text-align: center;line-height: 1.5em;color: #aaa;margin: 0;}
/* content_center */
.content_center {position: relative;padding:0 0 7em;}
.result_center {text-align: center; margin-top: 24em;}
.content_hi {margin: 7em 1.38em 0;}
.content_hi2 {margin: 8.4em 0 3em; }
.content_hi h2{color: #000;font-size: 2.1em; font-weight: 600 !important;line-height: 1.25em; margin: 0;}
.content_hi .hi_txt {color: #aaa;font-size: 1.42em;margin-top: 1em;}
.result_txt {text-align: center;}
.result_txt h2 {font-size: 1.84em; line-height: 1.3;font-weight: 600 !important; margin-top: 1.1em;}
.result_txt p {font-size: 1.74em; color:#AAA;font-weight: 400;}
.join_txt_wrap {margin-top: 3.3em}

/* 2024-06-11 carinsure_consult > view */
.join_box h4 {font-size: 1.42em; margin: 0.5em auto; color: #232323;}
.join_box input, .join_box select {font-size: 1.3em;}
.join_box label {font-size: 1.3em;}
.select_wrap {position: relative;}
select {-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/ appearance:none; box-sizing: border-box;background:transparent;}
select::-ms-expand{ display:none;/*for IE10,11*/ }
select:required:invalid {color:#AAA; }
.select{background: url(../images/down_arrow_gr.png) no-repeat 91% center/ 18%;}
.select_long{background: url(../images/down_arrow_gr.png) no-repeat 95% center/ 7%;}
.select_half{background: url(../images/down_arrow_gr.png) no-repeat 95% center/ 11%;}
.select_arrow {position: absolute; top: 50%; right: 1em; transform: translate(0, -50%); width: 2.2em; height: 2.2em; background: url(../images/down_arrow_gr.png) no-repeat center/ 100%;}
.cert_box {position: relative;}
.cert_txt {margin-top: 1em;}
.re_cert {font-size: 1.4em; position: absolute; right: 1.5em; transform: translateY(-50%); }
.re_number {color:var(--point-color-pink); margin: 0 auto;}
.join_box .re_count {width: 4.2em; height: 2.1em;padding: 0; margin-left: 0.5em;font-size: 0.82em;background: transparent;border:1px solid var(--point-color-pink); color:var(--point-color-pink);border-radius: 2.5em;}
.card_box { margin: 9.2em auto 0; padding: 30% 0 15%; border-radius: 0.6em; box-shadow: 0 0 0.5em rgba(0,0,0,0.25); text-align: center;cursor: pointer;color:var(--point-color-pink);  background-color: #f9f9f9;}
.card_icon {position: absolute; top: 28%; left: 50%;transform: translate(-50%,0); width: 4.8em; height: 4.8em; background: url(../images/picture_mo.png) no-repeat center/contain;}
.file_name { display: none;width: 100%; text-decoration:solid; color: #aaa; font-weight: 500; background: transparent; border: none; text-align: center;padding: 1em 0;}

/* content_bottom */
.content_bottom {position: fixed; bottom: 0; width: 100%;max-width: 640px;padding: 0 1.8em; background-color: #fff;}
.button_wrap {padding-bottom: 1.68em;}
.txt_btn {display: block;width: 100%; ; padding:0.96em 0.88em;margin-bottom: 1em; border-radius: 0.34em; border: none;background-color: #fafafa}
.txt_btn2 {padding: 0.97em 0.88em;color: #232323;}
.txt_btn2::placeholder {color: #aaa;}
.txt_btn2:not(:placeholder-shown) {background: #fafafa !important;}
.card_cert {padding: 1em 0 0;text-decoration: underline; font-size: 1.4em; cursor: pointer;background: transparent;}
/* 2024-06-11 */
.content_agree {padding-top: 5%;} 
/* 2024-06-11 self_auth */
.content_agree2 {padding-top: 25%;} 
.all_chk_btn { padding: 1.18em 0.88em;cursor: pointer;}
.all_chk_label {display: block; float: left; width: 2.2em;height: 2.2em;}
.all_chk_btn p{display: inline-block;margin: 0 0.6em; line-height: 1.62; font-size: 1.35em; color: #000;  font-weight: 700;}
.all_chk_icon1 {display: block;}
.all_chk_icon2 {display: none;}

.all_chk_btn.on {background: #FEF7FA;}
.all_chk_btn.on .all_chk_icon1 {display: none;}
.all_chk_btn.on .all_chk_icon2 {display: block;}
.sub_chk_btn {width: 100%; display: block; cursor: pointer;}
.sub_chk_label {display: block; float: left;  width: 2.2em;height: 2.2em;margin-left: 0.8em; margin-bottom: 0; }
.sub_chk_icon {display: none;}
.sub_chk_icon1 {display: block; }
.sub_chk_btn.on .sub_chk_label .sub_chk_icon1 {display: none;}
.sub_chk_btn.on .sub_chk_label .sub_chk_icon2 {display: block;}

/* 2024-06-25 */
.sub_chk_btn a{ font-size: 1.2em; color: #aaa; text-decoration: underline !important;  line-height: 2.2em;font-family: 'SpoqaHanSansNeo-Light'; }
.sub_chk_box {margin: 0 auto 0.4em;}
.call_btn p {font-weight: 500;line-height: 5.4em;margin: 0 auto;font-size: 1.32em; color: #aaa; text-decoration: underline;text-align: center;}
.bottom_full_btn { display: block;width: 100%; height: 3.14em; margin: 0 auto;line-height: 2.9em;border-radius: 0.58em;color: #fff;font-size: 1.52em;text-align: center; background-color: #ddd;border: none; cursor: pointer;}
.bottom_full_btn2 {display: none;}
.bottom_top_btn {margin: 0.64em auto ;}
.bottom_half_btn {float: left; width: calc(50% - 9px); height: 3.14em;margin: 0;border: none; border-radius: 0.7em;font-size: 1.52em; text-align: center; }
.alert_wrap {position:absolute;display: none; width: 100%;height: 100dvh; left: 0; top: 0;z-index: 11; color: #000;}
.alert_wrap.on {display: block; visibility: visible; transition: all 0.5s ease-in;}
.alert_box {z-index: 100; width: calc(100% - 3.8em); position: absolute; top: 1.5em; left: 50%; transform: translateX(-50%);padding: 1.4em;box-shadow: 2px 2px 0.6em rgba(0,0,0,0.25);border-radius: 1em;background: #fff;}
.alert_box p{color:  var(--point-color-pink);font-size: 1.42em;text-align: center;margin: 0 auto; font-weight: 400;}
.alert_box_center {position: absolute;top:50%; left: 50%; transform: translate(-50% , -50%);width: calc(100% - 60px); height: 34em; padding: 1.74em 1.3em; box-shadow: 2px 2px 0.6em rgba(0,0,0,0.25);border-radius: 1em;background: #fff;}
.alert_box_bottom {position: absolute; top: calc(100% - 21em); left: 50%;  transform: translate(-50% , 0); width: 100%; height: 21em; padding:1.2em 2.6em 1.74em; border-radius: 3.5em 3.5em 0 0;; box-sizing: border-box; background: #fff;}
.alert_box_center h2 {line-height: 1.4em; position: relative; margin: 0 ; padding-bottom: 0.75em; padding-left: 8px; font-weight: 600; font-size: 1.74em;}
.alert_box_center h2::before {content: "";position: absolute;left: 0; bottom: 0; width: 100%; height:1px; background-color: #DDDDDD;}
.alert_box_center .alert_btn {position: fixed;width: calc(100% - 2.6em); bottom: 1.74em;}
.alert_top_bar {width:7.2em; height:0.5em; background:#D9D9D9;border-radius: 1.5em; margin:0 auto;}
.not_today_txt,.banner_close_btn {display: inline-block; color:#C4C4C4; font-size:1.5em; font-family: 'GmarketSansMedium' !important;font-weight: 400; letter-spacing: -1px;}
.not_today_on {color:#000;}
.banner_close_btn, .banner_close_btn:hover, .banner_close_btn:active {float:right; color:#000;}
.alert_banner_box {margin:1.5em auto 2em;}
.alert_banner_img img {width:100%; display:inline-block;}
#loading { left: 50%; transform: translateX(-50%); background-color: rgba(255,255,255,0.7); z-index: auto !important ;}
#loading-image {max-width: 40%;}
.ptnr_cm{color: #D21971;}
/* main */
.alert_main_box {height: 30.88em; display: none; }
.join_type {position: relative; margin-top: 1.6em; }
.join_type .h3 {font-weight: 600; font-size: 1.63em;}
.link_label {position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 3.04em; height: 3.04em; margin: 0 0.88em 0 0; background: url(../images/check_main_gr.png) no-repeat center /contain; }
.alert_main_box p {color: #aaa; font-size: 1.3em;line-height:1.25}
.alert_main_box .alert_btn {position: absolute;}
.alert_input_box {font-size: 1.3em; color: #232323; }
.alert_input_box:first-child {margin-top: 1.25em;}
.alert_content input {height: 3.333em; margin-bottom: 0.94em; padding: 0.9em 0.84em;}
.alert_content input::placeholder {color: #aaa;}
/* direct */
.result_icon {display: inline-block; width: 9.5em; height: 9.5em; }
#consulting_date { background: url(../images/down_arrow_gr.png) no-repeat 95% center / 12%;background-color: #fafafa; }
/* idont_know */
.idont_know_wrap {float: left;height: 3.5em; line-height:3.4em; margin-left:1em; }
.idont_know_check {float: left; width: 1.7em;height: 1.7em; padding: 2.6em 0.6em 0.8em; border-radius: 50%;background:url(../images/check_bg_gr_pc.png) no-repeat center / 100%;}
.idont_know_check.on {background:url(../images/check_bg_pink_pc.png) no-repeat center / 100%;}
.idont_know_label {float: left;  text-align: right; font-size: 1em ; margin-left: 0.4em; color: #aaa; font-weight: 400; }
/* 추가클래스 */
.alert_bg { width: 100%; height: 100%; background: transparent;}
.alert_sub {height: auto !important;}
.bg_bk {background: rgba(0,0,0, 0.3); }
.btn_line {background-color: #fff;border: 0.14em solid var(--point-color-pink);color:  var(--point-color-pink);}
.btn_pink_lt {background: #FEF3F7; color:  var(--point-color-pink);}
.btn_pink {background: var(--point-color-pink); color:  #fff;}
.btn_active {display: block; background: var(--point-color-pink); color:#fff; transition: all 0.3s ease-in;}
.btn_slide {animation: btn_slide 0.2s linear forwards ;}
@keyframes btn_slide {0% {transform: translateY(90%);} 100% {transform: translateY(0);}}
.label_active { background: url(../images/check_main_pink.png) no-repeat center /contain;}
.hidden {display: hidden;}
.ml-2 {margin-left: 0.11px;}
.ml-4 {margin-left: 0.22em;}
.ml-8 {margin-left: 0.434em;}
.pk-color {color: var(--point-color-pink);}
.alert_short {height: 24.5em ;}
/* swiper */
.comp_img_wrap {width: 67.5%; height: inherit; overflow-x: hidden; }
.comp_img_wrap > .swiper-wrapper {transition-timing-function: linear;}

/* 모바일 */
@media screen and (max-width:430px) {
    #wrapper {font-size: 0.88em;}
    .alert_box_center,.sub_alert {width: calc(100% - 30px);}
    .content_top {height: 4.6em;}
    .join_head {padding: 1.24em;}
    .head_icon a {width: 2em; height: 2em;}
    .join_head p {font-size: 1.4em; line-height: 1.6em;}
    .content_hi h2 {font-size: 2em;}
    .result_center {margin-top: 45%;}
} 
/* 작은 태블릿 */
@media screen and (min-width:720px){
    body {background-color: rgba(253, 228, 238, 0.3);}
    #wrapper {width: 480px; font-size: 0.8em;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
    .content_top {max-width: 480px;height:6em;}   
    .content_bottom {max-width: 480px;}
	.alert_box_bottom {top: calc(100% - 23em); height: 23em; }
    #loading {width: 480px;}
}
/* 큰 태블릿 */
@media screen and (min-width:960px){
    .main_pc_left {display: block; visibility: visible; padding-top:10em; }
    #wrap { background: url(../images/bg_line_pc.png) no-repeat 64% 108% /194%;}
    #wrapper {float: right;left: 0; transform:translateX(0);}
    .main_logo_wrap, .main_chabot_logo {display: block; max-width: 306px;}
    .main_tab_menu {display: block; height: 4.2em; margin-top: 3em;}
    .tab_icon {height: inherit; width: 50%; float: left;}
    .right_text {opacity: 1;}
    .tab_text_homp, .tab_text_call { color: #4C4A4B;}
    .tab_icon1:hover .tab_text_homp , .tab_icon2:hover .tab_text_call {color: #D21971;}
    #loading-image {max-width: 16em;}
}
/* 태블릿만 */
@media screen and (min-width:960px) and (max-width:1080px) {
    
}
/* pc부터 */
@media screen and (min-width:1300px) {
    #wrapper {float: none; margin: 0 0;}
    .main_pc_left {right: calc(50% + 7em);padding-top:12em;}
    .main_pc_right {display: block; visibility: visible; bottom: 0; left: calc(50% + 504px);}
    .main_tab_menu {display: none;}
    .comp_img {width: 9.2em;}
    .wrapper_layout {margin:0 0 0 calc(50% - 7px);}
    .right_text {display: none;}
    #wrap {background: url(../images/bg_line_pc.png) no-repeat 85% 105% /140%;}
    .main_chabot_title {font-size: 1.26em;}
    .main_chabot_event, .main_company_box, .event_img {width: 420px;}
    .main_company_box{ height: 4.7em; margin-top: 1.4em;}
    .comp_top_box {height: 4.7em;}
    .comp_img_bk {height: 219px; }
    .comp_img_title {font-size: 1.4em; }
    @keyframes slide_height {0% {opacity: 0; height:0;} 100% {opacity: 1; height: 219px;}}
    @keyframes up_height { 0% {opacity: 1; height: 219px;} 100% {opacity: 0; height:0;}}
}
/* 큰 pc부터 */
@media screen and (min-width:1496px) {
    .icon_hompage:hover ~ .right_text_homp, 
    .icon_call:hover ~ .right_text_call {opacity: 1; display: inline-block;}
    .right_text_qr {display: inline-block; }
}
/* 큰 pc만 */
@media screen and (min-width:1496px) and (max-width:1620px) {
    #wrap {font-size: 0.78em;}
    #wrapper {font-size: 1em;}
    .main_chabot_title {font-size: 1.36em;}
    .comp_img_title {margin-right: 1.6em;}
	.main_chabot_event {border-radius:1.5em;}
}
@media screen and (min-width:1620px) {
    .comp_img_bk { padding: 5.7em 1em 1em;}
}