@charset "utf-8";

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

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

/* 요소여백 */
._objHtml,._objTag,._objWidget{padding-bottom:5rem;}
@media only screen and (max-width:1280px){ 
  ._objHtml,._objTag,._objWidget{padding-bottom:4rem;}
}
@media only screen and (max-width:768px){
  ._objHtml,._objTag,._objWidget{padding-bottom:3rem;}
}

/* 줄넘김 */
.dB{display:block}

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

/* Margin Custom */
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: .5rem;}
.mt10 {margin-top: 1rem;}
.mt15 {margin-top: 1.5rem;}
.mt20 {margin-top: 2rem;}
.mt25 {margin-top: 2.5rem;}
.mt30 {margin-top: 3rem;}
.mt35 {margin-top: 3.5rem;}
.mt40 {margin-top: 4rem;}
.mt45 {margin-top: 4.5rem;}
.mt50 {margin-top: 5rem;}
.mt55 {margin-top: 5.5rem;}
.mt60 {margin-top: 6rem;}
.mt65 {margin-top: 6.5rem;}
.mt70 {margin-top: 7rem;}
.mt75 {margin-top: 7.5rem;}
.mt80 {margin-top: 8rem;}
.mt85 {margin-top: 8.5rem;}
.mt90 {margin-top: 9rem;}
.mt95 {margin-top: 9.5rem;}
.mt100 {margin-top: 10rem;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: .5rem;}
.mb10 {margin-bottom: 1rem;}
.mb15 {margin-bottom: 1.5rem;}
.mb20 {margin-bottom: 2rem;}
.mb25 {margin-bottom: 2.5rem;}
.mb30 {margin-bottom: 3rem;}
.mb35 {margin-bottom: 3.5rem;}
.mb40 {margin-bottom: 4rem;}
.mb45 {margin-bottom: 4.5rem;}
.mb50 {margin-bottom: 5rem;}
.mb55 {margin-bottom: 5.5rem;}
.mb60 {margin-bottom: 6rem;}
.mb65 {margin-bottom: 6.5rem;}
.mb70 {margin-bottom: 7rem;}
.mb75 {margin-bottom: 7.5rem;}
.mb80 {margin-bottom: 8rem;}
.mb85 {margin-bottom: 8.5rem;}
.mb90 {margin-bottom: 9rem;}
.mb95 {margin-bottom: 9.5rem;}
.mb100 {margin-bottom: 10rem;}

.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: .5rem;}
.ml10 {margin-left: 1rem;}
.ml15 {margin-left: 1.5rem;}
.ml20 {margin-left: 2rem;}
.ml25 {margin-left: 2.5rem;}
.ml30 {margin-left: 3rem;}
.ml35 {margin-left: 3.5rem;}
.ml40 {margin-left: 4rem;}
.ml45 {margin-left: 4.5rem;}
.ml50 {margin-left: 5rem;}
.ml55 {margin-left: 5.5rem;}
.ml60 {margin-left: 6rem;}
.ml65 {margin-left: 6.5rem;}
.ml70 {margin-left: 7rem;}
.ml75 {margin-left: 7.5rem;}
.ml80 {margin-left: 8rem;}
.ml85 {margin-left: 8.5rem;}
.ml90 {margin-left: 9rem;}
.ml95 {margin-left: 9.5rem;}
.ml100 {margin-left: 10rem;}

.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: .5rem;}
.mr10 {margin-right: 1rem;}
.mr15 {margin-right: 1.5rem;}
.mr20 {margin-right: 2rem;}
.mr25 {margin-right: 2.5rem;}
.mr30 {margin-right: 3rem;}
.mr35 {margin-right: 3.5rem;}
.mr40 {margin-right: 4rem;}
.mr45 {margin-right: 4.5rem;}
.mr50 {margin-right: 5rem;}
.mr55 {margin-right: 5.5rem;}
.mr60 {margin-right: 6rem;}
.mr65 {margin-right: 6.5rem;}
.mr70 {margin-right: 7rem;}
.mr75 {margin-right: 7.5rem;}
.mr80 {margin-right: 8rem;}
.mr85 {margin-right: 8.5rem;}
.mr90 {margin-right: 9rem;}
.mr95 {margin-right: 9.5rem;}
.mr100 {margin-right: 10rem;}

/* Padding Custom */
.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: .5rem;}
.pt10 {padding-top: 1rem;}
.pt15 {padding-top: 1.5rem;}
.pt20 {padding-top: 2rem;}
.pt25 {padding-top: 2.5rem;}
.pt30 {padding-top: 3rem;}
.pt35 {padding-top: 3.5rem;}
.pt40 {padding-top: 4rem;}
.pt45 {padding-top: 4.5rem;}
.pt50 {padding-top: 5rem;}
.pt55 {padding-top: 5.5rem;}
.pt60 {padding-top: 6rem;}
.pt65 {padding-top: 6.5rem;}
.pt70 {padding-top: 7rem;}
.pt75 {padding-top: 7.5rem;}
.pt80 {padding-top: 8rem;}
.pt85 {padding-top: 8.5rem;}
.pt90 {padding-top: 9rem;}
.pt95 {padding-top: 9.5rem;}
.pt100 {padding-top: 10rem;}

.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: .5rem;}
.pb10 {padding-bottom: 1rem;}
.pb15 {padding-bottom: 1.5rem;}
.pb20 {padding-bottom: 2rem;}
.pb25 {padding-bottom: 2.5rem;}
.pb30 {padding-bottom: 3rem;}
.pb35 {padding-bottom: 3.5rem;}
.pb40 {padding-bottom: 4rem;}
.pb45 {padding-bottom: 4.5rem;}
.pb50 {padding-bottom: 5rem;}
.pb55 {padding-bottom: 5.5rem;}
.pb60 {padding-bottom: 6rem;}
.pb65 {padding-bottom: 6.5rem;}
.pb70 {padding-bottom: 7rem;}
.pb75 {padding-bottom: 7.5rem;}
.pb80 {padding-bottom: 8rem;}
.pb85 {padding-bottom: 8.5rem;}
.pb90 {padding-bottom: 9rem;}
.pb95 {padding-bottom: 9.5rem;}
.pb100 {padding-bottom: 10rem;}

.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: .5rem;}
.pl10 {padding-left: 1rem;}
.pl15 {padding-left: 1.5rem;}
.pl20 {padding-left: 2rem;}
.pl25 {padding-left: 2.5rem;}
.pl30 {padding-left: 3rem;}
.pl35 {padding-left: 3.5rem;}
.pl40 {padding-left: 4rem;}
.pl45 {padding-left: 4.5rem;}
.pl50 {padding-left: 5rem;}
.pl55 {padding-left: 5.5rem;}
.pl60 {padding-left: 6rem;}
.pl65 {padding-left: 6.5rem;}
.pl70 {padding-left: 7rem;}
.pl75 {padding-left: 7.5rem;}
.pl80 {padding-left: 8rem;}
.pl85 {padding-left: 8.5rem;}
.pl90 {padding-left: 9rem;}
.pl95 {padding-left: 9.5rem;}
.pl100 {padding-left: 10rem;}

.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: .5rem;}
.pr10 {padding-right: 1rem;}
.pr15 {padding-right: 1.5rem;}
.pr20 {padding-right: 2rem;}
.pr25 {padding-right: 2.5rem;}
.pr30 {padding-right: 3rem;}
.pr35 {padding-right: 3.5rem;}
.pr40 {padding-right: 4rem;}
.pr45 {padding-right: 4.5rem;}
.pr50 {padding-right: 5rem;}
.pr55 {padding-right: 5.5rem;}
.pr60 {padding-right: 6rem;}
.pr65 {padding-right: 6.5rem;}
.pr70 {padding-right: 7rem;}
.pr75 {padding-right: 7.5rem;}
.pr80 {padding-right: 8rem;}
.pr85 {padding-right: 8.5rem;}
.pr90 {padding-right: 9rem;}
.pr95 {padding-right: 9.5rem;}
.pr100 {padding-right: 10rem;}

.per5 {width: 5%;}
.per10 {width: 10%;}
.per15 {width: 15%;}
.per20 {width: 20%;}
.per25 {width: 25%;}
.per30 {width: 30%;}
.per35 {width: 35%;}
.per40 {width: 40%;}
.per45 {width: 45%;}
.per50 {width: 50%;}
.per55 {width: 55%;}
.per60 {width: 60%;}
.per65 {width: 65%;}
.per70 {width: 70%;}
.per75 {width: 75%;}
.per80 {width: 80%;}
.per85 {width: 85%;}
.per90 {width: 90%;}
.per95 {width: 95%;}
.per100 {width: 100%;}

/* 폰트 */
.sl {font-family: sl;}
.sm {font-family: sm;}
.sb {font-family: sb;}
.se {font-family: se;}
.seb {font-family: seb;}
.nt {font-family: nt;}
.nl {font-family: nl;}
.ndl {font-family: ndl;}
.nr {font-family: nr;}
.nm {font-family: nm;}
.nb {font-family: nb;}
.nbl {font-family: nbl;}

/* 폰트칼라 */
.red {color:#FF0054;}
.yellow {color:#ffcc00;}
.blue {color:#006CB0;}
.black {color:#000;}
.khakii {color:#677a42;}
.sky {color:#00b0ec;}
.green {color:#005128;}
.white {color:#FFF !important;}
.orange {color:#ff7e00;}
.gray {color:#888;}

.pColor1{color:#006fc6; }
.pColor2{color:#005b94; }
.pColor3{color:#ffa200; }
.pColor4{color:#8cc63e; }
.pColor5{color:#01a99c; }

/* 폰트두께 */
.light{font-family:'pl';}
.medium{font-family:'pm';}
.bold{font-family:'pb';}
.eBold{font-family:'peb';}
.italic{font-style:italic;}

/* 폰트크기 */
.small{font-size: 1.4rem;}
.normal{font-size:1.8rem;}
.semi{font-size:2.5rem;}
.middle{font-size:3.5rem;line-height:1.25; }
.big{font-size:4.5rem;line-height:1.25; }
.eBig{font-size:5.5rem;line-height:1.2; }
@media all and (max-width:768px) {
  .small{font-size:1.2rem;}
  .normal{font-size:1.6rem;}
  .semi{font-size:2.0rem;}
  .middle{font-size:2.5rem;}
  .big{font-size:3.0rem;line-height:1.1; }
  .eBig{font-size:3.5rem;line-height:1.1; }
}
.strike { text-decoration: line-through; }
.underline { text-decoration: underline; }


/* 정렬 */
.left{text-align:left !important;}.center{text-align:center !important;}.right{text-align:right !important;} .disf{display:flex;} .disfVc{display:flex; align-items:center;}

/* 단락구분라인 */
.para_1 { width:100%; height:.2rem; margin:3rem 0; background: rgb(154,35,49); background: linear-gradient(156deg, rgba(12, 77, 162, 1) 0%, rgba(226, 56, 63, 1) 100%);}
.para_2 { width:100%; height:.1rem; margin:3rem 0; background:#DDD; }
.para_3 { width:100%; height:.1rem; margin:1.5rem 0; background:#EEE; }

/* BG */
.bgW{background:#FFF !important; color:#333 !important;}
.bgG{background:#f7f7f7 !important; color:#333 !important;}
.bg1{background:#006fc6 !important; color:#fff !important;}
.bg2{background:#005b94 !important; color:#fff !important;}
.bg3{background:#ffa200 !important; color:#fff !important;}
.bg4{background:#8cc63e !important; color:#fff !important;}
.bg5{background:#01a99c !important; color:#fff !important;}

/* Heading */
.objHeading_h2, .objHeading_h3, .objHeading_h4, .objHeading_h5 {position:relative; display:flex; align-items:center; margin-bottom:2rem; }
.objHeading_h2{font-family:'sm'; font-size:3rem; color:#000; margin-top:3rem; line-height:1.2; }
.objHeading_h3{font-family:'sm'; font-size:2.6rem; color:#0f2f5b; margin-top:3.2rem; line-height:1.2; position:relative; padding-left:2rem; }
.objHeading_h3::before { content:""; position:absolute; left:0; top:.3rem; width:0.9rem; height:2.2rem; background:url("../../images/guide/ic-h2.png") no-repeat center; }
.objHeading_h4{font-family:'sl'; position:relative; margin-top:3.2rem; padding-left:1.8rem; background:none; font-size:2.2rem; color:#006fc6; }
.objHeading_h4::before { content:""; position:absolute; left:0; top:0.9rem; width:1rem; height:1rem; background:#006fc6; border-radius:50%; }
.objHeading_h5{position: relative; margin-top: 3.2rem; padding-left: 1.1rem; background: none; font-family: sl; font-size: 2rem; color: #009E96;}
.objHeading_h5::before { content: ''; position: absolute; left: 0; top: 0.5rem; width: 0.3rem; height: 1.6rem; background: #009e96; }
.objHeading_h2.noMargin, .objHeading_h3.noMargin, .objHeading_h4.noMargin, .objHeading_h5.noMargin {margin: 0;}
@media all and (max-width: 660px) {
  .objHeading_h2 {font-size: 2.8rem;}
  .objHeading_h3 {font-size: 2.4rem;}
  .objHeading_h4 {font-size: 2.2rem;}
  .objHeading_h5 {font-size: 2rem;}
}

/* 준비중 페이지 */
.alert-box{position:relative;background:linear-gradient(80deg, #fff 0%, #EBF1FF 36%);}
.alert-box .frame{display:flex;align-items:center;height:100%;min-height:58.2rem;padding:0 83rem 0 17.5rem;background:url(../../images/guide/bg-noti.png) no-repeat right 4rem center;border:0.6rem solid #DCE6F5;}
.alert-box.ready .frame{background:url(../../images/guide/bg-ready.png) no-repeat right 3rem center;}
.alert-box strong{position:relative;font-family:sm;font-size:3.6rem;color:#006FC6;}
.alert-box strong::before{content:'';position:absolute;width:6.8rem;height:6rem;left:-3.5rem;top:-4rem;background:url(../../images/guide/ic-qu1.png) no-repeat center;}
.alert-box strong::after{content:'';position:absolute;width:6.8rem;height:6rem;right:-5rem;top:-3rem;background:url(../../images/guide/ic-qu2.png) no-repeat center;}
.alert-box strong span{position:relative;z-index:1;}
.alert-box p{margin-bottom:7.5rem;margin-top:3rem;font-family:pr;font-size:1.8rem;color:#333;}

@media screen and (max-width:1400px) {
  .alert-box .frame {padding-left:8rem; padding-right: 65rem;}
}
@media screen and (max-width:1200px) {
  .alert-box .frame {background-size:contain; min-height:45rem; padding-right:55rem;}
  .alert-box.ready .frame {background-size:contain;}
  .alert-box strong {font-size:3rem;}
  .alert-box p {margin-bottom:3.5rem; margin-top:2rem;}
}
@media screen and (max-width:850px) {
  .alert-box { background: linear-gradient(to top, #fff 0%, #EBF1FF 40%); }
  .alert-box .frame { padding: 78.7% 4rem 4.7rem 4rem; background-position: top center !important; background-size: 100% !important; }
  .alert-box.ready .frame { background-position: top 2rem center !important; }
}
@media screen and (max-width:768px) {
  .alert-box .frame { padding: 85.7% 2rem 4.7rem 4rem; background-size: contain !important; }
  .alert-box strong::before, 
  .alert-box strong::after { width: 5rem; height: 4.4rem; background-size: cover; }
  .alert-box strong::before { left: -1.2rem; top: -2.8rem; }
  .alert-box strong::after { left: calc(100% - 1rem); top: -2rem; }
  .alert-box strong { display: inline-block; margin-right: 5rem; font-size: 2.8rem; }
  .alert-box p { margin-top: 3.5rem; margin-bottom: 4.5rem; font-size: 1.6rem; }
}


/* 가이드박스 */
.guideBox, .guideBox37 { display:flex; flex-flow:row wrap; align-items:stretch; }
.guideBox37.reverse { flex-direction:row-reverse; }
.guideBox > .item1 { flex:1 0 50%; }
.guideBox > .item2 { flex:1 0 50%; }
.guideBox37 > .item1 { flex:1 0 30%; }
.guideBox37 > .item2 { flex:1 0 70%; }
@media only screen and (max-width:1024px){
  .guideBox > .item1 { flex:1 0 100%; }
  .guideBox > .item2 { flex:1 0 100%; }
  .guideBox37 > .item1 { flex:1 0 100%; }
  .guideBox37 > .item2 { flex:1 0 100%; }
}

/* 강조 */
.highLight_1{background-image:linear-gradient(to bottom, transparent 60%, #ff95ab  0%); color:#222; }
.highLight_2{background-image:linear-gradient(to bottom, transparent 60%, #ffbc85  0%); color:#222; }
.highLight_3{background-image:linear-gradient(to bottom, transparent 60%, #ffd45f  0%); color:#222; }
.highLight_4{background-image:linear-gradient(to bottom, transparent 60%, #bdbdbd  0%); color:#222; }

/* 주의 */
.caution{ line-height:1.6; position:relative; padding-left:2.5rem; }
.caution:before{content:"※"; position:absolute; width:auto; height:auto; left:0; top:0; }
.caution_icon_1,.caution_icon_2,.caution_icon_3,.caution_icon_4,.caution_icon_5 { padding:1rem 0 1rem 3.2rem; position:relative; }
.caution_icon_1{color:#f36327;}
.caution_icon_2{color:#ff1b30;}
.caution_icon_3{color:#007e77;}
.caution_icon_4{color:#034ea2;}
.caution_icon_5{color:#222;}
.caution_icon_1::before,.caution_icon_2::before,.caution_icon_3::before,.caution_icon_4::before,.caution_icon_5::before{content:"";width:2.6rem;height:2.8rem;display:block;position:absolute;left:0;top:.9rem;}
.caution_icon_1::before{background:url("../../images/guide/ico-notice1.png") no-repeat center center;}
.caution_icon_2::before{background:url("../../images/guide/ico-notice2.png") no-repeat center center;}
.caution_icon_3::before{background:url("../../images/guide/ico-notice3.png") no-repeat center center;}
.caution_icon_4::before{background:url("../../images/guide/ico-notice4.png") no-repeat center center;}
.caution_icon_5::before{background:url("../../images/guide/ico-notice5.png") no-repeat center center;}

/* 테이블 */
.table_1 {position:relative;}
.table_1:after {content:'';position: absolute;right: 0;top:0; width:.1rem; height:100%; background:#fff;}
.table_1 table { position:relative;}
.table_1 table::before {content:'';position:absolute; bottom:0; left:0; width:100%; height:.1rem; background: #000;}
.table_1 table::after {content:'';position:absolute; top:0; left:0; width:100%; height:.1rem; background: #000;}
.table_1 thead th { padding: 1.6rem 1rem; background: #F5F7F9; color:#222; border-right:.1rem solid #dddee0; border-bottom:.1rem solid #dddee0; font-size:1.8rem; font-family:'psb'; line-height:1.5; text-align:center; }
.table_1 tbody th { padding:1.6rem 2rem; background: #fcfcfe; color:#333; border-right:.1rem solid #dddee0; border-bottom:.1rem solid #dddee0; font-family:'pm'; line-height:1.5; text-align:center; }
.table_1 tbody td { padding: 1.6rem 2rem; background:#fff; color:#666; border-right:.1rem solid #dddee0; border-bottom:.1rem solid #dddee0; font-family:'pr'; line-height:1.5; text-align:center; }
.table_1 tbody td.left{ padding-left: 2rem; text-align:left; }
.table_1 .bdrTopLine { display:block; border-top:.1rem solid #dddee0; margin-top:1rem; padding-top:1rem; }

.table_1 .left {text-align:left;}
.table_1 .center {text-align:center;}
.table_1 .right {text-align:right;}
.table_1.left table tbody td, .table_1.left table tbody th{ text-align:left; }
.table_1.right table tbody td, .table_1.right table tbody th{ text-align:right; }
.table_1 tfoot th{background:#034ea2;color:#fff;font-size:1.9rem; text-align:center !important;padding:1.5rem 1rem; }
.table_1 tfoot td{background:#faf9f6;color:#333;font-size:1.9rem; text-align:center; padding:2.5rem 1rem; }
.table_1.down-type tbody th{background: #f9f9f9; }
.table_1.down-type tbody td{padding: 1.2rem 3rem;}
.table_1 .table-title{font-size:2rem; line-height:1.2;}
.table_1.larger tbody th{padding:2rem 1rem;}
.table_1.larger tbody td{padding:3rem;}
.table_1.larger tbody td strong{color:#222; display:block;font-size: 1.9rem;}
.table_1.small thead th{padding:1.5rem 2.5rem;}
.table_1.small tbody td{padding:1.5rem 2.5rem;}
.table_1.small tbody th{padding:1.5rem 2.5rem;}
@media all and (max-width:860px) {
  .table_1 {overflow-x: hidden;}
  .table_1 table {width:100rem;}
  .table_1:after {content:''; position:absolute; right:0; top:0; width:100%; height:100%; background:url('../../images/guide/mobile-table-txt.png') no-repeat center center;}
  .table_1.on:after {display:none;}
  .table_1 thead th{font-size:1.7rem;}
  .table_1.noScroll{min-height:auto;}
  .table_1.noScroll table{width:100%;}
  .table_1.noScroll:after{display:none;}
}




/* 색상버튼 */
.btnB, .btnM, .btnS{color:#FFF !important; cursor:pointer; display:inline-block; position:relative; transition:0.3; padding:.8rem 1.2rem; font-family:'pm'; border-radius: .5rem; color:#033054; }
.btnB { font-size:1.6rem; }
.btnM { font-size:1.4rem; }
.btnS { font-size:1.2rem; }
.btnCw { background:#FFF; border:.1rem solid #033054; color:#033054 !important; }
.btnCg { background:#888; border:.1rem solid #888; }
.btnC1 { background:#006FC6; border:.1rem solid #006FC6; }
.btnC2 { background:#042E6F; border:.1rem solid #042E6F; }
.btnB.btnDown, .btnB.btnBlank, .btnB.btnSelf, .btnB.btnHome,
.btnM.btnDown, .btnM.btnBlank, .btnM.btnSelf, .btnM.btnHome { padding-right:5rem; }
.btnB.btnDown::after, .btnB.btnBlank::after, .btnB.btnSelf::after, .btnB.btnHome::after,
.btnM.btnDown::after, .btnM.btnBlank::after, .btnM.btnSelf::after, .btnM.btnHome::after { position:absolute; content:""; background-repeat:no-repeat; top:50%; transform:translateY(-50%); right:2rem; background-size:contain; }
.btnDown::after{background-image:url("../../images/guide/btn_down_w.png"); width:1.4rem; height:1.5rem;}
.btnBlank::after{background-image:url("../../images/guide/btn_blank_w.png"); width:1.4rem; height:1.5rem;}
.btnSelf::after{background-image:url("../../images/guide/btn_self_w.png"); width:1.8rem; height:1.0rem;}
.btnHome::after{background-image:url("../../images/guide/btn_home_w.png"); width:1.5rem; height:1.5rem;}
.btnB:hover, .btnM:hover, .btnS:hover{background:#222;border-color:#222;}
.btnCw:hover{color:#FFF !important;}
.btnCw::after{filter:invert(1) brightness(10);opacity:0.6;}
.btnCw:hover::after{filter:none;opacity:1;}

/* SNS 버튼 */
.btnSns { display:inline-block; position:relative; padding:.8rem 1.2rem; padding-right:6.5rem; border:.1rem solid #033054 !important; color:#033054 !important; font-size:1.6rem; font-family:'pm'; border-radius: .5rem; background-color:#fff; }
.btnSns::after { width:2.5rem; height:2.5rem; background-size:contain; background-position:center center; position:absolute; content:""; background-repeat:no-repeat; top:50%; transform:translateY(-50%); right:2rem; }
.btnSns:hover { background:#fff !important; color:#033054 !important; }
.btnSns.naverBlog::after{ background-image:url("../../images/guide/btn_icon_blog.png");}
.btnSns.facebook::after{ background-image:url("../../images/guide/btn_icon_facebook.png"); }
.btnSns.hwp::after{ background-image:url("../../images/guide/btn_icon_hwp.png"); }
.btnSns.instagram::after{ background-image:url("../../images/guide/btn_icon_insta.png"); }
.btnSns.kakaoStory::after{ background-image:url("../../images/guide/btn_icon_kakao.png"); }
.btnSns.youtube::after{ background-image:url("../../images/guide/btn_icon_yTube.png"); }
.btnSns.twitter::after{ background-image:url("../../images/guide/btn_icon_twitter.png"); }

/* 텍스트버튼 */
.btnT{color:#0c4da2 !important;border-bottom:.1rem solid #033054; color:#033054; margin-bottom:.5rem; display:inline-block;position:relative;transition:0.3; padding-right:3.5rem; }
.btnT::after {content:""; transition:0.3; position:absolute; top:50%; transform:translateY(-50%); right:.5rem; width:1.5rem; height:1.5rem; filter:invert(1) brightness(10);opacity:0.6; }
.btnT.tDown::after{background:url("../../images/guide/btn_down_w.png") no-repeat center center; background-size:contain; }
.btnT.tBlank::after{background:url("../../images/guide/btn_blank_w.png") no-repeat center center; background-size:contain; }
.btnT.tSelf::after{background:url("../../images/guide/btn_self_w.png") no-repeat center center; background-size:contain; }
.btnT:hover{color:#04794f !important;border-color:#04794f;}
.btnT:hover::after{filter: invert(26%) sepia(70%) saturate(1204%) hue-rotate(123deg) brightness(92%) contrast(96%);}

/* UL타입 */
.list_free > li > ul, .aList_1 > li > ul, .kList_1 > li > ul, .list_0 > li > ul, .list_1 > li > ul, .list_2 > li > ul, .list_3 > li > ul, .list_4 > li > ul, .list_5 > li > ul, .nList_1 > li > ul, .nList_2 > li > ul, .nList_3 > li > ul, .nList_4 > li > ul, .nList_1 > li > ul, .list_uLine > li > ul { padding-top:1rem; }

.list_0 > li > ul { padding-left:2rem; }

.list_free > li > ul > li > ul, .aList_1 > li > ul > li > ul, .kList_1 > li > ul > li > ul, .list_0 > li > ul > li > ul, .list_1 > li > ul > li > ul, .list_2 > li > ul > li > ul, .list_3 > li > ul > li > ul, .list_4 > li > ul > li > ul, .list_5 > li > ul > li > ul, .nList_1 > li > ul > li > ul, .nList_2 > li > ul > li > ul, .nList_3 > li > ul > li > ul, .nList_4 > li > ul > li > ul, .list_uLine > li > ul > li > ul { padding-top:1rem; }

.list_0 > li > ul > li > ul, .list_uLine > li > ul > li > ul { padding-left:2rem; }

.list_free > li, .list_0 > li, .list_1 > li, .list_2 > li, .list_3 > li, .list_4 > li, .list_5 > li, .kList_1 > li, .aList_1 > li, .nList_1 > li, .nList_2 > li, .nList_3 > li, .nList_4 > li{position:relative; margin-bottom:1rem;}

.list_free > li:last-child, .list_0 > li:last-child, .list_1 > li:last-child, .list_2 > li:last-child, .list_3 > li:last-child, .list_4 > li:last-child, .list_5 > li:last-child, .kList_1 > li:last-child, .aList_1 > li:last-child, .nList_1 > li:last-child, .nList_2 > li:last-child, .nList_3 > li:last-child, .nList_4 > li:last-child {padding-bottom:0;}

.list_free .item{position:absolute;left:0;}

.list_1 > li, .list_2 > li, .list_3 > li, .list_4 > li, .list_5 > li {padding-left:1.7rem;}
.nList_1 > li, .nList_2 > li, .nList_3> li,  .nList_4 > li {padding-left:3rem;}
.kList_1 > li {padding-left:3rem;}
.aList_1 > li {padding-left:2.5rem;}
.list_free > li {padding-left:3.5rem;}

.list_1 > li:before, .list_2 > li:before, .list_3 > li:before, .list_4 > li:before, .list_5 > li:before, .kList_1 > li:before, .aList_1 > li:before, .nList_1 > li:before, .nList_2 > li:before, .nList_3 > li:before, .nList_4 > li:before{ content:""; display:block; position:absolute; left:0; }
.list_1.white > li:before, .list_2.white > li:before, .list_3.white > li:before, .list_4.white > li:before, .list_5.white > li:before, .kList_1.white > li:before, .aList_1.white > li:before, .nList_1.white > li:before, .nList_2.white > li:before, .nList_3.white > li:before, .nList_4.white > li:before{ background:#fff; color:#fff; }

.list_1 > li:before{ top:1.1rem; width:.4rem; height:.4rem; border-radius:100%; background:#005b94;}
.list_2 > li:before{ top:1.2rem; width:.4rem; height:.4rem; background:#222;}
.list_3 > li:before{ top:1.3rem; width:.5rem; height:.2rem; background:#222;}
.list_4 > li:before{ top:1.2rem; border-bottom:.4rem solid #222; border-left:.3rem solid transparent;border-right:.3rem solid transparent; width:0; transform:rotate(90deg);}
.list_5 > li:before{ top:.9rem; width:.8rem; height:.8rem; border-radius:100%; border:.2rem solid #005b94; }
.kList_1 > li:before, .aList_1 > li:before, .nList_1 > li:before, .nList_2 > li:before, .nList_3 > li:before, .nList_4 > li:before{ top:0; font-family:'Dream Bold'; }
.list_uLine > li { border-bottom:0.1rem solid rgba(0,0,0,.21); padding:0.5rem 0; }

/*한글*/
.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."}

/* 숫자 */
.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_1 > li:nth-child(11):before{content:"11."}.nList_1 > li:nth-child(12):before{content:"12."}.nList_1 > li:nth-child(13):before{content:"13."}.nList_1 > li:nth-child(14):before{content:"14."}.nList_1 > li:nth-child(15):before{content:"15."}.nList_1 > li:nth-child(16):before{content:"16."}.nList_1 > li:nth-child(17):before{content:"17."}.nList_1 > li:nth-child(18):before{content:"18."}.nList_1 > li:nth-child(19):before{content:"19."}.nList_1 > li:nth-child(20):before{content:"20."}.nList_1 > li:nth-child(21):before{content:"21."}.nList_1 > li:nth-child(22):before{content:"22."}.nList_1 > li:nth-child(23):before{content:"23."}.nList_1 > li:nth-child(24):before{content:"24."}.nList_1 > li:nth-child(25):before{content:"25."}.nList_1 > li:nth-child(26):before{content:"26."}.nList_1 > li:nth-child(27):before{content:"27."}.nList_1 > li:nth-child(28):before{content:"28."}.nList_1 > li:nth-child(29):before{content:"29."}.nList_1 > li:nth-child(30):before{content:"30."}.nList_1 > li:nth-child(31):before{content:"31."}.nList_1 > li:nth-child(32):before{content:"32."}.nList_1 > li:nth-child(33):before{content:"33."}.nList_1 > li:nth-child(34):before{content:"34."}.nList_1 > li:nth-child(35):before{content:"35."}.nList_1 > li:nth-child(36):before{content:"36."}.nList_1 > li:nth-child(37):before{content:"37."}.nList_1 > li:nth-child(38):before{content:"38."}.nList_1 > li:nth-child(39):before{content:"39."}.nList_1 > li:nth-child(40):before{content:"40."}.nList_1 > li:nth-child(41):before{content:"41."}

.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)"}.nList_2 > li:nth-child(11):before{content:"11)"}.nList_2 > li:nth-child(12):before{content:"12)"}.nList_2 > li:nth-child(13):before{content:"13)"}.nList_2 > li:nth-child(14):before{content:"14)"}.nList_2 > li:nth-child(15):before{content:"15)"}

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

.nList_4 > li:nth-child(1):before{content:"Ⅰ."}.nList_4 > li:nth-child(2):before{content:"Ⅱ."}.nList_4 > li:nth-child(3):before{content:"Ⅲ."}.nList_4 > li:nth-child(4):before{content:"Ⅳ."}.nList_4 > li:nth-child(5):before{content:"Ⅴ."}.nList_4 > li:nth-child(6):before{content:"Ⅵ."}.nList_4 > li:nth-child(7):before{content:"Ⅶ."}.nList_4 > li:nth-child(8):before{content:"Ⅷ."}.nList_4 > li:nth-child(9):before{content:"Ⅸ."}.nList_4 > li:nth-child(10):before{content:"Ⅹ."}

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

/* 가로variable */
.list_icon.hListF, .list_0.hListF, .list_1.hListF, .list_2.hListF, .list_3.hListF, .list_4.hListF, .nList_1.hListF, .nList_2.hListF, .nList_3.hListF, .kList_1.hListF, .aList_1.hListF, .nList_4.hListF { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:1rem 3rem; }
.list_icon.hListF > li, .list_0.hListF > li, .list_1.hListF > li, .list_2.hListF > li, .list_3.hListF > li, .list_4.hListF > li, .nList_1.hListF > li, .nList_2.hListF > li, .nList_3.hListF > li, .kList_1.hListF > li, .aList_1.hListF > li, .nList_4.hListF > li { flex-basis:auto; }

/* hLineCont 수평으로 나열 */
.hLineCont { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; column-gap:1.5rem; }

/* 아이콘 */
.list_icon > li { position:relative; padding-left:2.8rem; }
.list_icon > li:not(:last-child) { margin-bottom:1rem; }
.list_icon > li::before { content:""; width:1.8rem; height:1.8rem; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.list_icon .tel::before { background:url("../../images/guide/sisul_phone_logo.png") no-repeat center center; background-size:contain; }
.list_icon .fax::before { background:url("../../images/guide/sisul_fax_logo.png") no-repeat center center; background-size:contain; }
.list_icon .loc::before { background:url("../../images/guide/sisul_place_logo.png") no-repeat center center; background-size:contain; }
.list_icon .email::before { background:url("../../images/guide/sisul_email_logo.png") no-repeat center center; background-size:contain; }
.list_icon .peo::before { background:url("../../images/guide/sisul_person_logo.png") no-repeat center center; background-size:contain; }
.list_icon .grad::before { background:url("../../images/guide/sisul_logo.png") no-repeat center center; background-size:contain; }
.list_icon .homepage::before { background:url("../../images/guide/sisul_homepage_logo.png") no-repeat center center; background-size:contain; }

/* 동영상 */
.video_1,
.video_2{height:50rem;}
.video_1 .wrap_item{height:100%;display:flex;justify-content:space-between;}
.video_1 .item_1{width:60%;}
.video_1 .item_2{width:40%; padding-left:5rem; overflow-y:auto; }
.video_1 h3{font-size:3rem; padding-bottom:2.5rem; margin-bottom:3rem; border-bottom:.1rem solid #DDD; line-height:1.25; color:#222; }

/* 유튜브 풀사이징 */
.youtube-fullsizing { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.youtube-fullsizing iframe, .youtube-fullsizing object, .youtube-fullsizing embed { position:absolute; top:0; left:0; width:100%; height:100%; }

/* DL 목록 */
.dlBox > li {}
.dlBox > li:not(:first-child) { padding-top:4rem; }
.dlBox > li:not(:last-child) { padding-bottom:4rem; border-bottom:.1rem solid #ddd; }
.dlBox > li > dl { display:flex; flex-wrap:wrap; align-items:stretch; }
.dlBox > li .dtTit { flex: 0 0 25rem; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.dlBox > li .ddCont { flex: 1 0 calc(100% - 25rem); display:flex; align-items:center; }
.dlBox > li .dtTit { font-size:2.4rem; color:#222; font-family:'pb'; text-align:center;}
.dlBox > li .dtTit .subTit { display:block; color:#555; font-size:1.5rem; margin-top:.5rem; }
@media only screen and (max-width:768px) {
  .dlBox > li .dtTit { flex-basis:100%; }
  .dlBox > li .ddCont { flex-basis:100%; }
}

/* DL type1 */
.dlBox.ty1 > li:not(:last-child) .dtTit { position:relative; }
.dlBox.ty1 > li:not(:last-child) .dtTit::after { content:""; position:absolute; width:100%; height:.2rem; background-color:#005b94; bottom:-4rem; left:0; }
.dlBox.ty1 .ddCont { padding-left:4rem; }
@media only screen and (max-width:768px) {
  .dlBox.ty1 > li:not(:last-child) .dtTit::after { display:none; }	
  .dlBox.ty1 .dtTit { padding-bottom:2.5rem; border-bottom:.2rem solid #005b94; }
  .dlBox.ty1 .ddCont { padding-left:0; padding-top:2.5rem; }
}

/* DL type2 */
.dlBox.ty2 .ddCont { border-left:.1rem solid #005b94; padding-left:4rem; }
@media only screen and (max-width:768px) {
  .dlBox.ty2 .dtTit { padding-bottom:2.5rem; }
}

/* DL type3 */
.dlBox.ty3 .dtTit { flex-basis:100%; align-items:flex-start; padding:0; }
.dlBox.ty3 .ddCont { flex-basis:100%; padding:0; padding-top:2rem; }
.dlBox.ty3 .dtTit::before { content:"● ● ●"; letter-spacing:.1rem; display:block; color:#005b94; font-size:1rem; margin-bottom:1rem; }

/* DL type4 */
.dlBox.ty4 .dtTit { flex:unset; }
.dlBox.ty4 .ddCont { flex:unset; padding-left:5rem; flex-direction:column; align-items:flex-start; }
.dlBox.ty4 .dtTit .sub { font-size: 1.6rem; font-family:'pb'; display: block; color: #2e2d29; }
.dlBox.ty4 .dtTit .tit { font-size: 4rem; font-family:'pb'; display: block; color: #2e2d29; }
.dlBox.ty4 .ddCont .sub { font-size: 1.6rem; font-family:'pb'; margin-bottom: 1rem; color: #2e2d29; position: relative; padding-left: 1.2rem; }	
.dlBox.ty4 .ddCont .sub::before { content: ""; background-color: #00aae5; width: .4rem; height: 70%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.dlBox.ty4 .ddCont .tit { font-size: 2.4rem; font-family:'pb'; margin-bottom: 2rem; color: #005b94; }
@media only screen and (max-width:768px) {
  .dlBox.ty4 > li > dl { flex-direction:column; }
  .dlBox.ty4 .dtTit { flex-direction:row; column-gap:1rem; justify-content:flex-start; padding-bottom:1rem; }
  .dlBox.ty4 .dtTit .sub { font-size: 1.8rem; }
  .dlBox.ty4 .dtTit .tit { font-size: 2.8rem; }
  .dlBox.ty4 .ddCont { padding-left:1rem; }
  .dlBox.ty4 .ddCont .tit { font-size: 2rem; margin-bottom: 1rem; }
}

/* DL type5 */
.dlBox.ty5 .dtTit { flex:0 0 10rem; justify-content:flex-start; }
.dlBox.ty5 .dtTit .subTit { font-size: 4rem; color: #2e2d29; font-family:'pb'; margin-top:0; }
.dlBox.ty5 .ddCont { margin-left:10rem; flex-direction:column; align-items:flex-start; }
.dlBox.ty5 .ddCont .contWrap { display:flex; }
.dlBox.ty5 .ddCont .contWrap:not(:first-child) { margin-top:2rem; }
.dlBox.ty5 .ddCont .contWrap .num { flex: 0 0 5rem; color:#005b94; font-family:'pb';}
.dlBox.ty5 .ddCont .contWrap .cont { flex: 1 0 calc(100% - 10rem); padding-left:5rem; }
@media only screen and (max-width:768px) {
  .dlBox.ty5 .dtTit { flex:0 0 100%; align-items:flex-start; }
  .dlBox.ty5 .ddCont { margin-left:0; padding-top:2rem; }
  .dlBox.ty5 .ddCont .contWrap .cont { padding-left:0; }
}

/* DL type6 */
.dlBox.ty6 .dtTit { flex: 0 0 36rem; position:relative; }
.dlBox.ty6 .ddCont { flex: 1 0 calc(100% - 41rem); margin-left:5rem; flex-direction:column; align-items:flex-start; }
.dlBox.ty6 .dtTit .thumb { padding-left:1.5rem; overflow:hidden; }
.dlBox.ty6 .dtTit .thumb img { transition:all ease .5s; }
.dlBox.ty6 .dtTit .tBox { position:absolute; left:0; bottom:2rem; z-index:1; background-color:#005b94; width:11rem; height:11rem; display:flex; flex-direction:column; justify-content:center; align-items:center; row-gap:.0; }
.dlBox.ty6 .dtTit .tBox .sub { font-size:1.6rem; font-family:'pb'; display:block; color:#fff; position:relative; }
.dlBox.ty6 .dtTit .tBox .tit { font-size:4.rem; font-family:'pb'; display:block; color:#fff; }
.dlBox.ty6 .ddCont .sub { font-size: 1.6rem; font-family:'pb'; margin-bottom: 1rem; color: #2e2d29; position: relative; padding-left: 1.2rem; }	
.dlBox.ty6 .ddCont .sub::before { content: ""; background-color: #00aae5; width: .4rem; height: 70%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.dlBox.ty6 .ddCont .tit { font-size: 2.4rem; font-family:'pb'; margin-bottom: 2rem; color: #005b94; }
@media only screen and (max-width:768px) {
  .dlBox.ty6 .dtTit { flex: 0 0 100%; }
  .dlBox.ty6 .ddCont { flex: 0 0 100%; margin-left:0; padding-top:2rem; }	
  .dlBox.ty6 .ddCont .tit { font-size: 2rem; margin-bottom: 1rem; }
}

/* DL type7 */
.dlBox.ty7 > li:not(:last-child) { border:none; }
.dlBox.ty7 > li > dl { border-top:.1rem solid #ddd; border-bottom:.1rem solid #ddd; }
.dlBox.ty7 .dtTit { background-color:#005b94; padding:2rem 1rem; border-top-left-radius:1rem; border-bottom-right-radius:1rem; }
.dlBox.ty7 .dtTit .tit { color:#fff; font-size:2rem; }
.dlBox.ty7 .dtTit .sub { color:#fff; font-size:1.4rem; }
.dlBox.ty7 .ddCont { padding-left:2rem; }

/* DL CARD */
.dl_card > li:not(:first-child) { margin-top:1rem; }
.dl_card > li > dl { display:flex; flex-flow:row wrap; row-gap:.5rem; }
.dl_card > li > dl > dt { flex:0 0 12rem; position:relative; padding-left:1.5rem; color:#333; font-family:'pb'; }
.dl_card > li > dl > dt::before { content:""; position:absolute; width:.5rem; height:.5rem; border-radius:100%; background:#005b94; top:1.1rem; left:0; }
.dl_card > li > dl > dd { flex:1 1 calc(100% - 17rem); padding-left:5rem; text-align:left; }
@media only screen and (max-width:768px) {
  .dl_card > li:not(:first-child) { margin-top:1.5rem; }
  .dl_card > li > dl > dt { flex-basis:100%; }
  .dl_card > li > dl > dd { flex-basis:100%; padding-left:2rem; }
}
.dl_card.flexable > li > dl > dt { flex:0 0 auto; }
.dl_card.flexable > li > dl > dd { flex:1 1 auto; padding-left:2rem; }

/* 싱글박스 */
/* sBox */
.sBox1 { padding:3.5rem; }
.sBox1.ty1 { border:.1rem solid #ddd; }
.sBox1.ty2 { border-top:.1rem solid #ddd; border-bottom:.1rem solid #ddd; }
.sBox1.ty3 { background:url("../../images/guide/box-bg-01.png"); padding:1rem; }
.sBox1.ty3 .contBox { background-color:#fff; padding:1.5rem; }

/* contBox */
.contBox > dl {}
.contBox.ty1 > dl, .contBox.ty2 > dl { padding:3rem; border:.1rem solid #ddd; }
.contBox.ty2 > dl { background-color:#f7f7f7; }
.contBox > dl > dt { font-size:2.5rem; color:#333; border-bottom:.1rem solid #d9d9d9; padding-bottom:2rem; margin-bottom:2rem; }

/* infoBox */
.infoBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; column-gap:5%; row-gap:1.5rem; border:.1rem solid #eee; padding:3rem 2rem; }
.infoBox > li { width:100%; flex: 0 0 30%; display:flex; align-items:center; column-gap:1.5rem; }
.infoBox > li.nLine { flex-basis:100%; }
.infoBox > li > div { display:flex; align-items:center; }
@media only screen and (max-width:768px) {
  .infoBox > li { flex-basis:100%; }
}

/* imgBox1(div2 ~ div5) */
.imgBox1 { display:grid; column-gap:2%; row-gap:3rem; }
.imgBox1.div2 { grid-template-columns: repeat(2, 1fr) }
.imgBox1.div3 { grid-template-columns: repeat(3, 1fr) }
.imgBox1.div4 { grid-template-columns: repeat(4, 1fr) }
.imgBox1.div5 { grid-template-columns: repeat(5, 1fr) }
.imgBox1.div6 { grid-template-columns: repeat(6, 1fr) }
@media only screen and (max-width:1280px){
  .imgBox1.div4 { grid-template-columns: repeat(3, 1fr) }
  .imgBox1.div5 { grid-template-columns: repeat(3, 1fr) }
  .imgBox1.div6 { grid-template-columns: repeat(3, 1fr) }
}
@media only screen and (max-width:1024px){
  .imgBox1.div3 { grid-template-columns: repeat(2, 1fr) }
  .imgBox1.div4 { grid-template-columns: repeat(2, 1fr) }
  .imgBox1.div5 { grid-template-columns: repeat(2, 1fr) }
  .imgBox1.div6 { grid-template-columns: repeat(2, 1fr) }
}
@media only screen and (max-width:768px){
  .imgBox1.div2 { grid-template-columns: repeat(1, 1fr) }
  .imgBox1.div3 { grid-template-columns: repeat(1, 1fr) }
  .imgBox1.div4 { grid-template-columns: repeat(1, 1fr) }
  .imgBox1.div5 { grid-template-columns: repeat(1, 1fr) }
  .imgBox1.div6 { grid-template-columns: repeat(1, 1fr) }
}
.imgBox1 > li { position:relative; }
.imgBox1 > li .photo { overflow:hidden; object-fit:contain; width:100%;  }
.imgBox1 > li .photo img { transition:all ease .5s; width:100%; }
.imgBox1 > li .photo img:hover { transform:scale(1.075); }

.imgBox1.ty1 > li { border:1px solid #dae0e0; padding:3rem; border-top-left-radius:2rem; border-bottom-right-radius:2rem; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); }
.imgBox1.ty1 > li .item { height:100%; display:flex; flex-direction:column; justify-content:space-between; align-items:center; }
.imgBox1.ty1 > li .imgTxt { padding-top:1rem; color:#666; }
.imgBox1.ty2 > li .photo img { filter: brightness(80%); }
.imgBox1.ty2 > li .photo:after { content:""; display:block; position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, .6); left:0; top:0; opacity:0; transition:.5s; }
.imgBox1.ty2 > li .photo:hover:after { opacity:1; }
.imgBox1.ty2 > li .item .imgTxt { color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:3.2rem; font-family:'pb'; }
.imgBox1.ty2 > li .item:hover .imgTxt { display:none; }
.imgBox1.ty2 > li .item .hover { display:none; color:#fff; }
.imgBox1.ty2 > li .item .hover a { color:#fff; }
.imgBox1.ty2 > li .item:hover .hover { display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2; text-align:center;}
.imgBox1.ty3 .item .imgTxt { padding:2rem; color:#fff; width:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; }

/* 더보기 */
.seeMore { display:inline-flex; align-items:center; position:relative; text-align:left; margin-top:3rem; }
.seeMore::before { font-size:0; text-indent:-99999px; align-items: center; border-radius: 50%; content: ""; display: inline-flex; flex-shrink: 0; height:4rem; justify-content: center; margin-right:1.2rem; transition: all .15s ease-in-out; width:4rem; }
.seeMore.self::before { background: #656f77 url("../../images/guide/btn-self-w-01.png") no-repeat center center; }
.seeMore.blank::before { background: #656f77 url("../../images/guide/btn-blank-w-01.png") no-repeat center center; background-size:40%; }
.seeMore.download::before { background: #656f77 url("../../images/guide/btn-down-w-01.png") no-repeat center center; }
.seeMore:hover::before { background-color:#000; }

/* imgBox2(div2 ~ div4) */
.imgBox2 { display:grid; column-gap:2%; row-gap:3rem; padding:0 1rem; }
.imgBox2.div2 { grid-template-columns: repeat(2, 1fr) }
.imgBox2.div3 { grid-template-columns: repeat(3, 1fr) }
.imgBox2.div4 { grid-template-columns: repeat(4, 1fr) }
.imgBox2.div5 { grid-template-columns: repeat(5, 1fr) }
.imgBox2.div6 { grid-template-columns: repeat(6, 1fr) }
@media only screen and (max-width:1280px){
  .imgBox2.div4 { grid-template-columns: repeat(3, 1fr) }
  .imgBox2.div5 { grid-template-columns: repeat(3, 1fr) }
  .imgBox2.div6 { grid-template-columns: repeat(3, 1fr) }
}
@media only screen and (max-width:1024px){
  .imgBox2.div3 { grid-template-columns: repeat(2, 1fr) }
  .imgBox2.div4 { grid-template-columns: repeat(2, 1fr) }
  .imgBox2.div5 { grid-template-columns: repeat(2, 1fr) }
  .imgBox2.div6 { grid-template-columns: repeat(2, 1fr) }
}
@media only screen and (max-width:768px){
  .imgBox2.div2 { grid-template-columns: repeat(1, 1fr) }
  .imgBox2.div3 { grid-template-columns: repeat(1, 1fr) }
  .imgBox2.div4 { grid-template-columns: repeat(1, 1fr) }
  .imgBox2.div5 { grid-template-columns: repeat(1, 1fr) }
  .imgBox2.div6 { grid-template-columns: repeat(1, 1fr) }
}

.imgBox2 > li .itemWrap .photo { overflow:hidden; width:100%; height:100%; }
.imgBox2 > li .itemWrap .photo img { transition:all ease .5s; width:100%; height:100%; object-fit:cover; }
.imgBox2 > li .itemWrap:hover .photo img { transform:scale(1.075); }
.imgBox2 > li .itemWrap:hover .cont .tit:after { transform: scaleX(1); } 
.imgBox2 > li .itemWrap:hover .seeMore:before { background-color:#000; }
.imgBox2 > li .itemWrap .cont .tit::after { display:block; content:''; border-bottom: solid .2rem #1e1e1e; transform: scaleX(0); transition: transform 250ms ease-in-out; transform-origin: 0% 50%; }

.imgBox2.ty1 > li { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); }
.imgBox2.ty1 > li .itemWrap .cont { padding:3rem 3rem; }
.imgBox2.ty1 > li .itemWrap .cont .tit { font-family:'sm'; font-size:3rem; color:#003B69; display:inline-block; text-transform:uppercase; }
.imgBox2.ty1 > li .itemWrap .cont .des { color:#555; margin-top:1.6rem; }
@media only screen and (max-width:1024px){
  .imgBox2.ty1 > li .itemWrap .cont .tit { font-size:2.2rem; }	
}

.imgBox2.ty2 > li:not(:last-child) { border-top:.1rem solid #eee; padding-top:3rem; }
.imgBox2.ty2 > li:last-child { border-top:.1rem solid #eee; padding:3rem 0; border-bottom:.1rem solid #eee; }
.imgBox2.ty2 > li .itemWrap { display:flex; flex-direction:row-reverse; flex-wrap:wrap; }
.imgBox2.ty2 > li .itemWrap .photo { flex: 0 0 25rem; }
.imgBox2.ty2 > li .itemWrap .cont { flex: 1 1 calc(100% - 30rem); margin-right:5rem; display:flex; column-gap:5%; }
.imgBox2.ty2 > li .itemWrap .cont .tit { flex: 1 0 20%; font-size:2.5rem; color:#003B69; font-family:'sm'; }
.imgBox2.ty2 > li .itemWrap .cont .des { flex: 1 0 75%; color:#666; }
@media only screen and (max-width:1280px){
  .imgBox2.ty2 > li .itemWrap .cont { flex-wrap:wrap; }
  .imgBox2.ty2 > li .itemWrap .cont .tit { flex-basis:100%; }
  .imgBox2.ty2 > li .itemWrap .cont .des { flex-basis:100%; }
}
@media only screen and (max-width:768px){
  .imgBox2.ty2 > li .itemWrap { row-gap:2rem; }
  .imgBox2.ty2 > li .itemWrap .photo { flex-basis:100%; }
  .imgBox2.ty2 > li .itemWrap .cont { flex-basis:100%; }
}

.imgBox2.ty3 > li {}
.imgBox2.ty3 > li:not(:last-child) { border-top:.1rem solid #eee; padding:3rem 3rem 0 3rem; }
.imgBox2.ty3 > li:last-child { border-top:.1rem solid #eee; border-bottom:.1rem solid #eee; padding:3rem 3rem; }
.imgBox2.ty3 > li .itemWrap { display:flex; flex-direction:row; flex-wrap:wrap; }
.imgBox2.ty3 > li .itemWrap .photo { flex: 0 0 40rem; overflow:hidden; }
.imgBox2.ty3 > li .itemWrap .cont { flex: 0 1 calc(100% - 40rem); padding-left:3rem; }
.imgBox2.ty3 > li .itemWrap .cont .tit { font-family:'sm'; font-size:3.2rem; display:inline-block; margin-bottom:1.5rem; color:#003B69; }
.imgBox2.ty3.reverse > li .itemWrap { display:flex; flex-direction:row-reverse; flex-wrap:wrap; }
.imgBox2.ty3.reverse > li .itemWrap .cont { padding-left:0; padding-right:3rem; }
@media only screen and (max-width:1024px){
  .imgBox2.ty3 > li .itemWrap { row-gap:2rem; }
  .imgBox2.ty3 > li .itemWrap .photo { flex-basis:100%; }
  .imgBox2.ty3 > li .itemWrap .cont { flex-basis:100%; padding-left:0; }
  .imgBox2.ty3.reverse > li .itemWrap .cont { padding-right:0; }
  .imgBox2.ty3 > li .itemWrap .cont .tit { font-size:2.2rem; }	
}

.imgBox2.ty4 > li { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); padding:3rem; }
.imgBox2.ty4 > li .itemWrap { display:flex; column-gap:5%; }
.imgBox2.ty4 > li .itemWrap .photo { flex-basis:35%; }
.imgBox2.ty4 > li .itemWrap .cont { flex-basis:65%; }
.imgBox2.ty4 > li .itemWrap .cont .tit { font-family:'sm'; font-size:2.5rem; color:#003B69; display:inline-block; }
.imgBox2.ty4 > li .itemWrap .cont .des { color:#555; }
@media only screen and (max-width:1024px){
  .imgBox2.ty4 > li .itemWrap .cont .tit { font-size:2rem; }	
}

/* 이미지 텍스트 */
.imgTxtWrap { line-height:1.8; }
.imgTxtWrap img { max-width:50rem; }
.imgTxtWrap img.imageL { float:left; padding:1rem 3rem 1rem 0; }
.imgTxtWrap img.imageR { float:right; padding:1rem 0 1rem 3rem; }
.imgTxtWrap .cont { word-break: break-all; }

/* 멀티박스 */
.mBox { display:grid; column-gap:2%; row-gap:5rem; padding:0 1rem; }
.mBox.div2 { grid-template-columns: repeat(2, 1fr) }
.mBox.div3 { grid-template-columns: repeat(3, 1fr) }
.mBox.div4 { grid-template-columns: repeat(4, 1fr) }
.mBox.div5 { grid-template-columns: repeat(5, 1fr) }
.mBox.div6 { grid-template-columns: repeat(6, 1fr) }
@media only screen and (max-width:1280px){
  .mBox.div4, 
  .mBox.div5, 
  .mBox.div6 { grid-template-columns: repeat(4, 1fr) }
}
@media only screen and (max-width:1024px){
  .mBox.div3,
  .mBox.div4,
  .mBox.div5,
  .mBox.div6 { grid-template-columns: repeat(2, 1fr) }
}
@media only screen and (max-width:768px){
  .mBox.div2, 
  .mBox.div3, 
  .mBox.div4, 
  .mBox.div5,  
  .mBox.div6 { grid-template-columns: repeat(1, 1fr) }
}
.mBox > li { box-sizing:border-box; }
.mBox .itemWrap { width:100%; height:100%; box-sizing:border-box; border:.1rem solid #ddd; padding:3rem 7rem 3rem 3rem; text-align:center; }
.mBox.bdrNone .itemWrap { border:none !important; }
.mBox .itemWrap .cont { color:#666; }
.mBox.radius > li > .itemWrap { border-radius:2rem; }
.mBox.halfRadius > li > .itemWrap { border-top-left-radius:2rem; border-bottom-right-radius:2rem; }

.mBox.link .itemWrap { padding:1.5rem; }
.mBox.link .itemWrap:hover { background: url("../../images/guide/pattern_3.png") no-repeat center; border-color: #e2e2e2; transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); }
.mBox.link a { display:block; text-align:left; position:relative;  }
.mBox.link a::after { content:""; position:absolute; font-size:0; text-indent:-9999rem; width:1.5rem; height:1.5rem; top:50%; right:0; transform:translateY(-50%); background-size:contain; background-repeat:no-repeat; }
.mBox.link a.blank::after { content:"새창열기"; background-image:url("../../images/guide/btn_blank_b_01.png");}
.mBox.link a.self::after { content:"다운로드"; background-image:url("../../images/guide/btn_self_b_01.png");}
.mBox.link a.down::after { content:"본창열기"; background-image:url("../../images/guide/btn_down_b_01.png");}
.mBox.link a.home::after { content:"홈이동"; background-image:url("../../images/guide/btn_home_b_01.png");}

.mBox.icon .itemWrap .iconWrap { display:flex; align-items:center; justify-content:flex-start; flex-direction:row; border-bottom:0.1rem solid #dae0e0; padding-bottom:1rem; margin-bottom:1.5rem; }
.mBox.icon .itemWrap .iconWrap .tit { font-size:2.4rem; color:#006fc6; text-align:left; padding-left:2rem; font-family:'pb'; }
.mBox.icon .itemWrap .cont { text-align:left; }

.mBox.ty1 .itemWrap .tit { font-size:2.4rem; color:#006fc6; text-align:left; position:relative; padding-left:2.3rem; font-family:'pb'; border-bottom:0.1rem solid #dae0e0; padding-bottom:1rem; margin-bottom:1.5rem; }
.mBox.ty1 .itemWrap .tit::before { content:""; position:absolute; width:1rem; height:1rem; border-radius:100%; background:#006fc6; left:0; top:1.3rem; }
.mBox.ty1 .itemWrap .cont { text-align:left; }

.mBox.ty2 .itemWrap { border:0.1rem solid rgba(0, 0, 0, 0.1); background:#f8f8f8; border-radius:1rem; padding:3rem; display:flex; align-items:center; }
.mBox.ty2 .itemWrap .tit { color:#006fc6; font-family:'pb'; font-size:2.7rem; padding-right:2rem; flex-shrink:0; position:relative; }
.mBox.ty2 .itemWrap .tit::after { content:""; position:absolute; top:50%; right:0; width:0.1rem; height:2rem; background:rgba(0, 0, 0, 0.25); transform:rotate(30deg) translateY(-50%); }
.mBox.ty2 .itemWrap .cont { padding-left:2.5rem; }

.mBox.ty3 .itemWrap { border:0.1rem solid rgba(0, 0, 0, 0.1); border-radius:1rem; padding:3rem; }
.mBox.ty3 .itemWrap .tit { color:#006fc6; font-family:'pb'; font-size:1.7rem; }
.mBox.ty3 .itemWrap .cont { font-size:2.4rem; }

.mBox.ty4 .itemWrap { border:0.1rem solid rgba(0, 0, 0, 0.1); border-radius:1rem; padding:3rem; }
.mBox.ty4 .itemWrap .tit { font-family:'pb'; font-size:2rem; }
.mBox.ty4 .itemWrap .cont { border-top:0.1rem solid #ddd; margin-top:1.7rem; padding-top:2rem; text-align:left; }

.mBox.ty5 > li { position:relative; }
.mBox.ty5 > li::before {content:""; position:absolute; width:100%; height:100%; top:1rem; right:-1rem; background:#ccc; }
.mBox.ty5 > li.bg1::before { background:#006fc6; }
.mBox.ty5 > li.bg2::before { background:#005b94; }
.mBox.ty5 > li.bg3::before { background:#ffa200; }
.mBox.ty5 > li.bg4::before { background:#8cc63e; }
.mBox.ty5 > li.bg5::before { background:#01a99c; }
.mBox.ty5 .itemWrap { padding:3rem; background:#f7f6f5; border:none; position:relative; text-align:left; }
.mBox.ty5 .itemWrap .tit { font-size:2.4rem; color:#222; position:relative; font-family:'pb'; border-bottom:0.1rem solid #dae0e0; padding-bottom:1rem; margin-bottom:1.5rem; }

.mBox.ty6 .itemWrap { position:relative; }
.mBox.ty6 .itemWrap .num { position:absolute; top:-1.5rem; left:50%; transform:translateX(-50%); background:#fff; color:#005b94; font-size:1.6rem; font-family:'pb'; padding:0 2rem; }
.mBox.ty6 .itemWrap .num::before { content:"“"; font-size:3rem; position:absolute; top:-0.2rem; left:0.1rem; }
.mBox.ty6 .itemWrap .num::after { content:"”"; font-size:3rem; position:absolute; top:-0.2rem; right:0.1rem; }
.mBox.ty6 .itemWrap .tit { text-align:left; font-size:2.4rem; color:#005b94; border-bottom:.1rem solid #005b94; padding-bottom:1rem; }
.mBox.ty6 .itemWrap .cont { text-align:left; padding-top:1rem; }

.mBox.ty7 .itemWrap { position:relative; border:none; border-top:.2rem solid #005b94; border-bottom:.1rem solid #005b94; }
.mBox.ty7 .itemWrap .num { position:absolute; top:10%; right:4%; background:#005b94; color:#fff; font-size:1.6rem; font-family:'pb'; padding:1rem 1.5rem; box-shadow:5px 5px 0 1px #dbe0ea; }
.mBox.ty7 .itemWrap .tit { text-align:left; font-size:2.4rem; color:#005b94; font-family:'pb'; }
.mBox.ty7 .itemWrap .cont { text-align:left; padding-top:2rem; }

.mBox.ty8 .itemWrap { display:flex; flex-flow:row wrap; column-gap:5%; border-radius:1rem; }
.mBox.ty8 .itemWrap .tit { flex: 0 0 10%; display:flex; justify-content:center; align-items:center; color:rgba(217, 217, 217, 0.65); font-size:6rem; font-family:'pb'; }
.mBox.ty8 .itemWrap .cont { flex: 1 0 85%; text-align:left;}
.mBox.ty8 .itemWrap .cont .subTit { font-size:2.4rem; color:#005b94; font-family:'pb'; }

/* rBox */
.rBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; column-gap:2%; row-gap:2rem; }
.rBox > li > div { position:relative; padding:1rem; border:.1rem solid #afafaf; }
.rBox.radius > li > div { border-radius:1rem; }
.rBox.hashTag > li > div::before { content:"#"; display:inline-block; padding-right:.5rem; }
.rBox > li > div > a { display:block; margin-right:3rem; }

/* dBox */
.dBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border:.5rem solid #f6f6f6; position:relative; padding:3rem 0; }
/*.dBox::after { content:""; position:absolute; width:0.1rem; height:70%; background:#333; top:50%; left:50%; transform:translate(-50%, -50%); }*/
.dBox .itemWrap { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; flex:0 0 50%; }
.dBox .itemWrap:nth-child(n+3) { padding-top:2rem; }
.dBox .itemWrap .txt { margin-left:2rem; position:relative; padding-left:1.5rem; }
.dBox .itemWrap .txt::before { content:""; position:absolute; width:.5rem; height:.5rem; background:#333; border-radius:50%; left:0; top:50%; transform:translateY(-50%); }
.dBox .itemWrap .btn { padding-right:3rem; }
.dBox .itemWrap:nth-child(even) { border-left:.1rem dashed #ddd; }
@media only screen and (max-width:1024px){
  .dBox .itemWrap { flex:0 0 100%; }
  .dBox .itemWrap:nth-child(n+2) { padding-top:2rem; }
}

/* 동그라미 박스 */
.circleBox { display:grid; grid-template-columns: repeat(1, 1fr); row-gap:8rem; padding:0 1rem; }
.circleBox.div2 { grid-template-columns: repeat(2, 1fr); column-gap:10%; }
.circleBox.div3 { grid-template-columns: repeat(3, 1fr); column-gap:9%; }
.circleBox.div4 { grid-template-columns: repeat(4, 1fr); column-gap:7%; }
.circleBox.div5 { grid-template-columns: repeat(5, 1fr); column-gap:5%; }
.circleBox.ty_1 > li { display:flex; flex-direction:column; align-items:center; }
.circleBox.ty_1 > li .circle { position:relative; border:.1rem solid #cfcfcf; width:100%; display:flex; justify-content:center; align-items:center; border-radius:100%; box-shadow:0 0 1rem 0 rgba(0, 0, 0, 0.16); }
.circleBox.ty_1 > li .circle:after { display: block; content: ""; padding-bottom: 100%; }
.circleBox.ty_1 > li .circle > img { position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); }
.circleBox.ty_1 > li .tit { padding-top:2rem; text-align:center; }
.circleBox.ty_1 > li .tit .tit01 { display:block; font-size:2.4rem; font-weight:bold; color:#333; }
.circleBox.ty_1 > li .tit .tit02 { display:block; font-size:1.8rem; padding-top:.5rem; color:#666; }
.circleBox.ty_1 > li .cont { padding-top:2rem; text-align:center; }
@media only screen and (max-width:1200px){
  .circleBox.div4 { grid-template-columns: repeat(3, 1fr); }
  .circleBox.div5 { grid-template-columns: repeat(3, 1fr); }
  .circleBox.ty_1 > li .tit .tit01 { font-size:2rem; }
  .circleBox.ty_1 > li .tit .tit02 { font-size:1.6rem; }
}
@media only screen and (max-width:768px){
  .circleBox.div3 { grid-template-columns: repeat(2, 1fr); }
  .circleBox.div4 { grid-template-columns: repeat(2, 1fr); }
  .circleBox.div5 { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width:500px){
  .circleBox.div2 { grid-template-columns: repeat(1, 1fr); }
  .circleBox.div3 { grid-template-columns: repeat(1, 1fr); }
  .circleBox.div4 { grid-template-columns: repeat(1, 1fr); }
  .circleBox.div5 { grid-template-columns: repeat(1, 1fr); }
}

/* 화살표박스 */
.arrBox1 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; row-gap:2.5rem; }
.arrBox1 > li { position:relative; display:flex; align-items:center; }
.arrBox1 > li:not(:last-child)::after { content:"다음"; font-size:0; text-indent:-9999rem; display:inline-block; width:2.2rem; height:1.9rem; background:url("../../images/guide/ico-arrow-01.png") no-repeat center center; padding:0 3rem; }
.arrBox1.reverse > li:not(:last-child)::after { transform:rotate(180deg); }
.arrBox1 > li .contWrap { border:.1rem solid #ddd; padding:1.5rem 2rem; border-radius:1rem; height:100%; }
.arrBox1 > li .contWrap .cont { height:100%; }

.arrBox2 { display:grid; row-gap:2.5rem; column-gap:5.2rem; }
.arrBox2.div6 { grid-template-columns:repeat(6, 1fr); }
.arrBox2.div5 { grid-template-columns:repeat(5, 1fr); }
.arrBox2.div4 { grid-template-columns:repeat(4, 1fr); }
.arrBox2.div3 { grid-template-columns:repeat(3, 1fr); }
.arrBox2.div2 { grid-template-columns:repeat(2, 1fr); }
@media only screen and (max-width:1280px){
  .arrBox2.div4, 
  .arrBox2.div5, 
  .arrBox2.div6 { grid-template-columns: repeat(4, 1fr) }
}
@media only screen and (max-width:1024px){
  .arrBox2.div3,
  .arrBox2.div4,
  .arrBox2.div5,
  .arrBox2.div6 { grid-template-columns: repeat(2, 1fr) }
}
@media only screen and (max-width:768px){
  .arrBox2 { row-gap:6rem; column-gap:0; }
  .arrBox2.div2, 
  .arrBox2.div3, 
  .arrBox2.div4, 
  .arrBox2.div5,  
  .arrBox2.div6 { grid-template-columns: repeat(1, 1fr) }  	
}
.arrBox2 > li { position:relative; }
.arrBox2 > li:not(:last-child)::after { content:"다음"; position:absolute; font-size:0; text-indent:-9999rem; width:2.2rem; height:1.9rem; background:url("../../images/guide/ico-arrow-01.png") no-repeat center center; top:50%; transform:translateY(-50%); right:-3.7rem; }
.arrBox2 > li .contWrap { padding:1.5rem 2rem; border-radius:1rem; border:.1rem solid #ddd; text-align:center; height:100%; }
.arrBox2.reverse > li:not(:last-child)::after { transform:translateY(-50%) rotate(180deg); }
.arrBox2 > li .contWrap > dl { height:100%; }
.arrBox2 > li .contWrap .cont { height:100%; }
@media only screen and (max-width:768px){
  .arrBox2 > li:not(:last-child)::after { right:unset; top:unset; transform:translateY(0); left:50%; transform:translateX(-50%) rotate(90deg); bottom:-4rem; }
  .arrBox2.reverse > li:not(:last-child)::after { transform:translateX(-50%) rotate(-90deg); }
}

.arrBox .contWrap > dl { display:flex; flex-direction:column; }
.arrBox .contWrap > dl .tit { font-size:2rem; font-family:'pb'; color:#333; text-align:center; padding-bottom:1rem; }
.arrBox .contWrap > dl .cont { text-align:left; color:#666; }
.arrBox.ty1 .contWrap > dl > .tit { border-bottom:.1rem solid #ddd; margin-bottom:2rem; }
.arrBox.ty2 .contWrap { border:.1rem solid #005b94; border-radius:1rem; box-shadow:.2rem .2rem .5rem #005b94; }
.arrBox.ty2 .contWrap > dl { border:.1rem dashed #005b94; border-radius:1rem; padding:1.5rem 2rem; height:100%; }
.arrBox.ty3 .contWrap { border:none; padding:0; }
.arrBox.ty3 .contWrap > dl > .tit { background-color:#005b94; color:#fff; border-top-left-radius:1rem; border-bottom-right-radius:1rem; padding:1rem 0; margin-bottom:.5rem; }
.arrBox.ty3 .contWrap > dl > .cont { border:.1rem solid #005b94; padding:1.5rem; }

.arrBox3 { display:flex; flex-direction:column; row-gap:5rem; }
.arrBox3 .contWrap > dl { display:flex; flex-direction:row; }
.arrBox3 .contWrap .tit { flex:0 0 20rem; padding:2.5rem; background-color:#005b94; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; border-top-left-radius:1rem; border-bottom-right-radius:1rem; position:relative; }
.arrBox3 > li:not(:last-child) .contWrap .tit::after { content:"다음"; font-size:0; text-indent:-9999rem; position:absolute; width:2.2rem; height:1.9rem; background:url("../../images/guide/ico-arrow-01.png") no-repeat center center; left:50%; transform:translateX(-50%) rotate(90deg); bottom:-3.5rem; }
.arrBox3.reverse > li:not(:last-child) .contWrap .tit::after { transform:translateX(-50%) rotate(-90deg); }
.arrBox3 .contWrap .tit .subTit { font-size:1.4rem; font-family:'plb'; display:block; }
.arrBox3 .contWrap .cont { flex: 1 0 calc(100% - 20rem); padding:2.5rem 2rem 2.5rem 2rem; color:#666; border-top:.1rem solid #ddd; border-bottom:.1rem solid #ddd; }


/* 텍스트박스 */
.dlTxt { display:flex; flex-flow:row wrap; box-sizing:border-box; row-gap:3rem; }
.dlTxt.ty1 .contL { flex:0 0 45%; width:100%; padding-right:5%; border-right:0.1rem solid #222; }
.dlTxt.ty1 .contR { flex:0 0 45%; width:100%; padding-left:5%; }
.dlTxt.ty2 .contL { flex:0 0 30%; width:100%; font-size:4rem; padding-right:3rem; }
.dlTxt.ty2 .contR { flex:0 0 70%; width:100%; color:#666; padding-left:3rem; }
@media only screen and (max-width:1024px){
  .dlTxt.ty1 .contL { flex:0 0 100%; padding-right:0; padding:0 3rem; }
  .dlTxt.ty1 .contR { flex:0 0 100%; padding-left:0; padding:0 3rem; }
}
@media only screen and (max-width:768px){
  .dlTxt.ty2 .contL { flex:0 0 100%; padding-right:0; padding:0 3rem; }
  .dlTxt.ty2 .contR { flex:0 0 100%; padding-left:0; padding:0 3rem; }
}

/* 인사말 */
.introBox.ty1 { display:flex; column-gap:3%; row-gap:3rem; flex-wrap:wrap; padding-bottom:4rem; border-bottom: .2rem solid transparent; border-image: linear-gradient(to right, #00aae5 0%, #005b94 100%); border-image-slice:1; }
.introBox.ty1 .photoWrap { flex-basis:40%; }
.introBox.ty1 .contWrap { flex-basis:57%; padding-top:1rem; color:#666; }
@media only screen and (max-width:1024px){
  .introBox.ty1 .photoWrap { flex-basis:100%; text-align:center;}
  .introBox.ty1 .contWrap { flex-basis:100%; }
}


/* 학과소개 */
.wrap_departIntro{display:flex;}
.wrap_departIntro .item_1{width:45%;}
.wrap_departIntro .item_1 img{object-fit:cover;object-position:center;width:100%;height:100%;}
.wrap_departIntro .item_2{width:55%;padding:10rem 6rem;background:url(/sites/template_guide/images/common/pattern_bg_1.png) no-repeat center bottom;background-size:cover;}
.wrap_departIntro .item_2 h3{font-size:6rem;font-family:'sm';color:#FFF;line-height:1;}
.wrap_departIntro .item_2 .txt_1{font-size:3rem;font-family:'sm';color:#FFF;line-height:1.2;margin-top:5rem;}
.wrap_departIntro .item_2 .txt_2{font-size:2rem;font-family:'sl';color:#EEE;margin-top:3rem;}
@media only screen and (max-width:1280px){
  .wrap_departIntro .item_2{padding:8rem 5rem;}
  .wrap_departIntro .item_2 h3{font-size:4.5rem;}
  .wrap_departIntro .item_2 .txt_1{font-size:2.5rem;}
  .wrap_departIntro .item_2 .txt_2{font-size:1.8rem;}
}
@media only screen and (max-width:768px){
  .wrap_departIntro{flex-wrap:wrap;}
  .wrap_departIntro .item_1{width:100%;height:25rem;}
  .wrap_departIntro .item_2{width:100%;}
  .wrap_departIntro .item_2{padding:6rem 3rem;}
  .wrap_departIntro .item_2 h3{font-size:3rem;}
  .wrap_departIntro .item_2 .txt_1{font-size:2rem;}
  .wrap_departIntro .item_2 .txt_2{font-size:1.6rem;}
}


/* 주요 전공과목 */
.wrap_mainMajor{display:flex;background:url(/sites/template_guide/images/common/pattern_bg_2.png) no-repeat right top;}
.wrap_mainMajor .item_1{width:35%;padding-right:10rem;}
.wrap_mainMajor .item_1 h3{font-size:4rem;font-family:'sm';color:#000;line-height:1.2;}
.wrap_mainMajor .item_1 h3 strong{font-size:2.5rem;display:block;}
.wrap_mainMajor .item_1 h3 strong::after{width:4rem;height:5px;margin:3rem 0;background:#000;content:"";display:block;}
.wrap_mainMajor .item_2{width:45%;padding:9rem 0 10rem 0;}
.wrap_mainMajor .item_2 ul{display:flex;flex-wrap:wrap;}
.wrap_mainMajor .item_2 ul li{margin:0 2rem 2rem 0;}
.wrap_mainMajor .item_2 ul li span{font-size:2rem;font-family:'sl';color:#444;line-height:1.2;padding:1.5rem 3rem 1rem 3rem;border:2px solid #444;border-radius:30px;background:rgba(255,255,255,0.5);display:block;}
@media only screen and (max-width:1024px){
  .wrap_mainMajor{flex-wrap:wrap;background-size:60%;background-position:right -1rem;}
  .wrap_mainMajor .item_1{width:100%;padding-right:0;}
  .wrap_mainMajor .item_1 h3{font-size:2.5rem;}
  .wrap_mainMajor .item_1 h3 strong{font-size:1.6rem;}
  .wrap_mainMajor .item_1 h3 strong::after{width:3rem;height:3px;margin:2rem 0;}
  .wrap_mainMajor .item_2{width:100%;padding:5rem 0;}
  .wrap_mainMajor .item_2 ul li{margin:0 1.5rem 1.5rem 0;}
  .wrap_mainMajor .item_2 ul li span{font-size:1.6rem;padding:1rem 2rem 0.5rem 2rem;}
}


/* [S] wrap-banner-box */
.wrap-banner-box1 {position:relative; padding:3.5rem 10.5rem 4rem 2.5rem; background:#F7F7F7; border-top:0.2rem solid #00508F;}
.wrap-banner-box1 .frame {display:flex;}
.wrap-banner-box1 .img-box {position:relative; margin-right:3rem; flex:0 0 10rem; flex-shrink:0;}
.wrap-banner-box1 .img-box img {position:relative; z-index:1;}
.wrap-banner-box1 .img-box::before {content:''; position:absolute; left:0; top:2.8rem; width:3rem; height:3rem; background:#00508F; border-radius:50%; opacity:0.15;}
.wrap-banner-box1 .img-box::after {content:''; position:absolute; right:0; top:0; width:5.8rem; height:5.8rem; background:#00BAFF; border-radius:50%; opacity:0.15;}
.wrap-banner-box1 .text-box { flex-grow:1; }
.wrap-banner-box1 .text-box strong {font-family:sm; font-size:2.2rem; color:#111; }
.wrap-banner-box1 .text-box p {margin-top:0.5rem; padding:0; font-family:pr; font-size:1.8rem; line-height:3rem; color:#444;}

.wrap-banner-box2 {padding:0.3rem; background:url("/sites/guide/images/guide/bg-pattern.png") repeat; background-color:#F5F8FB; border-radius: 1rem;}
.wrap-banner-box2 .frame {padding:3.5rem 3.8rem 4rem 3.8rem; background:#F5F8FB;}
.wrap-banner-box2 strong {font-family:sm; font-size:2.2rem; color:#003B69;}
.wrap-banner-box2 p {margin-top:0.5rem; font-family:pr; font-size:1.8rem; color:#444; line-height:3rem;}

@media screen and (max-width:768px) {
  .wrap-banner-box1 {padding-right:2.5rem;}
  .wrap-banner-box1 .frame {flex-direction:column;}
  .wrap-banner-box1 .text-box {margin-top:2rem;}
  .wrap-banner-box1 .text-box strong {font-size:2rem;}
  .wrap-banner-box1 .text-box p {font-size:1.6rem; line-height:1.5;}

  .wrap-banner-box2 .frame {padding:3.5rem 2.5rem 4rem 2.5rem;}
  .wrap-banner-box2 strong {font-size:2rem;}
  .wrap-banner-box2 p {font-size:1.6rem; line-height:1.5;}
}
/* [E] wrap-banner-box */


/*[S] wrap-img-banner11 */
.wrap-img-banner11 {position: relative;padding: 4.5rem 0 0;margin-bottom: 7rem;}
.wrap-img-banner11::before {content: '';position: absolute;left: 0;top: 0;width: 39.3%;height: 60rem;background: #00508f url(../../images/guide/img-banner11-deco3.png) no-repeat left top / 22.3rem;border-radius: 0 6rem 0 0;}
.wrap-img-banner11 .frame {position: relative;display: flex;justify-content: space-between;width: 100%;max-width: 150rem;margin: 0 auto;gap: 6rem;}
.wrap-img-banner11 .banner-image {width: 73rem;}
.wrap-img-banner11 .banner-image .img-box {position: relative;min-width: 43rem;}
.wrap-img-banner11 .banner-image .img-box img {width: 100%;border-radius: 20rem 0 0 0;}
.wrap-img-banner11 .banner-image .bottom {position: relative;display: flex;justify-content: space-between;align-items: center;;padding: 2.9rem 2.5rem;background: #f5f5f5;}
.wrap-img-banner11 .banner-image .bottom > div {margin-right: 2rem;}
.wrap-img-banner11 .banner-image .bottom strong {position: relative;margin-right: .9rem;padding: 0 1.3rem 0 3.5rem;font-size: 2rem;color: #00a5e3;font-family: sm;}
.wrap-img-banner11 .banner-image .bottom strong::before {content: "";position: absolute;left: 0;top: -.4rem;width: 2.6rem;height: 2.6rem;background: url(../../images/guide/ic-banner11-cal.png) no-repeat center / contain;}
.wrap-img-banner11 .banner-image .bottom strong::after {content: "";position: absolute;right: 0;top: .2rem;height: 1.5rem;width: 2px;background: #c0c0c0;}
.wrap-img-banner11 .banner-image .bottom span {font-size: 2rem;color: #444;font-family: pr;}

.wrap-img-banner11 .banner-content {width: 76.5rem;padding-top: 2.2rem;}
.wrap-img-banner11 .banner-content .sub-tit {margin-bottom: .5rem;font-size: 3.2rem;color: #006fc6;font-family: sl;line-height: 1.25;}
.wrap-img-banner11 .banner-content .tit {position: relative;display: block;padding-bottom: 1.7rem;margin-bottom: 2rem;font-size: 6rem;color: #111;font-family: sm;line-height: 1.25;}
.wrap-img-banner11 .banner-content .tit::before {content: "";position: absolute;left: 0;bottom: 0;width: 4rem;;height: 3px;background: #000;}
.wrap-img-banner11 .banner-content .desc em {display: block;margin-bottom: 1rem;font-size: 2.6rem;font-family: pb;color: #111;}
.wrap-img-banner11 .banner-content .desc p {font-size: 1.8rem;font-family: p4;color: #444;line-height: 1.65;}
.wrap-img-banner11 .banner-content .desc p i {display: block;height: 3rem;}

@media screen and (max-width: 1800px) {
  .wrap-img-banner11::before {left: -2rem;width: calc(39.3% + 2rem);background-size: 35%;}
}

@media screen and (max-width: 1600px) {
  .wrap-img-banner11::before {max-height: 38vw;}
}

@media screen and (max-width: 1650px) {
  .wrap-img-banner11 {padding: 4.5rem 0 0 4rem;}
}

@media screen and (max-width: 1300px) {
  .wrap-img-banner11::before {max-height: 43vw;}
  .wrap-img-banner11 .banner-image .bottom {flex-direction: column;align-items: flex-start;}
  .wrap-img-banner11 .banner-image .bottom a {margin-top: 1.5rem;}
  .wrap-img-banner11 .banner-content {padding-top: 1.6rem;}
  .wrap-img-banner11 .banner-content .desc p br {display: none;}
}

@media screen and (max-width: 1200px) {
  .wrap-img-banner11 {margin-bottom: 5rem;}
  .wrap-img-banner11 .frame {gap: 4rem;}
  .wrap-img-banner11 .banner-image .bottom {padding: 2.5rem 2rem;}
  .wrap-img-banner11 .banner-image .img-box img  {border-radius: 15rem 0 0 0;}
  .wrap-img-banner11 .banner-image .bottom strong {margin-right: .6rem;padding: 0 1.2rem 0 3.3rem;font-size: 1.8rem;}
  .wrap-img-banner11 .banner-image .bottom strong::before {content :"";width: 2.4rem;height: 2.4rem;}
  .wrap-img-banner11 .banner-image .bottom strong::after {height: 1.3rem;}
  .wrap-img-banner11 .banner-image .bottom span {display: inline-block;font-size: 1.8rem;}
  .wrap-img-banner11 .banner-content .sub-tit {font-size: 2.6rem;}
  .wrap-img-banner11 .banner-content .tit {font-size: 4.7rem;}
  .wrap-img-banner11 .banner-content .desc em {font-size: 2.2rem;}
  .wrap-img-banner11 .banner-content .desc p {font-size: 1.7rem;}
}

@media screen and (max-width: 1024px) {
  .wrap-img-banner11 .banner-content .desc p {padding-right: 0;}
}

@media screen and (max-width: 950px) {
  .wrap-img-banner11 {padding: 6.8% 0 0;} 
  .wrap-img-banner11 .frame {gap: 0;}
  .wrap-img-banner11::before {width: calc(82% + 2rem);height: 100%;max-height: 83.5vw;}
  .wrap-img-banner11 > .frame {flex-direction: column;}
  .wrap-img-banner11 .banner-image {width: 100%;}
  .wrap-img-banner11 .banner-image .img-box {max-width: 100%;}
  .wrap-img-banner11 .banner-image .img-box img  {border-radius: 15rem 0 0 0;}
  .wrap-img-banner11 .banner-content {width: 100%;padding-top: 3.4rem;}
}

@media screen and (max-width: 768px) {
  .wrap-img-banner11::before {background-size: 38%;}
  .wrap-img-banner11 .banner-image {width: 100%;margin-bottom: .8rem;}
  .wrap-img-banner11 .banner-image .bottom strong {padding: 0 1.2rem 0 3rem;font-size: 1.7rem;}
  .wrap-img-banner11 .banner-image .bottom span {font-size: 1.7rem;}
  .wrap-img-banner11 .banner-content {width: 100%;padding-top: 2.2rem;}
  .wrap-img-banner11 .banner-content .sub-tit {margin-bottom: .7rem;font-size: 2rem;}
  .wrap-img-banner11 .banner-content .tit {padding-bottom: 1.4rem;margin-bottom: 1.7rem;font-size: 3.1rem;}
  .wrap-img-banner11 .banner-content .tit::before {width: 3.4rem;}
  .wrap-img-banner11 .banner-content .desc em {margin-bottom: .7rem;font-size: 1.8rem;}
  .wrap-img-banner11 .banner-content .desc p {font-size: 1.6rem;line-height: 1.5;}
  .wrap-img-banner11 .banner-content .desc p i {display: block;height: 2rem;}
}
/*[E] wrap-img-banner11 */

/* 학과시설 */
.equipWrap { display:flex; align-items:stretch; padding:5rem; border:0.1rem solid #dfdfdf; border-top-left-radius:5rem; border-bottom-right-radius:5rem; column-gap:5%; row-gap: 5rem;  }
.equipWrap .item img { width:100%; }
.equipWrap .item1 { flex:0 0 20%; display:flex; align-items:center; }
.equipWrap .item2 { flex:0 0 20%; display:flex; align-items:center; }
.equipWrap .item3 { flex-grow:1; }
.equipWrap .item3 .tit { font-family:'sm'; font-size:2.2rem; color:#003b69; }
@media screen and (max-width: 1024px) {
  .equipWrap { flex-wrap:wrap; }
  .equipWrap .item { flex-basis:100%; }
}

/* 오시는 길 */
.mapApi { height:45.9rem !important; }
.map-info {position: relative; display: flex; justify-content: space-between; padding: 2rem 3rem; background: #E7F4FE;}
.map-info ul {display: flex; justify-content:space-between; width:100%; font-size: 1.8rem;}
.map-info ul li {position: relative; display: flex; align-items: center; margin-right: 8.5rem;}
.map-info ul li::before {content: ''; width: 5rem; height: 5rem; margin-right: 1.5rem; background-color: #006FC6; background-repeat: no-repeat; background-position: center; border-radius: 5rem;}
.map-info ul li.loc::before {background-image: url('../../images/guide/ic-map1.png');}
.map-info ul li.tel::before {background-image: url('../../images/guide/ic-map2.png');}
.map-info ul li.fax::before {background-image: url('../../images/guide/ic-map3.png');}
.map-info strong {position: relative; margin-right: 1rem; padding-right: 1rem; color: #006FC6;}
.map-info strong::after {content: ''; position: absolute; right: 0; top: 0.8rem; width: 0.2rem; height: 1rem; background: #ccc;}
.map-info ul li p {color:#111;}
.map-info .map-btn {position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 5rem; padding: 0 2rem 0 2.1rem; background: #90C31F; font-family: pm; font-size: 1.6rem; color: #fff; transition: background .3s; border-radius:0.5rem;}
.map-info .map-btn::after {content: ''; display: inline-block; flex-shrink:0; width: 1.6rem; height: 1.6rem; margin-left: 1.5rem; background: url('../../images/guide/ic-map-blank.png') no-repeat center;}
.map-info .map-btn:hover {background: #5A8300;}
@media screen and (max-width:1500px) {
  .map-info ul {font-size: 1.6rem;}
  .map-info ul li {margin-right: 3.5rem;}
}
@media screen and (max-width:1200px) {
  .map-info ul {flex-direction: column;}
  .map-info ul li {margin-right: 0; margin-bottom: 2rem;}
  .map-info ul li:last-child {margin-bottom: 0;}
}
@media screen and (max-width:768px) {
  .map-info {display: block;}
  .map-info ul {font-size: 1.5rem;}
  .map-info ul li {margin-bottom: 1rem;}
  .map-info ul li:last-child {margin-bottom: 1rem;}
}