@charset "utf-8";
/*@import "/Web-home/content/css/contentCommon.css";*/
.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;}
.mt170{margin-top: 170px;}

.wrap-contents .subject h2 {position:relative; font-size:40px; margin: 45px 0 50px; line-height:1.2; font-family:'Noto Medium'; color: #000; letter-spacing: -2px;}
.wrap-contents .subject h2::after{content:""; display: block; width: 65px; height: 3px; background-color: black; margin-top: 20px;}

#mobileTabmenu{display: none;}
@media all and (max-width:1024px) {
  .wrap-contents .subject h2{font-size: 30px;}
}

@media all and (max-width:768px) {
  .wrap-contents .subject h2{font-size: 25px; width: 100%; margin: 25px 0 50px;}
  .wrap-contents .subject h2::after{width: 100%; height: 1px;}
}

.wrap-contents .div_3 > ul{display: table; table-layout: fixed; width: 100%;}
.wrap-contents .div_3 > ul > li{display: table-cell;}
.wrap-contents .div_3 > ul > li > a{display: block; border: 1px solid #ccc; border-bottom: 1px solid #2b405b; font-size: 18px; text-align: center; line-height: 58px; position: relative;}
.wrap-contents .div_3 > ul > li > a._active{color: #fff; background-color: #194a96; border: 1px solid #5a7797; background: #174a90 url(../../../common/tabMenubg.png) left center no-repeat;  font-family: 'Noto Medium';}
.wrap-contents .div_3 > ul > li > a[target="_blank"]::after{content:""; width: 16px; height: 14px; position: absolute; display: inline-block; background: url(../../../common/blankIcon.png) no-repeat; right: 15px; top: calc(50% - 8px);}
.wrap-contents .div_3 > a{display: none;}

.wrap-contents .div_4{display: none;}
.wrap-contents .div_3 > ul > li._active .div_4{display: block; position: absolute; left: 0; width: 100%;}
.wrap-contents .div_4 > ul{padding-bottom: 20px; background: url(../../../common/tabsubBg.png) left bottom repeat-x; overflow: hidden;}
.wrap-contents .div_4 > ul > li{float: left; position: relative; margin: 25px 10px 0; width: auto !important;}
.wrap-contents .div_4 > ul > li::before{content:""; display: block; position: absolute; right: 0; top: 3px; height: 20px; width: 1px; background-color:#999;}
.wrap-contents .div_4 > ul > li > a{display: block; padding: 0 45px 0 0; height: 27px; font-size: 18px; background: url(../../../common/tab-off.png) no-repeat right center; margin-right: 20px; color: #666666;}
.wrap-contents .div_4 > ul > li:first-child > a{padding-left: 5px;}
.wrpa-contents .div_4 > ul > li._active > a{color: #194a96; background: url(../../../common/tab-on.png) no-repeat right center;}
.wrap-contents .div_4 > ul > li > a:hover{color: #194a96; background: url(../../../common/tab-on.png) no-repeat right center;}
.wrap-contents .div_4 > ul > li > a[target="_blank"]{background: url(../../../common/blankIcon.png)no-repeat center right;}

a:hover{color:#005bac;}
.sub #_contentBuilder .objHeading_h2,
.sub #_contentBuilder .objHeading_h3,
.sub #_contentBuilder .objHeading_h4{position:relative; font-weight:500; letter-spacing:-1px; line-height:1.2;}
.sub #_contentBuilder .objHeading_h2{font-size:24px; color:#1e5ba8; margin:50px 0 10px;  font-family: 'Noto Medium';}
.sub #_contentBuilder .objHeading_h3{font-size:20px; color:#2b3e5c; margin:25px 0 10px;  background:url(../../../common/h3.png) left 8px no-repeat; padding-left:30px; font-family: 'Noto Medium';}
.sub #_contentBuilder .objHeading_h4{font-size:18px; color:#404449; margin:17px 0 10px 0; background:url(../../../common/h4.png) left 10px no-repeat; padding-left:30px; font-family: 'Noto Regular';}
.sub #_contentBuilder .objHeading_h5{font-size:16px; color:#272727; margin:10px 0 10px 0; background:url(../../../common/h5_icon.png) left 10px no-repeat; padding-left:10px;}

._objHtml .tableWrap{overflow-x:auto; }
._objHtml .tableWrap table{min-width:600px;}
._objHtml table{border-top:2px solid #565c6b}
._objHtml table caption{width:0; height:0; position:relative;}
._objHtml table thead th{background-color:#f4f5f7; font-weight:400; border-bottom:1px solid #ddd; padding:10px 5px;border-right:1px solid #ddd; font-family: 'Noto DemiLight';}
._objHtml table thead th:last-child{border-right:none;}
._objHtml table tbody td{border-bottom:1px solid #ddd; padding:10px 5px 10px 10px;  border-right:1px solid #ddd; font-weight:300;}
._objHtml table tbody td:last-child{border-right:none;}
._objHtml table tbody th{border-bottom:1px solid #ddd; padding:10px 5px; border-right:1px solid #ddd;background-color:#f9fafc; font-weight:400; font-family: 'Noto DemiLight';}
._objHtml table tbody th:last-child{border-right:none;}

.tableWrap{overflow-x:auto; }
.tableWrap table{min-width:800px;}
.tableWrap table{border-top:2px solid #6186bf}
.tableWrap table caption{width:0; height:0; position:relative;}
.tableWrap table thead th{background-color:#ecf1f6; font-weight:500; border-bottom:1px solid #ddd; padding:10px 5px;border-right:1px solid #ddd; color:#0e2c5d; font-family: 'Noto DemiLight';}
.tableWrap table thead th:last-child{border-right:none;}
.tableWrap table tbody td{border-bottom:1px solid #ddd; padding:10px 5px 10px 10px;  border-right:1px solid #ddd; font-weight:300;}
.tableWrap table tbody td:last-child{border-right:none;}
.tableWrap table tbody th{border-bottom:1px solid #ddd; padding:10px 5px; border-right:1px solid #ddd;background-color:#fbfbfb; font-weight:400; font-family: 'Noto DemiLight';}
.tableWrap table tbody th:last-child{border-right:none;}

._objHtml .ml30{margin-left: 30px;}
._objHtml .ul_1.ml30{margin-left: 30px;}
._objHtml .ol_num.ml30{margin-left: 30px;}
._objHtml .ul_1 > li{position:relative; padding-left:15px; margin-bottom:5px; background:url(../../../common/ul_1Dot.png) left 10px no-repeat;}

._objHtml .ul_2{margin: 10px 0 10px 15px;}
._objHtml .ul_2 > li{position:relative; padding-left:15px; margin-bottom:5px; color:#888;}
._objHtml .ul_2 > li:before{content:''; width:5px; height:5px; display:block; background-color:#728daf; position:absolute; left:0; top:9px; border-radius:100%;}

.ol_num li{margin-bottom:15px; position:relative; padding-left:25px;  font-family: 'Noto DemiLight';}
.ol_num li strong{margin-bottom:10px; display: block;}
.ol_num li span{position:absolute; left:0; top:5px; display:block; margin:-2px 5px 0 0; background-color:#94bbcd; color:#fff; border-radius:10px; width:20px; height:20px; text-align:center; font-size:12px;}

._objHtml .f-orange{color:#ff6c00;}
._objHtml .f-teal{color:#17a88e;}
._objHtml .f-blue{color:#2c6aba;}
._objHtml .f-red{color:#9e0b0f;}

@media only screen and (max-width:900px){
  ._objHtml .tableWrap:before{content:'※ 좌우로 스크롤 해주세요'; color:#2c6aba; font-size:12px; font-weight:400;}
}

.mark01{color:#ff6000; background:url(../../../common/mark01.png) left 0px no-repeat; padding-left:32px; line-height:1.6; margin:15px 0;}
.mark02{color:#b61f24; background:url(../../../common/mark02.png) left 0px no-repeat; padding-left:32px; line-height:1.6; margin:15px 0;}
.mark03{color:#f2a037; background:url(../../../common/mark03.png) left 0px no-repeat; padding-left:32px; line-height:1.6; margin:15px 0;}
.mark04{color:#0e8772; background:url(../../../common/mark04.png) left 0px no-repeat; padding-left:32px;line-height:1.6; margin:15px 0;}

.sub #_contentBuilder .multipleContentsDiv ._objHeading:first-child h2.objHeading_h2{margin-top:0;}


@media only screen and (max-width:768px){
  #menuUItab{display:none;}
  #mobileTabmenu{display:block; position:relative;}
  #mobileTabmenu .navDiv{display:none;}
  #mobileTabmenu .navDiv.on{display:block;}
  #mobileTabmenu .navTitle button{padding-left:20px; box-sizing:border-box; font-weight: 500;font-size: 18px; width:100%; text-align:left; line-height: 58px; display: block;}
  #mobileTabmenu #pagetitle3{background: #1a4b97 url(../../../common/tabMenubg.png) left center no-repeat;}
  #mobileTabmenu #pagetitle3 button{color: #fff; background: url(../../../common/pagetitle4Bg.png) 95% center no-repeat; }
  .navDiv div{border:2px solid #ddd; position:absolute; top:58px; width:calc(100% - 4px); background-color:#fff; z-index:9}
  .navDiv div a{display:block; padding:5px 10px;}
  .navDiv #navUldep04{top:128px;}
  #mobileTabmenu #pagetitle4{margin-top:20px;}
  #mobileTabmenu #pagetitle4 button{border:1px solid #428fe2; color:#14448e; line-height:48px; font-size:17px; position:relative;}
  #mobileTabmenu #pagetitle4 button::after{content:''; width:15px; height:9px; position:absolute; display:block; right:20px; top:50%; margin-top:-5px; background:url(../../../common/dep5Arr.png) no-repeat;}
  #mobileTabmenu a[target="_blank"]::after{content:""; display: block; position: absolute; background:url(../../../common/blankIcon.png) center no-repeat; top: 10px; margin-left: 10px; right: 15px; width: 16px; height: 14px;}
  
  ._objHtml .ml30{margin-left: 0px;}
  ._objHtml .ul_1.ml30{margin-left: 0px;}
  ._objHtml .ol_num.ml30{margin-left: 0px;}
}

.align-l{text-align: left;}