/*topmenu*/
.sub_top_menu_wrap .c_center {
    height: 60px;
}
.sub_top_menu_wrap .top_home {
    margin-right: 10px;
}
.sub_top_menu_wrap .sub_top_menu li {
    font-size: 1.125rem;
}
.sub_top_menu_wrap .sub_top_menu .nav_arr {
    margin: 0 10px;
}

/*sidemenu*/
.sidemenu {
    width: 250px;
	
	height:fit-content;
}

.sidemenu-wrap {
	border:1px solid #e1e1e1; 
	border-radius:12px; 
	overflow:hidden;
}




.sidemenu .sidemenu_box {
    width: 100%;
    padding: 10px 5px;
    box-sizing: border-box;
}
.sidemenu .sidemenu_box:first-child {
    border-bottom: 1px solid #E1E1E1;
}
.sidemenu .sidemenu_box .sidemenu_tit01 {
    margin-bottom: 10px;
	margin-left:10px;
    /*font-size:1.125rem;*/
}
.sidemenu .sidemenu_box .sidemenu_tit02 {
    font-size:1.125rem;

	padding:10px 10px 10px 20px;
	box-sizing:border-box;
	background-color:#003f6e;
	color:#fff;
	border-radius:12px 12px 0 0;
	margin-bottom:8px;
}

.sidemenu .sidemenu_box .sidemenu_tit03 {
	/*background-color:#0068B7;
	color:#fff;*/
	color:#0068B7;
	font-weight:800;
	/*padding:10px;*/
	font-size:1.125rem;
	box-sizing:border-box;
	padding:4px 0 4px 20px;
	box-sizing:border-box;
	position:relative;
}
/*
.sidemenu .sidemenu_box .sidemenu_tit03:before {
	content:"";
	display:block;
	width:15px;
	height:1px;
	border-bottom:1px solid #0068B7;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
*/
.sidemenu .sidemenu_check_list {
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box;

	max-height:800px;
	overflow:auto;

}

.sidemenu .sidemenu_check_list::-webkit-scrollbar {
    width: 5px; 
}

.sidemenu .sidemenu_check_list::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #ddd; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

.sidemenu .sidemenu_check_list::-webkit-scrollbar-track {
    background: #f1f1f1;  /*스크롤바 뒷 배경 색상*/
}


.sidemenu .sidemenu_check_list ul {
	margin:10px 0;
	padding-bottom:5px;
}

.sidemenu .sidemenu_check_list ul:not(:last-child) {
	border-bottom:1px solid #ddd;
}

.sidemenu .sidemenu_check_list ul li {
    margin-bottom: 10px;
    font-size: 0.875rem;
}
.side_choice {position: relative; display:flex;}
.side_choice input[type=checkbox] {
    display:none;
}
.side_choice input[type=checkbox] + label { 
    cursor: pointer; 
    padding-left: 25px; 
    background-repeat: no-repeat;
    background-image: url('../images/checkbox_off.svg');
	font-size:0.8rem;
	font-weight:600;
	color:#444;
	background-size:14px;
	background-position:left center;
}
.side_choice input[type=checkbox]:checked + label {
    background-image: url('../images/checkbox_on.svg');
}
.side_choice input[type=checkbox]:disabled + label {
    background-image: url('../images/checkbox_off.svg');
}

.side_choice .c_txt {display:block; line-height:1.5;}

.sidemenu-tit {width:100%;height:80px;line-height:80px;text-align:center;background:#0068B7;color:#ffffff;font-size:1.125rem; font-weight:600;}
.sidemenu .side-nav li {width:100%; padding:15px 0; padding-left:20px; box-sizing:border-box;}
.sidemenu .side-nav li:not(:last-child) {border-bottom:1px solid #e1e1e1;}
.content_box_a {color:#0068B7; font-weight:700; background:#f1f1f1}




/*사이드메뉴모바일*/
#sideMenuM {display:none;}
#sideMenu{width:20%; border-top:2px solid #fff; border-right:1px solid #f1f1f1;}
#sideMenu .sideMenu_inner{text-align:left;}
#sideMenu .sideMenu_inner > ul{background-color:#f5f5f5;}
#sideMenu .sideMenu_inner > ul > li{border-bottom:2px solid #fff;}
#sideMenu .sideMenu_inner > ul > li > a{display:block; height:44px; line-height:44px; color:#222; font-size:1.125rem; letter-spacing:-0.55px; font-weight:400; padding:0 20px; border:2px solid transparent; position: relative; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
#sideMenu .sideMenu_inner > ul > li > a:hover, #sideMenu .sideMenu_inner > ul > li.side_active > a{color:#920800; border-color: #920800; background-color: #fff;}
#sideMenu .sideMenu_inner > ul > li > a:hover:after, #sideMenu .sideMenu_inner > ul > li.side_active > a:after{display: block; content:""; width: 20px; height: 1px; background-color: #920800; position: absolute; top: 20.5px; right: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}


.subCont {
   width:calc(100% - 250px);
   padding-left:40px;
    box-sizing: border-box;
	/*margin-bottom:100px;*/
}

.subCont.shop__ {width:100%; padding:0;}


.sub_search_box {
    margin-bottom: 26px;
	gap:4px;
}
.sub_search_box select, 
.sub_search_box input,
.sub_search_box button {
    height: 32px;
    border-radius: 3px;
    border: 1px solid #DDDDDD;
    /*padding: 5px 12px;*/
    box-sizing: border-box;
	margin-right:4px;
}

.sub_search_box select {padding: 5px 30px 5px 10px; box-sizing:border-box; color:#222;}
.sub_search_box input {padding:0 12px; box-sizing:border-box;}
/*
.sub_search_box select {
    margin-right: 8px;
}
*/
.sub_search_box button {
    border: none;
    background-color: transparent;
	cursor:pointer;
}

.sub_search_box .user-search i {font-size:1.5rem;}

.subCont.shop__ .introduce_itemBox_wrap {display:flex; flex-wrap:wrap; /*gap:40px;*/gap:20px;}


.subCont .introduce_itemBox_wrap .itemBox {
    padding: 20px;
    box-sizing: border-box;
    /*border-top: 1px solid #222222;*/
    border-bottom: 1px solid #D1D1D1;

	/*width:calc(50% - 20px);*/
	width:calc(50% - 10px);
}
.subCont .introduce_itemBox_wrap .itemBox .itemBox_imgWrap {
    margin-right: 24px;
    width: 200px;
    height: 200px;
    background-color: #E5E5E5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	position:relative;
}

.subCont .introduce_itemBox_wrap .itemBox .itemBox_imgWrap::before, .subCont .introduce_itemBox_wrap .itemBox .itemBox_imgWrap::after {
 position: absolute;
  content: "";
	width: 0%; height: 0%;
  opacity: 0;
  transition: width 0.2s 0.15s linear, height 0.15s linear, opacity 0s 0.35s;
}

.subCont .introduce_itemBox_wrap .itemBox .itemBox_imgWrap::before {
  top: 0; right: 0;
  border-top: 2px solid #0068B7;
  border-left: 2px solid #0068B7;
}
.subCont .introduce_itemBox_wrap .itemBox .itemBox_imgWrap::after {
  bottom: 0; left: 0;
  border-bottom: 2px solid #0068B7;
  border-right: 2px solid #0068B7;
}
.subCont .introduce_itemBox_wrap .itemBox .itemBox_imgWrap:hover::before,
.subCont .introduce_itemBox_wrap .itemBox .itemBox_imgWrap:hover::after {
  width: 100%; height: 99%;
  opacity: 1;
  transition: width 0.2s linear, height 0.15s 0.2s linear, opacity 0s;   
}

.subCont .introduce_itemBox_wrap .itemBox .itemBox_txtBox {
    width: calc(100% - 224px);
} 

.subCont .introduce_itemBox_wrap .itemBox .itemBox_txtBox .item_brand_nm {
	/*width:100px;*/
	max-width:100%;
}

.subCont .introduce_itemBox_wrap .itemBox .item_info_tit {
    margin-top:10px;
    border-bottom:1px solid #e1e1e1;
	padding-bottom:15px;
}

/*
.subCont .introduce_itemBox_wrap .itemBox .item_info_box li {
    margin:6px 0;
	font-size:0.875rem;
}
*/

.subCont .introduce_itemBox_wrap .itemBox .item_info_box {
	text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   line-height:1.5;
   font-size:0.9rem;
   color:#666;
}

/*서브페이지 네비*/
.sub-content {width:1200px; margin:30px auto 40px;}
.sub-content .sub-nav {display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e1e1e1; padding-bottom:20px;}
.sub-content .sub-nav .f32 {font-size:1.5rem;}
.sub-content .sub-nav .page {display:flex; font-size:0.9375rem;}
.sub-content .sub-nav .page li:not(:first-child) {padding-left:28px; color:#666; background:url('/images/bgLocation.png') no-repeat 12px center; box-sizing:border-box;}

/*서브페이지 게시판wrap*/
.sub-content .boardWrap {margin-top:40px;}

/*서브페이지 일반wrap*/
.sub-content .conWrap {margin-top:40px;}

/*회사소개*/
.con-company .top-img {height:400px; background:url("/images/sub/company_top.jpg")no-repeat center center / cover;}
.con-company .top-img.labo {height:400px; background:url("/images/sub/labo_top.jpg")no-repeat center center / cover;}
.con-company .top-ment {width:100%; margin:0 auto; padding:40px 0; box-sizing:border-box; word-break:keep-all; line-height:1.8; /*letter-spacing:-1px;*/ text-align:justify; text-align-last:justify;}

.box-txt {width:90%; margin:60px auto; border:1px solid #eee;}
.box-txt > .title {background:#0068B7; color:#fff; padding:16px 10px; box-sizing:border-box; text-align:center; font-size:1.375rem; font-weight:600;}
.box-txt > .subtxt {padding:32px 20px; box-sizing:border-box; font-size:1.125rem; text-align:center;}


.sub-content .business-img {margin:40px auto 0;}
.sub-content .business-img img {text-align:center;}
.sub-content .business-img.img01 {width:90%;}
.sub-content .business-img.img02 {width:70%;}


.sub-content .inr-tit {font-size:1.375rem; font-weight:600; margin-top:40px;}
.sub-content .inr-tit:after {content:""; display:block; width:50px; height:1px; border-bottom:1px solid navy; margin:20px auto 0;}



.sub-box-txt {width:90%; margin:60px auto; display:flex; justify-content:space-between;}
.sub-box-txt > .inr {width:calc(50% - 20px); border:1px solid #eee;}
.sub-box-txt > .inr > .title {background:#d1dbe3; color:#212121; padding:16px 10px; box-sizing:border-box; text-align:center; font-weight:600;}
.sub-box-txt > .inr > .subtxt {padding:24px 20px; box-sizing:border-box;}
.sub-box-txt > .inr > .subtxt ul.dot-list {}
.sub-box-txt > .inr > .subtxt ul.dot-list li {text-align:left; font-size:1rem; margin:4px 0; position:relative; padding-left:20px; box-sizing:border-box; font-size:0.9375rem;}
.sub-box-txt > .inr > .subtxt ul.dot-list li:before {content:""; display:block; width:4px; height:4px; background:#0068B7; border-radius:50%; position:absolute; top:50%; left:0; transform:translateY(-50%);}

/*CEO인사말*/
@font-face {
    font-family: 'ROEHOE-CHAN';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
.con-greeting {display:flex;}
.con-greeting .inr.img {width:500px;}*/
.con-greeting .inr.txt {/*width:calc(100% - 500px); */margin-top:40px;box-sizing:border-box; line-height:1.8;}
.con-greeting .ceo {text-align:right; font-weight:600;}
.con-greeting .ceo .sign {/*font-family: 'ROEHOE-CHAN';*/ font-size:1.5rem; font-weight:700;}

/*CI소개*/
.sub-content .sub-title {font-size:1.750rem; font-weight:600; /*margin:60px 0 0;*/ padding-bottom:20px; border-bottom:1px solid #d1d1d1;}
.sub-content .sub-title small {color:#878787; font-weight:500;}

.con-ci .borderBox {border:1px solid #e1e1e1; margin-top:40px; padding:20px 0; text-align:center;}
.con-ci .info-txt {padding:20px 40px; box-sizing:border-box; line-height:1.8;}

.con-ci .flex-both {display:flex; justify-content:space-between; margin-top:40px;}
.con-ci .flex-both .inr {width:calc(50% - 20px);}
.con-ci .flex-both .inr .box {border:1px solid #e1e1e1; padding:20px 0; box-sizing:border-box; text-align:center; height:100%; display:flex; align-items:center; justify-content:center;}
.con-ci .flex-both .inr > p {font-weight:600; margin-top:8px;}


.con-ci .flex-5box {display:flex; justify-content:space-between; margin-top:40px; padding-bottom:80px;}
.con-ci .flex-5box .inr {width:calc(20% - 20px);}
.con-ci .flex-5box .inr .color {height:100px;}
.con-ci .flex-5box .inr .code {margin-top:8px; font-size:0.9rem;}

.con-ci .flex-5box .inr .color.color01 {background: linear-gradient(70deg, #33c1f0, #0080c6);}
.con-ci .flex-5box .inr .color.color02 {background: linear-gradient(70deg, #ffd836, #f7941d);}
.con-ci .flex-5box .inr .color.color03 {background: linear-gradient(70deg, #d2dc00, #00a73c);}
.con-ci .flex-5box .inr .color.color04 {background: #0072bc;}
.con-ci .flex-5box .inr .color.color05 {background: #88c540;}

/*연혁*/
.historyList_wrap, .historyYear_item {position: relative;}
.historyYear_item:before {content: ""; position: absolute; top: 17px; left: 164px; width: 5px; height: 100%; background: url("https://iacf.kw.ac.kr/images/sub/history_point.png") repeat;}
.historyYear_box:last-child .historyYear_item:before {content: none;}
.historyYear_item .historyYear {position: absolute; top: 0; left: 0; width: 175px;}
.historyYear_item .historyYear strong {font-size: 2rem; color: #0068B7;}
.historyYear_item .historyYear:after {content: ""; position: absolute; top: 50%; margin-top: -10px; right: 0; width: 8px; height: 8px; background-color: #fff; border: 4px solid #89c122; border-radius: 100%;}
.historyYear_item .historyInfo_con {padding: 0 20px 100px 230px;}
.historyInfo_con .frontCircle_txt {position: relative; display:flex; padding-left: 15px; color: #222; line-height: 2; word-break: keep-all;}
.historyInfo_con .frontCircle_txt:before {content: ""; position: absolute; top: 14px; left: 0; width: 3px; height: 3px; background-color: #222; border-radius: 100%;}

.historyInfo_con .frontCircle_txt .month{color: #0068B7; display:inline-block; width:8%; font-weight:600;}
.historyInfo_con .frontCircle_txt .month_con {width:92%;}



/*연구소*/

/*일반 탭메뉴*/
.sub-content .tabs {margin-top:40px;}
.sub-content .tabButton_outer {position: relative; z-index: 2; display: block;}
.sub-content .tab_list {display: flex; width: 100%;}
.sub-content .tab_list li {width:25%;}
.sub-content .tab_list li a {display: block; padding: 1rem; background-color: #f1f1f1; border: 1px solid #0068B7; text-align: center; color: #222;}
.sub-content .tab_list li:not(:first-child) a {border-left: none;}
.sub-content .tab_list li a:hover, .sub-content .tab_list .is_active a {border-bottom-color: transparent; background: #fff;}
.sub-content .tab_list .is_active a {font-weight: 600; color: #0068B7;}
.sub-content .tab_contents {padding:60px 20px 40px; box-sizing: border-box;}


.sub-content  .tab_contents .recycle {width:50%; margin:0 auto;}


.sub-content #tab01 .flex-both {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub-content #tab01 .flex-both .inr {width:calc(25% - 10px); margin-bottom:20px;}
.sub-content #tab01 .flex-both .inr .imgs {height:250px;}
.sub-content #tab01 .flex-both .inr .imgs img {width:100%; height:100%;}
.sub-content #tab01 .flex-both .inr p {display:flex; align-items:center; justify-content:center; min-height:84px; padding:0 5px; box-sizing:border-box; font-size:1.125rem; font-weight:600; background:#d1dbe4; text-align:center;}

.sub-content #tab04 .flex-both {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub-content #tab04 .flex-both .inr {width:calc(50% - 10px); margin-bottom:20px;}
.sub-content #tab04 .flex-both .inr .imgs {height:400px;}
.sub-content #tab04 .flex-both .inr .imgs img {width:100%; height:100%;}
.sub-content #tab04 .flex-both .inr p {font-size:1.125rem; font-weight:600; padding:15px 0; background:#d1dbe4; text-align:center;}


.tblWrap {margin-top:40px;}
.tblWrap .aTbl {width:100%;}
.tblWrap .aTbl th, .tblWrap .aTbl td {padding:10px 12px; box-sizing:border-box; border:1px solid #e1e1e1;}
.tblWrap .aTbl th {background-color:#0068B7; color:#fff;}
.tblWrap .aTbl td {text-align:center; font-size:1rem;}

/*취급브랜드*/
.con-brand {display:flex; flex-wrap:wrap; gap:25px;/*justify-content:space-between;*/}
.con-brand .inr {display:block; width:calc(25% - 20px); /*margin:15px 20px 15px 0;*/ border:1px solid #e1e1e1; box-sizing:border-box; text-align:center; padding-top:20px;}
.con-brand .inr span {display:block;  min-height:75px; display:flex; align-items:center; justify-content:center;}
.con-brand .inr span img {max-width:80%;}
.con-brand .inr p {margin-top:20px; font-weight:600; background-color:#0068B7; color:#fff; padding:12px 0; font-size:0.875rem;}


/*오시는길*/
.con-location {margin-bottom:60px;}
.con-location .loca-info {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:20px;}
.con-location .loca-info .inr {width:calc(33.33% - 20px); display:flex; align-items:center;}
.con-location .loca-info .inr.full {width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #ddd;}

.con-location .loca-info .inr .icon {width:80px; height:80px; background-color:#f1f2f3; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.con-location .loca-info .inr .info {width:calc(100% - 80px); padding-left:40px; box-sizing:border-box;}
.con-location .loca-info .inr .info strong {display:block; margin-bottom:8px;}









 /* member - 로그인 */
.member-area.bg {background:#f9f9f9;}
.member-title {text-align:center; font-size:2rem; font-weight:600; color:#373737;}
.member-title.small {font-size:1.5rem; margin-bottom:20px;}
.member-titles {position:relative; padding:0 0 0 40px; font-size:1.250rem; font-weight:600; margin:20px 0; color:#373737;}
.member-titles.list:before {content:""; display:block; position:absolute; top:-4px; left:0; width:29px; height:29px; background:url("/images/sub/simbol__.svg")no-repeat center center / contain; background-size:cover;}

.member-cont {padding:20px 50px; box-sizing:border-box; background:#fff; }
.member-cont.bg {background:#f1f2f3;}

.login-wraps {width:480px; margin:30px auto;}
.login-btn-wrap {margin:50px 0 30px 0;}
.squared {float: left; vertical-align:middle;}
.login-btn p {float: left; margin:0 12px; font-size:0.875rem; line-height:28px;}


.input-area{width:100%; margin:0 auto;}

.input-area .box input[type=text], .input-area .box input[type=password] {width:100%; display:block; border:none; border-bottom: 1px solid #d1d1d1; height: 40px; padding-left: 10px; box-sizing: border-box; margin:30px 0;}

.input-area .box input::placeholder {font-size:1rem;}

.input-area .box input[type=text]:focus, .input-area .box input[type=password]:focus {outline:none; border-bottom:1px solid #666; transition:.3s;}


.input-area .box.txt_c {margin-top:30px; display:flex; align-items:center; justify-content:space-between;}
.input-area .member-login-btn {display:block; width:100%; box-sizing:border-box; padding:20px 0; font-size:1.250rem; font-weight:600; text-align:center; background:#0068B7; border:1px solid #0068B7; color:#fff; margin:50px 0;}
.input-area .member-login-btn:hover {background:#fff; color:#0068B7; transition:.3s;}
.input-area .member-btn {display:block; text-align:center; padding:12px 20px; border-bottom:1px solid #e1e1e1;box-sizing:border-box;  transform:skew(-0.03deg); width:calc(50% - 20px);}
.input-area .member-btn.noline {border:1px solid #e1e1e1; border-radius:30px;}
/*.input-area .member-btn:last-child {margin-top:10px;}*/
.input-area .member-btn:hover {color:#0068B7; border-bottom:1px solid #0068B7;  transition:.2s;}

.member-area .go-btn {display:inline-block; font-size:1rem; padding:15px 40px; font-weight:600; background:#0068B7; border:1px solid #0068B7; color:#fff;}
.member-area .go-btn:hover {background:#fff; color:#0068B7; transition:.3s;}
.member-area .go-btn.wht {background:#fff; color:#0068B7;}

.member-area.wrap_ {height:300px;overflow-y:auto; border:1px solid #e1e1e1; box-sizing:border-box; padding:10px 24px; line-height:2; font-size:0.875rem;}
.member-area h5, .member-area h6 {font-size:0.875rem;}
.form_btn_wrap{
width:100%;
margin:40px 0;
}
.fbw1,.fbw2{
}
.fbw a{
width:150px;
line-height:40px;
}
.w100{
width:100%;
}
.agree_form01 span{
color:#222;
font-family:'Noto Sans','Noto Sans KR', sans-serif;
font-weight:600;
}
.agree_form01{
padding:12px 5%;
width:90%;
}
.agree_wrap .fr{
float:right;
}
.agreeex{
float:left;

margin-left:10px;
}



.ggform{
	margin:0px auto;
	padding:30px 0;
	box-sizing:border-box;
	/*background-color:#eef2f5;*/
}
.ggform1>li{
	float:left;
	width:49%;
	margin-bottom:20px;
}

.ggform .mr{
	margin-right:2%;
}

.ggform .li100{
	width:100%;
	margin-right:0;
}


.formttl1{
	font-family:'Noto Sans','Noto Sans KR', sans-serif;
	font-weight:600;
	color:#444;
	font-size:0.938rem;
	margin-bottom:5px;
}

.ip_1{
	border:1px solid #d2d2d2;
	font-size:0.875rem;
}

.add001{
	width:49%;
	float:left;
	margin-bottom:10px
}

.ipfl{
	float:left;
}
.bntstyle1 {
    /*width: 100px;*/
	padding:0 20px;
	box-sizing:border-box;
    height: 40px;
    text-align: center;
    background-color: #555;
    color: #fff;
    display: block;
    float: left;
    line-height: 40px;
    font-size:0.875rem;
}

.member-area input[type=text], .member-area input[type=email], .member-area input[type=password], .member-area input[type=file]{
	border:1px solid #d1d1d1;
	height:40px;
	padding-left:10px;
	box-sizing:border-box;
}

.member-area select{
	border:1px solid #d1d1d1;
	height:40px;
	box-sizing:border-box;
	vertical-align:middle;
	border-radius:0;
	background:#fff;
	color:inherit;
}

.ss1 {display: block;}
.ss1 input {display: none;}

.ss1 .box_radio {
	float:left;
	border: 1px solid #ccc;
	width:50%;
	height:40px;
	line-height:40px;
	text-align:center;
	overflow: hidden; 
	font-size:0.875rem;
	cursor:pointer;
	background-color:#fff;
	box-sizing:border-box;
}

.chk_iro input:checked + .box_radio,.chk_iro input:hover + .box_radio {
	background: #999;
	border-color: #767676;
	color:#fff;
}

.form__email {align-items:center; gap:5px;}



/*제품소개 list 페이지*/
/*.sub-content {position:relative; width:1440px; margin:100px auto 0; padding:60px 0 100px;}*/
.sub-content .sub-nav {display:flex; align-items:center; justify-content:space-between;}
.sub-content .sub-nav .page {display:flex;}
.sub-content .sub-nav .page li:not(:first-child) {padding-left:28px; color:#666; background:url('/images/bgLocation.png') no-repeat 12px center; box-sizing:border-box;}

.sub-content .board-filter {display:flex; flex-wrap:wrap; margin:20px 0; padding:0 20px; box-sizing:border-box; background-color:#f5f5f5;}
.sub-content .board-filter li {width:20%; padding:15px 0; font-size:0.875rem;}
.check-type {position:relative;}
.check-type input[type="checkbox"] {display:none;}
.check-type input[type="checkbox"] + label {display:block; font-weight:500; cursor:pointer;}
.check-type input[type="checkbox"] + label span {position:relative; margin-right:10px; display:inline-block; vertical-align:top; background:url('/images/bg_check.png') no-repeat; background-size:cover; width:15px;height:15px;}
.check-type input[type="checkbox"]:checked + label span {background:url('/images/bg_checkOn.png') no-repeat; background-size:contain;}


.board-list .box {display:flex; border-top:1px solid #000; border-bottom:1px solid #ddd; /*padding:20px;padding:20px 20px 20px 100px;*/ padding:25px; box-sizing:border-box;}
.board-list .box .thumbnail2 {/*width:340px; height:280px*/;width:250px; height:200px; border:1px solid #e1e1e1; box-sizing:border-box; background:url('/images/no_img.svg')no-repeat center center; background-size:12%; display:flex; align-items:center; justify-content:center; /*overflow:hidden;*/ padding:40px; position:relative;}
.board-list .box .thumbnail2:hover {opacity:.7; transition:.2s; cursor:pointer;}
.board-list.acc .box {/*padding:40px 20px;*/padding:20px;}
.board-list.acc .box .text .item-num {/*margin:0 0 24px;*/ margin: 20px 0 10px 0;}
.board-list.acc .box .text .item-info {font-size:1rem;}
.board-list.acc .box .thumbnail2 {width:250px; height:200px;}
.board-list.acc .box .text {width:calc(100% - 25px);}


.board-list .box .thumbnail2::before, .board-list .box .thumbnail2::after {
 position: absolute;
  content: "";
	width: 0%; height: 0%;
  opacity: 0;
  transition: width 0.2s 0.15s linear, height 0.15s linear, opacity 0s 0.35s;
}
.board-list .box .thumbnail2::before {
  top: 0; right: 0;
  border-top: 2px solid #0068B7;
  border-left: 2px solid #0068B7;
}
.board-list .box .thumbnail2::after {
  bottom: 0; left: 0;
  border-bottom: 2px solid #0068B7;
  border-right: 2px solid #0068B7;
}
.board-list .box .thumbnail2:hover::before,
.board-list .box .thumbnail2:hover::after {
  width: 100%; height: 99%;
  opacity: 1;
  transition: width 0.2s linear, height 0.15s 0.2s linear, opacity 0s;   
}




.board-list .box .text {width:calc(100% - 250px); /*padding-left:40px; */ padding-left:70px; box-sizing:border-box;}
.board-list .box .text .title {font-size:1rem; font-weight:600; /*margin:40px 0 20px;*/margin:12px 0 20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
.board-list .box .text .title:hover {color:#444; transition:.2s;}
.board-list .box .text .memo {color:#5e5e5e; line-height:2; word-break:keep-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; font-size:0.875rem;}




.board-search {display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; position:relative; height:50px;}
.board-search .board-select {height:32px;border:1px solid #dddddd;border-radius:3px;padding:0 2em 0 1em;vertical-align:middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board-search .board-input {width:200px;height:20px;border:1px solid #e1e1e1;border-radius:3px;padding:5px; vertical-align:middle; background: #fff; -webkit-appearance: none; margin:0 12px 0 4px}
.board-search .board-select:focus, .board-input:focus {background-color: #fff; outline: 0;/* box-shadow: 0 0 0 0.1rem rgba(212, 219, 228, .5);*/}

.pageNum {margin:40px auto 80px; display:flex; align-items:center; justify-content:center; gap:6px;}
.pageNum a {display:flex; align-items:center; justify-content:center; width:32px; height:32px; line-height:32px; border-radius:50%;}
.pageNum a.pageNumbt {color:#878787;}
.pageNum a.pageNumbt span {font-weight:300;}
/*
.pageNum a:not(.pageNumbt) {border:1px solid #e1e1e1; box-sizing:border-box;}*/
.pageNum a.frst_last {background-color:#0068B7; border:1px solid #0068B7; box-sizing:border-box; color:#fff; border-radius:50%;}


/*제품소개view페이지*/
.view-top {display:flex; margin:40px 0 60px;}
.view-top .thumb-wrap {display:flex; flex-direction:column;}
.view-top .thumb-wrap .thumbnail {width:500px; height:500px; border:1px solid #e1e1e1; box-sizing:border-box; display:flex; align-items:center; justify-content:center; padding:40px;}
.view-top .thumb-wrap .thumbnail img {width:100%; height:100%;}
.view-top .thumb-wrap .thumb-mini {display:flex; /*flex-direction:column; height:500px;justify-content:space-between; */margin-top:10px; gap:20px;}
.view-top .thumb-wrap .thumb-mini a{width:calc(25% - 12px); height:116px; border:1px solid #e1e1e1; box-sizing:border-box; overflow:hidden; display:flex; align-items:center; justify-content:center;}
/*.view-top .thumb-wrap .thumb-mini a:not(:last-child) {margin-bottom:20px; margin-right:16px;}*/
.view-top .thumb-wrap .thumb-mini a img {max-width:100%;}

.view-top .info-text {margin-left:40px;}
.view-top .info-text .title {font-size:1.250rem; font-weight:600;/*margin-top:-30px;*/}
.view-top .info-text .memo {line-height:1.6; color:#666; margin:20px 0; font-size:0.875rem; word-break:keep-all; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; padding-bottom:20px;}


.addList-btn {position:relative; display:block; width:280px; padding:18px; box-sizing:border-box; background-color:#0068B7; color:#fff; font-weight:600; margin-top:68px;}
.addList-btn .lnr {position:absolute; top:50%; right:22px; transform:translateY(-50%); font-size:1.125rem;}

.page-detail .section-tab {display:flex; justify-content:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.page-detail .section-tab li {font-weight:600; color:#878787; margin:0 10px;}
.page-detail .section-tab li.active a {/*border-bottom:3px solid #0068B7;*/ color:#222; font-weight:700;}
.page-detail .section-tab li.active a:after {content:""; display:block; width:100%; height:3px; background-color:#0068B7; position:absolute; bottom:0; left:0;}
.page-detail .section-tab li a {display:block; width:100%; padding:20px; box-sizing:border-box; text-align:center; position:relative;}

.page-detail .page-box {padding:40px 0;}


/*제품소개view페이지 > 액세서리*/
.board-list .box .text .item-num {margin:24px 0;}
.addList-btn.p_a {position:absolute; top:24px; right:24px; margin-top:0;}

/*제품소개view페이지 > 유사제품*/
.similar-product-wrap .similar-product {position:relative; display:flex; justify-content:space-between; overflow:hidden;}
.similar-product-wrap .similar-product .product-box {display:block; /*width:calc(33.33% - 20px);*/ border:1px solid #e1e1e1; box-sizing:border-box; text-align:center; padding:15px 0;}
.similar-product-wrap .similar-product .product-box .thumbnail3 {display:flex; align-items:center; justify-content:center; border-bottom:1px solid #e1e1e1; padding:20px 0;}
.similar-product-wrap .similar-product .product-box .thumbnail3 img {height:200px;}
.similar-product-wrap .similar-product .product-box .title {font-size:0.875rem; font-weight:600; margin:15px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0 20px;}
.similar-product-wrap .similar-product .product-box .more {font-size:1rem; color:#0068B7;}

.similar-product-wrap .swiper-pagination {margin-top:20px; display:flex; justify-content:center; width:100%;}
.similar-product-wrap .swiper-pagination-bullet {width:8px; height:8px; margin:0 4px; background-color:#ddd; opacity:1;}
.similar-product-wrap .swiper-pagination-bullet-active {background-color:#0068B7;}

/*제품소개view페이지 > 자료실*/
.file-list li {position:relative; background-color:#f8f8f8; padding:20px 40px; margin:8px 0; box-sizing:border-box;}
.file-list li .down-btn {display:inline-block; background-color:#414141; color:#fff; font-size:0.875rem; padding:6px 8px; box-sizing:border-box; position:absolute; right:40px; top:50%; transform:translateY(-50%);}

/*제품소개view페이지 목록돌아가기 버튼*/
.list-btn {display:inline-block; width:120px; padding:14px 0; text-align:center; box-sizing:border-box; background-color:#878787; color:#fff; font-weight:600; font-size:0.875rem;}




.productInfoTbl .subtable {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.order_view_txt .subtable {
  width: 100%;
}
.order_view_txt .subtable th {
  width: 166px;
  text-align: left;
}
.order_view_txt .subtable th,
.order_view_txt .subtable td {
  line-height: 1.5;
  padding: 15px 0;
  color: #121212;
  vertical-align: top;
}
.order_view_wrap .kindSel::-ms-expand {
  display: none;
}
.order_view_wrap .kindSel {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 1rem;
  background: url("../images/selArrow.png") calc(100% - 22px) center no-repeat;
  background-size: 14px 6px;
  border-radius: 3px;
  width: 100%;
  height: 56px;
  border: 1px solid #cccccc;
  background-color: #fff;
  outline: 0 none;
  padding: 0px 25px 0px 22px;
  color: #121212;
}
/*
.order_view_wrap .kindSel option {width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
*/
.order_view_wrap .option_result_Tbl .subtable th,
.order_view_wrap .option_result_Tbl .subtable td {
  padding: 20px 0;
}


.order_view_wrap .totalAmtwrap {
  margin:20px 0;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 25px 20px;
}

.opt_content {display:flex; align-items:center; justify-content:space-between; flex-direction:column; margin:20px 0;}
.opt_content .optionName {width:calc(100% - 290px);}
.opt_content .optionPrice {width:120px; text-align:right; font-weight:600;}
.delBtn {width:30px; text-align:right;}


.opt_content .opt_count_box {
  padding: 0 20px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  width: 130px;
  height: 35px;
  box-sizing: border-box;
}
.opt_content input[type="text"] {
  display: inline-block;
  width: auto;
  border: none;
  padding-left: 0;
  min-width: 60px;
  height: 33px;
  text-align: center;
  font-family: "Pretendard";
  color: #121212;
}

.gry01 {background-color: #f5f5f5;}


.orderBtn_wrap {display:flex; justify-content:space-between;}
.orderBtn_wrap.cart {width:60%; float:right;}
.orderBtn_wrap.center {/*width:60%;*/ margin:0 auto; justify-content:center;}
.orderBtn_wrap.center .orderBtn {margin-right:10px;}

.orderBtn_wrap .orderBtn {display:inline-block; width:calc(33.33% - 10px); padding:14px 0; text-align:center;}
.orderBtn_wrap .orderBtn.trans {border:1px solid #333; color:#333;}
.orderBtn_wrap .orderBtn.blue {border:1px solid #0068B7; background-color:#0068B7; color:#fff;}
.orderBtn_wrap .orderBtn.red {border:1px solid #e60819; background-color:#e60819; color:#fff;}
.orderBtn_wrap .orderBtn.blk {border:1px solid #333; background-color:#333; color:#fff;}
.orderBtn_wrap .orderBtn.nvy {border:1px solid #003f6e; background-color:#003f6e; color:#fff;}


/*장바구니 및 주문*/
.orderTbl {width:100%;}
.orderTbl th, .orderTbl td {padding:12px; box-sizing:border-box;}
.orderTbl th {background-color:#f1f2f6;}
.orderTbl td {border-bottom:1px solid #e1e1e1;}
.orderTbl td.product {padding:12px 20px; box-sizing:border-box;}
.orderTbl td.product .product-info {display:flex; align-items:center;}
.orderTbl td.product .product-info .thumbnail {width:80px; height:80px; background-color:#ddd;}
.orderTbl td.product .product-info .info {width:calc(100% - 80px); padding-left:20px; box-sizing:border-box; }
.orderTbl td.product .product-info .info .name, .orderTbl td.product .product-info .info .option {/*width:470px;*/ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/*수량*/
.count-wrap {position: relative; width: 32px; padding: 0 32px; border: 1px solid #ddd; overflow: hidden; margin:0 auto;}
.count-wrap > button {border:0; background-color:#fff; width: 32px;height: 32px;position: absolute; top: 0; cursor:pointer; font-size:1rem;}
.count-wrap > button:hover {background-color:#f5f5f5; transition:.2s;}
.count-wrap > button.minus {left: 0; border-right:1px solid #ddd;}
.count-wrap > button.plus {right: 0; border-left:1px solid #ddd;}
.count-wrap .inp {border: 0; height: 32px; text-align: center; display: block; width: 100%; font-size:1rem;}


/**/
.orderPrice {margin:20px 0; background-color:#f1f2f6; text-align:right; padding:20px 40px; box-sizing:border-box; border-top:1px solid #d7d7d7; border-bottom:1px solid #a3a3a3;}
.orderPrice p {margin:8px 0;}
.orderPrice p > .bigtxt {font-size:2rem; font-weight:600;}


/*마이페이지*/
.con-mypage {display:flex;}
.con-mypage .sideM {width:200px;}
.con-mypage .mypage-cont {width:calc(100% - 200px); padding-left:40px; box-sizing:border-box;}


/*개인정보처리방침 및 이용약관*/
.member-area{/*padding-top:50px;*/}
.member-area h5{margin-bottom:20px; font-size:1rem; color:#222; transform:skew(-0.03deg);}
.member-area h6{margin-bottom:20px; font-weight:700; font-size:1rem; line-height:1.5; color:#222;}
.member-area h2{padding:20px 0; font-weight:700; font-size:2rem; color:#222; text-align:center; border-bottom:1px solid #e1e1e1; margin-bottom:20px;}
.member-area p{line-height:1.6; font-size:0.875rem;}
.member-area ul li, .member-area p{line-height:1.6; /*font-weight:300;*/ font-size:0.938rem; color:#666;}
.member-area ul li ul{margin-bottom:10px; padding-left:15px;}
.member-area ul li{margin-bottom:8px;}
.member-area ul li:last-child{margin:0;}
.member-area ul li ul li{margin-bottom:2px; font-size:0.9375rem;}
.member-area ul li ul{margin-top:5px; margin-bottom:20px;}
.member-area .inr{/*padding:40px 0; border-bottom:1px solid #ddd;*/padding:20px 0;}
.member-area .inr:last-child{border:none;}



/*견적문의 및 서비스지원(as)문의 */
/*메인 폼*/
.form-wrap .flex-both {display:flex; flex-wrap:wrap;}
.form-wrap .flex-both input {outline:none; border:none;}
.form-wrap label.field {display: flex; flex-grow: 0; flex-shrink: 0; flex-basis: 50%; flex-direction: column; font-weight:600; padding: 0 2%; margin: 20px 0; box-sizing: border-box;}

.form-wrap label.field.w100 {flex-basis:100%;}
.form-wrap label.field > .insert {width: 100%;}
.form-wrap label.field > .insert > .input-text {width: 100%; vertical-align: middle; border-bottom: 1px solid #ddd; padding:12px 0;}

.form-wrap .textarea.focus-change {width:100%; height:auto; border:0; outline:0; border-bottom:1px solid #ddd; padding:12px 0; overflow-y:hidden; transition:all 300ms ease-in-out; resize:none;}


.form-wrap label.field > .label:after {content:"*"; display:inline-block; margin-left:4px; color:#0068B7;}

.form-wrap label.field > .insert > .input-text:focus,
.form-wrap .textarea:focus {border-bottom: 1px solid #000; transition: 0.2s;}
.form-wrap label.field > .insert > div > .input-text:focus {border-bottom: 1px solid #000; transition: 0.2s;}
.textarea.focus-change:focus{height: 120px; overflow-y: auto;}

.form-wrap .helpWrap {position:relative;}
.form-wrap .helpBtn {display:inline-block; padding:0px 5px; border-radius:3px; margin-left:2px; background:#0068B7; color:#fff; cursor:pointer; border-radius:50%; font-size:0.875rem;}
.form-wrap .helpbox {position: absolute; top: 22px; left: 100px; padding: 5px 10px; width: 50%; background-color: #fff; border-radius: 10px; border: 1px solid #8d8d8d; z-index: 99; color:#767676; font-size:0.875rem;}


.form-wrap .radio {width: 24px; height: 24px; vertical-align:middle; outline:none; border:0; appearance:none;}
.form-wrap .radio {position: relative !important; overflow: hidden; margin:0; cursor: pointer;}
.form-wrap .radio + label {margin-left:12px; line-height: 24px; cursor: pointer; }
.form-wrap .radio:disabled + label {color: #0068B7;}

.form-wrap .radio:before {content: ''; display: block; width: 24px; height: 24px; border: 1px solid rgba(34, 34, 34, .4); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s border-color ease; transition: 0.2s border-color ease;}
.form-wrap .radio:checked:before {border-color: #222; -webkit-transition: 0.5s border-color ease; transition: 0.5s border-color ease;}

.form-wrap .radio:after {content: ''; position: absolute; top: 50%; left: 50%; display: block; background-color: #0068B7; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);}
.form-wrap .radio:before, .radio:after {border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;}
.form-wrap .radio:after	 {width: 8px; height: 8px; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);}
.form-wrap .radio:checked:after {-webkit-animation: toggleOnRadio 0.2s ease forwards; animation: toggleOnRadio 0.2s ease forwards;}

.form-wrap .agree-modal {position:relative;}
.form-wrap .agree-modal:hover {color:#0068B7;}
.form-wrap .agree-modal:after {content:""; display:block; position:absolute; left:0; bottom:-2px; width:100%; height:1px; border-bottom:1px solid #444;}

.form-wrap .submitBtn {position:relative; display:inline-block; width:200px; padding:15px; box-sizing:border-box; background-color:#0068B7; border:1px solid #0068B7; color:#fff; font-weight:600; margin-top:60px; text-align:center;}
.form-wrap .submitBtn:hover {background:#fff; color:#0068B7; transition:.3s;}

/*type="number" 화살표 제거*/
/* Chrome, Safari, Edge, Opera */
.form-wrap input::-webkit-outer-spin-button,
.form-wrap input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/* Firefox */
.form-wrap input[type=number] {-moz-appearance: textfield;}


/*개인정보처리방침 모달창*/
.agree-modal, .close-modal {cursor:pointer;}
.modal {position:fixed; width:600px; background:#fff; top: 50%;  left: 50%; transform: translate(-50%, -50%); z-index:99991; display:none;}
.modal .top {background:#2c3137; color:#fff; padding:10px 20px 10px 30px; box-sizing:border-box; font-size:1.125rem; line-height:32px;}
.modal .close-modal {float:right; width:32px; height:32px; line-height:32px; box-sizing:border-box; font-size:1.875rem;}
.modal .modal-inner {padding:20px; box-sizing:border-box; line-height:1.5;}
.modal-filter{position:fixed; top:0; right:-100%; width: 100%; height: 100%; background: rgba(0,0,0,.6); opacity: 0; transition: opacity .4s; z-index: 9999;}
.modal-filter.open{opacity: 1; right:0;}


@-webkit-keyframes toggleOnRadio {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(0);
				transform: translate(-50%, -50%) scale(0);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(1.2);
				transform: translate(-50%, -50%) scale(1.2);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1);
				transform: translate(-50%, -50%) scale(1);
	}
	}
@keyframes toggleOnRadio {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(0);
				transform: translate(-50%, -50%) scale(0);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(1.2);
				transform: translate(-50%, -50%) scale(1.2);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1);
				transform: translate(-50%, -50%) scale(1);
	}
}



.sidemenu .sidemenu_box .sidemenu_tit03:focus {background-color:#0068B7; color:#fff; outline:none; box-sizing:border-box;}
.sidemenu .sidemenu_box .sidemenu_tit03:focus:before {border-bottom:1px solid #fff;}
.sidemenu .sidemenu_check_list ul li:focus {outline:none;}






/*상단필터*/
.filterBox {background-color:#F1F2F7; padding:10px 20px; box-sizing:border-box; border-radius:6px; margin-bottom:20px;}
.filterBox ul {display:flex; flex-wrap:wrap;}
.filterBox ul li {width:20%; display:flex; align-items:center; gap:4px; padding:6px 0;}
.filterBox ul li label {font-size:0.9rem;}

.checkbox {
	outline: none !important;
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
	position: relative !important;
	overflow: hidden;
	margin: 0;
	cursor: pointer;
}


.checkbox + label {
	/*margin-left: 12px;*/
	line-height: 20px;
	cursor: pointer;
}




.checkbox:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid rgb(0 104 183 / 50%);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s border-color ease;
	transition: 0.2s border-color ease;
	border-radius:2px;
	background-color:#fff;
}


.checkbox:disabled:before {
    border-color: #ccc;
    background-color: #ccc;
}


.checkbox:checked:after {
	content:'✔';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align:center;
	background-color:#0068B7;
	color:#fff;
	border-radius:2px;
	font-size:11px;
}

.scroll-wrap {display:none; position:sticky; left:0;}
.scroll-wrap .scroll__ {display:flex; align-items:center; justify-content:flex-end; margin-bottom:10px;}
.scroll-wrap .scroll__ .bar {display:flex; align-items:center; background:#e5e5e5; width:100px; height:8px; border-radius:50px; margin-left:16px;}
.scroll-wrap .scroll__ .bar .inr {display:inline-block; background:#0068B7; width:50px; height:4px; border-radius:50px; animation:scroll 1.5s infinite alternate;}

@keyframes scroll{
   0%{transform:translate(0,0);}
   100%{transform:translate(100%, 0);}
}   


.del_info {margin-top:10px; color:#666; font-size:0.9rem;}
.group_delivery {display:inline-block; margin-left:4px;}
.group_delivery:before {content:"/"; display:inline-block; color:#aaa; margin-right:4px;}