/******** Korea layout 2018 ********/

/**** Common ****/
body{font-weight:300; overflow-x:hidden;}
h1,h2,h2,h3,h4,h5,.h1,.h2,.h2,.h3,.h4,.h5,strong,b,table th{font-weight:500;}

.thin{font-weight:200;} /* NotoSansCJKkr-Thin */
.demilight{font-weight:300;} /* NotoSansCJKkr-Demilight */
.regular{font-weight:400;} /* NotoSansCJKkr-Regular */
.medium{font-weight:500;} /* NotoSansCJKkr-Medium */

/**** Wrap ****/
#wrap, #sub_wrap{position:relative; min-width:310px;}

.grab{position:relative; margin:0 auto; padding:0 5px; max-width:100%;}

#cntTop{position:fixed; right:0; bottom:30px; z-index:999; background:none;}
#cntTop img{max-width:none;}


/**** Header ****/
#header_wrap{width:100%; top:0px; background:#fff; border-bottom:1px solid #090909; z-index:900; letter-spacing:-0.05em;}
#header_wrap .header{position:relative; height:70px;}
#header_wrap .header h1{z-index:801;}
#header_wrap .header h1 > a{padding:15px 0; height:70px;}
#header_wrap .header h1 img{width:150px;}
#header_wrap .header .header_btn{position:absolute; top:18px; right:5px; z-index:802;}
#header_wrap .header .header_btn > a{display:inline-block; width:auto; vertical-align:middle; color:#c3c6cb; font-size:1.8em;}
#header_wrap .header .header_btn > a:focus,
#header_wrap .header .header_btn > a:hover{color:#fa0001;}
#header_wrap .header .header_btn .mobile_gnb_toggle{display:inline-block; margin-top:-3px; padding:0; width:20px; background:none; border:0; vertical-align:middle;}
#header_wrap .header .header_btn .mobile_gnb_toggle .icon-bar{display:block; margin-top:3px; height:3px; background:#3b3d43;}

/*통합검색*/
#head-search{position: absolute;top: 60px;}
#head-search .head-search-btn{display: block; position: absolute; top: 50%; right: 0; width: 30px; height: 30px; transform: translateY(-50%);}
#head-search .icon-search:before {position: absolute;top: 50%;left: 50%;opacity: 0.5;font-size: 15px; transform: translate(-50%, -50%);}
.header_btn label {text-indent: -9999px;color: transparent;position: absolute;}
.header_btn input[type=text] {border: 1px solid #aeaeae;border-radius: 5px;padding: 0.929em 1.071em;width: 17.857em;height: 40px;background: #fff;}


.mobile_link{display:inline-block; vertical-align:middle; margin:0 5px;}
.mobile_link a{float:left; margin:0 1px 0 0; width:25px; height:25px; line-height:25px; vertical-align:middle; text-align:center; font-size:1.077em; color:#fff;}
.mobile_link a.lang{background:#fa0001; font-size:0.923em; font-weight:600; letter-spacing:normal;}
.mobile_link a.face{background:#597acb;}
.mobile_link a.twit{background:#5dc8ff;}

.header_link, .nav, .nav_bg{display:none;}

#mobile_nav{display:none; margin:0 0 -1px;}
#mobile_nav .panel{margin:0; border:0; border-radius:0px; box-shadow:none; background:#394048;}
#mobile_nav .panel:focus, #mobile_nav .panel:hover{background:#0b52a2;}
#mobile_nav .panel .panel-heading{padding:0; border:0; border-bottom:1px solid #090909; background:none;}
#mobile_nav .panel .panel-heading a{display:block; margin:0 auto; max-width:750px; padding:10px 15px; color:#fff; font-size:1.231em; font-weight:500;}
#mobile_nav .panel ul li{background:#f2f3f4; border-top:1px solid #dcdbdb;}
#mobile_nav .panel ul li a{display:block; margin:0 auto; padding:8px 25px; max-width:750px; font-weight:400; color:#464646; font-size:1.077em;position: relative;}
#mobile_nav .panel ul li a:before {position: absolute;left: 15px;top: 48%;width: 4px;height: 4px;border-radius: 50%;background-color: #c9c9c9;content: '';transform: translateY(-50%);}
#mobile_nav .panel ul li:focus, #mobile_nav .panel ul li:hover{background:#e8eaed;}

#mobile_nav .panel ul li ul{background:#fff;}
#mobile_nav .panel ul li ul li{background:none;}
#mobile_nav .panel ul li ul li a{padding:8px 30px;}
#mobile_nav .panel ul li ul li:focus, #mobile_nav .panel ul li ul li:hover{background:#e8eaed;}



/******** Visual *********/
.ideal-image-slider {
	position: relative;
	overflow: hidden;
}
.iis-slide {
	display: block;
	bottom: 0;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	text-indent: -9999px;
}

.iis-slide .iis-caption {display : none;}
.iis-is-animating .iis-previous-slide .iis-caption,
.iis-is-animating .iis-next-slide .iis-caption,
.iis-current-slide .iis-caption{display:block;}

/* Slide effect */
.iis-effect-slide .iis-slide {
	opacity: 0;
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
		 -o-transition-property: -o-transform;
			transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	   -moz-transition-timing-function: ease-out;
		 -o-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
	-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
			transform: translateX(0%);
}
.iis-effect-slide .iis-current-slide {
	opacity: 1;
	z-index: 1;
}
.iis-effect-slide .iis-previous-slide {
	-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
			transform: translateX(-100%);
}
.iis-effect-slide .iis-next-slide {
	-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
			transform: translateX(100%);
}

.iis-effect-slide.iis-direction-next .iis-previous-slide,
.iis-effect-slide.iis-direction-previous .iis-next-slide { opacity: 1; }

/* Touch styles */
.iis-touch-enabled .iis-slide { z-index: 1; }
.iis-touch-enabled .iis-current-slide { z-index: 2; }
.iis-touch-enabled.iis-is-touching .iis-previous-slide,
.iis-touch-enabled.iis-is-touching .iis-next-slide { opacity: 1; }

/* Fade effect */
.iis-effect-fade .iis-slide {
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
		 -o-transition-property: opacity;
			transition-property: opacity;
	-webkit-transition-timing-function: ease-in;
	   -moz-transition-timing-function: ease-in;
		 -o-transition-timing-function: ease-in;
			transition-timing-function: ease-in;
	opacity: 0;
}
.iis-effect-fade .iis-current-slide {
	opacity: 1;
	z-index: 1;
}

/*
 * Ideal Image Slider Default Theme
 * Version: 1.2.0*/

.ideal-image-slider {
	background-color: #fff;
	background-image: url("data:image/gif;base64,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");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 32px 32px;}

/* Navigation */
.iis-previous-nav,
.iis-next-nav {
	position: absolute;
	top: 50%;
	z-index: 20;
	display: block;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-color: #575757;
	border-radius: 50px;
	background-size: 48px 48px;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	-webkit-transition: 0.3s ease-out;
	   -moz-transition: 0.3s ease-out;
		 -o-transition: 0.3s ease-out;
			transition: 0.3s ease-out;}
			
.iis-previous-nav {
	left: 5%;
	background-position: 35% 50%;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBwb2ludHM9IjM1MiwxMTUuNCAzMzEuMyw5NiAxNjAsMjU2IDMzMS4zLDQxNiAzNTIsMzk2LjcgMjAxLjUsMjU2ICIvPgogPC9nPgo8L3N2Zz4=");
}
.iis-next-nav {
	right: 5%;
	background-position: 65% 50%;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBwb2ludHM9IjE2MCwxMTUuNCAxODAuNyw5NiAzNTIsMjU2IDE4MC43LDQxNiAxNjAsMzk2LjcgMzEwLjUsMjU2ICIvPgogPC9nPgo8L3N2Zz4=");
}
.ideal-image-slider:hover .iis-previous-nav,
.ideal-image-slider:hover .iis-next-nav { opacity: 0.85; }
.ideal-image-slider:hover .iis-previous-nav:hover,
.ideal-image-slider:hover .iis-next-nav:hover,
.iis-previous-nav:focus, .iis-next-nav:focus{ opacity: 1.0;}
.iis-previous-nav:focus, .iis-next-nav:focus,
.iis-previous-nav:focus, .iis-next-nav:active {outline: thin dotted #fff;}

/* Bullet Navigation */
.iis-bullet-nav {
	position: absolute;
	bottom: 5%;
	right: 5%;
	z-index: 15;
	width: 90%;
	text-align: right;
	opacity: 0.4;
	-webkit-transition: 0.3s ease-out;
	   -moz-transition: 0.3s ease-out;
		 -o-transition: 0.3s ease-out;
			transition: 0.3s ease-out;
}
.iis-has-captions .iis-bullet-nav { max-width: 42%; }
.iis-bullet-nav a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: transparent;
	text-indent: 9999px;
	margin: 0 5px;
	border: 3px solid rgba(0,0,0,0.5);
	border-radius: 10px;
	cursor: pointer;
	-webkit-transition: 0.3s ease-out;
	   -moz-transition: 0.3s ease-out;
		 -o-transition: 0.3s ease-out;
			transition: 0.3s ease-out;
}
.iis-bullet-nav a.iis-bullet-active,
.iis-bullet-nav a:hover { background: #fff; }
.ideal-image-slider:hover .iis-bullet-nav { opacity: 0.7; }
.ideal-image-slider:hover .iis-bullet-nav:hover { opacity: 1.0; }

/* Captions */
.iis-has-captions .iis-slide { text-indent: 0; }
.iis-caption .writer strong{padding-right: 5px;}
.iis-caption .date{float:left}
.iis-caption .down{float:right; color: #4fdff8;}


.iis-has-bullet-nav .iis-caption {max-width: 42%; }
.iis-caption .iis-caption-title {font-size: 16px;
    font-weight: bold;
    padding:10px 0 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }
.iis-caption .iis-caption-content {
	font-size: 13px;
	line-height: 1.6em;
	color: #eee;}


/** Phones > 768px **/
@media (max-width:768px){
.iis-caption{width: 100%; height: auto;}

}



/**** Content ****/
/* content */
#container{padding:0 15px; width:auto; outline: none;}

/**** Main ****/
/* main visual */
#visualarea{position:relative; overflow:hidden;}
#visualarea #visual{position:absolute; top:0; left:0; z-index:1; width:100%; height:370px;}
#visualarea #visual [id^="area_"]{position:absolute; top:0; left:0; z-index:1; width:100%; height:370px; background-position:50% top; background-repeat:no-repeat;}
#visualarea #visual #area_0{background-image:url(/resources/images/main/main_visual_gmt.jpg);}
#visualarea #visual #area_1{background-image:url(/resources/images/main/main_visual_kvn.jpg);}
#visualarea #visual #area_2{background-image:url(/resources/images/main/main_visual_kmtnet.jpg);}
#visualarea #visual #area_3{background-image:url(/resources/images/main/main_visual_snipe.png);}
#visualarea #visual #area_4{background-image:url(/resources/images/main/main_visual_spherex.png);}
/*#visualarea #visual #area_5{background-image:url(/resources/images/main/main_visual_owl.jpg);}*/
#visualarea #visual #area_5{background-image:url(/resources/images/main/main_visual_nssao.jpg);}
#visualarea #visual #area_6{background-image:url(/resources/images/main/main_visual_alma.jpg);}

#visualarea .grab{position:relative; z-index:10; padding:0;}
#visualarea .area{position:relative; float:none; width:100%; height:350px;}
#visualarea .area .areabg{position:absolute; bottom:0; left:0; width:100%; /* background:url(/resources/images/main/publicity_bgA75.png) 0 0 repeat; */ z-index:11;height:320px;}
#visualarea .area .txt{display:none; padding:15px 5px 40px;}
#visualarea .area .txt strong{color:#fff; font-size:3.30em; letter-spacing:normal;}
#visualarea .area .txt strong em{color:#f03e3e;}
#visualarea .area .txt p{color:#f9f9f9; font-weight:300; letter-spacing:normal; line-height:1.8; word-wrap:break-word; word-break:keep-all;}
#visualarea .area .txt a{display:inline-block; margin-top:10px; padding:8px 22px; width:100%; border:1px solid #fff; border-radius:20px; text-align:center; color:#fff; font-size:1em; font-weight:400;}
#visualarea .area .txt a:focus, #visualarea .area .txt a:hover{text-decoration:underline;}
#visualarea .area .txt a:focus [class^="icon-"], #visualarea .area .txt a:hover [class^="icon-"]{text-decoration:none;}
#visualarea .area .txt a [class^="icon-"]{display:inline-block; margin-left:10px; font-size:1.2em;}
#visualarea .area .control_area{position:absolute; bottom:18px;left: 0; z-index:12; width:100%; height:16px;}
#visualarea .area .control_area .control{text-align:center;}
#visualarea .area .control_area .control a{display:inline-block; margin-right:7px; width:16px; height:16px; overflow:hidden; line-height:99; background:#fff; border-radius:50px;}
#visualarea .area .control_area .control a.active{background:transparent;border-radius:20px; border:3px solid #fff;}
#visualarea .area .control_area .control_play {display:inline-block;}
#visualarea .area .control_area .control_play .icon-play, #visualarea .area .control_area .control_play .icon-pause {font-size:20px; color:#fff; margin-right:7px;}
#visualarea .area .control_area .control_shape {display:inline-block;}

/* main content */
.mcontent{margin:0;}

/* 연구분야,중소기업지원,인재채용 바로가기 */
.mcontent .quicklink{position:relative; margin-top:20px; height:645px; letter-spacing:-0.05em;}
.mcontent .quicklink .control{display:none;}
.mcontent .quicklink > ul > li{float:left; width:25%;}/*width:33.33%;*/
.mcontent .quicklink > ul > li > a{display:block; margin-right:1px; height:42px; line-height:42px; background-color:#ededed; text-align:center; color:#383939; font-size:1.23em; font-weight:400;letter-spacing:-1px}
.mcontent .quicklink > ul > li.active > a,.mcontent .quicklink > ul > li > a:focus,.mcontent .quicklink > ul > li > a:hover{background:#e80909;/*background: #EA0B0B url(/resources/images/main/pattern-main3.png) right bottom;*/ color:#fff;font-weight: 500;}
.mcontent .quicklink > ul > li > a:focus,.mcontent .quicklink > ul > li > a:hover{text-decoration:underline;}
.mcontent .quicklink .cont{position:absolute; top:42px; left:0; width:100%;}
.mcontent .quicklink .cont:after{clear:both; content:""; display:block;}
.mcontent .quicklink .cont li{width:100%;}
.mcontent .quicklink .cont li a{position:relative; display:block; margin:1px 0 0; height:150px; padding:13px 17px; background-color:#f8f7f7;}
.mcontent .quicklink .cont li a:focus,.mcontent .quicklink .cont li a:hover{background-color:#3f474e;text-decoration:none;}
.mcontent .quicklink .cont li a:focus strong,.mcontent .quicklink .cont li a:hover strong{color:#fff;}
.mcontent .quicklink .cont li a:focus .cnt,.mcontent .quicklink .cont li a:hover .cnt{color:#fff;}
.mcontent .quicklink .cont .bg_1 a{background:url(/resources/images/main/quicklink_1bg.png) 0 0 repeat;}
.mcontent .quicklink .cont .bg_2 a{background:url(/resources/images/main/quicklink_2bg.png) 0 bottom repeat;}
.mcontent .quicklink .cont .bg_3 a{background:url(/resources/images/main/quicklink_3bg.png) 50% 50% repeat;}
.mcontent .quicklink .cont .bg_4 a{background:url(/resources/images/main/quicklink_4bg.png) 50% 50% repeat;}
.mcontent .quicklink .cont strong{color:#303030; font-size:1.5em; margin-bottom: 7px; display: block;}
.mcontent .quicklink .cont .cnt{display:block;/* margin-top:5px;*/ color:#6d6d6d; line-height:1.5; word-wrap:break-word; word-break:keep-all;font-size: 1em;}
.mcontent .quicklink .cont .more{position:absolute; left:17px; bottom:17px; font-size:1em; color:#5f5f5f;}
.mcontent .quicklink .cont .more [class^="icon-"]{display:inline-block; margin-left:5px; font-size:15px;}
.mcontent .quicklink .cont a:focus .more,.mcontent .quicklink .cont a:hover .more{color:#fff; text-decoration:underline;}
.mcontent .quicklink .cont a:focus .more [class^="icon-"], .mcontent .quicklink .cont a:hover .more [class^="icon-"]{text-decoration:none;}
.mcontent .quicklink .cont [class^="ico_"]{background:url(/resources/images/main/quicklink_ico2.png) 0 0 repeat;}
.mcontent .quicklink .cont li:focus [class^="ico_"],.mcontent .quicklink .cont li:hover [class^="ico_"]{background-image:url(/resources/images/main/quicklink_ico_on2.png);}
.mcontent .quicklink .cont [class^="ico_"]{position:absolute; bottom:15px; right:10px; display:inline-block; width:80px; height:64px;}
.mcontent .quicklink .ql_study .ico_1{background-position:5px 0;}
.mcontent .quicklink .ql_study .ico_2{background-position:-70px 0;}
.mcontent .quicklink .ql_study .ico_3{background-position:-150px 0;}
.mcontent .quicklink .ql_study .ico_4{background-position:-235px 0;}
.mcontent .quicklink .ql_company .ico_1{background-position:10px -64px;}
.mcontent .quicklink .ql_company .ico_2{background-position:-75px -64px;}
.mcontent .quicklink .ql_company .ico_3{background-position:-160px -64px;}
.mcontent .quicklink .ql_company .ico_4{background-position:-240px -64px;}
.mcontent .quicklink .ql_space .ico_1{background-position:10px -128px;}
.mcontent .quicklink .ql_space .ico_2{background-position:-80px -128px;}
.mcontent .quicklink .ql_space .ico_3{background-position:-155px -128px;}
.mcontent .quicklink .ql_space .ico_4{background-position:-230px -128px;}
.mcontent .quicklink .ql_coop .ico_2{background-position:-70px -190px;}
.mcontent .quicklink .ql_coop .ico_3{background-position:-150px -190px;}
.mcontent .quicklink .ql_coop .ico_4{background-position:-230px -190px;}

/* KASI 홍보 게시물 */
.mcontent .publicity{position:relative; margin-top:20px;}
.mcontent .publicity h3{font-size:1em;/* margin-bottom:7px;   color:#1e1e1e; font-weight:500;*/}
.mcontent .publicity h3 em{color:#EE070B; font-weight:500;}
.mcontent .publicity h3 a {color:#1e1e1e;}
.mcontent .publicity ul{margin-top:-5px;}
.mcontent .publicity ul:after{clear:both; content:""; display:block;}
.mcontent .publicity ul li{float:left; /* padding:0 0 0 20px;  */width:25%; height:220px;}
.mcontent .publicity .notice ul li {width:100%;}
.mcontent .publicity ul li.today .pbox {background:url(/resources/images/main/todayinfo.png) center center;}
.mcontent .publicity ul li.today .pbox p{color:#fff;font-size:18px; color:#fff;font-weight: 500;}
.mcontent .publicity ul li.today .pbox p span {font-size:14px; position:absolute; display:inline-block; margin-top:3px; right:40px;}
.mcontent .publicity ul li.today .pbox .day {color:#fff;}
.mcontent .publicity ul li.today .pbox .day .info {margin-top:-5px;}
.mcontent .publicity ul li.today .pbox .day .info span {background:#676782; font-size:13px; padding:2px 4px; color:#fff; margin-right:5px; display:inline-block;}
.mcontent .publicity ul li.today .pbox .day .info li {width:50%; height:26px;}
.mcontent .publicity ul li.today .pbox .day .info li.td100 {width:100% !important;}
.mcontent .publicity ul li.today .pbox .astrolink {background:#4a4aed; color:#fff; font-size:13px; font-weight:400; display:inline-block; margin-top:13px; border-radius:4px;
													 height:30px; line-height:30px; padding:1px 10px;letter-spacing: -1px;}	 
.mcontent .publicity ul li.today .pbox .astrolink i {font-size:16px;position: relative; top: 0;right:0}
.mcontent .publicity ul li.today .pbox .astrolink span {font-size:13px; margin:0; display:inline-block; font-weight:400;}
.mcontent .publicity ul li .pbox{position:relative; display:inline-block; width:100%; /* height:100%; */ overflow:hidden;padding:24px 27px; height:220px;}
.mcontent .publicity ul li .pbox strong a {position:static; display:block; padding:0; color:#222; font-weight:500; font-size:1.5em;height:26px; overflow:hidden;}
.mcontent .publicity ul li .pbox strong a i {color: #919191; font-size:30px; display: inline-block; margin-left: 3px; font-style: normal; font-weight: 200; position: absolute; right: 25px; top:12px;}
.mcontent .publicity ul li .pbox > img{max-width:none; width:100%; height:auto; min-height:200px; opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";}
.mcontent .publicity ul li .pbox > a strong {position: absolute; bottom: 0; left: 0; display: block; padding: 12px; width: 100%; font-size: 1.1em; color: #fff; letter-spacing: -0.5px;}
.mcontent .publicity ul li .pbox strong a {/* position:absolute; */ display:block;  width:100%; height:26px; font-size:19px !important; color:#222;letter-spacing: -0.3px;}
.mcontent .publicity ul li .pbox .day_wrap {display:block; margin-top:10px;}
.mcontent .publicity ul li.image .pbox img {width:100%; opacity:0.96; height:220px; position: relative; z-index: -1;}
.mcontent .publicity ul li.image .pbox a{width:100%;position: relative;height:100%;display:block;z-index: 1;}
/* .mcontent .publicity ul li.image .glyphicon {position:absolute; top:5px; color:#fff;}
.mcontent .publicity ul li.image .glyphicon-chevron-left {left:25px;}
.mcontent .publicity ul li.image .glyphicon-chevron-right {left:40px;} */

.mcontent .publicity ul li.image #imageSlide {display:none; position: relative; /* height:100%!important;  */height:220px;}
.mcontent .publicity ul li.image #imageSlide .slidesjs-container {height:100%!important;}
.mcontent .publicity ul li.image #imageSlide .slidesjs-container .slidesjs-control{height:100%!important;}
.mcontent .publicity ul li.image #imageSlide .slidesjs-container .pbox{height:100%!important;}
.mcontent .publicity ul li.image #imageSlide .slidesjs-previous {margin-right: 5px; float:left;}
.mcontent .publicity ul li.image #imageSlide .slidesjs-next {margin-right: 5px; float:left;}
.mcontent .publicity ul li.image #imageSlide .slidesjs-pagination {display:none;}
.mcontent .publicity ul li.image #imageSlide .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px }
.mcontent .publicity ul li.image #imageSlide .slidesjs-pagination li a:hover { background-position: 0 -26px }
.mcontent .publicity ul li.image #imageSlide a.slidesjs-play, a.slidesjs-stop {display:block; overflow: hidden; text-indent: -9999px; float: left; margin-right:5px;}
.mcontent .publicity ul li.image #imageSlide a.slidesjs-play, .mcontent .publicity ul li.image #imageSlide a:hover.slidesjs-play 
{width:13px;height:13px;background:url(/resources/images/main/btn_popzone_play_w.png) repeat-y;}
.mcontent .publicity ul li.image #imageSlide a.slidesjs-stop, .mcontent .publicity ul li.image #imageSlide a:hover.slidesjs-stop
{width:12px;height:13px;background:url(/resources/images/main/btn_popzone_stop_w.png) no-repeat;}
.mcontent .publicity ul li.image #imageSlide .slidesjs-previous {position: absolute; left: 8px; top: 8px; z-index: 100; color:#fff;}
.mcontent .publicity ul li.image #imageSlide .slidesjs-next {position: absolute; left: 24px; top: 8px; z-index: 100; color:#fff;}
.mcontent .publicity ul li.image #imageSlide .slidesjs-stop, /* {position: absolute; left: 44px; top: 11px; z-index: 100; color:#fff;} */
.mcontent .publicity ul li.image #imageSlide .slidesjs-play {position: absolute; left: 44px; top: 11px; z-index: 100; color:#fff;}

.mcontent .publicity ul li.image .pbox strong {background:url(/resources/images/main/bg_black65.png) repeat; padding:12px; padding-left:20px !important; }
.mcontent .publicity ul li a:focus strong, .mcontent .publicity ul li a:hover strong{text-decoration:underline;}
.mcontent .publicity .pbox{background:#f0f2f2; /* url(/resources/images/main/pattern-main2.png) center center */}
.mcontent .publicity ul li.image #pubSlide {display:none; position: relative; height:100%!important;}
.mcontent .publicity ul li.image #pubSlide .slidesjs-container {height:100%!important;}
.mcontent .publicity ul li.image #pubSlide .slidesjs-container .slidesjs-control{height:100%!important;}
.mcontent .publicity ul li.image #pubSlide .slidesjs-container .pbox{height:100%!important;}
.mcontent .publicity ul li.image #pubSlide .slidesjs-previous {margin-right: 5px; float:left;}
.mcontent .publicity ul li.image #pubSlide .slidesjs-next {margin-right: 5px; float:left;}
.mcontent .publicity ul li.image #pubSlide .slidesjs-pagination {display:none;}
.mcontent .publicity ul li.image #pubSlide .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px }
.mcontent .publicity ul li.image #pubSlide .slidesjs-pagination li a:hover { background-position: 0 -26px }
.mcontent .publicity ul li.image #pubSlide a.slidesjs-play, a.slidesjs-stop {display:block; overflow: hidden; text-indent: -9999px; float: left; margin-right:5px;}
.mcontent .publicity ul li.image #pubSlide a.slidesjs-play, .mcontent .publicity ul li.image #pubSlide a:hover.slidesjs-play 
{width:13px;height:13px;background:url(/resources/images/main/btn_popzone_play_w.png) repeat-y;}
.mcontent .publicity ul li.image #pubSlide a.slidesjs-stop, .mcontent .publicity ul li.image #pubSlide a:hover.slidesjs-stop
{width:12px;height:13px;background:url(/resources/images/main/btn_popzone_stop_w.png) no-repeat;}
.mcontent .publicity ul li.image #pubSlide .slidesjs-previous {position: absolute; left: 8px; top: 8px; z-index: 100; color:#fff;}
.mcontent .publicity ul li.image #pubSlide .slidesjs-next {position: absolute; left: 24px; top: 8px; z-index: 100; color:#fff;}
.mcontent .publicity ul li.image #pubSlide .slidesjs-stop {position: absolute; left: 44px; top: 12px; z-index: 100; color:#fff;}
.mcontent .publicity ul li.image #pubSlide .slidesjs-play {position: absolute; left: 44px; top: 12px; z-index: 100; color:#fff;}
.mcontent .publicity .notice .pbox{padding:24px 27px; height:220px; margin-bottom:35px;}
.mcontent .publicity .notice .pbox strong a {position:static; display:block; padding:0; color:#222; font-weight:500; font-size:1.5em;height:26px; overflow:hidden;}
.mcontent .publicity .notice .pbox strong a i {color: #656565; font-size:30px; display: inline-block; margin-left: 3px; font-style: normal; font-weight: 200; position: absolute; right: 25px; top:12px;}
.mcontent .publicity .notice .pbox .cont-list{display:block; margin-top:10px; height:120px; overflow:hidden; color:#fff; font-size:1.18em;}
.mcontent .publicity .notice .pbox .cont-list .ul_list_line {padding:0;margin:0}
.mcontent .publicity .notice .pbox .cont-list .ul_list_line li{overflow:hidden;height:32px;padding:0;margin:0;color:#373636 !important;line-height:32px; }
.mcontent .publicity .notice .pbox .cont-list .ul_list_line li a{background:url(/resources/images/main/not_bl.png) left center no-repeat; padding-left:8px; color:#373636;/*white-space: nowrap;*/word-wrap: break-word}
.mcontent .publicity .notice .pbox .cont-list .ul_list_line li a:hover {text-decoration:underline;}
.mcontent .publicity .notice .pbox .cont-list .ul_list_line li.none {height:auto;}
.mcontent .publicity .movie img{margin-top:-10%; min-height:auto; width:100% !important; height:auto; opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
.mcontent .publicity .movie strong{height: 100%; width:100%;}
.mcontent .publicity .movie strong img{height: 53px; width: 53px; display: block; margin: 42px auto 34px;}

/* 팝업존 */
.mcontent .popupArea { margin:0;}
.mcontent .popupArea #popupzone {position:relative; width:100%;  height:220px; background:#222;}
.mcontent .popupArea .popupzone li {position:absolute; margin:0; width:100% !important; height:220px; padding:0;}
.mcontent .popupArea .pz_control {background:url(/resources/images/main/bg_black65.png) repeat; position:absolute; left:0; bottom:0; z-index:99999; padding:12px; width:100%; font-size:1.1em;}
.mcontent .popupArea .pz_control a {display:inline-block;width:20px;height:20px;}
.mcontent .popupArea .pz_control .pz_btn{padding:4px; margin:0; width:17px; height:17px; vertical-align:middle;}
.mcontent .popupArea .pz_control .pz_btn span{display:block; width:12px; height:12px; border:1px solid #fff; margin:0; background:transparent; border-radius:15px; font-size:0; line-height:0;}
.mcontent .popupArea .pz_control .pz_on span{ background:#fff;}

.mcontent .popupArea .pbox {padding:0 !important;margin:0;}

#popupzone .pz_control .pz_stop {background:url(/resources/images/main/pz_control_stop.png) no-repeat 5px 5px; vertical-align:middle;}
#popupzone .pz_control .pz_start {background:url(/resources/images/main/pz_control_start.png) no-repeat 5px 5px; vertical-align:middle;}

.popupzone {max-width:302px;height:220px;overflow:hidden; margin:0 !important;}
.popupzone li img {width:100%; height:220px !important;}
.popupzone #popupItem0 {opacity:1}
 

.popupArea .pbox .control {background:url(/resources/images/main/bg_black65.png) repeat; position:absolute; left:0px; bottom:0px; z-index:10; width:100%; height:45px; line-height: 1.4;}
/*firefox only hack*/
@-moz-document url-prefix() {.popup_wrap .r .control {line-height: 0.6;}}
.popupArea .pbox {width:100%; height:220px; /* padding-left:10px; */}
.popupArea .pbox .control .stop {width:12px;height:12px; margin:15px; background:url(/resources/images/main/pz_control_stop.png) repeat-y;}
.popupArea .pbox .control .start {width:12px;height:12px;background:url(/resources/images/main/pz_control_start.png) no-repeat; margin:14px 0 0 14px;}
.popzone {height:220px; overflow:hidden; text-align:left; position: relative; margin: 0 auto;}
.popzone li {display:inline-block; margin-right: 5px; width:100% !important;}
.popzone li .link {position:absolute; bottom:42px; display:inline-block; margin-left:10px; z-index:10;width:12px;height:12px;background:transparent; /* url(/resources/images/main/icon_popzone_off.png) no-repeat  */border:1px solid #fff; border-radius:20px; }
.popzone li .link.on {width:12px;height:12px;background:#fff; /* url(/resources/images/main/icon_popzone_on.png) no-repeat */}
.popzone li div {display:none;position:absolute;left:-2px;top:-25px;width:100%; height:220px;text-align:center;}
.popzone li div img {width:100%; height:220px;}
.popzone li div a {display:block;}
.popzone li div a:focus {/*outline:solid #ff0000;*/}
.popzone li:first-child {margin-left:22px;}
.popzone .last {margin-right:22px}
.popupArea .bx-controls {position:absolute;left:0;top:20px;z-index:100;padding-right:30px;text-align:right}

/*월력요항 바로가기*/
.mainvisualbtn{position:absolute; right:0;bottom:-1px;}
.mainvisualbtn:after{clear:both; content:''; display:block;}
.mainvisualbtn .days{letter-spacing:-0.05em;}
.mainvisualbtn .days > a{z-index:15;}
.mainvisualbtn .ticker a {display: block;padding:18px 18px;background: url(/resources/images/main/days_service.png) 95% 15px no-repeat;}
.mainvisualbtn .ticker strong {display: block;color: #fff;font-size: 1.15em;font-weight: 400;}
.mainvisualbtn .days > a{position:absolute; display:block; padding:15px 0px 17px 31px; height:55px; background:#5c5cca url(/resources/images/nav_ico_2.png) 17px 9px no-repeat;background-size: 13%; color:#fff; font-size:1.17em; font-weight:500;text-indent: 38px;bottom: 0;width: 302px;right: 0;}
.mainvisualbtn .days .icon-angle-right {margin-left: -20px;}

/*연구성과, 논문, 콜로위움, 발행물*/
.mcontent .publicity2 {margin-top: 50px; margin-bottom:20px;}
.mcontent .publicity2 ul li {position: relative; margin-top:25px;}
/* .mcontent .publicity2 ul li h3 {position: absolute; top: -38px;} */
.mcontent .publicity2 ul .paper, .mcontent .publicity2 ul .webzine {margin-top:0;}
.mcontent .publicity .wks{padding-left:90px; position: absolute; top: 70px; width:250px; min-height:100px; background:url(/resources/images/main/npapers_work.gif) 0 0 no-repeat;}
.mcontent .publicity .wks > a{color:#282828;line-height: 1.2; font-size: 1.3em; font-weight: 500;}
.mcontent .publicity .wks > a:hover {color:#000;text-decoration:underline}
.mcontent .publicity .wks a.btn {background:#e54e30; color:#fff; font-size:13px; padding:5px;}
.mcontent .publicity .wks a.btn i {font-size:14px;}
.mcontent .publicity .wks p{color:#59595a; font-size:14px; margin:9px 0;}
.mcontent .publicity .paper .pbox{padding:20px;}
.mcontent .publicity .paper .pbox strong a {position:static; display:block; padding:0; color:#fff; font-weight:500; font-size:1.18em; /*height:43px;*/height:23px; overflow:hidden;}
.mcontent .publicity .paper .pbox strong a i {color: #c3cddd; font-size: 18px; display: inline-block; margin-left: 3px; font-style: normal; position: absolute; right: 18px; top:18px;}
.mcontent .publicity .paper .pbox {background:#444c52 url(/resources/images/main/pattern-main2.png) center center;}
.mcontent .publicity .paper .count {margin-top:10px; margin-left:0;}
.mcontent .publicity .paper .count > li {font-size:15px; color:#c7cacb; width:100% !important; height: auto !important; position: relative; padding:11px 0; margin-top:0;}
.mcontent .publicity .paper .count li span {font-size:24px; color:#fff; font-weight:500; position: absolute; right: 0; top: 5px;}
.mcontent .publicity .paper .count li:first-child {border-bottom:1px solid #60676c;}
.mcontent .publicity .colloquium .box {padding:8px; background:url(/resources/images/content/infobox_bg.gif) 0 0 repeat;}
.mcontent .publicity .colloquium .box .area {min-height:147px; background:#fff; position: relative;}
.mcontent .publicity .colloquium .obj{padding-left:90px; position: absolute; top: 70px; width:250px;}
.mcontent .publicity .colloquium .obj > a{color:#282828;line-height: 1.2; font-size: 1.4em; font-weight: 500;}
.mcontent .publicity .colloquium .obj > a:hover {color:#000}
.mcontent .publicity .colloquium .obj p{color:#373636; font-size:14px; line-height:24px; width:90%; height:70px; overflow:hidden; margin-top:5px;}
.mcontent .publicity .colloquium .date{position:absolute;top: 55px; left: 30px; height:130px; background:url(/resources/images/main/npapers_coll.gif) 50% 50px no-repeat; color:#767676; font-size:1.07em; letter-spacing:normal;}
.mcontent .publicity .colloquium .date strong{display:block; color:#e54e30; font-size:180%;}
.mcontent .publicity .colloquium .control .num{color:#666;}

.mcontent .image .pbox {padding:0 !important;}

/* 천문우주지식정보 바로가기 */
.astroLink .abox {background:url(/resources/images/main/main_paper_thesis_bg.jpg) no-repeat; background-position: 0% 90%; padding:25px 30px}
.astroLink h3 a {font-size:20px; color:#fff; font-weight:400;}
.astroLink h3 a span {color:rgba(255,255,255,0.75); font-weight:300;}
.astroLink .info {color:#afbcc6; font-size: 1.1em; margin-top:20px; word-wrap: break-word; word-break: keep-all;}
.astroLink .LinkWrap {margin-top:15px;}
.astroLink .LinkWrap a {display:block; font-size:1.1em; margin:3px 0; color:#e0e0e0; font-weight:400;}
.astroLink .LinkWrap a span {display:block;}
.astroLink .LinkWrap a:hover {color:#fff;}

/* 오늘의 날짜정보 */
.todayInfo {letter-spacing:-0.05em; margin-top:20px;}
.todayInfo .tbox {padding:8px; background:url(/resources/images/content/infobox_bg.gif) 0 0 repeat;}
.todayInfo > a{display:block; padding:14px 20px; height:50px; background:#0b52a2; color:#fff; font-size:1.23em; font-weight:400;}
.todayInfo .days_info {background:#fff;}
.todayInfo .days_info .tit {padding:16px 15px 5px; position: relative;}
.todayInfo .days_info .tit p {font-size:1.25em; color:#505050; font-weight:300;}
.todayInfo .days_info .tit p span {font-size:12px; color:#707070; display:inline-block; margin-left:5px;}
.todayInfo .days_info .tit a {font-size:12px; color:#666; position: absolute; top: 17px; right: 15px; padding-right:10px; background:url(/resources/images/main/todayInfo_arr.jpg) no-repeat; background-position: right center;}
.todayInfo .days_info .day {padding:0 5px 5px; margin-top:15px}
.todayInfo .days_info .day .date {text-align: center; top: 15px; margin-bottom:10px;}
.todayInfo .days_info .day .date .today {font-size:30px; color:#ee070b; display:block;}
.todayInfo .days_info .day .date .year {font-size:1.18em; color:#a3a3a3; display:block; line-height: 0.9;}
.todayInfo .days_info .day ul {overflow:hidden;}
.todayInfo .days_info .day ul span{display:inline-block; margin-right:5px; padding:2px 6px; background: #394048; color: #d7d9da; font-weight: 400;}
.todayInfo .days_info .day ul.fl{float:left;}
.todayInfo .days_info .day ul.fr{float:right;}
.todayInfo .days_info .day ul li{margin-top:10px; color: #707070; float: left; width: 33%;}
.todayInfo .days_info .day ul li:last-child {width:100%;}
.todayInfo .days_info .ticker{display:none;}


/* 캘린더 */
.calendar_wrap {position:relative; padding:10px; background:url(/resources/images/content/infobox_bg.gif) 0 0 repeat;}
.calendar_cont {position:relative; padding:20px; background:#FFF; width:100%; display:inline-block;}
.calendar_cont p {font-size:20px; color:#222; float:left; margin-right:20px;font-weight:500;}
.calendar_cont .btn{padding: 3px 8px;margin-top: 4px;font-size: 15px;border-radius:20px;line-height:1;background:#ddd}
.calendar_cont .btn:hover{background:#0d82be;color:#fff}
.calendar_cont strong {display:inline-block; line-height:32px; letter-spacing:-0.25px;margin: 0 5px;}
.calendar_cont span {font-size:14px; color:#656565; line-height:32px; font-weight:400;}
.calendar_cont span span {font-size:13px; color:#656565;}
.calendar{width:100%;overflow:hidden;margin-top:25px;}
.calendar li{float:left;width:39px/* 37.8px */;text-align:center;}
.calendar li a{display:inline-block;width:39px;height:31px;font-size:15px;font-weight:bold;}
.calendar li span{display:inline-block;width:39px;height:31px;font-size:15px;font-weight:bold;}
.calendar li.sat{color:#086ffb !important;}
.calendar li.sun{color:#fb393a !important;}
.calendar li.sat span{color:#086ffb !important;}
.calendar li.sun span{color:#fb393a !important;}
.calendar li.on{}
.calendar li.dd.on a{background:#cce1f1;cursor: pointer !important;text-decoration:underline;}
.calendar li.select_day a{color:#fff !important;font-weight:500;text-decoration:none}
.calendar li.select_day .tooltip-event{background:#2483ca !important}
.calendar li.dd a{background:#f0f2f2;color:#1e1e1e; font-weight:300; line-height:31px;cursor: default;border-right: 1px solid #fff;}
.calendar li.dd span{display: block;background:#f0f2f2;color:#1e1e1e; font-weight:300; line-height:31px;cursor: default;border-right: 1px solid #fff;}
.calendar_date{vertical-align:middle;color:#e54e30;font-size:19px;font-weight:bold;}
.calendar_date *{vertical-align:top;}
.calendar_date .calendar_txt {margin-left:10px}

.calendar_wrap .calevent_wrap {position:absolute; bottom:60px; transition:all 1s ease; opacity:0; z-index:99;text-align:left }
.calendar_wrap .calevent_wrap .arr {background:url(/resources/images/main/cal_evarr.gif) left bottom transparent no-repeat; position:absolute; left:0; width:8px; height:8px; display:inline-block;}
.calendar_wrap .calevent_wrap h4 {position:relative; background:#3072bf; z-index:99; margin-top:2px; padding:8px 18px; font-size:15px; font-weight:400; width:250px; color:#fff; display:inline-block; /* border:1px solid #414154; */}
.calendar_wrap .calevent_wrap h4 a {position:absolute; top:10px; right:15px; color:#fff;}
.calendar_wrap .calevent_wrap h4 a i {font-style:normal; font-weight:300; font-size:15px;}
.calendar_wrap .cal_event {/* background:#4b4b5e !important; */ z-index:99; padding:5px 10px !important; font-size:14px !important;  }
.calendar_wrap .cal_event a {background:url(/resources/images/main/not_wbl.png) 2px center no-repeat; padding-left:10px !important;font-weight:normal !important;font-size: 14px !important;width: 241px !important;text-align: left !important;line-height: 1.6 !important;height: auto;}
.calendar_wrap .cal_event a:hover {text-decoration:underline;}
.calendar_wrap .cal_event li {float:none;/* width:250px; */position:relative; height:30px; border-bottom:1px dotted #666; margin-bottom:5px;}
.calendar_wrap .cal_event li:last-child {border-bottom:0; margin-bottom:-5px;}
.calendar_wrap .cal_event i {position:absolute; font-size:24px; color:#fff; position:absolute; top:-8px; right:5px; font-style:normal; font-weight:200;display: none;}

.calendar_wrap a.tooltip-event {cursor: pointer;}

/* 배너 바로가기 링크 */
.bannerArea {border:1px solid #dfdddd; padding:0 10px; display:inline-block; width:100%; margin-top:35px;}
.bannerArea .banner li {float:left; margin:10px; text-align:center; width:18%;}

/* mobile font size */
#visualarea .area .txt p,
#visualarea .area .txt a,
.popupArea .nssao_info p,
.mcontent .quicklink .cont .cnt,
.mcontent .quicklink .cont .more,
.mcontent .publicity .notice a span,
.mcontent .publicity ul li a strong,
.bbs_faq .panel-body,
.strategy [class^="stra_"] ul li
{font-size:13px; word-wrap: break-word; word-break: keep-all;}

/**** Sub ****/
/* location */
#location_wrap{display:none;}

/* content title */
.tit_nav{position:relative; margin:30px 0 20px; letter-spacing:-0.05em;}
.tit_nav h1{display:inline-block; line-height:1; font-size:2.2em; color:#333; width:80%; word-wrap: break-word; word-break: keep-all; line-height: 1.2;}
.tit_nav h3{display:inline-block; line-height:1; font-size:2.2em; color:#333; width:80%; word-wrap: break-word; word-break: keep-all; line-height: 1.2;}
.tit_nav h4{display:inline-block; line-height:1; font-size:2.2em; color:#333; width:80%; word-wrap: break-word; word-break: keep-all; line-height: 1.2;}
.tit_nav .sns_box{display:block; text-align:right; position: absolute; right: 0; top: 0;}
.tit_nav .sns_box a{display:inline-block; margin-left:5px; width:27px; height:27px; line-height:27px; border-radius:50px; background:#acacb2; text-align:center; color:#fff; font-size:1.3em;}
.tit_nav .sns_box a.facebook:focus,.tit_nav .sns_box a.facebook:hover{background:#597acb;}
.tit_nav .sns_box a.twitter:focus,.tit_nav .sns_box a.twitter:hover{background:#5dc8ff;}

/* 3depth */
.depth_3{margin:0 0 30px; width:100%; letter-spacing:-0.05em;}
.depth_3:after{clear:both; content:""; display:block;}
.depth_3 li{float:left; display:table; width:100%; text-align:center; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.depth_3 li a{display:table-cell; vertical-align:middle; padding:10px; font-size:1.23em; color:#5f5e5e; background:#e7e7e7;position: relative;}
.depth_3 li.active a:after{content: "";position: absolute;bottom: -22px;width: 30px;height: 30px;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #0c6eb9;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.depth_3 li.active a,.depth_3 li a:focus, .depth_3 li a:hover{color:#fff;font-weight:500; background:#0c6eb9;}

/* tab */
.tab{letter-spacing:-0.05em;margin-bottom: 30px;}
.tab:after{clear:both; content:""; display:block;}
.tab li{float:left; display:table; margin:0 0 -1px -1px; border:1px solid #fff; width:100%;}
.tab li a{display:table-cell; vertical-align:middle; padding:10px 5px;  background:#e7e7e7; text-align:center; color:#5f5e5e; font-size:15px;font-weight: 500; word-wrap:break-word; word-break:keep-all;}
.tab li.active a, .tab li a:focus, .tab li a:hover{background:#0c6eb9; border-bottom-color:#fff; color:#fff; font-weight:500;}


/**** satisfaction ****/
.satisfaction{margin-top:30px; background:#f5f5f5; border:1px solid #e9e9e9;}
.satisfaction .title{display:block; margin-bottom:5px; color:#636363; font-weight:inherit;}
.satisfaction .glyphicon{top:2px; margin-right:8px; color:#ff3f0b;}
.satisfaction .represent{padding:15px 20px; color:#636363; font-size:1.1em;}
.satisfaction .represent strong{font-weight:500;font-size:15px;}
.satisfaction .represent .team{margin-right:20px;}
.satisfaction .satisfaction_star{padding:15px 20px; height:auto; background:#fff; color:#636363; font-size:1.1em;}
.satisfaction .satisfaction_star strong{font-weight:500;font-size:15px;}
.satisfaction .satisfaction_star:after{clear:both; content:""; display:block;}
.satisfaction .satisfaction_star .title{float:none;}
.satisfaction .satisfaction_star .star li{float:left; margin:0 20px 0 0;}
.satisfaction .satisfaction_star .star li input{margin-top:0;}
.satisfaction .satisfaction_star .star li label{margin-bottom:0px; font-weight:300; color:#636363; cursor:pointer;}
.satisfaction .satisfaction_star button{margin:5px 0 0; padding:0; width:100%; min-width:50px; height:30px; border:0px; background:#747474; border-radius:0; color:#fff; font-size:inherit; border-radius:3px;}


/**** footer ****/
.footer{margin-top:30px; padding:0 0 18px; border-top:1px solid #b4b4b6; background:#f2f2f2;}
.footer .mark{display:none;} 
.footer .link{margin:0 -5px 18px; letter-spacing:-0.05em;}
.footer .link a{display:block; padding:8px; border-bottom:1px solid #b4b4b6; text-align:center; color:#5c5c5d; font-size:1.077em;}
.footer .link a.fir{color:#1C5FB1; font-weight:bold;}
.footer .address,.footer .copyright{text-align:center;}
.footer .address{font-size:1em; color:#666; letter-spacing:normal;/* letter-spacing:-0.05em;*/ word-wrap: break-word; word-break: keep-all;}
.footer .copyright{font-size:0.92em; color:#666; letter-spacing:normal; margin:5px 0 0 0;}

/* photogallery */
#photogallery{width: 100%; overflow: hidden; border-top: 1px solid #ddd;}
.photogallery_wr{max-width: 1300px; padding: 12px 15px; margin: 20px auto;}
.photogallery_wr:after{content:""; display:block; clear:both;}
.photogallery_wr .photogallery_box{float: left; height: 260px; background: #f0f2f2; padding: 35px; width: 50%;}
.photogallery_wr .photogallery_box .txt1{width: 100%; font-weight: 800; height: 30px; font-size: 16px;}
.photogallery_wr .photogallery_box .txt2{width: 100%; /* height: 45px; */margin-bottom:10px; letter-spacing: -1px; font-size: 24px;  overflow: hidden;}
.photogallery_wr .photogallery_box .txt2 a{color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.photogallery_wr .photogallery_box .txt2 a:hover{text-decoration: underline;}
.photogallery_wr .photogallery_box .txt3{width: 100%; /* height: 75px; */height: 122px; line-height: 24px; font-weight: 400; font-size: 14px; color: #888888; overflow: hidden; word-break: keep-all;}
.photogallery_wr .photogallery_box .txt3 p, 
.photogallery_wr .photogallery_box .txt3 span, 
.photogallery_wr .photogallery_box .txt3 li{font-weight:400 !important; font-size: 14px !important; color:#888 !important; word-break: keep-all !important; font-family:"Noto Sans" !important; text-align:left !important;}
.photogallery_wr .photogallery_box .day{width: 100%; padding: 5px 0; font-size: 14.5px; color: #888888;}
.photogallery_wr .photogallery_photo{width: 50%; height:260px; overflow: hidden; float: right;}
.photogallery_wr .photogallery_photo:after{content:""; dispaly:block; clear:both;}
.photogallery_wr .photogallery_photo a{ width:100%; height:100%; display:block;position: relative; z-index:1;}
.photogallery_wr .photogallery_photo img{z-index:-1; idth:100%; position: absolute; transform: translate(-50%, -50%) scale(1.0); transition: transform 1s; top: 50%; left: 50%;}
.photogallery_wr .photogallery_photo a:hover img{transform:translate(-50%, -50%) scale(1.2); transition: transform 1s;}
/* .photogallery_wr .photogallery_photo a{display: block; width:100%; height:100%;} */
.photogallery_wr .photogallery_photo a:focus-visible {boder: 2px solid #000;}


@media (min-width: 568px){
	.photogallery_wr{padding: 0 15px; max-width: 750px; margin: 20px auto;}
}

@media (min-width: 1000px){
	.photogallery_wr{max-width: 1300px; padding: 0 15px; margin: 40px auto 0 auto;}
}

@media (max-width: 999px){
	#photogallery{border-top: 0;}
	.photogallery_wr .photogallery_box{padding: 20px; height: 200px;}
	.photogallery_wr .photogallery_box .txt1{font-size: 14px;}
	.photogallery_wr .photogallery_box .txt2{font-size: 20px;/*  height: 35px; */}
	.photogallery_wr .photogallery_box .txt3{font-size: 14px; line-height: 22px; /* height:67px;  */height: 92px; }
	.photogallery_wr .photogallery_box .txt3 p, 
	.photogallery_wr .photogallery_box .txt3 span, 
	.photogallery_wr .photogallery_box .txt3 li{font-size: 14px !important; line-height: 22px !important;}
		
	.photogallery_wr .photogallery_box .day{font-size: 12.5px;}
	.photogallery_wr .photogallery_photo{background: #f0f2f2; height: 200px;}
}

@media (max-width: 567px){
	#photogallery{border-top: 0;}
	.photogallery_wr{margin-top: 10px; margin-bottom: 10px;}
	.photogallery_wr .photogallery_box{float:none; width:100%; overflow: hidden; padding: 20px; height: auto;}
	.photogallery_wr .photogallery_box .txt2{font-size: 20px; margin-bottom:6px;}
	.photogallery_wr .photogallery_photo{float:none; width:100%;}
}
