.subInner { width:1400px; margin: 150px auto; } 
.subInner h2.tit { font-family:'GmarketSans'; font-size: 48px; font-weight:700; color:#000; text-align:center; } 

/* 약관 */
.form_top { margin-bottom:10px; float:right; font-size:16px; line-height:1.6; } 
.form_top:hover { color:#0094e9; } 
.form_top i { margin-right:5px; font-size:24px; vertical-align: middle; } 

.term_wrap { margin-bottom:30px; } 
.form_tit { margin-bottom:24px; font-size:24px; font-weight:500; color:var(--color01); border-bottom:2px solid var(--color01); text-align:left; padding-bottom:8px; } 

.agree_text { max-height:350px; padding: 40px; overflow-y: auto; border: 1px solid #ddd; white-space: pre-line; font-size:14px; line-height: 1.8; } 
.term_wrap .check_wrap { margin-top:10px; } 

@media screen and (max-width:680px){
    .form_tit {font-size:21px;}
    .agree_text { max-height:150px; } 
}


/* 로그인 */
.login_wrap { margin: 0 auto; width: 50%; } 
.login_wrap label { margin-bottom:10px; color:#999999; font-size:18px; } 
.login_wrap input { border:none !important; padding:0; border-bottom:1px solid #ddd !important; } 
.login_wrap .btn_bottom button { width:100%; } 

.input_wrap > p { position:relative; } 
.input_wrap img { position: absolute; right: 0; top: 5px; /* transform: translateY(-50%); */ width: 30px; } 


/* form 커스텀 */
.formStyle select { height:50px; background:url('../../_images/common/arrow_down.png') no-repeat 99% 50%/15px auto; text-indent:0;} 
.formStyle label { display: block; margin-bottom:8px; font-weight:600; font-size:18px; color:#000000; position:relative;} 
.formStyle label.label_flx { display: flex; justify-content: space-between; } 
.formStyle .check_wrap label { display:flex; flex-direction:row; align-items:center; margin-right:20px; font-size:16px; } 
.formStyle .check_wrap label .txt { position:relative; top:0; line-height:1; } 
.formStyle sup { color: var(--color01); position:absolute; top:1px; padding-left:1px;} 
.formStyle button { display: block; height:65px; line-height:65px; font-size: 18px; border-radius:10px; } 
.formStyle .btnWrap input { width:calc(100% - 225px); margin-right:5px; line-height:43px; } 
.formStyle .btnWrap button { width:220px !important; } 
.formStyle .btnWrap .upload-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.formStyle .agreeBtn { width:auto; background-color:#ddd; padding:0 15px; height:32px; line-height:32px; border-radius:5px; font-size:16px; font-weight:400; color:#333; } 

.formStyle .btnCustom { background-color:#333; color:#fff; padding:0 22px; height:36px; line-height:36px; border-radius:5px; } 
.formStyle .for_rela i { position: absolute; top:50%; right: 10px; transform: translateY(-50%); cursor: pointer; font-size:26px; } 
.formStyle input[type=tel] { margin-bottom:0; } 
.formStyle .desc { display:block; color:#d70a30; font-size:16px; line-height:1.4; font-weight:500; margin-top:5px; } 
.formStyle .desc02 { display:block; color:#000; font-size:18px; line-height:1; font-weight:500; } 
.formStyle .desc03 { color:#666; font-size:16px; line-height:1.44; font-weight:300; text-align:right; } 
.formStyle .numInput .num01 { width:180px; margin-right:7px; text-align:right; padding:0 15px 0 35px; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url('../../_images/common/form_num_plus_img.png') no-repeat 15px 50%/9px auto; } 
.formStyle .numInput .num01::placeholder { text-align:right; } 
.formStyle .numInput .num02 { width:calc(100% - 187px); } 
.formStyle .addressWrap .address01 { width:180px; } 
.formStyle .addressWrap .address02 { width:calc(100% - 187px); } 


.formStyle select { margin-bottom:0; height:36px; border: 1px solid #aaaaaa; border-radius: 5px; font-size:16px; font-weight: 300; color: #000000; text-indent: 10px; } 
.formStyle .emailInput input { width:33%; } 
.formStyle .emailInput select { width:33%; margin-left:0.4%; } 

.formStyle .radio_container { display: block; position: relative; padding-left:28px; font-weight:400; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size:16px; } 
.formStyle textarea { height:127px; text-indent:0;} 
.formStyle .form_top { margin-top:50px; text-align:right; } 

.formStyle .textareaText { font-size:16px; font-weight:300; color:#999999; padding-top:8px; text-align:right; } 

.formStyle .formText { font-size:18px; font-weight:300; color:#111; border-bottom:1px solid #aaaaaa; box-sizing:border-box; height:33px; line-height:33px;} 

.input_wrap_email input { margin-bottom:0; } 
.input_wrap_spot input { margin-bottom:0; } 
.radio_container_wrap { display:flex; } 
.radio_container_wrap .radio_container { margin-bottom:0; margin-right:30px; } 
.radio_container_wrap .radio_container:last-child { margin-right:0 } 
.radio_container input { position: absolute; left:0; opacity: 0; cursor: pointer; } 
.radio_chkmark { position: absolute; top:0; left: 0; height:18px; width:18px; background-color: #fff;; border-radius: 50%; border:1px solid #aaaaaa; } 
.radio_container input:checked ~ .radio_chkmark { background-color: #fff; border:1px solid var(--color01); } 
.radio_chkmark:after { content: ""; position: absolute; display: none; } 
.radio_container input:checked ~ .radio_chkmark:after { display: block; } 
.radio_container .radio_chkmark:after { top: 50%; left: 50%; transform:translate(-50%, -50%); width:12px; height: 12px; border-radius: 50%; background: var(--color01); } 

.btn_regis_exhibit { margin:0 auto; } 

.btn_area { padding: 30px 0 0 0; /* overflow: hidden; */ text-align: center; } 

@media screen and (max-width:1200px){
 .formStyle .btnWrap button { font-size:18px; width:220px; } 
 .formStyle .btnWrap input { width:calc(100% - 220px); } 
 .formStyle .radio_container { margin-bottom:15px; } 
 .MoreInformation { display:block; margin-top:10px; margin-bottom:10px; } 
 .MoreInformation02 {margin-top:-5px; margin-bottom:0;}
 .MoreInformation .radio_container { width:100%; } 
 .MoreInformation input { width:100% !important; } 
 }
@media screen and (max-width:680px){
 .radio_container_wrap .radio_container { margin-right:30px; } 
 .formStyle .btnWrap button { font-size:16px; padding:0; width:180px !important; } 
 .formStyle .btnWrap input { width:calc(100% - 185px); margin-right:5px; } 
 .formStyle .desc02 { font-size:16px; } 
 .formStyle .numInput .num01 {width:110px;}
 .formStyle .numInput .num02 {width:calc(100% - 110px);}
 .formStyle label {font-size:16px;}
 .MoreInformation label {margin-bottom:8px !important;}
 .formStyle .formText {font-size:16px;}
  #ManufactureInfo .flexBetween01 {flex-wrap:wrap;}
  #ManufactureInfo .wd49 {width:100% !important; margin-bottom:20px;}
  #ManufactureInfo .wd50 {width:100% !important;}
}
@media screen and (max-width:480px){
    .formStyle .btnWrap button {font-size:15px; width:150px !important;}
    .formStyle .btnWrap button i {width:12px;}
    .formStyle .btnWrap input {width:calc(100% - 150px);}
    .formStyle .addressWrap .address01 {width:130px;}
    .formStyle .addressWrap .address02 {width:calc(100% - 135px);}
}
/* 회원가입 완료 */

#result .tit,
#result .txt { text-align:center; } 
#result .tit { } 
#result .txt { } 

.halfBox { width:100%; } 
.halfBox li,
.halfBox li label,
.halfBox li p { width:50%; } 

.plusBox button { background-color:#333; width:30px; height:30px; display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer; border-radius:4px;} 
.plusBox button i { font-size:20px; line-height:1; color:#fff; } 
.plusBox button i::before { content:"\e91b"; } 
.plusBox.active button i::before { content:"\e914"; } 
.plusBox button:hover { background-color:#0094e9; } 
.plusBox button:hover i { color:#fff; } 

.productPlus button { background-color:#333; width:30px; height:30px; display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer; border-radius:4px; margin-left:5px; } 
.productPlus button i { font-size:20px; line-height:1; color:#fff; } 
.productPlus button:hover { background-color:#0094e9; } 
.productPlus button:hover i { color:#fff; } 

.delete {display:flex; flex-direction:column; justify-content:end; align-items:end; margin-top:15px;}
.delete button { background-color:#db1e0a; padding:0 20px; height:30px; display:flex; flex-direction:row; align-items:center; cursor:pointer; border-radius:4px; font-size:17px; font-weight:300; color:#fff; } 
.delete button i { color:#fff; margin-right:5px; position:relative; top:-1px; } 

/* 기본정보확인 & 문의내역 */
.signTit02 { font-size: 30px; font-weight: 700; color: #000000; border-bottom:4px solid #000; padding-bottom: 15px; margin-bottom: 35px; } 
.qnaBox { width:calc(100% - 50px); padding:0 25px; } 
.qnaBox ul { width:100%; } 
.qnaBox ul li .answer { display:none; } 
.qnaBox ul li { width:100%; background-color:#fafafa; border-radius:5px; border:1px solid #eeeeee; box-sizing:border-box; width:100%; padding:0 18px; } 
.qnaBox ul li .qna { padding:18px 0; cursor:pointer; } 
.qnaBox ul li .qna.active i { transform:rotate(180deg); } 
.qnaBox ul li .qna .textArea { width:calc(100% - 35px); } 
.qnaBox ul li .qna button { width:35px; background-color:transparent; line-height:1; } 
.qnaBox ul li .qna button i { font-size:30px; color:#666666; } 
.qnaBox ul li .qna .title { align-items:center; width:87%; } 
.qnaBox ul li .qna .cate { width:65px; height:24px; line-height:22px; text-align:center; background-color:rgba(0,193,193,0.1); font-size:14px; font-weight:500; color:#00a1ba; border-radius:2px; } 
.qnaBox ul li .qna .cate02 { background-color:rgba(235,163,66,0.2); color:#a48a66; } 
.qnaBox ul li .qna .tit { margin-left:20px; width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; font-weight:300; color:#111111; } 
.qnaBox ul li .qna .date { font-size:18px; font-weight:300; color:#999999; margin-right:40px; } 
.qnaBox ul li .answer { border-top:1px solid #eeeeee; box-sizing:border-box; padding:20px 0; } 
.qnaBox ul li .answer .deco { font-family:'SCDream'; font-size:50px; font-weight:600; width:82px; text-align:center; } 
.qnaBox ul li .answer .deco01 { color:#555555; opacity:0.1; } 
.qnaBox ul li .answer .deco02 { color:#e1f4f4; opacity:0.8; } 
.qnaBox ul li .answer .text { font-size:18px; font-weight:300; color:#555; line-height:1.4; } 
.qnaBox ul li .answer .contBg03 { margin-top:50px; border-radius:5px; padding:17px 20px 17px 0; } 

/* profile */
.mypage input { border:none; border-bottom:1px solid #c0c0c0 !important; font-size:17px; font-weight:500; color:#111; height:auto; padding:10px 0; } 
.mypage input:focus { outline:none; border:none; } 
.mypage .text { font-size:17px; font-weight:500; color:#111; padding:10px 0; } 


/* 리스트페이지 */
.board .listNum { font-size: 16px; font-weight: 300; color: #333; } 
.board .listNum strong { font-weight: 700; padding: 0 2px; } 
.board .topBox { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-bottom: 30px; } 
.board .topBox::after { display: none; } 
.board .searchBox { display: flex; flex-direction: row; } 
.board .selectAll { position: relative; width: 150px; height: 50px; border: 1px solid #dddddd;; box-sizing: border-box; border-radius: 5px; margin-right: 5px; } 
.board .selectAll02 { width: 210px; } 
.board .listBox { position: absolute; top: 50px; z-index: 2; background-color: #fff; border: 1px solid #dddddd;;; border-top: none; display: none; width: 100%; } 
.board .selectAll.active .listBox { display: block; } 
.board .selectAll.active .listBox li { border-bottom: 1px solid #ddd; } 
.board .selectAll.active .listBox li:last-child { border-bottom: none; } 
.board .listBox li span { line-height: 1; } 
.board .listBox li:hover { background-color: #dddddd;; cursor: pointer; } 
.board .listBox li:hover span { color: #333; } 
.board .inputBox { width: 445px; height: 50px; position: relative; } 
.board .inputBox input { width: 100%; height: 100%; border: 1px solid #dddddd;; box-sizing: border-box; border-radius: 5px; overflow: hidden; font-size: 16px; font-weight: 500; color: #333; padding: 0 40px 0 10px; } 
.board .inputBox input:focus { border: 2px solid #333; } 
.board .inputBox input::placeholder { font-size: 16px; color: #757575;; font-weight: 300; } 
.board .inputBox button { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; cursor: pointer; background-color: transparent; line-height: 1; } 
.board .inputBox button:focus-visible { outline: 1px solid #333; } 
.board form { margin-top: 70px; } 
.board .listType { width: 100%; } 
.board .listType ul { width: 100%; height: auto; border-top: 2px solid #111111; } 
.board .listType ul li { border-bottom: 1px solid #DDDDDD; box-sizing: border-box; } 
.board .listType ul li:hover { background-color: #f6f6f6; } 
.board .listType ul li a { padding: 30px 20px; padding-left: 0px; width: 100%; height: 100%; display: block; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
.board .listType ul li::after { display: none; } 
.board .listType ul li .areaBox { width: 100%; display: flex; flex-direction: row; align-items: center; } 
.board .listType ul li .areaBox .numBox { width:8%; text-align: center; font-size: 18px; color: #333; } 
.board .listType ul li .areaBox .numBox.active { font-weight: 700; color: var(--color02); } 
.board .listType ul li .infoBox { width:73%; margin-right:2%; } 
.board .listType ul li .infoBox dl { width:100%; } 
.board .listType ul li .infoBox dt { font-size:18px; font-weight:400; color:var(--color01); padding-bottom:5px; } 
.board .listType ul li .infoBox dd p { max-width:calc(100% - 30px); padding-right:5px; font-size: 17px; font-weight: 400; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.1; } 
.board .listType ul li .infoBox dd .new {position:relative; top:1px;}
.board .listType ul li .infoBox dd .new i { font-size:23px; color: var(--color01); opacity:0.7; } 

.board .listType ul li .descBox { width:17%; display:flex; flex-direction:row; justify-content:end; align-items:center; } 
.board .listType ul li .descBox p { width:50%; text-align:center; } 
.board .listType ul li .descBox .date { font-size:16px; font-weight:300; color:#a5a5a5; } 
.board .listType ul li .descBox .reply { font-size:16px; font-weight:400; color:#111; } 
.board .listType ul li .descBox .circle { width:15px; height:15px; border-radius:50%; background-color:#00b050; display:block; margin:12px auto 0 auto; } 


/* s:게시판_뷰페이지 */
.boardView .title { padding-bottom: 60px; font-size: 45px; font-weight: 900; color: #333333; } 
.boardView .topBox { border-top: 2px solid #1A1A1A; border-bottom: 1px solid #dddddd; box-sizing: border-box; padding: 25px 0; width:100%; } 
.boardView .topBox dl { width:100%; } 
.boardView .topBox dt { padding-bottom: 10px; line-height: 1; width:100%; } 
.boardView .topBox dt p { font-size: 1.125rem; font-weight: 400; color:var(--color01); line-height: 1.3; width:100%; width: auto; max-width:100%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } 
.boardView .topBox dd { display: flex; flex-direction: row; align-items: center; } 
.boardView .topBox dd p, .boardView .topBox dd a { border-bottom:none; display: inline-block; font-size: 16px; font-weight: 300; color: #939393; padding-right: 10px; margin-right: 10px; position: relative; display: inline-block; line-height: 1; display: flex; flex-direction: row; align-items: baseline; } 
.boardView .topBox dd a:last-child::after { display: none; } 
.boardView .topBox dd a::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: block; width: 1px; height: 12px; background-color: #B4B4B4; } 
.boardView .topBox dd a .num { display: inline-block; font-family: 'Roboto', sans-serif; font-weight: 400; } 
.boardView .topBox dd a i { font-size: 1.2em; color: #666; margin-right: 5px; line-height: 1; position: relative; top: 1.2px; } 
.boardView .fileBox { margin: 57px 0 0 0; width: 100%; } 
.boardView .fileBox li { position: relative; width: 100%; height: 100%; background-color: #F2F2F2; border-bottom: 0.5px solid #ddd; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
.boardView .fileBox li a { width: 90%; padding: 13px 20px; display: flex; flex-direction: row; align-items: center; box-sizing: border-box; } 
.boardView .fileBox li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } 
.boardView .fileBox li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: none; } 
.boardView .fileBox li:hover { background-color: #e9e9e9; } 
.boardView .fileBox li:last-child a { border-bottom: none; } 
.boardView .fileBox li p { padding-left: 10px; font-size: 16px; font-weight: 400; color: #666666; } 
.boardView .fileBox li img { width: 25px; } 
.boardView .fileBox li i { font-size: 1.5rem; color: #666666; font-weight: 100; } 
.boardView .fileBox li .fileDelete { border: 1px solid #333; box-sizing: border-box; border-radius: 8px; width: 60px; height: 30px; font-size: 16px; color: #333; margin-right: 20px; } 
.boardView .fileBox li .fileDelete:hover { background-color: #333; color: #fff; } 
.boardView .editBox { padding: 70px 0 140px 0; border-bottom: 1px solid #DDDDDD; } 
.boardView .editBox .maxWidth100 { width: 100%; } 
.boardView .editBox img { max-width: 90% !important; margin: 0 auto; display: block; } 
.boardView .editBox iframe { display: block; margin: 0 auto; } 
.boardView .boardMove { display: flex; flex-direction: row; margin: 30px auto 60px auto; } 
.boardView .boardMove .lfBox a:nth-child(1) { margin-right: 5px; } 
.boardView .boardMove .listMove { background-color: #444; color: #fff; } 
.boardView .boardMove .listMove:hover { background-color: #000; transition: all 0.3s; } 
.boardView .moveBox { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 25px 0px; position: relative; } 
.boardView .moveBox::after { content: ''; width: 1px; height: 50px; background-color: #ddd; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.boardView .moveBox ul { display: flex; flex-direction: row; justify-content: space-between; } 
.boardView .moveBox ul::after { display: block; } 
.boardView .moveBox ul li { width: 50%; } 
.boardView .moveBox ul li li::after, .boardView .moveBox ul li a::after { display: block; } 
.boardView .moveBox ul li a { width: 100%; } 
.boardView .moveBox ul li dl { width: 90%; } 
.boardView .moveBox ul li a { display: flex; flex-direction: row; align-items: center; } 
.boardView .moveBox ul li.prev a { justify-content: left; text-align: left; } 
.boardView .moveBox ul li.next a { justify-content: right; text-align: right; } 
.boardView .moveBox ul li i { font-size: 20px; color: #666; } 
.boardView .moveBox ul li dl { padding: 0 20px; } 
.boardView .moveBox ul li dt { font-size: 16px; font-style: normal; font-weight: 300; color: #757575; margin-bottom: 8px; } 
.boardView .moveBox ul li dd { font-size: 18px; font-style: normal; font-weight: 400; color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.boardView .moveBox ul li:hover i { color: #000; } 
.boardView .moveBox ul li:hover dt { color: #000; } 
.boardView .moveBox ul li:hover dd { color: #000; } 
.boardView .moveBox ul li.empty { opacity: 0.7; } 
.boardView .moveBox ul li.empty i { opacity: 0.6; } 
.boardView .moveBox ul li:hover { opacity: 1; } 
.boardView .contactView { width:100%; } 
.boardView .contactView ul { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; } 
.boardView .contactView ul li { width:50%; margin-bottom:10px; border:1px solid #ddd; box-sizing:border-box; } 
.boardView .contactView ul li:nth-child(2n) { border-left:none; } 
.boardView .contactView ul li:last-child { width:100%; } 
.boardView .contactView ul li:last-child dd { text-align:left; } 
.boardView .contactView dl dt,
.boardView .contactView dl dd { padding:15px 20px; text-align:center; font-size:18px; font-weight:500; color:#111; line-height:1; } 
.boardView .contactView dl dt { border-bottom:1px solid #ddd; box-sizing:border-box; background-color:#eef8ff; } 
.boardView .contactView dl dd { word-break:keep-all; font-weight:300; color:#666; } 
.boardView .answerBox .answer { border-bottom:1px solid var(--color01); padding-bottom:15px; margin-bottom:15px; width:100%; } 
.boardView .answerBox .tit { font-size:21px; font-weight:500; color:var(--color01); } 
.boardView .answerBox .date { font-size:16px; font-weight:300; color:#666; } 
.boardView .answerBox .txt { font-size:18px; font-weight:400; color:#111; background-color:#f3f3f3dd; width:calc(100% - 60px); padding:35px 30px; } 
.boardView .editBox p { font-size:18px; font-weight:300; color:#666; } 

@media screen and (max-width:1024px){
 .board .listType ul li .areaBox .numBox { width:80px; padding-right:10px; } 
 .board .listType ul li .descBox { width:200px; } 
 .board .listType ul li .infoBox { width:calc(100% - 280px); } 
 .boardView .topBox dd >div { flex-wrap:wrap; } 
 .boardView .topBox dd .date { display:none; } 
 }
@media screen and (max-width:680px){
 .board .listType ul li .areaBox .numBox { width:50px; padding-right:5px; font-size:16px; } 
 .board .listType ul li .descBox { width:140px; } 
 .board .listType ul li .infoBox { width:calc(100% - 195px); } 
 .board .listType ul li .descBox .date { font-size:14px; } 
 .board .listType ul li .descBox .circle { width:10px; height:10px; margin:5px auto 0 auto; } 
 .board .listType ul li .infoBox dt { line-height:1; margin-bottom:0; font-size:17px; } 
 .board .listType ul li .infoBox dd p { font-size:16px; } 
 .board .listType ul li .infoBox dd .new i { font-size:21px; position:relative; top:-1px; } 
 .boardView .topBox dd p, .boardView .topBox dd a {width:100%; margin-bottom:5px;}
 .boardView .topBox dd p:last-child, .boardView .topBox dd a:last-child {margin-bottom:0;}
 .boardView .topBox dd a::after {display:none;}

}
@media screen and (max-width:480px){
    .board .listType ul li .descBox .date {display:none;}
    .board .listType ul li .descBox {width:auto;}
    .board .listType ul li .infoBox {width:calc(100% - 105px);}
    .board .listType ul li .descBox p {width:53px;}
}
/* 페이지네이션 */
.pagination { margin:20px auto 0 auto; } 
.pagination .pageBtn a { width:37px; height:37px; border-radius:50%; background-color:#777777; display:flex; justify-content:center; align-items:center; margin-right:3px; } 
.pagination .pageBtn a:hover { background-color:var(--color01); } 
.pagination .pageBtn a:last-child { margin-right:0; } 
.pagination ul { margin:0 15px; } 
.pagination ul li { padding:8px 17px 10px 17px; border-top:1px solid transparent; border-bottom:1px solid transparent; } 
.pagination ul li.on { border-top:1px solid var(--color01); border-bottom:1px solid var(--color01); } 
.pagination ul li.on a { color:var(--color01); font-weight:600; } 
.pagination ul li a { font-size:18px; font-weight:400; color:#666666; line-height:1; } 
.pagination ul li:hover a { color:var(--color01); } 
.pagination .btn { width:20px; margin:0 5px; } 
.pagination .arrow {width:20px; height:24px; position:relative;}
.pagination .arrow i {position:absolute; top:0px;}
.pagination .arrow i:nth-child(1) {left:0;}
.pagination .arrow i:nth-child(2) {left:-6px;}
.pagination .btn i, .pagination .arrow i { font-size:24px; color:#a6a6a6; }
.pagination a:hover i {color:var(--color01);} 
.searchResultBox { font-size:21px; font-weight:500; color:#111; text-align:center; padding:50px 0; } 

@media screen and (max-width:480px) {
    .pagination ul li {padding:6px 10px;}
}
@media screen and (max-width:380px) {

}

/* 아코디언 */
.toggleBox .tit { background-color:#f6f6f6; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:15px 0; font-size:16px; font-weight:400; color:#111; text-align:center; cursor:pointer; position:relative; } 
.toggleBox .tit.active { background-color:var(--color01); color:#fff; } 
.toggleBox li:last-child .tit { border-bottom:1px solid #ddd; } 
.toggleBox .cateList { border-top:1px solid #ddd; box-sizing:border-box; padding:0 1px; display:none;} 
.toggleBox .cateList .radio_container {font-size:16px; font-weight:400; color:#707070 !important; padding-left:35px; margin-bottom:0 !important; }
.toggleBox .cateList >ul >li {border:1px solid #707070; border-top:none; box-sizing:border-box; padding:8px 10px 8px 10px;}
.toggleBox .tit::before { content:"\e942"; font-family: 'xeicon' !important; position:absolute; top:50%; transform:translateY(-50%); right:20px; font-size:16px; } 
.toggleBox .tit.active::before { content:"\e945"; } 
.toggleBox .cateList >ul .tabWrap {padding:0; cursor:pointer;}
.toggleBox .cateList >ul .tabWrap ul li {padding:8px 10px 8px 44px; border-top:1px solid #707070; box-sizing:border-box; }
.toggleBox .cateList .cateClick {font-size:16px; font-weight:400; color:#707070; display:flex; flex-direction:row; align-items:center; padding:8px 10px 8px 10px;}
.toggleBox .cateList .cateClick.active i {transform:rotate(180deg);}
.toggleBox .cateList .cateClick:hover {color:var(--color01);}
.toggleBox .cateList .cateClick i {font-size:25px; margin-right: 13px; margin-left: -2px;}

.InterestedInput {margin-bottom:17px;}
.InterestedInput input {font-size:16px; font-weight:400; color:#707070; width:100%; height:37px; background-color:#F5F8FF; border:1px solid #AAAAAA; box-sizing:border-box; border-radius:5px;}

.memberToggleWrap { display:none; } 
.memberToggleWrap.active { display:block; } 

/* contact */
.contactWrap .contactBox { width:100%; justify-content:space-between; align-items:flex-start; } 
.contactWrap .contactBox >div { width:49%; } 
.contactWrap .contactBox .message {height:230px;}

.agreeWrap__cont { border-radius:5px; overflow-x:hidden; margin-bottom:15px; padding: 22px 26px; overflow-y: auto; white-space: pre-line; background: #f9f9f9; height:100px; border: 1px solid #d4d4d4; } 

@media screen and (max-width:1280px){
 .contactWrap .contactBox { display:block; } 
 .contactWrap .contactBox >div { width:100%; } 
 .contactWrap .contactBox .message {height:127px;}
 .toggleBox .tit {padding:15px 35px;}
}