@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/style_guide/images/common/bul_radio.png) no-repeat center;}
input[type=checkbox]:checked{background:url(/sites/style_guide/images/common/bul_checkbox.png) no-repeat center;}

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

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

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

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

/*감싸기
.sub ._fnctWrap,
.wrapper{box-sizing:border-box;margin: 0 auto;max-width: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: 'Noto Sans SC', sans-serif;font-weight:400; 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:#db1303;}
.yellow{color:#fcaf17;}
.blue{color:#01499a;}
.black{color:#2b2f38;}

.sky{color:#00b0ec;}
.green{color:#00a79e;}
.white{color:#FFF;}
.orange{color:#ff7e00;}
.gray{color:#888;}

.sColor1 { color:#099b92; }
.sColor2 { color:#024c97; }

/*폰트두께*/
.thin{font-family: 'Noto Sans SC', sans-serif;font-weight:400;}
.bold{font-family: 'Noto Sans SC', sans-serif;font-weight:700;}
.eBold{font-family: 'Noto Sans SC', sans-serif;font-weight:700;}
strong{font-family: 'Noto Sans SC', sans-serif;font-weight:700;}
.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 {padding:30px 40px;}
.bgW{background:#FFF;}
.bgG{background:#f6f6fb;}
.bg1{background:#f7ffff; color:#00968e; }
@media only screen and (max-width:768px){
  .bgW,.bgG,.bg1 {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: 'Noto Sans SC', sans-serif;font-weight:400; 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: 'Noto Sans SC', sans-serif;font-weight:500; color: #01499a;}
.wrap-ready .small {padding-top: 8px; font-family: 'Noto Sans SC', sans-serif;font-weight:400; 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,
.objHeading_h3,
.objHeading_h4,
.objHeading_h5{position:relative;}
.objHeading_h2{font-size:32px;color:#222;line-height:1;letter-spacing:-0.5px;font-family: 'Noto Sans SC', sans-serif;font-weight:700;padding:0 0 40px 0;}
.objHeading_h3{font-size:27px;color:#222;line-height:1;letter-spacing:-0.5px;font-family: 'Noto Sans SC', sans-serif;font-weight:700;padding:0 0 40px 25px;}
.objHeading_h4{font-size:25px;color:#01499a;line-height:1;letter-spacing:-0.5px;font-family: 'Noto Sans SC', sans-serif;font-weight:700;padding:22px 0 30px 0;}
.objHeading_h5{font-size:22px;color:#33b9b1;line-height:1;letter-spacing:-0.5px;font-family: 'Noto Sans SC', sans-serif;font-weight:700;padding:0 0 25px 0;}
.objHeading_h3::before,
.objHeading_h4::before{content:'';display:block;position:absolute;left:0;top:0;}
.objHeading_h3::before{width:15px;height:27px;background:url('../../images/common/bul_h2.png') no-repeat center; }
.objHeading_h4::before{width:17px;height:16px;background:url('../../images/common/bul_h3.png') no-repeat center;}
.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:1280px) {
	.objHeading_h2 {font-size:27px;}
	.objHeading_h3 {font-size:24px;}
	.objHeading_h4 {font-size:21px;}
	.objHeading_h5 {font-size:18px;}
}
@media all and (max-width:768px) {
	.objHeading_h2 {font-size:22px;}
	.objHeading_h3 {font-size:20px;}
	.objHeading_h4 {font-size:18px;}
	.objHeading_h5 {font-size:16px;}
}

/*주의*/
.caution{position:relative;font-family: 'Noto Sans SC', sans-serif;font-weight:400;padding-left:20px;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 {position:relative; font-family: 'Noto Sans SC', sans-serif;font-weight:400; padding:3px 0 3px 30px; font-size:16px; color:#666; }
.caution_icon_1 { color:#db1303; }
.caution_icon_2 { color:#00a79e; }
.caution_icon_3 { color:#184796; }
.caution_icon_4 { color:#121212; }
.caution_icon_1::before,
.caution_icon_2::before,
.caution_icon_3::before,
.caution_icon_4::before {content:"";width:24px;height:20px;display:block;position:absolute;left:0;top:7px;}
.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;}

/*버튼*/
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: 'Noto Sans SC', sans-serif;font-weight:500; 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:#0b3274; border:1px solid #0b3274; }
.btnB.btnC2, .btnM.btnC2, .btnS.btnC2 { background:#00a79e; border:1px solid #00a79e; }

.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:#00a79e !important; }

.btnB.btnDown::after, .btnB.btnBlank::after, .btnB.btnSelf::after, .btnB.btnHome::after { content:""; display:inline-block; width:20px; height:20px; margin-left:10px; vertical-align:-3px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.btnM.btnDown::after, .btnM.btnBlank::after, .btnM.btnSelf::after, .btnM.btnHome::after { content:""; display:inline-block; width:14px; height:14px; margin-left:10px; vertical-align:-1px; background-repeat:no-repeat; background-position:center; background-size:contain; }

.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"); }
.btnHome::after { background-image:url("../../images/common/btn_icon_home_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"); }

.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"); }

.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"); }

.btnCg.btnHome:hover::after { background-image:url("../../images/common/btn_icon_home_cg.png"); }
.btnC1.btnHome:hover::after { background-image:url("../../images/common/btn_icon_home_c1.png"); }
.btnC2.btnHome:hover::after { background-image:url("../../images/common/btn_icon_home_c2.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 #00a79e; color:#00a79e !important; } 
.btnCw2:hover { background-color:#00a79e; 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"); }
.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"); }

.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"); }
.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"); }

.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"); }
.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"); }

.btnCwg.btnHome::after { background-image:url("../../images/common/btn_icon_home_cg.png"); }
.btnCw1.btnHome::after { background-image:url("../../images/common/btn_icon_home_c1.png"); }
.btnCw2.btnHome::after { background-image:url("../../images/common/btn_icon_home_c2.png"); }
.btnCwg.btnHome:hover::after { background-image:url("../../images/common/btn_icon_home_w.png"); }
.btnCw1.btnHome:hover::after { background-image:url("../../images/common/btn_icon_home_w.png"); }
.btnCw2.btnHome:hover::after { background-image:url("../../images/common/btn_icon_home_w.png"); }

/* 텍스트버튼 */
.btnT { display:inline-block; position:relative; color:#222 !important; text-align:left; box-sizing:border-box; font-family: 'Noto Sans SC', sans-serif;font-weight:500; margin-bottom:5px; padding:0; word-break:break-word; border-bottom:1px solid #222; }
.btnT:hover { font-family: 'Noto Sans SC', sans-serif;font-weight:500; }
.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_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 { position:relative; padding-bottom:7px; }
.list_0 > li:last-child, .list_1 > li:last-child, .list_2 > li:last-child, .list_3 > li:last-child, .list_4 > li:last-child, .kList_1 > li:last-child, .aList_1 > li:last-child, .nList_1 > li:last-child, .nList_2 > li:last-child, .nList_3 > li:last-child, .nList_4 > li:last-child {padding-bottom:0}
.list_1 > li {padding-left:15px}
.list_2 > li, .list_3 > li, .list_4 > li {padding-left:13px}
.kList_1 > li, .aList_1 > li {padding-left:25px}
.nList_1 > li, .nList_2 > li { padding-left:20px; }
.nList_3> li,  .nList_4 > li { padding-left:25px; }
.list_1 > 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 {content:"";display:block;position:absolute;left:0}
.list_1 > 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_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: 'Noto Sans SC', sans-serif;font-weight:400; }
.nList_1 > li:before, .nList_2 > li:before { display:flex;align-items:center;justify-content:center0; }
.list_gCircle > li::before { width:8px;height:8px;background:#afafaf; border-radius:100%;top:9px; }

/* 한줄에 두개씩 나오게 */
.list_0.hList, .list_1.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_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_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_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_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_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_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_icon 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_2 > li:nth-child(11):before{content:"11)"}.nList_2 > li:nth-child(12):before{content:"12)"}.nList_2 > li:nth-child(13):before{content:"13)"}.nList_2 > li:nth-child(14):before{content:"14)"}.nList_2 > li:nth-child(15):before{content:"15)"}

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

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

.list_icon > li { position:relative; padding:4px 0; padding-left:30px; }
.list_icon > li::before { content:""; top:10px; left:0; width:15px; height:15px; position:absolute; }
.list_icon > li.tel::before { background:url("../../images/common/icon-banner2-5.png") no-repeat center center; background-size:contain; }
.list_icon > li.fax::before { background:url("../../images/common/icon-banner2-2.png") no-repeat center center; background-size:contain; }
.list_icon > li.email::before { background:url("../../images/common/icon-banner2-6.png") no-repeat center center; background-size:contain; }
.list_icon > li.work::before { background:url("../../images/common/icon-banner2-8.png") no-repeat center center; background-size:contain; }
.list_icon > li.down::before { background:url("../../images/common/icon-banner2-9.png") no-repeat center center; background-size:contain; }
.list_icon > li.loc::before { background:url("../../images/common/icon-banner2-3.png") no-repeat center center; background-size:contain; }
.list_icon > li.home::before { background:url("../../images/common/icon-banner2-1.png") no-repeat center center; background-size:contain; }

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

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

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

.dl_2 dt{ width:300px; color:#03235f; font-family: 'Noto Sans SC', sans-serif;font-weight:500;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/style_guide/images/common/dl_2_left.png") no-repeat; }
.dl_2 dt span{display:block; color:#666;font-size:14px; line-height:1.25; margin-top:0; }

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

/*DL타입_3*/
.dl_3 { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:center; }
.dl_3 dt{ color:#03235f; font-family: 'Noto Sans SC', sans-serif;font-weight:500; 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/style_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/style_guide/images/common/dl_3_right.png") no-repeat; }
.dl_3 dt span{display:block; color:#666;font-size:14px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;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 { position:relative; }
.imgText > .img::before { content:""; background:url("../../images/common/group-img-shape.png"); width:100%; height:100%; position:absolute; top:3%; z-index:0; }
.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; position:relative; z-index:1;  }
@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: 'Noto Sans SC', sans-serif;font-weight:400;border-bottom:1px solid #666;border-right:1px solid #dddee0;padding:13px 10px;}
.table_1 tbody th{padding:12px 20px;font-family: 'Noto Sans SC', sans-serif;font-weight:400;background:#fbfbfb;color:#000;border-right:1px solid #dddee0;border-bottom:1px solid #ccd0d7;}
.table_1 tbody td{padding:12px 20px;border-right:1px solid #dddee0;border-bottom:1px solid #dddee0;}
.table_1 tbody td a{color: #333;}
.table_1 th:first-child,
.table_1 td:first-child{border-left:0;}
.table_1 th.bdrL{border-left:1px solid #dddee0;}
.table_1 td.bdrL{border-left:1px solid #dddee0;}
.table_1 th.bdrR{border-right:1px solid #dddee0;}
.table_1 td.bdrR{border-right:1px solid #dddee0;}
.table_1 td.left{text-align:left;}
.table_1 td.right{text-align:right;}
.table_1 tfoot tr{background:#f6f6f6;font-family: 'Noto Sans SC', sans-serif;font-weight:400;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-top:3px solid #0b3274;border-left:2px solid #e2e2e2;border-bottom:2px solid #e2e2e2;border-right:2px solid #e2e2e2; border-radius:3px; padding:35px; position:relative; }
/*
.box_1 { border:2px solid #e2e2e2; border-radius:3px; padding:35px; position:relative; }
.box_1::before { content:""; width:100%; height:2px; background-color:#0b3274; position:absolute; top:0; left:0; }
*/
.box_1.bgB { border-color:#0075d2; }
.box_1.bgG { background-color:#fafafa;border-top:none;border-top:2px solid #e2e2e2; }
.box_1.bgG::before { display:none; }
@media only screen and (max-width:768px){
  .box_1 {padding:20px;}
}

.box_iCw { display:flex; justify-content:flex-start; border-bottom:2px solid #9a9a9a; }
.box_iCw > div:first-child { flex:0 0 170px; display:flex; justify-content:center; align-items:center; border-top:5px solid #00a79e; padding:30px 0; }
.box_iCw > div:first-child > .cover { width:100px; height:100px; background-color:#f8f8f8; 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% - 170px); border-top:5px solid #0b3274; margin-left:20px; padding:30px 0; }
.box_iCw > div:last-child strong { font-size:24px; font-family: 'Noto Sans SC', sans-serif;font-weight:500; color:#121212; margin-bottom:5px; display:block; }
@media only screen and (max-width:768px){
  .box_iCw > div:first-child { display:none; }
  .box_iCw > div:last-child { flex-basis:100%; margin-left:0; padding:20px; }
}

.box_iCg { display:flex; justify-content:flex-start; background-color:#f9f9fb; border-bottom:2px solid #0b3274; }
.box_iCg > div:first-child {flex:0 0 170px; display:flex; justify-content:center; align-items:center; padding:30px 0; }
.box_iCg > div:first-child > .cover { width:120px; height:120px; background:url("../../images/common/bg_box_ioCg_01.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% - 170px); padding:30px 0; }
.box_iCg > div:last-child strong { font-size:24px; font-family: 'Noto Sans SC', sans-serif;font-weight:500; color:#121212; margin-bottom:5px; display:block; }
@media only screen and (max-width:768px){
  .box_iCg > div:first-child{display:none;}
  .box_iCg > div:last-child{ flex-basis:100%; padding:20px; }
}

.box_title { background:#f9f9fb; padding:35px; }
.box_title dt{font-family: 'Noto Sans SC', sans-serif;font-weight:500; font-size:24px; color:#121212; border-bottom:1px solid #d9d9d9; padding-bottom:15px; margin-bottom:15px;}

/* infoBox */
.infoBox {}
.infoBox > ul { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border:7px solid #f2f2f2; padding:30px; gap:2%; } 
.infoBox > ul > li { flex:0 0 32%; display:flex; align-items:center; }
.infoBox.div4 > ul > li { flex:0 0 23%; }
.infoBox > ul > li.w100 { flex-basis:100%; margin-top:20px; }
.infoBox > ul > li::before { content:""; width:50px; height:50px; border-radius:100%; display:inline-block; }
.infoBox > ul > li > span { color:#0b3274; font-family: 'Noto Sans SC', sans-serif;font-weight:700; padding-left:20px; margin-right:5px;  }
.infoBox > ul > li.tel::before { background:url("../../images/common/icon6-2.png") no-repeat center center #0b3274; }
.infoBox > ul > li.fax::before { background:url("../../images/common/icon6-3.png") no-repeat center center #0b3274; }
.infoBox > ul > li.email::before { background:url("../../images/common/icon6-8.png") no-repeat center center #0b3274; }
.infoBox > ul > li.homepage::before { background:url("../../images/common/sisul_link_on.png") no-repeat center center #0b3274; }
.infoBox > ul > li.loc::before { background:url("../../images/common/icon6-4.png") no-repeat center center #0b3274; }
.infoBox > ul > li.person::before { background:url("../../images/common/ico-step22-ov.png") no-repeat center center #0b3274; background-size:25px; }
.infoBox > ul > li.facebook::before { background:url("../../images/common/ico_sns_fb_w.png") no-repeat center center #0b3274; background-size:12px; }
@media only screen and (max-width:1024px) {
  .infoBox > ul { justify-content:space-between; }
  .infoBox > ul > li { flex:0 0 48%; margin-bottom:20px; }
  .infoBox.div4 > ul > li { flex-basis:48%; }
  .infoBox > ul > li.w100 { flex-basis:100%; margin-top:0; }
}
@media only screen and (max-width:600px) {  
  .infoBox > ul > li { flex:0 0 100%; margin-bottom:20px; }
  .infoBox.div4 > ul > li { flex-basis:100%; }  
}

.infoBox2 { border:3px solid #eee; padding:32px 10px 32px 20px; }
.infoBox2 > ul { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; column-gap:2%; row-gap:20px; } 
.infoBox2 > ul > li { position:relative; flex: 0 0 23%; }
.infoBox2 > ul > li:not(:first-child)::after {content:''; position: absolute; width:1px; height:100%; background:#C7CBD7; top:0; left:0; }
.infoBox2 > ul > li p { margin-left:20px; padding-left:40px; position:relative; text-align:left; }
.infoBox2 > ul > li p::after { content:''; width:25px; height:25px; position: absolute; left:0; top:7px; }
.infoBox2 > ul > li .tel p::after { background:url('/sites/style_guide/images/common/infoIcon_tel.png') no-repeat center; }
.infoBox2 > ul > li .fax p::after { background:url('/sites/style_guide/images/common/infoIcon_fax.png') no-repeat center; }
.infoBox2 > ul > li .loc p::after { background:url('/sites/style_guide/images/common/infoIcon_loc.png') no-repeat center; }
.infoBox2 > ul > li .email p::after { background:url('/sites/style_guide/images/common/infoIcon_email.png') no-repeat center; }
.infoBox2 > ul > li .person p::after { background:url('/sites/style_guide/images/common/infoIcon_per.png') no-repeat center; }
.infoBox2 > ul > li strong { display:block; font-family:'play Bold'; text-transform:uppercase; font-size:14px; color:#01499A; letter-spacing:0; line-height:16px; }
.infoBox2 > ul > li span { display: block; color:#2b2a2b; font-family: 'Noto Sans SC', sans-serif;font-weight:400; font-size: 15px; }

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

/* 버튼품은 list_btn2 */
.list_btn2 { border:1px solid #ebebeb; background:#f9f9f9;  }
.list_btn2 .listWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
.list_btn2 .listWrap > li {padding:25px 0; }
.list_btn2 .listWrap > li.tit { flex:0 0 190px; position:relative; padding-left:90px; font-family: 'Noto Sans SC', sans-serif;font-weight:700; }
.list_btn2 .listWrap > li.tit::before { content:""; position:absolute; width:50px; height:50px; background:url("../../images/common/icon6-1.png") no-repeat center center #0b3274; border-radius:100%; left:25px; top:50%; transform:translateY(-50%); }
.list_btn2 .listWrap > li.tit::after { content:""; position:absolute; width:2px; height:50%; background:#d7d7d7; right:0; top:50%; transform:translateY(-50%); } 
.list_btn2 .listWrap > li.cont { flex: 1 0 auto; padding-left:23px; }
.list_btn2 .listWrap > li.attach { flex: 0 0 80px; background-color:#fff; width:100%; display:flex; justify-content:center; align-items:center; }
.list_btn2 .listWrap > li.attach a { width:25px; height:25px; background:url("../../images/common/icon_list_btn2_down.png") no-repeat center center; text-indent:-9999px; font-size:0; }
@media all and (max-width: 1024px) {
  .list_btn2 .listWrap { justify-content:flex-start; }
  .list_btn2 .listWrap > li.tit { order:1; }
  .list_btn2 .listWrap > li.cont { order:3; flex-basis:100%; padding:10px 15px; }
  .list_btn2 .listWrap > li.attach { order:2; background-color:#f9f9f9; }	
}


/* rBox */
.rBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; row-gap:20px; column-gap:2%; }
.rBox > li { flex: 0 0 100%; box-sizing:border-box; }
.rBox > li > .cont { height:100%; }
.rBox > li > .cont > dl { height:100%; }
.rBox > li > .cont > dl > dt { font-family: 'Noto Sans SC', sans-serif;font-weight:700; font-size:20px; }
.rBox.div2 > li { flex:0 0 49%; }
.rBox.div3 > li { flex:0 0 32%; }
.rBox.div4 > li { flex:0 0 23.5%; }
.rBox.div5 > li { flex:0 0 18.4%; }
.rBox.div6 > li { flex:0 0 15%; }
@media only screen and (max-width:1200px){
  .rBox { flex-wrap:wrap; }	
  .rBox.div4 > li, .rBox.div5 > li, .rBox.div6 > li { flex:0 0 32%; }
  .rBox li > div { justify-content:flex-start; }
}
@media only screen and (max-width:1024px){
  .rBox.div3 > li, .rBox.div4 > li, .rBox.div5 > li, .rBox.div6 > li { flex:0 049%; }
}
@media only screen and (max-width:768px){
  .rBox { column-gap:0; }
  .rBox.div2 > li, .rBox.div3 > li, .rBox.div4 > li, .rBox.div5 > li, .rBox.div6 > li { flex:0 0 100%; }
}

.rBox.ty_1 > li > .cont { padding:30px; border:1px solid #ddd; }
.rBox.ty_1.bdrNone > li > .cont { border:0; padding:0; }
.rBox.ty_1 > li > .cont > dl {} 
.rBox.ty_1 > li > .cont > dl > dt { color:#0b3274; position:relative; padding-top:5px; padding-bottom:20px; }
.rBox.ty_1 > li > .cont > dl > dt::before { position:absolute; content:""; width:20px; height:3px; background:url("../../images/common/rBox_tit_01.png") no-repeat center center; top:0; left:0; }

.rBox.ty_2 { border:1px solid #ddd; border-top-left-radius:20px; border-bottom-right-radius:20px; }
.rBox.ty_2 > li { border:none; padding:30px; }
.rBox.ty_2 > li > .cont > dl > dt { color:#0b3274; position:relative; padding-top:5px; padding-bottom:20px; }
.rBox.ty_2 > li > .cont > dl > dt::before { position:absolute; content:""; width:20px; height:3px; background:url("../../images/common/rBox_tit_01.png") no-repeat center center; top:0; left:0; }

.rBox.ty_3 { row-gap:30px; }
.rBox.ty_3 > li { margin-bottom:0; }
.rBox.ty_3 > li > .cont { padding:unset; }
.rBox.ty_3 > li > .cont > dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border:1px solid #eeeeee; box-shadow:2px 2px 5px #e5e5e5; }
.rBox.ty_3 > li > .cont > dl > dt { flex:0 0 170px; background:#f9f9fb; padding:25px 10px; text-align:center; position:relative; display:flex; justify-content:center; align-items:center; }
.rBox.ty_3 > li > .cont > dl > dt::after { position:absolute; content:""; width:100%; height:2px; background:#0b3274; left:0; bottom:0; }
.rBox.ty_3 > li > .cont > dl > dd { flex:1 0 calc(100% - 170px); padding-left:20px; display:flex; align-items:center; }

.rBox.ty_4 { row-gap:30px; }
.rBox.ty_4 > li { margin-bottom:0; } 
.rBox.ty_4 > li > .cont { padding:unset; }
.rBox.ty_4 > li > .cont > dl { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; border-bottom:1px solid #9a9a9a; }
.rBox.ty_4 > li > .cont > dl > dt { flex:0 0 170px; padding:25px 10px; text-align:center; position:relative; display:flex; justify-content:center; align-items:center; }
.rBox.ty_4 > li > .cont > dl > dt::before { position:absolute; content:""; width:100%; height:4px; background:#00a79e; left:0; top:0; }
.rBox.ty_4 > li > .cont > dl > dd { flex:0 0 calc(100% - 190px); position:relative; padding-left:10px; display:flex; align-items:center; }
.rBox.ty_4 > li > .cont > dl > dd::before { position:absolute; content:""; width:100%; height:4px; background:#0b3274; left:0; top:0; }

.rBox.ty_5 { row-gap:30px; }
.rBox.ty_5 > li { margin-bottom:0; }
.rBox.ty_5 > li > .cont { padding:unset; }
.rBox.ty_5 > li > .cont > dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border:1px solid #eeeeee; box-shadow:2px 2px 5px #e5e5e5; }
.rBox.ty_5 > li > .cont > dl > dt { flex:0 0 170px; background:#0b3274; padding:25px 10px; text-align:center; position:relative; display:flex; justify-content:center; align-items:center; color:#fff; }
.rBox.ty_5.clr2 > li > .cont > dl > dt { background:#00a79e; }
.rBox.ty_5 > li > .cont > dl > dt::after { position:absolute; content:""; background:url("../../images/common/rBox_tit_02.png") no-repeat center center; width:11px; height:14px; right:-11px; top:50%; transform:translateY(-50%); }
.rBox.ty_5.clr2 > li > .cont > dl > dt::after { background:url("../../images/common/rBox_tit_03.png") no-repeat center center; }
.rBox.ty_5 > li > .cont > dl > dd { flex:1 0 calc(100% - 170px); padding:30px; display:flex; flex-flow:column nowrap; justify-content:center; }

.rBox.ty_6 { row-gap:30px; }
.rBox.ty_6 > li { margin-bottom:0; }
.rBox.ty_6 > li > .cont { padding:unset; }
.rBox.ty_6 > li > .cont > dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border:1px solid #eeeeee; }
.rBox.ty_6 > li > .cont > dl > dt { color:#0b3274; border-top:3px solid #0b3274; flex:0 0 170px; padding:25px 10px; text-align:center; position:relative; display:flex; justify-content:center; align-items:center; }
.rBox.ty_6.clr2 > li > .cont > dl > dt { color:#00a79e; border-top:3px solid #00a79e; }
.rBox.ty_6 > li > .cont > dl > dt::after { position:absolute; content:""; background:url("../../images/common/rBox_tit_04.png") no-repeat center center; width:11px; height:14px; right:0; top:50%; transform:translateY(-50%); }
.rBox.ty_6.clr2 > li > .cont > dl > dt::after { background:url("../../images/common/rBox_tit_05.png") no-repeat center center; }
.rBox.ty_6 > li > .cont > dl > dd { flex:1 0 calc(100% - 170px); padding-left:30px; display:flex; align-items:center; }

.rBox.ty_7 { row-gap:30px; }
.rBox.ty_7 > li {}
.rBox.ty_7 > li > .cont {}
.rBox.ty_7 > li > .cont > dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.rBox.ty_7 > li > .cont > dl > dt { flex:1 0 15%; border-bottom:2px solid #00a79e; padding-bottom:30px; color:#0b3274; }
.rBox.ty_7 > li > .cont > dl > dt::before { content:""; width:20px; height:3px; background:url("../../images/common/rBox_tit_01.png") no-repeat center center; display:block; }
.rBox.ty_7 > li > .cont > dl > dd { flex:1 0 85%; border-bottom:2px solid #0b3274; padding-bottom:30px; padding-left:15px; }

.rBox.ty_8 { row-gap:30px; }
.rBox.ty_8 > li {}
.rBox.ty_8 > li > .cont {}
.rBox.ty_8 > li > .cont > dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #c0c0c0; }
.rBox.ty_8 > li > .cont > dl > dt { flex:1 0 100; padding-bottom:10px; color:#0b3274; }
.rBox.ty_8.clr2 > li > .cont > dl > dt { color:#00a79e; }
.rBox.ty_8 > li > .cont > dl > dd { flex:1 0 100%;padding-bottom:30px; }

.rBox.ty_9 > li { border:1px solid #b1cbff; border-radius:50px; padding:20px; }
.rBox.ty_9 li > div { display:flex; justify-content:center; align-items:center; }
.rBox.ty_9 > li > div > dl { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; width:100%; } 
.rBox.ty_9 > li > div > dl > dt { width:100%; height:60px; flex:0 0 60px; background:#0b3274; color:#fff; border-radius:50%; font-family: 'Noto Sans SC', sans-serif;font-weight:700; font-size:12px; display:flex; justify-content:center; align-items:center; text-align:center; line-height:1.2; }
.rBox.ty_9 > li > div > dl > dt > span { display:block; }
.rBox.ty_9 > li > div > dl > dd { margin-left:20px; flex:1 1 auto; }


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


/* numBox */
.numBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; row-gap:30px; column-gap:2%; margin-top:10px; } 
.numBox.div2 > li { flex:0 0 49%; }
.numBox.div3 > li { flex:0 0 32%; }
.numBox.div4 > li { flex:0 0 23.5%; }
.numBox.div5 > li { flex:0 0 18.4%; }
.numBox.div6 > li { flex:0 0 15%; }
.numBox > li { position:relative; width:100%; }
.numBox > li > dl > .tit { font-size:20px; font-family: 'Noto Sans SC', sans-serif;font-weight:700; color:#0b3274; }
.numBox > li > dl > .cont {}

.numBox.ty_1 > li { border:1px solid #aaa; }
.numBox.ty_1 > li > .num { position:absolute; top:-15px; left:50%; transform:translateX(-50%); background:#fff; color:#0b3274; font-size:16px; font-family: 'Noto Sans SC', sans-serif;font-weight:700; padding:0 20px; }
.numBox.ty_1 > li > .num::before { content:""; position:absolute; width:7px; height:18px; background:url("../../images/common/rBox_tit_06.png") no-repeat center center; top:5px; left:0; }
.numBox.ty_1 > li > .num::after { content:""; position:absolute; width:7px; height:18px; background:url("../../images/common/rBox_tit_07.png") no-repeat center center; top:5px; right:0;  }
.numBox.ty_1 > li > dl { padding:35px 20px 30px 35px; }
.numBox.ty_1 > li > dl > .tit { border-bottom:1px solid #03499a; padding-bottom:5px; }
.numBox.ty_1 > li > dl > .cont { padding-top:20px; }

.numBox.ty_2 > li > .num { position:absolute; top:10%; right:4%; background:#0b3274; color:#fff; font-size:16px; font-family: 'Noto Sans SC', sans-serif;font-weight:700; padding:10px 15px; box-shadow:5px 5px 0 1px #dbe0ea; }
.numBox.ty_2 > li > dl { border-top:2px solid #0b3274; border-bottom:1px solid #d9d9d9; height:100%; }
.numBox.ty_2 > li > dl > .tit { padding-top:15px; padding-left:10px; }
.numBox.ty_2 > li > dl > .cont { padding-top:40px; padding-bottom:20px; padding-left:10px; }


/* 가변형 화살표박스 */
.rowBox_arr { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; row-gap:20px; column-gap:5%; }
.rowBox_arr > li { position:relative; }
.rowBox_arr > li:not(:last-child)::after { content:"다음"; position:absolute; width:15px; height:16px; background:url("../../images/common/arrow-step2.png") no-repeat center center; text-indent:-9999px; top:50%; right:-50px; transform:translateY(-50%); }
.rowBox_arr > li > div { width:100%; height:100%; text-align:center; }
.rowBox_arr.noArrow > li:not(:last-child)::after { display:none; }
.rowBox_arr > li > div > dl { height:100%; box-sizing:border-box; display:flex; flex-direction:column; } 
.rowBox_arr > li > div > dl > dt { flex:0 0 auto; width:100%; font-size:18px; font-family: 'Noto Sans SC', sans-serif;font-weight:700; padding:10px; }
.rowBox_arr > li > div > dl > dd { flex:1 0 auto; width:100%; }

.rowBox_arr.ty_1 > li > div, .rowBox_arr.ty_2 > li > div { padding:15px 20px; text-align:center; font-family: 'Noto Sans SC', sans-serif;font-weight:500; 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 #0b3274; background-color:#0b3274; color:#fff; }

.rowBox_arr.ty_2 > li > div { border:1px solid #e1efff; background-color:#f0f7ff; color:#03499a; }

.rowBox_arr.ty_3 > li > div > dl { border:1px solid #ddd; padding:10px; }
.rowBox_arr.ty_3 > li > div > dl > dt { border-bottom:1px dotted #ddd; position:relative; }
.rowBox_arr.ty_3 > li > div > dl > dd { padding:15px 25px; }

.rowBox_arr.ty_4 > li { border:1px solid #e5e5e5; border-radius:10px; padding:10px; box-shadow:2px 2px 5px #e5e5e5; }
.rowBox_arr.ty_4 > li > div { border:1px dashed #0b3274; border-radius:10px; padding:15px 25px; }
.rowBox_arr.ty_4 > li > div > dl > dt { color:#0b3274; }

.rowBox_arr.ty_5 > li > div > dl > dt { background:#0b3274; color:#fff; border-top-left-radius:20px; border-bottom-right-radius:20px; }
.rowBox_arr.ty_5 > li > div > dl > dd { margin-top:5px; border:1px solid #e5e5e5; padding:15px 25px;  }

.rowBox_arr.ty_6 > li > div > dl > dt { background:#0b3274; color:#fff; }
.rowBox_arr.ty_6 > li > div > dl > dd { border:1px solid #e5e5e5; padding:15px 25px;  position:relative; }
.rowBox_arr.ty_6 > li > div > dl > dd::after { position:absolute; content:""; width:100%; height:2px; background:#00a79e; left:0; bottom:0; }

@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; row-gap:20px; column-gap:5%;	}
.rowBox_arr_fixed > li { position:relative; }
.rowBox_arr_fixed > li:not(:last-child)::after { content:"다음"; position:absolute; width:15px; height:16px; background:url("../../images/common/arrow-step2.png") no-repeat center center; text-indent:-9999px; top:50%; right:-45px; transform:translateY(-50%); }
.rowBox_arr_fixed.div2 > li { flex-basis:47.5%; }
.rowBox_arr_fixed.div3 > li { flex-basis:30%; }
.rowBox_arr_fixed.div4 > li { flex-basis:21.25%; }
.rowBox_arr_fixed.div5 > li { flex-basis:16%; }
.rowBox_arr_fixed.div6 > li { flex-basis:12.5%; } 
.rowBox_arr_fixed.div7 > li { flex-basis:10%; } 
.rowBox_arr_fixed.div2 > li:not(:last-child)::after { right:-7%; }
.rowBox_arr_fixed.div3 > li:not(:last-child)::after { right:-11%; }
.rowBox_arr_fixed.div4 > li:not(:last-child)::after { right:-15%; }
.rowBox_arr_fixed.div5 > li:not(:last-child)::after { right:-19%; }
.rowBox_arr_fixed.div6 > li:not(:last-child)::after { right:-23%; }
.rowBox_arr_fixed.div7 > li:not(:last-child)::after { right:-27%; }

.rowBox_arr_fixed > li > div { width:100%; height:100%; text-align:center; font-size:18px; }
.rowBox_arr_fixed > li > div > dl { height:100%; box-sizing:border-box; display:flex; flex-direction:column; } 
.rowBox_arr_fixed > li > div > dl > dt { flex:0 0 auto; width:100%; font-size:18px; font-family: 'Noto Sans SC', sans-serif;font-weight:700; padding:10px; }
.rowBox_arr_fixed > li > div > dl > dd { flex:1 0 auto; width:100%; font-size:16px; }

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

.rowBox_arr_fixed.ty_3 > li > div > dl { border:1px solid #ddd; padding:10px; }
.rowBox_arr_fixed.ty_3 > li > div > dl > dt { border-bottom:1px dotted #ddd; position:relative; }
.rowBox_arr_fixed.ty_3 > li > div > dl > dd { padding:15px 25px; }

.rowBox_arr_fixed.ty_4 > li { border:1px solid #e5e5e5; border-radius:10px; padding:10px; box-shadow:2px 2px 5px #e5e5e5; }
.rowBox_arr_fixed.ty_4 > li > div { border:1px dashed #0b3274; border-radius:10px; padding:15px 20px; }
.rowBox_arr_fixed.ty_4 > li > div > dl { height:100%; }
.rowBox_arr_fixed.ty_4 > li > div > dl > dt { color:#0b3274; }

.rowBox_arr_fixed.ty_5 > li > div > dl > dt { background:#0b3274; color:#fff; border-top-left-radius:20px; border-bottom-right-radius:20px; }
.rowBox_arr_fixed.ty_5 > li > div > dl > dd { margin-top:5px; border:1px solid #e5e5e5; padding:15px 25px; }

.rowBox_arr_fixed.ty_6 > li > div > dl > dt { background:#0b3274; color:#fff; }
.rowBox_arr_fixed.ty_6 > li > div > dl > dd { border:1px solid #e5e5e5; padding:10px 20px; position:relative; }
.rowBox_arr_fixed.ty_6 > li > div > dl > dd::after { position:absolute; content:""; width:100%; height:2px; background:#00a79e; left:0; bottom:0; }

.rowBox_arr_fixed.ty_7 > li:not(:last-child)::after { display:none; }
.rowBox_arr_fixed.ty_7 > li > div { border:1px solid #b1cbff; border-radius:50px; padding:20px; }
.rowBox_arr_fixed.ty_7 > li > div > dl { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; }
.rowBox_arr_fixed.ty_7 > li > div > dl > dt { flex:0 0 60px; background:#0b3274; color:#fff; border-radius:20%; font-family: 'Noto Sans SC', sans-serif;font-weight:700; font-size:12px; }
.rowBox_arr_fixed.ty_7 > li > div > dl > dt > span { display:block; }
.rowBox_arr_fixed.ty_7 > li > div > dl > dd { flex:1 1 auto; margin-left:20px; text-align:left; }

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

/* 수직형 화살표 박스 */
.vBox_arr {}
.vBox_arr > li { position:relative; }
.vBox_arr > li:not(:last-child) { margin-bottom:50px; }
.vBox_arr.noArrow > li:not(:last-child) { margin-bottom:30px; }
.vBox_arr > li:not(:last-child)::after { content:"다음"; position:absolute; width:17px; height:16px; background:url("../../images/common/arrow-step-down.png") no-repeat center center; text-indent:-9999px; bottom:-32px; left:100px; }
.vBox_arr.noArrow > li:not(:last-child)::after { display:none; }
.vBox_arr > li > dl { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; }
.vBox_arr > li > dl > dt { flex:0 0 220px; background:#0b3274; color:#fff; font-family: 'Noto Sans SC', sans-serif;font-weight:700; border-top-left-radius:10px; border-bottom-right-radius:10px; text-align:center; padding:15px 20px; font-size:18px; position:relative; }
.vBox_arr > li > dl > dt > p { color:#81aaf0; font-size:14px; font-family: 'Noto Sans SC', sans-serif;font-weight:400; }
.vBox_arr > li > dl > dd { flex:1 0 calc(100% - 220px); border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:15px 20px; padding-left:40px; }
@media only screen and (max-width:768px) {
  .vBox_arr > li > dl { flex-wrap:wrap; }
  .vBox_arr > li:not(:last-child)::after { left:50%; transform:translateX(-50%); }
  .vBox_arr > li > dl > dt { flex-basis:100%; padding:10px; border-bottom-right-radius:0; border-top-right-radius:10px; }
  .vBox_arr > li > dl > dd { flex-basis:100%; }
}

/* 링크박스 */
.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/style_guide/images/common/aLink_1_b.png) no-repeat right 2px;}
.rowBox_link > li > div a{display:block;font-family: 'Noto Sans SC', sans-serif;font-weight:500;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/style_guide/images/common/pattern_3.png) no-repeat center;border-color:#e2e2e2;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
  .rowBox_link > li > div.icoHome { background:url(/sites/style_guide/images/common/btn_icon_home_c1.png) no-repeat right 2px; }
  .rowBox_link > li > div.icoDown { background:url(/sites/style_guide/images/common/btn_icon_down_c1.png) no-repeat right 2px; }
}
@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;}
}

/* 화살표 박스 */
.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/style_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: 'Noto Sans SC', sans-serif;font-weight:500; font-size:18px; padding:20px 10px; flex-grow:0; position:relative; color:#fff; background:#0b3274; }
.rowArrBox > li > .itemBox > .cont { padding:50px 10px; flex-grow:1; border-right:1px solid #b5c5e3; border-bottom:1px solid #0b3274; }
.rowArrBox > li > .itemBox > .subTit { background-color:#f0f7ff; flex-grow:0; padding:20px 10px; font-family: 'Noto Sans SC', sans-serif;font-weight:500; border-right:1px solid #b5c5e3; border-bottom:1px solid #0b3274; color:#0b3274; }

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

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

}

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

.video_2{width: 100%;max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
.video_2 .item{position: relative; height: 0; padding-bottom: 56.25%;}
.video_2 .item iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* 썸네일 박스 리스트 */ 
.thumbList { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; column-gap:1%; }
.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: 'Noto Sans SC', sans-serif;font-weight:700; 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.ty_2 > li > .txt a { color:#fff; }

.thumbList.div2 > li { flex:0 0 48.5%; } 
@media only screen and (max-width:600px) {.thumbList.div2 > li { flex:1 0 100%; }}

.thumbList.div3 > li { flex:0 0 31.6%; } 
@media only screen and (max-width:900px) {.thumbList.div3 > li { flex:0 0 48.5%; }}
@media only screen and (max-width:600px) {.thumbList.div3 > li { flex:1 0 100%; }}

.thumbList.div4 > li { flex:0 0 23.2%; }
@media only screen and (max-width:1200px) {.thumbList.div4 > li { flex:0 0 31.6%; }}
@media only screen and (max-width:900px) {.thumbList.div4 > li { flex:0 0 48.5%; }}
@media only screen and (max-width:600px) {.thumbList.div4 > li { flex:1 0 100%; }}

.thumbList.div5 > li { flex:0 0 18.2%;}
@media only screen and (max-width:1500px) {.thumbList.div5 > li { flex:0 0 23.2%; }}
@media only screen and (max-width:1200px) {.thumbList.div5 > li { flex:0 0 31.6%; }}
@media only screen and (max-width:900px) {.thumbList.div5 > li { flex:0 0 48.5%; }}
@media only screen and (max-width:600px) {.thumbList.div5 > li { flex:1 0 100%; }}


/* 단락구분 라인 */
.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/style_guide/images/common/pattern_line.png") repeat; position:relative; }

/* 단과대학 소개 박스 */
.major-type-box2 {position: relative;}
.major-type-box2.mg {margin-top: 100px;}
.major-type-box2 .innerBox {display:table; width:100%;}
.major-type-box2 .innerBox::after {content:''; display:block; clear:both;}
.major-type-box2 .left {display:table-cell; width: 37.4%; padding-bottom: 12px; vertical-align: top;}
.major-type-box2.type2 .left { width: 12%; }
.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/style_guide/images/common/line-major.png') no-repeat left center; position: absolute; right: 0; top:50%;}
.major-type-box2.type2 .right .top::after {width: 103%;}
.major-type-box2 .right .title {font-family: 'Noto Sans SC', sans-serif;font-weight:700; 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 #00a79e; background:#fff; padding:15px 37px 15px 39px; transition:all .3s; }
.major-type-box2 .btn-style2 a:hover { background:#00a79e; color:#fff; }
.major-type-box2 .btn-style2 a span { display:inline-block; font-size:16px; line-height:28px; color:#00a79e; font-family: 'Noto Sans SC', sans-serif;font-weight:400; transition:all .3s; padding-left:35px; background:url("/sites/style_guide/images/common/btn_icon_home_c2.png") no-repeat left center; }
.major-type-box2 .btn-style2 a span:hover { background:url("/sites/style_guide/images/common/btn_icon_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 img { 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/style_guide/images/common/group-img-shape.png') ; width: 100%; height: 100%; position: absolute; top: 3%; left:10px; z-index: 0;} 
.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: 'Noto Sans SC', sans-serif;font-weight:400; font-size: 15px;}
.major-type-box2 .info .tel p::after {content:''; width:30px; height:30px; background:url('/sites/style_guide/images/common/icon6-2.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/style_guide/images/common/icon6-3.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/style_guide/images/common/icon6-4.png') no-repeat center; position: absolute; left:0; top:1px;}
@media all and (max-width: 1400px) {
  .major-type-box2 .innerBox,
  .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: 'Noto Sans SC', sans-serif;font-weight:400; 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: 'Noto Sans SC', sans-serif;font-weight:400; 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: 'Noto Sans SC', sans-serif;font-weight:400; 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: 'Noto Sans SC', sans-serif;font-weight:500; 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;}
}



/* 사진 인사말1 */
.greeting_type_1 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; background:#f1f9fe; min-height:340px; margin-top:200px; }
.greeting_type_1 .photoWrap { flex:1 0 45%; position:relative; }
.greeting_type_1 .photoWrap .photo { position:absolute; background:url("../../images/sub/bg_greeting_01.png") no-repeat center center; width:538px; height:505px; left:95px; bottom:30px; }
.greeting_type_1 .photoWrap .photo img { position:absolute; left:65px; bottom:102px }
.greeting_type_1 .photoWrap .photo .t1 { position:absolute; color:#3781ff; font-size:16px; font-family: 'Noto Sans SC', sans-serif;font-weight:700; bottom:55px; right:35px; }
.greeting_type_1 .photoWrap .photo .t2 { position:absolute; color:#fff; font-size:16px; font-family: 'Noto Sans SC', sans-serif;font-weight:700; bottom:30px; right:35px; }
.greeting_type_1 .photoWrap .photo::after { content:""; background:url("../../images/sub/bg_greeting_07.png") no-repeat center center; width:285px; height:63px; bottom:75px; left:50px; position:absolute;  }

.greeting_type_1 .txtWrap { flex:1 0 55%; background:url("../../images/sub/bg_greeting_02.png") no-repeat 93% 80%; } 
.greeting_type_1 .txtWrap .slogan1 { font-size:50px; font-family: 'Noto Sans SC', sans-serif;font-weight:700; color:#121212; padding-top:60px; }
.greeting_type_1 .txtWrap .slogan1 span { color:#0b3274; position:relative;  }
.greeting_type_1 .txtWrap .slogan1 span::before { content:""; background:url("../../images/sub/bg_greeting_05.png") no-repeat center center; width:9px; height:15px; display:inline-block; vertical-align:29px; padding-left:15px; }
.greeting_type_1 .txtWrap .slogan1 span::after { content:""; background:url("../../images/sub/bg_greeting_06.png") no-repeat center center; width:9px; height:15px; display:inline-block; vertical-align:28px; padding-left:10px; }
.greeting_type_1 .txtWrap .slogan2 { font-size:27px; font-family: 'Noto Sans SC', sans-serif;font-weight:400; color:#121212; margin-top:40px; padding-left:20px; }
@media all and (max-width: 1400px) {
  .greeting_type_1 .photoWrap { flex-basis:100%; display:flex; justify-content:center; padding-top:30px; }
  .greeting_type_1 .photoWrap .photo { position:relative; left:unset; bottom:unset;  }
  .greeting_type_1 .txtWrap { flex-basis:100%; padding:50px 0; background-position-x:90%; background-position-y:50%; }
  .greeting_type_1 .txtWrap .slogan1 { text-align:center; padding-top:0; }
  .greeting_type_1 .txtWrap .slogan2 { text-align:center; margin-top:0; }
  .greeting_type_1 .txtWrap .slogan2 br { display:none; }
}
@media all and (max-width: 768px) {
  .greeting_type_1 .photoWrap .photo { width:100%; text-align:center; padding-top:145px; }
  .greeting_type_1 .photoWrap .photo img { left:25%; }
  .greeting_type_1 .photoWrap .photo .t1 { right:20%; }
  .greeting_type_1 .photoWrap .photo .t2 { right:20%; }

  .greeting_type_1 .txtWrap .slogan1 { font-size:35px; }
  .greeting_type_1 .txtWrap .slogan1 span::before { vertical-align:17px; }
  .greeting_type_1 .txtWrap .slogan1 span::after { vertical-align:15px; }
  .greeting_type_1 .txtWrap .slogan2 { font-size:18px; }
}
@media all and (max-width: 500px) {
  .greeting_type_1 .photoWrap .photo img {left:50%; transform:translateX(-50%); }
  .greeting_type_1 .photoWrap .photo .t1 { left:50%; transform:translateX(-50%); width:100%; bottom:40px }
  .greeting_type_1 .photoWrap .photo .t2 { left:50%; transform:translateX(-50%); width:100%; bottom:15px; }
  .greeting_type_1 .photoWrap .photo::after { width:285px; height:63px; bottom:75px; left:50%; transform:translateX(-50%); }

  .greeting_type_1 .txtWrap .slogan1 { font-size:28px; }
  .greeting_type_1 .txtWrap .slogan2 { font-size:16px; }
  .greeting_type_1 .txtWrap .slogan1 span::before { vertical-align:10px; }
  .greeting_type_1 .txtWrap .slogan1 span::after { vertical-align:9px; }
}

/* 사진 인사말2 */
.greeting_type_2 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; min-height:348px; margin-bottom:50px; }
.greeting_type_2 .photoWrap { flex:0 0 340px; background:url("../../images/sub/bg_greeting_03.png") no-repeat center center; display:flex; justify-content:center; align-items:flex-end; position:relative; }
.greeting_type_2 .photoWrap .photo { width:306px; text-align:center; position:relative; }
.greeting_type_2 .photoWrap .photo::after { content:""; background:url("../../images/sub/bg_greeting_07.png") no-repeat center center; background-size:contain; position:absolute; width:106px; height:23px; left:0; top:50%; transform:translateY(-50%); } 
.greeting_type_2 .txtWrap { flex:1 0 calc(100% - 460px); margin-left:120px; background:url("../../images/sub/bg_greeting_02.png") no-repeat 93% 80%; position:relative; }
.greeting_type_2 .txtWrap::after { position:absolute; content:""; width:100%; height:5px; background:#0b3274; bottom:0; left:0; }
.greeting_type_2 .txtWrap .slogan1 { font-family: 'Noto Sans SC', sans-serif;font-weight:700; font-size:50px; color:#121212; margin-top:95px; }
.greeting_type_2 .txtWrap .slogan1 span { color:#0b3274; }
.greeting_type_2 .txtWrap .slogan1 span::before { content:""; background:url("../../images/sub/bg_greeting_05.png") no-repeat center center; width:9px; height:15px; display:inline-block; vertical-align:29px; padding-left:15px; }
.greeting_type_2 .txtWrap .slogan1 span::after { content:""; background:url("../../images/sub/bg_greeting_06.png") no-repeat center center; width:9px; height:15px; display:inline-block; vertical-align:28px; padding-left:10px; }
.greeting_type_2 .txtWrap .slogan2 { font-family: 'Noto Sans SC', sans-serif;font-weight:400; font-size:27px; color:#121212; margin-top:10px; }
.greeting_type_2 .txtWrap .slogan3 { font-family: 'Noto Sans SC', sans-serif;font-weight:400; font-size:19px; color:#121212; margin-top:40px; margin-bottom:20px; }
.greeting_type_2 .txtWrap .slogan3 span { font-family: 'Noto Sans SC', sans-serif;font-weight:700; }
@media all and (max-width: 1024px) {	
  .greeting_type_2 .photoWrap { flex-basis:100%; min-height:348px; }
  .greeting_type_2 .txtWrap { flex-basis:100%; margin-left:0; margin-top:30px; }
  .greeting_type_2 .txtWrap .slogan1 { margin-top:0; text-align:center; font-size:40px; }
  .greeting_type_2 .txtWrap .slogan2 { margin-top:0; text-align:center; font-size:22px; }
  .greeting_type_2 .txtWrap .slogan3 { margin-top:0; text-align:center; font-size:16px; }
  .greeting_type_2 .txtWrap .slogan1 span::before { vertical-align:20px; padding-left:15px; }
  .greeting_type_2 .txtWrap .slogan1 span::after { vertical-align:20px; padding-left:10px; }
}
@media all and (max-width: 500px) {
  .greeting_type_2 .txtWrap { background:none; }
  .greeting_type_2 .txtWrap .slogan1 { font-size:24px; }
  .greeting_type_2 .txtWrap .slogan2 { font-size:18px; }
  .greeting_type_2 .txtWrap .slogan1 span::before { vertical-align:7px; padding-left:15px; }
  .greeting_type_2 .txtWrap .slogan1 span::after { vertical-align:7px; padding-left:10px; }
}

/* 사진없는 인사말 */
.greeting_type_3 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; min-height:517px; margin-bottom:50px; }
.greeting_type_3 .photoWrap { border:0px solid red; flex:0 0 25%; background:url("../../images/sub/bg_greeting_04.png") no-repeat center center; display:flex; justify-content:center; align-items:flex-end; position:relative; }
.greeting_type_3 .txtWrap { border:0px solid blue; flex:0 0 75%; }
.greeting_type_3 .txtWrap .item1 { /* border-bottom:1px solid #00a79e; */ }
.greeting_type_3 .txtWrap .item1 .slogan1 { font-family: 'Noto Sans SC', sans-serif;font-weight:700; font-size:50px; color:#121212; padding-top:95px; padding-left:7%; }
.greeting_type_3 .txtWrap .item1 .slogan1 span { color:#0b3274; }
.greeting_type_3 .txtWrap .item1 .slogan1 span::before { content:""; background:url("../../images/sub/bg_greeting_05.png") no-repeat center center; width:9px; height:15px; display:inline-block; vertical-align:29px; padding-left:15px; }
.greeting_type_3 .txtWrap .item1 .slogan1 span::after { content:""; background:url("../../images/sub/bg_greeting_06.png") no-repeat center center; width:9px; height:15px; display:inline-block; vertical-align:28px; padding-left:10px; }
.greeting_type_3 .txtWrap .item1 .slogan2 { padding-left:7%; font-size:27px; font-family: 'Noto Sans SC', sans-serif;font-weight:400; }
.greeting_type_3 .txtWrap .item1 .slogan3 { padding-left:450px; padding-top:80px; position:relative; font-size:22px; border-bottom:1px solid #00a79e; }
.greeting_type_3 .txtWrap .item1 .slogan3::after { content:""; width:336px; height:74px; background:url("../../images/sub/bg_greeting_08.png") no-repeat center center; position:absolute; left:7%; bottom:0; } 
.greeting_type_3 .txtWrap .item1 .slogan3 span { font-family: 'Noto Sans SC', sans-serif;font-weight:700; }
.greeting_type_3 .txtWrap .item2 { padding-top:30px; }
.greeting_type_3 .txtWrap .item2 .cont { padding-left:7%; font-size:18px; font-family: 'Noto Sans SC', sans-serif;font-weight:400; } 
@media all and (max-width: 1024px) {
  .greeting_type_3 .txtWrap .item1 .slogan1 { font-size:40px; }
  .greeting_type_3 .txtWrap .item1 .slogan2 { font-size:22px; }
  .greeting_type_3 .txtWrap .item1 .slogan3 { font-size:18px; }
  .greeting_type_3 .txtWrap .item1 .slogan1 span::before { vertical-align:20px; }
  .greeting_type_3 .txtWrap .item1 .slogan1 span::after { vertical-align:20px; }
}
@media all and (max-width: 768px) {
  .greeting_type_3 .photoWrap { display:none; }
  .greeting_type_3 .txtWrap { flex:0 0 100%; }	
  .greeting_type_3 .txtWrap .item1 .slogan1 { padding-left:0; text-align:center; font-size:30px; }
  .greeting_type_3 .txtWrap .item1 .slogan2 { padding-left:0; text-align:center; font-size:20px; }
  .greeting_type_3 .txtWrap .item1 .slogan3 { padding-left:0; text-align:center; padding-top:80px; }
  .greeting_type_3 .txtWrap .item1 .slogan3::after { background-size:contain; width:300px; height:38px; top:20%; left:50%; transform:translateX(-50%); } 
  .greeting_type_3 .txtWrap .item1 .slogan1 span::before { vertical-align:10px; }
  .greeting_type_3 .txtWrap .item1 .slogan1 span::after { vertical-align:10px; }
}

/* 오시는길 */
.location_type_1 { background:#f7f7f7; display:flex; flex-flow:row wrap; justify-content:space-around; align-items:stretch; padding:30px 0; }
.location_type_1 dl { position:relative; flex:0 0 auto; display:flex; flex-direction:row; align-items:center; }
.location_type_1 dl dt { position:relative; color:#0b3274; font-family: 'Noto Sans SC', sans-serif;font-weight:500; font-size:15px; }
.location_type_1 dl dt::before { content:""; display:inline-block; width:25px; height:25px; vertical-align:-6px; padding-right:30px; }
.location_type_1 dl dt.addr::before { background:url("../../images/common/icon5-4.png") no-repeat center center; }
.location_type_1 dl dt.tel::before { background:url("../../images/common/icon5-2.png") no-repeat center center; }
.location_type_1 dl dt.fax::before { background:url("../../images/common/icon5-3.png") no-repeat center center; }
.location_type_1 dl dt::after { content:""; width:60px; height:1px; background:#0b3274; display:inline-block; margin:0 10px; vertical-align:5px; }
.location_type_1 dl dd { color:#121212; } 
@media all and (max-width:1024px){
  .location_type_1 { justify-content:space-between; }	
  .location_type_1 dl { flex:1 0 100%; margin:10px 20px; }
}

.transWrap { display:flex; flex-direction:column; }
.transWrap > li { border-bottom:1px solid #0b3274; position:relative; padding:30px 0; }
.transWrap > li::before { position:absolute; content:""; background:#00a79e; width:145px; height:2px; left:0; bottom:0px; }
.transWrap > li > dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.transWrap > li > dl > dt { flex:0 0 145px; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.transWrap > li > dl > dt > p { margin-top:10px; font-family: 'Noto Sans SC', sans-serif;font-weight:700; }
.transWrap > li > dl > dd { flex:1 0 calc(100% - 145px); display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; }
.transWrap > li > dl > dd > p { flex-basis:100%; font-family: 'Noto Sans SC', sans-serif;font-weight:400; }
@media all and (max-width:500px){
  .transWrap {}
  .transWrap > li::before { display:none; }
  .transWrap > li > dl {}
  .transWrap > li > dl > dt { flex:1 0 100%; margin-bottom:10px; }
  .transWrap > li > dl > dt > img { display:none; }
  .transWrap > li > dl > dd { flex:1 0 100%; }
}

/* 전공소개 */
.intro_major{text-align:center;}
.intro_major h2{text-align:center;color:#000;}
.intro_major h2 span{font-size:25px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;}
.intro_major h2 strong{font-size:55px;font-family: 'Noto Sans SC', sans-serif;font-weight:700;letter-spacing:-2px;line-height:1.2;display:block;}
.intro_major .text_1{font-size:20px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;color:#002d77;margin-top:50px;}
.intro_major .text_2{font-size:18px;font-family: 'Noto Sans SC', sans-serif;font-weight:400;color:#000;margin-top:20px;}
.intro_major p i{display:block;}
.intro_major .gotoHomepage{margin:50px 0;}
.intro_major .gotoHomepage a{font-size:18px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;color:#FFF;line-height:1;padding:20px 60px;background:#002d77;display:inline-block;border-radius:5px;}
.intro_major .gotoHomepage a:hover{background:#000;}
.intro_major .information{display:flex;line-height:1.2;margin-top:50px}
.intro_major .information > li{width:100%;}
.intro_major .information dt span{font-size:25px;font-family: 'Noto Sans SC', sans-serif;font-weight:700;color:#000;display:block;padding:20px 0 10px 0;}
.intro_major .information dd{font-size:20px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;color:#000;}
.goal_major{padding:80px;background:url("/sites/style_guide/images/sub/major_bg_1.jpg") no-repeat center;background-size:cover;}
.goal_major h3{margin-bottom:50px;font-size:40px;color:#FFF;font-family: 'Noto Sans SC', sans-serif;font-weight:700;letter-spacing:-2px;line-height:1;}
.goal_major li{font-size:18px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;color:#FFF;position:relative;padding:5px 0 5px 20px;}
.goal_major li::before{content:"";display:block;width:8px;height:7px;top:18px;left:0;background:url("/sites/style_guide/images/common/arrow_25_w.png") no-repeat center;position:absolute;}
.way_major h3{margin-bottom:50px;font-size:40px;color:#000;font-family: 'Noto Sans SC', sans-serif;font-weight:700;letter-spacing:-2px;line-height:1;}
.way_major dl{display:flex;align-items:center;margin-bottom:50px;}
.way_major dt{margin-right:50px;}
.way_major dt span{font-size:24px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;color:#FFF;line-height:1;padding:15px 60px;display:inline-block;border-radius:30px;}
.way_major dt span.type_1{background:#002d77;}
.way_major dt span.type_2{background:#00a79e;}
.way_major dd{font-size:18px;}
.graph_major{text-align:center;}
.graph_major p{font-size:25px;font-family: 'Noto Sans SC', sans-serif;font-weight:700;color:#002d77;line-height:1;letter-spacing:-2px;}
.graph_major div{border:1px solid #d4d4d4;padding:80px 30px;margin-top:30px;}
.diagram_major{}
.diagram_major .item{display:flex;align-items:center;}
.diagram_major .item_1{margin-bottom:100px;}
.diagram_major h3 span{font-size:19px;font-family: 'Noto Sans SC', sans-serif;font-weight:700;color:#FFF;line-height:1;width:160px;height:160px;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.diagram_major dl{display:flex;align-items:center;flex-wrap:wrap;position:relative;padding-left:30px;}
.diagram_major dt,
.diagram_major dd{margin:5px 0;}
.diagram_major dt{width:400px;text-align:center;line-height:1.3;display:flex;align-items:center;}
.diagram_major dt span{font-size:18px;font-family: 'Noto Sans SC', sans-serif;font-weight:500;display:block;width:100%;padding:12px 30px;border-radius:30px;border:1px solid #002d77;}
.diagram_major dd{width:calc(100% - 400px);padding-left:20px;font-size:18px;font-family: 'Noto Sans SC', sans-serif;font-weight:400;line-height:1.3;}
.diagram_major dl::before{content:"";display:block;width:30px;height:1px;position:absolute;left:0;top:calc(50% - 0.5px);}
.diagram_major dl::after{content:"";display:block;width:1px;height:calc(100% - 58px);position:absolute;left:30px;top:29px;}
.diagram_major dt::before{content:"";display:block;width:50px;height:1px;}
.diagram_major dt::after{content:"ㆍㆍㆍㆍㆍㆍ";display:block;font-size:22px;font-family: 'Noto Sans SC', sans-serif;font-weight:700;line-height:1;letter-spacing:-13px;}
.diagram_major .item_1 h3 span{background:#002d77;}
.diagram_major .item_2 h3 span{background:#009189;}
.diagram_major .item_1 dt span{color:#002d77;border-color:#002d77;}
.diagram_major .item_1 dl::before{background:#002d77;}
.diagram_major .item_1 dl::after{background:#002d77;}
.diagram_major .item_1 dt::before{background:#002d77;}
.diagram_major .item_1 dt::after{color:#002d77;}
.diagram_major .item_2 dt span{color:#009189;border-color:#009189;}
.diagram_major .item_2 dl::before{background:#009189;}
.diagram_major .item_2 dl::after{background:#009189;}
.diagram_major .item_2 dt::before{background:#009189;}
.diagram_major .item_2 dt::after{color:#009189;}

@media all and (max-width:1280px){
  .intro_major h2 span{font-size:20px;}
  .intro_major h2 strong{font-size:40px;}
  .intro_major .text_1{font-size:18px;}
  .intro_major .text_2{font-size:16px;}
  .intro_major p i{display:inline;}
  .intro_major .gotoHomepage a{font-size:16px;padding:16px 35px;}
  .intro_major .information dt img{max-width:45px;}
  .intro_major .information dt span{font-size:22px;}
  .intro_major .information dd{font-size:18px;}
  .goal_major{padding:50px;}
  .goal_major h3{margin-bottom:30px;font-size:30px;}
  .goal_major li{font-size:16px;}
  .goal_major li::before{top:15px;}
  .way_major h3{margin-bottom:30px;font-size:30px;}
  .way_major dt{margin-right:30px;}
  .way_major dt span{font-size:20px;padding:13px 50px;}
  .way_major dd{font-size:16px;}
  .graph_major p{font-size:20px;}
  .graph_major div{padding:60px 30px;}
  .diagram_major h3 span{font-size:16px;width:130px;height:130px;}
  .diagram_major dt{width:280px;}
  .diagram_major dt span{font-size:16px;padding:12px 20px;}
  .diagram_major dd{width:calc(100% - 280px);font-size:16px;}
}
@media all and (max-width:768px){
  .intro_major h2 span{font-size:16px;}
  .intro_major h2 strong{font-size:25px;}
  .intro_major .text_1{font-size:16px;margin-top:30px;}
  .intro_major .text_2{font-size:14px;}
  .intro_major .text_2 br{display:none;}
  .intro_major .gotoHomepage a{font-size:14px;padding:12px 25px;}
  .intro_major .information{flex-wrap:wrap;}
  .intro_major .information > li{width:50%;margin-bottom:20px;}
  .intro_major .information dt img{max-width:35px;}
  .intro_major .information dt span{font-size:16px;padding:10px;}
  .intro_major .information dd{font-size:14px;}
  .goal_major{padding:30px;}
  .goal_major h3{margin-bottom:20px;font-size:25px;}
  .way_major h3{margin-bottom:30px;font-size:25px;}
  .way_major dl{display:block;}
  .way_major dt{margin-right:0;margin-bottom:20px;}
  .way_major dt span{font-size:16px;padding:8px 40px;}
  .way_major dd{font-size:14px;}
  .graph_major p{font-size:18px;}
  .graph_major div{padding:40px 20px;}
  .diagram_major .item{display:block;padding:0 100px;}
  .diagram_major h3 span{width:100%;height:50px;border-radius:30px;}
  .diagram_major dl{padding-left:0;}
  .diagram_major dt{width:100%;margin-top:20px;}
  .diagram_major dd{width:100%;padding-top:10px;text-align:center;}
  .diagram_major dl::before{width:1px;height:21px;left:50%;top:0;}
  .diagram_major dl::after,
  .diagram_major dt::before,
  .diagram_major dt::after{display:none;}
}
@media all and (max-width:480px){
  .diagram_major .item{padding:0 10px;}
}


.deptIntro { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; position:relative; }
.deptIntro .left { flex:0 0 200px; position:relative; }
.deptIntro .left::before { content:""; background:url("/sites/style_guide/images/common/group-img-shape.png"); width:100%; height:100%; position:absolute; top:3%; left:10px; }
.deptIntro .left .img-box { position:relative; }
.deptIntro .right { flex: 1 0 calc(100% - 200px); position:relative; }
.deptIntro .right::before { content:""; width:100%; height:5px; position:absolute; top:0; right:0; background:#024c97 url("/sites/style_guide/images/common/line-major.png") no-repeat left center; }
.deptIntro .right .con { padding-left:50px; }
.deptIntro .right .con .title { text-align:left; font-family: 'Noto Sans SC', sans-serif;font-weight:700; font-size:28px; line-height:40px; color:#222; margin:31px 0 19px 0; }
.deptIntro .right .con .txt-box { text-align:left; }
@media all and (max-width:768px) {
	.deptIntro .left { position:absolute; width:100%; height:100%; }
	.deptIntro .left .img-box img { width:100%; opacity: 0.1; }
	.deptIntro .left::before { display:none; }
	.deptIntro .right { flex-basis:100%; }
	.deptIntro .right .con { padding-left:30px; }
}