@charset "utf-8";

/*
템플릿스타일가이드
*/

/*대체텍스트숨기기*/
.irHidden{text-indent:-9999px;}

/*줄넘기기*/
.dB{display:block}
@media only screen and (max-width:1024px){
  .dB{display:inline}
}

/*보더숨기기*/
.noBdr{border:0 !important;}

/*폰트칼라*/
.red{color:#cb2026;}
.yellow{color:#fed904;}
.blue{color:#1d398d;}
.blue2{color:#000fff;}
.black{color:#000;}
.sky{color:#00b0ec;}
.green{color:#009d57;}
.white{color:#FFF;}
.orange{color:#ff7e00;}

/*폰트두께*/
.thin{font-family:'Noto Light';}
.bold{font-family:'Noto Medium';}
.eBold{font-family:'Noto Bold';}
strong{font-family:'Noto Medium';}

/*폰트크기*/
.small{font-size:13px;}
.big{font-size:20px;}
.eBig{font-size:24px;}

/*이미지*/
img{max-width:100%;}

/*정렬*/
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

/*보더*/
.bB_1{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #DDD;}

/*수직여백*/
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}.mt100{margin-top:100px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;}.vh5{height:5px;}.vh10{height:10px;}.vh20{height:20px;}.vh30{height:30px;}.vh40{height:40px;}.vh50{height:50px;}.vh60{height:60px;}.vh70{height:70px;}.vh80{height:80px;}.vh90{height:90px;}.vh100{height:100px;}
/*수평좌여백*/
.mL5{margin-left:5px;}.mL10{margin-left:10px;}.mL15{margin-left:15px;}.mL20{margin-left:20px;}.mL25{margin-left:25px;}.mL30{margin-left:30px;}.mL35{margin-left:35px;}.mL40{margin-left:40px;}

/*BG*/
.bgW,
.bgG,
.bg1,
.bg2{padding:50px;}
.bgW{background:#FFF;}
.bgG{background:#F0F0F0;}
.bg1{background:#6ab1da;color:#FFF;}
.bg2{background:#00beba;color:#FFF;}
@media only screen and (max-width:768px){
  .bgW,.bgG,.bg1,.bg2{padding:30px;}
}

/*타이틀*/
._fnctWrap h2{line-height:1.25;}
.wrap-contents .objHeading_h2,
.wrap-contents .objHeading_h3,
.wrap-contents .objHeading_h4,
.wrap-contents .objHeading_h5{margin-top:0;}
.wrap-contents .objHeading_h2{margin-bottom:30px;}
.wrap-contents .objHeading_h3{margin-bottom:20px;}
.wrap-contents .objHeading_h4{margin-bottom:20px;}
.wrap-contents .objHeading_h5{margin-bottom:10px;}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
}

/*요소간격*/
._objHtml,
._objWidget{margin-bottom:50px !important;}

/*주의*/
.caution{position:relative;font-family:'Noto DemiLight';padding-left:25px;line-height:1.3;}
.caution:before{content:"※";width:15px;height:15px;display:block;position:absolute;left:0;top:1px;}
.caution_icon_1,
.caution_icon_2,
.caution_icon_3,
.caution_icon_4,
.caution_icon_5{position:relative;font-family:'Noto DemiLight';padding-left:30px;line-height:1.3;}
.caution_icon_1{color:#faa635;}
.caution_icon_2{color:#d63f11;}
.caution_icon_3{color:#00c6ff;}
.caution_icon_4{color:#183d93;}
.caution_icon_5{color:#43505d;}
.caution_icon_1:before,
.caution_icon_2:before,
.caution_icon_3:before,
.caution_icon_4:before,
.caution_icon_5:before{content:"";width:22px;height:22px;display:block;position:absolute;left:0;top:-1px;}
.caution_icon_1:before{background:url(/sites/styleguide/images/common/ico-notice1.png);}
.caution_icon_2:before{background:url(/sites/styleguide/images/common/ico-notice2.png);}
.caution_icon_3:before{background:url(/sites/styleguide/images/common/ico-notice3.png);}
.caution_icon_4:before{background:url(/sites/styleguide/images/common/ico-notice4.png);}
.caution_icon_5:before{background:url(/sites/styleguide/images/common/ico-notice5.png);}

/*버튼*/
a,input[type=button],
input[type=submit],
button{transition: all 0.4s cubic-bezier(0.5, 0, 0.3, 1)}
a:active{outline:none !important}
.btnB,
.btnM,
.btnS,
.btnI,
.btnT{display:inline-block;position:relative;font-size:18px;color:#FFF !important;text-align:center;border:0;box-sizing:border-box;border-radius:3px;font-family:'Noto DemiLight';margin-bottom:5px;cursor:pointer;}
.btnB,
.btnI{padding:10px 30px;}
.btnM{padding:7px 20px;font-size:14px;}
.btnS{padding:5px 20px;font-size:12px;}
.btnCg{background:url(/sites/styleguide/images/common/pattern_0.png) no-repeat center;}
.btnC1{background:url(/sites/styleguide/images/common/pattern_4.png) no-repeat center;}
.btnC2{background:url(/sites/styleguide/images/common/pattern_5.png) no-repeat center;}
.btnT{color:#222 !important;text-align:left;border-radius:0;padding:0;word-break:break-word;}
.btnI:after,
.btnT:after{content:"";display:inline-block;background-repeat:no-repeat;}
.btnI:after{vertical-align:-5px;margin-left:10px;width:24px;height:24px;}
.btnI.btnBlank:after{background-image:url(/sites/styleguide/images/common/btn_icon_2_w.png);}
.btnI.btnSelf:after{background-image:url(/sites/styleguide/images/common/btn_icon_4_w.png);}
.btnI.btnDown:after{background-image:url(/sites/styleguide/images/common/btn_icon_5_w.png);}
.btnT:after{vertical-align:0;margin:0 5px;width:16px;height:16px;background-image:url(/sites/styleguide/images/common/btn_icon_1.png);}
.btnT.btnBlank:after{background-position:-17px 0;}
.btnT.btnSelf:after{background-position:-34px 0;}
.btnT.btnDown:after{background-position:0 0;}
.btnB:hover,
.btnM:hover,
.btnS:hover,
.btnI:hover{background:#666 url(/sites/styleguide/images/common/pattern_13.png);}
.btnT:hover{font-family:'Noto Regular';}

/*링크박스*/
.rowBox_link{display:flex;justify-content:flex-start;margin-bottom:10px;}
.rowBox_link > li{display:flex;align-items:center;width:100%;border:1px solid #DDD;padding:20px;margin:0 5px;box-sizing: border-box;cursor:pointer;}
.rowBox_link > li > div{width:100%;background:url(/sites/styleguide/images/common/aLink_1_b.png) no-repeat right 2px;}
.rowBox_link > li > div a{display:block;font-family:'Noto Medium';margin-right:30px;}
@media only screen and (max-width:1024px){
  .rowBox_link{flex-wrap:wrap;margin-bottom:0;}
  .rowBox_link > li{width:calc(33.33% - 10px);margin-bottom:10px;}
  .btnB,
  .btnM,
  .btnS,
  .btnI,
  .btnT{font-size:16px;}
}
@media only screen and (max-width:768px){
  .rowBox_link > li{width:calc(50% - 10px);padding:15px;}
}
@media only screen and (max-width:480px){
  .rowBox_link > li{width:100%;margin:0 0 10px 0;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1025px){
  .rowBox_link > li:first-child{margin-left:0;}
  .rowBox_link > li:last-child{margin-right:0;}
  .rowBox_link > li:hover{background:url(/sites/styleguide/images/common/pattern_3.png) no-repeat center;border-color:#e2e2e2;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}

/*UL타입*/
.list_0 > li,
.list_1 > li,
.list_1_2 > li,
.list_2 > li,
.list_3 > li,
.list_4 > li,
.kList_1 > li,
.aList_1 > li,
.rList_1 > li,
.nList_1 > li,
.nList_2 > li{position:relative;padding-bottom:7px}
.list_0 > li:last-child,
.list_1 > li:last-child,
.list_1_2 > li:last-child,
.list_2 > li:last-child,
.list_3 > li:last-child,
.list_4 > li:last-child,
.kList_1 > li:last-child,
.aList_1 > li:last-child,
.rList_1 > li:last-child,
.nList_1 > li:last-child,
.nList_2 > li:last-child{padding-bottom:0}
.list_1 > li,
.list_1_2 > li{padding-left:20px}
.list_2 > li,
.list_3 > li,
.list_4 > li{padding-left:13px}
.nList_1 > li,
.nList_2 > li,
.kList_1 > li,
.aList_1 > li,
.rList_1 > li{padding-left:28px}
.list_1 > li:before,
.list_1_2 > li:before,
.list_2 > li:before,
.list_3 > li:before,
.list_4 > li:before,
.kList_1 > li:before,
.aList_1 > li:before,
.rList_1 > li:before,
.nList_1 > li:before,
.nList_2 > li:before{content:"";display:block;position:absolute;left:0}
.list_1 > li:before,
.list_1_2 > li:before{border-radius:100%;top:8px;width:10px;height:10px;}
.list_2 > li:before,
.list_3 > li:before{background:#222}
.list_4 > li:before{top:11px;border-bottom:4px solid #222;border-left:3px solid transparent;border-right:3px solid transparent;width:0;transform:rotate(90deg);}
.list_1 > li:before{border:3px solid #1d398d;}
.list_1_2 > li:before{border:3px solid #009d57;}
.list_2 > li:before{top:11px;width:4px;height:4px}
.list_3 > li:before{top:12px;width:4px;height:2px}
.list_4 > li:before{}
.kList_1 > li:before,
.aList_1 > li:before,
.rList_1 > li:before,
.nList_1 > li:before,
.nList_2 > li:before{top:1px;font-family:'Noto DemiLight';}
/*종속사용*/
.list_0 ul,.list_1 ul,.list_2 ul,.nList_1 ul,.nList_2 ul,.kList_1 ul,.aList_1 ul,.rList_1 ul{padding:10px 5px;}
/*한글*/
.kList_1 > li:nth-child(1):before{content:"가."}.kList_1 > li:nth-child(2):before{content:"나."}.kList_1 > li:nth-child(3):before{content:"다."}.kList_1 > li:nth-child(4):before{content:"라."}.kList_1 > li:nth-child(5):before{content:"마."}.kList_1 > li:nth-child(6):before{content:"바."}.kList_1 > li:nth-child(7):before{content:"사."}.kList_1 > li:nth-child(8):before{content:"아."}.kList_1 > li:nth-child(9):before{content:"자."}.kList_1 > li:nth-child(10):before{content:"차."}.kList_1 > li:nth-child(11):before{content:"카."}.kList_1 > li:nth-child(12):before{content:"타."}.kList_1 > li:nth-child(13):before{content:"파."}.kList_1 > li:nth-child(14):before{content:"하."}
/*앞파벳*/
.aList_1 > li:nth-child(1):before{content:"A."}.aList_1 > li:nth-child(2):before{content:"B."}.aList_1 > li:nth-child(3):before{content:"C."}.aList_1 > li:nth-child(4):before{content:"D."}.aList_1 > li:nth-child(5):before{content:"E."}.aList_1 > li:nth-child(6):before{content:"F."}.aList_1 > li:nth-child(7):before{content:"G."}.aList_1 > li:nth-child(8):before{content:"H."}.aList_1 > li:nth-child(9):before{content:"I."}.aList_1 > li:nth-child(10):before{content:"J."}.aList_1 > li:nth-child(11):before{content:"K."}.aList_1 > li:nth-child(12):before{content:"L."}.aList_1 > li:nth-child(13):before{content:"M."}.aList_1 > li:nth-child(14):before{content:"N."}
/*로만자*/
.rList_1 > li:nth-child(1):before{content:"Ⅰ."}.rList_1 > li:nth-child(2):before{content:"Ⅱ."}.rList_1 > li:nth-child(3):before{content:"Ⅲ."}.rList_1 > li:nth-child(4):before{content:"Ⅳ."}.rList_1 > li:nth-child(5):before{content:"Ⅴ."}.rList_1 > li:nth-child(6):before{content:"Ⅵ."}.rList_1 > li:nth-child(7):before{content:"Ⅶ."}.rList_1 > li:nth-child(8):before{content:"Ⅷ."}.rList_1 > li:nth-child(9):before{content:"Ⅸ."}.rList_1 > li:nth-child(10):before{content:"Ⅹ."}
/*숫자*/
.nList_1 > li:nth-child(1):before{content:"1."}.nList_1 > li:nth-child(2):before{content:"2."}.nList_1 > li:nth-child(3):before{content:"3."}.nList_1 > li:nth-child(4):before{content:"4."}.nList_1 > li:nth-child(5):before{content:"5."}.nList_1 > li:nth-child(6):before{content:"6."}.nList_1 > li:nth-child(7):before{content:"7."}.nList_1 > li:nth-child(8):before{content:"8."}.nList_1 > li:nth-child(9):before{content:"9."}.nList_1 > li:nth-child(10):before{content:"10."}
/*원숫자*/
.nList_2 > li:nth-child(1):before{content:"①"}.nList_2 > li:nth-child(2):before{content:"②"}.nList_2 > li:nth-child(3):before{content:"③"}.nList_2 > li:nth-child(4):before{content:"④"}.nList_2 > li:nth-child(5):before{content:"⑤"}.nList_2 > li:nth-child(6):before{content:"⑥"}.nList_2 > li:nth-child(7):before{content:"⑦"}.nList_2 > li:nth-child(8):before{content:"⑧"}.nList_2 > li:nth-child(9):before{content:"⑨"}.nList_2 > li:nth-child(10):before{content:"⑩"}


/*DL타입*/
/*DL타입_0*/
.dl_0{display:flex;}
.dl_0 dt,
.dl_0 dd{padding:5px 0;}
.dl_0 dt{font-family:'Noto Medium';position:relative;}
.dl_0 dd{width:100%;}
.dl_0 dt:after{content:":";display:inline-block;position:absolute;right:5px;top:3px;}
/*DL타입_1*/
.dl_1{display:flex;flex-wrap:wrap;}
.dl_1 dt,
.dl_1 dd{margin-bottom:10px;padding:8px 10px;}
.dl_1 dt{width:200px;font-family:'Noto Medium';background:#EEE;text-align:center;}
.dl_1 dd{width:calc(100% - 200px);border-bottom:1px dashed #DDD;}
/*DL타입_2*/
.dl_2{display:flex;flex-wrap:wrap;}
.dl_2 dt,
.dl_2 dd{border-bottom:1px solid #EEE;padding:25px 0;}
.dl_2 dt{width:200px;font-size:20px;font-family: 'Noto Medium';}
.dl_2 dd{width:calc(100% - 200px);padding-left:25px;}
.dl_2 dt:before{content:"";display:block;width:18px;height:3px;background:#1B60C6;margin-bottom:5px}
.dl_2 dt span{display:block;color:#888;font-size:14px;font-family:'Noto Medium';line-height:1.25;margin-top:10px}
/*DL타입_3*/
.dl_3{}
.dl_3 dt{font-family:'Noto Medium';font-size:24px;text-align:center;margin-top:25px;}
.dl_3 dt:first-child{margin-top:0;}
.dl_3 dd{border-bottom:1px solid #EEE;padding:25px 0;text-align:center;}
.dl_3 dt:before{content:"";display:block;width:20px;height:3px;background:#666;margin:0 auto 5px auto}
.dl_3 dt span{display:block;color:#888;font-size:14px;font-family:'Noto Medium';line-height:1.25;margin-top:10px}
@media only screen and (max-width:768px){
  .dl_0{flex-wrap:wrap;margin-bottom:10px;}
  .dl_0 dt,
  .dl_0 dd{width:100% !important;padding:0;}
  .dl_0 dt:after{content:".";position:relative;right:auto;top:auto;}
  .dl_1 dt,
  .dl_1 dd{width:100%;}
  .dl_1 dd{border-bottom:0;}
  .dl_2 dt,
  .dl_2 dd{width:100%;border:0;padding:0;}
  .dl_2 dt{margin-top:25px;}
  .dl_2 dt:first-child{margin-top:0;}
  .dl_2 dd{padding-left:0;border-bottom:1px solid #EEE;padding:25px 0;}

}

/*이미지+텍스트*/
.imgTextL,
.imgTextR,
.imgTextFL,
.imgTextFR{overflow:hidden}
.imgTextL img,
.imgTextR img{display:inline-block;max-width:40%}
.imgTextL img{float:left;margin:0 30px 20px 0}
.imgTextR img{float:right;margin:0 0 20px 30px}
.imgTextL_2,
.imgTextR_2{display:table;width:100%}
.imgTextL_2 .img,
.imgTextR_2 .img,
.imgTextL_2 .con,
.imgTextR_2 .con{display:table-cell;vertical-align:top}
.imgTextL_2 .img{padding-right:30px}
.imgTextR_2 .img{padding-left:30px}
.imgTextFL span,
.imgTextFR span{display:inline-block;}
.imgTextFL span{float:left;margin:30px 30px 30px 0}
.imgTextFR span{float:right;margin:30px 0 30px 30px}
@media only screen and (max-width:768px){
  .imgTextL img,
  .imgTextR img{display:block;max-width:100%}
  .imgTextL img,
  .imgTextR img{float:none;margin:0 auto 20px auto}
  .imgTextL_2,
  .imgTextR_2,
  .imgTextL_2 .img,
  .imgTextR_2 .img,
  .imgTextL_2 .con,
  .imgTextR_2 .con{display:block;width:100%}
  .imgTextL_2 .img,
  .imgTextR_2 .img{padding:0;text-align:center;margin-bottom:20px;}
  .imgTextL_2 .img img,
  .imgTextR_2 .img img{max-width:100%}
  .imgTextFL span,
  .imgTextFR span{display:block}
  .imgTextFL span,
  .imgTextFR span{float:none;margin:0;text-align:center}
  .imgTextFL span img,
  .imgTextFR span img{max-width:100%;margin:20px 0}
}

/*테이블*/
.table_1{border-top:2px solid #162b58;border-bottom:1px solid #162b58;}
.table_1 table{width:100%;margin-left:1px;}
.table_1 caption{text-indent:-9999px;height:0;position:absolute;left:9999px;top:9999px;}
.table_1 th{background:#F7F8F9;border-bottom:1px solid #FFF;border-left:1px solid #FFF;font-family:'Noto Regular';} 
.table_1 td{background:#FFF;text-align:left;border-top:1px solid #eaeaea;border-left:1px solid #eaeaea;}
.table_1 th,
.table_1 td{padding:10px;line-height:1.3;text-align:center;}
.table_1 th:first-child,
.table_1 td:first-child{border-left:0; border-right: 1px solid #eaeaea;}
.table_1 td.left{text-align:left;}
.table_1 tfoot tr{background:#f6f6f6;border-top:1px solid #eaeaea;font-family:'Noto Regular';}
/*M_테이블*/
@media only screen and (max-width:1024px){
  .table_m{overflow-y:hidden;overflow-x:scroll;position:relative;padding-top:30px;border-top:1px solid #162b58;}
  .table_m:before{content:"화면을 좌ㆍ우로 움직여 볼 수 있습니다.";display:block;padding:5px 10px;font-size:13px;font-family:'Noto Medium';position:absolute;top:0;left:0;}
  .table_m table{min-width:150%;}
}
.view-con p,
.view-con table,
.view-con table th, 
.view-con table td{word-break:keep-all !important;}


/*박스*/
.box_1,
.box_iC{border:1px solid #DDD;border-radius:3px;padding:35px;}
.box_iC{display:flex;justify-content:flex-start;border:2px solid #03479c;}
.box_iC > div:first-child{width:90px;height:60px;background-repeat:no-repeat;background-position:center;margin-right:30px;border-right:2px solid #DDD;}
.box_iC > div:last-child{width:100%;}
.box_iC > div:last-child dt{font-family:'Noto Medium';font-size:20px;border-bottom:1px dashed #DDD;padding-bottom:15px;margin-bottom:15px;}
@media only screen and (max-width:768px){
  .box_1,
  .box_iC{padding:20px;}
  .box_iC > div:first-child{width:65px;height:50px;background-size:35px !important;margin-right:15px;border-right:0;}
  .box_iC > div:last-child{padding-top:0;}
}

/*ROW박스_1*/
.rowBox_1{display:flex;justify-content:space-between;margin-bottom:10px;}
.rowBox_1 > li{display:flex;justify-content:center;width:100%;border:1px solid #DDD;padding:25px;margin:0 5px;box-sizing: border-box;}
.rowBox_1 > li > div{text-align:center;}
.rowBox_1.vAC > li{align-items:center;}
.rowBox_1.vAB > li{align-items:flex-end;}
.rowBox_1.hAL > li{justify-content:flex-start;}
.rowBox_1.hAL > li > div{text-align:left;}
.rowBox_1.nB > li{border:1px solid transparent;padding:0;}
.rowBox_1 > li.arrow{border:0;padding:0;margin:0 5px;width:60px;background:url(/sites/styleguide/images/common/arrow_1_b.png) no-repeat center;}
@media only screen and (min-width:1025px){
  .rowBox_1 > li:first-child{margin-left:0;}
  .rowBox_1 > li:last-child{margin-right:0;}
}
@media only screen and (max-width:1024px){
  .rowBox_1{flex-wrap:wrap;margin-bottom:0;}
  .rowBox_1 > li{width:calc(33.33% - 10px);margin-bottom:10px;}

}
@media only screen and (max-width:768px){
  .rowBox_1 > li{width:calc(50% - 10px);padding:15px;}
}
@media only screen and (max-width:480px){
  .rowBox_1 > li{width:100%;margin:0 0 10px 0;}
}

/*ROW박스_2*/
.rowBox_2{display:flex;justify-content:space-between;margin-bottom:10px;}
.rowBox_2 > li{width:100%;border:1px solid #DDD;padding:25px;margin:0 5px;box-sizing: border-box;}
.rowBox_2 > li > dl{}
.rowBox_2 > li > dl dt{font-family:'Noto Medium';font-size:20px;border-bottom:1px dashed #DDD;padding-bottom:15px;margin-bottom:15px;position:relative;}
.rowBox_2.iC > li > dl dt{display:flex;justify-content:flex-start;align-items:center;}
.rowBox_2.iC > li > dl dt span:first-child{width:55px;height:50px;background-position:left center;background-repeat:no-repeat;background-size:40px;}
.rowBox_2.iC > li > dl dt span:last-child{width:calc(100% - 55px);}
.iC_list{overflow:hidden;}
.iC_list li{float:left;}
.iC_list li span{display:block;width:100px;height:80px;background-position:center bottom;background-repeat:no-repeat;background-size:40px;text-align:center;font-family:'Noto Medium';margin-bottom:10px;}
.iC_1{background-image:url(/sites/styleguide/images/common/iC_1.png);}
.iC_2{background-image:url(/sites/styleguide/images/common/iC_2.png);}
.iC_3{background-image:url(/sites/styleguide/images/common/iC_3.png);}
.iC_4{background-image:url(/sites/styleguide/images/common/iC_4.png);}
.iC_5{background-image:url(/sites/styleguide/images/common/iC_5.png);}
.iC_6{background-image:url(/sites/styleguide/images/common/iC_6.png);}
.iC_7{background-image:url(/sites/styleguide/images/common/iC_7.png);}
.iC_8{background-image:url(/sites/styleguide/images/common/iC_8.png);}
.iC_9{background-image:url(/sites/styleguide/images/common/iC_9.png);}
.iC_10{background-image:url(/sites/styleguide/images/common/iC_10.png);}
.iC_11{background-image:url(/sites/styleguide/images/common/iC_11.png);}
.iC_12{background-image:url(/sites/styleguide/images/common/iC_12.png);}
.iC_13{background-image:url(/sites/styleguide/images/common/iC_13.png);}
.iC_14{background-image:url(/sites/styleguide/images/common/iC_14.png);}
.iC_15{background-image:url(/sites/styleguide/images/common/iC_15.png);}
.iC_16{background-image:url(/sites/styleguide/images/common/iC_16.png);}
.iC_17{background-image:url(/sites/styleguide/images/common/iC_17.png);}
.iC_18{background-image:url(/sites/styleguide/images/common/iC_18.png);}
.iC_19{background-image:url(/sites/styleguide/images/common/iC_19.png);}
.iC_20{background-image:url(/sites/styleguide/images/common/iC_20.png);}
.iC_21{background-image:url(/sites/styleguide/images/common/iC_21.png);}
.iC_22{background-image:url(/sites/styleguide/images/common/iC_22.png);}
.iC_23{background-image:url(/sites/styleguide/images/common/iC_23.png);}
.iC_24{background-image:url(/sites/styleguide/images/common/iC_24.png);}
.iC_25{background-image:url(/sites/styleguide/images/common/iC_25.png);}
.iC_26{background-image:url(/sites/styleguide/images/common/iC_26.png);}
@media only screen and (min-width:1025px){
  .rowBox_2 > li:first-child{margin-left:0;}
  .rowBox_2 > li:last-child{margin-right:0;}
}
@media only screen and (max-width:1024px){
  .rowBox_2{flex-wrap:wrap;margin-bottom:0;}
  .rowBox_2 > li{width:calc(50% - 10px);margin-bottom:10px;}
}
@media only screen and (max-width:768px){
  .rowBox_2 > li{width:100%;padding:15px;margin:0 0 10px 0;}
  .rowBox_2.iC > li > dl dt span:first-child{width:40px;height:40px;background-size:25px;}
  .rowBox_2.iC > li > dl dt span:last-child{width:calc(100% - 40px);}
}

/*ROW박스_arrow*/
.rowBox_arr{display:flex;justify-content:space-between;margin-bottom:10px;}
.rowBox_arr > li{display:flex;width:100%;background:#FFF;margin:0 1px;box-sizing:border-box;}
.rowBox_arr > li > div{text-align:center;font-family:'Noto Medium';}
.rowBox_arr li.arr{width:auto;background:none !important;border:0 !important;padding:0 10px;align-items:center;}
.rowBox_arr li.arr span{display:block;width:31px;height:46px;background:url(/sites/styleguide/images/common/arrow_21.png) no-repeat center;}
/*common*/
.rowBox_arr.ty_1 > li,
.rowBox_arr.ty_2 > li{padding:15px;border-radius:10px;color:#FFF;justify-content:center;align-items:center;}
/*TYPE_1*/
.rowBox_arr.ty_1 > li{background:url(/sites/styleguide/images/common/pattern_1.png) center;}
.rowBox_arr.ty_1 li.arr span{background:url(/sites/styleguide/images/common/arrow_21.png) no-repeat center;}
/*TYPE_2*/
.rowBox_arr.ty_2 > li{background:url(/sites/styleguide/images/common/pattern_2.png) center;}
.rowBox_arr.ty_2 li.arr span{background:url(/sites/styleguide/images/common/arrow_22.png) no-repeat center;}
/*TYPE_3*/
.rowBox_arr.ty_3 > li{}
.rowBox_arr.ty_3 li.arr span{}
.rowBox_arr.ty_3 > li dl{position:relative;width:100%;}
.rowBox_arr.ty_3 > li dl:before{content:"";display:block;width:100%;height:100%;border:1px solid #DDD;border-top:0;border-radius:5px;position:absolute;top:0;left:0;}
.rowBox_arr.ty_3 > li dl dt,
.rowBox_arr.ty_3 > li dl dd{padding:15px;}
.rowBox_arr.ty_3 > li dl dt{position:relative;font-family:'Noto Medium';font-size:18px;color:#FFF;background:url(/sites/styleguide/images/common/pattern_4.png) center;border-top-left-radius:5px;border-top-right-radius:5px;}
/*TYPE_4*/
.rowBox_arr.ty_4{flex-wrap:wrap;}
.rowBox_arr.ty_4 > li{padding:0;margin:10px 0;}
.rowBox_arr.ty_4 li.arr{width:100%;padding:5px 0;justify-content:center;}
.rowBox_arr.ty_4 li.arr span{transform:rotate(90deg);}
.rowBox_arr.ty_4 > li dl{width:100%;}
.rowBox_arr.ty_4 > li dl dt,
.rowBox_arr.ty_4 > li dl dd{}
.rowBox_arr.ty_4 > li dl dt{font-family:'Noto Medium';font-size:25px;padding-bottom:10px;position:relative;}
.rowBox_arr.ty_4 > li dl dt:before{content:"■ ■";display:block;font-size:1px;color:#000;}
.rowBox_arr.ty_4 > li dl dd{border-bottom:1px solid #DDD;padding-bottom:30px;}
.rowBox_arr.ty_4 > li:last-child dd{border:0;}
@media only screen and (max-width:1024px){
  .rowBox_arr{flex-wrap:wrap;}
  .rowBox_arr > li{margin:5px 0;}
  .rowBox_arr li.arr{width:100%;padding:5px 0;justify-content:center;}
  .rowBox_arr li.arr span{transform:rotate(90deg);}
}

/*준비중*/
.ready{box-sizing:border-box;width:600px;min-height:428px;margin: 0 auto;text-align:center;background:url(/sites/styleguide/images/common/ready_bg.png) center no-repeat;}
.ready .p_1{font-size:36px;padding-top:240px;}
.ready .p_1 strong{font-family:'Noto Medium';}
.ready .p_2{color:#999;padding-top:20px;}
@media only screen and (max-width:768px){
  .ready{width:96%;}
}

/*3박스*/
.officeInfoBox3 {display:flex; flex-flow: row wrap; justify-content:space-between; align-content:stretch;}
.officeInfoBox3 .itemBox { flex-basis:30%; flex-grow:1; min-height:174px; position:relative; }
.officeInfoBox3 .itemBox:not(:last-child) { margin-right:30px; }
.officeInfoBox3 .icoLocation{ height:88px; background:url('/sites/styleguide/images/common/ico_location.png') no-repeat top center; position:relative; z-index:1; }
.officeInfoBox3 .icoTel{ height:88px; background:url('/sites/styleguide/images/common/ico_telephone.png') no-repeat top center; position:relative; z-index:1; }
.officeInfoBox3 .icoFax{ height:88px; background:url('/sites/styleguide/images/common/ico_fax.png') no-repeat top center; position:relative; z-index:1; }
.officeInfoBox3 .icoWebsite{ height:88px; background:url('/sites/styleguide/images/common/ico_website.png') no-repeat top center; position:relative; z-index:1; }
.officeInfoBox3 .icoEmail{ height:88px; background:url('/sites/styleguide/images/common/ico_email.png') no-repeat top center; position:relative; z-index:1; }
.officeInfoBox3 .itemBox .contentBox { border:1px solid #cdcdcd; text-align:center; width:100%; min-height:150px; position:absolute; top:44px; }
.officeInfoBox3 .itemBox .contentBox span:nth-child(1) { display:block; font-size:22px; font-family:'Noto Medium';padding-top:55px; padding-bottom:8px; }
.officeInfoBox3 .itemBox .contentBox span:nth-child(2) { font-size:18px; }
@media all and (max-width: 800px) {
  .officeInfoBox3 .itemBox { flex-basis:60%; }
  .officeInfoBox3 .itemBox:not(:last-child) { margin-right:0px; margin-bottom:30px; }
}

/*4박스*/
.officeInfoBox4 { display:flex; flex-flow: row wrap; justify-content:space-between; align-content:stretch; }
.officeInfoBox4 .itemBox { flex-basis:22%; flex-grow:1; min-height:174px; position:relative; }
.officeInfoBox4 .itemBox:not(:last-child) { margin-right:15px; }
.officeInfoBox4 .icoLocation{ height:88px; background:url('/sites/styleguide/images/common/ico_location.png') no-repeat top center; position:relative; z-index:1; }
.officeInfoBox4 .icoTel{ height:88px; background:url('/sites/styleguide/images/common/ico_telephone.png') no-repeat top center; position:relative; z-index:1; }
.officeInfoBox4 .icoFax{ height:88px; background:url('/sites/styleguide/images/common/ico_fax.png') no-repeat top center; position:relative; z-index:1; }
.officeInfoBox4 .icoWebsite{ height:88px; background:url('/sites/styleguide/images/common/ico_website.png') no-repeat top center; position:relative; z-index:1; }
.officeInfoBox4 .icoEmail{ height:88px; background:url('/sites/styleguide/images/common/ico_email.png') no-repeat top center; position:relative; z-index:1; }
.officeInfoBox4 .itemBox .contentBox { border:1px solid #cdcdcd; text-align:center; width:100%; min-height:150px; position:absolute; top:44px; }
.officeInfoBox4 .itemBox .contentBox span:nth-child(1) { display:block; font-size:22px; font-family:'Noto Medium'; padding-top:55px; padding-bottom:8px; }
@media all and (max-width: 1200px) {
  .officeInfoBox4 .itemBox { flex-basis:45%; }
  .officeInfoBox4 .itemBox:not(:last-child) { margin-right:0px; }
  .officeInfoBox4 .itemBox:nth-child(odd) { margin-right:15px; margin-bottom:30px; }
}
@media all and (max-width: 800px) {
  .officeInfoBox4 .itemBox { flex-basis:45%; }
  .officeInfoBox4 .itemBox:not(:last-child) { margin-right:0px; }
  .officeInfoBox4 .itemBox:nth-child(odd) { margin-right:15px; margin-bottom:30px; }
}


/*찾아오시는길*/
.background-gray {background-color: #f5f5f5;padding: 30px;}
/* 글로벌대학교 */
.txt-color5{color: #faa635; font-family: 'Noto Medium';}
.txt-color6{color: #dd1969; font-family: 'Noto Medium';}
.text-bold{font-family: 'Noto Medium';}
.bus-inner li{border: 1px solid #e8e9ee; padding: 30px 0; margin-bottom: 20px;}
.bus-inner li:last-child{margin-bottom: 0;}
.bus-inner li::after{content:""; display: table; clear: both;}
.bus-inner li .bus-logo{width: 150px; float: left; padding: 0 43px; text-align: center;}
.bus-inner li .bus-logo p{font-family: 'Noto Medium'; font-size: 18px; color: #333333; margin-top: 10px;}
.bus-inner li .bus-content{width: calc(100% - 150px); float: right; padding: 0 30px; min-height: 80px; border-left: 1px solid #e8e9ee;}
.bus-inner li .bus-content::after{content:""; display: table; clear: both;}
.bus-inner li .bus-box{width: 25%; float: left; margin-top: 20px;}
.bus-inner li .bus-box::after{content:""; display: table; clear: both;}
.bus-inner li .bus-box:nth-child(-n+4){margin-top: 0;}
.bus-inner li .bus-box span{border-radius: 50px; width: 90px; text-align: center; font-size: 18px; color: white; font-family: 'Roboto'; font-weight: 400; display: inline-block; line-height: 30px;}
.bus-inner li.bus_1 .bus-box span{background: url(/sites/kor/images/sub/bus_back_1.png) no-repeat center center;}
.bus-inner li.bus_2 .bus-box span{background: url(/sites/kor/images/sub/bus_back_2.png) no-repeat center center;}
.bus-inner li.bus_3 .bus-box span{background: url(/sites/kor/images/sub/bus_back_3.png) no-repeat center center;}
.bus-inner li.bus_4 .bus-box span{background: url(/sites/kor/images/sub/bus_back_4.png) no-repeat center center;}
.bus-inner li.bus_5 .bus-box span{background: url(/sites/kor/images/sub/bus_back_5.png) no-repeat center center;}
.bus-inner li .bus-box p{display: inline-block; color: #666666; margin-left: 15px; line-height: 30px;}
@media all and (max-width: 1400px) {
  .bus-inner li .bus-box p{display: block; margin-left: 0; margin-top: 5px; line-height: 1.3;}
}
@media all and (max-width: 1023px) {
  .bus-inner li .bus-logo{width: 120px; padding: 0;}
  .bus-inner li .bus-content{width: calc(100% - 120px);}
  .bus-inner li .bus-box{padding-right: 20px;}
}
@media all and (max-width: 768px) {
  .bus-inner li .bus-logo{float: none; margin: 0 auto;}
  .bus-inner li .bus-content{width: 100%; float: none; min-height: none;}
  .bus-inner li .bus-box{width: 50%;}
  .bus-inner li .bus-box p{min-height: 40px; text-align: center;}
  .bus-inner li .bus-box:nth-child(-n+4){margin-top: 20px;}
  .bus-inner li .bus-box span{display: block; width: 90px; margin: 0 auto;}
}
@media all and (max-width: 420px) {
  .bus-inner li .bus-box{width: 100%; float: none; padding-right: 0;}
}
/* 메디컬캠퍼스 */
.medical-bus-box > ul > li::after{content:""; display: table; clear: both;}
.medical-bus-box > ul > li p{float: left;}
.medical-bus-box > ul > li .medical-bus{float: left; margin-left: 10px;}
.medical-bus-box > ul > li .medical-bus span{background: url(/sites/kor/images/sub/bus_back_1.png) no-repeat center center; border-radius: 50px; width: 50px; text-align: center; font-size: 16px; color: white; font-family: 'Roboto'; font-weight: 400; display: inline-block; line-height: 20px;}
@media all and (max-width: 768px) {
  .medical-bus-box > ul > li p{float: none;}
  .medical-bus-box > ul > li .medical-bus{float: none;}
}



/* 대학원 인사말 */
.greeting { background:url("/sites/styleguide/images/sub/intro_bg.png") no-repeat top center; }
.greeting .introTitle { color:#fff; text-align:center; padding:50px 0;}
.greeting .introTitle > span { display:inline-block; background:url("/sites/styleguide/images/sub/intro_bg_mark.png") no-repeat top right; font-size:35px; font-weight:bold; padding:20px 42px;}

.greeting .introWrapImg { display:flex; flex-flow:row nowrap; justify-content:center; padding-top:80px; width:82%; margin:0 auto;}
.greeting .introWrapImg > .item:nth-child(1) { border:0px solid green; padding-left:40px; padding-right:80px; }
.greeting .introWrapImg > .item:nth-child(1) > img { max-width:145px; }
.greeting .introWrapImg > .item:nth-child(2) { flex:1 1 auto; display:flex; flex-flow:column nowrap; justify-content:space-between; }
.greeting .introWrapImg > .item:nth-child(2) > p:nth-child(1) { padding-top:40px; }
.greeting .introWrapImg > .item:nth-child(2) > p.jobName { font-weight:bold; }
.greeting .introWrapImg > .item:nth-child(2) > p.jobName > span { display:inline-block; padding-left:15px; font-size:25px; }
@media all and (max-width: 1024px) {
  .greeting .introWrapImg { width:100%; }
  .greeting .introWrapImg { flex-flow:column nowrap; }
  .greeting .introWrapImg > .item:nth-child(1) { width:100%; text-align:center; }
  .greeting .introWrapImg > .item:nth-child(2) { width:100%; text-align:center; }
  .greeting .introWrapImg > .item:nth-child(2) > p.jobName { padding-top:30px; }
}

.greeting .introWrap { display:flex; flex-flow:row nowrap; justify-content:flex-start; padding-top:80px; width:82%; margin:0 auto;}
.greeting .introWrap > .item { padding-left:40px; padding-right:80px; }
.greeting .introWrap > .item > p.jobName{ font-weight:bold; padding-top:20px;}
.greeting .introWrap > .item > p.jobName > span { display:inline-block; padding-left:15px; font-size:25px; }
@media all and (max-width: 1024px) {
  .greeting .introWrap { width:90%;}
  .greeting .introWrap > .item { padding:0 20px; }
  .greeting .introWrap > .item > p.jobName { text-align:center; }
}
.greeting .introContent { padding-top:50px; }
.greeting .introContent .introBigTxt { font-weight:bold; font-size:30px; padding-bottom:50px; }
.greeting .introContent .introBigGaacTxt { font-weight:bold; font-size:25px; padding-bottom:50px; }
@media all and (max-width: 500px) {
  .greeting .introContent .introBigTxt { font-size:24px; }
}
@media all and (max-width: 480px) {
  .greeting { background:none;}
  .greeting .introTitle{display:none;}
  .greeting .introWrapImg{padding-top:0;}
  .greeting .introWrapImg > .item:nth-child(1) {padding-left: 0;padding-right: 0;}
  .greeting .introContent .introBigTxt { font-size:18px; }
}


/* 경력개발 로드맵 */
.roadmapIntro { background:url("/sites/styleguide/images/sub/intro_bg.png") no-repeat top center; }
.roadmapIntro .introTitle { color:#fff; text-align:center; padding:70px 0;}
.roadmapIntro .introTitle > span { display:inline-block; background:url("/sites/styleguide/images/sub/intro_bg_mark.png") no-repeat top right; font-size:35px; font-weight:bold; padding:15px 45px;}
.roadmapIntro .introWrap { padding-top:50px; margin:0 auto; border:0px solid red; width:770px; }
.roadmapIntro .introWrap .roadmapList1 {}
.roadmapIntro .introWrap .roadmapList1 li { padding-bottom:5px; display:flex; }
.roadmapIntro .introWrap .roadmapList1 li > span:nth-child(1) { flex:0 0 20px; color:#fbb349; padding-right:10px; font-size:16px; letter-spacing:1px; font-weight:bold; }
.roadmapIntro .introWrap .roadmapList1 li > span:nth-child(2){ flex:1 1 auto; font-weight:bold; font-size:16px; }
@media all and (max-width: 900px) {
  .roadmapIntro .introWrap { width:95%; }
  .roadmapIntro .introTitle > span { font-size:30px;}
}
@media all and (max-width: 632px) {
  .roadmapIntro .introWrap { padding-top:50px; }
  .roadmapIntro .introTitle > span { font-size:24px;}
}
@media all and (max-width: 386px) {
  .roadmapIntro .introWrap { padding-top:0px; }
}

.roadmapH3 { position:relative; font-family:'Noto Medium'; display:block; line-height:1.5; font-size:20px; letter-spacing:-0.5px; padding:10px 0;}
.roadmapH3::before{ content:""; position:absolute; width:28px; height:2px; left:0; top:0; }
.roadmapH3.bSky::before { background:#37bbf6; }
.roadmapH3.bTomato::before { background:#ff8882; }
.roadmapH3.bGreen::before { background:#78d0d3; }
.roadmapH3.bLightGreen::before { background:#82d02f; }
.roadmapH3.bBlue::before { background:#6398db; }
.roadmapH3.bPurple::before { background:#ad9ff6; }

.roadmapBox.bSky > .item::before { background-color:#37bbf6; }
.roadmapBox.bTomato > .item::before { background-color:#ff8882; }
.roadmapBox.bGreen > .item::before { background-color:#78d0d3; }
.roadmapBox.bLightGreen > .item::before { background-color:#82d02f; }
.roadmapBox.bBlue > .item::before { background-color:#6398db; }
.roadmapBox.bPurple > .item::before { background-color:#ad9ff6; }

.roadmapBox.bSky > .item > div:nth-child(1) { color:#37bbf6; }
.roadmapBox.bTomato > .item > div:nth-child(1) { color:#ff8882; }
.roadmapBox.bGreen > .item > div:nth-child(1) { color:#78d0d3; }
.roadmapBox.bLightGreen > .item > div:nth-child(1) { color:#82d02f; }
.roadmapBox.bBlue > .item > div:nth-child(1)e { color:#6398db; }
.roadmapBox.bPurple > .item > div:nth-child(1) { color:#ad9ff6; }

.roadmapBox > .item.emptyBox { border:0px !important; }
.roadmapBox > .item.emptyBox::before { display:none !important;}

.roadmapBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
.roadmapBox > .item { border:1px solid #dddddd; border-radius:10px; margin:10px 0; }
.roadmapBox > .item::before { content:""; width:15%; height:3px; margin:0 auto; display:block;}
.roadmapBox > .item > div:nth-child(1) { width:90%; margin:0 auto; font-weight:bold; padding:15px 0; text-align:center; border-bottom:1px solid #ddd; font-size:18px; }
.roadmapBox > .item > div:nth-child(2) { width:90%; margin:0 auto; padding:15px 0; text-align:center;}

.roadmapBox.box4p > .item { flex:0 1 24%;}
.roadmapBox.box3p > .item { flex:0 1 32%;}
.roadmapBox.box2p > .item { flex:0 1 49%;}
.roadmapBox.box1p > .item { flex:1 1 100%;}
@media all and (max-width: 1024px) {
  .roadmapBox.box4p > .item { flex:0 1 32%;}
}
@media all and (max-width: 500px) {
  .roadmapBox.box4p > .item { flex:0 1 48%;}
  .roadmapBox.box3p > .item { flex:0 1 48%;}
  .roadmapBox.box2p > .item { flex:0 1 48%;}
}
@media all and (max-width: 400px) {
  .roadmapBox.box4p > .item { flex:0 1 100%;}
  .roadmapBox.box3p > .item { flex:0 1 100%;}
  .roadmapBox.box2p > .item { flex:0 1 100%;}
}

/* 학과 사진없는 인사말 */
.majorIntroNoImgWrap { border:0px solid blue; background:url("/sites/styleguide/images/sub/major_intro_bg.png") no-repeat top left; display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; }
.majorIntroNoImgWrap .introTitle { border:0px solid red; padding-top:140px; padding-bottom:200px; padding-left:390px; }
.majorIntroNoImgWrap .introTitle > div:nth-child(1) { font-size:36px; font-weight:bold; word-break:break-all; }
.majorIntroNoImgWrap .introTitle > div:nth-child(2) { font-size:39px; font-weight:bold; color:#0a356e; word-break:break-all; }
@media all and (max-width: 1024px) {
  .majorIntroNoImgWrap .introTitle { width:100%; padding-left:20px; padding-right:0px; text-align:center;}
}
@media all and (max-width: 832px) {
  .majorIntroNoImgWrap { background:url("/sites/styleguide/images/sub/major_intro_bg_03.png") no-repeat top left; }
  .majorIntroNoImgWrap .introTitle { width:100%; padding:0 0; padding:80px 0; }
  .majorIntroNoImgWrap .introTitle > div:nth-child(1) { font-size:30px; }
  .majorIntroNoImgWrap .introTitle > div:nth-child(2) { font-size:34px; }
}
@media all and (max-width: 644px) {
  .majorIntroNoImgWrap .introTitle { padding-bottom:100px; }
}
@media all and (max-width: 500px) {
  .majorIntroNoImgWrap .introTitle > div:nth-child(1) { font-size:24px; }
  .majorIntroNoImgWrap .introTitle > div:nth-child(2) { font-size:28px; }
}

.majorIntroNoImgWrap .introContent { border:0px solid green; width:100%;}
.majorIntroNoImgWrap .introContent > div:nth-child(1) { font-size:20px; font-weight:bold; color:#5d5d5d; padding-bottom:30px; }
.majorIntroNoImgWrap .introContent > div:nth-child(2) { font-size:18px; color:#666666; }
@media all and (max-width: 832px) {
  .majorIntroNoImgWrap .introContent > div:nth-child(1) { text-align:center;}
}

.majorIntroNoImgWrap .introSign { border:0px solid yellow; align-self:flex-start; letter-spacing:1px; padding-top:50px; }
.majorIntroNoImgWrap .introSign > p:nth-child(1) { color:#333; font-weight:bold; font-size:18px; padding-bottom:5px;}
.majorIntroNoImgWrap .introSign > p:nth-child(2) { color:#222; font-weight:bold; font-size:24px; }

/* 학과 사진있는 인사말 */
.majorIntroWrap { border:0px solid blue; background:url("/sites/styleguide/images/sub/major_intro_bg_02.png") no-repeat top left; display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; }
.majorIntroWrap .introTitle { border:0px solid red; padding-top:44px; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; }
.majorIntroWrap .introTitle > .item:nth-child(1) { flex:0 0 350px; max-width:350px; }
.majorIntroWrap .introTitle > .item:nth-child(2) { flex:1 1 auto; padding-left:100px; padding-top:50px; }
.majorIntroWrap .introTitle > .item:nth-child(1) > .photoItem { position:relative; }
.majorIntroWrap .introTitle > .item:nth-child(1) > .photoItem > span { display:block; width:100%; background-color:#1f5bab; color:#fff; text-align:right; padding:12px 10px; font-size:16px; position:absolute; bottom:0; opacity:0.9; }
.majorIntroWrap .introTitle > .item:nth-child(2) > .introSloganWrap {}
.majorIntroWrap .introTitle > .item:nth-child(2) > .introSloganWrap > p:nth-child(1) { color:#0056c7; font-size:40px; font-weight:bold; }
.majorIntroWrap .introTitle > .item:nth-child(2) > .introSloganWrap > p:nth-child(2) { color:#252525; font-size:36px; font-weight:bold; }
.majorIntroWrap .introTitle > .item:nth-child(2) > div:nth-child(2) { padding-top:120px; font-size:18px; color:#666; }
@media all and (max-width: 830px) {
  .majorIntroWrap { background:none; }
  .majorIntroWrap .introTitle { flex-wrap:wrap; justify-content:center; }
  .majorIntroWrap .introTitle > .item:nth-child(1) { flex-basis:100%; max-width:100%; background-color:#edeff5; }
  .majorIntroWrap .introTitle > .item:nth-child(2) { flex-basis:100%; padding-left:0px; padding-top:30px; }
  .majorIntroWrap .introTitle > .item:nth-child(1) > .photoItem { text-align:center; }
  .majorIntroWrap .introTitle > .item:nth-child(1) > .photoItem > span {max-width:350px; left: calc(50% - 175px);}
  .majorIntroWrap .introTitle > .item:nth-child(2) > .introSloganWrap { text-align:center; }
  .majorIntroWrap .introTitle > .item:nth-child(2) > .introSloganWrap > p:nth-child(1) { font-size:32px; }
  .majorIntroWrap .introTitle > .item:nth-child(2) > .introSloganWrap > p:nth-child(2) { font-size:28px; }
  .majorIntroWrap .introTitle > .item:nth-child(2) > div:nth-child(2) { padding-top:30px; }
}
@media all and (max-width: 389px) {
  .majorIntroWrap .introTitle > .item:nth-child(1) > .photoItem > span {left:0;}
}

.majorIntroWrap .introContent { width:100%; font-size:18px; color:#666666; padding-top:50px;}
.majorIntroWrap .introSign { border:0px solid yellow; align-self:flex-start; letter-spacing:1px; padding-top:50px; }
.majorIntroWrap .introSign > p:nth-child(1) { color:#333; font-weight:bold; font-size:18px; padding-bottom:5px;}
.majorIntroWrap .introSign > p:nth-child(2) { color:#222; font-weight:bold; font-size:24px; }


/* 학과 전공소개 */
.majorWrap { background:url("/sites/styleguide/images/sub/major_bg_styleguide.png") no-repeat top center; /*width:1035px;*/ width:100%; padding-top:325px; }
.majorWrap > .subject { background-color:#fff; margin:0 auto; color:#222; text-align:center; padding-top:30px; width:85%;   }
.majorWrap > .subjectCe { background-color:#fff; margin:42px auto; color:#222; text-align:center; padding-top:30px; width:85%;   }
.majorWrap > .subject > .item:nth-child(1) { font-size:30px; font-weight:bold; }
.majorWrap > .subject > .item:nth-child(2) { font-size:18px; font-weight:bold; padding-top:5px; }
.majorWrap > .subject > .item:nth-child(3) { padding:50px 40px; text-align: left;}
.majorWrap > .subjectCe > .item:nth-child(1) { font-size:30px; font-weight:bold; }
.majorWrap > .subjectCe > .item:nth-child(2) { font-size:18px; font-weight:bold; padding-top:5px; }
.majorWrap > .subjectCe > .item:nth-child(3) { padding:50px 40px; font-size:18px; font-weight:bold; padding-top:5px;}
.majorWrap > .subjectCe > .item:nth-child(4) { padding:50px 40px; text-align: left;}
.tel_box .tel { width:100%; text-align:center; display:flex; flex-flow:row nowrap; justify-content:center; }
.tel_box .tel::before { content:""; margin-right:5px; flex:1 1 auto; background:url("/sites/styleguide/images/sub/major_bg_dotted.png") repeat-x center center; }
.tel_box .tel > span { position:relative; padding-left:32px; font-weight:bold; }
.tel_box .tel > span::before { content:""; background:url("/sites/styleguide/images/sub/major_icon_tel.png") no-repeat center center; width:24px; height:24px; position:absolute; left:0; flex:0 0 auto; }
.tel_box .tel::after { content:""; margin-left:5px; flex:1 1 auto; background:url("/sites/styleguide/images/sub/major_bg_dotted.png") repeat-x center center; }

.mail_box .mail { width:100%; text-align:center; display:flex; flex-flow:row nowrap; justify-content:center; }
.mail_box .mail::before { content:""; margin-right:5px; flex:1 1 auto; background:url("/sites/styleguide/images/sub/major_bg_dotted.png") repeat-x center center; }
.mail_box .mail > span { position:relative; padding-left:32px; font-weight:bold; }
.mail_box .mail > span::before { content:""; background:url("/sites/styleguide/images/sub/major_icon_mail.png") no-repeat center center; width:24px; height:24px; position:absolute; top: 3px; left:0; flex:0 0 auto; }
.mail_box .mail::after { content:""; margin-left:5px; flex:1 1 auto; background:url("/sites/styleguide/images/sub/major_bg_dotted.png") repeat-x center center; }
@media all and (max-width: 1024px) {
  .majorWrap > .subject {width:96%;}
  .majorWrap > .subject > .item:nth-child(3) {padding: 30px 15px;}
  .majorWrap > .subjectCe {width:96%;}
  .majorWrap > .subjectCe > .item:nth-child(3) {padding: 30px 15px;}
}
/* 학과 교육목표 */
.eduGoalWrap { background:url("/sites/styleguide/images/sub/major_bg_02_styleguide.png") repeat-y top center; padding:50px 20px; }
.eduGoalWrap .subject { text-align:center; }
.eduGoalWrap .subject > p:nth-child(1) { color:#fff; font-size:30px; font-weight:bold; }
.eduGoalWrap .subject > p:nth-child(2) { color:#fff; font-size:16px; }
.eduGoalWrap .content{ width:90%; border:1px solid #fff; padding:20px 20px; margin:0 auto; margin-top:30px; }
.eduGoalWrap .content > div:nth-child(1) { color:#3c91ff; font-size:20px; font-weight:bold; padding-bottom:10px;}
.eduGoalWrap .content > div:nth-child(2) { color:#fff; text-align:left; }
.eduGoalWrap .content .list_1 > li:before {border-color:#FFF;}


/* 졸업 후 진로 */
.graduWrap { background:url("/sites/styleguide/images/sub/gradu_bg_styleguide.jpg") no-repeat top center; /*width:1035px;*/ width:100%; padding-top:140px; }
.graduWrap .title { color:#fff; text-align:center;}
.graduWrap .title > span { display:inline-block; background:url("/sites/styleguide/images/sub/intro_bg_mark.png") no-repeat top right; font-size:35px; font-weight:bold; padding:15px 45px;}
.graduWrap .subject { background-color:#fff; margin:0 auto; color:#222; text-align:center; padding:50px 50px; margin-top:100px; width:85%; }
.graduWrap .subject .jobList { display:flex; flex-flow:row wrap; justify-content:flex-start; }
.graduWrap .subject .jobList > li { background-color:#f8f8f8; border:1px solid #e7e7e7; border-radius:12px; padding:5px 10px; margin:0 5px; margin-bottom:15px;  }
.graduWrap .subject .jobList > li::before { content:"#"; display:inline-block; padding-right:5px; }
.graduWrap .tel { width:100%; text-align:center; display:flex; flex-flow:row nowrap; justify-content:center; }
.graduWrap .tel::before { content:""; margin-right:5px; flex:1 1 auto; background:url("/sites/styleguide/images/sub/major_bg_dotted.png") repeat-x center center; }
.graduWrap .tel > span { position:relative; padding-left:32px; font-weight:bold; }
.graduWrap .tel > span::before { content:""; background:url("/sites/styleguide/images/sub/major_icon_tel.png") no-repeat center center; width:24px; height:24px; position:absolute; left:0; flex:0 0 auto; }
.graduWrap .tel::after { content:""; margin-left:5px; flex:1 1 auto; background:url("/sites/styleguide/images/sub/major_bg_dotted.png") repeat-x center center; }



/* w_guide 이미지 화살표 박스 (w_sub 라인 144 에서 가져옴) */
.research-inner::after{content:""; display: table; clear: both;}
.research-inner > div{float: left;}
.research-inner .research-box{width: calc(20% - 60px); border-radius: 5px; box-shadow: 1.5px 1.5px 4px rgba(0,0,0,0.2); background-color: #f6f6f6;}
.research-box .research-header{text-align: center; border-radius: 5px;}
.research-box .research-header h1{font-size: 18px; color: white; font-family: 'Roboto'; font-weight: 400; padding: 11.5px 0;}
.research-box .research-content{height: 140px; width: 100%; display: table;}
.research-box .research-content .research-textbox{display: table-cell; vertical-align: middle; text-align: center; width: 100%;}
.research-textbox h1{font-family: 'Noto Regular'; font-size: 20px; color: #333333; margin-bottom: 10px;}
.research-textbox p{font-size: 18px; color: #333333;}
.research-box .research_1{background: url(../../images/sub/research_1.png) no-repeat top center;}
.research-box .research_2{background: url(../../images/sub/research_2.png) no-repeat top center;}
.research-box .research_3{background: url(../../images/sub/research_3.png) no-repeat top center;}
.research-box .research_4{background: url(../../images/sub/research_4.png) no-repeat top center;}
.research-box .research_5{background: url(../../images/sub/research_5.png) no-repeat top center;}
.research-inner .research-arrow{width: 27px; margin: 0 24px; margin-top: 45px;}

@media all and (max-width: 1250px) {
  .research-box .research-content{height: 180px;}
  .research-inner .research-arrow{margin-top: 65px;}
}

@media all and (max-width: 1023px) {
  .research-inner .research-box{width: calc(20% - 28px);}
  .research-inner .research-arrow{width: 15px; margin: 0 10px; margin-top: 87.5px;}
  .research-textbox h1{font-size: 18px;}
  .research-textbox p{font-size: 16px;}
}

@media all and (max-width: 768px) {
  .research-inner > div{float: none;}
  .research-inner .research-box{width: 100%;}
  .research-box .research-header{background-size: cover;}
  .research-box .research-content{height: auto; padding: 20px 0; display: block;}
  .research-box .research-content .research-textbox{display: block;}
  .research-inner .research-arrow{margin: 10px auto; transform: rotate(90deg);}
}

.college-info-inner{position: relative; border: 1px solid #e8e9ee;}
.college-info-inner::before{content:""; display: block; position: absolute; width: 75px; height: 75px; border-top: 1px solid #23499e; border-left: 1px solid #23499e; left: 0; top: 0;}
.college-info-inner::after{content:""; display: block; position: absolute; width: 75px; height: 75px; border-bottom: 1px solid #00baee; border-right: 1px solid #00baee; right: 0; bottom: 0;}
.college-info-box{padding: 30px 45px 60px 50px;}
.college-info-box::after{content:""; display: table; clear: both;}
.college-info-image{float: left; max-width: 610px; width: 47%; margin-right: 7%; position: relative;}
.college-info-image::after{content:""; display: block; position: absolute; width: 130px; height: 140px; background: url(../../images/sub/college_image_deco.png); right: -30px; bottom: -30px; z-index: -1;}
.college-info-textbox{float: right; width: 46%;}
.college-info-textbox h2{font-family: 'Noto Medium'; color: #151515; font-size: 26px; line-height: 1;}
.college-info-textbox p{font-size: 18px; line-height: 30px; margin-top: 20px;}
.college-info-sub{margin-top: 15px;}
.college-info-sub ul::after{content:""; display: table; clear: both;}
.college-info-sub li{float: left; margin-right: 30px; margin-bottom: 20px;}
.college-info-sub li::after{content:""; display: table; clear: both;}
.college-info-logo{width: 40px; float: left;}
.college-info-sub li p{float: left; width: calc(100% - 50px); margin-top: 0; line-height: 40px; font-size: 17px; margin-left: 10px;}

@media all and (max-width: 1023px) {
  .college-info-sub li{float: none; margin-bottom: 20px;}
  .college-info-textbox h2{font-size: 22px;}
  .college-info-textbox p{font-size: 16px; line-height: 25px;}
}

@media all and (max-width: 768px) {
  .college-info-box{padding: 20px 40px 30px 30px;}
  .college-info-image{width: 100%; float: none; max-width: auto; margin-right: 0; margin-bottom: 50px;}
  .college-info-textbox{width: 100%; float: none;}
}