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

@font-face {
 font-family: 'NanumBarunpen';
 src: url(webfont/NanumBarunpen/NanumBarunpenR.eot);
 src: url(webfont/NanumBarunpen/NanumBarunpenR.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunpen/NanumBarunpenR.woff) format('woff'),
      url(webfont/NanumBarunpen/NanumBarunpenR.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: 'NanumBareunGothicUltraLight';
 src: url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.eot);
 src: url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.woff) format('woff'),
      url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumGothicEco';
 src: url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.eot);
 src: url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.woff) format('woff'),
      url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBrush';
 src: url(webfont/NanumBrush/NanumBrush.eot);
 src: url(webfont/NanumBrush/NanumBrush.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBrush/NanumBrush.woff) format('woff'),
      url(webfont/NanumBrush/NanumBrush.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumPen';
 src: url(webfont/NanumBrush/NanumPen.eot);
 src: url(webfont/NanumBrush/NanumPen.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBrush/NanumPen.woff) format('woff'),
      url(webfont/NanumBrush/NanumPen.ttf) format('truetype');
}

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


/* font select */
body * {
    font-family:'NanumBarunGothic',sans-serif;
}

.swiper-slide {     height: 243px!important; }


/* mainsection1 s */
#mainsection-1 { background-image: url(../Images/contents_bg01.jpg); height:480px;}
#mainsection-1 .container { padding:0px; }
#mainsection-1 .row { margin-top:30px; }
#mainsection-1 .row img:hover {background-color:#fff; opacity:0.6; transition:0.3s;}
.ms1-1 a { background: #fff; display: block;}
.ms1-2 a { background: #fff; display: block;}
.ms1-3 a { background: #fff; display: block;}
.ms1-inner { background-color:#fff; padding:25px;}
.ms1-inner h3 { margin:0px; font-size:23px; font-weight:bold; margin-bottom:30px; }
.ms1-inner p { font-size: 15px; color: #999; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.ms1-inner p:hover { color:#337ab7; text-decoration:none;}
.ms1-inner a:hover {text-decoration:none;}
.ms1-inner span { display:block; margin-bottom:10px;}
.ms1-more { background-color:#9598A1; padding:5px 10px; display:inline-block; font-size:15px; color:#fff; float:right;}
.ms1-more:hover { background-color:#545D79; transition:0.2s;}
/* mainsection1 e */

/* mainsection2 s */
#mainsection-2 { background-image: url(../Images/album_bg.png); height:445px;}
#mainsection-2 .row { margin-top:50px; text-align:center; margin-bottom:40px;}
#ms2-gellary { width:1480px; margin:0 auto; overflow:hidden;}
.contentSlide, swiper-slide, swiper-slide-active {width:364px!important;}
#mainsection-2 #ms2-gellary .contentSlideWrapper img:hover { opacity:0.5; transition:0.3s;}
#ms2-left { position:absolute; top:90px; left:100px;}
#ms2-right { position:absolute; top: 90px; right: 100px;}
#ms2-left:hover, #ms2-right:hover { cursor:pointer;}
.ms2-cont { font-size:17px; color:#fff; background-color:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; height:20%; text-align:center; padding:10px 0px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
/* mainsection2 e */

/* mainsection3 s */
#mainsection-3 { background-image: url(../Images/quickmenu_bg.jpg); height:340px; }
#mainsection-3 .row { padding:0px; margin:70px 0px;}
.ms3-cont { text-align:center; }
.ms3-cont h3 { font-size: 30px; color:#FFFF6D; margin-bottom:25px; margin-top:0px;}
.ms3-cont hr { width:35px;}
.ms3-p1 { font-size:16px; color:#fff; margin-top:30px;}
.ms3-p2 { color:#fff; font-size:21px;  background-color:#000; display:inline-block; padding: 5px 45px; margin-top:30px;}
.ms3-p2:hover { color:#FFFF6D; transition:0.3s;}
/* mainsection3 e */

/* mainsection4 s */
#mainsection-4 li { font-size:15px; color:#989898; padding:2px 0px; color: #999; padding: 2px 0px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; text-decoration:none;}
#mainsection-4 li:hover { color: #2078AF; text-decoration: none;}
#mainsection-4 a:hover {text-decoration:none;}
#mainsection-4 .row { margin-top:45px; margin-bottom:50px;}
#mainsection-4 hr { margin:10px 0px;}
/* mainsection4 e */


@media(max-width:768px) {
    .ms1-more { display:none; }
    .ms3-cont h3 { font-size:25px;}
    .ms3-p2 { font-size:15px; padding: 5px 10px;}
    #mainsection-2 .col-xs-12 { overflow:hidden;}
}

@media(max-width:767px) {
    #dimodePage { overflow:hidden;}
        .ms1-more { float:none;  margin-bottom: 20px; display:inline-block; }
        #mainsection-1 {background-image:none; height:auto; text-align:center;}
        #mainsection-3 {background-image:none; background-color:#177CC0; height:inherit;}
        #mainsection-4 {text-align:center;}
        #mainsection-4 .col-xs-12 { margin-top:30px;}
        #mainsection-4 img { margin-bottom: 15px; }
        .ms3-cont { margin-top:20px;}
        .ms3-p2 { font-size: 20px; padding: 5px 40px; }
        .ms3-cont h3 { font-size:30px;}
    #mainsection-2 .widget-slider {
        padding:0px!important;
    }
}