@import url('https://fonts.googleapis.com/earlyaccess/jejuhallasan.css');/*제주한라산체*/
@font-face { font-family: 'JSArirangHON-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirangHON-RegularA1.woff') format('woff'); font-weight: normal; font-style: normal;}/*정선아리랑체*/
@font-face { font-family: '행복고흥L'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/행복고흥L.woff') format('woff'); font-weight: normal; font-style: normal; }/*행복고흥체*/
@font-face { font-family: '행복고흥M'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/행복고흥M.woff') format('woff'); font-weight: normal; font-style: normal; }/*행복고흥체*/
@font-face { font-family: '행복고흥B'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/행복고흥B.woff') format('woff'); font-weight: normal; font-style: normal; }/*행복고흥체*/
@font-face { font-family: 'SangSangRock'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SangSangRockOTF.woff') format('woff'); font-weight: normal; font-style: normal;}/*상상바위*/
@font-face { font-family: 'SangSangAnt'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangAnt.woff') format('woff'); font-weight: normal; font-style: normal;}/*상상개미*/
@font-face { font-family: 'SangSangFlowerRoad'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangFlowerRoad.woff') format('woff'); font-weight: normal; font-style: normal; } /*상상꽃길*/
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }



/*컨테이너*/

.cons {position:relative;  max-width: 1200px; box-sizing: border-box; margin: 50px auto;}  /*기본 1200px 컨테이너*/
.cons:first-child {position:relative;  max-width: 1200px; box-sizing: border-box; margin: auto;}

.wide {width: 100%; position:relative; margin-top: 50px; margin-bottom:50px; /*background-color: #f7f7f7;*/ padding:80px 0;} /*100% 와이드 컨테이너*/

.wide_img {width:100%;  height:450px; background:url("/image/content/sample_2.jpg")no-repeat center center fixed; /*100% 배경이미지 고정 용 컨테이너*/
             background-size:cover; /*margin-bottom:60px;*/ margin-top:60px; display:flex; color:white; padding: 7% 0;}

@media (max-width:1200px){
	.cons {width: 96%;}
}

@media (max-width:1000px){
	.cons {position:relative;  box-sizing: border-box; margin: 50px auto;}
}

/*구분선*/
.cons hr{display: block; border: solid 1px #bfbfbf; margin: 50px 0; border-spacing:0;} 


/*폰트 칼라*/
.cons .fc_r{color:#bc2e62;} /*red*/
.cons .fc_b{color:#224cc1;} /*blue*/
.cons .fc_p{color:#a122c1;} /*purple*/
.cons .fc_y{color:#f38718;} /*yellow*/
.cons .fc_g{color:#1f9e46;} /*green*/
.cons .fc_bk{color:#000;}   /*black*/
.cons .fc_w{color:#ffff;}   /*white*/

/*포인트 폰트 스타일*/
.cons .fs_1{font-family:"JSArirangHON-Regular"; font-size:2em; }  /*제주아리랑혼체*/
.cons .fs_2{font-family:"행복고흥B"; font-size:2em; vertical-align: top;}  /*행복고흥체*/
.cons .fs_3{font-family:"SangSangRock"; font-size:2em; vertical-align: top;}  /*상상바위체*/
.cons .fs_4{font-family:"SangSangAnt"; font-size:3em; vertical-align: top;}  /*상상개미체*/
.cons .fs_5{font-family:"SangSangFlowerRoad"; font-size:3em; vertical-align: top;}  /*상상꽃길체*/
.cons .fs_6{font-family:"GmarketSansMedium"; font-size:3em; vertical-align: top;} /*G마켓 미디움체*/


/*폰트 박스*/
.cons .fbox_1 {display:inline-block; line-height:1em; border-radius:36px; margin-bottom:15px; padding:9px 25px; margin-bottom: 30px;} /*둥근모서리 폰트박스*/
.cons .fbox_2 {display:inline-block; line-height:1em; margin-bottom:15px; padding:9px 25px; margin-bottom: 30px;}  /*직각 모서리 폰트박스*/


/*폰트 그림자 효과*/
.cons .fe_1 {text-shadow: 2px 2px 2px #999;}


/*백그라운드 라이트 칼라*/
.cons .bg_r{background: #fdebeb;}  /*red*/
.cons .bg_gn{background: #f7fdeb;} /*green*/
.cons .bg_b{background: #ebfbfd;}  /*blue*/
.cons .bg_p{background: #fdebf6;}  /*purple*/
.cons .bg_y{background: #fdfaeb;}  /*yellow*/
.cons .bg_g{background: #f7f7f7;}  /*gray*/

/*백그라운드 다크 칼라*/
.cons .bg_dr{background: #a01313;}  /*dark red*/
.cons .bg_dgr{background: #84a013;} /*dark green*/
.cons .bg_db{background: #1373a0;}  /*dark blue*/
.cons .bg_dp{background: #8413a0;}  /*dark purple*/
.cons .bg_dy{background: #fb9e25;}  /*dark yellow*/
.cons .bg_dg{background: #565656;}  /*dark gray*/

/*백그라운드 라이트 칼라 - 와이드 컨테이너 용*/
.bg_r{background: #fdebeb;}
.bg_gn{background: #f7fdeb;}
.bg_b{background: #ebfbfd;}
.bg_p{background: #fdebf6;}
.bg_y{background: #fdfaeb;}
.bg_g{background: #f7f7f7;}

/*백그라운드 다크 칼라* - 와이드 컨테이너 용*/
.bg_dr{background: #a01313;}
.bg_dgr{background: #84a013;}
.bg_db{background: #1373a0;}
.bg_dp{background: #8413a0;}
.bg_dy{background: #fb9e25;}
.bg_dg{background: #565656;}

/*백그라운드 이미지*/
.bg_img_1 {background:url("/image/content/mbg.png"); overflow:hidden;}  /*백그라운드이미지 격자모양*/
.bg_img_2 {background:url("/image/content/bg_img_2.png"); overflow:hidden;}  
.bg_img_3 {background:url("/image/content/bg_img_3.jpg"); overflow:hidden;}  


/*헤딩, 타이틀, 슬로건*/
.cons h1 {font-size:36px; letter-spacing:-1px; font-weight:300; margin-bottom:30px; font-family: 'Noto Sans KR';}
.cons h1.center {text-align:center; font-size:36px; letter-spacing:-1px; font-weight:300; margin-bottom:30px; font-family: 'Noto Sans KR';}
.cons h1.title {text-align:center; font-size:38px; font-weight:300; padding-top:100px; color:#000; margin-bottom: 100px; font-family: 'Noto Sans KR';}
.cons h1.title:after {content: ""; width: 40px; height: 2px; background: #10246b; position: absolute; display: block; left: 50%; margin-left: -20px; margin-top: 30px; font-family: 'Noto Sans KR';}
.cons h2 {text-align:left; font-size:30px; letter-spacing:-1px; font-weight:500; margin-bottom:24px; font-family: 'Noto Sans KR';}
.cons h2.center {text-align:center; font-size:30px; letter-spacing:-1px; font-weight:500; margin-bottom:24px; font-family: 'Noto Sans KR';}
.cons h3 {text-align:left; font-size:22px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; font-family: 'Noto Sans KR';}
.cons h3.center {text-align:center; font-size:22px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; font-family: 'Noto Sans KR';}
.cons h3.bul {text-align:left; color: #222; font-size:22px; padding-left:30px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; position:relative; font-family: 'Noto Sans KR';}
.cons h3.bul:before {content: "\e805"; color: #fb5959;; position:absolute; left:0; font-family: fontello;}
.cons h4 {text-align:left; font-size:20px;  letter-spacing:-1px; font-weight:500; margin-bottom:20px; position:relative; font-family: 'Noto Sans KR';}
.cons h4.center {text-align:center; font-size:20px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; margin-left: 0; font-family: 'Noto Sans KR';}
.cons h4.bul {text-align:left; color: #222; font-size:20px; padding-left:24px; letter-spacing:-1px;  font-weight:500; margin-bottom:20px; font-family: 'Noto Sans KR';}
.cons h4.bul:before {content: "\e807"; color: #fb5959;  position:absolute; left:0; font-family: fontello;}
.cons h5 {text-align:left; font-size:20px; padding-left:0px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; font-family: 'Noto Sans KR';}
.cons h5.center {text-align:center; font-size:20px; padding-left:0px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; font-family: 'Noto Sans KR';}
.cons h5.bul {text-align:left; color: #222; font-size:20px; padding-left:24px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; font-family: 'Noto Sans KR';}
.cons h5.bul:before {content: "\e80b"; color: #fb5959; font-size:18px; position:absolute; left:0; font-family: fontello;}


@media (max-width:1000px){
.cons h1 {font-size:26px; letter-spacing:-1px; font-weight:300; margin-bottom:30px;} /*기본 1200px 컨테이너*/
.cons h1.center {text-align:center; font-size:26px; letter-spacing:-1px; font-weight:300; margin-bottom:30px;}
.cons h1.title {text-align:center; font-size:26px; font-weight:300; padding-top:100px; color:#000; margin-bottom: 50px;}
.cons h1.title:after {content: ""; width: 30px; height: 2px; background: #10246b; position: absolute; display: block; left: 50%; margin-left: -20px; margin-top: 30px;}
.cons h2 {text-align:left; font-size:20px; letter-spacing:-1px; font-weight:500; margin-bottom:24px;}
.cons h2.center {text-align:center; font-size:20px; letter-spacing:-1px; font-weight:500; margin-bottom:24px;}
.cons h3 {text-align:left; font-size:18px; letter-spacing:-1px; font-weight:500; margin-bottom:20px;}
.cons h3.center {text-align:center; font-size:18px; letter-spacing:-1px; font-weight:500; margin-bottom:20px;}
.cons h3.bul {text-align:left; color: #222; font-size:18px; padding-left:28px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; position:relative;}
.cons h3.bul:before {content: "\e805"; color: #fb5959;; position:absolute; left:0; font-family: fontello;}
.cons h4 {text-align:left; font-size:16px;  letter-spacing:-1px; font-weight:500; margin-bottom:20px; position:relative;}
.cons h4.center {text-align:center; font-size:16px; letter-spacing:-1px; font-weight:500; margin-bottom:20px; margin-left: 0;}
.cons h4.bul {text-align:left; color: #222; font-size:16px; padding-left:24px; letter-spacing:-1px;  font-weight:500; margin-bottom:20px;}
.cons h4.bul:before {content: "\e807"; color: #fb5959;  position:absolute; left:0; font-family: fontello;}
.cons h5 {text-align:left; font-size:16px; padding-left:0px; letter-spacing:-1px; font-weight:500; margin-bottom:20px;}
.cons h5.center {text-align:center; font-size:16px; padding-left:0px; letter-spacing:-1px; font-weight:500; margin-bottom:20px;}
.cons h5.bul {text-align:left; color: #222; font-size:16px; padding-left:20px; letter-spacing:-1px; font-weight:500; margin-bottom:20px;}
.cons h5.bul:before {content: "\e80b"; color: #fb5959; font-size:16px; position:absolute; left:0; font-family: fontello;}
.cons .fs_1{font-family:"JSArirangHON-Regular"; font-size:2em; }
.cons .fs_2{font-family:"행복고흥B"; font-size:2em; vertical-align: top;}
.cons .fs_3{font-family:"SangSangRock"; font-size:2em; vertical-align: top;}
.cons .fs_4{font-family:"SangSangAnt"; font-size:2em; vertical-align: top;}
.cons .fs_5{font-family:"SangSangFlowerRoad"; font-size:2em; vertical-align: top;}
.cons .fs_6{font-family:"GmarketSansMedium"; font-size:2em; vertical-align: top;}
}


/*리스트 스타일 큰 블릿*/
 .cons ul.dot {position:relative;}
 .cons ul.dot :before{content: "\e80b"; position:absolute; left:20px; color: #fb5959; font-family: fontello; font-size: 1em;}
 .cons ul.dot li{font-size:16px;; padding-left:45px; margin-bottom:0.8em;}

@media (max-width:600px){
 .cons ul.dot li{font-size:16px;; padding-left:45px; margin-bottom:0.8em;}
}


/*리스트 스타일 큰 블릿 들여쓰기 안하기*/
 .cons ul.dot_n {position:relative; font-family: 'Noto Sans KR';}
 .cons ul.dot_n :before{content: "\e80b"; position:absolute; left:0px; color: #fb5959; font-family: fontello; font-size: 1em;}
 .cons ul.dot_n li{font-size:16px; padding-left:25px; margin-bottom:0.8em;}
 .cons ul.dot_n li:last-child{font-size:18px; padding-left:25px; margin-bottom:1.8em;}

 @media (max-width:600px){
 .cons ul.dot_n li{font-size:16px; padding-left:25px; margin-bottom:0.8em;}
 .cons ul.dot_n li:last-child{font-size:16px; padding-left:25px; margin-bottom:1.8em;}
}

/*리스트 스타일 작은 블릿*/
 .cons ul.dot_s {position:relative; font-family: 'Noto Sans KR';}
 .cons ul.dot_s :before{content: "\e804"; position:absolute; left:45px; color: #fb5959; font-family: fontello;}
 .cons ul.dot_s li {font-size:16px; padding-left:30px; margin-bottom:0.8em;}
 /*.cons ul.dot_s li:last-child{font-size:16px; padding-left:30px; margin-bottom:1.8em;}*/

 @media (max-width:600px){
 .cons ul.dot_s li {font-size:16px; padding-left:40px; margin-bottom:0.8em;}
 .cons ul.dot_s :before{content: "\e804"; position:absolute; left:25px; color: #fb5959; font-family: fontello;}
 /*.cons ul.dot_s li:last-child{font-size:16px; padding-left:60px; margin-bottom:1.8em;}*/
}


/*리스트 스타일 작은 블릿 들여쓰기 안하기*/
 .cons ul.dot_sn {position:relative; font-family: 'Noto Sans KR';}
 .cons ul.dot_sn :before{content: "\e804"; position:absolute; left:0px; color: #fb5959; font-family: fontello;}
 .cons ul.dot_sn li {font-size:16px;; padding-left:18px; margin-bottom:0.8em;}
 .cons ul.dot_sn li:last-child{font-size:18px; padding-left:18px; margin-bottom:1.8em;}

 @media (max-width:600px){
 .cons ul.dot_sn li {font-size:16px;; padding-left:16px; margin-bottom:0.8em;}
 .cons ul.dot_sn li:last-child{font-size:16px; padding-left:16px; margin-bottom:1.8em;}
}


/*기본 문단 스타일*/
 .cons p{font-size:16px; line-height:180%; margin-bottom:20px; font-family: 'Noto Sans KR';} 
 .cons p.center{text-align:center; font-size:16px; line-height:180%; margin-bottom:20px;} /*중앙정렬*/
 .cons p.no{text-align:center; font-size:16px; line-height:180%; margin-bottom:0px;} 

 @media (max-width:600px){
 .cons p{font-size:16px; line-height:180%; margin-bottom:20px; font-family: 'Noto Sans KR';} 
 .cons p.center{text-align:center; font-size:16px; line-height:180%; margin-bottom:20px;} /*중앙정렬*/
 .cons p.no{text-align:center; font-size:16px; line-height:180%; margin-bottom:0px;} 
}




/*박스*/
 .cons .box {border:1px solid #ddd; padding:25px 30px; margin-top:30px; margin-bottom:50px; position:relative; border-radius: 10px;}

 @media (max-width:600px){
 .cons .box {border:1px solid #ddd; padding:2% 2%; margin-top:1em; margin-bottom:1em; position:relative; border-radius: 10px;}
 }


 /*컬럼 문단 스타일*/
 .cons .col {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; 
                   -webkit-column-gap: 70px; -moz-column-gap: 70px; -ms-column-gap: 70px; column-gap: 70px;
				   -webkit-column-width: 150px; -moz-column-width: 150px; -ms-column-width: 150px; 
				   column-rule-width: 1px; column-width: 150px;  column-rule-style: solid; 
				   column-rule-color: #cecece;  margin: 100px 0;} 
 @media (max-width:800px){
 .cons .col {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; 
                   -webkit-column-gap: 70px; -moz-column-gap: 70px; -ms-column-gap: 70px; column-gap: 70px;
				   -webkit-column-width: 150px; -moz-column-width: 150px; -ms-column-width: 150px; 
				   column-rule-width: 1px; column-width: 150px;  column-rule-style: solid; 
				   column-rule-color: #cecece;} 
 }


  /*레이아웃*/
 .cons .layout {display: flex;  margin-top:30px; margin-bottom:50px; position:relative; box-sizing: border-box; justify-content: space-between;}
 .cons .layout .in {width: 100%;  position:relative; }
 .cons .layout .in90 {width: 89%;  position:relative; }
 .cons .layout .in85 {width: 84%;  position:relative; }
 .cons .layout .in80 {width: 79%;  position:relative; }
 .cons .layout .in75 {width: 74%;  position:relative; }
 .cons .layout .in70 {width: 69%;  position:relative; }
 .cons .layout .in65 {width: 64%;  position:relative; }
 .cons .layout .in60 {width: 59%;  position:relative; }
 .cons .layout .in55 {width: 54%;  position:relative; }
 .cons .layout .in50 {width: 49%;  position:relative; }
 .cons .layout .in45 {width: 44%;  position:relative; }
 .cons .layout .in40 {width: 39%;  position:relative; }
 .cons .layout .in33 {width: 32%;  position:relative; }
 .cons .layout .in30 {width: 29%;  position:relative; }
 .cons .layout .in25 {width: 24%;  position:relative; }
 .cons .layout .inbox {padding:5% 5%;  position:relative;}
 .cons .layout .inbox_n {padding:3% 3%;  position:relative; }
 .cons .layout img {width: 100%;  height: inherit; object-fit: cover;}
 .cons .layout img.a {width: auto; display: flex; margin:inherit;}  /*이미지 원래크기 사용이 필요할경우, 중앙정렬*/
 .cons .layout .imgbox{margin: 2% auto;}



@media (max-width:987px){
	.cons .layout {flex-direction: column; margin:0 0 2% 0;}
    .cons .layout .in {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
	.cons .layout .in90 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
	.cons .layout .in85 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
	.cons .layout .in80 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
	.cons .layout .in75 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
    .cons .layout .in70 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
	.cons .layout .in65 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
    .cons .layout .in60 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
	.cons .layout .in55 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
    .cons .layout .in50 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
	.cons .layout .in45 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
    .cons .layout .in40 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
	.cons .layout .in33 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
    .cons .layout .in30 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
	.cons .layout .in25 {width: 100%;  position:relative; display: flex; flex-direction: column; align-items: center; margin: 2% 0;}
	.cons .layout .inbox {padding:5% 5%;  position:relative; width: 90%}
    .cons .layout .inbox_n {padding:3% 3%;  position:relative; 90%}
    .cons .layout img{width: 80%;}
	.cons p {padding: 2%}
}

@media (max-width:600px){
    .cons .layout img{width: 90%;}
}



/*이미지 효과*/
 .cons .img_ef_1 img {box-shadow: 5px 5px 5px #999; width: 100%;}
 .cons .img_ef_1_1 img {box-shadow: 2px 2px 2px #999; width: 100%; border: 5px solid #d4d4d4; box-sizing: border-box;}
 .cons .img_ef_2 img {border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%; width: 100%;}
 .cons .img_ef_3 img {width: 100%;  mask-image: url("/board/img/mask_6.png"); -webkit-mask-image: url("/board/img/mask_6.png");}
 .cons .img_ef_4 img {box-shadow: inset 0 0 0 10px #5dabf7, inset 0 0 0 14px white; position: relative; z-index: -1;}

 .cons .img_ef_5{}
 .cons .img_ef_5 img{width:100%; height: 100%; object-fit: cover; box-shadow: 10px 15px 25px 0 rgba(0,0,0,.2); display: block; transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1); margin-top: -10px;}
 .cons .img_ef_5:hover img{box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);}
 .cons .img_ef_5 .glow-wrap{overflow: hidden;position: absolute;width: 100%;height: 100%;top: 0;margin-top: -10px;}
 .cons .img_ef_5 .glow{display: block;position:absolute;width: 40%;height: 200%;background: rgba(255,255,255,.2);top: 0;filter: blur(5px);transform: rotate(45deg) translate(-450%, 0);transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);}
 .cons .img_ef_5:hover .glow{transform: rotate(45deg) translate(450%, 0);transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);}
 .cons .img_ef_5:hover img,
 .cons .img_ef_5:hover .glow-wrap{margin-top: 0;}



/*테이블*/
.cons table{width:100%; margin-bottom:40px; border-top:2px solid #393939; border-collapse: collapse; font-family: 'Noto Sans KR';}
.cons th,
.cons td{border:1px solid #ddd; padding:15px; font-size:16px; line-height:150%; vertical-align:middle; text-align:center; font-family: 'Noto Sans KR';}
.cons th:first-child,
.cons td:first-child{border-left:0; }
.cons th:last-child,
.cons td:last-child{border-right:0; }
.cons thead th{background:#f5f5f5; font-weight:500; }


/*연혁*/
.history ul.tabs {overflow:hidden;width:100%;}
.history ul.tabs li {float:left;text-align:center;cursor: pointer; background:#fafafa; font-size:15px; overflow:hidden;position: relative; height:50px; line-height:50px;box-sizing:border-box; width:14.2%; border:1px solid #ddd; border-right:0 !important; font-weight:400;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.history ul.tabs li:last-child{border-right:1px solid #ddd !important;}
.history ul.tabs li.active{border-bottom: 1px solid #FFFFFF; background:#fff; color:#ea5252}
.history .tab_container{margin-top:50px;}
.history .tab_content{display: none; padding:0 20px;}

.history .tab_content > div{width:100%; display:table;}
.history .tab_content > div h3,
.history .tab_content > div ul{display:table-cell; vertical-align:top;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.history .tab_content > div h3{width:30%; font-size:35px; font-family: "GmarketSansMedium"; letter-spacing:-1px; padding-top:15px; padding-right:30px;}
.history .tab_content > div ul{width:70%; padding-left:30px; border-left:1px solid #ddd}
.history .tab_content > div ul li{width:100%; display:table; margin:15px 0}
.history .tab_content > div ul li > p{display:table-cell; vertical-align:top;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.history .tab_content > div ul li > p:first-child{width:20%; font-weight:400; color:#222; line-height:135%;}
.history .tab_content > div ul li > p:last-child{width:80%; padding-left:10px; color:#444; line-height:135%;}

@media screen and (max-width:580px){ 
	.history ul.tabs li{font-size:14px; letter-spacing:-1px;}
}
@media screen and (max-width:480px){ 
    .history .tab_content > div h3,
    .history .tab_content > div ul{display:block;}
	.history .tab_content > div h3{width:100%; margin-bottom:30px;}
	.history .tab_content > div ul{width:100%; padding-left:20px;}
	.history ul.tabs li{width:33.3%}
	.history ul.tabs li:nth-child(1),
    .history ul.tabs li:nth-child(2),
    .history ul.tabs li:nth-child(3),
	.history ul.tabs li:nth-child(4),
	.history ul.tabs li:nth-child(5),
	.history ul.tabs li:nth-child(6){border-bottom:0 !important}
	.history ul.tabs li:nth-child(7){width:100%;}
	.history ul.tabs li:nth-child(3),
	.history ul.tabs li:nth-child(6){border-right:1px solid #ddd !important;}
}


/*섬기는분들*/
.cons .man .man_type1{font-size:0; letter-spacing:-5px; line-height:normal; word-break:break-all; border-bottom: 1px solid #ddd; margin-bottom: 40px; }
.cons .man .man_type1 li{display:inline-block; letter-spacing:0; vertical-align:top; width:44%; overflow:hidden; margin-bottom:50px; border-radius: 10px; background-color: #F1F1F1; padding: 20px; box-shadow: rgb(0 0 0 / 30%) 1px 1px 5px;}
.cons .man .man_type1 li:nth-child(odd){margin-right:3%;}
.cons .man .man_type1 li > div{float:left;}
.cons .man .man_type1 li .img{width:25%; max-width:140px; }
.cons .man .man_type1 li .img img{border:1px solid #ddd; width:100%;}
.cons .man .man_type1 li .txt{width:60%; margin-left:8%;}
.cons .man .man_type1 li .txt p{margin-bottom:15px; color:#555; font-size:20px;}
.cons .man .man_type1 li .txt p:first-child{line-height: 190%; border-bottom: 1px solid #8D8D8D;}
.cons .man .man_type1 li .txt p strong{margin-bottom:10px; color:#222; font-weight:500; }
.cons .man .man_type1 li .txt p span{position:relative; display:block; font-size:15px; line-height:120%; margin:8px 0; padding-left:12px;}
.cons .man .man_type1 li .txt p span:before{content:"\00b7"; position:absolute; left:0;}

@media screen and (max-width: 1024px) {
	.cons .man .man_type1 li .img img{box-sizing: border-box;}
}
@media screen and (min-width:641px) and (max-width:800px) {
	.cons .man .man_type1 li{width:42%;}
	.cons .man .man_type1 li .img{width:40%;}
	.cons .man .man_type1 li .txt{width:52%;}
}
@media screen and (max-width:640px) {
	.cons .man .man_type1 li{display:block; width:87%; margin-bottom:30px; margin-right: 0px;}
}
@media screen and (max-width:480px) {
  .cons .man .man_type1 li .txt p{font-size:16px;}
  .cons .man .man_type1 li .txt p span{font-size:13px;}
}





/*부서 섬기는분들 스타일*/
.cons .layout_card_col {display: flex; width: 100%; justify-content: space-between; margin-bottom: 3em; }
.cons .layout_card_col .inbox {display: flex; flex-direction: column;  width: 18%; box-sizing: border-box; align-items: center; background: linear-gradient(180deg, #efefef 50%, #e9f9fd 50%)}
.cons .layout_card_col .inbox .con1 {width: 160px;  box-sizing: border-box; margin: 10%; position:relative; border: 4px solid #c1c1c1;}
.cons .layout_card_col .inbox .con1 img {width: 100%; object-fit: cover; object-position: center; box-sizing: border-box; }
.cons .layout_card_col .inbox .con2 {margin: 2%; padding: 2%; width: 160px; text-align: center; box-sizing: border-box; }




/*교회정관*/
.rule_tit1 {font-size:30px; margin:60px 0; font-weight:500; }
		.rule_tit2 {font-size:22px; margin:40px 0; font-weight:500; color:#5c83cb; text-align:center;}
		.rule_tit3 {font-size:20px; margin:30px 0; font-weight:500; color:#486bcf;}
		.rule_tit4 {font-size:17px; margin:20px 0; font-weight:500; color:#ea5252;}
		.bold {font-weight:500;}
		.point_red {color:#ea5252;}		

		.rule_content1 {border-top:2px solid #333; border-bottom:2px solid #333; box-sizing:border-box; padding:50px 100px 90px; }
		.rule_content1 ul {margin:0 auto; }
		.rule_content1 ul li {margin:20px 0; padding:10px; box-sizing:border-box;}
		.rule_content1 ul li:hover {background:#c1cff5; border-radius:10px; }
		.rule_content1 ul li span {/*white-space:nowrap;  overflow: hidden; width:40%;*/display: inline-block; }
		.rule_content1 ul li .left {text-align:left; width:50%;}
		.rule_content1 ul li .center {text-align:center; width:40%; display:inline-block; overflow:hidden; white-space:nowrap;}
		.rule_content1 ul li .right {text-align:right; width:10%;}

		@media screen and (max-width: 729px){
		.rule_content1 ul li .left {width:60%;}
		.rule_content1 ul li .center {width:30%;}
		.rule_content1 ul li .right {width:10%;}
		}
		@media screen and (max-width: 650px){
		.rule_content1 ul li .left {width:70%;}
		.rule_content1 ul li .center {width:20%;}
		.rule_content1 ul li .right {width:10%;}
		}
		
		@media screen and (max-width: 590px){
		.rule_content1 ul li .left {width:80%;}
		.rule_content1 ul li .center {width:10%;}
		.rule_content1 ul li .right {width:10%;}
		}
		@media screen and (max-width: 548px){
		.vertical_align .left {line-height:20px; vertical-align:middle;}
		}
		@media screen and (max-width: 470px){
		.rule_content1 {padding:50px 50px 90px; }
		}
		
		.rule_content2 p {line-height:25px;}
		.rule_content2 ul li {line-height:25px; padding:5px 0;}
		
		.rule_box {border-top:1px dashed #aaa; margin-top:30px;}
		.rule_box .text_indent {padding-left:30px;}
		#box14 {border-bottom:1px dashed #aaa; padding-bottom:30px;}
		
		.rule_footer {border-bottom:2px solid #333;padding:20px 0 30px;}
		.rule_footer h4 {text-align:center;}