@charset "UTF-8";   

/* cdn 말고 로컬로 할시 폰트 패밀리 추가 */
/* 
- 다운로드 링크 : https://github.com/google/material-design-icons/releases/download/3.0.1/material-design-icons-3.0.1.zip
- 폴더위치 : material-design-icons-3.0.1\iconfont 
- 가이드 : https://developers.google.com/fonts/docs/material_icons?hl=ko#setup_method_2_self_hosting
*/

:root{
    --color-01: #aaff07;
    --color-02: #9ade00;
    --color-03: #8ED100;
}
  
.clearfix::after{content: '';display: block;clear: both;} 

  
.w1400{max-width:1400px;margin:0 auto;}
.btn_st1{/* color: var(--color-02); */border: 2px solid #333333;}
.btn_st2{color:#fff;background: #000;/* border: 2px solid #b4d86e; *//* border-top: none; */}

.sub_pg {/* padding-top: 150px !important; */}

.join_form{display:block;max-width: 1200px;margin:0 auto;padding: 0 5vw 50px;}
.join_form h2{font-size:38px;font-weight:700;}
.join_form .notice{padding:10px;background: #f7f7f7;border-radius: 5px;text-align: center;font-size: 16px;margin-bottom: 20px;word-break: keep-all;}
.join_form li{margin-bottom:20px;}
.join_form label span{color: red;}
.join_form input[type="text"],
.join_form input[type="tel"],
.join_form input[type="email"],
.join_form input[type="password"]
{width:100%;padding: 12px 10px;font-size:16px;border: 1px solid #ddd;border-radius: 0;}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus, select:focus{box-shadow:none;}
.join_form select{width:100%;height:42px;font-size:16px;border:none;border-radius:0px;background:#fff url("../image/sub/selectbox.png") no-repeat center right;background-size:16px 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:0.01px;text-overflow:"";}
.join_form select::-ms-expand{display:none;}
.join_form textarea{width: 100%;min-height: 140px;line-height:140%;font-size:16px;padding: 10px 10px !important;border: 1px solid #ddd;resize: none;border-radius: 5px !important;border-radius: 0 !important;}
/*.join_form input[type="checkbox"]{width:1px;height:1px;border:0 none;position:absolute;z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none;}*/
.join_form input[type="radio"],.join_form input[type="checkbox"]{width:1px;height:1px;border:0 none;position:absolute;z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none;display: none;}
.join_form input[type="submit"]{width:100%;padding:14px 0px;margin-top: 20px;font-size: 16px;text-align:center;background: #303336;color: #FFF;border-radius: 5px;}
.join_form input[type="submit"]:hover{cursor:pointer;opacity:0.9;filter:alpha(opacity=90);}
.join_form label{
    margin-bottom: 8px;
    font-size: 16px;
    display: block;
}
.join_form #btn_submit{width:100%;padding:14px 0px;margin-top: 20px;font-size: 16px;text-align:center;background: #303336;color: #FFF;border-radius: 5px;border: none;display: inline-block;}
.join_form #btn_submit:hover{cursor:pointer;opacity:0.9;filter:alpha(opacity=90);}

.join_form i:not(.fa){position:absolute;right:16px;top:14px;width:24px;height:24px;*background:#ddd url("/mimg/reg_btn.png") no-repeat;background-size:cover;}
.join_form h4{display:none;position:absolute;bottom:52px;left:-1px;width:100%;z-index:10;}
.join_form h4 img{vertical-align:middle;width:100%;border:1px solid #aaa;}
.join_form .blind_write{position:fixed;top:0px;left:0px;width:100%;height:100%;background:url("/mimg/blind.png");z-index:999999;}
.join_form .blind_write h1{color:#fff;padding:30px 0px;text-align:center;line-height:130%;}
.join_form .social_img2{display:none;}
.join_form .social_btn{position:absolute;bottom:9px;left:9px;}
.join_form .social_btn dd{float:left;font-size:14px;color:#666;padding:10px 12px;border:1px solid #888;box-shadow:inset 1px 1px 1px #fff;background-color:#f0f0f0;cursor:pointer;margin-right:-1px;font-weight:normal;}
.join_form h6{position:absolute;right:16px;top:20px;font-size:13px;color:#8ab329;}
.join_form i.no{background-color:#d58a8a;}
.join_form i.ok{background-color:#8ab329;}
.join_form h2{padding:50px 15px 10px 15px;line-height:100%;text-align:center;color: #000;}
.join_form h2 img{vertical-align:middle;width:250px;}
.join_form p{font-size:13px;margin:5px 0px 40px 0px;line-height:140%;color:#777;text-align:center;}
.join_form em{display:block;*border:1px solid #7aa31a;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:1px 1px 1px #f0f0f0;}

.join_form li input{}

.join_form .join_agree dl{}
.join_form dl:after{display:block;clear:both;content:"";}
.join_form dd{float:left;position:relative;width: 100%;}
.join_form .sub_label{position:absolute;top:-20px;left:-10px;font-size:11px;letter-spacing:-1px;background:#fafafa;border:1px solid #ccc;padding:4px 7px;box-shadow:1px 1px 1px rgba(0,0,0,0.1);}
.join_form .join_bank label{left:1px;top:16px;}
.join_form .join_bank dd{width:25%;padding-right:2%;margin-right:2%;border-right:1px solid #eee;}
.join_form .join_bank dd a{display:block;font-size:14px;color:#666;padding:10px 12px;margin:4px 0px;border:1px solid #888;box-shadow:inset 1px 1px 1px #fff;background-color:#f0f0f0;text-align:center;}
.join_form .join_bank a:hover{border-color:#4c4c4c;text-decoration:none;box-shadow:inset 1px 1px 1px #f0f0f0;background-color:#fcfcfc;}
.join_form .join_bank a:focus{border-color:#d58a8a;color:#d58a8a;}
.join_form .join_bank dd+dd{width:21%;}
.join_form .join_bank dd+dd+dd{width:46%;padding-right:0px;margin-right:0px;margin-left:-2px;border-right:none;}
.join_form .join_bank2 dd select{font-size:13px;letter-spacing:-1px;}
.join_form .join_bank2 dd input[type="text"]{font-size:13px;}
.join_form .join_bank2 dd,
.join_form .join_bank2 dd+dd{width:22%;}
.join_form .join_bank2 dd+dd+dd{width:22%;padding-right:2%;margin-right:2%;margin-left:0px;border-right:1px solid #eee;}
.join_form .join_bank2 dd+dd+dd+dd{padding-right:0px;margin-right:0px;margin-left:-3px;border-right:none;}
.join_form .join_bank3 dd{width:48%;}
.join_form .join_bank3 dd+dd{width:48%;margin-right:0px;padding-right:0px;margin-left:-2px;border-right:none;}
.join_form .join_email dd{width:33%;padding-right:2%;margin-right:2%;}
.join_form .join_email dd+dd{width: 3%;line-height:2.5;font-weight: normal;vertical-align: middle;font-size: 16px;display: inline-block;}
.join_form .join_email dd+dd+dd{width: 28%;}
.join_form .join_email dd+dd+dd+dd{width: 24%;padding-right:0px;margin-right:0px;margin-left:-2px;border-right:none;}


.join_form dd:last-child .radio{border-right:1px solid #bbb;}
.join_form dd .btn{}
.join_form dd:last-child .btn{}
.join_form dd input[type="radio"] + label:before{position: absolute;width: 100%;height: 100%;border-radius: 0;background: none;top: 0;left: 0;}
.join_form dd input[type="radio"] + label:after{position: absolute;width: 100%;height: 100%;border-radius: 5px;background: none;top: 0;left: 0;}
.join_form dd input[type="radio"]:checked + label{color:#000;}
.join_form dd input[type="radio"]:checked + label:before{position: absolute;width: 100%;height: 100%;border-radius: 5px;background: none;top: 0;left: 0;}
.join_form dd input[type="radio"]:checked + label:after{position: absolute;width: 100%;height: 100%;border-radius: 5px;background: none;top: 0;left: 0;}
.join_form .btn{display:block;width: 100%;line-height: 45px;height: 45px;:1pxsolid #bbb;text-align:center;border: none;color:#aaa;cursor:pointer;font-size: 16px;margin: 0;padding: 0;}
.join_form .btn.on{background: #333;`: #fff;color: #fff;border: none !important;line-height: 42px;transition: none;font-weight: 600;}
.join_form .radio{display:block;width: 80px;line-height:32px;height:32px;border:1px solid #bbb;border-right:none;text-align:center;background-color:#fff;color:#aaa;cursor:pointer;font-size:14px;z-index:10;box-shadow:inset 1px 1px 1px #eee;}
.join_form .radio.on{border-color: #4a4ae1;background: #605cf1;color: #fff; box-shadow: inset 1px 1px 1px #7470ff;}
.join_form .current{border-color:#ccc;background:#eee;}
.join_form .current input{background:none;color:#999;}
.join_form .current i{background:#eee url("/mimg/reg_btn.png") no-repeat 0px -300px;background-size:cover;}
.join_form .join_info li{padding:18px 10px;font-size:16px;color:#666;}
.join_form .join_info li strong{display:inline-block;width:100px;}
.join_form .join_agree{font-size:16px;color:#666;overflow: hidden;}
.join_form .join_agree.join_agree_chk{border:1px solid #ddd;padding: 8px 10px;display: flex;align-items: center;justify-content: space-between;}
.join_form .join_agree.join_agree_chk span{width: 85px;height: 40px;font-size: 14px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;border:1px solid #ddd;border-radius: 0;}

.join_form .join_agree dl{width:100%;display: flex;justify-content: flex-end;}
.join_agree { margin-bottom: 20px; }

.join_agree label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 16px;
}




.join_agree input[type="date"],
.join_agree input[type="time"] {
  width: 100%;
  padding: 10px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
}

.join_form .join_agree dl dd{width:50%;}
.join_form .join_agree dl dd ~ dd{margin-left:10px;}
.join_form .join_agree input{width: 100%;font-size: 16px;padding: 0 10px;border-radius: 0;color: #000 !important;}
.join_form .join_agree.only_web strong{display: inline-block;font-family: 'Pretendard';font-weight: 400;line-height: 1;height: 16px;margin-bottom: 6px;}
.join_form .join_agree strong span{color: red;}
.join_form .join_agree .false{color:#d58a8a;}
.join_form .join_agree span{cursor:pointer;border-radius: 5px;transition: none;}
.join_form .join_agree div{display:block;}
.join_form .join_agree div q{display:inline-block;width:16px;height:16px;background:url("/mimg/help_b.png");vertical-align:middle;quotes:none;cursor:pointer;}
.join_form .settlement input{color:#d58a8a;font-weight:bold;}
.join_form .settlement div strong{color:#d58a8a;font-weight:bold;}
.join_form .join_file{border:none;}
.join_form .join_file li{border:none;background:none;padding:0px;}
.join_form .join_file input[type="checkbox"]{width:14px;height:14px;border:1px solid #666;position:relative;z-index:1;-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;vertical-align:middle;margin:0px 7px;}
.join_form .join_kcapcha img{position:absolute;width:104px;height:52px;top:-1px;left:-1px;border:1px solid #999;vertical-align:middle;}
.join_form .join_kcapcha div{position:relative;margin-left:106px;display:block;}
.join_form .join_kcapcha label{left:1px;top:14px;}
.join_form .join_btn{border:none;}
.join_form .join_btn li{border:none;background:none;padding:0px;}
.join_form .join_btn li a{display:block;padding:14px 0px;font-size:16px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-align:center;border:1px solid #9ac23a;background-color:#8ab329;color:#fff;font-weight:bold;}
.join_form .join_btn li a:hover{cursor:pointer;opacity:0.9;filter:alpha(opacity=90);text-decoration:none;}
.join_form .policy_text{margin-top:17px;height:82px;overflow-y:scroll;padding:10px;background:#fcfcfc;border:1px solid #ccc;line-height:160%;font-size:11px;color:#666;word-break:break-all;white-space:pre-line;-webkit-overflow-scrolling:touch;}
.join_msg{display:none;padding-bottom:8px;color:#d58a8a;font-size:13px;padding-left:1px;}


.sub_ft_nav{position:fixed;background:#fff;bottom: 0px;left: 50%;width: 100%;padding: 10px 10px;border-radius: 0;z-index: 97;/* overflow: hidden; *//* box-shadow: 0px -2px 6px #0000000d; *//* max-width: 1400px; */transform: translate(-50%, 0px);border: 1px solid #e0e0e0;}
.sub_ft_nav .w1400{display:flex;gap: 5px 50px;flex-wrap: wrap;padding: 0 10px;align-items: center;}
.sub_ft_nav .left{width: 60%;position: relative;}
.sub_ft_nav .left li{display:flex;justify-content: space-between;align-items: flex-end;}
.sub_ft_nav .left li ~ li{margin-top: 0;}
.sub_ft_nav .left .price{font-size:24px;font-weight: 600;}
.sub_ft_nav li.add_text{color: #7e7e7e;font-weight: 300;/* background: #f4f4f4; */display: inline-block;!i;!;border-radius: 4px;/* padding: 3px 10px; */}

.sub_ft_nav .left .li_01 .tit{color: #717171;font-size: 20px;font-weight: 500;}
.sub_ft_nav .left .li_01 .price{color:#717171;}

.sub_ft_nav .left .li_02 .tit{font-size: 24px;font-weight: 600;}

.sub_ft_nav .left .li_03 .tit{color: #3f3f3f;letter-spacing: -1px;position: absolute;top: -33px;border: 1px solid #000000;padding: 4px 10px;border-radius: 5px;background: #ffffff;right: 0;box-shadow: 0 0 10px #87878729;animation: blink 1.5s step-start infinite;}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.sub_ft_nav .left .li_03 .tit:after {content: '';position: absolute;bottom: 1px;right: 5%;width: 0;height: 0;border: 6px solid transparent;border-top-color: #ffffff;border-bottom: 0;margin-left: -6px;margin-bottom: -6px;}
.sub_ft_nav .left .li_03 .tit:before {content: '';position: absolute;bottom: 0;right: 5%;width: 0;height: 0;border: 6px solid transparent;border-top-color: #000000;border-bottom: 0;margin-left: -6px;margin-bottom: -6px;}
.sub_ft_nav .left .li_03 .txt{display: flex;align-items: center;justify-content: flex-end;gap: 3px;/* background: linear-gradient(to top, #d7ff8b  40%, transparent 40%); */letter-spacing: -1px;font-weight: 300;width: 100%;}
.sub_ft_nav .left .li_03 .txt span{font-size:20px;color: #84cc2f;/* background: #d7ff89; */}

.sub_ft_nav .right{width: calc(40% - 50px);display: flex;flex-wrap: wrap;align-content: space-between;}
.sub_ft_nav .right li{width:100%;text-align:center;display: flex;gap: 0px;flex-wrap: wrap;}
.sub_ft_nav .right .li_02 > div{display:flex;width: 100%;gap: 0px;}
.sub_ft_nav .right .li_02 > div a{flex: 1;width: 100%;max-width: none;}
.sub_ft_nav .right .li_02 > div a:nth-child(1){border-radius: 6px 0 0 6px;/* border-right: none; */background: #333;color: #fff;}
.sub_ft_nav .right .li_02 > div a:nth-child(1):hover{background:#000;}
.sub_ft_nav .right .li_02 > div a:nth-child(2){border-radius: 0 6px 6px 0;background: #fff;transition: all 0.3s ease;}
.sub_ft_nav .right .li_02 > div a:nth-child(2):hover{
    gap: 10px;
    transition: all 0.3s ease;
}
.sub_ft_nav .right .li_02 a{width: 100%;height: 48px;font-size:18px;display: flex;align-items: center;justify-content: center;gap: 5px;border-radius: 0 0 6px 6px;background: #bbff37;color: #000;}

.sub_ft_nav .full_link{width: 200px;font-size: 16px;display: flex;justify-content: center;align-items: center;/* background: #ededed; */padding: 6px  0;margin: 0 auto;color: #000000;border-radius: 100px;border: 1px solid #333;}

@media screen and (max-width: 1079px){
    .sub_ft_nav{border-radius:0;width: 100%;!i;!;left:0;box-shadow:none;padding: 10px 0px;transform: none;bottom: 0 !important;}
    .sub_ft_nav .right .li_02 > div a{font-size:16px;}
    
}

@media screen and (max-width:767px){

    .sub_ft_nav .left{width:100%;}
    .sub_ft_nav .right{width:100%;}
    .sub_ft_nav .left .price{font-size: 18px !important;}
    .sub_ft_nav .left .li_01 .tit{font-size: 16px;}
    .sub_ft_nav .left .li_02 .tit{font-size: 18px;}
    .sub_ft_nav .left .li_03 .txt .price{font-size: 14px !important;font-weight: 300;}

    .sub_ft_nav .right li{display: flex;}
    .sub_ft_nav{padding-top:10px;}
    .sub_ft_nav .right .li_02 a{flex: 1;font-size: 16px;height: 36px;}
    .sub_ft_nav .right .li_02 a span{font-size: 18px;}

	.sub_ft_nav .left .li_03 .tit{font-size:12px;}

}

.sub_10{}

.sub_10 h3{font-size:35px;margin-bottom:40px;word-break: auto-phrase;}
.sub_10 .selec{display:flex;margin-bottom: 5px;flex-wrap: wrap;position: relative;justify-content: flex-start;}
.sub_10 h4{color: #21272a;font-size: 25px;font-weight: 700;letter-spacing: -.3px;line-height: 1.2;margin: 0 0 20px;min-width: 100%;}
.sub_10 ul:not(.swiper-wrapper){width:calc(100% - 200px);display: flex;gap: 10px;flex-wrap: wrap;}
.sub_10 li{width: calc(33.33% - 7px);border:1px solid #ddd;border-radius: 6px;padding: 20px;position: relative;cursor: pointer;height: auto;display: flex;justify-content: space-around;align-items: flex-end;flex-wrap: wrap;overflow: hidden;}

.sub_10 li.good_ch::before{content:'추천';position:absolute;right:0;top:0;background: #f13200;color: #fff;font-size: 16px;padding: 5px 10px;}

.sub_10 .selec_01 li{height: 110px;text-align: center;/* min-width: 280px; *//* display: flex; *//* flex-direction: column; */}
.sub_10 .selec_01 li .img_box{width:100%;}
.sub_10 .selec_01 li img{height: auto;max-height: 38px;width: auto;max-width: 100%;}
.sub_10 .swiper_wrap{width: calc(100% - 82px);position:relative;margin-left: 42px;}
.sub_10 .swiper {width: 100%;overflow: hidden;padding-bottom: 20px;/* padding-right: 10px; *//* position: relative; */}
.sub_10 li.active{border: 1px solid #84cc2f;background: #fcfff5;box-shadow: 3px 3px 15px #3033361a;}
.sub_10 .selec_01 .tit{display: inline-block;width:100%;font-size: 18px;margin-top: 10px;}
.sub_10 .s1_nav {position: absolute;/* background: #fff; */opacity: 1;width: 32px;height: calc(100% - 22px);right: -31px;top: 0;border-radius: 3px;/* box-shadow: 5px 5px 10px #00000029; *//* border: 1px solid #000; */display: flex;align-items: center;justify-content: center;cursor: pointer;}
.sub_10 .s1_nav_prev{left: -38px;/* top: 0; */}
.sub_10 .swiper-button-disabled{opacity: 0.2;}

.sub_10 .selec_02 .chk_box{width: calc(100% - 200px);padding: 0;border: none;display: flex;gap: 10px;margin-top: 5px;flex-wrap: wrap;margin-bottom: 15px;}
.sub_10 .selec_02 label{cursor:pointer;}

.sub_10 .price{font-size: 20px;display: inline-block;/* background: linear-gradient(to top, #d7ff8b  40%, transparent 40%); */color: #000;line-height: 1;margin-top: 4px;font-weight: 600;border-top: 1px dashed #ddd;padding-top: 10px;text-align: left;}
.sub_10 .price b{display:inline-block;color: #84cc2f;width: auto;font-size: 28px;line-height: 1;margin: 0;}
.sub_10 b span{font-size:18px;}
.sub_10 b{display: inline-block;font-size:34px;width: 100%;margin-bottom: 10px;}
.sub_10 p{font-size:16px;line-height:1.4;color: #6f6f6f;width: 100%;}



@media screen and (max-width:1400px){
    .w1400{padding: 0 20px;}
    .sub_10 .swiper_wrap{width: calc(100% - 40px);margin-left: 20px;}
    .sub_10 .s1_nav_prev{left: -40px;}
}

@media screen and (max-width:767px){
    .sub_10 h4{width:100%;}
    .sub_10 .selec_02 .chk_box{width:100%;}
    .sub_10 h3{font-size:28px;}
    .sub_10 h4{font-size:20px;margin-bottom: 8px;}

    .sub_ft_nav .full_link{font-size:16px;padding: 5px 0;display: none;}

    .sub_10 p{font-size:14px;}
    .sub_10 .price{font-size:18px;}
	.sub_10 .selec_01 .tit{font-size: 14px;}
    .sub_10 b{font-size:23px;}
    .sub_10 b span{font-size:16px;}
	.sub_10 .selec_01 li img{max-height: 26px;}
    .sub_10 li{padding: 13px 13px;}
    .sub_10 li.good_ch::before{font-size: 12px;padding: 3px 5px;}
	.sub_10 .s1_nav{width:20px;right: 0px;}
	.sub_10 .s1_nav_prev{left: -20px;z-index: 10;background: #fff;}
	.sub_10 .swiper_wrap{
    width: 100%;
    margin-left: 0;
    padding: 0 21px 0 3px;
}

}

.sub_20{margin-top: 120px;margin-bottom: -74px;}

.sub_20 .ico_box{margin-top: 50px;position: relative;}
.sub_20 .ico_box ul{width:100%;max-width:1400px;margin:0 auto;display: flex;gap: 50px;flex-wrap: wrap;justify-content: center;align-items: center;position: relative;}
.sub_20 .ico_box::before{content:'';display:block;width:100%;height: 60%;background: #F9F9F9;border-radius: 110px 110px 0 0;position: absolute;bottom: 0;left: 0;z-index: 0;}
.sub_20 .ico_box li{background: #fff;padding: 20px;border-radius: 10px;min-height: 520px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;flex-direction: column;width: 429px;border: 1px solid #c2c2c2;}
.sub_20 .ico_box .photo_box{margin-bottom:20px;}
.sub_20 .ico_box img{max-height: 238px;width: 100%;}
.sub_20 .ico_box .tit_01,
.sub_20 .ico_box .tit_02,
.sub_20 .ico_box .tit_03{display: inline-block;font-size: 29px;margin: 20px 0 10px;font-weight: 600;}
.sub_20 .ico_box .tit_01{color: #3087fb;}
.sub_20 .ico_box .tit_02{color: #7278fa;}
.sub_20 .ico_box .tit_03{color: #fe3e7e;}
.sub_20 .ico_box .txt{font-size: 21px;line-height: 1.3;color: #333;max-width: 250px;margin: 0 auto;word-break: auto-phrase;text-align: center;}

.sub_20 .cont_ft{background: #f9f9f9;padding: 110px 0 20px;}

.sub_20 h2{text-align:center;font-size: 40px;margin-bottom: 40px;word-break: auto-phrase;}
.sub_20 h2 b{background: linear-gradient(to top, var(--color-01) 40%, transparent 40%);}
.sub_20 h2 p{font-weight: 400;font-size:18px;display: inline-block;margin-top: 10px;font-family: 'pretendard';}
.sub_20 h2 span{display: inline-block;width: 100%;color: var(--color-03);font-size: 50px;}
.sub_20 h2 span em{color:#000;font-style: normal;}

.sub_20 .item_box {max-width: 970px;margin: 60px auto;display: flex;justify-content: center;align-items: center;background: #fff;border: 1px solid #ddd;border-radius: 21px;padding: 40px 22px 30px 22px;flex-wrap: wrap;position: relative;}

.sub_20 .item_box h4{font-size: 31px;width: calc(100% - 270px);text-align: center;margin-bottom: 30px;word-break: keep-all;}
.sub_20 .item_box h4 b{font-weight:700;}
.sub_20 .item_box_2{border: 2px solid #ed2935;}
.sub_20 .item_box_2 h4{color:#ed2935;;}
.sub_20 .img_box{gap: 0;display: flex;align-items: center;margin-bottom: 30px;}
.sub_20 .img_box li{text-align:center;}
.sub_20 .img_box li.ico.mo{display:none;}
.sub_20 .img_box span:not(.material-icons-outlined){display:inline-block;width: -webkit-fill-available;margin-top: 20px;font-size: 18px;max-width: 143px;}
.sub_20 .item_box::before{content:'';display: block;width: 120px;height: 90px;background-size: contain;background-repeat: no-repeat;position: absolute;left: 40px;top: -8px;}
.sub_20 .item_box_1::before{background-image: url('../images/internet/sub01_img10.png');}
.sub_20 .item_box_2::before{background-image:url('../images/internet/sub01_img11.png');}
.sub_20 .item_box_3::before{background-image:url('../images/internet/sub01_img12.png');}

@media screen and (max-width:1400px){
    .sub_20 .ico_box ul{padding: 0 20px;gap: 30px;}
    .sub_20 .ico_box ul li{width: calc(33.33% - 20px);min-height: 480px;}
    .sub_20 .ico_box img{max-height: 143px;width: auto;}
    .sub_20 .ico_box::before{border-radius:40px 40px 0 0;}

}

@media screen and (max-width: 1200px){
    .sub_20 .ico_box .tit_01,
    .sub_20 .ico_box .tit_02,
    .sub_20 .ico_box .tit_03{font-size:23px;}
    .sub_20 .ico_box .txt{font-size:18px;width: 100%;max-width: none;}
    .sub_20 .ico_box ul li{min-height: 370px;}
}

@media screen and (max-width:969px){
    .sub_20 .ico_box ul li{max-width: 390px;min-height: auto;padding: 50px 20px;width: 100%;}
    .sub_20 .ico_box::before{height:80%;}
    .sub_20 .ico_box .txt br{display:none;}

    .sub_20 .item_box::before{left: 50%;transform: translate(-50%, 0px);}
    .sub_20 .item_box h4 b{display: inline-block;width:100%;}
    .sub_20 .item_box{padding-top: 110px;display: flex;flex-direction: column;/* max-width: 390px; */padding: 110px 20px 20px;}

    .sub_20 .item_box h4{font-size: 23px;width: 100%;}
    .sub_20 .img_box span:not(.material-icons-outlined){font-size: 14px;}

    .sub_20 .img_box{display: flex;gap: 20px 5px;flex-wrap: wrap;justify-content: center;}
	.sub_20 .img_box li:not(.ico){width: 70px;}
	.sub_20 .img_box li img{max-width: 100% !important;}
    .sub_20 .img_box li.ico.mo{display:inline-block;}
	.sub_20 h2{font-size:27px;}
}

}
/*  table style */
.table_box{overflow:auto;}

.table_st1 {margin:.75em 0;width:100%;border-top: 2px solid #2b3456;border-bottom: 1px solid #ddd;position:relative;width:calc(100% + 1px);margin-left:-1px;font-weight:300;line-height:1.25;border-collapse:collapse;font-size: 16px;}
.table_st1 th{padding:.9em .5em;color: #000;font-weight:500;}
.table_st1 td{word-break:keep-all;padding: 15px 10px;background: #fff;border: solid #d6ddc6;border-width:1px;color:#333;position:relative;font-weight: 500;text-align: center;transition:background .3s;-webkit-transition:background .3s;}
.table_st1 .th{background: #f5ffe2;border-left: none;}
.table_st1 .br_n{border-right:none;}
.table_st1 tbody tr:first-child th,
.table_st1 tbody tr:first-child td{border-top-width:0}
.table_st1 th[scope="row"]{border-bottom:1px solid #ddd;}
.table_st1 tr:last-of-type th[scope="row"]{border-bottom:0;}
.table_st1 tbody th {background: var(--table1-th-bg);}
.table_st1 thead th {font-weight: 500;background: #c0ff47;border: 1px solid #f3ffdb;color: #000;ff;font-size: 18px;}
.table_st1 tfoot td {background: var( --table1-tf-td-bg);border-color: var(--table1-tf-td-border);color: #000;}
.table_st1 tfoot th {background: var(--table1-tf-th-bg);border-color: var(--table1-tf-th-border);}


.table_st2{border-collapse:collapse;border-spacing:0;min-width:100%;width:100% !important;line-height: 1.2;font-size: 16px;}
.table_st2 tbody{border-top:1px solid #000;border-bottom: 1px solid #ddd;}
.table_st2 tbody tr:nth-child(1) th, .table_st1 tbody tr:nth-child(1) td{border-top: 1px solid #000 !important;}
.table_st2 th {word-break:break-all !important;border: 1px solid var(--table2-th-border);text-align:left;vertical-align: middle;}
.table_st2 th{padding:.9em .5em;background: var(--table2-th-bg);text-align:center;}
.table_st2 thead th{text-align:center;border: 1px solid #d6ddc6;border-top: 2px solid #000;font-size: 18px;background: #f5ffe2;}
.table_st2 td{padding: 15px 10px;border: 1px solid #ddd;text-align: center;vertical-align: middle;}
.table_st2 td a:hover{text-decoration:underline;}
.table_st2 tr th:first-child,
.table_st2 tr td:first-child{border-left:none;}
.table_st2 tr th:last-child,
.table_st2 tr td:last-child{border-right:none;}
.table_st2 tfoot td {background: var(--table2-tf-td-bg);border-color: var(--table2-tf-td-border);color: #000;}
.table_st2 tfoot th {background: var(--table2-tf-th-bg);border-color: var(--table2-tf-th-border);}

/* company */
.company {overflow-x: hidden;}
.company .cp_main{background: url('../images/internet/company_01.png') top center;background-size: cover;width: 100%;height: 100vh;display: flex;color: #fff;text-align: center;justify-content: center;align-items: center;}
.company .cp_main h3{font-size:80px;word-break: auto-phrase;}
.company .cp_main p{font-size: 23px;margin-top: 10px;font-weight: 300;color: #e3e3e3;}

.company .cp_mid{padding: 50px 0;margin: 70px 0 110px;max-width: 1400px;margin: 0 auto;position: relative;/* height: 680px; */padding-bottom: 130px;}
.company .cp_mid h3{font-size:50px;font-weight: 400;font-family: 'pretendard';/* max-width: 1400px; */margin: 0 auto 40px;}
.company .cp_mid .mySwiper{overflow: hidden;width: 100vw;}
.company .cp_mid .swiper-slide{display: flex;width: auto !important;align-items: flex-end;}
.company .cp_mid .img_box{max-width: 290px;border-radius: 12px;overflow: hidden;}
.company .cp_mid .txt_box_1{max-width: 350px;margin-left: 20px;}
.company .cp_mid .txt_box_1 .num{font-size:30px;font-weight:700;color: #3a3a3a;margin-bottom: 20px;display: none;}
.company .cp_mid .txt_box_1 .tit_1{font-size: 26px;word-break: auto-phrase;margin-bottom: 10px;/* height: 110px; */}
.company .cp_mid .txt_box_1 .tit_1 b{background: linear-gradient(to top, #c7ff5a 40%, transparent 40%);}
.company .cp_mid .txt_box_1 .txt_1{font-size:18px;color: #676666;line-height: 1.4;word-break: auto-phrase;}

.company .cp_btm{background-color: #303336;background: url(../images/internet/company_07.png) top right #303336;padding: 70px 0 120px;overflow: hidden;}
.cp_btm {}
.cp_btm .txt_box_1{color: #fff;margin-bottom: 90px;}
.cp_btm .txt_box_1 h4{font-size:38px;margin-bottom: 20px;}
.cp_btm .txt_box_1 p{font-size:18px;color: #b9b9b9;}
.cp_btm .txt_box_1 p span{color:#fff;}

.cp_btm  .history_box{position: relative;height: 202px;/* overflow: hidden; */}
.cp_btm  .his_cont{display: flex;color:#fff;flex-direction: row;gap: 0 30px;position: absolute;left: 0;}
.cp_btm  .his_cont li{width:auto;}
.cp_btm  .his_cont .top{display: flex;align-items: flex-start;justify-content: flex-end;top: -119px;flex-direction: column;}
.cp_btm .his_cont .top span{margin-top:10px;}
.cp_btm  .his_cont .btm{display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;top: 121px;}
.cp_btm  .his_cont .tit_1{display:inline-block;background: var(--color-01);color: #000;padding: 10px 20px;border-radius: 10px;text-align: center;position: relative;font-size: 18px;}
.cp_btm .his_cont .tit_1.last{background-color: #aaff0700;backdrop-filter: blur(3px);box-shadow: 0 0 20px #aaff073d;border: 1px solid var(--color-01);color: #fff;}
.cp_btm  .his_cont .txt_1{font-size: 18px;width: 230px;word-break: auto-phrase;}
.cp_btm .his_cont .tit_1::before{content:'';display:block;width:10px;height:10px;background:#fff;border-radius:50%;position:absolute;left: 0;margin-left: 3px;}
.cp_btm .his_cont .top .tit_1{margin-top:14px;}
.cp_btm .his_cont .btm .tit_1{margin-bottom: 14px;}
.cp_btm .his_cont .top .tit_1::before{bottom: -23px;}
.cp_btm .his_cont .btm .tit_1::before{top: -25px;}
.cp_btm .line{height: 1px;background:#fff;width: 200vw;position:absolute;left: -100%;top:50%;}

@media screen and (max-width: 1400px){
    .company .cp_mid{padding: 50px 20px;/* margin-bottom: 130px; */height: auto;}
    
}

@media screen and (max-width: 969px) {
	.company .cp_main h3{font-size: 70px;}
    .company .cp_main p{font-size:18px;}
    
}

@media screen and (max-width:768px){
    .company .cp_mid{overflow:hidden;}
    .company .cp_mid .swiper-slide{display: flex;flex-direction: column;align-items: flex-start;}
    .company .cp_mid .img_box{}
    .company .cp_mid .txt_box_1{/* width:100%; */margin-left: 0;margin-top: 30px;max-width: 290px;}

    .company .cp_main h3{font-size: 50px;}
    .company .cp_main p br{display:none;}
    .company .cp_mid h3{font-size: 35px;}

    .company .cp_mid .txt_box_1 .tit_1{font-size:23px;}
    .company .cp_mid .txt_box_1 .txt_1{font-size:16px;}
    .cp_btm .txt_box_1 p{font-size:16px;}
    

}


.internet_join {background: #f9f9f9;padding: 50px 5vw;min-height: calc(100vh - 86px);}
.internet_join .wrap {max-width: 440px;background: #fff;margin: 0 auto;padding: 20px 20px;position: relative;}
.internet_join h3 {font-size: 27px;margin-bottom: 10px;word-break: keep-all;}

.internet_join .join_order{max-width: 440px;margin: 0 auto 20px;padding: 0 20px;display: flex;position: relative;justify-content: space-between;}
.internet_join .join_order::before{content:'';display:block;width: calc(100% - 120px);height:3px;position: absolute;background: #ddd;left: 50%;top: 50%;transform: translate(-50%, -10px);z-index: 0;}
.internet_join .join_order li{/* flex:1; */display: flex;flex-direction: column;align-items: center;position: relative;}
.internet_join .join_order .ico{width: 45px;height: 45px;border-radius: 50%;background: #ddd;text-align: center;line-height: 58px;color: #848484;margin-bottom: 7px;}
.internet_join .join_order .active .ico{background: #303336;color: #fff;}

.internet_join .view_box {background: #f9f9f9;padding: 20px;border-radius: 6px;margin-bottom: 30px;}
.internet_join .view_box h4 {margin-bottom: 9px;font-size: 18px;color: #ffffff;display: flex;align-items: center;gap: 5px;background: #303336;display: inline-block;padding: 4px 7px;border-radius: 5px;/* border: 1px solid #8ed700; */margin-left: -4px;}
.internet_join .view_box ul { width: 100%; display: flex; }
.internet_join .view_box li {flex: 1;font-size: 16px;margin: 0px 0;word-break: keep-all;}
.internet_join .view_box .tit_top > li:nth-child(1){margin-bottom:5px;}
.internet_join .view_box li:nth-child(2){text-align:right;}
.internet_join .view_box .tit_btm {/* background: #ececec; */border-radius: 5px;padding: 0px 10px;margin: 0px 0 0px;/* border: 1px solid #d5d5d5; */}
.internet_join .view_box .tit_btm li { color: #848484; }
.internet_join .view_box .line {width: 100%;height: 1px;background: #ddd;margin: 11px 0;}
.internet_join .view_box label {width: 100%;height: 55px;border: 1px solid #ddd;margin-bottom: 10px;display: flex;justify-content: center;align-items: center;position: relative;background:#fff;border-radius: 40px;font-size: 16px;line-height: 1.2;}
.internet_join .view_box label.on { border: 2px solid #000; }
.internet_join .view_box input[type="radio"] + label:before{top: 13px;left: 14px;}
.internet_join .view_box input[type="radio"] + label:after{top: 19px;left: 20px;opacity: 1;}

.internet_join .view_box2 {}
.internet_join .view_box2 .btn_wrap{display:inline-block;}
.internet_join .view_box2 select{background: #fff;color: #000;border: 1px solid #333;border-radius: 0;}
.internet_join .view_box2 .tit_1{display: inline-block;width:100%;margin-bottom: 10px;margin-top: 20px;}
.internet_join .view_box2 .tit_1 span{color:#d30000;}
.internet_join .view_box2 input{border-radius:0;border: 1px solid #ddd;width: 100%;padding: 0 10px;}
.internet_join .view_box2 .form1 label{margin-right: 10px;}
.internet_join .view_box2 .form3 .input_box{display:flex;align-items: center;gap: 5px;}
.internet_join .view_box2 .form4 .input_box{display: flex;gap: 5px;}
.internet_join .view_box2 .form4 select{width:120px;}
.internet_join .view_box2 .form6 .input_box{display:flex;margin-bottom: 5px;flex-wrap: wrap;position: relative;}
.internet_join .view_box2 .form6 .input_box #daum_juso_pagepost{
    z-index: 10;
}
.internet_join .view_box2 .form6 button{background: #333;color: #fff;width: 90px;position: absolute;right: 0;top: 0;height: 47px;}
.internet_join .view_box2 .form8 label{margin-right:10px;}
.internet_join .view_box2 .form9 .input_box{display:flex;align-items: center;gap: 5px;}
.internet_join .view_box2 .form10 .input_box{display:flex;gap: 5px;}
.internet_join .view_box2 .form11 select{width:100%;height:45px;}
.internet_join .view_box2 .btn_box{display:flex;gap: 8px;margin-top: 20px;}
.internet_join .view_box2 .btn_box *{width:50%;text-align: center;height: 45px;line-height: 45px;font-size: 16px;border-radius: 5px;}
.internet_join .view_box2 .btn_box :nth-child(1){background: #ececec;transition:all 0.3s ease;}
.internet_join .view_box2 .btn_box :nth-child(2){background: #303336;color: #fff;}
.internet_join .view_box2 .btn_box :nth-child(2){background: #303336;color: #fff;}
.view_box2 .btn_box .next_btn{background:var(--color-01) !important;color:#000 !important;transition:all 0.3s ease;}
.view_box2 .btn_box .next_btn:hover{background:#333 !important;color:#fff !important;transition:all 0.3s ease;}

.internet_join .view_box3{text-align:center;height: 450px;display: flex;flex-wrap: wrap;align-content: space-between;justify-content: center;align-items: center;padding: 10px 10px;}
.internet_join .view_box3 > img{margin-top: 16px;}
.internet_join .view_box3 b{display: inline-block;font-size: 50px;margin-bottom: 6px;font-weight: 400;font-family: 'pretendard';}
.internet_join .view_box3 .txt_1{font-size:18px;margin-bottom:20px;}
.internet_join .view_box3 .txt_2{color: #808080;word-break: keep-all;}
.internet_join .view_box3 a{width:100%;background: #303336;color:#fff;height:50px;margin-top:20px;line-height: 50px;font-size: 16px;border-radius: 5px;}

.internet_nav{position: fixed;width: 100%;height: auto;background: #fff;padding: 20px 10px 10px;/* height: 158px; */bottom: 0px;left: 50%;transform: translate(-50%, 0px);border-top: 1px solid #000;z-index: 100;max-width: 440px;}
.internet_nav ul{display: flex;justify-content: space-between;padding: 5px 0 0;}
.internet_nav .tit_01{font-size:18px;font-weight:700;}
.internet_nav .tit_01 span{font-size:14px;font-weight:300;color: #7a7a7a;}
.internet_nav .price{color: #d30000;font-size: 20px;font-weight: 700;}
.internet_nav .next_btn{width:100%;height: 45px;background: #303336;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;border-radius: 5px;margin-top: 10px;border: 1px solid #000;}
.internet_nav .btn_box{display:flex;gap: 8px;margin-top: 20px;}
.internet_nav .btn_box *{width:50%;text-align: center;height: 45px;line-height: 45px;font-size: 16px;border-radius: 5px;}
.internet_nav .btn_box :nth-child(1){/* background: #ececec; */width: 100%;}
.internet_nav .btn_box :nth-child(2){background: #303336;color: #fff;}
.internet_nav .btn_box :nth-child(2){background: #303336;color: #fff;}


@media screen and (max-width:767px){
    .internet_join{background:#fff;}
    .internet_join .wrap{padding: 10px 0 90px;}
    .internet_join .join_order{padding:0;}
    .internet_join .join_order::before{width:100%;}
	.internet_nav .tit_01{font-size:14px;}
	.internet_nav .price{font-size:16px;}
	.internet_nav .btn_box{margin-top:10px;}
	.internet_nav .btn_box :nth-child(1){font-size:16px;height: 40px;}
	.internet_join .view_box label{font-size:14px;}
	.internet_join h3{font-size:20px;}
}


.self_join{background: #fff;padding: 20px 5vw;}
.self_join h3 {font-size: 27px;margin-bottom: 40px;word-break: keep-all;}
.self_join .line{background: #ececec;height: 4px;width:100%;margin: 10px 0 20px;}
.self_join .wrap{max-width:100%;padding: 20px 0;}
.self_join .btn_box *{background: #303336;color: #fff;width: 50%;height: 45px;line-height: 45px;text-align: center;font-size: 16px;border-radius: 0;}
.self_join .btn_box *.prev_btn{background:#ececec;color: #000;}

.self_join.self_01 .chk_box{width:100%;height: 100px;border: 2px solid #ddd;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;font-size: 21px;cursor: pointer;font-weight: 600;gap: 8px;border-radius: 0;color: #7a7a7a;flex-direction: row;}
.self_join.self_01 .btn_box a{width: 100%;}

.self_join .box_01{display: flex;flex-wrap: wrap;gap: 10px;}
.self_join .box_01 > p,
.self_join .box_02 > p,
.self_join .box_03 > p{width:100%;display: flex;align-items: center;gap: 5px;margin-bottom: 4px;font-size: 18px;font-weight: 600;}

.self_join .box_02{display:flex;flex-wrap: wrap;gap: 10px;}
.self_join .box_02 img{max-height:30px;max-width: 100%;}
.self_join .box_02 .tit_01{margin-top:10px;}
.retal_join.self_join .box_02 .tit_01{margin:0;font-size: 16px;}

.self_join .box_03{display:flex;flex-wrap: wrap;gap: 10px;margin-bottom: 20px;}
.self_join .box_03 .chk_box{display: flex;align-items: flex-start;}
.self_join .box_03 .center{text-align:center;width: 100%;font-size: 16px;}
.self_join .box_03 .size{font-size: 21px;margin-bottom: 2px;}
.self_join .box_03 .size span{font-size: 16px;}
.self_join .box_03 .txt_01{color: #7c7c7c;}
.self_join .box_03 .price{background: linear-gradient(to top, #e5ffb2 45%, transparent 40%);font-size: 18px;margin-top: 6px;font-weight: 600;}

.self_join.internet_join .view_box3{display: flex;flex-direction: column;align-content: center;align-items: center;justify-content: center;gap: 40px;}
.same_btn{background: #333;color:#fff;height: 33px;display:flex;align-items: center;padding: 0 7px;border-radius: 5px;gap: 2px;}
.same_btn span{font-size: 24px;line-height: 1;margin-top: -3px;}
.self_join .radio_cont{width: auto;display: flex;flex-wrap: wrap;gap: 10px;float: left;margin-bottom: 10px;margin-right: 10px;}
.self_join .rd_box{margin-right:5px;font-size: 16px;}


.self_join .btn_box{display: flex;gap: 5px;margin-top: 30px;}
.self_join .btn_box a{width: 50%;}

.self_join .chk_box{border:2px solid #ddd;width: calc(50% - 5px);padding: 20px 15px;display: flex;flex-direction: column;align-items: center;justify-content: cente`r;cursor: pointer;}
.self_join .chk_box.active{border-color: #a4e756;background: #fcfff5;color: #000;/* box-shadow: 3px 3px 0 #303336; */}

.self_join.self_04 a.next_btn{width:100%;background: #303336 !important;color: #fff;border-radius: 5px;}

.self_join textarea{border-radius: 0px !important;margin-bottom: 20px;padding: 10px !important;}

.self_join.self_04.internet_join .join_agree{font-size:16px;color:#666;overflow: hidden;}
.self_join.self_04.internet_join .join_agree.join_agree_chk{border:1px solid #ddd;padding: 8px 10px;display: flex;align-items: center;justify-content: space-between;}
.self_join.self_04.internet_join .join_agree.join_agree_chk span{width: 85px;height: 40px;font-size: 14px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.notice2{margin-top:10px;background: #f7f7f7;padding: 14px;border-radius: 0;}
.self_join.self_04.internet_join .btn{display:block;width: 100%;line-height: 45px;height: 45px;:1pxsolid #bbb;text-align:center;border: 1px solid #ddd;color:#aaa;cursor:pointer;font-size: 16px;margin: 0;}
.self_join.self_04.internet_join .btn.on{background: #333;color: #fff;/* border: 2px solid #333; */line-height: 42px;transition: none;font-weight: 600;}



.flow1 {overflow: hidden;margin: 0px auto;width: 300vw;display: flex;flex-direction: row;flex-wrap: wrap;height: 83px;}
.flow1 img{height:100%;}
.flow1 .list {display: block;float: left;margin-right: 40px;height: 80px;}
.flow1 .list > li {white-space: nowrap;height: 80px;margin-right: 30px;}

@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}


/* 반응형 스타일 */
@media (max-width: 1280px) {
    .flow_banner .list > li {font-size: 16px;padding: 10px;}
}

@media (max-width: 767px) {
    .flow_banner .list > li {font-size: 14px;padding: 5px;}
}


.num_wrpa { /* background: #f8f8f8; */border-top: 1px solid #e8e8e8; /* border-radius: 37px; */padding: 10px 18px;width: 100%;}

.num_wrpa label {display: inline-block;font-size: 16px;line-height: 1.2;}
.num_wrpa label b{font-size: 16px;width: auto;margin: 0;color: #E91E63;line-height: 1;}
.num_wrpa input {border: none !important;border-radius: 5px;height: 40px;font-size: 18px;/* text-indent: 10px; */margin-left: 10px;background: #f9f9f9;/* width: auto; */}

.detail_img_box{margin-top:100px;padding: 0 20px;}
.detail_img_box .mo{display: flex;display:none;background: #f5f5f5;border-radius:5px;margin-bottom:10px;text-align: center;color: #676767;align-items: center;justify-content: center;padding: 10px;gap: 6px;}
.detail_img {max-width: 100%;margin: 0 auto;display: block;}
.img-modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.85);justify-content: center;align-items: center;overflow: hidden;}
.img-close {position: fixed;top: 10px;right: 10px;font-size: 40px;color: #aaff03;cursor: pointer;z-index: 1001;}
#panzoom-area {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: visible;touch-action: none;}
.img-modal-content {max-width: none;max-height: none; /* width: 100%; */height: 100%;touch-action: none;}

@media screen and (max-width:800px){
.detail_img_box .mo{display:flex;}
}