@charset "utf-8";
/*선발과정*/
.process{display:table;width:100%;}
.process>div, .process>span{display:table-cell;text-align:center;vertical-align:middle;}
.process>div{width:20.4%;border:1px solid #ccc;padding:1.5% 1% 0 1%;}
.process>div h5{color:#0f3192 !important;}
.process>span{width:4%;font-size:180%;font-weight:700;}
.process>div a.btn{border-radius:5px;padding:3px 15px 5px 15px;font-size:85%;background:#fefff0;display:inline-block;border:1px solid #ccc}
.process>div a.btn:hover{background:#f5f5da;}
.blue{color:#0f3192 !important;}
.txt-red{color:#ea2424 !important;}
@media screen and (max-width: 1024px) {
.process{display:block;}.process>div, .process>span{display:inline-block;}
.process>div{width:42%;}
.process>span{width:6%}
}
@media screen and (max-width: 640px) {
.process>div{width:88%;margin-bottom:2%}
.process>span{width:10%}
}
/*상담실 소개 상단 박스*/
.intro_box{display: table; table-layout: fixed; width: 100%;}
.intro_box.boxs1{background-color: #fff;}
.intro_box.boxs2{background-color: #F3F9F2;}
.intro_box.boxs3{background-color: #F0F5FB;}
.intro_box >.imgs{display: table-cell; width: 20%; height: auto; vertical-align: top;}
.intro_box >.imgs>img{display: block; width: 100%;}
.intro_box >.txts{display: table-cell; width: calc(100% - 25%); padding: 0em 3em 2em 0em; vertical-align: middle;}
.intro_box >.txts .t{font-size: 1.875em; font-family: 'Nanum Myeongjo'; line-height: 1.4; color: #000;}
.intro_box >.txts >p{margin: 0.6875em 0 0 !important; color: #323232;}
.intro_box >.txts >ul{margin-top:  0.6875em;}
.intro_box >.txts >ul:after{content: ""; display: block; clear: both;}
.intro_box >.txts >ul >li{display: inline-block; position: relative; min-width: calc(50% - 13px); padding-left: 4.2em; margin-top: 0.3em;; color: #323232;}
.intro_box >.txts >ul >li:first-child{margin-top: 0;}
.intro_box >.txts >ul >li >em{position: absolute; top: 0; left: 0; font-style: normal; font-weight: 600;}

.intro_box  + .img_boxs{margin-top: 2.8125em;}
.img_boxs >img{display: block; max-width: 100%; margin: 0 auto;}

@media screen and (max-width: 1024px) {
    .intro_box >.txts .t{font-size: 1.7em;}
}
@media screen and (max-width: 640px) {
    .intro_box >.imgs{display: none;}
    .intro_box >.txts{display: block; width: 100%; padding: 1.5em;}
    .intro_box  + .img_boxs{margin-top: 1.5em;}
}
@media screen and (max-width: 480px) {
    .intro_box >.txts >ul >li{display: block;}
}

/*상담프로그램 > 워크숍 특강*/
.img_boxs + .img_boxs{margin-top: 2.5em;}
@media screen and (max-width: 640px) {
    .img_boxs  + .img_boxs{margin-top: 1.5em;}
}


/* pdf 보기 */
[data-content="9"]{font-size:0.625em;}
[data-content="9"] .in[target="_blank"]{text-decoration:none !important;}
[data-content="9"] .in[target="_blank"]:after{display:none !important;}
[data-content="9"]>ul:after{content:""; display:block; clear:both;}
[data-content="9"]>ul>li{float:left; width:calc((100% - 1px - (2.8em * 3)) / 4); margin-right:2.8em;}
[data-content="9"]>ul>li:nth-child(4n+4){margin-right:0;}
[data-content="9"]>ul>li:nth-child(4n+1){clear:both;}
[data-content="9"]>ul>li:nth-child(n+5){margin-top:2em;}
[data-content="9"]>ul>li>.in{overflow:hidden; display:block;}
[data-content="9"]>ul>li>.in>div{position: relative; overflow: hidden;}
[data-content="9"]>ul>li>.in>div>.p{
    display:block; position:relative; z-index:0; width:100%; padding-bottom:128%; background-repeat:no-repeat; background-position:center center; background-size:cover;
    -webkit-transition:transform 0.2s linear;
    transition:transform 0.2s linear;
}
[data-content="9"]>ul>li>.in>div>.h{position: absolute; bottom: 0; left: 0; display:block; z-index:50; width: 100%; height:2.666em; line-height:2.666em; text-align:center; font-size:1.5em; color:#fff !important; background-color:#66717E;}
[data-content="9"]>ul>li>a.in>div>.h:after{content:""; display:inline-block; width:1.125em; height:1.125em; margin:0.7em 0 0 1.2em; vertical-align:top; background-image:url(../../../images/site/rotc/content/icon_eye.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
[data-content="9"]>ul>li>.in>.t{display:block; padding:1em 0; text-align:center; font-weight:400; font-size:1.6em; color:#333;}

[data-content="9"]>ul>li>a.in:hover>div>.p{
    transform:scale(1.1);
}
@media screen and (max-width: 700px) {
    [data-content="9"]>ul>li>.in>div>.h:after{display:none;}
}
@media screen and (max-width: 550px) {
    [data-content="9"]>ul>li{width:calc((100% - 1px - (2.8em * 2)) / 3);}
    [data-content="9"]>ul>li:nth-child(4n+4){margin-right:2.8em;}
    [data-content="9"]>ul>li:nth-child(4n+1){clear:none;}
    [data-content="9"]>ul>li:nth-child(3n+3){margin-right:0;}
    [data-content="9"]>ul>li:nth-child(3n+1){clear:both;}
    [data-content="9"]>ul>li:nth-child(n+4){margin-top:2em;}
}
@media screen and (max-width: 450px) {
    [data-content="9"]>ul>li{width:calc((100% - 1px - (1em * 1)) / 2); margin-right:1em;}
    [data-content="9"]>ul>li:nth-child(3n+3){margin-right:1em;}
    [data-content="9"]>ul>li:nth-child(3n+1){clear:none;}
    [data-content="9"]>ul>li:nth-child(2n+2){margin-right:0;}
    [data-content="9"]>ul>li:nth-child(2n+1){clear:both;}
    [data-content="9"]>ul>li:nth-child(n+3){margin-top:2em;}
}
/*.works_boxs{margin-bottom: 2.5em;}
.works_boxs:after{content: ""; display: block; clear: both;}
.works_boxs .wraps{float: left; display: table; table-layout: fixed; width: calc((100% - 1px - 1.125em) / 2); height: 9.8125em; margin-left: 1.125em;}
.works_boxs .wraps:first-child{margin-left: 0;}
.works_boxs .wraps >div{display: table-cell; height: 100%;}
.works_boxs .wraps >.tits{width: 39.5%; vertical-align: middle; text-align: center; background-color: #2377C5;}
.works_boxs .wraps >.tits>strong{display: block; position: relative; color: #fff; font-size: 1.125em;}
.works_boxs .wraps >.tits>strong:before{content: ""; display: block; width: 3.38em; height: 3.38em; margin: 0 auto 0.5em; background: url(../../../images/site/rotc/content/02_04_img01.svg) no-repeat center center; }
.works_boxs .wraps >.txts{padding: 0.8125em 0.9375em; background-color: #F3F7FB; color: #082B52;}*/

/*사이트맵*/
.sitemap{overflow: hidden;}
.sitemap >ul{border-bottom: 1px solid #757575; box-sizing: border-box;}
.sitemap >ul:after{content: ""; display: block; clear: both;}
.sitemap >ul >li{position: relative; display: inline-block; width: calc((100% - 9px - 5.625em) / 4); vertical-align: top;}
.sitemap >ul >li:not(:nth-child(4n+1)){margin-left: 1.8em;}
.sitemap >ul >li:nth-child(4n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; width: 100vw; height: 1px; background-color: #757575;}
.sitemap >ul >li:not(:nth-child(4n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.875em - 3px); display: block; width: calc(1.875em + 3px); height: 1px; background-color: #fff;}
.sitemap >ul >li:after{content: ""; position: absolute; z-index: 0; bottom: 0; left: calc(-1.875em - 3px); display: block; width: calc(1.875em + 3px); height: 1px; background-color: #ddd;}
.sitemap >ul >li >a{position: relative; display: block; background-color: #F1F4FC; text-align: center; font-size: 1.125em; font-weight: 500; color: #222222; padding: 0.556em; border-top: 1px solid #757575; box-sizing: border-box;}
.sitemap >ul >li >div{position: relative; z-index: 1; display: block !important; background-color: #fff;}
.sitemap >ul >li >div:before{content: ""; position: absolute; top: 0.5px; left: calc(-1.875em - 3px); z-index: 0; display: block; width: calc(1.875em + 3px); height: 100vh; background-color: #fff;}
.sitemap >ul >li:last-child >div:after{content: ""; position: absolute; top: 1px; left: 100%; z-index: 0; display: block; width: 100vw; height: 100vh; background-color: #fff;}
.sitemap >ul >li >div >ul{padding: 0.75em 10% 1.25em; box-sizing: border-box;}
.sitemap >ul >li >div >ul >li{position: relative; padding-left: 0.7em; box-sizing: border-box;}
.sitemap >ul >li >div >ul >li >a >span{color:#454545; }
.sitemap >ul >li >div >ul >li:before{
    content: ""; position: absolute; top: 0.67em; left: 0; display: block; width: 4px; height: 4px; background-color: #CCC; 
    border-radius: 50%; -webkit-border-radius: 50%;
}
.sitemap >ul >li >div >ul >li:not(:first-child){margin-top: 0.8em;}
.sitemap >ul >li >div >ul >li > div{display: none;}
.sitemap >ul >li >div >strong{display: none;}
@media screen and (max-width: 1200px){
    .sitemap >ul >li{width: calc((100% - 6px - 3.75em) / 3);}
    .sitemap >ul >li:not(:nth-child(4n+1)){margin-left: 0;}
    .sitemap >ul >li:not(:nth-child(3n+1)){margin-left: 1.8em;}
    .sitemap >ul >li:nth-child(3n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; width: 100vw; height: 1px; background-color: #757575;}
    .sitemap >ul >li:not(:nth-child(3n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.875em - 3px); display: block; width: calc(1.875em + 3px); height: 1px; background-color: #fff;}
    
}
@media screen and (max-width: 1024px){
    .sitemap >ul >li{width: calc((100% - 6px - 3em) / 3);}
    .sitemap >ul >li:not(:nth-child(3n+1)){margin-left: 1.4em;}
    .sitemap >ul >li:nth-child(3n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; width: 100vw; height: 1px; background-color: #757575;}
    .sitemap >ul >li:not(:nth-child(3n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.5em - 3px); display: block; width: calc(1.5em + 3px); height: 1px; background-color: #fff;}
    .sitemap >ul >li >div:before{left: calc(-1.5em - 3px); width: calc(1.5em + 3px); }
    .sitemap >ul >li >div >ul >li:not(:first-child){margin-top: 0.6em;}
}
@media screen and (max-width: 640px){
    .sitemap >ul >li{width: calc((100% - 3px - 1.2em) / 2);}
    .sitemap >ul >li:not(:nth-child(3n+1)){margin-left: 0;}
    .sitemap >ul >li:not(:nth-child(2n+1)){margin-left: 1.1em;}
    .sitemap >ul >li:nth-child(2n+1):before{content: ""; position: absolute; top: 0; left: 0;  z-index: -1; display: block; width: 100vw; height: 1px; background-color: #757575;}
    .sitemap >ul >li:not(:nth-child(2n+1)):before{content: ""; position: absolute; z-index: 1; top: 0; left: calc(-1.2em - 3px); display: block; width: calc(1.2em + 3px); height: 1px; background-color: #fff;}
    .sitemap >ul >li >div:before{left: calc(-1.2em - 3px); width: calc(1.2em + 3px); }
    .sitemap >ul >li >div >ul >li:not(:first-child){margin-top: 0.4em;}
}
@media screen and (max-width: 360px){
    .sitemap >ul >li{width: 100%;}
    .sitemap >ul >li:not(:nth-child(2n+1)){margin-left: 0;}
    .sitemap >ul >li >div >ul{padding: 0.75em 2em 1.25em;}
}













/**/
/*.level_box{}
.level_box >ul{}
.level_box >ul:after{content: ""; display: block; clear: both;}
.level_box >ul >li{float: left; margin-left: 2.25em;}
.level_box >ul >li:first-child{margin-left: 0;}
.level_box.levels3 >ul >li{width: calc((100% - 1px - 4.5em) / 3);}
.level_box.levels4 >ul >li{width: calc((100% - 1px - 6.75em) / 4);}
.level_box >ul >li >.t{display: block; text-align: center;}*/





/* 교수님 리스트 */
[data-user-card="1"]>ul:after{content:""; display:block; clear: both;}
[data-user-card="1"]>ul>li{
    float:left; width:calc((100% - 1.875em - 1px) / 2); margin-left:1.875em; padding:2.5em 3em; border:1px solid #E5E5E5;
    -webkit-border-radius:1em;
    border-radius:1em;
}
[data-user-card="1"]>ul>li:nth-child(2n+1){clear:both; margin-left:0;}
[data-user-card="1"]>ul>li:nth-child(n+3){margin-top:1.875em;}
[data-user-card="1"]>ul>li>.in{position:relative; display: block; min-height:8.6875em; padding-right:7.5em;}
[data-user-card="1"]>ul>li>.in>.p{
    position:absolute; right:0; top:0; width:6.875em; height:8.6875em; background:#ECF0F1 url(../../../images/site/rotc/common/people_def.svg) no-repeat center center; background-size:4.75em 4.375em; overflow: hidden;
    -webkit-box-shadow:0.625em 0.625em 1.25em rgba(0, 0, 0, 0.25);
    box-shadow:0.625em 0.625em 1.25em rgba(0, 0, 0, 0.25);
}
[data-user-card="1"]>ul>li>.in>.p> img{
    position: absolute; top: 50%; left: 50%; display: block; width: auto; height: 100%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);

}
[data-user-card="1"]>ul>li>.in>strong{display:block; font-size:1.5em; color:#404040;}
[data-user-card="1"]>ul>li>.in>ul{margin-top:1em;}
[data-user-card="1"]>ul>li>.in>ul>li:nth-child(n+2){margin-top:0.6em;}
[data-user-card="1"]>ul>li>.in>ul>li:after{content:""; display:block; clear:both;}
[data-user-card="1"]>ul>li>.in>ul>li>em,
[data-user-card="1"]>ul>li>.in>ul>li>span{float:left;}
[data-user-card="1"]>ul>li>.in>ul>li>em{display:block; width:4em; font-weight:500; font-style:normal; font-size:1.0625em; color:#444;}
[data-user-card="1"]>ul>li>.in>ul>li>span{display:block; width:calc(100% - 4.25em - 1px); font-weight:400; font-size:1em; color:#666;}

div + [data-user-card="1"],
ul + [data-user-card="1"]{margin-top:2em;}
@media screen and (max-width: 1200px) and (min-width: 1025px){
    [data-user-card="1"]>ul>li{float:none; width:100%; margin-left:0; height: auto !important;}
    [data-user-card="1"]>ul>li:nth-child(n+2){margin-top:1em;}
}

@media screen and (max-width: 900px) {
    [data-user-card="1"]>ul>li{float:none; width:100%; margin-left:0; height: auto !important;}
    [data-user-card="1"]>ul>li:nth-child(n+2){margin-top:1em;}
}
@media screen and (max-width: 400px) {
    [data-user-card="1"]{font-size:0.9em;}
    [data-user-card="1"]>ul>li{padding:1.5em 2em;}
}

/* 교수님 상세 */
[data-user-card-detail="1"]{margin-bottom: 3.5em;}
[data-list="1"] + [data-user-card-detail="1"],
p + [data-user-card-detail="1"],
div + [data-user-card-detail="1"]{margin-top: 3.5em;}
[data-user-card-detail="1"] >.tt{position: relative; padding: 1.25em 0 0 5.4375em; box-sizing: border-box;}
[data-user-card-detail="1"] >.tt >.wrapss{padding: 3.3125em 10em 4em 7.0625em; background:linear-gradient(274.07deg, #F4F4F4 -1.2%, #F8F5EF 97.46%); box-sizing: border-box;}
[data-user-card-detail="1"] >.tt >.wrapss:before{content: ""; position: absolute; bottom: 0; right: 0; display: block; width: 11.3125em; height: 9.125em; background: url(../../../images/site/rotc/common/data-user-card-detail01.svg) no-repeat bottom right; background-size: contain;}
[data-user-card-detail="1"] >.tt >.wrapss >.pho{position: absolute; top: 0; left: 0; overflow: hidden;  display: block; width: 9.6875em; height:11.8125em; background: #ECF0F1 url(../../../images/site/rotc/common/people_def.svg) no-repeat center center; background-size: 6.75em 6em; box-shadow: 4.35484px 4.35484px 17.4194px rgba(132, 132, 132, 0.25);}
[data-user-card-detail="1"] >.tt >.wrapss >.pho >img{
    position: relative; top: 50%; left: 50%;display: block; width: auto; min-width: 100%; height: 100%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
[data-user-card-detail="1"] >.tt >.wrapss >.nam{color: #373737; font-size: 1.25em;}
[data-user-card-detail="1"] >.tt >.wrapss >.nam strong{display: inline-block; margin-right: 0.55em; font-size: 1.3em; }
[data-user-card-detail="1"] >.tt >.wrapss >ul{margin-top: 0.6875em;}
[data-user-card-detail="1"] >.tt >.wrapss >ul:after{content: ""; display: block; clear: both;}
[data-user-card-detail="1"] >.tt >.wrapss >ul >li{float: left;position: relative;margin-top: 0.8125em;padding-left: 4em;margin-right: 2em;line-height: 1.1875;}
[data-user-card-detail="1"] >.tt >.wrapss >ul >li >em{position: absolute;left: 0;top: 0;display: inline-block;width:auto;margin-right: 0.35em;padding-left: 1.6em;font-style: normal;font-weight: 800;box-sizing: border-box;}
[data-user-card-detail="1"] >.tt >.wrapss >ul >li >em:before{content: ""; position: absolute; top: -0.05em; left: 0; display: inline-block; width: 1.375em; height: 1.375em; background-image: url(../../../images/site/rotc/common/data-user-card-detail04.svg); background-repeat: no-repeat; background-position: center center; background-size: contain;}
[data-user-card-detail="1"] >.tt >.wrapss >ul >li.tels >em:before{background-image: url(../../../images/site/rotc/common/data-user-card-detail02.svg);}
[data-user-card-detail="1"] >.tt >.wrapss >ul >li.emails >em:before{background-image: url(../../../images/site/rotc/common/data-user-card-detail03.svg);}
[data-user-card-detail="1"] >.tt >.wrapss >ul >li.majors >em:before{background-image: url(../../../images/site/rotc/common/data-user-card-detail04.svg);}
[data-user-card-detail="1"] >.tt >.wrapss >ul >li.labs >em:before{background-image: url(../../../images/site/rotc/common/data-user-card-detail05.svg);}
[data-user-card-detail="1"] >.tt >.wrapss >ul >li.subs >em:before{background-image: url(../../../images/site/rotc/common/data-user-card-detail06.svg);}
[data-user-card-detail="1"] >.tt >.wrapss >ul >li.cars >em:before{background-image: url(../../../images/site/rotc/common/data-user-card-detail07.svg);}
[data-user-card-detail="1"] >.tt >.wrapss >ul >li.edus >em:before{background-image: url(../../../images/site/rotc/common/data-user-card-detail08.svg);}


.detail_btn_wrap{text-align: center; margin-top: 1.5em;}
.detail_btn_wrap .btn{background-color: #0071D9 !important;}
[data-user-card-detail="1"] >.tt >.wrapss >ul >li >span{color: #666666;}

@media screen and (max-width: 1200px) and (min-width: 1025px){
    [data-user-card-detail="1"] >.tt >.wrapss{padding: 3.3125em 3em 4em 7.0625em}
    [data-user-card-detail="1"] >.tt >.wrapss >ul >li{float: none; margin-right: 0;}
}
@media screen and (max-width: 1024px) {
    [data-user-card-detail="1"] >.tt >.wrapss{min-height: 12em; padding: 2.5em 3em 3em 6.4em;}
    [data-user-card-detail="1"] >.tt >.wrapss >ul >li{position: relative; float: none; margin-right: 0; padding-left: 6.5em; box-sizing: border-box;}
    [data-user-card-detail="1"] >.tt >.wrapss >ul >li >em{position: absolute; top: 0; left: 0;}
}
@media screen and (max-width: 840px) {
    [data-user-card-detail="1"] >.tt >.wrapss:before{background-size: 80%;}    
}
@media screen and (max-width: 640px) {
    [data-user-card-detail="1"] >.tt{padding: 1.25em 0 0 4.35em}
    [data-user-card-detail="1"] >.tt >.wrapss{min-height: auto; padding: 2.5em 2.5em 3em 5.4em;}
    [data-user-card-detail="1"] >.tt >.wrapss:before{background-size: 70%;} 
    [data-user-card-detail="1"] >.tt >.wrapss >.pho{width: 7.75em; height: 9.45em; background-size: 5.4em 4.8em;}
}
@media screen and (max-width: 420px) {
    [data-user-card-detail="1"] >.tt >.wrapss{padding: 2em 2em 2.5em 4.2em;}
    [data-user-card-detail="1"] >.tt >.wrapss >.pho{width: 6.78125em; height: 8.26875em;}
    [data-user-card-detail="1"] >.tt >.wrapss >ul >li{padding-left: 0;}
    [data-user-card-detail="1"] >.tt >.wrapss >ul >li >em{position: relative; top: auto; left: auto; display: block;}
    [data-user-card-detail="1"] >.tt >.wrapss >ul >li >span{display: block; margin-top: 0.4em; padding-left: 1.6em; box-sizing: border-box;}
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////

로그인

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
[data-item="login"]{padding:2.625em 2.625em 3.25em 2.625em; margin-top:1em; letter-spacing:-0.04em; background-color:#F2F5FA; background-image:url(../../../../images/site/partner/kor/content/login_bg.svg); background-repeat:no-repeat; background-position:right bottom; background-size:auto auto;}
[data-item="login"]>.in{text-align:center;}
[data-item="login"]>.in>.head{font-size:1.4375em; color:#222;}
[data-item="login"]>.in>.head>strong{font-weight:400;}
[data-item="login"]>.in>.midd{max-width:23.125em; margin:1em auto 0;}
[data-item="login"]>.in>.midd input[type="text"],
[data-item="login"]>.in>.midd input[type="password"]{width:100%; height:2.5em; font-size:1em; border:1px solid #E5E5E5; color:#666; background-color:#fff;}
[data-item="login"]>.in>.midd input[type="submit"]{width:100%; height:2.5em; font-size:1em; color:#fff; background-color:#082B52;}
[data-item="login"]>.in>.midd input:nth-child(n+2){margin-top:0.3125em;}
[data-item="login"]>.in>.midd input[type="submit"]{margin-top:0.625em;}
[data-item="login"]>.in>.foot{margin-top:1em; color:#222;}

@media screen and (max-width: 400px){
[data-item="login"]{font-size:0.9em;}
}