/*--------------------------------------
    eyoom (이윰빌더)
--------------------------------------*/


/*---------- Basic Body ----------*/
.basic-body.page-padding {padding-top:25px;padding-bottom:60px}
.basic-body.ft-padding {padding-bottom:25px}
.basic-body .basic-body-page {position:relative;background:#fff;padding:0 15px;border:1px solid #e5e5e5}
.basic-body .basic-body-page .category-mobile-area {display:none}
.basic-body .basic-body-page .basic-body-main {background:#fff;padding-left:20px;padding-right:20px;padding-top:25px;padding-bottom:25px}
.basic-body .basic-body-main { padding-bottom:60px}
.basic-body .basic-body-main.left-main {border-right:1px solid #e5e5e5;padding-left:20px;padding-right:20px;padding-bottom:60px}
.basic-body .basic-body-main.right-main {border-left:1px solid #e5e5e5;padding-left:20px;padding-right:20px;padding-bottom:60px}
.basic-body .basic-body-main.page-padding {padding-bottom:25px}
.basic-body .basic-body-main.ft-padding {padding-bottom:25px}
.basic-body .basic-body-side {padding:25px 20px}
.basic-body .basic-body-side.left-side {margin-right:-1px;border-right:1px solid #e5e5e5}
.basic-body .basic-body-side.right-side {margin-left:-1px;border-left:1px solid #e5e5e5}
.basic-body .basic-body-side .side-mobile-area {display:none}
@media (min-width:992px){
    .basic-body .basic-body-main.col-md-9 {width:73%}
    .basic-body .basic-body-side.col-md-3 {width:27%}
}
@media (max-width:991px){
    .basic-body .basic-body-page .category-mobile-area {display:block}
    .basic-body .basic-body-page .basic-body-main {padding-left:15px;padding-right:15px}
    .basic-body .basic-body-main.left-main {border-right:0;padding-left:15px;padding-right:15px}
    .basic-body .basic-body-main.right-main {border-left:0;padding-left:15px;padding-right:15px}
    .basic-body .basic-body-side.left-side {margin-right:0;border-right:0;padding:0}
    .basic-body .basic-body-side.right-side {margin-left:0;border-left:0;padding:0}
    .basic-body .basic-body-side .side-pc-area {display:none}
    .basic-body .basic-body-side .side-mobile-area {display:block;padding:25px 0}
}
@media (max-width:767px){
    .basic-body.page-padding {padding:0}
    .basic-body .basic-body-page {border:0}
}

/*---------- Modal ----------*/
.contents-modal .modal-box {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;margin:0;background:#fff;  }
.contents-modal .modal-box .modal-content {position:relative;padding:30px;box-shadow:0 0 0 #fff}
.contents-modal .modal-box .modal-content h4 {position:relative;margin:30px 0;font-size:26px;line-height:40px}
.contents-modal .modal-box .modal-content h4 span {font-weight:700;color:#48A2B8}
.contents-modal .modal-box .modal-content h4:after {content:"";display:block;position:absolute;top:-15px;left:0;width:50px;height:2px;background:#48A2B8}
/* --- 검색 모달 --- */
/* 입력창 */
.contents-modal .input-button {position:relative}
.contents-modal .input-button input[type="text"] {width:100%;padding:6px 12px;border:0 none !important;border-bottom:2px solid #909090 !important;color:#909090;height:60px;font-size:20px}
.contents-modal .input-button .button {position:absolute;right:1px;top:10px;padding:0 20px;font-size:24px;height:40px;background:none;border:0 none}
.contents-modal .input-button .button input {position:absolute;top:0;right:0;padding:0;font-size:12px;line-height:40px;opacity:0;cursor:pointer}
/* bottom */
.contents-modal .modal-box .contnets-bottom {margin-top:30px;padding-bottom:10px;text-align:center}
.contents-modal .modal-box .contnets-bottom button {border:0 none;position:relative;display:inline-block;overflow:hidden;padding:8px 25px;letter-spacing:2px;color:#1b1b1b;background:none;border-width:1px;border-style:solid;border-color:#1b1b1b;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease}
.contents-modal .modal-box .contnets-bottom button:before {content:"";position:absolute;top:0;left:0;bottom:0;right:-50px;display:block;border-right:50px solid transparent;border-bottom:80px solid #1b1b1b;transform: translateX(-100%);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease}
.contents-modal .modal-box .contnets-bottom button:hover:before {transform: translateX(0)}
.contents-modal .modal-box .contnets-bottom button span {position: relative;z-index:1;}
.contents-modal .modal-box .contnets-bottom button:hover span {color:#fff}
@media (max-width:767px){
	.contents-modal .modal-box {width:300px;height:300px;}
	.contents-modal .modal-box .modal-content {padding:10px}
	.contents-modal .modal-box .modal-content h4 {margin-bottom:10px;font-size:20px;line-height:30px}
	.contents-modal .input-button input[type="text"] {height:50px;font-size:16px}
	.contents-modal .input-button .button {font-size:20px}
	.contents-modal .modal-box .contnets-bottom {margin-top:20px}
}
/* --- 멤버 모달 --- */
.contents-modal .modal-box .member-list {display:flex;justify-content:center}
.contents-modal .modal-box .member-list li {margin:0 10px;text-align:center}
.contents-modal .modal-box .member-list li a {display:block;width:80px;padding-bottom:10px;background:#eee}
.contents-modal .modal-box .member-list li a i {display:block;padding:20px 0;margin-bottom:5px;font-size:20px;background:#909090;color:#fff}
.contents-modal .modal-box .member-list li a span {font-size:11px;color:#333}
.contents-modal .modal-box .member-list li a:hover {background:#333}
.contents-modal .modal-box .member-list li a:hover span {color:#fff}
@media (max-width:767px){
	.contents-modal .modal-box .member-list li a {width:70px;}
}

/*---------- Page Title ----------*/
.page-title-wrap { position:relative;background:#fff; border:1px solid #e5e5e5; padding:20px 30px;}
.page-title-wrap h2 {margin:0;padding:0;font-size:22px;color:#454545;font-weight:bold}
.page-title-wrap .breadcrumb {margin:3px 0 0;padding:0;background:none;font-size:12px;color:#656565}
.page-title-wrap .breadcrumb li {color:#656565}
.page-title-wrap .breadcrumb li a {color:#656565}

/*---------- Main Index ----------*/
.main-mobile-content .poll {margin:30px 0 0}

/*---------- Sidebar Tab ----------*/
.sidebar-tab {position:relative;margin:0 0 25px}
.sidebar-tab .nav-tabs {background:#f5f5f5;border-bottom:1px solid #e5e5e5}
.sidebar-tab .nav-tabs li {width:50%}
.sidebar-tab .nav-tabs li a {text-align:center;margin-right:0;margin-left:-1px;color:#959595;border:1px solid #e5e5e5;padding:7px 5px;font-size:12px}
.sidebar-tab .nav-tabs li:first-child a {margin-left:0}
.sidebar-tab .nav-tabs li a:hover {background:#fff;border-bottom:1px solid #e5e5e5}
.sidebar-tab .nav-tabs li.active a {z-index:1;background:#fff;font-weight:bold;color:#353535;border-bottom:0}
.sidebar-tab .tab-content {position:relative;border:1px solid #e5e5e5;border-top:0;padding:10px;background:#fff}

/*---------- Quick Menu ----------*/
.quick-menu-wrap {position:relative}
.quick-menu {position:absolute;z-index:1;right:-78px;top:0px;width:68px;border:1px solid #e5e5e5;background:#fff}
.quick-menu.quick-menu-main {top:25px}
.quick-menu .quick-menu-box {position:relative;display:block;text-align:center;padding:10px 0;border-bottom:1px solid #e5e5e5}
.quick-menu .quick-menu-box.heading-current {padding:3px 0;background:#f5f5f5}
.quick-menu .quick-menu-box.current-view {padding:5px;border-bottom:0}
.quick-menu .quick-menu-box i {color:#b5b5b5;font-size:16px}
.quick-menu .quick-menu-box span {display:block;color:#2E3340;font-size:11px;padding-top:2px;letter-spacing:-1px}
.quick-menu .quick-menu-box:hover i, .quick-menu ul li a:hover span {color:#000}
.quick-menu .quick-menu-box .quick-carousel {width:100%}
.quick-menu .quick-menu-box .item-image img {width:100%;height:auto;background:#fff;margin-bottom:5px}
.quick-menu .quick-menu-box p {width:100%;height:80px;padding-top:20px;letter-spacing:-1px;font-size:11px;background:#fff;margin:0;color:#959595}
.quick-menu .quick-menu-box .quick-carousel .carousel-arrow a {font-size:11px;padding-top:6px;color:#959595}
.quick-menu .quick-menu-box .quick-carousel .carousel-arrow a:hover, .quick-menu .quick-menu-box .quick-carousel .carousel-arrow a:focus {color:#000}
.quick-menu .quick-scroll-btn {background:#676769;text-align:center;color:#fff;padding:8px 0;margin:-1px;cursor:pointer}
.quick-menu .quick-scroll-btn:hover {background:#4B4B4D}
.quick-menu .quick-scroll-btn.top-btn {padding:7px 0 9px}
.quick-menu .quick-scroll-btn.down-btn {border-top:1px solid #959595}
.quick-menu .quick-scroll-btn i {display:block;font-size:12px;line-height:1}
.quick-menu .quick-scroll-btn span {display:block;font-size:10px;line-height:1;color:#d5d5d5}
@media (max-width:991px) {
    .quick-menu {display:none}
}





.hs_color01 { color:#197ec3 !important; }
.hs_color02 { color:#8fc31f !important; }
.hs_color03 { color:#e5841e !important; }


.main_groupTitle { position:relative; clear:both; float:left; width:100%; height:60px; margin:30px 0; padding:0; text-align:center; display:table; }
.main_groupTitle h2 { position:relative; clear:both; line-height:60px; margin:0 auto; padding:0 45px; text-align:center; font-family: 'Godo', 'Sans-serif'; font-size:52px; font-weight:600; color:#444; display:inline-block; }
.main_groupTitle h2:before { content:""; position:absolute; top:3px; left:0; height:50px; border-left:13px solid #444; border-top:8px solid transparent; border-bottom:8px solid transparent; }
.main_groupTitle h2:after { content:""; position:absolute; top:3px; right:0; height:50px; border-right:13px solid #444; border-top:8px solid transparent; border-bottom:8px solid transparent; }
.main_groupTitle p { position:relative; clear:both; width:100%; line-height:1.7em; margin:25px auto; padding:10px; text-align:center; font-family: 'NanumMyeongjo', 'Sans-serif'; font-size:20px; font-weight:400; color:#444; display:inline-block; }
.main_groupTitle.txt-white h2 { color:#FFF; }
.main_groupTitle.txt-white h2:before, .main_groupTitle.txt-white h2:after { border-color:transparent #FFF; }
.main_groupTitle.txt-white p { color:#cfe1ff; }

#subpage_upper, #subpage_lower{ position:relative; clear:both; float:left; width:100%; height:0; margin:0; padding:0; display:table; }
.conInner { position:relative; clear:both; width:100%; max-width:1440px; height:auto; margin:0 auto; padding:70px 30px; display:table; }
.ebcontents { position:relative; clear:both; float:left; width:100%; height:auto; margin:0; padding:0; display:table; }
.ebcontentsBox { position:relative; clear:both; float:left; width:100%; height:auto; margin:0; padding:0; display:table; }

.back-to-top { background:#336ab8 !important; box-shadow:3px 3px 0 rgba(0,0,0,0.2); border-radius:5px !important; }
@media (max-width:1199px){
}
@media (max-width:991px){ /* 타블렛 스타일*/
	.mainContainer { width:calc( 100% - 20px ); }
	.conInner { padding:50px 30px; }

	.main_groupTitle { height:40px; margin:20px 0;  }
	.main_groupTitle h2 { line-height:40px; padding:0 30px; font-size:34px; }
	.main_groupTitle h2:before { top:2px; height:34px; border-left:9px solid #444; border-top:6px solid transparent; border-bottom:6px solid transparent; }
	.main_groupTitle h2:after { top:2px; right:0; height:34px; border-right:9px solid #444; border-top:6px solid transparent; border-bottom:6px solid transparent; }
	.main_groupTitle p { font-size:18px; }

	.btnBox { margin:25px auto; padding:9px 25px; font-size:13px; border-radius:3px !important; }
}
@media (max-width:767px){ /* 모바일 스타일*/
	.mainContainer { width:100%; }
	.conInner { padding:30px 15px; }

	.main_groupTitle { height:30px; margin:20px 0;  }
	.main_groupTitle h2 { line-height:30px; padding:0 25px; font-size:26px; }
	.main_groupTitle h2:before { top:1px; height:28px; border-left:8px solid #444; border-top:5px solid transparent; border-bottom:5px solid transparent; }
	.main_groupTitle h2:after { top:1px; height:28px; border-right:8px solid #444; border-top:5px solid transparent; border-bottom:5px solid transparent; }
	.main_groupTitle p { margin:20px auto; font-size:14px; }

	.btnBox { margin:20px auto; padding:8px 20px; font-size:12px; border-radius:2px !important; }
}


/* waypoints 애니메이션 */
@media (min-width:992px){
    /* 위로 가는 애니메이션 */
    .waypoints-up {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(0,30px,0);-moz-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
    .w-active .waypoints-up {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 아래로 가는 애니메이션 */
    .waypoints-down {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(0,-30px,0);-moz-transform:translate3d(0,-30px,0);-o-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    .w-active .waypoints-down {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 오른쪽으로 가는 애니메이션 */
    .waypoints-right {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(-30px,0,0);-moz-transform:translate3d(-30px,0,0);-o-transform:translate3d(-30px,0,0);-ms-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}
    .w-active .waypoints-right {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 왼쪽으로 가는 애니메이션 */
    .waypoints-left {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(30px,0,0);-moz-transform:translate3d(30px,0,0);-o-transform:translate3d(30px,0,0);-ms-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}
    .w-active .waypoints-left {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 가운데 출력 애니메이션 */
    .waypoints-center {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
    .w-active .waypoints-center {opacity:1}
    /* 딜레이 */
    .delay-01 {-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}
	.delay-02 {-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
	.delay-03 {-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
	.delay-04 {-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
	.delay-05 {-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.5s}
	.delay-06 {-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;-ms-transition-delay:.6s;transition-delay:.6s}
	.delay-07 {-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-o-transition-delay:.7s;-ms-transition-delay:.7s;transition-delay:.7s}
	.delay-08 {-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s;-ms-transition-delay:.8s;transition-delay:.8s}
	.delay-09 {-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-o-transition-delay:.9s;-ms-transition-delay:.9s;transition-delay:.9s}
    .delay-10 {-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s}
    .delay-15 {-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s}
    .delay-20 {-webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;-ms-transition-delay:2s;transition-delay:2s}
    .delay-25 {-webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-o-transition-delay:2.5s;-ms-transition-delay:2.5s;transition-delay:2.5s}
    .delay-30 {-webkit-transition-delay:3s;-moz-transition-delay:3s;-o-transition-delay:3s;-ms-transition-delay:3s;transition-delay:3s}
}