/*공통*/
.contBox{margin: 30px auto 90px auto;}

/*서브메뉴_가로*/
.subMenuNav{border-bottom: 1px solid #ddd;}
.subMenuNav ul> li{position: relative; background: url(/images/uce/sub/select.png)no-repeat right 20px center; display: inline-flex;}
.subMenuNav ul> li.active{background: url(/images/uce/sub/select2.png)no-repeat right 20px center;}
.subMenuNav ul> li> a{padding: 20px; box-sizing: border-box; width: 270px; display: block; position: relative;}
.subMenuNav ul> li> a::after{content: ""; width: 1px; height: 32px; background: #ddd; position: absolute; right: 0; top: 18px; }
.subMenuNav ul> li:first-child> a::after{display: none;}
.subMenuNav ul> li.home{background: #ED7322;width: 70px; text-align: center;}
.subMenuNav ul> li> ol.subMenuList{display: none; position:absolute; top:68px; left:-5px; width: calc(100% + 5px); background:#fff; border:1px solid #ddd; border-top:0; box-sizing: border-box; z-index:3;}
.subMenuNav ul> li> ol.subMenuList> li{box-sizing: border-box; border-bottom: 1px dashed #ddd;}
.subMenuNav ul> li> ol.subMenuList> li> a{padding: 15px 22px; box-sizing: border-box; display: block;}
.subMenuNav ul> li> ol.subMenuList> li.active, .subMenuNav ul> li> ol.subMenuList> li> a:hover{background: #f9f9f9;}
.subMenuNav ul> li> ol.subMenuList> li:first-child{border-top: 1px dashed #ddd; box-sizing: border-box; }
.subMenuNav ul> li> ol.subMenuList> li:last-child{border-bottom: 0;}

/*서브 타이틀*/
.titleBox{padding: 70px 0 30px 0; border-bottom: 1px solid #ddd; margin-bottom: 30px; position: relative; box-sizing: border-box;}
.titleBox h3{font-size: 40px; font-weight: 600;}
.titleBox ul{position: absolute; right: 0;bottom: 30px;}
.titleBox ul> li{display: inline-block; font-size: 15px; font-weight: 300;}
.titleBox ul> li::after{content: "";display: inline-block;width: 10px;height: 10px; vertical-align: middle; background: url(/images/uce/sub/navArrow.png)no-repeat center; padding-right: 20px;}
.titleBox ul> li:last-child{font-weight: 600; color: #000;}
.titleBox ul> li:last-child::after{display: none;}

/*서브 내용*/
.subConBox{margin-bottom: 90px; min-height: 260px;}
.subConBox h4{font-size: 26px; box-sizing: border-box; margin-bottom: 15px; padding-left: 30px; background: url(/images/uce/sub/h4.png)no-repeat left center;} 
.subConBox .textType{margin-left: 3px; margin-bottom: 50px; position: relative;}
.subConBox .textType h5{font-size: 22px; margin-bottom: 10px;}
.subConBox .textType h6{padding: 10px 0 10px 15px; position: relative; color: #000; font-weight: 700; box-sizing: border-box; font-size: 17px;}
.subConBox .textType h6::before{content: ""; width: 5px; height: 5px; background: #3872c3; display: block; position: absolute; left: 0; top: 18px; border-radius: 10px;}
.subConBox .textType ul> li{padding-left: 15px; position: relative; margin-bottom: 10px; }
.subConBox .textType ul> li:first-child{margin-bottom: 10px !important;}
.subConBox .textType ul> li:last-child{margin-bottom: 0;}
.subConBox .textType ul> li::before{content: ""; width: 5px; height: 5px; background: #ED7322; display: block; position: absolute; left: 0; top: 11px; border-radius: 10px;}
.subConBox .textType ul> li.liNone{padding-left: 0;}
.subConBox .textType ul> li.liNone::before{display: none;}
.subConBox .textType ul> li span{margin-right: 10px;}
.subConBox .textType ul> li p{font-size: 14px;}
.subConBox .textType ul> li> ol{margin-top: 10px;}
.subConBox .textType ul> li> ol> li{margin-top: 5px; color: #555;}
.subConBox .textType ul> li> ol> li:first-child{margin-top: 0;}
.subConBox .textType ul> li> ol> li> a.linkBtn{border: 1px solid #ED7322; padding: 2px 10px; box-sizing: border-box; color: #ED7322; display: inline-block; margin-left: 10px; font-size: 13px;}
.subConBox .textType .grayBox{padding: 20px 25px; box-sizing: border-box; margin-top: 10px; border: 1px solid #ddd; color: #555; background: #f9f9f9;}
.subConBox .textType .grayBox2{padding: 20px 25px; box-sizing: border-box; margin-top: 10px; border: 15px solid #F1F5FB;}
.subConBox .textType .grayBox3{background: #F1F5FB; border-radius: 20px; padding: 20px 25px; box-sizing: border-box;}
.subConBox .textType .grayBox span{font-size: 13px;}
.subConBox .textType .essen{margin-top: -34px;}
.subConBox .textTypeMent{border: 1px solid #ddd; padding: 30px; border-radius: 20px; margin-bottom: 50px; background: #f9f9f9; text-align: center;}
.subConBox .textType .rightMent{position: absolute; right: 0; top: 0; font-size: 13px;}
.subConBox .centerBox{text-align: center; margin-top: 5px;}
.subConBox a.btnType{display: inline-block; border: 1px solid #ddd; padding: 7px 20px; box-sizing: border-box;}
.subConBox a.btnType00{background: #ED7322; color: #fff;}
.subConBox a.btnType01{background: #32446D; color: #fff;}
.subConBox a.btnType02{background: #333; color: #fff;}
.subConBox a.btnType03{background: #f9f9f9; color: #555;}
button.check[data-account-check]{min-width:140px;text-align:center;}
button.check[data-account-check].disabled{background:#28a745;border-color:#28a745;color:#fff;opacity:.7;cursor:default;}
.loading{position:relative;color:transparent !important;pointer-events:none;opacity:.7;}
.loading::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btnSpin .6s linear infinite;}
@keyframes btnSpin{to{transform:rotate(360deg);}}
.subConBox a.linkBtn{border: 1px solid #ED7322; color: #ED7322; padding: 7px 10px; box-sizing: border-box; font-size: 15px; border-radius: 20px; margin-left: 10px;}
.subConBox a.linkBtn img{vertical-align: -1px;}

/*서브 공통테이블*/
.subConBox .tableType01Box{overflow-x: auto;}
.subConBox .tableType01Box .tableType01{min-width: 800px;}
.subConBox .tableType01Box .tableType01 tbody tr.total{background: #F1F5FB;}
.subConBox .tableType01Box .tableType01 tbody tr.total td{color: #000;}
.subConBox .tableType02 tbody tr th{background: #F1F5FB; color: #000;}
.subConBox .tableType03 tbody tr th,.subConBox .tableType03 tbody tr td{text-align: left;}
.subConBox .tableType03 tbody tr th{background: #F1F5FB;}
.subConBox .tableTypeScrollY{overflow-y: auto; max-height: 400px;}
.tableBoard thead tr th, .tableBoard tbody tr td{border-right: 0;}


/*****테블릿가로*****/
@media all and (min-width:1221px) and (max-width:1530px) {  

    /*서브메뉴_가로*/
    .subMenuNav ul> li> a{font-size: 17px;}
    .subMenuNav ul> li> ol.subMenuList{top: 64px;}

    /*서브 내용*/
    .subConBox .textType ul> li::before{top: 8px;}

}


/*****테블릿세로*****/
@media all and (min-width:768px) and (max-width:1220px) { 

    /*서브메뉴_가로*/
    .subMenuNav{margin-top: -80px; position: relative; z-index: 9;}
    .subMenuNav ul> li> ol.subMenuList{top: 64px;}

    /*서브 타이틀*/
    .titleBox{padding: 60px 0 30px 0;}
    .titleBox h3{font-size: 34px;}

    /*서브 내용*/
    .subConBox{margin-bottom: 70px;}
    .subConBox .textType ul> li::before{top: 8px;}

}


/*****모바일*****/
@media all and (max-width:767px) { 

    /*서브메뉴_가로*/
    .subMenuNav{margin-top: -80px; position: relative; z-index: 9; border-bottom: 0;}
    .subMenuNav ul> li{width: 100%;}
    .subMenuNav ul> li.home{margin-top: 5px; width: 100%;}
    .subMenuNav ul> li> a{width: 100%; border-bottom: 1px solid #ddd; padding: 12px;}
    .subMenuNav ul> li> a::after{display: none;}
    .subMenuNav ul> li> ol.subMenuList{top: 43px;}
    .subMenuNav ul> li> ol.subMenuList> li> a{padding: 12px;}

    /*서브 타이틀*/
    .titleBox{padding: 50px 0 20px 0; margin-bottom: 20px;}
    .titleBox h3{font-size: 26px; font-weight: 700;}
    .titleBox ul{position: initial; margin-top: 20px;}
    .titleBox ul> li{font-size: 13px;}
    .titleBox ul> li::after{padding-right: 10px;}

    /*서브 내용*/
    .subConBox{margin-bottom: 60px;}
    .subConBox .textType h4{font-size: 20px; margin-bottom: 10px;}
    .subConBox .textType h5{font-size: 17px; }
    .subConBox .textType .grayBox2{border: 10px solid #F1F5FB;}
    .subConBox .textType .rightMent{position: initial; text-align: right;}
    .subConBox .textType ul> li{padding-left: 10px;}
    .subConBox .textType ul> li::before{top: 6px;}
    .subConBox a.linkBtn{display: block; font-size: 11px; text-align: center; margin-left: 0; padding: 2px 10px;}

    /*서브 공통테이블*/
    .subConBox .tableType02 colgroup col:first-child{width: 40% !important;}
    
	/*아이프레임*/
    .iframeBox{width: 100%; height: 100%;}
    
    
    /* 스크롤 감싸는 래퍼 */
    .tableScroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }

    /* 테이블 기본 */
    table.tableType03.type04 { min-width:650px; width:max-content; }

    /* 셀 줄바꿈 금지 */
    table.tableType03.type04 th,
    table.tableType03.type04 td { white-space:nowrap; }

    /* 입력 요소 축소 */
    table.tableType03.type04 select,
    table.tableType03.type04 input,
    table.tableType03.type04 button { max-width:130px; font-size:14px; }    

}