@charset "euc-kr";
/* ³ª´®°íµñ */
@font-face {
    font-family: 'NanumGothic';
    src: url('./font/NanumGothic.eot');
    src: url('./font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('./font/NanumGothic.woff') format('woff'),
         url('./font/NanumGothic.ttf') format('truetype'),
         url('./font/NanumGothic.svg#DaumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*reset*/
 #accessibility,.skip, hr,legend, caption{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;text-indent:-1000em;}
/* base */
html{overflow-y:scroll;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
ul, ol, li{list-style:none;}
fieldset, img{border:none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
/* a-style */
a{color:#333; text-decoration:none;}
/*common*/
.reset{clear:both !important;height:0px !important;font-size:0 !important;line-height:0px !important;padding:0 !important;margin:0 !important}
.inp{height:16px;border:none;background:none;color:#888;font:11px;padding:2px 0 0 4px}
/*btn*/
.btn_r{text-align:right}
.btn_l{text-align:left}
.btn_c{text-align:center}

/* divÀ§Ä¡Á¶Àý */
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1000px; background:url("../images/main_bg.jpg") no-repeat center top;}
#top_wrap{width:100%; height:100px;}
#middle_wrap{width:100%; overflow:hidden;}
#bottom_wrap{width:100%; height:150px; border-top:1px solid #dddddd;}

/* top divÀ§Ä¡Á¶Àý */
#top_wrap{}
#top_total{ margin:0 auto; width:1000px; height:120px;}
#logo{float:left; width:110px; height:36px; padding:8px 0 6px 0; margin:60px 0 0 10px;}

/*·Î±×ÀÎ*/
#login{float:right; width:500x; height:15px; padding:5px 0 0 0;}
#login ul{list-style-type:none;}
#login ul li{float:right; display:block; padding:0 10px 0 10px;}
#login ul li a{font-family:"³ª´®°íµñ","NanumGothic"; font-size:10px; line-height:20px; color:#ffffff;}
#login ul li a:hover{color:#112fd6;}

/*to¸Þ´º*/
#top_nav {float:right; width:870px; padding:50px 10px 6px 0; height:36px; }
#top_nav ul{ float:right; display:inline-block; height:36px;}
#top_nav li {position:relative; float:left; display:inline; }
#top_nav li.start {background:none;}
#top_nav li a {display:block; height:36px; background:url("../images/menu.png") no-repeat; text-indent:-5000px;}

#top_nav #menu01 a { width:128px; background-position:0px 0px;}
#top_nav #menu02 a { width:121px; background-position:-128px 0px;}
#top_nav #menu03 a { width:121px; background-position:-249px 0px;}
#top_nav #menu04 a { width:121px; background-position:-370px 0px;}
#top_nav #menu05 a { width:121px; background-position:-491px 0px;}
#top_nav #menu06 a { width:121px; background-position:-612px 0px;}
#top_nav #menu07 a { width:117px; background-position:-734px 0px;}

#top_nav #menu01 a:hover { width:128px; background-position:0px -36px;}
#top_nav #menu02 a:hover { width:121px; background-position:-128px -36px;}
#top_nav #menu03 a:hover { width:121px; background-position:-249px -36px;}
#top_nav #menu04 a:hover { width:121px; background-position:-370px -36px;}
#top_nav #menu05 a:hover { width:121px; background-position:-491px -36px;}
#top_nav #menu06 a:hover { width:121px; background-position:-612px -36px;}
#top_nav #menu07 a:hover { width:117px; background-position:-734px -36px;}

/* middle divÀ§Ä¡Á¶Àý */
#middle_wrap{}
#middle_total{margin:0 auto; width:1000px; overflow:hidden;}
#main_img{margin:0 auto; width:640px; height:480px; padding:50px 350px 0 0;}


/*middle_totalÀ§Ä¡*/
#main_a{float:left; width:320px; height:172px; padding:30px 0 0 30px;}
#main_a_title{float:left; width:320px; height:20px; padding:0 0 10px 0;}
#main_a_con{float:left; width:310px; height:142px; padding:0 0 0 0;}
#main_a_con a{line-height:18px; font-size:12px; color:#ffffff;}

#main_b{float:left; width:270px;height:172px; padding:30px 0 0 0;}
#main_b_title{float:left; width:270px;  height:20px; padding:0 0 10px 0;}
#main_b_con{float:left; width:270px; height:142px; padding:0 0 0 0;}

#main_c{float:left; width:241px; height:172px; padding:30px 0 0 0;}
#main_c_title{float:left; width:241px; height:20px; padding:0 0 10px 0;}
#main_c_con{float:left; width:241px; height:142px; padding:0 0 0 0;}

#main_d{float:left; width:129px; height:172px; padding:30px 10px 0 0;}
#main_d_title{float:left; width:129px; height:20px; padding:0 0 10px 0;}
#main_d_con{float:left; width:129px; height:142px; padding:0 0 0 0;}



/* bottom divÀ§Ä¡Á¶Àý */
#bottom_wrap{}
#bottom_total{margin:0 auto; width:990px; height:150px; padding:20px 0 20px 10px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; line-height:16px; color:#dddddd;}
.copy_st1{color:#dddddd;}


/*¼­ºê Ä«ÇÇ*/
#bottom_total_sub{margin:0 auto; width:990px; height:150px; padding:20px 0 20px 15px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; line-height:16px; color:#3c3c3c;}


/* sub divÀ§Ä¡Á¶Àý */
#wrap_sub{margin:0 auto; width:100%; height:375px; background:url('../images/sub_bg.jpg') no-repeat center top;}
#sub_img{height:270px;}

#left_total{float:left; width:220px; overflow:hidden;}
#left_title{width:210px; height:40px; padding:20px 0 10px 10px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:24px; line-height:40px; color:#333333; font-weight:600;}
.left_txt{font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; line-height:40px; color:#aaaaaa;}
#left_nav{width:210px; overflow:hidden; margin:0 0 50px 10px; border-top:1px solid #dddddd;}
#left_nav ul{list-style-type:none;}
#left_nav ul li{background:url('../images/left_out.jpg') no-repeat bottom;}
#left_nav ul li a{display:block; width:190px; height:35px; padding:0 0 0 20px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:13px; line-height:30px; color:#333333; text-align:left; font-weight:600;}
#left_nav ul li a:hover{color:#285ca5;}

#left_cus{width:210px; overflow:hidden; padding:0 0 50px 10px;}


#con_total{float:left; width:780px; overflow:hidden;}
#con_title{width:720px; height:70px; margin:0 10px 50px 50px; border-bottom:1px solid #dddddd;}
#title_a{float:left; width:300px; height:40px; padding:20px 0 0 0; font-family:"³ª´®°íµñ","NanumGothic"; font-size:18px; line-height:40px; color:#333333; text-align:left; font-weight:600;}
#title_b{float:right; width:300px; height:40px; padding:25px 0 0 0; font-family:"µ¸¿ò"; font-size:11px; line-height:40px; color:#888888; text-align:right;}
#con{width:720px; overflow:hidden; padding:0 10px 50px 50px;}