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


/*header*/
		header {position: fixed; top:0; border-bottom: 1px solid #E9E9E9; height :60px; width: 100%;z-index: 1100;}
		.topLayoutTop { text-align:center; line-height: 60px; height :60px; overflow:hidden; background-color: #fff;}
		   .logo {display: inline-block; margin: 0; color: #000; font-size: 18px; line-height: 60px;    float: left; margin-left: 15px;}
		   .logo img { display: inline-block;    width: 120px; margin: 0; vertical-align: middle;}
			  .searchArea {position: absolute;  top:0; width:64px; overflow:hidden; height:60px; transition:all 0.3s ease;}
				 .searchAreaIn {position:relative;}
					.searchInputBox {margin:0px 70px 0px 16px; overflow:hidden;}
					.searchInputBox input {width:100%;font-size: 13px;  border: none; border-bottom: 1px solid #ddd;} 
					.searchBtn {position: absolute; top:15px; right:20px; display:block; width:30px; text-align:center;  line-height: 30px;}
					.closeBtn {position: absolute; top:15px; right:-60px; display:block; width:30px; text-align:center;  line-height: 30px;}
			  .mbMenu {position: absolute;top: 5px; right: 5px; transition:all 0.3s ease;}
			  .mbMenu a {display:block; width:50px; line-height: 50px;}
		   .topLayoutTop.on .searchArea {width:100%;}
		   .topLayoutTop.on .searchArea .searchBtn {right:35px;}
		   .topLayoutTop.on .searchArea .closeBtn {top: 15px; right:10px;}
		   .topLayoutTop.on .mbMenu  {right:-50px;}

 
/*모바일 메뉴*/
.mbMenuContBox {position: fixed;top: 0;right: -100%;width: 100%;     height: 100%;    overflow-y: scroll;line-height: 1.4; background-color: #fff;    transition: 0.3s all ease-in;}
	 
	.mbMenuCont {}
	.mbMenuCont .menuTop { height: 45px;line-height: 45px;   padding: 0 16px; text-align: left;  background-color: #D0021B; color: #fff;}
	.mbMenuCont .menuTop h2 {margin: 0;font-size: 16px; font-weight: 500; }

	.mbcloseBtn {    position: absolute;top: 0px;right: 0px;display: block;width: 45px; height: 45px; text-align: center;line-height: 50px;    color: #fff;font-size: 20px;}
		.logoBoxCont { position: relative; height: 60px; line-height: 60px;  overflow: hidden;padding: 0 16px; }
		/* .logoBox:after { position: absolute;content: "";left: 0;bottom: 0px;width: 100%;height: 1px;background-color: #D1D1D1;} */
		.logoBoxCont img {    float: left;margin-top: 20px;}
		.logoBoxCont .logText {    float: right;}

		.loginBox {position: relative; }
		/* .loginBox:after { position: absolute;content: "";left: 0;bottom: 0px;width: 100%;height: 1px;background-color: #D1D1D1;} */
		.loginBox ul {overflow: hidden;}
		.loginBox ul li {float: left; width: 33.3%;     line-height: 30px;
			box-sizing: border-box;}
		.loginBox ul li a {display: block; padding: 10px 0; font-size: 16px;    border-left: 2px dotted #ddd;}
		.loginBox ul li:first-child a { border-left: none;}

		/*로그인 전*/
		.logOut {display: none;}

		/*로그인 후*/
		/* .logIn {display: none;} */
		
.mbMenuCate {   }
		.mbMenuCate .menuCate {  }
		.mbMenuCate .menuCate>li {    /*height: 50px;*/line-height: 50px;text-align: left;border-top: 1px solid #D7D7D7;}
		.mbMenuCate .menuCate>li:first-child {border-top: none;}
		.mbMenuCate .menuCate>li>a {display:block;  color: #000; font-weight: 600; font-size: 16px;}
		.mbMenuCate .menuCate>li>a span {padding-left: 16px;}
		.mbMenuCate .menuCate>li .icon {  display: inline-block;  float: right;padding-top: 17px;
			padding-right: 16px;font-weight: 600;color: #000;font-size: 13px;}
.subMenuWrap {overflow-x: scroll;background-color: rgb(240, 240, 240);}

			.mbMenuCate .menuCate>li .icon.up {display: none;}
			.mbMenuCate .menuCate>li.on .icon.up {display: inline-block;}
			.mbMenuCate .menuCate>li.on .icon.down {display: none;}

			.menuCate .subMenu {     padding: 0 16px; overflow: hidden;}

			.menuCate .subMenu>li {float: none;     overflow: hidden;     overflow-x: scroll;  border-top: 1px dotted #ddd;}
			.menuCate .subMenu>li .subDepthWrap {    width: 500px;}
			.menuCate .subMenu>li .subDepthWrap strong {width: auto;}
			.menuCate .subMenu>li strong {display: block; width: 100%;float: left;    margin-right: 10px;}
			.menuCate .subMenu>li strong a {    display: block;}
			.menuCate .subMenu>li:first-child {border-top: none;}
			.menuCate .subMenu>li>a { display: block;   padding: 0 16px;  font-size: 14px; }

 				.subDepth {float: left;}
 				.subDepth li {float:left; margin: 0 17px;}
 				.subDepth li a { display: block;    font-size: 13px;}

 



 

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

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

.topNavIn {position: relative;}
.topNavR {    position: absolute;left: 12px;  height: 50px;}
.topNavR > ul > li {    display: table; float: left;position: relative;padding: 0 5px;}
.topNavR > ul > li:first-child a { padding: 0 10px;    padding-left: 0;    padding-right: 0;}
.topNavR > ul > li:first-child:before{display:none;}
.topNavR > ul > li a {display: block;padding: 0px 10px;color: #fff;}
.topNavR > ul > li:first-child a span {font-size: 19px;line-height: 50px;}
.topNavR > ul > li dl { vertical-align: middle; height: 50px;}
.topNavR > ul > li dt {
    cursor: pointer;
    color: #fff;
    position: relative;
    padding: 0 16px;
    opacity: 0.6;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
      font-size: 12px;
}
.topNavR > ul > li:before {
    position: absolute;
    left: 4px;
    top: 17px;
    content: '/';
    display: block;
    color: #fff;
    opacity: 0.3;
    transform: rotate(8deg);
}
.topNavR > ul > li dt>span {position: absolute;top: 21px;    right: 0;font-size: 10px;margin-left: 5px;}
.topNavR > ul > li dd { display: none; z-index: 1;position: absolute; left: -2px; top: 50px;}
.topNavR > ul > li dd a {    width: 83px; text-align: center; padding: 8px 12px; background-color: rgba(211,31,33,0.95); position: relative; font-size:13px;}
.topNavR > ul > li dd a:hover {}
.topNavR > ul > li dd a .underline {  display: none; 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;    margin-top: 0; padding-bottom: 20px;  font-size:22px; font-weight: 600;color:#000;}
.subTitle {font-size:18px;color:#666666;}
p.contTitleB {margin-top: 10px;font-size:30px; color:#000;font-weight:600;}
p.contTitle {   margin-bottom: 10px;font-size:20px; color:#000;}
p.contSubTitle {  font-size:22px; color:#000;}
.contentBoxIn .fontB {  margin-bottom: 30px; line-height: 1.4;font-size: 24px;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;}
.subText strong {color:#D31F21;}
.textCont .boldSubT {    font-size: 22px; font-weight: 600; line-height: 30px;color: #000;}


.contInWrap {padding: 30px 0px; 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: 18px;font-weight: 600; color: #000;}
.textCont.gray strong.bold  {    font-size: 16px;font-weight: 600; color: #000;}
.textCont strong.boldT  {    font-size: 32px;font-weight: 600; color: #000;line-height: 32px;}

.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: 280px; margin: 20px auto;    overflow: hidden;}
.btnWrap a {float:left;      width: 115px;} 
.btnWrap a.redBtn {float:right;} 
.btn {    display: inline-block; height: 45px; line-height: 45px;    padding: 0px 10px; width: 100px;text-align: center;}
.btn .icon {    float: right;margin-top: 14px;font-size: 10px;}
.blackBtn {    width: 68px;    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;}
.moreBtn {    padding: 0;height: 42px;margin-bottom: 24px;border: 1px solid #e1e1e1; text-align: center;font-size: 14px;color: #000;}
.moreBtn a {display: block;line-height: 42px;color: #666666;}
.boradTag {    display: inline-block; padding: 0px 10px; margin-right: 10px; background-color: #24231F;color: #fff;}



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



/******index*****/
.visualBox {    position: relative; background-color: #F9F9F9;}

.mainBnr {   position: relative;   width: 100% ;  height: 600px; overflow: hidden;;margin: 0 auto;}
.mainBnr img { width: 100%;}
.mainBnr:before {display:none; content:''; width: 1200px;height: 100%; position: absolute;  left: 0; right: 0; margin-left: auto;margin-right: auto;}
.wvNumBoxIn {display:none;}
.wvNumBox {    position: absolute;  bottom: 190px; right: 0px;  left: 0; margin-left: auto; margin-right: auto;   width: 320px; z-index: 100; }
.wvNumBox a {position: relative;     float: left; text-align: right; color:#666;     font-size: 10px; padding: 0 10px; transition: 0.3s all ease;}
.wvNumBox a:after {content:''; position:absolute; width:5px; height:5px;     border-radius: 15px; top: 5px;background-color:#666;}
.wvNumBox a.on { font-weight:600;color:#000; }
.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;    padding-bottom: 30px; overflow: inherit; background-color: #EAEAEF;} 
.mainCont .wrap {  width: 100%;  margin-top: -190px; z-index: 1000; background-color: #fff;box-shadow: 1px 5px 12px 1px rgba(0,0,0,0.2);}
.mainContBox {}
.mainContBox .column {    overflow: hidden;    padding: 20px;}
.mainContBox .column h2 {    margin: 0; margin-bottom: 5px;font-size: 18px;color:#000;}
.mainContBox .column>div {float:none;     padding-bottom: 20px; }
.mainContBox .column .center {    width: 100%;}
.mainContBox .column .center img {width:100%;}
.mainContBox .column .news {width: 100%;     padding-top: 20px;border-top: 2px dotted #D7D7D7;}
.mainContBox .column .news ul li {    margin-bottom: 2px;}
.mainContBox .column .news ul li .listT {    width: 255px;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: 100%;    padding-top: 20px;padding-bottom: 0; border-top: 2px dotted #D7D7D7;}
.mainContBox .column .social .titleTag {font-weight:500;font-size:18px;}
.mainContBox .column .social .subT {  display: inline-block;margin-top: 10px;}
.mainContBox .column .social .btn {  display:block;    position: relative;width: 70px; height: 36px;    margin-top: 15px;line-height: 36px;}


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

/*CEO*/
.ceoPage { }
.ceoPage .textCont {  width: 100%;}
.ceoPage .imgCont {margin-top: 50px;}
.ceoPage .imgCont img {width:100%;}


.ceoName { position: relative; overflow: hidden; margin-top: 35px;}
.ceoName .ceoIn { margin-right: 25px;    color: #000;font-weight: 500;}
.ceoName .ceoIn span {display: block;}
.ceoName .ceo { margin-top: 20px;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-top:0;}
.allianceList>li {float: none; background-color: #F6F6F6;  width: 100%; margin-top:20px; padding-bottom: 30px;text-align: center;}
.allianceList>li .subListT {    padding-top: 30px;}
.allianceList>li img {    margin: 20px 0;}
.allianceList>li ul li { position: relative;   text-align: center; margin: 5px 0;}
.allianceList>li ul li:before {  display:none; position: absolute;content: "";top: 8px;left: 13px;width: 2px; height: 2px;border-radius: 50px;background-color: #666;}
.allianceList>li ul li a {}
.allianceList>li ul li a:hover {}

 
/*제휴안내 등록*/
.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: 200px;border-right: 1px solid #e1e1e1;height: 34px; margin: 0;   line-height: 36px;font-size: 12px;    border-radius: 0px;}
.writeTable tbody tr input.email {    width: 37%;}
.writeTable tbody tr select[title='emailSelect'] {    float: left; margin-top: 10px;}
.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.tbWirte input {width: 40%;float: left;}

.writeTable tbody tr select{    width: 200px;
    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;}
.filebox .upload-name { display: inline-block; width: 148px;height:30px; 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: 40px; line-height: 40px; padding-left: 0px;    background-color: #F8F9FA;border: 1px solid #E1E1E1;}
.agreeBox .blackBtn {  margin:0 5px;  height: 25px;line-height: 25px;text-align: left; font-size: 13px;}
.agreeBox .blackBtn .icon {    margin-top: 7px;}
.agreeList {}
.agreeList>li {font-size: 15px; margin-bottom: 10px;}
.agreeList>li p { margin-bottom: 5px; font-size: 15px; font-weight: 600; color: #000; }
.agreeText {   padding-left: 10px; }
.agreeText li { position: relative;padding-left: 10px; font-size: 13px;}
.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;}
.agreeBox label {position: relative; padding-left: 25px;}
.agreeBox input[type='checkbox'] {    position: absolute;top: -2px;left: 0;}


/*경영철학*/


.principlesPage .borderT {padding-top:30px;}
.principlesPage .imgTextBox {    overflow: hidden;}
.principlesPage .imgCont {     margin-top: 20px; margin-bottom: 20px;}
.principlesPage .imgCont img {width:100%;}
.principlesPage .imgTextBox .imgCont {    float: right;margin-top: 0px; margin-bottom: 50px;text-align: center;}
.principlesPage .imgTextBox .imgCont img {    box-shadow: 17px 19px 0px -2px rgba(0,0,0,0.1);}
.principlesPage .textList {float: left; }
/*.principlesPage .textList>li {    margin-bottom: 30px;}
.principlesPage .textList>li p {     position: relative;    padding-left: 8px; color: #000;font-weight: 600;margin-bottom: 10px;}

.principlesPage .textList>li span {    font-size: 15px;}*/

.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 {}
.historyCont .historyIn {display:none;}
.historyCont .historyIn:first-child {display:block;}

.contInWrap.historyPage {position: relative;} 
.historyIn>li {    position: relative;overflow: hidden;padding: 0;  background-color: #F6F6F6;}

 .historyCont .historyWrap {  margin-bottom: 0px; border: 0px; margin-left: 15px;border-left: 1px solid #ddd;padding: 30px 0; padding-bottom: 0;}

 .historyCont .historyWrap .year {  margin-top:30px;  margin-left: 20px; margin-bottom: 15px;font-weight: 600;color: #666;font-size: 15px;}
  .historyCont .historyWrap .year:first-child {margin-top:0;}
.historyCont .history {    margin: 0 10px; border-bottom: 1px dotted #E1E1E1;}

.history .month {    position: absolute;top: 0px;left: 16px; font-weight: 600;color: #000;}
.historyPage .contBox {position: relative;}

.historyPage .subText {    margin: 0px 0px 20px 0;font-size:16px;}
.historyCont .history li {    clear: both;    margin: 20px 0;   overflow: hidden;}
.historyCont .history li:first-child {margin-top:0;}
.historyCont .history li p {    float:left; width: 53px;text-align: left; color: #4a4a4a; padding-left: 10px;margin: 0 0 10px;     margin-top: -3px;   font-size: 16px;color: #000;font-weight: 600;}
.historyCont .history li span { display: block;  margin-left: 72px;     margin-bottom: 7px; font-size: 14px;}
.historyCont .history li p.yearT {     margin-bottom: 15px; font-weight: 600; color: #000;font-size: 18px;}


/*  .yearList {    position: fixed;left: 50%;margin-left: -500px;}*/
.yearList { }
.yearList .tabLayout {    width: 1000px;}
.yearList ul li {    margin-bottom: 15px;    text-align: center;}
.yearList ul li a {    display: block;    font-size: 16px;}

.yearList ul li.on a {color:#D31F21;}



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


/*R&D*/
.rdPage .textCont {    float: none; width: 100%;}


/*찾아오시는 길*/
.locationBox .mapCont {margin-bottom:30px;}
.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 .trafficCont, .locationBox .parkingCont{position: relative; margin-bottom:30px;    padding-bottom: 30px;}
.locationBox .trafficCont .tractitle, .locationBox .parkingCont .partitle {position: absolute; left:0; top:-3px; font-size:30px; font-weight:400; letter-spacing: -0.5px; color:#000;}
.locationBox .parkingCont .parkingBox {    line-height: 25px;}




.trafficCont {clear: both;}
	.trafficBox {margin-bottom: 16px;overflow: hidden;}
	.trafficBox.bus {margin-bottom: 0;}
	.trafficBox.bus .trafficIcon {    padding: 16px 0;}
	.trafficBox .trafficIcon {float:left; width: 15%;border-radius: 5px;background-color: #5E5E5E;color:#fff;text-align: center;font-size: 14px;}
		.trafficBox .trafficIcon .iconBox {padding: 13px 0;text-align: center;}
		.trafficBox .trafficIcon .iconBox span {display: block;padding-top: 5px;}
		.trafficBox .trafficText {float:left;    width: 85%; }
		.trafficBox .trafficText ul {    margin-top: 5px; }
		.trafficBox .trafficText ul li {  padding: 5px 10px;overflow: hidden; font-size:13px;}
		.trafficBox .trafficText .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;}
		.trafficBox .trafficText .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;}
		.trafficBox .trafficText .busList {    overflow: hidden;margin-top: 0;}
		.trafficBox .trafficText .busList li {padding: 2px 10px;}
		.trafficBox .trafficText .busList li span {float: left;width: 10%;text-align: center;padding: 5px 0; font-size: 12px;}
		
		.trafficBox .trafficText .busList li>div {float:left; width:90%;}
		.trafficBox .trafficText .busList li p {padding-left: 5px;font-size:13px;}
		.trafficBox .trafficText .bus1 {display:inline-block;color:#fff;background-color: #F15252;}
		.trafficBox .trafficText .bus2 {display:inline-block;color:#fff;background-color: #23548D;}
		.trafficBox .trafficText .bus3 {display:inline-block;color:#fff;background-color: #44A532;}
		


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

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

/*평창올림픽*/
.olympicPage .tabLayout {margin-bottom: 20px;padding: 0;}
.olympicPage .tabLayout li {width:50%;line-height: 40px;} 

/*동아리활동*/
.clubPage .grayContBox .textCont {    float: none; width: 100%;}
.clubInfoList {}
.clubInfoList li {    overflow: hidden; margin-bottom: 2px;}
.clubInfoList li span {    display: inline-block; margin-top: 2px;float: left; width: 20%;    font-size: 15px; }
.clubInfoList li p {    float: left; width: 80%;      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: 100%;    margin-bottom: 30px; }
.sitemapList>li:first-child {    padding-left: 0; margin-left: 0;border-left:none;}
.sitemapPage .siteT {position: relative; font-weight: 600;font-size: 18px;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;   border-bottom: 1px dotted #ddd;}
.sitemapListIn>li>a {     display: block;  padding: 10px 0;    font-size: 15px;font-weight: 600;color: #000;}
.sitemapListIn>li>a .icon {position: absolute; right: 0; top: 16px;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*/
.not_scroll {overflow: hidden;}

.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:1100; }
.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:11px; top:12px;}
.layerPopupCloseButton img {width:100%;}
.popContent {padding: 20px;}
.popContent img {width:100%;}
.popContWrap {    overflow: hidden; overflow-y: scroll;}
/*.popContIn {height: 500px;}
.agree .popContIn {height: 390px;}*/
.popContent .subBottomText {     margin: 20px 0 20px; font-size: 12px; color: #000;text-align: left; padding-bottom: 20px;    line-height: 18px;}
.layerpopupIn{ position: fixed; background-color:#fff; top:20px; left:20px;right: 20px; bottom:20px; z-index:1200;}
.layerpopupIn p.contTitle {    padding-bottom: 13px; font-weight: 600; font-size: 17px;margin-bottom: 15px;}
	.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;}
		
		
		
/*미디어쿼리*/
		
@media screen and (max-width: 1024px) {
	.mainBnr {height: 1200px;}
	
}
@media screen and (max-width: 640px) {
	.mainBnr {height: 600px;}
}