/* include 공통 CSS */

/************************* 공통 시작*************************/
.noto {font-family: 'Noto Sans KR', sans-serif;}
.sub_title_navi			{display:block; }
.sub_tab						{display:none;}
.inner {max-width:1300px; width: 100%; margin: 0 auto;}
.en {letter-spacing: 0.01em;}
.view {display:inline-block; font-size: 17px; font-weight: 500; color: #fff !important;}
.view span {display: inline-block; margin-left: 2px; vertical-align:middle; width: 30px; height: 30px; border-radius:100%; background-color: #566793; text-align: center; line-height: 30px;}
.view:hover span {animation: viewMove 1s infinite;}
.view img {width:13px !important;}
@media(max-width:1340px){
	.inner {padding: 0 4%;}
}
@media(max-width:1080px){
	.view {font-size: 15px;}
	.view img {width:12px !important;}
	.view span {width: 26px; height: 26px; line-height: 26px;}
}
@media(max-width:768px){
	.view {font-size: 13px;}
	.view img {width:10px !important;}
	.view span {width: 22px; height: 22px; line-height: 22px; animation:none !important;}
}

@keyframes viewMove {
	0%{
		transform:translateX(0);
	}
	50%{
		transform:translateX(10px);
	}
	100%{
		transform:translateX(0px);
	}
}


.sub_right						{width:100%; position:relative;}

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

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

/* 로고 */
.header_logo {position: relative;}
.header_logo img			{margin-top: 2px; height:auto; vertical-align:top; -webkit-transition:.5s ease all; -moz-transition:.5s ease all; -o-transition:.5s ease all; transition:.5s ease all;}
.header_logo img.t_logo {opacity: 1; visibility:visible;}
.header_logo img.h_logo {position: absolute; left: 0; opacity: 0; visibility: hidden;}
.f-nav .header_logo img.t_logo {opacity: 0; visibility:hidden;}
.f-nav  .header_logo img.h_logo {opacity: 1; visibility:visible;}

.header_gnb_bg {position:relative; display:flex; width: 45%; justify-content:space-between; align-items:center; z-index: 0;}
.header_gnb_bg:before {display:block; position:fixed; content:''; width:100%; background-color: #fff; left: 0; top: 87px; opacity: 0; visibility:hidden; transition:.3s ease all; z-index: -10; box-shadow: 1px 1px 7px rgb(0 0 0 / 6%); border-top:1px solid #eee;}
.header_gnb_bg.active:before {top: 97px; height: 170px; opacity: 1; visibility:visible;}

.header_right {display: flex; align-items:center;}
.header_right .hd_btn {margin-right: 24px; border-radius:20px; overflow: hidden;}
.header_right .hd_btn a {position:relative; display:block; width: 140px; height: 40px; line-height: 40px; text-align: center; background-color: #566793; color: #fff; font-size: 15px; font-weight: 700; color: #fff; z-index: 0; transition:.3s ease-out all; overflow: hidden; border-radius:20px;}
.header_right .hd_btn a:hover {color: #212121;}
.header_right .hd_btn a:before {position:absolute; opacity: 0; content:''; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; border-radius:100%; background-color: #eee; transform:scale(0); transition:.3s ease-out all;}
.header_right .hd_btn a:hover:before {transform:scale(2); opacity: 1;}

.heightBlank					{}

/* 햄벅 */
.mo_nav				{display:block; }
.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; display: flex; flex-flow: column wrap; align-items: flex-end; background-color:transparent;}
.mo_nav .navbar-toggle .icon-bar {background:#fff; display:block; width:21px; height:2px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:8px; width: 21px; height: 2px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:8px; width:30px; height:2px;}

.f-nav .mo_nav .navbar-toggle .icon-bar {background-color: #212121;}

.mo_nav:hover .navbar-toggle .icon-bar {transform:translateX(-10px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar {transform:translateX(-10px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar {transform:translateX(0);}

/**/
.f-nav{background-color: #fff;}
.f-nav .major .m_li > a {color: #212121;}

/* 네비게이션 */
.menu {width: 100%;}
.major {width: 100%;}
.major > ul {display: flex; justify-content:space-between;}
.major .m_li {position:relative;  flex: 1 1 auto; text-align: center;}
.major .m_li > a {display:block; padding:39px 0; font-size: 18px; font-weight: 600; color: #fff; transition:.5s ease all;}
.major .m_li:hover > a {color: #566793;}

.sub {position:absolute; display: block; width: 100%; opacity: 0; visibility: hidden; transition:.5s ease all;}
.header_gnb_bg.active .sub {margin-top: 10px; opacity: 1; visibility:visible;}
.sub .s_li {text-align: center;}
.sub .s_li a {display: block; font-size: 16px; font-weight: 500; padding:0.6em 0; transition:.5s ease all;}
.sub .s_li a:hover {color: #566793;}


@media(max-width:1760px){
	.header_in {padding: 0 4%;}
}
@media(max-width:1400px){
	.header_logo img {margin-top: 0; width: 160px;}
	.header_gnb_bg {width: 55%;}
	.header_gnb_bg:before {top: 68px;}
	.header_gnb_bg.active:before {top: 78px; height: 170px;}
	.major .m_li > a {padding:30px 0 29px; font-size: 16px;}
	.sub .s_li a {font-size: 14px;}
	.header_right .hd_btn a {width: 128px; height: 36px; line-height: 36px; font-size: 14px;}
}
@media(max-width:1080px){
	.header_t {padding:20px 0}
	.header_gnb_bg {display: none;}
}
@media(max-width:768px){
	.header_t {padding:16px 0}
	.header_logo img {width: 136px;}
	.header_right .hd_btn {margin-right: 12px;}
	.header_right .hd_btn a {width: 108px; height: 32px; line-height: 32px; font-size: 13px;}
	.header_right .hd_btn a:hover {color: #fff;}
	.header_right .hd_btn a:before {display: none;}

	.mo_nav:hover .navbar-toggle .icon-bar {transform:translateX(0);}
	.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar {transform:translateX(0);}
}
@media(max-width:480px){
	.header_logo img {width: 118px;}
	.header_right .hd_btn a {width: 94px; height: 28px; line-height: 28px; font-size: 12px;}
}


/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/

/************************* main_inc 끝*************************/
.mv_tit {text-align: center;}
.mv_tit h2 {font-size: 40px; font-weight: 700; color: #fff; }
.mv_tit h2:before {display: block; margin: 0 auto 20px; content:''; background-color: #566793; width: 22px; height: 7px; transform:rotate(-45deg)}
.mv_tit p {margin-top: 24px; font-size: 18px; font-weight: 300; color: #fff; line-height: 1.5556;}

.mv_02 {position: relative; margin-top: 99px;}
.mv_02 .mv_tit {position: absolute; top: 106px; left: 50%; transform:translateX(-50%); z-index: 10;}
.mv_02 ul {display: flex; flex-flow:row wrap;}
.mv_02 ul li {width: 33.3334%; height:100vh; max-height:880px; z-index: 0;}
.mv_02 ul li > a {position:relative; display: flex; flex-flow: column wrap; justify-content:center; align-items:center; width: 100%; height: 100%; z-index: 0;}
.mv_02 ul li:first-child > a {background:url(./img/mv_02a.jpg) no-repeat center / cover;}
.mv_02 ul li:nth-child(2) > a {background:url(./img/mv_02b.jpg) no-repeat center / cover;}
.mv_02 ul li:nth-child(3) > a {background:url(./img/mv_02c.jpg) no-repeat center / cover;}
.mv_02 ul li > a:before {position:absolute; display: block; content:''; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; transition:.5s ease all; background-color: rgba(39,39,39,0.8); z-index: -1;}
.mv_02 ul li > a:hover:before {background-color: rgba(39,39,39,0.2);}
.mv_02 ul li figure {margin:96px auto 0; display:flex; justify-content:center; align-items:center; width: 170px; height: 170px; border-radius:100%; background-color:rgba(255,255,255,0.4);}
.mv_02 ul li h3 {margin:32px 0 20px; text-align: center; font-weight: 500; font-size: 30px; color: #fff;}
.mv_02 ul li p {text-align: center; font-size: 18px; font-weight: 300; line-height: 1.5556; color: #fff;}

.mv_03 {margin: 100px auto 0; padding:108px 0 102px; width: 100%; max-width:1800px; background:url(./img/mv_03a.jpg) no-repeat center / cover; text-align: center;}
.mv_03 ul {display: flex; justify-content:center; margin: 98px auto 60px; width: 65%;}
.mv_03 ul li {text-align: center; flex: 1 1 auto;}
.mv_03 ul li figure {position:relative; display: inline-block; margin-bottom: 24px; z-index: 0; }
.mv_03 ul li figure:after {position:absolute; display: inline-block; width: 30px; height: 30px; border-radius:100%; content:''; background-color: rgba(86,103,147,0.65); z-index: -1;}
.mv_03 ul li:first-child figure:after {top: -4px; right: -7px;}
.mv_03 ul li:nth-child(2) figure:after {bottom: -12px; left: -17px;}
.mv_03 ul li:nth-child(3) figure:after {top: -15px; left: -10px;}
.mv_03 ul li:nth-child(4) figure:after {bottom: -1px; right:-10px;}
.mv_03 ul li p {font-size: 22px; font-weight: 400; color: #fff;}

.mv_04 {margin-top: 108px;}
.mv_04 .mv_tit h2 {color: #212121;}
.mv_04 .lt_wrap {margin-top: 56px; border-top:1px solid #f0f0f0;}

.mv_05 {padding: 96px 0 113px; background:url(./img/mv_05a.jpg) no-repeat center / cover;}
.mv_05 .c_wrap {display: flex; flex-flow: row wrap; justify-content:space-between;}
.mv_05 .c_wrap .content {width: 49.5%;}
.mv_05 .info p {font-size: 16px; font-weight: 600; color: #a3a3a3; letter-spacing: 0.3em;}
.mv_05 .info h3 {margin:23px 0 11px; font-size: 40px; font-weight: 300; line-height: 1.3;}
.mv_05 .info h3 b {font-weight: 500; color: #121212;}
.mv_05 .info span {font-size: 18px; font-weight: 300;}
.mv_05 #agree2 {margin: 0; margin-bottom: 3px;}

.mv_05 .privacy_check .send {margin-top: 22px;}
.mv_05 #btn_submit {position:relative; width: 140px; height: 40px; line-height: 40px; border-radius:20px; font-size: 15px; color: #fff; background-color: #383838; transition:.5s ease all;}
.mv_05 #btn_submit:hover {opacity: 0.7;}
.mv_05 .privacy_check {margin-top: 60px;}
.mv_05 .privacy_check input[type=checkbox] {width: 15px; height: 15px; border-radius:0 !important; border:1px solid #222;}
.mv_05 .privacy_check span {font-size: 16px; margin-left: 4px;}
.mv_05 .privacy_check .red {font-size: 16px; color: #db2020; font-weight: 500;}
.mv_05 .write_list {display: flex; flex-flow: row wrap; justify-content:space-between;}
.mv_05 .write_list li {width: 48.7%; margin-bottom: 17px;}
.mv_05 .write_list li:last-child {width: 100%; margin-bottom: 0;}
.mv_05 .write_list li input {width: 100%; padding:0.971em 1em; font-size: 17px; font-weight: 300; border:1px solid #eaeaea;}
.mv_05 .write_list li input::placeholder {color: #888;}
.mv_05 .write_list li textarea {width: 100%; font-size: 17px; font-weight: 300; border:1px solid #eaeaea; padding:1em; height: 113px;}
.mv_05 .write_list li textarea::placeholder {color: #888;}

@media(max-width:1400px){
	.mv_tit h2 {font-size: 36px;}
	.mv_tit h2:before {margin:0 auto 14px;}
	.mv_tit p {margin-top: 10px; font-size: 17px;}

	.mv_02 .mv_tit {top: 56px;}
	.mv_02 ul li {max-height:none; height: 657px;}
	.mv_02 ul li h3 {margin:28px 0 16px; font-size: 28px;}
	.mv_02 ul li p {font-size: 17px;}

	.mv_03 ul li p {font-size: 20px;}

	.mv_05 .info p {font-size: 15px;}
	.mv_05 .info h3 {font-size: 36px;}
	.mv_05 .info span {font-size: 17px;}
	.mv_05 .privacy_check span {font-size: 15px;}
	.mv_05 .privacy_check .red {font-size: 15px;}
	.mv_05 #btn_submit {width: 128px; height: 36px; line-height: 36px; font-size: 14px;}

	.mv_05 .write_list li {margin-bottom: 15px;}
	.mv_05 .write_list li input {font-size: 16px;}
	.mv_05 .write_list li textarea {font-size: 16px;}
}
@media(max-width:1080px){
	.mv_tit h2 {font-size: 28px;}
	.mv_tit h2:before {margin:0 auto 10px; width: 18px; height: 4px;}
	.mv_tit p {font-size: 16px;}

	.mv_02 {margin:80px 0 auto;}
	.mv_02 ul li {height: 487px;}
	.mv_02 ul li figure {margin-top: 146px; width: 110px; height: 110px;}
	.mv_02 ul li:first-child div img {width: 44px;}
	.mv_02 ul li:nth-child(2) div img {width: 52px;}
	.mv_02 ul li:nth-child(3) div img {width: 32px;}
	.mv_02 ul li h3 {margin:14px 0 12px; font-size: 22px;}
	.mv_02 ul li p {font-size: 16px;}

	.mv_03 {margin: 80px auto 0; padding: 56px 0 80px;}
	.mv_03 ul {margin: 52px auto 45px; width: 80%;}
	.mv_03 ul li p {font-size: 18px;}

	.mv_04 {margin-top: 80px;}
	.mv_04 .lt_wrap {margin-top: 30px;}
	
	.mv_05 {padding: 70px 0 88px;}
	.mv_05 .c_wrap .content {width: 48%;}
	.mv_05 .privacy_check {margin-top: 48px;}
	.mv_05 .info p {font-size: 14px;}
	.mv_05 .info h3 {font-size: 24px;}
	.mv_05 .info span {font-size: 16px;}
	
	.mv_05 .write_list li input {font-size: 14px;}
	.mv_05 .write_list li textarea {font-size: 14px; height: 96px;}
}

@media(max-width:960px){
	.mv_05 .write_list li {width: 100%;}
}
@media(max-width:768px){

	.mv_tit {width: 100%; padding:0 10%;}
	.mv_tit h2 {font-size: 20px;}
	.mv_tit h2:before {margin:0 auto 10px; width: 14px; height: 2px;}
	.mv_tit p {font-size: 13px;}
	.mv_tit p br {display: none;}

	.mv_02 {margin:60px 0 auto;}
	.mv_02 .mv_tit {display: block; position: static; transform:none;}
	.mv_02 .mv_tit h2 {color: #212121;}
	.mv_02 .mv_tit p {color: #212121;}
	
	.mv_02 ul {margin-top: 36px;}
	.mv_02 ul li {margin-bottom: 2%; height: 45vw; width: 100%;}
	.mv_02 ul li > a:before {width: 40%; background-color: rgba(86, 103, 147);}
	.mv_02 ul li > a:hover:before {width: 40%;background-color: rgba(86, 103, 147);}
	.mv_02 ul li > a:after {position: absolute; display: block; content: ''; right: 0; top: 0; width: 60%; height: 100%; transition: .5s ease all; background-color: rgba(20,20,20,0.3); z-index: -1; border-left:1px solid #ccc;}
	.mv_02 ul li:first-child > a {background-position: bottom right !important; background-size: 60% !important;}
	.mv_02 ul li:nth-child(2) > a {background-position: bottom right !important; background-size: 60% !important;}
	.mv_02 ul li:nth-child(3) > a {background-position: bottom right !important; background-size: 60% !important;}
	.mv_02 ul li > a div {position: absolute; width: 40%; left: 0; top: 50%; transform:translateY(-50%);}
	.mv_02 ul li figure {margin-top: 0; width: 13vw; height: 13vw; border:2px solid #fff; background-color:transparent;}
	.mv_02 ul li:first-child figure img {width: 6vw;}
	.mv_02 ul li:nth-child(2) figure img {width: 7vw;}
	.mv_02 ul li:nth-child(3) figure img {width: 5vw;}
	.mv_02 ul li h3 {margin:10px 0 8px; font-size: 15px;}
	.mv_02 ul li p {font-size: 13px; padding:0 4%;}

	.mv_03 {position:relative; margin: 60px auto 0; padding: 56px 0 66px; z-index: 0;}
	.mv_03:before {position: absolute; display: block; content:''; left: 0; top: 0; right: 0; bottom: 0; background:rgba(0,0,0,0.35); z-index: -1;}
	.mv_03 ul {margin:0px auto 32px; width: 100%; flex-flow:row wrap;}
	.mv_03 ul li {width: 50%; flex:auto; margin-top: 35px;}
	.mv_03 ul li figure:after {width: 20px; height: 20px;}
	.mv_03 ul li figure {margin-bottom: 18px;}
	.mv_03 ul li figure img {width: 42px;}
	.mv_03 ul li:nth-child(2) figure:after {bottom: -4px; left: -12px;}
	.mv_03 ul li:nth-child(3) figure:after {top: -10px; left: -8px;}
	.mv_03 ul li p {font-size: 13px;}

	.mv_04 {margin-top: 60px;}

	.mv_05 {padding:36px 0 80px;}
	.mv_05 .c_wrap {position: relative;}
	.mv_05 .c_wrap .content {width: 100%;}
	.mv_05 .c_wrap .content:last-child {margin-top: 40px;}
	.mv_05 .info p {font-size: 13px;}
	.mv_05 .info h3 {margin:14px 0 10px; font-size: 18px;}
	.mv_05 .info span {font-size: 13px;}
	.mv_05 .privacy_check {position:absolute; width: 100%; left: 0; bottom: -50px; display: flex; align-items:center; margin-top: 0;}
	.mv_05 .privacy_check .send {margin-top: 0; margin-left: 20px;}
	.mv_05 .privacy_check .red {font-size: 13px;}
	.mv_05 .privacy_check span {font-size: 13px; margin-left: 0;}
	.mv_05 .privacy_check input[type=checkbox] {width: 13px; height: 13px;}
	.mv_05 #btn_submit {width: 108px; height: 32px; line-height: 30px; font-size: 13px;}
	.mv_05 #btn_submit:hover {opacity: 1;}

	.mv_05 .write_list li {width: 48%;}
	.mv_05 .write_list li input {font-size: 13px; padding:0.65em 0.5em;}
	.mv_05 .write_list li textarea {font-size: 13px; padding:0.75em 0.5em;}
	
}
@media(max-width:600px){
	.mv_tit {padding: 0 4%;}
}
@media(max-width:480px){

	.mv_02 ul li figure {border:1px solid #fff;}
	.mv_02 ul li h3 {margin:8px 0 6px; font-size: 15px;}
	.mv_02 ul li p {font-size: 13px;}
	.mv_02 ul li:first-child > a {background-size:55%;}
	.mv_02 ul li:nth-child(2) > a {background-size:55%;}
	.mv_02 ul li:nth-child(3) > a {background-size:55%;}
	.mv_02 ul li > a:before {width: 45%;}
	.mv_02 ul li > a:hover:before {width: 45%;}
	.mv_02 ul li > a:after {width: 55%;}
	.mv_02 ul li > a div {width: 45%;}

	.mv_03 ul li figure {margin-bottom: 8px;}
	.mv_03 ul li figure img {width: 30px;}

	.mv_05 .info h3 {font-size: 18px;}
	.mv_05 .privacy_check {justify-content:space-between;}
	.mv_05 .privacy_check .send {margin-left: 0;}
	.mv_05 #btn_submit {width: 94px; height: 28px; line-height: 28px; font-size: 12px;}
}

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:60px; border-bottom:1px solid #ddd; }
.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;}
.home_btn_all a					{display:block; height:60px; line-height:60px; text-align:center; background-color: #566793;}
.home_btn_all a:hover		{}
.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:256px; padding:0 0 0 0; height:60px; position:relative; line-height:60px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; width:100%; position:relative; line-height:60px; }
.navi_title01 h1 {color:#777; font-size:14px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#121212; font-size:18px; padding-left: 34px; font-weight: 500;}
.navi_main h1.sub_manu {font-size: 14px;color: #666; height: 45px; line-height: 45px;}
.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:256px; padding:0; height:60px; line-height:60px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#121212; font-size:18px; padding-left: 34px; font-weight: 500;}
.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; 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:0px; min-height:1px; width:100%; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend2 h1 {color:#333; font-size:18px; padding-left: 34px; font-weight: 500;}
.extend2 > ul a { text-decoration:none; height: 45px; line-height: 45px;}
.extend2 > ul a h1 {font-size: 14px;color: #666;}

/*
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; }
.down_btn img {padding-bottom: 2px;}
.down_btn2 img {padding-bottom: 2px;}

@media(max-width:1080px){
	.navi_all {height: 52px;}
	.home_btn_all {max-width:52px;}
	.home_btn_all a {height: 52px; line-height: 52px;}
	.navi_main {height: 52px; line-height: 52px;}
	.navi_main h1 {padding-left: 20px; font-size: 16px;}
	.navi_main h1.sub_manu {font-size: 13px;}
	.navi_sub {height: 52px; line-height: 52px;}
	.navi_sub > h2 {padding-left: 20px; font-size: 16px;}
	.extend2 h1 {padding-left: 20px;}
	.extend2 > ul a h1 {font-size: 13px;}
}
@media(max-width:768px){
	.navi_all {height: 42px;}
	.home_btn_all {max-width:42px;}
	.home_btn_all a {height: 42px; line-height: 42px;}
	.navi_main {height: 42px; line-height: 42px;}
	.navi_main h1 {padding-left: 12px; font-size: 13px;}
	.navi_main h1.sub_manu {font-size: 12px;}
	.navi_sub {height: 42px; line-height: 42px;}
	.navi_sub > h2 {padding-left: 12px; font-size: 13px;}
	.extend2 h1 {padding-left: 12px;}
	.extend2 > ul a h1 {font-size: 12px;}
}

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

/************************* 서브 공통 시작 *************************/

.s_in {width: 1300px; max-width: 100%; margin: 0 auto;}
.s_tit {text-align: center; margin-top: 96px;}
.s_tit p {margin-bottom: 5px; font-size: 16px; font-weight: 700; color: #566793;}
.s_tit h2 {font-size: 42px; font-weight: 700;}
.s_tit span {margin-top: 25px; display:inline-block; font-size: 18px; color: #555; line-height: 1.5556;}

@media(max-width:1340px){
	.s_in {padding:0 4%;}
}

@media(max-width:1080px){
	.s_tit {margin-top: 66px;}
	.s_tit h2 {font-size: 32px;}
	.s_tit p {font-size: 15px;}
	.s_tit span {margin-top: 20px; font-size: 14px;}
}
@media(max-width:768px){
	.s_tit {margin-top: 46px;}
	.s_tit h2 {font-size: 20px;}
	.s_tit p {font-size: 13px;}
	.s_tit span {margin-top: 15px; font-size: 13px;}
}


/************************* 서브 공통 끝 *************************/

/************************* s11 시작 *************************/
.s11_a {padding:92px 0 122px; text-align: center;}
.s11_a h3 {margin-bottom: 27px; font-size: 33px; font-weight: 700;}
.s11_a h3:before {margin: 0 40px 6px 0; display: inline-block; content:''; width: 61px; height: 44px; background:url('img/s11_tit1.png') no-repeat center / cover; vertical-align: middle;}
.s11_a h3:after {margin: 0 0 6px 46px; display: inline-block; content:''; width: 61px; height: 44px; background:url('img/s11_tit2.png') no-repeat center / cover; vertical-align: middle;}
.s11_a p {margin-bottom: 61px; font-size: 20px; line-height: 1.7; color: #4d4d4d;}
.s11_a div {display: flex; justify-content:space-between; }
.s11_a div img {display: block; max-width:100%; vertical-align:top;}

@media(max-width:1340px){
	.s11_a h3 {font-size: 30px;}
	.s11_a h3:before {width: 44px; height: 32px; margin: 0 12px 6px 0;}
	.s11_a h3:after {width: 44px; height: 32px; margin: 0 0 6px 12px;}
	.s11_a div figure:first-child {width: 65%;}
	.s11_a div figure:nth-child(2) {width: 32%;}
}
@media(max-width:1080px){
	.s11_a {padding:40px 0 80px;}
	.s11_a h3 {margin-bottom: 18px; font-size: 24px;}
	.s11_a h3:before {width: 28px; height: 20px; margin: 0 8px 6px 0;}
	.s11_a h3:after {width: 28px; height: 20px; margin: 0 0 6px 8px;}
	.s11_a p {margin-bottom: 40px; font-size: 17px;}
}
@media(max-width:768px){
	.s11_a {padding: 24px 0 70px;}
	.s11_a h3 {position:relative; font-size: 18px; padding:0 4%;}
	.s11_a h3:before {position:absolute; left: 0; top: 0; width: 20px; height: 15px; margin: 0;}
	.s11_a h3:after {position:absolute; right: 0; top: 0; width: 20px; height: 15px; margin: 0;}
	.s11_a p {margin-bottom: 25px; font-size: 13px;}
	.s11_a p br {display: none;}
}
/************************* s11 끝 *************************/
/************************* s12 시작 *************************/
.s12_a {padding:59px 0 84px;}
.s12_a .his_txt {text-align: center;}
.s12_a .his_txt h2 {margin-bottom: 20px; font-size: 33px; font-weight: 600; color: #222;}
.s12_a .his_txt p {font-size: 18px; color: #888;}

.s12_b {padding-bottom: 100px;}
.s12_b .his_wrap {position: relative;}
.s12_b .his_wrap:before {position: absolute; content:''; display: block; left: 50%; transform:translateX(-50%); width: 1px; height: 100%; background-color: #566793; z-index: -1;}
.s12_b .his_wrap:after {position: absolute; content:''; display: block; left: 50%; transform:translateX(-50%); width: 6px; height: 6px; background-color: #566793;}
.s12_b .his_wrap h3 {margin: 0 auto; width: 200px; height: 45px; line-height: 45px; border:1px solid #566793; font-size: 18px; font-weight: 500; text-align: center; color: #566793; border-radius:22px; background-color: #fff;}
.s12_b .his_wrap ul {margin-top: 76px;}
.s12_b .his_wrap ul {padding:0 0 18px; width: 50%; text-align:right;}
.s12_b .his_wrap ul:nth-child(2n) {margin-left: auto; text-align:left;}
.s12_b .his_wrap ul li h4 {position:relative; padding:0 52px; margin-bottom: 29px; font-size: 30px; font-weight: 600; color: #161616;}
.s12_b .his_wrap ul li h4:after {position: absolute; content:''; display: inline-block; top: 12px; right: -7px; width: 14px; height: 14px; border:4px solid #566793; background-color: #fff;}
.s12_b .his_wrap ul:nth-child(2n) li h4:after {right: auto; left:-7px;}
.s12_b .his_wrap ul li div {padding:0 52px;}
.s12_b .his_wrap ul li p {margin-bottom: 13px; font-size: 18px;  color: #5d5d5d;}
.s12_b .his_wrap ul li p:last-child {margin-bottom: 0;}

@media(max-width:1080px){
	.s12_a {padding:40px 0 60px; }
	.s12_a .his_txt h2 {margin-bottom: 15px; font-size: 24px;}
	.s12_a .his_txt p {font-size: 17px;}

	.s12_b {padding-bottom: 90px;}
	.s12_b .his_wrap:after {width: 5px; height: 5px;}
	.s12_b .his_wrap ul {margin-top: 60px;}
	.s12_b .his_wrap h3 {width: 190px; height: 42px; line-height: 41px; font-size: 17px;}
	.s12_b .his_wrap ul li h4 {margin-bottom: 18px; padding:0 36px; font-size: 24px;}
	.s12_b .his_wrap ul li h4:after {top: 8px; right: -6px; width: 12px; height: 12px; border: 3px solid #566793;}
	.s12_b .his_wrap ul li:nth-child(2n) h4:after {left:-6px}
	.s12_b .his_wrap ul li p {margin-bottom: 8px; font-size: 16px;}
	.s12_b .his_wrap ul li div {padding: 0 36px;}
}
@media(max-width:768px){
	.s12_a {padding:24px 0 30px;}
	.s12_a .his_txt h2 {margin-bottom: 10px; font-size: 18px;}
	.s12_a .his_txt p {font-size: 13px;}

	.s12_b {padding-bottom: 80px;}
	.s12_b .his_wrap:after {width: 4px; height: 4px;}
	.s12_b .his_wrap ul {margin-top: 50px;}
	.s12_b .his_wrap h3 {width: 154px; height: 34px; line-height: 34px; font-size: 14px;}
	.s12_b .his_wrap ul li h4 {margin-bottom: 10px; padding:0 20px; font-size: 18px;}
	.s12_b .his_wrap ul li h4:after {top: 7px; right: -4px; width: 8px; height: 8px; border: 2px solid #566793;}
	.s12_b .his_wrap ul li:nth-child(2n) h4:after {left:-4px}
	.s12_b .his_wrap ul li p {margin-bottom: 8px; font-size: 14px;}
	.s12_b .his_wrap ul li div {padding: 0 20px;}
}
/************************* s12 끝 *************************/
/************************* s13 시작 *************************/
.s13_a {padding: 56px 0 118px;}
@media(max-width:1080px){
	.s13_a {padding:40px 0 80px;}
}
@media(max-width:1080px){
	.s13_a {padding:30px 0 70px;}
}
/************************* s13 끝 *************************/
/************************* s21 시작 *************************/
.s21_a {padding: 90px 0 104px; border-bottom: 1px solid #ddd;}
.s_tit2 {margin:54px 0 63px; text-align: center;}
.s_tit2 h3 {margin-bottom: 20px; font-size: 33px; font-weight: 500; line-height: 1.36;}
.s_tit2 p {font-size: 18px; font-weight: 400; line-height: 1.5556; color: #121212;}

@media(max-width:1080px){
	.s_tit2 {margin: 32px 0 52px;}
	.s_tit2 h3 {margin-bottom: 15px; font-size: 24px;}
	.s_tit2 p {font-size: 17px;}
}
@media(max-width:768px){
	.s_tit2 {margin:20px 0 40px;}
	.s_tit2 h3 {margin-bottom: 10px; font-size: 18px;}
	.s_tit2 p {font-size: 13px;}
	.s12_b .his_wrap li div {padding-left: 0;}
	.s12_b .his_wrap li:nth-child(2n) div {padding-left: 20px; padding-right: 0;}
}

.s21_a ul {display: flex; justify-content:center; flex-flow: row wrap;}
.s21_a ul li {margin:0 26px; width: 185px; height: 185px; border-radius:100%; background:url(./img/s21_bg03.jpg) no-repeat center / cover; color: #fff; display: flex; justify-content:center; align-items:center; flex-direction: column;}
.s21_a ul li:nth-child(2) {background:url(./img/s21_bg04.jpg) no-repeat center / cover;}
.s21_a ul li:nth-child(3) {background:url(./img/s21_bg01.jpg) no-repeat center / cover;}
.s21_a ul li:nth-child(4) {background:url(./img/s21_bg02.jpg) no-repeat center / cover;}
.s21_a ul li span {font-weight: 600; font-size: 20px;}
.s21_a ul li p {margin-top: 16px; font-weight: 700; font-size: 20px;}

.s21_b {padding: 89px 0 100px;}
.s21_b ul {max-width:1200px; width: 100%; margin: 0 auto;}
.s21_b ul li {margin-bottom: 60px; display: flex; align-items:center; justify-content:space-between;}
.s21_b ul li:last-child {margin-bottom: 0;}
.s21_b ul li figure {width: 38.3%;}
.s21_b ul li img {max-width:100%; display: block; margin: 0 auto; vertical-align:top;}
.s21_b ul li h3 {position:relative; margin:17px 0 28px; font-size: 25px; font-weight: 500;}
.s21_b ul li h3:before {position: absolute; content:''; top: 18px; left: -49px; display: block; width: 20px; height: 2px; background-color: #566793;}
.s21_b ul li h3.en:before {top: 14px;}
.s21_b ul li p {margin-bottom: 5px; padding-left: 11px; position:relative; font-size: 18px; color: #555; line-height: 1.5556;}
.s21_b ul li p:before {position: absolute; content:''; left: 0; top: 10px; display: block; width: 4px; height: 4px; background-color: #566793;}
.s21_b ul li > div {width: 53.6%;}

@media(max-width:1080px){
	.s21_a {padding:50px 0 70px;}
	.s21_a ul li {width: 140px; height: 140px; margin: 0 20px;}
	.s21_a ul li:first-child {margin-left: 0;}
	.s21_a ul li:last-child {margin-right: 0;}
	.s21_a ul li span {font-size: 18px;}
	.s21_a ul li p {margin-top: 6px; font-size: 18px;}

	.s21_b ul li figure {width: 38%;}
	.s21_b ul li > div {width: 54%;}
	.s21_b ul li h3 {margin: 5px 0 15px; font-size: 20px;}
	.s21_b ul li h3:before {width: 12px; top: 14px; left: -22px;}
	.s21_b ul li h3.en:before {top: 11px;}
	.s21_b ul li p {padding-left: 8px; font-size: 16px;}
	.s21_b ul li p:before {top: 9px; width: 3px; height: 3px;}
}
@media(max-width:768px){
	
	.s21_a {padding:40px 0 30px;}
	.s21_a ul li {width: 110px; height: 110px; margin: 0 10px}
	.s21_a ul li span {font-size: 14px;}
	.s21_a ul li p {font-size: 14px;}

	.s21_b {padding: 55px 0 90px;}
	.s21_b ul li {flex-flow:row wrap;}
	.s21_b ul li figure {width: 100%; margin-bottom: 20px;}
	.s21_b ul li > div {width: 100%;}

	.s21_b ul li h3 {padding-left: 20px; font-size: 18px;}
	.s21_b ul li h3:before {left: 0; top: 12px;}
	.s21_b ul li h3.en:before {top: 9px;}
	.s21_b ul li p {font-size: 14px;}
}
@media(max-width:600px){
	.s21_a ul li {width: 160px; height: 160px; margin: 0 10px 20px}
	.s21_a ul li:first-child {margin-left: 10px;}
	.s21_a ul li:last-child {margin-right: 10px;}
}
@media(max-width:480px){
	.s21_a ul li {width: 130px; height: 130px; margin: 0 10px 20px}

}
/************************* s21 끝 *************************/
/************************* s31 시작 *************************/
.s31 img {display: block; max-width:100%; vertical-align: top;}
.s31_a {padding: 78px 0 168px; border-bottom: 1px dashed #ddd;}
.s31_b {padding: 110px 0 174px;}
.s31 .c_wrap {position: relative;}
.s31 .c_wrap div {position: absolute; left: 0; right: 0; bottom: -28.5%; display: flex; align-items:center; margin: auto; background-color: #fff; padding:52px 0 54px; max-width:1040px; width: 100%;}
.s31 .c_wrap div h3 {text-align: center; width: 35%; padding:0 2%;}
.s31 .c_wrap div h3 span {position:relative; display: inline-block; font-size: 42px; font-weight: 700;}
.s31 .c_wrap div h3 span:before {position: absolute; top: 4px; left: -18px;  content:''; display: inline-block; width: 10px; height: 10px; border-radius:100%; background-color: #566793;}
.s31 .c_wrap div p {margin-top: 5px; padding: 0 1.5%; width: 65%; font-size: 18px; color: #555; line-height: 1.5556;}
.s31_b .c_wrap div h3 {width: 39%;}
.s31_b .c_wrap div p {width: 61%;}



@media(max-width:1340px){
	.s31 .c_wrap div {max-width:none; padding:32px 0 34px; width: 92%;}
	.s31 .c_wrap div h3 span {font-size: 32px;}
	.s31 .c_wrap div h3 span:before {width: 8px; height: 8px; left: -14px;}
	.s31 .c_wrap div p {font-size: 17px;}
}
@media(max-width:1080px){
	.s31_a {padding: 54px 0 130px;}
	.s31_b {padding: 100px 0 150px;}
	.s31 .c_wrap div {padding: 24px 0 26px;}
	.s31 .c_wrap div h3 span {font-size: 24px;}
	.s31 .c_wrap div p {font-size: 16px;}
}
@media(max-width:960px){
	.s31 .c_wrap div p br {display: none;}
}
@media(max-width:768px){
	.s31_a {padding: 36px 0 100px;}
	.s31_b {padding: 75px 0 120px}
	.s31 .c_wrap {box-shadow:1px 4px 4px rgba(0,0,0,0.05);}
	.s31 .c_wrap div {position:static;padding: 18px 0 20px; width: 100%;}
	.s31 .c_wrap div h3 span {font-size: 18px;}
	.s31 .c_wrap div h3 span:before {width: 5px; height: 5px; left: -10px;}
	.s31 .c_wrap div p {font-size: 15px;}
}
@media(max-width:600px){
	.s31_a {padding: 36px 0 60px;}
	.s31_b {padding: 55px 0 120px;}
	.s31 .c_wrap div {flex-direction:column;}
	.s31 .c_wrap div h3 {width: 100%; padding:0 4%;}
	.s31 .c_wrap div p {width: 100%; text-align: center; padding:0 4%;}
}
/************************* s31 끝 *************************/
/************************* s42 시작 *************************/
.s42_a {padding:62px 0;}
.s42_a .map_wrap {position:relative; height: 600px;}
.s42_a .map_wrap .info {position: absolute; padding:30px 47px 40px; width: 54.5%; right: 0; bottom: 0; background-color: rgba(255,255,255,0.9);}
.s42_a .map_wrap .info h3 {margin-bottom: 15px; font-size: 30px; font-weight: 700;}
.s42_a .map_wrap .info p {font-size: 18px;}
.s42_a .map_wrap .info .add {margin-bottom: 22px; color: #666;}
.s42_a .map_wrap .info .add p {color: #666;}
.s42_a .map_wrap .info .add a {display: inline-block; margin-left: 22px; width: 100px; height: 30px; line-height: 30px; font-size: 18px; color: #fff; background-color: #566793; text-align: center;}
.s42_a .map_wrap .info .phone {display: flex;}
.s42_a .map_wrap .info .phone p {padding-left: 10px; font-weight: 500; display: flex; align-items:center;}
.s42_a .map_wrap .info .phone p:last-child {margin-left: 24px;}
.s42_a .map_wrap .info .phone a,
.s42_a .map_wrap .info .phone em {color: #666; font-weight: 400;}
.s42_a .map_wrap .info .phone span {padding-left: 10px;}
.s42_a .map_wrap .info .phone span a, 
.s42_a .map_wrap .info .phone span em {margin-left: 15px;}

@media(max-width:1340px){
	.s42_a .map_wrap .info {width:60%; padding:4%;}
	.s42_a .map_wrap {height: 50vw;}
}
@media(max-width:1080px){
	.s42_a {padding: 48px 0 70px;}
	.s42_a .map_wrap {height: auto; box-shadow: 1px 4px 4px rgb(0 0 0 / 5%);}
	.s42_a .map_wrap iframe {height: 40vw;}
	.s42_a .map_wrap .info {position: static; width: 100%;}
	.s42_a .map_wrap .info h3 {margin-bottom: 10px; font-size: 24px;}
	.s42_a .map_wrap .info p {font-size: 16px;}
	.s42_a .map_wrap .info .add a {margin-left: 12px; font-size: 16px; width: 80px; line-height: 31px;}
	.s42_a .map_wrap .info .phone span {padding-left: 5px;}
}
@media(max-width:960px){
	.s42_a .map_wrap .info .phone p {padding-left: 0;}
	.s42_a .map_wrap .info .phone span a,
	.s42_a .map_wrap .info .phone span em {margin-left: 10px;}
	
}
@media(max-width:768px){
	.s42_a {padding: 24px 0 60px;}
	.s42_a .map_wrap iframe {height: 50vw;}
	.s42_a .map_wrap .info h3 {font-size: 18px;}
	.s42_a .map_wrap .info .add a {font-size: 14px; line-height: 27px; height: 26px; width: 70px;}
	.s42_a .map_wrap .info p {font-size: 14px;}
	.s42_a .map_wrap .info .phone span {margin-left: 5px; padding-left: 0; font-size: 13px;}
	.s42_a .map_wrap .info .phone span a, .s42_a .map_wrap .info .phone span em {margin-left: 4px;}
	.s42_a .map_wrap .info .phone p {width: 40%;}
	.s42_a .map_wrap .info .phone p img {height: 17px;}
	.s42_a .map_wrap .info .phone p:last-child {margin-left: 0px;}

}
@media(max-width:600px){
	.s42_a .map_wrap .info .add a {display: block; margin-left: 0; margin-top: 15px;}
}

/************************* s42 끝 *************************/
/************************* s43 시작 *************************/
.s43_a ul {display: flex; justify-content:space-between; flex-flow:row wrap;}
.s43_a li {padding:50px 50px 38px; width: 32%; background-color: #f9f9f9; border:1px solid #ebebeb;}
.s43_a li h3 {position: relative; margin-bottom: 21px; padding-left: 54px; font-size: 25px; font-weight: 500;}
.s43_a li h3:before {position: absolute; top: 18px; left: 0; content:''; display: inline-block; width: 30px; height: 2px; background-color: #566793;}
.s43_a li p {margin-bottom: 41px; font-size: 18px; color: #555; line-height: 1.6667;}

.s43_b {padding: 65px 0;}
.s43_b .s_tit2 {margin-bottom: 94px;}
.s43_b ul {display: flex; padding:0 2%; justify-content:center; flex-flow:row wrap;}
.s43_b li {margin-bottom: 8%; width: 25%; text-align: center;}
.s43_b li:nth-child(5),.s43_b li:nth-child(6),.s43_b li:nth-child(7),.s43_b li:nth-child(8) {margin-bottom: 0;}
.s43_b li h3 {margin-bottom: 16px; font-size: 25px; font-weight: 500;}
.s43_b li p {font-size: 18px; line-height: 1.6667; color: #555;}
.s43_b li figure {display: flex; justify-content:center; align-items:center; margin-bottom: 6px; height: 90px;}

.s43_c {padding-bottom: 110px; text-align: center;}
.s43_c .view {color: #121212 !important;}

@media(max-width:1080px){
	.s43_a li {padding:4%;}
	.s43_a li h3 {padding-left: 34px; font-size: 22px;}
	.s43_a li h3:before {top: 16px; width: 20px;}
	.s43_a li p {min-height:80px; margin-bottom: 30px; font-size: 16px;}
	.s43_a li p br {display: none;}

	.s43_b {padding:40px 0;}
	.s43_b .s_tit2 {margin-bottom: 54px;}

	.s43_b li figure img {height: 60px;}
	.s43_b li h3{margin-bottom: 8px; font-size: 22px;}
	.s43_b li p {font-size: 16px;}

	.s43_c {padding-bottom: 90px;}
}
@media(max-width:768px){
	.s43_a li {margin-bottom: 20px; width: 100%; text-align: center;}
	.s43_a li:last-child {margin-bottom: 0;}
	.s43_a li h3 {font-size: 18px; padding-left: 0; display: inline-block;}
	.s43_a li h3:before {top: 13px; left: -25px; width: 14px;}
	.s43_a li p {margin-bottom: 18px; min-height: auto; font-size: 13px;}
	.s43_a li img {height: 40px;}

	.s43_b .s_tit2 {margin-bottom: 28px;}
	.s43_b li {margin-bottom: 4%;}
	.s43_b li figure img {height: 50px; max-width:50px;}
	.s43_b li h3 {font-size: 18px;}
	.s43_b li p {font-size: 13px;}

	.s43_c {padding-bottom: 70px;}
}
@media(max-width:600px){
	.s43_b li {width: 48%;}
	.s43_b li:nth-child(5), .s43_b li:nth-child(6), .s43_b li:nth-child(7), .s43_b li:nth-child(8) {margin-bottom: 4%;}
	.s43_b li:nth-child(7), .s43_b li:nth-child(8) {margin-bottom: 0;}
}

/************************* s43 끝 *************************/

/************************* footer_inc 시작 *************************/
.footer_t {padding:48px 0; font-size: 15px; border-top:1px solid #dddddd;}
.footer_t .inner {display: flex; flex-flow:row wrap; justify-content:space-between;}
.footer_txt {margin-bottom: 25px;}
.footer_txt p {line-height: 1.6;}
.footer_txt p span {margin-right: 20px;}
.footer_txt p span a {color: #121212;}
.footer_txt p span:last-of-type {margin-right: 0;}

.footer_copyright p a {color: #aaa;}
.fr_box {display: flex; flex-direction:column; justify-content:space-between; align-items:flex-end;}
.footer_site_link li {display: inline-block; font-size: 15px;}
.footer_site_link li:first-child {margin-right: 30px;}

@media(max-width:1080px){
	.footer_site_link li:first-child {margin-right: 15px;}
}
@media(max-width:960px){
	.footer_t {padding:32px 0; font-size: 14px;}
	.fl_box {margin-bottom: 15px; width: 100%;}
	.fr_box {width: 100%; align-items:flex-start;}

	.footer_txt {margin-bottom: 15px;}
	.footer_logo {margin-bottom: 12px;}
	.footer_logo img{width: 130px;}
	.footer_site_link li {font-size: inherit;}
}
@media(max-width:768px){
	.footer_t {font-size: 13px;}
	.footer_txt p span {margin-right: 0; display: block;}
	.footer_logo img {width: 115px;}
}
/************************* footer_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 끝 *************************/