/********** 컨텐츠 타이틀 **********/

h2 { font-size:46px; font-weight:700; }
h3 { font-size:34px; font-weight:700; }
h4 { font-size:27px; font-weight:500; }
h5 { font-size:20px; font-weight:400; }

h2, h3, h4, h5 { line-height:180%; color:#222; }


@media (max-width:1400px) {
	h2 { font-size:40px; }
	h3 { font-size:29px; }
	h4 { font-size:24px; }
	h5 { font-size:17px; }
}
@media (max-width:1000px) {
	h2 { font-size:34px; }
	h3 { font-size:26px; }
	h4 { font-size:21px; }
	h5 { font-size:16px; }
}
@media (max-width:768px) {
	h2 { font-size:28px; }
	h3 { font-size:23px; }
	h4 { font-size:19px; }
	h5 { font-size:15px; }
	h2, h3, h4, h5 { line-height:160%; }
}
@media (max-width:540px) {
	h2 { font-size:26px; }
	h3 { font-size:20px; }
	h4 { font-size:16.5px; }
	h5 { font-size:14px; }
}



/* 인사말 */

#ceo { padding:100px 0; }
.profile { font-weight:400; font-size:16px; line-height:190%; }
.profile span { color:#777; }

#company_info { background:#fff5cd; padding:100px 0; }

#company_info .col2cont li:last-child { position:relative; }
#company_info i { position:absolute; left:20%; top:3px; height:calc(100% - 16px); border-left:1px solid #c7ac91; }

#company_info table tr td:first-child { width:30%; }
#company_info table tr td:last-child { width:70%; }

#company_info table { width:100%; margin-top:-16px; }
#company_info table td { color:#111; font-weight:400; font-size:16px; padding:16px 0; line-height:150%; }
#company_info table tr td:first-child { font-size:17px; }

@media (max-width:1200px){
	.profile, #company_info table td { font-size:15px; }
	#company_info table tr td:first-child { font-size:16px; }
}
@media (max-width:1000px){
	#company .col2cont > li { width:100%; }
	#company .col2cont > li:last-child { margin-top:40px; }
}

@media (max-width:768px){
	#company_info i { left:22%; top:2px; height:calc(100% - 10px); }
	#company_info table { width:100%; margin-top:-10px; }
	#company_info table td { font-size:13px; padding:10px 0; }
	#company_info table tr td:first-child { font-size:14px; }
	.profile { font-size:13px; }
}

@media (max-width:500px){
	#company .col2cont > li:last-child { margin-top:30px; }
	.profile, #company_info table td { font-size:12px; }
	#company_info table tr td:first-child { font-size:13px; }
}





/* 감독 */

#producer #profile { position:relative; }
#producer #char { position:absolute; bottom:0; right:60px; }

#producer .col2cont > li:first-child { width:40%; }
#producer .col2cont > li:last-child { width:60%; }

#work { background:#77584b; padding:110px 0; }
#work .dol_01 li { color:#fff; }
#work .dol_01 li:before { background-color:#fff; }

@media (max-width:1400px) {
	#producer #char img { width:160px; }
}

@media (max-width:1000px) {
	#producer .col2cont > li { width:100% !important; }
	#producer .col2cont > li:last-child { margin-top:40px; }
}

@media (max-width:800px) {
	#producer #char { right:30px; }
	#producer #char img { width:120px; }
	#producer .col2cont > li:last-child { margin-top:30px; }
}

@media (max-width:500px) {
	#producer #char { right:20px; }
	#producer #char img { width:90px; }
	#producer .col2cont > li:last-child { margin-top:20px; }
}




/*  회사연혁 */

.history1 { position:relative; }
.history1:before { position:absolute; height:100%; width:1px; background:#ddd; top:17px; left:50%; display:block; content:''; }
.history1 ul { width:50%; position:relative; left:50%; margin-top:40px; }
.history1 ul:after { clear:both; visibility:hidden; display:block; content:''; }
.history1 ul:first-child { margin-top:0; }
.history1 ul li, .history1 ul li div * { float:left; }
.history1 ul li div:after { clear:both; visibility:hidden; display:block; content:''; }

.history1 ul li:first-child { width:15px; height:15px; background:#fff; border:4px solid #d5534a; border-radius:100px; margin:17px 0 0 -7px; box-sizing:border-box; }
.history1 ul li:nth-child(2) { width:120px; font-size:30px; color:#333; font-weight:600; text-align:center; padding-top:8px; }
.history1 ul li:nth-child(3) { width:calc(100% - 160px); }
.history1 ul li div { margin-top:20px; }
.history1 ul li div:first-child { margin-top:14px; }

.history1 ul li p { font-size:17px; color:#000; font-weight:300; line-height:150%; }

.history1 ul.hleft { left:0; }
.history1 ul.hleft li, .history1 ul.hleft li div * { float:right; }
.history1 ul.hleft li:first-child { margin:17px -8px 0 0; }
.history1 ul.hleft li p  { text-align:right }

@media (max-width:900px) {
	.history1:before { left:47px; }
	.history1 ul { left:0 !important; padding-left:40px; width:100%; }
	.history1 ul.hleft li, .history1 ul.hleft li div * { float:left; }
	.history1 ul li:first-child { margin:17px 0 0 0 !important; }
	.history1 ul.hleft li p  { text-align:left; }
}
@media (max-width:768px) {
	.history1 ul li:first-child { margin-top:12px !important; }
	.history1 ul li:nth-child(2) { width:90px; font-size:24px; padding-top:6px; }
	.history1 ul li:nth-child(3) { width:calc(100% - 120px); }
	.history1 ul li p { font-size:15px; }
	.history1 ul li div { margin-top:14px; }
	.history1 ul li div:first-child { margin-top:8px; }
}
@media (max-width:600px) {
	.history1:before { left:27px; }
	.history1 ul { padding-left:20px; }
	.history1 ul li:first-child { margin-top:9px !important; }
	.history1 ul li:nth-child(2) { width:calc(100% - 100px); text-align:left; padding-left:16px; font-size:20px; }
	.history1 ul li:nth-child(3) { width:calc(100% - 32px); padding-left:32px; }
	.history1 ul li p { font-size:13.5px; }
	.history1 ul li div { margin-top:4px; }
	.history1 ul li div:first-child { margin-top:12px; }
}




/* 오시는길 */

#location_map {	width:100%;	height:600px; margin-bottom:-4px; }

.map_table { border:0; }
.map_table tr td { padding-top:15px; padding-bottom:15px; border:0; }
.map_table tr td.map_icon { width:50px; padding-left:30px; padding-right:0; }

.map_icon div {
	width:50px;
	height:50px;
	background-color:#dd5151;
	border-radius:25px;
	background-repeat:no-repeat;
	background-position:center;
}
.map_icon .map_loc { background-image:url('/images/map_location.png'); }
.map_icon .map_tel { background-image:url('/images/map_tel.png'); }
.map_icon .map_mail { background-image:url('/images/map_mail.png'); }
.map_icon .map_fax { background-image:url('/images/map_fax.png'); }

#loc_guide .map_icon2 { width:100px; }
#loc_guide .map_icon2 div { width:80px; height:80px; border-radius:40px; background-repeat:no-repeat; background-position:center; }
#loc_guide .map_icon2 .map_car {  background-image:url('/images/map_car.png'); background-size:36px 27px; }
#loc_guide .map_icon2 .map_subway {  background-image:url('/images/map_subway.png'); background-size:31px 38px; }
#loc_guide .map_icon2 .map_bus {  background-image:url('/images/map_bus.png'); background-size:29px 34px; }

#loc_guide h3 { line-height:100%; }
#loc_guide tr td { padding:15px 0; }

@media (max-width:650px) {

	#loc_guide .map_icon2 { width:70px; }
	#loc_guide .map_icon2 div { width:50px; height:50px; }
	#loc_guide .map_icon2 .map_car { background-size:28px 21px; }
	#loc_guide .map_icon2 .map_subway { background-size:23px 28px; }
	#loc_guide .map_icon2 .map_bus { background-size:22px 26px; }
}
@media (max-width:540px){
	.map_table tr td.map_icon { width:40px; padding-left:16px; }
	.map_icon div { width:40px; height:40px; }
	.map_icon .map_loc { background-size:15px 17px; }
	.map_icon .map_tel { background-size:17px 17px; }
	.map_icon .map_mail { background-size:17px 13px; }
	.map_icon .map_fax { background-size:18px 15px; }
}
@media (max-width:420px) {
	#location_map {	height:400px; }
}





/* 사업영역 */

#business ul li { padding:0 50px; }
#business ul li div { padding:60px 0; height:430px; border:18px solid #237e8e; }
#business ul li:last-child div { background:#237e8e; }
#business ul li p:last-child { line-height:260%; }


@media (max-width:1400px) {
	#business ul li div { height:400px; }
}
@media (max-width:1200px) {
	#business ul { margin:0 -40px; }
	#business ul li { padding:0 40px; }
	#business ul li div { border-width:16px; }
}
@media (max-width:1000px) {
	#business ul { margin:0 -20px; }
	#business ul li { padding:0 20px; }
}
@media (max-width:768px) {
	#business ul { margin:0 -20px; }
	#business ul li { padding:0 20px; }
	#business ul li div { padding:50px 0; height:360px; border-width:14px; }
	#business ul li p:last-child { line-height:200%; }
}
@media (max-width:700px) {
	#business ul { margin:-20px 0; }
	#business ul li { padding:20px 0; width:100%; }
	#business ul li div { padding:40px 0; height:auto; }
}
@media (max-width:500px) {
	#business ul { margin:-15px 0; }
	#business ul li { padding:15px 0; }
	#business ul li div { border-width:10px; }
}






/* Work Part */

#workpart ul li { padding:0 50px; }
#workpart ul li .work_box { padding:50px; height:640px; border:18px solid #237e8e; }
#workpart ul li:last-child .work_box { background:#237e8e; }

#workpart table tr td { padding-top:25px; font-size:17px; }
#workpart table tr:first-child td { padding-top:0; }

#workpart table tr td:first-child { width:220px;  }

#workpart .work_box, #workpart .work_box p + div { position:relative; }
#workpart i { position:absolute; left:180px; height:100%; border-left:1px solid #237e8e; }

#workpart ul li:first-child td { color:#237e8e; }
#workpart ul li:last-child td { color:#fff; }
#workpart ul li:last-child i { border-color:#fff; opacity:.3; }

#workpart .char { position:absolute; right:40px; bottom:40px; }


@media (max-width:1400px) {
	#workpart ul { margin:0 -40px; }
	#workpart ul li { padding:0 40px; }
}
@media (max-width:1200px) {
	#workpart ul { margin:0 -30px; }
	#workpart ul li { padding:0 30px; }
	#workpart ul li .work_box { padding:40px; height:560px; border-width:16px; }
	#workpart table tr td:first-child { width:190px; }
	#workpart i { left:150px; }
	#workpart .char { right:30px; bottom:30px; }
	#workpart .char img { width:110px; }

}
@media (max-width:1000px) {
	#workpart ul { margin:0 -20px; }
	#workpart ul li { padding:0 20px; }
}
@media (max-width:960px) {
	#workpart ul { margin:-20px 0; }
	#workpart ul li { padding:20px 0; width:100%; }
	#workpart ul li .work_box { height:auto; border-width:14px; }
}
@media (max-width:768px) {
	#workpart ul li .work_box { padding:30px; }
	#workpart table tr td { padding-top:15px; }
	#workpart .char img { width:70px; }
}
@media (max-width:560px) {
	#workpart ul { margin:-15px 0; }
	#workpart ul li { padding:15px 0; }
	#workpart ul li .work_box { padding:24px; height:380px; border-width:10px; }
	#workpart table tr td:first-child { width:150px; }
	#workpart i { left:130px; }
	#workpart .char { right:20px; bottom:20px; }
}






/* Why Wishweb 3배너 */

#why_wishweb { padding:150px 0; background:url('/images/why.jpg') center no-repeat; background-size:cover; }
#why_wishweb ul { width:1400px; margin-left:auto; margin-right:auto; }

#why_wishweb ul li .col_box { margin:0 30px; border:12px solid; padding:50px 50px; box-sizing:border-box; }
#why_wishweb ul li p { color:#fff; }
#why_wishweb ul li p.ban_tit { font-size:24px; line-height:140%; font-weight:600; }
#why_wishweb ul li p.ban_det { font-size:16px; line-height:150%; font-weight:300; }
#why_wishweb ul li i { display:inline-block; width:22px; height:1px; border-top:1px solid #fff; margin:15px 0; }

@media (max-width:1460px) {
	#why_wishweb ul { width:100%; }
	#why_wishweb ul li .col_box { margin:0 20px; }
	#why_wishweb ul li p.ban_tit { font-size:22px; }
	#why_wishweb ul li p.ban_det { font-size:15px; }
}

@media (max-width:1100px) {
	#why_wishweb ul li .col_box { border-width:10px; padding:40px 30px; }
	#why_wishweb ul li p.ban_tit { font-size:20px; }
	#why_wishweb ul li p.ban_det { font-size:14px; }
}

@media (max-width:900px) {
	#why_wishweb ul li .col_box { padding:34px 20px; margin:0 10px; }
	#why_wishweb ul li p.ban_det { word-break:break-all; }
	#why_wishweb ul li p.ban_tit { font-size:18px; }
	#why_wishweb ul li p.ban_det { font-size:13px; }
}
@media (max-width:760px) {
	#why_wishweb ul li .col_box { border-width:7px; padding:30px 0; margin:0 5px; }
	#why_wishweb ul li p.ban_tit { font-size:16px; font-weight:500; }
	#why_wishweb ul li p.ban_det, #why_wishweb ul li i { display:none; }
}
@media (max-width:420px) {
	#why_wishweb ul li .col_box { border-width:5px; padding:20px 0; }
	#why_wishweb ul li p.ban_tit { font-size:14.5px; }
}






/* 위시반응형웹 위시디자인 슬라이드 */

#product_img li { text-align:center; width:auto; cursor:pointer; }
#product_img li img { width:96%; margin:auto; }

#product_txt div { display:none; text-align:center; }

#product_txt p { text-align:center; }
.mp_eng { font-size:16px; color:#333; font-weight:500; }
.mp_tit { font-size:34px; font-weight:600; }


@media (max-width:1200px) {
	#product_img li img { width:94%; }
	.mp_tit { font-size:30px; }
}

@media (max-width:768px) {
	#product_img li img { width:95%; }
	#product_txt { margin-top:20px; }
	.mp_eng { font-size:15px; }
	.mp_tit { font-size:28px; }
}

@media (max-width:420px) {
	#product_img li img { width:97%; }
	.mp_eng { font-size:13px; }
	.mp_tit { font-size:23px; }
}





/* 위시디자인 리스트 */

.wdl_box { padding:44px 0 40px; background:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.wdl_box ul li:first-child .col_box { padding-right:30px; }
.obl_list_tag span { display:inline-block; padding:8px 22px 9px; font-size:14px; font-weight:400; color:#fff; background:#555; border-radius:100px; margin:6px 4px 0 0; }
.wdl_box .recommend { font-size:16.5px; color:#444; line-height:160%; }

.wdl_tab { border:0; }
.wdl_tab .tab > li { border-bottom:1px solid #ccc; width:300px; }

.wdl_title p { padding-right:300px; }
.wdl_title div { position:absolute; right:0; bottom:0; }

.wdl_img { margin:0 -10px; }
.wdl_img li { padding:10px; }
.wdl_img li img { width:100%; }

@media (max-width:1200px) {
	.obl_list_tag span { font-size:13px; padding:6px 20px 7px; }
}

@media (max-width:960px) {
	.wdl_img li { width:50%; }
}

@media (max-width:768px) {
	.obl_list_tag span { padding:5px 18px 6px; font-size:12.5px; }
}

@media (max-width:760px) {
	.wdl_box ul li { width:100%; }
	.wdl_box ul li:last-child { margin-top:30px; }
	.wdl_title p { padding-right:0; }
	.wdl_title div { position:static; margin-top:30px; text-align:center; }

}
@media (max-width:420px) {
	.obl_list_tag span { font-size:12px; padding:5px 16px 6px; }
	.wdl_title div { margin-top:20px; }
	.wdl_img { margin:0 -5px; }
	.wdl_img li { padding:5px; }
}




/* 위시디자인 뷰 */

#wdv_slide { border:1px solid #e2e2e2; margin-bottom:80px; }
#wdv_top > li:first-child { width:800px; }
#wdv_top > li:last-child { width:600px; padding-left:80px; }

#wdv_top .det { font-size:16px; line-height:150%; }

#wdv_top i { display:block; height:1px; border-top:1px solid #888; margin:35px 0; }
#wdv_top i.wdv_line2 { border-color:#ddd; }

#wdv_top table th, #wdv_top table td { padding:7px 0; font-size:16px; }
#wdv_top table th { width:140px; text-align:left; }

#wdv_top table td.wd_price { font-weight:500; font-size:28px; }

.slick-dots {
    position: absolute;
    display: block;
    width:100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    margin-top:20px;
}

.slick-dots li {
	position: relative;
    display: inline-block;
    width: 100px;
    height: 60px;
    margin:0 3px;
    background:#ccc;
}

.slick-dots li button {
	position:absolute;
    font-size:0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer !important;
	background-repeat:no-repeat; background-size:cover; background-position:center;
    border:0;
    outline: none;
    opacity:.25;
}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button { opacity:1; }

#wdv_tab { height:80px; }
#wdv_tab .tab > li { padding:0 60px; height:80px;line-height:80px; }


.wdv_img_wrap { padding:50px; background:#f6f6f6; border-bottom:1px solid #ddd; }






/***** 맞춤제작비용 표 *****/

#wd_price p { line-height:140%; }
.res_table .cur_cel { border-left:2px solid #cc0d0d !important; border-right:2px solid #cc0d0d !important; }
.res_table thead th.cur_cel { border-top:2px solid #cc0d0d; }
.res_table tbody tr:last-child .cur_cel { border-bottom:2px solid #cc0d0d; }
.res_table tbody tr:last-child .cur_cel:before { border-bottom:0; }

@media (max-width:1500px) {
	#wdv_top > li:first-child { width:60%; }
	#wdv_top > li:last-child { width:40%; padding-left:60px; }
}

@media (max-width:1200px) {
	#wdv_top i { margin:20px 0; }
	#wdv_tab { height:60px; }
	#wdv_tab .tab > li { padding:0 50px; height:60px;line-height:60px; }
}

@media (max-width:1000px) {
	#wdv_top > li:first-child { width:100%; }
	#wdv_top > li:last-child { width:100%; padding-left:0; margin-top:40px; }
	#wdv_top { width:800px; margin:0 auto; }
}

@media (max-width:860px) {
	#wdv_top { width:100%; }
}
@media (max-width:820px) {
	.wdv_tab img { width:80%; }
}

@media (max-width:768px) {
	#wdv_slide { margin-bottom:70px; }
	.slick-dots li { width:80px; height:50px; }
	#wdv_top .det { font-size:14px; }
	#wdv_top table th, #wdv_top table td { font-size:14px; }
	#wdv_top table td.wd_price { font-size:24px; }
	#wdv_tab { height:50px; }
	#wdv_tab .tab > li { padding:0 40px; height:50px;line-height:50px; }
	.wdv_mob img { width:300px; }
}
@media (max-width:760px) {
	#wd_price thead th:last-child, #wd_price tbody tr td:last-child { display:none; }
}
@media (max-width:520px) {
	#wdv_slide { margin-bottom:42px; }
	.slick-dots { margin-top:12px; }
	.slick-dots li { width:50px; height:30px; margin:0 2px; }
	#wdv_top > li:last-child { margin-top:22px; }
	#wdv_top table th { width:100px; }
	#wdv_top .det { font-size:13px; }
	#wdv_top table th, #wdv_top table td { font-size:13px; }
	#wdv_top table td.wd_price { font-size:20px; }
	#wdv_top i { margin:12px 0; }
	#wdv_tab .tab { display:flex; }
	#wdv_tab .tab > li { width:100%; padding:0; }
}

@media (max-width:440px) {
	.wdv_tab img { width:90%; }
	.wdv_mob img { width:220px; }
}







/***** 맞춤제작안내 *****/

.cus_img { background:url('/images/cus_bg.gif'); padding:100px 40px; }

.cus_img table td { text-align:center; }
.cus_img table td:nth-child(1), .cus_img table td:nth-child(3) { width:47%; }
.cus_img table td:nth-child(2) { padding:0 20px; }
.cus_arrow_mob { display:none; }

#table_wds tr td { background:#fff; }
#table_wds tr td:nth-child(1), #table_wds tr td:nth-child(3) { font-weight:300; color:#333; width:40%; }



@media (max-width:1860px) {
	.cus_img table td:nth-child(1) img, .cus_img table td:nth-child(3) img { width:100%; }
}

@media (max-width:1400px) {
	.cus_img table td:nth-child(2) img { width:40px; }
}

@media (max-width:1000px) {
	#table_wds tr td:nth-child(1), #table_wds tr td:nth-child(3) { width:auto; }
}
@media (max-width:768px) {
	.cus_img { background-size:2px 2px; }
	.cus_img table td:nth-child(2) img { width:30px; }
}
@media (max-width:760px) {
	.cus_arrow_pc { display:none; }
	.cus_arrow_mob { display:table; }
	.cus_img table td { width:100%; }
	.cus_img table tr:nth-child(2) td { padding:20px 0; }
	.cus_img table tr:nth-child(2) td img { width:40px; }
}
@media (max-width:420px) {
	.cus_img table tr:nth-child(2) td img { width:30px; }
}





/***** 유지보수 *****/

#maint table thead th:nth-child(1) { width:13%; }
#maint table thead th:nth-child(2) { width:16%; }
#maint table thead th:nth-child(3) { width:16%; }
#maint table thead th:nth-child(4) { width:55%; }

#re_price table thead th:first-child { width:70%; }
#re_price table thead th:last-child { width:30%; }
#re_price li:last-child table { border-left:1px solid #ddd; }

#renewal span.sc { font-weight:400; }

@media (max-width:900px) {
#maint table thead th:nth-child(1) { width:17%; }
#maint table thead th:nth-child(2) { width:18%; }
#maint table thead th:nth-child(3) { width:18%; }
#maint table thead th:nth-child(4) { width:43%; }
}

@media (max-width:760px) {
	#maint table thead th:nth-child(1) { width:30%; }
	#maint table thead th:nth-child(2) { width:35%; }
	#maint table thead th:nth-child(3) { width:35%; }
	#maint table thead th:nth-child(4) { display:none; }
	#maint table tbody td:last-child { display:none; }

	#re_price li { width:100%; }
	#re_price li:last-child table { border-left:0; }

}





/* 채용안내 */

#recruit_box { padding:60px 0; background:#f2f2f2; }
#recruit_box p { text-align:center; font-size:80px; font-weight:600; }

#recruit ul { margin:0 -40px; }
#recruit .col_box { margin:0 40px; }

#recruit .col_box p { text-align:center; }
#recruit .col_box .ban_tit { font-size:23px; font-weight:600; color:#333; }
#recruit .col_box .ban_detail { font-size:16px; color:#555; line-height:150%; }

#recruit .col_box .ban_img { height:200px; background-repeat:no-repeat; background-position:center; border-top:1px solid #666; }
#recruit ul li:nth-child(1) .col_box div { background-image:url('/images/rc_icon1.png'); }
#recruit ul li:nth-child(2) .col_box div { background-image:url('/images/rc_icon2.png'); }
#recruit ul li:nth-child(3) .col_box div { background-image:url('/images/rc_icon3.png'); }
#recruit ul li:nth-child(4) .col_box div { background-image:url('/images/rc_icon4.png'); }


@media (max-width:1200px) {
	#recruit ul { margin:0 -30px; }
	#recruit .col_box { margin:0 30px; }
	#recruit .col_box .ban_img { height:140px; background-size:80px 80px;  }
}

@media (max-width:1000px) {
	#recruit ul { margin:0; }
	#recruit .col_box { margin:0 50px; }

	#recruit ul li { width:50%; }
	#recruit ul li:nth-child(3), #recruit ul li:nth-child(4) { padding-top:60px; }
	#recruit .col_box .ban_img { height:140px; background-size:80px 80px;  }
}

@media (max-width:520px) {
	#recruit .col_box { margin:0 10%; }
	#recruit ul li { width:100%; }
	#recruit ul li:nth-child(2), #recruit ul li:nth-child(3), #recruit ul li:nth-child(4) { padding-top:40px; }
	#recruit .col_box .ban_img { height:100px; background-size:64px 64px; border-top-style:dotted; }
}

@media (max-width:420px) {
	#recruit .col_box { margin:0 15px; }
}