@charset "utf-8";
/*reset*/
ul { list-style-type:none; }
img { border:0; }
body,h1,h2,h3,h4,h5,h6,p,ul,li { margin:0; padding:0; }
a { text-decoration:none;}

/*base*/
body { font-size:12px; font-family: "나눔고딕","맑은 고딕","돋움"; color:#333; background:url(../images/bg.gif) repeat-x; }

/*layout*/
#wrap { margin:0 auto;  width:1004px; height:980px; position:relative; }
#header { width:1004px; height:218px; background:#030303; position:relative; }
#visual { position:relative; height:461px; background:#3d3d3d; }
#contents { position:relative; height:190px; }
#footer { height:111px; text-align:left; }

/*header*/
#logo { width:1004px; height:117px; position:relative; }
#logo h1 { width:350px; height:37px; position:absolute; top:56px; left:327px; }
#logo ul { width:86px; height:5px; float:right; margin-top:105px; margin-right:16px; }
#logo ul li { float:left; margin-left:22px; } 
#gnb { width:1004; height:101px; border-left:#3d3d3d solid 1px; border-top:#3d3d3d solid 1px; border-right:#3d3d3d solid 1px; box-sizing:border-box; }
#gnb ul { width:709px; height:40px; float:left; margin-left:147px; margin-top:22px; }
#gnb #menu_1 { float:left; margin-right:68px; cursor:pointer; }
#gnb #menu_2 { float:left; margin-right:71px; cursor:pointer; }
#gnb #menu_3 { float:left; margin-right:71px; cursor:pointer; }
#gnb #menu_4 { float:left; margin-right:75px; cursor:pointer; }
#gnb #menu_5 { float:left; cursor:pointer; }

/*visua*/
#flash { width:980px; height:429px; margin:0 auto; position:absolute; left:12px; top:16px; }

/*contents*/
#ct_m { position:absolute; left:2px; top:19px; width:1000px; height:31px; background:url(../images/ct_bg.gif); }
#ct_m h2 { width:327px; height:31px; margin-left:16px; float:left;}
#ct_m  ul { float:left; width:615px; height:31px; }
#ct_m  ul li { float:left; }

#section01 { float:left; width: 320px; height: 121px; margin-left:1px; margin-right: 21px; margin-top:69px; border-radius:9px; border:#555 1px solid; box-sizing:border-box; }
#section01 h2 { width:49px; height:13px; margin-top:20px; margin-left:30px; }
#info { width:277px; height:70px; margin-left:20px; border-top:#555 1px dotted; box-sizing:border-box; padding-top:10px; margin-top:3px; }
#section01 li { font-family:"나눔고딕","맑은 고딕","돋움"; color:#8d8d8d; font-size:11px; background:url(../images/dot.gif) no-repeat 3px 7px; line-height:18px; padding-left:10px; }
#section01 a { font-family:"나눔고딕","맑은 고딕","돋움"; color:#555; font-size:11px; letter-spacing:-1px; }
#section01 a:hover { color:#007fc8; }

#section02 { float:left; width: 320px; height: 121px; margin-right: 21px; margin-top:69px; border-radius:9px; border:#555 1px solid; box-sizing:border-box; }
#section02 h2 { width:49px; height:13px; margin-top:20px; margin-left:30px; }
#section02 li { font-family:"나눔고딕","맑은 고딕","돋움"; color:#8d8d8d; font-size:11px; background:url(../images/dot.gif) no-repeat 3px 7px; line-height:18px; padding-left:10px; }
#section02 a { font-family:"나눔고딕","맑은 고딕","돋움"; color:#555; font-size:11px; letter-spacing:-1px; }
#section02 a:hover { color:#007fc8; }

#section03 { float:left; width: 320px; height: 121px; margin-top:69px; border-radius:9px; border:#555 1px solid; box-sizing:border-box; }
#section03 h2 { width:49px; height:13px; margin-top:20px; margin-left:30px; }
#section03 li { font-family:"나눔고딕","맑은 고딕","돋움"; color:#8d8d8d; font-size:11px; background:url(../images/dot.gif) no-repeat 3px 7px; line-height:18px; padding-left:10px; }
#section03 a { font-family:"나눔고딕","맑은 고딕","돋움"; color:#555; font-size:11px; letter-spacing:-1px; }
#section03 a:hover { color:#007fc8; } 

#footer p { font-family:"나눔고딕","맑은 고딕","돋움"; color:#4c4c4c; letter-spacing:-0.5px; font-size:10px; margin-left:3px; line-height:16px; }
#company { padding-top:39px; }
#copyrifht { padding-top:5px; }
#copyrifht p { font-family:"나눔고딕","맑은 고딕","돋움"; color:#666; font-size:11px; letter-spacing:0px;}
.cp1 { font-size:11px; }
#company a { color:#666; }
#company a:hover { color:#007fc8; }
#fr { width:120px; float:right; position:absolute; bottom:54px; right:228px; }
#fr a { font-family:"나눔고딕","맑은 고딕","돋움"; color:#666; font-size:10px; text-align:right; }
#fr a:hover { color:#007fc8; }

.meul { float:left; margin-top:3px; }
.meul li {float:left; }
#menus_1 { display:none; width:229px; height:26px; float:left; position:absolute; top:179px; left:139px; }
#menus_2 { display:none; width:497px; height:26px; float:left; position:absolute; top:179px; left:313px; }
#menus_3 { display:none; width:245px; height:26px; float:left; position:absolute; top:179px; left:459px; }
#menus_4 { display:none; width:152px; height:26px; float:left; position:absolute; top:179px; left:616px; }

#foot_menu { width:149px; height:20px; position:absolute; bottom:50px; right:45px; }
#family_sub { display:none; width:135px; height:164px; background:#fff; padding: 5px; border:2px solid #212121; position:absolute; bottom:20px; }
#family_sub li { height:15px; }
#family_sub a { text-decoration:none; color:#666; outline:none; }
#family_sub a:hover { color:#e8973e; }