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


@media(max-width: 1280px){
	.content_desc {padding: 80px 0;}
}
@media(max-width: 1024px){
	.content_desc {padding: 75px 0;}

}
@media(max-width: 800px){
	.content_desc {padding: 60px 0;}

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

/************************* header_inc 시작*************************/
/**/
.gnb								{position:relative; z-index:999;}

/* gnb Common */
.menu								{position:relative;}
.menu .major ul								{list-style:none; display:flex; align-items: center; width:100%;}
.menu .major ul li						{position:relative;}
.menu .major > ul > li > a					{position:relative; color:#222222; padding-bottom:44px}
.menu .major ul li a span			{display:inline-block; margin:0 48px; padding:10px 0px; font-size:20px; font-weight: 500; border-bottom:3px solid transparent;}
.menu .major ul li:last-child a span {margin:0 0 0 45px;}
/* 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 #07348c; color:#07348c}
.menu .major li.active a span{border-bottom:3px solid #5a616b; color:#212121}
/*대메뉴 포커스 효과 변경시 */
.menu .major li.pactive a span{border-bottom:3px solid #5a616b; color:#212121}
.menu .major li.pactive ul.sub{display:none;}
/*대메뉴 포커스 효과 변경시 */




/* gnb 2depth */
.menu .major ul.sub							{position:absolute; top:60px; display:none; border-top: 1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:rgba(255,255,255,0.85) }
.menu .major li.active ul.sub		{display:block;}
.menu .major ul.sub li					{clear:both; margin:0; padding:12px 25px; text-align: left;}
.menu .major ul.sub li a				{color:#111; font-size:15px;}

/* gnb 2depth  */
li.m1 ul.sub{width:165px; left: 13% !important;}
li.m2 ul.sub{width:165px; left: 13% !important;}
li.m3 ul.sub{width:165px; left: 13% !important;}
li.m4 ul.sub{width:165px; left: 16% !important;}




/* header */

.header_t {width:100%; border-bottom: 1px solid #ddd; position:fixed; left:0; top:0px; z-index:99; font-weight: 500; background: #fff;}
.header_t * {transition: all 300ms ease-out;}
.header_t > .inner {display:flex; background: #fff; align-items:center; justify-content:space-between; height: 100px;  position:relative; border-left: 1px solid rgba(255,255,255,0.4);
border-right: 1px solid rgba(255,255,255,0.4); border-bottom:1px solid #eaeaea }
.header_t .right_area {display: flex; align-items: center;}
.header_t .sns {display:flex; align-items:center; margin-right: 15px;}
.header_t .sns ul {display:flex; align-items:center;}
.header_t .sns ul li {margin: 0 15px}
.header_t .sns select#lang {width:110px; cursor: pointer;  font-size: 15px; margin-left: 20px;
font-weight: 400;font-family: 'Roboto'; padding-bottom: 5px; color: #333; } 
/* .header_gnb_bg				{flex:8 1 auto;} */
.header_btn						{flex:1 0 auto; text-align:right;}


/* 로고 */
.header_logo img			{width:100%; max-width:214px; 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; font-size: 15px; color:#333333; font-weight: 400; position: relative; z-index: 5; padding: 0 4px;}
.header_lang .lang_btn span { display: flex; align-items: center; padding-bottom: 5px; margin-right: 20px;}
.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; font-weight: 500; font-size: 16px; position:relative;padding: 6px 20px;}
.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:block; }
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; padding: 0; 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:2px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px; height:2px; width:28px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px; width:28px; height:2px; }

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





/**/
.f-nav{background: #fff; border-bottom: 1px solid #ddd;}
.f-nav * {color: #212121 !important; }
.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;}

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

@media(max-width: 1280px){
.header_t > .inner {height: 90px;}
.menu .major ul li a span {font-size: 18px; margin: 0 40px;}
.menu .major ul li:last-child a span {margin: 0 0 0 40px;}	

li.m1 ul.sub{left: 9% !important;}
li.m2 ul.sub{left: 9% !important;}
li.m3 ul.sub{ left: 9% !important;}
li.m4 ul.sub{ left: 13% !important;}

}
@media(max-width: 1024px){
.header_t > .inner {height: 90px;}
.menu .major ul li a span {font-size: 17px; margin: 0 30px;}
.menu .major ul li:last-child a span {margin: 0 0 0 30px;}	
.header_logo img {width: 80%;}
.menu .major ul li a span {margin: 0 25px;}

li.m1 ul.sub{left: 0% !important;}
li.m2 ul.sub{left: -1% !important;}
li.m3 ul.sub{ left: 0% !important;}
li.m4 ul.sub{ left: 4% !important;}

}
@media(max-width: 800px){
.header_gnb_bg {display: none;}
.header_t > .inner {height: 60px;}
.header_logo img {width: 65%;}
}
/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_visual {position:relative; margin:0 auto; color: #fff; height: 69vh; margin: 100px 0; background: url("./img/main_visual2.jpg")no-repeat bottom center / cover;
    display: flex; align-items: end; }
.main_visual .inner {position: absolute; top: 420px; left: 0;}
.main_visual .top {font-size: 51px;text-shadow: 0 0 10px rgb(0 0 0 / 50%); margin-bottom: 15px;}
.main_visual .title {font-size: 30px; font-weight: 700; 
	text-shadow: 0 0 10px rgb(0 0 0 / 50%);}
/* .main_visual .bottom {font-size: 18px; line-height: 1.8;}
.main_visual  .more { max-width: 150px; width: 100%; background: #2e3563; font-weight: 500; color: #fff; display:flex; align-items: center; justify-content: center; padding: 15px 0 13px; margin-top: 35px; }
.main_visual  .more img {margin-left: 8px; display: inline-block;} */

.m_contents .inner {padding: 80px 0; border-bottom: 1px solid #ddd;}
.m_contents .main_tit {font-size: 26px; color: #212121; font-weight: 500; text-align: center; margin-bottom: 50px;}
.m_contents .main_tit a:hover {color: #212121;}
.m02 .inner {padding-top: 0;} 
/************************* main_inc 끝*************************/
.s_wrap .title {font-size: 30px; color: #212121; font-weight: 600; }
.s_wrap .title2 {position: relative; font-size: 21px; color: #212121; font-weight: 600; margin-bottom: 15px;}
.s_wrap .sec01 .right_area .txt {line-height: 1.5;}
.s_wrap .right_area ul li {margin-bottom: 50px;}
.s_wrap .right_area .txt {font-size: 18px; color: #333; line-height: 2;}
.s_wrap .txt_po {position: relative; padding-left: 18px; line-height: 2; display: flex; align-items: center;}
.s_wrap .txt_po:before { content: ""; position: absolute; top: 14px; left: 0; width: 6px;
    height: 6px; border: 2px solid #2e3563; box-sizing: border-box;}

.s11_wrap .greeting_top {position: relative; background: linear-gradient(#5a616b, #83888e 65%); display: flex; justify-content: space-between; align-items: center;}
.s11_wrap .greeting_top .left_area {position:relative; margin: 0 65px; color: #fff;}
.s11_wrap .greeting_top .left_area:before {content:''; position: absolute; width: 1px; height: 90px; background: rgba(255, 255, 255, 0.5); left: 0; top: -130px; display: block;}
.s11_wrap .greeting_top .left_area .sub_txt {font-size: 17px; font-weight: 500;}
.s11_wrap .greeting_top .left_area h1 {font-size: 29px; line-height: 1.4; margin-top: 30px;}
.s11_wrap .greeting_top  .img_area img {display: block;}
.s11_wrap .txt_area { background: #f9f9f9; padding: 50px 60px; font-size: 18px; color: #212121;}
.s11_wrap .txt_area p {margin-bottom: 40px; line-height: 1.6;}
.s11_wrap .txt_area .sign {display: flex; justify-content: end; padding-top: 40px; border-top: 1px solid #ddd; }
.s11_wrap .txt_area .sign h2 {font-size: 18px;}
.s11_wrap .txt_area .sign h2 .name {font-size: 24px; font-weight: 500; margin-left: 10px;}

.s12_wrap .sec01 .pc_img img {max-width: 986px; width: 100%; display: block; margin: 0 auto;}
.s12_wrap .sec01 .mo_img {display: none;}
.s12_wrap .sec02 {background: #f9f9f9; margin-top: 200px; padding: 75px 0;}
.s12_wrap .sec02 .line_1 .img {max-width: 580px; width: 100%;}
.s12_wrap .sec02 .line_1 .img img {width: 100%;}
.s12_wrap .sec02 .txt_area {width: 100%; padding:50px 0; border-bottom: 1px solid #ddd;}
.s12_wrap .sec02 .first_txt {padding: 0 0 50px;}
.s12_wrap .sec02 .line_2 .txt_area:last-child {border-bottom: none; padding: 50px 0 0;}
.s12_wrap .sec02 .txt_area .tit {display: flex; align-items: center; margin-bottom: 40px;}
.s12_wrap .sec02 .txt_area .tit img {max-width: 50px; width: 100%; display: block;}
.s12_wrap .sec02 .txt_area .tit h1 {font-size: 22px; font-weight: 500; margin-left: 20px;}
.s12_wrap .txt_area ul li {margin-bottom: 10px; margin-left: 70px;}
.s12_wrap .txt_area ul li .name_tit {color: #2e3563; font-weight: 600; font-size: 18px; padding-right: 10px;}
.s12_wrap .txt_area ul li p {color: #5d5d5d; font-size: 18px;}

.root_daum_roughmap {width: 100% !important}
.root_daum_roughmap .wrap_map {height: 500px !important;}
.s14_wrap .map_info .sub_title {color: #212121; font-size: 24px; font-weight: 700; margin-top: 40px;}
.s14_wrap .map_info ul {border-top: 1px solid #2e3563; border-bottom: 1px solid #ddd; margin-top: 25px;}
.s14_wrap .map_info ul li {display: flex; align-items: center;  padding: 17px 20px; border-bottom: 1px dashed #ddd;}
.s14_wrap .map_info ul li .ico_tit {width: 15%;}
.s14_wrap .map_info ul li:last-child {border-bottom: none;}
.s14_wrap .map_info ul li .address_ico {width: 50px;}
.s14_wrap .map_info ul li i {font-size: 26px;}
.s14_wrap .map_info ul li .info_tit {  font-size: 16px; color: #888; font-weight: 600; margin-left: 40px;}
.s14_wrap .map_info ul li .txt {font-size: 17px; color: #212121;}


.s21_line .contents {margin-bottom: 75px;}
.s21_line .txt_area {display: flex; justify-content: space-between; }
.s21_wrap .title {max-width: 400px; width: 100%; position: relative; padding-left: 60px; }
.s21_wrap .title:before {content: '';  position: absolute; top: 22px;left: 0; width: 30px; height: 2px; background: #282828; display: inline-block;}
.s21_wrap .right_area {max-width: 800px; width: 100%;}
.s21_wrap .sec01 .txt_area {margin-bottom: 80px;}
.s21_wrap .sec01 img {max-width: 1200px; width: 100%; display: block;}
.s21_wrap .sec02 {padding-bottom: 75px; border-bottom: 1px solid #ddd;}
.s21_wrap .sec02 img {max-width: 799px; width: 100%; display: block;}
.s21_wrap .sec03 {margin-bottom: 0;}

.s22_wrap .txt_area {margin-bottom: 20px;}
.s22_wrap .txt_area:nth-child(2) {margin-bottom: 0;}
.s22_wrap .txt_area:nth-child(2) ul li {border-top: 2px solid #5a616b;}
.s22_wrap .line {margin-top: 10px; border-top: 3px solid #000; padding-top: 5px;}
.s22_wrap .line .date {font-size: 17px; color: #888; display: block; margin-top: 5px; font-weight: 500;}
.s22_wrap .title2 {font-weight: 600;}
.s22_wrap .inner2 {max-width: 1000px;}
.s22_wrap .right_area { width: 100%; display: flex; justify-content: space-between;}
.s22_wrap .right_area li {max-width: 320px; width: 100%; border: 1px solid #f1f1f1; padding: 45px 3% 40px; text-align: center;}
.s22_wrap .right_area li .num_tit {width: 80px; background: #2e3563;;; font-size: 14px; color: #fff; font-weight: 500;
    border-radius: 12px; padding: 2px 0;  margin: 0 auto 15px;  display: block;}
.s22_wrap .right_area .txt {display:inherit; font-size: 16px; line-height: 1.6; text-align: left; margin-bottom: 15px; word-break: keep-all;}
.s22_wrap .right_area .txt_po:before {top: 6px;}
.triangle {    width: 0; height: 0; border-top: 30px solid #9d9f9e;  border-left: 30px solid transparent;
	 border-right: 30px solid transparent; margin: 30px auto 50px;}
.s22_wrap .tit {font-size: 18px; color: #2e3563; font-weight: 500; text-align: center; padding: 18px 0 18px; border-top: 2px solid #2e3563;}
.s22_wrap .title2_mo,.s22_wrap .num_tit_mo  {display: none;}
.s22_wrap .txt_box {background: #f9f9f9;}
.s22_wrap .txt_box .right_area2 {padding: 40px 0 0; display: flex; font-size: 15px;}
.s22_wrap .txt_box .right_area2 li {padding: 0 35px; border-right: 1px solid #ddd;}
.s22_wrap .txt_box .right_area2 li:last-child {border: none;}
.s22_wrap .txt_box .right_area2 li p {font-weight: 300; color: #333; font-size: 16px; line-height: 1.7; word-break: keep-all;}
.s22_wrap .txt_box .right_area2 li p:before {top: 8px;}
.s22_wrap .txt_box .txt_bot {    text-align: center; padding: 40px 0 38px; font-size: 18px;
    font-weight: 500;}
.s22_wrap .txt_box2 {background: #f5f5f5; text-align: center; padding: 45px 0 40px;}
.s22_wrap .txt_box2 .tit2 {font-size: 18px; color: #333; font-weight: 500;}

@media(max-width: 1280px){
.m_contents .inner {padding: 80px 3%;}
.inner {padding: 0 3%;}
.main_visual {margin: 90px 0 0; padding-top: 0;}
.main_visual .inner {top: 405px;}
.main_visual .top {font-size: 44px;}
.main_visual .title {font-size: 26px; margin-top: 5px;}

.s11_wrap .greeting_top  .img_area {width: 75%;}
.s11_wrap .greeting_top  .img_area img {width: 100%;}
.s11_wrap .greeting_top .left_area {margin: 0 50px;}
.s11_wrap .greeting_top .left_area h1 {margin-top: 25px; font-size: 26px;}
.s11_wrap .greeting_top .left_area h1 br {display: none;}
.s11_wrap .txt_area {padding: 45px 50px; font-size: 17px;}
.s11_wrap .txt_area p {margin-bottom: 35px;}
.s11_wrap .txt_area .sign {padding-top: 35px;}
.s11_wrap .txt_area .sign h2 {font-size: 17px;}
.s11_wrap .txt_area .sign h2 .name {font-size: 22px;}

.s12_wrap .sec02 {margin-top: 100px;}
.s12_wrap .sec02 .line_1 {margin-top: 0;}
.s12_wrap .sec02 .line_1 .img {width: 50%;}
.s12_wrap .sec02 .txt_area {padding: 35px 0;}
.s12_wrap .sec02 .txt_area .tit h1 {font-size: 20px;}
.s12_wrap .sec02 .txt_area .tit {margin-bottom: 35px;}
.s12_wrap .txt_area ul li p {font-size: 17px;}
.s12_wrap .sec02 .first_txt {padding-top: 0;}
.s12_wrap .sec02 .right_area {margin: 0;}
.s_wrap .txt_po {flex-flow: column wrap; align-items: baseline;}
.root_daum_roughmap .wrap_map {height: 420px !important;}
.s14_wrap .map_info .sub_title {font-size: 22px; margin-top: 35px;}
.s14_wrap .map_info ul {margin-top: 20px;}
.s14_wrap .map_info ul li {padding: 15px 18px;}
.s14_wrap .map_info ul li .ico_tit {width: 18%;}

.s_wrap .title {font-size: 26px;}
.s_wrap .right_area .txt {font-size: 17px;}
.s21_wrap .title {padding-left: 55px;}
.s_wrap .title2 {font-size: 20px;}
.s_wrap .sec01 .right_area .txt br {display: none;}

.s22_wrap .txt_area {flex-flow: row wrap;}
.s22_wrap .line .date {font-size: 16px;}
.s22_wrap .title {margin-top: 0; margin-bottom: 15px;}
.s22_wrap .right_area li {margin-right: 2%;}
.s22_wrap .right_area li:last-child {margin-right: 0;}

.triangle {margin: 30px auto 45px;}
.s22_wrap .txt_box .right_area2 li {padding: 0 2%;}
.s22_wrap .txt_box .txt_bot {font-size: 17px;padding: 35px 3% 38px;}
.s22_wrap .txt_box2 .tit2 {font-size: 17px;}
.s22_wrap .txt_box2 {padding: 35px 0;}
}
@media(max-width: 1024px){
.m_contents .inner {padding: 75px 3%;}
.main_visual .top {font-size: 45px;}
.main_visual .title {font-size: 27px;}
.m_contents .main_tit {font-size: 22px; margin-bottom: 40px;}

.s11_wrap .greeting_top .img_area {width: 90%;}
.s11_wrap .txt_area {padding: 40px 35px;}
.s11_wrap .greeting_top .left_area {margin: 0 35px;}
.s11_wrap .greeting_top .left_area h1 {font-size: 20px; margin-top: 20px;}
.s11_wrap .greeting_top .left_area .sub_txt {font-size: 16px;}
.s11_wrap .txt_area {font-size: 16px;}
.s11_wrap .txt_area .sign h2 {font-size: 16px;}
.s11_wrap .txt_area .sign h2 .name {font-size: 20px;}

.s12_wrap .sec02 {margin-top: 75px;}
.s12_wrap .sec02 .txt_area .tit h1 {font-size: 18px;}
.s12_wrap .sec02 .txt_area .tit img {width: 11%;}
.s12_wrap .sec02 .txt_area .tit {margin-bottom: 20px;}
.s12_wrap .txt_area ul li {margin-bottom: 15px; margin-left: 65px;}
.s12_wrap .txt_area ul li .name_tit {font-size: 17px;}
.s12_wrap .txt_area ul li p {font-size: 16px; line-height: 1.6;}
.s12_wrap .sec02 .txt_area {padding: 20px 0;}
.s12_wrap .sec02 .txt_area .tit h1 {margin-left: 15px;}

.root_daum_roughmap .wrap_map {height: 365px !important;}
.s14_wrap .map_info .sub_title {font-size: 18px;}
.s14_wrap .map_info ul li .txt {font-size: 16px;}
.s14_wrap .map_info ul li .ico_tit {width: 24%;}

.s21_wrap .title {width: 50%;}
.s_wrap .title {width: 50%; font-size: 20px;}
.s21_wrap .title {padding-left: 45px;}
.s21_wrap .title:before {top: 14px; width: 25px;}
.s_wrap .right_area .txt {font-size: 16px;}
.s_wrap .title2 {font-size: 18px;}
.s21_wrap .sec01 .txt_area {margin-bottom: 75px;}

.s22_wrap .title {    width: max-content; }
.s22_wrap .right_area li {padding: 35px 2% 35px;}
.s22_wrap .txt_area {margin-bottom: 0px;}
.s22_wrap .txt_area:nth-child(2) {margin-top: 55px;}
.s22_wrap .line .date {font-size: 15px;}
.s22_wrap .txt_box .right_area2 li p {font-size: 16px;}
}
@media(max-width: 800px){
.s_wrap .txt_po:before {top: 7px;}	
.m_contents .inner {padding: 60px 3%;}
.main_visual .top {font-size: 30px;}
.main_visual .title {font-size: 21px;}
.main_visual {height: 50vh; margin: 60px 0 0; padding-bottom: 35px;}
.main_visual .inner {top: 305px;}
.m_contents .main_tit {font-size: 20px;}

.s_wrap .right_area ul li {margin-bottom: 35px;}
.s_wrap .title2 {font-size: 17px;}
.s11_wrap .greeting_top {flex-flow: column-reverse; align-items: baseline; background: #fff;}
.s11_wrap .greeting_top .img_area {max-width: 549px; width: 100%;}
.s11_wrap .greeting_top .left_area:before {display: none;}
.s11_wrap .greeting_top .left_area {margin: 0; padding: 25px 5%; color: #333; background: #f9f9f9; width: 100%;}
.s11_wrap .txt_area { padding: 0px 5% 35px; font-size: 15px;}
.s11_wrap .txt_area p {margin-bottom: 20px;}
.s11_wrap .greeting_top .left_area .sub_txt {font-size: 14px;}
.s11_wrap .greeting_top .left_area h1 {font-size: 18px; margin-top: 15px; font-weight: 600; color: #2e3563;}
.s11_wrap .greeting_top .left_area h1 br {display: block;}
.s11_wrap .txt_area .sign {margin-top: 20px; padding-top: 20px;}
.s11_wrap .txt_area .sign h2 {font-size: 15px;}
.s11_wrap .txt_area .sign h2 .name {font-size: 18px;}

.s12_wrap .sec01 .pc_img {display: none;}
.s12_wrap .sec01 .mo_img {max-width: 966px; width: 100%;display: block;}
.s12_wrap .sec01 .mo_img img {width: 100%;}
.s12_wrap .sec02 {margin-top: 60px; padding: 60px 0;}
.s12_wrap .sec02 .line_1,.s12_wrap .sec02 .line {flex-flow: column wrap;}
.s12_wrap .sec02 .line_1 .img {width: 100%;}
.s12_wrap .txt_area ul li p {font-size: 15px;}
.s12_wrap .sec02 .txt_area {width: 100%; border-bottom: none; padding: 20px 0 0;}
.s12_wrap .sec02 .txt_area .tit img {width: 8%;}
.s12_wrap .line ul {margin-left: 25px;}
.s12_wrap .txt_area ul li {margin-bottom: 15px; margin-left: 40px;}
.s12_wrap .sec02 .txt_area .tit {align-items: center;}

.root_daum_roughmap .wrap_map {height: 265px !important;}
.s14_wrap .map_info ul li .info_tit {font-size: 15px; margin-left: 10px;}
.s14_wrap .map_info ul li .address_ico {width: 4%;}
.s14_wrap .map_info ul li .txt {font-size: 15px; margin-top: 5px;}
.s14_wrap .map_info .sub_title {margin-top: 20px;}
.s14_wrap .map_info ul {margin-top: 15px;}
.s14_wrap .map_info ul li .ico_tit {display: flex; align-items: center; width: 100%;}
.s14_wrap .map_info ul li {flex-flow: column wrap; align-items: baseline; padding: 15px 10px;}
.s14_wrap .map_info ul li i {font-size: 24px;}

.s21_line .txt_area {flex-flow: row wrap;}
.s21_wrap .title {max-width: 100%; width: 100%;}
.s21_wrap .sec01 .txt_area {margin-bottom: 60px;}
.s21_line .contents {margin-bottom: 60px;}
.s_wrap .sec01 .right_area .txt {margin-top: 15px;}
.s21_wrap .right_area {margin-top: 15px;}
.s21_wrap .title:before {width: 15px;}
.s21_wrap .title {padding-left: 25px;}
.s_wrap .right_area .txt {font-size: 15px; line-height: 1.4; margin-bottom: 10px;}
.s21_wrap .sec01 .right_area .txt {margin-top: 0;}
.s21_wrap .sec03 {margin-bottom: 0;}

.s22_wrap .right_area {flex-flow: row wrap;}
.s22_wrap .right_area li {max-width: 100%; margin-bottom: 15px;}
.s22_wrap .right_area li .num_tit {font-size: 13px;}
.s22_wrap .right_area {flex-flow: row wrap;}
.s22_wrap .right_area li .num_tit {margin: 0 0 15px;}
.s22_wrap .title2 {text-align: left;}
.s22_wrap .sec01 .right_area .txt {margin-top: 5px;}
.s22_wrap .title2 br {display: none;}
.s22_wrap .title2_mo,.s22_wrap .num_tit_mo  {display: block;}
.s22_wrap .line .date {font-size: 14px;}
.s22_wrap .txt_box2 {padding: 30px 3% 30px;}
.s22_wrap .tit {font-size: 16px; padding: 15px 0;}
.s22_wrap .txt_box .right_area2 {flex-flow: row wrap;}
.s22_wrap .txt_box .right_area2 li p {font-size: 15px; margin-bottom: 5px;}
.s22_wrap .txt_box .txt_bot {font-size: 15px; padding: 20px 3% 35px;}
.s22_wrap .txt_box2 .tit2 {font-size: 15px; word-break: keep-all;}
.s22_wrap .txt_box .right_area2 li {border-right: none;}
.s22_wrap .txt_box2 .tit2 br {display: none;}
.triangle {margin: 30px auto;}
.s22_wrap .txt_area:nth-child(2) ul li:last-child {margin-bottom: 0;} 
.s22_wrap .right_area li {    padding: 30px 3% 30px;}
.s22_wrap .txt_area:nth-child(2) {margin-top: 45px;}
}
@media(max-width: 500px){
.main_visual {padding-bottom: 30px;}
.main_visual .title {font-size: 16px; margin-top: 7px;}
.main_visual .top {font-size: 16px; margin-bottom: 0;}
.main_visual .titl {font-size: 20px;}
.m_contents .inner {padding: 45px 3%;}

.s12_wrap .txt_area ul li {margin-left: 6%;}

}	
/************************* title_navi 시작 *************************/
.navi_all {display: none; 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: #fff;}
footer .inner {display: flex; justify-content: space-between;  padding: 25px 0; border-top: 1px solid #ddd;}
footer .inner .left_area {display: flex;align-items: center;}
footer .inner .left_area p.img {max-width: 100px; width: 100%; margin-right: 25px;}
footer .inner .left_area p.img  img {display: block;}
footer .tit {font-weight: 500; margin-right: 5px; color: #212121;}
footer p {color: #5d5d5d; font-size: 14px; line-height: 1.8;}
footer .line {display: inline-block; width: 1px; height: 13px; margin: 0 10px; background: #5d5d5d;}
footer .copyright {font-size: 15px; font-weight: 400;}
footer .inner .right_area ul {display: flex; align-items: center;}
footer .inner .right_area ul li a { padding: 4px 8px;  }
footer .inner .right_area ul li a:hover {    background: #5a616b; transition: all .2s; color: #fff;
    border-radius: 5px;}

@media(max-width: 1280px){
footer .inner {padding: 25px 3%;}
}	
@media(max-width: 1024px){
footer .inner .left_area p.img {margin-right: 0;}
footer .inner .left_area p.img img {width: 85%;}
footer .copyright {font-size: 14px;}
footer .inner {flex-flow: row wrap;}
footer .inner .right_area  {margin-top: 20px;}
footer .inner .right_area ul li a {font-size: 13px;}
	}	
@media(max-width: 800px){
footer .inner .left_area {flex-flow: column wrap; align-items: baseline;}
footer .inner .left_area p.img {margin-bottom: 15px; display: none;}
footer .inner .left_area p.img img {width: 70%;}
footer .copyright {font-size: 13px;}
footer .line {margin: 0 7px;}
footer .inner .right_area ul li a {padding: 0;}
footer .inner .right_area ul li a:hover {background: #fff;}
}	
	/*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 끝 *************************/