@charset "euc-kr";

/* FONT SETTING */
@font-face {font-family:'NanumGothic';font-style:normal;font-weight:400;src:url(/story/assets/css/fonts/NanumGothic/NanumGothic-Regular.eot);src: url(/story/assets/css/fonts/NanumGothic/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(/story/assets/css/fonts/NanumGothic/NanumGothic-Regular.woff2) format('woff2'), url(/story/assets/css/fonts/NanumGothic/NanumGothic-Regular.woff) format('woff'), url(/story/assets/css/fonts/NanumGothic/NanumGothic-Regular.ttf) format('truetype')}

/* RESET */
body, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, p, div, span {margin:0;padding:0}
body {font-family:'NanumGothic', '³ª´®°íµñ', 'MalgunGothic', 'dotum', 'gulim', 'arial', sans-serif;color:#666;font-size:14px;}
li {list-style:none}
a {display:block;color:#000;text-decoration:none}
a:hover, a:visited, a:focus {color:#000;text-decoration:none}
caption { visibility: hidden; font-size: 0px; width: 0px; height: 0px; line-height: 0; border-bottom: 0; margin: 0; padding-top: 0; padding-bottom: 0;}
img {max-width:100%}
* {letter-spacing:-0.2px;}

/* 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 */
.ml20{margin-left:20px!important}
.ml30{margin-left:30px!important}
.ml50{margin-left:50px!important}
.ml80{margin-left:80px!important}
.mt10{margin-top:10px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mt50{margin-top:50px!important}
.mt60{margin-top:60px!important}
.mr0{margin-right:0 !important;}

.pl10{padding-left:10px!important;}
.pl20{padding-left:20px!important;}
.pt20 {padding-top:20px!important}
.pt30 {padding-top:30px!important}
.pt40 {padding-top:40px!important}
.pt50 {padding-top:50px!important}
.pb30 {padding-bottom:30px!important}

/*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-weight:bold; 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;}}

/* COLOR */
.green { color:#71b113}
.orange { color:#ffdb8d}
.pink { color:#c81d7a}
.sky { color:#0d9ce3}
.yellow { color:#fff390}
.red { color:#be092b;}
.brown { color:#906c00;}
.blck2 {color:#222;}
.white{color:#fff;}
.green{color:#2d8868}

/* 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}
#rwd-collapse-group .sns-area {font-size:30px;float:right;padding-top:10px}
#rwd-collapse-group .sns-area li {float:left;padding:0 10px}
#rwd-collapse-group .sns-area li a i {color:#fff}

/*common*/
.con_inner {width:960px; margin:0 auto;}
.con{padding-top:50px;margin-top:30px;}
.con_bg {position:relative;background:#f5f3ed;}
.con_bg.detail {padding-top:30px;padding-bottom:30px;}
.con_title_area {padding:15px 0;background-position:right top; background-repeat:no-repeat;margin-bottom:30px;}
.con_title_area h3{font-size:50px;font-weight:bold;}
.con_title_area p{padding-top:40px;font-size:22px;color:#888;line-height:34px}
.con_bg .con_section_tit h4{float:left;padding-top:12px;position:relative;font-size:24px;font-weight:bold;display:inline-block;}
.con_bg .con_section_tit h4:before{content:'';position:absolute;width:30px;height:2px;top:0;left:0}
a.detail_btn{background-color:#2d8868;margin-top:10px;margin-left:15px;padding:5px 15px;color:#fff;display:inline-block;font-weight:bold;}
a.location_btn{background-color:#db0000;margin-top:10px;margin-left:5px;padding:5px 15px;color:#fff;display:inline-block;font-weight:bold;}
a.location_btn_etc{background-color:#db0000;margin-top:10px;margin-left:8px;padding:5px 15px;color:#fff;display:inline-block;font-weight:bold;line-height:10px;}
.con_bg p.section_tit_desc{font-size:16px;padding-top:15px;line-height:35px}
.con_bg p.section_tit_desc strong{font-size:18px}
.snow_info_box {background-color:#eceae3; padding:10px}

/* MAIN & CONT */
.contents .main_visual_bg {position:relative;background:url(/images/story/11/main_visual_bg.jpg)no-repeat center;height:1000px;}
.contents .main_visual_bg .con_inner .main_visual_tit{padding-top:156px;text-align:center;}
.contents .main_visual_bg .con_inner p{padding-top:60px;text-align:center;color:#fff;font-size:26px;font-weight:bold;line-height:40px}
.contents .main_visual_bg .scroll {position:absolute; bottom:200px; left:50%; margin-left:-34px;}

/* con1 */
.con1-1{margin-top:40px;}
.con1 .title {padding-top:40px;padding-bottom:20px;}
.con1 .con1_title {background-image:url(/images/story/11/con_title_bg01.png);height:260px}
.con1 .con_section_tit h4 {color:#2d8868}
.con1 .con_section_tit h4:before{background-color:#2d8868}
.con1 .con_bg.detail {background:#2d8868;color:#fff;}
.con1 .con_bg.detail ul > li{line-height:30pt;}
.con1 .con_bg.detail ul > li > ul > li{line-height:20pt;}
.con1 .con_bg.detail ul > li > span.tel{margin-left:43px;}
.con1 .con_img>.con_inner>img{position:absolute;margin-top:-131px;margin-left:531px;z-index:10;}
.con1 .con1-2 ul li:nth-child(3){line-height:16pt;padding-top:10px;padding-bottom:10px;}
.con1 .con1-2 ul li .indent{margin-left:82px;margin-top:-15px;}

.con1 .con1-5 .detail {height:295px;}
.con1 .con1-5 .detail .con_inner h5{font-size:18px;font-weight:bold;margin-bottom:10px;}
.con1 .con1-5 .detail {height:295px;}
.con1 .con1-5 .detail .con_inner h5{font-size:18px;font-weight:bold;margin-bottom:10px;}
.con1 .con1-5 .con_img img{margin-top:-63.5px;margin-left:341px;}

/* con2 */
.con2 .con2_title {background-image:url(/images/story/11/con_title_bg02.png);height:260px}
.con_subtitle_area h4{font-size:35px;font-weight:bold;}
.con2 .con2_subtitle .subtit_con:after{content:'';display:block;clear:both;}

.con2 .con2-1 .con_inner .tab_menu {height:40px;margin-bottom:50px;}
.con2 .con2-1 .con_inner .tab_menu ul .tab { position:relative; width:33.33333334%; float:left; background-color:#fff; font-weight:bold; text-align:center;}
.con2 .con2-1 .con_inner .tab_menu ul li a { font-size:16px;padding:15px 0; color:#666; width:100%; height:100%; cursor:pointer;}
.con2 .con2-1 .con_inner .tab_menu ul li.tab a:hover {background:#73992a;color:#fff;}
.con2 .con2-1 .con_inner .tab_menu ul li.tab.on {background:#73992a;}
.con2 .con2-1 .con_inner .tab_menu ul li.tab.on a {color:#fff!important;}

.con2 .con2-1 .con2_subtitle .subtit_con > div{float:left;}
.con2 .con2-1 .con2_subtitle .subtit_con > div .sub_subtit{font-size:24px;margin-bottom:10px;font-weight:bold;}
.con2 .con2-1 .con2_subtitle .subtit_con > div p{font-size:16px;line-height:25px;}
.con2 .con2-1 .con_section_tit h4 {color:#73992a}
.con2 .con2-1 .con_section_tit h4:before{background-color:#73992a}
.con2 .con2-1 .con_section_tit h4:before{background-color:#73992a}
.con2 .con2-1 .con_bg.detail {background:#73992a;color:#fff;margin-top:15px;}
.con2 .detail ul {padding-left:15px;}
.con2 .detail ul li{list-style:disc;line-height:2em;}
.con2 .con2-1-1 .con_img img{position:absolute;margin-top:-68px;margin-left:794px;z-index:10;}
.con2 .con2-1-2 .con_img img{position:absolute;margin-top:-48px;margin-left:794px;z-index:10;}
.con2 .con2-1-3 .con_img img{position:absolute;margin-top:-48px;margin-left:794px;z-index:10;}

.con2 .con2-2 .subtit_con h5{font-weight:bold;font-size:20px;}
.con2 .con2-2 .subtit_con ul li{list-style:disc;line-height:2em;font-size:16px;}
.con2 .con2-2 .subtit_con .snow_wrap:after{content:'';display:block;clear:both;}
.con2 .con2-2 .subtit_con .snow_wrap > div{float:left;}
.con2 .con2-2 .subtit_con .snow_wrap > div .caption{width:100%;background:#4d5558;color:#fff;font-weight:bold;padding:5px;text-align:center;margin-top:10px;}
.con2 .con2-2 .subtit_con .snow_wrap .snow_info > div{font-size:16px;}

.con2 .con2-3 .con_inner .tab_menu {height:40px;margin-bottom:70px;}
.con2 .con2-3 .con_inner .tab_menu ul .tab {position:relative; width:25%; float:left; background-color:#fff; font-weight:bold; text-align:center;}
.con2 .con2-3 .con_inner .tab_menu ul li a {font-size:16px;padding:15px 0; color:#666; width:100%; height:100%; cursor:pointer;}
.con2 .con2-3 .con_inner .tab_menu ul li.tab a:hover {background:#089e95;color:#fff;}
.con2 .con2-3 .con_inner .tab_menu ul li.tab.on {background:#089e95;}
.con2 .con2-3 .con_inner .tab_menu ul li.tab.on a {color:#fff!important;}

.con2 .con2-3 .con_section_tit h4 {color:#089e95;padding-bottom:20px}
.con2 .con2-3 .con_section_tit h4:before{background-color:#089e95}
.con2 .con2-3 .con_section_tit h4:before{background-color:#089e95}
.con2 .con2-3 .con_bg.detail {background:#089e95;color:#fff;}
.con2 .con2-3-1 .con_img img{position:absolute;margin-top:-60px;margin-left:794px;z-index:10;}
.con2 .con2-3-2 .con_img img{position:absolute;margin-top:-60px;margin-left:794px;z-index:10;}
.con2 .con2-3-3 .con_img img{position:absolute;margin-top:-60px;margin-left:794px;z-index:10;}
.con2 .con2-3-4 .con_img img{position:absolute;margin-top:-60px;margin-left:794px;z-index:10;}
.con2 .con2-3-5 .con_bg.detail {margin-top:15px;}

/*--map_area--*/
.map_img_wrap:after{content:'';display:block;clear:both;}
.weather_sec_map {}
.weather_sec_map.weather_sec_map4 { padding-top:0;}
h4.weather_map_tit1 {font-size:35px; text-align:center; font-weight:600; margin-bottom:50px;}
h4.weather_map_tit1 p {display:inline-block; font-size:35px; margin-left:-20px; padding-left:40px; font-weight:600; line-height:1.5em; color:#222; background-image:url(/images/life/gis/comm_location_icon.png); background-repeat:no-repeat; background-position:left 12px;}
.life_map_desc {display:none; clear:both; padding:15px; text-align:center; background-color:#f3efe1;}
.weather_map { height:460px; overflow:hidden; margin-bottom:20px; background-size:cover;} /*--Áöµµ¿µ¿ª°øÅë--*/
.gis_gps_txt { text-align:center; margin-bottom:50px; font-size:14px;}

 /*´ë¼³ map tab*/
.weather_tab_cont { width: 100%;}
.life_sec1_map > .life_map_tab_snow {padding:0!important;}
.life_sec1_map > .life_map_tab_snow:after {content:'';display:block;clear:both;}
.life_sec1_map > .life_map_tab_snow > li {list-style:none!important;width:50%; float:left;}
.life_sec1_map > .life_map_tab_snow > li > a { width:100%; text-align:center; height:92px; padding-top:15px; background-color:#fff; cursor: pointer;}
.life_sec1_map > .life_map_tab_snow > li.on > a.tab-button {background-color:#0b436d; color:#fff;}
.life_sec1_map > .life_map_tab_snow > li > a > h5 { font-size:18px; padding-top:10px;}


/* con3 */
.con3 .con3_title {background-image:url(/images/story/11/con_title_bg03.png);height:260px}
.con3 .con3_subtitle h4{font-size:35px;font-weight:bold;}
.con3 .con3_subtitle .subtit_con > div{float:left;height:116px;}
.con3 .con3_subtitle .subtit_con > div .sub_subtit{font-size:24px;margin-bottom:10px;font-weight:bold;}
.con3 .con3_subtitle .subtit_con > div p{font-size:16px;line-height:25px;}
.con3 .con_section_tit h4 {color:#8c7f63}
.con3 .con_section_tit h4:before{background-color:#8c7f63}
.con3 .con_section_tit h4:before{background-color:#8c7f63}
.con3 .con_bg.title {background:#f5f3ed;padding-top:40px;padding-bottom:20px;}
.con3 .con_bg.detail {background:#8c7f63;color:#fff;}
.con3 .con_bg.detail h5{font-weight:bold;font-size:18px;}
.con3 .detail ul {margin-left:18px;}
.con3 .detail ul li{list-style:disc;line-height:2em;}
.con3 .detail p{line-height:1.8em;}
.con3 .con3-1-1 .con_img img{position:absolute;margin-top:-68px;margin-left:794px;z-index:10;}
.con3 .con3-1-1 .tel{color:#ecf644;font-weight:bold;margin-top:10px;}
.con3 .con3-1-2 .con_img img{position:absolute;margin-top:-48px;margin-left:794px;z-index:10;}
.con3 .con3-1-2 .donation{font-weight:bold;margin-top:20px;}
.con3 .con3-1-2 .donation > div{float:left;}
.con3 .con3-1-2 .donation:after{content:'';display:block;clear:both;}
.con3 .con3-1-2 .donation span{margin-left:20px;margin-right:20px;}
.con3 .con3-1-2 .donation a.detail_btn{background:#fff;color:#222;padding:2px 15px;margin-left:0;}

.con3 .con3-2 .detail ul li .indent{margin-left:64px;}
.con3 .con3-2-1 .con_img img{position:absolute;margin-top:-48px;margin-left:794px;z-index:10;}


/* con4 */
.con4 .con4_title {background-image:url(/images/story/11/con_title_bg04.png);height:260px}
.con4 .con4_subtitle h4{font-size:35px;font-weight:bold;}
.con4 .con4_subtitle .subtit_con > div{float:left;height:116px;}
.con4 .con4_subtitle .subtit_con > div .sub_subtit{font-size:24px;margin-bottom:10px;font-weight:bold;}
.con4 .con4_subtitle .subtit_con > div p{font-size:16px;line-height:25px;}
.con4 .con_section_tit h4 {color:#038eb7}
.con4 .con_section_tit h4:before{background-color:#038eb7}
.con4 .con_section_tit h4:before{background-color:#038eb7}
.con4 .con_bg.title {background:#f5f3ed;padding-top:40px;padding-bottom:20px;}
.con4 .con_bg.detail {background:#038eb7;color:#fff;}
.con4 .con_bg.detail h5{font-weight:bold;font-size:18px;}
.con4 .con4-1-1 .disease_wrap:after{content:'';display:block;clear:both;}
.con4 .con4-1-1 .disease{float:left;background:#01627e;padding:20px;width:300px;height:353px;}
.con4 .con4-1-1 .disease h5{text-align:center;}
.con4 .con4-1-1 .disease p{text-align:center;}
.con4 .con4-1-1 .disease .img{margin-top:20px;text-align:center;}
.con4 .con4-1-1 .disease ul{margin-top:20px;margin-left:15px;}
.con4 .con4-1-1 .disease ul li{list-style:disc;line-height:1.8em;}
.con4 .con4-1-2 .health_wrap:after{content:'';display:block;clear:both;}
.con4 .con4-1-2 .health{float:left;width:130px;}
.con4 .con4-1-2 .health p{text-align:center;}
.con4 .con4-1-3 p{font-size:18px;}
.con4 .con4-1-3 p span{margin-left:22px;}
.con4 .con4-1-3 ul{margin-left:20px;}
.con4 .con4-1-3 ul li{list-style:decimal;line-height:2em;}
.con4 .con4-1-3 ul li .{list-style:decimal;line-height:2em;}
.con4 .con4-1-3 .con_img img{position:absolute;margin-top:-40px;margin-left:650px;z-index:10;}

.con4 .con4-2-1 .con_img img{position:absolute;margin-top:-43px;margin-left:794px;z-index:10;}
.con4 .con4-2-1 .detail ul{margin-left:20px;}
.con4 .con4-2-1 .detail ul > li{list-style:disc;line-height:2.5em;}
.con4 .con4-2-1 .detail ul > li > ul{margin:0;}
.con4 .con4-2-1 .detail ul > li > ul >li{list-style:none;line-height:1.5em;}
.con4 .con4-2-2 .con_img img{position:absolute;margin-top:-43px;margin-left:794px;z-index:10;}
.con4 .con4-2-2 .detail ul{margin-left:20px;}
.con4 .con4-2-2 .detail ul > li{list-style:disc;line-height:2em;}

/* footer */
.contents .footer {position:relative;background:url(/images/story/11/con5_bg.jpg)no-repeat center;height:335px;}
.contents .footer p {text-align:center;padding:84px 0;}