/* Fonts */
:root {
  --default-font: "Pretendard Variable", Pretendard, 'Gowun Batang', 'SBAggroB', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --heading-font:  "Pretendard Variable", Pretendard,   sans-serif;
  --nav-font:  "Pretendard Variable", Pretendard,  sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #444444; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #273d4e; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #ff4a17; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: #e5eaee;  /* The default color of the main navmenu links */
  --nav-hover-color: #ff4a17; /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #444444; /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #ff4a17; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */

.light-background {
  --background-color: #f1f4fa;
  --surface-color: #ffffff;
}

.dark-background {
  --background-color: #000910;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #28323a;
  --contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
  color: var(--default-color);
  background-color: var(--background-color);
  font-family: var(--default-font);
  font-weight: 400;
}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
  font-weight:normal;
}
li,ol,dd {list-style:none;}
/* include CSS */
.link-arrow {position: relative; width: 58px; height: 58px;}
.link-arrow img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; vertical-align: top; transition:.3s ease all;}
.link-arrow img.on {opacity: 0; visibility: hidden; z-index: 1;}

.sub_content {margin-top: -82px;position: absolute;width:100%;}

@media(max-width:1080px){
	.link-arrow {width: 54px; height: 54px;}
	.link-arrow img {width: 46px;}
}
@media(max-width:768px){
	.link-arrow {width: 50px; height: 50px;}
	.link-arrow img {width: 42px;}
}
@media(max-width:500px){
	.link-arrow {width: 46px; height: 46px;}
	.link-arrow img {width: 38px;}
}

.link-btn {display: inline-flex; justify-content: center; align-items: center; width: 220px; height: 46px; font-size: 16px; font-weight: 700; background-color: #18181a; text-align: center; color: #fff !important; border-radius:46px; transition:.3s ease all;}
@media(max-width: 1080px){
	.link-btn {width: 200px; font-size: 15px; height: 44px;}
}
@media(max-width: 768px){
	.link-btn {width: 160px; font-size: 14px; height: 42px;}
}
@media(max-width: 500px){
	.link-btn {font-size: 14px; height: 42px;}
}
@media(min-width:768px){
  .link-btn:hover {background-color: #FF0F0F;}
}

.link-ani {position: relative; display: inline-flex; z-index: 0; z-index: 0;}
.link-ani span {position: absolute; display: inline-flex; justify-content:center; align-items:center; top: 50%; left: 50%; width: 100%; transform:translate(-50%,-50%); color: #fff; z-index: 1; text-align: center; font-size: 16px; font-weight: 700; transition: .3s ease all;}
.link-ani .bg {width: 180px; height: 45px; background-color: #18181a; border-radius: 8px; transition:.3s ease all;}
.link-ani.tab-link .bg {width: 220px; height: 46px;}

@media(max-width:1080px){
	.link-ani .bg {width: 170px; height: 42px;}
	.link-ani span {font-size: 15px;}
	.link-ani.tab-link .bg {width: 200px; height: 44px;}
}
@media(max-width:768px){
	.link-ani .bg {width: 160px; height: 38px;}
	.link-ani span {font-size: 14px;}
	.link-ani.tab-link .bg {width: 190px; height: 42px;}
}
@media(max-width:500px){
	.link-ani span {font-size: 13px;}
	.link-ani.tab-link .bg {height: 42px;}
}

.quick-menu {position: fixed; right: 23px; top: 15%;}
.quick-menu li {margin-bottom: 20px; text-align: center;}
.quick-menu li:last-child {margin-bottom: 0;}
.quick-menu li figure {position: relative; margin: 0 auto; width: 50px; height: 50px;}
.quick-menu li figure img {max-width:100%; vertical-align: top;}
.quick-menu li figure img.on {left: 0; top: 0; position: absolute; opacity: 0; visibility: hidden;}
.quick-menu li p {margin-top: 5px; font-size: 14px; font-weight: 500; color: #808080;}

@media(max-width:1640px){
	.quick-menu {right: 4%;}
}
@media(max-width:1080px){
	.quick-menu li figure {margin-bottom: 10px; width: 40px; height: 40px;}
	.quick-menu li p {font-size: 13px;}
}
@media(max-width:768px){
	.quick-menu {display: none;}
}
@media(min-width:768px){
	.quick-menu li figure img {transition:.3s ease all;}
	.quick-menu li:hover figure img.off {opacity: 0; visibility: hidden;}
	.quick-menu li:hover figure img.on {opacity: 1; visibility: visible;}

	.quick-menu li p {transition: .3s ease all;}
	.quick-menu li:hover p {color: #18181a;}
}


.sub_right						{position:relative; margin-top: 160px; width:100%;}
@media(max-width:768px){
	.sub_right {margin-top: 24%;}
}

.content_title {margin: 0 auto; max-width:1440px;}
.content_title h1 {margin-bottom:0.245em; font-size: 62px; font-weight: 700;}
@media(max-width:1640px){
	.content_title {padding: 0 4%;}
	.content_title h1 {font-size: 56px;}
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px !important;
    }
}
@media(max-width:1440px){
	.content_title h1 {font-size: 50px;}
}
@media(max-width:1080px){
	.content_title h1 {font-size: 44px;}
	
}
@media(max-width:768px){
	.content_title h1 {font-size: 38px;}
	.content_title p br {display: none;}
}
@media(max-width:500px){
	.content_title h1 {font-size: 32px;}
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px !important;
		--bs-gutter-x: 0 !important;
    }
	.header_t .container {
		max-width: 1920px !important;
		padding: 0 50px;
	}
}

.content_desc {min-height:500px;}

.tabmenu {display: flex; flex-flow: row wrap; margin: 0 auto; max-width:1440px}
.tabmenu li {margin-right: 25px;}
.tabmenu li:last-child {margin-right: 0;}
.tabmenu li img {margin-left: 8px;}
@media(max-width:1640px){
	.tabmenu {padding:0 4%;}
}
@media(max-width:1080px){
  .tabmenu li {margin-right: 15px;}	
}

.header_t {width:100%; display:flex; align-items: center; padding:0; position: fixed; z-index: 10; left:0; top:0; min-height:80px; transition:.3s ease all;}
.header_t_on {background-color: #fff;border-bottom: 1px solid #E8EAF1;}
.header_t.hide {transform:translateY(-100%);}
.f-nav{background:#fff; position:fixed; /*box-shadow:0 2px 6px rgb(0,0,0,0.1);*/}

.header_logo{margin:0;}

.header_gnb_bg {display: flex; width: 90%; margin-left: 54px; align-items: center; justify-content: center; transition:all 0.6s;}
.header_gnb_bg::after {content: ''; display: block; width: 100vw; height: 0; background: #fff; position: absolute; left: 0; top: 80px; transition:height 0.6s; z-index:-1; }
#all_nav {width: 900px; transition: all 0.6s;}
.header_gnb_bg .nav_ul {display: flex; flex-flow:row wrap; justify-content:space-between; margin: 0; padding: 0; font-size: 18px; letter-spacing: -1px;}
.header_gnb_bg .nav_ul > li {flex:1 0 auto; position: relative; padding: 22px 20px 22px 0; width: 130px;}
.header_gnb_bg .nav_ul > li:last-child {padding-right: 0;}
.header_gnb_bg .nav_ul > li > a {font-weight: 500; position: relative; color: #FFF;}
.header_gnb_bg .nav_ul .menu_on {color: #FF0000 !important;}
.header_gnb_bg .nav_ul > li .sub a {color: #000; transition:.3s ease all; font-size: 16px; letter-spacing: 1%;}
.header_gnb_bg .nav_ul > li .sub a:hover {color: #FF0000;}
.header_gnb_bg .sub {width: 0; height: 0; opacity: 0; visibility: hidden; text-align: left;  margin:0; padding: 0; }
.header_gnb_bg .sub li {margin-top: 0px; height:33px;}
.header_gnb_bg .sub li:last-child {margin-bottom: 0;}
.header_gnb_bg .sub a {font-size: 15px; position: relative; top: 1px; left: 0; }
.header_gnb_bg:hover::after {height: 220px; transition:height 0.6s; border-bottom:1px solid #E8EAF1;}
.header_gnb_bg:hover .sub {width: 100%; height: auto; opacity: 1; visibility: visible; position: absolute; left: 0; top: 84px; z-index: 9; line-height: 2; transition:opacity 0.2s 0.2s;}
.header_gnb_bg:hover .sub a {color: #18181a; font-weight: 400; line-height: 1.6;}

.header_gnb_singit {margin-right: 10px;}
.header_gnb_singit a {display: inline-block;color:#0260EE !important;font-weight: 600;font-size: 18px;}

.header_btn{display: flex; justify-content: flex-end; align-items: center;}
.header_btn .language_btn{width:120px; position: relative; text-align:center; font-size: 16px;}
.header_btn .language_btn>a.on{color:#fff; font-weight: 700; width:100%; text-align:center;opacity: 100%;}
.header_btn .language_btn>a{color:#fff; font-weight: 700; width:100%; text-align:center;opacity: 40%;font-weight: 400;}
.header_btn .language_btn ul{position:absolute; top:53px; width:50%; left: 50%; transform:translateX(-50%); display: none; background:#fff; padding:5px 10px; border-radius:12px; }
.header_btn .language_btn ul li a{display:block; font-size:15px; color:#121212; padding:5px 0; text-align:center;}

.language_div {display: inline-block;padding:0 7px;color:#fff;opacity: 40%;font-size: 15px;}

.xi-close1 {display: inline-block;width:24px;height:24px;background: url(./img/btn_close.png) no-repeat 0 0; background-size: 100%;}

.f-nav .header_gnb_bg .nav_ul > li > a, .header_t_on .header_gnb_bg .nav_ul > li > a {color: #000;font-weight: 700;}
.f-nav .header_btn .language_btn a, 
.header_t_on .header_btn .language_btn a, 
.f-nav .header_btn .language_btn span,
.header_t_on .header_btn .language_btn span {color:#18181a;}
.header_t_on .header_gnb_bg .nav_ul > li > a:hover {color: #FF0000;}

.mo_lang_btn a.lang_on {color:#fff;}
.mo_lang_btn span {display: inline-block;font-size: 22px;padding:0 7px;color:#555;font-weight: 400;line-height: 18px;}
.mo_lang_btn a.lang {color:#555;font-weight: 400;}

/* .header_t_on #all_nav {max-width: 900px;} */

.bg-overlay {position: fixed; top:0; left:0; width: 100%; height: 0; background: rgba(0,0,0,0.5); z-index: 6; opacity: 0; transition: opacity 0.6s;}
.header_t_on + .bg-overlay {opacity: 1; height: 100%; }

.mo_nav				{display:none; }
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; background-color:transparent; background-image:none; padding: 0; border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {margin-bottom: 6px; background:#18181a; display:block; width:100%; height:3px; border-radius:6px;}
.mo_nav .navbar-toggle .icon-bar:last-of-type {margin-bottom: 0;}

.f-nav .mo_nav .navbar-toggle .icon-bar, 
.header_t_on .mo_nav .navbar-toggle .icon-bar {background-color: #18181a;}

@media(max-width:1440px){
	.header_t{padding:0 50px;}
}
@media(max-width:1080px){
	.mo_nav{display:block; margin-top: 4px;}
	.header_btn .login_btn, .header_btn .language_btn{display: none;}
	.header_gnb_singit {display: none;}
	.header_btn, .header_logo img {width: 100%;}
	.header_t{justify-content: space-between;padding: 0 30px;}
	.header_gnb_bg {display: none;}
}

.flx {display: flex; flex-flow:row wrap;}

.inner {width: 100%; margin: 0 auto;}
.inner_body {width:1440px !important;}

.inner_body1 {width:1300px !important;}


.main_visual {position:relative; margin:0 auto;}
@media(max-width:768px){
	.main_visual {height:600px; overflow: hidden;}
	.main_visual div {padding: 0 !important;}
	.main_visual video {width: 1080px !important; height: 620px !important;  left: 50% !important; transform:translateX(-50%);}
	.main_visual iframe {width: 1080px !important; height: 620px !important;  left: 50% !important; transform:translateX(-50%);}
	.main_visual .video_wrap {width: 1080px !important; height: 620px !important;  left: 50% !important; transform:translateX(-50%);}
}

.main_banner {position:relative; margin:0 auto;}
.main_banner img {width:100%;}
.main_banner img.cban_p {display: block;}
.main_banner img.cban_m {display: none;}
@media(max-width:768px){
	.main_banner {overflow: hidden;}
	.main_banner img {padding: 0 !important;}
	.main_banner img.cban_p {display: none;}
	.main_banner img.cban_m {display: block;}
}

.top_ban_wrapa {position: absolute;z-index: 1;color:#fff;left:50%;margin:13% 0 0 -700px;}
.top_ban_wrapa .top_ban_1 {font-size: 52px;line-height: 64px;font-weight: 600;}
.top_ban_wrapa .top_ban_1 strong {color:#0260EE;font-weight: 600;}
.top_ban_wrapa .top_ban_2 {font-size: 22px;padding-top:80px;font-weight: 400;}
.top_ban_wrapb {display: none;}

.m-tit {font-size: 55px; font-weight: 900; line-height: 1.3;font-family: "Pretendard Variable", Pretendard, 'SBAggroB';letter-spacing: 0px;}
.m-tit span img {width:16px;position: absolute;margin:10px 0 0 5px;}

.main2 {padding: 140px 0;}
.main2 p {font-size: 22px; font-weight: 600; margin:15px 0 15px 0;}

.main3 {width: 40%; margin: 0 auto; background: linear-gradient(165deg, #0260EE 0%, #D16FFF 100%); padding: 150px 0; opacity: 0; border-radius:150px; transition:1.2s ease all;}
.main3.on {width: 100%; opacity: 1; border-radius:0;}
.main3 .main_num ul {justify-content: space-between;}
.main3 .main_num ul li				{padding:0px 0; position:relative; color:#fff;}
.main3 .main_num ul li h3		{font-size:64px; font-weight:700; }
.main3 .main_num ul li p			{font-size:26px; opacity: 0.7;text-align: center;font-weight:600;opacity: 60%;padding-top: 10px;}

.main4 {text-align: center; padding-top: 130px;}
.main4 .box2 {padding-bottom: 115px;}
.main4 .box2 p.slogan {font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-size: 52px;letter-spacing: -1px;font-weight:800;font-style: italic;}
.main4 .box2 img {width: 75%; max-width: 467px;}
.main4 .link-ani {margin-top: 30px;}

.mib_tit {font-size: 52px;font-weight: 800; line-height: 1.3;font-family: "Pretendard Variable", Pretendard, 'SBAggroB';text-align: center;padding:100px 0 60px 0;}
.mib_tit br {display: none;}
.mib_list {overflow: hidden;margin:0 0 80px 0;}
.mib_list li {float: left;min-height:490px;}
.mib_list li.mib_li1 {background: #fff;width:32%;border-radius: 8px;}
.mib_list li.mib_li2 {background: none;width:2%;}
.mib_list li.mib_li1 .mib_li1_a {border-top-left-radius: 8px;border-top-right-radius: 8px;overflow: hidden;}
.mib_list li.mib_li1 .mib_li1_a img {width:100%;}
.mib_list li.mib_li1 .mib_li1_b {text-align: center;padding: 20px 0 10px 0;}
.mib_list li.mib_li1 .mib_li1_b img {width:156px;}
.mib_list li.mib_li1 p {text-align: center;font-size: 16px;line-height: 24px;color:#33374B;padding:0 20px;}
.mib_list li.mib_li1 p i {text-align: center;font-size: 14px;display: block;font-style: normal;color:#676C85;}


@keyframes linkAni {
	0% {margin-top: 20px;}
	100% {margin-top: 0px; opacity: 1;}
}


@media(max-width:1440px){
.inner {padding: 0 4%;}
.footer_t .inner {padding: 0 2%;}
	
.m-tit {font-size: 50px;}

.main2 {padding: 130px 0;}
.main2 p {font-size: 21px;}

.main3 { padding: 160px 0;}
.main3 .main_num ul li h3 {font-size:68px; }
.main3 .main_num ul li p {font-size:30px; text-align: center;}

.main4 {padding-top: 120px;}
.main4 .box2 {padding-bottom: 100px;}
.main4 .link-ani {margin-top: 25px;}
.footer_copyright {padding:20px 0 0 0;width:calc(100% - 0px);}
.footer_copyright .link {padding-left:225px;}
.inner_body {width:auto !important;}

.top_ban_wrapa {position: absolute;z-index: 1;color:#fff;left:50%;margin:13% 0 0 -550px;}
.top_ban_wrapa .top_ban_1 {font-size: 40px;line-height: 54px;font-weight: 600;}
.top_ban_wrapa .top_ban_1 strong {color:#0260EE;font-weight: 600;}
.top_ban_wrapa .top_ban_2 {font-size: 18px;padding-top:60px;font-weight: 400;}

}

@media(max-width:1300px){
.m-tit {font-size: 50px;}

.main2 {padding: 110px 0;}
.main2 p {font-size: 20px; margin-bottom: 10px;}

.main3 { padding: 140px 0;}
.main3 .main_num ul li h3 {font-size:62px; }
.main3 .main_num ul li p {font-size:28px; }

.main4 {padding-top: 110px;}
.main4 .box2 {padding-bottom: 90px;}

.top_ban_wrapa {position: absolute;z-index: 1;color:#fff;left:50%;margin:13% 0 0 -500px;}
.top_ban_wrapa .top_ban_1 {font-size: 36px;line-height: 44px;font-weight: 600;}
.top_ban_wrapa .top_ban_1 strong {color:#0260EE;font-weight: 600;}
.top_ban_wrapa .top_ban_2 {font-size: 17px;padding-top:60px;font-weight: 400;}
}

@media(max-width:1080px){
.m-tit {font-size: 42px;}

.main2 {padding: 80px 0;}
.main2 p {font-size: 19px; margin-bottom: 10px;}

.main3 { padding: 110px 0;}
.main3 .main_num ul li {width: 100%; text-align: center; margin-bottom: 5%;}
.main3 .main_num ul li h3 {font-size:56px; }
.main3 .main_num ul li p {font-size:24px; }

.main4 {padding-top: 90px;}
.main4 .box2 {padding-bottom: 70px;}
.main4 .link-ani {margin-top: 20px;}

.top_ban_wrapa {position: absolute;z-index: 1;color:#fff;left:50%;margin:11% 0 0 -450px;}
.top_ban_wrapa .top_ban_1 {font-size: 32px;line-height: 40px;font-weight: 600;}
.top_ban_wrapa .top_ban_1 strong {color:#0260EE;font-weight: 600;}
.top_ban_wrapa .top_ban_2 {font-size: 16px;padding-top:60px;font-weight: 400;}

}

@media(max-width:1000px){
.top_ban_wrapa {position: absolute;z-index: 1;color:#fff;left:50%;margin:11% 0 0 -450px;}
.top_ban_wrapa .top_ban_1 {font-size: 28px;line-height: 36px;font-weight: 600;}
.top_ban_wrapa .top_ban_1 strong {color:#0260EE;font-weight: 600;}
.top_ban_wrapa .top_ban_2 {font-size: 16px;padding-top:60px;font-weight: 400;}
}

@media(max-width:980px){
	.top_ban_wrapa {position: absolute;z-index: 1;color:#fff;left:50%;margin:10% 0 0 -420px;}
	.top_ban_wrapa .top_ban_1 {font-size: 28px;line-height: 36px;font-weight: 600;}
	.top_ban_wrapa .top_ban_1 strong {color:#0260EE;font-weight: 600;}
	.top_ban_wrapa .top_ban_2 {font-size: 16px;padding-top:60px;font-weight: 400;}
	}

@media(max-width:930px){
	.top_ban_wrapa {position: absolute;z-index: 1;color:#fff;left:50%;margin:10% 0 0 -360px;}
	.top_ban_wrapa .top_ban_1 {font-size: 27px;line-height: 33px;font-weight: 600;}
	.top_ban_wrapa .top_ban_1 strong {color:#0260EE;font-weight: 600;}
	.top_ban_wrapa .top_ban_2 {font-size: 16px;padding-top:50px;font-weight: 400;}
	}

@media(max-width:800px){
	.top_ban_wrapa {position: absolute;z-index: 1;color:#fff;left:50%;margin:11% 0 0 -340px;}
	.top_ban_wrapa .top_ban_1 {font-size: 27px;line-height: 33px;font-weight: 600;}
	.top_ban_wrapa .top_ban_1 strong {color:#0260EE;font-weight: 600;}
	.top_ban_wrapa .top_ban_2 {font-size: 16px;padding-top:20px;font-weight: 400;}
	}

@media(max-width:768px){
.m-tit {font-size: 32px;}

.main2 p {font-size: 18px; margin-bottom: 5px;}

.main3 { padding: 80px 0;}
.main3 .main_num ul li h3 {font-size:42px; }
.main3 .main_num ul li p {font-size:20px; }

.main4 {padding-top: 80px;}
.main4 .m-tit {padding:0 4%;}
.main4 .link-ani {margin-top: 15px;}

.top_ban_wrapa {display: none;}
.top_ban_wrapb {display: block;padding:40px 20px;}
.top_ban_wrapb {position: relative;color:#000;}
.top_ban_wrapb .top_ban_1 {font-size: 26px;line-height: 34px;font-weight: 800;}
.top_ban_wrapb .top_ban_1 strong {color:#0260EE;font-weight: 800;}
.top_ban_wrapb .top_ban_2 {font-size: 16px;padding-top:20px;font-weight: 400;}
.top_ban_wrapb .top_ban_1 br {display: none;}
.top_ban_wrapb .top_ban_1 br.ttt {display: block;}
.top_ban_wrapb .top_ban_2 br {display: none;}

}

@media(min-width:768px){
	.link-ani:hover span {opacity: 0; animation: linkAni .3s .3s forwards;}
	.link-ani:hover .bg {background-color: #0260EE;}
}


.navi_all{border-bottom:1px solid #ddd;}
.navi_in{width:100%; max-width:1300px; margin:0 auto; display: flex;}
.navi_in .home_btn_all a{display: flex; align-items: center; justify-content: center; padding:15px;}
.navi_in .down_btn{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.navi_in .down_btn2{border-right:1px solid #ddd; border-left:0;}
.navi_in .down_btn .down_btn_title{display: flex; align-items: center; padding:17px 30px; cursor: pointer; width:240px;}
.navi_in .down_btn .down_btn_title h3{font-size:15px; font-weight:600; line-height:1; transition:all .2s;}
.navi_in .down_btn:hover .down_btn_title h3{color:#ea002b;}
.navi_in .down_btn .down_btn_title img{position:absolute; right:30px; top:0; bottom:0; margin:auto; transition:all .3s;}

ul.extend{position:absolute; background:#fff; width:calc(100% + 2px); top:50px; border:1px solid #ddd; z-index: 5; left:-1px; padding:10px 0; display: none;}
ul.extend li{}
ul.extend li a{ font-size:15px; font-weight:600; display: block; margin:0 30px; padding:13px 0; transition:all .3s;}
ul.extend li a:hover{color:#ea002b;}
@media(max-width:1050px){
	.navi_in .down_btn .down_btn_title {width:200px; padding: 20px;}
}
@media(max-width:768px){
	ul.extend {top:55px;}
	ul.extend li a {font-size: 14px; margin: 0px 20px; padding: 10px 0;}
}
@media(max-width:600px){
	.navi_in .home_btn_all{display: none;}
	.navi_in .down_btn{width:50%;}
	.navi_in .down_btn .down_btn_title {width:100%; padding: 15px;}
	.navi_in .down_btn .down_btn_title h3 {font-size: 13px;}
	.navi_in .home_btn_all a {padding:8px;}
	.navi_in .down_btn .down_btn_title img {right:15px;}
	ul.extend {top:43px;}
	ul.extend li a {font-size: 13px; margin: 0px 17px; padding: 8px 0;}
}


.s-tit h2 {font-size: 48px; font-weight: 700;}
.s-tit h2 span {color: #f00;}
.s-tit p {margin-top: 0.9em;}

@media(max-width:1080px){
	.s-tit h2 {font-size: 40px;}
}
@media(max-width:768px){
	.s-tit h2 {font-size: 34px;}
}
@media(max-width:500px){
	.s-tit h2 {font-size: 28px;}
}



.s11 {margin-top: 80px;}
.s11-1 .sct {position: relative; align-items: center; height: 100vh;}
.s11-1 .sct .desc-box {width: 640px;}
.s11-1 .sct .bg-box {position: absolute; top: 0; width: 50%; height: 100%; z-index: -1; background-color: #18181a; overflow: hidden;}
.s11-1 .sct .bg-box img {width: 100%; height: 100%; object-fit: cover;}

@media(max-width:1440px){
	.s11-1 .sct .desc-box {width: 80%; padding:40px 4%; box-shadow:0px 4px 8px rgba(0,0,0,0.1); background-color: rgba(255,255,255,0.95); border-radius:20px;}
	.s11-1 .sct01 ul li {box-shadow: 0 1px 4px rgba(0,0,0,0.1);}
	.s11-1 .sct02 .graph-wrap {box-shadow: 0 1px 4px rgba(0,0,0,0.1);}
}
@media(max-width:1080px){
	.s11-1 .sct {padding:12% 0; height: auto;}
	.s11-1 .sct .desc-box {width: 100%;}
	.s11-1 .sct .bg-box {width: 100%;}
}
@media(max-width:768px){
	.s11 {margin-top: 10%}
}

.s11-1 .sct01 .bg-box {right: 0;}
.s11-1 .sct01 ul {margin-top: 60px;}
.s11-1 .sct01 ul li {margin-right: 15px; padding-top: 52px; width: 200px; min-height: 200px; border-radius:20px; text-align: center; background-color: #fafafa;}
.s11-1 .sct01 ul li:last-child {margin-right: 0;}
.s11-1 .sct01 ul li h4 {margin-top: 0.6em; display: flex; justify-content: center; align-items: center; min-height: 52px; font-weight: 500;}

@media(max-width:1080px){
	.s11-1 .sct01 ul {margin-top: 40px;}
	.s11-1 .sct01 ul li {margin-right: 2%; width: 32%; padding-left: 10px; padding-right: 10px;}
	.s11-1 .sct01 .bg-box {background-position: center bottom;}
}
@media(max-width:768px){
	.s11-1 .sct {padding:18% 0;}
	.s-tit p {width: 90%;}
	.s-tit p br {display: none;}
}
@media(max-width:500px){
	.s11-1 .sct01 ul {margin-top: 25px;}
	.s11-1 .sct01 ul li {margin-right: 0; padding:20px 10px; margin-bottom: 10px; min-height:auto; width: 100%;}
	.s11-1 .sct01 ul li:last-child {margin-bottom: 0;}
	.s11-1 .sct01 ul li h4 {min-height: auto;}
}

.s11-1 .sct02 .desc-box {float:right;}
.s11-1 .sct02 .bg-box {left: 0;}
.s11-1 .sct02 .graph-wrap {position: relative; margin-top: 60px; padding:100px 0 40px; background-color: #fafafa; border-radius:20px;}
.s11-1 .sct02 .graph-circle {margin: 0 auto; position: relative; width: 214px; height: 214px; border-radius:100%; border:1px solid #18181a;}
.s11-1 .sct02 .graph {position: absolute;}
.s11-1 .sct02 .graph h4,
.s11-1 .sct02 .graph figure {display: inline-flex;}
.s11-1 .sct02 .graph h4 {font-weight: 500;}
.s11-1 .sct02 .graph figure {justify-content:center; align-items:center; background-color: #fafafa; width: 45px; height: 45px;}
.s11-1 .sct02 .graph01 {top: -76px; left: 50%; transform:translateX(-50%); text-align: center;}
.s11-1 .sct02 .graph02 {bottom: 0; left: -103px;}
.s11-1 .sct02 .graph03 {bottom: 0; right: -82px;}

@media(max-width:1080px){
	.s11-1 .sct02 .graph-wrap {margin-top: 40px;}
}
@media(max-width:768px){
	.s11-1 .sct02 .graph-wrap {margin-top: 28px;}
	.s11-1 .sct02 .graph-circle {width: 160px; height: 160px;}
}
@media(max-width:500px){
	.s11-1 .sct02 .graph-wrap {padding-top: 88px;}
	.s11-1 .sct02 .graph-circle {width: 120px; height: 120px;}
	.s11-1 .sct02 .graph01 {top: -64px;}
	.s11-1 .sct02 .graph02 {display: flex; bottom: -24px; left: -59px; text-align:right; align-items: flex-end; flex-flow:column-reverse wrap;}
	.s11-1 .sct02 .graph03 {bottom: -24px; right: -40px;}

	.s11-1 .sct02 .graph h4,
	.s11-1 .sct02 .graph figure {display: flex;}
	.s11-1 .sct02 .graph figure {width: 35px; height: 35px;}
	.s11-1 .sct02 .graph01 figure {margin: 0 auto;}
}


.s11-2 {background-color: #fafafa;}
.s11-2 .sct-wrap {padding:150px 0 143px; justify-content: space-between; min-height:800px;}
.s11-2 .history-wrap {width: 39.5%;}
.s11-2 .his-year li {position: relative; margin-bottom: 50px; z-index: 0;}
.s11-2 .his-year li:before {position: absolute; content:''; display: inline-block; top: 12px; right: 10px; width: 1px; height: 84px; background-color: #18181a; z-index: -1;}
.s11-2 .his-year li a {padding-right: 3px; display: flex; justify-content: space-between; align-items:center; width: 114px; font-size: 22px; font-weight: 700; color: #18181a;}
.s11-2 .his-year li.on a {padding-right: 0;}
.s11-2 .his-year li a:after {content:''; display: inline-block; width: 14px; height: 14px; background-color: #18181a; border-radius:100%; transition:.3s ease all;}
.s11-2 .his-year li.on a:after {width: 20px; height: 20px; background-color: #fff; border:4px solid #ff0f0f;}
.s11-2 .his-cont {position: relative; width:calc(100% - 114px); }
.s11-2 .his-cont ul {display: none; opacity: 0; padding-left: 58px; width: 100%;opacity: 0; visibility: hidden;}
.s11-2 .his-cont ul.on {display: block; animation: fade-in 1s; animation-fill-mode: forwards;}
.s11-2 .his-cont .year {margin-bottom: 0.5em; display: inline-flex; justify-content: center; align-items: center; width: 105px; height: 39px; border-radius:39px; background-color: #ff0f0f; color: #fff; font-size: 17px; font-weight: 500; text-align: center;}
.s11-2 .his-cont li {margin-bottom: 27px;}

@media(max-width:1440px){
	.s11-2 .history-wrap {width: 50%;}
}
@media(max-width:1080px){
	.s11-2 .s-tit {width: 34%;}
	.s11-2 .s-tit p br {display: none;}
	.s11-2 .history-wrap {width: 60%;}
	.s11-2 .his-year li {margin-bottom: 45px;}
	.s11-2 .his-year li a {width: 90px; font-size: 20px;}
	.s11-2 .his-cont ul {padding-left: 26px;}
	.s11-2 .his-cont .year {font-size: 16px; width: 98px; height: 36px;}
}
@media(max-width:768px){
	.s11-2 .sct-wrap {padding:15% 0; min-height: auto;}
	.s11-2 .s-tit {margin-bottom: 4%; width: 100%;}
	.s11-2 .s-tit p br {display: block;}
	.s11-2 .history-wrap {width: 100%; min-height: 400px;}
	.s11-2 .his-year li a {font-size: 18px;}
	.s11-2 .his-cont .year {font-size: 15px; width: 94px; height: 34px;}
}
@media(max-width:500px){
	.s11-2 .his-year li {margin-bottom: 30px;}
	.s11-2 .his-year li:before {right: 7px; height: 54px;}
	.s11-2 .his-year li a {padding-right: 2px; width: 70px; font-size: 16px;}
	.s11-2 .his-year li a:after {width: 10px; height: 10px;}
	.s11-2 .his-year li.on a:after {width: 15px; height: 15px;}
	.s11-2 .his-cont ul {padding-left: 18px;}
	.s11-2 .his-cont .year {font-size: 14px; width: 90px; height: 30px;}
}

@keyframes fade-in {
  from {
		transform:translateY(25px); 
    opacity: 0;
		visibility: hidden;
  }
  to {
		transform:translateY(0); 
    opacity: 1;
		visibility: visible;
  }
}


.s13-1 {margin-top: 77px; padding:81px 0 150px; background-color: #fafafa;}
.s13-1 .inner {justify-content: space-between; align-items: flex-end;}
.s13-1 li {align-items:center; margin-bottom: 8px;}
.s13-1 li:last-child {margin-bottom: 0;}
.s13-1 li h4 {width: 120px; font-size: 22px; font-weight: 700;}
.s13-1 .map-box {margin-top: 60px; width: 100%; height: 400px; border-radius:20px; overflow: hidden;}

@media(max-width:1080px){
	.s13-1 li h4 {width: 100px; font-size: 20px;}
	.s13-1 .map-box {margin-top: 50px; height: 350px;}
}
@media(max-width:768px){
	.s13-1 {margin-top: 10%; padding:10% 0 15%}
	.s13-1 li h4 {width: 80px; font-size: 18px;}
	.s13-1 .map-box {margin-top: 40px; height: 300px;}
}
@media(max-width:500px){
	.s13-1 ul {width: 100%; margin-bottom: 10px;}
	.s13-1 li h4 {width: 60px; font-size: 16px;}
	.s13-1 .map-box {margin-top: 30px; height: 250px;}
}

.req-pop {position: fixed; display: flex; justify-content:center; align-items:flex-end; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden;  transition:.3s ease all;}
.req-pop.on {opacity: 1; visibility: visible;}
.req-pop .pop-overlay {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 0;}
@media(max-width:1440px){
	.req-pop {padding: 0 4%;}
}

.s21 .s-tit h2 {line-height: 1.45;}
.s21-1 {margin-top: 76px; padding:85px 0 78px; background-color: #fafafa;}
.s21-1 ul {margin-top: 12px; justify-content: space-between;}
.s21-1 li {display: flex; flex-flow: column wrap; justify-content: space-between; margin-top: 25px; padding: 22px 26px; width: 517px; height: 245px; border-radius:20px; background-color: #fff; transition:.3s ease all;}
.s21-1 li h3 {font-size: 52px; font-weight: 700;}
.s21-1 li p {color: #808080;}

@media(max-width:1640px){
	.s21-1 li {width: 32%; padding:22px 2%;}
}
@media(max-width:1440px){
	.s21-1 li h3 {font-size: 46px;}
}
@media(max-width:1080px){
	.s21-1 li h3 {font-size: 40px;}
}
@media(max-width:768px){
	.s21-1 {margin-top: 10%; padding:12% 0;}
	.s21-1 li {margin-top: 2%; width: 49%; height: 212px; padding:22px 4%;}
	.s21-1 li:first-child {background-color: #FF0F0F;}
	.s21-1 li:nth-child(2){background-color: #FFA500;}
	.s21-1 li:nth-child(3) {background-color: #00A064;}
	.s21-1 li:nth-child(4) {background-color: #3255FF;}
	.s21-1 li:nth-child(5) {background-color: #7D28FF;}
	.s21-1 li:nth-child(6) {background-color: #FF5A00;}
	.s21-1 li h3, .s21-1 li p {color: #fff;}
	.s21-1 li h3 {font-size: 34px;}
}
@media(max-width:500px){
	.s21-1 li {height: 176px;}
	.s21-1 li h3 {font-size: 28px;}
}

.s21-2 {padding:154px 0 150px;}
.s21-2 .sct-wrap {margin-top: 58px; justify-content: center;}

@media(max-width:768px){
	.s21-2 .sct-wrap {margin-top: 6%;}
	.s21-2 {padding:18% 0;}
}

@media(min-width:768px){
	.s21-1 li:first-child:hover {background-color: #FF0F0F;}
	.s21-1 li:nth-child(2):hover {background-color: #FFA500;}
	.s21-1 li:nth-child(3):hover {background-color: #00A064;}
	.s21-1 li:nth-child(4):hover {background-color: #3255FF;}
	.s21-1 li:nth-child(5):hover {background-color: #7D28FF;}
	.s21-1 li:nth-child(6):hover {background-color: #FF5A00;}
	.s21-1 li:hover h3, .s21-1 li:hover p {color: #fff;}
}


.chart-tit {margin-top: 65px; display: inline-flex; justify-content:center; align-items:center; width: 180px; height: 40px; border-radius:20px; font-size: 16px; font-weight: 700; background-color: #ff0f0f; color: #fff; text-align: center; opacity: 0; transition:1s ease all;}
.chart-tit {opacity: 1;}

@media(max-width:1080px){
	.chart-tit {margin-top: 34px; width: 175px; height: 38px; font-size: 15px;}
}
@media(max-width:768px){
	.chart-tit {width: 170px; height: 36px; font-size: 14px;}
}
@media(max-width:500px){
	.chart-tit {width: 165px; height: 34px; font-size: 13px;}
}

.age-graph {display: flex; text-align: center; flex-flow: column wrap; justify-content: space-between;}
.age-graph .sct-wrap {justify-content: flex-end;}

.graph-height {min-height: 300px;}

.graph-cate {margin-bottom: 16px; justify-content: center; opacity: 0; transition:1s ease all;}
.graph-cate {opacity: 1;}
.graph-cate li {margin-right: 28px; display: flex; align-items:center}
.graph-cate li:last-child {margin-right: 0;}
.graph-cate li:before {margin-right: 5px; display: inline-block; content:''; width: 25px; height: 25px; border-radius:3px;}
.graph-cate li.age13-17:before {background-color: #18181a;}
.graph-cate li.age18-34:before, .graph-cate li.woman:before {background-color: #FF0F0F;}
.graph-cate li.age35-44:before, .graph-cate li.man:before {background-color: #8B95A1;}
.graph-cate li.age55:before {background-color: #F1F1F1;}

@media(max-width:1440px){
	.graph-cate {margin-bottom: 25px;}
}
@media(max-width:1080px){
	.graph-cate li {margin-right: 20px;}
	.graph-cate li:before {width: 20px; height: 20px;}
}
@media(max-width:600px){
	.graph-cate {justify-content: center;}
	.graph-cate li {margin-top: 10px; width: 34%; margin-right: 0;}
}


.age-bar {display: flex; flex-flow:row wrap; justify-content: space-between; align-items: flex-end; width: 615px;}
.age-bar li {position: relative;}
.age-bar li div {margin: 0 auto; display: flex; flex-direction: column; justify-content:flex-end; width: 30px; height: 260px;}
.age-bar li div p {display: flex; justify-content: center; align-items:center; font-size: 13px; color: #fff; opacity: 0;}
.age-bar li div p.age55 {background-color: #F1F1F1;}
.age-bar li div p.age35-44 {background-color: #8B95A1;}
.age-bar li div p.age18-34 {background-color: #FF0F0F;}
.age-bar li div p.age13-17 {background-color: #18181a;}
.age-bar li h5 {position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); font-size: 16px;}

@media(max-width:1640px){
	.age-graph {width: 46%;}
	.age-bar {width: 100%}
}
@media(max-width:1440px){
	.age-graph {width: 100%; display: block;}
	.age-bar {justify-content: center;}
	.age-bar li {margin-right: 8%;}
	.age-bar li:last-child {margin-right: 0;}
}
@media(max-width:1080px){
	.age-bar li div {height: 220px;}
	.age-bar li h5 {font-size: 14px;}
}
@media(max-width:500px){
	.age-bar {justify-content: flex-start;}
	.age-bar li {width: 25%; margin-top: 4%; margin-right: 0;}
	.age-bar li div {height: 200px;}
	.age-bar li h5 {position: static; margin-top: 0.3em; transform:none; text-align: center; font-size: 13px;}
}

.age-graph.on .age-bar li.variety div p.age13-17 {animation: ageVariety01 1s forwards;}
.age-graph.on .age-bar li.variety div p.age18-34 {animation: ageVariety02 1s 0.5s forwards;}
.age-graph.on .age-bar li.variety div p.age35-44 {animation: ageVariety03 1s 1s forwards;}
.age-graph.on .age-bar li.variety div p.age55 {animation: ageVariety04 1s 1.5s forwards;}

@keyframes ageVariety01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 11.112%;
		opacity: 1;
	}
}
@keyframes ageVariety02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 72.65%;
		opacity: 1;
	}
}
@keyframes ageVariety03{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 11.112%;
		opacity: 1;
	}
}
@keyframes ageVariety04{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 5.13%;
		opacity: 1;
	}
}

.age-graph.on .age-bar li.drama div p.age13-17 {animation: ageDrama01 1s forwards;}
.age-graph.on .age-bar li.drama div p.age18-34 {animation: ageDrama02 1s 0.5s forwards;}
.age-graph.on .age-bar li.drama div p.age35-44 {animation: ageDrama03 1s 1s forwards;}
.age-graph.on .age-bar li.drama div p.age55 {animation: ageDrama04 1s 1.5s forwards;}


@keyframes ageDrama01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 19.24%;
		opacity: 1;
	}
}
@keyframes ageDrama02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 61.95%;
		opacity: 1;
	}
}
@keyframes ageDrama03{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 13.68%;
		opacity: 1;
	}
}
@keyframes ageDrama04{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 5.13%;
		opacity: 1;
	}
}

.age-graph.on .age-bar li.music div p.age13-17 {animation: ageMusic01 1s forwards;}
.age-graph.on .age-bar li.music div p.age18-34 {animation: ageMusic02 1s 0.5s forwards;}
.age-graph.on .age-bar li.music div p.age35-44 {animation: ageMusic03 1s 1s forwards;}
.age-graph.on .age-bar li.music div p.age55 {animation: ageMusic04 1s 1.5s forwards;}

@keyframes ageMusic01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 9.4%;
		opacity: 1;
	}
}
@keyframes ageMusic02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 81.17%;
		opacity: 1;
	}
}
@keyframes ageMusic03{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 4.3%;
		opacity: 1;
	}
}
@keyframes ageMusic04{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 5.13%;
		opacity: 1;
	}
}


.age-graph.on .age-bar li.info div p.age13-17 {animation: ageInfo01 1s forwards;}
.age-graph.on .age-bar li.info div p.age18-34 {animation: ageInfo02 1s 0.5s forwards;}
.age-graph.on .age-bar li.info div p.age35-44 {animation: ageInfo03 1s 1s forwards;}
.age-graph.on .age-bar li.info div p.age55 {animation: ageInfo04 1s 1.5s forwards;}


@keyframes ageInfo01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 12.82%;
		opacity: 1;
	}
}
@keyframes ageInfo02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 73.93%;
		opacity: 1;
	}
}
@keyframes ageInfo03{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 8.12%;
		opacity: 1;
	}
}
@keyframes ageInfo04{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 5.13%;
		opacity: 1;
	}
}


.age-graph.on .age-bar li.cartoon div p.age13-17 {animation: ageCartoon01 1s forwards;}
.age-graph.on .age-bar li.cartoon div p.age18-34 {animation: ageCartoon02 1s 0.5s forwards;}
.age-graph.on .age-bar li.cartoon div p.age35-44 {animation: ageCartoon03 1s 1s forwards;}
.age-graph.on .age-bar li.cartoon div p.age55 {animation: ageCartoon04 1s 1.5s forwards;}


@keyframes ageCartoon01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 21.8%;
		opacity: 1;
	}
}
@keyframes ageCartoon02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 56.83%;
		opacity: 1;
	}
}
@keyframes ageCartoon03{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 16.24%;
		opacity: 1;
	}
}
@keyframes ageCartoon04{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 5.13%;
		opacity: 1;
	}
}

.age-graph.on .age-bar li.reality div p.age13-17 {animation: ageReality01 1s forwards;}
.age-graph.on .age-bar li.reality div p.age18-34 {animation: ageReality02 1s 0.5s forwards;}
.age-graph.on .age-bar li.reality div p.age35-44 {animation: ageReality03 1s 1s forwards;}
.age-graph.on .age-bar li.reality div p.age55 {animation: ageReality04 1s 1.5s forwards;}

@keyframes ageReality01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 11.112%;
		opacity: 1;
	}
}
@keyframes ageReality02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 77.778%;
		opacity: 1;
	}
}
@keyframes ageReality03{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 5.98%;
		opacity: 1;
	}
}
@keyframes ageReality04{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 5.13%;
		opacity: 1;
	}
}

.age-graph.on .age-bar li.etc div p.age13-17 {animation: ageEtc01 1s forwards;}
.age-graph.on .age-bar li.etc div p.age18-34 {animation: ageEtc02 1s 0.5s forwards;}
.age-graph.on .age-bar li.etc div p.age35-44 {animation: ageEtc03 1s 1s forwards;}
.age-graph.on .age-bar li.etc div p.age55 {animation: ageEtc04 1s 1.5s forwards;}

@keyframes ageEtc01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 16.24%;
		opacity: 1;
	}
}
@keyframes ageEtc02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 67.518%;
		opacity: 1;
	}
}
@keyframes ageEtc03{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 11.112%;
		opacity: 1;
	}
}
@keyframes ageEtc04{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 5.13%;
		opacity: 1;
	}
}





.age-cate li:before {margin-right: 5px; display: inline-block; content:''; width: 25px; height: 25px; border-radius:3px;}
.age-cate li.age13-17:before {background-color: #18181a;}
.age-cate li.age18-34:before {background-color: #FF0F0F;}


.cha-graph {display: flex; justify-content: space-between; flex-flow: column wrap; margin-left: 11%; text-align: center;}
.cha-bar {width: 626px; min-height:262px; justify-content: space-between; align-items:flex-end;}
.cha-bar li {position: relative;}
.cha-bar li h5 {position: absolute; width: 150%; left: 50%; transform: translateX(-50%); bottom: -30px; font-size: 16px;}
.cha-bar li .bar {justify-content:center; align-items: flex-end;}
.cha-bar li .bar div {display: flex; flex-direction: column; justify-content: flex-end; height: 241px;}
.cha-bar li .bar div.woman {margin-right: 6px;}
.cha-bar li .bar div p {position: relative; margin: 0 auto; width: 25px; opacity: 0;}
.cha-bar li .bar div.woman p {background-color: #FF0F0F;}
.cha-bar li .bar div.man p {background-color: #8B95A1;}
.cha-bar li .bar div p span {position: absolute; top: -20px; left: 50%; transform:translateX(-50%); font-size: 13px; font-weight: 500;}
.cha-bar li .bar div.woman p span {color: #ff0f0f;}
.cha-bar li .bar div.man p span {color: #8B95A1;}

@media(max-width:1640px){
	.cha-graph {margin-left: 4%; width: 46%;}
	.cha-bar {width: 100%;}
}
@media(max-width:1440px){
	.cha-graph {display: block; padding-top: 50px; margin:50px 0 0 0; width: 100%; border-top:1px solid #ddd;}
	.cha-bar {justify-content:center;}
	.cha-bar li {margin-right: 8%;}
	.cha-bar li:last-child {margin-right: 0;}
}
@media(max-width:1080px){
	.cha-bar li {margin-right: 6%;}
	.cha-bar li .bar div {height: 220px;}
	.cha-bar li h5 {position: static; margin-top: 0.3em; transform:none; width: auto; font-size: 14px;}
}
@media(max-width:768px){
	.cha-graph .graph-cate {margin-bottom: 10px;}
	.cha-graph .graph-cate li {width: 22%; justify-content: center;}
	.cha-bar {justify-content: flex-start;}
	.cha-bar li {margin-right: 0; margin-top: 28px; width: 25%;}
}
@media(max-width:500px){
	.cha-bar li .bar div {height: 200px;}
	.cha-bar li h5 {font-size: 13px;}
}



.cha-graph.on .cha-bar li.variety .bar div.woman p {animation: chaVariety01 1s forwards;}
.cha-graph.on .cha-bar li.variety .bar div.man p {animation: chaVariety02 1s 0.2s forwards;}

@keyframes chaVariety01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 62.25%;
		opacity: 1;
	}
}
@keyframes chaVariety02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 52.28%;
		opacity: 1;
	}
}


.cha-graph.on .cha-bar li.drama .bar div.woman p {animation: chaDrama01 1s forwards;}
.cha-graph.on .cha-bar li.drama .bar div.man p {animation: chaDrama02 1s 0.2s forwards;}

@keyframes chaDrama01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 92.12%;
		opacity: 1;
	}
}
@keyframes chaDrama02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 22%;
		opacity: 1;
	}
}


.cha-graph.on .cha-bar li.music .bar div.woman p {animation: chaMusic01 1s forwards;}
.cha-graph.on .cha-bar li.music .bar div.man p {animation: chaMusic02 1s 0.2s forwards;}

@keyframes chaMusic01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 43.56%;
		opacity: 1;
	}
}
@keyframes chaMusic02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 67.64%;
		opacity: 1;
	}
}


.cha-graph.on .cha-bar li.info .bar div.woman p {animation: chaInfo01 1s forwards;}
.cha-graph.on .cha-bar li.info .bar div.man p {animation: chaInfo02 1s 0.2s forwards;}

@keyframes chaInfo01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 92.12%;
		opacity: 1;
	}
}
@keyframes chaInfo02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 22%;
		opacity: 1;
	}
}


.cha-graph.on .cha-bar li.cartoon .bar div.woman p {animation: chaCartoon01 1s forwards;}
.cha-graph.on .cha-bar li.cartoon .bar div.man p {animation: chaCartoon02 1s 0.2s forwards;}

@keyframes chaCartoon01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 87.97%;
		opacity: 1;
	}
}
@keyframes chaCartoon02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 28.22%;
		opacity: 1;
	}
}


.cha-graph.on .cha-bar li.reality .bar div.woman p {animation: chaReality01 1s forwards;}
.cha-graph.on .cha-bar li.reality .bar div.man p {animation: chaReality02 1s 0.2s forwards;}

@keyframes chaReality01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 20.34%;
		opacity: 1;
	}
}
@keyframes chaReality02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 100%;
		opacity: 1;
	}
}


.cha-graph.on .cha-bar li.etc .bar div.woman p {animation: chaEtc01 1s forwards;}
.cha-graph.on .cha-bar li.etc .bar div.man p {animation: chaEtc02 1s 0.2s forwards;}

@keyframes chaEtc01{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 63.9%;
		opacity: 1;
	}
}
@keyframes chaEtc02{
	0%{
		height:0;
		opacity: 0;
	}
	100%{
		height: 47.72%;
		opacity: 1;
	}
}



.s22-1 {padding:76px 0 150px;}
.s22-2 {padding:150px 0; background-color: #fafafa;}
@media(max-width:768px){
	.s22-1 {padding:10% 0 18%;}
	.s22-2 {padding:18% 0;}
}


.s23-1 {padding:76px 0 150px;}
@media(max-width:768px){
	.s23-1 {padding:10% 0 18%;}
}


.s31-1 {padding:78px 0 15px;}
@media(max-width:768px){
	.s31-1 {padding:10% 0 18%;}
}
.s31-2 {padding:141px 0 150px; background-color: #fafafa;}
@media(max-width:768px){
	.s31-2 {padding: 15% 0 18%;}
}

.st-wrap {justify-content: space-between; align-items: flex-end;}
@media(max-width:1440px){
	.st-wrap .s-tit {width: 70%;}
	.st-wrap .link-btn {width: 26%;}
}
@media(max-width:768px){
	.st-wrap .s-tit {width: 100%;}
	.st-wrap .link-btn {margin-top: 20px; width: 200px;}
}

.brand-list {margin-top: 28px;}
.brand-list li {width: 23.75%; margin:25px 1.6667% 0 0; border-radius:20px; overflow: hidden;}
.brand-list li a {display: block; width: 100%; height: 100%;}
.brand-list li figure img {max-width:100%; vertical-align: top;}
.brand-list li:nth-child(4n) {margin-right: 0;}
.brand-list li div {padding: 7% 5% 10%; background-color: #fff;}
.brand-list li h4 {display: -webkit-box; font-weight: 500; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 17px;}
.brand-list li span {display: inline-block; margin-top: 0.5em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #808080;}
@media(max-width:1080px){
	.brand-list li h4 {font-size: 16px;}
}
@media(max-width:768px){
	.brand-list li {width: 32%; margin:15px 2% 0 0;}
	.brand-list li:nth-child(4n) {margin-right: 2%;}
	.brand-list li:nth-child(3n) {margin-right: 0;}
	.brand-list li h4 {font-size: 15px;}
}
@media(max-width:500px){
	.brand-list li {width: 49%; margin:10px 2% 0 0;}
	.brand-list li:nth-child(3n) {margin-right: 2%;}
	.brand-list li:nth-child(2n) {margin-right: 0;}
	.brand-list li h4 {font-size: 14px;}
}


.view-inner {margin: 0 auto; max-width:1000px;}
.view-wrap {padding: 64px 0 150px;}
.view-wrap .link-btn {margin-top: 150px;}
.view-wrap .link-btn.mt0 {margin-top: 0;}
.view-wrap .view-link {margin-top: 150px;}
.view-wrap .view-link .link-btn {margin-top: 0;}
.view-wrap .view-link .link-btn.apply-btn {margin-left: 25px;}
.view-tit h4 {font-size: 22px; font-weight: 700;}
.view-tit > span {display: inline-block; margin: 0.2em 0 0.7em; font-weight: 300; color: #808080;}
.view-tit h2 {margin-bottom: 1.04em; padding-bottom: 0.6em; border-bottom:1px solid #D2D2D7;}
@media(max-width:1080px){
	.view-inner {padding: 0 4%;}
	.view-wrap {padding:10% 0 18%;}
	.view-wrap .link-btn {margin-top: 18%;}
	.view-wrap .view-link {margin-top: 18%;}
	.view-tit h4 {font-size: 20px;}
}
@media(max-width:768px){
	.view-wrap .view-link .link-btn.apply-btn {margin-left: 15px;}
	.view-tit h4 {font-size: 18px;}
}
@media(max-width:500px){
	.view-tit h4 {font-size: 16px;}
}

.brand-video .video-box {height: 560px; border-radius:20px; overflow: hidden;}
.brand-video p {margin-top: 0.85em; font-size: 22px; line-height: 1.5;}
@media(max-width:1080px){
	.brand-video .video-box {height: 50vw; min-height: 250px;}
	.brand-video p {font-size: 20px;}
}
@media(max-width:768px){
	.brand-video p {font-size: 18px;}
}
@media(max-width:1080px){
	.brand-video p {font-size: 16px;}
}

.brand-desc {margin:35px 0 150px;}
.brand-desc .desc-list {margin:20px 3.5% 0 0; width: 46.5%;}
.brand-desc .desc-list:nth-child(2n) {margin-right: 0;}
.brand-desc .desc-list h5 {padding-bottom: 0.7em; font-size: 22px; font-weight: 700; border-bottom:2px solid #18181a;}
.brand-desc .desc-list ul {padding-top: 13px;}
.brand-desc .desc-list li {margin-top: 0.3em;}
.brand-desc .desc-list li:first-child {margin-top: 0;}

@media(max-width:1080px){
	.brand-wrap {padding: 8% 0 18%;}
	.brand-desc {margin: 5% 0 18%;}
	.brand-desc .desc-list h5 {font-size: 20px;}
}
@media(max-width:768px){
	.brand-tit.s-tit h2 {font-size: 26px;}
	.brand-desc .desc-list h5 {font-size: 18px;}
}
@media(max-width:500px){
	.brand-tit.s-tit h2 {font-size: 22px;}
	.brand-desc .desc-list h5 {font-size: 16px;}
	.brand-desc .desc-list {margin-top: 25px; margin-right: 0; width: 100%;}
}


.apply-wrap {padding: 0 10px;}
.apply-wrap img {max-width:100%; vertical-align: top;}
.apply-cont {margin-bottom: 55px; }
.apply-cont * {width: auto !important;}
.apply-cont:last-child {margin-bottom: 0;}
.apply-cont h3  {margin-bottom: 0.4em; font-size: 22px; font-weight: 700;}
.apply-cont h3:before {display: inline-block; margin:0 6px 3px 0; content:''; width: 10px; height: 10px; background-color: #18181a;}
.apply-cont .apply-box {padding: 0 10px;}
.apply-cont p {margin-top: 0.5em;}
.apply-list li {position: relative; padding-left: 13px;}
.apply-list li:before {position: absolute; top: 11px; left: 0; content:''; display: inline-block; width: 4px; height: 4px; background-color: #18181a; border-radius:100%;}
@media(max-width:1080px){
	.apply-cont {margin-bottom: 10%;}
	.apply-cont h3  {font-size: 20px;}
	.apply-list li:before {top: 10px;}
}
@media(max-width:768px){
	.apply-cont h3  {font-size: 18px;}
	.apply-cont h3:before {margin:0 4px 4px 0; width: 5px; height: 5px;}
	.apply-list li {padding-left: 10px;}
	.apply-list li:before {top: 9px;}
}
@media(max-width:768px){
	.apply-cont h3  {font-size: 16px;}
	.apply-list li:before {top: 8px;}
}



.slide-list {margin-top: 54px; padding-bottom: 34px; border-bottom:1px solid #ddd;}
.slide-list li {margin-bottom: 30px; padding-bottom: 30px; border-bottom:1px solid #ddd;}
.slide-list li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom:none;}
.slide-list .slide-tit {display: flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between;}
.slide-list .slide-tit h4 {margin-bottom: 1.1em; font-size: 22px; font-weight: 700; color: #ff0f0f; }
.slide-list .slide-tit p:last-of-type {margin-bottom: 20px;}
.slide-list .swiper-slide a {display: block; width: 100%; height: 100%; color: #18181a;}
.slide-list .swiper-slide .slide-thumb {border-radius:20px;}
.slide-list .swiper-slide h3 {display: -webkit-box; margin-top: 1em; font-weight: 500; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 17px;}

.slide-control {display: flex; align-items:center;}
.slide-control .slide-arrow {margin-left: 10px;}
.slide-control .slide-arrow .swiper-button-prev, 
.slide-control .slide-arrow .swiper-button-next {display: inline-flex; justify-content:center; align-items:center; position: static; margin:0; width: 33px; height: 33px; background-color: #fafafa !important;}
.slide-control .slide-arrow .swiper-button-prev {margin-right: -3px; border-radius: 5px 0 0 5px;}
.slide-control .slide-arrow .swiper-button-next {border-radius: 0 5px 5px 0;}
.slide-control .slide-arrow .swiper-button-prev i,
.slide-control .slide-arrow .swiper-button-next i {font-size: 18px; font-weight: 500; color: #ccc;}
.slide-control .swiper-button-prev, .slide-control .swiper-container-rtl .swiper-button-next,
.slide-control .swiper-button-next, .slide-control .swiper-container-rtl .swiper-button-prev {background:none !important;}

.slide-control .swiper-pagination {position: static;}
.slide-control .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {width: 120px; text-align:right;}
.slide-control .swiper-pagination-fraction {color: #ccc;}
.slide-control .swiper-pagination-fraction span {display: inline-block; margin: 0 5px; font-weight: 700;}
.slide-control .swiper-pagination-fraction span.swiper-pagination-current {color: #18181a;}
@media(max-width:1440px){
	.slide-txt {width: 70%;}
	.slide-list .slide-tit h4 {width: 58%;}
	.slide-control {justify-content: flex-end;}
}
@media(max-width:1080px){
	.slide-list .slide-tit h4 {font-size: 20px;}
	.slide-list .swiper-slide h3 {font-size: 16px;}
}
@media(max-width:768px){
	.slide-list {margin-top: 8%;}	
	.slide-control .slide-arrow .swiper-button-prev, 
	.slide-control .slide-arrow .swiper-button-next {width: 30px; height: 30px;}
	.slide-list .slide-tit h4 {font-size: 18px;}
	.slide-list .swiper-slide h3 {font-size: 15px;}
	.slide-control .swiper-pagination-fraction span {margin:0 3px;}
}
@media(max-width:500px){
	.slide-list .slide-tit h4 {font-size: 16px; width: 100%; margin-bottom: 0;}
	.slide-control {width: 100%; margin-bottom: 10px;}
	.slide-list .swiper-slide h3 {font-size: 14px;}
}

@media(min-width:768px){
	.slide-control .slide-arrow .swiper-button-prev i,
	.slide-control .slide-arrow .swiper-button-next i {transition:.3s ease all;}
	.slide-control .slide-arrow .swiper-button-prev:hover i,
	.slide-control .slide-arrow .swiper-button-next:hover i {color: #18181a;}
}


.view-info {padding-bottom: 50px; justify-content: space-between; border-bottom:1px solid #D2D2D7;}
.view-info .view-txt h5 {font-size: 22px; font-weight: 700;}
.view-info .view-txt span {display: inline-block; margin:0.4em 0 0.8em; color: #808080;}

.track-info .view_image {width: 48%;}
.track-info .view-txt {width: 47%;}

.track-info .music_link {margin-top: 10px;}
.track-info .music_link li {margin-right: 8px;}
.track-info .music_link li:last-child {margin-right: 0;}
.track-info .music_link img {max-width:100%; width: 32px; vertical-align:top;}

.channel-info .view_image {width: 38%;}
.channel-info .view-txt {display: flex; flex-direction: column; justify-content: space-between; width: 54%;}
.channel-info .sns-link {margin-top: 10px;}
.channel-info .sns-link li {margin-right: 8px;}
.channel-info .sns-link li:last-child {margin-right: 0;}
.channel-info .sns-link img {max-width:100%; vertical-align: top; width: 32px;}

@media(max-width:1080px){
	.view-info {padding-bottom: 8%;}
	.view-info .view-txt {width: 48%;}
	.view-info .view-txt h5 {font-size: 20px;}
}
@media(max-width:768px){
	.view-info .view_image {margin-bottom: 6%;}
	.view-info .view-txt h5 {font-size: 18px;}
	.track-info .view_image {width: 100%;}
	.track-info .view-txt {width: 100%;}
	.channel-info .view_image {width: 100%;}
	.channel-info .view-txt {width: 100%;}
}
@media(max-width:500px){
	.view-info .track-img {margin-bottom: 6%; width: 100%;}
	.view-info .view-txt {width: 100%;}
	.view-info .view-txt h5 {font-size: 16px;}
}

.related-video {padding-top: 48px;}
.related-video h3 {margin-bottom: 1.3em; font-size: 22px; font-weight: 700;}
.related-video li {margin-right: 2.6%; width: 31.6%;}
.related-video li:nth-child(3n) {margin-right: 0;}
.related-video li a {display: block;}
.related-video li figure {border-radius: 20px; overflow: hidden;}
.related-video li figure img {max-width:100%; vertical-align: top;}
.related-video li h4 {margin: 1.2em 0 0.3em; display: -webkit-box; font-weight: 500; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 17px; color: #18181a;}
.related-video li span {color: #808080;}

@media(max-width:1080px){
	.related-video {padding-top: 8%;}
	.related-video li h4 {font-size: 16px;}
}
@media(max-width:768px){
	.related-video li h4 {font-size: 15px;}
}
@media(max-width:500px){
	.related-video li {width: 100%; margin-right: 0;}
	.related-video li {margin-bottom: 10%;}
	.related-video li:last-child {margin-bottom: 0;}
	.related-video li h4 {font-size: 14px;}
}


.s42 {margin-top: 78px;}
.s42-1 {padding:79px 0 150px; background-color: #fafafa;}

.s42-2 {padding-bottom: 150px; background-color: #fafafa;}
.s42-2 .item-slide {margin-top: 56px;}

.s42-3 {padding:150px 0;}
.s42-3 .sct h4 {margin-bottom: 0.5em; font-size: 22px; font-weight: 700;}
.s42-3 .sct-wrap {margin-top: 50px; justify-content: space-between;;}
.s42-3 .sct-wrap .sct {margin-right: 2%; width: 32%;}
.s42-3 .sct-wrap .sct:last-child {margin-right: 0;}
.s42-3 ul {padding: 0 8px;}
.s42-3 li {position: relative; margin-bottom: 0.3em; padding-left: 12px; color: #808080;}
.s42-3 li:last-child {margin-bottom: 0;}
.s42-3 li:before {position: absolute; left: 0; top: 12px; content:''; display: inline-block; width: 4px; height: 4px; border-radius:100%; background-color: #808080;}
@media(max-width:1080px){
	.s42-3 .sct h4 {font-size: 20px;}
	.s42-3 li:before {top: 11px;}
}
@media(max-width:768px){
	.s42 {margin-top: 10%;}
	.s42-1 {padding:10% 0 18%;}
	.s42-2 {padding-bottom: 18%;}
	.s42-2 .item-slide {margin-top: 8%;}
	.s42-3 {padding:15% 0;}
	.s42-3 .sct-wrap {margin-top: 6%;}
	.s42-3 .sct-wrap .sct {margin: 0 0 8% 0; width: 100%;}
	.s42-3 .sct-wrap .sct:last-child {margin-bottom: 0;}
	.s42-3 .sct h4 {font-size: 18px;}
	.s42-3 li:before {top: 10px;}
}
@media(max-width:500px){
	.s42-3 .sct h4 {font-size: 16px;}
}
.s42-4 {padding-bottom: 150px;}

.footer_t {background: #000; color: #fff; padding: 70px 50px 80px 50px; font-size: 12px; max-width: 1920px; margin: 0 auto;}
.footer_t .inner {justify-content: space-between; /*align-items: flex-end;*/}
.footer_t p {font-weight: 300; }
.footer_txt {display: flex; flex-flow: column wrap; justify-content: space-between; margin-left: 40px;}
.footer_txt ul li a {font-size: 13px; font-weight: 500; color: #fff; margin-right: 5px;}
.footer_copyright {text-align: right;float: right;}
.footer_copyright a {color: #999;}

.footer_copyright .link {overflow: hidden; padding-left: 0;}
.footer_copyright .link li {float: left;}
.footer_copyright .link li a, .footer_copyright .link li span {float: left;color:#898B9A;font-size: 16px;}
.footer_copyright .link li a {font-weight: 600;}
.footer_copyright .link li span {padding:3px 8px 0 8px;font-size: 12px;font-weight: 200;}

.footer_copyright .qr {overflow: hidden;margin:30px 0 0 0;}
.footer_copyright .qr div {float: right;}
.footer_copyright .qr div.qr_box {margin:14px 0 0 50px;}
.footer_copyright .qr div.qr_box p {font-size: 16px;color:#D8DAE4;font-weight: 700;padding-bottom: 2px; margin-bottom: 0;}
.footer_copyright .qr div.qr_box span {font-size: 16px;color:#D8DAE4;}
.footer_copyright .qr div.qr_img {margin:0px 0 0 15px;}
.footer_copyright .qr div.qr_img img {width:60px;height:60px;float: right;}
.footer_copyright .qr div.qr_link {margin:14px 0 0 0px;}
.footer_copyright .qr div.qr_link p {font-size: 16px;color:#D8DAE4;font-weight: 700;padding-bottom: 2px; margin-bottom: 0;}
.footer_copyright .qr div.qr_link a {font-size: 16px;color:#D8DAE4;}
.footer_copyright .qr div.qr_link a:hover {text-decoration: underline;}

.footer_txt {width:500px;}
.footer_txt p span {font-size: 16px;padding:2px 0 2px 0;}
.footer_txt p .ft_tit {display: inline-block;color:#898B9A;padding-right: 5px;}
.footer_txt p .ft_tit1 {padding-left: 24px;}
.footer_txt p .ft_txt {display: inline-block;color:#D8DAE4;}
.footer_txt p .ft_copy {display: inline-block;color:#898B9A;}
.footer_txt p i {font-style: normal;}

h1 {display: none;}
.gnb_gap {padding-top:80px;}
.gnb_gap_top {padding-top:220px;}
.gnb_gap_bot {padding-bottom: 80px;}

.sbody_02 .lv2 {font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-size: 52px;letter-spacing: -1px;font-weight:800;}
.sbody_02 .lv2 span.desc {font-size: 26px;color:#B7B9C4;font-weight: 400;}
.sbody_02 .lv3 {font-size: 22px;letter-spacing: -1px;font-weight:800;}
.sbody_02 .pr_desc0 {font-size: 16px;padding-top:16px;font-weight: 500;color:#16171B;padding:20px 0 40px 0;}
.sbody_02 .pr_desc1 {font-size: 16px;padding-top:16px;font-weight: 400;}
.sbody_02 .pr_desc2 {font-size: 20px;padding-top:16px;font-weight: 600;padding:0 0 80px 0;}
.sbody_02 .pr_numbox {overflow: hidden;padding:60px 0 30px 0;}
.sbody_02 .pr_numbox div {overflow: hidden;width:48.5%;background: #F9F9FB;padding:60px 10px;}
.sbody_02 .pr_numbox div.pr_numbox1 {float: left;}
.sbody_02 .pr_numbox div.pr_numbox2 {float: right;}
.sbody_02 .pr_numbox div p {text-align: center;}
.sbody_02 .pr_numbox div p.pr_num1 {font-size: 64px;color:#16171B;font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-weight:800;}
.sbody_02 .pr_numbox div p.pr_num2 {font-size: 26px;color:#B7B9C4;text-transform: uppercase;font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-weight:600;}
.sbody_02 .pr_img_phonebox {overflow: hidden;}
.sbody_02 .pr_img_phone {width: 728px;margin:0 auto;padding-bottom: 100px;}
.sbody_02 .pr_img_phone img {width:100%;}
.sbody_02 .pr_img_phonebox p {color:#676C85;font-size: 22px;position: absolute;line-height: 28px;font-weight: 600;}
.sbody_02 .pr_img_phonebox p.pr_ptxt1 {text-align: right;left:50%;margin:230px 0 0 -520px;}
.sbody_02 .pr_img_phonebox p.pr_ptxt2 {text-align: left;left:50%;margin:230px 0 0 220px;}
.sbody_02 .pr_img_phonebox p.pr_ptxt3 {text-align: center;left:50%;margin:-80px 0 0 -110px;}
.sbody_02 .pr_store_box {clear: both;text-align: center;padding:30px 0 60px 0;}
.sbody_02 .pr_store_box a {display: inline-block;width:228px;margin:0 5px;}
.sbody_02 .pr_store_box a img {width:100%;}

.sbody_02 .pr_saas {overflow: hidden;width:calc(100% + 20px);margin:0 0 0 -10px;padding-top:50px;}
.sbody_02 .pr_saas li {float: left;width:25%;text-align: center;margin:15px 0;}
.sbody_02 .pr_saas li div {background: #fff;width:93%;margin:0 auto;padding:25px 0;}
.sbody_02 .pr_saas li img {width:200px;}

.sbody_02 .pr_sbox_t {width:50%;}
.sbody_02 .pr_sbox_i {width:50%;}
.sbody_02 .pr_sbox_b {width:100%;clear: both;}
.sbody_02 .pr_sbox_i img {width:100%;}

.sbody_02 .pr_sbox_b {overflow: hidden;padding:20px 0 0 0;}
.sbody_02 .pr_sbox_b .pr_feature {overflow: hidden;}
.sbody_02 .pr_sbox_b .pr_feature li {float: left;}
.sbody_02 .pr_sbox_b .pr_feature li.pr_fea {width:10.99%}
.sbody_02 .pr_sbox_b .pr_feature li.pr_fea div {border-radius: 8px;background: #F9F9FB;text-align: center;width: 100%;height: 170px;}
.sbody_02 .pr_sbox_b .pr_feature li.pr_fea div img {width: 50px;margin:35px 0 0 0;}
.sbody_02 .pr_sbox_b .pr_feature li.pr_fea div p {font-size: 15px;color:#33374B;line-height: 22px;}
.sbody_02 .pr_sbox_b .pr_feature li.pr_feb {width:1.7%;border-top: 1px solid #fff;}

.sbody_02s1 {padding:0 0 30px 0;overflow: hidden;}
.sbody_02s2 {padding:0 0 30px 0;overflow: hidden;}
.sbody_02s1 .pr_sbox_t {float: left;padding:10% 50px 0 0;}
.sbody_02s1 .pr_sbox_i {float: right;}
.sbody_02s2 .pr_sbox_i {float: left;}
.sbody_02s2 .pr_sbox_t {float: right;padding:20% 0 0 50px;}

.sbody_02 .pr_sbox_t a.go_singit {border-radius: 4px;display: block;border: 1px solid #DEE1EB;float: left;width:255px;padding: 15px 15px 13px 15px;font-weight: 600;color:#16171B;margin:50px 0 50px 0;font-size: 16px;background: #fff;transition:.3s ease all;}
.sbody_02 .pr_sbox_t a.go_singit span {float: right;width:18px;height:16px;}
.sbody_02 .pr_sbox_t a.go_singit span img {width:18px;height:16px;}
.sbody_02 .pr_sbox_t a.go_singit:hover {background: #0260EE;color:#fff;transition:.3s ease all;padding: 15px 10px 13px 15px;}

.sbody_03 {overflow: hidden;}
.sbody_03 div {min-height:50px;}
.sbody_03_left {float: left;width:33.3%;}
.sbody_03_left .lv2 {font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-size: 52px;letter-spacing: -1px;font-weight:800;}
.sbody_03_right {float: left;width:66.7%;}
.sbody_03_right p {font-size: 16px;color:#16171B;font-weight: 400;font-family: "Pretendard Variable", Pretendard, 'SBAggroB';}
.sbody_03_right p.be_p1 {padding:0 0 20px 0;}
.sbody_03_right p.be_p2 {padding:0 0 40px 0;}
.sbody_03_right img {width:100%;}
.sbody_03_right p.be_p1a {padding:0 0 16px 0;font-size: 26px;font-weight: 700;letter-spacing: -0.5px;}
.sbody_03_right p.be_p1b {padding:0 0 40px 0;}
.sbody_03_right .be_imgbox {overflow: hidden;}
.sbody_03_right .be_imgbox img {width:48%;}
.sbody_03_right .be_imgbox img.bei1 {float: left;}
.sbody_03_right .be_imgbox img.bei2 {float: right;}

.sbody_blue {background: #0260EE;padding:100px 0;}
.sbody_blue .sbody_02 .lv2 {font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-size: 52px;letter-spacing: -1px;font-weight:800;color:#fff;}
.sbody_blue .sbody_02 .pr_desc0 {font-size: 16px;padding-top:16px;font-weight: 500;color:#fff;padding:15px 0 30px 0;}

.msi_his_wrap {border-top:1px solid #fff;overflow: hidden;padding-top:60px;}
.msi_his_wrap li {float: left;width:33.3%;}
.msi_his_wrap li dl {overflow: hidden;color:#fff;width: calc(100% - 30px);}
.msi_his_wrap li dl dt {font-size: 26px;font-weight: 700;padding-bottom: 15px;}
.msi_his_wrap li dl dd.blank {height:30px;}
.msi_his_wrap li dl dd.blank_l {display: none;}
.msi_his_wrap li dl dd {font-size: 16px;overflow: hidden;padding: 2px 0 4px 18px;text-indent: -16px;line-height: 22px;}
.msi_his_wrap li dl dd strong {float: left;font-weight: 900;margin:2px 15px 0 0;font-size: 22px;line-height: 16px;}

.sbody_ceoa {background: url(./img/bg_ceo.png) repeat-y center top;margin-top:-4px;}
.sbody_ceoa .sbody-scontainer {min-height: auto;width: calc(100% - 40px) !important;}
.sbody_ceoa img {vertical-align: bottom;}
.sbody_ceoa .ceo_ment {overflow: hidden;font-family: "Pretendard Variable", Pretendard, sans-serif;}
.sbody_ceoa .ceo_menta {display: block;position: absolute;left:50%;MARGIN:200px 0 0 0;}
.sbody_ceoa .ceo_ment .cment1 {font-size: 42px;font-weight: 800;line-height: 56px;padding-bottom: 40px;}
.sbody_ceoa .ceo_ment .cment2 {font-family: 'Gowun Batang', sans-serif;font-weight: 600;font-size: 20px;padding: 0 0 10px 0;}
.sbody_ceoa .ceo_ment .cment3 {overflow: hidden;}
.sbody_ceoa .ceo_ment .cment3 span {float:left;font-size: 18px;font-weight: 700;padding-top:30px;}
.sbody_ceoa .ceo_ment .cment3 .comname {margin:3px 0 0 0;}
.sbody_ceoa .ceo_ment .cment3 .ceoname {font-size: 32px;font-weight: 600;font-family: 'Gowun Batang', sans-serif;margin:-4px 0 0 20px;}

.sbody_ceob {display: none;}

.sbody_02 img.welfare {width:100%;display: block;margin:60px 0 70px 0;}
.sbody_02 img.welfare_m {display:none;}

.m_cult {overflow: hidden;width:100%;padding: 50px 0 120px 0;}
.m_cult li {float: left;width:calc(25% - 30px);border-top: 1px solid #000;font-size: 16px;padding:20px 0 0 0;font-weight: 600;line-height: 24px;}
.m_cult li.blank {width:40px;border-top:1px solid #fff;}

.m_job {overflow: hidden;width:100%;margin-top:30px;}
.m_job li {float: left;width:calc(50% - 15px);border:1px solid #DEE1EB;border-radius: 8px;margin:15px 0;}
.m_job li.blank {width:30px;border:1px solid #fff;}
.m_job li div {width:50%;}
.m_job li .mj_left {float: left;display: flex;justify-content: center;height: 190px;flex-direction: column;}
.m_job li .mj_left strong {font-size: 22px;font-weight: 700;display: block;padding-bottom: 15px;margin-left: 40px;}
.m_job li .mj_left p {font-size: 16px;font-weight: 500;line-height: 24px;margin-left: 40px;}
.m_job li .mj_right {float: left;text-align: center;}
.m_job li .mj_right img {margin:5px 0;}

.news_wrap {overflow: hidden;width:100%;padding:0 0 30px 0;}
.news_wrap li {overflow: hidden;}
.news_wrap li a {overflow: hidden;display: block;border-bottom: 1px solid #dddddd;width:100%;transition:.3s ease all;padding:35px 0;}
.news_wrap li a:hover {border-bottom: 1px solid #0260EE;transition:.3s ease all;}
.news_wrap li a i {float: right;width:28px;height:25px;background: url(../../../images/ic_arrow_off.png) no-repeat 0 0;background-size: 100%;margin:40px 30px 0 0;transition:.3s ease all;}
.news_wrap li a:hover i {margin:40px 0px 0 0;transition:.3s ease all;background: url(../../../images/ic_arrow_on.png) no-repeat 0 0;background-size: 100%;}
.news_wrap li a .news_t strong {color:#0260EE;font-size: 16px;font-weight: 800;display: inline-block;}
.news_wrap li a .news_t span {color:#B7B9C4;font-size: 16px;font-weight: 400;display: inline-block;padding-left: 15px;}
.news_wrap li a .news_b {color:#16171B;font-size: 20px;font-weight: 700;padding:13px 0 6px 0;width:calc(100% - 80px);line-height: 26px;}
.sbody_02 .news_tit {background: #0260EE;color:#fff;font-size: 22px;font-weight: 600;float: left;padding:3px 18px;border-radius: 20px;}

.recu_wrap1 {display: block;}
.recu_wrap2 {display: none;}
.recu_wrap {overflow: hidden;width: 100%;padding: 20px 0 60px 0;}
.recu_wrap li {overflow: hidden;width:calc(20% - 0px);float: left;}
.recu_wrap li.blank {width:6.5%;border-top: 1px solid #fff;display: flex;justify-content: center;flex-direction: column;text-align: center;} 
.recu_wrap li.blank span.plus {display: block;width: 32px;height:32px;background: url(../../../images/ic_plus.png) no-repeat 0 0;background-size: 100%;margin:0 auto;}
.recu_wrap li.blank span.arrow {display: block;width: 32px;height:32px;background: url(../../../images/ic_arrow.png) no-repeat 0 0;background-size: 100%;margin:0 auto;}
.recu_wrap li div.recu_cir {width:100%;background: #E8EFFF;border-radius: 50%;display: flex;justify-content: center;flex-direction: column;text-align: center;font-size: 20px;font-weight: 700;line-height: 28px;}

@media(max-width:1440px){
	.sbody-scontainer {width:100% !important;margin:0 auto;}
	.sbody_02s1 .pr_sbox_t {float: left;padding:5% 30px 0 0;}
	.sbody_02s1 .pr_sbox_i {float: right;}

	.sbody_02s2 .pr_sbox_i {float: left;}
	.sbody_02s2 .pr_sbox_t {float: right;padding:5% 0 0 30px;}

	.m_job {overflow: hidden;width:100%;margin-top:30px;}
	.m_job li {float: left;width:calc(50% - 15px);border:1px solid #DEE1EB;border-radius: 8px;margin:15px 0;}
	.m_job li.blank {width:30px;border:1px solid #fff;}
	.m_job li div {width:50%;}
	.m_job li .mj_left {float: left;display: flex;justify-content: center;height: 170px;flex-direction: column;}
	.m_job li .mj_left strong {font-size: 22px;font-weight: 700;display: block;padding-bottom: 15px;margin-left: 40px;}
	.m_job li .mj_left p {font-size: 16px;font-weight: 500;line-height: 24px;margin-left: 40px;}
	.m_job li .mj_right {float: left;text-align: center;display: flex;justify-content: center;height: 170px;flex-direction: column;}
	.m_job li .mj_right img {margin:5px 0;width:90%;}
}

@media(max-width:1080px){
	.sbody-scontainer {width:calc(100% - 90px) !important;margin:0 auto;}
	.sbody_02 .lv2 {font-size: 30px;}
	.sbody_02 .lv2 span.desc {font-size: 16px;}
	.sbody_blue .sbody_02 .lv2 {font-size: 30px;}
	.sbody_03_left {width:100%;padding-bottom: 20px;}
	.sbody_03_left .lv2 {font-size: 30px;}
	.sbody_03_right {width:100%;}
	.sbody_03_right p.be_p1 span {display: inline-block;}
	.gnb_gap_top {padding-top:125px;}
	.gnb_gap {padding-top:60px;}
	.gnb_gap_bot {padding-bottom: 60px;}
	.sbody_03_right p.be_p1a {padding:0 0 10px 0;font-size: 20px;line-height: 30px;}
	.sbody_03_right p.be_p1b {padding:0 0 20px 0;}
	.sbody_03_right p.be_p1 br {display: none;}

	.sbody_02 .pr_img_phonebox {overflow: hidden;}
	.sbody_02 .pr_img_phone {width: 528px;margin:0 auto;padding-bottom: 100px;}
	.sbody_02 .pr_img_phone img {width:100%;}
	.sbody_02 .pr_img_phonebox p {color:#676C85;font-size: 20px;position: absolute;line-height: 28px;font-weight: 600;}
	.sbody_02 .pr_img_phonebox p.pr_ptxt1 {text-align: right;left:50%;margin:160px 0 0 -420px;}
	.sbody_02 .pr_img_phonebox p.pr_ptxt2 {text-align: left;left:50%;margin:160px 0 0 160px;}
	.sbody_02 .pr_img_phonebox p.pr_ptxt3 {text-align: center;left:50%;margin:-80px 0 0 -100px;}

	.sbody_02 .pr_saas {overflow: hidden;width:calc(100% + 20px);margin:0 0 0 -10px;padding-top:20px;}
	.sbody_02 .pr_saas li {float: left;width:33.3%;text-align: center;margin:5px 0;}
	.sbody_02 .pr_saas li div {background: #fff;width:93%;margin:0 auto;padding:18px 0;}
	.sbody_02 .pr_saas li img {width:68%;}

	.sbody_02 .pr_sbox_b {overflow: hidden;}
	.sbody_02 .pr_sbox_b .pr_feature {overflow: hidden;}
	.sbody_02 .pr_sbox_b .pr_feature li {float: left;margin:0 0 20px 0;}
	.sbody_02 .pr_sbox_b .pr_feature li.pr_fea {width:31.3%}
	.sbody_02 .pr_sbox_b .pr_feature li.pr_fea div {border-radius: 8px;background: #F9F9FB;text-align: center;width: 100%;height: 150px;}
	.sbody_02 .pr_sbox_b .pr_feature li.pr_fea div img {width: 50px;margin:25px 0 0 0;}
	.sbody_02 .pr_sbox_b .pr_feature li.pr_fea div p {font-size: 15px;color:#33374B;line-height: 22px;}
	.sbody_02 .pr_sbox_b .pr_feature li.pr_feb {width:3%;border-top: 1px solid #fff;}
	.sbody_02 .pr_sbox_b .pr_feature li.pr_feb1 {display: none;}

	.sbody_02 .pr_sbox_t a.go_singit {margin:20px 0;}

	.mib_list {overflow: hidden;margin:0 0 80px 0;}
	.mib_list li {float: left;min-height:450px;}

	.sbody_blue {background: #0260EE;padding:60px 0;}
	
	.sbody_ceoa .ceo_menta {display: none;}
	.sbody_ceoa .sbody-scontainer {min-height: auto;width: calc(100% + 40px) !important;}
	.sbody_ceoa img {vertical-align: bottom;width:calc(100% + 100px);}
	.sbody_ceob {display: block;background: #fff;padding:40px 0;}
	.sbody_ceob .ceo_ment {overflow: hidden;font-family: "Pretendard Variable", Pretendard, sans-serif;}
	.sbody_ceob .ceo_mentb {display: block;}
	.sbody_ceob .ceo_ment .cment1 {font-size: 22px;font-weight: 800;line-height: 32px;padding-bottom: 15px;}
	.sbody_ceob .ceo_ment .cment2 {font-family: 'Gowun Batang', sans-serif;font-weight: 800;font-size: 16px;padding: 0 0 10px 0;}
	.sbody_ceob .ceo_ment .cment3 {overflow: hidden;}
	.sbody_ceob .ceo_ment .cment3 span {float:left;font-size: 14px;font-weight: 700;padding-top:20px;}
	.sbody_ceob .ceo_ment .cment3 .comname {margin:3px 0 0 0;}
	.sbody_ceob .ceo_ment .cment3 .ceoname {font-size: 20px;font-weight: 800;font-family: 'Gowun Batang', sans-serif;margin:-1px 0 0 20px;}

	.m_job li .mj_left strong {font-size: 17px;font-weight: 700;display: block;padding-bottom: 10px;margin-left: 40px;}
	.m_job li .mj_left p {font-size: 16px;font-weight: 500;line-height: 22px;margin-left: 40px;}

	.recu_wrap li.blank span.plus {display: block;width: 24px;height:24px;background: url(../../../images/ic_plus.png) no-repeat 0 0;background-size: 100%;margin:0 auto;}
	.recu_wrap li.blank span.arrow {display: block;width: 24px;height:24px;background: url(../../../images/ic_arrow.png) no-repeat 0 0;background-size: 100%;margin:0 auto;}
	.recu_wrap li div.recu_cir {width:100%;background: #E8EFFF;border-radius: 50%;display: flex;justify-content: center;flex-direction: column;text-align: center;font-size: 18px;font-weight: 700;line-height: 28px;}

}

@media(max-width:900px){
.footer_t {padding: 50px 0;}
.footer_t .inner > div  {width: 100%;}
.footer_copyright  {text-align: left; flex-flow: row wrap; padding-top: 3%; margin-top: 3%; float: right;}
.footer_copyright p:first-child {order:2;}
.footer_copyright {padding:20px 0 0 0;width:calc(100% - 0px);}
.footer_copyright .link {padding-left:0px;}
.footer_copyright .link li {padding-bottom: 5px;}
.footer_txt {margin: 0 0 0 20px ;display: block;}
.footer_txt p i {font-style: normal;display: block;}
.footer_txt p .ft_tit1 {padding-left: 0px;}

.sbody_02 .pr_img_phonebox {overflow: hidden;}
.sbody_02 .pr_img_phone {width: 428px;margin:0 auto;padding-bottom: 100px;}
.sbody_02 .pr_img_phone img {width:100%;}
.sbody_02 .pr_img_phonebox p {color:#676C85;font-size: 18px;position: absolute;line-height: 28px;font-weight: 600;}
.sbody_02 .pr_img_phonebox p.pr_ptxt1 {text-align: right;left:50%;margin:130px 0 0 -360px;}
.sbody_02 .pr_img_phonebox p.pr_ptxt2 {text-align: left;left:50%;margin:130px 0 0 130px;}
.sbody_02 .pr_img_phonebox p.pr_ptxt3 {text-align: center;left:50%;margin:-100px 0 0 -90px;}

.sbody_02 .pr_numbox {overflow: hidden;padding:40px 0 30px 0;}
.sbody_02 .pr_numbox div {overflow: hidden;width:100%;background: #F9F9FB;padding:30px 10px;}
.sbody_02 .pr_numbox div.pr_numbox1 {float: left;}
.sbody_02 .pr_numbox div.pr_numbox2 {float: right;margin:20px 0 0 0;}
.sbody_02 .pr_numbox div p {text-align: center;}
.sbody_02 .pr_numbox div p.pr_num1 {font-size: 45px;color:#16171B;font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-weight:800;}
.sbody_02 .pr_numbox div p.pr_num2 {font-size: 24px;color:#B7B9C4;text-transform: uppercase;font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-weight:600;}

.sbody_02 .pr_sbox_t {width:100%;}
.sbody_02 .pr_sbox_i {width:100%;}
.sbody_02 .pr_sbox_b {width:100%;clear: both;}
.sbody_02 .pr_sbox_i img {width:100%;}

.sbody_02s1 .pr_sbox_t {float: left;padding:0 0 30px 0;}
.sbody_02s1 .pr_sbox_i {float: right;}

.sbody_02s2 .pr_sbox_i {float: left;}
.sbody_02s2 .pr_sbox_t {float: right;padding:0 0 30px 0;}

}


@media(max-width:768px){
.sbody-scontainer {width:calc(100% - 40px) !important;margin:0 auto;}
.footer_t {padding: 50px 0;}
.footer_t .inner > div  {width: 100%;}
.footer_copyright  {text-align: left; flex-flow: row wrap; padding-top: 3%; margin-top: 3%;  float: right;}
.footer_copyright p:first-child {order:2;}
.footer_copyright {padding:20px 0 0 0;width:calc(100% - 0px);}
.footer_copyright .link {padding-left:0px;}
.footer_copyright .link li {padding-bottom: 5px;}
.footer_txt {margin: 10px 0 0 0;}
.inner {padding:0;width: calc(100% - 80px) !important;}
.sbody_03_right .be_imgbox img {width:100%;}
.sbody_03_right .be_imgbox img.bei1 {float: left;}
.sbody_03_right .be_imgbox img.bei2 {float: right;margin-top:15px;}

.sbody_02 .pr_img_phonebox {overflow: hidden;}
.sbody_02 .pr_img_phone {width: 100%;margin:0 auto;padding-bottom: 20px;}
.sbody_02 .pr_img_phone img {width:100%;}
.sbody_02 .pr_img_phonebox p {color:#676C85;font-size: 18px;line-height: 28px;font-weight: 600;position: relative;}
.sbody_02 .pr_img_phonebox p.pr_ptxt1 {text-align: center;margin:0 auto;left:auto;}
.sbody_02 .pr_img_phonebox p.pr_ptxt2 {text-align: center;margin:10px 0;left:auto;}
.sbody_02 .pr_img_phonebox p.pr_ptxt3 {text-align: center;margin:0 auto;left:auto;}

.sbody_02 .pr_store_box {clear: both;text-align: center;padding:30px 0 60px 0;}
.sbody_02 .pr_store_box a {display: inline-block;width:200px;margin:0 5px;}
.sbody_02 .pr_store_box a img {width:100%;}

.sbody_02 .pr_numbox {overflow: hidden;padding:40px 0 30px 0;}
.sbody_02 .pr_numbox div {overflow: hidden;width:100%;background: #F9F9FB;padding:40px 10px;}
.sbody_02 .pr_numbox div.pr_numbox1 {float: left;}
.sbody_02 .pr_numbox div.pr_numbox2 {float: right;margin:20px 0 0 0;}
.sbody_02 .pr_numbox div p {text-align: center;}
.sbody_02 .pr_numbox div p.pr_num1 {font-size: 45px;color:#16171B;font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-weight:800;}
.sbody_02 .pr_numbox div p.pr_num2 {font-size: 22px;color:#B7B9C4;text-transform: uppercase;font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-weight:600;}

.mib_tit {font-size: 26px;font-weight: 800;padding:60px 0 40px 0;}
.mib_tit br {display: block;}
.mib_list {overflow: hidden;margin:0 0 40px 0;}
.mib_list li {float: left;min-height:auto;margin-bottom: 15px;}
.mib_list li.mib_li1 {background: #fff;width:100%;border-radius: 8px;}
.mib_list li.mib_li2 {background: none;width:5%;}
.mib_list li.mib_li1 .mib_li1_a {border-top-left-radius: 8px;border-top-right-radius: 8px;overflow: hidden;}
.mib_list li.mib_li1 .mib_li1_a img {width:100%;}
.mib_list li.mib_li1 .mib_li1_b {text-align: center;padding: 20px 0 10px 0;}
.mib_list li.mib_li1 .mib_li1_b img {width:156px;}
.mib_list li.mib_li1 p {text-align: center;font-size: 16px;line-height: 22px;color:#33374B;padding:0 20px 50px 20px;}
.mib_list li.mib_li1 p i {text-align: center;font-size: 14px;display: block;font-style: normal;color:#676C85;}

.msi_his_wrap {border-top:1px solid #fff;overflow: hidden;padding-top:40px;}
.msi_his_wrap li {float: left;width:100%;}
.msi_his_wrap li dl {overflow: hidden;color:#fff;width: calc(100% - 30px);}
.msi_his_wrap li dl dt {font-size: 22px;font-weight: 700;padding-bottom: 15px;}
.msi_his_wrap li dl dd.blank {height:30px;}
.msi_his_wrap li dl dd.blank_l {display: block;height:30px;}
.msi_his_wrap li dl dd {font-size: 16px;overflow: hidden;padding: 2px 0 2px 20px;text-indent: -16px;line-height: 22px;}
.msi_his_wrap li dl dd strong {float: left;font-weight: 900;margin:2px 15px 0 0;font-size: 22px;line-height: 16px;}

.sbody_02 .lv2 {font-size: 30px;}
.sbody_02 .lv2 span.desc {font-size: 16px;}
.sbody_blue .sbody_02 .lv2 {font-size: 30px;}

.sbody_02 img.welfare_m {width:100%;display: block;margin:30px 0 40px 0;}
.sbody_02 img.welfare {display:none;}

.m_cult {overflow: hidden;width:100%;padding: 50px 0 0px 0;}
.m_cult li {float: left;width:calc(50% - 10px);border-top: 1px solid #000;font-size: 16px;padding:20px 0 60px 0;font-weight: 600;line-height: 24px;}
.m_cult li.blank {width:20px;border-top:1px solid #fff;}
.m_cult li.blank1 {border:1px solid red;display: none;}

.m_job {overflow: hidden;width:100%;margin-top:30px;}
.m_job li {float: left;width:calc(50% - 15px);border:1px solid #DEE1EB;border-radius: 8px;margin:15px 0;}
.m_job li.blank {width:30px;border:1px solid #fff;}
.m_job li div {width:100%;}
.m_job li .mj_left {float: left;display: block;height: 120px;margin:30px 0 0 0;}
.m_job li .mj_left strong {font-size: 17px;font-weight: 700;display: block;padding-bottom: 15px;margin:0 20px;}
.m_job li .mj_left p {font-size: 16px;font-weight: 500;line-height: 22px;margin:0 20px;}
.m_job li .mj_left p br {display: none;}
.m_job li .mj_right {float: left;text-align: center;display: block;}
.m_job li .mj_right img {margin:-20px 0 0 3%;}

.news_wrap {overflow: hidden;width:100%;padding:0 0 15px 0;}
.news_wrap li {overflow: hidden;}
.news_wrap li a {overflow: hidden;display: block;border-bottom: 1px solid #dddddd;width:100%;transition:.3s ease all;padding:20px 0;}
.news_wrap li a:hover {border-bottom: 1px solid #0260EE;transition:.3s ease all;}
.news_wrap li a i {float: right;width:21px;height:18px;background: url(../../../images/ic_arrow_off.png) no-repeat 0 0;background-size: 100%;margin:35px 0px 0 0;transition:.3s ease all;}
.news_wrap li a:hover i {margin:35px 0px 0 0;transition:.3s ease all;background: url(../../../images/ic_arrow_on.png) no-repeat 0 0;background-size: 100%;}
.news_wrap li a .news_t strong {color:#0260EE;font-size: 14px;font-weight: 800;display: inline-block;}
.news_wrap li a .news_t span {color:#B7B9C4;font-size: 14px;font-weight: 400;display: inline-block;padding-left: 15px;}
.news_wrap li a .news_b {color:#16171B;font-size: 16px;font-weight: 700;padding:10px 0 6px 0;width:calc(100% - 80px);line-height: 24px;}
.sbody_02 .news_tit {background: #0260EE;color:#fff;font-size: 18px;font-weight: 600;float: left;padding:3px 18px;border-radius: 20px;}

.recu_wrap1 {display: none;}
.recu_wrap2 {display: block;}

.recu_wrap2 {overflow: hidden;width: 100%;padding: 00px 0 30px 0;}
.recu_wrap2 li {overflow: hidden;width:calc(45% - 0px);float: left;margin-bottom: 10%;}
.recu_wrap2 li.blank {width:9.5%;border-top: 1px solid #fff;display: flex;justify-content: center;flex-direction: column;text-align: center;} 
.recu_wrap2 li.blank span.plus {display: block;width: 20px;height:20px;background: url(../../../images/ic_plus.png) no-repeat 0 0;background-size: 100%;margin:0 auto;}
.recu_wrap2 li.blank span.arrow {display: block;width: 20px;height:20px;background: url(../../../images/ic_arrow.png) no-repeat 0 0;background-size: 100%;margin:0 auto;}
.recu_wrap2 li div.recu_cir {width:100%;background: #E8EFFF;border-radius: 50%;display: flex;justify-content: center;flex-direction: column;text-align: center;font-size: 16px;font-weight: 700;line-height: 24px;}
.recu_wrap2 li.cir span {display: block;width: 20px;height:20px;background: url(../../../images/ic_plus.png) no-repeat 0 0;background-size: 100%;position: absolute;margin:1.8% 0 0 0;}

}

@media(max-width:500px){
.footer_txt {width: 100%; margin-left: 0;}
.footer_txt p {padding:5px 0;}
.footer_copyright .qr div {float: right;}
.footer_copyright .qr div.qr_box {margin:14px 0 0 20px;}
.footer_copyright .qr div.qr_box p {font-size: 14px;color:#D8DAE4;font-weight: 700;padding-bottom: 2px;}
.footer_copyright .qr div.qr_box span {font-size: 14px;color:#D8DAE4;}
.footer_copyright .qr div.qr_img {margin:0px 0 0 14px;}
.footer_copyright .qr div.qr_img img {width:60px;height:60px;float: right;}
.footer_copyright .qr div.qr_link {margin:14px 0 0 0px;}
.footer_copyright .qr div.qr_link p {font-size: 14px;color:#D8DAE4;font-weight: 700;padding-bottom: 2px;}
.footer_copyright .qr div.qr_link a {font-size: 14px;color:#D8DAE4;}
.footer_copyright .qr div.qr_link a:hover {text-decoration: underline;}
.inner {padding:0;width: calc(100% - 40px) !important;}
.footer_txt p .ft_tit {font-size: 13px;}
.footer_txt p .ft_tit1 {font-size: 13px;}
.footer_txt p .ft_txt {font-size: 13px;}
.footer_txt p .ft_copy {font-size: 13px;}
.footer_copyright .link li a, .footer_copyright .link li span {font-size: 13px;}

.sbody_02 .pr_img_phonebox {overflow: hidden;}
.sbody_02 .pr_img_phone {width: 100%;margin:0 auto;padding-bottom: 10px;}
.sbody_02 .pr_img_phone img {width:100%;}
.sbody_02 .pr_img_phonebox p {color:#676C85;font-size: 16px;line-height: 24px;font-weight: 600;position: relative;}
.sbody_02 .pr_img_phonebox p.pr_ptxt1 {text-align: center;margin:0 auto;left:auto;}
.sbody_02 .pr_img_phonebox p.pr_ptxt2 {text-align: center;margin:10px 0;left:auto;}
.sbody_02 .pr_img_phonebox p.pr_ptxt3 {text-align: center;margin:0 auto;left:auto;}

.sbody_02 .pr_store_box {clear: both;text-align: center;padding:30px 0 80px 0;}
.sbody_02 .pr_store_box a {display: inline-block;width:45.5%;margin:0 5px;}
.sbody_02 .pr_store_box a img {width:100%;}

.sbody_02 .pr_numbox {overflow: hidden;padding:40px 0 30px 0;}
.sbody_02 .pr_numbox div {overflow: hidden;width:100%;background: #F9F9FB;padding:30px 10px;}
.sbody_02 .pr_numbox div.pr_numbox1 {float: left;}
.sbody_02 .pr_numbox div.pr_numbox2 {float: right;margin:20px 0 0 0;}
.sbody_02 .pr_numbox div p {text-align: center;}
.sbody_02 .pr_numbox div p.pr_num1 {font-size: 32px;color:#16171B;font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-weight:800;}
.sbody_02 .pr_numbox div p.pr_num2 {font-size: 16px;color:#B7B9C4;text-transform: uppercase;font-family: "Pretendard Variable", Pretendard, 'SBAggroB';font-weight:600;}

.sbody_02 .pr_sbox_b .pr_feature li {float: left;margin:0 0 10px 0;}
.sbody_02 .pr_sbox_b .pr_feature li.pr_fea div {border-radius: 8px;background: #F9F9FB;text-align: center;width: 100%;height: 120px;}
.sbody_02 .pr_sbox_b .pr_feature li.pr_fea div img {width: 32px;margin:25px 0 5px 0;}
.sbody_02 .pr_sbox_b .pr_feature li.pr_fea div p {font-size: 12px;color:#33374B;line-height: 16px;}

.m_job li {float: left;width:calc(50% - 10px);}
.m_job li.blank {width:20px;border:1px solid #fff;}
.m_job li {min-height: 320px;}
.m_job li .mj_left {height:auto;padding-bottom: 10px;min-height:170px;}
.m_job li .mj_right {height:95px;}
.m_job li .mj_right img {margin:0px 0 0 4%;}

}

@media(max-width:360px){
.footer_txt {width: 100%; margin-left: 0; letter-spacing: -4%;}
/* .footer_txt p {padding:5px 0;}
.footer_copyright .qr {text-align: left;}
.footer_copyright .qr div.qr_img {margin:0px 0 0 0px;}
.footer_copyright .qr div.qr_img img {width:100px;height:100px;float:left;}
.footer_copyright .qr div {clear: both;text-align: left;}
.footer_copyright .qr div.qr_box {margin:14px 0 0 50px;}
.footer_copyright .qr div.qr_box span {font-size: 13px;}
.footer_copyright .qr div.qr_box p {text-align: right;font-size: 13px;}
.footer_copyright .qr div.qr_link p {text-align: right;font-size: 13px;} */
.inner {padding:0;width: calc(100% - 40px) !important;}
.m_job li {min-height: 335px;}
.m_job li .mj_left {min-height:200px;}
.m_job li .mj_right {height:90px;padding-top:20px;}
}




.total								{width:100%;  cursor:pointer; }
.select_d							{border:1px solid #ddd; width:100%; line-height:30px; height:30px; padding-left:8px; position:relative; font-size:12px;}
.select_d span				{display:inline-block; position:absolute; right:10px;}


.select_op						{border:1px solid #ddd;border-bottom:none; width:160px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;bottom:30px;}

.select_op	li				{line-height:30px;height:30px; border:0px solid red; padding-left:8px;}
.select_op	li		a		{cursor:pointer; width:100%; height:30px; display:inline-block;letter-spacing:-0.3px;}
.select_op	li:hover	{background:#eee;}
.a_focus							{background:#8e8e8e; color:#fff !important;}





.left_lnb		{  }

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
	z-index:10;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}