@charset "utf-8";

html, body{
	width:100%;
	height:100%;
    background-color: #69b3cf;
    overflow: hidden;
}

#wrap{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin: 0 auto;
}



/*header*/
#header{
	position:absolute;
	top: 0;
	left: 0;
	width: 300px;
	height:100%;
	z-index: 99999;
	overflow: hidden;
}

#whiteBlock{
	position:absolute;
	left:280px;
	width:100%;
	height:100%;
	background-color:rgba(249,242,231,0.7);
	overflow:hidden;
}

#rRound{
	position:absolute;
	top:50%;
	margin-top:-125px;
	left:0;
	margin-left:50px;
	width:250px;
	height:250px;
	border-radius:126px;
	background-color:rgba(133,160,232,0.7);
	text-align:center;
}
#rRound>strong{
	display:inline-block;
	margin-top:calc(50% - 36px);
	color:rgba(255,255,255,0.8);
	font-size:22px;
	line-height:36px;
	text-align:justify;
}

#header .headBox{
	height: 100%;
}

#header .headerArea {
	position: relative;
	height: 100%;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#95cde2+0,fdf1e2+100;power */
	background: #95cde2; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #95cde2 0%, #fdf1e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #95cde2 0%,#fdf1e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #95cde2 0%,#fdf1e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95cde2', endColorstr='#fdf1e2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	border-left:1px solid #5895ca;
	transition: all .2s ease-in;
	z-index:99999;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -khtml-transition: all .2s ease-in;
}

#header #logo_top{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	text-align:center;
	overflow:hidden;
}
#header #logo_top h1 {
	margin-top:15px;
	text-align:center;
}
#header #logo_top>h1>a{
	display:block;
	margin:0 auto;
	width:264px;
	padding-top: 90px;
	background-image: url('../images/common/logo_top.png');
	background-repeat: no-repeat;
	background-size: 150px 75px;
	background-position: top center;
}
#header #logo_top>h1 span{
	display:block;
	color:#fff;
	font-size:20px;
}
#header #logo_top>.btn_preMgz{
	display:inline-block;
	margin-top:15px;
	padding:10px 25px;
	width:185px;
	border-radius:35px;
	background-color:rgba(105,179,207,0.8);
	border:none;
	color:#fff;
	font-size:19px;
	text-align:left;
	background-image:url('../images/common/btn_preMgz.png');
	background-repeat:no-repeat;
	background-position:165px 20px;
	cursor:pointer;
	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;
    -khtml-transition: all .2s ease-in;	
}

#header #logo_top>.btn_preMgz:hover, 
#header #logo_top>.btn_preMgz:active{
	color:rgba(255,255,255,1);
	background-image:url('../images/common/btn_preMgz_active.png');
}
#header #logo_top>.btn_preOpen{
	display: none;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/common/btn_preOpen.png');
	background-repeat:no-repeat;
	background-size: cover;
	font-size: 0;
	line-height: 0;
	text-indent: -99999px;
}
#header #logo_top>.btn_gnbOpen{
	display: none;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/common/btn_gnbOpen.png');
	background-repeat:no-repeat;
	background-size: cover;
	font-size: 0;
	line-height: 0;
	text-indent: -99999px;
}


/*scrollbar css
#wrap .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{
	margin-right: 0;
}
#wrap .mCSB_inside > .mCSB_container{
	margin-right: 15px;
}
*/

/*nav*/
#header .navScroll {
	position: absolute;
	top: 205px;
	bottom: 0;
	left: 0;
	width:100%;
}
#header .nav_box{
	position: relative;
	height: 100%;
}
#header .nav_box .nav{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 128px;
	width:100%;
	overflow-y: auto;
}
.nav .depth1{
	list-style:none;
}
.nav .depth1>li{  
	  
}
.nav .depth1>li>a{
	display:block;
	padding: 15px 24px;
	border-top:1px solid #bedde8;
	border-bottom:1px solid #90b6c1;
	transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -khtml-transition: all .2s ease-out;
}
.nav .depth1>li>a span.txtDep1{
	display:block;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	background-image:url('../images/common/nav_backOff.png');
	background-repeat:no-repeat;
	background-position:right center;
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -khtml-transition: all .3s ease-out;
}
.nav .depth1>li>a:hover, #nav .depth1>li>a:active{
	background-color:#fff;
}
.nav .depth1>li>a span.txtDep1.first{
	background-image:none;
}
.nav .depth1>li>a:hover span.txtDep1.first, .nav .depth1>li>a:active span.txtDep1.first, .nav .depth1>li>a.active span.txtDep1.first{
	background-image:none;
}
.nav .depth1>li>a:hover span.txtDep1{
	color:#bedde8;
	background-image:url('../images/common/nav_backOff_hover.png');
}
.nav .depth1>li>a:active span.txtDep1{
	color:#bedde8;
	background-image:url('../images/common/nav_backOn.png');
}
.nav .depth1>li>a.active{
	background-color:#fff;
}
.nav .depth1>li>a.active span.txtDep1{
	color:#bedde8;
	background-image:url('../images/common/nav_backOn.png');
}
.nav .depth1>li .depth2{
	display:none;
}
.nav .depth1>li .depth2>li{
	position: relative;
}

.nav .depth1>li .depth2>li>a{
	display:block;
	padding: 10px 38px;
	/*border-top:1px solid #b04843;*/
	border-bottom:1px solid #88c3d8;
	background-color:rgba(105,179,207,0.8);
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -khtml-transition: all .3s ease-out;
}

.nav .depth1>li .depth2>li>a:hover, 
.nav .depth1>li .depth2>li>a:active {
	background-color:#1c9cc5;
}

.nav .depth1>li .depth2>li>a>h2, 
.nav .depth1>li .depth2>li>a>em {
	color:rgba(255,255,255,0.7);
	font-size:16px;
	line-height:24px;
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -khtml-transition: all .3s ease-out;
}

.nav .depth1>li .depth2>li>a:hover>h2, 
.nav .depth1>li .depth2>li>a:hover>em, 
.nav .depth1>li .depth2>li>a:active>h2, 
.nav .depth1>li .depth2>li>a:active>em {
	color:rgba(255,255,255,1);
}

.nav .depth1>li>ul.subN_service>li>a{
	background-repeat:no-repeat;
	padding-left:90px;
	background-position:38px center;
	background-size: 35px 35px;
}
.nav .depth1>li>ul.subN_service>li.blog>a{
	background-image:url('../images/common/sns_blog.png');
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -khtml-transition: all .3s ease-out;
}
.nav .depth1>li>ul.subN_service>li.blog>a:hover{
	background-image:url('../images/common/sns_blog_on.png');
}

.nav .depth1>li>ul.subN_service>li.facebook>a{
	background-image:url('../images/common/sns_facebook.png');
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -khtml-transition: all .3s ease-out;
}
.nav .depth1>li>ul.subN_service>li.facebook>a:hover{
	background-image:url('../images/common/sns_facebook_on.png');
}

.nav .depth1>li>ul.subN_service>li.twitter>a{
	background-image:url('../images/common/sns_twitter.png');
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -khtml-transition: all .3s ease-out;
}
.nav .depth1>li>ul.subN_service>li.twitter>a:hover{
	background-image:url('../images/common/sns_twitter_on.png');
}

.nav .depth1>li>ul.subN_service>li.pdf>a{
	background-image:url('../images/common/pdf_view.png');
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -khtml-transition: all .3s ease-out;
}
.nav .depth1>li>ul.subN_service>li.pdf>a:hover{
	background-image:url('../images/common/pdf_view_on.png');
}

.nav .depth1>li>ul.subN_service>li.reader>a{
	background-image:url('../images/common/reader.png');
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -khtml-transition: all .3s ease-out;
}
.nav .depth1>li>ul.subN_service>li.reader>a:hover{
	background-image:url('../images/common/reader_on.png');
}

#header .nav_box .footer{
	position: absolute;
	bottom: 0;
	left: 0;
	border-top:1px solid #bcd6e0;
}


/*mobileNav*/
#mobileNav{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(167,206,238,0.5);/*#bedde8*/
	z-index:999999;
}
#mobileNav .mbNavArea{
	position:absolute;
	top:0;
	left:-310px;
	width:300px;
	height:100%;
	background: #95cde2;
    background: -moz-linear-gradient(-45deg, #95cde2 0%, #fdf1e2 100%);
    background: -webkit-linear-gradient(-45deg, #95cde2 0%,#fdf1e2 100%);
    background: linear-gradient(135deg, #95cde2 0%,#fdf1e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95cde2', endColorstr='#fdf1e2',GradientType=1 );
	overflow:hidden;
	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;
    -khtml-transition: all .2s ease-in;
}
.mbNavArea .navScroll{
	position:relative;
	height:100%;
}
.mbNavArea .gnbClose{
	position:relative;
	display:block;
	width:100%;
	height:50px;
}
.mbNavArea .gnbClose a{
	display: inline-block;
	position:absolute;
	right:15px;
	top:50%;
	margin-top: -15px;
	font-size:0;
	line-height: 0;
	text-indent: -99999px;
	width:30px;
	height:31px;
	background-image:url('../images/common/btn_gnbClose.png');
	background-repeat:no-repeat;
	background-size: cover;
	cursor: pointer;
}
.mbNavArea .nav{
	position:absolute;
	top:50px;
	left:0;
	bottom:127px;
	width:100%;
	overflow-y:auto;
}
.mbNavArea .footer{
	position:absolute;
	bottom:0;
	left:0;
	border-top: 1px solid #5ba7e6;
}



/*footer*/
.footer{
	/*position:absolute;
	bottom:0;
	left:0;*/
	width:100%;
	max-width:300px;
	/*background-color:#bedde8;*/
}
.footer .footerArea{
	padding:15px 24px;
}
.footer .footerArea span{
	display:inline-block;
	color:rgba(158,158,158,0.8);
	font-size:12px;
	line-height:16px;
}

#wrap #mfooter{
	background-color: #dadada;
}
#wrap #mfooter .footerArea{
	padding: 10px;
}
#wrap #mfooter .footerArea span{
	display:inline-block;
	color: #666;
	font-size:12px;
	line-height:14px;
}

#wrap.main #mfooter .footerArea{
	width: 100%;
	max-width: 1090px;
	margin: 0 auto;
	box-sizing: border-box;
}
#wrap.list #mfooter .footerArea{
	width: 100%;
	max-width: 1004px;
	margin: 0 auto;
	box-sizing: border-box;
}
#wrap.sub #mfooter .footerArea{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	box-sizing: border-box;
}



/*container*/
#container{
	position:absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width:100%;
	padding-left: 300px;
	background-color: #ededed;
	box-sizing: border-box;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#container .topBt{
	position: fixed;
	bottom: 100px;
	right: 50%;
	margin-right: -720px;
	width: 40px;
	height: 37px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background-image: url('../images/common/topBtn.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 99999;
}


/*main block*/
#wrap.main .conArea{
	position: relative;
	width: 100%;
	height: 100%;
}

#wrap.main .conblock{
	width: 100%;
}
#wrap.main .conArea .mainSlide{
	position: relative;
	width: 100%;
	height: 100%;
}
#wrap.main .conblock .slick-slide{
	float: left;
}
#wrap.main .conblock .slnavBlock .slick-slide{
	opacity: 0.6;

}
#wrap.main .conblock .slnavBlock .slick-slide.slick-current{
	opacity: 1;
}
#wrap.main .slider-for .slick-list{
	width: 100%;
	height: 100%;
}
#wrap.main .slider-for .slick-track{
	height: 100%;
}

/*ablock*/
#wrap.main .ablock{
	width:100%;
	height:100%;
}
#wrap.main .conblock .slider-for{
	width: 100%;
	height: 100%;
}
#wrap.main .slcont{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#wrap.main .slcont1 { background-image:url('../images/main/mainSlide1.jpg'); }
#wrap.main .slcont2 { background-image:url('../images/main/mainSlide2.jpg'); }
#wrap.main .slcont3 { background-image:url('../images/main/mainSlide3.jpg'); }
#wrap.main .slcont4 { background-image:url('../images/main/mainSlide4.jpg'); }
#wrap.main .slcont5 { background-image:url('../images/main/mainSlide5.jpg'); }

#wrap.main .slcont article{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
#wrap.main .slcont dl{
	display: inline-block;
	padding: 30px;	
}
#wrap.main .slcont1 dl { background-color: rgba(255,255,255,0.5); }
#wrap.main .slcont2 dl { background-color: rgba(244,249,233,0.9); }
#wrap.main .slcont3 dl { background-color: rgba(242,247,240,0.9); }
#wrap.main .slcont4 dl { background-color: rgba(243,238,231,0.9); }
#wrap.main .slcont5 dl { background-color: rgba(255,255,255,0.8); }
#wrap.main .slcont dl dt{
	color: #333;
	font-size: 24px;
	line-height: 32px;
}
#wrap.main .slcont dl dd{
	margin-top: 30px;
}
#wrap.main .slcont dl dd em{
	display: block;
	color: #333;
	font-size: 40px;
	line-height: 50px;
}
#wrap.main .slcont dl dd em span{
	display: block;
	margin-top: 15px;
	color: #333;
	font-size: 40px;
	font-weight: bold;
}
#wrap.main .slcont dl dd a{
	display: inline-block;
	margin-top: 30px;
	width: 110px;
	height: 110px;
	border-radius: 55px;
	background-color: #000;
}
#wrap.main .slcont dl dd a span{
	display: block;
	color: #fff;
	font-size: 20px;
	text-align: center;
	text-decoration: underline;
	letter-spacing: -1px;
	padding: 43.5px 0;
}

#wrap.main .conblock .slnavBlock{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	padding: 40px 0; 
	box-sizing: border-box;
}
#wrap.main .conblock .slider-nav{
	position: relative;
	max-width: 880px;
	margin: 0 auto;
}
#wrap.main .slider-nav .slick-arrow{
	position: absolute;
	top: 50%;
	margin-top: -28.5px;
	width: 101px;
	height: 57px;
	z-index: 999;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: none;
	font-size: 0;
	line-height: 0;
	text-indent: -99999px;
	cursor: pointer;
}
#wrap.main .slider-nav .slick-prev{
	left: 0;
	margin-left: -101px;
	background-image: url('../images/main/mainslArrow_prev.png');
}
#wrap.main .slider-nav .slick-next{
	right: 0;
	margin-right: -101px;
	background-image: url('../images/main/mainslArrow_next.png');
}
#wrap.main .slnav{
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 15px;
	cursor: pointer;
	margin: 0 10px;
}
#wrap.main .slnav1 { background-image:url('../images/main/mainThumb0_1.jpg'); }
#wrap.main .slnav2 { background-image:url('../images/main/mainThumb0_2.jpg'); }
#wrap.main .slnav3 { background-image:url('../images/main/mainThumb0_3.jpg'); }
#wrap.main .slnav4 { background-image:url('../images/main/mainThumb0_4.jpg'); }
#wrap.main .slnav5 { background-image:url('../images/main/mainThumb0_5.jpg'); }

.mainSlide .autobt{
	margin-left:-25px;
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	bottom: 256px;
	left: 50%;
	/* transform: translate(-50%, 50%); */
	font-size: 0;
	line-height: 0;
	text-indent: -99999px;
	background-repeat: no-repeat;
	background-size: cover;
	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 .autobt.stop { background-image: url('../images/main/playbt.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;
}

.mainSlide .autobt.stop:hover, .mainSlide .autobt.stop:active { background-image: url('../images/main/playbt_active.png'); }

.mainSlide .autobt.play { background-image: url('../images/main/stopbt.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;
}
.mainSlide .autobt.play:hover, .mainSlide .autobt.play:active { background-image: url('../images/main/stopbt_active.png'); }


/*bblock*/
#wrap.main .bblock{ 
	background-color:#ededed;	
	box-sizing: border-box;

	
}
#wrap.main .bblock article{
	position: relative;
}
#wrap.main .bblock article .bContHead{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 280px;
}
#wrap.main .bblock article .bContHead h3{
	display: block;
	/*margin-left: calc(100% - 452px);*/
	max-width:450px;
	margin-right:auto;
	margin-left:auto;
    height: 100%;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;	
}
#wrap.main .bblock .bbbcArea { padding: 0 10px; max-width:1280px; margin-left:auto;	margin-right:auto; }
#wrap.main .bblock .bContbox1 article .bContHead h3{ background-image: url('../images/main/bcontBack01.png'); }
#wrap.main .bblock .bContbox2 article .bContHead h3{ background-image: url('../images/main/bcontBack02.png'); }
#wrap.main .bblock article>div:after{
	content: "";
	display: block;
	clear: both;
}
#wrap.main .bblock .bCont{
	float: left;
	position: relative;
	width: 50%;
	margin-top: 80px;
	text-align:center;
}
#wrap.main .bblock .bCont1{
    /*padding-right: 50px;*/
	box-sizing: border-box;
}
#wrap.main .bblock .bCont2{
    /*padding-left: 50px;*/
	box-sizing: border-box;
	margin-top: 280px;
	text-align: center;
}
#wrap.main .bblock .bCont3, #wrap.main .bblock .bCont5, #wrap.main .bblock .bCont7, #wrap.main .bblock .bCont9, #wrap.main .bblock .bCont11{
    /*padding-right: 50px;*/
	box-sizing: border-box;
}
#wrap.main .bblock .bCont3 a, #wrap.main .bblock .bCont5 a, #wrap.main .bblock .bCont7 a, #wrap.main .bblock .bCont9 a, #wrap.main .bblock .bCont11 a{
	margin-top: -200px;
}
#wrap.main .bblock .bCont4{
    /*padding-left: 50px;*/
	box-sizing: border-box;
	text-align: center;
}
#wrap.main .bblock .bCont>a{
	display: inline-block;
	width: 452px;
	padding: 5px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
#wrap.main .bblock dl{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#wrap.main .bblock dl dt{
	position: relative;
	width: 100%;
	background-image: url('../images/main/bcontThumb1_1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow:hidden;
	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;
}

#wrap.main .bblock dl dt img { 
	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;
}

#wrap.main .bblock dl dd{
	position: relative;
	width: 100%;
	padding-bottom: 15px;
}

#wrap.main .bblock.pc .bCont>a:hover dl dt{
	background-color:#fff;
	opacity:0.6;
}

#wrap.main .bblock.pc .bCont>a:hover dl dt img,
#wrap.main .bblock.pc .bCont>a:focus dl dt img {
	transform:scale(1.12,1.12);	
	-webkit-transform:scale(1.12,1.12);
	-moz-transform:scale(1.12,1.12);
	-o-transform:scale(1.12,1.12);	
	-ms-transform:scale(1.12,1.12);	
}

#wrap.main .bblock.pc .bCont>a:hover dl dd h4{
	color:#075ca2;
}

#wrap.main .bblock.pc .bCont>a:hover dl dd p{
	color:#4990c9;
}

#wrap.main .bblock .bContTextArea {
	position: relative;
	width: 87%;
	max-width: 530px;
	height: 100%;
	padding: 5% 6.5%;
	margin-top: -15px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	background-color: rgba(238,238,238,0.8);
	box-shadow: 0 1px 1px rgba(153,153,153,0.2);
	overflow: hidden;
}
#wrap.main .bblock dl dd h4{
	display: block;
	font-size: 24px;
	line-height: 32px;
	color: #333;
	text-align: left;
	width: 100%;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    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;
}
/*
#wrap.main .bblock dl dd h4 span{
	font-size: 24px;
	line-height: 32px;
	color: #333;
	font-weight: bold;
}
*/
#wrap.main .bblock dl dd p {
	margin-top: 15px;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	text-align: justify;
	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;
}
#wrap.main .bCont_slide.active .slick-arrow{
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	width: 52px;
	height: 52px;
	z-index: 9;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
	border: none;
	cursor: pointer;
}
#wrap.main .bCont_slide.active .slick-prev{
	left: 1%;
	background-image: url('../images/main/bcontArrow_prev.png');
}
#wrap.main .bCont_slide.active .slick-next{
	right: 1%;
	background-image: url('../images/main/bcontArrow_next.png');
}


/*cBlock*/
#wrap.main .cblock{
	background-color:#ededed;
	padding-top: 80px;
	padding-bottom: 15px;
	box-sizing: border-box;
}
#wrap.main .cblock .cContbox{
	padding: 0 10px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto; 
}
#wrap.main .cblock article{
	background-color: #fff;
}
#wrap.main .cblock .cCont{
	display: table-cell;
	width: 50%;
	box-sizing: border-box;
	vertical-align: middle;
}
#wrap.main .cblock .cCont.right{
	padding: 0 30px;
	text-align: center;
}
#wrap.main .cblock .cCont.right a{
	display: inline-block;
	margin-top: 15px;
	background-color: #006979;
	color: #fff;
	font-size: 18px;
	padding: 15px 110px 15px 35px;
	border-radius: 30px;
	background-image: url('../images/main/cCont3.png');
	background-repeat: no-repeat;
	background-position: 120px center;
}






/*sub block*/
#wrap.sub .conArea{
	position: relative;
	width: 100%;
	background-color:#ededed;
	overflow: hidden;
}
#wrap.sub section{
	width: 100%;
	padding: 30px 0;
	box-sizing: border-box;
}
#wrap.sub .conblock{
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}
#wrap.sub .conHead{
	position: relative;
	width: 100%;
}
#wrap.sub .conHead h3{
	display: inline-block;
	background-color: #e2e2e2;
	padding: 20px;
	box-sizing: border-box;
	vertical-align: middle;
}
#wrap.sub .conHead h3 em{	
	display: inline-block;
	font-size: 16px;
}
#wrap.sub .conHead h3 span{
	display: inline-block;
	margin-top: 3px;
	font-size: 12px;
	color: #333;
}
#wrap.sub .conHead h4{
	display: inline-block;
	padding: 0 50px;
	box-sizing: border-box;
	vertical-align: middle;
}
#wrap.sub .conHead h4 strong{
	font-size: 24px;
	color: #333;
}


/*sub thumb slide*/
#wrap.sub .thumbSlArea{
	padding: 0 20px;
	margin-top: 50px;
}
#wrap.sub .thumbSlArea .thumbSlbox{
	padding-top: 15px;
	border-top: 1px solid #eee;
}
#wrap.sub .thumbSlArea .thumbslide:after{
	content: "";
	display: block;
	clear: both;
}
#wrap.sub .thumbSlArea .thumbSlCont{
	float: left;
	position: relative;
	width: 33.33%;
	margin: 0 7px;
}
#wrap.sub .thumbSlArea .thumbSlCont>a{
	display: inline-block;
	width: 100%;
	padding: 3px;
	box-sizing: border-box;
	background-color: rgb(238,238,238);
}
#wrap.sub .thumbSlArea dl{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#wrap.sub .thumbSlArea dl dt{
	position: relative;
	width: 100%;
}
#wrap.sub .thumbSlArea dl dd{
	position: relative;
	width: 100%;
	height: 130px;
	padding-bottom: 15px;
}

#wrap.sub .thumbSlArea .subSlTextArea {
	position: relative;
	width: 75%;
	max-width: 530px;
	height: 100%;
	padding: 5%;
	margin-top: -15px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	overflow: hidden;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0 1px 1px rgba(153,153,153,0.2);
}
#wrap.sub .thumbSlArea dl dd h4{
	font-size: 18px;
	line-height: 24px;
	color: #333;
	text-align: left;
	width: 100%;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
}
#wrap.sub .thumbSlArea dl dd h4 span{
	font-size: 18px;
	line-height: 24px;
	color: #333;
	font-weight: bold;
}
#wrap.sub .thumbSlArea dl dd p {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}
#wrap.sub .thumbslide .slick-arrow{
	position: absolute;
	top: 59%;
	transform: translateY(-50%);
	width: 52px;
	height: 52px;
	z-index: 9;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
	border: none;
	cursor: pointer;
}
#wrap.sub .thumbslide .slick-prev{
	left: 5px;
	background-image: url('../images/contents/thumbSlArrow_prev.png');
}
#wrap.sub .thumbslide .slick-next{
	right: 5px;
	background-image: url('../images/contents/thumbSlArrow_next.png');
}


/*bottom Area*/
#wrap.sub .botArea{
	position: relative;
	margin-top: 15px;
}
#wrap.sub .botArea a{
	position: relative;
	left: 50%;
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: cover;
	transition:.2s ease-out;
	-webkit-transition:.2s ease-out;
	-moz-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	-ms-transition:.2s ease-out;
}
#wrap.sub .botArea a.btn_home{
	background-image: url('../images/common/btn_home.png');
	margin-left: -65px;
}
#wrap.sub .botArea a.btn_home:hover, #wrap.sub .botArea a.btn_home:active{
	background-image: url('../images/common/btn_home_active.png');
}
#wrap.sub .botArea a.btn_top{
	background-image: url('../images/common/btn_top.png');
	margin-left: 15px;
}
#wrap.sub .botArea a.btn_top:hover, #wrap.sub .botArea a.btn_top:active{
	background-image: url('../images/common/btn_top_active.png');
}



/*list page*/
#wrap.list .listArea{
	padding: 0 10px;
    max-width: 1004px;
    margin-left: auto;
    margin-right: auto;
}


.mw1280at { width:1280px; margin:0 auto; }


.bbYear {text-align:right; font-size:50px ;color:#333; padding: 10px 20px; border-bottom: 1px solid #c0c0bf; margin-top:50px; }
.bbl { background-image:url('../images/list/board_left.png'); background-repeat:repeat-y; background-position:top left; }
.bbr { background-image:url('../images/list/board_right.png'); background-repeat:repeat-y; background-position:top right; }
.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:25%; 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:#bedde8; }
.board_book li a:hover .bbImg img, .board_book li a:active .bbImg img { box-sizing:border-box; border:3px solid #bedde8; 
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 .bbImg { display:block; width:100%; position:absolute; left:0; bottom:19px; text-align:center; background-image:url('../images/list/book_shadow.png'); background-repeat:no-repeat; background-position:bottom center; padding-bottom:10px; }
.board_book li .bbImg img { width:100%; max-width:185px; box-sizing:border-box; border:3px solid rgba(255,255,255,0); }



/*contents css*/
.cont1_1_1:after { content:""; display:block; clear:both; }
.cont1_1_1 li { float:left; width:25%; text-align:center; }

.cont1_1_2 { padding:15px 0; box-sizing:border-box; }

.cont1_1_3:after { content:""; display:block; clear:both; }
.cont1_1_3 li { float:left; width:33.33%; text-align:center; padding:0 5px; box-sizing:border-box; }

.cont1_1_5_num { display:inline-block; background-color:#cd1430; width:16px; height:16px; border-radius:9px; text-align:center; line-height:16px; }

.cont2_2_1 { width:100%; }
.cont2_2_1 thead th { font-size:14px; color:#fff; background-color:#b41560; padding:5px 0; border-bottom:1px solid #fff; border-right:1px solid #fff; }
.cont2_2_1 tbody th { font-size:14px; color:#fff; background-color:#006a77; padding:5px 15px;  border-bottom:1px solid #fff; border-right:1px solid #fff; }
.cont2_2_1 tbody td { font-size:14px; color:#fff; padding:5px 10px;  border-bottom:1px solid #fff; border-right:1px solid #fff; }

.sub24BotInfo { overflow:hidden; margin:20px; background-color:#fff; }
.sub24BotInfo:after { display:block; content:""; clear:both; height:0; }
.sub24BotInfoA { float:left; width:50%; }
.sub24BotInfoA .s24layer { margin:20px 15px 20px 20px; }
.sub24BotInfoB { float:left; width:50%; }
.sub24BotInfoB .s24layer { margin:20px 20px 20px 15px; }

.sub26E { text-align:center; }
.sub26E span { display:inline-block; vertical-align:middle; padding:10px 0; }
.sub26E span.dArrow {  
	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;
}
.sub26E span.sub26Eimg1 { max-width:212px; }
.sub26E span.sub26Eimg2 { max-width:213px; }
.sub26E span.sub26Eimg3 { max-width:212px; }
.sub26E span.sub26Eimg4 { max-width:250px; }
.sub26E span.sub26Eimg img { width:100%; }

.sub2_6qa ul:after { content:""; display:block; clear:both; }
.sub2_6qa ul li { float:left; width:33%; box-sizing:border-box; padding: 0 1%; display: inline-block; }

.sub2_8_table th, .sub2_8_table td { border:1px solid #271e1c; padding:5px; font-size:12px; line-height:16px; text-align:center; font-weight:normal; }

.tit_media { overflow:hidden; }
.tit_media h5 { position:relative; height:30px; text-align:center; margin-top:20px; }
.tit_media h5 em { display:block; position:absolute; top:-18px; width:100%; font-size:22px; color:#0e717e; font-weight:bold;  }
.tit_media h5 em span { display:inline-block; background-color:#fff; font-size:24px; color:#0e717e; padding:5px 10px; }
.tit_media h5 p { background-color:#0e717e; height:5px; font-size:0; text-indent:-99999999999px; }
.tit_media h5 .mediaLine { background-color:#0e717e; height:5px; font-size:0; text-indent:-99999999999px; }

.listLink { font-size:14px; color:#fff; display:inline-block; padding:3px 6px; background-color:#006977; border:1px solid #006977; font-weight:bold; margin-top:10px; border-radius:3px;
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
-ms-transition:.3s ease-in;
}
.listLink:hover, .listLink:focus { background-color:#fff; color:#006977; }

.listLink2 { font-size:14px; color:#fff; display:inline-block; padding:4px 8px; background-color:#006977; border:1px solid #006977; font-weight:bold; border-radius:3px;
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
-ms-transition:.3s ease-in;
}
.listLink2:hover, .listLink2:focus { background-color:#fff; color:#006977; }

.cont2_10_item { overflow:hidden; }
.cont2_10_item.ms35ilb { border-bottom:1px dotted #016673;  }
.cont2_10_item:after { display:block; content:""; clear:both; height:0px; }
.cont2_10_item .cont2_10_itemLayer { float:left; width:33.333333%; position:relative; 
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;
}
.cont2_10_item .cont2_10_itemLayer dl { padding:20px; }
.cont2_10_item .cont2_10_itemLayer dl.ms35illl { border-left:1px dotted #016673;  }

.newpaper { overflow:hidden; }
.newpaper:after { display:block; content:""; clear:both; height:0px; }
.newpaper .newpaperItem { float:left; width:50%; 
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;
}
.newpaper .newpaperItem .newpaperItemLayer { padding:0 10px; }

.nlTable { width:100%; }
.nlTable td{ border-bottom:1px dotted #0e717e; padding:10px 0; }

.chTable01 { width: 100%; border-collapse:collapse; border-bottom:2px solid #0e717e; }
.chTable01 th { border-top:2px solid #0e717e; border-bottom:1px solid #0e717e; background-color:#e2e8ea; padding:15px 0; font-size:13px; }
.chTable01 td { border-bottom:1px solid #595757; padding:15px 2px; font-size:13px; text-align:center;}

.cont2_9_item { overflow:hidden; }
.cont2_9_item:after { display:block; content:""; clear:both; height:0px; }
.cont2_9_item .cont2_9_itemLayer { float:left; width:50%; padding-bottom:20px; }
.cont2_9_item .cont2_9_itemLayer dl { padding:0 20px; overflow:hidden; }
.cont2_9_item .cont2_9_itemLayer dl dt { margin-top:20px; }
.cont2_9_item .cont2_9_itemLayer dl dd { margin-top:10px; }

.cont2_11_1:after { content:""; display:block; clear:both; }
.cont2_11_1 li { float:left; width:25%; padding:0 10px; box-sizing:border-box; }
.cont2_11_1 dl { text-align:center; }
.cont2_11_1 dl dt { display:inline-block; width:80px; height:80px; border-radius:42px; padding:17px 0; box-sizing:border-box; }
.cont2_11_2 { background-image:url('../images/contents/sub2_11_7.png'); background-repeat:repeat-x; background-position:center; }
.cont2_11_3:after { content:""; display:block; clear:both; }
.cont2_11_3 li { float:left; width:33.33%; padding:0 10px; box-sizing:border-box; text-align:center; }

.sub2_11_itemArea { overflow:hidden; }
.sub2_11_itemArea:after { display:block; content:""; clear:both; height:0px; }
.sub2_11_itemArea .sub2_11_item1 { float:left; width:45%; }
.sub2_11_itemArea .sub2_11_item2 { float:left; width:55%; }
.sub2_11_item1Box { margin-right:5px; background-color:#f2f2f2; text-align:center; padding:60px 20px; }
.sub2_11_item2Box { margin-left:5px; border:1px solid #006977; padding:20px; }
.sub2_11_item2Box ul { overflow:hidden; }
.sub2_11_item2Box ul:after { display:block; content:""; clear:both; height:0px; }
.sub2_11_item2Box ul li { width:50%; float:left; }
.sub2_11_i2Box_left { padding-right:10px; }
.sub2_11_i2Box_right { padding-left:10px; border-left:1px solid #9e9e9f; }

.sub2_11_before { overflow:hidden; }
.sub2_11_before:after { display:block; content:""; clear:both; height:0px; }
.sub2_11_before li { width:50%; float:left; padding-top:30px; padding-bottom:15px; 
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-o-transition:all .5s ease-in;
-ms-transition:all .5s ease-in;
}
.sub2_11_before li.sub2_11_bl dl { padding-right:20px; }
.sub2_11_before li.sub2_11_br dl { padding-left:20px; }
.sub2_11_before li dl dt p { min-height:60px; }
.sub2_11_before li dl dd a { border:1px solid #9e9e9f; 
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-o-transition:all .5s ease-in;
-ms-transition:all .5s ease-in;
}
.sub2_11_before li dl dd a:hover,
.sub2_11_before li dl dd a:focus { border:1px solid #a4c123; }
.sub2_11_before li dl dd img {  }

.sub02_11_pmList { overflow:hidden; }
.sub02_11_pmList:after { display:block; content:""; clear:both; height:0; }
.sub02_11_pmList li { width:50%; float:left; }
.sub02_11_pmList li:nth-child(odd) dl { padding-right:4%; }
.sub02_11_pmList li:nth-child(even) dl { padding-left:4%; border-left:1px dotted #271e1c; }
.sub02_11_pmList li dl dt { text-align:center; }
.sub02_11_pmList li dl dt strong { display:block; text-align:center; }
.sub02_11_pmList li dl dd{ text-align: center }

.schedule { height: 100%; overflow-x: auto; overflow-y: auto; font-size: 0; background-color: #fff }


.btn_mailLink { display:inline-block; background-color:#8d8d8d; background-image:url('../images/contents/icon_mail.png'); background-position:15px center; background-repeat:no-repeat; 
width:220px; height:65px; border-radius:5px; overflow:hidden; position:relative;
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;
}

.btn_mailLink span { display:inline-block; font-size:16px; color:#fff; position:absolute; left:65px; top:25px;
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;
}

.btn_mailLink:hover,
.btn_mailLink:focus { background-color:#2875b5; }




/*checkList*/
.con1CheckList {  }
.con1CheckList li { padding:5px 0; line-height:26px; background-image:url('../images/contents/listChk_off.png'); background-repeat:no-repeat; background-position:left 10px; }
.con1CheckList li.clCheck { background-image:url('../images/contents/listChk_on.png'); }
.con1CheckList li input[type="checkbox"] { display:none; }
.con1CheckList li input.inTxt { width:40px; height:22px; font-size:14px; line-height:22px; text-align:center; color:#2d2d2d; border:1px solid #ffa36d; }
.con1CheckList li label { display:block; padding-left:26px; font-size:14px; color:#281e1c; cursor:pointer; }
.inTxtbBtn { margin-top:30px; text-align:center; }
.inTxtbBtn a { display:inline-block; padding:8px 15px 7px 15px; background-color:#006977; color:#fff; font-size:16px; text-align:center; border:1px solid #006977; border-radius:5px;
	transition:all .3s ease-in-out .2s;
	-webkit-transition:all .3s ease-in-out .2s;
	-moz-transition:all .3s ease-in-out .2s;
	-o-transition:all .3s ease-in-out .2s;
	-ms-transition:all .3s ease-in-out .2s;
}
.inTxtbBtn a:hover { background-color:#fff; color:#006977; }

#clPopCom { position:absolute; z-index:10000; width:100%; height:100%; top:0; left:0; background:url('../images/contents/bg_navM.png'); display:none; }
#clPopCom .clPopCarea { background-color:#fff; width:80%; max-width:500px; margin:20% auto 0 auto; text-align:center; }
#clPopCom .clPopCarea h6 { background-color:#333; padding:10px; font-size:18px; line-height:22px; color:#fff; font-weight:400;  }
#clPopCom .clPopTxt { padding:20px 5px; }
#clPopCom .clPopCbot { background-color:#eee; padding:10px; border-top:1px solid #ddd; }
#clPopCom .clPopCbot .clpClose { display:inline-block; padding:8px 15px; color:#fff; font-size:16px; font-weight:700; text-align:center; background-color:#006977; border:1px solid #006977; border-radius:5px; }


/*media query*/

@media only screen and (max-width:1540px){
	/*sub page*/
	#wrap.sub .conblock{
		max-width: 900px;
	}
	#wrap.sub .thumbslide .slick-arrow{
		top: 51%;
	}
}
@media only screen and (max-width:1500px){
	/*header*/
	#header{
		width: 280px;
	}
	#header .headerArea{
		width: 280px;
	}
	.nav .depth1>li .depth2>li>a>h2, .nav .depth1>li .depth2>li>a>em{
		font-size: 14px;
		line-height: 22px;
	}
	.nav .depth1>li .depth2>li>a>h2, .nav .depth1>li .depth2>li>a>em{
		font-size: 14px;
		line-height: 22px;
	}
	.nav .depth1>li>ul.subN_service>li>a{
		background-size: 30px 30px;
		padding-left: 85px;
	}

	#container{
		padding-left: 280px;
	}


	/*main block*/
	#wrap.main .slcont dl dt{
	    font-size: 18px;
    	line-height: 26px;
	}
	#wrap.main .slcont dl dd{
		margin-top: 15px;
	}
	#wrap.main .slcont dl dd em{
		font-size: 28px;
  	    line-height: 36px;
	}
	#wrap.main .slcont dl dd em span{
		font-size: 28px;
	}
	#wrap.main .slcont dl dd a{
	    width: 90px;
	    height: 90px;
	    border-radius: 45px;
	    margin-top: 15px;
	}
	#wrap.main .slcont dl dd a span{
		font-size: 16px;
		padding: 35.5px 0;
	}
	#wrap.main .conblock .slider-nav{
		width: 640px;
	}
	#wrap.main .slnav{
		height: 140px;
	}
	.mainSlide .autobt{
		bottom: 198px;
	}

	#wrap.main .slider-nav .slick-arrow{
		width: 52px;
		height: 29px;
		margin-right: -52px;
		margin-top: -14.5px;
	}
	#wrap.main .slider-nav .slick-prev{
		margin-left: -52px;
	}

	/*topBt*/
	#container .topBt{
		margin-right: 0;
		right: 5%;
	}

}

@media only screen and (min-width:1280px){
	/*mNav*/
	#whiteBlock{
		display: none;
	}
	#mobileNav .mbNavArea{
		display: none;
	}

	/*mfooter*/
	#wrap #mfooter{
		display: none;
	}
}

@media only screen and (max-width:1280px){
	/*header*/
	#header{
		width: 100%;
		height: 80px;
	}
	#header .headBox{
		position: relative;
	}
	#header .headerArea{
		width: 100%;
	}
	#header #logo_top{
		height: 100%;
	}
	#header #logo_top h1{
		margin-top: 0;
		height: 100%;
		padding: 10px 0;
		box-sizing: border-box;
	}
	#header #logo_top>h1>a{
		background-size: 80px 40px;
		padding-top: inherit;
	}
	#header #logo_top>h1 span{
		font-size: 14px;
		margin-top: 33px;
	}
	#header #logo_top>.btn_preMgz{
		display: none;
	}
	#header #logo_top>.btn_preOpen{
		display: inline-block;
	}
	#header #logo_top>.btn_gnbOpen{
		display: inline-block;
	}
	#header .navScroll{
		display: none;
	}

	/*mNav*/
	#whiteBlock{
		display: block;
	}
	#mobileNav .mbNavArea{
		display: block;
		width: 280px;
	}
	.nav .depth1>li .depth2>li>a>h2, .nav .depth1>li .depth2>li>a>em{
		font-size: 14px;
		line-height: 22px;
	}
	.nav .depth1>li>ul.subN_service>li>a{
		background-size: 30px 30px;
		padding-left: 85px;
	}


	/*mfooter*/
	#wrap #mfooter{
		display: block;
	}


	/*main block*/
	#container{
		padding-left: 0;
		top: 80px;
	}
	#wrap.main .conblock .slnavBlock{
		padding: 25px 0;
	}
	#wrap.main .conblock .slider-nav{
		width: 500px;
	}
	#wrap.main .slnav{
		height: 105px;
	}
	.mainSlide .autobt{
		bottom: 135px;
	}
	

	
	/*sub page*/
	#wrap.sub section{
		padding: 0;
	}
	#wrap.sub .conHead{
		text-align: center;
	}
	#wrap.sub .conHead h3{
		margin-top: 30px;
		padding: 10px 20px;
	}
	#wrap.sub .conHead h4{
		display: block;
		padding: 20px;
	}

	/*list page*/
	.bbYear{
		margin-top: 30px;
	}

}



@media only screen and (max-width:980px){
	/*main block*/
	#wrap.main .bblock .bbbcArea{
		max-width: 780px;
	}
	#wrap.main .bblock article .bContHead{
		height: 225px;
	}
	#wrap.main .bblock .bCont2{
		margin-top: 225px;
	}
	#wrap.main .bblock .bCont>a{
		width: 350px;
	}
	#wrap.main .bblock .bCont3 a, #wrap.main .bblock .bCont5 a, #wrap.main .bblock .bCont7 a, #wrap.main .bblock .bCont9 a, #wrap.main .bblock .bCont11 a{
		margin-top: -140px;
	}
	#wrap.main .bblock dl dd h4, #wrap.main .bblock dl dd h4 span{
		font-size: 20px;
		line-height: 28px;
	}

	#wrap.main .cblock .cContbox{
		max-width: 740px;
	}

	#wrap.main #mfooter .footerArea{
		max-width: 740px;
	}

	/*list page*/
	.bbYear{
		font-size: 30px;
	}
}

@media only screen and (max-width:920px){
	/*sub page*/
	#wrap.sub .conblock{
		margin-bottom: 0;
	}
	#wrap.sub .conHead h3{
		margin-top: 15px;
	}
	#wrap.sub .conHead h3 em, #wrap.sub .conHead h3 span{
		/*font-size: 14px;*/
	}
	#wrap.sub .conHead h4 strong{
		font-size: 20px;
	}



	/*list page*/
	#wrap.list .listArea{ padding:0; }
	.board_book{ margin:0; }
	.board_book li { width:50%; }
	.board_book li a h5 { margin-top:45%; }
	.board_book li .bbImg img { width:90%; }	
}

@media only screen and (max-width:800px) {
	/*main block*/
	#wrap.main .slcont dl dd a{
		width: 60px;
		height: 60px;
		border-radius: 30px;
	}
	#wrap.main .slcont dl dd a span{
		font-size: 12px;
		padding: 23px 0;
	}
	#wrap.main .conblock .slider-nav{
		width: 360px;
	}
	#wrap.main .slnav{
		height: 100px;
	}
	.mainSlide .autobt{
		bottom: 130px;
	}

	#wrap.main .cblock .cCont.right a{
		font-size: 14px;
		padding: 10px 70px 10px 20px;
		background-position: 85px center;
		background-size: 40px 13px;
	}

	#wrap.main .bblock{
		/*padding: 0 30px;*/
	}
	#wrap.main .bblock .bbbcArea{
		max-width: 600px;
	}
	#wrap.main .bblock article .bContHead{
	    height: 165px;
	}
	#wrap.main .bblock .bCont{
		margin-top: 30px;
	}
	#wrap.main .bblock .bCont1{
		/*padding-right: 15px;*/
	}
	#wrap.main .bblock .bCont2{
		/*padding-left: 15px;*/
		margin-top: 165px;
	}
	#wrap.main .bblock .bCont3, #wrap.main .bblock .bCont5, #wrap.main .bblock .bCont7, #wrap.main .bblock .bCont9, #wrap.main .bblock .bCont11{
		/*padding-right: 15px;*/
	}
	#wrap.main .bblock .bCont>a{
		width: 270px;
	}
	#wrap.main .bblock .bCont3 a, #wrap.main .bblock .bCont5 a, #wrap.main .bblock .bCont7 a, #wrap.main .bblock .bCont9 a, #wrap.main .bblock .bCont11 a{
		margin-top: -135px;
	}
	#wrap.main .bblock .bCont4{
		/*padding-left: 15px;*/
	}
	#wrap.main .bblock dl dt{
		height: 125px;
	}
	.bContTextArea{
		margin-top: -5px;
	}
	#wrap.main .bblock dl dd h4, #wrap.main .bblock dl dd h4 span{
		font-size: 16px;
		line-height: 24px;
	}
	#wrap.main .bblock dl dd p{
		margin-top: 8px;
	}

	#wrap.main .cblock{
		padding-top: 40px;
	}
	#wrap.main .cblock .cContbox{
		max-width: 570px;
	}

	#wrap.main #mfooter .footerArea{
		max-width: 570px;
	}

	/*sub thumb slide*/	
	#wrap.sub .thumbslide .slick-arrow{
		top: 55%;
	}		
}

@media only screen and (max-width:720px) {
	/*main block*/
	#wrap.main .conblock .slnavBlock{
		padding: 15px 0;
	}
	#wrap.main .conblock .slider-nav{
		width: 240px;
	}
	#wrap.main .slnav{
		height: 60px;
	}
	#wrap.main .slider-nav .slick-arrow{
		top: 0;
		margin-top: -55px;
	}
	#wrap.main .slider-nav .slick-prev{
		margin-left: 10px;
		background-image: url('../images/main/mainslArrow_prev_bl.png')
	}
	#wrap.main .slider-nav .slick-next{
		margin-right: 10px;
		background-image: url('../images/main/mainslArrow_next_bl.png')
	}
	.mainSlide .autobt{
		bottom: 105px;
	    /* transform: translate(-50%, 0); */
	    margin-bottom: -10px;
	}


	/*contents css*/
	.sub2_6qa ul li { width:100%; padding:10px 0; }

	.cont2_10_item.ms35ilb { border-bottom:0px dotted #016673;  }
	.cont2_10_item .cont2_10_itemLayer { width:100%; 
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	}
	.cont2_10_item .cont2_10_itemLayer dl { border-bottom:1px dotted #016673;  }
	.cont2_10_item .cont2_10_itemLayer dl.ms35illl { border-left:0px dotted #016673;  }		
	.newpaper .newpaperItem { width:100%;
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	}
}

@media only screen and (max-width:640px){
	.cont1_1_1 li { width:50%; padding:2px; box-sizing:border-box; }
	.cont1_1_1 li span { font-size:14px; }

	.sub24BotInfoA { width:100%; }
	.sub24BotInfoA .s24layer { margin:20px 20px 20px 20px; }
	.sub24BotInfoB { width:100%; }
	.sub24BotInfoB .s24layer { margin:20px 20px 20px 20px; }

	.sub2_11_itemArea .sub2_11_item1 { width:100%; }
	.sub2_11_itemArea .sub2_11_item2 { width:100%; }
	.sub2_11_item1Box { margin-right:0; padding:60px 20px; }
	.sub2_11_item2Box { margin-left:0; padding:20px; }
	.sub2_11_item2Box ul li { width:100%; }
	.sub2_11_i2Box_left { padding-right:0px; }
	.sub2_11_i2Box_right { padding-left:0px; border-left:0px solid #9e9e9f; }
	.sub2_11_before li { width:100%; 
	transform:rotate(720deg);
	-webkit-transform:rotate(720deg);
	-moz-transform:rotate(720deg);
	-o-transform:rotate(720deg);
	-ms-transform:rotate(720deg);
	}
	.sub2_11_before li.sub2_11_bl dl { padding-right:0px; }
	.sub2_11_before li.sub2_11_br dl { padding-left:0px; }
}

@media only screen and (min-width:600px){
	/*bblock slide*/
	#wrap.main .bblock.pc{
		display: block;
	}
	#wrap.main .bblock.mobile{
		display: none;
	}
}

@media only screen and (max-width:600px){
	/*header*/
	#header{
		height: 60px;
	}
	#container{
		top: 60px;
	}
	#header #logo_top h1{
		padding: 6px 0;
	}
	#header #logo_top>h1>a{
		width: 200px;
		background-size: 60px 30px;
	}
	#header #logo_top>h1 span{
		margin-top: 28px;
		font-size: 12px;
	}


	/*mNav*/
	.mbNavArea .gnbClose{
		height: 44px;
	}
	.mbNavArea .gnbClose a{
		margin-top: -13px;
		width: 25px;
		height: 26px;
	}
	.mbNavArea .nav{
		top: 44px;
	}

	.nav .depth1>li>a{
		padding: 10px 24px;
	}
	.nav .depth1>li .depth2>li>a>em{
		display: none;
	}
	#rRound{
		display: none;
	}
	

	/*main block*/
	#wrap.main .slcont dl{
		padding: 15px;
	}
	#wrap.main .slcont dl dt{
	    font-size: 14px;
   		line-height: 22px;
	}
	#wrap.main .slcont dl dd{
		position: relative;
		margin-top: 10px;
	}
	#wrap.main .slcont dl dd em{
	    font-size: 22px;
   		line-height: 30px;
	}
	#wrap.main .slcont dl dd em span{
		margin-top: 5px;
	    font-size: 22px;
	}

	#wrap.main .bblock{
		padding: 0;
	}
	/*bblock slide*/
	#wrap.main .bblock.pc{
		display: none;
	}
	#wrap.main .bblock.mobile{
		display: block;
	}
	#wrap.main .bblock .bbbcArea{
		max-width: 400px;
	}
	#wrap.main .bblock article .bContHead{
		position: relative;
		width: 100%;
		height: 100px;
	}
	#wrap.main .bblock .bContbox article .bContHead h3{
		margin-left: 0;
	    background-size: 35%;
	}
	#wrap.main .bblock .bCont{
		width: 100%;
	}
	#wrap.main .bblock .bCont1{
		padding: 0;
		margin-top: 0;
	}
	#wrap.main .bblock .bCont2{
		padding: 0;
		margin-top: 0;
	}
	#wrap.main .bblock .bCont3, #wrap.main .bblock .bCont5, #wrap.main .bblock .bCont7, #wrap.main .bblock .bCont9, #wrap.main .bblock .bCont11{
		padding: 0;
		margin-top: 0;
	}
	#wrap.main .bblock .bCont3 a, #wrap.main .bblock .bCont5 a, #wrap.main .bblock .bCont7 a, #wrap.main .bblock .bCont9 a, #wrap.main .bblock .bCont11 a{
		margin-top: 0;
	}
	#wrap.main .bblock .bCont4, #wrap.main .bblock .bCont6, #wrap.main .bblock .bCont8, #wrap.main .bblock .bCont10, #wrap.main .bblock .bCont12{
		padding: 0;
		margin-top: 0;
	}
	#wrap.main .bblock .bCont>a{
		width: 100%;
	}
	#wrap.main .bblock dl dt{
		height: 200px;
	}
	#wrap.main .bblock dl dd{
		height: 140px;
	}
	.bContTextArea{
		width: 80%;
	}

	
	#wrap.main .cblock .cContbox{
		max-width: 400px;
	}
	#wrap.main .cblock .cCont{
		display: block;
		width: 100%;
		vertical-align: inherit;
	}
	#wrap.main .cblock .cCont.right{
		padding: 15px 30px;
	}
	#wrap.main .cblock .cCont.right img{
		max-width: 400px;
	}
	#wrap.main .cblock .cCont.right a{
		margin-top: 10px;
		font-size: 18px;
   		padding: 15px 100px 15px 25px;
	    background-position: 110px center;
        background-size: 60px 20px;
	}

	/*list page*/
	.bbYear{
		font-size: 24px;
	}

	/*sub thumb slide*/	
	#wrap.sub .thumbslide .slick-arrow{
		top: 48%;
		width: 36px;
		height: 36px;
	}
	#wrap.sub .thumbSlArea .subSlTextArea{
		width: 87%;
	}
	
	/*contents css*/
	.cont1_1_3 li { width:100%; padding:10px 0; }

	.cont2_9_item .cont2_9_itemLayer { width:100%; }
	.cont2_9_item .cont2_9_itemLayer dl dd img { margin-top:10px; }

	.sub02_11_pmList li { width:100%; display: inline-block; }
	.sub02_11_pmList li:nth-child(odd) dl { padding-right:0; }
	.sub02_11_pmList li:nth-child(even) dl { padding-left:0; border-bottom:1px dotted #271e1c; border-left: none; padding-bottom: 20px; margin-top: 20px }
	.sub02_11_pmList li dl dt { text-align:center; }
	.sub02_11_pmList li dl dt strong { display:block; text-align:center; }
	.sub02_11_pmList li dl dd{ text-align: center }
}

@media only screen and (max-width:540px){
	/*sub thumb slide*/	
	#wrap.sub .thumbslide .slick-arrow{
		top: 63%;
		width: 36px;
		height: 36px;
	}
	#wrap.sub .thumbSlArea .subSlTextArea{
		width: 87%;
		padding: 4% 5%;
	}

	/*subpage*/
	.cont2_11_1 li { width:50%; margin-top:10px; }
	.cont2_11_3 li { float:inherit; width:100%; margin-top:10px; }
}

@media only screen and (max-width:460px){
	
	/*main block*/
	#wrap.main .slcont dl dd{
		margin-top: 5px;
	}
	#wrap.main .slcont dl dd em{
		font-size: 18px;
		line-height: 24px;
	}
	#wrap.main .slcont dl dd em span{
		margin-top: 0;
		font-size: 18px;
	}
	#wrap.main .slcont dl dd a{
		width: unset;
		height: unset;
		border-radius: 10px;
		margin-top: 5px;
	}
	#wrap.main .slcont dl dd a span{
		padding: 10px;
	}


	#wrap.main .bblock .bbbcArea{
		max-width: 300px;
		padding: 0;
	}
	#wrap.main .bCont_slide.active .slick-arrow{
		top: 51%;
		width: 36px;
		height: 36px;
	}
	#wrap.main .bblock dl dt{
		height: 145px;
	}

	#wrap.main .cblock .cContbox{
		max-width: 300px;
		padding: 0;
	}

	/*sub thumb slide*/	
	#wrap.sub .thumbslide .slick-arrow{
		top: 58%;
	}	

	
}
@media only screen and (max-width:400px) {
	/*main block*/
	#header #logo_top>.btn_preOpen{
		right: 10px;
	}
	#header #logo_top>.btn_gnbOpen{
		left: 10px;
	}

	#wrap.main .cblock{
		padding-bottom: 0;
	}
	#wrap.main .cblock .cCont.right a{
	 	font-size: 14px;
		padding: 10px 70px 10px 20px;
		background-position: 85px center;
		background-size: 40px 13px;
	}


}

@media only screen and (max-width:380px){
	/*list page*/
	.board_book li { width:100%; }
	.board_book li a h5 { margin-top:30px; }
	.board_book li .bbImg img { width:100%; }

	/*sub thumb slide*/	
	#wrap.sub .thumbslide .slick-arrow{
		top: 53%;
	}	

	/*subpage*/
	.cont2_11_1 li { float:inherit; width:100%; }
}