@charset "utf-8";
@import url("default.css");
@import url("layout.css");
@import url("common.css");
@import url("board.css");

/* common */
/* .게시판 */
.boardStyle_1 th {background:#d58933; border-color:#b2732d; color:#332F29;}
.paging li strong {color:#b56c1a;}
/* anchor */
a:hover { text-decoration:underline; color:#d58933; }/* 마우스 올여 놓았을때 색상 */

/* .contents */
.contents .contentsTitBox {width:710px; border:solid 1px #eaeaea; background:#f8f8f8;}
.contents .contentsTitBox p {padding:19px 22px 19px 22px;}
.contents .contentsTitBox p span {display:block; padding-top:7px;}
.contents .contentsTitBox p span.inline {display:inline; padding:0px; font-weight:bold;}
.contents .contentsTitBox p strong {display:block;}
.contents .contentsTitBox p strong.inline{display:inline;color:#ca7620;}
/* .titContents */
.titContents {background:url("../images/sub04/bg_tit.gif") left bottom no-repeat;}
.titContents h2 {color:#A06726;}

/* table */
.tableStyle_1{margin-bottom:25px;}
.tableStyle_1 th {padding:10px 0;color:#f7f7f7; font-weight:bold; background:#818181;}
.tableStyle_1 tbody th {padding:10px 0;border-bottom:solid 1px #dedede; border-right:solid 1px #dedede; text-align:center; vertical-align:middle; background:none; font-weight:normal; color:#555;}
.tableStyle_1 td {padding:10px 0;border-bottom:solid 1px #dedede; border-right:solid 1px #dedede; text-align:center; vertical-align:middle;}
.tableStyle_1 td.last {border-right:none; text-align:left; padding:10px 22px 10px 22px;}
.tableStyle_1 td.last2 {border-right:none; text-align:center; padding:10px 0;}
.tableStyle_1 td.last2 a{color:#999;text-decoration:underline;}
.tableStyle_1 td.center {text-align:center; border-right:none;}
.tableStyle_1 td.left {text-align:left; padding-left:20px;}

.tableStyle_2{margin-bottom:25px;}
.tableStyle_2 th {padding:6px 0;color:#f7f7f7; font-weight:bold; background:#818181;}
.tableStyle_2 tbody th {padding:10px 0;border-bottom:solid 1px #dedede; border-right:solid 1px #dedede; text-align:center; vertical-align:middle; background:none; font-weight:normal; color:#555;}
.tableStyle_2 td {padding:6px 0;border-bottom:solid 1px #dedede; border-right:0; text-align:center; vertical-align:middle;}
.tableStyle_2 td.last {border-right:none; text-align:left; padding:6px 0 6px 4px;}
.tableStyle_2 td.center {text-align:center; border-right:none;}
.tableStyle_2 td.aLeft {text-align:left; padding-left:10px;}
.tableStyle_2 td ul li{padding-left:12px;text-indent:-12px;}

h4.titTxt {font-size:1.167em; color:#333; font-weight:bold;margin:26px 0 50px 0; padding:8px 0 0 27px; height:25px; border-top:solid 1px #4879b7; border-bottom:solid 1px #4879b7;background:url(../images/sub05/bu_h4.gif) no-repeat 0 10px;}
h4.titTxt2 {position:relative;font-size:1.167em; color:#333; font-weight:bold;margin:26px 0 18px 0; padding:8px 0 0 27px; height:25px; border-top:solid 1px #d58933; border-bottom:solid 1px #d58933;background:url(../images/sub04/bu_h4.gif) no-repeat 0 10px;}
h4.titTxt2 span{position:absolute;right:10px;top:8px;display:block;width:120px;text-align:right;font-size:12px;color:#999;font-weight:normal;}
h4.titTxt3 {font-size:14px; color:#333; font-weight:bold;padding:8px 0 0 27px; height:32px;background:url(../images/sub05/bu_h4.gif) no-repeat 0 10px;}
h4.titTxt4 {font-size:14px; color:#333; font-weight:bold;padding:0 0 0 27px; height:35px;background:url(../images/sub05/bu_h4.gif) no-repeat 0 2px;}
.selectArea {margin:25px 0 10px 0;}
.selectArea select {border:solid 1px #d4d0c8; width:95px; height:20px;}

.vision li dl{width:100%;padding-bottom:30px;}
.vision li dl:after{content:"";clear:both;display:block;}
.vision li dl dt{float:left;}
.vision li dl dd{float:left;}
.ceo{width:100%;}
.ceo:after{content:"";clear:both;display:block;}
.ceo dt{float:left;padding:0 0 0 10px;}
.ceo dd{float:right;width:485px;color:#666;line-height:20px;}
.ceo dd p{padding:0 0 28px 0;}
.ceo dd.info{width:500px;}
.ceo dd.info p.txt{padding:7px 0 0 13px;height:23px;font-weight:bold;color:#f7f7f7;font-size:11px;background:#818181;}
.ceo dd.info table{width:100%;}
.ceo dd.info table td{padding:25px 0;text-align:left;border-bottom:1px solid #dedede;}
.ceo dd.info table td.date{text-align:center;font-weight:bold;}
.ceo dd.info table .line td{padding:25px 0 0 0;border-bottom:0;}
.ceo dd.info table .line2 td{padding:15px 0 25px 0;}
.ceo dd.info table .line3 td{padding:15px 0 0 0;border-bottom:0;}

/* 탭 (기본틀) */
.tabDepth1 {margin-bottom:48px;background:url("../images/sub04/bg_tab_b.gif") 0 bottom repeat-x; font-family: "굴림", gulim;}
.tabDepth1 li {float:left; height:22px; margin-right:4px; text-align:center; font-weight:bold; color:#999; padding-top:9px;width:99px; background:url("../images/sub04/bg_tab.gif") 0 0 no-repeat;}
.tabDepth1 li a {color:#737373;}
.tabDepth1 li a:hover {text-decoration:none;}
.tabDepth1 li.active {color:#a06726;background:url("../images/sub04/bg_tab_active.gif") 0 0 no-repeat;}
.tabDepth1 li.active a {color:#a06726;}
.tabDepth1_v2{margin-bottom:25px;}
.tabDepth1_v2 li {float:left; height:22px; margin-right:4px; text-align:center; font-weight:bold; color:#999; padding-top:9px;width:119px; background:url("../images/sub05/bg_tab2.gif") 0 0 no-repeat;}
.tabDepth1_v2 li.active {color:#4879b7;background:url("../images/sub05/bg_tab_active2.gif") 0 0 no-repeat;}
.tabDepth1_v3{margin-bottom:25px;}
.tabDepth1_v3 li {float:left; height:22px; margin-right:4px; text-align:center; font-weight:bold; color:#999; padding-top:9px;width:147px; background:url("../images/sub05/bg_tab3.gif") 0 0 no-repeat;}
.tabDepth1_v3 li.active {color:#4879b7;background:url("../images/sub05/bg_tab_active3.gif") 0 0 no-repeat;}
/* wide-tab: 너비와 배경 이미지만 별도로 지정 */
.tabDepth1 li.wide-tab-active {
  min-width: 220px;  /* 또는 원하는 값 */
  word-break: keep-all;  /* 줄바꿈 방지 (한글 단어 유지) */
  text-align: center;
  background: url("../images/sub04/bg_tab_active_220px_scaled.gif") 0 0 no-repeat; /* 새 배경 */
}
.tabDepth1 li.wide-tab {
  min-width: 220px;  /* 또는 원하는 값 */
  word-break: keep-all;  /* 줄바꿈 방지 (한글 단어 유지) */
  text-align: center;
  background: url("../images/sub04/bg_tab_220px_scaled.gif") 0 0 no-repeat; /* 새 배경 */
}


.officialNotice ol{width:712px;height:382px;background:url(../images/sub05/bg_official.gif) no-repeat 0 0;}
.officialNotice ol:after{content:"";clear:both;display:block;}
.officialNotice ol p{height:32px;line-height:32px;margin:0 0 20px 0;text-align:center;color:#fff;}
.officialNotice ol .txt01{float:left;width:92px}
.officialNotice ol .txt02{float:left;width:150px}
.officialNotice ol .txt03{float:left;width:175px}
.officialNotice ol .txt04{float:left;width:175px}
.officialNotice ol .txt05{float:left;width:120px}
.officialNotice ol li li{padding:0 0 4px 30px;line-height:20px;background:url(../images/sub05/bu_official.gif) no-repeat 11px 2px;}
.officialNotice .txtNotice{padding:17px 0 0 0;text-align:right;font-size:11px;}
.officialNotice .txtNotice strong{font-weight:bold;}

.center{text-align:center;}

.principles .txt{line-height:20px;padding-bottom:15px;}
.principles ol{width:689px;margin:0 auto;padding:20px 0 20px 20px;background:#f8f8f8;border:1px solid #eaeaea;}
.principles ol li{height:24px;}
.principles ol strong{font-weight:bold;}
.principles .fileDown{text-align:right;padding:25px 0 0 0;text-align:right;}


.ci dl{position:relative;padding:30px 25px 0 185px;width:500px;height:210px;background:#f8f8f8;}
.ci dl dt{position:absolute;left:33px;top:30px;}
.ci dl .title{font-size:1.167em; color:#333; font-weight:bold;margin:0 0 15px 0; padding:8px 0 0 27px; height:25px; border-top:solid 1px #4879b7; border-bottom:solid 1px #4879b7;background:url(../images/sub05/bu_h4.gif) no-repeat 0 10px;}
.ci .fileDown{padding:20px 0 27px 0;text-align:right;}

.contact table{width:100%;}
.contact table th{padding:10px 0;text-align:center;font-weight:bold;}
.contact table td{padding:10px 0 10px 10px;text-align:left;line-height:22px;}
.contact table td strong{font-weight:bold;}
.contact table td img{margin-right:10px;}
.contact table td .notice{color:#ca7620;}
.contact .contactTop{height:36px;}
.contact .contactTop .left{float:left;}
.contact .contactTop .right{float:right;}

.certification ul{width:100%;}
.certification ul:after{content:"";clear:both;display:block;}
.certification ul li{float:left;width:296px;padding:0 30px 0 29px;}
.certification ul li strong{display:block;height:20px;color:#333;}
.certification ul li span{display:block;margin-bottom:24px;line-height:20px;color:#666;}
.certification ul li span.txt{display:block;padding:0 0 0 70px;text-indent:-70px;margin-bottom:0;line-height:20px;color:#666;}

.direction .txt01{padding-bottom:20px;}
.direction .txtList li{padding:0 0 0 8px;line-height:22px;background:url(../images/sub04/bu_square_orange.gif) no-repeat 0 7px;}
.direction .txtList li strong{padding-right:5px;}
.direction .txtList li ul{padding:0 0 13px 0;}
.direction .txtList li ul li{padding:0 0 0 9px;text-indent:-9px;line-height:20px;background:none;}
.direction .txtList li ul li.noti{padding:0 0 0 16px;text-indent:-16px;line-height:20px;background:none;}

.write .formStyle_1 {border:solid 1px #4879b7; border-left:solid 1px #ebebeb; border-right:solid 1px #fff;}
.write .formStyle_1 th {background:#f9f9f9; border-color:#ebebeb;  padding:10px 0 10px 20px; font-weight:bold; color:#4c4c4c; text-align:left; }
.write .formStyle_1 th img{vertical-align:middle;}
.write .formStyle_1 td { border-color:#ebebeb; padding:8px 0 8px 10px;}
.write .formStyle_1 td input.text {border:solid 1px #ccc; height:16px; padding-top:4px; padding-left:3px;}
.write .formStyle_1 td input.textStyle_1 {width:71px;}
.write .formStyle_1 td input.textStyle_2 {width:180px;}
.write .formStyle_1 td input.textStyle_3 {width:540px;}
.write .formStyle_1 td input.textStyle_4 {width:140px;}
.write .formStyle_1 td input.textStyle_5 {height:20px;padding:0;width:540px;}
.write .formStyle_1 td input.inpRadio{position:relative;top:-1px;width:13px;height:13px;}
.write .formStyle_1 td label{padding:0 20px 0 0;}
.write .formStyle_1 td .inpArea{width:540px;border:solid 1px #ccc; height:240px; padding-top:4px; padding-left:3px;}
.write .formStyle_1 td select {border:solid 1px #ccc; width:70px; height:22px; padding:2px 0;}
.write .formStyle_1 td select.eMailSelect {width:140px;}
.write .formStyle_1 td li.pdb {padding-bottom:9px;}
.write .formStyle_1 td span.jumCheck {padding-left:30px;}
.write .btnArea{padding:30px 0 0 0;text-align:right;}

.history_box{margin-bottom:30px;width:100%;border-top:1px solid #dedede;border-bottom:1px solid #dedede;}
.history_box td{height:24px;text-align:left;padding-left:30px;color:#666;}
.history_box td.year{text-align:center;padding-left:0;}

.organizationMap{position:relative;width:712px;height:355px;background:url(../images/sub05/bg_organization.jpg) no-repeat 0 0;}
.organizationMap .depth01{position:absolute;left:287px;top:32px;}
.organizationMap .depth0201{position:absolute;left:287px;top:114px;}
.organizationMap .depth0202{position:absolute;left:502px;top:77px;}
.organizationMap .depth0301{position:absolute;left:1px;top:300px;}
.organizationMap .depth0303{position:absolute;left:503px;top:208px;}
.organizationMap .depth0401{position:absolute;left:108px;top:300px;}
.organizationMap .depth0402{position:absolute;left:205px;top:300px;}
.organizationMap .depth0403{position:absolute;left:302px;top:300px;}
.organizationMap .depth0404{position:absolute;left:411px;top:300px;}
.organizationMap .depth0405{position:absolute;left:513px;top:300px;}
.organizationMap .depth0406{position:absolute;left:615px;top:300px;}

.writeComplete{width:711px;text-align:center;height:188px;padding:135px 0 0 0;background:url(../images/sub04/bg_write_complete.gif) no-repeat 0 90px;}
.writeComplete strong{font-weight:bold;font-size:16px;color:#4c4c4c;}
.writeComplete .txt{padding:25px 0;line-height:20px;}
.writeComplete .txt span{font-weight:bold;color:#ca7620;}

.writePwd{width:711px;text-align:center;height:208px;padding:135px 0 0 0;background:url(../images/sub04/bg_write_complete.gif) no-repeat 0 90px;}
.writePwd strong{font-weight:bold;font-size:16px;color:#4c4c4c;}
.writePwd .txt{padding:25px 0 4px 0;}
.writePwd .txt2{margin-bottom:34px;}
.writePwd .txt2 label{font-weight:bold;}
.writePwd .txt2 .inpTxt{width:161px;height:21px;padding:4px 0 0 10px;border:1px solid #cccccc;background:#fff;vertical-align:middle;}

.btnAreaUser{width:100%;padding:30px 0 0 0;}
.btnAreaUser:after{content:"";clear:both;display:block;}
.btnAreaUser .left{float:left;}
.btnAreaUser .right{float:right;}

.faqList{width:689px;padding:20px 0 12px 20px;border:1px solid #eaeaea;background:#f8f8f8;}
.faqList ul{width:100%;}
.faqList ul:after{content:"";clear:both;display:block;}
.faqList ul li{float:left;width:208px;padding:0 0 0 20px;height:23px;background:url(../images/sub04/bu_faq.gif) no-repeat 0 2px;}
.faqList ul li.on a{font-weight:bold;color:#ca7620;}

.faqConts dt{width:100%; padding:8px 0 6px 0;border-top:1px solid #d58933;border-bottom:solid 1px #dedede;}
.faqConts dt:after{content:"";clear:both;display:block;}
.faqConts dt .title{padding:0 0 0 10px;float:left;color:#444; font-weight:bold;}
.faqConts dt .part{float:right;padding:0 10px 0 0;color:#737373;}
.faqConts dd {border-bottom:solid 1px #dedede; padding:10px 20px 10px 55px; background:#f9f9f9 url("../images/sub04/bg_dd.gif") 15px 50% no-repeat; margin-bottom:20px;}

/* .didim 사보디딤돌 */
.didim .titTxtBox {height:110px; border:solid 1px #eaeaea; background:#f8f8f8; margin-bottom:20px;}
.didim .titTxtBox dl {float:left; padding:18px 0 0 22px;}
.didim .titTxtBox dt {font-weight:bold; padding-bottom:5px;}
.didim .titTxtBox dl span {display:block; padding-left:12px;}
.didim .titTxtBox ul {float:right; width:208px; padding-top:28px;}
.didim .titTxtBox ul li {padding-bottom:6px;}
/* .app 사보디딤돌 구독 신청 */
.app {margin-top:50px;}
.app h3 {font-weight:bold; color:#333; margin-bottom:15px;}
.app .formStyle_1 {border:solid 1px #aa8c53; border-left:solid 1px #ebebeb; border-right:solid 1px #fff;}
.app .formStyle_1 th {background:#f9f9f9; border-color:#ebebeb;  padding:10px 0 10px 20px; font-weight:bold; color:#4c4c4c; text-align:left; }
.app .formStyle_1 td { border-color:#ebebeb; padding:8px 0 8px 10px;}
.app .formStyle_1 td input.text {border:solid 1px #ccc; height:16px; padding-top:4px; padding-left:3px;}
.app .formStyle_1 td input.textStyle_1 {width:71px;}
.app .formStyle_1 td input.textStyle_2 {width:139px;}
.app .formStyle_1 td input.textStyle_3 {width:180px;}
.app .formStyle_1 td input.textStyle_4 {width:250px;}
.app .formStyle_1 td input.textStyle_5 {width:540px;}
.app .formStyle_1 td select {border:solid 1px #ccc; width:70px; height:22px; padding:2px 0;}
.app .formStyle_1 td select.eMailSelect {width:140px;}
.app .formStyle_1 td li.pdb {padding-bottom:9px;}
.app .formStyle_1 td span.jumCheck {padding-left:30px;}
.app .formStyle_1 td .inpArea{width:540px;border:solid 1px #ccc; height:120px; padding-top:4px; padding-left:3px;}

.app .btnArea_1 {text-align:right; margin:15px 0 50px 0}
.app .textArea {height:200px; background:#f8f8f8; border:solid 1px #eaeaea; margin-top:8px; overflow:auto;}
.app .textArea h4 {margin-top:10px; color:#333; font-weight:bold;}
.app .bottomAppArea {margin-top:20px;}
.app .bottomAppArea .consent {float:left; color:#333; padding-left:20px; padding-top:4px;}
.app .bottomAppArea .consent .first {padding-right:17px;}
.app .bottomAppArea .btnArea {float:right;}
.app .bottomAppArea2 {margin:10px 0 20px 0}
.app .bottomAppArea2 .consent {float:left; color:#333; padding-left:20px; padding-top:4px;}
.app .bottomAppArea2 .consent .first {padding-right:17px;}
.app .bottomAppArea2 .btnArea {float:right;}

.contentsTitBox ul.txtList {padding:19px 22px 19px 22px;}
.contentsTitBox .txtList li{padding:0 0 0 8px;line-height:22px;background:url(../images/sub04/bu_square_orange.gif) no-repeat 0 7px;}
.contentsTitBox .txtList li strong{padding-right:5px;}
.contentsTitBox .txtList li ul{padding:0 0 13px 0;}
.contentsTitBox .txtList li ul li{padding:0 0 0 9px;text-indent:-9px;line-height:20px;background:none;}
.contentsTitBox .txtList li ul li.noti{padding:0 0 0 16px;text-indent:-16px;line-height:20px;background:none;}




.app .checkPoint { background:#ca7620; border:solid 1px #9b5105; margin-top:8px; overflow:auto; color:#FFF; font-size:13px;}
.app .checkPoint h4 {margin-top:10px; color:#ffff00; font-weight:bold;}



/* 버튼 CSS 화 작업 - 20140122 */

a.btnRequestGo {display:inline-block; padding-right:15px; background:url(../images/sub04/btnRequestGoBG.gif) top right no-repeat; height:25px; text-decoration:none;}
a.btnRequestGo span{background:url(../images/sub04/btnRequestGoSpan.gif) top left no-repeat; padding-left:18px; font-size:12px; cursor:pointer; color:#fff; line-height:110%; height:25px;}
a.btnRequestGo:hover span{ color:#FF0;}

a.btnRequestOk {display:inline-block; padding-right:15px; background:url(../images/sub04/btnRequestOkBG.gif) top right no-repeat; height:25px; text-decoration:none;}
a.btnRequestOk span{background:url(../images/sub04/btnRequestOkSpan.gif) top left no-repeat; padding-left:18px; font-size:12px; cursor:pointer; color:#fff; line-height:110%; height:25px;}
a.btnRequestOk:hover span{ color:#FF0;}

/* 2017.11.20 원두네이밍공모 발표 */
.cafe_result { display:block; width:712px; height:1429px; background-image:url(../images/sub04/cafe_result.png); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}

.qnaboard {position:relative;}
.qnaboard #pwPopDiv{position:absolute; top:280px; left:100px;width:300px; background-color:#FFFFDF;z-index:100;padding:10px 10px 10px 10px;border:2px solid #DBDB00; display:none;}
.btn-sm {display:inline-block; vertical-align: middle;line-height:20px; border-radius:5px; padding:0 5px; border:1px solid #848484; background:#828282; font-weight:700; color:#fff;}
.btn-sm.clr01 { border:1px solid #3f4f77; background:#53638c; }