@charset "utf-8";
@font-face {font-family: '나눔고딕';src: url("../../201505/fonts/NanumGothic.eot");}
@font-face {font-family: '나눔고딕';src: url("../../201505/fonts/NanumGothic.woff");}
/* Common */body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table,p{
	font-family: '나눔고딕','굴림',gulim,'돋움',Dotum,helvetica,sans-serif;
	font-size: 13px;
	line-height: 24px;
	color: #ababab;
}
img{
	border: 0;
	text-align: center;
	vertical-align:top;
}
strong, strong a{color:#901c49;}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
.blind,caption{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px}
a{color:#666;text-decoration:none}
a:hover,a:active{color:#444;text-decoration:underline}
.hide{display:none}
.clr{clear:both}
.f_left{float:left !important}
.f_right{float:right !important}
.txt_align_l{text-align:left !important}
.txt_align_c{text-align:center !important}
.txt_align_r{text-align:right !important}
.margin_up{margin-top:-18px;}
.gap{clear:both;height:40px;}
.gap_line{clear:both;height:40px;margin-bottom:40px;border-bottom:1px dotted #d9d9d9}
.txt_en{font-family:arial !important;letter-spacing:normal !important;}
#backtotop {background: #333 url("https://test.narangdesign.com/mail/ati/201505/img/sprite.png") 0 -60px no-repeat;border-radius: 3px 3px;bottom: 10px;display: none;filter: alpha(opacity=50);height: 30px;opacity: 0.5;position: fixed;right: 10px;transition: 0.3s;width: 30px;text-indent:-9999px;}
#backtotop:hover {background-color: #000;filter: alpha(opacity=100);opacity: 1;}
/* 텍스트 숨김 */
.screen_out{display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
/*layout*/
body{text-align:center;padding:50px;}
#tlink{width:400px;position:absolute;top:26px;left:50%;margin-left:-145px;text-align:right;font-size:11px;font-family:dotum;letter-spacing:-1px;color:#ccc;}
#wrap{width:1039px;margin:0 auto;text-align:left;}
#header{position:relative;height:100px;}
#logo{position:absolute;top:28px;left:30px;}
#date{position:absolute;top:20px;right:30px;}
#subcontent{width:774px;float:left;border-top:5px solid #78b60c;background:#f8f9fb;}
#spot img{float:left;}
#spot img:after{content:"";display:block;clear:both;}
#content{background:#ffffff;}
#aside{float:right;width:237px;border-top:5px solid #78b60c;background:#fff url("https://test.narangdesign.com/mail/ati/201505/images/bg2.gif") 0 0 repeat-y;}
#aside:after{content:"";display:block;clear:both;}
#aside ul{padding:0;margin:0;list-style:none;}
#aside h2{padding:0 34px;margin:24px 0;}
#aside ul.nav{}
#aside ul.nav li{}
#aside ul.nav li a{margin:6px 34px;border-bottom:1px solid #ededed;display:block;}
#aside ul.nav ul{margin-bottom:40px;}
#aside ul.nav ul li a{padding:4px 34px;text-decoration:none;margin:0;border-bottom:none;background:url("https://test.narangdesign.com/mail/ati/201505/images/dot.gif") 22px 50% no-repeat;transition:.2s;margin-bottom:1px;}
#aside ul.nav ul li.on a, #aside ul.nav ul li a:hover{background-color:#5e6161;color:#fff;}
#banners{padding-left:22px;}
#banners li{margin-bottom: 10px;}
#footer{padding:20px 35px;background:#bcbcbc;text-align:left;}
#wrap #subcontent #content {
	text-align: center;
	background-color: #FFFFFF;
}