@CHARSET "UTF-8";

@font-face{
font-family:'CoreGothic1';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic1.eot');
src:url('/resources/css/font/CoreGothic1.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic1.woff') format('woff'),
url('/resources/css/font/CoreGothic1.ttf') format('truetype');
}

@font-face{
font-family:'CoreGothic4';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic4.eot');
src:url('/resources/css/font/CoreGothic4.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic4.woff') format('woff'),
url('/resources/css/font/CoreGothic4.ttf') format('truetype');
}

@font-face{
font-family:'CoreGothic7';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic7.eot');
src:url('/resources/css/font/CoreGothic7.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic7.woff') format('woff'),
url('/resources/css/font/CoreGothic7.ttf') format('truetype');
}

#main_story .container {background: url("/resources/images/landing/story/bg_story_01.png") no-repeat; background-position:center; width:100%; height:802px; background-size: 100% 802px; overflow: hidden;}
#main_story .container .story{width:1220px; height:802px; margin:52px auto 0 auto; }
#main_story .container .story .story_text{text-align:center;}
#main_story .container .story .story_text h2{font-family: "CoreGothic7", Helvetica, Arial, sans-serif; font-size:38px; color:#ffffff; letter-spacing: -3.5px;}
#main_story .container .story .story_text h4{font-family: "CoreGothic1", Helvetica, Arial, sans-serif; font-size:24px; color:#ffffff; letter-spacing: -1px; margin-bottom: 50px;}
#main_story .container .story .story_box{width:1200px; height:420px; margin-bottom:41px; }
#main_story .container .story .story_box .box{width:285px; height:420px; margin-right:20px; float:left; position:relative; cursor:pointer; overflow:hidden;}
#main_story .container .story .story_box #box_04{margin:0;}
#main_story .container .story .story_box .box .box_img{width:285px; height:320px; position:absolute; top:0; left:0; transition: background-size .5s;}
#main_story .container .story .story_box .box .box_img:hover{background-size: 300px 337px !important;}
#main_story .container .story .story_box .box .box_text{width:285px; height:100px; background-color:#ffffff;position:absolute; bottom:0; text-align:center; }
#main_story .container .story .story_box .box .box_text .story_text01{font-family: "CoreGothic4", Helvetica, Arial, sans-serif; font-size:16px; color:#000000; letter-spacing: -1.5px; margin-top:30px;}
#main_story .container .story .story_box .box .box_text .story_text02{font-family: "CoreGothic4", Helvetica, Arial, sans-serif; font-size:14px; color:#000000; opacity:0.5; letter-spacing: -1.5px;}
#main_story .container .story .btn_box{width: 1300px;}
#main_story .container .story .btn_box .line_box{float:left; width:502px; height:19px; border-bottom:1px solid #92e1d8;}
#main_story .container .story .btn_box .more_btn{float:left; width:156px; height:40px; margin:0 20px; background-color:#ffffff; border-radius:20px; cursor:pointer;}
#main_story .container .story .btn_box .more_btn p{text-align:center; font-family: "CoreGothic4", Helvetica, Arial, sans-serif; font-size:16px; color:#242424; letter-spacing: -1.5px; line-height:40px;}