@charset "UTF-8";
@import url(base.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; border-bottom:1px solid #e8e8e8;}
#header .header-inner{display:flex;justify-content:space-between;width:100%;}
#header .header-inner h1{margin:2rem 0 2rem 1.2rem; }
#header .header-inner h1 img{width:80px;}
#header .header-inner h1 a{ display:flex;}
#header .header-inner h1 span{ display:inline-block; margin-left:8px; color:#999; font-size:12px; white-space:nowrap}
#header .header-inner .right{ right:60px; position:absolute; top:14px; }
#header .header-inner .right button{ font-size:0}
#header .header-inner .right button.applybtn { font-size: 12px; border-radius:100px; font-weight:700; color:#5017af; padding:6px 10px;}
#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; background:#fff;}
#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.9rem;height:1.9rem;content:"";position:absolute;right:3rem;top:50%; transform:rotate(-0deg) translate(50%,-25%);background:url('../../images/right_arrow.png') no-repeat;background-size:100%;}
#header nav > ul > li:first-child a:before{ transform:rotate(90deg) translate(-50%,-50%);}
#header nav > ul > li:last-child a:before{ transform:rotate(90deg) translate(-50%,-50%);}
#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:2.7rem 0 1.9rem 0;}
.mo_top { display:flex;  align-items:center;}
.mo_top button{ padding:10px; font-size:14px; border-radius:1rem; color:#888;}
.mo_top button.mo_home{background: url('../../images/mo_home.png')center 2px no-repeat; width:30px; height:30px; background-size:24px;text-indent:-999em;font-size:0;}
.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:3.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')center center no-repeat;background-size:85%;}
.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;padding:40px 26px 0; background:#fbfbfb;}
#footer .inner{  padding:0px 0 30px;}
#footer h2{width:8rem; 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%; color:#999;}
#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 .menu span{ color:red; font-size:11px; padding:0 10px; color:#999;}
/*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%;}
.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%;}


/*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;}


/*멤버*/
/*게시판*/
#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 .select{ border-radius:6px;border:1px solid #d2d6e0; box-sizing:border-box; padding:0 12px 0 6px;}
.board_info .board_search{width:100%;position:relative;flex:1 1 100%;margin-bottom:3.2rem;}
.board_info .board_search .search{ margin-top:12px; position:relative; border-radius:6px;border:1px solid #d2d6e0; box-sizing:border-box; padding:0 6px;}
.board_info .board_search .search input{width:100%;height:4.8rem;line-height:4.8rem;color:#2a2c31;font-size:1.6rem; border:0;}
.board_info .board_search .search input::placeholder{color:#6c717e;}
.board_info .board_search .search button{position:absolute; top:0; right:0; 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 .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:2.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; top:0;}
.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{text-align:center;font-size:1.8rem;font-weight:600;line-height:2rem;width:2rem;display:inline-block;color:#7d06a1; border-radius:8px; 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{margin-bottom:.8rem; color:#7d06a1;}
.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;}

/*메인 모바일 리뉴얼*/
.textbar{ display:none;}
.main-visual{ width:100%; display:flex; justify-content:center;  background-image: url('../../images/common/main.png'), linear-gradient(to bottom, #19044c 0%, #0f0437 28%, #00041d 100%); background-position: center 0px, left bottom; background-size: 960px auto, 100%; background-repeat: no-repeat; }
.main-visualBox{  width:100%;  height:580px; margin:0 auto; position:relative;}
.titbox{ position:absolute; left:7%;  top:50px; width:86%;}
.titbox .h2{ color:#fff; font-size:19px; line-height:32px; margin-top:12px; text-align:left; width:80%;}
.titbox .h3{ color:rgba(255,255,255,60%); font-size:14px; text-align:left; margin-top:12px; letter-spacing:.25px; line-height:24px;}

.mainlayer-dim{display:none; width:100%; height:100%; background:rgba(39, 86, 151, 30%); z-index:100; position:absolute; top:0; left:0;}
.mainlayer-link{ display:none;  position:fixed; padding:30px 40px 30px; top:50%; left:50%; width:90%; transform: translate(-50%, -50%); background:#07092d; z-index:300; border-radius:30px; box-shadow:0 0 20px rgba(0,0,0,50%);}
.mainlayer-link .h1{ text-align:center; color:#d4b5ed; font-size:14px; letter-spacing:.75px; width:100%; display:none;}
.mainlayer-link .h2{ text-align:center; color:#fff; font-size:15px; line-height:26px; margin-top:12px; letter-spacing:.25px}
.mainlayer-link .h2 span{ position:relative; z-index:0; font-weight:700; display:block; margin-bottom:24px; margin-top:4px; font-size:18px;}
.mainlayer-link ul li{position:relative; border-radius:32px; height:210px; padding:30px 30px 0px; box-shadow:0 4px 20px rgba(0,0,0,100%); 
background-image: linear-gradient(to bottom, #fff 50%, #dae5ff 100%); background-position: left bottom; background-size: 100%; background-repeat: no-repeat;}
.mainlayer-link ul li + li{ margin-top:20px;}
.mainlayer-link ul li .tit{font-size:14px; text-decoration:underline; color:#222;}
.mainlayer-link ul li .h3{font-size:17px; font-weight:700;margin-top:18px; color:#222;}
.mainlayer-link ul li .h4{font-size:15px; line-height:22px;margin-top:12px; color:#222;}
.mainlayer-link ul li .link{position:absolute; bottom:28px; right:28px; line-height:24px; padding:0 0px 0 0;  color:#222; display:flex; align-items:center;}
.mainlayer-link ul li .link span{ display:none;}
.mainlayer-link ul li .link em{ border-radius:100px; width:28px; height:28px; display:block; margin-left:12px; background:#222 url('../../images/common/mainlayerarrow.svg')center center no-repeat; background-size:6px;}
.mainlayer-link ul li.ty2{background:url('../../images/common/mainlayerbg.png')center center no-repeat; background-size:400px;}
.mainlayer-link ul li.ty2 .tit{ color:#fff;}
.mainlayer-link ul li.ty2 .h3{ color:#fff;}
.mainlayer-link ul li.ty2 .h4{ color:#fff;}
.mainlayer-link ul li.ty2 .link{ color:#fff;}
.mainlayer-link ul li.ty2 .link em{ background:#fff url('../../images/common/mainlayerarrow02.svg')center center no-repeat; background-size:6px;}
.mainlayer-link .mainlayer-close{ position:absolute; right:10px; top:10px; font-size:0; width:60px; height:60px; background:url('../../images/common/mainlayerclose.svg')center center no-repeat; background-size:30px; cursor:pointer;}

.main-service{ width:100%;  padding:0 0px 40px; box-sizing:border-box;  z-index:-1;  }
.main-service .h1{ font-size:18px; padding:80px 0 30px; text-align:center; font-weight:700;}
.main-service ul{ gap:20px; margin:0 auto; width:100%; padding:0 20px;}
.main-service ul li{ border-radius:28px; padding:24px 28px 0px; height:210px; flex:1; box-sizing:border-box; background:#fff; box-shadow:0px 0px 28px rgba(82,90,163,20%)}
.main-service ul li + li{ margin-top:20px;}
.main-service ul li .h2{ font-size:12px; border-radius:60px;  display:inline-block; padding:6px 10px 4px; font-weight:700; letter-spacing:.75px}
.main-service ul li .h3{ font-size:18px; margin-top:12px; font-weight:700;}
.main-service ul li .h4{ font-size:14px; margin-top:8px; line-height:22px; width:60%;}
.main-service ul li.service1{ background:#18112e url('../../images/common/service01.png')calc(100% + 40px) bottom no-repeat; background-size:180px;}
.main-service ul li.service2{ background:#fff url('../../images/common/service02.png')calc(100% + 20px) bottom no-repeat; background-size:190px;}
.main-service ul li.service3{ position:relative; background:url('../../images/common/service03.png'),  linear-gradient(to bottom, #5470c7 0%, #1b3da6 100%); background-position:calc(100% + 20px) calc(100% - 26px), left bottom; background-size: 350px auto, 100%; background-repeat: no-repeat;}
.main-service ul li.service3::after{ content:''; width:260px; height:200px; display:block; position:absolute; bottom:-30px; right:10px;  background:url('../../images/common/service03-add.png')right calc(100% - 50px) no-repeat; background-size:130px; }
.main-service ul li.service4{ background:url('../../images/common/service04.png'), linear-gradient(to bottom, #fff 28%, #f4ebff 100%); background-position:calc(100% + 20px) bottom, left bottom; background-size: 190px auto, 100%; background-repeat: no-repeat;}
.main-service ul li.service1 .h2{ color:#18112e; background:#fff;}
.main-service ul li.service2 .h2{ color:#18112e; background:#e2f4ff;}
.main-service ul li.service3 .h2{ color:#2445ad; background:#fff;}
.main-service ul li.service4 .h2{ color:#18112e; background:#f9e5ff;}
.main-service ul li.service1 .h3{ color:#fff;}
.main-service ul li.service1 .h4{ color:#fff;}
.main-service ul li.service3 .h3{ color:#fff;}
.main-service ul li.service3 .h4{ color:#fff;}

.main-link{ width:100%;  padding:0px 20px 40px; box-sizing:border-box; background:#fbfbfb;}
.main-link ul{ width:100%; margin:0 auto;  gap:20px; padding:20px 0px;}
.main-link ul li{ border-radius:18px; padding:32px 10px 20px 82px; flex:1; margin-top:20px; box-sizing:border-box; box-shadow:4px 4px 20px rgba(0,0,0,5%); background:#fff; cursor:pointer;}
.main-link ul li .h1{ font-size:15px; font-weight:700;}
.main-link ul li .h2{ font-size:13px; margin-top:6px; line-height:16px; color:#bbb;}
.main-link ul li.link1{ background:url('../../images/common/link01.svg')28px center no-repeat; background-size:32px;}
.main-link ul li.link2{ background:url('../../images/common/link02.svg')28px center no-repeat; background-size:32px;}
.main-link ul li.link3{ background:url('../../images/common/link03.svg')28px center no-repeat; background-size:32px;}


.sub-visual{ background:#1c0555 url('../../images/common/sub-bg.png')center center no-repeat; background-size:200%;}
.sub-visual ul{ width:100%; margin:0 auto;  display:flex; align-items:end; padding:40px 26px; justify-content:center;}
.sub-visual ul li { display:flex; justify-content:center;}
.sub-visual ul li span{ color:rgba(255,255,255,60%); font-size:15px; position:relative; cursor:pointer}
.sub-visual ul li span.active{ font-weight:700; color:#fff;}
.sub-visual ul li span.active::after{ content:''; width:100%; height:2px; display:block; position:absolute; top:32px; background: linear-gradient(to right, #5c30c9 0%, #b729b5 100%);}
.sub-visual ul li span + span{ margin-left:52px;}
.re-subtop .h3{ font-size:20px; font-weight:700; padding:20px 0 12px; color:#222;}


/*모바일 개발가이드*/
.sub-content{ width:100%; margin:0 auto;  padding:0 0 40px; }
.sub-content .sub-title{ text-align:center; font-weight:700; padding:60px 0 40px; font-size:20px;}
.sub-content.ty1{  padding:20px 24px 40px; gap:50px;}
.sub-content.ty3{  padding:20px 24px 40px; gap:50px;}
.sub-content .sub-right.ty2{ padding:0 32px;}
.sub-content .sub-right .sub-righttit{ font-size:21px; padding:6px 0 40px 0; font-weight:700; text-align:center;}
.sub-content .sub-title{ font-size:20px; text-align:center; padding:70px 0 50px; font-weight:700;}
.sub-content .sub-title.ty1{ padding:70px 0 50px;}

.sub-guideprogress{ background:linear-gradient(to bottom, #f8f7ff 0%, #f8f2ff 100%); border-radius:20px; padding:28px 28px;  margin-bottom:18px;}
.sub-guideprogress .h2{font-size:15px; line-height:24px; text-align:left; color:#222; padding:0px 0 20px;}
.sub-guideprogress .progressbox{ border-radius:20px; background:#fff;  padding:24px 0 24px 20px; }
.sub-guideprogress .progressbox li{ padding:0 10px 0 54px; position:relative; height:60px; display:flex; align-items:center;}
.sub-guideprogress .progressbox li .h3{ font-size:14px; line-height:22px; font-weight:700;}
.sub-guideprogress .progressbox li + li{margin-top:12px;}
.sub-guideprogress .progressbox li::after{ content:''; transform:rotate(90deg);  position:absolute; right:0px; top:16px; display:block; width:60px; height:30px; background: url('../../images/common/progressarrow.svg')center center no-repeat; background-size:8px;}
.sub-guideprogress .progressbox li:last-child::after{ display:none;}
.sub-guideprogress .progressbox li.progress1{ background:url('../../images/common/inforpro-step01.svg')6px 5px no-repeat; background-size:42px;}
.sub-guideprogress .progressbox li.progress2{ background:url('../../images/common/inforpro-step02.svg')6px 10px no-repeat; background-size:38px;}
.sub-guideprogress .progressbox li.progress3{ background:url('../../images/common/inforpro-step03.svg')6px 5px no-repeat; background-size:36px;}
.sub-guideprogress .progressbox li.progress4{ background:url('../../images/common/inforpro-step04.svg')6px 8px no-repeat; background-size:36px;}
.sub-guidebox{ border-radius:20px; margin-top:20px;  padding:14px 10px 24px; width:100%; }
.sub-guidetit{  padding:30px 10px 0px;  font-size:20px; color:#222; font-weight:700;} 
.sub-guidebox .boxtit{ display:flex; justify-content:space-between; padding:0 0 18px;  font-size:17px; color:#222; font-weight:700;} 
.sub-guidebox > .h2{font-size:14px; line-height:24px; text-align:left; color:#222; width:100%;}
.sub-guidebox .tablebox{display:flex; margin-top:20px; border:1px solid #e0e0e0; width:100%;}
.sub-guidebox .tablebox .header{  background:#f8f8f8; width:30%;}
.sub-guidebox .tablebox .header li{ flex:1; border-bottom:1px solid #e0e0e0;  border-right:1px solid #e0e0e0; padding:7px 14px 7px 20px; font-size:13px; font-weight:700;}
.sub-guidebox .tablebox .header li:last-child{border-bottom:0px solid #e0e0e0;}
.sub-guidebox .tablebox .body{  width:70%;}
.sub-guidebox .tablebox .body li{  flex:1; border-bottom:1px solid #e0e0e0; padding:7px 14px 7px 20px; font-size:13px;}
.sub-guidebox .tablebox .body li:last-child{border-bottom:0px solid #e0e0e0;}
.sub-guidebox .protocolbox{ margin-top:20px;  border-radius:20px; background:#f8fcff;  padding:20px 20px; width:100%;}
.sub-guidebox .protocolbox > .h3{ font-size:15px; font-weight:700;}
.sub-guidebox .protocolbox ul{   padding:12px 0 0 0;}
.sub-guidebox .protocolbox ul li{  padding:0 0px 10px 30px; background: url('../../images/common/icon-document.svg')4px 1px no-repeat; background-size:14px;}
.sub-guidebox .protocolbox ul li strong{ font-weight:700;font-size:13px; letter-spacing:.75px; white-space:nowrap;}
.sub-guidebox .protocolbox ul li span{  font-size:12px; color:#999; padding:0 0 0 10px; letter-spacing:.75px; white-space:nowrap;}
.sub-guidebox .codebox{margin-top:20px;   gap:12px; }
.sub-guidebox .codebox .code {background:black; flex:1; padding:20px 40px; }
.sub-guidebox .codebox .code strong{ display:block; color:#c7dbff; font-size:13px; }
.sub-guidebox .codebox .code span{ color:#fff; font-size:12px; letter-spacing:1px; display: block; margin-top:12px; line-height:22px;}
.sub-guidebox .codebox .code span + strong{ margin-top:20px;}
.sub-guidebox .warningbox{ margin-top:30px;}
.sub-guidebox .warningbox > .h2{ font-weight:700; padding:0 0 0 25px; font-size:15px; color:#222; background: url('../../images/common/icon-warning.svg')left center no-repeat; background-size:17px;}
.sub-guidebox .warningbox ul{ margin-top:12px;}
.sub-guidebox .warningbox ul li{ margin-top:6px; font-size:13px; padding:0 0 0 6px;}
.sub-guidebox .validationbox{ margin-top:30px;  border-radius:20px; background:#fff8f8;  padding:20px 20px;}
.sub-guidebox .validationbox > .h3{ font-size:14px; color:#ed6767; font-weight:700;margin-bottom:16px}
.sub-guidebox .validationbox .items{ display:grid; grid-template-columns:1fr 1fr;  }
.sub-guidebox .validationbox .items.ty1{ display:block;}
.sub-guidebox .validationbox .items > span{font-size:13px;  padding:0 14px 10px 25px; background: url('../../images/common/icon-check.svg')4px 2px no-repeat; background-size:16px; display:block;}
.sub-guidebox .validationbox .items ul li strong{font-size:14px; color:#ed6767;  padding:0 0px 0 25px; background: url('../../images/common/icon-check.svg')4px 2px no-repeat; background-size:16px; display:block;}
.sub-guidebox .validationbox .items em{ font-size:12px; font-style:normal; padding:6px 0 0 26px; display:block;}
.sub-guidebox .validationbox .items ul{display:block; width:100% }
.sub-guidebox .validationbox .items ul li{  padding:6px 0px;}
.sub-guidebox .downloadbox { margin:20px 0 0 0; }
.sub-guidebox .downloadbox button{ border-radius:12px; width:100%; text-align:left; padding:20px 0px 20px 60px; position:relative; margin:0 0 3px 0;}
.sub-guidebox .downloadbox button + button{ margin:12px 0 0 0;}
.sub-guidebox .downloadbox button .h1{ font-size:14px; font-weight:700;}
.sub-guidebox .downloadbox button > span{ text-align:left; color:#999; font-size:12px;}
.sub-guidebox .downloadbox button > em{ position:absolute; right:18px; width:32px; height:32px; background: url('../../images/common/download-arrow.svg')center center no-repeat; background-size:16px; top:50%; transform:translateY(-50%);}
.sub-guidebox .downloadbox button.excel{border:1px solid #48ae09; background: url('../../images/common/download-excel.svg')14px center no-repeat; background-size:38px;}
.sub-guidebox .downloadbox button.json{border:1px solid #3d7ec8; background: url('../../images/common/download-json.svg')14px center no-repeat; background-size:38px;}


/*모바일 API문서*/

.searchbox{ width:100%; margin:0px auto 0px;padding:12px 0px 4px  0px;}
.searchbox .search{ display:flex; align-items:center; width:100%; justify-content:right;}
.searchbox .search .tit{ font-weight:700;  padding:0 16px 0 0; font-size:18px; line-height:30px; text-align:center;}
.searchbox .search input{ width:80%; border:0; padding:23px 0 23px 0px; height:34px; font-size:17px; border-bottom:1px solid #d2d6e0;}
.searchbox .search input::placeholder{ font-size:14px; color:#bbb; letter-spacing:.75px; font-weight:500;}
.searchbox .search{ position:relative;}
.searchbox .search .clearbtn{width: 22px;height: 22px;right:46px; top: 13px; border-radius:100px;position:absolute; display:none; background:#f4f4f4 url('../../images/common/icon-close.svg')center center no-repeat; background-size:8px;}
.searchbox .search .searchbtn{ width:40px; height:40px;right:0px; top:4px; position:absolute;  display:flex; justify-content:center;align-items:center; background: url('../../images/common/icon-search.svg')center center no-repeat; background-size:18px;}

.searchbox .dep_1{margin-bottom:.8rem;margin-top:1.8rem;position:relative; }
.searchbox .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;}
.searchbox .dep_2 > button span{display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2rem;}
.searchbox .dep_1 > button.active{border-radius:6px 6px 0 0;}
.searchbox .dep_1 > button:after{width:2rem;height:2rem;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;content:"";display:block;}
.searchbox .dep_1 ul{border:1px solid #d2d6e0;height:360px; overflow-y:scroll; border-top:0; padding:10px 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;}
.searchbox .dep_1 ul li button{color:#2a2c31;font-size:1.4rem; line-height:2.2rem;padding:.5rem 1.6rem;background:none;border:0;text-align:left;}
.searchbox .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;}
.searchbox .dep_2 > button span{display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2rem;flex:0 1 90%;}
.searchbox .dep_2 > button.active{border-radius:6px 6px 0 0;}
.searchbox .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;}
.searchbox .dep_2 ul{border:1px solid #2a2c31;border-top:0;border-radius:0 0 6px 6px;padding-bottom:1rem;display:none;}
.searchbox .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%;}
.searchbox .downbox{ display:flex;  flex-direction: column; align-items: end; gap:.5rem; margin-top:1rem;}
.searchbox .downbox button{ padding:.75rem 0 .75rem 3rem; font-size:12px; text-align:left; text-decoration:underline; text-decoration-color: #aaa; width:55%;}
.searchbox .downbox button.excel{background: url('../../images/common/download-excel.svg')0px center no-repeat; background-size:25px;}
.searchbox .downbox button.json{ background: url('../../images/common/download-json.svg')0px center no-repeat; background-size:25px;}

.sub-right{ margin-top:24px;}
.sub-right .listheaderbox{  border-bottom:1px solid #aaa; padding:0 0 16px 0;}
.sub-right .listheaderbox .tit{display:flex; align-items:center; font-size:17px;}
.sub-right .listheaderbox .tit em{ padding:0 6px 0 10px; font-size:16px;height:20px;}

.b2c-trbox > div:first-child{margin-top:20px;}
.b2c-tr-card {background: #ffffff;border: 1px solid #e0e0e0;margin-bottom: 20px;  padding: 0px 0px 30px 0px;  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);}
.b2c-tr-header { padding: 20px 30px 40px; align-items: center;cursor: pointer;user-select: none;padding-bottom: 0;margin-bottom: 0;border-bottom: none;transition: all 0.2s ease;}
.b2c-tr-card.open{border:0; margin:0 !important;}
.b2c-tr-card.open .b2c-tr-header {align-items: center; padding-bottom: 16px; margin-bottom: 16px; padding: 20px 20px 30px; background:#fbfbfb; }
.b2c-tr-header-actions {align-items: center;gap: 10px; display:flex; margin-top:12px; }
.b2c-accordion-toggle-btn {background: none;border: none;cursor: pointer;padding: 6px;display: flex;align-items: center;justify-content: center;color: #888888;transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s;}
.b2c-accordion-toggle-btn:hover {color: #000000;}
.b2c-accordion-toggle-btn svg {width: 24px;height: 24px;fill: currentColor;}
.b2c-tr-card.open .b2c-accordion-toggle-btn {transform: rotate(180deg);}
.b2c-tr-badge-title {display: flex;flex-direction: column;gap: 8px;}
.b2c-tr-badge-row {display: flex;align-items: center;gap: 10px;}
.b2c-tr-badge {color: #688dc5;font-size: 13px;font-weight: 700;padding: 4px 0px; display: inline-block; letter-spacing: 0.5px;}
.b2c-tr-name {font-size: 20px;font-weight: 700;color: #000000;margin: 0;}
.b2c-tr-paths {font-size: 13px;color: #888888;margin-top: 4px;}
.b2c-tr-subcats {display: flex;gap: 8px;flex-wrap: wrap;margin-top: 12px;}
.b2c-tr-subcat-badge {background-color: #F2F2F2; /* 연한 회색 배경 */color: #555555; /* 어두운 회색 텍스트 */font-size: 12px;padding: 4px 12px;border-radius: 12px;font-weight: 500;}
.b2c-download-btn {background:#fff url('../../images/common/icon-documentdown.svg')14px center no-repeat; background-size:15px; border: 1px solid #eee; color: #777777;padding: 10px 16px 10px 38px; border-radius:12px; font-size: 13px; font-weight: 500;
 cursor: pointer; display: inline-flex; align-items: center;gap: 6px;transition: all 0.2s;}
 
 /* Tab Content & Tables */
.b2c-tr-spec-container {margin-top: 16px;}
.b2c-section-subtitle {font-size: 18px;font-weight: 700;color: #000000; padding-top:20px; margin-bottom: 16px;margin-top: 24px;display: flex;align-items: center;gap: 10px;}
.b2c-section-subtitle small {font-size: 13px;color: #bbb;font-weight: 400; letter-spacing:.75px;}
.b2c-table-wrapper {overflow-x: auto;margin-bottom: 24px;border-top: 1px solid #666; border-bottom: 1px solid #666; max-height:516px;}
.b2c-spec-table {width: 760px;border-collapse: collapse;text-align: left;font-size: 13px;}
.b2c-spec-table th {color: #334155;font-weight: 600;padding: 14px 16px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;white-space:nowrap;}
.b2c-spec-table th:last-child {border-right: none;}
.b2c-spec-table td {padding: 14px 16px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;color: #475569;}
.b2c-spec-table td:last-child {border-right: none;}
.b2c-spec-table tr:last-child td {border-bottom: none;}
.b2c-spec-table tr.array-row {background-color: #FFF4E2;}
.b2c-spec-table tr.array-row-odd {background-color: #f6f8fa !important;}
.b2c-spec-table .array-row-odd + .array-row-odd{ background:#f9fcff !important;}
.b2c-spec-table tr.array-row-even {background-color: #f6f8fa !important;}
.b2c-spec-table .array-row-even + .array-row-even{ background:#f9fcff !important;}
.b2c-btn-top{width:100%; border:1px solid #eee; padding:16px 0; justify-content:center; color:#aaa;}
 

/*모바일 API소개*/
.sub-content .subbox.intro .inner .visual{ position:relative; width:90%;  margin:0 auto; height:200px;  border-radius:36px; background:linear-gradient(to bottom, #f8f7ff 0%, #f8f2ff 100%); }
.sub-content .subbox.intro .inner .visual img{ position:absolute; left:26px; top:6px; width:300px; }
.sub-content .subbox.intro .inner .textbox{ padding:50px 38px 0;}
.sub-content .subbox.intro .inner .textbox .h1{ padding:50px 0px 10px; font-weight:700; font-size:18px; line-height:30px;}
.sub-content .subbox.intro .inner .textbox ul{ padding:0 0px 0 0;}
.sub-content .subbox.intro .inner .textbox ul li{font-size:14px; line-height:22px; color:#333; }
.sub-content .subbox.intro .inner .textbox ul li+li{ margin-top:20px;}
.sub-service{ width:100%; box-sizing:border-box; }
.sub-service ul{ width:90%; gap:20px; margin:0 auto; }
.sub-service ul li{ border-radius:20px; padding:26px 30px 0px; height:240px; flex:1; box-sizing:border-box; background:#fff; border:1px solid #d3d3d3;}
.sub-service ul li + li{ margin-top:20px;}
.sub-service ul li .h2{ font-size:12px; border-radius:60px;  display:inline-block; margin-bottom:0; background:#e2f4ff; line-height:20px; padding:6px 12px 5px; font-weight:700; letter-spacing:.75px}
.sub-service ul li .h3{ font-size:20px; margin-top:19px; font-weight:700;}
.sub-service ul li .h4{ font-size:15px; margin-top:10px; line-height:26px; color:#777; width:60%;}
.sub-service ul li.service1{ background:url('../../images/common/service01.png')calc(100% + 40px) bottom no-repeat; background-size:180px;}
.sub-service ul li.service2{ background:#fff url('../../images/common/service02.png')right bottom no-repeat; background-size:192px;}
.sub-service ul li.service3{ position:relative; background:url('../../images/common/service03-sub.png')calc(100% + 20px) calc(100% - 50px) no-repeat; background-size:125px;}
.sub-service ul li.service3::after{ content:''; width:260px; height:200px; display:block; position:absolute; bottom:10px; right:12px;  background: url('../../images/common/service03-add.png')right bottom no-repeat; background-size:150px; }
.sub-service ul li.service4{ background:url('../../images/common/service04.png'); background-position:calc(100% + 20px) bottom; background-size: 190px auto; background-repeat: no-repeat;}
.sub-example{ width:90%; margin:0 auto; border-radius:20px; padding:20px 30px 50px; border:1px solid #c4aedb;}
.sub-example .h2{font-size:16px; line-height:26px; text-align:left; color:#444; padding:16px 0 20px;}
.sub-example ul{ width:100%; margin:0 auto; display:grid; grid-template-columns:1fr; gap:20px;}
.sub-example ul li{ border-radius:20px;  width:100%; padding:68px 28px 28px 28px;}
.sub-example ul li.ty1{ background:#fcf9ff url('../../images/common/example01.svg')30px 20px no-repeat; background-size:32px;}
.sub-example ul li.ty2{ background:#fcf9ff url('../../images/common/example02.svg')30px 20px no-repeat; background-size:32px;}
.sub-example ul li.ty3{ background:#fcf9ff url('../../images/common/example03.svg')30px 20px no-repeat; background-size:32px;}
.sub-example ul li.ty4{ background:#fcf9ff url('../../images/common/example04.svg')30px 20px no-repeat; background-size:32px;}
.sub-example ul li.ty5{ background:#fcf9ff url('../../images/common/example05.svg')30px 20px no-repeat; background-size:32px;}
.sub-example ul li.ty6{ background:#fcf9ff url('../../images/common/example06.svg')30px 20px no-repeat; background-size:32px;}
.sub-example ul li .tit{ color:#222; padding:0 0 8px 0; font-weight:700; font-size:17px;}
.sub-example ul li .box{ border-radius:20px; display:flex; justify-content:space-between;}
.sub-example ul li .box span{ display: block; padding:0 0 0 16px; position:relative;  font-size:13px; color:#666; margin-top:3px; padding:0 2px 0 0;}
.sub-example ul li .box span::after{ content:''; display:inline-block; width:3px; height:3px; border-radius:100px; background:#bbb; position:absolute; left:5px; top:8px;}
.sub-example ul li .box span + span{ }

/*모바일 이용안내*/
.sub-inforprogress{ width:90%; margin:0 auto; background:linear-gradient(to bottom, #f8f7ff 0%, #f8f2ff 100%); border-radius:20px; padding:24px 32px 28px; }
.sub-inforprogress .h1{font-size:17px; line-height:28px; text-align:left; color:#444; padding:10px 0 10px; font-weight:700;}
.sub-inforprogress .h2{font-size:14px; line-height:22px; text-align:left; color:#444; padding:0px 0 20px;}
.sub-inforprogress .progressbox{ border-radius:20px; background:#fff; padding:24px 12px;}
.sub-inforprogress .progressbox li{ padding:0 20px 0 80px; position:relative;}
.sub-inforprogress .progressbox li + li{margin-top:30px;}
.sub-inforprogress .progressbox li .h3{ font-size:16px; font-weight:700;}
.sub-inforprogress .progressbox li .h4{ font-size:12px; color:#999;}
.sub-inforprogress .progressbox li::after{ content:'';  position:absolute; right:0px; top:10px; display:block; width:60px; height:30px; transform:rotate(90deg);
background: url('../../images/common/progressarrow.svg')center center no-repeat; background-size:9px;}
.sub-inforprogress .progressbox li:last-child::after{ display:none;}
.sub-inforprogress .progressbox li.progress1{ background:url('../../images/common/inforpro-step01.svg')20px 2px no-repeat; background-size:40px;}
.sub-inforprogress .progressbox li.progress2{ background:url('../../images/common/inforpro-step02.svg')20px 4px no-repeat; background-size:40px;}
.sub-inforprogress .progressbox li.progress3{ background:url('../../images/common/inforpro-step03.svg')24px 0px no-repeat; background-size:37px;}
.sub-inforprogress .progressbox li.progress4{ background:url('../../images/common/inforpro-step04.svg')24px 0px no-repeat; background-size:36px;}
.sub-infor01{ width:90%; margin:0 auto; border:1px solid #d3d3d3;; position:relative;  border-radius:20px; margin-top:60px;  padding:28px 40px 28px; }
.sub-infor01 .boxtit{ display:flex; justify-content:space-between; padding:0 0 18px; border-bottom:1px solid #d3d3d3; font-size:18px; color:#222; font-weight:700;} 
.sub-infor01 .boxtit span{ font-size:12px; color:#9659d6; letter-spacing:.75px;}
.sub-infor01 .h2{font-size:15px; line-height:24px; text-align:left; color:#222; padding:26px 0 0px;}
.sub-infor01 .h2 > span{ color:#7d06a1; font-weight:700;}
.sub-infor01 .btnbox{width:100%;  margin:28px 0 0; text-align:center;}
.sub-infor01 .btnbox button{  border-radius:12px; padding:18px 60px 18px 40px;  font-size:18px; width:100%;}
.sub-infor01 .btnbox button.mobile{  background:#ffbc38 url('../../images/common/progressarrow03.svg') calc(100% - 30px) center no-repeat; background-size:9px; }
.sub-infor02{ width:90%;  margin:0 auto;  border:1px solid #c4aedb;;  border-radius:20px; margin-top:30px;  padding:28px 40px 36px; }
.sub-infor02 .boxtit{ display:flex; justify-content:space-between; padding:0 0 18px; border-bottom:1px solid #d3d3d3; font-size:18px; color:#222; font-weight:700;} 
.sub-infor02 .boxtit span{ font-size:12px; color:#9659d6; letter-spacing:.75px;}
.sub-infor02 .h2{font-size:15px; line-height:24px; text-align:left; color:#444; padding:20px 0 20px; }
.sub-infor02 ul{  gap:12px}
.sub-infor02 ul li{ border-radius:10px;  flex:1; padding:34px 0 24px 88px; text-align:left;}
.sub-infor02 ul li + li{margin-top:14px;}
.sub-infor02 ul li .h3{ font-size:15px;font-weight:700;}
.sub-infor02 ul li.ty1{ background:#fcf9ff url('../../images/common/inforapi01.svg')30px center no-repeat; background-size:38px;}
.sub-infor02 ul li.ty2{ background:#fcf9ff url('../../images/common/inforapi02.svg')30px center no-repeat; background-size:36px;}
.sub-infor02 ul li.ty3{ background:#fcf9ff url('../../images/common/inforapi03.svg')30px center no-repeat; background-size:36px;}
.sub-infor02 ul li.ty4{ background:#fcf9ff url('../../images/common/inforapi04.svg')30px center no-repeat; background-size:36px;}
.sub-infor02 ul li.ty5{ background:#fcf9ff url('../../images/common/inforapi05.svg')30px center no-repeat; background-size:36px;}
.sub-infor02 .bottom{ margin-top:20px; text-align:right}
.sub-infor02 .bottom span{ font-size:13px; color:#666; display:block; text-align:left}
.sub-infor02 .bottom button{padding:20px 14px 20px 0; background: url('../../images/common/progressarrow.svg')right center no-repeat; background-size:6px;}


.btn_group{ width:100%; margin:80px auto 0; display:flex; justify-content:center;}
.btn_group .btn{ border:1px solid #eee; font-size:13px; padding:12px 20px;}

/* Example Pre Blocks */
.b2c-example-box {background-color: #f8fafc;border-radius: 6px;padding: 16px;max-height: 250px;overflow-y: auto;font-family: Consolas, Monaco, monospace;font-size: 13px;white-space: pre-wrap;word-break: break-all;color: #334155;margin-bottom: 16px;}

/* Loading Indicator */
.b2c-loading {display: flex;justify-content: center;align-items: center;padding: 80px 0;}
.b2c-loading-spinner {border: 4px solid #f3f3f3;border-top: 4px solid #0066FF;border-radius: 50%;width: 40px;height: 40px;animation: spin 1s linear infinite;}

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



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

.textbar{ position:absolute; left:0; top:0; color:#fff;}

/*header*/
#header{width:100%; height:100px;border-bottom:0;position:relative; background:#fff;}
#header .header-inner{ max-width:1600px; padding:0 20px;  box-sizing:border-box; margin:0 auto; display:flex;justify-content:center; position:relative; }
#header .header-inner > h1{width:300px;z-index:5; position:absolute; left:0; top:0;}
#header .header-inner > h1 a{padding:38px 0 32px; display:flex; align-items:center;}
#header .header-inner > h1 img{width:116px}
#header .header-inner > h1 a span{ color:#999; letter-spacing:1px; display:block; margin-left:20px;}
#header .menu_group{ height:86px; }
#header .menu_group .mo_top{ display:none}
#header nav ul{display:flex; justify-content:center;}
#header nav ul li{position:relative;width:146px;text-align:center;}
#header nav ul li a{font-size:19px; font-weight:700; position:relative;color:#222; height:100px; width:100%; line-height:104px; display:inline-block;}
#header nav ul li.active a{ color:#7d06a1;}
#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:5px 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 .right { position:absolute; right:0; top:30px; display:flex; gap:30px}
#header .right button{ font-size:14px; color:#222; font-weight:700; color:#5b516d; letter-spacing:.75px;}
#header .right .applybtn{  font-size:14px; background: linear-gradient(to right, #9e1bb5, #5017af); padding:11px 16px; border-radius:100px; color:#fff; letter-spacing:.5px}
.mo_home,.mo_login_txt,.menu_close{display:none;}
.mo_menu{display:none;}
.fullgnb{ display:flex; min-width:1600px;  position: absolute; padding:15px 0 16px 0; width: 100%; left:0; top: 100px; background: #0e052d; justify-content:center; border-top:1px solid #eee; z-index:300}
.fullgnb ul.one-dept{ display:flex; }
.fullgnb ul.two-dept > li { width:100%;}
.fullgnb ul.one-dept > li:nth-child(1){  width:148px;}
.fullgnb ul.one-dept > li:nth-child(2){  width:146px;}
.fullgnb ul.one-dept > li:nth-child(3){  width:146px;}
.fullgnb ul.one-dept > li:nth-child(4){  width:146px;}
.fullgnb ul.two-dept > li a{ padding:6px 0; display:block;  text-align:center; font-weight:300; color:#fff; font-size:14px}
.fullgnb ul.two-dept > li a:hover{ color:#fff;}
/*header*/


.main-visual{ width:100%; display:flex; justify-content:center;  background-image: url('../../images/common/main.png'), linear-gradient(to bottom, #19044c 0%, #0f0437 28%, #00041d 100%); background-position: center -140px, left bottom; background-size: 1700px auto, 100%; background-repeat: no-repeat; }
.main-visualBox{ width:1600px; height:860px; margin:0 auto; position:relative;}
.titbox{ position:absolute; left:50%; transform:translateX(-50%); top:130px;}
.titbox .h2{ color:#fff; font-size:28px; margin-top:12px; text-align:center;}
.titbox .h3{ color:rgba(255,255,255,60%); font-size:20px; width:900px; text-align:center; margin-top:22px; letter-spacing:.25px; line-height:38px;}

.main-service{ width:100%;  padding:0 0px 100px; box-sizing:border-box; background:url('../../images/common/servicebg.png')center 60px no-repeat; background-size:1880px; z-index:-1;}
.main-service .h1{ font-size:26px; padding:120px 0 80px; text-align:center; font-weight:700;}
.main-service ul{ display: flex; gap:20px; margin:0 auto; width:1540px; padding:0 20px;}
.main-service ul li{ border-radius:28px; padding:40px 40px 0px; height:480px; flex:1; box-sizing:border-box; background:#fff; box-shadow:0px 0px 28px rgba(82,90,163,20%)}
.main-service ul li .h2{ font-size:12px; border-radius:60px;  display:inline-block; padding:8px 14px 6px; font-weight:700; letter-spacing:.75px}
.main-service ul li .h3{ font-size:22px; margin-top:26px; font-weight:700;}
.main-service ul li .h4{ font-size:16px; margin-top:12px; line-height:28px;}
.main-service ul li.service1{ background:#18112e url('../../images/common/service01.png')right bottom no-repeat; background-size:280px;}
.main-service ul li.service2{ background:#fff url('../../images/common/service02.png')right bottom no-repeat; background-size:330px;}
.main-service ul li.service3{ position:relative; background:url('../../images/common/service03.png')right bottom no-repeat; background-size:530px;}
.main-service ul li.service3::after{ content:''; width:260px; height:200px; display:block; position:absolute; bottom:-30px; right:40px;  background:url('../../images/common/service03-add.png')right bottom no-repeat; background-size:240px; }
.main-service ul li.service4{ background:url('../../images/common/service04.png'), linear-gradient(to bottom, #fff 28%, #f4ebff 100%); background-position: right bottom, left bottom; background-size: 320px auto, 100%; background-repeat: no-repeat;}
.main-service ul li.service1 .h2{ color:#18112e; background:#fff;}
.main-service ul li.service2 .h2{ color:#18112e; background:#e2f4ff;}
.main-service ul li.service3 .h2{ color:#2445ad; background:#fff;}
.main-service ul li.service4 .h2{ color:#18112e; background:#f9e5ff;}
.main-service ul li.service1 .h3{ color:#fff;}
.main-service ul li.service1 .h4{ color:#fff;}
.main-service ul li.service3 .h3{ color:#fff;}
.main-service ul li.service3 .h4{ color:#fff;}

.main-link{ width:100%;  padding:40px 20px 40px; box-sizing:border-box; background:#fbfbfb;}
.main-link ul{ width:1540px; margin:0 auto; display: flex; gap:20px; padding:20px 20px;}
.main-link ul li{ border-radius:18px; padding:32px 10px 20px 120px; flex:1; box-sizing:border-box; box-shadow:4px 4px 20px rgba(0,0,0,5%); background:#fff; cursor:pointer;}
.main-link ul li .h1{ font-size:19px; font-weight:700;}
.main-link ul li .h2{ font-size:16px; margin-top:6px; line-height:28px; color:#bbb;}
.main-link ul li.link1{ background:url('../../images/common/link01.svg')42px center no-repeat; background-size:46px;}
.main-link ul li.link2{ background:url('../../images/common/link02.svg')42px center no-repeat; background-size:46px;}
.main-link ul li.link3{ background:url('../../images/common/link03.svg')42px center no-repeat; background-size:46px;}

.mainlayer-dim{ width:100%; height:100%; background:rgba(0, 0, 0, 10%); z-index:0; position:absolute; top:0; left:0; display:none; z-index:100}
.mainlayer-link{ display:none; position:fixed; padding:80px 40px 40px; top:200px; left:50%; transform: translate(-50%); background:#07092d; z-index:300; border-radius:60px; box-shadow:0 0 20px rgba(0,0,0,50%);}
.mainlayer-link .h1{ text-align:center; color:#d4b5ed; font-size:16px; letter-spacing:.75px}
.mainlayer-link .h2{ text-align:center; color:#fff; font-size:22px; margin-top:20px; letter-spacing:.25px}
.mainlayer-link .h2 span{ position:relative; z-index:0; font-weight:700;}
.mainlayer-link .h2 span::after{ content:''; display:inline-block; position:absolute;  width:100%; height:5px; background:linear-gradient(to right, #674cad 0%, #870c85 100%); left:0; bottom:0; z-index:-1}
.mainlayer-link ul{ margin-top:50px; display:flex; width:700px; gap:24px;}
.mainlayer-link ul li{position:relative; border-radius:32px; height:360px; width:500px; padding:40px 40px; box-shadow:0 4px 20px rgba(0,0,0,100%); cursot:pointer;
background-image: url('../../images/common/mainlayerphone.png'), linear-gradient(to bottom, #fff 50%, #dae5ff 100%); background-position: 4px calc(100% - 20px), left bottom; background-size: 160px auto, 100%; background-repeat: no-repeat;}
.mainlayer-link ul li .tit{font-size:14px; text-decoration:underline; color:#222;}
.mainlayer-link ul li .h3{font-size:23px; font-weight:700;margin-top:26px; color:#222;}
.mainlayer-link ul li .h4{font-size:15px; line-height:24px;margin-top:12px; color:#222;}
.mainlayer-link ul li .link{position:absolute; bottom:40px; right:28px; line-height:24px; padding:0 0px 0 0;  color:#222; display:flex; align-items:center;}
.mainlayer-link ul li .link em{ border-radius:100px; width:34px; height:34px; display:block; margin-left:12px; background:#222 url('../../images/common/mainlayerarrow.svg')16px center no-repeat;}
.mainlayer-link ul li.ty2{background:url('../../images/common/mainlayerbg.png')center center no-repeat; background-size:400px;}
.mainlayer-link ul li.ty2 .tit{ color:#fff;}
.mainlayer-link ul li.ty2 .h3{ color:#fff;}
.mainlayer-link ul li.ty2 .h4{ color:#fff;}
.mainlayer-link ul li.ty2 .link{ color:#fff;}
.mainlayer-link ul li.ty2 .link em{ background:#fff url('../../images/common/mainlayerarrow02.svg')16px center no-repeat;}
.mainlayer-link .mainlayer-close{ position:absolute; right:20px; top:20px; font-size:0; width:70px; height:70px; background:url('../../images/common/mainlayerclose.svg')center center no-repeat; background-size:36px; cursor:pointer;}


.sub-visual{ background:#1c0555 url('../../images/common/sub-bg.png')center center no-repeat; background-size:100%;}
.sub-visual.ty1{ height:1px;}
.sub-visual ul{ width:1400px; margin:0 auto; height:131px; display:flex; align-items:end; padding:0 26px 42px; justify-content:center;}
.sub-visual ul li { display:flex; justify-content:center;}
.sub-visual ul li span{ color:rgba(255,255,255,60%); font-size:18px; position:relative; cursor:pointer}
.sub-visual ul li span.active{ font-weight:700; color:#fff;}
.sub-visual ul li span.active::after{ content:''; width:100%; height:2px; display:block; position:absolute; top:36px; background: linear-gradient(to right, #5c30c9 0%, #b729b5 100%);}
.sub-visual ul li span + span{ margin-left:82px;}

.sub-content{ width:1400px; margin:0 auto;  padding:0 0 100px; }
.sub-content.ty1{ display:flex; padding:50px 0 100px 0; gap:50px;}
.sub-content.ty2{ display:flex; padding:50px 0 100px 0; gap:50px;}
.sub-content.ty3{width:980px; margin:0 auto;   }
.sub-content .sub-left{ width:230px; padding:0 30px;}
.sub-content .sub-left.ty1{ width:360px; padding:0 50px 0 30px; border-right:1px solid #eee;}
.sub-content .sub-left.ty2{ width:240px; padding:0 50px 0 30px;  position:fixed;}
.sub-content .sub-right{ flex:1;}
.sub-content .sub-right.ty2{ padding:0 0 0 300px;}
.sub-content .sub-right .sub-righttit{ font-size:30px; padding:14px 0 42px 0; font-weight:700; display:flex; justify-content:space-between;}
.sub-content .sub-right .sub-righttit .btnbox{ display:flex; gap:2.5rem}
.sub-content .sub-right .sub-righttit .btnbox button{ font-size:13px; padding:1rem 0rem 1rem 3rem; }
.sub-content .sub-right .sub-righttit .btnbox button.excel{ background: url('../../images/common/download-excel.svg')0px center no-repeat; background-size:24px;}
.sub-content .sub-right .sub-righttit .btnbox button.json{ background: url('../../images/common/download-json.svg')0px center no-repeat; background-size:24px;}
.sub-content .sub-left .h1{ font-size:20px; padding:20px 0 22px 0; color:#222; border-bottom:1px solid #222; font-weight:700;margin:0;}
.sub-content .sub-left .h1.ty1{padding:30px 0 28px 0; border:0;}
.sub-content .sub-left .depth1{ margin-top:30px;  font-weight:700; color:#222;}
.sub-content .sub-left .depth2{margin-bottom:6px; padding:10px 0 0 0; position:relative; }
.sub-content .sub-left .depth2 li{margin-top:8px; font-size:14px;  color:#555; padding:0 0 0 26px; }
.sub-content .sub-left .depth2::after{content:'';  position:absolute; left:8px; top:22px; display:block; width:2px; height:60%; background: #e7e7e7;}
.sub-content .sub-title{ font-size:24px; text-align:center; padding:120px 0 70px; font-weight:700;}
.sub-content .sub-title.ty1{ padding:140px 0 70px;}
.sub-content .subbox{ padding:20px 0;}
.sub-content .subbox.shadowbox{ box-shadow:0 0 40px #e5def7; border-radius:42px;}
.sub-content .subbox .inner{ display:flex; gap:72px}
.sub-content .subbox.intro .inner .visual{ position:relative; width:380px; height:350px;  border-radius:36px; background:linear-gradient(to bottom, #f8f7ff 0%, #f8f2ff 100%); }
.sub-content .subbox.intro .inner .visual img{ position:absolute; left:26px; top:6px; width:370px; }
.sub-content .subbox.intro .inner .textbox .h1{ padding:50px 0px 30px; font-weight:700; font-size:22px;}
.sub-content .subbox.intro .inner .textbox ul{ padding:0 60px 0 0;}
.sub-content .subbox.intro .inner .textbox ul li{font-size:16px; line-height:28px; color:#333; }
.sub-content .subbox.intro .inner .textbox ul li+li{ margin-top:20px;}

.sub-service{ width:100%; box-sizing:border-box; }
.sub-service ul{ display: flex; gap:20px; margin:0 auto; width:100%;}
.sub-service ul li{ border-radius:28px; padding:40px 40px 0px; height:440px; flex:1; box-sizing:border-box; background:#fff; border:1px solid #d3d3d3;}
.sub-service ul li .h2{ font-size:12px; border-radius:60px;  display:inline-block; margin-bottom:0; background:#e2f4ff; line-height:20px; padding:6px 12px 5px; font-weight:700; letter-spacing:.75px}
.sub-service ul li .h3{ font-size:22px; margin-top:26px; font-weight:700;}
.sub-service ul li .h4{ font-size:15px; margin-top:12px; line-height:26px; color:#777;}
.sub-service ul li.service1{ background:url('../../images/common/service01.png')right bottom no-repeat; background-size:286px;}
.sub-service ul li.service2{ background:#fff url('../../images/common/service02.png')right bottom no-repeat; background-size:330px;}
.sub-service ul li.service3{ position:relative; background:url('../../images/common/service03-sub.png')calc(100% - 10px) calc(100% - 30px) no-repeat; background-size:180px;}
.sub-service ul li.service3::after{ content:''; width:260px; height:200px; display:block; position:absolute; bottom:10px; right:5 0px;  background:url('../../images/common/service03-add.png')right bottom no-repeat; background-size:200px; }
.sub-service ul li.service4{ background:url('../../images/common/service04.png'); background-position: right bottom; background-size: 310px auto; background-repeat: no-repeat;}

.sub-example{ width:1400px; margin:0 auto; border-radius:42px; padding:0 40px 50px; border:1px solid #c4aedb;}
.sub-example .h2{font-size:17px; text-align:left; color:#444; padding:40px 0 24px;}
.sub-example ul{ width:100%; margin:0 auto; display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px;}
.sub-example ul li{ border-radius:20px;  width:100%; padding:28px 40px 28px 120px;}
.sub-example ul li.ty1{ background:#fcf9ff url('../../images/common/example01.svg')42px center no-repeat; background-size:42px;}
.sub-example ul li.ty2{ background:#fcf9ff url('../../images/common/example02.svg')42px center no-repeat; background-size:42px;}
.sub-example ul li.ty3{ background:#fcf9ff url('../../images/common/example03.svg')42px center no-repeat; background-size:42px;}
.sub-example ul li.ty4{ background:#fcf9ff url('../../images/common/example04.svg')42px center no-repeat; background-size:41px;}
.sub-example ul li.ty5{ background:#fcf9ff url('../../images/common/example05.svg')42px center no-repeat; background-size:42px;}
.sub-example ul li.ty6{ background:#fcf9ff url('../../images/common/example06.svg')42px center no-repeat; background-size:41px;}
.sub-example ul li .tit{ color:#222; padding:0 0 8px 0; font-weight:700; font-size:17px;}
.sub-example ul li .box{ border-radius:20px; display:flex; justify-content:space-between;}
.sub-example ul li .box span{ display: block; padding:0 0 0 16px; position:relative;  font-size:13px; color:#666; margin-top:3px; padding:0 20px 0 0;}
.sub-example ul li .box span::after{ content:''; display:inline-block; width:3px; height:3px; border-radius:100px; background:#bbb; position:absolute; left:5px; top:8px;}
.sub-example ul li .box span + span{ }

.sub-inforprogress{ background:linear-gradient(to bottom, #f8f7ff 0%, #f8f2ff 100%); border-radius:20px; padding:28px 40px; }
.sub-inforprogress .h1{font-size:18px; text-align:left; color:#444; padding:10px 0 10px; font-weight:700;}
.sub-inforprogress .h2{font-size:16px; line-height:28px; text-align:left; color:#444; padding:0px 0 20px;}
.sub-inforprogress .progressbox{ border-radius:20px; background:#fff; display:flex; padding:24px 20px; display:flex; justify-content:center;}
.sub-inforprogress .progressbox li{ padding:0 100px 0 80px; position:relative;}
.sub-inforprogress .progressbox li .h3{ font-size:16px; font-weight:700;}
.sub-inforprogress .progressbox li .h4{ font-size:14px; color:#999;}
.sub-inforprogress .progressbox li::after{ content:'';  position:absolute; right:20px; top:10px; display:block; width:60px; height:30px; background: url('../../images/common/progressarrow.svg')center center no-repeat; background-size:12px;}
.sub-inforprogress .progressbox li:last-child::after{ display:none;}
.sub-inforprogress .progressbox li.progress1{ background:url('../../images/common/inforpro-step01.svg')24px 2px no-repeat; background-size:44px;}
.sub-inforprogress .progressbox li.progress2{ background:url('../../images/common/inforpro-step02.svg')22px 4px no-repeat; background-size:40px;}
.sub-inforprogress .progressbox li.progress3{ background:url('../../images/common/inforpro-step03.svg')24px 4px no-repeat; background-size:38px;}
.sub-inforprogress .progressbox li.progress4{ background:url('../../images/common/inforpro-step04.svg')24px 4px no-repeat; background-size:38px;}

.sub-infor01{ border:1px solid #d3d3d3;; position:relative;  border-radius:20px; margin-top:60px;  padding:28px 40px 28px; }
.sub-infor01 .boxtit{ display:flex; justify-content:space-between; padding:0 0 18px; border-bottom:1px solid #d3d3d3; font-size:18px; color:#222; font-weight:700;} 
.sub-infor01 .boxtit span{ font-size:12px; color:#9659d6; letter-spacing:.75px;}
.sub-infor01 .h2{font-size:16px; line-height:28px; text-align:left; color:#222; padding:26px 0 0px;}
.sub-infor01 .h2 > span{ color:#7d06a1; font-weight:700;}
.sub-infor01 .btnbox{ display:flex; gap:8px; position:absolute;right:40px;top:96px;}
.sub-infor01 .btnbox button{ ; border-radius:12px; padding:18px 60px 18px 40px; text-align:left; font-size:18px; disp}
.sub-infor01 .btnbox button.mobile{  background:#ffbc38 url('../../images/common/progressarrow03.svg') calc(100% - 30px) center no-repeat; background-size:9px; }
.sub-infor02{ border:1px solid #c4aedb;;  border-radius:20px; margin-top:30px;  padding:28px 40px 36px; }
.sub-infor02 .boxtit{ display:flex; justify-content:space-between; padding:0 0 18px; border-bottom:1px solid #d3d3d3; font-size:18px; color:#222; font-weight:700;} 
.sub-infor02 .boxtit span{ font-size:12px; color:#9659d6; letter-spacing:.75px;}
.sub-infor02 .h2{font-size:16px; line-height:28px; text-align:left; color:#444; padding:20px 0 20px; }
.sub-infor02 ul{ display:flex; gap:12px}
.sub-infor02 ul li{ border-radius:10px;  flex:1; padding:94px 0 24px; text-align:center;}
.sub-infor02 ul li .h3{ font-size:15px;font-weight:700;}
.sub-infor02 ul li.ty1{ background:#fcf9ff url('../../images/common/inforapi01.svg')center 30px no-repeat; background-size:44px;}
.sub-infor02 ul li.ty2{ background:#fcf9ff url('../../images/common/inforapi02.svg')center 30px no-repeat; background-size:42px;}
.sub-infor02 ul li.ty3{ background:#fcf9ff url('../../images/common/inforapi03.svg')center 30px no-repeat; background-size:42px;}
.sub-infor02 ul li.ty4{ background:#fcf9ff url('../../images/common/inforapi04.svg')center 30px no-repeat; background-size:42px;}
.sub-infor02 ul li.ty5{ background:#fcf9ff url('../../images/common/inforapi05.svg')center 30px no-repeat; background-size:42px;}
.sub-infor02 .bottom{display:flex; justify-content:space-between; align-items:center; margin-top:10px;}
.sub-infor02 .bottom span{ font-size:13px; color:#666;}
.sub-infor02 .bottom button{margin-right:10px; padding:20px 14px 20px 0; background: url('../../images/common/progressarrow.svg')right center no-repeat; background-size:6px;}

.sub-guideprogress{ background:linear-gradient(to bottom, #f8f7ff 0%, #f8f2ff 100%); border-radius:20px; padding:28px 40px;  margin-bottom:18px;}
.sub-guideprogress .h2{font-size:16px; line-height:28px; text-align:left; color:#222; padding:0px 0 20px;}
.sub-guideprogress .progressbox{ border-radius:20px; background:#fff; display:flex; padding:24px 20px; display:flex; justify-content:center;}
.sub-guideprogress .progressbox li{ padding:0 70px 0 80px; position:relative;}
.sub-guideprogress .progressbox li .h3{ font-size:14px; line-height:22px; font-weight:700;}
.sub-guideprogress .progressbox li::after{ content:'';  position:absolute; right:0px; top:10px; display:block; width:60px; height:30px; background: url('../../images/common/progressarrow.svg')center center no-repeat; background-size:12px;}
.sub-guideprogress .progressbox li:last-child::after{ display:none;}
.sub-guideprogress .progressbox li.progress1{ background:url('../../images/common/inforpro-step01.svg')24px 0px no-repeat; background-size:44px;}
.sub-guideprogress .progressbox li.progress2{ background:url('../../images/common/inforpro-step02.svg')22px 1px no-repeat; background-size:40px;}
.sub-guideprogress .progressbox li.progress3{ background:url('../../images/common/inforpro-step03.svg')24px 0px no-repeat; background-size:38px;}
.sub-guideprogress .progressbox li.progress4{ background:url('../../images/common/inforpro-step04.svg')24px 0px no-repeat; background-size:38px;}


.sub-guidebox{ border-radius:20px; margin-top:30px;  padding:14px 0px 36px; }
.sub-guidetit{  padding:60px 0 18px;  font-size:28px; color:#222; font-weight:700;} 
.sub-guidebox .boxtit{ display:flex; justify-content:space-between; padding:0 0 18px;  font-size:22px; color:#222; font-weight:700;} 
.sub-guidebox > .h2{font-size:16px; line-height:28px; text-align:left; color:#222; padding:20px 0 0px;}
.sub-guidebox .tablebox{margin-top:20px; border:1px solid #e0e0e0}
.sub-guidebox .tablebox .header{ display:flex; background:#f8f8f8;}
.sub-guidebox .tablebox .header li{ flex:1; border-bottom:1px solid #e0e0e0;  border-right:1px solid #e0e0e0; padding:7px 0 7px 20px; font-size:13px; font-weight:700;}
.sub-guidebox .tablebox .header li:last-child{ border-right:0px;}
.sub-guidebox .tablebox .body{ display:flex;}
.sub-guidebox .tablebox .body li{ flex:1;  border-right:1px solid #e0e0e0; padding:7px 0 7px 20px; font-size:13px;}
.sub-guidebox .tablebox .body li:last-child{ border-right:0px;}
.sub-guidebox .protocolbox{ margin-top:20px;  border-radius:20px; background:#f8fcff;  padding:20px 20px;}
.sub-guidebox .protocolbox > .h3{ font-size:14px; font-weight:700;}
.sub-guidebox .protocolbox ul{ display:flex;  padding:12px 0 0 0;}
.sub-guidebox .protocolbox ul li{  padding:0 60px 0 30px; background: url('../../images/common/icon-document.svg')4px 1px no-repeat; background-size:14px;}
.sub-guidebox .protocolbox ul li strong{ font-weight:700;font-size:14px; letter-spacing:.75px;}
.sub-guidebox .protocolbox ul li span{  font-size:12px; color:#999; padding:0 0 0 10px; letter-spacing:.75px;}
.sub-guidebox .codebox{margin-top:20px;  display:flex; gap:12px; }
.sub-guidebox .codebox .code {background:black; flex:1; padding:20px 40px; }
.sub-guidebox .codebox .code strong{ display:block; color:#c7dbff; font-size:13px; }
.sub-guidebox .codebox .code span{ color:#fff; font-size:12px; letter-spacing:1px; display: block; margin-top:12px; line-height:22px;}
.sub-guidebox .codebox .code span + strong{ margin-top:20px;}
.sub-guidebox .warningbox{ margin-top:30px;}
.sub-guidebox .warningbox > .h2{ font-weight:700; padding:0 0 0 25px; font-size:15px; color:#222; background: url('../../images/common/icon-warning.svg')left center no-repeat; background-size:17px;}
.sub-guidebox .warningbox ul{ margin-top:12px;}
.sub-guidebox .warningbox ul li{ margin-top:6px; font-size:14px; padding:0 0 0 6px;}
.sub-guidebox .validationbox{ margin-top:30px;  border-radius:20px; background:#fff8f8;  padding:20px 20px;}
.sub-guidebox .validationbox > .h3{ font-size:14px; color:#ed6767; font-weight:700;margin-bottom:14px}
.sub-guidebox .validationbox .items{ display:flex;}
.sub-guidebox .validationbox .items span{font-size:13px;  padding:0 14px 0 25px; background: url('../../images/common/icon-check.svg')4px 2px no-repeat; background-size:16px; display:block;}
.sub-guidebox .validationbox .items strong{font-size:14px; color:#ed6767;  padding:0 0px 0 25px; background: url('../../images/common/icon-check.svg')4px 2px no-repeat; background-size:16px; display:block;}
.sub-guidebox .validationbox .items em{ font-size:13px; font-style:normal; padding:0 0 0 24px; margin-top:6px; display:block;}
.sub-guidebox .validationbox .items ul{display:flex;}
.sub-guidebox .validationbox .items ul li{ margin-right:16px;}
.sub-guidebox .downloadbox { display:flex; justify-content:space-between; margin:20px 0 0 0; }
.sub-guidebox .downloadbox button{ border-radius:12px; width:49%; text-align:left; padding:24px 20px 24px 100px; position:relative;}
.sub-guidebox .downloadbox button .h1{ font-size:16px; font-weight:700;}
.sub-guidebox .downloadbox button > span{ text-align:left; color:#999; font-size:13px;}
.sub-guidebox .downloadbox button > em{ position:absolute; right:24px; width:48px; height:48px; background: url('../../images/common/download-arrow.svg')center center no-repeat; background-size:18px; top:50%; transform:translateY(-50%);}
.sub-guidebox .downloadbox button.excel{border:1px solid #48ae09; background: url('../../images/common/download-excel.svg')34px center no-repeat; background-size:44px;}
.sub-guidebox .downloadbox button.json{border:1px solid #3d7ec8; background: url('../../images/common/download-json.svg')34px center no-repeat; background-size:44px;}

/*footer*/
#footer{background:#fbfbfb;padding:0;position:relative;z-index:10;}
#footer h2{width:115px; margin-right:42px;}
#footer h2 img{width:120px;mix-blend-mode: luminosity;}
#footer .inner{width:1500px;margin:0 auto; align-items:center; padding:50px 42px 60px; display:flex;}
#footer .inner .menu ul{display:flex;}
#footer .inner .menu ul li a{color:#999; font-size:14px; line-height:150%;}
#footer .inner .menu ul li + li{ margin-left:50px;}
#footer .inner .menu span{color:#999; font-size:12px; display:block; margin-top:18px; line-height:150%;letter-spacing:1px}
/*footer*/



/* LNB & Content Responsive layout overrides */
.api-lnb{ width:380px;}
.api-lnb .tit{ border-bottom:1px solid #222; padding:0 0 30px; font-size:26px;color:#222; font-weight:700;}
.b2c-lnb-list {list-style: none;padding: 0;margin: 0;}
.b2c-lnb-1dep {width: 100%; font-size: 18px;font-weight: 700; color: #000000; position:relative; padding: 22px 16px 22px 16px; cursor: pointer;  border-top:1px solid #222;  border-bottom:1px solid #ddd; transition: color 0.2s ease;}
.b2c-lnb-item.active .b2c-lnb-1dep {color: #FF5E00;}
.b2c-lnb-item.active .b2c-lnb-2dep-list {display: flex;}
.b2c-lnb-2dep-list {display: block !important;}
.b2c-lnb-2dep-item {margin-bottom: 4px;}
.b2c-lnb-2dep-btn {width: 100%;text-align: left;font-size: 14px;color: #666666;padding: 8px 16px;cursor: pointer; transition: all 0.2s ease;}
.b2c-lnb-2dep-btn:hover {background-color: #f8f9fa;color: #000000;}
.b2c-lnb-3dep-list {list-style: none; padding: 4px 0; margin: 0; display: none;}
.b2c-lnb-3dep-list {padding:8px 0; position:relative;}
.b2c-lnb-3dep-list::after{content:''; position:absolute; left:16px; top:22px; display:block; width:1px; height:calc(100% - 46px); background: #dadada;}
.b2c-lnb-3dep-list > li > .b2c-lnb-api-btn{ font-size: 15px; color:#222; letter-spacing:.75px; padding: 8px 16px 8px 38px;  white-space:normal; text-align:left;}
.b2c-lnb-3dep-list > li > .b2c-lnb-api-btn.active{ color:#7218b1; font-weight:700;}
.b2c-lnb-domain-btn{  padding:6px 0; font-size:16px; width:100%; text-align:left; padding: 16px 16px 16px 16px; position:relative; }
.b2c-lnb-domain-btn .b2c-lnb-count {color: #999;  font-size:13px;}
.b2c-lnb-domain-btn.active{font-weight:700; background:#f6f6f6;}
.b2c-lnb-domain-btn.active .b2c-lnb-count {color: #222222;}
.b2c-lnb-count{ position:absolute; right:20px; font-size:16px; top:50%; transform:translateY(-50%);}


.searchbox{ width:100%; margin:0px auto 0px; border-bottom:1px solid #1d54ab;padding:0px 0px 14px  0px;}
.searchbox .search{ display:flex; align-items:center; margin-top:4px;}
.searchbox .search .tit{ font-weight:700; font-size:18px; width:150px; line-height:30px;}
.searchbox .search input{ width:100%; border:0; padding:24px 0 20px; height:34px; font-size:18px;}
.searchbox .search input::placeholder{ font-size:17px; color:#bbb; letter-spacing:.75px;}

.searchbox .search{ position:relative;}
.searchbox .search .clearbtn{width: 23px;height: 23px;right:44px; top: 12px; border-radius:100px;position:absolute; display:none; background:#f4f4f4 url('../../images/common/icon-close.svg')center center no-repeat; background-size:8px;}
.searchbox .search .searchbtn{ width:40px; height:40px;right:0px; top:4px; position:absolute;  display:flex; justify-content:center;align-items:center; background: url('../../images/common/icon-search.svg')center center no-repeat; background-size:22px;}

.listheaderbox{ padding:0px 0 26px 0; display:flex; gap:6px; align-items:center;}
.listheaderbox .tit{ font-size:22px; display:flex; align-items:center; gap:8px; }
.listheaderbox .tit span{ font-size:20px; font-weight:700; color:#222;}
.listheaderbox .count{ font-size:20px;}

/* Breadcrumb & Header */
.b2c-breadcrumb {font-size: 14px;color: #888888;margin-bottom: 8px;}
.b2c-breadcrumb span.active-path {color: #333333;font-weight: 600;}
.b2c-content-header {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 30px;border-bottom: 2px solid #000000;padding-bottom: 12px;}
.b2c-api-count {font-size: 14px;color: #555555;}
.b2c-api-count span {font-weight: 700;color: #FF5E00;}

/* TR Item Card */
.b2c-trbox > div:first-child{margin-top:20px;}
.b2c-tr-card {background: #ffffff;border: 1px solid #e0e0e0;margin-bottom: 20px;  padding: 0px 0px 30px 0px;  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);}
.b2c-tr-header {display: flex;justify-content: space-between; padding: 20px 30px 40px; align-items: center;cursor: pointer;user-select: none;padding-bottom: 0;margin-bottom: 0;border-bottom: none;transition: all 0.2s ease;}
.b2c-tr-card.open{border:0; margin:0 !important;}
.b2c-tr-card.open .b2c-tr-header {align-items: center; padding-bottom: 16px; margin-bottom: 16px; padding: 20px 30px 40px; background:#fbfbfb; gap:60px; }
.b2c-tr-header-actions {display: flex;align-items: center;gap: 10px;}
.b2c-accordion-toggle-btn {background: none;border: none;cursor: pointer;padding: 6px;display: flex;align-items: center;justify-content: center;color: #888888;transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s;}
.b2c-accordion-toggle-btn:hover {color: #000000;}
.b2c-accordion-toggle-btn svg {width: 24px;height: 24px;fill: currentColor;}
.b2c-tr-card.open .b2c-accordion-toggle-btn {transform: rotate(180deg);}
.b2c-tr-badge-title {display: flex;flex-direction: column;gap: 8px;}
.b2c-tr-badge-row {display: flex;align-items: center;gap: 10px;}
.b2c-tr-badge {color: #688dc5;font-size: 14px;font-weight: 700;padding: 4px 0px; display: inline-block; letter-spacing: 0.5px;}
.b2c-tr-name {font-size: 24px;font-weight: 700;color: #000000;margin: 0;}
.b2c-tr-paths {font-size: 13px;color: #888888;margin-top: 4px; font-size:14px;}
.b2c-tr-subcats {display: flex;gap: 8px;flex-wrap: wrap;margin-top: 12px;}
.b2c-tr-subcat-badge {background-color: #F2F2F2; /* 연한 회색 배경 */color: #555555; /* 어두운 회색 텍스트 */font-size: 12px;padding: 4px 12px;border-radius: 12px;font-weight: 500;}
.b2c-download-btn {background:#fff url('../../images/common/icon-documentdown.svg')20px center no-repeat; background-size:15px; border: 1px solid #ddd; color: #777777;padding: 12px 18px 12px 42px; border-radius:10px; font-size: 13px; font-weight: 500;
 cursor: pointer; display: inline-flex; align-items: center;gap: 6px;transition: all 0.2s;}


/* Tab Content & Tables */
.b2c-tr-spec-container {margin-top: 16px; padding:0 30px;}
.b2c-section-subtitle {font-size: 19px;font-weight: 700;color: #000000; padding-top:20px; margin-bottom: 16px;margin-top: 24px;display: flex;align-items: center;gap: 10px;}
.b2c-section-subtitle small {font-size: 13px;color: #bbb;font-weight: 400; letter-spacing:.75px;}
.b2c-table-wrapper {overflow-x: auto;margin-bottom: 24px;border-top: 1px solid #666; border-bottom: 1px solid #666;}
.b2c-spec-table {width: 100%;border-collapse: collapse;text-align: left;font-size: 13px;}
.b2c-spec-table th {color: #334155;font-weight: 600;padding: 14px 16px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; font-size:14px;}
.b2c-spec-table th:last-child {border-right: none;}
.b2c-spec-table td {padding: 14px 16px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;color: #475569; font-size:14px;}
.b2c-spec-table td:last-child {border-right: none;}
.b2c-spec-table tr:last-child td {border-bottom: none;}
.b2c-spec-table tr.array-row {background-color: #FFF4E2;}
.b2c-spec-table tr.array-row-odd {background-color: #f6f8fa !important;}
.b2c-spec-table .array-row-odd + .array-row-odd{ background:#f9fcff !important;}
.b2c-spec-table tr.array-row-even {background-color: #f6f8fa !important;}
.b2c-spec-table .array-row-even + .array-row-even{ background:#f9fcff !important;}
.b2c-btn-top{width:100%; border:1px solid #eee; padding:20px 0; justify-content:center; color:#aaa;}

/* Example Pre Blocks */
.b2c-example-box {background-color: #f8fafc;border-radius: 6px;padding: 16px;max-height: 250px;overflow-y: auto;font-family: Consolas, Monaco, monospace;font-size: 13px;white-space: pre-wrap;word-break: break-all;color: #334155;margin-bottom: 16px;}

/* Loading Indicator */
.b2c-loading {display: flex;justify-content: center;align-items: center;padding: 80px 0;}
.b2c-loading-spinner {border: 4px solid #f3f3f3;border-top: 4px solid #0066FF;border-radius: 50%;width: 40px;height: 40px;animation: spin 1s linear infinite;}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* Empty State */
.b2c-empty-state {text-align: center;padding: 60px 0;color: #888888;font-size: 15px;}

/* Responsive media overrides for B2C cards */
@media (max-width: 991px) {
    .b2c-tr-card {padding: 16px 20px;}
    .b2c-tr-name {font-size: 20px;}
    .b2c-tr-header {flex-direction: column;align-items: flex-start;gap: 12px;}
    .b2c-tr-header-actions {width: 100%;justify-content: space-between;}
    .b2c-download-btn {padding: 6px 12px;font-size: 12px;}
}






/*게시판*/
.re-subcontent{ min-height:420px;}
.re-subtop{ padding:60px 0 60px 0;}
.re-subtop .h3{ font-size:30px; font-weight:700; text-align:center; }
.sub-board{ padding:0 0 100px 0;}
#container.sub .container.board{width:1200px;margin:0 auto; min-height:700px; max-width:1200px;}
#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:540px;position:relative; display:flex; gap:20px;}
.board_info .board_search .search{border-bottom:1px solid #d2d6e0; position:relative; width:100%;}
.board_info .board_search .select{border-bottom:1px solid #d2d6e0; width:200px;}
.board_info .board_search .search input{width:100%;height:48px;line-height:48px;color:#2a2c31;font-size:16px;border:0; }
.board_info .board_search .search input:focus{outline:0;border:1px solid #2a2c31;}
.board_info .board_search .search input::placeholder{color:#6c717e;}
.board_info .board_search .search button{ position:absolute; right:0; top:0; 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 .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 .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 ~ 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 span.faq_badge{ width:30px; height:30px; font-weight:700; font-size:22px; padding:0 12px 0 0; color:#7d06a1; border-radius:100px;}
.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 .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 .view_con .flex span.faq_badge{ width:30px; height:30px; font-weight:700; font-size:22px; padding:0 12px 0 0; color:#7d06a1; border-radius:100px;}
.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;}

.btn_group{ width:1200px; margin:80px auto 0; display:flex; justify-content:center;}
.btn_group .btn{ border:1px solid #ccc; font-size:14px; padding:12px 20px;}



/*에러페이지*/
.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;}
/*에러페이지*/

.modal-dialog-centered::before{position: fixed;left: 50%;top:50%;transform: translate(-50%,-50%);width: 100vw;height:100vh;background: rgba(0,0,0,.3);}



}