@CHARSET "UTF-8";

/* element 여백 초기화 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:0;outline:0;/*IE에서 탭키이용시 안보임*/font-size:100%;vertical-align:baseline;background:transparent;}
input{margin:0;padding:0;}
textarea{resize:none;}
body{font-size:14px;color:#000;font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,AppleGothic,sans-serif;background:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;/*line-height:140%;*/font-weight:normal;}
fieldset,img,abbr,acronym{border:0 none;}
ol,ul,li{list-style:none;}
table{border-collapse:separate;border-spacing:0;border:0 none;/*border-collapse:collapse;*/}
caption,th,td{text-align:left;vertical-align:middle;font-weight:normal;}
address,caption,strong,em,cite{font-weight:normal; font-style:normal;}
img{vertical-align:top;}
label,select,input,textarea{vertical-align:middle;}

legend,hr{left:0;overflow:hidden;position:absolute;top:0;}
legend,hr,.hide{font-size:0;height:0;line-height:0;visibility:hidden;width:0;}
.hideNew{font-size:0;width:0;height:0;line-height:0;visibility:hidden;position:absolute;left:-1000em;}
/*a:link{text-decoration:none;}a:visited{text-decoration:none;}a:active{text-decoration:none;}*/
a{text-decoration:none;color:#000;}
a:hover,a:focus,a:active{text-decoration:none;}

/***common layout***/
#content{text-align:center;position:relative;}
#whole_wrap{width:100%;position:absolute;top:100%;z-index:10;border-top:1px solid #f8a789;display:none;padding-bottom:8px;background-color:#ae350a;text-align:center;}
#top div.top96{top:96%;}
#whole_wrap ul li{width:33.3%;float:left;height:50px;}
#whole_wrap ul li a{width:100%;display:inline-block;color:#fff;font-size:1.02em;height:50px;line-height:50px;}
#whole_wrap ul li span{width:100%;display:inline-block;}
#whole_wrap ul li a img{padding:10px 0;}

/***common layout***/

#whole_bg{width:100%; position:absolute; top:100%;z-index:10; background-color:#fafafa; border-bottom:2px solid #dfdfdf; display:none;}
#whole_title{width:95%; overflow:hidden; background-color:#fafafa; margin:0 auto; margin-left:5%;}

#whole_menu{width:95%; overflow:hidden; background-color:#fafafa; margin:0 auto; text-align:center; margin-left:5%;}
#whole_menu ul{width:100%; padding-top:10px; padding-bottom:20px;}
#whole_menu ul li{width:45%; float:left; height:50px; border-top:2px solid #dfdfdf; border-left:2px solid #dfdfdf; background-color:#ffffff;}
#whole_menu ul li.right{border-right:2px solid #dfdfdf;}
#whole_menu ul li.bottom{border-bottom:2px solid #dfdfdf;}
#whole_menu ul li.bottom_s{border-right:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf;}
#whole_menu ul li a{width:100%; height:50px; line-height:50px;}
#whole_menu ul li span{width:100%; display:inline-block;}
#whole_menu ul li a img{padding:10px 0;}

#whole_banner{width:90%; overflow:hidden;  background-color:#ff9313;  text-align:center;  border:2px solid #f1790d;  margin-top:30px;  margin-bottom:30px; margin-left:5%; }
#whole_banner ul{width:100%; text-align: center; }
#whole_banner ul li{width:32%; float:left; text-align: center;  }
#whole_banner ul li a{width:100%;}


/** a태그 사이즈 늘리는 거 필요 */

/* header */
#top{position:relative;}
#top .topmenu{padding:10px 0;position:relative;overflow:hidden; height:60px;}
/*
#top .topmenu h1{width:200px;margin:0 auto;}
#top .topmenu .left{position:absolute;top:45px;left:20px;}
#top .topmenu .right{position:absolute;top:45px;right:21px;}
*/
#top .topmenu h1{width:41.67%;margin:0 auto;}
#top .topmenu h1 img{width:100%;}
#top .topmenu .left{position:absolute;left:2%;}
#top .topmenu .right{position:absolute;right:2%; padding-top:15px;}
 #top .topmenu .right img{padding-left:10px;}

/* index-네비게이션 */
#top .navi{overflow:hidden;height:48px;background-color:#f15821;border-bottom:1px solid #a5593e;}
#top .navi a{width:33.3%;height:48px;display:inline-block;text-align:center;float:left;background:url('../images/img_bar01.gif') no-repeat 0 19px;}
/*#top .navi a img{margin-top:15px;}*/
#top .navi a.first{background:none;}

/* sub-navigation*/
#top #sub_navi{background:url('../images/bg_navi.jpg') repeat-x 0 0;height:64px;width:100%;}
#top #sub_navi a{width:33.3%;display:inline-block;text-align:center;float:left;background:url('../images/img_bar01.gif') no-repeat 0 22px;height:51px;}
#top #sub_navi a.first{background:none;}
#top #sub_navi a img{/*margin-top:18px;*/margin-top:3px;}
#top #sub_navi a img.on{margin-top:0px;}

/* index-footer */
#bottom{background:url('../images/bg_footer.jpg') repeat-x 0 0;background-color:#efefef;overflow:hidden;padding-top:9px;}
#bottom .copyright{float:left;margin:15px 0 0 1.6em;display:inline;}
#bottom .company{float:right;margin:1px 0.625em 0 0;display:inline;}

/* sub-footer */
#sub_bottom{margin-top:10px;}
#sub_bottom .wrap1{border-bottom:#e4e4e4 solid 1px;height:43px;background-color:#fff;}
#sub_bottom .wrap1 .top{float:left;margin:3px 0.5em 0 0;}
#sub_bottom .wrap1 .bottom_previous{float:left;margin:3px 0.5em 0 0;}
#sub_bottom .wrap1 .company{float:right;margin-right:0.5em;display:inline;}
#sub_bottom .wrap1 .right{float:right;background:url('../images/bg_bottomright.gif') no-repeat 0 0;width:236px;height:43px;position:relative;}
#sub_bottom .wrap1 .right .center{position:absolute;top:9px;left:12px;}
#sub_bottom .wrap1 .right .counsel{position:absolute;top:8px;right:9px;}
#sub_bottom .wrap2{background-color:#efefef;text-align: center; height:120px;}
#sub_bottom .wrap5{background-color:#efefef;text-align: center; height:270px;}

#sub_bottom .wrap2 .copyright{margin:10px auto;}
#sub_bottom .wrap3{background-color:#f15821; height:111px; text-align: center;}
#sub_bottom .wrap4{background-color:#4d4948; height:55px; text-align: center;}

/** loading */
#loading_wrap{text-align:center;background:#fff;/*filter:alpha(opacity=60);opacity:alpha*0.6;*/position:absolute;top:45%;left:0;width:100%;height:10%;padding:10% 0 20% 0;z-index:100;}