body {widht:100%; margin:0px; padding:0px; color:#666; font-family:dotum, gulim; font-size:12px;}

/*base*/
p {text-align:justify; line-height:140%; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;}
h4 {margin-top:25px; font-size:14px; color:#15479B; margin-bottom:10px;}
h5 {font-size:12px; margin-top:15px;}
ul {margin:10px 0; padding-left:15px;}
.c_both {clear:both; margin:0px; padding:0px;}
.t_right {text-align:right;}
.t_center {text-align:center;}
.t_left {text-align:left;}
.f_left {float:left;}
.f_right {float:right;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.ml10 {margin-left:10px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mb10 {margin-bottom:10px !important;}
.pl10 {padding-left:10px !important;}

/*layout*/
#wrap {width:100%;}
#wrap_main {width:100%; background:url(./images/main_bg.jpg) no-repeat center top;}
#wrap_sub {width:100%;}
#copy {width:100%; text-align:center; font-size:11px; line-height:15px; padding:20px 0; }
.topline {border-top:2px solid #5c7bbc;}

/*main*/
h1#logo {width:240px; height:101px; margin:0px auto; padding:20px 0px 0px 0px;}
#main_img {position: relative;width:100%; margin:auto; margin-top:45px; text-align:center;height:250px; mari}

#banner { clear:both; font-size:12px; font-weight:bold; width:100%; max-width:700px; margin:20px auto 25px auto; letter-spacing:-1px; overflow:hidden; height:120px;}
#banner p {margin:0px; padding:65px 0px 0px 0px; text-align:center; height:12px; list-style:none; float:left;}
#banner .b_1 {background:url(./images/banner1.png) no-repeat center top; width:25%;}
/* #banner .b_2 {background:url(./images/banner2.png) no-repeat center top; width:25%;} */
#banner .b_3 {background:url(./images/banner3.png) no-repeat center top; width:25%;}
#banner .b_4 {background:url(./images/banner4.png) no-repeat center top; width:25%;}
#banner .b_5 {background:url(./images/banner5.png) no-repeat center top; width:25%;}

/*sub*/
#bar {width:100%; height:34px; background:#5c7bbc; margin:0px auto;}
#menu1 {width:100%; background:#064092; margin:0px auto; height:34px;}
#menu1 ul { margin:0px auto; padding:0px; margin:0px;}
#menu1 ul li { float:left; width:49.7%; height:100px; border-right:1px solid #FFF; color:#FFFFFF; list-style-type:none; text-align:center; line-height:34px; height:34px; font-weight:bold;}
#menu1 ul li.noline {border:none;}
#menu1 ul li.on {color:#fff;}
#menu2 {width:100%; background:#bdbdbd; margin:0px auto; height:34px;}
#menu2 ul { margin:0px auto; padding:0px; margin:0px;}
#menu2 ul li { float:left; width:50%; height:100px; border-right:0px solid #FFF; color:#FFFFFF; list-style-type:none; text-align:center; line-height:34px; height:34px; font-weight:bold;}
#menu2 ul li.noline {border:none;}
#menu2 ul li.on {color:#fff; background:#064092;}
#menu3 {width:100%; background:#bdbdbd; margin:0px auto; height:34px;}
#menu3 ul { margin:0 auto; padding:0px;}
#menu3 ul li { float:left; width:33.1%; height:100px; border-right:0px solid #FFF; color:#FFFFFF; list-style-type:none; text-align:center; line-height:34px; height:34px; font-weight:bold;}
#menu3 ul li.noline {border:none;}
#menu3 ul li.on {color:#fff; background:#064092;}
#menu4 {width:100%; background:#bdbdbd; margin:0px auto; text-align:center;}
#menu4 ul { margin:0 auto; padding:0px;}
#menu4 ul li { float:left; width:25%; height:100px; border-right:0px solid #FFF; border-bottom:1px solid #FFF; color:#FFFFFF; list-style-type:none; text-align:center; line-height:34px; height:34px; font-weight:bold;}
#menu4 ul li.noline {border:none;}
#menu4 ul li.on {color:#fff; background:#064092;}

#p_title {width:100%; height:60px; margin:0px auto; padding:0px; position:relative; background:#bbebff;}
#p_title #btn_back {float:left; width:51px; height:33px; background:url(./images/btn_back.png) no-repeat right top;  vertical-align:bottom; font-size:0px; color:#7acfee; line-height:0px; margin:13px 5px; position:absolute; left:10px;}
h1#p_t {float:left; width:100%; text-align:center; line-height:60px; height:60px; font-size:18pt; font-weight:bold; color:#0156a7; margin:0 auto;}
#p_title #btn_home {float:right; width:51px; height:33px; background:url(./images/btn_home.png) no-repeat right top; font-size:0px; line-height:0px; margin:13px 5px;color:#7acfee; position:absolute; right:10px;}
#contents {clear:both; background:url(../images/sub/con_bg.png) repeat-x center top; margin:0px; padding:0px;}
#contents .wi {padding:30px 3% 0px 3%; margin:0px auto; height: auto !important; min-height:150px;}
.f_blue_b {font-weight:bold; color:#5c7bbc;}
.f_big {font-size:12pt;}
.f_bold {font-weight:bold;}
h2.icon {font-weight:bold; color:#333; font-size:13pt; background:url(../images/contents/h2_icon.png) no-repeat left top; padding-left:21px; height:19px; line-height:17px;}
.h_title {font-size:17px; color:#5c7bbc; padding-bottom:20px; font-weight:bold;}

table.board1{border-top:2px solid #5c7bbc;line-height:140%;border-collapse:collapse; width:100%;}
table.board1 td{padding:5px 10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
table.board1 th{padding:5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f5f5f5;text-align:center; font-size:12px;}
table.board1 th.left_line,table.board1 td.left_line{border-left:1px solid #ccc}
table.board1 th.noline, table.board1 td.noline{border-right:0}

.slides li img {width:320px;}
.mid_line {border-left:5px solid #019BFD; border-right:5px solid #019BFD; width:98%; text-align:center; margin:auto;}
.subbox {border:1px solid #ccc; background-color:#f8f8f8; padding:15px; margin-bottom:20px;}
.blue1 {color:#0046a5;}
.blue2 {color:#0098aa;}