@charset "utf-8";

/*사피리input&버튼스타일변경*/
button,
input[type=button],
input[type=submit]{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
input[type=radio],
input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #888;background:#FFF;width:16px;height:16px;}
input[type=radio]{border-radius:8px;}
input[type=checkbox]{appearance:none;}
input[type=radio]:checked{background:url(/sites/guide/images/common/bul_radio.png) no-repeat center;}
input[type=checkbox]:checked{background:url(/sites/guide/images/common/bul_checkbox.png) no-repeat center;}

/*포커스
접근성 심사 시 사용
a:focus,
button:focus,
input:focus{outline: 1px solid #ff0000 !important;}
*/

/*이미지, 동영상 등 숨김처리
접근성 심사 시 사용
.waHidden{display:none;}
*/

/*대체텍스트숨기기*/
.irHidden{text-indent:-99999px;font-size: 0;}

/* 이미지 width:100%; */
.img100 img { width:100%; }

/*감싸기*/
.sub ._fnctWrap,
.wrapper{box-sizing:border-box;margin: 0 auto;max-width:1400px;}
@media only screen and (max-width:1400px){
  .sub ._fnctWrap,
  .wrapper{max-width:96%;}
}
.sub .gnb_m ._fnctWrap{max-width:none !important;}

/*요소여백*/
._objHtml,
._objTag,
._objWidget{padding-bottom:50px;}
._objHtml p{margin-bottom:10px;}

/*줄넘기기*/
.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;}
.black{color:#000;}
.sky{color:#00b0ec;}
.green{color:#009d57;}
.white{color:#FFF;}
.orange{color:#ff7e00;}
.signatureColor_1{color:#7cc26e;}
.signatureColor_2{color:#78af50;}
.signatureColor_3{color:#70ae8d;}

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

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

/*이미지*/
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:#117fd6;}
.bg2{background:#03235f;}
.bg1,
.bg1 a,
.bg2,
.bg2 a{color:#FFF;}
@media only screen and (max-width:768px){
  .bgW,.bgG,.bg1,.bg2{padding:30px;}
}

/* 아이콘 */
.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;text-align:center;font-family:'Noto Medium';margin-bottom:10px;}
.iC_1{background-image:url(/sites/guide/images/common/icon_g_1.png);}
.iC_2{background-image:url(/sites/guide/images/common/icon_g_2.png);}
.iC_3{background-image:url(/sites/guide/images/common/icon_g_3.png);}
.iC_4{background-image:url(/sites/guide/images/common/icon_g_4.png);}
.iC_5{background-image:url(/sites/guide/images/common/icon_g_5.png);}
.iC_6{background-image:url(/sites/guide/images/common/icon_g_6.png);}
.iC_7{background-image:url(/sites/guide/images/common/icon_g_7.png);}
.iC_8{background-image:url(/sites/guide/images/common/icon_g_8.png);}
.iC_9{background-image:url(/sites/guide/images/common/icon_g_9.png);}
.iC_10{background-image:url(/sites/guide/images/common/icon_g_10.png);}
.iC_11{background-image:url(/sites/guide/images/common/icon_g_11.png);}
.iC_12{background-image:url(/sites/guide/images/common/icon_g_12.png);}
.iC_13{background-image:url(/sites/guide/images/common/icon_g_13.png);}
.iC_14{background-image:url(/sites/guide/images/common/icon_g_14.png);}
.iC_15{background-image:url(/sites/guide/images/common/icon_g_15.png);}
.iC_16{background-image:url(/sites/guide/images/common/icon_g_16.png);}
.iC_17{background-image:url(/sites/guide/images/common/icon_g_17.png);}
.iC_18{background-image:url(/sites/guide/images/common/icon_g_18.png);}
.iC_19{background-image:url(/sites/guide/images/common/icon_g_19.png);}
.iC_20{background-image:url(/sites/guide/images/common/icon_g_20.png);}
.iC_21{background-image:url(/sites/guide/images/common/icon_g_21.png);}
.iC_22{background-image:url(/sites/guide/images/common/icon_g_22.png);}
.iC_23{background-image:url(/sites/guide/images/common/icon_g_23.png);}
.iC_24{background-image:url(/sites/guide/images/common/icon_g_24.png);}
.iC_25{background-image:url(/sites/guide/images/common/icon_g_25.png);}
.iC_26{background-image:url(/sites/guide/images/common/icon_g_26.png);}
.iC_27{background-image:url(/sites/guide/images/common/icon_g_27.png);}
.iC_28{background-image:url(/sites/guide/images/common/icon_g_28.png);}
.iC_29{background-image:url(/sites/guide/images/common/icon_g_29.png);}
.iC_30{background-image:url(/sites/guide/images/common/icon_g_30.png);}
.iC_31{background-image:url(/sites/guide/images/common/icon_g_31.png);}
.iC_32{background-image:url(/sites/guide/images/common/icon_g_32.png);}
.iC_33{background-image:url(/sites/guide/images/common/icon_g_33.png);}
.iC_34{background-image:url(/sites/guide/images/common/icon_g_34.png);}
.iC_35{background-image:url(/sites/guide/images/common/icon_g_35.png);}
.iC_36{background-image:url(/sites/guide/images/common/icon_g_36.png);}
.iC_37{background-image:url(/sites/guide/images/common/icon_g_37.png);}
.iC_38{background-image:url(/sites/guide/images/common/icon_g_38.png);}
.iC_39{background-image:url(/sites/guide/images/common/icon_g_39.png);}
.iC_40{background-image:url(/sites/guide/images/common/icon_g_40.png);}
.iC_41{background-image:url(/sites/guide/images/common/icon_g_41.png);}
.iC_42{background-image:url(/sites/guide/images/common/icon_g_42.png);}
.iC_43{background-image:url(/sites/guide/images/common/icon_g_43.png);}
.iC_44{background-image:url(/sites/guide/images/common/icon_g_44.png);}
.iC_45{background-image:url(/sites/guide/images/common/icon_g_45.png);}
.iC_46{background-image:url(/sites/guide/images/common/icon_g_46.png);}
.iC_circles_01{background-image:url(/sites/guide/images/common/icon_circles_01.png);}
.iC_circles_02{background-image:url(/sites/guide/images/common/icon_circles_02.png);}
.iC_circles_03{background-image:url(/sites/guide/images/common/icon_circles_03.png);}
.iC_circles_04{background-image:url(/sites/guide/images/common/icon_circles_04.png);}
.iC_circles_05{background-image:url(/sites/guide/images/common/icon_circles_05.png);}
.iC_circles_06{background-image:url(/sites/guide/images/common/icon_circles_06.png);}
.iC_circles_07{background-image:url(/sites/guide/images/common/icon_circles_07.png);}
.iC_circles_08{background-image:url(/sites/guide/images/common/icon_circles_08.png);}
.iC_circles_09{background-image:url(/sites/guide/images/common/icon_circles_09.png);}
.iC_circles_10{background-image:url(/sites/guide/images/common/icon_circles_10.png);}
.iC_circles_11{background-image:url(/sites/guide/images/common/icon_circles_11.png);}
.iC_circles_12{background-image:url(/sites/guide/images/common/icon_circles_12.png);}
.iC_circles_13{background-image:url(/sites/guide/images/common/icon_circles_13.png);}

/*타이틀*/
.objHeading_h2,
.objHeading_h3,
.objHeading_h4,
.objHeading_h5 {line-height:1.25; position:relative; max-width:1400px; margin:0 auto; letter-spacing:-0.03em; }

.objHeading_h2{font-size:38px;font-family:'Noto Light';color:#222;padding-bottom:25px;}
.objHeading_h3{font-size:24px;font-family:'Noto Light';color:#222;padding-bottom:25px;padding-top:12px;}
.objHeading_h4{font-size:22px;font-family:'Noto Regular';color:#03235f;padding-bottom:25px;}
.objHeading_h5{font-size:20px;font-family:'Noto Regular';color:#222;padding-bottom:25px;}

.objHeading_h3:before{content:"";display:block;width:40px;height:4px;background:url(/sites/guide/images/common/h3_icon.png) no-repeat center;margin:0 0;position:absolute;top:0;left:0;}
/*
.objHeading_h3:before{content:"";display:block;width:20px;height:4px;background:#117fd6;position:absolute;top:0;left:0;}
*/

@media only screen and (max-width:1400px){
  .objHeading_h2,
  .objHeading_h3,
  .objHeading_h4,
  .objHeading_h5{width:96%;}
}
@media only screen and (max-width:1024px){
  .objHeading_h2{font-size:28px;padding-bottom:20px; /*padding-top:20px*/ }
  .objHeading_h3{font-size:21px;padding-bottom:15px; /*padding-top:15px*/ }
  .objHeading_h4{font-size:19px;padding-bottom:15px; /*padding-top:15px*/}
  .objHeading_h5{font-size:17px;padding-bottom:15px; /*padding-top:15px*/ }
}

/*타이틀*/
/*.objHeading_h2,
.objHeading_h3,
.objHeading_h4,
.objHeading_h5{line-height:1.25;position:relative;max-width:1600px;margin:0 auto;letter-spacing:-0.03em;}

.objHeading_h2{font-size:38px;font-weight:500;color:#222222;padding-bottom:50px;}
.objHeading_h3{font-size:24px;font-weight:500;color:#222222;padding-bottom:35px;}
.objHeading_h4{font-size:22px;font-weight:400;color:#004594;padding-bottom:25px;}
.objHeading_h5{font-size:20px;font-weight:400;color:#444444;padding-bottom:15px;}

.objHeading_h2 span{display:block;color:#999;font-weight:300;font-size:30px;}
.objHeading_h3:before{content:"";display:inline-block;width:16px;height:16px;background:url(/sites/guide/images/common/h3_icon.png) no-repeat center;margin:0 5px 15px 0;}

@media only screen and (max-width:1550px){
.objHeading_h2,
.objHeading_h3,
.objHeading_h4,
.objHeading_h5{width:96%;}
}
@media only screen and (max-width:1024px){
.objHeading_h2{font-size:30px;padding-bottom:20px;padding-top:20px}
.objHeading_h3{font-size:21px;padding-bottom:15px;padding-top:15px}
.objHeading_h3{font-size:19px;padding-bottom:15px;padding-top:15px}
.objHeading_h3{font-size:17px;padding-bottom:15px;padding-top:15px}
}
*/

/*주의*/
.caution{position:relative;font-family:'Noto Regular';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 Regular';padding-left:30px;line-height:1.3;}
.caution_icon_1{color:#f76228;}
.caution_icon_2{color:#ff1c30;}
.caution_icon_3{color:#007f76;}
.caution_icon_4{color:#004592;}
.caution_icon_5{color:#666;}
.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:0;}
.caution_icon_1:before{background:url(/sites/guide/images/common/ico-notice1.png) no-repeat center left;}
.caution_icon_2:before{background:url(/sites/guide/images/common/ico-notice2.png) no-repeat center left;}
.caution_icon_3:before{background:url(/sites/guide/images/common/ico-notice3.png) no-repeat center left;}
.caution_icon_4:before{background:url(/sites/guide/images/common/ico-notice4.png) no-repeat center left;}
.caution_icon_5:before{background:url(/sites/guide/images/common/ico-notice5.png) no-repeat center left;}

/*버튼*/
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;color:#FFF !important;text-align:center;border:0;box-sizing:border-box;border-radius:30px;font-family:'Noto Regular';margin-bottom:5px;border:2px solid transparent;}
.btnB, .btnI{padding:7px 30px;}
.btnM{padding:7px 20px;font-size:14px;}
.btnS{padding:5px 20px;font-size:12px;}
.btnCg{background:#444444;}
.btnC1{background:#0075d2;}
/*.btnC2{background:#017e78;}*/
.btnC2{background:#fff; color:#222 !important; border:2px solid #222;} 

.btnT{color:#222 !important;text-align:left;border-radius:0;padding:0;word-break:break-word;border-bottom:1px solid #222;}
.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:url(/sites/guide/images/common/btnBlank_ico_w.png) no-repeat center;}
.btnI.btnSelf:after{background:url(/sites/guide/images/common/btnSelf_ico_w.png) no-repeat center;}
.btnI.btnDown:after{background:url(/sites/guide/images/common/btnDown_ico_w.png) no-repeat center;}
.btnI.btnDown.up:after { transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); transform: rotate(180deg); }

.btnC1.btnBlank:after{background:url(/sites/guide/images/common/btnBlank_ico_w.png) no-repeat center;}
.btnC1.btnSelf:after{background:url(/sites/guide/images/common/btnSelf_ico_w.png) no-repeat center;}
.btnC1.btnDown:after{background:url(/sites/guide/images/common/btnDown_ico_w.png) no-repeat center;}
.btnC1.btnI.btnDown.up:after { transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); transform: rotate(180deg); }

.btnC2.btnBlank:after{background:url(/sites/guide/images/common/btnBlank_ico_bl.png) no-repeat center;}
.btnC2.btnSelf:after{background:url(/sites/guide/images/common/btnSelf_ico_bl.png) no-repeat center;}
.btnC2.btnI.btnDown:after{background:url(/sites/guide/images/common/btnDown_ico_bl.png) no-repeat center;}
.btnC2.btnI.btnDown.up:after { transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); transform: rotate(180deg); }



.btnM.btnBlank:after{background-image:url(/sites/guide/images/common/btn_icon_2_w.png);}

.btnT.btnC1{border-bottom-color:#004593;}
.btnT.btnC2{border-bottom-color:#017e78;}

.btnT:after{vertical-align:0;margin:0 0 0 5px;width:16px;height:16px;}
.btnT.btnBlank:after{background:url(/sites/guide/images/common/aLink_4_b.png) no-repeat center;}
.btnT.btnSelf:after{background:url(/sites/guide/images/common/arrow_23_b.png) no-repeat center;}
.btnT.btnDown:after{background:url(/sites/guide/images/common/aDown_1_b.png) no-repeat center;}
.btnB:hover,
.btnM:hover,
.btnS:hover,
.btnI:hover{background:#FFF;font-family:'Noto Medium';}
.btnT:hover{font-family:'Noto Medium';}
.btnCg:hover{border-color:#444444;color:#444444 !important;}
.btnC1:hover{border-color:#0075d2;color:#0075d2 !important;}
.btnC2:hover{background:#444444;border-color:#444444;color:#FFF !important;}
.btnI.btnBlank:hover:after{background:url(/sites/guide/images/common/btnBlank_ico_c1.png) no-repeat center;}
.btnI.btnSelf:hover:after{background:url(/sites/guide/images/common/btnSelf_ico_bl.png) no-repeat center;}
.btnI.btnDown:hover:after{background:url(/sites/guide/images/common/btnDown_ico_bl.png) no-repeat center;}
.btnI.btnC1.btnBlank:hover:after{background:url(/sites/guide/images/common/btnBlank_ico_c1.png) no-repeat center;}
.btnI.btnC1.btnSelf:hover:after{background:url(/sites/guide/images/common/btnSelf_ico_c1.png) no-repeat center;}
.btnI.btnC1.btnDown:hover:after{background:url(/sites/guide/images/common/btnDown_ico_c1.png) no-repeat center;}
.btnI.btnC2.btnBlank:hover:after{background:url(/sites/guide/images/common/btnBlank_ico_w.png) no-repeat center;}
.btnI.btnC2.btnSelf:hover:after{background:url(/sites/guide/images/common/btnSelf_ico_w.png) no-repeat center;}
.btnI.btnC2.btnDown:hover:after{background:url(/sites/guide/images/common/btnDown_ico_w.png) no-repeat center;}

/*링크박스*/
.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/guide/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 (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/guide/images/common/pattern_3.png) no-repeat center;border-color:#e2e2e2;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}
@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;}

}
@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;}
}

/*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_0 > li,
.nList_1 > li,
.nList_2 > li,
.list_gCircle > 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_0 > li:last-child,
.nList_1 > li:last-child,
.nList_2 > li:last-child,
.list_gCircle > li:last-child {padding-bottom:0}

.list_1 > li,
.list_1_2 > li, 
.list_gCircle > li {padding-left:20px}
.list_2 > li,
.list_3 > li,
.list_4 > li{padding-left:13px}
.nList_0 > li,
.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_0 > li:before,
.nList_1 > li:before,
.nList_2 > li:before,
.list_gCircle > li:before {content:"";display:block;position:absolute;left:0}

.list_1 > li:before,
.list_1_2 > li:before{top:11px;width:6px;height:6px; border-radius:10px; }
.list_2 > li:before,
.list_3 > li:before{background:#222}
.list_3.white > li:before{background:#fff}
.list_4 > li:before{top:12px; border-bottom:4px solid #222; border-left:3px solid transparent;border-right:3px solid transparent;width:0;transform:rotate(90deg);}
.list_4.white > li:before { border-bottom:4px solid #fff; }

.list_1 > li:before{background:#0075d2;}
.list_1_2 > li:before{background:#888888;}
.list_2 > li:before{top:12px;width:4px;height:4px}
.list_3 > li:before{top:13px;width:5px;height:2px}
.list_4 > li:before{}
.kList_1 > li:before,
.aList_1 > li:before,
.rList_1 > li:before,
.nList_0 > li:before,
.nList_1 > li:before,
.nList_2 > li:before{top:1px;font-family:'Noto Regular';}
.nList_1 > li:before,
.nList_2 > li:before{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:100%;font-size:14px;top:4px;color:#FFF;}
.nList_1 > li:before{background:#03235f;}
.nList_2 > li:before{background:#999999;}
.list_gCircle > li::before {width:8px;height:8px;background:#444444;border-radius:100%;top:10px;}

/* 한줄에 두개씩 나오게 */
.list_0.hList, .list_1.hList, .list_1_2.hList, .list_gCircle.hList, .list_2.hList, .list_3.hList, .list_4.hList, .nList_1.hList, .nList_2.hList, .kList_1.hList, .aList_1.hList, .rList_1.hList { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.list_0.hList > li, .list_1.hList > li, .list_1_2.hList > li, .list_gCircle.hList > li, .list_2.hList > li, .list_3.hList > li, .list_4.hList > li, .nList_1.hList > li, .nList_2.hList > li, .kList_1.hList > li, .aList_1.hList > li, .rList_1.hList > li { flex:0 0 50%; } 
@media only screen and (max-width:768px){
  .list_0.hList > li, .list_1.hList > li, .list_1_2.hList > li, .list_gCircle.hList > li, .list_2.hList > li, .list_3.hList > li, .list_4.hList > li, .nList_1.hList > li, .nList_2.hList > li, .kList_1.hList > li, .aList_1.hList > li, .rList_1.hList > li { flex:0 0 100%; } 
}

/*종속사용*/
.list_0 ul {padding-left:20px;}
.list_0 ul, .list_1 ul, .list_1_2 ul, .list_2 ul, .list_3 ul, .list_4 ul, .nList_0 ul, .nList_1 ul, .nList_2 ul, .nList_3 ul, .kList_1 ul, .aList_1 ul, .rList_1 ul, .list_gCircle_1 ul {padding-top: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_0 > li:nth-child(1):before{content:"1."}.nList_0 > li:nth-child(2):before{content:"2."}.nList_0 > li:nth-child(3):before{content:"3."}.nList_0 > li:nth-child(4):before{content:"4."}.nList_0 > li:nth-child(5):before{content:"5."}.nList_0 > li:nth-child(6):before{content:"6."}.nList_0 > li:nth-child(7):before{content:"7."}.nList_0 > li:nth-child(8):before{content:"8."}.nList_0 > li:nth-child(9):before{content:"9."}.nList_0 > li:nth-child(10):before{content:"10."}.nList_0 > li:nth-child(11):before{content:"11."}.nList_0 > li:nth-child(12):before{content:"12."}.nList_0 > li:nth-child(13):before{content:"13."}.nList_0 > li:nth-child(14):before{content:"14."}.nList_0 > li:nth-child(15):before{content:"15."}

/*원숫자*/
.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:"1"}.nList_2 > li:nth-child(2):before{content:"2"}.nList_2 > li:nth-child(3):before{content:"3"}.nList_2 > li:nth-child(4):before{content:"4"}.nList_2 > li:nth-child(5):before{content:"5"}.nList_2 > li:nth-child(6):before{content:"6"}.nList_2 > li:nth-child(7):before{content:"7"}.nList_2 > li:nth-child(8):before{content:"8"}.nList_2 > li:nth-child(9):before{content:"9"}.nList_2 > li:nth-child(10):before{content:"10"}


/*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{flex-basis:20%; font-family:'Noto Medium';box-sizing:border-box;border-bottom:2px solid #03235f; text-align:center; color:#03235f; }
.dl_1 dd{flex-basis:80%; border-bottom:1px solid #ccc;}

/*DL타입_2*/
.dl_2{display:flex;flex-wrap:wrap;}

.dl_2 dt{ width:300px; color:#03235f; font-family:'Noto Medium';font-size:24px; position:relative; padding:45px 0; padding-left:50px; }
.dl_2 dt::before { position:absolute; content:""; top:0; left:0; width:50px; height:50px; background:url("/sites/guide/images/common/dl_2_left.png") no-repeat; } 
.dl_2 dt span{display:block; color:#666;font-size:14px; line-height:1.25; margin-top:0; }

.dl_2 dd{border-bottom:1px solid #EEE;padding:45px 0; width:calc(100% - 300px); padding-left:25px; margin-bottom:50px; }
.dl_2.pracRoom dt{width:400px;text-align:center;}
.dl_2.pracRoom dd{width:calc(100% - 400px);}
.dl_2.pracRoom dt:before{display:none;}

/*DL타입_3*/
.dl_3 { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:center; }
.dl_3 dt{ color:#03235f; font-family:'Noto Medium'; font-size:24px; text-align:center; /*margin-top:25px;*/ position:relative; padding:20px 100px; }
.dl_3 dt::before { position:absolute; content:""; top:0; left:0; width:32px; height:100px; background:url("/sites/guide/images/common/dl_3_left.png") no-repeat; } 
.dl_3 dt::after { position:absolute; content:""; top:0; right:0; width:32px; height:100px; background:url("/sites/guide/images/common/dl_3_right.png") no-repeat; } 
.dl_3 dt span{display:block; color:#666;font-size:14px;font-family:'Noto Medium';line-height:1.25; }
/*.dl_3 dt:first-child{margin-top:0;}*/
.dl_3 dd{border-bottom:1px solid #EEE; text-align:center; padding-top:50px; padding-bottom:30px; margin-bottom:50px; }
@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_2 dt,
  .dl_2.pracRoom dt,
  .dl_2.pracRoom dd,
  .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;}
  .dl_2 > dt::before { display:none; }

  .dl_3 > dt::before, .dl_3 > dt::after { display:none; }
  .dl_3 > dt { padding:0 0; }
  .dl_3 > dd { padding-top:20px; }
}

/*이미지+텍스트*/
.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% !important;}
  .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% !important;}
  .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{overflow:hidden;}
.table_1 table{border-top:2px solid #03235f;width:100%;word-break:break-all;position:relative;margin-left:1px;}
.table_1 caption{text-indent:-9999px;height:0;position:absolute;left:9999px;top:9999px;}
.table_1 thead th{background:#f9fcff; font-family:'Noto Light';border-bottom:1px solid #666;border-right:1px solid #dddee0;padding:13px 10px;}
.table_1 tbody th{padding:12px 20px;font-family:'Noto Light';background:#fbfbfb;color:#000;border-right:1px solid #dddee0;border-bottom:1px solid #ccd0d7;}
.table_1 tbody td{padding:12px 20px;border-right:1px solid #dddee0;border-bottom:1px solid #dddee0;}
.table_1 tbody td a{color: #333;}
.table_1 th:first-child,
.table_1 td:first-child{border-left:0;}
.table_1 th.bdrL{border-left:1px solid #dddee0;}
.table_1 td.bdrL{border-left:1px solid #dddee0;}
.table_1 th.bdrR{border-right:1px solid #dddee0;}
.table_1 td.bdrR{border-right:1px solid #dddee0;}
.table_1 td.left{text-align:left;}
.table_1 td.right{text-align:right;}
.table_1 tfoot tr{background:#f6f6f6;font-family:'Noto Regular';border-top:1px solid #eaeaea;}
.table_1.type2 thead th { background:#fff; position:relative; border-right:0; }
.table_1.type2 thead th:not(:last-child)::after { content:""; width:1px; height:33%; position:absolute; right:0; top:50%; transform:translateY(-50%); background-color:#444; }



/* M_테이블 */
@media only screen and (max-width:1024px){
  /*
  .table_m{overflow-y:hidden;overflow-x:scroll;position:relative;}
  .table_m::after{content:'\A\A좌우로 스크롤 하시면 내용이 보입니다.\A안내문은 클릭시 닫힙니다.'; display:flex; align-items:flex-start; justify-content:center; color:#FFF; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(43,106,189,0.4); white-space:pre; }
  .table_m table{min-width:150%;}
  .table_m.on::after{display:none;}
  */
  .table_1{overflow-y:hidden;overflow-x:scroll;position:relative;}
  .table_1::after{content:'\A\A좌우로 스크롤 하시면 내용이 보입니다.\A안내문은 클릭시 닫힙니다.'; display:flex; align-items:flex-start; justify-content:center; color:#FFF; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(43,106,189,0.4); white-space:pre; }
  .table_1 table{min-width:200%;}

  .table_1.noScroll {overflow-y:unset; overflow-x:unset; }
  .table_1.noScroll table { min-width:100%; }
  .table_1.noScroll::after{display:none;}  
  .table_1.off::after{display:none;}
}

/*박스*/
.box_1,
.box_iC{border:1px solid #ddd;border-radius:3px;padding:35px;}
.box_1.bgB { border-color:#0075d2; }

.box_iC{display:flex;justify-content:flex-start;border:1px solid #03235f;}
.box_title{border:1px solid #03235f; padding:35px;}
.box_iC > div:first-child{width:90px;height:60px;background-repeat:no-repeat;background-position:center;margin-right:30px;border-right:2px dashed #DDD;}
.box_iC > div:last-child{width:100%;padding-top:15px;}
.box_iC > div:last-child dt{font-size:24px; font-family:'Noto Medium';font-size:20px;border-bottom:2px dashed #DDD;padding-bottom:15px;margin-bottom:15px;}
.box_title dt{font-family:'Noto Medium'; font-size:24px;border-bottom:2px 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{display:none;}
  .box_iC > div:last-child{padding-top:0;}
}

/* rBox */
.rBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.rBox.bdrNone > li { border:0; padding:0; } 
.rBox > li { border:1px solid #ddd; padding:25px; box-sizing:border-box; margin-bottom:20px; }
.rBox > li.bdrNone { border:0;} 
/*.rBox > li > div.tit { font-size:24px; font-family:'Noto Medium';padding-bottom:10px; }
*/
.rBox > li > div.tit {font-family:'Noto Medium';font-size: 20px;position: relative;padding: 15px 0;min-height: 58px;}
.rBox > li > div.tit:after {content: "";position: absolute;width: 15px;height: 2px;top: 10px;left: 0;background-color: #117fd6;}
.rBox > li > div.cont {}
.rBox.div2 > li { flex:0 0 49%; }
.rBox.div2 > li:nth-child(odd) { margin-right:1%; }
.rBox.div2 > li:nth-child(even) { margin-left:1%; }
@media only screen and (max-width:600px){
  .rBox.div2 > li { flex:1 0 100%; }
  .rBox.div2 > li:nth-child(odd) { margin-right:0; }
  .rBox.div2 > li:nth-child(even) { margin-left:0; }
}

.rBox.div3 > li { flex:0 0 32.66666%; }
.rBox.div3 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
@media only screen and (max-width:1024px){
  .rBox.div3 > li { flex:0 0 49%; }
  .rBox.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .rBox.div3 > li:nth-child(odd) { margin-right: 1%; }
  .rBox.div3 > li:nth-child(even) { margin-left: 1%; }
}
@media only screen and (max-width:600px){
  .rBox.div3 > li { flex:1 0 100%; }
  .rBox.div3 > li:nth-child(odd) { margin-right:0; }
  .rBox.div3 > li:nth-child(even) { margin-left:0; }
}

.rBox.div4 > li { flex:0 0 24.25%; margin-bottom:20px; }
.rBox.div4 > li:nth-child(4n-2) { margin-left:1%; }
.rBox.div4 > li:nth-child(4n-1) { margin-left:1%; }
.rBox.div4 > li:nth-child(4n) { margin-left:1%; }
@media only screen and (max-width:1024px){
  .rBox.div4 > li { flex:0 0 49%; }
  .rBox.div4 > li:nth-child(4n-2) { margin-left:0; }
  .rBox.div4 > li:nth-child(4n-1) { margin-left:0; }
  .rBox.div4 > li:nth-child(4n) { margin-left:0; }
  .rBox.div4 > li:nth-child(odd) { margin-right:1%; }
  .rBox.div4 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:600px){
  .rBox.div4 > li { flex:1 0 100%; }
  .rBox.div4 > li:nth-child(odd) { margin-right:0; }
  .rBox.div4 > li:nth-child(even) { margin-left:0; }
}

.rBox.div5 > li { flex:0 0 19%; margin-bottom:20px; }
.rBox.div5 > li:nth-child(5n-3) { margin-left:1%; }
.rBox.div5 > li:nth-child(5n-2) { margin-left:1%; }
.rBox.div5 > li:nth-child(5n-1) { margin-left:1%; }
.rBox.div5 > li:nth-child(5n) { margin-left:1%; }
@media only screen and (max-width:1200px){
  .rBox.div5 > li { flex:1 0 32.66666%; }
  .rBox.div5 > li:nth-child(5n-3) { margin-left:0; }
  .rBox.div5 > li:nth-child(5n-2) { margin-left:0; }
  .rBox.div5 > li:nth-child(5n-1) { margin-left:0; }
  .rBox.div5 > li:nth-child(5n) { margin-left:0; }
  .rBox.div5 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
}
@media only screen and (max-width:768px){
  .rBox.div5 > li { flex:1 0 49%; }
  .rBox.div5 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .rBox.div5 > li:nth-child(odd) { margin-right:1%; }
  .rBox.div5 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:600px){
  .rBox.div5 > li { flex:1 0 100%; }
  .rBox.div5 > li:nth-child(odd) { margin-right:0; }
  .rBox.div5 > li:nth-child(even) { margin-left:0; }
}

/*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/guide/images/common/ico_rArr_02.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-color:#03235f; }
.rowBox_arr.ty_1 li.arr span{background:url("/sites/guide/images/common/ico_rArr_02.png") no-repeat center;}
/*TYPE_2*/
.rowBox_arr.ty_2 > li{ background-color:#117fd6; }
.rowBox_arr.ty_2 li.arr span{background:url("/sites/guide/images/common/ico_rArr_02.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:20px;color:#FFF; font-family:'Noto Medium'; /*background:url("/sites/guide/images/common/rowBox_link_bg.png") center;*/ background-color:#117fd6;background-size:cover; 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; position:relative; }
.rowBox_arr.ty_4 li.arr::before { content:""; width:100%; height:3px; background:url("/sites/guide/images/common/pattern_line.png") repeat;position:absolute; top:50%; left:0; z-index:-1; }
.rowBox_arr.ty_4 li.arr span{ /*transform:rotate(90deg); */ background:url("/sites/guide/images/common/pattern_point01.png") no-repeat center center; }
.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:#2e3092;}	*/
.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/guide/images/common/ready_bg.png") center 30px no-repeat;}
.ready .p_1{font-size:44px;padding-top:240px; color:#0075d2; }
.ready .p_1 strong{font-family:'Noto Bold';}
.ready .p_2{font-size:22px; color:#666;padding:0;font-family:'Noto Regular'; position:relative;}
/*.ready .p_2:after{content:"";display:block;width:600px;height:1px;position:absolute;bottom:0;left:calc(50% - 300px);background:#00a0af;}	*/
.ready img{display:inline-block;margin-top:50px;}
.ready_2{text-align:center;}
@media only screen and (max-width:1280px){
  .ready_2 img{max-width:60%;}
  .ready .p_1 { font-size:30px; }
  .ready .p_2 { font-size:18px; }
}
@media only screen and (max-width:768px){
  .ready{width:96%;}
}

/* 이미지박스 */
.introBox_01 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.introBox_01 > .item { flex:1 0 49%; }
.introBox_01 > .item:nth-child(1) { margin-right:1%; background:url("/sites/guide/images/common/sisul_background.png") no-repeat bottom right; padding-bottom:25px; padding-right:25px; }
.introBox_01 > .item:nth-child(2) { margin-left:1%; border-top:1px solid #333; border-bottom:1px solid #333; padding:20px 20px; color:#666; /*font-size:16px; font-family:'Noto-light';*/ }
@media only screen and (max-width:1024px) {
  .introBox_01 > .item { flex:1 0 100%; }
  .introBox_01 > .item:nth-child(1) { margin-right:0; margin-bottom:30px; }
  .introBox_01 > .item:nth-child(2) { margin-left:0; margin-bottom:30px; }
}

.introBox_02 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.introBox_02 > .item:nth-child(1) { flex:1 0 29%; margin-right:1%; background:url("/sites/guide/images/common/sisul_background.png") no-repeat bottom right; padding-bottom:25px; padding-right:25px; }
.introBox_02 > .item:nth-child(2) { flex:1 0 69%; margin-left:1%; border-top:1px solid #333; border-bottom:1px solid #333; padding:20px 20px; color:#666; /*font-size:16px; font-family:'Noto-light';*/ }
@media only screen and (max-width:1000px) {
  .introBox_02 > .item:nth-child(1) { flex:1 0 100%; margin-right:0; margin-bottom:30px; }
  .introBox_02 > .item:nth-child(2) { flex:1 0 100%; margin-left:0; margin-bottom:30px; }
}

.introBox_03 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.introBox_03 > .item { flex:1 0 49%; }
.introBox_03 > .item:nth-child(1) { margin-right:1%; border-top:1px solid #333; border-bottom:1px solid #333; padding:20px 20px; color:#666; /*font-size:16px; font-family:'Noto-light';*/ }
.introBox_03 > .item:nth-child(2) { margin-left:1%; background:url("/sites/guide/images/common/sisul_background.png") no-repeat bottom right; padding-bottom:25px; padding-right:25px; }
@media only screen and (max-width:1024px) {
  .introBox_03 > .item { flex:1 0 100%; }
  .introBox_03 > .item:nth-child(1) { margin-right:0; margin-bottom:30px; }
  .introBox_03 > .item:nth-child(2) { margin-left:0; margin-bottom:30px; }
}

/* 인트로박스04 */
.introBox_04 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.introBox_04 > .item { border:0px solid red; }
.introBox_04 > .itemCont { flex:1 0 80%; padding:50px; background-color:#f4f4f4; }
.introBox_04 > .itemImg { flex:1 0 20%; padding:30px 0; margin-left:-70px; }
.introBox_04 > .itemCont > .cont { font-size:18px; width:90%; }
.introBox_04 > .itemImg > .img { position:relative; padding:15px;}
.introBox_04 > .itemImg > .img > img { position:relative; }
.introBox_04 > .itemImg > .img::before { position:absolute; content:""; width:120px; height:120px; background-color:#03235f; top:0; right:0; }
@media only screen and (max-width:1024px) {
  .introBox_04 > .itemCont { flex:1 0 100%; padding:30px; margin-left:0; }
  .introBox_04 > .itemCont > .cont { width:100%; }
  .introBox_04 > .itemImg { flex:1 0 100%; margin-right:0; margin-bottom:0; margin-left:0; padding:0; display:flex; justify-content:center; align-items:flex-start; } 
  .introBox_04 > .itemImg > .img > img {}
}

/* 인트로박스04b */
.introBox_04b { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.introBox_04b > .item { border:0px solid red; }
.introBox_04b > .itemImg { flex:1 0 20%; padding:30px 0; }
.introBox_04b > .itemCont { flex:1 0 80%; background-color:#f4f4f4; margin-left:-70px; padding:50px; padding-left:100px; }
.introBox_04b > .itemImg > .img { position:relative; padding:15px;}
.introBox_04b > .itemImg > .img > img { position:relative; }
.introBox_04b > .itemImg > .img::before { position:absolute; content:""; width:120px; height:120px; background-color:#03235f; top:0; left:0; }
.introBox_04b > .itemCont > .cont { font-size:18px; }
@media only screen and (max-width:1024px) {
  .introBox_04b > .itemImg { flex:1 0 100%; margin-right:0; margin-bottom:0; margin-left:0; padding:0; display:flex; justify-content:center; align-items:flex-start; } 
  .introBox_04b > .itemImg > .img > img {}
  .introBox_04b > .itemCont { flex:1 0 100%; margin-left:0; padding:30px; }
  .introBox_04b > .itemCont > .cont { width:100%; }
}

/* 인트로박스05 */
.introBox_05 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.introBox_05 > .itemCont { flex:1 0 70%; padding:50px; background-color:#f4f4f4;}
.introBox_05 > .itemImg { flex:1 1 30%; display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; padding:50px 0; margin-left:-70px; }
.introBox_05 > .itemCont > .sTitle { font-size: 24px; font-family:'Noto Medium';color: #444; }
.introBox_05 > .itemCont > .mTitle { font-size: 32px; font-family:'Noto Bold'; color: #03235f; margin-top: 10px;}
.introBox_05 > .itemCont > .mTitle::after { content:""; display:block; width:50px; border:1px solid #03235f; margin:15px 0;}
.introBox_05 > .itemCont > .cont { width:80%; margin-top:40px; font-size: 18px; line-height: 30px; }
.introBox_05 > .itemImg > .img { position:relative; }
.introBox_05 > .itemImg > .img::after {content:""; position:absolute; background:url("/sites/guide/images/common/introBox_05_bg.png") center center; width:140px; height:140px; left:-75px; top:50%; transform:translateY(-50%); }
@media only screen and (max-width:1200px) {
  .introBox_05 > .itemCont { flex: 1 0 100%; padding: 20px 20px; }
  .introBox_05 > .itemImg { flex: 1 0 100%; justify-content:center; margin-left:0; }
  .introBox_05 > .itemCont > .cont { width:100%; }
  .introBox_05 > .itemCont > .mTitle { font-size:32px; }
}
@media only screen and (max-width:768px) {
  .introBox_05 > .itemImg .img::after { display:none; }
  .introBox_05 > .itemCont > .mTitle { font-size:24px; }
  .introBox_05 > .itemCont > .sTitle { font-size: 22px; }
}

/* 인트로박스05b */
.introBox_05b { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.introBox_05b > .itemCont { flex:1 0 70%; padding:50px; background-color:#f4f4f4; padding-left:150px; margin-left:-50px;}
.introBox_05b > .itemImg { flex:1 1 30%; display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; padding:50px 0; margin-left:0; }
.introBox_05b > .itemCont > .sTitle { font-size: 24px; font-family:'Noto Medium';color: #444; }
.introBox_05b > .itemCont > .mTitle { font-size: 32px; font-family:'Noto Bold'; color: #03235f; margin-top: 10px;}
.introBox_05b > .itemCont > .mTitle::after { content:""; display:block; width:50px; border:1px solid #03235f; margin:15px 0;}
.introBox_05b > .itemCont > .cont { margin-top:40px; font-size: 18px; line-height: 30px; }
.introBox_05b > .itemImg > .img { position:relative; }
.introBox_05b > .itemImg > .img::after {content:""; position:absolute; background:url("/sites/guide/images/common/introBox_05_bg.png") center center; width:140px; height:140px; right:-70px; top:50%; transform:translateY(-50%); }

@media only screen and (max-width:1200px) {
  .introBox_05b > .itemCont { flex: 1 0 100%; padding: 20px 20px; padding-left:20px;margin-left:0;}
  .introBox_05b > .itemImg { flex: 1 0 100%; justify-content:center; margin-left:0; }
  .introBox_05b > .itemCont > .cont { width:100%; }
  .introBox_05b > .itemCont > .mTitle { font-size:32px; }
}
@media only screen and (max-width:768px) {
  .introBox_05b > .itemImg .img::after { display:none; }
  .introBox_05b > .itemCont > .mTitle { font-size:24px; }
  .introBox_05b > .itemCont > .sTitle { font-size: 22px; }
}

.introBox_06 { display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; }
.introBox_06 > .item { flex:1 0 50%; }
.introBox_06 > .item.img { background:url("/sites/guide/images/introBox_06_img.jpg") no-repeat 100% -50px; background-size:cover; } 
.introBox_06 > .item.cont { background:url("/sites/guide/images/common/introBox_06_bg.png") no-repeat right bottom; background-color:#03235f; margin-top:60px; margin-left:-60px; }
.introBox_06.ciColor1 > .item.cont { background-color:#03a79a; }
.introBox_06.ciColor2 > .item.cont { background-color:#e10198; }
.introBox_06 > .item.cont > .txtWrap { padding:70px; color:#fff; }
.introBox_06 > .item.cont > .txtWrap > .mTitle { font-size:28px; line-height:1.4; }
.introBox_06 > .item.cont > .txtWrap > .sTitle { font-size:22px; padding:10px 0; }
.introBox_06 > .item.cont > .txtWrap > .txt { padding:10px 0; line-height:1.6; font-family:'Noto light'; }
.introBox_06 > .item.cont > .txtWrap > .tel { background:url("/sites/guide/images/common/ico_tel_01.png") no-repeat center left; padding:5px 0; padding-left:30px; }
.introBox_06 > .item.cont > .txtWrap > .loc { background:url("/sites/guide/images/common/ico_loc_01.png") no-repeat center left; padding:5px 0; padding-left:30px; }
.introBox_06 > .item.cont > .txtWrap > .btn { color:#fff; border-radius:5px; border:1px solid #fff; background:transparent; margin-top:10px; padding: 6px 15px 7px; transition:all 0.3s; padding-right:40px; display:inline-block; }
.introBox_06 > .item.cont > .txtWrap > .btn.btnBlank { background:url("/sites/guide/images/common/ico_blank_01.png") no-repeat 94% 41%; }
@media only screen and (max-width:1024px) {
  .introBox_06 > .item { flex:1 0 100%; }
  .introBox_06 > .item.img { display:none; height:200px; }
  .introBox_06 > .item.cont { margin-top:0; margin-left:0; }
  .introBox_06 > .item.cont > .txtWrap { padding:30px; }
  .introBox_06 > .item.cont > .txtWrap > .mTitle { font-size:22px; }
  .introBox_06 > .item.cont > .txtWrap > .sTitle { font-size:18px; }
}


.conWrap2 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; align-content:stretch; }
.conWrap2 > .item { flex:0 0 49%; border:1px solid #dfdfdf; text-align:center; margin-bottom:20px; padding:10px 10px; }
.conWrap2.bdrNone > .item { border:0; }
.conWrap2 > .item > .ico { padding:10px 5px; }
.conWrap2 > .item > .txt { padding: 10px 5px; }
.conWrap2.colorBox_1 > div:nth-child(even) { background-color:#ecf2f2; }
.conWrap2.colorBox_1 > div:nth-child(odd) { background-color:#fafafa; }
.conWrap2.colorBox_2 > div:nth-child(odd) { background-color:#ecf2f2; }
.conWrap2.colorBox_2 > div:nth-child(even) { background-color:#fafafa; }
@media all and (max-width:450px) {
  .conWrap2 > .item { flex-basis:100%; }
}

.conWrap3 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; align-content:stretch; }
.conWrap3 > .item { flex:0 0 32%; border:1px solid #dfdfdf; text-align:center; margin-bottom:20px; padding:10px 10px; display:flex; flex-flow:column wrap; justify-content: space-between; }
.conWrap3.bdrNone > .item { border:0; }
.conWrap3 > .item > .ico { padding:10px 5px; }
.conWrap3 > .item > .txt { padding: 10px 5px; }
.conWrap3.colorBox_1 > div:nth-child(even) { background-color:#ecf2f2; }
.conWrap3.colorBox_1 > div:nth-child(odd) { background-color:#fafafa; }
.conWrap3.colorBox_2 > div:nth-child(odd) { background-color:#ecf2f2; }
.conWrap3.colorBox_2 > div:nth-child(even) { background-color:#fafafa; }
@media all and (max-width:700px) {
  .conWrap3 > .item { flex-basis:49%; }
}
@media all and (max-width:450px) {
  .conWrap3 > .item { flex-basis:100%; }
}

.conWrap4 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; align-content:stretch; }
.conWrap4 > .item { flex:0 0 24%; border:1px solid #dfdfdf; text-align:center; margin-bottom:20px; padding:10px 10px; }
.conWrap4 > .item:nth-child(4n-2) { margin-left:1%; }
.conWrap4 > .item:nth-child(4n-1) { margin-left:1%; }
.conWrap4 > .item:nth-child(4n) { margin-left:1%; }
.conWrap4 > .item > .ico { padding:10px 5px; }
.conWrap4 > .item > .txt { padding: 10px 5px; }
@media all and (max-width:1000px) {
  .conWrap4 { justify-content:space-between; }
  .conWrap4 > .item { flex-basis:32%; margin-left:0 !important; }
}
@media all and (max-width:700px) {
  .conWrap4 > .item { flex-basis:49%; }
}
@media all and (max-width:450px) {
  .conWrap4 > .item { flex-basis:100%; }
}
.conWrap4.colorBox_1 > div:nth-child(even) { background-color:#ecf2f2; }
.conWrap4.colorBox_1 > div:nth-child(odd) { background-color:#fafafa; }
.conWrap4.colorBox_2 > div:nth-child(odd) { background-color:#ecf2f2; }
.conWrap4.colorBox_2 > div:nth-child(even) { background-color:#fafafa; }

.conWrap5 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; align-content:stretch; }
.conWrap5 > .item { flex:0 0 19.5%; border:1px solid #dfdfdf; text-align:center; margin-bottom:20px; padding:10px 10px; display:flex; flex-flow:column wrap; justify-content: space-between; }
.conWrap5.bdrNone > .item { border:0; }
.conWrap5 > .item > .ico { padding:10px 5px; }
/*.conWrap5 > .item > .ico img { max-width:100%; }*/
.conWrap5 > .item > .txt { padding: 10px 5px; }
.conWrap5.colorBox_1 > div:nth-child(even) { background-color:#ecf2f2; }
.conWrap5.colorBox_1 > div:nth-child(odd) { background-color:#fafafa; }
.conWrap5.colorBox_2 > div:nth-child(odd) { background-color:#ecf2f2; }
.conWrap5.colorBox_2 > div:nth-child(even) { background-color:#fafafa; }
@media all and (max-width:1024px) {
  .conWrap5 { justify-content:flex-start; }
  .conWrap5 > .item { flex-basis:32.5%; }
  .conWrap5 > .item:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
}
@media all and (max-width:800px) {
  .conWrap5 { justify-content:flex-start; }
  .conWrap5 > .item { flex-basis:49%; }
  .conWrap5 > .item:nth-child(odd) { margin:0; margin-right:1%; margin-bottom:10px; }
  .conWrap5 > .item:nth-child(even) { margin:0; margin-left:1%; margin-bottom:10px; }
}
@media all and (max-width:450px) {
  .conWrap5 { justify-content:center; }
  .conWrap5 > .item { flex-basis:100%; margin:0; }
}

/* hoBox */
.hoBox { display:flex; flex-flow:row wrap; justify-content:flex-start; }
.hoBox > .item { flex: 1 0 100%; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; background: #F2F8FB; border: 1px solid #eee; margin-bottom:20px; }
.hoBox > .item > .tit { width:260px; padding:40px 20px; color:#222; font-family:'Noto Medium'; text-align:center; display:flex; justify-content:center; align-items:center; }
.hoBox > .item > .cont { width: calc(100% - 260px); background-color:#fff; padding:40px; display:flex; justify-content:flex-start; align-items:center; }
.hoBox > .item > .cont > div { flex-basis:100%; }
@media all and (max-width:1024px) {
  .hoBox > .item { flex-flow: column wrap; }
  .hoBox > .item > .tit { width:100%; padding:10px 15px; }
  .hoBox > .item > .cont { width:100%; padding:10px 15px; }
}

/* hoWrap2 */
.hoBox2 { display:flex; flex-flow:row wrap; justify-content:flex-start; }
.hoBox2 > .item { width:calc(50% - 12.5px); background: #F2F8FB; border: 1px solid #eee; margin-bottom:20px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.hoBox2 > .item:nth-child(2n) { margin-left: 25px; }
.hoBox2 > .item > .tit { width:160px; padding:40px 20px; color:#222; font-family:'Noto Medium';text-align:center; display:flex; justify-content:center; align-items:center;word-break: keep-all;}
.hoBox2 > .item > .cont { width: calc(100% - 160px); background-color:#fff; padding:40px; display:flex; justify-content:flex-start; align-items:center; }
.hoBox2 > .item > .cont > div { flex-basis:100%; }
@media all and (max-width:1024px) {
  .hoBox2 > .item { flex-flow: column wrap; width:100%; }
  .hoBox2 > .item:nth-child(2n) { margin-left:0; }
  .hoBox2 > .item > .tit { width:100%; padding:10px 15px; }
  .hoBox2 > .item > .cont { width:100%; padding:10px 15px; }
}

/* lBox */
.lBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; padding:30px 0; border:1px solid #dfdfdf; }
.lBox.div2 > .item { width: calc(50% - 1px); padding-left:40px; padding-right:20px; }
.lBox.div2 > .item:nth-child(2) { border-left:1px solid #dfdfdf; }
.lBox.div3 > .item { width: calc(33.33333% - 1px); padding-left:40px; padding-right:20px; }
.lBox.div3 > .item:nth-child(2), .lBox.div3 > .item:nth-child(3) { border-left:1px solid #dfdfdf; }
.lBox.div2.bdrDivNone > .item, .lBox.div3.bdrDivNone > .item { border-left:0; }
.lBox > .item > .tit { font-family:'Noto Medium';font-size:20px; position:relative; padding:15px 0; }
.lBox > .item > .tit::after { content:""; position:absolute; width:20px; height:2px; top:10px; left:0; background-color:#117fd6; }
.lBox > .item > .cont {}
@media all and (max-width:1024px) {
  .lBox { padding:0; }
  .lBox.div2 > .item, .lBox.div3 > .item { width:100%; border:0; margin-bottom:20px; border-bottom:1px solid #dfdfdf; padding:20px 20px; }
  .lBox > .item:last-child { border-bottom:0 !important; }
  .lBox.bdrDivNone > .item { border-bottom:0; }
}

/* lBox2 */
.lBox2 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; padding:30px 0; border:1px solid #dfdfdf; }
.lBox2.bdrNone { border:0; }
.lBox2 > .item { width: calc(50% - 1px); padding-left:40px; padding-right:20px; }
.lBox2 > .item:nth-child(2) { border-left:1px solid #dfdfdf; }
.lBox2.bdrDivNone > .item { border-left:0; }
.lBox2 > .item > .tit { font-family:'Noto Medium';font-size:20px; position:relative; padding:15px 0; }
.lBox2 > .item > .tit::after { content:""; position:absolute; width:20px; height:2px; top:10px; left:0; background-color:#000; }
.lBox2 > .item > .tit.white::after { background-color:#fff; }
.lBox2 > .item > .cont {}
@media all and (max-width:1024px) {
  .lBox2 { padding:0; }
  .lBox2 > .item { width:100%; border:0; margin-bottom:20px; border-bottom:1px solid #dfdfdf; padding:20px 20px; }
  .lBox2 > .item:last-child { border-bottom:0 !important; }
  .lBox2.bdrNone > .item { border-left:0; }
  .lBox2.bdrDivNone > .item { border-bottom:0; }
}

/* lBox3 */
.lBox3 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; padding:30px 0; border:1px solid #dfdfdf; }
.lBox3.bdrNone { border:0; }
.lBox3 > .item { width: calc(33.33333% - 1px); padding-left:40px; padding-right:20px; }
.lBox3 > .item:nth-child(2),
.lBox3 > .item:nth-child(3) { border-left:1px solid #dfdfdf; }
.lBox3.bdrDivNone > .item:nth-child(2),
.lBox3.bdrDivNone > .item:nth-child(3) { border-left:0; }
.lBox3 > .item > .tit { font-family:'S-CoreDream-5Medium';font-size:20px; position:relative; padding:15px 0; }
.lBox3 > .item > .tit::after { content:""; position:absolute; width:20px; height:2px; top:10px; left:0; background-color:#000; }
.lBox3 > .item > .tit.white::after { background-color:#fff; }
.lBox3 > .item > .cont {}
@media all and (max-width:1024px) {
  .lBox3 { padding:0; }
  .lBox3 > .item { width:100%; border:0 !important; margin-bottom:20px; border-bottom:1px solid #dfdfdf !important; padding:20px 20px; }
  .lBox3 > .item:last-child { border-bottom:0 !important; }
  .lBox3.bdrDivNone > .item { border-bottom:0 !important; }
} 

/* infoBox */
.infoBox { display:flex; justify-content:center; align-items:center; border:1px solid #999; background-color:#f4f4f4; padding:30px 20px; }
.infoBox > div.tit { background:url("/sites/guide/images/common/ico_info_01.png") no-repeat; font-size:24px; padding:10px 0; padding-left:70px; }
.infoBox > div.info { font-size:20px; font-family:'Noto Medium';display:flex; align-items:center; padding-left:40px; }
.infoBox > div.info::before { content:""; display:inline-block; width:7px; height:7px; background-color:#117fd6; border-radius:10px; }
.infoBox > div.info.noDot::before { display:none; }
.infoBox > div.info > span { font-size:16px; font-family:'Noto Regular';padding-left:5px; padding-right:5px; }
.infoBox a.btnT{border-bottom:0 !important;}
@media all and (max-width:768px) { 
  .infoBox { flex-flow:column wrap; align-items:flex-start; }	
  .infoBox > div.tit { background:none; padding-left:0; }
  .infoBox > div.info { padding-left:0; }
}

/* 꺽쇠박스 */
.abBox { display:flex; align-items:flex-start; border:10px solid #f4f4f4; padding:40px; position:relative; }
.abBox > .item.icon { flex-basis:100px; height:55px; padding-right:50px; background-repeat: no-repeat; }
.abBox > .item.cont { flex-basis:100%; }
.abBox > .item.cont .title { font-size:24px; font-family:'Noto Bold'; }
.abBox.abBox1::before { position:absolute; content:""; top:-10px; left:-10px; width:100px; height:100px; background:url("/sites/guide/images/common/abBox1_left.png") no-repeat; } 
.abBox.abBox1::after { position:absolute; content:""; bottom:-10px; right:-10px; width:100px; height:100px; background:url("/sites/guide/images/common/abBox1_right.png") no-repeat; } 
.abBox.abBox2 { border-top:10px solid #03235f; }
.abBox.abBox2::before { position:absolute; content:""; top:-10px; left:-10px; width:10px; height:80px; background:url("/sites/guide/images/common/abBox2.png") no-repeat; } 
.abBox.abBox2::after { position:absolute; content:""; top:-10px; right:-10px; width:10px; height:80px; background:url("/sites/guide/images/common/abBox2.png") no-repeat; } 
@media all and (max-width:768px) { 
  .abBox > .item.icon { display:none; }
}

/* 화살표 박스 */
.rowArrBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;}
.rowArrBox > li { position:relative; }
.rowArrBox > li:last-child {}
.rowArrBox > li::after { content:""; width:25px; height:25px; top:20px; left:-14px; position:absolute; background:url("/sites/guide/images/common/ico_rArr_01.png") no-repeat center center; }
.rowArrBox.noArr > li::after { content:""; width:1px; height:25px; top:20px; left:0; position:absolute; background:#FFF; }
.rowArrBox > li:first-child::after { display:none; }
.rowArrBox.div2 > li {flex:1 0 50%; }
.rowArrBox.div3 > li {flex:1 0 33.33%; }
.rowArrBox.div4 > li {flex:1 0 25%; }
.rowArrBox.div5 > li {flex:1 0 20%; }
.rowArrBox.div6 > li {flex:1 0 16.66666%; }
.rowArrBox.div7 > li {flex:1 0 14.28571%; } 

.rowArrBox > li > .itemBox { text-align:center; display:flex; flex-flow:column wrap; justify-content:space-between; height:100%;}
.rowArrBox > li > .itemBox > div { border:0px solid red; }
.rowArrBox > li > .itemBox > .tit { font-family:'Noto Medium'; padding:20px 10px; flex-grow:0; position:relative; color:#fff; background:#117fd6; }
.rowArrBox > li > .itemBox > .cont { padding:50px 10px; flex-grow:1; border-right:1px solid #b5c5e3; border-bottom:1px solid #03235f; }
.rowArrBox > li > .itemBox > .subTit { background-color:#eef4ff; flex-grow:0; padding:20px 10px; font-family:'S-CoreDream-5Medium'; border-right:1px solid #b5c5e3; border-bottom:1px solid #03235f; color:#03235f; }

.rowArrBox > li:first-child > .itemBox > .cont,
.rowArrBox > li:first-child > .itemBox > .subTit { border-left:1px solid #03235f; }
.rowArrBox > li:last-child > .itemBox > .cont,
.rowArrBox > li:last-child > .itemBox > .subTit { border-right:1px solid #03235f; }

@media all and (max-width:1024px) { 
  .rowArrBox.div5 > li { flex-basis:33.33333%; flex-grow:0; }
  .rowArrBox.div5 > li:nth-child(4) > .itemBox > .cont, 
  .rowArrBox.div5 > li:nth-child(4) > .itemBox > .subTit {border-left:1px solid #03235f;}
  .rowArrBox.div5 > li:nth-child(3n) > .itemBox > .cont, 
  .rowArrBox.div5 > li:nth-child(3n) > .itemBox > .subTit {border-right-color:#03235f;}
  .rowArrBox.div5 > li:nth-child(3n+1)::after { display:none; }

  .rowArrBox.div6 > li { flex-basis:24.8%; flex-grow:0; }
  .rowArrBox.div6 > li:nth-child(4) > .itemBox .cont, 
  .rowArrBox.div6 > li:nth-child(4) > .itemBox .subTit { border-right-color:#03235f; }
  .rowArrBox.div6 > li:nth-child(5) > .itemBox .cont, 
  .rowArrBox.div6 > li:nth-child(5) > .itemBox .subTit { border-left:1px solid #03235f; }
  .rowArrBox.div6 > li:nth-child(4n+1)::after { display:none; }

  .rowArrBox.div7 > li { flex-basis:24.8%; flex-grow:0; }
  .rowArrBox.div7 > li:nth-child(4) > .itemBox .cont, 
  .rowArrBox.div7 > li:nth-child(4) > .itemBox .subTit { border-right-color:#03235f; }
  .rowArrBox.div7 > li:nth-child(5) > .itemBox .cont, 
  .rowArrBox.div7 > li:nth-child(5) > .itemBox .subTit { border-left:1px solid #03235f; }
  .rowArrBox.div7 > li:nth-child(4n+1)::after { display:none; }
}
@media all and (max-width:768px) { 
  .rowArrBox.div4 > li { flex-basis:49.6%; }
  .rowArrBox.div4 > li:nth-child(odd) > .itemBox > .cont,
  .rowArrBox.div4 > li:nth-child(odd) > .itemBox > .subTit { border-left:1px solid #03235f; }
  .rowArrBox.div4 > li:nth-child(even) > .itemBox > .cont,
  .rowArrBox.div4 > li:nth-child(even) > .itemBox > .subTit { border-right-color:#03235f; }
  .rowArrBox.div4 > li:nth-child(3n+1)::after { display:block; }
  .rowArrBox.div4 > li:nth-child(odd)::after { display:none; }

  .rowArrBox.div5 > li { flex-basis:49.6%; }
  .rowArrBox.div5 > li:nth-child(3) > .itemBox > .cont,
  .rowArrBox.div5 > li:nth-child(3) > .itemBox > .subTit { border-left:1px solid #03235f; border-right:0; }
  .rowArrBox.div5 > li:nth-child(4) > .itemBox > .cont,
  .rowArrBox.div5 > li:nth-child(4) > .itemBox > .subTit { border-left-color:#b5c5e3; }
  .rowArrBox.div5 > li:nth-child(5) > .itemBox > .cont,
  .rowArrBox.div5 > li:nth-child(5) > .itemBox > .subTit { border-left:1px solid #03235f; }
  .rowArrBox.div5 > li:nth-child(even) > .itemBox > .cont,
  .rowArrBox.div5 > li:nth-child(even) > .itemBox > .subTit { border-right-color:#03235f; }
  .rowArrBox.div5 > li:nth-child(3n+1)::after { display:block; }
  .rowArrBox.div5 > li:nth-child(odd)::after { display:none; }

  .rowArrBox.div6 > li { flex-basis:33%; flex-grow:0; }
  .rowArrBox.div6 > li:nth-child(4) { border-right:0; }
  .rowArrBox.div6 > li:nth-child(3n) > .itemBox > .cont,
  .rowArrBox.div6 > li:nth-child(3n) > .itemBox > .subTit { border-right-color:#03235f; }
  .rowArrBox.div6 > li:nth-child(4) > .itemBox > .cont,
  .rowArrBox.div6 > li:nth-child(4) > .itemBox > .subTit { border-left:1px solid #03235f; border-right:1px solid #b5c5e3; }
  .rowArrBox.div6 > li:nth-child(5) > .itemBox > .cont,
  .rowArrBox.div6 > li:nth-child(5) > .itemBox > .subTit { border-left:0;}
  .rowArrBox.div6 > li:nth-child(4n+1)::after { display:block; }
  .rowArrBox.div6 > li:nth-child(3n+1)::after { display:none; }

  .rowArrBox.div7 > li { flex-basis:33%; flex-grow:0; }
  .rowArrBox.div7 > li:nth-child(4) { border-right:0; }

  .rowArrBox.div7 > li:nth-child(3) > .itemBox .cont, 
  .rowArrBox.div7 > li:nth-child(3) > .itemBox .subTit { border-right-color:#03235f; }

  .rowArrBox.div7 > li:nth-child(4) > .itemBox .cont, 
  .rowArrBox.div7 > li:nth-child(4) > .itemBox .subTit { border-left:1px solid #03235f; border-right:0; }

  .rowArrBox.div7 > li:nth-child(5) > .itemBox .cont, 
  .rowArrBox.div7 > li:nth-child(5) > .itemBox .subTit { border-left-color:#b5c5e3; }

  .rowArrBox.div7 > li:nth-child(7) > .itemBox .cont, 
  .rowArrBox.div7 > li:nth-child(7) > .itemBox .subTit { border-left:1px solid #03235f; border-right:1px solid #03235f; }

  .rowArrBox.div7 > li:nth-child(4n+1)::after { display:block; }
  .rowArrBox.div7 > li:nth-child(3n+1)::after { display:none; }
}
@media all and (max-width:500px) { 
  .rowArrBox.div6 > li { flex-basis:49.6%; flex-grow:0; }
  .rowArrBox.div6 > li:nth-child(3n) { border-right:0; }
  .rowArrBox.div6 > li:nth-child(odd) > .itemBox > .cont,
  .rowArrBox.div6 > li:nth-child(odd) > .itemBox > .subTit { border-right-color:#b5c5e3; border-left:1px solid #03235f; }
  .rowArrBox.div6 > li:nth-child(even) > .itemBox > .cont,
  .rowArrBox.div6 > li:nth-child(even) > .itemBox > .subTit { border-right-color:#03235f; border-left:0; }
  .rowArrBox.div6 > li:nth-child(3n+1)::after { display:block; }
  .rowArrBox.div6 > li:nth-child(odd)::after { display:none; }

  .rowArrBox.div7 > li { flex-basis:49.6%; flex-grow:0; }
  .rowArrBox.div7 > li:nth-child(3n) { border-right:0; }
  .rowArrBox.div7 > li:nth-child(odd) > .itemBox > .cont,
  .rowArrBox.div7 > li:nth-child(odd) > .itemBox > .subTit { border-left:1px solid #03235f; }
  .rowArrBox.div7 > li:nth-child(even) > .itemBox > .cont,
  .rowArrBox.div7 > li:nth-child(even) > .itemBox > .subTit { border-right:1px solid #03235f; }

  .rowArrBox.div7 > li:nth-child(3) > .itemBox > .cont,
  .rowArrBox.div7 > li:nth-child(3) > .itemBox > .subTit { border-right:0; }

  .rowArrBox.div7 > li:nth-child(4) > .itemBox > .cont,
  .rowArrBox.div7 > li:nth-child(4) > .itemBox > .subTit { border-left-color:#b5c5e3; }

  .rowArrBox.div7 > li:nth-child(3n+1)::after { display:block; }
  .rowArrBox.div7 > li:nth-child(odd)::after { display:none; }

} 

/* dBox (div2, div3) */
.dBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.dBox > .item { margin-bottom:50px; display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:stretch; align-content:flex-start;  }
.dBox.bdrDiv > .item { position:relative; }
.dBox.div1 > .item { flex:0 0 100%; }
.dBox.div2 > .item { flex:0 0 48%; }
.dBox.div2 > .item:nth-child(odd) { margin-right:2%;}
.dBox.div2 > .item:nth-child(even) { margin-left:2%;}
.dBox.div2.bdrDiv > .item:nth-child(odd)::after { content:""; position:absolute; width:1px; border-right:1px dashed #999; height:90%; right:0; top:7%; }

.dBox.div3 > .item { flex:0 0 32%; }
.dBox.div3 > .item:nth-child(3n-1) { margin-left:2%; margin-right:2%; }
.dBox.div3.bdrDiv > .item:nth-child(3n-2)::after,
.dBox.div3.bdrDiv > .item:nth-child(3n-1)::after { content:""; position:absolute; width:1px; border-right:1px dashed #999; height:90%; right:0; top:7%; }

.dBox.div4 > .item { flex:0 0 23.5%; }
.dBox.div4 > .item:nth-child(4n-2) { margin-left:2%; }
.dBox.div4 > .item:nth-child(4n-1) { margin-left:2%; }
.dBox.div4 > .item:nth-child(4n) { margin-left:2%; }
.dBox.div4.bdrDiv > .item:nth-child(4n-3)::after,
.dBox.div4.bdrDiv > .item:nth-child(4n-2)::after,
.dBox.div4.bdrDiv > .item:nth-child(4n-1)::after { content:""; position:absolute; width:1px; border-right:1px dashed #999; height:90%; right:0; top:7%; }

.dBox > .item > .tit { font-family:'Noto Medium';font-size:20px; position:relative; padding:15px 0; min-height:58px; }
.dBox > .item > .tit::after { content:""; position:absolute; width:20px; height:2px; top:10px; left:0; background-color:#117fd6; }
.dBox > .item > .tit.bdrNone::after { display:none; }
.dBox.signature1 > .item > .tit { color:#2c6abe; }
.dBox.signature1 > .item > .tit::after { background-color:#2c6abe; }
.dBox > .item > .tit.white::after { background-color:#fff; }
.dBox > .item > .cont { flex:1 0 auto; width:100%; padding-right:10px; }
.dBox.p15 > .item > .cont { padding:15px; }   
.dBox.p25 > .item > .cont { padding:25px; }  

@media all and (max-width:1200px) {
  .dBox.div4 > .item:nth-child(4n-2) { margin-left:0; }
  .dBox.div4 > .item:nth-child(4n-1) { margin-left:0; }
  .dBox.div4 > .item:nth-child(4n) { margin-left:0; }
  .dBox.div4 > .item:nth-child(odd) { margin-right:2%; }
  .dBox.div4 > .item:nth-child(even) { margin-left:2%; }
  .dBox.div4 > .item { flex:0 0 48%; }
}
@media all and (max-width:1024px) {
  .dBox.div2 > .item:nth-child(odd) { margin-right:0;}
  .dBox.div2 > .item:nth-child(even) { margin-left:0;}	

  .dBox.div3 > .item:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .dBox.div2 > .item,
  .dBox.div3 > .item { flex-basis:100%; }

  .dBox.div2.bdrDiv > .item:nth-child(odd)::after,
  .dBox.div3.bdrDiv > .item:nth-child(3n-2)::after,
  .dBox.div3.bdrDiv > .item:nth-child(3n-1)::after, 
  .dBox.div4.bdrDiv > .item:nth-child(4n-3)::after,
  .dBox.div4.bdrDiv > .item:nth-child(4n-2)::after,
  .dBox.div4.bdrDiv > .item:nth-child(4n-1)::after { border:0; }
  .dBox.div4.bdrDiv > .item:nth-child(odd)::after { content:""; position:absolute; width:1px; border-right:1px dashed #999; height:90%; right:0; top:7%; }

}
@media only screen and (max-width:768px) {
  .dBox.div4 > .item:nth-child(odd) { margin-right:0; }
  .dBox.div4 > .item:nth-child(even) { margin-left:0; }
  .dBox.div4 > .item { flex:0 0 100%; }
  .dBox.div4.bdrDiv > .item:nth-child(odd)::after { border:0; }
}

/* 교육과정 */
.udSlideBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.udSlideBox > .item { flex:0 0 100%; border:1px solid #afafaf; padding:20px 20px; margin-bottom:20px; }
.udSlideBox > .item.active { border:1px solid #000; }

.udSlideBox > .item > .tit { padding:0 20px 0 20px; } 
.udSlideBox > .item > .tit > a { font-family:'Noto Medium'; width:100%; display:inline-block; position:relative; padding-right:10px; } 
.udSlideBox > .item.active > .tit > a { color:#004594; } 
.udSlideBox > .item > .tit > a::after { content:""; position:absolute; width:10px; height:8px; font-size:0; top:8px; right:0; background:url("/sites/guide/images/common/ico_arrow.gif") no-repeat 0 2px; display:inline-block; }
.udSlideBox > .item.active > .tit > a::after { background-position-y: -6px; } 

.udSlideBox > .item > .cont { border-top:1px solid #efefef; margin-top:20px; display:none; padding:20px 20px 0 20px; }
.udSlideBox > .item > .cont > .contList {}
.udSlideBox > .item > .cont > .contList > .item { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.udSlideBox > .item > .cont > .contList > .item > div:nth-child(2) { flex:0 0 100px; }  


/*동영상*/
.video_1{border:1px solid #DDD;overflow:hidden;border-radius:3px}
.video_1 .dTable{display:flex;justify-content:space-between;}
.video_1 .item{width:65%;}
.video_1 .con{width:35%;background:#f7f7f7;padding:40px;}
.video_1 .pic{background:#000;display:flex;justify-content:center;align-items:center;}
.video_1 h3{font-size:22px;font-family:'Noto Regular';padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #DDD;line-height:1.25}
.video_1 p{height:400px;padding-right:20px;overflow-y:auto}
.video_1 iframe{min-height:445px;border-radius:3px}
.video_1 video{min-height:445px;width:100%;}
.video_1 .subtitles{color:#666;font-size:16px;}
@media only screen and (max-width:1024px){
  .video_1{border:0;height:auto}
  .video_1 .dTable{flex-wrap:Wrap;}
  .video_1 .item{width:100%;}
  .video_1 .con{padding:30px;border:1px solid #DDD;border-bottom:0}
  .video_1 h3{font-size:20px}
  .video_1 p{height:130px}
}
@media only screen and (max-width:480px){
  .video_1 h3{font-size:18px}
}
/* 학생회 */
.photoContainer { display:flex; flex-flow:row wrap; justify-content:flex-start; align-content:center; }
.photoContainer .photoItem { width:12%;   margin-bottom:10px;  }
@media only screen and (max-width:1024px) {
  .photoContainer .photoItem { width:20%;}
}
@media only screen and (max-width:620px) {
  .photoContainer .photoItem { width:30%; }
}
@media only screen and (max-width:420px) {
  .photoContainer .photoItem { width:45%; }
}

.photoContainer .photoItem .photoWrap { display:flex; flex-direction:row; justify-content:flex-start; align-content:center;  margin:0 5px; flex-wrap: wrap;}
.photoContainer .photoItem .photoWrap .photoWrapItem { text-align:center;   border:1px solid #dcdcdc; flex-basis:100%;  max-width:180px;  }
.photoContainer .photoItem .photoWrap .photoWrapItem:nth-child(1) { padding:10px;  border-top:3px solid #009992;}
.photoContainer .photoItem .photoWrap .photoWrapItem:nth-child(2),
.photoContainer .photoItem .photoWrap .photoWrapItem:nth-child(3){padding:5px 10px; border-top:0px;}
.photoContainer .photoItem .photoWrap .photoWrapItem:nth-child(2){font-family:'Noto Medium';font-size:20px;}
.photoContainer .photoItem .photoWrap .photoWrapItem:nth-child(3){padding:5px 10px; border-top:0px;text-align:left; }

/* 썸네일 박스 리스트 */
.thumbListWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.thumbListWrap > li { padding:20px; border:1px solid #dfdfdf; margin-right:1%; margin-bottom:4%; display:flex; flex-flow:column wrap; justify-content:space-between; }
.thumbListWrap > li.arrow > div.img { display:flex; align-items:center; height:100%; }
.thumbListWrap.bdrNone > li { border:0; }
.thumbListWrap.div2 > li { flex:0 0 48%; margin-right:0; }
.thumbListWrap.div2 > li:nth-child(odd) { margin-right:2%; }
.thumbListWrap.div2 > li:nth-child(even) { margin-left:2%; }
@media only screen and (max-width:600px){
  .thumbListWrap.div2 > li { flex:1 0 100%; }
  .thumbListWrap.div2 > li:nth-child(odd) { margin-right:0; }
  .thumbListWrap.div2 > li:nth-child(even) { margin-left:0; }
}

.thumbListWrap.div3 > li { flex:0 0 32%; margin-right:0; }
.thumbListWrap.div3 > li:nth-child(3n-1) { margin-left:2%; margin-right:2%; }
@media only screen and (max-width:1024px){
  .thumbListWrap.div3 > li { flex:0 0 49%; }
  .thumbListWrap.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .thumbListWrap.div3 > li:nth-child(odd) { margin-right: 2%; }
  .thumbListWrap.div3 > li:nth-child(even) { margin-left: 2%; }
}
@media only screen and (max-width:600px){
  .thumbListWrap.div3 > li { flex:1 0 100%; }
  .thumbListWrap.div3 > li:nth-child(odd) { margin-right:0; }
  .thumbListWrap.div3 > li:nth-child(even) { margin-left:0; }
}

.thumbListWrap.div4 > li { flex:0 0 23.5%; margin-right:0; }
.thumbListWrap.div4 > li:nth-child(4n-2) { margin-left:2%; }
.thumbListWrap.div4 > li:nth-child(4n-1) { margin-left:2%; }
.thumbListWrap.div4 > li:nth-child(4n) { margin-left:2%; }
@media only screen and (max-width:1024px){
  .thumbListWrap.div4 > li { flex:0 0 48%; }
  .thumbListWrap.div4 > li:nth-child(4n-2) { margin-left:0; }
  .thumbListWrap.div4 > li:nth-child(4n-1) { margin-left:0; }
  .thumbListWrap.div4 > li:nth-child(4n) { margin-left:0; }
  .thumbListWrap.div4 > li:nth-child(odd) { margin-right:2%; }
  .thumbListWrap.div4 > li:nth-child(even) { margin-left:2%; }
}
@media only screen and (max-width:600px){
  .thumbListWrap.div4 > li { flex:1 0 100%; }
  .thumbListWrap.div4 > li:nth-child(odd) { margin-right:0; }
  .thumbListWrap.div4 > li:nth-child(even) { margin-left:0; }
}
.thumbListWrap > li > .img { text-align:center; width:100%; }
.thumbListWrap > li > .img > img { width:100%; max-height: 500px; }
.thumbListWrap > li > .txt { font-size:14px; text-align:center; padding:20px 3px 10px 3px; border:0px solid red; width:100%; } 


/* 단락구분 라인 */
.para_1, .para_2 {width:100%; height:3px;margin:35px 0; background:url("/sites/guide/images/common/pattern_line.png") repeat; position:relative; }
.para_2:before{content:""; display:block;width:60px;height:13px; position:absolute; background:url("/sites/guide/images/common/pattern_point01.png"); top:calc(50% - 7px); left:calc(50% - 30px); }

/* 단순박스 */
.bdrBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; }
.bdrBox > li { flex: 0 0 auto; padding:10px 10px; border:1px solid #afafaf; margin-right:1%; margin-bottom:1%; font-size:16px; }
.bdrBox.radius > li { border-radius:10px; }
.bdrBox.hashTag > li::before { content:"#"; display:inline-block; padding-right:5px; }
.bdrBox.colorBox_1 > li:nth-child(even) { background-color:#ecf2f2; border:1px solid #d5e3ea; }
.bdrBox.colorBox_1 > li:nth-child(odd) { background-color:#fafafa; border:1px solid #d5e3ea; }

/* hoAbBox1 */
.hoAbBox{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border:10px solid #f4f4f4; padding:40px; position:relative; }
.hoAbBox .tit { flex-basis:30%; font-size:24px; font-family:'Noto Bold'; display:flex; justify-content:center; align-items:center; padding:20px; }
.hoAbBox .cont { flex-basis:70%; }
.hoAbBox.hoAbBox1::before { position:absolute; content:""; top:-10px; left:-10px; width:100px; height:100px; background:url("/sites/guide/images/common/abBox1_left.png") no-repeat; } 
.hoAbBox.hoAbBox1::after { position:absolute; content:""; bottom:-10px; right:-10px; width:100px; height:100px; background:url("/sites/guide/images/common/abBox1_right.png") no-repeat; } 
.hoAbBox.hoAbBox2 { border-top:10px solid #03235f; }
.hoAbBox.hoAbBox2::before { position:absolute; content:""; top:-10px; left:-10px; width:10px; height:80px; background:url("/sites/guide/images/common/abBox2.png") no-repeat; } 
.hoAbBox.hoAbBox2::after { position:absolute; content:""; top:-10px; right:-10px; width:10px; height:80px; background:url("/sites/guide/images/common/abBox2.png") no-repeat; } 

/* tBox */
.tBox{display:flex;justify-content:space-between;margin-bottom:10px;}
.tBox > li { width:100%; border:1px solid #DDD; padding:25px; margin:0 5px; box-sizing: border-box;}
.tBox > li.bdrNone { border:0; }
.tBox > li > dl{}
.tBox > li > dl dt{font-family:'Noto Medium'; font-size:20px; border-bottom:1px dotted #DDD; padding-bottom:15px; margin-bottom:15px; position:relative; font-family:'Noto Medium';}
.tBox.iC > li > dl dt{display:flex;justify-content:flex-start;align-items:center;}
.tBox.iC > li > dl dt span:first-child{width:75px;height:60px;background-position:left center;background-repeat:no-repeat;}
.tBox.iC > li > dl dt span:last-child{width:calc(100% - 75px);}
@media only screen and (min-width:1025px){
  .tBox > li:first-child{margin-left:0;}
  .tBox > li:last-child{margin-right:0;}
}
@media only screen and (max-width:1024px){
  .tBox{flex-wrap:wrap; margin-bottom:0;}
  .tBox > li{width:calc(50% - 10px);margin-bottom:10px;}
}
@media only screen and (max-width:768px){
  .tBox > li{width:100%; padding:15px; margin:0 0 10px 0;}
  .tBox.iC > li > dl dt span:first-child{width:40px;height:40px;background-size:25px;}
  .tBox.iC > li > dl dt span:last-child{width:calc(100% - 40px);}
}
/* tBox 에 색깔 부여 */
.tBox.color1 > li:nth-child(even) { background-color:#ecf2f2; }
.tBox.color1 > li:nth-child(odd) { background-color:#fafafa; }
.tBox.color2 > li:nth-child(odd) { background-color:#ecf2f2; }
.tBox.color2 > li:nth-child(even) { background-color:#fafafa; }

/* tBox 을 pc기준 한줄에 2칸씩 나오게 */
.tBox.div2 { flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.tBox.div2 > li { margin:0 0; margin-bottom:20px; flex:0 0 49%; }
.tBox.div2 > li:nth-child(odd) { margin-right:1%; }
.tBox.div2 > li:nth-child(even) { margin-left:1%; }
@media only screen and (max-width:768px){
  .tBox.div2 > li:nth-child(odd) { margin-right:0; }
  .tBox.div2 > li:nth-child(even) { margin-left:0; }
  .tBox.div2 > li { flex:0 0 100%; }
}
/* tBox 을 pc기준 한줄에 3칸씩 나오게 */
.tBox.div3 { flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.tBox.div3 > li { margin:0 0; margin-bottom:20px; flex:0 0 32.66666%; }
.tBox.div3 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
@media only screen and (max-width:1024px){
  .tBox.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .tBox.div3 > li { flex:0 0 49%; }
  .tBox.div3 > li:nth-child(odd) { margin-right:1%; }
  .tBox.div3 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:768px){
  .tBox.div3 > li:nth-child(odd) { margin-right:0; }
  .tBox.div3 > li:nth-child(even) { margin-left:0; }
  .tBox.div3 > li { flex:0 0 100%; }
}

/* tBox 을 pc기준 한줄에 4칸씩 나오게 */
.tBox.div4 { flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.tBox.div4 > li { margin:0 0; margin-bottom:20px; flex:0 0 24.25%; }
.tBox.div4 > li:nth-child(4n-2) { margin-left:1%; }
.tBox.div4 > li:nth-child(4n-1) { margin-left:1%; }
.tBox.div4 > li:nth-child(4n) { margin-left:1%; }
@media only screen and (max-width:1024px) {
  .tBox.div4 > li { flex:0 0 48%; }
  .tBox.div4 > li:nth-child(4n-2) { margin-left:0; }
  .tBox.div4 > li:nth-child(4n-1) { margin-left:0; }
  .tBox.div4 > li:nth-child(4n) { margin-left:0; }
  .tBox.div4 > li:nth-child(odd) { margin-right:1%; }
  .tBox.div4 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:768px){
  .tBox.div4 > li { flex:1 0 100%; }
  .tBox.div4 > li:nth-child(odd) { margin-right:0; }
  .tBox.div4 > li:nth-child(even) { margin-left:0; }
}

/* 인사말1 */
.greetings_01 { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch;}
.greetings_01 > .item { border:0px solid red; }
.greetings_01 > .itemLeft { flex:1 0 30%; margin-right:10%; }
.greetings_01 > .itemRight { flex:1 0 60%; }
.greetings_01 > .itemLeft { display:flex; flex-flow:column nowrap; }
.greetings_01 > .itemLeft > .slogan { flex: 1 0 50%; }
.greetings_01 > .itemLeft > .photo { flex: 1 0 50%; position:relative; }
.greetings_01 > .itemLeft > .slogan > p { font-size:38px; font-family:'Noto bold'; margin-bottom:0; }
.greetings_01 > .itemLeft > .slogan > .tit1 { color:#0075d2; }
.greetings_01 > .itemLeft > .slogan > .tit2 { color:#222; }
.greetings_01 > .itemLeft > .photo::before{ content:""; position:absolute; background:url("/sites/guide/images/common/greeting_01_bg.jpg") no-repeat center center; width:234px; height:287px; top:100px; left:100px; z-index:-1; }
.greetings_01 > .itemRight > .cont > p { font-size:20px; line-height:1.5; color:#444; }
.greetings_01 > .itemRight > .sign { margin-top:50px; }
.greetings_01 > .itemRight > .sign > p.nm { font-size:22px; }
@media only screen and (max-width:1024px) {
  .greetings_01 { flex-wrap:wrap; }
  .greetings_01 > .item { flex-basis:100%; }
  .greetings_01 > .itemLeft { display:flex; flex-flow:row wrap; justify-content:space-between; margin-bottom:30px; }
  .greetings_01 > .itemLeft > .slogan { flex: 1 0 70%; margin-right:5%;  }
  .greetings_01 > .itemLeft > .photo { flex: 1 0 25%; position:relative; }
  .greetings_01 > .itemLeft > .photo::before {display:none; }
}
@media only screen and (max-width:600px) {	
  .greetings_01 > .itemLeft > .slogan > p { font-size:30px; }
}
@media only screen and (max-width:450px) {	
  .greetings_01 > .itemLeft > .slogan > p { font-size:24px; }
}
@media only screen and (max-width:350px) {	
  .greetings_01 > .itemLeft > .slogan > p { font-size:22px; margin-right:0; }
  .greetings_01 > .itemLeft > .photo { display:none; }
}

/* 인사말2 */
.greetings_02 { display:flex; justify-content:space-between; align-items:stretch; }
.greetings_02 { border:0px solid red; }
.greetings_02 > div.item { border:0px solid blue; }
.greetings_02 > .itemLeft { flex:1 0 35%; margin-right:130px; }
.greetings_02 > .itemRight { flex:1 0 50%; padding-top:130px; position:relative; }
.greetings_02 > .itemLeft > .photo { position:relative; }
.greetings_02 > .itemLeft > .photo::before {position:absolute; content:""; background-color:#0075d2; top:0; left:0; width:100%; height:95%; z-index:-1; }
.greetings_02 > .itemLeft > .photo > img { margin-top:70px; margin-left:70px; }
.greetings_02 > .itemRight::before { position:absolute; content:""; background-color:#0075d2; width:80px; height:80px; top:0; right:0; }
.greetings_02 > .itemRight > .slogan > p { font-size:38px; font-family:'Noto bold'; color:#0075d2; margin-bottom:0; }
.greetings_02 > .itemRight > .cont { margin-top:80px; }
.greetings_02 > .itemRight > .cont > p { font-size:20px; }
.greetings_02 > .itemRight > .sign { margin-top:50px; }
.greetings_02 > .itemRight > .sign > p.nm { font-size:22px; }
@media only screen and (max-width:820px) {	
  .greetings_02 > .itemLeft { margin-right:5%; }
  .greetings_02 > .itemRight { flex:1 0 60%}
  .greetings_02 > .itemRight > .slogan > p { font-size:30px; }
  .greetings_02 > .itemRight > .cont > p { font-size:18px; }
  .greetings_02 > .itemLeft > .photo > img { margin-top:0; margin-left:0; }
}
@media only screen and (max-width:600px) {	
  .greetings_02 > .itemLeft { display:none; }
  .greetings_02 > .itemRight { flex:1 0 100%; padding-top:0; }
  .greetings_02 > .itemRight::before { display:none; }
  .greetings_02 > .itemRight > .cont { margin-top:20px; }
}

/* 인사말3 */
.greetings_03 { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:stretch; }
.greetings_03 > div.item { border:0px solid blue; }
.greetings_03 > .itemTop { position:relative; }
.greetings_03 > .itemTop > .slogan { background-color:#fff; padding:30px 70px; position:absolute; bottom:0; right:0; }
.greetings_03 > .itemTop > .slogan > p { font-size:38px; font-family:'Noto bold'; color:#0075d2; margin-bottom:0; }
.greetings_03 > .itemCenter { padding:100px 160px; font-size:20px; }
.greetings_03 > .itemCenter > .sign > .nm { font-size:22px; }
@media only screen and (max-width:768px) {
  .greetings_03 > .itemTop > .slogan { top:50%; left:50%; transform: translate(-50%, -50%); width:95%; text-align:center; }
  .greetings_03 > .itemTop > .slogan > p { font-size:24px; }
  .greetings_03 > .itemCenter { padding:20px 20px; }
}


/* 찾아오시는 길 */
#menu866_obj4045{padding-bottom:0;}
.location_info{display:flex;justify-content:space-between;align-items:center;background:#ebf2f7;border:1px solid #DDD;padding:30px;}
.location_info div{padding:5px 5px 5px 40px;font-family:'Noto Regular';}
.location_info .add{background:url(/sites/skhu/images/sub/location_add.png) no-repeat left center;}
.location_info .tel{background:url(/sites/skhu/images/sub/location_tel.png) no-repeat left center;}
.location_info .fax{background:url(/sites/skhu/images/sub/location_fax.png) no-repeat left center;}
.location_way{margin-top:50px;}
.location_way dl{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #DDD;display:flex;justify-content:space-between;flex-wrap:wrap;}
.location_way dt{color:#000;font-size:24px;font-family:'Noto Medium';margin-bottom:20px;width:15%;}
.location_way dt::before{content:"";display:block;width:8px;height:8px;background:#0075d2;}
.location_way dd{width:80%;}
.location_way li{padding:5px 0;}
.location_way p{padding-bottom:30px;}
.location_way p strong{display:block;color:#000;font-size:20px;font-family:'Noto Regular';padding-bottom:10px;}
@media all and (max-width:1024px) {
  .location_info{flex-direction:column;align-items:flex-start;}
  .location_info div{margin:5px 0;}
}
@media all and (max-width:768px) {
  .location_way dt{font-size:22px;width:100%;}
  .location_way dd{width:100%;}
  .location_way p strong{font-size:18px;}
}

/* 학과소개 */
.deptWrap{position:relative;}
.deptWrap .deptImg{position:absolute;top:70px;right:70px;padding:10px;background:url(/sites/www/images/sub/con_dept_main_bg_01.jpg) no-repeat top right;}
.deptWrap .deptInfo{padding:80px;background:#f4f4f4;min-height:520px;}
.deptWrap .deptInfo .college{font-size:30px;font-family:'Noto Regular';}
.deptWrap .deptInfo .deptName{font-size:50px;font-family:'Noto Bold';}
.deptWrap .deptInfo .deptEngName{font-size:20px;color:#444;margin-bottom:50px;}
.deptWrap .deptInfo .deptDetail{position:relative;padding-top:38px;}
.deptWrap .deptInfo .deptDetail:before{content:"";display:block;width:65px;height:2px;position:absolute;top:0;left:0;background:#222;}
.deptWrap .deptInfo .deptDetail li{line-height:2;}
.deptWrap .deptInfo .deptDetail li span{display:inline-block;width:36px;height:36px;text-indent:-9999px;margin-right:10px;}
.deptWrap .deptInfo .deptDetail li span.location{background:url(/sites/www/images/sub/con_dept_icon_location.png) no-repeat center left;}
.deptWrap .deptInfo .deptDetail li span.tel{background:url(/sites/www/images/sub/con_dept_icon_tel.png) no-repeat center left;}
.deptWrap .deptSns{padding:10px;}
.deptWrap .deptSns span a{display:inline-block;width:32px;height:32px;margin-right:10px;background-position:center center;background-repeat:no-repeat;text-indent:-99999px;}
.deptWrap .deptSns span.facebook a{background-image:url(/sites/www/images/sub/con_dept_sns_facebook.png);}
.deptWrap .deptSns span.facebook a:hover{background-image:url(/sites/www/images/sub/con_dept_sns_facebook_on.png);}
.deptWrap .deptSns span.instargram a{background-image:url(/sites/www/images/sub/con_dept_sns_instargram.png);}
.deptWrap .deptSns span.instargram a:hover{background-image:url(/sites/www/images/sub/con_dept_sns_instargram_on.png);}
.deptWrap .deptSns span.youtube a{background-image:url(/sites/www/images/sub/con_dept_sns_youtube.png);}
.deptWrap .deptSns span.youtube a:hover{background-image:url(/sites/www/images/sub/con_dept_sns_youtube_on.png);}
.deptWrap .deptSns span.duamCafe a{background-image:url(/sites/www/images/sub/con_dept_sns_duamCafe.png);}
.deptWrap .deptSns span.duamCafe a:hover{background-image:url(/sites/www/images/sub/con_dept_sns_duamCafe_on.png);}
.deptWrap .deptSns span.naverCafe a{background-image:url(/sites/www/images/sub/con_dept_sns_naverCafe.png);}
.deptWrap .deptSns span.naverCafe a:hover{background-image:url(/sites/www/images/sub/con_dept_sns_naverCafe_on.png);}
.deptWrap .deptSns span.naverBlog a{background-image:url(/sites/www/images/sub/con_dept_sns_naverBlog.png);}
.deptWrap .deptSns span.naverBlog a:hover{background-image:url(/sites/www/images/sub/con_dept_sns_naverBlog_on.png);}
.deptWrap .deptSns span.video a{background-image:url(/sites/www/images/sub/con_dept_sns_video.png);}
.deptWrap .deptSns span.video a:hover{background-image:url(/sites/www/images/sub/con_dept_sns_video_on.png);}
.deptWrap .deptSns span.webSite a{background-image:url(/sites/www/images/sub/con_dept_sns_webSite.png);}
.deptWrap .deptSns span.webSite a:hover{background-image:url(/sites/www/images/sub/con_dept_sns_webSite_on.png);}


/* 대표 교수소개 수기 작성 부분 */
.profWrap { padding-top:40px; }
.profWrap > .photoWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.profWrap > .photoWrap > .photo { flex:0 0 137px; }
.profWrap > .photoWrap > .nmWrap { flex:1 0 auto; padding:10px 50px; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
.profWrap > .photoWrap > .nmWrap > .infoNm { font-size:22px; font-weight:bold; }
.profWrap > .photoWrap > .nmWrap > .infoNm > .nm { font-size:22px; font-weight:bold; }
.profWrap > .photoWrap > .nmWrap > .infoNm > .position { font-size:12px; color:#999; margin-top:5px; }
.profWrap > .photoWrap > .nmWrap > .infoNm > .position > span::after { content:""; width:2px; height:10px; display:inline-block; margin:0 10px; background-color:#999; }
.profWrap > .photoWrap > .nmWrap > .infoBtn > .viewBtn { display:block; border:2px solid #ddd; padding:10px 15px; font-size:18px; color:#77778d; }
.profWrap > .photoWrap > .nmWrap > .infoBtn > .facebook { display:inline-block; padding:0 5px; }
.profWrap > .photoWrap > .nmWrap > .infoBtn > .twitter { display:inline-block; padding:0; }
.profWrap > .photoWrap > .photo > img { width:137px; }

.profWrap > .contWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin-top:30px; padding-bottom:40px; border-bottom:1px solid #dfdfdf}
.profWrap > .contWrap > .hist { flex:0 0 137px; }
.profWrap > .contWrap > .selfIntro { flex:1 0 auto; padding:10px 50px; }
.profWrap > .contWrap > .hist > .tit { color:#009b64; font-size:16px; font-weight:bold; }
.profWrap > .contWrap > .hist > ul { margin-top:5px; margin-bottom:20px; font-size:16px; }