@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

* {
	margin:0; padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	overflow-y:scroll;
}

body {
	position:relative;
	overflow-y:hidden;
	margin:0;
	padding:0;
	font-size:15px;
}

body, h1, h2, h3, h4, h5, h6, input, button, textarea, select {
	margin:0;
	padding:0;
	font-family: 'Noto Sans KR', sans-serif;
}

p {
	margin:0;
}

ol, ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

label {font-size:0}
caption {font-size:0; line-height:0;}
table {border-spacing:0; border-collapse:collapse}

.blind {
	height:0;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
}
.inblock {display:inline-block;}

section.sub{min-height:800px;}
/* sub_visual */

.s_visual{position:relative; width:100%; height:100px;}
.s_visual_img01 {background:url('../img/sub_visual_01.png') no-repeat bottom; background-size:cover;}
.s_visual_img02 {background:url('../img/sub_visual_02.png') no-repeat bottom; background-size:cover;}
.s_visual_img03 {background:url('../img/sub_visual_03.png') no-repeat bottom; background-size:cover;}
.s_visual_img04 {background:url('../img/sub_visual_04.png') no-repeat bottom; background-size:cover;}
.s_visual_img05 {background:url('../img/sub_visual_05.png') no-repeat bottom; background-size:cover;}
.s_visual_img06 {background:url('../img/sub_visual_06.png') no-repeat bottom; background-size:cover;}

.textbar {position:relative; top:0px; width:100%; height:100px; text-align:center; color:#fff;  z-index:10;}
.textbar .s_tit {padding-top:72px; width:100%; font-size:33px; font-weight:400; line-height:1em; text-shadow:0px 5px 5px rgba(0,0,0,0.39); letter-spacing:-1px;}
.textbar .s_text {height:40px; font-size:14px; line-height:40px; text-shadow:0px 5px 5px rgba(0,0,0,0.39); letter-spacing:-1px;}
 
.textbar .sub_navi {}
.textbar .sub_navi ul {line-height:100px;}
.textbar .sub_navi ul li {font-size:18px; line-height:26px; padding:0 20px; background:url('../img/sub_navi.png') no-repeat 0px 5px; display:inline-block;color:#e7e7e7; text-shadow:0px 5px 5px rgba(0,0,0,0.39);}
.textbar .sub_navi ul li span {color:#fff;}
.textbar .sub_navi .home {padding-left:30px;background:url('../img/sub_home.png') no-repeat left;}

@media screen and (max-width:800px) {
	.s_visual{position:relative; width:100%; height:100px;}
	.textbar .sub_navi {font-size:15px;}
}

@media screen and (max-width:510px){
	.textbar .sub_navi ul li {font-size:16px; padding:0 10px;}
	.s_visual {height:60px;}
	.textbar {height:60px;}
	.textbar .sub_navi ul {line-height:60px; height:60px;}
}

@media screen and (max-width: 480px) {
	.s_navi li:last-child {width:30%;}
	.textbar .sub_navi ul li {font-size:14px; padding:0 6px;}
}
@media screen and (max-width: 400px) {
	.s_navi li:last-child {width:30%;}
	.textbar .sub_navi ul li {font-size:13px; padding:0 5px;}
}
/* content_wrap */
.content_wrap {position:relative;left:50%;width:1300px;margin-left:-650px;/*padding-top:30px*/z-index: 900;}

@media screen and (max-width:1299px){
	.leftmenu {margin-top:10px;}
	.content_wrap {width:100%; padding:0 10px; margin-left:0; left:0;}
}

.content_wrap:after {content:"";clear:both;display:block}

/* leftmenu */
.leftmenu {float:left;width:240px;margin-bottom:100px;margin-top:20px;position:absolute;z-index: 999;}

@media screen and (max-width:720px) {
	.leftmenu {display:none}
}

.leftmenu:after {content:"";clear:both;display:block}
.leftmenu .tit {width:100%;height:130px;text-align:center;font-size:27px;color:#fff;font-weight:400;letter-spacing:-1px;line-height:130px;background:url('../img/leftmenu_tit.png') no-repeat center;}
.leftmenu ul.upmenu {display:block}
.leftmenu ul.upmenu li {display:block;width:240px;line-height: 45px;font-size: 16px;word-break:keep-all;}
.leftmenu ul.upmenu li a {display:block;width:100%;height:100%;padding:0 15px;background:url('../img/leftmenu_off.png') no-repeat 95% center;border-bottom:1px solid #ddd;text-overflow:ellipsis;overflow:hidden;color: #454545;font-weight: 400;letter-spacing: -0.5px;}
.leftmenu ul.upmenu > li > a:hover, .leftmenu ul.upmenu > li.active > a {color:#2463b5;font-weight:500;background:url('../img/leftmenu_on.png') no-repeat 95% center}
.leftmenu ul.lowmenu {display:none;padding:10px 0;background:#f5f5f5;border-bottom:1px solid #ddd}
.leftmenu ul.lowmenu li {height: 35px;min-height:24px;font-size: 16px;line-height: 35px;}
.leftmenu ul.lowmenu li a {height:35px;padding-left:28px;background:url('../img/leftmenu_low_bullet.jpg') no-repeat 20px center;border-bottom:0}
.leftmenu ul.lowmenu li a:hover, .leftmenu ul.lowmenu li.active a {font-weight: 500;background:url(../img/leftmenu_low_bullet.jpg) no-repeat 20px center !important;}
.leftmenu ul.upmenu > li:hover .lowmenu, .leftmenu ul.upmenu > li.active .lowmenu {display:block}
.leftmenu #login_password_lost {border-right:0}
.fSize14 {font-size:14px}


/* sub_top_textbar */
.sub_top {width:100%; padding-left:280px;}
.sub_top_textbar {width:100%; height:150px;border-bottom:1px solid #eee; background:url('../img/sub_top_bg.jpg') no-repeat right top; }
.sub_top_tit {padding:64px 20px 0px 0px;font-size:28px;/*color:#1369cb;*/ color:#222;font-weight:400; letter-spacing:-1px;}
.sub_top_line {margin:3px 20px; width:30px; height:3px;background:#1369cb;display:none;}

@media screen and (max-width:720px) {
	.sub_top {padding-left:0; margin:0 auto;}
	.sub_top_textbar {background:url('../img/sub_top_bg.jpg') no-repeat ; background-size:100%;}
	.sub_top_tit {text-align:center;}
	.sub_top_line {margin:3px auto;}
}

@media screen and (max-width:510px){
	.sub_top_tit {padding-top:33px; padding-right:0; height:80px; font-size:22px;}
	.sub_top_textbar {height:100px;}
}


/* content */
.content {width:100%;padding:30px 0 30px 280px;color:#373737;font-size:17px;}

@media screen and (max-width:1299px){
	.content {padding-left:260px;}
	.sub_top {padding-left:260px;}
}

@media screen and (max-width:960px){
	.leftmenu {display:none;}
	.content, .sub_top {padding-left:0;}
	.content {padding-bottom:0;}
}

/* sub1_1 */
.sub1_1_tit {width:100%;height: 480px;background: url('../img/page/sub1_1_img01_240124.jpg') no-repeat center;margin-bottom:20px;background-size:100%;}
.sub1_1_txt {width:100%;background:url('../img/page/sub1_1_img05.png') no-repeat bottom;}
.sub1_1_txt p {padding: 10px 0px;word-break:keep-all;font-size: 18px;font-weight:400;letter-spacing:-0.5px;line-height:25px;color: #000000ad;}
.sub1_1_txt p:last-child {padding-bottom:80px;}
.sub1_1_txt .sub-sign{
    color: #1a62ae;
    font-weight: 600;
    text-align: right;
    padding-right: 30px;
}
@media screen and (max-width:1299px) {
	.sub1_1_tit {margin-bottom:0;}
	.sub1_1_txt p br {display:none;}
	.sub1_1_txt p {padding:10px 0;}
}
@media screen and (max-width:960px){
	.sub1_1_tit {background:url('../img/page/m_sub1_1_img01_240306.jpg') no-repeat center;height: 690px;}
}

@media screen and (max-width:620px){
	.sub1_1_tit {background-size: 100% !important;}
}
@media screen and (max-width:480px){
	.sub1_1_tit {
    height: 500px;
}
	.sub1_1_txt {padding:10px;}
	.sub1_1_txt p {font-size:14px;padding:10px 0;}
	.sub1_1_txt .sub-sign{
    padding-right: 0;
}
	.sub1_1_txt p:first-child img {width:100%;}
	.sub1_1_txt p img {margin-bottom:5px;}
}

@media screen and (max-width:380px){
	.sub1_1_tit {
    height: 397px;
}
}

/* sub1_1_changwon */
@keyframes logoFadeIn{
	0%{width:50px; height:50px; margin-top:-25px; opacity:0; }
	50%{width:142px; height:142px; margin-top:-71px; opacity:1; }
	100%{width:132px; height:132px; margin-top:-66px; opacity:1; }
}
@keyframes FadeIn{
	from{opacity:0; left:-20px; }
	to{opacity:1; left:0; }
}
@keyframes LineShow{
	0%{width:0; }
	50%{opacity:1; }
	100%{width:100%; }
}
.greeting{position:relative; }
.greeting .tit{padding:30px 0 20px; margin-left:380px; }
.greeting .tit h2{
	font-size:45px; font-weight:600; line-height:1.1; text-transform:uppercase; 
	background:#0d3880; /* Old browsers */
	background:-moz-linear-gradient(left,  #0d3880 0%, #01a5e9 50%, #008f76 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(left,  #0d3880 0%,#01a5e9 50%,#008f76 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,  #0d3880 0%,#01a5e9 50%,#008f76 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-background-clip:text; -ms-webkit-background-clip:text; -moz-background-clip:text; background-clip:text; color:transparent; 
}
.greeting .tit h2 span{display:block; }
.greeting .img_wrap{position:absolute; left:0; top:0; }
.greeting .img_wrap img{width:325px; height:auto; }
.greeting .sign{text-align:center; margin:20px 0 0; font-size:20px; color:#111; }
.greeting .sign img{max-width:100%; width:auto !important; height:auto; }
.greeting .sign strong{font-family:'NotoM'; vertical-align:bottom; }
.greeting .sign p{display:inline-block; vertical-align:bottom; margin-left:10px; }
.greeting .logo{position:relative; width:100%; height:132px; margin:-25px 0 0; }
.greeting .logo::before{content:""; position:absolute; right:0; top:50%; width:0%; height:1px; background:#ccc; 
	animation:LineShow .5s ease-out forwards; animation-delay:1.5s; }
.greeting .logo::after{content:""; position:absolute; left:0; top:50%; margin-top:-12.5px; width:63px; height:25px; opacity:0; background:url('../img/page/dot_cntPoint.png') no-repeat center; 
	animation:FadeIn .2s ease forwards; animation-delay:1.8s; }
.greeting .logo img{position:absolute; top:50%; right:0; opacity:0; 
	animation:logoFadeIn 1s ease forwards; animation-delay:1s; }
.greeting .cont_wrap{position:relative; margin-left:380px; margin-right:20px; word-break:keep-all; font-size:16px; color:#333; line-height:1.6; }
.greeting .cont_wrap p{margin:0 0 30px; }
.greeting .cont_wrap p strong{font-family:'NotoM'; }
	/* ie일떄 */
	.greeting .tit.ieOnly h2{height:85px; text-indent:-9999em; overflow:hidden; background:url('../img/page/grt_tit_ieOnly.png') no-repeat left center; background-size:contain; }
	.greeting .tit.ieDOwn .logo::after{opacity: 1;}
	.greeting .tit.ieDOwn .logo::before{width:100%;}
	.greeting .tit.ieDOwn .logo img{opacity: 1; margin-top:-66px;}


@media screen and (max-width:980px) {
	.greeting .tit{margin-left:0; padding:0 0 20px; }
	.greeting .img_wrap {top:220px; }
	.greeting .img_wrap img{width:250px; }
	.greeting .logo{height:auto; text-align:right; }
	.greeting .logo img{position:relative; opacity:1; animation:none; }
	.greeting .logo::before{width:100%; animation:none; }
	.greeting .logo::after{opacity:1; animation:none; }
	.greeting .cont_wrap{margin-left:280px; }
}
@media screen and (max-width:760px) {
	.greeting .tit h2{animation:none; }
	.greeting .tit h2 span{display:inline; }
	.greeting .sign{font-size:15px; }
	.greeting .sign img{width:60px !important; height:auto; }
	.greeting .logo img{width:90px; height:90px; }
	.greeting .img_wrap{position:relative; width:100%; left:auto; top:auto; text-align:center; }	
	.greeting .img_wrap img{width:200px; }
	.greeting .cont_wrap{margin:20px 0 0; font-size:15px; }
}
@media screen and (max-width:560px){
	.greeting .tit h2{font-size:30px; }
	.greeting .logo{margin:5px 0 0; }
	.greeting .logo img{width:60px !important; height:60px !important; }
}

/*  21.07.12 */
.pdlft_none{padding:20px 0;}
.container_l{display:inline-block;width: 49%;padding: 50px 20px 0 0;word-break: keep-all;vertical-align: top;}
.container_r{display:inline-block;width: 50%;}
.container_r img{width: 68%;margin: 0 auto;}


.rule_btn_wr {display: flex;width:100%;text-align:center;padding:1px;margin:10px auto;overflow:hidden;flex-wrap: wrap;justify-content: stretch;}
/*.rule_btn {transition:all 0.3s ease; cursor:pointer; width: 16.3%;font-size: 15px;height: 40px;display:inline-block;line-height: 40px;}*/
.rule_btn:hover {background:#0661cb; color:#fff;}
.rule_btn.current {background:#0661cb; color:#fff;}

.rule_btn {
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 15px;
    text-align: center;
    flex: 0 0 25%;
    box-shadow: 
    1px 0 0 0 #ddd, 
    0 1px 0 0 #ddd, 
    1px 1px 0 0 #ddd,
    1px 0 0 0 #ddd inset, 
    0 1px 0 0 #ddd inset;
    padding: 13px 10px;
    line-height: 25px;
    word-break: keep-all;
    vertical-align: middle;
    width: 20%;
}
.rule_btn06{width:18% !important}

@media screen and (max-width:1300px){
	.pdlft_none{padding:20px 0;}
	.container_l{display:inline-block;width: 48%;padding: 25px 0px 0 0;word-break: keep-all;vertical-align: top;}
	.container_r{display:inline-block;width: 50%;}
	.container_r img{width: 69%;margin: 0px auto;}
	}

@media screen and (max-width:1200px){
	.pdlft_none{padding:20px 0;}
	.container_l{display:inline-block;width: 47%;padding: 25px 0px 0 0;word-break: keep-all;vertical-align: top;}
	.container_r{display:inline-block;width: 50%;}
	.container_r img{width: 66%;margin: 9px auto;}
	.txt_bot{width: 100vw;display: block;padding-right: 40px;}
	}

@media screen and (max-width:1024px){
	.pdlft_none{padding:20px 0;}
	.container_l{display:inline-block;width: 47%;padding: 25px 0px 0 0;word-break: keep-all;vertical-align: top;}
	.container_r{display:inline-block;width: 50%;}
	.container_r img{width: 82%;margin: 32px auto;}
}	

@media screen and (max-width:980px){
	.leftmenu {display:none;}
	.pdlft_none{padding:20px 0;}
	.container_l{display:inline-block;width: 47%;padding: 25px 0px 0 0;word-break: keep-all;vertical-align: top;}
	.container_r{display:inline-block;width: 50%;}
	.container_r img{width: 55%;margin: 30px auto;}
	.content, .sub_top {padding-left:0;}
	.content {padding-bottom:0;}
}

@media screen and (max-width:960px){
	.pdlft_none{padding:20px 0;}
	.container_l{display:inline-block;width: 47%;padding: 25px 0px 0 0;word-break: keep-all;vertical-align: top;}
	.container_r{display:inline-block;width: 50%;}
	.container_r img{width: 58%;margin: 32px auto;}
	}	

@media screen and (max-width:890px){
	.rule_btn_wr {padding-right:1px;}
	.rule_btn {width:25%; font-size:13px;}
}

@media screen and (max-width:768px){
	.pdlft_none{padding:20px 0;}
	.container_l{display:inline-block;width: 100%;padding: 25px 0px 0 0;word-break: keep-all;vertical-align: top;}
	.container_r{display:none}
	.rule_btn {font-size:14px;line-height:22px;padding:10px 3px;width:25%;flex:0 0 25%;}
}	

@media screen and (max-width: 620px){
	.sub1_1_tit{
    background-size: 100%;
    background: url(../img/page/m_sub1_1_img01_240306.jpg) no-repeat center;
    }
}

@media screen and (max-width:515px){
	.rule_btn {width:calc(100% / 3);flex:0 0 33%;}
}
@media screen and (max-width:430px){
	.rule_btn {width:50%;flex:0 0 50%;}
}

/* sub1_2 */
.sub1_2_tab {display:block;width:100%;margin:10px auto 0;overflow:hidden;}
.sub1_2_tabs li {transition:all 0.3s ease;float:left;cursor:pointer;display:inline-block;width: 25%;height:43px;line-height:43px;text-align:center;color:#ccc;font-size:16px;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.sub1_2_tabs li:first-child {border-left: 1px solid #ddd;}
.subtab1-link.current {display:block; }
ul.sub1_2_tabs {overflow:hidden;}
ul.sub1_2_tabs li.current{color:#0661cb; border:1px solid #0661cb; display:inline-block;width:25%;height:43px;text-align:center; font-weight:500; transition:all 0.3s ease;}
ul.sub1_2_tabs li:hover {font-size:16px; color:#0661cb; border:1px solid #0661cb; font-weight:500; transition:all ease 0.3s 0s;}
.subtab1-content {display:none; padding-top:30px;}
.subtab1-content.current {display: block;}

.sub_tit_01 {background:url('../img/page/sub_tit_icon01.png') no-repeat top left; padding:10px 0; margin-top:30px; font-size:20px; font-weight:500; word-break:keep-all;}
.sub_txt_01 p {color:#0e51a4; font-size:17px; line-height:35px;}
.sub_txt_01 {font-size:16px; padding:0 10px; color:#666;line-height:27px; word-break:keep-all; letter-spacing:-0.5px;}
.sub_txt_02 {width:100%; margin:10px 0;padding:30px; border:1px solid #ddd; font-size:16px; letter-spacing:-0.5px;word-break:keep-all;}

.sub_mission01 {width:100%; padding:100px 0;}
.sub_mission01 img {margin:0 auto;}
.sub_mission02 {padding-bottom:30px;}
.mission_box {display:table;overflow:hidden; margin:20px 0; width:100%;background:#eee; 
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2);

border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

.miss_tit {width:183px; height:120px; padding-left:30px; line-height:120px; color:#fff; font-size:20px; font-weight:500; float:left;}
.miss_tit01 {background:url('../img/page/sub1_2_mission02.png') no-repeat center;}
.miss_tit02 {background:url('../img/page/sub1_2_mission03.png') no-repeat center;}
.miss_tit03 {background:url('../img/page/sub1_2_mission04.png') no-repeat center;}
.miss_tit04 {background:url('../img/page/sub1_2_mission05.png') no-repeat center;}
.miss_txt {display:table-cell; vertical-align:middle; width:inherit;padding:20px;color:#444; font-size:16px; letter-spacing:-0.5px; word-break:keep-all; }

.sub_vision_wr {overflow:hidden;}
.sub_vision01 {border:1px solid #ddd; position:relative; width:492px; height:270px; font-size:20px; font-weight:300; letter-spacing:-1px; text-align:center; padding-top:75px; float:left;}
.sub_vision01 span {font-size:42px; font-weight:bold; color:#4d81e3;}
.sub_vision02 {width:500px; height:270px; float:left;margin-left:20px;}
.sub_vision_tit {padding:10px; font-size:23px; }
.sub_vision_tit span {display:block; margin-top:5px;width:25px; height:3px; background-color:#333;}
.vision_box {padding:10px;}
.vision_box li {width:240px; height:90px; float:left; text-align:center;padding:18px; font-size:17px; font-weight:300;}
.bold5 {font-weight:500 !important;}
.vision_box li:first-child {background:#ccd9e8; margin-bottom:10px;}
.vision_box li:nth-child(2) {background:#fdf3db; margin-bottom:10px;}
.vision_box li:nth-child(3) {background:#ddf2f1;}
.vision_box li:last-child {background:#f6e8f1;}

.sub_tit_02 {text-align:center; line-height:100px; font-size:25px; color:#3572e0; /*padding-top:30px;*/ font-weight:600; background:url('../img/page/sub_tit_line01.png') no-repeat center bottom;}
.sub_txt_03 {letter-spacing:-1px;text-align:center;font-size:19px;font-weight:400;padding:60px 40px;margin: 20px 0;border: 1px solid #ddd;position: relative;word-break:keep-all;line-height: 28px;}

.sub_vision03 {padding:20px;text-align:center;}
.sub_vision03 img {margin:0 auto;}

.sub_vision04 {padding:20px;text-align:center;}
.sub_vision04 img {margin:0 auto;}

.sub_vision05 {padding:0 0 50px;}
.subject_box {padding-top:103px; background:url('../img/page/sub1_2_vision05.png') no-repeat top center; overflow:hidden;}
.subject_box div {width:240px; float:left; margin-right:20px; margin-bottom:20px;text-align:center;font-size:16px; border:1px solid #ddd; letter-spacing:-1px; word-break:keep-all;}
.subject_box div:last-child {margin-right:0;}
.subject_box div p:nth-child(2) {padding:15px 5px; font-size:18px; color:#999; font-weight:500;}
.subject_box div p span {font-size:15px;}

.subject_tit1 {background:url('../img/page/sub1_2_vision05_1.png') no-repeat center #e4ecfb; height:80px;}
.subject_tit2 {background:url('../img/page/sub1_2_vision05_2.png') no-repeat center #e4ecfb; height:80px;}
.subject_tit3 {background:url('../img/page/sub1_2_vision05_3.png') no-repeat center #4980e3; height:80px;}
.subject_tit4 {background:url('../img/page/sub1_2_vision05_4.png') no-repeat center #4980e3; height:80px;}

.sub_vision06 {text-align:center; color:#343434; font-size:20px;position:relative;}
.sub_vision06 p {position:relative; z-index:2; word-break:keep-all;}
.sub_vision06 span {position:absolute; background:#d9d9d9; width:530px; height:17px; display:inline-block; bottom:0; left:50%; margin-left:-265px;}

.sub_goal01 {padding:20px;}
.sub_goal01 img {margin:0 auto;}
.fts20 {font-size:20px !important; font-weight:300;}

.sub_strategy01, .sub_strategy02 {padding:70px 0 20px;}
.sub_strategy01 img, .sub_strategy02 img {margin:0 auto;}

.keyword_box {overflow:hidden; margin:0 auto;}
.keyword_box div {float:left; margin-bottom:16px; text-align:center;}
.keyword_box div p {line-height:30px;}
.key_01 {width:240px; height:230px; border:1px solid #ddd; margin-right:17px;}
.key_01 p {padding-top:25px;}
.key_02 {background:#f5f5f5; width:240px; height:230px; border:1px solid #ddd; margin-right:17px;}
.key_02 p {padding-top:25px;}
.key_03 {width:240px; height:230px; border:1px solid #ddd; margin-right:16px;}
.key_03 p {padding-top:10px;}
.key_04 {background:#f5f5f5;width:240px; height:230px; border:1px solid #ddd;}
.key_04 p {padding-top:55px;}

.strategy_box {padding-top:103px; background:url('../img/page/sub1_2_vision05.png') no-repeat top center; overflow:hidden;}
.strategy_box div {width:240px; float:left; margin-right:20px; margin-bottom:20px;text-align:center;font-size:16px; border:1px solid #ddd; letter-spacing:-1px; word-break:keep-all;}
.strategy_box div:last-child {margin-right:0;}
.strategy_box div p:nth-child(2) {height:140px; padding:25px 5px; font-size:18px; color:#999; font-weight:500;}
.strategy_box div p span {font-size:15px;}
.strategy_tit1 {background:url('../img/page/sub1_2_strategy07.png') no-repeat center #54beb8; height:80px;}
.strategy_tit2 {background:url('../img/page/sub1_2_strategy08.png') no-repeat center #4980e3; height:80px;}
.strategy_tit3 {background:url('../img/page/sub1_2_strategy09.png') no-repeat center #f9c54c; height:80px;}
.strategy_tit4 {background:url('../img/page/sub1_2_strategy10.png') no-repeat center #13395f; height:80px;}

@media screen and (max-width:1299px){
	.sub_vision01 {float:none; margin:0 auto;}
	.sub_vision02 {float:none; margin:0 auto;}
	
	.sub_vision05 {padding:0;}
	.subject_box, .strategy_box {background:none; padding-top:20px;}
	.subject_box, .strategy_box {width:500px; margin:0 auto;}
	.subject_box div:nth-child(2), .strategy_box div:nth-child(2) {margin-right:0;}

	.sub_goal01 img {width:100%;}
	
	.keyword_box {width:497px;}
	.key_02 {margin-right:0;}
}
@media screen and (max-width:845px){
	.sub1_2_tabs li {width: 100% !important;display:block;margin: 0 auto;float: none;border-left:1px solid #ddd;border-bottom:0;font-size: 15px;}
	.sub1_2_tabs li:last-child {border-bottom:1px solid #ddd;}
	ul.sub1_2_tabs li.current {}

	.sub_txt_03 {font-size:16px;padding:20px;}
	.sub_txt_03 br {display:none;}
}
@media screen and (max-width:620px){
	.sub_mission01 {padding:50px 0;}
	.sub_mission01 img {width:100%;}
}
@media screen and (max-width:590px){
	.sub_vision03 img {width:100%;}
}
@media screen and (max-width:535px){	
	.sub_vision06 {font-size:17px;}
	.sub_vision06 span {width:100%; padding:0 10px; left:0px; margin-left:0;}
	.keyword_box {width:100%; padding:10px;}
	/*  */
	.keyword_box div {font-size:15px;}
	.keyword_box div p {line-height:25px;}
	.key_01 p, .key_02 p {padding-top:20px;}
	.key_03 p {padding-top:5px;}
	.key_04 p {padding-top:45px;}
	.key_01, .key_02, .key_03, .key_04{width:45%; margin:2.5%; background-size:100%; height:190px;}
	/*  */
}
@media screen and (max-width:515px){
	.sub_vision01 {width:100%;background-size:100%; font-size:18px;}
	.sub_vision01 span {font-size:35px;}
	.subject_box, .strategy_box{width:240px;}
	.subject_box div, .strategy_box div {margin-right:0;}
}
@media screen and (max-width:510px){
	.miss_tit {width:130px; height:100px; background-position:left; line-height:100px}
}
@media screen and (max-width:480px){
	.sub_vision02 {width:100%;}
	.sub_vision02 li {width:50%;}
	.sub_vision06 p {padding:0 50px;}
	.sub_vision06 span {display:none;}
	/*  */
	.keyword_box div {font-size:14px;}
	/*.key_01, .key_02, .key_03, .key_04{background-size:110%;}*/
	/*  */
}
@media screen and (max-width:400px){
	.sub_vision01 {height:200px; padding-top:45px;}
	/*  */
	/*.key_01, .key_02, .key_03, .key_04{background-size:100%; height:150px;}*/
	/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â«ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â */
}

/* sub1_2 new */
#vision-strategy-page { font-family: 'Noto Sans KR', sans-serif; color: #333; line-height: 1.6; padding: 10px 20px; }
#vision-strategy-page .main-wrapper { max-width: 1020px; margin: 0 auto; }

/* Layout Grid System */
#vision-strategy-page .section-row { display: flex; margin-bottom: 50px; align-items: flex-start; }
#vision-strategy-page .section-label { width: 120px; min-width: 120px; padding-top: 20px; position: relative; }
#vision-strategy-page .section-label::before { content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 4px; background-color: #002d56; }
#vision-strategy-page .section-label h2 { font-size: 18px; font-weight: 700; color: #333; }
#vision-strategy-page .section-content { flex-grow: 1; }

/* Base Components */
#vision-strategy-page .vision-box { border: 1px solid #e1e1e1; padding: 30px; text-align: center; background-color: #ffffff; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
#vision-strategy-page .vision-box h3 { font-size: 29px; font-weight: 700; color: #333; }
#vision-strategy-page .vision-box .highlight { color: #1e578c; display: inline-block; }
#vision-strategy-page .vision-box .highlight::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #1e578c; }

/* Slogan Section */
#vision-strategy-page .slogan-container { display: flex; overflow: hidden; width: 100%; height: 64px; }
#vision-strategy-page .slogan-item { display: flex; align-items: center; color: #ffffff; font-weight: 700; line-height: 1.25; position: relative; text-align: center; }
#vision-strategy-page .slogan-navy { background-color: #002d56; width: 32%; flex-shrink: 0; clip-path: polygon(25px 0, 100% 0, calc(100% - 25px) 100%, 0 100%); justify-content: center; padding-left: 20px; padding-right: 15px; font-size: 22px; white-space: nowrap; }
#vision-strategy-page .slogan-cyan { background: linear-gradient(90deg, #02b6fb 0%, #0081d6 50%, #0a5cb3 100%); flex-grow: 1; margin-left: -20px; clip-path: polygon(25px 0, 100% 0, calc(100% - 25px) 100%, 0 100%); padding-left: 30px; padding-right: 30px; justify-content: center; font-size: 22px; }

/* Specialization Section */
#vision-strategy-page .special-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
#vision-strategy-page .special-card { background-color: #f0f0f0; }
#vision-strategy-page .special-header { background-color: #8bb8db; padding: 15px; text-align: center; color: #000; font-weight: 700; font-size: 22px; }
#vision-strategy-page .special-card:nth-child(2) .special-header { background-color: #bbd5eb; }
#vision-strategy-page .special-body { padding: 20px; text-align: center; font-weight: 700; font-size: 17px; color: #000; }

/* Strategic Direction (BLUE) */
#vision-strategy-page .blue-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
#vision-strategy-page .blue-card { border: 1px solid #e1e1e1; padding: 25px 15px; position: relative; background-color: #ffffff; display: flex; justify-content: center; align-items: center; min-height: 150px; }
#vision-strategy-page .blue-letter { font-size: 56px; font-weight: 700; color: #8db5da; line-height: 1; position: absolute; left: 15px; top: 15px; z-index: 1; }
#vision-strategy-page .blue-info { position: relative; z-index: 2; text-align: center; width: 100%; }
#vision-strategy-page .blue-title { font-weight: 700; font-size: 16px; margin-bottom: 8px; color: #000; line-height: 1.4; letter-spacing: -0.5px; }
#vision-strategy-page .blue-desc { color: #888; font-size: 14px; font-weight: 400; line-height: 1.3; }

/* Strategic Tasks Section */
#vision-strategy-page .task-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
#vision-strategy-page .task-column { display: flex; flex-direction: column; gap: 8px; }
#vision-strategy-page .task-header { color: #ffffff; padding: 20px; text-align: center; font-weight: 700; font-size: 21px; }
#vision-strategy-page .task-item { background-color: #e6f0f8; padding: 18px; text-align: center; font-size: 16px; font-weight: 500; color: #333; }
#vision-strategy-page .task-column:nth-child(1) .task-header { background: linear-gradient(90deg, #02b6fb 0%, #0081d6 100%); }
#vision-strategy-page .task-column:nth-child(2) .task-header { background: linear-gradient(90deg, #00b0f0 0%, #0070c0 100%); }
#vision-strategy-page .task-column:nth-child(3) .task-header { background: linear-gradient(90deg, #006ebc 0%, #002e64 100%); }
#vision-strategy-page .task-column:nth-child(4) .task-header { background: linear-gradient(90deg, #116cb8 0%, #001f44 100%); }

@media (max-width: 1024px) {
    #vision-strategy-page { padding: 40px 20px; }
    #vision-strategy-page .section-row { flex-direction: column; align-items: stretch; }
    #vision-strategy-page .section-content { width: 100%; }
    #vision-strategy-page .section-label { width: 100%; margin-bottom: 20px; padding-top: 0; }
    #vision-strategy-page .section-label::before { top: -10px; }
    #vision-strategy-page .blue-grid, #vision-strategy-page .task-grid { grid-template-columns: repeat(2, 1fr); }
    #vision-strategy-page .slogan-item { font-size: 19px; }
}

@media (max-width: 768px) {
    #vision-strategy-page .special-grid { grid-template-columns: 1fr; }
    #vision-strategy-page .slogan-container { flex-direction: column; height: auto; }
    #vision-strategy-page .slogan-navy, #vision-strategy-page .slogan-cyan { width: 100%; max-width: none; clip-path: none !important; margin-left: 0 !important; padding: 20px; text-align: center; justify-content: center; }
}

@media (max-width: 600px) {
    #vision-strategy-page { padding: 30px 15px; }
    #vision-strategy-page .blue-grid, #vision-strategy-page .task-grid { grid-template-columns: 1fr; }
    #vision-strategy-page .vision-box h3 { font-size: 21px; word-break: keep-all; }
    #vision-strategy-page .blue-letter { font-size: 45px; top: 12px; left: 12px; }
    #vision-strategy-page .blue-card { padding: 20px 15px; min-height: 120px; }
    #vision-strategy-page .task-header { font-size: 18px; padding: 15px; }
}


/* sub1_2_2 */
.sub1_2_2_tab {display:block;width:100%;margin:10px auto 0;overflow:hidden;}
.sub1_2_2_tabs li {transition:all 0.3s ease;float:left;cursor:pointer;display:inline-block;width:25%;height:60px;line-height:58px;text-align:center; color:#686868; font-size:18px; border:1px solid #ddd;}
.subtab2-link.current {display:block; }
ul.sub1_2_2_tabs {overflow:hidden;}
ul.sub1_2_2_tabs li.current{color:#1369cb; border:1px solid #ddd; background:#f7f7f7;display:inline-block;width:25%;height:60px;text-align:center; font-weight:500; transition:all 0.3s ease;}
ul.sub1_2_2_tabs li:hover {font-size:18px; color:#1369cb;background:#f7f7f7; border:1px solid #ddd; font-weight:500; transition:all ease 0.3s 0s;}
.subtab2-content {display:none; padding-top:30px;}
.subtab2-content.current {display: block;}

.his_wr {letter-spacing:-1px;color:#3a3a3a;  overflow:hidden;}
.his_wr p {float:left;display:block; width:20%; font-size:34px; font-weight:500; padding:0px 20px 0 20px;}
.his_txt { position:relative;float:left;  width:80%;border-left:1px solid #ddd; padding:10px 10px 50px;}
.his_txt li {width:100%; float:left; padding:3px 10px; font-size:16px; font-weight:400;}
.his_txt li span {font-size:17px; font-weight:500; padding:0 20px; display:block; float:left;}
.his_icon01 {background:url('../img/page/sub_his01.png') no-repeat center; position:absolute; top:10px; left:-11px; width:22px; height:22px;}
.his_icon02 {background:url('../img/page/sub_his02.png') no-repeat center; position:absolute; top:10px; left:-11px; width:22px; height:22px;}

@media screen and (max-width:530px){
	.his_wr p {width:100%;}
	.his_txt {width:100%; margin-left:11px;}
}


/* sub1_2_3 */
.sub_li_01 {margin:0 10px;color:#0d4892;}
.sub_li_01 > li {word-break:keep-all;background:url('../img/page/sub_li_01.png') no-repeat left top 10px; padding-left:20px; font-size:17px; letter-spacing:-0.5px; line-height:35px;}

.sub_li_02 {margin:0 0 10px 10px;color:#373737;}
.sub_li_02 > li {word-break:keep-all;background:url('../img/page/sub_li_02.png') no-repeat left top 10px; padding-left:20px; font-size:16px; letter-spacing:-0.5px; line-height:30px;}

.sub_li_03 {margin:0 0 10px 5px;color:#373737;}
.sub_li_03 > li {word-break:keep-all;background:url('../img/page/sub_li_03.png') no-repeat left top 9px; padding-left:15px; font-size:15px; letter-spacing:-0.5px; line-height:24px; color:#666;}

.glo_box {overflow:hidden; padding:20px; margin:0 auto; }
.glo01, .glo02, .glo03 {position:relative; border:1px solid #eee; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#fff; width:fit-content; float:left; margin-bottom:30px;}
.lt_line {width:24px; height:24px; background:url('../img/page/box_lefttop.png') no-repeat center; display:block; position:absolute; top:0; left:0;}
.br_line {width:24px; height:24px; background:url('../img/page/box_bottomright.png') no-repeat center; display:block; position:absolute; bottom:0; right:0;}
.glo01, .glo02 {margin-right:30px;}
.glo01 img, .glo02 img, .glo03 img {padding:30px;}


.sub_univ {}
.univbox {margin:5px 5px 30px; width:192px; height:238px; float:left;}
.univbox img {border:1px solid #ddd;}
.univbox p {margin-top:10px; display:inline-block; width:100%; border:1px solid #ddd; background:#f2f2f2; font-size:15px; padding:10px; text-align:center; }




@media screen and (max-width:1299px){
	.glo01, .glo02 {width:31%; margin-right:2%;}
	.glo03 {width:32%;}
	.glo01 img, .glo02 img, .glo03 img {width:100%;}
}

@media screen and (max-width:700px){
	.glo01 img, .glo02 img, .glo03 img {padding:15px;}
}
@media screen and (max-width:625px){
	.sub_univ {width:404px; margin:0 auto;}
}
@media screen and (max-width:480px){
	.glo_box {padding:20px 0;}
	.glo01 {width:45%; margin-right:5%;}
	.glo02 {width:45%;}
	.glo03 {width:50%; margin:0 auto;}
	
	.sub_univ {width:100%;}
	.univbox {width:45%; margin:2.5%; height:auto;}
	.univbox img {width:100%;}
}

/* table style */
.tb_1 {border-top:2px solid #1369cb; letter-spacing:-1px; width:100%; padding:10px; margin:5px auto; color:#141414;}
.tb_1 tr {border-bottom:1px solid #cfcfcf;}
.tb_1 th, .tb_1 td {border-right:1px solid #cfcfcf; text-align:left; padding:10px; word-break:keep-all;}
.tb_1 th:last-child, .tb_1 td:last-child {border-right:0;}
.tb_1 th {font-size:16px; font-weight:500; background:#f5faff; color:#1369cb}
.tb_1 td {font-size:15px; font-weight:400;}

.tb_1 a {margin:0px auto;}
/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ */
.tb_2 {border-top:2px solid #1369cb; letter-spacing:-1px; width:100%; padding:10px; margin:5px auto; color:#141414;}
.tb_2 tr {border-bottom:1px solid #cfcfcf;}
.tb_2 th, .tb_2 td {border-right:1px solid #cfcfcf; text-align:center; padding:10px; word-break:keep-all;}
.tb_2 th:last-child, .tb_2 td:last-child {border-right:0;}
.tb_2 th {font-size:16px; font-weight:500; background:#f5faff; color:#1369cb}
.tb_2 td {font-size:15px; font-weight:400;}
/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â«ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â */

/* sub1_2_4 */
.sub_song {margin:20px auto; width:100%; padding:20px 0; overflow:hidden;}
.song01 {position:relative; border:1px solid #ddd; width:50%; float:left; overflow:hidden;}
.song01 img {padding:50px; margin:0 auto;}
.song02 {width:50%; float:left; padding:30px; overflow:hidden; font-size:16px; color:#343434; font-weight:400;}
.song02 img {margin-bottom:20px;}
.song02 p {padding:20px 0;border-bottom:1px solid #ddd;}
.song03 {padding:20px 0; word-break:keep-all;}


@media screen and (max-width:1299px){
	.song01 {width:60%; margin:0 auto; float:none;height:auto;}
	.song01 img {width:100%;}
	.song02 {width:60%; margin:0 auto; float:none;}
}

@media screen and (max-width:680px){
	.song01 {width:60%;}
	.song01 img {padding:20px;}
	.song02 {width:100%; padding:30px 10px;}
}
@media screen and (max-width:480px){
	.song01 {width:100%;}
	.song01 img {padding:15px;}
}	

/* sub1_2_4_new */
/*심볼*/
.symbol_custom {font-family:'Pretendard';}
.symbol_custom .mgt20 {margin-top:1rem}
.symbol_custom .mgt35 {margin-top:1.75rem}
.symbol_custom .mgt50 {margin-top:2.5rem}
.symbol_custom .mgt100 {margin-top:5rem}
.symbol_custom .tit_c{font-size:1.25rem;font-weight:700;color:#022c52;margin-bottom: 2rem;}
.symbol_custom .tit_c2{font-size:1rem; font-weight:700; color:#333333; margin-bottom:1.75rem}
.symbol_custom .txt_wrap {display:flex;font-family: 'Montserrat';line-height: 1.25rem;gap: 1.25rem;}
.symbol_custom .txt_wrap h1{width: 8.2rem;color: #022c52;font-size: 1rem;font-weight: 300;}
.symbol_custom .txt_wrap h1 span{display: block;font-size: 0.9rem;font-weight: 700;}
.symbol_custom .txt_wrap p{max-width: calc(100% - 9.5rem);font-weight: 400;font-size: 1rem;color: #103760;word-break: auto-phrase;font-family: 'Pretendard';}
.symbol_custom .txt_wrap .pc_pink {color:#e73f97;}
.symbol_custom .img_right{text-align: center;}
.symbol_custom .img_right img{max-width:100%;width: 50%;}
.symbol_custom .box_c{display: flex;background: #fff;border: 1px solid #dadce0;border-radius: 0.75rem;padding: 2.5rem;text-align: center;align-items: center;justify-content: center;}
.symbol_custom .box_c img {max-width: 100%;width: 50%;}
.symbol_custom .box_c img.w100 {width:100%;}
.symbol_custom .box_c img.w50 {width:50%;}
.symbol_custom .w18 {max-width: 18rem !important;}
.symbol_custom .box_c.img_txt{gap: 2rem;padding: 2.5rem 1rem 2.5rem 2.5rem;}
.symbol_custom .box_c.img_txt .imgWrap{max-width: 7rem;}
.symbol_custom .box_c.img_txt .imgWrap img {width:100%;}
.symbol_custom .box_c.img_txt .txtWrap{text-align: left;color: #022c52;}
.symbol_custom .box_c.img_txt .txtWrap h3{line-height: 1.2;font-size: 3rem;font-weight: 700; margin-bottom: 0.5rem;}
.symbol_custom .box_c.img_txt .txtWrap h3.fs30 {font-size:1.5rem}
.symbol_custom .box_c.img_txt .txtWrap p{font-size: 0.9rem;font-weight: 400;line-height: 1.5;word-break: auto-phrase;letter-spacing: -1px;}
.symbol_custom .flex_box{display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.symbol_custom .flex_box.w50{gap: 1rem;}
.symbol_custom .flex_box.w50 .box_c {width:calc(50% - 0.5rem)}
.symbol_custom .flex_box.w50 .box_c.al {justify-content: flex-start;padding: 2.5rem 5rem;}
.symbol_custom .box_blue{display: flex;width: 100%;height: 13rem;background: #00468B;border-radius: 0.75rem;color: #fff;padding: 1rem 1.15rem;box-sizing: border-box;flex-direction: column;justify-content: space-between;font-family: 'Montserrat';}
.symbol_custom .box_blue h3{font-weight: 700;font-size: 0.9rem;}
.symbol_custom .box_blue > div {display: flex;text-align: right;flex-direction: column;font-weight: 400;font-size: 0.8rem;}
.symbol_custom .box_blue > div span{display: inline;}
.symbol_custom .button_wrap {display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 3.5rem;}
.symbol_custom .button_wrap a{display: flex;max-width: 11.5rem;width: 100%;height: 2.75rem;justify-content: space-between;align-items: center;border: 1px solid #1a1a1a;padding: 0 0.5rem 0 0.8rem; gap: 10px;}


@media all and (max-width:1200px) {
	.symbol_custom .flex_box.w50 .box_c.al {justify-content: flex-start;padding: 2.5rem 3rem;}
}
@media all and (max-width:1024px) {
	.greeting .tit{margin-left:0; padding:0 0 20px; }
	.greeting .img_wrap {top:220px; }
	.greeting .img_wrap img{width:250px; }
	.greeting .logo{height:auto; text-align:right; }
	.greeting .logo img{position:relative; opacity:1; animation:none; }
	.greeting .logo::before{width:100%; animation:none; }
	.greeting .logo::after{opacity:1; animation:none; }
	.greeting .cont_wrap{margin-left:280px; }

	.greeting .tit h2{animation:none; }
	.greeting .tit h2 span{display:inline; }
	.greeting .sign{font-size:15px; }
	.greeting .sign img{width:60px !important; height:auto; }
	.greeting .logo img{width:90px; height:90px; }
	.greeting .img_wrap{position:relative; width:100%; left:auto; top:auto; text-align:center; }	
	.greeting .img_wrap img{width:200px; }
	.greeting .cont_wrap{margin:20px 0 0; font-size:15px; }

	.symbol_custom .flex_box.w50 .box_c.al {justify-content: flex-start;padding: 2.5rem 2rem;}
}

@media all and (max-width:756px) {
.symbol_custom .box_c.img_txt{flex-wrap:wrap; gap: 1rem;padding: 2.5rem;}
	.symbol_custom .box_c.img_txt .imgWrap{width:100%;}
	.symbol_custom .box_c.img_txt .txtWrap{width:100%;}
	.symbol_custom .box_c.img_txt .txtWrap h3{line-height: 1.2;font-size: 2rem;}
	.symbol_custom .box_c.img_txt .txtWrap h3.fs30{line-height: 1.2;font-size: 1rem;}
.symbol_custom .box_c.img_txt .txtWrap p{font-size: 0.9rem;}
	.symbol_custom .tit_c{margin-bottom: 1rem;}
.symbol_custom .tit_c2{margin-bottom:1rem}
	.symbol_custom .flex_box.w50 .box_c {width:100%;}
	.symbol_custom .button_wrap {flex-wrap:wrap;}
	.symbol_custom .mgt20 {margin-top: 1rem;}
	.symbol_custom .mgt35 {margin-top:1rem}
	.symbol_custom .mgt50 {margin-top:1.5rem}
	.symbol_custom .mgt100 {margin-top: 3rem;}

	.symbol_custom .txt_wrap {flex-wrap:wrap;gap: 0.5rem;}
.symbol_custom .txt_wrap h1{width:100%;}
.symbol_custom .txt_wrap p{max-width:100%;}
	.symbol_custom .box_c img {width:100%;}
	}


/* file_btn style */
.file_btn01 {line-height:60px;color:#343434;padding:0 20px; display:inline-block; text-align:left; width:200px; height:60px; border:1px solid #ddd;  background:url('../img/page/sub_file_off.png') no-repeat right 20px center;}
.file_btn01:hover {color:#fff;background:url('../img/page/sub_file_on.png') no-repeat right 20px center #1b6ecd; font-weight:500; border:1px solid #1b6ecd; transition:all 0.3s ease-in-out;}

.file_btn02 {line-height:60px;color:#fff;padding:0 20px; display:inline-block; text-align:left; width:200px; height:60px; border:1px solid #ccc;  background:url('../img/page/sub_file_on.png') no-repeat right 20px center #ccc;}
.file_btn02:hover {color:#fff;background:url('../img/page/sub_file_on.png') no-repeat right 20px center #1b6ecd; font-weight:500; border:1px solid #1b6ecd; transition:all 0.3s ease-in-out;}

.file_btn03 {line-height:50px;color:#343434;padding:0 50px 0 20px; display:inline-block; text-align:left; height:50px; border:1px solid #ddd; padding-right:50px; background:url('../img/page/sub_file_off.png') no-repeat right 20px center;}
.file_btn03:hover {color:#fff;background:url('../img/page/sub_file_on.png') no-repeat right 20px center #1b6ecd; font-weight:500; border:1px solid #1b6ecd; transition:all 0.3s ease-in-out;}

@media screen and (max-width:400px){
	.file_btn03 {text-indent:-9999px; padding:30px; overflow:hidden;}

}

/* sub1_2_5 */
.gridbg {background:url('../img/page/grid_pattern.jpg'); }
.sub_symbol {margin:20px 0; overflow:hidden;}
.symbol01 {float:left; }
.symbol_img {margin:20px 0;position:relative;width:490px; height:270px;border-bottom:1px solid #eee;}
.symbol_img img {margin:0 auto; padding-top:40px;}
.symbol01 a {margin-right:20px; width:235px;}
.symbol01 a:last-child {margin-right:0;}
.symbol02 {width:490px; height:270px; float:left;}
.symbol_box {padding: 20px;position:relative;}
.cha_box {padding:60px 20px 20px; position:relative;}
.symbol_box span, .cha_box span {font-size:15px;}
.symbol_box p , .cha_box p{font-size: 35px;font-weight:500;color:#343434;line-height: 20px;padding-top: 20px;}
.symbol_box p span, .cha_box p span {display:inline-block;margin-top:5px;width:25px;height:3px;background:#343434;}
.symbol_txt {padding: 10px 0;word-break:keep-all;font-size:16px;letter-spacing:-1px;font-weight:400;line-height:24px;}
.color_box {position:absolute; top:60px; right:0; background:url('../img/page/symbol_color.jpg') no-repeat center; width:197px; height:44px;}

.logo01, .logo02, .sig01, .sig02, .emb01, .emb02, .slo01, .slo02, .cha01 {position:relative;width:45%; margin:2.5%; height:270px; float:left; border-bottom:1px solid #eee;}
.sub_logo img {margin:0 auto;}
.logo01 img, .sig01 img {padding-top:100px;}
.logo02 img {padding-top:10px;}
.sig02 img, .emb02 img, .slo02 img {padding-top:60px;}
.emb01 img, .slo01 img {padding-top:50px;}
.slo02 img {padding-top:70px;}
.cha01 img {padding-top:40px;}

.symbol_txt span {padding:0 10px;}

@media screen and (max-width:1270px){
	.sub_symbol {width:100%;}
	.symbol_img {width:100%;}
	.symbol01, .symbol02 {width:50%;}
	.symbol01 a {width:45%; margin:2.5%;}
	.logo01 img, .sig01 img {width:70%;}
}

@media screen and (max-width:740px){
	.color_box {position:static; margin:20px 0;}
	.symbol02 {height:auto;}
	.logo01, .logo02, .sig01, .sig02, .emb01, .emb02, .slo01, .slo02 {width:95%; margin:2.5%;}
}

@media screen and (max-width:680px){
	.symbol01, .symbol02 {width:100%;}
}

/* sub1_2_5_new */

	.tit1 {margin-bottom:10px; padding-top:20px; padding-left:28px; font-size:24px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; background:url("../img/page/bu_tit1.png") no-repeat left top;}
	.box_st1 {position:relative;padding:15px 25px;border:1px solid #bfbfbf;background:#fff;}
	.con_wr .univSymbol .tit1 {padding-top: 0!important;}

    .univSymbol{margin:0 0 50px; }
	.univSymbol .symbol{position:relative; margin:20px 0 0; }
	.univSymbol .symbol .img_wrap{position:absolute; left:0; top:0; width:300px; height:100%; }
	.univSymbol .symbol .img_wrap::before{content:""; position:absolute; right:-10px; top:50%; width:21px; height:21px; margin-top:-10px; background:url('../img/page/dot_univSymbol.png') no-repeat center; z-index:1; }
	.univSymbol .symbol .img_wrap::after{content:""; position:absolute; right:0px; top:50%; width:100%; height:1px; background:#ccc; z-index:0; }
	.univSymbol .symbol .img_wrap img{position:relative; top:50%; margin-top:-125px; max-width:100%; height:auto; z-index:1; }
	.univSymbol .symbol .cont_wrap{display:table; min-height:250px; padding-left:300px; }
	.univSymbol .symbol .box_st1{position:relative;display: table;vertical-align:middle;padding:35px 25px;z-index:0;}
	.univSymbol .symbol .box_st1 p{color:#111; margin:15px 0; line-height:1.6; font-size: 12pt;}


@media screen and (max-width:980px) {
	.univSymbol{margin:0 0 50px; }
	.univSymbol .symbol{position:relative; margin:20px 0 0; }
	.univSymbol .symbol .img_wrap{position:absolute; left:0; top:0; width:300px; height:100%; }
	.univSymbol .symbol .img_wrap::before{content:""; position:absolute; right:-10px; top:50%; width:21px; height:21px; margin-top:-10px; background:url('../img/page/dot_univSymbol.png') no-repeat center; z-index:1; }
	.univSymbol .symbol .img_wrap::after{content:""; position:absolute; right:0px; top:50%; width:100%; height:1px; background:#ccc; z-index:0; }
	.univSymbol .symbol .img_wrap img{position:relative; top:50%; margin-top:-125px; max-width:100%; height:auto; z-index:1; }
	.univSymbol .symbol .cont_wrap{display:table; min-height:250px; padding-left:300px; }
	.univSymbol .symbol .box_st1{position:relative;display: table;vertical-align:middle;padding:35px 25px;z-index:0;}
	.univSymbol .symbol .box_st1 p{color:#111; margin:15px 0; line-height:1.6; font-size: 12pt;}
}

@media screen and (max-width:640px){

    .univSymbol{margin:0 0 50px; }
	.univSymbol .symbol{position:relative; margin:20px 0 0; }
	.univSymbol .symbol .img_wrap{position:relative; left:auto; top:auto; width:100%; padding:0 0 30px; text-align:center; }
	.univSymbol .symbol .img_wrap::before{right:50%; top:auto; bottom:-10px; width:21px; height:21px; margin-top:-11px; margin-right:-10px; }
	.univSymbol .symbol .img_wrap::after{right:50%; top:0; width:1px; height:100%; }
	.univSymbol .symbol .img_wrap img{position:relative; width:180px; top:auto; margin-top:0; }
	.univSymbol .symbol .cont_wrap{min-height:0; padding-left:0; }
}

/* text_bg style */
.text_bg01 {display:inline-block;width:70px;height:13px;background:#d0e1f5;line-height:5px;text-align:center;}
.text_bg02 {display:inline-block;width:100px;height:13px;background:#d0e1f5;line-height:5px;text-align:center;}
.text_bg03 {display:inline-block;width:140px;height:13px;background:#d0e1f5;line-height:5px; text-align:center;}
.text_bg04 {display:inline-block;width:150px;height:25px;background:#d0e1f5;line-height:15px; text-align:center; }
.text_bg05 {display:inline-block;width:170px;height:18px;background:#d0e1f5;line-height:5px; text-align:center; }


/* sub1_3 */
.sub_txt_04 {padding:20px 0;}
/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ */
.sub_txt_04 img {/*width:100%;*/}

@media screen and (max-width:1299px){
	.sub_txt_04 img {width:100%;}
}
/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â«ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â */

/* sub1_3_3 */
a.gopage_btn {font-size:15px;display:block; text-align:left; padding-left:30px; color:#343434; width:200px; height:45px; line-height:45px; background:url('../img/page/gopage_btn_off.jpg') no-repeat right 20px center #fff; border:1px solid #ccc;}
a.gopage_btn:hover {border:1px solid #3572e0; color:#3572e0; background:url('../img/page/gopage_btn_on.jpg') no-repeat right 20px center #fff; transition:all 0.3s ease-in-out;}

@media screen and (max-width:480px){
	a.gopage_btn {width:auto; padding:8px; height:auto; line-height:20px; font-size:12px; background:#fff; text-align:center;}
}


/* go page_btn style */
.gopage_btn {font-size:15px;display:block; text-align:left; padding-left:30px; color:#343434; width:200px; height:45px; line-height:45px; background:url('../img/page/gopage_btn_off.jpg') no-repeat right 20px center #fff; border:1px solid #ccc;}
.gopage_btn:hover {border:1px solid #3572e0; color:#3572e0; background:url('../img/page/gopage_btn_on.jpg') no-repeat right 20px center #fff; transition:all 0.3s ease-in-out;}


/* sub1_3_4 */
.sub_ind {margin:20px 0; overflow:hidden;word-break:keep-all;}
.ind01 {float:left; }
/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ */
.ind_txt1 {width:100%;margin:20px 0;position:relative;height:270px;border:1px solid #eee;}
.ind_txt1 {text-align:center;padding:50px 20px;}
.ind_txt1 p:first-child {font-size:15px; font-weight:400;}
.ind_txt1 p:nth-child(2) {display:block;font-size:35px; font-weight:600;}
.ind_txt1 p:nth-child(3) {font-weight:400; padding:10px;}

.ind02 {width:100%; height:270px; float:left;}
.ind_txt2 {padding: 20px;position:relative;}
.ind_txt2 p {font-size:25px;font-weight:500;color:#343434;line-height: 20px;padding-top: 20px;}
.ind_txt2 p span {display:inline-block;margin-top:5px;width:25px;height:3px;background:#343434;}
.ind_box {text-indent:15px;font-size:16px; font-weight:400; padding:15px 0;}
/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â«ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â */

.sub_group img {padding:30px 0; margin:0 auto;}
.sub_group2 img {padding:30px 0; margin:0 auto;}

@media screen and (max-width:1270px){
	.ind_txt1 {width:100%; height:auto;}
	.ind02 {width:100%;}
	.sub_group img {width:100%;}
}
@media screen and (max-width:538px){
	.sub_group2 img {width:100%;}
}

/* sub1_3_5 */
.sub_cost {margin:20px 0;position:relative;width:100%;border:1px solid #eee;}
.sub_cost img {padding:50px; margin:0 auto;}
.sub_li_03 a {color:#343434; font-weight:400; font-size:17px;}
.sub_li_03 a:hover {font-weight:500; color:#1b6ecd; transition:all 0.2s ease; text-decoration:underline;}
@media screen and (max-width:480px){
	.sub_cost img {width:100%; padding:10px 30px;}
}

/*sub1_3_6*/
.dub13_poster_02 .sub36_list {position: relative;}
.sub36_list li {float: left;text-align: center;margin: 10px 5px 20px;width: calc(25% - 10px);}
.sub36_list img {/* margin-right: 22px; */display:inline-block;margin-bottom:5px;border: 1px #dcdcdc solid;max-width: 241px;max-height: 315px;}
.sub36_list li ul {margin-left:63px; height:80px}
.sub36_list li ul li {float: left; margin: 15px 5px 30px 5px;}
.sub36_list li ul li a{color:#666; background:#f4f4f4; width:80px; border:1px solid #ddd;border-radius:0.5em;padding:4px 20px;font-size: 14px;text-align: center; 
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media screen and (max-width:820px){
	.sub36_list li {width:calc(50% - 10px);margin:10px 5px;text-align:center;}
	.sub36_list img {width:100%;}
	.sub36_list li a {height:auto;display:block;width:100%;line-height: normal;padding: 10px;font-size: 15px;font-weight: 500;text-align: center;text-indent: -20px;letter-spacing: -1px;}
}

@media screen and (max-width:420px){
	.sub36_list li {width:100%;margin:10px 0;}
}

/* sub1_4 */
.sub_call_box {width:100%;}
.major_btn_wr {width:100%; text-align:center; padding-bottom:10px; margin:10px auto; overflow:hidden; }
.major_btn {transition:all 0.3s ease; cursor:pointer; width: 16.6%;font-size: 15px;height: 40px;display:inline-block;line-height: 40px;
 text-align:center;float:left; 
 box-shadow: 
    1px 0 0 0 #ddd, 
    0 1px 0 0 #ddd, 
    1px 1px 0 0 #ddd,
    1px 0 0 0 #ddd inset, 
    0 1px 0 0 #ddd inset;
}
.major_btn:hover {background:#0661cb; color:#fff;}
.major_btn.current {background:#0661cb; color:#fff;}
.overview_textbox2 div:first-child {display:block;}
.overview_textbox2 {background:#fff; border-radius:15px; margin-top:30px; width:100%; min-height:350px;}
.overview_textbox2 div {display:none; width:100%; height:auto; background:#fafafa;}
.overview_textbox2 div table td {background:#fff;}

.office_btn_wr {width:100%; text-align:center; padding-bottom:10px; margin:10px auto; overflow:hidden; }
.office_btn {transition:all 0.3s ease; cursor:pointer; width: 19.9%;font-size: 15px;height: 40px;display:inline-block;line-height: 40px;
 text-align:center;float:left; letter-spacing:-1px;
 box-shadow: 
    1px 0 0 0 #ddd, 
    0 1px 0 0 #ddd, 
    1px 1px 0 0 #ddd,
    1px 0 0 0 #ddd inset, 
    0 1px 0 0 #ddd inset;
}
.office_btn:hover {background:#0661cb; color:#fff;}
.office_btn.current {background:#0661cb; color:#fff;}
.overview_textbox3 div:first-child {display:block;}
.overview_textbox3 {background:#fff; border-radius:15px; margin-top:30px; width:100%; min-height:350px;}
.overview_textbox3 div {display:none; width:100%; height:auto; background:#fafafa;}
.overview_textbox3 div table td {background:#fff;}

@media screen and (max-width:890px){
	.major_btn_wr, .office_btn_wr {padding-right:1px;}
	.major_btn, .office_btn {width:25%; font-size:13px;}
}
@media screen and (max-width:515px){
	.major_btn, .office_btn {width:33.3%; height:35px; line-height:35px;}
}


/* sub1_5, .sub1_5_2 */
.sub1_5_tab {display:block;width:100%;margin:10px auto 0;overflow:hidden;}
.sub1_5_tabs li {transition:all 0.3s ease;float:left;cursor:pointer;display:inline-block;width:11%;height:43px;line-height:43px;text-align:center; color:#ccc; font-size:16px; border:1px solid #ccc;}
.subtab3-link.current {display:block; }
ul.sub1_5_tabs {overflow:hidden;}
ul.sub1_5_tabs li.current{color:#0661cb; border:1px solid #0661cb; display:inline-block;height:43px;text-align:center; font-weight:500; transition:all 0.3s ease;}
ul.sub1_5_tabs li:hover {font-size:16px; color:#0661cb; border:1px solid #0661cb; font-weight:500; transition:all ease 0.3s 0s;}
.subtab3-content {display:none; padding-top:30px;}
.subtab3-content.current {display: block;}

.sub1_5_img img {display:block; margin:0 auto;}
.sub1_5_img2 img {display:block;}

.sub_li_04 {margin:20px 0px 5px;color:#0d4892;}
.sub_li_04 > li {word-break:keep-all;background:url('../img/page/sub_li_01.png') no-repeat left top 10px; padding-left:20px; font-size:20px; letter-spacing:-0.5px; line-height:35px;}

@media screen and (max-width:800px){
	.sub1_5_tabs li {width:20%;}
}
@media screen and (max-width:630px){
	.sub1_5_img2 img {width:100%;}
	.sub1_5_img img {width:100%;}
}
@media screen and (max-width:480px){
	.sub1_5_tabs li {width:33%;}
}


/* sub1_6 */
.sub_txt_05 {text-align:center; padding:20px 0; font-size:17px; color:#343434; letter-spacing:-0.5px;}
.sub_map {width:100%; padding:10px;}
.map01 {position:relative; width:100%; height:735px; background:url('../img/page/vr_bg.jpg') no-repeat center; border:10px solid #fff; border-radius:30px; box-shadow:inset 0px 0px 5px rgba(0,0,0,0.1), 0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.1), 0px 0px 5px rgba(0,0,0,0.3); -moz-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.1), 0px 0px 5px rgba(0,0,0,0.3);}
.vr_btn {background:url('../img/page/vr_btn.png') no-repeat center; width:50px; height:50px; position:absolute; z-index:2;}
.vr_btn a {width:50px; height:50px; display:block;}
.vr_01 {top:35px;left:40px;}
.vr_02 {top:165px;left:90px;}
.vr_03 {top:180px; left:210px;}
.vr_04 {top: 240px;left: 395px;}
.vr_05 {top:175px; right:355px;}
.vr_06 {top:310px; right:240px;}
.vr_07 {top:230px; right:250px;}
.vr_08 {top:340px; right:190px;}
.vr_09 {bottom:175px; left:140px;}
.vr_10 {bottom:260px; left:360px;}
.vr_11 {bottom:140px; left:520px;}

.map_btn {width:fit-content; height:52px; position:absolute; z-index:1; cursor:pointer;}
.map_01 {top: 168px;right: 10px;}
.map_02 {top: 219px;right: 84px;}
.map_03 {top: 147px;right: 153px;}
.map_04 {top: 175px;right: 233px;}
.map_05 {bottom: 353px;left: 423px;}
.map_06 {bottom: 222px;left: 352px;}
.map_07 {bottom: 187px;left: 221px;}
.map_08 {bottom: 305px;left: 64px;}
.map_09 {top: 43px;left: 208px;}
.map_10 {top: 226px;left: 350px;}
.map_11 {top: 93px;left: 306px;}
.map_12 {top: 269px;left: 28px; cursor:default;}
.map_13 {top: 225px;right: 297px; cursor:default;}

.overview_textbox {background:url('../img/page/nh_map_bg.png') no-repeat center #fafafa; border-radius:15px; margin-top:30px; width:100%; height:350px;}
.overview_textbox ul {display:none; width:fit-content; height:350px; background:#fafafa; overflow-y:scroll;}
.overview_textbox ul li {float:left; display:block; font-size:16px; letter-spacing:-1px; word-break:keep-all; }

.map_pic {border-radius:20px;overflow:hidden;margin: 20px;}
.map_tit {padding:25px 300px 10px 0;}
.li_b1f {width:50%;background:url('../img/page/b1f.png') no-repeat left center; padding:15px 0 10px 60px;}
.li_1f {width:50%;background:url('../img/page/1f.png') no-repeat left center; padding:15px 0 10px 60px;}
.li_2f {width:50%;background:url('../img/page/2f.png') no-repeat left center; padding:15px 0 10px 60px;}
.li_3f {width:50%;background:url('../img/page/3f.png') no-repeat left center; padding:15px 0 10px 60px;}
.li_4f {width:50%;background:url('../img/page/4f.png') no-repeat left center; padding:15px 0 10px 60px;}
/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ */
.li_5f {width:50%;background:url('../img/page/sub_li_02.png') no-repeat left top 23px; padding:15px 0px 10px 30px;}


/*** mobile campus map ***/
.map_mobile_wr {display:none;}
.map_m_box img:first-child {width:100%;}
.map_m_box img:nth-child(2) {float:right; margin-bottom:20px;}
.map_pic2 {margin:20px; text-align:center;}
.map_pic2 img {margin:0 auto; border-radius:15px;}
.map_tit2 img {margin:5px auto;}
.li_b1f2 {width:100%;background:url('../img/page/b1f.png') no-repeat left center; padding:15px 0 10px 60px;}
.li_1f2 {width:100%;background:url('../img/page/1f.png') no-repeat left center; padding:15px 0 10px 60px;}
.li_2f2 {width:100%;background:url('../img/page/2f.png') no-repeat left center; padding:15px 0 10px 60px;}
.li_3f2 {width:100%;background:url('../img/page/3f.png') no-repeat left center; padding:15px 0 10px 60px;}
.li_4f2 {width:100%;background:url('../img/page/4f.png') no-repeat left center; padding:15px 0 10px 60px;}
.li_5f2 {width:100%;background:url('../img/page/sub_li_02.png') no-repeat left top 23px; padding:15px 0px 10px 30px;}
.lightbox {display:none;}
.map_btn_wr {margin:0px auto; width:100%;}
.minfo_btn {border:1px solid #3d62c9; display:block;width:100%; padding:10px;color:#3d62c9; float:left; margin:5px}
.vr_m_btn {background: #3d62c9; display:block;width:45%; padding:10px;color:#fff;  float:left; margin:5px}
/*** mobile campus map end ***/

@media screen and (max-width:1299px){
	.map_pc_wr {display:none;}
	.map_mobile_wr {display:block;margin:20px auto;}
}
@media screen and (max-width:520px){
	.minfo_btn {width:100%;}
	.vr_m_btn {width:100%;}
}
@media screen and (max-width:480px){
    .map_pic2 img {width:300px;}
}
@media screen and (max-width:400px){
    .map_pic2 img {width:250px;}
}
/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â«ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â */

/* sub1_7 */
.sub_road {width:100%; padding:0 0 20px;}
.bus01 {width:50%; float:left; padding:20px;}
.bus02 {width:50%; float:left; padding:20px;}
.bus01 table, .bus02 table {margin-bottom:30px;}
.sub_bus {overflow:hidden;}

@media screen and (max-width:960px){
	.bus01, .bus02 {padding:5px;}
}

@media screen and (max-width:620px){
	.div_scr {width:100%; overflow-x:scroll;}
}

@media screen and (max-width:480px){
	.bus01, .bus02 {width:100%;}
	.div_scr2 {width:100%; overflow-x:scroll;}
}

/*sub1_8 07.13*/
.sub1_8_tit {width: 100%;height: 500px;background:url('../img/sub1_8_img01.png');}

@media screen and (max-width:1300px){
	.sub1_8_tit {background:url('../img/page/m_sub1_8_img01.png') no-repeat left 20px center #fff;}
}

@media screen and (max-width:700px){
	.sub1_8_tit {background:url('../img/page/m_sub1_8_img01.png') no-repeat left 20px center #fff;width:600px;height:420px;}
}


/* sub3_2 */
a.data_dw{font-size:15px;display:inline-block;text-align:left;padding: 0 36px 0 20px;color:#343434;height: 35px;line-height: 35px;background:url('../img/page/gopage_btn_off.jpg') no-repeat right 20px center #fff;border:1px solid #ccc;}
a.data_dw:hover {border:1px solid #3572e0; color:#3572e0; background:url('../img/page/gopage_btn_on.jpg') no-repeat right 20px center #fff; transition:all 0.3s ease-in-out;}

@media screen and (max-width:768px){
	a.data_dw, a.data_dw:hover {padding:5px 10px 60px;background-position:center bottom 10px;}
}

/* sub3_3 */
.sub3_3_tabs {display:block;width:100%;margin:10px auto 0;overflow:hidden;}
.sub3_3_tabs li {transition:all 0.3s ease;float:left;cursor:pointer;display:inline-block;width:25%;height:43px;line-height:43px;text-align:center; color:#ccc; font-size:16px; border:1px solid #ccc;}
.subtab2-link.current {display:block; }
ul.sub3_3_tabs {overflow:hidden;}
ul.sub3_3_tabs li.current{color:#0661cb; border:1px solid #0661cb; display:inline-block;width:25%;height:43px;text-align:center; font-weight:500; transition:all 0.3s ease;}
ul.sub3_3_tabs li:hover {font-size:16px; color:#0661cb; border:1px solid #0661cb; font-weight:500; transition:all ease 0.3s 0s;}
.subtab2-content {display:none; padding-top:30px;}
.subtab2-content.current {display: block;}

.sub_li_02 a {color:#343434; font-weight:400; font-size:17px;}
.sub_li_02 a:hover {font-weight:500; color:#1b6ecd; transition:all 0.2s ease; text-decoration:underline;}


/* sub3_4 */
.sub3_4_tabs {display:block;width:80%;margin:10px auto 0;overflow:hidden;}
.sub3_4_tabs li {transition:all 0.3s ease;float:left;cursor:pointer;display:inline-block;width:33%;height:43px;line-height:43px;text-align:center; color:#ccc; font-size:16px; border:1px solid #ccc;}
.subtab3-link.current {display:block; }
ul.sub3_4_tabs {overflow:hidden;}
ul.sub3_4_tabs li.current{color:#0661cb; border:1px solid #0661cb; display:inline-block;width:33%;height:43px;text-align:center; font-weight:500; transition:all 0.3s ease;}
ul.sub3_4_tabs li:hover {font-size:16px; color:#0661cb; border:1px solid #0661cb; font-weight:500; transition:all ease 0.3s 0s;}
.subtab3-content {display:none; padding-top:30px;}
.subtab3-content.current {display: block;}



/* sub6_1 */
.sub6_1_tabs {display:block;width:60%;margin:10px auto 0;overflow:hidden;}
.sub6_1_tabs li {transition:all 0.3s ease;float:left;cursor:pointer;display:inline-block;width:50%;height:43px;line-height:43px;text-align:center; color:#ccc; font-size:16px; border:1px solid #ccc;}
.subtab4-link.current {display:block; }
ul.sub6_1_tabs {overflow:hidden;}
ul.sub6_1_tabs li.current{color:#0661cb; border:1px solid #0661cb; display:inline-block;width:50%;height:43px;text-align:center; font-weight:500; transition:all 0.3s ease;}
ul.sub6_1_tabs li:hover {font-size:16px; color:#0661cb; border:1px solid #0661cb; font-weight:500; transition:all ease 0.3s 0s;}
.subtab4-content {display:none; padding-top:30px;}
.subtab4-content.current {display: block;}

.sub_student {padding:20px 0;}

@media screen and (max-width:1050px){
	.sub_student img {width:100%;}
}

.board_search{width:100%; margin:20px 0; padding:20px 40px; border:1px solid #d9d9d9; box-shadow:0px 3px 0px #f1f1f1; overflow:hidden;}
@media screen and (max-width:680px){
	.board_search {padding:10px 20px;}
}
/* sub1_6_2 */
.sub1_6_2_tab {display:block;width:100%;margin:10px auto 0;overflow:hidden;}
.sub1_6_2_tabs li {transition:all 0.3s ease;float:left;cursor:pointer;display:inline-block;width:50%;height:60px;line-height:58px;text-align:center; color:#686868; font-size:18px; border:1px solid #ddd;}
.videotabs-link.current {display:block; }
ul.sub1_6_2_tabs {overflow:hidden;}
ul.sub1_6_2_tabs li.current{color:#1369cb; border:1px solid #ddd; background:#f7f7f7;display:inline-block;width:50%;height:60px;text-align:center; font-weight:500; transition:all 0.3s ease;}
ul.sub1_6_2_tabs li:hover {font-size:18px; color:#1369cb;background:#f7f7f7; border:1px solid #ddd; font-weight:500; transition:all ease 0.3s 0s;}
.videotabs-content {display:none; padding-top:30px;}
.videotabs-content.current {display: block;}

.uni_vd {position:relative; padding-bottom:50%; height:0; overflow:hidden;}
.uni_vd iframe,.uni_vd object,.uni_vd embed{position:absolute;top:10px;left:0;width:100%;height:100%;}

@media screen and (max-width:480px){
	.sub1_6_2_tabs li {font-size:14px; height:40px; line-height:38px;}
	ul.sub1_6_2_tabs li.current {font-size:14px; height:40px; line-height:38px;}
}

/* sub3_1 */
.tb_3 {border-top:2px solid #1369cb; width:100%; padding:10px ; margin:5px auto; color:#141414;}
.tb_3 tr {border-bottom:1px solid #cfcfcf;}
.tb_3 th, .tb_3 td {border-right:1px solid #cfcfcf; text-align:center; padding:14px 10px; word-break:keep-all;}
.tb_3 th:last-child, .tb_3 td:last-child {border-right:0;}
.tb_3 th {font-size:16px; font-weight:500; background:#f3f6f9; color:#1369cb;}
.tb_3 td {font-size:15px; font-weight:400;}

/* viewer program */
.viewer_wr {width:100%; margin:10px; overflow:hidden;}
.viewer_wr li {width:30%; margin:1.5%; border:1px solid #ddd; float:left; padding:20px;}
.viewer_wr li p.view_tit {text-align:center; line-height:30px; font-size:16px; color:#373737 !important; font-weight:500;}
.viewer_wr li p.view_txt {text-align:center; line-height:20px;font-size:14px; color:#7a7a7a; font-weight:400; margin-bottom:20px;}
.viewer_wr li img {display:block; margin:0 auto;}
.viewer_wr li a {width:60%; display:block; margin:15px auto 0; text-align:center;}

@media screen and (max-width:830px){
	.viewer_wr li {width:46%; margin:2%;}
}

@media screen and (max-width:510px){
	.viewer_wr li {width:96%; margin:2%;}
}

/* vrÃƒÂ«Ã‚Â°Ã¢â‚¬ÂÃƒÂ«Ã‚Â¡Ã…â€œÃƒÂªÃ‚Â°Ã¢â€šÂ¬ÃƒÂªÃ‚Â¸Ã‚Â° */
.vr_btn2 {text-align:center;margin-top: 20px;display: block;}
.vr_btn2 a{font-size: 20px;display:inline-block;text-align:left;padding: 0px 50px 0 20px;color:#343434;height: 70px;line-height: 70px;background:url('../img/page/gopage_btn_off.jpg') no-repeat right 20px center #fff;border:1px solid #ccc;}
.vr_btn2 a:hover{border:1px solid #3572e0; color:#3572e0; background:url('../img/page/gopage_btn_on.jpg') no-repeat right 20px center #fff; transition:all 0.3s ease-in-out;}