@charset "UTF-8";

/*헤더*/
#tnb { background:#fff !important; font-family: 'Pretendard', sans-serif;   }
#tnb ul.left li { font-size:15px; font-weight:700; float:left; height:44px; width:120px;text-align:center; vertical-align:middle; padding:12px 0 }
#tnb ul.left li.home { background:#EA5413; }
#tnb ul.left li.home a {  color:#fff }

#tnb ul.left li.shop { background:#FFDD40; }
#tnb ul.left li.shop a {  color:#222 }

#tnb #hd_qnb a {  color:#222; font-weight:600 }
#hd_qnb li:last-child { margin-top:10px; margin-bottom:0 }
#tnb #hd_qnb span.cart-count{ display:inline-block; background:#FFDD40; border-radius:50%;  padding:5px 10px; font-weight:bold; font-size:11px}
@media (max-width: 768px) {
	#tnb ul.left li { width:50% }
	#tnb .container { padding:0 }
	#tnb #hd_qnb { padding:0 }
}
/* 가운데영역 */
.container{max-width: 1040px; padding: 0 20px; margin: 0 auto;}

/*공통*/
.m-br { display: none;}
.mr-br { display: inline;}

@media (max-width: 768px) {
    .m-br {
        display: block;
    }
	.mr-br { display: none;}
}
.imgBox img {display:block; max-width:100%; height:auto;}
span.red { color:#ff0000 !important }

/* 제목 */
.titleBox{text-align: center;}
.titleBox .title{font-family:'Noto Sans KR', sans-serif;display: inline-block; margin-bottom: 7px; padding: 10px; font-size: 30px; color: #fff; border: 1px solid #fff; border-width: 1px 0;}
.titleBox .text01{margin-bottom: 2.5vw; font-size: 56px; color: #48ff00; font-family: 'a타이틀고딕4'; line-height: 1.2; word-break: keep-all;}
.titleBox .text02{font-size: 20px; color: #fff; font-weight: 700; line-height: 1.3;}
.titBox{text-align: center;}
.titBox .tit{padding: 0 20px; position: relative; display: inline-flex; align-items: flex-end;  gap: 0 10px; justify-content: center; padding-bottom: 20px; margin-bottom:50px; font-size: 24px; font-weight: 700; color: #000; text-align: center;  letter-spacing: -2px;}
.titBox .tit::before{content: ''; height: 16px; position: absolute; left:0; bottom: 4px; right:0; background: url(../img/line.png) no-repeat bottom center;}
.titBox .tit span{position: relative; margin-top: -5px; padding: 0 10px; font-size: 55px; font-family: 'Cafe24Shiningstar'; line-height: 1; z-index: 1; font-weight: 400;}
.titBox .tit span::after{content: '';  position: absolute; top:7px; left:0; right:0; bottom: 7px; background-color: #b5f951; z-index: -1;}


@media (max-width: 767px){
.titleBox .title { font-size:20px }
}
/* 영역1 */
#section01{height: 100vh;}
#section01 img{width: 100%; height: 100%; object-fit: cover;}
#section01 img.m{display: none;}

@media (max-width: 767px){

  #section01{height: auto;}
  #section01 img.pc{display: none;}
  #section01 img.m{display: block;}
}

/* 영역2 */
#section02{padding: 95px 0; background-color: #363AC9;}

#section02 .infoText{font-size: 24px; color: #d8ff00; text-align: center; font-weight: 700;}
#section02 .text02{margin-bottom: 65px;}
#section02 .text01{color: #eaff00;}
#section02 .box{margin-bottom: -20px;}
#section02 .box:last-child{margin-bottom: 0;}
#section02 .titBox .tit{margin-bottom: 0; color: #fff;}
#section02 .titBox .tit span{position: relative; color: #000;}
#section02 .titBox .tit span::before{content: ''; width: 42px; height: 37px; position: absolute; top:-20px; left:-31px; background: url(../img/icon_star.png)no-repeat center / contain;}

@media (max-width: 1199px){

  #section02{padding: 7.92vw 0 4.17vw; }
  #section02 .text02{margin-bottom: 5.42vw; font-size:1.3em}
  #section02 .titBox .tit span::before{ width: 3.50vw; height: 3.09vw;  top:-1.67vw; left:-2.59vw; background: url(../img/icon_star.png)no-repeat center / contain;}
  #section02 .titBox .tit span{ font-size:10vw }
  #section02 .titBox .tit { font-size:3.5vw }
  #section02 .text01 { font-size: 40px }
}

@media (max-width: 767px){

  #section02 .box{margin: 0;}
  #section02 .infoText{font-size: 4vw;}

}

/*영역 3*/
#section03{padding: 55px 0; background-color: #3D00AE;}
@media (max-width: 1199px){
	#section03{padding: 25px 0; }
}

/* 영역4 */
#section04{position: relative; padding: 145px 0 0;  height: 1261px; background: url(../img/content04_bg.jpg)no-repeat center / cover;}
#section04 .text01{color: #fffc00;}
#section04 .titleBox{margin-bottom: 30px;}
#section04 .box01{margin-bottom: 30px;}
#section04 .bg{position: absolute; top:0; left:0; right:0; bottom: 0; z-index: -1;}
#section04 .titleBox{margin-bottom: 30px;}
#section04 .list{max-width: 720px; margin: 0 auto; margin-bottom: 50px;}
#section04 .list li{display: flex; height: 89px; margin-bottom: 11px; box-shadow: 0 10px 4px rgba(0, 0, 0, .7);}
#section04 .list li:last-child{margin-bottom: 0;}
#section04 .list li span{width: 97px; height: 89px; line-height: 85px; font-size: 55px; color: #b4ff00; background-color: #000; text-align: center; font-weight: 900;}
#section04 .list li p{display: flex; align-items: center; justify-content: center; position: relative; width: 100%; font-size: 32px; color: #000; font-weight: 900; background-color: #fff!important; letter-spacing: -1px;}
#section04 .list li p strong{margin-top: -7px; font-size: 60px; font-weight: 800; line-height: 1;}
#section04 .list li:nth-child(odd) p{background-color: #b4ff00!important;}
#section04 .text{font-weight: 700; color: #fff; font-size: 30px; text-align: center;}
#section04 .text span{font-family: 'a타이틀고딕4'; font-size: 80px; font-weight: 400;}
#section04 .text span strong{color: #fffc00; font-weight: 400;}

@media (max-width: 1199px){

  #section04{ padding: 12.09vw 0 0;  height: 105.17vw; background: url(../img/content04_bg.jpg)no-repeat center / cover;}
  #section04 .titleBox{margin-bottom: 2.50vw;}
  #section04 .box01{margin-bottom: 2.50vw;}
  #section04 .bg{ top:0; left:0; right:0; bottom: 0; }
  #section04 .titleBox{margin-bottom: 2.50vw;}
  #section04 .list li p strong{margin: 0; font-size: 2.67vw;}
  #section04 .list{max-width: none; margin-bottom: 4.17vw;}
  #section04 .list li{ height: 9.42vw; margin-bottom: 0.92vw; box-shadow: 0 0.83vw 0.33vw rgba(0, 0, 0, .7);}
  #section04 .list li:last-child{margin-bottom: 0;}
  #section04 .list li span{width: 9.09vw; height: 9.42vw; line-height: 9.09vw; font-size: 4.59vw;    }
  #section04 .list li p{width: 100%; font-size: 2.67vw;   background-color: #fff!important; letter-spacing: -0.08vw;}
  #section04 .list li:nth-child(odd) p{background-color: #b4ff00!important;}
  #section04 .text{  font-size: 2.50vw; }
  #section04 .text span{ font-size: 6.67vw; }
  #section04 .text01 { font-size:40px }
  
  #section04 .text::after{content: ""; display: block; clear: both;}
  #section04 .list li p strong { font-size:4vw }
}

@media (max-width: 767px){

  #section04{height: 140vw;}
  #section04 .list li p{font-size: 4vw;}
  #section04 .text{font-size: 3.5vw;}

} 

/* 영역5 */
#section05 .titleBox{padding: 90px 0 0;}
#section05{background-color: #fff;}
#section05 .title{color: #000; border-color: #000;}
#section05 .text01{margin-bottom: 25px; color: #ff5400;}
#section05 .text02{color: #000; font-size: 30px;}
#section05 .text02 span{color: #12d61b;}
#section05 .text03 {color: #ff7800; font-size: 40px; font-weight:700; padding-top:30px; text-decoration:underline;text-underline-offset:10px}
#section05 .airBox .box{padding: 40px 0;}
.service-list{
    display:flex;
    flex-wrap:wrap;
	margin:0px auto;
	max-width:700px;
	justify-content:center
}

.service-list .item{

    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    font-size:30px;
    font-weight:700;
}

.service-list .item img{
    width:28px;
    margin-right:5px;
	
	margin-left:15px;
}
@media (max-width: 1199px){

  #section05 .titleBox{padding: 4.59vw 0 0; }
  #section05 .text01{ font-size:40px;margin-bottom: 2.09vw; }
  #section05 .text02{ font-size: 4vw;}
  #section05 .text03{ font-size: 5.30vw;text-underline-offset:3px}
  #section05 .airBox .box{padding: 5.84vw 0;}
.service-list .item{font-size:3.00vw;}
}

/* 영역6 */
#section06 .titleBox{padding: 90px 0 0;}
#section06{background-color: #87DE20;}
#section06 .title{color: #fff; border-color: #fff;}
#section06 .text01{margin: 20px 0 40px 0; color: #3D00AE;}
#section06 .box  { height:110vh;  }
#section06 .box ul { max-width:800px; margin:0px auto }
#section06 .box ul li{  margin-bottom:30px }
#section06 .box ul li:last-child{   }
@media (max-width: 1199px){
	#section06 .text01 { font-size:40px }
	#section06 .box  { height:70vh;  }
}


/*영역7*/
#section07{padding: 55px 0; background-color: #3D00AE;}
@media (max-width: 1199px){
	#section07{padding: 25px 0; }
}

/* 영역8 */
#section08 .titleBox{padding: 90px 0; background-color:#EFF7E3}
#section08 { background-color: #fff;}
#section08 .title{color: #000; border-color: #000;}
#section08 .text01{margin-bottom: 25px; color: #ff5400;}
#section08 .text02{color: #000; font-size: 40px;}
#section08 .text03{color: #5FC730; font-size: 40px; font-weight:700}
#section08 .box  { max-width:788px; margin:0px auto;padding-top:110px }
#section08 .box .imgBox img{ margin:0px auto }
#section08 .box .titBox .tit{font-size:30px; align-items:flex-start }
#section08 .box .txtBox .smTxt{font-size: 20px; color: #000; font-weight: 700; line-height: 1.3; margin-bottom:15px }
#section08 .box .txtBox .bTxt{font-size: 31px; color: #000; font-weight: 700; line-height: 1.3; }

@media (max-width: 1199px){
	#section08 .text01 { font-size:40px }
	#section08 .text02 { font-size:25px }
	#section08 .text03 { font-size:25px }
	#section08 .titBox .tit span {display:inline-block;  font-size:10vw; }
	#section08 .titBox .tit { display:block; font-size:20px; }
	#section08 .box .titBox .tit { font-size:25px; }
	#section08 .box .txtBox .smTxt { font-size:15px }
	#section08 .box .txtBox .bTxt { font-size:23px }
	
}

/* 영역9 */
#section09 .container{ display:flex;max-width:788px; text-align:left; padding-bottom:90px}
#section09 .container .left{ width:70%}
#section09 .titleBox{padding: 90px 0 0;}
#section09{background-color: #9CB7C7;}
#section09 .title{color: #000; border-color: #000; text-align:left; }
#section09 .text01{margin: 25px 0; color:#DEFF00; font-size:54px}
#section09 .text02{color: #fff; font-size: 24px;}
#section09 .text02 strong{display:inline-block;color:#fffc00; background:#02336A; padding:0 3px}

@media (max-width: 1199px){
	
	#section09 .container{ display:block; }
	#section09 .container .left{ width:100%; }
	#section09 .container .left p.text02 { z-index:1;  }
	
	#section09 .container .left::before {
		content: '';
		position: absolute;
		right: 0;
		bottom: 0;

		width: 250px;
		height: 300px;

		background: url('../img/content09.png') no-repeat center center;
		background-size: contain;

		opacity: 0.2;
		filter: blur(1px);

		z-index: 20;
	}
	#section09 .container .imgBox{ display:none}

}

/* 영역10 */
#section10 {padding: 90px 0}
#section10 .article_box .container{max-width:788px; }
#section10 .titleBox{}
#section10 {background-color: #fff;}
#section10 .title{color: #000; border-color: #000;}
#section10 .text01{margin: 25px 0; color: #0054ff;}
#section10 .text02{color: #000; font-size: 30px;}
#section10 .text02 span{color: #0077bd;}
#section10 .imgBox { margin:0px auto}
#section10 .txtBox .smTxt{font-size: 20px; color: #000; font-weight: 700; line-height: 1.3; text-align:center }
#section10 .txtBox .bTxt{font-size: 31px; color: #000; font-weight: 700; line-height: 1.3; text-align:center; margin:30px 0}
#section10 .txtBox .bTxt strong{color: #0066ff; }

@media (max-width: 767px){
	#section10 .text01 { font-size:40px }
	#section10 .text02 { font-size:25px }
	#section10 .txtBox .smTxt { font-size:17px; text-align:left; line-height:1.5}
	#section10 .txtBox .bTxt{ font-size:23px }
}

/* 영역10 */
#section11{ padding: 80px 0 ;  background: url(../img/content11_bg.png)no-repeat center / cover;}
#section11 .container{ display:flex}
#section11 .right .item_info  { margin-left:10px}
#section11 .right .item_info .item_name { font-family:'Pretendard', sans-serif;font-size:27px; margin-top:10px; font-weight:800}

#section11 .right .item_info .price_box {  font-family:'Pretendard', sans-serif; margin-top:20px; border-top:1px solid #fff }
#section11 .right .item_info .price_box dl { display:flex; align-items:center;padding:15px 0; font-size:22px}
#section11 .right .item_info .price_box dl dt { margin-right:50px }
#section11 .right .item_info .price_box dl dd { font-weight:900 }
#section11 .right .item_info .price_box dl.wonga dd  { text-decoration: line-through;text-decoration-color: red;  }
#section11 .right .item_info .price_box dl.discount  { border-top:1px solid #fff;padding:0 }
#section11 .right .item_info .price_box dl.discount dd { font-size:50px; color:#ff0000;  }
#section11 .right .item_info .price_box::after { content:''; display:block; clear:both }

#section11 .right .item_info  button {font-family:'Pretendard', sans-serif;  font-size:30px; font-weight:900; border:0; background:#fff600; padding:20px 35px; border-radius:2px; box-shadow:5px 4px 20px 0px; margin-top:30px }
#section11 .right .item_info  button span{ color:#299d00 }

@media (max-width: 767px){
	#section11 .container{ display:block}
	#section11 .left{ margin-bottom:10px;}
	#section11 .left .imgBox{ width:80%; margin:0px auto}
	#section11 .right .item_info .item_name { font-size:23px }
	#section11 .right .item_info .price_box dl.discount dd { font-size:40px }
	#section11 .right .item_info  .btn_box { text-align:center;   }
	#section11 .right .item_info  .btn_box button { font-size:25px   }
}

/* 푸터 */

#footerWrap{padding: 26px 0; background-color: #000;}
#footerWrap p{font-size: 12px; font-weight: 300; color: #bebebe; line-height: 1.4;}
#footerWrap p a{ color: #bebebe;}
#footerWrap .footerBox{padding: 0 20px;}

@media (max-width: 767px){

  #footerWrap{padding: 2.17vw 0; }
  #footerWrap .footerBox{padding: 0 1.67vw;}
  #footerWrap p{font-size: 1.6vw; line-height: 1.4;}

}

@media (max-width: 767px){


  #footerWrap p{font-size: 2.5vw;}

}

/*쇼핑몰*/
#sit_title { font-family:'Pretendard', sans-serif; }
.sit_btn_buy { background:#EA5413 !important; border:1px solid #EA5413 }
#sit_buy .btn_cart_op { display:none }
#sit_buy .btn_close { display:none }
#sod_bsk { padding-top:30px; max-width:950px; margin:0px auto}
#sod_bsk_act { position:relative !important }
#sod_bsk .btn_del_wr { margin-left:0 !important }
#mod_option_frm .btn_confirm .btn_submit { width:100px !important}
#sct_sort_m { display:none !important}
.pc_oderinquiry { display:block }
.m_oderinquiry {display:none }
.table-scroll-guide { display:none }
.qa_mobile { display:none }
.qa_pc { display:block }
@media (max-width: 767px){ 

	#sit_title { font-family:'Pretendard', sans-serif; }
	#sit_ov_wrap { width:100%; padding:15px; display:flex; flex-direction:column; box-sizing:border-box }
	#sit_pvi_big img { max-width:100% }
	#sit_pvi, #sit_pvi_big, #sit_pvi_thumb, #sit_ov, #sit_ov_btn button, #sit_tab .tab_tit li { float:none }
	#sit_ov { width:100%; margin-top:40px }
	.sit_btn_wish { display:none }
	#sit_ov_btn { display:flex }
	#sit_ov_btn button { width:100% }
	#sit_buy { display:block; width:100%; position:fixed; left:0px; bottom:0; z-index:99; background:#fff;  }
	.sit_order_btn { display:flex; gap:10px }
	.sit_order_btn .sit_btn_cart { margin-bottom:0 }
	.sum_section { border-top:1px solid #ddd }
	.sit_buy_inner { display:none; border-top:1px solid #dcdcdc }
	#sit_buy .btn_cart_op { display:block; width:100%; border-radius:0; height:50px; line-height:40px; }
	#sit_buy .btn_close {position:absolute;top:-25px;left:50%;width:60px;height:25px;margin-left:-30px;border:1px solid #000;border-bottom:0;background:#fff;border-radius:3px 3px 0 0}
	
	#sit_tab .tab_tit { display:flex; justify-content:space-between }
	#sit_tab .tab_tit li { font-size:0.9em  }
	#sit_tab .item_use_count, #sit_tab .item_qa_count { display:none }
	#sit_pvi_thumb li { float:left }
	#sit_pvi_big #popup_item_image { display:none }
	
	#sod_bsk_list #mod_option_frm { width:100% !important; margin-left:0 !important; left:0 !important; }
	
	#sct_location { left:5px}
	#sct_sortlst { position:relative;margin-top:20px }
	
	.lists-row  { display:flex; flex-wrap:wrap; }
	.lists-row .col-row-3 { width:50% }
	
	#sct_sort { display:none }
	#sct_sort_m { display:block }
	
	#sct_sort_m {clear:both}
	#sct_sort_m:after {display:block;visibility:hidden;clear:both;content:""}
	#sct_sort_m h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
	#sct_sort_m button {height:40px;line-height:40px;border:0;padding:0 10px;background:#fff;border-right:1px solid #f8f8f8}
	#sct_sort_m ul:before {content:"";position:absolute;top:-8px;left:30px;width:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #bbb transparent}
	#sct_sort_m ul:after {content:"";position:absolute;top:-7px;left:30px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
	#sct_sort_m ul {display:none;position:absolute;border:1px solid #bbb;z-index:99}
	#sct_sort_m li {border-top:1px solid #eee}
	#sct_sort_m li a {display:block;text-align:center;color:#666;background:#fff;border-color:#e9e9e9;padding:0 15px;line-height:40px}
	
	#sct_lst {position:absolute;top:0;right:0;padding:0;list-style:none}
	#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
	#sct_lst li {position:relative;float:left}
	#sct_lst button {position:relative;padding:0;width:40px;height:40px;border:0;background:#fff;font-size:15px;color:#999}
	.sct_cart { display:none !important }
	.sct_40 .sct_cost { position:relative; right:0 }
	.sct_img img { width:150px; height:150px }
		
		
		
		
	.sod_left, .sod_right { float:none; width:100% !important }
	#sod_fin, .sod_frm_mobile { padding-top:30px; }
	#sod_frm section h2 { padding-top:0 !important; padding-left:0 !important }
	.sod_right { padding:50px 0 }
	.pc_oderinquiry { display:none }
	.m_oderinquiry {display:block }
	#sod_chk {margin:10px}
	.sod_list {margin:10px 0}
	.sod_list .sod_li {background:#fff;border-bottom:1px solid #e5e5e5;margin:10px 0}
	.sod_list .li_name {font-size:1.083em}
	.sod_list .li_op_wr {position:relative;padding:10px 10px 0 110px;min-height:90px}
	.sod_list .li_op_wr .chk_box {position:absolute;top:10px;left:10px}
	.sod_list .total_img {position:absolute;top:10px;left:35px}
	.sod_list .mod_options {padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#606060;background:#fff;line-height:24px;margin:5px 0 0;font-size:0.923em}
	.sod_list .li_prqty {padding:10px ;border-top:1px solid #f8f8f8}
	.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''}
	.sod_list .li_prqty_sp {float:left;width:50%;display:block;line-height:20px;padding:0 5px;text-align :right}
	.sod_list .li_prqty_sp span {float:left;color:#696969}
	.sod_list .prqty_sc,.sod_list .prqty_price {border-right:1px solid #e5e5e5}
	.sod_list .total_price {background:#f2f7ff;display:block;clear:both;margin:0 10px 10px;text-align:right;padding:5px 10px;line-height:20px}
	.sod_list .total_price span {float:left}
	.sod_list .total_price strong {font-size:1.25em;color:#3a8afd}
	.sod_opt {padding:5px 10px 5px 35px}
	.sod_opt li {color:#777;margin:3px 0;line-height:1.3em}
	.sod_opt li:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd}
	.sod_opt .opt_name:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd}

	#sit_opt_added {margin:0;padding:0;border-bottom:0;background:#fff;list-style:none}
	#sit_opt_added li {padding:10px 15px;margin:5px 0;border:1px solid #e6e9ed;background:#f9f9f9;position:relative}
	#sit_opt_added li .opt_name {line-height:18px;padding:0 30px 5px 0;display:block}
	#sit_opt_added li .opt_count {}
	#sit_opt_added li .opt_count:after {display:block;visibility:hidden;clear:both;content:""}
	#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #c1cdde;background:#fff;color:#666;font-size:0.92em}
	#sit_opt_added button:hover {color:#000}
	#sit_opt_added .num_input {float:left;border:0;height:30px;width:40px;border-top:1px solid #dee3eb;border-bottom:1px solid #dee3eb;text-align:center}
	#sit_opt_added .sit_opt_del {border:0;font-size:15px;background:#fff;margin-left:3px;position:absolute;top:0;right:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed}
	#sit_opt_added .sit_opt_del:hover {color:#be334a}
	#sit_opt_added .sit_opt_prc {float:right;display:block;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}
	
	#m_sod_bsk_tot{background:#4a505a;color:#fff;}
	#m_sod_bsk_tot:after{display:block;visibility:hidden;clear:both;content:""}
	#m_sod_bsk_tot dt{float:left;width:40%;padding:10px ;line-height:20px;clear:both}
	#m_sod_bsk_tot dd{float:left;width:60%;padding:10px;text-align:right;line-height:20px}
	#m_sod_bsk_tot .sod_bsk_cnt{font-weight:bold;margin-top:5px;line-height:25px;background:#212a37}
	#m_sod_bsk_tot .sod_bsk_cnt strong{color:#3a8afd;font-size:1.25em}
	
	#smb_my { padding-top:30px }
	#smb_my_ov { display:flex; flex-wrap:wrap; width:100% !important; float:none !important;  }
	#smb_my_ov h3{ display:none }
	#smb_my_ov .smb_me { width:50% }
	#smb_my_ov #smb_private { width:50%; border-bottom:1px solid #e8e8e8 }
	#smb_my_ov .op_area { width:100% }
	.withdrawal { width:100%; text-align:center}
	#smb_my_od {  }
	#smb_my_list { width:100% !important; margin-top:30px;  }
	#smb_my_list .tbl_head03  { overflow-x:scroll  }
	#smb_my_list .tbl_head03 table { width:1000px;  }
	
	#sod_v { padding-top:30px }
	#sod_v .tbl_head03  { overflow-x:scroll  }
	#sod_v .tbl_head03 table { width:1000px;  }
	
	.list_02 ul { display:flex;flex-wrap:wrap; gap:5px }
	.list_02 li { float:none !important; width:48% !important; margin:0 !important }
	.list_02 li .sod_ws_img{ width:auto !important }
	.list_02 li .sod_ws_img img { max-width:100% !important }
	.table-scroll-guide{
		display:flex;
		align-items:center;
		justify-content:center;
		gap:8px;
		margin:10px 0;
		padding:10px;
		background:#fff8e1;
		border:1px solid #ffd54f;
		border-radius:6px;
		color:#d84315;
		font-size:14px;
		font-weight:600;
		animation:guideBlink 1.5s infinite;
	}

	.table-scroll-guide .fa-hand-o-right{
		font-size:18px;
		animation:moveHand 1s infinite alternate;
	}

	.table-scroll-guide .fa-arrows-h{
		font-size:16px;
	}

	@keyframes moveHand{
		from{
			transform:translateX(-3px);
		}
		to{
			transform:translateX(6px);
		}
	}

	@keyframes guideBlink{
		0%,100%{
			opacity:1;
		}
		50%{
			opacity:.7;
		}
	}
	
	.qa_mobile { display:block }
	.qa_pc { display:none }
	#bo_list li {background:#fff}

	#bo_list .li_stat {float:right;display:inline-block;height:25px;padding:0 10px;border-radius:15px;margin-top:3px}
	#bo_list .txt_rdy {background:#ccd1d9;color:#fff;line-height:23px;border-radius:3px}
	#bo_list .txt_done {background:#f6bb42;color:#fff;line-height:25px;border-radius:3px}

	#bo_list .li_info {line-height:28px;color:#666;position:relative} 
	#bo_list .li_info:after {display:block;visibility:hidden;clear:both;content:""}
	#bo_list .profile_img img {border-radius:50%}
	#bo_list .li_sbj {display:block;font-weight:bold;margin:5px 0;font-size:1.083em}

	#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
	#bo_v { padding-top:30px }
}