@charset "utf-8";
@import url(content.css);
/* ==============================
학과소개포털 서브페이지 공통
================================= */

body, body * {letter-spacing:0 !important;}
/** -- 공통 */
.infoWr {font-family:"Gmarket Sans",sans-serif;font-size:16px}
.infoWr .secTit {font-size:2em;font-weight:700;color:#222;letter-spacing:0;line-height:1.4}
.infoWr .secTit.wh {color:#fff}
.infoWr .secTit02 {font-size:1.667em;font-weight:700;letter-spacing:0;color:#000}
.infoWr .secIn {max-width:1400px;margin:0 auto;position:relative;height:100%;box-sizing:border-box}
.infoWr .navBox.disabled {display:none !important}
@media all and (max-width:1499px){
    .infoWr .secIn {max-width:100%;padding:0 50px}
}
@media all and (max-width:999px){
    .infoWr .secIn {padding:0 25px}
    .infoWr .secTit {font-size:2em}
    .infoWr .secTit02 {font-size:1.4em}
}
@media all and (max-width:768px){
    .infoWr .secIn {padding:0 15px}
}
@media all and (max-width:499px){
    .infoWr .secTit {font-size:1.8em}    
    .infoWr .secTit02 {font-size:1.3em}
}
@media all and (max-width:399px){
    .infoWr .secTit {font-size:1.6em}    
}
/** -- sec01 */
.infoWr .sec01 {width:100%;height:857px;background-size:100% 100%;position:relative;color:#fff}
.infoWr .sec01 .cntBox {position:absolute;bottom:80px;left:0}
.infoWr .sec01 .cntBox h3 {font-size:3.889em;font-weight:500;letter-spacing:0;line-height:1.3}
.infoWr .sec01 .cntBox h3 .college {display:block;font-size:.429em;font-weight:700;line-height:.888;margin-bottom:10px}
.infoWr .sec01 .cntBox .contact {font-size:1.056em;font-weight:500;letter-spacing:0;margin-bottom:28px}
.infoWr .sec01 .cntBox .contact li {margin-bottom:8px;letter-spacing:0;}
.infoWr .sec01 .cntBox .contact li:last-child {margin-bottom:0}
.infoWr .sec01 .cntBox .contact span {font-weight:normal;font-weight:700;padding-right:20px}
.infoWr .sec01 .cntBox .btnBox {width:500px;display:flex;flex-wrap:wrap}
.infoWr .sec01 .cntBox .btnBox li:first-child {width:100%;text-align:center;margin-bottom:4px}
.infoWr .sec01 .cntBox .btnBox li {width:calc(50% - 2px)}
.infoWr .sec01 .cntBox .btnBox li:last-child {margin-left:4px}
.infoWr .sec01 .cntBox .btnBox li a {display:inline-block;width:100%;height:60px;border-radius:30px;position:relative;box-sizing:border-box;padding:0 60px 0 28px;transition:all .3s ease;overflow:hidden;cursor:pointer}
.infoWr .sec01 .cntBox .btnBox li a:before {content:'';display:inline-block;height:100%;vertical-align:middle}
.infoWr .sec01 .cntBox .btnBox li a span {display:inline-block;vertical-align:middle;line-height:1;margin-top:2px;color:#fff}
.infoWr .sec01 .cntBox .btnBox li a span:after {content:'';display:inline-block;vertical-align:middle}
.infoWr .sec01 .cntBox .btnBox li a.goHome {background-color:#22264c}
.infoWr .sec01 .cntBox .btnBox li a.goProfessor {background-color:#3446f0}
.infoWr .sec01 .cntBox .btnBox li a.goSubject {background-color:#0091dc}
.infoWr .sec01 .cntBox .btnBox li a.goHome span:after {width:18px;height:18px;background-image:url(/resources/homepage/about/_Img/sec01_arrow.png);background-color:#fff;border-radius:50%;background-repeat:no-repeat;background-position:center center;margin-left:8px}
.infoWr .sec01 .cntBox .btnBox li a.goProfessor span:after,
.infoWr .sec01 .cntBox .btnBox li a.goSubject span:after {width:30px;height:30px;background-image:url(/resources/homepage/about/_Img/sec01_icoSlc.png);position:absolute;top:50%;right:18px;transform:translateY(-50%)}
.infoWr .sec01 .cntBox .btnBox li a.goSubject span:after {background-position:-40px 0}
.infoWr .sec01 .cntBox .btnBox li a:after {content:'';display:block;width:100%;height:100%;background:#000;opacity:.1;border-radius:30px;position:absolute;top:0;left:-100%;transition:all .3s ease}
.infoWr .sec01 .cntBox .btnBox li a:hover:after,
.infoWr .sec01 .cntBox .btnBox li a:focus:after {left:0}
.infoWr .sec01 .majorTxt {position:absolute;bottom:80px;right:0;text-align:right;font-size:1.667em;font-weight:700;letter-spacing:0;line-height:1.3;display:none !important}
@media all and (max-width:1499px){
    .infoWr .sec01 .cntBox {left:50px}
    .infoWr .sec01 .majorTxt {right:50px}
}
@media all and (max-width:1199px){
    .infoWr .sec01 {height:700px;background-size:cover;background-position:center center}
    .infoWr .sec01 .cntBox h3 .college {margin-bottom:10px}
    .infoWr .sec01 .cntBox h3 {font-size:3em;line-height:1.222}
    .infoWr .sec01 .cntBox .contact {font-size:1em;margin-bottom:20px}
    .infoWr .sec01 .majorTxt {font-size:1.5em}
}
@media all and (max-width:999px){
    .infoWr .sec01 .cntBox {left:25px;bottom:50px}
    .infoWr .sec01 .majorTxt {right:25px;bottom:50px}    
    .infoWr .sec01 .majorTxt .br {display:block}
    .infoWr .sec01 .cntBox .btnBox {width:50%}
    .infoWr .sec01 .cntBox .btnBox li {height:50px}
    .infoWr .sec01 .cntBox .btnBox li a {height:50px;font-size:.9em;padding:0 40px 0 20px}
    .infoWr .sec01 .cntBox .btnBox li a.goProfessor span:after, .infoWr .sec01 .cntBox .btnBox li a.goSubject span:after {right:13px;width:21px;height:21px;background-size:auto 21px}
    .infoWr .sec01 .cntBox .btnBox li a.goSubject span:after {background-position:-28px 0}
}
@media all and (max-width:768px){
    .infoWr .sec01 .cntBox {left:15px}
    .infoWr .sec01 .majorTxt {right:15px} 
    .infoWr .sec01 {height:500px}
}
@media all and (max-width:699px){
    .infoWr .sec01 .cntBox {bottom:0;position:relative;left:0;padding-top:130px}
    .infoWr .sec01 .cntBox h3 {font-size:2em}
    .infoWr .sec01 .cntBox .contact li {margin-bottom:4px}
    .infoWr .sec01 .majorTxt {position:relative;right:100%;transform:translateX(100%);width:100%;bottom:0;font-size:1.3em;margin-top:20px}
    .infoWr .sec01 .majorTxt .br {display:inline}
    .infoWr .sec01 .cntBox .btnBox {width:100%}
    .infoWr .sec01 .cntBox .contact {font-size:.9em}
}
@media all and (max-width:499px){
    .infoWr .sec01 {height:500px}
    .infoWr .sec01 .cntBox {padding-top:100px}
    .infoWr .sec01 .majorTxt {text-align:left}
    .infoWr .sec01 .cntBox .btnBox li {height:40px}
    .infoWr .sec01 .cntBox .btnBox li a {height:40px}

    .infoWr .sec01 .cntBox .contact li {margin-bottom:0}
    .infoWr .sec01 .majorTxt {font-size:1.1em}
}
/** -- sec02 */
.infoWr .sec02 {padding:100px 0;box-sizing:border-box;position:relative}
.infoWr .sec02 .secIn {padding-left:385px;position:relative}
.infoWr .sec02 .secIn:before,
.infoWr .sec02 .secIn:after {content:'';display:block;position:absolute;z-index:-1}
.infoWr .sec02 .secIn:before {width:116px;height:124px;background-image:url(/resources/homepage/about/_Img/sec2_snow_l.png);top:-70px;left:-93px;animation:snowfall 40s linear infinite}
.infoWr .sec02 .secIn:after {width:48px;height:50px;background-image:url(/resources/homepage/about/_Img/sec2_snow_s.png);left:456px;top:175px;animation:snowfall2 30s linear infinite}
.infoWr .sec02 .txtBox {font-size:1.111em;font-weight:500;letter-spacing:0;line-height:1.5;color:#555}
.infoWr .sec02 .txtBox p {margin-bottom:30px}
.infoWr .sec02 .secTit {position:absolute;top:0;left:0;width:300px}
.infoWr .sec02 .secTit02 {margin:10px 0 13px 0}
.infoWr .sec02 .secTit02 {font-size:1.5em}
.infoWr .sec02 .goalTxt-p,
.infoWr .sec02 .goalTxt li {padding-left:35px;box-sizing:border-box;position:relative;color:#000;margin-bottom:15px}
.infoWr .sec02 .goalTxt-p:last-child,
.infoWr .sec02 .goalTxt li:last-child {margin-bottom:0}
.infoWr .sec02 .goalTxt-p:before,
.infoWr .sec02 .goalTxt li:before {content:'';display:block;width:7px;height:7px;border-radius:50%;background-color:#ffd44d;position:absolute;top:10px;left:0}
.infoWr .sec02 .goalTxt-p:after,
.infoWr .sec02 .goalTxt li:after {content:'';display:block;width:1px;height:calc(100% - 30px);background-color:#b2b2b2;position:absolute;top:24px;left:3px}
.infoWr .sec02 .goalTxt-p:after {height:calc(100% - 30px)}
.infoWr .sec02 .goalTxt-p:last-child:after {display:block}
/* .infoWr .sec02 .goalTxt li:last-child:after {display:none} */
@media all and (max-width:1499px){
    .infoWr .sec02 .secIn:before {left:0}
    .infoWr .sec02 .secTit {left:50px}
}
@media all and (max-width:999px){
    .infoWr .sec02 {padding:50px 0}
    .infoWr .sec02 .secIn {padding-left:400px}
    .infoWr .sec02 .secIn:before  {width:70px;height:74px;background-size:70px auto}
    .infoWr .sec02 .secIn:after {width:34px;height:35px;background-size:34px auto}
    .infoWr .sec02 .secTit {left:30px}
    .infoWr .sec02 .secTit02 {font-size:1.4em}
    .infoWr .sec02 .txtBox p {margin-bottom:15px;font-size:1em}
}
@media all and (max-width:899px){
    .infoWr .sec02 .secIn {padding:0 25px}    
    .infoWr .sec02 .secTit {position:relative;left:0;margin-bottom:15px;width:100%}
}
@media all and (max-width:768px){ 
    .infoWr .sec02 .secIn  {padding:0 15px}
    .infoWr .sec02 .secTit02 {margin:20px 0 10px 0}
    .infoWr .sec02 .goalTxt-p,
    .infoWr .sec02 .goalTxt li {padding-left:25px;margin-bottom:10px}
    .infoWr .sec02 .goalTxt-p:before,
    .infoWr .sec02 .goalTxt li:before {top:8px}
    .infoWr .sec02 .goalTxt li:after {height:calc(100% - 20px);top:20px}
}
@media all and (max-width:499px){
    .infoWr .sec02 {padding:35px 0}
    .infoWr .sec02 .txtBox p {font-size:.9em;margin-bottom:10px}
}
@keyframes snowfall {
    0% {top:-70px}
    100% {top:calc(100% - 70px)}
} 
@keyframes snowfall2 {
    0% {top:175px}
    100% {top:100%}
} 
/** -- sec03 */
.infoWr .sec03 {background-color:#000;color:#fff;padding:187px 0 100px 0} 
.infoWr .sec03 .rowWr {position:relative;padding-right:700px;box-sizing:border-box}
.infoWr .sec03 .titBox {}
.infoWr .sec03 .secTit {font-weight:500;color:#fff;margin-bottom:50px}
.infoWr .sec03 .engTit {font-size:5.556em;font-weight:700;letter-spacing:0;line-height:1.2}
.infoWr .sec03 .imgBox {display:inline-block;position:absolute;top:0;right:100px;padding-top:20px;width:550px}
.infoWr .sec03 .imgBox:before {content:'';display:block;width:602px;height:441px;background-image:url(/resources/homepage/about/_Img/sec03_p_bg.png);position:absolute;top:-20px;left:50%;transform:translate(-50%,0)}
.infoWr .sec03 .imgBox:after {content:'';display:block;width:167px;height:162px;background-image:url(/resources/homepage/about/_Img/sec3_deco.png);position:absolute;top:-152px;right:-180px;transform:translate(-100%,-100%);animation:sec3_deco 4s ease-in-out alternate infinite}
.infoWr .sec03 .imgBox img {position:relative;z-index:1;width:550px;height:350px;display:block}
.infoWr .sec03 .navBox {width:550px;position:absolute;top:183px;right:0;display:flex;flex-wrap:wrap;justify-content:space-between;z-index:1;padding-right:100px}
.infoWr .sec03 .navBox button {font-size:0;width:70px;height:70px;border:transparent;background-color:#fff;border-radius:50%;transition:all .3s ease;background-image:url(/resources/_Templet/Main/main_about/Img/prg_nav.png)}
.infoWr .sec03 .navBox button {position:relative}
.infoWr .sec03 .navBox button.owl-prev {transform:translateX(-50%)}
.infoWr .sec03 .navBox button.owl-next {background-position:-70px 0;transform:translateX(50%)}
.infoWr .sec03 .navBox button:hover,
.infoWr .sec03 .navBox button:focus {background-color:#ffd44d}
.infoWr .sec03 .prgTxt {font-size:23px;font-weight:700;letter-spacing:0;margin-top:40px}
.infoWr .sec03 .prgTxt span {display:block;font-size:16px;font-weight:300}
.infoWr .sec03 .prgBox .item {margin-top:200px}
.infoWr .sec03 .prgBox .item > li {background-color:#242424;margin-bottom:4px;border-radius:5px;position:relative;padding:30px;box-sizing:border-box;line-height:1.5;color:rgba(255,255,255, .6);position:relative}
.infoWr .sec03 .prgBox .item > li.col_2 {min-height:110px}
.infoWr .sec03 .prgBox .item > li.col_3 {min-height:140px}
.infoWr .sec03 .prgBox .item > li.col_4 {min-height:170px}
.infoWr .sec03 .prgBox .item > li li {padding-left:18px;margin-bottom:10px;position:relative}
.infoWr .sec03 .prgBox .item > li li:before {content:'';display:block;width:7px;height:2px;background-color:rgba(255,255,255, .3);position:absolute;top:9px;left:0}
.infoWr .sec03 .prgBox .item li .tit {display:block;font-weight:700;letter-spacing:0;color:rgba(255,255,255, 1);font-size:1.111em;width:100%;margin-bottom:20px;position:relative;padding-left:20px;}
.infoWr .sec03 .prgBox .item li .tit:before {content:'';display:block;width:8px;height:8px;background-color:#fff;position:absolute;top:9px;left:0px;border-radius:50%}
.infoWr .sec03 .prgBox .item.noTit li {padding:30px 30px 30px 60px;color:rgba(255,255,255, .6);position:relative}
.infoWr .sec03 .prgBox .item.noTit li:before  {content:'';display:block;width:8px;height:8px;background-color:#fff;position:absolute;top:37px;left:30px;border-radius:50%}
.infoWr .sec03 .dotBox {margin:15px auto 0 auto;text-align:center;display:none}
.infoWr .sec03 .dotBox button {border:transparent;width:12px;height:12px;border-radius:50%;background-color:#242424;transition:all .3s ease;margin:0 5px}
.infoWr .sec03 .dotBox button.active {width:18px;height:18px;background-color:#fff}
@media all and (max-width:1599px){
    .infoWr .sec03 .engTit {font-size:5em}
    .infoWr .sec03 .imgBox {right:130px}
    .infoWr .sec03 .navBox {padding-right:130px}
    .infoWr .sec03 .prgBox .item {margin-top:130px}
}
@media all and (max-width:1499px){
    .infoWr .sec03 .engTit {font-size:4em}
    .infoWr .sec03 .secTit {font-size:2em}
    .infoWr .sec03 .imgBox.owl-carousel {top:-50px}
    .infoWr .sec03 .imgBox:after {width:117px;height:113px;background-size:117px auto;top:-113px;height:-124px}
    .infoWr .sec03 .navBox {top:113px}

}
@media all and (max-width:1299px){
    .infoWr .sec03 {padding:120px 0 70px 0}
    .infoWr .sec03 .rowWr {padding-right:0}
    .infoWr .sec03 .imgBox {right:0}
    .infoWr .sec03 .navBox {padding-right:0}
    .infoWr .sec03 .imgBox.owl-carousel {top:0}
    .infoWr .sec03 .imgBox:before {width:421px;height:309px;background-size:421px auto}
    .infoWr .sec03 .imgBox img {width:385px;height:245px;margin:0 0 0 auto}
    .infoWr .sec03 .imgBox:before {left:100%;transform:translate(calc(-100% - -15px),0)}
    .infoWr .sec03 .prgTxt {text-align:right;font-size:20px;margin-top:20px;padding-left:100px}
    .infoWr .sec03 .prgTxt span {font-size:15px}
    .infoWr .sec03 .navBox {width:385px;top:123px}
    .infoWr .sec03 .navBox button {width:49px;height:49px;background-size:auto 49px}
    .infoWr .sec03 .navBox button.owl-next {background-position:-49px 0}

}
@media all and (max-width:999px){
    .infoWr .sec03 .secTit {font-size:1.5em;margin-bottom:25px}
    .infoWr .sec03 .engTit {font-size:3.5em}
    .infoWr .sec03 .br {display:block}
    .infoWr .sec03 .navBox {top:85px}
    .infoWr .sec03 .imgBox.owl-carousel {top:-50px} 

    .infoWr .sec03 .prgBox .item > li {padding:20px}
    .infoWr .sec03 .prgBox .item.noTit li {padding:20px 20px 20px 35px}
    .infoWr .sec03 .prgBox .item li .tit {width:100%;position:relative;top:0;left:20px; margin-bottom:10px;padding-left:0}
    .infoWr .sec03 .prgBox .item li .tit:before {width:5px;height:5px;left:-15px;top:10px}
    .infoWr .sec03 .prgBox .item.noTit li:before {width:5px;height:5px;top:27px;left:19px}    
    .infoWr .sec03 .prgBox .item > li.col_2,
    .infoWr .sec03 .prgBox .item > li.col_3,
    .infoWr .sec03 .prgBox .item > li.col_4 {min-height:auto} 
}
@media all and (max-width:899px){
    .infoWr .sec03 {padding:40px 0}
    .infoWr .sec03 .imgBox.owl-carousel {top:0} 
    .infoWr .sec03 .prgBox .item {margin-top:40px}
    .infoWr .sec03 .engTit .br {display:inline}
    .infoWr .sec03 .imgBox {position:relative;right:50%;transform:translateX(50%);margin-top:60px;width:100%;text-align:center}
    .infoWr .sec03 .imgBox:after {top:-91px;right:50px}
    .infoWr .sec03 .imgBox img {margin:0 auto}
    .infoWr .sec03 .imgBox:before {left:50%;transform:translate(-50%,0)}
    .infoWr .sec03 .prgTxt {padding:0;text-align:center}
    .infoWr .sec03 .navBox {right:50%;transform:translateX(50%);top:330px}
}
@media all and (max-width:768px){
    .infoWr .sec03 .prgBox .item > li ul {margin:15px 0 0 20px}
    .infoWr .sec03 .prgBox .item > li li {margin-bottom:3px}
}
@media all and (max-width:599px){
    .infoWr .sec03 .engTit {font-size:2.5em}
    .infoWr .sec03 .imgBox:after {right:0}
    .infoWr .sec03 .dotBox button {width:8px;height:8px}
    .infoWr .sec03 .dotBox button.active {width:12px;height:12px}
    .infoWr .sec03 .prgTxt {font-size:18px}
    .infoWr .sec03 .prgTxt span {font-size:14px}
}
@media all and (max-width:450px){
    .infoWr .sec03 .imgBox img {width:275px;height:175px}
    .infoWr .sec03 .imgBox:before {width:301px;height:220px;background-size:301px auto;top:0}
    .infoWr .sec03 .imgBox:after {width:83px;height:81px;background-size:83px auto;right:-18px;top:-76px}
    .infoWr .sec03 .navBox {width:275px;top:350px}
    .infoWr .sec03 .navBox button {width:42px;height:42px;background-size:auto 42px}
    .infoWr .sec03 .navBox button.owl-next {background-position:-42px 0}
}
@keyframes sec3_deco {
	0% {transform: rotate(0);}
	100% {transform: rotate(-15deg);}
}

/** -- sec04 */
.infoWr .sec04 {background-color:#755fff;color:#fff;padding:73px 0 110px 0}
.infoWr .sec04 .secIn:before {content:'';display:block;width:165px;height:165px;background-image:url(/resources/homepage/about/_Img/sec4_snow_l.png);position:absolute;top:0;right:0;transform:translateX(100%)}
.infoWr .sec04 .secTit {text-align:center;margin-bottom:30px}
.infoWr .sec04 .prideBox {}
.infoWr .sec04 .item {padding:0 100px 21px 32px;box-sizing:border-box;position:relative;}
.infoWr .sec04 .item:before,
.infoWr .sec04 .item:after {content:'';display:block;position:absolute;background-color:#fff;opacity:.3}
.infoWr .sec04 .item:before {width:8px;height:8px;border-radius:50%;background-color:#fff;top:7px;left:0}
.infoWr .sec04 .item:after {width:1px;height:100%;top:37px;left:3px}
.infoWr .sec04 .item .point {display:block;font-size:.889em;font-weight:700;letter-spacing:0;margin-bottom:20px}
.infoWr .sec04 .item p {font-size:1.3em;font-weight:500;letter-spacing:0;line-height:1.3}
.infoWr .sec04 .navBox {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;position:absolute;top:50%;left:0;z-index:55;transform:translateY(17px)}
.infoWr .sec04 .navBox button {width:40px;height:60px;background-color:transparent;border:transparent;font-size:0;position:relative}
.infoWr .sec04 .navBox .owl-prev {left:-70px}
.infoWr .sec04 .navBox .owl-next {right:-60px}
.infoWr .sec04 .navBox button:after {content:"";display:block;position:absolute;width:35px;height:35px;top:50%;border:solid;border-width:0 0 4px 4px;border-color:transparent transparent #fff #fff;transition:all .3s ease}
.infoWr .sec04 .navBox .owl-prev:after {transform:rotate(45deg) translateY(-50%);left:0}
.infoWr .sec04 .navBox .owl-next:after {transform:rotate(225deg) translateY(50%);right:50%}
.infoWr .sec04 .navBox .owl-prev:hover:after,
.infoWr .sec04 .navBox .owl-prev:focus:after {left:-10px}
.infoWr .sec04 .navBox .owl-next:hover:after,
.infoWr .sec04 .navBox .owl-next:focus:after {right:calc(50% - 10px)}
@media all and (max-width:1599px){
    .infoWr .sec04 .secIn {padding:0 120px}
    .infoWr .sec04 .navBox .owl-prev {left:50px}
    .infoWr .sec04 .navBox .owl-next {right:50px}
    .infoWr .sec04 .item {padding:0 30px 15px 20px}
}
@media all and (max-width:1399px){
    .infoWr .sec04 .item p {font-size:1.22em}
    .infoWr .sec04 .item .point {font-size:.8em;margin-bottom:10px}
}
@media all and (max-width:999px){
    .infoWr .sec04 .secIn {padding:0 70px}    
    .infoWr .sec04 .navBox .owl-prev {left:25px}
    .infoWr .sec04 .navBox .owl-next {right:25px}
    .infoWr .sec04 .navBox button:after {width:30px;height:30px}    
}
@media all and (max-width:768px){
    .infoWr .sec04 {padding:50px 0}
    .infoWr .sec04 .navBox {transform:translateY(0)}
    .infoWr .sec04 .navBox .owl-prev {left:15px}
    .infoWr .sec04 .navBox .owl-next {right:10px}    
    .infoWr .sec04 .secTit {margin-bottom:20px}
    .infoWr .sec04 .item {padding:0 20px 15px 15px}
    .infoWr .sec04 .item p {font-size:1.1em}
}
@media all and (max-width:699px){
    .infoWr .sec04 .navBox button:after {width:20px;height:20px}
}
@media all and (max-width:499px){
    .infoWr .sec04 {padding:40px 0}
}
/** -- sec05 */
.infoWr .sec05 {padding-top:62px;box-sizing:border-box}
.infoWr .sec05 .item {padding-left:385px;box-sizing:border-box;position:relative;margin-bottom:60px}
.infoWr .sec05 .item .secTit {position:absolute;top:0;left:0}
.infoWr .sec05 .item .secTit:after {content:'';display:block;width:95px;height:95px;background-image:url(/resources/homepage/about/_Img/sec05_icoSlc.png)}
.infoWr .sec05 .item.item02 {padding-top:40px;border-top:1px solid #d9d9d9}
.infoWr .sec05 .item.item02 .secTit {top:40px;width:400px}
.infoWr .sec05 .item.item02 .secTit:after {background-position:-105px 0}
.infoWr .sec05 .item .infoList {display:flex;flex-wrap:wrap}
.infoWr .sec05 .item .infoList li {width:calc(50% - 6px);margin-right:12px;margin-bottom:12px;background-color:#f8f8f8;border-radius:10px;box-sizing:border-box;position:relative;padding:25px 30px 20px 72px}
.infoWr .sec05 .item .infoList li:nth-child(2n) {margin-right:0}
.infoWr .sec05 .item .infoList li.wd100 {width:100%;margin-right:0}
.infoWr .sec05 .item .infoList .num {font-size:.889em;font-weight:700;letter-spacing:0;color:#1f79f9;position:absolute;top:28px;left:30px}
.infoWr .sec05 .item .infoList p {font-size:.944em;font-weight:300;color:#000;letter-spacing:0}
.infoWr .sec05 .item .infoList p .tit {display:block;font-size:1.125em;font-weight:700;color:#000}
.infoWr .sec05 .item .cntTit {font-size:1.333em;letter-spacing:-0.05em;margin-bottom:12px;padding-top:6px}
.infoWr .sec05 .item .cntTit:first-child {padding-top:0}
.infoWr .sec05 .item .cntSubTit {font-size:1.111em;font-weight:500;letter-spacing:0;margin-bottom:3px}
.infoWr .sec05 .item .cl1 {color:#219fb7}
.infoWr .sec05 .item .cl2 {color:#fb3b4c}
.infoWr .sec05 .item .cl3 {color:#d931ac}
.infoWr .sec05 .item .licenseList {display:flex;flex-wrap:wrap;margin-bottom:22px}
.infoWr .sec05 .item .licenseList li {height:60px;line-height:65px;font-weight:500;color:#363636;background-color:#f8f8f8;letter-spacing:0;border-radius:30px;text-align:center;min-width:148px;margin:0 8px 8px 0;padding:0 20px;box-sizing:border-box}
.infoWr .sec05 .item .jobList-p,
.infoWr .sec05 .item .sList-p,
.infoWr .sec05 .item .sList li {position:relative;letter-spacing:0;color:#363636;padding:2px 0 0 20px;font-weight:300;box-sizing:border-box}
.infoWr .sec05 .item .sList-p:before,
.infoWr .sec05 .item .sList li:before {content:'';display:block;width:7px;height:7px;border-radius:50%;position:absolute;top:10px;left:0;z-index:5}
.infoWr .sec05 .item .sList-p,
.infoWr .sec05 .item .careerList,
.infoWr .sec05 .item .jobList {margin-bottom:16px}
.infoWr .sec05 .item .careerList li,
.infoWr .sec05 .item .jobList li {font-weight:300}
.infoWr .sec05 .item .careerList li .tit,
.infoWr .sec05 .item .jobList li .tit  {font-weight:500}
.infoWr .sec05 .item .careerList li .tit:after,
.infoWr .sec05 .item .jobList li .tit:after {content:":";display:inline-block;margin:0 6px 0 4px}
.infoWr .sec05 .item .cntTit.cl1 ~ .sList-p:before {background-color:#219fb7}
.infoWr .sec05 .item .cntTit.cl2 ~ .sList-p:before {background-color:#fb3b4c}
.infoWr .sec05 .item .cntTit.cl3 ~ .sList-p:before {background-color:#d931ac}
.infoWr .sec05 .item .sList-p:before {background-color:#fb3b4c}
.infoWr .sec05 .item .careerList li:before {background-color:#fb3b4c}
.infoWr .sec05 .item .jobList li:before {background-color:#d931ac}
/* .infoWr .sec05 .item .jobList li .tit:after {content:'';display:block;width:1px;height:18px;background-color:#bebebe;position:absolute;top:3px;right:17px} */

.infoWr .sec05 .item .license2List {margin-bottom:33px}
.infoWr .sec05 .item .license2List li {font-weight:500}
.infoWr .sec05 .item .license2List li:before {background-color:#219fb7}
@media all and (max-width:1299px){
    .infoWr .sec05 .item .secTit:after {width:76px;height:76px;background-size:auto 76px}
    .infoWr .sec05 .item.item02 .secTit:after {background-position:-84px 0}
}


@media all and (max-width:999px){
    .infoWr .sec05 .item {padding-left:0}
    .infoWr .sec05 .item .secTit .br {display:block}
    .infoWr .sec05 .item .infoList .num {top:20px;left:20px}
    .infoWr .sec05 .item .cntTit {margin-bottom:10px}
    .infoWr .sec05 .item .infoList li {padding:20px 20px 20px 55px}
    .infoWr .sec05 .item .licenseList li {min-width:130px;height:45px;line-height:48px;font-size:.9em;padding:0 15px;margin:0 5px 5px 0}
    .infoWr .sec05 .item .jobList-p,
    .infoWr .sec05 .item .sList-p,
	.infoWr .sec05 .item .careerList,
	.infoWr .sec05 .item .jobList {margin-bottom:12px}
    .infoWr .sec05 .item .jobList-p,
    .infoWr .sec05 .item .sList-p,
    .infoWr .sec05 .item .sList li {padding:3px 0 0 15px}
    .infoWr .sec05 .item .jobList-p:before,
    .infoWr .sec05 .item .sList-p:before,
    .infoWr .sec05 .item .sList li:before {width:5px;height:5px;top:11px}
    .infoWr .sec05 .item .jobList li {}
    .infoWr .sec05 .item .license2List {margin-bottom:25px}
    .infoWr .sec05 .item.item02 .secTit {width:100%;position:relative;top:0;left:0;margin-bottom:30px;}
    .infoWr .sec05 .item .secTit:after {display:inline-block;vertical-align:middle;width:48px;height:48px;background-size:auto 48px;margin-left:15px}
    .infoWr .sec05 .item.item02 .secTit:after {background-position:-53px 0}
}
@media all and (max-width:699px){
    .infoWr .sec05 {padding:50px 0 20px 0}
    .infoWr .sec05 .item {padding-left:0;margin-bottom:30px}
    .infoWr .sec05 .item .secTit {position:relative;top:0;left:0;margin-bottom:20px}
    .infoWr .sec05 .item .secTit .br {display:inline} 

    .infoWr .sec05 .item.item02 {padding-top:30px}
    .infoWr .sec05 .item.item02 .secTit {top:0}
    .infoWr .sec05 .item.item02 .secTit:after {background-position:-53px 0}
    .infoWr .sec05 .item .licenseList li {min-width:100%;width:100%;line-height:42px;height:40px;height:auto;line-height:1.333;padding:15px}
    .infoWr .sec05 .item .cntTit {margin-bottom:7px;font-size:1.2em}
	.infoWr .sec05 .item .jobList-p:before,
    .infoWr .sec05 .item .sList-p:before,
    .infoWr .sec05 .item .sList li:before {top:9px}
    .infoWr .sec05 .item .cntSubTit {font-size:1em}
}
@media all and (max-width:499px){
    .infoWr .sec05 {padding:40px 0 10px 0} 
    .infoWr .sec05 .item.item02 .secTit {margin-bottom:10px}
    .infoWr .sec05 .item {margin-bottom:20px}
    .infoWr .sec05 .item .infoList li {width:100%;margin-right:0}
    .infoWr .sec05 .item .secTit:after {margin-left:10px}
}
/** -- sec06 */
.infoWr .sec06 {background-color:#f8e451;padding:115px 0}
.infoWr .sec06 .item {display:flex;flex-wrap:wrap;position:relative}
.infoWr .sec06 .item > * {box-sizing:border-box}
.infoWr .sec06 .secTit {margin-bottom:40px}
.infoWr .sec06 .txt-li,
.infoWr .sec06 .txt {padding-left:163px;box-sizing:border-box;position:relative;color:#000;font-size:1.111em; font-weight:500;letter-spacing:0;line-height:1.444;width:50%; margin-bottom:20px}
.infoWr .sec06 .txt-li li {padding-left:12px;position:relative;box-sizing:border-box; margin-bottom:15px }
.infoWr .sec06 .txt-li li:last-child {margin-bottom:0}
.infoWr .sec06 .txt-li li:before {content:'';display:block;width:4px;height:4px;background-color:#000;border-radius:50%;position:absolute;top:13px;left:0}
.infoWr .sec06 .ico {display:block;width:122px;height:122px;border-radius:50%;background-color:#000;overflow:hidden;position:absolute;top:13px;left:0}
.infoWr .sec06 .ico img {position:absolute;animation:motion 2s linear 0s infinite alternate;left:50%;transform:translateX(-50%)}
.infoWr .sec06 h4 {font-size:1.333em;font-weight:700;letter-spacing:0;color:#000;margin-bottom:15px}
.infoWr .sec06 .tableBox {width:50%;padding-left:120px}
.infoWr .sec06 table {color:#fff;float:right}
.infoWr .sec06 table thead {background-color:#000}
.infoWr .sec06 table thead th {border:2px solid #000;height:60px;line-height:60px;font-weight:500;position:relative}
.infoWr .sec06 table thead th:after {content:'';display:block;width:2px;height:17px;background-color:#958931;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.infoWr .sec06 table thead th:last-child:after {display:none}
.infoWr .sec06 table tbody td {border:2px solid #000;height:60px;text-align:center;text-align:left;position:relative}
.infoWr .sec06 table tbody td.chk:after {content:'체크';font-size:0;display:block;width:24px;height:24px;background-image:url(/resources/homepage/about/_Img/sec06_chk.png);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
@media all and (max-width:1499px){
    .infoWr .sec06 .tableBox {padding-left:50px}
}
@media all and (max-width:1299px){
    .infoWr .sec06 {padding:70px 0}
}
@media all and (max-width:1199px){
    .infoWr .sec06 {padding:70px 0}
    .infoWr .sec06 .txt-li,
    .infoWr .sec06 .txt {width:100%;min-height:85px;margin-bottom:30px}
    .infoWr .sec06 .tableBox {width:100%;padding-left:0;margin-top:20px}    
}
@media all and (max-width:999px){

    .infoWr .sec06 .ico {width:85px;height:85px;top:0}
    .infoWr .sec06 .ico img {width:62px;height:auto}

}
@media all and (max-width:899px){
    .infoWr .sec06 .secTit {margin-bottom:30px}
    .infoWr .sec06 .ico {top:-10px}
    .infoWr .sec06 table {font-size:.9em}
    .infoWr .sec06 table thead th {height:50px;line-height:50px}
    .infoWr .sec06 table tbody td {height:50px}
    .infoWr .sec06 table tbody td.chk:after {width:19px;height:19px;background-size:19px auto}
}
@media all and (max-width:499px){
    .infoWr .sec06 {padding:50px 0}
    .infoWr .sec06 .secTit {margin-bottom:20px}
    .infoWr .sec06 .txt-li,
    .infoWr .sec06 .txt {padding-left:90px}
    .infoWr .sec06 .ico {width:73px;height:73px;top:0}
    .infoWr .sec06 .ico img {width:53px}
    .infoWr .sec06 h4 {font-size:1.2em}
    .infoWr .sec06 table thead th {height:auto;line-height:1.3;padding:5px;font-size:.8em}
}
@keyframes motion {
	0% {top:80px}
	100% {top:20px}
}

/** -- sec07 */
.infoWr .sec07 {padding:110px 0 80px 0}
.infoWr .sec07 h3 {font-size:3.333em;font-weight:300;color:#1a1a1a;letter-spacing:0;text-align:center;line-height:1.4;}
.infoWr .sec07 h3 span {display:block;font-size:.833em;font-weight:500}
.infoWr .sec07 .faqBox {display:flex;flex-wrap:wrap;margin-top:68px;justify-content:center}
.infoWr .sec07 .faqBox li {margin-right:2.857%;width:31.428%;box-sizing:border-box;background-color:#f8f8f8;border-radius:10px;color:#333;padding:38px 35px 35px 35px;box-sizing:border-box;height:400px;position:relative;transition:all .3s ease}
.infoWr .sec07 .faqBox li:before {content:'';display:block;width:70px;height:70px;background-image:url(/resources/homepage/about/_Img/sec07_ico.png);position:absolute;top:-30px;right:15px}
.infoWr .sec07 .faqBox li:last-child {margin-right:0}
.infoWr .sec07 .faqBox li .q {display:block;font-size:60px;font-weight:500;letter-spacing:0}
.infoWr .sec07 .faqBox li .question {font-size:1.444em;font-weight:500;letter-spacing:0;margin:-10px 0 23px 0; line-height:1.3em}
.infoWr .sec07 .faqBox li .answer {letter-spacing:0;font-weight:300;line-height:1.333}
.infoWr .sec07 .faqBox li:hover {background-color:#3446f0;color:#fff}
.infoWr .sec07 .faqBox li:hover:before {animation:shake .5s}
.infoWr .sec07 .faqBox .mCSB_scrollTools .mCSB_draggerContainer {height:290px;top:40px}
@media all and (max-width:1299px){
    .infoWr .sec07 {padding:70px 0 50px 0}
    .infoWr .sec07 h3 {font-size:3em}
    .infoWr .sec07 .faqBox li {padding:25px 15px 25px 20px}
    .infoWr .sec07 .faqBox li .q {font-size:50px}
    .infoWr .sec07 .faqBox li .question {font-size:1.3em;line-height:1.3;margin:-5px 0 15px 0}
    .infoWr .sec07 .faqBox li .answer {font-size:.9em}
    .infoWr .sec07 .faqBox .mCSB_scrollTools .mCSB_draggerContainer {right:-15px}
    .mCSB_inside>.mCSB_container {margin-right:10px}
    
}
@media all and (max-width:999px){
    .infoWr .sec07 h3 {font-size:2.7em}
    .infoWr .sec07 .faqBox {margin-top:50px}
    /* .infoWr .sec07 .faqBox li {height:300px} */
    .infoWr .sec07 .faqBox li:before {width:49px;height:49px;background-size:auto 49px;top:-25px}
    .infoWr .sec07 .faqBox .mCSB_scrollTools .mCSB_draggerContainer {top:20px}
}

@media all and (max-width:768px){
    .infoWr .sec07 .faqBox li .q {font-size:40px}
    .infoWr .sec07 .faqBox li .question {font-size:1.2em}
    .infoWr .sec07 {padding:50px 0 20px 0}
    .infoWr .sec07 h3 {font-size:2.4em}
    .infoWr .sec07 .faqBox li {width:100%;height:auto;margin-right:0;padding:25px 15px 21px 20px; margin-bottom:20px}
}
@media all and (max-width:499px){
    .infoWr .sec07 {padding:40px 0 30px 0}
    .infoWr .sec07 h3 {font-size:2.1em}
    .infoWr .sec07 .faqBox li {padding:25px 20px 13px 20px}
    .infoWr .sec07 .faqBox {margin-top:30px}
}
@keyframes shake{
    0%{margin-top:0}
    50%{margin-top:-30px}
    100%{margin-top:0px}
}
/** -- sec08 */
.infoWr .sec08 {text-align:center;padding:130px 0 40px 0;display:none}
.infoWr .sec08 .secTit:before {content:'';display:block;width:368px;height:99px;background-image:url(/resources/homepage/about/_Img/sec08_deco.png);position:absolute;top:-70px;left:50%;transform:translateX(-50%)}
.infoWr .shortCut {display:block;width:220px;height:65px;line-height:68px;border-radius:33px;box-sizing:border-box;background-color:#000;margin:0 auto;text-align:left;padding:0 70px 0 28px;box-sizing:border-box;position:relative;margin-top:27px}
.infoWr .shortCut span {display:block;font-weight:700;color:#fff}
.infoWr .shortCut span:after {content:'';display:block;width:26px;height:19px;background-image:url(/resources/homepage/about/_Img/sec08_arrow.png);position:absolute;top:50%;right:30px;z-index:5;transform:translateY(-50%);transition:all .3s ease}
.infoWr .shortCut:hover span:after,
.infoWr .shortCut:focus span:after {right:20px}
@media all and (max-width:1499px){
    .infoWr .sec08 {padding:100px 0 40px}
}
@media all and (max-width:999px){
    .infoWr .sec08 {padding:70px 0 40px 0}
    .infoWr .sec08 .secTit:before {width:258px;height:70px;background-size:258px auto;top:-40px}
    .infoWr .shortCut {width:180px;height:55px;line-height:57px;font-size:.9em;margin-top:20px}
}
@media all and (max-width:499px){
    .infoWr .shortCut {width:160px;height:40px;line-height:42px;margin-top:15px}
    .infoWr .shortCut span:after {width:18px;height:13px;background-size:18px auto}
}
/** -- sec09 */
.infoWr .sec09 {background-color:#22264c;color:#fff;padding:30px 0 25px 0;box-sizing:border-box}
.infoWr .sec09 .contact li {font-size:.944em;font-weight:300;letter-spacing:0;margin-bottom:5px;position:relative;padding-left:230px;box-sizing:border-box;padding-top:2px}
.infoWr .sec09 .contact li:last-child {margin-bottom:0}
.infoWr .sec09 .contact li .subject {display:inline-block;font-size:.882em;font-weight:700;letter-spacing:0;width:200px;height:30px;line-height:30px;border-radius:18px;border:2px solid #fff;vertical-align:middle;text-align:center;box-sizing:border-box;position:absolute;top:0;left:0}
.infoWr .sec09 .goBox {font-size:0;position:relative;text-align:center;margin-top:30px}
.infoWr .sec09 .goBox a {display:inline-block;min-width:180px;height:60px;border-radius:30px;line-height:64px;position:relative;padding:0 25px;box-sizing:border-box;overflow:hidden}
.infoWr .sec09 .goBox a.goDepart {background-color:#f8e451;color:#000;margin-right:20px}
.infoWr .sec09 .goBox a.goIphak {background-color:#4b90ff;color:#fff}
.infoWr .sec09 .goBox a span {display:inline-block;font-size:18px;font-weight:700;letter-spacing:0}
.infoWr .sec09 .goBox a span:after {content:'';display:inline-block;width:18px;height:18px;background-image:url(/resources/homepage/about/_Img/sec01_arrow.png);background-color:#fff;border-radius:50%;background-repeat:no-repeat;background-position:center center;margin-left:8px;vertical-align:middle}
.infoWr .sec09 .goBox a:after {content:'';display:block;width:100%;height:100%;background:#000;opacity:.1;border-radius:30px;position:absolute;top:0;left:-100%;transition:all .3s ease}
.infoWr .sec09 .goBox a:hover:after,
.infoWr .sec09 .goBox a:focus:after {left:0} 


@media all and (max-width:1499px){
    .infoWr .sec09 .goBox {right:50px}
    .infoWr .sec09 .goBox a.goDepart {margin-right:10px}
}
@media all and (max-width:999px){
    .infoWr .sec09 .contact li {padding:10px 0 0 230px}
    .infoWr .sec09 .contact li .subject {top:0}
    .infoWr .sec09 .goBox {right:25px}
    .infoWr .sec09 .goBox a {height:55px;line-height:58px;min-width:150px;padding:0 20px}
    .infoWr .sec09 .goBox a span {font-size:17px}
}
@media all and (max-width:899px){
    .infoWr .sec09 .goBox {position:relative;top:0;right:50%;transform:translateX(50%);text-align:center;margin-top:30px}
    .infoWr .sec09 .goBox a {height:40px;line-height:43px;width:80%;display:block;margin-bottom:10px;margin:10px auto 0 auto}
    .infoWr .sec09 .goBox a.goDepart {margin:0 auto}
    .infoWr .sec09 .goBox a span {font-size:16px}
    .infoWr .sec09 .contact li {padding-left:0}
    .infoWr .sec09 .contact li .subject {position:relative;top:0;left:0;margin-bottom:10px;display:block}
}

@media all and (max-width:399px){
    .infoWr .sec09 .goBox {margin-top:40px}
    .infoWr .sec09 .goBox a {display:block;min-width:100%;margin:10px auto 0 auto}
    .infoWr .sec09 .goBox a.goDepart {margin-right:auto}
}

/** ---- sec03_예외  */

/* ==============================
학과소개포털 서브페이지 팝업
================================= */
/** -- 팝업 레이어 스타일 변경  */
/* #layout-popup-wrap.departLayer .pop-cont {height:700px !important} */
#layout-popup-wrap.departLayer .mCSB_scrollTools {top:50px}
#layout-popup-wrap.departLayer .btn-close:after {width:30px;height:30px;;background-image:url(/resources/_Img/Prof/prof_icslc.png);background-position:-125px 0;left:50%;top:50%;transform:translate(-50%,-50%)}
#layout-popup-wrap.departLayer > #popup-wrap > button {width:60px;height:60px;background-color:#3446f0;border-radius:50%;top:-33px;right:33px;transition:all .3s ease}
#layout-popup-wrap.departLayer > #popup-wrap > button:hover,
#layout-popup-wrap.departLayer > #popup-wrap > button:focus {transform:rotate(90deg)}
/* #layout-popup-wrap.departLayer #popup-wrap {margin-top:70px} */
#layout-popup-wrap.departLayer .pop-head {height:0}
#layout-popup-wrap.departLayer > #popup-wrap .pop-cont {margin:20px 40px}
#layout-popup-wrap.departLayer #wrap {padding:30px 20px;font-family:"Gmarket Sans",sans-serif}
#layout-popup-wrap.departLayer .profTit {display:inline-block;width:auto;font-size:2.222em;color:#000;font-weight:700;letter-spacing:0;position:relative;margin-bottom:40px;background-color:#fff;z-index:2}
#layout-popup-wrap.departLayer .profTit:before {content:'';display:block;width:291px;height:101px;background-image:url("/resources/_Img/Prof/prof_deco.png");position:absolute;top:-20px;right:calc(-100% + 205px);background-color:#fff;z-index:-1;padding-right:60px;background-repeat:no-repeat;opacity:0.5}
#layout-popup-wrap.departLayer .cntBox {display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}
#layout-popup-wrap.departLayer .cntBox:after {content:'';display:block;width:100%;height:5px;background-color:#f0f0f0;position:absolute;top:-64px;left:0}
@media all and (max-width:1099px){
    #layout-popup-wrap.departLayer > #popup-wrap .pop-cont {margin:0}
    #layout-popup-wrap.departLayer > #popup-wrap {padding:40px 10px 20px}
    #layout-popup-wrap.departLayer > #popup-wrap > button {right:20px;top:-20px}
    #layout-popup-wrap.departLayer .profTit:before {width:204px;height:71px;background-size:204px auto;right:calc(-100% - 50px);padding-right:40px}
}
@media all and (max-width:899px){
    #layout-popup-wrap.departLayer .profTit {margin-bottom:25px}
    #layout-popup-wrap.departLayer .profTit:before {width:174px;height:61px;background-size:auto 61px;right:-100%;padding-right:20px}
    #layout-popup-wrap.departLayer .cntBox:after {height:3px;top:-53px}
}
@media all and (max-width:768px){
    #layout-popup-wrap.departLayer > #popup-wrap > button {width:42px;height:42px}
    #layout-popup-wrap.departLayer .btn-close:after {height:21px;width:21px;background-size:auto 24px;background-position:-85px 0}
}
@media all and (max-width:499px){
    #layout-popup-wrap.departLayer #wrap {padding:30px 0}
    #layout-popup-wrap.departLayer .profTit:before {right:-60%}
}
@media all and (max-width:399px){
    #layout-popup-wrap.departLayer .cntBox:after {display:none}
    #layout-popup-wrap.departLayer #wrap {padding:30px 15px 30px 0}
}
/** -- 교수진소개  */
.profWr {box-sizing:border-box}
.profWr .info-ex03:before {top:0}
.profWr .prof-list {margin-top:10px}
.profWr .prof-list > li {width:50%;box-sizing:border-box;position:relative;min-height:210px;padding:15px 30px 0 240px;margin-bottom:60px}
.profWr .prof-list > li:nth-last-child(-n+2) {margin-bottom:0}
.profWr .prof-list .prImg {position:absolute;top:20px;left:20px;box-shadow:0px 12px 14.22px 3.78px rgba(0,0,0,.1);width:170px;height:190px}
.profWr .prof-list .prImg img {position:relative;z-index:2;width:100%;height:100%}
.profWr .prof-list .prImg:before {content:'';display:block;width:100%;height:100%;background-color:#e0e2f4;border-radius:0 40px 0 0;position:absolute;top:-20px;left:-20px;z-index:0}
.profWr .prof-list .prNameWr {position:relative}
.profWr .prof-list .prName {font-size:1.667em;font-weight:500;color:#000;letter-spacing:0;padding-right:50px}
.profWr .prof-list .prPosition {min-width:40px;height:35px;line-height:35px;text-align:center;box-sizing:border-box;border-radius:5px;font-size:.889em;letter-spacing:0;font-weight:500;color:#3446f0;margin:0;text-align:left;}
.profWr .prof-list .goHome {display:block;width:35px;height:35px;border-radius:50%;background-color:#3446f0;background-image:url(/resources/_Img/Prof/prof_islc.png);position:absolute;top:0;right:0}
.profWr .prof-list .goHome:after {content:'';display:block;width:100%;height:100%;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;background-color:#3446f0;opacity:.2}
.profWr .prof-list .goHome:hover:after,
.profWr .prof-list .goHome:focus:after {transform:translate(-50%,-50%) scale(1.3)}
.profWr .prof-list .prInfo {color:#333;letter-spacing:0;font-family:"Spoqa Han Sans Neo",sans-serif;font-weight:400;margin-top:20px}
.profWr .prof-list .prInfo li {position:relative;min-height:30px;padding-left:120px;box-sizing:border-box;margin-bottom:6px}
.profWr .prof-list .prInfo .subject {display:inline-block;font-family:"Gmarket Sans",sans-serif;color:#20265c;font-weight:500;position:absolute;top:-2px;left:0}
.profWr .prof-list .prInfo .subject:before {content:'';display:inline-block;width:30px;height:30px;background-color:#85889f;border-radius:50%;margin-right:12px;background-image:url(/resources/_Img/Prof/prof_islc.png);background-position:-45px 0;vertical-align:middle}
.profWr .prof-list .prInfo .prNumber .subject {letter-spacing:0}
.profWr .prof-list .prInfo .prNumber .subject:before {background-position:-85px 0}
.profWr .prof-list .prInfo .prEmail .subject:before {background-position:-165px 0}
.profWr .prof-list .prInfo .prNumber {letter-spacing:0}
.profWr .info-ex03 {display:none}
@media all and (max-width:1299px){
    .profWr .prof-list > li {padding:30px 20px 0 210px;margin-bottom:40px}
    .profWr .prof-list .prName {font-size:1.5em}
}
@media all and (max-width:1099px){
    .profWr .prof-list > li {padding:0 20px 0 170px;margin-bottom:30px;min-height:180px}
    .profWr .prof-list .prPosition {min-width:25px;height:25px;line-height:25px;margin:5px 5px 0 10px;font-size:.7em}
    .profWr .prof-list .goHome {width:24px;height:24px;background-size:auto 24px;margin-top:8px}
    .profWr .prof-list .prImg {width:136px;height:152px;top:15px;left:15px}
    .profWr .prof-list .prImg:before {top:-15px;left:-15px}
    .profWr .prof-list .prInfo li {font-size:.9em;padding-left:110px}
}
@media all and (max-width:899px){
    .profWr .prof-list .prName {font-size:1.4em}
    .profWr .prof-list .prImg {width:119px;height:133px}
    .profWr .prof-list > li {padding:0 15px 0 150px;min-height:160px}
    .profWr .prof-list .prInfo li {padding-left:25px}
    .profWr .prof-list .prInfo .subject {position:relative;top:0;left:-25px;display:block}
    .profWr .prof-list .prInfo .subject:before {width:21px;height:21px;background-size:auto 24px;background-position:-31px 0;margin-right:5px}
    .profWr .prof-list .prInfo .prNumber .subject:before {background-position:-58px 0}
    .profWr .prof-list .prInfo .prEmail .subject:before {background-position:-113px 0}
}
@media all and (max-width:768px){
    .profWr .prof-list > li {width:100%;padding:0 0 0 150px}
    .profWr .prof-list > li:nth-last-child(-n+2) {margin-bottom:30px}
    .profWr .prof-list > li:last-child {margin-bottom:0}
    .profWr .prof-list .prInfo li {padding-left:90px;margin-bottom:0}
    .profWr .prof-list .prInfo .subject {position:absolute;left:0;top:1px}
}
@media all and (max-width:499px){
    .profWr .prof-list > li {padding-left:130px;min-height:140px}
    .profWr .prof-list .prImg {width:102px;height:114px}
    .profWr .prof-list .prInfo li {padding-left:85px;}
}
@media all and (max-width:399px){
    .profWr .prof-list > li {padding:10px 0}
    .profWr .prof-list .prImg {position:relative;margin:0 auto 20px auto}
    .profWr .prof-list .prNameWr {justify-content:center}
    .profWr .prof-list .prInfo {margin-top:10px}
    .profWr .prof-list > li:after {content:'';display:block;width:100%;height:1px;left:0;bottom:-10px;position:absolute;background-color:#f0f0f0}
    .profWr .prof-list > li:last-child:after {display:none}
}

/** ---- 02-1-12. 교과과정 */
.curriculumWr #bdListWrap {border-top:2px solid #363636;box-sizing:border-box}
.curriculumWr .bdListTbl {font-family:"Spoqa Han Sans Neo",sans-serif}
.curriculumWr .bdListTbl thead {background-color:#f6f6f6}
.curriculumWr .bdListTbl thead th {font-size:0.944em;font-weight:700;letter-spacing:0;border-bottom:1px solid #dcdcdc}
.curriculumWr .bdListTbl thead th:before {top:0;margin:0;background-color:#dcdcdc;height:100%}
.curriculumWr .bdListTbl thead th:nth-child(2):before {display:none}
.curriculumWr .bdListTbl td {font-size:.889em;letter-spacing:0;color:#555}
.curriculumWr .bdListTbl tr td {padding:15px}
.curriculumWr .bdListTbl .major {background-color:#f2f9fd;font-size:1.063em;font-weight:700;color:#222}
.curriculumWr .titleHover {display:block;border:2px solid #0091dc;background-color:#fff;border-radius:10px;color:#222;padding:10px 15px;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;word-wrap:break-word;opacity:0;transition:all .3s ease}
.curriculumWr .bdListTbl td.subject {position:relative;color:#333;font-weight:400}
.curriculumWr .bdListTbl tr:hover .titleHover {opacity:1;z-index:12;box-shadow:0px 12px 14.22px 3.78px rgba(0, 0, 0,.1)}
.curriculumWr .bdListTbl tbody tr td.subject:after {display:none}
.curriculumWr .bdListTbl tr td .titIn {display:none}
.curriculumWr .bdListTbl tr td .stitle .label {display:block;min-width:80px;height:30px;line-height:30px;background-color:#0091dc;text-align:center;font-size:.9em;font-weight:400;letter-spacing:0;color:#fff;border-radius:5px;;padding:0 5px;box-sizing:border-box;margin-bottom:5px}
.curriculumWr .bdListTbl tr td .stitle p {overflow:visible;white-space:normal}
.curriculumWr .bdListTbl tr td .stitle p .subjectWr {display:inline-block;width:auto;max-width:100%;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
@media all and (max-width:1299px) {
	.curriculumWr .bdListTbl .period {width:150px}
}
@media all and (max-width:999px) {
	.curriculumWr .bdListTbl .period {width:100px}
}
@media all and (max-width:720px) {
    .curriculumWr #bdListWrap {width:100%}
    .curriculumWr .bdListTbl tr td .titIn {display:inline-block}
	.curriculumWr .bdListTbl tr td .stitle a {position:relative;z-index:10}
    .curriculumWr .bdListTbl tr td .stitle .label {height:20px;line-height:20px}
    .curriculumWr .bdListTbl tbody tr {display:flex;flex-wrap:wrap;justify-content:flex-end}
	.curriculumWr .bdListTbl tr:hover .titleHover {display:none}
    .curriculumWr .bdListTbl:not(.noTrans) tbody tr {padding:0 0 13px 0}
    .curriculumWr .bdListTbl td.subject {padding:15px 7px 7px 10px}
    .curriculumWr .bdListTbl td.subject .label {margin-bottom:10px}
    .curriculumWr .bdListTbl tr td .stitle p .subjectWr {text-overflow:inherit;-webkit-line-clamp:inherit}
    .curriculumWr .bdListTbl .major {width:100%;padding:13px 7px}
    .curriculumWr .bdListTbl tr td .stitle {float:none}
    .curriculumWr .bdListTbl tr td .stitle .label {font-weight:500;height:23px;line-height:23px;left:7px}
    .curriculumWr .bdListTbl tr td .stitle p .subjectWr {overflow:visible;white-space:normal}
} 
@media all and (max-width:399px) {
    .curriculumWr .bdListTbl tr td .stitle .label {position:relative;margin:0 0 5px 0;top:0;left:0}
    .curriculumWr .bdListTbl td.subject {padding:7px} 
} 

/* ==============================
한장정리
================================= */
/** -- 공통 */
body.isHanjang #contents {margin-top:89px}
.hanjangWr {font-family:"Gmarket Sans",sans-serif;padding-top:80px;box-sizing:border-box}
.hanjangWr em {font-style:normal}
.hanjangWr .secIn {width:1600px;box-sizing:border-box;margin:0 auto;position:relative}
.hanjangWr .hTit01 {font-size:2.778em;font-weight:500;letter-spacing:0;color:#000;line-height:1.3}
.hanjangWr .hTit01 span {display:block;font-size:1.5em;font-weight:700}
.hanjangWr .hTit02 {font-size:2.222em;font-weight:300;letter-spacing:0;color:#fff}
.hanjangWr .hTit02 span {font-size:1.75em;font-weight:700;letter-spacing:0;margin-right:20px}
.hanjangWr .hTit02.bk {color:#000}
.hanjangWr .subject {font-size:1.778em;font-weight:700;letter-spacing:-.025em;color:#000;line-height:1.222;margin-bottom:33px}
@media all and (max-width:1699px) {
	.hanjangWr .secIn {width:100%;padding:0 40px}
}
@media all and (max-width:1299px) {
    .hanjangWr .hTit01 {padding-right:350px;font-size:2.3em}
}
@media all and (max-width:1099px) {
    .hanjangWr .hTit01 {font-size:2em;line-height:1.2;padding-right:0}        
    .hanjangWr .hTit02 {font-size:1.8em}
}
@media all and (max-width:999px) {
	body.isHanjang #contents {margin-top:70px}
	.hanjangWr .secIn {width:100%;padding:0 20px}
}
@media all and (max-width:699px) {
	.hanjangWr .hTit01 {font-size:1.7em}
    .hanjangWr .hTit01 span {font-size:1.7em}
	.hanjangWr .secIn {width:100%;padding:0 15px}   
    .hanjangWr .hTit02 {font-size:1.3em}
    .hanjangWr .hTit02 span {margin-right:10px}
}
/** -- sec01 */
.hanjangWr .sec01 {position:relative;z-index:5;margin-top:70px;padding-top:120px}
.hanjangWr .sec01 .secIn:after {content:'';display:block;width:603px;height:383px;background-image:url(/resources/homepage/about/_Img/hanjang_deco01.png);position:absolute;top:-385px;right:-45px;animation:note 1.5s cubic-bezier(0.3, 0, 1, 1) alternate infinite}
.hanjangWr .sec01:before {content:'';display:block;width:100%;height:450px;background-image:url(/resources/homepage/about/_Img/hanjang_sec01_bg.jpg);position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;background-position:right bottom}
.hanjangWr .sec01 .sec01List {display:flex;flex-wrap:wrap;margin-top:70px}
.hanjangWr .sec01 .sec01List > li {width:calc(33.333% - 27px);margin:0 40px 20px 0;background-color:#fff;border-radius:10px;box-shadow:0px 12px 14.22px 3.78px rgba(0,0,0,.1);position:relative;padding:50px 37px 100px 37px;box-sizing:border-box}
.hanjangWr .sec01 .sec01List > li:nth-child(3n) {margin-right:0}
.hanjangWr .sec01 .sec01List > li:last-child {margin-right:0 !important}
.hanjangWr .sec01 .sec01List > li .txt {font-weight:500;letter-spacing:-.025em;line-height:1.666;color:#626970;box-sizing:border-box} 
.hanjangWr .sec01 .sec01List > li:after {content:'';display:block;width:120px;height:120px;background-image:url(/resources/homepage/about/_Img/hanjang_icoslc.png);position:absolute;bottom:10px;right:10px}
.hanjangWr .sec01 .sec01List > li.item02:after {background-position:-130px 0}
.hanjangWr .sec01 .sec01List > li.item03:after {background-position:-260px 0}
.hanjangWr .sec01 .sec01List > li.item04:after {background-position:-1040px 0}
.hanjangWr .sec01 .sec01List > li.item05:after {background-position:-1170px 0}
.hanjangWr .sec01 .sec01List > li.wt50 {margin-bottom:0;width:calc(50% - 21px);text-align:center;padding:40px 37px 40px 37px}
.hanjangWr .sec01 .sec01List > li.wt50.subject {text-align:center}
.hanjangWr .sec01 .sec01List > li.wt50 .txt {color:#000;display:flex;flex-wrap:wrap;justify-content:center}
.hanjangWr .sec01 .sec01List > li.wt50 .txt li:first-child {margin-right:50px}
.hanjangWr .sec01 .sec01List > li.wt50 .txt em {font-size:3.333em;font-weight:700;margin-right:10px}
@media all and (max-width:1699px) {
    .hanjangWr .sec01 .secIn:after {right:0}
}
@media all and (max-width:1499px) {
    .hanjangWr .sec01 .sec01List > li {padding:30px 20px 100px 20px}
    .hanjangWr .sec01 .sec01List > li.wt50 {padding:30px 20px 100px 20px}
    .hanjangWr .sec01 .sec01List > li .subject {font-size:1.5em;margin-bottom:15px}
    .hanjangWr .sec01 .sec01List > li:after {right:0;bottom:0}
}
@media all and (max-width:1299px) {
    .hanjangWr .sec01 {padding-top:80px}
    .hanjangWr .sec01 .secIn:after {width:422px;height:268px;background-size:422px auto;top:-307px}
    .hanjangWr .sec01 .sec01List {margin-top:40px}
    .hanjangWr .sec01 .sec01List > li {width:calc(33.333% - 14px);margin:0 20px 20px 0}
    .hanjangWr .sec01 .sec01List > li.wt50 {width:calc(50% - 10px)}
    .hanjangWr .sec01 .sec01List > li.wt50 .txt em {font-size:2.8em}
}
@media all and (max-width:1099px) {
    .hanjangWr .sec01 .secIn:after {top:-134px}  
    .hanjangWr .sec01 .sec01List > li {padding:25px 15px 70px 15px}
    .hanjangWr .sec01 .sec01List > li .subject {font-size:1.222em}
    .hanjangWr .sec01 .sec01List > li .txt {line-height:1.4}
    .hanjangWr .sec01 .sec01List > li:after {width:84px;height:84px;background-size:auto 84px}
    .hanjangWr .sec01 .sec01List > li.item02:after {background-position:-91px 0}
    .hanjangWr .sec01 .sec01List > li.item03:after {background-position:-182px 0}
    .hanjangWr .sec01 .sec01List > li.item04:after {background-position:-728px 0}
    .hanjangWr .sec01 .sec01List > li.item05:after {background-position:-819px 0}
}
@media all and (max-width:799px) {
    .hanjangWr .sec01  {margin-top:40px}
    .hanjangWr .sec01 .secIn:after {width:301px;height:191px;background-size:301px auto}
    .hanjangWr .sec01 .sec01List > li {width:100%;margin:0 10px 10px 0;margin-right:0}
    .hanjangWr .sec01 .sec01List > li.wt50 {margin-right:20px}
    .hanjangWr .sec01 .sec01List > li.wt50 .txt em {font-size:2.3em;margin-right:5px}
    .hanjangWr .sec01 .sec01List > li.wt50 {padding:30px 20px 70px 20px}
    .hanjangWr .sec01 .sec01List > li.wt50 .txt li:first-child {margin-right:20px}

}
@media all and (max-width:599px) {
    .hanjangWr .sec01 .sec01List > li {padding:25px 15px 50px 15px}
    .hanjangWr .sec01 .secIn:after {width:181px;height:115px;background-size:181px auto;top:-155px}
    .hanjangWr .sec01 .sec01List > li:after {width:60px;height:60px;background-size:auto 60px}
    .hanjangWr .sec01 .sec01List > li.item02:after {background-position:-130px 0}
    .hanjangWr .sec01 .sec01List > li.item03:after {background-position:-260px 0}
    .hanjangWr .sec01 .sec01List > li.item04:after {background-position:-520px 0}
    .hanjangWr .sec01 .sec01List > li.item05:after {background-position:-585px 0}
    .hanjangWr .sec01 .sec01List > li.wt50 {width:100%;margin-bottom:10px;margin-right:0;padding:25px 15px 50px 15px}
    .hanjangWr .sec01 .sec01List > li:last-child {margin-bottom:0}

}
@media all and (max-width:399px) {
    .hanjangWr .sec01 .secIn:after {top:-125px}
    .hanjangWr .sec01 .sec01List > li {width:100%;margin:0 0 10px 0}
    .hanjangWr .sec01 .sec01List > li:nth-last-child(-n+2) {margin-bottom:10px}    
    .hanjangWr .sec01 .sec01List > li:last-child {margin-bottom:0}
    .hanjangWr .sec01 .sec01List > li:nth-child(4n) {margin-right:0}
}
@keyframes note {
	0% {transform: translate(0)}
	100% {transform: translate(-5%, 5%)}
}

/** -- sec02 */
.hanjangWr .sec02 {position:relative;z-index:5;height:750px;margin-top:110px;box-sizing:border-box;color:#11a366;padding-top:100px}
.hanjangWr .sec02:before {content:'';display:block;width:100%;height:750px;position:absolute;top:0;left:70px;z-index:-1;;background-color:#15b874;background-repeat:no-repeat;background-image:url(/resources/homepage/about/_Img/hanjang_sec02_bg.png);border-radius:50px 0 0 130px}
.hanjangWr .sec02 .secIn:after {content:'';display:block;width:263px;height:173px;background-image:url(/resources/homepage/about/_Img/hanjang_deco06.png);position:absolute;top:0;left:-33px}
.hanjangWr .sec02 .hTit02 {text-align:center;position:relative;z-index:5}
.hanjangWr .sec02 .hTit02 span {display:block;margin-bottom:-10px}
.hanjangWr .sec02 .item {display:flex;flex-wrap:wrap;margin-top:30px}
.hanjangWr .sec02 .item > li {display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-around;margin-right:1.562%;width:23.828%;box-sizing:border-box;background-color:#fff;border-radius:20px;padding:45px 30px 0 30px}
.hanjangWr .sec02 .item > li:nth-child(4n) {margin-right:0}
.hanjangWr .sec02 .item .year {letter-spacing:0;font-weight:500;margin-bottom:10px}
.hanjangWr .sec02 .item .unit {font-size:1.556em;font-weight:500;letter-spacing:-.025em;text-align:right}
.hanjangWr .sec02 .item .unit em {font-size:2.857em;font-weight:700;letter-spacing:0}
.hanjangWr .sec02 .dotBox {text-align:center;margin-top:40px}
.hanjangWr .sec02 .dotBox button {width:19px;height:19px;border:1px dotted #fff;border-radius:50%;background-color:transparent;margin:0 9px}
.hanjangWr .sec02 .dotBox button.active {background-color:#fff;border:1px solid #fff}
@media all and (max-width:1799px) {
    .hanjangWr .sec02:before {left:40px}
    .hanjangWr .sec02 .sec02List {padding-left:20px}
    .hanjangWr .sec02 .secIn:after {left:80px;z-index:-1}
}
@media all and (max-width:1499px) {
    .hanjangWr .sec02 .item > li {padding:25px 20px 10px 20px}
    .hanjangWr .subject {font-size:1.4em}
    .hanjangWr .sec02 .item .unit {font-size:1.4em}
    .hanjangWr .sec02 .item .unit em {font-size:2.4em}
}
@media all and (max-width:1099px) {
    .hanjangWr .sec02 {padding-top:60px}
    .hanjangWr .sec02 .item > li {width:49%;margin-right:1%;margin-bottom:1%}
    .hanjangWr .sec02 .item > li:nth-last-child(-n+2) {margin-right:0;margin-right:1%}    
    .hanjangWr .sec02 .item > li:nth-child(2n) {margin-right:0}
    .hanjangWr .subject {margin-bottom:10px}
    .hanjangWr .subject .br {display:inline}
    .hanjangWr .sec02 .item .unit em {font-size:2em}
    .hanjangWr .sec02 .dotBox {margin-top:20px}
}
@media all and (max-width:999px) {
    .hanjangWr .sec02:before {left:20px}
    .hanjangWr .sec02:after {content:'';display:block;width:475px;height:163px;background-image:url(/resources/homepage/about/_Img/hanjang_deco05.png);position:absolute;top:0;right:0;background-size:475px auto}
    .hanjangWr .sec02 .secIn:after {display:none}
}
@media all and (max-width:699px) {
    .hanjangWr .sec02:after {width:285px;height:98px;background-size:285px auto}
    .hanjangWr .sec02:before {left:15px}
    .hanjangWr .sec02 .sec02List {padding-left:10px} 
}
@media all and (max-width:499px) {
    .hanjangWr .sec02 {margin-top:40px}
    .hanjangWr .sec02 {height:auto;padding-bottom:40px}
    .hanjangWr .sec02 .dotBox {margin-top:10px;text-align:right}
    .hanjangWr .sec02 .dotBox button {width:15px;height:15px;margin:0 4px}
    .hanjangWr .sec02:after {width:190px;height:65px;background-size:190px auto}
    .hanjangWr .sec02:before {height:100%}
    .hanjangWr .sec02 .item > li {width:100%;margin-bottom:10px;margin-right:0;min-height:150px}
    .hanjangWr .sec02 .item > li:nth-last-child(-n+2) {margin-right:0;margin-right:0} 
    .hanjangWr .sec02 .item > li {padding:15px}
    .hanjangWr .subject {font-size:1.2em}
    .hanjangWr .sec02 .item .unit em {font-size:1.5em}
}
/** -- sec03 */
.hanjangWr .sec03 {position:relative;z-index:5;height:750px;margin-top:120px;box-sizing:border-box;color:#fff;padding-top:100px}
.hanjangWr .sec03:before {content:'';display:block;width:100%;height:750px;position:absolute;top:0;right:70px;z-index:-1;background-repeat:no-repeat;background-image:url(/resources/homepage/about/_Img/hanjang_sec03_bg.png);border-radius:0 50px 130px 0}
.hanjangWr .sec03:after {content:'';display:block;width:423px;height:449px;background-image:url(/resources/homepage/about/_Img/hanjang_deco02.png);position:absolute;bottom:-67px;left:0}
.hanjangWr .sec03 .secIn {position:relative;height:100%}
.hanjangWr .sec03 .secIn:after {content:'';display:block;width:311px;height:149px;background-image:url(/resources/homepage/about/_Img/hanjang_deco03.png);background-position:left bottom;position:absolute;bottom:-25px;right:0;animation:pig 10s cubic-bezier(0.3, 0, 1, 1) alternate infinite}
.hanjangWr .sec03 .sec03List {display:flex;flex-wrap:wrap;padding-left:400px;box-sizing:border-box;margin-top:123px}
.hanjangWr .sec03 .sec03List li {width:25%;padding:0 20px;box-sizing:border-box;position:relative}
.hanjangWr .sec03 .sec03List li:after {content:'';display:block;width:1px;height:100%;background-color:#fff;opacity:.5;position:absolute;top:0;right:0}
.hanjangWr .sec03 .sec03List li:last-child:after {display:none}
.hanjangWr .sec03 .sec03List p {font-size:1.667em;font-weight:500;letter-spacing:0}
.hanjangWr .sec03 .sec03List p .counter {font-size:3.333em;font-weight:700}
.hanjangWr .sec03 .sec03List em {display:block;font-weight:300;font-size:.8em}
@media all and (max-width:1699px) {
    .hanjangWr .sec03:before {right:40px}
}
@media all and (max-width:1499px) {
    .hanjangWr .sec03 .sec03List p {font-size:1.5em}
    .hanjangWr .sec03 .sec03List p .counter {font-size:3em;line-height:1.3}
}
@media all and (max-width:1299px) {
    .hanjangWr .sec03 {height:600px;padding-top:50px;margin-top:80px}
    .hanjangWr .sec03:before {height:600px}
    .hanjangWr .sec03:after {width:296px;height:314px;background-size:296px auto}
    .hanjangWr .sec03 .sec03List {margin-top:60px;padding-left:250px}
}
@media all and (max-width:999px) {
    .hanjangWr .sec03 {margin-top:60px}
    .hanjangWr .sec03 {height:400px}
    .hanjangWr .sec03:before {right:20px;height:400px}
    .hanjangWr .sec03:after {width:211px;height:224px;background-size:211px auto}
    .hanjangWr .sec03 .sec03List {margin-top:40px;padding-left:200px}
    .hanjangWr .sec03 .sec03List li {padding:0 10px}
    .hanjangWr .sec03 .sec03List p {font-size:1.2em}
    .hanjangWr .sec03 .sec03List p .counter {font-size:2.3em}
    .hanjangWr .sec03 .secIn:after {width:186px;height:89px;background-size:186px auto}
}
@media all and (max-width:699px) {
    .hanjangWr .sec03 {height:320px}
    .hanjangWr .sec03:before {height:320px}
    .hanjangWr .sec03:after {width:127px;height:135px;background-size:127px auto}
    .hanjangWr .sec03 .sec03List {padding-left:0;margin-top:20px}
}
@media all and (max-width:599px) {
    .hanjangWr .sec03 {margin-top:40px}
    .hanjangWr .sec03 {height:350px;padding-top:30px}
    .hanjangWr .sec03:before {height:350px}    
    .hanjangWr .sec03 .secIn:after {bottom:-46px}
    .hanjangWr .sec03:after {bottom:-94px}
    .hanjangWr .sec03 .sec03List li {width:50%;margin-bottom:10px}
    .hanjangWr .sec03 .secIn:after {width:124px;height:59px;background-size:124px auto}
    .hanjangWr .hTit02 span {display:block}
    .hanjangWr .sec03 .sec03List p {font-size:1em}
    .hanjangWr .sec03 .sec03List p .counter {font-size:1.6em}
}
@keyframes pig {
	0% {transform: translateX(-100%)}
	100% {transform: translate(0)}
}
/** -- sec04 */
.hanjangWr .sec04 {position:relative;margin:120px 0 150px 0}
.hanjangWr .sec04 .hTit02 {text-align:center}
.hanjangWr .sec04 .hTit02 span {display:block;margin-right:0;margin-bottom:-10px}
.hanjangWr .sec04 .item {display:flex;flex-wrap:wrap;box-sizing:border-box}
.hanjangWr .sec04 .item .itemBox {margin-right:3.125%;width:48.437%}
.hanjangWr .sec04 .item .itemBox:last-child {margin-right:0}
.hanjangWr .sec04 .item .job {display:inline-block;vertical-align:middle;font-size:2.222em;font-weight:500;letter-spacing:-.005em;color:#000;padding-left:20px;margin-bottom:40px}
.hanjangWr .sec04 .item .job span {display:inline-block;text-align:center;width:138px;height:50px;line-height:50px;background-color:#fb3b4c;color:#fff;border-radius:5px;font-size:.950em;vertical-align:top}
.hanjangWr .sec04 .dotBox {text-align:right;margin-top:40px}
.hanjangWr .sec04 .dotBox button {width:19px;height:19px;border:1px dotted #0968de;border-radius:50%;background-color:transparent;margin-left:18px}
.hanjangWr .sec04 .dotBox button.active {background-color:#0968de;border:1px solid #0968de}
@media all and (max-width:1299px) {
    .hanjangWr .sec04 {margin:130px 0 70px 0}
    .hanjangWr .sec04 .dotBox {margin-top:20px}      
}
@media all and (max-width:899px) {
    .hanjangWr .sec04 .dotBox {margin-top:20px}
    .hanjangWr .sec04 {margin:130px 0 50px 0}
}
@media all and (max-width:599px) {
    .hanjangWr .sec04 {padding:0 0 40px 0}
    .hanjangWr .sec04 .dotBox {margin-top:10px}
    .hanjangWr .sec04 .dotBox button {width:15px;height:15px;margin:0 4px}    
    .hanjangWr .sec04 .item .itemBox {width:100%;margin-right:0}

}