@charset "utf-8";
/* ---------- 콘텐츠 스타일 ---------- */


/* ---------- section ---------- */
.section{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}
.section_flex{position:relative; min-height:62px; padding-left:200px; padding-top:10px; box-sizing:border-box}

.flex_tit{position:absolute; left:0; top:10px}
.flex_tit .tit{display:inline-block; position:relative; padding-top:8px; line-height:150%; font-size:24px; color:#202020; font-family:gmk; font-weight:600; letter-spacing:-1.5px; vertical-align:middle}
.flex_tit .tit:after{content:''; position:absolute; left:0; top:0; width:20px; height:3px; background:#1565aa}

.section_hr{display:block; height:1px; margin:35px 0px; padding:0px; background:#d8d8d8; border:none; font-size:0; clear:both}



/* info_box */
.info_box01{position:relative; padding:20px; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.info_box01.large{padding:35px 20px}
.info_box01:before,
.info_box01:after{content:''; position:absolute; left:50%; width:0; height:0}
.info_box01:before{bottom:-12px; margin-left:-14px; border-top:12px solid #dadada; border-bottom:14px solid none; border-right:14px solid transparent; border-left:14px solid transparent}
.info_box01:after{bottom:-11px; margin-left:-14px; border-top:12px solid #fff; border-bottom:14px solid none; border-right:14px solid transparent; border-left:14px solid transparent}

.info_box02{position:relative; padding:25px; background:#f8f9fb}
.info_box02:before{content:""; position:absolute; left:0; top:0; height:100%; width:3px; background:#1565aa}
.info_box02.bright:before{left:auto; right:0}
.info_box02.small{padding:15px 25px}

.info_box03{position:relative; padding:20px 25px; background:#f8f9fb}
.info_box04{position:relative; padding:35px; border:1px solid #ebebeb; overflow-y:auto; overflow-x:hidden}


/* tel_box */
.tel_box01{position:relative; padding:20px; background:#f8f9fb}
.tel_box01 .tel_info{position:relative; line-height:160%; color:#505050; font-size:16px; font-weight:normal; letter-spacing:-0.2px}
.tel_box01 .tel_info i{vertical-align:middle}


/* img_box01 */
.img_box01{position:relative; border:1px solid #dadada}
.img_box01 img{max-width:100%; height:auto}

.img_box02{position:relative; padding:15px; border:1px solid #dadada}
.img_box02 img{max-width:100%; height:auto}


/* guide_box */
.guide_box{position:relative; border-bottom:1px solid #dadada}
.guide_box .tit_area{padding:50px 0; background:#f8f8f8; text-align:center; overflow:hidden}
.guide_box .tit_area .tit{display:inline-block; position:relative; color:#303030; letter-spacing:-1.5px; font-family:gmk; font-size:28px; font-weight:600; line-height:135%}

.guide_box .cont_area{position:relative; padding:50px; background:#fff; text-align:center}
.guide_box .guide_info{position:relative; line-height:165%; font-size:15px; letter-spacing:-0.8px; font-weight:normal; color:#707070}
.guide_box .guide_info span{display:block}
.guide_box .randing_info{position:relative; line-height:165%; font-size:17px; letter-spacing:-0.8px; font-weight:normal; color:#707070}

.guide_box .guide_ico{display:block; position:relative; width:110px; height:110px; margin:0 auto 25px; border-radius:50%}
.guide_box .guide_ico:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%}

.guide_box.privacy .guide_ico:after{background-image:url("../images/common/guide_privacy.png")}
.guide_box.email .guide_ico:after{background-image:url("../images/common/guide_email.png")}
.guide_box.randing .guide_ico:after{background-image:url("../images/common/guide_randing.png")}

.guide_box.privacy .tit_area{background:#fff9f4}
.guide_box.email .tit_area{background:#f4f9f6}
.guide_box.randing .tit_area{background:#eaf2f9}



/* ---------- dash ---------- */
.dash_uni{display:inline-block; color:#707070; line-height:150%; font-size:15px; letter-spacing:-0.8px; vertical-align:middle; font-weight:normal}
.dash_txt{display:inline-block; color:#505050; line-height:150%; font-size:15px; letter-spacing:-0.8px; vertical-align:middle; font-weight:normal}
.dash_tit{display:inline-block; color:#303030; line-height:150%; font-size:15px; letter-spacing:-0.8px; vertical-align:middle; font-weight:normal}


/* info_txt */
.info_txt01{position:relative; line-height:160%; color:#505050; font-size:15px; font-weight:normal; letter-spacing:-0.8px}
.info_txt01.bul{padding-left:10px;}
.info_txt01.bul:before{content:''; position:absolute; left:0; top:11px; width:3px; height:3px; background:#a8b5cc}


/* info_list */
.info_list01{position:relative}
.info_list01 > li{position:relative; line-height:165%; color:#505050; letter-spacing:-0.8px; margin-bottom:2px; font-size:15px}
.info_list01 > li:last-child{margin-bottom:0}
.info_list01 > li > ul{margin-top:2px}
.info_list01.bul > li{padding-left:10px}
.info_list01.bul > li:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#a8b5cc}
.info_list01.unt > li{padding-left:20px}
.info_list01.unt > li .unt{position:absolute; top:0; left:0}
.info_list01 i{font-size:16px; vertical-align:middle; margin-top:-1px}
.info_list01 .down{position:relative; color:#048de7}
.info_list01 .down:before{content:''; position:absolute; bottom:0; width:100%; height:1px; background:#048de7}



/* ---------- stitle ---------- */
/* stit_area */
.stit_area{position:relative; margin-bottom:15px}
.stit_area .unit{position:absolute; right:0; bottom:6px; line-height:150%; letter-spacing:-0.5px; color:#808080; font-size:15px}
.stit_area .unit .num{font-weight:300; letter-spacing:normal}
.stit_area .num{color:#018de7; font-size:13px; letter-spacing:normal; font-weight:300; vertical-align:middle}
.stit_area .btn{position:absolute; right:0; top:10px}

.stit03{display:inline-block; position:relative; padding-top:8px; line-height:150%; font-size:32px; color:#202020; font-family:gmk; font-weight:600; letter-spacing:-1.5px; vertical-align:middle}
.stit03 > span{display:inline-block; position:relative;}
.stit03 > span:after{content:''; position:absolute; left:0; top:-8px; width:100%; height:3px; background:#202020}
.stit04{display:inline-block; position:relative; line-height:150%; font-size:24px; color:#202020; font-family:gmk; font-weight:600; letter-spacing:-1.5px; vertical-align:middle}
.stit05{display:inline-block; position:relative; line-height:150%; font-size:20px; color:#4267a0; font-family:gmk; font-weight:600; letter-spacing:-0.2px; vertical-align:middle}
.stit06{display:inline-block; position:relative; line-height:150%; font-size:18px; color:#202020; font-weight:300; letter-spacing:-0.8px; vertical-align:middle}


/* straffic */
.straffic{position:relative; height:660px; background-color:#f4f2f2}
.straffic .straffic_inner{position:relative; width:1200px; height:480px; margin:0 auto; padding-top:310px; box-sizing:border-box}

.straffic .legend_area{position:absolute; top:100px; right:38px; padding:10px 25px; background:rgba(255,255,255,.8); border-radius:5px}

.straffic .rti_status{position:relative; width:1085px; height:38px; margin:0 auto}
.straffic .rti_status .status_bar{position:absolute; height:18px; background:#c7c7c7}
.straffic .rti_status .status_bar.p01{left:0px; top:0; width:24px}
.straffic .rti_status .status_bar.p02{left:24px; top:0; width:150px}
.straffic .rti_status .status_bar.p03{left:174px; top:0; width:150px}
.straffic .rti_status .status_bar.p04{left:324px; top:0; width:150px}
.straffic .rti_status .status_bar.p05{left:474px; top:0; width:118px}
.straffic .rti_status .status_bar.p06{left:592px; top:0; width:352px}
.straffic .rti_status .status_bar.p07{left:944px; top:0; width:118px}

.straffic .rti_status .status_bar.p08{left:0px; bottom:0; width:24px}
.straffic .rti_status .status_bar.p09{left:24px; bottom:0; width:150px}
.straffic .rti_status .status_bar.p10{left:174px; bottom:0; width:150px}
.straffic .rti_status .status_bar.p11{left:324px; bottom:0; width:150px}
.straffic .rti_status .status_bar.p12{left:474px; bottom:0; width:118px}
.straffic .rti_status .status_bar.p13{left:592px; bottom:0; width:352px}
.straffic .rti_status .status_bar.p14{left:944px; bottom:0; width:118px}

.straffic .rti_status .status_bar.nosig{background:#c7c7c7}
.straffic .rti_status .status_bar.light{background:#39ba75}
.straffic .rti_status .status_bar.going{background:#f57d20}
.straffic .rti_status .status_bar.heavy{background:#f44336}

.straffic .rti_status .status_line_t,
.straffic .rti_status .status_line_b{position:absolute; left:0; width:100%; height:6px; background:url("../images/main/mtraffic_line.png") 50% 50% no-repeat}
.straffic .rti_status .status_line_t{top:6px}
.straffic .rti_status .status_line_b{bottom:6px}

.straffic .rti_status .status_info{position:relative; padding:170px 0 0}
.straffic .rti_status .status_info:after{content:''; display:block; clear:both}
.straffic .rti_status .status_info i{margin-top:-2px; font-size:22px; color:#909090; vertical-align:middle}
.straffic .rti_status .status_info span{display:inline-block; margin:0 5px; font-size:14px; color:#808080; letter-spacing:-0.8px; line-height:135%; vertical-align:middle}
.straffic .rti_status .status_info .fl{margin-left:-17px}
.straffic .rti_status .status_info .fr{margin-right:-18px}

.straffic .rti_status .status_bar .arrow_t,
.straffic .rti_status .status_bar .arrow_b{position:absolute; left:50%; width:24px; height:24px; margin-left:-12px; padding-top:4px; font-size:16px; color:#fff; background:#aeb3bc; border-radius:50%; box-sizing:border-box}
.straffic .rti_status .status_bar .arrow_t{top:-30px; padding-left:3px}
.straffic .rti_status .status_bar .arrow_b{bottom:-30px; padding-left:5px}

.straffic .rti_status .status_bar .arrow_t
{
    -webkit-animation: status_r1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    -moz-animation: status_r1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    -o-animation: status_r1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    animation: status_r1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
}
@-webkit-keyframes status_r1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:-30px; opacity:1}}
@-moz-keyframes status_r1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:-30px; opacity:1}}
@-o-keyframes status_r1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:-30px; opacity:1}}
@keyframes status_r1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:-30px; opacity:1}}

.straffic .rti_status .status_bar .arrow_b
{
    -webkit-animation: status_l1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    -moz-animation: status_l1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    -o-animation: status_l1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
    animation: status_l1 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards;
}
@-webkit-keyframes status_l1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:10px; opacity:1}}
@-moz-keyframes status_l1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:10px; opacity:1}}
@-o-keyframes status_l1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:vpx; opacity:1}}
@keyframes status_l1{0%{margin-left:-12px; opacity:0;} 100%{margin-left:10px; opacity:1}}


.straffic .rti_status .status_mark{position:absolute; width:18px; height:18px; background:#787c87; box-sizing:border-box; z-index:2}
.straffic .rti_status .status_mark:before{content:''; position:absolute; left:50%; top:50%; width:6px; height:6px; margin-top:-3px; margin-left:-3px; background:#bcbec3}
.straffic .rti_status .status_mark:after{content:''; position:absolute; left:50%; width:2px; height:84px; margin-left:-1px; background:#787c87}
.straffic .rti_status .status_mark .tit{position:absolute; left:50%; width:80px; height:36px; margin-left:-40px; line-height:34px; letter-spacing:-0.8px; font-size:13px; color:#fff; text-align:center; background:#787c87; border-radius:2px}
.straffic .rti_status .status_mark .stit{position:absolute; left:50%; width:80px; height:36px; margin-left:-40px; line-height:34px; letter-spacing:-0.5px; font-size:13px; color:#808080; text-align:center; border:1px solid #c8c8c8; border-radius:2px; box-sizing:border-box}
.straffic .rti_status .status_mark .stit:after{content:''; position:absolute; left:50%; top:-85px; width:2px; height:84px; margin-left:-1px; background:#c8c8c8}
.straffic .rti_status .status_mark.p01{top:10px; left:15px}
.straffic .rti_status .status_mark.p02{top:10px; left:165px}
.straffic .rti_status .status_mark.p03{top:10px; left:315px}
.straffic .rti_status .status_mark.p04{top:10px; left:465px}
.straffic .rti_status .status_mark.p05{top:10px; left:583px}
.straffic .rti_status .status_mark.p06{top:10px; left:935px}
.straffic .rti_status .status_mark.p07{top:10px; left:1053px}
.straffic .rti_status .status_mark:after{bottom:16px}
.straffic .rti_status .status_mark .tit{top:-120px}
.straffic .rti_status .status_mark .stit{bottom:-120px}
.straffic .rti_status .status_mark.p01 .tit,
.straffic .rti_status .status_mark.p04 .tit,
.straffic .rti_status .status_mark.p07 .tit{background:rgba(244,67,54,.8); border:1px solid #f44336; color:#fff}
.straffic .rti_status .status_mark.p02 .tit,
.straffic .rti_status .status_mark.p03 .tit,
.straffic .rti_status .status_mark.p05 .tit,
.straffic .rti_status .status_mark.p06 .tit{background:rgba(245,125,32,.8); border:1px solid #f57d20; color:#fff}

.straffic .rti_status .status_mark.p02 .stit{width:160px; margin-left:-80px}

.straffic .rti_status .status_blank{position:absolute; top:0; width:18px; height:38px; background:#f4f2f2}
.straffic .rti_status .status_blank.p01{left:15px}
.straffic .rti_status .status_blank.p02{left:165px}
.straffic .rti_status .status_blank.p03{left:315px}
.straffic .rti_status .status_blank.p04{left:465px}
.straffic .rti_status .status_blank.p05{left:583px}
.straffic .rti_status .status_blank.p06{left:935px}
.straffic .rti_status .status_blank.p07{left:1053px}

.straffic .rti_status .target_cctv{position:absolute; z-index:3}
.straffic .rti_status .target_cctv a{display:block; width:32px; height:32px; border-radius:2px; cursor:pointer; box-sizing:border-box}
.straffic .rti_status .target_cctv.cctv_l a{background:#5a5e68 url("../images/contents/realtraffic_cctv_l.png") no-repeat 9px 50%; background-size: 15px 14px}
.straffic .rti_status .target_cctv.cctv_r a{background:#5a5e68 url("../images/contents/realtraffic_cctv_r.png") no-repeat 9px 50%; background-size: 15px 14px}

.straffic .tip_info{position:absolute; left:42px; top:551px; padding-left:26px; color:#808080; line-height:155%; font-size:14px; letter-spacing:-0.8px}
.straffic .tip_info:before{content:"\e9ac"; position:absolute; left:0; top:0; font-family:xeicon; font-size:24px}
.straffic .tip_info .update{display:inline-block; margin-top:2px; color:#808080}

.straffic .message_info{position:absolute; left:42px; top:75px; padding-left:18px}
.straffic .message_info:before{content:''; position:absolute; left:0; top:0; width:3px; height:100%; background-color:#787c87}
.straffic .message_info .info_txt01{font-size:14px; color:#808080}


































/* 제한차량안내 */
.restrict_info{position:relative}
.restrict_info .car_size{position:relative; height:347px; border:1px solid #dadada; background:url("../images/contents/car_size.png") no-repeat 50% 50%; background-size:740px 253px; box-sizing:border-box}

.cont_list03{position:relative; border-top:1px solid #55789a}
.cont_list03 .list > li{position:relative; padding-left:120px}
.cont_list03 .list > li:last-child{border-bottom:1px solid #55789a}
.cont_list03 .list > li .cont_tit{display:block; position:absolute; left:30px; top:20px; font-weight:normal; font-size:16px; font-weight:normal; letter-spacing:-0.8px; line-height:165%; color:#505050}
.cont_list03 .list > li .cont_area{padding:20px 0; min-height:69px; box-sizing:border-box}
.cont_list03 .list > li .cont_area .cont_txt{display:block; font-weight:normal; font-size:16px; line-height:165%; color:#4267a0; letter-spacing:-0.2px}
.cont_list03 .list > li:nth-child(even){background:#f8f9fb}


/* 찾아오시는길 */
.location_info{position:relative; height:36px; margin-bottom:40px; padding:35px 20px; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.location_info:before,
.location_info:after{content:''; position:absolute; left:50%; width:0; height:0}
.location_info:before{bottom:-12px; margin-left:-14px; border-top:12px solid #dadada; border-bottom:14px solid none; border-right:14px solid transparent; border-left:14px solid transparent}
.location_info:after{bottom:-11px; margin-left:-14px; border-top:12px solid #fff; border-bottom:14px solid none; border-right:14px solid transparent; border-left:14px solid transparent}
.location_info ul{display:inline-block}
.location_info ul:after{content:''; display:block; clear:both}
.location_info ul li{position:relative; float:left; margin-right:35px; padding-left:45px; font-size:15px; line-height:34px; letter-spacing:-0.5px; font-weight:normal}
.location_info ul li:before{position:absolute; left:0; top:0; width:36px; height:36px; line-height:36px; background:#3b3c40; font-family:xeicon; font-size:20px; font-weight:normal; color:#fff; text-align:left; border-radius:50%; box-sizing:border-box}
.location_info ul li.add:before{content:"\eb59"; padding-left:8px}
.location_info ul li.tel:before{content:"\e9d3"; padding-left:8px}
.location_info ul li.fax:before{content:"\e9bc"; padding-left:8px}
.location_info ul li:last-child{margin-right:0}

.location_map{position:relative}
.location_map > div{width:100%; border-bottom:1px solid #ddd; box-sizing:border-box}
.location_map .more{display:block; position:absolute; left:50%; bottom:50px; width:180px; margin-left:-90px; color:#fff; text-align:center; background:rgba(21,101,170,.8); border-radius:200px; transition:all .30s ease; z-index:2}
.location_map .more span{display:inline-block; padding:18px 0 17px; line-height:150%; font-size:18px; font-weight:normal; letter-spacing:-0.8px}
.location_map .more i{margin-top:-3px; margin-left:2px; font-size:22px; font-weight:normal; vertical-align:middle}
.location_map #map{height:480px; border:1px solid #dadada}
.root_daum_roughmap .wrap_controllers{display:none}



/* viewlist */
.viewlist_ty1 .viewlist{border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.viewlist_ty1 .viewlist > li{position:relative; padding-left:140px; border-bottom:1px solid #ebebeb}
.viewlist_ty1 .viewlist > li:last-child{border-bottom:none}
.viewlist_ty1 .viewlist > li .cont_tit{position:absolute; top:50%; left:0; width:140px; margin-top:-11px}
.viewlist_ty1 .viewlist > li .cont_tit.required:before{content:"\e928"; position:absolute; left:0; top:50%; width:26px; height:26px; margin-top:-13px; padding-left:6px; font-weight:normal; font-family:'xeicon'; font-weight:300; line-height:26px; color:#018de7; font-size:16px; box-sizing:border-box}
.viewlist_ty1 .viewlist > li .cont_tit .tit{display:inline-block; padding-left:22px; line-height:150%; font-size:15px; letter-spacing:-0.8px; color:#101010; font-weight:300}
.viewlist_ty1 .viewlist > li .cont_area{padding:18px 0; min-height:58px; box-sizing:border-box}
.viewlist_ty1 .viewlist > li .cont_area .cont_txt{display:inline-block; font-weight:normal; font-size:15px; letter-spacing:-0.2px; line-height:150%; color:#505050; vertical-align:middle}


/* progress_state_ty1 */
.progress_state_ty1{position:relative; padding:5px 0}
.progress_state_ty1 .state_list{margin-left:-5px; margin-top:-25px; padding-right:17px}
.progress_state_ty1 .state_list:after{content:''; display:block; clear:both}
.progress_state_ty1 .state_list > li{float:left; width:20%}
.progress_state_ty1 .state_list.col6 > li{width:16.66666%}
.progress_state_ty1 .state_list.col5 > li{width:20%}
.progress_state_ty1 .state_list.col4 > li{width:25%}
.progress_state_ty1 .state_list.col3 > li{width:33.333333%}

.progress_state_ty1 .state_box{margin-left:5px; margin-top:25px}
.progress_state_ty1 .state_box .tit_area{position:relative; padding:15px 0; background:#f8f9fb; text-align:center; border-radius:2px}
.progress_state_ty1 .state_box .tit_area .tit{display:inline-block; position:relative; letter-spacing:-0.2px; line-height:135%; color:#4267a0; font-weight:300; font-size:15px; z-index:5}

.progress_state_ty1 .state_box .info_area{position:relative; padding:15px; border-top:none; text-align:center}
.progress_state_ty1 .state_box .info_area .info{display:inline-block; line-height:155%; letter-spacing:-0.8px; color:#505050; font-size:15px; font-weight:normal}

.progress_state_ty1 .state_box .tit_area:after,
.progress_state_ty1 .state_box .tit_area:before{content:''; position:absolute; top:7px; width:36px; height:36px; transform:rotate(45deg)}
.progress_state_ty1 .state_box .tit_area:after{left:-18px; background:#f8f9fb; border-radius:3px 5px 3px 5px; z-index:2}
.progress_state_ty1 .state_box .tit_area:before{right:-18px; background:#fff; border-radius:3px 5px 3px 5px; z-index:1}

.progress_state_ty1 .state_list li:nth-child(odd) .tit_area{background:#e6eef8}
.progress_state_ty1 .state_list li:nth-child(odd) .tit_area:after{background:#e6eef8}

.progress_state_ty1 .state_list li:first-child .tit_area{background:#ef8821}
.progress_state_ty1 .state_list li:first-child .tit_area:after{background:#ef8821}
.progress_state_ty1 .state_list li:first-child .tit_area .tit{color:#fff}


/* progress_state_ty2 */
.progress_state_ty2{position:relative}
.progress_state_ty2 .state_list{margin-top:-5px; margin-left:-15px}
.progress_state_ty2 .state_list:after{content:''; display:block; clear:both}
.progress_state_ty2 .state_list > li{float:left; width:50%; box-sizing:border-box}
.progress_state_ty2 .state_list > li .state_box{position:relative; min-height:61px; margin-top:5px; margin-left:15px; padding-left:165px}
.progress_state_ty2 .state_list > li .state_box .tit{display:block; position:absolute; left:0; width:140px; padding:20px 25px; line-height:135%; text-align:center; background:#048de7; font-weight:normal; font-size:16px; color:#fff; letter-spacing:-0.8px; border-radius:4px; box-sizing:border-box}
.progress_state_ty2 .state_list > li .state_box .info_area{padding-top:18px}
.progress_state_ty2 .state_list > li .state_box .info_area ul{position:relative}
.progress_state_ty2 .state_list > li .state_box .info_area ul li{position:relative; margin-bottom:2px; line-height:165%; color:#505050; letter-spacing:-0.5px; font-size:16px}





/* 진출입로 안내 */
.entryexit_map{position:relative}
.entryexit_map .map_list{margin-left:-100px; margin-top:-50px}
.entryexit_map .map_list:after{content:''; display:block; clear:both}
.entryexit_map .map_list li{float:left; width:50%;}
.entryexit_map .map_list li .map_box{margin-left:100px; margin-top:50px}
.entryexit_map .map_list li .map_box .map_area{border:1px solid #dadada}
.entryexit_map .map_list li .map_box .map_area img{width:100%}







/* 통행료 미납여부 조회 */
.unpaidsch_step1{position:relative; margin-bottom:55px; padding:80px 0; background:#2b9b73}
.unpaidsch_step1 .sch_form{position:relative; width:500px; margin:0 auto; padding:0 105px 0 110px; box-sizing:border-box}
.unpaidsch_step1 .sch_form:before{content:''; position:absolute; left:0; top:50%; width:120px; height:118px; margin-top:-44px; background:url("../images/contents/unpaidsch_search.png") no-repeat 50% 50%; background-size:120px 118px}
.unpaidsch_step1 .sch_form .car_num{display:inline-block; width:100%; padding:0; height:60px; line-height:60px; background:#fff; color:#303030; border:0; font-size:16px; letter-spacing:-0.8px; text-indent:15px; border-radius:0}
.unpaidsch_step1 .sch_form .sch_btn{display:block; position:absolute; top:0; right:0; width:105px; height:60px; padding:0; line-height:61px; border:0; background:#3b3c40; color:#fff; font-size:16px; letter-spacing:-0.5px; cursor:pointer; font-weight:300}
.unpaidsch_step1 .tip_info{position:absolute; right:25px; bottom:25px; padding-left:22px; color:rgba(255,255,255,.8); line-height:135%; font-size:14px; letter-spacing:-0.8px}
.unpaidsch_step1 .tip_info:before{content:''; position:absolute; left:0; top:1px; width:17px; height:17px; background:url("../images/contents/unpaidsch_tip.png") 50% 50% no-repeat; background-size:17px 17px}









.unpaidsch_step2{position:relative; padding:45px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada; text-align:center}
.unpaidsch_step2 .info01{display:inline-block; font-size:22px; letter-spacing:-1.2px; font-weight:300; color:#303030; line-height:135%;}
.unpaidsch_step2 .info02{margin-top:15px; font-size:16px; letter-spacing:-0.8px; font-weight:normal; color:#707070; line-height:155%}


/* tour_map */
.tour_map{position:relative; height:400px; background:#f8f9fb}
.tour_map p{line-height:400px; text-align:center; font-size:17px; letter-spacing:-0.8px; font-weight:normal; color:#707070}


/* ---------- thumlist ---------- */
/* thumlist_ty1 */
.thumlist_ty1{position:relative; margin-top:-1px; border-top:1px solid #dadada}
.thumlist_ty1 .thumlist:after{content:''; display:block; clear:both}
.thumlist_ty1 .thumlist > li{padding:50px 0; border-bottom:1px solid #dadada}

.thumlist_ty1 .thumlist_box{display:block; position:relative; min-height:148px; padding-right:15px; box-sizing:border-box}

.thumlist_ty1 .thum_group{position:relative; padding-left:225px}
.thumlist_ty1 .thum_area{position:absolute; top:0; left:0}
.thumlist_ty1 .thum_area .thum{display:block; width:220px; height:148px; background:#f8f8f8; object-fit:cover; box-sizing:border-box}

.thumlist_ty1 .tit_area{position:relative; padding-top:15px; padding-left:30px; box-sizing:border-box}
.thumlist_ty1 .tit_area .tit, .thumlist_ty1 .tit_area .cont{display:box; display:-webkit-box; display:-ms-flexbox; text-overflow:ellipsis; word-wrap:break-word;  overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.thumlist_ty1 .tit_area .tit{max-height:46px; margin-bottom:10px; color:#303030; font-size:16px; line-height:145%; letter-spacing:-1px; font-weight:300}
.thumlist_ty1 .tit_area .tit .num{display:inline-block; position:relative; width:auto; height:22px; margin-left:5px; margin-top:-3px; padding:0 2px; color:#018de7; font-size:13px; letter-spacing:normal; font-weight:normal; vertical-align:middle; line-height:20px; border:1px solid #018de7; border-radius:2px; box-sizing:border-box}
.thumlist_ty1 .tit_area .cont{max-height:42px; color:#707070; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal}

.thumlist_ty1 .meta_area{position:relative; padding-top:8px; padding-left:30px; box-sizing:border-box}
.thumlist_ty1 .meta_area:after{content:''; display:block; clear:both}
.thumlist_ty1 .meta_area dt, .thumlist_ty1 .meta_area dd{float:left; color:#707070; font-weight:normal; font-size:13px; line-height:135%}
.thumlist_ty1 .meta_area dt{margin-left:10px; padding:5px; border:1px solid #dadada; text-align:center}
.thumlist_ty1 .meta_area dt:first-child{margin-left:0; letter-spacing:-0.8px}
.thumlist_ty1 .meta_area dd{margin-left:8px; padding:6px 0; letter-spacing:-0.2px}
.thumlist_ty1 .meta_area dd a{color:#4267a0}



.legend_ty1 .legend_label{text-align:center; padding-bottom:35px}
.legend_ty1 .legend_label:after{content:''; display:block; clear:both}
.legend_ty1 .legend_label li{display:inline-block; margin-right:15px}
.legenlegend_ty1d_area .legend_label li:last-child{margin-right:0}
.legend_ty1 .legend_label li .sta_label{position:relative; padding-left:40px; line-height:150%; font-size:14px; color:#505050; letter-spacing:-0.5px; font-weight:normal}
.legend_ty1 .legend_label li .sta_label:before{content:''; position:absolute; left:0; top:50%; width:35px; height:8px; margin-top:-4px; background:#101010; border-radius:120px; box-sizing:border-box}
.legend_ty1 .legend_label li .sta_label.light:before{background:#93e22c}
.legend_ty1 .legend_label li .sta_label.going:before{background:#ef8821}
.legend_ty1 .legend_label li .sta_label.heavy:before{background:#f44336}

.thumlist_ty1 .map_box{position:relative; margin-top:20px}
.thumlist_ty1 .map_box > div{width:100%; box-sizing:border-box}


/* ---------- join ---------- */
/* join_terms */
.join_terms{position:relative; margin-bottom:35px; border-bottom:1px solid #dadada}
.join_terms:after{content:''; display:block; clear:both}
.join_terms .terms_box{position:relative; margin-bottom:55px}
.join_terms .terms_wrap .terms_tit{position:relative; height:55px; padding:0 15px; background:#fff; border:1px solid #dadada; z-index:1}
.join_terms .terms_wrap .terms_tit strong{display:inline-block; line-height:55px; letter-spacing:-1.2px; font-size:16px; font-weight:300; color:#202020}
.join_terms .terms_wrap .terms_cont{position:relative; height:250px; margin-top:-1px; padding:20px 15px; border:1px solid #ebebeb; overflow-y:auto; box-sizing:border-box}
.join_terms .terms_wrap .terms_cont.auto{height:auto}
.join_terms .terms_check{text-align:right; margin-bottom:30px}


/* terms_area */
.terms_area{position:relative; padding:35px; border:1px solid #d8d8d8; background:#fff}

.terms_tit01{display:block; position:relative; margin-bottom:10px; line-height:150%; font-size:17px; color:#303030; font-weight:300; letter-spacing:-0.8px}
.terms_tit02{display:block; margin-bottom:10px; line-height:150%; font-size:15px; color:#303030; font-weight:300; letter-spacing:-0.8px}

.terms_info01{line-height:155%; color:#505050; font-size:15px; font-weight:normal; letter-spacing:-0.8px}
.terms_list01 > li{position:relative; line-height:150%; color:#505050; letter-spacing:-0.8px; margin-bottom:2px; padding-left:25px; font-size:15px}
.terms_list01 > li:last-child{margin-bottom:0}
.terms_list01 li .unit{position:absolute; top:0; left:0}

.terms_info02{line-height:155%; color:#505050; font-size:15px; font-weight:normal; letter-spacing:-0.8px}
.terms_list02 > li{position:relative; line-height:150%; color:#505050; letter-spacing:-0.8px; margin-bottom:2px; padding-left:50px; font-size:15px}
.terms_list02 > li:last-child{margin-bottom:0}
.terms_list02 li .unit{position:absolute; top:0; left:25px}


/* ---------- login ---------- */
.login_ty1{position:relative}
.login_ty1 .login_inner{position:relative; width:380px; margin:0 auto; box-sizing:border-box}
.login_ty1 .login_wrap:after{content:''; display:block; clear:both}
.login_ty1 .login_wrap .login_box{box-sizing:border-box}

.login_ty1 .login_wrap .login_form .inputxt_login{position:relative; margin-bottom:10px}
.login_ty1 .login_wrap .login_form .inputxt_login:last-child{margin-bottom:0}
.login_ty1 .login_wrap .login_form .inputxt_login label{position:absolute; left:0; top:0; width:52px; height:100%; padding-top:23px; text-align:center; font-size:18px; color:#909090; box-sizing:border-box}
.login_ty1 .login_wrap .login_form .inputxt_login input{width:100%; height:65px; line-height:65px; margin:0; padding:1px 0; text-align:left; font-size:14px; color:#303030; letter-spacing:-0.8px; font-weight:normal; background:#fff; border:1px solid #dadada; text-indent:52px; border-radius:2px; outline:none; transition:all .30s ease; box-sizing:border-box}
.login_ty1 .login_wrap .login_form .inputxt_login:hover input{border:1px solid #048de7 ; background:#fff}
.login_ty1 .login_wrap .login_form .inputxt_login input:focus{border:1px solid #048de7 ; background:#fff}
.login_ty1 .login_wrap .login_form .inputxt_login input::-webkit-input-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_wrap .login_form .inputxt_login input:-ms-input-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_wrap .login_form .inputxt_login input::-moz-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_wrap .login_form .inputxt_login input::-moz-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_wrap .login_form .inputxt_login input[disabled]{background:#f2f4f5;}
.login_ty1 .login_wrap .login_form .inputxt_login input[readonly]{background:#f2f4f5;}

.login_ty1 .login_wrap .btn_confirm{display:block; position:relative; border:0; padding:0; margin:0; width:100%; height:65px; line-height:66px; background:#1565aa; font-weight:normal; font-size:16px; letter-spacing:-1px; text-align:center; color:#fff; cursor:pointer; border-radius:2px; outline:none; box-sizing:border-box; transition:all .30s ease}

.login_ty1 .login_wrap .login_help{padding-top:33px}
.login_ty1 .login_wrap .login_help .info{line-height:135%; text-align:center; letter-spacing:-0.8px; font-size:14px; color:#505050}
.login_ty1 .login_wrap .login_help .help_list{margin-left:-10px; margin-top:17px}
.login_ty1 .login_wrap .login_help .help_list:after{content:''; display:block; clear:both}
.login_ty1 .login_wrap .login_help .help_list li{float:left; width:50%}
.login_ty1 .login_wrap .login_help .help_list li a{display:block; height:52px; margin-left:10px; line-height:50px; color:#707070; letter-spacing:-0.8px; background:#fff; border:1px solid #d8d8d8; font-size:14px; font-weight:normal; text-align:center; border-radius:2px; box-sizing:border-box}


/* rentcar_step */
.rentcar_step{position:relative; padding-top:30px}
.rentcar_step .step_list{border:1px solid #dadada; border-radius:15px}
.rentcar_step .step_list:after{content:''; display:block; clear:both}
.rentcar_step .step_list li{position:relative; float:left; width:20%; box-sizing:border-box}
.rentcar_step .step_list li .step_box{display:block; height:275px; padding-top:160px; text-align:center; border-right:1px solid #ebebeb; box-sizing:border-box}
.rentcar_step .step_list li:last-child .step_box{border-right:none}
.rentcar_step .step_list li .step_box .step_tit .tit{font-size:16px; font-weight:normal; letter-spacing:-1px; line-height:155%; color:#303030}
.rentcar_step .step_list li .step_box .step_tit .tit span{display:block; font-size:15px; letter-spacing:-0.2px; color:#808080; margin-bottom:5px}

.rentcar_step .step_list li .step_box.active{border:1px solid #01a39b }

.rentcar_step .step_list li .step_box .step_ico{display:block; position:absolute; left:50%; top:-20px; width:150px; height:150px; margin-left:-75px; background-color:#2b9b73; background-repeat:repeat; border-radius:50%}
.rentcar_step .step_list li .step_box.use01 .step_ico:after,
.rentcar_step .step_list li .step_box.use02 .step_ico:after,
.rentcar_step .step_list li .step_box.use03 .step_ico:after,
.rentcar_step .step_list li .step_box.use04 .step_ico:after,
.rentcar_step .step_list li .step_box.use05 .step_ico:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%}

.rentcar_step .step_list li .step_box.use01 .step_ico:after{background-image:url("../images/contents/rentcar_step01.png"); background-size:82px 59px}
.rentcar_step .step_list li .step_box.use02 .step_ico:after{background-image:url("../images/contents/rentcar_step02.png"); background-size:49px 65px}
.rentcar_step .step_list li .step_box.use03 .step_ico:after{background-image:url("../images/contents/rentcar_step03.png"); background-size:58px 65px}
.rentcar_step .step_list li .step_box.use04 .step_ico:after{background-image:url("../images/contents/rentcar_step04.png"); background-size:52px 66px}
.rentcar_step .step_list li .step_box.use05 .step_ico:after{background-image:url("../images/contents/rentcar_step05.png"); background-size:53px 64px}


/* taxbill_step */
.taxbill_step{position:relative; padding-top:30px}
.taxbill_step .step_list{border:1px solid #dadada; border-radius:15px}
.taxbill_step .step_list:after{content:''; display:block; clear:both}
.taxbill_step .step_list li{position:relative; float:left; width:20%; box-sizing:border-box}
.taxbill_step .step_list li .step_box{display:block; height:275px; padding-top:160px; text-align:center; border-right:1px solid #ebebeb; box-sizing:border-box}
.taxbill_step .step_list li:last-child .step_box{border-right:none}
.taxbill_step .step_list li .step_box .step_tit .tit{font-size:16px; font-weight:normal; letter-spacing:-1px; line-height:155%; color:#303030}
.taxbill_step .step_list li .step_box .step_tit .tit span{display:block; font-size:15px; letter-spacing:-0.2px; color:#808080; margin-bottom:5px}

.taxbill_step .step_list li .step_box.active{border:1px solid #01a39b }

.taxbill_step .step_list li .step_box .step_ico{display:block; position:absolute; left:50%; top:-20px; width:150px; height:150px; margin-left:-75px; background-color:#2b9b73; background-repeat:repeat; border-radius:50%}
.taxbill_step .step_list li .step_box.use01 .step_ico:after,
.taxbill_step .step_list li .step_box.use02 .step_ico:after,
.taxbill_step .step_list li .step_box.use03 .step_ico:after,
.taxbill_step .step_list li .step_box.use04 .step_ico:after,
.taxbill_step .step_list li .step_box.use05 .step_ico:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%}

.taxbill_step .step_list li .step_box.use01 .step_ico:after{background-image:url("../images/contents/taxbill_step01.png"); background-size:82px 59px}
.taxbill_step .step_list li .step_box.use02 .step_ico:after{background-image:url("../images/contents/taxbill_step02.png"); background-size:49px 65px}
.taxbill_step .step_list li .step_box.use03 .step_ico:after{background-image:url("../images/contents/taxbill_step03.png"); background-size:71px 61px}
.taxbill_step .step_list li .step_box.use04 .step_ico:after{background-image:url("../images/contents/taxbill_step04.png"); background-size:82px 59px}
.taxbill_step .step_list li .step_box.use05 .step_ico:after{background-image:url("../images/contents/taxbill_step05.png"); background-size:53px 64px}



/* prbox */
.prbox_ty1{position:relative}
.prbox_ty1 .pr_group{position:relative; margin-left:-30px; margin-top:-30px}
.prbox_ty1 .pr_group:after{content:''; display:block; clear:both}
.prbox_ty1 .pr_group .pr_box{float:left; width:50%}
.prbox_ty1 .pr_group .pr_box.last{width:100%}
.prbox_ty1 .pr_group .pr_box .inner{position:relative; min-height:128px; margin-left:30px; margin-top:30px; padding:35px 20px; border:1px solid #ebebeb; box-sizing:border-box}

.prbox_ty1 .photo_area{position:absolute; left:25px; top:25px; width:120px; height:154px; background:#f8f8f8; z-index:2; transition:all .20s ease}
.prbox_ty1 .photo_area img{display:block; position:relative; width:120px; height:154px; z-index:1}

.prbox_ty1 .tit_area{position:relative; margin-bottom:0; padding-left:30px;}
.prbox_ty1 .tit_area:before{content:''; position:absolute; left:15px; top:0; width:2px; height:100%; background:#202020}
.prbox_ty1 .tit_area .tit01{display:block; margin-bottom:5px; line-height:155%; letter-spacing:-0.2px; color:#202020; font-family:gmk; font-size:18px; font-weight:600}
.prbox_ty1 .tit_area .tit02{display:block; position:relative; padding-left:13px; line-height:155%; letter-spacing:-0.2px; color:#707070; font-size:15px}
.prbox_ty1 .tit_area .tit02:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#707070}

.prbox_ty1 .detail_area{padding:15px 15px 0}

.prbox_ty1 .info_area{position:relative; margin-top:20px; padding-left:30px}
.prbox_ty1 .info_area dl{position:relative; padding-left:80px}
.prbox_ty1 .info_area dl dt{position:absolute; left:0; padding-left:13px; line-height:150%; letter-spacing:-0.5px; color:#202020; font-size:16px; font-weight:normal}
.prbox_ty1 .info_area dl dt:before{content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#202020}
.prbox_ty1 .info_area dl dd{margin-bottom:5px; line-height:150%; color:#707070; letter-spacing:-0.5px; font-size:15px; font-weight:normal}
.prbox_ty1 .info_area dl dd:last-child{margin-bottom:0}


/* signal_info */
.signal_info{display:inline-block; position:relative}
.signal_info .cont_txt{position:relative; padding-left:26px; letter-spacing:-0.5px; color:#808080; line-height:150%; font-size:14px; font-weight:normal}
.signal_info .cont_txt:before{content:""; position:absolute; top:1px; left:0; width:23px; height:16px; background-image:url("../images/common/traffic_signal.png"); background-position:0 0; background-repeat:no-repeat; box-sizing:border-box}
.signal_info.nosig .cont_txt:before{background-position:0 0}
.signal_info.light .cont_txt:before{background-position:-43px 0}
.signal_info.going .cont_txt:before{background-position:-86px 0}
.signal_info.heavy .cont_txt:before{background-position:-129px 0}


/* signal_list */
.signal_list li{float:left; margin-right:12px}
.signal_list li:last-child{margin-right:0}


/* ---------- normalist ---------- */
/* normalist_ty1 */
.normalist_ty1{margin-top:-1px}
.normalist_ty1 .head{position:relative; border-top:3px solid #1565aa; border-bottom:1px solid #dadada}
.normalist_ty1 .head li:after{content:''; display:block; clear:both}
.normalist_ty1 .head li > div{display:block; float:left; height:62px; padding:0 10px; line-height:62px; text-align:center; letter-spacing:-0.8px; color:#202020; font-weight:normal; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box}

.normalist_ty1 .body li{position:relative; margin-top:-1px; padding:0; border-top:1px solid #dadada; border-bottom:1px solid #dadada; box-sizing:border-box}
.normalist_ty1 .body li:nth-child(even){background:#fafafa}
.normalist_ty1 .body li:after{content:''; display:block; clear:both}
.normalist_ty1 .body li > div{float:left; position:relative; padding:20px 10px; text-align:center; box-sizing:border-box}
.normalist_ty1 .body li > div.cont_txt{display:block; font-size:15px; line-height:38px; letter-spacing:-0.5px; color:#505050; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.normalist_ty1 .body li .col_tit{display:none; position:absolute; top:0; left:15px; width:110px; padding:9px 0; font-size:15px; line-height:22px; letter-spacing:-1px; color:#808080; font-weight:normal; box-sizing:border-box}

.normalist_ty1 .body .category_link{display:inline-block; position:relative; margin-right:2px; padding:8px 10px; font-size:14px; letter-spacing:-0.5px; line-height:135%; background:#fff; border:1px solid #dadada; color:#505050 !important; font-weight:normal; border-radius:1px; text-align:center; box-sizing:border-box}
.normalist_ty1 .body .txt_link{color:#202020; vertical-align:middle}

.normalist_ty1.csound div.col_type1{width:10%}
.normalist_ty1.csound div.col_type2{width:45%}
.normalist_ty1.csound div.col_type3{width:15%}
.normalist_ty1.csound div.col_type4{width:15%}
.normalist_ty1.csound div.col_type5{width:15%}

.normalist_ty1.notice div.col_type1{width:10%}
.normalist_ty1.notice div.col_type2{width:60%}
.normalist_ty1.notice div.col_type3{width:15%}
.normalist_ty1.notice div.col_type4{width:15%}

.normalist_ty1.result div.col_type1{width:50%}
.normalist_ty1.result div.col_type2{width:50%}

.normalist_ty1.controll div.col_type1{width:10%}
.normalist_ty1.controll div.col_type2{width:20%}
.normalist_ty1.controll div.col_type3{width:30%}
.normalist_ty1.controll div.col_type4{width:20%}
.normalist_ty1.controll div.col_type5{width:20%}

.normalist_ty1 .no_data{position:relative; margin-top:-1px; padding:25px 15px; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.normalist_ty1 .no_data .info_message{display:inline-block; font-size:15px; font-weight:normal; color:#808080; letter-spacing:-0.2px}
.normalist_ty1 .no_data .info_message i{margin-top:-4px; font-size:18px; vertical-align:middle}


/* ---------- list_search ---------- */
.list_search{position:relative; margin-bottom:20px}
.list_search:after{content:''; display:block; clear:both}
.list_search .search_l{float:left}
.list_search .search_r{float:right}
.list_search .total_num{display:inline-block; height:38px; padding-top:12px; line-height:135%; font-family:gmk; font-size:13px; letter-spacing:-0.8px; font-weight:300; color:#808080; vertical-align:middle; box-sizing:border-box}
.list_search .total_num .num{color:#1565aa; letter-spacing:-0.2px; font-weight:600}
.list_search .key_type{display:inline-block; vertical-align:middle}


/* ---------- view ---------- */
/* viewhead_ty1 */
.viewhead_ty1{position:relative}
.viewhead_ty1 .tit_area{padding:35px 25px 25px; text-align:center; border-top:5px solid #1565aa}
.viewhead_ty1 .tit_area .tit{display:inline-block; line-height:150%; font-size:34px; color:#202020; font-family:gmk; font-weight:600; letter-spacing:-1.5px; vertical-align:middle}

.viewhead_ty1 .meta_area{position:relative; border-bottom:1px solid #dadada}
.viewhead_ty1 .meta_info{position:relative; padding:0 0 22px; text-align:center; overflow:hidden}
.viewhead_ty1 .meta_info dt,
.viewhead_ty1 .meta_info dd{display:inline-block; line-height:150%; font-size:15px; color:#808080; font-weight:normal}
.viewhead_ty1 .meta_info dt{border-left:1px solid #ebebeb; margin-right:10px; padding-left:24px; letter-spacing:-0.8px}
.viewhead_ty1 .meta_info dd{margin-right:15px; letter-spacing:-1px}
.viewhead_ty1 .meta_info dt:first-child{padding-left:0; border-left:none}



/* history_map */
.history_map{position:relative; overflow:hidden; border:1px solid #ebebeb}
.history_map:before{content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ebebeb; margin-left:-0.5px; box-sizing:border-box;}
.history_map .top_year{position:absolute; left:50%; top:0; width:184px; margin-left:-92px; text-align:center}
.history_map .top_year:after{content:''; position:absolute; left:50%; top:50px; width:7px; height:7px; background:#ebebeb; margin-left:-3.5px; border-radius:50%;}
.history_map .top_year .nums{display:inline-block; font-size:30px; font-family:ctl; font-weight:normal; letter-spacing:-1px; line-height:150%; color:#7a0039;}

.history_map .year_list{position:relative; padding:50px 0}
.history_map .year_list > li{overflow:hidden}
.history_map .year_list > li .year_cont{position:relative; width:50%; box-sizing:border-box;}
.history_map .year_list > li .year_cont.al_left{float:left; text-align:right; padding-right:42px;}
.history_map .year_list > li .year_cont.al_right{float:right; text-align:left; padding-left:42px;}
.history_map .year_list > li .year_cont dt{color:#4267a0; font-family:gmk; font-weight:600; letter-spacing:-1px; font-size:30px; line-height:150%}
.history_map .year_list > li .year_cont dd{color:#505050; letter-spacing:-0.5px; font-size:15px; line-height:150%; position:relative; margin-bottom:10px}

.history_map .year_list > li .year_cont.al_left:before{content:''; position:absolute; top:9px; right:-11px; width:20px; height:21px; border:1px solid #ddd; display:none;}
.history_map .year_list > li .year_cont.al_left:after{content:''; position:absolute; top:16px; right:-4px; width:8px; height:9px; background:#4267a0}
.history_map .year_list > li .year_cont.al_left dt:after{content:''; position:absolute; top:20px; right:0; width:32px; height:1px; background:#dadada}

.history_map .year_list > li .year_cont.al_right:before{content:''; position:absolute; top:9px; left:-11px; width:20px; height:21px; border:1px solid #ddd; display:none;}
.history_map .year_list > li .year_cont.al_right:after{content:''; position:absolute; top:16px; left:-4px; width:8px; height:9px; background:#4267a0}
.history_map .year_list > li .year_cont.al_right dt:after{content:''; position:absolute; top:20px; left:0; width:32px; height:1px; background:#dadada}

.history_map .year_list > li .year_cont.al_left dd{padding-right:96px}
.history_map .year_list > li .year_cont.al_left dd .month{position:absolute; top:2px; right:0; letter-spacing:normal; color:#4267a0; font-family:gmk; font-weight:300}

.history_map .year_list > li .year_cont.al_right dd{padding-left:96px}
.history_map .year_list > li .year_cont.al_right dd .month{position:absolute; top:2px; left:0; letter-spacing:normal; color:#4267a0; font-family:gmk; font-weight:300}

.history_map .year_list > li .year_cont.al_left dd.two_data{padding-right:155px}


/* allroutemap */
.allroutemap{position:relative; width:1200px; height:692px; background:url("../images/contents/allroutemap.png"); box-sizing:border-box}
.allroutemap .map_down{display:block; position:absolute; bottom:20px; left:20px; width:170px; height:56px}



/* ceo인사말 */
.ceo_message{position:relative; padding-top:5px; box-sizing:border-box}
.ceo_message .message_tit .tit{display:inline-block; position:relative; line-height:150%; font-size:30px; color:#202020; font-family:gmk; font-weight:600; letter-spacing:-2.2px; vertical-align:middle}
.ceo_message .message_info{position:relative; margin-top:20px; padding-right:300px; padding-top:14px}
.ceo_message .ceo{position:absolute; right:0; top:57px}
.ceo_message .ceo .sign{margin-top:15px}
.ceo_message .ceo .sign span,
.ceo_message .ceo .sign strong{display:block; line-height:155%; font-size:15px; font-weight:normal; letter-spacing:-0.8px; color:#505050}
.ceo_message .ceo .sign strong{margin-top:5px; font-family:gmk; font-weight:600; font-size:20px; color:#202020}
.ceo_message .message_info p{line-height:175%; color:#505050; font-size:17px; font-weight:normal; text-align:justify; letter-spacing:-1.2px}

.history_hit{position:relative; margin-top:80px; min-height:375px; text-align:center}
.history_hit .hit_main{display:inline-block; position:relative; width:400px; height:400px; background:#f8f8f8; text-align:center; border-radius:50%; box-sizing:border-box}
.history_hit .hit_main .circle01,
.history_hit .hit_main .circle02{position:absolute; left:50%; top:50%; border-radius:50%}
.history_hit .hit_main .circle01{width:306px; height:306px; margin-left:-153px; margin-top:-153px; background:#f1f1f1}
.history_hit .hit_main .circle02{width:262px; height:262px; margin-left:-131px; margin-top:-131px; background:#fff; overflow:hidden}
.history_hit .hit_main .circle02:after{content:''; position:absolute; bottom:30px; right:18px; width:327px; height:214px; background:url("../images/contents/history_logo.png") 50% 50% no-repeat; display:none}
.history_hit .hit_main .tit{display:flex; align-items:center; justify-content:center; position:relative; height:400px; font-family:gmk; font-size:24px; letter-spacing:-1px}

.history_hit .hit_side{position:absolute; top:178px; width:380px; text-align:center}
.history_hit .hit_side.side_l{left:-40px}
.history_hit .hit_side.side_r{right:-40px}
.history_hit .hit_side .circle_box{display:inline-block; position:relative; width:198px; height:198px}
.history_hit .hit_side .circle_box:before{content:''; position:absolute; left:50%; top:50%; width:306px; height:306px; margin-left:-153px; margin-top:-153px; border-radius:50%}
.history_hit .hit_side .circle_box .box_inner{display:flex; flex-direction:column; justify-content:center; position:relative; width:198px; height:198px; border-radius:50%; box-sizing:border-box}
.history_hit .hit_side .circle_box .box_inner strong,
.history_hit .hit_side .circle_box .box_inner span{display:block; color:#fff; line-height:145%; font-weight:600}
.history_hit .hit_side .circle_box .box_inner strong{font-family:gmk; font-size:16px; letter-spacing:-0.5px; font-weight:300}
.history_hit .hit_side .circle_box .box_inner span{font-size:20px; letter-spacing:-0.5px; font-weight:300}
.history_hit .hit_side .circle_box .box_inner:before{content:''; position:absolute; top:50%; width:140px; height:2px; margin-top:-1px}
.history_hit .hit_side .circle_box .box_inner:after{content:''; position:absolute; top:50%; width:14px; height:14px; margin-top:-7px; border-radius:50%; box-sizing:border-box}
.history_hit .hit_side.side_l .circle_box .box_inner:before{right:-120px; background:#03a2a4}
.history_hit .hit_side.side_l .circle_box .box_inner:after{right:-122px; background:#fff; border:2px solid #03a2a4}
.history_hit .hit_side.side_r .circle_box .box_inner:before{left:-120px; background:#1565aa}
.history_hit .hit_side.side_r .circle_box .box_inner:after{left:-122px; background:#fff; border:2px solid #1565aa}
.history_hit .hit_side.side_l .circle_box:before{background:#e5f6f6}
.history_hit .hit_side.side_r .circle_box:before{background:#f2fafc}
.history_hit .hit_side.side_l .circle_box .box_inner{background:#03a2a4}
.history_hit .hit_side.side_r .circle_box .box_inner{background:#1565aa}

.history_hit .hit_down{position:relative; width:1200px; margin:0 auto; margin-bottom:20px; padding:15px 0 13px}
.history_hit .hit_down:before,
.history_hit .hit_down:after{content:''; position:absolute; top:50%; width:14px; height:14px; margin-top:-35px; border-radius:50%; background:#fff; box-sizing:border-box; z-index:1}
.history_hit .hit_down:before{left:0; border:2px solid #03a2a4}
.history_hit .hit_down:after{right:0; border:2px solid #1565aa}
.history_hit .hit_down strong{display:block; font-size:18px; letter-spacing:-0.8px; line-height:165%; color:#505050; font-weight:normal; text-align:center}
.history_hit .hit_down strong:before
{
    content:''; position:absolute; left:0; width:100%; height:2px; top:0;
    background:#fff; background:-webkit-linear-gradient(110deg, #03a2a4, #1565aa); background:-moz-linear-gradient(110deg, #03a2a4, #1565aa); background:linear-gradient(110deg, #03a2a4, #1565aa)
}