/* include 공통 CSS */

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

/* 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;}



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

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

/************************* header_inc 시작*************************/
/**/
.header_t			{width:100%; margin:0 auto; position:fixed; left:0; top:0px; z-index:999; background:#000;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}

/* 로고 */
.header_logo {padding: 20px 0;}
.header_logo img			{width:100%; max-width:305px; height:auto; display: block; margin: 0 auto;}

.header_flex {display: flex; justify-content: space-between; padding: 12px 70px 10px; align-items: center;}

/* 로그인버튼 */
.header_btn ul {display: flex;}
.header_btn ul li {margin-left: 15px;}
.header_btn ul li:first-child {margin-left: 0;}
.header_btn ul li a {color: #b5772a; font-size: 14px;}


.heightBlank					{height:147px;}

.header_language {display:inline-block; position:relative; cursor:pointer; display:block; text-transform: uppercase;}
.header_language .select {width:80px; height: 25px; border-radius:25px; display: flex; align-items:center; justify-content:space-between; font-weight: 400; position:relative; font-size:14px; text-align:left; color:#b5772a; border:1px solid #b5772a; padding: 0 0 0 10px;}
.header_language .select span {display: block; margin-right: 3px; font-size: 18px; line-height: 1;}
.header_language ul {width:100%; display:none; position:absolute; z-index:99; background:#fff; font-size:14px; top:25px; right: 0; padding:5px; line-height: 1.4; border:1px solid #ccc; }
.header_language ul li { border:none; }
.header_language ul li a {cursor:pointer; width:100%; height:100%; display:inline-block; color:#333; font-weight: 400; font-size:14px;}
.header_language ul li a:hover {text-decoration:underline;}

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

/* 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							{}
.menu .major > ul > li > a					{position:relative; padding:0; color:#fff; margin:0 20px; padding:10px 0px; font-size:15px !important; font-weight: 500;}
.menu .major > ul > li > a span {padding-bottom: 40px; line-height:25px;}

/*대메뉴 포커스 효과 변경시 */
.menu .major > ul > li > a::after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 3px; background: #b5772a; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

.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: #b5772a; }

/*대메뉴 포커스 효과 변경시 */
.menu .major > ul > li > a:hover::after ,
.menu .major > ul > li > a:active::after ,
.menu .major > ul > li > a:focus::after,
.menu .major li.active > a::after,
.menu .major li.pactive > a::after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: center; transform-origin: center; }

.menu .major > ul > li.pactive ul.sub{opacity:0;visibility:hidden;transform: translateY(-.5em);z-index: 1;}
/*대메뉴 포커스 효과 변경시 */

/* gnb 2depth */
.menu .major ul.sub {
	display:inline;
	position:absolute; 
	top:33px; left:18px;
	background:#000;
	visibility:hidden;
	opacity:0;
	z-index: -1;
	transform: translateY(-.5em);
	transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
}

.menu .major li.active ul.sub		{display:block; opacity:1; visibility:visible; transform: translateY(0%);z-index: 1;transition-delay: 0s, 0s, 0.3s;}
.menu .major ul.sub li					{clear:both; margin:0; padding:7px 9px}
.menu .major ul.sub li a				{color:#fff; font-size:13px;transition: color 0.3s;}
.menu .major ul.sub li a:hover	{color:#b5772a;}

/* 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;}
/* 햄벅 */
.mo_nav				{display:none; }
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; background-color:transparent; background-image:none; border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#fff; display:block; width:30px; height:3px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px; height:3px; width:30px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px; width:30px; height:3px; }

.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(16px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}

@media(max-width:1400px){
.menu .major ul.sub {top:56px; left:0;}
.menu .major > ul > li	{text-align:center;}
.menu .major ul.sub li {text-align:left;}
.header_t {display: flex; justify-content:space-between; align-items:center; padding: 0 4%; height: 60px;}
.header_flex {display: none;}
.mo_nav							{display:block;}
.heightBlank					{height:60px;}
.header_logo {padding: 0;}
}

@media(max-width:768px){
.header_gnb_bg			{display:none;}
.header_btn					{display:none;}

.header_logo img {margin: 0; width: 80%;}
}



/**/
.f-nav{background:#000;}
/*.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 시작*************************/
.main_visual {height: 850px;}
.main_wrap .title {width: 50%; text-align: center; color: fff;}
.main_wrap .main_tit {font-size: 72px; color: #fff; font-weight: 700;}
.main_wrap .main_tit::after {content: ''; width: 30px; height: 1px; background: #b5772a; display: block; margin: 0 auto 10px;} 
.main_wrap .title p {font-size: 36px; color: #fff;} 
.main_wrap .main_btn {max-width: 250px; width: 100%; padding: 10px 0; border-radius: 50px; text-align: center; color: #fff; font-size: 18px; display: block; border: 2px solid #fff; margin: 60px auto 0; transition: all 0.3s;}
.main_wrap .main_btn:hover {background: #b5772a; border: 2px solid #b5772a;}
.main_wrap .right .inner {display: flex; flex-flow: column wrap; align-items: flex-end;}

.main_wrap .center {height: 830px; display: flex; flex-flow: column wrap; justify-content: center;}

.curri {width: 100%; background: url('./img/m_sec02_bg.jpg') no-repeat top center; background-attachment: fixed;}
.certi {width: 100%; background: url('./img/m_sec03_bg.jpg') no-repeat center / cover;}
.project {width: 100%; background: url('./img/m_sec04_bg.jpg') no-repeat top center; background-attachment: fixed;}
.mall {width: 100%; background: url('./img/m_sec05_bg.jpg') no-repeat center / cover;}
.gallery {width: 100%; background: url('./img/m_sec06_bg.jpg') no-repeat top center; background-attachment: fixed;}

.video {position: relative; overflow: hidden; background: #111; padding: 80px 0 100px; text-align: center;}
.video .vd_wrap {max-width:1000px; width: 100%; margin: 40px auto 0; height: 29vw;}
.video .vd_wrap iframe {width: 100%; height: 100%;}
.video .obj01 {width: 380px; height: 380px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; position: absolute;right: -70px; top: -70px;}
.video .obj01::after {content: ''; display: block; width: 60px; height: 60px; background: #333; border-radius:50%; position: absolute; right: 310px; top: 270px;}
.video .obj02 {width: 560px; height: 560px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; position: absolute; left: -240px; bottom: 50px;}
.video .obj02::after {content: ''; display: block; width: 60px; height: 60px; background: #333; border-radius:50%; position: absolute; left: 525px; bottom: 280px;}

.teacher {width: 100%; background-size: cover; background: url('./img/m_sec08_bg.png') no-repeat center bottom #111; padding-bottom: 100px;}
.teacher .main_tit {text-align: center;}
.teacher .main_tit::after {margin: 0 auto 50px;}
.teacher .tch_prev, .teacher .tch_next {top: 54%; width: 60px; height: 60px;}
.teacher .tch_prev {background: url('./img/tch_prev.png') no-repeat center / cover !important; left: -100px;}
.teacher .tch_next {background: url('./img/tch_next.png') no-repeat center / cover !important; right: -100px;}

.location {width: 100%; padding: 70px 0; background: #222;}
.location .flx {display: flex; flex-flow:row wrap; align-items:center;}
.location .flx figure {width: 70%;}
.location .flx figure img {max-width: 757px; width: 100%; display: block; margin: 0 auto;}
.location .flx .txt {width: 30%; padding-left: 20px; color: #fff;}
.location .flx .txt > div:first-child {margin-bottom: 60px;}
.location .flx .txt h3 {font-size: 20px; position: relative; font-weight: 700;}
.location .flx .txt h3::before {content: ''; width: 10px; height: 2px; display: block; position: absolute; left: -20px; top: 13px; background: #b5772a;}
.location .flx .txt h4 {font-size: 18px; margin: 10px 0 5px;}
.location .flx .txt p {font-size: 18px; opacity: 0.5;}

.quick_wrap {position: fixed; left: 4%; top: 40%; z-index: 99;}
.quick_wrap a {display: block; margin-bottom: 10px;}
.quick_wrap img {max-width:50px; width: 100%; display: block; margin: 0 auto;}

.kakao_ico {position: fixed; left: 4%; bottom: 5%; z-index: 99;}
.kakao_ico a {display: block;}
.kakao_ico img {max-width:50px; width: 100%; display: block; margin: 0 auto;}

@media(max-width:1650px){
.main_wrap .inner2 {padding: 0 8%;}
.teacher .tch_prev {left: 2% !important;}
.teacher .tch_next {right: 2% !important;}

}

@media(max-width:1300px){
.main_wrap .inner {padding: 0 4%;}
.main_visual {height: 60vw;}
.main_wrap .center {height: 660px;}
.video .obj01, .video .obj02 {display: none;}
}

@media(max-width:1080px){
.main_wrap .center {height: 60vw;}
.curri {background-size: cover;}
.project {background-size: cover;}
.gallery {background-size: cover;}
.main_wrap .main_tit {font-size: 45px;}
.main_wrap .title p {font-size: 24px;}
.main_wrap .main_btn {margin: 10% auto 0;}
.location .flx figure {width: 100%;}
.location .flx .txt {width: 100%; padding-left: 0; margin-top: 7%; display: flex; flex-flow:row wrap;}
.location .flx .txt > div {width: 50%; padding-left: 5%;}
.location .flx .txt > div:first-child {margin-bottom: 0;}
}

@media(max-width:768px){
.main_wrap .main_tit {font-size: min(6vw, 24px);}
.main_wrap .title p {font-size: min(4.5vw, 18px);}
.main_wrap .main_btn {max-width:160px; font-size: min(3.5vw, 16px); padding: 5px 0;}
.video {padding: 7% 0 10%;}
.video .vd_wrap {height: 44vw;}
.teacher {background-size: 100%; padding-bottom: 10%;}
.teacher .tch_prev, .teacher .tch_next {top: 3%; width: 40px; height: 40px;}
.location {padding: 10% 0;}
.location .flx .txt h3 {font-size: min(4.5vw, 18px);}
.location .flx .txt h4 {font-size: min(3.5vw, 16px);}
.location .flx .txt p {font-size: min(3.5vw, 16px);}

.quick_wrap {left: 2%;}
.quick_wrap a {margin-bottom: 5px;}
.quick_wrap img {max-width:30px;}

.kakao_ico {left: 2%; bottom: 10px;}
.kakao_ico img {max-width:30px; }

}
/************************* main_inc 끝*************************/

/************************* 서브시작 *************************/
.s_cont .sub_tit {font-size: 36px; font-weight: 700; color: #131313; margin-bottom: 40px; text-align: center;}

.s11 .bg img {max-width: 1200px; width: 100%; display: block; margin: 0 auto;}
.s11 .flx {display: flex; flex-flow:row wrap; margin-top: 50px;}
.s11 .flx .logo {width: 30%;}
.s11 .flx .logo img {max-width: 250px; width: 100%; display: block; margin: 0 auto;}
.s11 .txt {width: 70%; padding-left: 45px;}
.s11 .txt p {font-size: 18px; color: #343434; line-height: 1.6; font-weight: 300; margin-bottom: 30px;}
.s11 .txt .ceo {display: flex; justify-content: flex-end; align-items: center; margin-top: 60px;}
.s11 .txt .ceo .ceo01 img {max-width: 50px; width: 100%; display: block; margin: 0 auto;}
.s11 .txt .ceo .ceo02 img {max-width: 233px; width: 100%; display: block; margin: 0 auto;}
.s11 .txt .ceo h3 {font-size: 20px; margin: 0 10px;}
.s11 .txt .ceo h3 span {font-size: 24px; font-weight: 700;}

@media (max-width: 768px) {
.s_cont .sub_tit {font-size: min(6vw, 24px); margin-bottom: 5%;}

.s11 .flx {margin-top: 7%;}
.s11 .flx .logo {width: 100%; margin-bottom: 5%;}
.s11 .txt {width: 100%; padding-left: 0;}
.s11 .txt p {font-size: min(3.5vw, 15px);}
.s11 .txt p br {display: none;}
.s11 .txt .ceo h3 {font-size: min(4vw, 16px);}
.s11 .txt .ceo h3 span {font-size: min(4.5vw, 18px);}
}

/* s12 연혁 */
.s12 {overflow: hidden;}
.history_box { position: relative; padding: 100px 0; overflow: hidden;}
.historyBd { position: absolute; width: 2px; height: 100%; left: 50%; margin-left: -1px; top: 0; background-color: #ddd; overflow:hidden;}
.historyBd #scr_bar { position: absolute; left: 0; width: 2px; height: auto; background: rgb(0,0,0);
	background: linear-gradient(120deg, rgba(0,0,0,1) 0%, rgba(181,119,42,1) 100%);}

.year {position: relative; padding-bottom: 100px;}
.year .year_txt_start_left {position: absolute; font-size: 150px; line-height: 150px; color: #f2f2f2; font-weight: 600; left: 0; top: -5px;}
.year .year_txt_start_right {	position: absolute; font-size: 150px; line-height: 150px; color: #f2f2f2; font-weight: 600; right: 0; top: -5px; z-index: -1;}
.year_inner {display: flex; }
.year_inner strong {width: 50%; position: relative; text-align: right; padding-right: 50px; font-size: 40px; font-weight: 600;}
.year_inner strong .pointer {position: absolute; width: 14px; height: 14px; border-radius: 100%; border: 3px solid #b5772a; background-color: #fff; box-sizing: border-box; right: -7px; top: 20px;}
.year_inner ul {width: 50%; padding-left: 35px; padding-top: 15px;}
.year_inner ul li {position: relative; font-size: 18px; padding-left: 20px; color: #343434; margin-bottom: 15px; font-weight: 300;}
.year_inner ul li::after {content: '-'; position: absolute; left: 0; top: 0;}
.year_inner ul li span {font-size: 20px; color: #131313; font-weight: 600;}

.year_right strong { text-align: left; padding-left: 50px; padding-right: 0;}
.year_right strong .pointer { left: -7px; right: auto;}
.year_right ul {padding-left: 0; padding-right: 35px;}
.year_right ul li {text-align: right; padding-left: 0; padding-right: 20px;} 
.year_right ul li::after {right: 0; left: auto;}

@media (max-width: 1300px) {
.year .year_txt_start_left, .year .year_txt_start_right {font-size: 120px;}
}

@media (max-width: 768px) {
.history_box {padding: 70px 0;}
.year {padding-bottom: 50px;}
.year .year_txt_start_left, .year .year_txt_start_right {display: none;}
.historyBd {left: 4%;}
.year_inner {display: flex; flex-flow:column wrap; padding-left: 7%;}
.year_inner strong {text-align: left; width: 100%; font-size: 20px;}
.year_inner strong .pointer {right: auto; left: -4.5vw; top: 10px;}
.year_inner ul {width: 100%; padding: 0; padding-top: 30px;}
.year_inner ul li {font-size: 14px;}
.year_inner ul li span {font-size: 16px;}

.year_right strong {padding-left: 0;}
.year_right ul {order:2;}
.year_right ul li {text-align: left; padding-left: 20px; outline: 0;}
.year_right ul li::after {left: 0; right: auto;}
}

.s13 {overflow: hidden;}
.s13 .page2, .s13 .page3, .s13 .page4 {display: none;}
.s13 .panel, .s13 .panel2, .s13 .panel3 {display: none;}
.s13 .tab {display: flex; flex-flow: row wrap; justify-content: space-between;}
.s13 .tab li {width: 49%; margin-bottom:1%;}
.s13 .tab li a {width: 100%; height:100%; padding: 15px 0; display: block; background: #f4f4f4; color: #131313; text-align: center; font-size: 18px; font-weight: 500; transition: all 0.3s;}
.s13 .tab li.on a {background: #111; color: #fff;}
.s13 .tab li:hover a {background: #111; color: #fff;}
.s13 .cont .title {font-size: 40px; font-weight: 700; color: #131313; text-align: center; margin: 50px auto 10px;}
.s13 .cont .sub_title {font-size: 20px; text-align: center; color: #343434; margin-bottom: 50px;}
.s13 .page1 .banner {width: 100%; padding: 120px 70px; background: url('./img/s13_bg01.jpg') no-repeat center /cover;}
.s13 .banner h4 {font-size: 36px; color: #131313; font-weight: 700; line-height: 1.4;}
.s13 .banner p {font-size: 20px; font-weight: 300; line-height: 1.6; color: #343434; margin-top: 20px;}
.s13 .banner p span {font-weight: 700;}
.s13 .pla > h3 {font-size: 24px; margin: 100px auto 20px; text-align: center; font-weight: 500; color: #131313;}
.s13 .pla > h3 span {font-weight: 700; color: #b5772a;}
.s13 .pla .tb_01 {width: 100%; border-top: 1px solid #ccc;}
.s13 .pla .tb_01 th, .s13 .pla .tb_01 td {padding: 15px 0;}
.s13 .pla .tb_01 th {background: #111; color: #fff; font-size: 18px; font-weight: 500; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.s13 .pla .tb_01 td {border-bottom: 1px solid #ccc; font-size: 18px; color: #343434; padding-left: 20px;}
.s13 .pla .pla_btn {width: 300px; margin: 50px auto 0; padding: 13px 0; background: #111; color: #fff; font-size: 18px; text-align: center; display: block; transition: all 0.3s;}
.s13 .pla .pla_btn:hover {background: #b5772a;}
.s13 .pla .panel_cont > h4 {font-size: 17px; color: #131313; padding-left: 15px; margin-top: 30px; position: relative;}
.s13 .pla .panel_cont > h4::before {content: ''; width: 5px; height: 15px; display: block; background: #111; position: absolute; left: 0; top: 5px;}
.s13 .pla .panel_cont table {width: 100%; margin-top: 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.s13 .pla .panel_cont table th {width: 30%; padding: 15px 0; background: #f4f4f4; color: #131313; border-bottom: 1px solid #ccc; font-size: 18px; font-weight: 700;}
.s13 .pla .panel_cont table tr:last-of-type th {border-bottom: none;}
.s13 .pla .panel_cont table th span {display: block; font-size: 16px; font-weight: 500;}
.s13 .pla .panel_cont table td {padding: 15px 20px; color: #343434; border-bottom: 1px solid #ccc; font-size: 18px; line-height: 1.6; font-weight: 300;}
.s13 .pla .panel_cont table tr:last-of-type td {border-bottom: none;}
.s13 .page2 .banner {width: 100%; padding: 120px 70px; background: url('./img/s13_bg02.jpg') no-repeat center / cover;}
.s13 .box {display: flex; padding: 30px; background: #f4f4f4; margin-top: 30px; align-items:center;}
.s13 .box > div {width: 50%;}
.s13 .box .left {font-size: 24px; line-height: 1.6; text-align: center; color: #131313; font-weight: 700; border-right: 1px solid #ccc;}
.s13 .box .left span.col01 {color: #004bc7;}
.s13 .box .left span.col02 {color: #c60000;}
.s13 .box .right {text-align: center; font-size: 18px; color: #343434; line-height: 1.6;}
.s13 .img_cont {margin-top: 50px;}
.s13 .img_cont img {max-width:100%;}

@media (max-width: 768px) {
.s13 .tab li {width: 49%; margin-bottom: 2%;}
.s13 .tab li a {padding: 10px 0; font-size: min(4.5vw, 16px);}
.s13 .cont .title {font-size: min(6vw, 24px); margin: 10% auto 10px;}
.s13 .cont .sub_title {font-size: min(4.5vw, 18px); margin-bottom: 7%;}
.s13 .page1 .banner {padding: 10% 5% 80%; background: url('./img/s13_bg01_2.jpg') no-repeat bottom center / cover;}
.s13 .banner h4 {font-size: min(6vw, 24px);}
.s13 .banner p {font-size: min(4.5vw, 18px);}
.s13 .banner p br {display: none;}
.s13 .pla > h3 {font-size: min(4.5vw, 18px); margin: 10% auto 5%;}
.s13 .pla .tb_01 th, .s13 .pla .tb_01 td {padding: 10px 5px;}
.s13 .pla .tb_01 th {font-size: min(3.5vw, 14px);}
.s13 .pla .tb_01 td {font-size: min(3.5vw, 14px);}
.s13 .pla .pla_btn {width: 200px; font-size: min(4.5vw, 16px); padding: 10px 0; margin: 5% auto 0;}
.s13 .pla .pla_btn:hover {background: #111;}
.s13 .pla .panel_cont table {margin-top: 5%;}
.s13 .pla .panel_cont table th {width: 25%; padding: 10px 5px; font-size: min(3.5vw, 14px);}
.s13 .pla .panel_cont table td {padding: 10px; font-size: min(3.5vw, 14px);}
.s13 .page2 .banner {padding: 10% 5% 80%; background: url('./img/s13_bg02_2.jpg') no-repeat bottom center / cover;}
.s13 .box .left {font-size: min(4.5vw, 18px);}
.s13 .box .right {font-size: min(3.5vw, 14px); padding-left: 5%;}
.s13 .box .right br {display: none;}
}

/* s15 오시는길 */
.s15 {overflow: hidden;}
.s15 .flx {display: flex; flex-flow:row wrap;}
.s15 .flx > div {width: 50%;}
.s15 .flx .info {padding: 70px 65px; background: #fafafa;}
.s15 .flx .info h3 {font-size: 24px; color: #b5772a; font-weight: 700;}
.s15 .flx .info > p {font-size: 20px; color: #343434; margin-top: 10px;}
.s15 .flx .info > p::after {content: ''; width: 1px; height: 30px; background: #b5772a; display: block; margin: 30px 0;}
.s15 .flx .info .ico p {font-size: 18px; color: #343434; margin-bottom: 15px; display: flex; align-items:center;}
.s15 .flx .info .ico p span {font-weight: 700; display: inline-block; margin-right: 10px; display: flex; align-items:center; position: relative; padding-left: 15px;}
.s15 .flx .info .ico p span::before {content: ''; width: 5px; height: 5px; background: #b5772a; border-radius:50%; display: block; position: absolute; left: 0; top: 11px;}
.s15 .flx .info .ico p i {display: inline-block; font-size: 20px; color: #b5772a;}
.s15 .info2 {background: #f4f4f4; margin-top: 30px; padding: 30px; font-size: 18px; color: #131313; font-weight: 300;}
.s15 .info2 span {font-weight: 500;}

@media (max-width: 1080px) {
.s15 .flx .info {padding: 50px 45px;}
.s15 .flx .info h3 {font-size: 20px;}
.s15 .flx .info > p {font-size: 18px;}
.s15 .flx .info > p::after {margin: 20px 0;}
.s15 .flx .info .ico p {font-size: 16px;}
.s15 .flx .info .ico p i {font-size: 18px;}
}

@media (max-width: 768px) {
.s15 .flx2 {margin-top: 7%;}
.s15 .flx > div {width: 100%;}
.s15 .flx .google_map {height: 280px;}
.s15 .flx .info {padding: 3%;}
.s15 .flx .info h3 {font-size: min(4.5vw, 16px);}
.s15 .flx .info > p {font-size: min(4vw, 16px);}
.s15 .flx .info > p::after {height: 20px; margin: 20px 0;}
.s15 .flx .info .ico p {font-size: min(3.5vw, 14px);}
.s15 .info2 {padding: 4%; font-size: min(3.5vw, 14px);}
}

.s21 {overflow: hidden;}
.s21 .sec01 .flx {text-align: center; margin-bottom: 50px;}
.s21 .sec01 .flx h4 {font-size: 28px; font-weight: 700; color: #131313; margin-bottom: 15px;}
.s21 .sec01 .flx h4 span {color: #b5772a;}
.s21 .sec01 .flx p {font-size: 18px; line-height: 1.6; font-weight: 300; color: #343434;}
.s21 .sec01 .flx p span {font-weight: 500;}
.s21 .sec01 figure {padding: 50px 0; background: #f7f7f7;}
.s21 .sec01 figure img {max-width:1200px; width: 70%; display: block; margin: 0 auto;}
.s21 .sec02 {display: flex; flex-flow:row wrap; margin-top: 100px;}
.s21 .sec02 li {width: 23.5%; margin-right: 2%; margin-bottom: 50px;}
.s21 .sec02 li:nth-child(4n) {margin-right: 0;}
.s21 .sec02 li figure {width: 100%; background: #000;}
.s21 .sec02 li figure img {max-width:300px; width: 100%; display: block;}
.s21 .sec02 li h4 {font-size: 18px; font-weight: 700; color: #b5772a; margin: 10px 0 5px;}
.s21 .sec02 li p {font-size: 16px; line-height: 1.6; color: #343434;}

@media (max-width: 1080px) {
.s21 .sec02 li {width: 32%; margin-right: 2%;}
.s21 .sec02 li:nth-child(4n) {margin-right: 2%;}
.s21 .sec02 li:nth-child(3n) {margin-right: 0;}
.s21 .sec02 li figure img {object-fit: cover; max-width:320px;}
}

@media (max-width: 768px) {
.s21 .sec01 .flx {margin-bottom: 5%;}
.s21 .sec01 .flx h4 {width: 100%; margin-bottom: 10px; font-size: min(5.5vw, 20px); text-align: center;}
.s21 .sec01 .flx p {width: 100%; font-size: min(4.5vw, 16px); text-align: center;}
.s21 .sec01 .flx p br {display: none;}
.s21 .sec01 figure img {width: 90%;}
.s21 .sec02 li h4 {font-size: min(4.5vw, 16px);}
.s21 .sec02 li p {font-size: min(3.5vw, 14px);}
.s21 .sec02 li {width: 48%; margin-right: 4%;}
.s21 .sec02 li:nth-child(2n) {margin-right: 0;}
.s21 .sec02 li:nth-child(3n) {margin-right: 4%;}
.s21 .sec02 li:nth-child(4n) {margin-right: 0;}
.s21 .sec02 li:nth-child(6n) {margin-right: 0;}
}

.s22 {overflow: hidden;}
.s22 .s22_top {display: flex; flex-flow:row wrap; align-items:center; padding-bottom: 60px; margin-bottom: 50px; border-bottom: 1px solid #ccc;}
.s22 .s22_top > figure {width: 35%;}
.s22 .s22_top > figure img {max-width:517px; width: 100%; display: block; margin: 0 auto;} 
.s22 .s22_top .txt {width: 65%; padding-left: 5%; font-size: 18px; line-height: 1.6; color: #131313;}
.s22 .s22_top .txt h4 {font-size: 24px; width:100%;}
.s22 .s22_top .txt h4 span {font-weight: 700;}
.s22 .s22_top .txt > div {margin: 30px 0 15px;}
.s22 .s22_top .txt > div p {font-size: 18px; color: #131313;}
.s22 .s22_top .txt > div p:nth-child(2) {margin: 15px auto;}
.s22 .s22_top .txt .flx {display: flex; align-items:center; border: 1px solid #ccc; padding: 20px;}
.s22 .s22_top .txt .flx figure {width: 16%;}
.s22 .s22_top .txt .flx h3 {width: 84%; font-size: 20px; color: #131313; font-weight: 500;}
.s22 .s22_top .txt .flx h3 span {color: #c60000;}

.s22 .sec02 {padding-bottom: 60px; margin-bottom: 50px; border-bottom: 1px solid #ccc;}
.s22 .flx3 {display: flex; flex-flow:row wrap; margin-top: 50px;}
.s22 .flx3 figure {width: 55%; padding-right: 3%; margin-top: -10px;}
.s22 .flx3 figure img {max-width:696px; width: 100%; display: block; margin: 0 auto;}
.s22 .flx3 > div {width: 45%;}
.s22 .flx3 > div table {width: 100%; border: 1px solid #ccc;}
.s22 .flx3 > div table th {background: #111; color: #fff; border-right: 1px solid #ccc; font-weight: 500;}
.s22 .flx3 > div table th:last-child {border-right: none;}
.s22 .flx3 > div table td {color: #343434; border-right: 1px solid #ccc;}
.s22 .flx3 > div table td:last-child {border-right: none;}
.s22 .flx3 > div table th, .s22 .flx3 > div table td {padding: 12px 0; text-align: center; font-size: 18px; border-bottom: 1px solid #ccc;}
.s22 .info {margin-top: 50px; background: rgb(0,0,0); background: linear-gradient(120deg, rgba(0,0,0,0.7) 0%, rgba(181,119,42,0.7) 100%); padding: 10px;}
.s22 .info .info_wrap {background: #fff; padding: 20px 40px; display: flex; justify-content:space-between; flex-flow:row wrap;}
.s22 .info .info_wrap a {width: 100%; text-align: center; background: #b5772a; font-size: 18px; color: #fff; padding: 10px 0; display: flex; align-items:center; justify-content:center;}
.s22 .info .info_wrap a span {display: inline-block; margin-right: 5px; font-size: 20px;}
.s22 .info .info_wrap p {font-size: 18px; font-weight: 500; color: #131313; display: flex; align-items:center; width:50%; margin-top:10px;}
.s22 .info .info_wrap p span {display: inline-block; margin-right: 5px; font-size: 20px;}

@media (max-width: 1080px) {
.s22 .s22_top > figure {width: 100%;}
.s22 .s22_top .txt {width: 100%; padding-left: 0; margin-top: 7%;}
.s22 .flx3 figure {width: 100%; padding-right: 0;}
.s22 .flx3 > div {width: 100%; margin-top: 3%;}
.s22 .info .info_wrap {padding: 20px;}
.s22 .info .info_wrap a {width: 240px;}
}

@media (max-width: 768px) {
.s22 .s22_top {padding-bottom: 7%; margin-bottom: 7%;}
.s22 .s22_top .txt {font-size: min(3.5vw, 14px);}
.s22 .s22_top .txt > figure {text-align: center;}
.s22 .s22_top > figure img {width: 80%;}
.s22 .s22_top .txt h3 {font-size: min(4.5vw, 16px);}
.s22 .s22_top .txt h4 {font-size: min(5.5vw, 18px);}
.s22 .s22_top .txt h4 br {display: none;}
.s22 .s22_top .txt .flx {padding: 10px;}
.s22 .s22_top .txt .flx figure {width: 30%;}
.s22 .s22_top .txt .flx h3 {width: 70%; font-size: min(4vw, 16px);}
.s22 .s22_top .txt > div {margin: 15px 0 10px; display: block;}
.s31 .s22_top .txt > div .sub_deco {width: 10%; font-size: min(4vw, 16px);}
.s31 .s22_top .txt > div .sub_deco::before {top: 5px; height: 16px;}
.s31 .s22_top .txt > div p {font-size: min(3vw, 14px); margin-top: 10px;}
.s31 .s22_top .txt > div p:nth-child(3) {font-size: min(4vw, 16px);}
.s22 .info {margin-top: 7%;}
.s22 .info .info_wrap {display: block;}
.s22 .info .info_wrap a {margin: 0 auto; width: 100%; font-size: min(4.5vw, 16px); padding: 7px 0;}
.s22 .info .info_wrap p {font-size: min(4.5vw, 16px);}
.s22 .info .info_wrap p:nth-child(2) {margin: 15px auto 0;}
}

.s23 {overflow: hidden;}
.s23 .banner {padding: 50px 70px; background: url('./img/s23_bg01.jpg') no-repeat top center / cover; display: flex; align-items:center; flex-flow:row wrap;}
.s23 .banner figure {width: 50%;}
.s23 .banner img {max-width:600px; width: 75%; display: block; margin: 0 auto;}
.s23 .banner .txt {width: 50%; padding-left: 50px; font-size: 34px; color: #fff; line-height: 1.4; font-weight: 300;}
.s23 .banner .txt span {font-weight: 700;}
.s23 ul {display: flex; flex-flow:row wrap; justify-content:space-between; margin-top: 100px;}
.s23 ul li {width: 48%; display: flex; align-items:center; margin-bottom: 50px; border: 1px dashed #ccc;}
.s23 ul li:nth-child(3), .s23 ul li:nth-child(4) {margin-bottom: 0;}
.s23 ul li figure {width: 40%; background: #000;}
.s23 ul li figure img {max-width:240px; width: 100%; display: block; margin: 0 auto;}
.s23 ul li .txt {width: 60%; padding: 20px;}
.s23 ul li .txt h4 {font-size: 20px; font-weight: 700; color: #131313; margin-bottom: 15px;}
.s23 ul li .txt p {padding-left: 15px; font-size: 17px; font-weight: 300; color: #343434; position: relative;}
.s23 ul li .txt p::before {content: ''; width: 5px; height: 5px; background: #b5772a; border-radius:50%; display: block; position: absolute; left: 0; top: 10px;}
.s23 .sub_tit + h4 {font-size: 28px; color: #131313; text-align: center; font-weight: 700;}
.s23 .sub_tit + h4 span {font-weight: 500; color: #b5772a;}
.s23 .tit_txt {font-size: 18px; color: #343434; text-align: center; margin: 15px auto 50px;}
.s23 .tit_txt span {font-weight: 700;}

@media (max-width: 1080px) {
.s23 ul li .txt {padding: 10px;}
.s23 ul li .txt h4 {font-size: 18px; margin-bottom: 10px; font-weight: 500;}
.s23 ul li .txt p {font-size: 15px;}
}

@media (max-width: 768px) {
.s23 .sub_tit + h4 {font-size: min(5.5vw, 18px);}
.s23 .tit_txt {font-size: min(4.5vw, 16px); margin: 15px auto 7%;}
.s23 .banner figure {width: 100%;}
.s23 .banner .txt {width: 100%; padding-left: 0; text-align: center; margin-top: 5%; font-size: min(6vw, 20px);}
.s23 ul {margin-top: 7%;}
.s23 ul li {width: 100%; margin-bottom: 5%;}
.s23 ul li:nth-child(3), .s23 ul li:nth-child(4) {margin-bottom: 5%;}
.s23 ul li .txt h4 {font-size: min(4.5vw, 16px);}
.s23 ul li .txt p {font-size: min(3.2vw, 13px);}
}

.s24 {overflow: hidden;}
.s24 .sub_tit + h4 {font-size: 28px; color: #b5772a; font-weight: 700; text-align: center;}
.s24 .ico {display: flex; flex-flow:row wrap; margin-top: 40px;}
.s24 .ico li {width: 20%; padding: 20px;}
.s24 .ico li figure {width: 11vw; height: 11vw; border: 1px dashed #b5772a; border-radius:50%; display: flex; flex-flow:column wrap; justify-content:center; position: relative;}
.s24 .ico li figure::before {content: ''; width: 10vw; height: 10vw; border: 1px dashed #000; display: block; border-radius:50%; position: absolute; left: 4.5%; top: 4%;}
.s24 .ico li figure img{max-width:200px; width: 60%; display: block; margin: 0 auto;}
.s24 .ico li p {margin-top: 15px; font-size: 20px; color: #131313; text-align: center; font-weight: 500;}
.s24 .txt_box {padding-bottom: 30px; margin-top: 20px; border-bottom: 1px solid #ccc;}
.s24 .txt_box .num {font-size: 45px; color: rgba(0,0,0,0.2); font-weight: 700;}
.s24 .txt_box h3 {font-size: 24px; font-weight: 700; color: #b5772a; margin: 15px 0;}
.s24 .txt_box p {font-size: 18px; color: #343434; line-height: 1.6; font-weight: 300;}

@media (max-width: 768px) {
.s24 .sub_tit + h4 {font-size: min(5.5vw, 18px);}
.s24 .ico {justify-content:center;}
.s24 .ico li {width: 31%; padding: 10px;}
.s24 .ico li figure {width: 20vw; height: 20vw;}
.s24 .ico li figure::before {width: 18vw; height: 18vw;}
.s24 .ico li p {font-size: min(4.5vw, 16px);}
.s24 .txt_box {padding-bottom: 5%; margin-top: 5%;}
.s24 .txt_box .num {font-size: min(6vw, 24px);}
.s24 .txt_box h3 {font-size: min(5.5vw, 18px); margin: 5px 0;}
.s24 .txt_box p {font-size: min(3.5vw, 14px);}
.s24 .txt_box p br {display: none;}
}

.s25 {overflow: hidden;}
.s25 .banner {width: 100%; padding: 120px 70px; background: url('./img/s25_img01_bg.jpg') no-repeat center /cover;}
.s25 .banner h4 {font-size: 36px; color: #131313; font-weight: 700; line-height: 1.4;}
.s25 .banner p {font-size: 20px; font-weight: 300; line-height: 1.6; color: #343434; margin-top: 20px;}
.s25 .banner p span {font-weight: 700;}
.s25 .txt h4 {font-size: 28px; color: #131313; margin: 40px 0 20px;}
.s25 .txt h4 span {font-weight: 700;}
.s25 .txt li {display: flex; align-items:center; margin-bottom: 10px;}
.s25 .txt li p {width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius:5px; background: #b5772a; color: #fff; font-size: 24px; font-weight: 700; margin-right: 15px;}
.s25 .txt li h5 {font-size: 18px; color: #343434;}
.s25 .txt li h5 span {font-weight: 700;}
.s25 .s25_tit {text-align: center; font-size: 28px; font-weight: 700; color: #fff; padding: 10px 0; background: #b5772a; margin: 100px auto 60px;}
.s25 .sec01 ul {display: flex; flex-flow:row wrap; justify-content:space-between;}
.s25 .sec01 ul li {width: 23%;}
.s25 .sec01 ul li figure img {max-width:290px; width: 100%; display: block; margin: 0 auto;}
.s25 .sec01 li h4 {font-size: 17px; color: #131313; font-weight: 700; margin: 10px 0 0;}
.s25 .sec01 li p {font-size: 16px; font-weight: 500; color: #b5772a; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.s25 .sec01 li .txt div {font-size: 14px; color: #666; font-weight: 300; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.s25 .sec01 li h5 {font-size: 16px; color: #343434;}
.s25 .sec02 .s25_tit + h4 {font-size: 24px; color: #131313; margin-bottom: 30px;}
.s25 .sec02 .s25_tit + h4 span {font-weight: 700;}
.s25 .sec02 .txt_box {display: flex; align-items: baseline; margin-bottom: 30px;}
.s25 .sec02 .txt_box .num {width: 5%; font-weight: 700; font-size: 24px; color: #b5772a;}
.s25 .sec02 .txt_box h4 {font-size: 20px; font-weight: 700; color: #131313;}
.s25 .sec02 .txt_box h4 + p {font-size: 18px; color: #343434; font-weight: 300;}
.s25 .sec02 .list li {display: flex; align-items:center; padding: 20px; border: 1px solid #ccc; margin-top: 50px;}
.s25 .sec02 .list li figure {max-width:400px; width: 100%; margin: 0 auto;}
.s25 .sec02 .list li figure img {max-width:400px; width: 100%; display: block; margin: 0 auto;}
.s25 .sec02 .list li .txt {max-width:800px; width: 100%; padding: 0 50px;}
.s25 .sec02 .list .txt h3 {font-size: 20px; font-weight: 700; color: #131313;}
.s25 .sec02 .list .txt h4 {font-size: 16px; color: #b5772a; font-weight: 500; margin: 5px 0 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.s25 .sec02 .list .txt h5 {font-size: 18px; color: #131313; font-weight: 500;}
.s25 .sec02 .list .txt p {font-size: 18px; color: #343434; margin-top: 0px; line-height: 1.6;}
.s25 .sec03 .pc img {max-width:1178px; width: 100%; display: block; margin: 50px auto 0;}
.s25 .sec03 .mo {display: none;}
.s25 .sec03 .mo img {max-width:720px; width: 100%; display: block; margin: 7% auto 0;}

@media (max-width: 1080px) {

}

@media (max-width: 768px) {
.s25 .s25_tit {font-size: min(6vw, 20px); margin: 10% auto 7%; padding: 5px 0;}
.s25 .banner {padding: 10% 5% 80%; background: url('./img/s25_img01_bg_mo.jpg') no-repeat center bottom / cover;}
.s25 .banner h4 {font-size: min(6vw, 24px);}
.s25 .banner p {font-size: min(4.5vw, 18px);}
.s25 .banner p br {display: none;}
.s25 .txt h4 {font-size: min(4.5vw, 18px);}
.s25 .txt li p {width: 13%; font-size: 20px;}
.s25 .txt li h5 {width: 85%; font-size: 14px;}
.s25 .sec01 ul li {width: 48%; margin-bottom: 5%;}
.s25 .sec01 li h4 {font-size: min(4.5vw, 16px);}
.s25 .sec01 li p {font-size: 14px;}
.s25 .sec01 li .txt div {font-size: 14px;}
.s25 .sec01 li h5 {font-size: 14px;}
.s25 .sec02 .s25_tit + h4 {font-size: 15px; padding: 15px;}
.s25 .sec02 .txt_box .num {width: 10%; font-size: 20px;}
.s25 .sec02 .txt_box .num + div {width: 90%;}
.s25 .sec02 .txt_box h4 {font-weight: 500; font-size: min(4.5vw, 16px);}
.s25 .sec02 .txt_box h4 + p {font-size: 14px;}
.s25 .sec02 .list li {display: block; margin-top: 7%;}
.s25 .sec02 .list li .txt {padding: 0; margin-top: 5%;}
.s25 .sec02 .list .txt h3 {font-size: 18px;}
.s25 .sec02 .list .txt h4 {margin: 10px 0;}
.s25 .sec02 .list .txt h5 {font-size: 16px;}
.s25 .sec02 .list .txt p {font-size: 14px; margin-top: 10px;}
.s25 .sec03 .mo {display: block;}
.s25 .sec03 .pc {display: none;}
}

.s31 {overflow: hidden;}
.s31 .sub_deco {padding-left: 15px; position: relative; font-size: 24px; color: #131313; font-weight: 500; width: 16%;}
.s31 .sub_deco::before {content: ''; display: block; width: 7px; height: 22px; background: #b5772a; position: absolute; left: 0; top: 8px;}
.s31 .sec01 {display: flex; flex-flow:row wrap; padding-bottom: 60px; margin-bottom: 50px; border-bottom: 1px solid #ccc;}
.s31 .sec01 > div {width: 84%;}
.s31 .sec01 .txt_box {display: flex; justify-content:space-between;}
.s31 .sec01 .txt_box p {font-size: 20px; font-weight: 500; color: #131313; line-height: 1.6;}
.s31 .sec01 .txt_box p span:first-child {color: #b5772a;}
.s31 .sec01 .txt_box p span:last-child {color: #343434; display: block; font-size: 16px; font-weight: 400; margin-top: 5px;}
.s31 .img_box {display: flex; justify-content:center; margin-top: 50px; flex-flow:row wrap;}
.s31 .img_box > div {width: 47%; text-align: center;}
.s31 .img_box > div img {max-width:418px; width: 100%; display: block; margin: 0 auto;}
.s31 .img_box h4 {font-size: 18px; color: #131313; font-weight: 500;}
.s31 .img_box h4 span {font-weight: 700;}
.s31 .img_box h5 {font-size: 20px; color: #b5772a; font-weight: 700; margin: 5px auto;}
.s31 .img_box p {font-size: 13px; color: #666;}
.s31 .sec02 {padding-bottom: 60px; border-bottom: 1px solid #ccc;}
.s31 .sec02 .flx {display: flex; flex-flow:row wrap;}
.s31 .sec02 .flx .txt {width: 84%; border: 1px solid #b5772a; padding: 20px; font-size: 18px; color: #131313; font-weight: 300; line-height: 1.6;}
.s31 .flx2 {display: flex; flex-flow:row wrap; align-items:center; margin-top: 50px;}
.s31 .flx2 figure {width: 50%;}
.s31 .flx2 figure img {max-width:600px; width: 100%; display: block; margin: 0 auto;}
.s31 .flx2 .txt {width: 50%; padding-left: 30px; }
.s31 .flx2 .txt h4 {font-size: 20px; color: #131313; font-weight: 700;}
.s31 .flx2 .txt h4 span {color: #b5772a;}
.s31 .flx2 .txt p {font-size: 18px; color: #343434; line-height: 1.6; font-weight: 300; margin-top: 20px;}

@media (max-width: 1080px) {
.s31 .sub_deco {width: 100%;}
.s31 .sec01 > div {width: 100%;}
.s31 .sec01 .txt_box {margin-top: 5%;}
.s31 .sec02 .flx .txt {width: 100%; margin-top: 5%;}
.s31 .flx2 figure {width: 100%;}
.s31 .flx2 .txt {width: 100%; padding-left: 0; margin-top: 3%; text-align: center;}

}

@media (max-width: 768px) {
.s31 .sub_deco {font-size: min(5vw, 18px);}
.s31 .sub_deco::before {height: 18px; top: 4px;}
.s31 .sec01 {padding-bottom: 10%; margin-bottom: 10%;}
.s31 .sec01 .txt_box {flex-flow:row wrap;}
.s31 .sec01 .txt_box p {width: 100%; order:2; font-size: min(4.5vw, 16px);}
.s31 .img_box > div {width: 100%; margin-bottom: 5%;}
.s31 .img_box h4 {font-size: 16px;}
.s31 .img_box h5 {font-size: min(5.5vw, 17px);}
.s31 .img_box p {font-size: min(3.5vw, 14px);}
.s31 .sec01 .txt_box figure {width: 100%; order:1; text-align: center; margin: 10px 0;}
.s31 .sec02 {padding-bottom: 7%; margin-bottom: 7%;}
.s31 .sec02 .flx .txt {font-size: min(3.5vw, 14px);}
.s31 .flx2 {margin-top: 7%;}
.s31 .flx2 .txt h4 {font-size: min(4.5vw, 16px);}
.s31 .flx2 .txt p {font-size: min(3.5vw, 14px); margin-top: 10px;}
.s31 .flx2 .txt p br {display: none;}
.s22 .flx3 {margin-top: 7%;}
.s22 .flx3 > div table th, .s22 .flx3 > div table td {font-size: min(3.5vw, 14px); padding: 7px 0;}
}

.s32 .sub_tit + p {font-size: 24px; text-align: center; color: #131313; font-weight: 500; margin-bottom: 40px;}
.s32 .sch_form {max-width: 1000px; width: 100%; margin: 0 auto; display: flex; justify-content:center; padding: 50px 0; background: #f4f4f4; position: relative;}
.s32 .sch_form input {max-width:600px; width: 100%; padding: 12px 10px; font-size: 18px; color: #131313;}
.s32 .sch_form button {max-width:200px; width: 100%; padding: 12px 0; font-size: 18px; background: #b5772a; color: #fff; text-align: center;}
.s32 .sch_form .obj {width: 50px; height: 50px; background: #f4f4f4; transform:translate(90deg); position: absolute; bottom: -25px; left: 50%; transform: rotate(-45deg); margin-left: -25px;}
.s32 .result {margin-top: 80px;}
.s32 .result .flx {display: flex; flex-flow:row wrap; align-items:center; margin-bottom: 65px;}
.s32 .result .flx figure {width: 50%;}
.s32 .result .flx figure img {max-width:600px; width: 100%; display: block; margin: 0 auto;}
.s32 .result .flx ul {width: 50%; padding-left: 40px;}
.s32 .result .flx ul li {margin-bottom: 20px;}
.s32 .result .flx ul li h4 { font-size: 24px; font-weight: 500; color: #131313; padding-left: 10px; position: relative;}
.s32 .result .flx ul li h4::before {content: ''; width: 2px; height: 15px; background: #b5772a; position: absolute; left: 0; top: 10px; display: block;}
.s32 .result .flx ul li p {font-size: 20px; font-weight: 300; color: #343434;}
.s32 .result .print_btn {width: 200px; padding: 12px 0; font-size: 18px; color: #fff; display: block; margin: 0 auto; text-align: center; background: #b5772a;}

#bo_v_con img {max-width:100%;}

@media (max-width: 1080px) {
.s32 .sch_form {padding: 50px 4%;}
.s32 .result .flx figure {width: 40%;}
.s32 .result .flx ul {width: 60%; padding-left: 40px;}
}
@media (max-width: 768px) {
.s32 .sub_tit + p {font-size: min(5.5vw, 20px); margin-bottom: 5%;}
.s32 .result {margin-top: 12%;}
.s32 .sch_form {padding: 30px 4%;}
.s32 .sch_form input {font-size: 15px;}
.s32 .sch_form button {font-size: 15px; width: 40%;}
.s32 .sch_form .obj {width: 30px; height: 30px; bottom: -15px;}
.s32 .result .flx {margin-bottom: 7%;}
.s32 .result .flx figure {width: 100%;}
.s32 .result .flx ul {width: 100%; padding-left: 0; margin-top: 5%;}
.s32 .result .flx ul li h4 {font-size: 16px; width: 30%;}
.s32 .result .flx ul li p {font-size: 16px; width: 70%;}
.s32 .result .print_btn {padding: 10px 0; font-size: 16px;}

.fc-widget-header {margin-right: 0 !important;}
.fc-scroller {overflow: inherit !important; height: 351px !important;}
.fc-toolbar h2 {font-size: min(5.5vw, 18px) !important;}

}

/************************* 서브끝 *************************/


/************************* title_navi 시작 *************************/
.navi_all { max-width: 1200px; width:100%; margin:-50px auto 0; background:rgba(0,0,0,0.65); height:50px;}
.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; background: #b5772a;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.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:200px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid rgba(255,255,255,0.6);}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#343434 !important; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#b5772a; }

.navi_main h1 { color:#fff; font-size:15px; 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:-2px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:-2px;}


.navi_sub {width:55%; max-width:300px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid rgba(255,255,255,0.6);}
.navi_sub > h2						{ color:#fff; font-size:14px;  cursor:pointer; margin-left:10px; height:100%;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:-2px; }

.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; }

@media(max-width:768px){
.navi_main {width: 40%;}
.navi_sub {width: 60%;}
.navi_main h1 {font-size: 75%;}
.navi_sub > h2 {font-size: 75%;}
.navi_title01 h1 {font-size: 75%;}
}

@media(max-width:412px){
.home_btn_all a img {width:50%;}
.navi_sub > h2 {margin-left:5px;}
.navi_main > h1 {margin-left:5px;}
}
/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
footer .ft01 {background: #111; padding: 10px 0; color: #ccc;}
footer .ft01 .inner {display: flex; align-items:center; flex-flow:row wrap;}
footer .ft01 .inner > div {width: 100%; display: flex; align-items:center; font-size: 18px;}
footer .ft01 .inner > div h3 {margin-right: 5px; display: flex; align-items:center;}
footer .ft01 .inner > div h3 span {font-size: 28px; display: block; margin-top: 3px;}
footer .ft01 .inner > div p {color: #b5772a; font-weight: 700;}
footer .ft01 .inner > div p span {font-size: 16px;}
footer .ft02 {background: #000; padding: 50px 0; font-weight: 300;}
footer .ft02 ul {display: flex; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.5);}
footer .ft02 ul li {margin-right: 30px; position: relative;}
footer .ft02 ul li::after {content: ''; width: 5px; height: 5px; background: #fff; display: block; border-radius:50%; position: absolute; right: -17px; top: 10px;}
footer .ft02 ul li:last-child::after {display: none;}
footer .ft02 ul li a {font-size: 16px; color: #fff; opacity: 0.7; display: block;}
footer .ft02 ul li:first-child a {opacity: 0.9;}
footer .ft02 p {font-size: 16px; line-height: 1.6; color: #fff; opacity: 0.7;}
footer .ft02 p span {width: 1px; height: 12px; background: #fff; display: inline-block; margin: 0 10px;}
footer .ft02 p a {display: inline-block; color: #fff;}

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

@media (max-width: 768px) {
footer .ft01 .inner > div {width: 100%; font-size: 15px;}
footer .ft01 .inner > div h3 span {font-size: 24px; margin-right: 3px;}
footer .ft02 {padding: 25px 0;}
footer .ft02 ul li a {font-size: 15px;}
footer .ft02 p {font-size: 14px;}
footer .ft01 .inner > div p span {font-size: 13px;}
footer .ft02 p span {height: 5px; display: block; background: none;}
}
/************************* 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 끝 *************************/