@charset "utf-8";

/* basic */
@font-face {
    font-family:'Nanum';
    src:url('../css/fonts/Nanum.eot');
    src:url('../css/fonts/Nanum.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Nanum.woff') format('woff'), url('../css/fonts/Nanum.ttf') format('truetype');
    font-weight:normal;
    font-style:normal; 
}
@font-face {
    font-family:'NanumBold';
    src:url('../css/fonts/NanumB.eot');
    src:url('../css/fonts/NanumB.eot?#iefix') format('embedded-opentype'), url('../css/fonts/NanumB.woff') format('woff'), url('../css/fonts/NanumB.ttf') format('truetype');
    font-weight:bold;
    font-style:normal; 
}

/* basic */
/*@font-face {
 font-family: 'NanumSquare';
 font-style: normal;
 src: url('../css/fonts/NanumSquareR.eot');
 src: url('../css/fonts/NanumSquareR.eot') format('embedded-opentype'), url('../css/fonts/NanumSquareR.woff') format('woff'), url('../css/fonts/NanumSquareR.ttf') format('truetype');}*/
html, select, body, button, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;padding: 0;  border: 0;  font-size: 100%;  font: inherit;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;
  box-sizing: border-box;  text-decoration:none;
  font-family:"Nanum", Arial, Tahoma, sans-serif;
}
html { height: 101%; }

body { font-size: 62.5%; line-height:1; font-family:"Nanum", Arial, Tahoma, sans-serif;}
button {cursor:pointer;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

input {font-size:10pt; font-family:"Nanum", Arial, Tahoma, sans-serif; padding-left:5px; border:1px solid #c7c7c7; height:20px; margin:0;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }

table { }
img { border: 0; }





p { font-size: 1.2em; line-height: 1.0em; color:#333; }

/* 자주활용 */
.blind {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}

/* caption {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;} */

caption { width:0px; height:0px; font-size:0; overflow:hidden;}


/* 본문바로가기 */
#skipArea, #skipArea ul {height:0; width:100%; font-size:16px;}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; font-weight:bold; color:#fff; line-height:30px; font-family:'NanumBold'; text-align:center; opacity:0.6; filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active{top:0;}

#skipmenu {position:relative;  z-index:1000; padding:0; margin:0 auto; width:100%;}
a.skip_navi {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; line-height:2.6; font-size:13pt; padding:0; margin:0;}
a.skip_navi:hover, a.skip_navi:focus, a.skip_navi:active {position:absolute; top:0;  font-weight:bold; color:#fff; background:#3e3e3e; z-index:1000; margin:0; padding:0;}
.bgNone {background:#f7f7f7;}

h1 { font-size:20px; font-weight:bold; #d7d7d7; color:#222; }
h2 { font-size:16px; font-weight:bold; #d7d7d7; color:#222; }
h3 { font-size:14px; font-weight:bold; #d7d7d7; color:#222; }

legend {position: absolute; overflow: hidden; width: 1px; height: 1px; top: auto; text-indent: -9999%; font-size: 0; line-height: 0; }

#header_wrap {}
#header { width:100%; }



/* ========================== 상단 네비게이션 부분 (공통) 시작_ @수정@==============================  */

/*상단 네비게이션 부분*/
#nav_top_wrap { width:100%; background: url('../images/common/gnb_bar.gif') 0 bottom repeat-x;}
#nav_top { width:1260px; height:55px; margin:0 auto; overflow:hidden; position:relative; }

/* ========================== 상단 네비게이션 부분 (공통) 종료_ @수정@==============================  */



/*로고부분*/
#nav_top #logo { float:left; margin:10px 0 0 0; }
#nav_top #logo a img {margin-left:0px;}
#nav_top #logo a span { color:#f47d31; font-size:12px; margin-left:10px; font-weight:normal; font-size:12px;}




/* ========================== 로그인 정보: 날짜/팀명/아이디 (공통) 시작_ @수정@==============================  */

/*로그인 정보: 날짜/팀명/아이디 */
#login_info {  float:right; color:#fff; line-height:49px; color:#333; margin-right:10px; }
#login_info #team_name { font-weight:bold; } /*color:#f47d31; */
#login_info #login_id { font-weight:bold; } /*color:#f47d31;*/

/* ========================== 로그인 정보: 날짜/팀명/아이디 (공통) 종료_ @수정@==============================  */



/* ========================== 상단 우측 작은 텍스트메뉴 3종 (공통) 시작_ @수정@==============================  */

/*상단 우측 작은 텍스트메뉴 3종*/
#right_top_menu { float:right; margin-top:11px; color:#878787; }
#right_top_menu li { float:left; }
#right_top_menu li .divide { border-right:1px solid #ccc; }
#right_top_menu a { display:block; height:17px; font-size:12px; padding:5px 10px; font-weight:normal; font-weight:bold; }
#right_top_menu a:hover { color:#f47d31; font-weight:bold;}
#right_top_menu a#bt_log_out {background:#f47d31; color:#fff; }
#right_top_menu a#bt_log_out:hover {background:#f47d31;}

/* ========================== 상단 우측 작은 텍스트메뉴 3종 (공통) 종료_ @수정@==============================  */




/* ========================== GNB 네비게이션 (공통) 시작_ @수정@==============================  */

/*GNB 네비게이션*/
#nav_bottom_wrap { width:100%; background:#ececec; }
#gnb { width:1262px; height:33px; margin:0 auto; background:#ededed; position:relative; }
#gnb ul { position:absolute; left:1px; } /*GNB 내부에 서브메뉴 배치 시 드롭다운 메뉴에 영향을 주지 않기위해 > 추가할것*/
#gnb ul li { float:left; width:180px;  }
#gnb ul li:first-child { border-left:1px solid #d7d7d7; width:179px; }
#gnb ul li:last-child { border-right:1px solid #fff; }
#gnb ul li a { display:block; padding:9px 0; text-align:center; font-size:13px; color:#333; border-left:1px solid #fff; border-right:1px solid #cecece; font-weight:bold; }
#gnb ul li a.current { background:#f47d31; color:#fff; border:none; } /*GNB 버튼 활성*/
#gnb ul li a:hover { color:#fff; font-weight:bold; background:#f47d31; border:none; }

/*서브메뉴 (2~3뎁스)*/
#sub { width:1259px; height:220px; background:#fff; position:absolute; top:88px; left:50%; margin-left:-630px;  z-index:999; border-bottom:2px solid #f47d31; border-right:1px solid #ccc; border-top:1px solid #d7d7d7; font-size:13px; } 
#sub_menu {height:100%; position:relative;  } /**/
#sub_menu #menu01 {float:left; width:166px; height:205px; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; position:absolute; top:0px; left:0px; padding:15px 0 0 12px;}
#sub_menu ul {float:left; width:179px; height:100%; border-right:1px solid #e5e5e5; position:absolute; top:0px; left:179px; }
#sub_menu ul li {padding-bottom:10px; padding-left:5px;}

#sub_menu ul li span {padding-bottom:5px; background-image:url(../images/index/dot_sub_menu.png); background-repeat:no-repeat; background-position:0 5px; padding-left:5px; font-weight:bold; line-height:18px; }
#sub_menu ul li em {margin-left:6px; font-style:normal;}

#sub_menu ul li a {color:#333; display:block;}
#sub_menu ul li a:hover {color:#f47d31; text-decoration:underline; }

#sub_menu #menu02 {float:left; width:168px; height:205px;  border-right:1px solid #e5e5e5; position:absolute; top:0px; left:179px; padding:15px 0 0 12px;}
#sub_menu #menu03 {float:left; width:168px; height:205px;  border-right:1px solid #e5e5e5; position:absolute; top:0px; left:359px; padding:15px 0 0 12px;}
#sub_menu #menu04 {float:left; width:168px; height:205px; border-right:1px solid #e5e5e5; position:absolute; top:0px; left:539px; padding:15px 0 0 12px;}
#sub_menu #menu05 {float:left; width:168px; height:205px;  border-right:1px solid #e5e5e5; position:absolute; top:0px; left:719px; padding:15px 0 0 12px;}
#sub_menu #menu06 {float:left; width:168px; height:205px;  border-right:1px solid #e5e5e5; position:absolute; top:0px; left:899px; padding:15px 0 0 12px;}
#sub_menu #menu07 {float:left; width:168px; height:205px;  border-right:0px solid #e5e5e5; position:absolute; top:0px; left:1079px; padding:15px 0 0 12px;}

/* ========================== GNB 네비게이션 (공통) 종료_ @수정@==============================  */




/*헤더 부분 종료*/

/*------------------------------------------------------------------------------------------------------------------------------------------------*/






/* ========================== footer (공통)_ @수정@==============================  */
/* footer */
#footer_area { position: relative; overflow: hidden; width: 100%; height: 176px; background: url('../images/footer/ft_bar.gif') 0 0 repeat-x; border-top:1px solid #d7d7d7; }
#footer_area .footer_logo { position: relative; margin: 0 auto; width: 1211px; }
#footer_area .footer_logo img { padding: 22px 0 0 250px; }
#footer_area .footer_logo .s_log { position: absolute; right: 35px; top: 20px; z-index: 2; padding: 0;}
#footer_area .footer_system_logo { margin: 0 auto; width: 650px; padding: 24px 0 0 34px;}

#footer_area_sub { position: relative; overflow: hidden; width: 100%; height: 176px; background: url('../images/footer/ft_bar.gif') 0 0 repeat-x; border-top:1px solid #d7d7d7; margin-top: 100px; }
#footer_area_sub .footer_logo { position: relative; margin: 0 auto; width: 1211px; }
#footer_area_sub .footer_logo img { padding: 22px 0 0 250px; }
#footer_area_sub .footer_logo .s_log { position: absolute; right: 35px; top: 20px; z-index: 2; padding: 0;}
#footer_area_sub .footer_system_logo { margin: 0 auto; width: 650px; padding: 24px 0 0 34px;}

/* ========================== footer (공통)_ @수정@==============================  */





/* ========================== 서브화면 컨텐츠 부분 시작 (공통)_ @수정@==============================  */

#content_wrap { width:100%; border-top:1px solid #cecece; } /*서브 컨텐츠 전체를 감싸는 랩*/
#content_wrap:after {content:""; display:block; clear:both;} /*컨텐츠와 푸터사이의 간격이 떨어지지 않는 문제 해결.*/
#sub_content { width:1260px; margin:0px auto; } /*중앙정렬 및 사이즈 설정 min-height:660px;*/
#sub_content #left_nav { width:200px; min-height:420px; float:left; } /*좌측 네비게이션 배치*/
#sub_content #left_nav #sub_nav { margin-top:21px; } /*좌측 네비게이션 위치 잡기*/
#sub_content #right_content { width:1022px; float:right; }/*우측 컨텐츠 배치*/

/* ========================== 서브화면 컨텐츠 부분 종료 (공통)_ @수정@==============================  */





/* ========================== 서브페이지 타이틀 (공통) 시작_ @수정@==============================  */
/*!!!!!!!!!!!!!!!!!!!!!!! h1의 이름을 페이지별로 별도 입력해줘야 함 !!!!!!!!!!!!!!!!!!!!!!!*/
/*타이틀 공통*/
.title_a_type { height:43px; font-size:18px; margin-top:45px; border-bottom:3px solid #f18a3e; padding:0 0 0 25px; }
.title_b_type { height:27px; font-size:18px; padding:0 0 0 25px; }

/*타이틀 별 아이콘*/
.theme_receipt {  background-image:url(../images/bbs/ico_bbs_theme_receipt.png); background-repeat:no-repeat; }
.new_theme { background-image:url(../images/bbs/ico_bbs_new_theme.png); background-repeat:no-repeat; }
.Progress_theme { background-image:url(../images/bbs/ico_bbs_progress_theme.png); background-repeat:no-repeat; }
.bp_wp_evaluation { background-image:url(../images/bbs/ico_bbs_bp_wp_evaluation.png); background-repeat:no-repeat; }
.support_request { background-image:url(../images/bbs/ico_bbs_support_request.png); background-repeat:no-repeat; }
.personal_info { background-image:url(../images/bbs/ico_bbs_personal_info.png); background-repeat:no-repeat; }
.bp_wp_registration { background-image:url(../images/bbs/ico_bbs_bp_wp_registration.png); background-repeat:no-repeat; }
.temporary_keep { background-image:url(../images/bbs/ico_bbs_temporary_keep.png); background-repeat:no-repeat; }
.evaluation_progress { background-image:url(../images/bbs/ico_bbs_evaluation_progress.png); background-repeat:no-repeat; }
.evaluation_completion { background-image:url(../images/bbs/ico_bbs_evaluation_completion.png); background-repeat:no-repeat; }
.bp_wp_lookup { background-image:url(../images/bbs/ico_bbs_bp_wp_lookup.png); background-repeat:no-repeat; }
.theme_progress_lookup { background-image:url(../images/bbs/ico_bbs_theme_progress_lookup.png); background-repeat:no-repeat; }
.bp_regist_status { background-image:url(../images/bbs/icon_bbs_bp_regist_status.png); background-repeat:no-repeat; }
.visual_guide { background-image:url(../images/bbs/ico_bbs_visual_guide.png); background-repeat:no-repeat; }
.notice { background-image:url(../images/bbs/ico_bbs_notice.png); background-repeat:no-repeat; }
.qna { background-image:url(../images/bbs/ico_bbs_qna.png); background-repeat:no-repeat; }
.read_info_title2 { background-image:url(../images/bbs/ico_bbs_evaluation_request.png); background-repeat:no-repeat; }

/*타이틀 두번째 줄*/
.apply_review { background-image:url(../images/bbs/apply_review.png); background-repeat:no-repeat; padding-left:25px; margin-top:20px; border-bottom:1px solid #ececec; position:relative; }/*적용검토*/
.read_info_title { background-image:url(../images/bbs/ico_bbs_evaluation_request.png); background-repeat:no-repeat; padding-left:25px; margin-top:20px; border-bottom:1px solid #ececec; position:relative; }/*BP정보보기*/
.arrow_title { background-image:url(../images/bbs/ico_bbs_arrow.png); background-repeat:no-repeat; padding-left:25px; margin-top:20px; position:relative; }/*평가완료함 정보보기*/

/* ========================== 서브페이지 타이틀 (공통) 종료_ @수정@==============================  */




/*탭버튼 (공통)*/
.tab_bt {width:100%; border-bottom:1px solid #f47d31; margin-top:40px; overflow:hidden; }
.tab_bt a { display:block; padding:10px 20px; float:left; border:1px solid #adadad; border-bottom:none; text-align:center; color:#595959; font-size:13px; }
.tab_bt a:hover { color:#f47d31; font-weight:bold; }
.tab_bt a.select { background:#f47d31; border:1px solid #f47d31; border-bottom:none; color:#fff; font-weight:bold; }

.form_set { margin-top:10px; width:100%;  }





/*-----------------------------------------------------------서브화면 컨텐츠 부분 종료-------------------------------------------------------------------------------------*/

/*서브 네비게이션 시작*/

#sub_nav {margin-top:0px; border:1px solid #d7d7d7; }

/*!!! 타이틀 베너 수정함, 하나의 스타일로 수정하고, 구조에서 텍스트와 이미지 경로 바꿔줘야함 !!!*/
#sub_nav h1 { background-image:url(../images/bbs/sub_menu_title_banner_back_1px.jpg); background-repeat:repeat-x; width:198px; height:69px; color:#fff; }

/*동일한 적용내용*/
#sub_nav h1 p { text-align:center; height:26px; line-height:40px; font-size:18px; padding-top:14px; letter-spacing:-0.4px; margin-left:-15px;}
#sub_nav h1 p span { text-shadow:0px 0px 5px rgba(0,0,0,0.3); }/*텍스트 샤도우*/

/*외곽 보더라인 & 틀 높이값*/
#sub_nav #menu {width:198px; }

/*width 너비 조정완료*/
#sub_nav #menu, ul#menu ul { list-style-type:none; margin: 0; padding: 0; width: 198px; }

#sub_nav #menu a { display: block; text-decoration: none; font-weight:bold; }

/*2depth 메뉴관련*/
#sub_nav #menu a { display: block; text-decoration: none; }
#sub_nav a { background:#484848; color: #000; padding:11px; border-bottom:1px solid #d7d7d7; display:block; font-size:14px; } /*background-image:url(../images/bbs/bg_sub_menu.png); background-repeat:repeat-x;*/
#sub_nav a span img {margin-top:-2px; margin-left:9px;}
#sub_nav a em { margin-left:5px; color:#fff; font-weight:bold; }

/*2뎁스 메뉴 롤오버효과*/
#sub_nav li a:hover { color:#d95f49; }

/*비활성된 3뎁스 메뉴 기본 스타일 */
#sub_nav li ul li a { background: #fff; color: #000; padding-left: 21px; font-size:13px;}

/*비활성된 3뎁스 메뉴 롤오버 효과 */
#sub_nav li ul li a:hover,ul#menu li ul .current a { background: #fff; #d95f49 solid; padding-left: 21px; color:#f47d31; font-size:13px;}

/*서브 네비게이션 종료*/

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

/*추가 : sub 공통스타일*/
.buDep1 {padding:20px 0; font-size:15pt; font-weight:600; color:#000; background:url('../images/bu_dep1.gif') no-repeat 2px 0;}
.buDep2 {padding:20px 0; font-size:15pt; font-weight:600; color:#000; }
.buSqG {}
.buSqB {padding-left:10px; line-height:28px; font-size:12pt; color:#000; background:url('../images/bu_squareB.gif') no-repeat 0 10px;}

.spM3 {display:block; margin:30px 0; clear:both;}
.spM4 {display:block; margin:40px 0; clear:both;}
.spM7 {display:block; margin:70px 0; clear:both;}
.spP10 {display:block; margin:100px 0; clear:both;}

.txSy1 {line-height:28px; font-size:12pt; color:#000;}
.txSy1.buSqG {padding-left:10px; background:url('../images/bu_squareG.gif') no-repeat 0 10px;}
.txSy2 {line-height:24px; font-size:11pt; color:#000;}
.txSy3 {line-height:24px; font-size:10pt; color:#333;}

.linLB {display:block; line-height:40px; font-size:11pt; background-color:#fff; border:1px solid #143d8d; border-radius:3px;}
.linLB span {display:block; padding:0 20px; color:#143d8d;}
.linLB:hover {background-color:#143d8d;}
.linLB:hover span {color:#fff;}

.buDep1 {padding:20px 0; font-size:15pt; font-weight:600; color:#000; background:url('../images/bu_dep1.gif') no-repeat 2px 0;}
.buSqG {padding-left:10px; line-height:28px; font-size:12pt; color:#000; background:url('../images/bu_squareG.gif') no-repeat 0 10px;}
.buSqB {padding-left:10px; line-height:28px; font-size:12pt; color:#000; background:url('../images/bu_squareB.gif') no-repeat 0 10px;}