@charset "utf-8";

h3 {font-family: 'KHNPHandotum'; transform: rotate(-0.03deg);}

.anchor {  display: block;  height: 80px; margin-top: -80px;   visibility: hidden; }

.s-Part {padding:100px 0}
@media all and (max-width:480px) {
	.s-Part {padding:50px 0}
}



#intro1Title h3 { font-size:6.0rem; font-weight:700; color:#222; line-height:1.2em;}
#intro1Title .t1 {font-size:2.2rem; margin-top:1em; line-height:1.4em }

#intro1Typo {margin-top:4em;  background:url('/images/sub/intro1-bg.png')no-repeat center center; background-size:cover;
				position:relative; text-align:center }
#intro1Typo .img {position:absolute; right:10%; top:-100px}
#intro1Typo h3 {padding:4em 0; font-size:4.5rem ; color:#FFF; }
#intro1Typo h3 .br1280 {display:none}

@media all and (max-width:1280px) {
	#intro1Title h3 { font-size:5.0rem;}
	#intro1Title .t1 {font-size:2.0rem;}
	#intro1Typo h3 {padding:3em 0; font-size:4.0rem; line-height:1.4em }
	#intro1Typo h3 .br1280 {display:block; }
	#intro1Typo .img {right:5%; top:-50px}
	#intro1Typo .img img {height:130px; }
}
@media all and (max-width:976px) {
	#intro1Typo .img {right:5%; top:-50px}
	#intro1Typo .img img {height:100px; }
}
@media all and (max-width:480px) {
	#intro1Title .t1 {font-size:1.8rem;}
	#intro1Typo h3 { font-size:3.5rem;}
	#intro1Typo .img {right:5%; top:-30px}
	#intro1Typo .img img {height:90px; }
}



#intro1Cont {margin-top:6em; display:flex; flex-wrap:wrap}
#intro1Cont .title {width:320px; }
#intro1Cont .title dt {font-size:5.0rem; font-weight:900; color:#222; text-transform:uppercase; display:inline-block}
#intro1Cont .title dd {padding-left:0.5em; font-size: 2.8rem; color:#222; font-weight:600; display:inline-block}
#intro1Cont .cont {width:calc(100% - 320px); }

@media all and (max-width:1280px) {
	#intro1Cont .title dt {font-size:4.5rem;}
	#intro1Cont .title {width:280px}
	#intro1Cont .cont {width:calc(100% - 280px); }
}
@media all and (max-width:1140px) {
	#intro1Cont .title {width:100%; margin-bottom:2em}
	#intro1Cont .title br {display:none}
	#intro1Cont .cont {width:100%}
}
@media all and (max-width:480px) {
	#intro1Cont .title dt {font-size:4.0rem;}
	#intro1Cont .title dd {font-size: 2.2rem; }
}


#intro1Cont .circleCont {display:flex; justify-content:center; align-items: top; text-align:center}
#intro1Cont .circleCont .icon {padding:0 3em;  text-align:center; position:relative; }
#intro1Cont .circleCont .icon:before {content:''; width:100%; height:1px; background:#bd1e2c; 
										position:absolute; left:0; top:115px; z-index:-1}
#intro1Cont .circleCont .icon .iconBg {width:230px; height:230px; background-size:cover; background-color:#bd1e2c; 
												margin:0 auto; border-radius:50%;}
#intro1Cont .circleCont .icon dl dd {margin:1.5em 0 1em; font-size:1.6rem; color:#686868; font-weight:800; text-transform:uppercase; 
									opacity:.5; font-family:'Montserrat'}
#intro1Cont .circleCont .icon dl dt {font-size:2.8rem; color:#222;  line-height:1.4em; font-family: 'KHNPHandotum'; transform: rotate(-0.03deg);}
#intro1Cont .circleCont .icon dl dt .br580 {display:none}
#intro1Cont .circleCont .icon .iconBg.bg1 {background-image:url('/images/sub/intro1-icon1.png')}
#intro1Cont .circleCont .icon .iconBg.bg2 {background-image:url('/images/sub/intro1-icon2.png')}
#intro1Cont .circleCont .icon .iconBg.bg3 {background-image:url('/images/sub/intro1-icon3.png')}

@media all and (max-width:1499px) {
	#intro1Cont .circleCont .icon {padding:0 2em; } 
	#intro1Cont .circleCont .icon:before { top:90px;}
	#intro1Cont .circleCont .icon .iconBg {width:180px; height:180px;}
}
@media all and (max-width:830px) {
	#intro1Cont .circleCont .icon:before { top:10vw}
	#intro1Cont .circleCont .icon .iconBg {width:20vw; height:20vw}
}
@media all and (max-width:580px) {
	#intro1Cont .circleCont .icon {padding:0 0.5em; } 
	#intro1Cont .circleCont .icon dl dt .br580 {display:block}
}
@media all and (max-width:480px) {
	#intro1Cont .circleCont .icon {padding:0 0.7em; } 
	#intro1Cont .circleCont .icon:before { top:12vw}
	#intro1Cont .circleCont .icon .iconBg {width:24vw; height:24vw}
	#intro1Cont .circleCont .icon dl dd {font-size:1.4rem;}
	#intro1Cont .circleCont .icon dl dt {font-size:2.2rem; }
}


#intro1Cont .textCont {height:400px;  display:flex;  flex-wrap:wrap;  justify-content:center; }
#intro1Cont .textCont dl {padding:280px 2em 0; width:30%; height:inherit;  margin:0 5px; color:#FFF; 
								 background-position:center center; background-size:cover }
#intro1Cont .textCont dl dt {font-size:3.2rem;   font-family: 'KHNPHandotum'; transform: rotate(-0.03deg); }
#intro1Cont .textCont dl dd {margin-top:0.5em; font-size:1.8rem; line-height:1.4em; }

#intro1Cont .textCont dl.bg1 {background-image:url('/images/sub/intro1-textcont1.png')}
#intro1Cont .textCont dl.bg2 {background-image:url('/images/sub/intro1-textcont2.png')}
#intro1Cont .textCont dl.bg3 {background-image:url('/images/sub/intro1-textcont3.png')}


@media all and (max-width:1499px) {
	#intro1Cont .textCont {height:330px; }
	#intro1Cont .textCont dl {padding:210px 2em 0;}
}
@media all and (max-width:1280px) {
	#intro1Cont .textCont dl { width:32%;}
}
@media all and (max-width:976px) {
	#intro1Cont .textCont {height:auto}
	#intro1Cont .textCont dl { padding:35% 2em 2em;  width:90%; max-width:800px}
}
@media all and (max-width:976px) {
	#intro1Cont .textCont dl { width:100%;}
}
@media all and (max-width:480px) {
	#intro1Cont .textCont dl dt {font-size:2.8rem;}
	#intro1Cont .textCont dl dd {font-size:1.6rem; }
}





#intro1Ci {background:#f8f8f8; margin-top:100px}
#intro1Ci h3 { margin-bottom:0.7em; font-size: 5.0rem;  font-weight: 900; color: #222; font-family:'Montserrat'; text-transform: uppercase; 
				display: inline-block; }
#intro1Ci .cont { display:flex; justify-content: center;} 
#intro1Ci .cont > div {margin:0 1em; text-align:center}
#intro1Ci .cont > div .img {padding:3.5em 1em; border:1px solid #DDD; background:#FFF; }
#intro1Ci .cont > div dl {margin-top:2em}
#intro1Ci .cont > div dl  dt {color:#222; line-height:1.2em; font-size:3.2rem; font-weight:700; font-family: 'KHNPHandotum'; transform: rotate(-0.03deg);}
#intro1Ci .cont > div dl  dd {width:80%;  margin:0 auto; font-size:1.8rem; line-height:1.6em; margin-top:1em;}
#intro1Ci .cont > div dl  dt .br1280 {display:none}

#intro1Ci .tt{font-weight: normal; font-size: 3.8rem;}

@media all and (max-width:1280px) {
	#intro1Ci .cont > div {margin:0 0.5em }
	#intro1Ci .cont > div dl dt {font-size:2.8rem}
	#intro1Ci .cont > div dl  dt .br1280 {display:none}
}
@media all and (max-width:1130px) {
	#intro1Ci .cont  {display:block}
	#intro1Ci .cont > div {display:flex; align-items: center; width:100%; padding-bottom:1em;}
	#intro1Ci .cont > div .img {padding:2em }
	#intro1Ci .cont > div dl { text-align:left; margin-top:0; padding-left:3%}
	#intro1Ci .cont > div dl  dd {width:100%}
}
@media all and (max-width:850px) {
	#intro1Ci .cont > div {padding-bottom:2em;}
	#intro1Ci .cont > div .img img {width:200px}
}
@media all and (max-width:640px) {
	#intro1Ci .cont > div {display:block;} 
	#intro1Ci .cont > div dl { text-align:center; margin-top:1em; padding-left:0}
	#intro1Ci .cont > div dl  dd {width:80%;}
}






#about2 {text-align:center}
#about2 img {width:100%; max-width:900px}



/* 연혁 */

#history_top { color:#fff; width: 100%; height: 480px; position: relative; display: table; padding: 0 5%; max-width: 1400px; margin: 0 auto;
                    background: url("/images/sub/history_top.png") no-repeat center; background-size: cover; }
#history_top dl { display: table-cell; vertical-align: middle; }
#history_top dl dt { font-size: 8rem; font-weight: 200; font-family: 'Poppins'; }
#history_top dl dd { font-size: 1.8rem; line-height: 1.8em; }

@media all and (max-width:976px) {
  #history_top { height: 38vw; }
}

@media all and (max-width:767px) {
  #history_top { height: 45vw; }
}


#history { overflow: hidden; position: relative; }
#history::before { content: ''; width:1px; height: 100%; background: #e9e9e9; position: absolute; left:50%; top:0; margin-left: -0.5px;}
#history li { overflow: hidden; position: relative; margin-top: 30px;}
#history li .txt { float: right; width: 50%; padding: 2% 0 2% 60px;}
#history li:nth-child(even) .txt { float: left; text-align: right; padding: 2% 60px 2% 0; }

#history li .txt h4 { color: #eb2a2e; font-size: 6rem; font-family: 'Jost'; position: relative;
                            line-height: 1.0em; font-weight: 600; margin-bottom: 0.5em; letter-spacing: 0; }
#history li .txt h4::before { content:''; width: 20px; height: 20px; display: block; position: absolute; left:-60px; top:50%; margin: -10px 0 0 -10px;
                                        border-radius: 100%; background: #ff0000; border: 6px solid #ffe5e5; z-index:2;  }
#history li .txt h4::after { content:''; width: 50px; height: 1px; display: block; background: #ffb2b2; z-index:1;
                                      position: absolute; left:-60px; top:50%; margin-top: -0.5px;}
#history li:nth-child(even) .txt h4::before,
#history li:nth-child(even) .txt h4::after { left: inherit; right: -60px; }
#history li:nth-child(even) .txt h4::before {margin: -10px -10px 0 0; }
#history li .txt dl { margin-bottom: 1.5em; font-size: 1.8rem; }
/*#history li .txt dl dt { width:60px; display:inline-block; vertical-align:top; margin-bottom:15px; color:#212121; font-weight: 600; line-height: 1.5em; } */
#history li .txt dl dd {width:100%; display:inline-block; vertical-align:top; margin-bottom:15px; line-height: 1.5em; }

#history li:nth-child(even) dt { float: right; }

@media all and (max-width:767px) {
  #history li .txt { padding: 2% 0 2% 40px; }
  #history li:nth-child(even) .txt { padding: 2% 40px 2% 0; }

  #history li .txt h4::after { width: 30px; }
  #history li .txt h4::before,
  #history li .txt h4::after { left: -40px; }
  #history li:nth-child(even) .txt h4::before,
  #history li:nth-child(even) .txt h4::after { right: -40px; }
}

@media all and (max-width:568px) {
  #history::before { left: 8px; margin-left:0;}
  #history li .txt { width: 100%; padding: 2% 0 2% 40px; }
  #history li:nth-child(even) .txt { text-align: left; padding: 2% 0 2% 40px; }
  #history li .txt h4::before { width: 16px; height: 16px; margin: -8px 0 0 0; border-width: 5px; }
  #history li:nth-child(even) .txt h4::before { margin: -8px 0 0 0; }
  #history li:nth-child(even) .txt h4::before,
  #history li:nth-child(even) .txt h4::after { right: inherit; left: -40px; }
}



/* 인증현황 */
#certList { overflow: hidden; text-align: center; max-width: 1600px; display: flex; flex-wrap: wrap;}
#certList li { float: left; width: calc((100% - 160px) / 5); margin-left: 40px; margin-bottom: 40px;  }
#certList li:nth-child(5n+1) { margin-left:0; }
#certList li .img { border: 1px solid #dedede; padding: 10px; }
#certList li img { max-width: 100%;  }
#certList li p { margin-top: 1em; font-size: 1.8rem; font-weight: 600; color:#212121;  }

@media all and (max-width:1280px) {
  #certList li { width: calc((100% - 60px) / 4); margin-left: 20px; }
}
@media all and (max-width:976px) {
  #certList li { width: calc((100% - 40px) / 3);  }
  #certList li:nth-child(4n+1) { margin-left:20px; }
  #certList li:nth-child(3n+1) { margin-left:0; }
}
@media all and (max-width:640px) {
  #certList li { width: calc((100% - 20px) / 3); margin-left: 10px;  }
  #certList li:nth-child(4n+1) { margin-left:10px; }
  #certList li:nth-child(3n+1) { margin-left:0; }
}
@media all and (max-width:568px) {
  #certList li { width: calc(50% - 5px); margin-left: 10px !important; margin-bottom: 20px;  }
  #certList li:nth-child(odd) { margin-left: 0 !important; }
}






#about5 {display:flex; flex-wrap:nowrap;}
#about5 .contWrap {padding:5em 0; border-top:10px solid #f9f9f9; display:flex; flex-wrap:wrap;border-bottom:10px solid #f9f9f9;}
/* #about5 .contWrap:last-child {border-bottom:10px solid #f9f9f9;} */
#about5 .contWrap .img { width:800px;}
#about5 .contWrap .img img {width:95%; }
#about5 .contWrap .cont { width:95%}
#about5 .contWrap .cont h3{margin: 0 10px 30px;}

#about5 .contWrap:nth-child(even) .img {order:2; text-align:right}
#about5 .contWrap:nth-child(even) .cont {order:1}



@media all and (max-width:1280px) {
    #about5 {flex-wrap: wrap;}
	#about5 .contWrap:nth-child(even) .img {order:1; text-align:left}
#about5 .contWrap:nth-child(even) .cont {order:2}
}
@media all and (max-width:1190px) {
	#about5 .contWrap {width:100%; max-width:978px; margin:0 auto}
	#about5 .contWrap .img { width:90%; margin:0 auto; margin-bottom:2em }
	#about5 .contWrap .img img {width:100%; }
	#about5 .contWrap .cont { width:90%;  margin:0 auto}
}
@media all and (max-width:767px) {
	#about5 .contWrap {padding:3em 0}
	#about5 .contWrap .img { width:90%; margin:0 auto; margin-bottom:2em }
}
@media all and (max-width:580px) {
	#about5 .contWrap .img { width:100% }
	#about5 .contWrap .cont { width:100%}
}


.table-t { width:100%;  border-top: 2px solid #961622; line-height: 1.4em;}
.table-t th,
.table-t td { text-align: left; padding: 1.15em 1.8em; border-bottom: 1px solid #f5e9e9; }
.table-t td.td-f {border-left: 1px solid #f5e9e9;}
.table-t th { width:200px;  font-size:1.8rem; text-align:center; background: #faf6f6; color:#212121; font-weight: 600; text-transform:uppercase; letter-spacing:0; word-break: keep-all;}
.table-t td { font-size:1.7rem; background: #FFF;}
.table-t td .br480 {display:none}

@media all and (max-width:1550px) {
	.table-t th { width:160px;}
}
@media all and (max-width:620px) {
	.table-t th,
	.table-t td { padding:1em; }
	.table-t th { width:120px; }
}
@media all and (max-width:480px) {
	.table-t th,
	.table-t td { padding: 0.8em; }
	.table-t th {  font-size:1.7rem; }
	.table-t td { font-size:1.6rem;}
	.table-t td .br480 {display:block}
}


/* 오시는 길 */

#intro6 { padding-bottom:5em; position:relative}
#intro6:before {content:''; width:100%; height:50%; background-color:#430000; position:absolute; left:0; bottom:0}

#sMap { position: relative; overflow: hidden; z-index:1  }
#sMap .root_daum_roughmap .wrap_map  { height: 550px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none;}


#sMap-info { width:94%; margin:0 auto;  position: relative; z-index:2; }
#sMap-info h3 {padding-top:1.5em; margin-bottom:1em;   position:relative; font-size:2.0em; color:#FFF; font-weight:500 }
#sMap-info h3 p {padding-left:20px; }
#sMap-info h3:before {content:'';display: block;  width:2px; height:140px; background:#ec242b; position:absolute; left:0; top:-50px;  }
#sMap-info div.in-box {display: flex; flex-wrap: wrap;}
#sMap-info dl { display: flex;   margin: 5px 25px; margin-bottom: 15px; }
#sMap-info dl i {font-size:1.8rem; color:#ec242b; border:1px solid #ec242b; border-radius:100px; width:35px;line-height:35px; text-align:center; margin-top:-7px }
#sMap-info dl dt { padding:0 5px 0 10px; font-size:2.0rem; color:#FFF;  font-weight:600;  }
#sMap-info dl dd {font-size:1.8rem; padding:4px 0 0 10px; color:rgba(255,255,255,0.7);}


@media all and (max-width:1080px) {
}
@media all and (max-width:976px) {
	#sMap .root_daum_roughmap .wrap_map  { height: 55vw !important; }
}
@media all and (max-width:605px) {
	#intro5:before {content:''; width:100%; height:60%; }
	#sMap .root_daum_roughmap .wrap_map  { height:70vw !important; }
	#sMap-info .smap-icon { top:-100px ;width:90px; padding:0.5em 0; }
	#sMap-info .smap-icon img {width:25px}
	#sMap-info .smap-icon p {font-size:1.8rem;}
}

@media all and (max-width:480px) {
	#sMap-info dl { margin: 5px 0 0 10px;}
	#sMap-info dl dt { width:10vw; }
	#sMap .root_daum_roughmap .wrap_map  { height:90vw !important; }
	#sMap-info .smap-icon { width:80px;}
	#sMap-info .smap-icon { top:-17vw;}
}




#business1 {background:url('/images/sub/business1-bg.png')no-repeat center; background-size:cover; overflow:hidden}
#business1 h4 {margin-bottom:0.7em; font-size:6.0rem; color:#FFF; transform: rotate(-0.03deg); line-height:1.4em; font-weight:200; }
#business1 h4 .br1024 {display:none}
#business1 .cont {display:flex; width:100%; max-width:1080px; flex-wrap:wrap;  flex-direction:row; float:right}
#business1 .cont li {padding:2em; width:calc(33.333% - 20px); margin:10px;  border:1px solid rgba(255,255,255,0.3); border-radius:10px; text-align:right}
#business1 .cont li img {}
#business1 .cont li:first-child { visibility: hidden;}
#business1 .cont li dl {margin-top:1em; color:#FFF; text-align:left}
#business1 .cont li dl .eng {font-size:1.5rem; font-family:'Montserrat'; font-weight:500; margin-bottom:2.5em}
#business1 .cont li dl dt {font-size:3.5rem;  font-family: 'KHNPHandotum';}
#business1 .cont li dl dd {font-size:1.8rem; opacity:.5; margin-top:0.7em}

@media all and (max-width:1280px) {
	#business1 h4 { font-size:5.0rem }
}
@media all and (max-width:1055px) {
	#business1 .cont li dl dt {font-size:3.2rem; }
}
@media all and (max-width:1024px) {
	#business1 h4 {text-align:center}
	#business1 h4 .br1024 {display:block}
	#business1 .cont {justify-content:center;}
	#business1 .cont li {padding:2em 1em; width:calc(33.333% - 10px); margin:5px;}
	#business1 .cont li:first-child { display:none}
	#business1 .cont li img {height:40px}
}
@media all and (max-width:767px) {
	#business1 .cont li {padding:2em 1em; width:calc(50% - 10px); margin:5px;}
	#business1 .cont li dl dt {font-size:3.5rem; }
}
@media all and (max-width:480px) {
	#business1 h4 { font-size:3.8rem }
	#business1 .cont li {padding: 1em}
	#business1 .cont li img {height:30px}
	#business1 .cont li dl .eng { margin-bottom:1.5em}
	#business1 .cont li dl dt {font-size:2.8rem; }
	#business1 h4  br {display:none !important}
}


/* about5 map */

#aboutMap {margin:3em 0; background:rgba(223,228,230,0.5); text-align:center}
#aMap.about5_1 {width:100%; max-width:650px; margin:0 auto}
#aMap.about5_1 img {width:100%;}


.imgCont2 {position:relative;}
#btn_toggle {position:absolute; right:0; top:3em; width:50px; height:50px; border-radius:60px; background:#004ddf url('/images/sub/aMap-btn.png')no-repeat; background-size:cover}
.g-map {margin-top:1em;border-top:3px solid #f9f9f9; width:100%; }
.g-map iframe {width:100% !important; height:350px !important}
@media screen and (max-width:1024px){
	#btn_toggle {top:1em;}
}
@media screen and (max-width:767px){
	#btn_toggle { width:40px; height:40px;} 
}
@media screen and (max-width:580px){
	#btn_toggle {top:50vw;}
	.g-map iframe {height:280px !important}
}

#topWrap .global a p {border:0; animation:blink-effect 1s  infinite; font-size:0 ; border-radius:0; background:transparent;}
#topWrap .about5_1 a.xywh1 p {width:190px; height:108px;}
#topWrap .about5_1 a.xywh2 p {width:210px; height: 108px;}

#topWrap .global.about5_1 .xywh1 { left:67%; top:43.5%;  }
#topWrap .global.about5_1 .xywh2 { left:60%; top:83%;  }


.modalWarp {display:none; width: 100%; height: 100%; position: fixed; top: 0;  left: 0;  z-index:151; background:rgba(0,0,0,0.5)}
.in-wrap { width:90%; max-width:500px; position:relative; top:50%;  transform:translateY(-50%); margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden }

.in-wrap .close {position:absolute; right:0; top:0}
.in-wrap .btn-close { width:40px; height:40px; background:#222; line-height:40px;  font-size:24px; display:block; text-align:center;  color: #FFF; }

.in-wrap .content { padding: 8% 8% 5%; text-align:center}
.in-wrap .content dl dt {margin-top:1em; font-size:2.4rem; color:#222; font-weight:700;  font-family:'HallymGothic'; color:#FFF; padding:0.3em 0;  background:#eb2a2e ; border-radius:50px }
.in-wrap .content dl img {width:100%;}

#topWrap{width: 100%;}
#topWrap #img{position:relative; margin:0 auto; width: 100%;}
#topWrap #img a {position:absolute;  }
#topWrap a p {width:32px;  height:32px; border-radius:45px; background:#eb2a2e; border:9px solid #9efffc; font-size:0 }
#topWrap #img img {width:110%}