/* 
1. Add your custom Css styles below
2. Place the this code in your template: 
 <link href="css/custom.css" rel="stylesheet">
*/

/* 메뉴 */
#mainMenu nav > ul > li > a {font-size:16px;}
#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
    color: #973735;
}


/* 콘텐츠 제작 content-creation */
.content-creation h1 {margin-bottom:10px !important;}
.content-creation p.sub-tit {font-size:18px;margin-bottom:40px;}
.content-creation h4.media-heading {line-height:24px;}
.content-creation .media-text {margin-bottom:30px;}
.content-creation .media-text p {font-size:16px;line-height:20px;}



/* 샘플보기 */
.demo .polo-carousel-item img {width: 700px;border:1px solid #999;padding-right:10px;}

img {max-width:100%;}
.portfolio img {border:1px solid #999;}
.portfolio h2 {padding:0 15px;}


.text-title {padding:0 15px; font-size: 35px !important;font-weight: 600;}
p.body-title {font-size: 1.2rem;letter-spacing: -.5px;}
p.sub-title {font-size: 1.3rem;letter-spacing: -.5px;}
span {font-size: 1.2rem;letter-spacing: -.5px;}


.bg-overlay {opacity: 1;}


.bg-black {background:#E22812;color:#fff;text-align:center;margin-bottom:0px;font-size:26px;font-weight:600;}
.bg-black span {color:#ffe419;font-size:26px;}


.inspiro-slider .slide .slide-captions h1 {font-size: 60px;}
.inspiro-slider .slide .slide-captions .strong::after {width: 80px;}



#footer .footer-content {padding: 30px 0 20px 0;}
p.copyright {font-size: .9rem;letter-spacing: 0px;}



.form-group .bg-color {background-color:#973735 !important; border:0px !important;}
.p-l-15 {padding-left:15px;}
.p-lr-5 {padding:0 5px;}
.t-a-c {text-align:center;}


.flickity-button {background: #ea1717;width: 60px;height: 60px;line-height: 60px;}
.flickity-button:before {color: #fff;font-weight:900;font-size: 40px;}
.flickity-button:hover {background-color: #ea1717;}
.flickity-button:hover:before {color: #1f1f1f;}


.sample .flickity-button.previous {left: -55px;}
.sample .flickity-button.next {right: -55px;}
.sample .carousel:hover .flickity-button.next {right: -60px;}


.h-100 {height: 100% !important;}


/* webzien 콘텐츠 제작 */
.con-making .text-night {font-size: 40px !important;font-weight: 800;line-height: 1.1;margin-bottom: 20px;}
.con-making .icon-box.border.small .icon {height: 46px;position: absolute;top: 0px; width: 46px;}
.con-making .icon-box.medium > h3, .icon-box.medium > h4, .icon-box.medium > h5 {margin: 0 12px 0px 75px;}
.con-making .icon-box.medium > p {margin: 0 0 20px 75px;}

.con-making .icon-box.effect .icon i:hover:after, .icon-box.effect:hover .icon i:after {-webkit-transform: scale(0.8);transform: scale(0.8);opacity: 1;}



/* ebook */
.bg-primary {background-color: #028FDF !important;}
.bg-primary2 {background-color: #F9F9F9 !important;}
.txt-white {color:#fff !important;}
.txt-black {color:#333;}
.text-bold-9 span {font-weight:900 !important;letter-spacing: -0.8px;font-size: 1em;color:#E22812;}
.txt-b-18 {font-size: 40px;font-weight: 900;letter-spacing: -.2rem;}
.txt-b-28 {font-size: 26px !important;font-weight: 900;letter-spacing: -.2rem;margin-bottom:10px !important;}
span.txt-point {color:#028FDF;font-weight:bold;}

.ebook-smp .flickity-viewport {height: 373.078px !important;}




.d-flex a {font-size:1.2rem !important;}

.ebook-smp .smp {max-width:245px;}
.ebook-smp .smp img {max-width:245px;}
.carousel:hover .flickity-button.previous {left: -60px;opacity: 1;}
.carousel:hover .flickity-button.next {right: -30px;opacity: 1;}
.ebook-smp .flickity-button.previous {left: -60px;}
.ebook-smp .flickity-button.next {right: -30px;}
.ebook-smp .flickity-button {opacity: 1;background:unset;box-shadow:unset;}
.ebook-smp .flickity-button:before {color: #333; background-repeat: no-repeat no-repeat;font-size:60px;}
.ebook-smp .flickity-button {top: 40%;}

.font-16 {font-size:16px;}

.le-sp-05 {letter-spacing: -0.5px;}
.le-sp-1 {letter-spacing: -1px;}
.le-sp-2 {letter-spacing: -2px;}

.p-lr-15 {padding:0 15px;}


.p-t-50 {padding-top: 50px !important;}



@media (min-width: 992px) {
	.col-lg-6 {float: left;}

}


@media (max-width: 997px) {
	.inspiro-slider .slide .slide-captions h1 {font-size: 45px;line-height: 50px;}

}

@media (max-width: 500px) {
	.inspiro-slider .slide .slide-captions h1 {font-size: 38px;}
	.ebook-smp .smp {margin:0 auto;}

	.ebook-smp .flickity-button.previous {left: -20px;}
	.ebook-smp .flickity-button.next {right: -20px;}
	.carousel:hover .flickity-button.previous {left: -20px;opacity: 1;}
	.carousel:hover .flickity-button.next {right: -20px;opacity: 1;}
}