/* Header */
#header{position: fixed; width: 100%; height: 90px; border-bottom: 1px solid rgba(255,255,255,0.5); text-align: center; transition: 0.3s; z-index: 100;}
.hd_wrap{}
.logo{position: absolute; top: 50%; left: 47px; transform: translateY(-50%); z-index: 1;}
.gnb{position: relative;}
.gnb_bg{display: none; width: 100%; height: 50px; background: #f9f9f9; position: absolute; left: 0; top: 90px;}
.gnb_row{margin: 0 -68px;}
.gnb_item{position: relative; padding: 0 68px; vertical-align: top;}
.gnb_item > a{position: relative; display: block; height: 100%; line-height: 90px; font-size: 18px; font-weight: 400; color: #fff;}
.gnb_item > a:after{content:""; position: absolute; width: 100%; height: 0; background: #003893; left: 0; bottom: 0; opacity: 0; transition: 0.2s;}
.gnb_item.active > a{color: #003893 !important;}
.gnb_item.active > a:after{height: 3px; opacity: 1;}
.dropdown_menu{display: none; position: absolute; left: 50%; min-width: 800px; transform: translateX(-50%);}
.dropdown_item{padding: 13px 30px;}
.dropdown_item > a{font-size: 16px; font-weight: 300; color: #666; transition: 0.2s;}
.dropdown_item > a:hover{font-weight: 500; color: #003893;}

.lang{position: absolute; top: 50%; right: 70px; transform: translateY(-50%); cursor: pointer; z-index: 1;}
.lang > p{font-size: 16px; font-weight: 400; color: rgba(255,255,255,0.8); padding-left:22px; /*padding-right: 21px;*/ padding-right: 0; background: url(/source/img/icon_earth_wh.png) no-repeat center left;}
.lang > p:before{display: none; content:""; position: absolute; width: 11px; height: 8px; background: url(/source/img/icon_down_wh.png) no-repeat center center; right: 0; top: 50%; margin-top: -4px;}

#header.active{background: rgba(255,255,255,0.95);}
#header.active .gnb:before{content:""; width: 100%; height: 1px; border-top: 1px solid #dcdcdc; position: absolute; left: 0; bottom: 0;}
#header.active .gnb_item > a{color: #333;}
#header.active .lang > p{color: #666; background: url(/source/img/icon_earth_gr.png) no-repeat center left;}
#header.active .lang > p:before{background: url(/source/img/icon_down_gr.png) no-repeat center center;}

/* Header(active_fix) >> fullpage index 2인 경우  */
#header.active_fix{background: rgba(255,255,255,0.95);}
#header.active_fix .gnb:before{content:""; width: 100%; height: 1px; border-top: 1px solid #dcdcdc; position: absolute; left: 0; bottom: 0;}
#header.active_fix .gnb_item > a{color: #333;}
#header.active_fix .lang > p{color: #666; background: url(/source/img/icon_earth_gr.png) no-repeat center left;}
#header.active_fix .lang > p:before{background: url(/source/img/icon_down_gr.png) no-repeat center center;}

.m_menu{display: none; position: fixed; top: 31px; right: 30px; z-index: 10; width: 25px; height: auto; min-height: 20px; cursor: pointer;}

.m_menu_bg{display: none;position: fixed; top: 0; right: 0; z-index: 800;width: 100%; height: 100%;background-color: rgba(0,0,0,0.5);overflow: hidden;}
.m_menu_box{position: fixed; top: 0; left: -100%; z-index: 800; width: 100%; max-width: 400px; height: 100%; background-color: #fff;text-align: left; transition: 0.5s;}
.m_menu_box.on{left: 0; overflow-y: auto;}

.m_menu_top{text-align: right; padding: 25px 30px; font-size: 0;}
.m_close{display: inline-block; vertical-align: middle; width: 20px; cursor: pointer;}

.m_nav{padding: 0 25px;}
.m_nav li.m_nav_1dep{position: relative;}
.m_nav li a{position: relative; display: block; height: 45px; font-weight: 400; line-height: 45px; font-size: 20px; color: #0f0f0f;}
.m_nav li.m_nav_1dep > a:after{content:""; background: url("/source/img/icon_menu_arrow.png") no-repeat center/cover; width: 29px; height: 12px; position: absolute; right: 0; top: 50%; margin-top: -6px; transform: rotate(0); transition: 0.5s; opacity: 0.5;}
.m_nav li.m_nav_1dep.on > a{color: #003893;}
.m_nav li.m_nav_1dep.on > a:after{transform: rotate(-180deg);}
.m_nav_2dep{display: none; padding-bottom: 10px;}
.m_nav_2dep li{border-bottom: 0;}
.m_nav_2dep li a{display: block; height: auto; padding: 8px 20px; font-size: 16px; font-weight: 300; line-height: 1; color: #666;}

/* footer */
#footer{position: relative; background: #333;}
.ft_top{padding-top: 26px; padding-bottom: 25px; border-bottom: 1px solid rgba(102,102,102,0.5); font-size: 0;}
.ft_link{display: inline-block; vertical-align: middle; width: calc(100% - 80px);}
.ft_logo{margin-right: 65px;}
.ft_page{font-size: 0; margin: 0 -20px;}
.ft_page_item{position: relative; display: inline-block; vertical-align: middle; padding: 0 20px;}
.ft_page_item > a{display: block; font-size: 16px; font-weight: 400; color: #ccc;}
.ft_page_item:after{content:""; width: 1px; height: 14px; position: absolute; right: 0; top: 50%; margin-top: -7px; background: #7b7b7b;}
.ft_page_item:last-child:after{display: none;}
.ft_sns{display: inline-block; vertical-align: middle; text-align: right; width: 80px;}
.ft_sns_item{margin-left: 10px;}
.ft_cont{padding-top: 20px; padding-bottom: 28px;}
.ft_info{margin-bottom: 15px;}
.ft_info_row{margin: 0 -15px;}
.ft_info_row ~ .ft_info_row{margin-top: 8px;}
.ft_info_item{position: relative; font-size: 14px; font-weight: 300; color: #ccc; line-height: 1.3; padding: 0 15px;}
.ft_info_item:after{content:""; width: 1px; height: 14px; position: absolute; right: 0; top: 50%; margin-top: -7px; background: #7b7b7b;}
.ft_info_item:last-child:after{display: none;}
.ft_copyright{font-size: 14px; font-weight: 400; color: #ccc;}

/* main */
.ani{opacity: 0; transform: translateY(60px);}
.section.active .ani_1{transform: translateY(0); opacity: 1; transition: all 1s 0.5s;}
.section.active .ani_2{transform: translateY(0); opacity: 1; transition: all 1s 0.75s;}
.section.active .ani_3{transform: translateY(0); opacity: 1; transition: all 1s 1s;}
.section.active .ani_4{transform: translateY(0); opacity: 1; transition: all 1s 1.25s;}
.section.active .ani_5{transform: translateY(0); opacity: 1; transition: all 1s 1.5s;}
.section.active .ani_6{transform: translateY(0); opacity: 1; transition: all 1s 1.75s;}
.section.active .ani_7{transform: translateY(0); opacity: 1; transition: all 1s 2s;}
.section.active .ani_8{transform: translateY(0); opacity: 1; transition: all 1s 2.25s;}
.section.active .ani_9{transform: translateY(0); opacity: 1; transition: all 1s 2.5s;}
.section.active .ani_10{transform: translateY(0); opacity: 1; transition: all 1s 2.75s;}

.main_section_01 .ani{opacity: 0; transform: translateY(60px);}
.main_section_01.on .ani_1{transform: translateY(0); opacity: 1; transition: all 1s 0.5s;}
.main_section_01.on .ani_2{transform: translateY(0); opacity: 1; transition: all 1s 0.75s;}

.main_title_wrap{margin-bottom: 55px;}
.main_title_sm{font-size: 22px; font-weight: 500; color: #003893;}
.main_title{font-size: 40px; font-weight: 300; color: #0f0f0f;}
.main_title b{font-weight: 600;}

.main_section_01{}
.main_vs_slider{width: 100%; height: 100%;}
.main_vs_slide{display: table !important; height: 100vh;}
.main_vs_slide_01{background: url(/source/img/main_vs_01.jpg) no-repeat center center/cover;}
.main_vs_slide_02{background: url(/source/img/main_vs_02.jpg) no-repeat center center/cover;}
.main_vs_slide_03{background: url(/source/img/main_vs_03.jpg) no-repeat center center/cover;}
.main_vs_box{display: table-cell; vertical-align: middle;}
.main_vs_txt_box{}
.main_vs_txt_num{font-size: 30px; font-weight: 500; color: rgba(255,255,255,0.5);}
.main_vs_txt_tit{font-size: 100px; font-weight: 500; color: #fff; line-height: 1.0; margin-bottom: 10px;}
.main_vs_txt_desc{font-size: 18px; font-weight: 300; color: rgba(255,255,255,0.8);}
.main_vs_slider .slick-arrow{display: none !important;}
.main_vs_slider .slick-dots{position: absolute; left: calc((100% - 1280px) / 2); bottom: 30%; margin: 0 -6.5px;}
.main_vs_slider .slick-dots li{display: inline-block; vertical-align: middle; font-size: 0; padding: 0 6.5px;}
.main_vs_slider .slick-dots li button{width: 13px; height: 13px; background: none; border: 1px solid #fff; border-radius: 50%; font-size: 0; text-indent: -9999px;}
.main_vs_slider .slick-dots li.slick-active button{border: 1px solid #003893; background: #003893;}

.main_vs_ctrl{position: absolute; left: calc((100% - 1280px) / 2 + 80px); bottom: 30%; font-size: 0;}
.main_vs_ctrl > *{display: inline-block; vertical-align: middle;}
.main_vs_arrow{}
.main_vs_arrow > div{margin-right: 14px; cursor: pointer;}
.main_vs_action{}
.main_vs_action > div{cursor: pointer;}
.main_vs_action > div.main_vs_pause{display: block;}
.main_vs_action > div.main_vs_play{display: none;}

.main_section_02{}
.main_section_02 .fp-tableCell{vertical-align: bottom;}
.main_act_top{padding-left: calc((100% - 1280px) / 2); padding-right: 150px;}
.main_act_slider.slider-nav{margin-bottom: 55px;}
.main_act_slider.slider-nav .slick-track{transform: none !important;}
.main_act_box{cursor: pointer;}
.main_act_num{font-size: 50px; font-weight: 800; line-height: 1; color: #d4d4d4; opacity: 0.25; margin-bottom: 15px;}
.main_act_tit{font-size: 22px; font-weight: 500; color: #333; opacity: 0.4; margin-bottom: 10px;}
.main_act_txt_wrap{}
.main_act_txt{position: relative; font-size: 16px; font-weight: 350; color: #999; opacity: 0.4; padding-left: 8px; line-height: 1.6;}
.main_act_txt b{font-size: 18px; font-weight: 300;}
.main_act_txt:before{content:"·"; font-size: 16px; font-weight: 350; color: #999; position: absolute; left: 0; top: 0;}

.main_act_box.slick-current .main_act_num{color: #003893;}
.main_act_box.slick-current .main_act_tit{opacity: 1;}
.main_act_box.slick-current .main_act_txt{opacity: 1;}

.main_act_bt{position: relative;}
.main_act_single{height: 380px;}
.main_act_single_01{background: url(/source/img/main_activity_img_01.jpg) no-repeat center center/cover;}
.main_act_single_02{background: url(/source/img/main_activity_img_02.jpg) no-repeat center center/cover;}
.main_act_single_03{background: url(/source/img/main_activity_img_03.jpg) no-repeat center center/cover;}

.main_act_bar{position: absolute; top: -4px; left: 0; width: 100%; height: 4px; background: #d4d4d4; z-index: 5;}
.main_act_bar:before{content:""; position: absolute; width: 0; height: 100%; background: #003893; left: 0; top: 0;}
.main_act_bar:after{content:""; position: absolute; width: 32px; height: 32px; background: url(/source/img/progress.png) no-repeat center center; left: 0; top: 50%; transform: translate(-50%, -50%);}

.progressbar:before{animation-name: progressbar1; animation-duration: 15s; animation-iteration-count: 1; animation-timing-function: ease-out;}
.progressbar:after{animation-name: progressbar2; animation-duration: 15s; animation-iteration-count: 1; animation-timing-function: ease-out;}
@keyframes progressbar1{
  0%{width:0;}
  100%{width:100%;}
}
@keyframes progressbar2{
  0%{left:0;}
  100%{left:100%;}
}

.main_section_03{background: url(/source/img/main_perform_img_01.jpg) no-repeat center center/cover;}
.main_section_03 .main_title{color: #fff;}
.main_perform_wrap{}
.main_perform_box{padding-top: 35px; padding-left: 30px; padding-bottom: 35px; background-repeat: no-repeat; background-position: center right 45px;}
.main_perform_box:nth-child(2n-1){box-shadow: 1px 0 0 0 rgba(255,255,255,0.7), 0 1px 0 0 rgba(255,255,255,0.7), 1px 1px 0 0 rgba(255,255,255,0.7), 1px 0 0 0 rgba(255,255,255,0.7) inset, 0 1px 0 0 rgba(255,255,255,0.7) inset;}
.main_perform_box_01{background-image: url(/source/img/main_perform_icon_01.png);}
.main_perform_box_02{background-image: url(/source/img/main_perform_icon_02.png); background-color: rgba(255,255,255,0.15);}
.main_perform_box_03{background-image: url(/source/img/main_perform_icon_03.png);}
.main_perform_box_04{background-image: url(/source/img/main_perform_icon_04.png); background-color: rgba(255,255,255,0.15);}
.main_perform_box_05{background-image: url(/source/img/main_perform_icon_05.png);}
.main_perform_box p{color: #fff;}
.main_perform_txt{font-size: 14px; font-weight: 400; opacity: 0.8; margin-bottom: 35px;}
.main_perform_tit{font-size: 30px; font-weight: 500; line-height: 1.2; margin-bottom: 15px;}
.main_perform_desc{font-size: 16px; font-weight: 200; line-height: 1.5;}

.main_cmnt_wrap{}
.main_cmnt_box ~ .main_cmnt_box{margin-top: 50px;}
.main_cmnt_col{vertical-align: top;}
.main_cmnt_col_tit{width: 215px;}
.main_cmnt_name{font-size: 26px; font-weight: 600; color: #333; margin-bottom: 5px;}
.main_cmnt_btn_wrap{}
.main_cmnt_arrow{font-size: 0; margin: 0 -10px;}
.main_cmnt_arrow > div{display: inline-block; vertical-align: middle; padding: 0 10px; border-right: 1px solid #e2e2e2; cursor: pointer;}
.main_cmnt_arrow > div:last-child{border-right: none;}
.main_cmnt_btn{font-size: 16px; font-weight: 400; color: #999; line-height: 1.2; border-bottom: 1px solid #999; margin-left: 15px;}
.main_cmnt_col_con{width: calc(100% - 215px);}
.main_notice_slider{border-top: 1px solid #666;}
.main_notice_slider .slick-arrow{display: none !important;}
.main_notice_row{position: relative; padding: 25px 0; border-bottom: 1px solid #e0e0e0 !important; transition: 0.2s;}
.main_notice_row:after{content:""; width: 31px; height: 31px; background: url(/source/img/icon_more_wh.png) no-repeat center center; position: absolute; right: 30px; top: 50%; margin-top: -20px; opacity: 0; transition: 0.2s;}
.main_notice_row *{transition: 0.2s;}
.main_notice_date{width: 105px; text-align: center;}
.main_notice_d{font-size: 50px; font-weight: 600; color: #fff; text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333; line-height: 1; margin-bottom: 3px;}
.main_notice_ym{font-size: 16px; font-weight: 400; color: #666;}
.main_notice_cont{width: calc(100% - 105px); padding-left: 20px; padding-right: 60px;}
.main_notice_tit{font-size: 18px; font-weight: 500; color: #0f0f0f; margin-bottom: 10px;}
.main_notice_txt{font-size: 16px; font-weight: 300; color: #999; line-height: 1.5;}
.main_notice_row:hover{background: #003893; border-bottom: 1px solid #003893 !important;}
.main_notice_row:hover p{color: #fff;}
.main_notice_row:hover .main_notice_d{text-shadow: none;}
.main_notice_row:hover:after{opacity: 1;}

.main_news_slider{margin: 0 -10px;}
.main_news_slider .slick-arrow{display: none !important;}
.main_new_item{padding: 0 10px;}
.main_new_item_inner{position: relative; display: block; border: 1px solid #dcdcdc; background: #fbfbfb; padding: 28px; transition: 0.2s;}
.main_new_item_inner:after{content:""; width: 31px; height: 31px; background: url(/source/img/icon_more_wh.png) no-repeat center center; position: absolute; right: 30px; bottom: 20px; opacity: 0; transition: 0.2s;}
.main_new_item_inner > p{transition: 0.2s;}
.main_news_tit{font-size: 18px; font-weight: 500; color: #0f0f0f; margin-bottom: 13px;}
.main_news_txt{font-size: 16px; font-weight: 300; color: #999999; line-height: 1.5; margin-bottom: 20px;}
.main_news_date{font-size: 14px; font-weight: 300; color: #666666;}
.main_new_item_inner:hover{background: #003893; border: 1px solid #003893;}
.main_new_item_inner:hover > p{color: #fff;}
.main_new_item_inner:hover:after{opacity: 1;}

.main_circle{position: fixed; right: 70px; bottom: 75px; width: 182px; height: 182px; transition: 0.5s; cursor: pointer;}
.main_circle:after{content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/source/img/main_circle.png) no-repeat center center; animation: circle 15s linear infinite;}
@keyframes circle{
  0% {transform: rotate(0);}
  100% {transform: rotate(360deg);}
}
.main_circle_txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 0; z-index: 1;}
.main_circle_txt > p{display: inline-block; vertical-align: baseline;}
.main_circle_num{font-size: 60px; font-weight: 500;}
.main_circle_slash{font-size: 40px; font-weight: 400; padding: 0 3px; margin-top: 12px;}
.main_circle_total{font-size: 40px; font-weight: 400; margin-top: 15px;}

.main_circle.dark:after{background: url(/source/img/main_circle_dark.png) no-repeat center center;}
.main_circle.dark .main_circle_num{color: #003893;}
.main_circle.dark .main_circle_txt{color: #666;}

/* sub */
.sub_visual_wrap{}
.sub_visual{display: table; width: 100%;}
.sub1_visual{background: url(/source/img/sub_vs_01.jpg) no-repeat center center/cover;}
.sub2_visual{background: url(/source/img/sub_vs_02.jpg) no-repeat center left/cover;}
.sub3_visual{background: url(/source/img/sub_vs_03.jpg) no-repeat center left/cover;}
.sub4_visual{background: url(/source/img/sub_vs_04.jpg) no-repeat center left/cover;}
.sub_visual_txt_box{padding-top: 200px; padding-bottom: 195px; text-align: center;}
.sub_visual_tit{font-size: 54px; font-weight: 600; color: #fff; line-height: 1.2;}
.sub_visual_tit > b{font-size: 64px; font-weight: 500;}
.sub_visual_txt{font-size: 16px; font-weight: 300; color: #fff;}

.sub_tab_wrap{margin-top: -68px;}
.sub_tab_row{font-size: 0;}
.sub_tab_item{display: inline-block; vertical-align: bottom;}
.sub_tab_row3 .sub_tab_item{width: 33.3333%;}
.sub_tab_row4 .sub_tab_item{width: 25%;}
.sub_tab_item a{display: block; font-size: 16px; font-weight: 300; color: #ccc; text-align: center; line-height: 68px; background: rgba(0,0,0,0.65);}
.sub_tab_item.active a{position: relative; font-size: 18px; font-weight: 500; color: #333; background: #fff;}
.sub_tab_item.active a:after{content:""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0;}

.sub_contents{padding-top: 80px; padding-bottom: 120px;}
.sub_title_wrap{margin-bottom: 30px;}
.sub_description {margin-bottom: 12px; font-size: 18px; font-weight: 400; color: #003893;}
.sub_description a {color: #003893; text-decoration: underline;}
.sub_title{font-size: 40px; font-weight: 600; color: #0f0f0f; line-height: 1.2;}

/* > SEM소개 > 인사말 */
.greeting_wrap{font-size: 0;}
.greeting_box{display: inline-block; vertical-align: top;}
.greeting_img_box{width: 30%; height: 0; border: 1px solid #eee; background: url(/source/img/ceo_bg.jpg) no-repeat center center/cover; padding-bottom: 400px;}
.greeting_txt_box{width: 70%; padding-left: 60px;}
.greeting_tit{font-size: 36px; font-weight: 200; color: #333; line-height: 1.4; margin-bottom: 35px;}
.greeting_tit span{font-weight: 300;}
.greeting_tit b{font-weight: 500;}
.greeting_txt{font-size: 16px; font-weight: 300; color: #888; line-height: 1.75;}
.greeting_txt b{font-size: 18px; font-weight: 400; color: #333; line-height: 1.65;}
.greeting_txt ~ .greeting_txt{margin-top: 30px;}
.greeting_ceo{margin-top: 43px;}
.greeting_ceo > *{display: inline-block; vertical-align: middle;}
.greeting_ceo > p{font-size: 16px; font-weight: 300; color: #333; margin-right: 0;}
.greeting_ceo > p > b{font-size: 18px; font-weight: 300;}

/* > SEM소개 > SEM비전 */
.vision_title{font-size: 36px; font-weight: 200; color: #333;}
.vision_title b{font-weight: 500;}
.vision_box{position: relative; margin-top: 70px;}
.vision_box:before{position: absolute; content: ""; width: 315px; height: 100%; background: url(/source/img/vision_bg.png) no-repeat left bottom; left: 0; bottom: 0; z-index: 1;}
.vision_row{display: table; width: 100%;}
.vision_col{display: table-cell; vertical-align: middle;}
.vision_col_tit{position: relative; width: 315px; padding: 0 35px; background: #003893;}
.vision_col_tit:after{position: absolute; content:""; width: calc(100% - 60px); height: 1px; background: rgba(255,255,255,0.2); left: 50%; bottom: 0; transform: translateX(-50%);}
.vision_tit_inner{}
.vision_tit_en{font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 5px; text-transform: uppercase;}
.vision_tit_kr{font-size: 30px; font-weight: 400; color: #fff; line-height: 1.3;}
.vision_col_con{padding: 0 50px; height: 215px; font-size: 0; border-bottom: 1px solid #e0e0e0;}
.vision_icon{position: relative; display: inline-block; vertical-align: middle; width: 153px; height: 153px; background: url(/source/img/vision_circle.png) no-repeat center center;}
.vision_icon:after{content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.vision_icon_01:after{background: url(/source/img/vision_icon_01.png) no-repeat center center;}
.vision_icon_02:after{background: url(/source/img/vision_icon_02.png) no-repeat center center;}
.vision_icon_03:after{background: url(/source/img/vision_icon_03.png) no-repeat center center;}
.vision_txt{display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 300; color: #666; width: calc(100% - 153px); padding-left: 50px; line-height: 1.55;}
.vision_row:last-child .vision_col_tit:after{display: none;}
.vision_row:last-child .vision_col_con{border-bottom: none;}

/* > SEM소개 > SEM스토리 */
.story_title{font-size: 26px; font-weight: 500; color: #333;}
.story_title_sm{font-size: 18px; font-weight: 400; color: #666;}
.story_title.wh{color: #fff;}
.story_title_sm.wh{color: rgba(255,255,255,0.7);}

.story_section_01{margin-bottom: 70px;}
.business_box{margin-top: 30px;}
.business_item{vertical-align: top; text-align: center; border-right: 1px solid #e2e2e2;}
.business_item:last-child{border-right: none;}
.business_icon{position: relative; width: 100%; height: 130px; margin-bottom: 14px;}
.business_icon_01{background: url(/source/img/business_icon_01.png) no-repeat center center;}
.business_icon_02{background: url(/source/img/business_icon_02.png) no-repeat center center;}
.business_icon_03{background: url(/source/img/business_icon_03.png) no-repeat center center;}
.business_icon_04{background: url(/source/img/business_icon_04.png) no-repeat center center;}
.business_icon_05{background: url(/source/img/business_icon_05.png) no-repeat center center;}
.business_name{font-size: 20px; font-weight: 500; color: #0f0f0f; margin-bottom: 10px;}
.business_desc{font-size: 16px; font-weight: 300; color: #666; padding: 0 10px;}

.story_section_02{margin-bottom: 70px; padding-top: 65px; padding-bottom: 75px; background: url(/source/img/history_bg.jpg) no-repeat center center/cover;}
.history_wrap{position: relative; text-align: center; margin-top: 22px;}
.history_wrap:after{content:""; width: 1px; height: calc(100% - 100px); border-left: 1px dashed rgba(255,255,255,0.7); position: absolute; left: 50%; top: 15px;}
.history_box{position: relative; padding-bottom: 30px;}
.history_box:last-child{padding-bottom: 0;}
.history_box.left{text-align: right; margin-right: 50%; padding-right: 42px;}
.history_box.right{text-align: left; margin-left: 50%; padding-left: 42px;}
.history_box:before{content:""; width: 8px; height: 8px; border-radius: 50%; background: #fff; position: absolute; top: 10px;}
.history_box.left:before{right: -4px;}
.history_box.right:before{left: -4px;}
.history_box_2020:after{content:""; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #fff; position: absolute; top: 2px; left: -12px;}
.history_year{font-size: 30px; font-weight: 550; color: #fff; line-height: 1; margin-bottom: 13px;}
.history_txt{font-size: 18px; font-weight: 400; color: #fff;}
.history_txt ~ .history_txt{margin-top: 5px;}
.history_desc{font-size: 16px; font-weight: 300; color: rgba(255,255,255,0.7); margin-top: 5px;}

.story_section_03{}
.awards_wrap{margin-top: 25px;}
.awards_box ~ .awards_box{margin-top: 43px;}
.awards_tit_wrap{margin-bottom: 20px;}
.awards_tit{position: relative; font-size: 22px; font-weight: 500; color: #333; padding-left: 25px;}
.awards_tit:before{content:""; width: 14px; height: 3px; background: #003893; position: absolute; left: 0; top: 15px;}
.awards_tit_sm{font-size: 16px; font-weight: 400; color: #666; margin-top: 2px;}
.awards_tbl_wrap{}
.awards_tbl{width: 100%; border-top: 1px solid #666;}
.awards_tbl tr{border-bottom: 1px solid #e0e0e0; height: 55px;}
.awards_tbl th{font-size: 16px; font-weight: 400; color: #0f0f0f;}
.awards_tbl td{font-size: 16px; font-weight: 300; color: #666; text-align: center; padding: 0 20px;}
.awards_tbl td.left{text-align: left;}
.awards_half_wrap{font-size: 0;}
.awards_half_box{display: inline-block; width: 50%; vertical-align: top;}
.awards_half_tbl{padding-right: 68px;}
.awards_half_tbl .awards_tbl th{text-align: left; padding-left: 20px;}
.awards_half_tbl .awards_tbl td{text-align: left;}
.awards_half_img{background: url(/source/img/awards_bg.jpg) no-repeat center center/cover; padding-bottom: 310px;}

/* > SEM활동 */
.tab_wrap{margin-bottom: 20px;}
.tab_row{}
.tab_item{font-size: 16px; font-weight: 400; color: #999; text-align: center; padding: 6px 20px 4px; border-radius: 18px; border: 1px solid #dcdcdc; margin-right: 7px; cursor: pointer;}
.tab_item:last-child{margin-right: 0;}
.tab_item.active{border: 1px solid #003893; background: #003893; color: #fff;}

.tab_container{}
.tab_content{display: none;}
.tab_box{position: relative; padding-top: 70px; padding-bottom: 80px;}
.tab_box_01{background: url(/source/img/tab_bg_01.jpg) no-repeat center center/cover;}
.tab_box_02{background: url(/source/img/tab_bg_02.jpg) no-repeat center center/cover;}
.tab_box_03{background: url(/source/img/tab_bg_03.jpg) no-repeat center center/cover;}
.tab_box_04{background: url(/source/img/tab_bg_04.jpg) no-repeat center center/cover;}
.tab_box_05{background: url(/source/img/tab_bg_05.jpg) no-repeat center center/cover;}
.tab_box_06{background: url(/source/img/tab_bg_06.jpg) no-repeat center center/cover;}
.tab_box_07{background: url(/source/img/tab_bg_07.jpg) no-repeat center center/cover;}
.tab_box_08{background: url(/source/img/tab_bg_08.jpg) no-repeat center center/cover;}
.tab_box_09{background: url(/source/img/tab_bg_09.jpg) no-repeat center center/cover;}
.tab_box_10{background: url(/source/img/tab_bg_10.jpg) no-repeat center center/cover;}
.tab_box_11{background: url(/source/img/tab_bg_11.jpg) no-repeat center center/cover;}
.tab_box:after{content:""; position: absolute; width: 100%; height: 100%; right: 0; bottom: 0;}
.tab_box_01:after{background: url(/source/img/tab_bg_01_txt.png) no-repeat right 100px bottom 65px;}
.tab_box_02:after{background: url(/source/img/tab_bg_02_txt.png) no-repeat right 100px bottom 65px;}
.tab_box_03:after{background: url(/source/img/tab_bg_03_txt.png) no-repeat right 100px bottom 65px;}
.tab_box_04:after{background: url(/source/img/tab_bg_04_txt.png) no-repeat right 100px bottom 65px;}
.tab_box_05:after{background: url(/source/img/tab_bg_05_txt.png) no-repeat right 100px bottom 65px;}
.tab_box_06:after{background: url(/source/img/tab_bg_06_txt.png) no-repeat right 100px bottom 65px;}
.tab_box_07:after{background: url(/source/img/tab_bg_07_txt.png) no-repeat right 100px bottom 65px;}
.tab_box_08:after{background: url(/source/img/tab_bg_08_txt.png) no-repeat right 100px bottom 65px;}
.tab_box_09:after{background: url(/source/img/tab_bg_09_txt.png) no-repeat right 100px bottom 65px;}
.tab_box_10:after{background: url(/source/img/tab_bg_10_txt.png) no-repeat right 100px bottom 65px;}
.tab_box_11:after{background: url(/source/img/tab_bg_11_txt.png) no-repeat right 100px bottom 65px;}
.tab_box > .wrap{display: table; min-height: 550px;}
.tab_box_inner{color: #fff; display: table-cell; vertical-align: top;}
.tab_box_inner.tab_box_inner_middle{vertical-align: middle;}
.tab_title_wrap{min-height: 140px;}
.tab_box_inner_middle .tab_title_wrap{min-height: auto;}
.tab_title{font-size: 50px; font-weight: 500; line-height: 1.2;}
.tab_text_01{font-size: 20px; font-weight: 300; margin-top: 5px;}
.tab_text_02{font-size: 16px; font-weight: 350; margin-top: 3px;}
.tab_cont_wrap{margin: 0 -18px;}
.tab_cont_box{vertical-align: top; padding: 0 18px; margin-bottom: 45px;}
.tab_cont_box_inner{}
.tab_cont_title{font-size: 20px; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #fff;}
.tab_cont_text{margin-top: 15px;}
.tab_cont_text > p{font-size: 16px; font-weight: 300; line-height: 2;}
.tab_cont_text > p.pre{position: relative; padding-left: 15px;}
.tab_cont_text > p.pre b{font-weight: 500;}
.tab_cont_text > p.pre:before{content:"ㆍ"; position: absolute; left: 0; top: 0;}
.tab_slide_wrap{margin-top: 80px;}
.tab_slide .slick-arrow{position: absolute; border: none; background-color: none; font-size: 0; text-indent: -9999px; width: 25px; height: 51px; top: 50%; margin-top: -25px;}
.tab_slide .slick-prev{background: url(/source/img/slide_prev.png) no-repeat center center; left: -65px;}
.tab_slide .slick-next{background: url(/source/img/slide_next.png) no-repeat center center; right: -65px;}

/* > 후원/참여 */
.donation .vision_txt {padding-left: 40px; padding-top: 40px; padding-bottom: 40px; font-size: 19px;}
.donation .vision_row:last-child .vision_col_con{border-bottom: 1px solid #e0e0e0;}
.donation_logo {display: inline-block;}
.donation_icon_01_01:after{background: url(/source/img/donation_icon_01_01.png) no-repeat center center;}
.donation_icon_01_02:after{background: url(/source/img/donation_icon_01_02.png) no-repeat center center;}
.donation_icon_02_01:after{background: url(/source/img/donation_icon_02_01.png) no-repeat center center;}
.donation_icon_03_01:after{background: url(/source/img/donation_icon_03_01.png) no-repeat center center;}