.scon_tit {position:relative; text-align:center; margin:80px 0 55px 0; font-size:2.25em; color:#000; line-height:1.4; font-weight:600; word-break:keep-all; background:none;} 
.scon_tit:before{position:absolute; top:-25px; left:49.9%; width:1px; height:20px; background:#000; content:"";}

.slogan_box {width:100%; padding:8% 4%; text-align:center; transition: 0.5s all ease; }
.slogan_box.bg1 {background:#222 url('../introduction/image/slogan_bg01.jpg')no-repeat 20% 50%; background-size:cover;}
.slogan_box .slogan_txts {width:100%; }
.slogan_box .slogan_txts span {display:block; font-size:1.5em; color:#fff; line-height:1.4; }
.slogan_box .slogan_txts p {display:block; margin-top:10px; font-size:4em; color:#fff; line-height:1; font-family: 'Do Hyeon', sans-serif; word-break:keep-all; transition: 0.5s all ease;}

a.btn_all {display:block; width:250px; padding:20px 20px; line-height:1.4; text-align:center; font-size:1.25em; color:#fff; background:#93725f; margin:50px auto 0; transition: 0.5s all ease; }
a.btn_all i {margin-left:5px;}
a.btn_all:hover {color:#fff; background:#2e2422; }


/* 교회소개 */
.company { width:100%; overflow:hidden;}
.company:after{ content:""; display:block; clear:both;}
.company .ceo_img{ float:left; width:500px; padding-right:4%; padding-bottom:3%;}
.company .ceo_img:after{ content:""; display:block; clear:both;}
.company .ceo_img img{ max-width:100%;}
.company .ceo_mag { width:100%; }
.company .ceo_mag:after{ content:""; display:block; clear:both;}
.company .ceo_mag h2.ceo_tit{display:block; font-size:2.2em; line-height:1.4; color:#000; font-weight:700; word-break:keep-all; }
.company .ceo_mag strong { display:block; margin-top:30px; font-size:1.3em; color:#000; line-height:1.6; font-weight:400; word-break:keep-all; }
.company .ceo_mag strong:first-child {margin-top:0;}
.company .ceo_mag p { display:block; margin-top:10px; color:#333; line-height:1.6; word-break:keep-all;}
.company .ceo_mag .ceo_sign{ display:block; margin-top:50px; font-size:1em; color:#000; }
.company .ceo_mag .ceo_sign span { display:inline-block; vertical-align:middle; margin:0 10px; font-size:1.2em; letter-spacing:0em; font-weight:700;}
.company .sola_box{ clear:both; width:100%; margin-top:50px; }
.company .sola_box:after{ content:""; display:block; clear:both;}
.company .sola_box h2.sola_tit{display:block; text-align:center; margin-bottom:40px; font-size:1.5em; color:#000; line-height:1.4; font-weight:500; word-break:keep-all;}
.company .sola_box ul {display:flex; flex-wrap: wrap; justify-content: space-between; width:100%; text-align:center;}
.company .sola_box ul li { flex-direction: column; align-items: center; width:19%; padding:30px 20px; border:1px solid #ddd; box-sizing:border-box; }
.company .sola_box ul li .tit {width:100%; }
.company .sola_box ul li .tit i {font-size:2em; color:#222; }
.company .sola_box ul li .tit p {display:block; margin:10px 0; width:100%; font-size:1.5em; color:#000; line-height:1.2; font-weight:700; word-break:keep-all; }
.company .sola_box ul li .tit span {display:block;  font-size:12px; color:#aaa; font-weight:400; line-height:1.2; letter-spacing:0.15em; word-break:break-all;}
.company .sola_box ul li .txts {width:100%; margin-top:20px; padding-top:20px; text-align:justify; font-size:1em; color:#666; border-top:1px dashed #ddd;}


/* 교회연혁 */
.timeline {box-sizing: border-box; }
.timeline:before {box-sizing: border-box; }
.timeline * {box-sizing: border-box; }
.timeline *:before {box-sizing: border-box; }
.timeline { position: relative; font-size: 1em; width: 100%; height: 100%; margin:50px auto 0; overflow-y: hidden; overflow-x: hidden;}
.timeline .timeline-block {margin-top:-4px;}
.timeline .timeline-icon {position:absolute; width:18px; height: 18px; left: 50%; margin-left: -9px; margin-top:12px; border: 4px solid #93725f; border-radius: 100%; background-color: #fff; text-align: center; }
.timeline .timeline-icon.timeline-icon-hide-border { border: 0; }
.timeline .timeline-icon.timeline-icon-hide-border i.fa, .timeline .timeline-icon.timeline-icon-hide-border img { margin-left: 0; margin-top: 0;}
.timeline .timeline-icon i.fa, .timeline .timeline-icon img { display: inline-block; width: 32px; height: 32px; margin-left: -4px; margin-top: -4px; vertical-align: bottom; line-height:32px; text-align: center; font-size: 30px; }
.timeline .timeline-icon img { border-radius: 100%; }
.timeline .timeline-content { position: relative; width:46%; padding-bottom:50px;  }
.timeline .timeline-content .bar_count { display:block; font-size:2em; font-weight:700; color:#000;  padding-bottom:20px; }
.timeline .timeline-content ul {width:100%; padding:0; margin:0;}
.timeline .timeline-content ul li {position: relative; padding-left:60px; font-size:1.1em; line-height:1.5em; z-index:1; margin-bottom:10px;}
.timeline .timeline-content ul li:last-child {margin-bottom:0;}
.timeline .timeline-content ul li em { position:absolute; left:0; display:inline-block; color:#000; font-style:normal; margin-right:10px; font-weight:500;}
.timeline .timeline-content ul li img{max-width:100%; margin-top:20px; background:#000;  }
.timeline::before { position: absolute; width: 1px; height: 100%; top:10px; left: 50%; margin-left: -1px; background-color: #eee; content: ""; }/* Half of width */
.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content{text-align:right;}
.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content ul li {position: relative; padding-left:0; padding-right:60px;  }
.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content ul li em { position:absolute; right:0;  margin-right:0; z-index:0;}
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content { left: 54%; }
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date { left: auto;  right: 115%; margin-left: -400px; }


/* 교회비전 */
.vision_wrap {width:100%; }
.vision_01 {width:100%; margin-top:100px;}
.vision_01:after { content:""; display:block; clear:both; }
.vision_01 .con_box {width:100%;}
.vision_01 .con_box ul {width:100%; text-align:center;}
.vision_01 .con_box ul li {display:inline-block; position: relative; padding:30px 10px; min-width:300px; margin:10px 0.5%; text-align:center; font-size:1.25em; color:#000; line-height:1.6; word-break:keep-all; border:1px solid #ddd; background: #fff; border-radius: 15px; transition: 0.5s all ease; }
.vision_01 .con_box ul li .num {  content: ""; display: none; position: absolute; left: 50%; top: -20px; transform: translateX(-50%); width: 40px; height: 40px; line-height:40px; text-align:center; font-size:1em; color:#fff; background:#333; border-radius: 100%;}
.vision_01 .con_box ul li:before {display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; top: -20px; transform: translateX(-50%); width: 40px; height: 40px; font-size:1.25em; color:#93725f; background:#fff; border-radius: 100%; font-weight:700; font-family: "Font Awesome 6 Free";  content: "\f058"; }
.vision_02 {width:100%; margin-top:80px;}
.vision_02 .con_box {width:100%;}
.vision_02 .con_box ul {display:flex; flex-wrap: wrap; width:100%;}
.vision_02 .con_box ul li {display:flex; width:50%; transition:all .5s ease;}
.vision_02 .con_box ul li .tit {display:flex; justify-content: center; align-items: center; width:40%; height:250px; border-radius:60px;}
.vision_02 .con_box ul li .tit em { position:absolute; font-size:10em; color:rgba(255,255,255,.15); font-weight:800;}
.vision_02 .con_box ul li .tit p {z-index:1; position:relative; display:block; font-size:2em; color:#fff; line-height:1.2; font-weight:700; }
.vision_02 .con_box ul li:nth-child(1) .tit { background:#baa393;  border-top-left-radius:0px;}
.vision_02 .con_box ul li:nth-child(2) .tit { background:#93725f; border-top-right-radius:0px;}
.vision_02 .con_box ul li:nth-child(3) .tit { background:#624a3e; border-bottom-left-radius:0px;}
.vision_02 .con_box ul li:nth-child(4) .tit { background:#2e2422; border-bottom-right-radius:0px;}
.vision_02 .con_box ul li .txts {display:flex; flex-direction: column; justify-content: center; align-items: flex-start; width:60%; padding:0 40px 0 0; text-align:left; }
.vision_02 .con_box ul li .txts em {display:inline-block; margin-bottom:20px; font-size:1.5em; color:#000; line-height:1.6; font-style:normal; border-bottom:1px solid #000;}
.vision_02 .con_box ul li .txts p {display:block; font-size:1.15em; word-break:keep-all; }
.vision_02 .con_box ul li .txts span {display:inline-block; font-size:1em; color:#000; line-height:1.6; font-weight:600;}
.vision_02 .con_box ul li:nth-child(odd) {flex-direction: row-reverse;}
.vision_02 .con_box ul li:nth-child(even) .txts {align-items: flex-end; padding:0 0 0 40px; text-align:right;}


/* 담임목사소개 */
.pastor_wrap { width:100%;}
.pastor_wrap:after{ content:""; display:block; clear:both;}
.pastor1 { position: relative; width:100%; max-width:1400px; padding:50px; margin:0 auto; background:#fff; border:1px solid #ddd; box-sizing:border-box; }
.pastor1:after{ content:""; display:block; clear:both;}
.pastor1 .con_left { float:left; width:20%; transition: 0.5s all ease; }
.pastor1 .con_left .imgs { width:100%; }
.pastor1 .con_left .imgs img {max-width: 100%; }
.pastor1 .con_left .imgs .sign_box {display:block; margin-top:20px; text-align:center;}
.pastor1 .con_left .imgs .sign_box p {font-size: 1.25em; color:#000; line-height:1.4; }
.pastor1 .con_left .imgs .sign_box span { margin-right:5px; font-size: 1.25em; color:#000; line-height:1.4; letter-spacing:0px; font-weight:700; }
.pastor1 .con_right { float:right; width:80%; padding-left:4%; transition: 0.5s all ease; }
.pastor1 .con_right:after{ content:""; display:block; clear:both;}
.pastor1 .con_right .tit { display: block; padding:30px 4%; text-align:center; font-size:1.5em; color:#000; line-height:1.6; font-weight:300; word-break:keep-all; background:#f5f5f5; }
.pastor1 .con_right .tit span{font-weight:600;}
.pastor1 .con_right .txts {display:flex; justify-content: space-between; width:100%; font-size: 1.1rem; line-height: 180%; margin-top:30px; padding:0 2%;}
.pastor1 .con_right .txts dl {display:flex; flex-direction: column; width:47%; transition: 0.5s all ease; }
.pastor1 .con_right .txts dl dt {margin-bottom:20px; padding-bottom:15px; font-size:1.5em; color:#000; line-height:1.4; font-weight:700; border-bottom:1px solid #ddd;}
.pastor1 .con_right .txts dl dd {margin-top:5px; font-size:1.1em; color:#000; line-height:1.6;}

.pastor2 {width:100%; margin:50px auto 0; padding:0 4%;}
.pastor2:after{ content:""; display:block; clear:both;}
.pastor2 ul {display:flex; flex-wrap:wrap; }
.pastor2 ul li {display:flex; justify-content: space-between; width:100%; margin-bottom:20px;}
.pastor2 ul li .l_cont {display:flex; flex-direction: column; justify-content: center; align-items: center; width:20%; min-height:220px; font-size:2em; color:#fff; line-height:1.2; font-weight:700; transition: 0.5s all ease; }
.pastor2 ul li:nth-child(1) .l_cont {background:url('../introduction/image/04_1.jpg')no-repeat center center; background-size:cover;}
.pastor2 ul li:nth-child(2) .l_cont {background:url('../introduction/image/04_2.jpg')no-repeat center center; background-size:cover;}
.pastor2 ul li:nth-child(3) .l_cont {background:url('../introduction/image/04_3.jpg')no-repeat center 10%; background-size:cover;}
.pastor2 ul li:nth-child(4) .l_cont {background:url('../introduction/image/04_4.jpg')no-repeat center center; background-size:cover;}
.pastor2 ul li .r_cont {display:flex; flex-direction: column; justify-content: center; width:80%; padding:30px 4%; transition: 0.5s all ease; }
.pastor2 ul li .r_cont em{display:block; font-size:1.25em; color:#999; line-height:1.4; font-style:normal; }
.pastor2 ul li .r_cont strong { display:block;  margin-top:10px; font-size:1.5em; color:#000; line-height:1.6; font-weight:500; word-break:keep-all; }
.pastor2 ul li .r_cont strong:first-child {margin-top:0;}
.pastor2 ul li .r_cont p { display:block; margin-top:10px; color:#333; line-height:1.6; word-break:keep-all;}


/* 오시는길 */
.map_wrap{ width:100%; max-width:1400px; margin:0 auto; margin-bottom:0px;}
.map_wrap .map_info {width:100%; margin-top:40px;}
.map_wrap .map_info .con_box {margin-bottom:30px;}
.map_wrap .map_info .con_box>h2 {margin-bottom:10px; font-size:1.5em; color:#000; font-weight:500;}
.map_wrap .map_info table {width:100%; border-top:1px solid #000;}
.map_wrap .map_info table th {padding:0; margin:0; width:20%; text-align:center; font-size:1.05em; color:#000; vertical-align:middle; font-weight:normal; background:#f5f5f5; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td {width:80%; text-align:left; font-size:1.05em; color:#000; vertical-align:top;  padding:15px 15px; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td > a {color:#000;}
.map_wrap .map_info table td > a:hover {color:#000;}

	
/*헌금안내*/
.giving_wrap {width:100%; max-width:1400px; margin:0 auto; }
.giving_wrap:after{ content:""; display:block; clear:both;}
.giving_wrap .giving_box1 { width:100%; }
.giving_wrap .giving_box1 strong { display:block; font-size:2em; color:#000; line-height:1.6; font-weight:700; word-break:keep-all; }
.giving_wrap .giving_box1 p { display:block; margin-top:10px; font-size:1.5em; color:#333; line-height:1.6; word-break:keep-all;}
.giving_wrap .giving_box1 table.tbl_bank {width:100%; margin-top:30px; border-collapse: separate; border-spacing: 0; }
.giving_wrap .giving_box1 table.tbl_bank thead th {padding:15px 10px; text-align:center; font-size:1.5em; color:#fff; line-height:1.6; font-weight:700; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#624a3e;}
.giving_wrap .giving_box1 table.tbl_bank thead th:first-child { border-left:none;}
.giving_wrap .giving_box1 table.tbl_bank tbody th {width:25%; padding:10px 10px; text-align:center; font-size:1.1em; color:#000; line-height:1.4; font-weight:500; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.giving_wrap .giving_box1 table.tbl_bank tbody th:first-child { border-left:none;}
.giving_wrap .giving_box1 table.tbl_bank tbody td {width:25%; padding:10px 10px; text-align:center; font-size:1.1em; color:#000; line-height:1.4; word-break:keep-all; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;  }
.giving_wrap .giving_box1 table.tbl_bank tbody td:first-child { border-left:none;}
.giving_wrap .giving_box1 table.tbl_bank tbody td p {display:block; margin:10px 0; font-size:1.05em; color:#333; line-height:1.4; word-break:keep-all;  }
.giving_wrap .giving_box1 table.tbl_bank tbody td p em {display:inline-block; vertical-align:top; width:20px; font-style:normal;}
.giving_wrap .giving_box1 table.tbl_bank tbody td p span {display:inline-block; vertical-align:top; width:calc(100% - 20px); }
.giving_wrap .giving_box2 {width:100%; margin-top:40px; text-align:center;}
.giving_wrap .giving_box2 .giving_ex_tit {display:block;}
.giving_wrap .giving_box2 .giving_ex_tit strong { font-size:1.5em; color:#000; line-height:1.6; word-break:keep-all; }
.giving_wrap .giving_box2 .giving_ex_tit strong span {color:#93725f; font-weight:700; }
.giving_wrap .giving_box2 .giving_ex { margin-top:20px; }
.giving_wrap .giving_box2 .giving_ex p { display:inline-block; width:30%; margin:0.5%; padding:10px 20px; font-size:1.15em; color:#000; line-height:1.6; word-break:keep-all; background:#fff; border:1px solid #ddd; border-radius:50px;}
.giving_wrap .giving_box2 .giving_ex span { display:inline-block; margin-left:5px; font-size:1em; color:#93725f; line-height:1.6; font-weight:600;}
dl.giving_etc {width:100%; margin-top:50px; padding:30px; background:#f9f9f9; border:1px solid #eee;}
dl.giving_etc dt {width:20%; display:inline-block; vertical-align:middle; text-align:center; font-size:1.5em; color:#000; line-height:1.4; font-weight:700; transition: 0.5s all ease; }
dl.giving_etc dt i {display:block; margin-bottom:5px; font-size:1.5em; color:#93725f;}
dl.giving_etc dd {width:78%; display:inline-block; vertical-align:middle; padding-left:20px; transition: 0.5s all ease; }
dl.giving_etc dd p {position:relative; margin-top:5px; padding-left:20px; font-size:1.1em; line-height:1.6; word-break:keep-all;}
dl.giving_etc dd p:before {position:absolute; left:0; top:0; content:"※"; display:block; color:#000;}


/* 섬기는 사람들 */
.next_serve_photo {width:100%;}
.next_serve_photo:after{ content:""; display:block; clear:both;}
.next_serve_photo ul { display:flex; flex-wrap: wrap; width:100%; }
.next_serve_photo ul li {display:flex; align-items: center; padding:15px; width:32%; margin-right:2%; margin-bottom:1.25%; text-align:center; background:#fff; border:1px solid #ddd; box-sizing:border-box; box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.02);}
.next_serve_photo ul li:nth-child(3n) {margin-right:0;}
.next_serve_photo ul li .serve_imgs {width:100px; transition: 0.5s all ease;}
.next_serve_photo ul li .serve_imgs img {max-width:100%;}
.next_serve_photo ul li dl.serve_info {width:75%; padding:0 20px; text-align:left; transition: 0.5s all ease;}
.next_serve_photo ul li dl.serve_info dt {margin-bottom:10px; font-size:1.25em; color:#000; font-weight:500;}
.next_serve_photo ul li dl.serve_info dd {position:relative; padding-left:10px; font-size:1em; color:#000; line-height:1.6;}
.next_serve_photo ul li dl.serve_info dd:before {z-index:1; content:""; position:absolute; left:0; top:10px; display:block; width:3px; height:3px; background:#93725f; border-radius:3px;} 

table.tbl_next_serve { width:100%; margin-top:30px; border-collapse:separate; border-spacing:0; border-top:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
table.tbl_next_serve tbody {text-align:center; }
table.tbl_next_serve tbody tr {width:100%;}
table.tbl_next_serve tbody tr th { width:15%; padding:12px 5px; font-size:1.05em; color:#000; line-height: 1.4; font-weight:500; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8;}
table.tbl_next_serve tbody tr td { width:35%; padding:12px 15px; font-size:1.05em; color:#000; line-height: 1.4; text-align:left; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}





/* 반응형 중간기기 1240px 사이즈 이하*/
@media all and (max-width:1240px){	

	.company {padding:0 2%;}
	.company .ceo_img{ width:45%; text-align:center;}
	.company .sola_box ul { gap:20px; justify-content: center;}
	.company .sola_box ul li {width:31%;  }


	.vision_01 { margin-top:50px;}
	.vision_01 .con_box ul li {min-width:auto; width:32%;}
		
	.vision_02 { margin-top:50px;}	

	.pastor2 ul li .l_cont {width:30%;}
	.pastor2 ul li .r_cont {width:70%;}

}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){

	.next_serve_photo ul li {width:100%; padding:20px 15px; margin-right:0; margin-bottom:-1px; }
	.next_serve_photo ul li dl.serve_info {width:100%;}
	
}	


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){	


	
}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	

	.slogan_box .slogan_txts span {font-size:1.25em;}
	.slogan_box .slogan_txts p {font-size:3em;}

	.company .ceo_mag h2.ceo_tit{font-size:1.5em;}
	.company .ceo_mag strong { margin-top:30px; font-size:1.3em;}
	.company .ceo_mag .ceo_sign {margin-top:30px;}
	.company .sola_box h2.sola_tit{ font-size:1.25em; }
	.company .sola_box ul li {display:flex; flex-direction: row; width:100%; padding:30px 0;}
	.company .sola_box ul li .tit {width:45%; padding:0 15px; }
	.company .sola_box ul li .tit p {font-size:1.25em;}
	.company .sola_box ul li .txts {width:55%; margin-top:0; padding:0 20px; text-align:left; word-break:keep-all; border-top:0; border-left:1px dashed #ddd;}

	.vision_02 .con_box ul li {width:100%; margin-bottom:20px;}
	.vision_02 .con_box ul li:last-child {margin-bottom:0;}
	

	.pastor1 {padding:40px 4%;}
	.pastor1 .con_left { width:100%; text-align:center;}
	.pastor1 .con_right { width:100%; margin-top:30px; padding:0;}

	.pastor2 {padding:0;}
	.pastor2 ul li {flex-direction: column; margin-bottom:50px;}
	.pastor2 ul li:last-child {margin-bottom:0;}	
	.pastor2 ul li .l_cont {width:100%; min-height:120px;}
	.pastor2 ul li .r_cont {width:100%; padding:0; margin-top:20px;}


	.giving_wrap .giving_box2 .giving_ex p {width:48%; }

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.scon_tit {margin:60px 0 20px 0; font-size:1.85em;}

	.timeline .timeline-icon {left:5%;}
	.timeline::before { left:5%;}
	.timeline .timeline-content {width:85%; margin-left:10%;}
	.timeline .timeline-content ul li{font-size:1em;}	
	.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content {text-align:left; }
	.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content ul li {padding-left:60px; padding-right:0;}
	.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content {left:0;}


	.vision_01 .con_box ul li {width:48%; }


	.pastor1 .con_right .tit { text-align:center; font-size:1.25em; }
	.pastor1 .con_right .txts { flex-direction: column; margin-top:30px;}
	.pastor1 .con_right .txts dl { width:100%; margin-bottom:40px;}
	.pastor1 .con_right .txts dl:last-child {margin-bottom:0;}	


	.giving_wrap .giving_box1 table.tbl_bank thead th {font-size:1.25em;}
	.giving_wrap .giving_box1 table.tbl_bank tbody th {font-size:1em;}
	.giving_wrap .giving_box1 table.tbl_bank tbody td {font-size:1em;}	
	.giving_wrap .giving_box2 .giving_ex_tit strong { font-size:1.25em; }
	.giving_wrap .giving_box2 .giving_ex_tit strong span { display:block;}
	dl.giving_etc dt {width:100%; }
	dl.giving_etc dd {width:100%; margin-top:20px; padding:0;}

}


/* 반응형 중간기기 640사이즈 이하 */
@media screen and (max-width: 640px) {		

	.slogan_box .slogan_txts p {font-size:2.25em;}
	
	a.btn_all { width:60%; padding:15px; font-size:1.15em;}

	.company .ceo_img { width:100%; padding:0;}
	.company .ceo_mag { float:left; margin-top:50px;}
	.company .sola_box {float:left; margin-top:50px;}

	.vision_02 .con_box ul li {flex-direction: column !important;}
	.vision_02 .con_box ul li .tit { width:100%; height:auto; padding:15px; border-radius:50px;}
	.vision_02 .con_box ul li .tit em { font-size:8em; }
	.vision_02 .con_box ul li .tit p {font-size:1.5em;}

	.vision_02 .con_box ul li .txts { width:100%; align-items: center !important; padding:20px 4% !important; text-align:center !important;}

	.giving_wrap .giving_box2 .giving_ex p {width:100%; margin:0; margin-bottom:-1px; border-radius:0;}

}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {

}


/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	


}