@charset "utf-8";
/*****************
서브비주얼
****************/
.sub_visual{height:160px; background:#f9f9f9;;position:relative;}
.sub_visual .center_wrap.reservation_img{background:#f9f9f9 url(/web/_Img/Content/delivery-img_truck.png) no-repeat right bottom;height:160px;text-align:center}
.sub_visual .center_wrap.reservation_img01{background:#f9f9f9 url(../img/sub/top_img01.png) no-repeat right bottom;height:160px}
.sub_visual .center_wrap{position:relative;}
.sub_visual .path{position:relative; margin-left:50px;font-size:16px; color:#707070;font-weight:100;text-align:left;padding-top:10px}
.sub_visual .path img{width:20px;margin-bottom:5px;}
.sub_visual .path span{font-size:10px;vertical-align:middle;padding:0 5px}
.sub_visual .tit{font-size:45px; padding-top:15px; color:#252525; font-family:'Nanum Barun Gothic','Noto Sans KR', 맑은 고딕, Arial, Helvetica, sans-serif;font-weight:100;box-sizing:border-box;text-align:center}
.sub_visual .s_tit{font-size:20px;padding-top:unset;color:#ca342f;font-weight:bold;}
.sub_visual .tit b {font-weight:800; }



/*******************
서브메뉴
********************/
.sub_menu { width:100%;height:70px;line-height:72px;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;text-align:center;}
.sub_menu a  { display:inline-block;padding:0 3%;font-size:18px;;}


/*******************
서브 레이아웃
********************/
#sub_wrap{;}
#footer{border-top:1px solid #ddd; margin-top:100px;}

.p_tit { text-align:center;font-size:30px;font-weight:bold;padding:60px 0 30px;}
.p_tit span {font-size:20px; color:#787878;}
.p_tit.s_txt { text-align:center;font-size:30px;font-weight:bold;padding:60px 0 30px;;}
.p_tit .line  { width:47px;height:1px;background:#000;margin:30px auto 45px}
.p_stit {text-align:center;font-size:18px;color:#787878 }
.p_stit p {font-size:20px;margin-bottom:15px; }
.p_stit p span{font-size:30px;margin-bottom:15px; font-weight:bold; }
.p_stit img {width: 25%;}



/*******************
예약서비스
********************/
.re_box {position:relative;float:left;width:578px;border:1px solid #d5d5d5;padding:50px 45px;;box-sizing:border-box;font-size:18px;;font-weight:100;margin-top:55px}
.re_box p { font-size:26px;font-weight:500;margin-bottom:15px}
.re_box .time { margin-top:65px}
.re_box .time dt,
.re_box .time dd{display:inline-block ;height:18px;line-height:18px;}
.re_box .time dt { color:#ca342f;border-right:1px solid #ccc;padding-right:10px;margin-right:10px}
.re_box img { position:absolute;right:50px;bottom:50px}
.re_box.f_box { margin-right:40px}
.re_box.mt{ margin-top:-15px;margin-bottom: 35px!important}
.re_box.mt img { position:absolute;right:30px;bottom:40px}

.re_step { margin:50px 0;padding-top:40px}
.re_step p { font-size:20px;font-weight:500;text-align:center; color:#787878;}
.re_step p span { color:#000;text-decoration:underline;font-weight:bold;}

.re_step_box { width:200px;float:left;position:relative;cursor:pointer}
.re_step_box .box { position:relative;text-align:center;}
.re_step_box p { text-align:center;font-size:18px;font-weight:100;margin-top:20px}
.re_step_box img {width:70%}

.re_step_box_arr { float:left;width:50px;text-align:center;padding-top:70px}
.re_step_box_arr img {width:80%}
.ml_60 { margin-left:300px}
.ml_60 img {width:70%}


.g_box {border:5px solid #e7e7e7;padding:50px ;color:#000;font-size:18px;line-height:26px;    height: 250px;
    overflow-y: scroll;}
.g_box p { padding-bottom:20px}


.service_box { text-align:center;border:1px solid #8a8a8a;height:100px;line-height:105px;color:#000;font-size:20px;font-weight:100;margin-bottom:30px;margin-top:-40px}
.service_box span { color:#ca342f;}
.service_box p { color:#ff0000; margin-top: -40px; font-weight:300;}

.service_box_form { border-top:3px solid #000}
.service_box_form dl dt { height:60px;;line-height:58px;background:#fafafa;width:200px;padding-left:38px;color:#000;font-size:18px;border-bottom:1px solid #ccc;float:left;box-sizing:border-box}
.service_box_form dl dd {position:relative;height:60px;;line-height:58px; ;padding-left:9px;color:#000;font-size:18px;border-bottom:1px solid #ccc;float:left;width:1000px;box-sizing:border-box;font-weight:100;}
.service_box_form dl dd.dd_two { width:400px}
.service_box_form dl dd span 			{ font-size:16px;color:#000;font-weight:100;position:absolute;right:15px;text-align:right;}
.service_box_form dl dd span#spanAddr 	{ font-size:16px;color:#000;font-weight:100;position:absolute;right:15px;text-align:right;}
.service_box_form dl dd select,
.service_box_form dl dd INPUT,
.service_box_form dl dd textarea { border:1px solid #d7d7d7;height:40px;line-height:38px;padding-left:10px;color:#363636;font-size:16px;font-weight:100;width:360px;box-sizing:border-box}
.service_box_form dl dd textarea { width:100%;height:100px;}
.service_box_form dl dt.textarea,
.service_box_form dl dd.textarea{height:120px;;line-height:58px}
.service_box_form dl dd.textarea{padding-top:8px}
.service_box_form dl dd.dd_two INPUT { width:320px;float:left;margin-top:8px}
.service_box_form dl dd.dd_two a {display:inline-block ; float:left; border:1px solid #d7d7d7;height:38px;line-height:38px;margin-left:-1px;width:41px;text-align:center;margin-top:8px}

.red_txt { color:#ca342f!important;}

/*******************
버튼
********************/

.btn_area_b{text-align:center; padding-top:45px;clear:both;}
.btn{background:#787878; color:#fff; line-height:50px; height:50px; font-size:20px; text-align:center;  box-sizing:border-box; display:inline-block;/*width:215px;*/font-weight:100;margin:0 8px;padding: 0 20px; border-radius:30px;}
.btn.red_line { background:#fff;border:1px solid #5DBBBB;color:#5DBBBB;}  /* #549b84 */
.btn.line { background:#fff;border:1px solid #000;color:#000;}
.btn.red { background:#5DBBBB;}  /* #549b84 */
.btn_est {background:#5aafae;color:#fff;display:inline-block;vertical-align:top;margin:0 4px;border-radius:4px;line-height:40px;width:140px;font-size:14px;font-weight:701;}


/*******************
방문전준비사항
********************/

.items_s {height:590px;width:100% }
.items_s h3 { text-align:center;font-size:40px;font-weight:bold;color:#333;margin:55px 0 70px}
.items_s li { padding:0px 0 35px 50px;text-align:left;width:100%;;box-sizing:border-box;clear:both;}
.items_s li:last-child span { display:inline-block;;;line-height:22px;}
.items_s li .num_box img { width:70% }
.items_s li p { display:inline-block;color:#787878;font-size:20px;font-weight:500;margin:0 0 10px;min-width:250px;vertical-align:top}
.items_s li span {display:inline-block; color:#a7a7a7;font-size:15px;font-weight:100;}
.items_s li span em { font-style:normal;color:#000;padding-left:24px}
.items_s li span em.tit {display:block;padding-bottom:10px;padding-left:0}
.items_s li span i{ font-style:normal;color:#7f7f7f;font-size:20px;}
.items_s a.link{display:block;font-size:16px;color:#333;font-weight:100;;padding:10px 0px;width:265px;;line-height:20px;text-align:center;border-radius:50px;border:1px solid #333;background:#fff;position:absolute;right:0px;top:0}
.items_s li div { float:left;width:90px;position:relative;margin-bottom:15px}
.items_s li div:last-child  { width:1090px;; padding:5px 0 30px}
.items_s li:last-child div {width:100%}
.items_s li:last-child span {width:100%; padding-left:24px}
.items_s li:last-child div:last-child {border-bottom:0; margin-top:20px;}



/*******************
가격정보
********************/
.price_box {clear:both;margin-top:35px}
.price_box p { ;position:relative;display:block;height:70px;line-height:95px;padding-left:25px;color:#000;font-size:26px;;border-bottom:1px solid #d5d5d5}
.price_box p span { position:relative;float:right;color:#333333;font-size:18px;height:70px}
.price_box  ul li { float:left;width:33.33%;border-right:1px solid #000;box-sizing:border-box}
.price_box  ul li:nth-child(1)  {border-left:1px solid #000}
.price_box  ul li:nth-child(4)  {width:298px}
/*.price_box  ul li:nth-child(5)  {width:280px;border-right:0}*/
.price_box  ul li table th{ text-align:center;height:70px;line-height:69px;color:#fff;;box-sizing:border-box;background:#a7a7a7;}
.price_box  ul li table th.two { line-height:23px;padding-top:14px;height:71px}
.price_box  ul li table td{ text-align:left;height:52px;font-size:15px;line-height:51px;color:#000;;box-sizing:border-box;padding-left:10px;border-bottom:1px solid #d5d5d5}
.price_box  ul li table tr td:last-child{ text-align:center;;color:#5b5b5b!important;padding-left:0;border-left:1px solid #d5d5d5}
.price_box  ul li table tr:nth-child(2n + 1) td { background:#f8f8f8;}
.price_box  .box { padding:30px 0 30px 50px;clear:both;color:#333;font-size:18px;}
.price_box  .box span { color:#cd3330;}


/*******************
택배서비스
********************/
.border_wrap{width:80%; border:1px solid #d8d8d8; margin:50px auto 0; border-radius:20px}
.deli_stit{font-size:20px;}
.step_tit{border-bottom:1px solid #d8d8d8;padding:20px 0}
#step04 .step_tit{border-top:1px solid #d8d8d8}
#step07 .step_tit{border-bottom:0}
.deli_stit p span{color:#333; font-weight:bold}
.deli_txt01{background: #fcfcfc;border: 1px solid #d8d8d8;width: 70%;margin-left:180px;margin-top:30px;box-sizing: border-box;clear: both;}

#price_tit {text-align:center; width:700px; margin:20px auto; font-size:15px; letter-spacing:-0.8px;}
#price_tit li {width:144px;float:left;}
#price_tit #liSecondSpacing {width:112px;}
#price_tit #liThirdSpacing {width:82px;}
#price_tit li p {text-align:center; font-size:16px; font-weight:bold;}
#price_tit li p.firstSpacing {margin-bottom:10px;}
#price_tit li p.textSpacing {margin-bottom:30px;}
#price_tit li span {color:#549b84;}
#price_tit li a {text-decoration:underline;}
.price_pointer_box { float:left;width:50px;text-align:center;margin:90px 11px}
.price_pointer_box img {width:80%}

/* 출장서비스용 */
#price2_tit {text-align:center; width:700px; margin:20px auto; font-size:15px; letter-spacing:-0.8px;}
#price2_tit li {width:185px;float:left;}
/* #price2_tit #liSecondSpacing {width:112px;}
#price2_tit #liThirdSpacing {width:82px;} */
#price2_tit li p {text-align:center; font-size:16px; font-weight:bold;}
#price2_tit li p.firstSpacing {margin-bottom:10px;}
#price2_tit li p.textSpacing {margin-bottom:30px;}
#price2_tit li span {color:#549b84;}
#price2_tit li a {text-decoration:underline;}


.agree_box {background: #fcfcfc;border: 1px solid #d8d8d8;padding: 19px;width: 100%;box-sizing: border-box;clear: both;}
.agree_box .terms_box {overflow-y: auto;height: 260px;background: #fff;border: 1px solid #d8d8d8;padding: 20px;color: #707070;font-size: 15px;font-weight: 300;}
.agree_box02 {background: #fcfcfc;border: 1px solid #d8d8d8;padding: 19px;width: 100%;box-sizing: border-box;clear: both;}
.agree_box02 .agree_step_box {float:left; position: relative; margin:30px 0 0 60px;}
.agree_box02 .agree_step_box .box {position: relative;}
.agree_box02 img {position: relative; width:30%; margin:20px 0 20px}
.agree_box02 .bottom_agree_step_box .agree_step_box {margin:50px 0 30px 140px}

.policywrap table {border-top: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;width: 100%;box-sizing: border-box;table-layout: fixed;width: 100%;}
.policywrap table th, .policywrap table td {border-left: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;line-height:30px;padding: 0 20px;text-align: left;font-weight: 400;box-sizing: border-box;}
.policywrap table th {color: #252525;font-size: 16px;background: #fbfbfb;vertical-align: top;}


/*체크 안 된 상태*/
.online_step_select input[type="radio"] {display: none;}
.online_step_select input[type="radio"] + label {display: inline-block; width:100%; height: 100%;cursor: pointer; border-radius: 3px;float: right;padding: 20px 0;}
.cssForMac {margin-top:40px;}
.online_step_select:after {display:block; clear:both; content:"";}
/*체크상태*/
.online_step_select input[type="radio"]:checked + label {border: 1px solid #158cfb;box-shadow:3px 3px 10px #4faaff;box-sizing: border-box;}

.online_step_select ul:after{content:'';clear: both;display: block;}
.online_step_select li{width:32%;margin-right: 2%;float: left;border: 1px solid #ddd;box-sizing: border-box; border-radius: 5px;margin-bottom:2%;text-align: center;cursor:pointer;height:300px;}
.online_step_select li:nth-child(3n){margin-right: 0;}
.online_step_select li:hover{border: 1px solid #158cfb;box-sizing: border-box; }
.online_step_select li img{width: 60%;}

.online_step_select .half li{width:48%;margin-right: 2%;float: left;border: 1px solid #ddd;box-sizing: border-box; border-radius: 5px;margin-bottom:2%;text-align: center;cursor:pointer;height:300px;}
.online_step_select .half li:nth-child(2n){margin-right: 0;}
.online_step_select .half li:hover{border: 1px solid #158cfb;box-sizing: border-box; }
.online_step_select .half li img{width: 40%;}

.online_step_select .three li{width:32%;margin-right: 2%;float: left;border: 1px solid #ddd;box-sizing: border-box; border-radius: 5px;margin-bottom:2%;text-align: center;cursor:pointer;height:300px;}
.online_step_select .three li:nth-child(3n){margin-right: 0;}
.online_step_select .three li:hover{border: 1px solid #158cfb;box-sizing: border-box; }
.online_step_select .three li img{width: 60%;}

.online_step_select .four li{width:23%;margin-right: 2%;float: left;border: 1px solid #ddd;box-sizing: border-box; border-radius: 5px;margin-bottom:2%;text-align: center;cursor:pointer;height:250px;}
.online_step_select .four li:nth-child(4n){margin-right: 0;}
.online_step_select .four li:hover{border: 1px solid #158cfb;box-sizing: border-box; }
.online_step_select .four li img{width: 60%;}

.online_step01_choice{margin-bottom: 30px;}
.online_step01_choice li:hover{border: 1px solid #ddd;box-sizing: border-box; }
.online_step01_choice li img{margin-top: 20px;}

.online_step03 > strong{font-size: 24px;display: block;text-align: center;color:#888;}
.online_step03 li{height:68px;margin-bottom: 1%;}
/*.online_step03 li:last-child{width: 100%;}*/

/*typeB*/
.online_step_select02 li{width: 23.5%; height: 270px;}
.online_step_select02 li:nth-child(3n){margin-right: 2%;}
.online_step_select02 li:nth-child(4n){margin-right: 0;}

/*step04 table*/
.etc_info #parcelType {color:#ff0000; float:right; margin-right: 200px;}
.etc_info table {border-top: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;width: 100%;box-sizing: border-box;table-layout: fixed;width: 100%;}
.etc_info table th, .etc_info table td {border-left: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;height: 60px;line-height: 60px;padding: 0 20px;text-align: left;font-weight: 400;box-sizing: border-box;}
.etc_info table th {color: #252525;font-size: 16px;background: #fbfbfb;vertical-align: top;}
.etc_info table td{width: 100%;}
.etc_info table th i {color: #ff6c55;}
.etc_info table td input[type=text], .etc_info table td input[type=number]
, .etc_info table td input[type=email] {height: 40px;border: 1px solid #d8d8d8;padding: 0 0 0 10px;box-sizing: border-box;margin-top: 5px;line-height: 38px;max-width:200px;}
.etc_info table td select {height: 40px;border: 1px solid #d8d8d8;padding: 0px 5px 0 10px;box-sizing: border-box;margin: 13px 0 5px 0px;line-height: 38px;font-size: 16px;color: #707070;max-width:700px;}
.etc_info .btn {display: inline-block;height: 40px;line-height: 38px;color: #fff;text-align: center;font-size: 16px;padding: 0 15px;background: #787878;vertical-align: top;margin: 12px 0 10px 10px;}
.etc_info .ill_btn{display: inline-block; padding: 4px 10px;font-size: 15px; margin-top: 4px;margin-left: 4px;line-height: 31px; background: #787878; color:#fff; font-weight:100;}
.etc_info #insuranceInfo {color:#ff0000; float:right; margin-right: 200px;}
.etc_info .parcelLabel {font-size:16px;}
.etc_info #sameDiv {float:right; margin-right:50px;}
.etc_info #postBtn {width:200px;}

.inquire_table{max-width: 700px;margin: 40px auto 0;}

/*추가동의*/
.deli_stit02{font-size:27px;}
.line02 { width: 100%;height: 2px;background: #ccc;margin: 20px auto 45px;}

.online_confirm:after{content:'';display: block; clear:both;}
.ing_box_wrap{float: left;}
.ing_box_wrap:after{content:'';display: block; clear:both;}
.ing_box_wrap .ing_box{padding: 10px;float: left;}
.ing_box_wrap .ing_box p{width: 100%;border: 8px solid #5a5a5a;box-sizing: border-box;border-radius: 50%;height: 210px;display: block;line-height: 8.5;margin-bottom: 20px; padding: 20px;text-align: center;}
.ing_box_wrap .ing_box p img{width:70%;max-width: 150px;}
.ing_box_wrap .ing_box span{display: block;width: 100%;text-align: center;}
.online_confirm > img{}
.arrow_box{width: 70px;height: 200px;line-height: 250px;text-align: center;float: left;}


/*진행상태*/
.online_step_box { width:160px;float:left;position:relative;margin-top: 20px}
.online_step_box .box { position:relative;text-align:center;}
.online_step_box p { text-align:center;font-size:18px;font-weight:100;margin-top:20px}
.online_step_box_arr { float:left;width:100px;text-align:center;padding-top:65px}
.online_step_box img{ width:70% }
.online_step_box_arr img{ width:40%}


/*추가동의*/
.add_agree > p{margin-top:20px;}
.add_agree p strong{font-size: 20px;}
.add_agree label {margin-right:50px;}
.add_agree span{padding-left: 19px;display: inline-block;margin: 7px 0px 12px;}
.add_agree span a {display: inline-block;padding:10px 15px; background-color: #787878; color:#fff;margin-right: 15px;margin-top: 5px;}
.add_agree form input[type=reset]{display: block;background-color: #666666; color:#fff;border:none;padding:10px 15px;margin-top: 10px;}
.add_agree form p{vertical-align: middle;padding: 50px;border: 1px solid #000;width: 100%;max-width: 200px;}


/*******************
당일수리 안내
********************/
.day_box { ;display:table;background:#a7a7a7;margin:30px auto 70px}
.day_box li {float:left; text-align:left;display:table-cell}
.day_box li:nth-child(2)   { color:#fff;font-size:18px;text-align:center;padding:12px 10px 0;;}
.day_box li:last-child  {float:right;  text-align:right;}
.img_center { margin:0 auto 75px;text-align:center;width:100%}
.img_center img {width:30%}
.day_box01 { background:#f7f7f7;padding:40px;text-align:center;font-size:16px;color:#363636;line-height:26px;;font-weight:100;margin-bottom:50px}
.day_box01 p { color:#000;font-size:24px;font-weight:100;margin-bottom:15px}
.day_box01 p span { color:#ca342f}

.day_list { }
.day_list li { float:left;border-right:1px solid #e5e5e5;width:20%;box-sizing:border-box;text-align:center;padding:0 18px;height:100%;}
.day_list li:last-child  {border-right:0}
.day_list li p {height:44px;margin-bottom:13px;color:#000;font-size:24px;font-weight:bold; }
.day_list li p img { vertical-align:middle}
.day_list li a {display:block;text-align:center;height:55px;line-height:55px;color:#000;font-size:18px;font-weight:100;border:1px solid #d5d5d5; margin-bottom:15px}
.day_list li a:last-child { margin-bottom:0}

.day_list li a.no_line {;border:0; }
.day_list li a:hover {border:1px solid #787878 }
.point { clear:both;border-top:1px solid #e5e5e5;margin-top:60px;padding-top:40px;color:#363636;font-weight:100;}
.point span { color:#ca342f}
.print span { font-weight:100; color:#a7a7a7;}
.print p {margin-top:20px; color:#787878;}

.clr { clear:both}


/*******************
소개
********************/
.about { margin-top:113px;}
.about .txt { float:left;width:560px;font-size:18px;color:#333333;line-height:30px;font-weight:100;}
.about .txt p {font-size:40px;color:#000;line-height:50px;font-weight:100 ;letter-spacing:-1px;margin-bottom:55px}
.about .txt p span { color:#ca342f;font-weight:bold;}
.about .img_box { float:right;width:580px;padding-bottom:90px}
.about .img_box img {margin-bottom:13px ;line-height:0;font-size:0;;;float:left}
.about .img_box img:nth-child(2)  { margin-right:10px}
.deli_stit02{font-size:27px;}

/*******************
FAQ
********************/
.faq_search { font-size:18px;color:#333;font-weight:100;text-align:center;margin:-40px 0 0 384px}
.faq_search span {float:left;margin-right:15px ;margin-top:11px}
.faq_search INPUT { background:#fff;color:#000;font-weight:100;width:230px;height:46px;padding-left:8px;box-sizing:border-box;float:left;border:0;font-size:18px;border:1px solid #a7a7a7;}
.faq_search button {float:left;background:#a7a7a7 url(../img/sub/faq_new_bt.jpg) repeat 0 0;border:0;height:46px;width:50px;cursor:pointer;;}

.faq_tab { height:60px;text-align:center;margin-bottom:23px;margin-top:50px}
.faq_tab a {float:left;display:block; height:60px;width:185px;padding-top:16px;color:#000;font-size:18px;font-weight:100;margin-right:6px;box-sizing:border-box;border:1px solid #d5d5d5;}
/* .faq_tab a.active { color:#dc0022;background: url(../img/sub/faq_tab_on.jpg) no-repeat 0 0} */
.faq_tab a.active { border:1px solid #787878!important; }
.faq_tab a:last-child  {margin-right:0; border-right:1px solid #d5d5d5; }

#faq_list{position:relative; border-top:1px solid #d6d6d6; border-bottom:0; }
#faq_list:after {display:block;visibility:hidden;clear:both;content:""}
#faq_list dl{position:relative;  z-index:1; }
#faq_list dl:after {display:block;visibility:hidden;clear:both;content:""}
#faq_list dt{}
#faq_list dt.fq{line-height:60px;  border-bottom:1px solid #d6d6d6; ;}
#faq_list dt i.fa{position:absolute; top:0;color:#10b9a0;height:37px; width:38px; text-align:center; border-radius:100%;padding-top:4px;font-weight:bold;}
#faq_list i.fa{font-size:16px;vertical-align:top}
#faq_list i.fa img{vertical-align:top;margin-top:15px;}
#faq_list dt.fq p{cursor:pointer; padding-left:90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;;font-weight:500;color:#333;font-size:18px;line-height:64px;}

#faq_list dd.fa { padding:0px 40px;border-bottom:1px solid #d6d6d6;background:#fcfcfc;color:#535353;font-size:16px;font-weight:100;}

#faq_list dt.fq i.fa-q{ left:40px;top:10px;background: url(../img/sub/faq_a_off.png) no-repeat 0 center;}
#faq_list dt.fq .fa-angle-down{ right:55px; top:10px;color:#fff;font-size:0px; border:0 ;background: url(../img/sub/faq_down.png) no-repeat 95% center }
#faq_list dt.fq .fa-pencil-square-o{ right:0;  }
.fa_content {width:85%;display:inline-block ;margin-left:13px;margin-top:13px;padding-bottom:25px}

#faq_list dl.active dt.fq{border-bottom:0;background:#fcfcfc}
#faq_list dl.active dt.fq i.fa-q{ left:40px;top:10px;background: url(../img/sub/faq_q_new.png) no-repeat 0 center}
#faq_list dl.active dt.fq .fa-angle-down{; border:0 ;background: url(../img/sub/faq_up.png) no-repeat 95% center }
#faq_list dl.active dt.fq p{color:#000;}



/* 페이징 */
.dataTables_paginate{padding:30px 0 0;text-align:center;font-size:0}
.dataTables_paginate > a,
.dataTables_paginate > span{display:inline-block;zoom:1;*display:inline;vertical-align:middle;height:36px;}
.dataTables_paginate a.paginate_button{width:36px;height:36px;;cursor:pointer;display:inline-block;zoom:1;*display:inline;line-height:36px;
-webkit-transition:all 120ms ease;-moz-transition:all 120ms ease;-ms-transition:all 120ms ease;-o-transition:all 120ms ease;transition:all 120ms ease;
font-size:13px;margin-left:6px;color:#3b3b3b;border:0;
-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}
.dataTables_paginate a i{font-size:14px;}
.dataTables_paginate a.paginate_button.next,
.dataTables_paginate a.paginate_button.previous,
.dataTables_paginate a.paginate_button.disabled.previous,
.dataTables_paginate a.paginate_button.disabled.next{width:36px;height:36px;border:#d6d6d6 1px solid;font-size:0;box-sizing:border-box;margin-top:0px}
.dataTables_paginate a.first,
.dataTables_paginate a.end{width:36px;height:36px;border:#d6d6d6 1px solid;font-size:0;box-sizing:border-box;display:inline-block}
.dataTables_paginate a.current{position:relative;cursor:pointer;display:inline-block;zoom:1;*display:inline;
-webkit-transition:all 120ms ease;-moz-transition:all 120ms ease;-ms-transition:all 120ms ease;-o-transition:all 120ms ease;transition:all 120ms ease;
-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;color:#fff;background:#4a4a4a;width:36px;height:36px;;vertical-align:top;border:0}
.dataTables_paginate .paginate_enabled_next:hover,
.dataTables_paginate .paginate_enabled_previous:hover{}


.dataTables_paginate a.paginate_button.next {background:url(../img/sub/page_right.jpg) no-repeat center;}
.dataTables_paginate a.paginate_button.previous {background:url(../img/sub/page_left.jpg) no-repeat center;}
.dataTables_paginate a.first {background:url(../img/sub/page_first.jpg) no-repeat center;}
.dataTables_paginate a.end {background:url(../img/sub/page_last.jpg) no-repeat center;;margin-left:6px;}


/*******************
지점안내
********************/

.office_tab { margin:40px 0}
.office_tab ul{ display:table;width:100%}
.office_tab li { display:table-cell ;width:auto}
.office_tab li  a {display:block;border:1px solid #d5d5d5;height:55px;line-height:55px;color:#000;font-size:18px;font-weight:100;;border-right:1px  solid #fff;text-align:center;}
.office_tab li  a:hover,
.office_tab li  a.active{border:1px solid #787878!important; }
.office_tab li:last-child  a {border-right:1px solid #d5d5d5 }

.office_tit{ width:100%;height:60px;line-height:60px;color:#000;font-size:30px;font-weight:bold;border-bottom:2px solid #000;}
.office_box  ul{ border-bottom:1px solid #ddd;padding:30px 0 35px;clear:both ;min-height:180px;box-sizing:border-box}
.office_box li { float:left;;}
.office_box li:nth-child(1)   { width:330px;}
.office_box li:nth-child(1) p { font-size:24px;color:#000;text-align:center;padding-bottom:9px;font-weight:500;}
.office_box li:nth-child(1) span { width:240px;height:33px;line-height:32px;border-radius:3px;text-align:center;margin:0 auto;display:block;font-size:12px;}
.office_box li:nth-child(1) span.box01{border:1px solid #aaaaaa;color:#cc0000;margin-bottom:7px;}
.office_box li:nth-child(1) span.box02{border:1px solid #198ba3;color:#1b8eab}
.office_box li:nth-child(1) span.box03{border:1px solid #aaaaaa;color:#0000FF; font-weight:600; margin-bottom:7px;}





.office_box li:nth-child(2)   { width:550px;color:#333;line-height:24px;padding-left:20px;padding-top:20px}
.office_box li:nth-child(2) b  {display:block; font-weight:bold;font-size:16px;}
.office_box li:nth-child(2) span {display:block;color:#666;font-size:15px ;font-weight:100;padding-top:15px}

.office_box li:nth-child(3)   { width:300px}
.office_box li:nth-child(3) a { display:block;border: 1px solid #333;box-sizing: border-box;padding: 0px 13px 4px 30px;text-align:center;font-size:12px;height:30px;line-height:30px;
	float:left;margin-right:10px;margin-top:15px;background-position: 8px center;background-repeat: no-repeat;border-radius: 3px}
/*.office_box li:nth-child(3) a:hover{ background:#3b3b3b;color:#fff;}*/
.office_box li:nth-child(3) a:first-child{ background-image: url(../img/sub/icon1_on.png) ;width: 105px}
.office_box li:nth-child(3) a:nth-child(2){ background-image: url(../img/sub/icon2_on.png) ;width: 135px;}
.office_box li:nth-child(3) a:nth-child(3){ background-image: url(../img/sub/icon3_on.png);margin-top: 5px; width: 105px;}
.office_box li:nth-child(3) > span{display:block;padding: 0px 13px 0px 13px;text-align:center;font-size:12px;height:30px;line-height:30px;width: 110px;
float:left;margin-right:0px;margin-top:5px;border-radius: 3px}

span.fine {background-color:#009804; color:white;padding:2px 13px 2px 13px;border-radius:3px;}
th span.fine {font-size:13px;}
/*span.fine {background-color:#343434; color:white; font-weight:normal;font-size:14px;border-radius:20px;display: inline-block;width: 160px;
    height: 40px;line-height: 41px;}
span.fine img{margin-left: 3px; margin-right: 15px;}
*/

/*******************
지점안내 Detail
********************/
.locationWrap{width:100%;float: left;margin-right: 20px;letter-spacing:-1px;position: relative;margin-top: 5px;}
.locationWrap colgroup col:first-child{width: 130px;}

/*table 제일 윗줄*/
.locationWrap tr td.title div {display: inline-block;}
.locationWrap tr td.title > span{font-size: 24px; font-weight: bold;margin-right: 20px;vertical-align: middle;}
.locationWrap tr td.title div > span {display:inline-block;font-size:12px;padding:0px 13px;border-radius:5px;margin-top:0px;height: 35px;line-height: 35px;cursor:pointer;}
.locationWrap tr td.title div > span.state1 {border:1.5px solid #0000FF;color:#333; font-weight:600}
.locationWrap tr td.title div > span.state2 {border:1px solid #d23d37;color:#333;margin-right: 5px;}
.locationWrap tr td.title div > span.state3 {border:1px solid #198ba3;color:#333;}


.locationWrap table{border-top: 3px solid #000;background-color: #fff;border-bottom: 1px solid #ccc;margin-bottom: 30px;}
.locationWrap table th, .locationWrap table td{color:#333;height: 32px;line-height:24px;padding:16px 18px 16px 22px;font-size: 16px;}
.locationWrap .tax01 table th, .locationWrap .tax01 table td{padding:0 8px;} /*tax01*/
.locationWrap table th.txt_center{text-align: center;}
.locationWrap table tr{border-bottom: 1px solid #ccc;}
.locationWrap table tr.loca_info{border: none;}
/*.locationWrap table tr.loca_info td:first-child{text-align: center;width: 90px;}*/
.locationWrap table tr.loca_info td span{float: left;width: 100px;text-align: center;margin-right: 20px;}
.locationWrap table tr.loca_info td p{float: left;text-align: left;}
.locationWrap table th{background-color: #fafafa;text-align:left;padding-left: 10px;font-weight: bold;font-size: 18px;}
.locationWrap table td{vertical-align: middle;}
.locationWrap table td.service_pd p{float: left;padding: 0 9px;}
.locationWrap table td.service_pd {text-align: center;}

.locationphoto{position: absolute;top:70px;right:0px;}

.date, .result { display: inline-block;border: 1px solid #333;box-sizing: border-box;padding: 0px 13px 4px 30px;text-align: center;font-size: 12px;height: 30px; line-height: 30px;margin-left: 5px;background-position: 8px center;background-repeat: no-repeat;border-radius: 3px; margin-top: 4px; }
td .date { background-image: url(../img/sub/icon1_on.png); width: 105px;}
td .result{background-image: url(../img/sub/icon2_on.png); width: 135px;}

/* 예약 */
.booking1_top h2{font-size:54px;text-align: center;margin-top:30px;}
.booking1_top:after{content:'';width:50px; border: 1px solid #000;display: block;margin: 20px auto;}
.booking1_info{border: 1px solid #8a8a8a;margin: 0 auto 25px;}
.booking1_info h3 {font-size:30px;color:#218f9b;line-height:160%;}
.booking1_info h4 {font-size:24px;color:#000000;margin: 40px 0 30px;}
.booking1_info h5 {font-size:18px;}
.booking1_info p {font-size: 16px;}
.booking1_info_2sec {margin-top:60px;padding-top:60px;border-top:1px solid #dddddd;}

.booking_btnWrap a {display:inline-block;border:1px solid #8b8b8b;padding:5px 0px;font-size:18px;color:#000;border-radius:5px;width:220px;text-align:center;margin:0 2px}
.booking_btnWrap a:hover {background:#8b8b8b;color:#fff;}
.booking_btnWrap a.red {display:inline-block;border:1px solid #d23d37;padding:5px 0px;font-size:18px;color:#d23d37;border-radius:5px;width:220px;text-align:center;}
.booking_btnWrap a.red:hover {background:#d23d37;color:#fff;}
.booking_policy {border:7px solid #f0f0f0;padding:20px;height:200px;overflow-y:scroll;}
.booking_btnWrap a.widfree {width:auto;padding:5px 30px;}

.tableBusy tbody th p {font-size:16px; vertical-align:middle;color:#666;text-indent: 10px;display: inline-block;}
.text-center {text-align:center;}




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


.sub_visual .center_wrap.reservation_img{background:#f9f9f9 url(/web/_Img/Content/delivery-img_truck.png) no-repeat 130% bottom;background-size:60%;padding:0 4%;box-sizing:border-box}
.sub_visual .center_wrap.reservation_img01{background:#f9f9f9 url(../img/sub/top_img01.png) no-repeat 100% bottom;background-size:60%;padding:0 4%;box-sizing:border-box}
.sub_visual .path{;margin-left:0px;padding-left:3%;display:block}
.sub_visual .tit{padding-top:20px;font-size:25px;padding-left:3%}


.sub_menu a  { display:inline-block;padding:0 2%;font-size:16px;;}

.p_tit { text-align:center;font-weight:bold;padding:50px 0 30px;line-height:40px;;}
.p_tit .line  { width:40px;height:1px;background:#000;margin:30px auto 30px}
.p_stit {text-align:center;font-size:14px;padding-bottom:30px; }





/*******************
예약서비스
********************/
.re_box {position:relative;float:left;width:100%;border:1px solid #d5d5d5;padding:10%;;box-sizing:border-box;font-size:14px;;font-weight:100;margin-top:20px}
.re_box p { font-size:26px;font-weight:500;margin-bottom:5px}
.re_box .time { margin-top:30px}
.re_box .time dt,
.re_box .time dd{display:inline-block ;height:18px;line-height:18px;}
.re_box .time dt { color:#ca342f;border-right:1px solid #ccc;padding-right:10px;margin-right:10px;width: 12%;}
.re_box .time dl { margin-bottom:8px}
.re_box img {display:none}
.re_box.f_box { margin-right:0px}

.re_step { margin:50px 0 10px;border-top:1px solid #d1d1d1;padding-top:30px}
.re_step p { font-size:20px;font-weight:500;text-align:center;}
.re_step p span { color:#ca342f;text-decoration:underline}

.re_step_box { width:80%;float:left;position:relative;padding:10%}
.re_step_box .box { position:relative;text-align:center;}
.re_step_box  img { width:40%}
.re_step_box p { text-align:center;font-size:16px;font-weight:100;margin-top:20px}


.re_step_box_arr { float:left;width:10%;text-align:center;padding-top:unset;margin:0 45%}
.ml_60 { margin-left:0px}



.btn_area_b{padding-top:30px;}
.btn{line-height:60px; height:60px; font-size:18px;;width:80%;font-weight:100;margin:10px auto}



.g_box {padding:5%;}

.service_box {height:auto;line-height:28px;padding:15px }



.service_box_form dl dt { width:100%;padding-left:10px;}
.service_box_form dl dd {;height:auto;;line-height:26px; width:100%;padding:10px}
.service_box_form dl dd.dd_two { width:100%}
.service_box_form dl dd span {right:0;text-align:left;position:relative;}
.service_box_form dl dd select,
.service_box_form dl dd INPUT,
.service_box_form dl dd textarea{ padding-left:0px;width:100%;}
.service_box_form dl dd textarea { width:100%;height:100px;}
.service_box_form dl dt.textarea{height:auto;}
.service_box_form dl dd.textarea{height:120px;;}
.service_box_form dl dd.dd_two INPUT { width:80%;}
.service_box_form dl dd.dd_two a {height:38px;line-height:26px;;width:15%;}


.service_box_form dl dd input#email2 {width: 60%}
.service_box_form dl dd select#email3 {width: 20%}

/*******************
지점안내
********************/

.office_tab li   {width:33.3%;display:block;float:left}
.office_tab li a { margin-bottom:6px}
.office_tab li:nth-child(3) a ,
.office_tab li:last-child  a {border-right:1px solid #d5d5d5 }


.office_tit{ width:100%;;}
.office_box  ul{  ;min-height:auto;}
.office_box li:nth-child(1)   { width:100%;}
.office_box li:nth-child(1) span { width:80%;margin:0 10% 15px}

.office_box li:nth-child(2)   { width:100%;;padding-left:0px;padding-top:5px}

.office_box li:nth-child(3)   { width:100%;text-align:center;width: auto;}
.office_box li:nth-child(3) a { display:inline-block;;float:none;width: auto;margin-right: 5px;}
.office_box li:nth-child(3) a:nth-child(3){margin-top: 12px;width: auto;}
.office_box li:nth-child(3) > span{width: auto;margin-top: 15px; margin-right: 10px;}


.img_center img{width:100% }
.day_box01 { padding:8%}
.day_box01 p { font-size:25px;}

.day_list li { width:100%;border-right:0;margin-bottom:20px;border-bottom:1px solid #d5d5d5;padding-bottom:20px}
.point { border-top:0;padding-top:0;margin-top:10px}

.img_s { width:13%}




/*******************
서비스 및 예약 안내
********************/


.locationphoto {display: none;}

.booking1_info{margin-top: 0;padding: 50px 50px 10px;}
.booking1_info h4{margin-top: 0;}


.locationWrap table tr.loca_info td span{float: none;}
.locationWrap table tr.loca_info td p{float: none;margin-top:15px;margin-left: 10px;margin-bottom: 10px;}
.tableBusy tbody th p{font-size: 13px;margin-top:5px;}



/*******************
가격정보
********************/
.price_box {margin-top:0px}
.price_box p {;height:auto;padding:15px 5%;line-height:40px;border-bottom:0}
.price_box p span { position:relative;;right:0px;top:0px;display:block;height:50px}
.price_box  ul li { float:left;width:100%;border-right:0}
.price_box  ul li:nth-child(1)  {border-left:0}
.price_box  ul li:nth-child(4)  {width:100%}
.price_box  ul li:nth-child(5)  {width:100%;}
.price_box  .box { padding:20px 0 20px 5%;;font-size:16px;}
.m_none { display:none}



/*******************
택배서비스
********************/

.online_step_select li{height: 90px;}
.online_step_select li p{margin-bottom: 15px;}
.agree_box02{font-size: 14px;}
.etc_info table{width: 100%;}
.etc_info table td{position: static;}
.etc_info table th{font-size: 14px;line-height: 30px;padding: 10px;}
.etc_info table th, .etc_info table td{line-height: 30px;padding: 10px;}
.etc_info #parcelType {margin: 10px 80px 0 0;}
.etc_info #sameDiv {float:left; margin:10px 0 0 5px;}
.etc_info #insuranceInfo {margin-right: 60px;}

.deli_stit p{font-size: 23px;margin-bottom: 0;}

.online_step_box { width:60%;float:left;position:relative;padding:20%}
.online_step_box .box { text-align:center;}
.online_step_box  img { width:100%}
.online_step_box p { text-align:center;font-size:16px;font-weight:100;margin-top:20px}
.online_step_box_arr { float:left;width:20%;text-align:center;padding-top:5%;margin:0 40%}

.add_agree p strong{font-size: 19px;}
.add_agree{font-size: 14px;}

.online_step_select .four li{width:23%;margin-right: 2%;float: left;border: 1px solid #ddd;box-sizing: border-box; border-radius: 5px;margin-bottom:2%;text-align: center;cursor:pointer;height:220px;}
#price_tit {width:77%; margin:20px auto;}
.etc_info #postBtn {margin: 5px 0 10px 15px;}

#price2_tit {width:77%; margin:20px auto;}
/*******************
FAQ
********************/
.faq_search { ;margin:-40px 0 0 0 }
.faq_search INPUT { width:80%}

.faq_tab { height:auto;text-align:center;background: none;margin-top:20px}
.faq_tab a { height:60px;width:49%;background:none;0;margin-right:2px;;border:1px solid #d6d6d6;margin-top:2px}
.faq_tab a.active { color:#dc0022;background:none;border:1px solid #dc0022}


#faq_list{ margin-top:20px}
#faq_list dt.fq p{ padding-left:18%;;}

#faq_list dd.fa { padding:0px 3%;;}

#faq_list dt.fq i.fa-q{ left:3%;}
#faq_list dt.fq .fa-angle-down{ display:none }
#faq_list dt.fq .fa-pencil-square-o{ right:0;  }
.fa_content {width:94%;;margin-left:3%;}



/*******************
방문전준비사항
********************/

.items_s {height:auto;width:100% }
.num_box { text-align:center;}
.items_s li {padding:0 0 35px 0;}
.items_s li .num_box img {width:unset;}
.items_s li p {text-align:center; min-width:100%;}
.items_s li:last-child p {text-align:left;}
.items_s li span {display:inline-block; color:#7c7c7c;font-size:15px;font-weight:100;}
.items_s li span em { font-style:normal;color:#000;padding-left:24px}
.items_s li span em.tit {display:block;padding-bottom:10px;padding-left:0}
.items_s li span i{ font-style:normal;color:#7f7f7f;font-size:20px;}
.items_s a.link{width:100%;;position:relative;margin-top:8px}
.items_s li div { float:left;width:100%;position:relative;margin-bottom:15px}
.items_s li div:last-child  { width:100%;; padding-bottom:30px}
.items_s li:last-child div:last-child {border-bottom:0}


/*******************
소개
********************/
.about .txt {padding-top:50px; width:100%;font-size:18px;}
.about .txt p {margin-bottom:30px}
.about .img_box { width:100%;padding-bottom:90px;padding-top:20px}
.about .img_box img {width:100%}
.about .img_box img:nth-child(2)  { margin-right:0px}

/*팝업창*/

	.pop_title{padding: 6px 17px; color:#fff; background-color: #000;width: 60px;text-align: center;border-radius:30px;margin: 20px auto;}
	.stepnum{font-size: 26px;font-weight:bold; text-align: center;margin: 20px 0 40px;}
	.popup_box{padding:0 20px;text-align: center;}
	.popup_box a:hover{color:#ca342f; }
	.popup_box a, .popup_box span{display: block; margin: 0 auto;text-align: center;}
	.popup_box span{margin: 10px 0 0;}
	.popup_box p{margin: 10px 0;}
	.popup_box img{max-width:1100px;margin-bottom: 20px;}


	/** 추가(2018-11-26)
		Hyunjins
	**/
	.etc_info table td select{
		margin-top:5px !important;
	}
}




@media screen and (max-width:900px){
.popup_box img{max-width:1100px;margin-bottom: 20px;width:100%;}
.popup_box{font-size: 14px;}

.etc_info #parcelType {float: left; margin-right: 40px;}
.etc_info #insuranceInfo {float: left;}
.etc_info #postBtn {width: 180px; margin: 5px 0 10px 15px;}

.online_step .sign_agree {width: 60%}

/*******************
택배서비스
********************/
#price_tit {width:97%; margin:20px 30px;}
#price_tit li {width:17%;}

/*******************
출장서비스
********************/
#price2_tit {width:97%; margin:20px 30px;}
#price2_tit li {width:17%;}

}




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

/*******************
서비스 및 예약 안내
********************/

.locationWrap colgroup col:first-child{width:90px;}
.locationWrap tr td.title > span{font-size: 22px;}
.locationWrap tr td.title div > span{font-size: 14px;}
.locationWrap tr td.title div > span.state2{margin-top:10px;}
.locationWrap tr td.title div > span.state3{margin-top: 5px;}

.locationWrap table th{font-size: 16px;}
.locationWrap table th, .locationWrap table td{font-size: 14px;padding:10px 12px 10px 10px;}

.locationWrap table th{padding: 10px;}

.booking1_info{padding: 40px 30px 0px;}

.online_step_select .four li{width:23%;margin-right: 2%;float: left;border: 1px solid #ddd;box-sizing: border-box; border-radius: 5px;margin-bottom:2%;text-align: center;cursor:pointer;height:180px;}
.online_step_select .four .cssForMac{margin-top:35px;}


/*******************
택배서비스
********************/

.etc_info #parcelType {margin-right: 15px;}
.online_step .sign_agree {width:70%;}

#price_tit {width:100%; margin-left:3%;}
#price_tit #liSecondSpacing {width:103px;}

/*******************
택배서비스
********************/
#price2_tit {width:100%; margin-left:3%;}
#price2_tit #liSecondSpacing {width:103px;}
}




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

/*******************
예약서비스
********************/
.online_step_select li {height:155px;}
.online_step_select li:last-child {height:70px;}

.online_step_select .three li {height:165px;}




/*******************
지점안내
********************/


.office_box li:nth-child(3)   { width:100%;text-align:center;width: auto;}
.office_box li:nth-child(3) a { display:inline-block;;float:none;width: auto;margin-right: 5px;}
.office_box li:nth-child(3) a:nth-child(3){width: auto;margin-top: 15px;}
.office_box li:nth-child(3) > span{width: auto;margin-top: 12px; margin-left: 13px;}

.online_step_select .four li{width:23%;margin-right: 2%;float: left;border: 1px solid #ddd;box-sizing: border-box; border-radius: 5px;margin-bottom:2%;text-align: center;cursor:pointer;height:150px;}
.online_step_select .four .cssForMac{margin-top:29px;}

.items_s li:last-child span {width:100%; padding-left:10px}

/*******************
택배서비스
********************/

.etc_info table th{line-height: 20px;}
.etc_info table th, .etc_info table td{line-height: 20px;}
.etc_info #parcelType {float: left; margin-right: 0px;}
.etc_info #insuranceInfo {float: left; margin:20px 0 0;}
.etc_info #postBtn {width: 160px; margin: 15px 0 5px 0;}
.etc_info table th i {margin-right: 30px;}

.p_stit img {width: 50%;}

#price_tit {width:82%;margin-left:22%}
#price_tit li {width:145px; margin:0 0 30px 30px;}
#price_tit li p.textSpacing {margin-bottom:10px;}
#price_tit #liSecondSpacing {margin-left:50px;}
#price_tit #liThirdSpacing {margin-left:60px;}
.price_pointer_box {float:unset; margin:50px 40px 30px 25%;}

.online_step .sign_agree {width:70%;}

#price2_tit {width:82%;margin-left:22%}
#price2_tit li {width:145px; margin:0 0 30px 30px;}
#price2_tit li p.textSpacing {margin-bottom:10px;}
#price2_tit #liSecondSpacing {margin-left:50px;}
#price2_tit #liThirdSpacing {margin-left:60px;}
}




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

/*******************
지점안내
********************/


.office_box li:nth-child(3)   { width:100%;text-align:center;width: auto;}
.office_box li:nth-child(3) a { display:inline-block;;float:none;width: auto;margin-right: 5px;}
.office_box li:nth-child(3) a:nth-child(3){width: auto;margin-top: 12px; margin-right: 81px;}
.office_box li:nth-child(3) > span{width: auto;margin-top: 12px; margin-left: 46px;}

.online_step_select .four li{width:23%;margin-right: 2%;float: left;border: 1px solid #ddd;box-sizing: border-box; border-radius: 5px;margin-bottom:2%;text-align: center;cursor:pointer;}
.online_step_select .four .cssForMac{margin-top:27px;}


/*******************
택배서비스
********************/
#price_tit {width:82%;}
#price_tit li {margin:0 0 30px 25px;}
#price_tit #liSecondSpacing {margin-left:40px;}
#price_tit #liThirdSpacing {margin-left:50px;}
.price_pointer_box {float:unset; margin:50px 40px 30px 24%;}

/*******************
출장서비스
********************/
#price2_tit {width:82%;}
#price2_tit li {margin:0 0 30px 25px;}
#price2_tit #liSecondSpacing {margin-left:40px;}
#price2_tit #liThirdSpacing {margin-left:50px;}

}


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

/*******************
지점안내
********************/
.online_step_select li {height:180px;}



/*******************
지점안내
********************/


.office_box li:nth-child(3)   { width:100%;text-align:center;width: auto;}
.office_box li:nth-child(3) a { display:inline-block;;float:none;width: auto;margin-right: 5px;}
.office_box li:nth-child(3) a:nth-child(3){width: auto;margin-top: 12px; margin-right: 55px;}
.office_box li:nth-child(3) > span{width: auto;margin-top: 12px; margin-left: 20px;}

.online_step_select .four li{width:23%;margin-right: 2%;float: left;border: 1px solid #ddd;box-sizing: border-box; border-radius: 5px;margin-bottom:2%;text-align: center;cursor:pointer;height:175px;}
.online_step_select .four .cssForMac{margin-top:27px;}

/*******************
택배서비스
********************/
#price_tit #liSecondSpacing {margin-left:20px;}
#price_tit #liThirdSpacing {margin-left:35px;}
#price_tit li {margin:0 0 30px 8px;}
#price_tit #liSecondSpacing {margin-left:25px;}
#price_tit #liThirdSpacing {margin-left:37px;}

.etc_info #postBtn {width: 130px;}
.price_pointer_box {float:unset; margin:50px 40px 30px 22%;}

/*******************
출장서비스
********************/
#price2_tit li {margin:0 0 30px 8px;}
#price2_tit #liSecondSpacing {margin-left:25px;}
#price2_tit #liThirdSpacing {margin-left:37px;}
}