@charset "utf-8";
/*달력*/
.aboard thead tr{border-top: 1px solid #646464; border-bottom: 1px solid #dbdbdb; background-color: #c4c9d1;}
.aboard thead th{line-height: 50px; font-size: 14px; border-left: 1px solid #dbdbdb;}
.aboard tbody th, .aboard tbody td{height: 120px; padding: 0px 10px; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; line-height: 20px; font-size: 14px; text-align: left; vertical-align: top; color: #333;}
.aboard tbody td strong{font-weight:bold;}
.aboard td.b_end{border-right: 1px solid #dbdbdb;}
.aboard td.to_day{background-color: #F2F5A9;}
.aboard .ward_pos ul.ward_list {font-size:10px; font-weight:600;}
.aboard .ward_pos ul.ward_list>li {position:relative; margin-bottom:2px;}
.atitle{font-weight:bold;}
.asun{background-color: #fe9000;}
.asat{background-color: #0099ff;}
.anom{width:14.2857%; color: #fff;}
.asunText{color: #fe9000;}
.asatText{color: #0099ff;}
/*이용안내*/
.p_CntBasic h3 {padding:0 0 10px 0 !important}
.p_sub10{padding:60px 0;}
.p_sub10 h2{padding:40px 0 20px;}
.p_sub10 h2 span{display:block; width:25px; height:4px;}
.p_sub10 h2 span:after{display:block; content:""; clear:both;}
.p_sub10 h2 span b{float:left; height:4px;}
.p_sub10 h2 span b.t01{width:40%; background:#866a62}
.p_sub10 h2 span b.t02{width:60%; background:#f6711c}
.p_sub10 h2 p{padding:10px 0; font-size:27px; font-weight:600; color:#554b48; line-height:1em;}
.p_sub10 div h3{font-size:21px; color:#f6711c; font-weight:600; padding-bottom:20px; line-height:1em;}
.p_sub10 div.con01 p{padding-bottom:60px; font-size:17px;}
.p_sub10 div.con02 p{font-size:17px;}
.p_sub10 div.con03 table{width:100%; border-collapse:collapse; border-top:2px solid #7c655e;}
.p_sub10 div.con03 table tr{}
.p_sub10 div.con03 table th{ border:1px solid #d5d5d5; text-align:center; padding:16px 0; font-size:17px; background:#f4f4f4}
.p_sub10 div.con03 table td{border:1px solid #d5d5d5; text-align:left; padding:16px 20px; font-size:16px; line-height:1.7em;}
.p_sub10 div.con03 table td:first-child{background:#f4f4f4; text-align:center; font-weight:500;}

.ListCy {font-size:16px;text-align:center; margin:0 auto 30px auto;overflow:hidden;}
.ListCy li{
	border-radius:100%;
	transition:all 0.3s ease-out;margin:0 0 0 110px;
	border:2px solid #58D3F7;padding:110px 0 0 0;
	position:relative;box-sizing:border-box;float:left;}

.ListCy li.i01 {border:2px solid #58D3F7;}
.ListCy li.i02 {border:2px solid #5882FA ;}
.ListCy li.i03 {border:2px solid #8258FA;}
.ListCy li.i04 {border:2px solid #AC58FA;}

.ListCy li:hover{transition:all 0.3s ease-out;border:2px dashed #2E64FE;}
.ListCy.w5 li {width:170px; height:170px;}
.ListCy.w4 li {width:200px; height:200px;}
.ListCy li span {display:block;font-size:14px;color:#888}

.ListCy li:after {content:"";display:block;width:10px;height:18px;position:absolute;top:42%;left:-60px;background:url('/images/datapsy/btn_next.png') no-repeat;}
.ListCy li:first-child:after {display: none;}
.ListCy li:before {content:"";display:block;position:absolute;top:18px;left:50%;margin-left:-40px;width:80px;height:80px;}

.C31_i li.i01:before {background:url('/images/datapsy/c31_i01.png') no-repeat center;background-size:contain;}
.C31_i li.i02:before {background:url('/images/datapsy/c31_i02.png') no-repeat center;background-size:contain;}
.C31_i li.i03:before {background:url('/images/datapsy/c31_i03.png') no-repeat center;background-size:contain;}
.C31_i li.i04:before {background:url('/images/datapsy/c31_i04.png') no-repeat center;background-size:contain;}

.MO_step {font-size:16px;overflow:hidden;position:relative;}
.MO_step ol {padding:0;margin:0}
.MO_step i {display:block;font-style:normal;}
.MO_step > ul {overflow:hidden;margin:0 0 0 -15px}
.MO_step ul > li {
	transition:all 0.3s ease-out;box-sizing:border-box;text-align:center;padding: 10px 0;
	margin:0 0 0 15px;letter-spacing:-1px;
	float:left;width:calc(100% / 6 - 16px);
	position:relative;
	list-style:none;
	}

.MO_step ul > li:after {content:"";display:block;width:10px;height:12px;
	margin-top:-5px;position:absolute;top:50%;left:-10px;
	background:url('/images/datapsy/btn_next.png') no-repeat;background-size:contain;
	}
.MO_step ul > li div{display:table;width:100%;}
.MO_step ul > li span{display:table-cell;vertical-align:middle; height:130px;transition:all 0.3s ease-out;}

.MO_A > li span{border:2px solid #99d9ea; color: #7178e0; font-weight: 700;}
.MO_A > li.s01 span{background: #99d9ea;border:2px solid #99d9ea;color: #fff;font-weight:700;}
.MO_A > li span ol{margin-top: 10px;}
.MO_A > li span ol li{color: #848484;}
.MO_B > li span{border:2px solid #00a2e8; color: #7178e0; font-weight: 700;}
.MO_B > li.s01 span{background: #00a2e8;border:2px solid #00a2e8;color: #fff;font-weight:700;}
.MO_B > li span ol{margin-top: 10px;}
.MO_B > li span ol li{color: #848484;}

.MO_step ol {font-size:13px;line-height:1.3em;color:#777}
.MO_step ol li {margin:0 0 0.2em 0;list-style:none;}

.MO_step ul > li.none span{border:none;}
.MO_step ul > li.none:after {left:50%}
.MO_step ul > li.afterN:after {display:none}

.MO_A:hover > li span {border:2px dashed #99d9ea;}
.MO_B:hover > li span {border:2px dashed  #00a2e8;}

.da_btnWrap{text-align: right;}
.da_btnWrap input{display: inline-block; width: 80px; padding: 5px 0; margin-top: 5px; background-color: #4271b8; font-size: 12px; font-weight: 700; letter-spacing: 1px; color: #fff; text-align: center; border-radius: 5px; border: 0; cursor: pointer;}
.da_btnWrap input:hover{background-color: #0563f2;}

.selectType{display: inline-block; padding: 5px 7px 4px 3px; border:1px solid #d5d5d5; height: 35px;}
.appliTable .txt70{width: 70px; display: inline-block; padding: 5px 7px; border: 1px solid #d5d5d5; line-height: 20px;}
.appliTable .txt150{width: 150px; display: inline-block; padding: 5px 7px; border: 1px solid #d5d5d5; line-height: 20px;}
.appliTable .txt400{width: 400px; display: inline-block; padding: 5px 7px; border: 1px solid #d5d5d5; line-height: 20px;}
.appliTable .normalTxt{width: 85%; display: inline-block; padding: 5px 7px; border: 1px solid #d5d5d5; line-height: 20px;}
.appliTable .fileName{float: left; display: block; width: 25%; padding: 7px 10px 8px; margin-right: 10px; font-size: 13px; line-height: 20px; border: 1px solid #ddd;}
.appliTable .textareaFrm{margin: 20px 0; display: inline-block; border: 1px solid #d5d5d5; width: 85%;}
.appliTable .checkboxFrm{display:inline-block; width:260px; line-height:30px;}

.link{display: inline-block; padding: 0 18px 0 35px; line-height: 30px; border: 1px solid #cdd4d6; background-color: #e8ebf0; color: #000000; background-position: 13px center; background-repeat: no-repeat;}
.linkAdd{background-image: url(/images/datapsy/icon_link.gif);}

.overlay {position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255, 255, 255, 0.5);transition:opacity 200ms;visibility:hidden;opacity:0;z-index:2}
.overlay .cancel {position: absolute;width:100%;height:100%;cursor:default}
.overlay:target {visibility:visible;opacity:1}
.popup {margin:450px auto; width:1000px;height:330px;position:relative;z-index:3;background:#fff;}
.popup .close {position:absolute;width:51px;height:51px;top:0px;right:0}

.txt150{width: 150px; display: inline-block; padding: 5px 7px; border: 1px solid #d5d5d5; line-height: 20px;}

.data_btnWrap{text-align: right;}
.data_btnWrap input{display: inline-block; width: 143px; padding: 10px 0; margin-top: 5px; background-color: #4271b8; font-size: 14px; font-weight: 700; letter-spacing: 1px; color: #fff; text-align: center; border-radius: 5px; border: 0; cursor: pointer;}
.data_btnWrap input:hover{background-color: #0563f2;}