@charset "utf-8";
/* wv.v.1.0 2019-07 */



/*header*/
header {width: 100%;height :95px; z-index: 1001;}
.topLayoutTop {text-align:center; height: 95px;background-color: #fff;}
.logo {position: absolute; top: 33px;left: 0;display: inline-block; float: left; margin: 0; color: #000; font-size: 18px;}
.logo img { display: inline-block; margin: 0; vertical-align: middle;}

.mainNav { position: relative; width: 600px; margin: 0 auto;}
.mainNav ul.mainNavList { }
.mainNav ul.mainNavList>li {position: relative;float: left; width: 20%;line-height: 95px;}
.mainNav ul.mainNavList>li.on a {font-weight:600; color:#d31f21;}
.mainNav ul.mainNavList>li>a {display: block;font-size: 17px;font-weight: bold;color: #000;transition: 0.3s all ease;}
.mainNav ul.mainNavList>li>a:after {position: absolute; left: 50%;  bottom: 0px;  content: '';  width: 0%;  height: 3px; background-color: #fff;  transition: .35s; transform: translateX(-50%);} 
.mainNav ul.mainNavList>li.on > a:after {width: 100%;background-color: #d31f21;}
	.hireLink {display: block;  width: 105px;position: absolute; top: 26px; right: 0;background-color: #888;  transition: .2s ease-in-out;  overflow: hidden;  color: #fff; border-radius: 50px; height: 40px; line-height: 40px;  font-size: 15px;}
	.hireLink img { margin-right: 8px; margin-top: -2px;}
	.hireLink:hover {background-color: #D31F21;   box-shadow: 0px 3px 7px -1px rgba(0,0,0,0.5); color:#fff; }


.mainSubNav {display:none; position: absolute; top: 95px;right: 120px;width: 480px; height : 415px; z-index: 1000; background-color: #fff;box-shadow: 1px 6px 7px 2px rgba(0,0,0,0.2);}
.mainSubNav .mainSubNavIn>li { float: left; width: 120px; line-height: 40px;transition: 0.3s all ease;}
.mainSubNav .mainSubNavIn>li:first-child {border-left:none;}
.mainSubNav .mainSubList li.long {line-height: 25px;}
.mainSubNav .mainSubNavIn>li .mainSubList {  height: 404px;    border-left: 1px dotted #ddd;}
.mainSubNav .mainSubNavIn>li:first-child .mainSubList {border-left: none;}
.mainSubNav .mainSubList>li>a {  display: block;    padding: 4px 0;font-size: 14px;font-weight:500;transition: 0.3s all ease;}
.mainSubNav .mainSubList>li a .icon {margin-left: 10px; font-size: 10px;font-weight: 600;}
.mainSubNav .mainSubList>li p {transition: 0.3s all ease;}
.mainSubNav .mainSubList>li>p>a {display: block; padding: 7px 0;font-size:14px;}
.mainSubNav .mainSubList>li p:hover {background-color:#d31f21;}
.mainSubNav .mainSubList>li p:hover a {color:#fff;} 

.sideNav {position: absolute;top: 22px;right: 0; width: 200px;}
.sideNav ul {}
.sideNav ul li { position: relative;float: left;  padding: 0 10px;line-height: 45px;}
.sideNav ul li:before {position: absolute; top: 15px; left: 0px; content:""; width:2px; height:15px; background-color:#ddd;}
.sideNav ul li:first-child:before {display:none;}
.sideNav ul li a {}

.subNav {/*display:none;*/}
.subNav>li { line-height: 30px; }

/*.subNav>li:hover {background-color:#A51E20;}
.subNav>li:hover a {color:#fff;}*/

.subNav>li p { padding: 0 10px;background-color: #F6F6F6;}
.subNav>li p a {  display: block; padding: 5px 0;font-size: 12px;color:#999; line-height: 20px;   border-top: 1px dotted #ddd;}
.subNav>li:first-child a {border-top:none;}
.subNav>li.long {line-height: 20px;}



 

/*******index*********/	

		   
/*contect*/
p { margin: 0; line-height: 26px;font-size:16px;}

.topNavIn {position: relative;width: 1080px; margin: 0 auto}
.topNavR {    position: absolute;left: 0;}
.topNavR > ul > li { float: left;position: relative;}
.topNavR > ul > li:first-child a { padding: 0 18px;    padding-left: 0;}
.topNavR > ul > li a {display: block;padding: 0px 10px;color: #fff;}
.topNavR > ul > li:first-child a span {
    font-size: 23px;
    line-height: 70px;
}
.topNavR > ul > li dt {
    cursor: pointer;
    color: #fff;
    line-height: 70px;
    position: relative;
    padding: 0 16px;
    opacity: 0.6;
}
.topNavR > ul > li dt:before {
    position: absolute;
    left: -3px;
    top: 0;
    content: '/';
    display: block;
    color: #fff;
    opacity: 0.6;
    transform: rotate(8deg);
}
.topNavR > ul > li dt>span {font-size: 10px;
    margin-left: 5px;}
.topNavR > ul > li dd {
    display: none;
    z-index: 1;
    position: absolute;
    left: -6px;
    top: 70px;
}
.topNavR > ul > li dd a {    width: 83px; text-align: center; padding: 8px 12px; background-color: rgba(211,31,33,0.95); position: relative;}
.topNavR > ul > li dd a:hover {}
.topNavR > ul > li dd a .underline {  display: block; transition: all .3s;background-color: rgba(255,255,255, 0.8); width: 0; height: 1px;margin-top: 2px;}
.topNavR > ul > li dd a:hover .underline{width:100%;}

.contWrap {    position: relative;width: 1080px;margin: 0 auto;overflow: hidden;}

.pageTitle {    margin-bottom: 0; padding-bottom: 20px;  font-size:30px; font-weight: 500;color:#000;}
.subTitle {font-size:22px;color:#666666;}
p.contTitleB {margin-top: 10px;font-size:30px; color:#000;font-weight:600;}
p.contTitle {   margin-bottom: 20px;font-size:24px; color:#000;}
p.contSubTitle {  font-size:22px; color:#000;}
.contentBoxIn .fontB {     margin-top: 50px;margin-bottom: 30px; line-height: 1.4;font-size: 48px;color: #666666;}
.fontB strong {  color: #000;}
.subText { margin: 20px 0 30px;font-size:15px; color:#000; text-align:center;}
.subTextS {font-size:14px; color:#666;}
/*.subText strong {color:#D31F21; }*/
.subListT {font-size:18px; color:#000; font-weight:600;}
.titleTag {font-size:20px; font-weight:600;color:#000;}
.textCont .boldSubT {    font-size: 22px; font-weight: 600;    line-height: 30px;color: #000;}


.contInWrap {padding: 30px 12px; overflow: hidden;}
.borderT {border-top: 1px solid #E1E1E1;}
.borderB {border-bottom: 1px solid #E1E1E1;}
.borderDotT {    border-top: 1px dotted #E1E1E1;}
.borderDotB {    border-bottom: 1px dotted #E1E1E1;}

.subDescript { margin-top: 20px;}

.textCont strong {color:#000;}
.textCont .black {color:#000;}
.textCont strong.red {color:#D31F21;}
.textCont strong.bold  {    font-size: 20px;font-weight: 600; color: #000;}
.textCont.gray strong.bold  {    font-size: 17px;}
.textCont strong.boldT  {    font-size: 32px;font-weight: 600; color: #000;line-height: 32px;}
.floatImgBox.imgCont {overflow: hidden;}
.floatImgBox.imgCont .floatL {float:left;}
.floatImgBox.imgCont .floatR {float:right;}
.textTag {display: inline-block; padding: 5px 10px;    font-weight: 600; letter-spacing: 1px; margin-right: 10px;    background: #888;color: #fff;}
.downWrap {    position: absolute;right: 0; top: 0;  background-color: #888888; padding: 5px; width: 220px;}
.downWrap a {    display: block;    color: #fff; font-size: 12px;}
.downWrap .icon {    position: absolute; top: 8px; left: 11px;    font-size: 36px;}
.downWrap p {    margin-left: 50px;  line-height: 20px; font-size: 13px;}
.btnWrap {width: 452px; margin: 20px auto;overflow: hidden;}
.btnWrap a { float: left;width: 200px;}
.btnWrap a.redBtn {float:right;}
.btn {    display: inline-block; height: 45px; line-height: 45px;    padding: 0px 10px; width: 200px;text-align: center;}
.btn .icon {    float: right;margin-top: 14px;font-size: 10px;}
.blackBtn {    width: 100px;    margin: 0 10px;border: 1px solid #000;background-color: #000; color:#fff;}
.whiteLineBtn {border:1px solid #D7D7D7;}
.redBtn {border:1px solid #D31F21;background-color:#D31F21; color:#fff;}
.lineBtn {    border: 1px solid #E1E1E1;color: #D31F21;}
.darkBtn {    background-color: #24231F; color: #fff; font-size: 20px;}


/*searchBox*/

.searchBox { position: relative; width: 748px; margin: 10px auto 40px; }
.searchBox input[type="text"] {width: 500px;}
.searchBox button {    position: absolute; top: 0; right: 0;    width: 36px;  height: 36px; line-height: 32px;    font-size: 20px;}
.searchBox button span { display: inline-block; margin-top: 7px;}

input[type="text"], input[type="tel"]{width: 251px;
    height: 34px;  margin: 0;font-size: 12px; color: #858585;  border: 1px solid #e1e1e1; border-right: none;  padding: 0 5px;}



/******index*****/
.visualBox {    position: relative; background-color: #F9F9F9;}
.visualBox:before {content:'';    background-color: #D31F21;width: 354px;height: 100%; position: absolute; right: 0;}
.mainBnr {   position: relative;   width: 1200px;margin: 0 auto;}
.mainBnr img {  width:1200px; height:600px;}
.mainBnr:before {content:''; width: 1200px;height: 100%; position: absolute;     left: 0; right: 0; margin-left: auto;margin-right: auto;}
.wvNumBoxIn {display:none;}
.wvNumBox {    position: absolute; top: 90px; right: 105px; z-index: 100; }
.wvNumBox a {position: relative;display:block; margin-bottom:30px;text-align: right; color:rgba(225,225,225,0.5);font-size:15px;     transition: 0.3s all ease;}
.wvNumBox a:after {content:''; position:absolute; width:7px; height:7px;     border-radius: 15px; top: 5px;background-color:#fff;}
.wvNumBox a.on {font-size:15px; font-weight:600;color:#fff; }
.wvNumBox a span {    padding-right: 10px;}
.bnrSideWrap {    position: absolute;  width: 300px; height: 100%;  background-color: #D31F21; z-index: 10;  right: 0; top: 0;    left: 50%; margin-left: 300px;}
.bnrSide:after { position: absolute; right: 100px; content:''; width:2px; height:200px; background-color:rgba(225,225,225,0.3);}

.mainCont.contentBoxIn {  width: auto; overflow: inherit; background-color: #EAEAEF;} 
.mainCont .wrap {    margin-top: -190px; z-index: 9999; background-color: #fff;box-shadow: 1px 5px 12px 1px rgba(0,0,0,0.2);}
.mainContBox {}
.mainContBox .column {    overflow: hidden;}
.mainContBox .column h2 {    margin: 0; margin-bottom: 15px;color:#000;}
.mainContBox .column>div {float:left;     height: 230px; padding: 20px;}
.mainContBox .column .center {    width: 360px;}
.mainContBox .column .center img {width:100%;}
.mainContBox .column .center a{height:185px;display:block;overflow:hidden;}/* 230419 kmh 추가 */
.mainContBox .column .news {width: 298px; border-left: 2px dotted #D7D7D7;}
.mainContBox .column .news ul li {    margin-bottom: 2px;}
.mainContBox .column .news ul li .listT {    width: 295px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;    font-size: 15px;color: #000;}
.mainContBox .column .news ul li .date {    font-size: 12px;color: #666;}
.mainContBox .column .social {     position: relative; width: 298px; border-left: 2px dotted #D7D7D7;}
.mainContBox .column .social .titleTag {font-weight:500;}
.mainContBox .column .social .subT {  display: inline-block;margin-top: 10px;}
.mainContBox .column .social .btn {    position: absolute;left: 20px;    bottom: 20px;width: 70px; height: 36px;line-height: 36px;}



/*****회사소개*****/

/*CEO*/
.ceoPage { }
.ceoPage .textCont { float: left; width: 530px;}
.ceoPage .imgCont {float: right;margin-top: -100px; }

.ceoName { position: relative; overflow: hidden; margin-top: 70px;}
.ceoName .ceoIn { float: left; margin-right: 25px;    color: #000;font-weight: 500;}
.ceoName .ceoIn span {display: block;}
.ceoName .ceo {  position: absolute;top: -3px;left: 215px;margin-top: 10px;color: #000;    letter-spacing: 50px;font-size: 32px;font-weight: 600;}
.ceoName .ceo span {margin-right: 27px;}


/*제휴안내*/
.alliancePage .borderDotB {    margin-bottom: 20px;padding-bottom: 20px;} 
/*.allianceList {overflow: hidden;}*/
.allianceList>li:first-child {margin-left:0;}
.allianceList>li {float: left; background-color: #F6F6F6;  width: 203px;    height: 285px; margin-left: 10px;text-align: center;    transition: 0.3s all ease;}
.allianceList>li:hover {box-shadow: 0px 3px 7px -1px rgba(0,0,0,0.5);}
.allianceList>li .subListT {    margin-top: 20px;}
.allianceList>li .imgWrap { margin: 20px 0; height: 60px;}
.allianceList>li ul li { position: relative;   text-align: left; margin: 5px 0; padding-left: 20px;}
.allianceList>li ul li:before {   position: absolute;content: "";top: 8px;left: 13px;width: 2px; height: 2px;border-radius: 50px;background-color: #666;}
.allianceList>li ul li a {transition: 0.3s all ease;}
.allianceList>li ul li:hover a {color:#D31F21;}
.allianceList>li ul li:hover:before {background-color: #D31F21;}

 
/*제휴안내 등록*/
.allianceAddPage .borderDotB {    padding-bottom: 20px;margin-bottom: 20px;}
.writeReview .searchOut {padding-top: 16px;}
.writeTable {margin-top: 20px;}
.writeTable table{width: 100%;border-top: 1px solid #000;border-collapse: collapse;border-bottom: 1px solid #ddd;}
.writeTable caption {font-size: 0;text-indent: -9999px;overflow: hidden;height: 0; }
.writeTable tbody tr {border-bottom: 1px solid #ddd; }
.writeTable tbody tr input{width: 218px;border-right: 1px solid #e1e1e1;height: 34px; margin: 0;   line-height: 36px;font-size: 12px;}
.writeTable tbody tr input.addFile{    width: 217px;   }
.writeTable tbody tr .fileLabel { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em;
}
/*.writeTable tbody tr.tbTitle {}
.writeTable tbody tr.tbTitle input {width: 218px;border-right: 1px solid #e1e1e1;}
.writeTable tbody tr.tbWirte {}*/
.writeTable tbody tr.tbWirte input {width: 40%;float: left;}
.writeTable tbody tr.tbSubject { }
.writeTable tbody tr select{    width: 230px;
    height: 36px;
    margin: 0;
    font-size: 12px;    border: 1px solid #e1e1e1;border-right: none;
                    -webkit-appearance: none;
                       -moz-appearance: none;
                            appearance: none;
                            border-radius: 0;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    background: url(/assets/m-user/images/selectDown3.png) no-repeat 100% 50%;}
.writeTable tbody tr select::-ms-expand{ display:none ; }


.writeTable tbody tr.tbSubject .tip {border-top: 1px solid #ddd;padding-top: 10px;padding-bottom: 10px;}
.writeTable tbody tr.tbSubject .tip.firstTip {border-top: none;}
.writeTable tbody tr.tbSubject .tip li:first-child {}
.writeTable tbody tr.tbSubject .tip li {position: relative;padding: 5px 0;font-size:13px;}
.writeTable tbody tr.tbSubject .tip li strong {padding-left: 5px;}
.writeTable tbody tr.tbSubject .tip .helpexContainer {left: 65px;}
.writeTable tbody tr.tbSubject .starAdd {color: red;}
.writeTable tbody tr th {padding: 20px 10px;background-color: #F8F9FA;width: 20%;text-align: left;font-size: 13px; }
.writeTable tbody tr td {    position: relative;padding: 10px 10px; }

.writeTable .comment {padding: 20px 0; line-height: 20px; }
.writeTable .comment p {margin: 0;}
.writerEditor {width: 100%; height:300px; margin-top: 16px; background-color: #ddd;}
.writeReview .btnWrap {margin-top: 20px;padding:0;}
.writeTable .checks.etrans input[type="checkbox"] + label:before {left:14px;}
.writeTable .checks.etrans input[type="checkbox"] + label {background-position: 14px 10px;}


/*첨부파일*/
.filebox {}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label {     display: inline-block;
    color: #fff;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #000;
    background-color: #000;
    height: 34px;
    width: 40px;
    line-height: 34px;
    text-align: center;} /* named upload */ 
.filebox .upload-name { display: inline-block; width: 148px; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #fff; border: 1px solid #e1e1e1; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }


/*개인정보 동의 영역*/
.agreeBox {    height: 63px; line-height: 63px; padding-left: 20px;    background-color: #F8F9FA;border: 1px solid #E1E1E1;}
.agreeBox .blackBtn {    height: 36px;line-height: 36px;text-align: left;}
.agreeList {}
.agreeList>li {     font-size: 15px; margin-bottom: 10px;}
.agreeList>li p { margin-bottom: 10px; font-size: 18px; font-weight: 600; color: #000; }
.agreeText {   padding-left: 10px; }
.agreeText li { position: relative;padding-left: 10px; }
.agreeText li:before {position:absolute; content:""; top:9px; left:0; width:2px; height: 2px;     border-radius: 50px;background-color:#666;}
.popContent .agreeBox {    text-align: center;}




/*경영철학*/

.principlesPage .borderT {padding-top:30px;}
.principlesPage .textList { float: left; }
.principlesPage .imgCont { margin: 30px 0;}

.principlesPage .textInList>li { position: relative;  margin-bottom: 5px;     padding-left: 10px;font-size: 15px;}
.principlesPage .textInList>li:before {position:absolute; content:""; top:9px; left:0; width:5px; height: 1px;     border-radius: 50px;background-color:#666666;}
.principlesPage .contBox.firstCont { padding-bottom: 20px;}
.principlesPage .borderDotT { padding-top:30px;}



/*연혁*/
.historyCont {}
.contInWrap.historyPage {position: relative;} 
.historyIn>li {    position: relative;overflow: hidden;padding: 0;  background-color: #F6F6F6;}
.historyIn>li .year {    position: absolute; top: 33px;  left: 26px; z-index: 100; font-size: 24px;}
 .historyCont .historyWrap {  margin-bottom: 0px; border: 0px; margin-left: 100px;border-left: 1px solid #ddd;padding: 30px 0; padding-bottom: 0;}
.historyCont .history {    margin: 0 30px; border-bottom: 1px dotted #E1E1E1;}
.history .month {    position: absolute;top: 0px;left: 16px; font-weight: 600;color: #000;}
.historyPage .contBox {position: relative;}
.historyPage .contBoxWrap { margin-left: 100px;}
.historyPage .subText {font-size:30px;}
.historyCont .history li {    clear: both;    margin: 30px 0;   overflow: hidden;}
.historyCont .history li:first-child {margin-top:0;}
.historyCont .history li p {    position: absolute; width: 53px;text-align: left; color: #4a4a4a; padding-left: 10px;margin: 0 0 10px;    font-size: 18px;color: #000;font-weight: 600;}
.historyCont .history li span { display: block;  margin-left: 72px; margin-bottom: 7px; font-size: 16px;}
.historyCont .history li p.yearT { font-size: 15px; color: #666;}


/*  .yearList {    position: fixed;left: 50%;margin-left: -500px;}*/
.yearList {      position: absolute;    top: 17px;left: 0px;}
.yearList ul {}
.yearList ul li {    margin-bottom: 15px;    text-align: center;}
.yearList ul li a {    display: block;    font-size: 20px;}
.yearList ul li.on {border-bottom: 3px solid #D31F21;}
.yearList ul li.on a {color:#D31F21;}



/*****사업영역*******/

/*R&D*/
.rdPage .textCont {    float: right; width: 614px;}
.rdPage .imgTextBox .imgCont {width: 407px;}

/*Institution Operations*/
.institutionPage .textCont {    float: right;width: 788px;}
.textList {    margin-top: 30px;}
.textList li {    margin-bottom: 30px;}
.textList li p {     position: relative;    padding-left: 8px; color: #000;font-weight: 600;margin-bottom: 10px;}
.textList li p:before {position:absolute; content:""; top:9px; left:0; width:3px; height: 3px;     border-radius: 50px;background-color:#000;}
.textList li span {    font-size: 15px;}
.institutionPage .contSubTitle { margin-top: 30px;padding-top: 30px;}


.grayContBox { padding: 20px;background-color:#F6F6F6;border-bottom: 1px dotted #E1E1E1;}
.grayContBox .imgTextBox {margin-bottom:0;}
.grayContBox .imgTextBox .imgCont { width: 458px;    height: 300px;}
.grayContBox .imgTextBox .imgCont img { width: 100%;}
.grayContBox .imgTextBox .textCont {width: 523px;}
.grayContBox p.contTitleB {line-height: 36px;}


/*찾아오시는 길*/
.locationBox .mapCont {margin-bottom:80px;}
.locationBox  .mapCont .title{font-size:30px; letter-spacing: -0.5px; color:#000; margin-bottom:24px;}
.locationBox  .mapCont  .map{height:450px;}
.locationBox  .mapCont ul {padding:22px 0; border-bottom:1px solid #E1E1E1; position: relative;}
.locationBox  .mapCont ul li {font-size:15px; color:#707070;} 
.locationBox  .mapCont ul li p {margin:0;}
.locationBox  .mapCont ul li strong{color:#000;}
.locationBox  .mapCont ul li .line{color:#D8D8D8; font-size:14px;}
.locationBox  .mapCont ul li.list2 {position: absolute;right:0; top:22px;}

.locationBox .trafficCont, .locationBox .parkingCont{position: relative; margin-bottom:80px;}
.locationBox .trafficCont .tractitle, .locationBox .parkingCont .partitle {position: absolute; left:0; top:-3px; font-size:30px; font-weight:400; letter-spacing: -0.5px; color:#000;}
.trafficContIn {padding-left:184px;}
	.trafficBox {overflow:hidden;}
	.subway{margin-bottom:12px;}
		.subway .trafficIcon{padding:18px 16px 0; height:74px; background-color:#EFEFEF; border-radius: 5px; text-align: center;float:left;}
		.subway .trafficText {padding-top:18px;}
			.subway .trafficText li{margin-bottom:10px; color:#000;}
			.bus .trafficText li{margin-bottom:4px;}
			.iconBox{display:inline-block;}
			.trafficIcon p { margin:0; color:#313131; font-size:16px; letter-spacing: -0.5px;margin-top:8px;}
		.bus .trafficIcon{padding:19px 20px 0; height:74px; background-color:#EFEFEF; border-radius: 5px; text-align: center;float:left;}
		.trafficText{float:left; font-size:16px; color:#666;}
			.trafficText ul{padding-left:24px;}
			.sub1{color:#fff; display:inline-block; width:23px; height:23px; border-radius: 50%; background-color:#359723; text-align:center; margin-right:8px; line-height:24px;}
			.sub2{color:#fff; display:inline-block; width:23px; height:23px; border-radius: 50%; background-color:#AA8F09; text-align:center; margin-right:8px; line-height:24px;}
		.busbox{display:inline-block; color:#fff; width:74px; height:28px; text-align:center; font-size:15px; line-height:28px;margin-right:11px;}
		.bus1{background-color:#F15252;}
		.bus2{background-color:#23548D;}
		.bus3{background-color:#44A532;}
		
		.parkingBox{padding-left:184px; font-size:16px; line-height:26px;}
.parkingBox p {margin:0; margin-top:34px;}
.acdemmyVisualbottom{height:239px; margin-bottom:194px;background-color:#F6F6F6}


/******사회공헌*******/
.topTitle {text-align: center;}
.topTitle .titleTag {}
.topTitle p { margin: 3px 0 30px 0;font-size: 24px; color: #666; }

.textCont.gray {    padding: 10px 20px 25px; margin-top: 30px; background-color: #F6F6F6;text-align: center;}


/*동아리활동*/
.clubPage .grayContBox .textCont {    float: right; width: 523px;}
.clubInfoList {}
.clubInfoList li {    overflow: hidden; margin-bottom: 2px;}
.clubInfoList li span {    display: inline-block; margin-top: 2px;float: left; width: 60px;  font-size: 15px;font-weight: 600;}
.clubInfoList li p {    float: left; width: 370px;      font-size: 15px;  color: #000;}
.clubInfoList li.item p {font-size: 13px;  width: 231px;}

/*봉사활동*/
.volunteerPage .banner {    margin-bottom: 30px;    padding-bottom: 30px;}


/*산악인*/
.climberPage select.selectL {    margin-top: 0px;}


/******contact******/

/*contactUs*/

.contactPage .contactT {    position: relative;padding-left: 8px; color: #000;font-weight: 600; margin-bottom: 10px;}
.contactPage .contBox {margin-top:30px;}
.contactPage .floatL {float:left;}
.contactPage .floatL {float:right;}
.contactList {    margin-top: 0px;    overflow: hidden;}
.contactList>li {    float: left;width: 500px;    margin: 0 14px;color: #000;}
.contactList>li p {     position: relative;    padding-left: 8px; color: #000;font-weight: 600;margin-bottom: 10px;}
.contactList>li p:before {position:absolute; content:""; top:9px; left:0; width:3px; height: 3px;     border-radius: 50px;background-color:#000;}
.contactList>li span {float: left;  font-size: 15px;    color: #888;}
.contactListIn>li {position: relative;    padding-left: 15px; text-align: right;    border-bottom: 1px solid #ddd;  height: 45px; line-height: 45px;}
.contactListIn>li:before {position:absolute; content:""; top:20px; left:0; width:8px; height: 2px;  background-color:#D31F21;}


/******sitemap******/
.sitemapPage {}
.sitemapList {    overflow: hidden;}
.sitemapList>li {float:left;width: 233px;    padding-left: 20px; margin-left: 20px;border-left: 1px dotted #ddd;}
.sitemapList>li:first-child {    padding-left: 0; margin-left: 0;border-left:none;}
.sitemapPage .siteT {position: relative; font-weight: 600;font-size: 22px;color: #d31f21;}
.sitemapPage .siteT:before {    position: absolute; content: ""; bottom: -2px;left: 0; width: 20px; height: 1px; border-radius: 50px;background-color: #d31f21;}
.sitemapListIn {    margin-top: 10px;}
.sitemapListIn>li { position: relative;   padding: 10px 0;   border-bottom: 1px dotted #ddd;}

.sitemapListIn>li>a {    font-size: 15px;font-weight: 600;color: #000;}
.sitemapListIn>li>a .icon {position: absolute; right: 0; top: 12px;font-size: 13px;font-weight: 600;}
.sitemapSub {     margin-top: 5px; padding: 5px 10px; background-color: #F6F6F6;}
.sitemapSub li { position: relative;   margin: 5px 0;    padding-left: 10px;}
.sitemapSub li:before {position:absolute; content:"";     top: 9px;  left: 0; font-size: 11px; width: 2px;height: 2px;    border-radius: 15px;background-color:#666;}


/*layerpopup*/
.layerPopupBackground{background-color:rgba(0,0,0,0.8); position: fixed; width:100%; height:100%; left:0; top:0; right:0; bottom:0; z-index:1001; }
.layerpopup{display:none;}
.layerPopupCloseButton{cursor:pointer;color:#5F5F5F; width:30px; height:30px; border-radius: 15px; text-align: center; font-size:20px; line-height:36px; position: absolute; right:0; top:-40px;}
.popContent {padding: 40px;}
.popContent img {width:100%;}
.popContWrap {    overflow: hidden; overflow-y: scroll;}
.popContIn {height: 500px;}
.popContent .subBottomText {     margin: 20px 0 30px; font-size: 15px; color: #000;text-align: left; padding-bottom: 20px;}
.layerpopupIn{width:1080px; position: fixed; background-color:#fff; top:10%; left:50%; margin-left:-540px; z-index:1002;}
.layerpopupIn p.contTitle {     padding-bottom: 20px;}
	.layerpopupTop, .layerpopupContainer, .layerpopupBottomIn{padding:40px;}
	.layerpopupTop .title{font-size:30px; font-weight:600; letter-spacing: -0.3px;  color:#000; margin-bottom:25px;}
	.layerpopupTop .title .classLabel {display:inline-block; color:#fff;background-color:#CB282E; font-size:14px; letter-spacing:-0.5px; text-align:center;padding:5px; position: relative; left:0; top:-8px; margin-right:10px;}
	.freelec.title{font-size:30px; font-weight:600; letter-spacing: -0.3px;  color:#000; margin-bottom:25px; position:relative; padding-left:60px;}
	.layerpopupTop .specialectureInfo{width:100%; padding-bottom:10px; border-bottom:1px solid; border-color: rgba(151,151,151,0.4);}
	.layerpopupTop .specialectureInfo th {font-size:18px; font-weight:400; letter-spacing: -0.5px; text-align:left;}
	.layerpopupTop .specialectureInfo td {font-size:20px; font-weight:400; color:#000;}
	.layerpopupContent{text-align:center; padding-top:0;}
	.layerpopupContainer{overflow-y:auto;}
	.layerpopupBottom{background-color:#F8F8FF;}
	.layerpopupBottomTop{background-color:#F4F4FB;}
		.layerpopupBottomTop .layerpopupBottomIn{padding:20px 50px}
		.layerpopupBottomTop label {font-size:18px; font-weight:600; letter-spacing: -0.5px; color:#000; margin-right:8px;}
		.layerpopupBottomTop input[type="text"] {border-radius:20px; border:1px solid #D7D7D7; background-color:#fff; padding:8px;}
		.phoneGroup{padding-left:70px;}
		.phoneGroup input[type="text"] {width:173px;}
		.layerpopupBottomIn .text{border:1px solid #D7D7D7; background-color:#F6F6FC; color:#666; font-size:16px; font-weight: 400; padding:20px; margin-bottom:10px;}
		.layerpopupBottomIn input[id="chkBox"] + label { display: inline-block; width: 16px; height: 16px; border: 2px solid #D7D7D7; cursor: pointer;}
		.layerpopupBottomIn input[id="chkBox"]:checked + label { background:url('/assets/user/images/Checkbox_gray.png') no-repeat center;} 
		.layerpopupBottomIn input[id="chkBox"] { display: none;}