/* contact */
.privacy-box .sbox {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 60px 60px 60px 100px;
}

.privacy-box .scroll-box {
    height: 240px;
    overflow: auto;
    padding-right: 60px;
}

.privacy-box .privacy {
    font-size: 16px;
}

.privacy-box .privacy h4 {
    font-size: 22px;
    margin-bottom: 10px;
}

.privacy-box .privacy > p {
    margin: 10px 0;
    font-size: 18px;
}

.privacy-box .privacy > p+dl {
    margin-top: 15px;
}

.privacy-box .privacy > dl {
    padding-bottom: 10px;
}

.privacy-box .privacy > dl > dt {
    font-size: 18px;
}

.privacy-box .privacy > dl > dd {
    padding: 5px 0;
}

.privacy-box .privacy > dl > dd p:not(:last-child) {
    margin-bottom: 4px;
}

.privacy-box .privacy > dl > dd ul {
    padding: 5px 0 10px;
}

.privacy-box .privacy > dl > dd ul li p {
    margin-top: 5px;
}

.privacy-box .privacy > dl > dd ul.bar > li:before {
    font-size: 15px;
    top: 0;
}

.privacy-box .sTxt h3 {
    font-size: 24px;
    margin: 10px 0;
}

.privacy-box .sTxt p {
    margin: 5px 0;
}

.privacy-box .privacy .square > li {
    padding-left: 18px;
}

.privacy-box .privacy .square > li:before {
    font-size: 16px;
    top: 0;
}

.privacy-box .privacy .square > li > ul > li:before {
    font-size: 15px;
    top: 0;
}




.privacy-box .ch {
    margin-top: 30px;
    display: flex;
}

.privacy-box .ch input[type="checkbox"] {
    opacity: 0;
    height: auto;
    line-height: auto;
}

.privacy-box .ch input[type="checkbox"] + span {
    position: relative;
    padding: 0 0 0 35px;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.4 !important;
    display: inline-block;
    color: #999;
}

.privacy-box .ch input[type="checkbox"] + span:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    transition: all 0.3s;
    background: url(/img/sub/ch_off.png) no-repeat center/ cover;
    position: absolute;
    left: -15px;
    top: -2px;
}

.privacy-box .ch input[type="checkbox"]:checked + span:before {
    background: url(/img/sub/ch_on.png) no-repeat center/ cover;
}





.inquiryCont {
    margin-top: 120px; margin-bottom: 50px;
}

.inquiryCont .inquiry-ip {
    display: flex;
    gap: 20px;
}

.inquiryCont .inquiry-ip > form > div {
    width: calc((100% - 20px) / 2);
}

.inquiryCont .inquiry-ip .registerBox {
    padding: 50px 60px;
    border-radius: 20px;
    background: #000;
	border: 1px solid #333;
	width: 100%;
}

.inquiryCont .inquiry-ip .imgbox {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
	width: 100%;

}

.inquiryCont .inquiry-ip .imgbox:before {
    content: '';
    display: block;
    margin-bottom: 0%;
}

.inquiryCont .inquiry-ip .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    -o-object-fit: cover;
}

.inquiryCont .txt_b {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    color: #666;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
}

.inquiryCont .txt_b strong {
    color: var(--mainColor);
    font-size: 22px;
    font-weight: 700;
}

.inquiryCont .btnCont {
    margin-top: 60px;
}



@media screen and (max-width:1024px){
.inquiryCont {
    margin-top: 80px; margin-bottom: 120px;
}

.inquiryCont .inquiry-ip {
    display: flex;
    flex-direction: column;
}
.inquiryCont .inquiry-ip .registerBox {
    padding: 50px 60px;
    border-radius: 20px;
    background: #000;
	border: 1px solid #333;
	margin-bottom: 50px;
	width: 100%;
}
}



@media screen and (max-width:768px){
.inquiryCont .inquiry-ip .registerBox {
    padding: 50px 20px;
    border-radius: 20px;
    background: #000;
	border: 1px solid #333;
	margin-bottom: 50px;
	width: 100%;
}
}







/* 개발부분 site.css --> register-box */
.registerBox * {
    font-family: var(--mainFont);
}

.registerBox > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.registerBox > ul > li {
    position: relative;
    width: 100%;
}


.registerBox > ul > li .stit {
    color: #fff;
	font-size: 20px;
}


.registerBox > ul > li .ipbox {
    display: flex;
    gap: 10px;
    align-items: center;
}

.registerBox > ul > li input[type="text"], .registerBox > ul > li input[type="password"] {
    height: 60px;
    padding: 0 30px;
    width: 100%;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    border: 1px solid #272727;
    outline: none;
    background: #272727;
    border-radius: 60px;
    transition: all 0.3s;
}

.registerBox > ul > li select {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 50px 0 30px;
    font-size: 16px;
    color: #777;
    font-weight: 500;
    border: 1px solid #272727;
    outline: none;
    border-radius: 60px;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #272727 url(/images/sub/icon_select_down.png) right center no-repeat;
}

.registerBox > ul > li select::-ms-expand {
    display: none;
}

.registerBox > ul > li textarea {
    width: 100%;
    height: 180px;
    line-height: 1.6;
    padding: 30px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    border: 1px solid #272727;
    outline: none;
    background: #272727;
    border-radius: 20px;
    transition: all 0.3s;
}

.registerBox > ul > li input.ip02 {
    width: calc(33% - 10px);
}

.registerBox > ul > li select.sel02 {
    width: 32%;
}

.registerBox > ul > li input[type="text"]:hover, .registerBox > ul > li input[type="password"]:hover, .registerBox > ul > li select:hover, .registerBox > ul > li textarea:hover {
    border: 1px solid var(--mainColor);
    background-color: #fff
}

.registerBox > ul > li input::placeholder, .registerBox > ul > li textarea::placeholder {
    color: #777;
    opacity: 1;
    font-weight: 400;
}

.registerBox > ul > li .stxt {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    display: inline-block;
    text-align: center;
}

.registerBox > ul > li .ipbox .file-box {
    width: 100%;
}

.registerBox > ul > li .ipbox .ipcont {
    position: relative;
    align-items: center;
    gap: 0 10px;
}

.registerBox > ul > li .ipbox .ipcont:not(:last-child) {
    margin-bottom: 10px;
}

.registerBox > ul > li .ipbox .ipcont .upload-name {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: calc(100% - 210px);
    height: 60px;
    outline: none;
    border: 1px solid #ddd;
    padding: 4px 30px;
    color: #777;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    background: none;
    border-radius: 60px;
}

.registerBox > ul > li .ipbox .ipcont .upload-name.on {
    color: #333;
}

.registerBox > ul > li .ipbox .ipcont .file {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 60px;
    background: var(--mainColor);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px
}

.registerBox > ul > li .ipbox .ipcont .file span {
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
}

.registerBox > ul > li .ipbox .ipcont .file input {
    display: none
}

.registerBox > ul > li .code-box {
    display: flex;
    gap: 10px;
    position: relative;
    width: 100%;
}

.registerBox > ul > li .code-box .img {
    width: 175px;
    border-radius: 60px;
}

.registerBox > ul > li .code-box input {
    width: calc(100% - 175px - 60px - 10px)
}

.registerBox > ul > li .code-box .btn_refresh {
    height: 60px;
    width: 60px;
    border: none;
    outline: none;
    background: var(--mainColor) url(/images/sub/btn_refresh.svg) center center no-repeat;
    border-radius: 60px;
}




/* common */
.btn_more a,
.btn_more button { position:relative; width:243px; height:60px; display:flex; align-items:center; overflow:hidden; transition:all 0.5s; outline:none; border:none; background:none }
.btn_more.w290 a,
.btn_more.w290 button { width:290px; }
.btn_more.w310 a,
.btn_more.w310 button { width:310px; }
.btn_more strong { width:calc(100% - 0px); height:100%; color:#444; font-size:16px; font-weight:700; line-height:1.3; text-transform:capitalize; display:flex; justify-content:center; align-items:center; border-radius:60px; background:#ededed; transition:all 0.5s; }
.btn_more span { position:absolute; right:0; display:flex; justify-content:center; align-items:center; width:60px; height:100%; background:var(--mainColor); border-radius:60px; transition:all 0.5s; }
.btn_more a:hover span,
.btn_more button:hover span { margin-right:calc(100% - 60px); transform:rotate(45deg);}
.btn_more a:hover strong,
.btn_more button:hover strong { margin-left:0px; }
@media screen and (max-width:1024px){
	.btn_more a,
	.btn_more button { width:220px; height:50px; }
	.btn_more.w290 a,
	.btn_more.w290 button { width:260px; }
	.btn_more.w310 a,
	.btn_more.w310 button { width:280px; }
	.btn_more strong { width:calc(100% - 50px); font-size:16px; }
	.btn_more span { width:50px; }
	.btn_more a:hover span,
	.btn_more button:hover span { margin-right:calc(100% - 50px); }
	.btn_more a:hover strong,
	.btn_more button:hover strong { margin-left:0px; }
}
@media screen and (max-width:640px){
	.btn_more a,
	.btn_more button { width:200px; height:40px; }
	.btn_more.w290 a,
	.btn_more.w290 button { width:230px; }
	.btn_more.w310 a,
	.btn_more.w310 button { width:260px; }
	.btn_more strong { width:calc(100% - 40px); font-size:16px; }
	.btn_more span { width:40px; }
	.btn_more a:hover span,
	.btn_more button:hover span { margin-right:calc(100% - 40px); }
	.btn_more a:hover strong,
	.btn_more button:hover strong { margin-left:0px; }
}





.sub04_01_map { position:relative; width:100%; display:none;}
.sub04_01_map:after { display:block; content:""; clear:both;}
.sub04_01_map1 {}
.sub04_01_map2 {}
.sub04_01_map3 {}
.sub04_01_map_active { display:block !important;}
.sub04_01_map_txt { font-size:16px; margin-bottom:40px;}
.sub04_01_map_if { float:left; width:100%; height:620px;}
.sub04_01_map_if>iframe { width:100%; height:550px; border:1px solid rgba(0,0,0,0.1);}