/* include 공통 CSS */

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

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative;}

@media(max-width:1100px){
.sub_left	{display:none;}
.sub_title_navi			{display:none; }
.sub_tab	{display:block;}
.sub_right					{width:100%; padding-right:0%; padding:3%; float:none;}
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
}

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

.content_desc				{}
/************************* 공통 끝 *************************/

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

.head_inner{position:relative; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;  padding:0 0 0 3%;}


.header_logo					{width:200px;}
.header_gnb_bg				{}
.header_btn						{display:flex; flex-wrap:wrap; align-items:center;}
.head_smenu						{display:flex; flex-wrap:wrap; align-items:center; padding-right: 30px;}


/* 로고 */
.header_logo img			{width:100%; max-width:188px; height:auto;}

.heightBlank					{height:100px;}

.head_smenu a{font-size:14px; color:#484848; text-transform: uppercase; font-weight:500;}
.head_smenu > div{position:relative; margin:0 10px;}
.head_smenu > div:after{content:""; display:block; width:1px; height:9px; background: #c2c2c2; position:absolute; top:6px; right:-10px;}
.head_smenu > div:last-child:after{display:none;}

/* 언어선택 */
.head-lang {display:block; position:relative; cursor:pointer;}
.head-lang .select {position:relative; font-size:14px; font-weight:500; color:#484848;}
.head-lang .select .w_lang{display:block; max-width:15px;}
.head-lang .select .c_lang{display:none;  max-width:15px;}

.head-lang .select span {display:inline-block;  width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #a6a6a6; margin: 7% 5px 0 0;}

.head-lang .select span.up {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #fff; border-top: 0;}

.head-lang ul { display:none; position:absolute; z-index:3; width: 80px; background:#f6f6f6; top:30px; right:-14px; border-radius:5px; padding:10px;}
.head-lang ul li { border:none; text-align:center; }
.head-lang ul li a {cursor:pointer; width:100%; height:100%; display:inline-block; color:#212121; font-size:14px; padding:5px;}
.head-lang ul li a:hover {color:#2c3080; }

.lang_arrow{width:20px; height:8px; position:absolute; top:-7px; right:34px; display:block;  margin-left:10px; overflow:hidden; z-index:9999;}
.lang_arrow1{background:#f6f6f6; color:#484848; width:9px; height:27px; left:50%; margin-left:-5px; transform:rotate(45deg);  display:block;  }


/* 햄벅 */
.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;  background-color:transparent; background-image:none;  border:0; width:100px; height:100px; background:#2c3080; padding:0 37px;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#fff; display:block; width:26px; height:2px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px; height:2px; width:16px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px; width:22px; 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{; height:100px; background:#fff; border-bottom:1px solid #dfdfdf;}


@media(max-width: 1400px){
	.head-home, .head-contact{display: none;}

}

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

@media(max-width:768px){

}

@media(max-width: 500px){
	.head_smenu{display: none;}
	.header_logo img{max-width: 135px; }
	.header_t{height: 70px; }
	.mo_nav .navbar-toggle{width: 70px; height: 70px; padding: 0 20px;}
	.f-nav{height: 70px;}
	.heightBlank{height: 70px;}
}





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

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

/* 공통 */
.m_inner{max-width: 1400px; margin: 0 auto; padding: 100px 0; position: relative; z-index:2;}
.m_title{}
.m_title h2{font-size: 38px; font-weight: 700; text-transform: uppercase; position: relative; padding-left: 133px; margin-bottom:30px;}
.m_title h2::before{ content: ""; display: block; width: 100px; height: 3px; background: #2c3080; position: absolute; left: 0; top: 45%; }
.m_title p{font-size: 17px; line-height: 26px; color: #585858;}


/* m00 */
.main00{width: 100%; background: url("./img/m_pro_bg.jpg") no-repeat center; min-height: 740px; background-size: cover; }
.main00 .m_title {max-width: 500px;}
/* tab_menu */
.m00_tab{width:100%; display:flex; align-items: center; justify-content: flex-start; margin:25px auto;}
.m00_tab a{font-size: 22px; font-weight: 500; color:#484848; transition:0.3s all; position: relative;}
.m00_tab span.round{ width: 5px; height: 5px; border-radius: 5px; background: #ffc500; display: block; margin: 0 10px;}
.m00_tab a:hover{ color:#2c3080; transition:0.5s all;}
.m00_tab a.on, .m00_tab a.m00on{color:#2c3080; }

.m00_view:not(:first-child) {display:none;}
.m0-imgs{position: absolute; right: 0; top: 100px; display:none;}
.m00_view > div:nth-child(1) .m0-imgs {display:block !important;}
 

.m0-tit a{position: relative; display: block; width: 300px; padding:20px 0; background: #fff; border-bottom: 1px solid #e6e6e6; transition: all .3s ease;}
.m0-tit a::after{content :""; display: block; width: 9px; height: 14px; background: url("./img/w_arrow.png") no-repeat; position: absolute; right: 30px; top: 40%;  opacity: 0;}
.m0-tit a span{ font-size: 18px; font-weight: 500; color: #212121; position: relative; display: block; transition: color .3s ease;}
.m0-tit a span::before{content: ""; display: block; width: 8px; height: 8px; transform: rotate(45deg); background: #fff; position: absolute; top: 40%; left: 18px; opacity: 0;}

.m0-tit a:hover, .m0-tit a:focus, .isOn .m0-tit a{background: #2c3080; border-bottom: 1px solid #2c3080;}
.m0-tit a:hover span, .m0-tit a:focus span, .isOn .m0-tit a span{color: #fff; padding-left: 43px;}
.m0-tit a::after, .m0-tit a:hover::after, .m0-tit a:focus::after, .isOn .m0-tit a::after{opacity: 1; }
.m0-tit a:hover span::before, .m0-tit a:focus span::before, .isOn .m0-tit a span::before{opacity: 1; transition: all .3s ease;}

.m0-imgs .m0-img{position: relative; height: 100%;}
.m0-imgs .m0-img img{display: block; }
.m0-imgs .m0-info{position: absolute; left: 0; bottom: 0px; width: 80%; background: #fff; padding: 25px 30px 0 0;}
.m0-imgs .m0-info h3{font-size: 26px; font-weight: 500; color: #212121;}
.m0-imgs .m0-info p{font-size: 16px; color: #484848; }
.m0-imgs .m0-link{position: absolute; right: 24%; bottom: 25px; width: 34px; height: 34px;  transition: all .3s ease;}
.m0-imgs .m0-link:hover{right: 22%;  transition: all .3s ease;}


/* notice */
.main01{width: 100%; background: #f3f3f3; position: relative; margin: 0 auto;}
.main01::after{content: ""; display: block; width:45%; background: #2c3080; height: 100%; position: absolute; right: 0; top: 0; z-index:1;}

.main02{}
.m_flex{display: flex; }
.flex-left{width: 50%; padding-right: 35px;}
.flex-right{width: 50%; padding-left: 20px;}
.m02_cata{background: #2c3080; position: relative; padding: 65px; }
.m02_cata::before{content: ""; display: block; background: url("./img/m02_cata_bg1.png") no-repeat; width: 220px; height: 231px; position: absolute; right: 0; top: 0; background-size: 100%; } 
.m2_ca_info{display: flex; align-items: center;}
.m2_ca_info h3{ font-size: 30px; font-weight: 500; color: #fff;}
.m2_ca_info p{font-size: 17px; line-height: 26px; color: #fff; margin: 15px 0 40px;}
.m2_ca_txt{padding: 0 0 0 35px;}
a.more_link{display: inline-block; font-size: 15px; font-weight: 500; color: #fff; border: 1px solid #fff; background: rgba(255,255,255,0.1); padding: 19px 30px 20px;}
a.more_link img{position: relative; top: 2px; padding-left: 50px;}
a.more_link:hover{background: #2c3080; transition: all .3s ease;}

.main03{width: 100%; position: relative; display: block; background: url("./img/m3_bg.jpg") no-repeat center; background-size: cover;}
.main03 .m_title h2::before{display: none;}
.main03 .m_title h2{font-size: 35px; line-height: 45px; color: #fff; font-weight: 400; padding-left: 0; }

@media(max-width: 1490px){
	.m_inner{padding: 100px 3%;}
	.m0-imgs{width: 50%; right: 3%;}
	.m0-imgs .m0-img img{display: block; width: 100%; }
}

@media(max-width: 1300px){
	.m_inner{padding: 9% 3%;}
	.m_title h2::before{width: 80px;}
	.m_title h2{font-size: 36px; margin-bottom: 20px; padding-left: 9%;}
	.m_title p{font-size: 15px; line-height: 1.5; width: 45%;}
	.main00 .m_title {max-width: 100%;}
	.m00_tab a{font-size: 20px; }
	.m0-tit a span{font-size: 16px; }
	.m0-imgs .m0-info h3{font-size: 24px; }
	.m0-imgs .m0-info p{font-size: 15px; }

	.m_flex .m_title h2{font-size: 28px; padding-left: 20%;}
	.m02_cata{padding: 8%;}
	.m2_ca_img img{width: 100%; }
	.m2_ca_info h3{font-size: 24px;}
	.m2_ca_info p{font-size: 16px; line-height: 1.5; margin: 10px 0 30px;}
	a.more_link{font-size: 13px; padding: 20px;}

	.main03 .m_title{text-align: center;}
	.main03 .m_title h2{font-size: 28px; line-height: 1.2;}
}
@media(max-width: 1200px){
	.main00{min-height: 570px;}
}
@media(max-width: 1000px){
	.m_inner{padding: 7% 3%;}
	.m_title{text-align: center; }
	.m_title p{width: 100%; }
	.m_title h2{padding-left: 0;}
	.m_title h2::before{position: relative; left: auto; top: auto; width: 50px; height: 2px; margin: 0 auto 10px; }
	.main00{min-height: 800px;}
	.m00_view::after{content: ""; display: block; clear: both; }
	.m00_tab{justify-content: center;}
	.m00_tab a{font-size: 18px;}
	.m00_tab span.round{width: 4px; height: 4px; border-radius: 4px; margin: 0 20px;}
	.m0-tit a{float: left; width: 33%; padding: 15px 0 ; text-align: center; }
	.m0-imgs {top:90%;right:50%;margin-right:-265px;width:530px;height:350px;transform:none}
	.m0-imgs .m0-info{width: 100%; padding: 3%;}
	.m0-imgs .m0-info h3{font-size: 20px;}
	.m0-imgs .m0-link{right: 2%;}
	.main01::after{width: 20%;}
	.m0-tit a span::before{display: none;}
	.m0-tit a:hover span, .m0-tit a:focus span, .isOn .m0-tit a span{padding-left: 0;}
	.m0-imgs .m0-link:hover{right: 2%;}

	.m_flex .m_title h2{padding-left: 0;}
	.m_flex{flex-flow: row wrap; }
	.flex-left{width: 100%; padding-right: 0; padding-bottom: 6%;}
	.flex-right{width: 100%; padding-left: 0;}
	.m2_ca_txt{padding: 0 10%;}
}

@media(max-width: 680px){
	.m_inner{padding: 10% 3%;}
	.main00{min-height: 800px;}
	.m0-imgs{width: 93%; height: auto; margin-right: 0; right: auto; top: 100%; }
	.m0-tit a::after{display: none;}
	.main01::after{width: 0%;}

	.m_title h2, .m_flex .m_title h2, .main03 .m_title h2{font-size: 22px;}
	.m00_tab a{font-size: 16px;}
	.m0-tit a span{font-size: 14px; }
	.m0-imgs .m0-info h3{font-size: 17px; }
	.m0-imgs .m0-info , .m_title p{font-size: 13px; }

	.m2_ca_info h3{font-size: 20px;}
	.m2_ca_info p{font-size: 14px;}
	.m2_ca_info p br{display: none;}
	a.more_link{font-size: 11px; padding: 12px; }
	.main03 .m_title h2{word-break: keep-all;}
	.main03 .m_title h2 br{display: none;}
}

@media(max-width: 500px){
	.main00{min-height: 650px !important;}
	.m_title h2, .m_flex .m_title h2, .main03 .m_title h2{font-size: 20px; margin-bottom: 10px;}
	.m0-imgs .m0-info, .m_title p{font-size: 11px;}
	.m_title p br{display: none;}
	.m00_tab a{font-size: 12px;}
	.m0-tit a span{font-size: 10px;}
	.flex-left{padding-bottom: 15%;}
	.m0-imgs .m0-info h3{font-size: 15px; }
	.m0-imgs .m0-info p{font-size: 11px; width: 80%; }
	.m0-imgs .m0-link{width: 28px; bottom: 10px; }
	.m0-imgs .m0-link img{width: 100%;}
}

@media(max-width:360px){
	.main00{min-height: 530px !important;}
	.m2_ca_info{flex-flow: row wrap;}
	.m2_ca_info .m2_ca_img{margin: 0 auto; width: 50%;}
	.m2_ca_txt{padding: 3% 0;}
	.m2_ca_info h3{font-size: 16px;}
	.m2_ca_info p{font-size: 12px; }

	.main03 .m_title h2{font-size: 13px; }
	.main03 .m_title h2 br{display: none;}
}

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

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:rgba(0,0,0,0.4); height:60px;  }
.navi_in	{ padding:0;max-width:1400px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:70px;  border-right:1px solid #343534;}
.home_btn_all a					{display:block; height:60px; line-height:60px; text-align:center;}
.home_btn_all a:hover		{background:#2c3080; transition: all .4s;}
.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:60px; position:relative; line-height:60px;  cursor:pointer; border-right:1px solid #343534;}
.navi_title01	{padding:0 0 0 0; width:100%; position:relative; line-height:3.5; }
.navi_title01 h1 {color:#484848; font-size:13px; margin-left:15px; width:100%; text-align:left;}
.navi_title01 h1.sub_menu:hover { color:#2c3080; }

.navi_main h1 {color:#484848; font-size:13px; margin-left:15px; width:100%; text-align:left;}
.navi_main h1.sub_manu:hover { color:#2c3080; }
.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:#fff !important;;}

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

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:0px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px;padding:5px 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:0px; 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:5px 0;}
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }


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


@media(max-width:480px){
.navi_main h1, .navi_sub h2{font-size:3vw;}
.navi_title01 h1{font-size:3vw;}
}

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


/************************* footer_inc 시작 *************************/

.footer_t{width: 100%; background: #5b5b5b; margin: 0 auto;}
.footer_t .m_inner{padding: 50px 0;}
.footer_t .flex-left{width: 100%;}
.footer_t .flex-left p{color: rgba(255,255,255,0.7); font-size: 13px; line-height: 1.7;}
.footer_t .flex-left p span{display: inline-block; font-size: 10px; position: relative; top: -2px; margin: 0 10px;}

.footer_t .flex-right ul{display: flex; justify-content: flex-end;}
.footer_t .flex-right ul li{position: relative;}
.footer_t .flex-right ul li::after{content: "·"; display: inline-block; font-size: 15px; color: rgba(255,255,255,0.7); margin: 0 10px;}
.footer_t .flex-right ul li:last-child::after{display: none;}
.footer_t .flex-right ul li a{font-size: 13px; color: rgba(255,255,255,0.7); }

@media(max-width: 1450px){
	.footer_t .m_inner{padding: 50px 3%;}
}

@media(max-width:1250px){
	.footer_t .m_flex{flex-flow: row wrap;}
	.footer_t .flex-left{width: 100%; padding-right: 0; padding-bottom: 0; text-align: center; margin: 0 auto 10px;}
	.footer_t .flex-right{width: 100%; padding-left: 0;}
	.footer_t .flex-right ul{justify-content: center;}
}

@media(max-width: 680px){
	.footer_t .m_inner{padding: 10% 3%;}
	.footer_t .flex-left p{font-size: 10px; line-height: 1.5;}
	.footer_t .flex-right ul li a{font-size: 12px; }
	.footer_t .flex-right ul li::after{margin: 0;}
}
/************************* 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 끝 *************************/


/************************* sub page start *************************/

/* 공통 */
.sub{position: relative;}
.s_inner{ position: relative; width: 100%; margin: 0 auto; max-width: 1200px; }
.s_inner p{font-size: 17px; line-height: 1.8; color: #484848; }
.s_flex-c{display: flex; align-items: center; flex-wrap:wrap;}


.s11::after{content: ""; display: block; background: url("./img/s11_bg1.png") no-repeat right bottom; width: 100%; height: 634px; position: absolute; right: 0; bottom: -16%;}
.s11 .sub_wide{background: url("./img/s11_img01.jpg") no-repeat left top;  padding: 355px 0 0; transition: all 2s;}
.s11 .sub_wide h3{font-size: 48px; margin-bottom: 70px; font-weight:600; line-height: 1.4;}
.s11 .sub_wide h3 strong{color: #fff; font-weight: 600; text-shadow: 1px 1px 6px rgba(0,0,0,0.4); }
.s11 .sub_wide h3 b{color: #2c3080; font-weight: 600;}
.s11 .sub_wide p{position: relative; padding-left: 205px; }
.s11 .sub_wide p::before{content: ""; display: block; width: 160px; height: 3px; background: #2c3080; position: absolute; left: 0; top: 10px;}
.s11_sign{font-size: 20px; font-weight: 500; text-align: right; margin-top: 80px;}

/* history */

.s12_1{width:100%; margin:0 auto 100px;}
.s12-h .history_box{width:100%; max-width:1200px; margin:0 auto;}
.s12-h .history_box:after {content:""; display:block; clear:both;}
.s12-h .history_box .left, .s12-h .history_box .right {float:left;}
.s12-h .history_box .txt_box {	box-sizing:border-box; padding:33px 50px; background:#2c3080; display:inline-block; margin-left:80px;	}
.s12-h .history_box .txt_box h4 {	font-size:45px; font-weight:600; color:#fff; position:relative; padding-bottom:15px;	}
.s12-h .history_box .txt_box p {font-size:18px; letter-spacing:-0.25px; color:#fff;}
.s12-h .history_box .history {position:relative;}
.s12-h .history_box .history .centerline {width:1px; height:100%; background:#d7d7d7;position:absolute; top:11px; left:96px;}
.s12-h .history_box .history dl {padding-bottom:40px; display:table;}
.s12-h .history_box .history dl:last-child {padding-bottom:0;}
.s12-h .history_box .history dl dt {font-size:30px; color:#2c3080; font-weight:600; position:relative; display:table-cell; vertical-align:top; width:130px;	}
.s12-h .history_box .history dl dt:after {content:""; display:inline-block; width:8px; height:8px; border-radius:13px;box-sizing:border-box; position:absolute; top:11px; left:93px; background:#2c3080;	}
.s12-h .history_box .history dl dd {display:table-cell; vertical-align:top; padding-top:5px;}
.s12-h .history_box .history dl dd p {font-size:17px;  color:#484848;	margin-bottom:8px; position:relative; padding-left:40px;}
.s12-h .history_box .history dl dd p b{font-size:19px; font-weight:600; color:#2c3080;margin-right:10px; position:absolute; left:0;}
.s12-h .history_box .history dl dd p:last-child {margin-bottom:0;}
.s12_1 .history_box .right {float: left;padding-top:70px;padding-left: 100px;}
.s12_1 .history_box .left {float:right;  position:relative; z-index:1; margin-top: -100px;}
.s12_1 .history_box .txt_box {text-align:right; margin-left:0; margin-right:80px;}
.s12_2 .history_box .left {position:relative; z-index:1; margin-top: -100px; }
.s12_2 .history_box .right {padding-top:70px; padding-left:100px;}

/* location */
.s13{position: relative; margin: 0 auto;}
.s13_map_wrap{width: 65%; overflow: hidden;}
.s13_map_info{width:40%;  background: #2c3080; box-shadow: 20px 20px 40px rgba(0,0,0,0.2); position: absolute; right:0; z-index: 2; padding:50px 60px; }

.s13_map_info .map_left{border-bottom:1px dashed #fff; padding-bottom:25px;}
.s13_map_info .map_left h3{font-size: 30px; font-weight: 600; color: #fff; }
.s13_map_info .map_right{width:100%; padding:20px 0px 0; }

.s13_map_info .map_right p{color: #fff; font-size: 16px; line-height: 24px; margin-bottom: 20px; word-break: keep-all; }
.s13_map_info .map_right p strong{font-size:20px; font-weight:600; }
.s13_map_info .map_right span{color: #fff !important; font-size: 16px;  line-height: 24px;  cursor:text;}
.s13_map_info .map_right span a{ color: #fff !important; cursor:text;}
.s13_map_info .map_right span strong{color: #fff; font-size:18px; font-weight: 500;}
.s13_map_info .map_right span i{display: block; height: 1px; width: 30px; }

@media(max-width:1300px){
	.s11 .sub_wide h3{font-size: 38px; margin-bottom: 40px; }
}

@media(max-width: 1100px){
	.s11_sign{font-size: 18px; padding: 2%; margin-top: 0;}
		.s_inner p{font-size: 16px; }
		.s11 .s_inner{padding: 0 3%;}
		.s11 .sub_wide h3 strong{color: #121212; text-shadow: unset; }
		.s11 .sub_wide{padding: 400px 0 0;}

}

	@media(max-width:968px){
		
		.s11 .sub_wide h3{font-size: 32px;}
		.s11 .sub_wide p::before{width: 80px;}
		.s11 .sub_wide p{padding-left: 15%;}
		.s11_sign{font-size: 16px;}

		.s12_2 .history_box .left{margin-top: -50px;}
		.s12-h .history_box .txt_box{padding: 5%; margin-left: 3%;}
		.s12_1 .history_box .txt_box{margin-right: 3%;}
		.s12_1 .history_box .left{margin-top: -50px;}
		.s12-h .history_box .txt_box .cate{font-size:1.2rem;}
		.s12-h .history_box .txt_box h4{font-size:24px; padding-bottom: 5px; }
		.s12-h .history_box .txt_box p{font-size:13px;}

	.s12_1 .history_box .right{float:none;padding:30px 3% }
	.s12_1 .history_box .left{float:none;  position:relative; text-align:right; z-index:1;}

	.s12_2 .history_box .left {float:none;}
	.s12_2 .history_box .right{ float:none; padding:30px 3%;}

	.s12-h .history_box .history dl dt{font-size:20px;}
	.s12-h .history_box .history dl dd p{font-size:14px;}
	}

	@media(max-width: 746px){
		.s_inner p{font-size: 15px; line-height: 1.6;}
		.s11 .sub_wide h3{font-size: 28px; margin-bottom: 0; margin-top: 15%;}
		.s11 .sub_wide p{padding-left: 0; }
		.s11 .sub_wide p::before{position: relative; left: auto; top: auto; margin: 20px 0;}

		.s13_map_wrap{width:100%;}
		.s13_map_info{position:relative; width:90%; margin:-40px auto 0; padding:5%; height:100%;}
		.s13_map_info .map_left{width:100%; padding-bottom: 15px; }
		.s13_map_info .map_right{width:100%; padding:3% 0;}
		
		.s13_map_info .map_left h3{font-size: 24px;}
		.s13_map_info .map_right p strong{font-size:18px;}
		.s13_map_info .map_right span strong{font-size:14px;}
		.s13_map_info .map_right p, .s13_map_info .map_right span{font-size:14px;}
		
	}

	@media(max-width:480px){
		.s11 .sub_wide h3{font-size: 18px; }
		.s_inner p{font-size: 12px; }
		.s11_sign{font-size: 13px; }
		.s12-h .history_box .txt_box {padding:25px 20px;}
		.s12-h .history_box .txt_box .cate{font-size:16px;}
		.s12-h .history_box .txt_box h4{font-size:18px;}
		.s12-h .history_box .history dl dd p b{font-size: 14px;}
		.s12-h .history_box .txt_box p{font-size:13px; word-break:keep-all; line-height: 1.4;}
	
		.s12-h .history_box .txt_box{display:inline-block; }
	
	.s12-h .history_box .history dl dt{font-size:18px; width: 100px;}
	.s12-h .history_box .history dl dd p{font-size:13px; line-height: 1.4; padding-left: 30px;  word-break:keep-all;}

	.s12_1 .history_box .left{text-align: left;  margin-top: -50px;}
	.s12_2 .history_box .left{margin-top: -50px;}
	.s12-h .history_box .txt_box{margin-left: 5%;}
	.s12_1 .history_box .txt_box{text-align: left; margin-left: 5%; margin-right: auto;}
	.s12-h .history_box .history .centerline{left: 79px;}
	.s12-h .history_box .history dl dt:after{left: 75px;}
	.pcbr{height: 35vw; background-size: cover;}
	.pcbr img{max-width: 100%; height: 100%; }

	.s13_map_info .map_left h3{font-size: 16px;}
	.s13_map_info .map_right p strong{font-size:14px;}
	.s13_map_info .map_right span strong{font-size:12px;}
	.s13_map_info .map_right p, .s13_map_info .map_right span{font-size:12px;}
	.s13_map_info .map_right span i{display:block; width:auto; }
	.s13_map_info .map_left img{width:auto; height:55px;}
	

	}

/************************* sub page 끝 *************************/