/* include 공통 CSS */

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

/* 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; padding: 100px 0;}

@media(max-width:1280px){
.sub_right {padding: 80px 3%;}
}
@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 
}

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

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

/************************* 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; color:#fff; padding-bottom:35px}
.menu .major ul li a span			{display:inline-block; margin:0 35px; padding:10px 0px; font-size:17px !important; 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 #1b1f7f; color:#1b1f7f}
.menu .major li.active a span{border-bottom:3px solid #1b1f7f; color:#1b1f7f}
/*대메뉴 포커스 효과 변경시 */
.menu .major li.pactive a span{border-bottom:3px solid #1b1f7f; color:#1b1f7f}
.menu .major li.pactive ul.sub{display:none;}
/*대메뉴 포커스 효과 변경시 */




/* gnb 2depth */
.menu .major ul.sub							{position:absolute; top:65px; 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:#1b1f7f;}

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



/* header */

.header_t {width:100%; border-bottom: 1px solid #f9f9f9; position:fixed; left:0; top:0px; z-index:9999; font-weight: 500;}
.header_t * {transition: all 300ms ease-out;}
.header_t > .inner {display:flex; align-items:center; justify-content:space-between; height:85px; position:relative; }


.header_logo					{flex:2 1 1;}
/* .header_gnb_bg				{flex:8 1 auto;} */
.header_btn						{flex:1 0 auto; text-align:right;}


/* 로고 */
.header_logo img			{width:100%; max-width:145px; 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-size: 16px; position:relative;}
.header_lang2 a:first-child {margin-right: 25px;}
.header_lang2 a:nth-child(2):before {content:''; position:absolute; width:1px; height:11px; display:block; background: #fff; left:-15px; top:4px;}
.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;}
.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_t .inner {padding: 0 3%;}
.header_t > .inner {height:80px;}
.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;}
}
@media(max-width:1024px){
.header_t .inner {height: 85px}
.header_logo {width: 20%;}
.menu .major ul li a {padding: 40px 10px;}
.menu .major ul li a span {font-size:16px !important; margin: 0 20px;}
#all_nav {height:250px;}
#all_nav .nav_ul {width:520px; right:60px;}
#all_nav .nav_ul .sub {padding-top: 120px;;}
.header_lang .lang_btn span {font-size: 14px;  padding-bottom: 3px;}
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;}
.menu .major ul.sub {top:67px;}
.header_lang2 a:first-child {margin-right: 20px;}

}
@media(max-width:768px){
.header_t						{border-bottom: none; background: #fff;}
.header_t .inner {height:50px;}
.header_logo {width:30%}
.header_lang, .header_lang2				{display:none;}
.mo_nav							{display:block; float:right; width:15%; max-width:50px;}
.header_gnb_bg			{display:none;}
.header_btn					{display:none;}
.header_logo img:first-child {display:none;}
.header_logo img:last-child {display:block; width:75%;}
}



/**/
.f-nav{background: #fff;}
.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:nth-child(2):before {background: #111;}

.f-nav .header_logo img:last-child {display: block;}
.f-nav .header_logo img:first-child {display: none;}
/*.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 {background:url('./img/main_img.jpg')no-repeat center top; background-size: cover;position:relative;padding: 200px 0;}
.main_visual .inner .txt {text-align: center; color:#fff}
.main_visual .inner .txt h1 {font-size: 24px;}
.main_visual .inner .txt h2 {font-size: 78px; font-weight: 500; margin-bottom: 40px;}
.main_visual .inner .txt ul {max-width:840px; width:100%; margin: 0 auto;display:flex; justify-content: space-between; border:1px solid #777}
.main_visual .inner .txt ul li {width:100%;background: rgba(0,0,0,0.3); border-right:1px solid #777 }
.main_visual .inner .txt ul li:last-child {border-right: none;}
.main_visual .inner .txt ul li:hover {background: rgba(0,0,0,0.5); transition:all .2s;}
.main_visual .inner .txt ul li a {height:90px; display:flex; justify-content: center; align-items: center;}
.main_visual .inner .txt ul li a figure img {max-height: 35px;}
.main_visual .inner .txt ul li .txt {margin-left: 15px; text-align: left;}
.main_visual .inner .txt ul li h2 {font-size: 20px; margin-bottom: 5px;}
.main_visual .inner .txt ul li p {font-size: 16px; opacity:50%}
.main_visual .scroll {position: absolute; left: 50%; bottom: 5%; transform: translateY(-25px);display: block; animation: scroll 1.5s infinite; margin-left: -25px; z-index: 99;}
@keyframes scroll {
0% {bottom: 1%;}
50% {bottom: 2%;}
100% {bottom: 1%;}
}
/* 공통 컨텐츠 */
.m_contents {text-align: center; padding: 100px 0;}
.m_contents .inner .txt h2 {font-size: 35px; font-weight: 600; color:#212121; position:relative; display: inline-block;}
.m_contents .inner .txt h2:before {content:''; position:absolute; width: 18px; height:18px; display:block; background: #0353a5; top:-5px; left: -11.5%;}



.m01 {background: #f8f8f8;}
.m01 .inner .txt h3 {font-size: 20px; color:#212121; margin:35px 0 15px;}
.m01 .inner .txt h3 span {font-weight: 500;}
.m01 .inner .txt p {color: #444444; line-height: 1.6; font-size: 17px;}
.m01 .inner .txt a {display:block; width:200px; margin:40px auto 0; font-size: 18px; font-weight: 600; color:#8d8d8d; padding: 12px 0; border:1px solid #ccc;}

.m02 {padding: 100px 0;}
.m02 .inner .txt ul {display:flex; justify-content: space-between; margin-top: 35px; }
.m02 .inner .txt ul li {width:31.5%; position:relative; top: 0; box-shadow: 1px 2px 4.9px 0.1px rgba(0, 0, 0, 0.21); transition: all 0.3s;}
.m02 .inner .txt ul li:hover { top:-20px;transition: all 0.3s;}
.m02 .inner .txt ul li a {display:block; height:410px; }
.m02 .inner .txt ul li:first-child {background: url("./img/m_li01.jpg")no-repeat center; background-size: cover;}
.m02 .inner .txt ul li:nth-child(2) {background: url("./img/m_li02.jpg")no-repeat center; background-size: cover;}
.m02 .inner .txt ul li:last-child {background: url("./img/m_li03.jpg")no-repeat center; background-size: cover;}
.m02 .inner .txt ul li .sub_txt {color:#fff; text-align: left; position:absolute; bottom: 30px;left: 30px; text-shadow: 1px 2px 1.94px rgba(0, 0, 0, 0.3);}
.m02 .inner .txt ul li .sub_txt h1 {font-weight: 600; margin-top: 5px;}

@media(max-width:1280px){
.inner {padding: 0 3%;}
.m_contents {padding: 80px 0;}
.main_visual .inner .txt h1 {font-size: 22px;}
.main_visual .inner .txt h2 {font-size: 72px; margin-bottom: 35px;}
.main_visual .inner .txt ul li a {height:85px; }
.main_visual .inner .txt ul li h2 {font-size: 18px;}
.m_contents .inner .txt h2 {font-size: 30px;}
.m_contents .inner .txt h2:before { width:16px; height:16px;}
.m01 .inner .txt h3 {font-size: 18px; margin: 30px 0 15px;}
.m01 .inner .txt p {font-size: 16px;}
.m01 .inner .txt a {font-size: 17px; margin: 30px auto 0;}
.m02 .inner .txt ul li a {height:400px;}
.m02 .inner .txt ul li .sub_txt h1 {font-size: 18px;}
}

@media(max-width:1024px){
.main_visual {padding: 180px 0;}
.main_visual .scroll img {width:85%}
.m_contents {padding: 70px 0;}
.m_contents .inner .txt h2 {font-size: 24px;}
.m01 .inner .txt h3 {font-size: 16px; margin:20px 0 10px;}
.m01 .inner .txt p {font-size: 15px;}
.m02 .inner .txt ul li {width:32%}
.m02 .inner .txt ul li a {height:340px;}
.header_lang2 a:nth-child(2):before {left:-12px;}
.header_lang2 a {font-size: 15px;}
.main_visual .inner .txt h1 {font-size: 20px;}
.main_visual .inner .txt h2 {font-size: 68px; margin-bottom: 30px;}
.main_visual .inner .txt ul li a {height:75px;}
.main_visual .inner .txt ul li .txt {margin-left: 15px;}
.main_visual .inner .txt ul li h2 {font-size: 16px;}
.m_contents .inner .txt h2:before {width:14px; height:14px;}
.m01 .inner .txt a {width:190px; font-size: 16px; margin:25px auto 0; padding: 10px 0;}
.m02 .inner .txt ul li .sub_txt h1 {font-size: 16px;}
}

@media(max-width:768px){
br {display:none;}
.main_visual {padding: 150px 0;}
.main_visual .inner .txt h1 {font-size: 16px;}
.main_visual .inner .txt h2 {font-size: 50px;}
.main_visual .inner .txt ul {margin:30px auto 0;}
.main_visual .inner .txt ul li {padding: 2% 0;}
.main_visual .inner .txt ul li a figure img {height: 70%; display: block; margin: 0 auto;}
.main_visual .inner .txt ul li .txt {margin-left: 0;}
.main_visual .inner .txt ul li .txt {text-align: center;}
.main_visual .inner .txt ul li a {flex-flow: column;}
.main_visual .inner .txt ul li h2 {margin-bottom: 0;}
.m_contents .inner .txt h2 {font-size: 20px;}
.m_contents .inner .txt h2:before {width:12px; height:12px;}
.main_visual .inner .txt ul li p {font-size: 15px;}
.m01 .inner .txt {width: 85%;  margin: 0 auto;}
.m01 .inner .txt p {font-size: 14px;}
.m01 .inner .txt a {width:180px; font-size: 14px;}
.m02 .inner .txt ul {flex-flow: row wrap; margin-top: 30px;}
.m02 .inner .txt ul li {width:100%; margin-bottom: 10px;}
.m02 .inner .txt ul li a {height:180px;}
.m02 .inner .txt ul li .sub_txt {left: 6%; bottom:13%;}
}
@media(max-width:500px){
.header_logo img:last-child {width:90%;}
.main_visual .inner .txt ul {margin:30px auto 0;}
.main_visual .inner .txt h1 {font-size: 14px;}
.main_visual .inner .txt h2 {font-size: 36px;}
.main_visual .inner .txt ul li h2 {font-size: 15px;}
.main_visual .inner .txt ul li p {font-size: 13px;}
.m_contents {padding: 50px 0;}
.m_contents .inner .txt h2 {font-size: 18px;}
.m01 .inner .txt a {padding: 8px 0;}
.m01 .inner .txt h3 {font-size: 13px;}
.m01 .inner .txt p {font-size: 13px;}
.m01 .inner .txt a {width:165px;}
.m02 .inner .txt ul li a {height:150px}
.m02 .inner .txt ul li:hover {top:0}
}

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

/************************* 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; z-index: 999; background:#fff; border:1px solid #efefef; display:none; width:100%; }
.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 끝 *************************/
.s_wrap .contents .blue {font-size: 22px; color: #0353a5; font-weight: 600; margin-bottom: 20px;}
.s_wrap .contents .inner .txt {position: relative; display: flex;justify-content: flex-end;}
.s_wrap .contents .inner .logo {display: flex; z-index:1; justify-content: center; align-items: center; flex-flow: column wrap; color:#fff; position: absolute; 
max-width: 270px; width:100%; height:270px; background: #0353a5; top: 60px; left:8%}
.s_wrap .contents .inner .txt .contact {width:62%; margin-top: 60px; }
.s_wrap .title {font-size: 25px; font-weight: 600; color: #333;}
.s_wrap .subtitle {font-size: 17px; color:#555; line-height: 26px; margin-top: 5px;}
.s12_wrap .sec01 {margin:60px 0 0 0;  padding:60px 0 0 0; border-top:1px solid #dfdfdf;  }
.s13_wrap .sec01 {margin:15px 0 100px 0;  padding:60px 0 0 0; border-top:1px solid #dfdfdf;}




.s11_wrap .sec01 .inner img {width:100%; }
.s11_wrap .sec01 .inner .txt .logo h2 {font-size: 38px; margin-bottom: 20px;}
.s11_wrap .sec01 .inner .txt .logo p {font-size: 20px;}
.s11_wrap .sec01 .inner .txt .contact li {margin-bottom: 60px;}
.s11_wrap .sec01 .inner .txt .contact li span {font-size: 15px; color:#8d8d8d; margin-left: 15px;}
.s11_wrap .sec01 .inner .txt .contact li p {color:#444444; font-size: 17px; line-height: 1.5;}
.s11_wrap .sec01 iframe {height:430px;}
.s11_wrap .sec01 .inner .ceo {display:flex; align-items: center; justify-content: flex-end; color: #212121; font-weight: 600;}
.s11_wrap .sec01 .inner .ceo img {max-width:102px; width:100%;}

.s12_wrap .sec01 .historyinner {display:flex;}
.s12_wrap .sec01 .historyinner .leftarea {width:46%; padding-top: 20px; padding-right: 50px; text-align: center; font-weight: 600; font-size: 48px; color: #0353a5;}
.s12_wrap .sec01 .historyinner .leftarea span {color:#444;}
.s12_wrap .sec01 .inner,.s12_wrap .sec01 .inner02 {position:relative;}
.s12_wrap .sec01 .blue2 {    z-index: -1;position: absolute; left: 0; font-size: 200px; font-weight: bold; color: #f4f7f8;}
.s12_wrap .sec01 .years01 {top:-65px;}
.s12_wrap .sec01 .years02 {top:-65px;}
.s12_wrap .sec01 ul {width:54%; }
.s12_wrap .sec01 .top {margin-bottom: 60px;}
.s12_wrap .sec01 ul li {padding: 35px 0; border-bottom: 1px solid #dfdfdf;}
.s12_wrap .sec01 ul li:first-child {padding-top: 0;}
.s12_wrap .sec01 ul li .line { display:flex; color:#333; align-items:center;}
.s12_wrap .sec01 ul li:first-child .line {margin-top: 0}
.s12_wrap .sec01 ul li .years {width:12%;font-size: 22px; color:#0353a5; font-weight: 600;}
.s12_wrap .sec01 ul li .month {font-size: 17px; font-weight: 500; color:#666; width:7%}
.s12_wrap .sec01 ul li .days {color:#555; line-height: 1.9; font-size: 17px; position:relative;}
.s12_wrap .sec01 ul li .days:before {content:''; position:absolute; width:3px; height:3px; top:14px; left:-10px; background: #999; display:block; }
.s12_wrap .sec02 {margin: 100px 0;}
.s12_wrap .sec02 .latest_wrap,.s12_wrap .sec03 .latest_wrap {position:relative; margin:20px 0 0 0;  padding:20px 0 0 0;border-top:1px solid #dfdfdf;}

.s13_wrap img {max-width:723px; width:100%; margin:0 auto; display:block; }

.s14_wrap {margin-bottom: 100px;}
.s14_wrap .tab {margin-bottom: 60px; font-size: 15px; font-weight: 500; text-align: center;display: flex; justify-content: space-between;}
.s14_wrap .tab a {padding: 10px 0; font-size: 17px; display:block;     border: 1px solid #d6d6d6;}
.s14_wrap .tab a.on { background: #0353a5; color:#fff; border: 1px solid #0353a5;}
.s14_wrap .tab li {width:50%; }
.s14_wrap .root_daum_roughmap {position:relative; width:100%; margin-top: 35px; box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 10%);}
.s14_wrap .contents .map_tit {font-size: 25px; color:#333;}
.s14_wrap .contents .map_tit span {font-weight: 600;}
.s14_wrap .contents .map_sub {line-height: 35px;font-size: 18px; color: #555555;}
.s14_wrap .contents .map_sub span {font-weight: 600;}
.s14_wrap .sec02 {display: none;}
.s14_wrap .contents .inner .logo {text-align: center;}
.s14_wrap .contents .inner .logo h2 {margin-top: 5px;}
.s14_wrap .contents .inner .txt .contact p {font-size: 17px; color:#444; font-weight: 500;}
/************************* footer_inc 시작 *************************/
footer {background: #212121; text-align: center; color:#838383 !important; font-size: 14px; }
.footer_site_link {border-bottom: #fff;}
.footer_site_link ul {display:flex;  justify-content: center; padding: 20px 0; border-bottom:1px solid #383838;}
.footer_site_link span {padding: 3px 10px 0;}
.footer_t:after					{width:100%; display:block; clear:both; content:'';}
.footer_txt							{text-align: center; padding: 20px 0;}

.footer_txt p							{ line-height: 1.6;}
.footer_txt p span				{display:inline-block; margin:0 5px; font-size:10px;}

@media(max-width:1280px){
.content_title h1 {font-size: 18px;}
.s_wrap .inner {padding: 0;}
.s_wrap .title {font-size: 18px;}
.s_wrap .contents .blue {font-size: 20px; margin-bottom: 10px;}
.s11_wrap .sec01 iframe {height:400px;}
.s11_wrap .sec01 .inner .txt .contact li span {font-size: 14px;}
.s11_wrap .sec01 .inner .txt .contact li p {font-size: 16px;}
.s_wrap .contents .inner .logo {width:250px; height:250px; left:5% }
.s11_wrap .sec01 .inner .txt .logo h2 {font-size: 35px; margin-bottom: 15px;}
.s11_wrap .sec01 .inner .txt .contact li {margin-bottom: 50px;}
.s12_wrap .sec01,.s13_wrap .sec01 {margin: 50px 0 0 0;}
.s12_wrap .subtitle,.s13_wrap .subtitle {font-size: 16px;}
.s_wrap .sec01 .historyinner .leftarea .leftarea {font-size: 45px;}
.s12_wrap .sec01 .blue2 {font-size: 180px;}
.s12_wrap .sec01 .historyinner .leftarea {font-size: 45px;width:43%; padding-top: 15px;}
.s12_wrap .sec01 ul li .years {font-size: 20px;}
.s12_wrap .sec01 ul li .month {font-size: 16px;}
.s12_wrap .sec01 ul li .days {font-size: 16px;}

.s14_wrap .tab {margin-bottom: 50px;}
.s14_wrap .tab a {font-size: 16px; padding: 8px 0;}
.s14_wrap .contents .map_tit {font-size: 20px;}
.s14_wrap iframe {margin-top: 30px;}
footer {font-size: 13px;}
.footer_site_link ul,.footer_txt {padding: 15px 0;}
}

@media(max-width:1024px){
.s_wrap .contents .blue {font-size: 18px;}
.s11_wrap .sec01 .inner .txt .contact li span {margin-left: 10px;}
.s_wrap .contents .inner .logo {width:220px; height:220px; }
.s11_wrap .sec01 .inner .txt .logo h2 {font-size: 30px; margin-bottom: 10px;}
.s11_wrap .sec01 .inner .txt .logo p {font-size: 18px;}
.s11_wrap .sec01 iframe {height:360px;}
.s_wrap .contents .inner .txt .contact {width:60%;}

.s12_wrap .sec01 .years01 {font-size: 150px;}
.s12_wrap .sec01 .historyinner .leftarea {width:45%; font-size: 36px; padding-top: 0;}
.s12_wrap .sec01 ul {width:80%}
.s12_wrap .sec01 ul li .years {font-size: 18px;}
.s12_wrap .sec01 ul li .line {align-items: baseline;}
.s12_wrap .sec01 ul li .month {width:10%;}
.s12_wrap .sec01 ul li .days {width:70%;}
.s12_wrap .sec02 {margin: 50px 0}

.s14_wrap {margin-top: 50px;}
.s14_wrap .contents .inner .logo h2 {font-size: 18px;}
.s14_wrap .contents .map_tit {font-size: 18px;}
.s14_wrap .contents .map_sub {font-size: 16px;}
.s14_wrap iframe {margin-top: 20px;}
.s14_wrap .wrap_map {height:380px !important}

.footer_site_link ul li:first-child {margin-right: 20px;}
}

@media(max-width:768px){
.s_wrap .title {font-size: 16px;}
.s_wrap .contents .inner .logo {display:none; width:160px; height:160px; left:auto; right:5%;top:-120px;}
.s_wrap .contents .inner .txt {flex-flow:row wrap;}
.s_wrap .contents .inner .txt .contact {width:100%; margin-top: 40px;}
.s11_wrap .sec01 .inner .txt .logo h2 {font-size: 24px; margin-bottom: 5px;}
.s11_wrap .sec01 .inner .txt .logo p {font-size: 15px;}
.s_wrap .contents .blue {font-size: 17px;}
.s11_wrap .sec01 .inner .txt .contact li {margin-bottom: 40px;} 
.s11_wrap .sec01 .inner .txt .contact li p {font-size: 15px;}
.s11_wrap .sec01 iframe {height:320px;}

.s12_wrap .sec01 {margin-top: 15px; padding-top: 40px;}
.s12_wrap .sec01 .historyinner {flex-flow:wrap; }
.s12_wrap .sec01 ul {width:100%;}
.s12_wrap .sec01 .historyinner .leftarea {width:100%; padding-top: 0;}
.s12_wrap .sec01 .historyinner .leftarea {text-align: left;}
.s12_wrap .sec01 ul li {padding: 15px 0;}
.s12_wrap .sec01 .top {margin: 0 0 40px;}
.s12_wrap .sec01 .historyinner .leftarea {margin-bottom: 40px;}
.s12_wrap .sec01 .blue2  {top:-50px; font-size: 120px; }
.s12_wrap .sec02 {margin: 60px 0 30px;}
.s12_wrap .sec01 ul li .years {font-size: 17px;}
.s12_wrap .subtitle,.s12_wrap .sec01 ul li .month,.s12_wrap .sec01 ul li .days {font-size: 15px;}
.s12_wrap .sec01 ul li .days:before {left:-8px;}

.s13_wrap .subtitle {font-size: 15px;}
.s13_wrap .sec01 {padding-top: 40px; margin-top: 15px;}

.s14_wrap .contents .map_tit {font-size: 17px;;}
.s14_wrap .contents .map_sub {font-size: 15px;}
.s14_wrap iframe {margin-top: 15px; height:320px}
.s14_wrap .contents .inner .logo {display:none;}
.footer_t {width:90%; margin:0 auto;}
}
@media(max-width:500px){
.navi_main h1 {margin-left: 5px;}
.navi_sub > h2 {font-size: 13px; margin-left: 5px;}
.content_title h1 {font-size: 16px;}
.s_wrap .contents .inner .logo {display:none;}
.s_wrap .contents .blue {font-size: 16px; margin-bottom: 10px;}
.s11_wrap .sec01 .inner .txt .logo h2 {font-size: 18px;}
.s11_wrap .sec01 .inner .txt .logo p {font-size: 12px;}
.s11_wrap .sec01 .inner .txt .contact li span {font-size: 12px;}
.s11_wrap .sec01 .inner .txt .contact li p {font-size: 13px;}
.s11_wrap .sec01 .inner .ceo h3 {font-size: 12px;}
.s11_wrap .sec01 .inner .ceo figure {width:30%;}
.s11_wrap .sec01 .inner .ceo figure img {width:80%;}
.s11_wrap .sec01 iframe {height:280px;}

.s12_wrap .sec01 .historyinner .leftarea {font-size: 30px;}
.s12_wrap .sec01 .top {margin: 0 0 40px;}
.s12_wrap .sec01 .blue2 {font-size: 100px;}
.s12_wrap .subtitle, .s12_wrap .sec01 ul li .month {font-size: 13px; line-height: 1.6;}
.s12_wrap .sec01 ul li .days {font-size: 13px; line-height: 1.8;}
.s12_wrap .sec01 ul li .years {width:16%}
.s12_wrap .sec01 ul li .days:before {left:-7px;top: 8px;}

.s13_wrap .subtitle {font-size: 13px; line-height: 1.6;}

.s14_wrap {margin-top: 0;}
.s14_wrap .tab {margin-bottom: 40px;}
.s14_wrap .contents .map_tit {font-size: 16px;}
.s14_wrap .contents .map_sub {font-size: 13px;}
.s14_wrap .tab a {font-size: 14px; padding: 6px 0;}
.s14_wrap iframe {height:200px}
.s14_wrap .contents .inner .txt .contact p {font-size: 13px;}
.s14_wrap .wrap_map {height:250px !important}

footer {font-size: 12px;}
.footer_t {width:80%;}
.footer_txt p {line-height: 1.5;}
.footer_site_link ul, .footer_txt {padding: 10px 0;}
}


/*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 {
	display:none;
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/