@import url('base.css');
@import url('font.css');

body{
    font-family:'Spoqa Han Sans Neo'; 
}

#wrap{
   min-width:1300px;
}

/* SKIP MENU */
#skipNavi {position: absolute;margin: 0 auto;width: 100%;list-style: none;font-size: 1.15em;top: -10.5em;left: 0;z-index: 99999;}
#skipNavi a:active, #skipNavi a:focus {position: absolute;padding-top: 0.5em;width: 100%;height: 2em;top: 10.5em;left: 0;text-align: center;color: #000;font-weight:bold;background: #fff;border: 1px solid #475470;outline: 0;}


/* HEADER */
#header-wrap{
    border-top:4px solid #477ba2; background-color:#ffffff; border-bottom:1px solid #d1d3d4; box-shadow:0 1px 6px rgba(0,0,0,0.1); position:relative; z-index:10;
}

#header{
    width:1200px; height:100px; margin:0 auto; position:relative;
}
#header h1{
    position:absolute; left:0; top:32px;
}
#header h1 a{
    display:block;
}

#header #gnb{
    position:absolute; right:0; bottom:30px;
}
#header #gnb > ul::before,
#header #gnb > ul::after{
    content:""; display:table;
}
#header #gnb > ul::after{
    clear:both;
}
#header #gnb > ul > li{
    float:left; border-left:1px solid #dcddde; margin-left:40px; padding-left:40px;     
}
#header #gnb > ul > li:first-child{
    border-left:none;
}
#header #gnb > ul > li > a{
    height:20px; line-height:20px; display:block; font-size:20px; font-weight:bold; color:#000000;
}
#header #gnb > ul > li > a:hover{
    color:#477ba2;
}

#header #top-menu{
    position:absolute; right:0; top:0;
}
#header #top-menu > ul::before,
#header #top-menu > ul::after{
    content:""; display:table;
}
#header #top-menu > ul::after{
    clear:both;
}
#header #top-menu > ul > li{
    float:left; margin-left:5px;
}
#header #top-menu > ul > li > a{
    height:26px; line-height:24px; background-color:#477ba2; font-size:13px; font-weight:300; color:#ffffff; padding:0 15px; border-radius:0 0 3px 3px; display:inline-block; border:1px solid transparent;
}
#header #top-menu .top-user{
    height:26px; line-height:24px; float:left; font-size:13px; font-weight:normal; color:#58595b; border:1px solid #d1d3d4; border-radius:0 0 0 3px; padding:0 10px; 
}
#header #top-menu .top-user::before{
    content:""; width:16px; height:16px; display:inline-block; margin-right:4px; background-image:url(../images/ico-user-gray.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
    vertical-align:middle; 
}
#header #top-menu .top-login::before{
    content:""; width:10px; height:12px; display:inline-block; background-image:url(../images/ico-login-white.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
    margin-right:4px;
}
#header #top-menu .top-logout{
    background-color:#6d6e71; border-radius:0 0 3px 0;
}
#header #top-menu .top-logout::before{
    content:""; width:10px; height:12px; display:inline-block; background-image:url(../images/ico-logout-white.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
    margin-right:4px;
}
#header #top-menu .top-system::after{
    content:""; width:6px; height:10px; display:inline-block; margin-left:10px;
    background-image:url(../images/arrow-basic-white.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
}





/* VISUAL */
#visual-wrap{
    background-image:url(../images/main-visual-bg.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:cover
}
#visual-wrap .visual{
    width:1200px; height:560px; margin:0 auto; position:relative; padding-top:290px;
}
#visual-wrap .visual::before{
    content:""; width:600px; height:242px; display:block; position:absolute; right:30px; bottom:240px; z-index:1;
    background-image:url(../images/main-visual-img.png); background-repeat:no-repeat; background-position:center center; background-size:100%;
}
#visual-wrap .visual::after{
    clear:both;  content:""; display:table;
}
.visual .visual-menu{
    width:720px; height:220px; border-radius:20px; background-color:#477ba2; float:left; padding:25px 20px; position:relative; z-index:1;
}
.visual .visual-menu > a{
    width:14%; margin:0 9.6%; display:block; float:left; text-align:center; color:#ffffff; position:relative; padding-top:130px; line-height:130%; 
} 
.visual .visual-menu > a:hover{ 
    transition:all 2s ease;
}
.visual .visual-menu > a::before{
    content:""; width:120px; height:120px; border-radius:50%; background-color:#ffffff; display:block;
    position:absolute; left:50%; top:0; transform:translate(-50%, 0);
}
.visual .visual-menu > a:hover::before{
    border:1px solid rgba(255,255,255,0.8); background:rgba(255,255,255,0.5); box-shadow:1px 1px 6px rgba(0,0,0,0.1), -1px -1px 6px rgba(0,0,0,0.1);
}
.visual .visual-menu > a::after{
    content:""; width:120px; height:120px; border-radius:50%; display:block; background-repeat:no-repeat; background-position:center center;
    position:absolute; left:50%; top:0; transform:translate(-50%, 0);
} 
.visual .visual-menu > a:hover::after{
    animation:visualMenu 1s infinite;
}
@keyframes visualMenu {
    0%{
        top:0px;
    }
    50%{
        top:-10px;
    }
    100%{
        top:0;
    }
}
.visual .visual-menu > a.info::after{
    background-image:url(../images/visual-menu-info.png);
}
.visual .visual-menu > a.charger::after{
    background-image:url(../images/visual-menu-charger.png);
}
.visual .visual-menu > a.purchase::after{
    background-image:url(../images/visual-menu-purchase.png);
}
.visual .login-box{
    width:480px; height:220px; border-radius:20px; background-color:#ffffff; float:left; position:relative; z-index:999;
}
.visual .login-box .login{
    position:relative; font-size:13px; padding:30px 30px 20px 30px;
}
.visual .login-box .login input[type="text"],
.visual .login-box .login input[type="password"]{
    width:280px; height:36px; margin-bottom:10px; display:block;
}
.visual .login-box .login .btn-login{
    width:130px; height:82px; position:absolute; right:30px; top:30px; background-color:#19864c; border:1px solid transparent; border-radius:3px; color:#ffffff; margin:0;
    font-size:16px; font-weight:500;
}
.visual .login-box .apply-btns{
    padding:0 30px;
}
.visual .login-box .apply-btns::before,
.visual .login-box .apply-btns::after{
    content:""; display:table;
}
.visual .login-box .apply-btns::after{
    clear:both;
}
.visual .login-box .apply-btns > a{
    width:49%; height:34px; line-height:34px; float:left; display:block; margin-left:2%; text-align:center; background-color:#f1f2f2; border:1px solid #d1d3d4; border-radius:3px;
    font-size:14px; font-weight:500; color:#000000;
}
.visual .login-box .apply-btns > a:first-child{
    margin-left:0;
}
.visual .login-box .login-after{
    height:116px; border:1px solid #d1d3d4; border-radius:10px; overflow:hidden; padding:20px;
}
.visual .login-box .login-after > dl{
    float:left; width:50%; height:100%; border-left:1px solid #e6e7e8; text-align:center; line-height:120%; padding:40px 0 0 0;
    background-repeat:no-repeat; background-position:center top;
}
.visual .login-box .login-after > dl.user-name{
    background-image:url(../images/user-name.png);
}
.visual .login-box .login-after > dl.user-belong{
    background-image:url(../images/user-belong.png);
}
.visual .login-box .login-after > dl:first-child{
    border-left:none;
}
.visual .login-box .login-after > dl > dt{
    font-size:12px; font-weight:bold; color:#6d6e71; margin-bottom:2px;
}
.visual .login-box .login-after > dl > dd{
    font-size:14px; font-weight:normal; color:#000000;
}
.visual .contact{
    height:100px; position:absolute; left:20px; bottom:270px; padding:0 0 0 140px; background-image:url(../images/img-contact.png); background-repeat:no-repeat;
}
.visual .contact dl{
    text-shadow:1px 1px 0px rgba(255,255,255,1); padding-top:20px;
}
.visual .contact dl dt{
    font-size:20px; font-weight:normal; color:#000000; margin-bottom:10px;
}
.visual .contact dl dd{
    font-size:36px; font-weight:500; color:#db5f42;
}



/* MAIN CONTENTS */
#main-wrap{
    border:1px solid #d1d3d4; border-left:none; border-right:none;
}
#main{
    width:1200px; margin:0 auto; position:relative; border:1px solid #d1d3d4; border-top:none; border-bottom:none;
}
#main::before,
#main::after{
    content:""; display:table;
}
#main::after{
    clear:both;
}
#main .system-info{
    height:360px; padding:100px 60px 0 54%; background-image:url(../images/img-system.png); background-repeat:no-repeat; background-position:50px center; border-bottom:1px solid #d1d3d4;
}
#main .system-info h2{
    font-family:"tvNEnjoystories"; font-size:42px; font-weight:bold; color:#003964; line-height:100%; display:block; margin-bottom:20px;
}
#main .system-info h2 strong{
    height:38px; color:#477ba2; box-shadow:inset 0 -8px #dee9f2; line-height:100%; display:inline-block;
}
#main .system-info p{
    font-size:16px; font-weight:normal; color:#000000;
}
#main .system-info .btn-more{
    height:36px; line-height:36px; font-size:16px; font-weight:normal; color:#ffffff; background-color:#477ba2; padding:0 20px; border-radius:40px; display:inline-block; margin-top:40px;
}
#main .system-info .btn-more::after{
    content:""; width:14px; height:14px; display:inline-block; margin-left:10px;
    background-image:url(../images/arrow-next-white.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
}
#main .main-apply{
    height:230px; float:left; width:50%; padding:20px; background-color:#f8f8f8; text-align:center;
}
#main .main-apply > a{
    width:100px; display:inline-block; font-size:15px; font-weight:normal; color:#000000; vertical-align:top; margin:20px 40px; line-height:120%;
}
#main .main-apply > a::before{
    content:""; width:100px; height:100px; border-radius:50%; background-color:#ffffff; border:2px solid #e6e7e8; display:block; margin-bottom:10px; background-repeat:no-repeat; background-position:center center;
    overflow:hidden;
}
#main .main-apply > a.grain::before{
    background-image:url(../images/img-grain.png);
}
#main .main-apply > a.port::before{
    background-image:url(../images/img-port.png);
}
#main .main-apply > a.apply::before{
    background-image:url(../images/img-apply.png);
}
#main .main-apply > a:hover{
    color:#19864c;
}
#main .main-apply > a:hover::before{
    border-color:#19864c;
}
#main .main-faq{
    height:230px; float:left; width:50%; border-left:1px solid #d1d3d4; padding:20px 30px; position:relative;
}
#main .main-faq h2{
    font-size:20px; font-weight:500; color:#000000; display:block;
}
#main .main-faq-list{
    height:140px; overflow:hidden; margin-top:20px;
}
#main .main-faq-list:hover{
    overflow-y:scroll;
}
#main .main-faq-list::-webkit-scrollbar {    width: 10px; height:10px;	} 
#main .main-faq-list::-webkit-scrollbar-track {    background:transparent;		} 
#main .main-faq-list::-webkit-scrollbar-thumb {  background-color: #d1d3d4;  border-radius:20px;	}
#main .main-faq-list{	
    scrollbar-3dlight-color:#d1d3d4; scrollbar-arrow-color:#d1d3d4; scrollbar-base-color:#d1d3d4; scrollbar-darkshadow-color:#d1d3d4; scrollbar-face-color:#d1d3d4; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#d1d3d4;	}

#main .main-faq-list dl dt{
    font-size:16px; font-weight:300; color:#000000; display:block; border-bottom:1px solid #e6e7e8; padding:10px 34px; position:relative; cursor:pointer;
}
#main .main-faq-list dl dt::before{
    content:"Q"; width:26px; height:26px; line-height:26px; display:block; border-radius:50%; position:absolute; left:0; top:50%; transform:translate(0, -50%);
    background-color:#477ba2; color:#ffffff; text-align:center; font-size:16px; font-weight:bold;
}
#main .main-faq-list dl dt::after{
    content:""; width:4px; height:8px; display:block; position:absolute; right:10px; top:50%; transform:translate(0, -50%) rotate(90deg); 
    background-image:url(../images/arrow-thin-gray.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
}
#main .main-faq-list dl dd{
    font-size:14px; font-weight:normal; color:#000000; display:block; padding:10px 34px 10px 54px; position:relative; display:none; word-break:break-all;
    white-space:normal; overflow:hidden; text-overflow:ellipsis; height:52px; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;
}
#main .main-faq-list dl dd::before{
    content:"A"; width:26px; height:26px; line-height:26px; display:block; border-radius:50%; position:absolute; left:18px; top:10px; 
    background-color:#ffffff; color:#6d6e71; text-align:center; font-size:16px; font-weight:bold; border:1px solid #d1d3d4;
}
#main .main-faq-list dl dd::after{
    content:""; width:6px; height:6px; display:block; border:1px solid #d1d3d4; border-top:none; border-right:none; position:absolute; left:10px; top:18px;
}
#main .main-faq .ico-more{
    position:absolute; right:20px; top:20px; width:16px; height:16px; text-indent:-9999px; display:block;
    background-image:url(../images/ico-more-gray.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
}




/* FAMILY SITE */
.familysite{
    width:1200px; height:80px; margin:0 auto; position:relative;
}
.familysite-list{
    height:60px; padding:10px 0 0 100px;
}

.familysite-list .slick-list{
    height:100%; position:relative; display:block; overflow:hidden; margin:0; padding:0;
}
.familysite-list .slick-track:before,
.familysite-list .slick-track:after{
    display:table; content:"";
}
.familysite-list .slick-track:after{
    clear: both;
}
.familysite-list .slick-slide{
    display: none; float: left; height: 100%; min-height: 1px;
}
.familysite-list .slick-slide a{
    display:block; height:60px; text-align:center; padding-top:10px;
}
.familysite-list .slick-slide img{
    display:inline-block;
}
.familysite-list .slick-slide.slick-loading img{
    display: none;
}
.slick-initialized .slick-slide{
    display: block;
}

/* Arrows */
.familysite-list .slick-prev,
.familysite-list .slick-next{
    display:block; width:30px; height:30px; border:1px solid #bcbec0; background-color:#ffffff; position:absolute; top:25px; text-indent:-9999px; 
}
.familysite-list .slick-prev::before,
.familysite-list .slick-next::before{
    content:""; display:block; width:8px; height:14px; background-image:url(../images/arrow-thin-gray.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
    position:absolute; left:50%; top:50%; margin:-7px 0 0 -4px;
}
.familysite-list .slick-prev{
    left:0;
}
.familysite-list .slick-prev::before{
    transform:rotate(180deg);
}
.familysite-list .slick-next{
    left:29px;
}



/* FOOTER */
#footer-wrap{
    background-color:#223a4b; position:relative;
}
#footer-wrap::before{
    content:""; width:100%; height:1px; display:block; background-color:#364d5e; position:absolute; left:0; top:40px;
}
#footer-menu{
    width:1200px; margin:0 auto; position:relative;
}
#footer-menu > ul::before,
#footer-menu > ul::after{
    content:""; display:table;  
}
#footer-menu > ul::after{
    clear:both;
}
#footer-menu > ul > li{
    float:left; margin-left:30px; font-size:14px; font-weight:300; color:#ffffff; line-height:40px;
}
#footer-menu > ul > li:first-child{
    margin-left:0;
}
#footer-menu > ul > li > a{
    display:block; color:inherit;
}
#footer-menu > ul > li > a:hover{
    text-decoration:underline;
}
#footer{
    margin:0 auto; position:relative; color:#bcbec0; padding:30px 0 30px 200px; font-size:14px; font-weight:300; letter-spacing:0;
    background-image:url(../images/footer-logo.png); background-repeat:no-repeat; background-position:left center;
}




/* SUB ******************************************/

/* PAGE NAV */
.page-nav{
    height:40px; line-height:40px; background-color:#f8f8f8; border-bottom:1px solid #e6e7e8;
}
.page-nav .breadcrumb{
    width:1200px; margin:0 auto;
}
.page-nav .breadcrumb::before,
.page-nav .breadcrumb::after{
    content:""; display:table;
}
.page-nav .breadcurmb::after{
    clear:both;
}
.page-nav .breadcrumb > ul{
    float:left; 
}
.page-nav .breadcrumb > ul > li{
    float:left; font-size:14px; font-weight:normal; padding:0 14px; position:relative;
}
.page-nav .breadcrumb > ul > li:first-child{
    padding-left:0; 
}
.page-nav .breadcrumb > ul > li::before{
    content:""; display:block; width:4px; height:8px; background-image:url(../images/arrow-thin-gray.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
    position:absolute; left:0; top:50%; transform:translate(0, -50%);
}
.page-nav .breadcrumb > ul > li:first-child::before{
    display:none;
}
.page-nav .breadcrumb > ul > li{
    display:block; color:#58595b; 
}
.page-nav .breadcrumb > ul > li:last-child{
    color:#000000;
}


/* SUB */
#container{
    width:1200px; min-height:680px; margin:0 auto; position:relative; padding:30px 0 80px 0;
}
#container::before,
#container::after{
    content:""; display:table;
}
#container::after{  clear:both; }


#sidebar{
    float:left; width:260px; margin-right:40px;
}
#sidebar-title{
    height:120px; display:block; background-image:url(../images/sidebar-title.png); background-repeat:no-repeat; background-position:left top; margin-bottom:10px;
}
#sidebar-title h2{
    font-size:24px; font-weight:bold; color:#ffffff; position:relative; top:50%; transform:translate(0, -50%); padding:0 30px; line-height:120%;
}
#sidebar > ul > li{
    display:block; font-size:16px; font-weight:normal; margin-bottom:5px;
}
#sidebar > ul > li > a{
    display:block; color:#58595b; border-radius:5px; border:1px solid #d1d3d4; padding:10px 20px; position:relative;
}
#sidebar > ul > li > a:hover{
    border-color:#003964; color:#003964;
}
#sidebar > ul > li > a.current{
    background-color:#003964; color:#ffffff; border-color:transparent;
}
#sidebar > ul > li > a::after{
    content:""; display:block; width:6px; height:10px; position:absolute; right:20px; top:50%; transform:translate(0, -50%);
    background-image:url(../images/arrow-basic-gray.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
}
#sidebar > ul > li > a.current::after{
    background-image:url(../images/arrow-basic-white.svg);
}

#contents{
    overflow:hidden;
}
#content-title{
    border-bottom:1px solid #d1d3d4; padding-bottom:10px; margin-bottom:30px;
}
#content-title::before,
#content-title::after{
    content:""; display:table;
}
#content-title::after{
    clear:both;
}
#content-title h3{
    float:left; font-size:26px; font-weight:bold; color:#000000; line-height:34px;
}
#content-title .utill{
    float:right; text-align:right;
}
#content-title .utill .ico-print{
    width:34px; height:34px; border-radius:50%; border:1px solid #d1d3d4; text-indent:-9999px; position:relative; text-align:left; display:block;
}
#content-title .utill .ico-print::before{
    content:""; display:block; width:16px; height:16px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);
    background-image:url(../images/ico-print.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
}
#content-title .utill .ico-print:hover{
    background-color:#f6f6f6; border-color:#bcbec0;
}



.notification-box{
    font-size:15px; font-weight:normal; color:#000000; padding:4px; background-image:url(../images/notification-box.png); background-repeat:repeat; background-position:left top;
    position:relative;
}
.notification-box::before{
    content:""; display:block; width:100px; height:4px; background-color:#d2e0eb; position:absolute; left:0; top:0;
}
.notification-box::after{
    content:""; display:block; width:800px; height:4px; background-color:#d2e0eb; position:absolute; right:0; bottom:0;
}
.notification-box > p{
    min-height:100px; background-color:#ffffff; padding:40px 40px 40px 100px; position:relative;
}
.notification-box > p::before{
    content:""; display:block; width:100px; height:100%; position:absolute; left:0; top:0;
    background:url(../images/notification-img.png) no-repeat center center;
}
.notification-box > ul{
    min-height:100px; background-color:#ffffff; padding:30px 40px 30px 100px; position:relative;
}
.notification-box > ul::before{
    content:""; display:block; width:100px; height:100%; position:absolute; left:0; top:0;
    background:url(../images/notification-img.png) no-repeat center center;
}
.notification-box > ul > li{
    padding-left:10px; position:relative; margin-bottom:6px; line-height:140%;
}
.notification-box > ul > li::before{
    content:""; width:4px; height:4px; border-radius:50%; background-color:#000000; display:block; position:absolute; left:0; top:8px;
}
.notification-box a{
    color:#477ba2;
}
.notification-box a:hover{
    text-decoration:underline;
}

.bullet-title01{
    font-size:18px; font-weight:500; color:#000000; padding-left:26px; margin-bottom:10px;
    background-image:url(../images/bullet-01.png); background-repeat:no-repeat; background-position:left 4px;
}

.dotted-list > ul > li{
    font-size:15px; font-weight:normal; color:#58595b; padding-left:8px; position:relative; margin-bottom:6px; text-align:left;
}
.dotted-list > ul > li::before{
    content:""; display:block; width:4px; height:4px; border-radius:50%; background-color:#58595b; position:absolute; left:0; top:10px;
}
.dotted-list > dl{
    margin-bottom:10px;
}
.dotted-list > dl > dt{
    font-size:15px; font-weight:500; color:#58595b; padding-left:8px; position:relative; margin-bottom:4px;
}
.dotted-list > dl > dt::before{
    content:""; display:block; width:4px; height:4px; border-radius:50%; background-color:#58595b; position:absolute; left:0; top:10px;
}
.dotted-list > dl > dd{
    font-size:14px; font-weight:normal; color:#58595b; padding-left:8px;
}
.sub-list > ul > li{
    padding-left:8px; position:relative; margin-bottom:5px; line-height:150%;
}
.sub-list > ul > li::before{
    content:""; display:block; width:4px; height:1px; background-color:#58595b; position:absolute; left:0; top:10px;
}

.source{
    font-size:14px; font-weight:normal; color:#58595b; display:inline-block; padding:5px 10px; border-radius:3px; border:1px solid #e6e7e8;
}



/* TABLE TOP */
.tbl-top{
    margin-bottom:8px;
}
.tbl-top::before,
.tbl-top::after{
    content:""; display:table;
}
.tbl-top::after{
    clear:both;
}
.tbl-top .bullet-title01{
    margin-bottom:0;
}
.tbl-top-left{
    float:left; line-height:28px;
}
.tbl-top-left p{
    color:#58595b; font-size:14px; font-weight:normal;
}
.tbl-top-right{
    float:right;
}
.tbl-top-right input[type="text"],
.tbl-top-right select,
.tbl-top-right button{
    float:left; margin-left:5px;
}
.tbl-top-right .btn-search{
    color:#ffffff; background-color:#003964; border-color:transparent; border-radius:3px;
}
.tbl-top-right .btn-apply{
    color:#ffffff; background-color:#477ba2; border-color:transparent; border-radius:3px;
}
.tbl-top-right .btn-apply::after{
    content:""; width:6px; height:10px; display:inline-block; background-image:url(../images/arrow-basic-white.svg); background-repeat:no-repeat; background-position:center center; background-size:100%; margin-left:10px;
}



/* LIST TABLE */
.list-tbl table{
    width:100%; border-top:2px solid #003964;
}
.list-tbl table thead tr th{
    font-size:14px; font-weight:normal; color:#000000; background-color:#f2f7fb; text-align:center; padding:6px; border:1px solid #d1d3d4;
}
.list-tbl table tbody tr th{
    font-size:14px; font-weight:500; color:#000000; text-align:center; padding:6px; border:1px solid #d1d3d4;
}
.list-tbl table tbody tr td{
    font-size:14px; font-weight:normal; color:#58595b; text-align:center; padding:6px; border:1px solid #d1d3d4; position:relative;
}
.list-tbl table tbody tr td a{
	color:#477ba2;
}
.list-tbl table tr td button{
    padding:0 5px; font-size:12px; height:24px; border-radius:3px; border-width:1px;
}
.list-tbl table tr td .tbl-box{
    border:2px solid #19864c; border-radius:10px; padding:4px; margin:4px 10px; background-color:#eef7f3; color:#000000;
}
.list-tbl table tr td .tbl-box2{
    border:2px solid #477ba2; border-radius:10px; padding:4px; margin:4px 10px; background-color:#f2f7fb; color:#000000;
}
.list-tbl table tr td.td-arrow::before{
    content:""; width:24px; height:24px; display:block; position:absolute; right:-10px; top:50%; z-index:9999; transform:translate(0, -50%);  background-color:#a7a9ac; border-radius:50%;
    background-image:url(../images/arrow-basic-white.svg); background-repeat:no-repeat; background-position:center center; background-size:30%;
}


/* DETAIL TABLE */
.detail-tbl table{
    width:100%; border-top:2px solid #003964;
}
.detail-tbl table tr th{
    font-size:14px; font-weight:normal; color:#000000; background-color:#f2f7fb; text-align:center; padding:6px; border-bottom:1px solid #d1d3d4;
}
.detail-tbl table tr td{
    font-size:14px; font-weight:normal; color:#58595b; padding:6px; text-align:left; border-bottom:1px solid #d1d3d4;
}
.detail-tbl table tr td p{
    min-height:28px; line-height:28px; padding-top:5px; padding-bottom:5px;
}
.detail-tbl table tr td .board-post{
    padding:10px; line-height:180%;
}
.detail-tbl table tr td .board-attachment{
    color:#000000; font-size:14px; font-weight:normal; padding:0 0 0 20px; margin:4px; background-image:url(../images/ico-attachment.svg); background-repeat:no-repeat; background-position:left 1px; background-size:15px; display:block;
}
.detail-tbl table tr td .board-attachment:hover{
    text-decoration:underline;
}



.arrow-titlebox{    background-color:#003964; border-radius:5px; padding:4px 10px; position:relative; overflow:hidden; margin-bottom:10px; }
.arrow-titlebox::after{ 
    content:""; width:6px; height:10px; display:block; position:absolute; right:10px; top:50%; transform:translate(0, -50%) rotate(90deg);
    background-image:url(../images/arrow-basic-white.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
}
.arrow-titlebox h2,
.arrow-titlebox h3,
.arrow-titlebox h4,
.arrow-titlebox h5,
.arrow-titlebox h6{ float:left; display:block; font-size:15px; font-weight:300; color:#ffffff;  }

.buy-step-list > ol{    display:flex;   }
.buy-step-list > ol::before,
.buy-step-list > ol::after{ content:""; display:table;  }
.buy-step-list > ol::after{ clear:both; }
.buy-step-list > ol > li{   
    width:30%; margin-left:5%;  float:left; display:block; border-radius:20px; border:1px solid #477ba2; padding:15px 15px 15px 70px; position:relative; box-shadow:inset 0 -4px 4px rgba(255,255,255,1);
    background: linear-gradient(-180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(236,244,249,1) 100%);
}
.buy-step-list > ol > li::before{   width:30px; height:20px; content:""; font-size:16px; font-weight:bold; color:#477ba2; display:block; position:absolute; left:20px; top:20px; border-right:1px solid #dde6ed; }
.buy-step-list > ol > li::after{    
    content:""; width:20px; height:10px; display:block; background:url(../images/arrow-next-blue.svg) no-repeat center center; background-size:100%; position:absolute; right:-12%; top:50%;
}
.buy-step-list > ol > li:last-child::after{ display:none;   }
.buy-step-list > ol > li:nth-child(1)::before{  content:"01";   }
.buy-step-list > ol > li:nth-child(2)::before{  content:"02";   }
.buy-step-list > ol > li:nth-child(3)::before{  content:"03";   }
.buy-step-list > ol > li:first-child{   margin-left:0;  }
.buy-step-list > ol > li > dl > dt{ font-size:16px; font-weight:500; color:#000000; margin-bottom:5px; }
.buy-step-list > ol > li > dl > dt::before{ 
    content:""; width:24px; height:24px; display:inline-block; margin-right:10px; background-repeat:no-repeat; background-position:center center; background-size:20px; vertical-align:middle;
    position:relative; top:-2px;
}
.buy-step-list > ol > li.buy-step-join > dl > dt::before{   background-image:url(../images/ico-join-blue.svg);  }
.buy-step-list > ol > li.buy-step-authority > dl > dt::before{   background-image:url(../images/ico-authority-blue.svg); background-size:100%;  }
.buy-step-list > ol > li.buy-step-approval > dl > dt::before{   background-image:url(../images/ico-approval-blue.svg);  }
.buy-step-list > ol > li > dl > dd{     font-size:14px; font-weight:normal; color:#58595b; }
.buy-step-list > ol > li > a{   display:block; font-size:14px; font-weight:500; color:#ffffff; background-color:#477ba2; border-radius:3px; text-align:center; padding:4px; margin-top:10px; }

.buy-step-list2{    position:relative;  }
.buy-step-list2::before,
.buy-step-list2::after{ content:""; display:table;  }
.buy-step-list2::after{ clear:both; }
.buy-step-list2 > .box{  display:flex; width:100%; height:100%; position:absolute; left:0; top:0;   }
.buy-step-list2 > .box p{    width:48%; height:100%; float:left; display:block; text-align:center; font-size:16px; font-weight:500; color:#003964; background-color:#eef4f9; border-radius:20px; padding:10px 10px 20px 10px; }
.buy-step-list2 > .box p:first-child{    margin-right:4%;    }
.buy-step-list2 > ol{   width:100%; display:block; padding-top:30px;}
.buy-step-list2 > ol::before,
.buy-step-list2 > ol::after{    content:""; display:table;  }
.buy-step-list2 > ol::after{    clear:both; }
.buy-step-list2 > ol > li{  
    width:44%; float:left; display:block; background: linear-gradient(-180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(236,244,249,1) 100%); box-shadow:inset 0 -4px 4px rgba(255,255,255,1);
    border-radius:20px; border:1px solid #477ba2; padding:10px 10px 10px 70px; position:relative;
}
.buy-step-list2 > ol > li::before{  
    content:""; width:30px; height:20px; display:block; position:absolute; left:20px; top:50%; transform:translate(0, -50%); font-size:16px; font-weight:bold; color:#477ba2; border-right:1px solid #dde6ed;
}
.buy-step-list2 > ol > li:nth-child(odd){ margin:10px 4% 10px 2%; }
.buy-step-list2 > ol > li:nth-child(even){ margin:10px 2% 10px 4%; }
.buy-step-list2 > ol > li:nth-child(1)::before{ content:"01";   }
.buy-step-list2 > ol > li:nth-child(2)::before{ content:"02";   }
.buy-step-list2 > ol > li:nth-child(3)::before{ content:"03";   }
.buy-step-list2 > ol > li:nth-child(4)::before{ content:"04";   }
.buy-step-list2 > ol > li:nth-child(5)::before{ content:"05";   }
.buy-step-list2 > ol > li::after{   
    content:""; width:20px; height:10px; display:block; background:url(../images/arrow-next-blue.svg) no-repeat center center; background-size:100%; position:absolute; right:-12%; top:50%;
}
.buy-step-list2 > ol > li:nth-child(2n)::after{ right:auto; left:-12%; transform:rotate(140deg); top:115%;  }
.buy-step-list2 > ol > li:last-child::after{    display:none;   }
.buy-step-list2 > ol > li > p{  font-size:16px; font-weight:500; color:#000000; }
.buy-step-list2 > ol > li > p::before{
    content:""; width:24px; height:24px; display:inline-block; margin-right:10px; background-repeat:no-repeat; background-position:center center; background-size:22px; vertical-align:middle;
    position:relative; top:-2px;
}
.buy-step-list2 > ol > li:nth-child(1) > p::before{ background-image:url(../images/ico-buy-blue.svg);   }
.buy-step-list2 > ol > li:nth-child(2) > p::before{ background-image:url(../images/ico-receipt-blue.svg); background-size:100%;   }
.buy-step-list2 > ol > li:nth-child(3) > p::before{ background-image:url(../images/ico-payment-blue.svg); background-size:100%;  }
.buy-step-list2 > ol > li:nth-child(4) > p::before{ background-image:url(../images/ico-document-blue.svg); background-size:18px;   }
.buy-step-list2 > ol > li:nth-child(5) > p::before{ background-image:url(../images/ico-storage-blue.svg); background-size:18px;   }



/* SITEMAP */
.sitemap > ul{  display:flex;   }
.sitemap > ul::before,
.sitemap > ul::after{   content:""; display:table;  }
.sitemap > ul::after{   clear:both; }
.sitemap > ul > li{ float:left; display:block; width:31.2%; margin-left:3.2%; border-bottom:1px solid #e6e7e8; overflow:hidden;  }
.sitemap > ul > li:first-child{ margin-left:0;  }
.sitemap > ul > li > h4{    font-size:20px; font-weight:500; color:#000000; padding:14px 10px 10px 50px; position:relative; border-bottom:1px solid #d1d3d4; overflow:hidden; box-shadow:0 1px 8px rgba(0,0,0,0.05); }
.sitemap > ul > li > h4::before{    content:""; font-size:62px; font-weight:bold; color:#003964; position:absolute; left:0; top:18px;  }
.sitemap > ul > li:nth-child(1) > h4::before{   content:"1";    }
.sitemap > ul > li:nth-child(2) > h4::before{   content:"2";    }
.sitemap > ul > li:nth-child(3) > h4::before{   content:"3";    }
.sitemap > ul > li > ul{    padding:10px 0 10px 50px; }
.sitemap > ul > li > ul > li > a{   padding:10px 0; font-weight:16px; font-weight:normal; color:#58595b; display:block;    }
.sitemap > ul > li > ul > li > a:hover::after{    
    content:""; width:12px; height:6px; display:inline-block; margin-left:10px; background:url(../images/arrow-next-blue.svg) no-repeat center center; background-size:100%; vertical-align:middle; position:relative; top:-1px;
}


/* 관련기관 */
.participating-site > ul::before,
.participating-site > ul::after{    content:""; display:table;  }
.participating-site > ul::after{    clear:both; }
.participating-site > ul > li{  float:left; width:31%; margin:0 0 20px 3.5%; background-color:#fbfbfb; border:1px solid #d1d3d4; border-radius:20px; padding:10px;  }
.participating-site > ul > li:nth-child(3n+1){  margin-left:0;  }
.participating-site > ul > li > .site-logo{ background-color:#ffffff; border-radius:10px; border:1px solid #d1d3d4; text-align:center; padding:10px;   }
.participating-site > ul > li > dl{ margin-top:10px; padding:0 10px;   }
.participating-site > ul > li > dl > dt{    font-size:16px; font-weight:500; color:#000000; }
.participating-site > ul > li > dl > dd{    font-size:14px; font-weight:normal; color:#58595b; margin-top:6px;  }
.participating-site > ul > li > dl > dd.link{   border-bottom:1px solid #e6e7e8; padding-bottom:10px;    }
.participating-site > ul > li > dl > dd.link > a{   
    display:inline-block; font-size:14px; color:#58595b; padding-right:18px; background-image:url(../images/ico-window.svg); background-repeat:no-repeat; background-position:right center; background-size:12px;
}
.participating-site > ul > li > dl > dd.link > a:hover{ color:#477ba2;  }



/* PAGING */
.paging{
    text-align:center; margin-top:20px;
}
.paging ul{
    display:inline-block;
}
.paging ul::before,
.paging ul::after{
    content:""; display:table;
}
.paging ul::after{
    clear:both;
}
.paging ul li{
    float:left; font-size:14px; color:#6d6e71;
}
.paging ul li a{
    display:block; color:inherit; padding:0 10px; line-height:28px;
}
.paging ul li a.current{
    color:#477ba2; text-decoration:underline;
}
.paging ul li a.first,
.paging ul li a.prev,
.paging ul li a.next,
.paging ul li a.last{
    width:28px; height:28px; border:1px solid #bcbec0; text-indent:-9999px; position:relative; margin:0 2px;
}
.paging ul li a.first::before,
.paging ul li a.prev::before,
.paging ul li a.next::before,
.paging ul li a.last::before{
    content:""; width:10px; height:10px; display:block; background-repeat:no-repeat; background-position:center center; background-size:100%;
    position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px;
}
.paging ul li a.first::before,
.paging ul li a.last::before{
    background-image:url(../images/paging-arrow2.svg);
}
.paging ul li a.first::before{
    transform:rotate(180deg);
}
.paging ul li a.prev::before,
.paging ul li a.next::before{
    background-image:url(../images/paging-arrow.svg); background-size:6px;
}
.paging ul li a.prev::before{
    transform:rotate(180deg);
}


/* 국민신문고 */
.epeople{
    background-color:#f8f8f8; border:1px solid #d1d3d4; padding:50px 40px 50px 180px; background-image:url(../images/img-epeople.png); background-repeat:no-repeat; background-position:40px center;
}
.epeople p{
    font-size:16px; font-weight:normal; color:#58595b;
}
.epeople a{
    font-size:14px; font-weight:500; color:#ffffff; background-color:#477ba2; border-radius:40px; height:36px; line-height:36px; display:inline-block; padding:0 20px; margin-top:10px;
}
.epeople a::after{
    content:""; width:6px; height:10px; display:inline-block; background:url(../images/arrow-basic-white.svg) no-repeat center center; background-size:100%; margin-left:10px;
}


/* 회원가입안내 */
.join-guide{
    background-color:#f8f8f8; border:1px solid #d1d3d4; padding:50px 40px 50px 180px; background-image:url(../images/img-joinguide.png); background-repeat:no-repeat; background-position:40px center;
}
.join-guide p{
    font-size:16px; font-weight:normal; color:#58595b; line-height:160%;
}
.join-guide a{
    font-size:14px; font-weight:500; color:#ffffff; background-color:#477ba2; border-radius:40px; height:36px; line-height:36px; display:inline-block; padding:0 20px; margin-top:10px;
}
.join-guide a::after{
    content:""; width:6px; height:10px; display:inline-block; background:url(../images/arrow-basic-white.svg) no-repeat center center; background-size:100%; margin-left:10px;
}


/* 사용권한신청 */
.authority-step > ol::before,
.authority-step > ol::after{    content:""; display:table;  }
.authority-step > ol::after{    clear:both; }
.authority-step > ol > li{  
    float:left; width:30%; margin-left:5%; text-align:center; border:1px solid #477ba2; border-radius:20px; box-shadow:inset 0 -4px 4px rgba(255,255,255,1); padding:80px 20px 20px 20px; position:relative;
    background: linear-gradient(-180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(236,244,249,1) 100%);  
}
.authority-step > ol > li:first-child{  margin-left:0;  }
.authority-step > ol > li::before{
    content:""; width:42px; height:42px; display:block; position:absolute; left:50%; top:20px; transform:translate(-50%, 0);
    background-repeat:no-repeat; background-position:center center; background-size:100%;
}
.authority-step > ol > li:first-child::before{  background-image:url(../images/ico-join-blue.svg);  }
.authority-step > ol > li:nth-child(2)::before{  background-image:url(../images/ico-authority-blue.svg);  }
.authority-step > ol > li:nth-child(3)::before{  background-image:url(../images/ico-approval-blue.svg); }
.authority-step > ol > li > dl::before{
    content:""; display:inline-block; font-size:12px; font-weight:bold; color:#ffffff; height:18px; line-height:18px; border-radiuS:50px; background-color:#477ba2; padding:0 10px; margin-bottom:10px;
}
.authority-step > ol > li:first-child > dl::before{  content:"STEP 01";  }
.authority-step > ol > li:nth-child(2) > dl::before{  content:"STEP 02";  }
.authority-step > ol > li:nth-child(3) > dl::before{  content:"STEP 03";  }
.authority-step > ol > li::after{
    content:""; width:20px; height:10px; display:block; position:absolute; right:-12%; top:50%; transform:translate(0, -50%); background:url(../images/arrow-next-blue.svg) no-repeat center center; background-size:100%;
}
.authority-step > ol > li > dl > dt{    font-size:16px; font-weight:500; color:#000000; margin-bottom:6px;  }
.authority-step > ol > li > dl > dd{    font-size:14px; font-weight:normal; color:#58595b;  }

.authority{
    background-color:#f8f8f8; border:1px solid #d1d3d4; padding:50px 40px 50px 180px; background-image:url(../images/img-authority.png); background-repeat:no-repeat; background-position:40px center;
}
.authority p{
    font-size:16px; font-weight:normal; color:#58595b;
}
.authority a{
    font-size:14px; font-weight:500; color:#ffffff; background-color:#477ba2; border-radius:40px; height:36px; line-height:36px; display:inline-block; padding:0 20px; margin-top:10px;
}
.authority a::after{
    content:""; width:6px; height:10px; display:inline-block; background:url(../images/arrow-basic-white.svg) no-repeat center center; background-size:100%; margin-left:10px;
}



.step-list4 > ol{	margin:0; padding:0; display:flex;	}
.step-list4 > ol::before,
.step-list4 > ol::after{	content:""; display:table;	}
.step-list4 > ol::after{	clear:both;	}
.step-list4 > ol > li{	width:22%; margin-left:4%; float:left; display:block; position:relative;	}
.step-list4 > ol > li:first-child{	margin-left:0;	}
.step-list4 > ol > li{	border-radius:20px; border:1px solid #d1d3d4; text-align:center; padding:15px; font-size:14px; font-weight:normal; color:#58595b;	}
.step-list4 > ol > li strong{	font-size:16px; font-weight:bold; color:#000000; display:block; margin-bottom:6px;	}
.step-list4 > ol > li::before{
	content:""; display:inline-block; width:40px; height:20px; line-height:20px; color:#ffffff; font-weight:bold; font-size:14px; font-family:"NanumSquare"; text-align:center; background-color:#b2c9d6; margin-bottom:10px; border-radius:30px;
}
.step-list4 > ol > li:first-child::before{	content:"01";	}
.step-list4 > ol > li:nth-child(2)::before{	content:"02";	}
.step-list4 > ol > li:nth-child(3)::before{	content:"03";	}
.step-list4 > ol > li:nth-child(4)::before{	content:"04";	}
.step-list4 > ol > li::after{
	content:""; width:20px; height:10px; display:block; position:absolute; right:-30px; top:50%; transform:translate(0, -50%);
	background-image:url(../images/arrow-next-blue.svg); background-repeat:no-repeat; background-position:center center; background-size:100%;
}
.step-list4 > ol > li:last-child::after{	display:none;	}
.step-list4 > ol > li a{	margin-top:10px;	}


/* 마이페이지 */
.mypage p{
    font-size:16px; font-weight:normal; color:#58595b; 
}
.mypage a{
    font-size:14px; font-weight:500; color:#ffffff; background-color:#477ba2; border-radius:40px; height:36px; line-height:36px; display:inline-block; padding:0 20px; margin-top:10px;
}
.mypage a::after{
    content:""; width:6px; height:10px; display:inline-block; background:url(../images/arrow-basic-white.svg) no-repeat center center; background-size:100%; margin-left:10px;
}



/* WARNING */
.warning-box{
    border-top:1px dashed #d1d3d4; padding:20px 70px; background-image:url(../images/ico-warning.svg); background-repeat:no-repeat; background-position:10px 24px; background-size:40px; margin-top:40px;
}
.warning-box ul li{
    font-size:14px; font-weight:normal; color:#000000; margin-bottom:6px; position:relative; padding-left:10px;
}
.warning-box ul li::before{
    content:""; width:4px; height:4px; display:block; background-color:#000000; border-radius:50%; position:absolute; left:0; top:8px;
}



/* LOGIN */
.login-wrap{    
    background:url(../images/notification-box.png) repeat left top; padding:4px;
}
.login-wrap .login{ 
    background-color:#ffffff; padding:30px 0;   
}
.login-wrap .login::before,
.login-wrap .login::after{  
    content:""; display:table;  
}
.login-wrap .login::after{  
    clear:both; 
}
.login .login-left{ 
    float:left; display:block; width:50%; padding:0 30px; 
}
.login h2,
.login h3,
.login h4,
.login h5,
.login h6{  
    font-size:20px; font-weight:normal; color:#000000; display:block; margin-bottom:10px;   
}
.login p{   
    font-size:14px; font-weight:normal; color:#58595b;  

}
.login-id,
.login-pw{  
    height:36px; border:1px solid #d1d3d4; position:relative; margin-top:10px;
}
.login-id{
    margin-top:20px;
}
.login-id label,
.login-pw label{    
    display:block; width:100px; font-size:14px; font-weight:normal; color:#58595b; position:absolute; left:0; top:0; line-height:34px; padding-left:30px; background-repeat:no-repeat; background-position:10px center;  
}
.login-id label{    
    background-image:url(../images/ico-id.svg); background-size:12px;   
}
.login-pw label{    
    background-image:url(../images/ico-pw.svg); background-size:10px;   
}
.login-id label::before,
.login-pw label::before{    content:""; width:1px; height:14px; display:block; background:#e6e7e8; position:absolute; left:100px; top:50%; transform:translate(0, -50%);    }
.login-id input[type="text"],
.login-pw input[type="password"]{   
    border:none; height:100%; width:100%; padding-left:110px;   
}
.login .btn-login{  
    width:100%; height:50px; font-size:16px; font-weight:bold; color:#ffffff; text-align:center; border:none; background-color:#3198a7; border-radius:3px; margin-top:20px; 
}
.login .login-btns{ 
    margin-top:20px;    
}
.login .login-btns::before,
.login .login-btns::after{  
    content:""; display:table;  }
.login .login-btns::after{  clear:both; 
}
.login .login-btns a{ 
    float:left; display:block; height:28px; border-radius:3px; border:1px solid #a7a9ac; line-height:28px; font-size:14px; font-weight:normal; color:#58595b; padding:0 30px 0 10px; position:relative; margin-left:4px;
}
.login .login-btns a::after{  
    content:""; width:5px; height:8px; display:block; position:absolute; right:10px; top:50%; transform:translate(0, -50%); background:url(../images/arrow-basic-gray.svg) no-repeat center center; background-size:100%; 
}
.login .login-btns a.btn-join{   
    border-color:#003964; color:#003964;    
}
.login .login-btns a.btn-join::after{   
    background-image:url(../images/arrow-basic-blue.svg);   
}
.login .login-right{    
    float:right; display:block; width:50%; padding:0 30px; border-left:1px solid #e6e7e8;   
}
.login .btn-cert{   
    width:100%; height:50px; background-color:#016ab2; border-radius:3px; border:none; text-align:center; font-size:16px; font-weight:bold; color:#ffffff; margin-top:15px;  
}
.login .btn-cert::before{   
    content:""; width:16px; height:18px; display:inline-block; vertical-align:middle; background:url(../images/ico-cert-white.svg) no-repeat center center; background-size:100%; margin-right:10px;
}
.login .btn-phone{
    width:100%; height:50px; background-color:#ffffff; border-radius:3px; border:1px solid #016ab2; text-align:center; font-size:16px; font-weight:bold; color:#016ab2; margin-top:15px;
}
.login .btn-phone::before{
    content:""; width:14px; height:22px; display:inline-block; vertical-align:middle; background:url(../images/ico-phone-blue.svg) no-repeat center center; background-size:100%; margin-right:10px;
}




/* BTNS */
.btns::before,
.btns::after{   content:""; display:table;  }
.btns::after{   clear:both; }
.btns-center{   text-align:center;  }
.btns-left{ float:left; display:block;  }
.btns-right{    float:right; display:block; }

.btns-circle a{
    height:36px; line-height:36px; border-radius:50px; display:inline-block; padding:0 20px; background-color:#6d6e71; color:#ffffff; font-size:16px; font-weight:500; margin:0 4px;
}
.btns-circle a::after{  
    content:""; width:14px; height:8px; display:inline-block; margin-left:10px; vertical-align:middle; background:url(../images/arrow-next-white.svg) no-repeat center center; background-size:100%; position:relative; top:-2px;
}


/* BUTTON */
[class^="btn-"]{
    height:28px; border:1px solid transparent; border-radius:3px; padding:0 10px;
}
a[class^="btn-"]{
    line-height:28px; display:inline-block;
}
.btn-gray{
    background-color:#6d6e71; color:#ffffff;
}
.btn-blue{
    background-color:#477ba2; color:#ffffff; 
}
.btn-blueline{
    background-color:#ffffff; border-color:#477ba2; color:#477ba2;
}
.btn-bluearrow{	background-color:#477ba2; color:#ffffff;	}
.btn-bluearrow::after{	content:""; display:inline-block; width:6px; height:10px; background-image:url(../images/arrow-basic-white.svg); background-repeat:no-repeat; background-position:center  center; background-size:100%; margin-left:10px;		}
.btn-navy{
    background-color:#003964; color:#ffffff;
}
.btn-navyline{
    background-color:#ffffff; border-color:#003964; color:#003964;
}
.btn-green{
    background-color:#19864c; color:#ffffff; 
}

.btn-print{ background-color:#477ba2; color:#ffffff;    }
.btn-print::before{ content:""; width:14px; height:14px; display:inline-block; margin-right:6px; background:url(../images/ico-print-white.svg) no-repeat center center; background-size:100%; position:relative; top:1px;   }


/*
@media screen and (max-width:1300px){
	#header{	width:100%;	} 
	#header{	left:20px;	}
	#header #gnb{	right:20px;	}
	#header #top-menu{	right:20px;	}
	.page-nav{	padding:0 40px;	}
	#container{	padding:30px 40px 80px 40px; width:100%; 	}
	
	#footer-menu{	width:100%;	}
}
*/



/* LAYER POPUP */
.popup-layer{	position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:99999;		}
.popup{	width:400px; height:300px; background-color:#ffffff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);	}
.popup .popup-title{	background-color:#477ba2; height:40px; position:relative; padding:0 10px; 	}
.popup .popup-title h2,
.popup .popup-title h3,
.popup .popup-title h4,
.popup .popup-title h5,
.popup .popup-title h6{	font-size:16px; font-weight:bold; color:#ffffff; line-height:40px;		}
.popup .popup-close{	width:20px; height:20px; display:block; text-indent:-9999px; position:absolute; right:10px; top:10px; background:url(../images/ico-close-white.svg) no-repeat center center; background-size:100%;	}
.popup .popup-content{	padding:20px;	}

.popup-alert{	width:400px; height:160px; text-align:center;	}