@import url('base.css');

/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* main menu */
.av-main-nav > li > a {display: block;font-size: 18px;color: #222222;letter-spacing: -1px;font-weight: 500;height: 44px;}
.header_color .avia-menu-fx{background-color: #4067B0;color: #ffffff;border-color: #4067B0;}

#top .flex_column_table {display: table;table-layout: fixed;width: 100%;float: left;margin-top: 0px;}



/* sidemenu */
.sideMenuTtl { background:#87c96e; color:#fff; font-size:21px !important; font-weight: normal !important; width:100% !important; height:100px; text-align:center; line-height:100px; display:inline-block; letter-spacing:1px; border-radius: 10px; min-height: min-intrinsic; height: auto;}

/*.msideMenuTtl { background:#87c96e; color:#fff; font-size:15px !important; font-weight:normal !important; width:100% !important; height:30px; text-align:center; line-height:30px; display:inline-block; letter-spacing:-1px; border-radius: 10px; min-height: min-intrinsic; height: auto;}*/

.sub-menu li { border-bottom:1px solid #e1e1e1; font-size:15px; color:#636363; padding:12px 17px;}
.main_color .sidebar a { text-decoration:none; color:#636363; font-weight:normal;}
.current-menu-item { background:rgba(255, 255, 255, 0); font-size:15px; color:#40a8e4;}
.main_color .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a { color:#40a8e4; font-weight:500;}
.main_color .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a:hover { color:#87c96e; font-weight: 500;}

/* mainpage */
.maintitlestyle{font-size: 18px;letter-spacing: -1px;color: #3c3c3c;font-weight: 500;}
.maintitlestyle:hover{font-size: 18px;letter-spacing: -1px;color: #ce0000;font-weight: 500;}

.Title-lone{background: #97ca4a;height: 3px;width: 40px;margin: 7px 0 20px 0;}
.Title-bottom{background: #BCBCBC;height: 1px;width: 100%;margin: -21px 0 20px 0;}

.mainbanner{margin: 5% 5% 0 0;}
.mainbanner img{height:auto; width:1200px;}

.topbanner{width: auto; min-height: 300px; height: 100%; background-color:#cfebc5;}
.topbanner img{position: !important; margin: 1%;}

/* main content */
.detailbtn{color: #aeaeae;font-size: 13px;letter-spacing: -1px;font-weight: 500;}
.detailbtn:hover{color: #ce0000;font-size: 13px;letter-spacing: -1px;font-weight: 500;}

.outlinebox{border: 1px solid #e4e4e4; padding: 9% 8% 2% 8%; min-height:400px;}
.outlineboximg{border: 1px solid #e4e4e4; padding: 9% 6% 2% 6%; min-height:400px; background-image: url("http://promisechildren.net/wp-content/uploads/newspaper.jpg");background-repeat: no-repeat; background-position: 100% 100%;}
.nonoutlinebox{border: 0px solid #e4e4e4; padding: 9% 8% 2% 8%; min-height:400px; background-color: #eaeaea}

.missionbox{border: 1px solid #e4e4e4; padding: 9% 6% 2% 6%; width: 100%; min-height:400px; background-image: url("http://promisechildren.net/wp-content/uploads/missionbox_02.jpg");background-repeat: no-repeat; background-position: 100% 100%;}
.missiontitle{font-size: 21px;letter-spacing: -1px;color: black;font-weight: 500;text-shadow: 1px 1px 1px black;}
.missiontext{font-size: 15px; color: black; font-weight: 300;}

.sponsorshipbox{border: 1px solid #e4e4e4; padding: 9% 6% 2% 6%; min-height:400px; background-image: url("http://promisechildren.net/wp-content/uploads/sponsorship.jpg");background-repeat: no-repeat; background-position: 100% 100%;}
.sponsorshiptitle{font-size: 21px;letter-spacing: -1px;color: #3c3c3c;font-weight: 500;}
.sponsorshiptext{font-size: 15px; color: #3c3c3c; font-weight: 300;}

/*.hostalbox{border: 1px solid #e4e4e4; padding: 8% 8% 2% 8%; min-height:400px; background-color: #cfebc5; background-image: url("http://promisechildren.cafe24.com/wp-content/uploads/hostalbox_02.jpg"); background-repeat: no-repeat; background-position: 97% 97%; background-size:40%;} */

.hostalbox{border: 1px solid #e4e4e4; padding: 9% 6% 2% 6%; width: 100%; min-height:400px; background-image: url("http://promisechildren.net/wp-content/uploads/hostalbox_02.jpg");background-repeat: no-repeat; background-position: 100% 100%;}

.sponsorlogobox{border: 0px solid #e4e4e4; padding: 9% 6% 2% 6%; min-height:120px; background-color: #cfebc5;}

.sponsorshiplogo{font-size: 25px;letter-spacing: -1px;color: #3c3c3c;font-weight: 500; min-height: 200px; height: 200px;}

.sponsormainbox{border: 1px solid #e4e4e4; padding: 9% 6% 2% 6%; width: 100%; min-height:400px; background-image: url("http://promisechildren.net/wp-content/uploads/youngf_03ww.jpg");background-repeat: no-repeat; background-position: 100% 100%;}

/* pagetitle */
.mpagetitle{display: block;font-size: 44px;color: #ffffff;letter-spacing: -1px;font-weight: 550;text-decoration: none;height: 34px; text-shadow: 1px 1px 1px black; margin-bottom: 1%;}
.pagetitle{display: block;font-size: 18px;color: #ffffff;letter-spacing:0px;font-weight: 500;text-decoration: none;height: 15px;}


/* tab desigen */
#top .main_color .tabcontainer .tab:hover, #top .main_color .tabcontainer .tab.active_tab{color: #70b312;font-size: 15px;line-height: 1;font-weight: normal;text-align: center;letter-spacing: -1px;font-weight: 500/*bold*/;}
.main_color .tabcontainer .tab {color: #919191;font-size: 15px;line-height: 1;font-weight: normal;text-align: center;letter-spacing: -1px;font-weight: 500/*bold*/;}
.js_active .top_tab .tab {border-bottom: none;padding: 12px 16px 14px 16px;border: 0px solid ;background-color: #fff;}
.js_active .active_tab_content {display: block;visibility: visible;z-index: 3;position: relative;overflow: auto;border-style: solid;border-width: 0px;border-radius: 2px;left: 0;width: auto;}
    
/* timeline express - 직접수정이 필요함 */


/* 기도회 안내 */
.playertitle{font-size: 18px; background-color: #F1C40D; min-width: auto; min-height: 90px; border-bottom-left-radius: 20%;}

.playert_tuev{font-size: 18px; color:white; background-color: #F99D50; min-width: auto; min-height: 40px;padding: 10px 0 0 7%; border-top-left-radius: 20px;}
.playert_wedv{font-size: 18px; color:white; background-color: #91B7BC; min-width: auto; min-height: 40px;padding: 10px 0 0 7%; border-top-left-radius: 20px;}
.playert_thuv{font-size: 18px; color:white; background-color: #384595; min-width: auto; min-height: 40px;padding: 10px 0 0 7%; border-top-left-radius: 20px;}
.playert_friv{font-size: 18px; color:white; background-color: #DE768B; min-width: auto; min-height: 40px;padding: 10px 0 0 7%; border-top-left-radius: 20px;}
.playert_satv{font-size: 18px; color:white; background-color: #4067B0; min-width: auto; min-height: 40px;padding: 10px 0 0 7%; border-top-left-radius: 20px;}
.playert_sunv{font-size: 18px; color:white; background-color: #71B30E; min-width: auto; min-height: 40px;padding: 10px 0 0 7%; border-top-left-radius: 20px;}


.playercontent{border: 1px solid #aeaeae; padding: 3% 0 1% 7%; font-size:14px; min-height: 120px; border-bottom-right-radius: 50px;}
.playercontent .content1{margin-bottom:2%;}
.playercontent .content2{font-size: 13px;}

/* <div class="pagesubtitle">│오시는길</div> */
.pagesubtitle{color:#697282; font-size: 27px; font-weight: 550;line-height: 28px; margin: -11px 0 20px -10px;}
.mpagesubtitle{color:#697282; font-size: 27px; font-weight: 550;line-height: 28px; margin: 10% 0 20px -10px;}

.reviewimg img{width: auto; height: 90px; padding-bottom: 20px;}
.reviewcontent {font-size: 12px;line-height: 15px; margin: -90px 0 3% 130px; }
.reviewcontent p{ margin: 0px;}

/* cms contact form */
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select{margin-bottom: 0px;}

#top label {font-weight: 500; font-size: 18px; color: #535353; line-height: 30px; padding:-20px; }
#top .main_color input[type='text']{border: 1 solid #e1e1e1; background-color: #f8f8f8; color: #0C57A0; height: 30px;}
.cmstitle p{margin: 0px;}
.cmsspace{height: 20px; width: auto;}

/* cp 선교회 페이지 */
.cptitle1 {font-size: 19px; line-height: 35px; color: #86C96E;}

.outline{border: 2px solid #838383; padding: 5%; width: 100%; height: inherit;}
.cptitle2{font-size: 25px; line-height: 35px; color:#ed7000; font-weight: bold; padding-bottom: 1%; }
.cptitle3{font-size: 19px; line-height: 25px; color:#697282;}

.cptitle4{font-size: 20px; line-height: 35px; color:#0C57A0; font-weight: bold; padding-bottom: 1%; }
.cptitle5{font-size: 15px; line-height: 20px; color:#697282;}

.cptitle8{font-size: 15px; line-height: 20px; color:#697282;}


/* kakaotalk */
.kakaotalk{background:#fae100; color:#000000; font-size:21px !important; font-weight: normal !important; width:100% !important; height:50px; text-align:center; line-height:50px; display:inline-block; letter-spacing:1px; border-radius: 10px; min-height: min-intrinsic; height: auto;}
.kakaotalk .name a img{width: 150px; height:auto; padding-top: 10px;}

/* Footer */
.copyright{margin: 2% 0 0% 0; font-size:13px;}

/*----------------------------------------
// CSS -  Magazine title
//--------------------------------------*/

#top .av-magazine .av-magazine-title {    
    font-weight: 900!important;
    color: coral;
}

/* CSS -  Magazine Content */

#top .av-magazine-content.entry-content {
font-size:12px;
color:#000;
line-height:1.6em;  
padding:0 0 10px 0;
}

/* CSS -  Magazine Meta */

#top .entry-content-header .av-magazine-time {
font-size:9px;
color: #9cc2df;
letter-spacing:.06em; 
font-weight:600;
}

/* CSS -  Magazine Thumbnail size */

#top .av-magazine-entry-small .av-magazine-thumbnail {    
    margin: 0 15px 15px 0;
    width: 150px;
    min-height: 100px;
}

#top .av-magazine-entry-small .av-magazine-thumbnail img {
    width: 150px;
    max-height: 100px;
}

/* Thumbnail width in mobile */
@media only screen and (max-width: 768px) {
#top .av-magazine-entry-small .av-magazine-thumbnail {    
    margin: 0 10px 10px 0;
    width: 75px;
    min-height: 50px;
}

#top .av-magazine-entry-small .av-magazine-thumbnail img {
    width: 75px;
    max-height: 50px;
}