@charset "UTF-8";
/*공통*/
body { overflow: visible; }
body.active { overflow: hidden; }

.scrollDisable { height: 100%; min-height: 100%; overflow-y: hidden; -ms-touch-action: none; touch-action: none; }

#wrapper { overflow: hidden; }

.container { max-width: 1580px; margin: 0 auto; }
.container:after { content: ''; display: block; clear: both; }

@media screen and (max-width: 1640px) { .container { padding: 0 30px; } }
@media screen and (max-width: 768px) { .container { padding: 0 15px; } }

/* .container1 { max-width: 1340px; margin: auto; } */
.container1 { max-width: 1580px; margin: auto; }

@media screen and (max-width: 1600px) { .container1 { padding: 0 30px; } }
@media screen and (max-width: 768px) { .container1 { padding: 0 15px; } }

.container2 { max-width: 1240px; margin: auto; }

@media screen and (max-width: 1600px) { .container2 { padding: 0 30px; } }
@media screen and (max-width: 768px) { .container2 { padding: 0 15px; } }

.skip_navi { position: absolute; z-index: 999999; width: 100%; left: 0; top: 0; text-align: center; }
.skip_navi a { display: block; position: absolute; left: 0; top: -9999px; z-index: 1; width: 100%; height: 40px; line-height: 40px; background-color: #333; color: #fff; font-size: 20px; font-weight: 700; }
.skip_navi a:hover, .skip_navi a:focus { top: 0; }

/*페이지로더*/
#page_load { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; text-align: center; z-index: 100; }
#page_load .inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*헤더*/
#header { position: fixed; left: 0; top: 0; width: 100%; height: 75px; z-index: 50; -webkit-transition: all 0.1s; transition: all 0.1s; }
#header h1 { float: left; width: 106px; }
#header h1 a { display: block; height: 75px; background: url("../images/comp_logo_text_white_KR.png") no-repeat center; background-size: contain; }
#header:before { position: absolute; top: 75px; left: 0; right: 0; width: 100%; height: 61px; background-color: #fff; border-bottom: 1px solid #eee; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.02); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.02); z-index: 55; content: ''; }
#header #gnb { float: right; }
#header #gnb > div img { display: none; }
#header #gnb > div ul { position: relative; }
#header #gnb > div ul:after { content: ''; display: block; clear: both; }
#header #gnb > div ul > li { float: left; }
#header #gnb > div ul > li > a { display: block; padding: 0 25px; }
#header #gnb > div ul > li > a span { display: block; color: #fff; font-size: 18px; font-weight: 500; letter-spacing: 0.5px; height: 75px; line-height: 75px; -webkit-transition: all 0.2s; transition: all 0.2s; }
#header #gnb > div ul > li > div { overflow: hidden; position: absolute; top: 100%; left: 5px; right: 0; width: 100%; opacity: 0; background-color: #fff; }
#header #gnb > div ul > li > div ol { -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; padding: 0; }
#header #gnb > div ul > li > div ol > li { display: inline-block; }
#header #gnb > div ul > li > div ol > li > a { display: block; color: #222; height: 60px; line-height: 60px; padding: 0 20px; font-weight: 500; font-size: 17px; letter-spacing: 0.5px; }
#header #gnb > div ul > li > div ol > li.act > a { color: #024c98; font-weight: 500; }
#header #gnb > div ul > li > div ol > li:hover > a { color: #024c98; }
#header #gnb > div ul > li.active > div, #header #gnb > div ul > li:hover > div { z-index: 56; opacity: 1; }
#header #gnb > div ul > li.active > div ol, #header #gnb > div ul > li:hover > div ol { -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -ms-transition: all 0.5s; opacity: 1; -moz-transition: all 0.5s; opacity: 1; -webkit-transition: all 0.5s; opacity: 1; transition: all 0.5s; opacity: 1; }
#header #gnb > div ul > li:hover > div { z-index: 57; }
#header #gnb > div ul > li:nth-of-type(2) > div { padding-left: 143px; }
#header #gnb > div ul > li:nth-of-type(3) > div { padding-left: 269px; }
#header #gnb > div ul > li:nth-of-type(4) > div { padding-left: 393px; }
#header #gnb > div ul > li:nth-of-type(5) > div { padding-left: 522px; }
#header #gnb > div ul > li:last-of-type > a { padding-right: 0; }
#header #gnb > div ul > li:last-of-type > div > ol > li > a { padding-right: 0; }
#header #gnb button { display: none; }

#header.main { -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; }
#header.main .container1 { max-width: 1580px; margin: 0 auto; }
#header.main .container1:after { content: ''; display: block; clear: both; }

@media screen and (max-width: 1640px) { #header.main .container1 { padding: 0 30px; } }
@media screen and (max-width: 768px) { #header.main .container1 { padding: 0 15px; } }

#header.main:before { display: none; background-color: #fff; border-bottom: 1px solid #eee; }
#header.main.on:before { display: block; }
#header.main #gnb > div ul > li > div { opacity: 0; }
#header.main #gnb > div ul > li:hover > div { opacity: 1; }
#header.main:hover, #header.main.active, #header.sub { background-color: #fff; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.02); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.02); border-bottom: 1px solid #eee; -webkit-transition: none; transition: none; }
#header.main:hover h1 a, #header.main.active h1 a, #header.sub h1 a { background-image: url("../images/comp_logo_text_KR.png"); }
#header.main:hover #gnb > div ul > li > a span, #header.main.active #gnb > div ul > li > a span, #header.sub #gnb > div ul > li > a span { color: #000; }
#header.main:hover #gnb > div ul > li.active > a > span, #header.main:hover #gnb > div ul > li:hover > a > span, #header.main.active #gnb > div ul > li.active > a > span, #header.main.active #gnb > div ul > li:hover > a > span, #header.sub #gnb > div ul > li.active > a > span, #header.sub #gnb > div ul > li:hover > a > span { color: #024c98; border-bottom: 3px solid #024c98; -webkit-transition: all 0.2s; transition: all 0.2s; }
#header.main.active { -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; }

@media screen and (max-width: 1000px) { #header { height: 60px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.02); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.02); }
  #header:before { content: none; }
  #header h1 { width: 85px; }
  #header h1 a { background-size: 85px; height: 60px; }
  #header #gnb { float: none; }
  #header #gnb > div img { display: none; width: 85px; position: absolute; top: 15px; left: 30px; }
  #header #gnb > div ul { display: none; max-width: 320px; min-height: 100%; margin: auto; }
  #header #gnb > div ul > li { overflow: hidden; position: relative; float: none; margin-bottom: 30px; padding: 0; text-align: left; }
  #header #gnb > div ul > li > a { float: left; height: auto; line-height: inherit; padding: 0; }
  #header #gnb > div ul > li > a span { font-size: 18px; -webkit-transition: all 0.3s; transition: all 0.3s; color: #fff !important; height: auto; line-height: normal; }
  #header #gnb > div ul > li > div { float: right; position: static; width: auto; background-color: transparent; border-bottom: 0; width: calc(100% - 145px); opacity: 1 !important; }
  #header #gnb > div ul > li > div ol { float: none; width: auto; height: auto; margin: 0; opacity: 1; position: static; -webkit-transform: none; transform: none; padding: 0 !important; text-align: left; }
  #header #gnb > div ul > li > div ol > li { display: block; text-align: left; }
  #header #gnb > div ul > li > div ol > li > a { display: block; padding: 7px 0; color: #fff; font-size: 16px; height: auto; line-height: normal; font-weight: 300; word-break: break-all; }
  #header #gnb > div ul > li > div ol > li:first-child > a { padding-top: 4px; }
  #header #gnb > div ul > li > div ol > li:hover > a, #header #gnb > div ul > li > div ol > li.act > a { color: #fff; }
  #header #gnb > div ul > li:nth-of-type(2) > div, #header #gnb > div ul > li:nth-of-type(3) > div, #header #gnb > div ul > li:nth-of-type(4) > div, #header #gnb > div ul > li:nth-of-type(5) > div { padding-left: 0; }
  #header #gnb button { display: block; width: 30px; height: 30px; z-index: 9999; position: absolute; top: 15px; right: 30px; }
  #header #gnb button span { position: absolute; left: 0; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); margin-top: -1px; width: 100%; height: 3px; background-color: #fff; right: 0; -webkit-transition: opacity 0.3s 0.3s, margin 0.3s 0.3s, -webkit-transform 0.3s 0s; transition: opacity 0.3s 0.3s, margin 0.3s 0.3s, -webkit-transform 0.3s 0s; transition: opacity 0.3s 0.3s, margin 0.3s 0.3s, transform 0.3s 0s; transition: opacity 0.3s 0.3s, margin 0.3s 0.3s, transform 0.3s 0s, -webkit-transform 0.3s 0s; }
  #header #gnb button span:first-child { margin-top: -10px; }
  #header #gnb button span:nth-child(3) { margin-top: 8px; }
  #header #gnb button.active { right: 30px; }
  #header #gnb button.active span { background-color: #fff !important; -webkit-transition: opacity 0.3s 0.3s, margin 0.3s 0s, -webkit-transform 0.3s 0.3s; transition: opacity 0.3s 0.3s, margin 0.3s 0s, -webkit-transform 0.3s 0.3s; transition: opacity 0.3s 0.3s, margin 0.3s 0s, transform 0.3s 0.3s; transition: opacity 0.3s 0.3s, margin 0.3s 0s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s; }
  #header #gnb button.active span:nth-child(1) { margin-top: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  #header #gnb button.active span:nth-child(2) { opacity: 0; }
  #header #gnb button.active span:nth-child(3) { margin-top: -1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  #header #gnb.active { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 120px 15px 30px; background: #000; z-index: 1000; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: auto; }
  #header #gnb.active img { display: block; }
  #header #gnb.active ul { display: block; }
  #header.main:hover #gnb > div, #header.main.active #gnb > div, #header.sub #gnb > div { opacity: 1; }
  #header.main:hover #gnb > div ul > li.active > a > span, #header.main:hover #gnb > div ul > li:hover > a > span, #header.main.active #gnb > div ul > li.active > a > span, #header.main.active #gnb > div ul > li:hover > a > span, #header.sub #gnb > div ul > li.active > a > span, #header.sub #gnb > div ul > li:hover > a > span { color: #fff; border-bottom: none; }
  #header.main:hover #gnb > div ul > li.active > div ol, #header.main:hover #gnb > div ul > li:hover > div ol, #header.main.active #gnb > div ul > li.active > div ol, #header.main.active #gnb > div ul > li:hover > div ol, #header.sub #gnb > div ul > li.active > div ol, #header.sub #gnb > div ul > li:hover > div ol { -webkit-transform: none; transform: none; }
  #header.main:hover #gnb button span, #header.main.active #gnb button span, #header.sub #gnb button span { background-color: #000; } }

@media screen and (max-width: 768px) { #header #gnb > div img { left: 15px; }
  #header #gnb button, #header #gnb button.active { right: 15px; } }

/*푸터*/
#footer { background: #191919; position: relative; }
#footer a { position: absolute; top: 46px; right: 0; color: #fff; }
#footer ul { display: inline-block; padding: 40px 0 60px 0; position: relative; }
#footer ul li { color: #878787; font-size: 14px; margin-bottom: 10px; }
#footer ul li:first-of-type { color: #fff; font-size: 25px; font-weight: 500; margin-bottom: 18px; letter-spacing: 0.1em; }
#footer ul li:last-of-type { margin-bottom: 0; }
#footer ul li span { white-space: nowrap; }

@media screen and (max-width: 1000px) { #footer { text-align: center; }
  #footer ul { padding: 25px 0 30px 0; }
  #footer ul li:first-child { font-size: 20px; margin-bottom: 12px; } }

.scrollTop { position: absolute; right: 169px; top: -50px; display: block; width: 90px; height: 90px; background: #2d2d2d url(../images/icon_up.png) no-repeat center; }

@media screen and (max-width: 1000px) { .scrollTop { width: 45px; height: 45px; background: #2d2d2d url(../images/icon_up.png) no-repeat center/15px 9px; right: 30px; top: -25px; } }

/*줄바꿈*/
.br { display: block; }

/*풀사이즈 백그라운드 이미지*/
.full_bg { margin-right: -290px; margin-left: -290px; margin-bottom: 80px; }

@media screen and (max-width: 1340px) { .full_bg { margin-right: 0; margin: left 0; } }
@media screen and (max-width: 1000px) { .full_bg { margin-right: -30px; margin-left: -30px; margin-bottom: 60px; } }
@media screen and (max-width: 768px) { .full_bg { margin-right: -15px; margin-left: -15px; margin-bottom: 40px; } }

/*회색 백그라운드*/
.bg_grey { position: relative; background-color: #f6f6f6; }
.bg_grey:before { position: absolute; right: 100%; top: 0; bottom: 0; width: 290px; height: 100%; background-color: #f6f6f6; content: ''; }
.bg_grey:after { position: absolute; left: 100%; top: 0; bottom: 0; width: 290px; height: 100%; background-color: #f6f6f6; content: ''; }

/*컨텐츠 타이틀*/
.tit_lg { font-size: 40px; color: #000; font-weight: 500; margin-bottom: 40px; line-height: 1.5; font-family: 'Nexon Gothic Lv1',sans-serif; }

@media screen and (max-width: 1000px) { .tit_lg { font-size: 30px; margin-bottom: 30px; } }
@media screen and (max-width: 768px) { .tit_lg { font-size: 22px; margin-bottom: 20px; }
  .tit_lg .br { display: inline; } }

/*메인배너*/
.mb_wrap { position: relative; }
.mb_wrap .slick-list { margin: 0px -3px; }
.mb_wrap .slick-slide > div > div { height: 100vh; max-height: 750px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.mb_wrap .slick-slide > div > div.mb1 { background-image: url("../images/main_bg_01.jpg"); }
.mb_wrap .slick-slide > div > div.mb2 { background-image: url("../images/main_bg_02.jpg"); }
.mb_wrap .slick-slide > div > div.mb3 { background-image: url("../images/main_bg_03.jpg"); }
.mb_wrap .slick-slide > div > div .container { position: absolute; width: 100%; left: 50%; top: 58%; padding-left: 140px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.mb_wrap .slick-slide > div > div p { font-size: 62px; color: #fff; line-height: 1.2; padding-bottom: 10px; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(-50px); transform: translateY(-50px); word-break: keep-all; font-weight: 400; }
.mb_wrap .slick-slide > div > div p.active { -webkit-transform: translateY(0); -webkit-transition: all 0.5s; transition: all 0.5s; transform: translateY(0); opacity: 1; }
.mb_wrap .slick-slide > div > div p span { display: block; }
.mb_wrap .slick-slide > div > div p.sm { padding-top: 20px; font-size: 21px; line-height: 1.6em; opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); font-weight: 300; }
.mb_wrap .slick-slide > div > div p.sm.active { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.6; }
.mb_wrap .ctrl_box { position: absolute; top: -200px; left: 150px; color: #fff; }
.mb_wrap .ctrl_box .ProgressBar { display: inline-block; width: 200px; height: 4px; margin-left: 20px; background: rgba(255, 255, 255, 0.3); position: relative; vertical-align: middle; }
.mb_wrap .ctrl_box .ProgressBar span { display: block; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: #fff; }
.mb_wrap .mb_ctrl { position: absolute; top: 50%; left: 0; width: 100%; }
.mb_wrap .mb_ctrl .container { position: relative; }
.mb_wrap .mb_ctrl button { position: absolute; top: 0; width: 80px; height: 80px; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: -999px; }
.mb_wrap .mb_ctrl button.mb_prev { left: 0; background: url("../images/arrow_prev.png") no-repeat 50% 50%/cover; }
.mb_wrap .mb_ctrl button.mb_next { right: 0; background: url("../images/arrow_next.png") no-repeat 50% 50%/cover; }
.mb_wrap .mb_ctrl .slide_count { display: inline-block; color: #ccc; }
.mb_wrap .mb_ctrl .slide_count .current { color: #fff; font-weight: 700; }

@media screen and (max-width: 1600px) { .mb_wrap .slick-slide > div > div .container { padding: 0 150px; top: 55%; }
  .mb_wrap .slick-slide > div > div p { font-size: 50px; padding-bottom: 10px; }
  .mb_wrap .slick-slide > div > div p.sm { padding-top: 0; font-size: 20px; font-weight: 300; line-height: 1.4em; }
  .mb_wrap .mb_ctrl button.mb_prev { left: 30px; }
  .mb_wrap .mb_ctrl button.mb_next { right: 30px; }
  .mb_wrap .mb_ctrl .ctrl_box { top: -150px; left: 155px; } }

@media screen and (max-width: 1000px) { .mb_wrap { height: auto; }
  .mb_wrap .slick-slide > div > div { height: 450px; max-height: unset; }
  .mb_wrap .slick-slide > div > div .container { padding: 0 100px; }
  .mb_wrap .slick-slide > div > div p { font-size: 36px; padding-bottom: 10px; }
  .mb_wrap .slick-slide > div > div p.sm span { display: inline; }
  .mb_wrap .mb_ctrl button { width: 60px; height: 60px; }
  .mb_wrap .mb_ctrl button.mb_prev { left: 15px; }
  .mb_wrap .mb_ctrl button.mb_next { right: 15px; }
  .mb_wrap .mb_ctrl .ctrl_box { top: auto; bottom: -170px; left: 100px; } }

@media screen and (max-width: 768px) { .mb_wrap .slick-slide > div > div .container { padding: 0 75px; top: 49%; }
  .mb_wrap .slick-slide > div > div p { font-size: 20px; line-height: 1.3; padding-bottom: 0; }
  .mb_wrap .slick-slide > div > div p.sm { padding-top: 25px; font-size: 16px; max-width: 400px; height: auto; overflow: hidden; }
  .mb_wrap .mb_ctrl button { width: 40px; height: 40px; }
  .mb_wrap .mb_ctrl button.mb_prev { left: 15px; }
  .mb_wrap .mb_ctrl button.mb_next { right: 15px; }
  .mb_wrap .mb_ctrl .ctrl_box { left: 75px; bottom: -120px; } }

@media screen and (max-width: 450px) { .mb_wrap .slick-slide > div > div .container { padding: 0 65px; }
  .mb_wrap .slick-slide > div > div p br { display: none; }
  .mb_wrap .mb_ctrl .ctrl_box { left: 65px; bottom: -140px; }
  .mb_wrap .mb_ctrl .ProgressBar { width: 120px; } }

@media screen and (max-width: 380px) { .mb_wrap .mb_ctrl .ctrl_box { bottom: -180px; } }

/*타이틀*/
.tit_main { margin-top: -0.2em; margin-bottom: 70px; word-break: keep-all; padding: 0 30px; font-size: 36px; font-weight: 500; color: #000; text-align: center; }
.tit_main span { display: block; font-size: 22px; color: #004893; font-weight: bold; margin-bottom: calc(27px - 0.4em); }
.tit_main b { position: relative; z-index: 1; }
.tit_main b:before { position: absolute; left: 0; bottom: 0.1em; width: 100%; height: 11px; background-color: #ffd2d2; border-radius: 5px; z-index: -1; content: ''; }

@media screen and (max-width: 1000px) { .tit_main { margin-bottom: 30px; padding: 0; font-size: 24px; }
  .tit_main span { margin-bottom: calc(18px - 0.4em); }
  .tit_main b:before { height: 8px; } }

@media screen and (max-width: 768px) { .tit_main { padding: 0 15px; font-size: 22px; }
  .tit_main b { display: inline-block; } }

@media screen and (max-width: 1000px) { .partners .tit_main { padding: 0 30px; } }
@media screen and (max-width: 768px) { .partners .tit_main { padding: 0 15px; } }

.business { text-align: center; padding: 120px 0; }
.business .figure_list { position: relative; font-size: 20px; line-height: 1.5em; }
.business .figure_list ul:after { content: ''; display: block; clear: both; }
.business .figure_list li { float: left; width: 20%; color: #fff; text-align: center; }
.business .figure_list li div { position: relative; width: calc(100% - 30%); padding-top: calc(100% - 30%); margin: 0 auto; border-radius: 200px; }
.business .figure_list li dl { color: #000; font-size: 14px; line-height: 2.14em; margin-top: calc(83px - 0.2em); }
.business .figure_list li dl dt { font-size: 20px; color: #376cae; font-weight: 500; margin-bottom: calc(20px - 0.4em); }
.business .figure_list li dl dd { font-size: 14px; line-height: 1.2; margin: 0.3em 0; color: #616161; }
.business .figure_list li:nth-of-type(1) div { background: #376cae; }
.business .figure_list li:nth-of-type(2) div { background: #299dd7; }
.business .figure_list li:nth-of-type(3) { position: relative; z-index: 3; }
.business .figure_list li:nth-of-type(3) div { background: #fff; color: #000; position: relative; -webkit-box-shadow: 0 0 100px 0 rgba(75, 119, 173, 0.25); box-shadow: 0 0 100px 0 rgba(75, 119, 173, 0.25); font-size: 23px; line-height: 1.3em; }
.business .figure_list li:nth-of-type(3) div:before { position: absolute; left: 50%; top: 50%; border-radius: 100%; width: 130%; z-index: 5; height: 130%; background: url("../images/ring.png") no-repeat 50% 50%/cover; content: ''; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: 30s linear infinite ring; animation: 30s linear infinite ring; }
.business .figure_list li:nth-of-type(4) div { background: #479b89; }
.business .figure_list li:nth-of-type(5) div { background: #52b767; }
.business .figure_list li div:after { position: absolute; left: 100%; top: 0; width: 100%; height: 100%; border-radius: 200px; -webkit-transform: translateX(-30%); transform: translateX(-30%); content: ''; z-index: -1; }
.business .figure_list li:nth-child(1) div:after { background: rgba(0, 84, 224, 0.1); }
.business .figure_list li:nth-child(2) div:after { background: rgba(0, 121, 224, 0.1); }
.business .figure_list li:nth-child(4) div:after { background: rgba(0, 184, 224, 0.1); left: -100%; -webkit-transform: translateX(30%); transform: translateX(30%); }
.business .figure_list li:nth-child(5) div:after { background: rgba(0, 186, 255, 0.1); left: -100%; -webkit-transform: translateX(30%); transform: translateX(30%); }
.business .figure_list li b { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 500; }
.business .figure_list li b em { font-size: 13px; font-weight: 400; display: block; }
.business .center_bar { position: absolute; left: 0; top: 24%; width: 100%; border-top: 1px dashed #a6d0f4; z-index: -1; }

@media screen and (max-width: 1600px) { .business .center_bar { top: 22%; } }
@media screen and (max-width: 1201px) { .business .center_bar { top: 20%; }
  .business .figure_list { font-size: 16px; } }

@media screen and (max-width: 1000px) { .business { padding: 60px 30px; }
  .business .figure_list { font-size: 16px; margin: -15px 0; }
  .business .figure_list li { float: none; width: 100%; padding: 15px 0; display: table; margin: 0 auto; max-width: 600px; }
  .business .figure_list li div { display: table-cell; width: 200px; padding-top: 200px; vertical-align: middle; font-size: 18px; }
  .business .figure_list li dl { display: table-cell; padding-left: 80px; font-size: 16px; margin-top: 0; text-align: left; vertical-align: middle; }
  .business .figure_list li dl dd { font-size: 16px; text-align: left; }
  .business .figure_list li:nth-of-type(3) div:before { width: 115%; height: 115%; }
  .business .figure_list li div:after { content: none; }
  .business .center_bar { position: absolute; left: 50%; margin-left: -200px; top: 5%; width: 1px; height: 90%; border-left: 1px dashed #a6d0f4; z-index: -1; } }

@media screen and (max-width: 655px) { .business .figure_list li dl { padding-left: 50px; }
  .business .center_bar { position: absolute; left: 100px; margin-left: -0; } }

@media screen and (max-width: 500px) { .business { padding: 60px 15px; }
  .business .figure_list { padding-left: 15px; margin: -10px 0; }
  .business .figure_list li { padding: 10px 0; max-width: 100%; }
  .business .figure_list li div { width: 150px; padding-top: 150px; font-size: 16px; }
  .business .figure_list li dl { padding-left: 20px; font-size: 16px; width: calc(100% - 160px); }
  .business .figure_list li dl dt { font-size: 16px; margin-bottom: 0px; line-height: 1.4em; }
  .business .figure_list li dl dd { font-size: 14px; word-break: keep-all; line-height: 1.2em; margin: 0.3em 0; }
  .business .figure_list li:nth-of-type(3) div { font-size: 16px; }
  .business .center_bar { position: absolute; left: 90px; margin-left: 0; } }

@-webkit-keyframes ring { from { -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0); }
  to { -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes ring { from { -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0); }
  to { -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

.partners { padding: 120px 0; background-color: #f7f7f7; }
.partners .slide a { padding: 0 15px; }
.partners .slide_wrap { position: relative; }
.partners .slide_wrap > .slide { margin: 0 150px; }
.partners .control { position: absolute; top: 50%; left: 0; width: 100%; }
.partners .control button { position: absolute; top: 0; width: 60px; height: 60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: -999px; }
.partners .control button.prev { left: 70px; background: url("../images/arrow_prev.png") no-repeat 50% 50%/cover; }
.partners .control button.next { right: 70px; background: url("../images/arrow_next.png") no-repeat 50% 50%/cover; }

@media screen and (max-width: 1600px) { .partners .slide_wrap > .slide { margin: 0 100px; }
  .partners .control button.prev { left: 30px; }
  .partners .control button.next { right: 30px; } }

@media screen and (max-width: 1000px) { .partners { padding: 60px 0; }
  .partners .control button.prev { left: 30px; }
  .partners .control button.next { right: 30px; } }

@media screen and (max-width: 768px) { .partners { padding: 40px 0; }
  .partners .slide_wrap > .slide { margin: 0 60px; }
  .partners .slide_wrap > .slide a { padding: 0 10px; }
  .partners .control button { width: 40px; height: 40px; }
  .partners .control button.prev { left: 15px; }
  .partners .control button.next { right: 15px; } }

@media (max-width: 400px) { .partners .slide_wrap > .slide { margin: 0 50px; }
  .partners .control button { width: 30px; height: 30px; } }

.inquiry { background: url("../images/dimmed_it_service_banner.png") no-repeat 50% 50%/cover; padding: 170px 30px 120px; font-size: 42px; text-align: center; font-family: 'Nexon Gothic Lv1',sans-serif; }
.inquiry strong { display: block; color: #fff; margin-bottom: calc(40px - 0.4em); line-height: 1.4em; word-break: keep-all; font-weight: 400; }
.inquiry strong span { display: block; }
.inquiry p { font-size: 20px; font-weight: 400; line-height: 1.6em; color: #fff; margin-bottom: 80px; }
.inquiry p span { display: block; }
.inquiry a { width: 260px; font-size: 18px; height: 60px; line-height: 58px; border: 1px solid #fff; color: #fff; display: block; margin: 0 auto; font-weight: 500; }
.inquiry a span { display: inline-block; padding: 0 5px; position: relative; line-height: 1.4; z-index: 1; }
.inquiry a span:before { position: absolute; left: 0; bottom: 3px; width: 100%; height: 7px; border-radius: 4px; background-color: #91918f; content: ''; z-index: -1; }

@media screen and (max-width: 1000px) { .inquiry { padding: 60px 30px; }
  .inquiry a { height: 46px; line-height: 39px; font-size: 16px; }
  .inquiry a span { display: inline-block; padding: 0 5px; position: relative; line-height: 1.4; z-index: 1; }
  .inquiry a span:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; border-radius: 4px; background-color: #91918f; content: ''; z-index: -1; } }

@media screen and (max-width: 768px) { .inquiry { padding: 40px 15px; font-size: 20px; }
  .inquiry strong { margin-bottom: calc(20px - 0.4em); word-break: keep-all; }
  .inquiry strong span { display: inline; }
  .inquiry p { font-size: 16px; margin-bottom: calc(30px - 0.2em); word-break: keep-all; }
  .inquiry p span { display: inline; }
  .inquiry a { width: 200px; }
  .inquiry a span { display: inline-block; padding: 0 5px; position: relative; line-height: 1.4; z-index: 1; }
  .inquiry a span:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; border-radius: 4px; background-color: #91918f; content: ''; z-index: -1; } }

#sub { padding: 200px 0 80px; }
#sub.contactUs { padding: 150px 0 80px; }

@media screen and (max-width: 1000px) { #sub { margin-top: 0; padding: 100px 0 60px; }
  #sub.contactUs { padding: 100px 0 40px; } }

@media screen and (max-width: 768px) { #sub { padding: 90px 0 40px; } }

.tab_menu > ul { margin-bottom: 60px; }
.tab_menu > ul > li { float: left; }
.tab_menu > ul > li > a { display: inline-block; margin: 0 44px; font-size: 20px; color: #000; }
.tab_menu > ul > li:first-child > a { margin-left: 0; }
.tab_menu > ul > li:last-child > a { margin-right: 0; }
.tab_menu > ul > li.active > a { color: #024c98; border-bottom: 3px solid #024c98; }

@media screen and (max-width: 1000px) { .tab_menu > ul { margin-bottom: 30px; }
  .tab_menu > ul > li > a { padding-bottom: 3px; font-size: 15px; margin: 0 20px; }
  .tab_menu > ul > li.active > a { border-bottom: 2px solid #024c98; } }

@media screen and (max-width: 768px) { .tab_menu > ul { overflow-x: auto; white-space: nowrap; }
  .tab_menu > ul > li { float: none; display: inline-block; }
  .tab_menu > ul > li > a { display: inline-block; padding-bottom: 4px; margin: 0 10px; color: #000; }
  .tab_menu > ul > li:first-child > a { margin-left: 0; }
  .tab_menu > ul > li.active > a { color: #024c98; border-bottom: 3px solid #024c98; } }

.tab_menu > ol > li { display: none; padding-bottom: 80px; }
.tab_menu > ol > li.active { display: block; }
.tab_menu > ol > li > div > em { display: block; font-size: 21px; color: #000; }

@media screen and (max-width: 1000px) { .tab_menu > ol > li { padding-bottom: 40px; }
  .tab_menu > ol > li > div > em { font-size: 17px; } }

.pb0 { padding-bottom: 0 !important; }
.txt_m { display: inline !important; font-weight: 400 !important; }
.fc_red { color: #bc3030; }
.fc_black { color: #000 !important; }
.bg_gray { position: relative; background-color: #f5f5f5; }
.bg_gray:before { content: ''; display: block; position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; height: 100%; background-color: #f5f5f5; }
.bg_gray:after { content: ''; display: block; position: absolute; top: 0; right: 100%; z-index: -1; width: 100%; height: 100%; background-color: #f5f5f5; }
.bg_gray2 { position: absolute; left: 0; z-index: -1; width: 100%; background-color: #f5f5f5; }
.bg_gray2:before { content: ''; display: block; position: absolute; top: 0; right: 100%; z-index: -1; width: 100%; height: 100%; background-color: #f5f5f5; }
.bg_gray2:after { content: ''; display: block; position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; height: 100%; background-color: #f5f5f5; }
.sub_tit { position: relative; z-index: 0; display: inline-block; margin: 80px 0 40px; font-size: 40px; color: #000; line-height: 1em; }
.sub_tit:after { content: ''; display: block; position: absolute; bottom: 3px; left: -2px; z-index: -1; width: 102%; height: 10px; background-color: #ffd2d2; border-radius: 5px; }

@media screen and (max-width: 1000px) { .sub_tit { margin: 40px 0 20px; font-size: 22px; }
  .sub_tit:after { height: 6px; } }
.tit_box { margin-bottom: 40px; font-family: 'Nexon Gothic Lv1',sans-serif; font-weight: 500; }
.tit_box h3 { font-size: 30px; margin-bottom: 10px; color: #024c98; font-weight: 500; }
.tit_box b { display: block; font-size: 40px; color: #000; word-break: keep-all; }
.tit_box b span { display: block; }
.tit_box p { margin-top: 35px; font-size: 20px; font-weight: 400; line-height: 1.6em; color: #000; word-break: keep-all; }
.tit_box p span { display: block; }

@media screen and (max-width: 1000px) { .tit_box { margin-bottom: 20px; }
  .tit_box h3 { font-size: 24px; }
  .tit_box b { font-size: 24px; }
  .tit_box p { margin-top: 24px; font-size: 16px; }
  .tit_box p span { display: inline; } }

@media screen and (max-width: 359px) { .tit_box b span { display: inline; } }

.tit_box2 { margin-bottom: 40px; }
.tit_box2 h3 { display: inline-block; position: relative; font-size: 36px; color: #000; font-weight: 700; margin-bottom: 25px; }
.tit_box2 h3 span { display: inline-block; margin-left: 10px; font-size: 26px; font-weight: 400; }
.tit_box2 p { font-size: 20px; font-weight: 300; line-height: 1.6em; color: #000; word-break: keep-all; }
.tit_box2 p span { display: block; }

@media screen and (max-width: 1000px) { .tit_box2 { margin-bottom: 20px; }
  .tit_box2 h3 { font-size: 20px; margin-bottom: 0; }
  .tit_box2 h3 span { margin-left: 5px; word-break: keep-all; font-size: 17px; }
  .tit_box2 p { margin-top: 10px; font-size: 15px; }
  .tit_box2 p span { display: inline; } }

.tit_box3 { margin-bottom: 40px; }
.tit_box3 h3 { font-size: 52px; font-weight: 500; color: #010101; }
.tit_box3 h3 span { display: block; margin: 10px 0 15px; font-size: 40px; font-weight: 400; color: #024c98; }
.tit_box3 p { font-size: 20px; font-weight: 300; line-height: 1.6em; color: #000; word-break: keep-all; }
.tit_box3 p span { display: block; }

@media screen and (max-width: 1000px) { .tit_box3 { margin-bottom: 20px; }
  .tit_box3 h3 { font-size: 29px; }
  .tit_box3 h3 span { margin: 8px 0 15px; font-size: 20px; }
  .tit_box3 p { margin-top: 10px; font-size: 15px; }
  .tit_box3 p span { display: inline; } }

#gall { width: calc(100% + 40px); position: relative; left: -20px; }
#gall .item_size, #gall .item { width: 25%; }
#gall .item { padding: 0 20px 40px; }
#gall .item a { display: block; position: relative; overflow: hidden; }
#gall .item a div { position: absolute; left: 0; top: 0; z-index: 5; width: 100%; padding: 40px 35px; }
#gall .item a div b { display: inline-block; margin-bottom: 15px; padding: 6px 12px; font-size: 11px; background-color: rgba(0, 0, 0, 0.3); color: #fff; z-index: 2; letter-spacing: 0.5px; font-weight: 500; }
#gall .item a div strong { display: block; font-size: 23px; line-height: 1.4em; color: #fff; z-index: 2; word-break: keep-all; }
#gall .item a div strong span { display: block; }
#gall .item a img { width: 100%; -webkit-transform: scale(1); margin-bottom: -8px; transform: scale(1); -webkit-transition: all 0.6s; transition: all 0.6s; }
#gall .item a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }
#gall .item:nth-of-type(odd) { -webkit-transform: translateY(60px); transform: translateY(60px); }

@media screen and (max-width: 1600px) { #gall { width: 100%; left: 0; } }

@media screen and (max-width: 1600px) { #gall { width: calc(100% + 20px); left: -10px; }
  #gall .item { padding: 0 10px 20px; } }

@media screen and (max-width: 1201px) { #gall .item a div { padding: 30px; }
  #gall .item a div strong { font-size: 20px; } }

@media screen and (max-width: 1000px) { #gall .item_size, #gall .item { width: 33.3%; }
  #gall .item:nth-of-type(odd) { -webkit-transform: translateY(0); transform: translateY(0); }
  #gall .item:nth-of-type(3n+3) { -webkit-transform: translateY(30px); transform: translateY(30px); } }

@media screen and (max-width: 768px) { #gall { width: calc(100% + 10px); left: -5px; }
  #gall .item { padding: 0 5px 10px; }
  #gall .item a div { padding: 20px; }
  #gall .item a div b { font-size: 11px; padding: 5px 10px; margin-bottom: 15px; }
  #gall .item a div strong { font-size: 16px; } }

@media screen and (max-width: 650px) { #gall .item_size, #gall .item { width: 50%; }
  #gall .item:nth-of-type(3n+3) { -webkit-transform: translateY(0); transform: translateY(0); }
  #gall .item:nth-of-type(odd) { -webkit-transform: translateY(30px); transform: translateY(30px); } }

@media screen and (max-width: 450px) { #gall .item a div strong { font-size: 14px; } }

@media screen and (max-width: 359px) { #gall .item_size, #gall .item { width: 100%; }
  #gall .item:nth-of-type(odd) { -webkit-transform: translateY(0); transform: translateY(0); } }

#gall li { -webkit-transition: all 0.1s; transition: all 0.1s; }
#gall li:nth-of-type(2n) { -webkit-transform: translateY(40px); transform: translateY(40px); }

@media screen and (max-width: 1000px) { #gall li:nth-of-type(2n) { -webkit-transform: translateY(0); transform: translateY(0); }
  #gall li:nth-of-type(3n+2) { -webkit-transform: translateY(40px); transform: translateY(40px); } }

@media screen and (max-width: 640px) { #gall li:nth-of-type(3n+2) { -webkit-transform: translateY(0); transform: translateY(0); }
  #gall li:nth-of-type(2n) { -webkit-transform: translateY(40px); transform: translateY(40px); } }

@media screen and (max-width: 359px) { #gall li { -webkit-transform: translateY(40px) !important; transform: translateY(40px) !important; } }

.btn_link { display: block; width: 260px; height: 60px; line-height: 60px; margin: 0 auto; border: 1px solid #004995; font-size: 16px; font-weight: 500; border-radius: 5px; color: #004995; text-align: center; }
.btn_link.type2 { margin-top: 100px; font-weight: 500; }
.btn_link:after { display: inline-block; width: 14px; height: 14px; background: url("../images/ico_more_03.png") no-repeat 50% 50%; content: ''; vertical-align: middle; margin-left: 13px; margin-top: -3px; -webkit-transition: 0.5s; transition: 0.5s; }

@media screen and (min-width: 1201px) { .btn_link:hover:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }
@media screen and (max-width: 1201px) { .btn_link { margin-top: 15px; } }
@media screen and (max-width: 1000px) { .btn_link { height: 46px; line-height: 48px; margin: auto; padding: 0 10px; font-size: 16px; }
  .btn_link.type2 { margin-top: 65px; } }

@media screen and (max-width: 768px) { .btn_link { width: 220px; }
  .btn_link:after { margin-top: -2px; margin-left: 9px; } }

.btn_link2 { display: block; padding: 0 64px 0 34px; height: 56px; font-size: 16px; line-height: 58px; color: #fff; font-weight: 300; }

@media screen and (max-width: 1000px) { .btn_link2 { padding: 0 50px 0 30px; height: 42px; line-height: 42px; font-size: 14px; } }


.company .txt_list { position: relative; padding-bottom: 52px; }
.company .txt_list > li { float: left; width: calc(50% - 17px); margin: 0 34px 34px 0; padding: 40px 100px; max-height: 350px; }
.company .txt_list > li strong { margin: 26px 0 12px; }
.company .txt_list > li:nth-child(2n) { position: relative; top: 85px; margin-right: 0; }
.company .txt_list > li:nth-child(3n) { margin-right: 34px; }

@media screen and (max-width: 1600px) { .company .txt_list > li { padding: 40px 50px; } }
@media screen and (max-width: 1201px) { .company .txt_list { padding-bottom: 85px; } }
@media screen and (max-width: 1000px) { .company .txt_list { padding-bottom: 0; }
  .company .txt_list > li { position: relative; float: none; width: 100%; margin: 10px 0 0; padding: 30px 35px 30px 120px; text-align: left; }
  .company .txt_list > li img { position: absolute; top: 50%; left: 30px; width: 60px; margin-top: -30px; }
  .company .txt_list > li strong { margin: 0 0 10px; }
  .company .txt_list > li:nth-child(2n) { top: 0; }
  .company .txt_list > li:first-child { margin-top: 0; } }

@media screen and (max-width: 768px) { .company .txt_list > li { padding: 30px 35px 30px 100px; }
  .company .txt_list > li img { left: 28px; width: 48px; margin-top: -24px; } }

.txt_box { position: relative; padding: 80px 0; }
.txt_box .bg_gray2 { top: -170px; height: 300px; }
.txt_box img { width: 100%; }
.txt_box p { margin-top: 15px; font-size: 16px; color: #000; word-break: keep-all; line-height: 1.5em; letter-spacing: 0.05em; font-weight: 300; }
.txt_box p:last-of-type { font-weight: 400; }

@media screen and (max-width: 1000px) { .txt_box { padding: 40px 0; }
  .txt_box .bg_gray2 { top: -75px; height: 150px; }
  .txt_box p { margin-top: 15px; font-size: 15px; }
  .txt_box p:first-of-type { margin-top: 20px; } }

.history_list { position: relative; margin-top: 50px; padding-top: 10px; }
.history_list > li { position: relative; padding-bottom: 100px; }
.history_list > li:last-child { margin-bottom: 0; padding-bottom: 90px; }
.history_list > li h4 { float: left; width: 290px; text-align: right; font-size: 36px; color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; margin-top: -12px; font-weight: 500; }
.history_list > li h4:after { display: none; }
.history_list > li:before { content: ''; display: none; position: absolute; top: 10px; left: 357px; z-index: 1; width: 1px; height: 100%; background-color: #024c98; -webkit-transition: all 0.3s; transition: all 0.3s; }
.history_list > li:last-child:before { height: calc(100% - 40px); }
.history_list > li > ol { position: relative; margin-left: 340px; padding-left: 70px; }
.history_list > li > ol > li { position: relative; font-size: 0; line-height: 0; margin-top: 20px; }
.history_list > li > ol > li:first-child { margin-top: 0; }
.history_list > li > ol > li strong { display: block; position: absolute; top: 0; left: 0; font-size: 17px; line-height: 1.4em; color: #000; font-weight: 500; }
.history_list > li > ol > li p { display: block; margin-left: 120px; font-size: 17px; color: #000; line-height: 1.4em; word-break: keep-all; font-weight: 300; }
.history_list > li > ol:before { content: ""; display: block; position: absolute; top: 3px; left: 9px; z-index: 1; width: 8px; height: 8px; background-color: #2d7dce; border: 5px solid #d8e0e9; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; }
.history_list > li.active:before { display: block; -webkit-transition: all 0.3s; transition: all 0.3s; }
.history_list > li.active h4 { font-size: 60px; color: #024c98; -webkit-transition: all 0.3s; transition: all 0.3s; margin-top: -27px; }
.history_list > li.active ol:before { background-color: #fff; border-color: #024c98; -webkit-transition: all 0.3s; transition: all 0.3s; }
.history_list:before { content: ''; display: block; position: absolute; top: -15px; left: 340px; width: 36px; height: 100%; background-color: #fafafa; border-radius: 18px; }
.history_list:after { content: ''; display: block; position: absolute; top: 30px; left: 358px; width: 1px; height: 97%; background-color: #e3e7ec; }

@media screen and (max-width: 1000px) { .history_list { margin-top: 40px; }
  .history_list > li { padding-bottom: 50px; }
  .history_list > li:last-child { padding-bottom: 20px; }
  .history_list > li h4 { float: none; font-size: 26px; margin-left: 50px; text-align: left; }
  .history_list > li:before { height: calc(100% - 15px); top: 25px; left: 15px; }
  .history_list > li > ol { margin-left: 0; margin-top: 17px; padding-left: 50px; }
  .history_list > li > ol > li { margin-top: 14px; }
  .history_list > li > ol > li strong { font-size: 16px; }
  .history_list > li > ol > li p { font-size: 16px; margin-top: 0; }
  .history_list > li > ol:before { top: -46px; left: 6px; }
  .history_list > li > ol:after { top: -41px; left: 11px; }
  .history_list > li.active h4 { font-size: 35px; }
  .history_list > li.active ol:before { top: -51px; }
  .history_list > li.active ol:after { top: -46px; }
  .history_list:before { top: 0; left: 0; width: 30px; }
  .history_list:after { top: 40px; left: 14px; height: 97%; } }

@media screen and (max-width: 460px) { .history_list > li > ol > li strong { position: static; margin-bottom: 2px; }
  .history_list > li > ol > li p { margin-left: 0; } }

.partners_list { overflow: hidden; padding: 10px 0 80px; font-size: 0; line-height: 0; }
.partners_list > li { display: inline-block; overflow: hidden; width: 184px; height: 184px; margin: 30px 80px 0 0; padding: 67px 0; background-color: #fff; border-radius: 50%; text-align: center; vertical-align: top; }
.partners_list > li:nth-child(5n) { margin-right: 0; }
/* .partners_list > li figure { width: 180px; text-align: center; } */
.partners_list > li figure { width: 100%; text-align: center; height: 100%; display: flex; align-items: center; }
.partners_list > li figure a { margin: 0 auto; }
.partners_list > li figure img { width: 150px; }

@media screen and (max-width: 1600px) { .partners_list { max-width: 1120px; margin: auto; }
  .partners_list > li { margin: 40px 20px 0; }
  .partners_list > li:nth-child(5n) { margin-right: 20px; } }

@media screen and (max-width: 1201px) { .partners_list { max-width: 896px; } }
@media screen and (max-width: 1000px) { .partners_list { max-width: 680px; margin: 40px auto 0; padding: 20px 0 40px; }
  .partners_list > li { width: 150px; height: 150px; margin: 20px 10px 0 10px; padding: 57px 0; }
  .partners_list > li:nth-child(5n) { margin-right: 10px; }
  .partners_list > li figure { width: 130px; margin: auto; }
  .partners_list > li figure img { width: 100%; } }

@media screen and (max-width: 768px) { .partners_list { max-width: 510px; } }
@media screen and (max-width: 550px) { .partners_list { max-width: 340px; } }
@media screen and (max-width: 390px) { .partners_list { max-width: 288px; }
  .partners_list > li { width: 130px; height: 130px; margin: 15px 7px 0 7px; padding: 47px 0; }
  .partners_list > li:nth-child(5n) { margin-right: 7px; } }


.txt_list { overflow: hidden; /* 리스트가 3개로 떨어질 때 */ }
.txt_list > li { float: left; width: calc(26% - 28px); margin-right: 20px; background-color: #fff; border: 1px solid #e0e0e0; padding: 64px 30px; text-align: center; font-size: 16px; color: #000; word-break: keep-all; font-weight: 300; line-height: 1.5em; }
.txt_list > li:nth-child(4n) { margin-right: 0; }
.txt_list > li strong { display: block; overflow: hidden; position: relative; z-index: 0; font-size: 22px; color: #000; font-weight: 400; word-break: keep-all; margin-bottom: 15px; }
.txt_list > li strong > span { display: block; font-size: 15px; font-weight: 400; line-height: 1.2em; margin-top: 5px; }

@media screen and (max-width: 1240px) { .txt_list > li { width: calc(50% - 10px); margin-bottom: 20px; }
  .txt_list > li:nth-child(2n) { margin-right: 0; }
  .txt_list > li:nth-last-child(2), .txt_list > li:last-child { margin-bottom: 0; } }

@media screen and (max-width: 1000px) { .txt_list > li { width: calc(50% - 5px); margin: 0 10px 10px 0; padding: 24px; font-size: 15px; }
  .txt_list > li strong { width: 100%; overflow: auto; padding: 0; font-size: 18px; }
  .txt_list > li strong > span { font-size: 14px; } }

@media screen and (max-width: 768px) { .txt_list > li { width: 100%; height: auto !important; margin: 0 0 10px; }
  .txt_list > li:nth-last-child(2) { margin-bottom: 10px; } }

.txt_list.li3 > li { width: calc(33.3% - 14px); margin-bottom: 20px; }
.txt_list.li3 > li:nth-last-child(2), .txt_list.li3 > li:last-child { margin-bottom: 0; }
.txt_list.li3 > li:nth-child(4) { margin-right: 20px; }
.txt_list.li3 > li:nth-child(3) { margin-right: 0; }

@media screen and (max-width: 1240px) { .txt_list.li3 > li:nth-child(2n) { margin-right: 20px; } }
@media screen and (max-width: 1000px) { .txt_list.li3 > li { width: calc(50% - 5px); margin: 0 10px 10px 0; }
  .txt_list.li3 > li:nth-child(2n) { margin-right: 0; }
  .txt_list.li3 > li:nth-child(3) { margin-right: 10px; } }

@media screen and (max-width: 768px) { .txt_list.li3 > li { width: 100%; margin: 0 0 10px; }
  .txt_list.li3 > li:nth-child(3) { margin-right: 0; }
  .txt_list.li3 > li:nth-child(2n) { margin-bottom: 10px; } }

.bg_box { position: relative; }
.bg_box .bg_gray2 { bottom: 0; height: 170px; }

@media screen and (max-width: 1000px) { .bg_box .bg_gray2 { height: 80px; } }
@media screen and (max-width: 480px) { .bg_box .bg_gray2 { height: 100px; } }

.num_step { overflow: hidden; padding-bottom: 46px; }
.num_step > li { float: left; position: relative; width: calc(50% - 17px); margin: 0 34px 34px 0; padding: 55px 65px 55px 246px; background-color: #fff; display: list-item; }
.num_step > li img { position: absolute; top: 50%; left: 80px; height: 88px; margin-top: -46px; }
.num_step > li dl dt { display: block; color: #024c98; font-weight: 400; }
.num_step > li dl dt span { display: block; color: #000; line-height: 1.4em; }
.num_step > li dl dd { line-height: 1.4em; font-size: 16px; font-weight: 300; color: #000; word-break: keep-all; }
.num_step > li:nth-child(2n) { margin-right: 0; }

@media screen and (max-width: 1000px) { .num_step { padding-bottom: 40px; }
  .num_step > li { height: auto !important; font-size: 15px; width: 100%; margin: 15px 0 0 0; padding: 15px 15px 15px 150px; }
  .num_step > li:first-child { margin-top: 0; }
  .num_step > li img { left: 30px; height: 60px; margin-top: -32px; } }

@media screen and (max-width: 768px) { .num_step > li { padding: 20px 20px 20px 105px; }
  .num_step > li img { left: 20px; height: 50px; margin-top: -25px; } }


.project_list { margin-bottom: 60px; text-align: center; font-size: 18px; color: #575757; font-weight: 500; }
.project_list > li { width: calc(33.3333% - 54px); margin-right: 80px; border: 1px solid #000; float: left; background-color: #fff; border: 1px solid #d8d5d5; border-radius: 8px; position: relative; padding: 165px 30px 0; height: 320px; }
.project_list > li:nth-of-type(3n) { margin-right: 0; }
.project_list > li:nth-of-type(n+4) { margin-top: 30px; }
.project_list > li img { position: absolute; max-width: 80%; left: 50%; top: 90px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.project_list > li h4 { font-size: 24px; font-weight: 600; margin-top: -0.2em; color: #000; margin-bottom: 10px; }

@media screen and (max-width: 1340px) { .project_list > li { width: calc(33.3333% - 20px); margin-right: 30px; padding: 165px 20px 0; } }
@media screen and (max-width: 900px) { .project_list { font-size: 16px; }
  .project_list > li { width: calc(33.3333% - 16px); margin-right: 24px; }
  .project_list > li img { max-width: 70%; }
  .project_list > li h4 { font-size: 22px; } }

@media screen and (max-width: 768px) { .project_list { margin-bottom: 30px; }
  .project_list > li { width: 100%; margin-right: 0; margin-top: 20px; height: auto; padding-bottom: 60px; padding-top: 150px; }
  .project_list > li:first-of-type { margin-top: 0; }
  .project_list > li img { top: 80px; max-width: 80%; } }


.box_blue { border: 1px solid #2051aa; color: #2152aa; }
.box_red { border: 1px solid #db353d; color: #db353d; }
.box_green { border: 1px solid #00b8ac; color: #00b8ac; }

.info_box { overflow: hidden; }
.info_box .con_left { float: left; width: 300px; margin-right: 20px; font-size: 17px; font-weight: 300; color: #000; line-height: 1.7em; padding-top: 65px; word-break: keep-all; }
.info_box .con_left div { overflow: hidden; margin: 15px 0 30px; }
.info_box .con_left div > span { display: block; float: left; margin-left: 10px; font-size: 12px; padding: 0 15px; height: 30px; line-height: 29px; font-weight: 500; border-radius: 4px; }
.info_box .con_left div > span:first-of-type { margin-left: 0; }
.info_box .con_left strong { display: block; margin-bottom: 20px; font-size: 28px; font-weight: 500; color: #000; line-height: 1.4em; font-family: 'Nexon Gothic Lv1',sans-serif; }
.info_box .con_left strong > span { display: block; }
.info_box .con_right { float: right; width: calc(100% - 320px); text-align: right; padding: 20px 20px 0 0; }
.info_box .con_right img { -webkit-box-shadow: 0px 0 12px 7px rgba(0, 0, 0, 0.21); box-shadow: 0px 0 12px 7px rgba(0, 0, 0, 0.21); border-radius: 15px; }
.info_box .con_right .bs_none { -webkit-box-shadow: none; box-shadow: none; }

@media screen and (max-width: 1000px) { .info_box .con_left { float: none; width: 100%; padding-top: 0; margin-bottom: 0; font-size: 16px; }
  .info_box .con_left img { max-height: 50px; max-width: 120px; }
  .info_box .con_left div { display: block; margin: 8px 0 10px; }
  .info_box .con_left strong { font-size: 20px; margin: 5px 0; }
  .info_box .con_left strong > span { display: inline; }
  .info_box .con_right { float: none; width: 100%; padding: 20px; text-align: center; }
  .info_box .con_right img { border-radius: 10px; max-width: 80%; } }

@media screen and (max-width: 500px) { .info_box .con_right img { border-radius: 7px; } }


.num_step2 { counter-reset: num2; }
.num_step2 > li { overflow: hidden; width: 100%; margin-top: 40px; padding: 30px 60px 30px 90px; border-radius: 25px; }
.num_step2 > li dl { float: left; margin-top: 35px; width: calc(100% - 423px); }
.num_step2 > li dl dt { margin-bottom: 25px; font-size: 26px; font-weight: 500; color: #000; }
.num_step2 > li dl dt:before { counter-increment: num2; content: "0" counter(num2); font-size: 22px; color: #fff; background-color: #4c67a2; font-weight: 500; display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; overflow: hidden; margin-bottom: 25px; text-align: center; }
.num_step2 > li dl dd { margin-top: 5px; line-height: 1.4em; font-size: 16px; color: #000; font-weight: 300; word-break: keep-all; }
.num_step2 > li dl dd span { font-weight: 600; }
.num_step2 > li dl dd:first-child { margin: 0; }
.num_step2 > li img { float: right; -webkit-box-shadow: 0px 0 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 0 20px rgba(0, 0, 0, 0.15); font-size: 0; line-height: 0; }
.num_step2 > li:first-child { margin-top: 0; }
.num_step2 > li:nth-child(2n) { border: 1px solid #d3d8e6; }
.num_step2 > li:nth-child(2n + 1) { background-color: #f8f8fa; }

@media screen and (max-width: 1000px) { .num_step2 > li { margin-top: 10px; padding: 25px; height: auto; }
  .num_step2 > li dl { margin-top: 20px; width: calc(100% - 330px); }
  .num_step2 > li dl dt { margin-bottom: 15px; }
  .num_step2 > li dl dt:before { margin-bottom: 15px; }
  .num_step2 > li dl dd { font-size: 15px; margin-top: 3px; }
  .num_step2 > li img { width: 300px; } }

@media screen and (max-width: 768px) { .num_step2 > li dl { float: none; margin-top: 0; margin-bottom: 15px; width: 100%; }
  .num_step2 > li dl dt { font-size: 22px; }
  .num_step2 > li dl dt:before { margin-bottom: 15px; width: 40px; height: 40px; line-height: 40px; font-size: 18px; }
  .num_step2 > li img { float: none; display: block; margin: 0 auto; } }

.num_step dt, .num_step2 dt { display: block; color: #024c98; font-weight: 400; font-size: 32px; }
.num_step dt span, .num_step2 dt span { display: block; color: #000; font-size: 24px; margin-top: 18px; margin-bottom: 10px; }

@media screen and (max-width: 1000px) { .num_step dt, .num_step2 dt { font-size: 20px; }
  .num_step dt span, .num_step2 dt span { font-size: 18px; margin-top: 10px; margin-bottom: 5px; } }


.contact_info { position: relative; }
.contact_info ul { margin-top: 50px; position: relative; }
.contact_info ul:after { content: ''; display: block; clear: both; }
.contact_info ul > li { float: left; margin-right: 100px; font-size: 15px; font-weight: 500; color: #aeaeae; }
.contact_info ul > li img { width: 17px; margin-right: 5px; vertical-align: -3px; }
.contact_info .btn_link2 { position: absolute; bottom: -16px; right: 0; background: #14223e url(../images/sub/icon_down_01.png) no-repeat right 30px center; }
.contact_info a { width: 260px; font-size: 18px; height: 60px; line-height: 58px;     border: 1px solid #000000; color: #000000; display: block; margin: 20px 0 0 0; font-weight: 500; text-align: center; }
@media screen and (max-width: 1000px) { .contact_info ul { margin-top: 20px; }
  .contact_info ul > li { margin: 4px 30px 4px 0; }
  .contact_info .btn_link2 { position: static; margin-top: 20px; background: #14223e url(../images/sub/icon_down_01.png) no-repeat right 22px top 15px/10px; } }

.root_daum_roughmap { position: relative; width: 100% !important; margin: 100px 0 0 !important; }
.root_daum_roughmap .wrap_map { height: 580px !important; }

@media screen and (max-width: 1000px) { .root_daum_roughmap { margin: 40px 0 0 !important; }
  .root_daum_roughmap .wrap_map { height: 350px !important; } }


.info_tit > span { display: inline-block; padding: 12px 20px; border-radius: 2px; background: #f4f3f2; color: #305fbb; font-size: 12px; font-weight: 500; letter-spacing: 1px; }
.info_tit h3 { margin-top: 25px; font-size: 48px; font-weight: 500; word-break: keep-all; }
.info_tit ul { overflow: hidden; margin-top: 30px; }
.info_tit ul > li { float: left; margin-right: 105px; color: #818187; }
.info_tit ul > li:last-child { margin-right: 0; }
.info_tit ul > li strong { display: block; color: #505155; margin-bottom: 10px; }

@media screen and (max-width: 1000px) { .info_tit > span { padding: 7px 10px; }
  .info_tit h3 { font-size: 22px; margin-top: 12px; }
  .info_tit ul { margin-top: 22px; }
  .info_tit ul > li { margin-right: 24px; width: 100%; font-size: 15px; overflow: hidden; }
  .info_tit ul > li strong { margin-bottom: 7px; float: left; width: 80px; } }

@media screen and (max-width: 520px) { .info_tit ul > li strong { display: inline-block; margin: 0 25px 13px 0; width: 70px; } }

.info_color h4 { margin-top: 80px; margin-bottom: 0; font-size: 34px; font-weight: 500; }
.info_color p { margin-top: 30px; line-height: 1.8; font-size: 17px; font-weight: 300; color: #3f3f3f; word-break: keep-all; }
.info_color ol { overflow: hidden; max-width: 1050px; margin: 30px auto 0; }
.info_color ol > li { float: left; width: 180px; height: 180px; margin: 15px; padding: 67px 0; border-radius: 50%; text-align: center; font-size: 16px; font-weight: 500; color: #fff; }
.info_color ol > li span { display: block; font-weight: 500; margin-bottom: 7px; }

@media screen and (max-width: 1170px) { .info_color ol { max-width: 900px; }
  .info_color ol > li { width: 150px; height: 150px; padding: 50px 0; } }

@media screen and (max-width: 1000px) { .info_color h4 { font-size: 17px; margin-top: 40px; }
  .info_color p { font-size: 15px; margin-top: 10px; }
  .info_color ol { max-width: 700px; margin: 25px auto 0; }
  .info_color ol > li { width: 120px; height: 120px; padding: 43px 0; margin: 10px; font-size: 13px; } }

@media screen and (max-width: 768px) { .info_color ol { max-width: 600px; }
  .info_color ol > li { width: 100px; height: 100px; padding: 33px 0; }
  .info_color ol > li span { margin-bottom: 3px; } }

@media screen and (max-width: 640px) { .info_color ol { max-width: 360px; margin-top: 20px; } }
@media screen and (max-width: 450px) { .info_color ol { max-width: 240px; } }

.bg_color { height: 500px; position: relative; margin-top: 55px; }
.bg_color .left_color { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }

@media screen and (max-width: 1000px) { .bg_color { height: 370px; margin-bottom: 50px; } }
@media screen and (max-width: 768px) { .bg_color { height: 320px; margin-bottom: 50px; margin-top: 30px; } }

.img_con { margin-top: -430px; font-size: 0; line-height: 0; }
.img_con img { border: 1px solid #ddd; -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13); }
.img_con .img_list { font-size: 0; line-height: 0; }
.img_con .img_list > li { display: inline-block; vertical-align: top; width: calc(50% - 30px); margin-right: 60px; margin-top: 50px; }
.img_con .img_list > li:last-child { margin-right: 0; }

@media screen and (max-width: 1000px) { .img_con { margin-top: -350px; }
  .img_con .img_list > li { display: block; width: 100%; margin-right: 0; margin-bottom: 20px; margin-top: 40px; text-align: center; }
  .img_con .img_list > li:last-child { margin-bottom: 0; } }

@media screen and (max-width: 768px) { .img_con { margin-top: -330px; } }

.mobile { margin-top: 300px; background: #efefef; height: 1000px; }
.mobile:after { display: block; clear: both; content: ''; }
.mobile ul > li { overflow: hidden; float: left; width: calc(33.3% - 40px); margin-top: 100px; margin-right: 60px; font-size: 0; line-height: 0; border: 14px solid rgba(255, 255, 255, 0.3); border-radius: 40px; -webkit-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.1); }
.mobile ul > li:last-child { margin-right: 0; }
.mobile ul > li:nth-child(2) { margin-top: -230px; }
.mobile.type2 { height: 875px; }
.mobile.type2 .container2 { max-width: 810px; }
.mobile.type2 ul > li { width: calc(50% - 60px); margin-right: 120px; }
.mobile.type2 ul > li:last-child { margin-right: 0; }

@media screen and (max-width: 1350px) { .mobile ul > li:last-child { right: 30px; } }
@media screen and (max-width: 1201px) { .mobile ul > li { width: calc(33.3% - 20px); margin-right: 30px; } }

@media screen and (max-width: 1000px) { .mobile { margin: 120px 0 0; height: auto; padding: 80px 0; }
  .mobile ul > li { width: calc(33.3% - 10px); margin-top: 0; margin-right: 15px; border-width: 10px; border-radius: 30px; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); }
  .mobile ul > li:nth-child(2) { margin-top: -130px; }
  .mobile.type2 { height: auto; }
  .mobile.type2 .container2 { max-width: 810px; }
  .mobile.type2 ul > li { width: calc(50% - 60px); margin-right: 30px; }
  .mobile.type2 ul > li:last-child { margin-right: 0; }
  .mobile.type2 ul > li:first-child { margin-left: 50px; } }

@media screen and (max-width: 768px) { .mobile { margin: 40px 0 0; padding: 40px 0; }
  .mobile ul { text-align: center; }
  .mobile ul > li { float: none; width: 70%; display: block; margin: 0 auto 40px; }
  .mobile ul > li img { width: 100%; }
  .mobile ul > li:nth-child(2) { margin-top: 0; }
  .mobile ul > li:last-child { margin: 0 auto 40px; }
  .mobile.type2 { margin: 40px 0 0; padding: 40px 0 0; }
  .mobile.type2 ul { text-align: center; }
  .mobile.type2 ul > li { float: none; width: 70%; display: block; margin: 0 auto 40px; }
  .mobile.type2 ul > li:last-child { margin-right: auto; }
  .mobile.type2 ul > li:first-child { margin-left: auto; } }

.none_mobile { margin-top: 70px; }

@media screen and (max-width: 768px) { .none_mobile { margin-top: 70px; } }

.close_btn { width: 48px; height: 48px; background: url(../images/popol_x.png) no-repeat center; position: absolute; top: 60px; right: 60px; }

@media screen and (max-width: 1000px) { .close_btn { width: 22px; height: 22px; background: url(../images/popol_x.png) no-repeat center/22px; top: 30px; right: 30px; } }


.info { word-break: keep-all; }
.info > .container1 > div { margin-bottom: 80px; }
.info > .container1 > div:last-of-type { margin-bottom: 0; }
.info p { max-width: 970px; font-size: 20px; font-weight: 400; line-height: 1.5em; word-break: keep-all; margin-top: -0.25em; margin-bottom: -0.25em; }
.info .bg1 { height: 520px; background: url(../images/bg_company_01.png) no-repeat 50% 50%/cover; }
.info .bg2 { height: 680px; background: url(../images/bg_company_02.png) no-repeat 100% 50%/cover; }
.info ul { margin: 80px -30px 0; }
.info ul > li { float: left; padding: 0 30px; color: #9a9a9a; line-height: 1.625em; letter-spacing: -0.05em; }
.info ul > li:nth-of-type(1) { width: 24%; }
.info ul > li:nth-of-type(2) { width: 25%; }
.info ul > li:nth-of-type(3) { width: 26%; }
.info ul > li:nth-of-type(4) { width: 25%; }
.info ul > li > div { height: 56px; }
.info ul > li > div:before { height: 100%; vertical-align: middle; display: inline-block; content: ''; }
.info ul > li > div img { vertical-align: middle; }
.info ul > li h3 { font-size: 28px; line-height: 1.5em; margin-bottom: calc(25px - 0.25em); font-weight: 600; margin-top: calc(26px - 0.25em); letter-spacing: 0; color: #000; }
.info ul > li h3 span { font-weight: 500; }

@media screen and (max-width: 1000px) { .info > .container1 > div { margin-bottom: 60px; }
  .info p { font-size: 15px; }
  .info .bg1 { height: 390px; }
  .info .bg2 { height: 510px; }
  .info ul { margin: 30px -22px 0; font-size: 14px; }
  .info ul > li { padding: 0 22px; margin-top: 30px; }
  .info ul > li:nth-of-type(1) { width: 50%; }
  .info ul > li:nth-of-type(2) { width: 50%; }
  .info ul > li:nth-of-type(3) { width: 50%; }
  .info ul > li:nth-of-type(4) { width: 50%; }
  .info ul > li > div { height: 42px; }
  .info ul > li > div img { -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
  .info ul > li h3 { font-size: 21px; margin-bottom: calc(18px - 0.25em); margin-top: calc(19px - 0.25em); } }

@media screen and (max-width: 768px) { .info > .container1 > div { margin-bottom: 40px; }
  .info .bg1 { height: 200px; }
  .info .bg2 { height: 250px; background-position: 90% 0; }
  .info ul { margin: 10px -15px 0; }
  .info ul > li { padding: 0 15px; }
  .info ul > li > div { height: 30px; }
  .info ul > li > div img { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
  .info ul > li h3 { font-size: 16px; margin-bottom: calc(14px - 0.25em); margin-top: calc(14px - 0.25em); }
  .info ul > li h3 span { display: inline-block; } }

@media screen and (max-width: 450px) { .info ul > li { width: 100%; }
  .info ul > li:nth-of-type(1) { width: 100%; }
  .info ul > li:nth-of-type(2) { width: 100%; }
  .info ul > li:nth-of-type(3) { width: 100%; }
  .info ul > li:nth-of-type(4) { width: 100%; } }


.solution > .container1 > div { margin-bottom: 100px; }
.solution > .container1 > div:last-of-type { margin-bottom: 0; }
.solution > .container1 > div.bg_grey { padding: 100px 0; margin-bottom: -80px; }
.solution .slide_solution { position: relative; font-size: 22px; line-height: 1.36em; font-weight: 500; margin: 0 -20px; }
.solution .slide_solution:after { content: ''; display: block; clear: both; }
.solution .slide_solution .item { text-align: center; text-align: center; padding: 0 20px; width: 276px !important; }
.solution .slide_solution .item img { margin-bottom: 20px; margin-right: auto; margin-left: auto; width: 100%; max-width: 220px; border-radius: 20%; }
.solution .slide_solution .item span { font-size: 16px; line-height: 1.3; margin-top: 0.25em; }
.solution .slide_solution.col4 { max-width: 1104px; }

@media screen and (max-width: 1000px) { .solution > .container1 > div { margin-bottom: 60px; }
  .solution > .container1 > div.bg_grey { padding: 60px 0; margin-bottom: -60px; } }

@media screen and (max-width: 768px) { .solution > .container1 > div { margin-bottom: 40px; }
  .solution > .container1 > div > div { margin-bottom: 40px; }
  .solution > .container1 > div > div.bg_grey { padding: 40px 0; margin-bottom: -40px; }
  .solution .slide_solution { margin-left: 0; margin-right: 0; margin-top: 10px; font-size: 15px; }
  .solution .slide_solution .item { padding: 15px; width: 100% !important; }
  .solution .slide_solution .item img { margin-bottom: calc(20px - 0.18em); width: 90%; max-width: 180px; }
  .solution .slide_solution .item span { font-size: 12px; } }

.pg_tit { font-size: 30px; font-weight: 500; margin-bottom: 40px; }
.pg_tit + p { font-size: 28px; color: #000; font-weight: 400; margin-bottom: 50px; }

@media screen and (max-width: 1000px) { .pg_tit { font-size: 26px; margin-bottom: 20px; }
  .pg_tit + p { font-size: 24px; margin-bottom: 30px; } }

@media screen and (max-width: 768px) { .pg_tit { font-size: 20px; margin-bottom: 15px; }
  .pg_tit + p { font-size: 18px; margin-bottom: 10px; font-weight: 400; }
  .pg_tit + p .br { display: inline; } }

.info_list { counter-reset: num; margin: 0 -15px; font-size: 17px; line-height: 1.5em; color: #9a9a9a; }
.info_list li { float: left; word-break: keep-all; width: 20%; padding: 0 15px; }
.info_list li:before { counter-increment: num; content: "0" counter(num); font-size: 30px; color: #000; font-weight: 600; display: block; margin-bottom: 25px; }
.info_list li h4 { font-size: 30px; font-weight: 500; margin-bottom: 15px; color: #000; line-height: 1.2; height: 2.4em; }
.info_list.col4 { margin: 0 -35px; }
.info_list.col4 li { width: 25%; padding: 0 35px; }

@media screen and (max-width: 1340px) { .info_list { margin: 0 -10px; }
  .info_list li { padding: 0 10px; }
  .info_list li h4 { font-size: 24px; margin-bottom: 20px; }
  .info_list.col4 { margin: 0 -20px; }
  .info_list.col4 li { padding: 0 20px; } }

@media screen and (max-width: 1000px) { .info_list { font-size: 16px; }
  .info_list li:before { font-size: 18px; margin-bottom: calc(18px - 0.25em); }
  .info_list li h4 { font-size: 20px; margin-top: -0.125em; margin-bottom: calc(20px - 0.125em); } }

@media screen and (max-width: 768px) { .info_list { margin: -30px 0 0; font-size: 14px; }
  .info_list li { width: 100%; margin-top: 30px; padding: 0; }
  .info_list li:before { font-size: 16px; margin-bottom: calc(10px - 0.25em); }
  .info_list li:nth-of-type(2n+1) { clear: both; }
  .info_list li h4 { font-size: 18px; margin-bottom: 10px; height: auto; }
  .info_list.col4 { margin: -30px 0 0; }
  .info_list.col4 li { width: 100%; padding: 0; } }

.lnb { display: none; }
.lnb ul { margin-bottom: 80px; border-bottom: 2px solid #eaecef; }
.lnb ul > li { float: left; font-size: 20px; font-weight: 500; position: relative; }
.lnb ul > li a { display: inline-block; padding: calc(16px - 0.2em) 45px; }
.lnb ul > li.active a { color: #2a6ed4; }
.lnb ul > li.active:before { position: absolute; width: 100%; height: 4px; bottom: -2px; left: 0; background-color: #2a6ed4; content: ''; }

@media screen and (max-width: 1000px) { .lnb { display: block; }
  .lnb ul { margin-bottom: 60px; }
  .lnb ul > li { font-size: 16px; }
  .lnb ul > li a { padding: calc(12px - 0.2em) 30px; } }

@media screen and (max-width: 768px) { .lnb ul { margin-bottom: 40px; }
  .lnb ul > li { font-size: 15px; }
  .lnb ul > li a { padding: calc(9px - 0.2em) 15px; } }