@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');
  src: url('/resources/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
	  url('/resources/css/fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
	  url('/resources/fonts/glyphicons-halflings-regular.woff') format('woff'), 
	  url('/resources/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
	  url('/resources/css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

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

img { border:none; max-width:100%;}
a { outline:none; select-dummy: expression(this.hideFocus=true); }

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

/* Common */
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", Dotum, "Open Sans", Tahoma, Verdana, AppleGothic,sans-serif;letter-spacing:-0.3px;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:#fc5c5c; text-decoration:none;}
button{cursor:pointer}
.blind{visibility:hidden;overflow:hidden;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;}

#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;}

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

#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 #005963; border-bottom:1px solid #0ca6b7;}
.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:#666666;}
.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;}

.modal-imgview {text-align:center;margin:30px 0;}
/* @media (max-width: 310px) {
	.sns {height:320px !important;}
	.sns li {width:100% !important;}
	.sns li a span.count {font-size:10px;height:20px;line-height:20px;}
	h2 .h2 {font-size:13px;line-height:18px;}
	.board_header h2 {font-size:13px;margin-left:10px;}
	.board_header .right {font-size:9.5px;}
	#header h1 img {width:120px !important;margin-left:-5px !important;} 
	#header .mt_top_btn a.mt_menu{display:inline-block; height:24px;line-height:16px;margin:2px 0 0 0; } 
	#header .mt_top_btn2 {right:30px !important;} 
} */
@media (max-width: 360px) {
.snscheck_twitter, .snscheck_facebook, .snscheck_youtube, .snscheck_blog {top:246px !important;}
}
/* Phones, <768px */
@media (max-width: 768px) {

body{position: relative;}
	
.mt{display:inline-block;}
.web{display:none !important;}

.right_content_wrap {display:none;}

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

.board_body table {width:100% !important;}

.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; 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{width:100%; height:55px; border-bottom:1px solid #005963; background:#0ca6b7;}

#header h1{float:none; display:block; text-align:center; padding:8px 0 5px 0px; width:50%;margin:0px auto;color:#fff;font-size:20px;}
#header h1 a{display:block;color:#fff;}
#header h1 img {width:150px;}
#header h1.menulogo {margin-top:5px;margin-bottom:20px;min-width:120px;}

#header .utillD{display:none;}

#header .mt_top_btn{float:left;position:absolute;top:0px;left:5px;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_search{padding:5px 0px;} 
#header .mt_top_btn a.mt_menu{border:1px solid #fff; border-radius:2px;color:#fff; padding:3px 6px !important;}
#header .mt_top_btn2 {position:absolute;top:12px;right:38px;}
#header .mt_top_btn3 {position:absolute;top:15px;right:4px;width:28px;height:26px;}
#header .mt_top_btn3 a.mt_scont, #header .mt_top_btn3 a.mt_scontclose {width:24px;height:22px;line-height:14px;border:1px solid #fff; border-radius:2px;padding:3px 6px !important;}

#header #gnb {font-family:'OpenSansBold', 'NanumBarunGothic';display:none; width:100%; padding:0px 0; }
#header #gnb .panel-group{margin-bottom:0;}
#header #gnb .panel{margin-top:0px; box-shadow:0 0 0; border-left:0; border-right:0; border-top:0; border-radius:0; border-bottom:1px solid #e2e3e2;}
#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; font-weight:bold; color:#15303f; padding:8px 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:#394044;}
#header #gnb .panel-heading .panel-title a.active{color:#fff; padding:8px 20px 8px 34px; background:#394044;}
#header #gnb .panel-heading .panel-title a.active .glyphicon{color:#fff;}
#header #gnb .panel-body{padding:8px 0 12px 0; border:0; background:url(/resources/images/nav_bg.png) center top no-repeat #5a646a;}
#header #gnb .panel-body a{display:block; color:#dee0e1; padding:2px 16px 2px 34px;}
#header #gnb .panel-body a:hover{color:#fff;}

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

#container {position:relative; width:100% !important;left:0px !important; padding:0px !important; margin:0;}
#container-srch {position:relative; width:100%; padding:0px; margin:0;}
 

/* */
.tit_nav{display:block; padding:0px; margin:24px 10px;height:40px;border-bottom:2px solid #4b5663; overflow:hidden;}
.tit_nav .col-xs-12{padding:0px;}
.tit_nav h1{font-family:NanumBarunGothic; font-size:20px; font-weight:bold; color:#000; text-align:left; padding:0px 0 0px 0; z-index:30;}

/* */
#location_wrap{display:none;}
.sns_right_box .sns {background:url("/resources/images/ico/sns_icon.png") no-repeat scroll center 0px;border:1px solid #bbb;border-radius:4px;
					 display:inline-block;width:30px;height:30px !important;margin:-33px 0 0 0;float:right;text-align:right;}
.sns_right_box .sns:hover {background:url("/resources/images/ico/snsov_icon.png") no-repeat scroll center 0px #fc6666;border:0px;border-radius:4px;
					 display:inline-block;width:30px;height:30px;margin:-30px 0 0 0;float:right;text-align:right;}					 
.mt .sns_right_box {height:20px;}

/* */
.content_body{clear:both; padding:0px 10px 10px 10px; margin:-30px 0 20px 0; overflow:hidden;}

#noticeWrap{display:none;}

.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%; 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;}


.btn_top{display:none;}

.right_nav{display:none; float:left; width:200px;}

/* */
.satisfaction{display:none;clear:both; margin:0 10px 15px 10px; background:#fff; border:1px solid #ddd;}
.satisfaction .satisfaction_star{display:none; }
.satisfaction .represent{display:block; padding:7px 15px 10px 15px; border-top:0px solid #e2e2e2; background:#f9f9f9;}

/* sub_all_menu */
.sub_all_menu{display:none !important;}

/* footer */
.footer {background:#45505d;clear:both; width:100%; padding:10px;}
.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 a .glyphicon {margin:2px 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 .sns_box a {width:24%;display:inline-block;}

.footer .link_box2{margin:0 0 10px 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_box2 a {width:24%;display:inline-block;}
.footer .copy{padding:0;}
.footer .address{clear:both; font-size:11px; color:#eee; padding:0px 0; line-height:16px; margin-bottom:0px;}
.footer .copyright{font-size:11px; color:#cecece; padding:0;}
.footer .site_bn{text-align:right; padding-bottom:10px; margin-top:-20px;}
.footer .site_bn img{margin-left:15px;}

/* pc우측컨텐츠 */
.right_mcont_block {display:inline-block;background:#f5f5f5;border-bottom:1px solid #0ca6b7;width:100%; height:480px;padding:15px;
					position:absolute;top:55px;z-index:999;}
					
/* 소셜 스토리 */
.sns_story_wrap {position:relative; width:300px; height:240px;margin:15px auto 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;}
.sns_story_wrap ul li img {/* width:20px; */}
 
.snscheck_facebook {position:absolute;top:22px;left:30px;
		background:url(/resources/images/layout/snscheck3.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_twitter {position:absolute;top:22px;left:105px;
		background:url(/resources/images/layout/snscheck3.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_youtube {position:absolute;top:22px;left:180px;
		background:url(/resources/images/layout/snscheck3.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_blog {position:absolute;top:22px;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;} 

/* facebook 소셜정보 */
.facebook-drop {position:absolute;top:30px; width:100%; height:223px;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;color:#39579a;padding:7px 10px;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:-28px;}
.facebook-drop iframe,.facebook-drop .fb_iframe_widget iframe, .facebook-drop iframe ._2p3a {width:100% !important}
.facebook-drop .fb-like {position:absolute;top:30px;left:215px;z-index:99;}

/* twitter 소셜정보 */
.twitter-drop {position:absolute;top:35px;margin:0 0 10px 10px;width:280px; height:203px;overflow-x:hidden;overflow-y:scroll;border-radius:4px;}
.twitter-drop h4 {color:#22a8df;padding:5px;margin-bottom: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: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 .twitter-follow-button {visibility:visible !important;position:absolute !important;top:5px; left:200px;width:80px !important;height:30px !important;z-index:99;}

/* youtube 소셜정보 */
#smyoutube .youtubebtn {position:absolute;top:5px;right:10px;width:90px;height:30px;}
.youtube-drop {position:absolute;top:35px;margin:0 0 0 10px;width:280px;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: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 {position:absolute;top:35px;margin:0 0 0 10px;width:280px;height:203px;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 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;}

/* cardview sns */
.foo_txt .sns_share {width:130px !important;display:block !important;margin:5px auto 30px !important;}

.main_sns{/* float:left; */ width:300px; bottom:0; margin:0px auto;background:#fff; overflow:hidden;}
.main_sns .nav-tabs {margin:0;}
.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{background:#fff;color:#fd5c5c;border-bottom:0px;border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:2px solid #fd5c5c; border-radius:0;}
.main_sns .nav-tabs li.active a{background:#fff;color:#fd5c5c;border-bottom:0px;border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:2px solid #fd5c5c;border-radius:0; }

.main_sns .tab-content{border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;height:135px;padding:5px 10px;margin:0px;}
.main_sns .tab-content ul li {line-height:24px;width:100%;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_sns .tab-content #twitterImg{width:100%;}  

/* 캡챠 */
.visit #visitinfo .captcha a {/* border:1px solid #0ca6b7;border-radius:4px;margin:3px; */text-decoration:underline;padding:4px;color:#444;font-size:12px;text-align:center;}
#captchaFrom .captchaImg {float:left;width:30%;}
#captchaFrom .captchaInput {float:left;width:65% !important;margin:7px 5px !important;}
#captchaFrom .captcha-defalt {float:left;width:25% !important;margin:7px 5px !important;}
#captchaFrom .captcha-btn {margin:7px 5px !important;display:inline-block !important;}

}

 
/* Tablets, 768px */
@media (min-width: 768px) and (max-width: 1170px) {
	
.mt{display:inline-block;}
.web, .right_content_block1 {display:none !important;}
.snsktalk {display:none !important;}

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

.visit {margin:20px 0 0 0;}
.visit #visitinfo .captcha a {text-decoration:underline;}

.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:#22343e;border-radius:0px;}
.mt_menu_box .panel .panel-heading .panel-title{font-size:14px;}
.mt_menu_box .panel .panel-heading .panel-title a{display:block; color:#fff; padding:15px 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:7px 20px; border-bottom:1px solid #0a919f; background:#0ca6b7;}
 
/* */
#header{/* position:fixed; */top:0px;width:100%;height:57px;border-bottom:1px solid #005963; background:#0ca6b7;z-index:999;}
#header .header_box{width:100%;padding:0 30px; margin:0 auto;}

#header h1{float:none; display:block; text-align:center; padding:3px 5px 5px 15px; width:50%;margin:0px auto;color:#fff;font-size:20px;}
#header h1 a{display:block;}
#header h1.menulogo {margin-top:5px;padding-bottom:13px;border-bottom:1px solid #0a1921;width:100%;margin-bottom:0px;min-width:150px;}

#header .utillD{display:none;}

#header .mt_top_btn{float:left; position:absolute;/* position:fixed; */top:0px; margin:15px 15px 0 0;border:1px solid #ddd;border-radius:4px;}
#header .mt_top_btn a{display:inline-block; /* height:26px; */padding:3px 7px;line-height:18px;margin:1px 0 0 0; } 
#header .mt_top_btn a:active{line-height:19px;margin:2px 0 0 0; } 
#header .mt_top_btn a.mt_search{padding:3px 0px;} 
#header .mt_top_btn a.mt_menu{color:#fff;}
#header .mt_top_btn2 {position:absolute;top:14px;right:7%;text-align:right;float:right;}
#header .mt_top_btn3 {position:absolute;top:16px;right:3%;width:28px;}
#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; width:100%; padding:0px 0; }
#header #gnb .panel-group{margin-bottom:0;}
#header #gnb .panel{margin-top:0px; box-shadow:0 0 0; border-left:0; border-right:0; border-top:0; border-radius:0; border-bottom:1px solid #e2e3e2;}
#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; font-weight:bold; color:#15303f; padding:8px 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:#394044;}
#header #gnb .panel-heading .panel-title a.active{color:#fff; padding:8px 20px 8px 34px; background:#394044;}
#header #gnb .panel-heading .panel-title a.active .glyphicon{color:#fff;}
#header #gnb .panel-body{padding:8px 0 12px 0; border:0; background:url(/resources/images/nav_bg.png) center top no-repeat #5a646a;}
#header #gnb .panel-body a{display:block; color:#dee0e1; padding:2px 16px 2px 34px;}
#header #gnb .panel-body a:hover{color:#fff;}

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

#container {position:relative; width:100% !important;left:0px !important; padding:0 30px !important;/* border-top:1px solid #0a919f; *//* margin:378px auto 0; */margin:0 auto;}
#container-srch {position:relative; width:100%; padding:0 30px;/* border-top:1px solid #0a919f; */ margin:0 auto;}

/* */
.tit_nav{display:block; padding:0px; margin:24px 0px;height:40px;border-bottom:2px solid #4b5663; overflow:hidden;}
.tit_nav .col-xs-12{padding:0px;}
.tit_nav h1{font-family:NanumBarunGothic; font-size:20px; font-weight:bold; color:#000; text-align:left; padding:0px 0 0px 0; z-index:30;}

/* */
#location_wrap{display:none;}
.sns_right_box .sns {background:url(/resources/images/ico/sns_icon.png) no-repeat scroll center 0px;border:1px solid #bbb;border-radius:4px;
					 display:inline-block;width:30px;height:30px;margin:-33px 0 0 0;float:right;text-align:right;}
.sns_right_box .sns:hover {background:url(/resources/images/ico/snsov_icon.png) no-repeat scroll center 0px #fc6666;border:0px;border-radius:4px;
					 display:inline-block;width:30px;height:30px;margin:-33px 0 0 0;float:right;text-align:right;}					 
.mt .sns_right_box {height:20px;}

/* */
.content_body{clear:both; padding:0px; margin:-50px 0 20px 0; overflow:hidden;}

#noticeWrap{display:none;}

.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%; 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;}


.btn_top{display:none;}

.right_nav{display:none; float:left; width:200px;}

.right_mcont_block {display:inline-block;background:#f5f5f5;border-bottom:1px solid #0ca6b7;width:100%;height:290px;padding:10px;
					position:absolute;top:55px;z-index:999;}


.right_content_block {display:none !important;}
.right_content_block {width:100%;position:fixed;top:56px;background:#f5f5f5;border-bottom:1px solid #0ca6b7;padding:10px;}
.right_content_wrap {width:750px;margin:0 auto;}
.container { background:#fff;z-index:300;}

/* 인기포스트 */
.popular_post_wrap {position:relative; float:left; width:48%; margin:0;padding:5px 20px; background:transparent; overflow:hidden;}
.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 h3 {color:#222;}
.popular_post_wrap .popup_title {position:absolute;z-index:99;left:20px;top:33px;padding:1px 5px;background:#3f3f3f;color:#fff;font-size:11px;}
.popular_post_wrap .popup_list_title {margin:10px 0 0 0;line-height:16px;}
.popular_post_wrap .popup_list_title a {color:#444;}
.popular_post_wrap .icon-pause {background:url(/resources/images/layout/glyphicons-halflings-m.png) no-repeat;
								background-position:-288px -72px;}


.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:47.5%; 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 {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{}
.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;}

.right_mcont_wrap {width:670px;margin:0 auto;}
/* 소셜 스토리 */
.sns_story_wrap {position:relative;float:left; width:320px;height:240px;margin:15px 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 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;}
.sns_story_wrap ul li img {/* width:20px; */}
 
.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;} 

/* facebook 소셜정보 */
.facebook-drop {position:absolute;top:30px;left:8px; width:95%;height:210px;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:11px 10px;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:-20px;}
.facebook-drop .fb-like {position:absolute;top:26px;left:235px;z-index:99;}

/* twitter 소셜정보 */
.twitter-drop {position:absolute;top:30px;margin:0 0 0 10px;width:305px;height:208px;overflow-x:hidden;overflow-y:scroll;border-radius:4px;}
.twitter-drop h4 {color:#22a8df;padding:5px;border-bottom:1px solid #eee;font-size:16px;margin-bottom:5px;}
.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 .twitter-follow-button {visibility:visible !important;position:absolute !important;top:7px; left:220px;width:80px !important;height:30px !important;z-index:99;}

/* youtube 소셜정보 */ 
#smyoutube .youtubebtn {position:absolute;top:5px;right:10px;width:90px;height:30px;}
.youtube-drop {position:absolute;top:30px;margin:0 0 0 10px;/* width:45%; */width:305px;height:208px;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 {position:absolute;top:30px;margin:0 0 0 10px;width:305px;height:208px;overflow-y:scroll;border-radius:4px;}
.blog-drop h4 {background:#fff;z-index:99;color:#2db400;display:inline-block;/* position:fixed; */width:100%;padding:5px;border-bottom:1px solid #eee;font-size:16px;}
.blog-drop h4 span {margin:0 0 0 55%;}
.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:95%;/* 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: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;}

.youtube_wrap {width:650px;margin:0 auto;}
.youtube_wrap iframe {width:100%;height:400px;min-width:600px;}

.main_sns{float:left; /* width:48%; */width:320px; bottom:0; margin:15px 10px;background:#fff; overflow:hidden;}
.main_sns .nav-tabs {margin:0;}
.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{background:#fff;color:#fd5c5c;border-bottom:0px;border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:2px solid #fd5c5c; border-radius:0;}
.main_sns .nav-tabs li.active a{background:#fff;color:#fd5c5c;border-bottom:0px;border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:2px solid #fd5c5c;border-radius:0; }

.main_sns .tab-content{border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;height:210px;padding:20px;margin:0px;}
.main_sns .tab-content ul li {line-height:34px;width:100%;height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_sns .tab-content #twitterImg{width:100%;}


/* */
.satisfaction{display:none;clear:both; margin:0 0px 20px 0px; background:#fff; border:1px solid #ddd;}
.satisfaction .satisfaction_star{display:none;}
.satisfaction .represent{display:block; padding:7px 25px 10px 25px; border-top:0px solid #e2e2e2; background:#f9f9f9;}

/* sub_all_menu */
.sub_all_menu{display:none !important;}

/* footer */
.footer {position:relative;z-index:889;background:#45505d;clear:both; width:100%; padding:10px 30px;}
.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 a .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;}
.footer .link_box2 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_box2 a:last-child {background:none;}		
.footer .link_box2 a:hover{color:#05b1c4;} 

.footer .sns_box a {width:18%;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:#cecece; 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;}

.grid .w1, .grid .w1 img {width:200px !important;}
.grid .w2, .grid .w2 img {width:415px !important;}
.grid .w3, .grid .w3 img {width:630px !important;}
.grid .w4, .grid .w4 img {width:845px !important;}
}


/* Tablets_2, 970px */
@media (min-width: 970px) {
	
#header .header_box{width:100%;padding:0 30px; margin:0 auto;}

#container {position:relative; width:100%; /* padding:0 30px !important; */ /* margin:390px auto 0 auto; */margin:0 auto;left:0px;/* border-top:1px solid #0a919f; */}
#container-srch {position:relative; width:100%; padding:0 30px; margin:0 auto;/* border-top:1px solid #0a919f; */}

.visit {margin:20px 0 0 0;}

.right_content_block {width:100%;height:400px;position:fixed;top:56px;background:#f5f5f5;/* border-bottom:1px solid #0ca6b7; */padding:10px;}
.right_content_wrap {width:950px;margin:0 auto;}
.container { background:#fff;z-index:300;}

/* 인기포스트 */
.popular_post_wrap {position:relative; float:left; width:450px; margin:0;padding:5px 20px; background:transparent; overflow:hidden;}
.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 h3 {color:#222;}
.popular_post_wrap .popup_title {position:absolute;z-index:99;left:20px;top:33px;padding:1px 5px;background:#3f3f3f;color:#fff;font-size:11px;}
.popular_post_wrap .popup_list_title {margin:10px 0 0 0;line-height:16px;}
.popular_post_wrap .popup_list_title a {color:#444;}

.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:47.5%; 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 {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{width:400px;}
.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;}

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

.main_sns{float:left; width:320px;background:#fff; border-bottom:1px solid #dedede; bottom:0; margin:15px; overflow:hidden;}
.main_sns .nav-tabs {margin:0;}
.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{background:#fff;color:#fd5c5c;border-bottom:0px;border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:2px solid #fd5c5c; border-radius:0;}
.main_sns .nav-tabs li.active a{background:#fff;color:#fd5c5c;border-bottom:0px;border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:2px solid #fd5c5c; border-radius:0; }

.main_sns .tab-content{height:210px;padding:20px;margin:-1px 0 0 0px;border-left:1px solid #dedede;border-right:1px solid #dedede;}
.main_sns .tab-content ul li {line-height:34px;}
.main_sns .tab-content #twitterImg{width:100%;}

.grid .w1, .grid .w1 img {width:200px !important;}
.grid .w2, .grid .w2 img {width:415px !important;}
.grid .w3, .grid .w3 img {width:630px !important;}
.grid .w4, .grid .w4 img {width:845px !important;}
 
}

/* 1170px */
@media (min-width:1170px) {

body{margin:0; padding:0; background:#fcfcfc;}

.mt_menu_box{display:none;}
.mt{display:none !important;}
.web{display:inline-block;font-family:"NanumBarunGothic";}
.snsktalk {display:none !important;}
	
#wrap{/* width:1440px; */width:100%;margin:0 auto;height:auto !important; height:100%; min-height:100%; overflow:hidden; position:relative; background:#fff;}
.snsimg_wrap {position:absolute;top:4px !important;left:4px !important; }

.visit #visitinfo .captcha a {text-decoration:underline;}

/* */
#header{float:left; position:fixed;  width:230px; height: 100%; min-height:800px; height:100%; border-bottom:0;
		box-shadow:0 1px 5px 1px rgba(0, 0, 0, 0.2); background:#0CA6B7; z-index:5;}
#header .header_box{/* position:fixed; */width:230px;height:100%; margin:0;padding:0;}
#header h1{display:block; width:230px;height:110px; text-align:center;padding:30px 5px 20px 5px;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', 'NanumBarunGothic';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; 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 #063237; background:#004f5e;}
#header #gnb .panel-heading .panel-title a.active .glyphicon{color:#fff;}
#header #gnb .panel-body{padding:0px 0 5px 0; border:0; background:#004f5e;}
#header #gnb .panel-body a{display:block; font-size:12.5px; 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 #gnb .panel-body ul li {padding:3px 0;}

#header .search_box, 
#header .sns_box,
#header .link_box,
#header .Contact_btn{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 {margin:5px 0 0 0;color:#fff;font-size:12px;line-height:20px;}
#header .search_box .search_tag a {color:#fff;}

#header .sns_box{width:154px; margin:0 25px 8px 26px;}
#header .sns_box a{margin:0 0px;}

#header .link_box{margin:0 25px 0px 23px;}
#header .link_box a{display:block; width:157px; color:#e2f2ff; font-size:12px; text-align:left; padding:0px 0px 0 10px; vertical-align:middle; }
#header .link_box a:hover{color:#fff;}
#header .link_box a.blue{font-family:NanumBarunGothicBold; color:#3ce1ff;}
#header .link_box a.blue:hover{color:#fff;}
#header .link_box a.white{font-family:NanumBarunGothicBold; color:#e1fbff;}
#header .link_box a.white:hover{color:#fff;}

#header .Contact_btn{position:absolute; bottom:70px;}
#header .Contact_btn a{display:block; width:157px; height:30px; font-size:12px; color:#e2f2ff; text-align:center; margin:0 0 -1px 23px; padding:3px 0px 2px 10px; vertical-align:middle; border:1px solid #247bc5; background:none; overflow:hidden;}
#header .Contact_btn a:hover{color:#fff; border:1px solid #394044; background:#394044;}
#header .Contact_btn a:hover .glyphicon{color:#666c8f;}
#header .Contact_btn a .glyphicon{color:#94bee2; padding:0px 3px 0px 0px; margin:5px 5px 0 -10px;}
#header .Contact_btn .modal-header{border-bottom:1px solid #fff;}
#header .Contact_btn .modal-header h2{float:left; width:50%; margin:0 0 0 6px;}
#header .Contact_btn .modal-header .close{float:right; font-size:30px;}
#header .Contact_btn .modal-body{clear:both; padding:0px 15px 15px 15px; overflow:hidden;}
#header .Contact_btn .modal-body a{float:left; width:32.1%; height:70px; border:1px solid #eee;  padding:5px 7px;  margin:5px 5px;}
#header .Contact_btn .modal-body a:hover{ border:1px solid #aaa; background:#fff;}
#header .Contact_btn .modal-body a img{width:auto;}

#header .logo_bn_box{display:block; position:absolute; bottom:20px; width:154px; margin:0 25px 0px 23px;}

.modal-lg-1200 {width:90% !important;}
/* .modal-lg-1200 .modal-imgview img {width:95%;} */
.board_body table {width:100% !important;}

/* 인기 포스트 */
.popular_post_wrap{position:relative; float:none; width:100%; height:270px; padding:35px 30px;margin:0px; background:#4b5663; overflow:hidden;}
.popular_post_wrap h3 {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;top:206px;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-m.png) no-repeat;background-position:-264px -72px;}


/* 소셜 스토리 */
.sns_story_wrap {position:relative;width:100%;color:#fff !important;/* padding:30px 30px 20px 30px; */margin:0px;border:0px;}
.sns_story_wrap h3 {color:#fff;font-size:15px;font-weight:normal;}
.sns_story_wrap h3 strong {font-size:16px;font-weight:bold;}
.sns_story_wrap ul {margin:0px 0 0 0;}
.sns_story_wrap ul li {font-size:12px;display:inline-block;margin:0;}
.sns_story_wrap ul li a {color:#e3e5e9;float:left;}
.sns_story_wrap ul li a:hover {color:#fff;}
.sns_story_wrap ul li span {display:inline-block;width:142px;height:38px;line-height:18px;overflow:hidden;padding:0 0 0 10px;}
.sns_story_wrap ul li img {/* width:30px; */}

 
/* 내가 본, 최근 포스트 */
.main_sns{float:none; width:100%; margin:0 0 0px 0;padding:0px;border:0px;}
.main_sns .nav-tabs {margin:0px;}
.main_sns .nav-tabs li a{display:block; color:#c0c5cb; padding:9px 15px; border:0px;border-right:1px solid #505b6b; border-radius:0; background:#45505d;}
.main_sns .nav-tabs li a:hover,
.main_sns .nav-tabs li a:focus{border:0 !important; border-radius:0;border-right:1px solid #505b6b;color:#f28b93;background:#3d4855; }
.main_sns .nav-tabs li.active a {border:0; border-radius:0;color:#fd5c5c;background:#fff !important; } 
.main_sns .tab-content{height:150px;background:#4b5663;color:#c6c8cb;font-size:12px;padding:13px 29px;}
.main_sns .tab-content ul li {width:180px;height:18px;line-height:18px;padding:0;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } 
.main_sns .tab-content ul li a{color:#c6c8cb;margin-left:5px;}
.main_sns .tab-content ul li a:hover {color:#fff;}
.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;}

/* 견학안내 바로가기 배너 */
.company_visit_wrap {background:url(/resources/images/layout/comvisit_bg.png) 160px 55px no-repeat #45505b;margin:-10px 0 0 0;
					 letter-spacing:-0.3px;color:#fff;display:inline-block;width:100%;height:120px;padding:25px 30px;}
.company_visit_wrap h3 {color:#fff;font-size:14px;}
.company_visit_wrap p {font-size:11px;margin:0px;}
.company_visit_wrap a {font-size:11px;color:#fff;border:1px solid #fff;padding:2px 10px;}

 
.sns_right_box{ text-align:right; margin:0 0 5px 0; }
.sns_right_box a{ display:inline-block; width:26px; height:26px; padding:6px 0px; vertical-align:middle;}
.sns_right_box .facebook{background:url(/resources/images/btn_facebook.png) center top no-repeat;}
.sns_right_box .twitter{background:url(/resources/images/btn_twitter.png) center top no-repeat;}
.sns_right_box .print{background:url(/resources/images/btn_print.png) center top no-repeat;}
.sns_right_box .facebook:hover{background:url(/resources/images/btn_facebook_on.png) center top no-repeat;}
.sns_right_box .twitter:hover{background:url(/resources/images/btn_twitter_on.png) center top no-repeat;}
.sns_right_box .print:hover{background:url(/resources/images/btn_print_on.png) center top no-repeat;}
  
/* right contetn */
.right_content_block{display:block;clear:none;background:url(/resources/images/layout/right_bg.gif) repeat-y; /* position:relative !important; */position:fixed;float:left;top:0px !important;right:0px;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;
					behavior:url(/resources/css/ie-css3.htc);border:1px solid #ddd;width:237px; height:100%;}

.rightbtn {/* position:absolute; */position:fixed;z-index:999;top:30px;/* left:-20px; */right:225px;display:inline-block;width:30px;height:30px;border-radius:50px;background:#7f8686;padding:4px 5px 5px 5px;}
.rightbtn .rbtn_opn{border:0px;background:transparent; }
.righthidebtn {/* position:absolute; */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;}
.righthidebtn .rbtn_cls {border:0px;background:transparent; }

/* 인기 포스트 */
.popular_post_wrap{position:relative; float:none; width:100%; height:270px; padding:35px 30px;margin:0px; background:#fff; overflow:hidden;z-index:1;}
.popular_post_wrap h3 {color:#222;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;top:200px;line-height:18px;}
.popular_post_wrap .popup_list_title a {font-size:12px;color:#666;}
.popular_post_wrap .popup_list_title a:hover {color:#222;} 

.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/mbtn_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;}

/* 소셜 스토리 */ .sns .kakaotalk {display:none;}

.sns_story_wrap {display:block;position:relative;width:100%;background:#f7f7f7;color:#666 !important;height:350px;margin:0px;padding:0;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:3px 0 0 15px;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;}
.sns_story_wrap ul li img {/* width:30px; */}

.snscheck_facebook {position:absolute;top:30px;left:22px;
		background:url(/resources/images/layout/snscheck2.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_twitter {position:absolute;top:30px;left:82px;
		background:url(/resources/images/layout/snscheck2.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_youtube {position:absolute;top:30px;left:140px;
		background:url(/resources/images/layout/snscheck2.png) 0 0 no-repeat;display:block;width:16px;height:8px;}
.snscheck_blog {position:absolute;top:30px;left:200px;
		background:url(/resources/images/layout/snscheck2.png) 0 0 no-repeat;display:block;width:16px;height:8px;}	
		
.sf.active {float:left;background:#3b599a;display:inline-block;width:58px;height:37px;}
.st.active {float:left;background:#29ade3;display:inline-block;width:59px;height:37px;}
.sy.active {float:left;background:#cb2028;display:inline-block;width:59px;height:37px;}
.sb.active {float:left;background:#2db400;display:inline-block;width:59px;height:37px;}

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

/* facebook 소셜정보 */
.facebook-drop {position:absolute;top:35px;left:-4px;padding:0px;width:235px;height:315px;border:0px;}
.facebook-drop blockquote {border:0px;font-size:14px;padding:0px;}
.facebook-drop h4 {color:#3a599a;padding:5px 10px;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;}
.facebook-drop span {color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.facebook-drop .nfrititle {color:#373737;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:#373737;}
.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 {height:300px !important;}

/* twitter 소셜정보 */
.twitter-drop {position:absolute;top:37px;left:0px;padding:0px;width:235px;height:310px;overflow-y:scroll;border:0px;}
.twitter-drop img {height:310px;}
.twitter-drop h4 {position:fixed;background:#f7f7f7;width:210px;color:#24ace3;z-index:99;padding:7px 0 7px 10px;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;}
.twitter-drop span {color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.twitter-drop .nfrititle {color:#373737;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:#373737;}
.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 {/* height:310px !important; */position:absolute !important;top:35px;z-index:9;width:198px !important;margin:10px 10px 0 10px;}
.twitter-drop .twitter-follow-button {visibility:visible !important;position:fixed !important;top:222px; right:10px;width:65px !important;height:30px !important;z-index:99;}

/* youtube 소셜정보 */
#syoutube .youtubebtn {/* position:absolute;top:5px; */position:fixed;top:233px;right:21px;width:90px;z-index:100;}
.youtube-drop {position:absolute;top:40px;left:0px;padding:0px;width:233px;height:307px;overflow-x:hidden;overflow-y:scroll;z-index:999}
.youtube-drop h4 {position:fixed;background:#f7f7f7;width:210px;margin-left:5px;z-index:99;color:#cb2028;padding:5px;border-bottom:1px solid #eee;font-size:16px;}
.youtube-drop .sns_wrap {margin:40px 0 10px 0;}
.youtube-drop .sns_group {position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:200px;/* height:120px; */}
.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: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:40px;left:0px;padding:0px;width:233px;height:307px;overflow-y:scroll;border:0px;}
.blog-drop h4 {position:fixed;background:#f7f7f7;width:210px;margin-left:5px;color:#2db400;padding:5px;border-bottom:1px solid #eee;font-size:16px;z-index:99;}
.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:232px;right:25px;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 .sns_wrap {margin:40px 0 10px 0;}
.blog-drop .sns_group {position:relative;border-bottom:1px solid #e8e8e8;margin:10px;padding:10px 0;width:200px;/* 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 .nfriname a:hover {color:#2db400;}
.blog-drop span {color:#818181;font-size:12px;font-weight:normal;height:15px !important;padding:0 0 0 5px !important;}
.blog-drop .nfrititle {color:#818181;font-size:12px;margin:5px 0 0 5px;width:170px;line-height:18px;height:33px;overflow:hidden;white-space:normal;}
.blog-drop .nfrititle a {color:#818181;}
.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;}

#container {position:relative;border:0px; min-width:640px; min-height:1000px;width:70%;margin:0 auto; /* float:left; margin-left:230px;  */ z-index:2;}
#container.pd230 {padding-left:230px !important;background-size:30%;}
#container-srch {position:relative;border:0px; padding:0 50px; min-height:1000px;/* width:970px; */width:65%; margin:0 auto; /* float:left; margin-left:230px;  */ z-index:2;}

/* */
.tit_nav{display:block; padding:0px; margin:5px 0 7px 0; overflow:hidden;}
.tit_nav .col-lg-12 {padding:0px;margin:0px;}
.tit_nav h1{font-family:NanumBarunGothic; font-size:30px; font-weight:bold; color:#000; text-align:left; padding:25px 0 0px 0; z-index:30;}

/* */
#location_wrap{display:block; font-size:12px; color:#666; text-align:left; margin:6px 0 0 0;padding:0px;border-bottom:2px solid #4b5663;}
#location_wrap div {padding:0px;}
#location_wrap ul{clear:both;}
#location_wrap ul li:first-child{background:none;padding-left:0px;}
#location_wrap ul li { display:inline-block;font-size:13px; letter-spacing: 0.06em; padding:7px 0 7px 20px; background: rgba(0, 0, 0, 0) url(/resources/images/ico/icon_nav_arrow.png) no-repeat scroll 8px 50%;}
#location_wrap ul li.point {color:#e90c0c;}
#location_wrap ul li .glyphicon{color:#063237;}
#location_wrap ul li .glyphicon:hover {color:#fd5c5c}

#location_wrap .location{float:right; height:30px; margin:0 0 10px 0;}
#location_wrap .location .home{float:left;}
#location_wrap .location .dropdown{float:left;}
#location_wrap .location .home { color:#666;}
#location_wrap .location .home a,
#location_wrap .location .dropdown a{height:30px; display:block; color:#666; padding:5px 10px; overflow:hidden;}
#location_wrap .location .dropdown{height:42px;}
#location_wrap .location .dropdown a span{float:left;}
#location_wrap .location .dropdown a .caret{float:right; color:#bbb; margin-top:10px; margin-left:6px;}
#location_wrap .location .dropdown .dropdown-menu{border-top:1px solid #ececec; border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666;}
#location_wrap .location .dropdown .dropdown-menu > li > a{height:30px; padding:6px 20px;}

.sns_right_box{ text-align:right; margin:0 0 5px 0; }
.sns_right_box a{ display:inline-block; width:35px; height:35px; padding:6px 0px; vertical-align:middle;}
.sns_right_box .facebook{background:url(/resources/images/btn_facebook.png) center top no-repeat;}
.sns_right_box .twitter{background:url(/resources/images/btn_twitter.png) center top no-repeat;}
.sns_right_box .facebook:hover{background:url(/resources/images/btn_facebook_on.png) center top no-repeat;}
.sns_right_box .twitter:hover{background:url(/resources/images/btn_twitter_on.png) center top no-repeat;}
.sns_right_box .print:hover{background:url(/resources/images/btn_print_on.png) center top no-repeat;}

.sns_right_box .print{background:url(/resources/images/ico/print_icon.png) center 2px no-repeat;border:1px solid #bbb;border-radius:4px;width:35px;height:35px;vertical-align:middle;}
.sns_right_box .sns{background:url(/resources/images/ico/sns_icon.png) center 2px no-repeat;margin:0px 5px;border:1px solid #bbb;border-radius:4px;}
.sns_right_box .print:hover{background:url(/resources/images/ico/printov_icon.png) center 2px no-repeat #fc6666;border:0px;border-radius:4px;}
.sns_right_box .sns:hover{background:url(/resources/images/ico/snsov_icon.png) center 2px no-repeat #fc6666;margin:0 5px;border:0px;border-radius:4px;}

/* */
.content_body{clear:both;position:relative; min-height:470px; padding:-20px 35px 40px 35px; margin:0 0 20px 0; overflow:hidden;}

/* 뷰페이지 고정사이즈 지정 */
.board_fixed {width:800px;margin:0 auto;}
.board_fixed_wr {max-width:1000px !important;margin:0 auto;}

#noticeWrap{display:none;}

.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; 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; }

.btn_top{display:none; position:fixed; left:1200px; bottom:150px; z-index:1;}
 
.right_nav{display:none; float:left; width:200px;}

/* movie board_view */
.youtube_wrap {/* width:700px; */width:800px;margin:0 auto;}
.youtube_wrap iframe {width:100%;min-width:800px;height:550px;}

/* 내가 본, 최근 포스트 */
.main_sns{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-radius:0;/* border-right:1px solid #505b6b; */color:#fd5c5c;background:#fff; }
.main_sns .nav-tabs li.active a {border:0; border-radius:0;color:#f28b93;background:#3d4855; } 
.main_sns .tab-content{height:150px;background:#fff;color:#666;font-size:12px;padding:13px 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;}

/* 견학안내 바로가기 배너 */
/* .company_visit_wrap {background:url(/resources/images/layout/comvisit_bg.png) 160px 55px no-repeat #f5f5f5;margin:-10px 0 0 0;
					 letter-spacing:-0.3px;color:#666;display:inline-block;width:100%;height:120px;padding:25px 30px;}
.company_visit_wrap h3 {color:#222;font-size:14px;}
.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;} */
/* redesign */
.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;}


/* */
.satisfaction{clear:both; margin:0 0px 20px 0px; background:#fff; border:1px solid #ddd;}
.satisfaction .satisfaction_star{display:block;font-size:11px; height:40px; padding:10px 10px 12px 10px; line-height:20px;}
.satisfaction .satisfaction_star .star li{float:left; margin:0 19px 0 15px;}
.satisfaction .satisfaction_star .star li input{margin-top:0; vertical-align:middle;}
.satisfaction .satisfaction_star .star li label{font-weight:normal; margin-bottom:0px; vertical-align:middle;}
.satisfaction .satisfaction_star .star li label .glyphicon-star{color:#ca8441;}
.satisfaction .satisfaction_star .star li label .glyphicon-star-empty{color:#aaa;}
.satisfaction .satisfaction_star button{color:#fff; padding:2px 10px; border:0px; background:#4f4f51;}
.satisfaction .represent{font-size:12px;display:block; padding:7px 25px 10px 25px; border-top:1px solid #e2e2e2; background:#f9f9f9;}
.satisfaction .represent span {float:right;font-size:11px;color:#888;}

/* sub_all_menu */
.sub_all_menu{display:block !important; padding:15px 10px; margin:0px; border:1px solid #ddd; background:url(/resources/images/sub_all_menu_bg.png) center top no-repeat; overflow:hidden;}
.sub_all_menu .col-lg-2{width:16.6%;}
.sub_all_menu h2{font-size:13px; color:#666; line-height:30px;}
.sub_all_menu ul{font-size:12px;}
.sub_all_menu ul a{color:#666666;}
.sub_all_menu ul a:hover{text-decoration:underline;}


/* footer */ 
.footer {/* position:absolute; left:20px; */position:fixed; bottom:50px; width:230px;margin:0 0 0 20px; padding:0px; z-index:9; background:none;}
.footer .link{display:none;}
.footer .address{clear:both; font-size:11px; color:#9edbe2; padding:0px 0;width:200px;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{margin:0 10px;width:25px !important;}

} 

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

/* sns */
@media (max-width:768px) {
	body {min-width:300px;}
	.sns {height:140px !important;}	
	.sns li {float:left;width:45% !important;margin:0px;/*border-bottom:1px solid #eee; padding:10px 0 0 40px; */height:50px;line-height:37px;}
	.sns li button span.t {display:inline-block;width:70px !important;font-size:10px;line-height:12px;}
	
	.link {height:160px !important;}
	.link li {
	    /* border-bottom: 1px solid #eee; */
	    float: none !important;
	    height: 70px !important;
	    line-height: 37px;
	    margin: 10px auto !important;
	    padding: 0px !important;
	    width: 70% !important;
	    text-align:center; 	
		} 
	.link li a img {width:150px;}	
	.imgtype label {/* width:160px; */font-size:11px;} 
	
	.footer_mark {margin:0 0 10px 0;}
	
	/* 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;}
	.grid .grid-item .photo .overinfo {width:100% !important;}

	.youtube_wrap {width:320px;margin:0 auto;}
	.youtube_wrap iframe {width:100%;height:250px;min-width:300px;min-heigth:200px;}
	
	.snsimg_wrap {position:absolute;top:0px;left:-2px; }
} 
.sns {height:90px;}
.sns li {float:left;width:31%;margin:5px;/* border-bottom:1px solid #eee; */text-align:center;height:45px;line-height:30px;}
.sns li a {display:inline-block;height:29px;padding:0 1px;border-radius:4px;}
/* chrome hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.sns li a {display:inline-block;height:28px;padding:0 1px;border-radius:4px;}
	 
}
/* firefox hack */
@-moz-document url-prefix() {
	.sns li a {display:inline-block;height:30px;padding:0 1px;border-radius:4px;}
}
.sns li button {position:relative;padding:1px;border:0px;border-radius:4px;}
.sns li button img {width:25px !important;}
.sns li button span {background:#fff;padding:8px 8px 6px 8px;border-radius:4px;font-size:11px;font-weight:bold;}
.sns li button span.t {display:inline-block;width:80px;line-height:12px;}
.sns li button span.count {min-width:20px;max-width:80px;position:absolute;top:-14px;right:-10px;line-height:25px;background:#333;color:#fff;font-size:11px;padding:0 5px;height:25px;border-radius:20px;}
.sns .facebook button, .sns .facebook .count {background:#3b599a;}
.sns .facebook button span {color:#3b599a;}
.sns .twitter button, .sns .twitter .count {background:#29ade3;}
.sns .twitter button span {color:#29ade3;}
.sns .nblog button, .sns .nblog .count {background:#2db400;}
.sns .nblog button span {color:#2db400;}
.sns .kakaotalk button {background:#fcee2d;}
.sns .kakaotalk .count {background:#34151e;}
.sns .kakaotalk button span {color:#34151e;}
.sns .kakaostory button, .sns .kakaostory .count {background:#fac012;}
.sns .kakaostory button span {color:#fac012;}
.sns .youtube button, .sns .youtube .count {background:#cb2028;}
.sns .youtube button span {color:#cb2028;}

.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%;}
.link li a img {width:150px;}

 
/* 견학신청 */
.visit h2 {font-size:22px;color:#e90c0c;margin:20px 0 10px 0;}
.visit dt.visit01 {background:url(/resources/images/content/fusionnow/visit01.png) 0 10px no-repeat; }
.visit dt.visit02 {background:url(/resources/images/content/fusionnow/visit02.png) 0 10px no-repeat; }
.visit dt.visit03 {background:url(/resources/images/content/fusionnow/visit03.png) 0 10px no-repeat; }
.visit dt.visit04 {background:url(/resources/images/content/fusionnow/visit04.png) 0 17px no-repeat; }
.visit dt.visit05 {background:url(/resources/images/content/fusionnow/visit05.png) 0 10px  no-repeat; }
.visit dt {font-size:16px;color:#222;padding:15px 0 0 40px;height:50px;}
.visit dd {font-size:13px;color:#666;padding:0 0 0 40px;}
.visit .infofale {color:#999;font-size:11px;line-height:16px;margin:0 0 0 10px;}
.visit .bluet {color:#0ca6b7;font-size:11px;line-height:16px;}
.visit .pointr {color:#fd5c5c;}
.visit #visitinfo dl dd .pointr {/* color:#fd5c5c; */color:#fff;background:#fe8585;}

.visitlist {border-top:2px solid #004f5e;margin:0 0 15px 0;/* border-bottom:1px solid #dedede; padding:0 0 10px 0; */text-align:center;}
.visitlist .vhead {background:#f7f7f7;border-bottom:1px solid #ddd;}
.visitlist .vhead dt, .visitlist .vhead dd {font-size:14px;color:#444;font-weight:bold;}
.visitlist dl {display:inline-block;width:100%;height:50px;border-bottom:1px dotted #ddd;}
.visitlist dl dt {float:left;line-height:16px;font-size:13px;width:12%;}
.visitlist dl dd {float:left;line-height:16px;font-size:13px;width:22%;}
.visitlist dl dt button {font-size:13px;font-weight:normal;border:0px;background:transparent;line-height:16px; }
.visitlist dl dt button:hover {color:#0ca6b7;}
.visitlist dl dd {padding-top:15px;color:#666}
.visitlist .visitcanclebtn {background:#fd5c5c;color:#fff;}
.visitlist .visitcanclebtn:hover {background:#f34b4b;}
.visitlist .visitmodifybtn {background:#0ca6b7;color:#fff;}
.visitlist .visitmodifybtn:hover {background:#0399aa;}
.visitinqueryform {margin:30px 0 0 0;}
.modalbtn .btn {margin:10px 0 0 3px;}
.visitinquerybtn {background:#0ca6b7;color:#fff;margin:10px 0;}
.visitinquerybtn:hover {background:#008b9a;color:#fff;}

@media (max-width:768px) {
.pct {display:none;}
.right_content_block1, .datepick td div span {display:none !important;}
.m {width:200px;margin:10px auto;}
.visit .visitformbox .form-group {margin-bottom:15px !important;}
.popularsrch ul li {width:100% !important;}
.calendar_wrap {width:100% !important;margin:20px auto 30px !important;}
.visitmap_wrap .mapimg, .visitmap_wrap .mapcont {width:100% !important;}
.datepick td button {height:40px !important;}
.datepick td div {height:40px !important;padding:5px !important;font-size:12px;}
.datepick-header {font-size:18px !important;font-weight:bold;}
.visit h2 {font-size:18px !important;}
.calendar-links img {width:35px;}
.col-sm-12 {margin:3px 0;}
.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 {top:3px;padding-left:6px;}
.backbtn:hover, .forwardbtn:hover {background:#fd5c5c;}

.visitlist .vhead {font-size:12px;color:#444;font-weight:bold;padding:10px 0;height:35px;display:none;}
.visitlist dl {display:inline-block;width:100%;height:40px;border-bottom:1px solid #ddd;}
.visitlist dl dt {float:left;line-height:12px;font-size:11px;width:13%;padding:9px 0;}
.visitlist dl dd {float:left;line-height:12px;font-size:11px;width:29%;padding:9px 2px;}
.visitlist dl dd .visitcanclebtn {font-size:11px;padding:0 5px;display:none;}
.visitinquery {width:100% !important;background:url(/resources/images/content/fusionnow/visitbgicon.png) 10px 10px #f5f5f5 no-repeat !important;border:1px solid #eee;border-radius:4px;padding:10px !important;margin-top:15px !important;}
.visitinquery .txt {font-size:14px !important;line-height:18px !important;color:#4b5663;padding:5px 0 15px 70px !important;}
.visitinquery a {margin-left:35% !important;}
.modal .visit_tit {padding:10px 0 0 90px !important; font-size:13px!important;line-height:20px;color:#4b5663;height:80px;}
.modal .visit_modalwrap {padding:10px !important;}
.visit_modalwrap .form-group label {margin:7px 0 0 0;}
.visitmodifybtn, .visitcanclebtn, .visitinqueryform {display:none;}
}

@media (min-width:1170px) and (max-width:1600px) { 
	#container {position:relative;border:0px; min-width:640px; min-height:1000px;width:90%;margin:0 auto;z-index:2;}
	.board_fixed {max-width:640px !important;margin:0 auto;}
	.board_fixed_wr {max-width:760px !important;margin:0 auto;}
}

@media (min-width:768px) {
.m,.backbtn, .forwardbtn {display:none;}
.pct {/* width:715px; */margin:20px auto;}
.snsimg_wrap {position:absolute;top:0px;left:0px;}

.modal-lg-1200 {width:90%;}
/* .modal-lg-1200 .modal-imgview img {width:95%;} */
.board_body table {width:100% !important;}
}
.visit .right {text-align:right; margin:5px 0;}
.visit .visitformbox {border-top:2px solid #ff5b5c;padding:10px;}
.visit .visitformbox .form-group {display:inline-block;width:100%;margin:0px;padding:0 0 10px 0;border-bottom:1px solid #e5e5e5;}
.visit .visitformbox .form-group label {font-weight:normal;line-height:30px;}
.visit .visitformbox .form-control {background:#f3f9f9;font-size:12px;color:#999;border-radius:3px;border:1px solid #e6e7e7;}
.visit .visitformbox .form-control:focus{-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #F44336; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #F44336;}
.visit .excuboxwrap h3 {margin:30px 0 5px 0;}
.visit .excuboxwrap h3:first-child {margin:10px 0 5px 0;}
.visit .excuboxwrap label {line-height:20px !important;margin-top:10px;}
.visit .excubox {width:100%;height:100px;overflow-y:scroll;padding:10px;}
.visit .excubox dl dt {font-size:14px;color:#555;font-weight:400;margin:7px 0;padding:0;height:20px;}
.visit .excubox ul li, .visit .excubox dl dd {font-size:14px;color:#666;line-height:22px;padding:0 0 0 10px;}

/* 견학캘린더 */
.calendar_wrap {width:650px;margin:50px auto;}
.calendar_info {margin-top:10px;}
.calendar_info ul li {background:url(/resources/images/content/fusionnow/visit_bl.gif) 2px 9px no-repeat;padding:0 0 0 10px;color:#666;font-size:12px;}
.datepick-header {text-align:center;margin:10px 0;color:#45505d;font-size:22px;}
.datepick {border:1px solid #cfd6d7;width:100%;margin:0 auto;}
.calendar-links {position:relative;}
.calendar-links .datepick-prev {position:absolute;top:0px;left:0px;}
.calendar-links .datepick-next {position:absolute;top:0px;right:0px;}
.datepick thead {background:url(/resources/images/content/fusionnow/calendar_thbg.gif) repeat-x #fd5c5c;}
.datepick th {text-align:center;/* background:#45505d; */color:#fff;height:40px;font-weight:normal;font-size:16px;border-right:1px solid #fff;}
.datepick th, .datepick td {width:14.2%;}
.datepick td {text-align:left;border-bottom:1px solid #cfd6d7;border-right:1px solid #cfd6d7;}
.datepick td div {height:70px;padding:10px;}
.datepick td div span {display:inline-block;width:100%;font-size:11px;font-weight:normal;color:#999;}
.datepick td button:hover span {color:#fff !important;}
.datepick td a {display:inline-block;width:100%;height:100%;color:#0ca6b7;font-weight:bold;}
.datepick td button {text-align:left;display:inline-block;width:100%;height:70px;color:#45505d;font-weight:bold;border:0px;background:transparent;}
.datepick td button:hover {/* background:#fe7474; */background:#7e8d95;color:#fff;border:1px dashed #063237;}
.datepick td a:hover, .datepick td a .active {background:#0ca6b7;color:#fff;}
.visitmap_wrap .mapimg {width:100%;margin:10px auto;}
.visitmap_wrap img {width:100%;border:1px solid #eee;}
.visitmap_wrap ul li {background:url(/resources/images/content/fusionnow/visit_bl.gif) 2px 9px no-repeat;padding:0 0 0 10px;color:#666;font-size:12px;}
.visitmap_wrap .mapcont {background:#f5f5f5;border:1px solid #eee;width:100%;margin:10px auto;padding:10px;}
.visitmap_wrap .mapdetail {background:#fff;border:1px solid #dedede;border-radius:4px;font-size:12px;width:70px;text-align:center;display:inline-block;margin:5px;padding:0 5px;}
.visitlist .nolist {font-size:16px;/* font-weight:bold;color:#0ca6b7; */margin:10px 0;padding:0 0 10px 0;border-bottom:1px solid #eee;}
.purposetxt {font-size:12px;}
.purposetxt span {color:#fd6464;}
.purposenum {border:0px;color:#FF5B5C;font-weight:bold;background:transparent;margin:0 0 0 10px;width:25px;}
.visitinquery {background:url(/resources/images/content/fusionnow/visitbg.png) no-repeat;padding:100px;width:700px;margin:0 auto; }
.visitinquery .txt {font-size:16px;line-height:22px;color:#4b5663;padding:30px 0 15px 125px;}
.visitinquery a {margin-left:200px;}
.modal .visit_tit {background:url(/resources/images/content/fusionnow/visitmodal.png) 15px 0 no-repeat;padding:20px 0 0 90px;
				   font-size:16px;line-height:20px;color:#4b5663;height:80px;}
.form-group .tcon {line-height:30px;color:#999;font-size:12px;}
.modal .visit_modalwrap {display:inline-block;width:100%;background:#f0f0f0;border:1px solid #d9def5;padding:20px;border-radius:4px;}
.visit_modalwrap .form-group label {line-height:30px;}
.visit_modalwrap .form-group .form-control {margin:3px 0;}
.visit_modalwrap .form-group .form-control:focus{:focus{-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #F44336; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #F44336;}}

*:focus {outline:none;}
.visit .visitformbox .bbs_btn a {color:#fff;}}
textarea {resize:none;}
/* form select */
select {
  font-family: inherit;  /* 폰트 상속 */
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background: url(/resources/images/content/fusionnow/selectarr.png) no-repeat 95% 50% #f3f9f9 !important;  /* 화살표 모양의 이미지 */ 
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
  display: none;
}

.sub_bg_1 {background:url(/resources/images/layout/contbg.png) 90% 0 no-repeat; background-size:40%;} 
.notice_t {color:#f65555;}


/* 검색 */
/* search right */
.right_content_block1{display:block;clear:none; /* position:relative !important; */position:fixed;float:left;top:0px !important;right:0px;width:237px !important; height:100%; /* padding:30px 0; */padding:0; margin:0; z-index:889; }
.right_content_wrap1{background:#fafafa;border-left:1px solid #ddd;border-right:1px solid #ddd;position:fixed;padding:0 20px;width:237px; height:100%;}
.right_content_wrap1 h3 {position:relative;margin:20px 0 5px 0;}
.right_content_wrap1 .srch {margin:20px 0 0 0;}
.right_content_wrap1 .srch_list {margin:20px 0 0 0;}
.right_content_wrap1 .popularsearch h3 span {position:absolute;top:0px;right:0px;}
.right_content_wrap1 .popularsearch h3 span a, .right_content_wrap1 .popularsrch h3 span a img {float:left;margin:0px;padding:0px;}
.right_content_wrap1 .popularsrch ul {margin:0;display:inline-block;width:100%;}
.right_content_wrap1 .popularsrch ul li {float:left;width:100%;/* height:20px; */}
.right_content_wrap1 .popularsrch ul li a {line-height:16px;}
.right_content_wrap1 .popularsrch ul li span {background:#4b5663;color:#fff;font-size:12px;display:inline-block;width:16px;height:16px;line-height:18px;text-align:center;margin:0 5px 0 0;/* border-radius:50px; */}
.right_content_wrap1 .popularsrch ul li span.pointbg {background:#fd5c5c;}
.right_content_wrap1 .newsrch ul li {position:relative;width:99%;line-height:16px;padding:5px 0;border-bottom:1px dotted #ddd;}
.right_content_wrap1 .newsrch ul li span {position:absolute;top:5px;right:0px;font-size:11px;}
.right_content_wrap1 .dataroom ul li {background:url(/resources/images/content/fusionnow/fileico.gif) 0 3px no-repeat;padding:5px 0 5px 20px;line-height:16px;border-bottom:1px dotted #ddd; }
.right_content_wrap1 .newsrch, .right_content_wrap1 .popularsrch, .right_content_wrap1 .dataroom {background:#fff;padding:10px;border-radius:4px;}
.konan-box-msg {margin:50px auto;text-align:center;}

.search-content {background:#f5f5f5;border-top:2px solid;margin:0 0 10px 0;width:100%;}
.search-content .srch {margin:20px 0 0 0;}
.search-content .srch_list {margin:20px 0 0 0;}
.search-content .popularsrch {margin:10px 0 0 0;padding:0 10px;/* border:1px solid #ddd; */display:inline-block;width:100%;}
.search-content .popularsrch h3 {position:relative; padding:2px 0 5px 0px;margin:0 0 5px 0;border-bottom:1px solid #eee;}
.search-content .popularsrch h3 span {position:absolute;top:6px;right:2px;}
.search-content .popularsrch h3 span a,.search-content .popularsrch h3 span a img {float:left;margin:0px;padding:0px;} 
.search-content .popularsrch ul {margin:10px 0 0 0;display:inline-block;width:100%;}
.search-content .popularsrch ul li {float:left;width:50%;padding:3px 0;line-height:18px;}
.search-content .popularsrch ul li span {vertical-align:top;background:#4b5663;color:#fff;font-size:12px;display:inline-block;width:18px;height:18px;text-align:center;margin:0 5px 0 0;border-radius:50px;}
.search-content .popularsrch ul li a {width:90%;padding:0;display:inline-block;}
.search-content .popularsrch ul li span.pointbg {background:#fd5c5c;}
.search-content .newsrch ul li {position:relative;text-align:left;width:100%;/* height:40px; */padding:7px 0;border-bottom:1px dotted #ddd;}
.search-content .newsrch ul li a {display:inline-block;width:95%;font-size:12px;line-height:16px;}
.search-content .newsrch ul li span {position:absolute;top:10px;right:0px;font-size:11px;}
.search-content .datasrch {margin:10px 0;padding:10px; border-top:1px solid #ddd;display:inline-block;width:100%;box-shadow:0 -3px 3px #eee;}
.search-content .datasrch h3 {background:url(/resources/images/content/fusionnow/attachico.gif) 0 1px / 22px auto no-repeat;
							  padding:2px 0 5px 30px;margin:0 0 10px 0;border-bottom:1px solid #eee;}
.search-content .datasrch ul li {float:left;margin:2px 5px 0 0;line-height:16px;}


/* 게시글 숨긴 내용 나타남 */
.grid{position:relative;display:inline-block;width:100%;margin:20px 0;}
.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:200px; height:50px; text-align:center; padding:10px 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:415px; height:50px; text-align:center; padding:10px 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:630px; height:50px; text-align:center; padding:10px 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:845px; height:50px; text-align:center; padding:10px 0;  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;display:inline-block;width:100%;height:40px;}	
.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 .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%;}							 
							 
#print {padding-bottom:50px;}

/* 체크박스 css */
/* Base for label styling */
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
} 
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
  position: relative; 
  width:20px; height:20px;
  cursor: pointer;
  font-weight:normal;
  display:inline-block;
}

/* checkbox aspect */
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid transparent;
  background: #858585;
  border-radius: 3px;
  /* box-shadow: inset 0 1px 3px rgba(0,0,0,.3) */
}
/* checked mark aspect */
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 1px; left: 2px;
  font-size: 12px;
  color: #fff;
  transition: all .2s;
}
/* checked mark aspect changes */
input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
input[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
input[type="checkbox"]:checked:focus + label:before,
input[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}


/* 라디오버튼 css */
/* Base for label styling */
.write_card_left input[type="radio"]:not(:checked),
.write_card_left input[type="radio"]:checked {
  position: absolute;
/*   left: -9999px; */
  left: -9px;
  top: 34px;
} 
.write_card_left input[type="radio"]:not(:checked) + label,
.write_card_left input[type="radio"]:checked + label {
  position: relative; 
  width:20px; height:20px;
  cursor: pointer;
  font-weight:normal;
  display:inline-block;
}

/* checkbox aspect */
.write_card_left input[type="radio"]:not(:checked) + label:before,
.write_card_left input[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left:-20px; top: 25px;
  width: 16px; height: 16px;
  border: 1px solid transparent;
  background: #858585; 
  border-radius: 20px;
  /* box-shadow: inset 0 1px 3px rgba(0,0,0,.3) */
  z-index:-111;
}
/* checked mark aspect */
.write_card_left input[type="radio"]:not(:checked) + label:after,
.write_card_left input[type="radio"]:checked + label:after {
  content: '●';
  position: absolute;
  top: 25px; left: -22px;
  font-size: 12px;
  color: #fff;
  transition: all .2s;
  width: 16px; height: 16px;
  background: #FB65A4; 
  border-radius: 20px;
  z-index:-111;
}
/* checked mark aspect changes */
.write_card_left input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.write_card_left input[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/*checkbox & radio style*/

.checkboxes label, .radios label {
    display: block;
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 7px;
    font-weight: 300;
}

.radios {
    padding-top: 18px;
}

.label_check span {font-size:12px;color:#666;font-weight:normal;}

.label_check input,
.label_radio input {
    margin-right: 5px;
}

.has-js .label_check,
.has-js .label_radio {
    padding-left:18px;
    padding-right:10px;
}
 
.has-js .c_off {background: url(/resources/images/content/checkbox/check-off.png) 0 0 no-repeat;}
.has-js .c_on {background: url(/resources/images/content/checkbox/check-on.png) 0 0 no-repeat;}

.has-js .r_off {background: url(/resources/images/content/checkbox/radio-off.png) 0 40% no-repeat;}
.has-js .r_on {background: url(/resources/images/content/checkbox/radio-on.png) 0 40% no-repeat;}

.has-js .r_off,
.has-js .r_on{vertical-align:middle; margin-top:0px; padding-top: 0 !important;}

.has-js .r_on{color:#000 !important;font-weight:bold}


.has-js .label_check input,
.has-js .label_radio input {
    position: absolute;
    left: -9999px;
}

/*date picker*/
.add-on {
    float: right;
    margin-top: -37px;
    padding: 3px;
    text-align: center;
}

.add-on .btn {
    padding: 9px;
}

.daterangepicker .ranges .range_inputs > div:nth-child(2) {
    margin-bottom: 10px;
    padding-left: 0px;
}

.daterangepicker .ranges label {
    padding-bottom: 0;
    padding-top: 8px;
}


.daterangepicker td.active, .daterangepicker td.active:hover,
.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover,
.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled],
.datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.active:hover, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled.disabled:hover, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active[disabled]:hover, .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled[disabled]:hover{
    color:#fff;
    background: #41CAC0;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
}

.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active {
    text-shadow: none;
}

.datepicker th.switch {
    width: 125px;
}

.datepicker td span {
    height: 40px;
    line-height: 40px;
}


.bootstrap-timepicker table td input {
    border: 1px solid #ccc;
    border-radius:3px;
    -webkit-border-radius:3px;
}


/*ck editor*/
.cke_top, .cke_bottom {
    background: #F5F5F5 !important;
    background: -moz-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    background: -webkit-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    background: -o-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    box-shadow: none;
    padding: 6px 8px 2px;
}

.cke_top {
    border-bottom: 1px solid #cccccc !important;
}


.cke_chrome {
    display: block;
    padding: 0;
}

/* 댓글 사용자 정보 보기 : 게시글 숨긴 내용 나타남 */
.comment_box{position:relative;}
.comment_box:after{clear:both; display:block; content:""}
.comment_box .comment_cont .photo{position:relative; display:block;}
.comment_box .comment_cont .photo:after{clear:both; display:block; content:""}
 
.comment_box .comment_cont .photo .reviewinfo {position:relative;display:none;position:absolute;top:30px; left:30px; width:130px; height:150px;border:1px solid #ddd;border-radius:7px;
												text-align:center;  z-index:10; background:url(/resources/images/content/fusionnow/reviewbg.gif) 0 0 no-repeat #fff;} 		
.comment_box .comment_cont .photo .reviewinfo a {display:inline-block;margin:20px 0 0 0;padding:5px 0;width:100%;color:#0ca6b7;font-size:13px;border-top:1px solid #ddd;}	
.comment_box .comment_cont .photo .reviewinfo a:hover {color:#fd5c5c;}
.comment_box .comment_cont .photo .reviewinfo .img {margin:20px auto 5px;}
.comment_box .comment_cont .photo .reviewinfo .img img {display:inline-block;width:45px !important;height:45px;border-radius:50px;}
.comment_box .comment_cont .photo .reviewinfo .name a {font-size:16px;color:#222;font-weight:bold;border:0px !important;margin:0px !important;padding:0 !important;}
.comment_box .comment_cont .photo:hover .reviewinfo, 
.comment_box .comment_cont .photo:focus .reviewinfo, 
.comment_box .comment_cont .photo:active .reviewinfo{display:block;} 

.pagination>li:first-child>a:hover {}
.pagination>li>a:hover {background:#ddd;}

/* sns icon */
.sns_share .view span {vertical-align:top;line-height:25px;}
.snsicon-facebook {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-149px -47px;}
.snsicon-twitter {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-176px -47px;}
.snsicon-naverblog {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-203px -47px;}
.snsicon-kakaostory {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-229px -47px;}
.snsicon-kakaotalk {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-256px -47px;}
.bbs_list button:hover .snsicon-facebook {background-position:-13px -47px;}
.bbs_list button:hover .snsicon-twitter {background-position:-40px -47px;}
.bbs_list button:hover .snsicon-naverblog {background-position:-68px -47px;}
.bbs_list button:hover .snsicon-kakaostory {background-position:-94px -47px;}
.bbs_list button:hover .snsicon-kakaotalk {background-position:-122px -47px;}
 
.bbs_photo:hover .foo_txt .sns_share {display:block;}
.foo_txt .sns_share {width:108px;display:block !important;margin:2px auto 20px !important;}
/* .foo_txt .snsicon-facebook {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-13px -48px;}
.foo_txt .snsicon-twitter {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-40px -48px;}
.foo_txt .snsicon-naverblog {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-68px -48px;}
.foo_txt .snsicon-kakaostory {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-94px -48px;}
.foo_txt .snsicon-kakaotalk {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-122px -48px;} */
.foo_txt .snsicon-facebook {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-149px -47px;}
.foo_txt .snsicon-twitter {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-176px -47px;}
.foo_txt .snsicon-naverblog {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-203px -47px;}
.foo_txt .snsicon-kakaostory {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-229px -47px;}
.foo_txt .snsicon-kakaotalk {background:url(/resources/images/content/fusionnow/glyphicons-snsicon.png) no-repeat;display:inline-block;width:20px;height:20px;background-position:-256px -47px;}
.foo_txt button:hover .snsicon-facebook {background-position:-13px -47px;}
.foo_txt button:hover .snsicon-twitter {background-position:-40px -47px;}
.foo_txt button:hover .snsicon-naverblog {background-position:-68px -47px;}
.foo_txt button:hover .snsicon-kakaostory {background-position:-94px -47px;}
.foo_txt button:hover .snsicon-kakaotalk {background-position:-122px -47px;} */

/* 캡챠 */
.visit #visitinfo .captcha a {border:1px solid #0ca6b7;color:#0ca6b7;font-size:12px;text-align:center;margin:3px;}
#captchaFrom .captchaImg {float:left;width:30%;}
#captchaFrom .captchaInput {float:left;width:40%;margin:5px;}
#captchaFrom .captcha-defalt {float:left;width:25%;margin:7px 0;}
#captchaFrom .captcha-btn {margin:5px auto;display:block;width:60px;}

/* search checkbox  */   
/* .research input[type=checkbox]:not(old),
 .onesearch input[type=checkbox]:not(old) {
  width   : 18px;
  margin  : 0;
  padding : 0;
  opacity : 0; 
}

.research input[type=checkbox]:not(old) + label,
.onesearch input[type=checkbox]:not(old) + label {
  display      : inline-block;
  margin-left  : -18px;
  padding-left : 18px;
  background: url(/resources/images/content/checkbox/check-off.png) 0 0 no-repeat; 
  line-height  : 18px;
  font-weight:normal;
}

.research input[type=checkbox]:not(old):checked + label,
.onesearch input[type=checkbox]:not(old):checked + label {
  background-position : 0 -12px;
  background: url(/resources/images/content/checkbox/check-on.png) 0 0 no-repeat;  
  font-weight:normal;
}  */
 
/* check ie X 
input[type="checkbox"] {background: url(/resources/images/content/checkbox/check-off.png) no-repeat 0 0; display: inline-block;width: 20px; height: 20px;
vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:0; padding:0; cursor: pointer }
input[type="checkbox"]:checked {background: url(/resources/images/content/checkbox/check-on.png) no-repeat 0 0;}
input[type="checkbox"]:disabled { background-position: 0 -40px; }
input[type="checkbox"]:disabled:checked { background-position: 0 -60px; }  */



/*footer 200224*/
.personal {margin-top: 20px;}
.personal h2 {font-size: 22px; color: #fd5c5c; margin: 20px 0 10px 0;}
.personal h4 {font-size: 16px; color: #222; padding: 40px 0 10px 0px;}
.personal .top {background: #f5f5f5; border: 1px solid #eee; width: 100%; margin: 10px auto; padding: 10px;}
.personal .top dt {font-size: 14px; margin-bottom: 5px;}
.personal p {margin: 0;}
.personal .table-responsive {margin: 10px 0;}
.personal .table {margin: 0;} 
.personal .table th {text-align: center;}
.personal .table th, .personal .table td {vertical-align: middle;}
.personal .table-bordered {border-left: none; border-right: none;}
.personal .table-bordered>thead>tr>th:first-child,
.personal .table-bordered>tbody>tr>th:first-child,
.personal .table-bordered>tfoot>tr>th:first-child,
.personal .table-bordered>thead>tr>td:first-child,
.personal .table-bordered>tbody>tr>td:first-child,
.personal .table-bordered>tfoot>tr>td:first-child {border-left: 1px solid #fff;}   
.personal .table-bordered>thead>tr>th:last-child,                     
.personal .table-bordered>tbody>tr>th:last-child,                     
.personal .table-bordered>tfoot>tr>th:last-child,                     
.personal .table-bordered>thead>tr>td:last-child,                     
.personal .table-bordered>tbody>tr>td:last-child,                     
.personal .table-bordered>tfoot>tr>td:last-child {border-right: 1px solid #fff;}
.personal strong {display: inline-block;}
.personal .list {padding-left:12px; margin-bottom: 15px;}
.personal .list li strong {margin-top: 10px;}
.personal .list ul {padding-left:12px;}
.personal .list_bullet li {position: relative; padding-left: 12px;}
.personal .list_bullet li:before {position: absolute; content: ""; display: inline-block; background: #0ca6b7; width: 4px; height: 4px; left: 0; top: 9px;} 
.personal .download .btn {background: #0ca6b7; border-color: #0ca6b7; color: #fff; margin: 5px 0;}

/* .policy h2 {font-size: 22px; color: #fd5c5c; margin: 20px 0 10px 0;} */
.policy {margin-top: 20px; min-height: 520px;}
.policy .text dl {background: #f5f5f5; border: 1px solid #eee; width: 100%; margin: 10px auto 20px; padding: 10px;}
.policy .text dl dt {font-size: 15px; margin-bottom: 5px;}
.policy .row {margin: 40px 0;}
.policy .row div {text-align: center;}
.policy .row div>img {padding-top: 5px; width: 240px;}
.policy .row ul {margin-bottom: 0;}
.policy p>strong {color: #0ca6b7;}
.policy .list_bullet li {position: relative; padding-left: 12px;}
.policy .list_bullet li:before {position: absolute; content: ""; display: inline-block; background: #0ca6b7; width: 4px; height: 4px; left: 0; top: 9px;} 



@media screen and (max-width: 767px){
.personal .table-responsive {border: none;}
.personal .table-responsive>.table-bordered {border-top: 2px solid #005963; border-bottom: 1px solid #0ca6b7;}



}