@charset "utf-8";

/* 공통 */
.contTit_line {margin:40px 0 20px;}
.contTit_s {margin-top:45px;}
.contTit_line.noLine{margin: 0 0 0px}
.contTit_line.noLine::before {display:none;}
ul.list_dotGray {padding-left:0}
.list_dotGray>li {font-weight:300}
.list_dotGray>li::before {top:10px;}
.titLine_top {width:100%;padding-top:50px;border-top: 1px solid #dddfe5;}
.support_contact {position:relative;margin-top:50px;padding:20px 85px;background:#f1f2f7 url(../img/kor/support/icon_tel_info.png) no-repeat 32px 31px;}
.support_contact p {display:inline-block;vertical-align:top;margin:0 10px;}
.support_contact b {margin-right:10px;margin-left:10px;font-weight:500;}
.support_contact a + a {margin-left:10px;}
:lang(en) {font-family:'Oswald', sans-serif;}
ul.list_lineGray {padding-left:10px}
ul.list_lineGray li {font-size:15px;color:#666}
.txtGray {color:#666}
.txtBlue {color:#05548f}
.txtYellow {color:#846841}
.txttit {font-weight:444}
p.exclam.blue {background-image:url(../img/dept/child/ico_cirExclamblue.png);}
td.bold {font-weight:444}
.txtBluetit {font-size:16px;font-weight:500;color:#05548f;}
.diagramArea {margin:50px 0;text-align:center;}
.cont_topBanner {width:100%;min-height:290px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;box-sizing:border-box;padding:20px;text-align:center;background-attachment:scroll;}
.cont_topBanner .tB_titletxt {margin-top:65px;font-size:29px;font-weight:500;color:#fff;letter-spacing:0.3px;line-height:36px;}
.cont_topBanner .tB_subtxt {margin-top:20px;text-align:center;color:#fff;line-height:26px;letter-spacing:-0.5px;font-size:16px;}
.list_dotBlue {padding-left:0}
.list_dotBlue>li+li {margin-top:0}
.btnC_arrLineR.trans {background-color: rgba(255, 255, 255, 0);border: 1px solid #fff;}
.explainTxtbox {position: relative;width: 100%;margin-bottom: 40px;padding: 35px 30px 35px 160px;box-sizing:border-box;border: 1px solid #dbdee1;}
.explainTxtbox h5 {margin-bottom:10px;font-size:24px;font-weight:500;letter-spacing: -1px;}
.explainTxtbox p.txt {letter-spacing:-0.5px;color:#666;}
.btnArea2 {margin: 50px 0!important;padding: 0 !important;}
.btnC.cancel {background:#3897d9;}
.btnC.cancel > span {border:0}
.exclamArea {position:relative;}
.exclamArea > p.exclam {position:absolute;right:0;top:0;margin-top:0;}
.program {margin-top:100px}

/* 한줄 List */
ul.explainList {border-top:1px solid #000}
ul.explainList > li {padding:30px 0;font-size:0}
ul.explainList > li ul.list_dotGray.list2 li {display:inline-block;width:40%;margin-top:6px;vertical-align: top;}
ul.explainList > li + li {border-top:1px solid #dbdee1}
ul.explainList > li > .txtBluetit {display:inline-block;width:165px;vertical-align:top;font-size:21px;font-weight: 555;letter-spacing: -1px;}
ul.explainList > li > .rightTxt {display:inline-block;width: calc(100% - 165px);box-sizing:border-box;vertical-align:top;font-size:16px;}
ul.explainList>li:last-child {border-bottom: 1px solid #dbdee1;}

/* SDU 심리상담센터 */
.psycounsel .support_contact {padding: 25px 85px;background-position:32px 19px;}
.psycounsel.info .contTit_s {margin-top:5px}
.psycounsel .cont_group {width:100%;overflow:hidden;margin-bottom:105px;}
.psycounsel .right_img {width:430px;float:right;position:relative;}
.psycounsel .right_img::before {content:"";display:block;width:150px;height:4px;background-color:#b5926f;position:absolute;top:100px;left:-105px;}
.psycounsel .right_img>img {display:block;}
.psycounsel .left_txt {width:calc(100% - 430px);float:left;padding-right:50px;box-sizing:border-box;}
.psycounsel .g_txt1 {margin-bottom:40px;padding-right:70px;font-size:40px;color:#000;line-height:50px;letter-spacing:-0.7px;box-sizing:border-box;font-weight:300;}
.psycounsel .left_txt p.txt {color:#666;font-weight:400;}
.psycounsel .left_txt p.txt > span.smallTxt {font-weight:300;color:#000;font-size:15px;}
.psycounsel .counselArea {position:relative;padding:60px 30px 60px 0;background:#f1f2f7;font-size:0;}
.psycounsel .counselArea:before,
.psycounsel .counselArea:after {content:"";display:block;width:2000px;height:100%;background-color:#f1f2f7;right:-2000px;top:0;position:absolute;}
.psycounsel .counselArea:after {left:-2000px}
.psycounsel.info .contTit_s {display:inline-block;position:relative;width:20%;vertical-align:top}
.psycounsel.info .contTit_s::before {content:"";display:block;width:50px;height:1px;background-color:#05548f;position:absolute;top:13px;left:125px;}
.psycounsel.info .list_dotBlue {padding-left:0;font-size:0;display:inline-block;width:80%;box-sizing:border-box;}
.psycounsel.info .list_dotBlue>li {display:inline-block;width:24%;;line-height:29px;}
.psycounsel.info .list_dotBlue>li::before {top:13px}
.box_iconlist2 {margin-top:50px;font-size:0;height:auto;font-size:0;margin:30px 0 ;vertical-align:top;}
.field .box_iconlist2>li {display:inline-block;padding-left:20px;width:100%;font-size:16px;box-sizing:border-box;}
.field .box_iconlist2>li+li {margin-top:40px;}
.box_iconlist2 li .icon_img {display:inline-block;width:100px;height:100px;border-radius:50%;-webkit-border-radius:50%;
    background-color:#f1f2f7;position:relative;vertical-align:top;}
.box_iconlist2 li .txt_list {display:inline-block;width:calc(100% - 135px);padding:3px 0 0 30px;vertical-align:top;}
.box_iconlist2 li .txt_list .contTit_s {margin-top:0;margin-bottom:10px;}
.field .cont_topBanner {background:url(../img/affi/psycounsel/fieldbanner.png) no-repeat center center;}
.field .cont_topBanner .tB_titletxt {margin-top:100px;}
.field ul.explainList {border-top:0;}
.field ul.explainList > li > .txtBluetit {width:185px;padding-left:25px;box-sizing:border-box;color:#000;}
.field ul.explainList>li>.rightTxt {width:calc(100% - 185px);}
.service_guide .cont_topBanner {background:url(../img/affi/psycounsel/serviceguide_banner.png) no-repeat center center;}
.service_guide span.txtBlue {font-weight:500;margin-right:15px;}
.service_guide .cont_topBanner .tB_titletxt {margin-top:70px}
.service_guide .cont_topBanner .tB_subtxt b {margin-right:10px;font-weight:500;}
.service_guide .cont_topBanner .tB_subtxt a + b {margin-left:20px;}
.img_inner_txt3 ul{margin-top:20px;}
.img_inner_txt3 ul+ul {margin-top:40px;}
.testSort .explainTxtbox {background: url(../img/affi/psycounsel/ico_testsort.png) no-repeat 50px 40px;padding: 35px 30px 35px 150px;}
.testSort .explainTxtbox a {margin-top:20px;}

.psycounsel_info .cont_topBanner {background:url(../img/affi/psycounsel/psycounsel_banner.png) no-repeat center center;}
.psycounsel_info .cont_topBanner .tB_titletxt {margin-top:25px}
.psycounsel_info .cont_topBanner a {margin-top:15px;}
.psycounsel_info .g_txt1 {color:#05548f}
.psycounsel_info .left_txt p.txt {color:#000}
.psycounsel_info .left_txt p.txt > span.smallTxt {display:block;margin: 30px 0;}
.psycounsel_info .cont_group {margin-bottom:0}
.psycounsel_info .right_img::before {top:70px;}
.psycounsel_info .bottomContact {padding-top:30px;margin-top:50px;border-top:1px solid #dbdfe2;}
.psycounsel_info .bottomContact b {margin-right:20px;}
.psycounsel_info .bottomContact a + a {margin-left:10px;}

.child_counsel .cont_topBanner {background:url(../img/affi/psycounsel/childcounsel_banner.png) no-repeat center center;   background-position: 0 50%;}
.child_counsel .cont_topBanner .tB_titletxt {margin-top:20px;}
.child_counsel .cont_topBanner .btnC_arrLineR.trans {margin-top:20px;}
.adult_counsel .cont_topBanner {background:url(../img/affi/psycounsel/adultcounsel_banner.png) no-repeat center center;}
.adult_counsel .cont_topBanner .tB_titletxt {margin-top:20px;}
.adult_counsel .cont_topBanner .btnC_arrLineR.trans {margin-top:20px;}

.psychometry .cont_topBanner {background:url(../img/affi/psycounsel/psychometry_banner.png) no-repeat center center;}
.psychometry .cont_topBanner .tB_titletxt {margin-top:40px;}
.psychometry .cont_topBanner .btnC_arrLineR.trans {margin-top:20px;}
.psychometry p.txt.borderSet {padding-bottom:50px;border-bottom:1px solid #dbdfe2;}
.psychometry p.bigTit {margin-top:50px;text-align:center;font-weight:300;font-size:30px;}
.psychometry p.bigTit + p.txt {margin-top:30px;text-align:center;letter-spacing:-0.5px;}
.psychometry .diagramArea {position:relative;text-align:center;}
.psychometry .diagramArea::before {content:'';display:block;position:absolute;width:80%;height:1px;top:50%;background:#dbdfe2;left:10%}
.psychometry .diagramArea dt {display:inline-block;position:relative;width:400px;height:400px;background:#fff;border:1px solid #dbdfe2;
    border-radius: 50%;}
.psychometry .diagramArea dt > .secondCir {display:block;position:absolute;width:340px;height:340px;left:50%;top:50%;margin-left:-170px;margin-top:-170px;background:#f5f6f9;border-radius: 50%;}
.psychometry .diagramArea dt>.secondCir>span {display:table;position:absolute;width:230px;height:230px;left:50%;top:50%;margin-left:-115px;margin-top:-115px;background:url(../img/affi/psycounsel/bluecir_line.png) no-repeat center;border-radius: 50%;}
.psychometry .diagramArea dt>.secondCir>span>b {display:table-cell;font-size:32px;text-align:center;vertical-align: middle;color:#fff;font-weight: 444;}
.psychometry .diagramArea dd.counsel1 {display:table;position:absolute;width:160px;height:160px;border-radius: 50%;background:#3897d9;position: absolute;top: 50%;margin-top: -80px;left: 40px;}
.psychometry .diagramArea dd.counsel1::after {content:'';display:block;position:absolute;width:10px;height:10px;margin-left:55%;margin-top:-10px;top:54%;background:#977649;border-radius:50%;}
.psychometry .diagramArea dd.counsel1 > span {display:table-cell;text-align:center;vertical-align:middle;font-size:20px;color:#fff;}
.psychometry .diagramArea dd.counsel2 {display:table;position:absolute;width:160px;height:160px;border-radius: 50%;background:#3897d9;position: absolute;top: 50%;margin-top: -80px;right: 40px;}
.psychometry .diagramArea dd.counsel2::after {content:'';display:block;position:absolute;width:10px;height:10px;margin-left: calc(-55% - 160px);margin-top:-10px;top:54%;background:#977649;border-radius:50%;}
.psychometry .diagramArea dd.counsel2 > span {display:table-cell;text-align:center;vertical-align:middle;font-size:20px;color:#fff;}
.psycounsel.group_counsel p.txt {letter-spacing:-0.5px}

.family_counsel .cont_topBanner {background:url(../img/affi/psycounsel/groupcounsel_banner.png) no-repeat center center;background-position: 0 50%;}
.family_counsel .btnC_arrLineR.trans {margin-top:20px;}
ul.explainList li > .left_ico {display:inline-block;position:relative;width:100px;height:100px;margin-right:40px;background:#f1f2f7;border-radius:50%;}
ul.explainList li > .left_ico > img{position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;}
ul.explainList li .rightTxt p.txtBluetit {font-size:21px;margin-bottom:10px;}
ul.explainList li p.txtGroup {font-size:inherit;}
ul.explainList li p.txtGroup + p.txtGroup {margin-top:12px;}
ul.explainList {margin-top:15px;}
.group_counsel .cont_topBanner {background:url(../img/affi/psycounsel/groupcounsel2_banner.png) no-repeat center center;background-position: 0 50%;}
.group_counsel .btnC_arrLineR.trans {margin-top:20px;}


/* 전문상담진 및 구성원 */
.counsel_member > ul {border-top:1px solid #000;border-bottom:1px solid #dadee1;font-size:0;}
.counsel_member > ul > li {padding:40px 0;font-size:0;vertical-align:top;}
.counsel_member > ul > li + li {border-top:1px solid #dadee1;}
.counsel_member > ul > li .leftArea {display:inline-block;max-width:152px;margin-right:20px;vertical-align:top;}
.counsel_member > ul > li .leftArea img {border:1px solid #dadee1;box-sizing:border-box;}
.counsel_member > ul > li .infoArea {display:inline-block;width:calc(100% - 172px);}
.counsel_member>ul>li .professor {display:inline-block;width: calc(50% - 45px);vertical-align:top}
.counsel_member>ul>li .professor:nth-child(2) {margin-left:90px;}
.counsel_member > ul > li > div >p {font-size:21px;color:#333;margin-bottom:20px;font-weight:500;}
.counsel_member > ul > li > div >p.head {font-size:30px}
.counsel_member > ul > li > div >p.head>span {font-size:21px}
.counsel_member > ul > li > div > p >span {margin-left:5px;color:#846841;font-size:16px;}
.counsel_member > ul > li .infoArea > .list_dotBlue > li {display:inline-block;width:412px;color:#666;vertical-align: top;line-height:27px}
.counsel_member>ul>li .infoArea>.list_dotBlue>li::before {top:12px;}
.counsel_member>ul>li .infoArea>.list_dotBlue.stLine1>li {width:100%}
.counsel_member > ul > li .leftArea >p {font-size:21px;color:#333;margin-bottom:20px;font-weight:500;}
.counsel_member > ul > li .leftArea > p >span {margin-left:5px;color:#846841;font-size:16px;}
.professorList2 > ul {width:calc(100% + 30px);margin-left: -30px;font-size:0;}
.professorList2 > ul > li {display:inline-block;width:calc(33.3333% - 30px);height:470px;margin-left:30px;padding:30px;border:1px solid #dadee1;box-sizing:border-box;vertical-align:top;}
.professorList2>ul>li:nth-child(n+4) {margin-top:30px;}
.professorList2 > ul > li > p {font-size:21px;color:#333;margin-bottom:20px;font-weight:500;}
.professorList2 > ul > li > p > span {margin-left:5px;color:#846841;font-size:16px;}
.professorList2 .list_dotBlue{width:100%}
.professorList2 .list_dotBlue>li {color:#666;letter-spacing:-0.5px;}
.professorList2 .list_dotBlue>li::before {top:10px;}
.professorList2 .list_dotBlue>li + li {margin-top:10px;}

/* 찾아오시는길 */
.intro_map{width:100%;height:auto;padding:0px 0 0px;box-sizing:border-box;}
.intro_map .map_api{width:100%;height:auto;position:relative;border:1px solid #e1e1e1;box-sizing:border-box;}
.intro_map .map_api:before{content:"";display:block;width:100%;padding-top:44.1%}
.intro_map .map_info{font-size:0;width:100%;height:auto;margin-top:35px;margin-bottom:40px;}
.intro_map .map_info .si_05_icon.tel{margin-left:27px;}
.intro_map .map_info .si_05_icon.fax{margin-left:27px;}
.intro_map .map_info .si_05_icon.floor{display:block;width:100%;margin-top:15px;}
.intro_map .map_info .si_05_icon.floor:before{top:9px;}
.intro_map .map_info .si_05_icon.floor span{display:inline-block;vertical-align:top;line-height:30px;}
.intro_map .map_info .si_05_icon.floor span:nth-child(1){width:420px;}
.intro_map .map_info .si_05_icon.floor span:nth-child(2){width:360px;}
.intro_map .map_info .si_05_icon.floor span:nth-child(3){width:auto;}
.si_05_icon{font-size:16px;color:#000;letter-spacing:-0.3px;width:auto;display:inline-block;position:relative;padding-left:20px;vertical-align:top;box-sizing:border-box;font-weight:400;}
.si_05_icon:before{content:"";display:block;position:absolute;left:0;background-repeat:no-repeat;background-size:100% 100%;}
.si_05_icon.map:before{background-image:url(../img/kor/intro/icon_map1.png);width:14px;height:18px;top:5px;}
.si_05_icon.tel{padding-left:22px;}
.si_05_icon.tel:before{background-image:url(../img/kor/intro/icon_tel1.png);width:19px;height:20px;top:4px;}
.si_05_icon.floor:before{background-image:url(../img/kor/intro/icon_floor.png);width:15px;height:16px;top:4px;}
.si_05_icon.fax:before{background-image:url(../img/kor/intro/icon_fax1.png);width:17px;height:18px;top:4px;}
.si_05_icon.email:before{background-image:url(../img/affi/art/sico_email.png);width:17px;height:18px;top:5px;}
.si_05_icon.email{padding-left:25px;margin-left:27px;}
.intro_map .traffic_info{width:100%;display:block;font-size:0;border-bottom:1px solid #dddfe5;border-top:1px solid #000;box-sizing:border-box;}
.intro_map .traffic_info > div:nth-child(n+2){border-left:1px solid #dddfe5;}
.intro_map .traffic_info > div {width:50%;vertical-align:top;box-sizing:border-box;position:relative;padding:35px 36px 40px 124px;display:inline-block; height:245px;}
.intro_map .traffic_info > div img{width:65px;position:absolute;left:26px;top:40px;}
.intro_map .traffic_info > div .traffic_tit{font-size:24px;font-weight:bold;letter-spacing:-0.5px;line-height:1em;margin-bottom:20px;}
.intro_map .traffic_info > div .traffic_tit span{font-weight:400;}
.intro_map .traffic_info > div .info_txt{font-size:16px;font-weight:400;letter-spacing:-0.3px;color:#000;display:block;}
.intro_map .traffic_info > div .info_txt i{display:inline-block;position:relative;vertical-align:baseline;color:#bb9126;margin-right:10px;padding-left:33px;box-sizing:border-box;font-style:normal;font-weight:normal;}
.intro_map .traffic_info > div .info_txt i:before{content:attr(data-content);width:24px;height:24px;border-radius:50%;-webkit-border-radius:50%;background-color:#cda43a;color:#fff;font-weight:normal;position:absolute;left:0;top:1px;text-align:center;line-height:22px;}
.intro_map .traffic_info > div .info_txt i.green{color:#697021}
.intro_map .traffic_info > div .info_txt i.green:before{background-color: #697021}
.intro_map .traffic_info > div .info_txt i.purple{color:#8936e0}
.intro_map .traffic_info > div .info_txt i.purple:before{background-color: #8936e0}
.intro_map .traffic_info > div .info_txt:nth-of-type(n+2){margin-top:10px;}
.intro_map .traffic_info > div .info_txt2{font-size:16px;font-weight:400;letter-spacing:-0.4px;display:block;}
.intro_map .traffic_info > div .info_txt2:nth-of-type(1){margin-top:-3px;}
.intro_map .traffic_info > div .info_txt2:nth-of-type(n+2){margin-top:3px;}
.intro_map .traffic_info > div .info_txt2 i{font-style:normal;min-width:40px;padding:0 5px;box-sizing:border-box;font-size:14px;color:#fff;display:inline-block;background-color:#50a332;vertical-align:baseline;margin-right:7px;height:24px;text-align:center;line-height:22px;}
.intro_map .traffic_info > div .info_txt2.len_small{width: 120px;display: inline-block;}
.intro_map .traffic_info > div .info_txt2 i.blue{background-color:#0168c7}
.intro_map .traffic_info > div .info_txt2 i.sky{background-color:#52a5df}
.intro_map .traffic_info > div .info_txt2 i.green{background-color:#3a881e}
.intro_map .traffic_info > div .info_txt2 i.red{background-color:#e51616}
.intro_map .traffic_info > div .info_txt3{font-size:16px;color:#000;font-weight:400;line-height:24px;letter-spacing:-0.5px;}
.intro_map .traffic_info.v2 > div {width:33.333%;padding-right:5px;height: 212px;}
.intro_map .traffic_info.v3 > div{height: auto;}

/* 간편자가진단테스트 */
.psychometry_test .explainTxtbox {background: url(../img/affi/psycounsel/psychometry_topico.png) no-repeat 35px 45px;padding: 35px 30px 35px 130px;}
.psychometry_test .explainTxtbox .btnC_arrLineR_white {margin-top:10px;}
.psychometry_test ul.testList {font-size:0;width:calc(100% + 25px);margin-left:-25px;font-size:0;}
.psychometry_test ul.testList > li {position:relative;display:inline-block;width: calc(33.3% - 30px);height:250px;margin-left:30px;background-size:cover;text-align:center;vertical-align: top;box-sizing:border-box;cursor:pointer;overflow:hidden;}
.psychometry_test ul.testList > li > div {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../img/affi/psycounsel/bdi_bg.png) no-repeat center center;background-size:cover;transition:0.2s;}
.psychometry_test ul.testList > li > div span.dim {content:'';display:none;width:100%;height:100%;background:#000;opacity:0.2}
.psychometry_test ul.testList>li:hover div {transform:scale(1.2);}
.psychometry_test ul.testList>li>div span.dim.on {display:inline-block;}
.psychometry_test ul.testList > li.bai > div {background-image: url(../img/affi/psycounsel/bai_bg.png)}
.psychometry_test ul.testList>li.aqk > div{background-image: url(../img/affi/psycounsel/aqk_bg.png)}
.psychometry_test ul.testList>li.ses > div {background-image: url(../img/affi/psycounsel/ses_bg.png)}
.psychometry_test ul.testList>li.sads > div {background-image: url(../img/affi/psycounsel/sads_bg.png)}
.psychometry_test ul.testList>li.eat > div {background-image: url(../img/affi/psycounsel/eatdisabled_bg.png)}
.psychometry_test ul.testList>li.alchole > div {background-image: url(../img/affi/psycounsel/alchole_bg.png)}
.psychometry_test ul.testList>li.internet > div {background-image: url(../img/affi/psycounsel/pcaddicted_bg.png)}
.psychometry_test ul.testList>li.work > div {background-image: url(../img/affi/psycounsel/workaddicted_bg.png)}
.psychometry_test ul.testList > li > p {position:relative;margin-top:100px;font-size:24px;font-weight:500;color:#fff;}
.psychometry_test ul.testList>li.sads>p {margin-top:70px;}
.psychometry_test ul.testList > li > p > span.arrow {display:none;position:absolute;margin-top:25px;width:32px;height:18px;background:url(../img/affi/psycounsel/arr_test.PNG) no-repeat center;top:50%;left:50%;text-indent:-99999px;margin-left:-16px;}
.psychometry_test ul.testList>li.sads > p > span.arrow {margin-top:40px}
.psychometry_test ul.testList>li>p>span.arrow.on {display:block !important;}
.psychometry_test ul.testList>li .btnC_arrLineR{display:block;margin:15px auto 0 auto;}
.psychometry_test ul.testList>li .btnC_arrLineR > span {min-width:120px;}
.psychometry_test ul.testList > li:nth-child(n+4){margin-top:30px;}
.test_Pop .testInfoTable {margin: 25px 0 25px }
.test_Pop .testInfoTable table td.sex .inp_r+.inp_r{margin-left:10px;}
.test_Pop .testInfoTable table td.age .inp_t {width:100px;margin: 0 20px;}
.testInfoTable.lineTop_tbArea .lineTop_tbL2 th {background:#fff;}
.test_Pop .testList > li {padding:20px 0;border-top: 1px solid #dddfe5;}
.test_Pop .testList > li:last-child{border-bottom:1px solid #dddfe5;}
.test_Pop .testList>li:first-child{border-top:0}
.test_Pop .testList > li > ul > li + li {margin-top:5px;}
.test_Pop .result {padding:20px 25px;background:#f1f2f7;margin:50px 0}
.test_Pop .result .depression_score {padding-bottom: 15px;font-size:21px;font-weight:500;margin-bottom:15px;border-bottom:1px solid #cfd3d9;}
.test_Pop .result .depression_test_box {margin-top:15px;font-size: 16px;}
.test_Pop .testTit {display:block;margin-bottom:15px;font-size:16px;font-weight:500;}
.test_Pop .popInner > p.txt {padding-top:20px;border-top:1px solid #dddfe5;}

/* 학생상담센터 */
.studentCounsel.service_guide .cont_topBanner {background-image:url(../img/affi/studentcounsel/student_serviceguide_banner.png)}
.studentCounsel .cont_group {width:100%;overflow:hidden;margin-bottom:105px;}
.studentCounsel .right_img {width:430px;float:right;position:relative;}
.studentCounsel .right_img::before {content:"";display:block;width:150px;height:4px;background-color:#b5926f;position:absolute;top:70px;left:-105px;}
.studentCounsel .right_img>img {display:block;}
.studentCounsel .left_txt {width:calc(100% - 430px);float:left;padding-right:50px;box-sizing:border-box;}
.studentCounsel .g_txt1 {margin-bottom:40px;padding-right:70px;font-size:40px;color:#000;line-height:50px;letter-spacing:-0.7px;box-sizing:border-box;font-weight:300;}
.studentCounsel .left_txt p.txt {font-size:18px;color:#666;font-weight:500;}
.studentCounsel .left_txt p.txt > span.smallTxt {font-weight:300;color:#000;font-size:16px;}
.studentCounsel .left_txt p.bigTit {font-size:24px;font-weight:500;}
.studentCounsel .support_contact {padding:25px 85px;}
.studentCounsel .support_contact .txtBluetit {display:block;}
.studentCounsel.service_guide .cont_topBanner .tB_titletxt {margin-top:80px;}
.cont_topBanner .smallTxt {display:block;font-size:16px;font-weight:300;margin-top:15px;color:#fff;}
.counsel_member .txtBluetit.tableTit {margin: 20px 0 15px 0;}
.face_counsel .cont_topBanner {background:url(../img/affi/studentcounsel/facecounsel_banner.png) no-repeat center center;background-position: 0 50%;}
.face_counsel ul.list_dotGray {margin-top: 30px;}
.face_application .explainTxtbox {background:url(../img/affi/studentcounsel/ico_facecounsel.png) no-repeat 40px 40px;padding-left: 130px;}
.inp_r.cCir>label {font-weight:500;font-size:16px;}
.board_counsel .next_list1 {margin-top:40px;}
.board_counsel .cont_topBanner {background:url(../img/affi/studentcounsel/boardcounsel_banner.png) no-repeat center center;}
.psycounsel_guide .cont_topBanner {background:url(../img/affi/studentcounsel/counselguide_banner.png) no-repeat center center;}
.psycounsel_guide .next_list1 {padding-bottom:30px;}
.psycounsel_guide ul.explainList {margin-top:50px;border:0;}
.psycounsel_guide ul.explainList li .rightTxt p.txtBluetit {font-size:24px;color:#000;font-weight:555;letter-spacing: -0.5px;}
.psycounsel_guide .txtBluetit > span {margin-left:12px;color: #05548f;font-size:16px;font-weight:500;}
.psycounsel_guide ul.explainList>li:first-child {padding-top:0}
.psycounsel_guide ul.explainList>li+li {border-top:0}
.psycounsel_guide ul.explainList>li:last-child {border-bottom:0}
.train_course .explainTxtbox {background: url(../img/affi/studentcounsel/ico_explain.png) no-repeat 35px 40px;padding: 35px 30px 35px 150px;}
.train_course .trainList {width:calc(100% + 30px);margin-left:-30px;margin-top:30px;font-size:0}
.train_course .trainList li {display:inline-block;width:calc(33.333% - 30px);margin-left:30px;vertical-align:top;font-size:0}
.train_course .trainList li:nth-child(n+4) {margin-top:30px}
.train_course .trainList li > p {margin-top:20px;font-size:16px;}
.contactArea {padding-top:18px;border-top:1px solid #dddfe5;}
p.contactTxt {margin-top:6px;}
p.contactTxt a, p.contactTxt span{margin-left:10px;margin-right:15px}
p.contactTxt a.email {margin-right:0;margin-left:0}
.support_contact p.contactTxt {font-weight:500}
.support_contact p.contactTxt span, .support_contact p.contactTxt a {font-weight:300}

/* 사회공헌 */
.contribution.vision{text-align:center;}
.contribution.vision h4 {text-align:center;font-size:48px;letter-spacing:-2px;font-weight:300;}
.contribution.vision h4 p.txt {margin-top:30px;font-weight: 400;letter-spacing:0;}
.contribution.vision h4 > span{font-weight:444;font-size:inherit;}
.contribution.vision .cirArea {display:inline-block;margin-top:45px;}
.contribution.vision .cirArea > ul {display:flex;max-width:900px;margin: 0 auto;}
.contribution.vision .cirArea > ul > li {position:relative;width:234px;height:234px;border-radius:50%;background:url(../img/affi/contribution/cirbg1.png) no-repeat;background-size:cover;}
.contribution.vision .cirArea>ul>li:nth-child(2) {background-image:url(../img/affi/contribution/cirbg2.png)}
.contribution.vision .cirArea>ul>li:nth-child(3) {background-image:url(../img/affi/contribution/cirbg3.png)}
.contribution.vision .cirArea>ul>li:nth-child(4) {background-image:url(../img/affi/contribution/cirbg4.png)}
.contribution.vision .cirArea>ul>li:nth-child(n+2) {margin-left:-18px;}
.contribution.vision .cirArea>ul>li .cir {display:inline-block;position:absolute;width:80px;height:auto;left:50%;margin-top:60px;margin-left:-40px;text-align:center;}
.contribution.vision .cirArea>ul>li .cir > p {margin-top:20px;font-size:21px;font-weight:500;color:#fff;}
.contribution.vision .cirArea>ul>li .cir br {display:none;}

.contribution.field {font-size:0;}

.contribution.field .fieldCont {display:inline-block;width:calc(50% - 25px);}
.contribution.field .fieldCont .cont1 + .cont2 {margin-top:70px;}
.contribution.field .fieldCont.leftCont{margin-right:25px;vertical-align: top;}
.contribution.field .fieldCont.rightCont{margin-left:25px;margin-top:160px;vertical-align: top;}
.contribution.field .fieldCont .contTit_s {position:relative;margin-top:20px;padding-bottom:20px;margin-bottom:25px;}
.contribution.field .fieldCont .contTit_s:before {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 50px;height: 1px;background: #000;}

.logoList {margin-top:100px;padding-top:50px;border-top:1px solid #dddfe5;font-size:0}
.contribution.field .logoList {margin-top:100px;padding-top:50px;border-top:1px solid #dddfe5;font-size:0}
.contribution.field .logoList>ul {display:flex;}
.contribution.field .logoList>ul>li {margin-right:auto;}
.contribution.field .logoList>ul>li:last-child {margin-right:0;}
.NewsTop {padding:40px;background:#f1f2f7;font-size:0}
.NewsTop .imgArea {display:inline-block;width:325px;vertical-align: top;}
.NewsTop .txtArea {display:inline-block;width:calc(100% - 365px); vertical-align: top;margin-left:40px;}
.NewsTop .txtArea .contTit {margin: -8px 0 0 0;font-size: 40px;}
.NewsTop .txtArea p.txt {margin:30px 0;letter-spacing: -1px;}
.NewsTop .txtArea a {color:#000;background-color: rgba(255, 255, 255, 0);}

/* 미술상 */
.art.art_info .cont_group {width:100%;overflow:hidden;margin-bottom:50px;}
.art.art_info .right_img {width:430px;float:right;position:relative;}
.art.art_info .right_img::before {content:"";display:block;width:150px;height:4px;background-color:#b5926f;position:absolute;top:70px;left:-105px;}
.art.art_info .right_img>img {display:block;}
.art.art_info .left_txt {width:calc(100% - 430px);float:left;padding-right:50px;box-sizing:border-box;}
.art.art_info .g_txt1 {margin-bottom:40px;padding-right:70px;font-size:40px;color:#000;line-height:50px;letter-spacing:-0.7px;box-sizing:border-box;font-weight:300;}
.art.art_info .left_txt p.txt {font-size:18px;color:#666;font-weight:500;}
.art.art_info  span.smallTxt {font-weight:300;color:#000;font-size:16px;}
.art_info .boxTxt {position:relative;padding: 30px 0px;border-top: 1px solid #dadfe5;}
.art_info .boxTxt > a {position:absolute;right:40px;top:20px;}
.art_info .boxTxt > b {font-weight:500;font-size:16px}
.art.art_guide ul.explainList {border-top:0;font-size:0}
.art.art_guide ul.explainList>li {padding: 35px 0;font-size: 0;box-sizing: border-box;width: 50%;display: inline-block;}
.art.art_guide ul.explainList>li p.txt {letter-spacing: -0.5px;}
.art.art_guide ul.explainList>li+li {border-top:0}
.art.art_guide ul.explainList>li .txtTit {margin-bottom:15px;font-size:24px;font-weight:555;}
.art.art_guide ul.explainList>li:nth-child(1){padding-top:0}
.art.art_guide ul.explainList>li:nth-child(2){padding-top:0}
.art.art_guide ul li ul li {font-size:16px;letter-spacing:-0.5px;}
.art.art_guide ul li ul li+li {margin-top:10px;}
.art.art_guide b.txtBlue {margin-right:10px;}
.art.art_guide .bottomBanner {width:calc(100% + 30px);margin-top:25px;margin-left:-30px;font-size:0;}
.art.art_guide .bottomBanner > div {display:inline-block;width:calc(50% - 30px);height:210px;margin-left:30px;padding:30px;background:#ddd;box-sizing:border-box;vertical-align: top;background:url(../img/affi/art/guide_bottombannerbg1.png) no-repeat;background-position: 100% 50%;}
.art.art_guide .bottomBanner > div:nth-child(2) {background:url(../img/affi/art/guide_bottombannerbg2.png) no-repeat; background-size:cover;background-position: 100% 50%;}
.art.art_guide .bottomBanner>div > p.tit {margin-bottom:15px;font-size:27px;letter-spacing:-1px;color:#fff;}
.art.art_guide .bottomBanner>div > p.txt {color:#fff;}
.art.art_guide .bottomBanner>div > p.info {margin-top:20px;color:#fff;}
.art.art_guide .bottomBanner>div > a.btnC_arrLineR {margin-top:20px}
.art.art_guide ul.explainList>li:last-child {border-bottom:0}
.art.art_guide .defineLi {position:relative;padding-left:68px;}
.art.art_guide .defineLi b.txtBlue {display:block;position:absolute;left:0}

.board_artApplication .explainTxtbox {background: url(../img/affi/art/ico_prize.png) no-repeat 35px 40px;padding:35px 60px 35px 130px;margin-bottom:60px}
.board_artApplication .explainTxtbox .txtBlue {display:block;}
.share_guide .cont_topBanner {background:url(../img/affi/art/shareguide_banner.png) no-repeat center center;}
.share_guide p.txtBlue {margin-top:35px;margin-bottom:10px;font-size:16px;}
.art .support_contact {margin: 50px 0;padding: 30px 85px;background: #f1f2f7 url(../img/kor/support/icon_tel_info.png) no-repeat 32px 25px;}
.contactTxt{margin-bottom:50px;}
.contactTxt a + a {margin-left:10px}
.centerBanner > ul {font-size:0}
.centerBanner > ul > li {display:inline-block;width:calc(50% - 15px);border:1px solid #dbdee1;box-sizing:border-box;}
.centerBanner > ul > li:nth-child(2) {margin-left:30px;}
.centerBanner > ul > li > p {margin-top:15px;}
.centerBanner>ul>li>a {display:block;padding:30px 40px}
.centerBanner > ul > li span.txtGray {display:block;margin-top:20px;}
.centerBanner > ul > li:nth-child(2) {margin-left:30px;}
.art.receipt .explainTxtbox {background: url(../img/affi/art/ico_recipt.png) no-repeat 60px 45px;padding: 30px 30px 30px 160px;}
.art.receipt .explainTxtbox p.txt {color:#000}
.art.receipt .explainTxtbox p.txt > b {font-weight:500;margin:0 5px 0 10px;}
.art.receipt .explainTxtbox p.txt > b:first-child {margin-left:0}
.art.receipt .explainTxtbox p.btmTxt {margin-top:5px;color:#000;font-size:16px;letter-spacing:-0.5px;}

/* 수상작갤러리 */
.hideG {opacity: 0;margin-top:140px;}
.art.gallery {font-size:0;}
.art.gallery ul {font-size:0;}
.art.gallery .contTit {margin-bottom: -30px;font-size: 36px;}
.art.gallery .galleryL {display:inline-block;width:calc(50% - 60px);margin-right:120px;vertical-align:top;}
.art.gallery .galleryR {display:inline-block;width:calc(50% - 60px);vertical-align:top;}
.art.gallery ul li {display:inline-block;width:100%;position:relative;cursor:pointer;}
.art.gallery ul li .gallaryImg {position:relative;font-size:0;}
.art.gallery ul li .gallaryImg > img {width:100%;}
.art.gallery ul li:hover:before {content:'';display:block;position:absolute;width:100%;height:100%;background:#05548f; background-size:cover;z-index:2;opacity:0.9}
.art.gallery ul li:hover:after {content:'';display:block;position:absolute;width:62px;height:62px;top:50%;left:50%;margin-top:-31px;margin-left:-31px;background:url(../img/affi/art/gallery_h_plus.PNG) no-repeat center;z-index:2;}
.art.gallery ul li  > .artInfo {display:inline-block;position:absolute;min-width:380px;padding:30px;background:#fff;right:-2px;bottom:-1px;box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.12);box-sizing:border-box;}
.art.gallery ul li  > .artInfo.style2 {position:inherit;width:100%;}
.art.gallery ul li>.artInfo .award {font-size: 16px;color: #977649;}
.art.gallery ul li>.artInfo .workTit {font-size:24px;font-weight:500;}
.art.gallery ul li>.artInfo .workInfo {font-size:14px;}
/* .art.gallery ul li:hover .artInfo {display:none;} */
/* .art.gallery ul li:nth-child(n+2) {margin-top:70px;} */


/* 심사평 */
.commentry .contTit_s {font-size:21px;font-weight:500;}
.commentry .contTit_s > span.txtYellow {margin-right:13px;}
.commentry .txtGroup {font-size:16px;}
.commentry .txtGroup b {font-weight:444}
.commentry .txtGroup + .txtGroup {margin-top:30px;}
.commentry .txtBlue_box {margin-top:30px;padding:40px;background:#f1f2f7;overflow:hidden;}
.commentry .txtBlue_box .contTit_s {float:left;margin-top:0;margin-bottom:0;margin-right:40px;}
.commentry .txtBlue_box .txtBlue {display:inline-block;width:45px;font-size:16px;font-weight:500;vertical-align: top;}
.commentry .txtBlue_box>ul.art.gallery {
    font-size: 0
}
.commentry .txtBlue_box>ul>li + li {margin-left:30px;}
.commentry .txtBlue_box > ul > li > ul.list_dotGray {display:inline-block;width:auto;}
.commentry .txtBlue_box > ul > li > ul.list_dotGray b {margin-right:7px;font-weight:500}
.commentry .txtBlue_box > ul > li {display:inline-block;}
.art.share .imgArea {margin-bottom:20px;}

/* 갤러리 팝업 */
._Layer_Pop_ {display:none;position:fixed;max-width:900px;width:auto;height:auto;z-index:99999999;font-size:0;}
._Layer_Pop_ .gall_popCont {display:inline-block;position:relative;overflow-x:hidden;overflow-y:auto;}
._Layer_Pop_ .gall_popCont .gallaryImg {position:relative;font-size:0;}
._Layer_Pop_ .gall_popCont .gallaryImg > img {width:100%;max-height: 600px;}
._Layer_Pop_ .gall_popCont .artInfo {display:block;padding:30px;background:#fff;}
._Layer_Pop_ .gall_popCont .artInfo .award {font-size: 16px;color: #977649;}
._Layer_Pop_ .gall_popCont .workTit {font-size:24px;font-weight:500;}
._Layer_Pop_ .gall_popCont .workInfo {font-size:16px;}
._Layer_Pop_ .closeBtn {position:absolute;top:0;right:-45px}
._Layer_Pop_ .pop_close {display:block;position:fixed;width:28px;height:28px;background:url(../img/affi/art/btn_popclose.PNG) no-repeat center;}

/* 팝업 */
.test_Pop  {width:90%;max-height:90%;max-width:810px;}
.test_Pop .popTit {margin-bottom: 30px;color:#05548f;font-family:'Noto Sans KR',sans-serif;font-size:24px;font-weight:500;line-height:28px;padding: 34px 80px 0px 30px;}
.test_Pop .contTit {position:relative;margin-bottom:30px;box-sizing:border-box;padding:20px;background:#f1f2f7;color:#000;font-family:'Noto Sans KR',sans-serif;font-size:28px;font-weight:400;line-height:32px;text-align:center;}
.test_Pop .contTit>em {display:block;margin-top:5px;color:#666;font-style:normal;font-family:'Noto Sans KR',sans-serif;font-size:18px;font-weight:400;line-height:22px;text-align:center;}
.test_Pop .lineTop_tbArea .lineTop_tbL2 th {background:none;}
.test_Pop .eduCourse_info {border-bottom:1px solid #dddfe5;}
.test_Pop .eduCourse_info .lineTop_tbArea,
.test_Pop .eduCourse_info .txt {margin-bottom:25px;}
.test_Pop .btn_area {font-size:0;text-align:center;}
.test_Pop .btn_area .btn_close {width:90px;height:40px;border-radius:22px;background:#ccc;color:#333;font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:40px;text-align:center;}

/* 프로그램 */
.Scroll_Check_YN_Wrap {width: 100%;height: auto;margin-bottom: 50px;}
.Scroll_Check_YN_Wrap .Cont_Scroll {width: 100%;height: 285px;overflow-y: auto;padding: 30px;box-sizing: border-box;background-color: #f0f2f7;}
.Scroll_Check_YN_Wrap .Cont_Scroll .Sub_Ass_Tit1:nth-child(n+2){margin-top: 15px;}
.Scroll_Check_YN_Wrap .Cont_Scroll .Sub_Ass_Txt1:nth-child(n+2){margin-top: 10px;}
.Scroll_Check_YN_Wrap .Check_Wrap{width: 100%;margin-top: 20px;}
.Scroll_Check_YN_Wrap .Check_Wrap .inp_r{margin-right: 30px;}
.face_application .Scroll_Check_YN_Wrap .Cont_Scroll.short {height:200px;}

.next_list1 ul li .bottom_txt b {font-weight:500}

.cont_dtl2 .exclam span {float:right;}

@media all and (max-device-width:1041px) {
    /* 한줄 List */
    ul.explainList>li ul.list_dotGray.list2 li {width:100%}

    /* 상담심리센터 */
    .psycounsel .right_img {width:35%;}
    .psycounsel .right_img::before {width:120px;left:-80px;}
    .psycounsel .left_txt {width:65%;padding-right:15px}
    .psycounsel .g_txt1 {padding-right:35px;font-size:30px;line-height:38px;}
    .psycounsel.info .list_dotBlue{padding-left:40px;}
    .psycounsel.info .list_dotBlue>li {width:48%;}
    .psycounsel.info .contTit_s::before {width:40px;left:115px;}

    .counsel_member>ul>li .professor {width:100%;}
    .counsel_member>ul>li .professor:first-child {padding-bottom:35px;}
    .counsel_member>ul>li .professor:nth-child(2) {margin-left:0;padding-top:35px;}
    .counsel_member>ul>li .professor + .professor {border-top: 1px solid #dadee1}

    .psycounsel_info .diagramArea {text-align:center;}
    .psycounsel_info .diagramArea .ct1 dl {margin-left:0;}
    .psycounsel_info .diagramArea .ct2 {float:inherit;}
    .psycounsel_info .diagramArea .ct2 .bg {margin:100px auto 0 auto;}
    .psycounsel_info .diagramArea .ctArea::before {width:1px;height:500px;left:50%;top:40%;}
    .psycounsel_info .diagramArea .ctArea::after {top:56%;left:50%;margin-left:5px}

    .psychometry .diagramArea dd.counsel1 {position:inherit;margin: 100px auto 0 auto;top:0;width:200px;height:200px;}
    .psychometry .diagramArea dd.counsel2 {position:inherit;margin: 50px auto 0 auto;width:200px;height:200px;}
    .psychometry .diagramArea::before {width:1px;height:600px;top:30%;left:50%;z-index:-1;}
    .psychometry .diagramArea dd.counsel2::after {margin-top:-10px;top:48%;left:50%;margin-left:-5px;}

    /*찾아오시는길*/
    .intro_map{padding-bottom:50px;}
    .intro_map .map_info .si_05_icon.floor span{width:calc(33.333% - 3px) !important;padding-right:20px;box-sizing:border-box;word-break:keep-all;}
    .intro_map .traffic_info > div{padding:20px 10px 20px 80px;height:auto;}
    .intro_map .traffic_info > div img{width:50px;left:15px;top:20px;}
    .intro_map .traffic_info > div .traffic_tit{font-size:20px;}
    .intro_map .traffic_info > div .info_txt2 i{width:40px;display:block;}
    .intro_map .traffic_info > div .info_txt2:nth-of-type(n+2){margin-top:10px;}
    .intro_map .traffic_info > div .info_txt2.len_small i{display: inline-block;}
    .intro_map .traffic_info.v2 > div{height:251px;}
    .intro_map .traffic_info > div .info_txt3 br{display:none;word-break:break-all;}

    #tab2 .intro_map .map_info .si_05_icon.map{margin-left:0;display:block;margin-top:10px;}
    #tab2 .intro_map .map_info .si_05_icon.tel{margin-left:0;margin-top:10px;}
    #tab2 .intro_map .map_info .si_05_icon.fax{margin-top:10px;}


    /* 간편자가진단테스트 */
    .psychometry_test ul.testList>li>p>span.arrow {display:block;}
    .psychometry_test ul.testList>li {width: calc(50% - 30px);}
    .psychometry_test ul.testList>li:nth-child(n+4) {margin-top:0px;}
    .psychometry_test ul.testList>li:nth-child(n+3) {margin-top:30px;}

    /* 학생상담센터 */
    .studentCounsel .right_img {width:35%;}
    .studentCounsel .right_img::before {width:120px;left:-80px;}
    .studentCounsel .left_txt {width:65%;padding-right:15px}
    .studentCounsel .g_txt1 {padding-right:35px;font-size:30px;line-height:38px;}

    /* 사회공헌 */
    .WhyCont .Txt{width: 600px}
    .WhyCont .Txt h4::before{bottom: 34px;right: -43px;}
    .WhyCont .img_box{width: calc(100% - 600px);position: relative;}
    .contribution.vision .cirArea>ul>li{width:180px;height:180px;}
    .contribution.vision .cirArea>ul>li:nth-child(n+2){margin-left:-15px;}
    .contribution.vision .cirArea>ul>li .cir br {display:block;}
    .contribution.vision .cirArea>ul>li .cir{width:60px;margin-top:32px;margin-left:-30px;}
    .contribution.vision .cirArea>ul>li .cir>p{margin-top:7px;line-height:24px;}
    .NewsTop .txtArea p.txt {margin: 20px 0;}

    /* 미술상 */
    .art.art_guide ul.explainList>li {width:100%}
    .art.art_guide ul.explainList ul.list_dotGray {width:auto;}
    .centerBanner>ul>li {width:100%;}
    .centerBanner>ul>li>a {display:block;padding:20px}
    .centerBanner>ul>li:nth-child(2){margin-left:0;margin-top:20px;}

    /* 심사평 */
    .commentry .txtBlue_box .contTit_s {float:inherit;margin-bottom:15px;margin-right:0;text-align:center;}
    .commentry .txtBlue_box>ul>li {width:100%;text-align:center;}
    .commentry .txtBlue_box>ul>li + li {margin-top:10px;margin-left:0}
    .commentry .txtBlue_box .txtBlue {display:block;width:auto;}

    /* 전문 구성원 */
    .professorList2>ul>li {width: calc(50% - 30px);}
    .professorList2>ul>li:nth-child(n+4){margin-top:0}
    .professorList2>ul>li:nth-child(n+3){margin-top:30px}

    .cont_dtl2 .exclam span {float:inherit;display:block;text-align:right;}
}

@media all and (max-device-width:880px) {
    .next_list1 ul li .top_img {width: 100px;height: 100px;}
    .next_list1 ul li .bottom_txt {word-break: keep-all;}
    .next_list1 ul li .top_img>img {width: 50px;left: calc(50% - 25px);top: calc(50% - 25px);}
    .next_list1 ul li:nth-child(n+2):before {width: 30px;height: 13px;left: -15px;top: 45px;}
    .service_guide .next_list1.item4 ul li:nth-child(n+2):before {left: calc(50% - 17px);top: -7px;z-index: 1;width: 35px;height: 15px;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
}

@media all and (max-device-width:850px) {
    .psycounsel_guide .next_list1 ul li:nth-child(n+2):before {left: calc(50% - 17px);top: -7px;z-index: 1;width: 35px;height: 15px;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
}

@media all and (max-device-width:768px) {
    /* 공통 */
    .titLine_top {padding-top:25px}
    p.txt {font-size:14px;}
    .txtBluetit {font-size:14px;}
    .contTit_line {margin:20px 0 10px;}
    .contTit_s {margin:25px 0 15px 0;font-size:18px;}
    .support_contact {margin-top:25px;background-size:30px auto;padding:20px 20px 20px 75px;}
    .support_contact p {display:block;}
    .support_contact a + a {margin:0;}
    .support_contact a {margin:0 10px}
    .lineTop_tbArea .lineTop_tbL2 td {font-size:14px;}
    .cont_topBanner {margin-left:-20px !important;width:calc(100% + 40px);min-height:inherit;padding:30px 15px;}
    .cont_topBanner .tB_titletxt {margin-top:0px;letter-spacing:0.3px;line-height:25px;font-size:18px;font-weight:500;}
    .cont_topBanner .tB_subtxt {word-break:keep-all;font-size:13px;margin-top:10px;line-height:18px;}
    .cont_topBanner .tB_subtxt br {display:none}
    .list_dotGray>li{font-size:14px;}
    .box_iconlist2 li .icon_img {background:none;width:70px;height:70px;}
    .box_iconlist2>li img {width:70px;}
    .box_iconlist2 li .txt_list{padding:0;margin-top:10px;width:100%;}
    .explainTxtbox {padding:60px 15px 15px 15px;background-position:center 20px;background-size:60px auto;}
    .explainTxtbox br {display:none;}
    .explainTxtbox h5 {margin-bottom: 5px;text-align: center;font-size:16px;}
    .explainTxtbox p.txt {text-align: center;font-size:14px;}
    .psychometry_test .explainTxtbox {padding:65px 15px 15px 15px;background-position:center 20px;background-size:40px auto;}
    .btnArea2 {margin: 25px 0!important;padding: 0 !important;}
    .exclamArea > p.exclam {position:inherit;margin-top:10px}
    .program {margin-top:50px}

    ul.explainList>li {padding:15px 0;}
    ul.explainList>li>.txtBluetit{width:100%;font-size:18px;margin-bottom:10px;}
    ul.explainList>li>.rightTxt{width:100%;font-size:14px;}
    .psychometry_test .explainTxtbox {text-align:center}
    .next_list1 ul li {width: 100%;}
    .next_list1.item4 ul li {width:100%}
    .next_list1 ul li:nth-child(n+2) {padding-top: 30px;margin-top: 30px;}
    .next_list1 ul li:nth-child(n+2):before {left: calc(50% - 17px);top: -7px;z-index: 1;width: 35px;height: 15px;transform: rotate(90deg);-webkit-transform: rotate(90deg);}

    ul.explainList li p.txtGroup+p.txtGroup {margin-top:6px;}

    /* 상담심리센터 */
    .psycounsel .support_contact {padding: 50px 15px 15px 15px;text-align: center;background-size: 25px auto;background-position: center 15px;}
    .psycounsel .support_contact p {margin:0}
    .psycounsel .support_contact a {margin:0}
    .psycounsel .right_img::before {display:none;}
    .psycounsel .counselArea {padding:30px 10px 30px 0;box-sizing:border-box;}
    .psycounsel.info .contTit_s {width:100%;}
    .psycounsel .cont_group {margin-bottom:40px}
    .psycounsel.info .list_dotBlue {padding-left:10px;width:100%}
    .psycounsel .right_img {width:100%}
    .psycounsel .right_img img {margin:0 auto;}
    .psycounsel .left_txt{width:100%;margin-top:20px;}
    .psycounsel .g_txt1 {margin-bottom:20px;padding-right:0;font-size:22px;line-height:27px;}
    .psycounsel .left_txt p.txt {font-size:14px;}
    .psycounsel .left_txt p.txt>span.smallTxt {font-size:13px;}
    .psycounsel.info .list_dotBlue>li {font-size:14px;line-height:21px;width: calc(47% - 10px);}
    .psycounsel.info .list_dotBlue>li:nth-child(2n) {margin-left:10px;}
    .psycounsel.info .list_dotBlue>li::before {top:10px;}
    .field .box_iconlist2>li {padding-left:0;text-align:center;}
    .field .cont_topBanner .tB_titletxt {margin-top:0}
    .box_iconlist2 li .txt_list .contTit_s {font-size:20px;}
    .service_guide .cont_topBanner .tB_titletxt {margin-top:0px}
    .diagramArea {margin:25px 0}
    .img_inner_txt3 {padding:15px;}
    .img_inner_txt3 ul {width:100%}
    .img_inner_txt3 ul+ul {margin-top:40px;}
    .img_inner_txt3 ul li:last-child span:after{display:block;}
    .img_inner_txt3 ul:last-child li:last-child span:after{display:none;}
    .img_inner_txt3 ul li span{width:70px;height:70px;font-size:13px;line-height:20px;padding-top:14px;}
    .img_inner_txt3 ul li span i{font-size:20px;}
    .img_inner_txt3 ul li p{font-size:14px;line-height:20px;width:calc(100% - 76px);font-weight:400;}
    .img_inner_txt3 ul li p i{display:block;}
    .img_inner_txt3 ul li p br{display:none;}
    .img_inner_txt3 ul li p > b{font-size:16px;line-height:20px;font-weight:500;}
    .img_inner_txt3 ul li p.f_s16{font-size:13px;line-height:18px;}

    .field ul.explainList > li > .txtBluetit {width:100%;padding-left:0px;}
    .field ul.explainList>li>.rightTxt {width:100%}

    .psycounsel.service_guide .tB_titletxt br {display:none;}

    /* 전문구성원 */
    .psyCounsel.counsel_member>ul>li .leftArea img {max-width:90px;}
    .counsel_member>ul>li .leftArea{display:block;margin-right:0;}
    .counsel_member>ul>li>div>p{margin-bottom:5px;font-size:18px;}
    .counsel_member>ul>li>div>p>span{margin-left:3px;font-size:14px;}
    .counsel_member > ul > li > div >p.head {font-size:22px}
    .counsel_member > ul > li > div >p.head>span {font-size:18px}
    .counsel_member>ul>li{padding:15px 0;}
    .counsel_member>ul>li .infoArea>.list_dotBlue>li{font-size:14px;}
    .counsel_member>ul>li .professor:nth-child(2){padding-top:15px}
    .counsel_member>ul>li .professor:first-child {padding-bottom:15px}
    .counsel_member>ul>li .leftArea>p{margin-left:3px;font-size:14px;margin-bottom:5px}
    .counsel_member>ul>li .leftArea>p>span{margin-left:3px;font-size:14px;}
    .counsel_member>ul>li .infoArea{width:100%}
    .professorList2>ul{width:100%;margin-left:0;}
    .professorList2>ul>li {width:100%;height:auto;margin-left:0;padding:15px;}
    .professorList2>ul>li + li {margin-top:15px;}
    .professorList2>ul>li>p{margin-bottom:5px;font-size:18px;}
    .professorList2>ul>li>p>span{margin-left:3px;font-size:14px;}
    .professorList2 .list_dotBlue>li {font-size:14px;}
    .professorList2 .list_dotBlue>li+li{margin-top:5px;}
    .psycounsel_info .left_txt p.txt > span.smallTxt {margin: 15px 0;}
    .psycounsel_info .bottomContact {padding-top:15px;margin-top:20px;}
    .psycounsel_info .bottomContact b {display:block;margin-right:10px;}
    .psycounsel_info .bottomContact a + a {margin-left:5px;}

    .child_counsel .cont_topBanner .tB_titletxt {margin-top:0}
    .adult_counsel .cont_topBanner .tB_titletxt {margin-top:0}
    .family_counsel .cont_topBanner .tB_titletxt br {display:none}
    .testSort p.txt.mT20 a {display:block}

    .psychometry p.bigTit {font-size:18px;margin-top:25px;}
    .psychometry .diagramArea dt{width:200px;height:200px;}
    .psychometry .diagramArea dt>.secondCir {width:170px;height:170px;margin-left:-85px;margin-top:-85px;}
    .psychometry .diagramArea dt > .secondCir > span {width:115px;height:115px;margin-left:-57.5px;margin-top:-57.5px;}
    .psychometry .diagramArea dt>.secondCir>span>b {font-size:18px}
    .psychometry .diagramArea dd.counsel1{margin: 50px auto 0 auto;width:130px;height:130px;}
    .psychometry .diagramArea dd.counsel1>span{font-size:16px}
    .psychometry .diagramArea dd.counsel2{margin: 50px auto 0 auto;width:130px;height:130px;}
    .psychometry .diagramArea dd.counsel2>span{font-size:16px}
    .psychometry .diagramArea::before {height:300px;}
    .psychometry .diagramArea dd.counsel2::after {top:42%;}
    .psychometry p.bigTit+p.txt {margin-top:15px;}
    .psychometry .cont_topBanner .tB_titletxt {margin-top:0}

    ul.explainList li>.left_ico {width:70px;height:70px;margin-right:0;}
    ul.explainList li>.left_ico > img {width:40px;height:40px;margin-left:-20px;margin-top:-20px;}

    .testSort .explainTxtbox {background-size: 45px auto;background-position: center 15px;padding: 65px 15px 15px 15px;text-align:center;}

    /*찾아오시는길*/
    .si_05_icon{font-size:14px;padding-left:23px}
    .si_05_icon.map:before{top:3px;}
    .si_05_icon.tel:before{top:0px;}
    .si_05_icon.floor:before{top:7px;}
    .si_05_icon.fax:before{top:2px;}
    .intro_map{padding:20px 0 0px 0;}
    .intro_map .map_info{margin:10px 0 20px 0;}
    .intro_map .map_info .si_05_icon{display:block;}
    .intro_map .map_info .si_05_icon.tel{margin-left:0;margin-top:10px;}
    .intro_map .map_info .si_05_icon.floor span{width:100% !important;padding-right:0px;}
    .intro_map .map_info .si_05_icon.fax{margin-left:0;margin-top:10px;}
    .si_05_icon.email{margin-left:0;margin-top:10px;}
    .si_05_icon.email:before {top:2px;}

    .intro_map .traffic_info{border-bottom:none;}
    .intro_map .traffic_info > div .traffic_tit{font-size:17px;}
    .intro_map .traffic_info > div .traffic_tit span{font-size:inherit;}
    .intro_map .traffic_info > div{padding:20px 0;}
    .intro_map .traffic_info > div img{position:static;margin-bottom:10px;}
    .intro_map .traffic_info > div{width:100%;border-left:none !important;}
    .intro_map .traffic_info > div:nth-child(n+2){border-top:1px solid #dddfe5}
    .intro_map .traffic_info > div .info_txt{font-size:14px;}
    .intro_map .traffic_info > div .info_txt i{padding-left:25px;margin-right:5px;}
    .intro_map .traffic_info > div .info_txt i:before{font-size:12px;width:18px;height:18px;line-height:16px;}
    .intro_map .traffic_info > div .info_txt2{font-size:14px;}
    .intro_map .traffic_info > div .info_txt2 i{margin-bottom:5px;font-size:13px;}

    .intro_map .traffic_info.v2 > div{width:100% !important;height:auto;}
    .intro_map .traffic_info > div .info_txt3{font-size:14px;}


    /* 자가진단테스트 */
    .test_Pop .testInfoTable table td.sex .inp_r+.inp_r{margin-left:00px;}
    .test_Pop .testInfoTable table td.age .inp_t {width:70px;margin: 0 10px;}
    .psychometry_test ul.testList>li>p {margin-top:0;font-size:18px;}
    .psychometry_test ul.testList .btnC_arrLineR>span {min-height: 36px;padding: 7px 45px 7px 20px;}
    .psychometry_test ul.testList {width: calc(100% + 15px);margin-left: -15px;}
    .psychometry_test ul.testList>li {width: calc(50% - 15px);height:150px;margin-left:15px;padding:45px 0;}
    .psychometry_test ul.testList>li:nth-child(n+3){margin-top:15px;}
    .psychometry_test ul.testList>li.sads {padding:30px 0;}
    .psychometry_test ul.testList>li.sads>p {margin-top:0}
    .test_Pop .popTit {margin-bottom:7px;font-size:20px;}
    .test_Pop .testInfoTable {margin: 15px 0 20px;}
    .testPop .popLayout .btn_popClose {top:20px;}
    .test_Pop .popTit {padding: 18px 40px 8px 15px;}

    /* 학생심리상담 */
    .studentCounsel .support_contact {padding: 50px 15px 15px 15px;text-align: center;background-size: 25px auto;background-position: center 15px;}
    .studentCounsel .right_img::before {display:none;}
    .studentCounsel .counselArea {padding:30px 30px 30px 0;}
    .studentCounsel.info .contTit_s {width:100%;}
    .studentCounsel .cont_group {margin-bottom:40px}
    .studentCounsel.info .list_dotBlue {padding-left:10px;width:100%}
    .studentCounsel .right_img {width:100%}
    .studentCounsel .right_img img {margin:0 auto;}
    .studentCounsel .left_txt{width:100%;margin-top:20px;}
    .studentCounsel .g_txt1 {margin-bottom:20px;padding-right:0;font-size:22px;line-height:27px;}
    .studentCounsel .left_txt p.txt {font-size:14px;}
    .studentCounsel .left_txt p.txt>span.smallTxt {font-size:13px;}
    .studentCounsel.service_guide .cont_topBanner .tB_titletxt {margin-top:0}
    .face_counsel .btnArea > a {display:block;margin-left:0 !important;margin-top:5px !important;}
    .board_counsel .next_list1 {padding-bottom:15px;margin-bottom:10px;}
    .psycounsel_guide .cont_topBanner {background-size:cover;background-position:20% 50%;}
    .psycounsel_guide ul.explainList {margin-top:25px;}
    .psycounsel_guide ul.explainList li .rightTxt p.txtBluetit {font-size:18px;}
    .psycounsel_guide .txtBluetit>span {display:block;margin-left:0;font-size:14px;}
    .train_course .explainTxtbox {background-position: center 20px;padding: 60px 20px 20px 20px;background-size: 50px auto;}
    .train_course .trainList {width:100%;margin-left:0px;margin-top:15px;}
    .train_course .trainList li {width:100%;margin-left:0px;text-align:center;}
    .train_course .trainList li:nth-child(n+4) {margin-top:0px}
    .train_course .trainList li:nth-child(n+2) {margin-top:10px}
    .train_course .trainList li > p {margin-top:10px;font-size:14px;}
    .counsel_member .txtBluetit.tableTit{margin: 10px 0 8px 0}
    .contactArea {padding-top:18px;border-top:1px solid #dddfe5;}
    .p.contactTxt {margin-top:4px;}
    .p.contactTxt a, .p.contactTxt span{margin-left:5px;margin-right:7px}
    .p.contactTxt a.email {margin-left:0px;margin-right:0}
    p.contactTxt a, p.contactTxt span {display:block;margin-left:0}

    .contribution.field .fieldCont {width:100%;}
    .contribution.field .fieldCont .cont1 + .cont2 {margin-top:35px;}
    .contribution.field .fieldCont.leftCont{margin-right:0px;vertical-align: top;}
    .contribution.field .fieldCont.rightCont{margin-left:0px;margin-top:35px;}
    .contribution.field .fieldCont .contTit_s {position:relative;margin-top:10px;padding-bottom:10px;margin-bottom:15px;}
    .contribution.field .fieldCont .contTit_s:before {width:25px}
    .contribution.field .logoList {margin-top:50px;padding-top:25px;}
    .contribution.field .logoList>li {width: 100%;margin-left: 0;margin-top: 5px;}
    .contribution.field .logoList>ul {display:block;font-size:0}
    .contribution.field .logoList>ul > li {display:inline-block;width:calc(25% - 15px);margin-right:0;margin-top:15px;}
    .contribution.field .logoList>ul > li + li {margin-left:15px;}
    .contribution.field .logoList>ul > li:nth-child(5n) {margin-left:0}
    .contribution.vision .cirArea>ul {display:block;}
    .contribution.vision .cirArea > ul > li {display:inline-block;background-image:url(../img/affi/contribution/cirbg1_m.png);}
    .contribution.vision .cirArea>ul>li:nth-child(2) {background-image:url(../img/affi/contribution/cirbg2_m.png)}
    .contribution.vision .cirArea>ul>li:nth-child(2):before {content:'';display:block;width:100%}
    .contribution.vision .cirArea>ul>li:nth-child(3) {background-image:url(../img/affi/contribution/cirbg3_m.png)}
    .contribution.vision .cirArea>ul>li:nth-child(4) {background-image:url(../img/affi/contribution/cirbg4_m.png)}

    .NewsTop {padding:15px;}
    .NewsTop .imgArea {width:150px;margin-bottom: 10px;}
    .NewsTop .txtArea {width:100%;margin-left:0;}
    .NewsTop .txtArea .contTit{margin:0;font-size:20px;}
    .NewsTop .txtArea p.txt{margin: 15px 0;}

    /* 미술상 */
    .art.art_info .cont_group {margin-bottom:25px}
    .art.art_info.info .list_dotBlue {padding-left:10px;width:100%}
    .art.art_info .right_img {width:100%}
    .art.art_info .right_img img {margin:0 auto;}
    .art.art_info .left_txt{width:100%;margin-top:20px;padding-right:0}
    .art.art_info .g_txt1 {margin-bottom:20px;padding-right:0;font-size:22px;line-height:27px;}
    .art.art_info .left_txt p.txt {font-size:14px;}
    .art.art_info .left_txt p.txt>span.smallTxt {font-size:13px;}
    .art_info .boxTxt {padding:15px;text-align:center;}
    .art_info .boxTxt>b {display:block;font-size:14px;}
    .art_info .boxTxt>a {position:inherit;top:0;right:0;margin-top:10px;}
    .art.art_info .bigTit{font-size:20px;}
    .art.art_info .bigTit::after {display:none;}
    .art.art_info .cont_topBanner{margin: 35px 0 30px 0;}
    .art.art_info  span.smallTxt {font-size:14px;}
    .art.art_info .right_img::before {display:none;}

    .art.art_guide ul.explainList>li {padding:15px 0}
    .art.art_guide ul li ul li {font-size:14px;}
    .art.art_guide b.txtBlue {display:block;margin-right:0;}
    .art.art_guide ul.explainList>li .txtTit {margin-bottom: 7px;font-size: 18px;margin-top: 7px;}
    .art.art_guide p.exclam {display:inline-block;}
    .art.art_guide .bottomBanner{width:100%;margin-top:13px;margin-left:0;}
    .art.art_guide .bottomBanner>div {width:100%;height:auto;background-size:cover;margin-top:10px;margin-left:0;padding:15px;}
    .art.art_guide .bottomBanner>div>p.tit{margin-bottom:7px;font-size:20px;}
    .art.art_guide .bottomBanner>div>p.info{margin-top:10px;}
    .art.art_guide .bottomBanner>div>a.btnC_arrLineR{margin-top:10px;}
    .board_artApplication .explainTxtbox {background-size: 30px auto;background-position: center 15px;padding: 65px 15px 15px 15px;}
    .art.art_guide .defineLi {padding-left:58px;}
    .share_guide p.txtBlue {margin-top:17px;font-size:14px}


    .art .support_contact{padding: 50px 15px 15px 15px;margin:25px 0;background-position: center 15px;background-size: 25px auto;text-align:center;}
    .art.receipt .explainTxtbox {background-position: center 15px;background-size:40px auto;padding: 60px 15px 15px 15px;}
    .art.receipt .explainTxtbox p.btmTxt {margin-top:2spx;font-size:14px;text-align:center;letter-spacing:-0.4px;}
    .art.receipt .explainTxtbox p.txt>b {display:block;margin:0;}
    .contactTxt{margin-bottom:25px;}
    .contactTxt p.txtBlue {margin-bottom:7px;}
    .contactTxt a + a {margin-left:5px}
    .centerBanner>ul>li>p{margin-top:7px;}
    .centerBanner>ul>li span.txtGray{margin-top:10px;}

    /* 수상작 갤러리 */
    .art.gallery .contTit {font-size:20px;}
    .art.gallery .galleryL {width: calc(50% - 10px);margin-right: 20px; }
    .art.gallery .galleryR {width: calc(50% - 10px);}
    .art.gallery ul li>.artInfo {position:inherit;top:0;left:0;width:100%;min-width:inherit;padding:7px; box-shadow: 5px 9px 10px -5px rgba(0, 0, 0, 0.12);}
    /* .art.gallery ul li:nth-child(n+2) {margin-top:35px;} */
    .hideG {margin-top:40px}
    .art.gallery ul li>.artInfo .award {font-size:12px;}
    .art.gallery ul li>.artInfo .workTit {font-size:16px;}
    .art.gallery ul li>.artInfo .workInfo {font-size:12px;}
    .art.gallery ul li:hover .gallaryImg:after {width:31px;height:31px;top:50%;left:50%;margin-top:-15.5px;margin-left:15.5px;background-size:31px auto;}
    ._Layer_Pop_ .gall_popCont .artInfo {padding:15px;text-align:left;}
    ._Layer_Pop_ {width:90%;max-height:90%;text-align:center;}
    ._Layer_Pop_ .closeBtn {top:10px;right:38px;}
    ._Layer_Pop_ .gall_popCont .artInfo .award {font-size:14px;}
    ._Layer_Pop_ .gall_popCont .workTit{font-size:18px;}
    ._Layer_Pop_ .gall_popCont .workInfo{font-size:14px;}

    /* 심사평 */
    .commentry .contTit_s {font-size:17px}
    .commentry .contTit_s>span.txtYellow {font-size:17px;}
    .commentry .txtGroup {font-size:14px;}
    .commentry .txtGroup+.txtGroup {margin-top:15px;}
    .commentry .txtBlue_box{padding:20px;}
    .commentry .txtBlue_box .txtBlue{font-size:14px;}

    /* 프로그램 */
    .Scroll_Check_YN_Wrap{margin-bottom: 25px;}
    .Scroll_Check_YN_Wrap .Cont_Scroll{padding: 10px;}
    .Scroll_Check_YN_Wrap .Cont_Scroll .Sub_Ass_Txt1:nth-child(n+2){margin-top:5px;}
    .Scroll_Check_YN_Wrap .Cont_Scroll .Sub_Ass_Tit1:nth-child(n+2){margin-top:7px;}
    .Scroll_Check_YN_Wrap .Check_Wrap{margin-top: 10px;}
    .Scroll_Check_YN_Wrap .Check_Wrap .inp_r{margin-right:0;}
    .Scroll_Check_YN_Wrap .Check_Wrap .inp_r:nth-child(n+2){margin-top:10px;}
    .Sub_Ass_Txt1 {font-size:13px;}
    .face_application .explainTxtbox {background:url(../img/affi/studentcounsel/ico_facecounsel.png) no-repeat 40px 40px;background-position-x: 40px;background-position-y:40px;background-size: auto;padding-left: 130px;background-size: 40px auto;background-position: center 15px;padding: 60px 15px 15px 15px;}
    .inp_r.cCir>label {font-size:14px;}

}

@media all and (max-device-width:670px) {
    /* 사회공헌 */
    .contribution.vision h4{font-size:24px;}
    .contribution.vision h4>span{font-size:24px;}
    .contribution.vision h4 p.txt{margin-top:15px;}
    .contribution.vision .cirArea{margin-top:23px;}
    .contribution.vision .cirArea>ul>li{width:135px;height:135px;}
    .contribution.vision .cirArea>ul>li:nth-child(n+2) {margin-left:0}
    .contribution.vision .cirArea>ul>li:nth-child(2n) {margin-left:-15px}
    .contribution.vision .cirArea>ul>li .cir{width:45px;margin-top:19px;margin-left:-22.5px;}
    .contribution.vision .cirArea>ul>li .cir>p{margin-top:5px;line-height:20px;font-size:18px;}
}
@media all and (max-device-width:540px) {
    /* 자가진단테스트 */
    .psychometry_test ul.testList {width:100%;margin-left:0}
    .psychometry_test ul.testList>li:nth-child(n+3) {margin-top:0}
    .psychometry_test ul.testList>li:nth-child(n+2) {margin-top:15px}
    .psychometry_test ul.testList>li {width:100%;margin-left:0}
}

@media print {
    .sVisual {display:none;}
}

/*2024.11.12 군교육지원단 */

/* 원스탑상담 */
.contTit_s .mo {display: block; font-weight: 400; font-size: 18px}
.cont_group .top-img {width: 99%; height: 530px; padding: 40px 0; display: flex; justify-content: center; align-items: center; border-radius: 30px; background: #F8F8F8; border: 1px solid #d9d9d9; margin: 0 auto 43px auto;}
.cont_group .top-img {display: block; text-align:center;}
.img-box.mo {display: none;}
.cont_group .top-img .img-box img {width: 80%; height:auto; object-fit: cover}
.message-list {margin-bottom: 63px;}
.message-list .message {margin-bottom: 28px; width: 100%}
.message-list .message .tit {width: 100%; height: 56px; padding: 10px 30px; background: #4B823B; border-radius: 50px; display: flex; align-items: center; box-sizing: border-box; margin-bottom: 10px}
.message-list .message .tit > p {font-size: 24px; color: #fff; font-weight: 700}
.message-list .message .tit > p > span {font-size: 20px; font-weight: 400}
.message-list .message .txt {width: 100%; border-radius: 15px; padding: 30px 50px; box-sizing: border-box; border: 2px dashed #a8a8a8; }
.message-list .message .txt > p {font-size: 18px; color: #666; font-weight: 400; letter-spacing: -0.18px;}
.info-box {display: flex; gap: 10px;}
.info-box .color-blue {color: #0C68AB; font-weight: 700;}
.info-box > li {height: 270px; padding: 30px 40px; box-sizing: border-box; border-radius: 15px; border: 1px solid #e5e5e5; background: #f9f9f9}
.info-box > li:first-child {max-width: 380px; }
.info-box  li .txt {padding-right: 20px;}
.info-box  li .txt .tit-s {font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.info-box  li .txt .txt-s {font-size: 16px; color: #32342f; margin-bottom: 60px;}
.info-box  li > a {display: flex; align-items: center; gap: 10px; justify-content: center; width: 100%; height: 60px; background: #393937; border-radius: 8px;  }
.info-box  li > a .icon {width: 40px; height: 35px; flex-shrink: 0; background: url("/type/common/img/affi/military/sdu-mili-icon.svg")no-repeat; }
.info-box  li > a > p {font-size: 19px; font-weight: 600; color: #fff;}
.info-box > li > ul {display: flex}
.info-box > li > ul li .img-list {display: flex; justify-content: space-between; align-items: center; margin-top: -15px;}
.info-box > li > ul li .img-list .img-box {margin-bottom: 5px}
.info-box > li > ul > li:first-child {padding-right: 20px;  border-right: 1px solid #D9D9D9}
.info-box > li > ul > li:last-child {padding-left: 30px;}
.info-box > li > ul > li:last-child > a {background:#FAE100; }
.info-box > li > ul > li:last-child > a > .icon.kakao {background: url("/type/common/img/affi/military/sdu-mili-icon4.svg")no-repeat; width: 35px;}
.info-box > li > ul > li:last-child > a > p {color: #000}

@media all and (max-device-width:768px) {
    .cont_group .top-img {aspect-ratio : 1; height: auto; background: #F8F8F8 url("/type/common/img/affi/military/sdu-mili-logo.svg")no-repeat; background-position: bottom 20px right 24px;}
    .img-box.pc {display: none}
    .img-box.mo {display: block;}
    .cont_group .top-img .img-box {max-width: 600px;}
    .message-list .message .tit {height: 72px; padding: 10px 20px; border-radius: 10px;}
    .message-list .message .tit > p {font-size: 20px;}
    .message-list .message .tit > p > span {display: block; font-size: 16px;}
    .message-list .message .txt {padding: 20px;}
    .message-list .message .txt > p {font-size: 16px;}
    .info-box, .info-box > li > ul {flex-direction: column}
    .info-box > li:first-child {width: 100%; max-width: unset}
    .info-box > li {height: auto;padding: 30px 20px;}
    .info-box li .txt .tit-s {font-size: 20px;margin-bottom: 20px;}
    .info-box li .txt .txt-s {margin-bottom: 40px;word-break: keep-all;}
    .info-box li > a > p {font-size: 16px;}
    .info-box > li > ul > li:first-child {border-right: none;border-bottom: 1px solid #d9d9d9;}
    .info-box > li > ul > li:last-child {padding: 50px 0 0 0;}
    .info-box > li > ul > li:last-child > a > p {font-size: 19px;}
}

/*군교육생,가족 입학안내 */
p.txtRed, .txtRed {color: #F34343; margin-bottom: 10px;}
.table-box {margin: 24px 0; position: relative}
.table-box::after {content: ""; position: absolute; right: 0; top: -71%; width: 252px; height: 200px; background: url("/type/common/img/affi/military/sdu-avata-01.svg")no-repeat}
.txtRight {text-align: right;}
.lineTop_tbArea .lineTop_tbL2 td>p.txtRed {font-weight: 700}
.cont-box .mili-info-box {width: 100%; padding: 75px 83px; background: #F8F8F8; border-radius: 20px; box-sizing: border-box;  }
.img-box.pc {margin-bottom: 70px}
.img-box.mo {display: none;}
.grid-wrap.mo {display: none;}
.cont-group {position: relative}
.cont-group .right-img {position : absolute; right: 30px; bottom: 0}
.grid-box {display: grid;width: 100%; grid-template-rows: repeat(3,1fr); grid-template-columns: 150px repeat(3,1fr); gap: 10px;}
.grid-box .avata {position: relative}
.grid-box .avata::before {position: absolute; content: ""; width: 244px; height: 162px; top: -109px; left: 0; background: url("/type/common/img/affi/military/sdu-avata-02.svg")no-repeat;}
.grid-box .university {display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 800; line-height: 140%;}
.grid-box .tit-box {height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50px; border: 1px dashed #0C68AB;background: #fff;}
.grid-box .tit-box > p {font-weight: 500; line-height: 140%; color: #000}
.grid-box .price-box {max-width: 270px; height: 50px; border-radius: 50px; background: #fff }
.grid-box .price-box .price {height: 50px; border-radius: 50px; display: flex; align-items: center; background: #A6A6A6; padding-left: 30px; box-sizing: border-box }
.grid-box .price-box .price > p {font-size: 16px; font-weight: 700; line-height: 140%; color: #fff;   }
.grid-box .price-box .price.sdu {background: #0C68AB; justify-content: center; padding-left: 0}
.grid-box .price-box:nth-of-type(6) .price { max-width: 45%; }
.grid-box .price-box:nth-of-type(7) .price { max-width: 52% }
.grid-box .price-box:nth-of-type(8) .price { max-width: 51%; }
.grid-box .price-box:nth-of-type(10) .price { max-width: 59% }
.grid-box .price-box:nth-of-type(11) .price { max-width: 68% }
.grid-box .price-box:nth-of-type(12) .price { max-width: 83% }
.txt.txtRight {color: #505050; margin-bottom: 15px;}
.tuition-list {display: flex; gap: 30px; margin-bottom: 100px}
.tuition-list li {width: calc(100% / 4);aspect-ratio : 0.83 / 1;background: #F8F8F8;border-radius: 20px;padding: 20px;}
.tuition-list li .item {text-align: center;}
.tuition-list li .item .img-box {margin-bottom: 30px}
.tuition-list li .item .txtBlue {font-size: 20px; font-weight: 700; color: #0C68AB; margin-bottom: 15px; margin-top: 0}
.tuition-list li .item .txtRed {font-size: 26px; font-weight: 700}
.tuition-list li .item .txt {font-size: 18px; line-height: 140%; color: #505050;}
.btm-banner { width: 100%; height: 100px; background: #1D3D86; overflow: hidden; display: flex; position: relative}
.btm-banner::after {content: "";position: absolute; right: 20px; top: -6px; background: url("/type/common/img/affi/military/sdu-white-logo.svg")no-repeat;width: 658px;height: 107px;}
.btm-banner.pc {margin-top: 30px; }
.btm-banner.mo {display: none}
.btm-banner .inner-img {width: 70%; height: 100%; background: radial-gradient(circle,#D1AC68,#fff,#D1AC68); position: relative}
.btm-banner .inner-img::before {content: ""; position: absolute; top: 50%; left: 35%; background: url("/type/common/img/affi/military/banner-txt.png")no-repeat; width: 327px; height: 27px; transform: translate(-50%, -50%); background-size: cover}
.btm-banner .inner-img img {width: 100%; height: 100%; object-fit: cover}
.btm-banner .inner-txt {position: relative; width: 30%;}
.btm-banner .inner-txt::before {position: absolute; content: ""; width: 300px; height: 300px; top: 0; left: -62%; transform: rotate(57deg); background: #1D3D86;}
.btm-banner .inner-txt .tit {font-size: 26px; color: #fff; font-weight: 700; }
.btm-banner .inner-txt .link-box {display: flex;position: relative;z-index: 2;padding: 40px 15px 20px 47px;margin-left: -147px;gap: 30px;align-items: center;}
.btm-banner .inner-txt .link-box > a {max-width: 170px; padding: 10px 20px; height: 40px; border-radius: 50px;background: #fff;color: #1D3D86;font-size: 15px;font-weight: 700;box-sizing: border-box;flex-shrink: 0;border-radius: 20px;}
.cont-box.guide {display: flex; gap: 30px; align-items: center}
.cont-box .right-img {margin-top: 50px;}

@media all and  (max-width: 1023px) {
    .table-box::after, .grid-box .avata::before {display: none}
    .grid-box .tit-box > p, .grid-box .price-box .price > p {font-size: 13px; }
    .btm-banner .inner-txt .tit {font-size: 18px;}
    .btm-banner .inner-txt .link-box {gap: 10px;}
    .cont-box .mili-info-box {padding: 30px;}
    .grid-box {gap: 10px;}
    .tuition-list li {padding: 20px;}
    .btm-banner .inner-txt .link-box > a {width: unset;padding: 5px 20px;height: unset;}
    .tuition-list li .item .txtRed { font-size: 20px;}
}
@media all and (max-device-width:768px) {
    p.txt, p.txtRed {font-size: 16px;}
    .cont-box .mili-info-box {padding: 32px 13px;}
    .tuition-list, .table-box {overflow-x: auto}
    .table-box .lineTop_tbArea .lineTop_tbL2 {min-width: 500px;}
    .grid-box.pc {display: none;}
    .grid-wrap.mo {display: block}
    .img-box.mo {display: block}
    .grid-wrap.mo .grid-box {display: grid; grid-template-rows: 20px repeat(2,1fr); grid-template-columns: 60px repeat(1,1fr); gap: 8px; margin-bottom: 32px;}
    .grid-wrap.mo .grid-box .tit {font-size: 13px;color: #000;}
    .grid-wrap.mo .grid-box .price-box {height: 30px;}
    .grid-wrap.mo  .grid-box .price-box .price {height:30px;}
    .grid-wrap.mo .grid-box .price-box p {font-size: 13px;}
    .grid-wrap.mo .grid-box .university {font-size: 13px;color: #A6A6A6;}
    .grid-wrap.mo .grid-box .price-box:nth-of-type(3) .price {max-width : 48%}
    .grid-wrap.mo .grid-box .price-box:nth-of-type(5) .price {max-width : 64%}
    .grid-wrap.mo .grid-box:nth-of-type(2) .price-box:nth-of-type(3) .price {max-width : 44%}
    .grid-wrap.mo .grid-box:nth-of-type(2) .price-box:nth-of-type(5) .price {max-width : 72%}
    .grid-wrap.mo .grid-box:nth-of-type(3) .price-box:nth-of-type(3) .price {max-width : 44%}
    .grid-wrap.mo .grid-box:nth-of-type(3) .price-box:nth-of-type(5) .price {max-width : 86%}
    .tuition-list li {padding: 50px 10px; aspect-ratio: 0.64/1; min-width: 130px; text-align: center; box-sizing: border-box;}
    .tuition-list li .item .img-box {width: 50px; height: 50px; display: inline-block}
    .tuition-list li .item .img-box img {width : 100%; height : 100%; object-fit:cover}
    .tuition-list li .item .txtBlue, .tuition-list li .item .txtRed {font-size: 16px;}
    .tuition-list li .item .txt {font-size: 15px;}
    .btm-banner.pc {display: none}
    .btm-banner.mo {display: block; margin-top: 25px;}
    .btm-banner.mo {width: 100%; height: 170px; border-radius: 20px;}
    .btm-banner.mo .inner-img {width: 100%; background: url("/type/common/img/affi/military/mili-banner-mo.svg")no-repeat; background-size: cover}
    .btm-banner.mo::after {display: none}
    .btm-banner.mo .inner-img::before {top: 32%; left: 32%;  width: 186px; height: 15px; background-size: cover}
    .btm-banner.mo .inner-img .inner-txt {display: flex; justify-content: space-between; width: 100%; height: 100%; padding: 50px 13px 20px 25px; box-sizing: border-box }
    .btm-banner.mo .inner-img .inner-txt > .tit {font-size: 25px; color: #1D3D86; padding-top: 20px}
    .btm-banner.mo .inner-txt::before {display: none}
    .btm-banner.mo .inner-txt  > a { width: 130px; height: 30px; line-height: 30px; border-radius: 100px; background: #fff; color: #1D3D86; font-size: 13px; font-weight: 700; box-sizing: border-box; flex-shrink: 0; text-align: center; align-self: end}
    .cont-box .right-img {display: none}
}
@media all and (max-device-width:458px) {
    .btm-banner.mo .inner-img::before {top: 18%; left: 34%; }
    .btm-banner.mo .inner-img .inner-txt {padding: 22px 13px;}
    .btm-banner.mo .inner-img .inner-txt > .tit {font-size: 19px;}
}

/* 사회공헌 */
.mVisual {position:relative;height:500px;margin-bottom:2px;}
.mVisual .list .unit {position:relative;overflow:hidden;text-align:right;}
.mVisual .list .unit .img {float:right;overflow:hidden;width:850px;box-sizing:border-box;border-top-left-radius:97px;border-bottom-right-radius:97px;}
.mVisual .list .unit .img>img {width: 100%;height: 100%;transition: all 4s;animation-name: zoom-img;animation-duration: 4s;object-fit: cover;}
.mVisual .list .unit .txt {display:table;position:absolute;left:0;top:0;width:700px;height:100%;/*margin-top:-20px;*/text-align:left;}
.mVisual .list .unit .txt>div {display:table-cell;height:100%;vertical-align:middle;}
.mVisual .list .unit .txt strong {display:block;color:#000;font-family:'Oswald',sans-serif;font-size:76px;font-weight:400;line-height:86px;text-shadow:0 0 20px #fff;animation: effect 1s;}
.mVisual .list .unit .txt strong>em {display:block;font-style:normal;font-size:40px;line-height:50px;}
.mVisual .list .unit .txt p {display:block;width:330px;margin-top:20px;color:#555;font-family:'Noto Sans KR',sans-serif;font-size:16px;line-height:28px;letter-spacing:-1px;animation: effect 2s .3s forwards;/* font-size: 17px; */}
