@charset "utf-8";

/* ******************* bootstrap modify ******************* */
ul,ol,li,dl,dt,dd {list-style:none; padding:0; margin:0;}


/* ******************** °ø¿ë ******************** */
/* table style */
.tableMode {display:table; clear:both; float:none; width:100%; max-width:100%; padding:0; margin:0; border-bottom:0;}
.tableMode>* {display:table-cell; float:none; padding:10px;}
.tableMode>*:first-child {border-left:0;}
.tableMode .middle {vertical-align:middle;}

/* °ÝÀÚÇü ±¸Á¶ - Å×ÀÌºí ½ºÅ¸ÀÏ */
.typeCube {clear:both;}
.typeCube .tableWrap {display:table; width:100%; margin:0; padding:0;}
.typeCube .tableWrap > * {display:table-cell; float:none; margin:0; padding:0;}

.c_acc {color:#00cccc !important;} /* °­Á¶»ö»ó */
.c_sub1 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó1 */
.c_sub2 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó2 */
.c_sub3 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó2 */

.bgc1 {background:#ffecdf !important;}
.bgc2 {background:#ffecf3 !important;}
.bgc3 {background:#dcf0f0 !important;}
.bgc4 {background:#e9f1ff !important;}

p.h4.first {margin-top:0 !important;}

/* -------------------- °øÅë -------------------- */
.layoutType ul li {padding-left:10px; position:relative; color:#000; font-size:16px;}
.layoutType ul li:before {position:absolute; top:13px; left:1px; display:block; width:3px; height:3px; border-radius:50%; background:#666; content:"";}
.layoutType ul li span {color:#666;}

.layoutType .part+.part {margin-top:30px;}
.layoutType .part .tit {font-size:16px; color:#000;}
.layoutType .part .dot {padding-left:10px; position:relative; color:#666; font-size:16px;}
.layoutType .part .dot:before {position:absolute; top:13px; left:1px; display:block; width:3px; height:3px; border-radius:50%; background:#999; content:"";}

.layoutType_basic p {font-size:16px; color:#666;}
.layoutType_basic .dot {padding-left:10px; position:relative;}
.layoutType_basic .dot:before {position:absolute; top:13px; left:1px; display:block; width:3px; height:3px; border-radius:50%; background:#999; content:"";}
.layoutType_basic .acc {color:#e45b85; font-weight:400;}


.layoutType_basic p.num {position:relative; padding-left:20px;}
.layoutType_basic p.num span {position:absolute; top:0; left:0; color:#e45b85; font-weight:400;}

.contents_box .inner p.h4 {margin:50px 0 30px; font-size:22px; font-weight:500; color:#000; line-height:1; padding-left:23px; background-repeat:no-repeat; background-position:1px center;}
.contents_box.business .inner p.h4 {background-image:url(../images/common/i_title_pink.png);}
.edu_timeTable p.h4 {padding-left:0 !important; background:none !important;}
.contents_box.participate .inner p.h4 {background-image:url(../images/common/i_title_gree.png);}
.contents_box.introduce .inner p.h4 {background-image:url(../images/common/i_title_blue.png);}

/*È°µ¿»çÁø*/
/*business>volunteer.html*/
.insertBg {overflow:hidden; margin:30px 0;}
.insertBg .partWrap>div {float:left; width:25%; padding:5px;}
.insertBg .partWrap>div>div.img {position:relative; border-radius:10px;}
.insertBg .partWrap>div>div.img>span {
	position:absolute; right:10px; bottom:10px;
	display:inline-block; padding:10px 20px; color:#000; background:rgba(255,255,255,.8); border-radius:30px; font-size:13px; line-height:1;
}



/* ******************** 2.»ç¾÷¸¶´ç ******************** */
/*TABLE::*/
table.basic {width:100%; border-top:3px solid #e45b85;}
.layoutType_basic.box {padding:30px; border-radius:20px; border:1px solid #efefef; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.layoutType_basic.box h4 {color:#e45b85; margin-bottom:20px; font-size:18px;}
.layoutType_basic.box p {font-size:18px;}
.intro table.basic {border-color:#5b8be4;} /*º¹Áö°ü¼Ò°³*/
table.basic tbody tr th,
table.basic tbody tr td {padding:10px 20px; font-size:16px; color:#666;}

table.basic tbody tr th {font-weight:400; color:#000; background:#f9f9f9; border:1px solid #eaeaea; border-top:0;}
table.basic tbody tr td {border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}

table.basic tbody tr td>span {width:100%; display:inline-block; color:#999;}
table.basic tbody tr td>span.acc {width:auto; color:#e45b85; font-weight:400;}
table.basic tbody tr td>span>span {color:#666; padding-right:10px; background:url(../images/common/colon.jpg)no-repeat right 9px; margin-right:5px;}

table.basic tbody tr td dl.titWord2 {position:relative; padding-left:35px;}
table.basic tbody tr td dl.titWord2 dt {position:absolute; top:0; left:0; background:url(../images/common/colon.jpg)no-repeat right 11px; padding-right:10px;}
table.basic tbody tr td dl.titWord2 dd {color:#999; padding-left:7px;}

table.basic.social tr:last-child td {background:#f9f9f9;}


/*2-1.º¹Áö°üÀÌ¿ë¾È³»*/
.use .stepWrap>div:nth-child(1)>div .circle {background-image:url(../images/business/join1.png);}
.use .stepWrap>div:nth-child(2)>div .circle {background-image:url(../images/business/join2.png);}
.use .stepWrap>div:nth-child(3)>div .circle {background-image:url(../images/business/join3.png);}
.use .stepWrap>div:nth-child(4)>div .circle {background-image:url(../images/business/join4.png);}
.use .stepWrap>div:nth-child(5)>div .circle {background-image:url(../images/business/join5.png);}


/*2-3.Æò»ý±³À°*/
.lifetime .stepWrap>div:nth-child(1)>div .circle {background-image:url(../images/business/step1.png);}
.lifetime .stepWrap>div:nth-child(2)>div .circle {background-image:url(../images/business/step2.png);}
.lifetime .stepWrap>div:nth-child(3)>div .circle {background-image:url(../images/business/step3.png);}
.lifetime .stepWrap>div:nth-child(4)>div .circle {background-image:url(../images/business/step4.png);}

/*2-3.Æò»ý±³À°»ç¾÷*/
/*ÅÇ2*/
.tab_inner {overflow:hidden; padding:0; position:relative; margin:30px 0 50px;}
.tab_inner ul {overflow:hidden; border-bottom:1px solid #eaeaea;}
.tab_inner ul li {float:left; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.tab_inner ul li:last-child {border-right:1px solid #eaeaea;}
.tab_inner ul li a {display:inline-block; padding:15px 90px; font-size:20px; font-weight:400; color:#000; line-height:1; position:relative;}
.tab_inner ul li.on a {background:#00b1bf; color:#fff;}
/*TABLE::ÇÁ·Î±×·¥½Ã°£Ç¥*/
.lifetime p.h4 span {display:inline-block; padding:10px 20px; font-size:15px; color:#fff; border-radius:30px; margin-right:10px;}
.lifetime p.h4 span.floor2 {background:#ff9a3e;}
.lifetime p.h4 span.floor3 {background:#e45b85;}
.lifetime p.h4 span.floor4 {background:#00b1bf;}
.lifetime p.h4 span.floor5 {background:#5b8be4;}
.timeTable {width:100%; border-top:3px solid transparent;}
.timeTable.floor2 {border-color:#ff9a3e;}
.timeTable.floor3 {border-color:#e45b85;}
.timeTable.floor4 {border-color:#00b1bf;}
.timeTable.floor5 {border-color:#5b8be4;}
.timeTable thead tr th {padding:10px 20px; font-size:16px; font-weight:500; text-align:center; background:#f9f9f9; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.timeTable thead tr th:first-child {border-left:1px solid #eaeaea;}
.timeTable tbody tr td {padding:10px 20px; font-size:16px; text-align:center; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.timeTable tbody tr td:first-child {border-left:1px solid #eaeaea;}
.lifetime .only_mobile {display:none;}

.timeTable tbody tr td .tHalf {margin: 0 -20px; border-bottom: 1px solid #eaeaea; padding-bottom: 20px;}
.timeTable tbody tr td .bHalf {padding-top: 20px;}

.timeTable tbody tr td .pt-4 {padding-top: 40px;}
.timeTable tbody tr td .pb-4 {padding-bottom: 40px;}


/*2-7.»çÈ¸Âü¿©Áö¿ø»ç¾÷*/
.social table.basic tr td:first-child {border-left:1px solid #eaeaea;}
.social table.basic tr td dl dt {color:#000;}
.social table.basic tr td dl dd {padding-left:10px; position:relative;}
.social table.basic tr td dl dd:before {
	position:absolute; top:15px; left:0;
	display:block; content:"";
	width:5px; height:1px; background:#666;
}

/*2-10.³ëÀÎ¸ÂÃãµ¹º½Áö¿ø»ç¾÷*/
.care .stepWrap>div:nth-child(1)>div .circle {background-image:url(../images/business/join2.png);}
.care .stepWrap>div:nth-child(2)>div .circle {background-image:url(../images/business/care-step2.png);}
.care .stepWrap>div:nth-child(3)>div .circle {background-image:url(../images/business/care-step3.png);}
.care .stepWrap>div:nth-child(4)>div .circle {background-image:url(../images/business/care-step4.png);}
.care .stepWrap>div:nth-child(5)>div .circle {background-image:url(../images/business/care-step5.png);}
.care .stepWrap>div:nth-child(6)>div .circle {background-image:url(../images/business/care-step6.png);}

/* ******************** 3.Âü¿©¸¶´ç ******************** */

/*ÅÇ*/
.tab {overflow:hidden; padding:0; position:relative; margin-bottom:50px;}
.tab ul {overflow:hidden; border-bottom:1px solid #eaeaea;}
.tab ul li {float:left; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.tab ul li:last-child {border-right:1px solid #eaeaea;}
.tab ul li a {display:inline-block; padding:15px 90px; font-size:20px; font-weight:400; color:#000; line-height:1; position:relative;}
.tab ul li.on a {background:#00b1bf; color:#fff;}

/*3-5.ÈÄ¿ø½ÅÃ»*/
.sponsor_intro .imgBox {
	border:1px solid #eee; border-radius:30px; height:200px; width:100%; display:table;
	padding:0 110px;
	background:#f2f2f4 url(../images/participate/sponsor_intro_img.jpg)no-repeat center; background-size:cover;
}
.sponsor_intro .imgBox p {text-align:right; font-size:26px; font-weight:300; color:#000; display:table-cell; vertical-align:middle;}
.sponsor_intro .imgBox p span {font-weight:700;}

.sponsorType {overflow:hidden;}
.sponsorType>div {float:left; width:25%; padding:0 20px;}
.sponsorType>div>div {padding:30px 20px; height:250px;}
.sponsorType div:nth-child(1) div {border-top:6px solid #ff9a3e; background:#ffecdf url(../images/participate/sponsorType_bg1.png)no-repeat 130px 160px;}
.sponsorType div:nth-child(2) div {border-top:6px solid #e45b85; background:#ffecf3 url(../images/participate/sponsorType_bg2.png)no-repeat 130px 160px;}
.sponsorType div:nth-child(3) div {border-top:6px solid #00b1bf; background:#dcf0f0 url(../images/participate/sponsorType_bg3.png)no-repeat 130px 160px;}
.sponsorType div:nth-child(4) div {border-top:6px solid #5b8be4; background:#e9f1ff url(../images/participate/sponsorType_bg4.png)no-repeat 150px 160px;}

.sponsorType h5 {font-size:18px; font-weight:400; color:#000;}
.sponsorType p {font-size:16px; margin-top:20px; color:#000; line-height:1.6;}

/*STEP::*/
.stepWrap {overflow:hidden;}
.stepWrap.care { display : grid; grid-template-columns : repeat(6,1fr); }
.stepWrap>div {float:left; width:240px; padding:0 40px 0 30px; background:url(../images/participate/howTo_arrow.png)no-repeat right 68px; margin-bottom:30px;}
.stepWrap.care>div { width : 200px; padding: 0 20px 0 15px; }
.stepWrap>div:last-child {background:none; margin-bottom:0;}
.stepWrap>div>div .circle {width:150px; height:150px; border-radius:50%; margin:0 auto; background-repeat:no-repeat; background-position:center;}
.stepWrap>div:nth-child(1)>div .circle {border:3px solid #ff9a3e; background-color:#ffecdf;}
.stepWrap>div:nth-child(2)>div .circle {border:3px solid #e45b85; background-color:#ffecf3;}
.stepWrap>div:nth-child(3)>div .circle {border:3px solid #00b1bf; background-color:#dcf0f0;}
.stepWrap>div:nth-child(4)>div .circle {border:3px solid #5b8be4; background-color:#e9f1ff;}
.stepWrap>div:nth-child(5)>div .circle {border:3px solid #a1c34b; background-color:#f8ffe6;}


/*step-³ëÀÎµ¹º½¿ë*/
.stepWrap.care>div:nth-child(1)>div .circle {border:3px solid #e45b85; background-color:#ffecf3;}
.stepWrap.care>div:nth-child(2)>div .circle {border:3px solid #ff9a3e; background-color:#ffecdf;}
.stepWrap.care>div:nth-child(3)>div .circle {border:3px solid #a1c34b; background-color:#f8ffe6;}
.stepWrap.care>div:nth-child(4)>div .circle {border:3px solid #8dccff; background-color:#def0ff;}
.stepWrap.care>div:nth-child(5)>div .circle {border:3px solid #00b1bf; background-color:#dcf0f0;}
.stepWrap.care>div:nth-child(6)>div .circle {border:3px solid #5b8be4; background-color:#e9f1ff;}

.stepWrap>div>div p {text-align:center; margin-top:20px; font-size:17px; font-weight:400; color:#000; line-height:1.4;} /*16px->17px ¼öÁ¤*/
.stepWrap>div>div p span {font-size:18px; font-weight:700; display:inline-block; width:100%; line-height:1; margin-bottom:10px;}

.stepWrap.H_adjust>div {height:255px;} /*³ôÀÌ ´Ã¾î³¯¶§*/

.volunteer_apply .stepWrap>div:nth-child(1)>div .circle {background-image:url(../images/participate/howTo1.png);}
.volunteer_apply .stepWrap>div:nth-child(2)>div .circle {background-image:url(../images/participate/howTo2.png);}
.volunteer_apply .stepWrap>div:nth-child(3)>div .circle {background-image:url(../images/participate/howTo3.png);}
.volunteer_apply .stepWrap>div:nth-child(4)>div .circle {background-image:url(../images/participate/howTo4.png);}
.volunteer_apply .stepWrap>div:nth-child(5)>div .circle {background-image:url(../images/participate/howTo5.png);} 
 

/*3-4 ÀÚ¿øºÀ»ç½ÅÃ»*/
.volunteer_apply .stepWrap>div:nth-child(1)>div .circle {background-image:url(../images/participate/howTo1.png);}
.volunteer_apply .stepWrap>div:nth-child(2)>div .circle {background-image:url(../images/participate/howTo2.png);}
.volunteer_apply .stepWrap>div:nth-child(3)>div .circle {background-image:url(../images/participate/howTo3.png);}
.volunteer_apply .stepWrap>div:nth-child(4)>div .circle {background-image:url(../images/participate/howTo4.png);}
.volunteer_apply .stepWrap>div:nth-child(5)>div .circle {background-image:url(../images/participate/howTo5.png);}



/* ******************** 4.º¹Áö°ü¼Ò°³ ******************** */
/*4-1.°üÀå´ÔÀÎ»ç¸»*/
.greeting {overflow:hidden;}
.greeting>* {float:left;}
.greeting .insertBg {width:23%; margin-top:0;}
.greeting .insertBg .img {border-radius:30px; background-position:left center !important;}
.greeting .text {width:77%; padding-left:60px;}
.greeting .text p {font-size:16px; color:#000;}
.greeting .text p:first-child {font-size:30px; font-weight:400; color:#3366cc; line-height:1.4;}
.greeting .text p+p {margin-top:45px;}
/*4-2.¹Ì¼Ç&ºñÁ¯&½½·Î°Ç*/
/*
.intro .missionWrap>.wrap1 {background:url(../images/intro/missionWrap_circle.png)no-repeat center 50px; height:440px;}
.intro .missionWrap>.wrap1>div {float:left; width:50%;}
.intro .missionWrap>.wrap1>div.mission {text-align:right; padding:0 215px 0 0;}
.intro .missionWrap>.wrap1>div.vision {padding:0 0 0 215px;}
.intro .missionWrap>.wrap1>div p.txt {margin-top:142px; padding:0 30px; position:relative; font-size:20px; font-weight:400; color:#000; line-height:1;}
.intro .missionWrap>.wrap1>div p.txt span {display:inline-block; width:100%; margin-top:10px;}
.intro .missionWrap>.wrap1>div p.txt:before	{position:absolute; top:0; content:""; width:7px; height:7px; border-radius:50%;}
.intro .missionWrap>.wrap1>div.mission p.txt:before {right:0; background:#ff9a3e;}
.intro .missionWrap>.wrap1>div.vision p.txt:before {left:0; background:#e45b85;} 

.intro .missionWrap>div[class ^="wrap"] p.tit {display:none;}

.intro .missionWrap>.wrap2 {position:relative;}
.intro .missionWrap>.wrap2>div.slogan:before {position:absolute; top:-3px; left:50%; content:""; width:7px; height:7px; background:#00b1bf; border-radius:50%; margin-left:-3px;}
.intro .missionWrap>.wrap2>div.slogan {overflow:hidden; display:table; text-align:center; margin:0 auto;}
.intro .missionWrap>.wrap2>div.slogan>div {width:225px; display:table-cell; background-repeat:no-repeat; background-position:center 30px;}
.intro .missionWrap>.wrap2>div.slogan>div+div {border-left:1px solid #dcf0f0;}
.intro .missionWrap>.wrap2>div.slogan>div p {margin-top:135px; font-size:18px; color:#000; line-height:1;}
.intro .missionWrap>.wrap2>div.slogan>div p span {font-size:20px; font-weight:400; display:inline-block; width:100%; margin-bottom:10px;}
.intro .missionWrap>.wrap2>div.slogan>div:nth-child(1) {background-image:url(../images/intro/slogan1.png);}
.intro .missionWrap>.wrap2>div.slogan>div:nth-child(2) {background-image:url(../images/intro/slogan2.png);}
.intro .missionWrap>.wrap2>div.slogan>div:nth-child(3) {background-image:url(../images/intro/slogan3.png);}*/

.missionWrap {margin-top:30px; text-align:center;}

/*4-3.¿¬Çõ*/
.history>div+div {padding-top:100px;}
.history>div {overflow:hidden; background:url(../images/intro/history_month_line.jpg)repeat-y 20% center;}
.history>div>div {float:left; width:100%; position:relative;}
.history>div>div.year {width:20%; font-size:30px; font-weight:700; color:#5b8be4; line-height:1;}
.history>div>div.work {width:80%; line-height:1.4;}
.history>div>div.work .month {position:relative;}
.history>div>div.work .month:before {position:absolute; top:0; left:-8px; content:""; display:block; width:17px; height:17px; border-radius:50%; background:url(../images/intro/history_month_icon.png)no-repeat center;}
.history>div>div.work .month+.month {margin-top:50px;}
.history>div>div.work .month dl {position:relative; font-size:18px;}
.history>div>div.work .month dl+dl {margin-top:30px;}
.history>div>div.work .month dl>dt {position:absolute; top:0; left:50px; color:#000;}
.history>div>div.work .month dl>dd {padding-left:250px; color:#666; position:relative;}
.history>div>div.work .month dl>dd:before {position:absolute; top:12px; left:240px; content:""; display:block; width:2px; height:2px; background:#000;}
.history>div>div.work .month dl>dd+dd {margin-top:10px;}

/*4-4.Á÷¿ø¼Ò°³*/
.staff .partWrap table {border-top:3px solid #a1c34b;}
.staff .partWrap table tr td:first-child {background:#f8ffe6; color:#333; font-weight:300;}
.staff .partWrap table tbody tr td:first-child {border-left:1px solid #eaeaea;}
/* 22-03-22¼öÁ¤ */
.contents_box .staff p.h4{text-align:left; background-image:url(../images/common/i_title_light_gree.png);}
.contents_box .staff p.h4:first-child{margin:0; line-height:1.2;}
.contents_box .staff p.number{float:right; font-weight:400; color:#5b8be4;}
.contents_box .staff p.number a{color:#5b8be4;}


/*4-5½Ã¼³¾È³»*/
.facility .floorWrap {overflow:hidden; margin-top:30px;}
.facility .floorWrap>div {float:left; width:50%;}
.facility .floorWrap .floor {overflow:hidden;}
.facility .floorWrap .floor>div {position:relative; height:75px;}
.facility .floorWrap .floor>div+div {margin-top:10px;}
.facility .floorWrap .floor>div>div {position:absolute; top:0; left:0; display:table; width:75px; height:75px; border:5px solid #5b8be4; border-radius:50%; z-index:1;}
.facility .floorWrap .floor>div>div>span {
	display:table-cell; vertical-align:middle; text-align:center;
	font-size:24px; font-weight:700; color:#5b8be4;
}
.facility .floorWrap .img {}
/*¸®½ºÆ® Å¬¸¯½Ã ÀÌ¹ÌÁö ¶ç¿ï¶§*/
.itemList {overflow:hidden; padding-left:105px; height:75px; display:table-cell; vertical-align:middle;}
.itemList li {float:left; margin-right:10px;}
.itemList li button {display:inline-block; background-color:transparent !important; padding:0 !important; margin:0 !important; cursor:pointer;}
.itemList li button+img {display:none;}


/*4-6¼ÅÆ²¹ö½º*/
.ingWrap {text-align:center; margin:50px 0;}

.shuttle .tableWrap .except_mobile {display:blcok;}
.shuttle .tableWrap .only_mobile {display:none;}

.shuttle p.h4 {background-image:url(../images/common/i_title_blue.png);}
.shuttle .titWrap p.h4 {color:#5b8be4}
.shuttle .layoutType ul li.c_acc1 {color:#5b8be4}

.shuttle .tableWrap {width:100%; margin-bottom:20px;}
.shuttle .tableWrap table {border-left:1px solid #eaeaea; border-top:0}
.shuttle .tableWrap table:first-of-type {border-top:3px solid #5b8be4;}
.shuttle .tableWrap table tr {width:100%; text-align:center;}
.shuttle .tableWrap table tr>* {border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:10px 20px; font-size:16px;}
.shuttle .tableWrap table tr:first-of-type td {color:#000; font-weight:400;}
.shuttle .tableWrap table tr th {width:10%; background:#f9f9f9;}



/*4-8¿À½Ã´Â±æ*/
#googleMap {height:500px;}

.root_daum_roughmap {width:100% !important;}

.location .textWrap {background:#f9f9f9; overflow:hidden;}

.location .textWrap .address {font-size:20px; margin:0 30px; border-bottom:1px solid #eee;}
.location .textWrap .address p {text-align:center; color:#000; padding:30px 0;}
.location .textWrap .address p span {font-weight:700; margin-right:20px;}

.location .textWrap .transport {overflow:hidden;}
.location .textWrap .transport>div {float:left; width:50%; margin:50px 0;}
.location .textWrap .transport>div+div {border-left:1px solid #eee;}

.location .textWrap .transport>div>div {display:table;}
.location .textWrap .transport>div>div>div {display:table-cell; vertical-align:top;}
.location .textWrap .transport>div>div>div.iconWrap {padding:0 30px;}
.location .textWrap .transport>div>div>div.iconWrap>div {}
.location .textWrap .transport>div>div>div.iconWrap>div .icon {width:123px; height:123px; border:2px solid transparent; border-radius:50%; background-repeat:no-repeat; background-position:center; margin:0 auto;}
.borColor1 {border-color:#ff9a3e !important; background-color:#ffecdf; background-image:url(../images/intro/i_subway.png);}
.borColor2 {border-color:#e45b85 !important; background-color:#ffecf3; background-image:url(../images/intro/i_bus.png);}
.location .textWrap .transport>div>div>div.iconWrap p {margin-top:10px; text-align:center; font-size:20px; font-weight:700;}
.location .textWrap .transport>div:nth-child(1)>div>div.iconWrap p {color:#ff9a3e;}
.location .textWrap .transport>div:nth-child(2)>div>div.iconWrap p {color:#e45b85;}

.location .layoutType_basic p {color:#000; padding-right:30px; font-size:18px;}
.location .layoutType_basic p+p {margin-top:10px;}
.location .layoutType_basic p span.bold {font-weight:500;}
.location .layoutType_basic p span.arrow_orange {background:url(../images/intro/arrow_orange.png)no-repeat center; width:30px; height:13px; display:inline-block; margin:0 5px;}
.location .layoutType_basic p span.tit {font-weight:500; margin-right:10px;}
.location .layoutType_basic>div {margin-top:30px;}
.location .layoutType_basic>div p {font-size:16px;}



/* ************************ ÅÂºí¸´ ÀÌÇÏ(~991) ************************ */
@media screen and (max-width: 991px) {
	
	
	/* -------------------- °øÅë -------------------- */
	/*È°µ¿»çÁø Ãß°¡ ´ëºñ ÀÛ¾÷*/
	.insertBg {overflow:hidden; margin-top:30px;}
	.insertBg .partWrap>div {float:left; width:50%; padding:5px;}
	
	
	/* ******************** 2.»ç¾÷¸¶´ç ******************** */
	/*TABLE::*/
	table.basic {width:100%; border-top:3px solid #e45b85;}
	table.basic tbody tr th,
	table.basic tbody tr td {float:left; width:100%; padding:10px 20px; font-size:16px; color:#666;}

	table.basic tbody tr th {font-weight:400; color:#000; background:#f9f9f9; border:1px solid #eee; border-top:0; text-align:left;}
	table.basic tbody tr td {border-right:1px solid #eee; border-bottom:1px solid #eee; border-left:1px solid #eee;}
	
	table.basic tbody tr td dl.titWord2 {position:relative; padding-left:0;}
	table.basic tbody tr td dl.titWord2 dt {position:static; background:none; width:100%; display:inline-block; color:#666; padding-left:10px;}
	table.basic tbody tr td dl.titWord2 dt:before {position:absolute; top:13px; left:1px; display:block; width:3px; height:3px; border-radius:50%; background:#666; content:"";}
	table.basic tbody tr td dl.titWord2 dd {width:100%; display:inline-block; color:#999; padding-left:7px;}
	
	

	
	/*ÅÇ2*/
	.tab_inner {overflow:hidden; padding:0; position:relative; margin-bottom:30px;}
	.tab_inner ul {overflow:hidden; border-bottom:1px solid #eaeaea;}
	.tab_inner ul li {float:left; width:100%; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}
	.tab_inner ul li a {display:inline-block; width:100%; padding:15px 0; font-size:18px; font-weight:400; color:#000; line-height:1; position:relative; text-align:center;}
	.tab_inner ul li.on a {background:#00b1bf; color:#fff;}
	
	/*2-7.»çÈ¸Âü¿©Áö¿ø»ç¾÷*/
	.social table.basic tr th {display:none;}
	.social table.basic tr.first td:first-child {border-top:3px solid #e45b85;}
	.social table.basic tbody tr td>span {padding-left:0;}
	.social table.basic tr td {text-align:left;}	
	
	/*»çÈ¸Âü¿©Áö¿ø»ç¾÷*/
	table.basic.social tr td.bgc-gray {background:#eee !important;}
	table.basic.social tr td.acc {background:#f9f9f9 !important;}
	
	/*2-10.³ëÀÎ¸ÂÃãµ¹º½Áö¿ø»ç¾÷*/
	table.basic.care tr:first-child { display : none; }
	table.basic.care tr td.bgc-gray {background:#eee !important;}
	table.basic.care tr td.acc {background:#f9f9f9 !important;}
	
	.stepWrap.care { display: grid; grid-template-columns: repeat(3,1fr); }
	
	/* ******************** 3.Âü¿©¸¶´ç ******************** */
	/*ÅÇ*/
	.tab {overflow:hidden; padding:0; position:relative; margin-bottom:30px;}
	.tab ul {overflow:hidden; border-bottom:1px solid #eaeaea;}
	.tab ul li {float:left; width:100%; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}
	.tab ul li a {display:inline-block; width:100%; padding:15px 0; font-size:18px; font-weight:400; color:#000; line-height:1; position:relative; text-align:center;}
	.tab ul li.on a {background:#00b1bf; color:#fff;}
	
	
	
	/* ******************** 4.º¹Áö°ü¼Ò°³ ******************** */
	/*4-1.°üÀå´ÔÀÎ»ç¸»*/
	.greeting {overflow:hidden;}
	.greeting>* {float:left;}
	.greeting .insertBg {width:100%; margin-top:0;}
	.greeting .insertBg .img {border-radius:30px; background-position:center !important; height:250px !important;}
	.greeting .text {width:100%; padding-left:0; margin-top:30px;}
	.greeting .text p {font-size:16px; color:#000;}
	.greeting .text p:first-child {font-size:24px; font-weight:400; color:#3366cc; line-height:1.4;}
	.greeting .text p+p {margin-top:20px;}
	.greeting .text p br {display:none;}
	
	/*4-4.Á÷¿ø¼Ò°³*/
	.staff .partWrap {border-bottom:1px solid #eaeaea;}
	.staff .partWrap table tr td:first-child {background:#f8ffe6; color:#333; font-weight:300;}
	.staff .partWrap table tbody tr th {display:none;}
	.staff .partWrap table tbody tr td {border-bottom:0;}
	.staff .partWrap table tbody tr td+td {padding-top:0;}
	.staff .partWrap table tbody tr td:first-child {border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
	.staff .partWrap table tbody tr td:first-child+td {padding-top:10px;}
	.staff .partWrap table tbody tr.mo_style td:first-child {border-top:3px solid #a1c34b;}
	.contents_box .staff p.number {float:none; text-align:left; padding-left:23px;}
	
	/*4-5½Ã¼³¾È³»*/
	.facility .floorWrap {overflow:hidden; margin-top:30px;}
	.facility .floorWrap>div {float:left; width:100%;}
	.facility .floorWrap .floor {overflow:hidden;}
	.facility .floorWrap .floor>div {position:relative; height:auto; min-height:55px;}
	.facility .floorWrap .floor>div+div {margin-top:20px;}
	.facility .floorWrap .floor>div>div {position:absolute; top:0; left:0; display:table; width:55px; height:55px; border:3px solid #5b8be4; border-radius:50%;}
	.facility .floorWrap .floor>div>div>span {
		display:table-cell; vertical-align:middle; text-align:center;
		font-size:18px; font-weight:700; color:#5b8be4;
	}
	.itemList {overflow:hidden; padding-left:85px; height:auto; display:table-cell; vertical-align:middle; padding-top:5px;}
	.itemList li {float:left; margin-right:10px;}
	.itemList li button {display:inline-block; background-color:transparent !important; padding:0 !important; margin:0 !important;}
	.itemList li button img {display:none;}
	.itemList li button.on:hover {color:#5b8be4;}

	.facility .floorWrap .img img {width:100%; margin-top:30px;}
	/*¸®½ºÆ® Å¬¸¯½Ã ÀÌ¹ÌÁö ¶ç¿ï¶§*/
	.listPop button {top:10px; margin:0;}	
	.listPop button img {width:30px; height:30px;}	
	.listPop button.close {top:10px; right:10px; width:40px; height:40px; background-size:20px;}	
	.listPop button.prev {left:10px; width:40px; height:40px;}	
	.listPop button.next {left:60px; width:40px; height:40px;}
	
	.listPop {
		display:table; position:fixed; left:0; top:-100000px; width:100%; height:100%;
		background:rgba(0,0,0,.8); text-align:center; vertical-align:middle;
		transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;
	}
	.listPop.on {z-index:9999999; top:0;}
	.listPop .inner {display:table-cell; vertical-align:middle;}
	.listPop .inner p {font-size:16px; color:#fff; max-width:1200px; margin:0 auto; padding:20px; line-height:1.4;}
	.listPop .inner img {max-width:90%; cursor:pointer;}
	.listPop button img {width:35px; height:35px;}
	
	/*4-6¼ÅÆ²¹ö½º*/
	.ingWrap {text-align:center; margin:50px 0;}
	
	/*4-8¿À½Ã´Â±æ*/
	#googleMap {height:400px;}
	.root_daum_roughmap {width:100% !important;}
	.root_daum_roughmap .wrap_map {height:400px !important;}
	
	.location .textWrap .address {font-size:18px; margin:0 30px; border-bottom:1px solid #eee;}
	.location .textWrap .address p {text-align:center; color:#000; padding:20px 0; font-weight:300;}
	
	.location .textWrap .transport {margin:0 30px;}
	.location .textWrap .transport>div {float:initial; width:100%; margin:50px 0; overflow:hidden;}
	.location .textWrap .transport>div+div {border-left:0; padding-top:50px; border-top:1px solid #eee;}

	.location .textWrap .transport>div>div {display:table;}
	.location .textWrap .transport>div>div>div {display:table-cell; vertical-align:top;}
	.location .textWrap .transport>div>div>div.iconWrap {padding:0 30px;}
	.location .textWrap .transport>div>div>div.iconWrap>div .icon {width:123px; height:123px; border:2px solid transparent; border-radius:50%; background-repeat:no-repeat; background-position:center; margin:0 auto;}
	.location .textWrap .transport>div>div>div.iconWrap p {margin-top:10px; text-align:center; font-size:18px; font-weight:700;}

	.location .layoutType_basic p {color:#000; padding-right:0; font-size:17px; font-weight:300;}
	.location .layoutType_basic p+p {margin-top:5px;}
	.location .layoutType_basic>div {margin-top:20px;}
	.location .layoutType_basic>div p {font-size:15px;}
	.location .layoutType_basic p br {display:none;}
	
	
	
	
	
	
	
}










/* ************************ ¸ð¹ÙÀÏ (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* body {border:10px solid red;} */
	
	.contents_box .inner p.h4 {font-size:20px; background-size:12px !important; background-position:1px 2px;}
	
	/* -------------------- °øÅë -------------------- */
	.layoutType ul li span {display:inline-block; width:100%;}
	.layoutType ul li+li {margin-top:20px;}
	
	/*È°µ¿»çÁø Ãß°¡ ´ëºñ ÀÛ¾÷*/
	.insertBg {overflow:hidden; margin-top:20px;}
	.insertBg .partWrap>div {float:left; width:100%; padding:0 0 10px 0;}
	.insertBg .partWrap>div:last-child {padding-bottom:0;}
	
	
	
	/* ******************** 2.»ç¾÷¸¶´ç ******************** */
	/*TABLE::*/
	table.basic tbody tr td>span {position:relative; padding-left:10px;}
	table.basic tbody tr td>span.acc {padding:0;}
	table.basic tbody tr td>span+span {margin-top:10px;}
	table.basic tbody tr td>span>span {color:#666; padding-right:0; background:none; margin-right:0; width:100%; display:inline-block;}
	table.basic tbody tr td>span>span:before {position:absolute; top:13px; left:1px; display:block; width:3px; height:3px; border-radius:50%; background:#666; content:"";}
	
	.lifetime p.h4 span {padding:7px 20px;}
	/*TABLE::ÇÁ·Î±×·¥½Ã°£Ç¥*/
	.lifetime .except_mobile {display:none;}
	.lifetime .only_mobile {display:block;}
	.lifetime .only_mobile table.basic tr td>span {display:inline-block; width:100%; color:#999;}
	.lifetime .only_mobile table.basic tr td>span>span {color:#666; margin-right:10px;}
	.lifetime .only_mobile table.basic.floor2 {border-color:#ff9a3e;}
	.lifetime .only_mobile table.basic.floor3 {border-color:#e45b85;}
	.lifetime .only_mobile table.basic.floor4 {border-color:#00b1bf;}
	
	.stepWrap.care { display: grid; grid-template-columns: repeat(1,1fr); }
	
	
	/* ******************** 3.Âü¿©¸¶´ç ******************** */
	/*3-5.ÈÄ¿ø½ÅÃ»*/
	.sponsor_intro .imgBox {
		border:1px solid #eee; border-radius:30px; height:auto; width:100%; display:table;
		padding:20px 30px;
		background:#f2f2f4 !important; background-size:cover;
	}
	.sponsor_intro .imgBox p {text-align:center; font-size:18px; font-weight:300; color:#000; word-break:keep-all; display:table-cell; vertical-align:middle;}
	.sponsor_intro .imgBox p span {font-weight:700;}
	
	.sponsorType {}
	.sponsorType>div {width:100%; padding:0 0 20px 0;}
	.sponsorType>div>div {padding:30px 20px; height:200px;}
	.sponsorType div:nth-child(1) div {border-top:6px solid #ff9a3e; background:#ffecdf url(../images/participate/sponsorType_bg1.png)no-repeat right 110px;}
	.sponsorType div:nth-child(2) div {border-top:6px solid #e45b85; background:#ffecf3 url(../images/participate/sponsorType_bg2.png)no-repeat right 110px;}
	.sponsorType div:nth-child(3) div {border-top:6px solid #00b1bf; background:#dcf0f0 url(../images/participate/sponsorType_bg3.png)no-repeat right 110px;}
	.sponsorType div:nth-child(4) div {border-top:6px solid #5b8be4; background:#e9f1ff url(../images/participate/sponsorType_bg4.png)no-repeat right 110px;}
	
	
	/*STEP::*/
	.stepWrap.H_adjust>div {height:auto;} /*³ôÀÌ ´Ã¾î³¯¶§*/
	
	
	
	/* ******************** 4.º¹Áö°ü¼Ò°³ ******************** */
	/*4-3.¿¬Çõ*/
	.history>div+div {padding-top:50px;}
	.history>div {overflow:hidden; background:none;}
	.history>div>div {float:left; width:100%; position:relative;}
	.history>div>div.year {width:100%; font-size:26px; font-weight:700; color:#5b8be4; line-height:1; margin-bottom:30px;}
	.history>div>div.work {width:100%; line-height:1.4; background:url(../images/intro/history_month_line.jpg)repeat-y 8px center;}
	.history>div>div.work .month {position:relative;}
	.history>div>div.work .month:before {position:absolute; top:0; left:0; content:""; display:block; width:17px; height:17px; border-radius:50%; background:url(../images/intro/history_month_icon.png)no-repeat center;}
	.history>div>div.work .month+.month {margin-top:50px;}
	.history>div>div.work .month dl {position:relative; font-size:16px;}
	.history>div>div.work .month dl+dl {margin-top:30px;}
	.history>div>div.work .month dl>dt {position:static; width:100%; padding-left:30px; margin-bottom:10px; line-height:1;}
	.history>div>div.work .month dl>dd {padding-left:40px; color:#666; position:relative;}
	.history>div>div.work .month dl>dd:before {position:absolute; top:12px; left:30px; content:""; display:block; width:2px; height:2px; background:#000;}
	.history>div>div.work .month dl>dd+dd {margin-top:10px;}
	
	/*4-47.Á÷¿ø¼Ò°³*/
	.contents_box .staff p.number
	
	/*4-6¼ÅÆ²¹ö½º*/
	.ingWrap {text-align:center; margin:100px 0;}
	.ingWrap img {width:70%;}
	
	.shuttle .tableWrap .except_mobile {display:none;}
	.shuttle .tableWrap .only_mobile {display:block;}
	
	.shuttle .tableWrap table tr {text-align:left;}
	
	.shuttle .tableWrap table:nth-of-type(3) {border-top:3px solid #5b8be4;}
	
	
	
	
	/*4-8¿À½Ã´Â±æ*/
	#googleMap {height:300px;}
	.root_daum_roughmap .wrap_map {height:300px !important;}

	.location .textWrap .address {font-size:16px; margin:0; border-bottom:1px solid #eee;}
	.location .textWrap .address p {text-align:left; color:#000; padding:20px; font-weight:300;}
	.location .textWrap .address p span {display:inline-block; width:100%;}
	
	.location .textWrap .transport {margin:0;}
	.location .textWrap .transport>div {float:initial; width:100%; padding:40px 20px 0 !important; margin-top:0; overflow:hidden;}
	.location .textWrap .transport>div+div {border-left:0; border-top:1px solid #eee;}
	
	.location .textWrap .transport>div>div {display:inline-block; float:initial; width:100%; position:relative;}
	.location .textWrap .transport>div>div>div {display:initial; vertical-align:auto;}
	.location .textWrap .transport>div>div>div.iconWrap {padding:0;}
	.location .textWrap .transport>div>div>div.iconWrap>div {position:absolute; left:0; top:-12px;}
	.location .textWrap .transport>div>div>div.iconWrap>div .icon {width:55px; height:55px; border:2px solid transparent; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:26px; margin:initial;}
	.location .textWrap .transport>div>div>div.iconWrap p {margin:0 0 30px; text-align:left; font-size:18px; font-weight:700; padding-left:70px;}

	.location .layoutType_basic p {color:#000; padding-right:0; font-size:17px; font-weight:300;}
	.location .layoutType_basic p+p {margin-top:5px;}
	.location .layoutType_basic>div {margin-top:20px;}
	.location .layoutType_basic>div p {font-size:15px;}
	.location .layoutType_basic p span.tit {display:inline-block; width:100%;}
	.location .textWrap .transport>div>div.bus .layoutType_basic>p+p {margin-top:15px;}
	
	
}





