/* 서브 */
    body{ 
        /* background-image: url(../images/sub/global.svg);
        background-repeat: no-repeat;
        background-size: 192px 1084px; */
        font-family: "Noto Sans KR", sans-serif; 
    }
    .header h1 a{background-image: url(/pub/site/jejuin/images/main/logo.svg);}
    .gnb .gnb-menus h3 a:hover, .gnb .gnb-menus h3 a.active{ border-bottom: none}
    .footer{border-top: 4px solid #243040;}

    .gnb .gnb-menus h3 a{ color: #073260}
    .usr-sub{
        background-image: url(../images/sub/sub_bg.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }
	.usr-sub .sub-top {	
		width: 100%;
		height: 460px;
		text-align: center;
		background-position: center top;
		background-repeat: no-repeat;
        background-size: cover;
        background-color: gray;
	}
	.usr-sub .sub-top.sub-info {
        background-image: url(../images/sub/subimg_1.jpg);
	}
    .usr-sub .sub-top.sub-mainprogram {
        background-image: url(../images/sub/subimg_1.jpg);
	}
    .usr-sub .sub-top.sub-program {
        background-image: url(../images/sub/subimg_2.jpg);

	}
    .usr-sub .sub-top.sub-subprogram {
        background-image: url(../images/sub/subimg_3.jpg);
	}
    .usr-sub .sub-top.sub-notice {
        background-image: url(../images/sub/subimg_4.jpg);
	}
    .usr-sub .sub-top.sub-gallery {
        background-image: url(../images/sub/subimg_5.jpg);
	}
	.usr-sub .sub-top.sub-join {
		background-image: url(../images/sub/subimg_1.jpg);
	}
    .usr-sub .sub-top.sub-mypage {
		background-image: url(../images/sub/subimg_1.jpg); 
	}
    .sub_menu.sub_menu_mypage .sub_menu_list>li:last-child{ border-radius: 50px; }

    
	.usr-sub .sub-top h1 {
		padding-top: 210px;
		font-size: 60px;
		font-weight: bold;
		color: #073260;
		font-family: 'GmarketSansBold';
		text-align: center;
		letter-spacing: -2.4px;
	}
	.usr-sub .sub-top p.subTop-txt {
		font-size: 30px;
		font-family: 'GmarketSansBold';
		text-align: center;
		color: #F77F34;
	}
	.usr-sub .sub-top .breadcrumb {
		background-color: transparent;
	}
	.usr-sub .sub-top .breadcrumb-item {
		color: #333;
		font-size: 15px;
	}
	.usr-sub .sub-top .breadcrumb-item i {
		font-size: 14px;
	}
	.usr-sub .sub-top .breadcrumb-item+.breadcrumb-item::before {
		content: "\f105";
		padding-right: 4px;
		color: #333;
		font-weight: 300;
		font-family: 'Font Awesome 6 Pro';
	}
	.usr-sub .sub-gnb .gnb-list {
		display: flex;
		justify-content: center;
		margin-top: -2px;
		margin-bottom: 70px;
	}
	.usr-sub .sub-gnb .gnb-list li {
		padding: 0 20px;
	}
	.usr-sub .sub-gnb .gnb-list li a {
		padding-top: 25px;
		color: #888888;
		font-size: 18px;
	}
	.usr-sub .sub-gnb .gnb-list li a.active,
	.usr-sub .sub-gnb .gnb-list li a:hover {
		padding-top: 21px;
		color: #333;
		font-weight: 800;
		text-decoration: none;
		border-top: 4px solid #F4B627;
	}
	
	.usr-sub h2.sub-title {
		padding: 60px 0 70px;
		margin-bottom: 0;
		font-size: 60px;
		color: #073260;
		text-align: center;
        font-family: 'GmarketSansBold';
        letter-spacing: -2.4px;
	}
	
	.usr-sub .menu-tab {
		display: flex;	
		justify-content: center;
		padding-bottom: 60px;
	}
	.usr-sub .menu-tab a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 60px;
		padding: 0 20px;
		color: #666;
		font-size: 18px;
		text-align: center;
		line-height: 120%;
		border: 1px solid #EAEAEA;
		background-color: #F9F9F9;
	}
	.usr-sub .menu-tab a:hover,
	.usr-sub .menu-tab a.active {
		padding: 0 19px;
		font-weight: 600;
		color: #333;
		text-decoration: none;	
		border: 2px solid #333;
		background-color: #fff;
	}
	.usr-sub .menu-tab.tab-count2 a,
	.usr-sub .menu-tab.tab-count3 a, 
	.usr-sub .menu-tab.tab-count4 a {
		width: calc( 100% / 4 );
	}
	.usr-sub .menu-tab.tab-count5 a {
		width: calc( 100% / 5 );
	}
	.usr-sub .menu-tab.tab-count6 a {
		width: calc( 100% / 6 );
	}
	.usr-sub .menu-tab.tab-count7 a {
		width: calc( 100% / 7 );
	}
	.usr-sub .menu-tab.tab-count8 a {
		width: calc( 100% / 8 );
	}
	.mob_sub_menu {display: none;}
	.sub_menu {
		width: 100%;
        margin: 0 auto;
		margin-top: -50px;
		}
    .sub_menu.sub_menu_notice{display: none;}
	
	.sub_menu .sub_menu_list {
		float:left;
        /* background-color:#073260 ; */
        border-radius: 50px;
        
        text-align: center;
        display: flex;
        margin: 0 auto;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: row;
	}
	.sub_menu .sub_menu_list>li {
		padding: 0 20px; 
        height: 90px;
		width: 100%;
        display: inline-block;
        background-color: #073260;
    
	}
    .sub_menu .sub_menu_list>li:first-child{ border-radius: 50px 0 0 50px;padding-left: 70px;}
    .sub_menu .sub_menu_list>li:last-child{ border-radius: 0px 50px 50px 0px;padding-right: 70px; }
    .sub_menu .sub_menu_list>li:hover{ background-color: #fff; }
    .sub_menu .sub_menu_list>li:hover a{color: #073260;}

	.sub_menu .sub_menu_list>li>a {
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 30px;
        font-family: 'GmarketSansBold';
        letter-spacing: -1.2px;
        text-align: center;
        /* position: relative;
        z-index: 1; */
        margin: 0 auto;
        word-break: keep-all;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 30px;
	}
	.sub_menu .sub_menu_list>li>a>i {
		float: right;
	}
	.sub_menu .sub_menu_list>li.active>a,
	.sub_menu .sub_menu_list>li>a:hover {
		text-decoration: none;
	}
	
	.sub_menu .sub_menu_list>li ul {
		display:none;
		position:absolute;
		top: 120px;
		left: 0;
		right: 0;
		padding: 15px 20px;
		line-height:20px;
		border: 2px solid #073260ff;
		border-top: none;
		background-color: #fff;
        z-index: 10;
	}
	.sub_menu .sub_menu_list>li ul li {
		padding: 10px 0;
	}
	.sub_menu .sub_menu_list>li ul li a {
		font-size: 22px;
		color: #073260ff;
	}
	.sub_menu .sub_menu_list>li ul li a.active,
	.sub_menu .sub_menu_list>li ul li a:hover { text-decoration: underline; }

    /* */
    .sub_menu.sub_menu_program .sub_menu_list>li{width: 33.3%;}
    .sub_menu.sub_menu_program .sub_menu_list>li a{padding-top: 3px; font-size: 24px; }
    .sub_menu.sub_menu_subprogram .sub_menu_list>li{width: 50%;}
    .sub_menu.sub_menu_gallery .sub_menu_list>li{ padding: 0 100px;}
    
    .contents h2{
        font-family: 'GmarketSansBold';
        font-size: 40px;
        color: #003563;
        letter-spacing: -1.6px;
        margin-bottom: 18px;
    }
    .contents h3{
        font-family: 'GmarketSansBold';
        font-size: 32px;
        color: #003563;
        letter-spacing: -1.28px;
        margin-bottom: 25px;
    }
    .contents h4{
        font-family: 'GmarketSansBold';
        font-size: 26px;
        color: #003563;
        letter-spacing: -1.28px;
        position: relative;
        padding-left: 36px;
    }
    .contents h4.bul-none{padding-left: 0;}
    .contents h4.bul-none::before{content: none;}
    .contents h4:before{
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        border:6px solid #EB4F88;
        background-color: #fff;
        border-radius: 50%;
        width: 26px;
        height: 26px;
    }
    .contents p{ 
        color: #333;
        font-weight: 500;
        font-size: 22px;
        line-height: 40px;
    }
    .contents ul li > a{ 
        font-size: 22px;
        color: #333;
        font-weight: 500;
    }
    .contents ul.list-styled li{
        position: relative;
        padding: 5px 0;
        padding-left: 15px;
        font-size: 22px;
        color: #333;
        font-weight: 500;
    }
    .contents ul.list-styled li::after{
        content: '';
        position: absolute;
        top: 16px;
        left: 0;
        width: 10px;
        height: 10px;
        background-color: #073260 ;
        border-radius: 50%;

    }

    /* 테이블 기본스타일 */
    .contents table.table-default{width: 100%;}
    .contents table.table-default thead th{ 
        border-top: 6px solid #073260;
        background-color: #99E3E0;
        text-align: center;
        padding: 34px 0;
        font-size: 26px;
        font-family: 'GmarketSansBold';
        color: #003563;
        box-sizing: border-box;
        border-left: 2px solid #9DA0A5;
        border-right: 2px solid #9DA0A5;
        border-bottom: 2px solid #9DA0A5;
    }
    .contents table.table-default tbody td{ 
        padding: 33px;
        border-left: 2px solid #9DA0A5;
        border-right: 2px solid #9DA0A5;
        border-bottom: 2px solid #9DA0A5;
    }
    /* 이용약관 */
    .contents .form-wrap{width: 100%;}
    .contents .form-wrap legend{ display: none;}
    .contents .form-wrap .formAgree label{
        font-size: 26px;
        color: #14325D;
        font-weight: bold;
        text-align: center;
        display: block;
        font-family: 'GmarketSansBold';
        padding-top: 30px;
        margin-bottom: 0;
    }
    .contents .form-wrap .form-input-group-wrap{
        width: 100%;
        border-top: 6px solid #073260;
        border-left: 2px solid #9DA0A5;
        border-right: 2px solid #9DA0A5;
        border-bottom: 2px solid #9DA0A5;
        padding: 22px 20px;
        background-color:#FFE5C3 ;
    }
    .contents .form-wrap .form-input-group-wrap > div.text-wrap{
        width: 100%;
        border: 2px solid #9DA0A5;
       background-color: #fff;
        padding: 27px 32px; 
        height: 290px;
        overflow-y: scroll;
    }

    .contents .form-wrap .tCenter{
        margin-top: 65px;
        display: block;
        text-align: center;
    }
    .contents .form-wrap .tCenter .btn{
        display: inline-block;
        min-width: 200px;  
        height: 80px;
        line-height: 76px;
        text-align: center;
        vertical-align: middle;
        border: 2px solid #073260;
        font-size: 30px;
        color: #073260;
        font-family: 'GmarketSansBold';
        text-align: center;
        border-radius: 10px;
        margin-right: 20px;
    }
    .contents .form-wrap .tCenter .btn:hover,
    .contents .form-wrap .tCenter .btn.active
    {
        background-color: #99E3E0;
    }
    .contents .form-wrap .tCenter .btn.btn-save{
        background-color:#073260 ;
        color: #fff;
    }

    /* 회원가입 - step */
    .join-wrap{width: 100%;}
    .join-wrap .step{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 60px;
    }
    .join-wrap .step p{
        border: 1px solid #073260;
        background-color: #FFE5C3;
        width: 33.3%;
        height: 120px;
        padding: 14px; 
    }
    .join-wrap .step p span{
        font-size: 22px;
        font-family: 'GmarketSansBold';
        color: #073260;
    }
    .join-wrap .step p span strong{
        font-size: 30px;
        position: relative;
        z-index: 2;
    }
    .join-wrap .step p.active{
        background-color: #fff;
        border: 5px solid #073260;
        padding: 8px; 
    }
    .join-wrap .step p.active strong:after{
        content:'';
        position: absolute;
        display: block;
        width: 100%;
        background-color: #FFCD6E;
        height: 23px;
        top: 11px;
        left: 0;
        z-index: -1;
    }
    /* 회원가입 - 필수입력정보*/
    .contents .join-wrap .form-wrap .form-input-group-wrap{ padding: 0;}
    .form-input-group-wrap .form-input-group {display:block;}
    .form-input-group-wrap .form-input-group:last-child { border-bottom:0;}
    .form-input-group-wrap .form-input-group dl {
        display:table;
        width:100%;
        table-layout:fixed;
        border-bottom:2px solid #9DA0A5 ;
        word-break: break-all;}
    .form-input-group-wrap .form-input-group dl dt {
        display:table-cell;
        vertical-align:middle;
        width:21%;
        height:100%;
        background-color:#99E3E0;
        border-right:2px solid #9DA0A5 ;
        padding:24px 20px;
        color:#14325D;
        font-family: 'GmarketSansBold';
        text-align:left;
        box-sizing:border-box;
        font-size: 24px;
    }
    .form-input-group-wrap .form-input-group dl dt label{ margin-bottom: 0;}
    .form-wrap span.txt-required{ 
        display: inline-block;
        color: #C90000;
        margin-right: 10px;
    }
    .form-input-group-wrap .form-input-group dl dd {
        display:flex;
        vertical-align:middle;
        background-color:#FFE5C3;
        padding:16px 20px;
        margin: 0;
        border-bottom: 2px solid #9DA0A5;
    }
    .form-input-group-wrap .form-input-group dl dd:last-of-type{ border-bottom: none;}
    .form-input-group-wrap .form-input-group dl dd >div{ width: 100%; font-size: 22px;}
    .form-input-group-wrap .form-input-group dl dd input[type="text"]{
        width: 60%;
        border: 2px solid #9DA0A5;
        height: 50px;
        float: left;
        margin-right: 1%;
    }
    .form-input-group-wrap .form-input-group dl dd input[type="text"].year{ width: 20%;}
    .form-input-group-wrap .form-input-group dl dd input[type="image"]{
        width: 180px;
        height: 216px;
    }
    .form-input-group-wrap .form-input-group dl dd >div button{
        padding: 13px 20px;
        border: none;
        background: #073260;
        color: #fff;
        font-size: 24px;
        box-sizing: border-box;
        height: 50px;
        display: inline-block;
        line-height: 24px;
        border-radius: 10px;
    }
    .form-input-group-wrap .form-input-group dl dd >div.radio-group{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }
    .form-input-group-wrap .form-input-group dl dd >div.radio-group .form-radio{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: nowrap;
        margin-right: 20px;
    }
    .form-input-group-wrap .form-input-group dl dd input[type="radio"]{
        width:30px;
        height: 30px;
        border: 2px solid #14325D;
        margin-right: 10px;
    }
    .form-input-group-wrap .form-input-group dl dd >div.check-group{
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }
    .form-input-group-wrap .form-input-group dl dd >div.check-group .form-check:first-of-type{ padding-left: 0;}
    .form-input-group-wrap .form-input-group dl dd p{ display: inline-block;}
    .form-input-group-wrap .form-input-group dl dd > div.select-group{ 
        width: 20%;
        display: inline-block;
    }
    .form-input-group-wrap .form-input-group dl dd > div.select-group select{ width: 100%;}
    .form-input-group-wrap .form-float-wrap .form-input-group + .form-input-group { border-left:1px solid #ccc;}
    .form-input-group-wrap .form-input-group dl dd >div .form-txt{ color: #666;}

    /* 회원가입-등록완료 */
    .perfect-wrap{
         width: 100%;
         border: 5px solid #073260;
         padding: 60px; 
         position: relative;
    }
    .perfect-wrap::before{
        content: '';
        position: absolute;
        top: -24%;
        right: 30px;
        background-image: url(../images/sub/img_jejuin.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        max-width:604px ;
        height: 328px;
        z-index: 1;
    }
    .perfect-wrap p span{
        font-weight: bold;
        color:#073260;
        display: inline-block;
     } 
     /* 로그인 */
     .login-wrap{
        width:96%;
        border: 5px solid #073260;
        padding: 65px 50px; 
        display: block;
        margin: 0 auto;
        padding-left: 560px;
        background-image: url(../images/sub/img_login.svg);
        background-size: 50% 90%;
        background-position: 0 bottom;
        background-repeat: no-repeat;
        background-color: #fff;
        height: 360px;
     }
     .login-wrap .inputWrap{
        display: flex;
        flex-direction: column;
        align-content: stretch;
     }
     .login-wrap .inputWrap div{ 
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .login-wrap .inputWrap div label{
        width: 30%;
        font-size: 32px;
        font-family: 'GmarketSansBold';
        color: #003563;
    }
    .login-wrap .inputWrap div input{
        width: 65%;
        border: 2px solid #14325D;
        background:#FBE5C7;
        border-radius: 10px; 
    }
    .login-wrap .tCenter{
        margin-top: 10px !important;
    }
    .login-wrap .tCenter .btn{ width: 100%}
    .login-wrap .findIdpw a{
        /* margin-right: 10px; */
    }
    /* 재외제주인 등록하기  참가신청 */
    .overseas-wrap{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: 20px;

    }
    .overseas-wrap > div{
        width: 49%;
        border: 2px solid #9DA0A5;
        border-top: 6px solid #073260;
        padding-top: 340px;
        padding-bottom: 40px;
        text-align: center;
        background-repeat: no-repeat;
        background-color: #fff;
    }
    .overseas-wrap > div.domestic{
        background-image: url(../images/sub/img_korea.svg);
        background-size: 278px 260px;
        background-position: center 35px;
    }
    .overseas-wrap > div.check{
        background-image: url(../images/sub/img_check.svg);
        background-size: 362px 228px;
        background-position: center 60px;  
    }

	/* 참가신청 서브 페이지 상단 수정  */
		.sub-top.sub-join .subTop-txt{display: none;}


    /* 버튼-기본 */
    a.btn-default{
        display: inline-block;
        padding: 22px 40px;
        border-radius: 10px;
        font-size: 30px;
        line-height: 30px;
        color: #073260;
        border: 2px solid #073260;
        background-color: #99E3E0;
        font-family: 'GmarketSansBold';
    }
    /* 재외제주인 등록하기 - 휴대폰인증 */
    .phone-wrap{
        width: 100%;
        border:2px solid #9DA0A5;
        border-top: 6px solid #073260;
        background-color: #fff;
        padding-left: 40%;
        padding-top: 48px;
        padding-bottom: 45px;
        padding-right: 160px;
        background-image: url(../images/sub/img_mobile.svg);
        background-repeat: no-repeat;
        background-size:24%;
        background-position: 80px center;
    }
    .phone-wrap h4{ margin-bottom: 75px;}
    /* 통합검색 */

    .search-wrap .search-result-wrap{width: 100%; margin-bottom: 60px;}
    .search-wrap .search-result-wrap .tit{ 
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-bottom: 6px solid #003563;
        margin-bottom: 30px;
    }
    .search-wrap .search-result-wrap .tit h3{ 
        line-height: 32px;
        margin-bottom: 0;
        font-family: 'GmarketSansBold';
        font-size: 32px;
        color: #003563;
        letter-spacing: -1.28px;
    }
    .search-wrap .search-result-wrap .tit p{color:#003563;}
    .search-wrap .search-result-wrap .tit p strong{ font-weight: bold; font-size: 30px;}
    .search-wrap .search-result-wrap .tit-btn{
        border: none;
        margin-bottom: 30px;
    } 
    .search-wrap .search-result-wrap a.btn{
        min-width: 200px;
        border: 2px solid #073260;
        border-radius: 10px;
        background-color: #fff;
        padding: 16px 0;
        font-size: 26px;
        line-height: 26px;
        color: #073260;
        font-family: 'GmarketSansBold';
    }
    .search-wrap .search-result-wrap .txt h4{ border: none;}

    /* 회원가입,회원정보변경-추가스타일 */
 .moduleUsrJoin .card-body{
    border: 2px solid #14325D;
}

.moduleUsrJoin h2{
    font-family: 'GmarketSansBold';
    font-size: 40px;
    color: #003563;
    letter-spacing: -1.6px;
    margin-bottom: 18px;
}
.moduleUsrJoin h3{
    font-family: 'GmarketSansBold';
    font-size: 32px;
    color: #003563;
    letter-spacing: -1.28px;
    margin-bottom: 25px;
}
.moduleUsrJoin h4{
    font-family: 'GmarketSansBold';
    font-size: 22px;
    color: #003563;
    letter-spacing: -1.28px;
    position: relative;
    padding-left: 36px;
    margin-top: 30px;
}
.moduleUsrJoin h4.bul-none{padding-left: 0;}
.moduleUsrJoin h4.bul-none::before{content: none;}
.moduleUsrJoin h4:before{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    border:6px solid #E3AA5D;
    background-color: #fff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
}
.moduleUsrJoin p{ 
    color: #333;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}

.moduleUsrJoin .join-btn button{
    min-width: 120px;
    font-size: 26px;
    background-color: #99E3E0;
    border: 2px solid #073260;
    color: #073260 !important;
    font-family: 'GmarketSansBold';
    margin-right: 5px;
}
.moduleUsrJoin .join-btn a{
    min-width: 120px;
    font-size: 26px;
    line-height: 46px;
    background-color: #fff;
    border: 2px solid #073260;
    color: #073260 !important;
    font-family: 'GmarketSansBold';
}
.moduleUsrJoin .join-btn button:hover{ 
    background-color:  #99E3E0;
    border: 2px solid #073260;
    color: #073260 !important;}
.moduleUsrJoin .join-btn a:hover{
    background-color: #fff;
    border: 2px solid #073260;
    color: #073260 !important;
}
#moduleUsrJoin .steps .step:before{padding:5px 15px;font-family:"Font Awesome 5 Pro"}

/* 검색 */
.board-search {
	margin-bottom: 30px;
	padding: 20px;
	background-color: #FEE5D6;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.board-search .form-inline .form-control {
	margin-left: 5px;
}
.board-search .input-group .btn-primary,
.board-search .input-group .btn-primary:active {
	min-width: 120px;
	font-size: 26px;
	background-color: #99E3E0;
	border: 2px solid #073260;
	color: #073260 !important;
	font-family: 'GmarketSansBold';
	margin-right: 5px;
}
.board-search .input-group .btn-secondary,
.board-search .input-group .btn-secondary:active {
	min-width: 120px;
	font-size: 26px;
	line-height: 46px;
	background-color: #fff;
	border: 2px solid #073260;
	color: #073260 !important;
	font-family: 'GmarketSansBold';
}
.board-search .input-group > div.input-group-box {
	background: #fff;
	border: 2px solid #14325D;
	border-radius: 10px;
	margin-right: 5px;
    display: flex;
}
.board-search .input-group > div.input-group-box select{  
	border: none;
	min-height: 60px;
	padding: 0;
	font-size: 22px;
	color: #073260;
    width: 44%;
    border-radius: 10px 0 0 10px;
} 
.board-search .input-group > div.input-group-box input{
	border: none;
    min-height: 60px;
    border-radius: 0 10px 10px 0;
}
/* 회원가입폼 */
.modify-wrap table tr th{
    background-color: #FEE5D6;
}

/* 공지사항 */
.table.table-list tbody tr.table-active{background-color: #CEF5F4 !important;}
.table.table-list tbody td.bell i{background-color: #fff; color: #EB4F88;}
.table-btns .btn,.table.table-view tr.article-bottom th .btn-secondary{background-color:#99E3E0 ;}
.table.table-view tr.article-bottom th,.table.table-view tr th{background-color:#FEE5D6}





    @media (min-width: 1346px) and (max-width: 1550px) {
        .global-img{
            width: 138px;
            left: 3%;
            padding-top: 50px;
        }
    }
    @media (min-width: 1200px) and (max-width: 1345px) {
        .global-img{
            width: 122px;
            left: 1%;
            padding-top: 70px;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
        .global-img{
            width: 115px;
            left: 0;
            padding-top: 100px;
        }
        .login-wrap{ padding-left: 480px;}
        .contents .form-wrap .tCenter .btn{font-size: 21px;}
        .sub_menu.sub_menu_program .sub_menu_list>li { padding: 0;} 
        .sub_menu .sub_menu_list>li:first-child{ padding-left: 0;}
        .sub_menu .sub_menu_list>li:last-child{ padding-right: 0;}


    }
    @media (max-width: 991px) {
        .sub_menu{ display: none;}
        .global-img{
            width: 89px;
            left: -15px;
            padding-top: 120px;
        }

        .usr-sub .sub-top {	
            height: 240px;
            text-align: center;
            background-image: url(../images/sub/m_subimg.png);
            background-color: gray;
        }
        .usr-sub .sub-top p.subTop-txt{font-size: 12px;}
        .usr-sub .sub-top h1 {
            padding-top: 90px;
            font-size: 30px;
            text-align: center;
        }
        .usr-sub .sub-top p {
            font-size: 12px;
            text-align: center;
        }
        .usr-sub .sub-top .breadcrumb {
            background-color: transparent;
        }
        .usr-sub .sub-top .breadcrumb-item {
            color: #333;
            font-size: 15px;
        }
        .usr-sub .sub-top .breadcrumb-item i {
            font-size: 14px;
        }
        .usr-sub .sub-top .breadcrumb-item+.breadcrumb-item::before {
            content: "\f105";
            padding-right: 4px;
            color: #333;
            font-weight: 300;
            font-family: 'Font Awesome 6 Pro';
        }
        .usr-sub .sub-gnb .gnb-list {
            display: flex;
            justify-content: center;
            margin-top: -2px;
            margin-bottom: 70px;
        }
        .usr-sub .sub-gnb .gnb-list li {
            padding: 0 20px;
        }
        .usr-sub .sub-gnb .gnb-list li a {
            padding-top: 25px;
            color: #888888;
            font-size: 18px;
        }
        .usr-sub .sub-gnb .gnb-list li a.active,
        .usr-sub .sub-gnb .gnb-list li a:hover {
            padding-top: 21px;
            color: #333;
            font-weight: 800;
            text-decoration: none;
            border-top: 4px solid #F4B627;
        }
        
        .usr-sub h2.sub-title {
            padding: 30px 0 35px;
            font-size: 26px;
            text-align: center;
        }
        
        .usr-sub .menu-tab {
            display: flex;	
            justify-content: center;
            padding-bottom: 60px;
        }
        .usr-sub .menu-tab a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 60px;
            padding: 0 20px;
            color: #666;
            font-size: 18px;
            text-align: center;
            line-height: 120%;
            border: 1px solid #EAEAEA;
            background-color: #F9F9F9;
        }
        .usr-sub .menu-tab a:hover,
        .usr-sub .menu-tab a.active {
            padding: 0 19px;
            font-weight: 600;
            color: #333;
            text-decoration: none;	
            border: 2px solid #333;
            background-color: #fff;
        }
        .usr-sub .menu-tab.tab-count2 a,
        .usr-sub .menu-tab.tab-count3 a, 
        .usr-sub .menu-tab.tab-count4 a {
            width: calc( 100% / 4 );
        }
        .usr-sub .menu-tab.tab-count5 a {
            width: calc( 100% / 5 );
        }
        .usr-sub .menu-tab.tab-count6 a {
            width: calc( 100% / 6 );
        }
        .usr-sub .menu-tab.tab-count7 a {
            width: calc( 100% / 7 );
        }
        .usr-sub .menu-tab.tab-count8 a {
            width: calc( 100% / 8 );
        }
        .mob_sub_menu {display: none;}
        .sub_menu {width: 100%;margin-top: -120px;background: rgb(7, 50, 96,0.8);height: 120px;}
        .sub_menu .sub_menu_list {float:left;line-height: 120px;}
        .sub_menu .sub_menu_list>li {position:relative;}
        .sub_menu .sub_menu_list>li>a {display:block;color: #000;padding-right: 58px;}
        .sub_menu .sub_menu_list>li.active>a,
        .sub_menu .sub_menu_list>li>a:hover {/* color: #fff; */text-decoration: none;}
        .sub_menu .sub_menu_list>li>a img {
        width: 14px;
        height: 8px;
        position: absolute;
        right: 20px;
        top: 25px;
        /* float: right; */
    }
        .sub_menu .sub_menu_list>li>a .icon_depth {width: 10px;
        height: 11px;
        position: absolute;
        right: 20px;
        top: 19px;}
        .sub_menu .sub_menu_list>li>a .icon_depth_open {
        width: 10px;
        height: 1px;
        position: absolute;
        right: 20px;
        top: 24px;
        }
        .sub_menu .sub_menu_list>li.home {text-align:center;min-width:auto;padding: 0; line-height: 1;background: #FFCD6E;}
        .sub_menu .sub_menu_list>li.home>a {padding-right:0px;color: #073260ff;display: block;width: 120px;height: 120px;text-align: center;padding-top: 40px;font-size: 40px;}
        .sub_menu .sub_menu_list>li.home>a img {width: 15px;height: 16px;position: relative;top: 0;right: 0;}
        .sub_menu .sub_menu_list>li ul {display:none;position:absolute;top: 56px;left: -1px;right: -1px;padding: 10px 20px 10px;line-height:20px;border:1px solid #ccc;background-color: #fff;border-top: 0 none;}
        .sub_menu .sub_menu_list>li ul li {padding: 7px 0;}
        .sub_menu .sub_menu_list>li ul li a {color: #000;font-size: 15px;font-weight: 400;}
        .sub_menu .sub_menu_list>li ul li a.active,
        .sub_menu .sub_menu_list>li ul li a:hover { text-decoration: underline; }
        .contents h2{
            font-size: 30px;
            margin-bottom: 15px;
        }
        .contents h3{
            font-size: 26px;
            margin-bottom: 15px;
        }
        .contents h4{
            font-size: 18px;
            padding-left: 27px;
        }
        .contents h4:before{
            content:'';
            width: 21px;
            height: 21px;
        }
        .contents p{ 
            font-size: 16px;
            line-height: 28px;
        }
    
        /* 테이블 기본스타일 */
        .contents table.table-default{width: 100%;}
        .contents table.table-default thead th{ 
            padding: 30px 0;
            font-size: 18px;
            border-left: 2px solid #9DA0A5;
            border-right: 2px solid #9DA0A5;
            border-bottom: 2px solid #9DA0A5;
        }
        .contents table.table-default tbody td{ 
            padding: 23px 32px;
            border-left: 2px solid #9DA0A5;
            border-right: 2px solid #9DA0A5;
            border-bottom: 2px solid #9DA0A5;
        }
        /* 이용약관 */
        .contents .form-wrap .form-input-group-wrap > div.text-wrap{
            padding: 16px 18px;
            height: 220px;
        }
        .contents .form-wrap .formAgree label{
            font-size: 22px;
            padding-top: 16px;
        }
        .contents .form-wrap .tCenter{ margin-top: 35px;}
        .contents .form-wrap .tCenter .btn{
            min-width: 0px;
            line-height: 60px;
            font-size: 22px;
            padding: 0 15px;
            height: auto;
        }

        /* 로그인 */
        .login-wrap{
            padding:65px 20px;
            padding-top:60%;
            background-size: 60%;
            background-position: center 30px;
            background-color: #fff;
            height: auto;
        }
        .login-wrap .inputWrap div label{
            font-size: 18px;
        }
        .login-wrap .inputWrap div input{ height: 40px;}
        .login-wrap .tCenter{ flex-direction: column;}
        .login-wrap .tCenter input{ margin-bottom: 10px;}

        /* 재외제주인 등록하기 */
	.overseas-wrap{
		flex-direction: column;
	}
    .overseas-wrap > div{
        padding-top: 210px;
        padding-bottom: 40px;
        background-color: #fff;
		width: 100%;
		margin-bottom: 20px;
    }
    .overseas-wrap > div.domestic{
        background-size: 114px 142px;
    }
    .overseas-wrap > div.check{
        background-size: 172px 98px; 
    }
    button.btn-default{
        padding: 16px 26px;
        font-size: 20px;
        line-height: 20px;
    }
     /* 재외제주인 등록하기 - 휴대폰인증 */
     .phone-wrap{
        padding-right: 30px;
        background-size:30%;
        background-position: 30px center;
    }
    .phone-wrap h4{ margin-bottom: 25px;}
    /* 검색 */
    .board-search .form-inline .form-control {
        margin-left: 0px;
    }
    .board-search .input-group .btn-primary,
    .board-search .input-group .btn-primary:active {
        font-size: 22px;
        width: 50%;
    }
    .board-search .input-group .btn-secondary,
    .board-search .input-group .btn-secondary:active {
        width: 50%;
        font-size: 22px;
        line-height: 32px;
    }
    .board-search .input-group > div.input-group-box {
        background: none;
        border: none;
        border-radius: 0;
        margin-right:0;
        width: 100%;
    }
    .board-search .input-group > div.input-group-box select{  
        border: 2px solid #14325D;
        min-height: 30px;
        padding: 0;
        margin-bottom: 5px;
        width: 100%;
    } 
    .board-search .input-group > div.input-group-box input{
        border: 2px solid #14325D;
        min-height: 30px;
        margin-bottom: 5px;
        width: 100%;
    }
    .board-search .input-group .input-group-append{ width: 100%;}
    /* 버튼-기본 */
    a.btn-default{
        padding: 10px 20px;
        font-size: 20px;
    }









    }