@charset "euc-kr";

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

/* ¸ÞÀÎ ºñÁÖ¾ó ¿µ¿ª */
#main_visual_wrap{width:100%; height:660px; background:url('/images/story/2018/01/visual_img_201801_01.jpg') no-repeat center top; background-size:cover; position:relative;}
#main_visual_wrap p{width:1px; height:1px; position:absolute; top:-9999em; left:-9999em; opacity:0; color:rgba(0,0,0,0); text-indent:-9999em;}
#main_visual_wrap .main_visual_inner{width:960px; height:630px; margin:0 auto; box-sizing:border-box; position:relative;}
#main_visual_wrap .main_visual_inner a{display:block; position:absolute; border-radius:50%; border:4px solid #fff; background:#aec5dd; text-align:center; box-sizing:border-box;}
#main_visual_wrap .main_visual_inner a img{vertical-align:middle}
#main_visual_wrap .main_visual_inner a:nth-child(1){width:124px; height:124px; top:166px; left:50%; margin-left:-332px; padding:10px 0;}
#main_visual_wrap .main_visual_inner a:nth-child(2){width:158px; height:158px; top:270px; left:0; padding:12px 0;}
#main_visual_wrap .main_visual_inner a:nth-child(3){width:174px; height:174px; top:450px; left:50%; margin-left:-360px; padding:34px 0;}
#main_visual_wrap .main_visual_inner a:nth-child(4){width:134px; height:134px; top:195px; right:50%; margin-right:-370px; padding:26px 0;}
#main_visual_wrap .main_visual_inner a:nth-child(5){width:160px; height:160px; top:314px; right:0; padding:26px 0;}
#main_visual_wrap .main_visual_inner a:nth-child(6){width:164px; height:164px; top:460px; right:50%; margin-right:-340px; padding:24px 0;}
#main_visual_wrap .main_visual_inner a:hover{background:#235b92; border-color:#235b92;}

/* ÄÁÅÙÃ÷ ¿µ¿ª ·¹À̾ƿô */
.content_wrap .container{width:100%; padding:0; margin:0 auto; background:#fff;}
.content_wrap .container .con_inner{width:960px; margin:0 auto; padding:20px 0 70px;}

/* »ó´Ü ÅǸ޴º */
.tab_menu_wrap{width:100%; margin:0 auto; padding:0; background:#525e6c;}
.tab_menu_wrap ul{width:960px; margin:0 auto; border-left:1px solid #757e89; box-sizing:border-box;}
.tab_menu_wrap ul::after{content:""; display:block; clear:both;}
.tab_menu_wrap ul li{width:16.666%; float:left; border-right:1px solid #757e89; box-sizing:border-box;}
.tab_menu_wrap ul li a{width:100%; height:62px; display:block; font-size:22px; color:#fff; font-weight:bold; text-align:center; line-height:62px;}
.tab_menu_wrap ul li:nth-child(1) a.on{background:#429bd2;}
.tab_menu_wrap ul li:nth-child(2) a.on{background:#22c6df;}
.tab_menu_wrap ul li:nth-child(3) a.on{background:#00b472;}
.tab_menu_wrap ul li:nth-child(4) a.on{background:#f4b800;}
.tab_menu_wrap ul li:nth-child(5) a.on{background:#f48400;}
.tab_menu_wrap ul li:nth-child(6) a.on{background:#f97d97;}

.container_wrap{width:100%; position:relative; min-height:950px;}
.container_wrap .content_tab{position:absolute; top:0; left:0; right:0; display:none;}

/* ¼½¼Çº° ¹é±×¶ó¿îµå */
.section_visual{width:100%; height:283px; position:relative;}
.section_visual p{width:1px; height:1px; position:absolute; top:-9999em; left:-9999em; opacity:0; color:rgba(0,0,0,0); text-indent:-9999em;}
.section01{background:url('/images/story/2018/01/section01_bg.jpg') no-repeat center top; background-size:cover;}
.section02{background:url('/images/story/2018/01/section02_bg.jpg') no-repeat center top; background-size:cover;}
.section03{background:url('/images/story/2018/01/section03_bg.jpg') no-repeat center top; background-size:cover;}
.section04{background:url('/images/story/2018/01/section04_bg.jpg') no-repeat center top; background-size:cover;}
.section05{background:url('/images/story/2018/01/section05_bg.jpg') no-repeat center top; background-size:cover;}
.section06{background:url('/images/story/2018/01/section06_bg.jpg') no-repeat center top; background-size:cover;}

/* ȸ»ö ±¸ºÐ */
.gray_bar{width:100%; height:38px; background:#525e6c;}

/* ¼½¼Çº° ÅǸ޴º */
.page_tab{width:100%; padding-bottom:30px; border-bottom:1px solid #ddd;}
.page_tab ul{}
.page_tab ul::after{content:""; display:block; clear:both;}
.page_tab ul li{width:318px; height:38px; float:left; margin-bottom:3px; margin-right:3px;}
.page_tab ul li:nth-child(3n){margin-right:0;}
.page_tab ul li a{width:100%; display:block; font-size:18px; color:#fff; font-weight:bold; text-align:center; line-height:38px; background:#525e6c; transition:0.3s all;}
.page_tab ul.bg01 li a.on{background:#429bd2;}
.page_tab ul.bg01 li a:hover{background:#429bd2;}
.page_tab ul.bg02 li a.on{background:#22c6df;}
.page_tab ul.bg02 li a:hover{background:#22c6df;}
.page_tab ul.bg03 li a.on{background:#00b472;}
.page_tab ul.bg03 li a:hover{background:#00b472;}
.page_tab ul.bg04 li a.on{background:#f4b800;}
.page_tab ul.bg04 li a:hover{background:#f4b800;}
.page_tab ul.bg05 li a.on{background:#f48400;}
.page_tab ul.bg05 li a:hover{background:#f48400;}
.page_tab ul.bg06 li a.on{background:#f97d97;}
.page_tab ul.bg06 li a:hover{background:#f97d97;}

.tab_cnt_wrap{width:100%; margin-top:30px;}
.tab_cnt_wrap .tab_cnt{display:none;}
.tab_cnt_wrap .tab_cnt::after{content:""; display:block; clear:both;}
.tab_cnt_wrap .tab_cnt .img{float:left; width:33.125%}
.tab_cnt_wrap .tab_cnt .txt{float:right; width:64.8%}
.tab_cnt_wrap .tab_cnt .txt h3{font-size:24px; color:#fff; font-weight:bold; padding:16px 10px; margin-bottom:18px;}
.tab_cnt_wrap .tab_cnt .txt > p{font-size:20px; color:#222; font-weight:bold; padding-left:24px; position:relative; margin-bottom:12px;}
.tab_cnt_wrap .tab_cnt .txt > p::before{content:"\f058"; font-family:"fontawesome"; display:block; position:absolute; top:0; left:0; font-size:18px; color:#08486e;}
.tab_cnt_wrap .tab_cnt .txt span{display:block; box-sizing:border-box; font-size:16px; color:#222; margin-left:24px; padding-left:10px; position:relative; margin-bottom:10px;}
.tab_cnt_wrap .tab_cnt .txt span.sub{margin-left:12px; font-size:14px; font-weight:bold; padding-left:18px;}
.tab_cnt_wrap .tab_cnt .txt span::before{content:"\f0da"; font-family:"fontawesome"; display:block; position:absolute; top:0; left:0; font-size:14px; color:#2482c1;}
.tab_cnt_wrap .tab_cnt .txt span.sub::before{content:"\f192"; font-family:"fontawesome"; display:block; position:absolute; top:0; left:0; font-size:14px; color:#2482c1;}
.tab_cnt_wrap .tab_cnt .txt span.red{margin:0; padding:0; color:#f15350}
.tab_cnt_wrap .tab_cnt .txt span.red:before{display:none;}
.tab_cnt_wrap .tab_cnt .txt table{width:100%; border:none; border-collapse:collapse; padding:0; border-spacing:0; table-layout:fixed;}
.tab_cnt_wrap .tab_cnt .txt table thead tr th{font-size:14px; color:#333; font-weight:bold; text-align:center; border:1px solid #ccc; background:#ebf0f6; padding:10px 0;}
.tab_cnt_wrap .tab_cnt .txt table tbody tr th{font-size:14px; color:#333; font-weight:bold; text-align:center; border:1px solid #ccc; padding:10px 0;}
.tab_cnt_wrap .tab_cnt .txt table tbody tr td{font-size:14px; color:#333; text-align:center; border:1px solid #ccc; padding:10px 0;}

.tab_cnt_wrap .tab_cnt .txt ul{width:100%; box-sizing:border-box; padding:9px 20px; background:#eee; margin-top:20px;}
.tab_cnt_wrap .tab_cnt .txt ul li{font-size:14px; color:#222; line-height:25px; padding-left:10px; position:relative;}
.tab_cnt_wrap .tab_cnt .txt ul li::after{content:""; width:4px; height:4px; display:block; background:#222; border-radius:2px; position:absolute; top:10px; left:0;}

.tab_cnt_wrap .tab_cnt .txt.txt01 h3{background:#429bd2;}
.tab_cnt_wrap .tab_cnt .txt.txt02 h3{background:#22c6df;}
.tab_cnt_wrap .tab_cnt .txt.txt03 h3{background:#00b472;}
.tab_cnt_wrap .tab_cnt .txt.txt04 h3{background:#f4b800;}
.tab_cnt_wrap .tab_cnt .txt.txt05 h3{background:#f48400;}
.tab_cnt_wrap .tab_cnt .txt.txt06 h3{background:#f97d97;}

/* ÇÏ´Ü ºñÁê¾ó À̹ÌÁö */
.footer{width:100%; height:392px; background:url('/images/story/2018/01/footer_bg.jpg') no-repeat center top; background-size:cover; position:relative;}
.footer p{width:1px; height:1px; position:absolute; top:-9999em; left:-9999em; opacity:0; color:rgba(0,0,0,0); text-indent:-9999em;}