@charset "utf-8";


@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700,800,900&display=swap');




.typo1 { font-size: 2.125em; color:#212121; line-height: 1.4em; }
.typo2 { font-family: 'Wolyeonggyo'; font-size: 2.125em; color:#212121; line-height: 1.4em; }
.stit1 { font-size: 1.625em; color:#212121; margin-bottom: 0.7em; }
.stit2 { font-size: 1.35em; color:#1b4baa; margin-bottom: 0.7em; }
.stxt1 { font-size: 1.125em; color:#212121; line-height: 2em; }
.stxt2 { font-size: 1.125em; color:#212121; line-height: 1.7em; }


.bdBox { border: 1px solid #dbdbdb; padding: 5%; text-align: center; }
.bdBox2 { padding: 3%; border: 3px solid #f3f4f8; }
.bdBox3 { padding: 2% 5%; border: 10px solid #f3f4f8; }
.bdBox3.pd0 { padding:0; }

.btn_down { border-radius: 3px; background:#3784d0; display: block; padding: 0 20px; width: 220px; line-height: 50px; box-sizing: border-box; }
.btn_down p { color:#fff; background:url("/images/sub/ico_download.png") no-repeat right center; text-align: left; }
.btn_down:hover { background: #1b4baa; }

.scrollWrap { overflow-x: auto; }

@media all and (max-width:1280px){
	.typo1 { font-size: 1.8em; }
}

@media all and (max-width:976px){
	.typo1 { font-size: 1.5em; }
	.typo2 { font-size: 1.8em; }

	.bdBox  { padding: 7% 5%; }
	.bdBox2 { padding: 5%; }
	.bdBox3 { padding: 4% 5%; }
}

@media all and (max-width:767px){
	.stxt2 br { display: none; }
}















/* https://www.sjtech87.co.kr/ Å×À̺í
.tb-style1 { width: 100%; border-top: 2px solid #212121; line-height: 1.4em; }
.tb-style1 th,
.tb-style1 td { text-align: left; padding: 1em 1.8em; border-bottom: 1px solid #e3e5ef; }
.tb-style1 th { background: #f3f4f8; color:#212121; font-weight: 600;  }
.tb-style1 td.row_bd { border-color: #f1f2f7; }

.tb-style2 { width: 100%; border-top: 2px solid #212121; line-height: 1.4em; }
.tb-style2 th,
.tb-style2 td { padding: 1em 1.8em; border-bottom: 1px solid #e3e5ef; }
.tb-style2 thead th { background-color: #f3f4f8; color:#212121; font-weight: 600; border-left: 1px solid #e3e5ef; }
.tb-style2 thead .first { border-left:0; }
.tb-style2 tbody th { text-align: left; }
.tb-style2 tbody td { border-left: 1px solid #e3e5ef; }
*/
































/*https://smradiology.com/ Å×À̺íÀÌ ´õ ±ò²û*/
.tb-style1{width: 100%; border-top: 2px solid #004487; font-size: 1.6rem; text-align: center; }
.tb-style1 thead tr th{padding: 15px 10px; background-color: #fafafa; border-right: 1px solid #eee; 
							font-size: 1.7rem; font-weight: 500; border-bottom: 1px solid #eee; color: #212121; }
.tb-style1 thead tr th.bg{background-color: #9aaec6; color: #fff;}
.tb-style1 thead tr th:last-child{border-right: 0;}
.tb-style1 thead tr th.last { border-right: 1px solid #eee}
.tb-style1 tbody tr th{background-color: #f5f5f3;  color: #000; font-weight: 500;border-bottom: 1px solid #dedede; 
							border-right: 1px solid #eee;}
.tb-style1 tbody tr td{padding: 12px 6px; border-bottom: 1px solid #dedede; border-right: 1px solid #eee; word-break: keep-all;}
.tb-style1 tbody tr td.bg{background-color: #f6f7fa; color: #212121; font-weight: 500;}
.tb-style1 tbody tr td:last-child{border-right: 0;}

@media all and (max-width:1024px){
	.scroll{overflow-x: scroll;}
}
@media all and (max-width:810px){
	.scroll2{overflow-x: scroll;}
} 




.tb-style2{width: 100%; border-top: 2px solid #004487; font-size: 1.6rem; text-align: center; }
.tb-style2 thead tr th{padding: 15px; background-color: #f8fbfe; border-right: 1px solid #e0e4e8; 
							font-weight: 600; border-bottom: 1px solid #e0e4e8; color: #204366; font-size:1.8rem; }
.tb-style2 thead tr th.bg{background-color: #9aaec6; color: #fff;}
.tb-style2 thead tr th:last-child{border-right: 0; }
.tb-style2 thead tr th.last { border-right: 1px solid #e0e4e8}
.tb-style2 tbody tr th {color:#222; background:#fbfbfb; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; 
					font-size:1.8rem; word-break: keep-all;}
.tb-style2 tbody tr td{padding:20px; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; font-size:1.8rem; word-break: keep-all;}
.tb-style2 tbody tr td.bg{background-color: #f6f7fa; color: #212121; font-weight: 500;}
.tb-style2 tbody tr td:last-child{border-right: 0;}
.tb-style2 tbody tr td.last { border-right: 1px solid #e3e3e3 ;}
.tb-style2 tbody tr th.big{padding: 15px; background-color: #f8fbfe; border-right: 1px solid #e0e4e8; font-weight: 600; border-bottom: 1px solid #e0e4e8; color: #204366; font-size:1.8rem; }
.tb-style2 tbody tr th:last-child{border-right: 0;}

.tb-style2.bg2 {border-top: 2px solid #4a9ca0; }
.tb-style2.bg2 thead tr th{background-color: #f6fafa; color:#428083; border-color:#dfe7e8}

@media all and (max-width:1024px){
    .tb-style2 thead tr th{padding: 15px 5px; }
	.tb-style2 tbody tr td{padding:20px 10px; }
} 
@media all and (max-width:640px){
    .tb-style2 tbody tr td{padding:20px 2px; font-size:1.6rem;}
} 
@media all and (max-width:450px){
    .tb-style2 thead tr th{font-size: 1.6rem; }
	.tb-style2 tbody tr td{padding:20px 5px; font-size:1.4rem;}
    .tb-style2 tbody tr th{font-size: 1.4rem;}
} 

.tb-style3{width: 100%; border-top: 2px solid #004487; font-size: 1.6rem; text-align: center; }
.tb-style3 thead tr th{padding: 15px; background-color: #204366; border-right: 1px solid #e0e4e8; 
							font-weight: 600; border-bottom: 1px solid #e0e4e8; color: #fff; font-size:1.8rem; }
.tb-style3 thead tr th.bg{background-color: #9aaec6; color: #fff;}
.tb-style3 thead tr th:last-child{border-right: 0; }
.tb-style3 thead tr th.last { border-right: 1px solid #e0e4e8}
.tb-style3 tbody tr th {color:#222; background:#fbfbfb; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; 
					font-size:1.8rem; word-break: keep-all;}
.tb-style3 tbody tr td{padding:20px; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; font-size:1.8rem; word-break: keep-all;}
.tb-style3 tbody tr td.bg{background-color: #f6f7fa; color: #212121; font-weight: 500;}
.tb-style3 tbody tr td:last-child{border-right: 0;}
.tb-style3 tbody tr td.last { border-right: 1px solid #e3e3e3 ;}

.tb-style3.bg2 {border-top: 2px solid #4a9ca0; }
.tb-style3.bg2 thead tr th{background-color: #f6fafa; color:#428083; border-color:#dfe7e8}

@media all and (max-width:1024px){
    .tb-style3 thead tr th{padding: 15px 5px; }
	.tb-style3 tbody tr td{padding:20px 10px; }
} 
@media all and (max-width:640px){
	.tb-style3 tbody tr td{padding:20px 2px; font-size:1.6rem;}
} 































table.center tbody th { text-align: center; }

.slash {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="rgb(227, 228, 238)" /></svg>');
}
.slash { text-align: left; }
.slash div { text-align: right; }


.tb-scroll { overflow-x: auto; }
.tb-scroll table { min-width: 1000px; }

@media all and (max-width:1280px){
	.tb-style2 th,
	.tb-style2 td { padding: 1em 1.2em; }
}

.dotList > li { position: relative; padding-left: 10px; margin-bottom: 0.3em;  }
.dotList > li:before { content:''; width: 3px; height: 3px; background:#3784d0; position: absolute; left:0; top: 0.6em;}
.dotList > li p { line-height: 1.3em; }

.dotList.st1 {  line-height: 1.8em; }
.dotList.st1 > li { margin-bottom: 0.7em; }
.dotList.st1 ol { font-size: 0.95em; margin-top: 0.5em; }

.intro_cont { overflow: hidden;  }
.intro_cont > div { float: left; width: 50%; }
.intro_cont .img img { max-width: 90%; }
.intro_cont .txt { padding-left: 1%; }
.intro_cont table { margin-top: 7%; }






@media all and (max-width:1280px){
	.intro_cont .tb-style1 { font-size: 0.9em; }
}

@media all and (max-width:976px){
	.intro_cont .img { width: 45%; }
	.intro_cont .txt { width: 55%; }
}

@media all and (max-width:767px){
	.intro_cont .img,
	.intro_cont .txt { width: 100%; }
	.intro_cont .img { text-align: center; margin-bottom: 5%; }
	.intro_cont .img img { max-width: 60%; }
	.intro_cont table { margin-top: 3%; }
}

@media all and (max-width:767px){
	.intro_cont .img img { width: 100%; max-width: 500px; }
}
















.intro_cont2 { overflow: hidden;  }
.intro_cont2 > div { float: left; width: 50%; }
.intro_cont2 .img img { padding-left: 5%;max-width: 90%; }
.intro_cont2 .txt { padding-left: 5%; }
.intro_cont2 table { margin-top: 7%; }



@media all and (max-width:1280px){
	.intro_cont2 .tb-style1 { font-size: 0.9em; }
}

@media all and (max-width:976px){
	.intro_cont2 .img { width: 45%; }
	.intro_cont2 .txt { width: 55%; }
}

@media all and (max-width:767px){
	.intro_cont2 .img,
	.intro_cont2 .txt { width: 100%; }
	.intro_cont2 .img { text-align: center; margin-bottom: 5%; }
	.intro_cont2 .img img { max-width: 60%; }
	.intro_cont2 table { margin-top: 3%; }
}

@media all and (max-width:767px){
	.intro_cont2 .img img { width: 100%; max-width: 500px; }
}


















#greeting { padding-top: 2%; }
#greeting p { line-height: 2em; }
#greeting .typo1 { line-height: 1.4em; }
#greeting .em { font-size: 2.375em; color:#212121; font-weight: 600; margin-top: 2em; margin-bottom: 0.5em; line-height: 2.3em;}
#greeting .last { margin-top: 2em;font-size: 22px;color:#333 }
#greeting .p { font-size: 2.175em; color:#212121; font-weight: 400; line-height: 1.3em;}




#greeting2 { }
#greeting2 p { line-height: 2em; }
#greeting2 .typo1 { line-height: 1.4em; }
#greeting2 .em { font-size: 24px; color:#212121; font-weight: 600; margin-top: 2em; margin-bottom: 0.5em; line-height: 2.3em;}
#greeting2 .last { margin-top: 2em;font-size: 2.175em; }
#greeting2 .p { font-size: 20px; color:#212121; font-weight: 400; line-height: 1.3em;}









.history-top { text-align: center; color:#fff; padding: 10% 0;
                    background: url("http://websitekorea.co.kr/images/dongsan/main23.jpg") no-repeat center; background-size: cover;margin-top:100px; }
.history-top h4 { font-size: 80px;  margin-bottom: 0.1em; font-family: 'Rajdhani';font-weight: 600;color:#fff }
.history-top p { font-size: 20px; font-weight: 500; }

#awards .history-top { background-image: url("/images/sub/intro5_img1.png"); }

.his_wrap {overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:5em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li {position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 20px 3em; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t { position:relative; font-size:55px; font-family: 'Rajdhani'; margin-bottom:30px; color:#244ea1; font-weight: 600;}
.his_wrap li .t:before {content:""; position:absolute; top:0.45em; left:-30px; width:8px; height:8px; border-radius:100%; background:#0080ff; border:6px solid #e2f0ff;}
.his_wrap li .c { font-size: 20px; line-height: 1.8em;}
.his_wrap li .c dt{ width:100px; display:inline-block; vertical-align:top; margin-bottom:10px; color:#212121; font-weight: 600;font-family: 'Rajdhani'; }
.his_wrap li .c dd{width:calc(100% - 140px); display:inline-block; vertical-align:top; margin-bottom:20px; }
.his_wrap li .c p { position: relative; margin-bottom:10px; padding: 0 15px; }
.his_wrap li .c p::before { content:''; width: 3px; height: 3px; background: #0080ff; position: absolute; left:0; top: 50%; margin-top: -1.8px; }

.his_wrap li:nth-of-type(2n) {float:left; text-align:right; }
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-30px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }
.his_wrap li:nth-of-type(2n) .c p::before { left: unset; right:0; }




@media all and (max-width:767px) {


.history-top p { font-size: 18px; font-weight: 500; }

	.his_wrap .his_bx{ padding-left:10px;}
	.his_wrap:before{ margin-left:0; left:10px;  }
	.his_wrap li{ width:100%;}
  .his_wrap li .t { font-size: 24px; }
  .his_wrap li .t:before { top:0.35em;  }
  .his_wrap li .c dt{font-size:19px;line-height:60%;padding-top:20px}
  .his_wrap li .c dd{font-size:15px;line-height:140%;width:calc(100% - 30px); display:inline-block; vertical-align:top; margin-bottom:20px; }

.his_wrap li .c p { position: relative; margin-bottom:10px; padding: 0 15px; }
.his_wrap li .c p::before { content:''; width: 3px; height: 3px; background: #0080ff; position: absolute; left:0; top: 50%; margin-top: -1.8px; }

	.his_wrap li:nth-of-type(2n){float:right; text-align:left; }
	.his_wrap li:nth-of-type(2n) .t:before{left:-30px; right:inherit;}
	.his_wrap li:nth-of-type(2n) dt{float:left; }

	.his_wrap li:nth-of-type(2n) .c p::before { right:unset; left: 0;  }
}

@media all and (max-width:568px) {
  .history-top { padding: 12% 0; }
  .history-top h4 { font-size: 18px; }
}



.place_info { overflow: hidden; padding-bottom: 5%; margin-bottom: 5%; border-bottom:1px solid #dedede;  }
.place_info.last { padding:0; margin: 0; border:0; }
.place_info .img { float: left; width: 45%; padding-right: 5%;  }
.place_info .cont { float: left; width: 55%; }
.place_info .cont p { color:#888; line-height: 1.3em; font-size: 0.95em; margin-bottom: 0.5em; }
.place_info .img img { max-width: 100%; }

@media all and (max-width:1080px) {
	.place_info .img,
	.place_info .cont { width: 50%; }
}

@media all and (max-width:976px) {
	.place_info .img,
	.place_info .cont { width: 100%; }
	.place_info .img { padding: 0; text-align: center; }
	.place_info .cont { padding: 3% 0; }
}

@media all and (max-width:767px) {
	.place_info .cont { padding: 5% 0; }
}


.imgCont { overflow: hidden; }
.imgCont > li { float: left; width: calc(33.33% - 26.66px); margin-left: 40px; margin-bottom: 40px; }
.imgCont > li:nth-child(3n+1) { margin-left:0; }
.imgCont > li img { max-width: 100%; }
.imgCont > li .contBox { border:1px solid #dedede; border-top:0; padding: 7% 5%; height: 200px; box-sizing: border-box; }
.imgCont > li .contBox dl { overflow: hidden; line-height: 1.8em; font-size: 0.95em; }
.imgCont > li .contBox dl dt { float: left; width: 40px; font-weight: 600; color:#212121; }
.imgCont > li .contBox dl dd { float: left; width:calc(100% - 40px); }

.imgCont.col4 > li { width: calc(25% - 15px); margin-left: 20px; margin-bottom:0; }
.imgCont.col4 > li:nth-child(3n+1) { margin-left:20px; }
.imgCont.col4 > li:first-child { margin-left:0; }

@media all and (max-width:1280px) {
	.imgCont > li { width: calc(33.33% - 20px); margin-left: 30px; margin-bottom: 30px; }
}

@media all and (max-width:1080px) {
	.imgCont > li { width: calc(33.33% - 13.33px); margin-left: 20px; margin-bottom: 20px; }
}

@media all and (max-width:976px) {
	.imgCont > li { width: calc(50% - 10px) !important; margin-left: 20px !important; margin-bottom: 20px !important; }
	.imgCont > li:nth-child(odd) { margin-left: 0 !important; clear: both; }

}

@media all and (max-width:767px) {
	.imgCont > li .contBox { height: 180px; overflow-y: auto; }
}

@media all and (max-width:480px) {
	.imgCont > li { width: 100%; margin-left: 0 !important; }
	.imgCont > li .contBox { height: auto; }
}




/*¿À½Ã´Â±æ*/
.sMap { position: relative; width: 100%; height: 550px;  }
.sMap .root_daum_roughmap .wrap_map  { height: 550px !important;    }
.sMap-info {  position: relative; text-align: center; padding: 3% 0; width: 90%; max-width: 1400px; margin: -3vw auto 0; z-index:100; background: #fff; }
.sMap-info dt { color:#212121; font-size: 2em;  margin-bottom: 0.5em; }
.sMap-info dd { font-size: 1.2em; }

.sMap-info .trans { display: inline-block; background: #fffdf2; overflow: hidden; width: 100%; max-width: 1000px; margin-top: 2em; padding: 2% 0; }
.sMap-info .trans dl { float: left; text-align: left; padding: 0 5%; width: 50%;  }
.sMap-info .trans dl::before { content: ''; display:block; width: 50px; height: 50px; margin-right: 10px; float: left; background-size: 100% auto; background-position: center; margin-bottom: 2em; }
.sMap-info .trans dl.subway::before { background-image: url("/images/sub/ico_subway.png"); }
.sMap-info .trans dl.bus::before { background-image: url("/images/sub/ico_bus.png"); }
.sMap-info .trans dl dt { font-weight: 600; font-size: 1.25em; }
.sMap-info .trans dl dd { line-height: 1.2em; }
.sMap-info .trans dl:nth-child(2) { border-left: 1px solid #ffed99; }


@media all and (max-width:1280px) {
  .sMap .root_daum_roughmap .wrap_map  { height: 50vw !important; }
}

@media all and (max-width:767px) {
  .sMap .root_daum_roughmap .wrap_map  { height: 60vw !important; }
  .sMap-info .trans  { padding: 2% 5%; }
  .sMap-info .trans dl { width: 100%; padding: 3% 0; }
  .sMap-info .trans dl:nth-child(2) { border-top: 1px solid #ffed99; border-left:0; }
}





/* CI¼Ò°³ */
.symbol { position: relative; }
.symbol img { max-width: 50%; }
.symbol .symbol-txt { margin: 2% 0 4%; }
.symbol .symbol-txt dt,
.symbol .symbol-txt dd { display: inline-block; vertical-align: bottom; }
.symbol .symbol-txt dt { color:#244ea1; font-size:1.875em; font-weight: 600; margin-right: 0.3em; line-height: 1.0em; }
.symbol .symbol-txt dt .ch { font-weight: 900 !important;}
.symbol .symbol-txt dd { color:#989898; font-size: 1.3em; font-weight: 500; line-height: 1.0em; }
.symbol .symbol-color { border-top: 1px solid #e5e5e5; padding-top: 3%; }
.symbol .symbol-color > div { display: inline-block; vertical-align: middle; text-align: left; margin: 0 5%; }
.symbol .symbol-color > div .color { width:80px; height: 80px; border:1px solid #e5e5e5; margin-right: 1em;
																										display: inline-block; vertical-align: middle; }
.symbol .symbol-color > div dl { display: inline-block; vertical-align: middle; line-height: 1.7em; }
.symbol .symbol-color > div dl dt { color:#212121; font-weight: 600; font-size: 1.25em; }
.symbol .symbol-color > div dl dd { color:#989898; font-size:1.125em; line-height: 1.3em; }
.symbol .symbol-color .white .color { background: #fff; }
.symbol .symbol-color .blue .color { background: #244ea1; }
.symbol .symbol-color .blue dl dt { color:#244ea1; }

.symbol .btn_down { position: absolute; right: 20px; top: 20px; }

@media all and (max-width:1280px) {
	.symbol .symbol-color > div { margin: 0; width: 49%; }
	.symbol .symbol-color > div dl { max-width: calc(100% - 100px); font-size: 0.9em; }
}

@media all and (max-width:976px) {
	.symbol .symbol-color > div .color { width: 70px; height: 70px; }
	.symbol .symbol-color > div dl { max-width: calc(100% - 90px); }

	.symbol .symbol-txt { margin: 4% 0 6%; }
	.symbol .symbol-txt dt,
	.symbol .symbol-txt dd { display: block; line-height: 1.5em; }
}

@media all and (max-width:767px) {

	.symbol .symbol-txt dt { font-size: 1.6em; }
	.symbol .symbol-txt dd { font-size: 1.15em; }

	.symbol .symbol-color > div { width: 100%; margin-top: 10px; }

}


.half-txt { overflow: hidden; }
.half-txt > div { width: 50%; float: left; }
.half-txt .txtL { padding-right: 3%; }
.half-txt .txtR { padding-left: 3%; }
.half-txt p { line-height: 2em; }


@media all and (max-width:976px) {
	.half-txt > div { width: 100%; padding: 3% 0 0 !important; }
}



#PRMovie { position: relative; width: 100%; overflow: hidden; display: table; }
#PRMovie > div { position: relative; display: table-cell; box-sizing: border-box; vertical-align: top; padding: 6%;}
#PRMovie .tit { width: 35%; background: url("/images/sub/movie_titBox.png") no-repeat right bottom; color:#fff;  }
#PRMovie .cont { width: 65%; background: #1d1f3d;  }

#PRMovie .tit p { font-size: 1.375em; color:#44a9ff; }
#PRMovie .tit h3 { font-size: 2.625em; }

#PRMovie .vod { position: relative; height: 400px; }
#PRMovie .vodCover { position: absolute; left:0; top:0; z-index:10; width: 100%; height: 100%; cursor: pointer; box-sizing: border-box;
                           				background: url("/images/sub/movie_play.png") no-repeat center; background-size: cover; }
#PRMovie .vodPlay { position: absolute; left:0; top:0; width: 100%; height: 100%; overflow: hidden; }

@media all and (max-width:976px) {
	#PRMovie .tit { background-size: cover; }
	#PRMovie .vod { height: 30vw; }
}

@media all and (max-width:767px) {
	#PRMovie > div { display: block; width:100% !important; }
	#PRMovie .cont { padding: 10% 8%; }
	#PRMovie .tit { font-size: 0.85em; padding: 8%; background-image: url("/images/sub/movie_titBox_mo.png");
												background-color: #063aa0; background-size: auto 100%; }
	#PRMovie .vod { height: 45vw; }
}


.partnerList { overflow: hidden; text-align: center; padding-top:1px; border-left: 1px solid #dedede; }
.partnerList li { float: left; width: 20%; border: 1px solid #dedede; border-left: 0; margin-top: -1px; box-sizing: border-box;  }
.partnerList li img { max-width: 100%; }
.partnerList li p {  padding: 1em 0; background: #f6f6f6; color:#212121;  }

@media all and (max-width:976px) {
	.partnerList li { width: 25%; }
}

@media all and (max-width:767px) {
	.partnerList li { width: 33.33%; }
}

@media all and (max-width:480px) {
	.partnerList li { width: 50%; }
}


.zzCont { overflow: hidden; }
.zzCont .cont > div { float: left; width: 50%; }
.zzCont .img img { max-width: 90%; }
.zzCont .txt { padding: 2% 0 0 5%; }

.zzCont .cont:nth-child(even) .img { text-align: right; margin-top: 10%; }
.zzCont .cont:nth-child(even) .txt { padding: 0 5% 0 0; margin-top: -20%;   }

@media all and (max-width:1280px) {
	.zzCont .txt { padding: 2% 0 0 3%; }
	.zzCont .img img { max-width: 94%; }
	.zzCont .cont:nth-child(even) .img { margin-top: 10vw; }
	.zzCont .cont:nth-child(even) .txt {  padding: 0 3% 0 0;  margin-top: -23vw; }
}


@media all and (max-width:1080px) {
	.zzCont .txt br { display: none; }
	.zzCont .cont {  overflow: hidden; }
	.zzCont .cont:nth-child(even) { margin-top: 5%; }
	.zzCont .cont:nth-child(even) .img { margin-top: 0; float: right; }
	.zzCont .cont:nth-child(even) .txt {  margin-top: 0; }
}

@media all and (max-width:976px) {
	.zzCont .txt table th, .zzCont .txt table td { padding: 1em 1.2em; }
}

@media all and (max-width:767px) {
	.zzCont .cont > div { width: 100%; }
	.zzCont .img { text-align: center !important; margin-bottom: 3%; }
	.zzCont .img img { width: 100%; max-width: 500px; }
}

#rnd2 { width: 100%; overflow: hidden; }
#rnd2 > div { position: relative; width: 100%; overflow: hidden; margin-bottom: 40px;  }
#rnd2 > div .titBox, #rnd2 > div .contBox { float: left; border-radius: 10px; }
#rnd2 > div .titBox { color:#fff; text-align: center; width: 17%; font-size: 1.5em; }
#rnd2 > div .contBox { width: 80%;  margin-left: 3%; }
#rnd2 > div .contBox > p, #rnd2 > div .contBox dl { border: 10px solid #eef3f7; box-sizing: border-box; }

#rnd2 .rnd2_1 .titBox { background: #1b4baa; line-height: 120px; }
#rnd2 .rnd2_2 .titBox { background: #3784d0; display: table-cell; height: 100%; vertical-align: middle; line-height: 400px; }
#rnd2 .rnd2_1 .contBox { text-align: center; color:#212121; font-size: 1.5em; line-height: 100px; }
#rnd2 .rnd2_2 .contBox { border:0; }
#rnd2 .rnd2_2 .contBox dl { border: 10px solid #eef3f7; border-radius: 10px; width: calc(50% - 10px); height: 400px;
																				float: left; margin-left: 20px; background: #f4f8fa; }
#rnd2 .rnd2_2 .contBox dl:first-child { margin-left:0; }
#rnd2 .rnd2_2 .contBox dl dt { color:#212121; font-weight: 700; font-size: 1.5em;  padding: 1.2em 7%; background: #fff; }
#rnd2 .rnd2_2 .contBox dl dd { padding: 7%;  line-height: 2em; }
#rnd2 .rnd2_2 .contBox dl dd .dotList { line-height: 3em; font-size: 1.15em; }
#rnd2 .rnd2_2 .contBox dl dd .dotList > li { margin-bottom: 0.7em; }
#rnd2 .rnd2_2 .contBox dl dd .dotList ol { padding-top: 3%; font-size: 0.95em;  }
#rnd2 .rnd2_2 .contBox dl dd .dotList ol li { line-height: 1.3em; }


@media all and (max-width:767px) {
	#rnd2 > div .titBox { width: 100%; }
	#rnd2 > div .contBox { width: 100%;  margin-left: 0; }
	#rnd2 .rnd2_1 .titBox,
	#rnd2 .rnd2_2 .titBox { line-height: 3.5em; margin-bottom: 10px; }
	#rnd2 .rnd2_1 .contBox { line-height: 1.3em; font-size: 1.35em; }
	#rnd2 .rnd2_2 .contBox dl  { height: 340px; }
	#rnd2 > div .contBox > p { padding: 1.5em 0; }
}

@media all and (max-width:480px) {
	#rnd2 .rnd2_2 .contBox dl { width: 100%; margin-left:0; margin-bottom: 5px; height: auto; }
}


.equipList { overflow: hidden; text-align: center; }
.equipList li { float: left; width: calc(25% - 24px); margin: 0 0 50px 32px; }
.equipList li:nth-child(7n+1) { margin-left:0; clear: both; }
.equipList li.wide { width: calc(50% - 16px); margin-left:0; }
.equipList li img { width: 100%; margin-bottom: 15px;  }
.equipList li p { font-size: 1.3em; font-weight: 500; color:#212121; line-height: 1.3em; }
.equipList li p span { display: block; font-size: 0.7em; color:#989898; }

@media all and (max-width:1280px) {
	.equipList li { width: calc(25% - 18px); margin: 0 0 40px 24px; }
	.equipList li.wide { width: calc(50% - 12px); }
}

@media all and (max-width:976px) {
	.equipList li { width: calc(33.33% - 16px); vertical-align: top; }

	.equipList li.wide { width: calc(66.66% - 8px); margin-left: 24px;  }
	.equipList li:nth-child(7n+1) {clear: none; margin-left: 24px;}
	.equipList li:nth-child(3n+1) { margin-left:0;  }
	.equipList li:nth-child(6) { margin-left:0; clear: both; }
	.equipList li:nth-child(7) { margin-left:24px;  }
	.equipList li:nth-child(9){ margin-left:0;}
	.equipList li:nth-child(10) { margin-left:24px;  }

}

@media all and (max-width:767px) {
	.equipList li { width: calc(50% - 12px); margin: 0 0 4% 24px !important; }
	.equipList li:nth-child(odd) { margin-left: 0 !important; }
	.equipList li.wide { width: 100%; margin-left:0;  }
	.equipList li:nth-child(1n+6) { margin-left: 24px !important; }
	.equipList li:nth-child(2n+6) { margin-left: 0 !important; }
}


.certList {  text-align: center; height: auto; display: flex; flex-wrap: wrap;  }
.certList li { width: 15.66%; margin-bottom: 2%; margin-right: 1%; cursor:pointer; box-sizing: border-box; transition: transform .35s; }
.certList li:first-child { margin-left:0; }
.certList li img { width: 100%; border:1px solid #dedede; }
.certList li.img_on { cursor:pointer;
            -webkit-transform:scale(1.6); /*  Å©·Ò */
            -moz-transform:scale(1.6); /* FireFox */
            -o-transform:scale(1.6); /* Opera */
            transform:scale(1.6);
            transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s; }  }
.certList li p { margin-top: 0.7em; line-height: 1.2em; font-size: 1.1em; color:#212121; font-weight: 500; }
.caption { color:#989898; }


@media all and (max-width:1400px) {
	.certList { width: 95%; margin: 0 auto; padding-top: 1em; height: auto;  }
	.certList li { width: 19%;}
}



@media all and (max-width:860px) {
	.certList li.img_on { cursor:pointer;
            -webkit-transform:scale(1.7); /*  Å©·Ò */
            -moz-transform:scale(1.7); /* FireFox */
            -o-transform:scale(1.7); /* Opera */
            transform:scale(1.7);
            transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s; }
	.certList { height: auto; justify-content: center; }

	
	.certList li { width: 32%; padding: 1%;}
}

@media all and (max-width:767px) {
	.certList li { width:31%; margin-left: 0; margin-bottom: 5%;font-size: 0.9em;}
	.certList li:nth-child(4) { margin-left: 0; }
	.certList { width: 100%; margin: 0 auto; padding-top: 5%; }

	.certList li.img_on { cursor:pointer;
            -webkit-transform:scale(1.5); /*  Å©·Ò */
            -moz-transform:scale(1.5); /* FireFox */
            -o-transform:scale(1.5); /* Opera */
            transform:scale(1.5);
            transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s; }
}

@media all and (max-width:480px) {
	.certList { height: auto; justify-content: center; }
	.certList li { width: 48%; padding: 1%;}
}




#recruit1 .t1 { font-size: 1.125em; line-height: 1.8em; margin-top: 1em; }

@media all and (max-width:767px) {
	#recruit1 .t1 { font-size: 1.05em; line-height: 1.5em;  }
}

.imgCont2 { overflow: hidden; text-align: center; }
.imgCont2 li { float: left; width:calc(33.33% - 16.66px); margin-left: 25px;  }
.imgCont2 li:nth-child(3n+1) { margin-left:0; }
.imgCont2 li img { width: 100%; }
.imgCont2 li dl { background: #fff; width: 80%; margin: -50px auto 0; position: relative; padding: 7% 5%; }
.imgCont2 li dl dt { color:#212121; font-weight: 600; margin-bottom: 0.5em; font-size: 1.5em; }
.imgCont2 li dl dd { line-height: 1.5em; color:#989898; font-size: 1.125em; }

.imgCont2 li p { background: #fff; width: 80%; margin: -50px auto 0; position: relative; padding: 7% 5%;
											color:#212121; font-weight: 500; font-size: 1.4em; }

@media all and (max-width:1280px) {
	.imgCont2 li { width:calc(33.33% - 12px); margin-left: 18px;  }
	.imgCont2 li dl dd { font-size: 1.05em; }
	.imgCont2 li dl dd br { display: none; }
}


@media all and (max-width:976px) {
	.imgCont2 li dl dt { font-size: 1.4em; }
	.imgCont2 li dl dd { font-size: 0.95em; }
}

@media all and (max-width:640px) {
	.imgCont2 li { width: calc(50% - 9px); margin: 10px 0 10px 18px; }
	.imgCont2 li:nth-child(odd) { margin-left: 0; clear: both; }
}

@media all and (max-width:480px) {
	.imgCont2 li { width: 100%; margin: 0 ; margin-bottom: 10px; }
}

.titCont { overflow: hidden; max-width: 1320px; margin: 0 auto; }
.titCont .tit { width: 20%; float: left; }
.titCont .cont { width: 80%; float: left; }

@media all and (max-width:1080px) {
	.titCont .tit,
	.titCont .cont { width: 100%; }
	.imgCont2 li p { font-size: 1.2em; }
}

.icoList { border:10px solid #f4f7fa; padding: 2% 3%;  }
.icoList li { overflow: hidden; border-bottom: 1px dotted #ccc; display: table; width: 100%; padding: 20px 0; }
.icoList li:last-child { border:0; }
.icoList li .ico { width: 14%; display: table-cell; vertical-align: middle; padding-left: 2%; }
.icoList li .ico img { max-width: 70%; }
.icoList li dl { width: 86%; display: table-cell; vertical-align: middle; }
.icoList li dl dt { color:#212121; font-weight: 600; margin-bottom: 0.5em; font-size: 1.375em;  }
.icoList li dl dd { color:#989898; }


@media all and (max-width:976px) {
	.icoList li .ico { width: 18%; }
	.icoList li dl { width: 82%; }
}

@media all and (max-width:568px) {
	.icoList { padding: 2% 5%;  }
	.icoList li  { padding: 5% 0; }
	.icoList li .ico { width: 25%; }
	.icoList li dl { width: 75%; }
}


@media all and (max-width:480px) {
	.icoList li  { padding: 7% 0; }
	.icoList li .ico { width: 100%; text-align: center; padding:0; display: block; margin-bottom: 1em; }
	.icoList li .ico img { max-width: 20%; }
	.icoList li dl { width: 100%; display: block; }
	.icoList li dl dt { text-align: center; }
}

.icoList2 { text-align: center; }
.icoList2 li { display: inline-block; margin: 0 10px;}
.icoList2 li .ico { border-radius: 100%; background: #4450c1; width: 140px; height: 140px; }
.icoList2 li .ico img { width: 100%; }
.icoList2 li p { margin-top: 1em; font-size: 1.125em; color:#212121; }

.icoList2 li:nth-child(2) .ico { background:#54b5ff; }
.icoList2 li:nth-child(3) .ico { background:#696bdb; }
.icoList2 li:nth-child(4) .ico { background:#77cbff; }


table .dl-style1 { font-size: 0.9em; }
.dl-style1 dt { text-align: center; background: #f4f7fa; border-radius: 3px; padding: 0.5em; color:#3784d0; font-weight: 500; line-height: 1.3em; }
.dl-style1 dd { padding: 0.8em 1.7em; position: relative; line-height: 1.3em; }
.dl-style1 dt + dd { padding-top: 1.5em; }
.dl-style1 dd::before { content:''; width:1px; height: 100%; background: #ddd; position: absolute; left:0; top:0; }
.dl-style1 dd:last-child::before { height: 50%; }

.dl-style1 dd::after { content: '¡æ'; position: absolute; left:0; top:50%; line-height: 20px; margin-top: -10px; color:#bbb; }

.specialist { position: relative; }
.specialist::before { content:''; background: #99bee2; width: 90%; height: 1px; position: absolute; left: 5%; top: 50%; margin-top: -0.5px;}
.specialist span { position: relative; display: inline-block; background: #fff; padding: 0 3%; }
.specialist p { position: relative; width: 97%; margin: 0 auto; }
.specialist p::before { content:'¢¸'; position: absolute; left: 0; top: 50%; line-height: 20px; margin-top: -10px; font-size: 0.5em; color:#99bee2; }
.specialist p::after { content:'¢º'; position: absolute; right: 0; top: 50%; line-height: 20px; margin-top: -10px; font-size: 0.5em; color:#99bee2; }


.creditSystem { overflow: hidden; text-align: center; min-width: 700px; }
.creditSystem > div { float: left; width: calc(20% - 32px); margin-left: 40px; }
.creditSystem > div:first-child { margin-left:0; }
.creditSystem > div p { position: relative; width: 100%; float: left; display: block; line-height: 45px; height: 45px; margin: 5px 0; }
.creditSystem > div p::before { content:''; width: 40px;  height: 12px; position: absolute; left: -40px; top: 50%; margin-top: -6px;
																							background: url("/images/sub/arrow.png") no-repeat center; }
.creditSystem > div:first-child p::before { display: none; }
.creditSystem > div > p { clear: both; }
.creditSystem .box3 { width: calc(40% - 32px);  }

.creditSystem > div .col2 {  position: relative; width: 100%; display: block; }
.creditSystem > div .col2 p { float: left; width: calc(50% - 20px); margin-left: 40px; }
.creditSystem > div .col2 p:first-child { margin-left:0; }

.creditSystem > div .row2 { position: relative; float: left; width:100%; margin: 32.5px 0; }
.creditSystem > div .row2 p {  margin: 0;; }

.creditSystem .box1 p { border:1px solid #0080ff; border-radius: 5px; box-sizing: border-box; color:#0080ff; }
.creditSystem .box2 p { background: #8892f3;  border-radius: 5px; color:#fff; }
.creditSystem .box3 p { background: #f0f7ff; border-radius: 5px; }
.creditSystem .box4 p { background: #0080ff; color:#fff; border-radius: 45px; }


@media all and (max-width:976px) {
	.creditSystem { font-size: 0.85em; }
}



/*Á¦Ç°¼Ò°³*/
.productWrap { overflow: hidden; }
.productWrap .pd_half { float: left; width: calc(50% - 20px); margin-left: 40px; margin-bottom: 40px;  }
.productWrap .pd_half:nth-child(odd) { margin-left:0; }
.productWrap .pd_half .pd_big { width: 100%; margin-top: 3%; }
.productWrap .pd_half .pd_big img { max-width: 100%; }
.productWrap .pd_half .pd_small { overflow: hidden; }
.productWrap .pd_half .pd_small li { float: left; width: calc(25% - 15px); margin-left: 20px; margin-top: 20px; }
.productWrap .pd_half .pd_small li:first-child { margin-left:0; }
.productWrap .pd_half .pd_small li img { max-width: 100%; }

.pd_tit { overflow: hidden; }
.pd_tit dt { /*display: inline-block; vertical-align: middle;  margin-right: 3%;*/ font-weight: 600; font-size: 1.5em; color:#212121; margin-bottom: 0.3em; }
.pd_tit dd { /*display: inline-block; vertical-align: middle;*/ }


@media all and (max-width:976px) {
	.productWrap .pd_half { width: calc(50% - 15px); margin-left: 30px; }
	.productWrap .pd_half .pd_small li { width: calc(25% - 7.5px); margin-left: 10px; margin-top: 10px; }
}

@media all and (max-width:680px) {
	.productWrap .pd_half { width: 100%; margin-left:0; margin-bottom: 5%; }
}



.processList { border-top: 4px solid #1b4baa; }
.processList > li { counter-increment: number; overflow: hidden; padding: 40px 0; border-bottom: 1px solid #e5e5e5; position: relative; }
.processList > li::before { content: counter(number, decimal-leading-zero); width: 50px; line-height: 50px; background: rgba(27, 75, 170, 0.9);
                                 color:#fff; text-align: center; font-weight: 600; position: absolute; left:0; top:40px; }
.processList > li > div { display: inline-block; ; vertical-align: middle;}
.processList > li .img { width: 30%;  }
.processList > li .img img { width: 100%; }
.processList > li .cont { width: 68%; padding: 0 7%; box-sizing: border-box;  }
.processList > li .cont dl dt { font-size: 2em; color:#212121; font-weight: 600; margin-bottom: 0.7em; }
.processList > li .cont dl dd { font-size: 1.125em; line-height: 1.7em; }


@media all and (max-width:1280px) {
	.processList > li .img { width: 40%;  }
	.processList > li .cont { width: 58%; }
}

@media all and (max-width:976px) {
	.processList > li .cont { padding: 0 5%; }
	.processList > li .cont dl dt { font-size: 1.7em; }
}

@media all and (max-width:640px) {
	.processList > li .img { width: 100%; margin-bottom: 5%;  }
	.processList > li .cont { width: 100%; padding:0 3%;}
}


.processSlider { margin-top: 5%; padding-bottom: 3%; }
.processSlider .cont { outline: 0; }
.processSlider .cont .img { overflow: hidden; }
.processSlider .cont .img img { width: calc(33.33% - 6.66px); margin-left: 10px; float: left; }
.processSlider .cont .img img:first-child { margin-left:0; }
.processSlider .cont .txt { font-size: 1.35em; color:#212121; font-weight: 600; margin-bottom: 1em; }

.processSlider .slick-dots { bottom:0; }
.processSlider .slick-dots li { background: #cee6ff;  }
.processSlider .slick-dots li.slick-active{background:#4a98d6}

@media all and (max-width:767px) {
	.processSlider .cont .img img { width: calc(50% - 5px); margin-bottom: 10px; }
	.processSlider .cont .img img:nth-child(odd) { margin-left:0; }
}

@media all and (max-width:480px) {
	.processSlider { padding-bottom: 30px; }
	.processSlider .cont .img { text-align: center; }
	.processSlider .cont .img img { width: 100%; margin-left: 0; margin-bottom: 5px; }
}


.stepList { overflow: hidden; text-align: center; margin-left: 40px; padding: 2% 0; }
.stepList li { position: relative; counter-increment: number; float: left; width: 16.66%; margin: 5px 0;  }
.stepList li::before { content:counter(number, decimal-leading-zero); position: absolute; left: 10px; top: 10px;
														 font-size: 0.8em; color:#1b4baa; font-weight: 600; border-bottom: 1px solid rgba(27, 75, 170, 0.5);}
.stepList li::after { content:'¡æ';  color:#b0b0b0; width: 40px; position: absolute; right:0; top:0; line-height: 50px; font-family: 'Noto Sans KR'; }
.stepList li p {  border: 1px solid #e5e5e5; line-height: 50px; width:calc(100% - 40px); }

.stepList li:last-child::after,
.stepList li:nth-child(6n)::after { display: none; }

.stepList li:first-child::before,
.stepList li:last-child::before { color:#fff; border-bottom-color:rgba(255,255,255,0.5); }
.stepList li:first-child p { background: #3784d0; color:#fff; }
.stepList li:last-child p { background: #1b4baa; color:#fff; }

@media all and (max-width:1280px) {
	.stepList { margin-left: 30px; }
	.stepList li::after { width: 30px; }
	.stepList li p { width:calc(100% - 30px); font-size: 0.95em; }
}

@media all and (max-width:1080px) {
	.stepList li { width: 25%; }
	.stepList li:nth-child(6n)::after { display: block; }
	.stepList li:nth-child(4n)::after { display: none; }
}

@media all and (max-width:680px) {
	.stepList { padding: 4% 0; }
	.stepList li { width: 33.33%; }
	.stepList li::after,
	.stepList li p { line-height: 40px; }
	.stepList li:nth-child(4n)::after { display: block; }
	.stepList li:nth-child(3n)::after { display: none; }
}

@media all and (max-width:568px) {
		.stepList { margin-left: 20px; }
		.stepList li::after { width: 20px; }
		.stepList li p { width:calc(100% - 20px); }

		.stepList li { width: 50%; }
		.stepList li:nth-child(3n)::after { display: block; }
		.stepList li:nth-child(2n)::after { display: none; }

}



.video_wrap { display: flex; width: 100%; height: auto; justify-content: space-between; flex-wrap: wrap; margin-bottom: 8%; }
.video_wrap div { width: 48%; height: auto; height: 380px; }
.video_wrap div iframe { width: 100%; height: 100%; }

@media all and (max-width:1400px) {
	.video_wrap div { height: 25.5vw; }
}
@media all and (max-width:767px) {
	.video_wrap { margin-bottom: 12%; }
}
@media all and (max-width:640px) {
	.video_wrap div { width: 100%; height: 52.5vw; }
	.video_wrap div:first-child { margin-bottom: 5%; }
}