@charset "UTF-8";
@import url("/assets/css/style-c5fa5909e9daebdeb1ba3497ec7c76d8.css");
@import url("/assets/css/inc/splide/splide.min-6577c07362affb431ee21f4ba944e0b8.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@import url("https://fonts.googleapis.com/css?family=Inter:400,500,700&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard-dynamic-subset.css");

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Pretendard';
  font-weight: normal;
  font-style: normal;
  color: #888;
  overflow-x: hidden;
  font-size: 15px;
}

p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 24px;
}

* {
  margin: 0;
  padding: 0;
}

.row{width:100vw;}

.navbar-toggler:focus,
a:focus,
input:focus,
textarea:focus,
button:focus,
.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
  text-decoration: none;
  outline: none;
  outline: none !important;
  border-color: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.form-check-input:checked {
  background-color: #3865F2;
  border-color: #3865F2;
}

select {
  -webkit-writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: #081828;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  -webkit-appearance: menulist;
     -moz-appearance: menulist;
          appearance: menulist;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  background-color: -internal-light-dark(white, #3b3b3b);
  cursor: default;
  margin: 0em;
  font: 400 14px;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: -internal-light-dark(#767676, #858585);
  -o-border-image: initial;
     border-image: initial;
}

span,
a,
button {
  display: inline-block;
  text-decoration: none;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  color:#333;
  background:none;
  border:none;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin: 0px;
  color: #000;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 25px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

ul,
ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.w-30 {
    width: 30% !important
}
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

.mt-205 {
  margin-top: 205px;
}

.mt-210 {
  margin-top: 210px;
}

.mt-215 {
  margin-top: 215px;
}

.mt-220 {
  margin-top: 220px;
}

.mt-225 {
  margin-top: 225px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

.mb-205 {
  margin-bottom: 205px;
}

.mb-210 {
  margin-bottom: 210px;
}

.mb-215 {
  margin-bottom: 215px;
}

.mb-220 {
  margin-bottom: 220px;
}

.mb-225 {
  margin-bottom: 225px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pt-205 {
  padding-top: 205px;
}

.pt-210 {
  padding-top: 210px;
}

.pt-215 {
  padding-top: 215px;
}

.pt-220 {
  padding-top: 220px;
}

.pt-225 {
  padding-top: 225px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pb-205 {
  padding-bottom: 205px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-215 {
  padding-bottom: 215px;
}

.pb-220 {
  padding-bottom: 220px;
}

.pb-225 {
  padding-bottom: 225px;
}

.section {
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .row>* {
    padding-right: 24px;
    padding-left: 24px;
  }
  .footer .row .row>* {
    padding: 0 12px;
  }

}


/*======================================
	Start Header CSS
========================================*/
.header {width: 100%; background: transparent; position:fixed; width: 100%; left: 0; top: 0;}

.header .navbar-brand{margin-left: 32px;}
.header .navbar-brand.top-logo{width:180px;}
.header .navbar-brand svg {width:100%; padding-bottom:6px;}

.header .mobile_logo{display:none; text-align:center; z-index:9999; position:absolute; top:0px; padding:10px 0;}
.header .mobile_logo img{width:60%;}

.header .call_box {border:1px solid #333; border-radius:25px; padding:2px 10px; font-size:18px;}
.header .call_box h5, .header .call_box i {color:#333; font-size:18px;}

.header .mainNavbar .call_box {border:1px solid #fff; border-radius:25px; padding:2px 10px;}
.header .mainNavbar .call_box h5, .header .mainNavbar  .call_box i {color:#fff; font-size:18px;}

.header .moblie_button .call_box{border-color:#fff; margin-right:0 !important;}
.header .moblie_button .call_box h5, .header .moblie_button .call_box i {color:#fff;}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header .button {
    margin: 0 !important;
  }

}

@media (max-width: 767px) {
  .navbar-brand.top-logo {
    margin-left: 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header .navbar-brand img {
    width: 150px;
  }
}

@media (max-width: 767px) {
  .header .navbar-brand img {
    width: 110px;
  }
}

/*===== NAVBAR =====*/
.navbar-area {
  width: 100%;
  z-index: 99;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  padding: 0;
}

.navbar {
  padding: 10px 0;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background:#fff;
  width:100vw;
  box-shadow: 0px 2px 3px #a5a5a529;
}

.navbar.mainNavbar{background:transparent; box-shadow:none;}

.navbar-brand {
  padding-left: 0;
  border-radius: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.header .navbar{padding:15px 0; max-height:88px;}
.header .navbar-brand img{width:251px;}
}

.navbar a{font-size:18px;}
.navbar a:hover{font-weight:bold; color:#333;}
.navbar a.active{font-weight:bold;} 

.navbar.mainNavbar a{color:#fff;}

.header .nav-inner .moblie_button{display:none; justify-content:center; align-items:center; width:100%; height:calc(100vh - 60px);}
.header .nav-inner .moblie_button nav{display:flex; flex-direction:column;}

.header .nav-inner .moblie_menu{display:none; width:100%;}
.header .nav-inner .moblie_menu .btn{font-size:18px; width:100%;}

.header .nav-inner .moblie_menu nav{text-align:center; width:100%; background:#fff;}
.header .nav-inner .moblie_menu nav ul li:not(:first-child){display:none; border-top:1px dashed #eee;}

.header .nav-inner .moblie_menu .fixed{font-weight:600;}
.header .nav-inner .moblie_menu i{margin-left:10px; font-weight:bold;}


.header .nav-inner .moblie_button nav a{color:#fff; padding:5px 20px; border:1px solid #fff; border-radius:5px; font-size:20px;}
.header .nav-inner .moblie_button nav a:not(a:first-child){margin-top:20px;}
.header .nav-inner .moblie_button nav a:hover{background:rgb(255,255,255,0.25);}


@media only screen and (max-width:1006px){
.header {box-shadow:none;}
.header .mobile_logo{display:inline-block; width:100%; padding-bottom:10px;}

.sectionHeader{background:#fff; height:55px;}
.sectionHeader .modal-fullscreen>div{height:55px;}
.header .nav-inner .moblie_menu .btn{height:55px;}

.header .modal-fullscreen{background:transparent;}
.header .nav-inner .moblie_button{display:flex;}
.header .nav-inner .moblie_menu{display:flex; position:absolute; top:0; left:0; width:100%; padding-top:40px; background:#fff;}

.header .navbar{display:none;}

.header .navbar a:first-child{margin:0; width:135px;}
.header .navbar a:not(a:first-child){display:none;}
}
/*======================================  End Header CSS ========================================*/
/*====================================== Main Area CSS ========================================*/
/***  main  ***/
#home{background:url(/assets/images/mainIMG-428d5fb8250c02d080cca29fc25e16d2.png) no-repeat right center; background-size:cover; height:100vh; padding-top:88px;}

.edit-area .container{margin:0;}
.edit-area .container>div{padding:83px 0 0 140px;}

.edit-area .edit-content .wow{color:#fff; text-align:left; line-height:1;}
.edit-area .edit-content h1{font-size:118px; margin:0; font-weight:800; padding-top:10px; text-transform:uppercase; letter-spacing:4px;}
.edit-area .edit-content p{font-size:30px; margin:0; font-weight:600;}
.edit-area .edit-content p:nth-child(3){font-size:28px; line-height:1.3; padding-top:20px;}

#home .circleBtn_wrap{position:fixed; right:15px; bottom:30px; z-index: 9999999;}
#home .circleBtn_wrap a{width:55px; height:55px; border-radius:50%; display:grid; place-items:center; margin:15px; font-size:17px;}
#home .circleBtn_wrap svg{border-radius:25px; width:70%;}
#home .circleBtn_wrap span{display:none; font-weight:bold; font-size:14px; line-height:1;}
#home .circleBtn_wrap a:first-child{background:#FFE812;}
#home .circleBtn_wrap a:first-child:hover{background:#c5e09f; transition:all .5s ease-in-out;}
#home .circleBtn_wrap a:first-child:hover svg{display:none;}
#home .circleBtn_wrap a:first-child:hover span{display:inline-block;}
#home .circleBtn_wrap a:last-child{background:#a5cde8; font-weight:bold;}
#home .circleBtn_wrap a:last-child:hover{background:#005b9a; color:#fff; transition:all .5s ease-in-out;}

/***  global stock apply and view  ***/
#section1{background:#FBFAFA;}

.containerSub{height:100vh;}
.containerSub.containerSub2{min-height:100vh; height:100%;}

.container .sub_title h1{word-break:keep-all; line-height:1.4; font-weight:800;}
.container .sub_title p{color:#858796;}

.container .sub_button_wrap{padding-top:70px;}

.container .sub_button_wrap a{width:250px; height:120px; background:#FFAA1A; border:1px solid #FFAA1A; border-radius:6px; color:#fff; font-size:22px; font-weight:bold; letter-spacing:1px; text-align:center;}
.container .sub_button_wrap a:hover{background:#fff; border:1px solid #FFAA1A; color:#FFAA1A;}
/*.container .sub_button_wrap a:first-child{background:#fff; border:1px solid #FFAA1A; color:#FFAA1A; line-height:1.3;}*/
.container .sub_button_wrap a + a{margin-left:90px;}

.container .sub_button_wrap button{width:230px; height:120px; background:#FFAA1A; border:1px solid #FFAA1A; border-radius:6px; color:#fff; font-size:22px; font-weight:bold; letter-spacing:1px; text-align:center;}
.container .sub_button_wrap button:hover{background:#fff; border:1px solid #FFAA1A; color:#FFAA1A;}
/*.container .sub_button_wrap button:first-child{background:#fff; border:1px solid #FFAA1A; color:#FFAA1A; line-height:1.3;}*/
.container .sub_button_wrap button + button{margin-left:90px;}
.container .sub_button_wrap a + button{margin-left:90px;}

/***  global stock upload  ***/
.sub_wrap{padding:60px 100px; background:#fff; margin:50px auto 0; border-radius:3px; width: calc(100vw - 45%);}
.sub_wrap h3{padding-bottom:20px;}

.sub_wrap .sub_table_wrap{padding:40px 100px; border:1px solid #EAECF4; border-radius:3px;}
.sub_wrap .sub_table_wrap th{word-break:keep-all;}
.sub_wrap .fileUpload_wrap{min-width:610px;}

.sub_wrap .sub_table_wrap input{border:1px solid #ADAAAA;}

.sub_wrap .sub_table_wrap .userNum_box{position:relative;}
.sub_wrap .sub_table_wrap .toggle-password{width:15px; position:absolute; right:10px; cursor:pointer;}

.sub_wrap .sampleBtn{background-color:#FFAA1A; border-radius:3px; color:#fff; font-size:16px; font-weight:bold; padding:7px 15px;}

.sub_table_wrap table th{color:#000; font-weight:400; font-size:18px; text-align:left; padding:10px 60px 10px 0;}

.sub_table_wrap .fileUpload{border:1px solid #ADAAAA; margin:10px 0; border-radius:3px;}

.sub_table_wrap .fileUpload select{border:none;}

.sub_table_wrap .removedBtn{background-color:#fff; border-radius:3px; border: 1px solid #FFAA1A; color:#FFAA1A; font-size:15px; font-weight:bold; min-width:62px; padding:3px 0; margin-right:5px; text-align:center; cursor:pointer;}
.sub_table_wrap .uploadBtn{background-color:#FFAA1A; border-radius:3px; color:#fff; font-size:15px; font-weight:bold; min-width:75px; padding:5px 10px; margin-right:5px; text-align:center; cursor:pointer;}
.sub_table_wrap input[type="file"]{position:absolute; width:1px; height:1px; margin:-1px; padding:0 !important; overflow:hidden; clip:rect(0,0,0,0); border:0;}

.sub_table_wrap .addFileBtn{font-size:17px;}

.input_box:has(input:disabled) label{opacity:0.4; cursor:default;}
.input_box:has(input:disabled) label:hover{opacity:0.4 !important; cursor:default;}

.containerSub button:disabled{opacity:0.4; cursor:default !important;}
.containerSub button:disabled:hover{opacity:0.4 !important; cursor:default !important;}

.sub_table_wrap .input_box input{background:transparent; border:none;}
.sub_table_wrap .input_box input[readonly]{background-color:transparent !important; border:none;}
.sub_table_wrap .input_box input::placeholder{color:#ADAAAA;}

.sub_table_wrap .input_box i{color:#ADAAAA; font-size:10px; padding:10px;}

.InfoConfirmBox .InfoCheck_label{cursor:pointer; position:relative; padding-left:23px; color:#000; font-size:17px;}
.InfoConfirmBox .InfoCheck_label:before{content:""; display:block; width:17px; height:17px; position:absolute; left:0; bottom:5px; z-index:3; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");}
.InfoConfirmBox .InfoCheck_label:after{position:absolute; bottom:5px; left:0; content:""; display:block; width:17px; height:17px; border:1px solid #ADAAAA}

.InfoConfirmBox .InfoCheck_input{display:none;}
.InfoCheck_input:checked ~ .InfoCheck_label:after{background-color: #FFAA1A; border:1px solid #FFAA1A;}

.sub_wrap .InfoConfirmBox button{text-decoration:underline; font-size:17px; color:#000;}

.containerSub .bottomBtn_wrap{padding:30px 0 50px;}

.containerSub .bottomBtn_wrap a{font-size:28px; font-weight:bold; color:#fff; background:#FFAA1A; padding:20px 90px; border-radius:3px;}
.containerSub .bottomBtn_wrap a.prevBtn{background:#ADAAAA;}
.containerSub .bottomBtn_wrap a + a{margin-left:25px;}
.containerSub .bottomBtn_wrap a + button{margin-left:25px;}
.containerSub .bottomBtn_wrap button + button{margin-left:25px;}
.containerSub .bottomBtn_wrap button + a{margin-left:25px;}
.sub_wrap .sampleBtn:hover, .containerSub .bottomBtn_wrap a:hover, .containerSub .bottomBtn_wrap button:hover{opacity:80%;}

.containerSub .bottomBtn_wrap button{font-size:28px; font-weight:bold; color:#fff; background:#FFAA1A; padding:20px 90px; border-radius:3px;}
.containerSub .bottomBtn_wrap button.prevBtn{background:#ADAAAA;}
.containerSub .bottomBtn_wrap button + button{margin-left:25px;}
.containerSub .bottomBtn_wrap a + button{margin-left:25px;}
.sub_wrap .sampleBtn:hover, .containerSub .bottomBtn_wrap button:hover{opacity:80%;}

.attentionBox{border-radius:3px; background:#efefef; padding:20px 30px; width:calc(100vw - 45%); margin:20px auto 0;}
.attentionBox .attentionL{border-right:1px solid #999;}
.attentionBox h5{font-size:15px; color:#444;}
.attentionBox .attentionR{white-space:pre-line; line-height:1.5; word-break:keep-all; color:#444;}

.sub_wrap .fileUpload_wrap .fileUpload input{padding-left:5px; font-size:14px;}
.sub_wrap .fileUpload_wrap .choices{margin-bottom:0;}

.sub_wrap .fileUpload_wrap .choices .choices__inner{padding:3px 18px 3px 3px; min-height:38px;}
.sub_wrap .fileUpload_wrap .choices[data-type*=select-one] .choices__inner{padding:3px 18px 3px 3px;}

.sub_wrap .fileUpload_wrap .choices__list--dropdown .choices__item,.sub_wrap .fileUpload_wrap .choices__list[aria-expanded] .choices__item{letter-spacing:-1px; font-size:13px; padding:5px;}

.sub_wrap .easyAutho_wrap>div{width:calc(50% - 1rem);}
.sub_wrap .easyAutho_wrap .sub_table_wrap{min-height:266px; padding:0 30px; display:flex; justify-content:center; align-items:stretch; flex-direction:column; word-break:keep-all;}

/***  apply result  ***/
.containerSub .infoList_wrap{color:#000; max-width:800px; padding-top:90px; word-break:keep-all;}

.containerSub .middleBtn_wrap a{font-size:22px; font-weight:bold; color:#fff; background:#FFAA1A; padding:20px 90px; border-radius:3px;}
.containerSub .middleBtn_wrap a:hover{opacity:80%;}

.containerSub .infoList_wrap>p:first-child{font-size:25px; padding-bottom:20px;}
.containerSub .infoList_wrap li{font-size:22px; padding:8px 0; margin-left:25px; position:relative; list-style:auto;}
.containerSub .infoList_wrap b{font-weight:700;}
.containerSub .infoList_wrap .red_highlight{color:#FF3030;}

.containerSub .infoList_wrap .call_box{font-size:22px;}
.containerSub .infoList_wrap .call_box p:last-child{color:#000; font-size:22px;}

.containerSub .infoList_wrap .star_info{position:relative; margin-left:22px;}
.containerSub .infoList_wrap .star_info:before{display:inline-block; clear:both; content:'\203B'; position:absolute; top:0; left:-18px;}
/*.containerSub .infoList_wrap li:before{display:inline-block; clear:both; content:'\2022'; position:absolute; top:8px; left:-20px;}*/
.containerSub .infoList_wrap .checkedHL:before{display:inline-block; clear:both; content:'\2714';}
.containerSub .infoList_wrap span{line-height:1.2;}

/***  result view  ***/

.sub_wrap .view_table th{padding-right:20px;}
.sub_wrap .view_table td{width:70%;}

.sub_wrap .reViewBtn{font-size:22px; font-weight:bold; color:#fff; background:#FFAA1A; padding:35px 30px; border-radius:3px; margin-left:40px;}
.sub_wrap .reViewBtn:hover{opacity:80%;}

/***  current progress  ***/
.containerSub3{min-height:100vh; padding-bottom:60px;}

.containerSub3 .subtTi{font-size:23px;}
.containerSub3 .subtTi span{font-size:18px !important;}

.sub_wrap .step_wrap .state{background:#84C13D; border-radius:50px; color:#fff; padding:2px 20px; font-weight:bold;}

.sub_wrap .step_wrap .state_bar{position:relative; margin-top:10px; width:calc(100% - 80px);}
.sub_wrap .step_wrap .state_bar .default_bar{height:5px; background:#eee; border-radius:50px; width:100%;}

.sub_wrap .step_wrap .step_box li{letter-spacing:-1px;}
.sub_wrap .step_wrap .step_box .current{color:#000;}
.sub_wrap .step_wrap .current_point{position:absolute; top:12px; width:0%; left:0; background:#84C13D; height:5px; border-radius:50px;}

.sub_wrap .progress_table{padding:15px 40px; min-width:400px; box-shadow:0 1px 2px rgba(0,0,0,0.25);}

.sub_wrap .progress_table table th{padding:5px 30px; padding-left:0; color:#858796;}
.sub_wrap .progress_table table td{color:#000; font-size:18px; padding-left:20px;}

.sub_wrap .progress_table2{min-width:400px;}

.sub_wrap .progress_table2 th{border-right:1px solid #cdcdcd;}

.sub_wrap .progress_table i{font-weight:bold;}

.sub_wrap .progress_table .step1_infoTbl th{font-weight:bold; border:none; color:#84C13D;}
.sub_wrap .progress_table .step1_infoTbl td{font-weight:bold; color:#84C13D;}

.sub_wrap .step1 span{font-size:20px; color:#888; padding-left:10px;}
.sub_wrap .step1 .docBtn{font-size:15px; color:#858796;}

/***  total apply user info  ***/
.containerSub .radio_box{border:1px solid #ADAAAA; border-radius:3px; padding:10px 0; position:relative; box-shadow:0 1px 2px rgba(0,0,0,0.25);}
.containerSub .radio_box +.radio_box{margin-top:15px;}

.containerSub .radio_box .radioCheck{margin-left:30px; width: 100%;}
.containerSub .radio_box .radioCheck::before{content:""; display:block; position:absolute; width:14px; height:14px; left:10px; top:15px; z-index:3;}
.containerSub .radio_box .radioCheck::after{content:""; display:block; position:absolute; width:14px; height:14px; left:10px; top:15px; border:1px solid #E1E1E1; border-radius:50%;}

.containerSub .radio_box .radioCheck p:first-child{font-size:16px; color:#000;}
.containerSub .radio_box .radioCheck .submit_explain{font-size:13px; line-height:1.3; padding-right:5px; word-break:keep-all;}
.containerSub .radio_box .radioCheck .submit_explain::before{content:"\2731"; display:inline-block; margin-right:3px; margin-left:-18px;}

.containerSub .radio_box input{display:none;}
.containerSub .radio_box input:checked ~ .radioCheck::before{border:1px double #FFAA1A; border-radius:50%;}
.containerSub .radio_box input:checked ~ .radioCheck::after{width:10px; height:10px; background:#FFAA1A; margin:2px;}

/***  homeTax certification  ***/
.sub_table_wrap .cert_wrap .viewMoreBtn{width:70px; height:70px; border:1px solid #ADAAAA; border-radius:15px; font-weight:bold; font-size:20px; margin:0 auto;}
.sub_table_wrap .cert_wrap .viewMoreBtn:hover{background:#FFAA1A; border:1px solid #FFAA1A; color:#fff; }

.sub_table_wrap .cert_wrap ul li{width:25%; float:left; text-align:center; padding:20px 0; }

.sub_table_wrap .cert_wrap ul li a:hover{color:#FFAA1A; font-weight:bold; transition-duration:0.2s;}
.sub_table_wrap .cert_wrap ul li.selected a{color:#FFAA1A; font-weight:bold; transition-duration:0.2s;}
.sub_table_wrap .cert_wrap ul li a p{line-height:1.1; padding-top:10px;}

.sub_table_wrap .cert_wrap ul img{width:70px; border:1px solid #EAECF4; border-radius:15px;}
.sub_table_wrap .cert_wrap ul img:hover{border:2px solid #FFAA1A;}
.sub_table_wrap .cert_wrap ul li.selected img{border:2px solid #FFAA1A;}

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

.sub_table_wrap .homeTaxCer_table{border-top:1px dashed #E1E1E1; margin-top:5px;}

.sub_table_wrap .homeTaxCer_table th{padding:15px 0; width:15%; word-break:keep-all;}
.sub_table_wrap .homeTaxCer_table th label{margin:0;}
.sub_table_wrap .homeTaxCer_table td{color:#000; font-size:18px;}

.sub_table_wrap .homeTaxCer_table select{width:30%; padding:6px 0; border-radius:3px;}

.sub_table_wrap .cer_top_text p{color:#000; font-size:18px; line-height:1.1; word-break:keep-all;}

.sub_table_wrap .mobile_img_wrap{position:relative; width:100px; height:100px;}
.sub_table_wrap .phone_icon{position:absolute; top:0; left:0; width:100%;}
.sub_table_wrap .logo_icon{position:absolute; top:-20px; right:-12px; width:50px; padding:6px; border-radius:18px; border-bottom-left-radius:0; background:#373b40; z-index:5;}
.sub_table_wrap .logo_icon img{border-radius:10px;}

.sub_wrap .cer_bot_text{background:#F3F3F3; padding:10px 20px; border-radius:3px;}

.sub_wrap .cer_bot_text .step_left{padding-right:10px; position:relative;}
.sub_wrap .cer_bot_text .step_left::before{width:2px; height:70px; background:#FFAA1A; content:""; display:inline-block; position:absolute; bottom:20px; left:2px;}

.sub_wrap .cer_bot_text .step_left li{color:#FFAA1A; padding:10px 0; line-height:1.1; letter-spacing:-0.5px;}
.sub_wrap .cer_bot_text .step_left li::before{content:""; display:inline-block; width:6px; height:6px; background:#FFAA1A; border-radius:50%; margin:0 10px 2px 0;}

.sub_wrap .cer_bot_text .QnA_box p{line-height:1.1; word-break:keep-all;}

.sub_wrap .cer_bot_text .step_right li{color:#000; padding:10px 0; line-height:1.1; word-break:keep-all; letter-spacing:-0.5px;}

/***  doc self upload  ***/
.sub_wrap .sub_table_wrap.docUpload_wrap{padding:10px; min-width:820px;}

.sub_wrap .sub_table_wrap.docUpload_wrap select{border:1px solid #E1E1E1; border-radius:3px; height:25px; margin-right:10px; padding:0 3px;}

.docUpload_wrap .docUpload .input_box{position:relative;}
.docUpload_wrap .docUpload .input_box form{border:1px dashed #E1E1E1; background:#fffcfa !important;}
.docUpload_wrap .docUpload .input_box form .dz-message{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:0 !important; width:100%; padding:0 60px;}
.docUpload_wrap .docUpload .input_box form p{font-size:15px; word-break:keep-all;}

.sub_wrap .uploadedDoc_wrap{border:1px dotted #e1e1e1; border-radius:3px; margin-top:10px; padding:10px 15px;}
.sub_wrap .uploadedDoc_wrap div{padding:5px 0;}

.sub_wrap .uploadedDoc_wrap .deleteBtn:hover{color:#FFAA1A; transition-duration:0.2s;}

/***  COMMUNITY  ***/
.commu_sub_wrap{width:1290px;}

.commu_sub_wrap .category_listBtn{border:1px solid #ADAAAA; border-radius:25px; padding:10px 30px; font-weight:600; font-size:21px; line-height:1.1; transition:all .5s ease-in-out;}
.commu_sub_wrap .category_listBtn:hover{background:#FFAA1A; border-color:#FFAA1A; color:#fff;}
.commu_sub_wrap .category_listBtn.on{background:#FFAA1A; border-color:#FFAA1A; color:#fff;}

.commu_sub_wrap .community_top{position:relative;}
.commu_sub_wrap .community_top input{border-radius: 25px; padding-left:20px;}
.commu_sub_wrap .community_top button{position:absolute; top:50%; transform:translateY(-50%); right:15px; padding:2px 3px;}

.commu_sub_wrap .commu_explain{font-size:17px; color:#333;}

.commu_sub_wrap .subcategory{border-bottom:2px solid #ced4da; transition:all .3s ease-in-out; font-size:17px;}
.commu_sub_wrap .subcategory:hover{border-bottom:2px solid #FFAA1A;}
.commu_sub_wrap .subcategory.active{border-bottom:2px solid #FFAA1A; font-weight:600;}

.commu_sub_wrap .commu_table_wrap{border-top:1px solid #ADAAAA;}
.commu_sub_wrap .commu_table_wrap li{border-bottom:1px solid #ADAAAA;}
.commu_top_title .fix_top svg, .commu_sub_wrap .commu_table_wrap .fix_top svg{height:15px;}
.commu_sub_wrap .category_title{background:#FFAA1A; border-radius:3px; color:#fff; width:7rem; text-align:center;}
.commu_sub_wrap .commu_title{padding:15px 15px 15px 15px; font-size:16px;}

.commu_sub_wrap .commu_top_title{border-top:2px solid #ADAAAA; font-size:16px;}
.commu_sub_wrap .commu_top_title .pe-1{word-break:keep-all; font-size:16px;}
.commu_sub_wrap .commu_top_title .category_date{word-break:keep-all; font-size:16px;}

.commu_sub_wrap .commu_contents{padding:20px 10px; border-top:1px solid #ADAAAA; border-bottom:1px solid #ADAAAA; min-height:200px; color:#000;}

.commu_sub_wrap .commu_bottom_wrap tr{border-bottom:1px solid #ADAAAA;}
.commu_sub_wrap .commu_bottom_wrap th{padding:5px; color:#000; width:5rem;}
.commu_sub_wrap .commu_bottom_wrap a{color:#777; font-size:14px;}
.commu_sub_wrap .commu_bottom_wrap .text-muted{color:#777 !important; font-size:14px;}

.bottomBtn_wrap .contents_Btn{background: #ADAAAA !important; font-size: 28px; font-weight: bold; color: #fff; padding: 20px 90px;border-radius: 3px;}

/***  modal  ***/
.modal .modal-title p{word-break:keep-all;}
.modal .modal-title #confirmName, .modal .modal-title #confirmJuminNo, .modal .modal-title #confirmContact{color:#005caa;}
.modal .modal-body li{word-break:keep-all; letter-spacing:-0.5px; font-size:14px;}
.modal .modal-body li:not(:first-child):not(:last-child):before{display:inline-block; clear:both; content:' \2022'; margin-right:5px;}

.modal .modalBtn_wrap{padding:20px; padding-top:0; margin:0 auto;}

.modal .modalBtn_wrap .modalBtn{font-size:14px; color:#fff; border-radius:3px; background:#FFAA1A; padding:5px 20px; font-weight:600;}
.modal .modalBtn_wrap .modalCancelBtn{background:#ADAAAA;}
.modal .modalBtn_wrap button + button{margin-left:10px;}

.modal .choices__item.choices__item--selectable{margin-right:14px;}

.sub-area2 .dialogbox .modal-dialog .modal-content{overflow:visible;}

/*** PopUp ***/
map area{cursor:pointer;}
.eventPopUp_box{position:absolute; top:75px; right:50%; transform:translateX(50%); z-index:9999; box-shadow:0px 5px 12px rgba(107, 107, 107, 0.35);}
.eventPopUp_box2{right:calc(50% - 500px);}

/*====================================== End Main Area CSS ========================================*/

/*====================================== footer Area CSS ========================================*/
footer{background:#000; padding:35px 0 15px;}

footer div{color:#fff;}
.footer_wrap >div+ div{padding-left:50px;}

footer dl{margin:0 !important;}
footer dl dt{width:4rem;}
footer dl dd{width:calc(100% - 4rem); word-break:keep-all;}
footer dl dd a{color:#fff;}

/*====================================== End footer Area CSS ========================================*/

/******  adapted size  ******/
@media only screen and (max-width:1700px){
.edit-area .edit-content h1{font-size:110px; padding-top:10px;}
.edit-area .edit-content p{font-size:26px;}
.edit-area .edit-content p:nth-child(3){font-size:24px; padding-top:10px;}
}

@media only screen and (max-width:1581px){
.sub_wrap, .attentionBox{width:calc(100vw - 25%);}
}

@media only screen and (max-width:1400px){
.sub_wrap .sub_table_wrap{padding:40px 80px;}

.sub_table_wrap table th{padding-right:10px;}
.sub_table_wrap table td{width:70%;}

.sub_wrap .progress_table{padding:15px 40px;}
.sub_wrap .progress_table td{width:auto;}

.commu_sub_wrap{width:1100px;}
}

@media only screen and (max-width:1200px){
.container .sub_title .lineCut{padding:0 130px;}

.sub_wrap{padding:40px 100px; width:calc(100vw - 20%);}
.commu_sub_wrap{width:950px;}

.attentionBox{width:calc(100vw - 20%);}
}

@media  only screen and (max-width:1140px){
.navbar-brand.top-logo{margin-left:20px}
}

/** mobile **/
@media only screen and (max-width:1006px){
#home{background:none; height:100vh; padding:0; position:relative;} 
.edit-area .container{position:relative; z-index:50;}
.edit-area .container > div{padding: 83px 0 0 0;}
#home .mobileBG{background:url(/assets/images/MmainIMG-49521812ed3a8c043c62493f184a596b.png) no-repeat right center; background-size:cover; filter:blur(2px); -webkit-filter:blur(2px); width:100vw; height:100vh; padding:0; position:absolute; top:0; right:0;} 

.edit-area .edit-content{padding-top:60px; display:flex; flex-direction:column; justify-content:center; align-items:center;}

.edit-area .edit-content > *{text-align:center !important;}
.edit-area .edit-content h1{font-size:90px; padding-top:5px;}
.edit-area .edit-content p{font-weight:400; font-size:22px;}
.edit-area .edit-content p:nth-child(3){font-size:20px; padding-top:15px;}

.container{max-width:100%;}

.sub_wrap{padding:40px 50px;}

.containerSub .sub_wrap h3, .containerSub2 .sub_wrap h3{font-size:25px; padding-bottom:10px;}

.sub_wrap .sub_table_wrap{padding:40px 50px;}

.sub_title h1{font-size:40px;}

.container .sub_title .lineCut{padding:0 170px;}

.container .sub_button_wrap a + a{margin-left:50px;}

.containerSub .bottomBtn_wrap{display:flex; justify-content:center; align-items:center; width:100%; margin:0; position:relative; z-index:1000;}

.containerSub .bottomBtn_wrap a{margin:0 auto; border-radius:0; text-align:center;  padding:20px 0; position:fixed; bottom:0; z-index:3; font-size:25px;}
.containerSub .bottomBtn_wrap button{margin:0 auto; border-radius:0; text-align:center;  padding:20px 0; position:fixed; bottom:0; z-index:3; font-size:25px;}
.containerSub .bottomBtn_wrap a:first-child{width:30%; left:0}
.containerSub .bottomBtn_wrap button:first-child{width:30%; left:0}
.containerSub .bottomBtn_wrap a:last-child{width:70%; right:0;}
.containerSub .bottomBtn_wrap button:last-child{width:70%; right:0;}
.containerSub .bottomBtn_wrap a + a{margin:0;}
.containerSub .bottomBtn_wrap button + button{margin:0;}
.containerSub .bottomBtn_wrap a + button{margin:0;}

.containerSub .bottomBtn_wrap .contents_Btn{position:relative !important; width:unset !important; border-radius: 3px; padding: 20px 90px;}

.containerSub .resultText-box h2{font-size:30px; word-break:keep-all;}

.containerSub .infoList_wrap{max-width:730px;}
.containerSub .infoList_wrap>p:first-child{font-size:22px; padding-bottom:10px;}
.containerSub .infoList_wrap li{font-size:18px; padding:5px 0; line-height:1.2;}
.containerSub .infoList_wrap .call_box{font-size:18px;}
.containerSub .infoList_wrap .call_box p:last-child{font-size:18px;}

.containerSub .middleBtn_wrap{padding-top:0 !important;}

.containerSub3 .step1 h4{font-size:22px; line-height:1.0;}
.containerSub3 .step1 h4 span{font-size:18px; padding-left:5px; font-weight:normal;}

.sub_wrap .taxReport_box{flex-direction:column;}
.sub_wrap .taxReport_box > div + div{margin-top:20px;}

.sub_wrap .progress_table{min-width:450px; padding:15px 40px;}

.sub_wrap .sub_table_wrap.docUpload_wrap{min-width:450px;}

.attentionBox{flex-direction:column; align-items:flex-start !important;}
.attentionBox .attentionL{padding:0 !important; border-right:0px;}
.attentionBox h5{font-size:14px;}
.attentionBox .attentionR{font-size:14px; padding:0 !important; margin-top:10px;}

.commu_sub_wrap{width:750px;}

.sub_wrap .easyAutho_wrap{flex-direction:column;}

.sub_wrap .easyAutho_wrap>div{width:100%;}
.sub_wrap .easyAutho_wrap>div:nth-child(2){padding-top:30px;}

.sub_wrap .easyAutho_wrap .sub_table_wrap{min-height:unset; padding:20px 30px;}

.InfoConfirmBox .InfoCheck_label,
.sub_wrap .InfoConfirmBox button{font-size:16px;}

.sub_wrap .sampleBtn{font-size:14px; padding:3px 13px;}
}

@media only screen and (max-width:990px){
.footer_wrap{flex-direction:column; position:relative; padding:0 30px 35px 60px;}
.footer_wrap >div+ div{padding-left:0px;}

.footer_wrap .copyrignt{position:absolute; bottom:5px;}
}

@media only screen and (max-width:913px){
.container .sub_title .lineCut{padding:0 125px;}
}

@media only screen and (max-width:833px){
.container .sub_title .lineCut{padding:0 85px;}
}

@media only screen and (max-width:800px){
.commu_sub_wrap{width:600px;}
}

@media only screen and (min-width:768px) and (max-width:991px){
.sub_title.text-center.pt-110{padding-top:70px !important;}
}

@media only screen and (max-width:790px){
.sub_wrap .reViewBtn{font-size:20px; margin-left:20px; padding:30px 20px;}
}

@media  only screen and (max-width:768px){
.header{position:absolute;}
.header .nav-inner .moblie_button{align-items:flex-start; width:100%; height:calc(100vh - 220px); padding-top:220px;}

.row>* {padding:0 !important;}

.edit-area .container>div{padding: 150px 0 0 0;}

.edit-area .edit-content h1{font-size:45px; letter-spacing:4px;}
.edit-area .edit-content p{font-size:16px; font-weight:400; letter-spacing:-0.5px;}
.edit-area .edit-content p:nth-child(3){font-size:16px; letter-spacing:-0.5px;}

.sub_title h1{font-size:35px;}
.sub_title p{font-size:1.25rem !important; padding-top:0.8rem !important;}

.containerSub .sub_wrap h3, .containerSub2 .sub_wrap h3{font-size:22px;}

.sub_table_wrap input{font-size:13px;}

.container .sub_button_wrap a{width:210px; height:100px; font-size:19px;}

.containerSub .resultText-box h2{font-size:25px;}

.containerSub .infoList_wrap{max-width:630px;}
.containerSub .infoList_wrap>p:first-child{font-size:18px;}
.containerSub .infoList_wrap li{font-size:16px; padding:5px 0;}
.containerSub .infoList_wrap .call_box{font-size:16px;}
.containerSub .infoList_wrap .call_box p:last-child{font-size:16px;}

.sub_wrap {padding: 40px 50px;}

.sub_wrap .view_table th{width:30%; padding-right:0;}
.sub_wrap .view_table td{width:50%;}

.sub_wrap .step_wrap .step_box li{font-size:14px; padding:0 5px; word-break:keep-all; text-align:center; line-height:1.1;}

.sub_wrap .progress_table{padding:15px 30px;}
.sub_wrap .progress_table table th{font-size:15px; padding:2px 10px 2px 0;}
.sub_wrap .progress_table table td{font-size:15px;}

.sub_wrap .progress_table .step1_infoTbl{margin:0 !important;}

.sub_wrap .step1 .docBtn{font-size:13px;}

.sub_wrap .fileUpload_wrap{min-width:unset;}

.sub_table_wrap .homeTaxCer_table th{font-size:15px; padding-right:10px; line-height:1.1;}
.sub_table_wrap .homeTaxCer_table td{font-size:15px;}

.sub_wrap .sub_table_wrap.docUpload_wrap{min-width:450px;}

.docUpload_wrap .docUpload input[readonly]{font-size:13px; padding:.375rem .3rem; letter-spacing:-0.5px;}

.sub_wrap .uploadedDoc_wrap{margin-top:5px;}

.InfoConfirmBox .InfoCheck_label:before,
.InfoConfirmBox .InfoCheck_label:after{width:15px; height:15px;}

.InfoConfirmBox .InfoCheck_label{padding-left:21px;}
.InfoConfirmBox .InfoCheck_label,
.sub_wrap .InfoConfirmBox button{font-size:14px;}

footer{padding-top:25px;}
.footer_wrap{padding-left:30px;}
.footer_wrap dt, .footer_wrap dd, .footer_wrap .copyrignt{font-size:13px;}

}

@media only screen and (max-width:720px){
.sub_wrap .sub_table_wrap.fileUpload_wrap{padding:10px 20px;}

.sub_wrap .fileUpload_wrap .choices[data-type*=select-one] .choices__inner,
.sub_wrap .fileUpload_wrap .choices .choices__inner{padding:3px 5px 3px 3px; font-size:13px; letter-spacing:-1.5px; word-break:keep-all;}

.sub_wrap .fileUpload_wrap .fileUpload input{font-size:13px;}

.easyAutho_wrap .sub_table_wrap table th{padding-top:5px; padding-bottom:5px;}
.easyAutho_wrap .sub_table_wrap table th .form-label{margin:0;}
}

@media only screen and (max-width:700px){
.sub_wrap .resultViewWrap{padding:40px 20px !important;}

.sub_wrap .resultViewWrap .view_table td{width:60%;}

.sub_wrap .resultViewWrap .view_table input{padding:6px;}
}

@media only screen and (max-width:687px){
.container .sub_title .lineCut{padding:0 50px;}
}

@media only screen and (max-width:645px){
.sub_title h1{font-size:30px;}
.sub_title p{font-size:1.0rem !important; padding-top:0.6rem !important;}

.container .sub_title .lineCut{padding:0 70px;}

.container .sub_button_wrap{padding-top:50px;}
.container .sub_button_wrap a{width:180px; height:80px; font-size:16px; word-spacing:-4px;}
.container .sub_button_wrap a + a{margin-left:30px;}

.containerSub .resultText-box h2{font-size:20px;}

.containerSub .infoList_wrap{max-width:550px;}
.containerSub .infoList_wrap>p:first-child{font-size:16px;}
.containerSub .infoList_wrap li{font-size:14px; padding:5px 0;}
.containerSub .infoList_wrap .call_box{font-size:14px;}
.containerSub .infoList_wrap .call_box p:last-child{font-size:14px;}

.containerSub .middleBtn_wrapY a{font-size:20px; padding:15px 60px;}

.sub_wrap .resultViewWrap .view_table .toggle-password{right:5px;}

.sub_wrap .reViewBtn{font-size:18px; margin-left:15px; padding:30px 15px; text-align:center;}

.containerSub3 .subtTi{font-size:16px;}
.containerSub3 .subtTi span{font-size:13px !important;}

.sub_wrap .progress_table{min-width:100%;}
.progress_table .progressTitle h5{font-size:16px;}

.sub_table_wrap .cert_wrap ul li{padding:10px 0;}

.sub_table_wrap .cert_wrap .viewMoreBtn{width:50px; height:50px; font-size:15px;}

.sub_table_wrap .cert_wrap ul img{width:50px;}

.sub_table_wrap .cert_wrap ul li a p{padding-top:5px; font-size:13px;}

.sub_table_wrap .cer_top_text p{font-size:16px;}

.sub_wrap .cer_bot_text .step_left li{font-size:13px;}

.sub_wrap .cer_bot_text .step_right li{font-size:13px;}

.sub_wrap .cer_bot_text .QnA_box p{font-size:13px;}

.commu_sub_wrap{width:500px; padding: 40px;}
.commu_sub_wrap .category_listBtn{font-size:18px; padding:5px 8px;}

.commu_sub_wrap .subcategory{font-size:14px;}

.commu_sub_wrap .category_title{font-size:14px; line-height:1.2; margin:0 !important;width: unset; padding:2px 5px;}

.commu_sub_wrap .commu_title{font-size:14px; line-height:1.2;}
.commu_sub_wrap .commu_top_title .pe-1{font-size:14px; line-height:1.2;}
.commu_sub_wrap .commu_top_title .category_date{font-size:14px;}

.commu_sub_wrap .commu_table_wrap li .category_title{font-size:15px;}
.commu_sub_wrap .commu_table_wrap li h4{font-size:14px; padding:15px 30px 15px 15px;}
}

@media only screen and (max-width:598px){
.container .sub_title .lineCut{padding:0 45px;}

.sub_wrap .sub_table_wrap{padding:10px 20px;}

.sub_table_wrap .sampleBtn{margin-bottom:0;}

.sub_wrap .sub_table_wrap.resultViewWrap{flex-direction:column;}

.sub_wrap .sub_table_wrap.resultViewWrap table{width:100%;}
.sub_wrap .sub_table_wrap.resultViewWrap table td{width:70%;}

.sub_wrap .reViewBtn{width:100%; padding:15px 0; margin:15px auto;}

.sub_wrap .resultViewWrap .view_table .toggle-password{right:10px;}

.sub_wrap .step_wrap{margin-top:-10px;}

.sub_wrap .step_wrap .state_bar{margin-top:20px;}

.containerSub .radio_box +.radio_box{margin-top:10px;}

.sub_table_wrap .cer_top_text p:first-child{padding-top:10px;}

.sub_wrap .sub_table_wrap.docUpload_wrap{min-width:300px;}

.containerSub .radio_box .radioCheck p:first-child{font-size:14px;}
.containerSub .radio_box .radioCheck .submit_explain{font-size:12px; padding-right:7px;}

.sub_wrap .sampleBtn{font-size:13px; padding:1px 9px;}
}

@media only screen and (max-width:576px){
.sub-area2 .modal-dialog{margin:0 40px;}

.modal .modal-title p{line-height:20px;}

.modal .modal-title p + p{padding:5px 0;}
}

@media only screen and (max-width:550px){
.container .sub_title .lineCut{padding:0 20px;}

.sub_wrap .fileUpload_wrap .choices[data-type*=select-one] .choices__inner{line-height:1.1; display:flex; align-items:center;}
}
@media only screen and (max-width:539px){
.sub_title h1{font-size:24px;}
.sub_title p{font-size:0.9rem !important; padding-top:0.2rem !important;}

.container .sub_title .lineCut{padding:0 60px;}

.container .sub_button_wrap a{width:155px; height:60px; font-size:14px; font-weight:600;}
.container .sub_button_wrap a:first-child{line-height:1.2;}

.containerSub .middleBtn_wrapY a{font-size:18px !important; padding:10px 35px;}

.containerSub .sub_wrap h3, .containerSub2 .sub_wrap h3{font-size:19px;}
.sub_wrap{padding:20px 5px;}
.sub_table_wrap table th{font-size:15px;}

.containerSub .resultText-box h2{font-size:18px;}

.containerSub .infoList_wrap{max-width:430px;}

.sub_wrap .progress_table table{margin-top:10px !important;}
.sub_wrap .resultViewWrap .view_table .toggle-password{right:5px;}

.commu_sub_wrap{width:100%;}
.commu_sub_wrap .page-link{padding: 0.17rem 0.5rem; font-size:11px;}
}

@media only screen and (max-width:492px){
.container .sub_title .lineCut{padding:0 36px;}

.InfoConfirmBox .InfoCheck_label:before,
.InfoConfirmBox .InfoCheck_label:after{width:14px; height:14px; bottom:6px;}

.InfoConfirmBox .InfoCheck_label{padding-left:19px;}
.InfoConfirmBox .InfoCheck_label,
.sub_wrap .InfoConfirmBox button{font-size:13px;}
}

@media only screen and (max-width:475px){
.containerSub .resultText-box h2{letter-spacing:-0.5px;}

.sub_table_wrap .cer_top_text p{font-size:15px;}

.progressSub_wrap{max-width:100%;}
.sub_wrap .progress_table{min-width:100%;}
}

@media only screen and (max-width:444px){
.container .sub_title .lineCut{padding:0 13px;}
}

@media only screen and (max-width:440px){
.edit-area .container{display:flex; justify-content:center; align-items:flex-start;} 
.edit-area .container>div{padding:85px 0 0 0;}
.edit-area .container .edit-content{padding:40px 0;}

.sub_title h1{font-size:20px;}
.sub_title p{font-size:0.8rem !important; padding-top:0.2rem !important;}

.container .sub_title .lineCut{padding:0 40px;}

.container .sub_button_wrap{flex-direction:column; padding-top:30px;}

.container .sub_button_wrap a{width:170px; height:60px; font-size:13px; font-weight:600;}
.container .sub_button_wrap a + a{margin-top:20px; margin-left:0;}

.containerSub .sub_wrap h3, .containerSub2 .sub_wrap h3{font-size:15px;}

.sub_wrap .sub_table_wrap{padding:10px;}

.sub_table_wrap table th{font-size:13px; padding-right:0px;}
.sub_table_wrap table td{width:70%; letter-spacing:-1px;}

.sub_table_wrap input{font-size:12px; padding:6px;}

.sub_table_wrap .sampleBtn{font-size:14px; padding:5px 15px;}

.sub_table_wrap .uploadBtn{font-size:14px; padding:3px 10px;}

.sub_table_wrap .addFileBtn{font-size:14px;}

.sub_table_wrap .fileUpload select{font-size:13px;}

.containerSub .bottomBtn_wrap a{font-size:22px;}

.sub_wrap .step_wrap .step_box li{font-size:13px; letter-spacing:-1.5px;}

.containerSub3 .step1 h4{font-size:14px;}
.progress_table .progressTitle h5{font-size:14px;}

.containerSub3 .subtTi{font-size:14px;}

.sub_wrap .progress_table table th{font-size:14px;}
.sub_wrap .progress_table table td{padding-left:5px; font-size:14px;}

.sub_wrap .progress_table .step1_infoTbl{margin:0 !important;}

.commu_sub_wrap .page-item{width:100%;}

.modal .modal-title h5{font-size:18px;}
}
@media only screen and (max-width:400px){
.container .sub_title .lineCut{padding:0 20px;}

.sub_wrap .sub_table_wrap.fileUpload_wrap{padding:10px;}

.commu_sub_wrap .community_top input::placeholder{font-size:13px;}
}

@media only screen and (max-width:370px){
.sub_title h1{font-size:18px;}
.sub_title p{font-size:0.8rem !important; padding-top:0.4rem !important;}

.sub_wrap .sub_table_wrap{padding:5px 10px;}

.sub_wrap .sub_table_wrap.resultViewWrap table td{width:60%;}

.sub_wrap .step_wrap{margin-top:-20px;}
.sub_wrap .step_wrap .state_bar{margin-top:35px;}

.sub_table_wrap table td{width:71%;}
.sub_table_wrap input{padding:6px 4px;}
.sub_wrap .sub_table_wrap .toggle-password{right:5px;}

.sub_wrap .resultViewWrap{padding:20px 10px !important;}
.sub_wrap .view_table th{width:25%;}
.sub_wrap .view_table td{width:75%;}

.sub_wrap .progress_table table th{letter-spacing:-1px; font-size:13px;}
.sub_wrap .progress_table table td{letter-spacing:-1px; font-size:13px;}

.containerSub .middleBtn_wrap a{font-size:20px;}

.modal .modal-title p{font-size:14px;}
}

@media only screen and (max-width:576px) and (max-height:932px){
#home .mobileBG{background-position-x:-510px;}
}

@media only screen and (max-height:914px){
.containerSub3{padding-bottom:30px;}
}
@media only screen and (max-height:730px){
.header .nav-inner .moblie_button{height:100%; padding-top:220px; align-items:flex-start;}
}

@media only screen and (max-width:576px) and (max-height:725px){
#home .mobileBG{background-position-x:-300px;}
}

@media only screen and (max-width:576px) and (max-height:548px){
#home .mobileBG{background-position-x:center;}
}

@media only screen and (max-height:670px){
.resultText-box.pt-100{padding-top:130px !important;}
.resultText-box .pb-50{padding-bottom:30px !important;}

.containerSub .infoList_wrap{padding-top:40px;}
}

/*** popup adapted size ***/
@media only screen and (max-width:1493px){
.eventPopUp_box{right:60%;}
.eventPopUp_box2{right:calc(60% - 500px);}
}

@media only screen and (max-width:1260px){
.eventPopUp_box{right:65%;}
.eventPopUp_box img{max-width:400px;}
.eventPopUp_box2{right:calc(65% - 420px);}
}

@media only screen and (max-width:980px){
.eventPopUp_box{right:50%}
.eventPopUp_box img{max-width:350px;}
.eventPopUp_box2{top:450px;}
}

@media only screen and (max-width:370px){
.eventPopUp_box img{max-width:320px;}
.eventPopUp_box2{top:420px;}
}