@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body { margin:0; padding:0; font-size:9pt; font-family:'Nanum Gothic', NanumGothic, Dotum, arial, AppleGothic, sans-serif; }
input, select { margin:0; padding:0; font-size:10pt; font-family:'Nanum Gothic', NanumGothic, Dotum, arial, AppleGothic, sans-serif; }
div { margin:0; padding:0; }
ul, ol { list-style:none; margin:0; padding:0; }

img { border:none; }

a { text-decoration:none; }





.clear { clear:both; }

.container { width:1100px; margin:0 auto; }





#header { width:100%; height:148px; }

#header .top { width:100%; height:32px; background:url(/css/images/header_top_back.jpg) 0 0 repeat-x; }
#header .top .container { padding-top:5px; }
#header .top span { padding:0 0 0 70px; color:#5a5b5d; font-size:10pt; font-weight:800; }
#header .top ul { float:right; margin-right:40px; }
#header .top ul li { float:left; margin-top:-5px; padding:7px; }
#header .top ul li a { color:#5a5b5d; }
#header .top ul li a.current { color:#e44528; }
#header .top ul li a:hover, #header .top ul li a:focus { color:#e44528; }
#header .navs { width:1100px; height:66px; margin:25px auto; }
#header .navs .logos { float:left; margin-left:15px; }

#example { float:right; margin-top:20px; }





#content { width:1100px; margin:0 auto; }
#content .theme_img { width:100%; }
#content .theme_shadow { width:100%; height:12px; background:url(/css/images/main_theme_img_shadow.jpg) 0 0 repeat-x; }


#content .cat_com { width:100%; height:35px; margin:3% 0 4%; }
#content .cat_com li { float:left; width:154px; height:35px; border-left:2px solid #d2defa; border-right:1px solid #d2defa; text-align:center; }
#content .cat_com li img { margin-top:-20px; }


#content .nav_com { width:100%; height:55px; margin:10px 0 30px; }
#content .nav_com li { float:left; width:274px; height:55px; margin-right:1px; background:#ccc url(/css/images/patterns_1.png); }
#content .nav_com li a div { width:224px; padding:0 25px; height:55px; color:#fff; }
#content .nav_com li a:hover div, #content .nav_com li a:focus div, #content .nav_com li a.current div { background:#404a7a url(/css/images/patterns_1.png); }
#content .nav_com li a div span.m_t { font-size:20pt; font-weight:700; line-height:195%; }
#content .nav_com li a div span.s_t { font-size:12pt; float:right; line-height:320%; }


#content .cat_prod { width:100%; height:209px; margin-bottom:75px; background:#46538c; }
#content .cat_prod li { float:left; margin:2px 0 2px 2px; width:155px; height:205px; background:#c6d2f9; }


#content .coms { margin-bottom:80px; color:#0c3471; }

#content .coms .sub_titles { width:1050px; color:#0c3471; margin:10px 0 30px; padding:0 25px; border-top:2px solid #0c3471; border-bottom:1px solid #ccc; }
#content .coms .sub_titles span.m_t { font-size:20pt; font-weight:700; line-height:195%; }
#content .coms .sub_titles span.s_t { margin-left:25px; font-size:12pt; line-height:320%; }

#content .coms div.market_list { width:1095px; margin:0; padding:0 5px 5px 0; background:#404a7a url(/css/images/patterns_1.png); }

.pdf_nav li { float:left; width:177px; margin:5px; }
.pdf_nav li a div { width:175px; padding:15px 0; color:#0c3471; text-align:center; font-weight:700; border:1px solid #64a70a; }
.pdf_nav li a:hover div, .pdf_nav li a:focus div { color:#fff; background:#64a70a url(/css/images/patterns_1.png); }

.pdf_nav li a div.folds { width:175px; padding:15px 0; color:#0c3471; text-align:center; font-weight:700; border:1px solid #0c3471; }
.pdf_nav li a:hover div.folds, .pdf_nav li a:focus div.folds { color:#fff; background:#0c3471 url(/css/images/patterns_1.png); }
.pdf_nav li a div.cur { color:#fff; background:#0c3471 url(/css/images/patterns_1.png); border:1px solid #0c3471; }

h2.f_title { width:100%; padding-top:10px; text-indent:10px; border-top:1px solid #0c3471; }
.folds_nav { border-top:1px solid #a1a1a1; }
.folds_nav li { float:left; width:177px; margin:5px; }
.folds_nav li ul { width:177px; }
.folds_nav li ul li { width:177px; margin:0; background:#f2f2f2; border-bottom:1px dotted #ccc; }
.folds_nav li ul li a { color:#0c3471; }
.folds_nav li ul li a div.pop { padding:5px 10px; width:157px; }
.folds_nav li ul li a:hover, .folds_nav li ul li a:focus { color:#64a70a; }
.folds_nav li ul li.title { width:177px; border:none; background:#0c3471; color:#fff; text-align:center; padding:5px 0; font-weight:800; }
.folds_nav li ul li.title a { color:#fff; }
.folds_nav li ul li.lins:hover { background:#64a70a; }


.history_list { float:right; width:500px; font-size:12pt; padding:15px 15px 15px 25px; background:#f2f2f2; }
.history_list li { padding-bottom:20px; }
.history_list span.years { float:left; font-size:12pt; font-weight:700; }
.history_list div.txt { float:left; margin-left:30px; line-height:130%; }



#footer { /*position:absolute; bottom:0;*/ width:100%; height:63px; border-top:1px solid #ccc; background:#f4f4f4; color:#6d6e71; text-align:center; }
#footer .text { width:1100px; margin:25px auto 0; color:#6d6e71; text-align:center; }