@charset "utf-8";

/*도형*/
.graph-wrap{}
@media all and (min-width:1025px) {
  .graph-wrap .forA{}
  .graph-wrap .forM{display:none;}
}
@media all and (max-width:1024px) {
  .graph-wrap .forA{display:none;}
  .graph-wrap .forM{}
}

/*정렬ㆍ굵기*/
.center{text-align:center}.right{text-align:right}.left{text-align:left}

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

/*수직여백*/
.vSp1{height:1px}.vSp2{height:2px}.vSp3{height:3px}.vSp4{height:4px}.vSp5{height:5px}.vSp10{height:10px}.vSp15{height:15px}.vSp20{height:20px}.vSp25{height:25px}.vSp30{height:30px}.vSp35{height:35px}.vSp40{height:40px}.vSp45{height:45px}.vSp50{height:50px}.vSp60{height:60px}.vSp70{height:70px}.vSp80{height:80px}.vSp90{height:90px}.vSp100{height:100px}

/*수평여백*/
.hSp5{margin-left:5px}.hSp10{margin-left:10px}.hSp15{margin-left:15px}.hSp20{margin-left:20px}.hSp25{margin-left:25px}.hSp30{margin-left:30px}.hSp35{margin-left:35px}.hSp40{margin-left:40px}.hSp45{margin-left:45px}.hSp50{margin-left:50px}.hSp68{margin-left:68px}

/* 수직정렬 */
.wrap-contents .vertical-t { vertical-align:top; }

/*주의 스타일*/
.caution{position:relative;font-weight:500;font-size:17px;padding-left:20px}
.caution:before{display:block;position:absolute;left:0;content:"※";width:17px;height:17px;font-size:17px;top:0;}

.cautionMark{position:relative; font-weight:500; font-size:17px; padding-left:20px}
.cautionMark:before{display:block; position:absolute; left:0; content:"※"; width:17px; height:17px; font-size:17px; top:2px; color:#ffcc00; }

/* 배경색 */
.bgColor1 { background-color:#f7f8f9 !important; }

/* 글자색 */
.wrap-contents .p-color3 { color:#d63f11; }

/*박스 나열*/
.listBox > ul{display:flex;justify-content:space-between;}
.listBox > ul > li{width:100%;margin:0 1%;border:1px solid #ccc;border-top:3px solid #1b60c6;}
.listBox > ul > li > div{padding:35px;text-align:center}
.listBoxL > ul > li > div{text-align:left}
.listBox dt{padding-bottom:10px;font-size:18px;font-weight:600}
.listBox.noBdr > ul > li > div{border:0}
@media only screen and (max-width:768px){
  .listBox > ul{flex-wrap:wrap;}
  .listBox > ul > li{margin:0 0 2% 0;}
  .listBox > ul,.listBox > ul > li{display:block}

  .listBoxIconBg > ul > li > div{margin-bottom:60px}
  .listBox > ul > li:last-child > div{margin-bottom:0}
}

/* 텍스트버튼 */
.btnBlank { font-weight:bold; }
.btnBlank::after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 7px; background-repeat: no-repeat; background-image: url(/images/guide/common/btn_icon_1.png); vertical-align: -2px; background-position: -16px 0;
}
.btnDown { font-weight:bold; }
.btnDown::after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 7px; background-repeat: no-repeat; background-image: url(/images/guide/common/btn_icon_1.png); vertical-align: -2px; background-position: -34px 0;
}

/* 리스트(ul, ol) */
.wrap-contents .con-list > li > ul { padding-left:0px !important; } 
.wrap-contents .con-list > li > .list0 > li { padding-left:0px !important; } 

.wrap-contents ul > li > ul { margin-top:5px; }
.wrap-contents ul > li > ul > li > ul { margin-top:5px; }

.wrap-contents .list0 > li { background:none !important; padding-bottom:5px; }

.wrap-contents .list1 > li,
.wrap-contents .list2 > li,
.wrap-contents .list3 > li { position:relative; background:none !important; padding-left:15px; padding-bottom:5px; }

.wrap-contents .nList1 > li,
.wrap-contents .nList2 > li,
.wrap-contents .nList3 > li { position:relative; background:none !important; padding-left:20px; padding-bottom:5px;}
.wrap-contents .nList2 > li { padding-left:17px !important; }

.wrap-contents .kList1 > li,
.wrap-contents .kList2 > li,
.wrap-contents .kList3 > li { position:relative; background:none !important; padding-left:25px; padding-bottom:5px;}

.wrap-contents .list1 > li::before,
.wrap-contents .list2 > li::before,
.wrap-contents .list3 > li::before,
.wrap-contents .nList1 > li::before,
.wrap-contents .nList2 > li::before,
.wrap-contents .nList3 > li::before,
.wrap-contents .kList1 > li::before,
.wrap-contents .kList2 > li::before,
.wrap-contents .kList3 > li::before { position:absolute; left:0px; }

.wrap-contents .list1 > li::before{ content:""; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 100%; background: #666666; }
.wrap-contents .list2 > li::before{content:"-";}
.wrap-contents .list3 > li::before{content:"￭"; }

.wrap-contents .nList1 > li:nth-child(1)::before{content: "1.";}
.wrap-contents .nList1 > li:nth-child(2)::before{content: "2.";}
.wrap-contents .nList1 > li:nth-child(3)::before{content: "3.";}
.wrap-contents .nList1 > li:nth-child(4)::before{content: "4.";}
.wrap-contents .nList1 > li:nth-child(5)::before{content: "5.";}
.wrap-contents .nList1 > li:nth-child(6)::before{content: "6.";}
.wrap-contents .nList1 > li:nth-child(7)::before{content: "7.";}
.wrap-contents .nList1 > li:nth-child(8)::before{content: "8.";}
.wrap-contents .nList1 > li:nth-child(9)::before{content: "9.";}
.wrap-contents .nList1 > li:nth-child(10)::before{content: "10.";}
.wrap-contents .nList1 > li:nth-child(11)::before{content: "11.";}
.wrap-contents .nList1 > li:nth-child(12)::before{content: "12.";}
.wrap-contents .nList1 > li:nth-child(13)::before{content: "13.";}
.wrap-contents .nList1 > li:nth-child(14)::before{content: "14.";}
.wrap-contents .nList1 > li:nth-child(15)::before{content: "15.";}

.wrap-contents .nList2 > li:nth-child(1)::before{content: "1)";}
.wrap-contents .nList2 > li:nth-child(2)::before{content: "2)";}
.wrap-contents .nList2 > li:nth-child(3)::before{content: "3)";}
.wrap-contents .nList2 > li:nth-child(4)::before{content: "4)";}
.wrap-contents .nList2 > li:nth-child(5)::before{content: "5)";}
.wrap-contents .nList2 > li:nth-child(6)::before{content: "6)";}
.wrap-contents .nList2 > li:nth-child(7)::before{content: "7)";}
.wrap-contents .nList2 > li:nth-child(8)::before{content: "8)";}
.wrap-contents .nList2 > li:nth-child(9)::before{content: "9)";}
.wrap-contents .nList2 > li:nth-child(10)::before{content: "10)";}
.wrap-contents .nList2 > li:nth-child(11)::before{content: "11)";}
.wrap-contents .nList2 > li:nth-child(12)::before{content: "12)";}
.wrap-contents .nList2 > li:nth-child(13)::before{content: "13)";}
.wrap-contents .nList2 > li:nth-child(14)::before{content: "14)";}
.wrap-contents .nList2 > li:nth-child(15)::before{content: "15)";}

.wrap-contents .nList3 > li:nth-child(1)::before{content: "①";}
.wrap-contents .nList3 > li:nth-child(2)::before{content: "②";}
.wrap-contents .nList3 > li:nth-child(3)::before{content: "③";}
.wrap-contents .nList3 > li:nth-child(4)::before{content: "④";}
.wrap-contents .nList3 > li:nth-child(5)::before{content: "⑤";}
.wrap-contents .nList3 > li:nth-child(6)::before{content: "⑥";}
.wrap-contents .nList3 > li:nth-child(7)::before{content: "⑦";}
.wrap-contents .nList3 > li:nth-child(8)::before{content: "⑧";}
.wrap-contents .nList3 > li:nth-child(9)::before{content: "⑨";}
.wrap-contents .nList3 > li:nth-child(10)::before{content: "⑩";}
.wrap-contents .nList3 > li:nth-child(11)::before{content: "⑪";}
.wrap-contents .nList3 > li:nth-child(12)::before{content: "⑫";}
.wrap-contents .nList3 > li:nth-child(13)::before{content: "⑬";}
.wrap-contents .nList3 > li:nth-child(14)::before{content: "⑭";}
.wrap-contents .nList3 > li:nth-child(15)::before{content: "⑮";}


.wrap-contents .kList1 > li:nth-child(1)::before{content: "가.";}
.wrap-contents .kList1 > li:nth-child(2)::before{content: "나.";}
.wrap-contents .kList1 > li:nth-child(3)::before{content: "다.";}
.wrap-contents .kList1 > li:nth-child(4)::before{content: "라.";}
.wrap-contents .kList1 > li:nth-child(5)::before{content: "마.";}
.wrap-contents .kList1 > li:nth-child(6)::before{content: "바.";}
.wrap-contents .kList1 > li:nth-child(7)::before{content: "사.";}
.wrap-contents .kList1 > li:nth-child(8)::before{content: "아.";}
.wrap-contents .kList1 > li:nth-child(9)::before{content: "자.";}
.wrap-contents .kList1 > li:nth-child(10)::before{content: "차.";}
.wrap-contents .kList1 > li:nth-child(11)::before{content: "카.";}
.wrap-contents .kList1 > li:nth-child(12)::before{content: "타.";}
.wrap-contents .kList1 > li:nth-child(13)::before{content: "파.";}
.wrap-contents .kList1 > li:nth-child(14)::before{content: "하.";}

.wrap-contents .kList2 > li:nth-child(1)::before{content: "가)";}
.wrap-contents .kList2 > li:nth-child(2)::before{content: "나)";}
.wrap-contents .kList2 > li:nth-child(3)::before{content: "다)";}
.wrap-contents .kList2 > li:nth-child(4)::before{content: "라)";}
.wrap-contents .kList2 > li:nth-child(5)::before{content: "마)";}
.wrap-contents .kList2 > li:nth-child(6)::before{content: "바)";}
.wrap-contents .kList2 > li:nth-child(7)::before{content: "사)";}
.wrap-contents .kList2 > li:nth-child(8)::before{content: "아)";}
.wrap-contents .kList2 > li:nth-child(9)::before{content: "자)";}
.wrap-contents .kList2 > li:nth-child(10)::before{content: "차)";}
.wrap-contents .kList2 > li:nth-child(11)::before{content: "카)";}
.wrap-contents .kList2 > li:nth-child(12)::before{content: "타)";}
.wrap-contents .kList2 > li:nth-child(13)::before{content: "파)";}
.wrap-contents .kList2 > li:nth-child(14)::before{content: "하)";}

.wrap-contents .kList3 > li:nth-child(1)::before{content: "㉮";}
.wrap-contents .kList3 > li:nth-child(2)::before{content: "㉯";}
.wrap-contents .kList3 > li:nth-child(3)::before{content: "㉰";}
.wrap-contents .kList3 > li:nth-child(4)::before{content: "㉱";}
.wrap-contents .kList3 > li:nth-child(5)::before{content: "㉲";}
.wrap-contents .kList3 > li:nth-child(6)::before{content: "㉳";}
.wrap-contents .kList3 > li:nth-child(7)::before{content: "㉴";}
.wrap-contents .kList3 > li:nth-child(8)::before{content: "㉵";}
.wrap-contents .kList3 > li:nth-child(9)::before{content: "㉶";}
.wrap-contents .kList3 > li:nth-child(10)::before{content: "㉷";}
.wrap-contents .kList3 > li:nth-child(11)::before{content: "㉸";}
.wrap-contents .kList3 > li:nth-child(12)::before{content: "㉹";}
.wrap-contents .kList3 > li:nth-child(13)::before{content: "㉺";}
.wrap-contents .kList3 > li:nth-child(14)::before{content: "㉻";}


/* 교육목표 */
.applyFlow_2{background:#f7f7f7;padding:60px 30px;}
.applyFlow_2 > ul{}
.applyFlow_2 > ul > li{margin-bottom:40px}
.applyFlow_2 > ul > li:last-child{margin-bottom:0}
.applyFlow_2 > ul > li dl{border:4px solid #85a1ba;display:flex;flex-wrap:wrap;}
.applyFlow_2 > ul > li dt{box-sizing:border-box;width:25%;text-align:center;color:#FFF;padding:20px 0;background:#85a1ba url(/images/guide/templet/pattern_1.png);}
.applyFlow_2 > ul > li dt span{font-family:'Noto Medium';display:block;}
.applyFlow_2 > ul > li dd{box-sizing:border-box;width:75%;padding:20px;font-size:17px;background:#FFF;}
.applyFlow_2 > ul > li:first-child dl{border-color:#328fe5;}
.applyFlow_2 > ul > li:first-child dt{background-color:#328fe5;}
.applyFlow_2 > ul > li:last-child dl{border-color:#1b60c6;}
.applyFlow_2 > ul > li:last-child dt{background-color:#1b60c6;}
@media only screen and (max-width:1280px){
  .applyFlow_2 > ul > li dt{width:35%;}
  .applyFlow_2 > ul > li dd{width:65%;}
}
@media only screen and (max-width:768px){
  .applyFlow_2 > ul > li dt{width:40%;}
  .applyFlow_2 > ul > li dd{width:60%;}
}
@media only screen and (max-width:480px){
  .applyFlow_2 > ul > li:after{margin:20px auto;}
  .applyFlow_2 > ul > li dt,
  .applyFlow_2 > ul > li dd{width:100%;}
  .applyFlow_2 > ul > li dt span{display:inline;padding-right:10px;}
}
@media only screen and (max-width:320px){
  .applyFlow_2 > ul > li dt span{display:block;padding-right:0;}
}

.flowRow1{background:#f7f7f7;padding:60px 30px;}
.flowRow1 > ul{}
.flowRow1 > ul > li{margin-bottom:40px}
.flowRow1 > ul > li:last-child{margin-bottom:0}
.flowRow1 > ul > li dl{border:4px solid #85a1ba;display:flex; flex-flow:row wrap;}
.flowRow1 > ul > li dt{box-sizing:border-box; width:100px; text-align:center;color:#FFF;padding:20px 0;background:#85a1ba url(/images/guide/templet/pattern_1.png); font-size:17px;}
.flowRow1 > ul > li dt span{font-family:'Noto Medium'; display:block;}
.flowRow1 > ul > li dd{box-sizing:border-box;width:calc(100% - 100px); padding:20px;font-size:17px;background:#FFF;}
.flowRow1 > ul > li:first-child dl{border-color:#328fe5;}
.flowRow1 > ul > li:first-child dt{background-color:#328fe5;}
.flowRow1 > ul > li:last-child dl{border-color:#1b60c6;}
.flowRow1 > ul > li:last-child dt{background-color:#1b60c6;}

/* 학과사무실 3칸짜리 */
.flexIcoBox3 { display:flex; flex-flow: row wrap; justify-content:space-between; align-content:stretch; }
.flexIcoBox3 .itemBox { flex-basis:30%; flex-grow:1; min-height:244px; position:relative; }
.flexIcoBox3 .itemBox:not(:last-child) { margin-right:30px; }
.flexIcoBox3 .icoHome{ height:88px; background:url('/images/guide/templet/ico_home.png') no-repeat top center; position:relative; z-index:1; }
.flexIcoBox3 .icoTel{ height:88px; background:url('/images/guide/templet/ico_telephone.png') no-repeat top center; position:relative; z-index:1; }
.flexIcoBox3 .icoFax{ height:88px; background:url('/images/guide/templet/ico_fax.png') no-repeat top center; position:relative; z-index:1; }
.flexIcoBox3 .icoEmail{ height:88px; background:url('/images/guide/templet/ico_email.png') no-repeat top center; position:relative; z-index:1; }
.flexIcoBox3 .itemBox .contentBox { border:1px solid #cdcdcd; text-align:center; width:100%; min-height:200px; position:absolute; top:44px; }
.flexIcoBox3 .itemBox .contentBox span:nth-child(1) { display:block; font-size:22px; font-weight:bold; padding-top:55px; padding-bottom:8px; }
.flexIcoBox3 .itemBox .contentBox span:nth-child(2) { font-size:18px; }
@media all and (max-width: 800px) {
  .flexIcoBox3 .itemBox { flex-basis:60%; }
  .flexIcoBox3 .itemBox:not(:last-child) { margin-right:0px; margin-bottom:30px; }
}

/* 학과사무실 4칸짜리 */
.flexIcoBox4 { display:flex; flex-flow: row wrap; justify-content:space-between; align-content:stretch; }
.flexIcoBox4 .itemBox { flex-basis:22%; flex-grow:1; min-height:244px; position:relative; }
.flexIcoBox4 .itemBox:not(:last-child) { margin-right:15px; }
.flexIcoBox4 .icoHome{ height:88px; background:url('/images/guide/templet/ico_home.png') no-repeat top center; position:relative; z-index:1; }
.flexIcoBox4 .icoTel{ height:88px; background:url('/images/guide/templet/ico_telephone.png') no-repeat top center; position:relative; z-index:1; }
.flexIcoBox4 .icoFax{ height:88px; background:url('/images/guide/templet/ico_fax.png') no-repeat top center; position:relative; z-index:1; }
.flexIcoBox4 .icoEmail{ height:88px; background:url('/images/guide/templet/ico_email.png') no-repeat top center; position:relative; z-index:1; }
.flexIcoBox4 .itemBox .contentBox { display:block; border:1px solid #cdcdcd; text-align:center; width:100%; min-height:200px; position:absolute; top:44px; }
.flexIcoBox4 .itemBox .contentBox span:nth-child(1) { display:block; font-size:22px; font-weight:bold; padding-top:55px; padding-bottom:8px; }
.flexIcoBox4 .itemBox .contentBox span:nth-child(2) { font-size:18px; }
@media all and (max-width: 1200px) {
  .flexIcoBox4 .itemBox { flex-basis:45%; }
  .flexIcoBox4 .itemBox:not(:last-child) { margin-right:0px; }
  .flexIcoBox4 .itemBox:nth-child(odd) { margin-right:15px; margin-bottom:30px; }
}
@media all and (max-width: 800px) {
  .flexIcoBox4 .itemBox { flex-basis:60%; }
  .flexIcoBox4 .itemBox:not(:last-child) { margin-right:0px; margin-bottom:30px; }
}

/* 조교소개 */
.wrap-contents .tip-banner .desc li { line-height:22px; margin-bottom:12px; }
.wrap-contents .tip-banner .desc li span { font-weight:bold; }

/* 이미지없는 학과 인사말 */
.wrap-contents .txtIntroContainer { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; min-height:596px;}
.wrap-contents .txtIntroContainer .txtIntroItem { flex-basis:400px; }
.wrap-contents .txtIntroContainer .txtIntroItem:nth-child(1) { flex-shrink:0; }
.wrap-contents .txtIntroContainer .txtIntroItem:nth-child(2) { flex-grow:1; }

.wrap-contents .txtIntroContainer .noImgIntro { background:url('/images/guide/templet/txt_intro_bg.png') no-repeat left top; }
.wrap-contents .txtIntroContainer .noImgIntro > div { margin-top:17px; margin-left:25px; font-size:38px; line-height:1.3; }
.wrap-contents .txtIntroContainer .noImgIntro > div > span { font-family:'Noto DemiLight'; font-size:24px; display:block; }
.wrap-contents .txtIntroContainer .noImgIntro > div > strong { font-family:'Noto Bold'; }

.wrap-contents .txtIntroContainer .txtIntroItem:nth-child(2) { color:#666666; font-size:18px; }
.wrap-contents .txtIntroContainer .txtIntroItem .introSummary { color:#376cb5; font-family:'Noto DemiLight'; font-size:32px; position:relative; padding-bottom:50px; }
.wrap-contents .txtIntroContainer .txtIntroItem .introSummary span { display:inline-block; width:calc(100% - 26px); margin-top:18px; margin-left:30px; }
.wrap-contents .txtIntroContainer .txtIntroItem .introSummary span i { font-family:'Noto Bold'; font-style:italic; padding-right:5px; }
.wrap-contents .txtIntroContainer .txtIntroItem .introSummary::before {content:"“"; color:#8ab6f6; font-family:'Noto Black'; display:inline-block;font-size:42px; position:absolute; top:0px; left:0px; }
.wrap-contents .txtIntroContainer .txtIntroItem .introSummary span::after{content:"“";color:#8ab6f6; font-family:'Noto Black'; display:inline-block;font-size:42px;vertical-align:-12px; transform: rotate(180deg); margin-left:10px; }
.wrap-contents .txtIntroContainer .introSign { display:flex; flex-flow:column wrap; justify-content:flex-start; margin-top:60px; }
.wrap-contents .txtIntroContainer .introSign p:nth-child(1) { font-family:'Noto Light'; font-size:16px; }
.wrap-contents .txtIntroContainer .introSign p:nth-child(2) { font-family:'Noto Medium'; font-size:24px; }
@media all and (max-width: 800px) {
  .wrap-contents .txtIntroContainer .noImgIntro { margin-bottom:20px; }
  .wrap-contents .txtIntroContainer .noImgIntro > div { margin-top:0px;font-size:24px; line-height:1.3; }
  .wrap-contents .txtIntroContainer .noImgIntro > div > span { font-family:'Noto DemiLight'; font-size:18px; display:block; }
  .wrap-contents .txtIntroContainer .noImgIntro > div > strong { font-family:'Noto Bold'; }
}


/* flow */
.wrap-contents .flowCol2{}
.wrap-contents .flowCol2 ul{display:flex; flex-flow:row wrap; justify-content:space-between; }
.wrap-contents .flowCol2 ul li{ flex-basis:45%; box-sizing:border-box; margin-bottom:20px; position:relative; }
.wrap-contents .flowCol2 ul li::after{content:"";display:block;width:21px;height:35px;background:url("/images/guide/templet/arrow_2_bu.png") no-repeat center;position:absolute;top:calc(50% - 15px);right:-13%;}
.wrap-contents .flowCol2 ul li:nth-child(even)::after{display:none;}
.wrap-contents .flowCol2 ul li:last-child::after{display:none !important;}
@media only screen and (max-width:1000px){
  .wrap-contents .flowCol2 ul li { flex-basis:100%; }
  .wrap-contents .flowCol2 ul li::after{display:none;}
}

.wrap-contents .flowCol3{}
.wrap-contents .flowCol3 ul{display:flex; flex-flow:row wrap; justify-content:space-between; }
.wrap-contents .flowCol3 ul li{ flex-basis:28%; box-sizing:border-box; margin-bottom:20px; position:relative; }
.wrap-contents .flowCol3 ul li::after{content:"";display:block;width:21px;height:35px;background:url("/images/guide/templet/arrow_2_bu.png") no-repeat center;position:absolute;top:calc(50% - 15px);right:-17%;}
.wrap-contents .flowCol3 ul li:last-child:after{display:none;}
@media only screen and (max-width:1000px){
  .wrap-contents .flowCol3 ul li { flex-basis:45%; }
  .wrap-contents .flowCol3 ul li:nth-child(even):after{display:none;}
  .wrap-contents .flowCol3 ul li::after { right:-15%; }
}
@media only screen and (max-width:500px){
  .wrap-contents .flowCol3 ul li { flex-basis:100%; }
  .wrap-contents .flowCol3 ul li::after{display:none;}
}

.wrap-contents .flowCol4{}
.wrap-contents .flowCol4 ul{display:flex; flex-flow:row wrap; justify-content:space-between; }
.wrap-contents .flowCol4 ul li{ flex-basis:21%; box-sizing:border-box; margin-bottom:20px; position:relative; }
.wrap-contents .flowCol4 ul li::after{content:"";display:block;width:21px;height:35px;background:url("/images/guide/templet/arrow_2_bu.png") no-repeat center;position:absolute;top:calc(50% - 15px);right:-17%;}
.wrap-contents .flowCol4 ul li:last-child:after{display:none;}
@media only screen and (max-width:1000px){
  .wrap-contents .flowCol4 ul li { flex-basis:45%; }
  .wrap-contents .flowCol4 ul li::nth-child(even):after{display:none;}
  .wrap-contents .flowCol4 ul li::after { right:-15%; }
}
@media only screen and (max-width:500px){
  .wrap-contents .flowCol4 ul li { flex-basis:100%; }
  .wrap-contents .flowCol4 ul li::after{display:none;}
}

.wrap-contents .flowCol5{}
.wrap-contents .flowCol5 ul{display:flex; flex-flow:row wrap; justify-content:space-between; }
.wrap-contents .flowCol5 ul li{ flex-basis:17%; box-sizing:border-box; margin-bottom:20px; position:relative; }
.wrap-contents .flowCol5 ul li::after{content:"";display:block;width:21px;height:35px;background:url("/images/guide/templet/arrow_2_bu.png") no-repeat center;position:absolute;top:calc(50% - 15px);right:-17%;}
.wrap-contents .flowCol5 ul li:last-child::after{display:none;}
@media only screen and (max-width:1000px){
  .wrap-contents .flowCol5 ul li { flex-basis:45%; }
  .wrap-contents .flowCol5 ul li:nth-child(even):after{display:none;}
  .wrap-contents .flowCol5 ul li::after { right:-15%; }
}
@media only screen and (max-width:500px){
  .wrap-contents .flowCol5 ul li { flex-basis:100%; }
  .wrap-contents .flowCol5 ul li::after{display:none;}
}

.wrap-contents .flowCol6{}
.wrap-contents .flowCol6 ul{display:flex; flex-flow:row wrap; justify-content:space-between; }
.wrap-contents .flowCol6 ul li{ flex-basis:14%; box-sizing:border-box; margin-bottom:20px; position:relative; }
.wrap-contents .flowCol6 ul li::after{content:"";display:block;width:21px;height:35px;background:url("/images/guide/templet/arrow_2_bu.png") no-repeat center;position:absolute;top:calc(50% - 15px);right:-17%;}
.wrap-contents .flowCol4 ul li:last-child::after{display:none;}
@media only screen and (max-width:1200px){
  .wrap-contents .flowCol6 ul li { flex-basis:29%; }
  .wrap-contents .flowCol6 ul li:nth-child(3n+1)::after{display:none;}	/* 3의 배수를 1부터 시작한다 */
  .wrap-contents .flowCol6 ul li::after { right:-15%; }
}
@media only screen and (max-width:800px){
  .wrap-contents .flowCol6 ul li { flex-basis:45%; }
  .wrap-contents .flowCol6 ul li:nth-child(even)::after{display:none;}	/* 짝수번째만 해당 */
  .wrap-contents .flowCol6 ul li::after { right:-15%; }
}
@media only screen and (max-width:500px){
  .wrap-contents .flowCol6 ul li { flex-basis:100%; }
  .wrap-contents .flowCol6 ul li::after{display:none;}
  /*	.wrap-contents .flowCol6 ul li::after { right:-15%; }*/
}


.wrap-contents .flowBox ul li dl{box-sizing:border-box; height:100%; border:4px solid #85a1ba;}
.wrap-contents .flowBox ul li dt{text-align:center; color:#FFF; padding:5px 0; background:#85a1ba url(/images/grad/sub/pattern_1.png); }
.wrap-contents .flowBox ul li dt span{font-family:'Noto Medium'; padding-right:10px;}
.wrap-contents .flowBox ul li dt a{color:#FFF;padding-right:20px;background:url(/images/grad/common/iconBlank_w.png) no-repeat right center;}
.wrap-contents .flowBox ul li dt a:hover{color:#000;background:url(/images/grad/common/iconBlank_b.png) no-repeat right center;}

.wrap-contents .flowBox ul li dd{text-align:center; font-size:17px; height:100%; padding:10px; box-sizing:border-box;}
.wrap-contents .flowBox ul li dd.align-l{text-align:left}
.wrap-contents .flowBox ul li dd.hvCenter{ display:flex; flex-flow:row wrap; justify-content:center; align-items:center; }

.wrap-contents .flowBox ul li:first-child dl{border-color:#328fe5;}
.wrap-contents .flowBox ul li:first-child dt{background-color:#328fe5;}
.wrap-contents .flowBox ul li:last-child dl{border-color:#1b60c6;}
.wrap-contents .flowBox ul li:last-child dt{background-color:#1b60c6;}

/* h2Title */
.h2Title { margin-top: 35px; font-family: 'Noto Medium'; display: block; line-height: 1.3; font-size: 26px; color: #151515; font-weight:400; }

/* h3Title */
.h3Title { position:relative; margin-top:35px; font-family:'Noto Medium'; padding-top:10px; line-height:1.3; font-size:20px; color:#1b60c6; font-weight:400; }
.h3Title::after { content:""; position:absolute; left:0; bottom:35px; width:28px; height:2px; background:#1b60c6; }

/* h4Title */
.h4Title { margin-top: 30px; position: relative; padding-left: 20px; background: url(/images/guide/common/bul-h4.png) no-repeat left 6px; font-family: 'Noto Regular'; display: inline-block; line-height: 1.3; font-size: 18px; color: #456db1; font-weight:400; }
/*.h4Title::after { content:""; position:absolute; left:0; bottom:35px; width:28px; height:2px; background:#1b60c6; }*/


/* 제목있는 박스 */
.titBox { border:4px solid #328fe5; box-sizing:border-box; }
.titBox .title { color:#fff; padding:15px 0; background:url("/images/guide/sub/pattern_1.png"); background-color:#328fe5; font-weight:bold; }
.titBox .content { padding:20px 20px; }

/* 화살표 */
.downArrow { background:url("/images/guide/sub/arrow_up.png") no-repeat center center; width:100%; transform: rotate(-180deg); text-indent:-9999px; padding:50px 0;}

/* FAQ */
.wrap-contents .faqList > li { border:0px solid blue; position:relative; border-top:1px solid #afafaf; padding:10px 0; }
.wrap-contents .faqList > li > a { padding-left:22px; font-weight:bold; }
.wrap-contents .faqList > li:last-child { border-bottom:1px solid #afafaf; }
.wrap-contents .faqList > li::before { content:"질문"; display:inline-block; text-indent:-9999px; width:16px; height:15px; background:url('/images/guide/sub/bg_q.gif') no-repeat; position:absolute; top:15.3px; left:0px; } 
.wrap-contents .faqList .faqAnswer::before { content:"답변"; display:inline-block; text-indent:-9999px; width:14px; height:14px; background:url('/images/guide/sub/bg_a.gif') no-repeat; position:absolute; top:5.5px; left:0px; } 
.wrap-contents .faqList .faqAnswer { display:none; border:0px solid red; margin-left:20px; margin-top:8px; position:relative; padding-left:22px; padding-bottom:10px; }


/*인사말*/
.ceo{overflow:hidden;}
.ceo img{max-width:100%;}
.ceo .pic{width:357px;float:left;}
.ceo .con,
.ceo .con_2{width:calc(100% - 455px);float:right;}
.ceo p{font-size:20px;}
.ceo .p_1{font-size:25px;font-family:'Noto Regular';position:relative;padding:0 40px;}
.ceo .p_1 span{font-size:40px;display:block;padding-bottom:10px;line-height:1.2;}
.ceo .p_1 strong{color:#14458b;font-family:'Noto Medium';}
.ceo .p_1 span:before,
.ceo .p_1 span:after{content:'"';display:inline-block;font-family:'Noto Black';font-size:42px;color:#b4b4b4;}
.ceo .p_1 span:before{position:absolute;left:0;top:0;}
.ceo .p_1 span:after{}
.ceo .p_2{padding:70px 0 50px 0;}
.ceo .p_3{padding-left:20px;color:#08408f;position:relative;}
.ceo .p_3 span{display:block;font-style:italic;}
.ceo .p_3 strong{font-family:'Noto Medium';}
.ceo .p_3:before{content:"";display:block;width:3px;height:100%;position:absolute;top:0;left:0;background:#08408f;}
.ceo .p_4{padding-top:50px;}
@media only screen and (max-width:1024px){
  .ceo .pic{width:40%;}
  .ceo .con,
  .ceo .con_2{width:55%;}
  .ceo .p_1{font-size:20px;}
  .ceo .p_1 span{font-size:30px;}
}
@media only screen and (max-width:768px){
  .ceo .con_2{width:100%;}
}
@media only screen and (max-width:480px){
  .ceo .pic,
  .ceo .con,
  .ceo .con_2{width:100%;float:none;}
  .ceo .pic{text-align:center;}
  .ceo .pic img{max-width:90%;padding-bottom:30px;}
  .ceo p{font-size:16px;}
  .ceo .p_1{padding:0;font-size:18px;}
  .ceo .p_1 span{font-size:24px;}
  .ceo .p_1 span:before,
  .ceo .p_1 span:after{display:none;}
}


/* 박스나열 */
.list_box{}
.list_box ul{font-size:0;}
.list_box ul li{display:inline-block;vertical-align:top;width:32.33%;margin:0 0.5% 1% 0.5%;}
.list_box.divide2 ul li{width:49%;}
.list_box.divide4 ul li{width:24%;}
.list_box ul li div{border:1px solid #DDD;text-align:center;font-size:17px;font-weight:bold;padding:15px 10px;}
.list_box_w ul li div{border-color:#EEE;background:#FFF;}
.list_box_g ul li div{border-color:#EEE;background:#EEE;}
.list_box_c ul li div{border-color:#0054a6;background:#0054a6;color:#FFF;}
@media only screen and (max-width:480px){
  .list_box ul li{width:49%;}
  .list_box.divide2 ul li{width:100%;}
  .list_box ul li div{padding:10px;}
}

/* 튜터 */
.tutorIntro{display:flex;flex-wrap:wrap;}
.tutorIntro .wrap{width:32.6%;padding:20px;min-height:210px;;vertical-align:top;background:#f4f5f9;overflow:hidden;}
.tutorIntro .wrap:nth-child(2){margin:0 1%;}
.tutorIntro .wrap .pho{width:130px;float:left;}
.tutorIntro .wrap .pho img{max-width:100%;border:2px solid #DDD;border-radius:5px;}
.tutorIntro .wrap .desc{width:calc(100% - 130px);float:right;}
.tutorIntro .wrap .desc strong{font-size:22px;}
.tutorIntro .wrap .desc p{padding:15px 0;}
@media all and (max-width:1024px) {
  .tutorIntro .wrap{width:100%;}
  .tutorIntro .wrap:nth-child(2){margin:2% 0;}
}
@media all and (max-width:420px) {
  .tutorIntro .wrap .pho,
  .tutorIntro .wrap .desc{width:100%;float:none;text-align:center;}
  .tutorIntro .wrap .pho{padding-bottom:20px;}
}

/**/
.howWay{}
.howWay .howWayWrap{overflow:hidden;padding-top:70px}
.howWay .howWayWrap h2{box-sizing:border-box;float:left;width:300px}
.howWay .howWayWrap .con{box-sizing:border-box;float:right;width:calc(100% - 300px)}
.howWay .howWayWrap h2{font-size:26px;font-weight:400}
.howWay .howWayWrap h2:before{content:"";display:inline-block;width:48px;height:48px;margin-right:20px;vertical-align:-20px}
.howWay .howWayWrap h2.car:before{background:url(/images/guide/sub/howWay_car.png) no-repeat left top}
.howWay .howWayWrap h2.subway:before{background:url(/images/guide/sub/howWay_subway.png) no-repeat left top}
.howWay .howWayWrap h2.bus:before{background:url(/images/guide/sub/howWay_bus.png) no-repeat left top}
.howWay .howWayWrap h2 a{display:block;margin-top:20px;width:150px;padding:10px 0;text-align:center;font-size:16px;font-weight:300;background:#FFF;border:1px solid #666}
.howWay .howWayWrap h2 a:hover{background-color:#DDD}
.howWay .howWayWrap h3{font-size:20px;font-weight:400;padding-bottom:20px}
.howWay .howWayWrap dl{margin-bottom:30px}
.howWay .howWayWrap dt{font-weight:500;padding-bottom:5px}
.howWay .howWayWrap p{font-weight:500;margin-bottom:10px}
.howWay .howWayWrap .busG,
.howWay .howWayWrap .busB,
.howWay .howWayWrap .busR{display:inline-block;color:#FFF;padding:1px 15px;font-weight:500;margin-right:10px;border-radius:30px}
.howWay .howWayWrap .busG{background-color:#71cc0f}
.howWay .howWayWrap .busB{background-color:#167ce5}
.howWay .howWayWrap .busR{background-color:#e21b23}
@media only screen and (max-width:1024px){
  .howWay .howWayWrap h2{width:200px}
  .howWay .howWayWrap .con{width:calc(100% - 200px)}
}
@media only screen and (max-width:768px){
  .howWay .howWayWrap h2,
  .howWay .howWayWrap .con{width:100%;float:none}
  .howWay .howWayWrap h2{position:relative;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #DDD}
  .howWay .howWayWrap h2 a{position:absolute;right:0;top:-16px;padding:2px 0;width:130px}
}
@media only screen and (max-width:380px){
  .howWay .howWayWrap h2 span{}
}

/*링크박스*/
.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;}
.rowBox_link > li > div{width:100%;background:url(/images/guide/common/aLink_1_b.png) no-repeat right 2px;}
.rowBox_link > li > div a{display:block;font-family:'Noto Regular';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;}
}
@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;}
}