.sub_container{padding-bottom:210px;}
.sub_title{border-bottom:2px solid #F6BD3D;}
.sub_title h1 span{display:inline-block; color:#292B2E; font-size:38px; line-height:1; font-weight:700; padding-bottom:20px; position:relative;}
.sub_title h1 span:before{content:''; display:block; position:absolute;  left:0; right:0; bottom:-2px; height:2px; background:#3A7BB5;}

.board_title h1{font-weight:700; text-align:center; font-size:34px; color:#000;}
.board_txt{margin-top:40px; background:#eff2f7; color:#454545; text-align:center; font-size:18px; padding:42px 0;}


.form_table table{width:100%; border-top:1px solid #AEBBD2;}
.form_table table th, .form_table table td{border-bottom:1px solid #AEBBD2;}
.form_table table th{color:#4E535B; font-size:18px; font-weight:700; vertical-align:top; background:#EFF2F7; text-align:left; padding:25px 20px; width:240px; box-sizing:border-box; }
.form_table table td{padding:12px 15px;}
.form_table table td input[type="text"]{background:#F8F8F8; border:1px solid #dce0ea; border-radius:2px; padding:10px; height:44px; box-sizing:border-box; display:block; font-size:16px;}
.form_table table td input[type="password"]{background:#F8F8F8; border:1px solid #dce0ea; border-radius:2px; padding:10px; height:44px; box-sizing:border-box; display:block; font-size:16px;}
.form_table table td textarea{background:#f8f8f8; border:1px solid #dce0ea; border-radius:2px; padding:10px; box-sizing:border-box; height:239px; resize:none; width:100%; font-size:16px;}
.address_wrap > input[type="text"]{margin-top:10px;}
.address_wrap .dp_flex{gap:10px;}
.address_wrap button{background:#fff; border:1px solid #3A7BB5; border-radius:2px; color:#3a7bb5; font-weight:700; font-size:16px; font-weight:700; width:140px; box-sizing:border-box;}
.address_wrap button:hover{background:#EFF2F7;}
.req{color:#DE3E3E;}

.btn_wrap{gap:10px;}

.breadcrub{margin-top:12px;}
.breadcrub ul{align-items:center;}
.breadcrub span{display:block;}

.customer_banner{margin-top:86px; border-radius:6px; border:1px solid #DCE0EA; padding-left:336px; padding-right:67px; height:160px; position:relative; box-shadow: 0px 3px 2px 0px rgba(229, 232, 237, 0.80);}
.customer_banner:before{content:''; display:block; position:absolute; bottom:0; left:82px;}
.customer_banner.customer:before{background:url('/images/sub/customer_img.svg') center center no-repeat; width:228px; height:174px;}
.customer_banner.faq:before{background:url('/images/sub/faq_img.svg') center center no-repeat;width:237px; height:191px;}
.customer_banner > div > h2{color:#104F88; font-weight:400; font-size:26px; letter-spacing:-0.05em;}
.customer_banner > div > p{color:#104F88; font-size:20px; font-weight:500; letter-spacing:-0.05em; margin-top:10px;}
.customer_banner .tel{color:#3a7bb5; font-family:'Lato'; font-size:28px; font-weight:700; height:46px; text-align:center; line-height:44px; border:1px solid #C1D0EA; border-radius:6px; padding:0 16px;}
.customer_banner a.tel{font-size:20px; font-weight:700; font-family: 'Pretendard', sans-serif}
.customer_banner a.tel:hover{background:#EFF2F7;}

.leftmenu_in{padding-left:260px; position:relative;}

.search_wrap{margin-top:40px; gap:10px;}
.search_wrap input{width:320px; box-sizing:border-box; border:1px solid #DCE0EA; background:#F8F8F8; padding:0 10px; color:#6A6A6A; font-size:16px;}
.search_wrap button{padding:0 20px; padding-left:42px; font-size:14px; font-weight:700; color:#292b2e; background:url('/images/search.svg') left 20px center no-repeat; border:1px solid #DCE0EA; white-space:nowrap;}
.search_wrap button:hover{background-color:#f5f5f5;}

.board_table{margin-top:15px;}
.board_table table{width:100%;}
.board_table thead th{border-top:1px solid #C1D0EA; border-bottom:1px solid #C1D0EA; background:#EFF2F7; height:50px; color:#292B2E; font-size:16px; font-weight:700;}
.board_table tbody td{border-bottom:1px solid #DEDEDE; height:50px; color:#6A6A6A; font-size:16px; }
.board_table tbody td a{font-weight:700; color:#104F88;}

.board_table_view{margin-top:58px;}
.board_view_head{border-top:2px solid #3A7BB5; background:#f8fbff; padding:32px 54px;}
.board_view_head > .dp_flex{gap:40px;}
.board_view_head h2{color:#292b2e; font-size:20px; font-weight:700;}
.board_view_head h2 + div{color:#292b2e; font-size:20px; font-weight:700;}
.board_view_head_info{padding:15px 0;}
.board_view_head_info > div{line-height:1;}
.board_view_head_info > div > div:nth-child(1){font-size:16px; color:#292b2e; font-weight:700; letter-spacing:-0.03em;}
.board_view_head_info > div > div:nth-child(2){color:#6a6a6a; font-size:16px; letter-spacing:-0.03em; padding-left:10px; margin-left:10px; border-left:1px solid #D2D1D0;}

.board_table_content{padding:54px; border-bottom:1px solid #f1f3f5; height:auto; box-sizing:border-box;}
.board_table_navi{border-top:1px solid #464A69; border-bottom:1px solid #464A69; margin-top:60px;}
.board_table_navi > div{padding:36px 0; font-size:16px; gap:60px;}
.board_table_navi > div + div{border-top:1px solid #D2D1D0;}
.board_table_navi > div > div:nth-child(1){color:#292b2e; font-size:18px; font-weight:700; width:220px; text-align:center; align-items:center; gap:20px;}
.board_table_navi > div > div:nth-child(1):before{content:''; display:block; width:14px; height:10px; background:url('/images/sub/board_paging_arrow.svg') center center no-repeat;}
.board_table_navi > div + div > div:nth-child(1):before{transform: rotate(180deg);}
/*.board_table_navi > div > div + div{padding-left:15px;}*/
.board_table_navi > div > div + div a{color: #292b2e; font-size: 18px;}
.board_filedown{padding:36px 0; border-bottom:1px solid #464A69;}
.board_filedown .dp_flex{gap:60px;}
.board_filedown h2{color:#292b2e; font-size:18px; width:220px; text-align:center;}
.view_file_download{color:#292b2e; font-size:18px;}
.view_file_download strong{font-weight:400;}


.video_wrap{margin-top:15px;}
.video_wrap li a, .video_wrap li img{display:block; width:100%; position:relative;}
.video_wrap li a {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; line-height: 1.5;}
/* .video_wrap li a:after{display:block; content:''; width:40px; height:40px; background:url('/images/sub/video_player.svg') center center no-repeat; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px;} */
.video_wrap ul{display:flex; flex-wrap:wrap; gap:30px; margin-top:-10px;}
.video_wrap li{margin-top:10px; width:calc(33.3333% - 20px);}
.video_wrap li div{margin-top:20px; color:#292b2e; font-size:16px; font-weight:700; letter-spacing:-0.05em; line-height:1; word-break:keep-all;}


/*leftmenu*/
.leftmenu{position:absolute; top:0; left:0; width:215px; box-sizing:border-box; padding:30px 20px; border: 1px solid var(--blue-5, #EFF2F7); box-shadow: 0px 4px 10px 0px #F0F2F4; border-radius:6px;}
.leftmenu h3{color:#292B2E; line-height:1; font-size:20px; font-weight:700; padding-bottom:10px; border-bottom:1px solid #292B2E;}
.leftmenu li{border-bottom:1px solid #EAEAEA;}
.leftmenu a{display:block; color:#6A6A6A; font-size:15px; letter-spacing:-0.05em; height:46px; line-height:46px;}
.leftmenu a:hover{color:#232323;}
.leftmenu a.active{color:#3A7BB5; font-weight:700;}

/*pagination*/
.pagination{margin-top:80px;}
.pagination ul{gap:10px;}
.pagination ul a{display:block; width:40px; height:40px; border-radius:50%; color:#292b2e; font-size:18px; text-align:center; line-height:38px; border:1px solid #fff; font-weight:700; box-sizing:border-box;}
.pagination ul li.active a{color:#0e4194; border:1px solid #0e4194;}
.pagination ul a:hover{color:#0e4194;}
.pagination .prev a, .pagination .next a{background:url('../images/sub/pagination_arrow_off.svg') center center no-repeat; background-size:auto 12px; font-size:0;}
.pagination .prev a:hover, .pagination .next a:hover{background:#f5f5f5 url('../images/sub/pagination_arrow_on.svg') center center no-repeat; background-size:auto 12px;}
.pagination .first a, .pagination .last a{background:url('../images/sub/pagination_arrow_off2.svg') center center no-repeat; background-size:auto 12px; font-size:0;}
.pagination .first a:hover, .pagination .last a:hover{background:#f5f5f5 url('../images/sub/pagination_arrow_on2.svg') center center no-repeat; background-size:auto 12px;}
.pagination .prev a, .pagination .first a{transform: rotate(-180deg);}


.layer_pop{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); display:none; z-index: 999;}
.layer_pop.active{display:block;}
.layer_pop > .dp_flex{height:100%;}
/*.layer_pop .layer_inner {width: calc(100% - 30px); max-width:1200px; margin: 0 auto; padding: 10px; background-color: #fff;}*/
.layer_pop .layer_inner {width: calc(100% - 30px); margin: 0 auto; padding: 10px; background-color: #fff; }
.layer_pop .layer_inner img {display: block; width: 100%; height: 100%; max-width: 1200px; max-height: 80vh; object-fit: cover;}
.layer_pop .layer_inner .cont_name {padding-top: 10px; font-size: 500; color: #000;}


.board_table_view table{width:100%;}
.board_table_view table thead th{color:#0e4194; font-size:20px; font-weight:700; height:100px; border-bottom:1px solid #f1f3f5; border-top:2px solid #0e4194;}
.board_table_view.qna table thead th:nth-child(1){width:88px;}
.board_table_view.qna table thead th:nth-child(3){width:180px;}
.board_table_view.qna table thead th:nth-child(4){width:180px;}
span.answer_on, span.answer_off{display:inline-block; padding:0 3px; height:16px; line-height:16px; font-size:13px; font-weight:700; border-radius:2px;}
span.answer_on{color:#569AD6; background:#EFF2F7;}
span.answer_off{color:#F26F6F; background:#FDF1F1;}
.board_table_view table tbody td{height:100px; border-bottom:1px solid #f1f3f5; font-size:18px; color:#292b2e;}
.board_table_view table tbody td a{color:#104F88; font-size:18px; color:#292b2e; transition-duration:0s;}
.board_table_view table tbody tr:hover td{font-weight:700; background:#f8fbff;}
.answer_tr td{background:#F8F8F8;}
.board_table_view table tbody .answer_tr td a{color:#292B2E; font-weight:400;}
.board_table_view table tbody .answer_tr td div{padding-left:27px; background:url('/images/sub/answer_icon.svg') left center no-repeat;}

.answer_tr{display:none;}
.answer_tr.active{display:table-row;}

.breadcrub li + li{padding-left:21px; margin-left:6px; background:url('/images/sub/bread_arrow.svg') left center no-repeat;}
.breadcrub a{display:block;}
.breadcrub a.home{width:18px; height:18px; background:url('/images/sub/home.svg') center center no-repeat; font-size:0;}
.breadcrub a, .breadcrub span{color:#6A6A6A; font-size:16px; }

@media screen and (max-width:1280px){
/* .layer_pop > .dp_flex > div{width:70%; padding-top:40.52%; position:relative;} */
/* .layer_pop > .dp_flex > div iframe{position:absolute; top:0; left:0; width:100%; height:100%;} */
}

@media screen and (max-width:1200px){
.customer_banner.faq:before, .customer_banner.customer:before{left:0;}
.customer_banner{display:block; height:auto; padding-top:30px; padding-bottom:30px; padding-left:260px;}
.customer_banner .tel{margin-top:16px;}

.leftmenu_in{padding-left:0;}
.leftmenu_in .leftmenu{display:none;}

}


@media screen and (max-width:1040px){
.video_wrap li{width:calc(50% - 15px);}
.form_table table{display:block; width:100%; padding:20px 0;}
.form_table table tbody, .form_table table tr, .form_table table th, .form_table table td{display:block; width:100%; box-sizing:border-box;}
.form_table table tr + tr{padding-top:20px;}
.form_table table th{border-bottom:0; background:transparent; padding:0; font-size:16px;}
.form_table table td{padding:0; padding-bottom:20px; padding-top:5px;}

.order_history_table_info thead{display:none;}
.order_history_table_info tbody tr td{border:0; text-align:left !important; padding:0;}
.order_history_table_info tr + tr{padding-top:0 !important;}
.order_history_table_info tr:nth-child(2) td:before{padding-right:8px;}
.order_history_table_info tr:nth-child(2) td:nth-child(1):before{content:'Number of Product: '; display:inline-block;}
.order_history_table_info tr:nth-child(2) td:nth-child(2):before{content:'Order Amount: '; display:inline-block;}
.order_history_table_info tr:nth-child(2) td:nth-child(3):before{content:'Points: '; display:inline-block;}
.order_history_table_info tr:nth-child(2) td:nth-child(4):before{content:'Subtotal: '; display:inline-block;}
.order_history_table_info tr:nth-child(2) td:nth-child(5):before{content:'Status: '; display:inline-block;}

#sod_fin_list .td_prd{padding:0; min-height: auto;}
#sod_fin_list .sod_img{position:static;}

}

@media screen and (max-width:860px){
.sub_container{padding-bottom:70px;}
.sub_container.mt100{margin-top:0;}
.leftmenu_in{padding-left:0;}
.leftmenu{display:none;}
.search_wrap input{flex:auto; width:auto;}

/* .layer_pop > .dp_flex > div{width:calc(100% - 40px); padding-top:56.52%; position:relative;} */

.form_table.mt80{margin-top:32px;}
.address_wrap button{width:110px;}


}

@media screen and (max-width:640px){
.board_title.mt100{margin-top:60px;}
.board_title h1{font-size:24px;}
.board_txt{font-size:14px; padding:20px; margin-top:24px;}

.sub_title h1 span{font-size:20px; padding-bottom:10px; letter-spacing:-0.05em;}
.breadcrub a, .breadcrub span{font-size:13px; letter-spacing:-0.05em;}
.breadcrub li + li{padding-left:16px; margin-left:2px;}

.board_table_view table{border-top:1px solid #c1d0ea;}
.board_table_view thead{display:none;}
.board_table_view tr{position:relative; display:block; width:100%; border-bottom:1px solid #dedede; padding:10px; padding-bottom:36px; box-sizing:border-box;}
.board_table_view table tbody td{display:block; border-bottom:0; height:auto; font-size:14px;}
.board_table_view table tbody td:nth-child(1){display:none;}
.board_table_view table tbody td:nth-child(3), .board_table_view table tbody td:nth-child(4){position:absolute;}
.board_table_view table tbody td:nth-child(3){bottom:10px; left:10px;}
.board_table_view table tbody td:nth-child(4){bottom:10px; right:10px; padding-left:18px; background:url('/images/preview_icon.svg') left center no-repeat;}
.search_wrap{gap:6px;}
.search_wrap button{padding-left:32px; padding-right:10px; background-position:left 10px center;}
.search_wrap input{font-size:14px; letter-spacing:-0.05em; min-width:100px;}
.s_w110 .nice-select{width:100px; font-size:14px;}
.nice-select{padding-left:10px; padding-right:24px;}
.nice-select:after{width:12px; height:12px; background-size:100%; right:10px;}

.pagination{margin-top:24px;}
.pagination ul a{font-size:13px; width:24px; height:24px; line-height:24px; background-size:auto 10px !important;}
.pagination ul{gap:5px; }

.board_table_view{margin-top:30px; }
.board_view_head{border-top:1px solid #0E0F0E; padding-left:20px; padding-right:20px;}
.board_view_head > .dp_flex{display:block;}
.board_view_head h2 + div{font-size:16px; margin-top:8px;}
.board_filedown h2{font-size:14px; width:100px;}
.board_view_head h2{font-size:18px;}
.board_view_head_info > div > div:nth-child(1){font-size:14px;}
.board_view_head_info > div > div:nth-child(2){font-size:14px;}
.board_table_content{padding:10px;}
.board_table_navi > div{padding:10px;}
.board_table_navi > div > div:nth-child(1){font-size:14px;}
.board_table_navi > div > div + div{padding-left:10px; margin-left:10px;}
.board_table_navi > div > div + div a{font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}

.video_wrap li{width:100%;}



.form_table .gap10{gap:4px;}
.s_w192 .nice-select{width:100px;}

.form_table table td input[type="text"]{width:100%;}
.btn_wrap.mt40{margin-top:10px;}

.customer_banner{padding-right:10px; padding-left:160px; padding-top:20px; padding-bottom:20px;}
.customer_banner > div > h2{font-size:16px; word-break:keep-all;}
.customer_banner > div > p{font-size:14px; margin-top:6px; word-break:keep-all;}
.customer_banner .tel{margin-top:8px; font-size:20px; width:auto; padding:0 2px; height:40px; line-height:38px; letter-spacing:-0.03em;}
.customer_banner.faq:before, .customer_banner.customer:before{width:140px; height:108px; background-size:100%;}



}