@Charset "utf-8";
@import url("common.css");

.wrap_title {display:none;}


#navi {border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; letter-spacing:-0.05em;}
#navi .navi {position:relative; max-width:1400px; margin:0 auto; height:50px; line-height:50px;}
#navi .navi .home {float:left; width:72px; height:50px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; overflow:hidden;}
#navi .navi .home a {display:table-cell; width:72px; height:50px; vertical-align:middle; text-align:center;}
#navi .navi .home a img {display:inline;}
#navi .navi .n1 {position:relative; float:left; padding:0 35px 0 20px; border-right:1px solid #d8d8d8; background:url("/hcm/design/layout2/a/res/img/link_on.png") no-repeat 88% 20px;}
#navi .navi .n1 .a1 {display:block; font-size:15px; font-weight:bold; color:#5c5c5c; padding-right:70px;}
#navi .navi .n2 {position:absolute; min-width:100%; top:50px; left:0; background:#0ec29e;text-align:left; white-space:nowrap; overflow:hidden; z-index:5;}
#navi .navi .n2 .a2 {display:block; font-size:14px; line-height:0; color:#fff; padding:0 20px 0 20px; transition:0.3s;}
#navi .navi .n2 .a2:HOVER {color:#ffde3e;}
#navi .navi .n2 .link .bg {display:none; margin:0 -10px 2px 5px; transition:0.3s;}
#navi .navi .on1 .n2 .a2 {line-height:50px; border-bottom:1px solid 0ec29e;}
#navi .navi .on1 .n2 .link img {display:inline;}

#navi .navi .font {position:absolute; top:0; right:0; border-right:1px solid #d8d8d8;}
#navi .navi .font div {display:table-cell; font-size:14px; color:#4e4e4e; height:50px; line-height:50px; padding:0 20px; border-left:1px solid #d8d8d8; vertical-align:middle; cursor:pointer;}
#navi .navi .font .print {background:#535353;}
#navi .navi .font .sns {position:relative; background:#0ec29e; border-left:1px solid #0ec29e;}
#navi .navi .font .sns_list {position:absolute; top:-135px; left:0; width:100%; display:none;}
#navi .navi .font .sns_list a {display:block; height:45px; text-align:center;}
#navi .navi .font .sns_list a img {margin-top:12px;}
#navi .navi .font .sns:hover {border-left:1px solid #262626; background:#262626;}
#navi .navi .font .sns:hover .sns_list {display:block;}

#navi .m_navi {position:relative; height:50px; line-height:50px; display:none;}
#navi .m_navi .home {float:left; width:49px; height:50px;  border-right:1px solid #d8d8d8; overflow:hidden;}
#navi .m_navi .home a {display:table-cell; width:49px; height:50px; vertical-align:middle; text-align:center;}
#navi .m_navi .home a img {display:inline;}
#navi .m_navi .navilist {float:left; width:calc(100% - 50px);}
#navi .m_navi .n1 {position:relative; float:left; padding:0 35px 0 20px; border-right:1px solid #d8d8d8; background:url("/hcm/design/layout2/a/res/img/link_on.png") no-repeat 88% 20px; cursor:pointer;}
#navi .m_navi .n1 .a1 {display:block; font-size:15px; font-weight:bold; color:#5c5c5c; padding-right:20px;}
#navi .m_navi .n2 {position:absolute; width:100%; top:50px; left:0; background:#0ec29e; text-align:left; white-space:nowrap; overflow:hidden; z-index:5;}
#navi .m_navi .n2 .a2 {display:block; font-size:14px; line-height:0; color:#fff; padding:0 20px; text-align:center; transition:0.3s;}
#navi .m_navi .n2 .a2:HOVER {color:#ffde3e;}
#navi .m_navi .n2 .link .bg {display:none; margin-left:5px; transition:0.3s;}
#navi .m_navi .on1 .a2 {line-height:50px; border-bottom:1px solid 0ec29e;}
#navi .m_navi .on1 .link .bg {display:inline;}


/* 탭 */
#sub #hcms_tab_area {display:none;}
#sub .boardTab {display:block !important;}


#sub {max-width:1400px; margin:0 auto; min-height:300px; padding:50px 2% 70px;}

#sub #lnb {float:left; width:330px;}
#sub #lnb .lnb_title {font-size:28px; font-weight:bold; color:#313131;}
#sub #lnb .lnb {width:260px; margin-top:20px; border-top:1px solid #dddddd;}
#sub #lnb .lnb a {position:relative; display:block; padding:20px 30px 20px 20px; font-size:18px; color:#313131; line-height:20px; border-bottom:1px solid #dddddd;}
#sub #lnb .lnb span {position:absolute; top:20px; right:20px; font-size:17px; display:none;}
#sub #lnb .lnb .on {font-weight:bold; color:#069578; background:#e9e9e9;}
#sub #lnb .lnb .on span {display:block;}

#sub .sub {position:relative; overflow:hidden;}
#sub .sub .sub_title {font-size:35px; font-weight:bold; color:#313131; line-height: 40px; font-family:'Nanum Square'; margin-bottom:20px;}

#sub .tab {padding:15px 0; margin-bottom:30px; font-family:'Nanum Square'; border-bottom:1px solid #dddddd; overflow:hidden;}
#sub .tab a {display:inline-block; height:20px; font-size:20px; line-height:20px; color:#313131; padding-right:20px;}
#sub .tab a+a {padding-left:20px; border-left:1px solid #dddddd;}
#sub .tab .on {color:#069578; font-weight:bold;}



.tb30 {font-size:30px; font-weight:bold; color:#0ec29e; font-family:'Nanum Square';}
.tb25 {font-size:25px; font-weight:bold; color:#313131; font-family:'Nanum Square';}
.tb20 {font-size:20px; font-weight:bold; color:#313131; font-family:'Nanum Square';}
.tb16 {font-size:16px; font-weight:bold; color:#313131;}

.t16 {font-size:16px; color:#313131; line-height:30px; text-align:justify;}


.c1 {color:#069578 !important;}




.basic {overflow:hidden;}


.box {padding:20px; border:1px solid #e0e0e0;}

.w2 {margin:0 -15px; overflow:hidden;}
.w2 .box1 {float:left; width:calc(50% - 82px); margin:0 15px; padding:20px 25px 30px; border:1px solid #e0e0e0; border-top:1px solid #0ec29e;}

.w4 {margin:0 -15px; overflow:hidden;}
.w4 .box1 {float:left; width:calc(25% - 42px); margin:0 15px; padding:20px 5px 20px; text-align:center; border:1px solid #e0e0e0; border-top:1px solid #0ec29e;}
.w4 .box2 {float:left; width:240px; margin:0 15px 20px;}
.w4 .box2 .tb20 {display:table-cell; width:160px; height:140px; line-height:25px; padding:50px 25px; margin:0 auto; text-align:center; vertical-align:middle;}


.w3 {margin:0 -30px; overflow:hidden;}
.w3 .box1 {position:relative; float:left; width:calc(33.3% - 92px); min-height:250px; margin:110px 30px 40px; padding:100px 10px 20px 20px; border:1px solid #e0e0e0;}
.w3 .box1 .title {position:absolute; top:-110px; left:calc(50% - 86px);}
.w3 .box1 .t16 {line-height:35px; text-align:left; letter-spacing:-0.01em;}
.w3 .box1 .tb20 {display:table-cell; width:126px; height:102px; line-height:25px; padding:50px 25px; margin:0 auto; text-align:center; vertical-align:middle;}
.w3 .box2 {float:left; width:calc(33.3% - 62px); margin:0 30px 30px; padding-bottom:20px; border:1px solid #e0e0e0;}
.w3 .box2 .img {height:100px; line-height:100px; text-align:center; border-bottom:1px solid #e0e0e0;}
.w3 .box2 .tb20 {min-height:60px; padding:25px 20px 10px; text-align:center;}
.w3 .box2 .btn {display:block; width:140px; height:40px; line-height:40px; margin:0 auto; font-size:15px; font-weight:bold; text-align:center; color:#069578; border:1px solid #069578; border-radius:35px;}

.tb20.bg1 {color:#0ec29e; background:url("/site/counsel2/res/img/bg01.png") no-repeat center 0; background-size:100%;}
.tb20.bg2 {color:#9163cb; background:url("/site/counsel2/res/img/bg02.png") no-repeat center 0; background-size:100%;}
.tb20.bg3 {color:#579add; background:url("/site/counsel2/res/img/bg03.png") no-repeat center 0; background-size:100%;}
.tb20.bg4 {color:#dd6fa7; background:url("/site/counsel2/res/img/bg04.png") no-repeat center 0; background-size:100%;}
.tb20.bg5 {color:#9bc962; background:url("/site/counsel2/res/img/bg05.png") no-repeat center 0; background-size:100%;}





.survey {margin-top:30px; overflow:hidden;}
.survey .box {margin-bottom: 20px;}
.survey .box .q {padding:20px 25px; font-size:16px; color:#313131; margin-bottom:20px; background:#f0f0f0;}
.survey .box .q b {color:#069578; margin-right:10px;}
.survey .box label {display:block; padding:0 30px 10px; font-size:16px; color:#313131; cursor:pointer;}
.survey .box label input {margin-right:5px;}
.survey .result {font-size:16px; color:#313131; line-height:30px;}

.survey .btn {padding:20px 0 30px; text-align:center;}
.survey .btn input {width:150px; height:50px; line-height:50px; font-size:18px; color:#fff; border:none; background:#0ec29e; border-radius:15px;}


.basic .btn {padding:20px 0 30px; text-align:center;}
.basic .btn a {display:inline-block; margin:0 10px 10px; min-width:150px; padding:0 20px; height:40px; line-height:40px; font-weight:bold; color:#fff; text-align:center; background:#0ec29e;}


caption {font-size:0; height:0;}

.table01 {width:100%; border-top:2px solid #0ec29e; border-collapse:collapse;}
.table01 th {padding:10px 5px; height:40px; font-size:18px; font-weight:bold; line-height:25px; color:#313131; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f4f4f4;}
.table01 td {padding:10px 10px; height:40px; font-size:16px; line-height:30px; color:#5c5c5c; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.table01 th+th {border-left:1px solid #d6d6d6;}
.table01 td+td {border-left:1px solid #d6d6d6;}
.table01 th:LAST-CHILD {border-right:none;}
.table01 td:LAST-CHILD {border-right:none;}


.p0505 th {padding:5px 5px;}
.p0505 td {padding:5px 5px;}

.p1020 th {padding:10px 20px;}
.p1020 td {padding:10px 20px;}

.p1520 th {padding:15px 20px;}
.p1520 td {padding:15px 20px;}

.p2020 th {padding:20px 20px;}
.p2020 td {padding:20px 20px;}


.ti10 {text-indent:-10px; padding-left:10px;} 
.ti10l li {text-indent:-10px; padding-left:12px;} 
.ti15 {text-indent:-15px; padding-left:15px;} 
.ti15l li {text-indent:-15px; padding-left:17px;} 
.ti20 {text-indent:-20px; padding-left:20px;} 
.ti20l li {text-indent:-20px; padding-left:22px;} 



@media only screen and (max-width:1416px) {
}
@media only screen and (max-width:1216px) {
	.w3 {margin:0 -15px;}
	.w3 .box1 {width:calc(50% - 72px); margin:110px 15px 40px;}
	.w3 .box2 {width:calc(50% - 62px);}
}
@media only screen and (max-width:1016px) {
}
@media only screen and (max-width:976px) {
	#lnb {display:none;}
	#navi .navi {display:none;}
	#navi .m_navi {display:block;}
	
	#sub {padding:30px 2% 50px;}
	#sub .sub {padding:0;}
	#sub_title {font-size:20px;}
	
	#sub .dep3 {margin:0 auto 30px; border-bottom:none;}
	#sub .dep3 a {display:table-cell; width:500px; min-width:auto; height:50px; padding:0 5px; float:none; font-size:16px; line-height:20px; vertical-align:middle;}
	
	.w2 .box1 {float:none; width:auto; margin-bottom:10px;}
	.w4 .box1 {float:none; width:auto; margin-bottom:10px;}
	
}
@media only screen and (max-width:800px) {
}
@media only screen and (max-width:640px) {
	#sub .sub .sub_title {font-size:25px;}
	.tb30 {font-size:25px;}
	.tb25 {font-size:20px;}
	
	.w3 .box1 {float:none; width:auto; min-height:auto; margin:0 15px 20px; padding:20px;}
	.w3 .box1 .title {position:relative; top:0; left:0;}
	.w3 .box1 .title .tb20 {display:block; width:auto; height:auto; padding:0 0 10px; text-align:left; background:none;}
	.w3 .box1 .title .tb20 br {display:none;}
	.w3 .box2 {float:none; width:auto; margin:0 15px 20px;}
	.w4 .box2 {float:none; width:auto; margin:0 15px 20px;}
	.w4 .box2 .tb20 {display:block; width:auto; height:auto; padding:0; text-align:left; background:none;}
	.w4 .box2 .tb20 br {display:none;}
}
@media only screen and (max-width:480px) {
	.tb30 {font-size:20px;}
	.tb20 {font-size:18px;}
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}