@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");

/* Layout */

html, body { height:100%; }
.clearfix::after,
.clearfix::before
{display: block; clear: both; content: '';}
.article {padding-top: 100px;}

/* Basic */
@-ms-viewport { width: device-width; }
body { -ms-overflow-style: scrollbar; }

@media screen and (max-width: 480px) {

	html, body {
			min-width: 320px;
		}

	}

/*mainSlide*/
#wrapper, #container { height:100%; }
.mainSlide { height:100%; position:relative; }
.mainSlide .mtSlide { position:relative; height:100%; }
.mainSlide .mtSlide .slick-list { height:100%; }
.mainSlide .mtSlide .slick-list .slick-track { height:100%; }
.mainSlide .mtSlide .slick-list .slick-track .slick-slide  { height:100%; }
.mainSlide .mtSlide .slick-list .slick-track .slick-slide > div { height:100%; }
.mainSlide .mtSlide .mtsImgArea { position:relative; height:100%;  }
.mainSlide .mtSlide .mtsiBox { position:absolute; bottom:25%; left:15px; right:15px; margin-top:25%; opacity:0; z-index:1;
    transition:all .8s ease;
    -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    -o-transition:all .8s ease;
    -ms-transition:all .8s ease;
}
.mainSlide .mtSlide .mtsImgArea .mtsImgC { position:absolute; top:0; left:0; right:0; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center top; visibility:visible; font-size:0; line-height:0; text-indent:-999999999999px; }
.mainSlide .mtSlide .mtsImgArea .mtsImg1 { background-image:url('../images/main/main_s_1.jpg'); }
.mainSlide .mtSlide .mtsImgArea .mtsImg2 { background-image:url('../images/main/main_s_2.jpg'); }
.mainSlide .mtSlide .mtsImgArea .mtsImg3 { background-image:url('../images/main/main_s_3.jpg'); }
.mainSlide .mtSlide .mtsImgArea .mtsImg4 { background-image:url('../images/main/main_s_4.jpg'); }
.mainSlide .mtSlide .slick-list .slick-track .slick-slide.slick-active .mtsiBox { bottom:40%; opacity:0.9; }
.mainSlide .mtSlide .slick-list .slick-track .slick-slide.slick-active .mtsiBox_2 { bottom:29%; opacity:0.9; }
.mainSlide .mtSlide .mtsImgArea .mtsiTxt { display:block; color:rgba(255,255,255,0.75); font-size:22px; font-weight:bold; margin:0; padding-bottom:1.75rem; letter-spacing:3.5px; text-align:center; }
.mainSlide .mtSlide .mtsImgArea .mtsiTit { display:block; font-size:6rem; margin-bottom:10px; color:#ffffff; font-weight:300; text-align:center; }
.mainSlide .mtSlide .mtsImgArea .mtsiLine { display:block; max-width:300px; height:1px; overflow:hidden; border-top:1px solid rgba(255,255,255,0.65); margin-left:auto; margin-right:auto; transition: all 0.4s ease-in;}
.mainSlide .mtSlide .mtsImgArea .mtsBtn {max-width: 120px; margin-left: auto; margin-right: auto; margin-top: 20px; border: 1px solid rgba(255,255,255,0.65); box-sizing: border-box; text-align: center; background-color: transparent; transition:.1s ease-out;
-webkit-transition:.1s ease-out;
-moz-transition:.1s ease-out;
-o-transition:.1s ease-out;
-ms-transition:.1s ease-out;}
.mainSlide .mtSlide .mtsImgArea .mtsBtn a {color: #fff; padding: 10px 20px; display: block; font-size: 17px;}
.mainSlide .mtSlide .mtsImgArea .mtsBtn:hover {background-color: #17575e;}
.mainSlide .mtSlide .slick-arrow { position:absolute; width:50px; height:70px; z-index:1000; bottom:45%; appearance:none; font-size:0;
line-height:0; text-indent:-99999px; background-color:transparent !important; background-repeat: no-repeat;
-webkit-appearance:none; cursor:pointer; outline: none; opacity: 0.2; 
transition:.2s ease-out; 
-webkit-transition:.2s ease-out; 
-moz-transition:.2s ease-out;
-o-transition:.2s ease-out; 
-ms-transition:.2s ease-out; }
.mainSlide .mtSlide .slick-arrow:hover {opacity: 1; }
.mainSlide .mtSlide .slick-prev { left:30px; background-image: url(../images/main/pre_icon.png); border: none; }
.mainSlide .mtSlide .slick-next { right:30px; background-image: url(../images/main/next_icon.png); border: none;}
.mainSlide .mtSlide .slick-dots { position:absolute; left:30px; right:30px; bottom:50px; text-align:center; }
.mainSlide .mtSlide .slick-dots li { display:inline-block; margin-left:8px; margin-right: 8px; border:1px solid #fff; width:16px; height:16px; border-radius:50%; position:relative; overflow:hidden; }
.mainSlide .mtSlide .slick-dots li button { cursor:pointer; border:none; width:100%; height:100%; background-color:transparent !important; font-size:0; line-height:0; text-indent:-99999px; position:absolute; top:0; left:0; outline: none;}
.mainSlide .mtSlide .slick-dots li.slick-active { border:1px solid #fff; background-color:#fff; }

.mainSlide .autobt{ position:absolute; bottom:150px; left:50%; width:55px; height:55px; margin-left:-25px; margin-top:-10px; background-color:inherit; background-color: transparent; border:none; font-size:0; line-height:0; cursor:pointer; z-index:9;  background-repeat:no-repeat; opacity: 0.5;
transition:.2s ease-out;
-webkit-transition:.2s ease-out;
-moz-transition:.2s ease-out;
-o-transition:.2s ease-out;
-ms-transition:.2s ease-out;
}
.mainSlide .autobt.play{ background-image: url(../images/main/bt_play_50.png); 
transition:.2s ease-out;
-webkit-transition:.2s ease-out;
-moz-transition:.2s ease-out;
-o-transition:.2s ease-out;
-ms-transition:.2s ease-out;
}
.mainSlide .autobt.play:hover,
.mainSlide .autobt.play:focus { opacity: 1; }
.mainSlide .autobt.stop{background-image: url(../images/main/bt_stop_50.png);  
transition:.2s ease-out;
-webkit-transition:.2s ease-out;
-moz-transition:.2s ease-out;
-o-transition:.2s ease-out;
-ms-transition:.2s ease-out;
}
.mainSlide .autobt.stop:hover,
.mainSlide .autobt.stop:focus { opacity: 1; }


/* mainCon1 */
.conBox01 { background-position:center center; background-repeat:repeat; background-image:url('../images/main/bg_pt1.jpg'); }
.conBox01 dl { max-width:1280px; overflow:hidden; margin-left:auto; margin-right:auto; padding-top: 30px; padding-bottom:30px; }
.conBox01 dl dt { float:right; width:40%; text-align:center; } 
.conBox01 dl dt img { max-width:400px; } 
.conBox01 dl dd { float:left; width:60%; }
.conBox01 .con01_tit {   } 
.conBox01 .con01_tit h5 { font-size: 30px; color: #b6d9f5; line-height: 120px; letter-spacing: 5px;}
.conBox01 .con01_tit p { font-size: 45px; line-height: 66px; color: #ffffff; letter-spacing: 5px;}
.conBox01 .con01_tit p strong {color: #91ffef; font-weight: bold;}
.conBox01 .eve_btn {display: inline-block; color: #a9a1a1; background-color: #24272c; border-radius: 30px; margin-top: 40px;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease;
border: 1px solid #24272c; }
.conBox01 .eve_btn a {color: #fff; padding: 20px 30px; display: block; font-size: 18px; }
.conBox01 .eve_btn:hover {color:#ffffff; background-color:#17575e; border:1px solid #82caff;}

/* mainCon2 */
.mainCon2{max-width:1280px; overflow:hidden; margin:0 auto; padding-top: 150px;}
.conBox02 {font-size:0; text-align:center; width:100%; }
.conBox02 li {font-size:0.6rem; display:inline-block; vertical-align:top; width:47%; padding-right:6%;}
.conBox02 li.last{font-size:0.6rem; display:inline-block;vertical-align:top; width:47%; padding:10% 0 0 0;}
.conBox02 li a {display:block;width:auto;color:#000;text-decoration:none; overflow:hidden; height:100%;}
.conBox02 li a img {width:100%;transition:transform 0.8s;}
/*.conBox02 li a:hover img {transform:scale(1.1); }*/
.conBox02:hover li a img {transform:scale(1.1); }
.conBox02_txt {margin: 5% 0 0% 4%; padding-top:2%; height:90%; position:relative; }
.conBox02_txt .conBox02_list{font-size:21px; font-weight:700; color:#17575e; letter-spacing:1.5px; padding-bottom: 20px;}
.conBox02_txt .conBox02_tit{display: inline-block; font-size:42px; font-weight:500; line-height:55px; color:#000; padding-bottom: 30px;
letter-spacing:1px; margin:0 0; }
.conBox02_txt .conBox02_con{font-size:20px; font-weight:400; line-height: 35px; color:#000; text-align:justify; padding-bottom: 20px;}
.img-responsive {display:block; max-width:100%; height: auto; }
.con_btn_icon01 {position: relative; display:inline-block; vertical-align:middle; line-height:1; padding:20px 30px; letter-spacing:1.5px; 
color: #000; background: #929292; border-radius: 30px; 
transition:.3s ease-out;
-webkit-transition:.3s ease-out;
-moz-transition:.3s ease-out;
-o-transition:.3s ease-out;
-ms-transition:.3s ease-out;
}
.con_btn_icon01 a > span {position: relative;display:inline-block; font-size:17px;color: #fff}
.con_btn_icon01 a > span:before {content:"+"; display:block; font-size:18px; float:left; text-align:center; margin-right:0.25rem;}
.con_btn_icon01:hover{color:#fff; background: #17575e;}
.con_btn_icon01:hover span{color:#fff;} 


/* mainCon3 */
.mainCon3{max-width:1280px; overflow: hidden; margin:0 auto; padding-top: 100px;}
.conBox03{width:100%}
.conBox03_left {width: 47%; overflow: hidden;  float: left;}
.conBox03_left a { display: block; width: auto;color: #000; text-decoration: none; position: relative; overflow:hidden; width:100%; height:100%;
}
.conBox03_left a img {width:100%; transition:all 0.8s ease-in-out; }
.conBox03_left a:hover img {transform:scale(1.1); }

.conBox03_right{ width: 47%; float: right; }
.conBox03_right .conBox03_txt { position:relative; }
.conBox03_right .conBox03_txt .conBox03_list { font-size:21px; font-weight:700; color:#17575e; letter-spacing:1.5px; padding-bottom: 20px;}
.conBox03_right .conBox03_txt .conBox03_tit { display: inline-block; font-size:42px; font-weight:500; line-height:55px; color:#000; 
padding-bottom: 30px; letter-spacing:1px; margin:0 0; }
.conBox03_right .conBox03_txt .conBox03_con {width: 100%; overflow: hidden; font-size:20px; font-weight:400; line-height: 35px; color:#000; text-align:justify; 
padding-bottom: 20px;}

/* mainCon4 */
.mainCon4 { /*max-width: 1280px; margin: 0 auto;*/ position: relative; overflow: hidden; padding-top: 150px; padding-bottom:20px; }
.mainCon4 .con4Tit {text-align: center; font-size: 30px; margin-bottom: 30px; }
.mainCon4 .con4Tit span{font-weight: bold; color: #17575e;}
.conSlide {position: relative;}
.mainCon4 .sItem { position:relative; height:100%; width: 100%; }
.mainCon4 .sItem dl {position: relative; overflow: hidden; width: 100%; height: 100%; background-color: #000;}
.mainCon4 .sItem dl dt img {opacity: 0.7; transition:.1s ease-out; -webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out;}
.mainCon4 .sItem dl dt img:hover {opacity: 1; transform: scale(1.1);}
.mainCon4 .sItem dl dd {position: absolute; bottom: 0; left: 0; z-index: 1000; padding:  15px 20px 20px 30px; text-align: left; font-weight: bold; }
.mainCon4 .sItem dl dd h5 {font-size: 17px; color: #fff; }
.mainCon4 .sItem dl dd p {font-size: 20px; color: #fff; }
.mainCon4 .sItem .slick-list { height:100%;  }
.mainCon4 .sItem .slick-list .slick-track { height:100%; }
.mainCon4 .sItem .slick-list .slick-track .slick-slide  { height:100%; }
.mainCon4 .sItem .slick-list .slick-track .slick-slide > div { height:100%; }
.mainCon4 .slick-list.draggable { padding:0 !important; }

.mainCon4 .conSlide .slick-arrow { position: absolute; z-index: 1000; top: 50%; width: 30px; height: 32px; appearance: none; appearance:none; font-size:0;
line-height:0; text-indent:-99999px; background-color:transparent !important; background-repeat: no-repeat;
-webkit-appearance:none; cursor:pointer; outline: none; opacity: 0.2; 
transition:.2s ease-out; 
-webkit-transition:.2s ease-out; 
-moz-transition:.2s ease-out;
-o-transition:.2s ease-out; 
-ms-transition:.2s ease-out; }
.mainCon4 .conSlide .slick-arrow:hover { opacity: 1; }
.mainCon4 .conSlide .slick-prev { left:10px; background-image: url(../images/main/pre_icon_2.png); border: none; }
.mainCon4 .conSlide .slick-next { right:10px; background-image: url(../images/main/next_icon_2.png); border: none;}

.mainCon4 .slick-dots { position:absolute; right:25px; top:10px; text-align:center; }
.mainCon4 .slick-dots li { display:inline-block; margin-left:5px; margin-right: 5px; background-color: #ccc; width:12px; height:12px; border-radius:50%; position:relative; overflow:hidden; }
.mainCon4 .slick-dots li button { cursor:pointer; border:none; width:100%; height:100%; background-color:transparent !important; font-size:0; line-height:0; text-indent:-99999px; position:absolute; top:0; left:0; outline: none;}
.mainCon4 .slick-dots li.slick-active { border:1px solid #17575e; background-color:#17575e; }
.mainCon4 .autobt{ position:absolute; right:0px; top: 165px; width:22px; height:20px; background-color:inherit; outline: none;
background-color: transparent; border:none; font-size:0; line-height:0; cursor:pointer; z-index:9; background-repeat:no-repeat; 
transition:.1s ease-out;
-webkit-transition:.1s ease-out;
-moz-transition:.1s ease-out;
-o-transition:.1s ease-out;
-ms-transition:.1s ease-out; }
.mainCon4 .autobt.play{ background-image: url(../images/main/bt_play_20.png); 
transition:.1s ease-out; -webkit-transition:.1s ease-out; 
-moz-transition:.1s ease-out; 
-o-transition:.1s ease-out; 
-ms-transition:.1s ease-out; }
.mainCon4 .autobt.play:hover,
.mainCon4 .autobt.play:focus { background-color:none; outline: none;}
.mainCon4 .autobt.stop{background-image: url(../images/main/bt_stop_20.png);  
transition:.1s ease-out;
-webkit-transition:.1s ease-out;
-moz-transition:.1s ease-out;
-o-transition:.1s ease-out;
-ms-transition:.1s ease-out; }
.mainCon4 .autobt.stop:hover,
.mainCon4 .autobt.stop:focus { background-color:none; outline: none;}


/* mainCon5 */
.mainCon5 { max-width:1280px; margin: 0 auto; overflow: hidden; }
.mainCon5 .mGbox { width: 100%; }
.mainCon5 .mGbox .mGsubscribe {width: 60%; height: 180px; float: left; background: url(../images/main/mGsubscribe.jpg) center center no-repeat; }
.mainCon5 .mGbox .mGsubscribe .con05_txt {text-align: center; padding: 30px 0;}
.mainCon5 .mGbox .mGsubscribe .con05_txt span {display: block; font-size: 30px; font-weight: bold; color: #fff; line-height: 40px;}
.mainCon5 .mGbox .mGsubscribe .con05_txt em {display: block; font-size: 30px; font-weight: bold; color: #fff; }
.mainCon5 .mGbox .mGsubscribe .con05_txt .cont05_btn {  text-align: center; margin-top: 10px;}
.mainCon5 .mGbox .mGsubscribe .con05_txt .cont05_btn a {color: #fff; font-size: 17px; display: inline-block; background-color: #929292;  border-radius: 25px; padding: 10px 20px; letter-spacing: 3px; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease;}
.mainCon5 .mGbox .mGsubscribe .con05_txt .cont05_btn a:hover {background-color: #5ccad7; color:#000; font-weight: bold; letter-spacing: 7px;}
.mainCon5 .mGbox .mGsns {width: 40%; float: right; }
.mainCon5 .mGbox .mGsns a { position: relative; display: block; height: 60px;  transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease;}
.mainCon5 .mGbox .mGsns a em{position: absolute; display: block; right: 20px; line-height: 60px; font-size: 18px; font-weight: bold; text-align: center; }
.mainCon5 .mGbox .mGsns a.mGsns_facebook {background: url(../images/main/mGsns_facebook.png) 15% 50% no-repeat;}
.mainCon5 .mGbox .mGsns a.mGsns_twitter {background: url(../images/main/mGsns_twitter.png) 15% 50% no-repeat;}
.mainCon5 .mGbox .mGsns a.mGsns_youtube {background: url(../images/main/mGsns_youtube.png) 15% 50% no-repeat;}
.mainCon5 .mGbox .mGsns a:hover em {color: #fff; }
.mainCon5 .mGbox .mGsns a.mGsns_facebook:hover {background-image: url(../images/main/mGsns_facebook_hover.png); background-color: #3b5998; }
.mainCon5 .mGbox .mGsns a.mGsns_twitter:hover {background-image: url(../images/main/mGsns_twitter_hover.png); background-color: #2aa9e0; }
.mainCon5 .mGbox .mGsns a.mGsns_youtube:hover {background-image: url(../images/main/mGsns_youtube_hover.png); background-color: #ff0000; }
.mainCon5 .mGshare {width: 100%; overflow: hidden; padding-bottom: 10px;}
.mainCon5 .mGshare a {display: block; width: 16.666%; height: 150px; background-color: #ccc; float: left; margin-top: 50px; position: relative; }
.mainCon5 .mGshare a span {display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); text-align: center; font-size: 17px; line-height: 17px; }
.mainCon5 .mGshare a.mGshare_01 {background: url(../images/main/jdc_share_01.jpg) center top no-repeat;}
.mainCon5 .mGshare a.mGshare_02 {background: url(../images/main/jdc_share_02.jpg) center top no-repeat;}
.mainCon5 .mGshare a.mGshare_03 {background: url(../images/main/jdc_share_03.jpg) center top no-repeat;}
.mainCon5 .mGshare a.mGshare_04 {background: url(../images/main/jdc_share_04.jpg) center top no-repeat;}
.mainCon5 .mGshare a.mGshare_05 {background: url(../images/main/jdc_share_05.jpg) center top no-repeat;}
.mainCon5 .mGshare a.mGshare_06 {background: url(../images/main/jdc_share_06.jpg) center top no-repeat;}



/* Footer Area */
#footer { position:relative; background-color:#ffffff; z-index:1; }
#footer .footerTop { max-width:1280px; margin-left:auto; margin-right:auto; }
#footer .footerTop .serviceLink { overflow:hidden; }
#footer .footerTop .serviceLink li { float:left; width:25%; }
#footer .footerTop .serviceLink li a { display:block; background-position:center 15px; background-repeat:no-repeat; color:#24272c; background-size:100px 100px;
text-align:center; padding-top:115px; padding-bottom:15px; font-weight:bold; font-size:17px; box-sizing:border-box; border:1px dotted #ffffff;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
#footer .footerTop .serviceLink .view_pdf { background-image:url('../images/common/view_pdf_normal.png'); }
#footer .footerTop .serviceLink .view_ebook { background-image:url('../images/common/view_ebook_normal.png'); }
#footer .footerTop .serviceLink .view_list { background-image:url('../images/common/view_list_normal.png'); }
#footer .footerTop .serviceLink .view_reader { background-image:url('../images/common/view_reader_normal.png'); }
#footer .footerTop .serviceLink li a:hover,
#footer .footerTop .serviceLink li a:focus,
#footer .footerTop .serviceLink li a:active { color:#17575e; font-weight:bold; border:1px dotted #17575e; background-color:#e9f1f2; }
#footer .footerTop .serviceLink .view_pdf:hover,
#footer .footerTop .serviceLink .view_pdf:focus,
#footer .footerTop .serviceLink .view_pdf:active { background-image:url('../images/common/view_pdf_hover.png'); }
#footer .footerTop .serviceLink .view_ebook:hover,
#footer .footerTop .serviceLink .view_ebook:focus,
#footer .footerTop .serviceLink .view_ebook:active { background-image:url('../images/common/view_ebook_hover.png'); }
#footer .footerTop .serviceLink .view_list:hover,
#footer .footerTop .serviceLink .view_list:focus,
#footer .footerTop .serviceLink .view_list:active { background-image:url('../images/common/view_list_hover.png'); }
#footer .footerTop .serviceLink .view_reader:hover,
#footer .footerTop .serviceLink .view_reader:focus,
#footer .footerTop .serviceLink .view_reader:active { background-image:url('../images/common/view_reader_hover.png'); }

#footer .siteBlankLink { overflow:hidden; margin-top:30px; }
#footer .siteBlankLink .slSubscriber { float:left; width:60%; height:180px; overflow:hidden;
background-position:center center;
background-repeat:no-repeat; 
background-image:url(../images/main/mGsubscribe.jpg);
}
#footer .siteBlankLink .slSubscriber .slSubscriberTxt { margin-top:40px; text-align:center; }
#footer .siteBlankLink .slSubscriber .slSubscriberTxt span { display:inline-block; font-size:24px; font-weight:bold; color:#333; }
#footer .siteBlankLink .slSubscriber .slSubscriberBtn { margin-top:15px; text-align:center; }
#footer .siteBlankLink .slSubscriber .slSubscriberBtn a { display:inline-block; color:#a9a1a1; font-size:17px; background-color:#24272c; border-radius:25px;  padding:10px 20px;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  border:1px solid #24272c;
}
#footer .siteBlankLink .slSubscriber .slSubscriberBtn a:hover,
#footer .siteBlankLink .slSubscriber .slSubscriberBtn a:focus,
#footer .siteBlankLink .slSubscriber .slSubscriberBtn a:active { color:#ffffff; background-color:#17575e; border:1px solid #82caff; }

#footer .siteBlankLink .slSite { float:right; width:40%; }
#footer .siteBlankLink .slSite .slSiteTxt span { display: block; text-align: center; font-size:21px; background-color:#f5f5f5; padding:29px 0px; font-weight: 600;}
#footer .siteBlankLink .slSite .slSiteList { width: 100%; }
#footer .siteBlankLink .slSite .slSiteList li { float: left; width: 20%; }
#footer .siteBlankLink .slSite li {}
#footer .siteBlankLink .slSite .slSiteList li a { 
  display:block; background-position:center center; background-repeat:no-repeat; height:55px; width: 101%; padding: 19px 0;
  line-height: 0px; 
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;  
}
#footer .siteBlankLink .slSite .slSiteList li a { background-color:#f5f5f5; }
#footer .siteBlankLink .slSite .slSiteList .sl_facebook { background-image:url(../images/main/mGsns_facebook.png); }
#footer .siteBlankLink .slSite .slSiteList .sl_insta { background-image:url(../images/main/mGsns_insta.png); }
#footer .siteBlankLink .slSite .slSiteList .sl_youtube { background-image:url(../images/main/mGsns_youtube.png); }
#footer .siteBlankLink .slSite .slSiteList .sl_blog { background-image:url(../images/main/mGsns_naver.png);  }
#footer .siteBlankLink .slSite .slSiteList .sl_post { background-image:url(../images/main/mGsns_naverPo.png); }

#footer .siteBlankLink .slSite .slSiteList .sl_facebook:hover,
#footer .siteBlankLink .slSite .slSiteList .sl_facebook:focus,
#footer .siteBlankLink .slSite .slSiteList .sl_facebook:active { background-image:url(../images/main/mGsns_facebook_hover.png); background-color:#3b5998; }
#footer .siteBlankLink .slSite .slSiteList .sl_insta:hover,
#footer .siteBlankLink .slSite .slSiteList .sl_insta:focus,
#footer .siteBlankLink .slSite .slSiteList .sl_insta:active { background-image:url(../images/main/mGsns_insta_hover.png); background-color: #b31c5d; }
#footer .siteBlankLink .slSite .slSiteList .sl_youtube:hover,
#footer .siteBlankLink .slSite .slSiteList .sl_youtube:focus,
#footer .siteBlankLink .slSite .slSiteList .sl_youtube:active { background-image:url(../images/main/mGsns_youtube_hover.png); background-color: #c00027; }
#footer .siteBlankLink .slSite .slSiteList .sl_blog:hover,
#footer .siteBlankLink .slSite .slSiteList .sl_blog:focus,
#footer .siteBlankLink .slSite .slSiteList .sl_blog:active { background-image:url(../images/main/mGsns_naver_hover.png); background-color: #5CB532; }
#footer .siteBlankLink .slSite .slSiteList .sl_post:hover,
#footer .siteBlankLink .slSite .slSiteList .sl_post:focus,
#footer .siteBlankLink .slSite .slSiteList .sl_post:active { background-image:url(../images/main/mGsns_naverPo_hover.png); background-color: #5CB532; }

#footer .siteBlankLink .slSite .slSiteList li a span { display:inline-block; color:#8d8d8d; font-size:17px; font-weight:400; vertical-align:middle; margin-top: 18px;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease; 
}
#footer .siteBlankLink .slSite .slSiteList li a:hover span,
#footer .siteBlankLink .slSite .slSiteList li a:focus span,
#footer .siteBlankLink .slSite .slSiteList li a:active span { color:#ffffff; }

/*프린터*/
#footer .partnerLink { overflow:hidden; margin-top:30px; }
#footer .partnerLink li { float:left; width:16.6666666%; }
#footer .partnerLink li a { display:block; background-position:center 15px; background-repeat:no-repeat; padding-top:115px; padding-bottom:15px; text-align:center;
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease; 
}
#footer .partnerLink .partner1 { background-image:url(../images/common/partner1_normal.jpg); }
#footer .partnerLink .partner1:hover,
#footer .partnerLink .partner1:focus,
#footer .partnerLink .partner1:active { background-image:url(../images/common/partner1_hover.jpg); }
#footer .partnerLink .partner2 { background-image:url(../images/common/partner2_normal.jpg); }
#footer .partnerLink .partner2:hover,
#footer .partnerLink .partner2:focus,
#footer .partnerLink .partner2:active { background-image:url(../images/common/partner2_hover.jpg); }
#footer .partnerLink .partner3 { background-image:url(../images/common/partner3_normal.jpg); }
#footer .partnerLink .partner3:hover,
#footer .partnerLink .partner3:focus,
#footer .partnerLink .partner3:active { background-image:url(../images/common/partner3_hover.jpg); }
#footer .partnerLink .partner4 { background-image:url(../images/common/partner4_normal.jpg); }
#footer .partnerLink .partner4:hover,
#footer .partnerLink .partner4:focus,
#footer .partnerLink .partner4:active { background-image:url(../images/common/partner4_hover.jpg); }
#footer .partnerLink .partner5 { background-image:url(../images/common/partner5_normal.jpg);}
#footer .partnerLink .partner5:hover,
#footer .partnerLink .partner5:focus,
#footer .partnerLink .partner5:active { background-image:url(../images/common/partner5_hover.jpg); }
#footer .partnerLink .partner6 { background-image:url(../images/common/partner6_normal.jpg); }
#footer .partnerLink .partner6:hover,
#footer .partnerLink .partner6:focus,
#footer .partnerLink .partner6:active { background-image:url(../images/common/partner6_hover.jpg); }

#footer .partnerLink li a span { font-size:17px; color:#b7afaf; font-weight:bold; 
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease; 
}
#footer .partnerLink li a:hover span,
#footer .partnerLink li a:focus span,
#footer .partnerLink li a:active span { color:#24272c; }

#footer .footerBot { margin-top:30px; background-color:#d5d5d5; padding-top:30px; padding-bottom:30px; }
#footer .footerBot .footerBotInner { max-width:1280px; margin-left:auto; margin-right:auto; }
#footer .footerBot .logoBotArea { overflow:hidden; padding-left:353px; position:relative;  }
#footer .footerBot .logoBotArea .logoBot { position:absolute; width:180px; height:69px; top:0; left:0; }
#footer .footerBot .logoBotArea .logoBot a { display:block; font-size:0; line-height:0; text-indent:-999999px; max-width: 180px; height:69px; opacity:0.7;
  background-size: 100%;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/common/logoBot.png);
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease; 
}
#footer .footerBot .logoBot a:hover,
#footer .footerBot .logoBot a:focus,
#footer .footerBot .logoBot a:active { opacity:1.0; }

#footer .footerBot .logoBotSns { float:right; margin-top:30px;}
#footer .footerBot .titleSns {  width:100%; padding-bottom:0px; margin:0; text-align: center; }
#footer .footerBot .titleSns .url_page {
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease; 
  }
#footer .footerBot .titleSns .url_page span { font-size:21px; font-weight:bold; color:#ffffff; opacity:1; text-align:center; line-height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px; 
transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  }

#footer .footerBot .titleSns .url_page span.share_icon{ display: inline-block; width: 30px; height: 30px; background:url(../images/main/share.png) top center; background-repeat: no-repeat; 
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
}

#footer .footerBot .logoBotSns .url_page:hover span { color:#000000;}
#footer .footerBot .titleSns .url_page:hover span.share_icon { background:url(../images/main/share_hover.png) top center; background-repeat: no-repeat;  }

#footer .footerBot .iconSns { width:100%; min-width:300px; overflow:hidden; margin-top:5px; }
#footer .footerBot .iconSns li { float:left; width:20%; }
#footer .footerBot .iconSns li a { display:block; background-position:center center; background-repeat:no-repeat;
background-position:center center; background-repeat:no-repeat; width:30px; height:30px; font-size:0; line-height:0; text-indent:-9999px; opacity:0.7;
margin-left:auto; margin-right:auto;
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease; 
}
#footer .footerBot .iconSns .icon_blog { background-image:url(../images/common/icon_blog_normal.png); }
#footer .footerBot .iconSns .icon_facebook { background-image:url(../images/common/icon_facebook_normal.png); }
#footer .footerBot .iconSns .icon_twitter { background-image:url(../images/common/icon_twitter_normal.png); }
#footer .footerBot .iconSns .icon_kakao { background-image:url(../images/common/icon_kakao_normal.png); }
#footer .footerBot .iconSns .icon_band { background-image:url(../images/common/icon_band_normal.png); }
#footer .footerBot .iconSns li a:hover,
#footer .footerBot .iconSns li a:focus,
#footer .footerBot .iconSns li a:active { opacity:1.0; }


#footer .footerBot .addressArea { overflow:hidden; padding-right:15px; opacity:0.7; 
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease; 
}
#footer .footerBot .addressArea:hover,
#footer .footerBot .addressArea:focus,
#footer .footerBot .addressArea:active { opacity:1.0; }
#footer .footerBot .addressArea .addressTxt {}
#footer .footerBot .addressArea .addressTxt span { display:inline-block; font-size:17px;margin-left:3px; margin-right:3px; }
#footer .footerBot .addressArea .copyrightTxt {  }
#footer .footerBot .addressArea .copyrightTxt span { display:inline-block; font-size:17px;margin-left:3px; margin-right:3px; }

@media screen and (max-width: 1440px) {
  .mainSlide .mtSlide .mtsImgArea .mtsiTit { font-size:3.5rem; margin-bottom:10px; }
  .mainSlide .mtSlide .slick-list .slick-track .slick-slide.slick-active .mtsiBox_2 { bottom:33%; opacity:0.9; }
}
@media screen and (max-width: 720px) {
	#footer .footerBot .addressArea { text-align: center; }
}