/* pc는 min값 추가 vw = 해당 컨텐츠 가이드라인 기준으로 계산(계산이 맞지 않은 부분은 임의로 조정한 부분) */ * {font-family:"Pretendard", sans-serif;} html { -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/ -moz-text-size-adjust: none; /*Firefox*/ -ms-text-size-adjust: none; /*Ie*/ -o-text-size-adjust: none; /*old versions of Opera*/ } body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; overflow-y:scroll; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; opacity:0;} img {border:none; padding:0; margin:0; outline:none;} a {border:none; padding:0; margin:0; outline:none; text-decoration:none;} a:active {color:#666666; text-decoration:none;} a:link {color:#666666; text-decoration:none;} a:visited {color:#666666; text-decoration:none;} a:hover {color:#666666; text-decoration:none;} ul {list-style:none; padding:0; margin:0;} ul:after {content:""; display:block; clear:both;} ul > li {display:block;} img.fx{max-width:100%;} td { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } input, select, textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; outline:none; font-size:13px; color:#000000; line-height:21px; } input::placeholder {color:#000000; opacity:1;} input::-webkit-input-placeholder {color:#000000;} input:-ms-input-placeholder {color:#000000;} input:-moz-input-placeholder {color:#000000;} textarea {overflow-y:auto; resize:none;} textarea::-webkit-scrollbar-track {background-color:transparent;} textarea::-webkit-scrollbar {width:6px; background-color:transparent;} textarea::-webkit-scrollbar-thumb {background-color:#cdcdcd; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} textarea::placeholder {color:#000000; opacity:1;} textarea::-webkit-input-placeholder {color:#000000;} textarea:-ms-input-placeholder {color:#000000;} textarea:-moz-input-placeholder {color:#000000;} input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; width:100%; } select { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color:#ffffff; background-image:url("/img/sub/select_arrow.png"); background-repeat:no-repeat; background-position:center right 0px; width:100%; } select::-ms-expand {display:none;} .w_con {} .m_con {display:none;} .w_img {display:inline-block; width:100%;} .m_img {display:none;} .w_br {} .m_br {display:none;} .w_bar {} .m_bar {display:none;} /* font-family:"AppleSDGothicNeo", sans-serif; font-family:"BlackHanSans", sans-serif; font-family:"Lato", sans-serif; font-family:"Pretendard", sans-serif; font-family:"SourceHanSansKR", sans-serif; */ /* 슬라이드 리사이징시 투명도 처리 */ .resize_opacity {opacity:0; transition:none;} .resize_opacity_complete {opacity:1; transition:all 0.2s ease;} /* 번호목록 */ .number_list_con {margin-top:96px; text-align:center;} .number_list_con > .contents_con {} .number_list_con > .contents_con a {display:inline-block;} .number_list_con > .contents_con .btn_con {display:inline-block; vertical-align:middle;} .number_list_con > .contents_con .btn_con > a {width:14px; opacity:0.2;} .number_list_con > .contents_con .btn_con > a.on {opacity:1;} .number_list_con > .contents_con .list_con {display:inline-block; margin:0 35px; vertical-align:middle;} .number_list_con > .contents_con .list_con > ul {} .number_list_con > .contents_con .list_con > ul > li {float:left; margin-left:40px;} .number_list_con > .contents_con .list_con > ul > li a {font-size:30px; color:#bbbbbb; font-weight:200; line-height:38px;} .number_list_con > .contents_con .list_con > ul > li a.on {color:#222222; font-weight:600;} .number_list_con > .contents_con .list_con > ul > li:first-child {margin-left:0;} .number_list_con > .contents_con .list_con > ul > li.last {margin-left:70px; position:relative; top:0; left:0;} .number_list_con > .contents_con .list_con > ul > li.last:after {content:"···"; width:22px; height:38px; font-size:30px; color:#bbbbbb; font-weight:200; line-height:38px; position:absolute; top:0; left:-45px;} /* .number_list_con > .contents_con .list_con > ul > li:last-child {margin-left:70px; position:relative; top:0; left:0;} .number_list_con > .contents_con .list_con > ul > li:last-child:after {content:"···"; width:22px; height:38px; font-size:30px; color:#bbbbbb; font-weight:200; line-height:38px; position:absolute; top:0; left:-45px;} */ #wrap {width:100%; min-width:280px; margin:0 auto;} #container {overflow:hidden;} /* 헤더 */ #header {width:100%; margin:0 auto; border-bottom:1px solid #e6e6e6; background-color:#ffffff; position:sticky; top:0; left:0; z-index:100;} #header > .contents_con {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1600px; margin:0 auto; padding:42px 0 35px;} #header > .contents_con > .ln_con {display:flex; align-items:center;} #header > .contents_con > .ln_con > .logo_con {width:155px;} #header > .contents_con > .ln_con > .logo_con a {display:block;} #header > .contents_con > .ln_con > .nav_con {margin-left:min(230px, 14.38vw);} #header > .contents_con > .ln_con > .nav_con > ul {display:flex;} #header > .contents_con > .ln_con > .nav_con > ul:after {display:none;} #header > .contents_con > .ln_con > .nav_con > ul > li {margin-left:min(46px, 2.4vw);} #header > .contents_con > .ln_con > .nav_con > ul > li a {font-size:18px; color:#222222; font-weight:600; line-height:26px; letter-spacing:-0.5px;} #header > .contents_con > .ln_con > .nav_con > ul > li:first-child {margin-left:0;} #header > .contents_con > .info_con {flex:1; text-align:right;} #header > .contents_con > .info_con a {margin-left:30px; font-size:18px; color:#222222; font-weight:700; line-height:26px; letter-spacing:-0.5px;} #header > .contents_con > .info_con a:first-child {margin-left:0;} #header > .contents_con > .btn_con {width:69px;} #header > .contents_con > .btn_con a {display:block;} /* 헤더02 (모바일-뒤로가기/홈버튼) */ #header02 {} #header02 > .contents_con {display:flex; justify-content:space-between; align-items:center;} #header02 > .contents_con > .btn_con {width:60px;} /* 모바일 메인 메뉴 */ #main_nav_bg {display:none; position:fixed; top:0; left:0; right:0; z-index:1000; width:100%; max-width:100%; height:100%; margin:0 auto; background-color:rgba(0,0,0,0.7);} #main_nav {display:none; position:fixed; top:0; left:0; right:0; z-index:1000; width:100%; max-width:100%; margin:0 auto;} #main_nav > .contents_con {display:flex;} #main_nav > .contents_con:after {display:none;} #main_nav > .contents_con > .main_right_nav {flex:1; background-color:#f7eee1; padding:0 44px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow-y:auto;} #main_nav > .contents_con > .main_right_nav > .title_con {display:flex; justify-content:space-between; align-items:flex-start; border-bottom:1px solid #d0c9c9; padding:89px 0 71px;} #main_nav > .contents_con > .main_right_nav > .title_con > .info_con {} #main_nav > .contents_con > .main_right_nav > .title_con > .info_con a {display:inline-block; width:155px; border:1px solid #333333; background-color:#ffffff; text-align:center; font-size:30px; color:#333333; font-weight:600; line-height:62px; letter-spacing:-0.5px; border-radius:64px; -webkit-border-radius:64px; -moz-border-radius:64px;} #main_nav > .contents_con > .main_right_nav > .title_con > .btn_con {width:69px;} #main_nav > .contents_con > .main_right_nav > .nav_con {padding:73px 0;} #main_nav > .contents_con > .main_right_nav > .nav_con > ul {} #main_nav > .contents_con > .main_right_nav > .nav_con > ul > li {margin-top:54px;} #main_nav > .contents_con > .main_right_nav > .nav_con > ul > li a {font-size:42px; color:#222222; font-weight:600; line-height:50px; letter-spacing:-0.5px;} #main_nav > .contents_con > .main_right_nav > .nav_con > ul > li:first-child {margin-top:0;} #main_nav > .contents_con > .main_left_nav {width:245px;} /* 컨텐츠 */ #container {width:100%; margin:0 auto;} /* 메인컨텐츠 */ #main_con {} #main_con > .visual_con {width:1920px; position:relative; top:0; left:50%; transform:translateX(-50%); z-index:30; overflow:hidden;} #main_con > .visual_con > .contents_con {height:min(640px, 48.78vw); position:relative; top:0; left:0;} #main_con > .visual_con > .contents_con > .bg_con {width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} #main_con > .visual_con > .contents_con > .bg_con:after {content:""; width:100%; height:100%; position:absolute; top:0; left:0;} #main_con > .visual_con > .contents_con > .bg_con .noise_con {width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; opacity:0.8;} #main_con > .visual_con > .contents_con > .bg_con .noise_con img {width:100%;} #main_con > .visual_con > .contents_con > .bg_con video {width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} #main_con > .visual_con > .contents_con > .text_con {display:flex; justify-content:space-between; flex-direction:column; height:100%;} #main_con > .visual_con > .contents_con > .text_con > .slide_con {width:100%; position:relative; left:0; z-index:20;} #main_con > .visual_con > .contents_con > .text_con > .slide_con .swiper {} #main_con > .visual_con > .contents_con > .text_con > .slide_con .swiper .swiper-wrapper {transition-timing-function:linear !important;} #main_con > .visual_con > .contents_con > .text_con > .slide_con .swiper .swiper-wrapper .swiper-slide {width:auto; margin-right:min(23px, 1.75vw);} #main_con > .visual_con > .contents_con > .text_con > .slide_con .swiper .swiper-wrapper .swiper-slide span {font-size:min(40px, 3.05vw); color:#222222; font-weight:700;} #main_con > .visual_con > .contents_con > .text_con > .slide_con .swiper .swiper-wrapper .swiper-slide span .color_text {display:inline-block; font-size:min(44px, 3.35vw); font-weight:400; font-family:"BlackHanSans", sans-serif;} #main_con > .visual_con > .contents_con > .text_con > .slide_con.top {margin-top:min(35px, 2.67vw);} #main_con > .visual_con > .contents_con > .text_con > .slide_con.bottom {margin-bottom:min(35px, 2.67vw);} #main_con > .visual_con > .contents_con > .text_con > .text_con {} #main_con > .visual_con > .contents_con > .text_con > .text_con > .contents_con {width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; mix-blend-mode:lighten;} #main_con > .visual_con > .contents_con > .text_con > .text_con > .contents_con > .bg_con {display:flex; align-items:center; width:100%; height:100%; background:url("/img/main/visual_text_bg.png") no-repeat center/cover; overflow:hidden;} #main_con > .visual_con > .contents_con > .text_con > .text_con > .contents_con > .bg_con > .marquee_con {display:flex; align-items:center; width:100%; height:100%; position:absolute; left:0; top:0;} #main_con > .visual_con > .contents_con > .text_con > .text_con > .contents_con > .bg_con > .marquee_con > .contents_con span {padding-right:5.21vw; font-size:min(555px, 42.3vw); color:#000000; font-weight:900; text-transform:uppercase;} #main_con > .visual_bottom_con {margin-top:-75px;} #main_con > .visual_bottom_con > .contents_con {padding:20px 0 0;} #main_con > .visual_bottom_con > .contents_con > .slide_con {width:100%; position:relative; left:0; z-index:20;} #main_con > .visual_bottom_con > .contents_con > .slide_con .swiper {} #main_con > .visual_bottom_con > .contents_con > .slide_con .swiper .swiper-wrapper {transition-timing-function:linear !important;} #main_con > .visual_bottom_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide {width:auto; margin-right:min(23px, 1.75vw);} #main_con > .visual_bottom_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide span {font-size:min(40px, 3.05vw); color:#222222; font-weight:700;} #main_con > .visual_bottom_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide span .color_text {display:inline-block; font-size:min(44px, 3.35vw); font-weight:400; font-family:"BlackHanSans", sans-serif;} #main_con > .missionary_con {} #main_con > .missionary_con > .contents_con {width:100%; max-width:1312px; margin:0 auto; padding-top:113px; position:relative; top:0; left:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #main_con > .missionary_con > .contents_con > .title_con {margin-bottom:3px; text-align:center;} #main_con > .missionary_con > .contents_con > .title_con > .text01_con {} #main_con > .missionary_con > .contents_con > .title_con > .text01_con span {font-size:34px; color:#333333; font-weight:700; line-height:42px; letter-spacing:-0.75px;} #main_con > .missionary_con > .contents_con > .title_con > .text02_con {margin-top:4px;} #main_con > .missionary_con > .contents_con > .title_con > .text02_con span {font-size:17px; color:#333333; line-height:25px; letter-spacing:-0.5px;} #main_con > .missionary_con > .contents_con > .title_con > .text02_con span .color_text {font-weight:600;} #main_con > .missionary_con > .contents_con > .map_con {position:relative; top:0; left:0;} #main_con > .missionary_con > .contents_con > .map_con svg {width:100%;} #main_con > .missionary_con > .contents_con > .map_con svg circle {stroke-width:0px; transition:all 0.2s ease;} #main_con > .missionary_con > .contents_con > .map_con svg .area {fill:transparent !important; position:relative; top:0; left:0; cursor:pointer; transition:all 0.2s ease; } #main_con > .missionary_con > .contents_con > .map_con svg .africa {fill:#C6DDAF;} /* 아프리카 */ #main_con > .missionary_con > .contents_con > .map_con svg .northAfrica {fill:#B7CFF9;} /* 북아프리카 */ #main_con > .missionary_con > .contents_con > .map_con svg .europe {fill:#EECDF9;} /* 유럽 */ #main_con > .missionary_con > .contents_con > .map_con svg .centralAsia {fill:#C9C9F2;} /* 중앙아시아 */ #main_con > .missionary_con > .contents_con > .map_con svg .northeastAsia {fill:#D3B7ED;} /* 동북아시아 */ #main_con > .missionary_con > .contents_con > .map_con svg .southwestAsia {fill:#e8e0a7;} /* 서남아시아 */ #main_con > .missionary_con > .contents_con > .map_con svg .southeastAsia {fill:#b2d1d6;} /* 동남아시아 */ #main_con > .missionary_con > .contents_con > .map_con svg .northAmerica {fill:#E8C8D9;} /* 북아메리카 */ #main_con > .missionary_con > .contents_con > .map_con svg .southAmerica {fill:#BAE0C2;} /* 남아메리카 */ #main_con > .missionary_con > .contents_con > .map_con svg .domestic {fill:#9CD1F2;} /* 국내 */ #main_con > .missionary_con > .contents_con > .map_con svg .oceania {fill:#E8E0A7;} /* 오세아니아 */ #main_con > .missionary_con > .contents_con > .map_con.africa svg .africa {fill:#4851ef;} #main_con > .missionary_con > .contents_con > .map_con.northAfrica svg .northAfrica {fill:#4851ef;} #main_con > .missionary_con > .contents_con > .map_con.europe svg .europe {fill:#4851ef;} #main_con > .missionary_con > .contents_con > .map_con.centralAsia svg .centralAsia {fill:#4851ef;} #main_con > .missionary_con > .contents_con > .map_con.northeastAsia svg .northeastAsia {fill:#4851ef;} #main_con > .missionary_con > .contents_con > .map_con.southwestAsia svg .southwestAsia {fill:#4851ef;} #main_con > .missionary_con > .contents_con > .map_con.southeastAsia svg .southeastAsia {fill:#4851ef;} #main_con > .missionary_con > .contents_con > .map_con.northAmerica svg .northAmerica {fill:#4851ef;} #main_con > .missionary_con > .contents_con > .map_con.southAmerica svg .southAmerica {fill:#4851ef;} #main_con > .missionary_con > .contents_con > .map_con.domestic svg .domestic {fill:#4851ef;} #main_con > .missionary_con > .contents_con > .map_con.oceania svg .oceania {fill:#4851ef;} #main_con > .missionary_con > .contents_con > .map_con > .marker_con {} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker {display:none; width:min(35px, 2.67vw); position:absolute; z-index:10; opacity:0; transition:all 0.2s ease; cursor:pointer;} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.opacity {opacity:1;} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.on {display:block;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con {display:none; width:auto; opacity:0; transition:all 0.2s ease;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div {display:inline-flex; align-items:center;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > div {position:absolute; z-index:20; box-shadow:0 min(5px, 0.38vw) min(13px, 0.99vw) rgba(0,0,0,0.2); -webkit-box-shadow:0 min(5px, 0.38vw) min(13px, 0.99vw) rgba(0,0,0,0.2); -moz-box-shadow:0 min(5px, 0.38vw) min(13px, 0.99vw) rgba(0,0,0,0.2);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup01 {display:inline-flex; position:absolute;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup01 > .contents_con {display:flex; justify-content:space-between; align-items:center; width:min(313px, 23.86vw); background-color:#4143ac; cursor:pointer; border-radius:min(4px, 0.3vw); -webkit-border-radius:min(4px, 0.3vw); -moz-border-radius:min(4px, 0.3vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup01 > .contents_con > .text_con {padding:0 min(14px, 1.07vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup01 > .contents_con > .text_con span {font-size:min(17px, 1.3vw); color:#ffffff; font-weight:700; line-height:min(25px, 1.91vw); letter-spacing:-0.5px; font-family:"SourceHanSansKR", sans-serif;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup01 > .contents_con > .text_con span font {font-family:"SourceHanSansKR", sans-serif;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup01 > .contents_con > .text_con span .no {font-size:min(20px, 1.52vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup01 > .contents_con > .text_con span .small {font-size:min(13px, 0.99vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup01 > .contents_con > .btn_con {width:min(40px, 3.05vw); height:min(48px, 3.66vw); position:relative; top:0; left:0;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup01 > .contents_con > .btn_con:after {content:""; width:1px; height:min(26px, 1.98vw); background-color:rgba(255,255,255,0.2); position:absolute; top:50%; left:0; transform:translateY(-50%);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup01 > .contents_con > .btn_con a {display:flex; justify-content:center; align-items:center; width:100%; height:100%;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup01 > .contents_con > .btn_con a img {width:min(19px, 1.45vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 {align-self:flex-start; width:min(266px, 20.27vw); visibility:hidden; opacity:0; transition:all 0.2s ease;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .btn_con {width:min(26px, 1.98vw); position:absolute; top:max(-30px, -2.29vw); right:max(-30px, -2.29vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .btn_con a {display:block;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con {background-color:#4143ac; border-radius:min(4px, 0.3vw); -webkit-border-radius:min(4px, 0.3vw); -moz-border-radius:min(4px, 0.3vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .text_con {padding:min(11px, 0.84vw) min(14px, 1.07vw); position:relative; top:0; left:0;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .text_con:after {content:""; width:calc(100% - min(32px, 2.44vw)); height:1px; background-color:rgba(255,255,255,0.2); position:absolute; bottom:0; left:min(14px, 1.07vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .text_con span {font-size:min(17px, 1.3vw); color:#ffffff; font-weight:700; line-height:min(25px, 1.91vw); letter-spacing:-0.5px; font-family:"SourceHanSansKR", sans-serif;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .text_con span .no {font-size:min(20px, 1.52vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .text_con span .small {font-size:min(13px, 0.99vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con {padding:min(9px, 0.69vw) 0;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div {} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul {min-height:min(28px, 2.13vw); max-height:min(485px, 36.97vw); overflow-y:auto;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul::-webkit-scrollbar-track {background-color:transparent;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul::-webkit-scrollbar {width:8px; background-color:transparent;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.2); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul > li {margin-top:min(10px, 0.76vw); padding:0 min(14px, 1.07vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul > li a {position:relative; top:0; left:0;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul > li a .name {position:relative; top:0; left:0; font-size:min(15px, 1.14vw); color:#ffffff; font-weight:700; line-height:min(23px, 1.75vw); letter-spacing:-0.25px; font-family:"SourceHanSansKR", sans-serif; vertical-align:middle;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul > li a .name:after {content:""; width:100%; height:min(2px, 0.15vw); background-color:#ffffff; position:absolute; bottom:min(-3px, -0.23vw); left:0; transform:scaleX(0); transform-origin:left; transition:all 0.2s ease;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul > li a .icon {display:inline-block; background-color:#ffffff; margin-left:min(3px, 0.23vw); padding:0 min(4px, 0.3vw); font-size:min(13px, 0.99vw); color:#4143ac; font-weight:900; line-height:min(20px, 1.52vw); letter-spacing:-0.25px; vertical-align:middle; border-radius:min(20px, 1.52vw); -webkit-border-radius:min(20px, 1.52vw); -moz-border-radius:min(20px, 1.52vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul > li a:before {content:""; width:min(7px, 0.53vw); height:min(7px, 0.53vw); background-color:#ffffff; position:absolute; top:50%; right:min(-13px, -0.99vw); transform:translateY(-50%); border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; opacity:0; transition:all 0.2s ease;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul > li a:hover:before {opacity:1;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul > li a:hover .name:after {transform:scaleX(1);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul > li a.on:before {opacity:1;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul > li a.on .name:after {transform:scaleX(1);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup02 > .contents_con > .list_con > .list_div > ul > li:first-child {margin-top:0;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 {width:min(502px, 38.26vw); visibility:hidden; opacity:0; transition:all 0.2s ease;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .btn_con {width:min(26px, 1.98vw); position:absolute; top:max(-30px, -2.29vw); right:max(-30px, -2.29vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .btn_con a {display:block;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con {background-color:#4143ac; padding:0 min(6px, 0.46vw) min(6px, 0.46vw); border-radius:min(4px, 0.3vw); -webkit-border-radius:min(4px, 0.3vw); -moz-border-radius:min(4px, 0.3vw); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .text_con {display:flex; justify-content:space-between; align-items:center;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .text_con > .left_con {display:flex; align-items:center; padding:11px 10px;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .text_con > .left_con span {font-size:min(14px, 1.07vw); color:#ffffff; font-weight:700; line-height:min(26px, 1.98vw); letter-spacing:-0.5px; vertical-align:middle;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .text_con > .left_con span .color_text {font-size:min(18px, 1.37vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .text_con > .left_con span.icon {display:inline-block; background-color:#ffffff; margin-left:min(6px, 0.46vw); padding:0 min(4px, 0.3vw); font-size:min(13px, 0.99vw); color:#4143ac; font-weight:900; line-height:min(20px, 1.52vw); letter-spacing:-0.25px; border-radius:min(20px, 1.52vw); -webkit-border-radius:min(20px, 1.52vw); -moz-border-radius:min(20px, 1.52vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .text_con > .left_con img {width:min(8px, 0.61vw); margin:0 min(9px, 0.69vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .text_con > .right_con {width:min(40px, 3.05vw); height:min(48px, 3.66vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .text_con > .right_con a {display:flex; justify-content:center; align-items:center; width:100%; height:100%;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .text_con > .right_con a img {width:min(19px, 1.45vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con {background-color:#ffffff; padding:min(20px, 1.52vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con > .info_con {display:flex; align-items:flex-start; margin-bottom:min(10px, 0.76vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con > .info_con > .img_con {width:min(216px, 16.46vw); background:no-repeat center/cover; margin-right:min(15px, 1.14vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con > .info_con > .list_con {flex:1;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con {} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul {} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li {margin-top:min(20px, 1.52vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li > .list_div {} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li > .list_div span {font-size:min(15px, 1.14vw); color:#333333; font-weight:300; line-height:min(23px, 1.75vw); letter-spacing:-0.75px;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li > .list_div > .title_con {} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li > .list_div > .title_con span {} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li > .list_div > .text_con {} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li > .list_div > .text_con span {font-size:min(17px, 1.3vw); font-weight:500; line-height:min(25px, 1.91vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li > .list_div > .text_con > span {display:block; max-height:min(50px, 3.82vw); white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li > .list_div > .text_con.year > span {max-height:min(25px, 1.91vw); -webkit-line-clamp:1;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li > .list_div > .text_con > ul {} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li > .list_div > .text_con > ul > li {} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li > .list_div > .text_con > ul > li span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .posts_con .list_con > ul > li:first-child {margin-top:0;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .btn_con {display:flex; justify-content:center; margin-top:min(24px, 1.83vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con > .popup_div > .popup03 > .contents_con > .contents_con > .btn_con a {display:block; width:135px; background-color:#4143ac; text-align:center; font-size:min(16px, 1.22vw); color:#ffffff; font-weight:600; line-height:min(40px, 3.05vw); border-radius:min(4px, 0.3vw); -webkit-border-radius:min(4px, 0.3vw); -moz-border-radius:min(4px, 0.3vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.opacity {opacity:1;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.on {display:block;} /* 시안 top 동일 / bottom +4 / 좌측 -2 (마커, 팝업 모두 동일) */ #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.africa {/*top:min(374px, 28.51vw);*/ top:min(374px, 28.01vw); left:min(128px, 9.76vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.africa > .popup_div > .popup01 {top:min(311px, 23.7vw); left:min(61px, 4.65vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.africa > .popup_div > .popup02 {top:min(62px, 4.73vw); left:min(399px, 30.41vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.africa > .popup_div > .popup03 {top:min(62px, 4.73vw); left:min(715px, 54.5vw);} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.northAfrica {top:min(277px, 21.11vw); left:min(151px, 11.51vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.northAfrica > .popup_div > .popup01 {top:min(216px, 16.46vw); left:min(84px, 6.4vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.northAfrica > .popup_div > .popup02 {top:min(65px, 4.95vw); left:min(422px, 32.16vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.northAfrica > .popup_div > .popup03 {top:min(65px, 4.95vw); left:min(740px, 56.4vw);} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.europe {top:min(165px, 12.58vw); left:min(113px, 8.61vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.europe > .popup_div > .popup01 {top:min(105px, 8vw); left:min(43px, 3.28vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.europe > .popup_div > .popup02 {top:min(62px, 4.73vw); left:min(381px, 29.04vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.europe > .popup_div > .popup03 {top:min(62px, 4.73vw); left:min(697px, 53.13vw);} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.centralAsia {top:min(125px, 9.53vw); left:min(398px, 30.34vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.centralAsia > .popup_div > .popup01 {top:min(65px, 4.95vw); left:min(331px, 25.23vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.centralAsia > .popup_div > .popup02 {top:min(65px, 4.95vw); left:min(669px, 50.99vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.centralAsia > .popup_div > .popup03 {top:min(65px, 4.95vw); left:min(737px, 56.17vw);} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.northeastAsia {top:min(233px, 17.76vw); left:min(421px, 32.09vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.northeastAsia > .popup_div > .popup01 {top:min(175px, 13.34vw); left:min(352px, 26.83vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.northeastAsia > .popup_div > .popup02 {top:min(65px, 4.95vw); left:min(691px, 52.67vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.northeastAsia > .popup_div > .popup03 {top:min(65px, 4.95vw); left:min(757px, 57.7vw);} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.southwestAsia {top:min(278px, 21.19vw); left:min(345px, 26.3vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.southwestAsia > .popup_div > .popup01 {top:min(216px, 16.46vw); left:min(278px, 21.19vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.southwestAsia > .popup_div > .popup02 {top:min(65px, 4.95vw); left:min(616px, 46.95vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.southwestAsia > .popup_div > .popup03 {top:min(65px, 4.95vw); left:min(684px, 52.13vw);} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.southeastAsia {top:min(354px, 26.98vw); left:min(453px, 34.53vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.southeastAsia > .popup_div > .popup01 {/*bottom:min(319px, 24.31vw);*/ bottom:min(319px, 23.81vw); left:min(386px, 29.42vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.southeastAsia > .popup_div > .popup02 {top:min(65px, 4.95vw); left:min(725px, 55.26vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.southeastAsia > .popup_div > .popup03 {top:min(65px, 4.95vw); left:min(777px, 59.22vw); /*right:3.27vw;*/} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.northAmerica {bottom:min(368px, 28.05vw); right:min(299px, 22.79vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.northAmerica > .popup_div > .popup01 {bottom:min(440px, 33.54vw); right:min(95px, 7.24vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.northAmerica > .popup_div > .popup02 {bottom:min(508px, 38.72vw); right:min(138px, 10.52vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.northAmerica > .popup_div > .popup03 {bottom:min(7px, 0.53vw); right:min(453px, 34.53vw);} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.southAmerica {bottom:min(172px, 13.11vw); right:min(148px, 11.28vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.southAmerica > .popup_div > .popup01 {bottom:min(249px, 18.98vw); right:0;} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.southAmerica > .popup_div > .popup02 {bottom:min(318px, 24.24vw); right:min(43px, 3.28vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.southAmerica > .popup_div > .popup03 {bottom:0; right:min(356px, 27.13vw);} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.domestic {top:min(257px, 19.59vw); left:min(507px, 38.64vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.domestic > .popup_div > .popup01 {top:min(196px, 14.94vw); left:min(399px, 30.41vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.domestic > .popup_div > .popup02 {top:min(65px, 4.95vw); left:min(739px, 56.33vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.domestic > .popup_div > .popup03 {top:min(65px, 4.95vw); left:min(773px, 58.92vw);} #main_con > .missionary_con > .contents_con > .map_con > .marker_con > .marker.oceania {top:min(450px, 34.3vw); left:min(521px, 39.71vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.oceania > .popup_div > .popup01 {top:min(388px, 29.57vw); left:min(450px, 34.3vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.oceania > .popup_div > .popup02 {bottom:min(301px, 22.94vw); left:min(450px, 34.3vw);} #main_con > .missionary_con > .contents_con > .map_con > .popup_con.oceania > .popup_div > .popup03 {top:min(65px, 4.95vw); left:min(774px, 58.99vw);} /* // 시안 top 동일 / bottom +4 / 좌측 -2 (마커, 팝업 모두 동일) */ #main_con > .missionary_con > .contents_con > .slide_con {} #main_con > .missionary_con > .contents_con > .slide_con > .img_con {position:relative; top:0; left:0;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con .swiper {width:700px; margin:0; overflow:visible;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con .swiper .swiper-wrapper {} #main_con > .missionary_con > .contents_con > .slide_con > .img_con .swiper .swiper-wrapper .swiper-slide {opacity:0.4; transition:all 0.2s ease;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con .swiper .swiper-wrapper .swiper-slide > .img_con {margin-bottom:124px;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con .swiper .swiper-wrapper .swiper-slide > .nav_con {display:inline-block; border-bottom:6px solid #333333;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con .swiper .swiper-wrapper .swiper-slide > .nav_con span {font-size:40px; color:#333333; font-weight:700; line-height:48px; letter-spacing:-0.5px;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con .swiper .swiper-wrapper .swiper-slide-thumb-active {opacity:1;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con > .control_con {display:flex; align-items:center; position:absolute; bottom:125px; left:0; z-index:10;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con > .control_con > .pagination {display:flex; align-items:center; margin:0 5px;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con > .control_con > .pagination .swiper-pagination {position:static; bottom:0;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con > .control_con > .pagination .pgn {font-size:38px; color:#333333; font-weight:300; line-height:46px; letter-spacing:-0.25px;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con > .control_con > .pagination .pgn .slide_pgn {width:50px; text-align:center;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con > .control_con > .pagination .pgn .slide_pgn.current {font-weight:900;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con > .control_con > .btn {display:block; width:17px; height:auto;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con > .control_con > .btn .slide_btn {width:auto; height:auto; margin:0; position:static; top:0; left:0; transition:all 0.2s ease;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con > .control_con > .btn .slide_btn.swiper-button-disabled {opacity:0.2;} #main_con > .missionary_con > .contents_con > .slide_con > .img_con > .control_con > .btn .slide_btn:after {display:none;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con {margin-top:40px;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper {} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide {height:auto;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide > .list_con {} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide > .list_con > ul {display:flex; flex-wrap:wrap;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide > .list_con > ul:after {display:none;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide > .list_con > ul > li {margin:0 20px 30px 0;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide > .list_con > ul > li > a {display:flex; justify-content:center; align-items:center; padding:0 26px; border-radius:78px; -webkit-border-radius:78px; -moz-border-radius:78px;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide > .list_con > ul > li > a span {font-size:25px; color:#333333; font-weight:500; line-height:78px;; letter-spacing:-0.5px;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide > .list_con > ul > li > a .color_text {font-size:32px; color:#333333; font-weight:700;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide > .list_con > ul > li > a .bar {width:2px; height:28px; background-color:rgba(0,0,0,0.15); margin:0 15px;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide > .list_con > ul > li > a .icon {display:inline-block; border:2px solid #333333; margin-left:8px; padding:0 10px; font-size:26px; color:#333333; font-weight:700; line-height:40px; letter-spacing:-0.25px; border-radius:44px; -webkit-border-radius:44px; -moz-border-radius:44px;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide.africa > .list_con > ul > li > a {background-color:#efecc0;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide.northAfrica > .list_con > ul > li > a {background-color:#d0def7;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide.europe > .list_con > ul > li > a {background-color:#e6dbf4;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide.centralAsia > .list_con > ul > li > a {background-color:#d2e6e0;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide.northeastAsia > .list_con > ul > li > a {background-color:#d9ddf3;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide.southwestAsia > .list_con > ul > li > a {background-color:#f1def1;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide.southeastAsia > .list_con > ul > li > a {background-color:#d8e9bf;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide.northAmerica > .list_con > ul > li > a {background-color:#eadad1;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide.southAmerica > .list_con > ul > li > a {background-color:#d6d2ed;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide.domestic > .list_con > ul > li > a {background-color:#d4e7ed;} #main_con > .missionary_con > .contents_con > .slide_con > .list_con .swiper .swiper-wrapper .swiper-slide.oceania > .list_con > ul > li > a {background-color:#f7dec9;} #main_con > .board_con {} #main_con > .board_con > .contents_con {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; max-width:1250px; margin:0 auto; padding:132px 0;} #main_con > .board_con > .contents_con > .board_con {width:45%;} #main_con > .board_con > .contents_con > .board_con > .title_con {display:flex; align-items:center; border-bottom:1px solid #dddddd; padding-bottom:19px;} #main_con > .board_con > .contents_con > .board_con > .title_con > .text_con {flex:1;} #main_con > .board_con > .contents_con > .board_con > .title_con > .text_con span {font-size:34px; color:#333333; font-weight:700; line-height:42px; letter-spacing:-0.25px;} #main_con > .board_con > .contents_con > .board_con > .title_con > .btn_con {width:70px;} #main_con > .board_con > .contents_con > .board_con > .title_con > .btn_con a {display:block; border:1px solid #333333; text-align:center; position:relative; top:0; left:0; z-index:10; font-size:14px; color:#333333; line-height:28px; letter-spacing:-0.5px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; transition:all 0.3s ease; overflow:hidden;} #main_con > .board_con > .contents_con > .board_con > .title_con > .btn_con a:after {content:""; width:100%; height:100%; background-color:#333333; position:absolute; top:0; left:0; transform:translatex(-100%); z-index:-1; transition:all 0.3s ease;} #main_con > .board_con > .contents_con > .board_con > .title_con > .btn_con a:hover {color:#ffffff;} #main_con > .board_con > .contents_con > .board_con > .title_con > .btn_con a:hover:after {transform:translateX(0);} #main_con > .board_con > .contents_con > .board_con > .list_con {} #main_con > .board_con > .contents_con > .board_con > .list_con > ul {} #main_con > .board_con > .contents_con > .board_con > .list_con > ul > li {border-bottom:1px solid #dddddd;} #main_con > .board_con > .contents_con > .board_con > .list_con > ul > li span {font-size:18px; color:#333333; line-height:64px;} #main_con > .board_con > .contents_con > .board_con > .list_con > ul > li > a {display:flex; align-items:center;} #main_con > .board_con > .contents_con > .board_con > .list_con > ul > li > a > .title_con {flex:1; overflow:hidden;} #main_con > .board_con > .contents_con > .board_con > .list_con > ul > li > a > .title_con span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #main_con > .board_con > .contents_con > .board_con > .list_con > ul > li > a > .date_con {width:95px; text-align:right;} #main_con > .board_con > .contents_con > .board_con > .list_con > ul > li > a > .date_con span {font-size:15px; color:#858585; font-family:"Lato", sans-serif;} #main_con > .board_con > .contents_con > .board_con > .list_con > ul > li.none_li {text-align:center;} #main_con > .board_con > .contents_con > .board_con > .list_con > ul > li.none_li span {line-height:260px;} #main_con > .ministry_con {background-color:#f7eee1;} #main_con > .ministry_con > .contents_con {width:100%; max-width:1474px; margin:0 auto; padding:108px 0 127px;} #main_con > .ministry_con > .contents_con > .title_con {margin-bottom:25px;} #main_con > .ministry_con > .contents_con > .title_con > .text_con {text-align:center;} #main_con > .ministry_con > .contents_con > .title_con > .text_con > .text01_con {} #main_con > .ministry_con > .contents_con > .title_con > .text_con > .text01_con span {font-size:34px; color:#333333; font-weight:700; line-height:42px; letter-spacing:-0.25px;} #main_con > .ministry_con > .contents_con > .title_con > .text_con > .text02_con {} #main_con > .ministry_con > .contents_con > .title_con > .text_con > .text02_con span {font-size:37px; color:#333333; font-weight:300; line-height:45px; letter-spacing:-0.5px;} #main_con > .ministry_con > .contents_con > .title_con > .text_con > .text02_con span .color_text {font-weight:600;} #main_con > .ministry_con > .contents_con > .title_con > .btn_con {width:70px; margin:12px auto 0;} #main_con > .ministry_con > .contents_con > .title_con > .btn_con a {display:block; border:1px solid #333333; background-color:#ffffff; text-align:center; font-size:14px; color:#333333; font-weight:500; line-height:28px; letter-spacing:-0.5px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;} #main_con > .ministry_con > .contents_con > .slide_con {position:relative; top:0; left:0;} #main_con > .ministry_con > .contents_con > .slide_con .swiper {width:100%; max-width:1312px; margin:0 auto;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper {} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide {} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a {display:block; border:1px solid #d8d1d0; background-color:#ffffff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; overflow:hidden; cursor:pointer;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con {position:relative; top:0; left:0;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .img {background:#ccc no-repeat center/cover;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .over {width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; transition:all 0.3s ease; opacity:0;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .over > ul {display:flex; justify-content:center; align-items:center; height:100%;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .over > ul:after {display:none;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .over > ul > li {width:44px; margin-left:10px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .over > ul > li > div {background-color:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .over > ul > li > .ministry_btn_like {} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .over > ul > li > .ministry_btn_like > .on {display:none;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .over > ul > li > .ministry_btn_like > .off {display:inline;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .over > ul > li > .ministry_btn_like.click > .on {display:inline;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .over > ul > li > .ministry_btn_like.click > .off {display:none;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .img_con > .over > ul > li:first-child {margin-left:0;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con {display:block; padding:20px 25px 25px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con {} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con {} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text01_div {display:flex; justify-content:space-between; align-items:center;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text01_div > .text {flex:1; overflow:hidden;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text01_div > .text span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#868686; font-weight:600; line-height:24px; letter-spacing:-0.25px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text01_div > .like {display:flex; align-items:center; margin-left:10px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text01_div > .like > .img {width:14px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text01_div > .like > .img .on {display:none;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text01_div > .like > .img .off {display:inline;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text01_div > .like > .text {margin-left:3px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text01_div > .like > .text span {font-size:14px; color:#797981; font-weight:600; line-height:22px; letter-spacing:-0.25px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text01_div > .like.click > .img .on {display:inline;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text01_div > .like.click > .img .off {display:none;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text02_div {margin-top:3px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text02_div span {font-size:22px; color:#333333; font-weight:600; line-height:28px; letter-spacing:-0.25px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text03_div {margin-top:4px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text01_con > .text03_div span {font-size:16px; color:#868686; font-weight:600; line-height:24px; letter-spacing:-0.25px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text02_con {display:flex; align-items:flex-start; border-top:1px solid #e6e6e6; margin-top:13px; padding-top:16px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text02_con > .category {width:60px; background-color:#ececec; text-align:center; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text02_con > .category span {font-size:12px; color:#222222; font-weight:500; line-height:23px; letter-spacing:-0.5px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text02_con > .text {flex:1; margin-left:7px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .text_con > .text02_con > .text span {font-size:17px; color:#333333; font-weight:600; line-height:23px; letter-spacing:-0.25px;} #main_con > .ministry_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a:hover > .img_con > .over {opacity:1;} #main_con > .ministry_con > .contents_con > .slide_con > .none_slide {width:100%; text-align:center;} #main_con > .ministry_con > .contents_con > .slide_con > .none_slide span {font-size:17px; color:#333333; font-weight:600; line-height:500px; letter-spacing:-0.25px;} #main_con > .ministry_con > .contents_con > .slide_con > .control_con {} #main_con > .ministry_con > .contents_con > .slide_con > .control_con > .slide_btn {width:57px; height:auto; border:1px solid #d8d1d0; background-color:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; opacity:1;} #main_con > .ministry_con > .contents_con > .slide_con > .control_con > .slide_btn img {transition:all 0.2s ease;} #main_con > .ministry_con > .contents_con > .slide_con > .control_con > .slide_btn:after {display:none;} #main_con > .ministry_con > .contents_con > .slide_con > .control_con > .slide_btn.next {right:0;} #main_con > .ministry_con > .contents_con > .slide_con > .control_con > .slide_btn.prev {left:0;} #main_con > .ministry_con > .contents_con > .slide_con > .control_con > .slide_btn.swiper-button-disabled img {opacity:0.3;} /* 푸터 */ #footer {width:100%; margin:0 auto; background-color:#333333;} #footer > .contents_con {width:100%; max-width:1312px; margin:0 auto; padding:89px 0 205px;} #footer > .contents_con > .ls_con {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:43px; padding-bottom:52px;} #footer > .contents_con > .ls_con > .logo_con {width:155px;} #footer > .contents_con > .ls_con > .site_con {width:312px; position:relative; top:0; left:0;} #footer > .contents_con > .ls_con > .site_con > .title_con {display:flex; justify-content:space-between; align-items:center; height:54px; background-color:#4a4a4a; padding:0 20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer;} #footer > .contents_con > .ls_con > .site_con > .title_con > .text_con {} #footer > .contents_con > .ls_con > .site_con > .title_con > .text_con span {font-size:17px; color:rgba(255,255,255,0.4); line-height:25px; letter-spacing:-0.5px;} #footer > .contents_con > .ls_con > .site_con > .title_con > .img_con {width:14px; position:relative; top:0; left:0;} #footer > .contents_con > .ls_con > .site_con > .title_con > .img_con img {transition:all 0.2s ease;} #footer > .contents_con > .ls_con > .site_con > .title_con > .img_con .off {} #footer > .contents_con > .ls_con > .site_con > .title_con > .img_con .on {position:absolute; top:0; left:0; opacity:0;} #footer > .contents_con > .ls_con > .site_con > .list_con {display:none; width:100%; background-color:#4a4a4a; padding:20px 18px 24px; position:absolute; bottom:50px; left:0; z-index:10; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #footer > .contents_con > .ls_con > .site_con > .list_con > ul {position:relative; top:0; left:0;} #footer > .contents_con > .ls_con > .site_con > .list_con > ul:after {content:""; width:100%; height:1px; background-color:rgba(255,255,255,0.2); position:absolute; bottom:-21px; left:0;} #footer > .contents_con > .ls_con > .site_con > .list_con > ul > li {margin-top:12px;} #footer > .contents_con > .ls_con > .site_con > .list_con > ul > li a {display:inline-block; position:relative; top:0; left:0; font-size:17px; color:#a2a2a2; line-height:25px; letter-spacing:-0.5px; transition:all 0.2s ease;} #footer > .contents_con > .ls_con > .site_con > .list_con > ul > li a:before {content:""; width:7px; height:7px; background-color:#ffffff; position:absolute; top:50%; right:-13px; transform:translateY(-50%); border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; opacity:0; transition:all 0.2s ease;} #footer > .contents_con > .ls_con > .site_con > .list_con > ul > li a:after {content:""; width:100%; height:2px; background-color:#ffffff; position:absolute; bottom:0; left:0; transform:scaleX(0); transform-origin:left; transition:all 0.2s ease;} #footer > .contents_con > .ls_con > .site_con > .list_con > ul > li:hover a {color:#ffffff;} #footer > .contents_con > .ls_con > .site_con > .list_con > ul > li:hover a:before {opacity:1;} #footer > .contents_con > .ls_con > .site_con > .list_con > ul > li:hover a:after {transform:scaleX(1);} #footer > .contents_con > .ls_con > .site_con > .list_con > ul > li:first-child {margin-top:0;} #footer > .contents_con > .ls_con > .site_con.on {} #footer > .contents_con > .ls_con > .site_con.on > .title_con > .img_con .off {opacity:0;} #footer > .contents_con > .ls_con > .site_con.on > .title_con > .img_con .on {opacity:1;} #footer > .contents_con > .info_con {display:flex; justify-content:space-between; align-items:flex-start;} #footer > .contents_con > .info_con > .contact_con {} #footer > .contents_con > .info_con > .contact_con > .tel_con {opacity:0.3;} #footer > .contents_con > .info_con > .contact_con > .tel_con span {font-size:16px; color:#ffffff; font-weight:300; line-height:24px; letter-spacing:-0.5px;} #footer > .contents_con > .info_con > .contact_con > .tel_con span a {color:#ffffff; font-weight:600;} #footer > .contents_con > .info_con > .contact_con > .sns_con {margin-top:13px;} #footer > .contents_con > .info_con > .contact_con > .sns_con > ul {display:flex;} #footer > .contents_con > .info_con > .contact_con > .sns_con > ul:after {display:none;} #footer > .contents_con > .info_con > .contact_con > .sns_con > ul > li {margin-left:15px; width:26px;} #footer > .contents_con > .info_con > .contact_con > .sns_con > ul > li a {display:inline-block;} #footer > .contents_con > .info_con > .contact_con > .sns_con > ul > li:first-child {margin-left:0;} #footer > .contents_con > .info_con > .nav_con {opacity:0.3;} #footer > .contents_con > .info_con > .nav_con > ul {display:flex;} #footer > .contents_con > .info_con > .nav_con > ul:after {display:none;} #footer > .contents_con > .info_con > .nav_con > ul > li {margin-left:19px;} #footer > .contents_con > .info_con > .nav_con > ul > li a {color:#ffffff; font-size:13px; line-height:21px; letter-spacing:-0.5px;} #footer > .contents_con > .info_con > .nav_con > ul > li a .color_text {font-weight:700;} #footer > .contents_con > .info_con > .nav_con > ul > li:first-child {margin-left:0;} /* 메인 우측 이동 네비게이션 */ #right_nav {position:fixed; top:50%; right:56px; transform:translateY(-50%); z-index:900;} #right_nav > .btn {margin-top:17px;} #right_nav > .btn > a {display:flex; justify-content:center; align-items:center; width:55px; height:55px; border:1px solid #d8d1d0; background-color:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; box-shadow:0 5px 13px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 13px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 13px rgba(0,0,0,0.2);} #right_nav > .btn > a img {width:12px; transition:all 0.2s ease;} #right_nav > .btn.bottom > a img {transform:rotate(180deg);} #right_nav > .btn.disable > a {cursor:default;} #right_nav > .btn.disable > a img {opacity:0.3;} #right_nav > .btn:first-child {margin-top:0;} #right_nav > .btn.top:hover {animation:btn_top 0.5s ease infinite alternate;} #right_nav > .btn.top.disable:hover {animation:none;} #right_nav > .btn.bottom:hover {animation:btn_top 0.5s ease infinite alternate;} #right_nav > .btn.bottom.disable:hover {animation:none;} @keyframes btn_top { 0% {transform:translateY(0);} 100% {transform:translateY(-3px);} } @keyframes btn_bottom { 0% {transform:translateY(0);} 100% {transform:translateY(3px);} } /* 서브컨텐츠 */ #sub_con {} #sub_con > .contents_con {width:100%; max-width:1312px; margin:0 auto; padding:152px 0 280px;} #sub_con > .contents_con > .title_con {margin-bottom:80px; text-align:center;} #sub_con > .contents_con > .title_con > .text01_con {} #sub_con > .contents_con > .title_con > .text01_con span {font-size:40px; color:#3c3c3c; font-weight:700; line-height:48px; letter-spacing:-0.5px; vertical-align:middle;} #sub_con > .contents_con > .title_con > .text01_con span.icon {display:inline-block; border:2px solid #333333; margin-left:5px; padding:0 10px; font-size:22px; color:#333333; font-weight:700; line-height:33px; letter-spacing:-0.25px; border-radius:37px; -webkit-border-radius:37px; -moz-border-radius:37px;} #sub_con > .contents_con > .title_con > .text02_con {margin-top:2px;} #sub_con > .contents_con > .title_con > .text02_con span {font-size:20px; color:#686868; line-height:28px; letter-spacing:-0.5px;} #sub_con > .contents_con > .title_con.mb_0 {margin-bottom:0;} #sub_con > .contents_con.width_1362 {max-width:1362px;} /* 로그인 */ .login_con {} .login_con > .title_con {width:221px; margin:0 auto 65px;} .login_con > .text_con {text-align:center;} .login_con > .text_con span {font-size:17px; color:#222222; font-weight:300; line-height:25px; letter-spacing:-0.25px;} .login_con > .text_con span .color_text {border-bottom:2px solid #222222; font-weight:700;} .login_con > .btn_con {width:306px; margin:12px auto 0;} .login_con > .btn_con > a {display:flex; justify-content:center; align-items:center; height:54px; background-color:#fee500; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .login_con > .btn_con > a > .icon_con {width:22px; margin-right:23px;} .login_con > .btn_con > a > .text_con {} .login_con > .btn_con > a > .text_con span {font-size:18px; color:#191919; font-weight:500; letter-spacing:-0.5px;} /* 환영 페이지 */ .welcom_con {} .welcom_con > .title_con {margin-bottom:34px; text-align:center;} .welcom_con > .title_con span {font-size:24px; color:#222222; font-weight:600; line-height:36px; letter-spacing:-0.25px;} .welcom_con > .btn_con {width:306px; margin:0 auto; text-align:center;} .welcom_con > .btn_con a {display:block; background-color:#4143ac; font-size:20px; color:#ffffff; font-weight:600; line-height:56px; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} /* 마이페이지 */ .mypage_con {} .mypage_con > .info_con {display:flex; align-items:flex-end; border:1px solid #dddddd; padding:25px 27px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .mypage_con > .info_con > .icon_con {align-self:flex-start; width:54px; margin-right:17px;} .mypage_con > .info_con > .icon_con span {display:flex; justify-content:center; align-items:center; width:100%; height:54px; padding-top:5px; font-size:39px; color:#ffffff; font-weight:700; font-family:"AppleSDGothicNeo", sans-serif; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .mypage_con > .info_con > .icon_con span.span01 {background-color:#4a6ae2;} .mypage_con > .info_con > .icon_con span.span02 {background-color:#20b284;} .mypage_con > .info_con > .icon_con span.admin {background-color:#787d90;} .mypage_con > .info_con > .text_con {flex:1;} .mypage_con > .info_con > .text_con span {letter-spacing:-0.5px;} .mypage_con > .info_con > .text_con > .text01_con {} .mypage_con > .info_con > .text_con > .text01_con span {font-size:20px; color:#222222; font-weight:700; line-height:28px;} .mypage_con > .info_con > .text_con > .text02_con {margin-top:3px;} .mypage_con > .info_con > .text_con > .text02_con span {font-size:15px; color:#222222; font-weight:600; line-height:23px;} .mypage_con > .info_con > .text_con > .text03_con {} .mypage_con > .info_con > .text_con > .text03_con span {font-size:18px; color:#cccccc; font-weight:600; line-height:26px;} .mypage_con > .info_con > .btn_con {margin-left:17px;} .mypage_con > .info_con > .btn_con a {font-size:14px; color:#3c3c3c; font-weight:700; line-height:22px; letter-spacing:-0.25px;} .mypage_con > .list_con {margin-top:70px;} .mypage_con > .list_con > .list_div {margin-top:50px;} .mypage_con > .list_con > .list_div > .title_con {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e4e4e4; padding-bottom:7px;} .mypage_con > .list_con > .list_div > .title_con span {font-weight:800; letter-spacing:-0.5px;} .mypage_con > .list_con > .list_div > .title_con > .text01_con {} .mypage_con > .list_con > .list_div > .title_con > .text01_con span {font-size:20px; color:#3c3c3c; line-height:28px;} .mypage_con > .list_con > .list_div > .title_con > .text02_con {} .mypage_con > .list_con > .list_div > .title_con > .text02_con span {font-size:15px; color:#333333; line-height:23px;} .mypage_con > .list_con > .list_div > .list_con {} .mypage_con > .list_con > .list_div > .list_con .number_list_con {margin-top:21px;} .mypage_con > .list_con > .list_div:first-child {margin-top:0;} .mypage_con > .withdrawal_popup_bg {display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:1000; cursor:pointer;} .mypage_con > .withdrawal_popup {display:none; width:882px; margin:0 auto; background-color:#ffffff; position:fixed; top:50%; left:0; right:0; transform:translateY(-50%); z-index:2000; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .mypage_con > .withdrawal_popup > .btn_con {width:26px; position:absolute; top:-29px; right:-29px;} .mypage_con > .withdrawal_popup > .btn_con a {display:block;} .mypage_con > .withdrawal_popup > .contents_con {padding:40px 36px 47px;} .mypage_con > .withdrawal_popup > .contents_con > .title_con {margin-bottom:44px;} .mypage_con > .withdrawal_popup > .contents_con > .title_con span {font-size:27px; color:#333333; font-weight:700; line-height:35px; letter-spacing:-0.5px; font-family:"SourceHanSansKR", sans-serif;} .mypage_con > .withdrawal_popup > .contents_con > .text_con {} .mypage_con > .withdrawal_popup > .contents_con > .text_con span {font-size:18px; color:#333333; font-weight:500; line-height:26px; letter-spacing:-0.75px;} .mypage_con > .withdrawal_popup > .contents_con > .btn_con {display:flex; justify-content:flex-end; margin-top:51px;} .mypage_con > .withdrawal_popup > .contents_con > .btn_con > .btn {width:186px; margin-left:24px;} .mypage_con > .withdrawal_popup > .contents_con > .btn_con > .btn a {display:block; text-align:center; font-size:20px; font-weight:600; line-height:56px; letter-spacing:-0.5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .mypage_con > .withdrawal_popup > .contents_con > .btn_con > .btn01 a {background-color:#333333; color:#ffffff;} .mypage_con > .withdrawal_popup > .contents_con > .btn_con > .btn02 a {border:1px solid #333333; color:#333333;} .mypage_con > .withdrawal_popup > .contents_con > .btn_con > .btn:first-child {margin-left:0;} /* 개인정보취급방침 */ .privacy_con {word-break:keep-all;} .privacy_con > .info_con {margin-top:150px;} .privacy_con > .info_con > .contents_con {} .privacy_con > .info_con > .contents_con > .title_con {margin-bottom:20px;} .privacy_con > .info_con > .contents_con > .title_con span {font-size:28px; color:#222222; font-weight:800; line-height:36px; letter-spacing:-0.25px;} .privacy_con > .info_con > .contents_con > .contents_con {} .privacy_con > .info_con > .contents_con > .contents_con > .text_con {} .privacy_con > .info_con > .contents_con > .contents_con > .text_con span {font-size:18px; color:#222222; line-height:28px; letter-spacing:-0.25px;} .privacy_con > .info_con > .contents_con > .contents_con > .text_con span .no_text {display:inline-block; transform:translateY(-1px); font-family:"SourceHanSansKR", sans-serif;} .privacy_con > .info_con > .contents_con > .contents_con > .text_con span .color_text {color:#4143ac; font-weight:800;} .privacy_con > .info_con:first-child {margin-top:0;} /* 후원안내 */ .sponsor_con {} .sponsor_con > .info01_con {} .sponsor_con > .info01_con > .contents_con {display:flex; align-items:flex-start;} .sponsor_con > .info01_con > .contents_con > .img_con {width:786px; margin-right:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; overflow:hidden;} .sponsor_con > .info01_con > .contents_con > .text_con {flex:1;} .sponsor_con > .info01_con > .contents_con > .text_con > .text01_con {} .sponsor_con > .info01_con > .contents_con > .text_con > .text01_con span {display:inline-block; width:103px; background-color:#4143ac; text-align:center; font-size:19px; color:#ffffff; font-weight:500; line-height:38px; letter-spacing:-0.75px; font-family:"SourceHanSansKR", sans-serif; border-radius:38px; -webkit-border-radius:38px; -moz-border-radius:38px; overflow:hidden;} .sponsor_con > .info01_con > .contents_con > .text_con > .text02_con {margin:7px 0 0 0;} .sponsor_con > .info01_con > .contents_con > .text_con > .text02_con > .text01_con {} .sponsor_con > .info01_con > .contents_con > .text_con > .text02_con > .text01_con span {font-size:32px; color:#4143ac; font-weight:700; line-height:40px; letter-spacing:-0.4px;} .sponsor_con > .info01_con > .contents_con > .text_con > .text02_con > .text02_con {margin:1px 0 0 0;} .sponsor_con > .info01_con > .contents_con > .text_con > .text02_con > .text02_con span {font-size:26px; color:#4143ac; font-weight:800; line-height:34px; letter-spacing:-0.4px;} .sponsor_con > .info01_con > .contents_con > .text_con > .text03_con {margin:20px 0 0 0;} .sponsor_con > .info01_con > .contents_con > .text_con > .text03_con span {font-size:20px; color:#333333; font-weight:700; line-height:26px; letter-spacing:-0.4px;} .sponsor_con > .info01_con > .contents_con > .text_con > .text03_con span .color_text01 {text-decoration:underline;} .sponsor_con > .info01_con > .contents_con > .text_con > .text03_con span .color_text02 {color:#4143ac;} .sponsor_con > .info01_con > .contents_con > .text_con > .text04_con {margin:23px 0 0 0;} .sponsor_con > .info01_con > .contents_con > .text_con > .text04_con span {font-size:20px; color:#333333; font-weight:500; line-height:26px; letter-spacing:-0.4px;} .sponsor_con > .info01_con > .contents_con > .text_con > .text04_con span .color_text {font-weight:700;} /* 해외선교부 소개 */ .missionary_overseas_con {margin-top:8px; word-break:keep-all;} .missionary_overseas_con > .title_con {margin-bottom:34px; text-align:center;} .missionary_overseas_con > .title_con > .text01_con {} .missionary_overseas_con > .title_con > .text01_con > .text_div {margin-top:39px;} .missionary_overseas_con > .title_con > .text01_con > .text_div span {font-size:20px; color:#686868; line-height:28px; letter-spacing:-0.5px;} .missionary_overseas_con > .title_con > .text01_con > .text_div:first-child {margin-top:0;} .missionary_overseas_con > .title_con > .text02_con {margin-top:3px;} .missionary_overseas_con > .title_con > .text02_con span {font-size:24px; color:#3c3c3c; font-weight:800; line-height:32px; letter-spacing:-0.5px; vertical-align:middle;} .missionary_overseas_con > .title_con > .text02_con a {border:2px solid #a7a7a7; margin-left:15px; padding:0 22px; font-size:30px; color:#3c3c3c; font-weight:700; line-height:54px; letter-spacing:-0.25px; border-radius:56px; -webkit-border-radius:56px; -moz-border-radius:56px; vertical-align:middle;} .missionary_overseas_con > .contents_con {} .missionary_overseas_con > .contents_con > .info_con {margin-top:161px;} .missionary_overseas_con > .contents_con > .info_con > .title_con {text-align:center;} .missionary_overseas_con > .contents_con > .info_con > .title_con span {font-size:40px; color:#3c3c3c; font-weight:700; line-height:48px; letter-spacing:-0.5px;} .missionary_overseas_con > .contents_con > .info01_con {} .missionary_overseas_con > .contents_con > .info01_con > .slide_con {position:relative; top:0; left:0;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con .swiper {} .missionary_overseas_con > .contents_con > .info01_con > .slide_con .swiper .swiper-wrapper {} .missionary_overseas_con > .contents_con > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide {} .missionary_overseas_con > .contents_con > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con {} .missionary_overseas_con > .contents_con > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; overflow:hidden;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con > div {background:no-repeat center/cover;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .text_con {margin-top:4px; text-align:right;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .text_con span {font-size:14px; color:#3c3c3c; line-height:22px; letter-spacing:-0.5px;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con > .control_con {display:flex; align-items:center; width:267px; background-color:#ffffff; margin-top:8px; padding-right:20px; position:absolute; bottom:0; left:0; z-index:10;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con > .control_con > .pgn_con {display:flex; margin-right:9px; text-align:center;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con > .control_con > .pgn_con div {width:14px; font-size:12px; color:#333333; font-weight:300; line-height:20px; letter-spacing:-0.25px;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con > .control_con > .pgn_con div.current {font-weight:900;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con > .control_con > .pgn_con div.slash {width:auto; margin:0 2px;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con > .control_con > .progress_con {flex:1; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; overflow:hidden;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con > .control_con > .progress_con .swiper-pagination {background-color:#d6d6d6; position:static; top:0; left:0;} .missionary_overseas_con > .contents_con > .info01_con > .slide_con > .control_con > .progress_con .swiper-pagination .swiper-pagination-progressbar-fill {background-color:#333333;} .missionary_overseas_con > .contents_con > .info02_con {} .missionary_overseas_con > .contents_con > .info02_con > .title_con {margin-bottom:8px;} .missionary_overseas_con > .contents_con > .info02_con > .text_con {text-align:center;} .missionary_overseas_con > .contents_con > .info02_con > .text_con > .text_div {} .missionary_overseas_con > .contents_con > .info02_con > .text_con > .text_div span {color:#686868; letter-spacing:-0.5px;} .missionary_overseas_con > .contents_con > .info02_con > .text_con > .text01_div {} .missionary_overseas_con > .contents_con > .info02_con > .text_con > .text01_div span {font-size:22px; font-weight:500; line-height:30px;} .missionary_overseas_con > .contents_con > .info02_con > .text_con > .text02_div {margin-top:19px;} .missionary_overseas_con > .contents_con > .info02_con > .text_con > .text02_div > ul {} .missionary_overseas_con > .contents_con > .info02_con > .text_con > .text02_div > ul > li {} .missionary_overseas_con > .contents_con > .info02_con > .text_con > .text02_div > ul > li span {display:inline-block; padding-left:13px; position:relative; top:0; left:0; font-size:25px; font-weight:700; line-height:35px;} .missionary_overseas_con > .contents_con > .info02_con > .text_con > .text02_div > ul > li span:after {content:"-"; position:absolute; top:0; left:0; font-size:22px; color:#686868; font-weight:700; line-height:35px; letter-spacing:-0.5px;} .missionary_overseas_con > .contents_con > .info02_con > .text_con > .text02_div > ul > li:first-child {margin-top:0;} .missionary_overseas_con > .contents_con > .info03_con {} .missionary_overseas_con > .contents_con > .info03_con > .title_con {margin-bottom:28px;} .missionary_overseas_con > .contents_con > .info03_con > .nav_con {margin-bottom:70px;} .missionary_overseas_con > .contents_con > .info03_con > .nav_con > ul {display:flex; justify-content:center; flex-wrap:wrap;} .missionary_overseas_con > .contents_con > .info03_con > .nav_con > ul:after {display:none;} .missionary_overseas_con > .contents_con > .info03_con > .nav_con > ul > li {width:147px; margin-left:17px; text-align:center;} .missionary_overseas_con > .contents_con > .info03_con > .nav_con > ul > li a {display:block; border:1px solid #e1e1e1; font-size:17px; color:#333333; font-weight:500; line-height:36px; letter-spacing:-0.75px; border-radius:38px; -webkit-border-radius:38px; -moz-border-radius:38px; transition:all 0.3s ease;} .missionary_overseas_con > .contents_con > .info03_con > .nav_con > ul > li.on a {border-color:#4143ac; background-color:#4143ac; color:#ffffff;} .missionary_overseas_con > .contents_con > .info03_con > .nav_con > ul > li:hover a {border-color:#4143ac; background-color:#4143ac; color:#ffffff;} .missionary_overseas_con > .contents_con > .info03_con > .nav_con > ul > li:first-child {margin-left:0;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents {width:100%; max-width:1048px; margin:0 auto;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con {display:none;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .title_con {margin-bottom:31px; text-align:center;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .title_con > .text01_con {} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .title_con > .text01_con span {font-size:30px; color:#3c3c3c; font-weight:700; line-height:38px; letter-spacing:-0.5px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .title_con > .text02_con {margin-top:14px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .title_con > .text02_con span {font-size:20px; color:#686868; font-weight:500; line-height:28px; letter-spacing:-0.5px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con {} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul {display:flex; justify-content:center; flex-wrap:wrap;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul:after {display:none;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li {width:42.5%; margin-left:15%;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div {} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .title_con {margin-bottom:17px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .title_con span {font-size:44px; color:#3c3c3c; font-weight:700; line-height:56px; letter-spacing:-0.5px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .img_con {margin-bottom:16px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; overflow:hidden;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con {} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .title_con {margin-bottom:4px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .title_con span {font-size:21px; color:#3c3c3c; font-weight:700; line-height:29px; letter-spacing:-0.5px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .text_con {} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .text_con > .text_div {margin-top:25px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .text_con > .text_div span {font-size:18px; color:#686868; line-height:26px; letter-spacing:-0.5px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .text_con > .text01_div {} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .text_con > .text02_div {} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .text_con > .text02_div > ul {} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .text_con > .text02_div > ul > li {} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .text_con > .text02_div > ul > li span {display:inline-block; padding-left:10px; position:relative; top:0; left:0;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .text_con > .text02_div > ul > li span:after {content:"-"; position:absolute; top:0; left:0; font-size:18px; color:#686868; line-height:26px; letter-spacing:-0.5px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li > .list_div > .text_con > .text_con > .text_div:first-child {margin-top:0;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .list_con > ul > li:first-child {margin-left:0;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con {margin-top:54px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .title_con {margin-bottom:6px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .title_con span {font-size:21px; color:#3c3c3c; font-weight:700; line-height:29px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .table_con {} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .table_con > table {width:100%; border-collapse:collapse;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .table_con > table > tbody > tr > td {border-top:1px solid #ffffff; padding:14px 24px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .table_con > table > tbody > tr > td span {font-size:16px; color:#3c3c3c; font-weight:500; line-height:22px; letter-spacing:-0.5px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .table_con > table > tbody > tr > td.title_td {border-right:1px solid #ffffff; background-color:#e0dcdb;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .table_con > table > tbody > tr > td.title_td span {font-weight:800;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .table_con > table > tbody > tr > td.text_td {background-color:#f0eceb;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .table_con > table > tbody > tr > td.text_td > .contents_con {} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .table_con > table > tbody > tr > td.text_td > .contents_con > .title_con {margin-bottom:8px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .table_con > table > tbody > tr > td.text_td > .contents_con > .title_con span {font-size:32px; font-weight:800; line-height:40px;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab_con > .table_con > .table_con > table > tbody > tr:first-child td {border-top:none;} .missionary_overseas_con > .contents_con > .info03_con > .tab_contents > .tab01_con {display:block;} .missionary_overseas_con > .contents_con > .info_con:first-child {margin-top:0;} /* 게시판 공통 */ .notice_frame_con {} .notice_frame_con > .filter_con {display:flex; justify-content:space-between; margin-bottom:22px;} .notice_frame_con > .filter_con > .select_con {display:flex; flex-wrap:wrap; width:58%} .notice_frame_con > .filter_con > .select_con > .select_div {flex:1; display:flex; align-items:center; border:1px solid #d9d9d9; background-color:#f7f7f7; margin-left:10px; padding:0 21px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .notice_frame_con > .filter_con > .select_con > .select_div > .title_con {width:50px;} .notice_frame_con > .filter_con > .select_con > .select_div > .title_con span {font-size:17px; color:#888888; line-height:25px; letter-spacing:-0.25px;} .notice_frame_con > .filter_con > .select_con > .select_div > .input_con {flex:1;} .notice_frame_con > .filter_con > .select_con > .select_div > .input_con .select {height:52px; border:none; background-color:transparent; padding-right:23px; font-size:17px; color:#000000; line-height:25px; letter-spacing:-0.25px;} .notice_frame_con > .filter_con > .select_con > .select_div:first-child {margin-left:0;} .notice_frame_con > .filter_con > .search_con {width:358px;} .notice_frame_con > .filter_con > .search_con > .contents_con {border:1px solid #d9d9d9; background-color:#f7f7f7; padding:0 21px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .notice_frame_con > .filter_con > .search_con > .contents_con > form {display:flex; align-items:center;} .notice_frame_con > .filter_con > .search_con > .contents_con > form > .input_con {flex:1;} .notice_frame_con > .filter_con > .search_con > .contents_con > form > .input_con .input {height:52px; border:none; background-color:transparent; font-size:17px; color:#000000; line-height:25px; letter-spacing:-0.25px;} .notice_frame_con > .filter_con > .search_con > .contents_con > form > .btn_con {display:flex; justify-content:flex-end; width:42px;} .notice_frame_con > .filter_con > .search_con > .contents_con > form > .btn_con a {display:block; width:21px;} /* 게시판 리스트 공통 */ .notice_list_con {} /* 일반 게시판 리스트 (공지사항) */ .normal_notice_con {} .normal_notice_con > ul {} .normal_notice_con > ul > li {border-bottom:1px solid #d9d9d9;} .normal_notice_con > ul > li > a {display:flex; align-items:center; padding:15px 0;} .normal_notice_con > ul > li > a span {font-size:15px; color:#808080; font-weight:200; line-height:29px;} .normal_notice_con > ul > li > a > .no_con {width:136px; text-align:center;} .normal_notice_con > ul > li > a > .no_con span {} .normal_notice_con > ul > li > a > .title_con {flex:1; padding:0 17px; overflow:hidden;} .normal_notice_con > ul > li > a > .title_con > .text_con {overflow:hidden;} .normal_notice_con > ul > li > a > .title_con > .text_con span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; color:#222222; font-weight:500;} .normal_notice_con > ul > li > a > .title_con > .date_con {margin-top:23px;} .normal_notice_con > ul > li > a > .title_con > .date_con span {} .normal_notice_con > ul > li > a > .date_con {width:154px; text-align:center;} .normal_notice_con > ul > li > a > .date_con span {} .normal_notice_con > ul > li.notice > a > .no_con span {display:inline-block; background-color:#4336bf; padding:0 11px; font-size:15px; color:#ffffff; font-weight:700; line-height:29px; border-radius:29px; -webkit-border-radius:29px; -moz-border-radius:29px;} .normal_notice_con > ul > li.notice > a > .title_con > .date_con span {color:#4336bf;} .normal_notice_con > ul > li.none_li {text-align:center;} .normal_notice_con > ul > li.none_li span {font-size:18px; color:#222222; font-weight:500; line-height:500px;} .normal_notice_con > ul > li:first-child {border-top:1px solid #d9d9d9;} /* 사역지원 게시판 리스트 */ .ministry_notice_con {} .ministry_notice_con > .masonry_con {--gap:20px; display:grid; grid-template-columns:repeat(4, 1fr); column-gap:var(--gap); grid-auto-rows:1px;} .ministry_notice_con > .masonry_con > .masonry_div {border:1px solid #d8d1d0; background-color:#ffffff; margin-top:20px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; overflow:hidden; cursor:pointer;} .ministry_notice_con > .masonry_con > .masonry_div > a {display:block;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con {} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con {position:relative; top:0; left:0;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .img {background:#ccc no-repeat center/cover;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .over {width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; transition:all 0.3s ease; opacity:0;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .over > ul {display:flex; justify-content:center; align-items:center; height:100%;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .over > ul:after {display:none;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .over > ul > li {width:44px; margin-left:10px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .over > ul > li > div {background-color:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .over > ul > li > .ministry_btn_like {} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .over > ul > li > .ministry_btn_like > .on {display:none;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .over > ul > li > .ministry_btn_like > .off {display:inline;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .over > ul > li > .ministry_btn_like.click > .on {display:inline;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .over > ul > li > .ministry_btn_like.click > .off {display:none;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .img_con > .over > ul > li:first-child {margin-left:0;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con {display:block; padding:20px 25px 25px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con {} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con {} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text01_div {display:flex; justify-content:space-between; align-items:center;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text01_div > .text {flex:1; overflow:hidden;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text01_div > .text span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#868686; font-weight:600; line-height:24px; letter-spacing:-0.25px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text01_div > .like {display:flex; align-items:center; margin-left:10px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text01_div > .like > .img {width:14px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text01_div > .like > .img .on {display:none;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text01_div > .like > .img .off {display:inline;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text01_div > .like > .text {margin-left:3px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text01_div > .like > .text span {font-size:14px; color:#797981; font-weight:600; line-height:22px; letter-spacing:-0.25px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text01_div > .like.click > .img .on {display:inline;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text01_div > .like.click > .img .off {display:none;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text02_div {margin-top:3px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text02_div span {font-size:22px; color:#333333; font-weight:600; line-height:28px; letter-spacing:-0.25px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text03_div {margin-top:4px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text01_con > .text03_div span {font-size:16px; color:#868686; font-weight:600; line-height:24px; letter-spacing:-0.25px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text02_con {display:flex; align-items:flex-start; border-top:1px solid #e6e6e6; margin-top:13px; padding-top:16px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text02_con > .category {width:60px; background-color:#ececec; text-align:center; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text02_con > .category span {font-size:12px; color:#222222; font-weight:500; line-height:23px; letter-spacing:-0.5px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text02_con > .text {flex:1; margin-left:7px;} .ministry_notice_con > .masonry_con > .masonry_div > a > .contents_con > .contents_con > .text_con > .text02_con > .text span {font-size:17px; color:#333333; font-weight:600; line-height:23px; letter-spacing:-0.25px;} .ministry_notice_con > .masonry_con > .masonry_div > a:hover > .contents_con > .img_con > .over {opacity:1;} .ministry_notice_con > .masonry_con > .masonry_div:nth-child(1), .ministry_notice_con > .masonry_con > .masonry_div:nth-child(2), .ministry_notice_con > .masonry_con > .masonry_div:nth-child(3), .ministry_notice_con > .masonry_con > .masonry_div:nth-child(4) {margin-top:0;} .ministry_notice_con > .none_div {text-align:center;} .ministry_notice_con > .none_div span {font-size:17px; color:#333333; font-weight:600; line-height:500px; letter-spacing:-0.25px;} /* 사역지원 게시판 리스트02 */ .ministry_notice02_con {} .ministry_notice02_con > ul {} .ministry_notice02_con > ul > li {border-bottom:1px solid #e4e4e4;} .ministry_notice02_con > ul > li > .list_div {display:flex; align-items:center; height:43px;} .ministry_notice02_con > ul > li > .list_div > .text_con {flex:1; overflow:hidden;} .ministry_notice02_con > ul > li > .list_div > .text_con a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#333333; font-weight:600; line-height:24px; letter-spacing:-0.5px;} .ministry_notice02_con > ul > li > .list_div > .current_con {width:45px; text-align:center;} .ministry_notice02_con > ul > li > .list_div > .current_con span {font-size:14px; font-weight:700; line-height:22px; letter-spacing:-0.25px;} .ministry_notice02_con > ul > li > .list_div > .current_con span.register {color:#4c59bb;} .ministry_notice02_con > ul > li > .list_div > .current_con span.confirm {color:#d15555;} .ministry_notice02_con > ul > li > .list_div > .btn_con {width:45px; text-align:center;} .ministry_notice02_con > ul > li > .list_div > .btn_con a {display:block; width:40px; border:1px solid #454545; text-align:center; font-size:13px; color:#454545; font-weight:700; line-height:24px; letter-spacing:-0.25px; border-radius:26px; -webkit-border-radius:26px; -moz-border-radius:26px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .ministry_notice02_con > ul > li > .list_div > .btn_con span {font-size:13px; color:#cccccc; font-weight:700; line-height:21px; letter-spacing:-0.25px;} /* 긴급기도 게시판 리스트 */ .prayer_notice_con {} .prayer_notice_con > ul {} .prayer_notice_con > ul > li {border-bottom:1px solid #d9d9d9;} .prayer_notice_con > ul > li > a {cursor:default;} .prayer_notice_con > ul > li > a > .title_con {display:flex; align-items:center; padding:15px 0; cursor:pointer;} .prayer_notice_con > ul > li > a > .title_con span {font-size:15px; color:#808080; font-weight:200; line-height:29px;} .prayer_notice_con > ul > li > a > .title_con > .no_con {width:136px; text-align:center;} .prayer_notice_con > ul > li > a > .title_con > .no_con span {} .prayer_notice_con > ul > li > a > .title_con > .title_con {flex:1; padding:0 17px;} .prayer_notice_con > ul > li > a > .title_con > .title_con > .text_con {} .prayer_notice_con > ul > li > a > .title_con > .title_con > .text_con span {font-size:18px; color:#222222; font-weight:500;} .prayer_notice_con > ul > li > a > .title_con > .title_con > .date_con {margin-top:23px;} .prayer_notice_con > ul > li > a > .title_con > .title_con > .date_con span {} .prayer_notice_con > ul > li > a > .title_con > .date_con {width:196px; text-align:center;} .prayer_notice_con > ul > li > a > .title_con > .date_con span {} .prayer_notice_con > ul > li > a > .title_con > .icon_con {width:52px;} .prayer_notice_con > ul > li > a > .title_con > .icon_con > div {width:15px;} .prayer_notice_con > ul > li > a > .title_con > .icon_con > .off {display:block;} .prayer_notice_con > ul > li > a > .title_con > .icon_con > .on {display:none;} .prayer_notice_con > ul > li > a > .posts_con {display:none; border-top:1px solid #d9d9d9; background-color:#f8f8f8; padding:37px;} .prayer_notice_con > ul > li > a > .posts_con span {font-size:18px; color:#333333; line-height:30px;} .prayer_notice_con > ul > li > a > .posts_con img {max-width:100%; height:auto;} .prayer_notice_con > ul > li.none_li {text-align:center;} .prayer_notice_con > ul > li.none_li span {font-size:18px; color:#222222; font-weight:500; line-height:500px;} .prayer_notice_con > ul > li.on > a > .title_con > .icon_con > .off {display:none;} .prayer_notice_con > ul > li.on > a > .title_con > .icon_con > .on {display:block;} .prayer_notice_con > ul > li:first-child {border-top:1px solid #d9d9d9;} /* Archive 게시판 리스트 */ .archive_notice_con {border-top:1px solid #d9d9d9; padding-top:34px;} .archive_notice_con > ul {display:flex; flex-wrap:wrap;} .archive_notice_con > ul:after {display:none;} .archive_notice_con > ul > li {width:23.5%; margin:87px 2% 0 0;} .archive_notice_con > ul > li > a {display:block;} .archive_notice_con > ul > li > a > .img_con {background:#ccc no-repeat center/cover; margin-bottom:13px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .archive_notice_con > ul > li > a > .contents_con {} .archive_notice_con > ul > li > a > .contents_con > .title_con {border-bottom:1px solid #e1e1e1; margin-bottom:9px; padding-bottom:7px;} .archive_notice_con > ul > li > a > .contents_con > .title_con > .text01_con {display:flex; justify-content:space-between; align-items:center;} .archive_notice_con > ul > li > a > .contents_con > .title_con > .text01_con > .text {flex:1; overflow:hidden;} .archive_notice_con > ul > li > a > .contents_con > .title_con > .text01_con > .text span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#797981; line-height:22px; letter-spacing:-0.25px;} .archive_notice_con > ul > li > a > .contents_con > .title_con > .text01_con > .icon {margin-left:10px;} .archive_notice_con > ul > li > a > .contents_con > .title_con > .text01_con > .icon > ul {display:flex;} .archive_notice_con > ul > li > a > .contents_con > .title_con > .text01_con > .icon > ul:after {display:none;} .archive_notice_con > ul > li > a > .contents_con > .title_con > .text01_con > .icon > ul > li {width:22px; margin-left:3px;} .archive_notice_con > ul > li > a > .contents_con > .title_con > .text01_con > .icon > ul > li:first-child {margin-left:0;} .archive_notice_con > ul > li > a > .contents_con > .title_con > .text02_con {} .archive_notice_con > ul > li > a > .contents_con > .title_con > .text02_con span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; color:#212126; font-weight:600; line-height:28px; letter-spacing:-0.5px;} .archive_notice_con > ul > li > a > .contents_con > .date_con {} .archive_notice_con > ul > li > a > .contents_con > .date_con span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#797981; line-height:22px; letter-spacing:-0.25px; font-family:"Lato", sans-serif;} .archive_notice_con > ul > li:nth-child(1), .archive_notice_con > ul > li:nth-child(2), .archive_notice_con > ul > li:nth-child(3), .archive_notice_con > ul > li:nth-child(4) {margin-top:0;} .archive_notice_con > ul > li:nth-child(4n) {margin-right:0;} .archive_notice_con > ul > li.none_li {width:100%; margin:0; text-align:center;} .archive_notice_con > ul > li.none_li span {font-size:20px; color:#212126; line-height:500px; letter-spacing:-0.5px;} /* 작성 댓글 보기 */ .comment_notice_con {} .comment_notice_con > ul {} .comment_notice_con > ul > li {border-bottom:1px solid #e4e4e4;} .comment_notice_con > ul > li > .list_div {display:flex; align-items:center; padding:10px 0;} .comment_notice_con > ul > li > .list_div > .text_con {flex:1;} .comment_notice_con > ul > li > .list_div > .text_con span {font-size:15px; color:#454545; line-height:23px; letter-spacing:-0.5px; word-break:break-all;} .comment_notice_con > ul > li > .list_div > .date_con {width:150px; text-align:center;} .comment_notice_con > ul > li > .list_div > .date_con span {font-size:14px; color:#777777; font-weight:300; line-height:22px; letter-spacing:-0.25px;} .comment_notice_con > ul > li > .list_div > .btn_con {width:45px;} .comment_notice_con > ul > li > .list_div > .btn_con > a {display:inline-block;} .comment_notice_con > ul > li > .list_div > .btn_con > a .w_con {width:40px;} .comment_notice_con > ul > li > .list_div > .btn_con > a .w_con span {display:block; border:1px solid #454545; text-align:center; font-size:13px; color:#454545; font-weight:700; line-height:24px; letter-spacing:-0.25px; border-radius:26px; -webkit-border-radius:26px; -moz-border-radius:26px;} .comment_notice_con > ul > li > .list_div > .btn_con > a .m_con {width:38px;} .comment_notice_con > ul > li.none_li {width:100%; margin:0; text-align:center;} .comment_notice_con > ul > li.none_li span {font-size:16px; color:#212126; line-height:100px; letter-spacing:-0.5px;} /* 갤러리 게시판 리스트 */ .gallery_notice_con {} .gallery_notice_con > ul {} .gallery_notice_con > ul > li {float:left; width:23.5%; margin:83px 2% 0 0;} .gallery_notice_con > ul > li > a {display:block;} .gallery_notice_con > ul > li > a > .list_div {} .gallery_notice_con > ul > li > a > .list_div > .img_con {background:no-repeat center/cover; margin:0 0 17px 0; overflow:hidden; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .gallery_notice_con > ul > li > a > .list_div > .img_con img {width:100%;} .gallery_notice_con > ul > li > a > .list_div > .text_con {} .gallery_notice_con > ul > li > a > .list_div > .text_con > .title_con {border-bottom:1px solid #e1e1e1; margin:0 0 9px 0; padding:0 0 13px 0;} .gallery_notice_con > ul > li > a > .list_div > .text_con > .title_con span {display:block; height:48px; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:20px; color:#212126; font-weight:600; line-height:24px; letter-spacing:-0.5px;} .gallery_notice_con > ul > li > a > .list_div > .text_con > .date_con {} .gallery_notice_con > ul > li > a > .list_div > .text_con > .date_con span {font-size:14px; color:#797981; line-height:22px; letter-spacing:-0.25px; font-family:"Lato", sans-serif;} .gallery_notice_con > ul > li.none_li {float:none; width:auto; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center;} .gallery_notice_con > ul > li.none_li span {font-size:18px; color:#222222; font-weight:500; line-height:500px;} .gallery_notice_con > ul > li:nth-child(1) {margin-top:0;} .gallery_notice_con > ul > li:nth-child(2) {margin-top:0;} .gallery_notice_con > ul > li:nth-child(3) {margin-top:0;} .gallery_notice_con > ul > li:nth-child(4) {margin-top:0;} .gallery_notice_con > ul > li:nth-child(4n) {margin-right:0;} /* 게시판 뷰 공통 */ .notice_view_con {width:100%; max-width:1312px; margin:0 auto;} .notice_view_con > .btn_con {margin-top:106px; text-align:center;} .notice_view_con > .btn_con a {display:inline-block; width:192px; background-color:#333333; font-size:18px; color:#ffffff; font-weight:500; line-height:54px; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} /* 일반 게시판 뷰 (공지사항) */ .normal_view_con {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} .normal_view_con > .title_con {border-bottom:1px solid #d9d9d9; padding:30px 0;} .normal_view_con > .title_con > .text_con {} .normal_view_con > .title_con > .text_con span {font-size:24px; color:#222222; font-weight:700; line-height:32px;} .normal_view_con > .title_con > .date_con {margin-top:8px;} .normal_view_con > .title_con > .date_con span {font-size:18px; color:#808080; font-weight:300; line-height:26px; letter-spacing:-0.25px;} .normal_view_con > .contents_con {} .normal_view_con > .contents_con > .file_con {display:grid; grid-template-columns:100px auto; border-bottom:1px solid #d9d9d9;} .normal_view_con > .contents_con > .file_con > .title_con {display:flex; justify-content:center; align-items:center; height:100%; background-color:#fafafa; text-align:center;} .normal_view_con > .contents_con > .file_con > .title_con span {font-size:16px; color:#222222; font-weight:500; line-height:24px; letter-spacing:-0.25px;} .normal_view_con > .contents_con > .file_con > .list_con {padding:10px;} .normal_view_con > .contents_con > .file_con > .list_con > ul {} .normal_view_con > .contents_con > .file_con > .list_con > ul > li {margin-top:3px;} .normal_view_con > .contents_con > .file_con > .list_con > ul > li a {font-size:16px; color:#222222; line-height:24px; letter-spacing:-0.25px;} .normal_view_con > .contents_con > .file_con > .list_con > ul > li:first-child {margin-top:0;} .normal_view_con > .contents_con > .posts_con {padding:30px 30px 80px; font-size:18px; line-height:26px;} .normal_view_con > .contents_con > .posts_con * {/*font-family:initial; font-size:initial; line-height:1.5;*/} .normal_view_con > .contents_con > .posts_con img {max-width:100%; height:auto;} .normal_view_con > .article_con {} .normal_view_con > .article_con > ul {} .normal_view_con > .article_con > ul > li {border-top:1px solid #d9d9d9;} .normal_view_con > .article_con > ul > li > a {display:flex; align-items:center; padding:15px 0;} .normal_view_con > .article_con > ul > li > a span {font-size:15px; color:#808080; font-weight:200; line-height:29px;} .normal_view_con > .article_con > ul > li > a > .no_con {width:136px; text-align:center;} .normal_view_con > .article_con > ul > li > a > .no_con span {} .normal_view_con > .article_con > ul > li > a > .title_con {flex:1; padding:0 17px; overflow:hidden;} .normal_view_con > .article_con > ul > li > a > .title_con > .text_con {overflow:hidden;} .normal_view_con > .article_con > ul > li > a > .title_con > .text_con span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; color:#222222; font-weight:500;} .normal_view_con > .article_con > ul > li > a > .title_con > .date_con {margin-top:23px;} .normal_view_con > .article_con > ul > li > a > .title_con > .date_con span {} .normal_view_con > .article_con > ul > li > a > .date_con {width:154px; text-align:center;} .normal_view_con > .article_con > ul > li > a > .date_con span {} .normal_view_con > .article_con > ul > li.notice > a > .no_con span {display:inline-block; background-color:#4336bf; padding:0 11px; font-size:15px; color:#ffffff; font-weight:700; line-height:29px; border-radius:29px; -webkit-border-radius:29px; -moz-border-radius:29px;} .normal_view_con > .article_con > ul > li.notice > a > .title_con > .date_con span {color:#4336bf;} .normal_view_con > .article_con > ul > li.none_li {text-align:center;} .normal_view_con > .article_con > ul > li.none_li span {font-size:18px; color:#222222; font-weight:500; line-height:300px;} /* 선교사 현황 뷰 */ .missionary_view_con {} .missionary_view_con > .contents_con {} .missionary_view_con > .contents_con > .posts_con {} .missionary_view_con > .contents_con > .posts_con > .slide_con {position:relative; top:0; left:0;} .missionary_view_con > .contents_con > .posts_con > .slide_con .swiper {} .missionary_view_con > .contents_con > .posts_con > .slide_con .swiper .swiper-wrapper {} .missionary_view_con > .contents_con > .posts_con > .slide_con .swiper .swiper-wrapper .swiper-slide {} .missionary_view_con > .contents_con > .posts_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .img_con {background:no-repeat center/cover; overflow:hidden; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .missionary_view_con > .contents_con > .posts_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .img_con img {width:100%;} .missionary_view_con > .contents_con > .posts_con > .slide_con > .control_con {} .missionary_view_con > .contents_con > .posts_con > .slide_con > .control_con > .slide_btn {width:57px; height:auto; border:1px solid #d8d1d0; background-color:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; opacity:1; transition:all 0.2s ease} .missionary_view_con > .contents_con > .posts_con > .slide_con > .control_con > .slide_btn img {transition:all 0.2s ease;} .missionary_view_con > .contents_con > .posts_con > .slide_con > .control_con > .slide_btn:after {display:none;} .missionary_view_con > .contents_con > .posts_con > .slide_con > .control_con > .slide_btn.next {right:-77px;} .missionary_view_con > .contents_con > .posts_con > .slide_con > .control_con > .slide_btn.prev {left:-77px;} .missionary_view_con > .contents_con > .posts_con > .slide_con > .control_con > .slide_btn.swiper-button-disabled img {opacity:0.3;} .missionary_view_con > .contents_con > .posts_con > .list_con {margin-top:60px;} .missionary_view_con > .contents_con > .posts_con > .list_con > ul {} .missionary_view_con > .contents_con > .posts_con > .list_con > ul > li {border-bottom:1px solid #e4e4e4;} .missionary_view_con > .contents_con > .posts_con > .list_con > ul > li > .list_div {display:flex; align-items:center; padding:13px 0 17px;} .missionary_view_con > .contents_con > .posts_con > .list_con > ul > li > .list_div div {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .missionary_view_con > .contents_con > .posts_con > .list_con > ul > li > .list_div span {font-size:18px; color:#222222; font-weight:500; line-height:30px; letter-spacing:-0.25px;} .missionary_view_con > .contents_con > .posts_con > .list_con > ul > li > .list_div > .title_con {width:133px; padding:0 16px;} .missionary_view_con > .contents_con > .posts_con > .list_con > ul > li > .list_div > .title_con span {font-size:15px; font-weight:800;} .missionary_view_con > .contents_con > .posts_con > .list_con > ul > li > .list_div > .text_con {flex:1; padding:0 33px;} .missionary_view_con > .contents_con > .posts_con > .list_con > ul > li > .list_div > .text_con span {} .missionary_view_con > .contents_con > .posts_con > .list_con > ul > li:first-child {border-top:1px solid #e4e4e4;} .missionary_view_con > .contents_con > .posts_con > .btn_con {display:flex; justify-content:flex-end; margin-top:35px;} .missionary_view_con > .contents_con > .posts_con > .btn_con > a {display:flex; align-items:center; border-bottom:5px solid #333333; padding:0 3px 3px;} .missionary_view_con > .contents_con > .posts_con > .btn_con > a span {color:#222222; font-weight:700; line-height:30px; letter-spacing:-0.5px;} .missionary_view_con > .contents_con > .posts_con > .btn_con > a > .text_con {} .missionary_view_con > .contents_con > .posts_con > .btn_con > a > .text_con span {font-size:22px;} .missionary_view_con > .contents_con > .posts_con > .btn_con > a > .icon_con {margin:0 5px;} .missionary_view_con > .contents_con > .posts_con > .btn_con > a > .icon_con > .off {display:inline;} .missionary_view_con > .contents_con > .posts_con > .btn_con > a > .icon_con > .on {display:none;} .missionary_view_con > .contents_con > .posts_con > .btn_con > a > .no_con {} .missionary_view_con > .contents_con > .posts_con > .btn_con > a > .no_con span {font-size:16px;} .missionary_view_con > .contents_con > .posts_con > .btn_con > a.click > .icon_con > .off {display:none;} .missionary_view_con > .contents_con > .posts_con > .btn_con > a.click > .icon_con > .on {display:inline;} .missionary_view_con > .contents_con > .posts_con > .history_btn_con {margin-top:27px; text-align:center;} .missionary_view_con > .contents_con > .posts_con > .history_btn_con a {display:inline-block; border:1px solid #333333; padding:0 34px; font-size:20px; color:#333333; font-weight:800; line-height:51px; letter-spacing:-0.5px; border-radius:53px; -webkit-border-radius:53px; -moz-border-radius:53px;} .missionary_view_con > .contents_con > .comment_con {margin-top:65px;} .missionary_view_con > .contents_con > .comment_con > .contents_con {margin-top:65px;} .missionary_view_con > .contents_con > .comment_con > .contents_con .textarea {height:100px; border:1px solid #e4e4e4; background-color:#ffffff; padding:15px 20px; font-size:18px; color:#333333; line-height:28px; letter-spacing:-0.25px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .title_con {display:flex; align-items:center; margin-bottom:9px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .title_con > .text_con {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .title_con > .text_con span {font-size:22px; color:#222222; font-weight:700; line-height:30px; letter-spacing:-0.5px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .intro_con {margin-bottom:11px; word-break:keep-all;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .intro_con span {font-size:15px; color:#777777; font-weight:500; line-height:23px; letter-spacing:-0.5px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .title_con > .btn_con {margin-left:8px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .title_con > .btn_con a {display:block; width:30px; border:1px solid #e4e4e4; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li {border:1px solid #e4e4e4; background-color:#fafafa; margin-top:20px; padding:26px 30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con {display:flex;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .icon_con {width:42px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con {flex:1;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .info_con {display:flex; align-items:center;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .info_con > .icon_con {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .info_con > .icon_con span {display:flex; justify-content:center; align-items:center; width:20px; height:20px; padding-top:2px; font-size:14px; color:#ffffff; font-weight:700; line-height:14px; letter-spacing:-0.5px; font-family:"AppleSDGothicNeo", sans-serif; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .info_con > .icon_con span.span01 {background-color:#4a6ae2;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .info_con > .icon_con span.span02 {background-color:#20b284;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .info_con > .icon_con span.admin {background-color:#787d90;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .info_con > .name_con {margin:0 8px 0 4px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .info_con > .name_con span {font-size:17px; color:#222222; font-weight:700; line-height:25px; letter-spacing:-0.5px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .info_con > .date_con {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .info_con > .date_con span {font-size:14px; color:#777777; font-weight:300; line-height:22px; letter-spacing:-0.25px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .text_con {margin-top:2px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .text_con > .text_div {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .text_con > .text_div span {font-size:17px; color:#777777; line-height:25px; letter-spacing:-0.5px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .text_con > .write_div {display:none;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .text_con > .write_div .textarea {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .btn_con {display:flex; justify-content:space-between; align-items:center; margin-top:15px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .btn_con a {font-size:15px; color:#222222; font-weight:600; line-height:23px; letter-spacing:-0.5px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .btn_con > .common {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .btn_con > .common.visibility {visibility:hidden;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .btn_con > .my {display:flex;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .btn_con > .my > .btn {margin-left:22px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div .comment_con > .contents_con > .btn_con > .my > .btn:first-child {margin-left:0;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_con {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_con .comment_con {margin-top:35px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_write_con {display:none; margin-top:35px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_write_con > form {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_write_con > form > .write_con {display:flex;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_write_con > form > .write_con > .icon_con {width:42px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_write_con > form > .write_con > .input_con {flex:1;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_write_con > form > .write_con > .input_con .textarea {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_write_con > form > .btn_con {display:flex; justify-content:flex-end; margin-top:20px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_write_con > form > .btn_con > .btn {margin-left:20px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_write_con > form > .btn_con > .btn a {display:flex; justify-content:center; align-items:center; width:124px; height:41px; border:1px solid #222222; background-color:#222222; text-align:center; font-size:16px; color:#ffffff; font-weight:500; line-height:24px; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_write_con > form > .btn_con > .btn:first-child {margin-left:0;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li > .list_div > .reply_write_con > form > .btn_con > .btn.cancle a {background-color:#ffffff; color:#222222;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li.none_li {text-align:center;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li.none_li span {font-size:17px; color:#777777; line-height:173px; letter-spacing:-0.5px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .list_con > ul > li:first-child {margin-top:0;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .write_con {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .write_con > form {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .write_con > form > .input_con {} .missionary_view_con > .contents_con > .comment_con > .contents_con > .write_con > form > .input_con .textarea {height:227px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .write_con > form > .btn_con {display:flex; justify-content:flex-end; margin-top:20px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .write_con > form > .btn_con > .btn {margin-left:20px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .write_con > form > .btn_con > .btn a {display:flex; justify-content:center; align-items:center; width:184px; height:52px; border:1px solid #222222; background-color:#222222; text-align:center; font-size:18px; color:#ffffff; font-weight:500; line-height:26px; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .write_con > form > .btn_con > .btn:first-child {margin-left:0;} .missionary_view_con > .contents_con > .comment_con > .contents_con > .write_con > form > .btn_con > .btn.cancle a {background-color:#ffffff; color:#222222;} .missionary_view_con > .contents_con > .comment_con > .contents_con:first-child {margin-top:0;} .missionary_view_con > .contents_con > .comment_con > .contents_con:last-child > .title_con {margin-bottom:0;} /* 사역지원 뷰 */ .ministry_view_con {} .ministry_view_con > .si_con {display:flex; align-items:flex-start;} .ministry_view_con > .si_con > .slide_con {width:656px; margin-right:50px; position:relative; top:0; left:0;} .ministry_view_con > .si_con > .slide_con .swiper {} .ministry_view_con > .si_con > .slide_con .swiper .swiper-wrapper {} .ministry_view_con > .si_con > .slide_con .swiper .swiper-wrapper .swiper-slide {} .ministry_view_con > .si_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con {background:#ccc no-repeat center/cover; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .ministry_view_con > .si_con > .slide_con .swiper .ministry_btn_like {position:absolute; right:25px; bottom:19px; z-index:10; cursor:pointer;} .ministry_view_con > .si_con > .slide_con .swiper .ministry_btn_like > .on {display:none;} .ministry_view_con > .si_con > .slide_con .swiper .ministry_btn_like > .off {display:inline;} .ministry_view_con > .si_con > .slide_con .swiper .ministry_btn_like.click > .on {display:inline;} .ministry_view_con > .si_con > .slide_con .swiper .ministry_btn_like.click > .off {display:none;} .ministry_view_con > .si_con > .slide_con > .control_con {} .ministry_view_con > .si_con > .slide_con > .control_con > .btn_con {} .ministry_view_con > .si_con > .slide_con > .control_con > .btn_con > .slide_btn {width:55px; height:auto; border:1px solid #d8d1d0; background-color:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; opacity:1;} .ministry_view_con > .si_con > .slide_con > .control_con > .btn_con > .slide_btn img {transition:all 0.2s ease;} .ministry_view_con > .si_con > .slide_con > .control_con > .btn_con > .slide_btn:after {display:none;} .ministry_view_con > .si_con > .slide_con > .control_con > .btn_con > .slide_btn.next {right:-28px;} .ministry_view_con > .si_con > .slide_con > .control_con > .btn_con > .slide_btn.prev {left:-28px;} .ministry_view_con > .si_con > .slide_con > .control_con > .btn_con > .slide_btn.swiper-button-disabled img {opacity:0.3;} .ministry_view_con > .si_con > .slide_con > .control_con > .pgn_con {margin-top:14px;} .ministry_view_con > .si_con > .slide_con > .control_con > .pgn_con .swiper-pagination {position:static; bottom:0; left:0;} .ministry_view_con > .si_con > .slide_con > .control_con > .pgn_con .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; border:1px solid #3c3c3c; background-color:#ffffff; margin:0 6px; opacity:1; transition:all 0.2s ease;} .ministry_view_con > .si_con > .slide_con > .control_con > .pgn_con .swiper-pagination .swiper-pagination-bullet-active {background-color:#3c3c3c;} .ministry_view_con > .si_con > .info_con {} .ministry_view_con > .si_con > .info_con > .title_con {} .ministry_view_con > .si_con > .info_con > .title_con span {color:#3c3c3c; font-weight:700; letter-spacing:-0.5px;} .ministry_view_con > .si_con > .info_con > .title_con > .text01_con {} .ministry_view_con > .si_con > .info_con > .title_con > .text01_con span {font-size:34px; line-height:40px;} .ministry_view_con > .si_con > .info_con > .title_con > .text02_con {margin-top:5px;} .ministry_view_con > .si_con > .info_con > .title_con > .text02_con span {font-size:19px; line-height:27px;} .ministry_view_con > .si_con > .info_con > .title_con > .text03_con {margin-top:6px;} .ministry_view_con > .si_con > .info_con > .title_con > .text03_con span {font-size:22px; color:#454545; font-weight:400; line-height:30px;} .ministry_view_con > .si_con > .info_con > .btn_con {margin-top:40px;} .ministry_view_con > .si_con > .info_con > .btn_con > .btn {width:196px; margin-top:14px;} .ministry_view_con > .si_con > .info_con > .btn_con > .btn a {display:flex; justify-content:space-between; align-items:center; background:-webkit-gradient(linear, left top, right top, color-stop(0, #3c3c3c), color-stop(1, #40429c)); background:-moz-linear-gradient(left, #3c3c3c 0%, #40429c 100%); background:-webkit-linear-gradient(left, #3c3c3c 0%, #40429c 100%); background:-o-linear-gradient(left, #3c3c3c 0%, #40429c 100%); background:-ms-linear-gradient(left, #3c3c3c 0%, #40429c 100%); padding:0 22px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .ministry_view_con > .si_con > .info_con > .btn_con > .btn a span {font-size:18px; color:#ffffff; font-weight:500; line-height:54px; letter-spacing:-0.5px;} .ministry_view_con > .si_con > .info_con > .btn_con > .btn a img {width:23px;} .ministry_view_con > .si_con > .info_con > .btn_con > .btn:first-child {margin-top:0;} .ministry_view_con > .contents_con {margin-top:80px;} .ministry_view_con > .contents_con > .posts_con {} .ministry_view_con > .contents_con > .posts_con > .posts_div {margin-top:100px;} .ministry_view_con > .contents_con > .posts_con > .posts_div > .title_con {border-bottom:1px solid #ded6ca; margin-bottom:12px; padding-bottom:12px;} .ministry_view_con > .contents_con > .posts_con > .posts_div > .title_con span {font-size:20px; color:#3c3c3c; font-weight:900; line-height:28px; letter-spacing:-0.5px;} .ministry_view_con > .contents_con > .posts_con > .posts_div > .text_con {} .ministry_view_con > .contents_con > .posts_con > .posts_div > .text_con span {font-size:20px; color:#454545; line-height:30px; letter-spacing:-0.25px;} .ministry_view_con > .contents_con > .posts_con > .posts_div > .text_con img {max-width:100%; height:auto;} .ministry_view_con > .contents_con > .posts_con > .posts_div:first-child {margin-top:0;} /* 사역지원 팝업 */ .ministry_popup_bg {display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:1000; cursor:pointer;} .ministry_popup {display:none; width:882px; margin:0 auto; background-color:#ffffff; position:fixed; top:50%; left:0; right:0; transform:translateY(-50%); z-index:2000; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .ministry_popup > .btn_con {width:26px; position:absolute; top:-29px; right:-29px;} .ministry_popup > .btn_con a {display:block;} .ministry_popup > .contents_con {padding:40px 36px 47px;} .ministry_popup > .contents_con > .contents_div {display:none;} .ministry_popup > .contents_con > .contents_div > .contents {} .ministry_popup > .contents_con > .contents_div > .contents .input {height:54px; border:1px solid #e4e4e4; background-color:#fafafa; padding:0 17px; font-size:18px; color:#333333; font-weight:500; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .ministry_popup > .contents_con > .contents_div > .contents .textarea {height:232px; border:1px solid #e4e4e4; background-color:#fafafa; padding:17px; font-size:18px; color:#333333; font-weight:500; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .ministry_popup > .contents_con > .contents_div > .contents > .title_con {margin-bottom:44px;} .ministry_popup > .contents_con > .contents_div > .contents > .title_con span {font-size:27px; color:#333333; font-weight:700; line-height:35px; letter-spacing:-0.5px; font-family:"SourceHanSansKR", sans-serif;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con {} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul {} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li {margin-top:18px;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div {display:flex; justify-content:center; align-items:flex-start;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .title_con {width:80px;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .title_con span {font-size:18px; color:#333333; font-weight:700; line-height:54px; letter-spacing:-0.75px;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .input_con {flex:1;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .input_con > .tel_con {display:flex; align-items:center;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .input_con > .tel_con > .input_con {flex:1;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .input_con > .tel_con > .hypen_con {width:40px; text-align:center;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .input_con > .tel_con > .hypen_con span {font-size:30px; color:#333333; font-weight:300; letter-spacing:-0.5px;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .input_con > .text_con {margin-top:3px; word-break:keep-all;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .input_con > .text_con span {font-size:15px; color:#333333; line-height:23px; letter-spacing:-0.25px;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .input_con > .text_con span .color_text {color:#3f2ec2; font-weight:700;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .btn_con {width:118px; margin-left:10px;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div > .btn_con > a {display:block; background-color:#333333; text-align:center; font-size:18px; color:#ffffff; font-weight:500; line-height:54px; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div.column {flex-direction:column;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div.column > .input_con {width:100%;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div.column > .btn_con {display:flex; justify-content:flex-end; width:100%; margin:10px 0 0;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li > .list_div.column > .btn_con > a {width:118px;} .ministry_popup > .contents_con > .contents_div > .contents > .write_con > ul > li:first-child {margin-top:0;} .ministry_popup > .contents_con > .contents_div > .contents > .btn_con {margin-top:26px; text-align:right;} .ministry_popup > .contents_con > .contents_div > .contents > .btn_con a {display:inline-block; width:186px; background-color:#333333; text-align:center; font-size:20px; color:#ffffff; font-weight:600; line-height:56px; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} /* Archive 뷰 */ .archive_view_con {} .archive_view_con > .contents_con {} .archive_view_con > .contents_con > .posts_con {display:grid; grid-template-columns:47% 50%; grid-template-rows:auto auto; justify-content:space-between;} .archive_view_con > .contents_con > .posts_con > .title_con {grid-column:1/2; grid-row:1/2; border-bottom:1px solid #d9d9d9; margin-bottom:19px; padding-bottom:17px;} .archive_view_con > .contents_con > .posts_con > .title_con > .text_con {} .archive_view_con > .contents_con > .posts_con > .title_con > .text_con > .text01_con {} .archive_view_con > .contents_con > .posts_con > .title_con > .text_con > .text01_con span {font-size:24px; color:#797981; font-weight:600; line-height:32px; letter-spacing:-0.5px;} .archive_view_con > .contents_con > .posts_con > .title_con > .text_con > .text02_con {margin-top:8px;} .archive_view_con > .contents_con > .posts_con > .title_con > .text_con > .text02_con span {font-size:34px; color:#3c3c3c; font-weight:700; line-height:42px; letter-spacing:-0.5px;} .archive_view_con > .contents_con > .posts_con > .title_con > .date_con {margin-top:8px;} .archive_view_con > .contents_con > .posts_con > .title_con > .date_con span {font-size:24px; color:#797981; line-height:32px; letter-spacing:-0.5px;} .archive_view_con > .contents_con > .posts_con > .img_con {grid-column:2/3; grid-row:1/3;} .archive_view_con > .contents_con > .posts_con > .img_con img {max-width:100%; height:auto; border:1px solid #d9d9d9; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .archive_view_con > .contents_con > .posts_con > .text_con {grid-column:1/2; grid-row:2/3;} .archive_view_con > .contents_con > .posts_con > .text_con span {font-size:19px; color:#454545; line-height:29px; letter-spacing:-0.5px;} .archive_view_con > .contents_con > .file_con {margin-top:19px;} .archive_view_con > .contents_con > .file_con > .title_con {margin-bottom:11px;} .archive_view_con > .contents_con > .file_con > .title_con span {font-size:20px; color:#454545; font-weight:800; line-height:28px; letter-spacing:-0.5px;} .archive_view_con > .contents_con > .file_con > .list_con {} .archive_view_con > .contents_con > .file_con > .list_con > ul {} .archive_view_con > .contents_con > .file_con > .list_con > ul > li {margin-top:16px;} .archive_view_con > .contents_con > .file_con > .list_con > ul > li > .list_div {display:flex; border:1px solid #d9d9d9; background-color:#f7f7f7; padding:16px 0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .archive_view_con > .contents_con > .file_con > .list_con > ul > li > .list_div span {color:#454545; line-height:40px; letter-spacing:-0.5px;} .archive_view_con > .contents_con > .file_con > .list_con > ul > li > .list_div a {color:#454545; line-height:40px; letter-spacing:-0.5px;} .archive_view_con > .contents_con > .file_con > .list_con > ul > li > .list_div > .title_con {width:75px; border-right:1px solid #d9d9d9; text-align:center;} .archive_view_con > .contents_con > .file_con > .list_con > ul > li > .list_div > .title_con span {font-size:15px;} .archive_view_con > .contents_con > .file_con > .list_con > ul > li > .list_div > .file_con {flex:1; padding:0 22px; overflow:hidden;} .archive_view_con > .contents_con > .file_con > .list_con > ul > li > .list_div > .file_con a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; font-weight:700; text-decoration:underline;} .archive_view_con > .contents_con > .file_con > .list_con > ul > li > .list_div > .file_con span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; font-weight:700; text-decoration:underline;} .archive_view_con > .contents_con > .file_con > .list_con > ul > li > .list_div > .btn_con {width:170px;} .archive_view_con > .contents_con > .file_con > .list_con > ul > li > .list_div > .btn_con a {display:block; width:124px; margin:0 auto; border:1px solid #222222; background-color:#ffffff; text-align:center; font-size:16px; color:#222222; font-weight:500; line-height:41px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .archive_view_con > .contents_con > .file_con > .list_con > ul > li:first-child {margin-top:0;} /*체크박스 버튼*/ .checkbox_label {display:inline-block; cursor:pointer;} .checkbox_label input[type=checkbox] {display:none;} .checkbox_label .check_icon {display:inline-block; width:30px; height:30px; background-image:url("/img/sub/checkbox_icon_off.png"); background-repeat:no-repeat; background-size:cover; background-position:center; vertical-align:middle; cursor:pointer;} .checkbox_label span {vertical-align:middle;} .checkbox_label input[type=checkbox]:checked + .check_icon {background-image:url("/img/sub/checkbox_icon_on.png");} /*해외선교*/ .outsider_con {width:100%; max-width:480px; margin:0 auto;} .outsider_con > .contents_con {} .outsider_con > .contents_con > .title_con {margin:0 0 32px 0; text-align:center;} .outsider_con > .contents_con > .title_con span {font-size:25px; color:#222222; font-weight:700; line-height:30px; letter-spacing:-0.5px;} .outsider_con > .contents_con > .contents_con {border-top:1px solid #222222; padding:28px 0 0 0;} .outsider_con > .contents_con > .contents_con .write_con {} .outsider_con > .contents_con > .contents_con .write_con > .input_con {} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul {} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li {margin:23px 0 0 0;} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li .list_div {} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li .list_div > .check_con {} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li .list_div > .check_con .checkbox_label {padding:1px 0 1px 40px; position:relative; top:0; left:0;} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li .list_div > .check_con .checkbox_label .check_icon {position:absolute; top:0; left:0; z-index:10;} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li .list_div > .check_con .checkbox_label span {font-size:17px; color:#222222; font-weight:500; line-height:28px; letter-spacing:-0.5px;} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li .list_div > .input_con {margin:7px 0 0 0; padding:0 0 0 40px;} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li .list_div > .input_con .input {height:54px; border:1px solid #909090; padding:0 16px; font-size:17px; color:#aaaaaa; line-height:25px; letter-spacing:-0.25px;} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li .list_div > .input_con .input::placeholder {color:#aaaaaa;} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li .list_div > .input_con .input::-webkit-input-placeholder {color:#aaaaaa;} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li .list_div > .input_con .input:-ms-input-placeholder {color:#aaaaaa;} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li .list_div > .input_con .input:-moz-input-placeholder {color:#aaaaaa;} .outsider_con > .contents_con > .contents_con .write_con > .input_con > ul > li:first-child {margin:0;} .outsider_con > .contents_con > .contents_con .write_con > .btn_con {margin:59px 0 0 0;} .outsider_con > .contents_con > .contents_con .write_con > .btn_con .a_btn {display:block; background-color:#f4f4f4; text-align:center; font-size:18px; color:#ffffff; font-weight:700; line-height:54px; letter-spacing:-0.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .outsider_con > .contents_con > .contents_con .write_con > .btn_con .a_btn.on {background-color:#4143ac;}