@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

/*common*/
.sub_container{min-height:500px; padding:30px 0 80px;}
.contents_wrap{padding-top:50px;}
.sub_contents{padding-top:40px;}
.sub_page_title h4{color:#000000; font-size:42px; text-align:center; line-height:1.0; font-weight:700;}


/*서브 비주얼*/
.sub_visual{width:100%; height:450px; position:relative;  overflow:hidden;}
.sub_visual_img{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; background-position:center center; animation:scale 3s ease forwards;
		background-repeat:no-repeat; background-size:cover; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
.sub_visual_img01{background-image:url("../images/sub/sub_visual03.jpg");}
.sub_visual_img02{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual_img04{background-image:url("../images/sub/sub_visual08.jpg");}
.sub_visual_img05{background-image:url("../images/sub/sub_visual05.jpg");}
.sub_visual_img06{background-image:url("../images/sub/sub_visual06.jpg");}
.sub_visual_img07{background-image:url("../images/sub/sub_visual07.jpg");}
@keyframes scale {
    0% {
        transform: scale(1.05);
    }

    100% {
         transform: scale(1);
    }
}
/*sub_visual_txt */
.sub_visual>div.inner{height:100%; padding-top:70px; padding-bottom:25px;}
.sub_visual_txt{color:#ffffff; width:100%; height:100%; position:relative; z-index:20; display:flex; justify-content:center; flex-direction:column; align-items:center; 
		text-align:center;} 
.sub_visual_txt h3{font-weight:700; font-size:50px; line-height:1.0;}
.sub_visual_txt p{margin-top:25px; font-size:22px; letter-spacing:-1px;}

/*horizontal_menu_bar 가로 1301px 이상 서브 메뉴 선택 탭*/
.horizontal_menu_bar{margin-top:-25px; position:relative; z-index:40;}
.horizontal_menu_bar ul{display:flex; justify-content:center; text-align:center; background-color:#ff4000; border-radius:60px; padding:15px 10px; }
.horizontal_menu_bar ul>li{width:33%;}
.horizontal_menu_bar ul>li+li{border-left:1px solid rgba(255,255,255,0.8);}
.horizontal_menu_bar ul>li>a{color:#ffffff; padding:1px 15px; display:block; line-height:1.0;  font-size:18px; font-weight:500;}
.horizontal_menu_bar ul>li>a:hover{text-decoration:wavy underline #173452; }

/*sub_tab_bar 가로 1300px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:none; background-color:#ff4000;}
.sub_tab{float:left; color:#ffffff; position:relative;}
.sub_tab+div:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; bottom:0; background-color:rgba(255,255,255,0.2);}
.sub_tab_01{width:10%;}
.sub_tab_02{width:45%;}
.sub_tab_03{width:45%;}
.sub_tab_bar.sub_tab_bar05 .sub_tab_02,.sub_tab_bar.sub_tab_bar02 .sub_tab_02{width:90%;}
.sub_tab_bar h4,.sub_tab_bar h3{padding:10px 15px 10px; font-size:16px; cursor:pointer; font-weight:400;}
.sub_tab_bar strong{font-weight:400;}
.sub_tab_bar a{display:block;}
/*icon_home*/
.sub_tab_01{text-align:center;}
.sub_tab_01>a{padding:12px 0 11px; color:#ffffff; font-weight:500;}
/*메뉴 더보기*/
.sub_tab_bar .menu_more{position:absolute; right:15px; top:18px; width:11px; height:11px; overflow:hidden; text-indent:-999999px; display:block; font-size:0;}
.sub_tab_bar .menu_more:after,.sub_tab_bar .menu_more:before{content:''; display:block; background-color:#ffffff; width:11px; height:1px; 
		position:absolute; left:0; top:5px;}
.sub_tab_bar .menu_more:after{width:1px; height:11px; left:5px; top:0; }
.sub_tab_bar h4.open .menu_more:after,.sub_tab_bar h3.open .menu_more:after{display:none;}
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth{display:none; position:absolute; left:0; top:45px; width:100%; z-index:250; background-color:#ffffff; padding:15px 0;
		  border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:15px;}
.sub_tab_2depth>li+li{margin-top:3px;}
.sub_tab_2depth>li>a{display:block; padding:1px 15px;}
.sub_tab_2depth>li>a:hover{color:#ff4000; font-weight:500;}
.sub_tab_2depth>li>a:hover strong{font-weight:500;}

/*breadcrumb*/
.breadcrumb>p{display:flex; flex-wrap:wrap; gap:2px; align-items:center;}
.breadcrumb span.on{color:#000000;}
.breadcrumb span.right_arrow{width:12px; height:14px; position:relative; overflow:hidden;}
.breadcrumb span.right_arrow:before{content:''; height:6px; width:6px; display:block; border:1px solid #aaaaaa; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; top:4px; left:1px;}

/*business01.asp*/
.business01_contents_wrap{font-size:16px;}
.business01_contents_wrap+div{margin-top:80px;}
.business01_contents_wrap>h2{line-height:35px; color:#111111; font-weight:600; font-size:32px; padding-left:42px; margin-bottom:30px;
		background:url("../images/common/deco_icon03_b.png")no-repeat 0 0; background-size:32px auto; }
.business01_contents_wrap>p{color:#333333;}
.business01_process_list{margin-top:40px; display:flex; flex-wrap:wrap; gap:40px 39px;  }
.business01_process_list>li{width:calc(33.33333% - 26px); position:relative;}
.business01_process_list>li b{position:absolute; left:3px; top:3px; display:block; color:#ffffff; font-weight:600; background-color:#ff4000; border-radius:50%;
		line-height:25px; width:25px; height:25px; text-align:center;}
.business01_process_img{border-radius:15px 15px 0 0; overflow:hidden;}
.business01_process_img>img{width:100%;}
.business01_process_contents{margin-top:15px;}
.business01_process_contents strong{color:#222222; font-size:17px; letter-spacing:-1px;}
.business01_process_contents p{font-size:14px; margin-top:8px;}

/*business02.asp*/
.business02_wrap{font-size:16px;}
.business02_wrap>div+div{margin-top:80px;}
.business02_title_wrap{padding:25px 30px; background-color:#fafafa; border:1px solid #eeeeee;}
.business02_title_wrap dl{display:flex;}
.business02_title_wrap dl+dl{margin-top:15px;}
.business02_title_wrap dt{width:75px; font-weight:500; color:#111111;}
.business02_title_wrap dd{width:calc(100% - 75px);}
.business02_title_wrap p{margin-top:20px; font-size:14px;}

/*부가서비스비용 additional_service01.asp*/
.additional_service_tab{display:flex; flex-wrap:wrap;  gap:7px 7px;}
.additional_service_tab>li{width:calc(14.2857% - 6px); text-align:center;}
.additional_service_tab>li>a{display:block; background-color:#ffffff; color:#222222; font-size:18px; font-weight:500; border-radius:4px; padding:8px 5px; 
		border:1px solid #e6e6e6; letter-spacing:-1px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.additional_service_tab>li>a:hover{background-color:#ff4000; color:#ffffff; border-color:#ff4000; }
/*additional_service_list_wrap*/
.additional_service{padding-top:60px;}
.additional_service h5{color:#111111; font-size:38px; font-weight:600; text-align:center; margin-bottom:30px;}
.additional_service table{width:100%; word-break:keep-all; table-layout:auto; border-collapse:collapse; border-spacing:0; letter-spacing:-1px; line-height:1.4; 
		border-top:1px solid #666666; border-bottom:1px solid #666666;}
.additional_service table th{color:#222222; font-size:16px;  padding:18px 5px; text-align:center; background-color:#f8f8f8;}
.additional_service table th+th{border-left: 1px solid #dedede;}
.additional_service table td{padding:18px 5px; text-align:center; font-size:15px;  background-color:#ffffff;}
.additional_service table td+td{border-left:1px solid #dedede;}
.additional_service table .even td{background-color:#fefbfa;}
.additional_service table img{margin:0 auto;}
/*additional_service01_table*/
.additional_service01_table{padding-bottom:30px; overflow:auto; }/**/
.additional_service01_table .th_title{font-weight:500; color:#222222;}
.additional_service01_table .member_level{color:#3ead39;}
.additional_service01_table .member_level>div{color:#ffffff; font-weight:700; font-size:25px; width:50px; height:50px; border-radius:50%; margin:0 auto 5px;
		background:linear-gradient(-45deg, #3ead39 50%, #7ae977 50.1%); line-height:50px; text-shadow:1px 1px rgba(0,0,0,0.3);}
.additional_service01_table .s.member_level{color:#636cd8;}
.additional_service01_table .s.member_level>div{background:linear-gradient(-45deg, #636cd8 50%, #7c91ff 50.1%);}
.additional_service01_table .g.member_level{color:#d89d34;}
.additional_service01_table .g.member_level>div{background:linear-gradient(-45deg, #d89d34 50%, #f8bc3f 50.1%);}
.additional_service01_table .v.member_level{color:#ce3d3e;}
.additional_service01_table .v.member_level>div{background:linear-gradient(-45deg, #ce3d3e 50%, #f76863 50.1%);}
.additional_service01_table .v2.member_level{color:#db4310;}
.additional_service01_table .v2.member_level>div{background:linear-gradient(-45deg, #db4310 50%, #ff6430 50.1%);}
.additional_service01_table .forwarding_amount{color:#ff4000; font-weight:500;}
.additional_service01_table td .th_title_info{display:inline-block; vertical-align:middle; cursor:pointer; position:relative; font-size:13px; padding-right:10px;}
.additional_service01_table td .th_title_info>span{display:block; width:18px; height:18px; border-radius:50%; border:1px solid #666666; line-height:18px; 
		margin-left:3px; margin-top:-2px; }
.additional_service01_table td .th_title_info>div{display:none; position:absolute; left:30px; top:50%; background-color:#ffffff; border-radius:8px; 
		padding:10px 10px 10px 5px; font-weight:400; box-shadow:0 0 5px rgba(0,0,0,0.2); z-index:400; width:180px; text-align:left;  font-size:12px; 
		-ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform: translate(0,-50%); -webkit-transform:translate(0,-50%); 	
		-moz-transform:translate(0,-50%);}
.additional_service01_table td .th_title_info>div:before{content:''; display:block; width:0; height:0; border:6px solid transparent; border-right-color:#ffffff; 
		position:absolute; left:-10px; top:50%; -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform: translate(0,-50%); 
		-webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);}
.additional_service01_table td .th_title_info>div>*{float:left;}
.additional_service01_table td .th_title_info>div>span{display:block;  width:13px; height:13px; border-radius:50%; background-color:#ff4000; color:#ffffff;
		line-height:12px; text-align:center;  font-size:11px;}
.additional_service01_table td .th_title_info>div>p{margin-left:3px; width:calc(100% - 16px);}
.additional_service01_table td .th_title_info:hover>div{display:block;} 
/*additional_service02_table*/
.additional_service02_table{overflow-x:auto; }
.additional_service02_table th.standard_price{background-color:#ff4000; color:#ffffff;}
.additional_service02_table th.standard_price span{font-size:14px;}
.additional_service02_table td.standard_price{color:#ff4000; font-weight:500;}
.additional_service02_table td.th_title{font-weight:500; color:#222222;}


/*해운비용 transportation_expense01.asp*/
.shipping_costs_list_wrap+div{margin-top:80px;}
.shipping_costs_list_wrap>h4{line-height:35px; color:#111111; font-weight:600; font-size:32px; padding-left:42px; letter-spacing:-1px;
		background:url("../images/common/deco_icon03_b.png")no-repeat 0 0; background-size:32px auto; }
.shipping_costs_list{margin-top:40px; font-size:16px;}
.shipping_costs{padding:30px 15px; background-color:#fafafa; border:1px solid #eeeeee;}
.shipping_costs>div{display:flex; flex-wrap:wrap;  gap:5px 50px;  justify-content:center; align-items:start; }
.shipping_costs>div dl{display:flex; column-gap:12px; align-items:start; font-size:18px; } 
.shipping_costs>div dt{  font-weight:600; color:#222222;}
.shipping_costs_table{margin-top:40px; overflow-x:auto; margin-bottom:15px;}
.shipping_costs_table table{width:100%; word-break:keep-all; table-layout:auto; border-collapse:collapse; border-spacing:0; letter-spacing:-1px; line-height:1.4; }
.shipping_costs_table th{font-weight:500; text-align:center; padding:16px 5px; border-top:1px solid #666666; color:#222222;  background-color:#f8f8f8;
		border-bottom:1px solid #dedede;}
.shipping_costs_table th+th{border-left:1px solid #dedede;}
.shipping_costs_table td{padding:16px 15px; border-bottom:1px solid #dedede; color:#444444; text-align:center; } 
.shipping_costs_table td+td{border-left:1px solid #dedede;}
.shipping_costs_table table b{color:#222222;}
.shipping_costs_list>p{padding-left:10px; position:relative;}
.shipping_costs_list>p:before{content:'*'; display:block; position:absolute; left:0; top:1px;}
.shipping_costs_list>p+p{margin-top:3px;}
.shipping_costs_list02 .shipping_costs{display:flex; flex-direction:column; align-items:center; }
.shipping_costs_list02 .shipping_costs>div{margin-bottom:20px;}
.shipping_costs_list02 .shipping_costs>p+p,.shipping_costs_list02 .shipping_costs02>p+p{margin-top:3px;}
.shipping_costs_list02 .shipping_costs02{margin-top:25px; border:1px solid #eeeeee; padding:30px 15px; display:flex; flex-direction:column; align-items:center;}
.shipping_costs_list02 .shipping_costs02>ul{margin-bottom:20px; display:flex;  flex-wrap:wrap;  gap:5px 50px; font-size:18px; } 
.shipping_costs_list02 .shipping_costs02>ul>li{display:flex; column-gap:8px; align-items:center; font-weight:600; color:#222222;}
.shipping_costs_list02 .shipping_costs02>ul>li span{display:block; width:20px; height:20px; border-radius:50%; background-color:#ff4000; position:relative;}
.shipping_costs_list02 .shipping_costs02>ul>li span:before{content:''; width:12px; height:2px; border-radius:5px; background-color:#ffffff; position:absolute; 
		left:4px; top:9px;}

/*적재시뮬레이터 transportation_expense02.asp*/
.transportation_expense02_wrap{font-size:16px;}
.simulator_list_wrap+div{margin-top:60px;}
.simulator_list_wrap{display:flex; flex-wrap:wrap; gap:40px 40px;}
.simulator_img{width:calc(55% - 20px); border-radius:15px; overflow:hidden;}
.simulator_img>*{width:100%;}
.simulator_input_list{ width:calc(45% - 20px);}
.simulator_input_list>h5{color:#111111; font-size:18px; font-weight:600; line-height:1.4;}
.simulator_input_list>h5 span{font-size:26px;}
.simulator_input_list>p{font-weight:500; margin-top:8px; color:#777777;}
.simulator_input_list>ul{margin-top:25px; display:flex;  flex-wrap:wrap; gap:10px 9px;}
.simulator_input_list>ul>li{ width:calc(33.33333% - 6px);}
.simulator_input_list>ul>li strong{display:block; margin-bottom:3px; color:#222222; }
.simulator_input{position:relative;}
.simulator_input input[type=text]{padding-right:35px;}
.simulator_input input[type=text]:focus-visible{border-color:#ff4000; box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.simulator_input span{font-size:13px; position:absolute; right:8px; bottom:9px; font-weight:500;}
.simulator_check_wrap{margin-top:15px;}
.simulator_pallet_list li.etc_simulator_pallet_list{width:100%;}
.simulator_pallet_list input[type=radio] + label:before{display:none;}
.simulator_pallet_list input[type=radio]:checked + label:after{display:none;}
.simulator_pallet_list input[type=radio] + label{width:100%; padding:10px 2px; border:2px solid #aaaaaa; border-radius:10px; text-align:center; font-size:13px; } 
.simulator_pallet_list input[type=radio] + label strong{color:#222222; font-weight:600;  font-size:16px; }
.simulator_pallet_list input[type=radio] + label em{display:block; margin-top:5px; }
.simulator_pallet_list input[type=radio]:checked + label{border:2px solid #ff4000; box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.etc_pallet_wrap{display:none; padding:12px 15px; text-align:center; }/*display:none;*/
.etc_pallet_wrap>strong{display:block; margin-bottom:3px; color:#222222; }
.etc_pallet_wrap>p{font-size:14px; letter-spacing:-1px; font-weight:500;}
.etc_pallet_list{margin-top:8px; display:flex;  flex-wrap:wrap; gap:10px 9px;}
.etc_pallet_list>li{ width:calc(33.33333% - 6px); position:relative;}
.etc_pallet_list>li input[type=text]{padding:6px 33px 6px 6px;}
.etc_pallet_list>li input[type=text]:focus-visible{border-color:#ff4000; box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.etc_pallet_list>li span{font-size:12px; position:absolute; right:8px; bottom:8px; font-weight:500;}
.simulator_pallet_list li.etc_simulator_pallet_list strong{margin-bottom:0;}
.simulator_pallet_list li.etc_simulator_pallet_list input[type=radio]:checked + label{border:none; box-shadow:none; padding:0;}
.simulator_pallet_list li.etc_simulator_pallet_list input[type=radio]:checked + label strong{font-size:0;}
.simulator_pallet_list li.etc_simulator_pallet_list input[type=radio]:checked + label + .etc_pallet_wrap{display:block; border:2px solid #ff4000; 
		box-shadow:1px 1px 5px rgba(0,0,0,0.3); border-radius:10px;}
/*btn_load_simulator*/
.btn_load_simulator{ background-color:#ff4000; color:#ffffff; font-size:17px; font-weight:500; padding:10px 40px 11px; border-radius:30px; border:none;}
.btn_load_simulator>*{vertical-align:middle;}
.btn_load_simulator span{display:inline-block; position:relative; width:18px; height:18px;}    
.btn_load_simulator span:before{content:''; height:11px; width:11px; display:block; border:2px solid #ffffff; border-left-width:0; border-top-width:0;
		position:absolute; right:2px; top:1px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}    
.btn_load_simulator:focus{box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
    
/*적재시뮬레이터 transportation_expense02_02.asp*/
.transportation_expense02_02_wrap{flex-flow:row-reverse wrap; display:flex; flex-wrap:wrap; gap:60px 40px; align-items:start;}
.simulator_3d{width:calc(55% - 20px); border-radius:15px; overflow:hidden;}
.simulator_3d>*{width:100%;}
.load_style_wrap{ width:calc(45% - 20px);}
.load_style_tab{display:flex; flex-wrap:wrap; gap:10px 9px; margin-bottom:40px;}
.load_style_tab>li{width:calc(33.33333% - 6px); text-align:center;}
.load_style_tab>li strong{display:block; letter-spacing:-1px; border:2px solid #aaaaaa; font-size:16px; padding:8px 5px; border-radius:50px; cursor:pointer; }
.load_style_tab>li strong.active{border-color:#ff4000; background-color:#ff4000; color:#ffffff; }
/*적재 결과값*/
.products_style_result{margin-top:40px; border-radius:10px; padding:20px; border:2px solid #ff4000;}
.products_style_result p{font-size:16px; text-align:center; font-weight:500; color:#222222;}
.products_style_result p b{font-size:24px; font-weight:700;}
.products_style_result>div{margin-top:12px; padding-top:12px; display:flex; flex-wrap:wrap; gap:10px 12px; text-align:center; border-top:1px solid #ff4000;}
.products_style_result>div>dl{width:calc(25% - 9px); font-weight:500; }
.products_style_result dt{color:#333333; line-height:1.2; letter-spacing:-1px;}
.products_style_result dd{color:#ff4000; font-size:16px;  margin-top:3px;}
/*상품 적재*/
.products_load_tab{display:flex; flex-wrap:wrap; gap:8px;}
.products_load_tab>li{width:calc(25% - 6px); text-align:center; border:2px solid #dedede; border-radius:10px; display:flex; flex-direction:column;  justify-content:center;
		padding:20px 5px; cursor:pointer;}
.products_load_tab>li img{max-width:60px;}
.products_load_tab>li p{margin-top:10px; line-height:1.0; }
.products_load_tab>li.on{border-color:#ff4000; }
/*차량 적재*/
.load_car_tab{display:flex; flex-wrap:wrap; gap:8px;}
.load_car_tab>li{width:calc(25% - 6px); text-align:center; border:2px solid #dedede; border-radius:10px; display:flex; flex-direction:column;  justify-content:center;
		padding:20px 5px; cursor:pointer;}
.load_car_tab>li img{max-width:55px;}
.load_car_tab>li p{margin-top:10px; line-height:1.2; letter-spacing:-1px; font-size:13px; }
.load_car_tab>li.on{border-color:#ff4000; }
.btn_car_more b{color:#333333; font-size:16px; font-weight:600;}
/*적재 차량 리스트 팝업*/
#style_tab02{position:relative}
.load_car_more_list_wrap{display:none; position:absolute; left:50%; top:50%; width:90%; max-width:1280px; max-height:90%;  background-color:#ffffff; 
		border-radius:15px; overflow-y:auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); padding:20px 15px; -ms-transform:translate(-50%,-50%); 
		-o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.load_car_title{border-bottom:1px solid #dedede; }
.load_car_title h5{color:#111111; font-size:18px; font-weight:600; text-align:center; line-height:1.0;}
.load_car_title p{text-align:right; color:#ff4000; font-size:13px; margin-top:15px; padding-bottom:8px; letter-spacing:-1px; font-weight:500;}
.load_car_more_list{display:none; padding-top:20px; display:flex; flex-wrap:wrap; gap:9px;}
.load_car_more_list>li{width:calc(33.33333% - 6px); background-color:#f8f8f8; border-radius:8px; text-align:center; font-size:15px; font-weight:500;
		padding:8px 5px; color:#333333; cursor:pointer;}
.load_car_more_list>li:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); background-color:#ff4000; color:#ffffff;}
.load_car_etc_list{margin-top:20px; display:none; flex-wrap:wrap; gap:10px;}
.load_car_etc_list>li{width:calc(50% - 5px); background-color:#fafafa; border-radius:8px; text-align:center; padding:8px 5px; color:#333333; cursor:pointer;}
.load_car_etc_list>li:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); background-color:#ff4000; color:#ffffff;}
/*이전단계*/
.btn_list_prev{position:absolute; left:15px; top:12px; color:#ff4000; background-color:transparent; border:none; padding:0; font-size:13px;}
.btn_list_prev>*{vertical-align:middle;}
.btn_list_prev>span{display:inline-block; position:relative; width:12px; height:12px;}
.btn_list_prev>span:before{content:''; height:9px; width:9px; display:block; border:2px solid #ff4000; border-right-width:0; border-bottom-width:0;
		position:absolute; right:2px; top:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} 
/*적재 차량 리스트 닫기*/
.btn_list_close{width:20px; height:20px; border:none; background-color:transparent; padding:0; position:absolute; right:15px; top:15px;}
.btn_list_close>span{display:block; width:100%; height:100%; font-size:0; overflow:hidden;position:relative;}
.btn_list_close>span:before,.btn_list_close>span:after{content:''; display:block; width:20px; height:2px; background-color:#111111; 
		position:absolute; left:0; top:50%; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -o-transform:rotate(-45deg);}
.btn_list_close>span:after{transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);}
/*컨테이너 적재*/
.container_list_tab{display:flex; flex-wrap:wrap; gap:9px;}
.container_list_tab>li{width:calc(33.33333% - 6px); text-align:center; border:2px solid #dedede; border-radius:10px; padding:20px 5px; cursor:pointer; font-size:15px;}
.container_list_tab>li.on{border-color:#ff4000; }
.weight_info_box{margin-top:20px; border-radius:10px; padding:20px; border:2px solid #aaaaaa; display:none;}
.weight_info_box.hidden{display:block;}
.weight_info_form{display:flex; flex-wrap:wrap; gap:10px;}
.weight_info_form>dl{width:calc(50% - 5px); text-align:center;}
.weight_info_form>dl>dt{color:#ff4000; font-weight:500;}
.weight_info_form>dl>dd{position:relative; margin-top:3px;}
.weight_info_form>dl>dd input[type=text]{padding-right:35px;}
.weight_info_form>dl>dd input[type=text]:focus-visible{border-color:#ff4000; box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.weight_info_form>dl>dd span{font-size:13px; position:absolute; right:8px; bottom:9px; font-weight:500;}
.weight_info_result{margin-top:15px; padding-top:15px;  border-top:1px solid #ff4000; display:flex; flex-wrap:wrap; gap:10px 12px; text-align:center; }
.weight_info_result dl{width:calc(25% - 9px); font-weight:500; }
.weight_info_result dt{line-height:1.3; color:#333333; letter-spacing:-1px;}
.weight_info_result dd{font-size:16px; margin-top:3px; color:#ff4000;}
.weight_info_box p{text-align:right; font-size:13px; margin-top:12px; line-height:1.3;}
.btn_weight_info_wrap{margin-top:15px; text-align:right; line-height:1.1; font-weight:500; color:#ff4000; border:none; background-color:transparent; padding:0;}
.btn_weight_info_wrap button{color:#ff4000; font-size:14px; border:none; background-color:transparent; padding:0; line-height:1.1; font-weight:500;}
.btn_weight_info_wrap button>*{vertical-align:middle;}
.btn_weight_info_wrap button>span{display:inline-block; position:relative; width:12px; height:12px;}
.btn_weight_info_wrap button>span:before{content:''; height:9px; width:9px; display:block; border:2px solid #ff4000; border-right-width:0; border-top-width:0;
		position:absolute; right:2px; top:-2px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.btn_weight_info_wrap button.on>span:before{top:0; transform:rotate(-225deg);-webkit-transform:rotate(-225deg); -moz-transform:rotate(-225deg);
		-o-transform:rotate(-225deg);-ms-transform:rotate(-225deg);}
/* btn_simulator_wrap02*/
.btn_simulator_wrap02{margin-top:60px;}
.btn_load_simulator.btn_prev_page span:before{border:2px solid #ffffff; border-right-width:0; border-bottom-width:0; position:absolute; right:2px; top:1px;}

/*use_guide.asp 사이트이용안내*/
.use_guide_wrap.contents_wrap{padding-top:10px;}
.use_guide_tab{display:flex; flex-wrap:wrap; gap:7px 7px;} 
.use_guide_tab>li{background-color:#ffffff; color:#222222; font-size:18px; font-weight:500; border-radius:4px; padding:8px 28px; border:1px solid #e6e6e6; 
		cursor:pointer; letter-spacing:-1px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.use_guide_tab>li.on,.use_guide_tab>li:hover{background-color:#ff4000; color:#ffffff; border-color:#ff4000; }
/*사이트이용안내 검색 프로그램*/
.use_guide_search_wrap{margin-top:50px;}
/*use_guide_list_wrap*/
.use_guide_list_wrap{margin-top:30px;}
.use_guide_list{display:flex; flex-wrap:wrap; gap:40px 30px;  }
.use_guide_list>li{width:calc(33.33333% - 20px); border:1px solid #eeeeee; border-radius:15px; overflow:hidden; -webkit-transition:all 0.3s ease; 
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.use_guide_list>li>a{display:block; color:#222222;}
.use_guide_img{width:100%;}
.use_guide_img img{width:100%;}
.use_guide_contents{padding:15px 15px;}
.use_guide_contents p{font-size:16px; font-weight:500;  width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.use_guide_list>li:hover{border-color:#ff4000; }
.use_guide_list>li:hover>a{color:#ff4000; }

/*use_guide_view.asp 사이트이용안내 자세히 보기*/
.use_guide_title{padding:20px 2px; font-size:18px; color:#111111; border-top:1px solid #666666; border-bottom:1px solid #dedede; letter-spacing:-1px;}
.use_guide_util_wrap{padding:15px 2px; display:flex; flex-wrap:wrap; align-items:center; column-gap:30px; font-size:16px; border-bottom:1px solid #dedede; }
.use_guide_util_wrap dl{display:flex; align-items:center; column-gap:3px; }
.use_guide_view_contents{padding:20px; border-bottom:1px solid #666666;  font-size:16px; min-height:350px;}

/***게시판***/
/*검색 board_search_wrap*/
.board_search{float:right; border:1px solid #aaaaaa; border-radius:50px; padding: 8px 15px; width:290px; display:flex; align-items:center; column-gap:5px;}
.board_search input[type=search]{font-size:15px; border:none; width:calc(100% - 32px);}
.board_search input[type=search]::placeholder {color:#cccccc;}
.board_search input[type=search]::-webkit-input-placeholder {color:#cccccc;}
.board_search input[type=search]:-ms-input-placeholder {color:#cccccc;}
.board_btn_search{width:27px; height:25px; position:relative; font-size:0; text-indent:-999999px; background-color:#ffffff; border:none; padding:0;}
.board_btn_search>span{display:block; width:100%; height:100%;}
.board_btn_search>span:before{content:''; width:18px; height:18px; display:block; border-radius:50%; border:2px solid #ff4000; position:absolute; left:0; 
		top:2px;}
.board_btn_search>span:after{content:''; width:8px; height:2px; display:block; border-radius:2px; background-color:#ff4000; position:absolute; left:14px; 
		top:19px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);}
/*board_list_wrap*/
.board table{word-break:break-all; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; letter-spacing:-1px; line-height:1.4;} /*word-break:keep-all; */
.board table caption{font-size:0; text-indent:-999999px;}
.board_list_wrap{margin-top:30px;}
.board_list th{padding:15px 8px; font-size:16px; color:#222222; border-top:1px solid #666666; text-align:center; 	font-weight:500; border-bottom:1px solid #666666;}
.board_list td{padding:13px 8px; font-size:16px;  border-bottom:1px solid #dedede; text-align:center;}
.board_list td.board_title{padding:13px 10px; text-align:left;} 
.board_list td.board_title a{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td.board_title a:hover{color:#000000;}
.board_list .board_num{width:13%;}
.board_list .board_title{width:60%;}
.board_list .board_dete{width:27%;}

/*게시판 내용보기*/
.view_title{padding:20px 2px; font-size:18px; color:#111111; border-top:1px solid #666666; border-bottom:1px solid #dedede; letter-spacing:-1px;}
.view_util_wrap{padding:15px 2px; display:flex; flex-wrap:wrap; align-items:center; column-gap:30px; font-size:16px; border-bottom:1px solid #dedede; }
.view_util_wrap dl{display:flex; align-items:center; column-gap:3px; }
.view_contents{padding:20px; border-bottom:1px solid #666666;  font-size:16px; min-height:350px;}
.view_contents img{margin:0 auto;}

/*게시판 쓰기*/
.board_write_wrap{max-width:1000px; margin:0 auto; }
.board_write_input_form dl{font-size:0;} 
.board_write_input_form dl>*{display:inline-block; vertical-align:middle; font-size:16px;}
.board_write_input_form dl+dl{margin-top:25px;}
.board_write_input_form dt{font-weight:500; color:#333333; width:80px;}
.board_write_input_form dd{width:calc(100% - 80px);}
.board_write_input_form textarea{width:100%; overflow-y:auto; font-size:15px; padding:10px 10px; min-height:120px; border:1px solid #cccccc; border-radius:3px; 
		vertical-align:top;}
.board_write_input_form textarea::placeholder {color:#cccccc;}
.board_write_input_form textarea::-webkit-input-placeholder {color:#cccccc;}
.board_write_input_form textarea:-ms-input-placeholder {color:#cccccc;}

/*게시판 버튼*/
/*btn_board_wrap*/
.btn_board_wrap{margin-top:30px; display:flex; flex-wrap:wrap;  gap:8px 10px; justify-content:center;}
.btn_board_wrap button{text-align:center; min-width:152px; height:50px; font-size:18px; font-weight:500;border-radius:4px;}
/* border:1px solid #ff4000; background-color:#ffffff;  color:#ff4000; */
.btn_board_wrap button.btn_board_list{background-color:#ff4000; color:#ffffff; border:1px solid #ff4000; }
.btn_board_wrap button.btn_board_cencel{background-color:#ffffff; border:1px solid #999999; }

/*ds_story.asp*/
/*ds_story_list_wrap*/
.ds_story_list_wrap{margin-top:30px;} 
.ds_story_list{display:flex; flex-wrap:wrap; gap:40px 30px;  }
.ds_story_list>li{width:calc(33.33333% - 20px); border:1px solid #eeeeee; border-radius:15px; overflow:hidden; -webkit-transition:all 0.3s ease; 
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.ds_story_list>li>a{display:block; color:#222222;}
.ds_story_img{width:100%;}
.ds_story_img img{width:100%;}
.ds_story_contents{padding:15px 15px;}
.ds_story_contents p{font-size:16px; font-weight:500;  width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ds_story_list>li:hover{border-color:#ff4000; }
.ds_story_list>li:hover>a{color:#ff4000; }

/*ds_story_view.asp*/
.ds_story_title{padding:20px 2px; font-size:18px; color:#111111; border-top:1px solid #666666; border-bottom:1px solid #dedede; letter-spacing:-1px;}
.ds_story_util_wrap{padding:15px 2px; display:flex; flex-wrap:wrap; align-items:center; column-gap:30px; font-size:16px; border-bottom:1px solid #dedede; }
.ds_story_util_wrap dl{display:flex; align-items:center; column-gap:3px; }
.ds_story_view_contents{padding:20px; border-bottom:1px solid #666666;  font-size:16px; min-height:350px;}


/*faq.asp*/
.faq_tab{display:flex; flex-wrap:wrap;  gap:8px 8px; margin-bottom:40px;} 
.faq_tab>li{background-color:#fff5f2; color:#222222; font-size:16px; font-weight:500; border-radius:4px; padding:8px 22px; letter-spacing:-1px; cursor:pointer;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.faq_tab>li.on,.faq_tab>li:hover{background-color:#ff4000; color:#ffffff;}
.faq_list_wrap{margin-top:30px;} 
.faq_list{font-size:16px; border-top:1px solid #666666; }
.faq_list>li{border-bottom:1px solid #dedede; color:#333333;}
.faq_list>li .odd{padding:15px 40px 15px 50px; position:relative; cursor:pointer;}
.faq_list>li .odd:before{content:'Q'; display:block; position:absolute; left:15px; top:50%; margin-top:-13px; font-weight:500; color:#333333;}
.faq_list>li .odd.open{color:#ff4000;}
.faq_list>li .odd.open:before{color:#ff4000;}
.faq_list>li .odd span{width:18px; height:18px; display:block; position:absolute; right:12px; top:50%; margin-top:-9px; overflow:hidden;}
.faq_list>li .odd span:before{content:''; height:12px; width:12px; display:block; border:2px solid #999999; border-right-width:0; border-top-width:0;
		position:absolute; top:2px; left:2px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);  -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; 
		transition:all 0.3s ease;}
.faq_list>li .odd span.open_close:before{transform:rotate(-225deg); border-color:#ff4000;}
.faq_list>li .even{display:none; border-top:1px solid #dedede; padding:15px 40px 15px 50px;  background-color:#fef9f8; font-size:15px;}
.faq_list>li .even p+p{margin-top:10px;} 

/***사용후기***/
/*별, 평점 불러오기*/
.review_list_grade_wrap{margin-top:15px; height:15px;}
.review_list_grade_wrap span{display:inline-block; width:14px; height:14px; vertical-align:top; overflow:hidden;
		background:url("../images/common/star_icon.png")no-repeat center center;
		background-size:14px auto;}
.review_list_grade_wrap span.on{background-image:url("../images/common/star_icon_on.png");}

/*별, 평점 주기*/
.selest_grade_wrap{margin-top:40px;}
.selest_grade_wrap p{  font-size:15px; font-weight:500;}
.selest_grade_wrap .selest_grade{margin-top:15px; display:flex; gap:5px; border:1px solid #dedede; padding:10px 15px; width:120px;}
.selest_grade_wrap .selest_grade .btn_star{width:16px; height:16px; overflow:hidden; cursor:pointer; 
		background:url("../images/common/star_icon.png")no-repeat center center; 	background-size:100% auto;  }
.selest_grade_wrap .selest_grade .btn_star.on{background-image:url("../images/common/star_icon_on.png");}

/*review.asp*/
.review_list_wrap{display:flex; flex-wrap:wrap; row-gap:50px; justify-content:space-between;}
.review_list_wrap>li{width:31%;}
.review_img{border-radius:10px; overflow:hidden; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.review_img>a{display:block; width:100%; padding-top:70%; background:url("../shop/images/shop/plus_products01.jpg")no-repeat center center;
		background-size:cover;  } 
.review_img.review_noimg>a{background-image:url("../images/common/noimg.jpg");}
.review_list_wrap>li:hover .review_img{box-shadow:1px 1px 5px rgba(0,0,0,0.3); opacity:0.9;}
.review_contnets{margin-top:15px; font-size:15px;}
.review_contnets>a{width:100%; display:flex;  flex-direction:column; row-gap:12px; }
.review_contnets h2{font-size:18px; color:#333333; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.review_contnets p{width:100%; height:48px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}

/*review_view.asp*/
.review_view_contents_wrap{display:flex; flex-wrap:wrap; gap:30px 50px; align-items:start;  padding-bottom:40px; border-bottom:1px solid #dedede;}
.review_view_img{width:300px; border-radius:10px; overflow:hidden; }
.review_view_img>img{width:100%;}
.review_view_contents{width:calc(100% - 350px);}
.review_view_contents h2{font-size:15px;  color:#222222; margin-top:3px;}
.review_list_grade_date{display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:15px;}
.review_list_grade_date>span{line-height:1.0;}
.review_list_grade_date .review_list_grade_wrap{margin-top:0;}
.review_view_contents .products_option{margin-top:20px; display:flex; flex-wrap:wrap; border:1px solid #e5e5e5; border-radius:4px; padding:15px; gap:8px 12px; }
.review_view_contents .products_option dl{width:calc(50% - 6px); line-height:1.4; letter-spacing:-1px; font-size:13px;}
.review_view_contents .products_option dl>*{display:inline;}
.review_view_contents .review_view{margin-top:25px;}
.review_view_img_list{display:flex; flex-wrap:wrap; gap:6px; margin-top:50px;} 
.review_view_img_list>li{width:100px; border-radius:4px; overflow:hidden; cursor:pointer; }
.review_view_img_list>li>img{width:100%;}

/*review_write.asp*/
.review_input_form_wrap{max-width:1000px; margin:0 auto; }
.review_input_form dl{font-size:0;}
.review_input_form dl>*{display:inline-block; vertical-align:middle; font-size:16px;}
.review_input_form dl+dl{margin-top:25px;}
.review_input_form dt{font-weight:500; color:#333333; width:80px;}
.review_input_form dd{width:calc(100% - 80px);}
.review_input_form textarea{width:100%; overflow-y:auto; font-size:15px; padding:10px 10px; min-height:120px; border:1px solid #cccccc; border-radius:3px; 
		vertical-align:top;}
.review_input_form textarea::placeholder {color:#cccccc;}
.review_input_form textarea::-webkit-input-placeholder {color:#cccccc;}
.review_input_form textarea:-ms-input-placeholder {color:#cccccc;}




/*1400이하 */
@media screen and (max-width:1400px){


}/*1400이하 끝*/

/*1300이하 */
@media screen and (max-width:1300px){

/*서브 비주얼*/
.sub_visual{height:400px;} 
/*sub_visual_txt */
.sub_visual>div.inner{padding-top:60px; padding-bottom:0;}

/*horizontal_menu_bar 가로 1201px 이상 서브 메뉴 선택 탭*/
.horizontal_menu_bar{display:none;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:block;}

}/*1300이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){

/*서브 비주얼*/
.sub_visual{height:350px;} 
.sub_visual_txt h3{font-size:40px;}
.sub_visual_txt p{font-size:20px;}






/*해운비용 transportation_expense01.asp*/
.shipping_costs_list_wrap+div{margin-top:60px;}

/*적재시뮬레이터 transportation_expense02.asp*/
.simulator_img{width:100%;}
.simulator_input_list{width:100%;}

/*적재시뮬레이터 transportation_expense02_02.asp*/
.simulator_3d{width:100%;}
.load_style_wrap{width:100%;}


/***사용후기***/

/*review_view.asp*/
.review_view_contents_wrap{gap:30px 30px;}
.review_view_contents{width:calc(100% - 330px);}

}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*sub_tab_bar 가로 1300px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{background-color:#173452;}
.sub_tab_01{display:none; float:none;}
.sub_tab_02{width:50%;}
.sub_tab_03{width:50%; }
.sub_tab_bar.sub_tab_bar05 .sub_tab_02,.sub_tab_bar.sub_tab_bar02 .sub_tab_02{width:100%;}
.sub_tab.sub_tab_02:before{display:none;}
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth>li>a:hover{color:#173452;}

/*business01.asp*/
.business01_process_list{gap:40px 20px;}
.business01_process_list>li{width:calc(50% - 10px);} 









/*부가서비스비용 additional_service01.asp*/
.additional_service_tab{gap:4px 4px;}
.additional_service_tab>li{width:calc(25% - 3px);}
/*additional_service_list_wrap*/
.additional_service table th{font-size:13px; padding:14px 5px;}
.additional_service table td{padding:14px 5px; font-size:12px;}
/*additional_service01_table*/
.additional_service01_table .member_level>div{font-size:22px; width:40px; height:40px; line-height:40px;}
.additional_service01_table td .th_title_info>span{font-size:12px;}
.additional_service01_table td .th_title_info>div{width:160px; font-size:10px;} 
.additional_service01_table table .th_title{min-width:115px;  position: sticky; left:0; z-index: 10;}
/*additional_service02_table*/
.additional_service02_table th.standard_price span{font-size:11px;}

/*use_guide.asp 사이트이용안내*/
/*use_guide_list_wrap*/
.use_guide_list{gap:40px 20px;  }
.use_guide_list>li{width:calc(50% - 10px);} 


/*ds_story.asp*/
/*ds_story_list_wrap*/
.ds_story_list{gap:40px 20px;  }
.ds_story_list>li{width:calc(50% - 10px);} 


/***사용후기***/
/*review.asp*/
.review_list_wrap>li{width:48.5%;}

/*review_view.asp*/
.review_view_img{width:100%;}
.review_view_contents{width:100%;}

}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*common*/
.sub_container{padding:20px 0 60px;}
.contents_wrap{padding-top:40px;}
.sub_page_title h4{font-size:34px;}

/*서브 비주얼*/
.sub_visual_txt h3{font-size:36px;}
.sub_visual_txt p{font-size:18px;}

/*sub_tab_bar 가로 1300px 이하 서브 메뉴 선택 탭*/
.sub_tab_02{width:100%; float:none;}
.sub_tab_03{width:100%; float:none;}
.sub_tab.sub_tab_03:before{width:100%; top:0; height:1px; }
.sub_tab.sub_tab_02 .sub_tab_2depth{z-index:400;}

/*breadcrumb*/
.breadcrumb>p{font-size:13px;}

/*business01.asp*/
.business01_contents_wrap{font-size:15px;}
.business01_contents_wrap+div{margin-top:50px;}
.business01_contents_wrap>h2{line-height:28px; font-size:25px; padding-left:32px; background-size:26px auto; margin-bottom:20px;}
.business01_process_list>li{width:100%;} 
.business01_process_contents strong{font-size:16px;}


/*부가서비스비용 additional_service01.asp*/
.additional_service_tab{gap:4px 3px;}
.additional_service_tab>li{width:calc(33.3333% - 2px);}
.additional_service_tab>li>a{font-size:15px; padding:6px 5px;} 
/*additional_service_list_wrap*/
.additional_service{padding-top:50px;}
.additional_service h5{font-size:26px; margin-bottom:20px;}



/*해운비용 transportation_expense01.asp*/
.shipping_costs_list_wrap+div{margin-top:50px;}
.shipping_costs_list_wrap>h4{line-height:28px; font-size:25px; padding-left:32px; background-size:26px auto; }
.shipping_costs_list{margin-top:30px; font-size:14px;}
.shipping_costs{padding:25px 10px;}
.shipping_costs>div{gap:5px 20px; }
.shipping_costs>div dl{column-gap:8px; font-size:15px; } 
.shipping_costs_table{margin-top:30px; font-size:13px; }
.shipping_costs_table th{padding:14px 5px;}
.shipping_costs_table td{padding:14px 8px;}
.shipping_costs_list02 .shipping_costs02{padding:25px 10px;}
.shipping_costs_list02 .shipping_costs02>ul{ gap:5px 20px; font-size:15px; } 
.shipping_costs_list02 .shipping_costs02>ul>li{column-gap:5px;} 

/*적재시뮬레이터 transportation_expense02.asp*/
.transportation_expense02_wrap{font-size:14px;}
.simulator_list_wrap+div{margin-top:50px;}
.simulator_input_list>h5{font-size:15px;}
.simulator_input_list>h5 span{font-size:20px;}
.simulator_input_list>ul{margin-top:15px;}
.simulator_input input[type=text]{font-size:14px;}
.simulator_input span{font-size:12px;} 
.simulator_pallet_list input[type=radio] + label{font-size:12px;}
.simulator_pallet_list input[type=radio] + label strong{font-size:15px;}
.etc_pallet_wrap{padding:12px 10px;}
.etc_pallet_wrap>strong{font-size:15px;}
.etc_pallet_wrap>p{font-size:13px;}
.etc_pallet_list>li input[type=text]{font-size:14px;}
.etc_pallet_list>li span{font-size:11px;}
/*btn_load_simulator*/
.btn_simulator_wrap{text-align:center;}
.btn_load_simulator{font-size:15px;} 

/*적재시뮬레이터 transportation_expense02_02.asp*/
.transportation_expense02_02_wrap{row-gap:40px;}
.load_style_tab{gap:10px 3px; margin-bottom:30px;}
.load_style_tab>li{width:calc(33.33333% - 2px);}
.load_style_tab>li strong{font-size:15px;} 
/*적재 결과값*/
.products_style_result{padding:12px 10px;}
.products_style_result p{font-size:15px;}
.products_style_result p b{font-size:19px;}
.products_style_result>div{gap:10px 4px;}
.products_style_result>div>dl{width:calc(25% - 3px); font-weight:500; }
.products_style_result dt{font-size:12px;}
.products_style_result dd{font-size:14px;}
/*상품 적재*/
.products_load_tab{gap:4px;}
.products_load_tab>li{width:calc(25% - 3px); padding:12px 5px;}
.products_load_tab>li img{max-width:40px;}
.products_load_tab>li p{font-size:13px;} 
/*차량 적재*/
.load_car_tab{gap:4px;}
.load_car_tab>li{width:calc(25% - 3px); padding:12px 3px; cursor:pointer;}
.load_car_tab>li img{max-width:40px;}
.load_car_tab>li p{font-size:11px; margin-top:8px;}
.btn_car_more b{font-size:13px;}
/*적재 차량 리스트 팝업*/
.load_car_more_list_wrap{padding:15px 10px;}
.load_car_title h5{font-size:16px; }
.load_car_title p{font-size:11px;}
.load_car_more_list{gap:6px;}
.load_car_more_list>li{width:calc(33.33333% - 4px); font-size:13px; padding:8px 2px;}
.load_car_etc_list{gap:6px;}
.load_car_etc_list>li{width:calc(50% - 3px); padding:8px 2px; font-size:13px;}
/*이전단계*/
.btn_list_prev{font-size:12px;}
/*적재 차량 리스트 닫기*/
.btn_list_close{right:10px; top:10px;}
/*컨테이너 적재*/
.container_list_tab{gap:6px;}
.container_list_tab>li{width:calc(33.33333% - 4px); padding:12px 3px; font-size:14px;}
.weight_info_box{padding:15px 10px;}
.weight_info_form>dl>dt{font-size:13px;}
.weight_info_form>dl>dd input[type=text]{font-size:14px; padding-right:25px;}
.weight_info_form>dl>dd span{font-size:12px;}
.weight_info_result{gap:10px 4px;}
.weight_info_result dl{width:calc(25% - 3px);}
.weight_info_result dt{font-size:12px;}
.weight_info_result dd{font-size:14px;}
.weight_info_box p{font-size:12px;}
.btn_weight_info_wrap button{font-size:13px;}
/* btn_simulator_wrap02*/
.btn_simulator_wrap02{margin-top:50px;}

/*use_guide.asp 사이트이용안내*/
.use_guide_wrap.contents_wrap{padding-top:0;}
.use_guide_tab{gap:4px 3px;} 
.use_guide_tab>li{font-size:14px; padding:6px 18px;}
/*사이트이용안내 검색 프로그램*/
.use_guide_search_wrap{margin-top:40px;}
/*use_guide_list_wrap*/
.use_guide_list>li{width:100%;}
.use_guide_contents{padding:15px 12px;}
.use_guide_contents p{font-size:14px;}

/*use_guide_view.asp 사이트이용안내 자세히 보기*/
.use_guide_title{padding:15px 2px; font-size:16px;} 
.use_guide_util_wrap{padding:13px 2px; column-gap:20px; font-size:14px;}
.use_guide_view_contents{padding:15px 10px; font-size:15px;}




/***게시판***/
/*검색 board_search_wrap*/
.board_search{float:none; margin:0 auto;}
/*board_list_wrap*/
.board_list_wrap{margin-top:20px;}
.board_list th{padding:13px 8px; font-size:14px;}
.board_list td{padding:11px 8px; font-size:14px;} 
.board_list td.board_title{padding:11px 8px;}
.board_list .board_num{width:20%;}
.board_list .board_title{width:80%;}
.board_list .board_dete{display:none;}

/*게시판 내용보기*/
.view_title{padding:15px 2px; font-size:16px;} 
.view_util_wrap{padding:13px 2px; column-gap:20px; font-size:14px;}
.view_contents{padding:15px 10px; font-size:15px;}

/*게시판 쓰기*/
.board_write_input_form dl>*{font-size:14px;}
.board_write_input_form dt{width:75px;}
.board_write_input_form dd{width:calc(100% - 75px);}
.board_write_input_form input[type=text]{font-size:14px;}
.board_write_input_form textarea{font-size:14px;}

/*게시판 버튼*/
/*btn_board_wrap*/
.btn_board_wrap button{min-width:140px; height:42px; font-size:16px;} 


/*ds_story.asp*/
/*ds_story_list_wrap*/
.ds_story_list>li{width:100%;}
.ds_story_contents{padding:15px 12px;}
.ds_story_contents p{font-size:14px;}

/*ds_story_view.asp*/
.ds_story_title{padding:15px 2px; font-size:16px;} 
.ds_story_util_wrap{padding:13px 2px; column-gap:20px; font-size:14px;}
.ds_story_view_contents{padding:15px 10px; font-size:15px;}



/*faq.asp*/
.faq_tab>li{font-size:14px; padding:6px 15px;}
.faq_list{font-size:14px;} 
.faq_list>li .odd{padding:13px 35px 13px 35px;}
.faq_list>li .odd:before{left:12px; margin-top:-11px;}
.faq_list>li .odd span:before{height:10px; width:10px;}
.faq_list>li .even{padding:13px 35px 13px 35px; font-size:14px;}


/***사용후기***/
/*별, 평점 불러오기*/
.review_list_grade_wrap{margin-top:12px; height:14px;}
.review_list_grade_wrap span{width:13px; height:13px; background-size:12px auto;}

/*별, 평점 주기*/
.selest_grade_wrap p{  font-size:14px;}

/*review.asp*/
.review_list_wrap{row-gap:40px;} 
.review_contnets{font-size:13px;}
.review_contnets>a{row-gap:8px; }
.review_contnets h2{font-size:14px;}
.review_contnets p{line-height:1.4; height:38px;}

/*review_view.asp*/
.review_view_contents .products_option{padding:8px;}
.review_view_img_list{ margin-top:40px;} 
.review_view_img_list>li{width:90px;} 

/*review_write.asp*/
.review_input_form dl>*{font-size:14px;}
.review_input_form dt{width:75px;}
.review_input_form dd{width:calc(100% - 75px);}
.review_input_form_wrap{font-size:14px;}
.review_input_form_wrap input[type=text]{font-size:14px;}
.review_input_form textarea{font-size:14px;} 

}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){


}/*420이하 끝*/