@charset "UTF-8";

/* 공통 */
/* 2018-12-04 수정 시작 */
.btn_prev, .btn_next{position:absolute;top:35%;z-index:1;width:41px;height:41px;margin-top:-20px;font-size:0;line-height:0}
.btn_prev .ico_carpool, .btn_next .ico_carpool{width:100%;height:100%}
.btn_prev{left:15px}
.btn_prev .ico_prev{background-position:-320px -130px}
.btn_next{right:15px}
.btn_next .ico_next{background-position:-370px -130px}
/* 2018-12-04 수정 끝 */
.cont_main{position:relative;z-index:0}
.btn_close{position:fixed;top:0;right:0;padding:19px 17px 17px;z-index:10}
.btn_close .ico_close{width:19px;height:19px}

/* GNB */
.head_carpool{position:fixed;top:0;left:0;z-index:10;width:100%;height:55px}
.head_carpool .tit_carpool{position:absolute;top:0;right:0;left:0;z-index:10;height:55px;border-bottom:1px solid rgba(0, 0, 0, 0.15);background-color:#fff}
.head_carpool .tit_carpool .link_title{display:inline-block;margin:10px 0 0 11px;padding:10px;vertical-align:top}
.head_carpool .tit_carpool .txt_carpool{width:125px;height:19px;background-position:0 0}

/* Footer */
.footer_carpool{height:50px;margin-top:63px;padding:17px 0;border-top:1px solid #d9d9d9;-webkit-box-sizing:border-box;box-sizing:border-box}
.footer_carpool .tit_company{width:144px;height:15px;margin:0 auto;background-position:0 -309px}

.kakaot_carpool{padding-top:55px}
.kakaot_carpool .section_page{padding:52px 20px 74px;text-align:center}
.kakaot_carpool .section_page .tit_page{width:161px;height:16px;margin:0 auto;background-position:0 -19px}
.kakaot_carpool .section_page .ico_carpool{margin:49px auto 0;}
.kakaot_carpool .section_page .ico_role1{width:118px;height:115px;background-position:-20px -30px}
.kakaot_carpool .section_page .ico_role2{width:117px;height:127px;background-position:-180px 3px}
.kakaot_carpool .section_page .ico_role3{width:125px;height:118px;margin-top:59px;background-position:-310px 0}
.kakaot_carpool .section_page .ico_role4{width:134px;height:98px;margin-top:71px;background-position:-12px -150px}
.kakaot_carpool .section_page .ico_role5{width:131px;height:119px;background-position:-180px -151px}
.kakaot_carpool .section_page li .txt_carpool{height:21px;margin:40px auto 0;}
.kakaot_carpool .section_page li .tit_role1{width:207px;background-position:0 -40px}
.kakaot_carpool .section_page li .tit_role2{width:140px;background-position:0 -70px} /* 2018-11-21 수정 */
.kakaot_carpool .section_page li .tit_role3{width:185px;background-position:0 -100px}
.kakaot_carpool .section_page li .tit_role4{width:223px;margin-top:47px;background-position:0 -129px}
.kakaot_carpool .section_page li .tit_role5{width:180px;margin-top:48px;background-position:0 -160px}
.kakaot_carpool .section_page li .txt_role{margin-top:20px;font-size:15px;color:#888;letter-spacing:0}

.kakaot_carpool .section_slide{position:relative}
.kakaot_carpool .section_slide .inner_slide{margin:36px 20px 57px}
.kakaot_carpool .section_slide .img_slide{width:269px;margin:0 auto}
.kakaot_carpool .section_slide .txt_carpool{margin:33px auto 17px;}
.kakaot_carpool .section_slide .tit_slide1{width:159px;height:20px;background-position:0 -190px}
.kakaot_carpool .section_slide .tit_slide2{width:118px;height:20px;background-position:0 -220px}
.kakaot_carpool .section_slide .tit_slide3{width:141px;height:21px;background-position:0 -249px}
.kakaot_carpool .section_slide .tit_slide4{width:149px;height:20px;background-position:0 -279px}
.kakaot_carpool .section_slide .desc_slide{font-size:15px;color:#888;text-align:center;letter-spacing:0}