@font-face{
  font-family: 'NanumBarunGothic';
  src: url('/resources/css/fonts/NanumBarunGothic.eot');
  src: url(/resources/css/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/resources/css/fonts/NanumBarunGothic.woff) format('woff'),
       url(/resources/css/fonts/NanumBarunGothic.ttf) format('truetype');
}
@font-face{
  font-family: 'NanumBarunGothicBold';
  src: url('/resources/css/fonts/NanumBarunGothicBold.eot');
  src: url(/resources/css/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/resources/css/fonts/NanumBarunGothicBold.woff) format('woff'),
       url(/resources/css/fonts/NanumBarunGothicBold.ttf) format('truetype');
}
@font-face{
  font-family: 'OpenSans';
  src: url('/resources/css/fonts/OpenSans-Regular.eot');
  src: url(/resources/css/fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),
       url(/resources/css/fonts/OpenSans-Regular.woff) format('woff'),
       url(/resources/css/fonts/OpenSans-Regular.ttf) format('truetype');
}
@font-face{
  font-family: 'OpenSansBold';
  src: url('/resources/css/fonts/OpenSans-Semibold.eot');
  src: url(/resources/css/fonts/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'),
       url(/resources/css/fonts/OpenSans-Semibold.woff) format('woff'),
       url(/resources/css/fonts/OpenSans-Semibold.ttf) format('truetype');
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/resources/css/fonts/glyphicons-halflings-regular.eot'); /* IE9 Compat Modes */
  src: url('/resources/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	  url('/resources/css/fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
	  url('/resources/fonts/glyphicons-halflings-regular.woff') format('woff'),  /* Modern Browsers */
	  url('/resources/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'),  /* Safari, Android, iOS */
	  url('/resources/css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); /* Legacy iOS */
}

/* Common */
body{margin:0; padding:0; color:#5b5a5a; word-break:keep-all; word-wrap:break-word; }

img{border:none;}
a{outline:none; /* select-dummy: expression(this.hideFocus=true); */}

label{cursor:pointer;}
form{margin:0; padding:0;}

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:100%}
body,textarea,select,button,table{font-family:"NanumBarunGothic", "NanumGothic","MalgunGothic", Dotum, "Open Sans", Tahoma, Verdana, AppleGothic,sans-serif; font-size:13px; line-height:22px;}
img,fieldset{border:0}
legend {position:absolute; left:-9999px;}
input{font-size:12px; padding:1px 0 2px 0; *padding:0px 0 2px 0; line-height:160% !important}
ul,ol{list-style:none}
em,address{font-style:normal}
a:link, a:visited{color:#5b5a5a; text-decoration:none;}
a:hover, a:active{color:#199be6; text-decoration:none;}
button{cursor:pointer}
.blind{ position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.newwindow{margin:0 2px;vertical-align:top;background:none}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section{display:block}
caption{display:none;}

table, th, td{margin:0; padding:0; border-collapse:collapse;}

/* 아이폰 가로모드 글자커지는 것 방지 */
p { -webkit-text-size-adjust: none;}
/* 안드로이드 가로모드 글자커지는 것 방지 */
*{-webkit-text-size-adjust:none}

#sidebar{font-family:"Open Sans", "NanumBarunGothic", "NanumGothic", Dotum, Tahoma, Verdana, AppleGothic,sans-serif;letter-spacing:0.1px;}

#accessibility{position:absolute; left:0; top:0; width:100%; z-index:9999;}
#accessibility li{position:absolute; left:0; top:0; width:100%; z-index:9999;}
#accessibility a{overflow:hidden; display:block; width:1px; height:1px; margin-bottom:-1px; color:#444; font-size:0; text-decoration:none;}
#accessibility a:active, #accessibility a:focus{width:100%; height:auto; padding:5px 0; background:#eee;  font-size:14px; text-align:center;}
 
#wrap2 {height:100%; min-width:1150px; position:relative;}

.box_type_1{ padding: 14px 20px; background:#f2f6f9; border:1px solid #dce9f0;}

.table{clear:both; border-top:2px solid #394044; border-bottom:1px solid #ccc;}
.table thead th{color:#555; border-bottom:1px solid #ccc !important; background:#f8f8f8;}
.table thead td{border-bottom:1px solid #ccc !important; background:#f3f3f3;}
.table tbody th{color:#555; background:#fbfbfb;}
.table tbody td{color:#767676;}
.table tfoot{border-top:2px solid #ddd;}

.table2{border-top:2px solid #303e47;}
.table2 thead th{color:#333; font-size:14px; border-bottom:1px solid #aaafb2 !important; background:#fbfbfb;}
.table2 thead td{border-bottom:1px solid #ccc !important; background:#f3f3f3;}
.table2 tbody th{color:#333; background:#f8f8f8;}
.table2 tbody td{border-bottom:1px solid #e9e9e9 !important;}
.table2 tfoot{border-top:2px solid #ddd;}

.box_type1{padding:10px; border:1px solid #eaeaea; background:#f4f4f4;}
.box_type2{padding:30px 10px 10px 10px; background:url(/resources/images/content/line_type_1.gif) left 15px repeat-x;}

/* sns */
.btn_twitter,
.btn_facebook,
.btn_google{display:inline-block; width:16px; height:16px; margin:0 3px;}
.btn_twitter{background:url(/resources/images/btn/btn_twitter.png) left top no-repeat; background-size:16px 16px;}
.btn_twitter:hover{background:url(/resources/images/btn/btn_twitter_on.png) left top no-repeat; background-size:16px 16px;}
.btn_facebook{background:url(/resources/images/btn/btn_facebook.png) left top no-repeat; background-size:16px 16px;}
.btn_facebook:hover{background:url(/resources/images/btn/btn_facebook_on.png) left top no-repeat; background-size:16px 16px;}
.btn_google{background:url(/resources/images/btn/btn_google.png) left top no-repeat; background-size:16px 16px;}
.btn_google:hover{background:url(/resources/images/btn/btn_google_on.png) left top no-repeat; background-size:16px 16px;}
.btn_twitter_2,
.btn_facebook_2,
.btn_google_2{display:inline-block; width:30px; height:30px; margin:0 5px;}
.btn_twitter_2{background:url(/resources/images/btn/btn_twitter_2.png) left top no-repeat;}
.btn_twitter_2:hover{background:url(/resources/images/btn/btn_twitter_2_on.png) left top no-repeat;}
.btn_facebook_2{background:url(/resources/images/btn/btn_facebook_2.png) left top no-repeat;}
.btn_facebook_2:hover{background:url(/resources/images/btn/btn_facebook_2_on.png) left top no-repeat;}
.btn_google_2{background:url(/resources/images/btn/btn_google_2.png) left top no-repeat;}
.btn_google_2:hover{background:url(/resources/images/btn/btn_google_2_on.png) left top no-repeat;}

/* main cardview */
.main_content_block .tap {display:inline-block;width:100%;margin:10px;}
.main_content_block .tap ul li {float:left;}
.main_content_block .tap ul li a {font-size:13px;color:#666;font-family:'NanumBarunGothic', 'OpenSans';}
.main_content_block .tap ul li .active {font-size:13px;color:#fd5c5c;font-weight:bold;}
.main_content_block .tap ul li span {font-size:10px;color:#ccc;margin:0 7px;}

.grid {margin:0 0 0 10px;font-family:"NanumBarunGothic";}
.grid .grid-item {position:relative;float:left;background:#fff;margin:0 15px 15px 0px;width:200px;border: 1px solid #e6e6e6;border-radius:0 0 4px 4px;}
.grid .grid-item .menut {position:absolute;top:0px;left:0px;font-size:12px;z-index:2;display:inline-block;opacity:0.7;height:25px;padding:2px 7px;background:#444;color:#fff;}
.grid .grid-item .photo {position:relative;}
.grid .grid-item .photo img {width:200px;}
.grid .grid-item .listcontent {font-size:12px;color:#666;margin:0 20px 25px;line-height:22px;}
.grid .grid-item .youtubeicon {position:absolute;top:45%;left:43%;z-index:2;}
.grid .grid-item .youtubeicon img {width:35px !important;}
.grid .grid-item.w2 .youtubeicon img, .grid .grid-item.w3 .youtubeicon img {width:57px;}
.grid .grid-item .youtubeicon .overinfo {display:none !important;}
.grid .grid-item .listtitle {margin:25px 20px 10px;line-height:25px;color:#222;font-size:16px;font-weight:bold;}
.grid .grid-item .listtitle .date {font-size:11px;font-weight:normal;/* display:inline-block; */color:#0ca6b7;line-height:20px;margin:0 0px;}
.grid .grid-item .listtitle a {color:#222;}
.grid .grid-item .listtitle a:hover {color:#0ca6b7;}
.grid .w2 .listtitle, .grid .w3 .listtitle, .grid .w4 .listtitle {margin:25px 20px 10px;line-height:28px;color:#222;font-size:19px;}
.grid .foo_txt {border-top:1px solid #e6e6e6;color:#999;padding:7px 10px;font-size:11px;}
.foo_txt .foo_wrap {
    background: #eee none repeat scroll 0 0;
    border-radius: 4px;
    display: inline-block;
    margin-top: 10px;
    padding: 5px;
    width: 100%;
}
.grid .foo_txt .date {float:left;color:#999;font-size:11px;}
.grid .foo_txt .text_info  {/* float:right; */text-align:center;color:#999;font-size:11px;}
.grid .foo_txt .text_info span {margin-left:2px;}
.grid .foo_txt .text_info span .glyphicon {font-size:10px;margin-right:1px;}
.grid .foo_txt .text_info .likelist {outline:none;font-size:11px;border:0px;background:transparent;}
.grid .foo_txt .text_info a {color:#999;}
.grid .foo_txt .text_info a:hover, .grid .foo_txt .text_info .likelist:hover {color:#FD5C5C;}
.grid .w1, .grid .w1 img {width:240px !important;}
.grid .w2, .grid .w2 img {width:500px !important;}
.grid .w3, .grid .w3 img {width:760px !important;}
.grid .w4, .grid .w4 img {width:940px !important;}

.grid .grid-item .photo > img {transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;}
.grid .grid-item .photo:hover img {transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);} 
.grid .w1 .photo,  .grid .w2 .photo, .grid .w3 .photo {width:100% !important;overflow:hidden;}
.grid .w1 .youtubeicon img {width:35px !important;}
.grid .w1 .photo:hover .youtubeicon img {width:35px;transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);}
.grid .w2 .youtubeicon img, .grid .w3 .youtubeicon img {width:57px !important;}
.grid .w2 .photo:hover .youtubeicon img, .grid .w3 .photo:hover .youtubeicon img {width:57px ;transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);}
.grid .photo:hover img {transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);}

/* sns */
.sns {height:160px;}
.sns li {float:left;width:48%;margin:0 5px;border-bottom:1px solid #eee;padding:10px 0 0 40px;height:50px;line-height:37px;}
.sns .facebook {background:url(/resources/images/layout/sfacebook.png) 0 10px no-repeat;}
.sns .twitter {background:url(/resources/images/layout/stwitter.png) 0 10px no-repeat;}
.sns .nblog {background:url(/resources/images/layout/sblog.png) 0 10px no-repeat;}
.sns .kakaotalk {background:url(/resources/images/layout/stalk.png) 0 10px no-repeat;}
.sns .kakaostory {background:url(/resources/images/layout/skakao.png) 0 10px no-repeat;}
.sns .youtube {background:url(/resources/images/layout/syoutube.png) 0 10px no-repeat;}

.link {height:auto;}
.link:after {content: ''; display: block; clear: both;}
.link li {float: left;width: 50%;/* height: 75px; */line-height: 37px;margin: 10px auto;text-align:center;}
.link li a {border: 1px solid #eee;display:inline-block;width:95%;height: 70px;}
.link li a img {width:150px;}

/* right content defalt noblock */
@media (max-width: 1169px) {
.right_content_block {display:none !important;}
}

/* Phones, <768px */
@media (max-width: 767px) {
body{position:relative;min-width:300px;}
.main_content_block .tap {min-width:300px;}
.main_content_block .tap ul li span {margin:0 3.5px;}
.mt{display:inline-block;}
.web{display:none !important;}

.modal-body .youtube_modalwrap {width:260px;margin:35px auto 0;}

#wrap{width:100%;height:100%; overflow:hidden; position:relative; background:#fff;}
#wrap.active{width:100%;height:100%;overflow:visible;}

.backbtn {position:fixed;bottom:30px;left:30px;background:#0ca6b7;color:#fff;border-radius:30px;z-index:9999}
.forwardbtn {position:fixed;bottom:30px;left:60px;background:#0ca6b7;color:#fff;border-radius:30px;z-index:9999}
.backbtn a, .forwardbtn a {display:inline-block;width:25px;height:25px;color:#fff;font-size:12px;}
.backbtn a .glyphicon, .forwardbtn a .glyphicon {padding-left:6px;padding-top:5px;}
.backbtn:hover, .forwardbtn:hover {background:#fd5c5c;}

.twitter-drop {margin:0 10px !important;}
.sns_share {width:120px !important;}
.sns_share .snsktalk {display:block !important;}

/* grid box */
.grid .grid-item, .grid .w1, .grid .w2, .grid .w3,
.grid .grid-item img, .grid .w1 img, .grid .w2 img, .grid .w3 img {width:100% !important;}
.grid .grid-item .youtubeicon {position:absolute;top:43%;left:45%;width:50px !important;z-index:2;}
 
.link {height:160px !important;}
.link li {float: none !important; width: 70% !important;height: 70px !important; line-height: 37px;margin: 10px auto !important;padding: 0px !important;text-align:center;} 
.link li a img {width:150px;}	

.mt_menu_box{display:block; height:100%; background:#22343e; /* filter:alpha(opacity = 96); */ opacity:.96; z-index:9996;}
.mt_menu_close a{display:block;text-align:left;color:#fff;font-size:14px;padding:14px 16px;background:#0e161a;}
.mt_menu_close a .glyphicon{font-size:12px;  margin:3px 3px 0 0;} 
.mt_menu_box .panel-group{margin-bottom:0px;}
.mt_menu_box .panel{margin-top:0px !important; border-left:0px; border-right:0px; border-top:0px; border-bottom:1px solid #0a1921 !important; border-radius:0px !important; background:none;}
.mt_menu_box .panel .panel-heading{padding:0px !important; border:0 !important; background:none;}
.mt_menu_box .panel .panel-heading .panel-title{font-size:14px;}
.mt_menu_box .panel .panel-heading .panel-title a{display:block;background:#22343e;color:#fff;text-align:left;padding:14px 20px !important;}
.mt_menu_box .panel .panel-heading .panel-title a.active{background:#22343e;}
.mt_menu_box .panel .panel-heading .panel-title .glyphicon{display:none;}
.mt_menu_box .panel .panel-collapse .panel-body{padding:0px; border:0 !important; }
.mt_menu_box .panel .panel-collapse .panel-body ul li a{display:block;text-align:left;color:#d5eef1;padding:4px 20px; border-bottom:1px solid #0a919f; background:#0ca6b7;}

#header{/* position:fixed; */top:0; width:100%; height:55px !important; border-bottom:1px solid #0a919f; background:#0ca6b7;}
#header .header_box {text-align:center;margin:0 auto;width:150px;}
#header h1{float:none; display:block;text-align:center; padding:10px 0px 5px 10px; margin:0px;}
#header h1 a{display:block;}
#header h1 img {width:150px;}
#header h1.menulogo {margin-top:5px;margin-bottom:20px;padding:0px;}
#header h1.menulogo img {width:120px;}

#header .utillD{display:none;}

#header .mt_top_btn{position:absolute;/* position:fixed; */top:0px;left:10px; margin:13px 5px 0 0;}
#header .mt_top_btn a{display:inline-block; height:26px;line-height:18px;margin:1px 0 0 0; } 
#header .mt_top_btn a.mt_menu{border:1px solid #fff; border-radius:2px; padding:3px 6px !important;color:#fff;}
#header .mt_top_btn a.mt_menu img{margin:0 2px 0 0;} 
#header .mt_top_btn2 {position:absolute;top:12px;right:40px;}
#header .mt_top_btn2 a.mt_search{padding:5px 0px;}
#header .mt_top_btn3 {position:absolute;top:15px;right:5px;width:30px;height:26px;}
#header .mt_top_btn3 a.mt_scont,#header .mt_top_btn3 a.mt_scontclose {border:1px solid #fff;width:24px;height:22px;line-height:14px;border-radius:2px; padding:3px 6px !important;}

#header #gnb {display:none;}

#header .search_box, 
#header .sns_box,
#header .link_box,
#header .Contact_btn,
#header .logo_bn_box{display:none;}

.sns {height:300px !important;}	
.sns li {float:left;width:100% !important;margin:0px;border-bottom:1px solid #eee;padding:10px 0 0 40px;height:50px;line-height:37px;}

#container{height:auto !important;}

.grid .youtubeicon .a2 img, .grid .youtubeicon .a2ov img {width:35px !important;}

/* 게시글 숨긴 내용 나타남 */
.grid{position:relative;}
.grid:after{clear:both; display:block; content:""}
.grid .grid-item .photo{position:relative; display:block;}
.grid .grid-item .photo:after{clear:both; display:block; content:""}
.grid .grid-item .photo iframe {width:100%;height:315px;}
 
.grid .grid-item .photo .overinfo,
.grid .w1 .photo .overinfo, .grid .w2 .photo .overinfo,
.grid .w3 .photo .overinfo, .grid .w4 .photo .overinfo {position:relative;display:none;position:absolute; top:0px; left:0px; width:100% !important; height:100%; text-align:center; padding:25% 0px 0px 0px;  z-index:10;
	font-family:'Malgun Gothic', '맑은고딕'; background:url(/resources/images/content/fusionnow/bgalpha.png);}			
.grid .grid-item .photo .overinfo a {color:#fff;font-size:13px;}	
.grid .grid-item .photo .overinfo a img,
.grid .w1 .photo .overinfo a img,
.grid .w2 .photo .overinfo a img,
.grid .w3 .photo .overinfo a img,
.grid .w4 .photo .overinfo a img {width:40px !important;}	
.grid .grid-item .photo:hover .overinfo, .grid .grid-item .photo:focus .overinfo, .grid .grid-item .photo:active .overinfo{display:block;} 

.grid .grid-item .photo .overinfo_movie,
.grid .w1 .photo .overinfo_movie {position:relative;position:absolute; top:auto;bottom:0; left:0px; width:200px; height:100%; text-align:center; padding:10px 0;  z-index:10;}
.grid .w2 .photo .overinfo_movie {position:relative;position:absolute; top:auto;bottom:0; left:0px; width:415px; height:100%; text-align:center; padding:10px 0;  z-index:10; }
.grid .w3 .photo .overinfo_movie {position:relative;position:absolute; top:auto;bottom:0; left:0px; width:630px; height:100%; text-align:center; padding:10px 0;  z-index:10; }
.grid .w4 .photo .overinfo_movie {position:relative;position:absolute; top:auto;bottom:0; left:0px; width:845px; height:100%; text-align:center; padding:10px 0;  z-index:10; }			
.grid .grid-item .photo .overinfo_movie a {color:#fff;font-size:13px;display:inline-block;width:100%;height:100%;}

.right_content_block {display:none;}

.main_content_block{position:relative; margin:0;min-width:320px;background:#fff;width:100%; height:100%;min-height:300px; padding:10px; z-index:889;}
.right_content_block{position:fixed;top:55px;background:#f5f5f5;/* border-bottom:1px solid #0ca6b7; */height:100%;width:100%; padding:0 ; z-index:888;}
.right_content_wrap{position:relative;width:300px;padding:0 10px;margin:0 auto; z-index:888;}
 
/* 인기 포스트 */
.popular_post_wrap_swipe {position:relative; overflow:hidden;padding:10px 0;width:280px;height:300px;}
.popular_post_wrap_swipe  h3 {font-family:'MalgunGothic';color:#222;font-weight:normal;}
.popular_post_wrap_swipe  h3 strong {font-weight:bold;}
.popular_post_wrap_swipe  .popup_title{position:absolute; left:0px; top:0px;background:#3f3f3f;color:#fff;padding:2px; z-index:200;}
.popular_post_wrap_swipe  .popup_list_btn{position:absolute; left:20px; bottom:8px; font-size:11px; background:#134253; border-radius:2px; margin:0; z-index:201;}
.popular_post_wrap_swipe  .popup_list_btn a{display:block; color:#fff; padding:0 5px;}
.popular_post_wrap_swipe  .slideshow1 .carousel img{width:100%; }
.popular_post_wrap_swipe  .slideshow1 .btn{position:absolute; top:20px; right:20px; z-index:666;}
.popular_post_wrap_swipe  .popup_list_title{background:#f5f5f5;color:#444;line-height:18px;margin:2px 0 0 0;}

.popular_post_wrap_swipe .visual-img a {display:inline-block;overflow:hidden;position:relative;width:280px;height:300px;margin:0}
.popular_post_wrap_swipe .visual-img img {width:280px;max-width:100%;}

.visual-area .rolling_area > a,
.visual-area .rolling_area > a:visited{position:absolute;top:-20px;display:inline-block; width:14px; height:14px; background:url(/resources/images/layout/mbtn_rolling_off.png) no-repeat left top; margin-right:7px; }
.visual-area .rolling_area > a:hover{position:absolute;top:-20px;background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}
.visual-area .rolling_area > a.active{position:absolute;top:-20px;background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}
 
.right_mcont_block {
	display:inline-block;
	background:#f5f5f5;
	border-bottom:1px solid #0CA6B7;
	width:100%;
	/* height:400px; */
	height:485px;
	padding:10px;
	position:absolute;
	top:58px;
	z-index:999;
}
.right_mcont_wrap{width:300px;margin:0 auto;}

/* 소셜 스토리 */
.sns_story_wrap{position:relative;width:300px;height:240px;margin:0;background:#fff;border:1px solid #dedede;padding:0px;}
.sns_story_wrap h3{color:#222;}
.sns_story_wrap ul{height:120px;}
.sns_story_wrap ul li{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:24px;}
.sns_story_wrap ul li a{color:#666;float:left;padding:0px 0 0 30%;width:100%;}
.sns_story_wrap ul li a:hover{color:#222;}
.sns_story_wrap ul li span{display:inline-block;width:142px;height:38px;line-height:18px;overflow:hidden;padding:0px 0 0 10px;}
 
.snscheck_facebook{position:absolute;top:24px;left:35px;
		background:url(/resources/images/layout/snscheck3.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_twitter{position:absolute;top:24px;left:105px;
		background:url(/resources/images/layout/snscheck3.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_youtube{position:absolute;top:24px;left:180px;
		background:url(/resources/images/layout/snscheck3.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_blog{position:absolute;top:24px;left:255px;
		background:url(/resources/images/layout/snscheck3.png) 0 0 no-repeat;display:block;width:16px;height:8px;}						

.sf.active{float:left;background:#3b599a;display:inline-block;width:25%;height:30px;}
.st.active{float:left;background:#29ade3;display:inline-block;width:25%;height:30px;}
.sy.active{float:left;background:#cb2028;display:inline-block;width:25%;height:30px;}
.sb.active{float:left;background:#2db400;display:inline-block;width:25%;height:30px;}

.sf{float:left;background:#6a6a6a;display:inline-block;width:25%;height:30px;}
.st{float:left;background:#868686;display:inline-block;width:25%;height:30px;}
.sy{float:left;background:#757575;display:inline-block;width:25%;height:30px;}
.sb{float:left;background:#5a5a5a;display:inline-block;width:25%;height:30px;}
 
.snsimg_wrap{position:absolute;top:0px;left:0px; }

/* facebook 소셜정보 */
.facebook-drop{z-index:11;background:#fff;position:absolute;top:30px; width:300px;height:208px;overflow-x:hidden;overflow-y:hidden;border-radius:4px;}
.facebook-drop blockquote{border:0px;font-size:14px;padding:5px;}
.facebook-drop h4{position:absolute;background:#fff;z-index:9;width:295px;top:0px;color:#39579a;padding:10px 0 7px 15px;border-bottom:1px solid #eee;font-size:16px;}
.facebook-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:280px;height:120px;}
.facebook-drop .nfriname{color:#7a7a7a;font-size:13px;font-weight:bold;padding:0px 0 0 5px;margin:0px;line-height:18px;}
.facebook-drop span{color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.facebook-drop .nfrititle{color:#888;font-size:12px;margin:10px 0 0 5px;width:170px;line-height:18px;height:33px;overflow:hidden;white-space:normal;}
.facebook-drop .nfrititle a{color:#888;}
.facebook-drop .nfrititle a:hover{color:#3b599a;}
.facebook-drop .nfriimg{position:absolute;top:10px;right:10px;}
.facebook-drop .nfriimg img{display:inline-block;width:90px;height:90px;}
.facebook-drop iframe{top:-25px;left:5px;}
.facebook-drop .fb-like{position:absolute;top:28px;left:215px;z-index:99;}

/* twitter 소셜정보 */
.twitter-drop{z-index:11;background:#fff;position:absolute;top:30px;left:-10px;width:300px;height:208px;overflow-y:scroll;border-radius:4px;}
.twitter-drop h4{color:#22a8df;padding:5px;padding-left:15px;border-bottom:1px solid #eee;font-size:16px;margin-bottom:5px;}
#mTwitterDiv{margin:0 0 0 10px;}
.twitter-drop a{padding:5px;}
.twitter-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:280px;height:120px;}
.twitter-drop .nfriname{color:#7a7a7a;font-size:13px;font-weight:bold;padding:0px 0 0 5px;margin:0px;line-height:18px;}
.twitter-drop span{color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.twitter-drop .nfrititle{color:#888;font-size:12px;margin:10px 0 0 5px;width:170px;line-height:18px;height:33px;overflow:hidden;white-space:normal;}
.twitter-drop .nfrititle a{color:#888;}
.twitter-drop .nfrititle a:hover{color:#1ba5dd;}
.twitter-drop .nfriimg{position:absolute;top:10px;right:10px;}
.twitter-drop .nfriimg img{display:inline-block;width:90px;height:90px;}
.twitter-drop iframe{margin-left:3px;}
.twitter-drop .twitter-follow-button{visibility:visible !important;width:65px !important;height:30px !important;position:absolute !important;top:7px;left:200px;z-index:99;}

/* youtube 소셜정보 */
#smyoutube .youtubebtn{position:absolute;top:5px;right:10px;width:90px;}
.youtube-drop{z-index:11;background:#fff;position:absolute;top:30px;margin:0;width:300px;height:208px;overflow-x:hidden;overflow-y:scroll;border-radius:4px;}
.youtube-drop h4{color:#cb2028;padding-left:15px;padding:5px;border-bottom:1px solid #eee;font-size:16px;}
.youtube-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:92%;}
.youtube-drop .nfriname{color:#7a7a7a;font-size:13px;font-weight:bold;padding:0px 0 0 5px;margin:0px;line-height:18px;}
.youtube-drop span{color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.youtube-drop .nfrititle{width:100%;height:38px;overflow:hidden;color:#888;font-size:12px;margin:10px 0 0 5px; line-height:18px;}
.youtube-drop .nfrititle a{color:#888;width:100%;overflow:hidden;text-overflow:ellipsis;}
.youtube-drop .nfrititle a:hover{color:#cb2028;}
.youtube-drop .nfriimg{width:120px;text-align:center;margin:5px auto;}
.youtube-drop .nfriimg img{display:inline-block;width:120px;height:120px;}

/* blog 소셜정보 */
.blog-drop{z-index:11;background:#fff;position:absolute;top:30px;margin:0px;width:300px;height:208px;overflow-y:scroll; border-radius:4px;}
.blog-drop h4{background:#fff;z-index:99;color:#2db400;display:inline-block; width:100%;padding-left:15px;padding:5px;border-bottom:1px solid #eee;font-size:16px;}
.blog-drop h4 span{margin:0 0 0 35%;}
.blog-drop h4 span button{font-size:11px;border:1px solid #ddd;background:#f5f5f5;padding:2px 5px;border-radius:3px;}
.blog-drop .nblogbtn{position:absolute;top:5px;right:10px;z-index:100;}
.blog-drop .blogplus{background:#f5f5f5;border:1px solid #eee;padding:0 5px;font-size:11px;}
.blog-drop .blogplus:hover{box-shadow:1px 0px 1px 0px #eee inset;border:1px solid #ddd;}
.blog-drop .sns_wrap{margin:0px 0 10px 0;}
.blog-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:92%;}
.blog-drop .nfriname{color:#7a7a7a;font-size:13px;font-weight:bold;padding:0px 0 0 5px;margin:0px;line-height:18px;}
.blog-drop span{color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.blog-drop .nfrititle{color:#888;font-size:12px;margin:10px 0 0 5px;width:170px;line-height:18px;height:33px;overflow:hidden;white-space:normal;}
.blog-drop .nfrititle a{color:#888;}
.blog-drop .nfrititle a:hover{color:#2db400;}
.blog-drop .nfriimg{position:absolute;top:10px;right:10px;}
.blog-drop .nfriimg img{display:inline-block;width:90px;height:90px;}


.popup_modal h2{float:left; margin:0 0 0 6px; width:50%;}
.popup_modal .modal-header{height:45px; border-bottom: 1px solid #fff; overflow:hidden;}
.popup_modal .modal-body{clear:both; overflow:hidden;}
.popup_modal .modal-body a{display:block; width:100%; margin:0 0px;}
.popup_modal .modal-body a img{max-width:100%;}

.visual-area{position:relative;}
.visual-area .btn-gallery{position:absolute; left:55px; bottom:13px; font-size:0; z-index:22;}
.visual-area #vs{ z-index:23;}
.visual-area #vs img{width:100%; }
.visual-area #vs > a {position:absolute;top:-19px;}
.visual-area #vs > a,
.visual-area #vs > a:visited{display:inline-block; width:14px; height:14px; background:url(/resources/images/layout/mbtn_rolling_off.png) no-repeat left top; margin-right:7px; }
.visual-area #vs > a:hover{background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}
.visual-area #vs > a.active{background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}
.visual-area #vs .visual-img a{ display:block;}
.visual-area #visual{height:255px; position:relative; overflow:hidden; z-index:26;}
.visual-area #visual .rolling{position:absolute; left:0; top:0;}
.visual-area #visual .rolling img{float:left;}
.visual-area .icon-play{background:url(/resources/images/layout/glyphicons-halflings-m.png) no-repeat scroll -264px -72px;}
.visual-area .icon-pause{background:url(/resources/images/layout/glyphicons-halflings-m.png) no-repeat scroll -288px -72px;}

/* popup */
.pop-wrap-01{padding:16px 15px; border:5px solid #79a7be; background:#fff; display:inline-block;}
.pop-wrap-01 .pop-cont{width:367px;}
.pop-wrap-01 .pop-cont h1{padding-bottom:17px; display:block; font-size:0;}
.pop-wrap-01 .pop-cont h1 p{padding-top:5px;}
.pop-wrap-01 .pop-cont h1 img{vertical-align:top;}
.pop-wrap-01 .pop-cont .scroll{width:367px; height:231px; overflow:hidden;  border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
.pop-wrap-01 .pop-cont .list{overflow:hidden;}
.pop-wrap-01 .pop-cont .list li{padding:10px 0;}
.pop-wrap-01 .pop-cont .list li input,
.pop-wrap-01 .pop-cont .list li img{vertical-align:middle;}
.pop-wrap-01 .pop-cont .list li label{margin-left:5px;}
.pop-wrap-01 .pop-cont .btn {padding-top:20px; text-align:center;}
.pop-wrap-01 .pop-cont table.list-02{width:367px;}
.pop-wrap-01 .pop-cont table.list-02 th,
.pop-wrap-01 .pop-cont table.list-02 td{padding:5px 0;}
.pop-wrap-01 .pop-cont table.list-02 td{text-align:left;}
.pop-wrap-01 .pop-cont table.list-02 td .cont{padding-left:10px;}
.pop-wrap-01 .pop-cont table.list-02 td .cont p{padding-top:5px;}

.pop-02{border:5px solid #bababa;}
.pop-02 .pop-txt, .pop-02 .pop-btn{width:185px; text-align:center;}
.pop-02 .pop-txt{padding-bottom:10px; } 
.pop-02 .pop-btn{font-size:0;}
.pop-02 .pop-btn img{margin:0 4px;}
 
/* 내가본,최근 포스트 */
.main_sns{width:300px;background:#fff;border:1px solid #dedede; margin:0 0 10px 0;}
.main_sns .tab-content{padding:10px;height:130px;}
.main_sns .nav-tabs li a{font-family:'MalgunGothic';display:block; color:#666; padding:4px 15px;border-top:0px;border-left:0px;border-right:0px;border-bottom:1px solid #dedede; border-radius:0; background:#fafafa;}
.main_sns .nav-tabs li a:hover,
.main_sns .nav-tabs li a:focus{border:0 !important; border-radius:0;/* color:#fd5c5c;border-bottom:1px solid #dedede;*/border-top:2px solid #fd5c5c !important;color:#fff;background:#fd5c5c;font-weight:bold;}
.main_sns .nav-tabs li.active a{border:0; border-radius:0;/* color:#fd5c5c;*/border-top:2px solid #fd5c5c;color:#fff;background:#fd5c5c;font-weight:bold; } 
.main_sns .tab-content{height:140px;}
.main_sns .tab-content ul li{width:100%;overflow:hidden;white-space:nowrap;height:24px;text-overflow:ellipsis;}

.main_link{display:none;}

/* footer */
.footer{/* display:none; */position:relative;z-index:889; background:#45505d;clear:both; width:100%; padding:0px 10px 0 10px;}
.footer .Contact_btn a{float:none;display:inline-block;width:100%;border-bottom:1px solid #5c6876;text-align:center;padding:5px;color:#fff;}
.footer .link_box{margin:0 0 5px 0; padding-left:0; padding-right:0;}
.footer .link_box a{float:left; display:block; font-size:12px; text-align:center; color:#fff; font-weight:normal; padding:5px 15px 5px 0; margin:0 0 1px 0; border-radius:0px; background:transparent;}
.footer .link_box a:hover{color:#05b1c4;} 
.footer .sns_box a{width:24%;display:inline-block;}

.footer .copy{padding:0;}
.footer .address{clear:both; font-size:12px; color:#eee; padding:0px 0; line-height:20px; margin-bottom:0px;}
.footer .copyright{font-size:12px; color:#e1e1e1; padding:0px 0 15px 0;}
.footer .site_bn{text-align:right; padding-bottom:10px; margin-top:-20px;}
.footer .site_bn img{margin-left:15px;}

.footer_mark {margin:0 0 10px 0;}

.all_menu{text-align:left;}
.all_menu .modal-dialog .modal-content .modal-header{border-bottom:1px solid #fff;}
.all_menu .modal-dialog .modal-contelnt .modal-header button.close{font-size:30px;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid{margin:0 0 0px 0; padding: 0;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_1{background:url(/resources/images/all_menu_bg_1.png) center #0DA1F7 no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_2{background:url(/resources/images/all_menu_bg_2.png) center #0DA1F7 no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_3{background:url(/resources/images/all_menu_bg_3.png) center #0DA1F7 no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_4{background:url(/resources/images/all_menu_bg_4.png) center #0DA1F7 no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_5{background:url(/resources/images/all_menu_bg_5.png) center #0DA1F7 no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_6{background:url(/resources/images/all_menu_bg_6.png) center #0DA1F7 no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid h2{font-family:NanumBarunGothicBold; font-weight:normal; text-align:center; color:#fff; padding:10px 0 65px 0; margin:0 0 5px 0; font-size: 16px;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .col-lg-2{width:100%; padding-left:2px; padding-right:2px; margin:0 0 5px 0; float: left;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid a{display:block; font-size:13px; padding:0 0 0 25px; background:url(/resources/images/ico/ico_list_4.png) 18px 5px no-repeat;}

.all_menu .modal-dialog .modal-content .modal-body .p_sitemap_btn{padding:17px 0 5px 0; border-top:1px solid #eee; }

.slide_left_right,
.slide_left_left{display:none;}
}
 

/* Tablets, 768px */
@media (min-width: 768px) and (max-width:889px){
	.grid .w4, .grid .w4 img, .grid .w4 .photo .overinfo {width:720px !important;} 
}
@media (min-width: 768px) {	
body{position:relative;}
	
.mt{display:inline-block;}
.web, .backbtn, .forwardbtn {display:none;}

.modal-body iframe{max-width:100%;margin:0 auto;width:600px !important;height:400px !important;}
.grid .w1 .photo{width:238px !important;overflow:hidden;}
.grid .w2 .photo{width:498px !important;overflow:hidden;}
.grid .w3 .photo{width:778px !important;overflow:hidden;}

#wrap{height:100%; overflow:hidden; position:relative; }
#wrap.active{overflow:visible;}

.mt_menu_box{display:block; height:100%; background:#22343e; /* filter:alpha(opacity = 96); */ opacity:.96; z-index:9996;}
.mt_menu_close a{display:block;text-align:left;color:#fff;font-size:14px; padding:14px 16px; background:#0e161a;}
.mt_menu_close a .glyphicon{font-size:12px;  margin:3px 3px 0 0;} 
.mt_menu_box .panel-group{margin-bottom:0px;}
.mt_menu_box .panel{margin-top:0px !important; border-left:0px; border-right:0px; border-top:0px; border-bottom:1px solid #0a1921 !important; border-radius:0px !important; background:none;}
.mt_menu_box .panel .panel-heading{padding:0px !important; border:0 !important; background:none;}
.mt_menu_box .panel .panel-heading .panel-title{font-size:14px;}
.mt_menu_box .panel .panel-heading .panel-title a{display:block;text-align:left;color:#fff; padding:14px 20px !important;}
.mt_menu_box .panel .panel-heading .panel-title a.active{background:#004972;}
.mt_menu_box .panel .panel-heading .panel-title .glyphicon{display:none;}
.mt_menu_box .panel .panel-collapse .panel-body{padding:0px; border:0 !important; }
.mt_menu_box .panel .panel-collapse .panel-body ul li a{display:block;text-align:left;color:#d5eef1; padding:4px 20px; border-bottom:1px solid #0a919f; background:#0ca6b7;}

#header{width:100%; height:55px !important; border-bottom:1px solid #0a919f; background:#0ca6b7;}
#header .header_box{width:750px; margin:0 auto;}

#header h1{/* float:left;  */display:block; text-align:center; padding:3px 0px 5px 10px; margin:0px;}
#header h1 a{display:block;}
#header h1.menulogo{margin-top:5px;margin-bottom:20px;min-width:150px;padding:5px 0 0 0;}

#header .utillD{display:none;}

#header .mt_top_btn{position:absolute;/* position:fixed; */top:0px;left:10px; margin:13px 5px 0 0;}
#header .mt_top_btn a{display:inline-block; height:26px;line-height:18px;margin:1px 0 0 0; } 
#header .mt_top_btn a.mt_menu{border:1px solid #fff; border-radius:2px; padding:3px 6px !important;color:#fff;}
#header .mt_top_btn a.mt_menu img{margin:0 2px 0 0;}
#header .mt_top_btn2 a.mt_search{position:absolute;top:14px;right:40px;} 
#header .mt_top_btn3 {position:absolute;top:16px;right:5px;width:30px;}
#header .mt_top_btn3 a.mt_scont, #header .mt_top_btn3 a.mt_scontclose {display:inline-block;height:26px;line-height:18px;border:1px solid #ddd; border-radius:2px; padding:3px 6px !important;}

#header #gnb{display:none;}

#header .search_box,
#header .English_btn,
#header .sns_box,
#header .link_box,
#header .Contact_btn,
#header .logo_bn_box{display:none;}

#container{height:auto !important; background:#fff;}
.container_bg{width:100%; margin:0 auto; background:#fff;}

.cont-margin{margin-top:345px !important;}
.cont-margin2{margin-top:395px !important;}

.right_content_block{display:none;}

.main_content_block{position:relative;width:100%; height:100%;min-height:300px; padding:20px 15px; margin:0 !important;/* border-top:1px solid #0a919f; */ z-index:889; overflow:hidden; background:#fff;}
.right_content_block{/* border-bottom:1px solid #0ca6b7; */ position:fixed;top:55px; width:100%; /* height:400px; */height:100%; padding:15px; margin:0 0 10px 0; z-index:888; overflow:hidden; background:#f5f5f5;}
.right_content_wrap{width:730px;margin:0px auto;}
 

/* right */
.popular_post_wrap_swipe{position:relative; float:left; width:42%;height:370px; margin:0px 0px 0px 0; overflow:hidden;}
.popular_post_wrap_swipe h3{font-family:'MalgunGothic';color:#222;font-weight:normal;}
.popular_post_wrap_swipe h3 strong{font-weight:bold;}
.popular_post_wrap_swipe .popup_title {position:absolute;background:#3f3f3f;color:#fff;z-index:99;padding:0 3px;}
.popular_post_wrap_swipe .popup_tit{position:absolute; left:0; top:0; z-index:200;}
.popular_post_wrap_swipe .popup_list_btn{position:absolute; left:20px; bottom:8px; font-size:11px; background:#134253; border-radius:2px; margin:0; z-index:201;}
.popular_post_wrap_swipe .popup_list_btn a{display:block; color:#fff; padding:0 5px;}
.popular_post_wrap_swipe .slideshow1 .carousel img{width:100%; }
.popular_post_wrap_swipe .slideshow1 .btn{position:absolute; top:20px; right:20px; z-index:666;}
.popular_post_wrap_swipe .popup_list_title{background:#f5f5f5; line-height:18px;margin:10px 0 0 0;color:#444;}  

.popular_post_wrap_swipe .visual-img a{display:inline-block;overflow:hidden;position:relative;width:100%;height:340px;margin:0}
.popular_post_wrap_swipe .visual-img img{width:100%;max-width:100%;height:85%;}

.visual-area .rolling_area > a,
.visual-area .rolling_area > a:visited{position:absolute;top:-20px;display:inline-block; width:14px; height:14px; background:url(/resources/images/layout/mbtn_rolling_off.png) no-repeat left top; margin-right:7px; }
.visual-area .rolling_area > a:hover{position:absolute;top:-20px;background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}
.visual-area .rolling_area > a.active{position:absolute;top:-20px;background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}
  

.main_sns{clear:none; float:left;background:#fff;border:0; /* width:48%; */width:320px; padding:0;margin:15px 0;}
.main_sns .nav-tabs li a{font-family:'MalgunGothic';font-size:13px;display:block; color:#666; padding:4px 15px; border:1px solid #dedede; border-radius:0; background:#fafafa;}
.main_sns .nav-tabs li a:hover,
.main_sns .nav-tabs li a:focus{border-left:1px solid #dedede;border-right:1px solid #dedede;border-radius:0;border-top:2px solid #fd5c5c !important; }
.main_sns .nav-tabs li.active a{background:#fff;border:0;border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:2px solid #fd5c5c !important; border-radius:0;color:#fd5c5c;} 
.main_sns .tab-content{height:210px;padding:10px; overflow:hidden;border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
.main_sns .tab-content ul li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:95%;height:35px;line-height:35px;padding:10px;}
.main_sns .tab-content #twitterImg{width:auto;}
 
.right_mcont_block {
	display:inline-block;
	background:#f5f5f5;
	border-bottom:1px solid #0CA6B7;
	width:100%;
	height:295px;
	padding:10px;
	position:absolute;
	top:58px;
	z-index:999;
}
.right_mcont_wrap{width:670px;margin:0 auto;}
					
/* 소셜 스토리 */
.sns_story_wrap{position:relative;float:left; width:320px;height:240px;margin:15px;background:#fff;border:1px solid #dedede;padding:0px;}
.sns_story_wrap h3{color:#222;}
.sns_story_wrap ul{height:120px;}
.sns_story_wrap ul li{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:24px;}
.sns_story_wrap ul li a{color:#666;float:left;padding:0px 0 0 35%;width:100%;}
.sns_story_wrap ul li a:hover{color:#222;}
.sns_story_wrap ul li span{display:inline-block;width:142px;height:38px;line-height:18px;overflow:hidden;padding:0px 0 0 10px;}
 
.snscheck_facebook{position:absolute;top:22px;left:35px;
		background:url(/resources/images/layout/snscheck3.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_twitter{position:absolute;top:22px;left:115px;
		background:url(/resources/images/layout/snscheck3.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_youtube{position:absolute;top:22px;left:195px;
		background:url(/resources/images/layout/snscheck3.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_blog{position:absolute;top:22px;left:275px;
		background:url(/resources/images/layout/snscheck3.png) 0 0 no-repeat;display:block;width:16px;height:8px;}						

.sf.active{float:left;background:#3b599a;display:inline-block;width:25%;height:30px;}
.st.active{float:left;background:#29ade3;display:inline-block;width:25%;height:30px;}
.sy.active{float:left;background:#cb2028;display:inline-block;width:25%;height:30px;}
.sb.active{float:left;background:#2db400;display:inline-block;width:25%;height:30px;}

.sf{float:left;background:#6a6a6a;display:inline-block;width:25%;height:30px;}
.st{float:left;background:#868686;display:inline-block;width:25%;height:30px;}
.sy{float:left;background:#757575;display:inline-block;width:25%;height:30px;}
.sb{float:left;background:#5a5a5a;display:inline-block;width:25%;height:30px;}

.snsimg_wrap{background:#dedede;position:absolute;top:-3px;left:8px;}

/* facebook 소셜정보 */
.facebook-drop{z-index:11;background:#fff;position:absolute;top:30px;left:0px;margin:0px;width:100%;height:205px;overflow-y:hidden;border-radius:4px;}
.facebook-drop blockquote{border:0px;font-size:14px;padding:5px;}
.facebook-drop h4{position:absolute;background:#fff;z-index:9;width:100%;color:#39579a;padding:10px 0 7px 15px;border-bottom:1px solid #eee;font-size:16px;}
.facebook-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:280px;height:120px;}
.facebook-drop .nfriname{color:#7a7a7a;font-size:13px;font-weight:bold;padding:0px 0 0 5px;margin:0px;line-height:18px;}
.facebook-drop span{color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.facebook-drop .nfrititle{color:#888;font-size:12px;margin:10px 0 0 5px;width:100%;line-height:18px;height:33px;overflow:hidden;white-space:normal;}
.facebook-drop .nfrititle a{color:#888;}
.facebook-drop .nfrititle a:hover{color:#3b599a;}
.facebook-drop .nfriimg{position:absolute;top:10px;right:10px;}
.facebook-drop .nfriimg img{display:inline-block;width:90px;height:90px;}
.facebook-drop iframe{top:-24px;left:18px;}
.facebook-drop .fb-like{position:absolute;top:29px;left:230px;z-index:99;}

/* twitter 소셜정보 */
.twitter-drop{z-index:11;background:#fff;position:absolute;top:30px;margin:0 10px; width:95%;height:208px;overflow-y:scroll;border-radius:4px;}
.twitter-drop h4{color:#22a8df;padding:5px;border-bottom:1px solid #eee;font-size:16px;}
.twitter-drop a{padding:5px;}
.twitter-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:280px;height:120px;}
.twitter-drop .nfriname{color:#7a7a7a;font-size:13px;font-weight:bold;padding:0px 0 0 5px;margin:0px;line-height:18px;}
.twitter-drop span{color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.twitter-drop .nfrititle{color:#888;font-size:12px;margin:10px 0 0 5px;width:100%;line-height:18px;height:33px;overflow:hidden;white-space:normal;}
.twitter-drop .nfrititle a{color:#888;}
.twitter-drop .nfrititle a:hover{color:#1ba5dd;}
.twitter-drop .nfriimg{position:absolute;top:10px;right:10px;}
.twitter-drop .nfriimg img{display:inline-block;width:90px;height:90px;}
.twitter-drop .twitter-follow-button{visibility:visible !important;width:65px !important;height:30px !important;position:absolute !important;top:7px;left:215px;z-index:99;}

/* youtube 소셜정보 */
#smyoutube .youtubebtn{position:absolute;top:5px;right:10px;width:90px;}
.youtube-drop{z-index:11;background:#fff;position:absolute;top:35px;margin:0 10px;width:95%;height:203px;overflow-x:hidden;overflow-y:scroll;border-radius:4px;} 
.youtube-drop h4{color:#cb2028;padding:5px;border-bottom:1px solid #eee;font-size:16px;}
.youtube-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:95%;}
.youtube-drop .nfriname{color:#7a7a7a;font-size:13px;font-weight:bold;padding:0px 0 0 5px;margin:0px;line-height:18px;}
.youtube-drop span{color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.youtube-drop .nfrititle {width:100%;height:38px;overflow:hidden;color:#888;font-size:12px;margin:10px 0 0 5px; line-height:18px;}
.youtube-drop .nfrititle a{color:#888;width:100%;overflow:hidden;text-overflow:ellipsis;}
.youtube-drop .nfrititle a:hover{color:#cb2028;}
.youtube-drop .nfriimg{width:120px;text-align:center;margin:5px auto;}
.youtube-drop .nfriimg img{display:inline-block;width:120px;height:120px;}

/* blog 소셜정보 */
.blog-drop{z-index:11;background:#fff;position:absolute;top:30px;margin:0 10px;width:95%;height:208px;overflow-y:scroll;border-radius:4px;}
.blog-drop h4{background:#fff;z-index:99;color:#2db400;display:inline-block; width:100%;padding:5px;border-bottom:1px solid #eee;font-size:16px;}
.blog-drop h4 span{margin:0 0 0 52%;}
.blog-drop h4 span button{font-size:11px;border:1px solid #ddd;background:#f5f5f5;padding:2px 5px;border-radius:3px;}
.blog-drop .nblogbtn{position:absolute;top:5px;right:10px;z-index:100;}
.blog-drop .blogplus{background:#f5f5f5;border:1px solid #eee;padding:0 5px;font-size:11px;}
.blog-drop .blogplus:hover{box-shadow:1px 0px 1px 0px #eee inset;border:1px solid #ddd;}
.blog-drop .sns_wrap{margin:0px 0 10px 0;} 
.blog-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:92%;/* height:120px; */}
.blog-drop .nfriname{color:#7a7a7a;font-size:13px;font-weight:bold;padding:0px 0 0 5px;margin:0px;line-height:18px;}
.blog-drop span{color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.blog-drop .nfrititle{color:#888;font-size:12px;margin:10px 0 0 5px;width:100%;line-height:18px;height:33px;overflow:hidden;white-space:normal;}
.blog-drop .nfrititle a{color:#888;}
.blog-drop .nfrititle a:hover{color:#2db400;}
.blog-drop .nfriimg{position:absolute;top:10px;right:10px;}
.blog-drop .nfriimg img{display:inline-block;width:90px;height:90px;}

.popup_modal h2{float:left; margin:0 0 0 6px; width:50%;}
.popup_modal .modal-header{height:45px; border-bottom: 1px solid #fff; overflow:hidden;}
.popup_modal .modal-body{clear:both; overflow:hidden;}
.popup_modal .modal-body a{float:left; display:block; width:31.6%; margin:0 7px;}
.popup_modal .modal-body a img{max-width:100%;}

.visual-area{position:relative;}
.visual-area .btn-gallery{position:absolute; left:55px; bottom:13px; font-size:0; z-index:22;}
.visual-area #vs{ z-index:23;}
.visual-area #vs img{width:100%; }
.visual-area #vs > a,
.visual-area #vs > a:visited{position:absolute;top:-19px;display:inline-block; width:14px; height:14px; background:url(/resources/images/layout/mbtn_rolling_off.png) no-repeat left top; margin-right:7px; }
.visual-area #vs > a:hover{background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}
.visual-area #vs > a.active{background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}
.visual-area #vs .visual-img a{ display:block;}
.visual-area #visual{height:255px; position:relative; overflow:hidden; z-index:26;}
.visual-area #visual .rolling{position:absolute; left:0; top:0;}
.visual-area #visual .rolling img{float:left;}
.visual-area .icon-play{background:url(/resources/images/layout/glyphicons-halflings-m.png) no-repeat;background-position:-264px -72px;}
.visual-area .icon-pause{background:url(/resources/images/layout/glyphicons-halflings-m.png) no-repeat;background-position:-288px -72px;}
 
/* footer */
.footer{/* display:none; */position:relative;z-index:889;clear:both; width:100%; padding:15px 15px 0px 15px; background:#45505d;}
.footer .Contact_btn a{float:none;display:inline-block;width:100%;border:1px solid #5c6876;text-align:center;padding:5px;color:#fff;}
.footer .Contact_btn .glyphicon{margin:3px 0 0 0;}
.footer .link_box{margin:0 0 5px 0; padding-left:0; padding-right:0;}
.footer .link_box a {float:left; display:block; font-size:12px; text-align:center; color:#fff; font-weight:normal; padding:5px 15px 5px 0; margin:0 0 1px 0; border-radius:0px;
					background:url(/resources/images/layout/linkline.png) right center no-repeat;}
.footer .link_box a.end {background:transparent;}					
.footer .link_box a:hover{color:#05b1c4;} 

.footer .link_box2{margin:0 0 5px 0; padding-left:0; padding-right:0; overflow: hidden;}
.footer .link_box2 a {float:left; display:block; font-size:12px; text-align:center; color:#fff; font-weight:normal; padding:0 15px 0 0;  line-height: 1.6; margin:0 0 1px 0; border-radius:0px;
					background:url(/resources/images/layout/linkline.png) right center no-repeat;}
.footer .link_box2 a:last-child {background:none;}		
.footer .link_box2 a:hover{color:#05b1c4;} 


.footer .sns_box{display:inline-block;width:100%;margin:0px 0 10px 0;padding:0px;}
.footer .sns_box a{width:18%;/* display:inline-block; */margin:0 5px;}
.footer .container{width:100%; padding-left:15px; padding-right:15px;}
.footer .link{margin:0 0 0px 0; padding-left:0; padding-right:0;}
.footer .link a{float:left; display:block; font-size:13px; color:#767676; font-weight:bold; padding:7px 15px 7px 0;  border-radius:0px;}
.footer .link a:hover{color:#199be6;} 
.footer .copy{padding-left:0px;margin:10px 0 0 0;}
.footer .address{clear:both; font-size:12px; color:#bbb; padding:0px 0; line-height:20px; margin-bottom:0px;}
.footer .copyright{font-size:12px; color:#bbb; padding:0px 0 5px 0;}
.footer .site_bn{text-align:right; padding-bottom:10px; margin-top:-20px;}
.footer .site_bn img{margin-left:15px;}
.footer_mark {margin:0 0 10px 0;}
 
.all_menu{text-align:left;}
.all_menu .modal-dialog{width:600px;} 
.all_menu .modal-dialog .modal-content .modal-header{border-bottom:1px solid #fff;}
.all_menu .modal-dialog .modal-contelnt .modal-header button.close{font-size:30px;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid{margin:0 0 0px 0;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_1{background:url(/resources/images/all_menu_bg_1.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_2{background:url(/resources/images/all_menu_bg_2.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_3{background:url(/resources/images/all_menu_bg_3.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_4{background:url(/resources/images/all_menu_bg_4.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_5{background:url(/resources/images/all_menu_bg_5.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_6{background:url(/resources/images/all_menu_bg_6.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid h2{font-family:NanumBarunGothicBold; font-weight:normal; text-align:center; color:#fff; padding:10px 0 65px 0; margin:0 0 7px 0;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .col-lg-2{width:33%; padding-left:2px; padding-right:2px; margin:0 0 15px 0; float: left;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid a{display:block; font-size:13px; padding:0 0 0 25px; background:url(/resources/images/ico/ico_list_4.png) 18px 5px no-repeat;}

.all_menu .modal-dialog .modal-content .modal-body .p_sitemap_btn{padding:17px 0 5px 0; border-top:1px solid #eee; }

.slide_left_right,.slide_left_left{display:none;}
} 

/* Tablets_2, 970px */
@media (min-width: 970px) {
body{position:relative; }
	
.mt{display:inline-block;}
.web{display:none;}

#wrap{height:100%; overflow:hidden; position:relative; }
#wrap.active{overflow:visible;}

.mt_menu_box{display:block; height:100%; background:#22343e; /* filter:alpha(opacity = 96); */ opacity:.96; z-index:9996;}
.mt_menu_close a{display:block; color:#fff; font-size:14px; padding:14px 16px; background:#0e161a;}
.mt_menu_close a .glyphicon{font-size:12px;  margin:3px 3px 0 0;} 
.mt_menu_box .panel-group{margin-bottom:0px;}
.mt_menu_box .panel{margin-top:0px !important; border-left:0px; border-right:0px; border-top:0px; border-bottom:1px solid #0a1921 !important; border-radius:0px !important; background:none;}
.mt_menu_box .panel .panel-heading{padding:0px !important; border:0 !important; background:none;}
.mt_menu_box .panel .panel-heading .panel-title{font-size:14px;}
.mt_menu_box .panel .panel-heading .panel-title a{display:block;background:#22343e;color:#fff; padding:14px 20px !important;}
.mt_menu_box .panel .panel-heading .panel-title a.active{background:#22343e;}
.mt_menu_box .panel .panel-heading .panel-title .glyphicon{display:none;}
.mt_menu_box .panel .panel-collapse .panel-body{padding:0px; border:0 !important; }
.mt_menu_box .panel .panel-collapse .panel-body ul li a{display:block; color:#d5eef1; padding:4px 20px; border-bottom:1px solid #0a919f; background:#0ca6b7;}

#header{/* position:fixed; */top:0px;width:100%; height:55px !important; border-bottom:1px solid #0a919f; background:#0ca6b7;}
#header .header_box{width:970px; margin:0 auto;}

#header h1{float:none; display:block; text-align:center; padding:3px 0px 5px 10px; margin:0px;}
#header h1 a{display:block;}

#header .utillD{display:none;}

#header .mt_top_btn{position:absolute;top:0px; margin:13px 5px 0 0;}
#header .mt_top_btn a{display:inline-block; padding:5px 6px; }

#header #gnb{display:none;}

#header .search_box, 
#header .sns_box,
#header .link_box,
#header .Contact_btn,
#header .logo_bn_box{display:none;}

#container{height:auto !important; background:#fff;}
.container_bg{width:100%;  margin:0 auto;}
   
.main_content_block{position:relative;width:100%; height:100%;/* border-top:1px solid #0a919f; */padding:20px 15px; margin:0px 0 0 0 !important; z-index:889; /* overflow:hidden; */ background:#fff;}
.right_content_block{border-bottom:1px solid #0ca6b7; position:fixed;top:55px; width:100%; height:400px; padding:15px; margin:0 0 10px 0; z-index:888; overflow:hidden; background:#f5f5f5;}
.right_content_wrap{width:950px;margin:0 auto;} 
  
/* right */
.popular_post_wrap{position:relative; float:left; width:42%; margin:0px 0px 0px 0; /* background:#2f3d48; background:#fff;*/ overflow:hidden;}
.popular_post_wrap h3{color:#222;}
.popular_post_wrap .popup_title{position:absolute;background:#3f3f3f;color:#fff;z-index:99;padding:0 3px;}
.popular_post_wrap .popup_tit{position:absolute; left:0; top:0; z-index:200;}
.popular_post_wrap .popup_list_btn{position:absolute; left:20px; bottom:8px; font-size:11px; background:#134253; border-radius:2px; margin:0; z-index:201;}
.popular_post_wrap .popup_list_btn a{display:block; color:#fff; padding:0 5px;}
.popular_post_wrap .slideshow1 .carousel img{width:100%; }
.popular_post_wrap .slideshow1 .btn{position:absolute; top:20px; right:20px; z-index:666;}
.popular_post_wrap .popup_list_title{ line-height:18px;margin:10px 0 0 0;}
.popular_post_wrap .popup_list_title a {color:#444;}
 							
.main_sns{clear:none; float:left;background:#fff;border:0; /* width:48%; */width:320px; padding:0;margin:15px;}
.main_sns .nav-tabs li a{display:block; color:#666; padding:4px 15px; border:1px solid #dedede; border-radius:0; background:#fafafa;}
.main_sns .nav-tabs li a:hover,
.main_sns .nav-tabs li a:focus{border:0 !important;border-left:1px solid #dedede;border-right:1px solid #dedede;border-radius:0;border-top:2px solid #fd5c5c !important; }
.main_sns .nav-tabs li.active a{background:#fff;border:0;border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:2px solid #fd5c5c !important; border-radius:0;color:#fd5c5c;} 
.main_sns .tab-content{height:210px;padding:10px 20px; overflow:hidden;border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
.main_sns .tab-content ul li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:95%;height:35px;line-height:35px;padding:10px;}
.main_sns .tab-content ul li a{color:#c6c8cb;margin-left:5px;}
.main_sns .tab-content ul li a:before {position: absolute;margin-top: 10px;width: 4px;height: 4px;border-radius: 50%;background-color: #c9c9c9;content: '';transform: translateY(-50%);left: 23px;}
.main_sns .tab-content #twitterImg {width:auto;}

.sns_story_wrap{clear:none; float:left; width:320px;;height:240px;margin:15px 0; padding:0px;background:#fff;border:1px solid #dedede;}
.sns_story_wrap ul li{/* height:30px; */line-height:30px;}
.sns_story_wrap ul li img{/* width:20px; */}

.popup_modal h2{float:left; margin:0 0 0 6px; width:50%;}
.popup_modal .modal-header{height:45px; border-bottom: 1px solid #fff; overflow:hidden;}
.popup_modal .modal-body{clear:both; overflow:hidden;}
.popup_modal .modal-body a{float:left; display:block; width:31.6%; margin:0 7px;}
.popup_modal .modal-body a img{max-width:100%;}

.visual-area{position:relative;}
.visual-area .btn-gallery{position:absolute; left:55px; bottom:13px; font-size:0; z-index:22;}
.visual-area #vs{ z-index:23;}
.visual-area #vs img{width:100%;}
.visual-area #vs > a,
.visual-area #vs > a:visited{position:absolute;top:-19px;display:inline-block; width:14px; height:14px; background:url(/resources/images/layout/mbtn_rolling_off.png) no-repeat left top; margin-right:7px; }
.visual-area #vs > a:hover{background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}
.visual-area #vs > a.active{background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}

.visual-area #vs .visual-img a{ display:block;}
.visual-area #visual{height:255px; position:relative; overflow:hidden; z-index:26;}
.visual-area #visual .rolling{position:absolute; left:0; top:0;}
.visual-area #visual .rolling img{float:left;}
.visual-area .icon-play{background:url(/resources/images/layout/glyphicons-halflings-m.png) no-repeat;background-position:-264px -72px;}

.pop-wrap-01{padding:16px 15px; border:5px solid #79a7be; background:#fff; display:inline-block;}
.pop-wrap-01 .pop-cont{width:367px;}
.pop-wrap-01 .pop-cont h1{padding-bottom:17px; display:block; font-size:0;}
.pop-wrap-01 .pop-cont h1 p{padding-top:5px;}
.pop-wrap-01 .pop-cont h1 img{vertical-align:top;}
.pop-wrap-01 .pop-cont .scroll{width:367px; height:231px; overflow:hidden;  border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
.pop-wrap-01 .pop-cont .list{overflow:hidden;}
.pop-wrap-01 .pop-cont .list li{padding:10px 0;}
.pop-wrap-01 .pop-cont .list li input,
.pop-wrap-01 .pop-cont .list li img{vertical-align:middle;}
.pop-wrap-01 .pop-cont .list li label{margin-left:5px;}
.pop-wrap-01 .pop-cont .btn{padding-top:20px; text-align:center;}
.pop-wrap-01 .pop-cont table.list-02{width:367px;}
.pop-wrap-01 .pop-cont table.list-02 th,
.pop-wrap-01 .pop-cont table.list-02 td{padding:5px 0;}
.pop-wrap-01 .pop-cont table.list-02 td{text-align:left;}
.pop-wrap-01 .pop-cont table.list-02 td .cont{padding-left:10px;}
.pop-wrap-01 .pop-cont table.list-02 td .cont p{padding-top:5px;}

.pop-02{border:5px solid #bababa;}
.pop-02 .pop-txt, .pop-02 .pop-btn{width:185px; text-align:center;}
.pop-02 .pop-txt{padding-bottom:10px; } 
.pop-02 .pop-btn{font-size:0;}
.pop-02 .pop-btn img{margin:0 4px;}
 
.all_menu{text-align:left;}
.all_menu .modal-dialog{width:600px;} 
.all_menu .modal-dialog .modal-content .modal-header{border-bottom:1px solid #fff;}
.all_menu .modal-dialog .modal-contelnt .modal-header button.close{font-size:30px;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid{margin:0 0 0px 0;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_1{background:url(/resources/images/all_menu_bg_1.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_2{background:url(/resources/images/all_menu_bg_2.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_3{background:url(/resources/images/all_menu_bg_3.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_4{background:url(/resources/images/all_menu_bg_4.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_5{background:url(/resources/images/all_menu_bg_5.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_6{background:url(/resources/images/all_menu_bg_6.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid h2{font-family:NanumBarunGothicBold; font-weight:normal; text-align:center; color:#fff; padding:10px 0 65px 0; margin:0 0 7px 0;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .col-lg-2{width:33%; padding-left:2px; padding-right:2px; margin:0 0 15px 0; float: left;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid a{display:block; font-size:13px; padding:0 0 0 25px; background:url(/resources/images/ico/ico_list_4.png) 18px 5px no-repeat;}

.all_menu .modal-dialog .modal-content .modal-body .p_sitemap_btn{padding:17px 0 5px 0; border-top:1px solid #eee; }

.slide_left_right,.slide_left_left{display:none;}
} 
  
@media (max-width:1169px){
	.rightbtn {display:none !important;}
}  
/* 1170px */
@media (min-width:1170px) {	
html{height:100% }
body{height:100%;background:#fff}
	
.mt_menu_box{display:none;}
.mt{display:none !important;}
.web{display:inline-block;font-family:"NanumBarunGothic";}

.popular_post_wrap_swipe {display:none;}
	
#wrap{/* float:left; */ display:block; /* width:1440px; */width:100%;margin:0 auto; height:auto !important; height:100%; min-height:100%; overflow:hidden; position:relative; /* background:#fcfcfc; */background:#fff;}

#header{box-shadow:0 1px 5px 1px rgba(0, 0, 0, 0.2);position:fixed;float:left; width:230px; height:920px !important; border-bottom:0;z-index:999; }

#header .header_box{/* position:absolute; */position:fixed; width:230px; height:100%; min-height:790px; z-index:999; background:#0ca6b7;}

#header h1{display:block; width:185px; height:110px; text-align:center; padding:30px 15px 20px 15px; margin:0px; background:#0ca6b7;}
#header h1 a{display:block;}

#header .utillD{display:block;}
#header .utillD .utillL {width:100%; margin-top:0px;}
#header .utillD .utillL li {float:left; width:100px; height:27px; line-height:27px; font-size:11px; text-align:center; }
#header .utillD .utillL li:first-child{width:100px; border-left:0;} 
#header .utillD .utillL li a{display:block; background:#eeeff3;}
#header .utillD .utillL li a:hover{color:#222; background:#d5d5d8;}
#header .utillD .utillL li.active a{color:#1b2830; background:#d7dfe4;}
#header .utillD .utillL li.active a:hover{color:#3c5363; background:#b4e1ff;}

#header #gnb {font-family:'OpenSansBold';display:block; clear:both; width:100%; padding:0px 0; }
#header #gnb .panel-group{margin-bottom:0; border-bottom:1px solid #0a919f;}
#header #gnb .panel{margin-top:0px; box-shadow:0 0 0; border-left:0; border-right:0; border-top:0; border-radius:0; border-top:1px solid #0a919f; border-bottom:1px solid #2bb2c0;}
#header #gnb .panel,
#header #gnb .panel-heading,
#header #gnb .panel-body{background:none;}
#header #gnb .panel-heading{padding:0; border:0; border-radius:0px;}
#header #gnb .panel-heading .panel-title{border:0;}
#header #gnb .panel-heading .panel-title a{display:block;text-align:left;font-size:16px; font-weight:bold; color:#fff; padding:9px 20px 8px 34px;}
#header #gnb .panel-heading .panel-title a .glyphicon{display:none; float:right; font-size:14px; color:#4c6794; margin:5px 0 0 0;}
#header #gnb .panel-heading .panel-title a:hover{color:#fff; background:#004f5e;}
#header #gnb .panel-heading .panel-title a.active{color:#fff; padding:9px 20px 8px 34px; border-bottom:1px solid #00283f; background:#003a5c;}
#header #gnb .panel-heading .panel-title a.active .glyphicon{color:#fff;}
#header #gnb .panel-body{padding:3px 0 5px 0; border:0; background:#004f5e;}
#header #gnb .panel-body a{display:block;text-align:left;font-size:12px; color:#d5eef1; padding:1px 16px 1px 43px;}
#header #gnb .panel-body a:hover{color:#fff;}
#header #gnb .panel-body a:before {position: absolute;margin-top: 10px;width: 4px;height: 4px;border-radius: 50%;background-color: #c9c9c9;content: '';transform: translateY(-50%);left: 33px;}
#header #gnb .panel-body ul li.active{color:#fff;font-size:13px;background:#023038;}

#header .search_box, 
#header .sns_box,
#header .link_box,
#header .Contact_btn,
#header .logo_bn_box{display:block;}

#header .search_box{width:180px; margin:20px 0 6px 23px;}
#header .search_box .form-control{width:150px; height:30px; color:#666; border:0; background:#fff; border-radius:0px;}
#header .search_box .input-group-btn .btn{width:30px; height:30px; color:#fd5c5c; padding:6px 6px 4px 4px; margin:0 !important; text-align:center; border:0 !important; background:#fff; border-radius:0px;}
#header .search_box .input-group-btn .btn:hover{border-left:0 !important; margin:0 !important; }
#header .search_box .search_tag {font-size:12px;color:#ceedf1;line-height:18px;margin:10px 0 0 0;}
#header .search_box .search_tag a{color:#ceedf1;}
#header .search_box .search_tag a:hover{color:#fff;}
   
#header .logo_bn_box{position:absolute; bottom:20px; width:154px; margin:0 25px 0px 23px;}
 
#container{float:left;display:inline-block;width:88%;height:100% !important; background:#fff; }
 
@media screen and (-webkit-min-device-pixel-ratio:0) {#mvisual{position:relative; width:100%; height:100% !important; display:block; margin-top:-28px; overflow:hidden; z-index:1;}}/*c*/
::-moz-svg-foreign-content, :root #mvisual{position:relative; width:100%; height:100% !important; display:block; margin-top:0px; overflow:hidden; z-index:1;}/*s*/
  
.main_content_block{clear:none; position:relative;/* left:225px; */top:0; float:left; /* width:1200px !important;  */height:100%;border:0px; /* padding:25px 50px 0px 50px; */ margin:0 0 0 225px !important;/* margin:0 !important;*/z-index:888; }
.right_content_block{clear:none;background:url(/resources/images/layout/right_bg.gif) repeat-y !important; /* position:relative !important; right:230px; */position:absolute;right:0px;top:0 !important; float:left;  width:237px !important; height:100%; padding:0px; margin:0; z-index:889; }
.right_content_wrap{background:url(/resources/images/layout/right_bg.gif) repeat-y;position:fixed;top:0;border:1px solid #ddd; width:237px;height:100%;}
 
.rightbtn{position:fixed;z-index:999;top:30px;/* left:-20px; */right:225px;display:inline-block;width:30px;height:30px;border-radius:50px;background:#b2b2af;/* padding:4px 5px 5px 5px; */padding:3px 0 0 5px;}
.rightbtn .rbtn_opn, .righthidebtn .rbtn_cls{border:0px;background:transparent;line-height:16px;color:#fff; } 
.righthidebtn{position:fixed;z-index:998;top:30px;right:225px;display:inline-block;width:30px;height:30px;border-radius:50px;background:#7f8686;padding:3px 0 0 5px;}

/* 인기 포스트 */
.popular_post_wrap{  position:relative; /* position:fixed; */ float:none; width:237px; height:270px;border:0px; padding:35px 30px;margin:0px; background:url(/resources/images/layout/main_rightbg.gif) repeat #4b5663; overflow:hidden;}
.popular_post_wrap h3{font-family:'MalgunGothic';color:#fff;font-size:15px;font-weight:normal;}
.popular_post_wrap h3 strong{font-size:16px;font-weight:bold;}
.popular_post_wrap .popup_title{position:absolute;z-index:99;left:30px;top:63px;padding:1px 5px;background:#3f3f3f;color:#fff;font-size:11px;}
.popular_post_wrap .popup_list_btn{position:absolute; left:20px; top:224px; width:50px; font-size:11px; background:#134253; border-radius:2px; margin:0; z-index:201;}
.popular_post_wrap .popup_list_btn a{display:block; color:#fff; padding:0 5px;}
.popular_post_wrap .slideshow1 .carousel img{width:100%; min-height:134px;}
.popular_post_wrap .slideshow1 .btn{position:absolute; top:20px; right:20px; z-index:666;}
.popular_post_wrap .popup_list_title{position:absolute;width:185px;top:195px;line-height:18px;}
.popular_post_wrap .popup_list_title a{font-size:12px;color:#ebecee;}
.popular_post_wrap .popup_list_title a:hover{color:#fff;} 

.visual-area{position:relative;}
.visual-area .btn-gallery{position:absolute; left:55px; bottom:13px; font-size:0; z-index:22;}
.visual-area #vs{height:5px; z-index:23;}
.visual-area #vs img{width:180px; min-height:134px;}
.visual-area #vs > a,
.visual-area #vs > a:visited{display:inline-block; width:11px; height:11px; background:url(/resources/images/layout/btn_rolling_off.png) no-repeat left top; margin-right:3px; }
.visual-area #vs > a:hover{background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}
.visual-area #vs > a.active{background:url(/resources/images/layout/btn_rolling_on.png) no-repeat left top;}
.visual-area #vs .visual-img{height:134px; min-height:134px;}
.visual-area #vs .visual-img a{ display:block;}
.visual-area #visual {height:134px; position:relative; overflow:hidden; z-index:26;}
.visual-area #visual .rolling{position:absolute; left:0; top:0;}
.visual-area #visual .rolling img{float:left;}
.visual-area .icon-play{background:url(/resources/images/layout/glyphicons-halflings.png) no-repeat;background-position:-264px -72px;}
.visual-area .icon-pause{background:url(/resources/images/layout/glyphicons-halflings.png) no-repeat;background-position:-288px -72px;}

/* 소셜 스토리 */
.sns_story_wrap{display:block;position:relative;width:100%;background:#f7f7f7;color:#666 !important;height:350px;margin:0px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.sns_story_wrap h3{color:#222;font-size:15px;font-weight:normal;}
.sns_story_wrap h3 strong{font-size:16px;font-weight:bold;}
.sns_story_wrap ul{margin:0;}
.sns_story_wrap ul li{font-size:12px;display:inline-block;margin:0}
.sns_story_wrap ul li a{color:#666;float:left;padding:2px 0 0 15px;}
.sns_story_wrap ul li a:hover{color:#222;}
.sns_story_wrap ul li span{display:inline-block;width:142px;height:38px;line-height:18px;overflow:hidden;padding:0px 0 0 10px;}

.snscheck_facebook{width:16px;height:8px;position:absolute;top:30px;left:22px;
		background:url(/resources/images/layout/snscheck2.png) 0 0 no-repeat;display:block}
.snscheck_twitter{width:16px;height:8px;position:absolute;top:30px;left:80px;
		background:url(/resources/images/layout/snscheck2.png) 0 0 no-repeat;display:block}
.snscheck_youtube{width:16px;height:8px;position:absolute;top:30px;left:140px;
		background:url(/resources/images/layout/snscheck2.png) 0 0 no-repeat;display:block}
.snscheck_blog{width:16px;height:8px;position:absolute;top:30px;left:198px;
		background:url(/resources/images/layout/snscheck2.png) 0 0 no-repeat;display:block}						

.sf.active{width:58px;height:37px;float:left;background:#3b599a;display:inline-block}
.st.active{width:58px;height:37px;float:left;background:#29ade3;display:inline-block}
.sy.active{width:58px;height:37px;float:left;background:#cb2028;display:inline-block}
.sb.active{width:58px;height:37px;float:left;background:#2db400;display:inline-block}

.sf{width:58px;height:37px;float:left;background:#6a6a6a;display:inline-block}
.st{width:58px;height:37px;float:left;background:#868686;display:inline-block}
.sy{width:58px;height:37px;float:left;background:#757575;display:inline-block}
.sb{width:58px;height:37px;float:left;background:#5a5a5a;display:inline-block}

.snsimg_wrap{position:absolute;top:0px;left:0px;}

/* facebook 소셜정보 */
.facebook-drop{position:absolute;top:37px;left:0px;width:250px;height:311px;background:#f7f7f7;/* overflow-y:scroll; */overflow:hidden;z-index:999}
.facebook-drop blockquote{border:0px;font-size:14px;margin:0px;padding:0px;}
.facebook-drop h4{position:fixed;background:#f7f7f7;width:240px;z-index:99;color:#39579a;padding:5px 10px;margin-top:7px;border-bottom:1px solid #eee;font-size:16px;}
.facebook-drop a{margin:0px !important;padding:0px !important;}
.facebook-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:200px;height:120px;}
.facebook-drop .nfriname{height:20px;color:#7a7a7a;font-size:13px;font-weight:bold;padding:0px 0 0 5px;margin:0px;line-height:18px;}
.facebook-drop span{color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.facebook-drop .nfrititle{color:#888;font-size:12px;margin:10px 0 0 5px; height:35px;overflow:hidden;line-height:18px;}
.facebook-drop .nfrititle a{color:#888;width:170px;overflow:hidden;text-overflow:ellipsis;}
.facebook-drop .nfrititle a:hover{color:#3b599a;}
.facebook-drop .nfriimg{position:absolute;top:10px;right:10px;}
.facebook-drop .nfriimg img{display:inline-block;width:90px;height:90px;}
.facebook-drop iframe{width:235px !important;height:307px !important;top:-5px;left:0px;}
 
/* twitter 소셜정보 */
.twitter-drop{position:absolute;top:40px;left:-1px;margin:0px !important;width:236px;height:308px;background:#f7f7f7;overflow-x:hidden;overflow-y:scroll;/* overflow:hidden; */z-index:999}
.twitter-drop h4{position:absolute;background:#f7f7f7;width:225px;z-index:99;color:#22a8df;padding:5px 10px;border-bottom:1px solid #eee;font-size:16px;}
.twitter-drop a{margin:0px !important;padding:0px !important;}
.twitter-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:200px;height:120px;}
.twitter-drop .nfriname{color:#7a7a7a;font-size:13px;font-weight:bold;padding:0px 0 0 5px;margin:0px;line-height:18px;}
.twitter-drop span{color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.twitter-drop .nfrititle{color:#888;font-size:12px;margin:10px 0 0 5px; line-height:18px;}
.twitter-drop .nfrititle a{color:#888;width:170px;overflow:hidden;text-overflow:ellipsis;}
.twitter-drop .nfrititle a:hover{color:#1ba5dd;}
.twitter-drop .nfriimg{position:absolute;top:10px;right:10px;}
.twitter-drop .nfriimg img{display:inline-block;width:90px;height:90px;}
.twitter-drop iframe{width:235px !important;position:absolute !important;top:-15px;padding:5px !important;}
.twitter-drop .twitter-follow-button{visibility:visible !important;position:absolute !important;width:75px !important;height:30px !important;top:3px;left:140px;z-index:99;}

/* youtube 소셜정보 */ 
#syoutube .youtubebtn{position:absolute;top:5px;/* position:fixed; */right:10px;width:90px;z-index:100;}
.youtube-drop {position:absolute;top:40px;left:0px;margin:0px;width:237px;height:308px;background:#f7f7f7;overflow-x:hidden;overflow-y:scroll;z-index:999}
.youtube-drop h4{/* position:fixed; */background:#f7f7f7;width:215px;z-index:99;color:#cb2028;padding:5px 10px;border-bottom:1px solid #eee;font-size:16px;}
.youtube-drop .sns_wrap{margin:5px 0 10px 0;}
.youtube-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:5px;padding:5px 0;width:200px;}
.youtube-drop .nfriname{color:#7a7a7a;font-size:13px;font-weight:bold;padding:0px 0 0 5px;margin:0px;line-height:18px;}
.youtube-drop .nfriname a{color:#7a7a7a;}
.youtube-drop .nfriname a:hover{color:#cb2028;}
.youtube-drop span{color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.youtube-drop .nfrititle{width:200px;height:38px;overflow:hidden;color:#888;font-size:12px;margin:10px 0 0 5px; line-height:18px;}
.youtube-drop .nfrititle a{color:#888;width:170px;overflow:hidden;text-overflow:ellipsis;}
.youtube-drop .nfrititle a:hover{color:#cb2028;}
.youtube-drop .nfriimg{/* position:absolute;top:10px;right:10px; */width:120px;text-align:center;margin:5px auto;}
.youtube-drop .nfriimg img{display:inline-block;width:120px;height:120px;}

/* blog 소셜정보 */
.blog-drop{position:absolute;top:42px;left:0px;width:237px;margin:0px;height:306px;background:#f7f7f7;overflow-y:scroll;z-index:999}
.blog-drop h4{/* position:fixed; */background:#f7f7f7;width:215px;margin-left:5px;color:#2db400;padding:5px;border-bottom:1px solid #eee;font-size:16px;z-index:99;}
.blog-drop .sns_wrap{margin:0px 0 10px 0;}
.blog-drop .sns_group{position:relative;border-bottom:1px solid #e8e8e8;margin:15px 10px 10px 10px;padding:10px 0;width:200px;white-space:normal;overflow:hidden;}
.blog-drop .nfriname{color:#555;font-size:13px;line-height:18px;font-weight:bold;padding:0px 0 0 5px;margin:0px;}
.blog-drop .nfriname a{color:#555;}
.blog-drop .nfriname a:hover{color:#2db400;}
.blog-drop span{color:#808080;font-size:11px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.blog-drop h4 span{/* position:absolute;top:5px;right:15px; */margin:0 0 0 60px;}
.blog-drop .nblogbtn{/* position:absolute;top:5px; *//* position:fixed;top:242px; */right:10px;z-index:100;}
.blog-drop .blogplus{background:#fff;border:1px solid #eee;padding:0 5px;font-size:11px;}
.blog-drop .blogplus:hover{box-shadow:1px 0px 1px 0px #eee inset;border:1px solid #ddd;}
.blog-drop .nfrititle{color:#888;font-size:12px;margin:5px 0 0 5px; line-height:18px;}
.blog-drop .nfrititle a{color:#888;width:270px;overflow:hidden;text-overflow:ellipsis;}
.blog-drop .nfrititle a:hover{color:#2db400;}
.blog-drop .nfriimg{position:absolute;top:10px;right:10px;}
.blog-drop .nfriimg img{display:inline-block;width:90px;height:90px;}

.popup_modal h2{float:left; margin:0 0 0 6px; width:50%;}
.popup_modal .modal-header{height:45px; border-bottom: 1px solid #fff; overflow:hidden;}
.popup_modal .modal-body{clear:both; overflow:hidden;}
.popup_modal .modal-body a{float:left; display:block; width:31.6%; margin:0 7px;}
.popup_modal .modal-body a img{max-width:100%;}
 
/* 내가 본, 최근 포스트 */
.main_sns{background:#fff;float:none; width:100%; margin:0 0 0px 0;padding:0px;border:0px;}
.main_sns .nav-tabs li a{display:block;font-size:12px;color:#666; padding:9px 15px; border:0px;/* border-right:1px solid #505b6b; */ border-radius:0; background:#e7e7e7;}
.main_sns .nav-tabs li a:hover,
.main_sns .nav-tabs li a:focus{border:0 !important;border-right:1px solid #e7e7e7; border-radius:0;color:#f28b93;background:#fff; }
.main_sns .nav-tabs li.active a{border:0 !important; border-radius:0;color:#f28b93;background:#fff !important; } 
.main_sns .tab-content{height:160px;background:#fff;color:#666;font-size:12px;padding:20px 29px 0px 29px;border:0px;}
.main_sns .tab-content ul li{width:180px;height:20px;line-height:20px;padding:0;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } 
.main_sns .tab-content ul li a{color:#666;}
.main_sns .tab-content ul li a:hover{color:#222;}
.main_sns .nav-justified.nav-tabs{width:237px;/* position:fixed; */}

.company_visit_wrap {background:url(/resources/images/layout/visitimg.png) 0px 0px no-repeat #fcfcfc;margin:5px 30px 20px 30px;text-align:center;letter-spacing:-0.3px;color:#666;display:inline-block;width:180px;height:180px;border-radius:200px;padding:85px 30px 30px 30px;}
.company_visit_wrap h3 {color:#222;font-size:14px; line-height: 1.6;}
.company_visit_wrap p {font-size:11px;margin:0px;}
.company_visit_wrap a {font-size:11px;color:#0ca6b7;border:1px solid #0ca6b7;padding:2px 10px;}
.company_visit_wrap a:hover {background:#0ca6b7;color:#fff;}

.fusionschool_visit a {display: inline-block; background:url(/resources/images/layout/fusionschool.png) 0px 0px; width: 180px; height: 180px; margin: 20px 30px 5px 30px;}

.link_bar_tit{float:left; margin:-7px 7px 0 0px;}
.link_bar_tit a{display:block; height:16px; margin:3px 0;}
.link_bar #js_rolling{width:323px; padding:8px 5px; margin:0px 0 0 0px; border:1px solid #e3e3e3;}
.link_bar #js_rolling a{padding:0 8px;}

.main_link{display:block; float:right; position:relative; width:98px; height:auto !important; height:100%; min-height:960px; text-align:center; background:#636d73;}
.main_link h2{color:#acb0b2; font-size:14px; line-height:20px; padding:50px 10px 40px 10px; background:#394044;}
.main_link .glyphicon{position:absolute; top:127px; left:43%; color:#394044;}
.main_link ul{height:100%;}
.main_link ul li{height:20%; }
.main_link ul li a{display:block; font-size:12px; color:#eeefef; padding:31px 5px 31px 0; border-top:1px solid #7b8388;}
.main_link ul li a:hover{color:#fff; background:#798288;}
.main_link ul li:first-child a{border-top:0;}
.main_link ul li a img{display:block; width:45px; margin:0 auto;}

.all_menu{text-align:left;}
.all_menu .modal-dialog{width:600px;} 
.all_menu .modal-dialog .modal-content .modal-header{border-bottom:1px solid #fff;}
.all_menu .modal-dialog .modal-content .modal-header button.close{font-size:30px;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid{margin:0 0 0px 0;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_1{background:url(/resources/images/all_menu_bg_1.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_2{background:url(/resources/images/all_menu_bg_2.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_3{background:url(/resources/images/all_menu_bg_3.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_4{background:url(/resources/images/all_menu_bg_4.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_5{background:url(/resources/images/all_menu_bg_5.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .bg_6{background:url(/resources/images/all_menu_bg_6.png) center -15px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid h2{font-family:NanumBarunGothicBold; font-weight:normal; text-align:center; color:#fff; padding:10px 0 65px 0; margin:0 0 7px 0;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid .col-lg-2{width:33%; height:250px !important; padding-left:2px; padding-right:2px; margin:0 0 15px 0; float: left;}
.all_menu .modal-dialog .modal-content .modal-body .container-fluid a{display:block; font-size:13px; padding:0 0 0 25px; background:url(/resources/images/ico/ico_list_4.png) 18px 5px no-repeat;}
.all_menu .modal-dialog .modal-content .modal-body .p_sitemap_btn{padding:17px 0 5px 0; border-top:1px solid #eee; }

/* footer */  
.footer{display:block;/* position:absolute; left:20px;*/position:fixed; bottom:60px; width:230px;margin:0 0 0 20px; padding:0px; z-index:999; background:none;}
.footer .link{display:none;}
.footer .address{clear:both; font-size:11px; color:#9edbe2; padding:0px 0;width:180px;line-height:16px; margin-bottom:10px;}
.footer .copyright{text-transform:uppercase;font-family:'Tahoma';font-size:10px; color:#86d3db; line-height:14px; padding:0px 0 0px 0; margin:0;}
.footer .site_bn{text-align:right; padding-bottom:10px; margin-top:-20px;}
.footer .site_bn img{margin-left:15px;}
 
.footer .Contact_btn{position:absolute; bottom:205px;}
.footer .Contact_btn a{display:block; width:185px; height:30px; font-size:12px; color:#e2f2ff; text-align:center; margin:0px; padding:3px 0px 2px 10px; vertical-align:middle; border:1px solid #fff; background:none; overflow:hidden;}
.footer .Contact_btn a:hover{color:#fff; border:1px solid #394044; background:#394044;}
.footer .Contact_btn a:hover .glyphicon{color:#fff;}
.footer .Contact_btn a .glyphicon{color:#fff; padding:0px 3px 0px 0px; margin:4px 5px 0 -10px;}
.footer .Contact_btn .modal-header{border-bottom:1px solid #fff;}
.footer .Contact_btn .modal-header h2{float:left; width:50%; margin:0 0 0 6px;}
.footer .Contact_btn .modal-header .close{float:right; font-size:30px;}
.footer .Contact_btn .modal-body{clear:both; padding:0px 15px 15px 15px; overflow:hidden;}
.footer .Contact_btn .modal-body a{float:left; width:32.1%; height:70px; border:1px solid #eee;  padding:5px 7px;  margin:5px 5px;}
.footer .Contact_btn .modal-body a:hover{ border:1px solid #aaa; background:#fff;}
.footer .Contact_btn .modal-body a img{width:auto;}

.footer .link_box{position:absolute;bottom:235px;margin:5px 0px;}
.footer .link_box a{display:inline-block;width:60px;background:url(/resources/images/layout/linkline.png) right center no-repeat;width:25px; color:#9edbe2; font-size:11px; text-align:left; padding:0px; vertical-align:middle; }
.footer .link_box a.con{display:inline-block;width:53px;}
.footer .link_box a.end {background:none;width:65px;}
.footer .link_box a:hover{color:#fff;}

.footer .link_box2{position:absolute;bottom:155px;margin:5px 0px;padding: 0 20px;left: -20px;line-height: 16px;}
.footer .link_box2 a{display:inline-block;width:auto;background:url(/resources/images/layout/linkline.png) right center no-repeat;color:#9edbe2; font-size:11px; text-align:left; padding:0 15px 0 0; vertical-align:middle; }
.footer .link_box2 a:nth-of-type(2n) {background:none;}
.footer .link_box2 a:hover{color:#fff;}
 
.footer .sns_box{position:absolute;bottom:-50px;width:200px;margin:5px 0px;}
.footer .sns_box a{width:10%;margin:0 10px;}
}

.top_btn {z-index:999;position:fixed;right:30px;bottom:30px;background:#45505d;color:#fff;border:1px solid #727880;width:30px;height:30px;line-height:27px;border-radius:30px;text-align:center;display:inline-block;}
.top_btn a {display:inline-block;width:30px;height:30px;border-radius:30px;color:#fff;vertical-align:middle;font-size:10px;font-family:'OpenSans';}

/* @media (min-width:1465px) and (max-width:1600px){
ie9 hack
:root .right_content_block {position:fixed \9 !important;top:0px \9 !important;left:82% \9 !important;}
:root .right_content_wrap {position:relative \9 !important;}
:root .facebook-drop, :root .twitter-drop, :root .blog-drop {position:fixed \9;left:61% \9;}
ie10 hack
.ie10 .right_content_block {position:fixed;top:0px;left:82%;}
.ie10 .right_content_wrap {position:relative;}
}
@media (min-width:1600px) and (max-width:1920px) {
ie9 hack
:root .right_content_block {position:fixed \9 !important;top:0px \9 !important;left:80% \9 !important;}
:root .right_content_wrap {position:relative \9 !important;}
:root .facebook-drop, :root .twitter-drop, :root .blog-drop {position:fixed \9;left:60.5% \9;}
ie10 hack
.ie10 .right_content_block {position:fixed;top:0px;left:80%;}
.ie10 .right_content_wrap {position:relative;}
}
@media (min-width:1920px) {
ie9 hack
:root .right_content_block {position:fixed \9 !important;top:0px \9 !important;left:75% \9 !important;}
:root .right_content_wrap {position:relative \9 !important;}
:root .facebook-drop, :root .twitter-drop, :root .blog-drop {position:fixed \9;left:59.3% \9;}
ie10 hack
.ie10 .right_content_block {position:fixed;top:0px;left:75%;}
.ie10 .right_content_wrap {position:relative;}
} */ 
/* @media (min-width:1170px) and (max-width:1465px) { 	
ie9 hack
:root .right_content_block {position:fixed \9 !important;top:0px \9 !important;left:1115px \9 !important;}
:root .right_content_wrap {position:relative \9 !important;}
:root .facebook-drop, :root .twitter-drop, :root .blog-drop {position:fixed \9;left:805px \9;}
ie10 hack
.ie10 .right_content_block {position:fixed;top:0px;left:1115px;}
.ie10 .right_content_wrap {position:relative;}
	
} */
 
.kakaobtn{background:transparent;border:0px;}

.mmore {background:#0ca6b7;margin:10px auto;text-align:center;width:100px;border-radius:4px;color:#fff;}
.mmore a, .mmore button, .mmore input{color:#fff;display:inline-block;background:transparent;border:0px;width:100px;height:30px;padding:5px 20px;}
.mmore:hover{background:#fd5c5c;}

.mmore2 {margin:10px auto;text-align:center;width:200px;color:#fff;}
.mmore2 a, .mmore2 button, .mmore2 input {color:#fff;display:inline-block;background:#0ca6b7;border:0px;border-radius:4px;width:90px;height:30px;padding:5px 20px;}
.mmore2 .write {margin:0 0 0 10px;background:#1f81ab;}
.mmore2 input:hover{background:#fd5c5c;}
.mmore2 .write:hover{background:#cc283f;}

.bbs_nolist {margin:40px 0;text-align:center;}

/* 게시글 숨긴 내용 나타남 */
.grid{position:relative;}
.grid:after{clear:both; display:block; content:""}
.grid .grid-item .photo{position:relative; display:block;}
.grid .grid-item .photo:after{clear:both; display:block; content:""} 
.grid .grid-item .photo .overinfo,
.grid .w1 .photo .overinfo {position:relative;display:none;position:absolute; top:auto;bottom:0; left:0px; width:240px; height:50px; text-align:center; padding:12px 0;  z-index:10;
	font-family:'Malgun Gothic', '맑은고딕'; background:url(/resources/images/content/fusionnow/bgalpha.png);}
.grid .w2 .photo .overinfo {position:relative;display:none;position:absolute; top:auto;bottom:0; left:0px; width:500px; height:50px; text-align:center; padding:12px 0;  z-index:10;
	font-family:'Malgun Gothic', '맑은고딕'; background:url(/resources/images/content/fusionnow/bgalpha.png);}
.grid .w3 .photo .overinfo {position:relative;display:none;position:absolute; top:auto;bottom:0; left:0px; width:760px; height:50px; text-align:center; padding:12px 0;  z-index:10;
	font-family:'Malgun Gothic', '맑은고딕'; background:url(/resources/images/content/fusionnow/bgalpha.png);}
.grid .w4 .photo .overinfo {position:relative;display:none;position:absolute; top:auto;bottom:0; left:0px; width:940px; height:50px; text-align:center; padding:12px 0;  z-index:10;
	font-family:'Malgun Gothic', '맑은고딕'; background:url(/resources/images/content/fusionnow/bgalpha.png);}			
.grid .grid-item .photo .overinfo a {display:inline-block;width:100%;height:50px;margin:0 10px 0 0;color:#fff;font-size:13px;}
.grid .grid-item .photo .overinfo a img,
.grid .w1 .photo .overinfo a img,
.grid .w2 .photo .overinfo a img,
.grid .w3 .photo .overinfo a img,
.grid .w4 .photo .overinfo a img{width:40px !important;}	
.grid .grid-item .photo:hover .overinfo, .grid .grid-item .photo:focus .overinfo, .grid .grid-item .photo:active .overinfo{display:block;} 
.grid .photo .overinfo span{background:url(/resources/images/main/mmoreico.png) no-repeat;background-size:20px;padding:0 0 0 25px;}

.grid .grid-item .photo .a1, .grid .grid-item .photo .a2,
.grid .grid-item .photo .a1ov, .grid .grid-item .photo .a2ov {transition:0.3s;}

/* over snsicon */
.sns_share{/* float:left; */width:100px;display:block !important;margin:5px auto !important;}
.sns_share .view{float:left;margin:0 1px;}
.sns_share .snsktalk{display:none;}
.sns_share button{border:0px;background:transparent;outline:none;}
.snsicon-facebook{background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-149px -48px;}
.snsicon-twitter{background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-176px -48px;}
.snsicon-naverblog{background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-203px -48px;}
.snsicon-kakaostory{background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-229px -48px;}
.snsicon-kakaotalk{background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-256px -48px;}
.sns_share button:hover .snsicon-facebook{background-position:-13px -48px;}
.sns_share button:hover .snsicon-twitter{background-position:-40px -48px;}
.sns_share button:hover .snsicon-naverblog{background-position:-68px -48px;}
.sns_share button:hover .snsicon-kakaostory{background-position:-94px -48px;}
.sns_share button:hover .snsicon-kakaotalk{background-position:-122px -48px;}

.modal-body iframe{margin:0 auto;max-width:100%;width:320px;height:200px;}
.modal-body h2{font-size:20px;line-height:24px;width:90%;float:left;margin:0 0 10px 0;}
.modal-body .movieclose{font-size:24px;font-weight:bold;margin:0 0 10px 0;}

.modal-header h2{float:left;width:90%;margin-top:-5px;}