#j_header {position:relative;}

.sub_visual {position:relative;}
#sv_01 {background:url('/img/sv_img/sv_01.jpg') no-repeat center center / cover; width:100%; height:408px;}
#sv_02 {background:url('/img/sv_img/sv_02.jpg') no-repeat center center / cover; width:100%; height:408px;}
#sv_03 {background:url('/img/sv_img/sv_03.jpg') no-repeat center center / cover; width:100%; height:408px;}
#sv_04 {background:url('/img/sv_img/sv_04.jpg') no-repeat center center / cover; width:100%; height:408px;}

.mv_text_box h2, .mv_text_box p {transform: translateY(25px);opacity: 0;transition: transform 1s ease, opacity .6s;}
.mv.on .mv_text_box h2, .mv.on .mv_text_box p {transform: translateY(0);opacity: 1;}



.sub_tit_box {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; width: 92%;}
.sub_tit_box p {margin-top:15px;}

.sub_navi_wrap {position:absolute; bottom:0; left:0; width:100%; height:70px; border-top:1px solid rgba(255, 255, 255, 0.5); font-size:1rem; font-weight:400; background-color:rgba(255, 255, 255, 0.15);}

.j_sub_navi_inner {max-width:1400px; margin:0 auto; width:100%; display:flex;}
.j_sub_navi_inner > div > a {display:block;line-height:70px;  padding:0 29px; color:#fff; height:70px;}
.sub_navi_wrap .j_sub_navi_inner .j_2depth > ul > li.on {display:block;}  
/* .sub_navi_wrap .j_sub_navi_inner .j_2depth > ul > li {display:none;}   */

.navi_box_01 {border-left:1px solid rgba(255, 255, 255, 0.5);}
.navi_box_01 a img{max-width: unset;}
.navi_box_02 {width:100%; max-width:345px; height:100%; border-left:1px solid rgba(255, 255, 255, 0.5); position:relative;}
.navi_box_02 a i.sub_down {position:absolute; right:30px; top:50%; transform:translateY(-50%); }
#j_1depth > ul > li > .depth02 {display:none;}
.sub_arrow {position:absolute; right:29px; top:50%; transform:translateY(-50%); color:#fff;}

.navi_box_03 {width:100%; max-width:345px; height:100%; border-left:1px solid rgba(255, 255, 255, 0.5); border-right:1px solid rgba(255, 255, 255, 0.5); position:relative;}
.navi_box_03 a i.sub_down {position:absolute; right:30px;top:50%; transform:translateY(-50%); }
.j_2depth>ul>li>a {display:none;}

.navi_box_02 > ul , .navi_box_03 > ul > li > ul {position:absolute; width:100%; top:100%; left:0; z-index:1;  display:none; background:#fff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);}
.navi_box_02 > ul > li > a {color:#333; padding:15px 29px; display:block; transition:.25s;}
.navi_box_02 > ul > li > a:hover {color:#09847f;}
.navi_box_03 > ul > li > ul > li > a {color:#333; padding:15px 29px; display:block;}
.navi_box_03 > ul > li > ul > li > a:hover {color:#09847f;}

.sub_section{padding: 100px 0 150px 0;}

@media screen and (max-width:1080px){ 
.sub_section{padding:80px 0;}
}

@media screen and (max-width:767px){ 
.sub_section{padding:40px 0;}
.sub_navi_wrap{height: 50px;}
.j_sub_navi_inner > div > a {padding: 0 15px;height: 50px;line-height: 50px;}
.j_sub_navi_inner > div > a img {width:11px;}
.navi_box_01 {border-left:none;}
.navi_box_01>a{width: 50px;display: flex !important;align-items: center;justify-content: center;padding: 0;}
.navi_box_03 {border-right:none;}
.navi_box_03 a i.sub_down {right: 10px;}
.navi_box_03 .depth02 a br{display: none;}
}
@media screen and (max-width:720px){ 
.sub_arrow {right:11px;}
.navi_box_02 {width:140px;}
.navi_box_02 a i.sub_down {right:11px;}
.navi_box_02 > ul > li > a {padding:15px 10px;}
.navi_box_03 > ul > li > ul > li > a {padding: 15px 10px;}

.sub_visual{height: 250px !important;}
.sub_visual h2{font-size: 22px;}
.sub_tit_box{top: 40%;}
.sub_tit_box p{font-size: 14px;}
}


/*회사소개*/
.page0101 {background:url('/img/sub_section/page0101_bg.png') no-repeat center center / cover;}
.page0101_txt h4 {line-height:1.6em;}
.page0101_desc p {line-height:1.8em;}
.page01_cont {display:flex; justify-content: space-between; align-items: flex-start; margin-top:55px;}
.green_box {width:60px; height:4px; background:#09847f; margin:55px 0 36px 0;}


@media screen and (max-width:1680px){ 
.page01_cont h4 {font-size:33px;}
}


@media screen and (max-width:1480px){ 
.page01_cont h4 {font-size:28px;}
}


@media screen and (max-width:1380px){ 
.page01_cont {flex-wrap:wrap; align-items:center; justify-content: center; gap:20px; }
.page0101_txt {text-align:center;}
.green_box {margin:30px auto 18px auto;}
.page0101_desc {text-align:center;}
}
@media screen and (max-width:1080px){ 
.page01_cont {margin-top:50px;}
}


@media screen and (max-width:767px){
.page01_cont {margin-top:40px;}
.page01_cont h4 {font-size:18px;}

}
@media screen and (max-width:720px){ 

}


/*협력사*/

.page0102_tit h2{line-height:1.6em;}
.page0102_cont02_list {margin:0 auto; font-size:0; box-sizing:border-box; border-top:1px solid #dddddd; padding-top:90px; display: flex;
    flex-wrap: wrap; justify-content: space-between; align-items: center; row-gap: 30px;}
/* .page0102_cont02_list li {display:inline-block; width:calc((100% - 90px)/2); margin-right:90px;} */
.page0102_cont02_list li {width: calc( ( 100% - 120px ) / 5 )}
.page0102_cont02_list li figure {display:flex; justify-content: center;}
.page0102_cont02_list li figure img {border: 1px solid #cccccc;}
.page0102_cont02_list li:nth-child(1) {border:none;}
.page0102_cont02_list li:nth-of-type(2n) {margin-right:0;}
/* .page0102_cont02_list li:nth-of-type(n+3) {margin-top:60px;} */
.page0102_cont02_list .top_box h4 {color:#999;}
.page0102_cont02_list .top_box h2 {margin-top:20px;}
.page0102_map {margin-top:55px; padding-bottom:90px;}
.page0102_cont02_desc {margin-top:34px;}
.page0102_cont02_desc p.list_txt {color:#666; line-height:1.72em; margin-top:34px;}
.j_adr {color:#57595c;}
.ml_27 {margin-left:27px;}
.ad_box {margin-top:36px;}
.ad_box dl {display:flex; align-items:center;}
.ad_box dl dt {width:100px;}
.ad_box dl dd {margin-left:40px;}
.ad_box dl dt i {margin-right:27px;}
.ad_box dl dt i img {vertical-align:unset;}

@media screen and (max-width:1200px){ 
	.page0102_tit h2 {font-size:22px;}

}

@media screen and (max-width:1120px){ 
.page0102_cont02_list li {width:calc((100% - 45px)/2); margin-right:45px;}

}

@media screen and (max-width:1080px){ 
.page0102_tit h2 {font-size:20px;}
.page0102_map {padding-bottom:60px;}
.page0102_cont02_list {padding-top:60px;}
.page0102_cont02_list li {width:calc((100% - 30px)/2); margin-right:30px;}
.1080_br {display:none;}
.ad_box dl dd {margin-left:15px;}

}

@media screen and (max-width:767px){
.page0102_cont02_list .top_box h2 {margin-top:10px;}
.page0102_cont02_desc {margin-top:17px;}
.page0102_tit h2 {font-size:16px;}
.page0102_map {padding-bottom:40px;}
.page0102_cont02_list {padding-top:40px;}
.page0102_cont02_list li {width:100%; margin-right:0}
.page0102_cont02_list li + li {margin-top:40px;}
.page0102_cont02_desc p.list_txt {font-size:13px; word-break:keep-all; margin-top:17px;}
.ad_box {margin-top:16px;}
.ad_box dl dt {font-size:13px;}
.ad_box dl dd {font-size:13px;}
}
@media screen and (max-width:720px){ 

}


/*Contact*/
.address_info {margin-top:55px;}
.address_info_list {display:flex; background:#f8f8f8; border-radius:20px; padding:50px 84px; box-sizing:border-box; align-items:center; justify-content: space-between; position:relative;}
.mt_20 {margin-top:20px;}
.ad_desc {position:relative;}
.ad_desc p i {margin-right:20px;}
.ad_desc p + p {margin-top:20px;}
.ad_desc:before {content:''; position:absolute; width:1px; height:132px; background:#dddddd; top:50%; transform:translateY(-50%); right:-60px; }
.ad_btn a{width:155px; height:49px; line-height:49px; background:#fff; border-radius:25px; display:block; position:relative; padding:0 25px; text-align:left;}
.ad_btn_en a {width:155px; height:49px; line-height:23px; background:#fff; border-radius:25px; display:block; position:relative; padding:0 25px; text-align:left;}
.ad_btn a:after ,.ad_btn_en a:after {content:''; position:absolute; width:6px; height:10px; background:url('/img/icon/page0103_arrow.png') no-repeat center center/ cover; right:25px; top:50%; transform:translateY(-50%);}
.root_daum_roughmap .wrap_controllers {display:none;}
.wrap_map .root_daum_roughmap .wrap_btn_zoom {display:none;}

.co_map_box {margin-top:30px;}
.address_info02_list {display:flex; background:#0d282e; align-items:center; box-sizing:border-box; padding:65px 49px; }
.info02_tit {margin-right:100px;}
.address_info02_list h2 { color:#fff;}
.address_info02_list li p {color:#fff; word-break: keep-all;}
/* 240118  */
.info02_ad {margin-right:228px;} 
.info02_ad_en {margin-right:150px;} 
.info02_ad p i {margin-right:15px;}
.info_desc p i {margin-right:24px;}
.info_desc p + p{margin-top:10px;}



@media screen and (max-width:1200px){ 
.info02_tit {margin-right:50px;}
}

@media screen and (max-width:1140px){ 
.ad_desc:before {right:-20px;}
.address_info02_list {padding:65px 30px;}
.info02_ad {margin-right:180px;}
}

@media screen and (max-width:1080px){ 
.address_info_list {flex-wrap:wrap;}
.address_info_list li {width:100%; text-align:center;}
.ad_desc p {margin-top:20px;}
.ad_btn a {margin:20px auto 0 auto;}

.co_map_box .root_daum_roughmap .wrap_map {height:400px !important;}


.address_info02_list {flex-wrap:wrap;}
.address_info02_list li {text-align:center; width:100%; margin-right:0;}
.address_info02_list li p {margin-top:10px;}
}

@media screen and (max-width:767px){
.ad_desc:before {display:none;}
.address_info {margin-top:40px;}
.address_info_list {padding:38px;}
.address_info02_list {padding:30px;}
.ad_desc p {margin-top:10px;}
.ad_desc p + p {margin-top:10px;}
.ad_desc p i {margin-right:10px;}
}

@media screen and (max-width:720px){ 

}


/*공지사항*/
.jb_board_con {padding:118px 0 185px 0;}
.j_board_tit {margin-bottom:55px;}

/*제품소개 나노 몰리브덴*/
.page_0201_cont01 {display:flex; background:#f9f9f9; padding:50px; box-sizing:border-box; border-radius:20px; position:relative;}
.select_wrap { width: 100%; max-width: 280px; background:#fff;}

.page02_select {width:100%;height:50px; line-height:50px; border-radius:9px; border:1px solid #eeeeee; padding:0 20px; background:url('/img/icon/select_arrow.png') no-repeat 92% 50%/15px auto;}
.page02_search_box {width:100%; position:relative; display:flex;justify-content: space-between;}
.page02_btn {width:100px; height:50px; background:#09847f; color:#fff; border-radius:9px; margin-left:10px;}
.page02_btn i {margin-right:5px;}
.page02_input {margin-left:9px; width:100%; height:50px; border:1px solid #eee; border-radius:9px; outline:none; padding:0 17px; box-sizing:border-box;}
.page02_input::placeholder {font-size:1rem; font-weight:500; color:rgba(51, 51, 51, 0.3);}
/*.page02_table_wrap {width:100%;overflow:auto;}*/
/*.page02_table_wrap .page02_table {white-space:nowrap;border-collapse:collapse;}*/

.page02_table {width:100%; border:1px solid #eee; margin-top:52px;}
.page02_table tr + tr {border-top:1px solid #eee;}
.page02_table tr td {font-size:1.063rem; font-weight:500; color:#333; padding:20px 10px; box-sizing:border-box;}
.page02_table tr td {border-right:1px solid #eee;}
.page02_table tr td:nth-of-type(3n) {border-right:none;}
.page02_txt {position:absolute; left:10px; bottom:-30px;;}


.page02_list ul {display:flex; flex-wrap:wrap; margin-top:52px;/*  border-top:1px solid #eee; border-right:1px solid #eee */}
.page02_list li {width:33.33%; border: 1px solid #eee; transition:.28s; margin-left: -1px; margin-top: -1px;}
.page02_list li:hover {background:#f9f9f9;}
.page02_list li a {font-size:1rem; font-weight:500; color:#333;  padding: 18px 15px; box-sizing:border-box; display:block;}


.page02_list_mobile {display:none;}

@media screen and (max-width:1080px){ 
.select_wrap {max-width:230px;}
.page_0201_cont01 {padding:40px;}


}


@media screen and (max-width:767px){ 
.page_0201_cont01 {padding: 25px 20px 50px 20px; flex-wrap:wrap; gap: 8px;border-radius: 10px;}
.page02_input {margin-left:0;}
.page02_select, .page02_input, .page02_btn{font-size:13px;padding: 0 15px;height: 45px;line-height: 45px;border-radius: 8px;}
.page02_btn i img {width:20%}
.page02_txt  {font-size:12px;}
.select_wrap {width:100%; max-width:none;}
.page02_table {display:none;}
.page02_list ul {margin-top:20px;}
.page02_list li {width:100%;}

.page02_list li a{font-size: 13px;}

.jb_board_con{padding: 50px 0 50px 0;}
}


/*상품 상세 페이지*/

.prod_wrap {padding:30px 50px; border: 1px solid #ededed; border-radius:20px;}
.prod_tit {    display: flex; align-items: center; justify-content: space-between;}
.prod_tit h2 i{width:6px; height:20px; background:#09847f; display:inline-block; margin-right:20px; }
.prod_num {margin-left:26px; margin-top:15px;}
.de_img_box {width:400px;}
.de_cont_list {width:calc(100% - 424px);}
.prod_detail_list {display:flex; justify-content: space-between; margin-top:32px;}
.prod_detail_list li dl {display:flex; gap:2px;} 
.prod_detail_list li dl + dl {margin-top:2px;}
.prod_detail_list li dl dt {display: flex;align-items: center;justify-content: center;width:232px; background:#ededed; text-align:center; height:auto; line-height:53px; box-sizing:border-box;}
.prod_detail_list li dl dd {width:calc(100% - 232px); background:#f8f8f8; box-sizing:border-box;padding: 14px 20px;line-height: 160%;word-break: keep-all;}

.prod_de_cont02 {margin-top: 50px;width: 100%; overflow-x: auto; overflow-y: hidden; }
.prod_de_table {width:100%;    white-space: nowrap; border-collapse: collapse;border-top: 1px solid #000;}
.prod_de_table thead  {background:#f8f8f8; border-bottom: 1px solid #333;}
.prod_de_table thead tr th {font-size: 1rem; font-weight:600; font-family:'Pretendard Variable'; padding: 18px 15px;}

.prod_de_table tbody tr {border-bottom:1px solid #ddd;}
.prod_de_table tbody tr td {text-align:center; font-size:1rem; font-family:'Pretendard Variable'; color:#333; padding: 18px 15px; font-weight:400;}



/*.count-wrap {border:1px solid #ddd;display: flex; align-items: center; justify-content: space-evenly;}
.count-wrap *{padding: 5px;}
.inp {width:58px; outline:none;  text-align:center; border-right:1px solid #ddd; border-left:1px solid #ddd; border-top:none; border-bottom:none;}*/

.count-wrap{display: flex;align-items: center;}
.count-wrap .inp, .count-wrap button{margin-left: -1px;outline: none;}
.count-wrap .inp{max-width: 50px;line-height: 28px;border:1px solid #ccc;padding: 0 10px;font-size: .975rem;}
.count-wrap button{display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;border:1px solid #ccc;}

.de_btn_list {display: flex;gap: 10px;margin-top: 35px;white-space: nowrap;  border-collapse: collapse;}
.de_btn_list li button{width:226px; height:56px; line-height:56px; text-align:center; border-radius: 5px; font-size:1rem; font-weight: 700;}
.de_btn_list li:nth-of-type(1) button {background:#09847f; color:#fff;}
.de_btn_list li:nth-of-type(2) button {border:1px solid #dddddd; color:#333;}
/*.de_btn_list li:nth-of-type(3) button {border:1px solid #dddddd; color:#333;}*/
.de_btn_list li:last-child button {background:#10302f; color:#fff;}

ul.tabs {display:flex; margin-top:80px;}
ul.tabs li{width:calc((100% - 5px*2)/3); margin-right:5px; cursor: pointer; background:#f7f7f7; color: #222; padding:13px 20px; text-align:center; border-bottom:1px solid #9b9b9b;}
ul.tabs li:nth-of-type(3) {margin-right:0;}
ul.tabs li.current{background: #fff; border-top: 3px solid #09847f; border-bottom:none;}
.tab-content.current{ display: inherit;}
.tab-content{display: none; padding-top:25px;}
.tab-content p {color:#666;}

#sit_tab{margin: 50px 0;}
#sit_tab .tab_tit li button{height: 50px;line-height: 50px;font-weight: 400;}
#sit_tab .tab_con{padding: 30px 0;}
#sit_inf_explan, #sit_inf_explan *{line-height: 150% !important;font-family:'Pretendard Variable' !important;word-break: keep-all !important;font-weight: 400;}
#sit_inf_explan b, #sit_inf_explan b *{font-weight: 700 !important;}

#sit_rel h2{display: none;}

@media screen and (max-width:1220px){ 
.prod_detail_list {flex-wrap:wrap;}
.de_img_box figure img {width:100%;}
.prod_detail_list li {width:100%; margin:0;}
.prod_detail_list li + li {margin-top:20px;}
.prod_detail_list li dl dt {width:200px;font-size: 13px;}
.prod_detail_list li dl dd {width:calc(100% - 200px);}
.prod_wrap {padding:15px;}
}


@media screen and (max-width:767px){ 
.prod_detail_list{margin-top: 20px;}
.prod_detail_list li dl dt {width: 70px;}
.prod_detail_list li dl dd {width:calc(100% - 70px); padding:11px;}
.prod_wrap {padding: 20px;}
.prod_tit h2{display: flex;align-items: center;}
.prod_tit h2 i {margin-right: 8px;}
.prod_num {margin-left: 14px;margin-top: 5px;}
}





/*장바구니*/

.cart_list_table_wrap {width: 100%; overflow-x: auto; overflow-y: hidden;} 
.j_cart_list span b {color:#09847f;}
.cart_list_table {width:100%; margin-top: 13px; min-width:1400px;}
.cart_list_table thead {background:#f8f8f8;}
.cart_list_table thead tr th {padding: 15px 0; border: 1px solid #ccc;border-top: 1px solid #000;font-size: 1rem;}
.cart_list_table tbody {border-bottom:1px solid #ddd;}
.cart_list_table tbody tr td.pro_name_td {}
.cart_list_table tbody tr + tr {border:1px solid #ddd;}
.cart_list_table tbody tr td {border:1px solid #ddd;padding: 13px;}
.pro_name_list li {display:inline-block; vertical-align:middle;}
.pro_name_list li h2 {  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; width:330px;}

.pro_name_list li + li {margin-left:10px;}
.pro_name_list li button {margin-bottom:3px;}
.option_cart {border-right:1px solid #ddd;}

.option_cart_list li {display:flex; box-sizing:border-box;}
.option_cart_list li p {max-width:515px; margin-right:25px; padding: 0 8px;}
.option_cart_list li + li {border-top:1px solid #ddd;}
.option_cart_list li button {margin-left:15px;  }
.option_cart_list li button img {max-width:none;}

.option_cart_list .chang_op {display:block;width:90px;height:40px;line-height:40px; text-align:center; border:1px solid #ddd; text-align:center;color: #343434;font-size: .9375rem;font-weight: 400;    border-radius: 5px;
    overflow: hidden;    cursor: pointer;}
.option_cart_list.en .chang_op {width:90px; height:50px; text-align:center; border:1px solid #333; text-align:center; display: flex; align-items:center; line-height:unset;}

.total_cart {text-align:right; margin-top:55px;}
.total_cart p i {color:#09847f;}

.cart_sub_btn {display:flex; justify-content:center; margin-top: 50px;}
.cart_sub_btn li button {width:226px; height:56px; line-height:56px; text-align:center; color:#fff; background:#09847f; border-radius: 5px;}
.cart_sub_btn li:nth-of-type(2) button {background:#fff; border: 1px solid #ddd; color:#333; margin-left: 10px;}





@media screen and (max-width:767px){ 

	.cart_list_table {min-width: 1000px;}
	.total_cart {margin-top:20px;}
	.cart_sub_btn {margin-top:35px;}
	.cart_sub_btn li button {width:140px;}
}

.o_popup_img {height:300px; cursor:pointer;}


/* 240119 O */
o_w_100 {width: 100%;}
o_w_75 {width: 75%;}
o_w_50 {width: 50%;}
o_w_25 {width: 25%;}

/*2024.01.31 - Mobile*/
#sit_use_wbtn a, #sit_qa_wbtn a{font-weight: 600;}
#sit_dvex h3{font-weight: 500;text-align: left;padding: 15px;margin: 0 0 15px;}
#sit_dvr{margin: 0 0 15px;}

.cart_list_table tbody tr td .j_pret{font-size: 1rem !important;font-weight: 500;}

.pro_name_list{display: flex;align-items: center;justify-content: space-between;}
.pro_name_list li{margin: 0 !important;}
.pro_name_list li:first-child{display: flex;align-items: center;gap: 15px;width: calc( 100% - 14px );}
.pro_name_list li img{display: block;}
.pro_name_list li h2{width: calc( 100% - 114px );}

#ctOpt-wrap{justify-content: space-between;padding-bottom: 15px;margin-bottom: 12px;border-top: none;border-bottom: 1px solid #eee;}
#ctOpt-wrap:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
#ctOpt-wrap .j_pret{width: 90%;}
#ctOpt-wrap .ctOpt-info{display: block;font-weight: 400;line-height: 160%;word-break: keep-all;}
#ctOpt-wrap .ctOpt-del{display: flex;align-items: center;gap: 15px;position: relative;}
#ctOpt-wrap .ct_del img{display: block;}

.pop_change_btn{position:relative;display:block;}
.pop_change{position:absolute;top: 100%;right: 0;background:#fff;border: 1px solid #ddd;padding: 10px;z-index:9999;display:none;}
/*.pop_change .close{position:absolute;right:10px;top:10px;background:#fff;}*/

.changeInner{display: flex;gap: 3px;align-items: center;}
.changeInner button, .changeInner input{border: 1px solid #ddd;margin: 0 !important;border-radius: 4px;overflow: hidden;height: 26px;line-height: 24px;}
.changeInner button.minus, .changeInner button.plus{width: 26px;display: flex;align-content: center;justify-content: center;}
.changeInner button.qty_change{width: 50px;;font-size: 13px;padding: 0 10px;white-space: nowrap;font-weight: 500;}
.changeInner input{width: 60px;padding: 0 13px;font-size: 13px;}
.changeInner img{margin-left: 5px;}

.total_cart{margin-top: 30px;}
.total_cart i{margin-left: 15px;margin-right: 5px;}
.total_cart p{font-weight: 600;}

#quoWrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 9999;display: none;}
#quoInner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;width: 90%;max-width: 1380px;max-height: 85%;overflow-y: scroll;background: #FFF;}

@media screen and (max-width: 1080px){ 

	.de_btn_list li{width: calc( ( 100% - 30px ) / 4 );}
	.de_btn_list li button{display: block;width: 100%;}
}

@media screen and (max-width: 960px){ 

	#quoInner{max-height: 95%;}
}

@media screen and (max-width: 767px){ 

	#sit{width: 100%;}
	.prod_wrap{border-radius: 15px;}

	.prod_de_cont02{margin-top: 30px;}

	.de_btn_list{gap: 5px;margin-top: 30px;}
	.de_btn_list li{width: calc( ( 100% - 15px ) / 4 );}
	.de_btn_list li button{height: 45px;line-height: 45px;}

	#sit_inf_explan, #sit_inf_explan *{font-size: 13px !important;word-break: break-all !important;}
}

/*--- 2024.02.01 - 주문 폼 ---*/
#orderWrap{max-width: 1400px;width: 92%;margin: 40px auto;margin-bottom: 50px;}
#orderWrap .j_inner{width: 100% !important;}

#orderWrap #sod_frm_orderer, #orderWrap #sod_frm_taker, #orderWrap #sod_frm_orderer .tbl_wrap, #sod_frm_pay{padding: 0;}
.sod_right #sod_bsk_tot, #sod_frm .btn_confirm{margin: 0;}

#orderWrap .pro_name_list li:first-child{width: 100px;}
#orderWrap .pro_name_list li:nth-child(2){width: calc( 100% - 100px );padding-left: 15px;}

#orderWrap .option_cart_list li{line-height: 160%;padding: 10px 0;}
#orderWrap .option_cart_list li div{width: 100%;font-size: .9375rem !important;font-weight: 400;color: #454545;}

#orderWrap #sod_frm_orderer, #orderWrap #sod_frm_taker{margin-top: 40px;}

#orderWrap #sod_frm{display: flex;justify-content: space-between;gap: 60px;}
#orderWrap #sod_frm .sod_left{width: calc( 100% - 440px );}
#orderWrap #sod_frm .sod_right{width: 380px;margin-top: 40px;position: relative;height: inherit;}
#sodSticky{position: sticky;top: 15px;left: 0;}

#sod_frm_taker{border-top: none;}
#sod_frm_orderer, #sod_frm_taker{padding-bottom: 15px !important;}
#sod_frm_orderer h2, #sod_frm_taker h2, #orderWrap .sod_right>div>h2{font-size: 1.5rem;font-weight: bold;padding-bottom: 13px;margin-bottom: 13px;border-bottom: 2px solid #000;margin-top: 0;}

#sod_frm_orderer table, #sod_frm_taker table{font-size: .9375rem;}
#sod_frm_orderer table th, #sod_frm_taker table th, #sod_frm_orderer table td, #sod_frm_taker table td{padding: 12px 15px;}
#sod_frm_orderer table th, #sod_frm_taker table th{width: 140px;text-align: left;font-weight: 500;vertical-align: middle;}
#sod_frm_orderer table td, #sod_frm_taker table td{width: calc( 100% - 140px );}

#orderWrap input[type=text], #orderWrap input[type=password]{height: 45px;line-height: 43px;font-size: .9375rem;padding: 0 15px;min-width: 250px;border: 1px solid #dbdbdb;font-weight: 400;outline: none;}
#orderWrap input[type=text]:focus, #orderWrap input[type=password]:focus{border-color: #000;}

#orderWrap .frm_info{font-size: 13px;font-weight: 400;}

#orderWrap .btn_address{background: #000;border-color: #000;height: 45px;line-height: 43px;font-size: .9375rem;padding: 0 15px;border-radius: 4px;overflow: hidden;}

#orderWrap .btn_frmline{display: none;}
#orderWrap .order_choice_place input[type=radio]{width: 20px;height: 20px;margin-right: 5px;}
#orderWrap .order_choice_place label{margin-right: 15px;font-weight: 400;}

#orderWrap #ad_default{margin-left: 10px;margin-right: 3px;}

#orderWrap #od_memo{border: 1px solid #dbdbdb;font-weight: 400;outline: none;min-height: 150px;resize: vertical;padding: 13px 15px;}

#sod_bsk_tot{padding-bottom: 20px;}
#sod_bsk_tot ul li{display: flex;font-weight: 400;justify-content: space-between;margin-bottom: 13px;}
#sod_bsk_tot ul li:last-child{margin-bottom: 0;}
#sod_bsk_tot ul li span{font-weight: 500;}

#sodSticky .sodBox{border: 1px solid #ddd;padding: 24px;border-radius: 5px;overflow: hidden;}

#sod_frm_pay table{display: none;}

#od_tot_price{display: flex;font-weight: 400;justify-content: space-between;font-size: 1.25rem;font-weight: 600;padding: 20px 0;border-bottom: 1px solid #f3f3f3;}
#sod_frm_pt_alert{margin: 20px 0;font-size: .9375rem;font-weight: 400;line-height: 150%;}

#sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYCO{background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_lpay{background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_kakaopay{background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .naverpay_icon{background:url('../../../img/ico-default-naverpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .bank_icon{background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .vbank_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .iche_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .hp_icon{background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff}
#sod_frm_paysel .card_icon{background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff}

#sod_frm_paysel{display: flex;flex-wrap: wrap;gap: 5px;}
#sod_frm_paysel .lb_icon{border-radius: 5px;overflow: hidden;border-color: #ddd;width: calc( ( 100% - 5px ) / 2 );font-size: .9375rem;font-weight: 400;}

#display_pay_button{margin-top: 14px !important;}
#display_pay_button>*{font-size: .9375rem !important;}

#settle_bank{margin-top: 8px;font-size: .9375rem !important;padding: 13px;}

#od_deposit_name{box-shadow: none !important;display: block;width: 100%;}

#orderWrap .option_cart{padding-top: 0 !important;padding-bottom: 0 !important;}

@media screen and (max-width: 960px){ 

	#orderWrap{margin: 20px auto;margin-bottom: 30px;}
	#orderWrap .mbTitle{font-size: 22px;margin-bottom: 10px;}
	#orderWrap>.j_pret{font-size: 13px;}
	
	#orderWrap .cart_list_table, #orderWrap .cart_list_table thead, #orderWrap .cart_list_table tr, #orderWrap .cart_list_table th, #orderWrap .cart_list_table td{display: block;width: 100%;}
	#orderWrap .cart_list_table{width: 100%;min-width: 100% !important;border-top: 1px solid #000;}
	#orderWrap .cart_list_table thead th{display: none;}
	#orderWrap .cart_list_table thead tr th{font-size: 13px;padding: 10px 0;line-height: 150%;}
	#orderWrap .cart_list_table tbody tr td .j_pret{width: 100%;}
	#orderWrap .cart_list_table tbody tr td.pro_name_td h2.j_pret{font-size: 14px !important;font-weight: 600;}
	#orderWrap .cart_list_table tbody tr td.texc{display: none;}
	#orderWrap .cart_list_table .pro_name_list li img, #orderWrap .cart_list_table .pro_name_list li figure, #orderWrap .pro_name_list li:first-child{width: 80px;height: auto !important;}
	#orderWrap .pro_name_list li:nth-child(2){width: calc( 100% - 80px );}

	#orderWrap .sod_list .li_name, #orderWrap .sod_list .li_op_wr, #orderWrap .sod_list .li_prqty{display: none;}
	#orderWrap .sod_list .total_price{margin-left: 0;margin-right: 0;padding: 15px 13px;}
	#orderWrap .sod_list .total_price span, #orderWrap .sod_list .total_price strong{font-size: 14px;font-weight: 800;}
	#orderWrap #m_sod_bsk_tot dt, #m_sod_bsk_tot dd{font-size: 13px;}
	#orderWrap #m_sod_bsk_tot .sod_bsk_cnt strong{color: #FFF;}

	#orderWrap .odf_list label, #orderWrap .odf_list strong{font-size: 14px;font-weight: 600;}
	#orderWrap .odf_list li{margin-top: 13px;}
}

/*--- 2024.02.01 - 주문 폼 ---*/
#sod_fin_no{background: #000;color: #fff;border: 2px solid #000;font-size: 1rem;font-weight: 500;margin: 0;}
#sod_fin_no strong{font-size: 1rem;font-weight: 500;}

#sodPrice{display: flex;justify-content: space-between;color: #000;background: #f4f4f4;font-size: 1.13rem;font-weight: 600;padding: 18px 20px;margin-top: 15px;margin-bottom: 30px;border-radius: 4px;}
#sod_fin_pay, #sod_fin_orderer, #sod_fin_receiver, #sod_fin_dvr{margin-left: 0;margin-right: 0;margin-bottom: 20px;border: none;}

#sod_fin_view h3, #sod_fin_tot h2{font-size: 1.25rem;font-weight: 700;}

#sod_fin_view .odf_tbl{padding: 0;}
#sod_fin_view table th, #sod_fin_view table td{font-size: .9375rem;padding: 13px 0 13px 13px;}
#sod_fin_view table th{font-weight: 500;width: 130px;}
#sod_fin_view table td{font-weight: 400;}

#sod_fin_tot{margin-left: 0;margin-right: 0;}

#sod_fin_tot ul{border: none;}
#sod_fin_tot li{margin-bottom: 5px;background: #f4f4f4;font-size: 1.13rem;font-weight: 500;padding: 18px 20px;border-radius: 4px;}
#sod_fin_tot #alrdy{border: none;background: #000;color: #FFF;}

#sod_fin_cancel{margin: 0;margin-top: 30px;}
#sod_fin_cancel button{padding: 18px 20px;height: auto;border-radius: 4px;font-weight: 600;color: #999;}

@media screen and (max-width: 720px){ 
	
	#sodPrice{margin-bottom: 15px;}

	#sod_fin_view table th, #sod_fin_view table td{font-size: 13px;padding: 10px 0 10px 10px;line-height: 150%;}
	#sod_fin_view table th{width: 100px;}

	#sod_fin_tot li, #sod_fin_cancel button{padding: 12px 15px;font-size: 14px;}
	#sod_fin_cancel{margin-top: 15px}
}