/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트
// 처리내용 :
// 작 성 자 : 2013-09-06 강대인
//=================================================================================================*/
@charset "utf-8";
@import url("/common/css/global.css");

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:800);
@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,700);
@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,600,700);

/*탭 메뉴 기본*/
#sub_tab {position:relative; width:100%; border-top:1px solid #ccc;border-left:1px solid #ccc; margin:0 0 30px 0;}
#sub_tab ul{overflow:hidden;}
#sub_tab ul li{float:left; width:20%;height: 45px;line-height: 45px;text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#sub_tab ul li a{display:block; font-size:14px; color:#999}
#sub_tab ul li a:hover {color:#333; font-weight:400;}
/*//탭 메뉴 기본*/

/* 탭디자인 */
.commonTab { overflow:hidden; margin:0 0 27px 0; border-left:1px solid #ccc; width:99.9%;}
.commonTab li { float:left; width:33.333%; line-height:50px; text-align:center; font-size:16px; font-weight:400; border:solid 1px #ccc; border-left:0;}
.commonTab li a { display:block;}
.commonTab .on { background:#555; color:#fad22a; height:52px; border:none; }
/* //탭디자인 */

/* 탭디자인 */
.commonTab02 { overflow:hidden; margin:0 0 27px 0; border-left:1px solid #ccc; width:99.9%;}
.commonTab02 li { float:left; width:25%; line-height:50px; text-align:center; font-size:16px; font-weight:400; border:solid 1px #ccc; border-left:0;}
.commonTab02 li a { display:block;}
.commonTab02 .on { background:#555; color:#fad22a; height:52px; border:none; }
/* //탭디자인 */

/*테이블 기본*/
#table_organ{width: 100%;margin: 10px 0; border-collapse:collapse; border-spacing:0; font-size:13px;border:0; border-top:solid 1px #777; border-bottom:solid 1px #777;}
#table_organ tbody tr{border-bottom:solid 1px #ccc;}
#table_organ tbody tr td {height: 40px; padding:20px; text-align:center; color:#666;}
#table_organ tbody tr td.left{text-align:left;padding:0 0 0 20px;}

#table_organ0 {width: 100%; margin: 0 auto 0; border-collapse:collapse; border-spacing:0; font-size:13px;border-top:solid 1px #015198;}
#table_organ0 thead tr {background:#f4f4f4; border-bottom:solid 1px #ddd;}
#table_organ0 thead tr th { height:40px; text-align: center; color: #666; font-weight:400; border-left:1px solid #ddd;border-right:1px solid #ddd; font-size:13px;}
#table_organ0 thead tr th:first-child{border-left:0;}
#table_organ0 thead tr th:last-child{border-right:0;}
#table_organ0 tbody tr{border-bottom:solid 1px #ddd;}
#table_organ0 tbody tr th{height:40px; padding:10px 20px; text-align: center; color: #666; font-weight:400; font-size:13px;background:#f4f4f4; border-left:1px solid #ddd;border-right:1px solid #ddd; }
#table_organ0 tbody tr th:first-child{border-left:0;}
#table_organ0 tbody tr th:last-child{border-right:0;}
#table_organ0 tbody tr td {height: 40px; padding:10px 20px; text-align:center; color:#666;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#table_organ0 tbody tr td:first-child{border-left:0;}
#table_organ0 tbody tr td:last-child{border-right:0;}
#table_organ0 tbody tr td span{color:red;}
#table_organ0 tbody tr td.accent{font-size:25px; font-weight:400;}
#table_organ0 tbody tr td.accent span{font-size:13px; font-weight:normal; color:#666;}
#table_organ0 tbody tr td.bold{font-weight:400;}
#table_organ0 tbody tr td.center{text-align:center;}
#table_organ0 tbody tr td.right{text-align:right;}
#table_organ0 tbody tr td.left{text-align:left;}

#table_organ1 {width: 100%; margin: 10px 0; border-collapse:collapse; border-spacing:0; font-size:13px;border-top:solid 1px #999;}
#table_organ1 thead tr {background:#f4f4f4; border-bottom:solid 1px #ddd;}
#table_organ1 thead tr th { height:40px; text-align: center; color: #666; font-weight:400; border-left:1px solid #ddd;border-right:1px solid #ddd; font-size:13px;}
#table_organ1 thead tr th:first-child{border-left:0;}
#table_organ1 thead tr th:last-child{border-right:0;}
#table_organ1 tbody tr{border-bottom:solid 1px #ddd;}
#table_organ1 tbody tr th{height:40px; text-align: center; color: #666; font-weight:400; font-size:13px;background:#f4f4f4; border-left:1px solid #ddd;border-right:1px solid #ddd; }
#table_organ1 tbody tr th:first-child{border-left:0;}
#table_organ1 tbody tr th:last-child{border-right:0;}
#table_organ1 tbody tr td {height: 40px; padding:10px; text-align:center; color:#666;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#table_organ1 tbody tr td:first-child{border-left:0;}
#table_organ1 tbody tr td:last-child{border-right:0;}
#table_organ1 tbody tr td span{color:red;}
#table_organ1 tbody tr td.accent{font-size:25px; font-weight:400;}
#table_organ1 tbody tr td.accent span{font-size:13px; font-weight:normal; color:#666;}
#table_organ1 tbody tr td.bold{font-weight:400;}
#table_organ1 tbody tr td.center{text-align:center;}
#table_organ1 tbody tr td.right{text-align:right;}
#table_organ1 tbody tr td.left{text-align:left;}

#table_organ2 {width: 100%; margin: 10px 0; border-collapse:collapse; border-spacing:0; font-size:13px;border-top:solid 1px #999;}
#table_organ2 thead tr {background:#007bc1; border-bottom:solid 1px #ddd;}
#table_organ2 thead tr th {height:30px; text-align: center; color: #fff; font-weight:600; border-left:1px solid #ddd;border-right:1px solid #ddd; font-size:13px;}
#table_organ2 thead tr th:first-child{border-left:0;}
#table_organ2 thead tr th:last-child{border-right:0;}
#table_organ2 tbody tr{border-bottom:solid 1px #ddd; background:#ebebeb;}
#table_organ2 tbody tr th{height:20px;text-align: center; color: #666; font-weight:400; font-size:13px;background:#f4f4f4; border-left:1px solid #ddd;border-right:1px solid #ddd; }
#table_organ2 tbody tr th:first-child{border-left:0;}
#table_organ2 tbody tr th:last-child{border-right:0;}
#table_organ2 tbody tr td {height:20px; text-align:center; color:#666;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#table_organ2 tbody tr td:first-child{border-left:0;}
#table_organ2 tbody tr td:last-child{border-right:0;}
#table_organ2 tbody tr td span{color:red;}
#table_organ2 tbody tr td.accent{font-size:25px; font-weight:400;}
#table_organ2 tbody tr td.accent span{font-size:13px; font-weight:normal; color:#666;}
#table_organ2 tbody tr td.bold{font-weight:400;}
#table_organ2 tbody tr td.center{text-align:center;}
#table_organ2 tbody tr td.right{text-align:right;}
#table_organ2 tbody tr td.left{text-align:left;}
/*//테이블 기본*/

/*페이징*/
#pagination { text-align:center; line-height:30px; clear:both; margin:40px 0; }
#pagination * { font-family:Verdana; font-size:12px; color:#808080 !important; font-weight:400; }
#pagination a { padding:4px 7px; margin:2px; border:1px solid #d1d1d1; background-color:#fff; text-decoration:none; }
#pagination a:hover, #pagination a:active { border:1px solid #00508f; background-color:#00508f; color:#fff !important; }
#pagination span.current { padding:4px 7px; margin:2px 2px 2px 6px; border:1px solid #00508f; background-color:#00508f; color:#fff !important; }
/*//페이징*/

/*기본버튼*/
/*왼쪽정렬버튼*/
#di_left_button {clear:both; float:left; margin:10px 0 50px;position:relative; margin:0 auto;}
#di_left_button a{display:block;}
#di_left_button a:link,
#di_left_button a:visited,
#di_left_button a:active{color:#666;}
#di_left_button .btn_black{position: relative;float:left;bottom: inherit;left: inherit;display: inline-block;width: 80px;height: 35px;margin: 0;padding: 0;border: solid 1px #aaa; background: linear-gradient(180deg, #fff, #f1f1f1);text-align: center;font-size: 13px;font-weight:400;;color: #fff;line-height: 35px;cursor: pointer;margin-right:10px;}
#di_left_button .btn_black a{color:#fff;}
#di_left_button .btn_white{position: relative;float:left;bottom: inherit;left: inherit;display: inline-block;width: 80px;height: 35px;margin: 0;padding: 0;border: solid 1px #aaa;background: linear-gradient(180deg, #fff, #f1f1f1);text-align: center;font-size: 13px;font-weight:400;;color: #666;line-height: 35px;cursor: pointer;margin-right:10px;}

/*오른쪽정렬버튼*/
#di_right_button {clear:both; float:right; margin:10px 0 50px; position:relative; }
#di_right_button a{display:block;}
#di_right_button a:link,
#di_right_button a:visited,
#di_right_button a:active{color:#666;}
#di_right_button .btn_black{position: relative;float:left;bottom: inherit;left: inherit;display: inline-block;width: 80px;height: 35px;margin: 0 0 0 10px;padding: 0;border: solid 1px #aaa; background: linear-gradient(180deg, #fff, #f1f1f1);text-align: center;font-size: 13px;font-weight:400;;color: #fff;line-height: 35px;cursor: pointer;}
#di_right_button .btn_black a{color:#fff;}
#di_right_button .btn_white{position: relative;float:left;bottom: inherit;left: inherit;display: inline-block;width: 80px;height: 35px;margin: 0 0 0 10px;padding: 0;border: solid 1px #aaa;background: linear-gradient(180deg, #fff, #f1f1f1);text-align: center;font-size: 13px;font-weight:400;;color: #666;line-height: 35px;cursor: pointer;}

/*중앙정렬버튼*/
#di_center_button {clear:both; position:relative; margin:10px auto 50px;}
#di_center_button a{display:block;}
#di_center_button a:link,
#di_center_button a:visited,
#di_center_button a:active{color:#666;}
#di_center_button .btn_black{position: relative;bottom: inherit;left: inherit;display: inline-block;width: 80px;height: 35px;margin: 0;padding: 0;border: solid 1px #aaa; background: linear-gradient(180deg, #fff, #f1f1f1);text-align: center;font-size: 13px;font-weight:400;;color: #fff;line-height: 35px;cursor: pointer;margin-right:10px;}
#di_center_button .btn_black a{color:#fff;}
#di_center_button .btn_white{position: relative;bottom: inherit;left: inherit;display: inline-block;width: 80px;height: 35px;margin: 0;padding: 0;border: solid 1px #aaa;background: linear-gradient(180deg, #fff, #f1f1f1);text-align: center;font-size: 13px;font-weight:400;;color: #666;line-height: 35px;cursor: pointer;margin-right:10px;}
/*//기본버튼*/

/*자주묻는질문*/
#di_faq{position:relative; width:100%;}
#di_faq .dc_faqTab{font-size:0px; text-align:center; margin:0 0 40px 0;}
#di_faq .dc_faqTab a{display:inline-block; width:140px; height:40px; line-height:40px; border:solid 1px #ddd; border-right:0; color:#333; font-size:15px; font-weight:300;}
#di_faq .dc_faqTab a:last-child{border-right:solid 1px #ddd;}
#di_faq .dc_faqTab a.on{border:solid 1px #3c4652; background-color:#3c4652; color:#fff; font-weight:600;}
#di_faq .dc_faqTab a:hover{border:solid 1px #3c4652; background-color:#3c4652; color:#fff; font-weight:600;}
#di_faq .dc_faqBox{border-top:solid 2px; #3c4652;}
#di_faq .dc_faqBox .dc_faqList{}
#di_faq .dc_faqBox .dc_faqList .dc_faq_question{padding:15px 20px; border-bottom:solid 1px #ddd; color:#3c4652; font-weight:300; font-size:17px; cursor:pointer;}
#di_faq .dc_faqBox .dc_faqList .dc_faq_answer{padding:30px 50px; border-bottom:solid 1px #3c4652; color:#333; font-weight:300; font-size:15px; background-color:#f6f9f9;}
#di_faq .dc_faqBox .dc_faqList .on{font-weight:500;}
/*//자주묻는질문*/

/*개인정보처리방침*/
#di_private{width:100%;}
#di_private .dc_scroll { line-height:17px; overflow:auto; color:#666; border:solid 1px #ddd; height:800px; padding:40px; background-color:#fff;}
#di_private .privateBox {}
#di_private .privateBox h3{font-size:18px; text-align:center; }
#di_private .privateBox p{font-size:16px; margin:0 0 20px 0;}
#di_private .private_title{margin-bottom:30px;}
#di_private .private_title h4{font-family:"NS"; margin-bottom:10px; font-size:16px;background:url(../img/common/li_leftMenu.gif) no-repeat 0 50%; padding-left:15px; color:#244364;}
#di_private .private_title h5{font-family:"NS"; font-size:15px;margin-bottom:5px;padding-left:10px;line-height: 22px;}
#di_private .private_title .private_con{margin-bottom:20px;}
#di_private .private_title .private_con ul{padding-left:10px;}
#di_private .private_title .private_con ul li{background:url(../img/common/ico_builet01.gif) no-repeat 0 9px;padding-left:10px;line-height:22px;font-weight:400; margin-bottom:5px;font-size: 15px;}
#di_private .private_title .private_con ul li ul li{font-weight:300;background:url(../img/common/ico_builet02.gif) no-repeat 0 10px;padding-left:10px;margin-bottom:0;}
#di_private .private_title .private_con ul li a{color:#666;}
#di_private .private_title .private_con ul li a:hover{color:#333;}
/*//개인정보처리방침*/

/*이용약관*/
#di_agreement{width:100%;}
#di_agreement .dc_scroll { line-height:17px; overflow:auto; color:#666; border:solid 1px #ddd; height:800px; padding:40px; background-color:#fff;}
#di_agreement .agreementBox {}
#di_agreement .agreementBox h3{font-size:18px; text-align:center;}
#di_agreement .agreementBox p{font-size:16px; margin:0 0 20px 0;}
#di_agreement .agreement_title{margin-bottom:30px;}
#di_agreement .agreement_title h4{font-family:"NS"; margin-bottom:10px; font-size:16px;background:url(../img/common/li_leftMenu.gif) no-repeat 0 50%; padding-left:15px; color:#244364;}
#di_agreement .agreement_title h5{font-family:"NS"; font-size:15px;margin-bottom:5px;padding-left:10px;line-height: 22px;}
#di_agreement .agreement_title .agreement_con{margin-bottom:20px;}
#di_agreement .agreement_title .agreement_con ul{padding-left:10px;}
#di_agreement .agreement_title .agreement_con ul li{background:url(../img/common/ico_builet01.gif) no-repeat 0 9px;padding-left:10px;line-height:22px;font-weight:400; margin-bottom:5px;font-size: 15px;}
#di_agreement .agreement_title .agreement_con ul li ul li{font-weight:300;background:url(../img/common/ico_builet02.gif) no-repeat 0 10px;padding-left:10px;margin-bottom:0;}
#di_agreement .agreement_title .agreement_con ul li a{color:#666;}
#di_agreement .agreement_title .agreement_con ul li a:hover{color:#333;}
/*//이용약관*/

/*이메일 무단수집거부*/
#di_emailBox{width:100%;overflow: hidden;margin-top: 50px; }
#di_emailBox .emailTitle{width:100%; height:50px; }
#di_emailBox .emailTitle p{font-family:"NS"; color:#403f3f; font-size:18px; font-weight:700;}
#di_emailBox #emailText{position: relative;overflow: hidden;margin-top:10px; margin-bottom:30px; border:solid 1px #eee; background:#fbfbfb;}
#di_emailBox #emailText img{ padding-top:5%; padding-left:5%;float:left; }
#di_emailBox #emailText p{font-size:13px; color:#666; float:left; width:80%; padding: 5%; text-align:justify;}
#di_emailBox_desc{float:left; width:100%; padding-top:20px; border-top:solid 1px #666; }
#di_emailBox_desc p{color:#666;text-align:justify;font-size:14px; }
/*//이메일 무단수집거부*/

/*사이트맵*/
#di_siteMap{overflow:hidden;}
#di_siteMap .dc_box01{float:left; width:235px; min-height: 260px; margin:0 20px;}
#di_siteMap .dc_box01 h5{font-size:18px; color:#333; font-weight:700; font-family:"Nanum Gothic"; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:solid 1px #bbb;}
#di_siteMap .dc_box01 ul{padding:0 0 0 10px;}
#di_siteMap .dc_box01 ul li{font-size:14px; color:#333; font-weight:400; padding:0 0 0 10px; line-height:27px; background:url(../img/common/hd_bgBulllet01.png) no-repeat 0 50%;}
#di_siteMap .dc_box01 ul li a{color:#333;}
/*//사이트맵*/