@charset "euc-kr";
@import url('font.css');


/* RESET */
body, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, p, div, span {margin:0;padding:0}
body {font-family:'NotoKrR', 'sans-serif';color:#222;font-size:15px}
li {list-style:none}
a {display:block;color:#000;text-decoration:none}
a:hover, a:visited, a:focus {color:#000;text-decoration:none}
caption {overflow:hidden;position:absolute;clip:rect(0 0 0 0);clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0}
* {letter-spacing:-1px}

/* SCROLLTOP */
.scrollTop {position:fixed;bottom:30px;right:30px;z-index:1040;border:none;border-radius:25px;background-color:#000;color:#fff;font-weight:bold;width:50px;height:50px;padding:10px 10px;text-align:center;opacity:0}
.scrollTop i {color:#fff}

/* MARGIN & PADDING */
.mt0 {margin-top:0!important}
.mt5 {margin-top:5px!important}
.mt10 {margin-top:10px!important}
.mt20 {margin-top:20px!important}
.mt25 {margin-top:25px!important}
.mt30 {margin-top:30px!important}
.mt40 {margin-top:40px!important}
.mt50 {margin-top:50px!important}
.mt80 {margin-top:80px!important}
.mb20 {margin-bottom:20px!important}
.mb30 {margin-bottom:30px!important}
.mb40 {margin-bottom:40px!important}
.mb50 {margin-bottom:50px!important}
.mr0 {margin-right:0!important}
.ml10 {margin-left:10px!important}
.pt20 {padding-top:20px!important}
.pt30 {padding-top:30px!important}
.pt50 {padding-top:50px!important}


.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}

/*COMMON STYLE*/
.bdln{border-left:none!important}
.bdrn{border-right:none!important}
a {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
a.shadow_btn {cursor:pointer;margin-top:50px;display:inline-block;color:#fff;font-family:"NotoKrB";padding:10px 20px;background-color:#c63c0c;border-bottom:5px solid #952701}
a.shadow_btn:hover {color:#fff}
.ally-hidden {overflow:hidden;position:absolute;clip:rect(0 0 0 0);clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0}
strong {font-weight:400;font-family:"NotoKrB"}

/* COLOR */
.green {color:#71b113}
.orange {color:#d4860c}
.pink {color:#c81d7a}
.sky {color:#0d9ce3}
.yellow {color:#ecf644}
.red {color:#c63c0c}
.brown {color:#906c00}
.blck2 {color:#222}
.blue {color:#0068b7}

.b_red{font-weight:600; color:#c63c0c;}

.bg_red{background:rgba(239, 139, 11, 0.4)}
.bg_mint{background:rgba(162, 214, 106, 0.4)}

/* HEADER */
#navbar {background:rgba(0, 0, 0, 0.3);border:none;padding:20px 0px}
#navbar .navbar-default .navbar-collapse {border:none}
#navbar .navbar-header {float:none}
#navbar .logo-area {margin:0}
#navbar .logo-area a {margin-right:20px}
#navbar .logo-area a:first-child {background:url(/images/story/05/header/logo_bar.png)100% 12px no-repeat;margin-right:10px;padding-right:20px}
#select_box {padding-top:15px;float:left}
#site_link {font-size: 14px;line-height:175%;padding-top:2px;padding-bottom:3px}
#go {background-color:#fff;border:none;color:#666;font-size:13px;font-weight:bold;padding:0px 10px}
.sns-area {font-size:30px;float:right;padding-top:10px}
.sns-area li {float:left;padding:0 10px}
.sns-area li a i {color:#fff}

/* MAIN & CONT */
.contents .main_visual_bg {position:relative;background-image:url(/images/story/2020/09/02/main_visual_bg.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;height:1000px}
.contents .cont_inner {width:960px;margin:0 auto;padding:50px 0 50px}
.contents .main_visual_bg .main-h2 {padding-top:167px;text-align:center}
.contents .main_visual_bg .main_txt_area {padding-top:45px}
.contents .main_visual_bg .main-txt {text-align:center;color:#fff;font-size:25px;line-height:36px}
.contents .main_visual_bg .scroll {position:absolute;bottom:120px;left:50%;margin-left:-34px}

.cont-tit {background-repeat:no-repeat; background-position:center top}
.cont-tit01 {background-image:url(/images/story/09/con_tit_bg01.jpg)}
.cont-tit02 {background-image:url(/images/story/09/con_tit_bg02.jpg)}
.cont-tit .cont_tit_bar .cont_inner h2 {font-size:40px;text-align:center;padding-top:10px}
.cont-tit .cont_tit_bar .cont_inner .cont_tit_text>p {font-size:25px;line-height:32px;text-align:center;padding-top:270px}

.cont .cont_inner .tab_menu ul .tab {position:relative;width:25%;float:left;background-color:#444;font-size:22px}
.cont .cont_inner .tab_menu ul li.tab:after {content:'';position:absolute;width:100%;height:10px;bottom:-10px;left:0}
.cont .cont_inner .tab_menu ul li.tab1:after {background-color:#FF5002}
.cont .cont_inner .tab_menu ul li.tab2:after {background-color:#A3BE4D}
.cont .cont_inner .tab_menu ul li.tab3:after {background-color:#aa83b9}
.cont .cont_inner .tab_menu ul li.tab5:after {background-color:#dd7955}
.cont .cont_inner .tab_menu ul li a {padding:15px 0;color:#fff;width:100%;height:100%;cursor:pointer}
.cont .cont_inner .tab_menu ul li.tab1 a:hover {background-color:#d3ae4f}
.cont .cont_inner .tab_menu ul li.tab3 a:hover {background-color:#aa83b9}
.cont .cont_inner .tab_menu ul li.tab5 a:hover {background-color:#dd7955}
.cont .cont_inner .tab_menu ul li.tab1.on {background-color:#FF5002}
.cont .cont_inner .tab_menu ul li.tab2.on {background-color:#A3BE4D}
.cont .cont_inner .tab_menu ul li.tab3.on {background-color:#aa83b9}
.cont .cont_inner .tab_menu ul li.tab5.on {background-color:#dd7955}
.cont .cont_inner .con_section_title {height:93px;margin-top:50px;padding-top:18px;text-align:left}

.cont {background-position:center;text-align:center;overflow:hidden;padding-bottom:100px}
.cont .cont_inner h3 {margin-top:80px;margin-bottom:40px;font-weight:400;font-family:"NotoKrM"}
.cont .cont_inner h3>span {font-size:30px;border-top:1px solid #222;border-bottom:1px solid #222;padding:5px 10px 5px}
.cont .cont_inner .sub_tit_text {font-size:22px;padding-top:30px}
.cont .cont_inner .sub_tit_text>p {padding-top:5px;line-height:30px}
.cont .cont_inner .sub_txt_box {font-size:18px}
.cont .cont_inner h4 {font-weight:400;font-family:"NotoKrM";font-size:26px;text-align:left;position:relative;padding-left:26px}
.cont .cont_inner h4:before {content:"";display:block;width:18px;height:18px;border:6px solid #000;position:absolute;top:6px;left:0}
.cont .cont_inner h5 {font-weight:400;font-family:"NotoKrM";font-size:22px}

.cont .cont_inner .cont-table {margin-top:20px;width:100%}
.cont .cont_inner .cont-table th {font-weight:400;text-align:center;padding:10px;border:1px solid #999;border-bottom:0}
.cont .cont_inner .cont-table td {border:1px solid #999;padding:10px;}
.cont .cont_inner .cont-table td .tbl_Indent {padding-left:15px;}
.cont .cont_inner .cont-table td .tbl_Indent p {font-size:16px;}
.tbl_Indent{font-size:16px;}
.tbl_Indent2{font-size:18px;}
.cont .cont_inner .cont-table.parking td {text-align:center;margin-top:20px}
.cont .cont_inner .box_list_text {font-family:"NotoKrM";padding:10px 30px;margin-top:20px;text-align:left}
.cont .cont_inner .list_text {font-family:"NotoKrM";background-image:url(/images/story/09/bullet.png);background-repeat:no-repeat;background-position:left center;padding:0 15px;margin-top:20px;text-align:left}
a.link_btn {padding:5px 20px;background:#c63c0c;font-size:15px;color:#fff;display:inline-block;     border-radius: 30px;}


/* 추석연휴 종합대책 */
.cont-05 {background-image:url(/images/story/09/con01_bg.jpg)}
.cont-05 .cont_inner {padding-top:0}
.cont-05 .cont_inner h4:before {border-color:#d3ae4f}
.cont-05 .cont_inner .traffic-info>div {background-color:rgba(255,255,255,0.5);padding:35px;height:inherit;padding-left:150px;background-repeat:no-repeat;background-position:30px center;margin-top:0;margin-bottom:30px}
.cont-05 .cont_inner .traffic-info>div:first-child {margin-top:20px}
.cont-05 .cont_inner .traffic-info>div h5 {padding-top:25px}
.cont-05 .cont_inner .traffic-info>div.con_section_title01 .tip {margin-top:10px;display:inline-block;padding:2px 20px;border-radius:20px;background-color:#f1e57a; margin-left:3px;}
.tip {margin-top:10px;display:inline-block;padding:2px 20px;border-radius:20px;background-color:#f1e57a}
.cont-05 .cont_inner .traffic-info>div.con_section_title03 h5 {padding-top:35px}
.cont-05 .cont_inner .traffic-info>div .link-list {font-size:17px}
.cont-05 .cont_inner .traffic-info>div .link-list>li {position:relative;padding-left:12px;margin:5px 0}
.cont-05 .cont_inner .traffic-info>div .link-list>li:before {content:"";display:block;position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:50%;background-color:#555}
.cont-05 .cont_inner .traffic-info>div .link-list>li:after {display:block;content:"";clear:both}
.cont-05 .cont_inner .traffic-info>div .link-list>li>p>a {display:block;padding:2px;width:95px;text-align:center;font-size:14px;background-color:#777;color:#fff}
.cont-05 .cont_inner .cont-table th {background-color:#dcc17a}


.notic_box{background: #fff; padding: 15px 20px; border: 1px dotted #F06B6C; border-radius: 30px; margin-top:30px; }


/* 추석연휴 안전행동요령 */
.cont-07 {background-image:url(/images/story/09/con03_bg.jpg);overflow:hidden}
.cont-07 .cont_inner {padding-top:0;padding-bottom:0}
.cont-07 .cont_inner .con_section_title04 {background-image:url(/images/story/09/con07_icon01.png);padding-left:103px;background-repeat:no-repeat;background-position:left center}
.cont-07 .cont_inner .con_section_title05 {background-image:url(/images/story/09/con07_icon02.png);padding-left:103px;background-repeat:no-repeat;background-position:left center}
.cont-07 .cont_inner .con_section_title06 {background-image:url(/images/story/09/con07_icon03.png);padding-left:103px;background-repeat:no-repeat;background-position:left center}
.cont-07 .cont_inner .con_section_title07 {background-image:url(/images/story/09/con07_icon04.png);padding-left:103px;background-repeat:no-repeat;background-position:left center}


.cont-07 .cont_inner .con_section_title>h5 {margin-top:20px}
.cont .cont_inner .safe_txt_box {height:245px}
.cont .cont_inner .safe_txt_box .safe_box {width:310px;height:245px;margin-right:15px;margin-top:20px;background-color:#fff;float:left; border: 2px solid #55425D;}
.cont .cont_inner .safe_txt_box .safe_box h6 {color:#fff;width:100%;height:50px;font-size:18px;padding:15px 10px 8px;background-color:#55425D; font-weight:600;}
.cont .cont_inner .safe_txt_box .safe_box ul {padding:15px}
.cont .cont_inner .safe_txt_box .safe_box ul li {font-size:15px;padding-left:10px;background-image:url(/images/story/09/bullet.png);background-repeat:no-repeat;background-position:left 9px;text-align:left; font-weight:600; line-height: 24px;}
.cont-tit03 { padding-bottom: 40px;}
.cont-tit03 .cont_inner .safe_txt_box { height:105px;}
.cont-tit03 .cont_inner .safe_txt_box .safe_box { text-align:center; width:228px; height:105px; margin-right:15px; margin-bottom:20px; margin-top:0;background-color:#fff; float: left;}
.cont-tit03 .cont_inner .safe_txt_box .safe_box .call_num { display: block; font-size:22px; font-weight:bold; padding-top:15px;}
.cont-tit03 .cont_inner .safe_txt_box .safe_box h6 {color:#fff;text-align:center;width:100%;height:50px;font-size:18px;padding:15px 10px 8px;background-color:#444}




.cont .cont_inner .safe_txt_box2 {height:198px;}
.cont .cont_inner .safe_txt_box2 .safe_box2 {width:310px;height:166px;margin-right:15px;margin-top:20px;background-color:#fff;float:left; border:2px solid #D94502; border-radius: 0 0 33px 0;}
.cont .cont_inner .safe_txt_box2 .safe_box2 h6 {color:#fff;width:100%;height:50px;font-size:18px;padding:15px 10px 8px;background-color:#D94502; font-weight:600;}
.cont .cont_inner .safe_txt_box2 .safe_box2 ul {padding:15px}
.cont .cont_inner .safe_txt_box2 .safe_box2 ul li {font-size:15px;padding-left:10px;background-repeat:no-repeat;background-position:left 9px;text-align:left; margin: 0 0 10px 0; font-weight: 600;}
.cont-tit03 { padding-bottom: 40px;}
.cont-tit03 .cont_inner .safe_txt_box2 { height:105px;}
.cont-tit03 .cont_inner .safe_txt_box2 .safe_box2 { text-align:center; width:228px; height:105px; margin-right:15px; margin-bottom:20px; margin-top:0;background-color:#fff; float: left;}
.cont-tit03 .cont_inner .safe_txt_box2 .safe_box2 .call_num { display: block; font-size:22px; font-weight:bold; padding-top:15px;}
.cont-tit03 .cont_inner .safe_txt_box2 .safe_box2 h6 {color:#fff;text-align:center;width:100%;height:50px;font-size:18px;padding:15px 10px 8px;background-color:#444}

em{text-decoration:none; font-style: inherit;}
.title_bt{background-color:#fff; padding:10px 40px; border-radius:30px; color:#D94502; font-weight:600; border:2px solid #D94502; display:block; font-size:19px;}


/* 추석 생활상식 */
.cont-09 {background-image:url(/images/story/09/con05_bg.jpg);overflow:hidden}
.cont-09 .cont_inner {padding-top:0}
.cont-01 .cont_inner .sub_txt_box {padding:30px;text-align:left;background-image:url(/images/story/09/con01_txt_box.jpg);width:889px;margin:30px auto 0}
.cont-01 .cont_inner .sub_txt_box>p {margin-top:20px}
.cont-02 .cont_inner .sub_txt_box {overflow: hidden}
.cont-02 .cont_inner .sub_txt_box ul li {position:relative;background-position:left top;margin-top:36px;width:462px;height:205px;float:left}
.cont-02 .cont_inner .sub_txt_box ul li p {padding-top:20px}
.cont-02 .cont_inner .sub_txt_box ul li .play_txt_area {position:absolute;color:#fff;width:50%;right:0;text-align:left;padding-top:30px;padding-right:20px}
.cont-02 .cont_inner .sub_txt_box .play01 {background-image:url(/images/story/09/cont02-play01.jpg);margin-right:36px}
.cont-02 .cont_inner .sub_txt_box .play02 {background-image:url(/images/story/09/cont02-play02.jpg)}
.cont-02 .cont_inner .sub_txt_box .play03 {background-image:url(/images/story/09/cont02-play03.jpg);margin-right:36px}
.cont-02 .cont_inner .sub_txt_box .play04 {background-image:url(/images/story/09/cont02-play04.jpg)}
.cont-02 .cont_inner .sub_txt_box .play05 {background-image:url(/images/story/09/cont02-play05.jpg);margin-right:36px}
.cont-02 .cont_inner .sub_txt_box .play06 {background-image:url(/images/story/09/cont02-play06.jpg)}
.cont-03 .cont_inner .tbl_position {padding-top:30px}
.cont-04 .cont_inner .kinsfolk_tit {padding:10px;font-size:24px;color:#fff;margin-top:30px}
.cont-04 .cont_inner .kinsfolk_tit01 {background-color:#84c3b2}
.cont-04 .cont_inner .tbl_position {padding-top:30px}
.cont-04 .cont_inner .kinsfolk_tit02 {background-color:#e38665;margin-top:50px}

.con_section_title01 {background-image:url(/images/story/09/con05_icon03.png)}
.con_section_title02 {background-image:url(/images/story/09/con05_icon04.png)}
.con_section_title03 {background-image:url(/images/story/09/con05_icon02.png); background-position:30px 35px !important; }
.con_section_title04 {background-image:url(/images/story/09/con06_icon01.png);padding-left:103px;background-repeat:no-repeat;background-position:left center}

.con_section_title07 {background-image:url(/images/story/09/con08_icon01.png);padding-left:103px;background-repeat:no-repeat;background-position:left center}
.con_section_title08 {background-image:url(/images/story/2020/09/02/con07_icon05.png);padding-left:103px;background-repeat:no-repeat;background-position:left center; margin-bottom:25px;}
.con_section_title09 {background-image:url(/images/story/2020/09/02/con07_icon06.png);padding-left:103px;background-repeat:no-repeat;background-position:left center}
.con_section_title10 {background-image:url(/images/story/2020/09/02/con07_icon07.png);padding-left:103px;background-repeat:no-repeat;background-position:left center}

.con_section_title11 {background-image:url(/images/story/2020/09/02/con08_icon02.png);padding-left:103px;background-repeat:no-repeat;background-position:left center;}
.con_section_title11 h5{padding-top:20px;}

.cont-09 .cont_inner h5{padding-top:19px;}


.cont-10 {background-image:url(/images/story/09/cont10_bg.jpg);height:359px;padding-top:80px;font-size:50px;text-align:center}


/* 모달 레이어 팝업 */
.ydp-modal>.modal-dialog {width:50%;font-size:14px}
.ydp-modal>.modal-dialog>.modal-content {border-radius:0}
.ydp-modal>.modal-dialog>.modal-content>.modal-header {border-bottom:0;background-color:#d3ae4f;color:#fff}
.ydp-modal>.modal-dialog>.modal-content>.modal-header>h6 {font-size:22px}
.ydp-modal>.modal-dialog>.modal-content>.modal-header>.close {font-size:31px;text-shadow:0 0 0;opacity:1;color:#fff}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .cont-table {margin-top:0}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .cont-table th{font-weight:600;}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .cont-table th,
.ydp-modal>.modal-dialog>.modal-content>.modal-body .cont-table td {border:1px solid #ddd}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .cont-table th {background-color:#f1ead9;border-bottom:0}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .cont-table td ul li {position:relative;padding-left:10px}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .cont-table td ul li:before {content:"";display:block;width:5px;height:5px;border-radius:50%;background-color:#999;position:absolute;top:8px;left:0}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .title {font-size:18px;margin-bottom:8px}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .text-left {text-align:left!important}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .num-3 {display:inline-block;padding:0 6px;border-radius:50%;background-color:#f79646;color:#fff;margin-right:3px}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .num-7 {display:inline-block;padding:0 6px;border-radius:50%;background-color:#77933c;color:#fff;margin-right:3px}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .num-9 {display:inline-block;padding:0 6px;border-radius:50%;background-color:#948a54;color:#fff;margin-right:3px}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .num-2 {display:inline-block;padding:0 6px;border-radius:50%;background-color:#00b050;color:#fff;margin-right:3px}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .num-1 {display:inline-block;padding:0 6px;border-radius:50%;background-color:#1f497d;color:#fff;margin-right:3px}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .num-4 {display:inline-block;padding:0 6px;border-radius:50%;background-color:#4bacc6;color:#fff;margin-right:3px}



.ydp-modal>.modal-dialog>.modal-content>.modal-body .cont-table th.border_blue{border-top: 2px solid #0078D7; border-left: 2px solid #0078D7; border-right: 2px solid #0078D7;}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .cont-table td.border_blue_l{border-left: 2px solid #0078D7;}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .cont-table td.border_blue_r{border-right: 2px solid #0078D7;}
.ydp-modal>.modal-dialog>.modal-content>.modal-body .cont-table td.border_blue_b{border-bottom: 2px solid #0078D7;;}