@charset "utf-8";

/* ----------------------------------------------------------------
	Custom CSS


-----------------------------------------------------------------*/




.portfolio-desc.main { position: absolute;text-align: left;bottom: 20px; width:100%; padding-left:20px}
.portfolio-desc.main h5 {margin-bottom:10px;}
.portfolio-desc.main a {color:#fff;}
.entry-image.main {margin-bottom:0}
.entry-title.main {position:absolute; top:40%; width:100%; padding: 0 30px; text-align:center; z-index:1;}
.entry-title.main h2 a{color:#fff;}
.entry-meta.main { width:100%; text-align:center; margin:0 auto; padding-top:20px;}
.entry-meta.main li {float:none; color:#fff;line-height: 20px; margin-right:0; margin: 0 10px 50px 0!important; padding:0 3rem;}
.portfolio-overlay.main {    background-color: rgba(0, 0, 0, 0.45);}
.portfolio-item {}


.grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.span-col-2{grid-column: span 2 / auto;}

.span-row-2{grid-row: span 2 / auto;}


.testi-content p {color:#888}
.testimonial {border:0; box-shadow: none; background:#000; border-radius:0;}



.flagMenu {padding-right:0!important; margin-right:0!important; float:right;}
.flagMenu ul {}


.flagMenu ul{
	background: #000000;
	border: none;
}






.dropdown-item .flags {padding-right:5px; width:30px;}

.dropdown-menu {min-width:6rem; font-size:0.3rem;border-radius: 0rem;}
.dropdown-menu.show {margin-top:42px;}
.dropdown-item {padding: 0.25rem 1rem;}
.dark .dropdown-menu {border:none; border-top:2px solid #fff;}
#navbarDropdown:after {display:none!important}
#iconFlag {display: inline-block;float: right; padding: 39px 15px;}
#header.split-menu #logo {border-right:none;}
ul#mainMenu {}
ul#mainMenu li {display:inline-block; padding:20px;}
ul#mainMenu li a {font-size:22px; color:#fff; font-weight: 700;letter-spacing:1.5px; font-family: 'Noto Sans KR', sans-serif;}
#header.full-header #primary-menu > ul {border-right:none; display:inline-block;}
.entry-image img {border-radius:0}

.font-weight-normal {font-weight:normal}
.letter-wide {letter-spacing:0.5px}

.owl-carousel .owl-stage {padding:0!important}

.dropdown-menu.show.footer {margin-top:0}
.btn-secondary.btn-sm.dropdown-toggle.footer {padding:0; border-color:#000; color:#fff;}
.dark .social-icon.footer {font-size:11px;}

.footer-social-wrap {margin-left:-11px;}
.footer-card img {width:22%; padding-right:10px;}


#logo a.font-logo {
display:none;
line-height: 60px;
font-size: 20px;
}


#recentView {display:none}
.footer-subscription {justify-content: center;}
.input-group.footer-subscription > .form-control {    -ms-flex: 0.3 1 auto; flex: 0.3 1 auto;}
#video-slider .owl-dots{margin-top:-80px;}
#video-slider .portfolio-overlay a {margin-left:-14px;}
.lightBorder {	border-color: rgba(255,255,255,1); color: rgba(255,255,255,1);}


.hover-color:hover{ color:#1ABC9C!important; cursor:pointer; } 

.underline {text-decoration:underline!important}
.font-white{color:#fff!important;}
.font-white:after {border-color:#fff!important;}

.opacity-zero {opacity:0}
.opacity-full {opacity:1}


.portfolio-overlay a.left-icon {background:#fff}


.mainJournalBig { position:absolute; width:100%;}
.mainJournalBigTxt {font-size:1rem}
.mainJournalBigBtn button{}
.mainJournalBigBtnWrap {position:absolute; width:100%; bottom:15%}

.mainJournalMd {position:absolute; width:100%; text-align:center; top:30%;}
.mainJournalMd h3.tt a,.mainJournalMd .desc a {color:#fff}
.mainJournalMd .desc a {padding:15px 20px;}
.mainJournalMd .desc a:hover{color:#fff;}

.mainJournalSm {position:absolute; width:100%; text-align:center; top:35%;}
.mainJournalSm h3.tt a,.mainJournalMd .desc a {color:#fff}
.mainJournalSm .desc a {padding:15px 20px; color:#fff;}
.mainJournalSm .desc a:hover{color:#fff;}
a.journalPlayBtn {top:68%!important;}


i.topMenuIcon {font-size:21px; color:#fff;}


/* 쿠키 알럿 */
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    display:none;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: rgba(0,0,0,0.65);
    transform: translateY(0%);
    transition-delay: 1000ms;
}


.close_email {
    text-decoration: underline; padding-right:15px; font-weight:bold; color:#fa5400; cursor:pointer;line-height:40px;
}


/* Detail Page Desc */
.detail-desc {font-size:16px; color:rgba(0,0,0,0.7)!important; font-family:"Raleway", 'Noto Sans KR',"Apple SD Gothic Neo", NanumBarunGothic, "나눔바른고딕", Malgun Gothic, "맑은 고딕", dotum, sans-serif}



/* A tag color */
/*
font-family: 'DIN Next Pro Bold'
font-family: 'DIN Next Pro UltraLight'
font-family: 'DIN Next Pro Regular'
font-family: 'DIN Next Pro Medium'
*/


.greyTag {color:rgba(0,0,0,0.7);}

.font-bebas {font-family: "Bebas Neue", "Apple SD Gothic Neo", NanumBarunGothic, "나눔바른고딕", Malgun Gothic, "맑은 고딕", dotum, sans-serif;}


.font-din-bold{"Raleway", 'Noto Sans KR',"Apple SD Gothic Neo", NanumBarunGothic, "나눔바른고딕", Malgun Gothic, "맑은 고딕", dotum, sans-serif;}
.font-din-Regular{"Raleway", 'Noto Sans KR',"Apple SD Gothic Neo", NanumBarunGothic, "나눔바른고딕", Malgun Gothic, "맑은 고딕", dotum, sans-serif}
.font-din-Medium{"Raleway", 'Noto Sans KR',"Apple SD Gothic Neo", NanumBarunGothic, "나눔바른고딕", Malgun Gothic, "맑은 고딕", dotum, sans-serif}
.font-din-UltraLight{"Raleway", 'Noto Sans KR',"Apple SD Gothic Neo", NanumBarunGothic, "나눔바른고딕", Malgun Gothic, "맑은 고딕", dotum, sans-serif}