@charset "utf-8";

li,ol,ul {margin: 0;  padding: 0;  list-style: none; font-weight: 500;}

@font-face {font-family: 'SamsungOneKorean';src: url('../devFont/SamsungOneKorean-200C.eot');src: local('SamsungOneKorean 200C'), local('SamsungOneKorean-200C'),
        url('../devFont/SamsungOneKorean-200C.eot?#iefix') format('embedded-opentype'),url('../devFont/SamsungOneKorean-200C.woff') format('woff'),
        url('../devFont/SamsungOneKorean-200C.ttf') format('truetype');font-weight: 200;font-style: normal;font-display: swap;}
@font-face {font-family: 'SamsungOneKorean';src: url('../devFont/SamsungOneKorean-300C.eot');src: local('SamsungOneKorean 300C'), local('SamsungOneKorean-300C'),
        url('../devFont/SamsungOneKorean-300C.eot?#iefix') format('embedded-opentype'),url('/style/cpis/devFont/SamsungOneKorean-300C.woff2') format('woff2'),url('../devFont/SamsungOneKorean-300C.woff') format('woff'),
        url('../devFont/SamsungOneKorean-300C.ttf') format('truetype');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'SamsungOneKorean';src: url('../devFont/SamsungOneKorean-400C.eot');src: local('SamsungOneKorean 400C'), local('SamsungOneKorean-400C'),
        url('../devFont/SamsungOneKorean-400C.eot?#iefix') format('embedded-opentype'),url('../devFont/SamsungOneKorean-400C.woff') format('woff'),
        url('../devFont/SamsungOneKorean-400C.ttf') format('truetype');font-weight:400;font-style: normal;font-display: swap;}
@font-face {font-family: 'SamsungOneKorean';src: url('../devFont/SamsungOneKorean-500C.eot');src: local('SamsungOneKorean 500C'), local('SamsungOneKorean-500C'),
        url('../devFont/SamsungOneKorean-500C.eot?#iefix') format('embedded-opentype'),url('../devFont/SamsungOneKorean-500C.woff') format('woff'),
        url('../devFont/SamsungOneKorean-500C.ttf') format('truetype');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {
    font-family: 'SamsungOneKorean';src: url('../devFont/SamsungOneKorean-600C.eot');src: local('SamsungOneKorean 600C'), local('SamsungOneKorean-600C'),
        url('../devFont/SamsungOneKorean-600C.eot?#iefix') format('embedded-opentype'),url('../devFont/SamsungOneKorean-600C.woff') format('woff'),
        url('../devFont/SamsungOneKorean-600C.ttf') format('truetype');font-weight:600;font-style: normal;font-display: swap;}
@font-face {font-family: 'SamsungOneKorean';src: url('../devFont/SamsungOneKorean-700C.eot');src: local('SamsungOneKorean 700C'), local('SamsungOneKorean-700C'),
        url('../devFont/SamsungOneKorean-700C.eot?#iefix') format('embedded-opentype'),url('../devFont/SamsungOneKorean-700C.woff') format('woff'),
        url('../devFont/SamsungOneKorean-700C.ttf') format('truetype');font-weight: 700;font-style: normal;font-display: swap;}
wo
/**/
.mr5 {margin-right: 5px !important;}
.pt0 {padding-top: 0px !important;}
.pb0 {padding-bottom: 0px !important;}
.pt24 {padding-top: 24px !important;}
.pt48 {padding-top: 48px !important;}
.pt62 {padding-top: 62px !important;}
.btn {border-top: none !important;}
.bdn {border: none !important;}
.f-row {display: flex; flex-direction: row; align-items: center; gap: 1rem;}
.bd-line {border-bottom: 1px solid #dee2e6;}
.disc {font-size: 14px;}
.pdb48 {padding-bottom: 48px !important;}
.mt70 {margin-top: 70px;}
.w100 {width: 100%;}
.w880 {width: 800px;}
.w80 {width: 81%;}
.pb36{padding-bottom: 2rem;}
.pl10{padding-left: 10px;}
.w0 {width: 59%;}
.w50 {width: 49%;}
.w40 {width: 39%;}
.f-column {display: flex; flex-direction: column; align-items: flex-start;}
.f-column p {cursor: pointer;}
.fa-arrow-up-right {font-size: 16px;}


.content {text-align: center; padding-bottom: 100px; display: flex; flex-direction: column; align-items: center;width: 100%; justify-content: center;}
.content-in {text-align: center;  display: flex; flex-direction: column; align-items: center;max-width: 1100px; justify-content: center; }
.content h1 {text-align: center; font-size: 2.1rem;line-height: 2.8rem;}
.content p {text-align: center; font-size: 1.2rem;}
.con-box button {margin-top: 2rem;}
.con-box2 button {margin-top: 2rem;}
.img2 {background: url('../img/sub1.jpg') center no-repeat; width: 1100px; height: 400px; background-size: cover; padding: 60px; border-radius: 20px;display: flex; flex-direction: column; align-items: flex-start;text-align: left; }
.img2 h3{color: #fff;  font-size: 2.4rem; font-weight: 600;}
.img2 span{color: #fff; padding: 20px 0 40px 0; font-size: 1.2rem; font-weight: 500;}

.f-center {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 900px;}
.f-center h3 {line-height: 2.5rem;}

.main-disc {padding: 100px 0 100px 0;}
.main-disc p {padding-top: 2rem;}
.con-wrap {display: flex; flex-direction: row; align-items: center; width: 100%; }
.con-wrap .con-box {flex: 1; border-radius: 24px; height: 400px; border:1px solid #e6e9eb;background: #f6f6f8; display: flex; flex-direction: column; align-items: center; gap: 1.3rem;padding: 20px 0; }
.con-wrap .con-box2 {opacity: 0.9; flex: 1; border-radius: 24px; height: 400px; border:1px solid #e6e9eb;background: #f6f6f8; display: flex; flex-direction: column; align-items: flex-start; gap:0.6rem;padding: 20px 0; cursor: pointer; padding: 24px 24px 24px 36px;}
.mr24 {margin-right: 24px;}
.icon1 {background: url('../img/icon.svg') center no-repeat; width: 70px;height: 70px;margin-top: 20px; }
.icon2 {background: url('../img/icon2.svg') center no-repeat; width: 70px;height: 70px;margin-top: 20px; }
.icon3 {background: url('../img/icon3.svg') center no-repeat; width: 70px;height: 70px;margin-top: 20px; }
.icon4 {background: url('../img/icon4.svg') center no-repeat; width: 70px;height: 70px;margin-top: 20px; }
.con-box h3{font-size: 1.5rem;}
.con-box2 h3{font-size: 1.5rem;padding-top: 40px;}
.con-box2 p{text-align: left;padding-top: 20px;}
button.black {background: none; border: 1px solid #000; color: #000000;padding:11px 24px 10px 24px; border-radius: 50px; font-size: 1rem;}
button.black:hover {background: #ededed; border:  1px solid #000; color: #000;}
button.black.h-black:hover {background: #000; border:  1px solid #000; color: #fff;}
button.black-solid {background: #000;border: none;  color: #ffffff;padding:11px 24px 10px 24px; border-radius: 50px; font-size: 1rem;}
button.black-solid:hover {opacity: 0.8;}
button:disabled {opacity: 0.6; cursor: not-allowed; background: #a8a8a8;border: #444; color: #585858;}
button:disabled:hover {opacity: 0.6;  background: #a8a8a8;border: #444; color: #585858;}
/*header*/
.header { position: fixed; width: 100%; height: 80px; background-color: transparent; padding: 0 40px;  align-items: center;display: flex; justify-content: center; transition: background-color 0.3s;}
.header.scrolled {background-color: #fff;border-bottom: 1px solid #d8dee4;}
.header.scrolled .head-menu li:hover::after {background-color: #000; }
.header .head-menu li{color: #ffffff; }
.header.scrolled .logo {background:url(../../../../images/cpis/gcc/logo.svg) center no-repeat; width: 120px;height:80px; display: inline-block;}
.logo {background:url(/static/image/main/logo_w.svg) center no-repeat; width: 120px;height:80px; display: inline-block;}
.h-right span {font-size: 1rem;color: #fff;}
.h-right .fa-globe {font-size: 1rem;color: #fff;}
.header.scrolled .h-right .fa-globe {font-size: 1rem;color: #000000;}
.header.scrolled .h-right span {font-size: 1rem;color: #000000;}
.h-left {display: flex; flex-direction: row; gap:1;font-size: 1rem; height: 80px;}
.h-con {width: 1440px;display: flex; flex-direction: row; align-items: center;justify-content: space-between; padding: 0 1.5rem; }
.bi-list {display: none !important; }
.lang-text { padding-left: 5px;}
.ui--top .right-container>li > a, .ui--top .right-container>li .ui--slide{line-height: normal;}
.menu-item--active { border-bottom: 3px solid #000;}
.menu-item--active .nav-link {font-weight: 700 !important;}
/*footer*/
footer {background: #000; width: 100%; display: flex; justify-content: center;}
footer .local-wrap {width: 100%;display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .local-wrap .local-wrap-con {width: 100%;display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer a {color: #fff; display: block;}
footer a:hover {text-decoration: none; color: #fff;}
.footer-wrap {display: flex; flex-direction: row; width:1100px; padding: 24px;gap: 2rem; position: relative;}
.footer-con {flex: 1; color: #fff; }
.footer-con {border-right:1px solid #383838; }
.footer-con:last-child { border-right: none;}
.footer-con ul {display: flex; flex-direction: column;align-items: flex-start; line-height:2; padding-top: 20px;}
.footer-con ul li{display: flex; flex-direction: row;align-items: flex-start; width: 100%; font-size: 14px;}
.footer-con h3 {font-size: 1rem; font-weight: 600;}
.footer-con ul li span.title {font-weight: 400;font-size: 14px;display: inline-block; min-width: 120px;}
.footer-con.local ul li span.title {font-weight: 600;font-size: 14px;display: inline-block; min-width: 50px; }
.footer-con ul li span.list {font-weight: 400;font-size: 14px; }
.footer-con span {font-size: 14px;}
.footer-up {width:1100px; height: 60px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;padding: 0 48px; background: #1e1e21; border-radius: 8px; margin-top: 24px;}
.footer-up a{color: #fff;}
.footer-up ul {display: flex; flex-direction: row;}
.footer-up ul li{color: #fff; padding: 0 24px; cursor: pointer;}



/*scroll시 header*/
.head-menu {display: flex; flex-direction: row;align-items: center; justify-content: center;padding-left: 40px;}
.head-menu li {margin: 0 30px;text-align: center;cursor: pointer;position: relative;padding: 0 3px;color: #fff;}
.header.scrolled .head-menu li {color: #000;}
.head-menu li:hover { font-weight: 600;}
.head-menu li:hover::after {content: ""; height: 3px; width: 101%; position: absolute; bottom: -28px;left:0; background-color: #ffffff; }

/*header white*/
.header.white {position: fixed; width: 100%; height: 80px; background-color: #fff; padding: 0 40px;  align-items: center;display: flex; justify-content: center; z-index: 1; }
.header.white {background-color: #fff;border-bottom: 1px solid #d8dee4;}
.header.white .head-menu li:hover::after {background-color: #000; }
.header.white .head-menu li{color: #ffffff; }
.header.white .logo {background:url(../../../../images/cpis/gcc/logo.svg) center no-repeat; width: 120px;height:80px; display: inline-block;}
.header.white .head-menu li {margin: 0 30px;text-align: center;cursor: pointer;position: relative;padding: 0 3px;color: #000000;}
.header.white .h-right span {font-size: 1rem;color: #000000;}
.header.white .h-right .fa-globe {color: #000;}
.bi-list::before {font-size: 20px; line-height: normal;}

/*footer-bottom*/
.footer-bottom {width: 100%; border-top: 1px solid #383838; height: 60px;display: flex; text-align: center;align-items: center; justify-content: center;}
.f-bottom-txt {width: 1100px;display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.f-bottom-in {display: flex; flex-direction: row; align-items: center; }
.f-bottom-in span {color: #fff; font-size: 12px; padding: 0 10px;}
.f-bottom-in a {color: #fff; font-size: 12px; padding: 0 20px;}
.alt-img {width:52px; height: 37px;}
/*select custom black*/
.select-wrapper {position: relative;  width: 150px;}
.select-display {background: #1f1f20;  border: 1px solid #393a42; border-radius: 12px;  padding: 8px 24px 8px 10px;  cursor: pointer;  text-align: left;  color: #fff;  font-size: 14px;}
.select-display::after {content: "";background: url(public../img/angle_thin.svg) no-repeat;width: 14px;height: 14px;position: absolute;top: 15px;right:12px;}
.open .select-display::after {content: "";background: url(../img/angle_thin.svg) no-repeat;width: 14px;height: 14px;position: absolute;top: 15px;right:12px;}
.select-options {display: none;position: absolute;bottom: 45px;left: 0;width: 100%;border: 1px solid #ccc; border-radius: 12px;border-top: none;background: #fff;z-index: 100;padding: 5px;}
.select-options div {padding: 10px;  cursor: pointer;  font-size: 14px;text-align: left;}
.select-options div:hover {background: #f8f9fc;  border-radius: 8px;}

/*B Type */
.section {height: 1080px;position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;overflow: hidden;}
.image, .img-text {}
.active {opacity: 1;transform: translateY(0);}
.section img {width: 100%;object-fit: cover;}
.img-text {position: absolute;top: 300px; width: 800px;}
.section h3 {font-size: 2rem;color: #000000;font-weight: 600;max-width: 1100px;  }
.section p {font-size: 1.1rem;color: #000000;font-weight: 400; padding-top: 40px;word-break: keep-all}
.img-text2 {font-size: 2rem;color: #ffffff;font-weight: 500; }
.img-text.up {position: absolute;top: 200px;font-size: 2rem;margin-top: 10px;color: #000000;font-weight: 500;}

.icon-box {display: flex; flex-direction: row; align-items: center; position: absolute; bottom: 160px;}
.icon-box-in {display: flex; flex-direction: column; align-items: center;padding: 0 60px;}
.icon-box-in p {color: #fff; padding-top: 20px;}
.icon-img1 {background: url(../img/icon_4.svg)no-repeat; height: 60px; width: 60px;}
.icon-img2 {background: url(../img/main_icon2.svg)no-repeat; height: 60px; width: 60px;}
.icon-img3 {background: url(../img/main_icon1.svg)no-repeat; height: 60px; width: 60px;}
.f-column2 {display: flex; flex-direction: column; align-items: center; position: absolute; width: 1000px; align-items: center; z-index: 1; margin-top: 150px;}
button.w-border {background: transparent; border: 1px solid #ffffff; color: #ffffff;  border-radius: 50px;  padding:11px 24px 10px 24px;}
button.w-border:hover {background: #ffffff; border: 1px solid #ffffff; color: #000000;}
.txt-box{display: flex; flex-direction: column; align-items: flex-start;min-height: 150px;}
p.sub-disc {font-size: 1.4rem; padding-top: 60px;font-weight: 500;}

.white-text {top: 140px !important;}
.white-text h1 {color: #fff; font-size: 2rem;}
.white-text p {color: #fff; font-size: 1rem;}
.img-text.white-text {margin-top: -60px;}
.img-text.white-text h3,.img-text.white-text p {color: #fff !important;}
.ethical-wrap {padding: 0 !important; border: none; width: 100%;}

.section img, .section .img-text {opacity: 0; transform: translateY(30px);transition: opacity 1s ease, transform 1s ease;}
.section.visible img {opacity: 1;transform: translateY(0);}
.section.visible .img-text {opacity: 1;transform: translateY(0); text-align: center; max-width: 1000px;}
.section.black {background-color: #000;height: 400px;}
.section:nth-child(1) {height: auto; width: 100%;}
.section:nth-child(2) {height: auto; width: 100%;}
.section:nth-child(3) {height: auto; width: 100%;}
.section:nth-child(4) {height: auto; width: 100%;}
.section:nth-child(1) img {height: 1080px; width: 100%;}
.section:nth-child(2) img {height: 1500px; width: 100%;}
.section:nth-child(3) img {height: 300px; width: 100%;}
.section:nth-child(4) img {height: 1080px; width: 100%;}

.content-box {position: absolute;top: 500px;}

/*SubPage*/
.sub-con-wrap {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 100px 0;}
.tab-content .sub-con-wrap {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 48px 0;}
.sub-img-wrap {background: url(../img/ethic_sub1.jpg) no-repeat;background-size: cover; height: 300px; width: 100%; display: flex; align-items: center;justify-content: center; }
.sub-img-wrap2 {background: url(../img/ethic_sub2.jpg) no-repeat;background-size: cover; height: 300px; width: 100%; display: flex; align-items: center;justify-content: center; }
.sub-img-wrap.img3 {background: url(../../../../images/cpis/gcc/ethic_sub3.jpg) no-repeat;background-size: cover; height: 300px; width: 100%; display: flex; align-items: center;justify-content: center; }
.sub-img-wrap.img4 {background: url(../img/ethic_sub4.jpg) no-repeat;background-size: cover; height: 300px; width: 100%; display: flex; align-items: center;justify-content: center; }
.sub-img-wrap.img5 {background: url(../img/ethic_sub5.jpg) no-repeat;background-size: cover; height: 300px; width: 100%; display: flex; align-items: center;justify-content: center; }
.sub-img-wrap.img6 {background: url(../img/ethic_sub6.jpg) no-repeat;background-size: cover; height: 300px; width: 100%; display: flex; align-items: center;justify-content: center; }
.sub-img-wrap h1,.sub-img-wrap2 h1 {color: #fff; font-weight: 600; }
.sub-txt-wrap {word-break: keep-all; text-align: center; width: 1080px; display: flex;flex-direction: column; align-items: center;}
.sub-txt-wrap h3 {padding-bottom: 3rem; font-weight: 600;color: #000;}
.sub-txt-wrap p {font-size: 1rem; font-weight: 500; color: #000; margin-bottom: 0;}
.sub-txt-wrap b {color: #000;}
.sub-txt-wrap.left {align-items: flex-start;padding-top: 100px; text-align: left; width: 100%;}
.sub-txt-wrap.left h3 {font-size: 24px; padding-bottom: 0 !important;}
.sub-txt-wrap.left.bdtop h3 {font-size: 24px; padding-bottom: 1rem;}
.sub-txt-wrap.left.img {background: url(../../../../images/cpis/gcc/sub3.jpg) no-repeat;background-size: cover; height: 250px; width: 100%; border-radius: 12px; padding: 40px; margin-top: 100px;gap: 1rem;}
.sub-txt-wrap.left.img h3 {padding-bottom: 0;}
.sub-txt-wrap.left.img button {margin-top: 24px;}
.sub-txt-wrap.bdt {border-bottom: 1px solid #e5e9f1; padding: 48px 0;}
.sub-txt-wrap.bdtop {border-top: 1px solid #e5e9f1; padding: 48px 0 10px 0;}
.w600 {width: 850px; text-align: center;}
.text-box {display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1rem; width: 100%;}
.text-box.row {display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: nowrap; width: 1100px;}
.text-box.row .text-box-content{position: relative; flex: 1; background: #f8f8fa; border: 1px solid #f0f0f5; flex-direction: column;justify-content: flex-start; padding: 24px; height: auto;min-height: 210px; margin-top: 24px;}
.text-box.row .text-box-content button{padding: 11px 24px 10px 24px; font-size: 1rem; position: absolute; bottom: 24px;}
.text-box-content {display: flex; align-items: center; justify-content: center; background: #f0f0f5; border-radius: 6px; padding: 10px; width: 32%;  height: 80px;font-size: 1rem; font-weight: 600;}
.text-box-content.column {flex-direction: column;}
.text-box-content span {font-size: 14px; font-weight: 400;}
.text-box-content h3 {font-size: 1.2rem !important;}

/*accordion*/
.acco-wrap {width: 100%; display: flex; align-items: center; justify-content: center;padding-bottom: 100px;}
.acco-wrap .accordion {width: 1100px; }
.acco-wrap .accordion-item {margin-bottom: 10px;border-radius: 12px; border: 1px solid #b5b9cc;}
.acco-wrap .accordion-item .accordion-button.ethic-acc {border-radius: 12px 12px 0 0; font-weight: 600;font-size: 1.2rem; display: flex;  justify-content: space-between;  align-items: center; }
.acco-wrap .accordion-item .accordion-button.ethic-acc.collapse {border-radius: 12px !important;}
.acco-wrap .accordion-button.ethic-acc {background: #fff; color: #000;}
.acco-wrap .accordion-body {color: #000; background: #f8f9fa; border-radius: 0 0 12px 12px;}
.acco-body-con {margin-bottom: 14px;}
.acco-body-con h5{font-size: 1rem; font-weight: 600; }
.acco-body-con ul li {list-style: outside;margin-left: 30px; color: #3d3d3d;}
.accordion-button.ethic-acc:focus {box-shadow: none;}
.accordion-button.ethic-acc {  display: flex;  justify-content: space-between;  align-items: center;}
.accordion-button.ethic-acc.collapsed {  border-radius: 12px !important;}
.accordion-button.ethic-acc .icon {  transition: transform 0.3s ease;  font-size: 1.2rem;}
.accordion-button.ethic-acc.collapsed .icon {  transform: rotate(0deg);}
.acco-wrap .accordion-item .accordion-button.ethic-acc.acc-txt {font-size: 1rem !important;}

/* 열림 상태 */
.accordion-button.ethic-acc:not(.collapsed) .icon {  transform: rotate(180deg);}
.acco-wrap .accordion-item .accordion-button.ethic-acc::before, .acco-wrap .accordion-item .accordion-button.ethic-acc::after{display: none !important;}

/*Tab*/
.tab-wrap {position: relative; width: 100%; padding: 100px 0 0 0;}
.tabs {display: flex;flex-direction: column; align-items: center; width: 100%; }
.tab-buttons {position: relative;}
.tab-buttons button {flex: 1;  padding:  0 24px;  cursor: pointer;  background: #ffffff;  border: none; font-size: 1.4rem; line-height: 1;}
.tab-buttons button {border-right: 1px solid #d1d2d7;font-weight: 600;}
.tab-buttons button:last-child {border-right: none;}
.tab-buttons button.active {color: #007bff;}
.tab-buttons.small { padding-bottom:12px;}
.tab-buttons.small button {font-size: 1.2rem; margin-top:60px; border-right: none; padding: 10px;margin-right: 10px;}
.tab-buttons.small button:last-child {margin-right: none;}
.tab-buttons.small button.active {color: #007bff; padding: 10px;  background: #ebf1f8; border-radius: 6px;}
.tab-content { padding: 10px; width: 1100px; text-align: center;}
.tab-content.guide-line { text-align: left;}

/*form*/
.ethic-form {width: 1100px; padding-top: 48px;}
.ethic-form .form-check-label {font-size: 1rem;}
.ethic-form .sub-txt-wrap {padding-top: 36px;} 
.ethic-form .sub-txt-wrap .form-check {width: 100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding-top: 10px;} 
.ethic-form .form-check-input.ethic-input {float: none; height: 20px; width: 20px;margin-right: 5px;} 
.ethic-form .sub-txt-wrap .form-check label {padding-left: 5px; } 
.ethic-form .radio-wrap {display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding: 24px 0 0 0; width: 100%;}
.ethic-form .radio-wrap label{font-size: 1.3rem; font-weight: 600;}
.ethic-form .radio-wrap .form-check {display: flex; flex-direction: row; align-items: center; }
.ethic-form .border-top { border-top: 1px solid #dee2e6; width: 100%; padding: 24px 0;}
.ethic-form .sub-txt-wrap.left h3 { padding-bottom: 0; font-size: 24px; margin-bottom: 10px;}
.policy_wrap {position: relative; background: #f9f9fb; border-radius: 8px; border: 1px solid #d7d7d7; padding:12px 24px; width: 100%;}
.policy_wrap ul li {display: flex; flex-direction: column; align-items: flex-start; color: #000; font-size: 1rem;}
.policy_wrap ul li p {font-size: 1rem;}
.policy_wrap ul li.underline {text-decoration: underline;}
.form-box {position: relative; width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.form-box.f-row {position: relative; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
.form-box.f-row li {padding-right: 16px;}
.form-box .form-check {width: 100%; display: flex; flex-direction: row; justify-content: flex-start !important;padding-top: 10px;} 
.f-beet {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%;}
.txt-red {color: #f32d3d;}
.required{display: inline-block; height: 6px; width: 6px; border-radius: 50%;vertical-align: text-top; background: #f62130;margin-left: 8px;}

.ethic-table th {font-size: 1rem; text-align: left; border-bottom: none; padding-top: 15px; font-weight: 500;}
.ethic-table td {border-bottom: none; font-size: 1rem;}
.ethic-table tr td .form-select {border-color: 1px solid #d7d7d7; height: 45px;}
caption {display: none;}

.form-check-input[type=checkbox] {border-radius: 6px;}
.form-check-input:checked {background-color: #000;}
.form-check-input:focus {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);}
textarea.form-control.ethic-textarea:focus {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);border-color: #000;}
.form-check-input:focus {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);}
.form-check-input.ethic-input {margin-top: 0 !important; border: 1px solid #6c6c6c;}
.form-select:focus {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); border-color: #000;}
input.form-control.ethic-input:focus {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);border-color: #000;}

textarea.form-control.ethic-textarea {border-color: 1px solid #d7d7d7;}
.f-bottom-in .form-select {font-size: 14px;}
input.ethic-input::placeholder, textarea::placeholder {font-size: 1rem !important;}
input.form-control.ethic-input {border-color: 1px solid #d7d7d7; height: 45px !important;}
.ui--button-container.f-center {text-align: center !important; width: 100% !important;}
.f-center .btn-wrap {display: flex; flex-direction: row; align-items: center;justify-content: center; gap: 0.4rem; }
.f-center .btn-wrap button {min-width: 130px; }

.input-group.ethic-group {border-radius: 0 .375rem .375rem 0; border: 1px solid #dee2e6;}
.input-group.ethic-group span.hip {line-height: 43px; padding: 0 10px;}
.input-group.ethic-group input { border: none; height: 43px !important;}
.input-group.ethic-group input:focus {border: 1px solid #000000;}
.input-group.ethic-group input.first:focus {border-radius: 0;}

.input-group.ethic-group.email {border-radius: .375rem 0 0 .375rem; border: 1px solid #dee2e6;}
.form-select.col.w-30.email {border-left: none; border-right: 1px solid #dee2e6 !important;border-radius: 0 .375rem.375rem 0 !important;}
.pr0 {padding-right: 0 !important; padding-left: 0 !important;}
.ethic-group-td .row {margin-right: 0; margin-left: 0;}

/*admin*/
.admin-wrap, .admin-wrap button {font-size: 14px;}
.justice-f-end {justify-content: flex-end;}

/*text-box*/
.sub-txt-box {border: 1px solid #b5b9cc; border-radius: 12px; padding: 20px 0 0 0; text-align: left; width: 100%; margin-bottom: 24px;}
.sub-txt-box:last-child { margin-bottom: 0;}
.sub-txt-box .table-ul {padding-top: 5px; border-top: 1px solid #b5b9cc; background:#f8f9fa;border-radius: 0 0 12px 12px}
.sub-txt-box .table-ul li {display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; padding: 10px 0 5px 40px;}
.sub-txt-box .table-ul li:last-child {padding-bottom: 10px;}
.sub-txt-box .table-ul li p:nth-child(1) {width: 15%; font-weight: 600;}
.sub-txt-box .table-ul li p:nth-child(2) {width: 85%; color: #313131;}
.sub-txt-box h5.mb0  {margin-bottom: 0 !important;}
.sub-txt-box h5 {padding-left: 20px;padding-bottom: 20px; margin-bottom: 0;}

/*guide-box*/
.guide-box-wrap {/*border-top: 1px solid #a7abbd;*/ width: 100%; padding: 12px 0 12px 0; }
.guide-box-wrap h5 {font-weight: 600; padding: 10px 0; }
.guide-box-wrap .acco-wrap {padding-bottom: 0px !important;}
.guide-box { background:#f8f9fa; border-radius: 12px; text-align: left; padding: 18px;margin: 0 0 24px 0; width: 100%;}
.guide-box .txt-padding {padding-bottom: 24px;}
.guide-box .txt-padding.none {padding-bottom: 0;}
.guide-box .txt-padding ul  {padding-top: 12px;}
.guide-box .txt-padding ul li {list-style: outside; margin-left: 30px; color: #4b4b4b;}
ul.acc-disc  {padding-top: 12px;}
ul.acc-disc li {list-style: inside; padding-left: 10px; color: #4b4b4b;}
.sub-txt-wrap.left h3.guide-title {font-weight: 700; font-size: 1.7rem;}
.ques {color: #2445a5; } .answer {padding-left: 40px;}

   .file-attach .file-list li {
		padding: 10px !important;	
	}

/*노트북*/
@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .img-text {width:90%;text-align: center;}
    .navbar-nav {display: none !important;}
    .bi-list {display: inline-block !important; font-weight: bold;}
    .sub-txt-wrap,.w600 {width: 90%;}
    .tab-content {width: 90%;}
    .ethic-form {width: 100%;}
    .text-box.row {width: 100%;}
    .v--modal-box {width: 80%; left: 0;}
    .img2 {width: 90% !important;}
    footer .local-wrap {width: 100%; }
}

/*테블릿*/
@media screen and (max-width: 1024px) {
    .ui--brand-simbol {width: 90px;}
    .bi-list {display: inline-block !important; font-weight: normal;}
    .lang-text {display: none;}
    .navbar-nav {display: none;}
    .con-wrap {align-items: center; width: 90% !important; gap: 1rem;}
    .con-wrap .con-box2  {margin-right: 0; width: 90%;}
    .con-wrap .con-box2.mr24  {margin-right: 0;}
    .section:nth-child(4) img {height: 1200px !important;}
    .section:nth-child(2) img {height: 1170px;}
    .img-text {width: 90%; top: 250px;}

    .sub-txt-wrap {width: 90%;}
    .acco-wrap .accordion {width: 90%;}
    .tab-content {width: 90%;}
    .ethic-form {width: 100%;}
    .footer-bottom {padding: 0 20px;}
    .text-box-content {width: 48%;}
    .text-box.row { width: 100%;flex-wrap: wrap; flex-direction: row; }
    .text-box.row .text-box-content { width: 47%; flex: none; margin-top: 0px}
    .text-box.row .text-box-content:nth-of-type(1) { margin-top: 20px}
    .text-box.row .text-box-content:nth-of-type(2) { margin-top: 20px}
    .v--modal-box {width: 80%; left: 0;}
    .ethic-form .radio-wrap {justify-content: center;}
    footer .local-wrap .local-wrap-con {width: 100%;display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .f-bottom-txt {width: 100%;}
    .footer-wrap {width: 100%;}
    .opentype-style .form-select.col.w-20 {width: calc(32% - 24px) !important;}
    .opentype-style .form-select.col.w-30.email {width: calc(32% - 24px) !important;}
    .row-cols-3>* {width: calc(70% - -12px) !important;}
}
/*asus zenbook fold*/
@media screen and (max-width: 853px) {
    .section:nth-child(4) img {height: 1500px !important;}
    .sub-txt-wrap,.w600 {width: 90%;}
    .acco-wrap .accordion {width: 95%;}
    .tab-content {width: 90%;}
    .ethic-form {width: 100%;}
    .footer-bottom {padding: 0 20px;}
    footer .local-wrap {width: 100%; }
    .text-box.row { width: 100%;flex-wrap: wrap; flex-direction: row; }
    .text-box.row .text-box-content { width: 47%; flex: none; margin-top: 0px}
    .text-box.row .text-box-content:nth-of-type(1) { margin-top: 20px}
    .text-box.row .text-box-content:nth-of-type(2) { margin-top: 20px}
    .v--modal-box {width: 90%; left: 0;}
    input.ethic-input::placeholder, textarea::placeholder, .form-control, .form-select, .input-group-text {font-size: 14px !important;}
    .sub-txt-box .table-ul li p:nth-child(1) {width: 20%; font-weight: 600;}
    .sub-txt-box .table-ul li p:nth-child(2) {width: 80%; color: #444;}
    .con-box.mr24 {margin-right: 0 !important;}
    .con-wrap .con-box {width: 90%; padding: 5px 5px 15px 5px;}
    .img2 {width: 100%;}
    .content h1 {font-size: 1.4rem; }
    .con-box button {margin-top: 1rem !important;}
}

/*일반폰, 소형 테블릿*/
@media screen and (max-width: 820px) {
    .ui--brand-simbol {width: 90px;}
    .bi-list {display: inline-block !important; font-weight: normal;}
    .lang-text {display: none;}

    .navbar-nav {display: none;}
    .con-wrap {flex-direction: column; align-items: center; width: 100% !important; gap: 1rem;}
    .con-wrap .con-box2  {margin-right: 0; width: 90%;}
    .con-wrap .con-box2.mr24  {margin-right: 0;}
    .img-text {width: 90%;}
    .content-in {width: 100%;}

    .section:nth-child(4) img {height: 1322px;}
    .select-wrapper {width: 80px;}
    .select-display {padding: 5px 20px 5px 8px; font-size: 10px; border-radius: 8px;width: 70px;}
    .select-display::after {width: 8px; height: 8px; top: 12px;right:16px }
    
    .sub-txt-wrap,.w600 {width: 90%;}
    .acco-wrap .accordion {width: 95%;}
    .tab-content {width: 90%;}
    .ethic-form {width: 100%;}
    .form-box.f-row {flex-direction: column; justify-content: flex-start; align-items: normal;}
    .text-box-content {width: 48%; text-align: center;}
    .text-box.row { width: 100%;flex-wrap: wrap; flex-direction: row; }
    .text-box.row { width: 100%;flex-wrap: wrap; flex-direction: row; }
    .text-box.row .text-box-content { width: 100%; flex: none; margin-top: 0px}
    .text-box.row .text-box-content button { font-size: 14px;}
    .text-box.row .text-box-content:nth-of-type(1) { margin-top: 20px}
    .text-box.row .text-box-content:nth-of-type(2) { margin-top: 0px}
    

    footer .w50 .title {width: 30px !important;}
    .footer-con ul li span.title {font-size: 12px; min-width: 64px;}
    .footer-con ul li .w50 span.title.w30 {font-size: 12px; min-width: 30px;}
    .footer-wrap {flex-direction: column; padding: 24px 12px;}
    .footer-con {border-right: none; border-bottom: 1px solid #383838;padding-bottom: 20px;}
    .footer-con:last-child {border-bottom: none;}
    .footer-con ul li {font-size: 11px;}
    .footer-up {height: 40px; padding:0 12px;}
    .footer-up ul li {padding: 0 10px;}
    .footer-up ul li a {font-size: 11px;}
    .footer-up {width: 95%;}
    .f-bottom-in a {font-size: 11px;}
    .f-bottom-in span {font-size: 11px;}
    .f-bottom-in a.link-con {padding: 10px 5px;}
    .footer-bottom {padding: 20px; height: 100px;}
    footer .local-wrap {width: 100%; }

    .tab-content {padding: 10 24px}
    .w-border.mt70 {margin-top: 10px;}
}
/*소형*/
@media screen and  (max-width: 480px) {
    .con-wrap {width: 100% !important;}
    .con-wrap .con-box2  {margin-right: 0; width: 90%;padding: 5px;}
    .bi-list {display: inline-block !important; font-weight: normal; font-size: 1rem;}
    .ui--top {padding-left: 20px; padding-right: 20px;}
    .ui--top .right-container{right:20px;}
    
    .icon-img1 {width: 42px; height: 42px;}
    .icon-img2 {width: 42px; height: 42px;}
    .icon-img3 {width: 42px; height: 42px;}
    .icon-box-in {padding: 0 32px;}
    .icon4,.icon3 {width: 50px; height: 50px;}
    
    .con-box2 h3 {padding-top: 10px;}
    .section p {padding-top: 10px;}
    .section h3 {font-size: 1.2rem; font-weight: 600;line-height: 2rem;}
    .lang-text {display: none;}
    .sub-txt-wrap,.w600 {width: 90%;}
    .acco-wrap .accordion {width: 95%;}
    .tab-content {width: 100%;}

    .ethic-form {width: 100%;}
    .ethic-form table th {display: none;}
    .ethic-form table td {width: 100%; padding: 10px 0;}
    .form-box.f-row {flex-direction: column; justify-content: flex-start; align-items: normal;}
    .disc {font-size: 13px;}

    .text-box {flex-direction: column; width: 100%;}
    .text-box .text-box-content { width: 100%;}
    .ui--file-attachment .message .bi {font-size: 32px;}
    .ui--file-attachment .message span {font-size: 12px;}

    .text-box.row {flex-direction: column; width: 100%; margin-left: 0;padding: 0;margin: 0;}
    .text-box.row .text-box-content {width: 100%; margin-top: 0px}
    .text-box.row .text-box-content:nth-child(1) { margin-top: 20px}
    .text-box.row .text-box-content:nth-child(2) { margin-top: 0px}
    .tab-buttons button {font-size: 1rem;}
    
    .footer-con.local ul li {display: flex; flex-direction: column;}
    .footer-con.local .w40 {width: 100%;}
    .f-bottom-txt {flex-direction: column;}
    .f-bottom-in a.link-con {padding: 10px 10px;}
    .footer-bottom {padding: 0 10px; }

    .v--modal-box {width: 100% !important; left: 0 !important;}
    .sub-txt-wrap.left.img button {margin-top: 12px; padding: 9px 24px;}
    .f-bottom-in {padding-top: 10px;width: 100%; justify-content: center;}
    .f-bottom-txt.right  { justify-content: flex-end !important;}

    .sub-txt-box {padding-top: 12px;}
    .sub-txt-box h5{font-size: 1rem; font-weight: 600;}
    .sub-txt-box .table-ul li {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 5px 10px 5px 10px; padding-bottom: 12px;}
    .sub-txt-box .table-ul li p:nth-child(1) {width: 100%; font-weight: 600;}
    .sub-txt-box .table-ul li p:nth-child(2) {width: 100%; color: #444;}
    .sub-txt-box h5 {padding-left: 8px; padding-bottom: 8px;}
    .img2 {width: 90% !important;}
    .w-border.mt70 {margin-top: 20px !important;}

    .img2 {width: 100% !important; align-items: center !important;}
    .con-box button {margin-top: 1rem !important;}
    .w70 {width: 90%;}
    

}
/*z폴드 접었을때, 초소형*/
@media  screen and (max-width:360px) {
    .img-text {text-align: center; width: 90%;}
    .ui--top {padding-left: 20px;}
    .con-wrap {width: 100% !important;}
    .con-wrap .con-box2  {margin-right: 0; width: 80%;}
    .con-box2 h3 {padding-top: 10px;}

    .section h3 {font-size: 1.2rem; font-weight: 600;line-height: 2rem;}
    .section p {padding-top: 10px;}
    .section:nth-child(1) img {height: 882px;}
    .icon4,.icon3 {width: 50px; height: 50px;}
    .ui--top .right-container{right:20px;}
    
    .sub-txt-wrap,.w600 {width: 90%;}
    .acco-wrap .accordion {width: 95%;}
    .tab-content {width: 100%;}
    .tab-buttons button {font-size: 1rem;}
    .ethic-form {width: 100%;}
    .ethic-form table th {display: none;}
    .ethic-form table td {width: 100%;}
    .ethic-form .sub-txt-wrap .form-check label {font-size: 13px;}

    .form-box.f-row {flex-direction: column; justify-content: flex-start; align-items: normal;}
    .disc {font-size: 12px;}

    .text-box {flex-direction: column; width: 100%;}
    .text-box .text-box-content { width: 100%;}
    .text-box.row {flex-direction: column; width: 100%; margin-left: 0;}
    .text-box.row .text-box-content {width: 100%; margin-top: 0px}
    .text-box.row .text-box-content:nth-child(1) { margin-top: 20px}
    .text-box.row .text-box-content:nth-child(2) { margin-top: 0px}
    .ui--file-attachment .message .bi {font-size: 32px;}
    .ui--file-attachment .message span {font-size: 12px;}
    

    
}