@font-face {
    font-family: 'NanumBarunGothic';
    src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot);
    src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'), url(webfont/NanumBarunGothic/NanumBarunGothicWeb.woff) format('woff'), url(webfont/NanumBarunGothic/NanumBarunGothicWeb.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumBarunGothic';
    src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot);
    src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'), url(webfont/NanumBarunGothic/NanumBarunGothicWeb.woff) format('woff'), url(webfont/NanumBarunGothic/NanumBarunGothicWeb.ttf) format('truetype');
}

@font-face {
    font-family: 'Cute Font';
    src: url(/UserData/samchun/webfont/CuteFont/cute-font-v8-korean_latin-regular.eot);
    src: url(/UserData/samchun/webfont/CuteFont/cute-font-v8-korean_latin-regular.eot?#iefix) format('embedded-opentype'), url(/UserData/samchun/webfont/CuteFont/cute-font-v8-korean_latin-regular.woff) format('woff'), url(/UserData/samchun/webfont/CuteFont/cute-font-v8-korean_latin-regular.ttf) format('truetype');
}
@font-face {
  font-family: "Nanum Square";
  font-weight:400;
 src: url("webfont/NanumSquare/NanumSquareR.eot");
 src: url("webfont/NanumSquare/NanumSquareR.eot?#iefix") format("embedded-opentype"),
      url("webfont/NanumSquare/NanumSquareR.woff") format("woff");
}

@font-face {
  font-family: "Nanum Square";
  font-weight: 700;
  src:url("webfont/NanumSquare/NanumSquareB.eot");
  src:url("webfont/NanumSquare/NanumSquareB.eot?#iefix") format("embedded-opentype"),
       url("webfont/NanumSquare/NanumSquareB.woff") format("woff");
}
#component7702 #daumRoughmapContainer1563857681464 { width:100%!important; }
#component7702 #daumRoughmapContainer1563859315609 { width:100%!important; }
.board-theme .theme-list table th, .board-theme .theme-list table td{font-size: 15px!important;}
.theme-detail{font-size:15px;}
ul.nav li.dropdown:hover > ul.dropdown-menu {
	display:block;
	margin:0;
	
	}

dimode-slider slider img { width:100%; }
.slider .slider-dots { bottom:35px!important; }
#gnb-wrap img { float:left; margin: 15px 0px;}


#gnb > li  { float:left; position:relative;font-size: 24px; font-weight: bold;}
#gnb > li:last-child > span{display: none;}
.board-theme .sub-title{ position: relative; bottom: 75px; width:100%;text-align: center;padding-top:50px;}
#gnb > li > a { 
		font-size: 25px;
    color: #333;
    text-decoration: none;
    transition: all ease 0.3s;
    padding: 30px 22px;
    /* height: 95px; */
    display: inline-block;
    /* font-family: 'Cute Font', sans-serif; */
    font-weight: bold;
}

#gnb > li > ul { display:none; }

.gnb2 {
	background: rgba(183, 39, 85, 1); width:100%; position:absolute; left:0px; z-index:9999;top: 95px; 
	height:0;
	overflow:hidden;
}


.gnb2 .wrapper {
	box-shadow: rgba(113, 113, 113, 1) 0px 0px 5px 0px; border-bottom: 0px solid #ddd;
	padding:30px 0; 
}

.layout footer .left > a.logo img { max-width:125px; }



#gnb { overflow:hidden; width:790px; margin:0 auto; }
/*
.wrapper { height:auto!important; }
*/

.navbar-default { text-align:center; padding:0 140px;}
.subtext-wrap { float:left;  padding:0px; display:none; width:220px; text-align:center; margin-right:30px;}
.subul {text-align:center; }
.subtext { display:inline-block; }
.subtext p { color:#333333;}
.subtext p:first-child { font-size:14px; margin-bottom:0px; display:none; }
.subtext p:nth-child(2) { font-size:30px; color:#fff; font-weight:bold;}
.subul > li { margin:0; display:inline-block; vertical-align:top; text-align:left; padding:0 30px; }
.subul > li:last-child { margin-right:0px; }
.subul > li > a { font-size:18px; font-weight:600; position:relative; top:5px;}
.subul > li > a > i { float:right; position:relative; top:3px; }
.subul > li > ul { margin-top:15px; }
.subul > li > ul > li { font-size:17px; transition:all ease 0.3s; line-height: initial; padding:5px 0px;}
.subul > li > ul > li > a { display: inline-block;overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; color:#fff; }
.subul > li > ul > li > a:hover { font-weight:bold; transition:0.2s all; }
.subul li a { color: #fff; text-decoration:none; }

.sub-cont { margin:40px auto 0; }
.layout nav { top:0; width:100%; height:95px; }
.widget-login a { font-size:14px; text-decoration:none; }
.widget-login a:hover { color:#D5C965; transition:0.1s all; }
.layout nav .gnb > li > ul { margin-top:2px; }
.dept3 li { padding:10px 30px; background:#fff!important;}
.dept3 li a { color:#B62755; text-decoration:none; padding:5px 0px!important; background:#fff!important;}
.navbar-nav>.open { border-bottom:3px solid #d5c965; padding-bottom:6px; margin-bottom:15px;}

.gnb2 .wrapper { width:100%; }
.layout nav .gnb > .dept3 > li.active a { background:#fff!important; }

.sub-title { padding-bottom: 20px; display:inline-block; font-weight:bold; visibility:hidden; }
.sub-top { margin:0 0 40px;}

footer > div > div > img { display:block; margin:0 auto 30px; }
footer > div > div > a { display:inline-block; font-size:15px; color:#7F7F7F; text-decoration:none;  }
footer > div > div > a:hover { color:#D5C965; text-decoration:none; transition:0.2s all; }
footer > div > div > span { margin:0 15px; display:inline-block; font-size:15px; }
footer > div > div > p {margin: 10px 0 0 0; font-size:15px; line-height:25px; color:#fff; text-align:left;}
footer > div > div > p a:hover { text-decoration:none; }

#subtop .dot { width: 100%; height: 100%; background: url(/UserData/cbuk/Layouts/cbuk_Layout/Images/dot.png) rgba(0,0,0,.0) !important; position: relative;text-align: center;position: absolute;top: 0;right: 0; }
.sub-desc hr { width:50px; margin:5px auto; border-bottom:3px solid #fff; }
.sub-desc { position:absolute; top:37%; text-align:center; width:100%; border:none; z-index:3;}
.sub-top-title {  width:100%; text-align:center; font-size:40px; font-weight:normal; color:#fff; }

body * { font-family: 'Nanum Square', sans-serif; }

.sub-top-ul2 { text-align:center; margin-top:60px; }
.sub-top-ul2 a { color:#333; }
.sub-top-ul2 a:hover { padding:15px 0; transition:0.2s all; border-top:3px solid #f9f1ac; transition:0.2s all; color:#f9f1ac; text-decoration:none; }
.sub-top-ul2 li { display:inline-block; padding:0 15px; font-size:20px; color:#333; text-decoration:none; }
.navbar-nav>li { border-bottom:3px solid #fff; }
.layout img { max-width: 100%; }
.navbar-brand img { max-width:203px; }
.layout .dropdown-menu { min-width: 100%; font-size: 12px; }
.layout .dropdown-menu > li > a { padding-left: 15px; padding-right: 15px; }
#subtop img { width:100%; }
.text-center-title{font-size:18px;margin-top:30px;}
.text-center-title-1{margin-left:30px;}
.text-center-title-2{margin-left:30px;}
.layout nav {
    background: none;
    border: 0;
    min-height: initial;
    margin: 0;
    border-bottom: 1px solid #ddd !important;
    background: #fff;
    z-index: 110;
    box-shadow: rgba(113, 113, 113, 0.28) 0px 0px 5px 0px;
}

    .layout nav .navbar-brand {
        padding: 15px;
        height: 66px;
    }

    .layout nav .navbar-toggle {
        margin-top: 18px;
        border-radius: 0;
    }

    .layout nav .gnb > li > a {
        padding: 25px 35px 20px;
        font-size: 20px;
        font-weight:bold;
        color: #333;
    }


    .layout nav .gnb > li > ul {
        padding: 0;
        min-width: 146px;
    }
    .layout nav .gnb > li > ul > li { padding:0; border-bottom:1px solid #acacac;}

        .layout nav .gnb > li > ul > li a {
            font-size: 15px;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .layout nav .gnb > li > ul > li.active a {
            background: #f15823;
        }

    .layout nav .gnb > li:first-child {
        display: none;
    }
    
        .layout nav .gnb > li:last-child {
        display: none;
    }

    .layout nav .gnb > li.active > a, .layout nav .gnb > li.active > a:hover, .layout nav .gnb > li.active > a:focus {
        font-weight: bold;
        color: #000;
    }

    .layout nav .gnb > .open > a, .layout nav .gnb > .open > a:hover, .layout nav .gnb > .open > a:focus,
    .layout nav .gnb > .active > a,
    .layout nav .gnb > .active > a:hover,
    .layout nav .gnb > .active > a:focus {
        background: none;
    }

    .layout nav .account {
        margin-top: 12px;
    }

.layout footer {
    padding: 35px 0;
    background-color: #414246;
}

    .layout footer a {
        color: #E0E0E0;
    }

    .layout footer .left > a {
        display: inline-block;
        margin: 5px;
        color: #333;
    }

    .layout footer .left > a:hover { text-decoration:none; color:#EF4023; transition:0.2s all; }


        .layout footer .left > a
    {
            font-size:15px; font-weight:bold;
        }

        .layout footer .left > a.logo {
            margin:0 25px 0 0;
        }

    .layout footer .left > .text {
        margin-top: 20px;
        color: #666;
    }

        .layout footer .left > .text a {
            color: #666;
        }

        .layout footer .left > .text p {
            font-weight:bold;
            margin-bottom: 6px;
            font-size:14px;
        }

    .layout footer .right .dropup {
        display: inline-block;
        vertical-align: top;
    }

        .layout footer .right .dropup button {
            padding-right: 60px;
            text-align: left;
            padding-top: 8px;
            font-size:14px;
        }

            .layout footer .right .dropup button .caret {
                position: absolute;
                right: 10px;
                top: 16px;
            }

.layout .top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
}

    .layout .top-btn img {
        cursor: pointer;
        display: block;
        opacity: 0.75;
    }

        .layout .top-btn img:hover {
            opacity: 1;
        }

/*search*/
.layout nav .account .search {border: 1px solid; background-color:#FAFAFA; border-color:#E5E5E5;}
.layout nav .account .search .sc-input{border: none; margin-left: 10px;}
.layout nav .account .sc-btn{border: none; background: none;}
.search-result .result-title{font-size: 18px!important; margin-top: 12px; margin-left: 12px;}

/*youtube*/
.modal-dialog{width: 50%;}
.modal-body {width: 100%;}
.detail-video { width: 100%; text-align: center; left: 0; margin: 0 auto;}
.detail-video iframe{width:100%; height:480px;}
.modal-title{font-size: 24px; text-align: center;}

/*서브탑쪽*/

#subtop img { width:100%; }
#subgnb { border-bottom:1px solid #ddd; padding:0px 0px;}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background-color:#B62755; }
#subgnb .subgnb-home { float:right; display:inline-block; margin:25px 0px 0px 0px;}
#subgnb a.active { color:#B62755; font-weight:bold; } 
#subgnb .dropdown { display:inline-block;}
#subgnb .dropdown .btn { padding:30px 20px; font-size:20px; font-weight:bold;}
#subgnb .dropdown .btn-default { border:none;}
#subgnb .dropdown .btn:hover { background-color:#B62755; transition:0.2s all ease; color:#fff;}
#subgnb .dropdown .btn .active  { background-color:#ffd1fa; }
#subgnb .dropdown-menu>li>a { padding:10px 20px; transition:0.3s all ease; font-size:18px;}
#subgnb .caret { border-top:2px solid #000; border-right: 0px solid transparent; border-left: 2px solid #000; position: relative; margin: 0; height: 8px; width: 8px; transform: rotate(225deg); transition: all 0.6s; margin-top:-10px; margin-left:20px; }
#content {padding: 75px 0px;font-size: 16px;}
.lnb-submenus{float: left;}
.lnb-submenus a{padding: 8px 15px; display: inline-block;font-size:20px;text-decoration:none;color:#000; font-weight:bold;}
.lnb-submenus2{float: right;}
.lnb-submenus2 .each-menu{display:inline-block;}
.lnb-submenus2 .each-menu .each-menu2{padding: 10px 15px; display: inline-block;font-size:18px;text-decoration:none;color:#000;}
.lnb-submenus2 .each-menu .each-menu2:hover,.lnb-submenus2 .each-menu .each-menu2:focus{background-color: #B62755;transition: 0.2s all ease;color: #fff;}
@media (min-width:1500px) and (max-width:1545px) {
    .navbar-default{ padding:0 0px; }
}
@media (min-width:1200px) and (max-width:1499px) {
    .navbar-default { padding:0 0px; }
    #gnb > li > a{font-size: 23px; padding: 31px 10px;}
    #gnb{width: 560px;}
    /*youtube*/
    .modal-dialog{width: 50%;}
    .detail-video iframe{width: 100%;height:320px;}
    .modal-title{font-size: 18px; text-align: center;}
    #gnb{width: 605px;}
    #gnb > li{font-size: 20px;}
}


@media (min-width:992px) and (max-width:1199px) {
    .navbar-brand img{max-width: 180px;}
    .navbar-default { padding:0; }
	#gnb {width: 550px;}
    .gnb2{top: 70px;}
    .layout nav{height: 70px;}
    .container-fluid{padding-right: 5px; padding-left: 5px;}
    .navbar-brand{padding: 0!important;}
    .layout nav .account{margin-top: 0px;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0px;}
    /*youtube*/
    .modal-dialog{width: 50%;}
    .detail-video iframe{width: 100%;height:320px;}
    .modal-title{font-size: 18px; text-align: center;}
    .layout nav .account .search{display: block!important;}
    .widget-login{padding: 5px 0!important;}
    #gnb{width: 550px;}
    #gnb > li{font-size: 22px;}
    #gnb > li > a{font-size: 21px;padding: 20px 8px;}
}

@media (min-width:768px) and (max-width:991px) {

    .navbar-default { padding:0; }
    /*youtube*/
    .modal-dialog{width: 50%;}
    .detail-video iframe{width: 100%;height:320px;}
    .modal-title{font-size: 18px; text-align: center;}
    .text-center-title{margin-top:0px;}
    .text-center-title-1{margin-left:0px;}
    .text-center-title-2{margin-left:20px;}
    footer > div > div > p{text-align:center;}
    .widget-login{padding:0px!important;}
    /*서브탑쪽*/
    #sub_title {font-size:30px; margin:0px 0px 30px;}
    #subgnb .dropdown { display:inline-block;}
    #subgnb .dropdown .btn { padding:30px 15px; font-size:17px; font-weight:bold;}
    #subgnb .dropdown .btn-default { border:none;}
    #subgnb .dropdown .btn:hover { background-color:#B62755; transition:0.3s all ease;}
    #subgnb .dropdown .btn .active  { background-color:#9fb2b3; }
    #subgnb .dropdown-menu>li>a { padding:10px 20px; transition:0.3s all ease; font-size:18px;}
    #subgnb .caret { border-top:2px solid #000; border-right: 0px solid transparent; border-left: 2px solid #000; position: relative; margin: 0; height: 8px; width: 8px; transform: rotate(225deg); transition: all 0.6s; margin-top:-10px; margin-left:20px; }
    #subgnb .subgnb-home { margin:25px 0px;}
    #gnb{width: 510px; position: relative; bottom: -5px;}
    #gnb > li{font-size: 20px;}
    #gnb > li > a{font-size: 18px;padding: 16px 8px;}
}




@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { font-size:15px;}
    .layout nav .gnb > li > ul > li { border-bottom:none; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { position:relative; top:-1px;}
    .navbar-nav>.open { }
    .navbar-nav>li,.navbar-default .navbar-collapse, .navbar-default .navbar-form { background:#fff; }
     .layout nav .gnb > li > a { text-align:left;  padding:10px 20px 10px;  font-size: 18px; }
    .sub-title { font-size:23px;}
    .sub-desc {display:none; }
    .sub-top-ul2 { display:none; }
    .layout nav { padding:0;}
    .navbar-default { padding:0; }
    footer > div > div > p { font-size:13px; text-align: center;}
    footer > div > div > a { font-size:13px; }
    footer > div > div > span { font-size:13px; margin:0 10px;}
    .text-center-title{margin-top:0px;}
    .text-center-title-1{margin-left:0px;}
    .text-center-title-2{margin-left:10px;}
    .layout nav .account{position: absolute; top: 5px; right: 15px;margin-top:0px;}
    .widget-login{padding:0px!important;}
    /*youtube*/
    .sermon-box .sermon-img2 .play{display:none;}
    .modal-dialog{width: 95%;}
    .detail-video iframe{width: 100%;height:320px;}
    .modal-title{font-size: 18px; text-align: center;}
    .board-theme .sub-title {bottom: 30px;}
    /*서브탑쪽*/
    #subgnb .container { padding:0px;}
    .subTitle { text-align:center;}
    #sub_title {font-size:24px; margin:0px 0px 30px;}
    #header .container { padding:0px 15px}
    #subgnb .dropdown { display:inline-block; }
    #subgnb .dropdown .btn { padding:6px; font-size:14px; font-weight:bold;  text-align:center;}
    #subgnb .dropdown .btn-default { border:none;}
    #subgnb .dropdown .btn:hover { background-color:#B62755; transition:0.3s all ease;}
    #subgnb .dropdown .btn .active  { background-color:#9fb2b3; }
    #subgnb .dropdown-menu>li>a { padding:8px 15px; transition:0.3s all ease; font-size:14px;}
    #subgnb .caret { border-top:2px solid #000; border-right: 0px solid transparent; border-left: 2px solid #000; position: relative; margin: 0; height: 8px; width: 8px; transform: rotate(225deg); transition: all 0.6s; margin-top:-10px; margin-left:10px; }
    #subgnb .subgnb-home { padding:15px 15px; width:100%; border-top:1px solid #e5e5e5; margin:0px; display:none;}
    .lnb-submenus2 .each-menu .each-menu2{font-size:14px;padding: 5px 5px;}
    .lnb-submenus a{padding: 5px 5px; font-size:14px;}
}