@charset "utf-8";

/*layout */
#wrap{width:998px; margin:0 auto; border-left:1px solid #cecece; border-right:1px solid #cecece; display:inline-block;}

/* columnleft */
#columnleft{float:left; width:225px; height:80%;}
#columnleft h1{padding:24px 24px 30px 16px;}
.info{ float:left; border-top:1px solid #cecece; border-bottom:1px solid #cecece; padding:11px 10px;  width:205px;}
.info .welcome{ float:left; background:url('../Images/common/icon_speaker.gif') no-repeat 0 1px; padding:0 0 0 20px; font-size:11px;}
.info .logbtn{float:right;}

/* gnb */
.gnb ul{float:left; width:225px; height:100%; margin:0; text-align:left; font-weight:bold; padding-bottom:20px;}
.gnb ul li{float:left; width:175px; font-size:18px; padding:0; display:block;}
.gnb ul li a{color:#333;}
.gnb ul li a:hover{color:#333;}
.gnb li ul{float:left; width:225px; padding:10px 0; border-bottom:1px solid #cecece;}
.gnb li ul li{font-size:14px; border:none;  padding:0; background-color:#fff; color:#666; width:100%;}
.gnb li ul li a{color:#666;}
.gnb li ul li a:hover{color:#015b6e; background:none;}
.gnb li ul li ul{float:left; padding:10px 0; border-bottom:none;}
.gnb li ul li ul li{float:left; font-size:12px; padding:0;}
.gnb li ul li ul li a{color:#999;}
.gnb li ul li ul li a:hover{color:#333; background:none;}

/* gnb2 */
.gnb2 {float:left; width:225px; height:100%; margin:0px; text-align:end; font-weight:bold; padding-bottom:10px; padding-top:0px; }
/*.gnb2 ul li{float:left; width:175px; font-size:18px; padding:0; display:block;}*/

/*.gnb2 ul li a{color:#333;}
.gnb2 ul li a:hover{color:#333;}
.gnb2 li ul{float:left; width:225px; padding:10px 0; border-bottom:1px solid #cecece;}
.gnb2 li ul li{font-size:14px; border:none;  padding:0; background-color:#fff; color:#666; width:100%;}
.gnb2 li ul li a{color:#666;}
.gnb2 li ul li a:hover{color:#015b6e; background:none;}
.gnb2 li ul li ul{float:left; padding:10px 0; border-bottom:none;}
.gnb2 li ul li ul li{float:left; font-size:12px; padding:0;}
.gnb2 li ul li ul li a{color:#999;}
.gnb2 li ul li ul li a:hover{color:#333; background:none;}*/



/* columnright */
#columnright{float:left; width:773px; background:url('../Images/common/columnright_bg.gif') repeat-y 0 1px;}
.visualimageA{float:left; width:773px; height:180px; background:url('../Images/common/subvisual.jpg') no-repeat 0 0;}
.visualimagemain{float:left; width:773px; height:529px; background:url('../Images/main/mainvisual.jpg') no-repeat 0 0;}

/* footer */
#footer{float:left; clear:both;width:998px; background-color:#757575; color:#ccc;}
#footer .f_logo{float:left; padding:20px 0 20px 36px;}
.copy{float:right; width:703px; text-align:right; padding:15px 25px 15px 0;}
.copy ul{width:703px; text-align:right;}
.copy ul li{float:right; padding:0 0 0 20px; background:url('../Images/common/footer_line.gif') no-repeat 10px 3px;}
.copy ul li.bn{background:none;} 
.copy a{color:#fff;text-decoration:none}
.copy a:hover{color:#ccc;text-decoration:none;}
.copy address{float:left; width:703px; padding:8px 0 0 0;}



/* main */
.maincontent{float:left; width:773px; padding:0;}
.quickservice{float:left; width:773px; text-align:left;background:url('../Images/main/quick_bg.jpg') no-repeat 0 0;}
.quickmenu li{float:left;}


/* board */
.boardViewTypeA{float:left; width:100%; border:1px solid #d6d6d6; border-top:2px solid #6b94b3; table-layout:fixed; word-break:break-all;}
.boardViewTypeA th{padding:8px 5px; border:1px solid #d6d6d6; text-align:left; background-color:#f7f7f7;}
.boardViewTypeA td{padding:8px 5px; border:1px solid #d6d6d6; text-align:left;}
.boardViewTypeA .tl{text-align:left;}
.boardViewTypeA .tc{text-align:center;}
.boardViewTypeA .tr{text-align:right;}
.boardViewTypeA a{color:#3588c8; text-decoration:underline;}
.boardViewTypeA a:hover{color:#3588c8; text-decoration:underline;}
.boardViewTypeB{width:100%; border:1px solid #d6d6d6; border-top:2px solid #6b94b3; table-layout:fixed;}
.boardViewTypeB th{padding:8px 5px; border:1px solid #d6d6d6; text-align:center; background-color:#f7f7f7;}
.boardViewTypeB td{padding:8px 5px; border:1px solid #d6d6d6; text-align:center;}
.boardViewTypeB .tl{text-align:left;}
.boardViewTypeB .tc{text-align:center;}
.boardViewTypeB .tr{text-align:right;}
.boardViewTypeB a{color:#3588c8; text-decoration:underline;}
.boardViewTypeB a:hover{color:#3588c8; text-decoration:underline;}
.boardListTypeA{float:left; width:100%; border:1px solid #d6d6d6; border-top:2px solid #6b94b3;}
.boardListTypeA th{padding:8px 3px; border:1px solid #d6d6d6; text-align:center; background-color:#f7f7f7;}
.boardListTypeA td{padding:8px 5px; border-left:1px solid #d6d6d6; border-top:1px solid #fff; border-bottom:1px solid #d6d6d6; text-align:center;}
.boardListTypeA .tl{text-align:left;}
.boardListTypeA .tc{text-align:center;}
.boardListTypeA .tr{text-align:right;}
.boardListTypeA a{color:#3588c8; text-decoration:underline;}
.boardListTypeA a:hover{color:#3588c8; text-decoration:underline;}
.boardListTypeA .ov{background-color:#f7f7f7;}
/* pagingList */
.pagingList { width:100%; text-align:center; display:inline-block; padding-top:3px;}
.pagingList strong{margin:0 3px;}
.pagingList a {padding:0 3px; font-size:11px; color:#888888;}
.pagingList a img {vertical-align:middle;}
.pagingList strong {padding:0 0; letter-spacing:-1px; font-size:12px; color:#3589c9;}

/* button */
.btnpositon {float:left; width:100%; padding:7px 0; height:25px; position:relative;}
.btnpositon .btnL{float:left;}
.btnpositon .btnR{float:right;}
.btnpositon .pagingList{ float:left; text-align:center; width:300px; position:absolute; left:200px;}

/* text */
.textpositon {float:left; width:100%; padding:7px 0; height:15px;}
.textpositon .allnum{float:left; font-size:11px;}
.textpositon .pagenum{float:right; font-size:11px;}
.textpositon select{font-size:10px;}

/* consent */
.consent{float:left; width:100%; border-top:1px solid #cecece; border-bottom:1px solid #cecece; margin:25px 0 20px 0; padding:10px 0;}
.consent .textL{float:left; padding-left:10px;}
.consent .textR{float:right; padding-right:10px;}

.srch{padding:0 0 15px 246px; float:left;}


/* button */ 
a.btnYellow{display:inline-block; padding-right:4px; background:#fdae05; font-size:14px; color:#fff; line-height:24px; word-spacing:-1px;text-decoration:none; white-space:nowrap; font-weight:bold;}
a.btnYellow span{display:inline-block; padding:2px 18px 4px 22px; background:#fdae05;}
a.btnGrey{display:inline-block; padding-right:4px; background:#c1c1c1; font-size:14px; color:#fff; line-height:24px; word-spacing:-1px;text-decoration:none; white-space:nowrap; font-weight:bold;}
a.btnGrey span{display:inline-block; padding:2px 18px 4px 22px; background:#c1c1c1;}