@charset 'utf-8';

.company_spot, .notice_spot, .bodo_spot, notice_spot, .invest2_spot, .ceo_spot, .mile_spot, 
.ple_spot, .overview_spot, .invest_spot{
	width:100%; height:350px;
	position:relative;overflow:hidden;
}
.f_txt{position:absolute; width:100%; height:100%;}
.f_txt img{position:relative; left:calc(50% - 1400px);}
.f_txt p{
	position:absolute; width:1200px;  height:100%;  
	left:calc(50% - 600px); top:0; z-index:3; font-size:30px; line-height:1;
	letter-spacing:2px;
	margin:0;
	color:#4f6f5d;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-weight:bold;
}
.color_w{color:#fff !important;}
.color_b{color:#222 !important;}
.f_txt p span{display:block; font-size:1.3em; text-align:center; color:#fff; letter-spacing:-1px;}
.f_txt p span strong{
	font-size:2em;display:block;
	white-space:pre-line; color:#fff;
	letter-spacing:-1px; line-height:1.2em;
	margin:40px 0 40px 0;
	font-weight:800;
}
.f_txt p span em{
	font-size:1em; font-style:normal; 
	color:#ff0000; letter-spacing:-1px;
}
.f_clr{color:#222 !important;}


.s_tit{width:100%; background-color:#eaeaea; position:relative;}
.s_tit h2{padding:22px 0; width:1200px; margin:0 auto; }
.s_tit h2 em{display:inline-block; width:180px; text-align:center; font-size:1.3em; line-height:1.3em; font-style:normal;}

.contents{width:100%; margin:0px auto 0px 0; position:relative; min-height:360px;}
.sub_tit{
	font-size:1.9em; color:#000;
	padding:15px 0 0 0px;
	height:60px; width:54%; margin:60px auto 40px auto;
	font-weight:bold;
	box-sizing:border-box;
	position:relative;
	text-align:center;
}


#map{width:900px; height:450px; background-color:#eee; margin:0 auto 50px auto;}
.road{width:550px; margin:40px auto; overflow:hidden; padding:0 0 5px 0;}
.road div{
	position:relative; width:250px;
}
.road div:nth-of-type(1){float:left; }
.road div:nth-of-type(2){float:right;}
.road div p{
	text-align:center;
	padding:30px 20px 40px 20px;
	border:1px solid #ddd; color:#333;  font-size:0.9em;
	background:#f5f6f7;
	transition:.5s;
	position:relative; z-index:2;
	cursor:pointer;	
	border-radius:7px;
	box-shadow:0px 2px 5px -2px rgba(0,0,0,0.3);
}
.road div p:hover{
	background:#4D2E54;
	color:#fff;
	box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
}
.road div p.on{
	background:#4D2E54;
	color:#fff !important;
	box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
}
.road p.on b,
.road div p.on span{color:#fff !important;}

.road div p b{display:block; font-size:18px; padding-top:5px;}
.road div p:hover b,
.road div p:hover span{color:#fff;}
.road div p span{
	display:inline-block; 
	padding-top:5px;
}



.ov_cata{width:1200px; margin:60px auto;}
.ov_cata fieldset{text-align:center; border:6px solid #ebf0f5; width:45%; margin:0 auto; padding:45px 0;}
.ov_cata fieldset legend{padding:0 30px; margin:0 auto; text-align:center;display:block; font-size:18px; font-weight:bold;}
.ov_cata fieldset .box{overflow:visible; width:114%; position:relative; left:-7%;}
.ov_cata fieldset .box div{
	position:relative; width:50%;
}
.ov_cata fieldset .box div:nth-of-type(1){float:left; left:-19%;}
.ov_cata fieldset .box div:nth-of-type(2){float:right; right:-19%;}
.ov_cata fieldset .box div p:nth-of-type(1){
	text-align:center;
	padding:50px 30px 0px 30px;
	border:1px solid #ddd; color:#333;  font-size:0.9em;
	background:#f5f6f7 url('../../../assets/images/ic_arrow_02.png') center calc(100% - 10px) no-repeat;
	transition:.5s;
	box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
	position:relative; z-index:2; height:150px;
	cursor:pointer;
	border-radius:10px;

}
.ov_cata fieldset .box div p:nth-of-type(1):hover{
	background:#4D2E54 url('../../../assets/images/ic_arrow_02_hover.png') center calc(100% - 10px) no-repeat;
	color:#fff;
}
.ov_cata fieldset .box div p:nth-of-type(1).on{
	background:#4D2E54 url('../../../assets/images/ic_arrow_02_on.png') center calc(100% - 10px) no-repeat;
	color:#fff !important;
}
.ov_cata fieldset .box div p:nth-of-type(1).on b,
.ov_cata fieldset .box div p:nth-of-type(1).on span{color:#fff;}

.ov_cata fieldset .box div p:nth-of-type(1) b{display:block; font-size:18px; padding-top:5px;transition:.5s;}
.ov_cata fieldset .box div p:nth-of-type(1):hover b,
.ov_cata fieldset .box div p:nth-of-type(1):hover span{color:#fff;}
.ov_cata fieldset .box div p:nth-of-type(1) span{
	white-space:pre-line; height:30px;
	display:inline-block; 
	padding-top:5px; transition:.5s;
}

.ov_cata fieldset .box div p:nth-of-type(2){
	text-align:left;
	height:385px;
	padding:20px 30px  50px 30px; margin:20px 0 0 0; box-sizing:border-box;
	background-color:#fff;
	border:1px solid #ddd; color:#616161;  font-size:15px; line-height:20px;
	box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
	cursor:pointer;
	word-break:keep-all;
	border-radius:10px;
	display:none;
	
}
.ov_cata fieldset .box div p:nth-of-type(2) a{display:inline-block; color:#333;}
.ov_cata fieldset .box div p:nth-of-type(2) em{
	position:absolute; bottom:25px; left:calc(50% - 50px);
	margin:20px auto 0 auto; font-style:normal;
}
.ov_cata fieldset .box div p:nth-of-type(2):hover em{
	background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
	border:1px solid #3c9cd9; color:#3c9cd9;
}

.ov_list{}
.ov_list .tit{
	text-align:center; font-size:22px; font-weight:bold; color:#202020;
	line-height:1.8em; font-weight:normal;
	width:1200px; margin:0 auto;

}
.ov_list ul{margin:70px 0 0px 0; overflow:hidden;}
.ov_list ul li{background-color:#F4F0EC; margin:0px 0 20px 0;}
.ov_list ul li div{width:1200px; margin:0px auto; overflow:hidden;}
.ov_list ul li div p{float:left; width:50%; height:450px;}
.ov_list ul li div p:nth-of-type(1){}
.ov_list ul li div p:nth-of-type(1) img{width:100%;}
.ov_list ul li div p:nth-of-type(2){
	box-sizing:border-box;
	padding:50px 0 0 60px; position:relative;
}
.ov_list ul li div p:nth-of-type(2) img{}
.ov_list ul li div p:nth-of-type(2) strong{
	font-size:18px; color:#464646;
	display:block; margin:20px 0 20px 0;
}
.ov_list ul li div p:nth-of-type(2) span{
	display:inline-block; 
	line-height:1.8;
	box-sizing:border-box;
	word-break:keep-all;
	text-align:justify;
	color:#333;
	
}
.ov_list ul li div p:nth-of-type(2) em{position:absolute; right:0px; bottom:25px; font-style:normal;}
.ov_list ul li div:hover em{
	background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
	border:1px solid #3c9cd9; color:#3c9cd9;
}
.ov_list ul li:nth-of-type(even) div p:nth-of-type(1){float:right;}
.ov_list ul li:nth-of-type(even) div p:nth-of-type(2){float:left; padding:50px 60px 0 0px; }
.ov_list ul li:nth-of-type(even) div p:nth-of-type(2) em{right:60px;}
.ov_list ul li:nth-of-type(even) div p:nth-of-type(2) img,
.ov_list ul li:nth-of-type(3) div p:nth-of-type(2) img{width:160px;}



/* 인사말 */
.sub_tit2{
	width:1200px; margin:60px auto 0px auto;
	text-align:center;
}
.sub_tit2 span{
	display:inline-block;
	font-size:1.9em; color:#353535;
	padding:10px 40px;
	box-sizing:border-box;
	text-align:center;
	line-height:1.7em;
	letter-spacing:-1px;
}
.sub_tit2 span strong{display:block; font-size:1.2em; color:#132f59; }
.sub_tit2 p{
	text-align:left; padding:60px 30px 40px 30px;
	white-space:pre-line;
	font-size:28px; line-height:1.6; color:#4D2E54; display:block; 
	font-weight:bold;
}

.ceo{
	background-color:#F4F0EC;
}
.ceo .info{
	width:1200px; margin:0 auto;
	font-size:1.2em; color:#353535; 
	position:relative; 
	padding:10px 25px 50px 30px; box-sizing:border-box;
	text-align:justify;
}
.ceo .info strong{font-size:1.4em; line-height:1.6em; color:#132f59; display:inline-block; padding:0px;}
.ceo .info span{font-size:1em; line-height:2; color:#353535; display:block; text-align:justify; white-space:pre-line; padding:30px 0 0 0;}
.ceo .info span:nth-of-type(3){text-align:justify; white-space:normal;}
.ceo .info span:nth-of-type(4){text-align:justify; white-space:normal;}
.ceo .info span:nth-of-type(5){text-align:justify; white-space:normal;}
.ceo .info span:nth-of-type(6){text-align:justify; white-space:normal;}
.ceo .info img{position:absolute; top:-310px; right:50px;}
.c_sign{
	width:1200px; margin:50px auto 200px auto;  padding-right:50px; box-sizing:border-box;
	text-align:right; font-size:1.3em; font-weight:bold; line-height:70px; color:#000;
}
.c_sign img{vertical-align:middle;}


/* 마일스톤 */
.mileston{
	width:1200px; height:1400px; margin:30px auto;
	background:#e3e3e3 url('../../../assets/images/bg_mile.jpg') 0 100px no-repeat;
	background-size:100%; overflow:auto;
}

.mileston {
	scrollbar-3dLight-Color: #e3e3e3; 
	scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #e3e3e3;
	scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #e3e3e3; 
	scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #e3e3e3; scrollbar-Shadow-Color: #e3e3e3
}
.mileston::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
.mileston::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px;}
.mileston::-webkit-scrollbar-track {background: #e3e3e3; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
.mileston::-webkit-scrollbar-thumb {height: 8px; width: 8px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.mileston div{
	width:80%; margin:40px auto;background-color:rgba(255,255,255,0.6); 
	box-sizing:border-box; padding:20px 80px;
}
.mileston div p{
	font-size:4em; color:#fff; font-weight:bold; width:90%; margin:0 auto;
}
.mileston div dl{
	width:90%; margin:0 auto;
	padding:20px 0 0 0px; position:relative;
}
.mileston div dl dt{
	font-size:1.6em; color:#535353; padding:0px 0 5px 20px; margin:40px 0 15px 0;
	font-weight:bold; position:relative;
	border-bottom:2px solid #fff;
	box-shadow:0px 2px rgba(0,0,0,0.1);
}
.mileston div dl dt:after{content:''; position:absolute; left:0px; top:15px; width:10px; height:2px; background-color:#535353;}
.mileston div dl dd{font-size:1.2em; padding:10px 0 0 20px; color:#535353; font-weight:bold; margin:0px 0 10px 0; line-height:1.4;}

/* create people */
.ple_body{margin-bottom:0px;}
.ple_body div{text-align:center; padding:20px 0 0 0;}
.ple_body .ple_list{padding:60px 0 10px 0;}
.ple_body .ple_list h3{
	width:1200px; margin:0 auto; font-size:1.7em; color:#202020; padding:0 0 20px 30px;
	box-sizing:border-box;
}
.ple_body .ple_list .btn{
	background:url('../../../assets/images/ic_arrow_02.png') center bottom no-repeat;
	padding:20px 0 0 0; font-size:0px; cursor:pointer;
}
.ple_body .ple_list .btn:hover{
	background:url('../../../assets/images/ic_arrow_02_hover2.png') center bottom no-repeat;
}
.ple_body .ple_list p.on{
	background:url('../../../assets/images/ic_arrow_02.png') center bottom no-repeat;
	transform:rotate(180deg);
}
.ple_body .ple_list .none{background:none; padding:20px 0 0 0; font-size:0px;}

.ple_body .ple_list ul{overflow:hidden; width:1200px; margin:0 auto;}
.ple_body .ple_list ul li{
	float:left; width:19%; box-sizing:border-box; padding:6px 6px 50px 6px ;
	border:1px solid #ddd; margin:0 1.25% 15px 0; 
	background-color:#fff;
	box-shadow:0px 5px 5px -3px rgba(0,0,0,0.1);
}
.ple_body .ple_list ul li:nth-of-type(5n){margin-right:0;}
.ple_body .ple_list ul li p{width:100%; height:206px; overflow:hidden;}
.ple_body .ple_list ul li p img{width:100%;}
.ple_body .ple_list ul li span{display:inline-block;  padding:10px;}
.ple_body .ple_list ul li span b{display:block; font-size:1.3em; color:#202020;}
.ple_body .ple_list ul li span em{display:inline-block; font-style:normal; padding:15px 0 0 0;}
.ple_body .ple_list:nth-of-type(odd){background-color:#f5f7f8;}

/* CI */
.ci_body{width:1200px; margin:0 auto;}
.ci_txt{padding-top:50px;}
.ci_txt dt{text-align:center; padding-bottom:30px;}
.ci_txt dt img{vertical-align:bottom;}
.ci_txt dt img:nth-of-type(1){margin-right:220px;}
.ci_txt dd{
	border-bottom:1px solid #4d2e54;
	padding:20px 60px;
	font-size:1.2em; color:#4d2e54;
	word-break:keep-all; line-height:1.5;
}
.color_system{
	padding:80px 0 30px 0;
	border-bottom:1px solid #4d2e54;
}
.color_system h3{
	border-bottom:1px solid #4d2e54;
	padding:20px 60px;
	font-size:1.2em; color:#4d2e54;
}
.color_system dl{width:85%;  margin:0 auto;}
.color_system dl dt{font-size:1.2em; color:#4d2e54; padding:30px 0 5px 0; font-weight:bold;}
.color_system dl dd{
	font-size:0;
}
.color_system dl dd span{
	display:inline-block;
	width:16.66%; height:280px;
	color:#fff; text-align:center;
	white-space:pre-line; line-height:1.2;
	padding-top:20px; box-sizing:border-box;
	font-size:16px;

}
.color_system dl dd span:nth-of-type(1){background-color:#4d2e54;}
.color_system dl dd span:nth-of-type(2){background-color:#a9d5e4;}
.color_system dl dd span:nth-of-type(3){background-color:#f6f3ef; color:#4d2e54;}
.color_system dl dd span:nth-of-type(4){background-color:#6ba4c8;}
.color_system dl dd span:nth-of-type(5){background-color:#4d6f5d;}
.color_system dl dd span:nth-of-type(6){background-color:#f4ecd7; color:#4d2e54;}

.color_system dl dd:nth-of-type(2) span:nth-of-type(1){background-color:#6b5981;}
.color_system dl dd:nth-of-type(2) span:nth-of-type(2){background-color:#a6d5ee;}
.color_system dl dd:nth-of-type(2) span:nth-of-type(3){background-color:#dcd8d6;}
.color_system dl dd:nth-of-type(2) span:nth-of-type(4){background-color:#54a9d2;}
.color_system dl dd:nth-of-type(2) span:nth-of-type(5){background-color:#758d86;}
.color_system dl dd:nth-of-type(2) span:nth-of-type(6){background-color:#fcf7d4;}

.color_system p{margin:0 auto; width:85%; font-size:1.2em; padding-top:15px; line-height:1.4; color:#4d2e54;}
.ci_logo{text-align:center; margin:80px 0;}


.ci_btn{width:90%; margin:0px auto 150px auto; text-align:center;}
.ci_btn a{
	border:1px solid #a7a9ac; color:#132f59;
	font-size:1.2em; font-weight:bold;
	padding:23px 80px 23px 35px;
	background:url('../../../assets/images/btn_down.png') calc(100% - 35px) center no-repeat;
	display:inline-block;
	transition:.5s;
}
.ci_btn a:hover{
	color:#fff;
	background:#132f59 url('../../../assets/images/btn_down_on.png') calc(100% - 25px) center no-repeat;
}


/*----------board------------*/

.search{
	position:absolute;
	width:1200px;
	left:calc(50% - 600px); top:15px;
	text-align:right;
	font-size:0px;
}
.search span{
	border:1px solid #bababa; background-color:#fff; padding:6px 10px 10px 10px; 
	height:36px; box-sizing:border-box; display:inline-block;
	vertical-align:middle;
}
.search span select,
.search span input{font-size:12px; border:none;outline:none;}
.search span select{padding:0 15px;}
.search span input{
	border-left:1px solid #bababa;
	width:300px; padding-left:10px; 
}
.search a{
	border:1px solid #bababa; width:40px; height:36px; box-sizing:border-box;
	margin-left:1px; display:inline-block;
	vertical-align:middle;
	background:#fff url('../../../assets/images/ic_search.png') center no-repeat;
	font-size:0;
}
.news_list{
	width:1200px; margin:10px auto 50px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	overflow:hidden;
}
.news_list li{
	width:340px; min-height:610px;
	box-sizing:border-box;
	padding:20px; margin:20px 0px 10px 0;
	border:1px solid #fff;
	transition:.3s;
	float:left; position:relative;
	cursor:pointer;
}
.news_list li:hover{
	border:1px solid #d6d6d6;
	box-shadow:0px 5px 5px -2px rgba(0,0,0,0.4);
}
.news_list li:hover em{opacity:1;}
.news_list li:hover em{
	background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
	border:1px solid #3c9cd9; color:#3c9cd9; font-style:normal;
}
.news_list li p:first-of-type{
	border-radius:16px; overflow:hidden;
	width:300px; height:300px; margin-bottom:15px;
	position:relative;
}
.news_list li p:first-of-type img{width:100%;height:100%;}
.news_list li p b{color:#00081f !important; font-size:1.2em; display:block;}
.news_list li p:first-of-type span{
	position:absolute; color:#fff; width:90%; left:5%; top:20px;
	text-align:center; z-index:2; word-break:keep-all;
}
.news_list li p:first-of-type strong{font-size:1.8em; color:#fff; text-align:center; display:block; padding-bottom:7px;}
.news_list li p:last-of-type span{color:#989898; font-size:0.9em; display:inline-block; margin:10px 0; line-height:1.5em; word-break:keep-all;}
.news_list li p code{color:#989898; font-size:0.9em; display:inline-block; margin-right:30px;}
.news_list li p em{
	display:block; margin:0 auto;
	width:60px; position:absolute; bottom:20px; left:35%;
	opacity:0;  font-style:normal;
}
.news_list li:hover p a{opacity:1;}


.news_view{width:1200px; margin:30px auto 150px auto; position:relative;}
.news_view .news_body{width:100%; margin:0 auto;}
.news_view .news_body .snsv{text-align:right; margin-bottom:30px;}
.news_view .news_body .snsv a{display:inline-block;}
.news_view .news_body div{text-align:center;}
.news_view .news_body div img{max-width:100%;}
.news_view .news_body div:nth-of-type(2) img{max-width:100%; display:block; margin:0 auto;}
.news_view .news_body div .tit{color:#202020; font-size:24px; display:block; padding:0 0 40px 0;}
.news_view .news_body div .txt{width:86%; margin:0px auto; text-align:left; font-size:1.2em; color:#000; line-height:24px;}
.news_view .news_body div p{width:86%; margin:0px auto; text-align:left; }
.news_view .news_body div:nth-of-type(2) a{
	margin:20px 0;
}
.news_view .news_body div .btn_s1{margin:40px 0 30px 0 !important;}
.news_view .btn{position:absolute; top:45%; left:-80px; width:calc(100% + 160px);}
.news_view .btn a{
	width:50px; height:50px; display:block; border:1px solid #d6d6d6;
	border-radius:25px; font-size:0;
}
.news_view .btn a.prev{
	float:left;
	background:#fff url('../../../assets/images/ic_prev_off.png') center no-repeat;
}
.news_view .btn a.prev:hover{
	background:#d6d6d6 url('../../../assets/images/ic_prev_on.png') center no-repeat;
}
.news_view .btn a.next{
	float:right;
	background:#fff url('../../../assets/images/ic_next_off.png') center no-repeat;
}
.news_view .btn a.next:hover{
	background:#d6d6d6 url('../../../assets/images/ic_next_on.png') center no-repeat;
}
.news_view .news_body div:nth-of-type(2) *{
	font-size:auto;
	line-height:2;
}



.board_list{width:1160px; margin:40px auto; position:relative; right:-20px;}
.board_list td:nth-of-type(1),.board_list th:nth-of-type(1){width:130px;}
.board_list td:nth-of-type(3),.board_list th:nth-of-type(3){width:150px;}
.board_list td:nth-of-type(4),.board_list th:nth-of-type(4){width:150px;}
.board_list thead{}
.board_list thead th{
	position:relative;
	font-size:18px;
	background-color:#4D2E54; color:#fff; padding:20px 0;

	
}

.board_list thead th:nth-of-type(4):after{content:''; }
.board_list tbody td{
	text-align:center; border-top:1px solid #cacaca;
	font-size:0; cursor:pointer; box-sizing:border-box;
}
.board_list tbody td:nth-of-type(2){text-align:left; padding-left:20px;}
.board_list tbody td em{
	width:60px; height:60px;
	border-radius:30px;
	text-align:center; line-height:60px;
	background-color:#e7e7e7;
	font-size:16px;
	display:inline-block;
	color:#202020;
	font-style:normal;
	margin:5px 0;
}
.board_list tbody tr:hover em{
	background-color:#4D2E54; color:#fff;
}
.board_list tbody td span{
	display:inline-block;
	width:150px; text-align:center;
	font-size:14px;
}
.board_list tbody td span.day{}
.board_list tbody td span.num{}
.board_list tbody td strong{font-weight:normal; width:850px; display:inline-block; font-size:18px; padding:15px 0; }
.board_list tbody td strong.on{font-weight:bold;}
.board_list tbody td p{line-height:24px; display:none; padding:0 0 15px 0; }
.board_list tbody tr:hover td strong{font-weight:bold;}

/*sns*/

.sns{
	padding:80px 0;
	text-align:center;
}
.sns a{
	background:linear-gradient(#ffffff,#f5f6f7);
	display:inline-block;
	padding:25px 0px 30px 0px;
	width:16vw; height:35px;
	margin:0 20px;
	font-weight:bold;
	border-radius:5px;
	transition:.5s;
	box-shadow:0px 2px 2px rgba(0,0,0,0.1);
	border:1px solid #ddd;
	position:relative;
}
.sns a span{
	position:absolute;
	left:0;top:30px; width:100%;
	text-align:center;
}
.sns a span code{
	font-size:1.2em;
	line-height:1;
	color:#202020;
	background: url('../../../assets/images/btn_arrow1.png') right center no-repeat;
	font-weight:bold;
	padding:7px 25px 10px 0;
}

.sns a span img{width:150px;}
.sns a span code,.sns a span img{vertical-align:middle}

.invest_list{
	width:1200px;
	margin:40px auto;
}
.invest_news{
	width:100%;	margin:0px 0;
}
.invest_news th{
	background-color:#4D2E54; color:#fff; padding:25px 0;
	font-size:18px; font-weight:normal;
}
.invest_news th:nth-of-type(1){width:180px;}
.invest_news th:nth-of-type(2){}
.invest_news th:nth-of-type(3){width:180px;}
.invest_news tr td{
	padding:5px 0 5px 0; text-align:center;
	border-bottom:1px solid #afafaf;

}
.invest_news tr td:nth-of-type(1){
	text-align:center; width:180px;
}
.invest_news tr td:nth-of-type(2){
	text-align:center; width:500px;
}
.invest_news tr td:nth-of-type(3){
	text-align:center; width:180px; font-size:18px;
	line-height:1; 
}
.invest_news tr td span{
	width:70px; height:70px;
	border-radius:40px;
	text-align:center; line-height:1;
	background-color:#e7e7e7;
	font-size:20px;
	display:inline-block;
	color:#202020;
	font-style:normal;
	margin:0px 0 0px 0;
	box-sizing:border-box;
	padding-top:18px;
}
.invest_news tr td span strong{
	display:block;
	font-size:24px; color:#00081f;
	position:relative;
	line-height:.8;
}
.invest_news tr td span code{font-size:0.6em; color:#00081f;display:inline-block; line-height:0.5;}
.invest_news tr td div{line-height:20px; display:none;}
.invest_news tr td b{
	font-size:18px; color:#202020;  display:inline-block; font-weight:normal;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	width:800px; line-height:1.4; position:relative; top:3px;
}
.invest_news tr td a{margin-top:10px; color:#202020; }
.invest_news tr td:nth-of-type(2){
	text-align:left;
}
.invest_news caption{position:relative; bottom:-16px;}
.invest_news caption fieldset{
	border:none;
	border-top:2px solid #999;
	padding:0; margin:0;
	padding-top:16px;
}
.invest_news caption fieldset legend{
	padding:0px 20px;
	font-size:1.4em; color:#000;
	margin:0px;font-weight:normal;
	background-color:transparent;
	position:absolute; top:-16px; left:calc(50% - 45px);
	background:#fff;
	
}

.invest_news tr:hover td span{
	background-color:#4D2E54; color:#fff;
}
.invest_news tr:hover td span strong,
.invest_news tr:hover td span code{
	color:#fff;
}
.invest_news tr:hover td {cursor:pointer;}
.invest_news tr:hover td a{
	color:#333;
}
.invest_news tr:nth-of-type(even) td{
	background-color:#F4F0EC;
}

.juga{width:1200px; margin:40px auto;}
.juga .ic_down{
	width:0; height:0;
	border:3px solid transparent;
	border-top:7px solid #1498e4;
	display:inline-block; vertical-align:middle;
	position:relative;top:2px; margin:0 5px;
}
.juga .ic_up{
	width:0; height:0;
	border:3px solid transparent;
	border-bottom:7px solid #ff3333;
	display:inline-block; vertical-align:middle;
	position:relative;top:-2px; margin:0 5px;
}
.juga .ic_a_down{
	display:inline-block; vertical-align:middle;
	position:relative;top:0px; margin:0 5px;
	width:15px; height:13px;
	background:url('../../../assets/images/ic_arrow_down.gif') no-repeat;
}
.juga .ic_a_up{
	display:inline-block; vertical-align:middle;
	position:relative;top:-1px; margin:0 5px;
	width:15px; height:13px;
	background:url('../../../assets/images/ic_arrow_up.gif') no-repeat;
}
.juga .t_box{overflow:hidden;}
.juga .t_box table td a{color:#333;}
.juga .t_box .iv_ts01 th a{color:#fff;}
.juga .t_box table{width:49.2%;}
.juga .t_box .iv_ts01{height:194px;}
.juga .t_box .iv_ts01 th{
	background-color:#4D2E54; color:#fff;
	font-size:16px; padding:10px; height:28px;
	 border:1px solid #ddd;
}
.juga .t_box .iv_ts01 td{text-align:center; padding:10px 0; font-size:16px;  border:1px solid #ddd;}
.juga .t_box .iv_ts01 td b{font-size:44px;  font-weight:normal;}

.juga .t_box .iv_ts02{border-top:2px solid #aaa; height:194px;}
.juga .t_box .iv_ts02 th{
	background-color:#F4F0EC; color:#333;
	font-size:16px; padding:10px 0; font-weight:normal;
	line-height:1; width:240px;
	border:1px solid #ddd;
}
.juga .t_box .iv_ts02 td{text-align:center; padding:10px 0; font-size:16px; border:1px solid #ddd;}


.juga .t_box .iv_ts03{border-top:2px solid #aaa;}
.juga .t_box .iv_ts03 th{
	background-color:#F4F0EC; color:#333;
	font-size:16px; padding:10px 0; font-weight:normal;
	line-height:1; width:240px;
	border:1px solid #ddd;
	border-left:none;
}
.juga .t_box .iv_ts03 td{text-align:center; padding:10px 0; font-size:16px; border:1px solid #ddd; border-right:none;}

.juga .iv_ts04{border-top:2px solid #aaa;}
.juga .iv_ts04 th{
	background-color:#F4F0EC; color:#333;
	font-size:16px; padding:15px 0; font-weight:normal;
	line-height:1; width:150px;
	border:1px solid #ddd;
	border-left:none;
}
.juga .iv_ts04 th:last-of-type{border-right:none;}
.juga .iv_ts04 td{text-align:center; padding:10px 0; font-size:16px; border:1px solid #ddd; border-left:none;}
.juga .iv_ts04 td:last-of-type{border-right:none;}
.juga .f_left{float:left;}
.juga .f_right{float:right;}






.board{}
.text-center{width:800px; margin:0 auto; padding:20px 0;}

.page{
	text-align:center; position:relative; width:100%; margin:0px auto;
	background-color:#f5f5f5; padding:50px 0;
}
.page p{position:relative; width:800px; margin:0 auto;}
.page a,
.page span{display:inline-block; vertical-align:middle; color:#202020; font-weight:bold;}
.page a:hover{color:#5ca6c9;}
.page span a{padding:0 20px; transition:.5s;}
.page span a.on{font-weight:bold; color:#5ca6c9;}
.prev{
	position:absolute;
	left:0; top:0;
}
.next{
	position:absolute;
	right:0; top:0;
}


/* hslee added to show address 2019.09.18 */
.company_address_box {
    width: 504px;
    padding: 20px;
    margin: 0 auto;
    margin-bottom: 20px;
    border: solid 1px lightgray;
    border-radius: 10px;
}
/* hslee added fin */

/*-----------------------------------1000-------------------------------------------*/
@media (min-width:1200px) and (max-width:1280px){
	.news_view{width:85%; margin:30px auto 150px auto; position:relative;}
	.sns a{
		width:20vw; height:35px;
	}
}


@media (min-width:1001px) and (max-width:1199px){
	.company_spot, .notice_spot, .bodo_spot, notice_spot, .invest2_spot, .ceo_spot, .mile_spot, 
	.ple_spot, .overview_spot, .invest_spot{
		width:100%; height:350px;
		position:relative;overflow:hidden;
	}
	.f_txt{position:absolute; width:100%; height:100%;}
	.f_txt img{position:relative; left:calc(50% - 1400px);}
	.f_txt p{
		position:absolute; width:100%;  height:100%;  text-align:center;
		left:0%; top:0; z-index:3;
		margin:0;
		color:#fff;
		display:flex;
		align-items:center;
	}
	.f_txt p span{display:block; font-size:1.3em; text-align:left; color:#fff; letter-spacing:-1px;}
	.f_txt p span strong{
		font-size:2em;display:block;
		white-space:pre-line; color:#fff;
		letter-spacing:-1px; line-height:1.2em;
		margin:40px 0 40px 0;
		font-weight:800;
	}
	.f_txt p span em{
		font-size:1em; font-style:normal; 
		color:#ff0000; letter-spacing:-1px;
	}
	.f_clr{color:#222 !important;}


	.s_tit{width:100%; background-color:#eaeaea; position:relative;}
	.s_tit h2{padding:22px 0; width:95%; margin:0 auto; }
	.s_tit h2 em{display:inline-block; width:180px; text-align:center; font-size:1.3em; line-height:1.3em; font-style:normal;}

	.contents{width:100%; margin:0px auto 0px 0; position:relative;}
	.sub_tit{
		font-size:1.9em; color:#000;
		padding:15px 0 0 0px;
		height:60px; width:54%; margin:60px auto 40px auto;
		font-weight:bold;
		box-sizing:border-box;
		position:relative;
		text-align:center;
	}
	.ov_cata{width:100%; margin:50px auto;}
	.ov_cata fieldset{text-align:center; border:6px solid #ebf0f5; width:45%; margin:0 auto; padding:45px 0;}
	.ov_cata fieldset legend{padding:0 30px; margin:0 auto; text-align:center;display:block; font-size:18px; font-weight:bold;}
	.ov_cata fieldset .box{overflow:visible; width:114%; position:relative; left:-7%;}
	.ov_cata fieldset .box div{
		position:relative; width:50%;
	}
	.ov_cata fieldset .box div:nth-of-type(1){float:left; left:-19%;}
	.ov_cata fieldset .box div:nth-of-type(2){float:right; right:-19%;}
	.ov_cata fieldset .box div p:nth-of-type(1){
		text-align:center;
		padding:50px 20px 0px 20px;
		border:1px solid #ddd; color:#333;  font-size:0.9em;
		background:#f5f6f7 url('../../../assets/images/ic_arrow_02.png') center calc(100% - 10px) no-repeat;
		transition:.5s;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
		position:relative; z-index:2; height:150px;
		cursor:pointer;
		border-radius:10px;

	}
	.ov_cata fieldset .box div p:nth-of-type(1):hover{
		background:#4D2E54 url('../../../assets/images/ic_arrow_02_hover.png') center calc(100% - 10px) no-repeat;
		color:#fff;
	}
	.ov_cata fieldset .box div p:nth-of-type(1).on{
		background:#4D2E54 url('../../../assets/images/ic_arrow_02_on.png') center calc(100% - 10px) no-repeat;
		color:#fff !important;
	}
	.ov_cata fieldset .box div p:nth-of-type(1).on b,
	.ov_cata fieldset .box div p:nth-of-type(1).on span{color:#fff;}

	.ov_cata fieldset .box div p:nth-of-type(1) b{display:block; font-size:18px; padding-top:5px;transition:.5s;}
	.ov_cata fieldset .box div p:nth-of-type(1):hover b,
	.ov_cata fieldset .box div p:nth-of-type(1):hover span{color:#fff;}
	.ov_cata fieldset .box div p:nth-of-type(1) span{
		white-space:pre-line; height:30px;
		display:inline-block; 
		padding-top:5px; transition:.5s;
	}

	.ov_cata fieldset .box div p:nth-of-type(2){
		text-align:left;
		height:325px;
		padding:30px 30px  50px 30px; margin:20px 0 0 0; box-sizing:border-box;
		background-color:#fff;
		border:1px solid #ddd; color:#616161;  font-size:15px; line-height:20px;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
		cursor:pointer;
		text-align:justify;
		word-break:keep-all;
		border-radius:10px;
		display:none;
		
	}
	.ov_cata fieldset .box div p:nth-of-type(2) a{display:inline-block; color:#333;}
	.ov_cata fieldset .box div p:nth-of-type(2) em{
		position:absolute; bottom:25px; left:calc(50% - 35px);
		margin:20px auto 0 auto; font-style:normal;
	}
	.ov_cata fieldset .box div p:nth-of-type(2):hover em{
		background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
		border:1px solid #3c9cd9; color:#3c9cd9;
	}

	
	.ov_list{}
	.ov_list .tit{
		text-align:center; font-size:22px; font-weight:bold; color:#202020;
		white-space:pre-line; line-height:1.8em; font-weight:normal;
	}
	.ov_list ul{margin:70px 0 0px 0; overflow:hidden;}
	.ov_list ul li{background-color:#F4F0EC; margin:0px 0 20px 0;}
	.ov_list ul li div{width:100%; margin:0px auto; overflow:hidden;}
	.ov_list ul li div p{float:left; width:50%; height:42vw;}
	.ov_list ul li div p:nth-of-type(1){}
	.ov_list ul li div p:nth-of-type(1) img{width:100%; height:100%;}
	.ov_list ul li div p:nth-of-type(2){
		box-sizing:border-box;
		padding:30px 30px 0 30px; position:relative;
	}
	.ov_list ul li div p:nth-of-type(2) img{}
	.ov_list ul li div p:nth-of-type(2) strong{
		font-size:18px; color:#464646;
		display:block; margin:20px 0 20px 0;
		line-height:1.6;
	}
	.ov_list ul li div p:nth-of-type(2) span{
		display:inline-block; 
		line-height:1.6;
		box-sizing:border-box;
		word-break:keep-all;
		text-align:justify;
		color:#333;
		
	}
	.ov_list ul li div p:nth-of-type(2) em{position:absolute; right:30px; bottom:20px; font-style:normal;}
	.ov_list ul li div:hover em{
		background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
		border:1px solid #3c9cd9; color:#3c9cd9;
	}
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(1){float:right;}
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(2){float:left; padding:30px 30px 0 30px; }
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(2) img,
	.ov_list ul li:nth-of-type(3) div p:nth-of-type(2) img{width:160px;}


	/* 인사말 */
	.sub_tit2{
		width:100%; margin:60px auto 0px auto;
		text-align:center;
	}
	.sub_tit2 span{
		display:inline-block;
		font-size:1.9em; color:#353535;
		padding:10px 40px;
		box-sizing:border-box;
		text-align:center;
		line-height:1.7em;
		letter-spacing:-1px;
	}
	.sub_tit2 span strong{display:block; font-size:1.2em; color:#132f59; }
	.sub_tit2 p{
		text-align:left; padding:60px 30px 40px 30px;
		white-space:pre-line;
		font-size:24px; line-height:1.6; color:#4D2E54; display:block; 
		font-weight:bold;
	}
		
	.ceo{
		background-color:#F4F0EC;
	}
	.ceo .info{
		width:100%; margin:0 auto;
		font-size:1.1em; color:#353535; 
		position:relative; 
		padding:10px 25px 50px 30px; box-sizing:border-box;
		text-align:justify;
		box-sizing:border-box;
	}
	.ceo .info strong{font-size:1.2em; line-height:1.6em; color:#132f59; display:inline-block; padding:0px;}
	.ceo .info span{font-size:1em; line-height:2; color:#353535; display:block; text-align:justify; word-break:keep-all; white-space:pre-line; padding:30px 0 0 0;}
	.ceo .info span:nth-of-type(3){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(4){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(5){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(6){text-align:justify; white-space:normal;}
	.ceo .info img{position:absolute; top:-310px; right:50px;}
	.c_sign{
		width:100%; margin:50px auto 200px auto;  padding-right:50px; box-sizing:border-box;
		text-align:right; font-size:1.3em; font-weight:bold; line-height:70px; color:#000;
	}
	.c_sign img{vertical-align:middle;}


	/* 마일스톤 */
	.mileston{
		width:100%; height:1400px; margin:0px auto;
		background:#e3e3e3 url('../../../assets/images/bg_mile.jpg') 0 150px no-repeat;
		background-size:100%; overflow:auto;
	}

	.mileston {
		scrollbar-3dLight-Color: #e3e3e3; 
		scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #e3e3e3;
		scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #e3e3e3; 
		scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #e3e3e3; scrollbar-Shadow-Color: #e3e3e3
	}
	.mileston::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
	.mileston::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px;}
	.mileston::-webkit-scrollbar-track {background: #e3e3e3; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
	.mileston::-webkit-scrollbar-thumb {height: 8px; width: 8px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

	.mileston div{
		width:90%; margin:40px auto;background-color:rgba(255,255,255,0.6); 
		box-sizing:border-box; padding:20px 30px;
	}
	.mileston div p{
		font-size:4em; color:#fff; font-weight:bold; width:90%; margin:0 auto;
	}
	.mileston div dl{
		width:90%; margin:0 auto;
		padding:20px 0 0 0px; position:relative;
	}
	.mileston div dl dt{
		font-size:1.6em; color:#535353; padding:0px 0 5px 20px; margin:40px 0 20px 0;
		font-weight:bold; position:relative;
		border-bottom:2px solid #fff;
		box-shadow:0px 2px rgba(0,0,0,0.1);
	}
	.mileston div dl dt:after{content:''; position:absolute; left:0px; top:15px; width:10px; height:2px; background-color:#535353;}
	.mileston div dl dd{font-size:1.2em; padding:10px 0 0 20px; color:#535353; font-weight:bold;}

	/* create people */
	.ple_body{margin-bottom:0px;}
	.ple_body div{text-align:center; padding:20px 0 0 0;}
	.ple_body .ple_list{padding:60px 0 10px 0;}
	.ple_body .ple_list h3{
		width:100%; margin:0 auto; font-size:1.7em; color:#202020; padding:0 0 20px 30px;
		box-sizing:border-box;
	}
	.ple_body .ple_list .btn{
		background:url('../../../assets/images/ic_arrow_02.png') center bottom no-repeat;
		padding:20px 0 0 0; font-size:0px; cursor:pointer;
	}
	.ple_body .ple_list .btn:hover{
		background:url('../../../assets/images/ic_arrow_02_hover2.png') center bottom no-repeat;
	}
	.ple_body .ple_list p.on{
		background:url('../../../assets/images/ic_arrow_02.png') center bottom no-repeat;
		transform:rotate(180deg);
	}
	.ple_body .ple_list .none{background:none; padding:20px 0 0 0; font-size:0px;}

	.ple_body .ple_list ul{overflow:hidden; width:94%; margin:0 auto;}
	.ple_body .ple_list ul li{
		float:left; width:19%; box-sizing:border-box; padding:6px 6px 50px 6px ;
		border:1px solid #ddd; margin:0 1.25% 15px 0; 
		background-color:#fff;
		box-shadow:0px 5px 5px -3px rgba(0,0,0,0.1);
	}
	.ple_body .ple_list ul li:nth-of-type(5n){margin-right:0;}
	.ple_body .ple_list ul li p{width:100%; height:170px; overflow:hidden;}
	.ple_body .ple_list ul li p img{width:100%;}
	.ple_body .ple_list ul li span{display:inline-block;  padding:10px;}
	.ple_body .ple_list ul li span b{display:block; font-size:1.3em; color:#202020;}
	.ple_body .ple_list ul li span em{display:inline-block; font-style:normal; padding:15px 0 0 0;}
	.ple_body .ple_list:nth-of-type(odd){background-color:#f5f7f8;}

	/* CI */
	.ci_body{width:94%; margin:0 auto;}
	.ci_txt{padding-top:50px;}
	.ci_txt dt{text-align:center; padding-bottom:30px;}
	.ci_txt dt img{vertical-align:bottom; width:50%;}
	.ci_txt dt img:nth-of-type(1){margin-right:80px; width:30%;}
	.ci_txt dd{
		border-bottom:1px solid #4d2e54;
		padding:20px 60px;
		font-size:1.2em; color:#4d2e54;
		word-break:keep-all; line-height:1.5;
	}
	.color_system{
		padding:80px 0 30px 0;
		border-bottom:1px solid #4d2e54;
	}
	.color_system h3{
		border-bottom:1px solid #4d2e54;
		padding:20px 60px;
		font-size:1.2em; color:#4d2e54;
	}
	.color_system dl{width:85%;  margin:0 auto;}
	.color_system dl dt{font-size:1.2em; color:#4d2e54; padding:30px 0 5px 0; font-weight:bold;}
	.color_system dl dd{
		font-size:0;
	}
	.color_system dl dd span{
		display:inline-block;
		width:16.66%; height:280px;
		color:#fff; text-align:center;
		white-space:pre-line; line-height:1.2;
		padding-top:20px; box-sizing:border-box;
		font-size:16px;

	}
	.color_system dl dd span:nth-of-type(1){background-color:#4d2e54;}
	.color_system dl dd span:nth-of-type(2){background-color:#a9d5e4;}
	.color_system dl dd span:nth-of-type(3){background-color:#f6f3ef; color:#4d2e54;}
	.color_system dl dd span:nth-of-type(4){background-color:#6ba4c8;}
	.color_system dl dd span:nth-of-type(5){background-color:#4d6f5d;}
	.color_system dl dd span:nth-of-type(6){background-color:#f4ecd7; color:#4d2e54;}

	.color_system dl dd:nth-of-type(2) span:nth-of-type(1){background-color:#6b5981;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(2){background-color:#a6d5ee;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(3){background-color:#dcd8d6;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(4){background-color:#54a9d2;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(5){background-color:#758d86;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(6){background-color:#fcf7d4;}

	.color_system p{margin:0 auto; width:85%; font-size:1.2em; padding-top:15px; line-height:1.4; color:#4d2e54; word-break:keep-all;}
	.ci_logo{text-align:center; margin:80px 0; }


	.ci_btn{width:90%; margin:0px auto 150px auto; text-align:center;}
	.ci_btn a{
		border:1px solid #a7a9ac; color:#132f59;
		font-size:1.2em; font-weight:bold;
		padding:23px 80px 23px 35px;
		background:url('../../../assets/images/btn_down.png') calc(100% - 35px) center no-repeat;
		display:inline-block;
		transition:.5s;
	}
	.ci_btn a:hover{
		color:#fff;
		background:#132f59 url('../../../assets/images/btn_down_on.png') calc(100% - 25px) center no-repeat;
	}

	/*----------board------------*/

	.search{
		position:absolute;
		width:98%;
		left:0; top:15px;
		text-align:right;
		font-size:0px;
	}
	.search span{
		border:1px solid #bababa; background-color:#fff; padding:6px 10px 10px 10px; 
		height:36px; box-sizing:border-box; display:inline-block;
		vertical-align:middle;
	}
	.search span select,
	.search span input{font-size:12px; border:none;outline:none;}
	.search span select{padding:0 15px;}
	.search span input{
		border-left:1px solid #bababa;
		width:300px; padding-left:10px; 
	}
	.search a{
		border:1px solid #bababa; width:40px; height:36px; box-sizing:border-box;
		margin-left:1px; display:inline-block;
		vertical-align:middle;
		background:#fff url('../../../assets/images/ic_search.png') center no-repeat;
		font-size:0;
	}
	.news_list{
		width:98%; margin:10px auto 50px auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		overflow:hidden;
	}
	.news_list li{
		width:32vw; min-height:610px;
		box-sizing:border-box;
		padding:15px; margin:10px 0px 10px 0;
		border:1px solid #fff;
		transition:.3s;
		float:left; position:relative;
		cursor:pointer;
	}
	.news_list li:hover{
		border:1px solid #d6d6d6;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.4);
	}
	.news_list li:hover em{opacity:1;}
	.news_list li:hover em{
		background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
		border:1px solid #3c9cd9; color:#3c9cd9; font-style:normal;
	}
	.news_list li p:first-of-type{
		border-radius:16px; overflow:hidden;
		width:28.9vw; height:28.9vw; margin-bottom:15px;
		position:relative;
	}
	.news_list li p:first-of-type img{width:100%;height:100%;}
	.news_list li p b{color:#00081f !important; font-size:1.2em; display:block;}
	.news_list li p:first-of-type span{
		position:absolute; color:#fff; width:90%; left:5%; top:20px;
		text-align:center; z-index:2;
	}
	.news_list li p:first-of-type strong{font-size:1.8em; color:#fff; text-align:center; display:block; padding-bottom:7px;}
	.news_list li p:last-of-type span{color:#989898; font-size:0.9em; display:inline-block; margin:10px 0; line-height:1.5em;}
	.news_list li p code{color:#989898; font-size:0.9em; display:inline-block; margin-right:30px;}
	.news_list li p em{
		display:block; margin:0 auto;
		width:60px; position:absolute; bottom:20px; left:35%;
		opacity:0;
	}
	.news_list li:hover p a{opacity:1;}


	.news_view{width:80%; margin:30px auto 150px auto; position:relative;}
	.news_view .news_body{width:100%; margin:0 auto;}
	.news_view .news_body .snsv{text-align:right; margin-bottom:30px;}
	.news_view .news_body .snsv a{display:inline-block;}
	.news_view .news_body div{text-align:center;}
	.news_view .news_body div img{max-width:100%;}
	.news_view .news_body div:nth-of-type(2) img{max-width:100%; display:block; margin:0 auto;}
	.news_view .news_body div .tit{color:#202020; font-size:22px; display:block; padding:0 0 30px 0; line-height:1.6;}
	.news_view .news_body div .txt{width:96%; margin:0px auto; text-align:left; font-size:1.2em; color:#000; line-height:24px;}
	.news_view .news_body div p{width:96%; margin:0px auto; text-align:left; }
	.news_view .news_body div:nth-of-type(2) a{
		margin:20px 0;
	}

	.news_view .news_body div .btn_s1{margin:30px 0 20px 0 !important;}

	.news_view .btn{position:absolute; top:45%; left:-80px; width:calc(100% + 160px);}
	.news_view .btn a{
		width:50px; height:50px; display:block; border:1px solid #d6d6d6;
		border-radius:25px; font-size:0;
	}
	.news_view .btn a.prev{
		float:left;
		background:#fff url('../../../assets/images/ic_prev_off.png') center no-repeat;
	}
	.news_view .btn a.prev:hover{
		background:#d6d6d6 url('../../../assets/images/ic_prev_on.png') center no-repeat;
	}
	.news_view .btn a.next{
		float:right;
		background:#fff url('../../../assets/images/ic_next_off.png') center no-repeat;
	}
	.news_view .btn a.next:hover{
		background:#d6d6d6 url('../../../assets/images/ic_next_on.png') center no-repeat;
	}
	.board_list{width:96%; margin:0 auto; position:relative; right:0px;}
	.board_list td:nth-of-type(1),.board_list th:nth-of-type(1){width:100px;}
	.board_list td:nth-of-type(3),.board_list th:nth-of-type(3){width:120px;}
	.board_list td:nth-of-type(4),.board_list th:nth-of-type(4){width:120px;}
	.board_list thead{}
	.board_list thead th{
		padding:15px 0 10px 0;
		position:relative;
		font-size:1.1em;
		
	}
	.board_list thead th:after{content:'|'; position:absolute; right:0; top:15px; color:#cacaca;}
	.board_list thead th:nth-of-type(3):after{content:''; }
	.board_list thead th:nth-of-type(4):after{content:''; }
	.board_list tbody td{
		text-align:center; border-top:1px solid #cacaca;
		font-size:0; cursor:pointer; box-sizing:border-box;
	}
	.board_list tbody td:nth-of-type(2){text-align:left; padding-left:20px;}
	.board_list tbody td em{
		width:60px; height:60px;
		border-radius:30px;
		text-align:center; line-height:60px;
		background-color:#e7e7e7;
		font-size:16px;
		display:inline-block;
		color:#202020;
		font-style:normal;
		margin:15px 0;
	}
	.board_list tbody tr:hover em{
		background-color:#41aefa;
	}
	.board_list tbody td span{
		display:inline-block;
		width:150px; text-align:center;
		font-size:14px; float:right; padding-top:15px;
	}
	.board_list tbody td span.day{}
	.board_list tbody td span.num{}
	.board_list tbody td strong{font-weight:normal; width:62vw; display:inline-block; font-size:14px; padding:15px 0; }
	.board_list tbody td strong.on{font-weight:bold;}
	.board_list tbody td p{line-height:24px; display:none; padding:0 0 15px 0; }
	.board_list tbody tr:hover td strong{font-weight:bold;}

	/*sns*/

	.sns{
		padding:80px 0;
		text-align:center;
	}
	.sns a{
		background:linear-gradient(#ffffff,#f5f6f7);
		display:inline-block;
		padding:25px 0px 30px 0px;
		width:25vw; height:35px;
		margin:0 20px;
		font-weight:bold;
		border-radius:5px;
		transition:.5s;
		box-shadow:0px 2px 2px rgba(0,0,0,0.1);
		border:1px solid #ddd;
		position:relative;
	}
	.sns a span{
		position:absolute;
		left:0;top:30px; width:100%;
		text-align:center;
	}
	.sns a span code{
		font-size:1.2em;
		line-height:1;
		color:#202020;
		background: url('../../../assets/images/btn_arrow1.png') right center no-repeat;
		font-weight:bold;
		padding:7px 25px 10px 0;
	}

	.sns a span img{width:150px;}
	.sns a span code,.sns a span img{vertical-align:middle}

	.invest_list{
		width:96%;
		margin:30px auto;
	}
	.invest_news{
		width:100%;	margin:0px 0;
	}
	.invest_news th{
		background-color:#4D2E54; color:#fff; padding:25px 0;
		font-size:18px; font-weight:normal;
	}
	.invest_news th:nth-of-type(1){width:180px;}
	.invest_news th:nth-of-type(2){}
	.invest_news th:nth-of-type(3){width:180px;}
	.invest_news tr td{
		padding:5px 0 5px 0; text-align:center;
		border-bottom:1px solid #afafaf;

	}
	.invest_news tr td:nth-of-type(1){
		text-align:center; width:180px;
	}
	.invest_news tr td:nth-of-type(2){
		text-align:center; width:500px;
	}
	.invest_news tr td:nth-of-type(3){
		text-align:center; width:180px; font-size:18px;
		line-height:1; 
	}
	.invest_news tr td span{
		width:70px; height:70px;
		border-radius:40px;
		text-align:center; line-height:1;
		background-color:#e7e7e7;
		font-size:20px;
		display:inline-block;
		color:#202020;
		font-style:normal;
		margin:0px 0 0px 0;
		box-sizing:border-box;
		padding-top:18px;
	}
	.invest_news tr td span strong{
		display:block;
		font-size:24px; color:#00081f;
		position:relative;
		line-height:.8;
	}
	.invest_news tr td span code{font-size:0.6em; color:#00081f;display:inline-block; line-height:0.5;}
	.invest_news tr td div{line-height:20px; display:none;}
	.invest_news tr td b{
		font-size:18px; color:#202020;  display:inline-block; font-weight:normal;
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
		width:56vw; line-height:1.4;position:relative; top:3px;
	}
	.invest_news tr td a{margin-top:10px;}
	.invest_news tr td:nth-of-type(2){
		text-align:left;
	}
	.invest_news caption{position:relative; bottom:-16px;}
	.invest_news caption fieldset{
		border:none;
		border-top:2px solid #999;
		padding:0; margin:0;
		padding-top:16px;
	}
	.invest_news caption fieldset legend{
		padding:0px 20px;
		font-size:1.4em; color:#000;
		margin:0px;font-weight:normal;
		background-color:transparent;
		position:absolute; top:-16px; left:calc(50% - 45px);
		background:#fff;
	}

	.invest_news tr:hover td span{
		background-color:#4D2E54; color:#fff;
	}
	.invest_news tr:hover td span strong,
	.invest_news tr:hover td span code{
		color:#fff;
	}
	.invest_news tr:hover td {cursor:pointer;}
	.invest_news tr:hover td a{
		color:#333;
		/* background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat; */
	}
	.invest_news tr:nth-of-type(even) td{
		background-color:#F4F0EC;
	}

	
	.juga{width:96%; margin:30px auto;}
	.juga .t_box{overflow:hidden;}
	.juga .t_box table{width:49.2%;}
	.juga .t_box .iv_ts01{height:194px;}
	.juga .t_box .iv_ts01 th{
		background-color:#4D2E54; color:#fff;
		font-size:16px; padding:10px; height:28px;
		 border:1px solid #ddd;
	}
	.juga .t_box .iv_ts01 td{text-align:center; padding:10px 0; font-size:16px;  border:1px solid #ddd;}
	.juga .t_box .iv_ts01 td b{font-size:44px;  font-weight:normal;}

	.juga .t_box .iv_ts02{border-top:2px solid #aaa; height:194px;}
	.juga .t_box .iv_ts02 th{
		background-color:#F4F0EC; color:#333;
		font-size:16px; padding:10px 0; font-weight:normal;
		line-height:1; width:240px;
		border:1px solid #ddd;
	}
	.juga .t_box .iv_ts02 td{text-align:center; padding:10px 0; font-size:16px; border:1px solid #ddd;}


	.juga .t_box .iv_ts03{border-top:2px solid #aaa;}
	.juga .t_box .iv_ts03 th{
		background-color:#F4F0EC; color:#333;
		font-size:16px; padding:10px 0; font-weight:normal;
		line-height:1; width:240px;
		border:1px solid #ddd;
		border-left:none;
	}
	.juga .t_box .iv_ts03 td{text-align:center; padding:10px 0; font-size:16px; border:1px solid #ddd; border-right:none;}

	.juga .iv_ts04{border-top:2px solid #aaa;}
	.juga .iv_ts04 th{
		background-color:#F4F0EC; color:#333;
		font-size:16px; padding:15px 0; font-weight:normal;
		line-height:1; width:150px;
		border:1px solid #ddd;
		border-left:none;
	}
	.juga .iv_ts04 th:last-of-type{border-right:none;}
	.juga .iv_ts04 td{text-align:center; padding:10px 0; font-size:16px; border:1px solid #ddd; border-left:none;}
	.juga .iv_ts04 td:last-of-type{border-right:none;}
	.juga .f_left{float:left;}
	.juga .f_right{float:right;}


	.page{
		text-align:center; position:relative; width:100%; margin:0px auto;
		background-color:#f5f5f5; padding:50px 0;
	}
	.page p{position:relative; width:800px; margin:0 auto;}
	.page a,
	.page span{display:inline-block; vertical-align:middle; color:#202020; font-weight:bold;}
	.page a:hover{color:#5ca6c9;}
	.page span a{padding:0 20px; transition:.5s;}
	.page span a.on{font-weight:bold; color:#5ca6c9;}
	.prev{
		position:absolute;
		left:0; top:0;
	}
	.next{
		position:absolute;
		right:0; top:0;
	}
	
}

/*-----------------------------------1000-------------------------------------------*/
@media (min-width:769px) and (max-width:1000px){
	
	.company_spot, .notice_spot, .bodo_spot, notice_spot, .invest2_spot, .ceo_spot, .mile_spot, 
	.ple_spot, .overview_spot, .invest_spot{
		width:100%; height:350px;
		position:relative;overflow:hidden;
	}
	.f_txt{position:absolute; width:100%; height:100%;}
	.f_txt img{position:relative; left:calc(50% - 1400px);}
	.f_txt p{
		position:absolute; width:100%;  height:100%;  text-align:center;
		left:0%; top:0; z-index:3;
		margin:0;
		color:#fff;
		display:flex;
		align-items:center;
	}
	.f_txt p span{display:block; font-size:1.3em; text-align:left; color:#fff; letter-spacing:-1px;}
	.f_txt p span strong{
		font-size:2em;display:block;
		white-space:pre-line; color:#fff;
		letter-spacing:-1px; line-height:1.2em;
		margin:40px 0 40px 0;
		font-weight:800;
	}
	.f_txt p span em{
		font-size:1em; font-style:normal; 
		color:#ff0000; letter-spacing:-1px;
	}
	.f_clr{color:#222 !important;}


	.s_tit{width:100%; background-color:#eaeaea; position:relative;}
	.s_tit h2{padding:22px 0; width:96%; margin:0 auto; }
	.s_tit h2 em{display:inline-block; width:180px; text-align:left; font-size:1.3em; line-height:1.3em; font-style:normal;}

	.contents{width:100%; margin:0px auto 0px 0; position:relative;}
	.sub_tit{
		font-size:1.9em; color:#000;
		padding:15px 0 0 0px;
		height:60px; width:54%; margin:60px auto 40px auto;
		font-weight:bold;
		box-sizing:border-box;
		position:relative;
		text-align:center;
	}
	.ov_cata{width:100%; margin:50px auto;}
	.ov_cata fieldset{text-align:center; border:6px solid #ebf0f5; width:45%; margin:0 auto; padding:45px 0;}
	.ov_cata fieldset legend{padding:0 30px;}
	.ov_cata fieldset .box{overflow:visible; width:174%; position:relative; left:-7%;}
	.ov_cata fieldset .box div{
		position:relative; width:50%;
	}
	.ov_cata fieldset .box div:nth-of-type(1){float:left; left:-22%;}
	.ov_cata fieldset .box div:nth-of-type(2){float:right; right:14%;}
	.ov_cata fieldset .box div p:nth-of-type(1){
		text-align:center;
		padding:50px 20px 0px 20px;
		border:1px solid #ddd; color:#616161;  font-size:0.9em;
		background:#f5f6f7 url('../../../assets/images/ic_arrow_02.png') center calc(100% - 10px) no-repeat;
		transition:.5s;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
		position:relative; z-index:2; height:150px;
		cursor:pointer;
	}
	.ov_cata fieldset .box div p:nth-of-type(1):hover{
		background:#4D2E54 url('../../../assets/images/ic_arrow_02_hover.png') center calc(100% - 10px) no-repeat;
		color:#fff;
	}
	.ov_cata fieldset .box div p:nth-of-type(1).on{
		background:#4D2E54 url('../../../assets/images/ic_arrow_02_on.png') center calc(100% - 10px) no-repeat;
		color:#fff !important;
	}
	.ov_cata fieldset .box div p:nth-of-type(1).on b,
	.ov_cata fieldset .box div p:nth-of-type(1).on span{color:#fff;}

	.ov_cata fieldset .box div p:nth-of-type(1) b{display:block; font-size:18px; padding-top:5px;transition:.5s; color:#333;}
	.ov_cata fieldset .box div p:nth-of-type(1):hover b,
	.ov_cata fieldset .box div p:nth-of-type(1):hover span{color:#fff;}
	.ov_cata fieldset .box div p:nth-of-type(1) span{
		white-space:pre-line; height:30px;
		display:inline-block; 
		padding-top:5px; transition:.5s;
	}

	.ov_cata fieldset .box div p:nth-of-type(2){
		text-align:left;
		white-space:pre-line; height:300px;
		padding:0px 30px  50px 30px; margin:20px 0 0 0; box-sizing:border-box;
		background-color:#fff;
		border:1px solid #ddd; color:#616161;  font-size:0.9em; line-height:20px;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
		cursor:pointer;
		display:none;
	}
	.ov_cata fieldset .box div p:nth-of-type(2) a{display:inline-block;}
	.ov_cata fieldset .box div p:nth-of-type(2) em{
		position:absolute; bottom:25px; left:calc(50% - 40px);
		margin:20px auto 0 auto; font-style:normal;
	}
	.ov_cata fieldset .box div p:nth-of-type(2):hover em{
		background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
		border:1px solid #3c9cd9; color:#3c9cd9;
	}

	.ov_list{}
	.ov_list .tit{
		text-align:center; font-size:18px; font-weight:bold; color:#202020;
		white-space:pre-line; line-height:1.8em; font-weight:normal;
	}
	.ov_list ul{margin:70px 0 0px 0; overflow:hidden;}
	.ov_list ul li{background-color:#F4F0EC; margin:0px 0 20px 0;}
	.ov_list ul li div{width:100%; margin:0px auto; overflow:hidden;}
	.ov_list ul li div p{float:left; width:50%; height:40vw;}
	.ov_list ul li div p:nth-of-type(1){}
	.ov_list ul li div p:nth-of-type(1) img{width:100%; height:100%;}
	.ov_list ul li div p:nth-of-type(2){
		box-sizing:border-box;
		padding:30px 30px 0 30px; position:relative;
	}
	.ov_list ul li div p:nth-of-type(2) img{width:11vw;}
	.ov_list ul li div p:nth-of-type(2) strong{
		font-size:16px; color:#464646;
		display:block; margin:15px 0 15px 0;
	}
	.ov_list ul li div p:nth-of-type(2) span{
		display:inline-block; 
		line-height:1.8;
		box-sizing:border-box;
		word-break:keep-all;
		text-align:justify;
		color:#333;
		font-size:13px;
		
	}
	.ov_list ul li div p:nth-of-type(2) em{position:absolute; right:30px; bottom:20px; font-style:normal;}
	.ov_list ul li div:hover em{
		background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
		border:1px solid #3c9cd9; color:#3c9cd9;
	}
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(1){float:right;}
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(2){float:left; padding:30px 30px 0 30px; }
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(2) img,
	.ov_list ul li:nth-of-type(3) div p:nth-of-type(2) img{width:14vw;}


	/* 인사말 */
	.sub_tit2{
		width:100%; margin:60px auto 0px auto;
		text-align:center;
	}
	.sub_tit2 span{
		display:inline-block;
		font-size:1.9em; color:#353535;
		padding:10px 40px;
		box-sizing:border-box;
		text-align:center;
		line-height:1.7em;
		letter-spacing:-1px;
	}
	.sub_tit2 span strong{display:block; font-size:1.2em; color:#132f59; }
	.sub_tit2 p{
		text-align:left; padding:60px 30px 40px 30px;
		white-space:pre-line;
		font-size:24px; line-height:1.6; color:#4D2E54; display:block; 
		font-weight:bold;
	}
		
	.ceo{
		background-color:#F4F0EC;
	}
	.ceo .info{
		width:100%; margin:0 auto;
		font-size:1.1em; color:#353535; 
		position:relative; 
		padding:10px 25px 50px 30px; box-sizing:border-box;
		text-align:justify;
		box-sizing:border-box;
	}
	.ceo .info strong{font-size:1.2em; line-height:1.6em; color:#132f59; display:inline-block; padding:0px;}
	.ceo .info span{font-size:1em; line-height:2; color:#353535; display:block; text-align:justify; word-break:keep-all; white-space:pre-line; padding:30px 0 0 0;}
	.ceo .info span:nth-of-type(3){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(4){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(5){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(6){text-align:justify; white-space:normal;}
	.ceo .info img{position:absolute; top:-300px; right:20px; width:34vw;}
	.c_sign{
		width:100%; margin:50px auto 200px auto;  padding-right:50px; box-sizing:border-box;
		text-align:right; font-size:1.3em; font-weight:bold; line-height:70px; color:#000;
	}
	.c_sign img{vertical-align:middle; }


	/* 마일스톤 */
	.mileston{
		width:100%; height:800px; margin:0px auto;
		background:#e3e3e3 url('../../../assets/images/bg_mile.jpg') 0 70px no-repeat;
		background-size:100%; overflow:auto;
	}

	.mileston {
		scrollbar-3dLight-Color: #e3e3e3; 
		scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #e3e3e3;
		scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #e3e3e3; 
		scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #e3e3e3; scrollbar-Shadow-Color: #e3e3e3
	}
	.mileston::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
	.mileston::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px;}
	.mileston::-webkit-scrollbar-track {background: #e3e3e3; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
	.mileston::-webkit-scrollbar-thumb {height: 8px; width: 8px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

	.mileston div{
		width:90%; margin:40px auto;background-color:rgba(255,255,255,0.6); 
		box-sizing:border-box; padding:20px 30px;
	}
	.mileston div p{
		font-size:4em; color:#fff; font-weight:bold; width:96%; margin:0 auto;  line-height:1.5;
	}
	.mileston div dl{
		width:90%; margin:0 auto;
		padding:20px 0 0 0px; position:relative;
	}
	.mileston div dl dt{
		font-size:1.4em; color:#535353; padding:0px 0 5px 20px; margin:40px 0 20px 0;
		font-weight:bold; position:relative;
		border-bottom:2px solid #fff;
		box-shadow:0px 2px rgba(0,0,0,0.1);
	}
	.mileston div dl dt:after{content:''; position:absolute; left:0px; top:15px; width:10px; height:2px; background-color:#535353;}
	.mileston div dl dd{font-size:1.1em; padding:10px 0 0 20px; color:#535353; font-weight:bold;}

	/* create people */
	.ple_body{margin-bottom:0px; width:100%; margin:0 auto;}
	.ple_body div{text-align:center; padding:20px 0 0 0;}
	.ple_body div img{width:100%;}
	.ple_body .ple_list{padding:60px 0 10px 0;}
	.ple_body .ple_list h3{
		width:94%; margin:0 auto; font-size:1.7em; color:#202020; padding:0 0 20px 0px;
		box-sizing:border-box;
	}
	.ple_body .ple_list .btn{
		background:url('../../../assets/images/ic_arrow_02.png') center bottom no-repeat;
		padding:20px 0 0 0; font-size:0px; cursor:pointer;
	}
	.ple_body .ple_list .btn:hover{
		background:url('../../../assets/images/ic_arrow_02_hover2.png') center bottom no-repeat;
	}
	.ple_body .ple_list p.on{
		background:url('../../../assets/images/ic_arrow_02.png') center bottom no-repeat;
		transform:rotate(180deg);
	}
	.ple_body .ple_list .none{background:none; padding:20px 0 0 0; font-size:0px;}

	.ple_body .ple_list ul{overflow:hidden; width:94%; margin:0 auto;}
	.ple_body .ple_list ul li{
		float:left; width:32%; box-sizing:border-box; padding:6px 6px 50px 6px ;
		border:1px solid #ddd; margin:0 1.9% 15px 0; 
		background-color:#fff;
		box-shadow:0px 5px 5px -3px rgba(0,0,0,0.1);
	}
	.ple_body .ple_list ul li:nth-of-type(3n){margin-right:0;}
	.ple_body .ple_list ul li p{width:100%; height:206px; overflow:hidden;}
	.ple_body .ple_list ul li p img{width:100%;}
	.ple_body .ple_list ul li span{display:inline-block;  padding:10px;}
	.ple_body .ple_list ul li span b{display:block; font-size:1.3em; color:#202020;}
	.ple_body .ple_list ul li span em{display:inline-block; font-style:normal; padding:15px 0 0 0;}
	.ple_body .ple_list:nth-of-type(odd){background-color:#f5f7f8;}

	/* CI */
	.ci_body{width:94%; margin:0 auto;}
	.ci_txt{padding-top:50px;}
	.ci_txt dt{text-align:center; padding-bottom:30px;}
	.ci_txt dt img{vertical-align:bottom; width:50%;}
	.ci_txt dt img:nth-of-type(1){margin-right:80px; width:30%;}
	.ci_txt dd{
		border-bottom:1px solid #4d2e54;
		padding:20px 30px;
		font-size:1.7vw; color:#4d2e54;
		word-break:keep-all; line-height:1.5;
	}
	.color_system{
		padding:80px 0 30px 0;
		border-bottom:1px solid #4d2e54;
	}
	.color_system h3{
		border-bottom:1px solid #4d2e54;
		padding:20px 30px;
		font-size:1.7vw; color:#4d2e54;
	}
	.color_system dl{width:85%;  margin:0 auto;}
	.color_system dl dt{font-size:1.7vw; color:#4d2e54; padding:30px 0 5px 0; font-weight:bold;}
	.color_system dl dd{
		font-size:0;
	}
	.color_system dl dd span{
		display:inline-block;
		width:16.66%; height:26vw;
		color:#fff; text-align:center;
		white-space:pre-line; line-height:1.2;
		padding-top:20px; box-sizing:border-box;
		font-size:1.5vw;

	}
	.color_system dl dd span:nth-of-type(1){background-color:#4d2e54;}
	.color_system dl dd span:nth-of-type(2){background-color:#a9d5e4;}
	.color_system dl dd span:nth-of-type(3){background-color:#f6f3ef; color:#4d2e54;}
	.color_system dl dd span:nth-of-type(4){background-color:#6ba4c8;}
	.color_system dl dd span:nth-of-type(5){background-color:#4d6f5d;}
	.color_system dl dd span:nth-of-type(6){background-color:#f4ecd7; color:#4d2e54;}

	.color_system dl dd:nth-of-type(2) span:nth-of-type(1){background-color:#6b5981;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(2){background-color:#a6d5ee;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(3){background-color:#dcd8d6;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(4){background-color:#54a9d2;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(5){background-color:#758d86;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(6){background-color:#fcf7d4;}

	.color_system p{margin:0 auto; width:85%; font-size:1.5vw; padding-top:15px; line-height:1.4; color:#4d2e54; word-break:keep-all;}
	.ci_logo{text-align:center; margin:80px 0;}
	.ci_logo img{width:35%;}


	.ci_btn{width:90%; margin:0px auto 150px auto; text-align:center;}
	.ci_btn a{
		border:1px solid #a7a9ac; color:#132f59;
		font-size:1.2em; font-weight:bold;
		padding:23px 80px 23px 35px;
		background:url('../../../assets/images/btn_down.png') calc(100% - 35px) center no-repeat;
		display:inline-block;
		transition:.5s;
	}
	.ci_btn a:hover{
		color:#fff;
		background:#132f59 url('../../../assets/images/btn_down_on.png') calc(100% - 25px) center no-repeat;
	}

	/*----------board------------*/

	.search{
		position:absolute;
		width:98%;
		left:0; top:15px;
		text-align:right;
		font-size:0px;
	}
	.search span{
		border:1px solid #bababa; background-color:#fff; padding:6px 10px 10px 10px; 
		height:36px; box-sizing:border-box; display:inline-block;
		vertical-align:middle;
	}
	.search span select,
	.search span input{font-size:12px; border:none;outline:none;}
	.search span select{padding:0 15px;}
	.search span input{
		border-left:1px solid #bababa;
		width:300px; padding-left:10px; 
	}
	.search a{
		border:1px solid #bababa; width:40px; height:36px; box-sizing:border-box;
		margin-left:1px; display:inline-block;
		vertical-align:middle;
		background:#fff url('../../../assets/images/ic_search.png') center no-repeat;
		font-size:0;
	}
	.news_list{
		width:100%; margin:20px auto 50px auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		overflow:hidden;
	}
	.news_list li{
		width:33.3%; min-height:600px;
		box-sizing:border-box;
		padding:13px; margin:25px 0px 10px 0;
		border:1px solid #fff;
		transition:.3s;
		float:left; position:relative;
		cursor:pointer;
	}

	.news_list li:hover{
		border:1px solid #d6d6d6;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.4);
	}
	.news_list li:hover em{opacity:1;}
	.news_list li:hover em{
		background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
		border:1px solid #3c9cd9; color:#3c9cd9; font-style:normal;
	}
	.news_list li p:first-of-type{
		border-radius:16px; overflow:hidden;
		width:30vw; height:30vw; margin-bottom:15px;
		position:relative;
	}
	.news_list li p:first-of-type img{width:100%;height:100%;}
	.news_list li p b{color:#00081f !important; font-size:1.2em; display:block;}
	.news_list li p:first-of-type span{
		position:absolute; color:#fff; width:90%; left:5%; top:20px;
		text-align:center; z-index:2;
	}
	.news_list li p:first-of-type strong{font-size:1.8em; color:#fff; text-align:center; display:block; padding-bottom:7px;}
	.news_list li p:last-of-type span{color:#989898; font-size:0.9em; display:inline-block; margin:10px 0; line-height:1.5em;}
	.news_list li p code{color:#989898; font-size:0.9em; display:inline-block; margin-right:30px;}
	.news_list li p em{
		display:block; margin:0 auto;
		width:60px; position:absolute; bottom:20px; left:30%;
		opacity:0;
	}
	.news_list li:hover p a{opacity:1;}


	.news_view{width:80%; margin:30px auto 150px auto; position:relative;}
	.news_view .news_body{width:100%; margin:0 auto;}
	.news_view .news_body .snsv{text-align:right; margin-bottom:30px;}
	.news_view .news_body .snsv a{display:inline-block;}
	.news_view .news_body div{text-align:center;}
	.news_view .news_body div img{max-width:100%;}
	.news_view .news_body div:nth-of-type(2) img{max-width:100%; display:block; margin:0 auto;}
	.news_view .news_body div .tit{color:#202020; font-size:22px; display:block; padding:0 0 40px 0; line-height:1.5;}
	.news_view .news_body div .txt{width:96%; margin:0px auto; text-align:left; font-size:1.2em; color:#000; line-height:24px;}
	.news_view .news_body div p{width:96%; margin:0px auto; text-align:left; }
	.news_view .news_body div:nth-of-type(2) a{
		margin:20px 0;
	}
	.news_view .news_body div .btn_s1{margin:30px 0 20px 0 !important;}

	.news_view .btn{position:absolute; top:45%; left:-80px; width:calc(100% + 160px);}
	.news_view .btn a{
		width:50px; height:50px; display:block; border:1px solid #d6d6d6;
		border-radius:25px; font-size:0;
	}
	.news_view .btn a.prev{
		float:left;
		background:#fff url('../../../assets/images/ic_prev_off.png') center no-repeat;
	}
	.news_view .btn a.prev:hover{
		background:#d6d6d6 url('../../../assets/images/ic_prev_on.png') center no-repeat;
	}
	.news_view .btn a.next{
		float:right;
		background:#fff url('../../../assets/images/ic_next_off.png') center no-repeat;
	}
	.news_view .btn a.next:hover{
		background:#d6d6d6 url('../../../assets/images/ic_next_on.png') center no-repeat;
	}
	.board_list{width:96%; margin:0 auto; position:relative; right:0px;}
	.board_list td:nth-of-type(1),.board_list th:nth-of-type(1){width:100px;}
	.board_list td:nth-of-type(3),.board_list th:nth-of-type(3){width:120px;}
	.board_list td:nth-of-type(4),.board_list th:nth-of-type(4){width:120px;}
	.board_list thead{}
	.board_list thead th{
		padding:15px 0 10px 0;
		position:relative;
		font-size:1.1em;
		
	}
	.board_list thead th:after{content:'|'; position:absolute; right:0; top:15px; color:#cacaca;}
	.board_list thead th:nth-of-type(3):after{content:''; }
	.board_list thead th:nth-of-type(4):after{content:''; }
	.board_list tbody td{
		text-align:center; border-top:1px solid #cacaca;
		font-size:0; cursor:pointer; box-sizing:border-box;
	}
	.board_list tbody td:nth-of-type(2){text-align:left; padding-left:20px;}
	.board_list tbody td em{
		width:60px; height:60px;
		border-radius:30px;
		text-align:center; line-height:60px;
		background-color:#e7e7e7;
		font-size:16px;
		display:inline-block;
		color:#202020;
		font-style:normal;
		margin:15px 0;
	}
	.board_list tbody tr:hover em{
		background-color:#41aefa;
	}
	.board_list tbody td span{
		display:inline-block;
		width:130px; text-align:center;
		font-size:14px; float:right; padding-top:15px;
	}
	.board_list tbody td span.day{}
	.board_list tbody td span.num{}
	.board_list tbody td strong{font-weight:normal; width:62vw; display:inline-block; font-size:14px; padding:15px 0; }
	.board_list tbody td strong.on{font-weight:bold;}
	.board_list tbody td p{line-height:24px; display:none; padding:0 0 15px 0; }
	.board_list tbody tr:hover td strong{font-weight:bold;}

	/*sns*/

	.sns{
		padding:80px 0;
		text-align:center;
	}
	.sns a{
		background:linear-gradient(#ffffff,#f5f6f7);
		display:inline-block;
		padding:25px 0px 30px 0px;
		width:25vw; height:35px;
		margin:0 20px;
		font-weight:bold;
		border-radius:5px;
		transition:.5s;
		box-shadow:0px 2px 2px rgba(0,0,0,0.1);
		border:1px solid #ddd;
		position:relative;
	}
	.sns a span{
		position:absolute;
		left:0;top:30px; width:100%;
		text-align:center;
	}
	.sns a span code{
		font-size:1.2em;
		line-height:1;
		color:#202020;
		background: url('../../../assets/images/btn_arrow1.png') right center no-repeat;
		font-weight:bold;
		padding:7px 25px 10px 0;
	}

	.sns a span img{width:150px;}
	.sns a span code,.sns a span img{vertical-align:middle}


	.invest_list{
		width:96%;
		margin:30px auto;
	}
	.invest_news{
		width:100%;	margin:0px 0;
	}
	.invest_news th{
		background-color:#4D2E54; color:#fff; padding:25px 0;
		font-size:16px; font-weight:normal;
	}
	.invest_news th:nth-of-type(1){width:150px;}
	.invest_news th:nth-of-type(2){width:auto;}
	.invest_news th:nth-of-type(3){width:150px;}
	.invest_news tr td{
		padding:5px 0 5px 0; text-align:center;
		border-bottom:1px solid #afafaf;

	}
	.invest_news tr td:nth-of-type(1){
		text-align:center; width:150px;
	}
	.invest_news tr td:nth-of-type(2){
		text-align:center; width:auto;
	}
	.invest_news tr td:nth-of-type(3){
		text-align:center; width:150px; font-size:16px;
		line-height:1; 
	}
	.invest_news tr td span{
		width:70px; height:70px;
		border-radius:40px;
		text-align:center; line-height:1;
		background-color:#e7e7e7;
		font-size:18px;
		display:inline-block;
		color:#202020;
		font-style:normal;
		margin:0px 0 0px 0;
		box-sizing:border-box;
		padding-top:18px;
	}
	.invest_news tr td span strong{
		display:block;
		font-size:22px; color:#00081f;
		position:relative;
		line-height:.8;
	}
	.invest_news tr td span code{font-size:0.6em; color:#00081f;display:inline-block; line-height:0.5;}
	.invest_news tr td div{line-height:20px; display:none;}
	.invest_news tr td b{
		font-size:16px; color:#202020;  display:inline-block; font-weight:normal;
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
		width:56vw; line-height:1.4; position:relative; top:3px;
	}
	.invest_news tr td a{margin-top:10px;}
	.invest_news tr td:nth-of-type(2){
		text-align:left;
	}
	.invest_news caption{position:relative; bottom:-16px;}
	.invest_news caption fieldset{
		border:none;
		border-top:2px solid #999;
		padding:0; margin:0;
		padding-top:16px;
	}
	.invest_news caption fieldset legend{
		padding:0px 20px;
		font-size:1.4em; color:#000;
		margin:0px;font-weight:normal;
		background-color:transparent;
		position:absolute; top:-16px; left:calc(50% - 45px);
		background:#fff;
	}

	.invest_news tr:hover td span{
		background-color:#4D2E54; color:#fff;
	}
	.invest_news tr:hover td span strong,
	.invest_news tr:hover td span code{
		color:#fff;
	}
	.invest_news tr:hover td {cursor:pointer;}
	.invest_news tr:hover td a{

	}
	.invest_news tr:nth-of-type(even) td{
		background-color:#F4F0EC;
	}

	.juga{width:96%; margin:30px auto;}
	.juga .t_box{overflow:hidden;}
	.juga .t_box table{width:49.2%;}
	.juga .t_box .iv_ts01{height:194px;}
	.juga .t_box .iv_ts01 th{
		background-color:#4D2E54; color:#fff;
		font-size:16px; padding:10px; height:28px;
		 border:1px solid #ddd;
	}
	.juga .t_box .iv_ts01 td{text-align:center; padding:10px 0; font-size:16px;  border:1px solid #ddd;}
	.juga .t_box .iv_ts01 td b{font-size:44px;  font-weight:normal;}

	.juga .t_box .iv_ts02{border-top:2px solid #aaa; height:194px;}
	.juga .t_box .iv_ts02 th{
		background-color:#F4F0EC; color:#333;
		font-size:16px; padding:10px 0; font-weight:normal;
		line-height:1; width:200px;
		border:1px solid #ddd;
	}
	.juga .t_box .iv_ts02 td{text-align:center; padding:10px 0; font-size:16px; border:1px solid #ddd;}


	.juga .t_box .iv_ts03{border-top:2px solid #aaa;}
	.juga .t_box .iv_ts03 th{
		background-color:#F4F0EC; color:#333;
		font-size:16px; padding:10px 0; font-weight:normal;
		line-height:1; width:200px;
		border:1px solid #ddd;
		border-left:none;
	}
	.juga .t_box .iv_ts03 td{text-align:center; padding:10px 0; font-size:16px; border:1px solid #ddd; border-right:none;}

	.juga .iv_ts04{border-top:2px solid #aaa;}
	.juga .iv_ts04 th{
		background-color:#F4F0EC; color:#333;
		font-size:16px; padding:15px 0; font-weight:normal;
		line-height:1; width:150px;
		border:1px solid #ddd;
		border-left:none;
	}
	.juga .iv_ts04 th:last-of-type{border-right:none;}
	.juga .iv_ts04 td{text-align:center; padding:10px 0; font-size:16px; border:1px solid #ddd; border-left:none;}
	.juga .iv_ts04 td:last-of-type{border-right:none;}
	.juga .f_left{float:left;}
	.juga .f_right{float:right;}


	.text-center{width:800px; margin:0 auto; padding:20px 0;}

	.page{
		text-align:center; position:relative; width:100%; margin:0px auto;
		background-color:#f5f5f5; padding:50px 0;
	}
	.page p{position:relative; width:800px; margin:0 auto;}
	.page a,
	.page span{display:inline-block; vertical-align:middle; color:#202020; font-weight:bold;}
	.page a:hover{color:#5ca6c9;}
	.page span a{padding:0 20px; transition:.5s;}
	.page span a.on{font-weight:bold; color:#5ca6c9;}
	.prev{
		position:absolute;
		left:0; top:0;
	}
	.next{
		position:absolute;
		right:0; top:0;
	}
	
}
/*-----------------------------------768-------------------------------------------*/
@media (min-width:481px) and (max-width:768px){
	
	.company_spot, .notice_spot, .bodo_spot, notice_spot, .invest2_spot, .ceo_spot, .mile_spot, 
	.ple_spot, .overview_spot, .invest_spot{
		width:100%; height:350px;
		position:relative;overflow:hidden;
	}
	.f_txt{position:absolute; width:100%; height:100%;}
	.f_txt img{position:relative; left:calc(50% - 1400px);}
	.f_txt p{
		position:absolute; width:100%;  height:100%;  text-align:center;
		left:0%; top:0; z-index:3;
		margin:0;
		color:#fff;
		display:flex;
		align-items:center;
	}
	.f_txt p span{display:block; font-size:1em; text-align:left; color:#fff; letter-spacing:-1px;}
	.f_txt p span strong{
		font-size:2em;display:block;
		white-space:pre-line; color:#fff;
		letter-spacing:-1px; line-height:1.2em;
		margin:40px 0 40px 0;
		font-weight:800;
	}
	.f_txt p span em{
		font-size:1em; font-style:normal; 
		color:#ff0000; letter-spacing:-1px;
	}
	.f_clr{color:#222 !important;}


	.s_tit{width:100%; background-color:#eaeaea; position:relative;}
	.s_tit h2{padding:22px 0; width:90%; margin:0 auto; }
	.s_tit h2 em{display:inline-block; width:180px; text-align:left; font-size:1.3em; line-height:1.3em; font-style:normal;}

	.contents{width:100%; margin:0px auto 0px 0; position:relative;}
	.sub_tit{
		font-size:1.9em; color:#000;
		padding:15px 0 0 0px;
		height:60px; width:54%; margin:60px auto 40px auto;
		font-weight:bold;
		box-sizing:border-box;
		position:relative;
		text-align:center;
	}
	.ov_cata{width:100%; margin:50px auto 20px auto;overflow:hidden;}
	.ov_cata fieldset{text-align:center; border:6px solid #ebf0f5; width:45%; margin:0 auto; padding:25px 0;}
	.ov_cata fieldset legend{padding:0 10px; width:70%; margin:0 auto;}
	.ov_cata fieldset legend img{width:100%;}
	.ov_cata fieldset .box{overflow:visible; width:200%; position:relative; left:-49%;}
	.ov_cata fieldset .box div{
		position:relative; width:48%; 
	}
	.ov_cata fieldset .box div:nth-of-type(1){float:left; left:0%;}
	.ov_cata fieldset .box div:nth-of-type(2){float:right; right:0%; }
	.ov_cata fieldset .box div p:nth-of-type(1){
		text-align:center;
		padding:20px 0px 30px 0px;
		border:1px solid #ddd; color:#616161;  font-size:0.9em;
		background:#f5f6f7 url('../../../assets/images/ic_arrow_02.png') center calc(100% - 10px) no-repeat;
		transition:.5s;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
		position:relative; z-index:2; height:auto;
		cursor:pointer;
	}
	.ov_cata fieldset .box div p:nth-of-type(1) img{width:50%;}
	.ov_cata fieldset .box div p:nth-of-type(1):hover{
		background:#4D2E54 url('../../../assets/images/ic_arrow_02_hover.png') center calc(100% - 10px) no-repeat;
		color:#fff;
	}
	.ov_cata fieldset .box div p:nth-of-type(1).on{
		background:#4D2E54 url('../../../assets/images/ic_arrow_02_on.png') center calc(100% - 10px) no-repeat;
		color:#fff !important;
	}
	.ov_cata fieldset .box div p:nth-of-type(1).on b,
	.ov_cata fieldset .box div p:nth-of-type(1).on span{color:#fff;}

	.ov_cata fieldset .box div p:nth-of-type(1) b{display:block; font-size:1em; padding-top:5px;transition:.5s;}
	.ov_cata fieldset .box div p:nth-of-type(1):hover b,
	.ov_cata fieldset .box div p:nth-of-type(1):hover span{color:#fff;}
	.ov_cata fieldset .box div p:nth-of-type(1) span{
		white-space:pre-line; height:30px;
		display:inline-block; 
		padding-top:5px; transition:.5s;
		font-size:0.9em;
	}

	.ov_cata fieldset .box div p:nth-of-type(2){
		text-align:left;
		white-space:normal; height:auto;
		padding:20px 20px 60px 20px; margin:20px 0 0 0; box-sizing:border-box;
		background-color:#fff;
		border:1px solid #ddd; color:#616161;  font-size:0.8em; line-height:20px;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
		position:relative;
		display:none; width:208%;
	}
	.ov_cata fieldset .box div:nth-of-type(2) p:nth-of-type(2){
		left:-109%;
	}
	.ov_cata fieldset .box div p:nth-of-type(2) em{50% - 50px);
		margin:20px auto 0 auto; font-style:normal;
		width:60px;
	}
	.ov_cata fieldset .box div p:nth-of-type(2):hover em{
		background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
		border:1px solid #3c9cd9; color:#3c9cd9;
	}

	.ov_list{}
	.ov_list .tit{
		text-align:center; font-size:18px; font-weight:bold; color:#202020;
		white-space:pre-line; line-height:1.8em; font-weight:normal;
		display:none;
	}
	.ov_list ul{margin:70px 0 0px 0; overflow:hidden;}
	.ov_list ul li{background-color:#F4F0EC; margin:0px 0 20px 0;}
	.ov_list ul li div{width:100%; margin:0px auto; overflow:hidden; padding:0px 0 80px 0;}
	.ov_list ul li div p{float:none; width:100%; height:auto;}
	.ov_list ul li div p:nth-of-type(1){}
	.ov_list ul li div p:nth-of-type(1) img{width:100%; height:100%;}
	.ov_list ul li div p:nth-of-type(2){
		box-sizing:border-box;
		padding:20px 20px 0 20px; position:relative;
	}
	.ov_list ul li div p:nth-of-type(2) img{width:20vw;}
	.ov_list ul li div p:nth-of-type(2) strong{
		font-size:16px; color:#464646;
		display:block; margin:15px 0 15px 0;
	}
	.ov_list ul li div p:nth-of-type(2) span{
		display:inline-block; 
		line-height:1.8;
		box-sizing:border-box;
		word-break:keep-all;
		text-align:justify;
		color:#333;
		font-size:13px;
		
	}
	.ov_list ul li div p:nth-of-type(2) em{position:absolute; right:20px; bottom:-50px; font-style:normal;}
	.ov_list ul li div:hover em{
		background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
		border:1px solid #3c9cd9; color:#3c9cd9;
	}
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(1){float:none;}
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(2){float:none; padding:20px 20px 0 20px; }
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(2) img,
	.ov_list ul li:nth-of-type(3) div p:nth-of-type(2) img{width:26vw;}


	/* 인사말 */
	.sub_tit2{
		width:100%; margin:14vw auto 0px auto;
		text-align:center;
	}
	.sub_tit2 span{
		display:inline-block;
		font-size:1.9em; color:#353535;
		padding:10px 40px;
		box-sizing:border-box;
		text-align:center;
		line-height:1.7em;
		letter-spacing:-1px;
	}
	.sub_tit2 span strong{display:block; font-size:1.2em; color:#132f59; }
	.sub_tit2 p{
		text-align:left; padding:60px 30px 40px 30px;
		white-space:normal;
		font-size:18px; line-height:1.6; color:#4D2E54; display:block; 
		font-weight:bold;
		word-break:keep-all; 
		width:60vw;
	}
		
	.ceo{
		background-color:#F4F0EC;
	}
	.ceo .info{
		width:100%; margin:0 auto;
		font-size:1em; color:#353535; 
		position:relative; 
		padding:10px 25px 50px 30px; box-sizing:border-box;
		text-align:justify;
		box-sizing:border-box;
	}
	.ceo .info strong{font-size:1.2em; line-height:1.6em; color:#132f59; display:inline-block; padding:0px;}
	.ceo .info span{font-size:1em; line-height:1.8; color:#353535; display:block; text-align:justify; word-break:keep-all; white-space:normal; padding:20px 0 0 0;}
	.ceo .info span:nth-of-type(3){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(4){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(5){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(6){text-align:justify; white-space:normal;}
	.ceo .info img{position:absolute; top:-42vw; right:0px; width:36vw;}
	.c_sign{
		width:100%; margin:30px auto 100px auto;  padding-right:20px; box-sizing:border-box;
		text-align:right; font-size:1em; font-weight:bold; line-height:70px; color:#000;
	}
	.c_sign img{vertical-align:middle; }


	/* 마일스톤 */
	.mileston{
		width:100%; height:600px; margin:0px auto;
		background:#e3e3e3 url('../../../assets/images/bg_mile.jpg') center 50px no-repeat;
		background-size:120%; overflow:auto;
	}

	.mileston {
		scrollbar-3dLight-Color: #e3e3e3; 
		scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #e3e3e3;
		scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #e3e3e3; 
		scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #e3e3e3; scrollbar-Shadow-Color: #e3e3e3
	}
	.mileston::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
	.mileston::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px;}
	.mileston::-webkit-scrollbar-track {background: #e3e3e3; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
	.mileston::-webkit-scrollbar-thumb {height: 8px; width: 8px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

	.mileston div{
		width:90%; margin:20px auto;background-color:rgba(255,255,255,0.6); 
		box-sizing:border-box; padding:10px 0px;
	}
	.mileston div p{
		font-size:7vw; color:#fff; font-weight:bold; width:90%; margin:0 auto;
	}
	.mileston div dl{
		width:90%; margin:0 auto;
		padding:0px 0 0 0px; position:relative;
	}
	.mileston div dl dt{
		font-size:1.2em; color:#535353; padding:0px 0 5px 20px; margin:30px 0 20px 0;
		font-weight:bold; position:relative;
		border-bottom:2px solid #fff;
		box-shadow:0px 2px rgba(0,0,0,0.1);
	}
	.mileston div dl dt:after{content:''; position:absolute; left:0px; top:15px; width:10px; height:2px; background-color:#535353;}
	.mileston div dl dd{font-size:1em; padding:10px 0 0 20px; color:#535353; font-weight:bold; line-height:1.5;}

	/* create people */
	.ple_body{margin-bottom:0px;}
	.ple_body div{text-align:center; padding:20px 0 0 0;}
	.ple_body div img{width:100%;}
	.ple_body .ple_list{padding:60px 0 10px 0;}
	.ple_body .ple_list h3{
		width:90%; margin:0 auto; font-size:1.4em; color:#202020; padding:0 0 20px 0px;
		box-sizing:border-box;
	}
	.ple_body .ple_list .btn{
		background:url('../../../assets/images/ic_arrow_02.png') center bottom no-repeat;
		padding:20px 0 0 0; font-size:0px; cursor:pointer;
	}
	.ple_body .ple_list .btn:hover{
		background:url('../../../assets/images/ic_arrow_02_hover2.png') center bottom no-repeat;
	}
	.ple_body .ple_list p.on{
		background:url('../../../assets/images/ic_arrow_02.png') center bottom no-repeat;
		transform:rotate(180deg);
	}
	.ple_body .ple_list .none{background:none; padding:20px 0 0 0; font-size:0px;}

	.ple_body .ple_list ul{overflow:hidden; width:90%; margin:0 auto;}
	.ple_body .ple_list ul li{
		float:left; width:48.5%; box-sizing:border-box; padding:6px 6px 10px 6px ;
		border:1px solid #ddd; margin:0 3% 15px 0; 
		background-color:#fff;
		box-shadow:0px 5px 5px -3px rgba(0,0,0,0.1);
	}
	.ple_body .ple_list ul li:nth-of-type(5n){margin-right:3%;}
	.ple_body .ple_list ul li:nth-of-type(2n){margin-right:0 !important;}
	.ple_body .ple_list ul li p{width:100%; height:auto; overflow:hidden;}
	.ple_body .ple_list ul li p img{width:100%;}
	.ple_body .ple_list ul li span{display:inline-block;  padding:10px;}
	.ple_body .ple_list ul li span b{display:block; font-size:1em; color:#202020;}
	.ple_body .ple_list ul li span em{display:inline-block; font-style:normal; padding:5px 0 0 0;}
	.ple_body .ple_list:nth-of-type(odd){background-color:#f5f7f8;}

	/* CI */
	.ci_body{width:94%; margin:0 auto;}
	.ci_txt{padding-top:50px;}
	.ci_txt dt{text-align:center; padding-bottom:30px;}
	.ci_txt dt img{vertical-align:bottom; width:70%; display:block; margin:0 auto;}
	.ci_txt dt img:nth-of-type(1){margin:0px auto 50px auto; width:40%;}
	.ci_txt dd{
		border-bottom:1px solid #4d2e54;
		padding:20px 10px;
		font-size:2.4vw; color:#4d2e54;
		word-break:keep-all; line-height:1.8;
	}
	.color_system{
		padding:80px 0 30px 0;
		border-bottom:1px solid #4d2e54;
	}
	.color_system h3{
		border-bottom:1px solid #4d2e54;
		padding:20px 10px;
		font-size:2.4vw; color:#4d2e54;
	}
	.color_system dl{width:85%;  margin:0 auto;}
	.color_system dl dt{font-size:2.4vw; color:#4d2e54; padding:30px 0 5px 0; font-weight:bold;}
	.color_system dl dd{
		font-size:0;
	}
	.color_system dl dd span{
		display:inline-block;
		width:33.3%; height:42vw;
		color:#fff; text-align:center;
		white-space:pre-line; line-height:1.2;
		padding-top:20px; box-sizing:border-box;
		font-size:2.4vw;

	}
	.color_system dl dd span:nth-of-type(1){background-color:#4d2e54;}
	.color_system dl dd span:nth-of-type(2){background-color:#a9d5e4;}
	.color_system dl dd span:nth-of-type(3){background-color:#f6f3ef; color:#4d2e54;}
	.color_system dl dd span:nth-of-type(4){background-color:#6ba4c8;}
	.color_system dl dd span:nth-of-type(5){background-color:#4d6f5d;}
	.color_system dl dd span:nth-of-type(6){background-color:#f4ecd7; color:#4d2e54;}

	.color_system dl dd:nth-of-type(2) span:nth-of-type(1){background-color:#6b5981;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(2){background-color:#a6d5ee;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(3){background-color:#dcd8d6;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(4){background-color:#54a9d2;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(5){background-color:#758d86;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(6){background-color:#fcf7d4;}

	.color_system p{margin:0 auto; width:85%; font-size:2.4vw; padding-top:15px; line-height:1.4; color:#4d2e54; word-break:keep-all;}
	.ci_logo{text-align:center; margin:80px 0; display:none;}
	.ci_logo img{width:35%;}


	.ci_btn{width:90%; margin:50px auto 60px auto; text-align:center;}
	.ci_btn a{
		border:1px solid #a7a9ac; color:#132f59;
		font-size:1.2em; font-weight:bold;
		padding:23px 80px 23px 35px;
		background:url('../../../assets/images/btn_down.png') calc(100% - 35px) center no-repeat;
		display:inline-block;
		transition:.5s;
	}
	.ci_btn a:hover{
		color:#fff;
		background:#132f59 url('../../../assets/images/btn_down_on.png') calc(100% - 25px) center no-repeat;
	}

	/*----------board------------*/

	.search{
		position:absolute;
		width:98%; margin:0 auto;
		padding:15px 0 15px 0;
		left:0; top:0px;
		text-align:right;
		font-size:0px;
	}
	.search span{
		border:1px solid #bababa; background-color:#fff; padding:8px 3% 8px 3%; 
		height:36px; box-sizing:border-box; display:inline-block;
		vertical-align:middle; width:auto;
	}
	.search span select,
	.search span input{font-size:12px; border:none; outline:none;}
	.search span select{padding:0 5px; width:30%; background-color:#fff;}
	.search span input{
		border-left:1px solid #bababa;
		width:60%; padding-left:10px; 
	}
	.search a{
		border:1px solid #bababa; width:50px; height:36px; box-sizing:border-box;
		margin-left:1px; display:inline-block;
		vertical-align:middle;
		background:#fff url('../../../assets/images/ic_search.png') center no-repeat;
		font-size:0;
	}
	.news_list{
		width:90%; margin:20px auto 50px auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		overflow:hidden;
	}
	.news_list li{
		width:47%; min-height:auto;
		box-sizing:border-box;
		padding:0px; margin:25px 0px 25px 0;
		border:1px solid #fff;
		transition:.3s;
		float:none; position:relative;
		cursor:pointer;
	}
	.news_list li:hover{
		border:0px solid #fff;
		box-shadow:none;
	}
	.news_list li:hover em{opacity:0;}
	.news_list li:hover a{
		background:none;
		border:0px solid #3c9cd9; color:#3c9cd9;
		
	}
	.news_list li p:first-of-type{
		border-radius:16px; overflow:hidden;
		width:100%; height:300px; margin-bottom:15px;
		position:relative;
	}
	.news_list li p:first-of-type img{width:100%;height:100%;}
	.news_list li p b{color:#00081f !important; font-size:1.2em; display:block;}
	.news_list li p:first-of-type span{
		position:absolute; color:#fff; width:90%; left:5%; top:20px;
		text-align:center; z-index:2;
	}
	.news_list li p:first-of-type strong{font-size:1.8em; color:#fff; text-align:center; display:block; padding-bottom:7px;}
	.news_list li p:last-of-type span{color:#989898; font-size:0.9em; display:inline-block; margin:10px 0; line-height:1.5em;}
	.news_list li p code{color:#989898; font-size:0.9em; display:inline-block; margin-right:30px;}
	.news_list li p a{
		display:block; margin:40px auto 0 auto;
		width:60px; position:static; bottom:0px; left:0;
		opacity:1; display:none;
	}
	.news_list li:hover p a{opacity:1;}


	.news_view{width:90%; margin:30px auto 100px auto; position:relative;}
	.news_view .news_body{width:100%; margin:0 auto;}
	.news_view .news_body .snsv{text-align:right; margin-bottom:20px;}
	.news_view .news_body .snsv a{display:inline-block;}
	.news_view .news_body div{text-align:center;}
	.news_view .news_body div img{max-width:100%;}
	.news_view .news_body div:nth-of-type(2) img{max-width:100%; display:block; margin:0 auto;}
	.news_view .news_body div .tit{color:#202020; font-size:18px; display:block; padding:0 0 30px 0;}
	.news_view .news_body div .txt{width:96%; margin:0px auto; text-align:left; font-size:1.2em; color:#000; line-height:24px;}
	.news_view .news_body div p{width:96%; margin:0px auto; text-align:left; }
	.news_view .news_body div:nth-of-type(2) a{
		margin:10px 0;
	}
	.news_view .news_body div .btn_s1{margin:30px 0 20px 0 !important;}
	.news_view .btn{position:relative; top:50%; left:-80px; width:calc(100% + 160px); display:none;}
	.news_view .btn a{
		width:50px; height:50px; display:block; border:1px solid #d6d6d6;
		border-radius:25px; font-size:0;
	}
	.news_view .btn a.prev{
		float:left;
		background:#fff url('../../../assets/images/ic_prev_off.png') center no-repeat;
	}
	.news_view .btn a.prev:hover{
		background:#d6d6d6 url('../../../assets/images/ic_prev_on.png') center no-repeat;
	}
	.news_view .btn a.next{
		float:right;
		background:#fff url('../../../assets/images/ic_next_off.png') center no-repeat;
	}
	.news_view .btn a.next:hover{
		background:#d6d6d6 url('../../../assets/images/ic_next_on.png') center no-repeat;
	}
	.board_list{width:90%; margin:0 auto; position:relative; right:-0px;}
	.board_list td:nth-of-type(1),.board_list th:nth-of-type(1){width:60px; text-align:center;}
	.board_list td:nth-of-type(3),.board_list th:nth-of-type(3){width:150px; display:none;}
	.board_list td:nth-of-type(4),.board_list th:nth-of-type(4){width:150px; display:none;}
	.board_list thead{display:none;}
	.board_list thead th{
		padding:15px 0 10px 0;
		position:relative;
		font-size:1em;
		
	}
	.board_list thead th:after{content:'|'; position:absolute; right:0; top:15px; color:#cacaca;}
	.board_list thead th:nth-of-type(2):after{content:''; }
	.board_list tbody tr:nth-of-type(1) td{border-top:none;}
	.board_list tbody td{
		text-align:left; border-top:1px solid #cacaca;
		cursor:pointer; box-sizing:border-box;
		font-size:0.9em; vertical-align:top;
	}
	.board_list tbody td:nth-of-type(2){text-align:left; padding-left:10px;}
	.board_list tbody td em{
		width:60px; height:60px;
		border-radius:30px;
		text-align:center; line-height:40px;
		background-color:#e7e7e7;
		font-size:1.3em;
		display:inline-block;
		color:#202020;
		font-style:normal;
		margin:15px 0;
		display:flex; align-items:center; justify-content:center;
	}
	.board_list tbody tr:hover em{
		background-color:#41aefa;
	}
	.board_list tbody td span{
		display:inline-block;
		text-align:center; width:auto;
		font-size:1em;
		padding:0 0 20px 0px;
	}
	.board_list tbody td span.day{display:none;}
	.board_list tbody td span.num{padding-left:20px;}
	.board_list tbody td strong{font-weight:normal; width:auto; display:inline-block; font-size:1.1em; padding:36px 0; }
	.board_list tbody td strong.on{font-weight:bold;}
	.board_list tbody td div{line-height:24px; display:none; padding:0 0 15px 0; font-size:1em; }
	.board_list tbody tr:hover td strong{font-weight:bold;}

	
	/*sns*/
	.sns{
		padding:80px 0;
		text-align:center;
	}
	.sns a{
		background:linear-gradient(#ffffff,#f5f6f7);
		display:inline-block;
		padding:25px 0px 30px 0px;
		width:40vw; height:35px;
		margin:0 10px;
		font-weight:bold;
		border-radius:5px;
		transition:.5s;
		box-shadow:0px 2px 2px rgba(0,0,0,0.1);
		border:1px solid #ddd;
		position:relative;
	}
	.sns a span{
		position:absolute;
		left:0;top:30px; width:100%;
		text-align:center;
	}
	.sns a span code{
		font-size:1.2em;
		line-height:1;
		color:#202020;
		background: url('../../../assets/images/btn_arrow1.png') right center no-repeat;
		font-weight:bold;
		padding:7px 25px 10px 0;
	}

	.sns a span img{width:150px;}
	.sns a span code,.sns a span img{vertical-align:middle}

		
	.invest_list{
		width:96%;
		margin:20px auto;
	}
	.invest_news{
		width:100%;	margin:0px 0;
	}
	.invest_news th{
		background-color:#4D2E54; color:#fff; padding:15px 0;
		font-size:14px; font-weight:normal; 
		box-sizing:border-box;
	}
	.invest_news th:nth-of-type(1){width:100px;}
	.invest_news th:nth-of-type(2){width:auto; }
	.invest_news th:nth-of-type(3){width:100px;}
	.invest_news tr td{
		padding:5px 0 5px 0; text-align:center;
		border-bottom:1px solid #afafaf;

	}
	.invest_news tr td:nth-of-type(1){
		text-align:center; width:100px;
	}
	.invest_news tr td:nth-of-type(2){
		text-align:center; width:auto;
	}
	.invest_news tr td:nth-of-type(3){
		text-align:center; width:100px; font-size:12px;
		line-height:1; 
	}
	.invest_news tr td span{
		width:50px; height:50px;
		border-radius:40px;
		text-align:center; line-height:1;
		background-color:#e7e7e7;
		font-size:18px;
		display:inline-block;
		color:#202020;
		font-style:normal;
		margin:0px 0 0px 0;
		box-sizing:border-box;
		padding-top:12px;
	}
	.invest_news tr td span strong{
		display:block;
		font-size:16px; color:#00081f;
		position:relative;
		line-height:.8;
	}
	.invest_news tr td span code{font-size:0.6em; color:#00081f;display:inline-block; line-height:0.5;}
	.invest_news tr td div{line-height:20px; display:none;}
	.invest_news tr td b{
		font-size:12px; color:#202020;  display:inline-block; font-weight:normal;
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
		width:50vw; line-height:1.4; position:relative; top:3px;
	}
	.invest_news tr td a{margin-top:10px;}
	.invest_news tr td:nth-of-type(2){
		text-align:left;
	}
	.invest_news caption{position:relative; bottom:-16px;}
	.invest_news caption fieldset{
		border:none;
		border-top:2px solid #999;
		padding:0; margin:0;
		padding-top:16px;
	}
	.invest_news caption fieldset legend{
		padding:0px 20px;
		font-size:1.2em; color:#000;
		margin:0px;font-weight:normal;
		background-color:transparent;
		position:absolute; top:-16px; left:calc(50% - 45px);
		background:#fff;
	}

	.invest_news tr:hover td span{
		background-color:#4D2E54; color:#fff;
	}
	.invest_news tr:hover td span strong,
	.invest_news tr:hover td span code{
		color:#fff;
	}
	.invest_news tr:hover td {cursor:pointer;}
	.invest_news tr:hover td a{

	}
	.invest_news tr:nth-of-type(even) td{
		background-color:#F4F0EC;
	}


	.juga{width:96%; margin:30px auto;}
	.juga .t_box{overflow:hidden;}
	.juga .t_box table{width:49.2%;}
	.juga .t_box .iv_ts01{height:180px;}
	.juga .t_box .iv_ts01 th{
		background-color:#4D2E54; color:#fff;
		font-size:14px; padding:10px; height:28px;
		 border:1px solid #ddd;
	}
	.juga .t_box .iv_ts01 td{text-align:center; padding:10px 0; font-size:14px;  border:1px solid #ddd;}
	.juga .t_box .iv_ts01 td b{font-size:36px;  font-weight:normal;}

	.juga .t_box .iv_ts02{border-top:2px solid #aaa; height:180px;}
	.juga .t_box .iv_ts02 th{
		background-color:#F4F0EC; color:#333;
		font-size:14px; padding:10px 0; font-weight:normal;
		line-height:1; width:150px;
		border:1px solid #ddd;
	}
	.juga .t_box .iv_ts02 td{text-align:center; padding:10px 0; font-size:14px; border:1px solid #ddd;}


	.juga .t_box .iv_ts03{border-top:2px solid #aaa;}
	.juga .t_box .iv_ts03 th{
		background-color:#F4F0EC; color:#333;
		font-size:14px; padding:10px 0; font-weight:normal;
		line-height:1; width:150px;
		border:1px solid #ddd;
		border-left:none;
	}
	.juga .t_box .iv_ts03 td{text-align:center; padding:10px 0; font-size:14px; border:1px solid #ddd; border-right:none;}

	.juga .iv_ts04{border-top:2px solid #aaa;}
	.juga .iv_ts04 th{
		background-color:#F4F0EC; color:#333;
		font-size:14px; padding:15px 0; font-weight:normal;
		line-height:1; width:150px;
		border:1px solid #ddd;
		border-left:none;
	}
	.juga .iv_ts04 th:last-of-type{border-right:none;}
	.juga .iv_ts04 td{text-align:center; padding:10px 0; font-size:14px; border:1px solid #ddd; border-left:none;}
	.juga .iv_ts04 td:last-of-type{border-right:none;}
	.juga .f_left{float:left;}
	.juga .f_right{float:right;}


	.page{
		text-align:center; position:relative; width:100%; margin:0px auto;
		background-color:#f5f5f5; padding:50px 0;
	}
	.page p{position:relative; width:90%; margin:0 auto;}
	.page a,
	.page span{display:inline-block; vertical-align:top; color:#202020; font-weight:bold; font-size:1em;}
	.page a:hover{color:#5ca6c9;}
	.page span a{padding:0 5px; transition:.5s;}
	.page span a.on{font-weight:bold; color:#5ca6c9;}
	.prev{
		position:absolute;
		left:0; top:0;
	}
	.next{
		position:absolute;
		right:0; top:0;
	}

}
/*-----------------------------------480-------------------------------------------*/
@media (max-width:480px){

	.company_spot, .notice_spot, .bodo_spot, notice_spot, .invest2_spot, .ceo_spot, .mile_spot, 
	.ple_spot, .overview_spot, .invest_spot{
		width:100%; height:350px;
		position:relative;overflow:hidden;
	}
	.f_txt{position:absolute; width:100%; height:100%;}
	.f_txt img{position:relative; left:calc(50% - 1400px);}
	.f_txt p{
		position:absolute; width:100%;  height:100%;  text-align:center;
		left:0%; top:0; z-index:3;
		margin:0;
		color:#fff;
		display:flex;
		align-items:center;
	}
	.f_txt p span{display:block; font-size:1em; text-align:left; color:#fff; letter-spacing:-1px;}
	.f_txt p span strong{
		font-size:2em;display:block;
		white-space:pre-line; color:#fff;
		letter-spacing:-1px; line-height:1.2em;
		margin:40px 0 40px 0;
		font-weight:800;
	}
	.f_txt p span em{
		font-size:1em; font-style:normal; 
		color:#ff0000; letter-spacing:-1px;
	}
	.f_clr{color:#222 !important;}


	.s_tit{width:100%; background-color:#eaeaea; position:relative;}
	.s_tit h2{padding:22px 0; width:90%; margin:0 auto; }
	.s_tit h2 em{display:inline-block; width:180px; text-align:left; font-size:1.3em; line-height:1.3em; font-style:normal;}

	.contents{width:100%; min-height:auto; margin:0px auto 0px 0; position:relative;}
	.sub_tit{
		font-size:1.9em; color:#000;
		padding:15px 0 0 0px;
		height:60px; width:54%; margin:60px auto 40px auto;
		font-weight:bold;
		box-sizing:border-box;
		position:relative;
		text-align:center;
	}
	.ov_cata{width:100%; margin:50px auto 20px auto;overflow:hidden;}
	.ov_cata fieldset{text-align:center; border:6px solid #ebf0f5; width:45%; margin:0 auto; padding:25px 0;}
	.ov_cata fieldset legend{padding:0 10px; width:70%; margin:0 auto; font-size:1em;}
	.ov_cata fieldset legend img{width:100%;}
	.ov_cata fieldset .box{overflow:visible; width:200%; position:relative; left:-49%;}
	.ov_cata fieldset .box div{
		position:relative; width:48%; 
	}
	.ov_cata fieldset .box div:nth-of-type(1){float:left; left:0%;}
	.ov_cata fieldset .box div:nth-of-type(2){float:right; right:0%; }
	.ov_cata fieldset .box div p:nth-of-type(1){
		text-align:center;
		padding:20px 10px 30px 10px; 
		border:1px solid #ddd; color:#616161;  font-size:0.9em;
		background:#f5f6f7 url('../../../assets/images/ic_arrow_02.png') center calc(100% - 10px) no-repeat;
		transition:.5s;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.2);
		position:relative; z-index:2; height:auto;
		cursor:pointer; 
	}
	.ov_cata fieldset .box div p:nth-of-type(1) img{width:70%;}
	.ov_cata fieldset .box div p:nth-of-type(1):hover{
		background:#4D2E54 url('../../../assets/images/ic_arrow_02_hover.png') center calc(100% - 10px) no-repeat;
		color:#fff;
	}
	.ov_cata fieldset .box div p:nth-of-type(1).on{
		background:#4D2E54 url('../../../assets/images/ic_arrow_02_on.png') center calc(100% - 10px) no-repeat;
		color:#fff !important;
	}
	.ov_cata fieldset .box div p:nth-of-type(1).on b,
	.ov_cata fieldset .box div p:nth-of-type(1).on span{color:#fff;}

	.ov_cata fieldset .box div p:nth-of-type(1) b{display:block; font-size:1em; padding-top:5px;transition:.5s; color:#333;}
	.ov_cata fieldset .box div p:nth-of-type(1):hover b,
	.ov_cata fieldset .box div p:nth-of-type(1):hover span{color:#fff;}
	.ov_cata fieldset .box div p:nth-of-type(1) span{
		white-space:pre-line; height:30px;
		display:inline-block; 
		padding:5px 10px; transition:.5s;
		font-size:0.9em;
		word-break:keep-all;
	}

	.ov_cata fieldset .box div p:nth-of-type(2){
		text-align:left;
		white-space:normal; height:auto;
		padding:20px 20px 60px 20px; margin:20px 0 0 0; box-sizing:border-box;
		background-color:#fff;
		border:1px solid #ddd; color:#616161;  font-size:0.8em; line-height:20px;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
		position:relative;
		display:none; width:208%;
	}
	.ov_cata fieldset .box div:nth-of-type(2) p:nth-of-type(2){
		left:-109%;
	}
	.ov_cata fieldset .box div p:nth-of-type(2) em{
		left:calc(50% - 55px);
		margin:20px auto 0 auto; font-style:normal;
		width:60px;
	}
	.ov_cata fieldset .box div p:nth-of-type(2):hover em{
		background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
		border:1px solid #3c9cd9; color:#3c9cd9;
	}

	.ov_list{}
	.ov_list .tit{
		text-align:center; font-size:14px; font-weight:bold; color:#202020;
		white-space:normal; line-height:1.8em; font-weight:normal;
		display:none;
	}
	.ov_list ul{margin:70px 0 0px 0; overflow:hidden;}
	.ov_list ul li{background-color:#F4F0EC; margin:0px 0 20px 0;}
	.ov_list ul li div{width:100%; margin:0px auto; overflow:hidden; padding:0px 0 70px 0;}
	.ov_list ul li div p{float:none; width:100%; height:auto;}
	.ov_list ul li div p:nth-of-type(1){}
	.ov_list ul li div p:nth-of-type(1) img{width:100%; height:100%;}
	.ov_list ul li div p:nth-of-type(2){
		box-sizing:border-box;
		padding:15px 20px 0 20px; position:relative;
	}
	.ov_list ul li div p:nth-of-type(2) img{width:26vw;}
	.ov_list ul li div p:nth-of-type(2) strong{
		font-size:16px; color:#464646;
		display:block; margin:15px 0 15px 0;
	}
	.ov_list ul li div p:nth-of-type(2) span{
		display:inline-block; 
		line-height:1.8;
		box-sizing:border-box;
		word-break:keep-all;
		text-align:justify;
		color:#333;
		font-size:13px;
		
	}
	.ov_list ul li div p:nth-of-type(2) em{position:absolute; right:calc(50% - 60px); bottom:-50px; font-style:normal;}
	.ov_list ul li:nth-of-type(1) div p:nth-of-type(2) em{right:calc(50% - 64px);}
	.ov_list ul li:nth-of-type(2) div p:nth-of-type(2) em{right:calc(50% - 86px);}
	.ov_list ul li:nth-of-type(4) div p:nth-of-type(2) em{right:calc(50% - 92px);}
	.ov_list ul li div:hover em{
		background:#fff url('../../../assets/images/ic_arrow_03_on.png') calc(100% - 10px) center no-repeat;
		border:1px solid #3c9cd9; color:#3c9cd9;
	}
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(1){float:none;}
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(2){float:none; padding:15px 20px 0 20px; }
	.ov_list ul li:nth-of-type(even) div p:nth-of-type(2) img,
	.ov_list ul li:nth-of-type(3) div p:nth-of-type(2) img{width:36vw;}


	/* 인사말 */
	.sub_tit2{
		width:100%; margin:0px auto 0px auto;
		text-align:center;
	}
	.sub_tit2 span{
		display:inline-block;
		font-size:1.9em; color:#353535;
		padding:10px 40px;
		box-sizing:border-box;
		text-align:center;
		line-height:1.7em;
		letter-spacing:-1px;
	}
	.sub_tit2 span strong{display:block; font-size:1.2em; color:#132f59; }
	.sub_tit2 p{
		text-align:left; padding:30px 30px 220px 30px;
		white-space:normal;
		font-size:16px; line-height:1.6; color:#4D2E54; display:block; 
		font-weight:bold;
		word-break:keep-all; 
		width:85vw;
	}
		
	.ceo{
		background-color:#F4F0EC;
	}
	.ceo .info{
		width:100%; margin:0 auto;
		font-size:1em; color:#353535; 
		position:relative; 
		padding:30px 25px 50px 30px; box-sizing:border-box;
		text-align:justify;
		box-sizing:border-box;
	}
	.ceo .info strong{font-size:1.2em; line-height:1.6em; color:#132f59; display:inline-block; padding:0px;}
	.ceo .info span{font-size:1em; line-height:1.8; color:#353535; display:block; text-align:justify; word-break:keep-all; white-space:normal; padding:20px 0 0 0;}
	.ceo .info span:nth-of-type(3){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(4){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(5){text-align:justify; white-space:normal;}
	.ceo .info span:nth-of-type(6){text-align:justify; white-space:normal;}
	.ceo .info img{position:absolute; top:-242px; right:calc(50% - 110px); width:210px;}
	.c_sign{
		width:100%; margin:30px auto 100px auto;  padding-right:20px; box-sizing:border-box;
		text-align:right; font-size:1em; font-weight:bold; line-height:70px; color:#000;
	}
	.c_sign img{vertical-align:middle; }


	/* 마일스톤 */
	.mileston{
		width:100%; height:500px; margin:0px auto;
		background:#e3e3e3 url('../../../assets/images/bg_mile.jpg') center 100px no-repeat;
		background-size:150%; overflow:auto;
	}

	.mileston {
		scrollbar-3dLight-Color: #e3e3e3; 
		scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #e3e3e3;
		scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #e3e3e3; 
		scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #e3e3e3; scrollbar-Shadow-Color: #e3e3e3
	}
	.mileston::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
	.mileston::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px;}
	.mileston::-webkit-scrollbar-track {background: #e3e3e3; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
	.mileston::-webkit-scrollbar-thumb {height: 8px; width: 8px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

	.mileston div{
		width:90%; margin:20px auto;background-color:rgba(255,255,255,0.6); 
		box-sizing:border-box; padding:10px 0px;
	}
	.mileston div p{
		font-size:10vw; color:#fff; font-weight:bold; width:90%; margin:0 auto; line-height:1;
	}
	.mileston div dl{
		width:90%; margin:0 auto;
		padding:0px 0 0 0px; position:relative;
	}
	.mileston div dl dt{
		font-size:1.2em; color:#535353; padding:0px 0 5px 20px; margin:30px 0 20px 0;
		font-weight:bold; position:relative;
		border-bottom:2px solid #fff;
		box-shadow:0px 2px rgba(0,0,0,0.1);
	}
	.mileston div dl dt:after{content:''; position:absolute; left:0px; top:15px; width:10px; height:2px; background-color:#535353;}
	.mileston div dl dd{font-size:0.9em; padding:10px 0 0 20px; color:#535353; font-weight:bold;}

	/* create people */
	.ple_body{margin-bottom:0px;}
	.ple_body div{text-align:center; padding:20px 0 0 0;}
	.ple_body div img{width:100%;}
	.ple_body .ple_list{padding:60px 0 10px 0;}
	.ple_body .ple_list h3{
		width:90%; margin:0 auto; font-size:1.4em; color:#202020; padding:0 0 20px 0px;
		box-sizing:border-box;
	}
	.ple_body .ple_list .btn{
		background:url('../../../assets/images/ic_arrow_02.png') center bottom no-repeat;
		padding:20px 0 0 0; font-size:0px; cursor:pointer;
	}
	.ple_body .ple_list .btn:hover{
		background:url('../../../assets/images/ic_arrow_02_hover2.png') center bottom no-repeat;
	}
	.ple_body .ple_list p.on{
		background:url('../../../assets/images/ic_arrow_02.png') center bottom no-repeat;
		transform:rotate(180deg);
	}
	.ple_body .ple_list .none{background:none; padding:20px 0 0 0; font-size:0px;}

	.ple_body .ple_list ul{overflow:hidden; width:90%; margin:0 auto;}
	.ple_body .ple_list ul li{
		float:left; width:48.5%; box-sizing:border-box; padding:6px 6px 10px 6px ;
		border:1px solid #ddd; margin:0 3% 15px 0; 
		background-color:#fff;
		box-shadow:0px 5px 5px -3px rgba(0,0,0,0.1);
	}
	.ple_body .ple_list ul li:nth-of-type(5n){margin-right:3%;}
	.ple_body .ple_list ul li:nth-of-type(2n){margin-right:0 !important;}
	.ple_body .ple_list ul li p{width:100%; height:auto; overflow:hidden;}
	.ple_body .ple_list ul li p img{width:100%;}
	.ple_body .ple_list ul li span{display:inline-block;  padding:10px;}
	.ple_body .ple_list ul li span b{display:block; font-size:1em; color:#202020;}
	.ple_body .ple_list ul li span em{display:inline-block; font-style:normal; padding:5px 0 0 0;}
	.ple_body .ple_list:nth-of-type(odd){background-color:#f5f7f8;}

	/* CI */
	.ci_body{width:94%; margin:0 auto;}
	.ci_txt{padding-top:50px;}
	.ci_txt dt{text-align:center; padding-bottom:10px;}
	.ci_txt dt img{vertical-align:bottom; width:94%; display:block; margin:0 auto;}
	.ci_txt dt img:nth-of-type(1){margin:0px auto 30px auto; width:50%;}
	.ci_txt dd{
		border-bottom:1px solid #4d2e54;
		padding:20px 10px;
		font-size:0.9em; color:#4d2e54;
		word-break:keep-all; line-height:1.8;
	}
	.color_system{
		padding:80px 0 30px 0;
		border-bottom:1px solid #4d2e54;
	}
	.color_system h3{
		border-bottom:1px solid #4d2e54;
		padding:20px 10px;
		font-size:1em; color:#4d2e54;
	}
	.color_system dl{width:85%;  margin:0 auto;}
	.color_system dl dt{font-size:1em; color:#4d2e54; padding:20px 0 5px 0; font-weight:bold;}
	.color_system dl dd{
		font-size:0;
	}
	.color_system dl dd span{
		display:inline-block;
		width:33.3%; height:auto;
		color:#fff; text-align:center;
		white-space:pre-line; line-height:1.2;
		padding:5vw 0 9vw 0; box-sizing:border-box;
		font-size:2.4vw;
	}
	.color_system dl dd span:nth-of-type(1){background-color:#4d2e54;}
	.color_system dl dd span:nth-of-type(2){background-color:#a9d5e4;}
	.color_system dl dd span:nth-of-type(3){background-color:#f6f3ef; color:#4d2e54;}
	.color_system dl dd span:nth-of-type(4){background-color:#6ba4c8;}
	.color_system dl dd span:nth-of-type(5){background-color:#4d6f5d;}
	.color_system dl dd span:nth-of-type(6){background-color:#f4ecd7; color:#4d2e54;}

	.color_system dl dd:nth-of-type(2) span:nth-of-type(1){background-color:#6b5981;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(2){background-color:#a6d5ee;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(3){background-color:#dcd8d6;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(4){background-color:#54a9d2;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(5){background-color:#758d86;}
	.color_system dl dd:nth-of-type(2) span:nth-of-type(6){background-color:#fcf7d4;}

	.color_system p{margin:0 auto; width:85%; font-size:0.9em; padding-top:15px; line-height:1.6; color:#4d2e54; word-break:keep-all;}
	.ci_logo{text-align:center; margin:80px 0; display:none;}
	.ci_logo img{width:35%;}


	.ci_btn{width:90%; margin:30px auto 80px auto; text-align:center;}
	.ci_btn a{
		border:1px solid #a7a9ac; color:#132f59;
		font-size:1em; font-weight:bold;
		padding:23px 70px 23px 25px;
		background:url('../../../assets/images/btn_down.png') calc(100% - 25px) center no-repeat;
		background-size:6%;
		display:inline-block;
		transition:.5s;
	}
	.ci_btn a:hover{
		color:#fff;
		background:#132f59 url('../../../assets/images/btn_down_on.png') calc(100% - 25px) center no-repeat;
		background-size:6%;
	}
	/*----------board------------*/

	.search{
		position:relative;
		width:90%; margin:0 auto;
		padding:0 0 15px 0;
		left:0; top:0px;
		text-align:left;
		font-size:0px;
	}
	.search span{
		border:1px solid #bababa; background-color:#fff; padding:8px 3% 8px 3%; 
		height:36px; box-sizing:border-box; display:inline-block;
		vertical-align:middle; width:86.5%;
	}
	.search span select,
	.search span input{font-size:12px; border:none; outline:none;}
	.search span select{padding:0 5px; width:30%; background-color:#fff;}
	.search span input{
		border-left:1px solid #bababa;
		width:60%; padding-left:10px; 
	}
	.search a{
		border:1px solid #bababa; width:13%; height:36px; box-sizing:border-box;
		margin-left:1px; display:inline-block;
		vertical-align:middle;
		background:#fff url('../../../assets/images/ic_search.png') center no-repeat;
		font-size:0;
	}
	.news_list{
		width:90%; margin:0px auto 50px auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		overflow:hidden;
	}
	.news_list li{
		width:100%; min-height:auto;
		box-sizing:border-box;
		padding:0px; margin:25px 0px 25px 0;
		border:1px solid #fff;
		transition:.3s;
		float:none; position:relative;
		cursor:pointer;
	}
	.news_list li:hover{
		border:0px solid #fff;
		box-shadow:0px 0px 0px 0px rgba(0,0,0,0.4);
	}
	.news_list li:hover em{opacity:0;}
	.news_list li:hover a{
		background:none;
		border:0px solid #3c9cd9; color:#3c9cd9;
	}
	.news_list li p:first-of-type{
		border-radius:16px; overflow:hidden;
		width:100%; height:300px; margin-bottom:15px;
		position:relative;
	}
	.news_list li p:first-of-type img{width:100%;height:100%;}
	.news_list li p b{color:#00081f !important; font-size:1.2em; display:block;}
	.news_list li p:first-of-type span{
		position:absolute; color:#fff; width:90%; left:5%; top:20px;
		text-align:center; z-index:2;
	}
	.news_list li p:first-of-type strong{font-size:1.8em; color:#fff; text-align:center; display:block; padding-bottom:7px;}
	.news_list li p:last-of-type span{color:#989898; font-size:0.9em; display:inline-block; margin:10px 0; line-height:1.5em;}
	.news_list li p code{color:#989898; font-size:0.9em; display:inline-block; margin-right:30px;}
	.news_list li p a{
		display:block; margin:40px auto 0 auto;
		width:60px; position:static; bottom:0px; left:0;
		opacity:1; display:none;
	}
	.news_list li:hover p a{opacity:1;}


	.news_view{width:90%; margin:30px auto 100px auto; position:relative;}
	.news_view .news_body{width:100%; margin:0 auto;}
	.news_view .news_body .snsv{text-align:right; margin-bottom:20px;}
	.news_view .news_body .snsv a{display:inline-block;}
	.news_view .news_body div{text-align:center;}
	.news_view .news_body div img{max-width:100%;}
	.news_view .news_body div:nth-of-type(2) img{max-width:100%; display:block; margin:0 auto;}
	.news_view .news_body div .tit{color:#202020; font-size:16px; display:block; padding:0 0 30px 0; line-height:1.5;}
	.news_view .news_body div .txt{width:96%; margin:0px auto; text-align:left; font-size:1.2em; color:#000; line-height:24px;}
	.news_view .news_body div p{width:96%; margin:0px auto; text-align:left; }
	.news_view .news_body div:nth-of-type(2) a{
		margin:10px 0;
	}
	.news_view .news_body div .btn_s1{margin:30px 0 20px 0 !important;}
	.news_view .btn{position:absolute; top:45%; left:-80px; width:calc(100% + 160px);display:none;}
	.news_view .btn a{
		width:50px; height:50px; display:block; border:1px solid #d6d6d6;
		border-radius:25px; font-size:0;
	}
	.news_view .btn a.prev{
		float:left;
		background:#fff url('../../../assets/images/ic_prev_off.png') center no-repeat;
	}
	.news_view .btn a.prev:hover{
		background:#d6d6d6 url('../../../assets/images/ic_prev_on.png') center no-repeat;
	}
	.news_view .btn a.next{
		float:right;
		background:#fff url('../../../assets/images/ic_next_off.png') center no-repeat;
	}
	.news_view .btn a.next:hover{
		background:#d6d6d6 url('../../../assets/images/ic_next_on.png') center no-repeat;
	}
	.board_list{width:90%; margin:0 auto; position:relative; right:-0px;}
	.board_list td:nth-of-type(1),.board_list th:nth-of-type(1){width:60px; text-align:center;}
	.board_list td:nth-of-type(3),.board_list th:nth-of-type(3){width:150px; display:none;}
	.board_list td:nth-of-type(4),.board_list th:nth-of-type(4){width:150px; display:none;}
	.board_list thead{display:none;}
	.board_list thead th{
		padding:15px 0 10px 0;
		position:relative;
		font-size:1em;
		
	}
	.board_list thead th:after{content:'|'; position:absolute; right:0; top:15px; color:#cacaca;}
	.board_list thead th:nth-of-type(2):after{content:''; }
	.board_list tbody tr:nth-of-type(1) td{border-top:none;}
	.board_list tbody td{
		text-align:left; border-top:1px solid #cacaca;
		cursor:pointer; box-sizing:border-box;
		font-size:0.9em; vertical-align:top;
	}
	.board_list tbody td:nth-of-type(2){text-align:left; padding-left:10px;}
	.board_list tbody td em{
		width:60px; height:60px;
		border-radius:30px;
		text-align:center; line-height:40px;
		background-color:#e7e7e7;
		font-size:1.3em;
		display:inline-block;
		color:#202020;
		font-style:normal;
		margin:15px 0;
		display:flex; align-items:center; justify-content:center;
	}
	.board_list tbody tr:hover em{
		background-color:#41aefa;
	}
	.board_list tbody td span{
		display:inline-block;
		text-align:center; width:auto;
		font-size:1em;
		padding:0 0 20px 0px;
	}
	.board_list tbody td span.day{display:none;}
	.board_list tbody td span.num{padding-left:20px;}
	.board_list tbody td strong{font-weight:normal; width:auto; display:inline-block; font-size:1.1em; padding:36px 0; }
	.board_list tbody td strong.on{font-weight:bold;}
	.board_list tbody td div{line-height:24px; display:none; padding:0 0 15px 0; font-size:1em; }
	.board_list tbody tr:hover td strong{font-weight:bold;}


	/*sns*/
	.sns{
		padding:30px 0;
		text-align:center;
	}
	.sns a{
		background:linear-gradient(#ffffff,#f5f6f7);
		display:inline-block;
		padding:25px 0px 30px 0px;
		width:70vw; height:35px;
		margin:10px 10px;
		font-weight:bold;
		border-radius:5px;
		transition:.5s;
		box-shadow:0px 2px 2px rgba(0,0,0,0.1);
		border:1px solid #ddd;
		position:relative;
	}
	.sns a span{
		position:absolute;
		left:0;top:30px; width:100%;
		text-align:center;
	}
	.sns a span code{
		font-size:1.2em;
		line-height:1;
		color:#202020;
		background: url('../../../assets/images/btn_arrow1.png') right center no-repeat;
		font-weight:bold;
		padding:7px 25px 10px 0;
	}

	.sns a span img{width:150px;}
	.sns a span code,.sns a span img{vertical-align:middle}

		
	.invest_list{
		width:96%;
		margin:20px auto;
	}
	.invest_news{
		width:100%;	margin:0px 0;
	}
	.invest_news th{
		background-color:#4D2E54; color:#fff; padding:15px 0;
		font-size:14px; font-weight:normal; 
		box-sizing:border-box;
	}
	.invest_news th:nth-of-type(1){width:80px;}
	.invest_news th:nth-of-type(2){width:auto; text-indent:-30px;}
	.invest_news th:nth-of-type(3){width:100px; display:none;}
	.invest_news tr td{
		padding:5px 0 5px 0; text-align:center;
		border-bottom:1px solid #afafaf;

	}
	.invest_news tr td:nth-of-type(1){
		text-align:center; width:80px;
	}
	.invest_news tr td:nth-of-type(2){
		text-align:center; width:auto;
	}
	.invest_news tr td:nth-of-type(3){
		text-align:center; width:40px; font-size:12px;
		line-height:1; display:none;
	}
	.invest_news tr td span{
		width:50px; height:50px;
		border-radius:40px;
		text-align:center; line-height:1;
		background-color:#e7e7e7;
		font-size:18px;
		display:inline-block;
		color:#202020;
		font-style:normal;
		margin:0px 0 0px 0;
		box-sizing:border-box;
		padding-top:12px;
	}
	.invest_news tr td span strong{
		display:block;
		font-size:16px; color:#00081f;
		position:relative;
		line-height:.8;
	}
	.invest_news tr td span code{font-size:0.6em; color:#00081f;display:inline-block; line-height:0.5;}
	.invest_news tr td div{line-height:20px; display:none;}
	.invest_news tr td b{
		font-size:12px; color:#202020;  display:inline-block; font-weight:normal;
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
		width:64vw; line-height:1.4; position:relative; top:3px;
	}
	.invest_news tr td a{margin-top:10px;}
	.invest_news tr td:nth-of-type(2){
		text-align:left;
	}
	.invest_news caption{position:relative; bottom:-16px;}
	.invest_news caption fieldset{
		border:none;
		border-top:2px solid #999;
		padding:0; margin:0;
		padding-top:16px;
	}
	.invest_news caption fieldset legend{
		padding:0px 20px;
		font-size:1.2em; color:#000;
		margin:0px;font-weight:normal;
		background-color:transparent;
		position:absolute; top:-16px; left:calc(50% - 45px);
		background:#fff;
	}

	.invest_news tr:hover td span{
		background-color:#4D2E54; color:#fff;
	}
	.invest_news tr:hover td span strong,
	.invest_news tr:hover td span code{
		color:#fff;
	}
	.invest_news tr:hover td {cursor:pointer;}
	.invest_news tr:hover td a{

	}
	.invest_news tr:nth-of-type(even) td{
		background-color:#F4F0EC;
	}

	
	.juga .ic_down{
		width:0; height:0;
		border:3px solid transparent;
		border-top:7px solid #1498e4;
		display:inline-block; vertical-align:middle;
		position:relative;top:2px; margin:0 3px;
	}
	.juga .ic_up{
		width:0; height:0;
		border:3px solid transparent;
		border-bottom:7px solid #ff3333;
		display:inline-block; vertical-align:middle;
		position:relative;top:-2px; margin:0 3px;
	}
	.juga .ic_a_down{
		display:inline-block; vertical-align:middle;
		position:relative;top:0px; margin:0 3px;
		width:15px; height:13px;
		background:url('../../../assets/images/ic_arrow_down.gif') no-repeat;
	}
	.juga .ic_a_up{
		display:inline-block; vertical-align:middle;
		position:relative;top:-1px; margin:0 3px;
		width:15px; height:13px;
		background:url('../../../assets/images/ic_arrow_up.gif') no-repeat;
	}


	.juga{width:96%; margin:20px auto;}
	.juga .t_box{overflow:hidden;}
	.juga .t_box table{width:100%;}
	.juga .t_box .iv_ts01{height:180px;}
	.juga .t_box .iv_ts01 th{
		background-color:#4D2E54; color:#fff;
		font-size:12px; padding:10px; height:28px;
		 border:1px solid #ddd;
	}
	.juga .t_box .iv_ts01 td{text-align:center; padding:10px 0; font-size:12px;  border:1px solid #ddd;}
	.juga .t_box .iv_ts01 td b{font-size:36px;  font-weight:normal;}

	.juga .t_box .iv_ts02{border-top:2px solid #aaa; height:180px;}
	.juga .t_box .iv_ts02 th{
		background-color:#F4F0EC; color:#333;
		font-size:12px; padding:10px 0; font-weight:normal;
		line-height:1; width:150px;
		border:1px solid #ddd;
	}
	.juga .t_box .iv_ts02 td{text-align:center; padding:10px 0; font-size:12px; border:1px solid #ddd;}


	.juga .t_box .iv_ts03{border-top:2px solid #aaa;}
	.juga .t_box .iv_ts03 th{
		background-color:#F4F0EC; color:#333;
		font-size:12px; padding:10px 0; font-weight:normal;
		line-height:1; width:150px;
		border:1px solid #ddd;
		border-left:none;
	}
	.juga .t_box .iv_ts03 td{text-align:center; padding:10px 0; font-size:12px; border:1px solid #ddd; border-right:none;}

	.juga .iv_ts04{border-top:2px solid #aaa;}
	.juga .iv_ts04 tbody{}
	.juga .iv_ts04 th{
		background-color:#F4F0EC; color:#333;
		font-size:12px; padding:15px 10px; font-weight:normal;
		line-height:1; width:150px;
		border:1px solid #ddd;
		border-left:none;
	}
	.juga .iv_ts04 th:last-of-type{border-right:none;}
	.juga .iv_ts04 td{text-align:center; padding:10px 5px; font-size:12px; border:1px solid #ddd; border-left:none; word-break:break-all;}
	.juga .iv_ts04 td:last-of-type{border-right:none;}
	.juga .f_left{float:none;}
	.juga .f_right{float:none;}


	.page{
		text-align:center; position:relative; width:100%; margin:0px auto;
		background-color:#f5f5f5; padding:30px 0;
	}
	.page p{position:relative; width:90%; margin:0 auto;}
	.page a,
	.page span{display:inline-block; vertical-align:top; color:#202020; font-weight:bold; font-size:1em;}
	.page a:hover{color:#5ca6c9;}
	.page span a{padding:0 5px; transition:.5s;}
	.page span a.on{font-weight:bold; color:#5ca6c9;}
	.prev{
		position:absolute;
		left:0; top:2px;  font-size:0.8em !important;
	}
	.next{
		position:absolute;
		right:0; top:2px;  font-size:0.8em !important;
	}


	#map{width:90%; height:400px; background-color:#eee; margin:0 auto 30px auto;}
	.road{width:90%; margin:30px auto 20px auto; overflow:hidden; padding:0 0 5px 0;}
	.road div{
		position:relative; width:48%;
	}
	.road div:nth-of-type(1){float:left; }
	.road div:nth-of-type(2){float:right;}
	.road div p{
		text-align:center;
		padding:30px 10px 40px 10px;
		border:1px solid #ddd; color:#333;  font-size:0.9em;
		background:#f5f6f7;
		transition:.5s;
		position:relative; z-index:2;
		cursor:pointer;	
		border-radius:7px;
		box-shadow:0px 2px 5px -2px rgba(0,0,0,0.3);
	}
	.road div p:hover{
		background:#4D2E54;
		color:#fff;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
	}
	.road div p.on{
		background:#4D2E54;
		color:#fff !important;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.3);
	}
	.road p.on b,
	.road div p.on span{color:#fff !important;}

	.road div p b{display:block; font-size:4vw; padding-top:5px;}
	.road div p:hover b,
	.road div p:hover span{color:#fff;}
	.road div p span{
		display:inline-block; 
		font-size:12px;
		padding-top:5px;
		word-break:keep-all;
	}


	/* hslee added to show address 2019.09.18 */
	.company_address {
        display: inline-block;
        font-size: 12px;
        padding-top: 5px;
        word-break: keep-all;
    }

    .company_address_box {
        width: 80%;
        padding: 10px 20px;
    }
    /* hslee added fin */

}

/* hslee added to show address 2019.09.18 */
.company_hidden {
    display: none;
}
/* hslee added fin */




@media (min-width:340px) and (max-width:390px){
	.ov_cata fieldset .box div p:nth-of-type(1){
		height:120px;
	}
}
@media (min-width:390px) and (max-width:407px){
	.ov_cata fieldset .box div p:nth-of-type(1){
		height:100px;
	}
}