@charset "utf-8";

/* 
File Name : page.css
Description : mirnetwork_site
Author : kwj (master@dmax.kr)
Date : 2016-11-24
 */

/* .parallax-window{min-height:400px; background:transparent;}
.parallax-window01{min-height:400px; background:#000;} */
.bar_w{display:block; padding:0; margin:0 auto; width:23px; height:23px; background:url("../image/common/line_w.png") center no-repeat;}
.bar_b{display:block; padding:0; margin:0 auto; width:23px; height:23px; background:url("../image/common/line_b.png") center no-repeat;}

.control_box{display:block;}
.control_box a{display:inline-block; width:13px; height:13px; border:3px solid #d6dbde; background:#d6dbde; font-size:0; margin:0 2px;}
.control_box a.on{border:3px solid #26469b; background:#fff;}

/* main_visual */
#main_visual{width:100%;height: 100vh !important;  position:relative; overflow:hidden; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease; transition-duration:.2s; transition-timing-function:ease;}
#main_visual ul li{width:100%; height:100vh; font-size:0; position:absolute;}
#main_visual ul li.visual{background-attachment:fixed; }
.visual_item { display: none; }
.visual_item:first-child { display: list-item; } /* 또는 block */
/* #main_visual .visual1{background:url("../image/main/img_visual_poster_summer.jpg") top center no-repeat; background-size:cover;} */ /* 포스터 */
/* #main_visual .visual2{background:url("../image/main/main_visual_worldcup.jpg") top center no-repeat; background-size:cover;} */ /* 월드컵 포스터 */

/* #main_visual .visual2{background:url("../image/main/img_visual7.jpg") top center no-repeat; background-size:cover; background-position: 10% 100%;}
#main_visual .visual2 .main_bg {display:none; width:100%; height:100%; position:absolute; top:0; left:0; background: rgb(0,0,0,.25);} */ /* 코로나 */

/* #main_visual .visual2{background:url("../image/main/img_visual8.jpg") top center no-repeat; background-size:cover;} */
/* #main_visual .visual2 .main_bg {display:none; width:100%; height:100%; position:absolute; top:0; left:0; background: rgb(0,0,0,.25);} */


#main_visual .visual2{background:url("../image/main/img_visual7.jpg") top center no-repeat; background-size:cover;}
#main_visual .visual3{background:url("../image/main/img_visual2.jpg") top center no-repeat; background-size:cover;}
#main_visual .visual4{background:url("../image/main/img_visual3.jpg") top center no-repeat; background-size:cover;}
#main_visual .visual5{background:url("../image/main/img_visual6.jpg") top center no-repeat; background-size:cover;}

#main_visual .visual3-mir {background:url("../image/main/img_visual-mir.jpg") top center no-repeat; background-size:cover;}



/* visual text */
#main_visual .visual_txt{position:absolute;}
#main_visual .visual_txt span{display:block; font-family:'ingra-2', 'Tahoma', sans-serif; font-size:25px; color:#fff; font-weight:500; padding-bottom:20px; letter-spacing:0;}
#main_visual .visual_txt.txt2 span{color:#7bbd26;}
#main_visual .visual_txt dt{font-size:50px; font-weight:100; color:#fff; letter-spacing:-0.07em;}
#main_visual .visual_txt dd{color:#fff; line-height:140%; padding:20px 0 0 0;}

#main_visual .visual_txt-mir{position:absolute;width: 90%;}
#main_visual .visual_txt-mir span{display:block; font-size:24px; color:#fff; font-weight:400; padding-top:30px; }
#main_visual .visual_txt-mir.txt2 span{color:#7bbd26;}
#main_visual .visual_txt-mir dt{font-size:60px; font-weight:100; color:#fff; letter-spacing:-0.07em;}
#main_visual .visual_txt-mir dt em {font-size: 1.1em;font-weight: 400; color:#8CD232;}
#main_visual .visual_txt-mir dd{color:#fff; font-weight: 300;padding:80px 0 0 0;}
#main_visual .visual_txt-mir dd p {line-height:140%; margin:20px 0;}
#main_visual .visual_txt-mir img {position: absolute; right:0; top:50%; transform:translate(-50%, -50%);}


#main_visual .txt1{top:30%; left:10%;}
#main_visual .txt1-1{top:25%; left:10%;}
#main_visual .txt2{top:30%; left:10%;}
#main_visual .txt3{position:absolute; top:50%; left:10%; transform:translateY(-50%); text-align:center; }/*  매월 변경되는 포스터 텍스트 */
#main_visual .txt3 img {max-width:100%;}
#main_visual .txt4{top:35%; right:10%;}

/* 월드컵 텍스트 */
#main_visual .txt5{display:block; text-align:right; padding:15% 10% 0 0; box-sizing:border-box;}
#main_visual .txt5 img {max-width:100%;}

#main_visual .visual_controler{display:block; position:absolute; bottom:5%; left:0; text-align:center; width:100%; height:auto;}
#main_visual .visual_controler a{display:inline-block; background:url("../image/main/bar_off.png") center no-repeat; width:30px; height:16px; font-size:0;}
#main_visual .visual_controler a.on{background:url("../image/main/bar_on.png") center no-repeat;}
#main_visual .visual_controler a.main_roll_start{background:url("../image/main/bt_play.png") 0 0 no-repeat; width:16px; height:16px;}
#main_visual .visual_controler a.main_roll_stop{background:url("../image/main/bt_stop.png") 0 0 no-repeat; width:16px; height:16px;}

@media screen and (min-width: 971px) and (max-width: 1366px) {
	#main_visual .visual_txt dt{font-size:55px;}
	#main_visual .txt1{top:30%; left:7%;}
	/* #main_visual .txt3{top:35%; right:10%;} 매월 변경되는 포스터 텍스트 */
	#main_visual .txt3 img {width:551px;}
	#main_visual .txt4{top:35%; right:10%;}




	#main_visual .visual_txt-mir dt{font-size:45px;}
	#main_visual .visual_txt-mir span {font-size:20px	}
	#main_visual .visual_txt-mir dd {padding-top:40px}
	#main_visual .visual_txt-mir img {width: 30%;}


}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
	#main_visual .txt3 {left:50%; transform:translate(-50%, -50%);}
}
@media screen and (max-width: 970px) {
	#main_visual .visual_txt dt{font-size:52px;}
	#main_visual .txt1{top:30%; left:10%;}
	/* #main_visual .txt3{top:45%; right:-110px;} 매월 변경되는 포스터 텍스트 */
	#main_visual .txt3 {left:50%; transform:translate(-50%, -50%);}
	#main_visual .txt3 img {width:451px;}
	#main_visual .txt4{top:30%; right:5%;}
	#main_visual ul li.visual{background-attachment:local;}


	#main_visual .visual_txt-mir dt{font-size:38px;}
	#main_visual .visual_txt-mir span {font-size:18px	}
	#main_visual .visual_txt-mir dd {padding-top:50px; font-size: 16px;}
	#main_visual .visual_txt-mir img {width: 30%;}

	
}
@media screen and (max-width: 736px) {
	#main_visual .visual_txt{top:30%; left:0; width:100%;}
	#main_visual .visual_txt span{text-align:center;}
	#main_visual .visual_txt dt{font-size:52px; text-align:center;}
	#main_visual .visual_txt dd{text-align:center;}
	/* #main_visual .txt3{top:50%; left:50%; text-align:center;}  매월 변경되는 포스터 텍스트 */

	#main_visual .txt1-1{top:15%; left:0%; }
	#main_visual .visual_txt-mir {width: 90%;margin:0 5%;padding-bottom: 30%;}
	#main_visual .visual_txt-mir dt{font-size:22px; text-align: center;}
	#main_visual .visual_txt-mir span {font-size:14px;padding-top: 20px;}
	#main_visual .visual_txt-mir dd {padding-top:20px; font-size: 13px;text-align: center;}
	#main_visual .visual_txt-mir dd p {margin:10px 0;font-size: 12px;word-break: keep-all;}
	#main_visual .visual_txt-mir dd br {display: none;}
	#main_visual .visual_txt-mir img { display: none;}
}


/* page tite */
.first_page_tit{width:100%; height:auto; text-align:center;}
.first_page_tit .strapline{display:block; font-family:'ingra-2', 'Tahoma', sans-serif; letter-spacing:0; color:#0072c1;}
.first_page_tit h1{font-weight:100; font-size:40px; padding:30px 0 0 0;}
.first_page_tit h1 mark{font-weight:500;}
.first_page_tit .bar_b{padding:35px 0;}
.first_page_tit p{line-height:170%; font-weight:300; color:#797979;}
.first_page_tit p span{display:block; font-weight:300; color:#797979;}

@media screen and (min-width: 737px) and (max-width: 1024px) {
	.first_page_tit p{width:82%; height:auto; margin:0 auto;}
	.first_page_tit p span{display:inline;}
}

/* introduce */
#introduce{width:100%; height:auto; padding:100px 0; overflow:hidden;}
#introduce .intro_point{width:810px; height:auto; margin:66px auto 0 auto;}
#introduce .intro_point li{float:left; width:200px; text-align:center; padding:38px 0 30px 0; margin:0 35px;}
#introduce .intro_point li img{display:inline-block;}
#introduce .intro_point li span{display:block; font-size:13px; color:#fff; font-family:'ingra-2', 'Tahoma', sans-serif; padding:32px 0 0 0;}
#introduce .intro_point li strong{display:block; font-size:15px; color:#fff; padding:14px 0 0 0;}
#introduce .intro_point li.point1{background:#8baac0;}
#introduce .intro_point li.point2{background:#5b9dca;}
#introduce .intro_point li.point3{background:#0072c1;}

@media screen and (min-width: 737px) and (max-width: 1024px) {
	#introduce .intro_point{width:93.66%; height:auto;}
	#introduce .intro_point li{width:31%; margin:0 1%;}
}

/* advancement */
#bg_advance{width:100%; height:460px; background:url("../image/main/bg_part1.jpg") top center no-repeat; background-size:cover; background-attachment:fixed;}
#advancement{width:100%; height:auto; padding:100px 0; overflow:hidden;}
#advancement .advance_point{width:861px; height:auto; margin:80px auto 0 auto;}
#advancement .advance_point li{float:left; width:120px; text-align:center; padding:0 46px; background:url("../image/main/bul_advan.png") 100% 40% no-repeat;}
#advancement .advance_point li img{display:inline-block;}
#advancement .advance_point li span{display:block; font-size:15px; padding:5px 0 0 0;}
#advancement .advance_point li strong{display:block; font-size:15px; padding:20px 0 0 0;}
#advancement .advance_point li:last-child{background:none;}

@media screen and (min-width: 737px) and (max-width: 1024px) {
	#advancement .advance_point{width:93.66%; height:auto;}
	#advancement .advance_point li{width:23%; padding:0 1%;}
}

/* standardization */
#bg_standard{width:100%; height:460px; background:url("../image/main/bg_part2.jpg") top center no-repeat; background-size:cover; background-attachment:fixed;}
#standardization{width:100%; height:auto; padding:100px 0; overflow:hidden;}
#standardization .standard_point{width:1200px; height:auto; margin:55px auto 0 auto;}
#standardization .standard_point li{float:left; width:279px; text-align:center; margin:0 10px;}
#standardization .standard_point dl{width:100%; height:auto; background:#f3f3f3; text-align:center; padding:37px 0;}
#standardization .standard_point dl dt{font-size:15px; font-weight:600;}
#standardization .standard_point dl dd{font-size:15px; color:#797979; padding:15px 0 0 0; font-weight:300;}
#standardization .standard_point dl dd span{display:block; font-size:15px; color:#797979; font-weight:300; padding:5px 0 0 0;}

@media screen and (min-width: 737px) and (max-width: 1024px) {
	#standardization .standard_point{width:93.66%; height:auto;}
	#standardization .standard_point li{width:23%; margin:0 1%;}
	#standardization .standard_point li img{width:100%;}
}

@media screen and (min-width: 737px) and (max-width: 800px) {
	#bg_standard{background-position:30% 0;}
	#standardization .standard_point li{width:48%; margin:1%; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease; transition-duration:.2s; transition-timing-function:ease;}
}

/* internationalization */
#bg_global{width:100%; height:460px; background:url("../image/main/bg_part3.jpg") top center no-repeat; background-size:cover; background-attachment:fixed;}
#global{width:100%; height:auto; padding:100px 0; overflow:hidden;}
#global .global_point{width:958px; height:auto; margin:55px auto 0 auto;}
#global .global_point li{float:left; width:225px; text-align:center; margin:0 46px;}
#global .global_point li strong{display:block; font-size:15px; padding:30px 0 0 0;}
#global .global_point li strong span{display:block; font-size:15px; padding:5px 0 0 0;}

@media screen and (min-width: 737px) and (max-width: 970px) {
#global .global_point{width:93.66%; height:auto;}
#global .global_point li{width:25%; margin:0 4%;}
#global .global_point li img{width:100%;}
}

/* history */
#bg_history{width:100%; height:460px; background:url("../image/main/bg_part4.jpg") top center no-repeat; background-size:cover; background-attachment:fixed;}
#history{width:100%; height:auto; padding:50px 0 106px 0; overflow:hidden;}
#history hgroup{width:846px; height:auto; margin:0 auto;}
#history hgroup h1{float:left; text-align:left;}
#history hgroup .bar_b{float:left; margin:30px 77px 0 77px;}
#history hgroup p{float:left; color:#797979; padding:40px 0 0 0; text-align:left;}
#history hgroup p .space{display:block; color:#797979;}
#history .history_wrap{float:left; width:100%; height:auto;}
#history .tabmenu_area{width:100%; height:51px; background:url("../image/main/bg_tab_line.gif") 0 0 repeat-x; margin:50px 0 0 0;}
#history .tabmenu{width:1000px; margin:0 auto;}
#history .tabmenu li{float:left; width:33.33%; text-align:center;}
#history .tabmenu li a{font-family:'din-condensed', 'Tahoma', sans-serif; display:inline-block; padding:15px 5px 16px 5px; border:1px solid #e7e7e7; border-left:none; border-right:none;}
#history .tabmenu li a:hover, #history .tabmenu li a.on{color:#0060b0; border:1px solid #0060b0; border-left:none; border-right:none;}
#history .tabcontents{width:1000px; height:auto; padding:81px 0 0 0; margin:0 auto; position:relative;}
#history .tabcontents .his_lst{min-height:200px; position:relative; width:100%;}
#history .tabcontents .his_lst dl{position:relative; background:url("../image/main/bg_his_line.gif") repeat-y 50% 0; padding-bottom:4em;}
#history .tabcontents .his_lst dt span{font-family:'din-condensed', 'Tahoma', sans-serif; font-size:45px; position:absolute; top:-20px; right:50%; margin-right:-3px; padding-right:4.25%; width:100px; height:38px; background:url("../image/main/his_dot.gif") no-repeat right 55%; text-align:right;}
#history .tabcontents .his_lst dd{width:46%; margin-left:50%; padding-left:4%;}
#history .tabcontents .his_lst dd li{font-size:15px; color:#575757; font-weight:300; padding-bottom:10px;}
#history .tabcontents .his_lst.right dt span {top:-20px; right:0; left:50%; padding-right:0; padding-left:4.25%; text-align:left; margin-left:-3px; background-position:left 55%;}
#history .tabcontents .his_lst.right dd {margin-right:50%; margin-left:0; text-align:right; padding-left:0; padding-right:4%;}

@media screen and (min-width: 961px) and (max-width: 1320px) {
	#history hgroup{width:800px;}
	#history hgroup .bar_b{margin:39px 50px 0 50px;}
	#history .tabmenu{width:960px;}
	#history .tabcontents{width:960px;}
}

@media screen and (max-width: 960px) {
	#history hgroup{width:100%; text-align:center;}
	#history hgroup h1{float:none;}
	#history hgroup .bar_b{float:none; margin:0 auto; padding:15px 0;}
	#history hgroup p{float:none; padding:0; text-align:center;}
	#history .tabmenu{width:800px;}
	#history .tabcontents{width:800px;}
}



/* sub page top visual */
#visual_top{width:100%; height:auto; overflow:hidden;}
#visual_top .visual_box{background:url("../image/common/bg_top_box_w_t.png") top center no-repeat;}
#visual_top hgroup{width:808px; height:363px; margin:15% auto 0 auto; background:url("../image/common/bg_top_box_w_b.png") bottom center no-repeat; text-align:center;}
#visual_top hgroup .strapline{display:block; letter-spacing:7px; color:#fff; font-size:17px; padding:44px 0 0 0; font-weight:600;}
#visual_top hgroup h1{color:#fff; padding:31px 0 0 0; font-size:40px; font-weight:100;}
#visual_top hgroup h1 mark{font-weight:500; color:#fff;}
#visual_top hgroup .bar_w{padding:40px 0;}
#visual_top hgroup p{color:#fff; font-size:20px;}
#visual_top hgroup p span{display:block; color:#fff; line-height:140%; font-size:20px;}

@media screen and (min-width: 737px) and (max-width: 1600px) {
	#visual_top hgroup{margin:13% auto 0 auto; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease; transition-duration:.2s; transition-timing-function:ease;}
}

/*@media screen and (min-width: 737px) and (max-width: 1366px) {
	#visual_top hgroup{margin:8% auto 0 auto;}
}

@media screen and (min-width: 737px) and (max-width: 1024px) {
	#visual_top hgroup{margin:11% auto 0 auto;}
}*/

@media screen and (min-width: 737px) and (max-width: 970px) {
	#visual_top .visual_box{width:63.66%; margin:0 auto; background-size:100%;}
	#visual_top hgroup{width:100%; height:320px; margin:10% auto 0 auto; background-size:100%;}
	#visual_top hgroup .bar_w{padding:30px 0;}
	#visual_top hgroup p{width:93.66%; margin:0 auto; font-size:18px;}
	#visual_top hgroup p span{font-size:18px;}
}

@media screen and (min-width: 737px) and (max-width: 768px) {
	#visual_top .visual_box{width:73.66%; margin:0 auto; background-size:100%;}
	#visual_top hgroup{margin-top:45%; height:330px;}
}

#visual_top.about{background:url('../image/about/bg_top.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
#visual_top.volunteer{background:url('../image/volunteer/bg_top.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
#visual_top.learn{background:url('../image/learn/bg_top.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
#visual_top.culture{background:url('../image/culture/bg_top.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
#visual_top.recruit{background:url('../image/recruit/bg_top.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}

@media screen and (min-width: 737px) and (max-width: 970px) {
	#visual_top.about{background-attachment:local;}
	#visual_top.volunteer{background-attachment:local;}
	#visual_top.learn{background-attachment:local;}
	#visual_top.culture{background-attachment:local;}
}

#page_move{display:block; width:60px; height:60px; margin:5% auto 10% auto;}
#page_move a{display: block; width:60px; height:60px; background:url("../image/common/page_move.png") 0 0 no-repeat; font-size:0; color:#fff;}
#page_move_b{display:block; width:60px; height:60px; margin:5% auto 10% auto;}
#page_move_b a{display: block; background:url("../image/common/page_move_b.png") 0 0 no-repeat; width:60px; height:60px; font-size:0; color:#111;}

@media screen and (min-width: 737px) and (max-width: 970px) {
	#page_move{margin-top:2%;}
	#page_move a{width:45px; height:45px; background-size:100%;}
	#page_move_b{margin-top:2%;}
	#page_move_b a{width:45px; height:45px; background-size:100%;}
}

@media screen and (min-width: 737px) and (max-width: 768px) {
	#page_move{margin-top:5%;}
	#page_move_b{margin-top:5%;}
}

/* sub page title */
.sub_page_tit{width:100%; height:auto;}
.sub_page_tit .strapline{display:block; font-family:'ingra-2', 'Tahoma', sans-serif; letter-spacing:0; color:#9a9a9a;}
.sub_page_tit h1{font-weight:100; font-size:40px; padding:30px 0 0 0; line-height:130%;}
.sub_page_tit h1 mark{font-weight:500;}
.sub_page_tit h1 .space{display:block; font-weight:100;}
.sub_page_tit .bar_b{padding:35px 0;}
.sub_page_tit p{line-height:140%; font-weight:300; color:#797979;}
.sub_page_tit p span{display:block; font-weight:300; color:#797979; line-height:140%;}

/* hospital */
#hospital{width:100%; height:auto; background:url('../image/about/bg_hospital.jpg') top left no-repeat; overflow:hidden; padding-bottom:7%;}
#hospital .hospital_tit{float:left; width:50%; position:relative;}
#hospital .hospital_tit hgroup {width:315px; height:400px; position:absolute; top:216px; right:20%;}
#hospital .hospital_tit hgroup .bt_skip{display:block; width:200px; height:50px; line-height:50px; color:#fff; text-align:center; background:#26469b; font-size:16px; font-weight:500; margin:50px 0 0 0;}
#hospital .hospital_network{float:right; width:50%; position:relative;}
#hospital .hospital_network p{padding:15% 0 0 0;}
#hospital .hospotal_membership{position:absolute; top:100px; right:15%; width:264px; height:128px; border:1px solid #d3d3d3; box-shadow:4px 4px 0 #e8e8e8; text-align:center; background:#fff;}
#hospital .hospotal_membership h2{padding:27px 0 0 0;}
#hospital .hospotal_membership p, 
#hospital .hospotal_membership p a{padding:0; font-size:23px; color:#26469b; font-weight:bold; font-family:'filson-soft', 'NotoKR', sans-serif; letter-spacing:-0.05em;}
#hospital .hospotal_membership p.tel_num_pc{display:block; padding:14px 0 0 0;}
#hospital .hospotal_membership p.tel_num_mobile{display:none;}
#hospital .hospotal_membership mark{font-size:15px; color:#797979; font-weight:300;}

@media screen and (min-width: 961px) and (max-width: 1320px) {
	#hospital .hospital_tit hgroup{}
	#hospital .hospital_network{margin-right:5%;}
	#hospital .hospotal_membership{right:1%; width:210px; height:128px;}
}

@media screen and (max-width: 960px) {
	#hospital .hospital_tit{float:none; width:100%; padding:10% 0 0 0; text-align:center;}
	#hospital .hospital_tit hgroup {width:auto; height:auto; position:static; top:0; left:0;}
	#hospital .hospital_tit hgroup p span{display:inline;}
	#hospital .hospital_tit hgroup .bt_skip{display:inline-block; margin:20px 0 0 0;}
	#hospital .hospital_network{float:none; width:100%; text-align:center;}
	#hospital .hospotal_membership{position:absolute; top:20%; right:10%; }
}

/* greeting */
#greeting{width:100%; height:auto; position:relative;}
#greeting .bg_greeting{width:100%; height:401px; background:url('../image/about/bg_greeting.jpg') top center no-repeat; background-size:cover;}
#greeting .sub_page_tit{width:600px; height:300px; position:absolute; top:50px; right:13%;}
#greeting .sub_page_tit h1{padding:15px 0 0 0;}
#greeting .sub_page_tit h1 .space{display:block; font-weight:100;}
#greeting .sub_page_tit .bar_b{margin:0 0 0 200px;}
#greeting .greeting_area{width:100%; height:auto; text-align:center;}
#greeting .greeting_area .greeting_box{width:100%; height:45px; padding:50px 0; overflow:hidden;}
#greeting .greeting_area .greeting_box p{color:#797979; font-weight:300; font-size:18px; line-height:170%;}
#greeting .greeting_area .greeting_box p span{display:block; color:#797979; font-size:18px; line-height:170%;}
#greeting .greeting_area .control_box{margin:20px 0 0 0;}

@media screen and (min-width: 737px) and (max-width: 1600px) {
	#greeting .sub_page_tit{right:10%;}
}
@media screen and (min-width: 737px) and (max-width: 1366px) {
	#greeting .sub_page_tit{right:5%;}
}
@media screen and (min-width: 737px) and (max-width: 1024px) {
	#greeting .bg_greeting{background-position:50%; 0;}
	#greeting .sub_page_tit{right:0;}
}
@media screen and (min-width: 737px) and (max-width: 970px) {
	#greeting .sub_page_tit{right:0; width:550px;}
}
@media screen and (min-width: 737px) and (max-width: 768px) {
	#greeting .greeting_area .greeting_box{height:60px;}
	#greeting .greeting_area .greeting_box p{width:93.66%; height:auto; margin:0 auto;}
	#greeting .greeting_area .greeting_box p span{display:inline;}
}


/* hospital map */
#hospital_map{width:100%; height:auto; padding:90px 0 0 0; position:relative; overflow:hidden;}
#hospital_map hgroup {width:100%; height:auto; text-align:center;}
#hospital_map .map_area {width:100%; height:auto; border:1px solid #b4b4b4; border-left:none; border-right:none; overflow:hidden; margin:66px 0 0 0; position:relative;}
#hospital_map .hospital_info{float:left; width:458px; height:650px; border-right:1px solid #b4b4b4;}
#hospital_map .hospital_info .selected_hospital{padding:28px; width:auto; height:auto; border-bottom:1px solid #d9d9d9; overflow:hidden; position:relative;}
#hospital_map .hospital_info .selected_hospital p{float:left; width:158px; height:138px; margin-right:27px;}
#hospital_map .hospital_info .selected_hospital p img{width:100%;}
#hospital_map .hospital_info .selected_hospital dl{float:left; width:216px;}
#hospital_map .hospital_info .selected_hospital dl dd{padding:10px 0 0 0;}
#hospital_map .hospital_info .selected_hospital dl dd li{float:left; width:100%; height:auto; padding:10px 0 0 0;}
#hospital_map .hospital_info .selected_hospital dl dd li mark{float:left; display:block; width:60px; font-size:15px; color:#797979; font-weight:500;}
#hospital_map .hospital_info .selected_hospital dl dd li span{float:left; display:block; width:156px; color:#797979; font-size:15px; line-height:130%;}
#hospital_map .hospital_info .selected_hospital a{display:block; font-size:11px; font-weight:600; letter-spacing:0.05em; color:#26469b; padding-right:15px; position:absolute; bottom:16px; right:28px; background:url("../image/about/link_site.png") right center no-repeat; background-size:12px;}
#hospital_map .hospital_info .hospital_lst_m{display:none;}
#hospital_map .hospital_info .hospital_lst_pc{display:block;}
#hospital_map .hospital_info .hospital_lst_pc ul{float:left; width:50%; padding-bottom:5px;}
#hospital_map .hospital_info .hospital_lst_pc ul.line{float:left; width:49.77%; height:458px; border-left:1px solid #d9d9d9;}
#hospital_map .hospital_info .hospital_lst_pc li{background:url("../image/about/bul_list.gif") 30px 50% no-repeat; margin:23px 0;}
#hospital_map .hospital_info .hospital_lst_pc li a{font-size:17px; font-weight:300; padding-left:45px;}
#hospital_map #mir_map{/*float:left; width:75.88%; height:650px;*/ position:absolute; right:0; left: 0; height:650px;}
#hospital_map #mir_map p img{width:100%;}

@media screen and (min-width: 737px) and (max-width: 970px) {
	#hospital_map .hospital_info{width:100%; height:auto; border-right:none; border-bottom:1px solid #b4b4b4;}
	#hospital_map .hospital_info .selected_hospital dl{width:400px;}
	#hospital_map .hospital_info .selected_hospital dl dd li span{width:300px;}
	#hospital_map .hospital_info .hospital_lst_pc ul{height:130px; overflow-y:scroll;}
	#hospital_map .hospital_info .hospital_lst_pc ul.line{height:130px; overflow-y:scroll;}
	#hospital_map #mir_map{position:static; top:0; left:0; right:0; height:650px;}
}

/* 2020-02-17 - sjj */
#location{width:100%; height:auto; padding:10% 0; border-bottom:1px solid #d7d7d7;}
#location hgroup {width:100%; height:auto; text-align:center;}
#location .location_area {width:100%; max-width:1400px; height:auto; margin:55px auto 0; position:relative;}
#location .location_area ul {width:100%; height:465px; margin:0 auto; text-align:center; font-size:0; overflow:hidden;}
#location .location_area li {display:inline-block; width:22.66%; /* max-width:260px; */ text-align:center; margin:18px 1%; border:1px solid #d9d9d9; box-shadow: 3px 3px 0px 0px #d9d9d9; box-sizing:border-box;}
#location .location_area li img {max-width:100%;}
#location .location_area dl{width:100%;height:auto; text-align:left; padding:28px 20px; box-sizing: border-box;}
#location .location_area dl dt{font-size:20px; font-weight:600;} 
#location .location_area dl dd{font-size:15px; color:#797979; font-weight:300; margin-top:10px;}
#location .location_area dl dd span{    display: flex; line-height: 1.2; font-size:15px; color:#797979; font-weight:300; padding:6px 0 0 0;}
#location .location_area dl dd span:before {content:''; display:inline-block; width:22px; height:20px; background-position:center; background-repeat:no-repeat;top:0; left:0;margin-right: 10px; vertical-align: middle;}
#location .location_area dl dd .ico_address:before {background:url('../image/about/ico_location01.png') top left no-repeat;}
#location .location_area dl dd .ico_tel:before {background:url('../image/about/ico_location02.png') top left no-repeat;}
#location .location_area dl dd .ico_man:before {background:url('../image/about/ico_location03.png') top left no-repeat;}

#location .location_area .bt_control {display:block; width:56px; height:56px; font-size:0; border:0; position:absolute; top:200px;}
#location .location_area .bt_control.bt_prev{background:url("../image/common/bt_prev.gif") 0 0 no-repeat; left:-14px; z-index:1;}
#location .location_area .bt_control.bt_next{background:url("../image/common/bt_next.gif") 0 0 no-repeat; right:-24px;}


@media screen and (min-width: 737px) and (max-width: 1600px) {
	#location .location_area li {width:22.66%;}
}
@media screen and (min-width: 737px) and (max-width: 1366px) {
	#location .location_area {max-width:970px;}
	#location .location_area li {width:31%; /*max-width:320px;*/}
}
@media screen and (min-width: 737px) and (max-width: 1024px) {
	#location .location_area {max-width:720px;}
	#location .location_area li {width:47.66%; /*max-width:320px;*/}
	#location .location_area li img {width:100%;}
}
/* 
@media screen and (min-width: 737px) and (max-width: 1600px) {
	#location .location_area li {width:31.33%;}

	#location .location_area .location_place {padding:0 64px; box-sizing:border-box;}
	#location .location_area li {width:317px;}
	#location .location_area .bt_prev {left:4%}
	#location .location_area .bt_next {right:9.5%}
} */
/* @media screen and (min-width: 737px) and (max-width: 1613px) {
#location .location_area .location_place ul {width: 93.66%;}
#location .location_area .location_place {width: 93.66%;}
}
@media screen and (min-width: 737px) and (max-width: 1320px) {
#location .location_area .location_place {padding:0;}
#location .location_area li {width:300px;}
#location .location_area .bt_prev {left:3%}
#location .location_area .bt_next {right:5.5%}

}
@media screen and (min-width: 737px) and (max-width: 1024px) {
#location .location_area .location_place ul {width:70%;}
#location .location_area .bt_prev {left:8%}
#location .location_area .bt_next {right:8.5%}
}
@media screen and (min-width: 737px) and (max-width: 800px) {
#location .location_area .location_place {width: 60%;}
#location .location_area .bt_prev {left:10%}
#location .location_area .bt_next {right:1%}
}
@media screen and (min-width: 737px) and (max-width: 768px) {
} */

/* vision */
#vision{width:100%; height:auto; min-height:640px; padding:17% 0; position:relative; background:url('../image/about/bg_vision.jpg') top center no-repeat; background-size:cover; box-sizing:border-box; z-index:1;}
#vision .sub_page_tit {max-width:600px; height:auto; position:absolute; top:50%; left:15%; transform:translateY(-50%);}
#vision .sub_page_tit h1 {padding:0 0 30px;}
#vision .sub_page_tit h1 .space{display:block; font-weight:100;}
#vision .sub_page_tit .txt_height {line-height: 180% !important;}

@media screen and (min-width: 737px) and (max-width: 1366px) {
	#vision:after {content:''; display:block; width:100%; height:100%; background-color:rgba(255,255,255,.5); position:absolute; top:0; left:0; z-index:-1;}
	#vision .sub_page_tit{left:8%;}
}

/* @media screen and (min-width: 737px) and (max-width: 1600px) {
	#vision .sub_page_tit{left:10%;}
}
@media screen and (min-width: 737px) and (max-width: 1366px) {
	#vision .sub_page_tit{left:5%;}
}
@media screen and (min-width: 737px) and (max-width: 1024px) {
	#vision .bg_vision{background-position:44% 55%;}
	#vision .sub_page_tit{left:0;}
}
@media screen and (min-width: 737px) and (max-width: 970px) {
	#vision .sub_page_tit{left:0; width:550px;}
	#vision .sub_page_tit h1 {padding: 15px 0 15px 0;}
} */

/* doctor */
#doctor {width:100%; height:auto; position:relative; overflow:hidden;}
#doctor .doctor_area ul {width:100%; height:auto;}
#doctor .doctor_area ul li {float: left; width:6.25%;}
#doctor .doctor_area ul li.nb {padding:3.12% 0;}
#doctor .doctor_area ul li img {max-width:100%;}
#doctor .doctor_area .sub_page_tit {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index:9;}
#doctor .doctor_area .sub_page_tit p {color:#797979; font-weight:500;}
#doctor .doctor_area .sub_page_tit h1 {letter-spacing:2px; padding:20px 0;}
#doctor .doctor_area .sub_page_tit h1 strong {font-weight:700; font-size:inherit;}
#doctor .doctor_area .sub_page_tit h1 .col_green {color:#8abd43; font-weight:inherit; font-size:inherit;}
#doctor .doctor_area .sub_page_tit h1 .col_blue {color:#26469b; font-weight:inherit; font-size:inherit;}
#doctor .doctor_area .doctor_bg {display:none; width:100%; height:100%; position:absolute; top:0; left:0; background:rgb(0,0,0,.25);}

@media screen and (min-width: 737px) and (max-width: 1366px) {
	#doctor .doctor_area ul li {width:8.33%;}
	#doctor .doctor_area ul li.nb {padding:0;}
	#doctor .doctor_area .sub_page_tit {color:#fff;}
	#doctor .doctor_area .sub_page_tit p {color:inherit;}
	#doctor .doctor_area .sub_page_tit h1 {color:inherit;}
	#doctor .doctor_area .sub_page_tit h1 strong {color:inherit;}
	#doctor .doctor_area .sub_page_tit h1 .col_green {color:inherit;}
	#doctor .doctor_area .sub_page_tit h1 .col_blue {color:inherit;}
	#doctor .doctor_area .doctor_bg {display:block;}
}



/* volunteer */
#foreign{background:url('../image/volunteer/bg_global.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
#domestic{background:url('../image/volunteer/bg_korea.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
#kendo{background:url('../image/volunteer/bg_kendo.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
#cultural{background:url('../image/volunteer/bg_cultural.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
.volunteer_area{width:100%; height:auto; position:relative;}
.volunteer_area div{position:absolute;}

.volunteer_area .sub_page_tit h1, 
.volunteer_area .sub_page_tit mark, 
.volunteer_area .sub_page_tit p, 
.volunteer_area .sub_page_tit span{line-height:110%; color:#fff;}

.volunteer_area .sub_page_tit .bar_w, 
.volunteer_area .sub_page_tit .bar_b{padding:20px 0;}
.volunteer_area .sub_page_tit p span{display:block; line-height:140%;}

.volunteer_area hgroup a{display:inline-block; width:auto; height:50px; line-height:50px; font-size:16px; font-weight:500; padding:0 33px; margin:30px 0 0 0;}
.volunteer_area hgroup a.bt_red{background:#c83939; color:#fff;}
.volunteer_area hgroup a.bt_red:hover{background:#fff; color:#c83939;}
.volunteer_area hgroup a.bt_yellow{background:#ffd800; color:#282727;}
.volunteer_area hgroup a.bt_yellow:hover{background:#282727; color:#ffd800;}

.volunteer_area div.foreign_tit{top:45%; left:10%;}
.volunteer_area div.foreign_tit .sub_page_tit .bar_w{margin:0 0 0 92px;}

.volunteer_area div.kendo_tit{top:45%; right:10%;}
.volunteer_area div.kendo_tit .sub_page_tit .bar_w{margin:0 0 0 75%;}
.volunteer_area div.kendo_tit .sub_page_tit h1, 
.volunteer_area div.kendo_tit .sub_page_tit mark,
.volunteer_area div.kendo_tit .sub_page_tit p,
.volunteer_area div.kendo_tit .sub_page_tit p span{text-align:right;}
.volunteer_area div.kendo_tit .sub_page_tit a{float:right;}

.volunteer_area div.cultural_tit{top:45%; left:10%;}
.volunteer_area div.cultural_tit .sub_page_tit .bar_w{margin:0 0 0 30%;}

.volunteer_area div.domestic_tit{top:45%; right:10%;}
.volunteer_area div.domestic_tit .sub_page_tit h1, 
.volunteer_area div.domestic_tit .sub_page_tit mark{text-align:right; color:#111;}
.volunteer_area div.domestic_tit .sub_page_tit p,
.volunteer_area div.domestic_tit .sub_page_tit p span{color:#797979; text-align:right;}
.volunteer_area div.domestic_tit .sub_page_tit .bar_b{margin:0 0 0 60%;}
.volunteer_area div.domestic_tit .sub_page_tit a{float:right;}
.col_red{color:#e66262 !important;}

@media screen and (min-width: 737px) and (max-width: 970px) {
	#foreign{background-attachment:local;}
	#domestic{background-attachment:local;}
	#kendo{background-attachment:local;}
	#cultural{background-attachment:local;}
	.volunteer_area div{position:static;}
	.volunteer_area .sub_page_tit{padding:10% 0 0 0; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease; transition-duration:.2s; transition-timing-function:ease;}
	.volunteer_area .sub_page_tit h1, 
	.volunteer_area .sub_page_tit mark, 
	.volunteer_area .sub_page_tit p, 
	.volunteer_area .sub_page_tit span{text-align:center;}
	.volunteer_area .sub_page_tit p span{display:block; line-height:140%;}
	
	.volunteer_area hgroup a{display:block; width:250px; text-align:center; padding:0; margin:30px auto;}
	.volunteer_area div.foreign_tit .sub_page_tit .bar_w{margin:0 auto;}
	
	.volunteer_area div.domestic_tit .sub_page_tit h1, 
	.volunteer_area div.domestic_tit .sub_page_tit mark,
	.volunteer_area div.domestic_tit .sub_page_tit p,
	.volunteer_area div.domestic_tit .sub_page_tit p span{text-align:center;}
	.volunteer_area div.domestic_tit .sub_page_tit .bar_b{margin:0 auto;}
	.volunteer_area div.domestic_tit .sub_page_tit a{float:none;}
	
	.volunteer_area div.kendo_tit .sub_page_tit h1, 
	.volunteer_area div.kendo_tit .sub_page_tit mark,
	.volunteer_area div.kendo_tit .sub_page_tit p,
	.volunteer_area div.kendo_tit .sub_page_tit p span{text-align:center;}
	.volunteer_area div.kendo_tit .sub_page_tit .bar_w{margin:0 auto;}
	.volunteer_area div.kendo_tit .sub_page_tit a{float:none;}
}
@media screen and (min-width: 737px) and (max-width: 768px) {
	.volunteer_area .sub_page_tit{padding:33% 0 0 0;}
}

/* contents page history */
.bt_his_more{width:1200px; height:auto; padding-bottom:54px; margin:0 auto; text-align:center; border-bottom:1px solid #e5e5e5;}
.bt_his_more a{display:block; width:123px; height:auto; padding-top:55px; margin:0 auto; background:url("../image/volunteer/bg_down.png") top center no-repeat; background-size:32px; font-family:'ingra-2', 'Tahoma', sans-serif; font-size:16px; letter-spacing:0;}
.bt_his_more a:hover{color:#db5c5c; background:url("../image/volunteer/bg_down_hover.png") top center no-repeat; background-size:32px;}
.bt_his_close{width:1200px; height:auto; padding-top:54px; margin:0 auto; text-align:center;}
.bt_his_close a{display:block; width:123px; height:auto; padding-top:55px; margin:0 auto; background:url("../image/volunteer/bg_up.png") top center no-repeat; background-size:32px; font-family:'ingra-2', 'Tahoma', sans-serif; font-size:16px; letter-spacing:0;}
.bt_his_close a:hover{color:#db5c5c; background:url("../image/volunteer/bg_up_hover.png") top center no-repeat; background-size:32px;}
@media screen and (min-width: 737px) and (max-width: 1320px) {
	.bt_his_more{width:93.66%;}
	.bt_his_close{width:93.66%;}
}

/* volunteer sub page */
#vol_contents{width:100%; height:auto;}
#vol_contents .bg_foreign{width:100%; height:375px; background:url("../image/volunteer/bg_foreign.jpg") top center no-repeat; background-attachment:fixed;}
#vol_contents .bg_domestic{width:100%; height:375px; background:url("../image/volunteer/bg_korea1.jpg") top center no-repeat; background-attachment:fixed;}
#vol_contents .bg_kendo{width:100%; height:375px; background:url("../image/volunteer/bg_kendo1.jpg") top center no-repeat; background-attachment:fixed;}
#vol_contents .bg_cultural{width:100%; height:375px; background:url("../image/volunteer/bg_cultural1.jpg") top center no-repeat; background-attachment:fixed;}
#vol_contents .vol_intro{width:100%; height:auto; padding:75px 0 0 0; text-align:center;}
#vol_contents .vol_intro h2{font-size:40px; font-weight:100;}
#vol_contents .vol_intro h2 mark{font-weight:500;}
#vol_contents .vol_intro .bar_b{padding:30px 0;}
#vol_contents .vol_intro p{color:#797979; font-weight:100; padding-bottom:40px; line-height:140%;}
#vol_contents .vol_intro p span{display:block; color:#797979;}

#vol_history{width:1200px; height:auto; padding:80px 0 0 0; margin:0 auto;}
#vol_history h2{font-size:40px; font-weight:100; text-align:center;}
#vol_history h2 mark{font-weight:500;}
#vol_history > p {text-align:center; padding:20px 0 0; color:#797979; font-weight:300;}
/* foreign */
#vol_history .his_lst{min-height:180px; position:relative; width:100%; background:url("../image/main/bg_his_line.gif") repeat-y 50% 0;}
#vol_history .his_lst dl{position:relative; background:url("../image/main/bg_his_line.gif") repeat-y 50% 0; padding-bottom:4em;}
#vol_history .his_lst dt{position:absolute; top:-23px; right:50%; margin-right:-3px; padding-right:4.25%; width:350px; height:38px; background:url("../image/main/his_dot.gif") no-repeat right 55%; text-align:right;}
#vol_history .his_lst dt mark{font-family:'din-condensed', 'Tahoma', sans-serif; font-size:45px;}
#vol_history .his_lst dt span{display:block; font-family:'din-condensed', 'Tahoma', sans-serif; color:#919191; letter-spacing:0; padding:10px 0; font-size:18px;}
#vol_history .his_lst dt p{color:#797979; font-weight:300; font-size:16px; line-height:130%;}
#vol_history .his_lst dt p .space{display:block; font-family:'NotoKR', sans-serif; font-weight:300; font-size:16px; color:#797979;}
#vol_history .his_lst dd{width:46%; margin-left:50%; padding-left:4%;}
#vol_history .his_lst.right dt{top:-10px; right:0; left:50%; padding-right:0; padding-left:4.25%; text-align:left; margin-left:-3px; background-position:left 55%;}
#vol_history .his_lst.right dd {margin-right:50%; margin-left:0; text-align:right; padding-left:0; padding-right:4%;}
/* korea */
#vol_history .his_gallery_info {margin-top:40px;}
#vol_history .his_gallery_info li{float:left; width:25%;}
#vol_history .his_gallery_info li img{width:100%;}
#vol_history .his_lst_txt_type{position:relative; width:100%; height:auto; overflow:hidden; padding:50px 0 0 0;}
#vol_history .his_lst_txt_type div{width:100%;}
#vol_history .his_lst_txt_type div:not(:nth-child(1)) {border-top:1px solid #eee; padding-top:40px;}
#vol_history .his_lst_txt_type div h3{font-size:35px; font-weight:300;}
#vol_history .his_lst_txt_type ul{margin:20px 0 40px;}
#vol_history .his_lst_txt_type li{float:none; display:inline-block; width:24.77%; color:#797979; font-weight:300; font-size:16px; padding:10px; background:url("../image/common/bul_lst.gif") left center no-repeat; background-size:3px; box-sizing:border-box; vertical-align:top;}
#vol_history .his_lst_txt_type li span {display:block; font-size:inherit; color:inherit;}

#vol_history .his_stop{width:840px; height:auto; padding-bottom:100px; margin:0 auto; background:url("../image/main/bg_his_line.gif") repeat-y 50% 0;}
#vol_history .his_stop p{border:2px solid #111; padding:15px 0; font-weight:500; text-align:center; background:#fff;}
/* kendo */
	.graph{width:780px; height:377px; position:relative; margin:50px auto 100px; background:url("../image/volunteer/bg_graph_line.gif") 0 349px repeat-x; display: flex; align-items: flex-end; justify-content: space-around;}
	.graf_wrap{width:26px; display: flex; flex-direction: column; align-items: center; z-index:1;}
	.graph .g_txt{display:block; font-family:'din-condensed', 'Tahoma', sans-serif; padding-bottom:10px; display:none; z-index:0;}
	.graph .g_year{display:block; font-family:'din-condensed', 'Tahoma', sans-serif; font-weight:normal; padding-top:10px;}
	.graph .g_middle{width: 20px; }

	.graf_wrap_01 .g_txt, 
	.graf_wrap_01 .g_year {color:#db5c5c;}
	.graf_wrap_01 .g_middle {background:#db5c5c;}

	.graf_wrap_02 .g_txt, 
	.graf_wrap_03 .g_txt, 
	.graf_wrap_04 .g_txt, 
	.graf_wrap_05 .g_txt, 
	.graf_wrap_02 .g_year, 
	.graf_wrap_03 .g_year, 
	.graf_wrap_04 .g_year, 
	.graf_wrap_05 .g_year {color:#737373;}

	.graf_wrap_02 .g_middle, 
	.graf_wrap_03 .g_middle, 
	.graf_wrap_04 .g_middle, 
	.graf_wrap_05 .g_middle {background:#737373;}

	.graf_wrap_06 .g_txt, 
	.graf_wrap_07 .g_txt, 
	.graf_wrap_08 .g_txt, 
	.graf_wrap_09 .g_txt, 
	.graf_wrap_10 .g_txt, 
	.graf_wrap_11 .g_txt, 
	.graf_wrap_06 .g_year, 
	.graf_wrap_07 .g_year, 
	.graf_wrap_08 .g_year, 
	.graf_wrap_09 .g_year, 
	.graf_wrap_10 .g_year,
	.graf_wrap_11 .g_year,
	.graf_wrap_12 .g_year,
	.graf_wrap_13 .g_year,
	.graf_wrap_14 .g_year{color:#d0d0d0;}

	.graf_wrap_06 .g_middle, 
	.graf_wrap_07 .g_middle, 
	.graf_wrap_08 .g_middle, 
	.graf_wrap_09 .g_middle,
	.graf_wrap_10 .g_middle,
	.graf_wrap_11 .g_middle,
	.graf_wrap_12 .g_middle,
	.graf_wrap_13 .g_middle,
	.graf_wrap_14 .g_middle{background:#d0d0d0;}

#vol_history .his_lst_txt{min-height:120px; position:relative; width:100%; background:url("../image/main/bg_his_line.gif") repeat-y 50% 0; padding:30px 0 0 0;}
#vol_history .his_lst_txt dl{position:relative; background:url("../image/main/bg_his_line.gif") repeat-y 50% 0; padding-bottom:4em;}
#vol_history .his_lst_txt dt{position:absolute; top:-23px; right:50%; margin-right:-3px; padding-right:4.25%; width:350px; height:38px; background:url("../image/main/his_dot.gif") no-repeat right 55%; text-align:right;}
#vol_history .his_lst_txt dt mark{font-family:'din-condensed', 'Tahoma', sans-serif; font-size:45px;}
#vol_history .his_lst_txt dt span{display:block; font-family:'din-condensed', 'Tahoma', sans-serif; color:#919191; letter-spacing:0; padding:10px 0; font-size:18px;}
#vol_history .his_lst_txt dd{position:absolute; top:35px; right:50%; margin-right:-3px; padding-right:4.25%; color:#797979; font-weight:300; font-size:16px; line-height:130%;}
#vol_history .his_lst_txt.right dt{top:-10px; right:0; left:50%; padding-right:0; padding-left:4.25%; text-align:left; margin-left:-3px; background-position:left 55%;}
#vol_history .his_lst_txt.right dd {top:47px; right:0; left:50%; padding-right:0; padding-left:4%;}
/* cultural */
	#cult_history{width:1200px; height:auto; margin:30px auto 60px auto; border-top:1px solid #e5e5e5;}
	#cult_history h2{font-size:40px; font-weight:100; text-align:center; padding:60px 0 100px 0;}
	#cult_history h2 mark{font-weight:500;}
	#cult_history .history_box{width:100%; height:860px; background:url("../image/main/bg_his_line.gif") repeat-y 50% 0;}
	#cult_history .his_lst_txt_cult dl{position:relative;}
	#cult_history .his_lst_txt_cult dt{position:absolute; top:-13px; right:50%; margin-right:-3px; padding-right:4.25%; width:350px; height:38px; background:url("../image/main/his_dot.gif") no-repeat right 55%; text-align:right;}
	#cult_history .his_lst_txt_cult dt mark{font-family:'din-condensed', 'Tahoma', sans-serif; font-size:45px;}
	#cult_history .his_lst_txt_cult dd{position:absolute; top:26px; right:50%; margin-right:-3px; padding-right:4.25%; color:#797979; font-weight:300; font-size:16px; line-height:120%;}
	#cult_history .his_lst_txt_cult dd li{color:#797979; font-weight:300; font-size:16px; line-height:130%; text-align:right; margin:8px 0;}
	#cult_history .his_lst_txt_cult dd li span{display:block; margin:10px 0;}
	#cult_history .his_lst_txt_cult.right dt{top:-21px; right:0; left:50%; padding-right:0; padding-left:4.25%; text-align:left; margin-left:-3px; background-position:left 55%;}
	#cult_history .his_lst_txt_cult.right dd {top:25px; right:0; left:50%; padding-right:0; padding-left:4%;}
	#cult_history .his_lst_txt_cult.right dd li{text-align:left;}

	#cult_history .his_lst_txt_cult.his2019 {min-height:248px;}
	#cult_history .his_lst_txt_cult.his2018 {min-height:121px;}
	#cult_history .his_lst_txt_cult.his2017 {min-height:177px;}
	#cult_history .his_lst_txt_cult.his2016 {min-height:161px;}

	#cult_after {width:1200px; height:auto; margin:30px auto 0 auto; border-top:1px solid #e5e5e5;}
	#cult_after h2{font-size:40px; font-weight:100; text-align:center; padding:60px 0;}
	#cult_after h2 mark{font-weight:500;}
	#cult_after dl {width:100%; height:auto; border-top:1px solid #e5e5e5;}
	#cult_after dl dt {border-bottom:1px solid #e5e5e5;}
	#cult_after dl dt a {display:block; width:100%; height:100%; padding:24px; padding-left:48px; box-sizing:border-box; position:relative; color:#aaa; font-weight:500;}
	#cult_after dl dt a:before {content:''; display:block; width:14px; height:2px; background:#d7d7d7; margin-right:10px; transform:rotate(-45deg); position:absolute; top:34px; left:24px;}
	#cult_after dl dt a i {display:block; width:35px; height:25px; overflow:hidden; position:absolute; top:20px; right:24px;}
	#cult_after dl dt a i:before {content:''; display:block; width:20px; height:20px; border:2px solid #d7d7d7; border-right-width:0; border-top-width:0; transform:rotate(-45deg); position:absolute; top:-5px; left:7px;}
	#cult_after dl dd {width:100%; height:auto; padding:24px 48px; box-sizing:border-box; color:#797979; font-weight:300; border-bottom:1px solid #e5e5e5; background:#f5f5f5; overflow:hidden; line-height:130%;}
	#cult_after dl ul {width:100%; height:auto; margin-top:24px;}
	#cult_after dl ul li {display:inline-block; text-align:center; position:relative; border:1px solid #e5e5e5;}
	#cult_after dl ul li:after {content:''; display:block; width:48px; height:24px; background:url("../image/recruit/bg_arrow_s.png") center no-repeat; position:absolute; top:45%; left:-60px;}
	#cult_after dl ul li img {max-width:100%;}
	#cult_after dl ul li strong {display:block; color:inherit; font-size:16px; font-weight:300; background:#fff; border-top:1px solid #e5e5e5; padding:14px 0;}
	#cult_after dl ul li:nth-child(1) {margin-right:72px;}
	#cult_after dl ul li:nth-child(1):after {display:none;}
	#cult_after dl .big_thumb li:after {height:48px; background:url("../image/volunteer/bg_arrow_btm_s.png") center no-repeat; top:-60px; left:50%; transform:translateX(-50%);}
	#cult_after dl .big_thumb li:nth-child(1) {margin-right:0; margin-bottom:72px;}

	#cult_after dl .active a {color:#db5c5c;}
	#cult_after dl .active a:before {background:#db5c5c;}
	#cult_after dl .active i:before {border:2px solid #777; border-left-width:0; border-bottom-width:0; top:7px;}

#restoration_process{width:1200px; height:auto; margin:80px auto; border-top:1px solid #e5e5e5; overflow:hidden;}
	#restoration_process h2{font-size:40px; font-weight:100; text-align:center; padding:60px 0 0;}
	#restoration_process h2 mark{font-weight:500;}
	#restoration_process ol{width:100%; height:auto; margin:50px 0 0 0;}
	#restoration_process > ol li{float:left; width:288px; height:298px; margin:5px; background:url("../image/recruit/bg_arrow_s.png") 90% 10% no-repeat;}
	#restoration_process > ol li span{display:block; border:1px solid #e5e5e5; border-bottom:none; height:105px; color:#797979; font-weight:300; font-size:16px; line-height:130%; padding:0 20px 0 20px;}
	#restoration_process > ol li strong{display:block; font-family:'din-condensed', 'Tahoma', sans-serif; font-size:30px; color:#db5c5c; padding:20px 0 10px 0;}
	#restoration_process > ol li img{width:100%;}
	#restoration_process > ol li:last-child{background:none;}
	#restoration_process .relic_box {float:left; width:100%; height:auto;}
	#restoration_process .relic_box ol {margin:20px 0 0 0;}
	#restoration_process .relic_box li {float:left; width:48%; margin:0 1%;}
	#restoration_process .relic_box li img {width:100%;}
	#restoration_process .relic_box li span {color:#797979; font-weight:300; line-height:130%;}
	#restoration_process .relic_box li strong {font-weight:500; display:block; padding:30px 0 10px 0;}

@media screen and (min-width: 737px) and (max-width: 1320px) {
	#vol_contents .bg_foreign{height:350px; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease; transition-duration:.2s; transition-timing-function:ease;}
	#vol_history{width:93.66%;}
	/* korea */
	#vol_history .his_lst_txt_type li{width:33%;}
	#vol_history .his_lst_txt_type li span {display:inline;}
	/* cultural */
	#cult_history{width:93.66%;}
	#cult_after{width:93.66%;}
	#cult_after dl ul li {width:45%;}
	#restoration_process{width:93.66%;}
	#restoration_process p img{width:100%;}
	#restoration_process ol li{width:31%; margin:10px; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease; transition-duration:.2s; transition-timing-function:ease;}
}
@media screen and (min-width: 737px) and (max-width: 970px) {
	#vol_contents .bg_foreign{height:300px;}
	#vol_history .his_stop{width:90.66%;}
	/* korea */
	#vol_history .his_lst_txt_type li{width:49%;}
	/* kendo */
	.graph{width:700px;}
	.graf_wrap_01{left:38px;}
	.graf_wrap_02{left:112px;}
	.graf_wrap_03{left:185px;}
	.graf_wrap_04{left: 259px;}
	.graf_wrap_05{left: 332px;}
	.graf_wrap_06{left: 407px;}
	.graf_wrap_07{left: 478px;}
	.graf_wrap_08{left: 550px;}
	.graf_wrap_09{left: 623px;}
	/* cultural */
	#cult_after dl ul li {width:45%;}
	#cult_after dl ul li:after {display:none;}
	#cult_after dl ul li:nth-child(1) {margin-right:5%;}
	#restoration_process ol li{width:30.55%; height:auto;}
	#restoration_process ol li span{height:120px;}
}
@media screen and (min-width: 737px) and (max-width: 768px) {
	#vol_contents .vol_intro{width:93.66%; margin:0 auto;}
	#vol_history .his_lst dt{width:300px;}
	
	/* cultural */
	#cult_history .his_lst_txt_cult dt{width:300px;}
	#restoration_process ol li{width:30%; height:auto;}
}

/* learn */
#academy_g{background:url('../image/learn/bg_academy.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
#seminar{background:url('../image/learn/bg_seminar.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
#education{background:url('../image/learn/bg_edu.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
.learn_area{width:100%; height:auto; position:relative;}
.learn_area div{position:absolute;}
.learn_area .sub_page_tit h1, 
.learn_area .sub_page_tit mark, 
.learn_area .sub_page_tit p, 
.learn_area .sub_page_tit span{color:#fff;}
.learn_area .sub_page_tit .bar_w{padding:30px 0;}
.learn_area .sub_page_tit p span{display:block; line-height:140%;}
.learn_area .sub_page_tit a{display:inline-block; width:auto; height:50px; line-height:50px; background:#e6ab1c; font-size:16px; font-weight:500; padding:0 33px; margin:30px 0 0 0;}
.learn_area .sub_page_tit a:hover{background:#282727; color:#e6ab1c;}
.learn_area div.academy_tit{top:20%; left:7%;}
.learn_area div.seminar_tit{top:45%; right:7%;}
.learn_area div.seminar_tit .bar_w{margin:0 0 0 400px;}
.learn_area div.seminar_tit p{text-align:right;}
.learn_area div.seminar_tit a{float:right;}
.learn_area div.edu_tit{top:45%; left:7%;}
.learn_area div.edu_tit .bar_w{margin:0 0 0 170px;}

@media screen and (min-width: 737px) and (max-width: 970px) {
	#academy_g{background-attachment:local;}
	#seminar{background-attachment:local;}
	#education{background-attachment:local;}

	.learn_area div{position:static;}
	.learn_area .sub_page_tit{padding:10% 0 0 0; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease; transition-duration:.2s; transition-timing-function:ease;}
	.learn_area .sub_page_tit h1, 
	.learn_area .sub_page_tit mark, 
	.learn_area .sub_page_tit p, 
	.learn_area .sub_page_tit span{text-align:center;}
	.learn_area .sub_page_tit p span{display:block; line-height:140%;}
	
	.learn_area hgroup a{display:block; width:250px; text-align:center; padding:0; margin:30px auto;}
	.learn_area div  .sub_page_tit h1, 
	.learn_area div .sub_page_tit mark,
	.learn_area div .sub_page_tit p,
	.learn_area div .sub_page_tit p span{text-align:center;}
	.learn_area div .sub_page_tit .bar_w{margin:0 auto;}
	.learn_area div .sub_page_tit a{float:none;}
}

@media screen and (min-width: 737px) and (max-width: 768px) {
	.learn_area .sub_page_tit{padding:33% 0 0 0;}
}

/* learn : academy gallery */
#academy_g .bt_seminar{position:absolute; bottom:5%; right:5%;}
#academy_g .bt_seminar a{display:block; width:127px; height:97px; border-radius:127px; padding:30px 0 0 0; text-align:center; color:#fff; background:url("../image/learn/bg_arrow.png") 50% 83% no-repeat #26469b;}
#academy_g .bt_seminar a span{display:block; color:#fff;}

/* learn sub page */
#lea_contents{width:100%; height:auto;}
#lea_contents .bg_academy{width:100%; height:375px; background:url("../image/learn/bg_academy1.jpg") top center no-repeat; background-attachment:fixed;}
#lea_contents .bg_symposium{width:100%; height:375px; background:url("../image/learn/bg_seminar1.jpg") top center no-repeat; background-attachment:fixed;}
#lea_contents .lea_intro{width:1200px; height:auto; padding:75px 0 30px 0; margin:0 auto; overflow:hidden;}
#lea_contents .lea_intro h2{font-size:40px; font-weight:100; text-align:center;}
#lea_contents .lea_intro h2 mark{font-weight:500;}
#lea_contents .lea_intro p{color:#797979; font-weight:100; line-height:180%; text-align:center;}
#lea_contents .lea_intro p span{display:block; color:#797979;}
#lea_contents .lea_intro ul{width:100%; height:auto; margin:70px 0;}
#lea_contents .lea_intro li{float:left; width:46%; height:auto; overflow:hidden; margin:2%;}
#lea_contents .lea_intro li span{display:block;}
#lea_contents .lea_intro li dt{font-family:'Ingra-2', 'Tahoma', sans-serif; font-size:16px; padding:10px 0 0 0; letter-spacing:0;}
#lea_contents .lea_intro li dd{color:#797979; font-size:16px; font-weight:300; line-height:140%; padding:15px 0 0 0;}
@media screen and (min-width: 737px) and (max-width: 1320px) {
	#lea_contents .lea_intro{width:93.66%;}
}

/* academy member */
#academy_member{float:none; width:1200px; height:auto; padding:80px 0; margin:0 auto; overflow:hidden; border-top:1px solid #e5e5e5;}
#academy_member hgroup{width:100%; height:auto; text-align:center;}
#academy_member hgroup h1{font-size:40px; font-weight:100;}
#academy_member hgroup mark{font-weight:500;}
#academy_member hgroup .bar_b{padding:30px 0;}
#academy_member hgroup p, #academy_member hgroup span{color:#797979; font-size:18px; font-weight:300;}
#academy_member .member_area{float:left; width:100%; height:auto; margin:80px 0 0 0; overflow:hidden;}
#academy_member .academy_area{width:1200px; height:auto; margin:0 auto; position:relative;}
#academy_member .member_area .bt_prev{display:block; width:56px; height:56px; background:url("../image/common/bt_prev.gif") 0 0 no-repeat; font-size:0; position:absolute; top:140px; left:0; z-index:9999;}
#academy_member .member_area .bt_next{display:block; width:56px; height:56px; background:url("../image/common/bt_next.gif") 0 0 no-repeat; font-size:0; position:absolute; top:140px; right:0; z-index:9999;}
#academy_member .member_area .academy_area div{width:1200px; height:365px; margin:0 auto; overflow:hidden;}
#academy_member .member_area div dl{float:left; width:247px; height:360px; background:#fff; border:1px solid #d0d0d0; box-shadow: 4px 4px 0 #d9d9d9; margin:0 15px 35px 15px;}
#academy_member .member_area div dt img{width:100%}
#academy_member .member_area div dd{text-align:center; font-size:17px; font-weight:500; color:#111; padding:19px 0 0 0;}
#academy_member .member_area div dd strong{display:block; color:#f3ad36; font-size:15px; font-weight:500; padding-bottom:8px;}
#academy_member .member_area div dd span{color:#797979; font-size:15px; display:block; font-weight:300; padding-top:8px; line-height:120%;}
#academy_member .member_area .control_box{float:left; width:100%; height:auto; padding:50px 0 0 0; text-align:center;}

@media screen and (min-width: 737px) and (max-width: 1320px) {
	#academy_member{width:93.66%;}
	#academy_member .academy_area{width:93.66%; height:auto;}
	#academy_member .member_area .bt_prev{top:40%; left:8%;}
	#academy_member .member_area .bt_next{top:40%; right:8%;}
	#academy_member .member_area .academy_area div{width:81%; height:400px;}
	#academy_member .member_area div dl{width:31%; height:395px; margin:0 1% 35px 1%;}
}
@media screen and (min-width: 737px) and (max-width: 1024px) {
	#academy_member .member_area .academy_area div{height:330px;}
	#academy_member .member_area div dl{height:325px;}
}
@media screen and (min-width: 737px) and (max-width: 800px) {
	#academy_member .member_area .bt_prev{left:0;}
	#academy_member .member_area .bt_next{right:0;}
	#academy_member .member_area .academy_area div{width:90%; height:300px;}
	#academy_member .member_area div dl{height:295px;}
}
/* learn : sub page history */
#lea_history{width:1200px; height:auto; padding:80px 0 0 0; margin:0 auto;}
#lea_history h2{font-size:40px; font-weight:100; text-align:center;}
#lea_history h2 mark{font-weight:500;}
#lea_history .his_lst{background:url("../image/main/bg_his_line.gif") repeat-y 50% 0;}
#lea_history .his_lst dl{position:relative; background:url("../image/main/bg_his_line.gif") repeat-y 50% 0;}
#lea_history .his_lst dt{position:absolute; top:-10px; right:50%; margin-right:-3px; padding-right:4.25%; width:300px; height:38px; background:url("../image/main/his_dot.gif") no-repeat right 55%; text-align:right;}
#lea_history .his_lst dt mark{display:block; margin-top:12px; font-family:'din-condensed', 'Tahoma', sans-serif; font-size:45px;}
#lea_history .his_lst dd{position:absolute; top:40px; right:50%; margin-right:-3px; padding-right:4.25%;}
#lea_history .his_lst dd li{color:#797979; font-weight:300; font-size:15px; text-align:right; padding:7px 0; letter-spacing:0;}
#lea_history .his_lst dd li span{font-family:'din-condensed', 'Tahoma', sans-serif; color:#999; font-size:17px; display:block; width:106px; float:right;}
#lea_history .his_lst.right dt{top:-11px; right:0; left:50%; padding-right:0; padding-left:4.25%; text-align:left; margin-left:-3px; background-position:left 55%;}
#lea_history .his_lst.right dd {top:40px; right:0; left:50%; padding-right:0; padding-left:4%;}
#lea_history .his_lst.right dd li{text-align:left;}
#lea_history .his_lst.right dd li span{float:left;}
#lea_history .his_lst.h2025{min-height:300px;}
#lea_history .his_lst.h2024{min-height:240px;}
#lea_history .his_lst.h2023{min-height:220px;}
#lea_history .his_lst.h2022{min-height:135px;}
#lea_history .his_lst.h2021{min-height:138px;}
#lea_history .his_lst.h2020{min-height:110px;}
#lea_history .his_lst.h2019{min-height:284px;}
#lea_history .his_lst.h2018{min-height:255px;}
#lea_history .his_lst.h2017{min-height:368px;}
#lea_history .his_lst.h2016{min-height:368px;}
#lea_history .his_lst.h2015{min-height:305px;}
#lea_history .his_lst.h2014{min-height:186px;}
#lea_history .his_lst.h2013{min-height:534px;}
@media screen and (min-width: 737px) and (max-width: 1320px) {
	#lea_history{width:93.66%;} 
}
@media screen and (max-width: 737px) {
	#lea_history .his_lst.h2024 {min-height:auto;}
}

#lea_sympo_his{width:1200px; height:auto; padding:50px 0; margin:0 auto;}
#lea_sympo_his h2{font-size:40px; font-weight:100; text-align:center;}
#lea_sympo_his h2 mark{font-weight:500;}
#lea_sympo_his .bar_b{padding:30px 0;}

#lea_sympo_his .sympo_tab{width:1200px; height:51px; background:url("../image/main/bg_tab_line.gif") 0 0 repeat-x;display:flex; justify-content: space-around;}
#lea_sympo_his .sympo_tab li {text-align:center;}
#lea_sympo_his .sympo_tab li a {font-family:'din-condensed', 'Tahoma', sans-serif; display:inline-block; padding:15px 15px 16px 15px; border:1px solid #e7e7e7; border-left:none; border-right:none; color:#999;}
#lea_sympo_his .sympo_tab li a:hover, #lea_sympo_his .sympo_tab li a.on{color:#222; border:1px solid #222; border-left:none; border-right:none;}

#lea_sympo_his .sympo_his_box{width:100%; height:auto; padding:30px 0 0 0;}
#lea_sympo_his .sympo_his_box h3{font-family:'din-condensed', 'Tahoma', sans-serif; font-size:45px; text-align:center; font-weight:normal;}
#lea_sympo_his .sympo_his_box table{width:100%; height:auto; margin:30px 0 0 0;}
#lea_sympo_his .sympo_his_box table thead th{border-top:1px solid #f3ad36; border-bottom:1px solid #d1d1d1; font-weight:300; padding:20px 0;}
#lea_sympo_his .sympo_his_box table tbody th{background:#f4f4f4; border-bottom:1px solid #d1d1d1; font-weight:300; padding:20px 0 20px 55px; text-align:left;}
#lea_sympo_his .sympo_his_box table tbody th span{display:inline-block; width:160px; color:#797979;}
#lea_sympo_his .sympo_his_box table tbody th em{display:inline-block; width:120px;}
#lea_sympo_his .sympo_his_box table tbody td{border-bottom:1px solid #d1d1d1; font-weight:300; padding:20px; color:#797979;}
#lea_sympo_his > p{width:100%; height:auto; text-align:center; margin:30px 0 0 0;}
#lea_sympo_his > p a{display:inline-block; border:1px solid #000; padding:20px 80px 20px 30px; background:url("../image/board/bt_down.png") 90% 50% no-repeat; background-size:11px;}
#lea_sympo_his > p a:hover{border:1px solid #f3ad36; background:url("../image/board/bt_down_w.png") 90% 50% no-repeat #f3ad36; background-size:11px; color:#fff; }

@media screen and (min-width: 737px) and (max-width: 1320px) {
	#lea_sympo_his{width:93.66%;}
	#lea_sympo_his .sympo_tab{width:100%;}
	#lea_sympo_his .sympo_his_box table tbody th{padding-left:0; text-align:center;}
	#lea_sympo_his .sympo_his_box table tbody th em{padding:5px 0 0 0;}
}

/* culture */
#festival{background:url('../image/culture/bg1.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
#workshop{background:url('../image/culture/bg2.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}
#golf{background:url('../image/culture/bg3.jpg') top center no-repeat; background-attachment:fixed; background-size:cover;}

#culture_wrap #visual_top .visual_box{background:url("../image/common/bg_top_box_w_t2.png") top center no-repeat;}
#culture_wrap  #visual_top hgroup{background:url("../image/common/bg_top_box_w_b2.png") bottom center no-repeat;}
#culture_wrap #visual_top hgroup .strapline{color:#797979;}
#culture_wrap #visual_top hgroup h1{color:#111;}
#culture_wrap #visual_top hgroup h1 mark{color:#111;}
#culture_wrap #visual_top hgroup .bar_b{padding:40px 0;}
#culture_wrap #visual_top hgroup p{color:#797979;}
#culture_wrap #visual_top hgroup p span{color:#797979;}

@media screen and (min-width: 737px) and (max-width: 970px) {
	#culture_wrap #visual_top .visual_box{width:63.66%; margin:0 auto; background-size:100%;}
	#culture_wrap #visual_top hgroup{width:100%; height:320px; margin:10% auto 0 auto; background-size:100%;}
}

@media screen and (min-width: 737px) and (max-width: 768px) {
	#culture_wrap #visual_top .visual_box{width:73.66%; margin:0 auto; background-size:100%;}
	#culture_wrap #visual_top hgroup{margin-top:45%; height:330px;}
}
#mirsystem{width:100%; height:auto; text-align:center; padding:90px 0 100px 0; overflow:hidden;}
#mirsystem h1, #mirsystem mark{color:#111; padding:0;}
#mirsystem p, #mirsystem p span{color:#797979;}
#mirsystem .mirsystem_org{width:1200px; height:auto; padding:100px 0 0 0; margin:0 auto;}
#mirsystem .mirsystem_org li{float:left; width:25%;}
#mirsystem .mirsystem_org li dl{padding:15px 0 0 0;}
#mirsystem .mirsystem_org li strong{display:block; color:#f0880d; font-size:15px; padding:15px 0;}
#mirsystem .mirsystem_org li dt{font-size:15px; font-weight:700;}
#mirsystem .mirsystem_org li dd{color:#797979; font-size:15px; font-weight:300; padding:15px 0 0 0; line-height:140%;}
.culture_area{width:100%; height:auto; position:relative;}
.culture_area div{position:absolute;}
.culture_area .sub_page_tit h1, 
.culture_area .sub_page_tit mark, 
.culture_area .sub_page_tit p, 
.culture_area .sub_page_tit span{color:#fff;}
.culture_area .sub_page_tit .bar_w{padding:30px 0;}
.culture_area .sub_page_tit p span{display:block; line-height:140%;}
.culture_area .sub_page_tit a{display:inline-block; width:auto; height:50px; line-height:50px; background:#f0880d; font-size:16px; font-weight:500; padding:0 33px; margin:30px 0 0 0; color:#fff;}
.culture_area .sub_page_tit a:hover{background:#fff; color:#f0880d;}
.culture_area div.festival_tit{top:45%; left:10%;}
.culture_area div.festival_tit .bar_w{margin:0 0 0 100px;}
.culture_area div.workshop_tit{top:45%; right:10%;}
.culture_area div.workshop_tit h1{text-align:right;}
.culture_area div.workshop_tit .bar_w{margin:0 0 0 400px;}
.culture_area div.workshop_tit p{text-align:right;}
.culture_area div.workshop_tit a{float:right;}
.culture_area div.golf_tit{top:45%; left:10%;}
.culture_area div.golf_tit .bar_w{margin:0 0 0 220px;}

@media screen and (min-width: 737px) and (max-width: 1024px) {
	#mirsystem .mirsystem_org{width:93.66%;}
	.culture_area div.festival_tit{top:35%; left:10%;}
	.culture_area div.workshop_tit{top:35%; right:10%;}
	.culture_area div.golf_tit{top:35%; left:10%;}
}
@media screen and (min-width: 737px) and (max-width: 970px) {
	#mirsystem{padding:50px 0;}
	#mirsystem p{width:93.66%; margin:0 auto; text-align:center;}
	#mirsystem .mirsystem_org{padding:50px 0;}
	#mirsystem .mirsystem_org li{width:23%; margin:0 1%;}

	.culture_area div{position:static;}
	.culture_area .sub_page_tit{padding:7% 0 0 0; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease; transition-duration:.2s; transition-timing-function:ease;}
	.culture_area .sub_page_tit h1, 
	.culture_area .sub_page_tit mark, 
	.culture_area .sub_page_tit p, 
	.culture_area .sub_page_tit span{text-align:center;}
	.culture_area .sub_page_tit p span{display:block; line-height:140%;}
	.culture_area .sub_page_tit a{display:block; width:250px; text-align:center; padding:0; margin:30px auto;}
	.culture_area div.festival_tit .bar_w{margin:0 auto;}
	.culture_area div.workshop_tit h1{text-align:center;}
	.culture_area div.workshop_tit .bar_w{margin:0 auto;}
	.culture_area div.workshop_tit p{text-align:center;}
	.culture_area div.workshop_tit a{float:none;}
	.culture_area div.golf_tit .bar_w{margin:0 auto;}
}
@media screen and (min-width: 737px) and (max-width: 768px) {
	#mirsystem .mirsystem_org li{width:50%; margin:1% 0;}
	.culture_area .sub_page_tit{padding:33% 0 0 0;}
}

/* recruit */
#people_cru{width:100%; height:auto; text-align:center; overflow:hidden;}
#people_cru .people_tit{width:100%; height:420px; background:url("../image/recruit/bg_people.jpg") top center no-repeat;}
#people_cru .people_tit h1{padding:110px 0 0 0;}
#people_cru .people_tit h1, #people_cru .people_tit mark, #people_cru .people_tit p{color:#fff;}
#people_cru .people_tit .bar_w{padding:30px 0;}
#people_cru ul{width:1200px; height:auto; padding:80px 0; margin:0 auto; overflow:hidden;}
#people_cru ul li{float:left; width:25%;}
#people_cru ul li dl{width:100%; height:auto; padding:27px 0 0 0;}
#people_cru ul li dt{font-size:23px; font-weight:500;}
#people_cru ul li strong{display:block; font-size:15px; font-family:'ingra-2', 'Tahoma', sans-serif; letter-spacing:0; padding:13px 0 0 0;}
#people_cru ul li .bar{display:block; width:1px; height:22px; margin:10px auto;}
#people_cru ul li dd{color:#797979; font-size:16px; line-height:140%; font-weight:300;}
#people_cru ul li dd span{display:block; color:#797979; font-size:16px;}
#people_cru ul li .blue{color:#198ee9;}
#people_cru ul li .bar.blue{background:#198ee9;}
#people_cru ul li .green{color:#7bbd26;}
#people_cru ul li .bar.green{background:#7bbd26;}
#people_cru ul li .yellow{color:#ffc000;}
#people_cru ul li .bar.yellow{background:#ffc000;}
#people_cru ul li .red{color:#e66262;}
#people_cru ul li .bar.red{background:#e66262;}

@media screen and (min-width: 737px) and (max-width: 1220px) {
	#people_cru ul{width:93.66%;}
}
@media screen and (min-width: 737px) and (max-width: 970px) {
	#people_cru ul li{width:23%; margin:0 1%;}
	#people_cru ul li img{width:130px; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease; transition-duration:.2s; transition-timing-function:ease;}
	#people_cru ul li dd span{display:inline;}
}
@media screen and (min-width: 737px) and (max-width: 768px) {
	#people_cru ul{padding:50px 0 0 0;}
	#people_cru ul li{width:48%; margin:3% 1%;}
	#people_cru ul li dd span{display:block;}
}
#recruit_cru{width:100%; height:auto; text-align:center;}
#recruit_cru .recruit_tit{width:100%; height:420px; background:url("../image/recruit/bg_recruit.jpg") top center no-repeat;}
#recruit_cru .recruit_tit h1{padding:110px 0 0 0;}
#recruit_cru .recruit_tit h1, #recruit_cru .recruit_tit mark, #recruit_cru .recruit_tit p, #recruit_cru .recruit_tit span{color:#fff;}
#recruit_cru .recruit_tit .bar_w{padding:30px 0;}
#recruit_cru .recruit_box{width:1200px; height:auto; padding:68px 0 0 0; margin:0 auto;}
#recruit_cru .recruit_box h2{font-size:40px; font-weight:100;}
#recruit_cru .recruit_box h2 mark{font-weight:500;}
#recruit_cru .recruit_procedure{width:1200px; height:auto; padding:80px 0; margin:0 auto;}
#recruit_cru .recruit_procedure dl{float:left; width:22%;}
#recruit_cru .recruit_procedure dt{font-size:20px; font-weight:400;}
#recruit_cru .recruit_procedure dt strong{font-size:23px; font-family:'din-condensed', 'Tahoma', sans-serif; color:#7bbf22;}
#recruit_cru .recruit_procedure dd{color:#797979; font-size:16px; font-weight:300; line-height:140%; padding:30px 0 0 0;}
#recruit_cru .recruit_procedure dd span{display:block; color:#797979; font-size:16px; font-weight:300; line-height:140%;}
#recruit_cru .recruit_procedure p{float:left; width:99.66%; height:auto; border:2px solid #000; padding:18px 0; margin:70px 0;}
#recruit_cru .recruit_procedure .bg_arrow{float:left; display:block; width:44px; height:280px; background:url("../image/recruit/bg_arrow_s.png") center no-repeat; font-size:0;}
#recruit_cru .recruit_procedure .bg_arrow_e{float:left; display:block; width:44px; height:280px; background:url("../image/recruit/bg_arrow_e.png") center no-repeat; font-size:0;}
#recruit_cru .career{padding:68px 0 0 0; border-top:1px solid #e5e5e5; overflow:hidden;}
#recruit_cru .career .recruit_procedure dl{float:left; width:17%;}

@media screen and (min-width: 737px) and (max-width: 1220px) {
	#recruit_cru .recruit_box{width:93.66%;}
	#recruit_cru .recruit_procedure{width:93.66%;}
	#recruit_cru .recruit_procedure dl{width:21%;}
	#recruit_cru .career .recruit_procedure p{margin:0 0 70px 0;}
	#recruit_cru .career{width:93.66%;}
	#recruit_cru .career .recruit_procedure dl{width:29%; height:380px; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease; transition-duration:.2s; transition-timing-function:ease;}
}
@media screen and (min-width: 737px) and (max-width: 970px) {
	#recruit_cru .recruit_tit h1{padding:70px 0 0 0;}
	#recruit_cru .recruit_tit{height:340px; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease; transition-duration:.2s; transition-timing-function:ease;}
	#recruit_cru .recruit_procedure dl{width:20%;}
	#recruit_cru .recruit_procedure img{width:130px;}
	#recruit_cru .recruit_procedure dd span{display:inline;}
	#recruit_cru .recruit_procedure .bg_arrow, #recruit_cru .recruit_procedure .bg_arrow_e{height:230px; background-size:30px;}
	#recruit_cru .career .recruit_procedure dl{width:28%;}
}
@media screen and (min-width: 737px) and (max-width: 768px) {
	#recruit_cru .recruit_procedure dl{width:41%; height:340px; margin:0 1%;}
	#recruit_cru .recruit_procedure dd span{display:block;}
	#recruit_cru .recruit_procedure p{margin:0 0 70px 0;}
	#recruit_cru .recruit_procedure .bg_arrow, #recruit_cru .recruit_procedure .bg_arrow_e{height:280px;}
	#recruit_cru .career .recruit_procedure dl{width:41%; height:330px;}
}

#welfare_cru{width:100%; height:auto; text-align:center; overflow:hidden;}
#welfare_cru .welfare_tit{width:100%; height:420px; background:url("../image/recruit/bg_welfare.jpg") top center no-repeat;}
#welfare_cru .welfare_tit h1{padding:130px 0 0 0;}
#welfare_cru .welfare_tit h1, #welfare_cru .welfare_tit mark, #welfare_cru .welfare_tit p, #welfare_cru .welfare_tit span{color:#fff;}
#welfare_cru .welfare_tit .bar_w{padding:30px 0;}
#welfare_cru .welfare_box{width:1200px; height:auto; margin:0 auto;}
#welfare_cru ul li{float:left; width:25%; height:180px; padding:80px 0 0 0;}
#welfare_cru ul li dl{padding:17px 0 0 0;}
#welfare_cru ul li dl dt{font-size:20px; font-weight:500;}
#welfare_cru ul li dl dd{font-size:15px; color:#797979; font-weight:300; padding:20px 0 0 0;}
#welfare_cru ul li dl dd span{display:block; font-size:15px; color:#797979; padding:5px 0 0 0;}
#welfare_cru .welfare_box p{float:left; width:99.66%; height:auto; border:2px solid #000; padding:18px 0; margin:100px auto;}

@media screen and (min-width: 737px) and (max-width: 1220px) {
	#welfare_cru .welfare_box{width:93.66%;}
}

/* board wirte */
#bo_w{width:100%; height:auto; background:#f6f6f6;}
#bo_w h2{text-align:center; padding:3% 0; font-size:35px; font-weight:300; background:#fff;}
#bo_w .tbl_wrap{width:100%; height:auto; border-top:1px solid #e5e5e5; overflow:hidden; padding:3% 0;}
#bo_w .tbl_wrap table{width:50%; margin:0 auto; border-top:1px solid #e5e5e5;}
#bo_w .tbl_wrap table th{font-size:17px; font-weight:400; padding:20px; border-bottom:1px solid #e5e5e5; background:#fff;}
#bo_w .tbl_wrap table td{font-size:17px; font-weight:400; padding:20px; border-bottom:1px solid #e5e5e5; background:#fff; color:#797979;}
#bo_w .tbl_wrap table td select{font-size:17px; font-weight:400; padding:5px; color:#797979;}
#bo_w .tbl_wrap table td input{width:93.66%; font-size:17px; font-weight:400; padding:5px; color:#797979;}
#bo_w .tbl_wrap table td textarea{width:93.66%; font-size:17px; font-weight:400; padding:5px; color:#797979;}
#bo_w .tbl_wrap table td input#notice{width:auto;}
#autosave_pop, #btn_autosave{display:none;}
#autosave_pop button{display:inline-block; font-size:13px;}
#autosave_pop ul li{padding:10px 0;}
#autosave_pop ul li a, #autosave_pop ul li span{font-size:13px;}
#bo_w .autosave_del{border-radius:2px; background:#444; color:#fff; padding:5px 10px;}
#bo_w .btn_confirm{width:482px; height:auto; background:#f6f6f6; overflow:hidden; padding:3% 0; margin:0 auto;}
#bo_w .btn_confirm a, #bo_w .btn_confirm input{float:left; display:block; width:224px; height:57px; line-height:57px; border:2px solid #111; text-align:center; font-size:16px; background:none; cursor:pointer;}
#bo_w .btn_confirm a{height:53px; margin-left:10px;}
#bo_w .btn_confirm a:hover, #bo_w .btn_confirm input:hover{background:#111; color:#fff;}

/* admin btn */
.btn_bo_user{float:left; width:100%; height:auto; padding:1% 0 5% 0; text-align:center;}
.btn_bo_user li{display:inline-block; padding:0 10px;}
.btn_bo_user li a{color:#797979;}

.bo_v_com{position:absolute; top:5%; right:100px;}
#board_view .tite_group .bo_v_com li{padding-right:10px;}
.bo_v_com li a{font-size:13px; color:#111; border:2px solid #111; padding:5px 10px;}
.bo_v_com li a:hover{background:#111; color:#fff;}

.bo_v_com_gallery{position:absolute; top:0; right:50px; background:#111; padding:15px 10px;}
#gallery_view .bo_v_com_gallery li{float:left; padding:0 5px;}
.bo_v_com_gallery li a{font-size:13px; color:#fff; padding:0 10px;}
.bo_v_com_gallery li a:hover{background:#fff; color:#111;}






/* 미르20주년 사이드배너 */
.mir20th-qbanner {position: fixed; right:0; top:55%; z-index:555; animation: bounce .5s infinite alternate; -webkit-animation: bounce .5s infinite alternate;}
.mir20th-qbanner ul li {margin:0.5em 0;text-align: center;}
.mir20th-qbanner-mo {display: none;}
@keyframes bounce {
  from {
	transform: translateY(0px);
  }
  to {
	 transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
	 transform: translateY(0px);
  }
  to {
	 transform: translateY(-15px);
  }
}




@media screen and (max-width: 768px) { 
	.mir20th-qbanner  {display: none;}
	.mir20th-qbanner-mo {display: block; position: fixed; left:0; bottom:0; z-index:555;width: 100%; }
	.mir20th-qbanner-mo ul {display:flex; }
	.mir20th-qbanner-mo ul li {width: 50%;display: inline-block; position: relative; height:60px;}
	.mir20th-qbanner-mo ul li a{position: relative; width: 100%; height: 100%; display: inline-block;	}
	.mir20th-qbanner-mo ul li a	img {position: absolute; width: 55%;left:50%; top:50%; transform:translate(-50%, -50%);}
	.mir20th-qbanner-mo ul li a i {color: #fff; font-style: normal; font-size: .7em; width: 100%; text-align: center; position: absolute;  bottom: 0.2em;}
	.mir20th-qbanner-mo ul li.bn1 {background: linear-gradient(65deg, #58ab19, #368efb);}
	.mir20th-qbanner-mo ul li.bn2 {background: #19B48F;}
}
@media screen and (max-width:584px) {
	.mir20th-qbanner-mo ul li a	img { width: 70%;}
}