/* include 공통 CSS */

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

/* 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%; padding:95px 0; position:relative;}

.content_title			{margin-bottom:50px; text-align: center; }
.content_title h1		{font-size:42px; font-weight:700; color:#212121;}
.content_title p		{display: none;}

.content_desc				{min-height:400px;}
a#toTop {display:none !important;}

@media(max-width:1280px){
.sub_right {padding: 80px 0 0;}
.content_title h1 {font-size: 40px;}
}
@media(max-width:1024px){
.sub_right {padding: 70px 0 0;}
.content_title h1 {font-size: 36px;}

}
@media(max-width:1100px){
.sub_left	{display:none;}
.sub_title_navi			{display:none; }
.sub_tab	{display:block;}
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
.sub_right {padding: 55px 0 0;}
.content_title {margin-bottom: 35px;}
.content_title h1 {font-size: 30px;}
}
@media(max-width:500px){
.content_title h1 {font-size: 26px;}
.s11_wrap .sec02 .history .right_area ul li:last-child p:before {display:none;}
}

/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
/**/
/.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 > a					{position:relative; padding-bottom:44px; color:#222;}
.menu .major ul li a span			{display:inline-block; margin:0 32px; padding:10px 0px; font-size:18px !important; font-weight: 600; border-bottom:3px solid transparent;}
/* gnb Hover */
.menu .major li.active{z-index:2}
.menu .major li a:hover span,.menu .major li a:active span,.menu .major li a:focus span{border-bottom:3px solid #e64823; color:#e64823}
.menu .major li.active a span{border-bottom:3px solid #e64823; color:#e64823}
/*대메뉴 포커스 효과 변경시 */
.menu .major li.pactive a span{border-bottom:3px solid #e64823; color:#e64823}
.menu .major li.pactive ul.sub{display:none;}
/*대메뉴 포커스 효과 변경시 */




/* gnb 2depth */
.menu .major ul.sub							{position:absolute; top:70px; display:none; border:1px solid #dfdfdf; background:#fff; }
.menu .major li.active ul.sub		{display:block;}
.menu .major ul.sub li					{clear:both; margin:0; padding:10px 9px; text-align: center;}
.menu .major ul.sub li a				{color:#555; font-size:15px;}
.menu .major ul.sub li a:hover	{color:#e64823;}

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



/* header */

.header_t {width:100%; background: #fff; border-bottom: 1px solid #f9f9f9; position:fixed; left:0; top:0px; z-index:99; font-weight: 500;}
.header_t * {transition: all 300ms ease-out;}
.header_t > .inner {display:flex; align-items:center; justify-content:space-between; height:100px; position:relative; }
.header_t .header_top {padding: 10px 0; border-bottom: 1px solid #ddd;}
.header_t .header_top .right_nav {display: flex; align-items: center; justify-content: flex-end; height:auto;}
.header_t .header_top span {width: 1px; height: 9px; background-color: #ddd; margin: 0 12px; }
.header_logo					{flex:2 1 1;}
/* .header_gnb_bg				{flex:8 1 auto;} */
.header_btn						{flex:1 0 auto; text-align:right;}
.header_t .inner .left_area {display: flex;  align-items: center;}
.header_t .inner .left_area .header_mark {margin-left:15px; display: flex;}
.header_t .inner .left_area .header_mark img {display:block; max-width:60px; width:100%; margin:0 5%}
/* 로고 */
.header_logo img			{width:100%; max-width:161px; height:auto; display: block;}
.header_logo img:last-child {display: none;}

/* 로그인버튼 */
.header_lang {position: relative; text-align: center; display: flex;}
.header_lang a {color: #585858; font-size: 14px;}
.header_lang .lang_btn {display: flex; align-items:center; justify-content:space-between; /* border-bottom: 1px solid #fff; */ font-size: 15px; color:#fff;  position: relative; z-index: 5; padding: 0 4px;}
.header_lang .lang_btn span { display: flex; align-items: center; padding-bottom: 5px;}
.header_lang .lang_btn span::before {content:''; display:block; width: 19px; height:12px; background: url("./img/kor_img.jpg")no-repeat left; margin-right: 5px; }
.header_lang .lang_list {position: absolute; left: 0; top: 19px; width: 100%; height: 0; opacity: 0; padding: 5px 0 4px; background: rgba(255,255,255,0.95);  border: 1px solid #eee; z-index: 4; line-height: 1.6;}
.header_lang .lang_btn .up {display: none;}
.header_lang .lang_btn.on .up {display: block;}
.header_lang .lang_btn.on .down {display: none;}
.header_lang .lang_list.on {height: auto; opacity: 1; transition:all 0.3s;}
.header_lang .lang_list.on li a {display:flex;align-items: center;    padding: 3px 3px 0;
}
.header_lang .lang_list.on li:nth-child(1) a:before {content:''; display:block; width: 19px; height:12px; background: url("./img/kor_img.jpg")no-repeat left; margin-right: 5px; }
.header_lang .lang_list.on li:nth-child(2) a:before {content:''; display:block; width: 19px; height:12px; background: url("./img/eng_img.jpg")no-repeat left; margin-right: 5px; }
.header_lang .lang_list.on li:nth-child(3) a:before {content:''; display:block; width: 19px; height:12px; background: url("./img/chn_img.jpg")no-repeat left; margin-right: 5px; }
.header_btn dl dd			{font-size:0.75rem; padding-top:5px;}

.header_lang2 a {display: inline-block; color: #fff; font-weight: 600; font-size: 16px; position:relative;padding: 8px 11px;
    border: 1px solid #fff;}
.header_lang2 a:hover {background: rgba(0,0,0,0.2); transition: all .3s;}
.header_lang2 img {display: inline-block; margin-right: 5px;}

/* all nav */
#all_nav {width: 100%; height:220px; background: rgba(255,255,255,0.95); padding: 20px 0; display: none; position: fixed; top: 91px; left: 0; z-index: 3;}
#all_nav .nav_ul {display: flex; padding: 0 100px 0 360px;}
#all_nav .nav_ul a:hover {color: #005d95;}
#all_nav .nav_ul > li {flex:1 0 auto;}
#all_nav .nav_ul h2 {font-size: 18px; font-weight: 500; margin-bottom: 10px; color: #212121;}
#all_nav .nav_ul .sub {line-height: 2;}

#all_nav .nav_ul .sub a {font-size: 16px; color: #888;}
#all_nav .nav_ul .sub a:hover {color: #212121;}
#all_nav .nav_ul li:first-child .sub li:last-child {display: none;}

/* 햄벅 */
.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-radius:3px; border:0; padding: 0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#181818; display:block; width:28px; height:3px; border-radius:5px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px; height:3px; width:28px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px; width:28px; 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:1280px){
.header_logo img {width:85%}
.header_t .inner {padding: 0 3%; height:95px}
.header_lang {margin-top: 0;}
.m_menu > a {font-size:16px;}
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;}
#all_nav .nav_ul {width: 655px;  right: 65px;}
#all_nav .nav_ul .sub a {font-size:15px;}
.menu .major ul li a span {    margin: 0 30px; font-size: 17px !important; }
#all_nav .nav_ul .sub {padding-top: 75px;}
.header_lang2 a {font-size: 15px;}
.header_t .inner .left_area .header_mark {margin-left: 0;}
}
@media(max-width:1024px){
.header_t > .inner {height:85px;}
.menu .major ul li a span {margin: 0 20px}
li.m1 ul.sub{width:150px;}
li.m2 ul.sub{width:150px;}
li.m3 ul.sub{width:150px;}
li.m4 ul.sub{width:150px;}
li.m5 ul.sub{width:150px;}
.header_lang2 a {font-size: 14px; padding: 6px 8px;}
.header_t .header_top .right_nav a {font-size: 13px;}
 .header_t .inner .left_area .header_mark img {margin:0 2%;}
}
@media(max-width:860px){
.header_t .inner .left_area .header_mark {display:none;}
}
@media(max-width:768px){
.header_t						{border-bottom: none; background: #fff;}
.header_t .inner {height:65px;}
.header_lang, .header_lang2				{display:none;}
.mo_nav							{display:block; }
.header_gnb_bg			{display:none;}
.header_btn					{display:none;}
.header_logo img:first-child {display:none;}
.header_logo img:last-child {display:block; }
.header_t .header_top .right_nav a {font-size: 12px;}
}



/**/
.f-nav{background: #fff; border-bottom: 1px solid #ddd;}
.f-nav * {color: #212121; }
.f-nav .header_lang2 a {color: #212121;}
.f-nav * > .header_lang .lang_btn {/* border-bottom:1px solid #212121 */}
.f-nav .header_lang2 a {border:1px solid #212121;}
.f-nav .header_lang2 a:hover {border:1px solid #337bbc; background:#337bbc; color: #fff;}
.f-nav .header_top {display:none;}

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

.header_t:hover {background: #fff; }
.header_t:hover .menu .major ul li a span {color:#212121}
.header_t:hover .header_lang2 a {color: #212121;border: 1px solid #212121;}
.header_t .header_lang2 a:hover {border:1px solid #337bbc; background:#337bbc; color: #fff;}
.header_t:hover .header_logo img:last-child {display: block;}
.header_t:hover .header_logo img:first-child {display: none;}
/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_visual										{position:relative; margin:0 auto; height:100vh;}
.main_center										{margin:0 auto; }

.main_tab {max-width: 835px; width:100%;  position: absolute; z-index: 1;left: 50%; transform: translatex(-50%); bottom:70px; display: flex; justify-content: space-between; }
.main_tab li {width:165px; text-align: center; background: #fff; border-radius:50%;}
.main_tab li:hover {background: #e83f18; transition: all .3s;}
.main_tab li:hover h1 {color:#fff;}
.main_tab li a img {max-width:51px; width:100%; display:block;}
.main_tab li a img:first-of-type {display:block; margin:0 auto;}
.main_tab li a img:last-of-type {display:none;}
.main_tab li:hover a img:first-child {display:none}
.main_tab li:hover a img:last-of-type {display:block; margin: 0 auto;}
.main_tab li a { display:block; padding: 40px 0;}
.main_tab li a h1 {font-size: 18px; color:#212121; font-weight: 600; margin-top: 10px; }

.m_contents {text-align: center;padding: 95px 0;}
.m_contents .eco_title {font-size: 16px; color:#ff4f26; font-weight: 700; margin-bottom: 15px;}
.m_contents .eco_title:after {content: '';  width: 1px;height: 20px;  margin: 15px auto; display: block; background: #cccccc;}
.m_contents .tit {font-size: 40px; color:#222222; font-weight: 700; }
.m_contents .m_subtxt {font-size: 18px; color:#222; margin: 15px 0; }

.m02 {background:url('./img/sec_02_bg.jpg')no-repeat center top; background-size: cover; }
.m02 .m_btn a {width:120px; padding: 10px 0; display:block; margin:0 auto; background: #e64823; border:1px solid #e64823; color:#fff; font-size: 15px; font-weight: 600; }
.m02 .m_btn a:hover {background: #fff; color: #e64823; border:1px solid #e64823; transition: all .3s;}
.m02 .m_subtxt {font-size: 25px;margin:35px 0; line-height: 1.4;}

.m03 {background:url('./img/sec_03_bg.jpg')no-repeat center top; background-size: cover; }
.m03 .tit {color:#fff;}
.m03 .m_subtxt {font-size: 18px; color:#fff; font-weight: 500;}
.m03 .icon_btn ul {display:flex; justify-content: space-between; flex-flow: row wrap; padding: 0 17%;    transition: all 0.3s;}
.m03 .icon_btn ul li {width:200px; height:200px;border-radius:50%; background: rgb(255 255 255 / 54%);; margin-top: 40px; }
.m03 .icon_btn ul li:hover {transition: all 0.3s; background: #e64823; }
.m03 .icon_btn ul li:nth-child(4n) {margin-right: 0;}
.m03 .icon_btn ul li a {  display: flex; align-items: center; justify-content: center; flex-flow: column wrap; padding: 25px 0;}
.m03 .icon_btn ul li a img {max-width: 70px; width: 28%; display:block;}
.m03 .icon_btn ul li p {color: #fff; font-weight: 500; font-size: 16px;}
.m03 .icon_btn ul li h1 {font-size: 18px; font-weight: 600; color:#fff; margin-top: 5px;}

.m04 .m_subtxt {color:#767676;}
.m04 .latest_wrap {display: flex; justify-content: space-between; margin-top: 40px;}
.m04 .latest_wrap .board {width:49%; text-align: left;height: 408px; border: 1px solid #eaeaea; paddinG: 30px;}
.m04 .board2 .date {display: none;}
.m04 .board2 .date_news li .txt {padding: 0 5px;}
.m04 .about_btn ul {display: flex; justify-content: space-between; margin-top: 23px;}
.m04 .about_btn ul li {max-width: 387px; width: 100%; border: 1px solid #eaeaea; padding: 3% 3% 5%; text-align: left;}
.m04 .about_btn ul li:nth-child(1) {background: url(./img/sec04_ico.png)no-repeat 100% 100% #fff;}
.m04 .about_btn ul li:nth-child(2) {background: url(./img/sec04_ico02.png)no-repeat 100% 105% #fff;}
.m04 .about_btn ul li:nth-child(3) {background: url(./img/sec04_ico03.png)no-repeat 100% 100% #fff;}
.m04 .about_btn ul li h2 {font-size: 20px; font-weight: 600; color:#222;}
.m04 .about_btn ul li p {font-size: 16px; color: #5d5d5d; margin:10px 0 30px;    transform: skew(-0.028deg);}
.m04 .about_btn ul li a {    width: 120px; border: 1px solid #e64823; font-size: 15px; color: #e64823; display: block; text-align: center; 
 font-weight: 700;  padding: 8px 0;}
.m04 .about_btn ul li a:hover {background: #e64823; color:#fff; transition:all .3s;}

@media(max-width:1280px){
.inner {padding: 0 3%;}
.main_tab {width:65%; bottom: 80px;}
.main_tab li {width:140px; }
.main_tab li a {padding: 33px 0;}
.main_tab li a img {width:30%;}
.main_tab li a h1 {font-size: 17px;}

.m_contents {padding: 80px 0;}
.m_contents .tit {font-size: 36px;}
.m02 .m_subtxt {font-size: 24px; margin:25px 0;}

.m03 .icon_btn ul {padding: 0 20%;justify-content: space-between;}
.m03 .icon_btn ul li {width:180px; height:180px;}
.m03 .icon_btn ul li a {padding: 20px 0;}
.m03 .icon_btn ul li h1 {margin-top: 5px;}
.m03 .icon_btn ul li p {margin-top: 0;}

.m04 .latest_wrap {margin-top: 30px;}
.m04 .latest_wrap .board {padding: 25px;}
.m04 .about_btn ul li {padding: 2% 2% 5%; width:32%;}
.m04 .about_btn ul li:nth-child(1) {background: url(./img/sec04_ico.png)no-repeat 95% 100% #fff;}
.m04 .about_btn ul li p {margin: 10px 0 25px;}
}
@media(max-width:1024px){
.main_visual {height: 80vh;}
.main_tab {width:75%; bottom:65px;}
.main_tab li {width:120px;}
.main_tab li a {padding: 26px 0;}
.main_tab li a h1 {font-size: 16px;}

.m_contents {padding: 65px 0;}
.m_contents .eco_title {font-size: 15px;}
.m_contents .tit {font-size: 33px;}
.m02 .m_subtxt {margin:20px 0; font-size: 22px;}

.m_contents .m_subtxt {font-size: 16px;}
.m_contents .m_subtxt {margin:10px 0 20px;}
.m03 .icon_btn ul {padding: 0 12%;}
.m03 .icon_btn ul li {width: 180px; height: 180px;margin-right: 0; margin-top: 30px;}
.m03 .icon_btn ul li h1 {margin-top: 10px; font-size: 16px;}
.m03 .icon_btn ul li a {padding: 20px 5%;}

.m04 .latest_wrap .board {padding: 4% 3%;}
.m04 .about_btn ul li h2 {font-size: 18px;}
.m04 .about_btn ul li:nth-child(1) {background-size: 35%;}
.m04 .about_btn ul li:nth-child(2) {background-size: 35%;}
.m04 .about_btn ul li:nth-child(3) {background-size: 35%;}
.m04 .about_btn ul li:nth-child(4) {background-size: 35%;}

}

@media(max-width:910px){
.m03 .icon_btn ul li {width: 160px; height: 160px;}
}

@media(max-width:768px){
.main_visual {height: 75vh;}

.swiper-slide {background-position-x: 0% !important;}
.swiper-slide .slide_text_wrap {padding: 0 5% ;}
.swiper-slide .slide_text_wrap {top:50% !important; left:50% !important; transform:translate(-50%,-50%);
 text-align: center !important; width:100%; }

.swiper-slide .slide_text_wrap p {font-size: 14px;}

.main_tab {width:80%; bottom: auto; margin-top: -135px;}
.main_tab li {width:90px; }
.main_tab li a {padding: 19px 0;}
.main_tab li a h1 {font-size: 15px; margin-top: 5px;}

.m_contents {padding: 50px 0;}
.m_contents .tit {font-size: 26px;}
.m_contents .eco_title {margin-bottom: 10px;}

.m02 .m_subtxt {margin:10px 0 20px; font-size: 18px;}
.m02 .m_btn a {width:110px; padding: 8px 0;}
.m_contents .eco_title:after {height:15px; margin:10px auto;}

.m_contents .m_subtxt {font-size: 15px;}
.m03 .icon_btn ul {padding: 0 8%;}
.m03 .icon_btn ul li {margin-top: 20px; width:150px; height:150px;}
.m03 .icon_btn ul li a {padding: 10% 7%;}
.m03 .icon_btn ul li h1 {font-size: 15px; margin-top: 0;}
.m03 .icon_btn ul li p {font-size: 14px;}
.m03 .icon_btn ul li a img {width:26%;}

.m04 .latest_wrap {flex-flow: row wrap;}
.m04 .latest_wrap {margin-top: 15px;}
.m04 .latest_wrap .board {width:100%; padding: 3%;  height:290px; margin-top: 15px; }
.m04 .about_btn ul li {padding: 3%;}
.m04 .about_btn ul li h2 {font-size: 16px;}
.m04 .about_btn ul li p {font-size: 15px; margin:5px 0 20px}
.m04 .about_btn ul li a {width:110px;}
}
@media(max-width:610px){
.m02 .m_btn a {width:90px; padding: 6px 0; font-size: 14px;}

.m04 .about_btn ul {flex-flow:row wrap; margin-top: 15px;}
.m04 .about_btn ul li {width:100%; max-width:100%;display: flex;
    align-items: center; justify-content: space-between; margin-bottom: 10px;}
.m04 .about_btn ul li p {margin: 5px 0 5px;}
.m04 .about_btn ul li:nth-child(1) {background: none;}
.m04 .about_btn ul li:nth-child(2) {background: none;}
.m04 .about_btn ul li:nth-child(3) {margin-bottom: 0;background: none;}
.m04 .about_btn ul li a {font-size: 14px; padding: 6px 0;}
}
@media(max-width:500px){
.swiper-slide .slide_text_wrap {top:53% !important;}
.swiper-slide .slide_text_wrap p {margin-top: 15px;}

.main_tab {width: 90%; margin-top: -110px;}
.main_tab li {width:75px;}
.main_tab li a {padding: 15px 0;}
.main_tab li a h1 {font-size: 14px;}

.m_contents {padding: 40px 0;} 
.m_contents .eco_title {font-size: 14px;}
.m_contents .tit {font-size: 24px;}

.m02 .inner {padding: 0 16%;}
.m02 .m_subtxt {font-size: 16px; margin:10px 0 15px;}
.m03 .icon_btn ul {padding: 0 9%;}
.m03 .icon_btn ul li {margin-top: 15px; width:130px; height:130px; }

.m04 .about_btn ul li .txt {width: 100%;}
.m04 .about_btn ul li p { word-break: keep-all;}
}
/************************* main_inc 끝*************************/
.s_wrap .s_contents {padding: 100px 0;}
.s_wrap .s_contents .s_tit {text-align: center; color:#212121; font-weight: 600; font-size: 42px; margin-bottom: 60px;}

.s11_wrap .sec01 {padding: 0 0 100px;}
.s11_wrap .sec01 .inner {background: url(./img/s_11_bg.png)no-repeat 100% 55% #fff;}
.s11_wrap .sec01 .mainimg img {max-width:1200px; width:100%; display:block; }
.s11_wrap .sec01 .mainimg .subTxt {display:flex; align-items:center; font-size: 35px; color:#e64823; font-weight: 300; margin: 50px 0; line-height: 1.3; }
.s11_wrap .sec01 .mainimg .subTxt img {max-width:130px; width:100%; display:block; margin: 0 3%;}
.s11_wrap .sec01 .mainimg .subTxt span {font-weight: 500;}
.s11_wrap .sec01 .greeting {display:flex; justify-content: space-between;}
.s11_wrap .sec01 .greeting .left_area {width: 45%; border-right: 1px solid #ddd; color:#222;}
.s11_wrap .sec01 .greeting .left_area h1 {font-size: 28px; font-weight: 800; }
.s11_wrap .sec01 .greeting .left_area p {font-size: 18px; font-weight: 500; margin-top: 30px; line-height: 1.6;}
.s11_wrap .sec01 .greeting .left_area p span {font-weight: 600;}
.s11_wrap .sec01 .greeting .right_area {width:55%; padding-left: 55px;}
.s11_wrap .sec01 .greeting .right_area p {font-size: 18px; color:#666; line-height: 1.7; }
.s11_wrap .sec01 .greeting .right_area p span {font-weight: 600; color:#212121;}
.s11_wrap .sec01 .greeting .right_area .sign {display:flex; align-items:center; margin-top: 40px; }
.s11_wrap .sec01 .greeting .right_area .sign h2 {font-weight: 600; color: #212121; margin-right: 10px;}
.s11_wrap .sec01 .greeting .right_area .sign img {max-width:80px; width:100%; display: block;}

.s11_wrap .sec02 {background: #f9f9f9;}
.s11_wrap .sec02 .history {display: flex; justify-content: space-between;}
.s11_wrap .sec02 .history .left_area {width:40%;}
.s11_wrap .sec02 .history .left_area img {max-width:80px; width:100%; display:block;}
.s11_wrap .sec02 .history .left_area h2 {font-size: 36px; color:#212121; font-weight: 300; margin-top: 40px; line-height: 1.7;}
.s11_wrap .sec02 .history .left_area h2 .orane {color: #e64823; font-weight: 800; }
.s11_wrap .sec02 .history .left_area h2 .green {color: #36803e; font-weight: 800; }
.s11_wrap .sec02 .history .left_area h2 .black {color: #212121; font-weight: 800; }
.s11_wrap .sec02 .history .right_area {width:60%;}
.s11_wrap .sec02 .history .right_area ul li .li_txt {display:flex; align-items:center; margin-bottom: 20px; }
.s11_wrap .sec02 .history .right_area ul li .li_txt .ball {width:11%;}
.s11_wrap .sec02 .history .right_area .li_txt h2 {width:10%; color: #e64823; font-size: 30px; font-weight: 500; font-family: 'NanumSquare'; font-weight: 600;}
.s11_wrap .sec02 .history .right_area .li_txt p {width:79%; font-size: 18px; color:#212121; position:relative;}
.s11_wrap .sec02 .history .right_area .li_txt:first-child p:before {display:none;}
.s11_wrap .sec02 .history .right_area .li_txt .li_subtxt { position:relative;}
.s11_wrap .sec02 .history .right_area .li_txt p:before {content:''; position:absolute; width:7px; height:7px; background: #bdbdbd; display:inline-block; left: -31px; top: 8px; border-radius: 50%; z-index:10;} 
.s11_wrap .sec02 .history .right_area .li_txt p .s_num {font-size: 10px; vertical-align: text-top;}
.s11_wrap .sec02 .history .right_area .li_txt figure {position:relative; z-index:10}
.s11_wrap .sec02 .history .right_area .li_txt figure:after {content:''; position:absolute; display:inline-block; width:1px; height:170px; 
background: #e5e5e5;z-index: -1;top: 28%;left: 66%;}
.s11_wrap .sec02 .history .right_area .li_txt:last-child figure:after {content:none;}
.s11_wrap .sec02 .history .right_area .li_txt img {margin: 0 20px 0 45px}

.s11_wrap .sec03 img {max-width:1200px; width:100%; display:block; margin: 0 auto;}
.s11_wrap .sec03 img:last-child {display:none}

.s11_wrap .sec04 {background: #f8f8f8;}
.s11_wrap .sec04 .map iframe {display:block;}
.s11_wrap .sec04 .map .map_li {display: flex; justify-content: space-between; align-items:center; }
.s11_wrap .sec04 .map .map_li li {width:25%; border:1px solid #ddd; text-align: center;height:235px; padding: 60px 3% 0; background: #fff;}
.s11_wrap .sec04 .map .map_li li img {max-width:41px; width:100%; margin: 0 auto; display:block;}
.s11_wrap .sec04 .map .map_li li h2 {padding: 10px 0; color:#e64823; font-weight: 600; font-size: 20px;}
.s11_wrap .sec04 .map .map_li li p {font-size: 18px; color: #666666; letter-spacing: 1px; line-height: 1.5;}

.s21_wrap .sec01 ul li {display:flex; align-items:center; margin-bottom: 35px;}
.s21_wrap .sec01 ul li img {max-width:380px; width:100%; display:block;}
.s21_wrap .sec01 ul li:last-child {margin-bottom: 50px;}
.s21_wrap .sec01 ul li .subtxt {margin-left: 55px;}
.s21_wrap .sec01 ul li .subtxt h2 {font-size: 22px; margin-bottom: 35px; font-weight: 600;}
.s21_wrap .sec01 ul li .subtxt h2 span {font-weight: 600; color: #e64823; margin-right: 10px;}
.s21_wrap .sec01 ul li .subtxt p {position:relative; font-size: 18px; color:#7d7d7d; font-weight: 500; margin-left: 20px; line-height: 1.6;}
.s21_wrap .sec01 ul li .subtxt p:before {content:''; position:absolute;  width:5px; height:5px; background: #bdbdbd; border-radius:50%; left:-15px; top:11px; }
.s21_wrap .sec01 ul li .subtxt p span {color: #e64823; font-weight: 600;}
.s21_wrap .sec01 .bot_img img {max-width:1198px; display:block; width:100%;}

.s22_wrap .sec01 ul {    display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap;} 
.s22_wrap .sec01 ul li {margin-top: 30px;}
.s22_wrap .sec01 ul li:nth-child(1),.s22_wrap .sec01 ul li:nth-child(2),.s22_wrap .sec01 ul li:nth-child(3) {margin-top: 0;}
.s22_wrap .sec01 ul li img {max-width:365px; width:100%; display:block; filter: drop-shadow(3px 2px 3px #ddd);}
.s22_wrap .sec01 ul li h2 { margin-top: 30px; color:#222; font-size: 22px; font-weight: 600;display: flex; justify-content: center; align-items: center;}
.s22_wrap .sec01 ul li h2 span {color:#fff; display:block; margin-right: 10px; background: #e64823; text-align: center; width:30px; font-size: 16px; line-height: 1.7;}

.s23_wrap .sec01 .inner .tit {position:relative; color:#fff;  display: flex;justify-content: center; align-items: center;}
.s23_wrap .sec01 .inner .tit img {position:relative; max-width:1200px; width:100%; display:block;}
.s23_wrap .sec01 .inner .tit h1 {position:absolute; font-size: 36px; }
.s23_wrap .sec01 .inner ul {display: flex; flex-flow: row wrap; justify-content: space-between;}
.s23_wrap .sec01 .inner .top {margin: 0px 0 30px;}
.s23_wrap .sec01 .inner ul li {max-width:175px; width:100%; align-items:center; display:flex; border:1px solid #ddd; justify-content: center;}
.s23_wrap .sec01 .inner ul .bottom {margin-top: 30px;}
.s23_wrap .sec01 .inner ul li img {display:block; width:100%;}
@media(max-width:1280px){

.s_wrap .s_contents {padding: 80px 0;}
.s_wrap .s_contents .s_tit {font-size: 40px; margin-bottom: 50px;}

.s11_wrap .sec01 {padding: 0 0 80px;}
.s11_wrap .sec01 .inner {    background: url(./img/s_11_bg.png)no-repeat 96% 70% #fff; background-size: 32%;}
.s11_wrap .sec01 .mainimg .subTxt {font-size: 30px; margin:40px 0;}
.s11_wrap .sec01 .greeting .left_area {width:40%; padding-right: 5%;}
.s11_wrap .sec01 .greeting .left_area h1 {font-size: 26px;}
.s11_wrap .sec01 .greeting .left_area p {margin-top: 25px;}
.s11_wrap .sec01 .greeting .right_area {width:60%; padding-left: 50px;}
.s11_wrap .sec01 .greeting .right_area p {font-size: 17px; line-height: 1.7;}
.s11_wrap .sec01 .greeting .right_area .sign {margin-top: 30px;}
.s11_wrap .sec01 .greeting .right_area .sign h2 {font-size: 20px;}

.s11_wrap .sec02 .history .left_area {width:35%;}
.s11_wrap .sec02 .history .left_area h2 {font-size: 30px; word-break: keep-all; margin-top: 25px;}
.s11_wrap .sec02 .history .right_area .li_txt h2 {font-size: 28px;}
.s11_wrap .sec02 .history .right_area .li_txt p {padding-left: 30px; width:90%; font-size: 17px;}
.s11_wrap .sec02 .history .right_area .li_txt p:before {left:auto; margin-left: -7.5%;}
.s11_wrap .sec02 .history .right_area .li_txt img {margin:0 0 0 45px}
.s11_wrap .sec02 .history .right_area .li_txt figure:after {left:88%; }

.s11_wrap .sec04 .map iframe {width:100%; height:320px;}
.s11_wrap .sec04 .map .map_li li {height:220px; padding: 55px 3% 0;}
.s11_wrap .sec04 .map .map_li li p {font-size: 16px;}

.s21_wrap .sec01 ul li .subtxt {margin-left: 45px;}
.s21_wrap .sec01 ul li .subtxt p {font-size: 17px;}
.s21_wrap .sec01 ul li .subtxt h2 {font-size: 20px; margin-bottom: 20px;}

.s22_wrap .sec01 ul li {width:31%;}
.s22_wrap .sec01 ul li h2 {margin-top: 25px; font-size: 20px;}

.s23_wrap .sec01 .inner .tit h1 {font-size: 33px;}
.s23_wrap .sec01 .inner ul li {width:15%; }
.s23_wrap .sec01 .inner .top {margin: 40px 0 0px;}
}
@media(max-width:1024px){
.s_wrap .s_contents {padding: 65px 0;}
.s_wrap .s_contents .s_tit {font-size: 36px; margin-bottom: 35px;}

.s11_wrap .sec01 {padding: 0 0 65px;}
.s11_wrap .sec01 .inner {    background: url(./img/s_11_bg.png)no-repeat 96% 55% #fff;
    background-size: 36%;}
.s11_wrap .sec01 .mainimg .subTxt {font-size:28px; margin:35px 0;}
.s11_wrap .sec01 .mainimg .subTxt img {width:14%;}
.s11_wrap .sec01 .greeting .left_area {width:40%;}
.s11_wrap .sec01 .greeting .left_area h1 {font-size: 24px;}
.s11_wrap .sec01 .greeting .left_area p {margin-top: 20px; font-size: 16px; line-height: 1.5;}
.s11_wrap .sec01 .greeting .right_area {padding-left: 45px;}
.s11_wrap .sec01 .greeting .right_area p {font-size: 16px; }
.s11_wrap .sec01 .greeting .right_area .sign {margin-top: 25px;}
.s11_wrap .sec01 .greeting .right_area .sign h2 {font-size: 18px; margin-right: 5px;}

.s11_wrap .sec02 .history .right_area .li_txt p:before {margin-left: -6.5%;}
.s11_wrap .sec02 .history .left_area {width:35%;}
.s11_wrap .sec02 .history .left_area h2 {font-size: 26px; word-break: keep-all; margin-top: 25px;}
.s11_wrap .sec02 .history .right_area .li_txt h2 {font-size: 28px;}
.s11_wrap .sec02 .history .right_area .li_txt p {padding-left: 30px;}
.s11_wrap .sec02 .history .right_area .li_txt img {margin:0 0 0 45px}
.s11_wrap .sec02 .history .right_area .li_txt figure:after {left:90%; }

.s11_wrap .sec04 .map .map_li li {height:200px; padding: 45px 2% 0;}
.s11_wrap .sec04 .map .map_li li img {width:18%;}
.s11_wrap .sec04 .map .map_li li h2 {font-size: 18px; padding: 10px 0 5px;}
.s11_wrap .sec04 .map .map_li li p {word-break:break-all;}

.s21_wrap .sec01 ul li {align-items: end;}
.s21_wrap .sec01 ul li img {width:48%;}
.s21_wrap .sec01 ul li .subtxt {margin-left: 30px;}
.s21_wrap .sec01 ul li .subtxt h2 {font-size: 18px;margin-bottom: 10px;}
.s21_wrap .sec01 ul li .subtxt p {font-size: 16px;}

.s22_wrap .sec01 ul li {width:32%;}
.s22_wrap .sec01 ul li h2 {font-size: 18px;}
.s22_wrap .sec01 ul li h2 span {width:28px; line-height: 1.6;}

.s23_wrap .sec01 .inner .tit h1 {font-size: 26px;}
.s23_wrap .sec01 .inner .top {margin: 35px 0 0px;}

}
@media(max-width:768px){
.s_wrap .s_contents {padding: 50px 0;}
.s_wrap .s_contents .s_tit {font-size: 30px; margin-bottom: 30px;}

.s11_wrap .sec01 {padding: 0 0 65px;}
.s11_wrap .sec01 .inner {background: url(./img/s_11_bg.png)no-repeat 96% 36% #fff;
    background-size: 36%;}
.s11_wrap .sec01 .mainimg .subTxt {font-size:20px; margin:25px 0;}
.s11_wrap .sec01 .mainimg .subTxt img {width:13%; margin: 0 2%;}
.s11_wrap .sec01 .greeting {flex-flow: row wrap}
.s11_wrap .sec01 .greeting .left_area {width:100%; border-right: none;}
.s11_wrap .sec01 .greeting .left_area h1 {font-size: 20px;}
.s11_wrap .sec01 .greeting .left_area p {margin-top: 10px; margin-bottom: 20px; font-size: 15px; }
.s11_wrap .sec01 .greeting .right_area {padding-left: 0; width:100%;}
.s11_wrap .sec01 .greeting .right_area p {font-size: 15px;;}
.s11_wrap .sec01 .greeting .right_area .sign {mt}
.s11_wrap .sec01 .greeting .right_area .sign h2 {font-size: 18px;}
.s11_wrap .sec01 .greeting .right_area .sign img {width:15%;}

.s11_wrap .sec02 .history {flex-flow: row wrap;}
.s11_wrap .sec02 .history .left_area {width:100%;}
.s11_wrap .sec02 .history .left_area h2 {font-size: 22px; margin-top: 15px;}
.s11_wrap .sec02 .history .right_area {width:100%; margin-top: 25px;}
.s11_wrap .sec02 .history .right_area ul li .li_txt {margin-bottom: 15px;}
.s11_wrap .sec02 .history .right_area .li_txt h2 {font-size: 20px;}
.s11_wrap .sec02 .history .right_area .li_txt p {width:75%; padding-left: 25px; font-size: 15px;}
.s11_wrap .sec02 .history .right_area .li_txt p:before {margin-left: -13%;}
.s11_wrap .sec02 .history .right_area .li_txt img {margin:0 0 0 30px}
.s11_wrap .sec02 .history .right_area .li_txt figure:after {left:85%; }

.s11_wrap .sec03 img:last-child {display:block;}
.s11_wrap .sec03 img:first-of-type {display:none;}

.s11_wrap .sec04 .map iframe {height:290px;}
.s11_wrap .sec04 .map .map_li {flex-flow: row wrap}
.s11_wrap .sec04 .map .map_li li {width:50%; height:175px; padding: 5% 2% 5%;}
.s11_wrap .sec04 .map .map_li li p {font-size: 15px;}

.s21_wrap .sec01 ul li img {width:40%}
.s21_wrap .sec01 ul li .subtxt {margin-left: 15px;}
.s21_wrap .sec01 ul li .subtxt h2 {font-size: 16px;}

.s21_wrap .sec01 ul li .subtxt p {font-size: 15px;}

.s22_wrap .sec01 ul li {width:48%; margin-top: 0;}
.s22_wrap .sec01 ul li h2 {font-size: 16px; margin-top: 15px; margin-bottom:25px; transform: skew(-0.028deg);}
.s22_wrap .sec01 ul li h2 span {font-size: 14px;width:25px}

.s23_wrap .sec01 .inner .tit h1 {font-size: 22px;}
.s23_wrap .sec01 .inner ul li {width:23%;}
.s23_wrap .sec01 .inner .top {margin: 15px 0 0px;}
.s23_wrap .sec01 .inner ul .bottom {margin-top: 20px;}
}
@media(max-width:500px){
.s_wrap .s_contents .s_tit {font-size: 26px;}

.s11_wrap .sec01 .mainimg .subTxt {margin:20px 0;}
.s11_wrap .sec01 .greeting .right_area p {font-size: 14px;}
.s11_wrap .sec01 .greeting .right_area .sign h2 {font-size: 16px;}

.s11_wrap .sec02 .history .left_area h2 {margin-top: 0;}
.s11_wrap .sec02 .history .right_area .li_txt p:before {margin-left: -12%;}
.s11_wrap .sec02 .history .right_area .li_txt p {font-size: 14px;}
.s11_wrap .sec02 .history .left_area img {display:none;}

.s11_wrap .sec04 .map iframe {height:260px;}
.s11_wrap .sec04 .map .map_li li {height:150px;}
.s11_wrap .sec04 .map .map_li li h2 {font-size: 16px;}
.s11_wrap .sec04 .map .map_li li p {font-size: 14px;}

.s21_wrap .sec01 ul li {flex-flow: row wrap;}
.s21_wrap .sec01 ul li img {width:100%; max-width:100%;}
.s21_wrap .sec01 ul li .subtxt {width:100%; margin-left: 0; margin-top: 25px;}
.s21_wrap .sec01 ul li .subtxt h2 {margin-bottom: 10px;}
.s21_wrap .sec01 ul li:last-child {margin-bottom: 35px;}

.s23_wrap .sec01 .inner .tit h1 {font-size: 16px;}
.s23_wrap .sec01 .inner ul li {width:32%;}
.s23_wrap .sec01 .inner ul .bottom {margin-top: 8px;}
}
/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; }
.navi_in	{margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

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

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

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

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

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

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

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

.navi_sub > p						{float:right; }

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


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

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

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

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


/************************* footer_inc 시작 *************************/
footer {background: #000; padding:40px 0 45px; }
footer .inner {display: flex; justify-content: space-between;}
footer .inner .logo {width:16%;}
footer .inner .logo img {max-width:161px; width:100%; display:block;}
footer .inner .txt {width:84%; color: rgba(255,255,255,75%); font-size: 15px;}
footer .inner .txt .top {display: flex; justify-content: space-between; margin-bottom: 19px;
    padding-bottom: 19px; border-bottom: 1px solid rgba(255,255,255,15%);}
footer .inner .txt span {width:1px; height:11px; display:inline-block; background:#e1e1e1; opacity:60%; margin:0 15px;}
footer .inner .txt .top p {color: #afafaf}
footer .inner .txt .top ul {display:flex; align-items:center;}
footer .inner .txt .top ul .middle a {margin:0 30px;}
footer .inner .txt .top ul li a {color: #afafaf;}
footer .inner .txt .top ul .orange a {color: rgba(230,72,35,61); opacity:80%}
footer .inner .txt .bottom {display:flex; justify-content: space-between;color: #afafaf}
footer .inner .txt .mobile_bottom {display:none;}
footer .inner .txt .bottom .copyright {color:#888;}

@media(max-width:1280px){
footer {padding: 35px 0 40px;}
footer .inner {flex-flow: row wrap;}
footer .inner .logo {width:100%;}
footer .inner .txt {margin-top: 20px; width:100%;}
footer .inner .txt .top {margin-bottom: 15px; padding-bottom: 15px;}
}
@media(max-width:1024px){
footer .inner .logo img {width:16%;}
footer .inner .txt .top ul .middle a {margin:0 25px;}
footer .inner .txt .bottom .info {width: 45%; word-break: break-all;}
footer .inner .txt .bottom p {width:45%;}
}
@media(max-width:768px){
footer {padding: 30px 3%;}
footer .inner .logo img {width:35%; margin: 0 auto;}
footer .inner .txt {font-size: 14px; margin-top: 15px;}
footer .inner .txt .top {flex-flow:row wrap;justify-content: center; line-height: 1.8;}
footer .inner .txt .top p {width:100%; text-align: center; line-height: 1.7;}
footer .inner .txt .top ul .middle a {margin:0 15px;}
footer .inner .txt .bottom {flex-flow: row wrap; }
footer .inner .txt .bottom .info,footer .inner .txt .bottom p {width:100%;text-align: center;
    line-height: 1.5;}
footer .inner .txt span {margin:0 10px;}
footer .inner .txt .mobile_none {display:none}
footer .inner .txt .mobile_bottom {display:block;}
footer .inner .txt .mobile_bottom a {color: rgba(255,255,255,75%);}
footer .inner .txt .mobile_bottom a:hover {color:#ddd}

}

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

/* 패밀리사이트 클릭시 밑으로 떨어지는  CSS*/
/*
.select_op						{border:1px solid #ddd;border-top:none; width:168px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;}
*/

/* 패밀리사이트 클릭시 위로 올라오는 CSS*/
.select_op						{border:1px solid #ddd;border-bottom:none; width:160px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;bottom:30px;}

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



.footer_copyright			{background:#323232; color:#fff; text-align:center; padding:10px;}
.footer_copyright p			{color:#fff; font-size:12px;}
.footer_copyright p a		{font-size:11px; color:#fff;  margin-left:15px;}

/************************* 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 끝 *************************/