/*header*/
#header { position:fixed; width:100%; z-index:99999; }
#header .header-content { position:relative;
  border-bottom:1px solid rgba(255, 255, 255, 0.15);
  margin: 0 auto;
  max-width: 1280px;
  padding: 15px 0 10px;
  width: 100%;
  -moz-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
}
#header .logo { float:left; display:block; }
#header .logo img{
  max-width:110px; width: 100%;
}
.logoT1{
  display:inline-block;
}
.logoT2{
  display: none;
}
#header .logo .vtBox { display: inline-block; vertical-align: bottom; margin-left: 10px; overflow: hidden; }
#header .logo .vtBox span { display: block; font-size: 16px; color: #ffffff; font-weight: 600; line-height: 18px;  margin-top: 0;}

/*headerFix*/
#header.headerFix { background-color:rgba(255,255,255,0.9);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -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;
}
#header.headerFix .logoT1 {display: none;}
#header.headerFix .logoT2 {display: inline-block;}
#header.headerFix .logo .vtBox { display: inline-block; vertical-align: bottom; margin-left: 10px; overflow: hidden; }
#header.headerFix .logo .vtBox span { display: block; font-size: 16px; color: #000;  font-weight: 600; line-height: 18px;  margin-top: 0;}

#header.headerFix .depth1 .d1m a.d1mTxt p { color:#000; }
#header.headerFix .depth1 .d1m01:hover a.d1mTxt,
#header.headerFix .depth1 .d1m02:hover a.d1mTxt,
#header.headerFix .depth1 .d1m03:hover a.d1mTxt,
#header.headerFix .depth1 .d1m04:hover a.d1mTxt { background-color:#0051a1;}

#header.headerFix .depth1 .d1m01:hover a.d1mTxt p,
#header.headerFix .depth1 .d1m02:hover a.d1mTxt p,
#header.headerFix .depth1 .d1m03:hover a.d1mTxt p,
#header.headerFix .depth1 .d1m04:hover a.d1mTxt p { color:#fff; }

#header.headerFix .nav-toggle span { background-color: #000000; }
#header.headerFix .nav-toggle span:before, 
#header.headerFix .nav-toggle span:after { background-color:#000000; } 

#header .header-content .headerTop { margin-top:10px; position: absolute; right: 30px; width: 100%; max-width: 900px;}
#header .header-content .headerTop .navigation{  }
#header .header-content .headerTop .navigation.open { display: none; }
#header .header-content .headerTop .navigation ul.depListCon {  }
#header .header-content .headerTop .navigation ul.depListCon li.d1m { float: left; width: 20%; }
#header .header-content .headerTop .navigation a { color: /*rgba(255, 255, 255, 0.75)*/#ffffff; }
#header .header-content .headerTop .navigation a:hover, .navigation a.active { color: #fff; }

.depth1 .d1m a.d1mTxt { padding:11px 0; display: block; }
.depth1 .d1m a.d1mTxt p { font-size: 19px; text-align: center; color:#fff; }
.depth1 .d1m a.d1mTxt:hover p { color: #0051a1;  }
.depth1 .d1m a.d1mTxt:hover .depth2 { display: block; }

.depth1 .depth2 { display: none; background-color:#ffffff; }
.depth1 .depth2 ul li { padding: 10px 0; }
.depth1 .depth2 ul li a p { font-size: 18px; text-align: center; color:#000000;}

.depth1 .depth2 ul li:hover, 
.depth1 .depth2 ul li:active, 
.depth1 .depth2 ul li:focus { background-color:#0051a1; } 
.depth1 .depth2 ul li:hover a p, 
.depth1 .depth2 ul li:active a p, 
.depth1 .depth2 ul li:focus a p { color:#ffffff; } 


.headerTop {
  float: right; width: 700px; margin-right: 50px;
}

.navigation{
  float: left;
  padding: 0 40px; width: 100%;
}

.navigation.open {
  display: none;
}
.navigation li {
  display: block;
}
.navigation a {
  color: rgba(255, 255, 255, 0.75);
  font-size: 13px;
  font-weight: 700;
}
.navigation a:hover, .navigation a.active {
  color: #fff;
}

.searchTop { position:absolute; width:20px; height:20px; top:15px; right:0; z-index:999999; 
  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;  
}

.searchTop .searchBtn { width:20px; height:20px; outline:0; font-size:0; line-height:0; display:block; color:#ffffff; background-color:rgba(255,255,255,0);
  -webkit-appearance:none; appearance:none;  
}
.searchTop .searchBtn>img{
  width: 100%;
}
.searchTop .searchBtn .searchT1{
  display: block;
}
.searchTop .searchBtn .searchT2{
  display: none;
}
.searchTop>a.nino-search{
  display: block;
}

.siArea { position: absolute; right:0px; top:38px; background: transparent; z-index:9989; }
.siArea .search_input .siSubmit:hover,
.siArea .search_input .siSubmit:focus,
.siArea .search_input .siSubmit:active { background-image: url('../images/common/search_btn_gray.png'); background-position: center center; background-repeat: no-repeat; }
.siArea .searchBtn { display: block; width: 25px; height: 25px; background: url(../images/common/search_btn_gray.png) no-repeat; }
.siArea a { display: block; width: 25px; height: 25px; }
.siArea img { width: 100%; }
.siArea em { display: none; }
.siArea .nino-search { background-color: transparent; padding: 0; appearance: none; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; 
  background-position: center center; background-repeat: no-repeat; box-sizing: border-box; cursor: pointer; outline: 0; border: 0; 
  transition: .2s ease-in; 
  -webkit-transition: .2s ease-in; 
  -moz-transition: .2s ease-in; 
  -o-transition: .2s ease-in; 
  -ms-transition: .2s ease-in; 
}
/*search*/
#nino-searchForm {
  position: fixed;
  left: 0; right:0;
  top: -100%;
  height: 100%;
  background: rgba(0,0,0,.9);
  z-index: 9991;
  opacity: 1;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#nino-searchForm.open {
  top: 0;
  opacity: 1; 
}

.nsiArea { position:relative; top:45%; padding-left:15%; padding-right:15%; }

#nino-searchForm .nino-searchInput {  
  display: block;
  width: 100%;  
  box-shadow: none;
  font-size: 70px;
  background: none;
  border: none;
  border-bottom: 1px solid #333;
  font-weight: 700;
  color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-right: 50px;
}
#nino-searchForm .search_iconw{
  position: absolute; bottom:20px;
  right:15%;
  background-color: rgba(255,255,255,0);
  border: none;
  width: 40px;
  height: 40px;  
}
#nino-searchForm .search_icon{ cursor:pointer; display:block;
  background-image: url('../images/common/search_btn_gray.png');
  border: none;
  background-color: rgba(255,255,255,0);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;  
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;  
}

#nino-searchForm .nino-close {
  position: absolute;
  top: 20px;
  right: 50px;
  font-size: 30px;
  cursor: pointer;
  color: #747474;
  transition:.3s ease-in;
  -webkit-transition:.3s ease-in;
  -moz-transition:.3s ease-in;
  -o-transition:.3s ease-in;
  -ms-transition:.3s ease-in;  
}
#nino-searchForm .nino-close:hover {
  color: #fff;
  transition:.3s ease-in;
  -webkit-transition:.3s ease-in;
  -moz-transition:.3s ease-in;
  -o-transition:.3s ease-in;
  -ms-transition:.3s ease-in;  
}
#nino-searchForm .srh_btn{ 
  position: absolute;
  right: 20%;
  top: 48%;
  border:none;
  background-color: rgba(255,255,255,0);
  background-image: url('../images/common/search_btn_gray.png');
  width: 50px;
  height: 50px;
  background-size:cover;
  -webkit-background-size:cover;
  -ms-background-size:cover;
  -o-background-size:cover;
  -moz-background-size:cover;
  content: "";
  color: rgba(255,255,255,0);
}

/* nav-toggle*/
.nav-toggle {
  text-indent: 0;
  color: rgba(255,255,255,0) !important;
  content: "";
  display: none;
  overflow: hidden;
  position: absolute;
  right: 3%;
  /* text-indent: 100%; */
  top: 32px;
  white-space: nowrap;
  z-index: 99999;
  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;  
}
.nav-toggle span {
  background-color: #fff;
  bottom: auto;
  display: inline-block;
  height: 3px;
  left: 50%;
  position: absolute;
  right: auto;
  top: 50%;
  width: 18px;
  z-index: 10;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.nav-toggle span:before, .nav-toggle span:after {
  background-color: #fff;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.nav-toggle span.fixed{
  background-color: #000000;
}
.nav-toggle span.fixed:before, .nav-toggle span.fixed:after{
  background-color: #000000;
} 

.nav-toggle span:before {
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -webkit-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.nav-toggle span:after {
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -webkit-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.nav-toggle.close-nav:before {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.nav-toggle.close-nav:after {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.nav-toggle.close-nav span {
  background-color: rgba(255, 255, 255, 0);
}
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {
  background-color: #fff;
}
.nav-toggle.close-nav span:before {
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.nav-toggle.close-nav span:after {
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}



.gnb_mopen { display: none;}

.gnb_mopen.open{
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99998;
  background-color: rgba(0,0,0,0.9);
  overflow: hidden;
  overflow-y: auto;
}

.gnb_mopen_W{
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding: 50px 0px;
  margin-top: 50px;
  /*margin-left: -5000px;
  transform: translateX(-50%);
  transition:all .4s ease-out;
  -webkit-transition:all .4s ease-out;
  -moz-transition:all .4s ease-out;
  -o-transition:all .4s ease-out;
  -ms-transition:all .4s ease-out;
  */
}
.gnb_mopen_W .gnb1Area:after{
  display: block;
  clear: both;
  content: "";
  height: 0;  
}
.gnb_mopen_W .gnb1Area .gnbM1{
  display: block;
}
.gnb_mopen_W .gnb1Area .gnbM1>p{
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 20px;
}
.gnb_mopen_W .gnb1Area .gnb2Area{
  display: none;
}
.gnb_mopen_W .gnb1Area .gnb2Area li.gnb2:last-child p{
  margin-bottom: 20px;
}
.gnb_mopen_W .gnb1Area .gnb2Area li.gnb2 p{
  color: #eeeeee;
  font-size: 17px;
  margin-top: 5px;
}
.gnb_mopen_W .gnb1Area .gnb2Area li.gnb2 p:hover{
  color: #17575e;
}
.gnb_mopen_W .gnb1:first-child{
  margin-top: 50px;
}
.gnb_mopen_W .gnb1 .gnbM1>p:hover{
 color: #17575e;
}

.gnb_mopen_W .gnb1 .gnbM1.active>p{
 color: #17575e;
}


.content>div { position: relative; width: 100%;margin: 0 auto; box-sizing: border-box; }
.conInner { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box;}

/*sub*/
/* sub common */
.subVisual {position:relative; width:100%; background-color: #ccc; background-size:contain; background-repeat:no-repeat; background-position-x:center; background-attachment:fixed; }
.subVisual .subVisImg { width: 100%; opacity: .8; }
.subVisual dl { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; }
.subVisual dl dt { font-size: 2rem; color: #fff; letter-spacing: -0.8px; }
.subVisual dl dd { font-size: 4.5rem; color: #fff; font-weight: 700; letter-spacing: -0.8px; }

/* subVImg */
.sVImgCon { position:fixed; top:0; left:0; right:0; background-repeat:no-repeat; background-position-x:center; background-size:cover; }
.sVImgConSch { background-image:url('../images/contents/con_search_vis.jpg'); }
.sVImgReaDer { background-image:url('../images/contents/con_rd_vis.jpg'); }
.sVImgList {  background-image:url('../images/contents/con_list_vis.jpg'); }
.sVImgInsTan { background-image:url('../images/contents/con_Eve_vis.jpg'); }
.sVImgSubCri { background-image:url('../images/contents/con_subs_vis.jpg'); }
.sVImgSubint { background-image:url('../images/contents/con_insta_vis.jpg'); }

.sVImgCon0_0 { background-image:url('../images/contents/con0_0_0.jpg'); }
.sVImgCon0_1 { background-image:url('../images/contents/con0_1_0.jpg'); }
.sVImgCon1_1 { background-image:url('../images/contents/con1_1_0.jpg'); }
.sVImgCon1_2 { background-image:url('../images/contents/con1_2_0.jpg'); }
.sVImgCon1_3 { background-image:url('../images/contents/con1_3_0.jpg'); }
.sVImgCon1_4 { background-image:url('../images/contents/con1_4_0.jpg'); }
.sVImgCon1_5 { background-image:url('../images/contents/con1_5_0.jpg'); }

.sVImgCon2_1 { background-image:url('../images/contents/con2_1_0.jpg'); }
.sVImgCon2_2 { background-image:url('../images/contents/con2_2_0.jpg'); }
.sVImgCon2_3 { background-image:url('../images/contents/con2_3_0.jpg'); }
.sVImgCon2_4 { background-image:url('../images/contents/con2_4_0.jpg'); }
.sVImgCon2_5 { background-image:url('../images/contents/con2_5_0.jpg'); }

.sVImgCon3_1 { background-image:url('../images/contents/con3_1_0.jpg'); }
.sVImgCon3_2 { background-image:url('../images/contents/con3_2_0.jpg'); }
.sVImgCon3_3 { background-image:url('../images/contents/con3_3_0.jpg'); }
.sVImgCon3_4 { background-image: url(../images/contents/con3_4_0.jpg); }
.sVImgCon3_5 { background-image: url(../images/contents/con3_5_0.jpg); }
.sVImgCon3_6 { background-image: url(../images/contents/con3_6_0.jpg); }
.sVImgCon3_7 { background-image: url(../images/contents/con3_7_0.jpg); }

.sVImgCon_find { background-image:url('../images/contents/con_find_0.jpg'); }


/* photoType */
.photo2Type1 { padding-left: 0; }
.photo2Type1:after { display:block; content:""; clear:both; height:0; }
.photo2Type1>li { width:48.5%; float:left; padding-left: 0; }
.photo2Type1>li.pt2L { margin-right:1%; }
.photo2Type1>li.pt2R { margin-left:2%; }

.photo2Type2 { padding-left: 0; }
.photo2Type2:after { display:block; content:""; clear:both; height:0; }
.photo2Type2>li { width:49.5%; float:left; padding-left: 0; }
.photo2Type2>li.pt2L { margin-right:1%; }
.photo2Type2>li.pt2R { }

.photo2Type3 { padding-left: 0; }
.photo2Type3:after { display:block; content:""; clear:both; height:0; }
.photo2Type3>li {width: 100%; padding-left: 0; }
.photo2Type3>li.pt2L {width:59%; float:left; margin-right:1%; }
.photo2Type3>li.pt2R {width:39%; float:right; margin-left:1%; }

.photo2Type4 { padding-left: 0; }
.photo2Type4:after { display:block; content:""; clear:both; height:0; }
.photo2Type4>li {width: 100%; padding-left: 0; }
.photo2Type4>li.pt2L {width:29%; float:left; margin-right:1%; }
.photo2Type4>li.pt2R {width:69%; float:right; margin-left:1%; }

.photo2Type7 { padding-left: 0; }
.photo2Type7:after { display:block; content:""; clear:both; height:0; }
.photo2Type7>li { width:49.5%; float:left; padding-left: 0; }
.photo2Type7>li.pt2L { width:69%; margin-right:1%; }
.photo2Type7>li.pt2R { width:29%; margin-left:1%; }

.photo3Type2:after { display:block; content:""; clear:both; height:0; }
.photo3Type2>li { width: 32%; float: left; padding-left: 0; }
.photo3Type2>li.pt3L { margin-right:1.5%; }
.photo3Type2>li.pt3R { margin-left:1.5%; }

.photo3Type3:after { display:block; content:""; clear:both; height:0; }
.photo3Type3>li{width:49%; float:left;;}
.photo3Type3>li.pt3L { width:100%; float:left; margin-bottom:1%; }
.photo3Type3>li.pt3C { margin-right:1%; }
.photo3Type3>li.pt3R { margin-left:1%; }


/*sublink*/
.sub_link { position: relative; width: 100%; height: 60px;}
.sub_link .url_print { position: absolute; top: 0; left: 16.4%; }
.sub_link .sub_sns { position: absolute; top: 0; right: 16.4%; }
.sub_link ul li { float: left;}
.sub_link ul li a { display: block; width: 65px; height: 65px; box-sizing: border-box; font-size:0; line-height: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: center;
  transition:.3s ease-in;
  -webkit-transition:.3s ease-in;
  -moz-transition:.3s ease-in;
  -o-transition:.3s ease-in;
  -ms-transition:.3s ease-in;
}

.sub_link .sns_txt { background-color: #17575e; }
.sub_link .sns_txt p { display: block; width: 65px; height: 65px; box-sizing: border-box; text-align: center; color: #fff; line-height: 16px; padding-top: 16px;}

.sub_link ul li.icoUrl a { background:#f5f5f5 url(../images/sub/url_icon.png) center no-repeat; }
.sub_link ul li.icoPrint a { background:#17575e url(../images/sub/print_icon.png) center no-repeat;  }
.sub_link ul li.icoTwitter a { background-image: url(../images/sub/twitter_icon.png); }
.sub_link ul li.icoFacebook a { background-image: url(../images/sub/facebook_icon.png); }
.sub_link ul li.icoBlog a { background-image: url(../images/sub/blog_icon.png); }
.sub_link ul li.icoBand a { background-image: url(../images/sub/band_icon.png); }
.sub_link ul li.icoStory a { background-image: url(../images/sub/story_icon.png); }

.sub_link ul li.icoUrl a:hover,
.sub_link ul li.icoUrl a:focus,
.sub_link ul li.icoUrl a:active { background-image: url(../images/sub/url_icon_hover.png); background-color: #7c7c7c; }
.sub_link ul li.icoPrint a:hover,
.sub_link ul li.icoPrint a:focus,
.sub_link ul li.icoPrint a:active { background-image: url(../images/sub/print_icon_hover.png); background-color: #f5f5f5; }
.sub_link ul li.icoTwitter a:hover,
.sub_link ul li.icoTwitter a:focus,
.sub_link ul li.icoTwitter a:active { background-image: url(../images/sub/twitter_icon_hover.png); background-color: #33a1ef; }
.sub_link ul li.icoFacebook a:hover,
.sub_link ul li.icoFacebook a:focus,
.sub_link ul li.icoFacebook a:active { background-image: url(../images/sub/facebook_icon_hover.png); background-color: #3b5998; }
.sub_link ul li.icoBlog a:hover,
.sub_link ul li.icoBlog a:focus,
.sub_link ul li.icoBlog a:active { background-image: url(../images/sub/blog_icon_hover.png); background-color: #2eb300; }
.sub_link ul li.icoBand a:hover,
.sub_link ul li.icoBand a:focus,
.sub_link ul li.icoBand a:active { background-image: url(../images/sub/band_icon_hover.png); background-color: #2eb300; }
.sub_link ul li.icoStory a:hover,
.sub_link ul li.icoStory a:focus,
.sub_link ul li.icoStory a:active { background-image: url(../images/sub/story_icon_hover.png); background-color: #f7ca37; }

/*구독신청*/
.conMail { margin-top: 70px; }
.conMail .inputForm dl dt { font-size:17px; line-height:25px; font-weight:bold; color:#333; }
.conMail .inputForm dl dt em { font-size:16px; line-height:22px; font-weight:bold; color:#666; }
.conMail .inputForm dl dt .tip { margin-top:8px; display:block; font-size:12px; line-height:16px; color:#f56b27; }
.conMail .inputForm dl dd { margin:10px 0 0 0; background-color:#fff; /*box-shadow:0 1px 1px #cddde6;*/ position:relative; overflow:hidden; }
.conMail .inputForm dl dd input { height:16px; line-height:16px; border:0; font-size:14px; color:#333; }
.conMail .inputForm dl dd textarea { width:100%; height:60px; line-height:14px; font-size:14px; color:#333; resize:none; border:0; }
.inputForm fieldset { /*padding:0 20px 20px 20px;*/ border:none; margin-top:20px; }
.inputForm fieldset legend { font-size:16px; line-height:22px; font-weight:bold; color:#666;}

/*유튜브 반응형*/
.videowrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 비율인 경우 */
  /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
  padding-top: 0;
  height: 0;
}

.videowrapper embed,
.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*reader*/
.textLayer dt { font-size:16px; line-height:22px; color:#221e1f; }
.textLayer dd { width:100%; border:1px solid #ccc; padding:5px; }
.textLayer dd input { width:100%; font-size:16px; line-height:22px; color:#221e1f; border:0; }
.textLayer .boxing { border:1px solid #ccc; padding:10px; }
.textLayer .boxing textarea { width:100%; height:70px; resize:none; border:0; }
.radioLayer input[type="radio"] { vertical-align:middle; }
.radioLayer label { display:inline-block; vertical-align:middle; font-size:16px; line-height:22px; color:#221e1f; }
.rc_submit input { cursor:pointer; display:inline-block; padding:8px 15px; background-color:#221e1f; border:0; color:#f7f7f7; font-size:24px;
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.rc_submit input:hover,
.rc_submit input:active { background-color:#17575e; }


/* checkBox */
.part_check h4 { font-size: 16px; }
.subscbChk li { }
.subscbChk li label { padding-left:5px; font-size:16px; font-weight:400; color:#333; }

.agree { margin:20px auto 0 auto; padding:20px; overflow:hidden; background-color:#fff; border: 2px solid #eee;}
.agree .agreeTit { display: block; margin:30px 0 0 0; color:#ef413d; font-size:15px; font-weight: bold; padding-top: 20px; border-top: 1px dotted #eee; }
.agree .agreeItem { margin:10px 0 0 0; }
.agree .agreeItem li { margin:5px 0 0 0; color:#666; font-size:14px; font-weight: bold; line-height:18px; background:url('../images/common/txt_bull01.gif') 0 8px no-repeat; padding-left:8px;  }

.agree .agree_check { margin:10px 0 0 0; border-top:1px dotted #666; padding-top:5px; }
.agree .agree_check ul { margin:5px 0 0 0; }
.agree .agree_check ul li { position:relative; background-image:url(../images/common/checkboxOff.png); background-repeat:no-repeat; background-position:0 0; cursor:pointer; line-height:18px; margin:8px 0 0 0; }
.agree .agree_check ul li:first-child{ background: none; font-size: 16px; font-weight: 500; color: #ef413d; }
.agree .agree_check ul li input[name=agreeChk] { position:absolute; width:0; height:0; top:0; left:0; border:0; display: none;}
.agree .agree_check ul li.raChk { background-image:url(../images/common/checkboxOn.png); }
.agree .agree_check ul li label { color:#333; font-size:14px; line-height:20px; font-weight: 500; padding-left:23px; display:inline-block; min-height:20px; }
.agree .agree_check ul li label.chkTxt { color:#333; font-size:16px; font-weight: 500; }

.rc_submit input { cursor:pointer; display:inline-block; padding:8px 15px; background-color:#221e1f; border:0; color:#f7f7f7; font-size:24px;
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.rc_submit input:hover,
.rc_submit input:active { background-color:#50bcb6; }


/*subPaging*/
.subpaging { width: 100%; margin:0 auto; line-height: 0; }
.subpaging:after { content: ''; clear: both; display: block; }
.subpaging>li { float: left; width: 50%;}
.subpaging>li a { display: block; background: #000 url(../images/sub/sp_back.png) top center; }
.subpaging>li a dl { position: relative; margin-bottom: 0; }
.subpaging>li a dl dt img { width: 100%; vertical-align: middle; opacity: .55;
  transition:all 1s ease-out;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out;
}

.subpaging>li a dl dd { color: #fff; font-size: 40px; position: absolute; top: 40%; }
.subpaging>li.sPprev a dl dd { left: 10%; }
.subpaging>li.sPnext a dl dd { right: 10%; }
.subpaging>li.sPprev a dl dd img { margin-right: 10px; }
.subpaging>li.sPnext a dl dd img { margin-left: 10px; }
.subpaging>li a dl dd img { transition:all 1s ease-out; vertical-align: middle;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out; 
}
.subpaging>li a:hover dl dt img,
.subpaging>li a:active dl dt img,
.subpaging>li a:focus dl dt img { opacity: 0.1; }
.subpaging>li.sPprev a:hover dl dd img,
.subpaging>li.sPprev a:active dl dd img,
.subpaging>li.sPprev a:focus dl dd img { transform: translateX(-15px);
  -webkit-transform: translateX(-15px);
  -moz-transform: translateX(-15px);
  -o-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
}

.subpaging>li.sPnext a:hover dl dd img,
.subpaging>li.sPnext a:active dl dd img,
.subpaging>li.sPnext a:focus dl dd img { transform: translateX(15px);
  -webkit-transform: translateX(15px);
  -moz-transform: translateX(15px);
  -o-transform: translateX(15px);
  -ms-transform: translateX(15px);
}

/* INSTANT */
.instant_goods:after { content: ''; display: block; clear: both; }
.instant_goods { margin:0; padding:0; }
.instant_goods .instant_goods1 { float:left; width:48%; margin: 1%; padding:0; }
.instant_goods .instant_goods1 dl { margin:0; }

.instant_detail { position: relative; background-color:#1a3c5c; padding: 10px 35px 25px; }
.instant_detail dl { line-height: 28px; }
.instant_detail dl:after { content: ''; display: block; clear: both; }
.instant_detail dt { float: left; height: auto; color: #fff; font-size: 18px; margin-right: 30px; }
.instant_detail dd { float: left; color: #fff; font-size: 17px; margin-left: 0; word-break: break-all; }

.evt_frm>dt { /*box-sizing: border-box;*/ }
.evt_info { padding-left: 0; margin: 0; }
.evt_frm .evt_info { text-align: center; padding-left: 0; margin: 0; }
.evt_frm .evt_info dl { min-height:100px; position: relative; max-width: 300px; margin: -20px auto 0; line-height: 22px; padding: 20px; background:#eee; text-align: center; letter-spacing: -0.5px; /*box-sizing: border-box;*/ }
.evt_frm .evt_info dt { font-size: 17px; margin-bottom: 10px; font-weight: bold; margin:0;}
.evt_frm .evt_info dd.evt_infoClo { font-size: 15px; line-height: 20px; margin-left: 0 !important; margin-top: 10px; }
.evt_frm .evt_info dd.evt_infoNum { margin-left: 0; }
.evt_frm .evt_info dd.evt_infoNum ul { margin:0; padding-left: 0; }
.evt_frm .evt_info dd.evt_infoNum li { display: inline-block; font-size: 15px; line-height: 21px; padding-left: 0; }
.evt_frm .evt_info dd.evt_infoNum li label { font-size: 15px; color: red; font-weight: 700; margin:0px; display: inline-block;}

.evt_frm .evt_info dd.evt_tiB { display: block; margin-top: 15px; margin-left: 0; }
.evt_frm .evt_info dd a.evt_tiBtn,
.evt_frm .evt_info dd a.evt_tiBtn2 { border:none; /*box-sizing: border-box;*/ max-width: 150px; margin: 10px auto 0; padding: 5px 15px; }

.evt_frm .evt_info dd a.evt_tiBtn { font-size: 15px; color: #fff; font-weight: 700; background-color: #006ebc; cursor: pointer;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;    
}
.evt_frm .evt_info dd a.evt_tiBtn:hover,
.evt_frm .evt_info dd a.evt_tiBtn:focus,
.evt_frm .evt_info dd a.evt_tiBtn:active { color: #006ebc; background:#fff; }
.evt_frm .evt_info dd a.evt_tiBtn2 { font-size: 15px; color: #fff; font-weight: 400; background-color: #999; cursor: text; }

.content_instant { position: relative; }
.content_instant .evt_prev { position: absolute; left: 0px; top: 0px; display: block; padding: 5px 10px; background-color:#999; color:#fff; font-size: 17px; letter-spacing: -0.6px; font-weight: 500; 
  -webkit-appearance:none;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
.content_instant .evt_prev:hover,
.content_instant .evt_prev:focus,
.content_instant .evt_prev:active { background-color:#2d2d2d; }

.btnEvtgetArea { height:36px; }

#btn_evtget { display:inline-block; padding:6px 26px; background-color:#006ebc; border:2px solid #006ebc; font-size: 17px; color: #fff; border-radius:10px; line-height: 20px; font-weight: bold; cursor: pointer; 
  -webkit-appearance:none;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
#btn_evtget:hover,
#btn_evtget:focus,
#btn_evtget:active { background-color:#fff; color:#006ebc; }
#btn_evtClo { display: inline-block; margin-top: 30px; padding: 10px 30px; background: #eee; font-size: 17px; border-radius: 10px; }

.evt_more { max-width: 400px; margin: 50px auto 0; padding: 15px 20px; border: 3px solid #d9d9d9; border-radius: 30px; }
.evt_more .evt_info li { padding-left:0; display: inline-block; font-size: 17px; line-height: 17px; margin-top:3px; margin-bottom:3px; }
.evt_more .evt_info li label { font-size: 17px; color: red; font-weight: 700; display: inline-block; margin:0; } 

@media only screen and (max-width:980px) {
  .instant_goods .instant_goods1 { display: block; width: 100%; margin-right:0; margin-left:0; margin-bottom:30px; }
}

/* list page */
.mw1280at { width:1280px; margin:0 auto; }

.bookT { margin-top:80px; }
.bbYear { text-align:center; font-size:74px; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.bbl { background-image:url('../../images/list/board_left.png'); background-repeat:repeat-y; background-position:top left; padding-bottom:19px; }
.bbr { background-image:url('../../images/list/board_right.png'); background-repeat:repeat-y; background-position:top right; padding-bottom:19px; }
.board_book { margin:0 64px; background-image:url('../../images/list/board_center.png'); background-repeat:repeat; padding-bottom:19px; }
.board_book:after { display:block; content:""; clear:both; height:0px; }
.board_book li { float:left; width:33%; height:376px; text-align:center; position:relative; }
.board_book li a { display:inline-block; overflow:hidden; }
.board_book li a h5 { margin-top:30px; }
.board_book li a h5 em { display:block; font-size:16px; color:#666; text-align:center; }
.board_book li a h5 strong { margin-top:5px; display:block; font-size:24px; color:#333; text-align:center; }
.board_book li a h5 strong.select { color:#e53e3a; }
.board_book li a:hover .bbImg img, .board_book li a:active .bbImg img { box-sizing:border-box; border:3px solid #ed1c24; 
  transition:.3s ease-in;
  -webkit-transition:.3s ease-in;
  -moz-transition:.3s ease-in;
  -o-transition:.3s ease-in;
  -ms-transition:.3s ease-in;
}
.board_book li .thumbImg { display:inline-block; overflow:hidden; cursor:pointer; }
.board_book li .thumbImg h5 { margin-top:30px; }
.board_book li .thumbImg h5 em { display:block; font-size:20px; color:#666; text-align:center; }
.board_book li .thumbImg h5 strong { margin-top:5px; display:block; font-size:18px; color:#333; text-align:center; }
.board_book li .thumbImg h5 strong.select { color:#76c39d; }
.board_book li .thumbImg:hover .bbImg img,
.board_book li .thumbImg:active .bbImg img { box-sizing:border-box; border:3px solid #76c39d; 
  transition:.3s ease-in;
  -webkit-transition:.3s ease-in;
  -moz-transition:.3s ease-in;
  -o-transition:.3s ease-in;
  -ms-transition:.3s ease-in;
}

.board_book li .thumbImg .bbImg { display:block; width:100%; position:absolute; left:0; bottom:20px; text-align:center; background-image:url('../../images/list/book_shadow.png'); background-repeat:no-repeat; background-position:bottom center; padding-bottom:5px; }
.board_book li .thumbImg .bbImg img { width:100%; max-width:192px; box-sizing:border-box; border:3px solid rgba(255,255,255,0); }
.board_book li .thumbImg .bbBtnWrap { display:none; }
.board_book li .thumbImg .bbBtnWrap .bbBtn { }
.board_book li .thumbImg:hover .bbBtnWrap, 
.board_book li .thumbImg:active .bbBtnWrap { display:block; position:absolute;  bottom:12%; left:0; width:100%; z-index:10; text-align:center; }
.board_book li .thumbImg:hover .bbBtnWrap .bbBtn,
.board_book li .thumbImg:active .bbBtnWrap .bbBtn { display:inline-block; padding:5% 10%; }
.board_book li .thumbImg .bbBtnWrap .bbBtn a { min-width:80px; display:block; background-color:#3a3a3a; border:1px solid rgba(255,255,255,0.2); padding:5px 10px; margin:10px 5px; color:#fff; font-size:16px;  
  transition:.3s ease-in;
  -webkit-transition:.3s ease-in;
  -moz-transition:.3s ease-in;
  -o-transition:.3s ease-in;
  -ms-transition:.3s ease-in;
}

.board_book li .thumbImg .bbBtnWrap .bbBtn a:hover,
.board_book li .thumbImg .bbBtnWrap .bbBtn a:active { border:1px solid rgba(255,255,255,0.8); background-color:#76c39d; }


/*page layout*/
.con2_dl1 { position:relative; overflow:hidden; }
.con2_dl1:after { display:block; content:""; clear:both; height:0; }
.con2_dl1 dt { float:left; width:10%; margin-right: 2%}
.con2_dl1 dt img { width:100%; }
.con2_dl1 dd { width:88%; float:right; }
.con2_dl1 dd h5,
.con2_dl1 dd p { margin-left:50px; }

.con2_3_dl { position:relative; overflow:hidden; }
.con2_3_dl:after { display:block; content:""; clear:both; height:0; }
.con2_3_dl dt { float:left; width:20%; margin-right: 5%; }
.con2_3_dl dt img { width:100%; }
.con2_3_dl dd { width:75%; float:right; }

.con2_3_dl2 { position:relative; overflow:hidden; }
.con2_3_dl2:after { display:block; content:""; clear:both; height:0; }
.con2_3_dl2 dt { float:left; width:30%; margin-right: 5%; }
.con2_3_dl2 dt img { width:100%; }
.con2_3_dl2 dd { width:65%; float:right; }

.con2_3_bg { background: url(../images/contents/con2_3_bg.jpg); background-size: 100; background-position: top center; background-repeat: repeat; }
.con2_4_bg { background: url(../images/contents/con2_4_bg.jpg); background-size: 100; background-position: top center; background-repeat: repeat; }

.con2_5_dl { position:relative; overflow:hidden; }
.con2_5_dl:after { display:block; content:""; clear:both; height:0; }
.con2_5_dl dt { float:left; width:20%; margin-right: 5%; }
.con2_5_dl dt img { width:100%; }
.con2_5_dl dd { width:75%; float:right; }

.con2_5_dl2 { position:relative; overflow:hidden; }
.con2_5_dl2:after { display:block; content:""; clear:both; height:0; }
.con2_5_dl2 dt { float:left; width:35%; margin-right: 5%; }
.con2_5_dl2 dt img { width:100%; }
.con2_5_dl2 dd { width:60%; float:right; }

.con3_2_sec:after { content: ''; clear: both; display: block; height: 0; }
.con3_2_sec .con3_2_secL { float: left; width: 30%; margin-right: 5%; }
.con3_2_sec .con3_2_secR { float: left; width: 65%; }

.con3_6_title { 
  background: linear-gradient(to right, #745f44, #a58c67);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.con3_6_back {
  background: url(../images/contents/con3_6_back.jpg);
  background-size: cover;
  background-position: center center;
}

		.numbering li { padding-left:20px; box-sizing:border-box;position:relative;margin-top:10px; }
		.numbering li:nth-of-type(1)::before { content:'①'; display:block; position:absolute;top:0;left:0}
		.numbering li:nth-of-type(2)::before { content:'②'; display:block; position:absolute;top:0;left:0}
		.numbering li:nth-of-type(3)::before { content:'③'; display:block; position:absolute;top:0;left:0}
		.numbering li:nth-of-type(4)::before { content:'④'; display:block; position:absolute;top:0;left:0}
		.numbering li:nth-of-type(5)::before { content:'⑤'; display:block; position:absolute;top:0;left:0}
		.numbering li:nth-of-type(6)::before { content:'⑥'; display:block; position:absolute;top:0;left:0}
		.numbering li:nth-of-type(7)::before { content:'⑦'; display:block; position:absolute;top:0;left:0}
		.numbering li:nth-of-type(8)::before { content:'⑧'; display:block; position:absolute;top:0;left:0}

		.numbering2 li { padding-left:20px; box-sizing:border-box;position:relative;margin-top:10px; }
		.numbering2 li:nth-of-type(1)::before { content:'1.'; display:block; position:absolute;top:0;left:0}
		.numbering2 li:nth-of-type(2)::before { content:'2.'; display:block; position:absolute;top:0;left:0}
		.numbering2 li:nth-of-type(3)::before { content:'3.'; display:block; position:absolute;top:0;left:0}
		.numbering2 li:nth-of-type(4)::before { content:'4.'; display:block; position:absolute;top:0;left:0}
		.numbering2 li:nth-of-type(5)::before { content:'5.'; display:block; position:absolute;top:0;left:0}
		.numbering2 li:nth-of-type(6)::before { content:'6.'; display:block; position:absolute;top:0;left:0}
		.numbering2 li:nth-of-type(7)::before { content:'7.'; display:block; position:absolute;top:0;left:0}
		.numbering2 li:nth-of-type(8)::before { content:'8.'; display:block; position:absolute;top:0;left:0}

/*media query*/
@media all and (max-width: 1700px) { 
  .subpaging>li a dl dd { top: 35%;}
  .subpaging { width:80%;} 
}

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

@media all and (max-width: 1500px) { 
  /*.testimonials .slidetxt { padding: 50px 10% 0; }*/
  .subpaging>li a dl dd { top: 35%; }
  .subpaging { width:100%;} 
}

@media screen and (max-width:1440px) {
  /* 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:37%; padding-right:6%;}
  .conBox02 li.last{font-size:0.6rem; display:inline-block;vertical-align:top; width:37%; padding:10% 0 0 0;}
  .conBox02 li a {display:block;width:auto;color:#000;text-decoration:none; overflow:hidden; height:100%;}
  .conBox02 li.ksw a {margin-top:5em} 
  .conBox02 li a img {width:100%;transition:transform 0.8s;}
  .conBox02 li a:hover img {transform:scale(1.1); }
  .conBox02_txt {margin: -35% 0 0% 10%; 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; margin-top: 3%; }
  .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;}
	.conBox02 li .sb_btn > a { overflow:visible; }
  }

  @media screen and (max-width:1320px){ 
    #header .header-content { width: 90%; }
    #footer .footerBot { padding-left:30px; padding-right:30px; }

    .conBox01 dl { padding-left:30px; padding-right:30px; }
  }

  @media screen and (max-width: 1280px) {  
    .conBox01 .eve_btn { margin-top: 20px; }
    .conBox01 .eve_btn a { font-size: 15px; padding: 10px 30px; }

    .mainCon3 {width: 80%; }
    .con4Inner {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto; }

      /* list page*/
      .mw1280at { width:100%; max-width:1280px; margin:0 auto; }
      .bookT { margin-top:20px; } 
      .bbYear { font-size:54px; } 
      .board_book { margin:0; } 
      .board_book li { width:50%; }

      #nino-searchForm .nino-searchInput { font-size: 60px; }
    }

    @media screen and (max-width:1200px){ 
      .depth1 .d1m { margin-right: 19px; }
      .subpaging { width:100%;} 

      #footer .footerTop .serviceLink li a {margin-left: -1px; margin-right: -1px;}
    }

    @media screen and (max-width:1180px){
      #footer .partnerLink { margin-top:0; }
      #footer .partnerLink li { width:33.333333333% }
      #footer .footerBot { margin-top:0px; }

      .conBox01 dl dt, 
      .conBox01 dl dd { float:none; width:100%; }
      .conBox01 .con01_tit { width: 100%; margin:0 auto; text-align: center;}
      .conBox01 .con01_tit h5 { font-size: 23px; line-height: 85px; }
      .conBox01 .con01_tit p { font-size: 36px; line-height: 51px; }
      .conBox01 .eve_btn { margin-top: 30px; }
    }

    @media all and (max-width: 1150px) { 
      .subVisual dl dt { font-size: 1.8rem; }
      .subVisual dl dd { font-size: 3rem; }
      /*sub*/ 
      .subpaging { width:100%;} 
      .subpaging>li a dl dd { top: 35%; font-size: 40px; }
      .sub_link ul li a { width: 50px; height: 50px; }
      .sub_link .url_print { position: absolute; top: 0; left: 10px; }
      .sub_link .sub_sns { position: absolute; top: 0; right: 10px; }
      .sub_link .sns_txt p { width: 50px; height: 50px; font-size: 12px; line-height: 12px; padding-top: 12px; }

      .conBox02_txt .conBox02_tit {font-size: 38px; line-height: 50px; }
      .conBox02_txt .conBox02_con {font-size: 18px; line-height: 32px; }
      .conBox03_right .conBox03_txt .conBox03_tit {font-size: 38px; line-height: 50px;}
      .conBox03_right .conBox03_txt .conBox03_con {font-size: 18px; line-height: 32px;}


    }


    @media screen and (max-width:1025px) {
      #header .header-content { width:90%; padding: 20px 0 10px; }
      .nav-toggle { display:block; height:17px; right:80px; }
      .navigation {
        position:fixed;
        background-color:rgba(255,255,225,0);
        width:0;
        height:0;
        top:0;
        left:0;
        bottom: 0;
        right: 0;
        visibility: hidden;
        opacity:0;
        color: rgba(255,255,255,0);
        content:"";
        text-indent: 0;
        z-index: -1;
        font-size: 0;
      } 
      .navigation .primary-nav { position:relative; top:45%; -moz-transform:translateY(-45%); -ms-transform:translateY(-45%); -webkit-transform:translateY(-45%); transform:translateY(-45%); }
      .navigation li { display:block; margin-bottom:20px; }
      .navigation a { display:block; font-size:25px; margin:0; text-align:center; }
      .searchTop { top:32px; }

      #nino-searchForm .nino-searchInput { font-size:40px; }
      #nino-searchForm .search_iconw { bottom:12px; right:8%; }
      .nsiArea { padding-left:8%; padding-right:8%; }

      .mainSlide .mtSlide .slick-next {right: 5px; }
      .mainSlide .mtSlide .slick-prev {left: 15px; }
      #footer .siteBlankLink .slSite li a { background-position:14px 3px; padding-right:0px; font-size:15px; }
    }

    @media only screen and (max-width:935px) {
      .con3_2_sec .con3_2_secL,
      .con3_2_sec .con3_2_secR { width: 100%; margin-right: 0; }
    }

    @media only screen and (max-width:900px) {
      .thumbList .tlLink { width:50%; 
        transform:rotateY(360deg);
        -webkit-transform:rotateY(360deg); 
        -moz-transform:rotateY(360deg); 
        -o-transform:rotateY(360deg); 
        -ms-transform:rotateY(360deg); 
      }
      #footer .footerTop .serviceLink li a { background-size:80px 80px; padding-top:110px; font-size: 15px; margin-left: -1px; margin-right: -1px;}
    }

    @media screen and (max-width:890px){  
      .conBox01 .eve_btn { margin-top: 15px; }
      .conBox01 .eve_btn a { font-size: 12px; padding: 10px 30px; }

      .con2_dl1 dt { width:100%; margin-right: 0px;}
      .con2_dl1 dd { width:100%; margin-top:20px; }
      .con2_dl1 dd h5 { margin-left:0; }
      .con2_dl1 dd p { margin-left:0; }
    }


    @media all and (max-width: 850px) { 
      .subVisual dl dt { font-size: 1.5rem; }
      .subVisual dl dd { font-size: 2.3rem; }
      /*sub*/ 
      .sub_link .url_print { position: absolute; top: 0; left: 10px; }
      .sub_link .sub_sns { position: absolute; top: 0; right: 10px; }
      .sub_link ul li a { width: 50px; height: 50px; }
      .sub_link .sns_txt p { width:50px; height: 50px; font-size: 12px; line-height:15px; padding-top:10px; }
      .subpaging { width:100%;}
      .subpaging>li a dl dd { font-size:30px; }
    }

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

      #footer .siteBlankLink .slSubscriber { width:100%; }
      #footer .siteBlankLink .slSite { width:100%; }
      #footer .siteBlankLink .slSite li { border-bottom:1px solid #dcdcdc; }
      #footer .siteBlankLink .slSite li a { padding-left:70px; text-align:left; }
      #footer .siteBlankLink .slSite li a span { font-size:15px; }
    }

    @media screen and (max-width:780px){ 
      .con2_3_dl dt {float: none; width: 100%; }
      .con2_3_dl dt span { text-align: justify; }
      .con2_3_dl dd {float: none; width: 100%; margin-top: 30px;}

      .con2_3_dl2 dt {float: none; width: 100%; }
      .con2_3_dl2 dt span { text-align: justify; }
      .con2_3_dl2 dd {float: none; width: 100%; }

      .con2_5_dl dt {float: none; width: 100%; }
      .con2_5_dl dt span { text-align: justify; }
      .con2_5_dl dd {float: none; width: 100%; margin-top: 30px;}

      .con2_5_dl2 dt {float: none; width: 100%; }
      .con2_5_dl2 dt span { text-align: justify; }
      .con2_5_dl2 dd {float: none; width: 100%; margin-top: 30px;}
    }

    @media screen and (max-width:740px){
      #header .logoV { display: block; max-width: 170px; float: left; }
      #header .logoV p {  font-size:17px; padding: 22px 5px 0px; }
      #header .header-content { padding: 10px 0; }
      #header.fixed .header-content { padding: 15px 0; }  
      #header .head_sns { margin: 2px 0 0 15px; } 
      .nav-toggle { right: 10%; }
      .searchTop {}

      .siArea { top:29px; }
      .searchTop .searchBtn { margin: 0 0 0 0; }

      .sub_link .url_print { position: absolute; top: 0; left: 10px; }
      .sub_link .sub_sns { position: absolute; top: 0; right: 10px; }
      .sub_link ul li a { width: 40px; height: 40px; }
      .sub_link .sns_txt p { width:40px; height: 40px; font-size: 10px; line-height: 11px; padding-top: 7px; }
      .subpaging { width:100%;}
      .subpaging>li a dl dd { top: 33%; font-size: 28px;} 

      .mainSlide {min-height: 0; height: 680px !important;}
      .mainSlide .autobt {bottom: 100px;}
      .mainSlide .mtSlide .slick-prev { left:10px; }
      .mainSlide .mtSlide .slick-next { right:-2px; }
      .mainSlide .mtSlide .mtsImgArea .mtsiTxt {font-size:17px; font-weight: inherit; letter-spacing: 1.5px; color: #fff;}
      .mainSlide .mtSlide .mtsImgArea .mtsiTit {font-size: 60px;}
      .mainSlide .mtSlide .mtsImgArea .mtsiLine {max-width: 150px;}
      .mainSlide .mtSlide .mtsImgArea .mtsBtn {max-width: 90px;}
      .mainSlide .mtSlide .mtsImgArea .mtsBtn a {padding: 5px 0px;}


      /* mainCon1 */  
      .conBox01 .con01_tit { width: 100%; margin:0 auto; text-align: center;}
      .conBox01 .con01_tit h5 { font-size: 23px; color: #16212f; line-height: 60px; }
      .conBox01 .con01_tit p { font-size: 33px; line-height: 47px; }
      .conBox01 .eve_btn { margin-top: 30px; }
      .conBox01 .eve_btn { margin-top: 13px; }
      .conBox01 .eve_btn a { font-size: 11px; padding: 7px 20px; }


      /* mainCin2 */
      .mainCon2 {padding-top: 50px; }
      .conBox02 li {width: 90%; padding: 0px; }
      .conBox02 li.last {width: 90%; padding: 0px; }
      .conBox02_txt { width: 100%; text-align: center; margin: 0px; }
      .conBox02_txt .conBox02_tit { font-size: 30px; line-height: 33px; }
      .conBox02_txt .conBox02_con { font-size: 16px; line-height: 28px; text-align: center; }

      /* mainCon3 */
      .mainCon3 {padding-top: 50px; }
      .conBox03_left {width: 100%; float: none; }
      .conBox03_right {width: 100%; float: none; text-align: center; }
      .conBox03_right .conBox03_txt .conBox03_list {margin: 20px 0; padding: 0px; }
      .conBox03_right .conBox03_txt .conBox03_tit {font-size: 30px; line-height: 33px; }
      .conBox03_right .conBox03_txt .conBox03_con {font-size: 16px; line-height: 28px; text-align: center; }
      .con_btn_icon01 {padding: 10px 20px; letter-spacing: 1px; }
      .con_btn_icon01 a > span {font-size: 16.5px;}



      /* mainCon4 */
      .mainCon4 {padding-top: 50px; }
      .mainCon4 .con4Tit {margin-bottom: 15px; } 
      .mainCon4 .autobt {top: 65px; }


      /* mainCon5 */
      .mainCon5 { max-width:1280px; margin: 0 auto; overflow: hidden; padding-top: 0px; }
      .mainCon5 .mGbox { width: 100%; }
      .mainCon5 .mGbox .mGsubscribe {width: 100%; float: none; }
      .mainCon5 .mGbox .mGsns {width: 100%; float: none; }
      .mainCon5 .mGshare {width: 100%; overflow: hidden; padding-bottom: 10px;}
      .mainCon5 .mGshare a {display: block; width: 33.333%; height: 100px; background-color: #ccc; float: left; margin-top: 0px; position: relative; }
      .mainCon5 .mGshare a span { font-size:0px; }
    }

    @media screen and (max-width:720px){ 
      #footer .siteBlankLink { margin-top:15px; }
      #footer .partnerLink li { width:50%; }
      #footer .footerBot .logoBotArea { padding-left:0; }
      #footer .footerBot .logoBotArea .logoBot { width:100%; max-width:180px; position:relative; margin-left:auto; margin-right:auto; }
      #footer .footerBot .logoBotSns { float:none; margin-top:20px;}
      #footer .footerBot .addressArea { margin-top:15px; padding-left:0; padding-right:0; }
      #footer .footerBot .titleSns { min-width:inherit; }
      #footer .footerBot .iconSns { min-width:inherit; }
    }

    @media all and (max-width: 680px) {

      #header .logo img { max-width: 110px; }
      #header .logo .vtBox { margin-left: 4px; }
      #header .vtBox span { font-size: 11px; line-height: 12px; margin-top: 8px; }
      #header.fixed .vtBox span { font-size: 11px; line-height: 12px; margin-top: 8px; }
      #header .logo .vtBox strong { font-size: 11px; line-height: 12px; margin-top: 0; }

      .subVisual dl dt { font-size: 1.3rem; }
      .subVisual dl dd { font-size: 1.7rem; }

      /*sub*/
      .sub_link .url_print { position: absolute; top: 0; left: 10px; }
      .sub_link .sub_sns { position: absolute; top: 0; right: 10px; }
      .sub_link ul li a { width: 35px; height: 35px; }
      .sub_link .sns_txt p { width: 35px; height: 35px; font-size: 10px; line-height: 11px; padding-top: 5px; }
      .subpaging { width:100%;}
      .subpaging>li a dl dd { top: 33%; font-size: 28px; }
    }

    @media screen and (max-width:650px){
      #nino-searchForm .nino-searchInput { font-size:32px; }
      #nino-searchForm .search_iconw { width:30px; height:30px; bottom:10px; right:8%; }
      #nino-searchForm .search_icon { width:30px; height:30px; }
      #nino-searchForm .nino-close { right:30px; }
      .nsiArea { padding-left:8%; padding-right:8%; }

      .sub_link .url_print { position: absolute; top: 0; left: 10px; }
      .sub_link .sub_sns { position: absolute; top: 0; right: 10px; }
      .sub_link ul li a { width: 35px; height: 35px; }
      .sub_link .sns_txt p { width: 35px; height: 35px; font-size: 10px; line-height: 11px; padding-top: 5px; }
      .subpaging { width:100%;}


      .photo2Type4 li { width:100%; }
      .photo2Type4 li.pt2L { width:100%;  margin-right:0; float: none; }
      .photo2Type4 li.pt2R { width:100%;  margin-right:0; float: none; }

	  .photo2Type7 li { width:100%; }
      .photo2Type7 li.pt2L { width:100%;  margin-right:0; float: none; }
      .photo2Type7 li.pt2R { width:100%;  margin-right:0; float: none; }

      .photo3Type3>li.pt3L { width:100%; float:left; margin-bottom:1%; }
      .photo3Type3>li.pt3C { width:100%; margin-right:0%; margin-bottom:1%; }
      .photo3Type3>li.pt3R { width:100%; margin-left:0%; }
    }

    @media screen and (max-width:570px) {
      .conBox01 .con01_tit { width: 100%; margin:0 auto; text-align: center;}
      .conBox01 .con01_tit h5 { display: none;}
      .conBox01 .con01_tit p { font-size: 18px; line-height: 25px; letter-spacing: 2px;}
      .conBox01 .eve_btn { margin-top: 30px; }
      .conBox01 dl dt img { max-width:280px; }

      .conbox02{width:90%}
      .con02_txt .title02{font-size:1.6rem}
      .con02 li{width:50%}
      .con02 li.last{width:37%;padding:30% 0 0 0}
      .con02_txt {margin:-8% 0 40% 10%}
      .con02_txt .stitle02{text-align:left}
      .con02_txt .contents02{width:90%;font-size:0.7rem}
      .con02_txt:before{top: 2rem;content:url('./images/line01_.png');}

      .mainCon3{width:90%}
      .con03_txt{margin:0% 0% 0% 0%}
      .con03_txt .stitle03{text-align:center;padding:0rem 0 1rem 0}
      .con03_txt .title03{font-size:1.6rem;text-align:center}
      .con03_txt{margin-top:0%;padding-top:0%;padding-left:0%;text-align:center}
      .con03_txt:before{top: -2rem;margin-left: 0rem;content:url('./images/line01_.png');}
      .con03_txt .contents03{width:100%;text-align:center}
      .con03_txt .name{;text-align:center}
      .con03left{width:90%;display:block;margin:0 auto}
      .con03right{width:100%;display:block;margin-top:0;margin-left:0%}
      .con03_txt .name {padding: 0px;}
      .con03_txt .contents03 {padding: 0px; }

    }


    @media all and (max-width: 560px){
      .thumbList .tlLink { width:100%; 
        transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg); 
        -moz-transform:rotateY(0deg); 
        -o-transform:rotateY(0deg); 
        -ms-transform:rotateY(0deg);
      }


       .photo2Type1 li { width:100%; }
       .photo2Type1 li.pt2L { margin-right:0; }
       .photo2Type1 li.pt2R { margin-left:0; }
      
      .photo2Type3>li.pt2L {width:100%; float:none; margin-right:0%; }
      .photo2Type3>li.pt2R {width:100%; float:none; margin-left:0%; }

      .photo3Type2>li { width: 100%; clear: both; display: block; }
      .photo3Type2>li.pt3L { margin-right:0; }
      .photo3Type2>li.pt3R { margin-left:0; }

      .photo2Type2 li { width:100%; }
      .photo2Type2 li.pt2L { margin-right:0; }
      .photo2Type2 li.pt2R { margin-left:0;


      .mBr { display: none; }

      }

      @media all and (max-width: 540px){
        /*sub*/
        .sub_link .url_print { position: absolute; top: 0; left: 0px; }
        .sub_link .sub_sns { position: absolute; top: 0; right: 0px; }
        .sub_link ul li a { width: 35px; height: 35px; }
        .sub_link .sns_txt p { width: 35px; height: 35px; font-size: 10px; line-height: 11px; padding-top: 5px; }
        .subpaging { width:100%;}
        .subpaging>li a dl dd { top: 30%; font-size: 18px; }
      }

      @media screen and (max-width:500px){
        .nav-toggle { right: 11%; }
        .gnb_mopen_W { max-width: 400px; }
        #nino-searchForm .nino-searchInput { font-size: 30px; }
        #nino-searchForm .search_iconw { width: 25px; height: 25px; bottom: 10px; }
        .sub_link ul li a { width: 35px; height: 35px; }
        .sub_link .sns_txt p { width: 35px; height: 35px; font-size: 10px; line-height: 11px; padding-top: 5px; }
        .subpaging { width:100%;}
        .subpaging>li.sPprev a dl dd,
        .subpaging>li.sPnext a dl dd  { top: 27%; font-size: 14px; }

        .mainSlide {min-height: 0; height: 680px !important;}
        .mainSlide .mtSlide .slick-prev { left:1px; }
        .mainSlide .mtSlide .slick-next { right:-10px; }
        .mainSlide .mtSlide .mtsImgArea .mtsiTxt {font-size:17px; font-weight: inherit; letter-spacing: 1.5px; color: #fff;}
        .mainSlide .mtSlide .mtsImgArea .mtsiTit {font-size: 40px;}
        .mainSlide .mtSlide .mtsImgArea .mtsiLine {max-width: 150px;}
        .mainSlide .mtSlide .mtsImgArea .mtsBtn {max-width: 90px;}
        .mainSlide .mtSlide .mtsImgArea .mtsBtn a {padding: 5px 0px;}

        .mainCon4 .sItem dl dd h5 {font-size: 15px; }
        .mainCon4 .sItem dl dd p {font-size: 17px; }
        .subVisual dl {top: 66%; }
        .subVisual dl dt {font-size: 1.2rem; }
        .subVisual dl dd {font-size: 1rem; }
      }

      @media screen and (max-width:480px){
        #nino-searchForm .nino-searchInput { font-size:24px; }
        #nino-searchForm .search_iconw { width:26px; height:26px; bottom:8px; right:8%; }
        #nino-searchForm .search_icon { width:24px; height:24px; }
        .nsiArea { padding-left:8%; padding-right:8%; }

        #footer .footerTop .serviceLink li a { background-size:50px 50px; padding-top:75px; font-size:14px; text-overflow:ellipsis; overflow:hidden; height:15px; line-height:15px; white-space:nowrap; }
        #footer .partnerLink li a { background-size:110px 76px; padding-top:95px; }
        #footer .partnerLink li a span { font-size:15px; }
        #footer .footerBot .addressArea .addressTxt span { font-size:15px; }
        #footer .footerBot .addressArea .copyrightTxt span { font-size:15px; }
      }

      @media screen and (max-width:460px){  
        .conBox01 .eve_btn { margin-top: 5px; }

        /*sub*/
        .sub_link ul li a { width: 35px; height: 35px; }
        .sub_link .sns_txt p { width: 35px; height: 35px; font-size: 10px; line-height: 11px; padding-top: 5px; }
      }

      @media screen and (max-width:350px){
        .conBox01 .eve_btn a { font-size: 9px; padding: 4px 10px; }

        .mainSlide {min-height: 0; height: 480px !important;}
        .mainSlide .mtSlide .slick-prev { left:1px; }
        .mainSlide .mtSlide .slick-next { right:-10px; }
        .mainSlide .mtSlide .mtsImgArea .mtsiTxt {font-size:17px; font-weight: inherit; letter-spacing: 1.5px; color: #fff;}
        .mainSlide .mtSlide .mtsImgArea .mtsiTit {font-size: 40px;}
        .mainSlide .mtSlide .mtsImgArea .mtsiLine {max-width: 150px;}
        .mainSlide .mtSlide .mtsImgArea .mtsBtn {max-width: 90px;}
        .mainSlide .mtSlide .mtsImgArea .mtsBtn a {padding: 5px 0px;}
      }

      @media screen and (max-width:320px){
        .nav-toggle { right: 14%; }
        .sub_link ul li a { width: 32px; } 
        .subpaging { width:100%;}
        .mainCon4 .sItem dl dd h5 {font-size: 13px; }
        .mainCon4 .sItem dl dd p {font-size: 13px; }
        .subpaging>li.sPprev a dl dd,
        .subpaging>li.sPnext a dl dd  { top: 20%; font-size: 13px; }

        .board_book li { width:100%; }
        .board_book li a h5 { margin-top:30px; }
        .board_book li .bbImg img { width:100%; }
      }