/* ----------------------- 공통 */
/* 공통들 */
.main_color { color: #0B5ACE; }
.red { color: #E01818; }
.at-container{padding: 0 4.1667vw;}
.flex {display: flex; align-items: normal; justify-content: normal;}
.flex-cc {display: flex; align-items: center; justify-content: normal;}
.flex-c {display: flex; align-items: center; justify-content: center;}
.flex-sp {display: flex; align-items: center; justify-content: space-between;}
.flex-r {display: flex; align-items: center; justify-content: flex-end;}
.flex-a {display: flex; align-items: center; justify-content: space-around;}
.fz9{font-size: 2.0556vw;}
.fz10{font-size: 2.7778vw;}
.fz11{font-size: 3.0556vw;}
.fz12{font-size: 3.3333vw;}
.fz13{font-size: 3.4999vw;}
.fz14{font-size: 3.6889vw;}
.fz14_2{font-size: 15px;}
.fz14RB{font-size: 3.8889vw; color: #000; font-weight: 400;}
.fz16{font-size: 4.0444vw;}
.fz17{font-size: 4.5222vw;}
.fz18{font-size: 5.0000vw;}
.fw3{font-weight: 300;}
.fw4{font-weight: 400;}
.fw5{font-weight: 500;}
.fw6{font-weight: 500;}
.fw7{font-weight: 700;}
.p5{padding: 1.3889vw; box-sizing: border-box;}
.p10{padding: 2.7778vw;box-sizing: border-box;}
.p15{padding: 4.1667vw;box-sizing: border-box;}
.p1015{padding: 2.7778vw 4.1667vw;box-sizing: border-box;}
.pt10 {padding-top: 2.7778vw;}
.pt20 {padding-top: 5.5556vw;}
.pt30 {padding-top: 8.3333vw;}
.pb10 {padding-bottom: 2.7778vw;}
.pb20 {padding-bottom: 5.5556vw;}
.pb30 {padding-bottom: 8.3333vw;}
.ptb15 {padding: 4.1667vw 0;}
.plr15 {padding: 0 4.1667vw; box-sizing: border-box;}
.allm15 {margin: 4.1667vw;}
.mt5 {margin-top: 1.3889vw;}
.mt10 {margin-top: 2.7778vw;}
.mt15 {margin-top: 4.1667vw;}
.mt20 {margin-top: 5.5556vw;}
.mt30 {margin-top: 8.3333vw;}
.mb2 {margin-bottom: 0.5556vw;}
.mb5 {margin-bottom: 1.3889vw;}
.mb7 {margin-bottom: 1.9444vw;}
.mb10 {margin-bottom: 2.7778vw;}
.mb15 {margin-bottom: 4.1667vw;}
.mb20 {margin-bottom: 5.5556vw;}
.mb30 {margin-bottom: 8.3333vw;}
.mb50 {margin-bottom: 13.8889vw;}
.mb100 {margin-bottom: 27.7778vw;}
.mtb15 {margin: 4.1667vw 0;}
.mr5 {margin-right: 1.3889vw;}
.mr8 {margin-right: 2.2222vw;}
.mr10 {margin-right: 2.7778vw;}
.mr15 {margin-right: 4.1667vw;}
.db {display: block;}
.bdc1 {border:0.2778vw solid #C4C4C4;}
.bd5 {border:0.2778vw solid #E4E4E4; border-radius: 1.3889vw;}
.cob {color: #0B5ACE;}
.cof {color: #fff;}
.bgf {background: #fff;}
.bgb{background: #0B5ACE;}
.por{position: absolute; top: 50%;right: 4.1667vw;transform: translateY(-50%);}
.pol{position: absolute; top: 50%;left: 4.1667vw;transform: translateY(-50%);}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}
.m0a{display: block;margin: 0 auto;}
.w100{width: 100%;}
.w80{width: 80%;}
.w70{width: 70%;}
.w60{width: 60%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w30{width: 30%;}
.w20{width: 20%;}
.w15{width: 15%;}
.w10{width: 10%;}
.op1{ opacity: 0.1; }
.op2{ opacity: 0.2; }
.op3{ opacity: 0.3; }
.op4{ opacity: 0.4; }
.op5{ opacity: 0.5; }
.op6{ opacity: 0.6; }
.op7{ opacity: 0.7; }
.op8{ opacity: 0.8; }
.op9{ opacity: 0.9; }

.bb1e4 {border-bottom: 0.2778vw solid #e4e4e4;}

/* ----- TAP공통 1 */
.tab_c1{}
.tab_c2{display: flex; justify-content: center; align-items: center; margin-bottom: 2.7778vw; margin-left: 4.1667vw; margin-right: 4.1667vw; border-bottom: 0.2222vw solid #ACACAC;}
.tab_c2 .in {font-size: 4.4444vw; font-weight: 500; text-align: center; width: 45%; padding: 2.2222vw 0; color: #ACACAC; }
.tab_c2 .in button:first-child { margin-left: 20px; }
.tab_c2 .in button:last-child { margin-right: 20px; }
.tab_c2 .in.on{ color: #000; border-bottom: 0.5556vw solid #333333; }
.tab_body{display: none;}
.tab_body.on{display: block;}
.et_body{display: none;}
.et_body.on{display: block;}

/* ----- 버튼 */
.btn1_wrap{width: calc(100vw - 8.3333vw); position: fixed; left: 4.1667vw; bottom: 0; background: #fff;z-index: 2; padding: 5.5556vw 0;}
.btn1{width: 100%; background: #0B5ACE; color: #fff; font-size: 4.4444vw;font-weight: 500; padding: 3.0556vw 0; border-radius: 50px; }
.btn2{width: 100%; background: #9F9F9F; color: #fff; font-size: 4.4444vw;font-weight: 500; padding: 3.0556vw 0; border-radius: 50px; }
/* 팝업버튼 */
.pop_btns{display: flex; justify-content: space-between; align-items: center;}
.pop_btns button{width: 50%; padding: 3.8889vw 0 3.3333vw; text-align: center; font-size: 4.4444vw; font-weight: 400; color: #fff;}
.pop_btns button.p_btn1{background: #9F9F9F;}
.pop_btns button.p_btn2{background: #0B5ACE;}

.pop4 .ok_btn.cancle, .pop5 .ok_btn.cancle {width: 100%; background-color: #0B5ACE; color: #fff; padding: 3.8889vw 38.0556vw; font-size: 4.4444vw;}


/* ----------------------- 사이드메뉴 */
.side_menu{}
.side_menu {position: fixed; left: -100%;top: 0;width: 100%;height: 100vh;z-index:999;transition: 0.3s ease all;}
.side_menu.on {position: fixed; left: 0%;top: 0;width: 100%;height: 100vh;z-index:999;transition: 0.3s ease all;}
.side_menu .back{position: fixed; left: 0;top: 0; width: 100%;height: 100%; background: rgba(0,0,0,0.5);z-index:3; display: none;}
.side_menu.on .back{position: fixed; left: 0;top: 0; width: 100%;height: 100%; background: rgba(0,0,0,0.5);z-index:3; display: block;}
.side_menu .side_box{width: 66%; background: #f8f8f8; position: absolute; top: 0;right: -700%;z-index: 4;height: 100%;transition: 0.5s ease all; }
.side_menu.on .side_box{width: 66%; background: #f8f8f8; position: absolute; top: 0;right: 0;z-index: 4;height: 100%;transition: 0.5s ease all;}
.side_menu .top{padding-right: 4.1667vw; text-align: end;}
.side_menu .top button{text-align: left; padding: 1.3889vw; display: block; margin-bottom: 6.9444vw;}
.side_menu .top button img{width: 6.6667vw;}
.side_menu .info{padding-right: 4.1667vw;text-align: end; display: flex; align-items: center; justify-content: flex-end; gap: 5.5556vw; padding-bottom: 6.9444vw;}
.side_menu .info .left{}
.side_menu .info strong{margin-bottom: 0.8333vw;}
.side_menu .info p{}
.side_menu .info .right{ overflow: hidden; border-radius: 100%; width: 13.8889vw; height: 13.8889vw;}
.side_menu .info .right img{width: 13.8889vw;}
.side_menu ul{margin-top: 3.6111vw; text-align: right;}
.side_menu li{}
.side_menu li a{display: block; padding: 2.7778vw 4.1667vw; font-size: 4.4444vw; font-weight: 500;}
.side_menu .log{margin-top: 41.6667vw; text-align: right; padding-right: 4.1667vw;}
.side_menu .log button{font-size: 3.3333vw; color: #707070;}


/* ----------------------- HEADER */
.main_header{width: 100%; text-align: center; padding: 1.6667vw 0; background: #edf5ff;}
.main_header .m_logo{}
.main_header .m_logo img{width: 27.2222vw;}
.main_header .ham{position: absolute; top: 5.0000vw; right: 1.3889vw;}
.main_header .ham img{width: 6.6667vw;}

/* -----공통 헤더 */
.header{text-align: center; position: sticky; top: 0; background-color: #fff; padding: 5.0000vw 0; z-index: 999;}
.header button{position: absolute;}
.header .back{top: 6.3889vw; left: 4.1667vw;}
.header .back img{width: 5.2778vw;}
.header h1{font-size: 4.4444vw; font-weight: 500;}
.header .ri{}
.header .alr{top: 4.7222vw; right: 4.1667vw; position: absolute;}
.header span{position: absolute; top: 0; right: -1.3889vw; width: 4.1667vw; height: 4.1667vw; text-align: center; font-size: 2.7778vw; zoom: 0.8; background: #191919; color: #fff; border-radius: 50%; vertical-align: middle;}
.header .alr img{width: 5.8333vw;}

/* -----닫기버튼 하나있는 헤더 */
.h_back{padding: 5.0000vw 4.1667vw; position: sticky; top: 0; background-color: #fff;}
.h_back button{}
.h_back img{width: 6.6667vw;}

/* -----닫기버튼 타이틀 있는 헤더 */
.h_back2{padding: 5.0000vw 4.1667vw; text-align: center; position: sticky; top: 0; background-color: #fff; z-index: 1;}
.h_back2 button{position: absolute; top: 5.0000vw; left: 4.1667vw;}
.h_back2 img{width: 6.6667vw;}
.h_back2 h1{font-size: 4.4444vw; font-weight: 500;}

/* 뒤로가기버튼 */
.h_back3{}
.h_back3 img{width: 5.2778vw;}



/* ----------------------- FOOTER */
/* 푸터 */
.footer_back {padding:6.3889vw 0;}
.footer {background: #fff; position: fixed; bottom: 0; width: 100%; z-index: 2; box-shadow: 0.0000vw -0.2778vw 0.8333vw rgba(0, 0, 0, 0.16);}
.footer ul{display: flex; justify-content:space-between; align-items: center; text-align: center;}
.footer ul li{width: 25%;}
.footer ul li a{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 3.0556vw 0 2.2222vw; }
.footer ul li a img{width: 6.6667vw; margin-bottom: 0.5556vw;}
.footer ul li a span{font-size: 2.5778vw; font-weight: 400; opacity: 0.3; }
.footer ul li a span.on { opacity: 1; color: #0b5ace; }

/* ----- 공통 푸터 nav */
.f_common{background: #FAFAFA; padding: 3.8889vw 0 7.7778vw;}
.f_common ul{display: flex; margin-bottom: 5.5556vw;}
.f_common li{}
.f_common li a{ font-size: 2.7778vw; font-weight: 400; position: relative;}
.f_common li.li1 a{padding-right: 1.6667vw;}
.f_common li.li2 a{padding-left: 2.2222vw;}
.f_common li b{font-size: 2.7778vw; font-weight: 400;}
.f_common .f_bottom{}
.f_common h4{font-size: 2.7778vw; font-weight: 400; margin-bottom: 2.7778vw;}
.f_common h5{font-size: 2.7778vw; font-weight: 300;}
.f_common .add{}



/* ----------------------- POPUP */
.pop{}
.pop{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 111; display: none}
.pop.on{display: block;}
.pop .pop_back{position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.pop .pop_body{position: absolute; width: 86.1111vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; text-align: center; box-sizing: border-box;}
/* 스크롤바 없애기 */

.pop_sim .pop_body{}
.pop_sim .pop_body h1{padding: 12.5000vw 0 15.2778vw; font-size: 4.4444vw; font-weight: 400;}
.pop5 .pop_body h1{padding: 8.3333vw; font-size: 4.4444vw; font-weight: 400;}
.pop_sim .pop_body a{padding: 3.6111vw 0; width: 100%; background: #0B5ACE; color: #fff; font-size: 4.4444vw; display: block;}

/* 댓글쓰기 */
.pop_text{}
.pop_text .pop_body{}
.pop_text .top{padding: 7.5000vw 5.0000vw 5.0000vw 5.0000vw;}
.pop_text h1{font-size: 5.0000vw; font-weight: 700; color: #0B5ACE; margin-bottom: 5.0000vw;}
.pop_text textarea{width: 100%;border-color: #C4C4C4; min-height: 37.7778vw; overflow-y: scroll;-ms-overflow-style:none; /* IE and Edge */scrollbar-width:none; /* Firefox */box-sizing: border-box;}
/* 스크롤바 없애기 */
.pop_text textarea::-webkit-scrollbar {display:none /* Chrome , Safari , Opera */}


/* ----------------------- PAGE */
/* 인트로 */
.intro{background: #0B5ACE; height: 100vh; position: relative;}
.intro img{width: 40.0000vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* 메인 */
.main{}
.main .pro{padding: 6.6667vw 0;}
.main .pro h2{padding: 5.5556vw 0 4.1667vw;}
.main .pro h2 img{width: 3.0556vw;}
.main .se_box, .cs_FA .Sbar {padding: 2.7778vw 4.1667vw; font-size: 3.8889vw;}
.main .se_box input, .cs_FA .Sbar input {width: 93%;font-size: 3.3333vw; }
.main .se_box input::placeholder{color: #bbb;}
.main .se_box button{}
.main .se_box button img, .cs_FA .Sbar img {width: 5.2778vw;}
.main .pro ul{flex-wrap: wrap;}
.main .pro li.li1{width: 39.4444vw; height: 39.4444vw; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; overflow: hidden;}
.main .pro li.li1 .inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.main .pro .lt{margin-top: 3.3333vw;}
.main .pro .ltl{text-align: center;}
.main .pro .ltl img{width: 14.2778vw; height: 14.2778vw; object-fit: cover}
.main .pro .ltr{width: 40%; margin-left: 0.9444vw;}
.main .pro .ltr strong{}
.main .pro .lo_i{display: flex; justify-content: space-between; flex-wrap: wrap; width: 70%;}
.main .pro .lo_i span{width: 15%; height: 15px; text-align: center;}
.main .pro .lo_i img{width: 75%;}
.main .pro .lr{text-align: center;}
.main .pro .lr h4{color: #707070;}
.main .pro .li2{text-align: center; height: 7.3333vw; position: relative;}
.main .pro .li2 img{width: 20.6111vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main .around{position: relative;}
.main .around img{width: 100%;}
.main .around .box{position: absolute; top: 3.0111vw; left: 57%; transform: translateX(-50%); width: 44.4444vw;}
.main .around p{}
.main .around button{padding: 0.5556vw 2.5000vw; border: 0.2778vw solid #0B5ACE;}
.main .reco{ margin-top: 6.8888vw; }
.main .reco .top{}
.main .reco .top h2{}
.main .reco .top button{}
.main .reco ul{}
.main .reco li{align-items: center; gap: 5.0000vw; padding: 4.0556vw 3.0556vw; margin-bottom: 2.6667vw; /*box-shadow: 2px 3px 3px 2px lightgray;*/ position: relative; }
.main .reco li:last-child{margin-bottom: 5.5556vw;}
.main .reco .le{}
.main .reco .le img{width: 18.0556vw; height: 18.0556vw; border-radius: 50%; object-fit: cover;}
.main .reco .ri{ line-height: 23px; margin-left: 20px; }
.main .reco .ri-ri {position: absolute; right: 5px; bottom: 10px}
.main .reco .ri-ri img{width: 11.0556vw; height: 11.0556vw;}
.main .reco .view_cnt { position: absolute; bottom: 4px; left: 8px; }

.main .reco .rt{align-items: center; gap: 2.7778vw;}
.main .reco .rt h3{}
.main .reco .rt span{}
.main .reco .rt .badge {position: absolute; top: 10px; right: 6px;}
.main .reco .header_icon .badge {}
.main .reco .header_icon .badge img{width: 4vw; margin-left: 1.6667vw;}
.main .reco .header_icon .hot_icon { text-align: center; width: 18.0556vw; }
.main .reco .header_icon .hot_icon img{ }
.main .reco .header_icon .hot_icon2 {position: absolute; top: 10px; text-align: center; width: 18.0556vw; }
.main .reco .header_icon .hot_icon2 .premium_icon { width: 90%; }

.main .reco .rt span img{width: 3.8889vw; margin-right: 1.6667vw;}
.main .reco h4{}
.main .reco h5{}
.main .reco .address { opacity: 0.4; margin-bottom: 10px; }
.main .reco .address .address_icon { width: 3.9vw; }
.main .advice{position: relative; margin-bottom: 6.3333vw;}
.main .advice img{width: 100%;}
.main .advice h6{position: absolute; top: 50%; right: 14.1667vw; transform: translateY(-50%);}
.main .advice h6{position: absolute; top: 50%; right: 14.1667vw; transform: translateY(-50%);}


/* 로그인 */
.login{padding: 20.2778vw 0 13.8889vw;}
.login .l_logo{text-align: center; margin-bottom: 11.1111vw;}
.login .l_logo img{width: 47.2222vw;}
.login .tab_body{}
.login .loin{padding: 3.6111vw 4.7222vw; font-size: 3.8889vw; width: 100%; border-radius: 8px;}
.login .loin2{margin-bottom: 3.6111vw;}
.login .loin::placeholder{color: #C4C4C4; font-size: 3.8889vw;}
.login .box{}
.login .auto{}
.login .auto input{display: none;}
.login .auto input + label{font-size: 3.3333vw; color: #C4C4C4;}
.login .auto input + label em{display: inline-block; width: 6.6667vw; height: 6.6667vw; background: url('../img/ck.png') center center/100% no-repeat; vertical-align: middle; margin-right: 0.5556vw;}
.login .auto input:checked + label em{ background: url('../img/ck_on.png') center center/100% no-repeat;}
.login .top{margin-bottom: 2.7778vw;}
.login .lo_btn{width: 100%;padding: 2.7778vw 0; background: #C4C4C4; font-size: 4.4444vw; font-weight: 500; color: #fff; border-radius: 50px;}
.login .tbt .lo_btn{margin-bottom: 2.7778vw;}
.login .tbt .bo{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12.7778vw;}
.ipjwbi{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12.7778vw;}

.login .find a, .login .jo a{font-size: 3.3333vw; font-weight: 500; color: #0B5ACE;}
.login .find a.a1{padding-right: 5.5556vw; border-right: 0.2778vw solid #C4C4C4; color: #C4C4C4;}
.login .find a.a2{padding-left: 5.0000vw; color: #C4C4C4;}
.login .simple{text-align: center;}
.login .simple h2{text-align: center; font-size: 3.3333vw; font-weight: 400; margin-bottom: 5.5556vw;}
.login .simple button{}
.login .simple button img{width: 11.1111vw;}
.login .tbb .top{display: flex; justify-content: space-between; align-items: center;}
.login .tbb .lo_btn{margin-bottom: 20.5556vw;}

/* 회원가입1단계 */
.join_c{}
.join_c h2{font-size: 6.3889vw; font-weight: 500; margin-top: 2.7778vw;}
.join1{}
.join1 h3{font-size: 4.4444vw; font-weight: 500; margin: 4.7222vw 0 11.1111vw;}
.join1 h3 a{font-size: 4.4444vw; font-weight: 700; color: #0B5ACE; margin-left: 4.7222vw;}
.join1 .jo_box{margin-bottom: 11.1111vw;}
.join1 .jo_box button{display: flex; justify-content: center; align-items: center; width: 100%; padding: 3.0556vw 0; margin-bottom: 2.7778vw; border: 0.2778vw solid #C4C4C4; border-radius: 1.3889vw;}
.join1 .jo_box button:last-child{margin-bottom: 0;}
.join1 .jo_box button.ka{background-color: #FEE700; border-color: #FEE700;}
.join1 .jo_box button.na{background-color: #03C75A; border-color: #03C75A; color: #fff;}
.join1 .jo_box img{width: 6.6667vw;}
.join1 .jo_box h4{width: 50%;}
.join1 h6{font-size: 3.0556vw; color: #C4C4C4; font-weight: 400;}

/* 이메일로 회원가입 */
.join2{padding-bottom: 20.8333vw;}
.join2 h2{margin-bottom: 7.7778vw;}
.join2 ul{}
.join2 li{margin-bottom: 4.1667vw;}
.join2 li.li3{margin-bottom: 7.5000vw;}
.join2 li label{font-size: 3.8889vw; font-weight: 500; margin-bottom: 1.3889vw;display: block;}
.join2 li input{padding: 2.7778vw 4.1667vw; border: 0.2778vw solid #C4C4C4; width: 100%;}
.join2 .agr{}
.join2 .agr span, .check_area span {margin-bottom: 4.1667vw;}
.join2 .le{}
.join2 .le input, .check_area input{display: none;}
.join2 .le input + label{}
.join2 .le input + label em, .check_area input + label em{display: inline-block; width: 5.5556vw; height: 5.5556vw; background: url('../img/ck2.png') center center/100% no-repeat; vertical-align: middle; margin-right: 2.7778vw;}
.join2 .le input:checked + label em, .check_area input:checked + label em {background: url('../img/ck2_on.png') center center/100% no-repeat;}
.join2 .ri{text-align: end;}
.join2 .ri button{width: 8.3333vw; text-align: end;}
.join2 .ri button img{width: 1.9444vw;}

/* 회원가입 입력 페이지 */
.join3{}
.join3 .tab_c2{margin-bottom: 0;}
.join3 .tab_b1 ul{margin-top: 5.5556vw;}
.join3 ul{}
.join3 li{margin-bottom: 4.1667vw;}
.join3 li.lali{margin-bottom: 1.3889vw;}
.join3 li label{display: block; margin-bottom: 1.3889vw; font-weight: 500;}
.join3 li .customImgBtn { width: 15vw; height: 15vw; margin-bottom: 0vw; }
.join3 li input{padding: 2.7778vw;}
.join3 li select{padding: 2.7778vw;}
.join3 li.li1{}
.join3 li.li1 .in{display: flex; justify-content: space-between; align-items: center; gap: 1.3889vw;}
.join3 li.li1 input{width: 80%;}
.join3 li.li1 button{background: #0B5ACE; color: #fff; padding: 3.0556vw 0;width: 20%; font-size: 3.3333vw; font-weight: 500;}
.join3 li.li2{}
.join3 li.li2 input{width: 100%; font-weight: 500; font-size: 3.8889vw; border-radius: 8px; }
.join3 li.li2 select{width: 100%; font-weight: 500; font-size: 3.8889vw;}
.join3 li.li3{}
.join3 li.li3 .in{display: flex; justify-content: space-between; align-items: center; gap: 1.3889vw; margin-bottom: 1.3889vw;}
.join3 li.li3 .in input{width: 80%; padding: 2.7778vw 4.1667vw;}
.join3 li.li3 button{width: 20%; padding: 3.0556vw 0; font-size: 3.3333vw; font-weight: 500;}
.join3 li.li3 .in2{}
.join3 li.li3 .in2 input{width: 100%;}
.join3 li.li3 .in2 input{width: 100%;}
.join3 .rec{font-size: 3.0556vw; color: #C4C4C4; margin-bottom: 9.7222vw;}
.join3 .pro{}
.join3 .pro .top{}
.join3 .pro h2{padding-bottom: 1.3889vw; font-size: 4.4444vw; font-weight: 500; color: #0B5ACE; border-bottom: 0.5556vw solid #0B5ACE; margin-bottom: 4.4444vw;}
.join3 .pro h3{font-weight: 500; margin-bottom: 3.3333vw;}
.join3 .gen{margin-bottom: 4.1667vw;}
.join3 .gen h3{}
.join3 .la{}
.join3 .la input{}
.join3 .la input + label{display: inline-block; width: 26%; font-weight: 500;}
.join3 .la input + label em{margin-right: 4.1667vw;}
.join3 .age{}
.join3 .age .top{display: flex; justify-content: space-between; align-items: center;}
.join3 .age h3{}
.join3 .age h4{font-size: 3.0556vw; font-weight: 400; color: #FF4A4A; margin-bottom: 3.3333vw;}
.join3 .a_in{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.6667vw;}
.join3 .a_in span{}
.join3 .a_in span.sp1{width: 32%;}
.join3 .a_in span.sp2{width: 100%; margin-bottom: 1.3889vw;}
.join3 .a_in input{display: none;}
.join3 .a_in input + label{display: block; border: 0.2778vw solid #C4C4C4; padding: 2.2222vw 0; text-align: center; font-weight: 500;}
.join3 .a_in input:checked + label{border-color: #0B5ACE; color: #0B5ACE;}
.join3 .pro p{font-size: 3.0556vw; font-weight: 400; padding-bottom: 27.2222vw;}
.join3 .pro p b{font-weight: 400; color: #FF0000;}
.join3 .info{padding: 2.5000vw 0; background: #FAFAFA; font-size: 3.6111vw; font-weight: 400; color: #FF4A4A; margin-bottom: 3.6111vw;}
.join3 .tab_b2 .gen{margin-bottom: 4.1667vw;}
.join3 .tab_b2 .gen h3{font-size: 3.8889vw; font-weight: 500; margin-bottom: 3.3333vw;}
.join3 .tab_b2 .gi{font-size: 3.0556vw; font-weight: 400; color: #FF4A4A;}
.join3 .li5{}
.join3 .li5 h3{font-size: 3.8889vw; font-weight: 500; margin-bottom: 1.3889vw;}
.join3 .li5 .in{}
.join3 .li5 input{display: none;}
.join3 .li5 input + label{padding: 3.6111vw; display: inline-block;}
.join3 .li5 input + label img{width: 6.6667vw;}
.join3 .li5 .p_in{font-size: 3.0556vw; font-weight: 400; color: #C4C4C4;}
.join3 .tab_b2 .rec{margin-bottom: 0;}
.join3 .tab_b2 .wor{margin-bottom: 27.7778vw; font-size: 3.0556vw; font-weight: 400; color: #FF4A4A;}

/* 회원가입 완료 */
.join_done{margin-top: 15.2778vw;}
.join_done h2{font-size: 6.3889vw;font-weight: 500; margin-bottom: 5.5556vw;}
.join_done h3{font-size: 3.3333vw; font-weight: 400;}

/* 이용약관 */
.terms{margin: 5.5556vw; background: #F8F8F8; }
.terms .at-container { padding: 4.1667vw; }

/* 아이디찾기 */
.find_id{}
.find_id .f_email label{font-size: 3.8889vw; font-weight: 500; display: block; margin-bottom: 1.3889vw;}
.find_id .f_email input{width: 100%; padding: 2.7778vw; margin-bottom: 4.1667vw;}
.find_id .tab_c2{margin-bottom: 6.9444vw;}
.find_id .phone{}
.find_id .phone label{display: block; font-size: 3.8889vw; font-weight: 500; margin-bottom: 1.3889vw;}
.find_id .phone input{padding: 2.7778vw;}
.find_id .phone input::placeholder{color: #C4C4C4; font-size: 3.8889vw;}
.find_id .phone input.in1{width: 100%;}
.find_id .phone .in .top{margin-bottom: 1.3889vw; display: flex; justify-content: space-between; align-items: center; gap: 1.3889vw;}
.find_id .phone .in .top input{width: 72%;}
.find_id .phone .ph_num{background: #0B5ACE; color: #fff; padding: 3.0556vw 0; width: 28%;}
.find_id .ph_num{}
.find_id .ph_num.on{}
.find_id .bo{display: none;}
.find_id .bo{}

/* 아이디찾기 이메일전송 완료 */
.find_id_em{margin-top: 9.7222vw;}
.find_id_em .mi{text-align: center;}
.find_id_em h2{text-align: center; font-size: 4.4444vw; font-weight: 500; margin-bottom: 25.0000vw;}
/* 아이디찾기 핸드폰인증 완료 */
.find_id_ph{text-align: center; margin-top: 13.8889vw;}
.find_id_ph .ck{margin-bottom: 6.1111vw;}
.find_id_ph .ck img{width: 14.4444vw;}
.find_id_ph h2{font-size: 4.4444vw; font-weight: 500; margin-bottom: 28.3333vw;}
.find_id_ph button{}
/* 비밀번호찾기 비밀번호 재설정 */
.find_pw_ph{margin-top: 5.5556vw;}
.find_pw_ph h2{font-size: 4.4444vw; font-weight: 500; margin-bottom: 6.9444vw;}
.find_pw_ph input{padding: 2.7778vw; margin-bottom: 1.3889vw; width: 100%;}
.find_pw_ph input::placeholder{color: #C4C4C4; font-size: 3.8889vw;}
.find_pw_ph button{}

/* 마이페이지 */
.mypage{}
.mypage .top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 6.9444vw;}
.mypage .top .le{}
.mypage .top .pro_i{width: 19.4444vw; height: 19.4444vw; background: #0B5ACE; text-align: center; border-radius: 50%;  display: flex; justify-content: center; align-items: center;}
.mypage .top .pro_i img{width: 8.6111vw;}
.mypage .top .mi{width: 58%;}
.mypage .top .mi a{display: block;}
.mypage .top .mi h2{font-size: 4.4444vw; font-weight: 400; margin-bottom: 1.9444vw;}
.mypage .top .mi span{font-size: 3.3333vw; font-weight: 400;}
.mypage .top .mi span b{font-size: 3.3333vw; font-weight: 400; color: #707070; margin-left: 0.8333vw;}
.mypage .top .ri{text-align: end;}
.mypage .top .ri a{display: block; width: 10%; }
.mypage .top .ri img{width: 2.7778vw;}
.mypage .box{padding: 3.6111vw 0 3.3333vw; display: flex; justify-content: space-between; align-items: center; text-align: center; margin-bottom: 1.3889vw;}
.mypage .box .le{width: 20%; border-right: 0.2778vw solid #C4C4C4;}
.mypage .box .le img{width: 6.6667vw;}
.mypage .box .mi{width: 35%;  border-right: 0.2778vw solid #C4C4C4; font-size: 5.0000vw; font-weight: 500; color: #0B5ACE;}
.mypage .box .ri{width: 45%; font-size: 5.0000vw; font-weight: 500; color: #0B5ACE;}
.mypage h3{font-size: 2.7778vw; font-weight: 400; color: #CE0075; margin-bottom: 5.5556vw;}
.mypage ul{margin-bottom: 45.2778vw;}
.mypage li{border-bottom: 0.2778vw solid #E4E4E4;}
.mypage li a{display: flex; justify-content: space-between; align-items: center; padding: 5.5556vw 0;}
.mypage li p{font-size: 3.8889vw; font-weight: 500;}
.mypage li span{}
.mypage li img{width: 2.7778vw;}


.expoTable {width: 100%; text-align: center; letter-spacing: -0.2778vw; border-collapse: collapse; margin-bottom: 5.5556vw;}
.expoTable th {padding: 2.2222vw 1.1111vw; background-color: #F1F1F1; font-size: 3.8889vw; font-weight: 500; border-top: 0.2778vw solid #fff;}
.expoTable td:first-child {background-color: #D5E6FF; border-left: 0.2778vw solid #fff;}
.expoTable th:first-child {border-left: 0.2778vw solid #fff; border-radius: 1.3889vw 0 0 0; }
.expoTable th:last-child  {border-right: 0.2778vw solid #fff; border-radius: 0 1.3889vw 0 0; }
.expoTable td:last-child {width: 33vw; border-right: 0.2778vw solid #fff;}
.expoTable td {padding: 2.2222vw 1.1111vw; font-size: 3.8889vw; border: 0.2778vw solid #F1F1F1;}
.expoTable tr {border: 0.2778vw solid #222;}


.expoTable2 {width: 100%; text-align: center; letter-spacing: -0.2778vw; border-collapse: collapse; margin-bottom: 5.5556vw;}
.expoTable2 th {padding: 2.2222vw 1.1111vw; background-color: #F1F1F1; font-size: 3.8889vw; font-weight: 500; border-top: 0.2778vw solid #fff;}
.expoTable2 th:first-child {border-left: 0.2778vw solid #fff; border-radius: 1.3889vw 0 0 0; }
.expoTable2 th:last-child  {border-right: 0.2778vw solid #fff; border-radius: 0 1.3889vw 0 0; }
.expoTable2 td {padding: 2.2222vw 1.1111vw; font-size: 3.8889vw; border: 0.2778vw solid #F1F1F1;}
.expoTable2 tr {border: 0.2778vw solid #222;}


.recommend_box { background: rgba(11, 90, 206, 0.1); padding: 13px; border-radius: 8px; }
.recommend_box span:last-child { width: 7px; height: 7px; border: 1px solid gray; border-bottom: none; border-left: none; transform: rotate(45deg); }






/* 지인추천 */
.refer_friend{margin-top: 3.3333vw;}
.refer_friend label{display: block; font-size: 3.8889vw; font-weight: 500; margin-bottom: 1.3889vw;}
.refer_friend input{padding: 2.7778vw 4.1667vw; font-size: 3.8889vw; font-weight: 500; width: 100%; margin-bottom: 5.5556vw;}
.refer_friend h2{font-size: 3.3333vw; font-weight: 400; color: #CE0075;}

/* 상담리뷰 댓글 관리 */
.cs_comment{}
.cs_comment ul{margin-top: 2.7778vw;}
.cs_comment li{margin-bottom: 5.5556vw;}
.cs_comment li:last-child{margin-bottom: 0;}
.cs_comment .top{padding-bottom: 3.0556vw; border-bottom: 0.2778vw solid #C4C4C4;}
.cs_comment .t_top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.7778vw;}
.cs_comment .t_top .le{display: flex; align-items: center; gap: 4.1667vw;}
.cs_comment .t_top .le span{}
.cs_comment .t_top .le span img{width: 13.8889vw; height: 13.8889vw; border-radius: 50%;}
.cs_comment .t_top .l_ri{}
.cs_comment .t_top .l_ri h2{font-size: 4.4444vw; font-weight: 400; margin-bottom: 1.6667vw;}
.cs_comment .t_top .l_ri h3{font-size: 3.3333vw; font-weight: 400; color: #bbb;}
.cs_comment .t_top .ri{display: flex; align-items: center;}
.cs_comment .t_top .ri h4{font-size: 3.8889vw; font-weight: 500; color: #0B5ACE; margin-right: 3.3333vw;}
.cs_comment .t_top .ri button{}
.cs_comment .t_top .ri button img{width: 3.8889vw;}
.cs_comment .t_text{}
.cs_comment .t_text p{font-size: 3.8889vw; font-weight: 400; margin-bottom: 0.5556vw;}
.cs_comment .bo{}
.cs_comment .bo button{padding: 1.1111vw 1.9444vw; font-size: 2.7778vw; font-weight: 400; color: #949494; background: #F8F8F8; border: 0.2778vw solid #E4E4E4; border-radius: 16.6667vw;}
.cs_comment .top_re{display: none;}
.cs_comment .re_inner{padding: 2.7778vw 4.4444vw 2.7778vw 4.4444vw; background: #FAFAFA; display: flex; flex-direction: column; min-height: 27.7778vw; justify-content: space-between; border-radius: 8px;}
.cs_comment .top_re textarea{font-size: 3.8889vw; background: transparent; border: 0; resize: none;}
.cs_comment .top_re .tr_bo{display: flex; justify-content: space-between; align-items: center;}
.cs_comment .top_re .date {font-size: 3.3333vw; font-weight: 400; color: #BBBBBB;}
.cs_comment .top_re .trb_ri{}
.cs_comment .trb_ri button{padding: 1.3889vw 3.6111vw; font-size: 2.7778vw; font-weight: 400; color: #949494; background: #F8F8F8; border: 0.2778vw solid #E4E4E4; border-radius: 3.0556vw;}

/* 이벤트 등록하기 */
.event_write{margin-top: 2.7778vw;}
.event_write ul{}
.event_write li{margin-bottom: 4.1667vw;}
.event_write button{}
.event_write .tit{display: block; font-size: 3.8889vw; font-weight: 500; margin-bottom: 1.3889vw;}
.event_write .in{font-size: 3.8889vw; font-weight: 500; padding: 2.7778vw 3.8889vw; border: 0.2778vw solid #C4C4C4; width: 100%;}
.event_write textarea{resize: none; min-height: 27.7778vw;}
.event_write li.li2{margin-bottom: 25.0000vw;}
.event_write li.li2 .wr{display: flex; gap: 1.3889vw; align-items: center; justify-content: space-between;}
.event_write li.li2 input{display: none;}
.event_write li.li2 input + label{display: grid; place-items: center; height: 28vw; width: 28vw; text-align: center; margin-bottom: 1.3889vw; border: 0.2778vw solid #C4C4C4;}
.event_write li.li2 input + label img{max-width: 28vw;}


/* 이벤트 탭 */
.et_wrap{}
.et_wrap .et_btn{display: flex; justify-content: center; align-items: center; background: #F5F5F5; padding: 2.2222vw 0; gap: 13.8889vw;}
.et_wrap .et_btn.news_tap{gap: 2.7778vw;}
.et_wrap .et_btn button.et1{padding: 0.8333vw 2.7778vw 1.1111vw; border-radius: 3.6111vw; font-size: 3.3333vw;}
.et_wrap .et_btn button.et2{padding: 0.8333vw 2.7778vw 1.1111vw; border-radius: 3.6111vw; font-size: 3.3333vw;}
.et_wrap .et_btn button.et3{padding: 0.8333vw 2.7778vw 1.1111vw; border-radius: 3.6111vw; font-size: 3.3333vw;}
.et_wrap .et_btn button.et4{padding: 0.8333vw 2.7778vw 1.1111vw; border-radius: 3.6111vw; font-size: 3.3333vw;}
.et_wrap .et_btn button.on{background: #0B5ACE; color: #fff;}
.event{margin-top: 2.7778vw;}
.event .et_body{margin-top: 2.7778vw;}
.event .sear{margin: 4.1667vw 0; padding: 2.7778vw 4.1667vw; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.event .sear input{width: 90%;font-size: 3.8889vw;}
.event .sear input::placeholder, .cs_FA .Sbar input::placeholder {color: #BBBBBB; font-size: 3.8889vw;}
.event .sear button{width: 10%;}
.event .sear button img{width: 5.2778vw;}
.event ul{ border-top: 0.2778vw solid #E4E4E4;}
.event li{display: flex;  gap: 3.8889vw; padding: 1.1667vw 4.1667vw 1.1667vw 4.1667vw; border-bottom: 0.2778vw solid #E4E4E4; width: 100%; position: relative;}
.event .et_li .le{width: 20.8333vw; min-width: 20.8333vw;}
.event .et_li .le img {width: 100%; height: 18vw; object-fit: cover;}
.event .et_li .ri {width: 67.4444vw;}
.event .le{}
.event .le img{width: 100%;}
.event .ri{position: relative;}
.event .ri h2{font-size: 3.8889vw; font-weight: 500; margin-bottom: 1.1111vw; width: 93%;}
.event .ri h3{font-size: 3.3333vw; font-weight: 400; color: #BBBBBB;}
  .event span{position: absolute; right: 0; bottom: 0; z-index: 8; padding: 0.8333vw 1.9444vw 1.1111vw; font-size: 2.7778vw; font-weight: 400; color: #949494; border: 0.2778vw solid #E4E4E4; background: #F8F8F8; border-radius: 16.6667vw;}
  .event span.sp1{}
.event span.sp2{display: none; background: #0B5ACE; color: #fff; border-color: #0B5ACE;}

/* 이벤트 글 보기 */
.event_view{margin-top: 2.7778vw;}
.event_view .title{padding: 0 4.1667vw 4.1667vw; border-bottom: 0.2778vw solid #E4E4E4;}
.event_view h2{font-size: 3.8889vw; font-weight: 500;}
.event_view h3{font-size: 3.3333vw; font-weight: 400; color: #BBBBBB;}
.event_view .bottom{padding: 4.1667vw 4.1667vw 9.7222vw; text-align: center;  border-bottom: 0.2778vw solid #E4E4E4;}
.event_view .up{display: block; width:91.6667vw; margin-bottom: 2.2222vw;}
.event_view .up img{width: 100%;}
.event_view .bottom p{text-align: left; font-size: 3.3333vw; margin-bottom: 8.6111vw;}
.event_view .bottom button{padding: 2.7778vw 11.9444vw; text-align: center; font-size: 3.8889vw; color: #fff; background: #0B5ACE;}
.event_view .con{padding: 10.5556vw 4.1667vw 3.6111vw; display: flex; justify-content: space-between; align-items: center; gap: 2.2222vw;}
.event_view .con .cobtn{width: 33.33%; padding: 3.0556vw 0; font-size: 3.3333vw; font-weight: 500; border: 0.2778vw solid #0B5ACE; text-align: center;}

/* 노출상품구매 */
.goods_buy{padding-bottom: 27.7778vw;}
.goods_buy .tab_c2{margin-bottom: 0;}
.goods_buy table{width: 100%; border-collapse: collapse;}
.goods_buy table thead{}
.goods_buy table tr{}
.goods_buy table td{border-bottom: 0.2778vw solid #C4C4C4;}
.goods_buy table td.td1{border-right: 0.2778vw solid #C4C4C4; width: 23%;text-align: center;}
.goods_buy table td.td2{padding: 3.0556vw 0;}
.goods_buy table td.td2 .td_in{margin-left: 5.0000vw; display: inline-block; width: 80%;}
.goods_buy table .le{}
.goods_buy table .mi{margin-left: 3.3333vw;}
.goods_buy table .mi span{display: inline-block; font-size: 3.8889vw; font-weight: 500; color: #0B5ACE;}
.goods_buy table .ri{text-align: end; display: inline-block; width: 10%;}
.goods_buy table input{}
.goods_buy .info{font-size: 3.0556vw; font-weight: 400; color: #C4C4C4; margin-top: 1.3889vw;}

/* 등록하기 */
.register{margin-top: 2.7778vw;}
.register ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 2.7778vw;}
.register li{width: 48.4%;}
.register .li_in{display: flex; flex-direction: column; justify-content: center; align-items: center;padding: 8.0556vw 0; border: 1.3889vw solid #C4C4C4;}
.register .li_in:active {border-color: #0B5ACE;}
.register .li_in img{height: 14.4444vw; margin-bottom: 2.7778vw;}
.register .li_in p{font-size: 4.4444vw; font-weight: 400; color: #707070;}

.regist {padding: 2.7778vw 4.1667vw;}
.regist li {border: 0.2778vw solid #C4C4C4; padding: 4vw 5vw; text-align: center; display: flex; justify-content: space-around; align-items: center; margin-bottom: 2.7778vw;}
.regist li img {width: 32.5vw; display:}
.regist li span {display: inline-block; border-top: 0.2778vw solid #0B5ACE; border-bottom: 0.2778vw solid #0B5ACE; font-size: 4.4444vw; font-weight: 400; color: #0B5ACE; padding: 4.4444vw 0;}

/* 이벤트 등록하기2 */
.event_write2 .bo{width: 45.8333vw; margin: 0 auto;}
/* 이벤트 등록하기3 */
.event_write3{}
.event_write3 h2{font-size: 3.8889vw; font-weight: 500; margin-bottom: 4.1667vw;}
.event_write3 ul{border-bottom: 0.2778vw solid #E4E4E4;}
.event_write3 li{display: flex; align-items: baseline; flex-wrap: wrap; margin-bottom: 5.5556vw;}
.event_write3 li:last-child{margin-bottom: 5.5556vw;}
.event_write3 li .lit{display: block; width: 100%; margin-bottom: 2.7778vw;}
.event_write3 input[type="checkbox"]{display: none;}
.event_write3 input + label em{display: inline-block; width: 5.5556vw; height: 5.5556vw; background: url('../img/ck3.png') center center/100% no-repeat; vertical-align: middle; margin-right: 2.2222vw; }
.event_write3 input:checked + label em{background: url('../img/ck3_on.png') center center/100% no-repeat;}
.event_write3 input + label{font-size: 3.8889vw; font-weight: 500;}
.event_write3 .bo{display: flex; justify-content: flex-end; align-items: center;gap: 2.7778vw;}
.event_write3 .bo select{padding: 1.9444vw 3.3333vw 2.2222vw; width: 62%; }
.event_write3 .bo span{display: flex; justify-content: space-between; align-items: center; padding: 1.9444vw 3.3333vw; width: 26%;}
.event_write3 .bo span input{font-size: 3.8889vw; width: 65%;}
.event_write3 .bo span input::placeholder{color: #C4C4C4; font-size: 3.8889vw;}
.event_write3 .bo span p{font-size: 3.8889vw;}
.event_write3 .bottom{padding: 5.5556vw 0 8.3333vw;}
.event_write3 .bottom span{margin-bottom: 1.3889vw;}
.event_write3 .bottom h3{font-size: 3.8889vw; font-weight: 500;}
.event_write3 .bottom input{padding: 2.7778vw 3.8889vw; width: 70%;}
.event_write3 .bottom h4{font-size: 3.0556vw; font-weight: 400; color: #C4C4C4;}
.event_write3 .ew_btns{ gap: 0.8333vw; margin-bottom: 10.5556vw;}
.event_write3 .ew_btns input{display: none;}
.event_write3 .ew_btns input + label.etb{width: 25%; padding: 2.7778vw 0; font-size: 3.8889vw; border: 0.2778vw solid #0B5ACE; text-align: center;}
.event_write3 .ew_btns input:checked + label.etb{background: #0B5ACE; color: #fff; border-color: #0B5ACE;}
.event_write3 .ewb_top{gap: 1.1111vw;}
.event_write3 .pop_btns{margin-bottom: 5.5556vw;}
.event_write3 .pop_btns button{padding: 2.7778vw 0;}
.event_write3 .ra1_inner{display: none; margin: 8.3333vw 0;}
.event_write3 .ra1_inner h3{font-size: 3.8889vw; font-weight: 500;}
.event_write3 .ra1_inner span{margin-bottom: 8.3333vw;}
.event_write3 .ra1_inner b{ width: 62%; padding: 2.2222vw 1.9444vw 1.9444vw;}
.event_write3 .ra1_inner input[type='number']{display: inline-block; width: 70%; text-align: end; font-size: 3.8889vw;}
.event_write3 .ra1_inner input::placeholder{color: #C4C4C4; font-size: 3.8889vw;}
.event_write3 .ra1_inner p{}
.event_write3 .ra1_inner .in{}
.event_write3 .ra1_inner .how1{margin-bottom: 8.3333vw;}
.event_write3 .ra1_inner .how2{margin-bottom: 16.6667vw;}
.event_write3 .ra1_inner .how h4{margin-bottom: 3.3333vw; font-size: 3.8889vw; font-weight: 500; margin-bottom: 3.3333vw;}
.event_write3 .ra1_inner .how span{width: 50%; display:flex; text-align: start; margin-bottom: 0;}
.event_write3 .ra1_inner .how input{display: block;}
.event_write3 .ra1_inner .how input + label{margin-left: 3.3333vw; font-size: 3.8889vw; font-weight: 400;}

/* 교육등록 */
.edi_reg{}
.edi_reg h2{ font-size: 4.4444vw; font-weight: 500; color: #0B5ACE; margin-bottom: 2.7778vw;}
.edi_reg li.li5{}
.edi_reg li.li5 textarea{width: 100%; resize: none; padding: 2.7778vw; min-height: 33.8889vw;}
.edi_reg li:last-child{margin-bottom: 0;}
.edi_reg ul{margin-bottom: 8.3333vw;}
.edi_reg .li6{margin-bottom: 8.3333vw;}
.edi_reg .li6 h3{font-size: 3.8889vw; font-weight: 500; margin-bottom: 1.3889vw;}
.edi_reg .li6 .in{}
.edi_reg .li6 input{width: 100%; padding: 2.7778vw; font-weight: 500;}
.edi_reg .li6 textarea{width: 100%; resize: none; padding: 2.7778vw; min-height: 33.8889vw;}
.edi_reg .li7{}
.edi_reg .li7 .in{gap: 1.3889vw;}
.edi_reg .li7 input{display: none;}
.edi_reg .li7 input + label{display: grid; place-items: center; height: 28vw; width: 28vw; text-align: center; margin-bottom: 1.3889vw;}
.edi_reg .li7 input + label img{max-width: 28vw;}
.edi_reg .li7 .wor1{font-size: 3.0556vw; color: #C4C4C4; margin-bottom: 4.1667vw;}
.edi_reg .li8{margin-bottom: 33.3333vw;}
.edi_reg .li8 h3{font-size: 3.8889vw; font-weight: 500; margin-bottom: 1.3889vw;}
.edi_reg .li8 .in{padding: 2.7778vw; height: 44.4444vw; overflow-y: scroll;-ms-overflow-style:none; /* IE and Edge */scrollbar-width:none; /* Firefox */box-sizing: border-box; margin-bottom: 3.3333vw;}
.edi_reg .li8 .in::-webkit-scrollbar {display:none /* Chrome , Safari , Opera */}
.edi_reg .li8 .in p{font-size: 3.3333vw;}
.edi_reg .li8 input[type='checkbox']{display: none;}
.edi_reg .li8 input[type='checkbox'] + label{display: inline-block; font-size: 3.3333vw; }
.edi_reg .li8 input[type='checkbox'] + label em{display: inline-block; width: 5.5556vw; height: 5.5556vw; background: url('../img/ck3.png') center center/100% no-repeat; vertical-align: middle; margin-right: 2.7778vw;}
.edi_reg .li8 input[type='checkbox']:checked + label em{background: url('../img/ck3_on.png') center center/100% no-repeat;}
.edi_reg .li8 input[type='checkbox'] + label{font-size: 3.3333vw;}

/* 교육등록 승인완료 */
.edi_reg .edi_r_ok_wrap h2{ font-size: 6.3889vw; font-weight: 500; color: #191919; margin: 15.5556vw 0.0000vw 14.4444vw;}

/* 교육등록상세 */
.edi_r_det_wrap .edi_r_det_banner {}
.main_slide_img .swiper-pagination {height: 3.0556vw;}
.main_slide_img {height: 50.0000vw; margin-bottom: 6.9444vw;}
.edi_r_det_banner .edi_r_det_slide {display: flex; margin-bottom: 1.9444vw;  width:300%; transition: transform 0.5s;}
.edi_r_det_banner .edi_r_det_slide .det_slide_img{margin-bottom: 0; width: 33.333%; }
.edi_r_det_banner .edi_r_det_slide .det_slide_img img {width: 100%;}
.det_sl_btn{display: flex; gap: 1.3889vw; justify-content: center;}
.det_sl_btn .det_sl_arr {width: 1.9444vw; height: 1.9444vw; border-radius: 13.8889vw; background-color: #C4C4C4; margin-bottom: 8.3333vw;}

.det_sl_arr.on{background-color: #0B5ACE;}

.reg_getail_text table {width: 100%; font-weight: 500; margin-bottom: 8.3333vw;}
.reg_getail_text table:last-child {margin-bottom: 30.3333vw;}
.reg_getail_text table tr td {padding-bottom: 2.7778vw;}
.reg_getail_text table tr td:last-child {color: #707070; font-weight: 400;}
.reg_getail_text table tr td.t-text-top .red_text {font-size: 3.0556vw; display: block; color: #CE0075;}
.reg_getail_text table caption {text-align: left; color: #0B5ACE; margin-bottom: 2.7778vw; font-weight: 500;}

/* 리쿠르팅 등록 */
.edi_reg .rec_list{margin-bottom: 33.3333vw;}


/* 리쿠르팅 등록2 */
.join3 .li2 .rec2_check input {width: auto; margin-right: 2.7778vw; width: 5.5556vw; height: 5.5556vw;}
.join3 .li2 .rec2_check span {margin-right: 8.3333vw;}

.rec_plus_wrap{position: relative;}
.rec_plus_wrap .rec_plus_btn {position: absolute; top: 0; right: 0;}
.rec_plus_wrap .rec_plus_btn img {vertical-align: top;}
.rec_plus_wrap .rec_t {margin-top: 1.3889vw; color: #C4C4C4; font-size: 3.0556vw;}
.li2 input::placeholder {color: #C4C4C4;font-size: 3.8889vw;}

/* 리쿠르팅 상세 */

.edi_r_det_wrap .r_dat_name {font-size: 3.8889vw; font-weight: 500; color: #0B5ACE; margin-top: 5.5556vw; margin-bottom: 0;}
.edi_r_det_wrap .r_dat_title {font-size: 4.4444vw; font-weight: 500; color: #191919; margin-bottom: 2.7778vw;}
.reg_getail_text table tr td{vertical-align: top;}
.reg_getail_text table tr td:first-child{width: 40%;}
.reg_getail_text table tr td:last-child{width: 60%;}


/* 리쿠르팅 리스트 */

.event .et_li .ri > a .rec_li_t{font-size: 4.4444vw;}
.event .et_li .ri > a .rec_li_t2{font-size: 3.3333vw; color: #0B5ACE; margin-bottom: 0.8333vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.event .et_li .ri > a .rec_li_ad {font-size: 3.3333vw;}
.event .et_li .le.rec_le{width: 19.4444vw; min-width: 19.4444vw;}
.event .et_li .ri.rec_ri {width: 68.4444vw;} 
.event .et_li .ri .star { position: absolute; right: 0px; } 


/* 일반뉴스 등록하기 */
.news_reg_text {margin-top: 2.7778vw;}


/* 뉴스 이벤트 */

/* 뉴스 */
.event .et_li .news_e_b{width: 33.8889vw; min-width: 19.4444vw; position: relative;}


/* 메인 이벤트 */
.event ul.m_e_wrap {border-top: 0; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 4.1667vw; gap: 5.5556vw;}
.event li.main_event {border-bottom: 0; padding: 0; width: 43.0556vw; }
.m_e_wrap .main_event a {display: block; border: 0.2778vw solid #E4E4E4;}
.el_txt_date {font-size: 3.3333vw; color: #C4C4C4;}
.m_e_wrap .main_event .el_bot {padding: 2.7778vw 1.3889vw;}
.m_e_wrap .main_event .el_bot .el_txt_post {white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; overflow: hidden;}


/* 종료 이벤트 */

.el_top {position: relative; width: 43.0556vw; height: 37.7778vw; overflow: hidden;}
.el_top .el_bot_img {width: 100%;}
.el_top .end_event {position: absolute;width: 100%; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; height: 100%;}
.el_top .end_event p {position: relative; color: #FFF; font-size: 3.3333vw; top: 50%; transform: translateY(-50%); text-align: center;}
.rec_li_t, .rec_li_ad {white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; overflow: hidden;} 
.rec_li_ad {-webkit-line-clamp: 2;}
.news_ev_t {display: flex; justify-content: space-between;}
.event_view .title.news_ev_t {border-bottom: 0; border-top: 0.2778vw solid #E4E4E4; padding: 3.3333vw 0;}
.event_view h1 {font-size: 5.0000vw; font-weight: 500; padding: 0 4.1667vw;}

/* 뉴스이벤트 게시글 */
.event_view .bottom .ne_text {margin-bottom: 5.5556vw; color: #707070;}
.event_view .up.ne_img{ margin-bottom: 5.5556vw;}
.event_view .bottom .ne_b_tex .ne_bt1 {font-size: 3.3333vw; margin-bottom: 1.1111vw; text-align: right;}
.event_view .bottom .ne_b_tex .ne_bt2 {display: block; font-size: 3.3333vw; color: #BBBBBB; text-align: right;}

/* 종료된 이벤트 게시글 */
.event_view .up{position: relative;}
.event_view .up .end_event {position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0;}
.event_view .up .end_event p {position: relative; color: #FFF; top: 50%; transform: translateY(-50%); text-align: center;}


/* 소소한 이벤트 */
.et_li .end_event {position: absolute;width: 100%; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; height: 100%;}
.et_li .end_event p {position: relative; color: #FFF; font-size: 3.3333vw; top: 50%; transform: translateY(-50%); text-align: center;}
.img_Levent {width: 21vw;}







/* 마이톡 */
.mytalk {}
.mytalk .T_alr {width: 100%; padding: 0 4.1667vw; margin-top: 5.5556vw; margin-bottom: 3.3333vw;}
.fz12RG9f {font-size: 3.3333vw; color: #9F9F9F;}

.mytalk .B_MCli ul li {padding: 2.7778vw 4.1667vw; border-top: 0.2778vw solid #EBEBEB; display: flex; justify-content: space-between;    align-items: center;} 
.mytalk .B_MCli ul li:last-of-type {border-bottom: 0.2778vw solid #EBEBEB;}

.mytalk .B_MCli .profile_set {display: flex; align-items: center; width: 70%;}
.mytalk .B_MCli .profile_set .PS_img, .mytalk_chat .T_chat .PS_img  {width: 10.5556vw; height: 10.5556vw; margin-right: 2.7778vw; border-radius: 5.5556vw;}
.mytalk .B_MCli .profile_set .PS_img img, .mytalk_chat .T_chat .PS_img img  {width: 10.5556vw; height: 10.5556vw;}
.mytalk .B_MCli .profile_set .PS_name {font-size: 3.3333vw; width: 100%;}
.mytalk .B_MCli ul li .B_del {padding: 1.1111vw 3.0556vw; border: 0.2778vw solid #0B5ACE; color: #0B5ACE; border-radius: 0.8333vw; font-size: 2.7778vw; font-weight: 500; height: 6.1111vw;}



.mytalk_chat {position: relative; margin-bottom: 22.2222vw;}
.mytalk_chat .T_chat {padding: 0 4.1667vw 2.0556vw; position: relative; }
.mytalk_chat .T_chat .date {width: 100%; text-align: center; margin-top: 2.7778vw; margin-bottom: 1.3889vw;}
.mytalk_chat .T_chat .date span {font-size: 3.3333vw; color: #707070;}
.mytalk_chat .T_chat .ch_box {display: flex; justify-content: flex-end; align-items: flex-end; margin-top: 6.9444vw;}
.mytalk_chat .T_chat .ch_box span {font-size: 3.3333vw; color: #707070;}
.mytalk_chat .T_chat .ch_box .send {padding: 2.7778vw 5.0000vw; background-color: #0B5ACE; color: #fff; border-radius: 1.3889vw 0.0000vw 1.3889vw 1.3889vw; margin-right: 0.0000vw; margin-left: 1.3889vw; max-width: 50%; word-wrap: break-word;}
.mytalk_chat .T_chat .imgbox-send {width: 50%; border-radius: 1.3889vw 0.0000vw 1.3889vw 1.3889vw; margin: 5.5556vw auto 6.9444vw 13.3333vw;}
.mytalk_chat .T_chat .imgbox-send img, .mytalk_chat .T_chat .imgbox-rec img {width: 100%;}
.mytalk_chat .T_chat .imgbox img {width: 62.2222vw;}
.mytalk_chat .T_chat .ch_box.recieve {display: flex; justify-content: flex-start; align-items: flex-end; margin-top: 6.9444vw;}
.mytalk_chat .T_chat .ch_box .rec {padding: 2.7778vw 5.0000vw; background-color: #F1F9FF; color: #000; border-radius: 0.0000vw 1.3889vw 1.3889vw 1.3889vw; margin-right: 1.3889vw; margin-left: 0; max-width: 50%; word-wrap: break-word;}
.mytalk_chat .T_chat .imgbox-rec {width: 50%; border-radius: 1.3889vw 0.0000vw 1.3889vw 1.3889vw; margin: 5.5556vw 0 6.9444vw auto;}
.mytalk_chat .T_chat .ch_box.recieve .imgbox-rec {width: 50%; border-radius: 1.3889vw 0.0000vw 1.3889vw 1.3889vw; margin: 0px 5px 0px 0px;}

.mytalk_chat .B_input {background: #EEEEEE; width: 100%; height: 18.0556vw; position: fixed; bottom: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 2.7778vw 4.1667vw 4.1667vw 4.1667vw;}
.mytalk_chat .B_input .plus {width: 6.6667vw; height: 6.6667vw;}
.mytalk_chat .B_input .plus img {width: 6.6667vw; height: 6.6667vw;}
.mytalk_chat .B_input input[type='text'] {width: 63vw; height: 11.1111vw; background-color: #fff; border: 0.2778vw solid #C4C4C4;}
.mytalk_chat .B_input .stxt {background-color: #0B5ACE; color: #fff; padding: 3.3333vw 4.4444vw; font-size: 3.3333vw; font-weight: 500;}





/* 햄버거바 - 마이 프로필 */
.R11_c4 {font-size: 3.0556vw; color: #C4C4C4;}
.R12_00_m30 {font-size: 3.3333vw; margin: 0.8333vw 0;}
.flex-sb {display: flex;  justify-content: space-between;}
.flex-sb-c {width: 100%; display: flex;  justify-content: space-between; align-items: center;}

.myprofile {padding: 0 4.1667vw;}
.myprofile .T_pho {}
.myprofile .T_pho .B_pho {margin: 3.6111vw auto; width: 19.4444vw; height: 19.4444vw; background-color: #0B5ACE; border-radius: 9.7222vw; text-align: center; position: relative;}
.myprofile .T_pho .B_pho img {width: 19.4444vw; height: 19.4444vw; border-radius: 50%;}

.myprofile .T_pho .S_pho {width: 6.1111vw; height: 6.1111vw; background-color: #0B5ACE; border: 0.2778vw solid #fff; border-radius: 9.7222vw; position: absolute; left: 55vw; top: 32.7778vw; display: flex; justify-content: center; align-items: center;}
.myprofile .T_pho .S_pho img {width: 3.3333vw; height: 3.3333vw;}

  /* 마이 프로필 체크박스 */
  .Cho_ckb {}
  .Cho_ckb input {display: none;}
  .Cho_ckb input + label {background-color: #fff; border: 0.2778vw solid #c4c4c4; font-size: 3.3333vw; width: 15vW; text-align: center; padding: 0.8333vw 0; font-weight: 400;}
  .Cho_ckb input:checked + label {background-color: #0B5ACE; color: #fff; border: 0.2778vw solid #0B5ACE;}



.myprofile .join3 .MYP_fill {margin-bottom: 29.1667vw;}
.TA_form1 {width: 100%; height: 80.5556vw; resize: none; padding: 2.7778vw; border-radius: 8px;}
.TA_form2 {width: 100%; height: 23.6111vw; resize: none; border: 0.2778vw solid #0B5ACE; padding: 3.3333vw 2.7778vw;}
textarea::placeholder {color: #C4C4C4; font-size: 3.8889vw;}

.myprofile .join3 .MYP_fill .li2 .flex-sb div {border: 0.2778vw solid #C4C4C4; width: 15vw; display: flex; align-items: center; justify-content: center;}
.myprofile .join3 .MYP_fill .li2 .flex-sb div img {margin: 1.3889vw 0.8333vw; width: 13vw;}

.cho_btn {background-color: #0B5ACE; color: #fff; padding: 0.8333vw; font-size: 3.3333vw; width: 15vw;}


.myprofile .li2 .Pbox {display: flex; justify-content: space-between;}
.myprofile .li2 .Pbox div {border: 0.2778vw solid #C4C4C4; width: 15.3vw;}
.myprofile .li2 .Pbox div img { width: 100%; height: 100%; }

.myprofile .join3 .MYP_fill .li2 .flex-sb .togglebox {border: none;}
.myprofile .join3 .MYP_fill .li2 .flex-sb .togglebox label {margin: 0;}
  /* 토글 스위치 - 디폴트 */
.toggleSwitch {
    width: 13.3333vw; height: 6.9444vw; margin: ; cursor: pointer;
    display: block; position: relative;
    border-radius: 8.3333vw; background-color: #C4C4C4;
}
.toggleSwitch .toggleButton {
    width: 5.2778vw; height: 5.2778vw;
    position: absolute; top: 50%; right: 0.8333vw; transform: translateY(-50%);
    border-radius: 50%; background: #ffffff;
  }

  .toggleSwitch.active {
    background: #0B5ACE;
  }
  .toggleSwitch.active .toggleButton {
    left: calc(100% - 12.2222vw);
    background: #fff !important;
  }

  .toggleSwitch, .toggleButton {
    transition: all 0.2s ease-in;
  }

  /* 토글 스위치 - 작은 사이즈 */
  .toggleSwitch_S {
    width: 10.0000vw; height: 5.0000vw; margin: ; cursor: pointer;
    display: block; position: relative;
    border-radius: 8.3333vw; background-color: #C4C4C4;
}
.toggleSwitch_S .toggleButton {
    width: 3.8889vw; height: 3.8889vw;
    position: absolute; top: 50%; right: 0.8333vw; transform: translateY(-50%);
    border-radius: 50%; background: #ffffff;
  }

  .toggleSwitch_S.active {
    background: #0B5ACE;
  }
  .toggleSwitch_S.active .toggleButton {
    left: calc(100% - 9.4444vw);
    background: #fff !important;
  }

  .toggleSwitch_S, .toggleButton {
    transition: all 0.2s ease-in;
  }



  /* 햄버거바 - 내 노출 현황 */
  .fz21MB {font-size: 5.8333vw; font-weight: 500; color: #0B5ACE;}
  .fz18MG {font-size: 5.0000vw; font-weight: 500; color: #ACACAC;}
  .fz18MG.turn {color: #0B5ACE;}
  .fz12RG {font-size: 3.3333vw; font-weight: 400; color: #ACACAC;}
  .fz12RGce {font-size: 3.3333vw; font-weight: 400; color: #CECECE;}
  .lb1 {border-left: 0.2778vw solid #C4C4C4;}
  .bb1 {border-bottom: 0.2778vw solid #E4E4E4; padding: 3.0556vw 0;}
  .nomlr {margin-left: 0; margin-right: 0;}

  .pa01 {padding: 0 10vw;} .pa02 {padding-left: 10vw;}

  .myhits {padding: 0 4.1667vw;}
  .myhits .MH_top {margin-bottom: 8.8889vw;}
  .myhits .MH_top h2 {font-size: 3.8889vw; font-weight: 400; text-align: center;}
  .myhits .MH_top .point_box {display: flex; justify-content: space-between; align-items: flex-end;}
  .myhits .MH_top .point_box img {width: 15vw;}
  .myhits .MH_top .point_box div {color: #0B5ACE; font-weight: 500; font-size: 5.0000vw;}

  .myhits .MH_bot .R_box {font-size: 3.3333vw; border: 0.2778vw solid #ACACAC; border-radius: 3.0556vw; color: #ACACAC; text-align: center; padding: 0.5556vw 3.6111vw;}





  
/* 햄버거바 - 전문가 문의 */
.n_btn_s {width: 1.6667vw;}
.n_btn {width: 2.2222vw;}
.btn_send {width: 5.0000vw;}

.expertinquiry {}
  .EI_search {margin: 2.7778vw 4.1667vw 5.0000vw 4.1667vw; padding: 2.7778vw 4.1667vw; border: 0.2778vw solid #C4C4C4;}
  .EI_search input {width: 93%; font-size: 3.8889vw;}
  .EI_search input::placeholder{color: #E4E4E4; font-weight: 500;}
  .EI_search button img, .down_img {width: 4.1667vw; display: none;}
  .EI_search button img, .down_img.on {display: inline-block;}

.expertinquiry .EI_list {border-top: 0.2778vw solid #EBEBEB;}
.expertinquiry .EI_list .pro_img, .EI_A .EIA_CnL .pro_img {width: 10.5vw;}
.expertinquiry .EI_list .pro_img img, .EI_A .EIA_CnL .pro_img img {width: 100%;}
.width95 {width: 95%;}
.mar17 {padding: 3.0556vw 4.1667vw;}

.expertinquiry .infor, .EI_A .EIA_CnL .infor {width: 85%; display: flex; flex-direction: column;}

      /* 햄버거바 - 전문가 문의 - 자세히 보기 */
      .EI_A {}
      /* 서치바 동일 */
      .EI_A .EIA_CnL .EIA_con {width: 100%; padding: 3.6111vw 4.1667vw; border-top: 0.2778vw solid #E4E4E4; border-bottom: 0.2778vw solid #E4E4E4; min-height: 46.3889vw; margin-bottom: ;}
      .EI_A .EIA_CnL .EIA_con p {font-size: 3.3333vw; line-height: 4.7222vw;}

      .EIA_b {margin-bottom: 22.2222vw;}

      .EI_A .EIA_bt {width: 100%; padding: 2.7778vw 4.1667vw; border-top: 0.2778vw solid #E4E4E4; border-bottom: 0.2778vw solid #E4E4E4;}
      .EI_A .pro_img {width: 8.3vw; border-radius: 27.7778vw; overflow: hidden; position: relative;}
      .EI_A .pro_img::after {display: block; content: ""; padding-bottom: 100%;}
      .EI_A .pro_img img {width: 100%; position: absolute; top: 0; left: 0; object-fit: cover; border-radius: 50%;}

      .EIA_bcom {position: fixed; bottom: 0; padding: 2.7778vw 4.1667vw 6.1111vw 4.1667vw;}
      .input_comments {width: 82vw; padding: 0.3333vw 2.2222vw; border: 0.2778vw solid #C4C4C4;}
      .input_comments input {width: 90%; font-size: 3.3333vw; }
      .input_comments input::placeholder {color: #9F9F9F;}
      .input_comments textarea {width: 90%; font-size: 3.3333vw; border: 0;}
      .input_comments textarea::placeholder {color: #9F9F9F;}

      





/* 햄버거바 - 내 이벤트 참여 현황 */
.fz12MB {font-size: 3.3333vw; font-weight: 500; color: #0B5ACE;}
.fz12RG70 {font-size: 3.3333vw; color: #707070;}
.fz12RGc4 {font-size: 3.3333vw; color: #c4c4c4;}
.flex-column {display: flex; flex-direction: column;}
.position-r {position: relative;}

.myevent {margin: 2.7778vw 4.1667vw;}
.event_tab {border-bottom: 0.2778vw solid #E4E4E4; display: flex; justify-content: space-between; text-align: center;}
.event_tab .EVT_d {width: 50%; font-size: 3.3333vw; color: #707070; padding: 0.8333vw 0;}

.myevent .EVT_con {display: none;}
.myevent .EVT_con .EVT_img {width: 49%;}
.myevent .EVT_con .EVT_img img {width: 100%;}


/* 햄버거바 - 참여 현황 - 사용 내역 */
.EVTI_UC {width: 100%; background-color: rgba(0, 0, 0, 0.7); padding: 30% 34%; z-index: 99; position: absolute; top: 0; left: 0;}

/* 햄버거바 - 탭 */
.event_tab .EVT_d.on {border-bottom: 0.8333vw solid #0B5ACE; color: #000;}
.myevent .EVT_con.on {display: block;}




/* 햄버거바 - 공지사항 */
.fz14M {font-size: 3.8889vw; font-weight: 500;}


.bot_btn {width: calc(100vw - 8.3333vw); margin: 4.1667vw 4.1667vw; position: fixed; bottom: 0; z-index: 1; background-color: #fff;}
.BL_btn {width: 100%; padding: 2.5555vw; border: 0.2778vw solid #EBEBEB; border-radius: 8px; font-size: 3.3333vw; font-weight: 500;}






/* 햄버거바 - 고객센터 */
.fz16M {font-size: 4.4444vw; font-weight: 500;}
.bt1 {border-top: 0.2778vw solid #C4C4C4;}
.flex-e {display: flex; justify-content: flex-end;}
.mzS10 {margin: 0 2.7778vw; padding: 2.7778vw 0; }
.wd80 {width: 80%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2 ; -webkit-box-orient: vertical;}

.cs .cs_cho {border-top: 0.2778vw solid #C4C4C4;} 
.mznb {padding: 4.1667vw 4.1667vw; border-bottom: 0.2778vw solid #C4C4C4;}


/* 햄버거바 - 고객센터 - 자주하는 질문 */
.cs_FA {margin: 3.0556vw 4.1667vw;}

/* 서치바는 207로 갈 것 (메인과 동일) */
.cs_FA .Sbar {border: 1px solid #F1F1F1; border-radius: 45px; margin-bottom: 8.3333vw;}
/* 텝에 댓글은 475로 갈 것 (cs_comment.php과 동일) */
#faq_list li .cs_comment .re_inner textarea {font-size: 3.8889vw; background: transparent; border: 0; resize: none;}
#faq_list .cs_comment {display: none; margin-top: 2vw; }
#faq_list .cs_comment.on {display: block; }








/* 햄버거바 - 1:1 문의 */
.R_name_G {font-size: 2.7778vw; color: #949494; background-color: #F8F8F8; border: 0.2778vw solid #E4E4E4; padding: 1.1111vw 1.9444vw; border-radius: 16.6667vw; margin-right: 2.7778vw;}
.R_name_B {font-size: 2.7778vw; color: #4C4C4C; background-color: #E8F1FA; padding: 1.1111vw 1.9444vw; border-radius: 16.6667vw; margin-right: 2.7778vw;}
.cs1o1_tab_list { border-bottom: 0.2778vw solid #C4C4C4; border-top: 0.2778vw solid #C4C4C4; }
.cs1o1_tab_list:first-child { border-top: 0; }
.mznb2 {padding: 4.1667vw; }

.nomlr2 {margin: 0;}
.bbn {border-bottom: none;}

.cs_1on1 { }
.cs_1on1 .add-pho {width: 23vw; height: 23vw; border: 0.2778vw solid #C4C4C4; border-radius: 8px; background: #F7F7F7; }
.cs_1on1 li .customImgBtn { width: 23vw; height: 23vw; margin-bottom: 0vw; }
.cs_1on1 .add-pho img {width: 20%; margin: 39%;}

.cs_1on1_tab {display: none;}
.cs_1on1_tab:first-child {margin: 5.7778vw 4.1667vw;}
.cs_1on1_tab.on {display: block;}

.cs1o1_com {padding: 2.7778vw 4.1667vw; }
.cs_img_area {width: 100%; margin-bottom: 2.7778vw; overflow: hidden; }
.cs1o1_com .cs1o1_answer textarea {width: 100%; font-size: 3.8889vw; background: #fff; border: 0; resize: none; min-height: 27.7778vw;}

.cs1o1_com .cs1o1_answer_ex {background-color: #F8F8F8; border-radius: 8px; }
.cs1o1_com .cs1o1_answer_ex textarea {width: 100%; font-size: 3.8889vw; background: transparent; border: 0; resize: none; min-height: 27.7778vw; padding: 2.1667vw 1.9444vw;}

.cs1o1_com {display: none;}
.cs1o1_com.on {display: block;}



/* 햄버거바 - 회원탈퇴 */
.mtb35 {margin: 9.7222vw 0;}

.withdrawal {margin: 0 4.1667vw;}

.withdrawal .W_term {width: 100%; margin-top: 5.5556vw; min-height: 62.2222vw;}

.ck_square input {display: none;}
.ck_square input + label {font-size: 3.3333vw; font-weight: 500; color: #C4C4C4;}
.ck_square input + label em {display: inline-block; width: 6.6667vw; height: 6.6667vw; background: url(../img/ck.png) center center/100% no-repeat; vertical-align: middle; margin-right: 0.5556vw;}
.ck_square input:checked + label em{ background: url('../img/ck_on.png') center center/100% no-repeat;}










/* 사용자 - 마이페이지 */
.mp_boxT {padding: 3.6111vw 6.1111vw 3.3333vw 5.5556vw; display: flex; justify-content: space-between; align-items: center; text-align: center; margin-bottom: 1.3889vw;}
.mp_box {width: 15%;}
.mp_box img {width: 6.6667vw;}
.mp_box2 {font-size: 5.0000vw; font-weight: 500; color: #0B5ACE;}

.T_pho .B_pho {margin: 3.6111vw auto; width: 19.4444vw; height: 19.4444vw; background-color: #0B5ACE; border-radius: 9.7222vw; text-align: center; position: relative;}
.T_pho .B_pho img { width: 8.8889vw; height: 13.3333vw; position: relative; top: 50%; transform: translate(0, -50%);}
.T_pho .S_pho { width: 6.1111vw; height: 6.1111vw; background-color: #0B5ACE; border: 0.2778vw solid #fff; border-radius: 9.7222vw; position: absolute; left: 55vw; top: 32.7778vw; display: flex; justify-content: center; align-items: center;}
.T_pho .S_pho img { width: 3.3333vw; height: 3.3333vw;}

/* 사용자 - 내가 쓴 리뷰 */
.UCC_text {border-bottom: 0.2778vw solid #E4E4E4; border-top: 0.2778vw solid #E4E4E4; min-height: 119.4444vw; padding: 0 4.1667vw;}
.UCC_text p {font-size: 3.8889vw; margin-top: 5.5556vw;}

.three_btn_wrap .con {padding: 8.3333vw 4.1667vw 3.6111vw; display: flex; justify-content: space-between; align-items: center; gap: 2.2222vw;}
.three_btn_wrap .con .cobtn { width: 33.33%; padding: 3.0556vw 0; font-size: 3.3333vw; font-weight: 500; border: 0.2778vw solid #0B5ACE; text-align: center;}

/* 사용자 - 노출 현황 */
.fz11R70 {font-size: 3.0556vw; color: #707070;}
.fz18MB {font-size: 5.0000vw; font-weight: 500; color: #0B5ACE;}

.point_box2 {display: flex; align-items: flex-end;     justify-content: center;}
.point_box2 img {width: 15vw; margin-right: 3.6vw;}
.umhB {display: flex; flex-direction: column;}

/* 사용자 페이지 - 뉴스 구독 */
.event .ri .subsBtn .UNEV_sn {width: 70%; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

/* 구독 버튼 */
.R_U_sub {font-size: 2.7778vw; font-weight: 500; color: #0B5ACE; background-color: #ffffff; padding: 1.1111vw 1.9444vw; border-radius: 16.6667vw; border: 0.2778vw solid #0B5ACE; cursor: pointer;}
.R_U_sub .y_sub {width: 2.2222vw; margin-right: 0.8333vw;}

.R_U_sub2 { font-size: 2.7778vw; font-weight: 500; color: #fff; background-color: #0B5ACE; padding: 1.1111vw 1.9444vw; border-radius: 16.6667vw; border: 0.2778vw solid #0B5ACE; cursor: pointer;}
.R_U_sub2 .y_sub {width: 3.0556vw; margin-right: 0.5556vw;}

 



/* 전문가 문의하기 - 문의 상세 */
.U_askE {margin: 2.7778vw 4.1667vw;}

.U_askE .a_in{display: flex; align-items: center; flex-wrap: wrap; gap: 1.6667vw;}
.U_askE .a_in span{}
.U_askE .a_in span.sp1{}
.U_askE .a_in input{display: none;}
.U_askE .a_in input + label{display: block; border: 0.2778vw solid #C4C4C4; padding: 2.2222vw 4.1667vw; text-align: center; font-size: 3.8889vw; font-weight: 500; color: #C4C4C4; border-radius: 8.3333vw;}
.U_askE .a_in input:checked + label{border-color: #0B5ACE; color: #0B5ACE;}

.join3 .li2 .in textarea {width: 100%; height: 33.3333vw; border: 0.2778vw solid #c4c4c4; padding: 2.7778vw; resize: none;}





/* 상담리뷰 쓰기 */
.bgGfa {background-color: #fafafa;}
.fz11Rc4 {font-size: 3.0556vw; color: #c4c4c4;}
.fz14MB {font-size: 3.8889vw; font-weight: 500; color: #0B5ACE;}
.fz11M {font-size: 3.0556vw; font-weight: 500;}


.MR_wri {margin: 0.0000vw 0.0000vw 27.7778vw;}
.MR_wri .check_area {padding: 0 4.1667vw;}
.MRW_top {width: 100%; padding: 2.7778vw 4.1667vw 5.5556vw; z-index: 0; position: relative;}

.MRW_bot {padding: 0 4.1667vw;}
.MRW_bot textarea {width: 100%; height: 59.4444vw; resize: none; border: 0.2778vw solid #C4C4C4; background-color: #FAFAFA; padding: 2.7778vw 3.3333vw;}

.MR_wri .join3 .in input::placeholder{font-weight: 500; color: #000; font-size: 3.8889vw;}

.bgGfa .fz10 {display: block; text-align: center;}
.bgGfa .circle {margin: 0 auto;}
.bgGfa .fz11M {display: block; text-align: center;}

.point { position: relative;}
.point hr {border: 0.8333vw solid #E4E4E4; position: absolute; width: 100%; border-radius: 11.1111vw; top: 49%; z-index: -1; margin: 0; transform: translateY(-50%);}
.point .circle {width: 4.4444vw; height: 4.4444vw; background-color: #C4C4C4;border-radius: 50%;}


.customImgFile {display: none;}
#customImg {display: none;}
.customImg {display: none;}














/* 추가 및 수정 */
.EI_search button img.searBtn {width: 5.2778vw;}

/* 노출상품 구매, 적립 포인트 사용 및 결제수단 */
.pointSave {background-color: #E6EEFA; width: 100%; font-size: 3.8889vw; font-weight: 400; padding: 2.7778vw; margin-bottom: 1.3889vw;}
.pointSave span {width: 50%; display: inline-block; font-size: 3.8889vw; font-weight: 500;}
.pointIn {border: 0.2778vw solid #C4C4C4; padding: 2.2222vw 2.7778vw; display: inline-block; width: 74%; margin-right: 1%; text-align: right; font-size: 3.8889vw; font-weight: 500; color: #000;}
.pointIn input {text-align: right; width: 75%; font-size: 3.8889vw; font-weight: 500; color: #000; vertical-align: baseline; margin-right: 1.1111vw;}
.pointIn input::placeholder {color: #000; font-size: 3.8889vw;}
.useallBtn {background-color: #0B5ACE; display: inline-block; width:25%; color: #fff; font-size: 3.3333vw; font-weight: 500; padding: 3.3333vw 3.8889vw;}
.info {margin-bottom: 13.8889vw;}
.underLine ul li {border-bottom: 0.2778vw solid #C4C4C4; padding: 3.0556vw 0 1.6667vw; margin-bottom: 0;}
.underLine ul li:first-child {border-top: 0.2778vw solid #c4c4c4;}
.blueCk input {}
.blueCk {}
.removeImg {width: 6.9444vw; margin-left: 2.7778vw; }
    /* 노출상품 구매, 결제하기 (buy2) */
.buy2 {margin: 0 4.1667vw;}
.buy2 .tac {margin: 4.1667vw ;}
.buy2 h5 {font-size: 3.8889vw; font-weight: 400;}
.buy2 h1 {font-size: 4.4444vw; font-weight: 500; border: 0.2778vw solid #E4E4E4; border-left: 0; border-right: 0; padding: 2.2222vw 0;}
.buy2 ul {margin: 4.7222vw 0 1.9444vw;}
.buy2 ul li {margin-bottom: 2.7778vw;}
.buy2 ul span {display: inline-block; width: 50%; font-size: 3.8889vw;}
.buy2 ul span:last-of-type {text-align: right;}
.buy2 h2 {border-top: 0.2778vw solid #E4E4E4; font-size: 4.4444vw; display: inline-block; width: 40%; padding: 3.6111vw 0;}
.buy2 h3 {border-top: 0.2778vw solid #E4E4E4; font-size: 4.4444vw; color: #0B5ACE; display: inline-block; width: 60%; padding: 3.6111vw 0;}



/* 플러스 버튼 */
.plusBtn {position: absolute; bottom: 8.3333vw; right: 4.1667vw;}
.plusBtn button {background-color: #0B5ACE; border-radius: 50%; width: 13.8889vw; height: 13.8889vw;}
.plusBtn button img {filter: brightness(100);}



/* 회원가입 페이지 */
.newAge {display: flex; justify-content: space-between; align-items: center;}
.newAge h3 {font-size: 3.8889vw; font-weight: 500; margin-bottom: 0;}
.newAge div {display: flex; justify-content: space-between; align-items: center;}
.newAge div a {font-size: 2.7778vw; margin-left: 3.3333vw; margin-bottom: 3.3333vw;}
.newAge div a > img {width: 2.7778vw;}
.ageChoBox {background-color: #F9F9F9; font-size: 3.8889vw; font-weight: 500; text-align: center; padding: 2.7778vw;}
.noMatterCho input {display: none;}
.noMatterCho input + label {display: block; width: 100%; border: 0.2778vw solid #C4C4C4; padding: 2.2222vw; text-align: center; font-size: 3.8889vw; font-weight: 500; margin: 4.4444vw 0 1.1111vw 0;}
.noMatterCho input:checked + label {background-color: #0B5ACE; color: #fff; border: 0.2778vw solid #0B5ACE;}

.termsCk {}
.termsCk input {display: none;}
.termsCk label {font-size: 3.8889vw;}
.termsCk input + label em {background: url(../img/ck3.png) center center/100% no-repeat; background-size: 5.0000vw; padding-left: 5.0000vw; margin-right: 2.7778vw;}
.termsCk input:checked + label em {background: url(../img/ck3_on.png) center center/100% no-repeat;}
.goIcon {width: 1.9444vw;}
.goIcon img {width: 100%;}

/* MY톡 작은 메뉴 */
.dotImg {width: 6.6667vw;}
.chatTabBtn {position: relative; display: flex;}
.chatTabCon {display: none; border: 0.2778vw solid #c4c4c4; width: 25.0000vw; position: absolute; top: 7.7778vw; left: 0; z-index: 10;} 
.chatTabCon.on {display: block;} 
.chatTabCon button {padding: 1.3889vw 0; display: block; font-size: 3.8889vw; font-weight: 400; width: 100%; background-color: #fff;}
.chatTabCon button:active {background-color: #0B5ACE; color: #fff;}
















.my_profile_view .profile_img { width: 100%; }
.textarea_input { width: 100%; height: 75vw; border: 0px; }

.main .portal{ margin-bottom: 6.8888vw; }
.main .portal li{align-items: center; padding: 4.0556vw 3.0556vw; margin-bottom: 1.6667vw; position: relative; }
.main .portal li:last-child{margin-bottom: 5.5556vw;}
.main .portal .le{ width: 15%; }
.main .portal .le img{width: 35px; height: 35px; margin-right: 10px;}
.main .portal .ri{ width: 85%; font-weight: 500; }
.main .portal .ri .sub_title { opacity: 0.5; }
.main .portal .next_btn { display: inline-block; width: 10px; height: 10px; border: 1px solid gray; border-bottom: none; border-left: none; transform: rotate(45deg); margin: 0 3px 1px 0; }


.portal_ract_box { background: #E3EEFF; position: relative; width: 50%; border-radius: 5px; padding: 10px; }
.portal_ract_box.box2 { background: #FFEABC; }
.portal_ract_box .cercle_left { position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #FFF; top: 50%; left: -10px; transform:translateY(-50%); }
.portal_ract_box .cercle_right { position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #FFF; top: 50%; right: -10px; transform:translateY(-50%); }
.portal_ract_box .box_content { width: 100%; text-align: center; }
.portal_ract_box .box_content img { width: 60px; height: 60px; }
.portal_ract_box .box_content p { font-weight: 500; }

.portal_cercle_box { position: relative; width: 25%; text-align: center; }
.portal_cercle_box .cercle { position: relative; background: #F5F5F5; border-radius: 50%; width: 70px; height: 70px; margin: auto; }
.portal_cercle_box .cercle img { position: absolute; width: 45px; height: 45px; top: 50%; left: 50%; transform:translate(-50%, -50%);}
.portal_cercle_box p { font-weight: 500; }

.main .portal .cancel_line { border-top: 1px solid #E4E4E4; }

.portal_ract_box2 { position: relative; width: 25%; text-align: center; }
.portal_ract_box2 .ract { position: relative; width: 95%; padding: 15px 0 15px 0; margin: auto; border: 1px solid #E4E4E4; border-radius: 5px; }
.portal_ract_box2 .ract img { width: 45px; height: 45px; }
.portal_ract_box2 .ract p { font-weight: 500; }

.portal_slide { width: 95% !important; border-radius: 10px !important; }
.portal_slide img { border-radius: 10px !important; }

.portal_review .portal_review_box { width: 49.5%; border: 1px solid #E4E4E4; border-radius: 5px;}
.portal_review .portal_review_box img { width: 25%; }
.portal_review .portal_review_box span { width: 75%; text-align: center; margin: auto;}


.portal_sub_form table, .portal_sub_form tr, .portal_sub_form td { border-collapse: collapse; border: 1px solid #e3e3e3; border-radius: 8px; }
.portal_sub_form table {border-style : hidden; box-shadow : 0 0 0 1px #e3e3e3;}
.portal_sub_form td { padding: 5px; }
.portal_sub_form textarea { border: 0px; background: #F7F7F7; height: 130px; resize: none; }
.portal_sub_form .reg_btn { width: 100%; padding: 2.8888vw; background: #0B5ACE; border: 1px solid #0B5ACE; color: #FFF; border-radius: 5px; }


.newspaper .search_box { border: 1px solid #E4E4E4; border-radius: 5px; padding: 10px; }
.newspaper .search_box .search_text { width: 90%; }
.newspaper .search_box .search_btn { width: 10%; }
.newspaper .search_box .search_btn img { width: 70%; }

.newspaper_ract_box { background: #FEEDED; position: relative; width: 48%; border-radius: 5px; padding: 10px; }
.newspaper_ract_box.box2 { background: #E3EEFF; }
.newspaper_ract_box .cercle_left { position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #FFF; top: 50%; left: -10px; transform:translateY(-50%); }
.newspaper_ract_box .cercle_right { position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #FFF; top: 50%; right: -10px; transform:translateY(-50%); }
.newspaper_ract_box .box_content { width: 100%; text-align: center; }
.newspaper_ract_box .box_content img { width: 40px; height: 40px; }
.newspaper_ract_box .box_content p { font-weight: 500; }

.newspaper_cercle_box { position: relative; width: 25%; text-align: center; }
.newspaper_cercle_box .cercle { position: relative; background: #F5F5F5; border-radius: 50%; width: 70px; height: 70px; margin: auto; }
.newspaper_cercle_box .cercle img { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; transform:translate(-50%, -50%);}
.newspaper_cercle_box p { font-weight: 500; font-size: 3.3333vw; }

.newspaper .reg_selet_box select { width: 49%; border: 1px solid #E4E4E4; border-radius: 4px; padding: 10px;}
.newspaper .nickname_box2 { width: 49%; border: 1px solid #DCDCDC; border-radius: 25px; padding: 5px; text-align: center; color: #191919; }
.newspaper .nickname_box2.on { color: #0B5ACE; opacity: 1; border: 1px solid #0B5ACE;}
.newspaper .nickname_box2 span { opacity: 0.45; }
.newspaper .nickname_box2.on span { opacity: 1;}

.board_list { border-bottom: 1px solid #E4E4E4; }
.board_list li { border-top: 1px solid #E4E4E4; padding: 4.1667vw; }
.board_list .qna_list_area1 { width: 90%; color: #191919; }
.board_list .qna_list_area1 .date { opacity: 0.3; }
.board_list .qna_list_area2 { width: 10%; color: #0B5ACE; }

.board_btn_box { border-radius: 50px; padding: 4px 10px; margin-right: 10px; }
.board_btn_box.orange { background: #FFEABC;}
.board_btn_box.blue { background: #E3EEFF;}
.board_btn_box.gray { background: #F0F0F0;}


.back_line { background: #EAEAEA; opacity: 0.4; width: 100%; height: 10px; }

.text_masking { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.text_center { text-align: center;}

.newpaper_btn1 { width: 49%; padding: 2.8888vw; background: #0B5ACE; border: 1px solid #0B5ACE; color: #FFF; border-radius: 5px; }
.newpaper_btn2 { width: 49%; padding: 2.8888vw; border: 1px solid #0B5ACE; color: #0B5ACE; border-radius: 5px; }

.qna_btn_area { gap: 5px; }
.qna_btn_area button { border: 1px solid #dcdcdc; border-radius: 15px; width: 105px; padding: 3px;}
.qna_search_area { background: #f8f8f8; border-radius: 8px; padding: 10px; }
.qna_search_area .search_btn { width: 10%; }
.qna_search_area .search_btn img { width: 55%; }
.qna_search_area .search_text { width: 88%; margin-left: 2%; }
.qna_search_area .search_text { width: 88%; margin-left: 2%; }
.qna_sub_title { color: #0b5ace; }

.qna_list { border-bottom: 1px solid #E4E4E4; }
.qna_list li { border-top: 1px solid #E4E4E4; padding: 2vw 4.1667vw; }
.qna_list .qna_list_area1 { width: 90%; color: #191919; }
.qna_list .qna_list_area1 .date { opacity: 0.3; }
.qna_list .qna_list_area2 { width: 10%; color: #0B5ACE; }

.write_box { border: 1px solid #C4C4C4; border-radius: 8px; padding: 8px; color: #191919; }
.write_box .input_form span { width: 16%; }
.write_box .input_form input { width: 84%; }
.write_box .input_form2 input { width: 100%; }
.write_box input::placeholder { color: #191919; opacity: 0.2; }
.write_box #nickname { width: 100%; text-align: center; }

.write_box2 { border: 1px solid #C4C4C4; border-radius: 8px; padding: 8px; color: #191919; width: 49%; }
.write_box2 .input_form span { width: 25%; }
.write_box2 .input_form input { width: 75%; }
.write_box2 .input_form2 input { width: 100%; }
.write_box2 input::placeholder { color: #191919; opacity: 0.2; }
.write_box2 #nickname { width: 100%; text-align: center; }

.write_box .textarea_form .line { border-top: 1px solid #707070; opacity: 0.3; margin-top: 8px; margin-bottom: 8px; }
.write_box .textarea_form textarea { border: 0px; width: 100%; height: 250px; resize: none; }
.write_box .textarea_form textarea::placeholder { color: #191919; opacity: 0.2; }

.write_file_box { gap: 2vw; }
.write_file_box .box { position: relative; width: 22vw; height: 22vw; background: #F7F7F7; border-radius: 5px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; }
.write_file_box .box p { margin-bottom: 10px; }
.write_file_box .box img { width: 45%; }
.write_file_box .box .preview { object-fit: cover; width: 100%; height: 100%; }

.write_file_box2 { gap: 2vw; }
.write_file_box2 .box { width: 30vw; height: 30vw; border: 1px solid #C4C4C4; border-radius: 4px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; }
.write_file_box2 .box p { margin-bottom: 10px; }
.write_file_box2 .box img { width: 45%; }
.write_file_box2 .box .preview { object-fit: cover; width: 100%; height: 100%; }

.nickname_box { width: 32%; border: 1px solid #DCDCDC; border-radius: 25px; padding: 5px; text-align: center; color: #191919; }
.nickname_box.on { color: #0B5ACE; opacity: 1; border: 1px solid #0B5ACE;}
.nickname_box span { opacity: 0.45; }
.nickname_box.on span { opacity: 1;}
.waring_box { background: #FFEDED; color: #FF0000; border-radius: 8px; padding: 10px; }
.reg_btn { background: #0B5ACE; color: #FFF; border-radius: 8px; padding: 2.8888vw;}

.attch_form { background: #F8F8F8; border-radius: 8px; padding: 10px; color: #191919; opacity: 0.5;}
.attch_form ul li { border-top: 1px solid rgba(112, 112, 112, 0.2); }
.attch_form ul li:first-child { border-top: 0px; }

.like_box { border: 1px solid #C4C4C4; border-radius: 50px; justify-content: space-evenly; width: 40%; color: #191919; opacity: 0.5;}
.like_box img { width: 16px; }

.comment_list { border-bottom: 1px solid #E4E4E4; }
.comment_list li { border-top: 1px solid #E4E4E4; padding: 2vw 4.1667vw; }
.comment_list .comment_profile_area { width: 10%; }
.comment_list .comment_profile_area img { width: 9.0556vw; height: 9.0556vw; border-radius: 50%; object-fit: cover; }
.comment_list .comment_input_area { width: 88%; border: 1px solid #E4E4E4; border-radius: 8px; padding: 10px; }
.comment_list .comment_input_area input { width: 90%; }
.comment_list .comment_input_area textarea { width: 90%; height: 100px; border: 0px; resize: none; }
.comment_list .comment_input_area input::placeholder { color: #9F9F9F; }
.comment_list .comment_input_area button { width: 10%; }
.comment_list .comment_input_area button img { width: 60%; }
.comment_list .comment_contents_area { width : 60%; }
.comment_list .comment_btn_area { width : 25%; background: #EBF5FF; border-radius: 4px; color: #0B5ACE; }

/* 플러스 버튼 */
.regBtn {position: fixed; bottom: 20.3333vw; right: 4.1667vw;}
.regBtn button {background-color: #0B5ACE; border-radius: 27px; width: 29.8889vw; height: 10.8889vw; color: #fff; }
.regBtn button img { filter: brightness(100); width: 9%; }

.alarm_box { background: #edf6ff; color: #191919; border-radius: 8px; padding: 10px; }

.review_list { border-bottom: 1px solid #E4E4E4; }
.review_list li { border-top: 1px solid #E4E4E4; padding: 2vw 4.1667vw; }
.review_list .review_list_area1 { width: 80%; color: #191919; }
.review_list .review_list_area1 .date { opacity: 0.3; }
.review_list .review_list_area2 { position: relative; width: 20%; height: 16vw; color: #0B5ACE; margin: auto; background: #EAEAEA; border-radius: 8px; }
.review_list .review_list_area2 img { width: 100%; height: 16vw; object-fit: cover; }

.insur_logo_list { gap: 2vw; flex-wrap: wrap; overflow-y: auto; height: 94%; }
.insur_logo_list li { width: 26vw; background: #F7F7F7; border-radius: 8px; text-align: center; }
.insur_logo_list li img { width: 100%; }

.popup { display: none; }
.popup.on { display: block; }
.popup .popup_back { width: 100vw; height: 100vh; background: #000; opacity: 0.1; z-index: 1000; position: fixed; top: 0; left: 0; }
.popup .popup_contents { width: calc(100% - 4.1667vw*2); position: fixed; background: #fff; z-index: 1001; border-radius: 8px 8px 0 0; height: 67vh; bottom: 0; }


.nickname_box3 { width: 32%; border: 1px solid #DCDCDC; border-radius: 10px; padding: 5px; text-align: center; color: #191919; height: 16vw; display: flex; justify-content: center; align-items: center;}
.nickname_box3.on { color: #fff; background: #0B5ACE; opacity: 1; border: 1px solid #0B5ACE;}
.nickname_box3 span { opacity: 0.45; }
.nickname_box3.on span { opacity: 1;}

.new_office_slide { position: relative !important; width: 26% !important; height: 30vw !important; border: 1px solid #E4E4E4; border-radius: 8px; }
.new_office_slide img { height: 16vw; border-radius: 0 0 8px 8px; }

.office_list { flex-wrap: wrap; }
.office_list li { position: relative; width: 49%; background: #fff; border-radius: 5px; padding: 4.1667vw; height: 50vw; }
.office_list .office_cnt { position: absolute; bottom: 2px; right: 8px; }
.office_list .office_one_word { height: 10vw; overflow: hidden; }
.office_list .office_list_area1 { width: 55%; margin-left: 5%; color: #191919; }
.office_list .office_list_area1 .date { opacity: 0.3; }
.office_list .office_list_area2 { position: relative; width: 47%; height: 16vw; color: #0B5ACE; margin: auto; background: #EAEAEA; border-radius: 8px; overflow: hidden; }
.office_list .office_list_area2 img { width: 100%; height: 100%; object-fit: cover; }

.newspaper .reg_selet_box2 select { width: 41%; border: 1px solid #E4E4E4; border-radius: 4px; padding: 10px;}
.newspaper .reg_selet_box2 .search_btn { width: 15%; padding: 10px; border-radius: 5px;}
.newspaper .reg_selet_box2 .search_btn img { width: 50%; }

.office_profile .box { background: #F8F8F8; margin: auto; border-radius: 5px; text-align: center; }
.office_profile .white_box { background: #FFF; color: #606060; border-radius: 5px; }

.red_box { background: #ffe5e5; color: #ff0000; border-radius: 13px; padding: 1vw 3vw; }
.blue_box { background: #e5f2ff; color: #0b5ace; border-radius: 13px; padding: 1vw 3vw; }

.top_tier_slide { position: relative !important; width: 26% !important; height: 27.5vw !important; }
.top_tier_slide img { width: 100%; }
.top_tier_slide .text_area { position: absolute; z-index: 1; font-size: 12px; color: white; background: #00000070; width: 100%; bottom: 0px;  }

.img_del_btn { position: absolute; background: #0B5ACE; color: #fff; padding: 1vw; border-radius: 10px; top: 2px; right: 2px; }

.convention_box { position: absolute; box-shadow: 0px 1px 2px 1px lightgray; width: 33%; background: #FFF; border-radius: 5px; padding: 7px; }
.convention_box.sub1 { top: 3%; left: 5%; }
.convention_box.sub2 { top: 3%; right: 5%; }
.convention_box.sub3 { top: 32%; left: 5%; }
.convention_box.sub4 { top: 35%; left: 42%; }
.convention_box.sub5 { top: 65%; left: 11%; }
.convention_box.sub6 { top: 63%; right: 3%; }
.convention_box .image_box { background: #FFE3E3; height: 8vh; overflow: hidden; }
.convention_box .image_box.no { background: #FFF; height: 8vh; overflow: hidden; }
.convention_box .image_box img { width: 100%; height: 100%; object-fit: cover; }
.convention_box .conv_btn1 { color: #0B5ACE; border: 1px solid #0B5ACE; border-radius: 40px; padding: 3px 0px; }
.convention_box .conv_btn2 { background: #0B5ACE; color: #FFF; border: 1px solid #0B5ACE; border-radius: 40px; padding: 3px 0px; }


.recu_btn_box .btn1 { width: 49%; }
.recu_btn_box .btn2 { width: 49%; }

.lawyer_box { position: relative; border: 1px solid #E4E4E4; border-radius: 8px; padding: 4vw; }
.lawyer_box.on { background: #FBFBFB; }
.lawyer_box .dropdown_btn { background-color: #f7f7f7; border: 0px; font-weight: 900; position: absolute; right: 4vw; top: 4vw; transform: rotate(180deg); background: #FFF; }
.lawyer_box.on .dropdown_btn { transform: rotate(0deg); }
.lawyer_box .dropdown_btn img { width: 4vw; }
.lawyer_box .lawyer_detail { display: none; }
.lawyer_box.on .lawyer_detail { display: block; }

.lawyer_list { list-style: disc; color: #707070; margin-left: 2vw; }
.lawyer_list li { list-style: disc; list-style-position: outside; margin-left: 4vw; }
.lawyer_list.ul_list li { list-style: '- '; list-style-position: outside; margin-left: 4vw; }

.footer_btn { position: fixed; bottom: 0; background: #FFF; width: 100%; padding: 3vw; }
.footer_btn .btn1 { width: 49%; }
.footer_btn .btn2 { width: 49%; }

.item_box { position: relative; border: 1px solid rgba(51, 0, 0, 0.2); border-radius: 8px; padding: 18px; }
.item_box .recommend_icon { position: absolute; top: 19px; right: 18px; width: 30%; }
.item_box .item_km_font { font-size: 5.9vw; }
.item_box .item_price_box { position: absolute; top: 26%; right: 18px; }
.item_box .item_price_box .item_price_font { font-size: 9vw; line-height: 1; }
.item_box .item_price_box .item_discount { background: #CEEFFF; color: #191919; width: 50%; text-align: center; border-radius: 40px; padding: 2px; }

.item_box .item_pay_type .pay_box { width: 49%; background: #F3F3F3; border-radius: 8px; padding: 13px; }
.item_box .item_pay_type .pay_box .pay_price_font { text-align: right; font-size: 6.6vw; }
.item_box .item_pay_type .pay_box .btn1 { font-size: 3.4444vw; padding: 1.0556vw 0; border-radius: 40px; }

.item_popup { display: none; }
.item_popup.on { display: block; }
.item_popup .popup_back { width: 100vw; height: 100vh; background: #000; opacity: 0.1; z-index: 1000; position: fixed; top: 0; left: 0; }
.item_popup .popup_contents { width: calc(100% - 4.1667vw*2); position: fixed; background: #fff; z-index: 1001; border-radius: 8px 8px 0 0; height: 43vh; bottom: 0; }
.item_popup .popup_contents .top { position: relative; }
.item_popup .popup_contents .top .km { font-size: 5.9vw; }
.item_popup .popup_contents .top .price { position: absolute; font-size: 9vw; right: 0px; }
.item_popup .popup_contents .btn1 { border-radius: 40px; }

.item_popup .close {display:inline-block;}
.item_popup .close:after {display: inline-block;content: "\00d7"; font-size:15pt;}

.item_box2 { position: relative; border: 1px solid rgba(51, 0, 0, 0.2); border-radius: 8px; padding: 18px; }
.item_box2 .logo_img { width: 14%; }
.item_box2 .price { font-size: 8.3vw; }




/* 메인 V2 */
.v2.bgb { background: #edf5ff; }
.main .v2.pro{padding: 6.6667vw 0;}
.main .v2.pro h2{padding: 5.5556vw 0 4.1667vw;}
.main .v2.pro h2 img{width: 3.0556vw;}
.main .v2 .se_box { border: 1px solid #a6c1e8; border-radius: 58px; }
.main .v2 .se_box, .cs_FA .Sbar {padding: 2.7778vw 4.1667vw; font-size: 3.8889vw;}
.main .v2 .se_box input, .cs_FA .Sbar input {width: 93%;font-size: 3.3333vw; }
.main .v2 .se_box input::placeholder{color: #bbb;}
.main .v2 .se_box button{}
.main .v2 .se_box button img, .cs_FA .Sbar img {width: 5.2778vw;}
.main .v2.pro ul{flex-wrap: wrap;}
.main .v2.pro li.li1{width: 49%; height: 52.4444vw; margin-bottom: 2%; border: 1.2px solid #81b4ff; border-radius: 8px; display: flex; flex-direction: column; justify-content: start; align-items: center; position: relative; overflow: hidden;}
.main .v2.pro li.li1 .inner{position: initial; top: 50%; left: 50%; transform: translate(0%, 0%); width: 100%; margin-top: 4vw; }
.main .v2.pro .lt{margin-top: 0vw;}
.main .v2.pro .lt .bedge { height: 15px; }
.main .v2.pro .ltl{text-align: center;}
.main .v2.pro .ltl img{width: 26.2778vw; height: 26.2778vw; object-fit: cover; border-radius: 50%;}
.main .v2.pro .ltr{width: 87%; margin-left: 2.9444vw;}
.main .v2.pro .ltr .info_area { justify-content: space-between; align-items: baseline; }
.main .v2.pro .ltr strong{ letter-spacing: 1px; }
.main .v2.pro .ltr h3 .agency { color: #707070; }
.main .v2.pro .lo_i{display: flex; justify-content: start; flex-wrap: wrap; width: 70%; margin-left: 2.9444vw; gap: 5px; }
.main .v2.pro .lo_i span{width: 13%; height: 15px; text-align: center;}
.main .v2.pro .lo_i img{width: 100%; }
.main .v2.pro .lr{text-align: left; margin-left: 2.9444vw; }
.main .v2.pro .lr h4{color: #707070;}
.main .v2.pro .li2{text-align: center; height: 7.3333vw; position: relative;}
.main .v2.pro .li2 img{width: 20.6111vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}