@charset "utf-8";

/* Common */
.area {max-width: 1760px; margin: 0 auto; padding: 0 0 60px 0;}

@media all and (max-width: 1760px) {
  .area {padding: 0 30px 60px 30px;}
}

/* Subject */
.subject {text-align: center;}
.subject h2 {position: relative; display: inline-block; margin: 105px 0 75px 0; font-weight: 500; font-size: 40px; line-height:1.2; color: #111;}
.subject h2:after {content: ''; position: absolute; left: 50%; top: -25px; width: 27px; height: 10px; margin-left: -13px; background: url('../../images/guide/ic_subject.png') no-repeat center center;}

@media all and (max-width: 900px) {
  .subject h2 {margin: 70px 0 50px 0; font-size: 32px;}
}

@media all and (max-width: 500px) {
  .subject h2 {margin: 55px 0 41px 0;}
}

/* Category */
.category {padding: 6px; background: url('../../images/guide/ic_cate_bg.png');}
.category ul {padding: 16px 0; background: #fff;}
.category li {float: left; width: 16.666%; padding: 10px 0;}
.category li a {margin-left: 25px; font-weight: 400; font-size: 16px; color: #666;}
.category li.on a,
.category li:hover a {font-weight: 500; color: #0068b8;}
.category li a::before {content: ''; position: relative; top: -2px; display: inline-block; margin: 0 10px 0 0; width: 22px; height: 20px; background: url('../../images/guide/ic_cate_arrow.png') no-repeat center bottom; vertical-align: middle; transition: .4s;}
.category li.on a::before,
.category li:hover a::before {background-position: center top;}
.category li a span {position: relative;}
.category li a span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #0068b8; transition: 0s;}
.category li.on a span::after,
.category li:hover a span::after {width: 100%; transition: .4s;}

@media all and (max-width: 1200px) {
  .category li {width: 25%;}
}

@media all and (max-width: 900px) {
  .category li {width: 33.333%;}
}

@media all and (max-width: 700px) {
  .category li {width: 50%;}
}

@media all and (max-width: 500px) {
  .category li {width: 100%;}
}

/* Heading */
.objHeading_h2 {position: relative; display: block; margin-top: 65px; padding-left: 30px; font-weight: 500; font-size: 23px; letter-spacing: -0.5px; line-height :1.5; color: #222; }
.objHeading_h2::before {content: ''; position: absolute; left: 0; top: 4px; width: 21px; height: 23px; background: url('../../images/guide/ic_h2.png') no-repeat center center; }
.objHeading_h3 {position: relative; display: block; margin-top: 20px; padding-left: 30px; font-weight: 500; font-size: 19px; line-height: 1.5; letter-spacing: -0.5px; color: #a90057;}
.objHeading_h3::before {content: ''; position: absolute; left: 0; top: 1px; width: 20px; height: 21px; background: url('../../images/guide/ic_h3.png') no-repeat center center; }
.objHeading_h4 {position: relative; display: block; margin-top: 15px; padding-left: 15px; font-weight: 400; font-size: 17px; line-height: 1.5; letter-spacing: -0.5px; color: #670461;}
.objHeading_h4::before {content: ''; position: absolute; left: 0; top: 5px; width: 3px; height: 13px; background: #670461;}
.objHeading_h5 {position: relative; display: block; margin-top: 30px; padding-left: 19px; font-weight: 400; font-size: 18px; line-height: 1.5; letter-spacing: -0.5px; color: #333;}
.objHeading_h5::before {content: ''; position: absolute; left: 0; top: 9px; width: 10px; height: 10px; border: 2px solid #139cb4; border-radius: 100%; }

@media all and (max-width: 768px){
  .objHeading_h2 {font-size: 20px; margin-top: 35px;}
  .objHeading_h2::before {top: 3px;}
  .objHeading_h3 {font-size: 17px;}
  .objHeading_h3::before {top: 0;}
}


.objHeading_h1.no-margin,
.objHeading_h2.no-margin,
.objHeading_h3.no-margin,
.objHeading_h4.no-margin,
.objHeading_h5.no-margin {margin-top: 0;}

._objHtml.no-margin {margin-top: 0px !important;}
._objHtml.no-margin > div {margin-top: 0px !important;}

/* Description */
.con-desc {font-size: 17px; line-height: 26px; letter-spacing: -0.5px; color: #666;}
.con-desc strong {font-weight: 500;}
.con-desc.small {font-size: 15px;}

.text-color1 {color: #a90057; font-weight: 500;}
.text-color2 {color: #0067c3; font-weight: 500;}
.text-color3 {color: #ff7200; font-weight: 500;}
.text-color4 {color: #a18e6b; font-weight: 500;}

/* List Type */
.con-list1 > ul > li {position: relative; margin: 9px 0 0 0; padding-left: 20px; font-size: 15px; line-height: 1.6; letter-spacing: -0.5px; font-weight: 400; color: #666;}
.con-list1 > ul > li::before {content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 7px; background: url('../../images/guide/ic_list1.png') no-repeat center center}
.con-list1 > ul > li strong {font-weight: 400; color: #1c1c1c;}

.con-list2 > ul > li {position: relative; margin: 5px 0 0 0; padding-left: 13px; font-size: 14px; line-height: 1.6; letter-spacing: -0.5px; font-weight: 400; color: #919191;}
.con-list2 > ul > li::before {content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #A8A9AD}
.con-list2 > ul > li strong {font-weight: 400; color: #1c1c1c;}

.num-list > ul > li {position: relative; padding-left: 25px; font-size: 15px; line-height: 25px; color: #666666; font-weight: 400;}
.num-list > ul > li .num {position: absolute; width: 15px; height: 15px; text-align: center; border-radius: 50%; left: 0; top: 6px; font-family: "Mont Medium"; font-size: 10px; color: #fff; font-weight: 500; background: #7A7A7A; line-height: 15px;}

.arrow-list > ul > li {position: relative; margin: 5px 0 0 0; padding-left: 20px; font-size: 14px; line-height: 1.6; letter-spacing: -0.5px; font-weight: 400; color: #919191;}
.arrow-list > ul > li::before {content: ''; position: absolute; left: 0; top: 6px; width: 9px; height: 7px; background: url("../../images/guide/ic_arrow.png") no-repeat center;}
.arrow-list > ul > li strong {font-weight: 400; color: #1c1c1c;}


/*UL타입*/
.list_0 > li,
.list_1 > li,
.list_1_2 > li,
.list_2 > li,
.list_3 > li,
.list_4 > li,
.kList_1 > li,
.aList_1 > li,
.rList_1 > li,
.nList_0 > li,
.nList_1 > li,
.nList_2 > li,
.list_gCircle > li {position:relative; padding-bottom:7px}

.list_0 > li:last-child,
.list_1 > li:last-child,
.list_1_2 > li:last-child,
.list_2 > li:last-child,
.list_3 > li:last-child,
.list_4 > li:last-child,
.kList_1 > li:last-child,
.aList_1 > li:last-child,
.rList_1 > li:last-child,
.nList_0 > li:last-child,
.nList_1 > li:last-child,
.nList_2 > li:last-child,
.list_gCircle > li:last-child {padding-bottom:0}

.list_1 > li,
.list_1_2 > li, 
.list_gCircle > li {padding-left:15px}
.list_2 > li,
.list_3 > li,
.list_4 > li{padding-left:13px}
.nList_0 > li,
.nList_1 > li,
.nList_2 > li,
.kList_1 > li,
.aList_1 > li,
.rList_1 > li{padding-left:28px}

.list_1 > li:before,
.list_1_2 > li:before,
.list_2 > li:before,
.list_3 > li:before,
.list_4 > li:before,
.kList_1 > li:before,
.aList_1 > li:before,
.rList_1 > li:before,
.nList_0 > li:before,
.nList_1 > li:before,
.nList_2 > li:before,
.list_gCircle > li:before {content:"";display:block;position:absolute;left:0}

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

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

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

/*종속사용*/
.list_0 ul {padding-left:20px;}
.list_0 ul, .list_1 ul, .list_1_2 ul, .list_2 ul, .list_3 ul, .list_4 ul, .nList_0 ul, .nList_1 ul, .nList_2 ul, .nList_3 ul, .kList_1 ul, .aList_1 ul, .rList_1 ul, .list_gCircle_1 ul {padding-top:5px;}

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

/*앞파벳*/
.aList_1 > li:nth-child(1):before{content:"A."}.aList_1 > li:nth-child(2):before{content:"B."}.aList_1 > li:nth-child(3):before{content:"C."}.aList_1 > li:nth-child(4):before{content:"D."}.aList_1 > li:nth-child(5):before{content:"E."}.aList_1 > li:nth-child(6):before{content:"F."}.aList_1 > li:nth-child(7):before{content:"G."}.aList_1 > li:nth-child(8):before{content:"H."}.aList_1 > li:nth-child(9):before{content:"I."}.aList_1 > li:nth-child(10):before{content:"J."}.aList_1 > li:nth-child(11):before{content:"K."}.aList_1 > li:nth-child(12):before{content:"L."}.aList_1 > li:nth-child(13):before{content:"M."}.aList_1 > li:nth-child(14):before{content:"N."}

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

/*숫자*/
.nList_0 > li:nth-child(1):before{content:"1."}.nList_0 > li:nth-child(2):before{content:"2."}.nList_0 > li:nth-child(3):before{content:"3."}.nList_0 > li:nth-child(4):before{content:"4."}.nList_0 > li:nth-child(5):before{content:"5."}.nList_0 > li:nth-child(6):before{content:"6."}.nList_0 > li:nth-child(7):before{content:"7."}.nList_0 > li:nth-child(8):before{content:"8."}.nList_0 > li:nth-child(9):before{content:"9."}.nList_0 > li:nth-child(10):before{content:"10."}.nList_0 > li:nth-child(11):before{content:"11."}.nList_0 > li:nth-child(12):before{content:"12."}.nList_0 > li:nth-child(13):before{content:"13."}.nList_0 > li:nth-child(14):before{content:"14."}.nList_0 > li:nth-child(15):before{content:"15."}

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


/* Notify Text */
.point-txt {padding-left: 26px; font-size: 13px; line-height: 2; letter-spacing: -0.5px;}
.point-txt.point-txt1 {background: url('../../images/guide/ic_noti1.png') no-repeat left 3px; color: #43505d;}
.point-txt.point-txt2 {background: url('../../images/guide/ic_noti2.png') no-repeat left 3px; color: #d90000;}
.point-txt.point-txt3 {background: url('../../images/guide/ic_noti3.png') no-repeat left 3px; color: #ff8400;}

@media all and (max-width: 768px){
  .con-desc {font-size: 14px; line-height: 22px;}
  .con-list1 > ul > li {font-size: 13px;}
  .con-list1 > ul > li::before {top: 5px;}
  .con-list2 > ul > li {font-size: 12px;}
  .con-list2 > ul > li::before {top: 6px;}
  .arrow-list > ul > li {font-size: 12px;}
  .num-list > ul > li {font-size: 13px;}
  .num-list > ul > li .num {top: 4px;}
  .point-txt {font-size: 11px; line-height: 18px; padding-top: 3px; min-height: 22px;}
  .point-txt.point-txt1 {background: url('../../images/guide/ic_noti1.png') no-repeat left 1px; color: #43505d;}
  .point-txt.point-txt2 {background: url('../../images/guide/ic_noti2.png') no-repeat left 1px; color: #d90000;}
  .point-txt.point-txt3 {background: url('../../images/guide/ic_noti3.png') no-repeat left 1px;color: #ff8400;}
}

/* Table */
.table-caption {text-align: right; font-size: 13px; line-height: 34px; color: #7e7e7e; font-weight: 400;}
.con-table-wrap {position: relative; line-height: 1.6;}
.con-table:before {content: ''; position: absolute; right: -2px; top: 0px; width: 3px; height: 100%; background: #FFF; z-index: 2;}
.con-table {position: relative; line-height: 1.6; overflow: hidden;}
.con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-table table {position: relative; overflow: hidden;}
.con-table table:before {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #FFF; z-index: 2;}
.con-table table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 2px; background: #104650}
.con-table thead th {padding: 14px 10px; background: #f4f4f4; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; font-weight: 400; font-size: 16px; color: #111;}
.con-table tbody {display: table-header-group;}
.con-table tbody th {padding: 13px 20px; background:#fbfbfb; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; font-weight: 400; color: #000; font-size: 15px;}
.con-table tbody td {padding: 13px 20px; background:#fff; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; font-weight: 400; color: #666; font-size: 15px;}
.con-table table table::before {right: 0px; left: auto;}
.con-table table table thead th {padding: 14px 10px; background: #f4f4f4; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; font-weight: 400; font-size: 16px; font-weight: normal; color: #111;}
.con-table table table::after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 2px; background: #5b5b5b}
.con-table .inner-table {position: relative;}
.con-table .inner-table::after {content: ""; position: absolute; width: 1px; height: 100%; background: #fff; right: 0; top: 0;}
.con-table.ver-t tbody td {vertical-align: top;}
@media all and (max-width:960px) {
  .con-table-wrap {overflow-x: hidden;}
  .con-table-wrap:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: url('../../images/guide/mobile-tbl.png') no-repeat center 40px;}
  .con-table-wrap.on:after {display: none;}
  .con-table {width: 1300px; margin-bottom: 20px;}
}

/* table_1 */
.table_1 { position:relative; }
.table_1 table::before { content:""; position:absolute; width:100%; height:2px; background:#104650; top:0; left:0; }
.table_1 thead th { padding:14px 10px; background:#f4f4f4; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-weight:400; font-size:16px; color:#111; }
.table_1 tbody th { padding:13px 20px; background:#fbfbfb; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-weight:400; color:#000; font-size:15px; }
.table_1 tbody td { padding:13px 20px; background:#fff; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-weight:400; color:#666; font-size:15px; text-align : left;}
.table_1::after { content:""; position:absolute; width:1px; height:100%; background:#fff; top:0; right:0; }
@media only screen and (max-width:1024px){
  .table_1 {overflow-y:hidden;overflow-x:scroll;position:relative;}
  .table_1::after {content:'\A\A좌우로 스크롤 하시면 내용이 보입니다.\A안내문은 클릭시 닫힙니다.'; display:flex; align-items:flex-start; justify-content:center; color:#FFF; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(43,106,189,0.4); white-space:pre; }
  .table_1 table {min-width:200%;}
  .table_1.noScroll {overflow-y:unset; overflow-x:unset; }
  .table_1.noScroll table { min-width:100%; }
  .table_1.noScroll::after{display:none;}
  .table_1.off::after{display:none;}
}

/* Button Style */
.btn-style.round-ico {position: relative; display: inline-block; padding: 14px 28px; padding-right: 50px; border-radius: 30px; font-weight: 400; font-size: 15px; color: #fff; cursor: pointer; margin: 2px 0;}
.btn-style.round-ico.type1 {background: #FF8400;}
.btn-style.round-ico.type2 {background: #A90057;}
.btn-style.round-ico.type3 {background: #670461;}
.btn-style.round-ico.type1.ui1, .btn-style.round-ico.type2.ui1, .btn-style.round-ico.type3.ui1 {background: #A90057;}
.btn-style.round-ico.type1.ui2, .btn-style.round-ico.type2.ui2, .btn-style.round-ico.type3.ui2 {background: #FF8400;}
.btn-style.round-ico.type1.ui3, .btn-style.round-ico.type2.ui3, .btn-style.round-ico.type3.ui3 {background: #670461;}
.btn-style.round-ico.type1.ui4, .btn-style.round-ico.type2.ui4, .btn-style.round-ico.type3.ui4 {background: #a18d6d;}
.btn-style.round-ico.type1:hover {background: url("../../images/guide/type1_overbg.jpg");}
.btn-style.round-ico.type1:after {content: ''; position: absolute; top: 50%; margin: 0px 0 0 10px; margin-top: -9px; display: inline-block; width: 18px; height: 18px;  background: url('../../images/guide/ic_btn1.png') no-repeat center right; vertical-align: middle; right: 20px;}
.btn-style.round-ico.type2:hover {background: url("../../images/guide/type2_overbg.jpg");}
.btn-style.round-ico.type2:after {content: ''; position: absolute; top: 50%; margin: 0px 0 0 10px; margin-top: -9px; display: inline-block; width: 18px; height: 18px;   background: url('../../images/guide/ic_btn2.png') no-repeat center right; vertical-align: middle; right: 20px;}
.btn-style.round-ico.type3:hover {background: url("../../images/guide/type3_overbg.jpg");}
.btn-style.round-ico.type3:after {content: ''; position: absolute; top: 50%; margin: 0px 0 0 10px; margin-top: -11.5px; display: inline-block; width: 21px; height: 21px;  background: url('../../images/guide/ic_view.png') no-repeat center right; vertical-align: middle; right: 20px;}
.btn-style.round-ico.type1.ui1:hover, .btn-style.round-ico.type2.ui1:hover, .btn-style.round-ico.type3.ui1:hover  {background: url("../../images/guide/type2_overbg.jpg");}
.btn-style.round-ico.type1.ui2:hover, .btn-style.round-ico.type2.ui2:hover, .btn-style.round-ico.type3.ui2:hover  {background: url("../../images/guide/type1_overbg.jpg");}
.btn-style.round-ico.type1.ui3:hover, .btn-style.round-ico.type2.ui3:hover, .btn-style.round-ico.type3.ui3:hover  {background: url("../../images/guide/type3_overbg.jpg");}
.btn-style.round-ico.type1.ui4:hover, .btn-style.round-ico.type2.ui4:hover, .btn-style.round-ico.type3.ui4:hover  {background: url("../../images/guide/type4_overbg.jpg");}


.btn-style.round {display: inline-block; padding: 14px 42px; background: #fff; border-radius: 30px; font-weight: 400; font-size: 15px; margin: 2px 0;}
.btn-style.round.type1 {border: 1px solid #0067c3; color: #0067c3;}
.btn-style.round.type1:hover {background: #0067C3; color: #fff;}
.btn-style.round.type2 {border: 1px solid #ce2856; color: #ce2856;}
.btn-style.round.type2:hover {background: #ce2856; color: #fff;}
.btn-style.round.type3 {border: 1px solid #ff8400; color: #ff8400;}
.btn-style.round.type3:hover {background: #ff8400; color: #fff;}
.btn-style.round.type4 {background: #8c8c8c; border: 1px solid #8c8c8c; color: #fff;}
.btn-style.round.type4:hover {background: #4E4E4E; border-color: #4E4E4E;}

.btn-style.round.type5 {border: 1px solid #1C3C8F; color: #1C3C8F;}
.btn-style.round.type5:hover {background: #1C3C8F; border-color: #1C3C8F; color: #fff;}
.btn-style.round.type6 {background: #CE2856; border: 1px solid #CE2856; color: #fff;}
.btn-style.round.type6:hover {background: #8C0027; border-color: #8C0027;}

.btn-style.round-ico-small {display: inline-block; padding: 5px 15px; border: 1px solid #b2b2b2; border-radius: 30px; font-weight: 400; font-size: 14px; color: #505050; margin: 2px 0;}
.btn-style.round-ico-small.type1:hover {border-color: #0067C3; color: #0067C3;}
.btn-style.round-ico-small.type1:after {content: ''; display: inline-block; width: 15px; height: 13px; margin: -4px 0 0 7px;  background: url('../../images/guide/ic_download.png') no-repeat center top; vertical-align: middle;}
.btn-style.round-ico-small.type1::before {content: ""; display: inline-block; width: 22px; height: 22px; background: url("../../images/guide/ic_hwp.jpg") no-repeat; vertical-align: middle; margin-right: 10px;}
.btn-style.round-ico-small.type1:hover::after {background: url('../../images/guide/ic_download_cl1.png') no-repeat center top;}

.btn-style.round-ico-small.type2:hover {border-color: #8c0027; color: #8c0027;}
.btn-style.round-ico-small.type2:after {content: ''; display: inline-block; width: 15px; height: 13px; margin: -4px 0 0 7px;  background: url('../../images/guide/ic_download.png') no-repeat center top; vertical-align: middle;}
.btn-style.round-ico-small.type2::before {content: ""; display: inline-block; width: 22px; height: 22px; background: url("../../images/guide/ic_pdf.jpg") no-repeat; vertical-align: middle; margin-right: 10px;}
.btn-style.round-ico-small.type2:hover::after {background: url('../../images/guide/ic_download_cl2.png') no-repeat center top; }

.btn-style.round-ico-small.type3:hover {border-color: #005326; color: #005326;}
.btn-style.round-ico-small.type3:after {content: ''; display: inline-block; width: 15px; height: 13px; margin: -4px 0 0 7px;  background: url('../../images/guide/ic_download.png') no-repeat center top; vertical-align: middle;}
.btn-style.round-ico-small.type3::before {content: ""; display: inline-block; width: 22px; height: 22px; background: url("../../images/guide/ic_excel.jpg") no-repeat; vertical-align: middle; margin-right: 10px;}
.btn-style.round-ico-small.type3:hover::after {background: url('../../images/guide/ic_download_cl3.png') no-repeat center top; }

.btn-style.rect {display: inline-block; padding: 6px 22px; font-weight: 400; font-size: 13px; margin: 2px 0;}
.btn-style.rect.type1 {background: #00baff; border: 1px solid #00baff; color: #fff;}
.btn-style.rect.type1:hover {background: #0079AC; border-color: #0079AC;}
.btn-style.rect.type2 {background: #fff; border: 1px solid #ce2856; color: #ce2856;}
.btn-style.rect.type2:hover {background: #ce2856; color: #fff;}

@media all and (max-width: 768px){
  .btn-style.round-ico {font-size: 13px; padding: 12px 50px 12px 20px;}
  .btn-style.round {font-size: 13px; padding: 12px 20px;}
  .btn-style.round-ico-small {font-size: 12px; padding: 5px 10px;}
}

/* PDF Viewer */
.pdf-viewer .info {padding: 5px; background: url('../../images/guide/ic_cate_bg.png');}
.pdf-viewer .box {padding: 30px 0 30px 310px; background: #fff url('../../images/guide/ic_pdf.png') no-repeat 60px 40px;}
.pdf-viewer .text li {display: table; table-layout: fixed; margin-bottom: 6px; font-weight: 400; font-size: 14px; color: #666;}
.pdf-viewer .text li .num {display: table-cell; vertical-align: top;}
.pdf-viewer .text li .num i {display: inline-block; width: 26px; height: 26px; background: #55555b; border-radius: 100%; font-family: 'Titil SemiBold'; text-align: center; line-height: 26px; color: #fff; font-size: 16px;}
.pdf-viewer .text li .text {display: table-cell; padding-left: 10px; vertical-align: middle;}
.pdf-viewer .buttons a {position: relative; display: inline-block; margin-top: 10px; margin-right: 15px; padding: 15px 80px 15px 20px; background: #AF0055; border-radius: 5px; font-size: 14px; color: #fff;}
.pdf-viewer .buttons a:hover {background: #8C0027;}
.pdf-viewer .buttons a::after {content: ''; position: absolute; right: 0; top: 0; width: 55px; height: 100%; border-radius: 0 5px 5px 0;}
.pdf-viewer .buttons a.btn1::after {background: #BB266E url('../../images/guide/ic_pdf_btn1.png') no-repeat center center;}
.pdf-viewer .buttons a.btn2::after,
.pdf-viewer .buttons a.btn3::after {background: #BB266E url('../../images/guide/ic_pdf_btn2.png') no-repeat center center;}
.pdf-viewer .viewer {margin-top: 50px; padding: 60px; background: #ececec; border: 1px solid #daddde; text-align: center;}
.pdf-viewer .viewer .drop-shadow {display: inline-block; box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.79);}
.pdf-viewer .viewer .drop-shadow img {width: 100%;}

@media all and (max-width: 850px) {
  .pdf-viewer .box {padding: 220px 25px 25px 25px; background-position: center 40px;}
}

@media all and (max-width: 660px) {
  .pdf-viewer .buttons a {width: 100%;}
}

/* Ready */
.wrap-ready {padding: 5px; background: url('../../images/guide/ic_cate_bg.png'); text-align: center;}
.wrap-ready .box {padding: 55px 20px 60px 20px; background: #fff url('../../images/guide/bg-ready.jpg') no-repeat center top; background-size: cover;}
.wrap-ready strong {position: relative; display: inline-block; padding: 300px 0 0 0; background: url('../../images/guide/ic_ready.png') no-repeat center top; font-weight: 500; font-size: 35px; color: #222;}
.wrap-ready strong::before {content: ''; position: absolute; left: -35px; bottom: 45px; width: 26px; height: 22px; background: url('../../images/guide/ico-deco-ready1.png') no-repeat center center;}
.wrap-ready strong::after {content: ''; position: absolute; right: -35px; bottom: 45px; width: 26px; height: 22px; background: url('../../images/guide/ico-deco-ready2.png') no-repeat center center;}
.wrap-ready em {color: #a90057;}
.wrap-ready p {font-weight: 500; font-size: 18px; color: #555;}

@media all and (max-width: 768px) {
  .wrap-ready .box {padding: 40px 20px;}
  .wrap-ready strong::before {content: ''; position: absolute; left: 0; bottom: 25px; width: 16px; height: 22px; background: url('../../images/guide/ico-deco-ready1.png') no-repeat center center; background-size: 16px auto;}
  .wrap-ready strong::after {content: ''; position: absolute; right: 0; bottom: 25px; width: 16px; height: 22px; background: url('../../images/guide/ico-deco-ready2.png') no-repeat center center; background-size: 16px auto;}

  .wrap-ready strong {position: relative; background-size: 100% auto; font-size: 22px; padding: 240px 20px 0;}
  .wrap-ready p {font-size: 16px;}
}

.wrap-login {padding: 5px; background: url('../../images/guide/ic_cate_bg.png'); text-align: center;}
.wrap-login .box {padding: 55px 20px 60px 20px; background: #fff url('../../images/guide/bg-ready.jpg') no-repeat center top; background-size: cover;}
.wrap-login p {position: relative; display: inline-block; padding: 300px 0 0 0; font-size: 18px; line-height: 28px; color: #555555; font-weight: 500;}
.wrap-login p::before {content: ""; position: absolute; width: 100%; height: 274px; left: 0; top: 0; background: url("../../images/guide/login_bg.png") no-repeat center; background-size: contain;}
.wrap-login p span {color: #a90057;}

@media all and (max-width: 768px) {
  .wrap-login .box {padding: 40px 20px;}
  .wrap-login p {font-size: 16px;}
}


.sub-txt-bx {position: relative; text-align: center; padding: 25px 4%;}
.sub-txt-bx::before {content: ""; position: absolute; width: 100%; height: 6px; background: url("../../images/guide/txt_bg_1.jpg"); left: 0; top: 0;}
.sub-txt-bx::after {content: ""; position: absolute; width: 100%; height: 6px; background: url("../../images/guide/txt_bg_2.jpg"); left: 0; bottom: 0;}
.sub-txt-inner::before {content: ""; position: absolute; width: 6px; height: 50%; left: 0; top: 0; background: url("../../images/guide/txt_bg_1.jpg");}
.sub-txt-inner::after {content: ""; position: absolute; width: 6px; height: 50%; right: 0; top: 0; background: url("../../images/guide/txt_bg_1.jpg");}
.sub-txt-inner p::before {content: ""; position: absolute; width: 6px; height: 50%; left: 0; bottom: 0; background: url("../../images/guide/txt_bg_2.jpg");}
.sub-txt-inner p::after {content: ""; position: absolute; width: 6px; height: 50%; right: 0; bottom: 0; background: url("../../images/guide/txt_bg_2.jpg");}
.sub-txt-inner p {font-size: 16px; color: #666666;}

@media all and (max-width: 768px){
  .sub-txt-inner p {font-size: 14px;}
}

.top-title-bx {padding: 5px; background: url('../../images/guide/ic_cate_bg.png');}
.top-title-inner {background: #fff; padding: 15px 2% 25px; overflow: hidden;}
.top-title-icon {float: left; width: 250px; text-align: center; vertical-align: top;}
.top-title-icon span {position: relative; display: inline-block;}
.top-title-icon.icon1 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/guide/toptitle_icon1.png") no-repeat center; }
.top-title-icon.icon2 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/guide/toptitle_icon2.png") no-repeat center; }
.top-title-icon.icon3 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/guide/toptitle_icon3.png") no-repeat center; }
.top-title-icon.icon4 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/guide/toptitle_icon4.png") no-repeat center; }
.top-title-icon.icon5 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/guide/toptitle_icon5.png") no-repeat center; }
.top-title-icon.icon6 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/guide/toptitle_icon6.png") no-repeat center; }
.top-title-icon.icon7 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/guide/toptitle_icon7.png") no-repeat center; }
.top-title-icon.icon8 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/guide/toptitle_icon8.png") no-repeat center; }
.top-title-icon.icon9 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/guide/toptitle_icon9.png") no-repeat center; }
.top-title-icon.icon10 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/guide/toptitle_icon10.png") no-repeat center; }
.top-title-icon.icon11 span::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/guide/toptitle_icon11.png") no-repeat center; }
.top-title-info {float: left;  vertical-align: top; width: calc(100% - 250px); padding-left: 2%; padding-top: 22px;}
.top-title-info > strong {font-size: 20px; line-height: 35px; color: #222222; font-weight: 500;}
.top-title-info > p {font-size: 16px; line-height: 30px; color: #666666; font-weight: 400; padding: 10px 0 20px;}

.top-title-bx.one-line-bx {}
.top-title-bx.one-line-bx .top-title-inner {display: table; width: 100%; height: 100%;}
.top-title-bx.one-line-bx .top-title-icon {float: none; display: table-cell; vertical-align: top;}
.top-title-bx.one-line-bx .top-title-info {float: none; display: table-cell; vertical-align: middle; padding-top: 0;}

.icon-bx {background: #A90057; padding: 10px;}
.icon-bx li {display: inline-block; vertical-align: top;}


@media all and (max-width: 768px){
  .top-title-inner {padding: 0 2% 25px;}
  .top-title-icon {float: none; margin: 0 auto; margin-bottom: 20px;}
  .top-title-info {float: none; width: 100%; text-align: center; padding-top: 0;}
  .top-title-info ul {text-align: left;}
  .top-title-info > p {font-size: 14px; line-height: 25px; padding-bottom: 0;}

  .top-title-bx.one-line-bx .top-title-inner {display: block; width: 100%; height: 100%;}
  .top-title-bx.one-line-bx .top-title-icon {float: none; display: block; vertical-align: top;}
  .top-title-bx.one-line-bx .top-title-info {float: none; display: block; vertical-align: middle; padding-top: 0;}
}

.manage-bx {border-top: 1px solid #1F303E; border-bottom: 1px solid #1F303E;}
.manage-bx-inner {display: table; width: 100%;}
.manage-bx-inner > div {display: table-cell;vertical-align: middle;}
.manage-title {width: 215px; text-align: center; padding: 0 30px; height: 75px;}
.manage-title p {padding: 20px 0; padding-left: 50px; background: url("../../images/guide/ic_manage.png") no-repeat left center; font-size: 14px; color: 000000; font-weight: 500;}
.manage-info p {font-size: 14px; line-height: 30px; color: #333333;}
.manage-date {width: 235px; text-align: center;}
.manage-date p {font-size: 14px; color: #333333;}

@media all and (max-width: 768px){
  .manage-bx-inner {display: block; overflow: hidden; text-align: left; padding: 15px 20px;}
  .manage-bx-inner > div {display: block;}
  .manage-title {width: 100%; height: auto; margin-bottom: 0px; text-align: left; padding: 0;}
  .manage-title p {display: inline-block; padding: 0; padding-left: 50px; height: 30px; line-height: 30px;}
  .manage-info {padding-left: 50px;}
  .manage-date {width: 100%; text-align: left; padding-left: 50px;}
}


.align-c {text-align: center;}
.align-r {text-align: right;}
.align-l {text-align: left;}

.table_1 tbody td.align-c {text-align: center;}

/***** 2022. 09. 26. 추가 *****/
.objHeading_h2, .objHeading_h3, .objHeading_h4, .objHeading_h5 { max-width: 1400px; margin: 0 auto; }
.sub ._fnctWrap, .wrapper { box-sizing: border-box; margin: 0 auto; max-width: 1400px; }

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

._objHtml p{margin-bottom:10px;}

/*타이틀*/
.objHeading_h2, .objHeading_h3, .objHeading_h4, .objHeading_h5 { padding-bottom:25px; }

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

/*폰트두께*/
.thin{font-weight:300;}
.bold{font-weight:500;}
.eBold{font-weight:700;}
strong{font-weight:500;}

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

/* 정렬 */
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.bold { font-weight:600; }

/* Margin Custom */
.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}

.ml0 {margin-left: 0px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}

.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr75 {margin-right: 75px;}
.mr80 {margin-right: 80px;}
.mr85 {margin-right: 85px;}
.mr90 {margin-right: 90px;}
.mr95 {margin-right: 95px;}
.mr100 {margin-right: 100px;}

.vh5{height:5px;}
.vh10{height:10px;}
.vh20{height:20px;}
.vh30{height:30px;}
.vh40{height:40px;}
.vh50{height:50px;}
.vh60{height:60px;}
.vh70{height:70px;}
.vh80{height:80px;}
.vh90{height:90px;}
.vh100{height:100px;}

/* 찾아오시는 길 */
.transWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.transWrap li { flex:1 0 50%; margin-bottom:30px; }
.transWrap li dl { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; }
.transWrap li dl dt { flex:0 0 130px; width:100%; height:148px; background:url("/sites/templetstyleguide/images/sub/road_1.png") no-repeat center center; background-size:contain; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.transWrap_2 li dl dt {background:url("/sites/templetstyleguide/images/sub/road_2.png") no-repeat center center;}
.transWrap li dl dt .road-logo {}
.transWrap li dl dt .road-txt { color:#fff; font-size:16px; font-weight:500; margin-top:10px; }
.transWrap li dl dd { flex-grow:1; font-size:16px; line-height:30px; color:#666; display:flex; align-items:center; margin-left:30px; }
@media all and (max-width: 1200px){
  .transWrap li { flex-basis:100%; }
}

/* 탭메뉴 */
.user_tab_div { margin-bottom:50px; }
.user_tab_div .ul_4 { overflow:hidden; border-top:1px solid #dbdbdb; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.user_tab_div .ul_4 li { flex:0 0 20%; border-bottom:1px solid #dbdbdb; position:relative; }
.user_tab_div .ul_4 li::before { content:""; position:absolute; left:0; top:18px; width:1px; height:20px; background:#ccc; transition:opacity 0.3s; }
.user_tab_div .ul_4 li a { position:relative; display:block; padding:16px 20px; font-weight:400; font-size:17px; text-align:center; }
.user_tab_div .ul_4 li a._active, .user_tab_div .ul_4 li a:hover { background:#a90057; color:#fff; }
.user_tab_div .ul_4 li a._active::before { content:""; display:inline-block; width:18px; height:18px; margin:-3px 5px 0 0 ; background:url("/sites/templetstyleguide/images/sub/ic_tab_on.png") no-repeat center center; vertical-align:middle; }


/* 아이콘 */
.ic_1 { background-image:url("/sites/templetstyleguide/images/common/icon_g_1.png"); }
.ic_2 { background-image:url("/sites/templetstyleguide/images/common/icon_g_2.png"); }
.ic_3 { background-image:url("/sites/templetstyleguide/images/common/icon_g_3.png"); }
.ic_4 { background-image:url("/sites/templetstyleguide/images/common/icon_g_4.png"); }
.ic_5 { background-image:url("/sites/templetstyleguide/images/common/icon_g_5.png"); }
.ic_6 { background-image:url("/sites/templetstyleguide/images/common/icon_g_6.png"); }
.ic_7 { background-image:url("/sites/templetstyleguide/images/common/icon_g_7.png"); }
.ic_8 { background-image:url("/sites/templetstyleguide/images/common/icon_g_8.png"); }
.ic_9 { background-image:url("/sites/templetstyleguide/images/common/icon_g_9.png"); }
.ic_10 { background-image:url("/sites/templetstyleguide/images/common/icon_g_10.png"); }

/* BG */
.bgW, .bgG, .bg1, .bg2, .bg3, .bg4 {padding:50px;}
.bgW {background:#FFF;}
.bgG {background:#F0F0F0;}	/* 회색 칼라 */
.bg1 {background:#a90057;}	/* 시그니처 칼라1 */
.bg2 {background:#0067c3;}	/* 시그니처 칼라2 */
.bg3 {background:#ff7200;}	/* 시그니처 칼라3 */
.bg4 {background:#a18e6b;}	/* 시그니처 칼라4 */
.bg1, .bg1 a, .bg2, .bg2 a, .bg3, .bg3 a, .bg4, .bg4 a {color:#fff;}
@media only screen and (max-width:768px){
  .bgW, .bgG, .bg1, .bg2, .bg3, .bg4 {padding:30px;}
}

/* 아이콘 */
.ic1w { background:url("../../images/guide/icon_cw_1.png") no-repeat center center; }
.ic2w { background:url("../../images/guide/icon_cw_2.png") no-repeat center center; }
.ic3w { background:url("../../images/guide/icon_cw_3.png") no-repeat center center; }
.ic4w { background:url("../../images/guide/icon_cw_4.png") no-repeat center center; }
.ic5w { background:url("../../images/guide/icon_cw_5.png") no-repeat center center; }
.ic6w { background:url("../../images/guide/icon_cw_6.png") no-repeat center center; }
.ic7w { background:url("../../images/guide/icon_cw_7.png") no-repeat center center; }
.ic8w { background:url("../../images/guide/icon_cw_8.png") no-repeat center center; }
.ic9w { background:url("../../images/guide/icon_cw_9.png") no-repeat center center; }
.ic10w { background:url("../../images/guide/icon_cw_10.png") no-repeat center center; }
.ic11w { background:url("../../images/guide/icon_cw_11.png") no-repeat center center; }
.ic12w { background:url("../../images/guide/icon_cw_12.png") no-repeat center center; }
.ic13w { background:url("../../images/guide/icon_cw_13.png") no-repeat center center; }
.ic14w { background:url("../../images/guide/icon_cw_14.png") no-repeat center center; }
.ic15w { background:url("../../images/guide/icon_cw_15.png") no-repeat center center; }
.ic16w { background:url("../../images/guide/icon_cw_16.png") no-repeat center center; }
.ic17w { background:url("../../images/guide/icon_cw_17.png") no-repeat center center; }
.ic18w { background:url("../../images/guide/icon_cw_18.png") no-repeat center center; }
.ic19w { background:url("../../images/guide/icon_cw_19.png") no-repeat center center; }
.ic20w { background:url("../../images/guide/icon_cw_20.png") no-repeat center center; }
.ic21w { background:url("../../images/guide/icon_cw_21.png") no-repeat center center; }
.ic22w { background:url("../../images/guide/icon_cw_22.png") no-repeat center center; }
.ic23w { background:url("../../images/guide/icon_cw_23.png") no-repeat center center; }
.ic24w { background:url("../../images/guide/icon_cw_24.png") no-repeat center center; }
.ic25w { background:url("../../images/guide/icon_cw_25.png") no-repeat center center; }
.ic26w { background:url("../../images/guide/icon_cw_26.png") no-repeat center center; }
.ic27w { background:url("../../images/guide/icon_cw_27.png") no-repeat center center; }
.ic28w { background:url("../../images/guide/icon_cw_28.png") no-repeat center center; }
.ic29w { background:url("../../images/guide/icon_cw_29.png") no-repeat center center; }
.ic30w { background:url("../../images/guide/icon_cw_30.png") no-repeat center center; }
.ic31w { background:url("../../images/guide/icon_cw_31.png") no-repeat center center; }
.ic32w { background:url("../../images/guide/icon_cw_32.png") no-repeat center center; }
.ic33w { background:url("../../images/guide/icon_cw_33.png") no-repeat center center; }
.ic34w { background:url("../../images/guide/icon_cw_34.png") no-repeat center center; }
.ic35w { background:url("../../images/guide/icon_cw_35.png") no-repeat center center; }

.c1 .ic1 { background:url("../../images/guide/icon_c1_1.png") no-repeat center center; }
.c1 .ic2 { background:url("../../images/guide/icon_c1_2.png") no-repeat center center; }
.c1 .ic3 { background:url("../../images/guide/icon_c1_3.png") no-repeat center center; }
.c1 .ic4 { background:url("../../images/guide/icon_c1_4.png") no-repeat center center; }
.c1 .ic5 { background:url("../../images/guide/icon_c1_5.png") no-repeat center center; }
.c1 .ic6 { background:url("../../images/guide/icon_c1_6.png") no-repeat center center; }
.c1 .ic7 { background:url("../../images/guide/icon_c1_7.png") no-repeat center center; }
.c1 .ic8 { background:url("../../images/guide/icon_c1_8.png") no-repeat center center; }
.c1 .ic9 { background:url("../../images/guide/icon_c1_9.png") no-repeat center center; }
.c1 .ic10 { background:url("../../images/guide/icon_c1_10.png") no-repeat center center; }
.c1 .ic11 { background:url("../../images/guide/icon_c1_11.png") no-repeat center center; }
.c1 .ic12 { background:url("../../images/guide/icon_c1_12.png") no-repeat center center; }
.c1 .ic13 { background:url("../../images/guide/icon_c1_13.png") no-repeat center center; }
.c1 .ic14 { background:url("../../images/guide/icon_c1_14.png") no-repeat center center; }
.c1 .ic15 { background:url("../../images/guide/icon_c1_15.png") no-repeat center center; }
.c1 .ic16 { background:url("../../images/guide/icon_c1_16.png") no-repeat center center; }
.c1 .ic17 { background:url("../../images/guide/icon_c1_17.png") no-repeat center center; }
.c1 .ic18 { background:url("../../images/guide/icon_c1_18.png") no-repeat center center; }
.c1 .ic19 { background:url("../../images/guide/icon_c1_19.png") no-repeat center center; }
.c1 .ic20 { background:url("../../images/guide/icon_c1_20.png") no-repeat center center; }
.c1 .ic21 { background:url("../../images/guide/icon_c1_21.png") no-repeat center center; }
.c1 .ic22 { background:url("../../images/guide/icon_c1_22.png") no-repeat center center; }

.c2 .ic1 { background:url("../../images/guide/icon_c2_1.png") no-repeat center center; }
.c2 .ic2 { background:url("../../images/guide/icon_c2_2.png") no-repeat center center; }
.c2 .ic3 { background:url("../../images/guide/icon_c2_3.png") no-repeat center center; }
.c2 .ic4 { background:url("../../images/guide/icon_c2_4.png") no-repeat center center; }
.c2 .ic5 { background:url("../../images/guide/icon_c2_5.png") no-repeat center center; }
.c2 .ic6 { background:url("../../images/guide/icon_c2_6.png") no-repeat center center; }
.c2 .ic7 { background:url("../../images/guide/icon_c2_7.png") no-repeat center center; }
.c2 .ic8 { background:url("../../images/guide/icon_c2_8.png") no-repeat center center; }
.c2 .ic9 { background:url("../../images/guide/icon_c2_9.png") no-repeat center center; }
.c2 .ic10 { background:url("../../images/guide/icon_c2_10.png") no-repeat center center; }
.c2 .ic11 { background:url("../../images/guide/icon_c2_11.png") no-repeat center center; }
.c2 .ic12 { background:url("../../images/guide/icon_c2_12.png") no-repeat center center; }
.c2 .ic13 { background:url("../../images/guide/icon_c2_13.png") no-repeat center center; }
.c2 .ic14 { background:url("../../images/guide/icon_c2_14.png") no-repeat center center; }
.c2 .ic15 { background:url("../../images/guide/icon_c2_15.png") no-repeat center center; }
.c2 .ic16 { background:url("../../images/guide/icon_c2_16.png") no-repeat center center; }
.c2 .ic17 { background:url("../../images/guide/icon_c2_17.png") no-repeat center center; }
.c2 .ic18 { background:url("../../images/guide/icon_c2_18.png") no-repeat center center; }
.c2 .ic19 { background:url("../../images/guide/icon_c2_19.png") no-repeat center center; }
.c2 .ic20 { background:url("../../images/guide/icon_c2_20.png") no-repeat center center; }
.c2 .ic21 { background:url("../../images/guide/icon_c2_21.png") no-repeat center center; }
.c2 .ic22 { background:url("../../images/guide/icon_c2_22.png") no-repeat center center; }

.c3 .ic1 { background:url("../../images/guide/icon_c3_1.png") no-repeat center center; }
.c3 .ic2 { background:url("../../images/guide/icon_c3_2.png") no-repeat center center; }
.c3 .ic3 { background:url("../../images/guide/icon_c3_3.png") no-repeat center center; }
.c3 .ic4 { background:url("../../images/guide/icon_c3_4.png") no-repeat center center; }
.c3 .ic5 { background:url("../../images/guide/icon_c3_5.png") no-repeat center center; }
.c3 .ic6 { background:url("../../images/guide/icon_c3_6.png") no-repeat center center; }
.c3 .ic7 { background:url("../../images/guide/icon_c3_7.png") no-repeat center center; }
.c3 .ic8 { background:url("../../images/guide/icon_c3_8.png") no-repeat center center; }
.c3 .ic9 { background:url("../../images/guide/icon_c3_9.png") no-repeat center center; }
.c3 .ic10 { background:url("../../images/guide/icon_c3_10.png") no-repeat center center; }
.c3 .ic11 { background:url("../../images/guide/icon_c3_11.png") no-repeat center center; }
.c3 .ic12 { background:url("../../images/guide/icon_c3_12.png") no-repeat center center; }
.c3 .ic13 { background:url("../../images/guide/icon_c3_13.png") no-repeat center center; }
.c3 .ic14 { background:url("../../images/guide/icon_c3_14.png") no-repeat center center; }
.c3 .ic15 { background:url("../../images/guide/icon_c3_15.png") no-repeat center center; }
.c3 .ic16 { background:url("../../images/guide/icon_c3_16.png") no-repeat center center; }
.c3 .ic17 { background:url("../../images/guide/icon_c3_17.png") no-repeat center center; }
.c3 .ic18 { background:url("../../images/guide/icon_c3_18.png") no-repeat center center; }
.c3 .ic19 { background:url("../../images/guide/icon_c3_19.png") no-repeat center center; }
.c3 .ic20 { background:url("../../images/guide/icon_c3_20.png") no-repeat center center; }
.c3 .ic21 { background:url("../../images/guide/icon_c3_21.png") no-repeat center center; }
.c3 .ic22 { background:url("../../images/guide/icon_c3_22.png") no-repeat center center; }

.c4 .ic1 { background:url("../../images/guide/icon_c4_1.png") no-repeat center center; }
.c4 .ic2 { background:url("../../images/guide/icon_c4_2.png") no-repeat center center; }
.c4 .ic3 { background:url("../../images/guide/icon_c4_3.png") no-repeat center center; }
.c4 .ic4 { background:url("../../images/guide/icon_c4_4.png") no-repeat center center; }
.c4 .ic5 { background:url("../../images/guide/icon_c4_5.png") no-repeat center center; }
.c4 .ic6 { background:url("../../images/guide/icon_c4_6.png") no-repeat center center; }
.c4 .ic7 { background:url("../../images/guide/icon_c4_7.png") no-repeat center center; }
.c4 .ic8 { background:url("../../images/guide/icon_c4_8.png") no-repeat center center; }
.c4 .ic9 { background:url("../../images/guide/icon_c4_9.png") no-repeat center center; }
.c4 .ic10 { background:url("../../images/guide/icon_c4_10.png") no-repeat center center; }
.c4 .ic11 { background:url("../../images/guide/icon_c4_11.png") no-repeat center center; }
.c4 .ic12 { background:url("../../images/guide/icon_c4_12.png") no-repeat center center; }
.c4 .ic13 { background:url("../../images/guide/icon_c4_13.png") no-repeat center center; }
.c4 .ic14 { background:url("../../images/guide/icon_c4_14.png") no-repeat center center; }
.c4 .ic15 { background:url("../../images/guide/icon_c4_15.png") no-repeat center center; }
.c4 .ic16 { background:url("../../images/guide/icon_c4_16.png") no-repeat center center; }
.c4 .ic17 { background:url("../../images/guide/icon_c4_17.png") no-repeat center center; }
.c4 .ic18 { background:url("../../images/guide/icon_c4_18.png") no-repeat center center; }
.c4 .ic19 { background:url("../../images/guide/icon_c4_19.png") no-repeat center center; }
.c4 .ic20 { background:url("../../images/guide/icon_c4_20.png") no-repeat center center; }
.c4 .ic21 { background:url("../../images/guide/icon_c4_21.png") no-repeat center center; }
.c4 .ic22 { background:url("../../images/guide/icon_c4_22.png") no-repeat center center; }

/* 싱글박스 */
.box_1 { border:1px solid #ddd; border-radius:3px; padding:35px; }

/* 이이콘 박스 */
.box_ic { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; border:1px solid #ddd; padding:30px; }
.box_ic > .ic { flex:0 0 50px; width:100%; min-height:50px; margin-right:30px; }
.box_ic > .cont { flex:1 0 calc(100% - 80px); width:100%; }
.box_ic > .cont > dl { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; }
.box_ic > .cont > dl > dt { font-size:20px; border-bottom:2px dashed #ddd; padding-bottom:15px; margin-bottom:15px; width:100%; }
.box_ic > .cont > dl > dd {}
@media only screen and (max-width:768px){
  .box_ic > .ic { display:none; }
  .box_ic > .cont { flex-basis:100%; }	
}

/* 이이콘 박스2 */
.box_ic2 { background:url("../../images/guide/ic_cate_bg.png"); padding:5px; position:relative;  }
.box_ic2 > .innerWrap { background:#fff; overflow:hidden; padding:35px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; }
.box_ic2 > .innerWrap > .ic { flex:0 0 80px; height:80px; background:url("../../images/guide/icon_bg_g.png") no-repeat center center; background-size:contain; position:relative; margin-right:30px; }
.box_ic2 > .innerWrap > .cont { flex:1 0 calc(100% - 130px); width:100%; }

.box_ic2 > .innerWrap > .ic > div { border:2px solid #dfdfdf; border-radius:40%; margin-right:50px; width:100%; height:100%; background-color:#fff; position:absolute; top:-6px; left:-6px; }
.box_ic2.c1 > .innerWrap > .ic > div { border:2px solid #a90057; }
.box_ic2.c2 > .innerWrap > .ic > div { border:2px solid #0067c3; }
.box_ic2.c3 > .innerWrap > .ic > div { border:2px solid #ff7200; }
.box_ic2.c4 > .innerWrap > .ic > div { border:2px solid #a18e6b; }

.box_ic2 > .innerWrap > .cont > dl { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; }
.box_ic2 > .innerWrap > .cont > dl > dt { font-size:20px; border-bottom:2px dashed #ddd; padding-bottom:5px; margin-bottom:15px; width:100%; }
.box_ic2.c1 > .innerWrap > .cont > dl > dt { border-bottom:2px solid #a90057; }
.box_ic2.c2 > .innerWrap > .cont > dl > dt { border-bottom:2px solid #0067c3; }
.box_ic2.c3 > .innerWrap > .cont > dl > dt { border-bottom:2px solid #ff7200; }
.box_ic2.c4 > .innerWrap > .cont > dl > dt { border-bottom:2px solid #a18e6b; }
.box_ic2 > .innerWrap > .cont > dl > dd {}
@media only screen and (max-width:768px){
  .box_ic2 > .innerWrap > .ic { display:none; }
  .box_ic2 > .innerWrap > .cont { flex-basis:100%; }	
}

/* abBox(꺽쇠박스) */
.box_ab { background:url("../../images/guide/ic_cate_bg.png"); padding:5px; position:relative; }
.box_ab::before { content:""; position:absolute; width:100%; height:6px; left:0; top:0; }
.box_ab.c1::before { background:url("../../images/guide/abBox_bg_c1.png"); }
.box_ab.c2::before { background:url("../../images/guide/abBox_bg_c2.png"); }
.box_ab.c3::before { background:url("../../images/guide/abBox_bg_c3.png"); }
.box_ab.c4::before { background:url("../../images/guide/abBox_bg_c4.png"); }

.box_ab > .cont { background:#fff; overflow:hidden; padding:20px; }
.box_ab > .cont::before { content:""; position:absolute; width:6px; height:30%; left:0; top:0; }
.box_ab > .cont::after { content:""; position:absolute; width:6px; height:30%; right:0; top:0; }
.box_ab.c1 > .cont::before, .box_ab.c1 > .cont::after { background:url("../../images/guide/abBox_bg_c1.png"); }
.box_ab.c2 > .cont::before, .box_ab.c2 > .cont::after { background:url("../../images/guide/abBox_bg_c2.png"); }
.box_ab.c3 > .cont::before, .box_ab.c3 > .cont::after { background:url("../../images/guide/abBox_bg_c3.png"); }
.box_ab.c4 > .cont::before, .box_ab.c4 > .cont::after { background:url("../../images/guide/abBox_bg_c4.png"); }

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

/* box_info2 */
.box_info2 { background:url("../../images/guide/ic_cate_bg.png"); padding:5px; position:relative;  }

.box_info2::before { content:""; position:absolute; width:50px; height:6px; top:0; left:0; }
.box_info2.c1::before { background:url("../../images/guide/abBox_bg_c1.png"); }
.box_info2.c2::before { background:url("../../images/guide/abBox_bg_c2.png"); }
.box_info2.c3::before { background:url("../../images/guide/abBox_bg_c3.png"); }
.box_info2.c4::before { background:url("../../images/guide/abBox_bg_c4.png"); }
.box_info2::after { content:""; position:absolute; width:50px; height:6px; bottom:0; right:0; }
.box_info2.c1::after { background:url("../../images/guide/abBox_bg_c1.png"); }
.box_info2.c2::after { background:url("../../images/guide/abBox_bg_c2.png"); }
.box_info2.c3::after { background:url("../../images/guide/abBox_bg_c3.png"); }
.box_info2.c4::after { background:url("../../images/guide/abBox_bg_c4.png"); }
.box_info2 > .innerWrap::before { content:""; position:absolute; width:6px; height:50px; left:0; top:0; }
.box_info2.c1 > .innerWrap::before { background:url("../../images/guide/abBox_bg_c1.png"); }
.box_info2.c2 > .innerWrap::before { background:url("../../images/guide/abBox_bg_c2.png"); }
.box_info2.c3 > .innerWrap::before { background:url("../../images/guide/abBox_bg_c3.png"); }
.box_info2.c4 > .innerWrap::before { background:url("../../images/guide/abBox_bg_c4.png"); }
.box_info2 > .innerWrap::after { content:""; position:absolute; width:6px; height:50px; right:0; bottom:0; }
.box_info2.c1 > .innerWrap::after { background:url("../../images/guide/abBox_bg_c1.png"); }
.box_info2.c2 > .innerWrap::after { background:url("../../images/guide/abBox_bg_c2.png"); }
.box_info2.c3 > .innerWrap::after { background:url("../../images/guide/abBox_bg_c3.png"); }
.box_info2.c4 > .innerWrap::after { background:url("../../images/guide/abBox_bg_c4.png"); }

.box_info2 > .innerWrap { background:#fff; overflow:hidden; padding:35px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; }
.box_info2 > .innerWrap > .ic { flex:0 0 80px; height:80px; background:url("../../images/guide/icon_bg_g.png") no-repeat center center; background-size:contain; position:relative; margin-right:30px; }
.box_info2 > .innerWrap > .cont { flex:1 0 calc(100% - 130px); width:100%; }
.box_info2 > .innerWrap > .ic > div { border:2px solid #dfdfdf; border-radius:40%; margin-right:50px; width:100%; height:100%; background-color:#fff; position:absolute; top:-6px; left:-6px; }
.box_info2.c1 > .innerWrap > .ic > div { border:2px solid #a90057; }
.box_info2.c2 > .innerWrap > .ic > div { border:2px solid #0067c3; }
.box_info2.c3 > .innerWrap > .ic > div { border:2px solid #ff7200; }
.box_info2.c4 > .innerWrap > .ic > div { border:2px solid #a18e6b; }
.box_info2 > .innerWrap > .cont > dl { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; }
.box_info2 > .innerWrap > .cont > dl > dt { font-size:20px; border-bottom:2px dashed #ddd; padding-bottom:5px; margin-bottom:15px; width:100%; }
.box_info2.c1 > .innerWrap > .cont > dl > dt { border-bottom:2px solid #a90057; }
.box_info2.c2 > .innerWrap > .cont > dl > dt { border-bottom:2px solid #0067c3; }
.box_info2.c3 > .innerWrap > .cont > dl > dt { border-bottom:2px solid #ff7200; }
.box_info2.c4 > .innerWrap > .cont > dl > dt { border-bottom:2px solid #a18e6b; }
.box_info2 > .innerWrap > .cont > dl > dd { width:100%; }
.box_info2 > .innerWrap > .cont > dl > dd > .infoList { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.box_info2 > .innerWrap > .cont > dl > dd > .infoList > li { margin-right:20px; margin-bottom:10px; padding-left:12px; position:relative; }
.box_info2 > .innerWrap > .cont > dl > dd > .infoList > li::before { content:""; width:5px; height:5px; border-radius:50%; background-color:#444; position:absolute; top:50%; transform:translateY(-50%); left:0; }
.box_info2.c1 > .innerWrap > .cont > dl > dd > .infoList > li::before { background-color:#a90057; }
.box_info2.c2 > .innerWrap > .cont > dl > dd > .infoList > li::before { background-color:#0067c3; }
.box_info2.c3 > .innerWrap > .cont > dl > dd > .infoList > li::before { background-color:#ff7200; }
.box_info2.c4 > .innerWrap > .cont > dl > dd > .infoList > li::before { background-color:#a18e6b; }
@media only screen and (max-width:768px){
  .box_info2 > .innerWrap > .ic { display:none; }
  .box_info2 > .innerWrap > .cont { flex-basis:100%; }	
}

/* 등근모서리박스 aBox */
.aBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.aBox > li { flex:1 0  100%; border:1px solid #aaa; padding:15px 20px; box-sizing:border-box; margin-bottom:20px; position:relative; border-radius:15px; border-top-left-radius:0; }
.aBox > li > .tit { font-size:20px; position:relative; padding-left:20px; margin-bottom:10px; }
.aBox > li > .tit::before { position:absolute; content:""; width:8px; height:12px; background-color:#aaa; left:0; top:30%; transform:skew(-30deg); }
.aBox.c1 > li > .tit::before { background-color:#a90057; }
.aBox.c2 > li > .tit::before { background-color:#0067c3; }
.aBox.c3 > li > .tit::before { background-color:#ff7200; }
.aBox.c4 > li > .tit::before { background-color:#a18e6b; }
.aBox.div2 > li { flex:0 0 49%; }
.aBox.div2 > li:nth-child(odd) { margin-right:1%; }
.aBox.div2 > li:nth-child(even) { margin-left:1%; }
@media only screen and (max-width:600px) {
  .aBox.div2 > li { flex:1 0 100%; }
  .aBox.div2 > li:nth-child(odd) { margin-right:0; }
  .aBox.div2 > li:nth-child(even) { margin-left:0; }
}
.aBox.div3 > li { flex:0 0 32.66666%; }
.aBox.div3 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
@media only screen and (max-width:1024px){
  .aBox.div3 > li { flex:0 0 49%; }
  .aBox.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .aBox.div3 > li:nth-child(odd) { margin-right: 1%; }
  .aBox.div3 > li:nth-child(even) { margin-left: 1%; }
}
@media only screen and (max-width:600px){
  .aBox.div3 > li { flex:1 0 100%; }
  .aBox.div3 > li:nth-child(odd) { margin-right:0; }
  .aBox.div3 > li:nth-child(even) { margin-left:0; }
}
.aBox.div4 > li { flex:0 0 24.25%; margin-bottom:20px; }
.aBox.div4 > li:nth-child(4n-2) { margin-left:1%; }
.aBox.div4 > li:nth-child(4n-1) { margin-left:1%; }
.aBox.div4 > li:nth-child(4n) { margin-left:1%; }
@media only screen and (max-width:1024px){
  .aBox.div4 > li { flex:0 0 49%; }
  .aBox.div4 > li:nth-child(4n-2) { margin-left:0; }
  .aBox.div4 > li:nth-child(4n-1) { margin-left:0; }
  .aBox.div4 > li:nth-child(4n) { margin-left:0; }
  .aBox.div4 > li:nth-child(odd) { margin-right:1%; }
  .aBox.div4 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:600px){
  .aBox.div4 > li { flex:1 0 100%; }
  .aBox.div4 > li:nth-child(odd) { margin-right:0; }
  .aBox.div4 > li:nth-child(even) { margin-left:0; }
}
.aBox.div5 > li { flex:0 0 19%; margin-bottom:20px; }
.aBox.div5 > li:nth-child(5n-3) { margin-left:1%; }
.aBox.div5 > li:nth-child(5n-2) { margin-left:1%; }
.aBox.div5 > li:nth-child(5n-1) { margin-left:1%; }
.aBox.div5 > li:nth-child(5n) { margin-left:1%; }
@media only screen and (max-width:1200px){
  .aBox.div5 > li { flex:1 0 32.66666%; }
  .aBox.div5 > li:nth-child(5n-3) { margin-left:0; }
  .aBox.div5 > li:nth-child(5n-2) { margin-left:0; }
  .aBox.div5 > li:nth-child(5n-1) { margin-left:0; }
  .aBox.div5 > li:nth-child(5n) { margin-left:0; }
  .aBox.div5 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
}
@media only screen and (max-width:768px){
  .aBox.div5 > li { flex:1 0 49%; }
  .aBox.div5 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .aBox.div5 > li:nth-child(odd) { margin-right:1%; }
  .aBox.div5 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:600px){
  .aBox.div5 > li { flex:1 0 100%; }
  .aBox.div5 > li:nth-child(odd) { margin-right:0; }
  .aBox.div5 > li:nth-child(even) { margin-left:0; }
}

/* clBox(타이틀 색상) */
.clBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.clBox > li { margin-bottom:20px; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; }
.clBox > li > .tit { font-size:20px; background-color:#aaa; border-top-right-radius:15px; color:#fff; text-align:center; padding:10px 10px; }
.clBox.c1 > li > .tit { background:url("../../images/guide/bg_c1.png"); }
.clBox.c2 > li > .tit { background:url("../../images/guide/bg_c2.png"); }
.clBox.c3 > li > .tit { background:url("../../images/guide/bg_c3.png"); }
.clBox.c4 > li > .tit { background:url("../../images/guide/bg_c4.png"); }
.clBox > li.c1 > .tit { background:url("../../images/guide/bg_c1.png"); }
.clBox > li.c2 > .tit { background:url("../../images/guide/bg_c2.png"); }
.clBox > li.c3 > .tit { background:url("../../images/guide/bg_c3.png"); }
.clBox > li.c4 > .tit { background:url("../../images/guide/bg_c4.png"); }
.clBox > li > .cont { flex:1 0 auto; border:1px solid #aaa; border-bottom-left-radius:15px; border-bottom-right-radius:15px; padding:25px; }
.clBox.div2 > li { flex:0 0 49%; }
.clBox.div2 > li:nth-child(odd) { margin-right:1%; }
.clBox.div2 > li:nth-child(even) { margin-left:1%; }
@media only screen and (max-width:600px) {
  .clBox.div2 > li { flex:1 0 100%; }
  .clBox.div2 > li:nth-child(odd) { margin-right:0; }
  .clBox.div2 > li:nth-child(even) { margin-left:0; }
}
.clBox.div3 > li { flex:0 0 32.66666%; }
.clBox.div3 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
@media only screen and (max-width:1024px){
  .clBox.div3 > li { flex:0 0 49%; }
  .clBox.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .clBox.div3 > li:nth-child(odd) { margin-right: 1%; }
  .clBox.div3 > li:nth-child(even) { margin-left: 1%; }
}
@media only screen and (max-width:600px){
  .clBox.div3 > li { flex:1 0 100%; }
  .clBox.div3 > li:nth-child(odd) { margin-right:0; }
  .clBox.div3 > li:nth-child(even) { margin-left:0; }
}
.clBox.div4 > li { flex:0 0 24.25%; margin-bottom:20px; }
.clBox.div4 > li:nth-child(4n-2) { margin-left:1%; }
.clBox.div4 > li:nth-child(4n-1) { margin-left:1%; }
.clBox.div4 > li:nth-child(4n) { margin-left:1%; }
@media only screen and (max-width:1024px){
  .clBox.div4 > li { flex:0 0 49%; }
  .clBox.div4 > li:nth-child(4n-2) { margin-left:0; }
  .clBox.div4 > li:nth-child(4n-1) { margin-left:0; }
  .clBox.div4 > li:nth-child(4n) { margin-left:0; }
  .clBox.div4 > li:nth-child(odd) { margin-right:1%; }
  .clBox.div4 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:600px){
  .clBox.div4 > li { flex:1 0 100%; }
  .clBox.div4 > li:nth-child(odd) { margin-right:0; }
  .clBox.div4 > li:nth-child(even) { margin-left:0; }
}
.clBox.div5 > li { flex:0 0 19%; margin-bottom:20px; }
.clBox.div5 > li:nth-child(5n-3) { margin-left:1%; }
.clBox.div5 > li:nth-child(5n-2) { margin-left:1%; }
.clBox.div5 > li:nth-child(5n-1) { margin-left:1%; }
.clBox.div5 > li:nth-child(5n) { margin-left:1%; }
@media only screen and (max-width:1200px){
  .clBox.div5 > li { flex:1 0 32.66666%; }
  .clBox.div5 > li:nth-child(5n-3) { margin-left:0; }
  .clBox.div5 > li:nth-child(5n-2) { margin-left:0; }
  .clBox.div5 > li:nth-child(5n-1) { margin-left:0; }
  .clBox.div5 > li:nth-child(5n) { margin-left:0; }
  .clBox.div5 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
}
@media only screen and (max-width:768px){
  .clBox.div5 > li { flex:1 0 49%; }
  .clBox.div5 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .clBox.div5 > li:nth-child(odd) { margin-right:1%; }
  .clBox.div5 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:600px){
  .clBox.div5 > li { flex:1 0 100%; }
  .clBox.div5 > li:nth-child(odd) { margin-right:0; }
  .clBox.div5 > li:nth-child(even) { margin-left:0; }
}

/* numBox */
.numBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.numBox > li { margin:30px 0; border:1px solid #aaa; border-radius:15px; border-top-left-radius:0; position:relative; flex:1 0 100%; }
.numBox > li > .num { position:absolute; width:40px; height:40px; border-radius:50%; top:-25px; left:20px; background:#aaa; color:#fff; font-weight:600; font-size:16px; display:flex; justify-content:center; align-items:center; } 
.numBox.c1 > li > .num { background-color:#a90057; }
.numBox.c2 > li > .num { background-color:#0067c3; }
.numBox.c3 > li > .num { background-color:#ff7200; }
.numBox.c4 > li > .num { background-color:#a18e6b; }
.numBox > li.c1 > .num { background-color:#a90057; }
.numBox > li.c2 > .num { background-color:#0067c3; }
.numBox > li.c3 > .num { background-color:#ff7200; }
.numBox > li.c4 > .num { background-color:#a18e6b; }
.numBox > li > dl { padding:35px 20px 30px 35px; }
.numBox > li > dl > .tit { font-size:18px; font-weight:600; padding-bottom:20px; border-bottom:2px solid #aaa; margin-bottom:20px;  }
.numBox.c1 > li > dl > .tit { border-bottom:2px solid #a90057; }
.numBox.c2 > li > dl > .tit { border-bottom:2px solid #0067c3; }
.numBox.c3 > li > dl > .tit { border-bottom:2px solid #ff7200; }
.numBox.c4 > li > dl > .tit { border-bottom:2px solid #a18e6b; }
.numBox > li.c1 > dl > .tit { border-bottom:2px solid #a90057; }
.numBox > li.c2 > dl > .tit { border-bottom:2px solid #0067c3; }
.numBox > li.c3 > dl > .tit { border-bottom:2px solid #ff7200; }
.numBox > li.c4 > dl > .tit { border-bottom:2px solid #a18e6b; }
.numBox > li > dl > .cont { color:#444; }
.numBox.div2 > li { flex:0 0 49%; }
.numBox.div2 > li:nth-child(odd) { margin-right:1%; }
.numBox.div2 > li:nth-child(even) { margin-left:1%; }
@media only screen and (max-width:600px) {
  .numBox.div2 > li { flex:1 0 100%; }
  .numBox.div2 > li:nth-child(odd) { margin-right:0; }
  .numBox.div2 > li:nth-child(even) { margin-left:0; }
}
.numBox.div3 > li { flex:0 0 32.66666%; }
.numBox.div3 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
@media only screen and (max-width:1024px){
  .numBox.div3 > li { flex:0 0 49%; }
  .numBox.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .numBox.div3 > li:nth-child(odd) { margin-right: 1%; }
  .numBox.div3 > li:nth-child(even) { margin-left: 1%; }
}
@media only screen and (max-width:600px){
  .numBox.div3 > li { flex:1 0 100%; }
  .numBox.div3 > li:nth-child(odd) { margin-right:0; }
  .numBox.div3 > li:nth-child(even) { margin-left:0; }
}
.numBox.div4 > li { flex:0 0 24.25%; margin-bottom:20px; }
.numBox.div4 > li:nth-child(4n-2) { margin-left:1%; }
.numBox.div4 > li:nth-child(4n-1) { margin-left:1%; }
.numBox.div4 > li:nth-child(4n) { margin-left:1%; }
@media only screen and (max-width:1024px){
  .numBox.div4 > li { flex:0 0 49%; }
  .numBox.div4 > li:nth-child(4n-2) { margin-left:0; }
  .numBox.div4 > li:nth-child(4n-1) { margin-left:0; }
  .numBox.div4 > li:nth-child(4n) { margin-left:0; }
  .numBox.div4 > li:nth-child(odd) { margin-right:1%; }
  .numBox.div4 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:600px){
  .numBox.div4 > li { flex:1 0 100%; }
  .numBox.div4 > li:nth-child(odd) { margin-right:0; }
  .numBox.div4 > li:nth-child(even) { margin-left:0; }
}
.numBox.div5 > li { flex:0 0 19%; margin-bottom:20px; }
.numBox.div5 > li:nth-child(5n-3) { margin-left:1%; }
.numBox.div5 > li:nth-child(5n-2) { margin-left:1%; }
.numBox.div5 > li:nth-child(5n-1) { margin-left:1%; }
.numBox.div5 > li:nth-child(5n) { margin-left:1%; }
@media only screen and (max-width:1200px){
  .numBox.div5 > li { flex:1 0 32.66666%; }
  .numBox.div5 > li:nth-child(5n-3) { margin-left:0; }
  .numBox.div5 > li:nth-child(5n-2) { margin-left:0; }
  .numBox.div5 > li:nth-child(5n-1) { margin-left:0; }
  .numBox.div5 > li:nth-child(5n) { margin-left:0; }
  .numBox.div5 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
}
@media only screen and (max-width:768px){
  .numBox.div5 > li { flex:1 0 49%; }
  .numBox.div5 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .numBox.div5 > li:nth-child(odd) { margin-right:1%; }
  .numBox.div5 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:600px){
  .numBox.div5 > li { flex:1 0 100%; }
  .numBox.div5 > li:nth-child(odd) { margin-right:0; }
  .numBox.div5 > li:nth-child(even) { margin-left:0; }
}

/* icoBox */
.iconBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin-top:50px; }
.iconBox > li { flex:1 0 100%; margin-bottom:70px; border:1px solid #aaa; border-radius:15px; border-top-left-radius:0; position:relative; }
.iconBox > li > .icBg { position:absolute; background-color:#aaa; width:100px; height:100px; top:-50px; left:30px; border-radius:30%; }
.iconBox.c1 > li > .icBg { background:url("../../images/guide/bg_c1.png"); }
.iconBox.c2 > li > .icBg { background:url("../../images/guide/bg_c2.png"); }
.iconBox.c3 > li > .icBg { background:url("../../images/guide/bg_c3.png"); }
.iconBox.c4 > li > .icBg { background:url("../../images/guide/bg_c4.png"); }
.iconBox > li > .icBg > span { display:block; width:100%; height:100%; }
.iconBox > li > dl { padding:30px; padding-top:70px; }
.iconBox > li > dl > .tit { font-size:20px; font-weight:600; }
.iconBox > li > dl > .tit::after { content:""; display:block; width:100%; height:2px; background-color:#aaa; margin:20px 0; }
.iconBox.c1 > li > dl > .tit::after { background-color:#a90057; }
.iconBox.c2 > li > dl > .tit::after { background-color:#0067c3; }
.iconBox.c3 > li > dl > .tit::after { background-color:#ff7200; }
.iconBox.c4 > li > dl > .tit::after { background-color:#a18e6b; }
.iconBox.div2 > li { flex:0 0 49%; }
.iconBox.div2 > li:nth-child(odd) { margin-right:1%; }
.iconBox.div2 > li:nth-child(even) { margin-left:1%; }
@media only screen and (max-width:768px) {
  .iconBox.div2 > li { flex:1 0 100%; }
  .iconBox.div2 > li:nth-child(odd) { margin-right:0; }
  .iconBox.div2 > li:nth-child(even) { margin-left:0; }
}
.iconBox.div3 > li { flex:0 0 32.66666%; }
.iconBox.div3 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
@media only screen and (max-width:1024px){
  .iconBox.div3 > li { flex:0 0 49%; }
  .iconBox.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .iconBox.div3 > li:nth-child(odd) { margin-right: 1%; }
  .iconBox.div3 > li:nth-child(even) { margin-left: 1%; }
}
@media only screen and (max-width:768px){
  .iconBox.div3 > li { flex:1 0 100%; }
  .iconBox.div3 > li:nth-child(odd) { margin-right:0; }
  .iconBox.div3 > li:nth-child(even) { margin-left:0; }
}
.iconBox.div4 > li { flex:0 0 24.25%; margin-bottom:20px; }
.iconBox.div4 > li:nth-child(4n-2) { margin-left:1%; }
.iconBox.div4 > li:nth-child(4n-1) { margin-left:1%; }
.iconBox.div4 > li:nth-child(4n) { margin-left:1%; }
@media only screen and (max-width:1024px){
  .iconBox.div4 > li { flex:0 0 49%; }
  .iconBox.div4 > li:nth-child(4n-2) { margin-left:0; }
  .iconBox.div4 > li:nth-child(4n-1) { margin-left:0; }
  .iconBox.div4 > li:nth-child(4n) { margin-left:0; }
  .iconBox.div4 > li:nth-child(odd) { margin-right:1%; }
  .iconBox.div4 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:768px){
  .iconBox.div4 > li { flex:1 0 100%; }
  .iconBox.div4 > li:nth-child(odd) { margin-right:0; }
  .iconBox.div4 > li:nth-child(even) { margin-left:0; }
}
.iconBox.div5 > li { flex:0 0 19%; margin-bottom:20px; }
.iconBox.div5 > li:nth-child(5n-3) { margin-left:1%; }
.iconBox.div5 > li:nth-child(5n-2) { margin-left:1%; }
.iconBox.div5 > li:nth-child(5n-1) { margin-left:1%; }
.iconBox.div5 > li:nth-child(5n) { margin-left:1%; }
@media only screen and (max-width:1200px){
  .iconBox.div5 > li { flex:1 0 32.66666%; }
  .iconBox.div5 > li:nth-child(5n-3) { margin-left:0; }
  .iconBox.div5 > li:nth-child(5n-2) { margin-left:0; }
  .iconBox.div5 > li:nth-child(5n-1) { margin-left:0; }
  .iconBox.div5 > li:nth-child(5n) { margin-left:0; }
  .iconBox.div5 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
}
@media only screen and (max-width:768px){
  .iconBox.div5 > li { flex:1 0 49%; }
  .iconBox.div5 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .iconBox.div5 > li:nth-child(odd) { margin-right:1%; }
  .iconBox.div5 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:768px){
  .iconBox.div5 > li { flex:1 0 100%; }
  .iconBox.div5 > li:nth-child(odd) { margin-right:0; }
  .iconBox.div5 > li:nth-child(even) { margin-left:0; }
}



/* wBox */
.wBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border:1px solid #aaa; padding:30px; border-radius:15px; border-top-left-radius:0; }
.wBox > li { margin-bottom:20px; flex:0 0 48%; }
.wBox > li:nth-child(odd) { margin-right:2%; border-right:1px solid #aaa; }
.wBox > li:nth-child(even) { margin-left:2%; }
.wBox > li > .tit { font-size:20px; position:relative; padding-left:20px; margin-bottom:20px; }
.wBox > li > .tit:before { position:absolute; content:""; width:8px; height:12px; background-color:#aaa; left:0; top:30%; transform:skew(-30deg); }
.wBox.c1 > li > .tit:before { background-color:#a90057; }
.wBox.c2 > li > .tit:before { background-color:#0067c3; }
.wBox.c3 > li > .tit:before { background-color:#ff7200; }
.wBox.c4 > li > .tit:before { background-color:#a18e6b; }
@media only screen and (max-width:600px) {
  .wBox > li { flex:1 0 100%; }
  .wBox > li:nth-child(odd) { margin-right:0; border:0; }
  .wBox > li:nth-child(even) { margin-left:0; }
}

/* lBox */
.lBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.lBox > li { margin-bottom:20px; flex:0 0 49%; }
.lBox > li:nth-child(odd) { margin-right:1%; }
.lBox > li:nth-child(even) { margin-left:1%; }
.lBox > li > .tit { font-size:20px; position:relative; padding-left:20px; margin-bottom:10px; }
.lBox > li > .tit:before { position:absolute; content:""; width:8px; height:12px; background-color:#aaa; left:0; top:30%; transform:skew(-30deg); }
.lBox.c1 > li > .tit:before { background-color:#a90057; }
.lBox.c2 > li > .tit:before { background-color:#0067c3; }
.lBox.c3 > li > .tit:before { background-color:#ff7200; }
.lBox.c4 > li > .tit:before { background-color:#a18e6b; }
@media only screen and (max-width:600px) {
  .lBox > li { flex:1 0 100%; }
  .lBox > li:nth-child(odd) { margin-right:0; }
  .lBox > li:nth-child(even) { margin-left:0; }
}

/* hBox */
.hBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.hBox > li { margin-bottom:20px; flex:1 0 100%; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border:1px solid #aaa; border-radius:10px; border-top-left-radius:0; }
.hBox.bdrNone > li { border:none; }
.hBox.div2 > li { flex:0 0 49%; }
.hBox.div2 > li:nth-child(odd) { margin-right:1%; }
.hBox.div2 > li:nth-child(even) { margin-left:1%; }
.hBox > li > .tit { flex:0 0 200px; padding:20px; text-align:center; color:#fff; background-color:#aaa; border-radius:10px; border-top-left-radius:0; }
.hBox.c1 > li > .tit { border-color:#a90057; background:url("../../images/guide/bg_c1.png"); }
.hBox.c2 > li > .tit { border-color:#0067c3; background:url("../../images/guide/bg_c2.png"); }
.hBox.c3 > li > .tit { border-color:#ff7200; background:url("../../images/guide/bg_c3.png"); }
.hBox.c4 > li > .tit { border-color:#a18e6b; background:url("../../images/guide/bg_c4.png"); }
.hBox > li.c1 > .tit { background:url("../../images/guide/bg_c1.png"); }
.hBox > li.c2 > .tit { background:url("../../images/guide/bg_c2.png"); }
.hBox > li.c3 > .tit { background:url("../../images/guide/bg_c3.png"); }
.hBox > li.c4 > .tit { background:url("../../images/guide/bg_c4.png"); }
.hBox > li > .cont { flex:1 0 calc(100% - 200px); padding:20px 20px; }
@media only screen and (max-width:768px) {
  .hBox.div2 > li { flex:1 0 100%; }
  .hBox.div2 > li:nth-child(odd) { margin-right:0; }
  .hBox.div2 > li:nth-child(even) { margin-left:0; }
}
@media only screen and (max-width:600px) {
  .hBox > li { border-radius:10px; }
  .hBox > li > .tit { flex-basis:100%; padding:5px; border-radius:10px; border-bottom-left-radius:0; border-bottom-right-radius:0; }
  .hBox > li > .cont { flex-basis:100%; }
}

/* hBox2 */
.hBox2 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.hBox2 > li { margin-bottom:20px; flex:1 0 100%;  border-bottom:1px solid #aaa; border-bottom-left-radius:15px; }
.hBox2 > li > dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; } 
.hBox2 > li > dl > .tit { flex:0 0 250px; padding:15px; background-color:#aaa; border-radius:15px; color:#fff; font-size:18px; font-weight:600; display:flex; justify-content:center; align-items:center; }
.hBox2 > li > dl > .cont { flex:1 0 calc(100% - 250px); padding:15px; }
.hBox2.c1 > li > dl > .tit { border-color:#a90057; background:url("../../images/guide/bg_c1.png"); }
.hBox2.c2 > li > dl > .tit { border-color:#0067c3; background:url("../../images/guide/bg_c2.png"); }
.hBox2.c3 > li > dl > .tit { border-color:#ff7200; background:url("../../images/guide/bg_c3.png"); }
.hBox2.c4 > li > dl > .tit { border-color:#a18e6b; background:url("../../images/guide/bg_c4.png"); }
.hBox2 > li.c1 > dl > .tit { background:url("../../images/guide/bg_c1.png"); }
.hBox2 > li.c2 > dl > .tit { background:url("../../images/guide/bg_c2.png"); }
.hBox2 > li.c3 > dl > .tit { background:url("../../images/guide/bg_c3.png"); }
.hBox2 > li.c4 > dl > .tit { background:url("../../images/guide/bg_c4.png"); }
@media only screen and (max-width:1024px) {
  .hBox2 > li > dl > .tit { flex-basis:200px; font-size:16px;  }
  .hBox2 > li > dl > .cont { flex-basis:calc(100% - 200px);  }
}
@media only screen and (max-width:640px) {
  .hBox2 > li { border-bottom-left-radius:0; margin-bottom:30px; }
  .hBox2 > li > dl > .tit { flex-basis:100%; border-radius:0; }
  .hBox2 > li > dl > .cont { flex-basis:100%; }
}

/* hBox3 */
.hBox3 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.hBox3 > li { margin-bottom:20px; flex:1 0 100%; }
.hBox3 > li > dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; } 
.hBox3 > li > dl > .tit { flex:0 0 300px; border-bottom:1px solid #aaa; position:relative; padding:15px 15px 15px 20px; }
.hBox3 > li > dl > .cont { flex:1 0 calc(100% - 300px); border-bottom:1px solid #aaa; padding:15px; }
.hBox3 > li > dl > .tit::before { content:""; position:absolute; width:8px; height:12px; left:3px; top:21px; transform:skew(-30deg); background-color:#444; }
.hBox3 > li > dl > .tit > .titNo { font-size:15px; font-weight:600; color:#444; display:block; }
.hBox3 > li > dl > .tit > .tit1 { font-size:20px; font-weight:600; color:#444; }
.hBox3 > li > dl > .tit > .tit2 { font-size:14px; color:#444; display:block; }
.hBox3.c1 > li > dl > .tit::before { background-color:#a90057; }
.hBox3.c2 > li > dl > .tit::before { background-color:#0067c3; }
.hBox3.c3 > li > dl > .tit::before { background-color:#ff7200; }
.hBox3.c4 > li > dl > .tit::before { background-color:#a18e6b; }
.hBox3 > li.c1 > dl > .tit::before { background-color:#a90057; }
.hBox3 > li.c2 > dl > .tit::before { background-color:#0067c3; }
.hBox3 > li.c3 > dl > .tit::before { background-color:#ff7200; }
.hBox3 > li.c4 > dl > .tit::before { background-color:#a18e6b; }
.hBox3.c1 > li > dl > .tit > .titNo { color:#a90057; }
.hBox3.c2 > li > dl > .tit > .titNo { color:#0067c3; }
.hBox3.c3 > li > dl > .tit > .titNo { color:#ff7200; }
.hBox3.c4 > li > dl > .tit > .titNo { color:#a18e6b; }
.hBox3 > li.c1 > dl > .tit > .titNo { color:#a90057; }
.hBox3 > li.c2 > dl > .tit > .titNo { color:#0067c3; }
.hBox3 > li.c3 > dl > .tit > .titNo { color:#ff7200; }
.hBox3 > li.c4 > dl > .tit > .titNo { color:#a18e6b; }
.hBox3.c1 > li > dl > .tit > .tit1 { color:#a90057; }
.hBox3.c2 > li > dl > .tit > .tit1 { color:#0067c3; }
.hBox3.c3 > li > dl > .tit > .tit1 { color:#ff7200; }
.hBox3.c4 > li > dl > .tit > .tit1 { color:#a18e6b; }
.hBox3 > li.c1 > dl > .tit > .tit1 { color:#a90057; }
.hBox3 > li.c2 > dl > .tit > .tit1 { color:#0067c3; }
.hBox3 > li.c3 > dl > .tit > .tit1 { color:#ff7200; }
.hBox3 > li.c4 > dl > .tit > .tit1 { color:#a18e6b; }
@media only screen and (max-width:1024px) {
  .hBox3 > li > dl > .tit { flex-basis:200px; font-size:16px;  }
  .hBox3 > li > dl > .cont { flex-basis:calc(100% - 200px);  }
}
@media only screen and (max-width:640px) {
  .hBox3 > li { border-bottom-left-radius:0; margin-bottom:30px; }
  .hBox3 > li > dl > .tit { flex-basis:100%; border-radius:0; }
  .hBox3 > li > dl > .cont { flex-basis:100%; }
}

/* hBox4 */
.hBox4 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.hBox4 > li { border-bottom:1px solid #aaa; margin-bottom:30px; flex:1 0 100%; }
.hBox4 > li:first-child { border-top:1px solid #aaa; }
.hBox4.c1 > li:first-child { border-top:1px solid #a90057; }
.hBox4.c2 > li:first-child { border-top:1px solid #0067c3; }
.hBox4.c3 > li:first-child { border-top:1px solid #ff7200; }
.hBox4.c4 > li:first-child { border-top:1px solid #a18e6b; }
.hBox4 > li > dl { display:flex; flex-direction:column; justify-content:center; align-items:center; } 
.hBox4 > li > dl > .tit { flex:1 0 100%; padding:15px; text-align:center; }
.hBox4 > li > dl > .tit::before { content:""; display:block; width:8px; height:12px; transform:skew(-30deg); background-color:#444; margin:15px auto; }
.hBox4 > li > dl > .tit > .tit1 { font-size:22px; font-weight:600; color:#444; }
.hBox4 > li > dl > .tit > .tit2 { font-size:14px; color:#444; display:block; }
.hBox4.c1 > li > dl > .tit::before { background-color:#a90057; }
.hBox4.c2 > li > dl > .tit::before { background-color:#0067c3; }
.hBox4.c3 > li > dl > .tit::before { background-color:#ff7200; }
.hBox4.c4 > li > dl > .tit::before { background-color:#a18e6b; }
.hBox4 > li.c1 > dl > .tit::before { background-color:#a90057; }
.hBox4 > li.c2 > dl > .tit::before { background-color:#0067c3; }
.hBox4 > li.c3 > dl > .tit::before { background-color:#ff7200; }
.hBox4 > li.c4 > dl > .tit::before { background-color:#a18e6b; }
.hBox4.c1 > li > dl > .tit > .tit1 { color:#a90057; }
.hBox4.c2 > li > dl > .tit > .tit1 { color:#0067c3; }
.hBox4.c3 > li > dl > .tit > .tit1 { color:#ff7200; }
.hBox4.c4 > li > dl > .tit > .tit1 { color:#a18e6b; }
.hBox4 > li.c1 > dl > .tit > .tit1 { color:#a90057; }
.hBox4 > li.c2 > dl > .tit > .tit1 { color:#0067c3; }
.hBox4 > li.c3 > dl > .tit > .tit1 { color:#ff7200; }
.hBox4 > li.c4 > dl > .tit > .tit1 { color:#a18e6b; }
.hBox4 > li > dl > .cont { flex:1 0 100%; border-bottom:1px solid #aaa; padding:15px; }

.hBox5 > li { margin-bottom:30px; }
.hBox5 > li > dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #aaa; border-bottom-left-radius:20px; }
.hBox5 > li > dl > .tit { flex: 0 0 300px; padding:20px 20px; background-color:#aaa; font-size:20px; font-weight:600; color:#fff; display:flex; justify-content:center; align-items:center; border-radius:20px; }
.hBox5 > li > dl > .cont { flex:1 0 calc(100% - 300px); padding:0 30px; display:flex; justify-content:flex-start; align-items:center; }
.hBox5.c1 > li > dl > .tit { background:url("../../images/guide/bg_c1.png"); }
.hBox5.c2 > li > dl > .tit { background:url("../../images/guide/bg_c2.png"); }
.hBox5.c3 > li > dl > .tit { background:url("../../images/guide/bg_c3.png"); }
.hBox5.c4 > li > dl > .tit { background:url("../../images/guide/bg_c4.png"); }
.hBox5 > li.c1 > dl > .tit { background:url("../../images/guide/bg_c1.png"); }
.hBox5 > li.c2 > dl > .tit { background:url("../../images/guide/bg_c2.png"); }
.hBox5 > li.c3 > dl > .tit { background:url("../../images/guide/bg_c3.png"); }
.hBox5 > li.c4 > dl > .tit { background:url("../../images/guide/bg_c4.png"); }
@media only screen and (max-width:1024px) {
  .hBox5 > li > dl { border-bottom-left-radius:0; }
  .hBox5 > li > dl > .tit { flex-basis:100%; border-radius:0; }
  .hBox5 > li > dl > .cont { flex-basis:100%; padding:20px 30px; }
}

.hBox6 > li { padding-bottom:30px; border-bottom:1px solid #aaa;  }
.hBox6 > li:not(:first-child) { margin-top:30px; }
.hBox6 > li > dl { display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; }
.hBox6 > li > dl > .tit { padding-bottom:10px; color:#aaa; font-size:20px; font-weight:600; }
.hBox6 > li > dl > .tit span.titNo { font-size:15px; } 
.hBox6 > li > dl > .tit span.tit1 { font-size:22px; } 
.hBox6 > li > dl > .tit span.tit2 { font-size:14px; }
.hBox6.c1 > li > dl > .tit { color:#a90057; }
.hBox6.c2 > li > dl > .tit { color:#0067c3; }
.hBox6.c3 > li > dl > .tit { color:#ff7200; }
.hBox6.c4 > li > dl > .tit { color:#a18e6b; }
.hBox6 > li.c1 > dl > .tit { color:#a90057; }
.hBox6 > li.c2 > dl > .tit { color:#0067c3; }
.hBox6 > li.c3 > dl > .tit { color:#ff7200; }
.hBox6 > li.c4 > dl > .tit { color:#a18e6b; }
.hBox6 > li > dl > .tit > .info { margin-top:10px; color:#444; font-size:15px; }

/* 이미지박스 iBox */
.iBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.iBox > li { box-sizing:border-box; margin-bottom:30px; position:relative; }
.iBox > li > .imgWrap { position:relative; }
.iBox > li > .imgWrap > .onTit { position:absolute; content:""; border:1px solid #fff; padding:10px; color:#fff; bottom:10px; width:90%; left:50%; transform:translateX(-50%); background-color:rgba(0, 0, 0, 0.55); }
.iBox > li > .imgWrap > .img { position:relative; }
.iBox > li > .imgWrap > .img::before { position:absolute; content:""; border:1px solid #fff; width:97%; height:94%; top:50%; left:50%; transform:translate(-50%, -50%); }
.iBox > li > .tit { padding:10px 0 0 0; }
.iBox.div2 > li { flex:0 0 49%; }
.iBox.div2 > li:nth-child(odd) { margin-right:1%; }
.iBox.div2 > li:nth-child(even) { margin-left:1%; }
@media only screen and (max-width:600px) {
  .iBox.div2 > li { flex:1 0 100%; }
  .iBox.div2 > li:nth-child(odd) { margin-right:0; }
  .iBox.div2 > li:nth-child(even) { margin-left:0; }
}
.iBox.div3 > li { flex:0 0 32.66666%; }
.iBox.div3 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
@media only screen and (max-width:1024px){
  .iBox.div3 > li { flex:0 0 49%; }
  .iBox.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .iBox.div3 > li:nth-child(odd) { margin-right: 1%; }
  .iBox.div3 > li:nth-child(even) { margin-left: 1%; }
}
@media only screen and (max-width:600px){
  .iBox.div3 > li { flex:1 0 100%; }
  .iBox.div3 > li:nth-child(odd) { margin-right:0; }
  .iBox.div3 > li:nth-child(even) { margin-left:0; }
}
.iBox.div4 > li { flex:0 0 24.25%; margin-bottom:20px; }
.iBox.div4 > li:nth-child(4n-2) { margin-left:1%; }
.iBox.div4 > li:nth-child(4n-1) { margin-left:1%; }
.iBox.div4 > li:nth-child(4n) { margin-left:1%; }
@media only screen and (max-width:1024px){
  .iBox.div4 > li { flex:0 0 49%; }
  .iBox.div4 > li:nth-child(4n-2) { margin-left:0; }
  .iBox.div4 > li:nth-child(4n-1) { margin-left:0; }
  .iBox.div4 > li:nth-child(4n) { margin-left:0; }
  .iBox.div4 > li:nth-child(odd) { margin-right:1%; }
  .iBox.div4 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:600px){
  .iBox.div4 > li { flex:1 0 100%; }
  .iBox.div4 > li:nth-child(odd) { margin-right:0; }
  .iBox.div4 > li:nth-child(even) { margin-left:0; }
}
.iBox.div5 > li { flex:0 0 19%; margin-bottom:20px; }
.iBox.div5 > li:nth-child(5n-3) { margin-left:1%; }
.iBox.div5 > li:nth-child(5n-2) { margin-left:1%; }
.iBox.div5 > li:nth-child(5n-1) { margin-left:1%; }
.iBox.div5 > li:nth-child(5n) { margin-left:1%; }
@media only screen and (max-width:1200px){
  .iBox.div5 > li { flex:1 0 32.66666%; }
  .iBox.div5 > li:nth-child(5n-3) { margin-left:0; }
  .iBox.div5 > li:nth-child(5n-2) { margin-left:0; }
  .iBox.div5 > li:nth-child(5n-1) { margin-left:0; }
  .iBox.div5 > li:nth-child(5n) { margin-left:0; }
  .iBox.div5 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
}
@media only screen and (max-width:768px){
  .iBox.div5 > li { flex:1 0 49%; }
  .iBox.div5 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .iBox.div5 > li:nth-child(odd) { margin-right:1%; }
  .iBox.div5 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:600px){
  .iBox.div5 > li { flex:1 0 100%; }
  .iBox.div5 > li:nth-child(odd) { margin-right:0; }
  .iBox.div5 > li:nth-child(even) { margin-left:0; }
}


/* rBox */
.rBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; width:100%; }
.rBox.bdrNone > li { border:0; padding:0; } 
.rBox > li { border:1px solid #ddd; padding:25px; box-sizing:border-box; margin-bottom:20px; position:relative; width:100%; }
.rBox > li.bdrNone { border:0;} 

.rBox > li.c1 { border:2px solid #b92f75; }
.rBox > li.c2 { border:2px solid #c2b59c; }
.rBox > li.c3 { border:2px solid #ffb400; }
.rBox > li.c4 { border:2px solid #24aae1; }

.rBox > li.ab { position:relative; border-bottom:3px solid; }
.rBox > li.ab::after { content:""; position:absolute; width:15px; height:15px; right:2.2%; bottom:6%; background:#fff; }
.rBox > li.ab.c1 { border-bottom-color:#b92f75; }
.rBox > li.ab.c2 { border-bottom-color:#c2b59c; }
.rBox > li.ab.c3 { border-bottom-color:#ffb400; }
.rBox > li.ab.c4 { border-bottom-color:#24aae1; }
.rBox > li.ab.c1::after { border-right:5px solid #b92f75; border-bottom:5px solid #b92f75; }
.rBox > li.ab.c2::after { border-right:5px solid #c2b59c; border-bottom:5px solid #c2b59c; }
.rBox > li.ab.c3::after { border-right:5px solid #ffb400; border-bottom:5px solid #ffb400; }
.rBox > li.ab.c4::after { border-right:5px solid #24aae1; border-bottom:5px solid #24aae1; }

.rBox > li > .tit {font-size: 20px;position: relative;padding: 15px 0;min-height: 58px;}
.rBox > li > .tit:after {content: "";position: absolute;width: 15px;height: 2px;top: 10px;left: 0; background-color: #333;}
.rBox > li > .tit.c1:after { background-color:#b92f75; }
.rBox > li > .tit.c2:after { background-color:#c2b59c; }
.rBox > li > .tit.c3:after { background-color:#ffb400; }
.rBox > li > .tit.c4:after { background-color:#24aae1; }

.rBox > li > .cont { position:relative; }
.rBox > li > .cont > img { width:100%; }
.rBox > li > .cont > .onTit { position:absolute; content:""; border:1px solid #fff; padding:15px; color:#fff; bottom:20px; width:90%; left:50%; transform:translateX(-50%); background-color: rgba(0, 0, 0, 0.55); }
.rBox > li > .cont > .onTit:hover {}
.rBox > li > .cont > .onTit.c1:hover { background-color:#b92f75; border:1px solid #b92f75; }
.rBox > li > .cont > .onTit.c2:hover { background-color:#c2b59c; border:1px solid #c2b59c; }
.rBox > li > .cont > .onTit.c3:hover { background-color:#ffb400; border:1px solid #ffb400; }
.rBox > li > .cont > .onTit.c4:hover { background-color:#24aae1; border:1px solid #24aae1; }
.rBox > li > .cont > .onTit > a { color:#fff; position:relative; padding-right:15px; }
.rBox > li > .cont > .onTit > a::after { content: ""; position:absolute; width:11px; height:11px; border-top:3px solid #fff; border-right:3px solid #fff; right:0; top:50%; transform:translateY(-50%) rotate(45deg);  }

.rBox > li > .bTit { padding:10px 5px; }
.rBox > li > .bTit > a { position:relative; padding-right:15px; }
.rBox > li > .bTit a::after { content: ""; position:absolute; width:11px; height:11px; border-top:3px solid #444; border-right:3px solid #444; right:0; top:50%; transform:translateY(-50%) rotate(45deg);  }

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

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

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

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

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

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

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

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

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

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

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

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

/* bBox (div2, div3) */
.bBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; }
.bBox > .itemWrap { flex:1 0 100%; width:100%; margin-bottom:50px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; min-height:50px; }
.bBox > .itemWrap > .tit { flex:0 1 10%; padding:5px 0; padding-right:10px; font-size:18px; font-weight:600; }
.bBox > .itemWrap > .cont { flex:1 0 90%; width:100%; padding:5px 0; border-left:3px solid #a90057; padding-left:40px; }
.bBox > .itemWrap.em1 > .cont { border-left:3px solid #a90057; }
.bBox > .itemWrap.em2 > .cont { border-left:3px solid #0067c3; }
.bBox > .itemWrap.em3 > .cont { border-left:3px solid #ff7200; }
.bBox > .itemWrap.em4 > .cont { border-left:3px solid #a18e6b; }
.bBox.div2 > .itemWrap { flex:0 0 48%; }
.bBox.div2 > .itemWrap:nth-child(odd) { margin-right:2%;}
.bBox.div2 > .itemWrap:nth-child(even) { margin-left:2%;}
.bBox.div2 > .itemWrap > .tit { flex:0 1 10%; }
.bBox.div2 > .itemWrap > .cont { flex:1 0 90%; }
@media only screen and (max-width:1024px) {
  .bBox.div2 > .itemWrap { flex:0 0 100%; }
  .bBox.div2 > .itemWrap:nth-child(odd) { margin-right:0;}
  .bBox.div2 > .itemWrap:nth-child(even) { margin-left:0;}
  .bBox.div2 > .itemWrap > .tit { flex:0 1 7%; }
  .bBox.div2 > .itemWrap > .cont { flex:1 0 93%; }
}

/* raBox */
.raBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.raBox > li { margin-bottom:30px; }
.raBox.div2 > li { flex:0 0 50%; }
.raBox.div3 > li { flex:0 0 33.33333%; }
.raBox.div4 > li { flex:0 0 25%; }
.raBox.div5 > li { flex:0 0 20%; }
.raBox.div6 > li { flex:0 0 16.66666%; }
.raBox.div7 > li { flex:0 0 14.28571%; }
.raBox > li > .contWrap { display:flex; flex-direction:column; justify-content:flex-start; height:100%; }
.raBox > li > .contWrap > .tit { flex-grow:0; padding:23px 10px; background-color:#aaa; color:#fff; font-weight:600; text-align:center; position:relative; }
.raBox > li > .contWrap > .cont { flex-grow:1; padding:20px; 15px; color:#444; border-right:1px solid #aaa; border-bottom:1px solid #aaa; }
.raBox > li > .contWrap > .subTit { flex-grow:0; text-align:center; padding:15px 10px; font-weight:600; border-right:1px solid #aaa; border-bottom:1px solid #aaa; }
.raBox > li:last-child > .contWrap > .tit { border-top-right-radius:15px; }
.raBox > li:not(:last-child) > .contWrap > .tit::after { content:"다음"; font-size:0; text-indent:-9999px; position:absolute; width:26px; height:39px; background:url("../../images/guide/raBox_arr.png") no-repeat center center; top:50%; transform:translateY(-50%); right:-15px; z-index:1; }
.raBox > li:first-child > .contWrap > .cont { border-left:1px solid #aaa; }
.raBox > li:first-child > .contWrap > .subTit { border-left:1px solid #aaa; border-bottom-left-radius:15px; }
.raBox > li:last-child > .contWrap > .subTit { border-bottom-right-radius:15px; }
.raBox.c1 > li > .contWrap > .tit { background-color:#a90057; }
.raBox.c2 > li > .contWrap > .tit { background-color:#0067c3; }
.raBox.c3 > li > .contWrap > .tit { background-color:#ff7200; }
.raBox.c4 > li > .contWrap > .tit { background-color:#a18e6b; }
.raBox > li.c1 > .contWrap > .tit { background-color:#a90057; }
.raBox > li.c2 > .contWrap > .tit { background-color:#0067c3; }
.raBox > li.c3 > .contWrap > .tit { background-color:#ff7200; }
.raBox > li.c4 > .contWrap > .tit { background-color:#a18e6b; }
@media only screen and (max-width:1024px) {
  .raBox.div7 > li, .raBox.div4 > li, .raBox.div5 > li { flex-basis:25%; }
  .raBox > li:last-child > .contWrap > .tit { border-top-right-radius:0; }
  .raBox > li:first-child > .contWrap > .subTit { border-bottom-left-radius:0; }
  .raBox > li:last-child > .contWrap > .subTit { border-bottom-right-radius:0; }
  .raBox > li:nth-child(4n) > .contWrap > .tit::after { background:none; }
}
@media only screen and (max-width:768px) {
  .raBox.div7 > li, .raBox.div4 > li, .raBox.div5 > li, .raBox.div4 > li { flex-basis:33.33333%; }
  .raBox > li:not(:last-child) > .contWrap > .tit::after { background:url("../../images/guide/raBox_arr.png"); }
  .raBox > li:nth-child(3n) > .contWrap > .tit::after { background:none; }
}
@media only screen and (max-width:600px) {
  .raBox.div7 > li, .raBox.div4 > li, .raBox.div5 > li, .raBox.div4 > li, .raBox.div3 > li { flex-basis:50%; }
  .raBox > li:not(:last-child) > .contWrap > .tit::after { background:url("../../images/guide/raBox_arr.png"); }
  .raBox > li:nth-child(2n) > .contWrap > .tit::after { background:none; }
}
@media only screen and (max-width:380px) {	
  .raBox > li { flex:0 0 100% !important; margin-bottom:0; }
  .raBox > li > .contWrap { height:unset; }
  .raBox > li > .contWrap > .tit::after { display:none; }
  .raBox > li:not(:last-child)::after { content:"다음"; font-size:0; text-indent:-9999px; background:url("../../images/guide/box_arr_d.png") no-repeat center center; display:block; text-align:center; width:100%; height:60px; }
}

/* raBox2 */
.raBox2 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.raBox2 > li { flex:0 0 auto; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin-bottom:30px; }
.raBox2 > li:not(:last-child)::after { content:"다음"; font-size:0; text-indent:-9999px; display:inline-block; width:50px; height:38px; background:url("../../images/guide/box_arr_r.png") no-repeat center center; }
.raBox2 > li > .contWrap { min-width:200px; width:calc(100% - 50px); height:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; }
.raBox2 > li:last-child > .contWrap { width:calc(100%); }
.raBox2 > li > .contWrap > .tit { padding:10px; background-color:#aaa; color:#fff; text-align:center; border-top-right-radius:15px; }
.raBox2.c1 > li > .contWrap > .tit { background-color:#a90057; }
.raBox2.c2 > li > .contWrap > .tit { background-color:#0067c3; }
.raBox2.c3 > li > .contWrap > .tit { background-color:#ff7200; }
.raBox2.c4 > li > .contWrap > .tit { background-color:#a18e6b; }
.raBox2 > li.c1 > .contWrap > .tit { background-color:#a90057; }
.raBox2 > li.c2 > .contWrap > .tit { background-color:#0067c3; }
.raBox2 > li.c3 > .contWrap > .tit { background-color:#ff7200; }
.raBox2 > li.c4 > .contWrap > .tit { background-color:#a18e6b; }
.raBox2 > li > .contWrap > .cont { height:100%; border:1px solid #aaa; border-bottom-left-radius:15px; border-bottom-right-radius:15px; padding:20px 15px; }
.raBox2.div3 > li { flex:0 0 33.33333%; }
.raBox2.div4 > li { flex:0 0 25%; }
.raBox2.div5 > li { flex:0 0 20%; }
@media only screen and (max-width:380px) {	
  .raBox2 > li { flex:1 0 100%; margin-bottom:0; }
  .raBox2 > li:not(:last-child)::after { display:none; }
  .raBox2 > li > .contWrap { width:100%; height:unset; }
  .raBox2 > li:not(:last-child)::after { content:"다음"; font-size:0; text-indent:-9999px; background:url("../../images/guide/box_arr_d.png") no-repeat center center; display:block; text-align:center; width:100%; height:60px; }
}

/* raBox3 */
.raBox3 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.raBox3 > li { flex:0 1 auto; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; margin-bottom:20px; }
.raBox3 > li:not(:last-child)::after { content:"다음"; font-size:0; text-indent:-9999px; display:inline-block; width:50px; height:38px; background:url("../../images/guide/box_arr_r.png") no-repeat center center; }
.raBox3 > li > .contWrap { padding:20px; color:#fff; background-color:#aaa; border-radius:15px; border-top-left-radius:0; }
.raBox3.c1 > li > .contWrap { background-color:#a90057; }
.raBox3.c2 > li > .contWrap { background-color:#0067c3; }
.raBox3.c3 > li > .contWrap { background-color:#ff7200; }
.raBox3.c4 > li > .contWrap { background-color:#a18e6b; }
.raBox3 > li.c1 > .contWrap { background-color:#a90057; }
.raBox3 > li.c2 > .contWrap { background-color:#0067c3; }
.raBox3 > li.c3 > .contWrap { background-color:#ff7200; }
.raBox3 > li.c4 > .contWrap { background-color:#a18e6b; }

/* raBox4 */
.raBox4 { display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; }
.raBox4 > li { border:1px solid #aaa; border-radius:15px; border-top-left-radius:0; width:100%; margin-bottom:60px; position:relative; }
.raBox4 > li:not(:last-child)::after { content:""; position:absolute; width:38px; height:24px; bottom:-45px; left:70px; background:url("../../images/guide/box_arr_d.png") no-repeat center center; }
.raBox4 > li > .contWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.raBox4 > li > .contWrap > .tit { flex:0 0 200px; border-radius:15px; border-top-left-radius:0; padding:20px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; }
.raBox4 > li > .contWrap > .cont { flex:1 0 calc(100% - 200px); padding:20px; }
.raBox4 > li > .contWrap > .tit > .num { font-size:14px; opacity:0.7; }
.raBox4 > li > .contWrap > .tit > .txt {}
.raBox4.c1 > li > .contWrap > .tit { background-color:#a90057; }
.raBox4.c2 > li > .contWrap > .tit { background-color:#0067c3; }
.raBox4.c3 > li > .contWrap > .tit { background-color:#ff7200; }
.raBox4.c4 > li > .contWrap > .tit { background-color:#a18e6b; }
.raBox4 > li.c1 > .contWrap > .tit { background-color:#a90057; }
.raBox4 > li.c2 > .contWrap > .tit { background-color:#0067c3; }
.raBox4 > li.c3 > .contWrap > .tit { background-color:#ff7200; }
.raBox4 > li.c4 > .contWrap > .tit { background-color:#a18e6b; }
@media only screen and (max-width:860px) {	
  .raBox4 > li > .contWrap > .tit { flex-basis:100%; }
  .raBox4 > li > .contWrap > .cont { flex-basis:100%; }
  .raBox4 > li { border-radius:0; }
  .raBox4 > li > .contWrap > .tit { border-radius:0; }
  .raBox4 > li:not(:last-child)::after { left:50%; transform:translateX(-50%); }
}

/* 텍스트 링크 아이콘 */
.btnT::after { content:""; display:inline-block; padding-right:30px; width:14px; height:14px; }
.btnT.btnBlank::after { background:url("../../images/guide/btn_ic_blank_b.png") no-repeat center center; }
.btnT.btnDown::after { background:url("../../images/guide/btn_ic_down_b.png") no-repeat center center; }
.btnT.btnGo::after { background:url("../../images/guide/btn_ic_go_b.png") no-repeat center center; }

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

/* 이미지박스01 */
.itBox01_L { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.itBox01_L .imgWrap { flex:0 0 30%; position:relative; }
.itBox01_L .contWrap { flex:1 0 70%; background-color:#eee; padding:60px 20px 60px 150px; }
.itBox01_L .imgWrap .img { content:""; position:absolute; right:-50px; top:50%; transform:translateY(-50%); }
.itBox01_L .imgWrap .img::before { content:""; position:absolute; width:110px; height:126px; background:url("../../images/guide/itBox_logo_w.png") no-repeat center center; background-size:contain; top:50%; right:-54px; transform:translateY(-50%); }
.itBox01_L.c1 .imgWrap .img::before { background:url("../../images/guide/itBox_logo_01.png") no-repeat center center; background-size:contain; }
.itBox01_L.c2 .imgWrap .img::before { background:url("../../images/guide/itBox_logo_02.png") no-repeat center center; background-size:contain; }
.itBox01_L.c3 .imgWrap .img::before { background:url("../../images/guide/itBox_logo_03.png") no-repeat center center; background-size:contain; }
.itBox01_L.c4 .imgWrap .img::before { background:url("../../images/guide/itBox_logo_04.png") no-repeat center center; background-size:contain; }
.itBox01_L .contWrap .txtWrap {}
.itBox01_L .contWrap .txtWrap .tit1 { font-size:22px; color:#222; }
.itBox01_L .contWrap .txtWrap .tit2 { font-size:35px; color:#222; font-weight:600; }
.itBox01_L .contWrap .txtWrap .cont { color:#444; }
.itBox01_L .contWrap .txtWrap .cont::before { content:""; width:80px; height:2px; background-color:#222; display:block; margin:30px 0; }
.itBox01_L.c1 .contWrap .txtWrap .cont::before { background-color:#a90057; }
.itBox01_L.c2 .contWrap .txtWrap .cont::before { background-color:#0067c3; }
.itBox01_L.c3 .contWrap .txtWrap .cont::before { background-color:#ff7200; }
.itBox01_L.c4 .contWrap .txtWrap .cont::before { background-color:#a18e6b; }
@media only screen and (max-width:1200px) {	
  .itBox01_L .contWrap { padding:30px 20px 30px 130px; }
  .itBox01_L .contWrap .txtWrap .tit1 { font-size:20px; }
  .itBox01_L .contWrap .txtWrap .tit2 { font-size:30px; }
  .itBox01_L .contWrap .txtWrap .cont::before { margin:15px 0; }
}
@media only screen and (max-width:1024px) {	
  .itBox01_L { border-top:1px solid #aaa; padding-top:30px; }
  .itBox01_L .imgWrap { flex-basis:100%; text-align:center; padding-bottom:30px; }
  .itBox01_L .imgWrap .img { position:relative; right:unset; top:unset; transform:unset; }
  .itBox01_L .imgWrap .img::before { display:none; }
  .itBox01_L .contWrap { flex-basis:100%; padding:30px; }
  .itBox01_L .contWrap .txtWrap .tit1 { font-size:18px; }
  .itBox01_L .contWrap .txtWrap .tit2 { font-size:25px; }
}

.itBox01_R { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.itBox01_R .contWrap { flex:1 0 70%; background-color:#eee; padding:60px 150px 60px 50px; }
.itBox01_R .imgWrap { flex:0 0 30%; position:relative; }
.itBox01_R .imgWrap .img { content:""; position:absolute; left:-50px; top:50%; transform:translateY(-50%); }
.itBox01_R .imgWrap .img::before { content:""; position:absolute; width:110px; height:126px; background:url("../../images/guide/itBox_logo_w.png") no-repeat center center; background-size:contain; top:50%; left:-54px; transform:translateY(-50%); }
.itBox01_R.c1 .imgWrap .img::before { background:url("../../images/guide/itBox_logo_01.png") no-repeat center center; background-size:contain; }
.itBox01_R.c2 .imgWrap .img::before { background:url("../../images/guide/itBox_logo_02.png") no-repeat center center; background-size:contain; }
.itBox01_R.c3 .imgWrap .img::before { background:url("../../images/guide/itBox_logo_03.png") no-repeat center center; background-size:contain; }
.itBox01_R.c4 .imgWrap .img::before { background:url("../../images/guide/itBox_logo_04.png") no-repeat center center; background-size:contain; }
.itBox01_R .contWrap .txtWrap {}
.itBox01_R .contWrap .txtWrap .tit1 { font-size:22px; color:#222; }
.itBox01_R .contWrap .txtWrap .tit2 { font-size:35px; color:#222; font-weight:600; }
.itBox01_R .contWrap .txtWrap .cont { color:#444;}
.itBox01_R .contWrap .txtWrap .cont::before { content:""; width:80px; height:2px; background-color:#222; display:block; margin:30px 0; }
.itBox01_R.c1 .contWrap .txtWrap .cont::before { background-color:#a90057; }
.itBox01_R.c2 .contWrap .txtWrap .cont::before { background-color:#0067c3; }
.itBox01_R.c3 .contWrap .txtWrap .cont::before { background-color:#ff7200; }
.itBox01_R.c4 .contWrap .txtWrap .cont::before { background-color:#a18e6b; }
@media only screen and (max-width:1200px) {	
  .itBox01_R .contWrap { padding:30px 130px 30px 50px; }
  .itBox01_R .contWrap .txtWrap .tit1 { font-size:20px; }
  .itBox01_R .contWrap .txtWrap .tit2 { font-size:30px; }
  .itBox01_R .contWrap .txtWrap .cont::before { margin:15px 0; }
}
@media only screen and (max-width:1024px) {	
  .itBox01_R .contWrap { flex-basis:100%; padding:30px; }
  .itBox01_R .contWrap .txtWrap .tit1 { font-size:18px; }
  .itBox01_R .contWrap .txtWrap .tit2 { font-size:25px; }
  .itBox01_R { border-bottom:1px solid #aaa; padding-bottom:30px; }
  .itBox01_R .imgWrap { flex-basis:100%; text-align:center; padding-top:30px; }
  .itBox01_R .imgWrap .img { position:relative; right:unset; top:unset; transform:unset; }
  .itBox01_R .imgWrap .img::before { display:none; }
}

/* 이미지박스02 */
.itBox02_R { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; position:relative; }
.itBox02_R .contWrap { flex:1 0 85%; background-color:#eee; padding:40px 200px 40px 20px; min-height:250px; }
.itBox02_R .contWrap .cont { color:#444; }
.itBox02_R .imgWrap { flex:0 0 15%; }
.itBox02_R .imgWrap .img { content:""; position:absolute; width:304px; height:171px; right:20px; top:50%; transform:translateY(-50%); }
.itBox02_R .imgWrap .img::before { content:""; background-color:#aaa; width:100%; height:100%; position:absolute; top:20px; left:20px; }
.itBox02_R.c1 .imgWrap .img::before { background-color:#a90057; }
.itBox02_R.c2 .imgWrap .img::before { background-color:#0067c3; }
.itBox02_R.c3 .imgWrap .img::before { background-color:#ff7200; }
.itBox02_R.c4 .imgWrap .img::before { background-color:#a18e6b; }
.itBox02_R .imgWrap .img img { position:relative; }
@media only screen and (max-width:800px) {	
  .itBox02_R { border-bottom:1px solid #aaa; }
  .itBox02_R .contWrap { flex-basis:100%; padding:40px 20px; }
  .itBox02_R .imgWrap { flex-basis:100%; padding:40px; width:100%; padding-bottom:60px; }
  .itBox02_R .imgWrap .img { position:relative; right:unset; top:unset; transform:unset; width:100%; height:100%; }
  .itBox02_R .imgWrap .img img { width:100%; }
}

.itBox02_L { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; position:relative; }
.itBox02_L .imgWrap { flex:0 0 15%; }
.itBox02_L .imgWrap .img { content:""; position:absolute; width:304px; height:171px; left:0; top:50%; transform:translateY(-50%); }
.itBox02_L .imgWrap .img::before { content:""; background-color:#aaa; width:100%; height:100%; position:absolute; top:20px; left:20px; }
.itBox02_L.c1 .imgWrap .img::before { background-color:#a90057; }
.itBox02_L.c2 .imgWrap .img::before { background-color:#0067c3; }
.itBox02_L.c3 .imgWrap .img::before { background-color:#ff7200; }
.itBox02_L.c4 .imgWrap .img::before { background-color:#a18e6b; }
.itBox02_L .imgWrap .img img { position:relative; }
.itBox02_L .contWrap .cont { color:#444; }
.itBox02_L .contWrap { flex:1 0 85%; background-color:#eee; padding:40px 20px 40px 200px; min-height:250px; }
@media only screen and (max-width:800px) {	
  .itBox02_L { border-top:1px solid #aaa; }
  .itBox02_L .contWrap { flex-basis:100%; padding:40px 20px; }
  .itBox02_L .imgWrap { flex-basis:100%; padding:40px; width:100%; padding-bottom:60px; }
  .itBox02_L .imgWrap .img { position:relative; right:unset; top:unset; transform:unset; width:100%; height:100%; }
  .itBox02_L .imgWrap .img img { width:100%; }
}

/* 이미지박스03 */
.itBox03_L { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; box-sizing:border-box; margin-bottom:30px; }
.itBox03_L .imgWrap { flex:0 0 450px; margin-right:3%; position:relative; }
.itBox03_L .imgWrap::after { content:""; position:absolute; background:url("../../images/guide/itBox_sLogo_01.png") no-repeat center center; width:80px; height:80px; bottom:-20px; right:-20px; }
.itBox03_L .imgWrap .img img { border-radius:15px; border-top-left-radius:0; }
.itBox03_L .contWrap { flex:1 0 calc(100% - 500px); border-top:1px solid #aaa; border-bottom:1px solid #aaa; padding:20px; }
@media only screen and (max-width:1024px) {	
  .itBox03_L {}
  .itBox03_L .imgWrap { flex-basis:100%; margin-left:0; border-top:1px solid #aaa; margin:0; padding:40px 20px 0 20px; }
  .itBox03_L .imgWrap::after { display:none; }
  .itBox03_L .imgWrap .img { text-align:center; }
  .itBox03_L .contWrap { flex-basis:100%; border-top:0; }
}
.itBox03_R { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; box-sizing:border-box; margin-right:25px; margin-bottom:30px; }
.itBox03_R .contWrap { flex:1 0 calc(100% - 500px); border-top:1px solid #aaa; border-bottom:1px solid #aaa; padding:20px; }
.itBox03_R .imgWrap { flex:0 0 450px; width:100%; margin-left:3%; position:relative; }
.itBox03_R .imgWrap::after { content:""; position:absolute; background:url("../../images/guide/itBox_sLogo_01.png") no-repeat center center; width:80px; height:80px; bottom:-20px; right:-20px; }
.itBox03_R .imgWrap .img img { border-radius:15px; border-top-left-radius:0; }
@media only screen and (max-width:1024px) {	
  .itBox03_R { margin-right:0; }
  .itBox03_R .contWrap { flex-basis:100%; border-bottom:0; }
  .itBox03_R .imgWrap { flex-basis:100%; margin-right:0; border-bottom:1px solid #aaa; margin:0; padding:0 20px 40px 20px; }
  .itBox03_R .imgWrap::after { display:none; }
  .itBox03_R .imgWrap .img { text-align:center; }
}

/* 인사말01 */
.intro01Wrap {}
.intro01Wrap .photoWrap { position:relative; margin-top:20px; margin-bottom:130px; }
.intro01Wrap .photoWrap .photo { position:relative; background:url("../../images/guide/intro_01_img_bg.png"); width:977px; height:536px; border-radius:15px; }
.intro01Wrap .photoWrap .photo img { position:absolute; top:-20px; left:20px; border-top-right-radius:15px; border-bottom-left-radius:15px; }
.intro01Wrap .photoWrap .slogan { position:absolute; width:680px; height:460px; top:130px; right:0; border-radius:25px; border-bottom-right-radius:0; padding:40px; background:#a90057 url("../../images/guide/intro_01_img_02.png") no-repeat bottom right; }
.intro01Wrap .photoWrap .slogan .txt01 { color:#fff; font-weight:600; font-size:45px; }
.intro01Wrap .photoWrap .slogan .txt01::after { content:""; background-color:#fff; width:80px; height:1px; display:block; margin:25px 0; }
.intro01Wrap .photoWrap .slogan .txt02 { color:#fff; font-size:24px; }
.intro01Wrap .txtWrap {}
.intro01Wrap .txtWrap .txt01 { font-weight:600; color:#222; font-size:20px; }
.intro01Wrap .txtWrap .txt02 { color:#444; font-size:20px; }
@media only screen and (max-width:1400px) {	
  .intro01Wrap .photoWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin-top:0; margin-bottom:50px; }
  .intro01Wrap .photoWrap .photo { flex:1 0 60%; width:100%; height:auto; padding:15px; border-radius:0; display:flex; justify-content:center; align-items:center; }
  .intro01Wrap .photoWrap .photo img { position:relative; top:unset; left:unset; width:98%; border-radius:0; }
  .intro01Wrap .photoWrap .slogan { flex:1 0 40%; position:relative; width:100%; height:auto; top:unset; right:unset; border-radius:0; }
  .intro01Wrap .photoWrap .slogan .txt01::after { margin:15px 0; }
}
@media only screen and (max-width:1200px) {	
  .intro01Wrap .photoWrap .slogan .txt01 { font-size:35px; }
  .intro01Wrap .photoWrap .slogan .txt02 { font-size:18px; }
}
@media only screen and (max-width:1024px) {	
  .intro01Wrap .photoWrap .slogan .txt01 { font-size:25px; }
  .intro01Wrap .photoWrap .slogan .txt02 { font-size:18px; }
  .intro01Wrap .txtWrap .txt1, .intro01Wrap .txtWrap .txt2 { font-size:18px; }
}
@media only screen and (max-width:768px) {	
  .intro01Wrap .photoWrap .photo, .intro01Wrap .photoWrap .slogan { flex:1 0 100%; }	
}

/* 인사말02 */
.intro02Wrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; margin-top:50px;  }
.intro02Wrap .photoWrap { flex:1 0 50%; }
.intro02Wrap .photoWrap .photo { width:90%; position:relative; }
.intro02Wrap .photoWrap .photo::before { content:""; position:absolute; background:url("../../images/guide/intro_01_img_bg.png"); bottom:-15px; right:-15px; width:100%; height:100%; border-radius:15px; z-index:-1; }
.intro02Wrap .photoWrap .photo::after { content:""; position:absolute; background:url("../../images/guide/intro_02_img_02.png") no-repeat center center; width:120px; height:120px; top:-37px; right:-37px; z-index:-2; }
.intro02Wrap .photoWrap .photo img { width:100%; border-radius:15px; border-top-left-radius:0; }
.intro02Wrap .txtWrap { flex:1 0 50%; }
.intro02Wrap .txtWrap .slogan { background:url("../../images/guide/intro_02_img_03.png") no-repeat bottom right; margin-bottom:80px;padding-top: 83px;}
.intro02Wrap .txtWrap .slogan > .txt01 { color:#222; font-weight:600; font-size:45px; }
.intro02Wrap .txtWrap .slogan > .txt01::after { content:""; background-color:#a90057; width:80px; height:1px; display:block; margin:25px 0; }
.intro02Wrap .txtWrap .slogan > .txt02 { color:#444; font-size:24px; }
.intro02Wrap .txtWrap > .txt01 { font-weight:600; color:#222; font-size:20px; }
.intro02Wrap .txtWrap > .txt02 { color:#444; font-size:20px; }
@media only screen and (max-width:1024px) {	
  .intro02Wrap .txtWrap .slogan { background:none; margin-bottom:30px; }
  .intro02Wrap .txtWrap .slogan > .txt01 { font-size:30px; }
  .intro02Wrap .txtWrap .slogan > .txt01::after { margin:15px 0; }
  .intro02Wrap .txtWrap .slogan > .txt02 { font-size:20px; }
  .intro02Wrap .txtWrap > .txt01, .intro02Wrap .txtWrap > .txt02 { font-size:18px; }
}
@media only screen and (max-width:768px) {	
  .intro02Wrap .photoWrap { flex:1 0 100%; }
  .intro02Wrap .photoWrap .photo { width:100%; display:flex; justify-content:center; align-items:center; padding:15px; }
  .intro02Wrap .photoWrap .photo::before { bottom:0; right:0; }
  .intro02Wrap .photoWrap .photo::after { display:none; }
  .intro02Wrap .photoWrap .photo img { border-top-left-radius:15px; }
  .intro02Wrap .txtWrap { flex:1 0 100%; margin-top:30px; }
  .intro02Wrap .txtWrap .slogan > .txt01 { font-size:24px; }
  .intro02Wrap .txtWrap .slogan > .txt02 { font-size:18px; }
}

/* 인사말03 */
.intro03Wrap {}
.intro03Wrap .photoWrap { position:relative; margin-bottom:150px; }
.intro03Wrap .photoWrap .slogan { min-height:430px; padding-top:80px; padding-left:80px;  /*background-image:linear-gradient(-65deg, transparent 45%, #a90057 0);*/ background:url("../../images/guide/intro_03_img_bg2.png") no-repeat top left; z-index:1; position:relative; }
.intro03Wrap .photoWrap .slogan .txt01 { color:#fff; font-weight:600; font-size:45px; position:relative; width:auto;}
.intro03Wrap .photoWrap .slogan .txt02 { color:#fff; font-size:24px; display:block; padding-top:25px; }
.intro03Wrap .photoWrap .photo { max-height:410px; position:absolute; top:40px; right:0;}
.intro03Wrap .txtWrap > .txt01 { font-weight:600; color:#222; font-size:20px; }
.intro03Wrap .txtWrap > .txt02 { color:#444; font-size:20px; }
@media only screen and (max-width:768px) {	
  .intro03Wrap .photoWrap { margin-bottom:50px; }
  .intro03Wrap .photoWrap .slogan { background:none; background-color:#a90057; padding:30px; min-height:auto; }
  .intro03Wrap .photoWrap .slogan .txt01 { font-size:30px; }
  .intro03Wrap .photoWrap .slogan .txt02 { font-size:18px; }
  .intro03Wrap .photoWrap .photo { display:none; }
  .intro03Wrap .txtWrap > .txt02 { font-size:18px; }
}

/* 융합전공 아이콘 박스 */
.iconBox2 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.iconBox2 > li { flex:1 0 100%; margin-bottom:20px; border:1px solid #aaa; border-radius:15px; border-top-left-radius:0; padding:30px; }
.iconBox2.div2 > li { flex:0 0 49%; }
.iconBox2.div2 > li:nth-child(odd) { margin-right:1%; }
.iconBox2.div2 > li:nth-child(even) { margin-left:1%; }
.iconBox2 > li > .titWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #aaa; }
.iconBox2 > li > .titWrap > .icBg { flex:0 0 100px; width:100%; min-height:100px; border-radius:30%; margin-right:20px; }
.iconBox2.c1 > li > .titWrap > .icBg { background:url("../../images/guide/bg_c1.png"); }
.iconBox2.c2 > li > .titWrap > .icBg { background:url("../../images/guide/bg_c2.png"); }
.iconBox2.c3 > li > .titWrap > .icBg { background:url("../../images/guide/bg_c3.png"); }
.iconBox2.c4 > li > .titWrap > .icBg { background:url("../../images/guide/bg_c4.png"); }
.iconBox2 > li > .titWrap > .icBg > span { display:block; width:100%; height:100%; }
.iconBox2 > li > .titWrap > .tit { display:flex; align-items:center; font-size:20px; font-weight:600; }
.iconBox2 > li > .contWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }

.iconBox2 > li > .contWrap > .tit { flex:0 0 120px; margin-bottom:20px; position:relative; }
.iconBox2 > li > .contWrap > .cont { flex: 1 0 calc(100% - 120px); align-self:center; padding-left:40px; margin-bottom:20px; }
.iconBox2 > li > .contWrap > .tit::after { content:""; position:absolute; width:13px; height:4px; background:url("../../images/guide/icon_cw_35.png") no-repeat center center; top:17px; right:-25px; }

.iconBox2 > li > .contWrap > .tit > span { display:block; width:100%; border:2px solid #aaa; text-align:center; border-radius:20px; padding:5px 10px; }
.iconBox2.c1 > li > .contWrap > .tit > span { border-color:#a90057; color:#a90057; }
.iconBox2.c2 > li > .contWrap > .tit > span { border-color:#0067c3; color:#0067c3; }
.iconBox2.c3 > li > .contWrap > .tit > span { border-color:#ff7200; color:#ff7200; }
.iconBox2.c4 > li > .contWrap > .tit > span { border-color:#a18e6b; color:#a18e6b; }
@media only screen and (max-width:1024px) {
  .iconBox2.div2 > li { flex:1 0 100%; }
  .iconBox2.div2 > li:nth-child(odd) { margin-right:0; }
  .iconBox2.div2 > li:nth-child(even) { margin-left:0; }
}

/*


.itBox01_L.c1 .contWrap .txtWrap .cont::before { background-color:#a90057; }
.itBox01_L.c2 .contWrap .txtWrap .cont::before { background-color:#0067c3; }
.itBox01_L.c3 .contWrap .txtWrap .cont::before { background-color:#ff7200; }
.itBox01_L.c4 .contWrap .txtWrap .cont::before { background-color:#a18e6b; }


.iconBox2 > li > .icBg { position:absolute; background-color:#aaa; width:100px; height:100px; top:-50px; left:30px; border-radius:30%; }
.iconBox2.c1 > li > .icBg { background:url("../../images/guide/bg_c1.png"); }
.iconBox2.c2 > li > .icBg { background:url("../../images/guide/bg_c2.png"); }
.iconBox2.c3 > li > .icBg { background:url("../../images/guide/bg_c3.png"); }
.iconBox2.c4 > li > .icBg { background:url("../../images/guide/bg_c4.png"); }
.iconBox2 > li > .icBg > span { display:block; width:100%; height:100%; }
.iconBox2 > li > dl { padding:30px; padding-top:70px; }
.iconBox2 > li > dl > .tit { font-size:20px; font-weight:600; }
.iconBox2 > li > dl > .tit::after { content:""; display:block; width:100%; height:2px; background-color:#aaa; margin:20px 0; }
.iconBox2.c1 > li > dl > .tit::after { background-color:#a90057; }
.iconBox2.c2 > li > dl > .tit::after { background-color:#0067c3; }
.iconBox2.c3 > li > dl > .tit::after { background-color:#ff7200; }
.iconBox2.c4 > li > dl > .tit::after { background-color:#a18e6b; }
*/


/*주의*/
.caution{position:relative; padding-left:25px; line-height:1.3;}
.caution:before{content:"※";width:15px;height:15px;display:block;position:absolute;left:0;top:1px;}
.caution_icon_1,
.caution_icon_2,
.caution_icon_3,
.caution_icon_4,
.caution_icon_5{position:relative; padding-left:30px; line-height:1.3;}
.caution_icon_1{color:#f76228;}
.caution_icon_2{color:#ff1c30;}
.caution_icon_3{color:#007f76;}
.caution_icon_4{color:#004592;}
.caution_icon_5{color:#666;}
.caution_icon_1:before,
.caution_icon_2:before,
.caution_icon_3:before,
.caution_icon_4:before,
.caution_icon_5:before{content:"";width:22px;height:22px;display:block;position:absolute;left:0;top:0;}
.caution_icon_1:before{background:url("../../images/guide/ico-notice1.png") no-repeat center left;}
.caution_icon_2:before{background:url("../../images/guide/ico-notice2.png") no-repeat center left;}
.caution_icon_3:before{background:url("../../images/guide/ico-notice3.png") no-repeat center left;}
.caution_icon_4:before{background:url("../../images/guide/ico-notice4.png") no-repeat center left;}
.caution_icon_5:before{background:url("../../images/guide/ico-notice5.png") no-repeat center left;} 


/* 이미지 + 텍스트 */
.titBox{position: relative; margin-bottom: 50px;}
.titBox::after{content:""; display: table; clear: both;}
.titBox .titBox_box{position: absolute; width: 50%; height: 250px; left: 0; display: table;}
.titBox .titBox_box::before{content:""; display: block; position: absolute; width: 100%; height: 100%; background: url("../../images/guide/history_pattern.png") no-repeat right top; left: 10px; top: 10px; z-index: 1;}
.titBox .titBox_shape{display: table-cell; vertical-align: middle; padding-left: 70px; position: relative; z-index: 2;}
.titBox.t01 .titBox_shape{ background: url("../../images/guide/history_record_shape_01.png") no-repeat right top; }
.titBox.t02 .titBox_shape{ background: url("../../images/guide/history_record_shape_02.png") no-repeat right top; }
.titBox .titBox_shape h1{font-size: 35px; font-weight: 500; color: white; position: relative;}
.titBox .titBox_shape h1::before{content:""; display:none; position: absolute; width: 390px; height: 1px; background: rgba(255,255,255,.5); right: -162px; top: 50%;}
.titBox .titBox_shape p{font-size: 18px; line-height: 28px; color: white; margin-top: 5px;}
.titBox .titBox_image{float: right; background: url("../../images/guide/history_record_background.png") no-repeat left top; height: 250px; width: 61.3%; margin-top: 20px; position: relative;}
@media all and (max-width: 1400px) {
  .titBox .titBox_box{width: 60%;}
  .titBox .titBox_shape{padding-left: 30px;}
  .titBox .titBox_shape h1::before{width: 200px; right: -40px;}
}
@media all and (max-width: 1024px) {
  .titBox .titBox_box{width: 65%;}
  .titBox .titBox_shape h1::before{width: 160px;}
  .titBox .titBox_shape h1{font-size: 25px;}
  .titBox .titBox_shape p{font-size: 14px; line-height: 20px;}
}
@media all and (max-width: 768px) {
  .titBox {margin-bottom: 30px;}
  .titBox .titBox_box{width: 100%; position: static; height: auto;}
  .titBox .titBox_box::before{display: none;}
  .titBox .titBox_shape{padding:20px 20px 25px;}
  .titBox.t01 .titBox_shape{background:#790033; padding:20px 20px 25px;}
  .titBox.t02 .titBox_shape{background:#f39100; padding:20px 20px 25px;}
  .titBox .titBox_shape h1::before{display: none;}
  .titBox .titBox_image{height: 140px; width: 100%; background-size: 160% auto; background-position: right center; margin-top: 0;}
}


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


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


/*링크박스*/
.rowBox_link{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.rowBox_link > li{ flex-basis:auto; display:flex; align-items:center; border:1px solid #ddd; padding:20px; box-sizing: border-box; cursor:pointer; margin-right:10px; margin-bottom:10px; }
.rowBox_link.div3 > li { flex:0 0 32%; }
.rowBox_link.div4 > li { flex:0 0 24%; }
.rowBox_link.div5 > li { flex:0 0 19%; }
.rowBox_link.div6 > li { flex:0 0 15%; }
.rowBox_link > li > div{width:100%; background:url(/sites/templetstyleguide/images/common/aLink_1_b.png) no-repeat right 2px;}
.rowBox_link > li > div a{display:block; font-family:'Noto Medium'; margin-right:30px;}
@media only screen and (min-width:1025px){
  .rowBox_link > li:first-child{margin-left:0;}
  .rowBox_link > li:last-child{margin-right:0;}
  .rowBox_link > li:hover{background:url(/sites/templetstyleguide/images/common/pattern_3.png) no-repeat center;border-color:#e2e2e2;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media only screen and (max-width:1024px){
  .rowBox_link{flex-wrap:wrap;margin-bottom:0;}
  .rowBox_link > li{width:calc(33.33% - 10px);margin-bottom:10px;}
  .rowBox_link.div5 > li { flex:0 0 32%; }
  .rowBox_link.div6 > li { flex:0 0 32%; }
}
@media only screen and (max-width:768px){
  .rowBox_link > li{width:calc(50% - 10px);padding:15px;}
  .rowBox_link.div3 > li { flex:0 0 49%; }
  .rowBox_link.div4 > li { flex:0 0 49%; }
  .rowBox_link.div5 > li { flex:0 0 49%; }
  .rowBox_link.div6 > li { flex:0 0 49%; }
}
@media only screen and (max-width:480px){
  .rowBox_link > li{width:100%;margin:0 0 10px 0;}
  .rowBox_link.div3 > li { flex:0 0 100%; margin-right:0; }
  .rowBox_link.div4 > li { flex:0 0 100%; margin-right:0; }
  .rowBox_link.div5 > li { flex:0 0 100%; margin-right:0; }
  .rowBox_link.div6 > li { flex:0 0 100%; margin-right:0; }
}


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


/* 이미지 썸네일 기능 */
.slideThumb ul{text-align:center; margin-bottom:20px;}
.slideThumb ul li{display: inline-block; width: 100px; border:3px solid #fff;}
.slideThumb ul li._active{border:3px solid orange;}
.slideThumb ul li img{width:100%;}

/* 이미지박스 */
.imgFloat { overflow:hidden; }
.imgFloat .img { float:left; margin:0 20px 20px 0; text-align:center; }
.imgFloat.imgR .img { float:right; margin:0 0 20px 20px; }

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

.video_2 .item video{max-width:100%;}


/*교육과정 로드맵*/
.eduRoadmap img{max-width:90%; text-align:center;}
@media only screen and (max-width:1280px){
  .eduRoadmap img{max-width:100%}
}
.eduRoadmap .moBtn{display:none;}
@media only screen and (max-width:768px){
  .eduRoadmap .moBtn{display:block; margin-top:20px; text-align:center;}
}


/* 학과 타이틀 + 내용 박스 */
.titBoxWrap01 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.titBoxWrap01 > .tit { flex:0 0 60px; margin-bottom:5px; }
.titBoxWrap01 > .cont { flex:1 0 calc(100% - 60px); margin-bottom:5px; }

.hBox.bdrNone > li > .cont { padding:0; padding-left:20px; }
.boxWrap01 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; height:100%; }
.boxWrap01 > li { flex-grow:1; border:1px solid #aaa; padding:20px; }
.boxWrap01.div2 > li { flex:0 0 49%; }
.boxWrap01.div2 > li:nth-child(odd) { margin-right:1%; }
.boxWrap01.div2 > li:nth-child(even) { margin-left:1%; }
.boxWrap01.div3 > li { flex:0 0 32%; }
.boxWrap01.div3 > li:nth-child(3n-1) { margin-left:2%; margin-right:2%; }
.boxWrap01 > li.c1 { border:2px solid #a90057; }
.boxWrap01 > li.c2 { border:2px solid #0067c3; }
.boxWrap01 > li.c3 { border:2px solid #ff7200; }
.boxWrap01 > li.c4 { border:2px solid #a18e6b; } 
@media only screen and (max-width:768px){
	.boxWrap01.div2 > li { flex:1 0 100%; margin-bottom:10px; }
	.boxWrap01.div2 > li:nth-child(odd) { margin-right:0; }
	.boxWrap01.div2 > li:nth-child(even) { margin-left:0; }
	.boxWrap01.div3 > li { flex-basis:100%; margin-bottom:10px; }
	.boxWrap01.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
}