/*
***** 2020-12-07 태진 정리 (초장동교회 header.html정리)
***** 2020-12-07 태진 정리 (초장동교회 layout.html정리)
***** 2020-12-07 태진 정리 (초장동교회 custom.css정리)
***** 기존 레이아웃 (샘물교회)
***** fonts 폴더 정리 노토산트kr로 변경
***** css원본 백업 custom.css.bak 저장
*/
/* ---------- Custom 시작 ---------- */
@charset "utf-8";
/* Noto Sans KR */
@font-face {
font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2)
format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2)
format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2)
format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2)
format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2)
format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2)
format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}
/* 나눔명조, 나눔고딕, 나눔스퀘어 */
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face {src:url("../fonts/JSArirangPPURI.otf"); font-family:"JSAotf";}
@font-face {src:url("../fonts/JSArirangPPURI.ttf"); font-family:"JSAttf";}
/* 기준css */
html {overflow-x:hidden; scroll-behavior:smooth; height:100%;}
body {margin:0; padding:0; height:100%; font-size:14px; font-family: 'Noto Sans KR'; line-height:20px; color:#838383; letter-spacing:-0.5px;}
table tr th, table tr td {padding:8px 0; vertical-align:middle !important; font-size:16px; font-family: 'Noto Sans KR'; color:#838383;}
a, a:hover {color:inherit; text-decoration:none;}
ul, ol, dl{list-style:none; margin:0; padding:0;}
.no-padding {padding:0 !important;}
.no-margin {margin:0 !important;}
/* 메인 컨테이너 */
@media (min-width:1230px) {
.container {width:1230px;}
}
/* 헤더 공간 높이 */
.blank_div {height:130px;}
/* 왼쪽 관리자 버튼 */
.admin_side {position:fixed;left:0px;top:250px;z-index:99;}
.admin_side a {padding:10px 10px;font-size:11px;font-family:arial;border-radius:0 3px 3px 0;}
/* 오른쪽 상단 버튼 */
#topcontrol {z-index:41; width:50px; height:50px; line-height:50px; border-radius:5px; background-color:#1762a7; text-align:center; color:#fff;}
/* XE 컨셉색상 */
.conceptBgColor {background:#1762a7 !important; color:#fff !important;}
.conceptTextColor {color:#1762a7 !important;}
/* login-alert none */
#login-alert{display:none;}
/* ---------- Custom 종료 ---------- */
/* ---------- Layout 시작 ---------- */
/* Header - 태진 */
header {position:fixed; left:0; top:0; z-index:3; width:100%;}
/* TNB - 태진 */
.tnb{line-height:39px; background-color:#f5f5f5; text-align:right; border-bottom:1px solid #d2d2d2;}
.tnb a{display:inline-block; margin-right:-4px; color:#545454 !important; font-size:13px; line-height:13px; font-weight:normal; padding:0 15px; border-left:1px solid #dedede; text-align:right}
.tnb .first_a{border-left:0;}
.main_tnb_btn{position:absolute; top:0; left:45%; list-style:none; margin:0; padding:0;}
.main_tnb_btn li{float:left; line-height:40px;}
.main_tnb_btn li.active{background-color:#fff;}
.main_tnb_btn li a{display:block; width:51px; height:40px; text-align:center; padding:0; margin:0; line-height:36px; border-left:1px solid #d2d2d2;}
.main_tnb_btn li:last-child a{border-right:1px solid #d2d2d2;}
/* GNB - 태진 */
.gnb {clear:both; height:90px; overflow:hidden; border-bottom:1px solid #e9e9e9; background:url('../img/main/gnb_bg.jpg'); font-family: 'NanumSquare', sans-serif;}
.gnb.opened {box-shadow:0px 10px 10px rgba(0,0,0,0.2);}
.logo_container {line-height:90px;}
.menu_col {padding:0;}
#menu_pc {padding:0;}
#menu_pc .first_li {float:left; padding:0 50px 0 0; line-height:90px; list-style:none;}
#menu_pc .first_li:last-child{padding:0;}
#menu_pc .first_li > a {display:block; font-size:20px; color:#000; font-weight:bold; text-align:left;}
#menu_pc .first_li > a:hover {color:#1762a7;}
#menu_pc .first_li .gnb_btm {margin-top:30px;}
#menu_pc .first_li .second_ul {padding:0; text-align:left;}
#menu_pc .first_li .second_ul .gnb_text_info{line-height:1em; color:#5d99e2; font-size:18px; margin-bottom:20px; font-weight:bold; transform:skew(-0.09deg);}
#menu_pc .first_li .second_ul li {list-style:none;}
#menu_pc .first_li:last-child .second_ul li:last-child{display:none;}
#menu_pc .first_li .second_ul li a {display:block; line-height:28px; font-size:14px; color:#434343; font-weight:bold; transform:skew(-0.09deg);}
#menu_pc .first_li:last-child .second_ul li:last-child a{line-height:20px;}
#menu_pc .first_li .second_ul li a:hover {text-decoration:none; color:#1762a7;}
#menu_pc .first_li .second_ul li a.active {text-decoration:none; color:#1762a7;}
/* GNB (Mobile) - 태진 */
.mobile-navbar {padding:15px 0; background-color:#fff;}
/* 메뉴 */
.mobile-navbar .menu-button {float:left; margin:8px; width:32px; color:#333;}
.mobile-navbar .menu-button i {font-size:24px;}
/* 로그인 */
.mobile-navbar .home-button {float:right; margin:2px 10px; width:50px; line-height:100%;}
.mobile-navbar .home-button i {font-size:18px; color:#333;}
.mobile-navbar .home-button span {font-size:12px; color:#333;}
/* 메뉴 - 회원가입, 로그인 */
.mobile_menu_top_btn {display:inline-block; width:50%; line-height:40px !important; font-size:14px;}
/* 메뉴 - 메뉴li */
.menu_mobile_first {font-size:15px; font-weight:500;}
.mm-menu.mm-vertical .mm-list li.mm-opened a {padding:0; line-height:30px;}
/* .mm-list li:nth-child(6) a{border-bottom:1px solid #ccc;}*/
/* 메뉴 - 푸터 */
.mm-list{padding-bottom:0 !important; /*position:relative;*/}
.mmenu_footer {border-top:1px solid #ccc; background-color:#f4f4f4; font-size:12px; color:#333; /*position:absolute !important; bottom:0; */width:100%;}
/* Main Contents - 태진 */
.main_visual_section{background-color:#e2e2e2;}
.visual_text1{padding:34px 44px; background-color:#274678;}
.visual_text1 .title{width:144px; text-align:center; color:#fff; background-color:#10284f; font-size:16px; line-height:30px; border-radius:15px;}
.visual_text1 .jsa_font{font-family:"JSAotf"; font-size:60px; line-height:1em; color:#fff; text-shadow:1px 1px 1px #000, 1px 1px 1px #000; margin:10px 0;}
.visual_text1 .text1{font-size:11px; color:rgba(255,255,255,0.3); line-height:16px; font-weight:400; margin-bottom:10px;}
.visual_text1 .text2{display:inline-block; font-size:14px; color:rgba(255,255,255,0.7); line-height:26px; font-weight:400; font-style:italic; border-bottom:1px solid #526b93;}
.visual_text2{padding:22px 44px; background-color:#5377b3;}
.visual_text2 .title{width:144px; text-align:center; color:#fff; background-color:#3f65a0; font-size:16px; line-height:30px; border-radius:15px; margin-bottom:10px;}
.visual_text2 .text{color:#1d3864; font-size:14px; line-height:24px; padding-left:10px; font-weight:500; font-style:italic;}
.visual_text2 .text > span{font-size:18px; }
/* 1섹션 */
.section1{padding:40px 0; background-color:#fff;}
.section1 .sec1_col{padding:0 20px 0 0;}
/* .sec1_sul{background-image:url('../img/main/main_sec1_1_img_240724.jpg'); background-repeat:no-repeat; background-size: cover; padding:30px 40px; position:relative;} */
/* 25.10.21 김성원 수정 */
.sec1_sul{background-repeat:no-repeat; background-size: cover; position:relative; height: 399px;}
.sec1_sul .sul_title{font-size:18px; color:#fff; line-height:1em; margin-bottom:10px;}
.xe-widget-wrapper {height: 100%;}
/* 출력 순서대로 둠 */
.sermon_info3{font-size:14px; line-height:1em; color:#fff; font-weight:300; margin-bottom:210px;}
.sermon_info{display:block; font-size:30px; line-height:1em; color:#fff; font-weight:bold; margin-bottom:20px; text-decoration:none;}
.sermon_info:hover, .sermon_info:focus{text-decoration:none !important; color:#fff;}
.sermon_info1{font-size:15px; line-height:1em; color:#fff; margin-bottom:7px;}
.sermon_info2{font-size:15px; line-height:1em; color:#fff;}
.play_btn{position:absolute; bottom:30px; right:30px;}
.sec1_kakao{background-color:#f9e200; padding:47px 60px 46px; display: none;} /*교회요청으로 카카오 라이브삭제 230703*/
.sec1_kakao:after{content:""; display:block; clear:both;}
.sec1_kakao .kakao_img{float:left; margin-right:20px;}
.sec1_kakao .kakao_title{float:left; font-size:20px; color:#000; font-weight:bold; line-height:1em; padding:18px 0;}
.sec1_kakao .kakao_title .kakao_btn{display:block; width:115px; font-size:14px; color:#fff; font-weight:bold; line-height:35px; background-color:#ccbb11; text-align:center; border-radius:18px; margin-top:15px; transition:all 0.3s;}
.sec1_kakao:hover .kakao_title .kakao_btn{background-color:#fff; color:#000; font-weight:bold;}
.sec1_youtube{background-color:#f4f4f4; height: 399px; display: flex; justify-content: center; flex-direction: column;}
.sec1_youtube:after{content:""; display:block; clear:both;}
.sec1_youtube a{width: 100%; height: 100%; display: inline-block; padding: 80px;}
.sec1_youtube .youtube_img{/*float:left; margin-right:20px;*/ text-align: center;}
.sec1_youtube .youtube_title{/*float:left; padding:18px 0; */ font-size:20px; color:#ba322c; font-weight:bold; line-height:1em; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.sec1_youtube .youtube_title .youtube_btn{display:block; width:115px; font-size:14px; color:#fff; font-weight:bold; line-height:35px; background-color:#96150f; border: 1px solid #ba322c; text-align:center; border-radius:18px; margin-top:15px; transition:all 0.3s;}
.sec1_youtube:hover .youtube_title .youtube_btn{background-color:#fff; color:#ba322c; font-weight:bold; border: 1px solid #ba322c;}
/* 2섹션 */
.section2 {padding:40px 0; background-color:#f2f2f2;}
.section2 .sc2_line6{border-right:1px solid #e2e2e2;}
.section2 .sec2_btn{border:1px solid #e2e2e2; background-color:#fff; padding:125px 0 0; text-align:center; font-size:16px; line-height:1em; color:#274678; font-weight:bold; height:200px; transition:all 0.5s; border-right:0;}
.section2 .sec2_btn1{background-image:url('../img/main/main_sec2_img1.png'); background-repeat:no-repeat; background-position:center 38%;}
.section2 .sec2_btn2{background-image:url('../img/main/main_sec2_img2.png'); background-repeat:no-repeat; background-position:center 38%;}
.section2 .sec2_btn3{background-image:url('../img/main/main_sec2_img3.png'); background-repeat:no-repeat; background-position:center 38%;}
.section2 .sec2_btn4{background-image:url('../img/main/main_sec2_img4.png'); background-repeat:no-repeat; background-position:center 38%;}
.section2 .sec2_btn5{background-image:url('../img/main/main_sec2_img5.png'); background-repeat:no-repeat; background-position:center 38%;}
.section2 .sec2_btn6{background-image:url('../img/main/main_sec2_img6.png'); background-repeat:no-repeat; background-position:center 38%;}
.section2 .sec2_btn_atag:hover .sec2_btn{border:1px solid #274678; border-right:0; background-color:#274678; color:#fff;}
.section2 .sec2_btn_atag:hover .sec2_btn1{background-image:url('../img/main/main_sec2_img_hover1.png');}
.section2 .sec2_btn_atag:hover .sec2_btn2{background-image:url('../img/main/main_sec2_img_hover2.png');}
.section2 .sec2_btn_atag:hover .sec2_btn3{background-image:url('../img/main/main_sec2_img_hover3.png');}
.section2 .sec2_btn_atag:hover .sec2_btn4{background-image:url('../img/main/main_sec2_img_hover4.png');}
.section2 .sec2_btn_atag:hover .sec2_btn5{background-image:url('../img/main/main_sec2_img_hover5.png');}
.section2 .sec2_btn_atag:hover .sec2_btn6{background-image:url('../img/main/main_sec2_img_hover6.png');}
/* 3섹션 */
.section3 {padding:40px 0; background-color:#fff;}
.section3 .row{margin:0 -2px;}
.section3 .col_custom{float:left; padding:0 5px; position:relative; min-height:1px;}
.section3 .main_banner{display:block; border:1px solid #e2e2e2; text-align:center;}
/* Sub Navigator - 태진 */
.sub_navigator {line-height:51px; background-color:#274678;}
.home-btn {display:inline-block; width:64px; border-left:1px solid #526b93; border-right:1px solid #526b93; color:#fff; font-size:30px; background-color:#274678;}
.one-depth-dropdown {width:calc(100% - 64px);padding:0 20px 0 27px;border-right:1px solid #526b93;font-size:16px;background-color:#274678; color:#fff; font-weight:normal;}
.one-depth-dropdown > a:hover,
.one-depth-dropdown > a:focus{color:#fff; text-decoration:none;}
.one-depth-dropdown-menu.dropdown-menu {width:100%; padding:0; margin:1px 0 0; box-shadow:none; border-radius:0;}
.one-depth-dropdown-menu.dropdown-menu li {border:1px solid #e5e5e5; border-top:0;}
.one-depth-dropdown-menu.dropdown-menu li:first-child{border-top:1px solid #e5e5e5;}
.one-depth-dropdown-menu.dropdown-menu>li>a {padding:0 15px; line-height:40px; font-size:15px; }
.one-depth-dropdown-menu.dropdown-menu>li>a:hover {background-color:#acacac; color:#fff;}
.one-depth-dropdown-menu.dropdown-menu>.active {display:none;}
/* Sub Contents - 태진 */
.sub_contents {padding:20px 0 70px;}
.content_menu:after{content:""; display:block; clear:both;}
.content_menu a{float:left; display:block; margin-right:10px; width:140px; height:40px; color:#fff; background-color:#1762a7; line-height:40px; font-size:17px; border-radius:10px; text-align:center; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); font-weight:bold; margin-bottom:20px;}
/* Sub Title - 태진 */
.content_title{font-size:32px; font-weight:bold; font-family:'NanumSquare', sans-serif; color:#000; line-height:1em; padding-top:45px; margin-bottom:0;}
.contents_border{width:100%; height:100px; border-bottom:4px solid #274678;}
.contents_border1{border-top:1px solid #eee; margin-bottom:60px;}
/* Footer - 태진 */
.footer{padding:30px 0; background-color:#505050;}
.footer .footer_text{font-size:14px; color:#fff; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); text-align:center; letter-spacing:0.5px; line-height:18px;}
.footer .footer_text .copyright{font-size:12px; color:#a4a4a4; line-height:1em; margin-top:10px;}
/* ---------- Layout 종료 ---------- */
/* ---------- Modules, etc 시작 ---------- */
.xe_popup_border{position:fixed !important;}
/* Board */
.extravarbox1{margin-bottom:30px;}
.document_popup_menu {display:none;}
.gallerytitle{font-family: 'Noto Sans KR'; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:16px; font-weight:500; color:#333;}
#responBoard .nav.nav-pills, #responBoard .nav.nav-pills li {margin:0 10px 10px 0;}
#responBoard .pagination {display:inline-block !important; margin-top:30px;}
#responBoard .nav.nav-pills a {padding:12px 20px; border:1px solid #ddd; margin-left:-1px; font-size:16px; border-radius:20px; color:#333; transition:all 0.3s; line-height:1em;}
#responBoard .nav-pills>li.active>a, #responBoard .nav-pills>li.active>a:focus, #responBoard .nav-pills>li.active>a:hover {background-color:#274678; color:#fff;}
#responBoard .nav.nav-pills a:active {background-color:#274678; color:#fff;}
#responBoard .nav.nav-pills a:hover {background-color:#274678; color:#fff;}
#responBoard th, #responBoard td {color:#333; font-weight:700;}
/* Main Login Modal - 태진 */
.modal-dialog {width:380px;}
.modal-content {height:360px; border-radius:50%;}
.modal-header {margin:0 50px; padding-top:25px; text-align:center;}
.modal-header h4 {font-size:30px; color:#111;}
.modal-body{margin:10px 50px; padding-bottom:10px;}
.modal-footer{margin:0 50px;text-align:center;}
.modal-footer .doweb-btn{border:none; background-color:#fff; padding:0 10px;}
li.xs-register:after{clear:both; content:"";}
/* ---------- Modules, etc 종료 ---------- */
/* ---------- Media Query 시작 ---------- */
/* 메인 컨테이너 공간 */
@media (max-width:1230px) {
.visual_text1{padding:23px 35px 22px;}
.visual_text2{padding:22px 35px;}
.sermon_info3{margin-bottom:190px;}
.sec1_kakao{padding:42px 55px;}
.sec1_youtube a{padding:41px 55px;}
/* 섹션3 */
.section3 .col_custom{padding:5px;}
}
@media (max-width: 1199px) {
.menu_col{padding-left:120px;}
#menu_pc .first_li{padding:0 15px 0 0;}
.camera_wrap{height:417px !important;}/*메인 비쥬얼 높이*/
.camerarelative{height:417px !important;}/*메인 비쥬얼 높이*/
.camera_wrap img{height:417px !important;}/*메인 비쥬얼 높이*/
.visual_text1{padding:23px 20px 22px;}
.visual_text1 .jsa_font{font-size:48px;}
.visual_text1 .text2{font-size:12px; line-height:22px;}
.visual_text2{padding:22px 20px;}
.visual_text2 .text{font-size:12px; line-height:20px;}
.visual_text2 .text > span{font-size:15px;}
.sec1_sul{background-size:100%;}
.sec1_kakao{padding:42px 55px;}
.sec1_kakao .kakao_img{width:35%;}
.sec1_kakao .kakao_img img{width:100%;}
.sec1_kakao .kakao_title{font-size:16px; padding:2px 0;}
.sec1_kakao .kakao_title .kakao_btn{width:90%;}
.sec1_youtube a{padding: 42px 55px;}
.sec1_youtube .youtube_img{width:35%;}
.sec1_youtube .youtube_img img{width:100%;}
.sec1_youtube .youtube_title{font-size:16px; padding:2px 0;}
.sec1_youtube .youtube_title .youtube_btn{width:90%;}
.sermon_info3{margin-bottom:122px;}
}
@media (max-width: 991px) {
.container_m{padding:0;}
/* 헤더 공간 높이 */
.blank_div {height:70px;}
.visual_text1 .text2{display:block; border-bottom:0;}
.section1 .sec1_col{padding:0;}
.section2 .sec2_btn{border-bottom:0;}
.section2 .sc2_line2{border-right:0;}
.section2 .sc2_line3{border-right:1px solid #e2e2e2;}
.section2 .sc2_line4,
.section2 .sc2_line5,
.section2 .sc2_line6{border-bottom:1px solid #e2e2e2;}
.contents_border{height:70px;}
.contents_border1{margin-bottom:40px;}
.content_title{font-size:22px; padding-top:30px;}
.sec1_youtube{height: 200px;}
/* 모바일 팝업 반응형 */
.xe_popup_border{width:100% !important; top:0 !important; left:0 !important;}
.xe_popup_border .popupbody{height:auto !important;}
.xe_popup_border .popupbody > p{margin-bottom:0;}
.xe_popup_border .popupbody img{width:100% !important;}
}
@media (max-width: 767px) {
.sermon_info3{margin-bottom:43px;}
.sermon_info{font-size:20px;}
.sec1_sul {height: 300px; margin-bottom: 20px;}
}
@media (max-width: 680px) {
.camera_wrap{height:364px !important;}/*메인 비쥬얼 높이*/
.camerarelative{height:364px !important;}/*메인 비쥬얼 높이*/
.camera_wrap img{height:364px !important;}/*메인 비쥬얼 높이*/
}
@media (max-width: 661px) {
.sec1_kakao .kakao_img{display:none;}
.sec1_kakao .kakao_title{padding:0; float:none; text-align:center;}
.sec1_kakao .kakao_title .kakao_btn{width:100%;}
.sec1_youtube .youtube_img{display:none;}
.sec1_youtube .youtube_title{padding:0; float:none; text-align:center;}
.sec1_youtube .youtube_title .youtube_btn{width:100%;}
}
@media (max-width: 580px) {
.camera_wrap{height:306px !important;}/*메인 비쥬얼 높이*/
.camerarelative{height:306px !important;}/*메인 비쥬얼 높이*/
.camera_wrap img{height:306px !important;}/*메인 비쥬얼 높이*/
}
@media (max-width:500px) {
.camera_wrap{height:260px !important;}/*메인 비쥬얼 높이*/
.camerarelative{height:260px !important;}/*메인 비쥬얼 높이*/
.camera_wrap img{height:260px !important;}/*메인 비쥬얼 높이*/
}
@media (max-width:480px) {
.section1,
.section2,
.section3{padding:20px 0;}
.sec1_sul{height: 200px;}
.sec1_sul .sul_title{font-size:13px;}
.sermon_info3{font-size:11px; margin-bottom:10px;}
.sermon_info{font-size:15px;}
.sermon_info1{font-size:12px;}
.sermon_info2{font-size:12px;}
.play_btn{bottom:20px; right:20px;}
.sec1_kakao{padding:20px;}
.sec1_kakao .kakao_title{font-size:14px;}
.sec1_kakao .kakao_title .kakao_btn{font-size:13px;}
.sec1_youtube{padding:16px; height: 160px;}
.sec1_youtube .youtube_title{font-size:14px;}
.sec1_youtube .youtube_title .youtube_btn{font-size:13px;}
.section2 .sec2_btn{font-size:13px; padding:70px 0 0; height:110px; font-weight:500; background-size:23%;}
.footer{padding:20px 0;}
.footer .footer_text{font-size:12px; color:rgba(255,255,255,0.8); line-height:16px;}
.footer .footer_text .copyright{margin-top:8px;}
}
/* ---------- Media Query 종료 ---------- */