@charset "utf-8";

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

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

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

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

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

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

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

._objTag,
._objHtml { font-family:'Dream Regular'; font-size:16px; line-height:1.7; letter-spacing:-0.5px; color:#555; }

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

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

/*폰트칼라*/
.red{color:#d63f11;}
.yellow{color:#fcaf17;}
.blue{color:#01499a;}
.black{color:#2b2f38;}
.sky{color:#00b0ec;}
.green{color:#009d57;}
.white{color:#FFF;}
.orange{color:#ff7e00;}
.gray{color:#888;}

/*폰트두께*/
.thin { font-family:'Dream Light'; }
.bold { font-family:'Dream Bold'; }
.eBold { font-family:'Dream ExtraBold'; }
strong { font-family:'Dream Bold'; }
.italic { font-style:italic; }

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

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

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

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

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

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

/* 준비중 */
.wrap-ready {background: url('../../images/common/pattern-ready.png'); padding: 10px; text-align: center;}
.wrap-ready .white {padding: 63px 20px; background: #fff url('../../images/common/bg-ready.jpg') no-repeat center;}
.wrap-ready .big {position: relative; display: inline-block; padding: 260px 0 0 0; background: url('../../images/common/ico-ready.png') no-repeat center top; font-family: 'Dream Regular'; font-size: 35px; color: #222;}
.wrap-ready .big::before {content: ''; position: absolute; right: 102%; width: 27px; height: 22px; background: url('../../images/common/deco-ready1.png') no-repeat center;}
.wrap-ready .big::after {content: ''; position: absolute; left: 102%; width: 27px; height: 22px; background: url('../../images/common/deco-ready2.png') no-repeat center;}
.wrap-ready .big strong {font-family: 'Dream Medium'; color: #01499a;}
.wrap-ready .small {padding-top: 8px; font-family: 'Dream Regular'; font-size: 18px; color: #555;}

@media all and (max-width: 750px) {
  .wrap-ready .big {font-size: 25px;}
  .wrap-ready .small {font-size: 16px;}
}

@media all and (max-width: 530px) {
  .wrap-ready .big {padding: 210px 0 0 0;; background-size: 170px auto; font-size: 18px;}
  .wrap-ready .small {font-size: 14px;}
}

/* Copy Code */
.copyBtn {position: absolute; right: 100%; top: 0; padding-right: 10px;}
.copyBtn span {display: inline-block; background: #fff; padding: 7px 15px; border: 1px solid #d1d1d1; border-radius: 10px; white-space: nowrap; opacity: 0; transition: opacity .45s;}
.copyBtn.on span {opacity: 1;}
.copyBtn:hover span {background: #fcaf17; border: 1px solid #fcaf17;}

/* Heading */
.objHeading_h2 {position: relative; display: inline-block; max-width: 90%; font-family: 'Dream Bold'; font-size: 26px; letter-spacing: -0.5px; line-height :1.5; color: #222; padding-top:8px; padding-bottom:30px; }
.objHeading_h2::before {content: ''; position: absolute; right: -15px; top: 0; width: 23px; height: 23px; background: url('../../images/common/bul_h2.png') no-repeat center center; }
.objHeading_h3 {position: relative; display: block; font-family:'Dream Medium'; font-size: 22px; letter-spacing: -0.5px; line-height: 1.5; color: #222; padding-top:11px; padding-bottom:20px; }
.objHeading_h3::before {content: ''; position: absolute; left: 0%; top: 0; width: 15px; height: 6px; background: url('../../images/common/bul_h3.png') no-repeat center center;}
.objHeading_h4 {position: relative; display: block; font-family:'Dream Medium'; line-height: 1.5; font-size: 18px; letter-spacing: -0.5px; color: #01499a; padding-bottom:20px;}
.objHeading_h5 {position: relative; display: block; font-family: 'Dream Medium'; font-size: 18px; line-height: 1.5; letter-spacing: -0.5px; color: #222; padding-bottom:20px;}
.objHeading_h1.no-margin,
.objHeading_h2.no-margin,
.objHeading_h3.no-margin,
.objHeading_h4.no-margin,
.objHeading_h5.no-margin {margin-top: 0; padding-bottom:0; }
@media all and (max-width: 500px) {
  .objHeading_h2 {font-size: 22px;}
  .objHeading_h3 {font-size: 20px;}
  .objHeading_h4 {font-size: 16px;}
}

/*주의*/
.caution{position:relative;font-family:'Dream Regular';padding-left:25px;line-height:1.3;}
.caution:before{content:"※";width:15px;height:15px;display:block;position:absolute;left:0;top:1px;}

.caution_icon_1,
.caution_icon_2,
.caution_icon_3,
.caution_icon_4,
.caution_icon_5{position:relative; font-family:'Dream Regular'; padding:3px 0 3px 38px; font-size:16px; color:#666; }
.caution_icon_1::before,
.caution_icon_2::before,
.caution_icon_3::before,
.caution_icon_4::before,
.caution_icon_5::before{content:"";width:28px;height:28px;display:block;position:absolute;left:0;top:2px;}
.caution_icon_1::before{background:url("../../images/common/ic-noti1.png") no-repeat center center;}
.caution_icon_2::before{background:url("../../images/common/ic-noti2.png") no-repeat center center;}
.caution_icon_3::before{background:url("../../images/common/ic-noti3.png") no-repeat center center;}
.caution_icon_4::before{background:url("../../images/common/ic-noti4.png") no-repeat center center;}
.caution_icon_5::before{background:url("../../images/common/ic-noti5.png") no-repeat center center;}

/*버튼*/
a,input[type=button],
input[type=submit],
button{transition: all 0.4s cubic-bezier(0.5, 0, 0.3, 1)}
a:active{outline:none !important}

/* 색상버튼 */
.btnB, .btnM, .btnS { display:inline-block; position:relative; font-family:'Dream Medium'; cursor:pointer; color:#fff !important; }
.btnB { height:50px; padding:0 27px; font-size:15px; line-height:50px; }
.btnM { height:34px; padding:0 22px; font-size:13px; line-height:34px; }
.btnS { height:28px; padding:0 10px; font-size:12px; line-height:26px; }

.btnB.btnCg, .btnM.btnCg, .btnS.btnCg { background:#8c8c8c; border:1px solid #8c8c8c; }
.btnB.btnC1, .btnM.btnC1, .btnS.btnC1 { background:#01499a; border:1px solid #01499a; }
.btnB.btnC2, .btnM.btnC2, .btnS.btnC2 { background:#3085e5; border:1px solid #3085e5; }
.btnB.btnC3, .btnM.btnC3, .btnS.btnC3 { background:#fcaf17; border:1px solid #fcaf17; }

.btnB:hover, .btnM:hover, .btnS:hover { background:#fff; }
.btnB.btnCg:hover, .btnM.btnCg:hover, .btnS.btnCg:hover { color:#8c8c8c !important; }
.btnB.btnC1:hover, .btnM.btnC1:hover, .btnS.btnC1:hover { color:#01499a !important; }
.btnB.btnC2:hover, .btnM.btnC2:hover, .btnS.btnC2:hover { color:#3085e5 !important; }
.btnB.btnC3:hover, .btnM.btnC3:hover, .btnS.btnC3:hover { color:#fcaf17 !important; }

.btnB.btnDown::after, .btnB.btnBlank::after, .btnB.btnSelf::after { content:""; display:inline-block; width:18px; height:18px; margin-left:10px; vertical-align:-1px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.btnM.btnDown::after, .btnM.btnBlank::after, .btnM.btnSelf::after { content:""; display:inline-block; width:13px; height:13px; margin-left:10px; vertical-align:0; background-repeat:no-repeat; background-position:center; background-size:cover; }

.btnDown::after { background-image:url("../../images/common/btn_icon_down_w.png"); }
.btnBlank::after { background-image:url("../../images/common/btn_icon_blank_w.png"); }
.btnSelf::after { background-image:url("../../images/common/btn_icon_self_w.png"); }

.btnCg.btnDown:hover::after { background-image:url("../../images/common/btn_icon_down_cg.png"); }
.btnC1.btnDown:hover::after { background-image:url("../../images/common/btn_icon_down_c1.png"); }
.btnC2.btnDown:hover::after { background-image:url("../../images/common/btn_icon_down_c2.png"); }
.btnC3.btnDown:hover::after { background-image:url("../../images/common/btn_icon_down_c3.png"); }

.btnCg.btnBlank:hover::after { background-image:url("../../images/common/btn_icon_blnak_cg.png"); }
.btnC1.btnBlank:hover::after { background-image:url("../../images/common/btn_icon_blank_c1.png"); }
.btnC2.btnBlank:hover::after { background-image:url("../../images/common/btn_icon_blank_c2.png"); }
.btnC3.btnBlank:hover::after { background-image:url("../../images/common/btn_icon_blank_c3.png"); }

.btnCg.btnSelf:hover::after { background-image:url("../../images/common/btn_icon_self_cg.png"); }
.btnC1.btnSelf:hover::after { background-image:url("../../images/common/btn_icon_self_c1.png"); }
.btnC2.btnSelf:hover::after { background-image:url("../../images/common/btn_icon_self_c2.png"); }
.btnC3.btnSelf:hover::after { background-image:url("../../images/common/btn_icon_self_c3.png"); }

/* 하얀버튼 */
.btnCwg { border:1px solid #8c8c8c; color:#8c8c8c !important; }
.btnCwg:hover { background-color:#8c8c8c; color:#fff !important; }
.btnCw1 { border:1px solid #01499a; color:#01499a !important; }
.btnCw1:hover { background-color:#01499a; color:#fff !important; }
.btnCw2 { border:1px solid #3085e5; color:#3085e5 !important; }
.btnCw2:hover { background-color:#3085e5; color:#fff !important; }
.btnCw3 { border:1px solid #fcaf17; color:#fcaf17 !important; }
.btnCw3:hover { background-color:#fcaf17; color:#fff !important; }

.btnCwg.btnDown::after { background-image:url("../../images/common/btn_icon_down_cg.png"); }
.btnCw1.btnDown::after { background-image:url("../../images/common/btn_icon_down_c1.png"); }
.btnCw2.btnDown::after { background-image:url("../../images/common/btn_icon_down_c2.png"); }
.btnCw3.btnDown::after { background-image:url("../../images/common/btn_icon_down_c3.png"); }
.btnCwg.btnDown:hover::after { background-image:url("../../images/common/btn_icon_down_w.png"); }
.btnCw1.btnDown:hover::after { background-image:url("../../images/common/btn_icon_down_w.png"); }
.btnCw2.btnDown:hover::after { background-image:url("../../images/common/btn_icon_down_w.png"); }
.btnCw3.btnDown:hover::after { background-image:url("../../images/common/btn_icon_down_w.png"); }

.btnCwg.btnBlank::after { background-image:url("../../images/common/btn_icon_blank_cg.png"); }
.btnCw1.btnBlank::after { background-image:url("../../images/common/btn_icon_blank_c1.png"); }
.btnCw2.btnBlank::after { background-image:url("../../images/common/btn_icon_blank_c2.png"); }
.btnCw3.btnBlank::after { background-image:url("../../images/common/btn_icon_blank_c3.png"); }
.btnCwg.btnBlank:hover::after { background-image:url("../../images/common/btn_icon_blank_w.png"); }
.btnCw1.btnBlank:hover::after { background-image:url("../../images/common/btn_icon_blank_w.png"); }
.btnCw2.btnBlank:hover::after { background-image:url("../../images/common/btn_icon_blank_w.png"); }
.btnCw3.btnBlank:hover::after { background-image:url("../../images/common/btn_icon_blank_w.png"); }

.btnCwg.btnSelf::after { background-image:url("../../images/common/btn_icon_self_cg.png"); }
.btnCw1.btnSelf::after { background-image:url("../../images/common/btn_icon_self_c1.png"); }
.btnCw2.btnSelf::after { background-image:url("../../images/common/btn_icon_self_c2.png"); }
.btnCw3.btnSelf::after { background-image:url("../../images/common/btn_icon_self_c3.png"); }
.btnCwg.btnSelf:hover::after { background-image:url("../../images/common/btn_icon_self_w.png"); }
.btnCw1.btnSelf:hover::after { background-image:url("../../images/common/btn_icon_self_w.png"); }
.btnCw2.btnSelf:hover::after { background-image:url("../../images/common/btn_icon_self_w.png"); }
.btnCw3.btnSelf:hover::after { background-image:url("../../images/common/btn_icon_self_w.png"); }

/* 기타버튼 */
.btnB.btnHome::after { content:""; display:inline-block; width:20px; height:20px; margin-left:24px; vertical-align:-2px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.btnCwh { border:1px solid #222; color:#666 !important; }
.btnCwh:hover { border:1px solid #01499a; background-color:#01499a; color:#fff !important; }
.btnCwh.btnHome::after { background-image:url("../../images/common/icon-banner2-1.png"); }
.btnCwh.btnHome:hover::after { background-image:url("../../images/common/icon-banner2-1-ov.png"); }


/* 텍스트버튼 */
.btnT { display:inline-block; position:relative; color:#222 !important; text-align:left; box-sizing:border-box; font-family:'Dream Medium'; margin-bottom:5px; padding:0; word-break:break-word; border-bottom:1px solid #222; }
.btnT:hover { font-family:'Dream Medium'; }
.btnT::after { content:""; display:inline-block; vertical-align:-1px; margin:0 0 0 5px; width:18px; height:18px; }
.btnT.tBlank::after { background:url("../../images/common/btn_icon_blank_b.png") no-repeat center; }
.btnT.tSelf::after { background:url("../../images/common/btn_icon_self_b.png") no-repeat center; }
.btnT.tDown::after { background:url("../../images/common/btn_icon_down_b.png") no-repeat center; }


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

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

.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,
.nList_1 > li:before,
.nList_2 > li:before,
.nList_3 > li:before,
.nList_4 > li:before,
.list_gCircle > li:before {content:"";display:block;position:absolute;left:0}

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

.list_1 > li:before{background:#333;}
.list_1_2 > li:before{background:#888888;}
.list_2 > li:before{top:12px;width:4px;height:4px}
.list_3 > li:before{top:13px;width:5px;height:2px}
.list_4 > li:before{}
.kList_1 > li:before,
.aList_1 > li:before,
.nList_1 > li:before,
.nList_2 > li:before,
.nList_3 > li:before,
.nList_4 > li:before{top:0px; font-family:'Dream Regular';}
.nList_1 > li:before,
.nList_2 > li:before{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:100%;font-size:14px;top:4px;color:#FFF;}
.nList_1 > li:before{background:#03235f;}
.nList_2 > li:before{background:#999999;}
.list_gCircle > li::before {width:8px;height:8px;background:#afafaf; border-radius:100%;top:9px;}

/* 한줄에 두개씩 나오게 */
.list_0.hList, .list_1.hList, .list_1_2.hList, .list_gCircle.hList, .list_2.hList, .list_3.hList, .list_4.hList, .nList_1.hList, .nList_2.hList, .kList_1.hList, .aList_1.hList, .nList_4.hList { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.list_0.hList > li, .list_1.hList > li, .list_1_2.hList > li, .list_gCircle.hList > li, .list_2.hList > li, .list_3.hList > li, .list_4.hList > li, .nList_1.hList > li, .nList_2.hList > li, .kList_1.hList > li, .aList_1.hList > li, .nList_4.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, .nList_4.hList > li { flex:0 0 100%; }
}

.list_0.hListF, .list_1.hListF, .list_1_2.hListF, .list_gCircle.hListF, .list_2.hListF, .list_3.hListF, .list_4.hListF, .nList_1.hListF, .nList_2.hListF, .kList_1.hListF, .aList_1.hListF, .nList_4.hListF { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:10px 30px; }
.list_0.hListF > li, .list_1.hListF > li, .list_1_2.hListF > li, .list_gCircle.hListF > li, .list_2.hListF > li, .list_3.hListF > li, .list_4.hListF > li, .nList_1.hListF > li, .nList_2.hListF > li, .kList_1.hListF > li, .aList_1.hListF > li, .nList_4.hListF > li { flex-basis:auto; }
@media only screen and (max-width:768px){
  .list_0.hListF > li, .list_1.hListF > li, .list_1_2.hListF > li, .list_gCircle.hListF > li, .list_2.hListF > li, .list_3.hListF > li, .list_4.hListF > li, .nList_1.hListF > li, .nList_2.hListF > li, .kList_1.hListF > li, .aList_1.hListF > li, .nList_4.hListF > 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, .nList_4 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."}

/* 숫자 */
.nList_1 > li:nth-child(1):before{content:"1"}.nList_1 > li:nth-child(2):before{content:"2"}.nList_1 > li:nth-child(3):before{content:"3"}.nList_1 > li:nth-child(4):before{content:"4"}.nList_1 > li:nth-child(5):before{content:"5"}.nList_1 > li:nth-child(6):before{content:"6"}.nList_1 > li:nth-child(7):before{content:"7"}.nList_1 > li:nth-child(8):before{content:"8"}.nList_1 > li:nth-child(9):before{content:"9"}.nList_1 > li:nth-child(10):before{content:"10"}.nList_1 > li:nth-child(11):before{content:"11"}.nList_1 > li:nth-child(12):before{content:"12"}.nList_1 > li:nth-child(13):before{content:"13"}.nList_1 > li:nth-child(14):before{content:"14"}.nList_1 > li:nth-child(15):before{content:"15"}
.nList_2 > li:nth-child(1):before{content:"1"}.nList_2 > li:nth-child(2):before{content:"2"}.nList_2 > li:nth-child(3):before{content:"3"}.nList_2 > li:nth-child(4):before{content:"4"}.nList_2 > li:nth-child(5):before{content:"5"}.nList_2 > li:nth-child(6):before{content:"6"}.nList_2 > li:nth-child(7):before{content:"7"}.nList_2 > li:nth-child(8):before{content:"8"}.nList_2 > li:nth-child(9):before{content:"9"}.nList_2 > li:nth-child(10):before{content:"10"}
.nList_3 > li:nth-child(1):before{content:"1."}.nList_3 > li:nth-child(2):before{content:"2."}.nList_3 > li:nth-child(3):before{content:"3."}.nList_3 > li:nth-child(4):before{content:"4."}.nList_3 > li:nth-child(5):before{content:"5."}.nList_3 > li:nth-child(6):before{content:"6."}.nList_3 > li:nth-child(7):before{content:"7."}.nList_3 > li:nth-child(8):before{content:"8."}.nList_3 > li:nth-child(9):before{content:"9."}.nList_3 > li:nth-child(10):before{content:"11"}
.nList_4 > li:nth-child(1):before{content:"Ⅰ."}.nList_4 > li:nth-child(2):before{content:"Ⅱ."}.nList_4 > li:nth-child(3):before{content:"Ⅲ."}.nList_4 > li:nth-child(4):before{content:"Ⅳ."}.nList_4 > li:nth-child(5):before{content:"Ⅴ."}.nList_4 > li:nth-child(6):before{content:"Ⅵ."}.nList_4 > li:nth-child(7):before{content:"Ⅶ."}.nList_4 > li:nth-child(8):before{content:"Ⅷ."}.nList_4 > li:nth-child(9):before{content:"Ⅸ."}.nList_4 > li:nth-child(10):before{content:"Ⅹ."}

/*DL타입*/
/*DL타입_0*/
.dl_0{display:flex;}
.dl_0 dt,
.dl_0 dd{padding:5px 0;}
.dl_0 dt{font-family:'Dream Medium';position:relative;}
.dl_0 dd{width:100%;}
.dl_0 dt:after{content:":";display:inline-block;position:absolute;right:5px;top:3px;}

/*DL타입_1*/
.dl_1{display:flex;flex-wrap:wrap;}
.dl_1 dt,
.dl_1 dd{margin-bottom:10px;padding:8px 10px;}
.dl_1 dt{flex-basis:20%; font-family:'Dream Medium';box-sizing:border-box;border-bottom:2px solid #03235f; text-align:center; color:#03235f; }
.dl_1 dd{flex-basis:80%; border-bottom:1px solid #ccc;}

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

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

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

/*DL타입_3*/
.dl_3 { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:center; }
.dl_3 dt{ color:#03235f; font-family:'Dream Medium'; font-size:24px; text-align:center; /*margin-top:25px;*/ position:relative; padding:20px 100px; }
.dl_3 dt::before { position:absolute; content:""; top:0; left:0; width:32px; height:100px; background:url("/sites/templet_guide/images/common/dl_3_left.png") no-repeat; }
.dl_3 dt::after { position:absolute; content:""; top:0; right:0; width:32px; height:100px; background:url("/sites/templet_guide/images/common/dl_3_right.png") no-repeat; }
.dl_3 dt span{display:block; color:#666;font-size:14px;font-family:'Dream Medium';line-height:1.25; }
/*.dl_3 dt:first-child{margin-top:0;}*/
.dl_3 dd{border-bottom:1px solid #EEE; text-align:center; padding-top:50px; padding-bottom:30px; margin-bottom:50px; }
@media only screen and (max-width:768px){
  .dl_0{flex-wrap:wrap;margin-bottom:10px;}
  .dl_0 dt,
  .dl_0 dd{width:100% !important;padding:0;}
  .dl_0 dt:after{content:".";position:relative;right:auto;top:auto;}

  .dl_2 dt,
  .dl_2.pracRoom dt,
  .dl_2.pracRoom dd,
  .dl_2 dd{width:100%; border:0; padding:0;}
  .dl_2 dt{margin-top:25px;}
  .dl_2 dt:first-child{margin-top:0;}
  .dl_2 dd{padding-left:0;border-bottom:1px solid #EEE;padding:25px 0;}
  .dl_2 > dt::before { display:none; }

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

/*이미지+텍스트*/
.imgText { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; gap:0 30px; box-sizing:border-box; }
.imgText > .img { flex-basis:auto; position:relative; }
.imgText > .con { flex-basis:auto; }
.imgText > .img::before { content:""; background:url("../../images/common/group-img-shape.png"); width:100%; height:100%; position:absolute; top:3%; z-index:-1; }
.imgText > .img::after { content:""; position:absolute; width:100%; height:100%; left:0; top:0; border:1px solid #d1d1d1; }
.imgText.imgTextL > .img::before { left:10px; }
.imgText.imgTextR > .img::before { right:10px; }
.imgText > .img > img { max-width:unset; width:auto; }
@media only screen and (max-width:1024px){
  .imgText { gap:30px 0; flex-wrap:wrap; }
  .imgText > .img { margin:0 auto; text-align:center; }
  .imgText > .img::before { display:none; }
  .imgText > .img > img { width:95%; border:5px solid #f5f5f5 !important; }
  .imgText > .con { flex-basis:100%; }

} 

.imgTextFL, .imgTextFR{overflow:hidden}
.imgTextFL span, .imgTextFR span{display:inline-block;}
.imgTextFL span{float:left;margin:30px 30px 30px 0}
.imgTextFR span{float:right;margin:30px 0 30px 30px}
@media only screen and (max-width:768px){
  .imgTextFL span, .imgTextFR span{display:block}
  .imgTextFL span, .imgTextFR span{float:none;margin:0;text-align:center}
  .imgTextFL span img, .imgTextFR span img{max-width:100%;margin:20px 0}
}



/* 테이블 */
.table_1{overflow:hidden;}
.table_1 table{border-top:2px solid #03235f;width:100%;word-break:break-all;position:relative;margin-left:1px;}
.table_1 caption{text-indent:-9999px;height:0;position:absolute;left:9999px;top:9999px;}
.table_1 thead th{background:#f9fcff; font-family:'Dream Light';border-bottom:1px solid #666;border-right:1px solid #dddee0;padding:13px 10px;}
.table_1 tbody th{padding:6px 10px;font-family:'Dream Light';background:#fbfbfb;color:#000;border-right:1px solid #dddee0;border-bottom:1px solid #ccd0d7;}
.table_1 tbody td{padding:6px 10px;border-right:1px solid #dddee0;border-bottom:1px solid #dddee0;}
.table_1 tbody td a{color: #333;}
.table_1 th:first-child,
.table_1 td:first-child{border-left:0;}
.table_1 th.bdrL{border-left:1px solid #dddee0;}
.table_1 td.bdrL{border-left:1px solid #dddee0;}
.table_1 th.bdrR{border-right:1px solid #dddee0;}
.table_1 td.bdrR{border-right:1px solid #dddee0;}
.table_1 td.left{text-align:left;}
.table_1 td.right{text-align:right;}
.table_1 tfoot tr{background:#f6f6f6;font-family:'Dream Regular';border-top:1px solid #eaeaea;}
.table_1.type2 thead th { background:#fff; position:relative; border-right:0; }
.table_1.type2 thead th:not(:last-child)::after { content:""; width:1px; height:33%; position:absolute; right:0; top:50%; transform:translateY(-50%); background-color:#444; }
.table_1.tdleft td{text-align:left;}

/* M_테이블 */
/*
@media only screen and (max-width:960px) {
  .table_1 { overflow-x: hidden; position:relative;}
  .table_1.noScroll { min-height:auto; }

  .table_1 table { width:1300px; }
  .table_1.noScroll table { width:100%; }

  .table_1::after { content:""; position:absolute; right:0; top:0; width:100%; height:100%; background:rgba(31,59,101,0.4) url('../../images/common/img_mobile_text.png') no-repeat center 40px; }

  .table_1.on:after,
  .table_1.noScroll:after {display: none;}
  .table_1 thead th,
  .table_1 tbody th,
  .table_1 tbody td {padding: 10px 8px; font-size: 16px;}
}
*/
@media all and (max-width: 500px) {
  .table_1 thead th,
  .table_1 tbody th,
  .table_1 tbody td {font-size: 14px;}
}

/*박스*/
.box_1 { border:1px solid #ddd;border-radius:3px;padding:35px; }
.box_1.bgB { border-color:#0075d2; }
@media only screen and (max-width:768px){
  .box_1 {padding:20px;}
}

.box_title {border:5px solid #f6f6f6; padding:30px 35px;}
.box_title dt{font-family:'Dream Medium'; font-size:24px;border-bottom:1px solid #DDD;padding-bottom:15px;margin-bottom:15px;}

.box_iCw { display:flex; justify-content:flex-start; border:5px solid #f6f6f6; padding:30px 0;}
.box_iCw > div:first-child {flex:0 0 190px; display:flex; justify-content:center; align-items:center; }
.box_iCw > div:first-child > .cover { width:112px; height:112px; background:url("../../images/common/bg-icon-banner2.png") no-repeat center center; border-radius:100%; text-align:center; line-height:112px; display:flex; justify-content:center; align-items:center; }
.box_iCw > div:last-child {flex: 1 0 calc(100% - 190px); }
.box_iCw > div:last-child strong { font-size:20px; font-family:'Dream Medium'; color:#222; margin-bottom:5px; display:block; }
@media only screen and (max-width:768px){
  .box_iCw {padding:20px;}
  .box_iCw > div:first-child{display:none;}
  .box_iCw > div:last-child{padding-top:0;}
}

.box_iCg { display:flex; justify-content:flex-start; background-color:#f5f5f5; padding:30px 0;}
.box_iCg > div:first-child {flex:0 0 190px; display:flex; justify-content:center; align-items:center; }
.box_iCg > div:first-child > .cover { width:112px; height:112px; background:url("../../images/common/bg-icon-banner1.png") no-repeat center center; border-radius:100%; text-align:center; line-height:112px; display:flex; justify-content:center; align-items:center; }
.box_iCg > div:last-child {flex: 1 0 calc(100% - 190px); }
.box_iCg > div:last-child strong { font-size:20px; font-family:'Dream Medium'; color:#222; margin-bottom:5px; display:block; }
@media only screen and (max-width:768px){
  .box_iCg {padding:20px;}
  .box_iCg > div:first-child{display:none;}
  .box_iCg > div:last-child{padding-top:0;}
}


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

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

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

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

/* 가변형 화살표박스 */
.rowBox_arr { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; gap:20px 70px; }
.rowBox_arr > li { position:relative; }
.rowBox_arr > li:not(:last-child)::after { content:"다음"; position:absolute; width:35px; height:35px; background:#ffa900 url("../../images/common/arrow-step2.png") no-repeat center center; border-radius:100%; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2); text-indent:-9999px; top:50%; right:-50px; transform:translateY(-50%); }
.rowBox_arr > li > div { width:100%; height:100%; text-align:center; font-size:18px; }

.rowBox_arr.noArrow > li:not(:last-child)::after { display:none; }


.rowBox_arr.ty_1 > li > div, .rowBox_arr.ty_2 > li > div { padding:15px 20px; text-align:center; font-family:'Dream Medium'; display:inline-block; height:100%; border-radius:10px; display:flex; justify-content:center; align-items:center; }
.rowBox_arr.ty_1 > li > div { border:1px solid #03499a; background-color:#03499a; color:#fff; }
.rowBox_arr.ty_2 > li > div { border:1px solid #e1efff; background-color:#f0f7ff; color:#03499a; }

.rowBox_arr.ty_3 > li > div { height:100%; }
.rowBox_arr.ty_3 > li > div > dl { height:100%; display:flex; flex-direction:column; justify-content:flex-start; border:1px solid #ddd; padding:25px; box-sizing:border-box; }
.rowBox_arr.ty_3 > li > div > dl > dt { font-family:'Dream Medium'; font-size:20px; border-bottom:1px dotted #DDD; padding-bottom:15px; margin-bottom:15px; position:relative; }
@media only screen and (max-width:1024px){	
  .rowBox_arr.ty_3 > li { flex-basis:48%; flex-grow:0; }
}
@media only screen and (max-width:500px){
  .rowBox_arr > li { flex-basis:100%; flex-grow:1; }
  .rowBox_arr > li > div { width:100%; }
  .rowBox_arr > li:not(:last-child)::after { top:22%; transform:rotate(90deg); position:absolute; right:10px; }
  .rowBox_arr.ty_3 > li { flex-basis:48%; flex-grow:1; }
  .rowBox_arr.ty_3 > li:not(:last-child)::after { top:8%; }
}

/* 고정형 화살표박스 */ 
.rowBox_arr_fixed { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:20px 70px; }
.rowBox_arr_fixed > li { position:relative; }
.rowBox_arr_fixed > li:not(:last-child)::after { content:"다음"; position:absolute; width:35px; height:35px; background:#ffa900 url("../../images/common/arrow-step2.png") no-repeat center center; border-radius:100%; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2); text-indent:-9999px; top:50%; right:-50px; transform:translateY(-50%); }
.rowBox_arr_fixed > li > div { width:100%; height:100%; text-align:center; font-size:18px; }

.rowBox_arr_fixed.ty_1 > li > div, .rowBox_arr_fixed.ty_2 > li > div { padding:15px 20px; text-align:center; font-family:'Dream Medium'; display:inline-block; height:100%; border-radius:10px; display:flex; justify-content:center; align-items:center; }
.rowBox_arr_fixed.ty_1 > li > div { border:1px solid #03499a; background-color:#03499a; color:#fff; }
.rowBox_arr_fixed.ty_2 > li > div { border:1px solid #e1efff; background-color:#f0f7ff; color:#03499a; }

.rowBox_arr_fixed.ty_3 > li > div { height:100%; }
.rowBox_arr_fixed.ty_3 > li > div > dl { height:100%; display:flex; flex-direction:column; justify-content:flex-start; border:1px solid #ddd; padding:25px; box-sizing:border-box; }
.rowBox_arr_fixed.ty_3 > li > div > dl > dt { font-family:'Dream Medium'; font-size:20px; border-bottom:1px dotted #DDD; padding-bottom:15px; margin-bottom:15px; position:relative; }

.rowBox_arr_fixed.div2 > li, .rowBox_arr_fixed.div3 > li, .rowBox_arr_fixed.div4 > li, .rowBox_arr_fixed.div5 > li, .rowBox_arr_fixed.div6 > li { flex-grow:1; } 
.rowBox_arr_fixed.div2 > li { flex-basis:40%; }
.rowBox_arr_fixed.div3 > li { flex-basis:22%; }
.rowBox_arr_fixed.div4 > li { flex-basis:21%; }

@media only screen and (max-width:1280px){	
  .rowBox_arr_fixed.div6 { gap:20px 2%; }
  .rowBox_arr_fixed.div6 > li:not(:last-child)::after { right:10px; }
  .rowBox_arr_fixed.div6 > li { flex:0 0 32%; }
}
@media only screen and (max-width:1024px){	
  .rowBox_arr_fixed.div5, .rowBox_arr_fixed.div4 { gap:20px 2%; }
  .rowBox_arr_fixed.div5 > li:not(:last-child)::after, .rowBox_arr_fixed.div4 > li:not(:last-child)::after { right:10px; }
  .rowBox_arr_fixed.div5 > li, .rowBox_arr_fixed.div4 > li { flex:0 0 32%; }
}
@media only screen and (max-width:768px){
  .rowBox_arr_fixed.div3, .rowBox_arr_fixed.div2 { gap:20px; 2% }
  .rowBox_arr_fixed.div3 > li:not(:last-child)::after, .rowBox_arr_fixed.div2 > li:not(:last-child)::after { right:10px; }
  .rowBox_arr_fixed.div6 > li, .rowBox_arr_fixed.div5 > li, .rowBox_arr_fixed.div4 > li, .rowBox_arr_fixed.div3 > li, .rowBox_arr_fixed.div2 > li { flex:0 0 48%; }
}
@media only screen and (max-width:520px){	
  .rowBox_arr_fixed { gap:20px 0; }
  .rowBox_arr_fixed > li:not(:last-child)::after { top:22%; transform:rotate(90deg); position:absolute; right:10px; }
  .rowBox_arr_fixed.ty_3 > li:not(:last-child)::after { top:10%; }
  .rowBox_arr_fixed > li { flex-basis:100% !important; }
}


/* 링크박스 */
.rowBox_link{display:flex;justify-content:flex-start;margin-bottom:10px;}
.rowBox_link > li{display:flex;align-items:center;width:100%;border:1px solid #DDD;padding:20px;margin:0 5px;box-sizing: border-box;cursor:pointer;}
.rowBox_link > li.bdrNone { border:none; }
.rowBox_link > li > div{width:100%;background:url(/sites/templet_guide/images/common/aLink_1_b.png) no-repeat right 2px;}
.rowBox_link > li > div.icoHome { background:url(/sites/guide/images/guide/ic_btn_home.png) no-repeat right 2px; }
.rowBox_link > li > div.icoView { background:url(/sites/guide/images/guide/ic_btn_view.png) no-repeat right 2px; }
.rowBox_link > li > div a{display:block;font-family:'Dream 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/templet_guide/images/common/pattern_3.png) no-repeat center;border-color:#e2e2e2;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media only screen and (max-width:1024px){
  .rowBox_link{flex-wrap:wrap;margin-bottom:0;}
  .rowBox_link > li{width:calc(33.33% - 10px);margin-bottom:10px;}

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

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

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

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

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

.rowArrBox > li > .itemBox { text-align:center; display:flex; flex-flow:column wrap; justify-content:space-between; height:100%;}
.rowArrBox > li > .itemBox > div {}
.rowArrBox > li > .itemBox > .tit { font-family:'Dream Medium'; font-size:18px; padding:20px 10px; flex-grow:0; position:relative; color:#fff; background:#03499a; }
.rowArrBox > li > .itemBox > .cont { padding:50px 10px; flex-grow:1; border-right:1px solid #b5c5e3; border-bottom:1px solid #03499a; }
.rowArrBox > li > .itemBox > .subTit { background-color:#f0f7ff; flex-grow:0; padding:20px 10px; font-family:'Dream Medium'; border-right:1px solid #b5c5e3; border-bottom:1px solid #03499a; color:#03499a; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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


/*동영상*/
.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:'Dream 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}
}

/* 썸네일 박스 리스트 */ 
.thumbList { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.thumbList > li { padding:10px; border:1px solid #dfdfdf; margin-right:1%; margin-bottom:30px; display:flex; flex-flow:column wrap; justify-content:space-between; position:relative; }
.thumbList.ty_2 > li { padding:0; }
.thumbList.bdrNone > li { border:0; }

.thumbList > li > .img { text-align:center; width:100%; overflow:hidden; max-height:300px; }
.thumbList > li > .img > img { width:100%; }

.thumbList.vt > li > .img { max-width:500px; max-height:unset; }	/* 새로가 긴 사진으로 사용시에는 vt를 추가 */
.thumbList.vt > li > .img > img { width:unset; height:100%; }	/* 새로가 긴 사진으로 사용시에는 vt를 추가 */

.thumbList > li > .txt { font-size:16px; font-family:'Dream Bold'; text-align:center; padding:20px 3px 10px 3px; width:100%; }
.thumbList.ty_1 > li > .txt {}
.thumbList.ty_2 > li > .txt { position:absolute; color:#fff; bottom:0; left:0; background:rgba(0, 0, 0, 0.5); }
.thumbList.div2 > li { flex:0 0 48%; margin-right:0; } 
.thumbList.div2 > li:nth-child(odd) { margin-right:2%; }
.thumbList.div2 > li:nth-child(even) { margin-left:2%; }
@media only screen and (max-width:600px){
  .thumbList.div2 > li { flex:1 0 100%; }
  .thumbList.div2 > li:nth-child(odd) { margin-right:0; }
  .thumbList.div2 > li:nth-child(even) { margin-left:0; }
}
.thumbList.div3 > li { flex:0 0 32%; margin-right:0; }
.thumbList.div3 > li:nth-child(3n-1) { margin-left:2%; margin-right:2%; }
@media only screen and (max-width:1024px){
  .thumbList.div3 > li { flex:0 0 49%; }
  .thumbList.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .thumbList.div3 > li:nth-child(odd) { margin-right: 2%; }
  .thumbList.div3 > li:nth-child(even) { margin-left: 2%; }
}
@media only screen and (max-width:600px){
  .thumbList.div3 > li { flex:1 0 100%; }
  .thumbList.div3 > li:nth-child(odd) { margin-right:0; }
  .thumbList.div3 > li:nth-child(even) { margin-left:0; }
}
.thumbList.div4 > li { flex:0 0 23.5%; margin-right:0; }
.thumbList.div4 > li:nth-child(4n-2) { margin-left:2%; }
.thumbList.div4 > li:nth-child(4n-1) { margin-left:2%; }
.thumbList.div4 > li:nth-child(4n) { margin-left:2%; }
@media only screen and (max-width:1024px){
  .thumbList.div4 > li { flex:0 0 48%; }
  .thumbList.div4 > li:nth-child(4n-2) { margin-left:0; }
  .thumbList.div4 > li:nth-child(4n-1) { margin-left:0; }
  .thumbList.div4 > li:nth-child(4n) { margin-left:0; }
  .thumbList.div4 > li:nth-child(odd) { margin-right:2%; }
  .thumbList.div4 > li:nth-child(even) { margin-left:2%; }
}
@media only screen and (max-width:600px){
  .thumbList.div4 > li { flex:1 0 100%; }
  .thumbList.div4 > li:nth-child(odd) { margin-right:0; }
  .thumbList.div4 > li:nth-child(even) { margin-left:0; }
}
.thumbList.div5 > li { flex:0 0 18%; margin-right:0; }
.thumbList.div5 > li:nth-child(5n-3) { margin-left:2%; }
.thumbList.div5 > li:nth-child(5n-2) { margin-left:2%; }
.thumbList.div5 > li:nth-child(5n-1) { margin-left:2%; }
.thumbList.div5 > li:nth-child(5n) { margin-left:2%; }
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:600px){
}

/* 단락구분 라인 */
.para_1 {width:100%; height:4px; margin:20px 0; background: linear-gradient(90deg, rgba(1,73,154,1) 0%, rgba(1,140,255,1) 70%, rgba(252,175,22,1) 100%); }
.para_2 {width:100%; height:3px;margin:35px 0; background:url("/sites/templet_guide/images/common/pattern_line.png") repeat; position:relative; }

/* 단순박스 */
.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; }

/* tBox */
.tBox{display:flex;justify-content:space-between;margin-bottom:10px;}
.tBox > li { width:100%; border:1px solid #DDD; padding:25px; margin:0 5px; box-sizing: border-box;}
.tBox > li.bdrNone { border:0; }
.tBox > li > dl{}
.tBox > li > dl > dt { font-family:'Dream Medium'; font-size:20px; border-bottom:1px dotted #DDD; padding-bottom:15px; margin-bottom:15px; position:relative; display:flex; justify-content:flex-start; }
.tBox > li > dl > dt > span.ic { flex: 0 0 30px; display:flex; align-items:center; }
.tBox > li > dl > dt > span.ic2 { flex: 0 0 40px; display:flex; align-items:center; }
.tBox > li > dl > dt > span.homepage { position:absolute; right:0; }

.tBox .dlWrapH { display:flex; flex-wrap:wrap; align-items:stretch; }
.tBox .dlWrapH > dt { flex: 0 0 170px; font-family:'Dream Bold'; padding:7px 0; }
.tBox .dlWrapH > dd { flex: 0 0 calc(100% - 170px); display:flex; align-items:center; }

@media only screen and (min-width:1025px){
  .tBox > li:first-child{margin-left:0;}
  .tBox > li:last-child{margin-right:0;}
}
@media only screen and (max-width:1024px){
  .tBox{flex-wrap:wrap; margin-bottom:0;}
  .tBox > li{width:calc(50% - 10px);margin-bottom:10px;}
}
@media only screen and (max-width:768px){
  .tBox > li{width:100%; padding:15px; margin:0 0 10px 0;}
}

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

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

/* 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; }
.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; }
.hBox.c1 > li > .tit { border-color:#a90057; background:url("../../images/common/pattern_c1.png"); }
.hBox.c3 > li > .tit { border-color:#ff7200; background:url("../../images/common/pattern_c3.png"); }
.hBox > li.c1 > .tit { background:url("../../images/common/pattern_c1.png"); }
.hBox > li.c3 > .tit { background:url("../../images/common/pattern_c3.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; }
  .hBox > li > .cont { flex-basis:100%; }
}

/* numBox */
.numBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.numBox > li { margin:30px 0; border:1px solid #aaa; position:relative; width:100%; }
.numBox > li > .num { position:absolute; top:-20px; left:20px; background:#fff; color:#03499a; font-weight:600; font-size:16px; padding:7px 10px; }
.numBox > li > .num::before { content:""; position:absolute; width:12px; height:12px; background:url("../../images/common/deco_wrap1.png") no-repeat center center; bottom:0; left:0; }
.numBox > li > .num::after { content:""; position:absolute; width:12px; height:12px; background:url("../../images/common/deco_wrap2.png") no-repeat center center; top:0; right:0;  }
.numBox > li > dl { padding:35px 20px 30px 35px; }
.numBox > li > dl > .tit { font-size:18px; font-weight:600; padding-bottom:10px; border-bottom:1px solid #03499a; margin-bottom:10px;  }
.numBox > li > dl > .cont { color:#444; }
.numBox.div2 > li { flex:0 0 48%; }
.numBox.div2 > li:nth-child(odd) { margin-right:2%; }
.numBox.div2 > li:nth-child(even) { margin-left:2%; }
@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%; }
.numBox.div3 > li:nth-child(3n-1) { margin-left:2%; margin-right:2%; }
@media only screen and (max-width:1024px){
  .numBox.div3 > li { flex:0 0 48%; }
  .numBox.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .numBox.div3 > li:nth-child(odd) { margin-right: 2%; }
  .numBox.div3 > li:nth-child(even) { margin-left: 2%; }
}
@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 23.5%; margin-bottom:20px; }
.numBox.div4 > li:nth-child(4n-2) { margin-left:2%; }
.numBox.div4 > li:nth-child(4n-1) { margin-left:2%; }
.numBox.div4 > li:nth-child(4n) { margin-left:2%; }
@media only screen and (max-width:1024px){
  .numBox.div4 > li { flex:0 0 48%; }
  .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:2%; }
  .numBox.div4 > li:nth-child(even) { margin-left:2%; }
}
@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 18.4%; margin-bottom:20px; }
.numBox.div5 > li:nth-child(5n-3) { margin-left:2%; }
.numBox.div5 > li:nth-child(5n-2) { margin-left:2%; }
.numBox.div5 > li:nth-child(5n-1) { margin-left:2%; }
.numBox.div5 > li:nth-child(5n) { margin-left:2%; }
@media only screen and (max-width:1200px){
  .numBox.div5 > li { flex:1 0 32%; }
  .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:2%; margin-right:2%; }
}
@media only screen and (max-width:768px){
  .numBox.div5 > li { flex:1 0 48%; }
  .numBox.div5 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .numBox.div5 > li:nth-child(odd) { margin-right:2%; }
  .numBox.div5 > li:nth-child(even) { margin-left:2%; }
}
@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; }
}

/* 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; color:#fff; text-align:center; padding:10px 10px; }
.clBox.c1 > li > .tit { background:url("../../images/common/pattern_c1.png"); }
.clBox.c3 > li > .tit { background:url("../../images/common/pattern_c3.png"); }
.clBox > li.c1 > .tit { background:url("../../images/common/pattern_c1.png"); }
.clBox > li.c3 > .tit { background:url("../../images/common/pattern_c3.png"); }
.clBox > li > .cont { flex:1 0 auto; border:1px solid #aaa; padding:25px; }
.clBox.div2 > li { flex:0 0 48%; }
.clBox.div2 > li:nth-child(odd) { margin-right:2%; }
.clBox.div2 > li:nth-child(even) { margin-left:2%; }
@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%; }
.clBox.div3 > li:nth-child(3n-1) { margin-left:2%; margin-right:2%; }
@media only screen and (max-width:1024px){
  .clBox.div3 > li { flex:0 0 48%; }
  .clBox.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .clBox.div3 > li:nth-child(odd) { margin-right: 2%; }
  .clBox.div3 > li:nth-child(even) { margin-left: 2%; }
}
@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 23.5%; margin-bottom:20px; }
.clBox.div4 > li:nth-child(4n-2) { margin-left:2%; }
.clBox.div4 > li:nth-child(4n-1) { margin-left:2%; }
.clBox.div4 > li:nth-child(4n) { margin-left:2%; }
@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 18.4%; margin-bottom:20px; }
.clBox.div5 > li:nth-child(5n-3) { margin-left:2%; }
.clBox.div5 > li:nth-child(5n-2) { margin-left:2%; }
.clBox.div5 > li:nth-child(5n-1) { margin-left:2%; }
.clBox.div5 > li:nth-child(5n) { margin-left:2%; }
@media only screen and (max-width:1200px){
  .clBox.div5 > li { flex:1 0 32%; }
  .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:2%; margin-right:2%; }
}
@media only screen and (max-width:768px){
  .clBox.div5 > li { flex:1 0 48%; }
  .clBox.div5 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
  .clBox.div5 > li:nth-child(odd) { margin-right:2%; }
  .clBox.div5 > li:nth-child(even) { margin-left:2%; }
}
@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; }
}


/*사진 있는 인사말*/
.greeting_type_1{}
.greeting_type_1 .item_1{display:flex;align-items:center;position:relative;padding:0 0 45px 80px;background:url(/sites/templet_guide/images/sub/greeting_bg_1.jpg) no-repeat right bottom;}
.greeting_type_1 .item_1::before{content:"";display:block;width:103px;height:103px;background:url(/sites/templet_guide/images/sub/inu_icon_y.png);position:absolute;right:30px;top:0;}
.greeting_type_1 .item_1 .pic{position:relative;padding:0 15px 15px 0;margin-right:170px;width:315px;height:415px;}
.greeting_type_1 .item_1 .pic::before{content:"";display:block;width:calc(100% - 15px);height:calc(100% - 15px);background:url(/sites/templet_guide/images/sub/greeting_bg_2.jpg);position:absolute;right:0;bottom:0;}
.greeting_type_1 .item_1 .pic img{position:relative;}
.greeting_type_1 .item_1 .picInfo{font-family:'Dream Regular';font-size:20px;color:#afd4fa;line-height:1.5;background:#0d75e0;padding:20px 25px;display:inline-block;position:absolute;left:140px;bottom:35px;}
.greeting_type_1 .item_1 .picInfo strong{font-family:'Dream Medium';font-size:24px;color:#FFF;padding-left:20px;}
.greeting_type_1 .item_1 .text{width:calc(100% - 570px);}
.greeting_type_1 .item_1 .p_1{font-family:'Dream Regular';font-size:50px;color:#0d75e0;line-height:1;letter-spacing:-1px;}
.greeting_type_1 .item_1 .p_1:before{content:"";display:block;width:27px;height:23px;margin:0 0 10px -10px;background:url(/sites/templet_guide/images/sub/greeting_icon_1.png);}
.greeting_type_1 .item_1 .p_2{font-family:'Dream Bold';font-size:50px;color:#0d75e0;line-height:1;letter-spacing:-1px;padding:20px 0 40px 0;}
.greeting_type_1 .item_1 .p_3{font-family:'Dream Regular';font-size:24px;color:#444;line-height:1.5;}
.greeting_type_1 .item_2{font-family:'Dream Medium';padding:70px;color:#212121;}
@media all and (max-width:1280px){
  .greeting_type_1 .item_1{padding:20px;align-items:flex-start;}
  .greeting_type_1 .item_1::before{right:20px;top:-50px;}
  .greeting_type_1 .item_1 .pic{width:230px;height:302px;margin-right:50px;}
  .greeting_type_1 .item_1 .text{width:calc(100% - 330px);}
  .greeting_type_1 .item_1 .p_1{font-size:40px;}
  .greeting_type_1 .item_1 .p_2{font-size:40px;}
  .greeting_type_1 .item_1 .p_3{font-size:20px;}
  .greeting_type_1 .item_1 .picInfo{font-size:18px;padding:20px;left:50px;bottom:15px;}
  .greeting_type_1 .item_1 .picInfo strong{font-size:20px;padding-left:10px;}
  .greeting_type_1 .item_2{padding:70px 20px 0 20px;}
}
@media all and (max-width:768px){
  .greeting_type_1 .item_1{padding:20px 20px 60px 20px;background-position:right top;}
  .greeting_type_1 .item_1::before{width:60px;height:60px;background-size:100%;top:-30px;}
  .greeting_type_1 .item_1 .pic{width:150px;height:200px;padding:0;margin-right:30px;}
  .greeting_type_1 .item_1 .pic::before{display:none;}
  .greeting_type_1 .item_1 .text{width:calc(100% - 200px);}
  .greeting_type_1 .item_1 .p_1{font-size:25px;}
  .greeting_type_1 .item_1 .p_2{font-size:25px;padding:10px 0 20px 0;}
  .greeting_type_1 .item_1 .p_3{font-size:16px;}
  .greeting_type_1 .item_1 .picInfo{font-size:16px;padding:15px;left:200px;bottom:-25px;}
  .greeting_type_1 .item_1 .picInfo strong{font-size:18px;padding:5px 0 0 0;}
}
@media all and (max-width:480px){
  .greeting_type_1 .item_1{flex-wrap:wrap;padding:20px;}
  .greeting_type_1 .item_1 .pic{width:315px;height:unset;padding:0;margin-right:30px;}
  .greeting_type_1 .item_1 .text{width:100%;margin-top:50px;}
  .greeting_type_1 .item_1 .picInfo{left:unset;bottom:unset;right:0;top:290px;}
  .greeting_type_1 .item_1 .picInfo strong{display:block;line-height:1;}
}


/*사진 없는 인사말*/
.greeting_type_2{}
.greeting_type_2 .item_1{position:relative;height:450px;padding-left:100px;display:flex;align-items:center;}
.greeting_type_2 .item_1 .pic{text-align:right;position:absolute;right:0;top:0;width:100%;height:100%;}
.greeting_type_2 .item_1 .pic img{height:100%;max-width:unset;}
.greeting_type_2 .item_1 .pic::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgb(23,61,109);background:linear-gradient(97deg, rgba(23,61,109,1) 40%, rgba(255,255,255,0) 100%);}
.greeting_type_2 .item_1 .picInfo{font-family:'Dream Regular';font-size:20px;color:#afd4fa;line-height:1;background:#0d75e0;padding:25px;display:inline-block;position:absolute;left:40px;bottom:-40px;}
.greeting_type_2 .item_1 .picInfo strong{font-family:'Dream Medium';font-size:24px;color:#FFF;padding-left:20px;}
.greeting_type_2 .item_1 .text{position:relative;}
.greeting_type_2 .item_1 .p_1{font-family:'Dream Regular';font-size:50px;color:#FFF;line-height:1;letter-spacing:-1px;}
.greeting_type_2 .item_1 .p_2{font-family:'Dream Bold';font-size:50px;color:#FFF;line-height:1;letter-spacing:-1px;padding:20px 0 40px 0;}
.greeting_type_2 .item_1 .p_3{font-family:'Dream Regular';font-size:24px;color:#FFF;line-height:1.5;}
.greeting_type_2 .item_2{font-family:'Dream Medium';padding:70px 70px 0 70px;color:#212121;}
@media all and (max-width:1280px){
  .greeting_type_2 .item_1{height:350px;padding:20px 100px 20px 20px;}
  .greeting_type_2 .item_1 .p_1{font-size:40px;}
  .greeting_type_2 .item_1 .p_2{font-size:40px;}
  .greeting_type_2 .item_1 .p_3{font-size:20px;}
  .greeting_type_2 .item_1 .picInfo{font-size:18px;padding:20px;left:20px;bottom:-30px;}
  .greeting_type_2 .item_1 .picInfo strong{font-size:20px;padding-left:10px;}
  .greeting_type_2 .item_2{padding:70px 20px 0 20px;}
}
@media all and (max-width:768px){
  .greeting_type_2 .item_1{height:300px;}
  .greeting_type_2 .item_1 .p_1{font-size:25px;}
  .greeting_type_2 .item_1 .p_2{font-size:25px;padding:10px 0 20px 0;}
  .greeting_type_2 .item_1 .p_3{font-size:16px;}
  .greeting_type_2 .item_1 .picInfo{font-size:16px;padding:15px;bottom:-35px;}
  .greeting_type_2 .item_1 .picInfo strong{font-size:18px;display:block;padding:5px 0 0 0;}
}


/*학과소개*/
.depart_type_1{display:flex;align-items:flex-end;flex-wrap:wrap;padding:0 0 80px 0;position:relative;}
.depart_type_1::before{content:"";display:block;width:calc(100% - 80px);height:calc(100% - 80px);background:#f5f5f5;position:absolute;right:0;bottom:0;}
.depart_type_1::after{content:"";display:block;width:103px;height:103px;background:url(/sites/templet_guide/images/sub/inu_icon_y.png) no-repeat;background-size:100%;position:absolute;right:20px;top:100px;}
.depart_type_1 .pic{position:relative;padding:40px 40px 0 0;width:42%;}
.depart_type_1 .pic::before{content:"";display:block;width:calc(100% - 40px);height:calc(100% - 40px);border:15px solid #d0e0f3;position:absolute;right:0;top:0;}
.depart_type_1 .pic img{position:relative;}
.depart_type_1 .text{position:relative;padding:0 90px;width:58%;}
.depart_type_1 .text .p_1{font-family:'Dream Regular';font-size:28px;color:#303030;line-height:1.5;}
.depart_type_1 .text .p_2{font-family:'Dream Bold';font-size:40px;color:#02499b;line-height:1;padding-top:30px;}
.depart_type_1 .text .p_3{font-family:'Dream Bold';font-size:18px;color:#303030;  }
@media all and (max-width:1280px){
  .depart_type_1{align-items:center;padding:40px;background:#f5f5f5;}
  .depart_type_1::before{display:none;}
  .depart_type_1::after{top:-30px;width:70px;height:70px;}
  .depart_type_1 .text{padding:0 30px;}
  .depart_type_1 .text .p_1{font-size:22px;}
  .depart_type_1 .text .p_2{font-size:32px;}
}
@media all and (max-width:768px){
  .depart_type_1{padding:40px 20px;}
  .depart_type_1::after{top:-20px;width:40px;height:40px;}
  .depart_type_1 .pic{padding:15px 15px 0 0;}
  .depart_type_1 .pic::before{width:calc(100% - 15px);height:calc(100% - 15px);border-width:5px;}
  .depart_type_1 .text .p_1{font-size:18px;}
  .depart_type_1 .text .p_2{font-size:25px;padding-top:15px;}
}
@media all and (max-width:480px){
  .depart_type_1 .pic{width:100%;}
  .depart_type_1 .text{width:100%;padding:30px 0 0 0;}
}


/*교육목표*/
.eduGoal_type_1{}
.eduGoal_type_1 dt{position:relative;padding-top:70px;}
.eduGoal_type_1 dt::before{content:"";display:block;width:214px;height:120px;background:url(/sites/templet_guide/images/sub/icon_inu.png) no-repeat right bottom;position:absolute;top:0;right:0;}
.eduGoal_type_1 dt::after{content:"";display:block;width:100%;height:4px;margin:20px 0;background:rgb(1,73,154);background:linear-gradient(90deg, rgba(1,73,154,1) 0%, rgba(1,140,255,1) 70%, rgba(252,175,22,1) 100%);}
.eduGoal_type_1 dt span:nth-child(1){font-family:'Dream Bold';font-size:26px;color:#212121;line-height:1;position:relative;padding-top:6px;}
.eduGoal_type_1 dt span:nth-child(1)::before,
.eduGoal_type_1 dt span:nth-child(1)::after{content:"";display:block;width:6px;height:6px;border-radius:100%;position:absolute;top:0;}
.eduGoal_type_1 dt span:nth-child(1)::before{background:#fcaf17;left:0;}
.eduGoal_type_1 dt span:nth-child(1)::after{background:#03499a;left:10px;}
.eduGoal_type_1 dt .shortCut { position:absolute; right:0; bottom:19px; }
.eduGoal_type_1 dd{font-family:'Dream Regular';font-size:18px;color:#5e5e5e;line-height:1.5;}
@media all and (max-width:1280px){
  .eduGoal_type_1 dt{padding-top:35px;}
  .eduGoal_type_1 dt::before{background-size:150px;height:85px;}
}
@media all and (max-width:768px){
  .eduGoal_type_1 dt{padding-top:17px;}
  .eduGoal_type_1 dt::before{background-size:110px;height:65px;}
  .eduGoal_type_1 dt span:nth-child(1){font-size:22px;}
  .eduGoal_type_1 dd{font-size:16px;}
}


/*오시는길*/
.location_type_1{padding:45px 80px;border:6px solid #efefef;display:flex;flex-wrap:wrap;}
.location_type_1 dl{position:relative;padding-left:70px;}
.location_type_1 dl::before{content:"";display:block;width:50px;height:50px;position:absolute;left:0;top:0;}
.location_type_1 dt{font-family:'Dream Bold';font-size:20px;color:#00338e;line-height:1;}
.location_type_1 dd{font-family:'Dream Regular';font-size:20px;color:#000;line-height:1.5;padding-top:10px;}
.location_type_1 .item_1::before{background:url(/sites/templet_guide/images/sub/location_add.png) no-repeat;}
.location_type_1 .item_2::before{background:url(/sites/templet_guide/images/sub/location_tel.png) no-repeat;}
.location_type_1 .item_3::before{background:url(/sites/templet_guide/images/sub/location_fax.png) no-repeat;}
.location_type_1 .item_1{width:100%;border-bottom:1px solid #EEE;margin-bottom:30px;padding-bottom:30px;}
.location_type_1 .item_2,
.location_type_1 .item_3{width:50%;}
@media all and (max-width:1280px){
  .location_type_1{padding:35px;}
}
@media all and (max-width:768px){
  .location_type_1{padding:25px;}
  .location_type_1 dt,
  .location_type_1 dd{font-size:16px;}
  .location_type_1 dd{padding-top:5px;}
}
@media all and (max-width:480px){
  .location_type_1 .item_2,
  .location_type_1 .item_3{width:100%;}
  .location_type_1 .item_2{border-bottom:1px solid #EEE;margin-bottom:30px;padding-bottom:30px;}
}


/*연혁*/
.history_type_1{}
.history_type_1 .inner{display:flex;flex-wrap:wrap;}
.history_type_1 h2{width:350px;margin-right:50px;font-family:'Dream ExtraBold';font-size:60px;color:#02499b;line-height:1.1;letter-spacing:-2px;background:url(/sites/templet_guide/images/sub/icon_inu_2.png) no-repeat right top;}
.history_type_1 h2 span{display:block;padding-left:50px;}
.history_type_1 .wrap{width:calc(100% - 400px);}
.history_type_1 .wrap::before{content:"";display:block;width:100%;height:4px;margin-bottom:20px;background:rgb(1,73,154);background:linear-gradient(90deg, rgba(1,73,154,1) 0%, rgba(1,140,255,1) 70%, rgba(252,175,22,1) 100%);}
.history_type_1 .item{display:flex;flex-wrap:wrap;}
.history_type_1 h3{font-family:'Dream Bold';font-size:20px;color:#01499a;line-height:1;margin-right:50px;padding-top:2px;width:70px;}
.history_type_1 .container{width:calc(100% - 120px);}
.history_type_1 dl{display:flex;flex-wrap:wrap;border-bottom:1px solid #CCC;padding-bottom:30px;margin-bottom:30px;}
.history_type_1 dt{font-family:'Dream Regular';font-size:20px;color:#02499b;line-height:1;width:100px;}
.history_type_1 dd{font-family:'Dream Medium';font-size:16px;color:#303030;line-height:1.5;width:calc(100% - 100px);margin-top:-2px;}
.history_type_1 .wrap .item:last-child .container dl:last-child{border:0;margin:0;padding:0;}
@media all and (max-width:1280px){
  .history_type_1 h2{width:250px;margin-right:20px;font-size:40px;background-size:150px;}
  .history_type_1 .wrap{width:calc(100% - 270px);}
}
@media all and (max-width:768px){
  .history_type_1 h2{width:100%;font-size:30px;background-size:100px;padding-bottom:20px;margin-right:0;}
  .history_type_1 h2 span{display:inline;padding-left:0;}
  .history_type_1 .wrap{width:100%;}
  .history_type_1 h3{font-size:18px;margin-right:20px;margin-right:20px;}
  .history_type_1 .container{width:calc(100% - 90px);}
  .history_type_1 dt{font-size:18px;width:80px;}
  .history_type_1 dd{width:calc(100% - 80px);}
}
@media all and (max-width:480px){
  .history_type_1 h2{font-size:25px;}
  .history_type_1 dl{padding-bottom:20px;margin-bottom:20px;}
  .history_type_1 dt,
  .history_type_1 dd{width:100%;}
  .history_type_1 dt{margin-bottom:10px;}
}

/* hBox6 */
.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; position:relative; }
.hBox6 > li > dl > .tit { padding-bottom:10px; color:#aaa; font-size:20px; font-weight:600; }
.hBox6 > li > dl > .tit span.titNo { font-size:16px; color:#03499a; } 
.hBox6 > li > dl > .tit span.tit1 { font-size:22px; color:#03499a; } 
.hBox6 > li > dl > .tit span.tit2 { font-size:16px; color:#03499a; }
.hBox6 > li > dl > .tit span.shortCut { position:absolute; right:0; top:0; }
.hBox6 > li > dl > .tit > .info { margin-top:10px; color:#444; font-size:15px; }


/* Major-type-box2 */
.major-type-box2 {position: relative;}
.major-type-box2.mg {margin-top: 100px;}
.major-type-box2 .inner {display:table; width:100%;}
.major-type-box2 .inner::after {content:''; display:block; clear:both;}
.major-type-box2 .left {display:table-cell; width: 43.4%; padding-bottom: 12px; vertical-align: top;}
.major-type-box2 .right {position: relative; display:table-cell; vertical-align:top;}
.major-type-box2 .right .top {position: relative; text-align:right;}
.major-type-box2 .right .top::after {content:''; width: 127%; height: 5px; background: #024c97 url('/sites/guide/images/guide/line-major.png') no-repeat left center; position: absolute; right: 0; top:50%;}
.major-type-box2 .right .title {font-family: 'Dream Bold'; font-size: 28px; line-height: 40px; letter-spacing: -.05em; color:#222; margin: 31px 0 19px 0;}
.major-type-box2 .right .button {position: relative; z-index: 1; display: inline-block; background: #fff; min-height: 60px;}

.major-type-box2 .btn-style2 {z-index: 1; position:relative; display:inline-block; }
.major-type-box2 .btn-style2 a { display:inline-block; border:1px solid #c18516; background:#fff; padding:15px 37px 15px 39px; transition:all .3s; }
.major-type-box2 .btn-style2 a:hover { background:#c18516; color:#fff; }
.major-type-box2 .btn-style2 a span { display:inline-block; font-size:16px; line-height:28px; color:#c18516; font-family:'Dream Regular'; transition:all .3s; padding-left:35px; background:url("/sites/guide/images/guide/ic_btn_home.png") no-repeat left center; }
.major-type-box2 .btn-style2 a span:hover { background:url("/sites/guide/images/guide/ic_btn_home_w.png") no-repeat left center; color:#fff; }

.major-type-box2 .con {padding-left: 70px; text-align:left; }
.major-type-box2 .img-box { position:relative; }
.major-type-box2 .img-box::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #d1d1d1;}
.major-type-box2 .img-box::before{content: ''; background: url('/sites/guide/images/guide/group-img-shape.png') ; width: 100%; height: 100%; position: absolute; top: 3%; left:10px; z-index: -1;} 
.major-type-box2 .txt-box {min-height: 130px; text-align:left; }
.major-type-box2 .txt-box p {padding-bottom: 5px; font-size: 16px; color:#666; letter-spacing: -.05em;}
.major-type-box2 .info { border: 3px solid #eee; padding: 32px 10px 32px 20px; margin-top: 24px;}
.major-type-box2 .info strong {display: block; font-family: 'play Bold'; text-transform: uppercase; font-size: 14px; color:#01499A; letter-spacing: 0; line-height: 16px;}
.major-type-box2 .info ul {display:table; width:100%;}
.major-type-box2 .info li {display:table-cell; width:33.3333%; position: relative; vertical-align: middle;}
.major-type-box2 .info li::after {content:''; position: absolute; width:1px; height:100%; background:#C7CBD7; position: absolute; top:0; left:0;}
.major-type-box2 .info li:first-child::after {display: none;}
.major-type-box2 .info li:first-child .item {border-left:none;}
.major-type-box2 .info .item{position: relative;}
.major-type-box2 .info li:first-child .item p {margin-left:0;}
.major-type-box2 .info .item p {margin-left:20px; padding-left:40px; padding-right: 20px; position: relative; text-align:left; }
.major-type-box2 .info .item span {display: block; color:#2b2a2b; font-family: 'Dream Regular'; font-size: 15px;}
.major-type-box2 .info .tel p::after {content:''; width:30px; height:30px; background:url('/sites/guide/images/guide/ic_tel_type1.png') no-repeat center; position: absolute; left:0; top:4px;}
.major-type-box2 .info .fax p::after {content:''; width:30px; height:30px; background:url('/sites/guide/images/guide/ic_fax_type1.png') no-repeat center; position: absolute; left:0; top:3px;}
.major-type-box2 .info .loc p::after {content:''; width:30px; height:30px; background:url('/sites/guide/images/guide/ic_location_type1.png') no-repeat center; position: absolute; left:0; top:1px;}

@media all and (max-width: 1400px) {
  .major-type-box2 .inner,
  .major-type-box2 .left,
  .major-type-box2 .right {display: block; width: 100%;}

  .major-type-box2 .left .img-box {max-width: 650px; margin: 0 auto;}
  .major-type-box2 .right .top::after {right: auto; left: 0; width: 100%;}
  .major-type-box2 .right .top {margin-top: 50px;}
  .major-type-box2 .right .button {min-height: auto;}
  .major-type-box2 .con {padding-left: 0;}
  .major-type-box2 .txt-box {min-height: auto}
  .major-type-box2 .info {position: static; width: 100%;}
}

@media all and (max-width: 700px) {
  .major-type-box2.mg {margin-top: 50px;}
  .major-type-box2 .info {padding: 5px 15px;}
  .major-type-box2 .info ul,
  .major-type-box2 .info li {display: block; width: 100%;}
  .major-type-box2 .info li {border-bottom: 1px solid #C7CBD7;}
  .major-type-box2 .info li:last-child {border: 0;}
  .major-type-box2 .info li::after {display: none;}
  .major-type-box2 .info .item p {margin: 10px 0;}
}

@media all and (max-width: 640px) {
  .major-type-box2 .right .top {margin-top: 30px;}
  .major-type-box2 .right .button {width: 100%; text-align: center;}
  .major-type-box2 .right .button > div,
  .major-type-box2 .right .button a {width: 100%; margin: 0;}
  .major-type-box2 .right .button > div {margin-bottom: 10px;}
  .major-type-box2 .right .title {margin-top: 16px;}
}

@media all and (max-width: 500px) {
  .major-type-box2 .right .top {margin-top: 30px;}
  .major-type-box2 .right .title {margin-top: 10px; font-size: 22px;}
  .major-type-box2 .txt-box p {font-size: 14px;}
  .major-type-box2 .info .item span {font-size: 14px;}
}

/* 파일다운로드 박스 */
.down-banner2 {padding: 30px 35px; border: 5px solid #f6f6f6;}
.down-banner2 ul {overflow: hidden;}
.down-banner2 li {float: left; display: table; width: 100%; padding: 5px 0;}
.down-banner2.row1 li {width: 100%;}
.down-banner2.row2 li {width: 50%;}
.down-banner2.row2 li:nth-child(odd) {padding-right: 40px; border-right: 1px dashed #ddd;}
.down-banner2.row2 li:nth-child(even) {padding-left: 40px;}
.down-banner2 .text-only {display: table-cell; position: relative; padding-left: 20px; font-family: 'Dream Regular'; font-size: 18px; line-height: 1.3; vertical-align: middle; color: #333;}
.down-banner2 .text-only::after {content: ''; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; background: #ccd0d7; border-radius: 100%;}
.down-banner2 .title {display: table-cell; position: relative; padding-left: 20px; font-family: 'Dream Regular'; font-size: 18px; line-height: 1.3; vertical-align: middle; color: #666;}
.down-banner2 .title::after {content: ''; position: absolute; left: 0; top: 21px; width: 6px; height: 6px; background: #222; border-radius: 100%;}
.down-banner2 .link {display: table-cell; width: 170px; vertical-align: middle;}
.down-banner2 .link a {float: right; padding: 12px 23px; border: 1px solid #222; font-family: 'Dream Regular'; font-size: 15px; color: #666;}
.down-banner2 .link a::after {content: ''; position: relative; top: -2px; display: inline-block; width: 20px; height: 20px; margin-left: 24px; background: url('../../images/common/icon-banner2-9.png') no-repeat center center; vertical-align: middle;}
.down-banner2 .link a:hover {background: #03499a; border: 1px solid #03499a; color: #fff;}
.down-banner2 .link a:hover::after {background: url('../../images/common/icon-banner2-9-ov.png') no-repeat center center;}
.down-banner2 .link a.ico1::after {background: url('../../images/common/icon-banner2-10.png') no-repeat center center}
.down-banner2 .link a:hover.ico1::after {background: url('../../images/common/icon-banner2-10-ov.png') no-repeat center center}
.down-banner2 .link a.ico2::after {background: url('../../images/common/icon-banner2-1.png') no-repeat center center}
.down-banner2 .link a:hover.ico2::after {background: url('../../images/common/icon-banner2-1-ov.png') no-repeat center center}

@media all and (max-width: 1200px) {
  .down-banner2.row2 li {width: 100%;}
  .down-banner2.row2 li:nth-child(odd) {padding-right: 0; border: 0;}
  .down-banner2.row2 li:nth-child(even) {padding-left: 0;}
}

@media all and (max-width: 768px) {
  .down-banner2 {padding: 20px;}
  .down-banner2 .title::after {top: 8px;}
  .down-banner2 .title {display: block; padding-bottom: 10px;}
  .down-banner2 .link {display: block; width: 100%; padding-bottom: 10px;}
  .down-banner2 .link a {float: none; display: inline-block; margin-left: 20px;}
}

@media all and (max-width: 500px) {
  .down-banner2 .title {font-size: 15px;}
  .down-banner2 .link a {font-size: 13px;}
}


/* Menu Box */
.menu-box {border: 7px solid #eee;}
.menu-box ul {overflow: hidden; width: 100%; padding: 24px 20px; padding-right: 0; padding-bottom: 7px; background:#fff;}
.menu-box li {float: left; width: 16.666%; padding-bottom: 15px; padding-right: 30px;}
.menu-box a {position: relative; display: block; padding-left: 11px; font-family: 'Dream Medium'; font-size: 17px; color: #666;}
.menu-box a::before {content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.menu-box a::after {content: ''; position: absolute; right: 0; top: 0; width: 25px; height: 24px; background: url('../../images/common/arrow-menu-box.png') no-repeat center center;}
.menu-box .active a::after,
.menu-box a:hover::after {background: url('../../images/common/arrow-menu-box-ov.png') no-repeat center center;}
.menu-box .active a,
.menu-box a:hover {color: #4076b3;}
.menu-box a span {position: relative;}
.menu-box a span::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #4076b3; transition: width .75s;}
.menu-box a:hover span::after {width: 100%;}

@media all and (max-width: 1385px) {
  .menu-box li {width: 20%;}
}

@media all and (max-width: 1210px) {
  .menu-box li {width: 25%;}
}

@media all and (max-width: 1045px) {
  .menu-box li {width: 33.333%;}
}

@media all and (max-width: 810px) {
  .menu-box li {width: 50%;}
}

@media all and (max-width: 590px) {
  .menu-box li {width: 100%;}
}

@media all and (max-width: 500px) {
  .menu-box a {font-size: 15px;}
}

/* 인포박스 */
.infoWrap .info { border: 3px solid #eee; padding: 32px 10px 32px 20px; margin-top: 24px;}
.infoWrap .info strong {display: block; font-family: 'play Bold'; text-transform: uppercase; font-size: 16px; color:#01499A; letter-spacing: 0; line-height: 16px;}
.infoWrap .info ul {display:table; width:100%;}
.infoWrap .info li {display:table-cell; width:33.3333%; position: relative; vertical-align: middle;}
.infoWrap .info li::after {content:''; position: absolute; width:1px; height:100%; background:#C7CBD7; position: absolute; top:0; left:0;}
.infoWrap .info li:first-child::after {display: none;}
.infoWrap .info li:first-child .item {border-left:none;}
.infoWrap .info .item{position: relative;}
.infoWrap .info li:first-child .item p {margin-left:0;}
.infoWrap .info .item p {margin-left:20px; padding-left:40px; padding-right: 20px; position: relative; text-align:left; }
.infoWrap .info .item span {display: block; color:#2b2a2b; font-family: 'Dream Regular'; font-size: 16px;}
.infoWrap .info .tel p::after {content:''; width:30px; height:30px; background:url('/sites/guide/images/guide/ic_tel_type1.png') no-repeat center; position: absolute; left:0; top:4px;}
.infoWrap .info .fax p::after {content:''; width:30px; height:30px; background:url('/sites/guide/images/guide/ic_fax_type1.png') no-repeat center; position: absolute; left:0; top:3px;}
.infoWrap .info .loc p::after {content:''; width:30px; height:30px; background:url('/sites/guide/images/guide/ic_location_type1.png') no-repeat center; position: absolute; left:0; top:1px;}
@media all and (max-width: 700px) {
  .infoWrap .info {padding: 5px 15px;}
  .infoWrap .info ul,
  .infoWrap .info li {display: block; width: 100%;}
  .infoWrap .info li {border-bottom: 1px solid #C7CBD7;}
  .infoWrap .info li:last-child {border: 0;}
  .infoWrap .info li::after {display: none;}
  .infoWrap .info .item p {margin: 10px 0;}
}
@media all and (max-width: 500px) {
  .infoWrap .info .item span {font-size: 14px;}
}
.infoWrap.type2 ul { display:flex; flex-wrap:wrap; }
.infoWrap.type2 li { width:50%; }
.infoWrap.type2 li.locWrap { width:100%; margin-top:30px; }
.infoWrap.type2 li.locWrap::after { display:none; }
.infoWrap.type2 li.locWrap .item p {margin-left:0; padding-left:40px; padding-right: 20px; }

/* 버튼품은 UL */
.list_btn { border-top:1px solid #afafaf; border-bottom:1px solid #afafaf; }
.list_btn > li { padding:15px 15px 15px 0; border-bottom:1px solid #dfdfdf; display:flex; align-items:center; justify-content:space-between; }
.list_btn > li:last-child { border-bottom:0; }
.list_btn > li > .txt { position:relative; padding-left:25px; }
.list_btn > li > .txt::before { content:""; width:5px; height:5px; background-color:#666; border-radius:0; position:absolute; left:10px; top:50%; transform:translateY(-50%); }
.list_btn > li > .txt.txtWrap > span:nth-child(1) { display:inline-block; width:180px; }
.list_btn > li > .liBtnWrap {}
@media all and (max-width: 1024px) {
	.list_btn > li { flex-direction:column; align-items:flex-start; }
	.list_btn > li > .liBtnWrap { padding-top:5px; padding-left:25px; }
}

/* 게시판모듈 버튼 (게시판은 모듈은 대표사이트와 같이 사용하므로 대표가이드에 있는 버튼 스타일을 추가) */
.btn-style {position: relative; display: inline-block; height: 50px; padding: 0 27px; font-family: 'Dream Medium'; font-size: 15px; line-height: 50px; color: #fff !important; cursor: pointer;}
.btn-style.mini {height: 28px; padding: 0 8px; font-size: 12px; line-height: 26px;}
.btn-style.type1.mini::after,
.btn-style.type2.mini::after,
.btn-style.type3.mini::after {top: -2px; width: 13px; height: 13px; margin-left: 6px; background-size: 100% auto;}
.btn-style.type1.mini:hover::after,
.btn-style.type2.mini:hover::after,
.btn-style.type3.mini:hover::after {background-size: 100% auto;}

.btn-style.type1 {background: #01499a; border: 1px solid #01499a;}
.btn-style.type1:hover {background: #fff; border: 1px solid #01499a; color: #01499a !important;}
.btn-style.type1::after {content: ''; position: relative; top: -4px;  display: inline-block; width: 18px; height: 18px; margin-left: 10px; background: url('../../images/guide/ic-btn1.png') no-repeat center; vertical-align: middle;}
.btn-style.type1:hover::after {background: url('../../images/guide/ic-btn1-ov.png') no-repeat center;}

.btn-style.type2 {background: #3085e5; border: 1px solid #3085e5;}
.btn-style.type2:hover {background: #fff; border: 1px solid #3085e5; color: #3085e5 !important;}
.btn-style.type2::after {content: ''; position: relative; top: -4px;  display: inline-block; width: 17px; height: 16px; margin-left: 10px; background: url('../../images/guide/ic-btn2.png') no-repeat center; vertical-align: middle;}
.btn-style.type2:hover::after {background: url('../../images/guide/ic-btn2-ov.png') no-repeat center;}

.btn-style.type3 {background: #670461; border: 1px solid #670461;}
.btn-style.type3:hover {background: #fff; border: 1px solid #670461; color: #670461 !important;}
.btn-style.type3::after {content: ''; position: relative; top: -4px;  display: inline-block; width: 21px; height: 21px; margin-left: 10px; background: url('../../images/guide/ic-btn3.png') no-repeat center; vertical-align: middle;}
.btn-style.type3:hover::after {background: url('../../images/guide/ic-btn3-ov.png') no-repeat center;}

.btn-style.type4 {background: #fff; border: 1px solid #222222; color: #666 !important;}
.btn-style.type4:hover {border: 1px solid #000; color: #000 !important;}
.btn-style.type4::after {content: ''; position: relative; top: -4px;  display: inline-block; width: 21px; height: 21px; margin-left: 10px; background: url('../../images/guide/ic-btn4.png') no-repeat center; vertical-align: middle;}

.btn-style.color {padding: 0 40px;}
.btn-style.color.mini {padding: 0 8px;}
.btn-style.color:hover {background: #fff;}
.btn-style.color::after {content: ''; position: absolute; left: 3px; top: 3px; width: calc(100% - 6px); height: calc(100% - 6px);}

.btn-style.color1 {background: #8c8c8c; border: 1px solid #8c8c8c;}
.btn-style.color1:hover {border: 1px solid #8c8c8c; color: #8c8c8c !important;}
.btn-style.color1::after {border: 1px solid #8c8c8c;}

.btn-style.color2 {background: #01499a; border: 1px solid #01499a;}
.btn-style.color2:hover {border: 1px solid #01499a; color: #01499a !important;}
.btn-style.color2::after {border: 1px solid #01499a;}

.btn-style.color3 {background: #fcaf17; border: 1px solid #fcaf17;}
.btn-style.color3:hover {border: 1px solid #fcaf17; color: #fcaf17 !important;}
.btn-style.color3::after {border: 1px solid #fcaf17;}

.btn-style.color4 {background: #bc6f6f; border: 1px solid #bc6f6f;}
.btn-style.color4:hover {border: 1px solid #bc6f6f; color: #bc6f6f !important;}
.btn-style.color4::after {border: 1px solid #bc6f6f;}

.btn-style.color5 {background: #4b94e6; border: 1px solid #4b94e6;}
.btn-style.color5:hover {border: 1px solid #4b94e6; color: #4b94e6 !important;}
.btn-style.color5::after {border: 1px solid #4b94e6;}

.btn-style.color6 {background: #01749a; border: 1px solid #01749a;}
.btn-style.color6:hover {border: 1px solid #01749a; color: #01749a !important;}
.btn-style.color6::after {border: 1px solid #01749a;}

.btn-style.color7 {background: #01339a; border: 1px solid #01339a;}
.btn-style.color7:hover {border: 1px solid #01339a; color: #01339a !important;}
.btn-style.color7::after {border: 1px solid #01339a;}

.btn-style.small {height: 34px; padding: 0 22px; line-height: 34px; font-size: 13px;}
.btn-style.small.small1 {background: #00baff; border: 1px solid #00baff;}
.btn-style.small.small1:hover {background: #fff; border: 1px solid #00baff; color: #00baff !important;}

.btn-style.small.small2 {background: #fff; border: 1px solid #f18e00; color: #f18e00 !important;}
.btn-style.small.small2:hover {background: #f18e00; border: 1px solid #f18e00; color: #fff !important;}

.btn-style.tiny {height: 30px; padding: 0 12px; line-height: 28px; font-size: 13px;}
.btn-style.tiny.tiny1 {background: #fff; border: 1px solid #222; color: #222 !important;}
.btn-style.tiny.tiny1:hover {background: #01499a; border: 1px solid #01499a; color: #fff !important;}

.btn-style.tiny.tiny2 {background: #fff; border: 1px solid #222; color: #222 !important;}
.btn-style.tiny.tiny2:hover {background: #5c5c5c; border: 1px solid #5c5c5c; color: #fff !important;}

@media all and (max-width: 500px) {
  .btn-style {font-size: 13px;}
  .btn-style.small {font-size: 12px;}
  .btn-style.tiny {font-size: 12px;}
}

/*게시판 모바일에서 표 수정*/
@media all and (max-width: 1280px) {
  ._fnctWrap .view-con div{width:unset !important;}
  ._fnctWrap .view-con table{width:unset !important;}
  ._fnctWrap .view-con table td{width:unset !important;height:unset !important;padding:unset !important;word-break:break-all !important;}
}