/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; }
.sub_tab						{display:none;}

.h_inner {max-width: 1600px; width: 100%; height: auto; margin: 0 auto;}
.inner {max-width: 1200px; width: 100%; height: auto; margin: 0 auto;}

@media(max-width: 1300px){
.inner {padding: 0 4%;}
}
@media(max-width: 1500px){
.h_inner {padding: 0 4%;}
}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative;}

@media(max-width:1100px){
.sub_left	{display:none;}
.sub_title_navi			{display:none; }
.sub_tab	{display:block;}
.sub_right					{width:100%; padding-right:0%; float:none;}
}
@media(max-width:767px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
}

.content_title			{margin:15px 0; padding:15px 0; border-bottom:1px solid #dfdfdf; display: none;}
.content_title h1		{font-size:18px; font-weight:700; color:#000;}
.content_title p		{font-size:12px;}

.content_desc				{min-height:590px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header_t {width:100%; margin:0 auto; height: 110px; position:fixed; left:0; top:0px; z-index:99; background:transparent;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.header_t .h_inner {display: flex; align-items: center; justify-content: space-between;}

.header_logo img {max-width: 300px; width: 100%; height: auto;}
.header_logo img:first-child {display: none;}
.header_logo img:last-child {display: block;}

.header_logo.f-nav1 img:first-child {display: block;}
.header_logo.f-nav1 img:last-child {display: none;}

.mo_nav .lank img:first-child {display: none;}
.mo_nav .lank img:last-child {display: block;}

/* 로그인버튼 */
.header_btn dl dd			{font-size:0.75rem; padding-top:5px;}

/*대메뉴 포커스 효과 변경시 */
.menu .major > ul > li > a::before {content: ''; display: block; width: 0; height: 3px; background: #020715; position: absolute; bottom: -2px; left: 50%; transform: translate(-50%); transition: all 0.5s; z-index: 10;}
.menu .major > ul > li > a:hover::before {width: 100px;}

.menu .major > ul > li > a:hover ,
.menu .major > ul > li > a:active ,
.menu .major > ul > li > a:focus,
.menu .major > ul > li.active > a,
.menu .major > ul > li.pactive > a { color: #020715; }

/* gnb Common */
.menu {position:relative;}
.menu .major ul {list-style:none; display:flex; justify-content:space-between; width:100%;}
.menu .major ul li {position:relative; text-align: center; flex:1;}
.menu .major ul li a {position:relative; padding:0; font-size: 20px;}

/* gnb Hover */
.menu .major li.active {z-index:2}
.menu .major li:hover a, .menu .major li:active a,.menu .major li:focus a {color:#fff; font-weight: 700; text-shadow:none;}
.menu .major li.active a {color:#212121; font-weight: 700; text-shadow:none;}
/*대메뉴 포커스 효과 변경시 */
.menu .major li.pactive a {color:#212121; font-weight: 700; text-shadow:none;}
.menu .major li.pactive ul.sub{display:none;}

/* global navigation bar */
.gnb {position:relative; z-index:999;}

/* gnb 2depth */
.menu .major ul.sub {display: inline; position: absolute; top: 110px; left: 50%; transform: translate(-50%); border: 1px solid #dfdfdf; background: #fff; visibility: hidden;	opacity: 0;	z-index: -1;}
.menu .major ul.sub li {padding: 10px 2%; transition: ease 0.1s;}
.menu .major ul.sub li:hover {background: #f8f8f8;}

/* gnb Common */
.menu {position: relative;}
.menu .major > ul {list-style:none; display:flex; justify-content:flex-end; width:100%;}
.menu .major > ul li {position: relative;}
.menu .major > ul > li {height: 110px; display: flex; align-items: center; text-align: center;}
.menu .major > ul > li > a {position: relative; padding: 0; color:#fff; display: inline-block; font-weight: 600; font-size: 18px; width: 150px; height: 100%; align-content:center;}
.menu .major li.active ul.sub {display:block; opacity:1; visibility:visible; z-index: 1;transition-delay: 0s, 0s, 0.3s;}
.menu .major li ul.sub li > a {border-bottom: 0; font-size: 16px; font-weight: 400; display: block;}

/* gnb 2depth  */
li.m1 ul.sub {width: 180px;}
li.m2 ul.sub {width: 180px;}
li.m3 ul.sub {width: 180px;}
li.m4 ul.sub {width: 180px;}
li.m5 ul.sub {width: 180px;}
li.m6 ul.sub {width: 180px;}

/* 햄벅 */
.mo_nav {display:flex; align-items: center;}
.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; border:0; padding: 0; margin-left: 30px;}
.mo_nav .navbar-toggle:focus {outline: 0;}

.mo_nav .navbar-toggle .icon-bar {background:#fff; display:block; width:23px; height: 3px;}
.mo_nav .navbar-toggle .icon-bar.middle-bar {width: 43px; margin: 5px 0;}
.mo_nav .navbar-toggle .icon-bar.bottom-bar {width: 32px;}

.mo_nav:hover .navbar-toggle .icon-bar {transform:translateX(24px);}
.mo_nav:hover .navbar-toggle .icon-bar.middle-bar {transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar.bottom-bar {transform:translateX(16px);}

.header_gnb_bg .nav_ul > li > a span.on_nav {display: none;}
.header_gnb_bg .nav_ul > li:hover > a span.on_nav {display: inline-block;}
.header_gnb_bg .nav_ul > li:hover > a span.ko_nav {display: none;}

.f-nav {background: #fff; width: 100%; height: 110px; border-bottom: 1px solid #eee;}
.f-nav .header_logo img:last-child {display: block;}
.f-nav .header_logo img:first-child {display: none;}
.f-nav .mo_nav .lank img:first-child {display: none;}
.f-nav .mo_nav .lank img:last-child {display: block;}
.f-nav .mo_nav .navbar-toggle .icon-bar {background: #5a5a5a;}
.f-nav .menu .major > ul > li > a {color: #222;}
.f-nav .menu .major > ul > li > a:hover ,
.f-nav .menu .major > ul > li > a:active ,
.f-nav .menu .major > ul > li > a:focus,
.f-nav .menu .major > ul > li.active > a,
.f-nav .menu .major > ul > li.pactive > a { color: #103260; }

@media(max-width:1280px){
.header_logo {width: 20%;}
.header_gnb_bg {width: 64%;}
.mo_nav {width: 6%; justify-content: flex-end;}

.menu .major > ul > li > a {font-size: 14px;}
.header_t, .f-nav, .menu .major > ul > li {height: 100px;}
.menu .major ul.sub {top: 100px; left: 50% !important; transform: translate(-50%) !important;}
/* .menu .major > ul > li > a::before {top: 58px;} */

.menu .major > ul > li > a {font-size: 16px; width: 100%;}
.menu .major li ul.sub li > a {font-size: 15px;}

.mo_nav .navbar-toggle {margin-left: 20px;}
}
@media(max-width:1080px){
.header_gnb_bg {width: 73%;}

.header_t, .f-nav, .menu .major > ul > li {height: 90px;}
.menu .major ul.sub {top: 90px;}
/* .menu .major > ul > li > a::before {top: 52px;} */

.menu .major > ul > li > a, .menu .major li ul.sub li > a {font-size: 14px;}

.header_gnb_bg, .mo_nav .lank img:first-child, .f-nav .mo_nav .lank img:last-child, .header_btn {display:none;}

.header_t, .f-nav, .menu .major > ul > li {height: 70px;}
.header_logo {width: auto;}
.header_logo img {max-width: 260px;}
.mo_nav {width: auto;}

.header_t, .f-nav {display: flex; align-items: center; justify-content: center;}
.mo_nav .navbar-toggle {margin-left: 0;}
.mo_nav .navbar-toggle .icon-bar.middle-bar {margin: 7px 0;}
.mo_nav .navbar-toggle .icon-bar {transform: translateX(24px);}
.mo_nav .navbar-toggle .icon-bar.middle-bar {transform: translateX(5px);}
.mo_nav .navbar-toggle .icon-bar.bottom-bar {transform: translateX(16px);}
}
@media(max-width:580px){
.header_t, .f-nav, .menu .major > ul > li {height: 60px;}
.header_logo img {width: 85%;}
}
/**/
/*.f-nav .header_btn			{transform:translateY(-99px); overflow:hidden; width:0; font-size:0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}*/
/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.visual {position: relative; width: 100%; height: 100%;}
.visual .visual_bg {height: 100%; filter: brightness(0.9);}
.visual_t {position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); z-index: 5; color: #fff; text-align: center; width: 100%;}
/* .visual_tbox {top: 33%;} */
.visual_tbox h2 {font-size: 84px; position: relative; line-height: 1.4;}
.visual_tbox h2::before {content: ''; display: block; width: 100%; height: 1px; background: #fff; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); opacity: 0.3;}
.visual_tbox h2 strong {font-weight: 600;}
.visual_tbox p {font-size: 18px; margin-top: 20px; line-height: 1.8;}
.visual_scroll {position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); z-index: 5;}
.visual_scroll img {display: inline-block; animation:visual_scroll 1s ease-in Infinite Alternate; animation-timing-function:ease; position: absolute; left: 50%; transform: translate(-50%); margin-bottom: 10px; width: 26px; height: auto;}
.visual_scroll p {font-size: 16px; margin-top: 10px; color: #fff;}

@keyframes visual_scroll {
  0% {
    bottom: 40px;
  }
  100% {
    bottom: 20px;
  }
}
@media(max-width:1280px){
.visual_tbox h2 {font-size: 50px;}
.visual_tbox p {font-size: 16px; margin-top: 15px;}
.visual_scroll p {font-size: 15px;}
}
@media(max-width:1080px){
.visual_tbox h2 {font-size: 32px;}
.visual_tbox p {font-size: 15px; margin-top: 1%; line-height: 1.6; padding: 0 4%;}
.visual_tbox p br {display: none;}
.visual_scroll p {font-size: 14px;}
.visual_scroll img {max-width: 18px;}
}
@media(max-width:767px){
.visual_t {top: 50vw;}
.visual_tbox h2 {font-size: 26px;}
.visual_tbox p {margin-top: 2%; font-weight: 300;}
.visual .visual_bg {height: auto;}
}
@media(max-width:580px){
.visual_t {top: 55vw;}
.visual_tbox h2 {font-size: 20px;}
.visual_tbox p {display: none;}
.visual_scroll p {font-size: 12px;}
.visual_scroll img {width: 15px;}
}

/* 메인 공통 */
.main_wrap {color: #222;}
.m_btn {font-size: 18px; font-weight: 400; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; width: 215px; height: 60px; text-align: center; margin: 0 auto; color: #fff; background: transparent; font-weight: 600; transition: all 0.3s;}
.m_btn:hover {background: #fff; border: 1px transparent; color: #222;}

@media(max-width:1280px){
.m_btn {font-size: 16px; width: 180px; height: 55px;}
}
@media(max-width:767px){
.m_btn {font-size: 14px; width: 140px; height: 45px; background: #fff; border: 1px transparent; color: #222;}
}	
@media(max-width:580px){
.m_btn {font-size: 13px; width: auto; height: auto; padding: 2% 5%;}
}	

/* sec2 */
.sec2_bg {display: flex; align-items: center; width: 100%; height: 100%;}
.sec2_bg > div {background: url('./img/m2_bg1.jpg') no-repeat center / cover; width: 50%; height: 100%; position: relative;}
/* .sec2_bg > div::before {content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1);} */
.sec2 .m_btn {color: #fff;}
.sec2 .m_btn:hover {color: #222;}
.sec2_bg > .sec2_left::after {content: ''; display: block; background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s;}
.sec2_bg > .sec2_left:hover::after {opacity: 0.3;}
.sec2_bg > .sec2_right::after {content: ''; display: block; background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s;}
.sec2_bg > .sec2_right:hover::after {opacity: 0.3;}


.sec2_bg .sec2_right {position: relative; background-image: url('./img/m2_bg02.jpg');}
.sec2_bg .sec2_right::before {content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.sec2_tbox {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; position: relative; z-index: 1;}
.sec2_tbox h2 {font-size: 48px; color: #fff; font-weight: 600;}
.sec2_tbox p {font-size: 18px; color: #fff; font-weight: 300; margin: 30px 0 50px;}

@media(max-width:1280px){
.sec2_bg > div {padding: 0 4%;}
.sec2_tbox h2 {font-size: 38px;}
.sec2_tbox p {margin: 20px 0 40px;}
}
@media(max-width:1080px){
.sec2_tbox h2 {font-size: 32px;}
.sec2_tbox p {font-size: 16px;}
.sec2_tbox p br {display: none;}
}
@media(max-width:767px){
.sec2_bg > div {height: 70vw;}
.sec2_tbox h2 {font-size: 28px;}
.sec2_tbox p {font-size: 14px;}
.sec2 .m_btn:hover, .sec2 .m_btn {color: #222;}
}
@media(max-width:580px){
.sec2_bg {flex-direction: column;}
.sec2_bg > div {width: 100%; height: auto; padding: 15% 4%;}
.sec2_tbox h2 {font-size: 18px;}
.sec2_tbox p {margin: 2% 0 6%; line-height: 1.6;}
}

/* sec5 */
.sec5 {position: relative;}
.sec5::after {content: ''; display: block; background: url('./img/m5_bg.png')no-repeat center / 100%; width: 561px; height: 561px; position: absolute; bottom: 0; left: 0; filter: contrast(0) brightness(1.8);}
.sec5_wrap {margin-left: 360px;}
.sec5_tbox h2 {font-size: 46px; font-weight: 600; }
.sec5_tbox p {font-size: 18px; color: #555; margin: 20px 0 50px;}
.sec5_tbox a {color: #212121; position: relative; margin-left: 30px; transition: all 0.2s;}
.sec5_tbox a::before {content: ''; display: inline-block; width: 15px; height: 1px; background: #212121; margin: 0 6px 5px 0;}
.sec5_tbox a:hover {letter-spacing: 2px;}
.sec5_latest {position: relative;}

@media(max-width:1280px){
.sec5_wrap {margin-left: 200px;}
.sec5_tbox h2 {font-size: 34px;}
}
@media(max-width:1080px){
.sec5_wrap {margin-left: 15%;}
.sec5_tbox h2 {font-size: 28px;}
.sec5_tbox p {font-size: 16px; margin: 20px 0 40px;}
.sec5::after {width: 421px; height: 294px;}
}
@media(max-width:767px){
.sec5  {padding: 10% 0 15% 12%;}
.sec5_wrap {margin-left: 0;}
.sec5_tbox h2 {font-size: 18px;}
.sec5_tbox p {font-size: 14px; line-height: 1.6; margin: 3% 0 5%;}
.sec5::after {width: 281px; height: 214px;}
.sec5_tbox a {display: block; margin-left: 0; margin-top: 2%;}
.sec5_tbox a:hover {letter-spacing: 0;}
}
@media(max-width:580px){
.sec5	{padding: 15% 0 12% 15%;}
}

/* sec6 */
.sec6 {position: relative; background: url('./img/m6_bg.jpg')no-repeat center / cover; width: 100%; color: #fff; text-align: center; z-index: 1;}
.sec6::before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: -1;}
.sec6_wrap {margin-top: 50px;}
.sec6_wrap h2 {font-size: 18px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,50%); padding-bottom: 12px; display: inline-block;}
.sec6_wrap h3 {font-size: 36px; font-weight: 400; margin: 30px 0 40px;}
.sec6_tbox {display: flex; justify-content: center;}
.sec6_tbox > div {width: 340px;}
.sec6_left {background: #103260;}
.sec6_right {background: #fff;}
.sec6_tbox a {display: flex; align-items: center; justify-content: center; color: #fff; padding: 30px 10px;}
.sec6_right a {color:#103260;}
.sec6_tbox a > figure {margin-right: 20px;}
.sec6_tbox a > div {text-align: left;}
.sec6_tbox a > div h4 {font-size: 20px; font-weight: 500;}
.sec6_tbox a > div p {font-size: 16px; font-weight: 300;}

.sec6_left figure img {max-width: 34px; width: 100%; height: auto;}
.sec6_right figure img {max-width: 30px; width: 100%; height: auto;}

@media(max-width:1280px){
.sec6_wrap h3 {font-size: 30px; margin: 20px 0 50px;}
.sec6_tbox a > div h4 {font-size: 18px;}
.sec6_tbox a > div p {font-size: 14px;}
}
@media(max-width:1080px){
.sec6_wrap h2 {font-size: 16px; padding-bottom: 8px;}
.sec6_wrap h3 {font-size: 24px; margin: 20px 0 50px; margin: 15px 0 35px;}
.sec6_tbox > div {width: 320px;}
.sec6_tbox a > div h4 {font-size: 18px;}
.sec6_tbox a > div p {font-size: 14px;}
.sec6_tbox a {padding: 25px 10px;}
.sec6_left figure img {width: 90%;}
}
@media(max-width:767px){
.sec6 {padding: 15% 0;}
.sec6_wrap {margin-top: 0;}
.sec6_wrap h2 {font-size: 14px; padding-bottom: 5px;}
.sec6_wrap h3 {font-size: 18px; margin: 2% 0 5%;}
.sec6_tbox > div {width: 50%;}
.sec6_tbox a > div h4 {font-size: 16px;}
}
@media(max-width:580px){
.sec6_tbox {flex-direction: column; align-items: center;}
.sec6_wrap h3 {font-size: 16px; line-height: 1.6;}
.sec6_wrap h3 br {display: none;}
.sec6_tbox > div {width: 80%;}
.sec6_tbox a > div h4 {font-size: 14px;}
/* .sec6_left {background: #103260b8;}
.sec6_right {background: #00000096;} */
}
/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; display: none;}
.navi_in	{margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:50px;  border-right:1px solid #efefef;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {width:50%; max-width:250px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:14px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:100%; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
footer {background: #111; color: #999; font-size: 16px; padding: 35px 0;}
footer .h_inner {display: flex; justify-content: space-between; align-items: center;}
footer figure img {max-width: 240px; width: 100%; height: auto; opacity: 0.5;}
footer ul {line-height: 1.8;}
footer ul li:first-child {margin-bottom: 8px;}
footer ul li:first-child a {margin-right: 10px; color: #999;}
footer ul a {color: #999;}
footer ul li:last-child span::after {content: ''; display: inline-block; width: 1px; height: 11px; background: rgba(255,255,255,30%); margin: 5px 10px 0;}
footer ul li:last-child span:last-child::after {display: none;}
footer ul li span + br {display: none;}
.footer_right {display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end;}
.f_sns {margin-bottom: 22px;}
.footer_right a {display: inline-flex; align-items: center; justify-content: center; background: #626262; border-radius: 50%; width: 42px; height: 42px; margin-left: 20px; margin-left: 5px;}
.footer_right a:first-child {margin-left: 0;}
.footer_right img {display: block; max-width: 20px; width: 100%; height: auto;}
.footer_right a:first-child img {max-width: 17px; width: 100%; height: auto;}
.footer_right > p {text-align: right;}

footer figure {width: 20%;}
footer ul {width: 50%;}
.footer_right {width: 30%;}

@media(max-width:1280px){
footer {font-size: 14px;}
footer .h_inner {align-items: flex-start;flex-direction: column;}
footer figure, footer ul, .footer_right {width: 100%;}
footer figure {margin-bottom: 2%;}
}
@media(max-width:1080px){
footer {padding: 30px 0;}
footer ul li span {display: block;}
footer ul li:last-child span::after {display: none;}
}
@media(max-width:768px){
footer {padding: 20px 0; font-size: 13px;}
footer .h_inner {flex-direction: column;}
footer figure, footer ul, .footer_right {width: 100%;}

footer figure {display: none;}

.footer_right {align-items: flex-start; justify-content: flex-start; margin-top: 4%;}
.f_sns {margin-bottom: 10px;}
}
/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/

/************************* ui.totop 시작 *************************/
#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;
}

#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;
}
/************************* ui.totop 끝 *************************/

/* sub공통 */
.sub_wrap {color: #222; overflow: hidden;}

.s_title {font-size: 44px; font-weight: 600; text-align: center; margin-top: 200px;}
.s_txt_33px {font-size: 33px; font-weight: 600;}
.s_txt_18px {font-size: 18px; font-weight: 400;}

@media(max-width:1280px){
.s_title {font-size: 40px; margin-top: 170px;}
.s_txt_33px {font-size: 26px;}
}
@media(max-width:1080px){
.s_title {font-size: 30px; margin-top: 150px;}
.s_txt_33px {font-size: 22px;}
.s_txt_18px {font-size: 16px;}
}
@media(max-width:767px){
.s_title {font-size: 26px; margin-top: 15%;}
.s_txt_33px {font-size: 19px;}
.s_txt_18px {font-size: 14px;}
}
@media(max-width:580px){
.s_title {font-size: 22px; margin-top: 20%; margin-top: 25%;}
.s_txt_33px {font-size: 18px;}
}
@media(max-width: 420px){
.s_title {margin-top: 120px;}	
}

/* s11 */
.s11_a {margin-top: 75px;}
.s11_a_bg {background: url('./img/s11_bg1.jpg')no-repeat center / cover; width: 100%; height: 470px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.s11_a_tbox {background: rgba(255,255,255,80%); width: 90%; text-align: center; position: relative; padding: 45px 0;}
.s11_a_tbox::before {content: ''; display: block; width: 40px; height: 1px; background: #999; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%);}
.s11_a_top {margin-bottom: 50px;}
.s11_a .s_txt_33px {margin-bottom: 20px;}
.s11_a_top .link {margin-top: 10px; font-size: 18px; font-weight: 700; color: #103260;}
.s11_a_top .link a {color: #103260;}

@media(max-width:1280px){
.s11_a {margin-top: 5%;}
.s11_a_bg {height: auto; padding: 5% 0;}
.s11_a_tbox {padding: 35px 0;}
.s11_a .s_txt_33px {margin-bottom: 10px;}
}
@media(max-width:767px){
.s11_a_tbox .s_txt_18px {line-height: 1.6;}
.s11_a_tbox .s_txt_18px br {display: none;}
.s11_a .s_txt_33px {margin-bottom: 5px;}
.s11_a_tbox {padding: 4% 2%;}
.s11_a_top {margin-bottom: 4%;}
.s11_a_tbox::before {display: none;}
.s11_a_top .link {margin-top: 5px;}
}

.s11_b_wrap {margin: 100px 0;}
.s11_b_wrap li {display: flex; align-items: center;}
.s11_b_wrap li:nth-child(2) {flex-direction: row-reverse;}
.s11_b_wrap li figure {width: 50%;}
.s11_b_wrap .s11_b_tbox {width: 50%; padding-left: 60px;}
.s11_b_wrap li:nth-child(2) .s11_b_tbox {margin-left: 0;}
/* .s11_b_wrap li:last-child {align-items: flex-start;} */
/* .s11_b_wrap li:last-child .s11_b_tbox p {margin: 150px 0 50px;} */
.s11_b_wrap .s11_b_tbox h3 {font-size: 32px; font-weight: 500;}
.s11_b_wrap .s11_b_tbox p {color: #333; line-height: 1.6; margin: 50px 0;}
.s11_b_wrap li figure img {max-width: 600px; width: 100%; height: auto;}
.s11_b_wrap li:first-child .s11_b_tbox img {max-width: 60px; width: 100%; height: auto;}
.s11_b_wrap li:nth-child(2) .s11_b_tbox img {max-width: 73px; width: 100%; height: auto;}
.s11_b_wrap li:last-child .s11_b_tbox img {max-width: 78px; width: 100%; height: auto;}

@media(max-width:1080px){
.s11_b_wrap {margin: 8% 0;}
.s11_b_wrap .s11_b_tbox h3 {font-size: 26px;}
.s11_b_wrap li:last-child {align-items: center;}
.s11_b_wrap .s11_b_tbox {padding-left: 5%;}
.s11_b_wrap .s11_b_tbox p, .s11_b_wrap li:last-child .s11_b_tbox p {margin: 8% 0;}
.s11_b_wrap .s11_b_tbox p br {display: none;}
.s11_b_wrap li:nth-child(2) .s11_b_tbox {padding-left: 0; padding-right: 5%;}
}
@media(max-width:767px){
.s11_b_wrap .s11_b_tbox h3 {font-size: 18px;}
.s11_b_wrap .s11_b_tbox p, .s11_b_wrap li:last-child .s11_b_tbox p {margin: 3% 0 8%;}
.s11_b_wrap li:first-child .s11_b_tbox img {width: 15%;}
.s11_b_wrap li:nth-child(2) .s11_b_tbox img {width: 20%;}
.s11_b_wrap li:last-child .s11_b_tbox img {width: 20%;}
.s11_a_top .link {font-size: 16px;}
}
@media(max-width:580px){
.s11_b_wrap {padding: 15% 0;}
.s11_b_wrap li {margin-bottom: 15%;}
.s11_b_wrap li:last-child {margin-bottom: 0;}
.s11_b_wrap .s11_b_tbox {padding-left: 3%;}
.s11_b_wrap .s11_b_tbox h3 {font-size: 16px;}
.s11_b_wrap li:first-child .s11_b_tbox img, .s11_b_wrap li:nth-child(2) .s11_b_tbox img, .s11_b_wrap li:last-child .s11_b_tbox img {display: none !important;}
.s11_a_top .link {font-size: 14px;}
}

.s11_c_bg {background: url('./img/s11_img4.jpg')no-repeat center / cover; width: 100%; height: 729px; position: relative;}
.s11_c_tbox {background: #fff; width: 50%; position: absolute; bottom: 0; right: 0; padding: 4% 3%;}
.s11_c_tbox h2 {font-size: 32px; position: relative; margin-bottom: 25px; font-weight: 500;}
.s11_c_tbox h2::before {content: ''; display: block; width: 60px; height: 1px; background: #222; margin-bottom: 15px;}
.s11_c_tbox .s_txt_18px {color: #333;}
.s11_c_tbox_pc {display: block;}
.s11_c_tbox_mo {display: none;}

.s11_d {background: #eee; padding: 100px 0 150px; margin-top: 100px;}
.s11_d h2 {font-size: 42px; font-weight: 500}
.s11_d ul {display: flex; align-items: flex-start; justify-content: space-between; margin: 30px 0 60px;}
.s11_d li {width: 49%; font-weight: 300; line-height: 1.6;}
.s11_d li em {font-weight: 400;}
.s11_d figure img {max-width: 1200px; width: 100%; height: auto;}

@media(max-width:1280px){
.s11_d {padding: 80px 0 100px; margin-top: 80px;}
.s11_d h2 {font-size: 38px;}
.s11_d ul {margin: 15px 0 40px;}
.s11_d li {line-height: 1.7;}
.s11_d li br {display: none;}
}
@media(max-width:1080px){
.s11_c_bg {height: auto; padding: 27% 0;}
.s11_c_tbox h2 {font-size: 26px; margin-bottom: 3%;}
.s11_c_tbox h2::before {width: 43px; margin-bottom: 2%;}
.s11_c_tbox .s_txt_18px br {display: none;}

.s11_d {padding: 10% 0; margin-top: 10%;}
.s11_d h2 {font-size: 28px;}
}
@media(max-width:767px){
.s11_c_bg {padding: 28% 0;}
.s11_c_tbox {width: 70%;}
.s11_c_tbox h2 {font-size: 20px; margin-bottom: 2%;}
.s11_c_tbox h2::before {width: 35px; margin-bottom: 2%;}

.s11_d {padding: 7% 0; margin-top: 7%;}
.s11_d h2 {font-size: 20px;}
.s11_d ul {flex-flow: wrap; margin: 2% 0 4%;}
.s11_d li {width: 100%;}
.s11_d li:last-child {margin-top: 2%;}
}
@media(max-width:580px){
.s11_c_bg {padding: 25% 0;}
.s11_c_tbox_pc {display: none;}
.s11_c_tbox_mo {display: block; position: relative; width: 100%; background: none; padding: 0; margin-top: 5%;}
.s11_c_tbox h2 {font-size: 18px;}

.s11_d {padding: 15% 0; margin-top: 15%;}
.s11_d li:last-child {margin-top: 4%;}
}

/* s12 */
.s12_a .s21_img {margin-top: 70px;}
.s12_a .s21_img img {max-width: 100%; height: auto;}
.s12_a ul {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; margin-top: 50px;}
.s12_a li {width: 100%;}
.s12_a li .s_txt_18px {font-weight: 400; line-height: 1.7;}
.s12_a li figure {margin-bottom: 45px; display: none;}
.s12_a_left .s_txt_33px {font-weight: 400;}
.s12_a_left .s_txt_33px strong {font-weight: 600;}
.s12_a_left figure img {max-width: 565px; width: 100%; height: auto;}
.s12_a_left p:nth-child(2) {margin: 20px 0 36px;}
.s12_a_left em {font-weight: 500;}
.s12_a_right figure img {max-width: 565px; width: 100%; height: auto;}
.s12_a_right p:last-child {font-size: 20px; font-weight: 600; display: flex; align-items: center; justify-content: flex-end; margin-top: 50px;}
.s12_a_right p:last-child img {display: inline-block; margin-left: 12px; max-width: 110px; width: 100%; height: auto;}

.s12_b {background: #f4f4f4; position: relative; z-index: -2; padding: 100px 0; margin-top: 100px;}
.s12_b::after {content: ''; display: block; background: url('./img/s12_bg.png')no-repeat center / 100%; position: absolute; bottom: -20px; right: 130px; width: 509px; height: 509px; z-index: -1; filter:contrast(0) brightness(1.8);}
.s12_b .s_title {margin-top: 0;}
.s12_b figure {position: relative; box-shadow: 0 0 20px rgba(0,0,0,10%); margin: 50px 0 80px;}
.s12_b figure::before {content: ''; display: block; width: 120px; height: 120px; background: #958881; position: absolute; top: -10px; left: -10px; z-index: -1;}
.s12_b figure img {max-width: 1200px; width: 100%; height: auto; display: block;}
.s12_b_bottom {display: flex; align-items: flex-start;}
.s12_b_bottom h3.s_txt_33px {font-weight: 500; width: 40%;}
.s12_b_bottom h3.s_txt_33px::before {content: ''; display: block; width: 60px; height: 1px; background: #111; margin-bottom: 15px;}
.s12_b_bottom .s12_b_right {width: 60%; margin-top: 20px;}
.s12_b_bottom .s12_b_right h4 {font-weight: 600;}
.s12_b_bottom .s12_b_right li {font-size: 20px;}
.s12_b_bottom .s12_b_right li p {margin: 15px 0 70px;}
.s12_b_bottom .s12_b_right li:last-child p {margin-bottom: 0;}

@media(max-width:1280px){
.s12_a li .s_txt_18px br {display: none; line-height: 1.6;}
.s12_a_left p:nth-child(2) {margin: 2% 0 6%;}
.s12_a li figure {margin-bottom: 6%;}
.s12_a_right p:last-child {margin-top: 10%;}

.s12_b {padding: 80px 0; margin-top: 80px;}
.s12_b::after {bottom: 0; right: 0; width: 409px; height: 294px;}
}
@media(max-width:1080px){
.s12_a .s21_img {margin-top: 5%;}
.s12_a_right p:last-child {font-size: 16px; margin-top: 4%;}

.s12_b {padding: 8% 0; margin-top: 8%;}
.s12_b::after {width: 309px; height: 234px;}
.s12_b figure {margin: 3% 0 5%;}
.s12_b figure::before {top: -15px; left: -15px;}
.s12_b_bottom h3.s_txt_33px::before {width: 45px; margin-bottom: 2%;}
.s12_b_bottom .s12_b_right li p {margin: 2% 0 8%; font-size: 18px;}
}
@media(max-width:767px){
.s12_a ul {margin-top: 7%; flex-direction: column;}
.s12_a li {width: 100%;}
.s12_a li figure {margin-bottom: 2%;}
.s12_a_left .s_txt_33px br {display: none;}
.s12_a_left p:nth-child(2) {margin: 1% 0 3%;}
.s12_a li:last-child, .s12_a_right p:last-child {margin-top: 2%;}
.s12_a_right p:last-child {justify-content: center;}
.s12_a_right p:last-child img {width: 60px;}
.s12_a_right figure {display: none;}

.s12_b::after {opacity: 70%; width: 219px; height: 174px;}
.s12_b_bottom {flex-direction: column;}
.s12_b figure {width: 94%; margin: 5% auto 8%;}
.s12_b figure::before {top: -10px; left: -10px; width: 80px; height: 80px;}
.s12_b_bottom h3.s_txt_33px, .s12_b_bottom .s12_b_right {width: 100%;}
.s12_b_bottom h3.s_txt_33px br {display: none;}
.s12_b_bottom h3.s_txt_33px::before {width: 35px; margin-bottom: 1%;}
.s12_b_bottom .s12_b_right {margin-top: 7%;}
.s12_b_bottom .s12_b_right li p {margin: 8px 0 4%; font-size: 16px;}
}
@media(max-width:580px){
.s12_a li figure {margin-bottom: 4%;}
.s12_a li:last-child, .s12_a_right p:last-child {margin-top: 4%;}

.s12_b {padding: 15% 0; margin-top: 15%;}
.s12_b_bottom .s12_b_right li p {font-size: 14px;}
.s12_b figure::before {top: -7px; left: -7px;}
}

.s13_a {background: #f1f1f1; padding: 65px 0 160px; text-align: center; margin-top: 65px;}
.s13_a figure:first-child {display: block;}
.s13_a figure:last-child {display: none;}
.s13_a figure:first-child img {max-width: 698px; width: 100%; height: auto;}

@media(max-width: 1280px){
.s13_a {padding: 6% 0 8%; margin-top: 6%;}
}
@media(max-width: 767px){
.s13_a figure:first-child {display: none;}
.s13_a figure:last-child {display: block;}
.s13_a figure:last-child img {max-width: 1000px; width: 100%; height: auto;}
}
@media(max-width: 580px){
.s13_a {padding: 15% 0; margin-top: 6%;}
}


.s14_a {margin: 60px 0 100px;}
.s14_a1 {margin: 60px 0 100px;}
.s14_a_wrap {display: flex; align-items: flex-start; color: #fff;}
.s14_a_wrap > iframe, .s14_b figure {width: 55%;}
.s14_a_right {background: #103260; width: 45%; height: 590px; padding: 6% 40px;}
.s14_a_right > figure img {max-width: 250px; width: 100%; height: auto;}
.s14_a_right .s_txt_33px {border-bottom: 1px solid #fff; padding-bottom: 30px; margin: 20px 0 30px; font-size: 25px; width: 100%; font-weight: 500;}
.s14_a_bottom li {display: flex; align-items: flex-start; margin-bottom: 30px;}
.s14_a_bottom li:last-child {margin-bottom: 0;}
.s14_a_bottom li figure {width: 13%;}
.s14_a_bottom h4 {font-weight: 600; margin-bottom: 5px; color: #fff;}
.s14_a_bottom p {font-weight: 300; line-height: 1.4; color: #fff !important;}
.s14_a_bottom li:first-child img {max-width: 32px; width: 100%; height: auto;}
.s14_a_bottom li:nth-child(2) img {max-width: 25px; width: 100%; height: auto;}
.s14_a_bottom li:last-child img {max-width: 32px; width: 100%; height: auto;}

.s14_b.s14_a1 {margin: 0 0 100px;}
.s14_b .s14_a_right {background: #fff; height: 438px; padding: 2% 40px; border:1px solid #103260}
.s14_b .s14_a_right .s_txt_33px {margin: 0 0 30px; border-bottom: 1px solid #103260; color:#103260 !important}
.s14_b .s14_a_right h4 {color:#103260 !important}
.s14_b .s14_a_right p {color:#103260 !important}
.s14_b .s14_a_bottom li:first-child p {color: #ff4b4b !important; opacity: 1 !important;}
.s14_b .s14_a_bottom li:first-child p span {font-weight: 600;}
.s14_b .s14_a_bottom li:first-child img {max-width: 36px; width: 100%; height: auto;}
.s14_b .s14_a_bottom li:last-child img {max-width: 27px; width: 100%; height: auto;}
.s14_b .s14_a_bottom li img {margin-top: 6px;}
.s14_b .s14_a_bottom p {opacity: 80% !important;}

.s14_c {margin-bottom: 165px;}
.s14_c img {max-width: 1200px; width: 100%; height: auto; display: block;}

@media(max-width:1080px){
.s14_a1 {margin: 6% 0 10%;}
.s14_b.s14_a1 {margin: 0 0 10%;}
.s14_c {margin-bottom: 16%;}
.s14_a_wrap > iframe {height: 530px !important;}
.s14_a_right {height: 530px;}
.s14_a_right .s_txt_33px {margin: 2% 0 5%; margin-bottom: 7%;}
.s14_a_bottom li figure {width: 15%; margin-right: 8px;}
.s14_a_right .s_txt_18px {width: 70%;}
.s14_b .s14_a_bottom li:last-child .s_txt_18px p {font-size: 14px;}
.s14_b .s14_a_bottom li:last-child .s_txt_18px p br {display: none;}
}
@media(max-width:767px){
.s14_a_wrap {flex-direction: column;}
.s14_a_wrap > iframe, .s14_a_right {width: 100%;}
.s14_a_wrap > iframe, .s14_b figure {height: 55vw !important;}
.s14_b figure {width: 100%;}
.s14_b figure img {display: block; max-width: 670px; width: 100%; height: auto;}
.s14_a_right, .s14_b .s14_a_right {height: auto; padding: 4%;}
.s14_a_right figure {display: none;}
.s14_a_right .s_txt_33px {margin: 0; margin-bottom: 4%; padding-bottom: 0; border-bottom: none;}
.s14_a_bottom li {margin-bottom: 2%;}
.s14_a_bottom li:nth-child(2) p br {display: none;}
}

/* s21 */
.s21_tbox {display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; margin: 100px 0;}
.s21_tbox .s_title {font-weight: 300; text-align: left; margin-top: -15px; position: relative;}
.s21_tbox .s_title br {display: none;}
.s21_tbox .s_title::before {content: ''; display: block; width: 60px; height: 1px; background: #111; margin-bottom: 10px;}
.s21_tbox .s21_bottom {padding-top: 20px;}
.s21_tbox .s_txt_33px {margin-bottom: 20px; font-weight: 500;}
.s21_tbox .s_txt_18px {line-height: 1.8;}
.s21_tbox .s_txt_18px strong {font-weight: 500;}

.s21_a figure {margin-top: 70px;}
.s21_a figure img, .s21_b figure img {max-width: 1200px; width: 100%; height: auto;}

.s21_c {position: relative;}
.s21_c::after {content: ''; display: block; width: 100%; height: 1365px; background: #f4f4f4; position: absolute; top: 13%; left: 0; z-index: -2;}
.s21_c::before {content: ''; display: block; background: url('./img/m5_bg.png')no-repeat center / 100%; width: 561px; height: 561px; position: absolute; bottom: 0; right: 160px; z-index: -1; filter: contrast(0) brightness(1.8);}
.s21_c figure img {max-width: 1200px; width: 100%; height: auto;}
.s21_c ul {display: flex; align-items: flex-start; justify-content: space-between; width: 100%; margin-bottom: 60px;}
.s21_c ul li {width: 48%;}
.s21_c .s21_tbox {display: block; margin: 0;}
.s21_c .s21_tbox .s_txt_33px {margin: 40px 0 20px;}
.s21_c_left01 .s21_tbox {margin-bottom: 60px;}
.s21_c_left02 .s21_tbox {margin-bottom: 90px;}

@media(max-width:1280px){
.s21_c::before {right: 0;}
}
@media(max-width:1080px){
.s21_a figure {margin-top: 5%;}
.s21_tbox {margin: 7% 0;}
.s21_tbox .s_txt_33px {margin-bottom: 3%;}

.s21_tbox .s_txt_18px br {display: none;}

.s21_c::before {width: 361px; height: 274px;}
.s21_c_left01 .s21_tbox {margin-bottom: 15%;}
.s21_c .s21_tbox .s_txt_33px {margin: 5% 0 3%;}
.s21_tbox .s_txt_18px br {display: none;}
}
@media(max-width:767px){
.s21_tbox {flex-direction: column; margin: 6% 0 6%;}
.s21_tbox .s_txt_33px {margin: 0 0 1%;}
.s21_tbox .s_title {margin-bottom: 2%;}
.s21_tbox .s_title::before {width: 30px; margin-bottom: 5px;}
/* .s21_tbox .s_title{width: 80%;} */
.s21_tbox .s21_bottom {padding-top: 5px;}
.s21_c_left02 .s21_tbox {margin-bottom: 15%;}
}
@media(max-width:580px){
.s21_c::after {display: none;}
.s21_c {background: #f4f4f4; padding: 15% 0; margin-top: 0;}
.s21_c {margin-top: 7%;}
.s21_c ul {flex-flow: wrap;}
.s21_c ul li {width: 100%;}
.s21_tbox {margin: 8% 0 15%;}
.s21_tbox .s_title br {display: block;}
.s21_c .s21_tbox .s_txt_33px {margin: 3% 0;}
.s21_c_left01 .s21_tbox, .s21_c_left02 .s21_tbox {margin-bottom: 15%;}
}

/* s22 */
.s22 > .inner .s_txt_18px {text-align: center; margin-top: 60px;}
.s22_a ul {display: flex; flex-flow: wrap; align-items: flex-start; justify-content: space-between; margin-top: 50px;}
.s22_a li {width: 28%;}
.s22_a li:nth-child(2) {width: 40%;}
.s22_a li img {width: 100%; display: inline-block;}
.s22_a li:nth-child(2) img:last-child {margin-top: 20px;}

.s22_b {padding: 100px 0;}
.s22_b.s21_c::after {top: auto; bottom: 0; height: 60%;}
.s22_b.s21_c::before {display: none;}
.s22_b .s22_b_wrap {display: flex; align-items: flex-start; justify-content: space-between; width: 100%;}
.s22_b .s22_b_wrap > div {width: 100%;}

@media(max-width:1080px){
.s22 > .inner .s_txt_18px {margin-top: 4%;}
.s22_a ul {margin-top: 3%;}

.s22_b {padding: 10% 0;}
}
@media(max-width:767px){
.s22_b {background: #f4f4f4; padding: 8% 0; margin-top: 8%;}
.s22_a li:nth-child(2) img:last-child {margin-top: 2%;}
.s22 > .inner .s_txt_18px br {display: none;}
.s22_a ul {margin-top: 5%;}
.s22_b.s21_c::after {display: none;}
.s22_b .s22_b_wrap > div {width: 100%;}
}
@media(max-width:580px){
.s22_b {margin-top: 15%; padding: 15% 0;}
.s22 > .inner .s_txt_18px	{margin-top: 7%;}
.s22_a ul {margin-top: 6%;}
.s22_b .s22_b_wrap {flex-direction: column;}
.s22_b .s22_b_wrap > div {width: 100%;}
.s22_b .s22_b_wrap > div:first-child {margin-bottom: 0;}
.s21_c .s21_tbox .s_txt_33px {margin: 2% 0;}
}