@charset "utf-8";
@import url('/css/base.css');
@import url('/css/fonts.css');


/* ---------------------
layout
---------------------- */

#wrap{width:100%; margin:0 auto; } 
/* topmenu */
#top_navi_wrap{width:100%; min-height:109px; background:url("/img/topmenu_bg.png") top left repeat-x; position:absolute; z-index:100000; border-bottom:1px solid #e5e5e5;}
.top_navi_con{width:1100px; margin:0 auto; position:relative;}
.top_m_over{float: right; overflow:hidden; position:absolute; top:0px; right:0px;}
.top_m_flo{float:left; margin-top:5px; margin-left:15px; margin-right:15px;}
.top_m_flo2{float:left; margin-top:0px;}

.top_menu_wrap{overflow:hidden;position:absolute;left:0px;top:42px;}
.logo{float:left;  width:300px; }

.table100{word-break:break-all;}
/*.table100 img{width:100%;}*/
.table100 table{width:100% !important;}

/* 메뉴시작 */
#gnb_new{padding:60px 0 0 420px; overflow:hidden;}
.gnb_li{float:left;}
.gnb_li1{width:106px;}
.gnb_li2{width:105px; padding:0px 0px 0px 38px;}
.gnb_li3{width:133px; padding:0px 0px 0px 38px;}
.gnb_li4{width:103px; padding:0px 0px 0px 38px;}
.gnb_li5{width:57px; padding:0px 0px 0px 38px;}
.sgnb{overflow:hidden; position:relative; display:none; width:1100px; padding:41px 0px 8px 0px;}
.sgnb1{left:-420px; width:680px; padding-left:420px;}
.sgnb2{left:-526px; width:574px; padding-left:526px;}
.sgnb3{left:-631px; width:459px; padding-left:641px;}
.sgnb4{left:-764px; width:330px; padding-left:770px;}
.sgnb5{left:-867px; width:363px; padding-left:800px;}
.sgnb_li{font-weight:normal; font-size:13px; color:#7b7b7b; }

.gray_line{border-bottom:solid 1px #d8d8d8; width:100%; position:absolute; z-index:10; left:0px; top:110px; height:0px;}

/* Visual
-----------------------------------------------------------------------------*/
#maincontent{position:relative; width:100%; margin:0 auto; text-align:center; top:110px; overflow: hidden; zoom: 1;}
.animation_canvas { position:relative; overflow:hidden; width: 100%; height: 720px;  z-index:1; }

.slider_panel { width: 100%; height: 720px; position:relative; }
.slider_image { position: absolute; left:0; top:0; width: 100%; height: 720px; opacity:0; }

.slider_panel .img1 { background:url(/img/vimg1.jpg) no-repeat center top; }

.slider_text_panel { position:absolute; top:0px; left: 0px; width: 100%; height: 720px; }
.slider_text_panel .slider_text {position:absolute;  width: 1200px; height: 720px; left:50%; top:0; margin-left: -600px; }

.slider_text_panel .txt1 .text1 { position: absolute; left: 50%; top: 120px; margin-left: -620px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text2 { position: absolute; left: 50%; top: 160px; margin-left: -620px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text3 { position: absolute; left: 50%; top: 270px; margin-left: -620px; opacity: 0; filter: alpha(opacity=0);}
.slider_text_panel .txt1 .text4 { position: absolute; left: 50%; top: 70px; margin-right: -170px; opacity: 0; filter: alpha(opacity=0);}

.control_panel { position:absolute; top: 650px; left: 50%; margin-left: -35px; width:69px; height: 20px; overflow:hidden; background:url(/img/point_back.png) no-repeat 0 0; z-index: 10; }
.control_panel .control_button { width:10px; height:10px; position:relative; float:left; cursor:pointer; display:inline-block; background:url(/img/point.png) no-repeat center top; margin: 5px 5px 0 0; }
.control_panel .control_button.active { background-position: center bottom; }
.control_panel .first { margin: 5px 5px 0 7px; }

/* Tab */
.tab{float:left; width:460px; overflow:hidden;}
.tab ul{float:left; padding: 0px 0px 0px 0px; }
.tab li{float:left;  padding: 0px 0px 0px 0px; text-align:left; vertical-align:top; }
.tab li.tmore{float:right; text-align:right; padding:2px 5px 0px 20px;}
.tab:after{display:block;clear:both;content:''}
/* main rollingimg arrow */
#prev1 {float:left;}
#next1 {float:right;}
#prev1, #next1{color:#FFF;}
/* main rollingimg arrow */
#m_visualbox{ width:100%;min-width:1100px; height:1169px;position:relative;overflow:hidden; BORDER-BOTTOM: #e4e4e4 0px solid;}
#m_visual {position:absolute; width:2000px; height:1169px;left:50%;margin-left:-1000px;}

#mcontent01{ margin:0 auto; width:1100px; padding: 140px 0px 0px 0px; vertical-align:top; text-align:left; }
#mcontent01 ul{float: left; }
#mcontent01 ul li.mc01{float: left; width:360px; vertical-align:top; text-align:center;  padding: 0px 70px 0px 0px; }
#mcontent01 ul li.mc02{float: left; width:670px; vertical-align:top; text-align:center;  padding: 0px 0px 30px 0px; }

#notice{float: left; width: 360px; margin: 0px 0px 0px 0px ; padding: 0px 0px 0px 0px; vertical-align:top; text-align:left;}
#notice ul.ntit{vertical-align:top; text-align:left; padding: 0px 0px 20px 0px; }
#notice ul.ncont{vertical-align:top; text-align:left; padding: 0px 0px 0px 0px; }

#latest_m {clear:both; width:360px; margin: 0px 0 0px 0px; text-align:center; vertical-align:top;}
#latest_m ul{float: left; text-align:left; vertical-align:top; padding: 0px 0px 5px 0px;}
#latest_m ul li.consubject{float: left; width: 290px; padding: 0px 10px 0px 0px; font-weight:normal; FONT-FAMILY:"돋움", dotum, Tahoma, Arial, Verdana, Helvetica, AppleGothic, Sans-serif, '나눔고딕', NanumGothic; FONT-SIZE: 12px; color: #5d5d5d; text-align:left; vertical-align:top; LINE-HEIGHT: 16px;}
#latest_m ul li.consubject a{color: #5d5d5d;}
#latest_m ul li.condate{float: left; width: 60px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:right; vertical-align:top; FONT-SIZE: 11px; color: #888888;}
#latest_m ul li.condate a{color: #888888;}


#products{width: 670px; margin: 0px 0px 0px 0px ; padding: 0px 0px 0px 0px; vertical-align:top; text-align:left;}
#products ul{float: left; }
#products ul li{float: left; vertical-align:top; text-align:left; padding: 0px 30px 0px 0px;  }
#products ul li a{vertical-align:top; text-align:left; }
#products ul li a:hover {opacity: 0.7; filter: alpha(opacity=70);}
#products ul li.pend{float: left; vertical-align:top; text-align:left; padding: 0px 0px 0px 0px;  }
#products ul li.pend a{vertical-align:top; text-align:left; }
#products ul li.pend a:hover {opacity: 0.7; filter: alpha(opacity=70);}

#cscenter_wrap{ width:100%; overflow:hidden; BORDER-top: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid; padding: 10px 0px 10px 0px;}
#cscenter {width:1100px; margin:0 auto; vertical-align:top; text-align:left;}

/* @@@@@@@@ footer @@@@@@@@ */
#footer_wrap{clear: both; width:100%; margin:0 auto; text-align:center; border-top:1px solid #e4e4e4; }
#footer{margin:0 auto;  width:1100px; padding: 20px 0px 30px 0px; }
#footer ul{ width:1100px; padding: 0px 0px 0px 0px;  text-align:left; vertical-align:top; }
#footer ul li.flogo{float: left; width:300px; padding: 10px 0px 0px 0px; text-align:left; vertical-align:top;  FONT-SIZE: 12px; COLOR: #5d5d5d; line-height: 18px; font-weight:bold;}
#footer ul li.fcopy{float: right; width:800px; padding: 3px 0px 30px 0px; text-align:right; vertical-align:top;  FONT-SIZE: 12px; COLOR: #5b5b5b; line-height: 18px;}

/*@@@@@@@@ footer end @@@@@@@@*/

/* popup*/
#popup{float: left; width: 100%; margin: 0px 0px 0px 0px ; padding: 0px 0px 0px 0px; vertical-align:top; text-align:left;}
#popup ul{padding: 0px 0px 0px 0px;}
#popup ul.poptit{float: left; vertical-align:top; text-align:left; padding: 10px 0px 5px 10px; FONT-FAMILY:"돋움", dotum, Tahoma, Arial, Verdana, Helvetica, AppleGothic, Sans-serif, '나눔고딕', NanumGothic; FONT-SIZE: 14px; COLOR: #ffffff; font-weight:bold;}
#popup ul.popimg{float: left; vertical-align:top; text-align:center; margin: 0px 0px 0px 0px; }
#popup ul.popbtn{float: right; vertical-align:top; text-align:right; padding: 10px 10px 10px 0px; FONT-FAMILY:"돋움", dotum, Tahoma, Arial, Verdana, Helvetica, AppleGothic, Sans-serif, '나눔고딕', NanumGothic; FONT-SIZE: 11px; COLOR: #d6ded4; }


						
/* ---------------------
sub
---------------------- */
/* Sub Layout */
#subcontainer{clear:both; width:1100px; text-align:left; vertical-align:top;  margin:110px auto 0px auto; background:url('/img/slbg.jpg') 0px 0px repeat-y;}
#subcontainer:after{display:block;clear:both;content:''}
.ltable{float:left; width:200px; min-height: 600px; margin:0px 50px 0px 0px; text-align:left; vertical-align:top; padding:0px 0px 0px 0px; }
.rtable{float:right; width:850px; margin:0px 0px 50px 0px; text-align:left; vertical-align:top;  }

#subimgbox{position:relative; width:100%; margin:0 auto; min-width:1100px; height:160px; text-align:center; top:110px; overflow: hidden; BORDER-BOTTOM: #e5e5e5 1px solid; zoom: 1;}
.subimg_visual {position:absolute;overflow:hidden; width:2000px; height:160px;left:50%;margin-left:-1000px;  z-index:1; }

/* lnb */

#lt {width:200px; height: 39px; margin:0px 0px 0px 0px; padding:21px 0px 0px 0px; text-align:center; vertical-align:top; FONT-SIZE: 19px; COLOR: #ffffff; font-weight:bold; border-bottom:1px solid #a99646;background:url('/img/lt.jpg') no-repeat top left;}	

div.lnbwrap{margin:0px 0px 0px 0px; width:200px; padding:0px 0px 10px 0px; }
/* adm lnb */
.lnb01{width:200px; margin:0px 0px 0px 0px;}
.lnb01 li.lnbline {width:150px; height:1px; margin:10px 30px 0px 0px; padding:0px 0px 0px 0px; border:1px solid #dbdbdb; border-width:0px 0px 1px 0px;}
.lnb01 li.blank {width:200px; height:15px; border-bottom:0px solid #e2e2e2;}
.lnb01 li.cs {width:200px; padding:50px 0px 50px 0px; border:1px solid #dbdbdb; border-width:0px 0px 1px 0px; text-align:center; vertical-align:top;}
            /* 메뉴 bg */
			.lnb01 > li{overflow:hidden; border-bottom:1px solid #e2e2e2;  }
			.lnb01 > li a{display:block; vertical-align:middle; padding:7px 10px 7px 20px; font-weight:normal; color:#333333; letter-spacing: 0.0em; line-height: 16px; FONT-SIZE: 13px; }
			/* 메뉴 오버시 */
			.lnb01 > li a:hover{font-weight:bold; color:#ffffff; FONT-SIZE: 13px; background-color:#9d9d9d;}
			/* 메뉴 열려있을시 */
			.lnb01 > li.on{font-weight:bold; color:#ffffff; FONT-SIZE: 13px; background-color:#9d9d9d;}
			.lnb01 > li.on > a{font-weight:bold; color:#ffffff; FONT-SIZE: 13px;}
			
			/* 하위메뉴 있을시 */
			.lnb01 > li.have{font-weight:bold; color:#ffffff; background-color:#9d9d9d; FONT-SIZE: 13px;}
			.lnb01 > li.have a{font-weight:bold; color:#ffffff; FONT-SIZE: 13px;}
			
			/* 하위메뉴 오픈되었을시 */
			.lnb01 > li.have > a.opened{background-color:#9d9d9d; font-weight:bold; color:#ffffff; FONT-SIZE: 13px;}
			.lnb01 > li.have > a:hover{background-color:#9d9d9d; font-weight:bold; color:#ffffff; FONT-SIZE: 13px;}
			.lnb01 > li.have > a.opened:hover{color:#ffffff; background-color:#9d9d9d; font-weight:bold; FONT-SIZE: 13px;}
			
			/* 하위메뉴 열려있을시 상위메뉴 */
			.lnb01 > li.have.on{background-color:#9d9d9d; font-weight:bold; color:#ffffff; FONT-SIZE: 13px;}
			.lnb01 > li.have.on > a.opened{background-color:#9d9d9d; font-weight:bold; color:#ffffff; FONT-SIZE: 13px;}
			.lnb01 > li.have.on > a:hover{font-weight:bold; color:#ffffff; background-color:#9d9d9d; FONT-SIZE: 13px;}
						
						
/* lnb 처음부터 펼쳐진 상태로 보이게 하기위해 추가  */
			.lnb01 > li.sm{background:url('../img/icon_off.png') no-repeat 20px 10px; letter-spacing:0px; border-bottom:0px dotted #e2e2e2; display:inline-block; cursor: pointer;}
			.lnb01 > li.sm a{width:150px; height:22px; padding:5px 0 3px 35px; vertical-align:middle; font-weight:normal; color:#888888; FONT-SIZE: 12px;}
			.lnb01 > li.sm a:hover{font-weight:bold; color:#333333; background:url('../img/icon_on.png') no-repeat 20px 10px;}
			.lnb01 > li.sm.on{background:url('../img/icon_on.png') no-repeat 20px 10px; letter-spacing:0px; }
			.lnb01 > li.sm.on a{color:#333333; font-weight:bold; }
			/* lnb 처음부터 펼쳐진 상태로 보이게 하기위해 추가  */



#title {width:850px;  margin:20px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align:left; vertical-align:top; font-weight:bold; color:#2a2a2a; FONT-SIZE: 28px;}



/* location */
#location {width:840px; padding: 10px 10px 10px 0px; vertical-align:middle; text-align:right; COLOR: #7b7b7b; FONT-FAMILY: "돋움", dotum, Tahoma, Arial, Verdana, Helvetica, AppleGothic, Sans-serif, '나눔고딕', NanumGothic; FONT-SIZE: 11px; letter-spacing: -0.01em; }

.box01 {width:840px; border:5px solid #d9d8d8; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:left; vertical-align:top; }

#scontent {width:850px;  margin:0px 0px 0px 0px; padding: 20px 0px 20px 0px; }
#scontent ul {text-align:left; vertical-align:top; padding: 0px 0px 20px 0px; font-weight:normal; color:#4b4b4b; FONT-SIZE: 12px;}
#scontent ul.simg {text-align:left; vertical-align:top; padding: 0px 0px 30px 0px; font-weight:normal; color:#4b4b4b; FONT-SIZE: 12px;}
#scontent ul.sright {text-align:right; vertical-align:top; padding: 0px 0px 20px 0px; font-weight:normal; color:#666666; FONT-SIZE: 12px;}

#subtable {width:100%;  margin:20px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align:left; vertical-align:top; }
#subtable ul {margin:0px 0px 0px 0px; padding: 0px 0px 40px 0px; text-align:left; vertical-align:top; }
#subtable ul li {float: left; margin:0px 0px 0px 0px; padding-bottom: 30px; text-align:left; vertical-align:top; }

/* table */
.exam-tbl {width:100%; background:url(/img/explain_tbl_bg.png) repeat-x; FONT-FAMILY: "돋움", dotum, Tahoma, Arial, Verdana, Helvetica, AppleGothic, Sans-serif, '나눔고딕', NanumGothic;border-left:1px solid #dedede;}
.exam-tbl th {height:25px; padding: 10px 0px 0px 0px; color:#ffffff; background:url(/img/list_tbl_th_bg.png) no-repeat left 11px;}
.exam-tbl th.sta {background:none;}
.exam-tbl th.left {text-align:left; padding: 7px 0px 0px 10px;}
.exam-tbl th.tleft {background:url(/img/explain_tbl_bg_left.gif) no-repeat; width:10px; }
.exam-tbl th.tright {background:url(/img/explain_tbl_bg_right.gif) no-repeat; width:10px; }
.exam-tbl tr{border:1px solid #dedede;border-width:0px 0px 1px 0px;}
.exam-tbl tr.tbg{border:1px solid #ebebeb;border-width:0px 0px 0px 0px;}
.exam-tbl tr.tbg01{background:#f6f6f6 ; }
.exam-tbl tr.dot{border:1px dotted #d2d2d2;border-width:0px 0px 1px 0px;}
.exam-tbl td {padding: 7px 0px 7px 0px; vertical-align:middle; text-align:center; border-right:1px solid #dedede;}
.exam-tbl td.end {padding: 7px 0px 7px 0px; vertical-align:middle; text-align:center; border-right:0px solid #dedede;}
.exam-tbl td.btn {text-align:center;}
.exam-tbl td.left {text-align:left; padding: 7px 10px 7px 10px;}
.exam-tbl td.right {text-align:right; padding: 7px 10px 7px 10px;}
.exam-tbl td.center {text-align:center; padding: 15px 0px 15px 0px;}

.exam-tbl td.gbg { font-weight:bold; color:#4b4b4b;}
.exam-tbl td.gbg01 {background:#f0f5fc ; font-weight:bold; color:#2e4168; border-left:1px solid #dedede;}


/* 팝업 레이어 S */
.pwinpopup {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.pwinpopup .back {position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:101;}

.pwinpopup_box {position:fixed; left:50%; top:30%; z-index:102; background:#ffffff;}
.pwinpopup_box .pwinpopup_contents {position:absolute; left:0; top:0; width:100%; height:100%; z-index:102; background:#ffffff;}

.pwinpopup iframe, .pwinpopup_box iframe {position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff;}
/* 팝업 레이어 E */



.input-join {COLOR: #444444; FONT-FAMILY: "돋움", dotum, Verdana, AppleGothic, Sans-serif; FONT-SIZE: 12px; BACKGROUND-COLOR: #f2f2f2; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; BORDER-TOP: #e4e4e4 1px solid; margin:10px 0px 10px 0px; padding:10px 10px 10px 10px;   }



/*paging type01*/
.paging_type_no {clear:both; width: 700px; text-align:center; padding:30px 0px 0px 0px; position:relative; z-index:1;}
.paging_type_no a {display:inline-block; _display:inline; border:1px solid #d7d7d7; line-height:15px; padding:3px 4px; min-width:14px; margin:0 2px; font-family:Verdana; vertical-align:middle;}
.paging_type_no a:hover {text-decoration:none; background:#ededed;}
.paging_type_no a.selected {font-weight:bold; border:1px solid #a6a6a6; background-color:#f4f4f4;}
.paging_type_no a.prev {background:url('/img/icon_common.gif') 6px -184px no-repeat; width:13px; height:15px; display:inline-block;}
.paging_type_no a.prev:hover {background:#ededed url('/img/page/icon_common.gif') 6px -184px no-repeat;}
.paging_type_no a.next {background:url('/img/icon_common.gif') -22px -184px no-repeat; width:13px; height:15px; display:inline-block;}
.paging_type_no a.next:hover {background:#ededed url('/img_new/icon_common.gif') -22px -184px no-repeat;}
.paging_type_no a.prev_first {background:url('/img/icon_common.gif') 4px -209px no-repeat; width:13px; height:15px; display:inline-block;}
.paging_type_no a.prev_first:hover {background:#ededed url('/img_new/icon_common.gif') 4px -209px no-repeat;}
.paging_type_no a.next_end {background:url('/img/icon_common.gif') -22px -209px no-repeat; width:13px; height:15px; display:inline-block;}
.paging_type_no a.next_end:hover {background:#ededed url('/img/icon_common.gif') -22px -209px no-repeat;}
.paging_type_no a span {display:block; overflow:hidden; text-indent:-9999px; }


/* table style - borad wirte */

.brd_wtype {border-collapse:collapse;width:100%;border-top:0;border-bottom:1px solid #848992;border-left:0;border-right:0;  FONT-FAMILY: "돋움", dotum, Tahoma, Arial, Verdana, Helvetica, AppleGothic, Sans-serif, '나눔고딕', NanumGothic;}
.brd_wtype tr {text-align:right;}
.brd_wtype tbody th{padding:10px 0;color:#4e4e4e;border:1px solid #c9c9c9;border-width:1px 0px 0px 0px;}
.brd_wtype tbody tr th.first{background: none; border-top:0; text-align:left; font-weight:bold; color:#4e4e4e; padding:6px 10px 6px 10px;}
.brd_wtype tbody tr td.first{background: none; border-top:0; text-align:left; font-weight:bold; color:#4e4e4e; padding:0px 10px 6px 10px; background-color:#f9f9f9;}
.brd_wtype tbody td.first01{background: none; border-top:0; text-align:left; color:#4e4e4e; padding:0px 10px 6px 10px; }
.brd_wtype tbody td{padding:6px 10px 6px 10px; text-align:left;color:#4e4e4e;border:1px solid #c9c9c9;border-width:1px 0px 0 0px;}
.brd_wtype tbody td.ttt{text-align:left; font-weight:bold; color:#4e4e4e; background-color:#f9f9f9;}
.brd_wtype tbody td table{border-collapse:collapse;border:1px solid #c9c9c9;}
.brd_wtype tbody td table td{padding:0;text-align:center;border:1px solid #c9c9c9;}
.brd_wtype tbody td table th{padding:0;text-align:center;border:1px solid #c9c9c9;}

.brd_wtype01 {border-collapse:collapse;width:100%;border-top:0;border-bottom:1px solid #848992;border-left:0;border-right:0;}
.brd_wtype01 tr {text-align:right;}
.brd_wtype01 tbody th{padding:10px 0;color:color:#4e4e4e;border:1px solid #c9c9c9;border-width:1px 0px 0px 0px;}
.brd_wtype01 tbody td{padding:5px 0px 5px 0px; text-align:center;color:#4e4e4e;border:1px solid #c9c9c9;border-width:1px 0px 0 0px;}
.brd_wtype01 tbody td.ttt{text-align:center; font-weight:bold; color:#4e4e4e; background-color:#f9f9f9;}


/* sitemap */
#sitemap {width:850px; padding: 30px 0px 30px 0px;}
#sitemap ul.ftit {width:820px; padding: 0px 0px 15px 30px;  border-bottom:1px solid #464646;}
#sitemap h3,
#sitemap h4 {margin:0;padding:5px 0 20px 0px; font-weight:bold; font-size:16px; color:#1170b8;}
#sitemap ul {padding:20px 0 0 0px; height:160px;}
#sitemap li.depth1_li {float:left;width:130px;padding-left:20px; padding-right:20px; border-right:1px solid #e1e1e1;}
#sitemap li.depth1_li.nth-child-1 {widtfloat:left;width:160px;padding-left:20px; padding-right:10px; border-right:1px solid #e1e1e1;}
#sitemap li.depth1_li.nth-child-2 {float:left;width:90px;padding-left:20px; border-right:0px solid #e1e1e1;}
#sitemap .depth2_ul {margin:0; padding:0px 0px 0px 0px;}
#sitemap .depth2_ul li{padding:0px 0px 8px 0px;}
#sitemap a {color:#4b4b4b;}
#sitemap a:hover{color:#0f88c7; }
#sitemap:after {display:block;content:'';clear:both}