/* 주색상 */
#sitecolor .color-container.main1 {background-color:#042557;}
#sitecolor .color-container.main2 {background-color:#117bc9;}
#sitecolor .color-container.main3 {background-color:#3aad95;}
#sitecolor .color-container.main4 {background-color:#a8b5c4;} 
#sitecolor .color-container.main5 {background-color:#e5ebee;}
#sitecolor .color-container.main6 {background-color:#e40079;} 

/* 탭스타일 */
.tab-ul.type2 li {border:1px solid #e1e1e1;}
.tab-ul.type2 li a {outline: 1px solid transparent; border-color:transparent;}
.tab-ul.type2 li:first-child a,
.tab-ul.type2 li:last-child a {border-top-left-radius:0; border-bottom-right-radius:0;} 
.tab-ul.type2 li.on a,
.tab-ul.type2 li.on a:active,
.tab-ul.type2 li.on a:focus,
.tab-ul.type2 li.on a:hover{border:3px solid #1e4297;color:#1e4297;background-color: #fff;}
.tab-ul.type2 li a:active,
.tab-ul.type2 li a:focus,
.tab-ul.type2 li a:hover{border:3px solid #1e4297;color:#1e4297;background-color: #fff;}
.tab-ul.type2 li a span:after {position: absolute; content: ""; top: 50%; right: 15px; width: 16px; height: 4px; margin-top: -1px; border-radius: 5px; background: #b5b7ba; transition: all 0.2s ease-out;}
.tab-ul.type2 li.on a span:before,
.tab-ul.type2 li.on a:active span:before,
.tab-ul.type2 li.on a:focus span:before,
.tab-ul.type2 li.on a:hover span:before{display: block; position: absolute; top: 50%; right:15px; z-index: 1; width:16px; height:10px; margin-top: -5px; background:url(/pcms/dist/img/tab_on_arrow.jpg)no-repeat;}
.tab-ul.type2 li a:active span:before,
.tab-ul.type2 li a:focus span:before,
.tab-ul.type2 li a:hover span:before {display: block; position: absolute; top: 50%; right:15px; z-index: 1; width:16px; height:10px; margin-top: -5px; background:url(/pcms/dist/img/tab_on_arrow.jpg)no-repeat;}

/* 탑박스 */
.ui-topbox.type1 .inner {padding-left:190px;border: 1px solid #dadada; border-radius: 5px;} 
.ui-topbox .inner {padding:33px 30px;}
.ui-topbox.type1 .inner:before,
.ui-topbox.type1 .inner:after, 
.ui-topbox.type1:before {display:none;}
.ui-topbox.type1:after {background-color:transparent;}
.ui-topbox.type1 .circle {position: absolute; top:32px; left:35px; width:115px; height:115px; background:url(/pcms/dist/img/topbox.png)no-repeat; border-radius: 0;}  
.ui-topbox.type1 .ir-icon {width: 100px; height: 100px;left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ir-icon__md {background:url(/pcms/dist/img/ir-icon__md.png);}
@media only screen and (max-width: 767px){
    .ui-topbox.type1 .inner {padding:33px 30px;} 
    .ui-topbox.type1 .circle{display:none;}
}


/* 문단스타일 */
.h4, .h5, .h6 {padding-left:20px; font-weight: bold;}
.h4:before {width:10px; height:16px; top: 14px; transform: translateY(-50%); background:url(/pcms/dist/img/h4_bul_h.png)no-repeat;}
.h5:before {width:11px; height:11px; top: 14px; transform: translateY(-50%); border:3px solid #154fb3; border-radius: 50%;box-sizing: border-box;}
.list-3st>li, .txt_bul3 {padding-left:36px;}
.list-1st>dd:before, 
.list-1st>li:before, 
.txt_bul:before {width:4px; height:4px; border-radius: 50%; top:9.5px;}
.list-2st>dd:before,
.list-2st>li:before, 
.txt_bul2:before {top:9px;width:6px; height:4px; background:url(/pcms/dist/img/list_bul2.png)no-repeat;}
.list-3st>dd:before,
.list-3st>li:before, 
.txt_bul3:before {left:20px; top:12.5px; width:6px; height: 1px; border-top:1px solid #adadad; border-bottom:0;}
/* 버튼 */
.btn-primary.btn-lg,
.btn-default.btn-lg,
.btn-default,
.btn-default:link,
.btn-default:visited,
.btn-primary,
.btn-primary:link,
.btn-primary:visited {border-radius: 5px;}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {border-color: #27395f;} 
.btn-icon.btn-primary .ir-download {background-position:-109px -340px;}
.btn-icon.btn-default .ir-download {background-position:-127px -340px;}
.ir-download,
.ir-home {height:16px;}
.btn-icon.btn-default:focus .ir-download,
.btn-icon.btn-default:hover .ir-download,
.btn:focus .ir-download,
.btn:hover .ir-download {background-position:-109px -340px;}
.btn-icon.btn-primary:focus .ir-download,
.btn-icon.btn-primary:hover .ir-download {background-position:-127px -340px;}

/* 테이블 */
.table-bordered {border-top: 2px solid #0e3964;}
.table thead th, 
.table tbody th {font-weight: bold;}
.table tbody th {color: #666666; font-weight: bold; text-align: left;} 
.flip-scroll,.table-pc,.table-responsive{position:relative;}
.flip-scroll .table-icon,.table-responsive .table-icon{display:block;opacity:1;}
.table-pc .table-icon{display:none;}
.table-icon.icon--hide{display:none!important;opacity:0;}
.table-icon.on,.ui:after{display:block;}
.table-icon{position:absolute;z-index:2;top:67px;right:45%;width:50px;height:50px;border-radius:50px;background:#fff;box-shadow:-1px 1px 10px grey;align-items:center;justify-content:center;transition:all .5s ease-in-out;}
/* .swipe-icon .swipe-arrow{animation:pulse-arrow 3s ease-out infinite;} */
.swipe-icon{position:absolute;top:15px;left:25%;width:25px;height:25px;overflow:visible;animation:hand-move 3s ease-out infinite;}
.scaledown{transform:scale(.7,.7);}
/* @keyframes pulse-arrow {
0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(.25em)}
75%{opacity:0;transform:translateX(.25em)}
100%{opacity:0;transform:translateX(0)}
} */
@keyframes hand-move {
0%,100%{transform:translateX(10px)}
50%{transform:translateX(-5px)}
}

/* imgbox */
.imgbox{text-align: center;padding: 20px 30px;border: 1px solid #ddd;}
.imgbox2{text-align: center;padding: 20px 30px;}

/*이미지 확대 버튼*/
.pic_btn a{display: none;}
.pic_btn a:hover{background-color:#3f61b2;/*border-color:#348c01;*/color:#fff;transition: all 300ms ease-out }
@media(max-width:767px){
    .pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
    .pic_img{text-align: center;}
}
@media(max-width:560px){
    .pic_btn a {width: 75%;}
}
@media(max-width:450px){
    .pic_btn a {width: 100%;}
}

/* 테이블 공통 */
.table thead th,
.table tbody th,
.table tfoot th{text-align: center;} 
.table td,.table th{word-break:break-all !important;}