/*title*/
.tit03{font-size: 25px; color:#000; position: relative; padding-left: 12px;padding-bottom: 25px; clear: both;}
.tit03::after{content: ''; display: block; clear: both; width: 5px; height:25px; background: #003a7a; position: absolute; top:0; left: 0;}
.tit04{font-size:18px;  text-align: left; margin-top: 30px; margin-bottom: 10px; padding-left:19px ; color: #0a478a;  background: url(../img/blit01.png)no-repeat;  }

.tit04_01{font-size:17px;  text-align: left; margin-top: 30px; margin-bottom: 10px; padding-left:10px ; color: #0a478a;  line-height: 24px; }
.tit05 {font-size:30px; padding-top:40px; display: block;  margin: 0 auto; text-align:left; color: #003a7a; padding-left: 40px;}
.hellow_tit{font-size:38px; line-height: 45px; padding-top:40px; display: block;  margin: 0 auto; text-align:center; color: #003a7a;}
#sub_content .join_tit{ font-size:36px;  padding-top:50px; display: block; width:100%; margin: 0 auto; text-align: center;}
.tab_tit{text-align: center; font-size: 35px; margin-top:50px; margin-bottom:40px;}
h3.tab_anc_tit{text-align:center; font-size:24px; margin-bottom:38px; color:#014c9f;}
.tab_anc_tit_2{text-align:center; font-size:18px; margin-bottom:38px; }
/*txt*/
.bold_red{font-weight: bold; color:red;}

.mid_red{color:red;}








/*content*/
#sub_wrap{border-top:1px solid #ccc; }
#contents_wrap{width:1200px; height:auto; margin: 0 auto; display: block; }
#contents_wrap .cate_tit{ display:block; height:47px; width: 196px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;  
overflow: hidden;
}
#contents_status_bar{position: relative; width:1198px; height: 47px; border-left:1px solid #ccc ; border-right: 1px solid #ccc; border-bottom: 1px solid #e6e6e6;}
.sub_gnb_position{position: absolute; right: 20px; top:0;
line-height: 47px;}
.sub_gnb_position a{font-size: 12px; color:#676565; font-family: '돋움','Dotum', sans-serif; letter-spacing: -0.08em;pointer-events: none;}
.sub_gnb_position img{vertical-align: middle;}
.sub_gnb_position span{font-size: 12px;family: '돋움','Dotum', sans-serif; color:#676565; padding: 0 3px;}

#sub_content{float: left; width: 1001px; border-left:1px solid #ccc; border-right: 1px solid #ccc; margin-left: -1px; padding-bottom: 6%;}


/*product_list_top*/

#product_list_top{ }
#product_list_top .sub_pduclist_tit{font-size: 34px; font-weight: bold; text-align: center; margin-top: 56px;  margin-bottom:30px; }
#product_list_top #group_list_wrap{position: relative; width:95%; margin: 0 auto; height: 30px; }
.sub_pduclist_total::after{content:''; display: block; clear: both;}
.sub_pduclist_total{float: left; margin-top: 15px;}
.group_list{float: right; margin-top: 15px;}
.group_list li{ float:left; padding: 0 10px; position: relative;}
.group_list li:first-child::after{content: none;}
.group_list li::after{content:''; display: block; clear: both; width: 1px; height: 14px; background: #282828; position: absolute; top:2px; margin-left: -10px;}
.group_list li span{display: block; width: 2px; float: left; padding-right: 12px;}
.group_list li a{font-size: 14px; color:#282828;}
.group_list li a.on{font-size: 14px; color:#014c9f; font-weight: bold;}

/*카테고리*/
#sub_nav #category{width:198px; height:auto; display: block; float: left;border-left:1px solid #ccc;
 -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
box-sizing:border-box;}

#sub_nav #category .cate_box ul li{ width:50%;
     -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
    box-sizing: border-box; height: 100px; float: left; display: block; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center;
}

#sub_nav #category .cate_box ul li:hover {background-color:#f4f4f4;}
#sub_nav #category .cate_box ul li a{font-size: 15px; color: #282828; line-height: 18px; letter-spacing: -0.09em; }
.cate_box ul li span{padding-bottom: 7px; display: block; text-align: center;}
.cate_box ul li .cate_img{margin-top: 29px;}
.cate_box ul li .cate_img01{ margin-top: 25px; }
.cate_box ul li .cate_img02{ margin-top: 20px; }




/*제품_list*/
#sub_tabwrap{width: 95%; margin: 0 auto;}
#sub_product .product_list{width: 100%; display: inline-block; text-align: center; margin-top: 20px;}

#sub_product .product_list li {width:29.3%; height: 420px; float: left; padding:2%; text-align: center;}
#sub_product .product_list li .Pro_img{border: 1px solid #cdcdcd; overflow: hidden; width: 100%; height:60%;}
#sub_product .product_list li .Pro_img a img{ width: 100%;}
#sub_product .product_list li h3 a{ font-size: 20px; color:#333333; padding: 20px 0 10px 0; display: block;  line-height: 26px; font-weight: 600; letter-spacing: -0.09em;}
#sub_product .product_list li p{font-size: 14px; line-height: 18px; letter-spacing: -0.05em;}
#sub_product .product_list li .price{
    font-size:22px; color:#ae1c23; font-weight: bold; display: inline-block; margin-top: 13px;}

#tab_button li a.on{background: #014c9f; display: block; color: #fff; }
#tab_button_02 li a.on{background: #014c9f; display: block; color: #fff; }
#tab_button_03 li a.on{background: #014c9f; display: block; color: #fff; }
#tab_button_04 li a.on{background: #014c9f; display: block; color: #fff; }
#tab_button li{ float:left; position:relative; 
    width:20% !important;border-right: 1px solid #014c9f; border-top:1px solid #014c9f; 
     -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
    box-sizing: border-box; text-align: center; border-bottom: 1px solid #014c9f;}
	#tab_button:after{content:""; clear: both; display: block;}
#tab_button li:first-child{border-left:1px solid #014c9f; }
#tab_button li a{  width: 100%;
    height: 43px;
	display:inline-block;
    line-height: 43px;
    font-size: 17px;
    color:#282828; text-decoration:none;}

#tab_button_02:after{content:""; clear: both; display: block;}
#tab_button_02{width:60%; text-align: center; clear: both; display: block; margin: 0 auto;}
#tab_button_02 li{ float:left; position:relative; 
    width:50%;border-right: 1px solid #014c9f; border-top:1px solid #014c9f; 
     -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
    box-sizing: border-box; text-align: center; border-bottom: 1px solid #014c9f;}
#tab_button_02 li:first-child{border-left:1px solid #014c9f; }
#tab_button_02 li a{  width: 100%;
    height: 43px;
	display:inline-block;
    line-height: 43px;
    font-size: 17px;
    color:#282828; text-decoration:none;}
	
	#tab_button_03:after{content:""; clear: both; display: block;}
#tab_button_03{width:80%; text-align: center; clear: both; display: block; margin: 0 auto; font-size: 0;}
#tab_button_03 li{display: inline-block; position:relative; 
    width:calc(90%/3);border-right: 1px solid #014c9f; border-top:1px solid #014c9f; 
     -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
    box-sizing: border-box; text-align: center; border-bottom: 1px solid #014c9f;}
#tab_button_03 li:first-child{border-left:1px solid #014c9f; }
#tab_button_03 li a{  width: 100%;
    height: 43px;
	display:inline-block;
    line-height: 43px;
    font-size: 17px;
    color:#282828; text-decoration:none;}



#tab_button_04:after{content:""; clear: both; display: block;}
#tab_button_04{width:100%; text-align: center; clear: both;}
#tab_button_04 li{ float:left; position:relative; 
    width:25%;border-right: 1px solid #014c9f; border-top:1px solid #014c9f; 
     -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
    box-sizing: border-box; text-align: center; border-bottom: 1px solid #014c9f;}
#tab_button_04 li:first-child{border-left:1px solid #014c9f; }
#tab_button_04 li a{  width: 100%;
    height: 43px;
	display:inline-block;
    line-height: 43px;
    font-size: 17px;
    color:#282828; text-decoration:none;}








.tab_sub_wrap{width: 100%; display: block; text-align: center; margin-top: 20px;}
.tab_sub_wrap #tab_sub li{width:20%; display: inline-block; }
.tab_sub_wrap #tab_sub li a{ display: block; padding: 10px 30px; font-size: 18px; color:#555;}

.tab_sub_wrap #tab_sub li a.on{ color: #e61926;}


.tab2_button_outer{width: 100%;}
ul#tab2_button{width: 500px; display: block; margin: 0 auto;}
#tab2_button li a.on{background: #014c9f; display: block; color: #fff; }
#tab2_button li{ float:left; position:relative; 
    width:50%;border-right: 1px solid #014c9f; border-top:1px solid #014c9f; 
     -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
    box-sizing: border-box; text-align: center; border-bottom: 1px solid #014c9f;}
	#tab2_button:after{content:""; clear: both; display: block;}
#tab2_button li:first-child{border-left:1px solid #014c9f; }
#tab2_button li a{  width: 100%;
    height: 43px;
	display:inline-block;
    line-height: 43px;
    font-size: 17px;
    color:#282828; text-decoration:none;}




/*죽방멸치란?*/
.tabs_anc 

.tabs_anc #tab_button li{ float:left; position:relative; 
    width:20%;border-right: 1px solid #014c9f; border-top:1px solid #014c9f; 
     -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
    box-sizing: border-box; text-align: center; border-bottom: 1px solid #014c9f;}
	#tab_button:after{content:""; clear: both; display: block;}
.tabs_anc #tab_button li:first-child{border-left:1px solid #014c9f; }
.tabs_anc #tab_button li a{  width: 100%;
    height: 43px;
	display:inline-block;
    line-height: 43px;
    font-size: 17px;
    color:#282828; text-decoration:none;}
.anc_tit_blue{color:#014c9f; line-height: 30px; font-size:18px; }
.tabs_anc #tab_button li.is-active{background: #014c9f; display: block;}
.tabs_anc #tab_button li.is-active a{ color: #fff!important; }
.tabs_anc #tab_button li a.on{background: #014c9f; display: block; color: #fff !important; }
.tab_anc_txtarea{width: 95%; height: auto; margin: 0 auto; padding:50px 0;  font-size: 15px; line-height:23px;}

.tab_anc_img img{width: 100%; margin: 0 auto; padding-top: 30px;}
.tab_anc_img_2 {width: 100%; margin: 0 auto;  text-align:center;}
.tab_anc_img_2 img{width:20%;  margin: 0 auto; padding-top: 30px;}


@media screen and (max-width: 750px) {
    #tab_anc_txtarea{font-size: 14px;}
    .tabs_anc #tab_button li a{font-size: 15px;}
    h3.tab_anc_tit{font-size: 20px; line-height: 28px;}
}

@media screen and (max-width: 680px) {
    .tabs_anc #tab_button li{ margin-bottom: 5px;}
    #tab_button li{float: none; width: 95%; margin: 0 auto; border-left:1px solid #014c9f; }
    .tab_anc_txtarea{padding: 30px 0;}
}


/*이용후기, Q&A*/
.suv_tblTit{font-size:20px; color:#003a7a; display: block; border-bottom:2px solid #dedede;width:80px;line-height:35px; font-weight: bold; margin-bottom: 20px;}
.tbl_st01{width: 100%; margin-bottom: 12px;}
.tbl_st01 caption{display: none;}
.tbl_st01 thead tr{border-top:2px solid #003a7a; border-bottom: 1px solid #949191; }
.tbl_st01 thead th{padding: 14px 0;}
.tbl_st01 tbody tr{border-bottom: 1px solid #dedede; color:#555;}
.tbl_st01 tbody td{text-align: center; padding: 14px 10px; font-size: 14px; vertical-align: middle;}
.tbl_st01 tbody td a{color:#1a1a1b;}
.tbl_st01 .td_txt_le{text-align: left; padding-left: 6%;}
.writing_list{height:40px;}
.writing_list a{display: block;text-align: center; float: right; padding: 10px 20px; background:#f0eeee; color: #000; font-size: 15px; }
.writing_list a:first-child{margin-left: 5px;}
.writing_list a.on{background:#003a7a; color:#fff; }
/*페이지버튼*/
.pagin{ text-align: center; margin:20px 0;}
.pagin .pagin_num{margin:0 5px; }
.pagin .pagin_num.on{ display:inline-block;width:25px; height: 25px; background:#003a7a; color:#fff; line-height: 25px; }
.pagin .pagin_le_arrow{padding-right: 10px;}
.pagin .pagin_ri_arrow{padding-left: 10px;}

/*************회원가입************/
/*로그인*/
#login_sec01{height:260px;}
#login_sec01 h3{text-align: center; margin-bottom:40px;}
#login_sec01 > div {width: 303px; height: 80px; margin: 0 auto;}
#join01_01{  height: auto; padding-top: 68px; padding-bottom: 65px; background: url(../img/login_bg.png)repeat-x bottom; }
#login_sec01 > div > form > div{float: left; display:block;}
#login_sec01 input[type="text"], #login_sec01 input[type="password"]{
padding:0 9px; width: 160px; height: 35px; border: 1px solid #d2edf2; margin-right: 10px;
}
#login_sec01 input[type="text"]{margin-bottom: 6px;}
#login_sec01 input[type="password"]{
padding:0 9px; width: 160px; height: 35px; border: 1px solid #d2edf2; margin-right: 10px;
}
#login_sec01 .login_btn{float: left; width:112px; height: 78px; background: #0a478a;
color: #fff; text-align: center; line-height: 78px; font-size: 18px; border: 0; -webkit-border: 0; -webkit-appearance:none; 
}
#login_sec02{text-align: center;}
#login_sec02 span{display:inline-block; font-size:16px; font-weight: bold; color: #3c3c3d; padding-right: 50px; }
#login_sec02 a{display:inline-block;  width:97px; height: 30px; border:1px solid #e6e6e6; background: #fff; line-height: 30px; font-size:14px; color: #0d0d0d;  }
#login_sec03{text-align: center; margin:50px 0; }
#login_sec03 span{display:inline-block; font-size:16px; font-weight: bold; color: #3c3c3d; padding-right: 70px;}
#login_sec03 span.login_sec03_sn{color:#0a478a; padding-right: 0;}
#login_sec03 a{display:inline-block;  width:124px; height: 40px; background: #508620; line-height: 40px; font-size:16px; color: #fff; }

#login_sec04{text-align: center; background: #f5f8fa; padding-top:50px; padding-bottom: 80px; }
#login_sec04 h3{ font-size: 28px; display: block; line-height: 45px; color: #0a478a; font-weight: bold;}
#login_sec04 > span{color: #010101; font-size: 16px; line-height: 20px; padding-bottom:30px; display: block;}
#login_sec04 > div {width: 320px; height: 80px; margin: 0 auto;}
#login_sec04 > div > form >div{float: left; display:block;}
#login_sec04 input[type="text"], #login_sec04 input[type="password"]{
padding:0 9px; width: 160px; height: 35px; border: 1px solid #ddd; margin-right: 10px;
}
#login_sec04 input[type="text"]{margin-bottom: 6px;}
#login_sec04 .login_btn{float: left; width:130px; height: 78px; background:#f0f0f0;
color: #010101; text-align: center; line-height: 78px; font-size: 16px; border:1px solid #dddddd;
}

@media screen and (max-width:580px){
#login_sec02 span{display: block;padding-right:0; margin-bottom:10px;}
#login_sec03 span{display: block;padding-right:0; margin-bottom:10px;}
#login_sec03 span.login_sec03_sn{display: inline-block;}
#login_sec04 > span{font-size: 14px;}
.regist01 table tbody tr td input{margin-bottom: 5px;}
.regist01 table tbody tr td select{margin-bottom: 5px;}

}

/*이용약관/개인정보수집 및 이용에 대한 안내*/
#agree_wrap{width: 90%; margin: 0 auto;}
#agree_wrap> .agree>div{background:#efefef; text-align:center; padding:7px; margin-bottom: 20px;}
#agree_wrap> .agree>div>textarea{ width: 95%; height: 190px; padding: 20px; background: #fff; font-family:'Dotum','돋움', sans-serif; color: #616161; font-size: 12px; line-height: 16px; border: 0;  }
#agree_wrap> .agree .agreecheck_area{   width: 100%;  text-align: center; margin-bottom:50px;}
#agree_wrap> .agree .agreecheck_area span{ padding: 0 20px;}


/*이메일무단수집거부*/
#email_privacy_wrap{ margin-top: 50px; margin-bottom: 110px;}
#email_privacy{ width:85%; margin: 0 auto; padding:25px 30px; margin-top: 30px; background: #f4f6f8;}
#email_privacy h4{font-size: 20px; color:#014c9f; padding-bottom: 15px; line-height: 28px; font-weight: bold;}
#email_privacy p{line-height: 18px; font-size: 14px; padding: 8px 0;}
#email_privacy img{ margin: 0 auto;}

/*회원가입축하*/
#hellow_wrap{ width:85%; margin: 0 auto; text-align: center;}
#hellow_wrap img{margin-bottom: 20px;}
#hellow_wrap p{font-size: 18px; line-height: 25px;  }

/*오시는길*/
#map_wrap{width:900px;height:400px; margin:0 auto; margin-top: 40px;}
#map_box{position: absolute; top:0; left: 0; z-index: 3; width: 100%; height: 100%; background: rgba(0,0,0,0.5); transition: all .2s linear 0s; }
.map_txt{background: #fff; position: relative; width: 400px; height: 120px; margin: 0 auto; margin-top: 95px; padding: 60px 0; text-align: center;}
.map_txt .map_tit{font-size: 21px;   }
.map_txt p{margin-top: 7px;}
#mapClose_btn{position: absolute; top: 10px; right: 10px;}
#mapClose_btn .map_btn{width: 17px; height: 18px; cursor: pointer; background: url(
../img/close_btn.png)no-repeat;}


/*회사소개*/
#company_intro_wrap{width: 92%; margin: 0 auto;}
#company_intro .intro_txt{line-height: 24px; padding-top:50px; width: 95%;  margin: 0 auto;}
#company_intro .intro_img{text-align: center; padding-top:50px;}




/*회원가입*/
#member{ width: 90%; margin: 0 auto; }
#member .orange{font-size: 18px; color:#0a478a; font-weight: bold; margin-top: 30px;}
.regist_wrap .regist01{text-align: left;}
.regist_wrap .regist01 caption{text-indent: -99999px;}
.regist01 > table{width: 100%;}
.regist01 > table > tbody > tr{padding:10px 0; display: block; border-bottom: 1px solid #eee;}
.regist01 > table > tbody > tr:first-child{border-top:1px solid #376f99;}
.regist01 table tbody tr th{ width:150px; font-size: 15px;}
.regist01 table tbody tr th span{color:#ff0000; padding-right:6px;}
.regist01 table tbody tr td input{border: 1px solid #d2edf2;  padding: 5px 0;}
.regist01 table tbody tr td select{border: 1px solid #d2edf2; height: 29px;}
.regist01 table tbody tr td .post_btn{ background: #0a478a;border:1px solid #0a478a; color: #fff; letter-spacing: -0.05em; padding:0 10px; line-height: 25px; }
.regist01 table tbody tr td .phone{width: 100px; margin: 0 5px;}
.regist01 table tbody tr td .phone:first-child{ margin-left: 0;}
.join_btn{text-align: center; margin-top: 30px;}
.join_btn a{ font-size:17px; color: #fff; display:inline-block; background:#508620; padding: 12px 35px; line-height: 18px;}
.join_btn a:first-child{background: #0a478a ; margin-right:5px;}

@media screen and (max-width:530px) {
    .regist01 table tbody tr td .phone{margin:2px 0;}
    .regist01 table tbody tr th{ line-height: 20px;}
}

/*아이디/비밀번호 찾기*/
#findid_wrap{ width: 95%; margin: 0 auto; margin-top: 50px; }
#findid_wrap .find_txt_box{ background: #fbfdfd; padding: 30px; width: 90%; margin: 0 auto;}
#findid_wrap .find_txt_box .find_txt{font-size: 20px; line-height: 30px; font-weight: 600; color:#0a478a;}
.find_txt02{padding-top:6px; }
.findid{ width: 45%; float: left; margin: 0 2%; padding-top: 20px;}

.findid table caption{text-indent: -99999px;}
.findid table{}
.findid table > tbody > tr:first-child{ border-top:1px solid #376f99;}
.findid table > tbody > tr{display: block; border-bottom:1px solid #eee; }
.findid table > tbody > tr th{padding: 10px 12px; background: #fbfdfd; width: 110px; font-size: 15px; line-height:20px; text-align: left;}
.findid table > tbody > tr td{padding: 10px 0; }
.findid table tbody tr td input{border: 1px solid #d2edf2; padding: 5px 0; margin-left:10px;}
.findid table tbody tr td select{border: 1px solid #d2edf2;  margin-left:10px; height: 29px;}
.findid table tbody tr td .post_btn{ background: #0a478a; color: #fff; letter-spacing: -0.05em; padding:0 15px; line-height: 27px; display: block; font-size: 15px; margin-left: 10px; }

@media screen and (max-width:970px) {
    .findid{float: none; width: 100%;}   
}


/****************주문/배송조회*****************/

#inquiry{width: 90%; margin: 0 auto; }
#inquiry .inquiry_wrap{ width: 60%; float: left; margin-right: 5%; display: block;}

.order_info{width:100%; display: block; }
.order_info caption{ text-indent: -99999px;}
.order_info > tbody > tr:first-child{ border-top:1px solid #376f99;}
.order_info > tbody > tr{display: block; border-bottom:1px solid #eee; }
.order_info > tbody > tr th{padding: 10px 12px; background: #fbfdfd; width: 110px; font-size: 15px; line-height:20px; text-align: left;}
.order_info > tbody > tr td{padding: 11px 0; }
.order_info tbody tr td input{border: 1px solid #d2edf2; padding: 5px 0; margin-left:10px;}
.order_info tbody tr td select{border: 1px solid #d2edf2;  margin-left:10px; height: 29px;}
.order_info tbody tr td .post_btn{ background: #0a478a; color: #fff; letter-spacing: -0.05em; padding:0 21px; line-height: 27px; display: block; font-size: 15px; margin-left: 15px; border:1px solid #0a478a;  }

#inquiry .inquiry_info{ width: 30%; float: left; padding: 20px; border:1px solid #d2edf2; margin-top: 25px; background: #f4f4f44f; }
#inquiry .inquiry_info p{line-height: 25px; font-size: 14px; width: 90%; margin: 0 auto;  }
#inquiry .inquiry_join{ display: block; margin-top: 30px;}
#inquiry .inquiry_join a{ background: url(../img/ask_member.png)no-repeat; padding: 15px 60px;  color:#000;}

@media screen and (max-width:950px) {
    #inquiry .inquiry_wrap{float: none; width: 100%; margin-right: 0;}
    #inquiry .inquiry_info{ float: none; width: 94%; padding: 3% }
}

@media screen and (max-width:520px) {
    .order_info > tbody > tr th{padding:10px 2px;}
    .order_info tbody tr td .post_btn {margin-left:5px; padding:0 5px;}
    .order_info tbody tr td input {width: 100px;}

}

/*장바구니*/
#shipping_cart{width: 92%; margin: 0 auto; margin-top: 30px; }
#shipping_cart .basket_btn01{padding:5px 10px; background: #014c9f; color: #fff; border:1px solid #014c9f; margin-right: 4px;}
#shipping_cart .basket_btn02{padding:5px 10px; background: #eee; color: #333; border:1px solid #eee;}
#shipping_cart .basket_total{ text-align: right; font-size: 20px; }
#shipping_cart #total_price{ font-size:18px; color:#f00;}
#shipping_cart .basket_btn{text-align: center;}
#shipping_cart .basket_btn p{margin: 50px 0;}
#shipping_cart .basket_btn p a{padding: 7px 12px; background:#014c9f;  color: #fff; font-size: 15px;}
#shipping_cart .basket_btn p a.basket_btn04{background:#5e9c27; }
#shipping_cart .basket_btn p a.basket_btn05{background:#b51b24; }
#shipping_cart #quantity_28{ height: 26px; width: 40px; vertical-align: middle;}
.quantity28{float: left;}
.quantity28_up{height:32px; width: 22px; border:1px solid #5e9c27; background: #5e9c27; padding: 0 !important; color:#fff; font-weight: bold;}
.quantity28_down{height:32px; width: 22px; border: 1px solid #014c9f; background:#014c9f; color:#fff; padding: 0 !important; font-weight: bold;}


/*장바구니->결제하기*/
.order_from{width:52%; float: left; margin: 20px 0;}
.payment_wrap{
    width: 42%; float: right; 
}
.payment{ border: 1px solid #ccc; padding: 8%; margin-bottom: 5%; margin-top: 10%; line-height: 28px;}
.oder_tit{font-size: 23px; padding-bottom: 15px; color: #003a7a;}
.payment_total{  padding: 8%; margin-bottom: 5%; background: #003a7a; color:#fff; height: 82px;}
.payment_total .pay_total03{width: 40%; float: left; font-size: 15px;padding: 5px 0;
}
.payment_total .pay_total04{width: 40%; text-align: right; float: right; font-size: 15px; padding: 5px 0;}
.payment_total .pay_total01{width: 40%; float: left; padding: 10px 0; font-size: 20px;}
.payment_total .pay_total02{width: 40%; float: right; padding: 10px 0; font-size: 22px; text-align: right;}
.payment_check{  line-height: 24px; margin-bottom: 5%; padding-bottom: 12px; border-bottom: 1px solid #ccc;}
.payment_radio .radio{padding: 2% 0; display:inline-block;}
.payment_btn{}
.payment_btn .btn01{float: left; display: block; width: 45%; padding: 12px 0; margin: 0 2%; background:#003a7a; border: 1px solid #003a7a; color:#fff; font-size: 18px;  }
.payment_btn .btn02{float: left; display: block; width: 45%; padding: 12px 0; margin: 0 2%;
background: #508620; border: 1px solid #508620; color: #fff; font-size: 18px;}

.order_from caption{text-indent: -99999px;}
.order_from table{ margin-bottom: 20px;}
.order_from table > tbody > tr:first-child{ border-top:1px solid #376f99;}
.order_from table > tbody > tr{display: block; border-bottom:1px solid #eee; }
.order_from table > tbody > tr th{padding: 10px 12px; background: #fbfdfd; width: 110px; font-size: 15px; line-height:20px; text-align: left;}
.order_from table > tbody > tr td{padding: 10px 0; }
.order_from table tbody tr td input{border: 1px solid #d2edf2;  margin-left:10px; height: 27px;}
.order_from table tbody tr td select{border: 1px solid #d2edf2;  margin-left:10px; height: 29px; }
.order_from table tbody tr td .post_btn{ background: #0a478a; color: #fff; letter-spacing: -0.05em; padding:0 15px; line-height: 27px; display: block; font-size: 15px; margin-left: 10px; }
.order_from table tbody tr td .postal_code{ background: #0a478a; border: 1px solid #0a478a; color:#fff;  padding: 3px 10px;  font-size: 15px; }
.order_from .address{width: 80%; float: none; margin-bottom:5px;}

#mobile1, #mobile2, #mobile3{width: 86px; margin-left: 0; margin: 0 5px;}
#mobile1:first-child{margin-left: 10px;}
#recipient_mobile1, #recipient_mobile2, #recipient_mobile3{width:86px; margin-left: 0; margin: 0 5px;}
#recipient_mobile1:first-child{margin-left: 10px;}
.order_from table tbody tr td textarea#comment{margin-left: 10px; height: 50px; width:265px; display: block; padding: 5px;border: 1px solid #d2edf2; line-height: 20px; }
/*************주문상세보기*************/
.order_full_wrap{margin-top: 40px; width:90%; margin:0 auto; }
.order_full caption{text-indent: -99999px;}
.order_full table{ margin-bottom: 20px; width: 100%;}
.order_full table > tbody > tr:first-child{ border-top:1px solid #376f99;}
.order_full table > tbody > tr{border-bottom:1px solid #eee; }
.bor_ri_eee{border-right: 1px solid #eee; width: 100px;}
.order_full table > tbody > tr th{padding: 10px 12px; background: #fbfdfd; width: 110px; font-size: 15px; line-height:20px; text-align: left; border-right:1px solid #eee;}
.order_full table > tbody > tr td{padding: 10px 8px; }



/***********주문완료***************/

#order_finish{width: 84%; margin: 0 auto; padding: 3%; background-color:#fbfdfd; text-align: center; display: block;}
#order_finish01{width: 80%; margin: 0 auto; padding: 6%; background-color:#fbfdfd; text-align: center; display: block;}
#order_finish01:after{content: ''; display: block;clear: both; height: 0;}
#order_finish p{line-height: 30px;}
.order_fi_txt01{font-size: 23px; color:#0a3769;}
.order_fi_txt02{}

/*아이디/비밀번호 찾기*/
.id_btn {text-align: center; margin-top: 30px;}
.id_btn ul li{display:inline-block;}
.id_btn .id_btn01{ padding: 10px 30px; background: #014c9f; color: #fff; font-size: 15px;display: block; margin-right: 5px;}
.id_btn .id_btn02{ padding: 10px 12px; background: #5e9c27; color: #fff; font-size: 15px;display: block; }

/*list*/
#list_wrap{ width: 92%; margin: 0 auto; margin-top: 30px;}
.search_box{width:100%; height: 85px; background: #fbfdfd; text-align: center; padding-top:30px;}
.search_box legend, legend{visibility: hidden;}


.search_box .select_area{border:1px solid #d2edf2; height: 30px; }
.search_box .text_area{border: 1px solid #d2edf2; padding: 7px 0;}
.btn_search01{ padding: 0 50px; line-height: 29px; color: #ccc; border:1px solid #0a478a; background: #0a478a; color: #fff;  margin-left: 3px;}

/********검색결과********/
.lookUp_wrap{width:93%; margin: 0 auto; margin-top: 30px;}
.search_inform .look_h1{font-weight: bold; color:#ae1c23; font-size:20px; }
.search_inform .look_h2{font-weight: bold; color:#175498; font-size:18px; }



/**************************하단**************************/

/*개인정보처리방침/이용안내/이용약관*/

#privacy_wrap{width: 90%; margin: 0 auto; padding-top: 20px;}
#privacy_wrap> .privacy>div{background:#efefef; text-align:center; padding:7px; margin-bottom: 20px;}
#privacy_wrap> .privacy>div>textarea{ width: 95%; height: 500px; padding: 20px; background: #fff; font-family:'Dotum','돋움', sans-serif; color: #616161; font-size: 12px; line-height: 16px; border: 0;  }











/*************************서브반응형*****************************/

@media screen and (max-width:1200px) {
#sub_wrap #contents_wrap, #contents_status_bar{width:100%; border-left: 0; border-right: 0;}
#contents_wrap .cate_tit{display: none;}  
#header_wrap #header{ height:88px;}
#sub_wrap{border-top:0;}
#sub_nav #category{width:100%;}
#sub_nav #category .cate_tit{width:99.5%;}  
#sub_nav #category .cate_box ul li{width: 25%;}
 #sub_nav #category .cate_box ul li:nth-child(4){border-right: 0;}
#sub_nav #category .cate_box ul li:last-child{border-right: 0;}
   
  #sub_content{width: 100%; border:0;} 
 
    #contents_status_bar{height: 40px;}   

}

@media screen and (max-width:1050px){
    .order_from{width: 100%; float:none;}
    .payment_wrap{width: 100%; float:none;}
    .payment{margin-top:4%;  margin-bottom:3%; }
    .payment_total{ margin-bottom:2%; padding:5%; }
}

@media screen and (max-width:900px){
    #map_wrap{width: 100%;}
    .map_txt{width: 80%;}
    #company_intro .intro_img img{width: 100%;}
    #company_intro .intro_img{padding-top:30px;}
    #shipping_cart .basket_btn01{display: block; margin-bottom: 5px; margin-right: 0; font-size: 13px;}
    #shipping_cart .basket_btn02{display: block; font-size: 13px;}
}

@media screen and (max-width:800px){
    .tab_sub_wrap #tab_sub li{width: 32%;}
}

@media screen and (max-width:732px){
 #sub_product .product_list li { padding:3% ;  width:44%;}
    .tbl_st01 thead th{font-size: 15px; padding: 12px 0;}   
    .tbl_st01 tbody td{font-size: 13px; padding: 11px 0; line-height: 16px;}
}



@media screen and (max-width:640px){
#sub_product .product_list li .Pro_img{ height:50%;}
     .writing_list a{padding: 7px 10px; font-size: 14px;}   
    .btn_search01{padding: 0 20px;}
    .search_box .text_area{width: 120px;}
	#main_product .product_list li .price{font-size:18px;}

}

@media screen and (max-width:530px){
#sub_product .product_list li .Pro_img{ height:50%;}
     #shipping_cart .basket_btn p a{padding: 10px; display: block; margin-bottom: 3px;}
    .order_from table tbody tr td .postal_code{display: block; text-align: center; margin-left: 10px; margin-top: 5px; padding: 7px 10px;}
    .order_from table tbody tr td textarea#comment{width: 100%;}
    
}
@media screen and (max-width:512px){
    #mobile1, #mobile2, #mobile3{width: 35%; margin-bottom: 5px;}
    #mobile3{ margin-left:10px;}
    #recipient_mobile1, #recipient_mobile2, #recipient_mobile3{width: 35%; margin-bottom: 5px;}
    #recipient_mobile3{ margin-left:10px;}
    .order_fi_txt01{font-size: 18px; line-height: 24px;}
}
@media screen and (max-width:470px){
#sub_product .product_list li .Pro_img{ height:44%;}
    #sub_product .product_list li{height: 400px;}
    #tab_button li a{height: 38px; line-height: 38px;}
    #group_list_wrap .group_list{float: left;}
    .tab_sub_wrap #tab_sub li{ display: block; width: 100%; margin: 0 auto;}
    .tab_sub_wrap #tab_sub li a{ text-align: center; display: block;}
    .tab_tit{font-size: 30px;}
        
}


@media screen and (max-width:400px){
    .topBar_memberArea a{font-size: 12px; letter-spacing: -0.09em;}
    #product_list_top #group_list_wrap {height: 50px;}
    #group_list_wrap .group_list{top:24px; left: 0;}
    #group_list_wrap .sub_pduclist_total{padding-left: 10px;}
    #product_list_top .sub_pduclist_tit{margin-bottom:26px;}
    #sub_product .product_list li .Pro_img{ height:40%;}
    #sub_product .product_list li h3 a{font-size: 1.1em;}
    #sub_product .product_list li{height: 370px;}
}
@media screen and (max-width:370px){
.small li{width: 72px;}
 #sub_product .product_list li .Pro_img{ height:35%;}   
    .payment_total .pay_total03{font-size: 13px;}
    .payment_total .pay_total01{font-size: 18px;}
    .payment_total .pay_total02{font-size: 19px;}
}