@charset "UTF-8";
/* CSS Document */


.thumbnail { width:100%; height:0; padding-bottom:56.123%; border-radius:25px; overflow:hidden; position:relative; background:#ddd; }
.thumbnail::after { content:''; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:190px; height:95px; background:url(/tsc/images/agency/logo_white.svg) 50% 50% / contain no-repeat; opacity:0.1; }
.thumbnail img { width:100%; height:100%; object-fit:cover; transition:transform 0.3s cubic-bezier(.22, .61,.36, 1); position:absolute; top:0; left:0; z-index:1; }
a:hover .thumbnail img { transform:scale(1.1,1.1); }

.slide_control { display:flex; align-items:center; justify-content:center; margin-top:3em; gap:30px; }
.slide_control .swiper-pagination-progressbar { width:60%; position:static; background:#ededed; border-radius:5px; }
.slide_control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#666; border-radius:5px; }
.paging button { background:#000; width:10px; height:10px;}
.paging button.swiper-pagination-bullet-active { background:var(--main); }
.btn_slide_wrap { display:inline-flex; gap:15px; }
.btn_slide { width:40px; height:40px; border-radius:50px; font-size:18px; color:#000; background:#ddd; border:none; }
.btn_slide:hover { background:#e4e4e4; color:#000; }
.btn_slide:disabled { background:#f1f1f1; }
.btn_slide:disabled:hover { background:#f1f1f1; }

.swiper-pagination-fraction .swiper-pagination-current { font-size:2em; font-weight:900; }

/*메인공통*/
.section { padding:9em 0; }
.headline { margin-bottom:3em; }
.headline h2 { font-family:'S-CoreDream'; font-size:3rem; line-height:1em; color:#000; }
.headline h2 span { color:#767676; font-size:2rem; font-weight:400; display:block; margin-bottom:10px; }
.headline p { font-family:'S-CoreDream'; color:#767676; font-weight:500; font-size:1.1rem; text-transform:uppercase; margin-top:1rem; }
.headline .btn_more { margin-top:2em; display:inline-block; }

.deco_plus { width:50px; height:50px; position:relative; border-radius:50px; background:#E0E2E9; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.deco_plus::after,
.deco_plus::before { content:''; display:inline-block; width:18px; height:3px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.deco_plus::before { transform:translate(-50%,-50%) rotate(90deg); }


/**************************************************************************************************************************************/
/****************************************************  main page  ***********************************************************************/

.main_slide { width:100%; height:100%; position:relative; background:#000; }
.main_slide .swiper-slide { font-family:'S-CoreDream'; display:flex; align-items:center; justify-content:center; color:#fff; width:100% !important; }
.main_slide .swiper-slide .inner { position:relative; z-index:2; padding:0 5em; margin-top:-3em; }
.main_slide .swiper-slide strong { font-size:4rem; font-weight:700; margin-bottom:2.4rem; display:block; opacity:0; text-shadow:2px 2px 10px rgba(0,0,0,.8); }
.main_slide .swiper-slide p { font-size:1.4rem; font-weight:600; line-height:2.4rem; opacity:0; text-shadow:2px 2px 10px rgba(0,0,0,.8); }
.main_slide .swiper-slide.swiper-slide-active strong,
.main_slide .swiper-slide.swiper-slide-active p { animation:fadeLeft 2s cubic-bezier(.22, .61,.36, 1) both; }
.main_slide .swiper-slide.swiper-slide-active p:nth-child(1) { animation-delay:0.3s; }
.main_slide .swiper-slide.swiper-slide-active p:nth-child(2) { animation-delay:0.5s; }
.main_slide .main_imgs { width:100%; height:100%; position:absolute; top:0; left:0; filter:brightness(0.8); }
.main_slide .main_imgs.mainbg01 { background: linear-gradient(135deg, rgba(0,61,141,1) 0%, rgba(4,4,37,1) 100%); }
.main_slide .main_imgs.mainbg02 { background:url(/tsc/images/agency/mainbg02.jpg) 50% 50% / 100% no-repeat; }
.mainbg_img_wrap { position:relative; width:100%; height:100%; }
.mainbg_img_wrap img { position:absolute; }

.main_slide .main_imgs.mainbg01 img { width:28%; height:auto; animation:car 1.5s cubic-bezier(.22, .61,.36, 1) both; }
.main_slide .main_imgs.mainbg01 img:nth-child(1) { top:-12%; left:2%; animation-delay:0.3s; }
.main_slide .main_imgs.mainbg01 img:nth-child(2) { top:0%; left:32%; animation-delay:0s; }
.main_slide .main_imgs.mainbg01 img:nth-child(3) { top:42%; left:3%; animation-delay:0.6s; }
.main_slide .main_imgs.mainbg01 img:nth-child(4) { top:52%; left:30%; animation-delay:0.3s; }

.main_slide .main_imgs.mainbg02 img:nth-child(1) { width:45%; height:auto; bottom:10%; left:2%; z-index:1; }
.main_slide .main_imgs.mainbg02 img:nth-child(2) { width:60%; bottom:7%; animation:carlight 2s cubic-bezier(.22, .61,.36, 1) both infinite; }

 @keyframes car {
	0% { transform:translate(-50%,-50%); opacity:0; }
 100% { transform:translate(0,0); opacity:1;}
	}

@keyframes carlight {
    0% { transform:scale(0); opacity:0.6; }
    60% {  }
    100% { transform:scale(0.8); opacity:0;}
}


.main_slide_bottom { width:100%; z-index:2; position:absolute; bottom:4em; left:0; }
.main_slide_control { z-index:9; display:flex; justify-content:center; align-items:center; gap:20px; animation:fadeUpXY 0.7s cubic-bezier(.22, .61,.36, 1) both; animation-delay:0.6s; }
.main_slide_control .paging { font-size:16px; color:#fff; display:flex; gap:7px; align-items:baseline; }
.main_slide_control .paging button { color:#fff; background:none; font-weight:800; width:auto; height:auto; position:relative; opacity:0.6; border-radius:0; }
.main_slide_control .paging button::after,
.main_slide_control .paging button::before { content:'';  height:2px; background:#fff; border-radius:5px; position:absolute; bottom:-7px; left:0; }
.main_slide_control .paging button::after { opacity:0.1; width:100%; }
.main_slide_control .paging button::before { opacity:0.3; width:0%; }
.main_slide_control .paging button.swiper-pagination-bullet-active::before { opacity:1; animation:progressbar 7s both linear; }
.main_slide_control .paging button.swiper-pagination-bullet-active { background:none; opacity:1; }
.main_slide_control > button { color:#fff; border:1px solid rgba(255,255,255,0.5); width:40px; height:40px; border-radius:50px; background:none; }
.main_slide_control > button:hover { background:#fff; color:#000; }
.main_slide_control .btn_paly { display:none; }

.section1 { position:relative; width:100%; height:calc(100dvh - 90px); margin-top:90px; }
.section1_slide { width:100%; height:100%; }
.section1 .btn_slide { width:60px; height:60px; position:absolute; top:50%; z-index:9; background:rgba(0,0,0,0.3); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(10px); transition:all 0.3s cubic-bezier(.22, .61,.36, 1); color:#fff; font-size:0.8em; }
.section1 .btn_slide img { width:28px; }
.section1 .btn_slide:hover { background:#000; }
.section1 .btn_prev { left:3rem; transform:rotate(180deg); }
.section1 .btn_next { right:3rem; }

#menu { position:fixed; top:50%; transform:translateY(-50%); right:30px; z-index:1;}
#menu li a { text-indent:-5000px; width:10px; height:10px; background:#333; display:inline-block; border-radius:30px; opacity:0.5; border:1px solid #fff;}
#menu li.active a { opacity:1;}

.section1 .os_box { width:570px; position:absolute; z-index:1; top:50%; right:10%; transform:translateY(-50%); }
.section1 .os_box ul { display:flex; flex-direction:column; gap:20px; }
.section1 .os_box ul li { width:100%; animation:fadeUp 1s both;  }
.section1 .os_box ul li:hover a { transform:scale(1.05); box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.section1 .os_box ul li:hover strong span { margin-left:10px; }
.section1 .os_box ul li a { color:#fff; width:100%; display:flex; justify-content:flex-start; border-radius:30px; padding:3em; position:relative; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.section1 .os_box ul li img { height:100px; position:absolute; bottom:2em; right:2em; }
.section1 .os_box ul li img::after { width:100px; }
.section1 .os_box ul li strong { font-family:'S-CoreDream'; font-size:1.8em; font-weight:700; margin-bottom:20px; display:block; }
.section1 .os_box ul li strong br { display:none; }
.section1 .os_box ul li strong span { font-size:0.7em; margin-left:5px; font-weight:400; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.section1 .os_box ul li p { line-height:1.5em; }
.section1 .os_box ul li:nth-child(1) a { background:#F06F10; }
.section1 .os_box ul li:nth-child(2) a { background:#226AE3; }
.section1 .os_box ul li:nth-child(3) a { background:#011C89; }
.section1 .os_box ul li:nth-child(4) a { background:#01B050; }
.section1 .os_box ul li:nth-child(1) { animation-delay:0.5s; }
.section1 .os_box ul li:nth-child(2) { animation-delay:0.7s; }
.section1 .os_box ul li:nth-child(3) { animation-delay:0.9s; }
.section1 .os_box ul li:nth-child(4) { animation-delay:0.9s; }
.section1 .deco_arrow { position:absolute; }


/*quickmenu*/
.section2 { position:relative; background:#f2f2f2; }
.section2 .paging { background:#ddd; }
.section2 .btn_slide_wrap button:disabled, .section2 .btn_slide_wrap button:disabled:hover { background:#e6e6e6; }
.quickmenu_list { overflow:visible; }
.quickmenu_list .swiper-slide a { width:100%; height:100%; display:block; padding:3em; background:#fff; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); border-radius:40px;}
.quickmenu_list .swiper-slide strong { font-family:'S-CoreDream'; font-size:1.6rem; font-weight:700; display:block; }
.quickmenu_list .swiper-slide p { font-size:1rem; margin:1em 0 1.5em; line-height:1.6em; }
.quickmenu_list .swiper-slide img { position:absolute; bottom:2em; right:2em; }
.section2 .deco_arrow { width:11.166%; height:23.89%; border-radius:70px; position:absolute; top:0; right:0; z-index:2; transition:all 0.3s cubic-bezier(.22, .61,.36, 1);}
.section2 .deco_arrow .arrow { font-size:2rem; font-weight:100; width:100%; height:100%; position:absolute; top:0; right:0; border-radius:70px; display:inline-flex; align-items:center; justify-content:center; }
.section2 .deco_arrow a { width:100%; height:100%; border-radius:100px; display:block; }
.quickmenu_list .swiper-slide a:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.quickmenu_list .swiper-slide a:hover .deco_plus { background:var(--main); box-shadow:0px 3px 10px 0 rgba(0,0,0,0.4); }

/*인증부품조회*/
.section3 { position:relative; }
.partsview_slide { overflow:visible; }
.partsview_slide .swiper-slide { height:100%; border-radius:30px; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.partsview_slide .swiper-slide:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }


.partsview_slide .swiper-slide a { width:100%; height:100%; display:block; border-radius:30px; border:1px solid #DBDBDB; }
.partsview_slide .swiper-slide .thumbnail_wrap { position:relative; } 
.partsview_slide .swiper-slide .thumbnail { border-radius:30px 30px 0 0; }
.partsview_slide .swiper-slide .category { position:absolute; bottom:20px; left:20px; z-index:2; display:inline-block; color:#fff; padding:5px 15px; border-radius:50px; background:rgba(255,255,255,0.12); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); }
.partsview_slide .swiper-slide .text { padding:2.5em; }
.partsview_slide .swiper-slide .text .title { font-size:1.5em; font-weight:700; }
.partsview_slide .swiper-slide .text p { margin:6px 0 20px; display:block; min-height:60px; }
.partsview_slide .swiper-slide .arrow { width:35px; height:35px; position:absolute; bottom:2em; right:2em; border-radius:50px; background:#F17A2A; color:#fff; display:inline-flex; align-items:center; justify-content:center; }


/*장비현황*/
.section4 { background:rgb(227,248,255); background:linear-gradient(135deg, rgba(227,248,255,1) 0%, rgba(240,235,252,1) 100%); }
.newparts_list { display:flex; gap:25px; flex-wrap:wrap; }
.newparts_list li { width:calc(100% / 2 - 25px / 2); }
.newparts_list li a { padding:4em 3em; background:#fff; width:100%; height:100%; border-radius:20px; display:flex; align-items:center; justify-content:space-between; box-shadow:5px 5px 20px 0 rgba(0,0,0,0.1); transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.newparts_list li .date { font-family:'S-CoreDream'; display:inline-flex; flex-direction:column; gap:20px; align-items:center; font-size:13px; line-height:1em; margin-top:-10px; }
.newparts_list li .date strong { font-size:3.2em; font-weight:800; }
.newparts_list li .title { width:calc(100% - 170px); border-left:1px solid #ededed; padding-left:2em; }
.newparts_list li a:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.newparts_list li a:hover .deco_plus { background:var(--main); box-shadow:0px 3px 10px 0 rgba(0,0,0,0.4); }

/*관련기관*/
.section5 { display:flex; justify-content:space-between; gap:150px; }
.section5 .wrap { width:calc(100% / 2 - 150px / 2); }

.relate_list { display:flex; gap:20px; flex-wrap:wrap; }
.relate_list li { width:calc(100% / 2 - 20px / 2); }
.relate_list li a { padding:0 3em; min-height:130px; background:#fff; width:100%; height:100%; border-radius:20px; display:flex; align-items:center; justify-content:center; box-shadow:5px 5px 20px 0 rgba(0,0,0,0.1); transition:all 0.3s cubic-bezier(.22, .61,.36, 1); border:1px solid #fff; }
.relate_list li a img { width:60%; }
.relate_list li a:hover { border:1px solid #ccc; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }

.helpdesk_list li:not(.helpdesk_list li:last-child) { border-bottom:1px solid #ededed; }
.helpdesk_list li a { display:flex; align-items:center; justify-content:space-between; padding:2em 0; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.helpdesk_list li a:hover { padding:2em; background:#f4f4f4; border-radius:20px; }
.helpdesk_list li a p { display:block; font-family:'S-CoreDream'; font-size:1.3rem; width:calc(100% - 170px); }
.helpdesk_list li a img { height:40px; }
.helpdesk_list:hover li { border-bottom:1px solid #fff !important; }

/**************************************************************************************************************************************/
/**************************************************************  sub page  ************************************************************/

.sub_container .text p { margin-bottom:20px; }
.mypage_container .leftmenu { background:#fff; }
.article_wrap { position:relative; /*margin-bottom:7em; */padding:0 0 4em; }
.article_wrap .article > .text { margin-bottom:20px; }
.article_wrap .article > .text.short { margin-bottom:40px; }
.article_wrap .article { margin-bottom:3em; }
.article_wrap .text_wrap { width:calc(100% - 200px); padding-bottom:5em; border-bottom:1px solid #ccc; }
.article_wrap .article h3 { font-size:1.6em; font-weight:700; }
.article_wrap:last-of-type .text_wrap { border-bottom:none; padding-bottom:0;}
.article_wrap:last-of-type { padding-bottom:0; }
.article_wrap .article:last-of-type,
.article_wrap .article:last-child { margin-bottom:0; }
.article_wrap h4.title { font-size:1.3em; font-weight:600; margin-bottom:15px; display:flex; align-items:center; gap:8px; }
.article_wrap h4.title::before { content:''; width:10px; height:10px; border:5px solid #07b53b; border-left-color:#99d506; border-top-color:#99d506; display:inline-block; }
.flex_content { display:flex; position:relative; }
.flex_content h4 { position:sticky; top:0; left:0; width:200px; margin:0; font-size:1.4rem; }
.article_wrap .btn_wrap { display:flex; align-items:flex-start; }
.article_wrap .btn_wrap .left, .article_wrap .btn_wrap .right { display:inline-flex; flex-wrap:wrap; gap:3px; }
.img_sample { margin-right:50px; }

.headline_title { font-size:2.6em; text-transform:uppercase; font-weight:900; margin:-60px 0 40px; display:flex; align-items:center; justify-content:center; line-height:55px; }

.title_wrap { display:flex; justify-content:space-between; margin-bottom:1em; }
.title_wrap h3.title { margin:0; }
h3.title { font-size:1.4em; margin-bottom:1em; }
.exp { font-size:0.9rem; font-family:N-SquareNeo; font-weight:500; line-height:1.7em; }
.exp .color_red { display:inline-block; font-size:17px; margin-right:3px; transform:translateY(-3px); color:#e21818; }


/*login*/
.container:has(.member) .sub_title { padding:4em 0 5em; }
.container:has(.member) .sub_title h2 { font-size:3em; text-align:center;  margin-top:40px;}

.member_container { width:100%; height:100vh; position:relative;}
.member_content { height:100%; display:flex; justify-content:center; flex-direction:column; gap:20px; }
.member_wrap { width:100%; height:100%; padding:0 10%; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; }
.member_wrap .page_title { width:50%; text-align:center; }
.member_wrap h1 { font-family:'S-CoreDream'; color:#fff; font-size:3em; line-height:1.5em; display:inline-block;padding:1em; position:relative;}
.member_wrap h1 span { font-weight:400; }
.member_wrap h1::after, .member_wrap h1::before { content:''; display:block; width:100%; height:1px; position:absolute; left:0; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); }
.member_wrap h1::after { top:0; }
.member_wrap h1::before { bottom:0; } 

.member_wrap .button_bottom { animation:fadeUp 1s both; animation-delay:.3s; }
.member_wrap .button_bottom .btn_s { padding:0 20px; }

.member_wrap .deco { position:absolute; bottom:1em; left:1em; color:#fff; font-family:'S-CoreDream'; font-weight:800; line-height:1.5em; font-size:3rem; width:50%; }
.member_wrap .deco ul { display:flex; align-items:center; gap:50px; z-index:1; }
.member_wrap .deco ul li a { display:flex; }
.member_wrap .deco ul li:nth-child(1) img { height:25px; }
.member_wrap .deco ul li:nth-child(2) img { height:35px; }
.member_wrap .member_box { width:500px; padding:4em 3em; background:#fff; animation:fadeUp 1s both; border-radius:30px; max-height:80%; overflow-y:auto; }
.member_wrap .member_box .title { font-size:2em; font-family:'S-CoreDream'; font-weight:800; text-align:center; margin-bottom:1em; display:block; }
.member_bg { width:100%; height:100%; position:fixed; z-index:0; top:0; left:0; background:url(/tsc/images/agency/bg_login.jpg) 50% 50% / cover no-repeat; filter:brightness(0.2); }

.member .button_area .btn_text { font-weight:600; }

.login_form { margin-bottom:15px; }
.login_form dl { display:flex; flex-direction:column; }
.login_form dl dt { margin-bottom:5px; }
.login_form dl dd { margin-bottom:20px; }
.login_form dl dd:last-child { margin-bottom:0; }
.login_form .login_input { width:100%; display:flex; align-items:center; justify-content:space-between; background:#f4f4f4; height:55px; border-radius:10px; transition:all 0.2s; }
.login_form .login_input:hover { background:#ededed; }
.login_form .login_input::before { display:flex; width:55px; height:55px; font-size:15px; align-items:center; justify-content:center; }
.login_form .login_input span { width:55px; text-align:center; color:#333; opacity:0.5; transition:all 0.2s; }
.login_form .login_input:hover span { opacity:1; }
.login_form .login_input .inputText { border:none; background:none; height:100%; border-radius:0 10px 10px 0; width:calc(100% - 55px); font-weight:400;}
.login_form .login_input .inputText:hover { box-shadow:none; }
.login .button_area { gap:45px; }

.button_area { display:flex; flex-direction:column; align-items:center;  gap:25px; margin:2em auto 0; width:370px; }
.button_area1 { display:flex; flex-direction:column; align-items:center;  gap:25px; margin:2em auto 0; width:600px; }
.button_area div { width:100%; display:flex; justify-content:center; gap:10px;}
.button_area button { width:50%; height:50px; border-radius:50px; }
.button_area .btn_text { width:auto; height:auto; border-radius:0; }
.button_area .btn_both { width:100%; display:flex; justify-content:center; gap:5px; }
.button_area .btn_both button { width:calc(100% / 2 - 5px / 2); }

/*회원가입*/
.signin .title_wrap { margin-bottom:0; }
.signin_content { width:800px; margin:0 auto; display:flex; flex-direction:column; gap:10px; }
.signin_content .title { text-align:center; font-family:'S-CoreDream'; font-size:2em; line-height:1.5em;display:inline-block;position:relative;}
.signin_content .agree_box { border:1px solid #999; border-radius:30px; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.1) 0px 50px 100px -20px, rgba(0, 0, 0, 0.06) 0px 30px 60px -30px; overflow:hidden; }
.signin_content .agree_wrap { border-bottom:1px solid #ddd; transition:all 0.3s; }
.signin_content .agree_wrap input[type='checkbox'] + label::before { top:3px; }
.signin_content .agree_wrap:last-child { border-bottom:none; }
.signin_content .agree_form { padding:25px; }
.signin_content .agree_form .btn_more::after { content:"\e90c"; font-family: 'icomoon' !important; font-weight:300; font-size:11px; margin-left:6px; }
.signin_content .agree_form.active .btn_more::after { content:"\e90b"; }
.signin_content .agree_wrap:has(.active) .textArea { display:block; }
.signin_content .content_box { margin-top:20px; }
.signin_content .content_box dt { font-size:1.2rem; margin-bottom:6px; }
.signin_content .content_box dd { line-height:1.5em; font-size:1rem; }

.signin_step { margin:1em 0 2em; position:relative; display:flex; justify-content:center; }
.signin_step ul { display:flex; }
.signin_step ul li { padding:0 30px; font-size:13px; line-height:1.5em; display:inline-flex; flex-direction:column; text-align:center; align-items:center; position:relative; }
.signin_step ul li::after { content:''; width:100%; height:3px; background:#eee; display:block; position:absolute; top:6px; left:0; }
.signin_step ul li:first-child::after { width:50%; left:auto; right:0; }
.signin_step ul li:last-child::after { width:55%; }
.signin_step ul li span { font-weight:900; }
.signin_step ul li .dot { width:15px; height:15px; background:#ddd; border-radius:20px; display:inline-block; margin-bottom:15px; position:relative; z-index:1;}
.signin_step ul li.active .dot { background:var(--main); }
.signin_step ul li.active .dot::after { content:''; display:block; position:absolute; top:47%; left:50%; opacity:0; transform:translate(-50%,-50%) scale(1); width:20px; height:20px; border:4px solid var(--main); border-radius:50px; animation:btn_close 1s both infinite cubic-bezier(.22, .61,.36, 1); }
.signin_step ul li.active span { color:var(--main); }

.content_box .signin_step { margin:1em 0 0; overflow-X:auto; }
.content_box .signin_step ul li { font-size:1rem; padding:0 30px; color:#fff; }
.content_box .signin_step ul li::after { background:#fff; opacity:0.2; top:44px; }
.content_box .signin_step ul li .dot { background:#506daa; border:3px solid #02297a; }
.content_box .signin_step ul li.active .dot::after { border-color:#fff; }
.content_box .signin_step ul li span { font-weight:700; color:#ff8f00; margin-bottom:15px; display:block;}
.content_box .signin_step ul li.active .dot { background:#fff; }
.content_box .signin_step ul li.active span {  }
.content_box .signin_step ul li strong, .content_box .signin_step ul li a { color:#fff; display:block; margin:7px 0 10px; font-size:1.2rem; font-weight:600;}
.content_box .signin_step ul li a:hover { text-decoration:underline; }
.content_box .signin_step ul li p { margin:0; display:inline-block; padding:6px 10px; font-weight:600; font-size:13px; line-height:1em; border-radius:50px; color:#fff; background:rgba(255,255,255,0.2) }
.content_box .signin_step ul li .check { margin-top:13px; display:inline-flex; align-items:center; justify-content:center; gap:5px; font-weight:700; }
.content_box .signin_step ul li .check i { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50px; background:#caddf0; font-weight:400; color:var(--main); font-size:10px; }

.join_btn_selcet { display:flex; gap:10px; margin-top:20px; }
.join_btn_selcet .join_btn { width:100%; display:flex; flex-direction:column; padding:2rem 1rem; border-radius:10px; }
.join_btn_selcet .join_btn strong { font-weight:700; font-size:1.1rem; margin-bottom:10px; color:var(--navy); }
.join_btn_selcet .join_btn strong span { font-size:13px; margin-left:5px; }
.join_btn_selcet .join_btn p { font-weight:600; font-size:0.8rem; line-height:1.5em; color:#767676; }

.agree_wrap .textArea[readonly] { width:100%; height:200px; border:none; border-top:1px solid #ededed;  padding:2em; line-height:2.1em; transition:all 0.5s; border-radius:0; display:none; }
.agree_form { display:flex; gap:20px; align-items:center; justify-content:space-between; }
.agree_form em { display:inline-block; margin-right:10px; }
.agree_form .checkbox .check label { font-size:1em; }
.agree_form .checkbox .check span { margin:0 5px; }
.agree_form .checkbox .check input[type='checkbox'] {  }
.agree_form .checkbox .check input[type='checkbox']::before { width:26px; height:26px; border-radius:40px; }

.certify_wrap { display:flex; justify-content:space-between; padding:3em; margin-bottom:3em; background:#fff; border:1px solid #ededed; transition:all 0.5s; border-radius:15px; }
.certify_wrap .certify_box { display:flex; flex-direction:column; justify-content: space-between; width:50%; padding:0 3em 0 0; border-right:1px solid #ededed; }
.certify_wrap .certify_box:last-child { border:none; padding:0 0 0 3em; }
.certify_wrap dl { width:100%; display:flex; flex-direction:column; }
.certify_wrap dt { font-weight:700; margin-bottom:0.8em; font-size:1.2em; }
.certify_wrap dd p { margin-bottom:1.3em; }
.signin_content .certify_wrap:last-of-type { margin-bottom:0; }

.certify_find { width:100%; }
.certify_find .notice_text_box li { line-height:1.5em; }
.certify_find .tab_content { padding-top:25px; border-top:none; }
.certify_find .tab_wrap .tabs { height:auto; border:none; display:flex; gap:20px; margin-bottom:0; }
.certify_find .tab_wrap .tabs li { height:auto; }
.certify_find .tab_wrap .tabs li a { font-family:'S-CoreDream'; font-weight:700; color:#ccc; font-size:1.5em; padding:0; width:auto; border-radius:0; border:none; background:none; }
.certify_find .tab_wrap .tabs li:hover a { color:#999; }
.certify_find .tab_wrap .tabs li.active a { color:#000; }
.certify_find .tab_wrap .tabs li.active a::after { content:''; width:100%; height:2px; background:#000; display:inline-block; position:absolute; bottom:-5px; }

.certify_find_wrap {  border-top:none; transition:all 0.5s; border-radius:0 0 20px 20px; }
.certify_find_wrap .board_write { gap:10px; margin-bottom:10px; }
.certify_find_wrap .board_write .row { border-bottom:none; padding:0; }
.certify_find_wrap dl { width:100%;}
.certify_find_wrap dl:last-child { border:none; }
.certify_find_wrap dt { font-weight:700; margin-bottom:0.8em; font-size:1.2em; }
.certify_find_wrap dd p { margin-bottom:1.3em; }
.certify_find_wrap .btn_wrap { margin-top:30px; }
.certify_find_wrap .btn_m { height:50px; }
.certify_find_wrap .text { min-height:150px; display:flex; justify-content:center; align-items:center; font-family:N-SquareNeo; }
.certify_find_wrap .text b { font-weight:900; margin:0 5px; }

.notice_text_box { margin-top:2em; padding:2em; background:#f4f4f4; }
.notice_text_box ul { margin-bottom:1em; }
.notice_text_box li { padding-left:10px; margin:10px 0; font-size:0.9em; position:relative; }
.notice_text_box li::before { content:''; display:inline-block; width:4px; height:4px; border-radius:4px; background:#000; position:absolute; top:10px; left:0; }

.input_form { width:100%; border-top:2px solid #000; }
.input_form .row { display:flex; gap:20px; padding:20px 0; border-bottom:1px solid #ededed; }
.input_form .row.half dl { width:50%; }
.input_form .row.half dl:last-child dt { text-align:center; }
.input_form dl { width:100%; position:relative; display:flex; align-items:center; flex-direction:row; }
.input_form dt { font-weight:600; width:150px; font-size:1.1em; }
.input_form dd { width:calc(100% - 150px); }
.input_form dd.notify_error .inputText { border-color:#c51b00; }
.input_form dd .inputText { width:100%; }
.input_form .checkbox { gap:7px 30px; }

.row_form { margin:20px auto 0; background:#fff; padding:1em 3em; }
.row_form .row { display:block; padding:20px 0; border-bottom:1px solid #dfe6ed; }
.row_form .row:last-child { border-bottom:none; }
.row_form .row dl { display:flex; align-items:center; }
.row_form .row dl dt { width:150px; font-size:15px; text-align:left; }
.row_form .row dl dd { width:calc(100% - 150px); }
.row_form .row dl dd .exp { margin-top:8px; }

.password_form { width:400px; display:flex; margin:0 auto; background:#fff; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.password_form:hover { box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);  }
.password_form label { width:60px; height:60px; font-size:1.5em; }
.password_form .inputText { border:none; width:calc(100% - 50px); height:60px; border-radius:0; }

.content_box { padding:3em; margin-bottom:50px; }
.content_box.thin { padding:2em; margin-bottom:30px;  }
.content_box > .title { font-size:20px; display:block; margin-bottom:1.5em; }
.content_box .icon-arrow-thin-r.samll { font-size:10px; }
.line_top { border-top:1px solid #e2e2e2; }
.content_box.line_top { padding:3em 0 0 0; }
.content_box.line { border:1px solid #e6e6e6; }
.article:has(.thin) { margin-bottom:30px; }
.content_box.bg_lp { border-radius:15px; }
.content_box.thin.text { padding:1.5em; margin:15px 0 0 0 !important; }

.info_box_wrap { display:flex; gap:20px; }
.info_box_wrap .info_box { width:50%; padding:30px; background:#fff; border-radius:20px; box-shadow:0 0 30px 0 rgba(24,66,117,0.15); }
.info_box_wrap .info_box dt { color:#fff; border-radius:10px; padding:15px; text-align:center; margin-bottom:20px; font-weight:700; }
.info_box_wrap .info_box dd ul { display:flex; flex-direction:column; gap:5px; padding-left:10px; }
.info_box_wrap .info_box dd ul li::before { width:4px; height:4px; background:#ccc; content:''; display:inline-block; margin-right:10px; transform: translateY(-3px); }

.article h4 { font-size:1.4rem; margin-bottom:1.5rem; font-weight:600; }
.article h4.short { margin-bottom:0.7rem; }
.article h4.big { font-size:1.8rem; margin-bottom:2rem; }
.article h5 { font-weight:600; }
.article .text { margin-bottom:30px; }
.article .text:last-of-type { margin-bottom:0; }
.article .intext { padding-left:23px; }

/*관련기관*/
.link ul { display:flex; gap:30px; flex-wrap:wrap; }
.link ul li { width:calc(100% / 3 - 60px / 3); }
.link ul li a { width:100%; height:100%; display:block; border-radius:25px; border:1px solid #ddd; text-align:center; transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }
.link ul li a:hover { border-color:#001d5b; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.link ul li a:hover p { background:#001d5b; color:#fff; }
.link ul li .logo { width:100%; height:200px; display:flex; justify-content:center; align-items:center; }
.link ul li p { width:100%; padding:20px 0; display:block; background:#f4f4f4; border-radius:0 0 24px 24px; font-weight:700; transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }
.link ul li p span { transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.link ul li img { width:50%; }

.excel_upload { width:100%; height:500px; border:1px solid #ededed; border-radius:10px; }

.list { display:flex; flex-direction:column; gap:5px; }
.list li { position:relative; padding-left:15px; line-height:1.6em; }
.list li::before { content:''; display:inline-block; width:5px; height:5px; background:#000; border-radius:5px; position:absolute; left:0; top:10px; }
.list li ul { margin-top:5px; }
.list li ul li { font-size:0.8em; line-height:1.8em; color:#767676; }
.list li ul li::before { width:6px; height:1px; top:12px; background:#767676;}

.number_list { display:flex; flex-direction:column; gap:5px; }
.number_list li { position:relative; padding-left:43px; }
.number_list li .num { display:inline-flex; line-height:1em; justify-content:center; align-items:center; min-width:28px; min-height:28px; background:#022a7b; color:#fff; border-radius:50px; position:absolute; left:0; top:3px; }
.number_list li ul li { font-size:0.8em; line-height:1.8em; color:#767676; }

.logo_wrap { display:flex; justify-content:center; align-items:center; gap:40px; }
.logo_wrap .img_box { width:calc(100% / 3 - 80px / 3); text-align:center; }
.logo_wrap .img_box:nth-child(1) img { height:150px; } 
.logo_wrap .img_box img { height:180px; }
.logo_wrap .img_box p { text-align:center; line-height:1.3em; margin-top:10px; }

/*오시는 길*/
.map_wrap { overflow:hidden;border-radius:20px; }
#map { width:100%; height:500px; border-radius:20px 20px 0 0; box-shadow:10px 10px 30px 0 rgba(0, 0, 0, 0.2); border:1px solid #ccc; }
#map .label { margin-top:-60px; background:#003da5; font-size:13px; color:#000; font-weight:600; border-radius:70px; border:3px solid #003da5; line-height:1em; position:relative; transition:all 0.2s; }
#map .label a { background:#fff; border-radius:70px; padding:12px 15px; display:block; transition:all 0.2s; }
#map .label a img { height:10px; margin-right:3px; }
#map .label p { text-align:center; line-height:1.4em; }
#map .label::after { width:0; height:0; content:''; display:inline-block; position:absolute; transition:all 0.2s; top:auto; bottom:-15px; left:50%; border:5px solid transparent; border-top:10px solid #003da5; transform: rotate(0deg) translateX(-50%); }
#map .label:hover { border:3px solid #03196b; background:#03196b }
#map .label:hover::after { border-top:10px solid #03196b; }

.loaction { padding:2em; background:linear-gradient(93deg, #001d5b 0%, #032e85 100%); border-radius:0 0 15px 15px; }
.loaction ul { display:flex; color:#fff; gap:20px; }
.loaction ul li dl { display:flex; gap:5px; }
.loaction ul li a { color:#fff; }

.navi_button { display:flex; justify-content:center; gap:10px; margin:50px 0; }
.naver img { height:20px; }
.kakao img { height:24px; }
.naver { background:#30b34a; border:none; color:#fff; }
.kakao { background:#f9e000; border:none; }
.naver:hover { background:#099d27; }
.kakao:hover { background:#f9cf00; }

.procedure { position:relative; margin-top:10px; }
.procedure::before { width:1px; height:100%; content:''; display:block; background:#c6d9ef; position:absolute; left:7px; top:0; }
.procedure li { display:flex; align-items:center; padding:5px 0; position:relative; }
.procedure li .dot { width:14px; height:14px; display:block; background:#ddd; border-radius:10px; margin-right:15px; z-index:1;animation:colorbounce both infinite cubic-bezier(.22, .61,.36, 1); }
.procedure li .ring { display:block; position:absolute; top:50%; left:7px; opacity:0; transform:scale(1); width:20px; height:20px; border:4px solid var(--blue); border-radius:50px; animation:bounce both infinite cubic-bezier(.22, .61,.36, 1);}
@keyframes colorbounce { 0% { background:#ddd; }
					20% { background:var(--blue); }
					40% { background:#ddd; }
					100% { background:#ddd; }
					}
@keyframes bounce { 0% { opacity:1; transform:translate(-50%,-50%) scale(0); }
					25% { opacity:0; transform:translate(-50%,-50%) scale(1.6); }
					50% { opacity:0; transform:translate(-50%,-50%) scale(0); }
					100% { opacity:0; transform:translate(-50%,-50%) scale(0); }
					}

/*튜닝 안전확인부품 심사절차*/
.process_list { display:grid; gap:20px; grid-template-rows:repeat(3, auto); grid-template-columns:repeat(3, 1fr); }
.process_list > li { border:1px solid #666; padding:2em; display:flex; flex-direction:column; border-radius:20px; gap:10px; position:relative; z-index:1; }
.process_list > li::after { width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; content:'\ea3c';font-family:'icomoon' !important; border-radius:40px; position:absolute; left:-37px; background:#333; color:#fff; border:7px solid #fff; z-index:1; box-shadow:0px 0px 0px 1px #666; top:50%; transform:translateY(-50%); }
.process_list > li:first-child::after { display:none; }
.process_list strong { font-size:1.3em; font-weight:800; font-family:S-coredream; margin-top:10px; }
.process_list .list { font-size:15px; line-height:1.5em; }
.process_list .list li::before { top:9px; }
.process_list .cost { font-size:15px; border-top:1px dashed #ccc; margin-top:15px; padding-top:20px; }
.process_list .cost dt { line-height:1em; }

.process_list > li:nth-child(4) { grid-row:2; grid-column:3; }
.process_list > li:nth-child(5) { grid-row:2; grid-column:2; }
.process_list > li:nth-child(6) { grid-row:2; grid-column:1; }
.process_list > li:nth-child(5)::after, .process_list > li:nth-child(6)::after { transform:rotate(180deg) translateY(50%); right:-37px; left:auto;}
.process_list > li:nth-child(4)::after, .process_list > li:nth-child(7)::after { transform:rotate(90deg) translateX(-50%) translateY(0); top:-11px; right:auto; left:50%;}

.captcha { display:inline-flex; align-items:flex-start; flex-direction:column; gap:5px; }
.captchaImg_wrap { display:flex; gap:5px; }
.captchaImg_wrap button { width:95px; }
.captchaImg_wrap img { width:calc(100% - 100px); height:65px; }
.captchaImg_wrap .wrap { display:flex; flex-direction:column; gap:5px; }

/*튜닝안전기술원 안내*/
.side_img { display:flex; gap:90px; margin-bottom:90px; }
.side_img .img_box { width:50%; }
.side_img .img_box img { width:100%; border-radius:25px; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.side_img .text { width:50%; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.side_img .text strong { font-size:2.2rem; font-weight:800; font-family:S-coredream; letter-spacing:-1px; margin-bottom:30px; width:100%; display:flex; gap:10px; justify-content:center; }
.side_img .text strong span { color:#e3e3e3; font-size:20px; }
.side_img.right { flex-direction:row-reverse; }

.tuning_info ul { display:flex; gap:50px;}
.tuning_info li { width:calc(100% / 3 - 100px / 3); display:flex; flex-direction:column; align-items:center; grid-gap:50px; }
.tuning_info li img { height:150px; }
.tuning_info li .img_box { width:100%; display:inline-flex; flex-direction:column; gap:10px; align-items:center; padding:2em; border-radius:15px; background:var(--lp); position:relative; }
.tuning_info li .img_box p { font-family:S-coredream; text-transform:uppercase; color:#01236c; letter-spacing:1px; font-weight:700; font-size:1.2em; }
.tuning_info li strong { font-family:S-coredream; font-size:1.3em;}

.committee { width:50%; display:flex; margin:2em auto -3em; }
.committee img { width:100%; }


/*기술지원*/
.techsupport h4 { font-size:2rem; margin-bottom:10px;}
.techsupport .title { display:flex; justify-content:space-between; margin-bottom:10px; }
.techsupport .title p { display:block; margin-bottom:20px; font-family:S-coredream; font-size:0.9rem; font-weight:500; }
.techsupport .text { margin:0 0 50px; display:flex; gap:50px; }
.techsupport .text p { margin-bottom:0; }
.techsupport strong { font-size:1.6rem; font-weight:800; display:block; margin-bottom:15px; font-family:S-coredream; }
.techsupport .list { gap:3px; font-weight:600;}
.equipment_list { padding:0 3em; width:calc(100% + 6em); margin:0 -3em; }
.equipment_list .swiper-slide { width:auto; }
.equipment_list .swiper-slide img { height:360px; width:auto; border-radius:15px; border:1px solid #ededed; }
.equipment_list2 { display:flex; gap:30px; }
.equipment_list2 .box { width:calc(100% / 3 - 60px / 3); }
.equipment_list2 .img { width:100%; height:260px; overflow:hidden; border-radius:15px; }
.equipment_list2 .img img { width:100%; height:100%; object-fit:cover; }
.equipment_list2 strong { font-weight:800; padding:30px 0 10px; }
.equipment_list2 .detail_info { display:flex; flex-direction:column; gap:20px; }
.equipment_list2 .detail_info dl { display:block; }
.equipment_list2 .detail_info dl dt { padding:8px 12px; border-radius:50px; margin-bottom:10px; color:#fff; background:#0a3e96; display:inline-block; font-size:15px; line-height:1em; }
.equipment_list2 .detail_info dl dd { font-size:15px; }
.equipment_list2 .detail_info dl dd .list li {  }
.equipment_list2 .detail_info dl dd .list li ul li { font-size:13px; }
.equipment_list2 .detail_info dl:last-child dd { padding:0; border-bottom:none; }

.techsupport .law { margin-top:3em; display:flex; gap:3em; flex-direction:column; }
.techsupport .law .row { display:flex; }
.techsupport .law strong { width:250px; }


/*자동차부품가력조회 새창*/
.car_price_wrap { width:100%; padding: 2em 4em 0; height:100vh;}
.car_price_wrap h2 {padding:1.5em 11em 1.5em 2em; color:#fff; border-radius: 10px; margin-bottom: 1em; font-size: 2em; position: relative; overflow: hidden;}
.car_price_wrap h2 p {font-size: 0.58em;font-weight: 400; margin-top: 0.5em; color:#b5b5b5;}
.car_price_wrap h2 img {width: 300px;position: absolute;right: 63px;top: 13px; animation:carimg; animation-iteration-count:1; animation-duration:2s;}
.car_price_wrap .article_wrap{height:100%;}
.car_price_wrap .article {height:calc(100% - 189px);}
.car_price_wrap .board_content{height:calc(100% - 265px); overflow-y:auto;}
.detail_search_box {display:none; width:100%; padding:2em;background:#fff; border-radius:10px; margin-top:20px;}
.detail_search_box dl {display:flex;}
.detail_search_box dl dt {width: 100px;}

.board_top.detail{justify-content:flex-start;}
.board_top.detail .search_box{ width:calc(100% - 85px);}


@keyframes carimg { 0% { opacity:0; transform:translateX(50%); }
					100% { opacity:1; transform:translateX(0); }}

@media all and (max-width: 1430px) {
	.car_price_wrap .article {height: calc(100% - 220px);}  }
@media all and (max-width: 985px) {
	.car_price_wrap h2 {padding:1.5em 9em 1.5em 1.5em;}
	.car_price_wrap h2 p {font-size: 0.5em; line-height: 130%; }
	.car_price_wrap h2 img {width: 250px; right: 30px;top: 26px;}   }
@media all and (max-width: 910px) {
	.car_price_wrap {padding: 2em 4em;}
	.car_price_wrap .article {height: calc(100% - 227px);}  }
@media all and (max-width: 801px) {
	.car_price_wrap .article {height:auto;}
	.car_price_wrap .board_content{height: auto;}
	.car_price_wrap h2 {padding:1.5em;}
	.car_price_wrap h2 p {margin-top: 1em;}
	.car_price_wrap h2 img {  display: none;}   }
	
/*개인정보처리방침*/
.policy_wrap h5 { margin-bottom:8px; font-size:1.2em; font-weight:500; }
.policy_wrap h5 img { width:50px; height:50px; vertical-align:middle; margin-left:5px; }
.policy_wrap h6 { font-size:1em; margin:10px 0 0; font-weight:600; }
.policy_wrap .accordion_cont { display:none; background:var(--lp); margin-top:30px; } 
.policy_wrap .content_box { padding:2em; }

.policy_content { display:flex; flex-direction:column; }
.policy_box { padding-top:50px; }
.policy_wrap .article { margin-bottom:20px; }
.policy_wrap a { cursor:pointer; }
.policy_content .accordion_container { margin:10px 0; }
.policy_content .accordion_container:last-child { margin:15px 0 0; }
.policy_content .accordion_cont { display:none; background:var(--lp); margin-top:30px; } 
.policy_content .accordion_cont .table_list { background:#fff; }

.policy_wrap .table_list tr:hover td:not(.table_list.readonly tr td) { background:#fff !important; }
.policy_wrap .accordion_label::after { content: "\e909"; font-family: 'icomoon' !important; margin-left:10px; font-size:13px;}
.policy_wrap .active .accordion_label::after { content: "\e923"; }
.policy_wrap .table_list.border {  }
.policy_wrap .table_list.border th { font-size:15px; border-left:1px solid var(--borderlight); padding:10px 15px;}
.policy_wrap .table_list.border td { font-size:15px; line-height:1.4em; border-left:1px solid var(--borderlight); padding:15px 15px; word-break:break-all; }
.policy_wrap .table_list.border td:first-child, .table_list.border th:first-child { border-left:none; }
.policy_wrap .table_list.border .bl td,
.policy_wrap .table_list.border td.bl,
.policy_wrap .table_list.border .bl th,
.policy_wrap .table_list.border th.bl { border-left:1px solid var(--borderlight); }
.policy_wrap .content_box { margin-bottom:20px; }

[data-summary]{padding:6px; background: url(/tsc/images/bg_info.png) repeat 0 0;}
[data-summary] > div{position:relative; min-height:100px; padding:25px 30px 25px 150px; background:#fff;}
[data-summary] i{display:block; position:absolute; top:30px; left:30px; width:102px; height:96px; background-size:100% auto;}
[data-summary] i img{max-width:100%; width:100%;}
[data-summary] em{display:block; font-size:23px; font-weight:700; letter-spacing:-1px; color:#000;}
[data-summary] p {}
[data-summary] .btn{margin-top:10px; margin-left:-2px;}
[data-summary] .btn .button{margin-left:2px; margin-right:2px;cursor:pointer;}

.tit01 { text-align:center;}

.policy_wrap h5 ~ ul,
.policy_wrap h5 ~ div,
.policy_wrap h6 ~ p,
.policy_wrap h6 ~ ul,
.policy_wrap h6 ~ div{margin-left:20px;}
.policy_wrap h5 ~ p{margin-left:0px;}
.policy_wrap h6 + p{margin-left:20px;}
.policy_wrap ul li{margin-bottom:5px; line-height:1.4;}
.policy_wrap ul li:last-child{margin-bottom:0px;}
.policy_wrap ul li ul { margin-left:20px; }
.policy_wrap ul{margin:10px 0;}
.policy_wrap > ul > li p{margin-top:5px;}
.policy_wrap > ul > li .box_blue{margin-top:10px;}
.policy_wrap .box_blue ul{margin-top:0px; margin-bottom:0px;}
.policy_wrap .box_blue > ul{margin-left:0px;}
.policy_wrap .box_blue{padding-top:20px; padding-bottom:20px; margin-bottom:10px;}
.policy_wrap table.table_list td strong{font-size:inherit;}
.policy_wrap table.table_list td > ul{margin-bottom:0px;}
.policy_wrap table.table_list tbody td{font-weight:inherit;}
.policy_wrap table.table_list ul li{font-size:14px;}


.privacy_label {display:flex; flex-wrap:wrap; width:100%; gap:30px; margin:20px 0;}
.privacy_label > a{width:calc(100% / 3 - 60px / 3); padding:30px;text-align:center; border: 1px solid #dcdcdc; height: 200px; }
.privacy_label > a:hover{border: 1px solid #4d74c2;  box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);}
.privacy_label > a .label_layer{display: none; position: absolute; box-sizing: border-box; border-radius: 8px; background-color: #fff; border: 1px solid #ccd8e6; width: 628px; z-index: 999; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); max-width: 628px;}
.privacy_label > a .label_layer .label_desc_top{width: 100%;box-sizing: border-box;padding:10px;background-color:#4d74c2;border-top-right-radius: 8px;border-top-left-radius: 8px;}
.label_desc_top p{text-align:center; color:#ffffff;}
.privacy_label > a .label_layer.active { display:inline-block; }
.privacy_label > a .label_layer img {display:inline-block; max-width:100%;}
.privacy_label > a .label_layer .table_list.border th, 
.privacy_label > a .label_layer .table_list.border td { font-size:14px; padding:10px; }
.privacy_label > a .label_layer p { font-size:14px; }
.privacy_label > a:nth-child(3n) .label_layer { right:0; }

.label_desc_btm {padding:15px 20px;}
.label_desc_btm p{ text-align:left;}

.label_desc_btm .tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;margin-top:10px;letter-spacing:-1px;}
.label_desc_btm .tbl-type01 th {padding:7px;font-size: 15px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f5f5;color:#333;text-align:center;line-height:1em;}
.label_desc_btm .tbl-type01 td {padding:5px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.label_desc_btm .tbl-type01 td .desc_title{font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important;}
.label_desc_btm .tbl-type01 td .desc_content{color: #333;font-size: 14px; line-height:1.6rem !important;}
.label_desc_btm .tbl-type01 td .desc_content_consignment{color: #333;font-size: 14px; line-height:1.6rem !important;}

.desc_wrap{display: flex;flex-flow: row wrap;}
.desc_box{width: 100%;border-radius: 10px; border: 1px solid #eee;box-sizing: border-box;padding: 10px 15px; margin-top:10px; margin-bottom:10px; display: flex;flex-flow: row wrap;justify-content: space-between;    }
.desc_title1{width: 20%;font-weight:500; font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important; }
.desc_title2{width: 20%;font-weight:500; font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important; }
.desc_content{ width: 60%;color: #333;font-size: 14px; line-height:1.6rem !important; text-align:justify;}

.label_desc_btm .tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;}

.button{display:inline-block; min-width:100px; height:45px; line-height:43px; box-sizing:border-box; margin:2px 0px; padding:0 20px; border:1px solid transparent; border-radius:3px; font-size:16px; text-align:center; white-space:nowrap; transition:background 0.3s ease 0s;}
.button.blue,
a.button.blue{background: #037CC2;border-color: #037CC2;color:#fff;}
.button.blue:hover,
.button.blue:focus,
.button.ico.right:hover,
.button.ico.right:focus,
.button.ico.blue:hover,
.button.ico.blue:focus{background-color:#07bee4;}
.txt_blue {  color: #027AAE !important; }

.sub_warp:has(.divide) { height:calc(100% - 115px); }
.sub_container:has(.divide) { height:100%; }
.sub_contents:has(.divide) { height:100%; }
.sub_conts_warp:has(.divide) { height:calc(100% - 110px); }
.sub_container .sub_contents .sub_conts_warp.divide { height:calc(100% - 110px); }
.sub_conts_warp.divide {display: flex; gap:20px; height:100%;}
.divide {display: flex; gap:20px; height: calc(100% - 80px);}
.sub_conts_left, .sub_conts_right{height: 100%; position: relative; border: 1px solid #efefef; border-radius:10px; }
.divide .sub_conts_list {height:100%; overflow-x: auto; padding:20px;} 
.sub_conts_list_wrap:has(.title) .sub_conts_list {height:calc(100% - 55px);}
.sub_conts_list_wrap:has(.board_bottom) .sub_conts_list {height:calc(100% - 60px);} 
.sub_conts_list_wrap:has(.title):has(.board_bottom) .sub_conts_list {height:calc(100% - 115px);} 
.sub_conts_left .board_bottom, .sub_conts_right .board_bottom{ padding:10px 10px; border-top: 1px solid #efefef;margin:0;display:flex;justify-content:flex-end; gap:5px; height:60px; }
.sub_conts_warp .board_bottom .pagination { top:50%; transform:translate(-50%,-50%); }
.sub_conts_warp .divide .title { padding:15px 20px; height:55px; font-size:16px; border-bottom:1px solid #efefef}

#personInfo_contents img { width:50px; height:50px; bottom:0px; vertical-align:middle; }

/* button-box */
.area_btnbox{margin-top:35px; text-align:center;}
.area_btnbox .button{margin:2px 2px;}
.area_btnbox.type02{padding-top:45px; border-top:1px solid #e2e2e2;}

@media (max-width: 1501px) {
    [data-summary] i { position:static; float:left; margin:0 30px 30px 0; }
    [data-summary] > div {  padding: 25px 30px; }
    .policy_wrap .table_wrap { margin:0 -1.5em; width:calc(100% + 3em); }
}
@media (max-width: 1001px) {
    .policy_wrap .table_list:not(.table_wrap .table_list) tr { align-items:center; }
}
@media (max-width: 801px) {
    .policy_content .accordion_cont { padding:1.5em; }
    .policy_wrap .table_list.border th,
    .policy_wrap .table_list.border td { font-size:0.8em; }
    
    .policy_content .accordion_container { margin:15px 0; }
    .privacy_label { padding:1.5em; }
    .privacy_label .accordion_label { padding:20px 20px 20px 70px; font-size:0.9em; }
    .privacy_label li a img { height:24px; }
    .privacy_label .accordion_cont { padding:1.5em; }
    .privacy_label { gap:20px; }
    .privacy_label > a { width:calc(100% / 2 - 20px / 2); height:auto; }
    
    #personInfo_contents a { margin-left:10px; }
    #personInfo_contents img { width:30px; height:30px; }
    .policy_wrap h5 img { width:30px; height:30px; }

}
@media (max-width: 701px) { 
.policy_box .content_box.bg_lp { width:100%; margin:1em 0; padding:1.5em; }
}