.sub_container{padding-top:50px; padding-bottom:100px;}
.sub_title{border-bottom:2px solid #3e3a3b;}
.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:#efd658;}


.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:middle; 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 .label {display: none;}
.form_table table td input[type="text"],.form_table table td input[type="date"],.form_table table td input[type="time"]{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 select{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;}
.cart_table table td .item_login_pop {width:80px; height:35px; border: 1px solid #499ae7; border-radius: 5px; background-color:#499ae7; font-size:15px; font-weight: 700; color:#fff;}
.form_table .radio_wrap input[type="radio"] {
	display: none;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.form_table .radio_wrap input[type="radio"] + label {
	display: inline-block;
	position: relative;
	padding-left: 27px;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	cursor:pointer;
}
.form_table .radio_wrap input[type="radio"] + label:before {
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: 1px solid #bababa;
	border-radius: 50%;
	background-color: #ffffff;
}
.form_table .radio_wrap input[type="radio"]:checked + label:before {
	border-color: #569ad6;
	background-color: #569ad6;
	background-image: url('/images/sub/ico_radiobox_on.png');
	background-position: center;
	background-repeat: no-repeat;
}
.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:#3e3a3b;}

.board_table_view{margin-top:15px;}
.board_view_head{border-top:2px solid #efd658; border-bottom:1px solid #D2D1D0;}
.board_view_head h2{line-height:1; color:#3e3a3b; font-size:20px; font-weight:700; padding:15px 0; border-bottom:1px solid #d2d1d0;}
.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:15px; border-bottom:1px solid #d2d1d0; height:auto; box-sizing:border-box;}
.board_table_navi{margin-top:20px; border-top:1px solid #464A69; border-bottom:1px solid #464A69;}
.board_table_navi > div{padding:15px; font-size:16px;}
.board_table_navi > div + div{border-top:1px solid #D2D1D0;}
.board_table_navi > div > div:nth-child(1){color:#3e3a3b; font-size:16px; font-weight:700;}
.board_table_navi > div > div + div{padding-left:15px; margin-left:15px; border-left:1px solid #D2D1D0;}
.board_table_navi > div > div + div a{color:#6A6A6A; font-size:16px;}



.video_wrap{margin-top:15px;}
.video_wrap li a, .video_wrap li img{display:block; width:100%; position:relative;}
/*
.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:30px; height:30px; border-radius:4px; color:#333; font-size:18px; text-align:center; line-height:30px; border:1px solid #DEDEDE; font-weight:700;}
.pagination ul li.active a{color:#fff; background:#3A7BB5; border:1px solid #3A7BB5;}
.pagination ul a:hover{color:#3A7BB5;}
.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;}
.layer_pop.active{display:block;}
.layer_pop > .dp_flex{height:100%;}

.popup_box {
	/* display: flex; */
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	z-index: 10;
}
.popup_box.active {
	display: flex;
}
.popup_inner {
	position: relative;
	width: 100%;
	background-color: #fff;
}
.site_popup .popup_inner {
	max-width: 400px;
	padding: 50px 0;
	border: 10px solid #efd658;
	text-align: center;
}
.site_popup .close_btn {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 30px;
	height: 30px;
	font-size: 0;
	border: none;
	background-color: #efd658;
	background-image: url('/images/ico_close.png');
	background-position: center;
	background-repeat: no-repeat;
}
.site_popup .site_ttl {
	display: inline-block;
	position: relative;
	padding-left: 27px;
	font-size: 36px;
	font-weight: 700;
	color: #292b2e;
}
.site_popup .site_ttl:before {
	content:'';
	display: block;
	position: absolute;
	top: 11px;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: #efd65e;
}
.site_popup .site_link {
	display: block;
	margin: 20px 0;
	font-size: 14px;
	line-height: 1.5;
	word-break: break-all;
}
.site_popup .site_login_info {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	max-width: 308px;
	padding: 20px 0;
	margin: 0 auto;
	border-radius: 20px;
	background-color: #f9f2ce;
}
.site_popup .site_login_info dl {
	display: flex;
	align-items: center;
}
.site_popup .site_login_info dt,
.site_popup .site_login_info dd {
	font-size: 20px;
	color: #292b2e;
	line-height: 1.5;
}
.site_popup .txt_box {
	margin-top: 20px;
}
.site_popup .txt_box p {
	font-size: 16px;
	font-weight: 700;
	color: #292b2e;
}


.board_table_view table{width:100%;}
.board_table_view table thead th{background:#EFF2F7; color:#292B2E; font-size:16px; font-weight:700; height:50px; border-bottom:1px solid #C1D0EA; border-top:1px solid #C1D0EA;}
.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:50px; border-bottom:1px solid #DEDEDE;}
.board_table_view table tbody td a{color:#104F88; font-weight:700;}
.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;}


}


@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_mo_none table th{display: none;}
	.form_table table td{ display: flex; align-items: flex-start; justify-content: space-between; padding: 10px 0;}
	.form_table table td .label {display: block;}

	.history_order_bottom_wrap {flex-direction: column; margin-top: 40px;}
	.history_order_bottom_wrap #sod_bsk_tot2 {width: 100%;}
}

@media screen and (max-width:860px){
	.sub_container{padding-top: 20px; padding-bottom:70px;}
	.leftmenu_in{padding-left:0;}
	.leftmenu{position:relative; width:100%; margin-bottom: 20px; padding:20px 10px; box-shadow: none; border: none; border-radius: 0;}
	.leftmenu h3 {display: none;}
	.leftmenu ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
	.leftmenu li {width: calc(50% - 7px); border-radius: 5px; box-shadow: 0px 4px 10px 0px #F0F2F4; border: 1px solid #eaeaea;}
	.leftmenu li a {text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px;}
	.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){
.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;}
.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%;}



}



/* CSS º¯¼ö */
:root {

    /* basic color set */
    --black-basic-color:#000000;
    --white-basic-color:#ffffff;

    /* gray-color */
    --gray-color100:#222222;
    --gray-color150:#303030;
    --gray-color200:#666666;
    --gray-color250:#999999;  
    --gray-color300:#cccccc;
    --gray-color350:#e2e2e2;
    --gray-color400:#f1f1f1;
    --gray-color500:#f6f6f6;

    /* blue-color */
    --blue-color100:#1d4593;
    --blue-color200:#7099e9;

    /* green-color */
    --green-color000:#137ea5;

    /* font-size */
    /* 16px ±âÁØ 62.5% = 10px */
    --pc-default:62.5%;
    /* --tablet-default:56.25%; */

    /* transition */
    --basic-speed:.3s ease;

    /*  font-family: 'Pretendard', sans-serif; */
    --font-basic:'Pretendard', sans-serif;
    --font-point:'Montserrat', sans-serif;
}
.board_btn_wrap {
	display: flex;
	align-items: center;
	margin-top: 50px;
}
.board_btn_wrap .btn_wrap {
	display: flex;
	align-items: center;
}
.board_btn_wrap .btn_wrap.align_center {
	margin: 0 auto;
}
.board_btn_wrap .btn_wrap.align_left {
	margin-right: auto;
}
.board_btn_wrap .btn_wrap.align_right {
	margin-left: auto;
}
.board_btn_wrap .default_btn {
	width:120px;
	height:36px;
	font-size: 1.4rem;
	line-height: 34px;
	border: 1px solid transparent;
	text-align: center;
}
.board_btn_wrap .default_btn + .default_btn {
	margin-left: 10px;
}
.board_btn_wrap .default_btn.point_btn {
	color: var(--white-basic-color);
	background-color: var(--blue-color100);
	border-color: var(--blue-color100);
}
.board_btn_wrap .default_btn.border_btn {
	color: var(--gray-color100);
	border-color: var(--gray-color100);
}
.board_btn_wrap .default_btn.gray_btn {
	color: var(--white-basic-color);
	background-color: var(--gray-color200);
	border-color: var(--gray-color200);
}