.promotion_border {width:100%; background:rgba(0,0,0,0.msec2); margin-bottom:100px; padding:0 98px 0 98px;}
.promotion_border > div {position:relative;}
.promotion_border .tab {color:#666; width:120px; display:inline-block; background:#f5f6f8; font-size:20px; font-weight:600; line-height:55px; text-align:center; border-radius:30px;}
.promotion_border .tab.active { background:#01a862; color:#fff;}
.promotion_border .tabcon {display:none; padding:90px 0; width:100%;}
.promotion_border .tabcon.active {display:block;}
.promotion_border .tab.t01 {position:absolute; top:0; left:calc(50% - 190px);}
.promotion_border .tab.t02 {position:absolute; top:0; left:calc(50% - 60px);}
.promotion_border .tab.t03 {position:absolute; top:0; left:calc(50% + 70px);}
.promotion_border .tabcon {overflow:hidden; width:100%; }
.promotion_border .tabcon > ul {width:calc(50% - 40px); float:left;  padding-right:40px;}
.promotion_border .tabcon > ul:nth-child(2){padding-right:0; float:right; border-right:none;}

.promotion_border .tabcon > ul li {margin-bottom:30px; position: relative; padding-left:18px;}
.promotion_border .tabcon > ul li:before {content: '';  position: absolute;  width: 6px; height: 6px;  left: 0;  top: 15px; background: #3767cc; border-radius:50%;}
.promotion_border .tabcon > ul li a{display:block; color:#333333; font-size:21px; font-weight: 500; text-overflow: ellipsis;  white-space: nowrap; word-wrap: normal; overflow: hidden; width:100%;}
.promotion_border .tabcon > ul li a span {display:block;color:#777; font-size:18px; font-weight: 300; line-height:20px;}
.promotion_border .tabcon > ul li:last-child{margin-bottom:0px;}
.promotion_border .tabcon a.border-btn{position:absolute; top:0;  right:0px; width:52px; height:52px; border:1px solid #e1e1e1; border-radius:50%; text-align: center; font-size:30px; line-height:52px;}




.story{ margin-bottom:110px; background:#005eb8 url(/_res/hf/ko/img/Story_bg.jpg) no-repeat center 0; padding:55px 98px 74px 98px;}
.story .story_tit{text-align: center; color:#fff; margin-bottom:20px; }
.story .story_tit h2{font-weight:600;  font-size:36px; margin-bottom:12px;}
.story .story_tit h2 span{position: relative;}
.story .story_tit h2 span:after{content:''; display:block; background:url(/_res/hf/ko/img/main/msec2_bg.png) no-repeat 0 0; left:-70px; top:-75px; width:107px; height:118px; position: absolute;}
.story .story_tit .sub_memo{font-weight:400;  font-size:18px; color:#dae2e9;}  

.Story_border {width:100%; background:rgba(0,0,0,0.msec2);}
.Story_border > div {position:relative;}
.Story_border .tab {color:#94bde4; display:inline-block; font-size:20px; font-weight:600; line-height:55px; text-align:center; border-radius:30px;}
.Story_border .tab.active {color:#fff;}
.Story_border .tab.active:after{content:''; display:block; left:0px; bottom:0; width:100%; height:5px; position: absolute; background:#5bd196;}
.Story_border .tab.active span{position: relative;}
.Story_border .tabcon {display:none; padding:90px 0 0 0; width:100%;}
.Story_border .tabcon.active {display:block;}
.Story_border .tab.t01 {position:absolute; top:0; left:calc(50% - 150px);}
.Story_border .tab.t02 {position:absolute; top:0; left:calc(50% - 45px);}
.Story_border .tab.t03 {position:absolute; top:0; left:calc(50% + 80px);}
.Story_border .tabcon {overflow:hidden; width:100%; }
.Story_border .tabcon > ul {margin:0 -21px;}
.Story_border .tabcon > ul li {position: relative; float:left; width:calc(33.3% - 42px); margin:0 21px; min-height:298px; background:#fff;}
.Story_border .tabcon > ul li a{display:block; }
.Story_border .tabcon > ul li .img{width:100%; height:202px;}
.Story_border .tabcon > ul li .img img{width:100%; height:202px;}
.Story_border .tabcon > ul li .text{color:#333333; font-size:21px; font-weight: 500; text-align: center; line-height:25px; padding:20px 43px;     }
.Story_border .tabcon > ul li .text span{height:48px;  align-items: center;  justify-content: space-around; display: flex;}
.Story_border .tabcon > ul li:last-child{margin-bottom:0px;}
.Story_border .tabcon a.border-btn{position:absolute; top:-50px;  right:0px; width:52px; height:52px; border:1px solid #fff; border-radius:50%; text-align: center; font-size:30px; line-height:52px; color:#fff;}
    
.Story_border ul.slick-dots{ margin: 30px auto 0 auto; width:100px}
.Story_border ul.slick-dots li{min-height:15px; height:15px; width:15px; margin:0; background:none; margin-right:10px;}
.Story_border ul.slick-dots li button{width:15px; height:15px; z-index:10; text-indent:-9999px; background-color:#6599cb; border-radius:50%; vertical-align:top;}
.Story_border ul.slick-dots li.slick-active  button {background-color:#c8d937; margin-right:10px; }




.promotion_wrap{ margin-bottom:70px;}
.promotion_wrap .promotion_tit{text-align: center; color:#333; margin-bottom:30px; }
.promotion_wrap .promotion_tit h2{font-weight:600;  font-size:36px; margin-bottom:12px;}
.promotion_wrap .promotion_tit .sub_memo{font-weight:400;  font-size:18px; color:#777; line-height: 25px;}  
.promotion_wrap .sns_icon{ text-align: center; margin-bottom:150px}
.promotion_wrap .sns_icon a{margin-right:20px;}
.promotion_wrap .sns_icon a:last-child{margin-right:0;}

.promotion_wrap .webzine{position: relative;  padding:0px 98px 45px 98px; display: flex; align-items: center; margin-top:56px }
.promotion_wrap .webzine .book{margin:-75px 33px 0 0; width:350px; padding:34px 34px 40px 43px; background:url(/_res/hf/ko/img/book_bg.png) repeat-y; height:440px; box-sizing: border-box;}
.promotion_wrap .webzine .book .tit{color:#fff; font-size:19px; margin-bottom:10px;}
.promotion_wrap .webzine .book a.webzine_btn{display:block; border:1px solid #467ec1; padding:10px 20px; color:#dbe8f8; background:#1c5dab; margin-top:10px; position: relative;}
.promotion_wrap .webzine .book a.webzine_btn:after{content:'▶'; font-size:15px; display:blcok; position: absolute; right:20px; top:20%;}
.promotion_wrap .webzine .list_icon {display: flex; align-items: center; width: 100%; padding:0 75px; margin:0 -50px;}
.promotion_wrap .webzine .list_icon li{width:calc(33.3% - 50px); margin:0 50px;}
.promotion_wrap .webzine .list_icon .img{width:140px; height:140px; background:#fff;border-radius:30px; margin: 0 auto 25px auto; text-align: center; display: flex; align-items: center; justify-content: space-around;}
.promotion_wrap .webzine .list_icon .title{font-size:19px; color:#222; font-weight: 500; text-align: center; }

.promotion_wrap.bg{position: relative; margin-bottom:0;}
.promotion_wrap.bg:before{background:#f6f7fc; content:''; width:100%; height:420px; left:0; bottom:0px;  position: absolute; display:block;}

.sns_wrap{padding-bottom:130px;}
.sns_wrap .sns_info{width:33.3%; text-align: center; float:left;}

.sns_wrap .sns_info span{display: block; }
.sns_wrap .sns_info span.suject{margin:50px 0 30px 0; font-size:32px; color:#333; font-weight: 500}
.sns_wrap .sns_info img{margin:0 auto;}
.sns_wrap .sns_info .text{font-size:18px; color:#666666;}
.sns_wrap .sns_info .sns_btn{padding-left:33px; border-radius:30px; background:#0b55af; width:200px;  position: relative; font-size:18px; color:#fff; line-height:54px; margin:30px auto 0 auto; text-align: left;}
.sns_wrap .sns_info .sns_btn:after{position: absolute; content:''; display:block; background:url(/_res/hf/ko/img/tree_arr.png); width:8px; height:15px; top:50%; right:30px;     transform: translateY(-50%);}
.sns_wrap .sns_info .sns_btn.blog{background:#21aa00; }
.sns_wrap .sns_info .sns_btn.Instagram{background:#f60091; width:230px; }
.sns_wrap .sns_info .sns_btn.youtube{background:#f03; }

.sns_wrap ul.slick-dots{ margin: 30px auto 0 auto; width:65px; display:flex; justify-content:space-between;}
.sns_wrap ul.slick-dots li{min-height:15px; height:15px; width:15px;  background:none;}
.sns_wrap ul.slick-dots li button{width:15px; height:15px; z-index:10; text-indent:-9999px; background-color:#dfdfdf; border-radius:50%; vertical-align:top;}
.sns_wrap ul.slick-dots li.slick-active  button {background-color:#005eb8; }




@media (max-width: 1150px){
	.promotion_border {padding:0 20px}
	#content.promotion_layout{padding:0;}
	.story{padding:55px 20px 120px 20px;}
	.story .Story_border{padding:0 40px;}
	
	.promotion_wrap .promotion_tit h2{font-weight:600;  font-size:33px; margin-bottom:12px;}
	
	.promotion_border .tab {color:#666; width:110px; font-size:18px; line-height:50px; }
	.promotion_border .tabcon > ul {width:100%; border-right:none;}	
	.promotion_border .tabcon > ul li{margin-bottom:15px; }
	.promotion_border .tabcon > ul li a{font-size:20px;}
	.promotion_border .tabcon > ul:nth-child(2){margin-top:15px;}
	.promotion_border .tabcon a.border-btn{position:absolute; top:auto;  right:50%; bottom:0px; margin-right:-26px;}
	.promotion_border .tab.t01 {position:absolute; top:0; left:calc(50% - 180px);}
	.promotion_border .tab.t02 {position:absolute; top:0; left:calc(50% - 60px);}
	.promotion_border .tab.t03 {position:absolute; top:0; left:calc(50% + 60px);}

	.promotion_wrap .webzine .list_icon li{width:calc(33.3% - 20px); margin:0 20px;}
	.promotion_border .tab { width:110px;}
	.Story_border .tab{line-height:40px;}
	.Story_border .tabcon{padding: 60px 0 0 0;}
	.Story_border .tabcon a.border-btn{ bottom: -75px;   top: auto;   right: 50%;   margin-right: -26px;}
	
	.Story_border .tab.t01 {position:absolute; top:0; left:0;}
	.Story_border .tab.t02 {position:absolute; top:0; left:calc(50% - 72px);}
	.Story_border .tab.t03 {position:absolute; top:0; left:auto; right: 0;}
	.promotion_wrap:last-child{margin-bottom:0;}
	.promotion_wrap .webzine{padding: 0px 20px 45px 20px;}
	
	.Story_border ul.slick-dots li:last-child{margin-right:0px;}

}

@media (max-width: 1024px){
	.promotion_wrap .webzine{display:block;}
	.promotion_wrap .webzine .list_icon{ padding:0; margin: 0;}
	.promotion_wrap .webzine .book{margin:-40px auto 40px auto; width:300px; padding:30px; height:386px;}
	.promotion_wrap .webzine .book img{max-width:100%;}
	.promotion_wrap .webzine .book a.webzine_btn{padding:5px 10px; font-size:16px;}
	.promotion_wrap .webzine .book a.webzine_btn:after{top:10%; right:10%;}
	.promotion_wrap .webzine .list_icon{ align-items: flex-start; margin: 0 -5px;}
	.promotion_wrap .webzine .list_icon li{width: calc(33.3% - 5px); margin: 0 5px;}
	.promotion_wrap .webzine .list_icon .img{width:100%; height:124px; border-radius:10px; }
	.promotion_wrap .webzine .list_icon .title{ font-size:16px; line-height:20px;}
	.promotion_wrap.bg:before{height:603px;}

	.story{margin-bottom:70px;}
	.Story_border ul.slick-dots {width:65px;}
	.promotion_wrap .sns_icon{margin-bottom:0;}
	#content.promotion_layout #cms-content{margin-bottom:0;}
	#subcontent.promotion_layout_wrap{ padding: 40px 0 0px 0;}

}

@media (max-width: 768px){
	.story .Story_border{padding:0 20px;}
	.Story_border .tabcon > ul li .text{padding:20px; font-size:16px;}
	.Story_border .tabcon > ul li, .Story_border .tabcon > ul{margin:0;}
	.Story_border ul.slick-dots li{margin-right:10px;}
	.Story_border .tabcon > ul li{min-height:none;}
	
	
	
}