/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; }
.sub_tab						{display:none;}
.inner {margin: 0 auto; max-width:1200px; width: 100%;}
.m_tit {font-size: 36px; font-weight: 700; color: #222; text-align: center;}
.link_btn {text-align: center; }
.link_btn a {position: relative; display: inline-block; padding: 1.25em 3em; border:1px solid #000; font-size: 16px; font-weight: 600; color: #111; z-index: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.link_btn a:hover, .link_btn a:focus, .link_btn a:before {color: #fff; border:1px solid #2b2e72;}
.link_btn a:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2b2e72; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.link_btn a:hover:before, .link_btn a:focus:before, .link_btn a:active:before {-webkit-transform:scaleX(1); transform:scaleX(1);}

.mv_link {position: fixed; right: 5.5%; bottom: 21.5%; z-index: 12;}
.mv_link a {display: flex; width: 130px; height: 130px; text-align: center; border-radius:100%; font-size: 16px; font-weight: 300; color: #fff; box-shadow:2px 5px 5px rgba(0,0,0,0.15); z-index: 0; -webkit-transition:.3s ease opacity; -moz-transition:.3s ease opacity; -o-transition:.3s ease opacity; transition:.3s ease opacity; justify-content: center; align-items: center;}
.mv_link a:hover {opacity: 0.9;}
.mv_link a.mv_link01 {background-color: #2b2e72;}
.mv_link a.mv_link02 {margin-top: 16px; background-color: #513880;}
.mv_link p {padding:5px;}


@media(max-width:1240px){
	.inner {padding:0 4%;}
	.m_tit {font-size: 32px;}
	.mv_link {bottom:20%; right: 4%;}
}
@media(max-width:1080px){
	.m_tit {font-size: 28px;}
	.mv_link a {width: 120px; height: 120px; font-size: 15px;}
	.mv_link a.mv_link02 {margin-top: 12px;}
}
@media(max-width:768px){
	.m_tit {font-size: 22px;}
	.mv_link a {width: 105px; height: 105px; font-size: 14px;}
	.mv_link a.mv_link02 {margin-top: 8px;}
	.link_btn a:hover, .link_btn a:focus, .link_btn a:before {color: #111; border:1px solid #000;}
	.link_btn a:before {display: none;}
	.mv_link a:hover {opacity: 1;}
}
@media(max-width:600px){
	.m_tit {font-size: 20px;}
	.mv_link{bottom:8%; right: 1.7%;}
	.mv_link a {width: 80px; height: 80px; font-size: 12px;}
	.mv_link a.mv_link02 {margin-top: 4px;}
}

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

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

/************************* header_inc 시작*************************/
/**/
.header_t			{width:100%; margin:0 auto; padding:32px 5.5%; position:fixed; left:0; top:0px; z-index:99; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; display:flex; justify-content:space-between; 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;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#fff; display:block; width:38px; height:2px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:12px; height:2px; width:26px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:12px; width:38px; height:2px;}

/* 로고 */
.header_logo {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
.header_logo img			{width: 195px; height:auto; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; transition: .3s ease all;}
.header_logo img.f_logo {position: absolute; opacity: 0; visibility:hidden; left: 0; top: 0;}

/* 로고 */
.header_lang a {display: inline-block; font-size: 16px; font-weight: 600; color: #fff; -moz-transition: .3s ease all; -o-transition: .3s ease all; transition: .3s ease all; }
.header_lang a:after {display: inline-block; content:''; margin: 0 15px 1px 17px; width: 1px; height: 9px; background-color: rgba(255,255,255,0.4);}
.header_lang a:last-of-type:after {display: none;}
.header_lang a:hover,
.header_lang a:active,
.header_lang a:focus {color:#2b2f78;}


@media(max-width:1240px){
	.header_t {padding: 32px 4%;}
}
@media(max-width:1080px){
	.header_t {padding: 28px 4%;}
	.header_logo img {width: 170px;}

	.mo_nav .navbar-toggle .icon-bar {width:28px;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:8px; height:2px; width:18px;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:8px; width:28px;}

	.header_lang a {font-size: 15px;}
	.header_lang a:after {margin:0 10px 1px 12px;}

	.link_btn a {font-size: 15px;}
}
@media(max-width:768px){
	.header_t {padding: 24px 4%;}
	.header_logo {position: relative; top:auto; left:auto; transform:none;}
	.header_logo img {width: 152px;}

	.mo_nav .navbar-toggle .icon-bar {width:28px;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:8px; height:2px; width:18px;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:8px; width:28px;}

	.header_lang {display: none;}

	.link_btn a {font-size: 14px;}
}
@media(max-width:600px){
	.link_btn a {font-size: 13px;}
}
@media(max-width:480px){
	.link_btn a {font-size: 12px;}
}


/**/
.f-nav{background-color: #fff; border-bottom:1px solid #ddd;}
.f-nav .header_logo img.t_logo {opacity: 0; visibility: hidden;}
.f-nav .header_logo img.f_logo {position: absolute; opacity: 1; visibility:visible;}
.f-nav .mo_nav .navbar-toggle .icon-bar {background-color: #000;}
.f-nav .header_lang a {color: #888;}
.f-nav .header_lang a:hover,
.f-nav .header_lang a:active,
.f-nav .header_lang a:focus {color:#2b2f78;}
/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_visual {position:relative; margin:0 auto;}
/************************* main_inc 끝*************************/

.main01 {padding:92px 0 100px; background:url(./img/main_bg01.png) no-repeat top right / auto #f8f8f8;}
.main01_tit {display: flex; justify-content: space-between; align-items:center; flex-flow:row wrap;}
.main01_tit .tit {width: 82%;}
.main01_tit h2 {font-size: 55px; font-weight: 700; color: #222;}
.main01_tit span {display: inline-block; margin:7px 0 28px; font-size: 25px; font-weight: 600; color: #2b2f78;}
.main01_tit p {font-size: 17px; color: #555; line-height: 1.7059;}
.main01_cont {margin-top: 66px;}

.main02 {padding:92px 0 100px;}
.main02_cont {margin: 51px 0 57px;}

.main03 {padding:87px 0 100px; background:url(./img/main_bg03.png) no-repeat bottom left / auto #f8f8f8;}
.main03_cont {margin:55px 0 50px;}

@media(max-width:1300px){
	.main01_tit h2 {font-size: 44px;}
}
@media(max-width:1240px){
	.main01_tit .tit {width: 75%;}
	.main01_tit p br {display: none;}
}
@media(max-width:1080px){
	.main01 {padding:72px 0 80px;}
	.main01_tit .tit {width: 70%;}
	.main01_tit h2 {font-size: 36px;}
	.main01_tit span {font-size: 21px;}
	.main01_tit p {font-size: 16px;}
	.main01_cont {margin-top: 56px;}

	.main02 {padding:72px 0 80px;}
	.main02_cont {margin:36px 0 42px;}

	.main03 {padding:77px 0 80px;}
	.main03_cont {margin:40px 0 35px;}
}
@media(max-width:768px){
	.main01 {padding:52px 0 60px;}
	.main01 {background-size:60%;}
	.main01_tit .tit {width: 70%;}
	.main01_tit h2 {font-size: 28px;}
	.main01_tit span {font-size: 17px;}
	.main01_tit p {font-size: 15px;}
	.main01_cont {margin-top: 46px;}

	.main02 {padding:52px 0 60px;}
	.main02_cont {margin:31px 0 37px;}

	.main03 {padding:57px 0 60px; background-size: 80%;}
	.main03_cont {margin:30px 0 25px;}
}
@media(max-width:600px){
	.main01 {background-size:60%;}
	.main01_tit .tit {margin-bottom: 20px; width: 100%;}
	.main01_tit h2 {font-size: 20px;}
	.main01_tit span {font-size: 16px;}
	.main01_tit p {font-size: 14px;}
}
/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:60px; border-bottom:1px solid #e5e5e5; }
.navi_in	{margin:0 auto; padding:0;max-width:1300px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:60px;  border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.home_btn_all a					{display:block; height:59px; line-height:60px; 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%;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:350px; padding:0 0 0 0; height:60px; position:relative; line-height:60px;  cursor:pointer; border-right:1px solid #e5e5e5;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; padding-left:27px; width:100%;}
.navi_title01 h1.sub_title{color:#333; font-weight:500; font-size:15px; padding-left:20px;}
.navi_title01 h1.sub_menu:hover { color:#333; }

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

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

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

.navi_sub {width:50%; max-width:350px; padding:0; height:60px; line-height:60px; position:relative; border-right:1px solid #e5e5e5;}
.navi_sub > h2						{ color:#333333; font-size:16px;  cursor:pointer; padding-left:27px;}
.navi_sub>a.down_btn4	{position:absolute; right:20px; 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; }

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

.extend3 {position:relative; top:-1px; width:100%;}
.extend3 > 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; }

.navi_sub>a.down_btn6{position: absolute; right: 20px; top: 0px;}

@media(max-width:1080px){
	.home_btn_all a {height: 51px; line-height: 52px;}
	.navi_all {height: 52px;}
	.navi_main {height: 52px; line-height: 52px;}
	.navi_sub {height: 52px; line-height: 52px;}
	.navi_main h1 {padding-left: 20px; font-size: 15px;}
	.navi_sub > h2 {padding-left: 20px; font-size: 15px;}
	.navi_title01 h1 {padding-left: 20px; font-size: 15px;}
	.navi_main h1.sub_manu {font-size: 13px;}
}
@media(max-width:768px){
	.home_btn_all {display:none;}
	.home_btn_all a {height: 45px; line-height: 46px;}
	.navi_left {width:100%; display:flex; flex-direction: column;}
	.navi_all {height: 46px;}
	.navi_main {width:100%; height: 46px; line-height: 46px; max-width:initial;}
	.navi_sub {width:100%; height: 46px; line-height: 46px; max-width:initial;}
	.navi_all {position:relative;}
	.navi_all::after {display:block; content:""; width:100%; height:1px; background-color: #e5e5e5; position:absolute; bottom:-46px; left:0;}
	.navi_main h1 {padding-left: 14px; font-size: 14px;}
	.navi_sub > h2 {padding-left: 14px; font-size: 14px;}
	.navi_title01 h1 {padding-left: 14px; font-size: 12px;}
	.navi_main h1.sub_manu {font-size: 12px;}

	.navi_main >a.down_btn1	{right:14px;}
	.navi_main >a.down_btn2	{right:14px;}
	.navi_main >a.down_btn3	{right:14px;}
	.navi_sub>a.down_btn4	{right:14px;}
}
@media(max-width:500px){
	.navi_main, .navi_sub {width:90%;}

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


/************************* sub 시작 *************************/
.s_tit {font-size: 36px; font-weight: 500; text-align: center; color: #222;}

.tab_list {display: flex; margin:41px 0 34px;}
.tab_list li {width:33.33%; border:1px solid #ddd; border-right:none; background-color: #f6f6f6; display: flex; align-items: center; justify-content: center;}
.tab_list li:last-child {border:1px solid #ddd; border-right:1px solid #ddd;}
.tab_list li.active {border:1px solid #2b2f78; background-color: #fff;}
.tab_list li.active a {color: #2b2f78; font-weight: 700;}
.tab_list li a {display: block; padding:18px 4px; text-align: center; font-size: 18px; font-weight: 500; color: #222;}
.tab_cont li {background-color: #fff; display: none; flex-flow:row wrap;}
.tab_cont li.active {display: flex;}

@media(max-width:1080px){
	.s_tit {font-size: 30px;}
	.tab_list {margin:35px 0 30px;}
	.tab_list li a {padding:16px 4px; font-size: 17px;}
}
@media(max-width:768px){
	.s_tit {font-size: 25px;}
	.tab_list {margin:30px 0 26px;}
	.tab_list li a {padding:14px 4px; font-size: 16px;}
}
@media(max-width:600px){
	.s_tit {font-size: 20px;}
	.tab_list {flex-direction: column; margin:25px 0 22px;}
	.tab_list li {border:1px solid #ddd; width:100%;}
	.tab_list li a {padding:12px 4px; font-size: 15px;}
}

.s11_a {padding: 60px 0 97px; background:url(./img/s11_bg01.png) no-repeat bottom left;}
.s11_a figure {margin-bottom: 60px; position: relative; z-index: 0;}
.s11_a figure:after{position: absolute; right: -20px; top: -20px; content:''; display:block; width: 220px; height: 209px; background-color: #d7d8ee; z-index: -1;}
.s11_a figure img {max-width:100%; vertical-align:middle;}
.s11_a .txt h3 {margin-bottom: 26px; font-size: 33px; font-weight: 700; color: #222;}
.s11_a .txt h3 span {color: #2b2f78;}
.s11_a .txt div {margin-bottom: 43px; display: flex; justify-content: space-between; flex-flow: row wrap;}
.s11_a .txt div p {width: 49%; font-size: 17px; color: #555; line-height: 1.7058;}
.s11_a .txt h4 {text-align:right; font-weight: 700; font-size: 20px; color: #222;} 

.s11_b {padding:90px 0 64px; background-color: #f8f8f8;}
.s11_b .c_wrap {margin-top: 42px;}

.s11_c {padding:89px 0 96px;}
.s11_c .c_wrap {margin-top: 42px;}

.s11_d {padding:88px 0; background-color: #fcfcfc;}

.s11_d .tab_cont li:nth-child(2) {flex-flow: row-reverse wrap;}
.s11_d .tab_cont .txt_box {padding:56px 0 56px 80px;; width: 50%;}
.s11_d .tab_cont .desc {margin-bottom: 46px; padding-right:80px;}
.s11_d .tab_cont .desc h3 {margin-bottom: 29px; font-size: 20px; font-weight: 700; color: #222;}
.s11_d .tab_cont .desc p {font-size: 17px; color: #222; line-height: 1.7058;}
.s11_d .tab_cont .info {padding-right: 60px;}
.s11_d .tab_cont .info div {margin-bottom: 22px; display: flex; align-items:center;}
.s11_d .tab_cont .info div:last-child {margin-bottom: 0;}
.s11_d .tab_cont .info h4 {width: 31%; font-size: 17px; font-weight: 600; color: #222;}
.s11_d .tab_cont .info h4 span {margin-right: 12px; vertical-align:middle;}
.s11_d .tab_cont .info h4 img {max-width:100%; vertical-align: middle;}
.s11_d .tab_cont .info p {width: 69%; font-size: 17px; color: #555;}
.s11_d .tab_cont .img_box {width: 50%;}
.s11_d .tab_cont .img_box img {max-width:100%; vertical-align: middle;}

@media(max-width:1240px){
	.s11_d .tab_cont .txt_box {padding:50px 0 50px 60px;}
	.s11_d .tab_cont .desc {margin-bottom: 35px; padding-right: 50px;}
}
@media(max-width:1080px){
	.s11_a {padding: 50px 0 87px;}
	.s11_a figure {margin-bottom: 50px;}
	.s11_a .txt h3 {margin-bottom: 22px; font-size: 28px;}
	.s11_a .txt div p {font-size: 16px;}
	.s11_a figure:after {top: -15px; right: -15px; width: 170px; height: 170px;}
	.s11_a .txt h4 {font-size: 18px;}

	.s11_b {padding:80px 0 59px;}
	.s11_b .c_wrap {margin-top: 37px;}

	.s11_c {padding:79px 0 86px;}
	.s11_c .c_wrap {margin-top: 37px;}
	.s11_d {padding:78px 0;}
	.s11_d .tab_cont .txt_box {padding:40px 0 40px 50px; width: 60%;}
	.s11_d .tab_cont .img_box {width: 40%;}
	.s11_d .tab_cont .desc {margin-bottom: 25px; padding-right: 20px;}
	.s11_d .tab_cont .desc h3 {margin-bottom: 25px; font-size: 30px;}
	.s11_d .tab_cont .desc p {font-size: 16px;}
	.s11_d .tab_cont .info {padding-right: 25px;}
	.s11_d .tab_cont .info div {margin-bottom: 18px;}
	.s11_d .tab_cont .info h4 {font-size: 16px; width: 35%;}
	.s11_d .tab_cont .info h4 span {margin-right: 12px;}
	.s11_d .tab_cont .info p {font-size: 16px; width: 65%;}
}
@media(max-width:768px){
	.s11_a {padding:30px 0 77px; background-size:70%;}
	.s11_a figure {margin-bottom: 40px;}
	.s11_a .txt h3 {margin-bottom: 18px; font-size: 23px;}
	.s11_a .txt div p {margin-bottom: 15px; font-size: 15px; width: 100%;}
	.s11_a .txt div p:last-child {margin-bottom: 0;}
	.s11_a figure:after {top: -10px; right: -10px; width: 130px; height: 130px;}
	.s11_a .txt h4 {font-size: 17px;}

	.s11_b {padding:70px 0 54px;}
	.s11_b .c_wrap {margin-top: 32px;}

	.s11_c {padding:69px 0 76px;}
	.s11_c .c_wrap {margin-top: 32px;}

	.s11_d {padding:68px 0;}
	.s11_d .tab_cont .txt_box {width: 65%; padding:24px 0 24px 24px;}
	.s11_d .tab_cont .img_box {width: 35%;}
	.s11_d .tab_cont .desc {margin-bottom: 15px;}
	.s11_d .tab_cont .desc h3 {margin-bottom: 15px; font-size: 25px;}
	.s11_d .tab_cont .desc p {font-size: 15px;}
	.s11_d .tab_cont .info {padding-right: 10px;}
	.s11_d .tab_cont .info div {margin-bottom: 14px;}
	.s11_d .tab_cont .info h4 {font-size: 15px;}
	.s11_d .tab_cont .info h4 span {margin-right: 9px;}
	.s11_d .tab_cont .info p {font-size: 15px;}
}
@media(max-width:600px){
	.s11_a {padding:20px 0 67px;}
	.s11_a figure {margin-bottom: 30px;}
	.s11_a .txt h3 {margin-bottom: 14px; font-size: 18px;}
	.s11_a figure:after {width: 90px; height: 90px;}
	.s11_a .txt h4 {font-size: 16px;}

	.s11_b {padding:60px 0 49px;}
	.s11_b .c_wrap {margin-top: 27px;}

	.s11_c {padding:59px 0 66px;}
	.s11_c .c_wrap {margin-top: 27px;}

	.s11_d {padding:50px 0;}
	.s11_d .tab_cont li {flex-flow: column-reverse wrap;}
	.s11_d .tab_cont li:nth-child(2) {flex-flow: column-reverse wrap;}
	.s11_d .tab_cont .txt_box {padding:20px 16px; width: 100%;}
	.s11_d .tab_cont .img_box {width: 100%;}
	.s11_d .tab_cont .desc {padding-right: 0;}
	.s11_d .tab_cont .desc h3 {margin-bottom: 10px; font-size: 20px;}

	.s11_d .tab_cont .info {padding-right: 0;}
	.s11_d .tab_cont .info div {margin-bottom: 10px;}
	.s11_d .tab_cont .info h4 {width: 40%; font-size: 14px;}
	.s11_d .tab_cont .info h4 span {margin-right: 6px;}
	.s11_d .tab_cont .info p {width: 70%;}
	.s11_d .tab_cont .info div{flex-flow:row wrap;}
	.s11_d .tab_cont .info div p{width:100%; padding:0 0 8px 20px;}
}

.s12_a {padding:60px 0 100px;}

.s13_a {padding:89px 0 100px;}
.s13_a figure img {margin: 0 auto; display: block; max-width:100%; vertical-align: middle;}
.s13_mo {display: none;}
@media(max-width:1080px){
	.s12_a {padding:55px 0 90px;}
	.s13_a {padding:79px 0 90px;}
}
@media(max-width:768px){
	.s12_a {padding:30px 0 80px;}
	.s13_a {padding:30px 0 80px;}
	.s13_a {display: none;}
	.s13_mo {display: block;} 
}
@media(max-width:600px){
	.s12_a {padding:20px 0 50px;}
	.s13_a {padding:20px 0 50px;}
}
.s14_a {padding:60px 0 94px;}
.s14_a figure {margin-bottom: 55px;}
.s14_a figure img {max-width:100%; vertical-align: middle;}
.s14_a .txt {display: flex; justify-content:space-between; flex-flow:row wrap;}
.s14_a .txt h3 {width: 26%; font-size: 30px; font-weight: 700; color: #222;}
.s14_a .txt h2{margin-bottom: 30px; font-size: 20px; line-height: 1.7058; color: #222; font-weight:600;}
.s14_a .txt h3:after {display: block; margin-top: 23px; content:''; width: 40px; height: 2px; background-color: #2b2f78;}
.s14_a .txt div p {margin-bottom: 30px; font-size: 17px; line-height: 1.7058; color: #222;}
.s14_a .txt div>span{display: block; font-size:15px; text-align:right;}
.s14_a .txt div p:last-child {margin-bottom: 0;}
.s14_a .txt div p span {color: #2b2f78;}

@media(max-width:1080px){
	.s14_a {padding:45px 0 84px;}
	.s14_a figure {margin-bottom: 45px;}
	.s14_a .txt h3 {width: 32%; font-size: 18px;}
	.s14_a .txt h3:after {margin-top: 17px; width: 36px;}
	.s14_a .txt div p {margin-bottom: 24px; font-size: 16px;}
}
@media(max-width:768px){
	.s14_a {padding:30px 0 74px;}
	.s14_a figure {margin-bottom: 35px;}
	.s14_a .txt h3 {width: 100%; font-size: 22px;}
	.s14_a .txt h3:after {margin-top: 13px; margin-bottom: 16px; width: 32px;}
	.s14_a .txt div p {margin-bottom: 18px; font-size: 15px;}
	.s14_a .txt div>span{font-size:14px;}
	.s14_a .txt h2{font-size:18px; margin-bottom:15px;}
}
@media(max-width:600px){
	.s14_a {padding:20px 0 50px;}
	.s14_a figure {margin-bottom: 25px;}
	.s14_a .txt h3 {font-size: 18px;}
	.s14_a .txt h2{font-size:17px; line-height:1.5; margin-bottom:15px;}
	.s14_a .txt h3:after {margin-top: 8px; margin-bottom: 12px; width: 28px;}
	.s14_a .txt div p {margin-bottom: 12px; font-size: 14px;}
	.s14_a .txt div>span{font-size:13px;}
}

.s16_a {padding-bottom: 85px;}
.s16_a .tab_list {display: flex; margin:60px 0 38px;}
.s16_a .tab_cont li  {display: none;}
.s16_a .tab_cont li.active {display: block;}
.s16_a .tab_cont .txt_box h3 {padding-bottom: 40px; font-size: 30px; font-weight: 500; color: #222; border-bottom:1px solid #000;}
.s16_a .tab_cont .info_box {padding: 35px 0 40px; display: flex; align-items:center;}
.s16_a .tab_cont .info_box .addr {align-items: normal;}
.s16_a .tab_cont .info_box div {display: flex; flex:1 auto; align-items:center;}
.s16_a .tab_cont .info_box div h4 {position: relative; padding-left: 15px; font-size: 18px; font-weight: 500; color: #555;}
.s16_a .tab_cont .info_box div h4:before {position: absolute; top: 12px; left: 0; content:''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #2b2f78;}
.s16_a .tab_cont .info_box div p {padding-left: 42px; font-size: 17px; color: #555;}
.s16_a .tab_cont .map_box {padding-bottom: 29px; border-bottom:1px solid #ddd;}
.s16_a .tab_cont .map_box iframe {width: 100%; height: 505px;}

@media(max-width:1240px){
	.s16_a .tab_cont .map_box iframe {height: 39vw;}
}
@media(max-width:1080px){
	.s16_a {padding-bottom: 75px;}
	.s16_a .tab_list {margin:50px 0 33px;}
	.s16_a .tab_cont .txt_box h3 {padding-bottom: 30px; font-size: 26px;}
	.s16_a .tab_cont .info_box {padding: 30px 0 35px;}
	.s16_a .tab_cont .info_box div h4 {padding-left: 13px; font-size: 17px;}
	.s16_a .tab_cont .info_box div p {padding-left: 10px; font-size: 16px;}
	.s16_a .tab_cont .map_box {padding-bottom: 25px;}
}
@media(max-width:768px){
	.s16_a {padding-bottom: 65px;}
	.s16_a .tab_list {margin:30px 0 28px;}
	.s16_a .tab_cont .txt_box h3 {padding-bottom: 20px; font-size: 22px;}
	.s16_a .tab_cont .info_box {flex-flow: row wrap; padding:25px 0 25px;}
	.s16_a .tab_cont .info_box div {flex:auto; margin-bottom: 5px;}
	.s16_a .tab_cont .info_box div h4 {padding-left: 11px; font-size: 16px;}
	.s16_a .tab_cont .info_box div h4:before {top: 11px; width: 3px; height: 3px;}
	.s16_a .tab_cont .info_box div p {padding-left: 15px; font-size: 15px;}
	.s16_a .tab_cont .map_box {padding-bottom: 20px;}
}
@media(max-width:600px){
	.s16_a {padding-bottom: 50px;}
	.s16_a .tab_list {margin:20px 0 23px;}
	.s16_a .tab_cont .txt_box h3 {padding-bottom: 10px; font-size: 18px;}
	.s16_a .tab_cont .info_box {padding:20px 0 20px;}
	.s16_a .tab_cont .info_box div h4 {padding-left: 9px; font-size: 15px;}
	.s16_a .tab_cont .info_box div p {padding-left: 11px; font-size: 14px;}
	.s16_a .tab_cont .map_box {padding-bottom: 15px;}
	.s16_a .tab_cont .map_box iframe {height: 220px;}
}

.s31_a {padding:60px 0 100px;}

.s31_a ul {display: flex; justify-content: space-between; flex-flow:row wrap; z-index: 0;}
.s31_a ul li {position:relative; margin-bottom: 120px; width: 26%; text-align: center; z-index: 0;}
.s31_a ul li:before {position: absolute; content:""; display: block; width: 100%; height: 1px; top:20px; background-color: #ddd; z-index: -1;}
.s31_a ul li:nth-child(1):before,
.s31_a ul li:nth-child(4):before {left: 50%;}
.s31_a ul li:nth-child(3):before, 
.s31_a ul li:nth-child(6):before {right: 50%;}
.s31_a ul li:nth-child(3n) {margin-right: 0;}
.s31_a ul li:after {position: absolute; content:""; display: block}
.s31_a ul li:nth-child(1):after {top: 140px; right: -24%; width: 14px; height: 35px; background:url(../include/img/s31_arrow01.png) no-repeat center / cover;}
.s31_a ul li:nth-child(2):after {top: 140px; right: -24%; width: 14px; height: 35px; background:url(../include/img/s31_arrow01.png) no-repeat center / cover;}
.s31_a ul li:nth-child(3):after {bottom: -80px; right: 0; left:0; margin:auto; width: 14px; height: 35px; background:url(../include/img/s31_arrow01.png) no-repeat center / cover; transform:rotate(90deg);}
.s31_a ul li:nth-child(4):after {top: 140px; right: -24%; width: 14px; height: 35px; background:url(../include/img/s31_arrow02.png) no-repeat center / cover;}
.s31_a ul li:nth-child(5):after {top: 140px; right: -24%; width: 14px; height: 35px; background:url(../include/img/s31_arrow02.png) no-repeat center / cover;}
.s31_a ul li span {display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius:100%; background-color: #2b2f78; font-size: 18px; font-weight: 600; color: #fff;}
.s31_a ul li figure {margin-top: 21px; height: 78px;}
.s31_a ul li:nth-child(4) figure,
.s31_a ul li:nth-child(5) figure,
.s31_a ul li:nth-child(6) figure {height: 57px;}
.s31_a ul li figure img {vertical-align: top;}
.s31_a ul li .txt {margin:21px 0 29px;}
.s31_a ul li .txt h3 {margin-bottom: 17px; font-size: 20px; font-weight: 700; color: #2b2f78;}
.s31_a ul li .txt p {font-size: 17px; color: #222; line-height: 1.7058;}
.s31_a ul li strong {display: inline-block; padding:0 1.125em; min-width:155px; height: 36px; text-align: center; line-height: 36px; font-size: 16px; font-weight: 500; color: #fff; background-color: #abadd4; border-radius:18px;}

.s31_a .info {display: flex; padding:37px 0 38px; justify-content: space-between; align-items:center; border: 1px solid #ddd;}
.s31_a .info figure {width: 16%; text-align: center;}
.s31_a .info img {width: 67px; max-width:100%; vertical-align: top;;}
.s31_a .info .txt {padding-right: 20px; width: 84%;}
.s31_a .info .txt h3 {margin-bottom: 14px; font-size: 27px; font-weight: 700; color: #222;}
.s31_a .info .txt p {position: relative; margin-bottom: 5px; padding-left: 13px; font-size: 18px; color: #222;}
.s31_a .info .txt p:last-child {margin-bottom: 0;}
.s31_a .info .txt p:before {position: absolute; content:""; display: block; top: 12px; left: 0; width: 6px; height: 2px; background-color: #2b2f78;}

@media(max-width:1080px){
	.s31_a {padding : 55px 0 75px;}
	.s31_a ul li {width: 30%; margin-bottom: 60px;}
	.s31_a ul li:nth-child(1):after {right: -11%; width: 14px; height: 35px; background:url(../include/img/s31_arrow01.png) no-repeat center / cover;}
	.s31_a ul li:nth-child(2):after {right: -11%; width: 14px; height: 35px; background:url(../include/img/s31_arrow01.png) no-repeat center / cover;}
	.s31_a ul li:nth-child(3):after {bottom: -45px; right: 0; left:0; margin:auto; width: 14px; height: 35px; background:url(../include/img/s31_arrow01.png) no-repeat center / cover; transform:rotate(90deg);}
	.s31_a ul li:nth-child(4):after {right: -11%; width: 14px; height: 35px; background:url(../include/img/s31_arrow02.png) no-repeat center / cover;}
	.s31_a ul li:nth-child(5):after {right: -11%; width: 14px; height: 35px; background:url(../include/img/s31_arrow02.png) no-repeat center / cover;}
	.s31_a ul li span {width: 38px; height: 38px; line-height: 38px; font-size: 16px;}
	.s31_a ul li figure {margin-top: 18px; height: auto !important;}
	.s31_a ul li figure img {width:auto; height: 51px;}
	.s31_a ul li .txt {padding: 0 12px;}
	.s31_a ul li .txt h3 {margin-bottom: 13px; font-size: 18px;}
	.s31_a ul li .txt p {font-size: 15px;}
	.s31_a ul li strong {font-size: 16px; min-width: 150px;}

	.s31_a .info {padding: 32px 0 33px;}
	.s31_a .info .txt h3 {margin-bottom: 12px; font-size: 24px;}
	.s31_a .info .txt p {margin-bottom: 4px; padding-left: 12px; font-size: 17px;}
	.s31_a .info .txt p:before {top: 12px; left: 0; width: 6px; height: 2px;}
}@media(max-width:900px){
	.s31_a ul li {width: 48%; margin-bottom: 40px;}
	.s31_a ul li:nth-child(4) {order:6}
	.s31_a ul li:nth-child(5) {order:5}
	.s31_a ul li:nth-child(6) {order:4}
	.s31_a ul li:nth-child(2n-1):before {left: 50%; right:auto;}
	.s31_a ul li:nth-child(2n):before {right: 50%; left:auto;}
	.s31_a ul li:nth-child(1):after {right: -7%; width: 14px; height: 22px; background:url(../include/img/s31_arrow01.png) no-repeat center / cover;}
	.s31_a ul li:nth-child(2):after {display: none;}
	.s31_a ul li:nth-child(3):after {top: 140px; right: -7%; left:auto; bottom:auto; width: 14px; height: 22px; background:url(../include/img/s31_arrow01.png) no-repeat center / cover; transform: rotate(0deg);}
	.s31_a ul li:nth-child(4):after {display: none;}
	.s31_a ul li:nth-child(5):after {right: -7%; width: 14px; height: 22px; background:url(../include/img/s31_arrow01.png) no-repeat center / cover;}
}
@media(max-width:768px){
	.s31_a {padding : 30px 0 70px;}
	.s31_a ul li span {width: 36px; height: 36px; line-height: 36px; font-size: 15px;}
	.s31_a ul li figure {margin-top: 16px;}
	.s31_a ul li .txt {margin:13px 0 20px;}
	.s31_a ul li .txt h3 {margin-bottom: 9px; font-size: 17px;}
	.s31_a ul li .txt p {font-size: 14px;}
	.s31_a ul li .txt p br {display: none;}
	.s31_a ul li strong {font-size: 15px; min-width: 145px;}

	.s31_a .info {padding: 27px 0 28px;}
	.s31_a .info figure {width: 25%;}
	.s31_a .info img {width: 52px;}
	.s31_a .info .txt {width: 75%;}
	.s31_a .info .txt h3 {margin-bottom: 10px; font-size: 21px;}
	.s31_a .info .txt p {margin-bottom: 3px; padding-left: 11px; font-size: 16px;}
	.s31_a .info .txt p:before {top: 11px; left: 0; width: 4px; height: 2px;}
}
@media(max-width:600px){
	.s31_a {padding : 20px 0 50px;}
	.s31_a ul li span {width: 34px; height: 34px; line-height: 34px; font-size: 14px;}
	.s31_a ul li figure {margin-top: 14px;}
	.s31_a ul li figure img {height: 44px;}
	.s31_a ul li .txt {margin:11px 0 14px;}
	.s31_a ul li .txt h3 {font-size: 16px;}
	.s31_a ul li .txt p {font-size: 13px;}
	.s31_a ul li strong {font-size: 14px; min-width: 140px;}

	.s31_a .info{flex-flow:row wrap;}
	.s31_a .info figure {width: 100%;}
	.s31_a .info .txt {width: 100%; padding:0 4%; margin-top:10px;}
	.s31_a .info {padding: 22px 0 23px;}
	.s31_a .info .txt h3 {margin-bottom: 8px; font-size: 18px;}
	.s31_a .info .txt p {margin-bottom: 2px; padding-left: 10px; font-size: 15px;}
}

@media(max-width:480px){
	.s31_a ul li {margin-bottom: 80px; width: 100%;}
	.s31_a ul li:before {display: none;}
	.s31_a ul li:nth-child(1):after {top:auto; right: auto; left: 50%; transform:translateX(-50%); bottom:-46px; width: 35px; height: 14px; background:url(../include/img/s31_arrow03.png) no-repeat center / cover;}
	.s31_a ul li:nth-child(2):after {display: block; top:auto; right: auto; left: 50%; transform:translateX(-50%); bottom:-46px; width: 35px; height: 14px; background:url(../include/img/s31_arrow03.png) no-repeat center / cover;}
	.s31_a ul li:nth-child(3):after {top:auto; right: auto; left: 50%; transform:translateX(-50%); bottom:-46px; width: 35px; height: 14px; background:url(../include/img/s31_arrow03.png) no-repeat center / cover;}
	.s31_a ul li:nth-child(5):after {top:auto; right: auto; left: 50%; transform:translateX(-50%); bottom:-46px; width: 35px; height: 14px; background:url(../include/img/s31_arrow03.png) no-repeat center / cover;}
	.s31_a ul li:nth-child(6):after {display: block; top:auto; right: auto; left: 50%; transform:translateX(-50%); bottom:-46px; width: 35px; height: 14px; background:url(../include/img/s31_arrow03.png) no-repeat center / cover;}
	.s31_a ul li:nth-of-type(4){margin-bottom:60px;}
	.s31_a ul li .txt {padding: 0 24px;}
}

.s41_a {padding:62px 0 111px;}

.s41_a ul {position:relative; display: flex; justify-content: space-between; flex-flow:row wrap;  z-index: 0; margin-bottom: 67px;}
.s41_a ul:last-child {margin-bottom: 0;}
.s41_a ul:before {position: absolute; left: 0; right: 0; top: 20px; margin:auto; content:""; display: block; width: 890px; height: 1px; background-color: #ddd; z-index: -1;}
.s41_a ul li {position:relative; width: 25%; text-align: center;}
.s41_a ul li:after {position:absolute; content:""; top: 83px; right: -3%; width: 14px; height: 35px; background:url(../include/img/s31_arrow01.png) no-repeat center / cover;}
.s41_a ul:nth-of-type(1) li:nth-of-type(4):after {top:auto; bottom:-45px; transform: rotate(90deg); left:0; right:0; margin:auto;}
.s41_a ul:nth-of-type(2) li:nth-of-type(4):after {display: none;}
.s41_a ul:nth-of-type(2) li:after{transform:rotate(180deg);}
.s41_a ul li span {display: inline-block; margin-bottom: 28px; width: 40px; height: 40px; line-height: 40px; border-radius:100%; background-color: #2b2f78; font-size: 18px; font-weight: 600; color: #fff;}
.s41_a ul li figure {height: 75px;}
.s41_a ul li figure img {vertical-align: top; max-width:100%;}
.s41_a ul li p {margin-bottom: 13px; font-size: 17px; font-weight: 500;; color: #2b2f78;}
.s41_a ul li h3 {font-size: 20px; font-weight: 500; color: #222; line-height: 1.4;}

@media(max-width:1240px){
	.s41_a ul:before {width: 75%;}
}
@media(max-width:1080px){
	.s41_a {padding:57px 0 101px;}
	.s41_a ul li span {margin-bottom: 24px; width: 38px; height: 38px; line-height: 38px; font-size: 16px;}
	.s41_a ul li figure {height: 70px;}
	.s41_a ul li p {margin-bottom: 11px; font-size: 16px;}
	.s41_a ul li h3 {font-size: 18px;}
}
@media(max-width:768px){
	.s41_a {padding:52px 0 46px;}
	.s41_a ul {margin-bottom: 0;}
	.s41_a ul:before {display: none;}
	.s41_a ul li {margin-bottom: 60px; width: 48%;}
	.s41_a ul li:before {position: absolute; left: 0; right: 0; top: 16px; margin:auto; content:""; display: block; width: 100%; height: 1px; background-color: #ddd; z-index: -1;}
	.s41_a ul li:nth-child(2n-1):before {left: 50%;}
	.s41_a ul li:nth-child(2n):before {left:auto; right: 50%;}
	.s41_a ul:nth-of-type(1) li:nth-child(2n):after {display: none;}
	.s41_a ul li span {margin-bottom: 20px; width: 36px; height: 36px; line-height: 36px; font-size: 15px;}
	.s41_a ul li figure {height:auto; margin-bottom: 16px;}
	.s41_a ul li figure img {height: 46px;}
	.s41_a ul li p {margin-bottom: 9px; font-size: 15px;}
	.s41_a ul li h3 {font-size: 17px;}

	.s41_a ul:nth-of-type(2) li:after{transform:rotate(0deg);}
	.s41_a ul:nth-of-type(2) li:nth-of-type(4):after {display: block;}
	.s41_a ul:nth-of-type(2) li:nth-child(2n-1):after {display: none;}
	.s41_a ul:nth-of-type(2) li:nth-of-type(4){order:-4;}
	.s41_a ul:nth-of-type(2) li:nth-of-type(3){order:-3;}
	.s41_a ul:nth-of-type(2) li:nth-of-type(2){order:-2;}
	.s41_a ul:nth-of-type(2) li:nth-of-type(1){order:-1;}
	.s41_a ul:nth-of-type(2) li:nth-child(2n):before{left: 50%; right: auto;}
	.s41_a ul:nth-of-type(2) li:nth-child(2n-1):before{right: 50%; left: auto;}
}
@media(max-width:600px){
	.s41_a {padding:20px 0 0 0;}
	.s41_a ul li{margin-bottom:50px;}
	.s31_a ul li span {margin-bottom: 16px; width: 34px; height: 34px; line-height: 34px; font-size: 14px;}
	.s41_a ul li p {margin-bottom: 9px; font-size: 14px;}
	.s41_a ul li h3 {font-size: 16px;}
}
/************************* sub 끝 *************************/


/************************* footer_inc 시작 *************************/
.footer_wrap {background-color: #444; padding:37px 0 23px;}
.footer_site_link ul li {display: inline-block;}
.footer_site_link ul li:first-child:after {display: inline-block; margin: 0px 12px 0 17px; content:''; background-color: rgba(255,255,255,0.2); width: 1px; height: 10px;}
.footer_site_link ul li a {color: #fff; font-size: 15px;}
.footer_cont {display: flex; justify-content:space-between; flex-flow: row wrap; padding:18px 0 38px; border-bottom:1px solid rgba(255,255,255,0.2);}
.footer_txt {margin-bottom:6px;}
.footer_txt p {margin-bottom: 10px; font-size: 14px; color: #b2b2b2;}
.footer_txt p:last-child {margin-bottom: 0;}
.footer_sns {padding-top: 4px;}
.footer_sns ul {display: flex;}
.footer_sns ul li {margin-left: 6px; width: 55px; height: 55px; border:1px solid rgba(255,255,255,0.35); border-radius:100%;}
.footer_sns ul li a {display: flex; justify-content:center; align-items:center; width: 100%; height: 100%;}
.footer_sns ul li:first-child {margin-left: 0;}
.footer_copyright p a {color: #777;}
.footer_copyright p a:hover {color: #aaa;}
.footer_copyright {padding-top: 20px;}
.footer_copyright p {font-size: 14px; color: #b2b2b2;}

@media(max-width:1300px){
	.footer_txt {margin-bottom: 14px; width: 100%;}
}
@media(max-width:1080px){
	.footer_sns ul li {width: 50px; height: 50px;}
}
@media(max-width:768px){
	.footer_wrap {padding:28px 0 20px;}
	.footer_cont {padding:16px 0 22px;}
	.footer_txt p {margin-bottom: 8px; font-size: 13px;}
	.footer_site_link ul li a {font-size: 14px;}
	.footer_copyright p {font-size: 13px;}
	.footer_sns ul li {width: 42px; height: 42px;}
	.footer_sns ul li a img {height: 14px;}
}@media(max-width:600px){

}
/************************* footer_inc 끝 *************************/

/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right: 5.5%;
	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);
}
@media(max-width:1240px){
	#toTop {right: 4%;}
}
#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/