@charset "utf-8";

.new {display:inline-block;padding:0 2px;background:#4e6ca5;color:#fff;vertical-align:middle;font-size:10px;border-radius:2px;}

/* tab */
.tab, .depth4Tab {position:relative;}
.tab .mobBtn, .depth4Tab .mobBtn {display:none;}
.tab .tabList:after, .depth4Tab .depth4List:after {content:"";display:block;clear:both;}
.tab .tabList li, .depth4Tab .depth4List li {float:left;width:25%;margin:0 0 -1px;}
.tab .tabList li a {display:block;margin:0 -1px;background:#fff;color:#888;line-height:58px;font-size:16px;border:1px solid #e6e7e9;text-align:center;font-weight:bold;}
.tab .tabList li.on {position:relative;}
.tab .tabList li.on a {font-size:16px;color:#333446;font-weight:bold;background:#f5f7f9;}
.tabCont {position:relative;}
.tabCont > div {position:absolute;top:-99999px;left:0;right:0;}
.tabCont > .current {position:static;}

@media all and (max-width:1024px) {
	.tab .tabList li a {font-size:14px;height:58px;overflow:hidden;}
	.tab .tabList li.on a {font-size:16px;}
}
@media all and (min-width:768px) {
	.tab .tabList {display:block !important;}
}
@media all and (max-width:767px) {
	.tab .mobBtn {display:block;background:#4c4d5f;border:1px solid #4c4d5f;;}
	.tab .mobBtn button {position:relative;padding:0 0 0 18px;color:#fff;font-weight:bold;width:100%;height:40px;text-align:left;}
	.tab .mobBtn button:before {content:"";width:45px;position:absolute;top:0;right:0;bottom:0;}
	.tab .mobBtn button:after {content:"";position:absolute;top:16px;right:18px;width:14px;height:8px;background:url(/base/img/images/icon_pack_dtplus.png) no-repeat -25px -50px;background-size:250px;}
	.tab .tabList {position:absolute;display:none;width:100%;border:0;z-index:2;}
	.tab .tabList li {float:none;width:auto !important;height:38px;margin:0;border:1px solid #ccc;border-top:0;}
	.tab .tabList li a {height:38px;line-height:38px;margin:0;padding:0 0 0 18px;border:0;font-size:14px;text-align:left;}
	.tab .tabList li.on a {margin:0 -1px;background:#4066b0;border:1px solid #4066b0;color:#fff;font-size:14px;font-weight:normal;}
	.tab .tabList li.on a:after {display:none;}
}
/* //tab */

/* ie8 이하 */
#version {position:fixed;top:0;left:0;width:100%;padding:18px 0 20px;background:#4c4d5f;text-align:center;z-index:9999;color:#fff;font-size:15px;}
#version a {display:inline-block;padding:4px 5px 5px;color:#fff;border:1px solid #fff;}
.versionClose {position:absolute;top:5px;right:15px;color:#fff;}
/* //ie8 이하 */

/* title */
.pageTitle {position:relative;margin:0 0 50px;padding:20px 0 0;color:#333;font-size:28px;font-weight:normal;letter-spacing:-2px;}
.pageTitle:after {content:"";position:absolute;top:0;left:0;width:35px;height:6px;background:#4c4d5f;}
.subTitle {margin:40px 0 0;font-size:26px;color:#1e4288;font-family:Nanum Myeongjo;line-height:1.3;font-weight:normal;letter-spacing:-3px;}
.subTitleLi {font-size:20px;color:#1e4288;font-family:Nanum Myeongjo;line-height:1.3 !important;font-weight:normal;letter-spacing:-1px;}
.subTitle2 {margin:50px 0 20px;font-size:18px;font-weight:bold;color:#333;}
.iconTitle {position:relative;margin:30px 0 14px;padding:0 0 0 26px;font-size:16px;color:#000;font-weight:bold;}
.iconTitle:after {content:"";position:absolute;top:4px;left:0;width:18px;height:18px;background:url(/base/img/images/icon_pack_dtplus.png) no-repeat -150px -100px;}
.txtCont .iconTitle {margin:30px 0 14px;}
.txtBox {display:inline-block;margin:16px 0;padding:5px 18px;color:#fff;font-size:16px;font-weight:bold;}
.txtBox.gray {background:#4c4d5f;}
.txtBox.green {background:#4e6ca5;}
.txtBox.yellow {background:#E19030;}
.txtCont .txtBox {margin:0;}

@media all and (max-width:1024px) {
}
@media all and (max-width:767px) {
	.pageTitle {padding:8px 0 0;font-size:20px;}
	.pageTitle:after {width:17px;height:3px;background:#4c4d5f;}
	.subTitle {font-size:23px;}
	.subTitle2 {margin:25px 0 10px;font-size:16px;}
	.iconTitle {margin:25px 0 10px;font-size:14px;}
	.txtCont .iconTitle {margin:25px 0 10px;}
	.txtBox {font-size:12px;}

}
/* //title */

/* section */
.section {zoom:1;}
.section:after {content:"";display:block;clear:both;}
.section .contWrap {float:left;margin-left:10px;width:410px;}
.section .contWrap .subTitle {margin-top:0;}
.section .contWrap:nth-of-type(1) {margin-left:0;}

.section.tabFull .contWrap {margin-left:40px;width:445px;}
.section.tabFull.rightImg .contWrap {margin-left:0;}
.section.tabFull.leftImg .contWrap {margin-left:0;}

.imgSection {zoom:1;text-align:center;}
.imgSection:after {content:"";display:block;clear:both;}
.imgSection span {float:left;}

.txtCont p {margin:28px 0;line-height:1.8;}
.txtCont p:first-child {margin-top:0;}

.imgCont {width:100%;overflow:hidden;}
.imgCont img {}
.imgItem2 span {float:left;width:50%;}
.imgItem3 span {float:left;width:33.33%;}

.leftImg .contWrap,
.rightImg .contWrap {margin-left:0;}
.leftImg .txtCont {float:right;}
.rightImg .imgCont {float:right;}
.halfImg .imgCont {float:left;width:50%;}
.section.tabFull.img300 .imgCont {width:300px;}
.section.tabFull.img300 .txtCont {width:600px;}

.titSection {margin:100px 0 0;}
.subSection {margin:50px 0 0;}
.subSection2 {margin:25px 0 0;}

.roundBox {padding:25px 30px;border:1px solid #dfe3e8;border-radius:5px; background:#f5f7f9;}
.roundBox p {margin:10px 0 0;}
.roundBox p:first-child {margin:0;}
.roundBox .contWrap {width:345px;margin-left:-1px;padding-left:20px;border-left:1px solid #e0e0e0;}
.roundBox .contWrap:first-child {margin:0;padding:0 20px 0 0;border:0;border-right:1px solid #e0e0e0;}
.roundBox .section {float:none;margin:15px 0 0;width:732px;}
.roundBox .listUl li {position:relative;margin:8px 0;padding-left:6px;line-height:1.2;}
.roundBox .listUl li:after {content:"";position:absolute;top:8px;left:0;width:2px;height:2px;border-radius:50%;background:#666;}

.linkInfo {margin:15px 0 0;text-align:right;}
.linkInfo .txt {float:left;}

@media all and (max-width:1024px) {
	.section .contWrap {float:left;margin-left:4%;width:48%;}
	.section .contWrap .subTitle {margin-top:40px;}
	.leftImg .txtCont {height:auto;box-sizing:border-box;}
	.section .imgCont img {}
	.section.tabFull .contWrap {display:block;float:none;width:100% !important;height:auto;margin:20px 0;}
	.section.tabFull.img300 .txtCont {margin:30px 0 0;}

	.roundBox .contWrap {width:auto;margin:0;padding-left:0;border:0;}
	.roundBox .contWrap:first-child {border:0;}
	
	.imgSection {text-align:center;}
	.imgItem3 span {width:33.33%;}
	
}
@media all and (max-width:767px) {
	.roundBox .section {width:auto;padding:0;}
	.section .contWrap {display:block;float:none;width:100% !important;height:auto;margin:0;}
	.leftImg .txtCont {padding:0;}
	.section {padding:0;font-size:14px;}
	.section.tabFull.img300 .txtCont {margin:20px 0 0;}
	.roundBox {padding:15px;}
	.titSection {margin:50px 0 0;}
	.subSection {margin:30px 0 0;}
	.leftImg .txtCont span {font-size:16px;}
	.imgSection span {float:none;display:block;width:100%;}
	.txtCont p {margin:16px 0;line-height:1.4;}
}
/* //section */

/* 구분선 */
hr {margin:60px 0;border:0;border-top:1px solid #ddd;}
@media all and (max-width:1024px) {
	hr {margin:30px 0;}
}
/* //구분선 */

/* list style */
.buList {font-size:16px;}
.bulTxt,
.buList > li {position:relative;padding:8px 0 8px 30px;}
.buList > li:nth-of-type(2n+1) {background:#f5f7f9;}
.bulTxt,
.buList > li:first-child {margin:0;}
.bulTxt:after,
.buList > li:after {content:"";position:absolute;top:17px;left:18px;width:4px;height:4px;border-radius:50%;background:#787e87;}

.circleList {zoom:1;}
.circleList:after {content:"";clear:both;display:block;}
.circleList .sec {margin-left:16px;float:left;width:222px;height:222px;background:#f5f7fa;border:1px solid #d3dce4;border-radius:50%;text-align:center;}
.circleList .sec:first-child {margin-left:0;}
.circleList .sec .no {margin:26px 0 0;font-size:32px;line-height:1;font-weight:bold;color:#1e4288;}
.circleList .sec .tit {margin:6px 0;font-size:18px;letter-spacing:-1px;font-weight:bold;color:#222;}

.circleList.item5 .sec {width:150px;height:150px;}
.circleList.item5 .sec .no {margin:36px 0 0;}
.circleList.item5 .sec .tit {font-size:16px;}

.checkList {padding:14px 36px;background:#f5f7fa;border:1px solid #e0e6ec;}
.checkList li {position:relative;padding:12px 0 12px 30px;border-top:1px dashed #ddd;font-size:16px;}
.checkList li:after {content:"";position:absolute;top:14px;left:0;width:20px;height:16px;background:url(/base/img/images/icon_pack_dtplus.png) no-repeat -200px -100px;}
.checkList li:first-child {border-top:0;}


@media all and (max-width:1024px) {
	.circleList .sec {margin-left:-22px;width:178px;height:178px;}
	.circleList.item5 .sec {width:146px;height:146px;}
}
@media all and (max-width:767px) {
	.buList {font-size:14px;}
	.buList > li {position:relative;padding:4px 0 4px 20px;}
	.buList > li:after {top:12px;left:10px;}
	.circleList .sec {margin:10px 0 0 10px;width:128px;height:128px;}
	.circleList.item5 .sec {margin:10px 0 0 10px;width:128px;height:128px;}
	.circleList .sec:nth-of-type(2n+1) {margin-left:0;clear:both;}
	.circleList .sec .no {margin:20px 0 0;font-size:20px;}
	.circleList .sec .tit {margin:4px 0;font-size:14px;}
	.circleList.item5 .sec .tit {margin:4px 0;font-size:14px;}
	.circleList .sec .txt {font-size:12px;line-height:1.2;}
	.checkList {padding:10px 16px;}
	.checkList li {padding:6px 0 6px 14px;font-size:14px;}
	.checkList li:after {top:12px;background-size:250px;background-position:-100px -50px;}
}

/* //list style */

/* bul content */
.bulNoti {position:relative;padding:0 0 0 30px;font-size:18px;color:#333;}
.bulNoti:after {content:"";position:absolute;top:4px;left:0;width:25px;height:24px;background:url(/base/img/images/icon_pack_dtplus.png) no-repeat -100px -100px;}

/* //bul content */

/* color */
.colorIdt {color:#365ead;}
.colorBlack {color:#333;}
/* //color */

/* font */
.font16 {font-size:16px;}
@media all and (max-width:767px) {
	.font16 {font-size:14px;}
}

/* button */
.btnWrap {width:100%;margin:25px 0 0;text-align:center;}
.btnWrap:after {content:"";display:block;clear:both;}
.btnWrap .btnLeft {float:left;}
.btnWrap .btnLeft a {margin-left:0;}
.btnWrap .btnRight {float:right;}
.btnWrap .btnRight a {margin-right:0;}
.btnRight {text-align:right;}
.btnLeft {text-align:left;}

.btnT {display:inline-block;width:84px;padding:5px 0;text-align:center;font-size:14px;font-weight:bold;vertical-align:middle;}
.btnReplace,
.btnTs {background:#4e6ca5;border:1px solid #4e6ca5;color:#fff !important;}
.btnFile,
.btnTfl {background:#fff;border:1px solid #ccc;color:#333 !important;}

.btnM {display:inline-block;min-width:60px;padding:5px 30px;font-size:16px;text-align:center;font-weight:bold;vertical-align:middle;}
button.btnM {min-width:120px;}
.btnMfl {background:#fff;border:1px solid #ccc;color:#333 !important;}
.btnList, .btnDel, .btnAllChk, .btnCancel,
.btnMg {background:#4c4d5f;border:1px solid #4c4d5f;color:#fff !important;}
.btnSearch, .btnWrite, .btnModify, .btnAnswer, .btnConfirm,
.btnMb {background:#4e6ca5;border:1px solid #4e6ca5;color:#fff !important;}

.btnL {display:inline-block;min-width:200px;padding:8px 15px;font-size:18px;text-align:center;font-weight:bold;vertical-align:middle;}
button.btnL {min-width:230px;padding:7px 15px;}
.btnLogin, .btnFindId, .btnFindPw, .btnLConfirm, .btnJoin, .btnLType1,
.btnLb {background:#4e6ca5;border:1px solid #4e6ca5;color:#fff !important;}
.btnLCancel, .btnPwFind, .btnLType2,
.btnLg {background:#4c4d5f;border:1px solid #4c4d5f;color:#fff !important;}
.btnLType3,
.btnLfl {background:#fff;border:1px solid #ccc;color:#333 !important;}

@media all and (max-width:1024px) {
	.btn2 {display:table;width:100%;}
	.btn2 span {display:table-cell;width:50%;}
	.btn2 span * {width:100% !important;}
	.btnL {width:100%;min-width:0;box-sizing:border-box;font-size:16px;}
}

@media all and (max-width:767px) {
	.btnWrap {margin:15px 0 0;}
	.btnT {width:auto;padding:5px;box-sizing:border-box;}
	.btnM {min-width:0;padding:5px 15px;font-size:15px;box-sizing:border-box;}
	button.btnL {width:100%;min-width:0;}
}
/* //button */

/* accordianCont */
.accordianCont > ul > li {position:relative;margin:20px 0 0;background:#fefefe;border:1px solid #ccc;border-radius:5px;overflow:hidden;}
.accordianCont li:first-child {margin:0;}
.accordianCont li .tit {position:relative;display:block;padding:12px 70px 12px 27px;color:#333;font-size:20px;font-weight:bold;}
.accordianCont li .tit:before {content:"";position:absolute;top:50%;right:20px;width:42px;height:42px;margin:-21px 0 0;background:#fff;border:1px solid #ddd;border-radius:42px;}
.accordianCont li .tit:after {content:"";position:absolute;top:50%;right:33px;margin:-1px 0 0;width:18px;height:3px;background:#005ca8;}
.accordianCont li .tit span:after {content:"";position:absolute;top:50%;right:41px;margin:-9px 0 0;width:3px;height:19px;background:#005ca8;}
.accordianCont li .on span:after {display:none;}
.accordianCont li .cont {display:none;padding:25px 30px 70px;border-top:1px solid #e0e0e0;}
@media all and (max-width:767px) {
	.accordianCont > ul > li {border:0;border-radius:0;}
	.accordianCont li .tit {border:1px solid #ccc;padding:8px 35px 8px 15px;font-size:14px;}
	.accordianCont li .tit:before {right:5px;width:32px;height:32px;margin:-16px 0 0;border-radius:32px;}
	.accordianCont li .tit:after {top:50%;right:15px;width:14px;height:2px;}
	.accordianCont li .tit span:after {right:21px;width:2px;height:14px;margin:-7px 0 0;}
	.accordianCont li .cont {padding:0;border:0;word-break:normal;}
}
/* //accordianCont */

/* table */
.typeWrite {}
.typeWrite th,
.typeWrite td {padding:20px 0 20px 20px;background:#f7f7f7;}
.typeWrite tr:nth-of-type(2n) th,
.typeWrite tr:nth-of-type(2n) td {background:#fff;}
.typeWrite th {width:150px;text-align:left;font-size:14px;color:#333;vertical-align:middle;}
.typeWrite td .smsConfirm {margin:5px 0 0;font-size:12px;}
.typeWrite td .smsConfirm label {margin:0 5px;}
@media all and (max-width:767px) {
	.typeWrite th {display:block;width:auto;padding:8px 0 5px 5px;border:0;}
	.typeWrite td {display:block;padding:0 5px 8px;}
	.typeWrite td {padding:10px 5px;}
	.typeWrite td .txt {width:100% !important;}
	.typeWrite td .tableCell {display:table;width:100%;}
	.typeWrite td .tableCell .cell {display:table-cell;text-align:center;}
	.typeWrite td .tableCell .cell select {width:100% !important;}
}
.essential {display:inline-block;width:7px;height:7px;background:url(/base/img/images/icon_pack_wiltse.png) no-repeat -100px -300px;text-indent:-9999px;vertical-align:-5px;}

.typeList {border-top:2px solid #7a7d84;}
.typeList table {table-layout:fixed;}
.typeList th,
.typeList td {padding:10px 20px;border:1px solid #dadada;border-right:0;font-size:14px;word-break:break-all;}
.typeList th {background:#f5f7f9;color:#2c2e37;}
.typeList tr:first-child th,
.typeList tr:first-child td {border-top:0;}

.typeList th:first-child,
.typeList td:first-child {border-left:0;}
.typeList .line {border-left:1px solid #dadada !important;}
.typeList .alignLeft {text-align:left;}
.typeList .alignRight {text-align:right;}
.typeList .alignCenter {text-align:center;}

@media all and (max-width:767px) {
	.typeList td {padding:5px 10px;}
}
/* //table */

/* pagination */
.pagination {margin:35px 0 0;padding:14px 0;background:#f5f7f9;border-top:1px solid #d7dce1;border-bottom:1px solid #d7dce1;text-align:center;}
.pagination a,
.pagination strong {display:inline-block;min-width:28px;height:28px;line-height:28px;background:#fff;border:1px solid #d9d9d9;color:#999;font-size:14px;vertical-align:middle;}
.pagination a:hover {border:1px solid #4c4d5f;}
.pagination strong {background:#4c4d5f;color:#fff;border:1px solid #4c4d5f;}
.pagination a.pageNavi {overflow:hidden;background:#fff url(/base/img/images/icon_pack_dtplus.png) no-repeat;text-indent:-9999px;}
.pagination a.start {background-position:-94px 7px;}
.pagination a.prev {background-position:-142px 7px;}
.pagination a.next {background-position:-190px 7px;}
.pagination a.end {background-position:-244px 7px;}
@media all and (max-width:767px) {
	.pagination {margin:18px 0 0;}
	.pagination a,
	.pagination strong {min-width:23px;height:23px;line-height:23px;font-size:12px;}
	.pagination a.pageNavi {background-size:400px;}
	.pagination a.start {background-position:-74px 6px;}
	.pagination a.prev {background-position:-112px 6px;}
	.pagination a.next {background-position:-152px 6px;}
	.pagination a.end {background-position:-196px 6px;}
}
/* //pagination */