@charset "UTF-8";
@import url(base.css);
/*@import url(../pretendard.css);*/
@import url(../2025-home.css);

@media screen and (max-width: 640px) {

.mo.popup{overflow:hidden;position:fixed;width:100%;height:100%;left:0;}
.mo.popup #header{display:none;}
.mo_hide{display:none !important;}
.bg_white{background:#fff !important;height:auto !important;}

/*spacing*/
.mt24{margin-top:2.4rem !important;}
.mt40{margin-top:4rem !important;}
.mt60{margin-top:6rem !important;}
.mb0{margin-bottom:0rem !important;}
.mb40{margin-bottom:4rem !important;}
.mb60{margin-bottom:6rem !important;}
.pt0{padding-top:0 !important}
.pb0{padding-bottom:0 !important}
/*spacing*/

/*table*/

table{table-layout:fixed;border-collapse:collapse;width:200%;}
caption{font-size:0;height:0;overflow:hidden;}
.info_table{table-layout:fixed;border-top:.1rem solid #595d68;width:100%;}
.info_table th{color:#2a2c31;font-size:1.6rem;font-weight:600;line-height:2.4rem;height:7.2rem;border-bottom:1px solid #d2d6e0;padding:0 1.6rem;text-align:left;}
.info_table td{/*white-space:nowrap;*/color:#595d68;font-size:1.6rem;font-weight:400;line-height:2.4rem;height:7.2rem;border-bottom:1px solid #d2d6e0;padding:1.2rem 1.6rem;text-align:left;word-break: break-all;}
.info_table.type2 colgroup{display:none;}
.info_table.type2 th{width:16rem;}
.info_table.type2 td{width:auto;}
.data_table{border-top:.1rem solid #595d68;}
.data_table th{color:#2a2c31;font-size:16px;font-weight:600;line-height:2.4rem;height:5.4rem;text-align:center;border:1px solid #d2d6e0;border-top:0;}
.data_table th:first-child{border-left:0;}
.data_table th:last-child{border-right:0;}
.data_table td{border:.1rem solid #d2d6e0;color:#595d68;font-size:1.6rem;text-align:left;padding:1.2rem 1.6rem;word-break: break-all;}
.data_table td:first-child{border-left:0;}
.data_table td:last-child{border-right:0;}

/*table*/

/*form*/
.radio{position:relative;display:inline-block;}
.radio input{width:2.4rem;height:2.4rem;font-size:0;position:absolute;left:0;top:0;border:0;z-index:-1;opacity:0;}
.radio input + label{margin:0;color:#2a2c31;font-size:1.6rem;padding-left:3.2rem;line-height:2.4rem;}
.radio input + label:before{content:"";display:block;width:2.4rem;height:2.5rem;background:url('../../images/radio_off.png') no-repeat;background-size:100%;z-index:10;position:absolute;left:0;top:0;}
.radio input:checked + label:before{background:url('../../images/radio_on.png') no-repeat;background-size:100%;}
.radio input:focus-visible + label{outline:auto;}
/*form*/

/*버튼*/
.btn_group{width:100%;text-align:center;}
.btn_group.flex{gap:.8rem;padding:0 2.4rem;}
.btn_group ~ .btn_group{margin-top:6rem;}
.btn_group.flex .btn:first-child{flex:1 1 30%;}
.btn_group.flex .btn:nth-child(2){flex:1 1 30%;}
.btn_group.flex.asy{gap:.8rem;}
.btn_group.flex a{flex:1 1 30%;}
.btn_group.flex.asy .btn:first-child{flex:0 1 10.4rem;}
.btn_group.flex.asy .btn:nth-child(2){flex:1 1 50%;}
.list_btn{width:24rem;line-height:5.6rem;text-align:center;color:#2a2c31;font-size:2rem;background:#dfe4ec;border-radius:8px;display:inline-block;}
.line_btn{font-weight:600;width:18.4rem;line-height:5.6rem;text-align:center;color:#2a2c31;font-size:2rem;border:1px solid #898f9f;background:#fff;border-radius:8px;display:inline-block;}
.primary_btn{font-weight:600;width:18.4rem;line-height:5.6rem;text-align:center;color:#fff;font-size:2rem;background:#ff4c00;border-radius:8px;display:inline-block;}
.gray_btn{font-weight:600;width:18.4rem;line-height:5.6rem;text-align:center;color:#a7adbe;font-size:2rem;background:#dfe4ec;border-radius:8px;display:inline-block;}
.send_btn:before{display:inline-block;content:"";width:2rem;height:2rem;background:url('../../images/send_icon.png') no-repeat;background-size:100%;margin-right:1rem;vertical-align:middle;margin-top:-.4rem;}
#submitLogin.w240,#gotoLoginBtn.w240{flex: 0 1 100% !important;}
/*버튼*/


body.menu_active{height:100vh;overflow:hidden;}

/*header 2025모바일헤드수정*/
.fullgnb{ display:none;}
#header{width:100%;position:relative;height:auto;border:0; padding:0 12px;}
#header .header-inner{display:flex;justify-content:space-between;width:100%;}
#header h1{width:15.3rem;margin:2rem 0 2rem 1.2rem; }
#header h1 img{width:80px;}
#header h1 a{ display:flex;}
#header h1 span{ display:inline-block; margin-left:8px; color:#999; font-size:12px;}
#header.sub{padding:1.3rem 1.6rem;display:flex;justify-content:space-between;}
#header.sub h1{display:none;}
#header.sub .mo_menu{position:relative;right:auto;top:auto;}
#header.sub .history_back,#header.sub .mobile_title{display:block;}
#header nav{width:100%;z-index:10;position:relative;padding:0 !important; height:calc(100% - 276px); overflow-y: scroll;}
#header nav > ul{border-top:1px solid #595d68;}
#header nav ul li{border-bottom:1px solid #dfe4ec;position:relative;}
#header nav ul li > a{font-size:1.8rem;padding-right:0;position:relative;line-height:2.7rem;color:#2a2c31;padding:2.4rem 0;display:block;font-weight:600;}
#header nav ul li:first-child a{padding-top:3.2rem;}
#header nav ul li li{margin-bottom:1.6rem;border:0;}
#header nav ul li li a{font-size:1.6rem;color:#595d68;line-height:24px;font-weight:400;padding:0 !important;}
#header nav ul li li:last-child{margin-bottom:0;}
#header nav > ul > li > a:before{display:block;width:1.6rem;height:1.6rem;content:"";position:absolute;right:3rem;top:50%; transform:rotate(90deg) translate(-50%,-50%); background:url('../../images/right_arrow.png') no-repeat;background-size:100%;}
#header nav > ul > li:first-child a:before{transform:rotate(-0deg) translate(50%,-25%);}
#header nav > ul > li.active a:before{transform:rotate(270deg) translate(50%, 50%); }
#header nav > ul > li.active a + ul{display:block;}
#header nav ul li a:hover{font-weight:bold;}
#header nav ul li ul{display:none;border-top:0;padding-bottom:2.4rem;}
#header .member{margin:5.7rem 0 3.2rem 0;}
.mo_home{display:block;width:2.4rem;height:2.4rem;background:url('../../images/mo_home.png') no-repeat;background-size:100%;text-indent:-999em;font-size:0;margin-bottom:2rem;}
.mo_home a{display:block;width:100%;height:100%;}
.mo_login_txt{color:#595d68;font-size:1.8rem;line-height:2.7rem;}
.mo_login_txt .mo_login_badge{line-height:1.8rem;font-size:1.25rem; display:block; color:#f49926;}
.menu_close{width:24px;height:24px;display:block;position:absolute;right:2.4rem;top:5.7rem;content:"";background:url('../../images/mo_menu_close.png') no-repeat;background-size:100%;border:0;}
.menu_close span{font-size:0;text-indent:-999em;}
#header .member ul{display:flex;margin:0;gap:8px;margin-top:1.6rem;}
#header .member ul li{flex:1 1 40%;}
#header .member ul li:first-child{ display:none}
#header .member ul li a{color:#2a2c31;font-size:1.4rem;line-height:3.6rem;height:3.6rem;position:relative;border:1px solid #d2d6e0;text-align:center;display:flex;border-radius:6px;justify-content:center;align-items:center;}
/* #header .member ul li.member01 a:before{display:block;content:"";width:1.6rem;height:1.6rem;background:url('../../images/member_login.png') no-repeat;background-size:100%;margin-right:.6rem;}
#header .member ul li.member01:after{display:none;} */
/* #header .member ul li.member02 a:before{display:block;content:"";width:1.6rem;height:1.6rem;background:url('../../images/member_join.png') no-repeat;background-size:100%;margin-right:.6rem;} */
#header .member ul li.member03{color:#595d68;font-size:14px;order:2;}
#header .member ul li.member03 a b{color:#2a2c31;font-weight:600;border-bottom:1px solid #2a2c31;}
/* #header .member ul li.member03 a:before{display:block;content:"";width:1.6rem;height:1.6rem;background:url('../../images/member_mypage.png') no-repeat;background-size:100%;margin-right:.6rem;} */
#header .member ul li.member03:after{display:none;}
#header .member ul li.member04{order:1;}
/* #header .member ul li.member04 a:before{display:block;content:"";width:1.6rem;height:1.6rem;background:url('../../images/member_logout.png') no-repeat;background-size:100%;margin-right:.6rem;} */
#header .member ul li.setting_btn{margin-left:0;order:3;display:none;}
#header .member ul li.setting_btn a{width:100%;display:inline-block;vertical-align:middle;border-radius:6px;padding:0 12px;color:#fff;font-size:14px;line-height:32px;background:#2a2c31;}
/* #header .member ul li.setting_btn a:before{display:inline-block;content:"";width:16px;height:16px;margin-right:6px;margin-top:-2px;vertical-align:middle;background:url('../../images/member_setting.png') no-repeat;background-size:100%;} */
#header .member ul li.webview_btn{margin-left:0;order:3; display:none;}
#header .member ul li.webview_btn a{background:#ffc700;border:1px solid #ffc700;}
/* #header .member ul li.webview_btn a:before{display:block;content:"";width:1.6rem;height:1.6rem;background:url('../../images/member_webview.png') no-repeat;background-size:100%;margin-right:.6rem;} */
.mo_menu{width:2.4rem;height:2.4rem;position:absolute;right:2.4rem;top:1.5rem;}
.mo_menu button{border:0;width:100%;background:url('../../images/mo_menu.png') no-repeat;background-size:100%;}
.mo_menu button span{font-size:0;width:1px;text-indent:-999em;}
.menu_group{display:none;width:100%;height:100vh;position:absolute;left:0;top:0;z-index:20;}
.menu_group.active{display:block;}
.menu_group_con{position:absolute;right:0;top:0;z-index:10;width:calc(100% - 4rem);height:100%;padding:0 2.4rem;background:#fff;transition:all .5s;transform:translateX(100%);}
.menu_group_con.active{transform:translateX(0);}
.menu_group:before{display:block;width:100%;height:100%;z-index:5;position:absolute;left:0;top:0;content:"";background:rgba(0,0,0,.5);}
.mobile_title{display:none;font-size:1.6rem;color:#2a2c31;line-height:2.4rem;font-weight:600;text-align:center;}
.history_back{display:none;width:24px;height:24px;background:url('../../images/history_back.png') no-repeat;background-size:100%;}
/*header*/

/* re2025 */
.sub-visualbox{ width:100%; padding:0 2.4rem; text-align:center}
.sub-visualbox h1{ font-size:22px; font-weight: 600}
.sub-visualbox h2{ font-size:15px; line-height:24px; margin-top:16px; font-weight:300; margin-bottom:50px;}

/*footer*/
#footer{border:0;background:#ffffff; padding:0 16px; margin-top:60px;}
#footer .inner{ border-top: 1px solid #dfe4ec; padding:40px 0 20px;}
#footer h2{width:9.5rem; margin-left:10px;}
#footer h2 img{width:100%;mix-blend-mode: luminosity;}
#footer div{position:relative;}
#footer div ul{display:flex;margin-top:1.75rem; flex-wrap:wrap}
#footer div ul li a{color:#595d68;font-size:1.3rem;font-weight:600;line-height:140%;}
#footer div ul li { padding:0 10px; margin:4px 0px;}
#footer div p{ padding:10px 10px 20px; margin-top:0.8rem;color:#999;font-size:1.1rem;font-weight:400;line-height:140%;  letter-spacing:.5px}

#footer div.quick_btn{position:fixed;display:block;right:2.4rem;bottom:3.2rem;width:5.2rem;height:5.2rem;padding:0;z-index:10;transition:all .6s;}
#footer div.quick_btn.active{height:10.4rem;bottom:3.2rem;}
#footer div.quick_btn.active a{display:block;opacity:1;}
#footer div.quick_btn a{display:block;opacity:0;transition:all .6s;}
#footer div.quick_btn a img{width:100%;display:block;}
#footer div.quick_btn .live_talk_open{width:5.2rem;height:5.2rem;background:url('../../images/icon_talk.png') no-repeat;background-size:100%;opacity:1;}
/*#footer div.quick_btn .live_talk_open.active{background:url('../../images/icon_talk_close.png') no-repeat;background-size:100%;}*/
#footer div.quick_btn .live_talk{display:none;width:100%;height:100%;box-shadow:0px 10px 40px 0px rgba(0,0,0,.3);background:#fff;padding:2.4rem 0 0 0;position:fixed;right:0;bottom:0;}
.live_talk .live_talk_title{color:#2a2c31;font-size:2rem;line-height:2rem;padding:1.3rem 2.4rem 1.3rem !important;}
.live_talk .live_talk_con{margin-top:.8rem;padding:0 !important;height:100%;}
#footer div.quick_btn button.live_talk_close{width:24px;height:24px;background:url('../../images/mo_menu_close.png') no-repeat;background-size:100%;position:absolute;right:2.4rem;top:3.6rem;}
/*footer*/

/*container*/
#container{width:100%;overflow:hidden;min-height:calc(100vh - 20.8rem);position:relative;z-index:1;}
#container.sub{margin-top:0;margin-bottom:8rem;}
#container .container{width:100%;padding:0;}




/*마켓플레이스 검색영역*/
#container .container .check_search_box{position:relative;padding:0 2.4rem;overflow-x:scroll;margin:1.6rem 0;}
#container .container .check_search_con{position:relative;}
#container .container .check_search_con:after{z-index:5;background:linear-gradient(270deg, #fff 40%, rgba(255,255,255,0) 75%);width:130px;height:34px;content:"";position:absolute;right:0;top:0;}
#container .container .check_search{display:flex;gap:0.6rem;flex-wrap:wrap;position:static;padding-right:6rem;height:3.4rem;overflow:hidden;box-sizing: border-box;z-index:1;}
#container .container .check_search.active{height:auto;}
#container .container .check_search div{position:relative;flex:0 1 auto;z-index:1;}
#container .container .check_search input{width:1px;height:0;position:absolute;left:0;top:0;z-index:-1;}
#container .container .check_search input + label{margin:0;color:#42454d;font-size:1.4rem;line-height:3.2rem;display:block;padding:0 1.2rem;border:1px solid #d2d6e0;background:#fff;border-radius:.6rem;cursor:pointer;}
#container .container .check_search input:checked + label{color:#fff;background:#ff4c00;}
#container .container .check_search input:focus-visible + label{outline:2px solid #000;}
#container .container .check_search_btn{position:absolute;right:2.4rem;top:0;z-index:6;background:#fff;width:32px;height:32px;border:0;cursor:pointer;border:1px solid #d2d6e0;border-radius:6px;}
#container .container .check_search_btn:after{display:block;width:100%;height:100%;content:"";position:absolute;left:0;top:0;background:url('../../images/bottom_arrow.png') no-repeat center;background-size:60%;transition:all .5s;}
#container .container .check_search_btn span{font-size:0;width:1px;text-indent:-999em;}
#container .container .check_search_box.active + .check_search_btn:after{transform:rotate(180deg);}

/*마켓플레이스 검색바*/
#container .container .home_searchBar{position:relative;padding:0 2.4rem;}
#container .container .sub_con .home_searchBar{padding:0;}
#container .container .sub_con .home_searchBar button{right:2rem;}
#container .container .home_searchBar button{position:absolute;right:4rem;top:50%;margin-top:-1.4rem;width:2.8rem;height:2.8rem;background:url('../../images/main_search_btn.png') no-repeat;background-size:100%;cursor:pointer;border:0;}
#container .container .home_searchBar button span{font-size:0;width:1px;height:0;visibility:hidden;}
#container .container .home_searchBar input{width:100%;height:4.8rem;line-height:4.8rem;padding:0 2rem;color:#000;font-size:1.6rem;border-radius:6px;border:1px solid #d2d6e0;background:#fff;}
#container .container .home_searchBar input::placeholder{color:#898f9f;font-size:1.6rem;}
#container .container .home_searchBar input:focus{border:1px solid #2a2c31;background:#fff;}
/*마켓플레이스 검색영역*/

/*마켓플레이스 롤링배너*/
#container .market_banner{width:100%;height:36.2rem;padding-top:0;box-sizing:border-box;background: linear-gradient(0deg, #fefafa 0%, #fefafa 100%), #fcfafe;}
#container .market_banner .market-wrapper{width:100%;margin:0 auto;height:36.2rem;position:relative;}
#container .market_banner .market-wrapper > div{width:100%;height:100%;padding:4rem 4rem 0;position:absolute;left:0;top:0;cursor:pointer;margin-bottom:0;z-index:1;opacity:0;transition:all .7s;}
/*#container .market_banner .market-wrapper > div:after{display:block;position:absolute;content:"";}*/
#container .market_banner .market-wrapper > div .market-swiper-img{display:block;position:absolute;content:"";opacity:1;width:16.6rem;right:2rem;bottom:0;/*transition:all .8s;*/}
#container .market_banner .market-wrapper > div .market-swiper-img img{width:100%;display:block;}
#container .market_banner .market-wrapper > div.active{z-index:10;display:block;opacity:1;}
/*#container .market_banner .market-wrapper > div.home_swiper01:after{width:16.6rem;height:16.4rem;right:2rem;bottom:0;background:url('../../images/home_swiper01.png') no-repeat;background-size:100%;}
#container .market_banner .market-wrapper > div.home_swiper02:after{width:16.6rem;height:16.4rem;right:2rem;bottom:0;background:url('../../images/home_swiper02.png') no-repeat;background-size:100%;}
#container .market_banner .market-wrapper > div.home_swiper03:after{width:16.6rem;height:16.4rem;right:2rem;bottom:0;background:url('../../images/home_swiper03.png') no-repeat;background-size:100%;}*/
#container .market_banner .market-wrapper > div .con_title{color:#000;font-size:3.2rem;line-height:4rem;font-weight:400;margin-bottom:1.6rem;}
#container .market_banner .market-wrapper > div .con_title .title_num{display:block;color:#2a2c31;font-size:1.3rem;line-height:100%;font-weight:400;margin-right:0;vertical-align:top;margin-bottom:.8rem;}
/*#container .market_banner .market-wrapper > div .con_title .title_num:after{display:inline-block;content:"/ 03";color:#a7afbe;margin-left:5px;}*/
#container .market_banner .market-wrapper > div .con_title .title_num .max_num{display:inline-block;color:#a7afbe;margin-left:5px;}
#container .market_banner .market-wrapper > div .con_title span.orange{color:#ff5c00;}
#container .market_banner .market-wrapper > div p{color:#000;font-size:1.6rem;line-height:2.4rem;font-weight:300;margin-bottom:2.4rem;margin-left:0;}
#container .market_banner .market-wrapper > div a{color:#595d68;font-size:1.4rem;line-height:2.8rem;display:inline-block;margin-left:0;}
#container .market_banner .market-wrapper > div a:after{display:inline-block;content:"";width:1.6rem;height:1.6rem;background:url('../../images/right_arrow.png') no-repeat;background-size:100%;vertical-align:middle;margin-top:-2px;}
/*마켓플레이스 롤링배너*/

/*검색결과*/
.result_area{margin-top:4rem;}
.result_area dl dt{margin-bottom:8px;color:#ff4c00;font-size:2rem;text-align:center;line-height:3rem;}
.result_area dl dd{color:#595d68;font-size:1.8rem;text-align:center;line-height:2.7rem;}
.result_area dl dd span{color:#ff4c00;}
/*검색결과*/

/*마켓플레이스 결과리스트*/
.market_result .result_info{display:flex;justify-content:space-between;align-items:center;margin:4rem 2.4rem .8rem;}
.market_result .result_info .result_count{font-size:1.4rem;color:#595d68;line-height:2.1rem;letter-spacing:-.16px;}
.market_result .result_info .result_count span{font-weight:600;color:#2a2c31;}
.market_result .result_info .result_option{display:flex;align-items:center;}
.market_result .result_info .result_option select{width:6.5rem;height:2.1rem;border:0;font-size:1.4rem;}
.market_result .result_info .result_option select option{font-size:1.4rem;}
.market_result .result_info .result_option .result_type{margin-left:32px;display:none;}

.market_result .result_list{display:flex;gap:1.6rem;flex-wrap:wrap;margin:0 2.4rem;}
.market_result .result_list > div{border:1px solid #d2d6e0;background:#fff;border-radius:12px;padding:2.4rem;flex:0 1 100%;}
.market_result .result_list dl dt{margin-bottom:1.6rem;}
.market_result .result_list dl dt .img{width:4.2rem;height:4.2rem;margin-bottom:1.2rem;border:1px solid #d2d6e0;border-radius:8px;overflow:hidden;}
.market_result .result_list dl dt .img img{width:100%;height:100%;display:block;}
.market_result .result_list dl dt span{color:#2a2c31;font-size:1.5rem;font-weight:400;line-height:2.2rem;letter-spacing:-.4px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:24rem;}
.market_result .result_list dl dt span.title{color:#2a2c31;font-size:2rem;line-height:3rem;font-weight:600;margin-bottom:.4rem;display:block;}
.market_result .result_list dl dd{overflow:hidden;}
.market_result .result_list dl dd .result_text{margin-bottom:1.6rem;overflow:hidden;width:100%;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.market_result .result_list dl dd .result_text br{display:none;}
.market_result .result_list dl dd .result_text u{text-decoration:none;background:none;}
.market_result .result_list dl dd p{color:#595d68;font-size:1.4rem;line-height:2.1rem;letter-spacing:-.16px;/*margin-bottom:1.6rem;*/}
.market_result .result_list dl dd span{background:#f4f7fb;border-radius:100px;padding:0 1.4rem;line-height:2.6rem;color:#2a2c31;font-size:1.2rem;letter-spacing:-.14px;}
.market_result .result_list dl dd .tags{display:flex;gap:.6rem;flex-wrap: wrap;}
.market_result .result_list dl dd .tags span:hover{background:#dfe4ec;}
.market_result .result_more{padding:1.4rem 0;margin:1.6rem 0 6rem;text-align:center;}
.market_result .result_more button{color:#42454d;font-size:1.6rem;height:1.6rem;border:0;background:none;}
.market_result .result_more button:after{display:inline-block;content:"";width:2rem;height:2rem;margin-left:.8rem;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;vertical-align:middle;margin-top:-2px;}
/*마켓플레이스 결과리스트*/

/*마켓플레이스 상세*/
.market_view{width:100%;padding:0 2.4rem;margin-top:1.8rem;}
.market_view .view_title{/*display:flex;*/padding-bottom:4rem;border-bottom:1px solid #d2d6e0;}
.market_view .view_title img{width:5.2rem;flex:1 1 5.2rem;height:5.2rem;margin-bottom:1.2rem;margin-right:1.6rem;/*float:left;*/border:1px solid #d2d6e0;border-radius:11px;}
.market_view .view_title dl{width:100%;flex: 0 1 40%;}
.market_view .view_title dl dt{color:#2a2c31;font-size:2.4rem;font-weight:600;line-height:3.6rem;margin-bottom:.4rem;position:relative;/*padding-right:4rem;*/}
.market_view .view_title dl dt .share_group{display:block;width:4rem;height:4rem;position:absolute;right:0;top:-6rem;}
.market_view .view_title dl dt a img{display:block;width:4rem;height:4rem;border:0;}
.market_view .view_title dl dt .share_group > a{z-index:10;position:relative;}
.market_view .view_title dl dt .share_group div{width:4rem;border-radius:100px;border:1px solid #595d68;position:absolute;left:0;top:0;padding:5rem .5rem 0;z-index:1;background:#fff;display:none;}
.market_view .view_title dl dt .share_group div.active{display:block;}
.market_view .view_title dl dt .share_group div a{display:block;width:100%;margin-bottom:1.4rem;}
.market_view .view_title dl dt .share_group div a img{width:100%;height:100%;margin-bottom:0;margin-right:0;float:none;}
.mo_subTxt{color:#666a77;font-size:1.6rem;line-height:2.4rem;display:none;}
.market_view .view_title dl dd:before{display:block;content:"";clear:both;}
.market_view .view_title dl dd p{color:#2a2c31;font-size:2rem;line-height:3rem;font-weight:400;margin-bottom:2.4rem;}
.market_view .view_title dl dd div{display:flex;gap:2.4rem .8rem;flex-wrap:wrap-reverse;/*margin-top:1.6rem;*/}
.market_view .view_title dl dd div a{flex:1 1 27%;}
.market_view .view_title dl dd div a:after{display:inline-block;height:2,4rem;}
.market_view .view_title dl dd div .share01{width:auto;height:auto;}
.market_view .view_title dl dd div .share01 img{display:none;}
.market_view .view_title dl dd div .share01:after{content:"웹사이트";padding-left:2.8rem;color:#2a2c31;font-size:1.4rem;line-height:2.1rem;background:url('../../images/share_icon01_m.png') no-repeat 0 center;background-size:2rem;}
.market_view .view_title dl dd div .share02{width:auto;height:auto;}
.market_view .view_title dl dd div .share02 img{display:none;}
.market_view .view_title dl dd div .share02:after{content:"구글플레이";padding-left:2.8rem;color:#2a2c31;font-size:1.4rem;line-height:2.1rem;background:url('../../images/share_icon02_m.png') no-repeat 0 center;background-size:2rem;}
.market_view .view_title dl dd div .share03{width:auto;height:auto;}
.market_view .view_title dl dd div .share03 img{display:none;}
.market_view .view_title dl dd div .share03:after{content:"앱스토어";padding-left:2.8rem;color:#2a2c31;font-size:1.4rem;line-height:2.1rem;background:url('../../images/share_icon03_m.png') no-repeat 0 center;background-size:2rem;}
.market_view .view_title dl dd div div{gap:2.4rem;width:100%;flex-wrap:wrap;}
.market_view .view_title dl dd div button{flex:1 1 100%;border:0;color:#fff;font-size:20px;font-weight:600;line-height:20px;height:56px;text-align:center;background:#ff4c00;padding:0 30px;border-radius:8px;width:260px;box-sizing:border-box;}
.market_view .view_title dl dd div button:before{display:inline-block;width:20px;height:20px;background:url('../../images/cs_icon.png') no-repeat;background-size:100%;content:"";margin-right:10px;vertical-align:middle;margin-top:-2px;}
.market_view .view_title dl dd div div a{display:block;width:3.2rem;height:3.2rem;}
.market_view .view_title dl dd div div img{display:block;width:100%;height:100%;border:0;}
.market_view .view_con{padding:4rem 0;}
.market_view .view_con h3{color:#2a2c31;font-size:2rem;line-height:3.6rem;font-weight:600;margin-bottom:.8rem;}
.market_view .view_con h4{color:#2a2c31;font-size:1.8rem;line-height:2.7rem;font-weight:600;margin-bottom:1.6rem;}
.market_view .view_con .tag{display:flex;gap:.6rem;margin-bottom:2.4rem;}
.market_view .view_con .tag span{display:block;padding:0 14px;color:#595d68;font-size:1.4rem;line-height:2.6rem;background:#f4f7fb;border-radius:100px;}
.market_view .view_con .tag button{display:block;padding:0 14px;color:#595d68;font-size:1.4rem;line-height:2.6rem;background:#f4f7fb;border-radius:100px;}
.market_view .view_con .tag button:hover{background:#dfe4ec;}
.market_view .view_con .view_p{white-space:pre-line;color:#595d68;font-size:1.6rem;line-height:2.4rem;letter-spacing:-.16px;}
.market_view .view_con .con_foot{border-top:1px solid #d2d6e0;padding-top:4rem;margin-top:4rem;}
.market_view .view_con .con_foot dl dt{color:#6c717e;font-size:1.8rem;font-weight:600;line-height:3rem;margin-bottom:.8rem;}
.market_view .view_con .con_foot dl dd p{color:#595d68;font-size:1.6rem;line-height:2.4rem;margin-bottom:1.6rem;}
.market_view .view_con .con_foot dl dd .sns_link{display:flex;gap:.8rem;}
.market_view .view_con .con_foot dl dd .sns_link a{width:3.2rem;display:block;}
.market_view .view_con .con_foot dl dd .sns_link img{width:100%;display:block;}
.market_view .view_swiper{position:relative;width:100vw;margin-left:-2.4rem;}
.market_view .view_swiper .view_swiper_con .mySwiper{width:22.7rem;}
.market_view .view_swiper .swiper{overflow:visible;margin:0 2.4rem;}
.market_view .view_swiper .swiper-slide{border-radius:8px;overflow:hidden;border: 1px solid #d2d6e0;height:40.2rem;display:flex;align-items:center;}
.market_view .view_swiper .swiper-slide img{height:40.2rem;}
#player{background:rgba(0,0,0,.2);position:relative;}
#player img{height:auto;}
#player a:before{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);content:"";display:block;}
#player a:after{position:absolute;left:50%;top:50%;margin:-2.3rem 0 0 -2.3rem;width:4.6rem;height:4.6rem;background:url('../../images/play_btn.png') no-repeat;background-size:100%;content:"";display:block;}
#player a{position:static;}

.market_view .view_swiper .swiper-button-next{position:absolute;right:-56px;top:50%;margin-top:-16px;width:32px;height:32px;background:url('../../images/swiper_arrow_on.png') no-repeat;background-size:100%;}
.market_view .view_swiper .swiper-button-prev{position:absolute;left:-56px;top:50%;margin-top:-16px;width:32px;height:32px;background:url('../../images/swiper_arrow_on.png') no-repeat;background-size:100%;transform:rotate(180deg);}
.market_view .view_swiper .swiper-button-next.swiper-button-disabled{background:url('../../images/swiper_arrow_off.png') no-repeat;background-size:100%;}
.market_view .view_swiper .swiper-button-prev.swiper-button-disabled{background:url('../../images/swiper_arrow_off.png') no-repeat;background-size:100%;transform:rotate(180deg);}


.light_box{position:fixed;left:0;top:0;background:rgba(0,0,0,.7);width:100%;height:100%;z-index:10;display:none;z-index:11;}
.light_box .light_box_swiper{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.light_box .light_box_swiper .mySwiper2{width:70%;margin:0 auto;}
.light_box .light_box_swiper .mySwiper2 img{width:100% !important;}
.light_box .light_box_swiper .swiper-wrapper{display:flex;align-items:center;}
.light_box .light_box_swiper .swiper-slide{border-radius:8px;overflow:hidden;height:100%;}
.light_box .light_box_swiper .swiper-slide iframe{height:60vw;width:100%;}
.light_box .light_close{width:3.2rem;height:3.2rem;background:url('../../images/light_close.png') no-repeat;background-size:100%;cursor:pointer;position:absolute;right:1.6rem;top:-5.8rem;border:0;}
.light_box .light_close span{font-size:0;width:1px;text-indent:-999em;}
.light_box .swiper-button-next{display:none;position:absolute;right:-24px;top:50%;margin-top:-16px;width:48px;height:48px;background:url('../../images/swiper_arrow_on.png') no-repeat;background-size:100%;}
.light_box .swiper-button-prev{display:none;position:absolute;left:-24px;top:50%;margin-top:-16px;width:48px;height:48px;background:url('../../images/swiper_arrow_on.png') no-repeat;background-size:100%;transform:rotate(180deg);}
.light_box .swiper-button-next:after,.light_box .swiper-button-prev:after{display:none;}
.light_box .swiper-pagination{bottom:-2.6rem !important;}
.light_box .swiper-pagination .swiper-pagination-bullet{width:1rem;height:1rem;background:#fff;border-radius:10px;opacity:1;}
.light_box .swiper-pagination .swiper-pagination-bullet-active{width:2rem;background:#ff4c00;}
/*마켓플레이스 상세*/

/*lnb*/
.lnb{display:block;width:100%;border-bottom:1px solid #d2d6e0;}
.lnb h3{display:none;}
.lnb ul{width:100%;padding:0 2.4rem;display:none;}
.lnb ul li{padding:.8rem 0;display:flex;justify-content:space-between;display:none;}
.lnb ul li.on{display:flex;justify-content:space-between;align-items:center;}
.lnb ul li.on button,.lnb ul li.on a{display:none;}
.lnb ul li.on ul,.lnb ul li.on .active{display:block;}
.lnb ul li:after{width:2rem;height:2rem;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;content:"";display:block;}
.lnb ul li > button{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;background:none;border:0;}
.lnb ul li > a{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;}
.lnb ul li ul{display:none;padding:0;flex:0 1 80%;}
.lnb ul li ul li{display:none;}
.lnb ul li ul li:has(.active){display:block;}
.lnb ul li ul li:after{display:none;}

.bottom_sheet{position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:1000;display:none;}
.bottom_sheet.active{display:block;}
.bottom_sheet:after{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);content:"";}
.mo_lnb_pop{position:absolute;left:0;bottom:0;width:100%;background:#fff;border-radius:16px 16px 0 0;padding:2.4rem 2.4rem 4rem;z-index:10;}
.mo_lnb_pop .pop_title{font-size:1.8rem;color:#2a2c31;line-height:2.7rem;margin-bottom:2.4rem;position:relative;}
.pop_close{position:absolute;right:0;top:0;width:2.4rem;height:2.4rem;background:url('../../images/mo_menu_close.png') no-repeat;background-size:100%;}

.dep_1{margin-bottom:.8rem;margin-top:1.6rem;position:relative;}
.dep_1 > button{border:0;background:none;width:100%;color:#2a2c31;font-size:1.6rem;line-height:2.4rem;height:4.8rem;border-radius:6px;border:1px solid #d2d6e0;padding:0 1rem 0 1.6rem;position:relative;display:flex;justify-content:space-between;align-items:center;}
.dep_2 > button span{display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2rem;}
.dep_1 > button.active{border-radius:6px 6px 0 0;}
.dep_1 > button:after{width:2rem;height:2rem;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;content:"";display:block;}
.dep_1 ul{border:1px solid #d2d6e0;border-top:0;border-radius:0 0 6px 6px;padding-bottom:1rem;display:none;position:absolute;left:0;top:4.8rem;z-index:10;width:100%;background:#fff;}
.dep_1 ul li button{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;padding:.9rem 1.6rem;background:none;border:0;text-align:left;}
.dep_2 > button{border:0;background:none;width:100%;color:#2a2c31;font-size:1.6rem;line-height:2.4rem;height:4.8rem;border-radius:6px;border:1px solid #2a2c31;padding:0 1rem 0 1.6rem;position:relative;display:flex;justify-content:space-between;align-items:center;}
.dep_2 > button span{display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2rem;flex:0 1 90%;}
.dep_2 > button.active{border-radius:6px 6px 0 0;}
.dep_2 > button:after{width:2rem;height:2rem;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;content:"";display:block;flex: 0 1 2rem;}
.dep_2 ul{border:1px solid #2a2c31;border-top:0;border-radius:0 0 6px 6px;padding-bottom:1rem;display:none;}
.dep_2 ul li button{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;padding:.9rem 1.6rem;background:none;border:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}

/*lnb*/
.container.flex{display:block;}

/**/
.sub_con{width:100%;padding:0 2.4rem;}
#container .container .sub_con .mo_blue_box .home_searchBar{margin:0 0 1.6rem;}
#container .container .sub_con .mo_blue_box .home_searchBar input{background:#fff;border:1px solid #d2d6e0;}
#container .container .sub_con .mo_blue_box .title_box{background:#f4f7fb;padding:3.2rem 2.4rem;margin-bottom:0;width:100vw;margin-left:-2.4rem;border-radius:0;border:0;position:relative;}
#container .container .sub_con .mo_blue_box .title_box .btn_group{gap:.8rem;margin-top:8rem;padding:0;}
#container .container .sub_con .mo_blue_box .title_box .btn{flex:1 1 40%;font-size:1.8rem;line-height:4.8rem;}
#container .container .sub_con .mo_blue_box .title_box h3{color:#2a2c31;font-size:2.4rem;line-height:3.6rem;font-weight:600;margin-bottom:0;}
#container .container .sub_con .mo_blue_box .title_box p{color:#595d68;font-size:1.6rem;line-height:2.7rem;margin-bottom:.8rem;display:inline-flex;align-items:center;}
#container .container .sub_con .mo_blue_box .title_box .download_group{position:absolute;left:2.4rem;bottom:12rem;margin-bottom:0;}
#container .container .sub_con .mo_blue_box .title_box .download_group .download{position:relative;right:auto;bottom:auto;top:auto;margin-right:.8rem;margin-bottom:0;}
/*#container .container .sub_con .mo_blue_box .title_box .download{position:absolute;left:2.4rem;bottom:12rem;margin-bottom:0;}*/
#container .container .sub_con .mo_blue_box .title_box .fill{background:#fff;} 

.mo_table_scroll{width:100%;overflow-x:scroll;}
.mo_table_scroll .data_table{width:900px !important;}

.sub_con{flex:0 1 840px;position:relative;}
.sub_con h3{color:#2a2c31;font-size:2rem;line-height:3rem;font-weight:600;}
.sub_con .right_map{position:relative;top:0;right:0;margin-right:0;margin:4rem 0 2.4rem;}
.sub_con .right_map .right_list_btn{display:none;}
.sub_con .right_map .right_list_btn{color:#2a2c31;font-size:15px;line-height:22px;padding:5px 16px 5px 38px;background:url('../../images/list_type02.png') no-repeat center 10px #fff;background-size:20px;border:1px solid #d2d6e0;border-radius:6px;}
.sub_con .right_map ul{display:flex;}
.sub_con .right_map ul li{margin-bottom:0;flex:0 1 33.3%;}
.sub_con .right_map ul li:last-child{margin-bottom:0;}
.sub_con .right_map ul li a{color:#898f9f;font-size:1.5rem;line-height:2.2rem;}
.sub_con .right_map ul li a.active{color:#ff4c00;text-decoration:underline;}
.sub_con .right_map ul li a:before{display:inline-block;width:7px;height:10px;background:url('../../images/point.png') no-repeat;background-size:100%;content:"";margin-right:8px;vertical-align:middle;margin-top:-6px;}
.sub_con .right_map ul li a.active:before{background:url('../../images/point_on.png') no-repeat;background-size:100%;content:"";}
.sub_con .title_box{border:1px solid #d2d6e0;border-radius:8px;padding:40px;margin-bottom:60px;}
.sub_con .title_box h3{color:#2a2c31;font-size:32px;line-height:48px;margin-bottom:40px;}
.sub_con .title_box p{color:#595d68;font-size:18px;line-height:27px;margin-bottom:8px;}
.sub_con .section + .section{margin-top:60px;}
.sub_con .section_title{color:#2a2c31;font-size:2rem;font-weight:600;line-height:3rem;margin-bottom:1.6rem;}
.sub_con .subtitle{color:#2a2c31;font-size:1.8rem;font-weight:600;line-height:2.7rem;margin-bottom:1.6rem;}
.sub_con .section .section_title + div .subtitle{margin-top:24px;}
.sub_con .section .dot_title{color:#2a2c31;font-size:1.6rem;font-weight:600;line-height:2.4rem;padding-left:10px;margin-bottom:1.6rem;position:relative;}
.sub_con .section .dot_title:before{display:inline-block;content:"";width:4px;height:4px;border-radius:4px;background:#2a2c31;position:absolute;left:0;top:50%;margin-top:-2px;}
.sub_con .section dd + .dot_title{margin-top:40px;}
.sub_con .section dd textarea{width:100%;height:14rem;resize:none;border-radius:4px;padding:8px 4px 4px 8px;border:1px solid #595d68;}

.result_info{display:flex;justify-content:space-between;align-items:center;margin:3.2rem 0 .8rem;}
.result_info .result_count{font-size:1.4rem;color:#595d68;line-height:2.1rem;letter-spacing:-.16px;}
.result_info .result_count span{font-weight:600;color:#2a2c31;}

.response_con .response_btn{text-align:right;margin-bottom:16px;}
.response_con .response_btn a{color:#2a2c31;font-size:16px;line-height:24px;}
.response_con .response_btn a:after{display:inline-block;width:2.8rem;height:2.8rem;background:url('../../images/close_icon.png') no-repeat;background-size:100%;content:"";margin-left:8px;vertical-align:middle;margin-top:-2px;}
.response_con .response_code{background:#f4f7fb;padding:4rem 2.4rem;border-top:1px solid #d2d6e0;border-bottom:1px solid #d2d6e0;}
.response_con pre{white-space:pre-line;display:block;color:#fff;font-size:1.6rem;line-height:2.4rem;background:#42454d;padding:2.4rem;border-radius:4px;margin-top:1.6rem;overflow:scroll;letter-spacing:-.16px;}
.response_con p{color:#2a2c31;font-size:2rem;font-weight:600;line-height:3rem;}
.response_con pre + p{margin-top:40px;}
.sample_code_con{margin-bottom:4.3rem;}
.sample_code_con pre{white-space:pre;display:block;color:#fff;font-size:1.6rem;line-height:2.4rem;background:#42454d;padding:2.4rem;border-radius:4px;margin-top:.8rem;overflow:scroll;letter-spacing:-.16px;height:19.2rem;}
.sample_code_select{border:1px solid #d2d6e0;border-radius:6px;padding:0 10px 0 16px;display:flex;flex-wrap:wrap;height:4.8rem;align-items:center;justify-content:space-between;width:100%;}
.sample_code_select:after{display:block;content:"";width:20px;height:20px;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;}
.sample_code_select.active{border-radius:6px 6px 0 0;border:1px solid #2a2c31;}
.sample_code_select span{color:#2a2c31;font-size:16px;line-height:24px;flex:0 1 90%;text-align:left;}
.sample_code_select + ul{position:absolute;left:0;top:4.8rem;width:100%;padding:0 1rem;border:1px solid #2a2c31;border-top:0;border-radius:0 0 6px 6px;padding-bottom:1rem;background:#fff;display:none;}
.sample_code_select + ul li button{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;padding:.9rem 1.6rem;background:none;border:0;text-align:left;}
.sample_code_select.active + ul{display:block;}
.sample_code_select_box{position:relative;z-index:2;}
.sample_code{position:relative;z-index:1;}
.sample_code_con ul li button{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;padding:.9rem 1.6rem;background:none;border:0;text-align:left;}

/*api리스트*/
.api_list ul{border-top:1px solid #2a2c31;}
.api_list ul li{border-bottom:1px solid #d2d6e0;  position:relative;}
.api_list ul li .view_box{position:absolute;left:4px;top:50%; width:60px; height:60px; transform: translateY(-50%);}
.api_list ul li .view_box img{width:100%; border-radius:8px; cursor:pointer;}
.api_list ul li .view_box.hasThumb::after{content:''; width:24px; height:24px; position:absolute; background:#fff url('../../images/2025/2025icon-view.png') no-repeat center;background-size:14px; border-radius:50%; box-shadow:0 0 6px rgba(0,0,0,.5); left:47px; top:28px}
.api_list ul li:last-child{margin-bottom:0;}
.api_list ul li a{display:block;padding:2rem 0 1.6rem;}
.api_list ul li a .api_list_title{color:#2a2c31;font-size:1.8rem;font-weight:400;line-height:2.7rem;}
.api_list ul li a .api_list_subtitle{margin-bottom:.4rem;color:#595d68;font-size:1.5rem;line-height:2.2rem;}
.api_list ul li a .api_list_subtitle .orange{color:#ff4c00;}
.api_list ul li a .api_list_subtitle .badge{color:#0086ff;font-size:14px;line-height:22px;padding:0 8px;border:1px solid #d2d6e0;border-radius:4px;display:inline-block;margin-left:8px;}
.api_list ul li a .api_list_subtitle .badge.fill{color:#0086ff;font-size:14px;line-height:22px;padding:0 8px;border:0;background:#f4f7fb;border-radius:100px;display:inline-block;margin-left:8px;}
.api_list.has_thumbnail ul li{padding-left:80px;}
.download{padding:.5rem 3.4rem .5rem 1.6rem;border-radius:6px;border:1px solid #d2d6e0;background:#fff;position:relative;margin-bottom:2rem;}
.download + .download{margin-left:.8rem;}
.download:hover{background:#f4f7fb;}
.download:after{display:block;width:1.6rem;height:1.6rem;content:"";position:absolute;right:1rem;top:.8rem;background:url('../../images/download_icon.png') no-repeat;background-size:100%;}
.download span{color:#2a2c31;font-size:1.5rem;line-height:2.2rem;}

.api_test{padding-top:1.6rem;}
.api_test h4{color:#2a2c31;font-size:1.8rem;line-height:2.7rem;font-weight:600;margin-bottom:1.6rem;}
.api_test h4 + .info_table{margin-top:0;}
.api_test h4 ~ .info_table.type2 colgroup col:first-child{width:45%;}
.api_test .api_test_area{margin-top:1.6rem;border:1px solid #898f9f;border-radius:8px;padding:3.2rem;}
.api_test .api_test_area h4{color:#2a2c31;font-size:1.8rem;line-height:2.7rem;text-align:center;font-weight:400;margin-bottom:2.4rem;}
.api_test .response_con .response_code{border:0;background:0;padding:0;margin-bottom:5.5rem;}
.api_test .response_con .response_code + .response_code pre{margin-top:0;}
.api_test .response_con.mt60{margin-top:4rem !important;}
.api_test .info_table{margin-top:4rem;}
.api_test .info_table td{padding:1.6rem;}
.api_test .info_table td .flex{flex-wrap:wrap;gap:.8rem;}
.api_test .info_table td .flex > div:nth-child(1){flex:0 1 }
.api_test .info_table td textarea{width:100%;border-radius:6px;padding:1.6rem;height:15.2rem;}
.api_test .info_table.type2{border-top:1px solid #d2d6e0;}
.api_test .info_table.type2 colgroup col:first-child{width:9rem;}
.api_test .info_table.type2 th{border-right:1px solid #d2d6e0;}
.api_test .info_table.type2 input{width:100%;border:1px solid #d2d6e0;height:4.8rem;padding:0 1.6rem;color:#2a2c31;font-size:1.6rem;border-radius:6px;}
.api_test .info_table.type2 input:focus{border:1px solid #2a2c31;}
.socket_form1{flex:1 1 100% !important;display:flex;align-items:center;}
.socket_form1 input{width:80px;margin-left:16px;border:1px solid #d2d6e0;height:4.8rem;padding:0 1.6rem;color:#2a2c31;font-size:1.6rem;border-radius:6px;}
.socket_form2{flex:1 1 100% !important;display:flex;align-items:center;}
.socket_form2 input{width:596px;margin-left:16px;border:1px solid #d2d6e0;height:4.8rem;padding:0 1.6rem;color:#2a2c31;font-size:1.6rem;border-radius:6px;}
.api_test .line_btn{flex:1 1 40% !important;line-height:3.8rem;color:#2a2c31;font-size:1.6rem;padding:0 1.6rem;width:auto;}
.api_test .btn_group.flex{gap:.8rem;flex-wrap:nowrap;padding:0;}

.paging{display:flex;justify-content:center;margin-top:40px;}
.paging ul{display:flex;gap:8px;margin:0 16px;}
.paging ul li{flex:0 1 28px;}
.paging ul li a{color:#595d68;font-size:15px;line-height:28px;display:block;width:28px;}
.paging ul li a.active{color:#ff4c00;text-decoration:underline;}
.paging .first a{display:block;width:28px;height:28px;background:url('../../images/paging_first.png') no-repeat;background-size:100%;}
.paging .first span{font-size:0;text-indent:-999em;}
.paging .last a{display:block;width:28px;height:28px;background:url('../../images/paging_last.png') no-repeat;background-size:100%;}
.paging .last span{font-size:0;text-indent:-999em;}
.paging .prev a{display:block;width:28px;height:28px;background:url('../../images/paging_prev.png') no-repeat;background-size:100%;}
.paging .prev span{font-size:0;text-indent:-999em;}
.paging .next a{display:block;width:28px;height:28px;background:url('../../images/paging_next.png') no-repeat;background-size:100%;}
.paging .next span{font-size:0;text-indent:-999em;}

/*로그인*/
#container.sub.member_con{margin:0;}
#container.sub.member_con .container{width:100%;padding:3.2rem 0 10.5rem;min-height:calc(100vh - 20.786rem);}
.login_box{width:100%;min-height:29.4rem;padding:0;margin:0 auto;text-align:center;}
.login_box h3{text-indent:-999em;width:20.9rem;height:4.1rem;margin:0 auto;background:url('../../images/h1-logo.png') no-repeat;background-size:100%;}
.login_box p{color:#2a2c31;font-size:1.8rem;text-align:left;margin-top:0;padding:0 2.4rem}
.login_box p.dot_guide{width:100%;text-align:left;color:#595d68;font-size:1.8rem;line-height:2.7rem;position:relative;margin:0 auto;padding:0 2.4rem 0 3.5rem;word-break:break-all;}
.login_box p.dot_guide:before{display:block;content:"";background:#595d68;width:3px;height:3px;border-radius:3px;position:absolute;left:2.4rem;top:1.2rem;}
.login_box p.dot_guide + p.dot_guide{margin-top:.8rem;}
.login_box p + .form_box{margin-top:2.4rem;}
.login_box .form_box{width:calc(100% - 4.8rem);margin:3.2rem 2.4rem 2rem ;}
.login_box .form_box.find{margin-bottom:2.4rem;}
.login_box .form_box div{position:relative;}
.login_box .form_box div label{color:#2a2c31;font-size:1.6rem;transition:all .5s;position:absolute;left:1.7rem;top:1.6rem; color:#999; font-weight:300}
.login_box .form_box input:focus ~ label{color:#595d68;font-size:1.3rem;line-height:1.3rem;top:1.2rem;}
.login_box .form_box input:focus{padding-top:3rem;padding-bottom:1.4rem;border:1px solid #2a2c31;}
.login_box .form_box input:not(:placeholder-shown){padding-top:3rem;padding-bottom:1.4rem;}
.login_box .form_box input:focus::placeholder{color:rgba(137,143,159,1);}
.login_box .form_box input:not(:placeholder-shown)::placeholder{color:rgba(137,143,159,1);}
.login_box .form_box input:not(:placeholder-shown) ~ label{color:#595d68;font-size:13px;line-height:13px;top:9px;}
.login_box input{height:54px; border:1px solid #d2d6e0;border-radius:2px;padding:2.2rem 1.6rem;color:#2a2c31;font-size:1.6rem;line-height:1.6rem;margin-bottom:.8rem;width:100%;box-sizing:border-box;}
.login_box input::placeholder{color:rgba(137,143,159,0);font-size:16px;}
.login_box input.error{border:1px solid #ef2222;}
.login_box p.error{color:#ef2222;padding-left:2rem;position:relative;text-align:left;font-size:1.4rem;line-height:2.1rem; background:url('../../images/error_icon.png')left 8px no-repeat; padding-top:8px; background-size:16px auto;}
.login_box .phone{border:1px solid #d2d6e0;border-radius:6px;padding:3.2rem 1.6rem 1.4rem;color:#2a2c31;font-size:1.6rem;line-height:1.6rem;margin-bottom:.8rem;width:100%;box-sizing:border-box;}
.login_box .phone .flex{gap:3.2rem;padding:0;}
.login_box .phone select{color:#2a2c31;font-size:1.6rem;line-height:1.6rem;height:2rem;width:8rem;flex: 1 1 19%;background-position:right 0 center !important;}
.login_box .phone select:focus{background:none;border-radius:0;border:0;}
.login_box .form_box .phone label{color:#595d68;font-size:1.3rem;line-height:1.3rem;top:1.2rem;position:absolute;left:1.7rem;}
.login_box .phone span{display:block;width:8rem;position:relative;flex: 1 1 19%;}
.login_box .phone span:before{content:"";display:block;width:8px;height:1px;background:#898f9f;position:absolute;left:-16px;top:8px;}
.login_box .phone span input{border:0;height:20px;padding:0 !important;margin:0;width:100%;text-align:center;}
.login_box .phone span input:focus{outline:0;border:0;}
.member_modi{width:100%;display:flex;justify-content:center;margin-top:3.2rem;}
.member_modi .join{margin-right:2.3rem}
.member_modi ul{gap:2.3rem;flex-wrap:nowrap;}
.member_modi ul li{position:relative;}
.member_modi a{color:#595d68;font-size:1.4rem;line-height:1.4rem;display:flex;align-items:center;}
.login_box p.password_txt:before{content:"\00B7";margin-right:.8rem;}
.login_box .login_btn{  border-radius:2px; font-size:17px; font-weight:300}
.id_result{color:#2a2c31;font-size:2rem;line-height:3rem;font-weight:400;margin:4rem 0 2.4rem;text-align:center !important;}
.id_result b{font-weight:600;}
.id_result.primary{color:#ff4c00;font-size:2.4rem;line-height:3.6rem;font-weight:600;margin-bottom:0;}
.find_box{margin:0 2.4rem 2.4rem;}
.find_box p{text-align:left !important;padding:0;}
.find_box p.mb40{margin-bottom:2.4rem !important;}
.find_box p .primary{color:#ff4c00;font-size:2.4rem;line-height:3.6rem;font-weight:600;}
.find_box p + div{border:1px solid #d2d6e0;padding:3.2rem 2.4rem;border-radius:12px;}
.find_box p + div p:last-child{margin:0;}
.find_box + .btn_group .w240{width:100%;flex: 1 1 100% !important;}
.modi_info{color:#595d68;font-size:1.4rem;line-height:2.1rem;font-weight:400;text-align:left;padding:0 2.4rem 0 4.4rem;position:relative;}
.modi_info:before{display:block;width:1.6rem;height:1.6rem;content:"";background:url('../../images/icon_important.png') no-repeat;background-size:100%;margin-right:.4rem;position:absolute;left:2.4rem;top:0;margin-top:.2rem;}
.modi_info a{color:#2a2c31;font-weight:600;}

/*로그인*/
/*회원가입*/
.join_process{padding:0 !important;}
.join_step{display:flex;align-items:center;justify-content:center;margin-bottom:0;gap:.8rem;position:relative;z-index:0;padding:1.6rem 0;background:#f4f7fb;}
.join_step:after{width:16rem;height:1px;background:#d2d6e0;position:absolute;left:50%;margin-left:-80px;top:50%;content:"";}
.join_step span{color:#fff;font-size:1.3rem;line-height:2rem;background:#a7adbe;border-radius:100px;padding:0 1.2rem;position:relative;z-index:5;}
.join_step span.active{color:#2a2c31;font-size:1.4rem;line-height:2.8rem;font-weight:600;border:1px solid #d2d6e0;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);padding:0 2rem;}
.join_step span.past{background:#595d68;}
.join_process h3{color:#2a2c31;font-size:32px;line-height:48px;font-weight:600;width:100%;margin:0 auto 32px;display:none;}
.join_process .join_box{background:#fff;border-radius:12px;padding:0 0 60px;width:100%;margin:0 auto;}
.join_info{padding:1.6rem 2.4rem 0;border-radius:12px;}
.join_info dl dt{color:#2a2c31;font-size:1.8rem;font-weight:600;line-height:2.7rem;padding-bottom:1.6rem;margin-bottom:1.6rem;border-bottom:1px solid #d2d6e0;}
.join_info dl dd ul li{margin-bottom:1.6rem;}
.join_info dl dd ul li:last-child{margin-bottom:0;}
.join_info dl dd .dot_title{color:#2a2c31;font-size:1.5rem;font-weight:600;line-height:2.2rem;position:relative;margin-bottom:8px;padding-left:11px;}
.join_info dl dd .dot_title:before{display:block;content:"";width:3px;height:3px;border-radius:3px;background:#595d68;position:absolute;left:0;top:8px;}
.join_info dl dd p{color:#595d68;font-size:1.5rem;line-height:2.2rem;padding-left:11px;}
.caution{background:#fff8f8;padding:1.2rem 1.6rem;border-radius:.8rem;}
.caution .dot_title{color:#ef2222;font-size:1.5rem;font-weight:600;padding-left:2rem;margin-bottom: .4rem;}
.caution .dot_title:before{content:"";width:1.6rem;height:1.6rem;background:url('../../images/caution.png') no-repeat;background-size:100%;top:.2rem;display:inline-block;position:absolute;left:0;}
.caution p{color:#ef2222;font-size:1.5rem;padding-left:0;}
.join_info .caution{background:#fff8f8;padding:1.2rem 1.6rem;border-radius:.8rem;}
.join_info .caution .dot_title{color:#ef2222;font-size:1.5rem;font-weight:600;padding-left:2rem;margin-bottom: .4rem;}
.join_info .caution .dot_title:before{content:"";width:1.6rem;height:1.6rem;background:url('../../images/caution.png') no-repeat;background-size:100%;top:.2rem;}
.join_info .caution p{color:#ef2222;font-size:1.5rem;padding-left:0;}
.join_form + .join_agree{margin-top:0;}
.join_agree{padding:0 2.4rem;border-radius:12px;margin:4rem 0;}
.join_agree:has( .nonBorder){margin-top:1.6rem;}
.join_agree .checkAll{padding-bottom:1.6rem;border-bottom:1px solid #d2d6e0;margin-bottom:1.6rem;position:relative;}
.join_agree .checkAll.nonBorder{border:1px solid #d2d6e0;border-radius:1.2rem;margin-bottom:.8rem;padding:2rem 1.6rem 1.8rem;}
.join_agree .checkAll input{width:1px;height:1px;position:absolute;left:0;top:0;z-index:-1;}
.join_agree .checkAll input + label{color:#2a2c31;font-size:1.8rem;font-weight:600;line-height:2.7rem;padding-left:4rem;position:relative;}
.join_agree .checkAll input + label:before{display:block;width:2.4rem;height:2.4rem;content:"";background:url('../../images/chkAll_off.png') no-repeat;background-size:100%;position:absolute;left:0;top:0;}
.join_agree .checkAll input:focus-visible + label{outline:auto;}
.join_agree .checkAll input:checked + label:before{background:url('../../images/chkAll_on.png') no-repeat;background-size:100%;}
.join_agree .checkAll a{display:block;width:2rem;height:2rem;background:url('../../images/right_arrow.png') no-repeat;background-size:100%;position:absolute;right:1.6rem;top:50%;margin-top:-1rem;}
.join_agree .checkAll a span{width:1px;font-size:0;text-indent:-999em;}
.join_agree ul li{margin-bottom:1.6rem;position:relative;}
.join_agree ul li + .caution{margin-top:2.4rem;}
.join_agree ul li:last-child{margin-bottom:0;}
.join_agree ul li div{position:relative;}
.join_agree ul li input{width:1px;height:1px;position:absolute;left:0;top:0;z-index:-1;}
.join_agree ul li input + label{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;padding-left:4rem;position:relative;}
.join_agree ul li input + label:before{display:block;width:2.4rem;height:2.4rem;content:"";background:url('../../images/chk_off.png') no-repeat;background-size:100%;position:absolute;left:0;top:0;}
.join_agree ul li input:focus-visible + label{outline:auto;}
.join_agree ul li input:checked + label:before{background:url('../../images/chk_on.png') no-repeat;background-size:100%;}
.join_agree ul li a{display:block;width:2rem;height:2rem;background:url('../../images/right_arrow.png') no-repeat;background-size:100%;position:absolute;right:0;top:2px;}
.join_agree ul li a span{width:1px;font-size:0;text-indent:-999em;}
.pass_check{width:100%;margin:0 auto 2.4rem;padding:0 2.4rem;}
.pass_check dl{margin-bottom:3.2rem;padding-top:1.6rem;}
.pass_check dl dt{color:#2a2c31;font-size:2.4rem;line-height:3.6rem;font-weight:600;margin-bottom:.8rem;}
.pass_check dl dd{color:#2a2c31;font-size:1.8rem;line-height:2.7rem;}
.pass_check div{position:relative;}
.pass_check div input{width:100%;height:6.8rem;padding:2.6rem 1.6rem;border:1px solid #d2d6e0;border-radius:6px;color:#2a2c31;font-size:1.6rem;line-height:1.6rem;}
.pass_check div input::placeholder{color:transparent;;font-size:1.6rem;line-height:1.6rem;}
.pass_check div label{color:#2a2c31;font-size:1.6rem;transition:all .5s;position:absolute;left:1.7rem;top:2.5rem;}
.pass_check input:focus ~ label{color:#595d68;font-size:1.3rem;line-height:1.3rem;top:1.2rem;}
.pass_check input:focus{padding-top:3.7rem;padding-bottom:1.4rem;border:1px solid #2a2c31;}
.pass_check input:not(:placeholder-shown){padding-top:3rem;padding-bottom:1.4rem;}
.pass_check input:focus::placeholder{color:rgba(137,143,159,1);}
.pass_check input:not(:placeholder-shown)::placeholder{color:rgba(137,143,159,1);}
.pass_check input:not(:placeholder-shown) ~ label{color:#595d68;font-size:13px;line-height:13px;top:12px;}
.btn_group.my .btn{flex:1 1 50% !important;}
.join_form div.my_info{border-bottom:1px solid #595d68;padding-bottom:2.4rem;}
.join_form div.my_info div{margin-bottom:0;}
.join_form div.my_info div span:before{display:none;}
.join_form div.my_info div p{color:#2a2c31;font-size:2.4rem;font-weight:600;line-height:3.6rem;margin-top:.8rem;margin-bottom:1.6rem;padding:0;}
.join_form div.my_info div p span{font-size:1.8rem;width:auto;color:#0086ff;text-decoration:underline;}
.join_form div.my_info div p:before{display:none;}
.join_form div.my_info button{position:relative;right:auto;bottom:auto;display:inline-block;}
.join_form div .person_num span{flex:1 1 40%;display:flex;align-items:center;}
.join_form div .person_num span:first-child:before{display:none;}
.join_form div .person_num span strong{font-size:5rem;line-height:0;margin-left:.8rem;}
.join_form div .person_num span:last-child input{width:4.8rem;}
.my_info h4{margin-top:4rem !important;}
.withdraw{text-align:right;width:100%;/*margin:-2.4rem auto 6rem;*/margin:2.4rem auto 0;padding:0 2.4rem 10rem;}
.withdraw a{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;text-decoration:underline;}
.withdraw a:hover{font-weight:600;text-decoration:underline !important;}

.join_form{padding:1.6rem 2.4rem;}
.join_form h4{color:#2a2c31;font-size:2rem;line-height:3rem;font-weight:600;margin-bottom:1.6rem;}
.join_form div + h4{margin-top:4rem;}
.join_form div + h4.flex{display:block;}
.join_form div + h4 .caption{display:block;color:#595d68;font-size:1.4rem;line-height:2.1rem;margin-top:.4rem;}
.join_form div + h4 .caption:before{display:inline-block;content:"";width:1.6rem;height:1.6rem;background:url('../../images/icon_important.png') no-repeat;background-size:100%;margin-right:.4rem;vertical-align:middle;margin-top:-.2rem;}
.join_form div{position:relative;margin-bottom:3.2rem;}
.join_form div label{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;font-weight:600;margin-bottom:8px;display:block;}
.join_form div input{border:1px solid #d2d6e0;height:4.8rem;padding:0 1.6rem;line-height:4.8rem;width:100%;border-radius:6px;}
.join_form div a{color:#fff;font-size:1.4rem;line-height:3.2rem;padding:0 1.2rem;border-radius:6px;background:#2a2c31;position:absolute;right:1.6rem;bottom:.8rem;}
.join_form div button{color:#fff;font-size:1.4rem;line-height:3.2rem;padding:0 1.2rem;border-radius:6px;background:#2a2c31;position:absolute;right:1.6rem;bottom:.8rem;}
.join_form div button.phone_num_btn{right:0;color:#2a2c31;background:#fff;border:1px solid #d2d6e0;}
.join_form div p{color:#595d68;font-size:1.5rem;line-height:2.2rem;margin-top:.8rem;padding-left:1.1rem;position:relative;}
.join_form div p:before{display:block;content:"";background:#595d68;width:3px;height:3px;border-radius:3px;position:absolute;left:0;top:8px;}
.join_form div .flex{gap:2.4rem;}
.join_form div select{flex:1 1 25%;width:8.4rem;height:4.8rem;padding:0 1rem 0 1.6rem;border:1px solid #d2d6e0;border-radius:6px;}
.join_form div select.w100{width:100%;}
.join_form div span{flex:1 1 25%;width:9rem;display:inline-block;position:relative;}
.join_form div span:before{display:inline-block;width:8px;height:1px;background:#898f9f;position:absolute;left:-1.6rem;top:2.4rem;content:"";}
.join_form div span.nonBar:before{display:none;}
.join_form div span.before_none:before{display:none;}
.join_form div span + .check_btn{width:100%;height:4.8rem;background:#f4f7fb;color:#a7adbe;right:0;bottom:0;position:relative;}
.join_form div span + .check_btn.active{background:#2a2c31;color:#fff;}
.join_form div .counting{color:#ef2222;font-size:1.6rem;line-height:4.8rem;position:absolute;right:1.6rem;top:0;width:auto;}
.join_form div .counting:before{display:none;}
.join_form div input.confirm{border:1px solid #0086ff;}
.join_form div input.error{border:1px solid #ef2222;}
.join_form div p.confirm{color:#0086ff;padding-left:2rem;position:relative;}
.join_form div p.confirm:before{display:block;width:1.6rem;height:1.6rem;content:"";background:url('../../images/confirm_icon.png') no-repeat;background-size:100%;position:absolute;left:0;top:2px;}
.join_form div p.error{color:#ef2222;padding-left:2rem;position:relative;}
.join_form div p.error:before{display:block;width:1.6rem;height:1.6rem;content:"";background:url('../../images/error_icon.png') no-repeat;background-size:100%;position:absolute;left:0;top:2px;}
.join_complete{margin:4rem 0;padding:0 2.4rem;}
.join_complete:before{display:block;width:8rem;height:8rem;content:"";background:url('../../images/join_complete.png') no-repeat;background-size:100%;margin:0 auto 2.4rem;}
.join_complete dt{color:#2a2c31;font-size:2rem;line-height:3rem;font-weight:600;margin-bottom:1.6rem;text-align:center;}
.join_complete dd p{color:#595d68;font-size:1.6rem;text-align:center;line-height:2.4rem;}
.join_ckeck_complete{margin:4rem auto;position:relative;}
.join_ckeck_complete:before{display:block;width:8rem;height:8rem;content:"";background:url('../../images/join_check.png') no-repeat;background-size:100%;margin:0 auto 1.6rem;}
.join_ckeck_complete dt{color:#2a2c31;font-size:32px;line-height:48px;font-weight:600;margin-bottom:128px;text-align:center;display:none;}
.join_ckeck_complete dd{padding:0 2.4rem;}
.join_ckeck_complete dd p{color:#595d68;font-size:1.6rem;text-align:center;line-height:2.4rem;padding-left:1.1rem;position:relative;text-align:left;}
.join_ckeck_complete dd p:before{display: block;content: "";background: #595d68;width: 3px;height: 3px;border-radius: 3px;position: absolute;left: 0;top: 1rem;}
.join_ckeck_complete + .btn_group .btn{width:100%;flex:0 1 100% !important} 
.join_form p.dot_guide{text-align:left;color:#595d68;font-size:1.5rem;line-height:2.2rem;margin-bottom:1.6rem;padding-left:1.1rem;position:relative;}
.join_form p.dot_guide:before{display:block;content:"";background:#595d68;width:3px;height:3px;border-radius:3px;position:absolute;left:0;top:.8rem;}
.join_type{gap:.8rem;margin-bottom:4rem !important;}
.join_type ~ div{margin-bottom:4rem;}
.join_type .radio{flex:1 1 100%;margin-bottom:0;}
.join_type .radio label{border:1px solid #dfe4ec;border-radius:.8rem;padding:2.4rem;}
.join_type .radio label:before{position:absolute;left:2.4rem;top:2.4rem;}
.join_type .radio input:checked + label{background:#fffaf9;border:1px solid #ff4c00;}
.join_type dl{margin:0 auto;padding-right:5.6rem;margin-left:3.2rem;}
.join_type dl:before{width:5.6rem;height:5.6rem;display:block;margin:0;content:"";position:absolute;right:2.4rem;top:2.4rem;}
.join_type .radio:first-child dl:before{background:url('../../images/join_type01.png') no-repeat;background-size:100%;}
.join_type .radio:last-child dl:before{background:url('../../images/join_type02.png') no-repeat;background-size:100%;}
.join_type dt{color:#2a2c31;font-size:2rem;font-weight:600;text-align:left;margin-bottom:.8rem;line-height:3rem;}
.join_type dd{color:#595d68;font-size:1.5rem;font-weight:400;text-align:left;line-height:2.2rem;}
.gray_box{padding:12px 16px;background:#f4f7fb;border-radius:.8rem;}
.gray_box dl dt{margin-bottom:.4rem;color:#595d68;font-size:1.5rem;line-height:2.2rem;font-weight:600;}
.gray_box dl dt:before{display:inline-block;width:1.6rem;height:1.6rem;content:"";background:url('../../images/icon_important.png') no-repeat;background-size:100%;vertical-align:middle;margin-top:-2px;margin-right:.4rem;}
.gray_box dl dd ul li{color:#595d68;font-size:1.5rem;line-height:2.2rem;}
.gray_box dl dd ul li ~ li{margin-top:.4rem;}
.gray_box dl dd ul li:before{width:.3rem;height:.3rem;background:#595d68;border-radius:.3rem;content:"";display:inline-block;margin-right:.8rem;vertical-align:middle;margin-top:-2px;}
/*회원가입*/

/*멤버*/
/*게시판*/
#container.sub .container.board{width:100%;margin:0 auto;padding:0 2.4rem;}
#container.sub .container.board h3{color:#2a2c31;font-size:32px;line-height:48px;font-weight:600;margin-bottom:32px;display:none;}
.board_info{display:flex;margin:16px 0 0 0;flex-wrap: wrap-reverse;}
.board_info .board_count{color:#595d68;font-size:1.4rem;line-height:2.1rem;font-weight:500;display:block;width:100%;flex:1 1 100%;margin-bottom:.8rem;}
.board_info .board_count span{font-weight:600;}
.board_info .board_search{width:100%;position:relative;flex:1 1 100%;margin-bottom:3.2rem;}
.board_info .board_search input{width:100%;height:4.8rem;line-height:4.8rem;color:#2a2c31;font-size:1.6rem;border-radius:6px;border:1px solid #d2d6e0;padding:0 1.6rem;}
.board_info .board_search input::placeholder{color:#6c717e;}
.board_info .board_search button{width:2rem;height:2rem;background:url('../../images/board_search.png') no-repeat;background-size:100%;position:absolute;right:1.2rem;top:1.4rem;border:0;}
.board_info .board_search button span{font-size:0;width:1px;text-indent:-999em;}
.board_list{border-top:1px solid #2a2c31;}
.board_list .board_title{border-top:1px solid #2a2c31;border-bottom:1px solid #d2d6e0;display:none;}
.board_list .board_title .th{color:#2a2c31;font-size:16px;line-height:24px;text-align:center;padding:20px 0;flex:1 1 100%;}
.board_list .board_title .th:first-child{flex:0 1 100%;}
.board_list .board_con .jsgrid-grid-header .jsgrid-header-row > .jsgrid-header-cell{font-size:1.6rem;}
.board_list .board_con .jsgrid-grid-header .jsgrid-header-row > .jsgrid-header-cell[style="width: 15%;"],.board_list .board_con .jsgrid-cell[style="width: 15%;"]{width:25% !important;}
.board_list .board_con .jsgrid-pager-page{font-size:1.4rem;}
.board_list .board_con .jsgrid-pager-page.jsgrid-pager-current-page{color:#ff4c00;}
.board_list .board_con .flex{border-bottom:1px solid #d2d6e0;justify-content:flex-start;}
.board_list .board_con .td{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;text-align:center;/*padding:0 0 2rem 0;*/flex:0 1 auto;text-align:left;vertical-align: middle;text-overflow: initial !important;white-space: wrap !important;}
.board_list .board_con .td:first-child{flex:0 1 100%;text-align:left;padding:2rem 0 0 0;/*margin-bottom:8px;*/}
.board_list .board_con .td:last-child{padding-top:0;}
.board_list .board_con .td:nth-last-child(2):after{display:inline-block;width:1px;height:14px;background:#d2d6e0;margin:0 1.6rem;content:"";vertical-align:middle;margin-top:-2px;display:none;}
.board_list .board_con .jsgrid-cell{padding:1.6rem 0;height:81px;}
.board_list .board_con .td.flex{/*align-items:center;*/align-items:flex-start;border:0;display:flex;}
.board_list .board_con .td.qna_flex{display:flex;align-items:flex-end;}
.board_list .board_con .td.qna_flex a{flex:1 1 90%;}
.board_list .board_con .td a{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;flex:1 1 80%;}
.board_list .board_con .td .key{width:2rem;margin-left:.8rem;vertical-align:middle;margin-top:-2px;display:inline-block;}
.board_list .board_con .td .key img{width:100%;}
.board_list .board_con .td a ~ span{color:#ef2222;font-size:1.3rem;}
.board_list .board_con .td .name{color:#898f9f;font-size:1.4rem;line-height:2.2rem;}
.board_list .board_con .td .name:after{display:inline-block;width:1px;height:14px;background:#d2d6e0;margin:0 1.6rem;content:"";vertical-align:middle;margin-top:-2px;}
.board_list .board_con .td .date{color:#898f9f;font-size:1.4rem;line-height:2.2rem;}
.board_list .board_con .jsgrid-cell .name{color:#898f9f;font-size:1.4rem;line-height:2.2rem;}
.board_list .board_con .jsgrid-cell .name:after{display:inline-block;display:none;width:1px;height:14px;background:#d2d6e0;margin:0 1.6rem;content:"";vertical-align:middle;margin-top:-2px;}
.board_list .board_con .jsgrid-cell .date{color:#898f9f;font-size:1.4rem;line-height:2.2rem;}
.board_view{margin-top:1.6rem;}
.board_view .view_title{padding-bottom:5.4rem;position:relative;}
.board_view .view_title .title{color:#2a2c31;font-size:2.4rem;line-height:3.6rem;font-weight:400;margin-bottom:1.6rem;}
.board_view .view_title .title.faq_title{padding-left:3.2rem;}
.board_view .view_title .title .key{display:inline-block;line-height:2rem;}
.board_view .view_title .title .key img{width:2rem;}
.board_view .view_title .name{color:#595d68;font-size:1.5rem;line-height:2.2rem;}
.board_view .view_title .name:after{display:inline-block;width:1px;height:14px;background:#d2d6e0;margin:0 1.6rem;content:"";vertical-align:middle;margin-top:-2px;}
.board_view .view_title .date{color:#595d68;font-size:1.5rem;line-height:2.2rem;}
.board_view .view_title .share_btn{position:absolute;right:0;bottom:2.4rem;display:block;width:4rem;height:4rem;background:url('../../images/share_icon.png') no-repeat;background-size:100%;text-indent:-999em;}
.board_view .view_title .share_group{display:block;width:4rem;height:4rem;position:absolute;right:0;bottom:2.4rem;}
.board_view .view_title a img{display:block;width:4rem;height:4rem;border:0;}
.board_view .view_title .share_group > a{z-index:10;position:relative;}
.board_view .view_title .share_group div{width:4rem;border-radius:100px;border:1px solid #595d68;position:absolute;left:0;top:0;padding:5rem .5rem 0;z-index:1;background:#fff;display:none;}
.board_view .view_title .share_group div.active{display:block;}
.board_view .view_title .share_group div a{display:block;width:100%;margin-bottom:1.4rem;}
.board_view .view_title .share_group div a img{width:100%;height:100%;margin-bottom:0;margin-right:0;float:none;}

.board_view .view_con{border-top:1px solid #d2d6e0;border-bottom:1px solid #d2d6e0;padding:3.2rem 0;}
.board_view .view_con *{font-size: initial;}
.board_view .view_con .files{display:block;align-items:center;margin-top:4rem;white-space: pre-line;}
.board_view .view_con .files span{display:inline-block;color:#2a2c31;font-size:1.4rem;line-height:2.1rem;font-weight:600;margin-right:0;margin-bottom:1.6rem;}
.board_view .view_con .files a{position:relative;display:inline-block;width:auto;color:#2a2c31;font-size:1.5rem;line-height:2.2rem;padding:.4rem 4.8rem .4rem 1.6rem;border:1px solid #d2d6e0;border-radius:6px;margin-bottom:8px;align-items:center;}
.board_view .view_con .files a:after{background:url('../../images/board_search.png') no-repeat;background:url('../../images/download_icon.png') no-repeat;background-size:100%;display:block;content:"";width:1.6rem;height:1.6rem;position:absolute;right:1.6rem;top:50%;margin-top:-.8rem;}
.board_view .reply_con{border-top:1px solid #000;background:#f8fafc;padding:3.2rem 1.6rem;}
.board_view .reply_con dl dt{color:#2a2c31;font-size:1.8rem;font-weight:600;line-height:2.7rem;margin-bottom:3.2rem;padding-bottom:1.6rem;border-bottom:1px solid #d2d6e0;}
.board_view .reply_con dl dt span{color:#ff4c00;margin-left:.8rem;}
.board_view .reply_con dl dd > div{margin-bottom:3.2rem;}
.board_view .reply_con dl dd > div:last-child{margin-bottom:0;}
.board_view .reply_con dl dd > div span{display:inline-block;margin-bottom:4px;color:#898f9f;font-size:1.3rem;line-height:1.9rem;}
.board_view .reply_con dl dd > div p{color:#595d68;font-size:1.6rem;line-height:2.4rem;}
.board_view .reply_con dl dd > div div .del_btn{color:#2a2c31;font-size:1.3rem;padding:0 .6rem;height:2rem;background:#fff;border:1px solid #898f9f;border-radius:4px;margin-left:.8rem;margin-bottom:.4rem;}
.board_view .reply_con .reply_write{position:relative;margin-top:4rem;}
.board_view .reply_con .reply_write textarea{width:100%;border:1px solid #d2d6e0;border-radius:8px;background:#fff;height:6.2rem;resize:none;padding:1.9rem 8.5rem 1.9rem 1.6rem;box-sizing:border-box;}
.board_view .reply_con .reply_write textarea::placeholder{line-height:2.4rem;color:#898f9f;}
.board_view .reply_con .reply_write button{color:#fff;font-size:1.6rem;line-height:3.8rem;padding:0 1.6rem;background:#2a2c31;border-radius:6px;position:absolute;right:1.6rem;top:1.1rem;}
.board_write{margin-top:1.6rem;}
.board_write .tr{padding:0 0 4rem 0;}
.board_write .tr:last-child{padding-bottom:0;}
.board_write .tr .title{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;font-weight:600;margin-bottom:.8rem;display:block;}
.board_write .tr .title span{color:#898f9f;}
.board_write .tr .title input[type=checkbox]{width:2.4rem;height:2.4rem;margin-left:1.6rem;}
.board_write .tr input{width:100%;border:1px solid #d2d6e0;border-radius:6px;height:4.8rem;line-height:4.8rem;padding:0 1.6rem;}
.board_write .tr textarea{width:100%;resize:none;}
.board_write .tr .range{gap:0;}
.board_write .tr .range > div{position:relative;}
.board_write .tr .range > div:last-child:before{display:none;}
.board_write .tr .range .start{color:#2a2c31;font-size:1.5rem;line-height:2.4rem;font-weight:600;margin-bottom:.8rem;display:block;}
.board_write .tr .range .end{color:#2a2c31;font-size:1.5rem;line-height:2.4rem;font-weight:600;margin-bottom:.8rem;display:block;margin-top:1.6rem;}
.board_write .tr .range .flex{gap:8px;}
.board_write .tr .range input{flex:1 1 12.4rem;}
.board_write .tr .range input:disabled{background:#f4f7fb;color:#a7adbe;}
.board_write .tr .range select{flex:1 1 8.6rem;height:4.8rem;border:1px solid #d2d6e0;border-radius:6px;padding:0 1rem 0 1.6rem;}
.board_write .tr .range select:disabled{background:#f4f7fb;color:#a7adbe;}
.board_write .tr .refer{color:#595d68;font-size:1.5rem;line-height:2.2rem;margin-top:.8rem;}
.board_write .tr .refer:before{display:inline-block;width:3px;height:3px;border-radius:3px;background:#595d68;margin-right:8px;vertical-align:middle;content:"";margin-top:-2px;}
.board_write .tr .refer span{color:#898f9f;font-size:1.4rem;line-height:2.1rem;margin-left:1rem;display:block;margin-top:.2rem;}
.board_write .tr .files{position:relative;margin-top:2.25rem;}
.board_write .tr .files button{color:#fff;font-size:1.6rem;line-height:3.4rem;background:#2a2c31;border:0;border-radius:6px;padding:0 1.6rem;float:right;position:absolute;right:0;top:-5rem;}
.board_write .tr .files > div{float:left;width:100%;margin-bottom:.8rem;position:relative;}
.board_write .tr .files > div:last-child{margin-bottom:0;}
.board_write .tr .files div input{background:#f4f7fb;border:0;height:3.8rem;}
.board_write .tr .files div .clear_btn{width:2rem;height:2rem;background:url('../../images/clear_icon.png') no-repeat;background-size:100%;}
.board_write .tr .files div .clear_btn span{font-size:0;width:1px;text-indent:-999em;}
.board_write .tr .files:after{display:block;content:"";clear:both;}
.board_write .tr .file_info{position:absolute;right:1.6rem;top:.8rem;}
.board_write .tr .file_info span{color:#898f9f;font-size:1.3rem;line-height:1.9rem;margin-right:1.6rem;}
.board_write .tr .file_info button{width:2rem;height:2rem;background:url('../../images/clear_icon.png') no-repeat;background-size:100%;border:0;padding:0;position:relative;right:auto;top:auto;}
.board_write .tr .file_info button span{font-size:0;width:1px;text-indent:-999em;margin:0;}

.faq_badge{color:#fff !important;text-align:center;font-size:1.8rem;font-weight:600;line-height:2rem;width:2rem;display:inline-block;border-radius:8px;background:#ff4c00;margin-right:.8rem;}
.title .faq_badge{vertical-align:middle;margin-top:-.6rem;}
.title.faq_title .faq_badge{position:absolute;left:0;top:0;margin-top:.6rem;}
.view_con .faq_badge{background:#595d68;margin-bottom:.8rem;}
.board_view .view_con .flex{align-items:flex-start;}
.board_view .view_con .flex > div{flex:1 1 100%;}
.jsgrid-cell .flex{border-bottom:0 !important;align-items:flex-start;}
.jsgrid-cell .flex a{flex:1 1 90%;}

.paging{display:none;}
.more_btn{padding:1.4rem 0;margin:1.6rem 0 .8rem;text-align:center;}
.more_btn button{color:#42454d;font-size:1.6rem;height:1.6rem;border:0;background:none;}
.more_btn button:after{display:inline-block;content:"";width:2rem;height:2rem;margin-left:.8rem;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;vertical-align:middle;margin-top:-2px;}

.board ~ .btn_group{margin-bottom:8rem; margin-top:4rem;}
.board ~ .btn_group + .btn_group{margin-top:0;}
.board ~ .btn_group .w240{flex:auto !important;}

/*게시판*/

/*고객지원*/
.cs_title{background:#f4f7fa;padding:6rem 0 8.3rem;height:25.1rem;margin-bottom:34.8rem;}
.cs_title h3{color:#2a2c31;font-size:2.4rem;line-height:3.6rem;font-weight:600;text-align:center;}
.cs_title .cs_search{position:relative;width:calc(100% - 4.8rem);margin:2.4rem auto 0;}
.cs_title .cs_search .cs_search_select{position:relative;height:4.8rem;position:absolute;left:2rem;top:0;}
.cs_title .cs_search select{border:0;background:none;color:#2a2c31;font-size:1.6rem;line-height:2.4rem;height:4.8rem;padding-right:2.8rem;padding-left:0;background-position: right 0 center !important;}
/*.cs_title .cs_search .cs_search_select:after{display:block;content:"";width:2rem;height:2rem;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;position:absolute;right:0;top:1.5rem;}*/
.cs_title .cs_search input{width:100%;height:4.8rem;color:#2a2c31;font-size:1.6rem;line-height:2.4rem;border:1px solid #2a2c31;border-radius:100px;box-shadow:0px 4px 8px 0px rgba(0,0,0,.1);padding-left:11.5rem;}
.cs_title .cs_search input::placeholder{color:#898f9f;}
.cs_title .cs_search button{display:block;width:2.8rem;height:2.8rem;background:url('../../images/main_search_btn.png') no-repeat;background-size:100%;position:absolute;right:1.6rem;top:1rem;}
.cs_title .cs_search button span{width:1px;font-size:0;text-indent:-999em;}
.cs_title .service_link{gap:.8rem;width:100%;margin:4rem auto 0;padding:0 2.4rem;}
.cs_title .service_link a{display:flex;align-items:center;width:100%;height:8.3rem;padding:1.2rem 2.4rem;color:#2a2c31;font-size:1.8rem;line-height:2.7rem;font-weight:600;text-align:center;border:1px solid #d2d6e0;border-radius:12px;background:#fff;}
.cs_title .service_link a:hover{border:1px solid #ff4c00;}
.cs_title .service_link a:before{display:block;width:6rem;height:6rem;margin:0 1.6rem 0 0;content:"";}
.cs_title .service_link a.service_link01:before{background:url('../../images/cs_img01.png') no-repeat;background-size:100%;}
.cs_title .service_link a.service_link02:before{background:url('../../images/cs_img02.png') no-repeat;background-size:100%;}
.cs_title .service_link a.service_link03:before{background:url('../../images/cs_img03.png') no-repeat;background-size:100%;}
.cs_title .service_link a.service_link04:before{background:url('../../images/cs_img04.png') no-repeat;background-size:100%;}
.cs_faq{padding:0 2.4rem;}
.cs_faq ul{border-top:0;}
.cs_faq ul li{border:1px solid #d2d6e0;border-radius:12px;margin-bottom:.8rem;padding:0;}
.cs_faq ul li:last-child{margin-bottom:0;}
.cs_faq ul li a{padding:1.6rem 2rem;display:flex;align-items:flex-start;}
.cs_faq ul li a .type{color:#fff;font-size:1.8rem;font-weight:600;line-height:2rem;display:inline-block;width:2rem;text-align:center;background:#ff4c00;border-radius:8px;margin-top:.4rem;margin-right:1.6rem;flex:0 1 2.4rem;}
.cs_faq ul li a span{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;margin-top:0;flex:1 1 80%;}
/*고객지원*/

/*이용안내*/
.using_info{width:100%;margin:0 auto;}
.using_info h3{color:#2a2c31;font-size:32px;line-height:48px;font-weight:600;margin-bottom:32px;display:none;}
.using_tab{display:flex;gap:.8rem;position:relative;border-bottom:1px solid #d2d6e0;width:calc(100% - 4.8rem);margin:1.6rem auto 0;overflow-x:scroll;}
.using_tab li{position:static;}
.using_tab button{color:#595d68;font-size:1.6rem;line-height:2.4rem;border:0;background:none;padding:.4rem .8rem .8rem;}
.using_tab button.active{color:#2a2c31;font-weight:600;border-bottom:2px solid #2a2c31;}
.using_tab ~ .tab_con{padding-top:3.2rem;display:none;}
.using_tab ~ .tab_con iframe{height:calc(100vh - 30rem);}
.using_tab ~ .tab_con.active{display:block;}
.service_info_box{width:calc(100% - 4.8rem);margin:0 2.4rem;background:url('../../images/service_01.png') no-repeat #f8fafc;background-size:auto 33.7rem;background-position:center 22rem;border-radius:24px;padding:4.8rem 1.6rem 2.4rem 1.6rem;}
.service_info dl{width:100%;margin-bottom:38.5rem;padding:0 1.6rem;}
.service_info dl dt{color:#2a2c31;font-size:2.4rem;line-height:3.6rem;margin-bottom:1.6rem;font-weight:600;}
.service_info dl dd{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;}
.service_info ul li{display:flex;gap:.8rem;color:#2a2c31;font-size:1.5rem;line-height:2.2rem;padding:2.4rem 2.4rem 2.4rem 1.6rem;background:#fff;border-radius:12px;margin-bottom:.8rem;align-items:flex-start;}
.service_info ul li span{flex:0 1 100%;}
.service_info ul li:last-child{margin-bottom:0;}
.service_info ul li:before{display:inline-block;color:#2a2c31;font-size:1.8rem;line-height:2.4rem;width:2.4rem;flex:0 1 2.4rem;text-align:center;}
.service_info ul li:nth-child(1):before{content:"01";}
.service_info ul li:nth-child(2):before{content:"02";}
.service_info ul li:nth-child(3):before{content:"03";}
.service_kind{gap:2.4rem;margin-top:2.4rem;padding:0 2.4rem;}
.service_kind dl{border:1px solid #d2d6e0;border-radius:12px;padding:1.6rem 2.4rem 3.2rem;background:#fff;flex:1 1 100%;position:relative;}
.service_kind dl:before{display:block;width:12rem;height:7.2rem;content:"";margin-bottom:0;position:absolute;right:2.4rem;top:1.6rem;}
.service_kind dl:first-child:before{background:url('../../images/service_info_img01.png') no-repeat;background-size:100%;}
.service_kind dl:last-child:before{background:url('../../images/service_info_img02.png') no-repeat;background-size:100%;}
.service_kind dl dt{color:#2a2c31;font-size:2rem;line-height:7.2rem;margin-bottom:.8rem;font-weight:600;}
.service_kind dl dd p{color:#595d68;font-size:1.6rem;line-height:2.4rem;padding-right:0;}
.service_kind dl dd ul{margin-top:2.4rem;}
.service_kind dl dd ul li{margin-bottom:2.4rem;}
.service_kind dl dd ul li:last-child{margin-bottom:0;}
.service_kind dl dd ul li .title{color:#2a2c31;font-size:1.8rem;line-height:2.7rem;font-weight:600;margin-bottom:.8rem;display:block;}
.service_kind dl dd ul li .con{color:#595d68;font-size:1.6rem;line-height:2.4rem;}

.member_process{padding:0 2.4rem;margin-top:1.6rem;}
.tab_con .member_process{padding:0 2.4rem;margin-top:0;}
.member_process h4{color:#2a2c31;font-size:2rem;line-height:3rem;margin-bottom:1.6rem;font-weight:600;}
.member_process h5{color:#2a2c31;font-size:1.8rem;line-height:2.7rem;font-weight:600;}
.member_process h4 + h5{margin-top:1.6rem;}
.member_process p{color:#595d68;font-size:1.6rem;line-height:2.4rem;}
.member_process h5 + p{margin-top:.8rem;}
.member_process .member_type{gap:1.6rem;margin-top:4rem;}
.member_process .member_type dl{padding:1.6rem 2.4rem;background:#f4f7fb;border-radius:16px;flex:1 1 100%;}
.member_process .member_type dl dt{color:#2a2c31;font-size:2rem;line-height:3rem;font-weight:600;display:flex;gap:1.6rem;align-items:center;margin-bottom:1.6rem;}
.member_process .member_type dl dt:before{display:block;content:"";width:5.6rem;height:5.6rem;}
.member_process .member_type dl:first-child dt:before{background:url('../../images/using_logo01.png') no-repeat;background-size:100%;}
.member_process .member_type dl:last-child dt:before{background:url('../../images/using_logo02.png') no-repeat;background-size:100%;}
.member_process .member_type dl dd ul{display:flex;flex-wrap:wrap;}
.member_process .member_type dl dd ul li{color:#595d68;font-size:1.6rem;line-height:2.4rem;flex:0 1 100%;margin-bottom:.8rem;}
.member_process .member_type dl dd ul li:before{content:"\00B7";margin-right:.8rem;}
.member_process .member_type dl dd ul li:last-child{margin-bottom:0;}

.dev_guide_type{margin-top:3.2rem;}
.dev_guide_type + h4{margin-top:4rem;}
.dev_guide_type dt{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;font-weight:600;margin-bottom:.8rem;}
.dev_guide_type dd p{color:#595d68;font-size:1.6rem;line-height:2.4rem;font-weight:400;}
.dev_guide_type dd .img_area{width:100%;}
.dev_guide_type dd .img_area img{width:100%;}
.dev_guide_type dd + dt{margin-top:3.2rem;}
.img_con{margin-top:2.4rem;}
p + .img_con{margin-top:3.2rem;}
.img_con .img_con_title{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;font-weight:600;margin-bottom:.8rem;display:block;}
.img_con .box_sort{display:flex;gap:.8rem;flex-wrap:wrap;}
.img_con .box_sort li{flex:0 1 100%;padding:1.6rem 2.4rem 2.4rem;border:1px solid #d2d6e0;border-radius:16px;}
.img_con .box_sort.flex2 li{flex:1 1 100%;}
.img_con .box_sort li span{color:#ff4c00;font-size:1.8rem;line-height:2.7rem;font-weight:600;margin-bottom:.4rem;display:block;}
.img_con .box_sort li p{color:#595d68;font-size:1.5rem;line-height:2.2rem;font-weight:400;}
.img_con .box_sort + .img_area{margin-top:2.4rem;width:100%;overflow-x:scroll;}
.img_con .box_sort + .img_area img{width:99.6rem;}
.img_con + .img_con{margin-top:3.2rem;}

.use_process{padding-bottom:8rem;}
.use_process dl + dl{margin-top:4rem;}
.use_process dl dt{color:#2a2c31;font-size:1.8rem;line-height:2.7rem;font-weight:600;margin-bottom:1.6rem;}
.use_process dl dd ul{gap:2.8rem;display:flex;width:20rem;margin:0 auto;flex-wrap: wrap;}
.use_process dl dd ul li{border:1px solid #a7adbe;border-radius:16px;padding:1.6rem 2.4rem;color:#2a2c31;font-size:1.6rem;line-height:2.4rem;flex:0 1 100%;position:relative;display:flex;}
.use_process dl dd ul li span{color:#ff4c00;margin-right:1.6rem;display:block;font-weight:600;}
.use_process dl dd ul li:before{display:inline-block;width:2rem;height:2rem;position:absolute;left:50%;top:-2.4rem;margin-left:-1rem;content:"";background:url('../../images/left_arrow.png') no-repeat;background-size:100%;transform:rotate(90deg);}
.use_process dl:first-child dd ul li.last:last-child{padding-left:6rem;}
.use_process dl:first-child dd ul li.last:last-child:before{content:"or";background:#f4f7fb;border-radius:100px;width:2rem;height:2rem;left:50%;top:-2.4rem;margin-left:-1rem;color:#595d68;line-height:2rem;text-align:center;font-size:1.5rem;transform:rotate(0);}
.use_process dl dd ul li:first-child:before{display:none;}
.use_process dl dd ul li.last{border:1px solid #ff4c00;background:#fff7f3;}
.use_process dl:last-child dd ul li.last:last-child{padding-top:1.8rem;margin-top:1.2rem;}
.use_process dl:last-child dd ul li.last:last-child:before{content:"or";background:#f4f7fb;border-radius:100px;width:3.2rem;height:3.2rem;top:-3.6rem;color:#595d68;line-height:3.2rem;text-align:center;font-size:1.5rem;transform:rotate(0);}
.offer_con{display:flex;justify-content: center;margin:4rem 0;flex-wrap:wrap;}
.offer_con dl{width:100%;position:relative;display:flex;gap:3.2rem;align-items:center;}
.offer_con dl:nth-child(2),.offer_con dl:nth-child(3){margin-top:-1.7rem;}
.offer_con dl dt{color:#2a2c31;font-size:1.8rem;height:14.4rem;flex:0 1 14.4rem;width:14.4rem;text-align:center;font-weight:600;padding:4.6rem 0 7.1rem;position:relative;}
.offer_con dl dt span{color:#ff3d00;font-size:1.5rem;line-height:2.2rem;display:block;margin-top:.4rem;text-align:center;}
.offer_con dl dt:before{display:block;width:14.4rem;height:14.4rem;border:1px solid #ff4c00;border-radius:500px;background:#fff;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1;}
.offer_con dl dt:after{display:block;width:12rem;height:12rem;border-radius:500px;background:#fff7f3;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1;}
.offer_con dl dd{color:#595d68;font-size:1.6rem;text-align:center;line-height:2.4rem;position:relative;text-align:left;flex:0 1 13.3rem;}
.offer_con dl dd:before{display:block;content:"";width:1.6rem;height:.1rem;background:#ff4c00;position:absolute;left:-3.2rem;top:50%;}
.cs_center{position:relative;}
.cs_center .flex{border:1px solid #d2d6e0;border-radius:16px;padding:2.4rem;background:#fff;position:static;}
.cs_center div + div{margin-top:1.6rem;}
.cs_center div span{color:#2a2c31;font-size:1.6rem;line-height:2.4rem;display:inline-block;width:10rem;font-weight:600;}
.cs_center div span + a{text-decoration:underline;font-size:1.6rem;line-height:2.4rem;}
.cs_center .link_btn{text-decoration:none !important;color:#2a2c31;font-size:1.4rem;line-height:3.2rem;padding:0 1.2rem;border:1px solid #595d68;border-radius:6px;display:inline-block;}
.cs_center p{color:#595d68;font-size:1.5rem;line-height:2.2rem;margin-top:.8rem;padding-left:1.1rem;position:relative;}
.cs_center p:before{content:"\00B7";margin-right:.8rem;position:absolute;left:0;top:0;}

/*이용안내*/

/*팝업*/
.layer_pop{display:none;z-index:20;position:fixed;left:0;top:0;width:100%;height:100%;}
.layer_pop .dimm{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,.7);}
.layer_pop .popup{overflow:hidden;border-radius:8px;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 4.8rem);min-height:15.2rem;z-index:15;}
.layer_pop .popup.modify_pop{width:100%;padding:0 2.4rem;height:100vh;border-radius:0;left:0;top:0;transform:translate(0);}
.layer_pop .popup.modify_pop .pop_title{color:#2a2c31;font-size:1.6rem;line-height:140%;font-weight:600;margin-bottom:1.6px;padding:1.3rem 0;text-align:center;}
.layer_pop .popup.modify_pop input{width:100%;height:6.8rem;padding:2.6rem 1.6rem;line-height:1.6rem;color:#2a2c31;font-size:1.6rem;border-radius:6px;border:1px solid #d2d6e0;background:#fff;}
.layer_pop .popup.modify_pop .pop_form div{position:relative;}
.layer_pop .popup.modify_pop .pop_form div label{margin:0;color:#2a2c31;font-size:16px;transition:all .5s;position:absolute;left:17px;top:23px;}
.layer_pop .popup.modify_pop .pop_form input:focus ~ label{color:#595d68;font-size:1.3rem;line-height:1.3rem;top:1.2rem;}
.layer_pop .popup.modify_pop .pop_form input:focus{padding-top:3rem;padding-bottom:1.4rem;border:1px solid #2a2c31;}
.layer_pop .popup.modify_pop .pop_form input::placeholder{color:transparent;}
.layer_pop .popup.modify_pop .pop_form input:not(:placeholder-shown){padding-top:3rem;padding-bottom:1.4rem;}
.layer_pop .popup.modify_pop .pop_form input:not(:placeholder-shown) ~ label{color:#595d68;font-size:1.3rem;line-height:1.3rem;top:1.2rem;}
.layer_pop .popup.keyword_pop{width:100%;padding:0;height:100vh;border-radius:0;left:0;top:0;transform:translate(0);padding-top:5rem;}
.layer_pop .popup.keyword_pop .pop_con{background:#f4f7fb;overflow-y: scroll;height: 100%;}

.layer_pop .popup.keyword_pop .keyword_pop_title{color:#2a2c31;font-size:2.4rem;line-height:3.6rem;text-align:center;margin:2rem auto 4rem;width:60%;}
.layer_pop .popup.keyword_pop .check_search_box{position:relative;padding:0;margin:1.6rem 0;}
.layer_pop .popup.keyword_pop .check_search_con{position:relative;}
.layer_pop .popup.keyword_pop .check_search{display:flex;gap:0.8rem 1.6rem;flex-wrap:wrap;position:static;padding-right:0;height:auto;box-sizing: border-box;z-index:1;justify-content: center;}
.layer_pop .popup.keyword_pop .check_search div{position:relative;flex:0 1 auto;z-index:1;}
.layer_pop .popup.keyword_pop .check_search input{width:1px;height:0;position:absolute;left:0;top:0;z-index:-1;}
.layer_pop .popup.keyword_pop .check_search input + label{margin:0;color:#42454d;font-size:1.4rem;line-height:3.2rem;display:block;padding:0 1.2rem;border:1px solid #d2d6e0;background:#fff;border-radius:.6rem;cursor:pointer;}
.layer_pop .popup.keyword_pop .check_search input:checked + label{color:#fff;background:#ff4c00;}
.layer_pop .popup.keyword_pop .check_search input:focus-visible + label{outline:2px solid #000;}
.layer_pop .popup.keyword_pop .check_search_btn{position:absolute;right:2.4rem;top:0;z-index:20;background:#fff;width:32px;height:32px;border:0;cursor:pointer;border:1px solid #d2d6e0;border-radius:6px;}
.layer_pop .popup.keyword_pop .check_search_btn:after{display:block;width:100%;height:100%;content:"";position:absolute;left:0;top:0;background:url('../../images/bottom_arrow.png') no-repeat center;background-size:60%;transition:all .5s;}
.layer_pop .popup.keyword_pop .check_search_btn span{font-size:0;width:1px;text-indent:-999em;}
.layer_pop .popup.keyword_pop .check_search_box.active + .check_search_btn:after{transform:rotate(180deg);}

.layer_pop .popup .pop_con{padding:4rem 2.4rem;}
.layer_pop .popup .pop_con p{color:#2a2c31;font-size:1.6rem;text-align:center;line-height:2.4rem;}
.layer_pop .popup .pop_con p.error{color:#ef2222;font-size:1.4rem;text-align:left;}
.layer_pop .popup .pop_con p.error:before{content:"";display:inline-block;width:1.6rem;height:1.6rem;background:url('../../images/caution.png') no-repeat;background-size:100%;margin:-.2rem .4rem 0 0;vertical-align: middle;}
.layer_pop .btn_group{display:flex;flex-wrap:wrap;}
.layer_pop .btn_group .btn{border-radius:0;flex:1 1 50%;height:4.8rem;line-height:4.8rem;font-size:1.8rem;font-weight:400;border-left:0;border-right:0;border-bottom:0;}
.layer_pop .popup.modify_pop .btn_group{margin-top:3.2rem;gap:.8rem;justify-content:center;padding:2.4rem 0;background:#fff;}
.layer_pop .popup.modify_pop .btn_group .btn{border-radius:0;flex:1 1 40%;height:4.8rem;line-height:4.8rem;font-size:1.8rem;font-weight:400;border-radius:6px;}
.layer_pop .popup.modify_pop .btn_group .btn.line_btn{border:1px solid #898f9f;}
.layer_pop .popup .pop_con div p.dot_guide{text-align:left;color:#595d68;font-size:15px;line-height:22px;margin-top:8px;padding-left:11px;position:relative;}
.layer_pop .popup .pop_con div p.dot_guide:before{display:block;content:"";background:#595d68;width:3px;height:3px;border-radius:3px;position:absolute;left:0;top:8px;}
.pop_close_btn{width:2.4rem;height:2.4rem;position:absolute;right:1.6rem;top:1.3rem;background:url('../../images/mo_menu_close.png') no-repeat;background-size:100%;border:0;}
.pop_close_btn span{font-size:0;width:1px;text-indent:-999em;}

.layer_pop .popup .pop_con{height: 100%;overflow-y:scroll;width:100vw;margin-left:-2.4rem;padding:0 2.4rem 14rem;}
.layer_pop .popup.confirm_pop .pop_con{padding:4rem 2.4rem;}
.layer_pop .popup.alert_pop .pop_con{padding:4rem 2.4rem;width:100%;margin:0;}
.layer_pop .popup.keyword_pop .pop_con{margin-left:0;}
.layer_pop .popup .pop_con .join_form{padding-left:0;padding-right:0;}
.layer_pop .popup .pop_con .join_form input{height:4.8rem;padding:0 1.6rem;}
.layer_pop .popup .pop_con .join_agree{padding-left:0;padding-right:0;}
.layer_pop .popup .pop_con .join_agree input[type=checkbox]{border:0;width:1px;height:1px;opacity:0 !important;}
.layer_pop .popup .pop_con .join_form div select{width:8.8rem;}
.layer_pop .popup .pop_con .join_form div select.w100{width:100%;}
.layer_pop .popup .pop_con .join_form div span{width:8.8rem;}
.layer_pop .popup .pop_con .join_form div .counting{text-align:right;}
/*팝업*/

/*에러페이지*/
.error_con{margin:12rem 0 0;}
.error_con:before{display:block;width:8rem;height:8rem;content:"";margin:0 auto 2.4rem;}
.error_con.error_403:before{background:url('../../images/error1.png') no-repeat;background-size:100%;}
.error_con.error_404:before{background:url('../../images/error2.png') no-repeat;background-size:100%;}
.error_con.error_500:before{background:url('../../images/error3.png') no-repeat;background-size:100%;}
.error_con dt{color:#2a2c31;font-size:2rem;line-height:3rem;font-weight:600;margin-bottom:1.6rem;text-align:center;}
.error_con dd{padding:0 4rem;}
.error_con dd p{color:#595d68;font-size:1.6rem;text-align:center;line-height:2.4rem;}
.error_con + .btn_group{position:fixed;width:100%;left:0;bottom:0;padding-bottom:4rem;}
/*에러페이지*/

.webview{width:100%;margin-bottom:4rem;}
.webview_frame{width:100%;height:62.7rem;border:6px solid #222;border-radius:34px;margin:0 auto;display:block;}
.webview_frame + span{color:#595d68;font-size:1.6rem;display:block;text-align:center;margin-top:1.6rem;}
.webviewlist_box{width:100%;height:100vh;}
.webviewlist_box .webviewlist_control{display:flex;height:5.6rem;flex-wrap:wrap;background:#6c717e;padding:.4rem 1rem;gap:1.6rem;align-items:center;justify-content:space-between;}
.webviewlist_box .webviewlist_control h1{color:#fff;font-size:1.6rem;font-weight:400;text-align:center;line-height:2.4rem;flex:1 1 30%;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: break-all;}
.webviewlist_box .webviewlist_control .webview_prev{width:2rem;height:2rem;margin:1.2rem;background:url('../../images/webview_prev.png') no-repeat;background-size:100%;}
.webviewlist_box .webviewlist_control .webview_next{width:2rem;height:2rem;margin:1.2rem;background:url('../../images/webview_next.png') no-repeat;background-size:100%;}
.webviewlist_box .webviewlist_control button span{text-indent:-999em;font-size:0;}
.webviewlist_frame{width:100%;height:calc(100vh - 5.6rem);border:0;}

.modal-body .form-group p{font-size:1.6rem;}

}
@media screen and (min-width:641px) {

.pc_hide{display:none !important;}
.more_btn{display:none;}
.w588{width:588px !important;}

/*header*/
#header{width:100%; height:88px;padding:0 20px;border-bottom:0;position:relative;border-bottom:1px solid #eee;}
#header .header-inner{ width:1400px; padding:0 8px; margin:0 auto; display:flex;justify-content:space-between; }
#header h1{width:210px;z-index:5;flex:0 1 210px;}
#header h1 a{padding:34px 0 28px; display:inline-block;}
#header h1 img{width:100px}
#header h1 span{ display:inline-block; margin-left:8px;  margin-top:1px; color:#999; font-size:14px;}
#header .menu_group{width:100%; height:86px; }
#header .menu_group_con{display:flex;flex-direction: row-reverse;flex:0 1 100%;}
#header nav{ position:absolute; left:50%; transform:translateX(-50%); padding-left:260px; padding-right:32px;}
#header nav ul{display:flex;}
#header nav ul li{position:relative;width:126px;text-align:center;}
#header nav ul li a{font-size:18px;position:relative;color:#2a2c31; height:86px; width:100%; line-height:88px; display:inline-block;}
#header nav ul li ul{display:none;position:absolute;left:50%;margin-left:-90px;top:80px;background:#fff;border-top:2px solid #595d68;width:180px;box-shadow:0px 4px 8px 0px rgba(0,0,0,.1);border-radius:0 0 8px 8px;}
#header nav ul li ul li{padding:0;width:auto;}
#header nav ul li ul li a{padding:0;font-size:16px;color:#2a2c31;padding:4px 32px;display:block;text-align:left;}

#header nav ul li .test_menu{background:#ffc700;border-radius:100px;padding:0 16px;line-height:36px;font-size:16px;display:block;width:auto;}
#header nav ul li .test_menu:hover{background:#ffa600 !important;}
#header .member{margin:24px 0 22px;z-index:5;}
.mo_home,.mo_login_txt,.menu_close{display:none;}
#header .member ul{display:flex;margin:4px 0;}
#header .member ul li a{color:#2a2c31;font-size:14px;line-height:32px;position:relative; color:#888; font-weight:300; padding:8px 10px; border-radius:30px;}
#header .member ul li a.test_menu{ border:1px solid #ddd; color:#222;}
#header .member ul li.member01 a{padding-left:22px;}
#header .member ul li.member02 a{padding-left:22px;}
#header .member ul li.member03{color:#595d68;font-size:14px;}
#header .member ul li.member03 a{padding-left:22px;}
#header .member ul li.member03 a b{color:#2a2c31;}
#header .member ul li.setting_btn{margin-left:24px;}
#header .member ul li.setting_btn a{display:inline-block;vertical-align:middle;border-radius:100px;padding:0 8px;color:#fff;font-size:0;line-height:32px;background:#2a2c31;}
#header .member ul li.setting_btn a:before{display:inline-block;content:"";width:16px;height:16px;margin-top:2px;vertical-align:middle;background:url('../../images/member_setting.png') no-repeat;background-size:100%;} 
.mo_menu{display:none;}

/* re2025 */
.fullgnb{ display:flex;   position: absolute; width: 100%; left:0; top: 84px; background: #fff; justify-content:center; border-bottom:1px solid #eee; }
.fullgnb .fullgnb-inner{ padding-left:260px; padding-right:32px;}
.fullgnb ul.one-dept{ display:flex;}
.fullgnb ul li{  width:126px;}
.fullgnb ul.two-dept{ padding:0px 0 20px;}
.fullgnb ul.two-dept > li a{ padding:6px 0; display:block; text-align:center; font-weight:300; color:#777; font-size:14px}
.fullgnb ul.two-dept > li a:hover{ color:#222;}
.fullgnb ul.two-dept > li:nth-child(1) a{ padding:10px 0 6px;}
.sub-visualbox{ width:100%; text-align:center}
.sub-visualbox h1{ font-size:26px; font-weight: 600}
.sub-visualbox h2{ font-size:17px; margin-top:22px; font-weight:300; margin-bottom:70px;}

/*header*/
/*footer*/
#footer{background:#fff;padding:0;position:relative;z-index:10; margin:110px auto 0;}
#footer h2{width:115px;}
#footer h2 img{width:100px;mix-blend-mode: luminosity;}
#footer div.inner{display:flex;position:relative;width:1400px;margin:0 auto; align-items:center; border-top:1px solid #edf1f7; padding:50px 24px 60px;}
#footer div.inner ul{display:flex;margin-left:42px;}
#footer div.inner ul li a{color:#777;font-size:14px;font-weight:300;line-height:150%;}
#footer div.inner ul li.family_link a{ font-weight:500; color:#666;}
#footer div.inner ul li + li{ margin-left:30px;}

#footer div p{position:absolute;right:0;color:#999;font-size:11px;font-weight:300;line-height:150%;letter-spacing:0.5px}

div.quick_btn{position:fixed;display:block;right:30px;bottom:72px;width:68px;height:68px;padding:0;z-index:10;transition:all .6s;}
div.quick_btn.active{height:136px;bottom:140px;}
div.quick_btn.active a{opacity:1;}
div.quick_btn.active .live_talk{bottom:153px;}
div.quick_btn a{display:block;opacity:0;transition:all .6s;}
div.quick_btn a img{width:100%;display:block;}
div.quick_btn .live_talk_open{width:68px;height:68px;background:url('../../images/icon_talk.png') no-repeat;background-size:100%;opacity:1;}
div.quick_btn .live_talk{display:none;width:360px;height:660px;box-shadow:0px 10px 40px 0px rgba(0,0,0,.3);border-radius:16px;background:#fff;padding:24px 0 0 0;position:absolute;right:0;bottom:85px;}
#footer div.quick_btn{ display:none; position:fixed;display:block;right:30px;bottom:72px;width:68px;height:68px;padding:0;z-index:10;transition:all .6s;}
#footer div.quick_btn.active{height:136px;bottom:140px;}
#footer div.quick_btn.active a{opacity:1;}
#footer div.quick_btn.active .live_talk{bottom:153px;}
#footer div.quick_btn a{display:block;opacity:0;transition:all .6s;}
#footer div.quick_btn a img{width:100%;display:block;}
#footer div.quick_btn .live_talk_open{width:68px;height:68px;background:url('../../images/icon_talk.png') no-repeat;background-size:100%;opacity:1;}
/*#footer div.quick_btn .live_talk_open.active{background:url('../../images/icon_talk_close.png') no-repeat;background-size:100%;}*/
#footer div.quick_btn .live_talk{display:none;width:360px;height:660px;box-shadow:0px 10px 40px 0px rgba(0,0,0,.3);border-radius:16px;background:#fff;padding:24px 0 0 0;position:absolute;right:0;bottom:85px;}
.live_talk .live_talk_title{color:#2a2c31;font-size:20px;line-height:20px;padding:15px 0 15px 24px !important;}
.live_talk .live_talk_con{margin-top:8px;padding:0 !important;height:578px;}

/*footer*/

/*container*/
#container{min-height:100%;margin-top:-80px;padding-top:80px;margin-bottom:-110px;padding-bottom:110px;position:relative;z-index:1;}
#container.sub{padding-top:130px;}
#container.sub .container{width:1044px;/*margin-top:60px;*/margin-bottom:135px;}
#container.sub .container ~ .btn_group:last-child{margin-bottom:135px;}
#container .container{width:1400px;margin:0 auto;max-width:none;padding:0;}
#container .container.wide{ width:100%;}

/*마켓플레이스 검색영역*/
#container .container .check_search_con{position:relative;}
#container .container .check_search{display:flex;gap:16px 8px;flex-wrap:wrap;margin:32px 0 24px;position:relative;height:34px;overflow:hidden;box-sizing: border-box;}
#container .container .check_search_box.active .check_search{height:auto;}
#container .container .check_search div{position:relative;flex:0 1 auto;}
#container .container .check_search input{width:1px;height:0;position:absolute;left:0;top:0;z-index:-1;}
#container .container .check_search input + label{margin:0;color:#42454d;font-size:14px;line-height:32px;display:block;padding:0 16px;border:1px solid #d2d6e0;background:#fff;border-radius:6px;cursor:pointer;}
#container .container .check_search input:checked + label{color:#fff;background:#ff4c00;}
#container .container .check_search input:focus-visible + label{outline:2px solid #000;}
#container .container .check_search_con button{position:absolute;right:0;top:0;width:32px;height:32px;border:0;cursor:pointer;background:none;border:1px solid #d2d6e0;border-radius:6px;}
#container .container .check_search_con button:after{display:block;width:100%;height:100%;content:"";position:absolute;left:0;top:0;background:url('../../images/bottom_arrow.png') no-repeat center;background-size:60%;transition:all .5s;}
#container .container .check_search_con button span{font-size:0;width:1px;text-indent:-999em;}
#container .container .check_search_box.active + button:after{transform:rotate(180deg);}

/*마켓플레이스 검색바*/
#container .container .home_searchBar{position:relative;}
#container .container .home_searchBar button{position:absolute;right:26px;top:50%;margin-top:-20px;width:40px;height:40px;background:url('../../images/main_search_btn.png') no-repeat;background-size:100%;cursor:pointer;border:0;}
#container .container .home_searchBar button span{font-size:0;width:1px;height:0;visibility:hidden;}
#container .container .home_searchBar input{width:100%;height:60px;line-height:60px;padding:0 26px;color:#000;font-size:18px;border-radius:100px;border:0;background:#f4f7fb;}
#container .container .home_searchBar input::placeholder{color:#898f9f;font-size:18px;}
#container .container .home_searchBar input:focus{border:1px solid #2a2c31;background:#fff;}
/*마켓플레이스 검색영역*/

/*마켓플레이스 롤링배너*/
#container .market_banner{width:100%;height:330px;padding-top:40px;box-sizing:border-box;background:linear-gradient(0deg, #fefafa 0%, #fefafa 100%), #fcfafe;overflow:hidden;}
#container .market_banner .market-wrapper{width:1200px;margin:0 auto;height:290px;position:relative;}
#container .market_banner .market-wrapper > div{cursor:pointer;margin-bottom:32px;z-index:1;}
#container .market_banner .market-wrapper > div .box_shell{positon:relative;height:22px;transition:height .7s;overflow:hidden;}
#container .market_banner .market-wrapper > div .market-swiper-img{display:block;position:absolute;content:"";opacity:0;width:300px;height:270px;left:868px;top:20px;transition:all .7s;}
#container .market_banner .market-wrapper > div .market-swiper-img img{width:100%;display:block;}
#container .market_banner .market-wrapper > div.active{z-index:10;}
#container .market_banner .market-wrapper > div.active .box_shell{height:128px;}
#container .market_banner .market-wrapper > div.active .market-swiper-img{opacity:1;}
#container .market_banner .market-wrapper > div.active p{display:block;}
#container .market_banner .market-wrapper > div.active a{display:inline-block;}
/*#container .market_banner .market-wrapper > div.home_swiper01:after{background:url('../../images/home_swiper01.png') no-repeat;background-size:100%;}
#container .market_banner .market-wrapper > div.home_swiper02:after{width:327px;height:264px;left:856px;top:28px;background:url('../../images/home_swiper02.png') no-repeat;background-size:100%;}
#container .market_banner .market-wrapper > div.home_swiper02 .market-swiper-img{top:8px;}
#container .market_banner .market-wrapper > div.home_swiper03:after{width:291px;height:300px;left:857px;top:18px;background:url('../../images/home_swiper03.png') no-repeat;background-size:100%;}
#container .market_banner .market-wrapper > div.home_swiper03 .market-swiper-img{top:-2px;}*/
#container .market_banner .market-wrapper > div .con_title{display:inline-block;color:#6c717e;font-size:18px;line-height:100%;font-weight:400;/*transition:all .7s;*/}
#container .market_banner .market-wrapper > div .con_title .title_num{color:#6c717e;font-size:18px;line-height:100%;font-weight:400;margin-right:29px;margin-top:0;/*transition:all .7s;*/}
#container .market_banner .market-wrapper > div .con_title .title_num .max_num{display:none;}
#container .market_banner .market-wrapper > div.active .con_title{color:#000;font-size:48px;line-height:100%;font-weight:400;margin-bottom:20px;}
#container .market_banner .market-wrapper > div.active .con_title .title_num{/*transition:all .8s;*/color:#2a2c31;font-size:24px;line-height:100%;font-weight:400;margin-right:19px;vertical-align:top;margin-top:7px;display:inline-block;}
#container .market_banner .market-wrapper > div.active .con_title span.orange{color:#ff5c00;}
#container .market_banner .market-wrapper > div p{color:#000;font-size:24px;line-height:100%;font-weight:300;margin-bottom:8px;margin-left:48px;display:none;}
#container .market_banner .market-wrapper > div a{color:#595d68;font-size:14px;line-height:28px;display:inline-block;margin-left:48px;display:none;}
#container .market_banner .market-wrapper > div a:after{display:inline-block;content:"";width:16px;height:16px;background:url('../../images/right_arrow.png') no-repeat;background-size:100%;vertical-align:middle;margin-top:-2px;}


/*마켓플레이스 롤링배너*/

/*검색결과*/
.result_area{padding:60px 0;}
.result_area dl dt{margin-bottom:8px;color:#ff4c00;font-size:32px;text-align:center;line-height:48px;}
.result_area dl dd{color:#595d68;font-size:24px;text-align:center;line-height:36px;}
.result_area dl dd span{color:#ff4c00;}
/*검색결과*/

/*마켓플레이스 결과리스트*/
.market_result .result_info{display:flex;justify-content:space-between;align-items:center;margin:40px 0 16px 0;}
.market_result .result_info .result_count{font-size:16px;color:#595d68;line-height:150%;letter-spacing:-.16px;line-height:28px;}
.market_result .result_info .result_count span{font-weight:600;color:#2a2c31;}
.market_result .result_info .result_option{display:flex;align-items:center;}
.market_result .result_info .result_option .result_type{margin-left:32px;}
.market_result .result_info .result_option .result_type button{width:30px;height:28px;border:0;border-radius:4px;background:#fff;margin-left:8px;}
.market_result .result_info .result_option .result_type button.active{background-color:#f4f7fb;}
.market_result .result_info .result_option .result_type button.type01{background-image:url('../../images/list_type01.png');background-repeat:no-repeat;background-size:14px 14px;background-position:center;}
.market_result .result_info .result_option .result_type button.type02{background-image:url('../../images/list_type02.png');background-repeat:no-repeat;background-size:14px 10px;background-position:center;}
.market_result .result_info .result_option .result_type button span{font-size:0;text-indent:-999em;width:1px;}

.market_result .result_list{display:flex;gap:24px;flex-wrap:wrap;}
.market_result .result_list > div{cursor:pointer;border:1px solid #d2d6e0;background:#fff;border-radius:12px;padding:24px 32px;flex:0 1 384px;position:relative;}
.market_result .result_list > div:hover{border:1px solid #ff4c00;box-shadow:0px 4px 8px 0px rgba(0,0,0,.2);}
.market_result .result_list > div.empty{border:0;flex:0 1 100%;cursor:auto;}
.market_result .result_list > div.empty:hover{box-shadow:none;}
.market_result .result_list dl dt{margin-bottom:16px;}
.market_result .result_list dl dt .img{width:62px;margin-bottom:16px;border:1px solid #d2d6e0;border-radius:12px;overflow:hidden;}
.market_result .result_list dl dt .img img{width:100%;height:60px;display:block;}
.market_result .result_list dl dt span{color:#2a2c31;font-size:18px;font-weight:400;line-height:27px;letter-spacing:-.4px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 318px;}
.market_result .result_list dl dt span.title{color:#2a2c31;font-size:20px;line-height:30px;font-weight:600;margin-bottom:2px;display:block;}
.market_result .result_list dl dd{/*overflow:hidden;height:95px;*/padding-bottom:26px;}
.market_result .result_list dl dd .result_text{margin-bottom:16px;overflow:hidden;width:318px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.market_result .result_list dl dd .result_text u{text-decoration:none;background:none;}
.market_result .result_list dl dd p{color:#595d68;font-size:16px;line-height:24px;letter-spacing:-.16px;/*display: -webkit-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 318px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;*/}
.market_result .result_list dl dd span{background:#f4f7fb;border-radius:100px;padding:0 14px;line-height:26px;color:#2a2c31;font-size:14px;letter-spacing:-.14px;}
.market_result .result_list dl dd p *{background:none;border-radius:0;padding:0;line-height:normal;color:inherit;font-size:inherit;letter-spacing:inherit !important;}
.market_result .result_list dl dd .tags{display:flex;gap:6px;flex-wrap: wrap;position:absolute;bottom:24px;}
.market_result .result_list dl dd .tags span{color:#595d68;}
.market_result .result_list dl dd .tags span:hover{background:#dfe4ec;}
.market_result .result_list.type02{display:block;}
.market_result .result_list.type02 > div{padding:16px 0;margin-bottom:8px;border:0;}
.market_result .result_list.type02 > div:last-child{margin-bottom:0;}
.market_result .result_list.type02 > div:hover{border:0;box-shadow:none;background:linear-gradient(270deg,#fff7f5 3.92%,rgba(255,242,238,0) 68.67%);}
.market_result .result_list.type02 dl dt{margin-bottom:2px;}
.market_result .result_list.type02 dl dt .img{float:left;margin-bottom:40px;width:80px;margin-right:32px;}
.market_result .result_list.type02 dl dt .img img{height:78px;}
.market_result .result_list.type02 dl dt span{display:inline-block;margin-bottom:0;vertical-align:top;margin-top:3px;}
.market_result .result_list.type02 dl dt span.title{width:auto;margin-top:0;}
.market_result .result_list.type02 dl dt span.title:after{display:inline-block;content:"";width:1px;height:16px;background:#d2d6e0;margin:0 20px;vertical-align:middle;margin-top:-2px;}
.market_result .result_list.type02 dd .result_text{width:auto;-webkit-line-clamp:1;margin-bottom:8px;}
.market_result .result_list.type02 dd{padding-bottom:24px;position:relative;}
.market_result .result_list.type02 dd .tags{position:absolute;left:112px;bottom:0;}
.market_result .result_more{padding:14px 0;margin:24px 0 100px;text-align:center;}
.market_result .result_more button{color:#42454d;font-size:18px;line-height:36px;border:0;background:none;border-radius:12px;padding:0 24px;}
.market_result .result_more button:hover{background:#f4f7fb;}
.market_result .result_more button:after{display:inline-block;content:"";width:20px;height:20px;margin-left:8px;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;vertical-align:middle;margin-top:-2px;}
.tags{display:flex;gap:6px;flex-wrap: wrap;}
.tags span{color:#595d68;background: #f4f7fb;border-radius: 100px;padding: 0 14px;line-height: 26px;color: #2a2c31;font-size: 14px;letter-spacing: -.14px;cursor:pointer;}
.tags span:hover{background:#dfe4ec;}
/*마켓플레이스 결과리스트*/

/*마켓플레이스 상세*/
.market_view{width:996px;margin:0 auto;}
.market_view .view_title{display:flex;padding-bottom:40px;border-bottom:1px solid #d2d6e0;}
.market_view .view_title img{width:80px;height:80px;margin-right:24px;border:1px solid #d2d6e0;border-radius:11px;flex:0 1 80px;}
.market_view .view_title dl{width:100%;flex:1 1 50%;}
.market_view .view_title dl dt{color:#2a2c31;font-size:32px;font-weight:600;line-height:48px;margin-bottom:4px;position:relative;}
.market_view .view_title dl dt .share_group{display:block;width:52px;height:52px;position:absolute;right:0;top:0;}
.market_view .view_title dl dt a img{display:block;width:52px;height:52px;}
.market_view .view_title dl dt .share_group > a{z-index:10;position:relative;}
.market_view .view_title dl dt .share_group div{width:52px;border-radius:100px;border:1px solid #595d68;position:absolute;left:0;top:0;padding:68px 10px 24px;z-index:1;background:#fff;display:none;box-shadow:0px 3px 8px 0px rgba(0,0,0,.2);}
.market_view .view_title dl dt .share_group div.active{display:block;}
.market_view .view_title dl dt .share_group div a{display:block;width:100%;margin-bottom:14px;}
.market_view .view_title dl dt .share_group div a:last-child{margin-bottom:0;}
.market_view .view_title dl dt .share_group div a img{width:100%;height:100%;}
.market_view .view_title dl dt .share_group img{border:0;}
.mo_subTxt{display:none;}
.market_view .view_title dl dd p{color:#2a2c31;font-size:20px;line-height:30px;font-weight:300;margin-bottom:24px;}
.market_view .view_title dl dd div{display:flex;gap:32px;}
.market_view .view_title dl dd div div{gap:8px;}
.market_view .view_title dl dd div button{border:0;color:#fff;font-size:20px;font-weight:600;line-height:20px;height:56px;text-align:center;background:#ff4c00;padding:0 30px;border-radius:8px;width:240px;box-sizing:border-box;}
.market_view .view_title dl dd div button:before{display:inline-block;width:20px;height:20px;background:url('../../images/cs_icon.png') no-repeat;background-size:100%;content:"";margin-right:10px;vertical-align:middle;margin-top:-2px;}
.market_view .view_title dl dd div div a{display:block;width:56px;height:56px;position:relative;}
.market_view .view_title dl dd div div img{display:block;width:100%;height:100%;border:0;}
.market_view .view_title dl dd div div a:before{content:"";display:none;position:absolute;left:50%;bottom:-11px;width:10px;height:10px;background:#fff;z-index:2;border-top:1px solid #898f9f;border-right:1px solid #898f9f;transform:translateX(-50%) rotate(-45deg);}
.market_view .view_title dl dd div div a:after{color:#2a2c31;display:none;font-size:13px;line-height:19px;padding:3.5px 10px;background:#fff;border:1px solid #898f9f;border-radius:6px;z-index:1;position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);}
.market_view .view_title dl dd div div a.share01:after{content:"웹사이트";}
.market_view .view_title dl dd div div a.share02:after{content:"구글스토어";}
.market_view .view_title dl dd div div a.share03:after{content:"앱스토어";}
.market_view .view_title dl dd div div a:hover:before,.market_view .view_title dl dd div div a:hover:after{display:block;}
.market_view .view_con{padding:40px 0;}
.market_view .view_con h3{color:#2a2c31;font-size:24px;line-height:36px;font-weight:600;margin-bottom:8px;}
.market_view .view_con h4{color:#2a2c31;font-size:18px;line-height:27px;font-weight:600;margin-bottom:16px;}
.market_view .view_con .tag{display:flex;gap:6px;margin-bottom:32px;}
.market_view .view_con .tag button{display:block;padding:0 14px;color:#595d68;font-size:15px;line-height:26px;background:#f4f7fb;border-radius:100px;}
.market_view .view_con .tag button:hover{background:#dfe4ec;}
.market_view .view_con .view_p{white-space:pre-line;color:#595d68;font-size:16px;line-height:24px;letter-spacing:-.16px;}
.market_view .view_con .con_foot{border-top:1px solid #d2d6e0;padding-top:40px;margin-top:40px;}
.market_view .view_con .con_foot dl dt{color:#6c717e;font-size:20px;font-weight:600;line-height:30px;margin-bottom:8px;}
.market_view .view_con .con_foot dl dd p{color:#595d68;font-size:16px;line-height:24px;margin-bottom:16px;}
.market_view .view_con .con_foot dl dd .sns_link{display:flex;gap:8px;}
.market_view .view_con .con_foot dl dd .sns_link a{width:32px;display:block;position:relative;}
.market_view .view_con .con_foot dl dd .sns_link a:before{content:"";display:none;position:absolute;left:50%;bottom:-17px;width:10px;height:10px;background:#fff;z-index:2;border-top:1px solid #898f9f;border-right:1px solid #898f9f;transform:translateX(-50%) rotate(-45deg);}
.market_view .view_con .con_foot dl dd .sns_link a:after{color:#2a2c31;display:none;font-size:12px;line-height:19px;padding:3.5px 10px;background:#fff;border:1px solid #898f9f;border-radius:6px;z-index:1;position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);white-space: pre;}
.market_view .view_con .con_foot dl dd .sns_link img{width:100%;display:block;}
.market_view .view_con .con_foot dl dd .sns_link a:nth-child(1):after{content:"회사 홈페이지";}
.market_view .view_con .con_foot dl dd .sns_link a:nth-child(2):after{content:"페이스북";}
.market_view .view_con .con_foot dl dd .sns_link a:nth-child(3):after{content:"트위터";}
.market_view .view_con .con_foot dl dd .sns_link a:nth-child(4):after{content:"인스타그램";}
.market_view .view_con .con_foot dl dd .sns_link a:hover:before,.market_view .view_con .con_foot dl dd .sns_link a:hover:after{display:block;}
.market_view .view_swiper{position:relative;flex:1 1 572px !important;display:flex;align-items:flex-start;z-index:1;margin-top:48px;}
.market_view .view_swiper .view_swiper_con{width:100%;overflow:hidden;}
.market_view .mySwiper{z-index:1;overflow:visible;width:996px;margin:0;}
.market_view .webview + .view_swiper .mySwiper{width:360px;}
.market_view .view_swiper .swiper-slide{height:640px;border:1px solid #d2d6e0;border-radius:8px;overflow:hidden;display:flex;align-items: center;}
.market_view .view_swiper .swiper-slide img{height:640px;}
.market_view .view_swiper .swiper-button-next{position:absolute;right:-30px;top:50%;margin-top:-30px;width:60px;height:60px;background:url('../../images/swiper_arrow_next.png') no-repeat;background-size:100%;}
/*.market_view .view_swiper .swiper-button-next:hover{background:url('../../images/swiper_arrow_next_hover.png') no-repeat;background-size:100%;}*/
.market_view .view_swiper .swiper-button-next:active{background:url('../../images/swiper_arrow_next_press.png') no-repeat;background-size:100%;}
.market_view .view_swiper .swiper-button-prev{position:absolute;left:-30px;top:50%;margin-top:-30px;width:60px;height:60px;background:url('../../images/swiper_arrow_prev.png') no-repeat;background-size:100%;}
/*.market_view .view_swiper .swiper-button-prev:hover{background:url('../../images/swiper_arrow_prev_hover.png') no-repeat;background-size:100%;}*/
.market_view .view_swiper .swiper-button-prev:active{background:url('../../images/swiper_arrow_prev_press.png') no-repeat;background-size:100%;}
.market_view .view_swiper .swiper-button-next:after,.market_view .view_swiper .swiper-button-prev:after{display:none;}
.market_view .view_swiper .swiper-button-next.swiper-button-disabled{background:url('../../images/swiper_arrow_next_disabled.png') no-repeat;background-size:100%;opacity:1;}
.market_view .view_swiper .swiper-button-prev.swiper-button-disabled{background:url('../../images/swiper_arrow_prev_disabled.png') no-repeat;background-size:100%;opacity:1;}
#player{background:rgba(0,0,0,.2);position:relative;}
#player img{height:auto;}
#player a:before{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);content:"";display:block;}
#player a:after{position:absolute;left:50%;top:50%;margin:-23px 0 0 -23px;width:46px;height:46px;background:url('../../images/play_btn.png') no-repeat;background-size:100%;content:"";display:block;}
#player a{position:static;}

.light_box{position:fixed;left:0;top:0;background:rgba(0,0,0,.7);width:100%;height:100%;z-index:15;display:none;}
.light_box .light_box_swiper{width:432px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:width .5s;}
.light_box .light_box_swiper.arrow_position{width:1120px;}
.light_box .light_box_swiper .swiper-wrapper{align-items:center;}
.light_box .light_box_swiper .swiper-slide{overflow:hidden;text-align:center;}
.light_box .light_box_swiper .swiper-slide img{width:432px;}
.light_box .light_box_swiper .swiper-slide#player{background:none;}
.light_box .light_box_swiper .swiper-slide#player img{width:1120px;}
.light_box .light_box_swiper .swiper-slide iframe{height:630px;width:100%;border:0;}
.light_box .light_box_swiper #player + .swiper-slide{width:432px;}
.light_box .light_close{width:60px;height:61px;background:url('../../images/light_close.png') no-repeat;background-size:100%;cursor:pointer;position:absolute;right:-84px;top:0;border:0;}
.light_box .light_close span{font-size:0;width:1px;text-indent:-999em;}
.light_box .swiper-button-next{position:absolute;right:-72px;top:50%;margin-top:-16px;width:60px;height:60px;background:url('../../images/swiper_arrow_next.png') no-repeat;background-size:100%;}
.light_box .swiper-button-prev{position:absolute;left:-72px;top:50%;margin-top:-16px;width:60px;height:60px;background:url('../../images/swiper_arrow_prev.png') no-repeat;background-size:100%;}
.light_box .swiper-button-next:active{background:url('../../images/swiper_arrow_next_press.png') no-repeat;background-size:100%;}
.light_box .swiper-button-prev:active{background:url('../../images/swiper_arrow_prev_press.png') no-repeat;background-size:100%;}
.light_box .swiper-button-next.swiper-button-disabled{background:url('../../images/swiper_arrow_next_disabled.png') no-repeat;background-size:100%;}
.light_box .swiper-button-prev.swiper-button-disabled{background:url('../../images/swiper_arrow_prev_disabled.png') no-repeat;background-size:100%;}
.light_box .swiper-button-next:after,.light_box .swiper-button-prev:after{display:none;}
.light_box .swiper-pagination{position: relative;top: auto;bottom: 0;margin-top: 24px;transition:bottom .5s;}
.light_box .light_box_swiper.arrow_position .swiper-pagination{bottom:72px;}
.light_box .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff;border-radius:10px;opacity:1;}
.light_box .swiper-pagination .swiper-pagination-bullet-active{width:20px;background:#ff4c00;}

/*마켓플레이스 상세*/

.lnb{flex:0 1 164px;overflow:hidden;}
.lnb h3{color:#2a2c31;font-size:24px;line-height:36px;font-weight:600;}
.lnb ul li{border-bottom:1px solid #dfe4ec;}
.lnb ul li button{font-weight:400;border:0;background:0;padding:24px 0;text-align:left;color:#2a2c31;font-size:16px;line-height:24px;display:inline-block;position:relative;width:100%;}
.lnb ul li.on .depth1:before{display:block;width:3px;height:3px;border-radius:3px;content:"";position:absolute;left:7px;top:33px;background:#ff4c00;}
.lnb ul li.on .depth1{color:#ff4c00;padding-left:15px;}
.lnb ul li .depth1:hover{font-weight:600;}
.lnb ul li a{padding:24px 0;text-align:left;color:#2a2c31;font-size:16px;line-height:24px;display:inline-block;position:relative;width:100%;}
.lnb ul li a:hover{text-decoration:none;}
.lnb ul li .depth2:after{display:block;content:"";position:absolute;right:0;top:50%;margin-top:-10px;width:20px;height:20px;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;}
.lnb ul li.on .depth2{font-weight:600;}
.lnb ul li.on .depth2:after{transform:rotate(180deg);}
.lnb ul li.on ul{display:block;}
.lnb ul li ul{background:#f4f7fb;padding:12px 0;border-top:1px solid #595d68;display:none;}
.lnb ul li ul li{border:0;}
.lnb ul li ul li a{padding:6px 16px;color:#2a2c31;font-size:15px;line-height:22px;position:relative;}
.lnb ul li ul li a:after{display:none;}
.lnb ul li ul li a.active{color:#ff4c00;}
.lnb ul li ul li a.active:before{display:block;width:3px;height:3px;border-radius:3px;content:"";position:absolute;left:7px;top:15px;background:#ff4c00;}

.lnb ~ .sub_con{flex:0 1 840px;width:840px;position:relative;}
.sub_con{width:996px;position:relative;margin:0 auto;flex:1 1 50%;}
.sub_con h3{color:#2a2c31;font-size:32px;line-height:48px;font-weight:600;}
.sub_con .right_map{position:fixed;top:224px;right:50%;margin-right:-658px;}
.sub_con .right_map .right_list_btn{color:#2a2c31;font-size:15px;line-height:22px;padding:5px 16px 5px 38px;background:url('../../images/list_type02.png') no-repeat 14px center #fff;background-size:12px;border:1px solid #d2d6e0;border-radius:6px;display:block;margin-bottom:24px;}
.sub_con .right_map .right_list_btn:hover{background-color: #f4f7fb;}
.sub_con .right_map ul li{margin-bottom:8px;}
.sub_con .right_map ul li:last-child{margin-bottom:0;}
.sub_con .right_map ul li a{color:#898f9f;font-size:15px;line-height:22px;}
.sub_con .right_map ul li a.active{color:#ff4c00;text-decoration:underline;}
.sub_con .right_map ul li a:before{display:inline-block;width:7px;height:10px;background:url('../../images/point.png') no-repeat;background-size:100%;content:"";margin-right:8px;vertical-align:middle;margin-top:-6px;}
.sub_con .right_map ul li a.active:before{background:url('../../images/point_on.png') no-repeat;background-size:100%;content:"";}
.sub_con .title_box{border:1px solid #d2d6e0;border-radius:8px;padding:32px 40px;margin-bottom:60px;position:relative;}
.sub_con .title_box h3{color:#2a2c31;font-size:32px;line-height:48px;margin-bottom:32px;}
.sub_con .title_box p{color:#595d68;font-size:18px;line-height:27px;margin-bottom:4px;display:inline-flex;align-items:center;}
.sub_con .title_box .btn_group{justify-content:flex-start;}
.sub_con .title_box .btn{height:48px;line-height:48px;}
.sub_con .title_box .download_group{right:40px;bottom:32px;top:auto;position:absolute;}
.sub_con .title_box .download_group .download{position:relative;right:auto;bottom:auto;top:auto;margin-left:8px;}
/*.sub_con .title_box .download{right:40px;bottom:32px;top:auto;}*/
.sub_con .section + .section{margin-top:60px;}
.sub_con .section_title{color:#2a2c31;font-size:24px;font-weight:600;line-height:36px;margin-bottom:16px;}
.sub_con .subtitle{color:#2a2c31;font-size:20px;font-weight:600;line-height:30px;margin-bottom:16px;}
.sub_con .section .section_title + div .subtitle{margin-top:24px;}
.sub_con .section .dot_title{color:#2a2c31;font-size:16px;font-weight:600;line-height:24px;padding-left:10px;margin-bottom:16px;position:relative;}
.sub_con .section .dot_title:before{display:inline-block;content:"";width:4px;height:4px;border-radius:4px;background:#2a2c31;position:absolute;left:0;top:50%;margin-top:-2px;}
.sub_con .section dd + .dot_title{margin-top:40px;}
.sub_con .section dd textarea{width:100%;height:140px;resize:none;border-radius:4px;padding:8px 4px 4px 8px;border:1px solid #595d68;}


.response_con .response_btn{text-align:right;margin-bottom:16px;}
.response_con .response_btn a{color:#2a2c31;font-size:16px;line-height:24px;}
.response_con .response_btn a:after{display:inline-block;width:28px;height:28px;background:url('../../images/close_icon.png') no-repeat;background-size:100%;content:"";margin-left:8px;vertical-align:middle;margin-top:-2px;}
.response_con .response_code{background:#f4f7fb;padding:40px 24px;border-top:1px solid #d2d6e0;border-bottom:1px solid #d2d6e0;}
.response_con pre{white-space:pre-line;display:block;color:#fff;font-size:16px;line-height:24px;background:#42454d;padding:24px;border-radius:4px;margin-top:16px;overflow:hidden;letter-spacing:-.16px;}
.response_con p{color:#2a2c31;font-size:20px;font-weight:600;line-height:30px;}
.response_con pre + p{margin-top:40px;}
.sample_code_con ul{display:flex;gap:8px;}
.sample_code_con ul li{flex:0 1 20%;}
.sample_code_con ul li button{border:1px solid #d2d6e0;border-radius:6px;color:#2a2c31;font-size:15px;text-align:center;height:44px;line-height:24px;background:#fff;width:100%;}
.sample_code_con ul li button.active{background:#f4f7fb;border:1px solid #595d68;}
.sample_code_con ul li button:before{width:24px;height:24px;content:"";display:inline-block;margin-right:8px;vertical-align:middle;margin-top:-2px;}
.sample_code_con ul li button.code01:before{background:url('../../images/devcode01.png') no-repeat center;background-size:100%;}
.sample_code_con ul li button.code02:before{background:url('../../images/devcode02.png') no-repeat center;background-size:100%;}
.sample_code_con ul li button.code03:before{background:url('../../images/devcode03.png') no-repeat center;background-size:100%;}
.sample_code_con ul li button.code04:before{background:url('../../images/devcode04.png') no-repeat center;background-size:100%;}
.sample_code_con ul li button.code05:before{background:url('../../images/devcode05.png') no-repeat center;background-size:100%;}
.sample_code_con pre{white-space:pre;display:block;color:#fff;font-size:16px;line-height:24px;background:#42454d;padding:24px;border-radius:4px;margin-top:16px;overflow:hidden;letter-spacing:-.16px;}

.sub_search + .result_info{margin-top:60px;}
.result_info{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px 0;}
.result_info .result_count{font-size:15px;color:#595d68;line-height:150%;letter-spacing:-.16px;line-height:28px;}
.result_info .result_count span{font-weight:600;color:#2a2c31;}
/*api리스트*/
.api_list{margin-top:60px;}
.api_list ul{border-top:1px solid #2a2c31;}
.api_list ul li{border-bottom:1px solid #d2d6e0;position:relative; }
.api_list ul li:last-child{margin-bottom:0;}
.api_list ul li a{display:block;padding:20px 16px;}
.api_list ul li a .api_list_title{color:#2a2c31;font-size:18px;font-weight:400;line-height:27px;}
.api_list ul li a .api_list_subtitle{margin-bottom:8px;color:#595d68;font-size:16px;line-height:24px;}
.api_list ul li a .api_list_subtitle .orange{color:#ff4c00;}
.api_list ul li a .api_list_subtitle .badge{color:#0086ff;font-size:14px;line-height:22px;padding:0 8px;border:1px solid #d2d6e0;border-radius:4px;display:inline-block;margin-left:8px;}
.api_list ul li a .api_list_subtitle .badge.fill{background:#f4f7fb;border-radius:100px;border:0;}
.api_list ul li .btn_box{position:absolute;right:24px;top:31.5px;}
.api_list ul li .view_box{position:absolute;left:14px;top:50%; width:60px; height:60px; transform: translateY(-50%);}
.api_list ul li .view_box img{width:100%; border-radius:8px; cursor:pointer}
.api_list ul li .view_box.hasThumb::after{content:''; width:24px; height:24px; position:absolute; background:#fff url('../../images/2025/2025icon-view.png') no-repeat center;background-size:14px; border-radius:50%; box-shadow:0 0 6px rgba(0,0,0,.5); left:47px; top:28px}
.api_list.has_thumbnail ul li{padding-left:80px;}
.download{padding:5px 34px 5px 16px;border-radius:6px;border:1px solid #d2d6e0;background:#fff;position:relative;}
.download + .download{margin-left:8px;}
.download:hover{background:#f4f7fb;}
.download:after{display:block;width:16px;height:16px;content:"";position:absolute;right:10px;top:8px;background:url('../../images/download_icon.png') no-repeat;background-size:100%;}
.download span{color:#2a2c31;font-size:15px;line-height:22px;}

.api_test{width:840px;}
.api_test h4{color:#2a2c31;font-size:20px;line-height:30px;font-weight:600;margin-bottom:16px;}
.api_test h4 + .info_table{margin-top:0;}
.api_test .api_test_area{margin-top:16px;border:1px solid #898f9f;border-radius:8px;padding:48px 40px;}
.api_test .api_test_area h4{color:#2a2c31;font-size:24px;line-height:36px;text-align:center;font-weight:400;margin-bottom:24px;}
.api_test .response_con .response_code{border:0;background:0;padding:0;}
.api_test .response_con .response_code + .response_code pre{margin-top:0;}
.api_test .info_table{margin-top:60px;}
.api_test .info_table td{padding:16px;}
.api_test .info_table td .flex{flex-wrap:wrap;gap:40px;}
.api_test .info_table td .flex{flex-wrap:nowrap;}
.api_test .info_table td textarea{width:100%;border-radius:6px;padding:16px;height:152px;}
.api_test .info_table.type2{border-top:1px solid #d2d6e0;}
.api_test .info_table.type2 th{border-right:1px solid #d2d6e0;}
.api_test .info_table.type2 input{width:100%;border:1px solid #d2d6e0;height:48px;padding:0 16px;color:#2a2c31;font-size:16px;border-radius:6px;}
.api_test .info_table.type2 input:focus{border:1px solid #2a2c31;}
.socket_form1{flex:1 1 124px !important;display:flex;align-items:center;}
.socket_form1 input{width:80px;margin-left:16px;border:1px solid #d2d6e0;height:48px;padding:0 16px;color:#2a2c31;font-size:16px;border-radius:6px;}
.socket_form2{flex:1 1 640px !important;display:flex;align-items:center;}
.socket_form2 input{width:596px;margin-left:16px;border:1px solid #d2d6e0;height:48px;padding:0 16px;color:#2a2c31;font-size:16px;border-radius:6px;}
.api_test .line_btn{line-height:38px;color:#2a2c31;font-size:16px;padding:0 16px;width:auto;}

.paging{display:flex;justify-content:center;margin-top:40px;}
.paging ul{display:flex;gap:8px;margin:0 16px;}
.paging ul li{flex:0 1 28px;}
.paging ul li a{color:#595d68;font-size:15px;line-height:28px;display:block;width:28px;text-align:center;border-radius:8px;}
.paging ul li a.active{color:#ff4c00;text-decoration:underline;}
.paging ul li a:hover,.paging .first a:hover,.paging .last a:hover,.paging .prev a:hover,.paging .next a:hover{background-color:#f4f7fb;}
.paging .first a{display:block;width:28px;height:28px;background:url('../../images/paging_first.png') no-repeat;background-size:100%;border-radius:8px;}
.paging .first span{font-size:0;text-indent:-999em;}
.paging .last a{display:block;width:28px;height:28px;background:url('../../images/paging_last.png') no-repeat;background-size:100%;border-radius:8px;}
.paging .last span{font-size:0;text-indent:-999em;}
.paging .prev a{display:block;width:28px;height:28px;background:url('../../images/paging_prev.png') no-repeat;background-size:100%;border-radius:8px;}
.paging .prev span{font-size:0;text-indent:-999em;}
.paging .next a{display:block;width:28px;height:28px;background:url('../../images/paging_next.png') no-repeat;background-size:100%;border-radius:8px;}
.paging .next span{font-size:0;text-indent:-999em;}

/*멤버*/

/*로그인*/
#container.sub.member_con .container{width:1280px;}
.login_box{width:100%;min-height:374px;padding:24px 0 60px;background:#fff;margin:0 auto;text-align:center; border:1px solid #eee; border-radius:32px;}
.login_box h3{color:#2a2c31;font-size:32px;text-align:center;font-weight:600;line-height:48px;}
.login_box p{color:#2a2c31;font-size:18px;text-align:center;margin-top:8px;}
.login_box p + div{display:inline-block;}
.login_box p + div p{text-align:left;}
.login_box .id_result:last-child{margin-top:24px;margin-bottom:40px;}
.login_box p .primary{font-size:24px;color:#ff4c00;line-height:36px;font-weight:600;}
.login_box p.dot_guide{width:384px;text-align:left;color:#595d68;font-size:18px;line-height:27px;padding-left:11px;position:relative;margin:0 auto;margin-top:8px;}
.login_box p.dot_guide:before{display:block;content:"";background:#595d68;width:3px;height:3px;border-radius:3px;position:absolute;left:0;top:8px;}
.login_box .form_box{width:420px;margin:40px auto 20px;}
.login_box .form_box div{position:relative;}
.login_box .form_box div label{margin:0;color:#999;font-size:16px;transition:all .5s;position:absolute;left:28px;top:18px;font-weight:300}
.login_box .form_box input:focus ~ label{color:#595d68;font-size:13px;line-height:13px;top:12px;}
.login_box .form_box input:focus{padding-top:30px;padding-bottom:14px;border:1px solid #2a2c31;}
.login_box .form_box input:not(:placeholder-shown){padding-top:30px;padding-bottom:14px;opacity:1;}
.login_box .form_box input:not(:placeholder-shown) ~ label{color:#595d68;font-size:13px;line-height:13px;top:10px;}
.login_box input{border:1px solid #d2d6e0;border-radius:2px;padding:22px 16px 22px 28px;height:58px;color:#2a2c31;font-size:16px;line-height:21px;margin-bottom:16px;width:100%;box-sizing:border-box;}
.login_box input::placeholder{color:#898f9f;opacity:0;font-size:16px;}
.login_box input.error{border:1px solid #ef2222;}
.login_box p.error{color:#ef2222;padding-left:20px;position:relative;text-align:left;font-size:14px;line-height:21px; background:url('../../images/error_icon.png')left 2px no-repeat; background-size:16px auto;}
.login_box .login_btn{ flex:0 1 420px !important; border-radius:2px; font-size:17px; font-weight:300}
.login_box .phone{border:1px solid #d2d6e0;border-radius:6px;padding:32px 16px 14px;color:#2a2c31;font-size:16px;line-height:21px;margin-bottom:16px;width:100%;box-sizing:border-box;}
.login_box .phone .flex{gap:32px;padding:0;}
.login_box .phone input:focus{border:0;outline:0;}
.login_box .phone select{color:#2a2c31;font-size:16px;line-height:16px;height:20px;width:80px;}
.login_box .phone select:focus{background:none;border-radius:0;}
.login_box .form_box .phone label{margin:0;color:#595d68;font-size:13px;line-height:13px;top:12px;position:absolute;left:17px;}
.login_box .phone span{display:block;width:80px;position:relative;}
.login_box .phone span:before{content:"";display:block;width:8px;height:1px;background:#898f9f;position:absolute;left:-16px;top:8px;}
.login_box .phone span input{border:0;height:20px;padding:0 !important;margin:0;width:100%;text-align:center;}
.member_modi{width:420px; display:flex; justify-content:space-between;margin:32px auto 0;}
.member_modi ul{gap:26px;flex-wrap:nowrap;}
.member_modi ul li{position:relative;}
.member_modi a{color:#444;font-size:15px;line-height:14px;display:flex;align-items:center;}
.member_modi ul li a{ color:#aaa;font-weight:200}

.id_result{color:#2a2c31;font-size:20px;line-height:30px;font-weight:400;margin:40px 0 24px;}
.id_result b{font-weight:600;}
.id_result.primary{color:#ff4c00;font-size:24px;line-height:36px;font-weight:600;margin-bottom:40px;}

.modi_info{color:#595d68;font-size:14px;line-height:21px;font-weight:400;text-align:center;display:flex;align-items:center;justify-content:center;}
.modi_info:before{display:inline-block;width:16px;height:16px;content:"";background:url('../../images/icon_important.png') no-repeat;background-size:100%;margin-right:4px;}
.modi_info a{color:#2a2c31;font-weight:600;}

/*로그인*/
/*회원가입*/
.join_process{margin-top:0 !important;margin-bottom:0 !important;}
.join_step{display:flex;align-items:center;justify-content:center;margin-bottom:32px;gap:16px;position:relative;z-index:0;}
.join_step:after{width:200px;height:1px;background:#d2d6e0;position:absolute;left:50%;margin-left:-100px;top:50%;content:"";}
.join_step span{color:#fff;font-size:13px;line-height:24px;background:#a7adbe;border-radius:100px;padding:0 13px;position:relative;z-index:5;}
.join_step span.active{color:#2a2c31;font-size:14px;line-height:40px;font-weight:600;border:1px solid #d2d6e0;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);padding:0 20px;}
.join_step span.past{background:#595d68;}
.join_process h3{color:#2a2c31;font-size:32px;line-height:48px;font-weight:600;width:996px;margin:0 auto 32px;}
.join_process .join_box{background:#fff;border-radius:12px;padding:40px 204px 60px;width:996px;margin:0 auto;}
.join_info{padding:32px 40px;border-radius:12px;border:1px solid #d2d6e0;}
.join_info dl dt{color:#2a2c31;font-size:18px;font-weight:600;line-height:27px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #d2d6e0;}
.join_info dl dd ul li{margin-bottom:16px;}
.join_info dl dd ul li:last-child{margin-bottom:0;}
.join_info dl dd .dot_title{color:#2a2c31;font-size:15px;font-weight:600;line-height:22px;position:relative;margin-bottom:8px;padding-left:11px;}
.join_info dl dd .dot_title:before{display:block;content:"";width:3px;height:3px;border-radius:3px;background:#595d68;position:absolute;left:0;top:8px;}
.join_info dl dd p{color:#595d68;font-size:15px;line-height:22px;padding-left:11px;}
.caution{background:#fff8f8;padding:12px 16px;border-radius:8px;}
.caution .dot_title{color:#ef2222;font-size:15px;font-weight:600;padding-left:20px;margin-bottom: 4px;}
.caution .dot_title:before{display:inline-block;content:"";width:16px;height:16px;background:url('../../images/caution.png') no-repeat;background-size:100%;top:2px;position:absolute;left:0;}
.caution p{color:#ef2222;font-size:15px;padding-left:0;}
.join_info .caution{background:#fff8f8;padding:12px 16px;border-radius:8px;}
.join_info .caution .dot_title{color:#ef2222;font-size:15px;font-weight:600;padding-left:20px;margin-bottom: 4px;}
.join_info .caution .dot_title:before{content:"";width:16px;height:16px;background:url('../../images/caution.png') no-repeat;background-size:100%;top:2px;}
.join_info .caution p{color:#ef2222;font-size:15px;padding-left:0;}
.join_agree{padding:32px 40px;border-radius:12px;border:1px solid #d2d6e0;margin:16px 0 40px;}
.join_agree .checkAll{padding-bottom:16px;border-bottom:1px solid #d2d6e0;margin-bottom:16px;position:relative;}
.join_agree .checkAll.nonBorder{border-bottom:0;padding-bottom:12px;margin-bottom:12px;}
.join_agree .checkAll input{width:1px;height:1px;position:absolute;left:0;top:0;z-index:-1;}
.join_agree .checkAll input + label{margin:0;color:#2a2c31;font-size:18px;font-weight:600;line-height:27px;padding-left:40px;position:relative;}
.join_agree .checkAll input + label:before{display:block;width:24px;height:24px;content:"";background:url('../../images/chkAll_off.png') no-repeat;background-size:100%;position:absolute;left:0;top:0;}
.join_agree .checkAll input:focus-visible + label{outline:auto;}
.join_agree .checkAll input:checked + label:before{background:url('../../images/chkAll_on.png') no-repeat;background-size:100%;}
.join_agree .checkAll a {display: block;width: 20px;height: 20px;background: url('../../images/right_arrow.png') no-repeat;background-size: 100%;position: absolute;right: 0;top: 2px;}
.join_agree .checkAll a span {width: 1px;font-size: 0;text-indent: -999em;}
.join_agree ul li{margin-bottom:16px;position:relative;}
.join_agree ul li + .caution{margin-top:32px;}
.join_agree ul li:last-child{margin-bottom:0;}
.join_agree ul li div{position:relative;}
.join_agree ul li input{width:1px;height:1px;position:absolute;left:0;top:0;z-index:-1;}
.join_agree ul li input + label{margin:0;color:#2a2c31;font-size:16px;line-height:24px;padding-left:40px;position:relative;}
.join_agree ul li input + label:before{display:block;width:24px;height:24px;content:"";background:url('../../images/chk_off.png') no-repeat;background-size:100%;position:absolute;left:0;top:0;}
.join_agree ul li input:focus-visible + label{outline:auto;}
.join_agree ul li input:checked + label:before{background:url('../../images/chk_on.png') no-repeat;background-size:100%;}
.join_agree ul li a{display:block;width:20px;height:20px;background:url('../../images/right_arrow.png') no-repeat;background-size:100%;position:absolute;right:0;top:2px;}
.join_agree ul li a span{width:1px;font-size:0;text-indent:-999em;}
.pass_check{width:384px;margin:0 auto 40px;}
.pass_check dl{margin-bottom:32px;padding-top:20px;}
.pass_check dl dt{color:#2a2c31;font-size:24px;line-height:36px;font-weight:600;margin-bottom:8px;}
.pass_check dl dd{color:#2a2c31;font-size:18px;line-height:27px;}
.pass_check div{position:relative;}
.pass_check div input{width:100%;height:68px;padding:26px 16px;border:1px solid #d2d6e0;border-radius:6px;color:#2a2c31;font-size:16px;line-height:16px;}
.pass_check div input::placeholder{color:#2a2c31;font-size:16px;line-height:16px;}
.pass_check div label{margin:0;color:#2a2c31;font-size:16px;transition:all .5s;position:absolute;left:17px;top:23px;}
.pass_check input:focus ~ label{color:#595d68;font-size:13px;line-height:13px;top:12px;}
.pass_check input:focus{padding-top:30px;padding-bottom:14px;border:1px solid #2a2c31;}
.pass_check input:not(:placeholder-shown){padding-top:30px;padding-bottom:14px;}
.pass_check input:not(:placeholder-shown) ~ label{color:#595d68;font-size:13px;line-height:13px;top:12px;}
.pass_check input::placeholder {color: transparent !important;font-size: 16px;}
.btn_group.my .btn{flex:0 1 240px !important;}
.join_form div.my_info{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #595d68;padding-bottom:40px;align-items:end;}
.join_form div.my_info div{margin-bottom:0;}
.join_form div.my_info div span:before{display:none;}
.join_form div.my_info div p{color:#2a2c31;font-size:32px;font-weight:600;line-height:48px;margin-top:8px;padding-left:0;}
.join_form div.my_info div p span{font-size:20px;color:#0086ff;text-decoration:underline;}
.join_form div.my_info div p:before{display:none;}
.join_form div.my_info button{position:relative;right:auto;bottom:auto;}
.my_info h4{margin-top:40px !important;}
.withdraw{text-align:right;width:996px;margin:24px auto 100px;}
.withdraw a{color:#2a2c31;font-size:16px;line-height:24px;text-decoration:underline;}
.withdraw a:hover{font-weight:600;text-decoration:underline !important;}

.join_form h4{color:#2a2c31;font-size:20px;line-height:30px;font-weight:600;margin-bottom:16px;}
.join_form div + h4{margin-top:60px;}
.join_form div + h4.flex{justify-content:space-between;align-items:center;}
.join_form div + h4 .caption{color:#595d68;font-size:14px;line-height:21px;}
.join_form div + h4 .caption:before{display:inline-block;content:"";width:16px;height:16px;background:url('../../images/icon_important.png') no-repeat;background-size:100%;margin-right:4px;vertical-align:middle;margin-top:-2px;}
.join_form div.my_info + h4{margin-top:40px;}
.join_form div{position:relative;margin-bottom:32px;}
.join_form div label{margin:0;color:#2a2c31;font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px;display:block;}
.join_form div input{border:1px solid #d2d6e0;height:48px;padding:0 16px;line-height:48px;width:100%;border-radius:6px;}
.join_form div input:focus{border:1px solid #2a2c31;outline:0;}
.join_form div a{color:#fff;font-size:14px;line-height:32px;padding:0 12px;border-radius:6px;background:#2a2c31;position:absolute;right:16px;bottom:8px;}
.join_form div button{color:#fff;font-size:14px;line-height:32px;padding:0 12px;border-radius:6px;background:#2a2c31;position:absolute;right:16px;bottom:8px;}
.join_form div button.phone_num_btn{right:0;color:#2a2c31;background:#fff;border:1px solid #d2d6e0;}
.join_form div p{color:#595d68;font-size:15px;line-height:22px;margin-top:8px;padding-left:11px;position:relative;}
.join_form div p:before{display:block;content:"";background:#595d68;width:3px;height:3px;border-radius:3px;position:absolute;left:0;top:8px;}
.join_form div .flex{gap:24px;}
.join_form div select{width:180px;height:48px;padding:0 10px 0 16px;border:1px solid #d2d6e0;border-radius:6px;opacity: 1;}
.join_form div select + span{width:180px;}
.join_form.type2 div select{width:130px;height:48px;padding:0 10px 0 16px;border:1px solid #d2d6e0;border-radius:6px;}
.join_form.type2 div select ~ span{width:120px;flex:1 1 120px;}
.join_form div select.w100{width:100%;background-position:98% 50% !important;}
.join_form div select:focus{border:1px solid #2a2c31;}
.join_form div span{width:180px;display:inline-block;position:relative;flex: 1 1 180px;}
.join_form div span:before{display:inline-block;width:8px;height:1px;background:#898f9f;position:absolute;left:-16px;top:24px;content:"";}
.join_form div span.nonBar:before{display:none;}
.join_form p.dot_guide{text-align:left;color:#595d68;font-size:15px;line-height:22px;margin-bottom:16px;padding-left:11px;position:relative;}
.join_form p.dot_guide:before{display:block;content:"";background:#595d68;width:3px;height:3px;border-radius:3px;position:absolute;left:0;top:8px;}
.join_type{gap:16px;margin-bottom:40px !important;}
.join_type ~ div{margin-bottom:40px;}
.join_type .radio{flex:1 1 48%;margin-bottom:0;}
.join_type .radio label{border:1px solid #dfe4ec;border-radius:8px;padding:32px;}
.join_type .radio label:before{position:absolute;left:16px;top:16px;}
.join_type .radio input:checked + label{background:#fffaf9;border:1px solid #ff4c00;}
.join_type dl{width:190px;margin:0 auto;}
.join_type .radio:last-child dl{width:190px;}
.join_type dl:before{width:80px;height:80px;display:block;margin:0 auto 16px;content:"";}
.join_type .radio:first-child dl:before{background:url('../../images/join_type01.png') no-repeat;background-size:100%;}
.join_type .radio:last-child dl:before{background:url('../../images/join_type02.png') no-repeat;background-size:100%;}
.join_type dt{color:#2a2c31;font-size:24px;font-weight:600;text-align:center;margin-bottom:10px;line-height:36px;}
.join_type dd{color:#595d68;font-size:15px;font-weight:400;text-align:center;line-height:22px;}
.gray_box{padding:12px 16px;background:#f4f7fb;border-radius:8px;}
.gray_box dl dt{margin-bottom:4px;color:#595d68;font-size:15px;line-height:22px;font-weight:600;}
.gray_box dl dt:before{display:inline-block;width:16px;height:16px;content:"";background:url('../../images/icon_important.png') no-repeat;background-size:100%;vertical-align:middle;margin-top:-2px;margin-right:4px;}
.gray_box dl dd ul li{color:#595d68;font-size:15px;line-height:22px;}
.gray_box dl dd ul li ~ li{margin-top:4px;}
.gray_box dl dd ul li:before{width:3px;height:3px;background:#595d68;border-radius:3px;content:"";display:inline-block;margin-right:8px;vertical-align:middle;margin-top:-2px;}
.join_form.type2 div span{display:inline-block;position:relative;}
.join_form.type2 div span:before{display:inline-block;width:8px;height:1px;background:#898f9f;position:absolute;left:-16px;top:24px;content:"";}
.join_form div span + .check_btn{width:140px;height:48px;background:#f4f7fb;color:#a7adbe;position:relative;right:0;bottom:0;}
.join_form div span + .check_btn.active{background:#2a2c31;color:#fff;}
.join_form div span.counting{color:#ef2222;font-size:16px;line-height:48px;position:absolute;right:16px;top:0;width:auto;text-align:right;}
.join_form div span.counting:before{display:none;}
.join_form div .person_num span{flex:1 1 40%;display:flex;align-items:center;}
.join_form div .person_num span:first-child:before{display:none;}
.join_form div .person_num span strong{font-size:50px;line-height:0;margin-left:8px;}
.join_form div .person_num span:last-child input{width:48px;}
.join_form div input.confirm{border:1px solid #0086ff;}
.join_form div input.error{border:1px solid #ef2222;}
.join_form div p.confirm{color:#0086ff;padding-left:20px;position:relative;}
.join_form div p.confirm:before{display:block;width:16px;height:16px;content:"";background:url('../../images/confirm_icon.png') no-repeat;background-size:100%;position:absolute;left:0;top:2px;}
.join_form div p.error{color:#ef2222;padding-left:20px;position:relative;}
.join_form div p.error:before{display:block;width:16px;height:16px;content:"";background:url('../../images/error_icon.png') no-repeat;background-size:100%;position:absolute;left:0;top:2px;}
.join_complete{margin:40px 0;}
.join_complete:before{display:block;width:80px;height:80px;content:"";background:url('../../images/join_complete.png') no-repeat;background-size:100%;margin:0 auto 24px;}
.join_complete dt{color:#2a2c31;font-size:24px;line-height:36px;font-weight:600;margin-bottom:16px;text-align:center;}
.join_complete dd p{color:#595d68;font-size:16px;text-align:center;line-height:24px;}
.join_ckeck_complete{margin:0 auto 40px;position:relative;width:384px;}
.join_ckeck_complete:before{display:block;width:80px;height:80px;content:"";background:url('../../images/join_check.png') no-repeat;background-size:100%;position:absolute;left:50%;top:80px;margin-left:-40px;}
.join_ckeck_complete dt{color:#2a2c31;font-size:32px;line-height:48px;font-weight:600;margin-bottom:128px;text-align:center;}
.join_ckeck_complete dd p{color:#595d68;font-size:18px;text-align:center;line-height:27px;padding-left:11px;position:relative;text-align:left;}
.join_ckeck_complete dd p:before{display: block;content: "";background: #595d68;width: 3px;height: 3px;border-radius: 3px;position: absolute;left: 0;top: 10px;}
/*회원가입*/

/*멤버*/

/*게시판*/
#container.sub .container.board{width:996px;margin:0 auto;}
#container.sub .sub_con .container.board{width:100%;margin:0 auto;}
#container.sub .container.board h3{color:#2a2c31;font-size:32px;line-height:48px;font-weight:600;margin-bottom:32px;}
.board_info{display:flex;justify-content:space-between;margin-bottom:16px;align-items:end;}
.board_info .board_count{color:#595d68;font-size:15px;line-height:22px;font-weight:500;}
.board_info .board_count span{font-weight:700;}
.board_info .board_search{width:360px;position:relative;}
.board_info .board_search input{width:100%;height:48px;line-height:48px;color:#2a2c31;font-size:16px;border-radius:6px;border:1px solid #d2d6e0;padding:0 16px;}
.board_info .board_search input:focus{outline:0;border:1px solid #2a2c31;}
.board_info .board_search input::placeholder{color:#6c717e;}
.board_info .board_search button{width:20px;height:20px;background:url('../../images/board_search.png') no-repeat;background-size:100%;position:absolute;right:12px;top:13px;border:0;}
.board_info .board_search button span{font-size:0;width:1px;text-indent:-999em;}
.board_list .board_title{border-top:1px solid #2a2c31;border-bottom:1px solid #d2d6e0;}
.board_list .board_title .th{color:#2a2c31;font-size:16px;line-height:24px;text-align:center;padding:20px 0;flex:0 1 10%;font-weight:600;}
.board_list .board_title .th:first-child{flex:1 1 60%;}
.board_list .board_title .th:last-child{flex:0 1 20%;}
.board_list .board_con .flex{border-bottom:1px solid #d2d6e0;}
.board_list .board_con .td{color:#2a2c31;font-size:16px;line-height:24px;text-align:center;/*padding:20px 16px;*/flex:0 1 10%;}
.board_list .board_con .td:first-child{flex:1 1 60%;text-align:left;}
.board_list .board_con .td:last-child{flex:0 1 20%;}
.board_list .board_con .td a{color:#2a2c31;font-size:16px;line-height:24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:85%;vertical-align:middle;display:inline-block;}
/*.board_list .board_con .td a img{width:20px;margin-left:8px;vertical-align:middle;margin-top:-2px;}*/
.board_list .board_con .td a ~ span{color:#ef2222;margin-left:4px;font-size:13px;}
.board_list .board_con .td span{color:#595d68;font-size:16px;line-height:24px;}
.board_list .board_con .td .date{color:#595d68;font-size:15px;line-height:22px;}
.board_view .view_title{padding-bottom:32px;position:relative;}
.board_view .view_title .title{color:#2a2c31;font-size:32px;line-height:48px;font-weight:400;margin-bottom:16px;padding-right:70px;}
.board_view .view_title .title.faq_title{padding-left:40px;}
.board_view .view_title .title .key{line-height:20px;}
.board_view .view_title .name{color:#595d68;font-size:15px;line-height:22px;}
.board_view .view_title .name:after{display:inline-block;width:1px;height:14px;background:#d2d6e0;margin:0 16px;vertical-align:middle;margin-top:-2px;content:"";}
.board_view .view_title .date{color:#595d68;font-size:15px;line-height:22px;}
.board_view .view_title .share_btn{position:absolute;right:0;top:0;display:block;width:52px;height:52px;background:url('../../images/share_icon.png') no-repeat;background-size:100%;text-indent:-999em;}
.board_view .view_title .share_group{display:block;width:52px;height:52px;position:absolute;right:0;top:0;}
.board_view .view_title a img{display:block;width:52px;height:52px;}
.board_view .view_title .share_group > a{z-index:10;position:relative;}
.board_view .view_title .share_group div{width:52px;border-radius:100px;border:1px solid #595d68;position:absolute;left:0;top:0;padding:68px 10px 24px;z-index:1;background:#fff;display:none;box-shadow:0px 3px 8px 0px rgba(0,0,0,.2);}
.board_view .view_title .share_group div.active{display:block;}
.board_view .view_title .share_group div a{display:block;width:100%;margin-bottom:14px;}
.board_view .view_title .share_group div a:last-child{margin-bottom:0;}
.board_view .view_title .share_group div a img{width:100%;height:100%;}
.board_view .view_title .share_group img{border:0;}

.board_view .view_con{border-top:1px solid #d2d6e0;border-bottom:1px solid #d2d6e0;padding:40px 0;}
.board_view .view_con .files{display:flex;align-items:center;margin-top:40px;}
.board_view .view_con .files span{display:inline-block;color:#2a2c31;font-size:14px;line-height:21px;font-weight:600;margin-right:32px;}
.board_view .view_con .files a{display:flex;color:#2a2c31;font-size:15px;line-height:32px;padding:0 16px;border:1px solid #d2d6e0;border-radius:6px;margin-right:8px;align-items:center;}
.board_view .view_con .files a:after{background:url('../../images/board_search.png') no-repeat;background:url('../../images/download_icon.png') no-repeat;background-size:100%;display:block;content:"";width:16px;height:16px;margin-left:16px;}
.board_view .reply_con{border-top:1px solid #000;background:#f8fafc;padding:40px;}
.board_view .reply_con dl dt{color:#2a2c31;font-size:18px;font-weight:600;line-height:27px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #d2d6e0;}
.board_view .reply_con dl dt span{color:#ff4c00;margin-left:8px;}
.board_view .reply_con dl dd > div{margin-bottom:32px;}
.board_view .reply_con dl dd > div:last-child{margin-bottom:0;}
.board_view .reply_con dl dd > div span{display:inline-block;margin-bottom:4px;color:#898f9f;font-size:13px;line-height:19px;}
.board_view .reply_con dl dd > div p{color:#595d68;font-size:16px;line-height:24px;}
.board_view .reply_con dl dd > div div .del_btn{color:#2a2c31;font-size:13px;padding:0 6px;height:20px;background:#fff;border:1px solid #898f9f;border-radius:4px;margin-left:8px;}
.board_view .reply_con .reply_write{position:relative;margin-top:40px;}
.board_view .reply_con .reply_write textarea{width:100%;border:1px solid #d2d6e0;border-radius:8px;background:#fff;height:62px;resize:none;padding:19px 80px 19px 16px;box-sizing:border-box;}
.board_view .reply_con .reply_write textarea::-webkit-scrollbar{width:8px;}
.board_view .reply_con .reply_write textarea::-webkit-scrollbar-thumb{height:30%;background:#ccc;border-radius:10px;}
.board_view .reply_con .reply_write textarea::-webkit-scrollbar-track{background:rgba(0,0,0,.1);}
.board_view .reply_con .reply_write textarea::placeholder{line-height:24px;color:#898f9f;}
.board_view .reply_con .reply_write button{color:#fff;font-size:16px;line-height:38px;padding:0 16px;background:#2a2c31;border-radius:6px;position:absolute;right:16px;top:11px;}
.board_write .tr{padding:0 0 40px 0;}
.board_write .tr:last-child{padding-bottom:0;}
.board_write .tr .title{color:#2a2c31;font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px;display:block;}
.board_write .tr .title span{color:#898f9f;}
.board_write .tr .title input[type=checkbox]{width:24px;height:24px;margin-left:16px;}
.board_write .tr input[type=checkbox]{width:100%;border:1px solid #d2d6e0;border-radius:6px;height:48px;line-height:48px;padding:0 16px;}
.board_write .tr textarea{width:100%;resize:none;}
.board_write .tr .textType input{border:1px solid #d2d6e0;border-radius:6px;font-size:16px;color:#2a2c31;height:48px;padding:0 16px;}
.board_write .tr .textType input:focus{border:1px solid #2a2c31;}
.board_write .tr .range{gap:43px;}
.board_write .tr .range > div{position:relative;}
.board_write .tr .range > div:last-child:before{content:"~";display:block;position:absolute;left:-27px;bottom:0;line-height:48px;}
.board_write .tr .range .start{color:#2a2c31;font-size:15px;line-height:24px;font-weight:600;margin-bottom:8px;display:block;}
.board_write .tr .range .end{color:#2a2c31;font-size:15px;line-height:24px;font-weight:600;margin-bottom:8px;display:block;}
.board_write .tr .range .flex{gap:8px;}
.board_write .tr .range input{width:220px;border-radius:6px;}
.board_write .tr .range input:focus{border:1px solid #2a2c31;}
.board_write .tr .range input:disabled{background:#f4f7fb;color:#a7adbe;}
.board_write .tr .range select{width:120px;height:48px;border:1px solid #d2d6e0;border-radius:6px;padding:0 10px 0 16px;}
.board_write .tr .range select:focus{border:1px solid #2a2c31;}
.board_write .tr .range select:disabled{background:#f4f7fb;color:#a7adbe;}
.board_write .tr .refer{color:#595d68;font-size:15px;line-height:22px;margin-top:8px;}
.board_write .tr .refer:before{display:inline-block;width:3px;height:3px;border-radius:3px;background:#595d68;margin-right:8px;vertical-align:middle;content:"";margin-top:-2px;}
.board_write .tr .refer span{color:#898f9f;font-size:14px;line-height:21px;margin-left:18px;}
.board_write .tr .files button{color:#fff;font-size:16px;line-height:36px;background:#2a2c31;border:0;border-radius:6px;padding:0 16px;float:right;font-weight:400;}
.board_write .tr .files > div{float:left;width:869px;margin-bottom:8px;position:relative;}
.board_write .tr .files > div:last-child{margin-bottom:0;}
.board_write .tr .files div input{background:#f4f7fb;border:0;height:38px;width:100%;border-radius:8px;padding:0 16px;}
.board_write .tr .files div .clear_btn{width:20px;height:20px;background:url('../../images/clear_icon.png') no-repeat;background-size:100%;}
.board_write .tr .files div .clear_btn span{font-size:0;width:1px;text-indent:-999em;}
.board_write .tr .files:after{display:block;content:"";clear:both;}
.board_write .tr .file_info{position:absolute;right:16px;top:8px;}
.board_write .tr .file_info span{color:#898f9f;font-size:13px;line-height:19px;margin-right:16px;}
.board_write .tr .file_info button{width:20px;height:20px;background:url('../../images/clear_icon.png') no-repeat;background-size:100%;border:0;padding:0;}
.board_write .tr .file_info button span{font-size:0;width:1px;text-indent:-999em;margin:0;}

.faq_badge{color:#fff !important;text-align:center;font-size:16px;font-weight:600;line-height:24px !important;width:24px;display:inline-block;border-radius:6px;background:#ff4c00;margin-right:8px;}
.title .faq_badge{vertical-align:middle;margin-top:-6px;}
.title.faq_title .faq_badge{position:absolute;left:0;top:0;margin-top:11px;line-height:24px !important;width:24px;}
.view_con .flex.faq_con{padding-left:40px;position: relative;}
.view_con .flex.faq_con .faq_badge{position:absolute;left:0;top:0;margin-top:0;line-height:24px !important;width:24px;}
.view_con .faq_badge{background:#595d68;}
.board_view .view_con .flex{align-items:flex-start;}
.board_view .view_con .flex > div{flex:1 1 90%;}
.borderTop{border-top:1px solid #2a2c31;}
.jsgrid-cell .flex{border-bottom:0 !important;align-items:flex-start;}
.jsgrid-cell .flex a{flex:1 1 90%;}

.board ~ .btn_group{margin-top:60px;}
.board ~ .btn_group + .btn_group{margin-top:0;}

/*게시판*/

/*고객지원*/
.cs_title{background:#f4f7fa;padding:80px 0 167px;height:385px;margin-bottom:173px;}
.cs_title h3{color:#2a2c31;font-size:36px;line-height:54px;font-weight:600;text-align:center;}
.cs_title .cs_search{position:relative;width:588px;margin:24px auto 0;}
.cs_title .cs_search .cs_search_select{position:relative;height:60px;position:absolute;left:32px;top:0;}
.cs_title .cs_search select{border:0;background:none;color:#2a2c31;font-size:18px;line-height:18px;height:60px;padding-right:45px;}
/*.cs_title .cs_search .cs_search_select:after{display:block;content:"";width:28px;height:28px;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;position:absolute;right:0;top:16px;}*/
.cs_title .cs_search input{width:100%;height:60px;color:#2a2c31;font-size:18px;line-height:18px;border:1px solid #2a2c31;border-radius:100px;box-shadow:0px 4px 8px 0px rgba(0,0,0,.1);padding-left:172px;}
.cs_title .cs_search input::placeholder{color:#898f9f;}
.cs_title .cs_search button{display:block;width:40px;height:40px;background:url('../../images/main_search_btn.png') no-repeat;background-size:100%;position:absolute;right:26px;top:10px;}
.cs_title .cs_search button span{width:1px;font-size:0;text-indent:-999em;}
.cs_title .service_link{gap:16px;width:1200px;margin:60px auto 0; justify-content:center;}
.cs_title .service_link a{display:block;width:288px;height:220px;padding:24px 32px;color:#2a2c31;font-size:20px;line-height:30px;font-weight:600;text-align:center;border:1px solid #d2d6e0;border-radius:12px;box-shadow:0px 4px 8px 0px rgba(0,0,0,.15);background:#fff;}
.cs_title .service_link a:hover{border:1px solid #ff4c00;}
.cs_title .service_link a:before{display:block;width:112px;height:112px;margin:0 auto 16px;content:"";}
.cs_title .service_link a.service_link01:before{background:url('../../images/cs_img01.png') no-repeat;background-size:100%;}
.cs_title .service_link a.service_link02:before{background:url('../../images/cs_img02.png') no-repeat;background-size:100%;}
.cs_title .service_link a.service_link03:before{background:url('../../images/cs_img03.png') no-repeat;background-size:100%;}
.cs_title .service_link a.service_link04:before{background:url('../../images/cs_img04.png') no-repeat;background-size:100%;}
.cs_faq{}
.cs_faq ul{border-top:0;}
.cs_faq ul li{border:1px solid #d2d6e0;border-radius:12px;margin-bottom:8px;padding:0;}
.cs_faq ul li:last-child{margin-bottom:0;}
.cs_faq ul li:hover{border:1px solid #ff4c00;box-shadow:0px 2px 4px 0px rgba(0,0,0,.15);}
.cs_faq ul li a{padding:24px;display:flex;align-items:flex-start;}
.cs_faq ul li a .type{color:#fff;font-size:18px;font-weight:600;line-height:24px;display:inline-block;width:24px;text-align:center;background:#ff4c00;border-radius:8px;margin-right:16px;flex:0 1 24px;}
.cs_faq ul li a span{color:#2a2c31;font-size:18px;line-height:27px;margin-top:0;flex:1 1 80%;}
/*고객지원*/

/*이용안내*/
.using_info{width:996px;margin:0 auto;}
.using_info h3{color:#2a2c31;font-size:32px;line-height:48px;font-weight:600;margin-bottom:32px;}
.using_tab{display:flex;gap:8px;position:relative;border-bottom:1px solid #d2d6e0;}
.using_tab li{position:static;}
.using_tab button{color:#595d68;font-size:18px;line-height:27px;border:0;background:none;padding:8px 8px 16px;}
.using_tab button.active{color:#2a2c31;font-weight:600;border-bottom:2px solid #2a2c31;}
.using_tab ~ .tab_con{padding-top:40px;display:none;}
.using_tab ~ .tab_con iframe{height:541px;}
.using_tab ~ .tab_con.active{display:block;}
.service_info_box{background:url('../../images/service_01.png') no-repeat #f8fafc;background-size:488px 484px;background-position:509px 0;border-radius:24px;height:900px;padding:120px 60px 40px 60px;}
.service_info dl{width:340px;margin-bottom:218px;margin-left:20px;}
.service_info dl dt{color:#2a2c31;font-size:32px;line-height:48px;margin-bottom:8px;font-weight:600;}
.service_info dl dd{color:#2a2c31;font-size:20px;line-height:30px;}
.service_info ul li{display:flex;gap:24px;color:#2a2c31;font-size:16px;line-height:24px;padding:24px 32px;background:#fff;border-radius:12px;margin-bottom:16px;align-items:center;}
.service_info ul li span{flex:0 1 100%;}
.service_info ul li:last-child{margin-bottom:0;}
.service_info ul li:before{display:inline-block;color:#2a2c31;font-size:36px;line-height:64px;width:64px;flex:0 1 64px;text-align:center;}
.service_info ul li:nth-child(1):before{content:"01";}
.service_info ul li:nth-child(2):before{content:"02";}
.service_info ul li:nth-child(3):before{content:"03";}
.service_kind{gap:40px;margin-top:60px;}
.service_kind dl{border:1px solid #d2d6e0;border-radius:12px;padding:40px 60px;background:#fff;flex:1 1 100%;position:relative;}
.service_kind dl:before{display:block;width:200px;height:120px;content:"";margin-bottom:8px;position:absolute;right:60px;top:40px;}
.service_kind dl:first-child:before{background:url('../../images/service_info_img01.png') no-repeat;background-size:100%;}
.service_kind dl:last-child:before{background:url('../../images/service_info_img02.png') no-repeat;background-size:100%;}
.service_kind dl dt{color:#2a2c31;font-size:24px;line-height:36px;margin-bottom:16px;font-weight:600;}
.service_kind dl dd p{color:#595d68;font-size:18px;line-height:27px;padding-right:240px;}
.service_kind dl dd ul{margin-top:38px;}
.service_kind dl dd ul li{margin-bottom:24px;}
.service_kind dl dd ul li:last-child{margin-bottom:0;}
.service_kind dl dd ul li .title{color:#2a2c31;font-size:18px;line-height:27px;font-weight:600;margin-bottom:8px;display:block;}
.service_kind dl dd ul li .con{color:#595d68;font-size:16px;line-height:24px;}

.key{display:inline-block;width:20px;}
.key img{width:100%;}

.pop_con .using_info{width:100%;}

.member_process h4{color:#2a2c31;font-size:24px;line-height:36px;margin-bottom:16px;font-weight:600;}
.member_process h5{color:#2a2c31;font-size:20px;line-height:30px;font-weight:600;}
.member_process h4 + h5{margin-top:24px;}
.member_process p{color:#595d68;font-size:16px;line-height:24px;}
.member_process h5 + p{margin-top:16px;}
.member_process .member_type{gap:24px;margin-top:40px;}
.member_process .member_type dl{padding:24px 40px 24px 192px;background:#f4f7fb;border-radius:16px;flex:1 1 40%;position:relative;}
.member_process .member_type dl dt{color:#2a2c31;font-size:20px;line-height:30px;font-weight:600;display:flex;gap:24px;align-items:center;margin-bottom:16px;}
.member_process .member_type dl:before{display:block;content:"";width:120px;height:120px;position:absolute;left:40px;top:32px;}
.member_process .member_type dl:first-child:before{background:url('../../images/using_logo01.png') no-repeat;background-size:100%;}
.member_process .member_type dl:last-child:before{background:url('../../images/using_logo02.png') no-repeat;background-size:100%;}
.member_process .member_type dl dd ul{display:flex;flex-wrap:wrap;}
.member_process .member_type dl dd ul li{color:#595d68;font-size:16px;line-height:24px;flex:0 1 100%;margin-bottom:8px;}
.member_process .member_type dl dd ul li:before{content:"\00B7";margin-right:8px;}
.member_process .member_type dl dd ul li:last-child{margin-bottom:0;}
.member_process .member_type dl:first-child li:first-child{flex:0 1 100%;}
.login_box p.password_txt{color:#595d68;font-size:15px;font-weight:400;line-height:22px;text-align:left;margin-bottom:24px;}
.login_box p.password_txt:before{content:"\00B7";margin-right:8px;}

.dev_guide_type{margin-top:40px;}
.dev_guide_type + h4{margin-top:60px;}
.dev_guide_type dt{color:#2a2c31;font-size:18px;line-height:27px;font-weight:600;margin-bottom:8px;}
.dev_guide_type dd p{color:#595d68;font-size:16px;line-height:24px;font-weight:400;}
.dev_guide_type dd .img_area{width:100%;}
.dev_guide_type dd .img_area img{width:100%;}
.dev_guide_type dd + dt{margin-top:40px;}
.img_con{margin-top:24px;}
p + .img_con{margin-top:32px;}
.img_con .img_con_title{color:#2a2c31;font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px;display:block;}
.img_con .box_sort{display:flex;gap:16px;flex-wrap:wrap;}
.img_con .box_sort li{flex:0 1 321px;padding:16px 24px 24px;border:1px solid #d2d6e0;border-radius:16px;}
.img_con .box_sort.flex2 li{flex:1 1 20%;}
.img_con .box_sort li span{color:#ff4c00;font-size:18px;line-height:27px;font-weight:600;margin-bottom:4px;display:block;}
.img_con .box_sort li p{color:#595d68;font-size:16px;line-height:22px;font-weight:400;}
.img_con .box_sort + .img_area{margin-top:24px;}
.img_con + .img_con{margin-top:40px;}

.use_process dl + dl{margin-top:40px;}
.use_process dl dt{color:#2a2c31;font-size:20px;line-height:30px;font-weight:600;margin-bottom:16px;}
.use_process dl dd ul{gap:44px;display:flex;}
.use_process dl dd ul li{border:1px solid #a7adbe;border-radius:16px;padding:16px 32px;color:#2a2c31;font-size:18px;line-height:27px;flex:0 1 216px;position:relative;}
.use_process dl dd ul li span{color:#ff4c00;margin-bottom:4px;display:block;font-weight:600;}
.use_process dl dd ul li:before{display:inline-block;width:28px;height:28px;position:absolute;left:-36px;top:50%;margin-top:-14px;content:"";background:url('../../images/left_arrow.png') no-repeat;background-size:100%;}
.use_process dl dd ul li:first-child:before{display:none;}
.use_process dl dd ul li.last{border:1px solid #ff4c00;background:#fff7f3;}
.use_process dl:first-child dd ul li.last:last-child{padding-top:18px}
.use_process dl:first-child dd ul li.last:last-child:before{content:"or";background:#f4f7fb;border-radius:100px;width:32px;height:32px;left:-38px;top:50%;margin-top:-16px;color:#595d68;line-height:32px;text-align:center;font-size:15px;}
.offer_con{display:flex;justify-content: center;margin:60px 0;}
.offer_con dl{width:308px;position:relative;}
.offer_con dl:first-child{left:40px;}
.offer_con dl:last-child{right:40px;}
.offer_con dl dt{color:#2a2c31;font-size:24px;height:308px;text-align:center;font-weight:600;padding:115px 0 157px;position:relative;}
.offer_con dl dt span{color:#ff3d00;font-size:18px;line-height:27px;display:block;margin-top:16px;text-align:center;}
.offer_con dl dt:before{display:block;width:308px;height:308px;border:1px solid #ff4c00;border-radius:500px;background:#fff;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1;}
.offer_con dl dt:after{display:block;width:260px;height:260px;border-radius:500px;background:#fff7f3;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1;}
.offer_con dl dd{color:#595d68;font-size:16px;text-align:center;line-height:24px;position:relative;margin-top:40px;padding:0 64px;}
.offer_con dl dd:before{display:block;content:"";width:1px;height:32px;background:#ff4c00;position:absolute;left:50%;top:-40px;}
.cs_center .flex{border:1px solid #d2d6e0;border-radius:16px;padding:32px 60px;background:#fff;position:relative;align-items:center;}
.cs_center .flex div + div:before{width:1px;height:30px;background:#d2d6e0;display:inline-block;content:"";margin:0 80px;vertical-align:middle;}
.cs_center .flex div a{text-decoration:underline;}
.cs_center .flex div span{color:#2a2c31;font-size:18px;font-weight:600;line-height:27px;display:inline-block;margin-right:24px;vertical-align:middle;}
.cs_center .link_btn{text-decoration:none !important;color:#2a2c31;font-size:16px;line-height:38px;padding:0 16px;border:1px solid #595d68;border-radius:6px;display:inline-block;vertical-align:middle;}
.cs_center p{color:#595d68;font-size:15px;line-height:22px;margin-top:8px;}
.cs_center p:before{content:"\00B7";margin-right:8px;}

/*이용안내*/
/*container*/

/*팝업*/
.layer_pop{display:none;}
.layer_pop .dimm{position:fixed;left:0;top:0;width:100%;height:100%;z-index:15;background:rgba(0,0,0,.7);}
.layer_pop .popup{overflow:hidden;border-radius:8px;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:312px;min-height:152px;z-index:15;}
.layer_pop .popup.modify_pop{width:588px;padding:32px 40px;}
.layer_pop .popup.modify_pop .pop_title{color:#2a2c31;font-size:24px;line-height:36px;font-weight:600;margin-bottom:24px;}
.layer_pop .popup.modify_pop input{width:100%;height:68px;padding:26px 16px;line-height:16px;color:#2a2c31;font-size:16px;border-radius:6px;border:1px solid #d2d6e0;background:#fff;}

.popup_box.layer_pop .popup{position:relative;left:0;top:0;transform:translate(0,0);margin:0 auto;}

.layer_pop .popup.modify_pop .pop_form{width:384px;margin:40px auto;}
.layer_pop .popup.modify_pop .pop_form div{position:relative;}
.layer_pop .popup.modify_pop .pop_form div label{margin:0;color:#2a2c31;font-size:16px;transition:all .5s;position:absolute;left:17px;top:23px;}
.layer_pop .popup.modify_pop .pop_form input:focus ~ label{color:#595d68;font-size:13px;line-height:13px;top:12px;}
.layer_pop .popup.modify_pop .pop_form input:focus{padding-top:30px;padding-bottom:14px;border:1px solid #2a2c31;}
.layer_pop .popup.modify_pop .pop_form input::placeholder{color:transparent;}
.layer_pop .popup.modify_pop .pop_form input:not(:placeholder-shown){padding-top:30px;padding-bottom:14px;}
.layer_pop .popup.modify_pop .pop_form input:not(:placeholder-shown) ~ label{color:#595d68;font-size:13px;line-height:13px;top:12px;}

.layer_pop .popup.modify_pop .pop_con{padding:0;}
.layer_pop .popup .pop_con{padding:40px 24px;position:relative;}
.layer_pop .popup .pop_con p{color:#2a2c31;font-size:16px;text-align:center;line-height:24px;}
.layer_pop .popup .pop_con p.error{color:#ef2222;font-size:14px;text-align:left;}
.layer_pop .popup .pop_con p.error:before{content:"";display:inline-block;width:16px;height:16px;background:url('../../images/caution.png') no-repeat;background-size:100%;margin:-2px 4px 0 0;vertical-align: middle;}
.layer_pop .btn_group{display:flex;flex-wrap:wrap;}
.layer_pop .btn_group .btn{border-radius:0;flex:1 1 50%;height:48px;line-height:48px;font-size:18px;font-weight:400;border-left:0;border-right:0;border-bottom:0;}
.layer_pop .popup.modify_pop .btn_group{margin-top:40px;gap:16px;justify-content:center;}
.layer_pop .popup.modify_pop .btn_group .btn{border-radius:0;flex:0 1 140px;height:48px;line-height:48px;font-size:18px;font-weight:400;border-radius:6px;}
.layer_pop .popup.modify_pop .btn_group .btn.line_btn{border:1px solid #898f9f;}
.layer_pop .popup .pop_con div p.dot_guide{text-align:left;color:#595d68;font-size:15px;line-height:22px;margin-top:8px;padding-left:11px;position:relative;}
.layer_pop .popup .pop_con div p.dot_guide:before{display:block;content:"";background:#595d68;width:3px;height:3px;border-radius:3px;position:absolute;left:0;top:8px;}
.pop_close_btn{width:24px;height:24px;position:absolute;right:40px;top:38px;/*right:0px;top:0px;*/background:url('../../images/mo_menu_close.png') no-repeat;background-size:100%;border:0;}
.pop_close_btn span{font-size:0;width:1px;text-indent:-999em;}

.layer_pop .popup .pop_con .join_form input{height:48px;padding:0 16px;}
.layer_pop .popup .pop_con .join_agree input[type=checkbox]{border:0;width:1px;height:1px;}
.layer_pop .popup .pop_con .join_form div select{width:110px;}
.layer_pop .popup .pop_con .join_form div select.w100{width:100%;}
.layer_pop .popup .pop_con .join_form div span{width:110px;}
.layer_pop .popup .pop_con .join_form div select ~ span{width:110px;flex: 0 1 110px;}
.layer_pop .popup .pop_con .join_form div span.before_none{width:80px;}
.layer_pop .popup .pop_con .join_form div .check_btn{width:105px;}
.layer_pop .popup .pop_con .join_form div .check_btn.active{color:#fff;background:#2a2c31;}
/*팝업*/

/*에러페이지*/
.error_con{margin:180px 0 0;}
.error_con:before{display:block;width:112px;height:112px;content:"";margin:0 auto 40px;}
.error_con.error_403:before{background:url('../../images/error1.png') no-repeat;background-size:100%;}
.error_con.error_404:before{background:url('../../images/error2.png') no-repeat;background-size:100%;}
.error_con.error_500:before{background:url('../../images/error3.png') no-repeat;background-size:100%;}
.error_con dt{color:#2a2c31;font-size:32px;line-height:48px;font-weight:600;margin-bottom:16px;text-align:center;}
.error_con dd{}
.error_con dd p{color:#595d68;font-size:18px;text-align:center;line-height:27px;}
/*에러페이지*/

/*모의테스트*/
.popup_box{width:100%;height:100%;overflow-y:scroll;position:absolute;left:0;top:0;z-index:100;padding:100px 0;}
.conference_pop{/*position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);*/position:relative;margin:0 auto;width:996px;/*height:738px;*/padding:32px 40px 80px;background:#fff;border-radius:8px;box-shadow:0px 4px 8px 0px rgba(0,0,0,.2);z-index:100;}
.conference_pop + .dimm{display:block;width:100%;height:100%;background:rgba(0,0,0,.7);position:fixed;left:0;top:0;z-index:10;content:"";}
.conference_pop .conference_pop_title{flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
.conference_pop .conference_pop_title .home_btn{color:#2a2c31;font-size:14px;line-height:32px;height:32px;padding:0 12px;border:1px solid #d2d6e0;border-radius:6px;}
.conference_pop .conference_pop_title .home_btn:hover{background:#f4f7fb;}
.conference_pop .conference_pop_title .home_btn:before{content:"";display:inline-block;width:16px;height:16px;background:url('../../images/home_icon.png') no-repeat;background-size:100%;vertical-align:middle;margin-top:-2px;margin-right:6px;}
.conference_pop h3{flex:1 1 100%;color:#2a2c31;font-size:50px;line-height:75px;text-align:center;margin-bottom:8px;}
.conference_pop h4{color:#2a2c31;font-size:36px;line-height:54px;font-weight:600;}
.conference_pop h4 strong{font-weight:600;}
.conference_pop p{flex:1 1 100%;color:#595d68;font-size:18px;line-height:27px;text-align:center;}
.conference_pop .conference_pop_close{text-align:right;margin-bottom:24px;}
.conference_pop.active .conference_pop_close{display:flex;justify-content:space-between;}
.conference_pop .conference_pop_close span{color:#2a2c31;font-size:24px;line-height:36px;font-weight:600;}
.conference_pop .conference_pop_close button{align-self:right;color:#2a2c31;font-size:15px;line-height:36px;border-radius:8px;padding:0 0 0 6px;}
.conference_pop .conference_pop_close button:hover{background:#f4f7fb;}
.conference_pop .conference_pop_close button:after{display:inline-block;content:"";width:24px;height:24px;background:url('../../images/confer_close.png') no-repeat;background-size:100%;vertical-align:middle;margin-top:-2px;margin-left:4px;}
.conference_pop ul{margin-top:80px;display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:center;}
.conference_pop ul li{flex:0 1 257px;}
.conference_pop ul li button{padding:39px 0 31px;border-radius:12px;border:1px solid #d2d6e0;display:block;color:#2a2c31;font-size:20px;text-align:center;width:100%;font-weight:600;}
.conference_pop ul li button:hover{border:1px solid #ff4c00;}
.conference_pop ul li button:before{display:block;width:64px;height:64px;content:"";margin:0 auto 16px;}
.conference_pop ul li:nth-child(1) button:before{background:url('../../images/confer_icon01.png') no-repeat;background-size:100%;}
.conference_pop ul li:nth-child(2) button:before{background:url('../../images/confer_icon02.png') no-repeat;background-size:100%;}
.conference_pop ul li:nth-child(3) button:before{background:url('../../images/confer_icon03.png') no-repeat;background-size:100%;}
.conference_pop ul li:nth-child(4) button:before{background:url('../../images/confer_icon04.png') no-repeat;background-size:100%;}
.conference_pop ul li:nth-child(5) button:before{background:url('../../images/confer_icon05.png') no-repeat;background-size:100%;}
.conference_pop ul li:nth-child(6) button:before{background:url('../../images/confer_icon06.png') no-repeat;background-size:100%;}

.conference_con .conference_form{border:1px solid #595d68;padding:40px 128px;border-radius:12px;margin-bottom:32px;}
.conference_con .conference_form .conference_table{display:flex;flex-wrap:wrap;gap:16px;}
.conference_con .conference_form .conference_table .tr{display:flex;flex:1 1 100%;align-items:center;}
.conference_con .conference_form .conference_table .tr .th{color:#2a2c31;font-size:16px;line-height:24px;font-weight:600;flex:0 1 116px;text-align:left;}
.conference_con .conference_form .conference_table .tr .td{flex:0 1 100%;}
.conference_con .conference_form .conference_table .tr .td .radio{padding:8px 0;}
.conference_con .conference_form .conference_table .tr .td .flex{flex-wrap:nowrap;align-items:center;}
.conference_con .conference_form .conference_table .tr .td .flex span{margin:0 16px;}
.conference_con .conference_form .conference_table .tr .td input{width:100%;height:48px;border:1px solid #d2d6e0;border-radius:6px;background:#fff;color:#2a2c31;font-size:16px;padding:12px 16px;}
.conference_con .conference_form .conference_table .tr .td .error{color:#ef2222;font-size:14px;line-height:21px;text-align:left;margin-top:4px;}
.conference_con .conference_form .conference_table .tr .td .error:before{display:inline-block;content:"";width:20px;height:20px;background:url('../../images/error_lock.png') no-repeat;background-size:100%;margin-top:-6px;vertical-align:middle;margin-right:4px;}
.conference_con .conference_form .conference_table .tr .td .person_num.flex{justify-content:flex-start;gap:16px;}
.conference_con .conference_form .conference_table .tr .td .person_num.flex span{margin:0;}
.conference_con .conference_form .conference_table .tr .td .person_num span.flex input{width:50px;}
.conference_con .conference_form .conference_table .tr .td .person_num span.flex strong{font-size:50px;line-height:0;margin-left:8px;}
.range_date{display:flex;flex-wrap:wrap;margin-bottom:6px;border-radius:4px;overflow:hidden;}
.range_date button{color:#898f9f;font-size:14px;text-align:center;flex:0 1 20%;background:#f4f7fb;height:32px;border-right:1px solid #fff;}
.range_date button:last-child{border:0;}
.range_date button.active{color:#fff;background:#595d68;}
.range_date + .flex input{background:url('../../images/date.png') no-repeat !important;background-position:214px center !important;}
.date_input{background:url('../../images/date.png') no-repeat !important;background-position:98% center !important;}
.subject_search{background:url('../../images/main_search_btn.png') no-repeat !important;background-position:98% center !important;background-size:20px !important;}
.conference_con .conference_result{margin-top:60px;}
.conference_con .conference_result h5{color:#2a2c31;font-size:24px;line-height:36px;font-weight:600;margin-bottom:16px;}
.conference_con .conference_result table{width:100%;table-layout:fixed;border-collapse:collapse;}
.conference_con .conference_result .scroll{width:100%;overflow-x:scroll;}
.conference_con .conference_result .scroll table{width:1259px;}
.conference_con .conference_result table th{color:#2a2c31;font-size:16px;height:54px;text-align:center;background:#f4f7fb;border:1px solid #d2d6e0;font-weight:600;}
.conference_con .conference_result table td{color:#595d68;font-size:16px;text-align:center;padding:12px 16px;line-height:24px;border:1px solid #d2d6e0;}
.conference_con .conference_result table td.align_l{text-align:left;}
.conference_con .conference_result table td.align_r{text-align:right;}
.conference_con .conference_result table td strong{color:#2a2c31;}
.conference_con .conference_result table td button{color:#595d68;font-size:16px;text-decoration:underline;}
.conference_con .conference_result table tbody th{background:#f4f7fb;color:#2a2c31;font-size:16px;}
.conference_con .conference_result table + h5{margin-top:60px;}
.conference_con .conference_result table + table th{border-top:0;}
.conference_con .conference_result table.mb32 + table th{border-top:1px solid #d2d6e0;}
.conference_con .conference_result table.orange_table th{background:#fff4e2;}
.conference_con .conference_result table tfoot td{background:#fff4e2;}
.conference_con .conference_result .btn_group{margin-top:32px;}
.conference_con .conference_result .btn_group .line_btn{width:140px;height:48px;line-height:48px;font-size:18px;}
.conference_con .conference_info{display:flex;justify-content:space-between;align-items:center;background:#edf3ff;border-radius:8px;margin-top:60px;padding:24px 40px;}
.conference_con .conference_info dl dt{color:#2a2c31;font-size:18px;line-height:27px;font-weight:600;margin-bottom:4px;}
.conference_con .conference_info dl dd{color:#2a2c31;font-size:15px;line-height:22px;}
.conference_con .conference_info button{color:#fff;font-size:14px;padding:0 12px;height:32px;background:#2a2c31;border-radius:6px;}
.conference_con p.dot_guide{text-align:left;color:#595d68;font-size:15px;line-height:22px;margin-top:8px;padding-left:11px;position:relative;}
.conference_con p.dot_guide:before{display:block;content:"";background:#595d68;width:3px;height:3px;border-radius:3px;position:absolute;left:0;top:8px;}
.conference_con p.dot_guide.blue{color:#0086ff;}
.conference_con p.dot_guide.blue:before{background:#0086ff;}
.conference_con p.caution_guide{text-align:left;color:#595d68;font-size:14px;line-height:21px;margin-top:16px;}
.conference_con p.caution_guide:before{display:inline-block;background:url('../../images/icon_important.png') no-repeat;background-size:100%;content:"";width:16px;height:16px;margin:-2px 4px 0 0;vertical-align:middle;}
.decrease{color:#0086ff !important;}
.increase{color:#ef2222 !important;}


.conference_con .line_table{border-top:1px solid #595d68;border-bottom:1px solid #d2d6e0;margin-bottom:32px;}
.conference_con .line_table .tr{display:flex;align-items:center;}
.conference_con .line_table .tr + .tr{border-top:1px solid #d2d6e0;}
.conference_con .line_table .tr .th{color:#2a2c31;font-size:16px;line-height:24px;font-weight:600;flex:0 1 140px;text-align:left;padding:12px 16px;}
.conference_con .line_table .tr .td{flex:0 1 100%;padding:12px 16px;color:#2a2c31;font-size:16px;line-height:24px;}
.conference_con .line_table .tr .td input{height:48px;border-radius:6px;border:1px solid #d2d6e0;width:49%;}
.conference_con .line_table .tr .td input:read-only{background:#f4f7fb;}
.conference_con .line_table .tr .td input.sum{text-align:right;margin-right:8px;}
.conference_con .line_table .tr .td input.subject_search{width:100%;background:url('../../images/main_search_btn.png') no-repeat;background-position:98% center;background-size:20px;}
.conference_con .line_table .tr .td select{height:48px;border-radius:6px;border:1px solid #d2d6e0;width:49%;}

.conference_pop_second{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:588px;padding:32px 40px 40px;background:#fff;border-radius:8px;box-shadow:0px 4px 8px 0px rgba(0,0,0,.2);z-index:100;}
.conference_pop_second .conference_pop_close{margin-bottom:24px;display:flex;justify-content:space-between;}
.conference_pop_second .conference_pop_close span{color:#2a2c31;font-size:24px;line-height:36px;font-weight:600;}
.conference_pop_second .conference_pop_close button{width:24px;height:24px;background:url('../../images/mo_menu_close.png') no-repeat;background-size:100%;}
.conference_pop_second .second_con{border:1px solid #d2d6e0;border-radius:12px;padding:24px 100px;}
.conference_pop_second .second_con .conference_table{display:flex;flex-wrap:wrap;gap:16px;}
.conference_pop_second .second_con .conference_table .tr{display:flex;flex:1 1 100%;align-items:center;}
.conference_pop_second .second_con .conference_table .tr .th{color:#2a2c31;font-size:16px;line-height:24px;font-weight:600;flex:0 1 116px;text-align:left;}
.conference_pop_second .second_con .conference_table .tr .td{flex:0 1 100%;font-size:16px;}
.conference_pop_second .second_con .conference_table .tr .td.flex{flex-wrap:nowrap;align-items:center;}
.conference_pop_second .second_con .conference_table .tr .td.flex span{margin:0 16px;}
.conference_pop_second .second_con .conference_table .tr .td select{width:100%;height:48px;border:1px solid #d2d6e0;border-radius:6px;background:#fff;color:#2a2c31;font-size:16px;padding:12px 16px;}
.conference_pop_second .second_con .conference_table .tr .td input{width:100%;height:48px;border:1px solid #d2d6e0;border-radius:6px;background:#fff;color:#2a2c31;font-size:16px;padding:12px 16px;}
.conference_pop_second .second_con .conference_table .tr .td input.sum{text-align:right;}
.conference_pop_second .second_con .conference_table .tr .td input:disabled,.conference_pop_second .second_con .conference_table .tr .td input:read-only{background:#f4f7fb;}
.conference_pop_second .second_con .conference_table .tr.blue .td{color:#0086ff;}
.conference_pop_second .btn_group{margin-top:40px;}
.conference_pop_second .btn_group .btn{height:48px;line-height:48px;font-size:18px;width:140px;}
/*모의테스트*/

.webview{margin-right:56px;flex: none !important;}
.webview_frame{width:360px;height:720px;border:8px solid #000;border-radius:47px;margin:0 auto;display:block;}
.webview_frame + span{color:#595d68;font-size:16px;display:block;text-align:center;margin-top:16px;}
.webviewlist_box{width:100%;height:100%;position:fixed;left:0;top:0;}
.webviewlist_box .webviewlist_control{display:flex;height:56px;flex-wrap:wrap;background:#6c717e;padding:4px 10px;gap:16px;align-items:center;justify-content:space-between;}
.webviewlist_box .webviewlist_control h1{color:#fff;font-size:16px;font-weight:400;text-align:center;line-height:24px;flex:1 1 30%;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: break-all;}
.webviewlist_box .webviewlist_control .webview_prev{width:20px;height:20px;margin:12px;background:url('../../images/webview_prev.png') no-repeat;background-size:100%;}
.webviewlist_box .webviewlist_control .webview_next{width:20px;height:20px;margin:12px;background:url('../../images/webview_next.png') no-repeat;background-size:100%;}
.webviewlist_box .webviewlist_control button span{text-indent:-999em;font-size:0;}
.webviewlist_frame{width:100%;height:calc(100% - 56px);border:0;}

.modal-body .form-group p{font-size:16px;}

}

@media screen and (max-width:1335px) {
}

.modal-dialog-centered::before{position: fixed;left: 50%;top:50%;transform: translate(-50%,-50%);width: 100vw;height:100vh;background: rgba(0,0,0,.3);}
.was-validated select.form-control:invalid:required{position:relative;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat 5px 50%, url('../../images/bottom_arrow.png') no-repeat right 15px top 50% !important;background-size:13px, 20px !important;}
.was-validated select.form-control:valid:required{position:relative;background:url("../../images/icon-check.png") no-repeat 5px 50%, url('../../images/bottom_arrow.png') no-repeat right 15px top 50% !important;background-size:13px, 20px !important;}

.textbar{color:#fff;font-size:14px;line-height:21px;background:#595d68;padding:10px 0;text-align:center;flex:1 1 100%;}