@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display);

/* Common */
body { color:#000; padding:0px; margin:0px; font-size:12px; line-height: 1.2; font-family: 'Nanum Gothic', gulim, '굴림', Arial, sans-serif, dotum, tahoma; -webkit-text-size-adjust:none; /* background:#212125;  min-width:1119px; */ }
th, td, p, input, button, textarea, select, li { font-family:dotum, tahoma; -webkit-text-size-adjust:none; }
a, a:link, a:visited, a:active { color:#666; cursor: pointer; text-decoration: none; font-size: 12px; font-family: 'Nanum Gothic', gulim, '굴림', Arial, sans-serif; }
a:hover { color:#ed1c24; text-decoration: none; }
h1, h2, h3, h4, h5, h6, form, fieldset { margin:0px; padding:0px ;border:0px; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
label, input, select, img {	vertical-align:middle; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#at-wrap { display:block; min-width: 1200px; }

/* Header area */
#at-header { /* z-index:10; position:fixed; */ position: relative; top:0; left: 0; height:204px; /* overflow:hidden; */ }
#at-header-left { z-index:10; position:absolute; top:129px; left:0; width:500px; background: #000; padding:0px; height:55px; line-height:55px; }
#at-header-logo { width:200px; float:left; line-height:55px; padding-left:80px; }
#at-header-logo a { font-size:30px; font-weight:bold; color:#fff; font-family:"Helvetica"; letter-spacing:-1px; text-decoration:none;
	-webkit-transition: all .4s ease-in-out;
	 -moz-transition: all .4s ease-in-out;
	 -o-transition: all .4s ease-in-out;
	 -ms-transition: all .4s ease-in-out;
	 transition: all .4s ease-in-out;
}
#at-header-logo a:hover { color:#fff; text-decoration:none; }
#at-aside-logo { padding:10px 20px 30px; width:270px; }
#at-aside-logo a { font-size:30px; font-weight:bold; color:#000; font-family:"Helvetica"; letter-spacing:-1px; text-decoration:none;
	-webkit-transition: all .4s ease-in-out;
	 -moz-transition: all .4s ease-in-out;
	 -o-transition: all .4s ease-in-out;
	 -ms-transition: all .4s ease-in-out;
	 transition: all .4s ease-in-out;
}
#at-aside-logo a:hover { color:#000; text-decoration:none; }
#at-search-box { z-index:5; float:left; padding-top:12.5px; padding-left:12px; }
.top-search { width:191px; height: 30px; background: url('./img/search-box.png') no-repeat left top; margin:0px; }
.top-search form { padding:0px; margin:0px; height: 30px; background: url('./img/search-box.png') no-repeat right top; }
.top-search INPUT { float:left; display:block; }
.top-search INPUT.search-field { float:left; font-size: 12px; border:0px; height: 16px; background:#fff; color: #555555; outline-width: medium; outline-style: none; margin: 7px 0px 0px 15px; outline-color: invert; width: 130px; }
.top-search INPUT.search-submit { float:right; cursor: pointer; border: 0px; width: 30px; height: 30px; margin-top:0px; margin-right:0px; }

/* NEW HEADER CSS */
#at-header .mini_header_bar { height: 23px; border-bottom: 1px solid #e8e8e8; background-color: #f7f7f7; }
#at-header .mini_header_bar .mini_header_body { overflow: hidden; width: 1200px; margin: 0 auto; }
#at-header .mini_header_bar .mini_header_body .home { display: block; float: left; padding-top: 2px; color: #494949; }
#at-header .mini_header_bar .mini_header_body .home img { padding-top: 2px;}

#at-header .mini_header_bar .social_area { float: right; margin: 0; padding: 0; display: none; }
#at-header .mini_header_bar .social_area a { display: inline-block; font-size: 16px; color: #23c0a1; }
#at-header .mini_header_bar .social_area a img { border: 0; vertical-align: middle; }
#at-header .mini_header_bar .member_area { float: right; margin: 0; padding: 0; }
#at-header .mini_header_bar ul.member_area { display: block; list-style: none; }
#at-header .mini_header_bar ul.member_area li { display: inline-block; margin-right: 10px; }
#at-header .mini_header_bar ul.member_area li a { line-height: 23px; color:#666666; }

#at-header .at-header-logo { position: relative; width: 1200px; margin: 0 auto; height: 78px; }
#at-header .at-header-logo .at-header-logo-latest { position: absolute; top: 14px; left: 5px; width: 245px; height: 41px; background: url('/img/header/header_logo_latest.jpg') no-repeat; padding: 6px 14px 14px 6px; }
#at-header .at-header-logo .at-header-logo-box { width: 180px; height: 78px; margin: 0px auto; line-height: 78px; }

#at-header .at-header-logo .top_search .tablet_search_close { display: none; }

#at-header .at-header-logo .top_search { position: absolute; top: 11px; right: 0; overflow: hidden; }
#at-header .at-header-logo .top_search input {
	display: block;
	float: left;
	height: 34px;
	line-height: 34px;
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background-color: #f5f6fd;
	width: 149px;
	padding:0;
}
#at-header .at-header-logo .top_search button {
	display: block;
	float: left;
	height: 34px;
	padding: 0 13px;
	background-color: #f5f6fd;
}
#at-header .at-header-logo .top_search button span { display: none; }
#at-header .at-header-logo .top_search button i { height: 34px; line-height: 34px; font-size: 16px; color: #57585c; }

#at-header #at-header-main-area { width: 100%; height: 103px; background:url('/img/header/at_main_menu_bg.png') repeat-x; }
#at-header #at-header-main-area.fixmenu { position: fixed; left: 0; top: 0; z-index: 999; }
#at-header #at-header-main-area .at-header-main { position: relative; width: 1200px; margin: 0 auto; height: 103px; }
#at-header #at-header-main-area .at-header-main .logo { float: left; margin-top: 20px; }

#at-header input[type="button"], #at-header input[type="submit"], #at-header input[type="reset"], #at-header input[type="file"]::-webkit-file-upload-button, button {
	align-items: flex-start;
	text-align: center;
	cursor: default;
	color: buttontext;
	padding: 2px 6px 3px;
	border: 2px outset buttonface;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	background-color: buttonface;
	box-sizing: border-box;
}
#at-header button { 
	cursor: pointer;
	border: 0;
	background-color: transparent;
	padding: 0;
	margin: 0;
}
#at-header button > span,
#at-header button > em {
  position: relative;
  top: 0;
  left: 0;
}

#at-header #at-main-menu { float: left; margin:0; width: 1200px; height: 56px; }
#at-header #at-main-menu .gnb-menu { display: none; }
#at-header #at-main-menu ul { list-style: none; padding:0; margin:0; height: 56px; text-align: center; }
#at-header #at-main-menu > ul { width: 1200px; }
#at-header #at-main-menu > ul > li {
  display: inline-block; *display: inline;
  padding: 15px 15px 0 15px;
  position: relative;
}
#at-header #at-main-menu > ul > li:first-child {
  /* padding-left: 0; */
}
#at-header #at-main-menu > ul > li:last-child {
  /* padding-right: 0; */
}
#at-header #at-main-menu > ul > li.hover:after,
#at-header #at-main-menu > ul > li:hover:after,
#at-header #at-main-menu > ul > li:active:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 44px;
  width: 0;
  height: 0;
  /* margin-top: 5px; */
  margin-left: -6px; 
  border: 6px solid #1cc3ce;
  border-bottom: 6px solid #099aed;
}
#at-header #at-main-menu > ul > li > a { color: #fff; }
#at-header #at-main-menu > ul > li.hover > a,
#at-header #at-main-menu > ul > li:hover > a,
#at-header #at-main-menu > ul > li:active > a {
  color: #acd63a;
}
#at-header #at-main-menu > ul > li.hover > div,
#at-header #at-main-menu > ul > li:hover > div,
#at-header #at-main-menu > ul > li:active > div {
  height: 47px;
}
#at-header #at-main-menu > ul > li > a {
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
}
#at-header #at-main-menu > ul > li > div {
  display: block;
  position: absolute;
  top: 56px;
  width: auto;
  height: 47px;
  height: 0;
  z-index: 3;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
}
#at-header #at-main-menu > ul > li > div.align_right {
  left: auto;
  right: 0;
}
#at-header #at-main-menu > ul > li > div > ul {
  overflow: hidden;
  height: 100%;
}
#at-header #at-main-menu > ul > li > div > ul > li {
  display: inline-block;
  height: 100%;
  margin-left: 20px;
}
#at-header #at-main-menu > ul > li > div > ul > li:first-child {
  margin-left: 0;
}
#at-header #at-main-menu > ul > li > div > ul > li > a {
  display: block;
  line-height: 47px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
#at-header #at-main-menu > ul > li > div > ul > li > a:hover,
#at-header #at-main-menu > ul > li > div > ul > li > a:active {
  color: #010101;
}

#at-header #at-menu-loginbox { position: absolute; left: 0; top: 165px; width: 100%; height: 41px; }
#at-menu-loginbox .at-login-box { width: 1200px; position: relative; overflow:hidden; margin: 0 auto; }
#at-menu-loginbox fieldset#loginform { position: relative; float: right; padding: 8px 0 0; }
#loginform legend { position: absolute; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; }
#loginform #login_auto_check { color: #888; letter-spacing: -0.1em; }
#loginform .login_id_input { padding: 0 5px; width: 72px; height: 23px; border: 1px solid #d8d8d8; background: #dde4e8; line-height: 1.9em; }
#loginform .login_pw_input { padding: 0 5px; width: 72px; height: 23px; border: 1px solid #d8d8d8; background: #dde4e8; line-height: 1.9em; }
#loginform input[type="submit"].login_submit_btn { margin: 0 0 0 1px; padding: 0; width: 60px; height: 25px; border: 0; background: #009900; color: #fff; font-size: 1em; }
#loginform a.btn_type { display: inline-block; margin: 0 0 0 -2px; padding: 0; width: 60px; height: 25px; border: 0; background: #00cc33; color: #fff; vertical-align: middle; text-align: center; line-height: 2.2em; }

#at-menu-loginbox .at-login-box .header-slider { position: absolute; top: 10px; left: 5px; width: 280px; height: 24px; background: #ebebeb; padding: 0 10px; }
/* NEW HEADER CSS */

/* Menu */
#at-menu { z-index:5; position:absolute; top:129px; right:0; height:55px; line-height:55px; }
.jqueryslidemenu { margin-top: 0px; margin-bottom:0px; }
.jqueryslidemenu ul { margin: 0px; padding: 0px; list-style-type: none; }
.jqueryslidemenu ul li { float: left; display: inline; position: relative; height:55px; line-height:55px; border-left: 0px solid #000; font-weight:bold; z-index: 100; }
.jqueryslidemenu ul li a { font-family:"Nanum Gothic"; font-weight:bold; color:#fff; padding:0px 17px; text-decoration: none; margin-bottom: 0px; display:block; overflow:hidden; 
	-webkit-transition: all .4s ease-in-out;
	 -moz-transition: all .4s ease-in-out;
	 -o-transition: all .4s ease-in-out;
	 -ms-transition: all .4s ease-in-out;
	 transition: all .4s ease-in-out;
}
*html .jqueryslidemenu ul li a { display: inline-block; } /*IE6 hack to get sub menu links to behave correctly*/
.jqueryslidemenu ul li a:hover { background:#c90000; color:#fff; }
.jqueryslidemenu ul li ul { border-top:1px solid #24242a; background:#000; width: 150px; position: absolute; left: 0px; display: none; visibility: hidden; text-transform: none; font-weight:normal; }
.jqueryslidemenu ul li ul li { border-bottom:1px solid #20202a; border-left:0px !important; box-shadow:0px !important; float: none; display: list-item; z-index: 9999; line-height:38px; height:38px; }
.jqueryslidemenu ul li ul li a { font-weight:normal; color:#fff; background:#000; margin: 0px; padding: 0px 0px 0px 17px; font-size: 12px; visibility: visible; display:block; }
.jqueryslidemenu ul li ul li a:hover { background:#14141a; color:#fff; }
.jqueryslidemenu ul li ul li ul { top: 0px; margin-top: -1px; margin-left: 2px; }
.jqueryslidemenu a.on { background:#24242a; color:#fff; }
.jqueryslidemenu span.new { background: url('./img/new_icon.png') no-repeat center right; padding-right:15px; }
.jqueryslidemenu span.old { color:#fff; }
.jqueryslidemenu span.old:hover { color:#fff; }
.downarrowclass { top: 16px; right: 5px; display: none; position: absolute; }
.rightarrowclass { top: 10px; right: 9px; display: none; position: absolute; }
#at-menu-icon a { font-size:20px !important; }

#at-menu-list { width:250px; }
#at-menu-list ul { margin:0px; padding:0px; list-style:none; }
#at-menu-list ul li { font-size:14px; }
#at-menu-list ul li a { padding:10px 10px; line-height:20px; font-weight:bold; text-decoration:none; color:#000; font-size:14px; font-family:"Nanum Gothic"; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; background:#c90000; }
#at-menu-list ul li a:hover { text-decoration:none; }
#at-menu-list ul ul { margin:0px 0px 0px; }
#at-menu-list ul ul li a { font-weight:normal; padding:6px 20px; color:#000; text-shadow:0 1px 0px white; background:#fff; font-size:12px; font-family:"Nanum Gothic"; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;
	-webkit-transition: all .3s ease-in-out;
	 -moz-transition: all .3s ease-in-out;
	 -o-transition: all .3s ease-in-out;
	 -ms-transition: all .3s ease-in-out;
	 transition: all .3s ease-in-out;
}
#at-menu-list ul ul li a:hover { color:#000; font-weight:bold; background:#eaeaea; text-shadow:0 1px 0px rgba(255, 255, 255, 0.5); }
#at-menu-list span.new { background: url('./img/new_icon_black.png') no-repeat center right; padding-right:15px; }
#at-menu-list span.on { font-weight:bold; }
#at-menu-list span.old { }

/*aside area */
#at-aside-left { z-index:20; width:270px; height:100%; position:fixed; top:129px; left:0; background:#f5f5f5; border-right:60px solid #c90000; margin-left:-330px; }
#at-aside-left-box { padding-top:0px; }
.at-aside-left-btn { z-index:6; float:right; position:absolute; top:2px; right:-60px; width:60px; height:55px; line-height:55px; background:#c90000; text-align:center; }
.at-aside-left-icon { font-size:34px; color:#000;
	-webkit-transition: all .6s ease-in-out;
	 -moz-transition: all .6s ease-in-out;
	 -o-transition: all .6s ease-in-out;
	 -ms-transition: all .6s ease-in-out;
	 transition: all .6s ease-in-out;
}
.at-aside-left-icon:hover { color:#fff; }

.at-aside-sp { margin-top: 20px; margin-bottom: 30px; }
.at-aside-menu { line-height:20px; }
.at-aside-menu h2 { padding: 6px 2px; font-family: "Helvetica"; font-size: 16px; font-weight: bold; padding:0 0 0 20px; line-height:50px; border-bottom:1px solid #c5c5c5; color:#000; font-family:"Helvetica"; }
.at-aside-menu ul { margin:0; padding:0; list-style: none; }
.at-aside-menu ul li { 
	font-family:"Nanum Gothic"; font-size:12px;
	-webkit-transition: all .3s ease-in-out;
	 -moz-transition: all .3s ease-in-out;
	 -o-transition: all .3s ease-in-out;
	 -ms-transition: all .3s ease-in-out;
	 transition: all .3s ease-in-out;
}
.at-aside-menu ul li:hover { background:#fafafa; }
.at-aside-menu ul li a { font-family:"Nanum Gothic"; font-size:12px; text-decoration: none; display: block; color:#434343; line-height:40px; padding:0 0 0 20px; border-bottom:1px dotted #c5c5c5; }
.at-aside-menu ul li a:hover { text-decoration: none; color:#ff0000; border-bottom:1px dotted #ff0000; }
.at-aside-menu ul li a:on { text-decoration: none; color:#ff0000; }
.at-aside-menu ul ul { margin:0; padding:0; background:#fff; }
.at-aside-menu ul ul li { margin:0; padding:0; }
.at-aside-menu ul ul li a { line-height:40px; font-size:12px; }
.at-aside-menu span.new {}
.at-aside-menu span.on { font-weight:bold; color: #ff0000; }
.at-aside-menu span.new { background: url('./img/new_icon_black.png') no-repeat center right; padding-right:15px; }
.at-aside-menu span.old {}
.at-aside-menu li:hover a.menu_on { background:#f5f5f5; color:#ff0000; }

.at-aside-like { background:#fff; padding:10px 20px; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; margin-top:-1px; }
.at-aside-like h2 { height:40px; line-height:40px; font-size:16px; font-weight:bold; font-family:'Helvetica'; color:#c90000; border-bottom:1px dotted #c5c5c5; margin-bottom:8px; }
.at-aside-like .aside-like-button { width:220px; min-height:20px; padding:10px 0px; display:block; overflow:hidden; }

#at-aside-footer { z-index:5; float:right; position:absolute; bottom:0; right:-60px; width:60px; height:368px; }
#at-aside-footer ul { padding:0px; margin:0px; list-style:none; }
#at-aside-footer ul li { height:46px; font-weight:normal; text-align:center; }
#at-aside-footer ul li a { font-weight:normal; color:#000; text-decoration: none; margin-bottom: 0px; display:block; overflow:hidden;
	-webkit-transition: all .6s ease-in-out;
	 -moz-transition: all .6s ease-in-out;
	 -o-transition: all .6s ease-in-out;
	 -ms-transition: all .6s ease-in-out;
	 transition: all .6s ease-in-out;
}
*html #at-aside-footer ul li a { display: inline-block; }
#at-aside-footer ul li a:hover { color:#fff;}
#at-aside-footer-icon a { font-size:24px; }
#at-aside-footer .big-icon { font-size:24px; }

#at-aside-copyright { z-index:10; position:absolute; bottom:0; left:0; width:270px; height:60px; line-height:60px; background:#f5f5f5; color:#000; font-family:"Helvetica"; font-size:12px; text-align:center; }
#at-aside-copyright a { font-weight:bold; color:#000; text-decoration:none; }
#at-aside-copyright a:hover { color:#000; }

/* Content area */
#at-body { margin:0px auto; background:#fff; }
#at-body.main-body-bg { background: url('/img/header/main_bg_sky.png') repeat-x; background-position: center top; }
#at-content-board { margin:0; padding: 0; /* margin:20px 0px 20px 60px; */ }
#at-content-board-box { margin:0 auto; padding: 0 0 20px 0; border:0px solid #dddddd; background:#fff; max-width:930px; min-width:730px; min-height:700px; }
#at-content-wide { margin:0px; }
#at-content-wide-box { margin:0px; padding:0px; /* overflow:hidden; */ }
#at-content-board .sub_toptitle { width: 930px; margin: 0; padding: 0; }
#at-content-board .board_title { position: absolute; bottom: 10px; right: 5px; }
#at-content-board .board_title a { margin-right: 2px; }
#at-content-board .board_title a,
#at-content-board .board_title span { display: inline-block; font-size: 12px; color: #a9a9a9; vertical-align: middle; font-family: gulim, '굴림', Arial, sans-serif; }
#at-content-board .board_title span.actual { font-weight: bold; }
#at-content-board .page_title { clear: both; position: relative; height: 55px; padding: 0; margin-bottom: 10px; background:url('/img/subpage/page_title_bg.png') repeat-x; background-position: center bottom; }
#at-content-board .page_title h3 { font-size: 30px; font-weight: normal; color: #333333; font-family: 'Nanum Gothic', gulim, '굴림', Arial, sans-serif; line-height: 55px; }
#at-content-board .board-title { max-width:870px; padding:20px 30px; margin:0px; background:#222222; border-left:20px solid #c90000; border-right:20px solid #c90000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
i.fa-home-image { width: 13px; height: 14px; background: url('/img/subpage/board_title_home_btn.png') no-repeat; background-position: 0px 0px; vertical-align: top; }
i.fa-separator { width: 13px; height: 14px; background: url('/img/subpage/board_title_dot_btn.png') no-repeat; background-position: 50% 70%; vertical-align: top; }
#at-content-board .board-name { color:#fff; letter-spacing:0px; font-family:"Nanum Gothic","Helvetica"; font-size:24px; font-weight:bold; margin:0px; padding:0px; line-height:35px; }
#at-content-board .board-desc { font-weight:normal; font-size:14px; font-family:"Nanum Gothic"; color:#aaa; letter-spacing:-1px; background: url('../img/sp.png') no-repeat top left; margin-left:10px; padding-left:11px; }
#at-content-board .board-google-ad { margin:0 auto; margin:0px 0px 15px; text-align:center; overflow:hidden; background:#f5f5f5; width:970px; height:90px; }
.shadow-board { background:url('./img/shadow-board.png') no-repeat scroll center top transparent; margin:0 auto; max-width:970px; height: 41px; position: relative; z-index: 6; }

/* new content area */
#at-body ul { list-style-type: none; padding: 0; margin: 0; }

#at-body .main-banner { width: 1200px; margin: 0 auto; padding: 0; position: relative; overflow: hidden; }
#at-body .main-content-area { width: 1200px; margin: 0 auto; padding: 10px; position: relative; overflow: hidden; }

#at-body .main-content-area .main-content-area-box-1 { float: left; width: 237px; height: 263px; }
#at-body .main-content-area .main-content-area-box-2 { float: left; width: 253px; height: 263px; }
#at-body .main-content-area .main-content-area-box-3 { float: left; width: 488px; height: 182px; padding: 0 15px 5px 20px; }
#at-body .main-content-area .main-content-area-box-4 { float: left; width: 225px; height: 81px; margin-left: 20px; }
#at-body .main-content-area .main-content-area-box-5 { float: left; width: 225px; height: 81px; margin-left: 3px; }
#at-body .main-content-area .main-content-area-box-6 { float: right; width: 202px; height: 263px; }

#main-quick-banner-zone { position: relative; width: 1200px; height: 0px; margin: 0 auto; padding: 0; }
#main-quick-banner-zone #quick-menu { position: absolute; top: 20px; right: -110px; width: 86px; height: 325px; }

#at-body .parallax-main-title { background:url('/imgnew/main_title_bg.jpg'); display: table; width: 100%; height: 236px; -webkit-background-size: cover; background-size: cover; }
#at-body .parallax-main-title p {
	display: table-cell;
	width: 100%;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-family: 'Nanum Gothic', gulim, '굴림', Arial, sans-serif;
}
#at-body .parallax-main-title p strong { display: block; font-size: 60px; }
#at-body .parallax-main-title p span { font-size: 14px; }

#at-body .thumbnail_list li .img_wrap { position: relative; overflow: hidden; width: 100%; }
#at-body .thumbnail_list li .img_wrap:hover span,
#at-body .thumbnail_list li .img_wrap:active span { opacity: 1; }
#at-body .thumbnail_list li .img_wrap > img { display: block; width: auto; min-width: 100%; height: 100% !important; }
#at-body .thumbnail_list li .img_wrap span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#at-body .thumbnail_list li .img_wrap span a {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	height: 100%;
	text-align: left;
	z-index: 2;
}
#at-body .thumbnail_list li .img_wrap span a:first-child { text-align: right; }
#at-body .thumbnail_list li .img_wrap span a:hover img,
#at-body .thumbnail_list li .img_wrap span a:active img { opacity: 1; }
#at-body .thumbnail_list li .img_wrap span a img {
	display: inline-block;
	width: auto;
	height: auto;
	opacity: .7;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#at-body .thumbnail_list li .img_wrap span em {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	z-index: 1;
	font-style: normal;
	color: #666;
}
/* new content area */

/* Footer area */
#at-footer { min-height: 147px; background-color: #fff; border-top: 1px solid #e9eaeb; /* min-height:151px; padding:0px 0px 0px 60px; */ }
#at-footer-bar { height:40px; background:#ff9501; margin-top:0px; }
#at-footer-bar .at-footer-icon { background: url("./img/tag-bg.png") no-repeat; width:159px; height:151px; text-align:center; line-height:40px; margin:0px 15px 0px; display:block; overflow:hidden; }
#at-footer-bar .at-footer-icon span { color:#fff; font-size:16px; font-family:'Helvetica'; text-shadow:0 1px 2px rgba(0, 0, 0, 0.3); width:159px; height:40px; }
#at-footer-bar .at-footer-icon i { color:#fff; font-size:60px; text-shadow:0 1px 2px rgba(0, 0, 0, 0.2); padding-top:15px; }

#at-footer .footer-info { padding:25px 25px 25px 190px; min-width:800px; }
#at-footer .footer-info ul { list-style:none; padding:0px; margin:0px; font-size:12px; font-family:'Nanum Gothic','dotum'; letter-spacing:-1px; line-height: 22px; }
#at-footer .footer-info ul li { float:left; padding:0px; margin:0px; padding-right:30px; color:#99999a; font-size:12px; font-family:'Nanum Gothic','dotum'; letter-spacing:-1px; line-height: 22px; }
#at-footer .footer-info ul li a { color:#99999a; text-decoration:none; }
#at-footer .footer-info ul li a:hover { color:#fff; }
#at-footer .footer-info ul li span { letter-spacing:0; }
#at-footer .footer-info ul li b { letter-spacing:0; font-weight:bold; font-family:'Helvetica'; }
#at-footer .footer-info .copyright { letter-spacing:0; font-family:'Helvetica'; }

/* new footer area */
#at-footer .partner_site_area { background-color: #fff; padding: 45px 0 57px; }
#at-footer .partner_site_area ul { padding:0; margin:0; }
#at-footer .partner_site_area ul li { width: 192px; height: 57px; list-style: none; }
#at-footer .partner_site_area ul li a img { width: 100%; height: 100%; }
#at-footer .partner_site_area .partner_site_inner { position: relative; width: 1200px; margin: 0 auto; }

#at-footer .partner_site_area .bx-controls-direction a.bx-prev {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 57px;
	text-align: center;
}
#at-footer .partner_site_area .bx-controls-direction a.bx-next {
	display: block;
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 50px;
	height: 57px;
	text-align: center;
}
#at-footer .partner_site_area .bx-controls-direction a i { 
	line-height: 57px;
	font-size: 24px;
	color: #999;
}
#at-footer .partner_site_area .bx-controls-direction a span { display: none; }

#at-footer .footer-inner {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0 85px;
}
#at-footer .footer-inner > div { float: left; width: 31.3%; margin: 0 1%; }
#at-footer .footer-inner h2 {
	margin-bottom: 40px;
	font-size: 18px;
	font-weight: 700;
	color: #dbdbdb;
	font-family: 'Nanum Gothic', gulim, '굴림', Arial, sans-serif, dotum, tahoma;
}
#at-footer .footer-inner ul { list-style: none; padding:0; margin:0; }

#at-footer .footer-inner .notice h2 { margin-bottom: 30px; }
#at-footer .footer-inner .notice ul li { line-height: 34px; }
#at-footer .footer-inner .notice ul li a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #7f7f7f;
}

#at-footer .footer-inner .tag h2 { margin-bottom: 34px; }
#at-footer .footer-inner .tag .tag-cloud a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 6px 4px;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 700;
	background-color: #23c0a1;
	color: #fff;
}

#at-footer .footer-inner .contact .send_mail input[type=text],
#at-footer .footer-inner .contact .send_mail input[type=email],
#at-footer .footer-inner .contact .send_mail textarea {
	display: block;
	width: 100%;
	height: 133px;
	margin-bottom: 15px;
	padding: 0 15px;
	text-indent: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #141414;
	color: #acacac;
}
#at-footer .footer-inner .contact .send_mail input[type=text],
#at-footer .footer-inner .contact .send_mail input[type=email] { height: 45px; line-height: 45px; }
#at-footer .footer-inner .contact .send_mail textarea { padding-top: 15px; }
#at-footer .footer-inner .contact .send_mail textarea.private {
	height: 85px;
	border: 2px solid #eee !important;
	background-color: #fbfbfb;
}
#at-footer .footer-inner .contact .send_mail .private_ok_wrap { margin-bottom: 23px; }
#at-footer .footer-inner .contact .send_mail .private_ok_wrap label { color: #666; }
#at-footer .footer-inner .contact .send_mail button {
	height: 30px;
	line-height: 30px;
	padding: 0 23px;
	background-color: #23c0a1;
	color: #fff;
	border: 0;
}

#at-footer .footer-submenu { height: 46px; }
#at-footer .footer-submenu .submenu-inner { width: 1200px; height: 46px; margin: 0 auto; }
#at-footer .footer-submenu .submenu-inner ul { float: left; margin: 14px 0 0 250px; padding: 0; list-style-type: none; }
#at-footer .footer-submenu .submenu-inner ul li:first-child { background: none; }
#at-footer .footer-submenu .submenu-inner ul li { margin: 0; padding: 0 10px; float: left; background: url('/img/footer/footer_submenu_div_bar.png') no-repeat; background-position: left center; }
#at-footer .footer-submenu .submenu-inner ul li a { color: #7f7f7f; font-size: 16px; }

#at-footer .copy_wrap { height: 101px; }
#at-footer .copy_wrap .copy_inner {
	overflow: hidden;
	position: relative;
	width: 1200px;
	height: 101px;
	margin: 0 auto;
	padding: 0;
}
#at-footer .copy_wrap .copy_inner ul {
	float: left;
	width: 40%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#at-footer .copy_wrap .copy_inner ul li {
	display: inline-block;
	margin-right: 5px;
}
#at-footer .copy_wrap .copy_inner ul li a {
	height: 52px;
	line-height: 52px;
	color: #dbdbdb;
	font-weight: 700;
}
#at-footer .copy_wrap .copy_inner ul li:after {
	display: inline-block;
	padding-left: 10px;
	content: ' |';
	color: #dbdbdb;
	font-weight: 700;
}
#at-footer .copy_wrap .copy_inner ul li:last-child:after {
	content: '';
}
#at-footer .copy_wrap .copy_inner .copy_logo { position: absolute; left: 30px; top: 5px; width: 180px; height: 60px; }
#at-footer .copy_wrap .copy_inner .copy_div_bar { position: absolute; left: 235px; top: 5px; width: 1px; height: 60px; background: url('/img/footer/footer_div_bar.png') no-repeat; }
#at-footer .copy_wrap .copy_inner .copy_infor {
	position: absolute;
	width: 755px;
	top: 5px;
	left: 250px;
	text-align: left;
}
#at-footer .copy_wrap .copy_inner .copy_infor p.information { color: #7f7f7f; font-size: 16px; margin: 0; padding: 0; line-height: 25px; }
#at-footer .copy_wrap .copy_inner .copy_infor p.copy { color: #a5a2a2; font-size: 12px; margin: 0; padding: 0; line-height: 18px; }

#at-footer .top_btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10;
}
/* new footer area */

/* left area */
#at-body .sub_body {
	position: relative;
	overflow: hidden;
	width: 1200px;
	min-height: 800px;
	margin: 0 auto 50px;
	padding-left: 270px;
}
#at-body .sub_body #at-wrap-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 248px;
	background: url('/img/subpage/leftmenu_bg.png') repeat-y;
}
#at-body .sub_body #at-wrap-left #at-left { width: 248px; margin-bottom: 30px; }
#at-left .left-menu-sub-title {
	width: 248px; 
	height: 104px;
	text-align: center;
	padding: 25px 0 0 0;
}
#at-left .left-menu-sub-title h2 {
	color: #333333;
	font-family: 'Nanum Gothic', gulim, '굴림', Arial, sans-serif;
}
#at-left .left-menu-sub-title h2 span { display: block; font-size: 14px; color: #1b8cd4; }
#at-left .left-menu-sub-title h2 strong { font-size: 26px; }
#at-left ul.sub-menu { list-style: none; font-family: 'Nanum Gothic', gulim, '굴림', Arial, sans-serif; margin:0; padding:0; }
#at-left ul.sub-menu li:first-child > a {
	height: 38px;
	line-height: 37px;
	background-position: 0px 0px;
}
#at-left ul.sub-menu li > a {
	display: block;
	height: 37px;
	line-height: 36px;
	padding-left: 25px;
	font-size: 16px;
	font-weight: 700;
	background: url('/img/subpage/leftmenu_normal_bg.png') no-repeat;
	background-position: 0px -1px;
	color: #52505b;
}
#at-left ul.sub-menu li > a.smallfont { font-size: 13px; }
#at-left ul.sub-menu li > a:hover,
#at-left ul.sub-menu li > a:active,
#at-left ul.sub-menu li > a.active {
	color: #fff;
	background: url('/img/subpage/leftmenu_selected_bg.png') no-repeat;
	background-position: 0px -1px;
}
#at-left ul.sub-menu li:first-child > a:hover,
#at-left ul.sub-menu li:first-child > a:active,
#at-left ul.sub-menu li:first-child > a.active {
	color: #fff;
	background: url('/img/subpage/leftmenu_selected_bg.png') no-repeat;
	background-position: 0px 0px;
}
#at-left .sub-banner { margin: 31px 0 0 10px; width: 224px; text-align: center; }

#at-body #at-wrap-content { width: 100%; }
/* left area */