@charset "utf-8";

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

*{margin:0; padding:0}
html, body { height:100%; background-color:#ffffff;}
body,textarea,input,select,dt{color:#666; font-size:14px; font-family:"Nanum Gothic", dotum, "돋움","굴림", "Gulim", "Arial"; font-weight:normal; -webkit-text-size-adjust:none; line-height:24px; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0;}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend{display:none;}
caption{width:1px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; line-height:0;}
button{color:#666; padding:0; margin:0; border:0; background:none; cursor:pointer; }
textarea{font-size:12px; vertical-align:top; background:#fff; color:#666; border:0; padding:12px 14px;}
table{width:100%; border-collapse:collapse;}
strong,th,dt{color:#333; font-family:"Nanum Gothic";font-weight:normal;}
em{font-style:normal; font-family:"Nanum Gothic";font-weight:normal;}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}

/* 링크 */
a {text-decoration:none;cursor:pointer; color:#000; }
a:link, a:visited {text-decoration:none; }
a:hover {text-decoration:none; color:#71bace; }

/* 게시판 */
#smb_my {padding:30px;}

/* 전체 */
#wrap{width:100%; }

/* 상단 */
#top {width:100%;margin:0 auto; padding:0; border-bottom:1px solid #ccc; text-align:center;}
.toptop {background:#454545; color:#fff; font-size:12px; padding:3px 0;}
.toptopbox {width:980PX; margin:0 auto; text-align:right;}
.toptopbox a {color:#fff}
.topsearch {width:130px; height:29px; border:0; border-bottom:solid 1px #cccccc;}
.topc {width:980PX; margin:0 auto; height:100px}
.topl {float:left; margin-top:25px }
.topr {float:right;font-size:16px; font-weight:bold; color:#000 }
.topmenuline {margin:0 20px 0 20px; line-height:20px;}

/* 상단메뉴 */
#d_navi45 ul,#d_navi45 li{list-style:none;margin:0;padding:0}
#d_navi45 img{border:0}
#d_navi45 a{text-decoration:none; font-weight:bold;}

#d_navi45{position:relative;margin:0 auto;z-index:9999;}

#d_navi45 .d_line{position:absolute;left:0;top:-1px;/*border-top:1px solid #cc0000;*/}
#d_navi45 .d_main{float:left;position:relative;margin:0 20px/*필수*/}
#d_navi45 .d_main a{font-size:16px;color:#333333;line-height:100px}
#d_navi45 .d_main a:hover{color:#cc0000}
#d_navi45 .d_main.on a{color:#cc0000}

#d_navi45 .d_main .d_sub{position:absolute;left:-10px;top:100px;width:150px;display:none;background:#000000;opacity:0.8;padding:10px 10px 20px; text-align:left;}
#d_navi45 .d_main .d_sub li a{font-size:13px;color:#ffffff;line-height:20px}
#d_navi45 .d_main .d_sub li a:hover{color:#ffcc00}

#chunga {width:980px; overflow:hidden;margin:0 auto;}

/* 메인 */
#main {overflow:hidden; margin:0 auto; width:980PX; }
#mainimg {}
.mainc {width:100%; margin:25px 0; overflow:hidden;}
.mainc1 {float:left; width:533px; }
.mainc111 {float:left; width:506px; height:144px; background-image:url(/images/main_c1_bg.jpg); line-height:20px; padding:50px 0 0 27px; font-weight:bold; }
.mainc111 a:hover {color:#FFF }
.mainc2 {float:left; width:237px;}
.mainc3 {float:left;}
.maincc1 {float:left; width:296px; margin-right:43px }
.maincc1 dt {padding:10px 0;}
.maincc2 {float:left; width:296px;}
.maincc2 dt {padding:10px 0;}
.maincc3 {float:right; padding-top:10px;}

.DB_tab24 {width:980px;height:328px;position:relative;overflow:hidden}

.DB_tab24 .DB_bgSet{position:relative;}
.DB_tab24 .DB_bgSet li{position:absolute;width:100%;height:328px;display:none}

.DB_tab24 .DB_imgSet{position:absolute;width:900px;left:50%;margin-left:-450px;}
.DB_tab24 .DB_imgSet li{width:100%}

/*모션오브젝트(순차적으로 추가가능)*/
.DB_tab24 .DB_imgSet .DB_1_1{position:absolute;left:0px;top:80px;}
.DB_tab24 .DB_imgSet .DB_1_2{position:absolute;left:0px;top:150px}

.DB_tab24 .DB_imgSet .DB_2_1{position:absolute;left:0px;top:25px;}
.DB_tab24 .DB_imgSet .DB_2_2{position:absolute;left:0px;top:80px}

.DB_tab24 .DB_imgSet .DB_3_1{position:absolute;left:0px;top:100px;}
.DB_tab24 .DB_imgSet .DB_3_2{position:absolute;left:0px;top:170px}

.DB_tab24 .DB_menuWrap{position:absolute;width:900px;left:50%;margin-left:-450px;}
.DB_tab24 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:300px;text-align:center;font-size:0}
.DB_tab24 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}


.DB_tab24 .DB_prev{position:absolute;left:-100px;top:120px;cursor:pointer;display:none}
.DB_tab24 .DB_next{position:absolute;right:-100px;top:120px;cursor:pointer;display:none}


/* 왼쪽메뉴 */
#leftcon {width:180px; margin-right:30px; float:left; }
#leftcon dt {font-size:16px; color:#fff; font-weight:700; padding:8px 0 8px 10px; background-color:#153371; display:block; margin-bottom:5px; }
#leftcon dd {padding:10px 0; margin:0; border-bottom:1px solid #ccc; font-size:14px; }
#leftcon dd a:link {display:block; margin:0 0 0 5px;  text-decoration:none; color:#636363; padding-left:5px;}
#leftcon dd a:visited {color:#636363; }
#leftcon dd a:hover {display:block;margin:0; border-left:5px solid #153371; text-decoration:none; color:#153371; font-weight:bold;}

/* 서브 */
#sub {overflow:hidden; margin:0 auto; width:980PX; padding-top:25px;}
#conbox {width:770px; float:left;}
.contit {font-size:18px; color:#555555; font-weight:700; line-height:15px; width:100%; border-bottom:1px solid #ccc; padding:11px 0 10px 0; margin-bottom:10px;}
#contentbox {width:750px; margin:0 auto; padding:10px; overflow:hidden;}
#contentbox h1 {font-size:16px; line-height:24px; color:#fff; padding:5px; background-color:#153371; display:block; margin-bottom:10px; width:140px}
#contentbox h2 {font-size:16px; padding-left:5px; color:#000}
#contentbox h3 {font-size:14px; line-height:18px;}
.contents {padding:10px; width:100%;}
.contents table {border:1px solid #cccccc; margin-bottom:30px;}
.contents table th {background-color:#f6f6f6; padding:5px; font-weight:bold; text-align:center; border:1px solid #cccccc;}
.contents table td {padding:7px;text-align:left;border:1px solid #cccccc;}

.stitb {font-weight:bold;color:#009}
.subcat {font-size:18px; color:#153371; font-weight:bold; margin-bottom:10px;}
.ritaly {text-align:right; font-style:italic;}
.sublimg {float:left; width:230px;}
.year {float:left; width:500px;}
.year dt{float:left; font-size:16px; color:#153371; font-weight:bold; padding:5px; width:80px;}
.year dd{float:left; font-size:14px; font-weight:bold; padding:5px; width:400px;}
.info {}
.info table {border:1px solid #cccccc; margin-bottom:30px;}
.info table th {background-color:#f6f6f6; padding:7px; font-weight:bold; text-align:center; border:1px solid #cccccc;}
.info table td {padding:7px;text-align:center;border:1px solid #cccccc;}
.infotit {background-color:#153371; font-size:16px; color:#fff; text-align:center; border:1px solid #cccccc;}

.conttabtop {width:750px; overflow:hidden; margin-bottom:40px; padding-top:30px;}
.conttabtop ul li {float:left; margin-right:10px;}
.conttabbot {width:740px; margin-top:40px; display:inline-bloc; }
.conttabbot th {width:123px; font-size:15px; font-weight:bold; color:#72bacd; padding:12px 0; text-align:left; }
.conttabbot td {font-size:13px; font-weight:bold; color:#555555; text-align:left; }
.certification {margin-top:20px; display:inline-block; width:720px;}
.certification ul li {margin-right:40px; width:160px; float:left; line-height:120%;}

#sub1slide {width:100%; height:207px; background:#ffffff url("/images/sub_img1.jpg") center no-repeat; display:inline-block;}
#sub2slide {width:100%; height:207px; background:#ffffff url("/images/sub_img2.jpg") center no-repeat; display:inline-block;}
#sub3slide {width:100%; height:207px; background:#ffffff url("/images/sub_img3.jpg") center no-repeat; display:inline-block;}
#sub4slide {width:100%; height:207px; background:#ffffff url("/images/sub_img4.jpg") center no-repeat; display:inline-block;}
#sub5slide {width:100%; height:207px; background:#ffffff url("/images/sub_img5.jpg") center no-repeat; display:inline-block;}
#sub6slide {width:100%; height:207px; background:#ffffff url("/images/sub_img6.jpg") center no-repeat; display:inline-block;}
#sub7slide {width:100%; height:207px; background:#ffffff url("/images/sub_img7.jpg") center no-repeat; display:inline-block;}

/* 하단 */
#bottom {width:978px; margin:20px auto; border:1px solid #d7d7d7; overflow:hidden;}
.botc {margin:0 auto; }
.botlogo {float:left; padding:32px 40px 0 25px; }
.botcon {float:left; padding:20px 0 15px 0; font-size:12px; line-height:20px; color:#7a7a7a }
.botr {float:right; padding:10px 0 0 0;}

/* Media Query */
@media all and (max-width:980PX){
 #header #gnbLayerWrap { visibility: hidden; }

}