@charset "utf-8";

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight:400;
	src: url(../fonts/NotoSansJP-Regular.ttf) format("truetype");
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight:600;
	src: url(../fonts/NotoSansJP-Medium.ttf) format("truetype");
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight:800;
	src: url(../fonts/NotoSansJP-Bold.ttf) format("truetype");
}

/* 회사소개 */
.company_info section .sec_tit h3 {font-size:32px; line-height:1;}
.company_info .section_visual {position:relative; min-height:500px; height:600px;} /* background-image:url(../img/sub_visual_company.jpg); */
.company_info .section_visual .svc_naon {position:absolute; top:50%; left:0; width:100%; text-align:center; transform: translate(0, -50%);}
.company_info .section_visual .svc_naon .svc_tit {padding-top:30px; text-align:center;}
.company_info .section_visual .svc_naon .svc_tit img {max-width:100%; vertical-align:top;}
.company_info .section_visual .svc_naon .svc_desc {margin-bottom:40px; font-size:22px; font-weight:600; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);}
.company_info .section_visual .svc_naon .svc_intro {padding:0 20px; font-size:14px; line-height:1.4; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3); opacity:0; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.company_info .section_visual .svc_naon .svc_intro br {display:none;}
.company_info .section_visual .video_bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#232c45; overflow:hidden; z-index:-1;}
.company_info .section_visual .video_bg video {height:100%; overflow:hidden; vertical-align:top; opacity:0.5;}
.section_vision .vision_box {padding:0 20px;}
.section_vision .vision_box .info {padding:30px 0 0 0; box-sizing:border-box;}
.section_vision .vision_box .info .tit strong {font-size:32px; line-height:1;}
.section_vision .vision_box .info .desc {padding-top:10px; font-size:18px; line-height:1.4;}
.section_vision .vision_box .info .desc br {display:none;}
.section_vision .vision_box .image {overflow:hidden; text-align:right;}
.section_vision .vision_box .image img {max-width:100%; vertical-align:top;}
.section_vision .vision_div1 {position:relative; background:url(../img/vision_bg.jpg) no-repeat 100% 0; background-size:cover;}
.section_vision .vision_div1::before {content:''; display:block; position:absolute; top:-150px; right:0; width:250px; height:200px; background:url(../img/vision_image.png) no-repeat 0 0; background-size:250px 200px;}
.section_vision .vision_div1 .sec_tit {padding:50px 20px; text-align:left;}
.section_vision .vision_div1 .sec_desc {font-size:18px; line-height:1.4; text-align:left;}
.section_vision .vision_div2, 
.section_vision .vision_div3 {padding:50px 0;}
.section_vision .vision_div3 .info {padding:0 0 30px;}
.section_vision .vision_div2 .vision_box .image {text-align:left;}
.section_business {background:url(../img/business_bg.jpg) no-repeat 50% 0; background-size:cover; color:#fff;}
.section_business .business_circle {position:relative; max-width:300px; margin:0 auto; padding:0; text-align:center;}
.section_business .business_circle img {max-width:100%; vertical-align:top;}
.section_business .business_circle .image {opacity:0; transition:0.2s;}
.section_business .business_circle .image2 {position:absolute; top:0; left:0; width:100%; z-index:2;}
.section_business .business_circle .image3 {position:absolute; top:0; left:0; width:100%; z-index:3;}
.section_strategy {color:#fff; background:url(../img/section_strategy.png)no-repeat 50% 100%; background-size:cover;}
.section_strategy .strategy {padding:0 20px;}
.section_strategy .strategy .strategy_ul {display:flex; flex-direction:column; gap:20px; margin:0; padding:0; list-style:none;}
.section_strategy .strategy .box {padding:40px; text-align:center; box-sizing:border-box; background-color:rgba(0, 0, 0, 0.6);}
.section_strategy .strategy .box .tit {margin-bottom:20px; font-size:24px; font-weight:600;}
.section_strategy .strategy .box .icon {width:100px; height:100px; margin:0 auto 20px; background:no-repeat 0 0;}
.section_strategy .strategy .box .icon1 {background-image:url(../img/strategy_icon1.png);}
.section_strategy .strategy .box .icon2 {background-image:url(../img/strategy_icon2.png);}
.section_strategy .strategy .box .icon3 {background-image:url(../img/strategy_icon3.png);}
.section_strategy .strategy .box ul {display:flex; flex-direction:column; gap:30px; margin:0; padding:0; list-style:none;}
.section_strategy .strategy .box ul li {position:relative; padding-left:16px; text-align:left; font-size:18px;}
.section_strategy .strategy .box ul li::before {content:''; position:absolute; left:0; top:10px; width:6px; height:6px; border-radius:3px; background-color:#fff;}
.section_location .location_tab_box {padding:0 20px;}
.section_location .location_tab_box .tabs {display:flex; margin:0; padding:0; list-style:none;}
.section_location .location_tab_box .tabs li {flex:1; height:68px; margin:0 -1px; border:1px solid #d6dce1; background:#f5f7f8;}
.section_location .location_tab_box .tabs li.active {border-color:#0078ff; background-color:#0078ff; box-shadow:0 8px 10px rgba(0,0,0,0.15);}
.section_location .location_tab_box .tabs li a {display:block; height:68px; line-height:68px; font-size:20px; font-weight:600; color:#000; text-align:center;}
.section_location .location_tab_box .tabs li.active a {color:#fff;}
.section_location .location_info {padding:0 20px;}
.section_location .location_info:last-child {padding-top:60px;}
.section_location .location_info .map_box {display:flex; flex-direction:column; gap:20px; height:455px; overflow:hidden;}
.section_location .location_info .map_tit {padding-top:120px; padding-bottom:50px; font-size:28px; font-weight:600; text-align:center;}
.section_location .location_info .map_box .map_img {width:100%; height:200px; flex-shrink:0; background:no-repeat 50% 50%; background-size:cover; box-sizing:border-box;}
.section_location .location_info .map_box .map_img1 {background-image:url(../img/location_img01.png);}
.section_location .location_info .map_box .map_img2 {background-image:url(../img/location_img02.png);}
.section_location .location_info .map_info {text-align:left; padding-top:20px; line-height:1.6;}
.section_location .location_info .map_info .info_div {padding:20px 0 20px 55px; font-size:18px;}
.section_location .location_info .map_info .info_div dl,
.section_location .location_info .map_info .info_div dl dd {margin:0;}
.section_location .location_info .map_info .info_div dl::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.section_location .location_info .map_info .info_div dt strong {font-size:22px; line-height:1.4;}
.section_location .location_info .map_info .info_div dd {padding-top:10px; font-size:14px;}
.section_location .location_info .map_info .info_div dd .jp {font-family:'Noto Sans JP';}
.section_location .location_info .map_info .info_div .icon {float:left; width:35px; height:35px; margin:-2px 0 0 -50px; background:url(../img/map_icon.png) no-repeat 0 0; background-size:35px 105px;}
.section_location .location_info .map_info .info_div .num {display:none; color:#777;}
.section_location .location_info .map_info .div2 {border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.section_location .location_info .map_info .div2 .icon {background-position:0 -35px;}
.section_location .location_info .map_info .div3 .icon {background-position:0 -70px;}
.tab_fixed .section_location .location_tab_box {position:fixed; top:60px; left:0; width:100%; padding-top:30px; background-color:#fff; box-sizing:border-box; z-index:100;}
.tab_fixed .section_location #location1 {margin-top:70px;}

@media all and (min-width:760px) {
    .company_info section .sec_tit h3 {font-size:50px;}
    .company_info .section_visual .svc_naon .svc_tit img {max-width:80%;}
    .company_info .section_visual .svc_naon .svc_desc {font-size:30px;}
    .company_info .section_visual .svc_naon .svc_intro {padding:0 40px; font-size:16px;}
    .section_vision .vision_box {display:flex; padding:0 40px;}
    .section_vision .vision_box > div {flex:1;}
    .section_vision .vision_box .info {padding:0 40px 0 0;}
    .section_vision .vision_div1 .sec_tit {padding:90px 40px;}
    .section_vision .vision_div1 .sec_desc {margin-top:-80px;}
    .section_vision .vision_div1 .sec_desc br {display:inline;}
    .section_vision .vision_div1::before {top:-120px; width:325px; height:260px; background-size:325px 260px;}
    .section_vision .vision_div2, 
    .section_vision .vision_div3 {padding:90px 0;}
    .section_vision .vision_div2 .vision_box .info {padding:0 0 0 40px;}
    .section_business .business_circle {position:relative; max-width:500px;}
    .section_strategy .sec_desc {font-size:24px;}
    .section_strategy .strategy {padding:0 40px;}
    .section_strategy .strategy .strategy_ul {gap:40px;}
    .section_strategy .strategy .box .tit {margin-bottom:40px; font-size:28px;}
    .section_strategy .strategy .box .icon {margin-bottom:40px;}
    .section_location .location_info {padding:0 40px;}
    .section_location .location_tab_box {padding:0 40px;}
    .section_location .location_tab_box .tabs li a {font-size:22px;}
    .section_location .location_info .map_tit {font-size:38px;}
    .section_location .location_info .map_box {flex-direction:row;}
    .section_location .location_info .map_box .map_img {width:200px; height:100%;}
    .section_location .location_info .map_info .info_div {padding:40px 40px 40px 70px;}
    .section_location .location_info .map_info .info_div dt strong {font-size:24px;}
    .section_location .location_info .map_info .info_div dd {font-size:18px;}
    .section_location .location_info .map_info .info_div .num {display:block;}
    .section_location .location_info .map_info .info_div .icon {width:45px; height:45px; margin:-2px 0 0 -65px; background-size:45px 135px;}
    .section_location .location_info .map_info .div2 .icon {background-position:0 -45px;}
    .section_location .location_info .map_info .div3 .icon {background-position:0 -90px;}
    .tab_fixed .section_location .location_tab_box .tabs {box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.15);}
}

@media all and (min-width:960px) {
    .company_info .section_visual {height:calc(100vh - 100px);}
}

@media all and (min-width:1280px) {
    .company_info section .sec_tit h3 {font-size:65px;}
    .company_info .section_visual .svc_naon .svc_desc {font-size:38px;}
    .company_info .section_visual .svc_naon .svc_intro {font-size:18px;}
    .company_info .section_visual .svc_naon .svc_intro br {display:inline;}
    .company_info .section_visual .video_bg video {width:120%; height:auto;}
    .section_vision .vision_box .info {padding:60px 40px 0 0;}
    .section_vision .vision_box .info .tit strong {font-size:65px;}
    .section_vision .vision_box .info .desc {padding-top:20px;}
    .section_vision .vision_box .info .desc br {display:inline;}
    .section_vision .vision_div1 {height:583px;}
    .section_vision .vision_div1::before {width:700px; height:560px; background-size:700px 560px;}
    .section_vision .vision_div1 .sec_desc {margin-top:-45px;}
    .section_vision .vision_div2, 
    .section_vision .vision_div3 {padding:150px 0;}
    .section_vision .vision_div2 .vision_box .info {padding:60px 0 0 40px;}
    .section_business .business_circle {max-width:820px;}
    .section_strategy .sec_desc {font-size:34px;}
    .section_strategy .strategy .strategy_ul {flex-direction:row;}
    .section_strategy .strategy .strategy_ul > li {width:calc((100% - 80px) / 3);}
    .section_strategy .strategy .box {height:100%;}
    .section_strategy .strategy .box .tit {min-height:84px; margin-bottom:20px; font-size:30px;}
    .section_strategy .strategy .box ul li {font-size:20px;}
    .section_location .location_tab_box .tabs {width:710px; margin:0 auto;}
    .section_location .location_tab_box .tabs li a {font-size:26px;}
    .section_location .location_info:last-child {padding-top:100px;}
    .section_location .location_info .map_tit {font-size:42px;}
    .section_location .location_info .map_box .map_img {width:325px;}
    .section_location .location_info .map_info .info_div dl {padding-left:280px;}
    .section_location .location_info .map_info .info_div dt {float:left; width:280px; margin-left:-280px;}
    .section_location .location_info .map_info .info_div dt strong {font-size:26px;}
    .section_location .location_info .map_info .info_div dd {float:left; width:100%; padding:4px 0;}
    .section_location .location_info .map_info .info_div dd strong {margin-right:10px; font-weight:normal;}
    .tab_fixed .section_location .location_tab_box {top:100px;}
}

/* 연혁 */
.company_history .section_visual {position:relative; height:auto; overflow:hidden;} /* background-image:url(../img/sub_visual_history.jpg); */
.company_history .section_visual .video_bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#232c45; overflow:hidden; z-index:-1;}
.company_history .section_visual .video_bg video {height:100%; overflow:hidden; vertical-align:top; opacity:0.5;}
.company_history .section_visual .svc_story {padding:60px 20px; text-shadow:3px 3px 5px rgb(0 0 0 / 30%);}
.company_history .section_visual .svc_story .story_tit {opacity:0; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.company_history .section_visual .svc_story .story_tit h2 {width:240px; height:34px; line-height:38px; margin:0; padding:0; font-size:38px;}
.company_history .section_visual .svc_story .story_desc .tit strong {font-size:24px;}
.company_history .section_visual .svc_story .story_desc .desc {font-size:14px; line-height:1.4;}
.company_history .section_visual .svc_story .story_desc .desc br {display:none;}
.company_history .section_visual .svc_story .story_desc .since {opacity:0; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.company_history .section_visual .svc_story .story_desc .since .tit {padding:30px 0 15px;}
.company_history .section_visual .svc_story .story_desc .outcome {opacity:0; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.company_history .section_visual .svc_story .story_desc .outcome .tit {padding:50px 0 15px;}
.company_history .section_visual .svc_story .story_desc .outcome .tit strong {font-size:22px;}
.company_history .section_visual .svc_story .story_desc .outcome .desc {display:flex;}
.company_history .section_visual .svc_story .story_desc .outcome .oc1 {padding-right:30px;}
.company_history .section_visual .svc_story .story_desc .outcome .per {display:inline-block; height:40px; line-height:36px; padding-right:45px; background:url(../img/oc_arr.png) no-repeat 100% 0; background-size:34px 40px; font-size:32px; font-weight:600; color:#11f9ff;}
.company_history .section_visual .svc_story .story_desc .outcome .idx {padding-top:5px;}
.company_history section .section_history .sec_tit {display:none; padding:50px 20px;}
.history_banner {position:relative; height:215px; overflow:hidden;}
.history_banner .banner {height:200px; background:url(../img/history_bg.jpg) no-repeat right -190px top 0; background-size:cover; color:#fff;}
.history_banner .banner .inner {max-width:1420px; height:200px; margin:0 auto; padding:0 20px;}
.history_banner .banner .inner strong {display:block; padding-top:30px; font-size:24px; text-align:center;}
.history_banner .bar {position:absolute; bottom:0; left:50%; width:1036px; height:30px; background:url(../img/product_link_bar.png) no-repeat 0 0; transition:0.5s;}
.section_history .basic_info {padding:40px 20px 10px;}
.section_history .basic_info .info {padding-bottom:20px;}
.section_history .basic_info .info dl {margin:0; padding:0 0 0 90px; font-size:14px; line-height:30px;}
.section_history .basic_info .info dl::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.section_history .basic_info .info dt {float:left; width:90px; margin-left:-90px; font-weight:600;}
.section_history .basic_info .info dd {float:left; width:100%; margin:0; padding:0;}
.section_history .basic_info .banner {height:180px; padding-top:40px; background:url(../img/history_banner.jpg) no-repeat 40% 0; background-size:cover; text-align:center; box-sizing:border-box;}
.section_history .basic_info .banner strong {font-size:24px; color:#fff; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);}
.section_history .year_tab_div {display:none; padding:30px 20px 0 21px;}
.section_history .year_tab_div .year_tab {display:flex; flex-wrap:wrap; max-width:1420px; margin:0 auto; padding:1px 0 0; list-style:none; transition:0.5s;}
.section_history .year_tab_div .year_tab li {width:calc(100% / 3); height:68px; margin:-1px -1px 0; border:1px solid #d6dce1; background-color:#f5f7f8;} /* transition:0.3s; */
.section_history .year_tab_div .year_tab li a {display:block; height:68px; line-height:68px; font-size:16px; font-weight:600; color:#000; text-align:center;}
.section_history .year_tab_div .year_tab li.active {border:1px solid #0078ff; background-color:#0078ff; box-shadow:0 8px 10px rgb(0, 0, 0, 0.15);}
.section_history .year_tab_div .year_tab li.active a {color:#fff;}
.tab_fixed .section_history .year_tab_div {position:fixed; top:60px; left:0; width:100%; box-sizing:border-box; z-index:100;}
.tab_fixed .section_history .year_tab_div .year_tab {box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.15);}
.tab_fixed .section_history #year_div1 {margin-top:130px;}
.section_history .history_list {padding:80px 20px 40px; background:url(../img/history_line.gif) repeat-y 20px 0; font-size:16px; color:#000;}
.section_history .history_list br {display:none;}
.section_history .history_list ul {margin:0; padding:0; list-style:none;}
.section_history .history_list .year_box {opacity:0; transition:0.5s;}
.section_history .history_list .year_div:first-child::before {content:'2021'; display:none; float:left; width:50%; padding:80px 70px 0 0; text-align:right; font-size:180px; font-weight:600; color:#0b83ff; box-sizing:border-box; opacity:0.1;}
.section_history .history_list .year_rgt {padding-top:100px;}
.section_history .history_list .year_rgt.year_2004 p {margin:0 0 15px;}
.section_history .history_list .year_rgt.year_2004 br {display:none;}
.section_history .year_cont {padding:150px 20px 40px; background:url(../img/history_line.gif) repeat-y 50% 0; font-size:18px; color:#000;}
.section_history .year_cont ul {margin:0; padding:0; list-style:none;}
.section_history .year_cont .year_div {position:relative;}
.section_history .year_cont .year_box::before {content:''; display:block; position:absolute; top:-20px; width:50%; text-align:right; font-size:180px; font-weight:600; line-height:1; color:#0b83ff; box-sizing:border-box; opacity:0.1;}
.section_history .year_cont .year_rgt::before {left:0; padding:0 70px 0 0;}
.section_history .year_cont .year_lft::before {right:0; padding:0 0 0 70px; text-align:left;}
.section_history .year_cont .year_2021::before {content:'2021';}
.section_history .year_cont .year_2020::before {content:'2020';}
.section_history .year_cont .year_2019::before {content:'2019';}
.section_history .year_cont .year_2018::before {content:'2018';}
.section_history .year_cont .year_2017::before {content:'2017';}
.section_history .year_cont .year_2016::before {content:'2016';}
.section_history .year_cont .year_2015::before {content:'2015';}
.section_history .year_cont .year_2014::before {content:'2014';}
.section_history .year_cont .year_2013::before {content:'2013';}
.section_history .year_cont .year_2012::before {content:'2012';}
.section_history .year_cont .year_2011::before {content:'2011';}
.section_history .year_cont .year_2010::before {content:'2010';}
.section_history .year_cont .year_2009::before {content:'2009~2008'; top:0; font-size:90px;}
.section_history .year_cont .year_2007::before {content:'2007~2002'; top:0; font-size:90px;}
.section_history .year_div {padding-bottom:100px;}
.section_history .year_div::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.section_history .year_box ul {margin:0; padding:0 0 0 30px; list-style:none;}
.section_history .year_box li {padding:6px 0; line-height:1.3;}
.section_history .year_box .tit {height:34px; line-height:34px; margin-left:-10px; margin-bottom:16px; padding-left:40px; background:url(../img/history_dot.png) no-repeat 0 6px;}
.section_history .year_box .tit strong {float:left; font-size:30px; color:#0b83ff;}
.section_history .year_box .tit .n {margin-left:10px; font-size:16px; font-weight:normal;}
.section_history .year_box .typical {padding:30px 0 0 20px;}
.section_history .year_box .typical .logo {display:inline-block; vertical-align:top;}
.section_history .year_box .typical .logo img {vertical-align:top; height:40px;}
.section_history .year_rgt .typical .logo {margin-right:20px;}
.section_history .year_lft .typical .logo {margin-left:20px;}
.section_history .year_rgt .typical .logo:last-child,
.section_history .year_lft .typical .logo:first-child {margin:0;}

@media all and (min-width:760px) {
    .company_history .section_visual .svc_story {padding:80px 40px;}
    .company_history .section_visual .svc_story .story_tit h2 {width:320px; height:45px; line-height:50px; font-size:50px;}
    .company_history .section_visual .svc_story .story_desc .desc {font-size:16px;}
    .company_history .section_visual .svc_story .story_desc .desc br {display:inline;}
    .company_history .section_visual .svc_story .story_desc .since .tit {padding:20px 0;}
    .company_history .section_visual .svc_story .story_desc .outcome .tit {padding:60px 0 20px;}
    .company_history .section_visual .svc_story .story_desc .outcome .oc1 {padding-right:68px;}
    .company_history .section_visual .svc_story .story_desc .outcome .per {height:50px; line-height:45px; padding-right:55px; background-size:42px 50px; font-size:36px;}
    .history_banner .banner {background-position:75% 0;}
    .history_banner .banner .inner {line-height:200px;}
    .history_banner .banner .inner strong {display:inline; padding:0; margin-left:20px; font-size:32px;}
    .section_history .basic_info {padding:40px 20px 0;}
    .section_history .basic_info .info {padding:0 20px 40px;}
    .section_history .basic_info .info dl {line-height:40px; padding:0 0 0 110px; font-size:18px;}
    .section_history .basic_info .info dt {width:110px; margin-left:-110px;}
    .section_history .basic_info .banner {height:200px;}
    .section_history .basic_info .banner strong {font-size:30px;}
    .section_history .year_tab_div .year_tab {height:70px; padding-top:0;}
    .section_history .year_tab_div .year_tab li {flex:1; width:auto; margin-top:0;}
    .section_history .year_tab_div .year_tab li a {font-size:16px;}
    .tab_fixed .section_history #year_div1 {margin-top:60px;}
    .section_history .history_list {padding:80px 20px 40px 70px; background-position:80px 0; font-size:18px;}
    .section_history .history_list br {display:inline;}
    /* .section_history .history_list .year_div:first-child::before {padding:50px 40px 0 0; font-size:130px;} */
    .section_history .history_list .year_rgt.year_2004 br {display:inline;}
    .section_history .year_box ul {padding:0 0 0 40px;}
    .section_history .year_box .tit {margin-left:0;}
    .section_history .year_box .tit .n {font-size:18px;}
    .section_history .year_box .typical {padding:30px 0 0 40px;}
    .section_history .year_box .typical .logo img {height:55px;}
    .section_history .year_rgt .typical .logo {margin-right:40px;}
    .section_history .year_lft .typical .logo {margin-left:40px;}
    /* .section_history .typical .logo {margin-right:30px; transform:scale(1);} */
}

@media all and (min-width:1280px) {
    /* .company_history .section_visual {height:auto; min-height:calc(100vh - 100px);} */
    .company_history .section_visual .svc_story {display:flex; padding:50px 40px 150px;}
    .company_history .section_visual .svc_story .story_tit h2 {width:400px; height:55px; line-height:60px; font-size:60px;}
    .company_history .section_visual .svc_story .story_desc .tit strong {font-size:40px;}
    .company_history .section_visual .svc_story .story_desc .desc {font-size:19px; line-height:1.6;}
    .company_history .section_visual .svc_story .story_desc .outcome .tit strong {font-size:36px;}
    .company_history .section_visual .svc_story .story_desc .outcome .desc {line-height:normal;}
    .company_history .section_visual .svc_story .story_desc .since .tit {padding-top:10px;}
    .company_history section .section_history .sec_tit {padding:90px 20px;}
    .company_history section .section_history .sec_tit h3 {font-size:65px;}
    .history_banner {height:290px;}
    .history_banner .banner {height:270px;}
    .history_banner .banner .inner {height:270px; line-height:270px;}
    .history_banner .banner .inner strong {margin:0; font-size:45px;}
    .history_banner .bar {height:40px;}
    .section_history .basic_info {padding:90px 20px 0;}
    .section_history .basic_info::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
    .section_history .basic_info .info {float:left; width:50%; padding:35px 0 0;}
    .section_history .basic_info .info dl {line-height:50px; padding:0 0 0 130px; font-size:22px;}
    .section_history .basic_info .info dt {width:130px; margin-left:-130px;}
    .section_history .basic_info .info dd {font-size:20px;}
    .section_history .basic_info .banner {float:right; width:50%; height:270px;}
    .section_history .basic_info .banner strong {font-size:40px;}
    .section_history .year_tab_div {padding:90px 20px 0 21px;}
    .section_history .year_tab_div .year_tab li a {font-size:24px;}
    .section_history .history_list {padding:150px 40px 40px; background:url(../img/history_line.gif) repeat-y 50% 0;}
    /* .section_history .history_list .year_div:first-child::before {display:block; padding:80px 70px 0 0; font-size:180px;} */
    .section_history .history_list .year_rgt {padding-top:100px;}
    .section_history .year_div {padding-bottom:150px;}
    .section_history .year_box {width:50%;}
    .section_history .year_box ul {padding:0 0 0 90px;}
    .section_history .year_box .tit {padding-left:101px;}
    .section_history .year_box .tit strong {float:none; font-size:36px;}
    .section_history .year_box .tit .n {margin-left:10px; font-size:18px;}
    .section_history .year_box .typical {padding:30px 0 0 90px;}
    .section_history .year_rgt {float:right;}
    .section_history .year_rgt .tit {margin-left:-11px;}
    .section_history .year_lft {float:left; text-align:right;}
    .section_history .year_lft ul {padding:0 90px 0 0;}
    .section_history .year_lft .tit {margin-right:-11px; padding-left:0; padding-right:101px; background-position:100% 6px;}
    .section_history .year_lft .tit .n {margin-left:0; margin-right:10px;}
    .section_history .year_lft .typical {padding:30px 90px 0 0; text-align:right;}
    .tab_fixed .section_history .year_tab_div {top:100px;}
    .tab_fixed .section_history #year_div1 {margin-top:160px;}
}

@media all and (min-width:1540px) {
    .company_history .section_visual .svc_story {display:flex; padding:100px 40px;}
    .company_history .section_visual .video_bg video {width:100%; height:auto;}
}

/* CI 소개 */
.company_ci .section_visual {background-image:url(../img/sub_visual_ci.jpg);}
.section_philosophy .philosophy_box {padding:0 20px;}
.section_philosophy .ci_philosophy .image {overflow:hidden; text-align:center;}
.section_philosophy .ci_philosophy .image img {max-width:100%; border:1px solid #e1e4ea; vertical-align:top; box-sizing:border-box;}
.section_philosophy .ci_philosophy .info {padding:30px 0 0 0; box-sizing:border-box; text-align:center;}
.section_philosophy .ci_philosophy .info .tit strong {font-size:28px; line-height:1;}
.section_philosophy .ci_philosophy .info .desc {padding-top:10px; font-size:18px; line-height:1.4;}
.section_philosophy .ci_philosophy .info .desc br {display:none;}
.section_philosophy .download_box {padding:30px 20px;}
.section_philosophy .ci_download {border:1px solid #d6dce1; background-color:#f5f7f8;}
.section_philosophy .ci_download .link {display:block; height:58px; line-height:58px; border-top:1px solid #d6dce1; font-size:18px; font-weight:600; text-align:center;}
.section_philosophy .ci_download .link i {display:inline-block; width:24px; height:22px; margin:17px 0 17px 10px; background:url(../img/ico_down.png) no-repeat 0 0; vertical-align:top;}
.section_philosophy .ci_download .link:first-child {border:0;}
.section_philosophy .ci_download .link:hover {background-color:#dee8ed;}
.section_philosophy .type_box {padding:0 20px;}
.section_philosophy .ci_type .info {padding:0 0 30px; text-align:center;}
.section_philosophy .ci_type .info .tit strong {font-size:28px; line-height:1;}
.section_philosophy .ci_type .info .desc {padding-top:10px; font-size:18px; line-height:1.4;}
.section_philosophy .ci_type .info .desc br {display:none;}
.section_philosophy .ci_type .image ul {display:flex; flex-wrap:wrap; margin:0 -10px; padding:0; list-style:none;}
.section_philosophy .ci_type .image ul li {width:50%; padding:10px; box-sizing:border-box;}
.section_philosophy .ci_type .image ul li img {max-width:100%; border:1px solid #e1e4ea; vertical-align:top; box-sizing:border-box;}
.section_color .color_system_box {padding:0 20px;}
.section_color .color_system_box .tit strong {font-size:28px; line-height:1;}
.section_color .color_system_box .desc {padding-top:10px; padding-bottom:30px; font-size:18px; line-height:1.4;}
.section_color .color_system_box .desc br {display:none;}
.section_color .color_system_box .info {text-align:center;}
.section_color .color_system_box .info_color ul {margin:0; padding:0; list-style:none; font-family:Arial; letter-spacing:-0.02em;}
.section_color .color_system_box .basic_color {padding:0 0 40px;}
.section_color .color_system_box .basic_color ul {margin:0 -10px;}
.section_color .color_system_box .basic_color ul li {padding:0 10px;}
.section_color .color_system_box .basic_color .color_card {margin:0 auto 15px; background-color:#fff; box-shadow:0 10px 10px rgb(0, 0, 0, 0.1); text-align:left;}
.section_color .color_system_box .basic_color .color_card .color {height:80px; line-height:80px; padding-left:28px; box-sizing:border-box;}
.section_color .color_system_box .basic_color .color_card .color strong {font-size:20px; font-weight:400; color:#fff;}
.section_color .color_system_box .basic_color .color_card .data {height:120px; padding:22px 10px 10px 28px; line-height:1.8; box-sizing:border-box;}
.section_color .color_system_box .basic_color .card1 .color {background-color:#1158c1;}
.section_color .color_system_box .basic_color .card2 .color {background-color:#0078ff;}
.section_color .color_system_box .basic_color .card3 .color {background-color:#0ab4f9;}
.section_color .color_system_box .gradient_color {padding:40px 0; border-top:1px solid #e4e4e4;}
.section_color .color_system_box .gradient_color .gradient_card {height:100px; padding:25px 0 0 28px; background-color:#0078ff; color:#fff; box-sizing:border-box;}
.section_color .color_system_box .gradient_color .gradient_card strong {font-size:20px; font-weight:400;}
.section_color .color_system_box .gradient_color .gradient_card .value {margin-top:4px;}
.section_color .color_system_box .gradient_color .card1 {background-image:linear-gradient(to right,#0078ff 0,#1158c1 100%);}
.section_color .color_system_box .gradient_color .card2 {background-image:linear-gradient(to right,#0AB4F9 0,#0078ff 100%);}
.section_color .color_system_box .sub_color {padding:40px 0 0; border-top:1px solid #e4e4e4;}
.section_color .color_system_box .sub_color .info_color ul {display:flex; flex-wrap:wrap;}
.section_color .color_system_box .sub_color .info_color ul li {width:50%;}
.section_color .color_system_box .sub_color .sub_card {height:72px; padding:14px 0 0 28px; box-sizing:border-box; color:#fff;}
.section_color .color_system_box .sub_color .sub_card strong {font-size:16px; font-weight:400;}
.section_color .color_system_box .sub_color .sub_card .value {margin-top:4px;}
.section_color .color_system_box .sub_color .card1 {background-color:#5b34ff;}
.section_color .color_system_box .sub_color .card2 {background-color:#973aff;}
.section_color .color_system_box .sub_color .card3 {background-color:#1bc68e;}
.section_color .color_system_box .sub_color .card4 {background-color:#ff7800;}
.section_brand .brand_identity_box {padding:0 20px;}
.section_brand .brand_identity_box .tit strong {font-size:28px; line-height:1;}
.section_brand .brand_identity_box .desc {padding-top:10px; padding-bottom:40px; font-size:18px; line-height:1.4;}
.section_brand .brand_identity_box .desc br {display:none;}
.section_brand .brand_identity_box .info {text-align:center;}
.section_brand .brand_identity_box .image ul {margin:0; padding:0; list-style:none;}
.section_brand .brand_identity_box .image ul li {text-align:center;}
.section_brand .brand_identity_box .brand_concept .image ul {display:flex; flex-wrap:wrap;}
.section_brand .brand_identity_box .brand_concept .image ul li {width:calc(100% / 3); padding:0 10px; box-sizing:border-box;}
.section_brand .brand_identity_box .brand_concept .image .img img {max-width:100%; vertical-align:top;}
.section_brand .brand_identity_box .brand_concept .image .txt {padding:10px 0 20px; font-size:16px; text-align:center;}
.section_brand .brand_identity_box .brand_lineup {margin-top:40px; padding-top:40px; border-top:1px solid #e4e4e4;}
.section_brand .brand_identity_box .brand_lineup .info .visual {display:none;}
.section_brand .brand_identity_box .brand_lineup .info .visual img {max-width:100%; vertical-align:top;}
.section_brand .brand_identity_box .brand_lineup .image ul {display:flex; flex-wrap:wrap;}
.section_brand .brand_identity_box .brand_lineup .image ul li {width:50%; padding:0 10px; box-sizing:border-box;}
.section_brand .brand_identity_box .brand_lineup .image .img img {max-width:100%; border:1px solid #e1e4ea; vertical-align:top; box-sizing:border-box;}
.section_brand .brand_identity_box .brand_lineup .image .txt {padding:10px 0 20px; font-size:16px; text-align:center;}

@media all and (min-width:760px) {
    .section_philosophy .philosophy_box {padding:0 40px;}
    .section_philosophy .ci_philosophy .info .desc br {display:inline;}
    .section_philosophy .download_box {padding:50px 40px;}
    .section_philosophy .ci_download {display:flex;}
    .section_philosophy .ci_download .link {flex:1; height:68px; line-height:68px; border-top:0; border-left:1px solid #d6dce1; font-size:20px;}
    .section_philosophy .ci_download .link i {margin:22px 0 22px 22px;}
    .section_philosophy .type_box {padding:0 40px;}
    .section_philosophy .ci_type .info .desc br {display:inline;}
    .section_philosophy .ci_type .image ul li {width:25%;}
    .section_color .color_system_box {padding:0 40px;}
    .section_color .color_system_box .desc br {display:inline;}
    .section_color .color_system_box .info_color ul {display:flex;}
    .section_color .color_system_box .info_color ul li {flex:1;}
    .section_color .color_system_box .gradient_color .card1 {margin-right:15px;}
    .section_color .color_system_box .gradient_color .card2 {margin-left:15px;}
    .section_brand .brand_identity_box {padding:0 40px;}
    .section_brand .brand_identity_box .desc br {display:inline;}
    .section_brand .brand_identity_box .brand_concept .image ul {flex-wrap:nowrap;}
    .section_brand .brand_identity_box .brand_concept .image ul li {flex:1; width:auto;}
    .section_brand .brand_identity_box .brand_lineup .image ul li {width:calc(100% / 3);}
}

@media all and (min-width:1280px) {
    .section_philosophy .philosophy_box {padding:10px 40px 0;}
    .section_philosophy .ci_philosophy {display:table;}
    .section_philosophy .ci_philosophy > div {display:table-cell; vertical-align:middle;}
    .section_philosophy .ci_philosophy .image {width:55%; text-align:left;}
    .section_philosophy .ci_philosophy .image img {vertical-align:middle;}
    .section_philosophy .ci_philosophy .info {padding:0 0 0 80px; text-align:left;}
    .section_philosophy .ci_philosophy .info .tit strong {font-size:30px;}
    .section_philosophy .ci_philosophy .info .desc {padding-top:15px;}
    .section_philosophy .download_box {padding:100px 40px;}    
    .section_philosophy .ci_type .info {padding:0 0 50px;}
    .section_philosophy .ci_type .info .tit strong {font-size:30px;}
    .section_philosophy .ci_type .info .desc {padding-top:15px;}
    .section_color .color_system_box .tit strong {font-size:30px;}
    .section_color .color_system_box .desc {padding-top:15px; padding-bottom:0;}
    .section_color .color_system_box .info {text-align:left;}
    .section_color .color_system_box .info_color ul {justify-content:flex-end;}
    .section_color .color_system_box .info_color ul li {flex:none;}
    .section_color .color_system_box .basic_color {display:flex; padding:50px 0 80px;}
    .section_color .color_system_box .basic_color .info {flex:1;}
    .section_color .color_system_box .basic_color .info_color {flex:1.3;}
    .section_color .color_system_box .basic_color .info_color ul {margin:0;}
    .section_color .color_system_box .basic_color .info_color ul li {padding:0;}
    .section_color .color_system_box .basic_color .color_card {width:215px; margin:0 0 0 30px;}
    .section_color .color_system_box .basic_color .color_card .color {height:100px; line-height:100px;}
    .section_color .color_system_box .gradient_color {display:flex; padding:80px 0;}
    .section_color .color_system_box .gradient_color .info {flex:1;}
    .section_color .color_system_box .gradient_color .info_color {flex:1.3}
    .section_color .color_system_box .gradient_color .gradient_card {width:337px; height:120px; padding:35px 0 0 28px;}
    .section_color .color_system_box .sub_color {display:flex; padding:80px 0 0;}
    .section_color .color_system_box .sub_color .info {flex:1;}
    .section_color .color_system_box .sub_color .info_color {flex:1.3}
    .section_color .color_system_box .sub_color .info_color ul li {width:auto;}
    .section_color .color_system_box .sub_color .sub_card {width:176px;}
    .section_color .color_system_box .sub_color .sub_card strong {font-size:18px;}
    .section_brand .brand_identity_box .tit strong {font-size:30px;}
    .section_brand .brand_identity_box .brand_concept {display:flex; padding:40px 0 0;}
    .section_brand .brand_identity_box .brand_concept .info {flex:1; text-align:left;}
    .section_brand .brand_identity_box .brand_concept .image {flex:1.3;}
    .section_brand .brand_identity_box .brand_concept .image ul {justify-content:flex-end;}
    .section_brand .brand_identity_box .brand_concept .image ul li {padding:0; text-align:right;}
    .section_brand .brand_identity_box .brand_concept .image .txt {display:inline-block; min-width:180px;}
    .section_brand .brand_identity_box .brand_lineup {display:flex; flex-direction:row-reverse; margin-top:80px; padding-top:80px;}
    .section_brand .brand_identity_box .brand_lineup .info {flex:1; text-align:left;}
    .section_brand .brand_identity_box .brand_lineup .info .desc {min-height:85px;}
    .section_brand .brand_identity_box .brand_lineup .info .visual {display:block;}
    .section_brand .brand_identity_box .brand_lineup .image {flex:1.3;}
    .section_brand .brand_identity_box .brand_lineup .image ul li {width:auto; max-width:calc(100% / 3); padding:0 30px 0 0; text-align:left;}
}