@charset "utf-8";
.rtl{direction: rtl}
.rtl_r{text-align: right;direction: rtl;}
.subTit{text-align: center;padding-top: 110px;padding-bottom: 50px;position: relative;}
.subTit h2{font-family: 'Gmarket Sans';font-weight: 700;font-size: 40px;margin-bottom: 18px;}
.pageDr{font-weight: 300;color: #999;position: relative;line-height: 1.1;z-index: 10;}
.pageDr a.locH{display: inline-block;background:  url(../img/sub/home_k.png) 0 0 no-repeat;text-indent: -999em;font-size: 0;width: 12px;height: 12px;vertical-align: middle;top: -2px;position: relative;}
.pageDr .aro{position: relative;display: inline-block;width: 12px;height: 14px;vertical-align: middle;text-indent: -999em;font-size: 0;margin-right: 10px;}
.pageDr .aro::before{display: block;content: '';position: absolute;top: 2px;right: 0;height: 8px;width: 1px;background-color: #ccc;}
.pageDr b{font-weight: 500;color: #000;}

.subVisual{height:780px;padding-top: 100px ;background: #484946 ;overflow: hidden;position: relative;z-index: 2; margin-top: -100px;padding-bottom:5%;height: /* calc(1000/1920 * 100dqvw) */100vh;box-sizing: border-box;}
.subVisual::before{display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-repeat: no-repeat;background-position: center 0;animation: 2s zoom-ani  ease-out ;background-size:cover ;z-index: -1;}
.subVisual .subTit{display: flex;align-items: center;justify-content: center;height: 100%;padding: 0;color: #fff;flex-direction: column;}
.subVisual .subTit h2{margin-bottom: 60px;}
.subVisual .pageDr{position: absolute;left: 70px;bottom: 0;color: #999;text-align: left;}
:lang(ar).subVisual .pageDr{left: auto;right: 70px;text-align: right;direction: rtl}
.subVisual .pageDr b{color: #fff;}
.subVisual .pageDr .aro::before{background-color: #999;opacity: .6;}
.subVisual .pageDr a.locH{background-image: url(../img/sub/home.png);}

@keyframes zoom-ani {
0{-ms-transform: scale(1.2, 1.4);transform: scale(1.2, 1.1);}
15% {-ms-transform: scale(1.4, 1.3);transform: scale(1.4, 1.3);}
100% {-ms-transform: scale(1, 1);transform: scale(1, 1);}
}
.subVisual.subbg11::before{background-image: url(../img/sub/subbg_11.jpg);}
.subVisual.subbg12::before{background-image: url(../img/sub/subbg_12.jpg);}
.subVisual.subbg13::before{background-image: url(../img/sub/subbg_13.jpg);}
.subVisual.subbg14::before{background-image: url(../img/sub/subbg_14.jpg);}
.subVisual.subbg21::before{background-image: url(../img/sub/subbg_21.jpg);}
.subVisual.subbg22::before{background-image: url(../img/sub/subbg_22.jpg);}
.subVisual.subbg23::before{background-image: url(../img/sub/subbg_23.jpg);}
.subVisual.subbg24::before{background-image: url(../img/sub/subbg_24.jpg);}
.subVisual.subbg31::before{background-image: url(../img/sub/subbg_31.jpg);}
.subVisual.subbg32::before{background-image: url(../img/sub/subbg_32.jpg);}
.subVisual.subbg33::before{background-image: url(../img/sub/subbg_33.jpg);}
.subVisual.subbg41::before{background-image: url(../img/sub/subbg_41.jpg);}

/***************
.pageContent
*************/

/* :lang(en) body .subVisual .subTit h2{letter-spacing: -1px;}
:lang(en) body .pageDr{font-size: 0.85em;} */
.pageContent{min-height: 500px;}
.pageContent.wrapper{/* max-width: 1400px; */}/* 게시판 목록 일반 콘텐츠*/
.pageContent .wrapper{max-width: 1200px;}
.pageContent .bbs::after,
.pageContent::after{display: block;content: '';clear: both;}

.pageContent .bbs{max-width: 1400px;margin: 0 auto;width: 95%;position: relative;margin-bottom: 100px;}
.pageContent .bbs.customize{max-width: 1120px;}
/* body:has(.customize) .subTit{display: none;} */
body:has(.bbsViewTit) .subTit{display: none;}

.bbsViewTit{padding: 95px 0 0;}
.bbsViewTit a{font-size: 20px;font-weight: 600;display: inline-block;padding-right: 10px;}
.bbsViewTit a::before{display: inline-block;content: '';width: 1px;background-color: #ccc;height: 15px;margin: 0 9px 0 0;}


@media screen and (max-width:1024px) {
.subTit{padding: 80px 0 60px;}
.subVisual{padding-top: 60px ;margin-top: -60px;padding-bottom: 20px;}
.bbsViewTit{padding-top: 60px;}


}
@media screen and (max-width:600px) {
.subVisual .pageDr{left: 0;right: 0;text-align: center;}
.subTit{padding: 40px 0 50px;}
}
@media screen and (max-width:400px) {
.subTit h2{font-size: calc(30px + (40 - 30) * ((100vw - 320px) / (400 - 320)));}
}
.rnd_view{padding:80px 40px 40px;border-bottom: 1px solid #222;margin-bottom: 30px;}
.rnd_view p{display: flex;align-items: flex-start;margin-bottom: 30px;font-size: 20px;line-height: 1.4;font-weight: normal;}
.rnd_view p em{font-style: normal;flex:0 0 110px;font-weight: bold;display: block;}
.rnd_view p span{display: block;flex:0 0 calc(100% - 120px); padding-right: 10px;box-sizing: border-box;}
.rnd_view p.bxcover span{background-color: #e8e9e9; padding: 80px;display: flex;justify-content: center;align-items: center;box-sizing: border-box;min-height: 400px;}
.rnd_view p.bxcover span img{display: block;font-size: 0;max-width: 100%;margin: 0 auto;}

@media screen  and (max-width:1200px) {
.rnd_view{padding:50px 30px 30px;}
.rnd_view p.bxcover span{padding: 40px}
}
@media screen  and (max-width:815px) {
.rnd_view{padding:30px 10px 20px;}
.rnd_view p{margin-bottom: 10px;font-size: 17px;}
.rnd_view p em{flex:0 0 90px}
.rnd_view p span{flex:0 0 calc(100% - 90px)}
.rnd_view p.bxcover{display: block;}
.rnd_view p.bxcover span{margin-top: 20px;min-height: 200px;padding: 20px;}
}
@media screen  and (max-width:450px) {
 .rnd_view p.bxcover span{padding: 10px;}
}

/* 문의하기 */
.formWrap .txt1{;line-height: 1.7;font-weight: 300;letter-spacing: -0.5px;word-break: keep-all;}
.formWrap *{box-sizing: border-box;list-style-type: none;margin: 0;padding: 0;}
.formWrap .foript{padding-bottom: 10px;font-weight: normal;text-align: right;}
.formWrap .foript b{font-size: 19px;color: #e74d4d;}
.formWrap .submit_btn{text-align: center;margin: 0 auto 0;display: block;width: 240px;height: 50px;background: #3d3d3d;color: #fff;font-size: 17px;font-weight: 400;font-family: 'Noto Sans KR',sans-serif; transition:0.3s;}
.formWrap .submit_btn:hover{background: #000;}
/* 등록버튼 */
.formWrap .sb_link{padding-top:12px; text-align: center;margin: 0 auto 0;display: block;width: 240px;height: 50px;background: #3d3d3d;color: #fff;font-size: 17px;font-weight: 400;font-family: 'Noto Sans KR',sans-serif; transition:0.3s;}
.formWrap .sb_link:hover{background: #000;}

.formWrap .privacyWrap{width: 100%;margin: 70px 0;}
.formWrap .privacyWrap h3.st{font-weight: 400;font-size: 30px;border-bottom: 2px solid #000;padding-bottom: 25px;}
.formWrap .check_g{border-top: 1px solid #999;;padding-top: 20px;}
.formWrap .privacyWrap .privacyText{width: 100%;height: 200px;overflow-y: auto;padding: 0 25px;margin-bottom: 20px;line-height: 1.5;}
.formWrap .privacyWrap .privacyText::-webkit-scrollbar{width: 6px;}
.formWrap .privacyWrap .privacyText::-webkit-scrollbar-thumb {background-color: #ccc;}
.formWrap .privacyWrap .privacyText::-webkit-scrollbar-track {background-color:#f5f5f5;}

.formWrap .privacyWrap pre{font-family: 'Noto Sans KR',sans-serif;white-space: pre-line;font-size: 18px;}
.formWrap .privacyWrap .privacyText.short{overflow: hidden;height: auto;}
.formWrap .privacyWrap .privacyText.short pre{font-size: 17px;line-height: 1.4;}
:lang(en) body .formWrap .privacyWrap pre{font-family: 'Manrope', 'Noto Sans KR',sans-serif;}
:lang(zh-Hans) body .formWrap .privacyWrap pre{font-family: 'Noto Sans SC', sans-serif;}


.formWrap .table{position: relative;border-top: 2px solid #000;display: flex;flex-wrap: wrap;}
.formWrap .table .tr{width: 50%;display: flex;flex-wrap: wrap;border-bottom: 1px solid #ccc;}
.formWrap .table .tr.w100{width:100%}
.formWrap .table .th{width: 200px;text-align: center;font-size: 18px;color: #222;font-weight: 500;}
.formWrap .table .th label{width: 100%;height: 80px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.formWrap .table .th label.ipt:after{display:inline-block;content:"*";color: #e74d4d;margin-left: 3px;}
.formWrap .table .td{width: calc(100% - 200px);font-size: 16px;color: #2d2d2d;padding: 15px 30px;}
.formWrap .table .td .txt1{font-size: 16px;}
.formWrap .table .input{width: 100%;height: 50px;background: #f2f2f2;border: 0;border-radius: 0;padding: 0 20px;outline: 0;font-size: 17px;}
.formWrap .radio_list{height: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.formWrap .radio_list li{display:inline-block;margin-right: 30px;}
.formWrap .radio_list li:last-child{margin-right:0;}
.formWrap .radio_list input[type=radio] {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}
.formWrap .radio_list input[type=radio]+label {position: relative;top: 0px;padding-left: 30px;font-size: 17px;color: #666;font-weight: 300;line-height: 1em;transition: 0.3s;}
.formWrap .radio_list input[type=radio]:checked +label{color: #000;}
.formWrap .radio_list input[type=radio]+label:after,.formWrap .radio_list input[type=radio]+label:before {position: absolute;left: 0;display: block;-webkit-box-sizing: content-box;box-sizing: border-box;content: '';}
.formWrap .radio_list input[type=radio]+label:before {width: 20px;height: 20px;text-align: center;border: 1px solid #d9d9d9;background: #fff;top: 4px;border-radius: 50%;transition: 0.3s;}
.formWrap .radio_list input[type=radio]+label:after{position:absolute;content: '';top: 13px;left: 5px;width: 10px;height: 10px;margin-top: -4px;transform: scale(0);background-color: #333;border-radius: 50%;transition: 0.3s;}
.formWrap .radio_list input[type=radio]:checked+label:before{border-color: #333;}
.formWrap .radio_list input[type=radio]:checked+label:after {transform: scale(1);}
.formWrap .table .fileBox{display: flex;flex-wrap: wrap;width: 100%;}
.formWrap .table .fileBox [type="file"] {font-size:15px;  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; }
.formWrap .table .fileBox .fileLabel {display: inline-block;width: 200px;line-height: 50px;height: 50px;background: #444;font-size: 17px;color: #fff;text-align: center;font-weight: 400;margin-left: 10px;cursor: pointer;}
.formWrap .table .fileBox .fileLabel.img{margin-right: 10px;margin-left: 0;border: 0 ;background-color: #fff;cursor: default;vertical-align: middle;}
.formWrap .table .fileBox .fileLabel.img img{vertical-align: middle;display: inline-block;}
.formWrap .table .fileBox .fileName {width: calc(100% - 210px);height: 50px;background: #f2f2f2;border: 0;border-radius: 0;padding: 0 20px;outline: 0;font-size: 17px;font-weight: 300;}
.formWrap .table .fileBox .fileName::placeholder{color:rgba(85,85,85,0.5);}
.formWrap .table .fileBox .fileName span{margin-right:15px;color: #555;font-weight: 400;display: inline-block;}
.formWrap .table .fileBox .fileName span:last-child{margin-right:0px;}
.formWrap .table textarea{width: 100%;height: 200px;background: #f2f2f2;outline: 0;margin: 0;border: 0;padding: 10px 20px;resize: none;}

@media screen  and (max-width:1024px) {
.formWrap .table .tr{width: 100%;}
.formWrap .table .th{width: 100px;font-size: 16px;}
.formWrap .table .th label{height: 60px;}
.formWrap .table .td{width: calc(100% - 100px);padding: 10px;}
.formWrap .privacyWrap pre{font-size: 16px;}
.formWrap .table .fileBox .fileName,.formWrap .table .fileBox .fileLabel,.formWrap .table .input{height: 40px;}
.formWrap .table .fileBox .fileLabel{line-height: 40px;display: block;margin: 10px 0 0 0}
.formWrap .table .fileBox{display: block;}
.formWrap .table .fileBox .fileName {width:100%}
.formWrap .table .fileBox.forCapcha .fileLabel.img{display: block;margin:0 0 10px 0;height: auto;line-height: 1;}
}
@media screen  and (max-width:580px) {
.formWrap .table .th{width: 85px;font-size: 14px;letter-spacing: -1px;}
.formWrap .table .td{width: calc(100% - 85px);padding-right: 0;}
.formWrap .table .th label.ipt:after{margin-left: 0;}
.formWrap .privacyWrap {margin: 35px 0;}
.formWrap .privacyWrap h3.st{font-size: 20px;padding-bottom: 15px;}
}

/************
formSet
*************/
.formSet *{/* box-sizing: border-box; */list-style-type: none;margin: 0;padding: 0;}
.formSet{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1200px;margin: 0 auto;padding-top: 40px;}
.formSet .txt1{line-height: 1.7;word-break: keep-all;}
.formSet dl{width: 45%;box-sizing: border-box;margin-bottom: 40px;border-bottom: 1px solid #ccc}
.formSet dl.wide{width: 100%;}
.formSet dl.bdbn{border-bottom: none;}

.formSet dt {font-size: 18px;font-weight: 700;margin-bottom: 10px;}
.formSet dt label{display: block;}
.formSet dt label.ipt:after{display:inline-block;content:"*";color: #e74d4d;margin-left: 3px;}
.formSet select,
.formSet input.input[type='text'],
.formSet input.input[type='password']{font-size: 18px;border: 0;line-height: 40px;padding: 5px 0 0 0;width: 100%;color: #000;font-weight: 300;background:none;}
.formSet textarea{width: 100%;height: 100px;font-size: 18px;line-height: 1.4;/* outline: 0; */margin: 0;border: 0;padding: 0;resize: none;}
.formSet .Content2{width: 100%;height: 300px;font-size: 18px;line-height: 1.4;/* outline: 0; */margin: 0;border: 0;padding: 0;resize: none;}
.formSet textarea::-webkit-scrollbar{width: 6px;}
.formSet textarea::-webkit-scrollbar-thumb {background-color: #ccc;}
.formSet textarea::-webkit-scrollbar-track {background-color:#f5f5f5;}
.formSet select { padding-right: 20px; background-position: calc(100% - 8px) 50%;background-image:url(../img/common/select_aro.png);background-repeat: no-repeat;}
.formSet .fileBox{display: flex;flex-wrap: wrap;width: 100%;}
.formSet .fileBox [type="file"] {font-size:15px;  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; }
.formSet .fileBox .fileLabel {display: inline-block;width: 150px;line-height: 40px;height: 40px;background: #f0f0f0;font-size: 17px;color: #000;text-align: center;font-weight: 400;margin-right: 10px;cursor: pointer;border-radius:2.5em ;}
.formSet .fileBox .fileLabel.img{position: relative;background: none;font-size: 0;}
.formSet .fileBox .fileLabel.img img{display: inline-block;max-height: 35px;line-height: 35px;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: auto;}
.formSet .fileBox .fileName {width: calc(100% - 210px);height: 40px;background: #fff;border: 0;border-radius: 0;padding: 0 20px;/* outline: 0; */font-size: 17px;font-weight: 300;}
.formSet .fileBox .fileName::placeholder{color:rgba(85,85,85,0.5);}
.formSet .fileBox .fileName span{margin-right:15px;color: #555;font-weight: 400;display: inline-block;}
.formSet .fileBox .fileName span:last-child{margin-right:0px;}

.formSet dl._flx{padding-bottom: 10px;}
.formSet dl._flx dt{margin-bottom: 15px;}
.formSet dd .radio_list{margin-top: 20px;margin-bottom: 15px;}
.formSet .radio_list{height: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.formSet .radio_list li{display:inline-block;margin-right: 20px;}
.formSet .radio_list li:last-child{margin-right:0;}
.formSet .radio_list input[type=radio] {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;cursor: pointer;}
.formSet .radio_list input[type=radio]+label {position: relative;top: 0px;padding-left: 30px;font-size: 17px;color: #666;font-weight: 300;line-height: 1em;transition: 0.3s;cursor: pointer;}
.formSet .radio_list input[type=radio]:checked +label{color: #000;}
.formSet .radio_list input[type=radio]+label:after,.formSet .radio_list input[type=radio]+label:before {position: absolute;left: 0;display: block;-webkit-box-sizing: content-box;box-sizing: border-box;content: '';}
.formSet .radio_list input[type=radio]+label:before {width: 20px;height: 20px;text-align: center;border: 1px solid #d9d9d9;background: #fff;top: 0;border-radius: 50%;transition: 0.3s;}
.formSet .radio_list input[type=radio]+label:after{position:absolute;content: '';top: 9px;left: 5px;width: 10px;height: 10px;margin-top: -4px;transform: scale(0);background-color: #333;border-radius: 50%;transition: 0.3s;}
.formSet .radio_list input[type=radio]:checked+label:before{border-color: #333;}
.formSet .radio_list input[type=radio]:checked+label:after {transform: scale(1);}

.formSet .privacyWrap{width: 100%;margin: 50px 0;}
.formSet .privacyWrap h3.st{font-weight: 400;font-size: 30px;border-bottom: 2px solid #000;padding-bottom: 25px;margin-bottom: 20px;}
.formSet .check_g{border-top: 1px solid #999;;padding-top: 20px;}
.formSet .privacyWrap .privacyText{height: 200px;overflow-y: auto;padding: 0 25px;margin-bottom: 20px;line-height: 1.6;}

.formSet .privacyWrap .privacyText{ scrollbar-width: thin;  scrollbar-color: #ccc transparent;}
.formSet .privacyWrap .privacyText::-webkit-scrollbar{width: 6px;}
.formSet .privacyWrap .privacyText::-webkit-scrollbar-thumb {background-color: #ccc;}
.formSet .privacyWrap .privacyText::-webkit-scrollbar-track {background-color:#f5f5f5;}

.formSet .privacyWrap pre{font-family: 'Pretendard',sans-serif;white-space: pre-line;font-size: 18px;}
.formSet .privacyWrap .privacyText.short{overflow: hidden;height: auto;}
.formSet .privacyWrap .privacyText.short pre{font-size: 17px;line-height: 1.4;}


@media screen  and (min-width:1025px) {
.formSet dl._flx{display: flex;justify-content: space-between;align-items: center;}
.formSet dl._flx dt{width: 125px;margin-bottom: 0;}
.formSet dl._flx dd{width: calc(100% - 130px);}
.formSet dl._flx dd .input{border-bottom: none;}
}
@media screen  and (max-width:1024px) {
.formSet {display: block;}
.formSet dl{width: auto;margin-bottom: 20px;}
.formSet dt{font-size: 15px;margin-bottom: 5px;}
.formSet .input[type='text'],.formSet textarea{font-size: 17px;}
.formSet .privacyWrap pre{font-size: 16px;}
}
@media screen  and (max-width:600px) {
.formSet .fileBox .fileLabel {width: 100px;margin-right: 5px;font-size: 15px;}
.formSet .fileBox .fileName{width: calc(100% - 110px);padding: 0 10px;font-size: 15px;box-sizing: border-box;}
.formSet .fileBox .fileName::placeholder{font-size: 12px;letter-spacing: -1px;}
.formSet .privacyWrap {margin: 35px 0;}
.formSet .privacyWrap h3.st{font-size: 20px;padding-bottom: 15px;}
.formSet .privacyWrap .privacyText{height: 154px;line-height: 1.4;padding: 0 20px 0 0;}
}

.apl_btn{margin:0 auto 50px;overflow:hidden;text-align:center}
a.apl_btn,
.apl_btn a{display:inline-block;width:210px;padding:0;line-height:50px;height:50px;font-size: 18px;position:relative;transition:.2s ease-out;border:1px solid #ddd;color:#555;margin:0 1px;font-weight: 500;}
.apl_btn a:focus,.apl_btn a:hover{border-color:#231f19;color:#000}
a.apl_btn.on,
.apl_btn a.on,
.apl_btn a.b_go{border-color:#231f19;color:#FFF;background-color:#231f19}
a.apl_btn_s{display:inline-block;width:auto;padding:0 15px;line-height:35px;height:35px;color:#FFF;background-color:#231f19;font-size:16px;vertical-align:middle}

@media screen  and (max-width:600px) {
a.apl_btn,
.apl_btn a{min-width: initial;line-height: 45px;height: 46px;font-size: 16px;}
div.apl_btn {display: flex;justify-content: space-between;gap:10px;}
div.apl_btn a{width: auto;padding: 0;box-sizing: border-box;flex:1;margin: 0;}

}