@charset "utf-8";

/* standard style 정의 */
html{overflow-y:scroll; overflow-x:hidden;}
body {margin:0px}
div, p, dl, dt, dd, table, th, td, form, fieldset, adddress {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
ul, ol, li {margin:0; padding:0;}
ul li {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
em {font-style:normal;}
img,input {vertical-align:middle;}
img, fieldset {border:0;}
hr, legend {display:none;}
td, th, dd, div {font-family:"Malgun Gothic", "돋움", "Arial"; font-size:12px; color:#777;}
.input {font-family:"Malgun Gothic", "돋움", "Verdana"; font-size:12px; color:#444; padding:3px 2px; border:1px solid #dadada; background-color:#fff;}
.input_btn {border-right:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); border-top:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); background:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':'' ); border-left:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); border-bottom: expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':'');}
textarea {font-family:"Malgun Gothic", "돋움", "Arial"; font-size:12px; line-height:1.5em; padding:2px; color:#777; overflow:hidden; overflow-y:auto; overflow-X:hidden; border:1px solid #dadada; background-color:#fff;}

/* 링크 관련 */
a {font-family:"Malgun Gothic", "돋움", "Arial"; font-size:12px; color:#5d5d5d; text-decoration:none;}
a:visited {font-family:"Malgun Gothic", "돋움", "Arial"; font-size:12px; color:#5d5d5d; text-decoration:none;}
a:hover {font-family:"Malgun Gothic", "돋움", "Arial"; font-size:12px; color:#4d2f20; text-decoration:underline;}
a:active {font-family:"Malgun Gothic", "돋움", "Arial"; font-size:12px; color:#005ed7; text-decoration:none;}

/* botton */
.btn01 {width:90px; padding:3px 0; border:1px solid #4872ba; font-family:"나눔고딕"; font-weight:bold; color:#4872ba; background-color:#fff;}
.btn02 {width:120px; height:25px; border:1px solid #0072bc; font-family:"나눔고딕"; color:#0072bc; background-color:#fff;}
.btn03 {width:120px; height:25px; border:1px solid #666; font-family:"나눔고딕"; color:#666; background-color:#fff;}
.btn04 {width:60px; height:23px; border:1px solid #444444; font-family:"나눔고딕"; color:#fff; background-color:#444444;}
.btn05 {width:80px; height:23px; border:1px solid #213b67; font-family:"나눔고딕"; color:#666; font-weight:bold; background-color:#fff;}

/* 기본 레이아웃 관련 */
#wrap {position:relative; margin:0 auto; width:980px; z-index:8;}
#header {position:relative; width:980px; margin:0 auto; z-index:9; *zoom:1;}
#header:after {content:""; display:block; clear:both;}
#container {position:relative; width:980px; margin:0px auto; overflow:hidden; z-index:8; *zoom:1;}
#container:after {content:""; display:block; clear:both;}
#footer {position:relative; width:100%; margin:30px auto; overflow:hidden; border-top:1px solid #dedede; z-index:1; *zoom:1;}
#footer:after {content:""; display:block; clear:both;}
#footer .copy {position:relative; width:980px; margin:30px auto;}
#footer .copy dt, #footer .copy dd {float:left;}
#footer .copy dd  {margin:0px 0 0 30px; font-family:'Malgun Gothic'; line-height:1.8em;}
#footer .copy dd em {color:#7cc0ca; font-weight:bold;}

/* top menu */
.logo {float:left; margin:35px 0 0 10px;}
.top_menu {position:absolute; right:0; top:10px; }
.top_menu li {float:left; padding-left:10px;}
.top_menu li a {font-family:'Tahoma'; color:#8d8d8d; font-size:11px;}
.top_menu li a:hover {color:black; text-decoration:none;}

/* navi */
#header .navi {float:right; margin-top:50px; _display:inline;}
#header .navi ul {overflow:hidden; height:50px;}
#header .navi ul li {float:left;}

#header .navi ul li span a {display:block; font-family:'Malgun Gothic'; color:#4e4e4e; font-weight:bold; font-size:17px; padding:3px 40px; border-right:1px solid #ccc;}
#header .navi ul li span a:hover, #header .navi ul li span.on a {color:#7cc0ca; text-decoration:none}


#header .navi ul li div {position:absolute; top:95px; display:none;}
#header .navi ul li div {background-color:#fff;}

#header .navi ul li div ul {margin:0px; padding:10px; height:auto;}
#header .navi ul li div ul li {float:none; margin-bottom:10px; text-align:center;left 70% no-repeat;}
#header .navi ul li div ul li a {display:inline-block; border-bottom:2px solid #fff; font-size:13px; font-family:'Malgun Gothic'; font-weight:normal; color:#808080; zoom:1; *display:inline; letter-spacing:0px;}
#header .navi ul li div ul li a:hover {color:#1d6a8a; border-bottom:2px solid #1d6a8a; text-decoration:none}

#header .navi ul li.navi_1 div {width:180px; left:280px;}
#header .navi ul li.navi_2 div {width:150px; left:460px;}
#header .navi ul li.navi_3 div {width:200px; right:160px;}
#header .navi ul li.navi_4 div {width:165px; right:0px;}


/* m_img */
.m_img {width:980px; height:420px; border-top:4px solid #7cc0ca;}
#main_bgvisual {width:980px;height:420px;}
#main_bgvisual .main_bgvisual_wrapper {width:980px;height:420px;position:relative;margin:0 auto;}
#main_bgvisual .visual_con {float:left;width:980px;height:420px; overflow:hidden; background-position:center top;background-repeat:no-repeat;}
/*#main_bgvisual .visual_con .main_txt {font-family:'Malgun Gothic'; color:#464646; font-size:22px; line-height:2em;}
#main_bgvisual .visual_con .main_txt p {font-size:38px; color:#7cc0ca; text-decoration:underline; font-weight:bold;}*/

#main_bgvisual_control {z-index:1000;position:absolute; width:450px; left:0px;top:390px;}
#main_bgvisual_control .main_control_wrapper {position:relative; margin:0 auto; text-align:center; }
#main_bgvisual_control span.pagination {padding:0; width:auto; }
#main_bgvisual_control span.pagination a {display:inline-block;width:15px;height:14px;background:url('/images/slide_off.png') no-repeat left top; margin-right:5px; }
#main_bgvisual_control span.pagination a.selected {width:52px;background-image:url('/images/slide_on.png'); }
#main_bgvisual_control span.pagination a span {display:none; }

/* m_cont */
.aside {*zoom:1;}
.aside:after {content:""; display:block; clear:both;}
.aside div {float:left; cursor:pointer;}

/* con1 */
.con1 {width:251px; height:220px; background:url('/images/con1.gif') left top no-repeat; font-family:'Malgun Gothic';}
.con1 dl {padding:20px 0 0 30px;}
.con1 p {margin-bottom:13px; color:#fff; font-family:'나눔고딕', 'Malgun Gothic'; font-size:12px; font-weight:bold;}
.con1 dt {margin-bottom:5px; color:#1d6a8a; font-size:16.5px;  font-weight:bold;}
.con1 dd {color:#fff; font-weight:bold; font-size:13px; font-family:'Malgun Gothic'; line-height:1.6em;}
/* con2 */
.con2 {width:242px; height:220px; background:url('/images/con2.gif') left top no-repeat; font-family:'Malgun Gothic';}
.con2 dl {padding:20px 0 0 30px;}
.con2 p {margin-bottom:13px; color:#575757; font-family:'나눔고딕', 'Malgun Gothic'; font-size:12px; font-weight:bold;}
.con2 dt {margin-bottom:5px; color:#202020; font-size:16px; letter-spacing:0.01em; font-weight:bold;}
.con2 dd {color:#575757; font-weight:bold; font-size:13px; font-family:'Malgun Gothic'; line-height:1.6em;}
/* con3 */
.con3 {width:240px; height:220px; background:url('/images/con3.gif') left top no-repeat; font-family:'Malgun Gothic';}
.con3 dl {padding:20px 0 0 30px;}
.con3 p {margin-bottom:13px; color:#fff; font-family:'나눔고딕', 'Malgun Gothic'; font-size:12px; font-weight:bold;}
.con3 dt {margin-bottom:5px; color:#1d6a8a; font-size:18px; font-weight:bold;}
.con3 dd {color:#fff; font-weight:bold; font-size:13px; font-family:'Malgun Gothic'; line-height:1.6em;}
/* con4 */
.con4 {width:247px; height:220px; background:url('/images/con4.gif') left top no-repeat; font-family:'Malgun Gothic';}
.con4 dl {padding:20px 0 0 30px;}
.con4 p {margin-bottom:13px; color:#575757; font-family:'나눔고딕', 'Malgun Gothic'; font-size:12px; font-weight:bold;}
.con4 dt {margin-bottom:5px; color:#337e9d; font-family:'Malgun Gothic'; font-size:20px; font-weight:bold;}
.con4 dt p {margin-bottom:5px; color:#337e9d; font-family:'Malgun Gothic'; font-size:17px; font-weight:bold;}
.con4 dt em {color:#77bcd8;}
.con4 dd {color:#575757; font-weight:bold; font-size:13px; font-family:'Malgun Gothic'; line-height:1.6em;}

/* bside */
.bside {*zoom:1;}
.bside:after {content:""; display:block; clear:both;}
.bside div {float:left;}

/* product */
.product {width:493px; height:239px; display:block; font-family:'Malgun Gothic'; *zoom:1;}
.product:after {content:""; display:block; clear:both;}
.product ul {padding:20px}
.product p {margin-bottom:20px; color:#575757; font-family:'나눔고딕', 'Malgun Gothic'; font-size:12px; font-weight:bold;}
.product li {float:left;}
.product li p {font-weight:normal; text-align:center;line-height:1.5em; margin-top:8px; color:black}
.product span {float:right; margin-top:-25px; *margin-top:-20px;}

/* notice */
.notice {width:487px; height:239px; background-color:#ececec; display:block; font-family:'Malgun Gothic'; *zoom:1;}
.notice:after {content:""; display:block; clear:both;}
.notice ul {padding:20px}
.notice p {margin-bottom:20px; color:#575757; font-family:'나눔고딕', 'Malgun Gothic'; font-size:12px; font-weight:bold;}
.notice span {float:right; *margin-top:-15px;}
.notice ul li {background:url('/images/green_dot.gif') left 50% no-repeat; line-height:2em;}
.notice ul li a {font-family:'Malgun Gothic'; font-size:13px; color:#575757; padding-left:10px; }
.notice ul li a:hover {color:black; text-decoration:none;}
.notice ul li span {font-family:'Tahoma'; color:#9c9c9c; font-size:11px;}

/* s_img */
.s_img {border-top:4px solid #7cc0ca; margin-bottom:35px;}

/* smenu */
.smenu {float:left; *zoom:1;}
.smenu:after {content:""; display:block; clear:both;}
.left { width:180px; margin-right:40px;}
.left p {margin-bottom:30px;}
.left dt {text-align:left; color:#1d6a8a; font-family:'Malgun Gothic'; font-weight:bold; font-size:24px; padding-bottom:10px; border-bottom:2px solid #7cc0ca; margin-bottom:15px;}
.left dd {width:180px; height:26px; margin-bottom:10px;}
.left01 dd a {padding:10px 10px; width:180px; display:block;}
.left .left01 dd a {color:#666; display:inline-block; width:180px; font-size:12px; font-family:"Malgun Gothic"; font-weight:bold;}
.left01 dd a:hover, .left01 dd a.on {color:#fff; background:url('/images/smenu_bg.gif') left 50% no-repeat; width:180px; padding:9px 15px; text-decoration:none;}
.left01 { width:180px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #cdcdcd;}

/* s_cont */
.s_cont {*zoom:1;}
.s_cont:after {content:""; display:block; clear:both;}

/* contents */
.contents {float:right; width:760px; *zoom:1;}
.contents:after {content:""; display:block; clear:both;}
.stit {color:#464646; font-family:'Malgun Gothic'; font-size:30px; margin-bottom:20px;}
.stit span {float:right; font-size:12px; *margin-top:-40px;}

/* 게시판 검색 */
.searchbox {border:1px solid #dedede; padding:3px; color:#666;}
.searchbox:hover {border:1px solid #333;}
.board_search {margin-bottom:10px; vertical-align:middle !important;}
.board_search select {vertical-align:middle !important;}
.leftButtonBox {float:left; margin:10px 0;}
.rightButtonBox {float: right; margin:10px 0;}
.centerButtonBox {text-align:center; margin:10px 0;}

/* 게시판리스트 */
.tbl_list,.tbl_list th,.tbl_list td{border:0; line-height:1.3em;}
.tbl_list {margin-top:10px; border-top:1px solid #1d6a8a;}
.tbl_list th {padding:6px 0; color:#666; font-size:13px; background-color:#f9f9f9; border-bottom:1px solid #f5f5f5}
.tbl_list td {padding:7px 0px; border-bottom:1px solid #f5f4f4; text-align:center;}
.tbl_list td a:hover {color:#000; text-decoration:none;}

/* 보기게시판 */
.tbl_look {margin-top:10px; border-top:1px solid #1d6a8a; border-bottom:1px dashed #ececec;}
.tbl_look th {padding:6px 0; color:#666; background-color:#f9f9f9; border-bottom:1px solid #f5f4f4;}
.tbl_look td {padding-left:5px; text-align:center; border-bottom:1px solid #ececec; }
.look_text {text-align:left; padding:10px; line-height:2em;}

/* 쓰기게시판 */
.tbl_write {border-top:1px solid #000;}
.tbl_write th {padding:6px 0; background-color:#f9f9f9; color:#666; border-bottom:1px solid #fff;}
.tbl_write td { border-bottom:1px solid #ececec;}

/* sub1_1 */
.sub1_1 {font-size:14px; line-height:1.7em; background:url('/images/sub1_1.gif') left top no-repeat; color:#666; font-weight:bold; min-height:380px;}
.sub1_1 p {font-size:22px; font-weight:bold; color:#337e9d;}
.sub1_1 p span {text-decoration:underline; color:#77bcd8}
.sub1_1 em {font-weight:bold; color:#ff8b24}

/* sub1_2 */
.sub1_2 {*zoom:1;}
.sub1_2:after {content:""; display:block; clear:both;}
.sub1_2 li {float:left; line-height:2.3em; width:240px; margin-left:20px; font-weight:bold; color:#666; }
.sub1_2 li p {text-align:center; color:#333; font-weight:bold; font-size:18px; line-height:1.5em; border-bottom:1px double silver; padding:5px 0 18px 0; margin-bottom:10px;}
.sub1_2 li:first-child {margin-left:0px;}
.sub1_2 li span {position:absolute; margin-top:25px; font-weight:bold; color:#ff8b24;}
.sub1_2 li em {color:#337e9d; margin-right:5px; font-weight:bold;}

/* sub1_3 */
.sub1_3 li {font-size:14px; font-weight:bold; color:#666; margin-bottom:30px; line-height:1.9em;}
.sub1_31 {background:url('/eng/images/sub1_31.gif') left top no-repeat; width:180px; height:37px; padding:0px 0 0 15px; color:#fff; font-weight:bold; font-size:15px;}
.sub1_32 {background:url('/eng/images/sub1_32.gif') left top no-repeat; width:180px; height:37px; padding:0px 0 0 15px; color:#fff; font-weight:bold; font-size:15px;}
.sub1_33 {background:url('/eng/images/sub1_33.gif') left top no-repeat; width:270px; height:37px; padding:0px 0 0 15px; color:#fff; font-weight:bold; font-size:15px;}
.sub1_34 {background:url('/eng/images/sub1_34.gif') left top no-repeat; width:180px; height:37px; padding:0px 0 0 15px; color:#fff; font-weight:bold; font-size:16px;}

/* tbl_pro */
.tbl_pro {width:100%; border-top:2px solid #7cc0ca; margin-bottom:30px;}
.tbl_pro th {border-bottom:1px solid #dedede; padding:7px 0; background-color:#f5f4f4; color:#666; font-size:13px; border-left:1px solid #dedede;}
.tbl_pro td {text-align:center; padding:10px 0; line-height:1.8em; border-left:1px solid #dedede; border-bottom:1px solid #dedede;}
.tbl_pro td em {font-size:15px; color:#ff8b24}
.tbl_pro td img {margin:0 10px;}

/* sub2_7 */
.sub2_7 {text-align:center;}
.sub2_7 img {margin:0 10px 20px 0;}