/*폰트불러오기*/
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
/*@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}*/
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
/*@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
}*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 초기화 */
html {font-size:10px; overflow-x: hidden;}
body {margin:0;padding:0;font-family: 'Pretendard','Montserrat', sans-serif;color:#222;font-weight:300;font-size: 1.7rem;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Pretendard', 'sans-serif';font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
textarea, select {font-family: 'Pretendard', 'sans-serif';font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
a {color:#222;text-decoration:none}
a:hover{color:#8EC540;text-decoration: none;}
a, button{
	transition:all .1s linear;
	-o-transition:all .1s linear;
	-moz-transition:all .1s linear;
	-webkit-transition:all .1s linear;
}
a:hover, button:hover{
	transition:all .1s linear;
	-o-transition:all .1s linear;
	-moz-transition:all .1s linear;
	-webkit-transition:all .1s linear;
}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus, .btn:focus {box-shadow:none;outline: none;}
input::-webkit-input-placeholder {color: #a2a2a2 !important;font-weight: 500;}
input:-ms-input-placeholder {color: #a2a2a2 !important; font-weight: 500;}
textarea::-webkit-input-placeholder {color: #9EA0B9 !important; font-weight: 500;}
textarea:-ms-input-placeholder { color: #9EA0B9 !important; font-weight: 500;}
img{max-width:100%; height: auto;}
th, td{vertical-align: middle;}
figure{margin: 0;}

/* 부트 커스텀 */
:root {
    --main: #8EC540;
    --main-hover: #8EC540;
    --second: #50C0B4;
    --second-hover: #4cb4aa;
    --orange: #F15939;
    --orange-hover: #D12F0D;
    --yellow: #FFAA17;
    --green: #13BF80;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    --max-width-sm: 540px;
    --max-width-md: 720px;
    --max-width-lg: 960px;
    --max-width-xl: 1140px;
    --max-width-xxl: 1290px;
     
  }
/* 부트 인풋 */
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 1.8rem + 2px);
  padding: 0.5rem 1.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #222;
  border: 1px solid #E3E3E3;
  border-radius: 0.3rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-sm {
  height: calc(1.5em + 1.3rem + 2px);
  padding: 0.25rem 1rem;
  font-size: 1.4rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 3rem + 2px);
  padding: 0.5rem 1.4rem;
  font-size: 1.6rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
  
  a.text-primary:hover, a.text-primary:focus {
	color: var(--main-hover) !important;
  }
  .border {
    border: 1px solid #e3e3e3 !important;
  }
  .border-dashed{border-bottom: 1px dashed #707070;}

  .border-dotted{border-bottom: 1px dotted #707070;}
  
  .border-top {
    border-top: 1px solid #e3e3e3 !important;
  }
  
  .border-right {
    border-right: 1px solid #e3e3e3 !important;
  }
  
  .border-bottom {
    border-bottom: 1px solid #e3e3e3 !important;
  }
  
  .border-left {
    border-left: 1px solid #e3e3e3 !important;
  }

  .border-primary {
    border-color: var(--main) !important;
  }
  
  .border-2{
    border-width: 2px !important;
  }

  .rounded {
    border-radius: 0.5rem !important;
}
.rounded-top {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.rounded-right {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-left {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-lg {
    border-radius: 1rem !important;
}
.border-black {
  border-color: #222 !important;
}
.border-dark {
  border-color: #707070 !important;
}
.border-white {
  border-color: #fff !important;
}
/*버튼커스텀*/
.btn {
    display: inline-block;
    font-weight: 700;
    color: #222;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 1rem 2.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
    border-radius: 0.4rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background: #fff;
  }

  .btn-lg, .btn-group-lg > .btn {
    padding: 1.35rem 6.4rem;
    font-size: 1.8rem;
    line-height: 1.5;
    border-radius: 0.4rem;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none;
    }
  }
  
  .btn:hover {
    color: #212529;
    text-decoration: none;
  }
  
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
  }
  
  .btn.disabled, .btn:disabled {
    opacity: 0.65;
  }
  
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  
  a.btn.disabled,
  fieldset:disabled a.btn {
    pointer-events: none;
  }
  
  .btn-primary {
    color: #fff;
    background-color: var(--main);
    border-color: var(--main);
  }
  
  .btn-primary:hover {
    color: #fff;
    background-color: var(--main-hover);
    border-color: var(--main-hover);
  }
  
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: var(--main-hover);
    border-color: var(--main-hover);
    box-shadow: 0 0 0 0.1rem var(--main-hover);
  }
  
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--main);
    border-color: var(--main);
  }
  
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--main-hover);
    border-color: var(--main-hover);
  }
  
  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem var(--main-hover);
  }

  .btn-outline-primary {
    color: #222;
    border-color: #E3E3E3;
  }
  
  .btn-outline-primary:hover {
    color: #fff !important;
    background-color: var(--main);
    border-color: var(--main);
  }
  
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.1rem var(--main);
  }
  
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--main);
    border-color: var(--main);
  }
  
  .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem var(--main);
  }
  
  .btn-secondary {
    color: #fff;
    background-color: var(--second);
    border-color: var(--second);
  }
  
  .btn-secondary:hover {
    color: #fff;
    background-color: var(--second-hover);
    border-color: var(--second-hover);
  }
  
  .btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: var(--second-hover);
    border-color: var(--second-hover);
    box-shadow: 0 0 0 0.2rem var(--second-hover);
  }
  
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: var(--second);
    border-color: var(--second);
  }
  
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: var(--second-hover);
    border-color: var(--second-hover);
  }
  
  .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--second-hover);
  }

  .btn-orange {
    color: #fff;
    background-color: var(--orange);
    border-color: var(--orange);
  }
  
  .btn-orange:hover {
    color: #fff;
    background-color: var(--orange-hover);
    border-color: var(--orange-hover);
  }
  
  .btn-orange:focus, .btn-orange.focus {
    color: #fff;
    background-color: var(--orange-hover);
    border-color: var(--orange-hover);
    box-shadow: 0 0 0 0.2rem var(--orange-hover);
  }
  
  .btn-orange.disabled, .btn-orange:disabled {
    color: #fff;
    background-color: var(--orange);
    border-color: var(--orange);
  }
  
  .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
  .show > .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: var(--orange-hover);
    border-color: var(--orange-hover);
  }
  
  .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
  .show > .btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--orange-hover);
  }

/* 체크박스 */
.form-check{
  padding-left: 0;
}
.form-check .form-check-input{
  display: none;
}
.form-check .form-check-label{
  cursor: pointer; display: flex; align-items: center;
}
.form-check-label .chk-btn{
  width:24px; height:24px; margin-right: 1rem;
  background:#e3e3e3 url(../img/ic_check.png)no-repeat center;
  border-radius: 0.5rem;
}
.form-check-input:checked + .form-check-label .chk-btn{
  background:var(--main) url(../img/ic_check.png)no-repeat center;
}
.form-check-input:checked + .form-check-label .radio-btn{
  background:var(--main) url(../img/ic_check.png)no-repeat center;
}

textarea{resize: none;}

.line_h1{line-height:1.0em;}
.line_h1_1{line-height:1.1em;}
.line_h1_2{line-height:1.2em;}
.line_h1_3{line-height:1.3em;}
.line_h1_4{line-height:1.4em;}
.line_h1_5{line-height:1.5em;}
.line_h1_6{line-height:1.6em;}
.line_h1_7{line-height:1.7em;}
.line_h1_8{line-height:1.8em;}
.line_h1_9{line-height:1.9em;}
.line_h2{line-height:2.0em;}
.line_h2_25{line-height:2.25em;}
.line_h3{line-height:3.0em;}




.fs_8 {font-size: 0.8rem;}
.fs_9 {font-size: 0.9rem;}
.fs_10 {font-size: 1.0rem;}
.fs_11 {font-size: 1.1rem;}
.fs_12 {font-size: 1.2rem;}
.fs_13 {font-size: 1.3rem;}
.fs_14 {font-size: 1.4rem;}
.fs_15 {font-size: 1.5rem;}
.fs_16 {font-size: 1.6rem;}
.fs_17 {font-size: 1.7rem;}
.fs_18 {font-size: 1.8rem;}
.fs_19 {font-size: 1.9rem;}
.fs_20 {font-size: 2.0rem;}
.fs_21 {font-size: 2.1rem;}
.fs_22 {font-size: 2.2rem;}
.fs_23 {font-size: 2.3rem;}
.fs_24 {font-size: 2.4rem;}
.fs_25 {font-size: 2.5rem;}
.fs_26 {font-size: 2.6rem;}
.fs_27 {font-size: 2.7rem;}
.fs_28 {font-size: 2.8rem;}
.fs_29 {font-size: 2.9rem;}
.fs_30 {font-size: 3rem;}
.fs_31 {font-size: 3.1rem;}
.fs_32 {font-size: 3.2rem;}
.fs_33 {font-size: 3.3rem;}
.fs_34 {font-size: 3.4rem;}
.fs_35 {font-size: 3.5rem;}
.fs_36 {font-size: 3.6rem;}
.fs_37 {font-size: 3.7rem;}
.fs_38 {font-size: 3.8rem;}
.fs_39 {font-size: 3.9rem;}
.fs_40 {font-size: 4rem;}
.fs_41 {font-size: 4.1rem;}
.fs_42 {font-size: 4.2rem;}
.fs_43 {font-size: 4.3rem;}
.fs_44 {font-size: 4.4rem;}
.fs_45 {font-size: 4.5rem;}
.fs_46 {font-size: 4.6rem;}
.fs_47 {font-size: 4.7rem;}
.fs_48 {font-size: 4.8rem;}
.fs_49 {font-size: 4.9rem;}
.fs_50 {font-size: 5rem;}


.fw_100 {font-weight: 100;}
.fw_200 {font-weight: 200;}
.fw_300 {font-weight: 300;}
.fw_400 {font-weight: 400;}
.fw_500 {font-weight: 500;}
.fw_600 {font-weight: 600;}
.fw_700 {font-weight: 700;}
.fw_800 {font-weight: 800;} 


.fw_light{font-weight: 300;}
.fw_regular{font-weight: 400;}
.fw_semibold{font-weight: 600;}
.fw_bold{font-weight: 700;}
.fw_extrabold{font-weight: 800;}

.fc_wh{color:#fff;}
.fc_222{color:#222;}
.fc_a2{color:#A2A2A2;}
.fc_C4C4C4{color: #c4c4c4;;}

.text-danger {color: #F9564F !important;}
.text-success{color: #00AEEF !important;}
.text-primary{color: var(--main) !important;}
  /* .text-secondary{color: var(--second) !important;} */

.bg_f1{background:#F1F1F1;}
.bg_f9f9fa{background:#F9F9FA;}
.bg_f9f9f9{background:#F9F9F9;}
.bg_gr888{background:#888;}
.bg_gr999{background:#999;}
.bg_grd7{background:#D7D7D7;}
.bg_green{background:#05CEAC;}
.bg_lgr{background:#F5F5F5;}
.bg_lgr2{background:#F6F6F6;}
.bg_pp{background:#00AEEF;}
.bg_lpp{background:#F3F4FF;}
.bg_lpp2{background:#EBECF9;}
.bg_gradient{background: linear-gradient(to right, #726AFF, #57ABFF);}
.bg-transparent{background:transparent;}
.bg-dark{background:#353A3E;}
.bg-info {background-color: #0d6efd!important;}
.bg-primary{background-color: var(--main) !important;}
.bg-secondary{background-color: var(--second) !important;}


.clear {clear: both;}
.clear:after{content:""; display:block; clear:both;}

.cont_wr{max-width:1230px;margin:0 auto;padding: 0 15px; position: relative;}
.cont_wr:after{content:""; display:block; clear:both;}

.white-space-nowrap{white-space: nowrap;}

.container {max-width: var(--breakpoint-xxl);}

/* 이미지 정사각형 만드는 클래스 */
.rect{
  border-radius: 10px; overflow: hidden; position:relative; width:100%;
}
.rect::after{
  content: '';
  display: block; padding-bottom: 100%;
}
.rect>img{
  position:absolute; width:100%; height:100%; object-fit: cover;
}

/* 이미지 세로 직사각형 비율 16:9 */
.rect2{
  overflow: hidden; position:relative; width:100%;
}
.rect2::after{
  content: '';
  display: block; padding-bottom: 56.25%;
}
.rect2>img{
  position:absolute; width:100%; height:100%; object-fit: cover;
}

/* 말줄임 */
.text-hidden{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-hidden2{
   /* 특정 단위로 텍스트를 자르기 위한 구문 */
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 텍스트를 자를 때 원하는 단위 ex) 2줄 */
    -webkit-box-orient: vertical;
    overflow: hidden;  
}


/*너비 넓이*/
.w-5{width:5%;}
.w-10{width:10%;}
.w-15{width:15%;}
.w-20{width:20%;}
.w-30{width:30%;}
.w-35{width:35%;}
.w-40{width:40%;}
.w-45{width:45%;}
.w-55{width:55%;}
.w-60{width:60%;}
.w-65{width:65%;}
.w-70{width:70%;}
.w-80{width:80%;}
.w-85{width:85%;}
.w-90{width:90%;}
.w-95{width:95%;}
.cont_1200{max-width:1200px;width:100%;margin:0 auto;overflow: hidden;padding-left: 26px;  padding-right: 26px;}

/*3뎁스 탭*/
.Tap_wrap{    overflow: hidden;}
.Tap_wrap .nav-tabs{border: 0; border-radius: 0 !important; margin: 0 -2.5rem;   justify-content: center;    flex-wrap: nowrap;  overflow-x: scroll; margin-bottom: 6rem; }
.Tap_wrap .nav-tabs li {padding: 2rem 2.5rem; white-space: nowrap;}
.Tap_wrap .nav-tabs li a{font-size: 2.6rem;padding: 0.5rem 0; width: 100%;}
.Tap_wrap .nav-tabs a.active{ color: #0475F4;
    border-bottom: 0.3rem solid #0475f4;}



/*scroll*/
::-webkit-scrollbar { width: 5px; height: 7px;} 
::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 7px;
    background-clip: padding-box;
    border: 1px solid transparent;} 
::-webkit-scrollbar-track { background-color: transparent;}


/*색상*/
.blue_st{color:#0475F4}
.g_st{color:#a2a2a2}

/*h스타일*/
h2.h2_tit{font-size: 4rem; font-weight: 700;   font-family: 'NEXON Lv2 Gothic';}
h3.h3_tit{font-size: 2.8rem;}
h4.h4_tit{font-size: 2.6rem;}
h5.h5_tit{font-size: 2rem;}

/*li스타일*/
.li_st01 li{padding-left:15px;      position: relative; margin-bottom: 5px}
.li_st01 li:before{ content: "";  position: absolute;  width: 4px; height: 4px;  background: #0475F4;     top: 10px; left: 1px; }


.li_st_yj li{  position: relative; margin-bottom: 12px}
.li_st_yj li:before{ content: "";  position: absolute;  width: 20px; height: 3px;  background: #0475F4; top: 10px; left: 1px; }



.bg_g{background:#F5F5F5}
.bg_b{background:#F2F3F7}


/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
.cont_1200{max-width:1200px;width:100%;margin:0 auto;}
 /*h스타일*/
	h2.h2_tit{font-size: 3rem;}
	h3.h3_tit{font-size: 2.8rem;}
	h4.h4_tit{font-size: 2.2rem;}
	h5.h5_tit{font-size: 1.6rem;}

}

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
	  html{font-size:8.75px;} 
	  .Tap_wrap .nav-tabs li a{font-size: 2rem;}
	  .Tap_wrap .nav-tabs {justify-content:left; margin:0rem ;   background: #f5f5f5;  margin-bottom: 3rem;}
}


/*반응형 max 767px md*/
@media (max-width: 767.98px) {
    .rect{border-radius: 0.5rem;}
    .rounded-lg{border-radius: 0.5rem;}
	.Tap_wrap .nav-tabs li a{font-size: 1.8rem;}
    .sub0101_pro_photo{
        display: flex;
        justify-content: center !important;
    }
    .sub0101_pro_photo img{
        width: 100% !important;
    }
}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
	/* html{font-size:12px;} */
    .btn-lg, .btn-group-lg > .btn {
        padding: 1.35rem 2rem;       
      }
      .li_st_yj {
        padding-left: 0 !important;
      }
      .pl_0_576{
        padding-left: 0 !important;
      }
	  /*h스타일*/
		h2.h2_tit{font-size: 2.5rem;}
	h3.h3_tit{font-size: 2.2rem;}
	h4.h4_tit{font-size: 2rem;}
    .sub0101_pro_photo img{
        width: 100% !important;
    }

}

.flex-txt_center{
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bg_pro{
    background-color: #0475F4;
}
.sub0101_pro_photo{
    display: flex;
    justify-content: flex-end;
}
.sub0101_pro_photo img{
    width: 70%;
}