@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:16px/160% 'NanumGothic', '³ª´®°íµñ', 'MalgunGothic', 'dotum', 'gulim', 'arial', sans-serif;color:#222}
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;}
em {font-style:normal}

/* 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}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mb20 {margin-bottom:20px}
.mr0 {margin-right:0 !important;}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt50 {padding-top:50px}

/*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:#d4860c}
.pink { color:#c81d7a}
.sky { color:#0d9ce3}
.yellow { color:#ecf644 !important}
.red { color:#c63c0c !important}
.brown { color:#906c00;}
.blck2 {color:#222;}

.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.6);border:none;padding:14px 0px 18px;}
#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; margin-right:12px;}
#rwd-collapse-group .sns-area li:last-child{margin-right:0;}
#rwd-collapse-group .sns-area li a i {color:#fff}

#rwd-collapse-group .sns-area li a{display:block; width:35px; height:35px;background-repeat:no-repeat; background-image:url(/images/story/2018/02/sns.png); color:transparent; font-size:0;}
#rwd-collapse-group .sns-area li.facebook a{background-position:left center;}
#rwd-collapse-group .sns-area li.blog a{background-position:-35px center;}
#rwd-collapse-group .sns-area li.twitter a{background-position:-70px center;}

/* visual */
.contents .main_visual_bg {position:relative; background-image:url(/images/story/2018/02/top_visual.jpg); background-repeat:no-repeat;background-position:50% 50%;background-size:cover;height: 866px;}
.contents .main_visual_bg .main-h2 { padding-top:200px; text-align:center;}
.contents .main_visual_bg .scroll { position:absolute; bottom:13px; left:50%; margin-left:-34px;}
/* .quick_link { width:178px; height:178px; position:absolute; left: 50%; bottom: 220px; margin-left:-340px; background-image:url(/images/story/09/quick_link.png);} */

/* content layout */
.contents .cont_inner{width:960px; margin:0 auto; padding-bottom:45px; font-family:"NanumGothic";}
.contents .cont_inner.cont_wide{width:1200px;}
.cont{width:100%;}
.cont.cont-01{background:url(/images/story/2018/02/cont-01-bg.jpg) no-repeat center top; background-size:cover;}
.cont.cont-02{background:url(/images/story/2018/02/cont-03-bg.jpg) no-repeat center top; background-size:cover;}
.cont.cont-03{background:url(/images/story/2018/02/cont-02-bg.jpg) no-repeat center top; background-size:cover;}

/* tab menu */
.tab_menu{width:100%;}
.tab_menu ul{}
.tab_menu ul::after{content:""; display:block; clear:both;}
.tab_menu ul li{width:33.333%; float:left; background:url(/images/story/2018/02/tab_bg.png) no-repeat center top; background-size:cover; padding:22px 0; position:relative; transition:0.3s all;}
.tab_menu ul li span{width:100%; height:12px; display:block; position:absolute; bottom:0; left:0; right:0;}
.tab_menu ul li.tab1 span{background:rgba(204,79,80,0.6);}
.tab_menu ul li.tab1.on{background:url(/images/story/2018/02/tab01_bg.png) no-repeat center top; background-size:cover;}
.tab_menu ul li.tab1:hover{background:url(/images/story/2018/02/tab01_bg.png) no-repeat center top; background-size:cover;}
.tab_menu ul li.tab1.on span{display:none;}
.tab_menu ul li.tab2 span{background:rgba(77,112,132,0.6);}
.tab_menu ul li.tab2.on{background:url(/images/story/2018/02/tab03_bg.png) no-repeat center top; background-size:cover;}
.tab_menu ul li.tab2:hover{background:url(/images/story/2018/02/tab03_bg.png) no-repeat center top; background-size:cover;}
.tab_menu ul li.tab2.on span{display:none;}
.tab_menu ul li.tab3 span{background:rgba(252,161,61,0.6);}
.tab_menu ul li.tab3.on{background:url(/images/story/2018/02/tab02_bg.png) no-repeat center top; background-size:cover;}
.tab_menu ul li.tab3:hover{background:url(/images/story/2018/02/tab02_bg.png) no-repeat center top; background-size:cover;}
.tab_menu ul li.tab3.on span{display:none;}
.tab_menu ul li a{width:100%; display:block; font-size:20px; color:#fff; font-weight:bold; text-align:center; line-height:24px;}

/* content section */
.section{width:100%;}
.section h3{margin:0 auto;  text-align:center; margin-top:20px; box-sizing:border-box;}
.section h3 p{min-width:333px; height:63px; display:inline-block; vertical-align:middle; font-size:26px; color:#fff; padding:15px 40px 0; font-weight:bold;}
.section h3 p.pad_no{padding-top:5px;}
.section h3 p span{display:block; font-size:20px; text-align:center; margin-top:3px;}
.section h3 p.title_bg01{background:url(/images/story/2018/02/title_bg01.png) no-repeat center top; background-size:100% 100%;}
.section h3 p.title_bg02{background:url(/images/story/2018/02/title_bg03.png) no-repeat center top; background-size:100% 100%;}
.section h3 p.title_bg03{background:url(/images/story/2018/02/title_bg02.png) no-repeat center top; background-size:100% 100%;}

.story_container{width:100%; margin-top:24px;}
.story_container .story_con{margin-bottom:30px;}
.story_container .story_con h4{margin-bottom:20px;}
.story_container .story_con h4::after{content:""; display:block; clear:both;}
.story_container .story_con h4 img{float:left;}
.story_container .story_con h4 span{display:block; float:left; font-size:22px; color:#4f4444; font-weight:bold; padding:41px 0 24px; margin-left:10px; box-sizing:border-box;}
.story_container .story_con h4 span.bul01{padding-left:25px; background:url(/images/story/2018/02/bul01.png) no-repeat left 41px;}
.story_container .story_con h4 span.bul01.busSubway{margin-left:117px}
.story_container .story_con h4 a{display:inline-block; height:30px; font-size:18px;}
.story_container .story_con h4 a.btn{color:#fff; font-weight:normal; text-align:center; line-height:30px; margin:38px 0 0 25px; padding:0 20px; box-sizing:border-box;}
.story_container .story_con h4 a.bg_red{background:#cc4f50;}
.story_container .story_con h4 div{float:left; text-align:left; width:88%; padding-left:38px;}
.story_container .story_con h4 div p{font-size:20px; color:#4f4444; font-weight:bold; margin-bottom:14px; padding-left:12px; position:relative;}
.story_container .story_con h4 div p::before{width:3px; height:3px; content:""; display:block; background:#4f4444; position:absolute; top:8px; left:0; border-radius:50%;}
.story_container .story_con .tbl_tit{font-size:22px;font-weight:bold;margin-bottom:10px}

/* Å×À̺íÀÇ Å¸ÀÔÀº »óȲ¿¡ µû¶ó º¯°æÇؼ­ »ç¿ë */
.story_container .story_con table{width:100%;}
.story_container .story_con table thead tr.bg_red{background:#cc4f50;}
.story_container .story_con table thead tr.bg_yellow{background:#f1b26e;}
.story_container .story_con table thead tr.bg_green{background:#6b8687;}
.story_container .story_con table thead tr th{font-size:22px; color:#fff; text-align:center; border:1px solid #000; border-bottom-color:#6f665e; padding:10px 15px;}
.story_container .story_con table tbody tr th{font-size:18px; color:#4f4444; border:1px solid #000; text-align:center;}
.story_container .story_con table tbody tr td{font-size:18px; color:#4f4444; border:1px solid #000; padding:10px}
.story_container .story_con table tbody tr.align-c td{text-align:center}

.story_container .story_con h5{font-size:24px; color:#010101; font-weight:bold; text-align:center; line-height:34px;}
.story_container .story_con h5 span{color:#b00e10;}

.story_container .story_con .half_box{width:100%;}
.story_container .story_con .half_box::after{content:""; display:block; clear:both;}
.story_container .story_con .half_box li{float:left; background:url(/images/story/2018/02/customs_list_bg.png) repeat; padding:24px 0 24px 24px; margin:0 36px 36px 0; width:462px; box-sizing:border-box;}
.story_container .story_con .half_box li:nth-child(2n){margin-right:0;}
.story_container .story_con .half_box li::after{content:""; display:block; clear:both;}
.story_container .story_con .half_box li div{float:left;}
.story_container .story_con .half_box li div.right{margin-left:20px;}
.story_container .story_con .half_box li div p{font-size:26px; color:#fff; margin-bottom:30px;}
.story_container .story_con .half_box li div span{font-size:16px; color:#fff; display:inline-block; line-height:20px;}

.story_container .story_con .full_img_box{width:100%; text-align:center;}
.story_container .story_con .full_list{width:100%; margin-top:40px;}
.story_container .story_con .full_list ul{}
.story_container .story_con .full_list ul li{width:100%; height:90px; background:url(/images/story/2018/02/customs_list_bg.png) repeat; text-align:center; margin-bottom:30px; position:relative; line-height:90px;}
.story_container .story_con .full_list ul li p{display:inline-block; vertical-align:middle; font-size:22px; color:#fff; font-weight:bold; line-height:26px;}
.story_container .story_con .full_list ul li::after{width:28px; height:100%; content:""; display:block; position:absolute; top:0; left:0; bottom:0;}
.story_container .story_con .full_list ul li.line01::after{background:#cc4f50;}
.story_container .story_con .full_list ul li.line02::after{background:#f89f3d;}
.story_container .story_con .full_list ul li.line03::after{background:#534949;}

.story_container .story_con .center_mode_wrap{width:100%; text-align:center;}
.story_container .story_con .center_mode_wrap ul{display:inline-block; text-align:center; width:100%; margin-bottom:50px;}
.story_container .story_con .center_mode_wrap ul li{display:inline-block; text-align:center; padding:42px 20px 0; position:relative; vertical-align:middle;}
.story_container .story_con .center_mode_wrap ul li .top_img{position:absolute; top:0; left:0; right:0; height:48px; background:url(/images/story/2018/02/top_img_bg.png) no-repeat center top; background-size:100%; z-index:10;}
.story_container .story_con .center_mode_wrap ul li .bot_txt{width:276px; min-height:394px; box-sizing:border-box; border:20px solid #537688; border-top:none; background:#fff6ed; position:relative; top:-9px; padding:14px 0 0; text-align:center;}
.story_container .story_con .center_mode_wrap ul li .bot_txt .diamond{width:148px; height:148px; display:block; margin:0 auto; background:url(/images/story/2018/02/diamond.png) no-repeat center top; font-size:24px; color:#fff; margin-bottom:15px; padding-top:60px; box-sizing:border-box;}
.story_container .story_con .center_mode_wrap ul li .bot_txt p{font-size:32px; color:#534949; margin-bottom:20px; font-weight:bold;}
.story_container .story_con .center_mode_wrap ul li .bot_txt span{font-size:15px; color:#534949; display:inline-block; line-height:22px;}

.story_container .story_con .triple_box{width:100%;} 
.story_container .story_con .triple_box::after{content:""; display:block; clear:both;}
.story_container .story_con .triple_box li{float:left; margin-right:10px; width:313px; background:#fff5f5;}
.story_container .story_con .triple_box li:last-child{margin-right:0;}
.story_container .story_con .triple_box li p.tit{font-size:18px; color:#fff; font-weight:bold; text-align:center; padding:13px 0; background:#5f4741;}
.story_container .story_con .triple_box li div{padding:10px 22px; height:195px; box-sizing:border-box;}
.story_container .story_con .triple_box li div p{font-size:16px; color:#4f4444; font-weight:bold; line-height:26px; position:relative; padding-left:10px;}
.story_container .story_con .triple_box li div p::before{width:3px; height:3px; content:""; display:block; background:#4f4444; position:absolute; top:10px; left:0; border-radius:50%;}

.story_container .story_con .float_box{width:100%; position:relative; margin-bottom:50px;}
.story_container .story_con .float_box:last-child{margin-bottom:0;}
.story_container .story_con .float_box::after{content:""; display:block; clear:both;}
.story_container .story_con .float_box .left_box{float:left;width:229px;}
.story_container .story_con .float_box .right_box{float:left; background:#fff5f5; width:731px; height:164px; position:relative;}
.story_container .story_con .float_box .right_box h5{font-size:18px; color:#fff; font-weight:bold; padding:12px; background:#5f4741; margin-bottom:15px;}
.story_container .story_con .float_box .right_box p{margin-left:16px; padding-left:15px; position:relative; font-size:16px; color:#5f4741; margin-bottom:5px;}
.story_container .story_con .float_box .right_box p::before{width:6px; height:6px; content:""; display:block; background:#4f4444; position:absolute; top:10px; left:0;}
.story_container .story_con .float_box .right_box img{position:absolute; top:15%; right:0;}

.cont-4{/* background:url(/images/story/2018/02/footer_img.jpg) no-repeat center top; background-size:cover; height:365px; position:Relative; text-indent:-9999em; */}
.cont-4 img{width:100%;}