@charset "utf-8";
/* CSS Document */



#i_header_wrap { width:100%; height:100px;}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

#i_header { width:1100px; height:100px; margin:0 auto; position:relative;}

#i_logo { width:160px; height:150px; position:absolute; left:0; top:25px;}

#i_gnb { width:300px; height:20px; position:absolute; right:150px; top:5px; float:right;}

#i_lnb { width:745px; height:30px; position:absolute; left:225px; bottom:25px; }

#i_srch { width:150px; height:25px; position:absolute; right:0; top:5px;}

#i_visu_wrap { width:100%; background:url(/images/main_bg.jpg) center top no-repeat; height:655px;}

#i_visu { width:1100px; height:655px; margin:0 auto; position:relative;}

#i_mtxt { width:640px; height:200px; position:absolute; right:0; top:150px;}

#i_link { width:1100px; height:180px; position:absolute; right:0; bottom:0;}

#i_link > ul { margin:0; padding:0;}

#i_link > ul > li { float:left; margin:0; padding:0; list-style:none;}

#i_order { width:135px; height:42px; position:absolute; right:0; bottom:19px;}

#i_link2 { width:1100px; height:145px; margin:25px auto; }

#i_quick { width:1100px; height:180px; margin:30px auto 0;}

#i_footer_wrap { float:left; width:100%; height:352px; margin-top:50px; background:url(/images/ft_bg.jpg) repeat-x;}

#i_footer { width:1100px; height:352px; margin:0 auto;font-family: 'Nanum Gothic', Malgun gothic, sans-serif;}
#i_footer > ul > li { list-style:none;}
.i_prolist { float:left; margin-top:60px; height:230px;}

.i_prolist ul { margin-right:80px; float:left; padding:0;}
.i_prolist .protit { font-weight:bold; color:#ffffff; padding-bottom:10px; }
.i_prolist .protit a { font-weight:bold; color:#ffffff; }
.i_prolist ul li { font-weight:normal; color:#8d8d8d; font-size:14px; line-height:160%; list-style:none;}
.i_prolist ul li a { font-weight:normal; color:#dadada; line-height:160%;}

.i_sitelist { width:400px; height:30px; margin-top:30px; float:right; padding-right:210px;}

.i_sitelist ul { margin:0; padding:0;}

.i_sitelist ul li { float:left; padding-right:30px; padding-left:0px; color:#444; font-weight:bold;}

.i_top { float:right; height:14px; margin:15px 0; font-size:14px;}

.i_top a { text-decoration:none;}

.i_copy { width:610px; float:right; margin-top:25px; font-size:14px; color:#dadada; line-height:170%;}


#i_svisu_wrap { width:100%; background:url(/images/sub_bg.jpg) center top no-repeat; height:200px;}

#i_svisu { width:1100px; height:200px; margin:0 auto; position:relative;}

#i_smtxt { width:440px; height:100px; position:absolute; right:0; top:50px; }
#i_navi_warp { width:100%; border-bottom:1px solid #ececec; height:49px;}

#i_snavi { width:1100px; height:49px; margin:0 auto;}

#i_snavi > ul { margin:0; padding:0; border-left:1px solid #ececec;}

#i_snavi > ul > li { float:left; list-style:none; padding:0 12px; line-height:49px; border-right:1px solid #ececec;}

#i_swrap { width:1100px; min-height:500px; position:relative; margin:0 auto;}

#i_tit { font-size:38px; color:#014983; font-weight:600; margin-bottom:40px; margin-top:30px; text-align:center;font-family: 'Noto Sans KR', Malgun gothic, sans-serif;}

#i_tit > .stxt01 { font-size:16px; color:#666; font-weight:normal;font-family: 'Noto Sans KR', Malgun gothic, sans-serif;}

#i_txt { font-size:14px; color:#666; line-height:1.5;}


/* a01 */

.a01box { width:330px; height:230px; padding:78px 0 0 35px; float:left;}

.a01p01 { color:#666666; font-size:18px;}

.a01p02 { color:#ffffff; font-size:45px; line-height:45px; font-weight:700;}

.a01box2 { width:655px; min-height:400px; float:right; margin-top:250px;}

.box2001 { font-size:36px; color:#333; line-height:38px; margin-bottom:40px;}

.normal01 { line-height:170%; font-size:15px; color:#333; margin:15px 0; text-align:justify;}


#step01 { width:1100px; min-height:200px; padding-top:15px; padding-bottom:15px; background:url(/images/line_bg.jpg) 17px top repeat-y;}

#step01 dd { line-height:45px; font-size:15px;}

#step01 dl { height:45px;}

.dt01 { clear:both; width:150px; font-size:18px; font-weight:bold; float:left; padding-left:50px;line-height:45px; background:url(/images/step.png) 0 0 no-repeat;  }
.dt02 { clear:both; line-height:45px; width:150px;font-size:18px; font-weight:bold; float:left; padding-left:50px; background:url(/images/step2.png) 0 0 no-repeat; }

/* 보기페이지 스타일 */
.tgview  {border-collapse:collapse;border-spacing:0;border-color:#999;}
.tgview td{font-family:Arial, sans-serif;font-size:11px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#a6bcd1;color:#6284ab;background-color:#F7FDFA;}
.tgview th{font-family:Arial, sans-serif;font-size:11px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#a6bcd1;color:#fff;background-color:#26ADE4;}
.tgview .tg-1boe{background-color:#f6f8fa;text-align:center;width:28%}
.tgview .tg-dm4e{background-color:#6284ab;color:#ffffff;text-align:center;}
.tgview .tg-zlxb{background-color:#ffffff;text-align:center; width:72%;}




/* 상세페이지 테이블 들어갈때 스타일 추가 2017.06.16 ===== 이스타일 수정할때는 plugin - editor - smarteditor2 - css - smart_editor2_in.css와 모바일 스타일시트, adm페이지 pr_itemform.php도 함께 수정이 필요함!!!!!!*/

.tg_88  {border-collapse:collapse;border-spacing:0;border-color:#6284ab; width:100%;}
.tg_88 td{font-family:"Nanum Gothic", Malgun gothic, sans-serif;font-size:12px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#6284ab;color:#444;background-color:#F7FDFA;}
.tg_88 th{font-family:"Nanum Gothic", Malgun gothic, sans-serif;font-size:12px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#6284ab;color:#fff;background-color:#26ADE4;}
.tg_88 .tg-b0pn{background-color:#f6f8fa;color:#6284ab;text-align:center}
.tg_88 .tg-pana{background-color:#6284ab;text-align:center}
.tg_88 .tg-ysua{background-color:#ffffff;color:#6284ab;text-align:center}
.tg_88 .tg-3g5u{background-color:#f6f8fa;color:#6284ab;vertical-align:top}
.tg_88 .tg-2out{background-color:#ffffff;color:#6284ab;vertical-align:top}