@charset "utf-8";



/* accessbility */
#skip-go{display:block}
#skip-go p{position:fixed;left:-1000px;top:0}
#skip-go ul li a{z-index:1000;display:block;position:fixed;left:-1000px;top:0;background-color:#11589b;font-size:1em;color:#fff;text-align:center} 
#skip-go ul li a:hover, #skip-go ul li a:active, #skip-go ul li a:focus{left:0;min-width:200px;padding:10px 30px;box-sizing:border-box;text-decoration:underline}




/* header */
#header{z-index:11;position:fixed;left:0;top:0;width:100%;border-bottom:1px solid #ddd;background:#fff}
#header.fixed{position:fixed}
#header.mainHeader{border-bottom:none;background:#009DDA}
.header{margin:auto;position:relative;width:1400px}
.topCategory{position:relative;padding:10px 0}
.topCategory:after{content:"";clear:both;display:block}
.topCategory > div{float:left}
.topCategory > div > span{float:left;margin-left:15px;margin-top:7px}
.topCategory > div > span:first-child{margin-left:0}
.topCategory a{display:inline-block;font-size:1.071rem;/*15px*/color:#444;transition:0.5s}
.mainHeader .topCategory a{color:#fff}
.topCategory a:hover, .topCategory a:focus{text-decoration:underline}
.topCategory > ul{float:right}
.topCategory > ul > li{float:left;margin-left:20px}
.topCategory > ul > li:first-child{margin-top:7px}
.topCategory > ul > li:after{content:"";clear:both;display:block}
.topCategory > ul > li em{margin-left:20px}
.topCategory > ul > li em:first-child{margin-left:0}
.topCategory > ul > li em a{display:inline-block;height:16px;padding-left:22px}
.topCategory > ul > li em .login{background:url("../../../images/renewal/layout/icon_login1.png") left center no-repeat}
.mainHeader .topCategory > ul > li em .login{background:url("../../../images/renewal/layout/icon_login.png") left center no-repeat}
.topCategory > ul > li em .join{background:url("../../../images/renewal/layout/icon_join1.png") left center no-repeat}
.mainHeader .topCategory > ul > li em .join{background:url("../../../images/renewal/layout/icon_join.png") left center no-repeat}
.sns{margin:0 45px 0 30px}
.sns:after{content:"";clear:both;display:block}
.sns span{float:left;margin-left:10px;transition:0.5s}
.sns .facebook{display:inline-block;width:33px;height:32px;background:url("../../../images/renewal/layout/facebook1.png") no-repeat}
.mainHeader .sns .facebook{width:33px;height:32px;background:url("../../../images/renewal/layout/facebook.png") no-repeat}
.sns .youtube{display:inline-block;width:33px;height:32px;background:url("../../../images/renewal/layout/youtube1.png") no-repeat}
.mainHeader .sns .youtube{width:33px;height:32px;background:url("../../../images/renewal/layout/youtube2.png") no-repeat}
.sns .blog{display:inline-block;width:33px;height:32px;background:url("../../../images/renewal/layout/blog1.png") no-repeat}
.mainHeader .sns .blog{width:33px;height:32px;background:url("../../../images/renewal/layout/blog2.png") no-repeat}
.sns .kt_ch{display:inline-block;width:32px;height:32px;background:url("/dext5img/images/renewal/layout/kt_ch.png") no-repeat}



/* gnb */
.gnbBox{margin:auto;position:relative;width:1400px}
.gnbBox:after{content:"";clear:both;display:block}
.gnbBox > h1{float:left;margin-top:25px;margin-right:90px}
.gnbBox > h1 a{display:inline-block;width:130px;height:31px;background:url("../../../images/renewal/layout/CI1.png") no-repeat}
.mainHeader .gnbBox > h1 a{background:url("../../../images/renewal/layout/CI.png") no-repeat}
.gnb{float:left}
.gnb:after{content:"";clear:both;display:block}
.gnb > li{float:left}
.gnb > li > a{display:inline-block;position:relative;padding:30px 37px 45px;font-size:1.714rem;/*24px*/font-weight:500;color:#222;letter-spacing:-0.05em}
.gnb > li > a.selected, .gnb > li > a.on{color:#303F9F}
.gnb > li > a i.on{z-index:13;display:inline-block;position:absolute;left:50%;bottom:-1px;width:32px;height:1px;transform:translateX(-50%);background:#fff}
.mainHeader .gnb > li > a{color:#fff}
.mainHeader .gnb > li > a.selected{color:#303F9F}
.gnb > li:hover > a:before, .gnb > li:focus > a:before, .gnb > li > a.selected:before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:0;height:0;border-width:16px;border-style:solid;border-color:transparent transparent #ccc transparent;transition:0.5s}
.gnb > li:hover > a:after, .gnb > li:focus > a:after, .gnb > li > a.selected:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:0;height:0;border-width:15px;border-style:solid;border-color:transparent transparent #fff transparent;transition:0.5s}


.subBox{display:none;z-index:12;position:absolute;left:50%;top:99px;width:1400px;margin-left:-700px;border:1px solid #ddd;border-top:1px solid #ddd;box-sizing:border-box;background:#fff}
.mainHeader .subBox{border-top:none}
.subBox a{line-height:1.5;letter-spacing:-0.05em;word-break:keep-all;word-wrap:break-word}
.subBox:after{content:"";clear:both;display:block}
.gnbTitle{display:table-cell;width:300px;height:400px;padding:30px;box-sizing:border-box;background:#f5fafc;vertical-align:top}
.gnbTitle > p{display:table;transition:0.5s}
.gnbTitle > p strong{display:table-cell;width:70px;height:70px;border-radius:50%;background:#303f9f;font-size:1.375rem;/*22px*/font-weight:500;color:#fff;text-align:center;vertical-align:middle}
.gnbTitle > p em{display:table-cell;padding-left:10px;font-size:1.286rem;/*18px*/font-weight:500;color:#009dda;letter-spacing:-0.03em;vertical-align:middle}
.gnbTitle > span:before{content:"";display:block;position:relative;top:-25px;width:100%;height:1px;background:#C8E5EF}
.gnbTitle > span{position:absolute;overflow:hidden;left:30px;bottom:30px;width:240px;padding-top:30px;font-size:1.143rem/*16px*/;font-weight:400;line-height:1.4;letter-spacing:-0.05em;word-break:keep-all;word-wrap:break-word}

.subBox > ul{display:table-cell;width:1098px;background:url("../../../images/renewal/layout/gnbbg.png") left top repeat-y #fff}
.subBox > ul:before{content:"";position:absolute;left:300px;top:72px;width:1098px;height:1px;background:#C8E5EF}
.subBox > ul:after{content:"";clear:both;display:block}
.subBox > ul > li{display:table-cell;float:left;position:relative;width:241px;min-height:226px} 
.subBox > ul > li:nth-child(5){clear:both;display:block} 
.subBox > ul > li > a{display:block;padding:30px 16px 18px;font-size:1.429rem;/*20px*/font-weight:500;color:#303f9f;line-height:1.2;letter-spacing:-0.1em} 
.subBox > ul > li:hover > a, .subBox > ul > li:hover > a:focus, .subBox > ul > li.selected > a{color:#009dda} 
.subBox > ul > li:nth-child(1) > a, .subBox > ul > li:nth-child(2) > a, .subBox > ul > li:nth-child(3) > a, .subBox > ul > li:nth-child(4) > a{background:#fff} 
.subBox > ul > li > ul{padding:20px 16px} 
.subBox > ul > li:nth-child(n + 5) > ul{padding-top:0} 
.subBox > ul > li > ul > li{margin-top:8px}
.subBox > ul > li > ul > li:first-child{margin-top:0}
.subBox > ul > li > ul > li > a{display:inline-block;z-index:1;position:relative;font-size:1.214rem;/*17px*/color:#444;line-height:1.2} 
.subBox > ul > li > ul > li > a:after{content:"";z-index:-1;position:absolute;left:50%;bottom:0;width:0;height:8px;background:rgba(118,229,255,0.5);transition:0.3s}
.subBox > ul > li > ul > li:hover > a:after, .subBox > ul > li > ul > li:focus > a:after, .subBox > ul > li > ul > li.selected > a:after{content:"";width:100%;left:0}
.subBox > ul > li > ul > li > ul{width:100%;margin:5px 0;/*padding:10px;*/box-sizing:border-box;/*border:1px dashed #ddd;background:#fcfcfc*/}
.subBox > ul > li > ul > li > ul > li > a{display:block;padding-left:7px;background:url("../../../images/renewal/layout/bullet03.png") left 10px no-repeat;font-size:1.143rem;/*16px*/color:#666;line-height:1.4} 
.subBox > ul > li > ul > li > ul > li > a:hover, .subBox > ul > li > ul > li > ul > li > a:focus{color:#0966c3;text-decoration:underline} 


/* menuBox */
.menuBox{float:left;margin:27px 0 0 37px}
.btnMenu{float:left;position:relative;width:30px;height:30px;transition:0.3s}
.btnMenu.positionR{z-index:3;position:absolute;right:0;top:20px;width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,1)}
.btnMenu.positionR:before, .btnMenu.positionR:after, .btnMenu.positionR span{content:"";background-color:#fff}
.btnMenu:before, .btnMenu:after, .btnMenu span{content:"";display:inline-block;position:absolute;left:50%;top:50%;overflow:hidden;width:30px;height:2px;background-color:#666;transition:0.75s}
.mainHeader .btnMenu:before, .mainHeader .btnMenu:after, .mainHeader .btnMenu span{content:"";display:inline-block;position:absolute;left:50%;top:50%;overflow:hidden;width:30px;height:2px;background-color:#fff;transition:0.75s}
.btnMenu:before{margin:-10px 0 0 -10px}
.btnMenu:after{margin:10px 0 0 -10px}
.btnMenu span{margin:0 0 0 -10px;text-indent:-9999px}
.btnMenu.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);transform-origin:0 0;-webkit-transform-origin:0 0;margin-left:-10px}
.btnMenu.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform-origin:0 bottom;-webkit-transform-origin:0 bottom;margin-left:-10px}
.btnMenu.active span{width:0;opacity:0}




/* searchForm */
.searchForm{float:right;margin-top:20px;transition:0.5s}
.mainHeader .totalSearch{border:none;background:#40C9FF}
.totalSearch{position:relative;width:400px;height:50px;border-radius:50px;border:1px solid #ccc;box-sizing:border-box;background:#fff}
.totalSearch:after{content:"";clear:both;display:block}
.totalSearch input[type="text"]{float:left;width:320px;height:30px;margin:10px 0 10px 30px;border:none;background:none;font-size:1.071rem;/*15px*/color:#666}
.mainHeader .totalSearch input[type="text"]{color:#fff}
.totalSearch input[type="submit"]{display:inline-block;width:33px;height:33px;margin-top:10px;border:none;background:url("../../../images/renewal/layout/search1.png") no-repeat;text-indent:-9999px}
.mainHeader .totalSearch input[type="submit"]{background:url("../../../images/renewal/layout/search.png") no-repeat}

/* IE9 이하를 위한 css */
.mainHeader .placeholder {color:rgba(255,255,255,0.9) !important}
/* IE10 이상을 위한 css */
.mainHeader input::placeholder{color:rgba(255,255,255,0.9) !important;opacity:1 /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
.mainHeader input::-webkit-input-placeholder{color:#d9f2fc}
/* IE */
.mainHeader input:-ms-input-placeholder{color:rgba(255,255,255,0.9) !important} 
/* Firefox */
.mainHeader input:-moz-input-placeholder{color:rgba(255,255,255,0.9) !important}

.mobSearch{display:none}


/* menuLayer */
.mask{display:none;z-index:1;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.menuLayer{display:none;z-index:2;position:absolute;left:50%;top:152px;width:1400px;height:650px;transform:translateX(-50%);overflow-y:auto;box-sizing:border-box;background:#fff}
.allMenu{margin:50px}
.allMenu:after{content:"";clear:both;display:block}
.allMenu > li{float:left;width:15%;margin-left:2%;padding-left:10px;box-sizing:border-box}
.allMenu > li:before{content:"";z-index:-1;position:absolute;width:15%;height:calc(100% - 100px);background:url("../../../images/renewal/sub/line_curator.png") calc(100% - 7px) top repeat-y}
.allMenu > li:first-child{margin-left:0}
.allMenu > li:last-child:before{background:none}
.allMenu > li > p{display:block;margin-bottom:30px;padding:10px;border:1px solid #888;font-size:1.286rem;/*18px*/color:#222;font-weight:500;line-height:1.2;letter-spacing:-0.03em}
.allMenu > li > p > a{display:inline-block;height:18px;padding-right:22px;background:url("../../../images/renewal/layout/icon_newWindow2.png") right center no-repeat;font-size:1.286rem;/*18px*/color:#222;font-weight:500}
.allMenu > li > p > a:hover{text-decoration:none}
.allMenu a{display:inline-block;letter-spacing:-0.03em}
.allMenu a:hover{text-decoration:underline}
.allMenu > li > ul > li{margin-bottom:20px}
.allMenu > li > ul > li:last-child{margin-bottom:0}
.allMenu > li > ul > li > a{margin-bottom:8px;font-size:1.286rem;/*18px*/color:#303F9F;font-weight:500}
.allMenu > li > ul > li > ul > li > a:before{content:"";display:inline-block;width:5px;height:10px;padding-left:8px;background:url("../../../images/renewal/layout/bullet03.png") left center no-repeat}
.allMenu > li > ul > li > ul > li > a{margin-bottom:5px;font-size:1.071rem;/*15px*/color:#444;line-height:1.2}
.allMenu > li > ul > li > ul > li:last-child > a{margin-bottom:0}



/* mobNavBox */
.mobNavBox{display:none}


/* container */
#container{padding-top:213px;position:relative}
#container.mainContainer{padding-top:151px !important}
#contain{position:relative;width:100%}


/* footer */
#footer{clear:both;position:relative;overflow:hidden;width:100%;padding:25px 0 40px;border-top:1px solid #888;letter-spacing:-0.03em}
.footer{margin:auto;position:relative;width:1400px}
.footer:after{content:"";clear:both;display:block}
.footer > div{float:left;position:relative;margin-left:50px}
.footer > div:first-child{margin-left:0}
.footer > div:last-child{float:right}
.footer > div:after{content:"";clear:both;display:block}
.footer > div:first-child > p{margin:12px 0 15px}
.footer > div > p a{margin-left:30px;font-size:1.286rem;/*18px*/color:#222}
.footer > div > p a:first-child{margin-left:0}
.footer > div > p.webCopy{display:block}
.footer > div > p.mobCopy{display:none}
.footer > div > ul > li{font-size:1.143rem;/*16px*/}
.footer > div > ul > li strong{display:block;margin-bottom:4px;font-size:1.286rem;/*18px*/color:#222;font-weight:600}
.nabisAddress{margin:20px 0;font-size:1.143rem;/*16px*/color:#666;line-height:1.4}
.relatedOrg{position:relative;overflow:hidden;margin-bottom:10px}
.relatedOrg select{cursor:pointer;float:left;width:260px;height:40px;padding:0 10px;box-sizing:border-box;border:1px solid #ccc;background:url("../../../images/renewal/layout/select.png") calc(100% - 15px) center no-repeat #fff;font-size:1.143rem;/*16px*/color:#666;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:0.3s}
.relatedOrg button{float:left;width:60px;height:40px;margin-left:-1px;border:1px solid #888;background:url("../../../images/renewal/layout/switching.png") center center no-repeat #fff;transition:0.3s}


/*
.footer > p a{margin-left:30px;font-size:1.286rem;color:#222}
.footer > p a:first-child{margin-left:0}
.footer > ul{margin:20px 0}
.footer > ul:after{content:"";clear:both;display:block}
.footer > ul li{float:left;margin-left:25px;font-size:1.143rem;color:#666;line-height:1.4}
.footer > ul li:first-child{margin-left:0}
.footer > ul li:last-child{float:right}
.footer > ul li strong{display:block;margin-bottom:4px;font-size:1.286rem;color:#222;font-weight:600}
.relatedOrg select{cursor:pointer;float:left;width:260px;height:40px;padding:0 10px;box-sizing:border-box;border:1px solid #ccc;background:url("../../../images/renewal/layout/select.png") calc(100% - 15px) center no-repeat #fff;font-size:1.143rem;color:#666;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:0.3s}
.relatedOrg button{float:left;width:60px;height:40px;margin-left:-1px;border:1px solid #888;background:url("../../../images/renewal/layout/switching.png") center center no-repeat #fff;transition:0.3s}
*/






/* sideQuick */
.sideQuick{z-index:6;position:fixed;right:100px;top:160px;animation:quickBounce 2s infinite alternate linear;-webkit-animation:quickBounce 2s infinite alternate linear}
.sideQuick2{z-index:1;position:fixed;right:100px;bottom:50px}
.sideQuick ul li{margin-bottom:10px;border-radius:5px;background:#0b74dd;text-align:center}
/* .sideQuick ul li:last-child{margin-bottom:0;background:#d9efca} */
/* .sideQuick ul li:last-child a{color:#43950d} */
.sideQuick ul li a{display:block;padding:25px 10px;font-size:1.286rem;/*18px*/color:#fff;font-weight:600;line-height:1.4;letter-spacing:-0.03em}
.scrollTop{display:block;width:32px;height:32px;margin:10px auto 0;background:url("../../../images/renewal/layout/top.png") no-repeat}
.mobScrollTop{display:none}

@keyframes quickBounce {
    0% {transform:translateY(0px)}
    100% {transform:translateY(15px)}
}
@-webkit-keyframes quickBounce {
    0% {-webkit-transform:translateY(0px)}
    100% {-webkit-transform:translateY(15px)}
}

.mobSideQuick{display:none}




/* loginPop */
.loginPop{display:none;z-index:21;position:fixed;left:0;top:0;right:0;bottom:0;text-align:center;background:rgba(0,0,0,0.5)}
.loginPop:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.loginLayer{z-index:22;display:inline-block;position:relative;width:100%;max-width:650px;background:#fff;text-align:left;vertical-align:middle}
.loginLayer > p{padding:18px 30px;background:#718598;font-size:1.714rem;/*24px*/;color:#fff;font-weight:500}
.loginLayer .closeLayer{float:right;position:relative;top:2px;width:23px;height:23px;background:url("../../../images/renewal/layout/closeLogin.png") no-repeat}
.loginForm{position:relative;width:100%;margin:auto;padding:75px;background:#F9FAFA;text-align:center}
.loginForm > p{margin-bottom:30px;font-size:1.429rem;/*20px*/color:#222}
.loginForm .loginBox > li{margin-top:10px}
.loginForm .loginBox > li:first-child{margin-top:0}
.loginForm .loginBox > li input{width:500px;height:50px;padding:10px;border:1px solid #ccc;box-sizing:border-box;font-size:1.214rem;/*17px*/color:#000}
.loginForm .loginBox > li input:focus{background:#eff8fc}
.loginForm .loginBox > li input[type="submit"]{border:none;background:#0B74DD;font-size:1.429rem;/*20px*/color:#fff;font-weight:500}
.loginForm .helpLink{position:relative;width:100%;margin-top:30px;text-align:center}
.loginForm .helpLink:after{content:"";clear:both;display:block}
.loginForm .helpLink li{display:inline-block;margin-left:10px;padding-left:10px;background:url("../../../images/renewal/layout/login_line.png") left 2px no-repeat}
.loginForm .helpLink li:first-child{margin-left:0;padding-left:0;background:none}
.loginForm .helpLink a{display:block;font-size:1.286rem;/*18px*/color:#444}
.loginForm .helpLink a:hover, .loginForm .helpLink a:focus{text-decoration:underline}


/* mainPop */
.mainPop{display:block;z-index:21;position:fixed;left:0;top:0;right:0;bottom:0;text-align:center;background:rgba(0,0,0,0.5)}
.mainPop:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.mainLayer{z-index:22;display:inline-block;position:relative;width:100%;max-width:502px;text-align:left;vertical-align:middle}
.mainLayer .closeLayer2{position:absolute;right:40px;top:50px;width:31px;height:31px;background:url("../../../images/renewal/sub/btnClose2.png") no-repeat}
.closeBox{padding:10px;background:#000}
.closeBox label{font-size:1rem;/*14px*/color:#fff}





/* loading */
.prgLoding{z-index:1;position:fixed;left:0;top:0;right:0;bottom:0;text-align:center}
.prgLoding:after{content:"";z-index:2;display:inline-block;height:100%;vertical-align:middle}
.prgLoding img{z-index:3;display:inline-block;position:relative;width:66px;height:66px;vertical-align:middle}








@media screen and (max-width: 1620px) {

    /* sideQuick */
    .sideQuick{right:40px;top:160px}

}



@media screen and (max-width: 1420px) {


    /* header */
    .header{width:100%}
    .topCategory{margin:0 20px}
    .topCategory a{font-size:1rem;/*14px*/}
    .topCategory > ul > li em a{padding-left:20px}
    .sns{margin:0 0 0 20px}
    .sns .facebook, .mainHeader .sns .facebook{width:29px;height:28px;background-size:29px auto}
    .sns .youtube, .mainHeader .sns .youtube{width:29px;height:28px;background-size:29px auto}
    .sns .blog, .mainHeader .sns .blog{width:29px;height:28px;background-size:29px auto}
	.sns .kt_ch, .mainHeader .sns .kt_ch{width:28px;height:28px;background-size:28px auto}

    /* gnb */
    .gnbBox{width:100%}
    .gnbBox > h1{margin-top:20px;margin-right:40px;margin-left:20px}
    .gnbBox > h1 a, .mainHeader .gnbBox > h1 a{width:100px;height:24px;background-size:100px auto}
    .gnb > li > a{padding:20px 25px 35px;font-size:1.571rem;/*22px*/}
    .gnb > li > a i.on{width:22px}
    .gnb > li:hover > a:before, .gnb > li:focus > a:before, .gnb > li > a.selected:before{content:"";border-width:12px} 
    .gnb > li:hover > a:after, .gnb > li:focus > a:after, .gnb > li > a.selected:after{content:"";border-width:11px} 
    .subBox{left:0;top:77px;width:100%;margin-left:0}

    .gnbTitle{width:258px;padding:25px}
    .gnbTitle > p{display:block;width:100%;text-align:center}
    .gnbTitle > p strong{display:block;margin:auto;line-height:70px}
    .gnbTitle > p em{clear:both;display:block;margin-top:5px;padding-left:0}
    .gnbTitle > span{left:25px;bottom:25px;width:208px;font-size:1.071rem;/*15px*/}

    .subBox > ul{width:960px;background:url("../../../images/renewal/layout/gnbbg2.png") left top repeat-y #fff}
    .subBox > ul:before{left:258px;top:60px;width:calc(100% - 258px)}
    .subBox > ul > li{width:240px;min-height:206px} 
    .subBox > ul > li > a{display:block;padding:20px 15px 18px;font-size:1.214rem;/*17px*/} 
    .subBox > ul > li > ul{padding:20px}
    .subBox > ul > li > ul > li > a{font-size:1.143rem;/*16px*/} 
    .subBox > ul > li > ul > li > ul > li > a{font-size:1.071rem;/*15px*/} 


    /* menuBox */
    .menuBox{float:left;margin:17px 0 0 25px}
    .btnMenu.positionR{right:20px;top:15px;width:40px;height:40px}
    .btnMenu.positionR:before, .btnMenu.positionR:after, .btnMenu.positionR span{content:"";background-color:#fff}


    /* searchForm */
    .searchForm{margin-top:15px;margin-right:20px}
    .totalSearch, .mainHeader .totalSearch{width:300px;height:40px;border-radius:40px}
    .totalSearch input[type="text"]{width:240px;height:26px;margin:7px 0 7px 20px;font-size:1rem;/*14px*/}
    .totalSearch input[type="submit"], .mainHeader .totalSearch input[type="submit"]{width:25px;height:25px;margin-top:8px;background-size:25px auto}


    /* menuLayer */
    .menuLayer{top:127px;width:calc(100% - 40px);height:600px;margin:auto}
    .allMenu{margin:40px}
    .allMenu > li:before{content:"";height:calc(100% - 80px)}
    .allMenu > li > p{margin-bottom:25px;font-size:1.214rem;/*17px*/}
    .allMenu > li > p > a{font-size:1.214rem;/*17px*/}
    .allMenu > li > ul > li > a{font-size:1.214rem;/*17px*/}
    .allMenu > li > ul > li > ul > li > a{font-size:1rem;/*14px*/}




    /* container */
    #container{padding-top:186px}
    #container.mainContainer{padding-top:126px !important}


    /* footer */
    #footer{padding:15px 20px 30px}
	.footer{width:100%}
	.footer > div{margin-left:30px}
	.footer > div > p a{font-size:1.214rem;/*17px*/}
	.footer > div > ul > li{font-size:1.071rem;/*15px*/}
	.nabisAddress{margin:15px 0;font-size:1.071rem;/*15px*/}
	.relatedOrg select{width:240px;font-size:1.071rem;/*15px*/}
  
    /*
    #footer{width:100%;padding:30px 20px 40px}
    .footer{width:100%}
    .footer > p a{margin-left:30px;font-size:1.214rem;}
    .footer > ul{margin:15px 0}
    .footer > ul li{margin-left:20px;font-size:1.071rem;}
    .footer > ul li:first-child{margin-left:0}
    .footer > ul li:last-child{float:right}
    .footer > ul li strong{display:block;margin-bottom:4px;font-size:1.286rem;color:#222;font-weight:600}
    .relatedOrg select{width:240px;font-size:1.071rem;}
    */


    /* sideQuick */
    .sideQuick{right:20px;top:130px}
    .sideQuick ul li{margin-bottom:10px}
    .sideQuick ul li a{font-size:1.143rem;/*16px*/}


}

@media screen and (max-width: 1300px) {

    /* menuLayer */
    .menuLayer{top:158px}
    
    .topCategory > ul{clear:both;display:block;float:none;padding-top:10px}
    .topCategory > ul:after{content:"";clear:both;display:block}
    .topCategory > ul > li{margin-left:0}
    #container{padding-top:218px}
    #container.mainContainer{padding-top:156px !important}

}


@media screen and (max-width: 1250px) {


    /* gnb */
    .gnb > li > a{padding:22px 20px 30px;font-size:1.429rem;/*20px*/}
    .gnb > li > a i.on{width:20px}
    .gnb > li:hover > a:before, .gnb > li:focus > a:before, .gnb > li > a.selected:before{content:"";border-width:10px} 
    .gnb > li:hover > a:after, .gnb > li:focus > a:after, .gnb > li > a.selected:after{content:"";border-width:9px} 
    .subBox{left:0;top:72px;width:100%;margin-left:0}

    .gnbTitle{width:198px;padding:20px}
    .gnbTitle > p strong{width:55px;height:55px;font-size:1.286rem;/*18px*/;line-height:55px}
    .gnbTitle > p em{font-size:1.143rem;/*16px*/}
    .gnbTitle > span{left:20px;bottom:20px;width:158px;font-size:1rem/*14px*/}

    .subBox > ul{width:800px;background:url("../../../images/renewal/layout/gnbbg3.png") left top repeat-y #fff}
    .subBox > ul:before{content:"";left:198px;top:60px;width:calc(100% - 198px);box-sizing:border-box}
    .subBox > ul > li{width:200px;min-height:186px}
    .subBox > ul > li > ul{padding:15px} 
    .subBox > ul > li > ul > li{margin-top:5px}
    .subBox > ul > li > ul > li > a{font-size:1.071rem;/*15px*/} 
    .subBox > ul > li > ul > li > ul > li > a{font-size:1rem;/*14px*/} 
    
    
    /* searchForm */
    .searchForm{margin-top:15px}
    .totalSearch, .mainHeader .totalSearch{width:250px;height:35px;border-radius:35px}
    .totalSearch input[type="text"]{width:195px;height:22px;margin:5px 0 6px 20px;font-size:0.9286rem;/*13px*/}
    .totalSearch input[type="submit"]{width:22px;height:22px;margin-top:6px;background-size:22px auto}
    .mainHeader .totalSearch input[type="text"]{width:195px;height:22px;margin:7px 0 6px 20px;font-size:0.9286rem;/*13px*/}
    .mainHeader .totalSearch input[type="submit"]{width:22px;height:22px;margin-top:8px;background-size:22px auto}
    
    
    /* menuBox */
    .btnMenu.positionR{width:35px;height:35px}
    
    
    
    /* menuLayer */
    .menuLayer{top:153px;height:550px}
    .allMenu{margin:30px}
    .allMenu > li:before{content:"";height:calc(100% - 60px)}
    .allMenu > li > p{margin-bottom:20px;padding:5px;font-size:1.143rem;/*16px*/}
    .allMenu > li > p > a{padding-right:20px;background-position:right top;background-size:14px auto;font-size:1.071rem;/*16px*/}
    .allMenu > li > ul > li > a{font-size:1.143rem;/*16px*/}
    .allMenu > li > ul > li > ul > li > a{font-size:0.9286rem;/*13px*/}




    /* container */
    #container{padding-top:213px}
    #container.mainContainer{padding-top:152px !important}


    /* footer */
	.footer > div{margin-left:0}
	.footer > div:first-child{float:none;display:block;width:100%}
	.footer > div > p a{font-size:1.214rem;/*17px*/}
	.footer > div > p.webCopy{display:none}
	.footer > div > p.mobCopy{display:block;margin-top:20px}
	.footer > div > ul > li{font-size:1.071rem;/*15px*/}
	.nabisAddress{margin:15px 0;font-size:1.071rem;/*15px*/}
	.relatedOrg{margin-bottom:20px}
	.relatedOrg select{width:240px;font-size:1.071rem;/*15px*/}
	
	
	
	/*
    .footer > ul{margin:15px 0}
    .footer > ul li{float:none;margin-left:0;margin-top:20px}
    .footer > ul li:first-child{margin-left:0}
    .footer > ul li:nth-child(2){float:left}
    .footer > ul li strong{display:block;margin-bottom:4px;font-size:1.286rem;color:#222;font-weight:600}
	*/


    /* sideQuick */
    .sideQuick{top:160px}



}





@media screen and (max-width: 1023px) {

    /* header */
    .topCategory{display:none}
    

    /* gnb */
    .gnbBox{padding:20px 30px}
    .gnbBox h1{float:none;display:inline-block;width:100%;margin:5px 0 0;/*margin-right:-100%;*/text-align:center}
    .gnb{display:none}
    .menuBox{z-index:1;/*float:left;*/position:absolute;left:30px;top:22px;margin:0;/*margin-right:-100%*/}



    /* searchForm */
    .mobSearch{z-index:1;display:block;/*float:right;*/position:absolute;right:30px;top:22px}
    .mobSearch span{float:right;width:33px;height:33px;text-indent:-9999px}
    .mobSearch span:first-child{display:block;background:url("../../../images/renewal/layout/search1.png") no-repeat}
    .mainHeader .mobSearch span:first-child{display:block;background:url("../../../images/renewal/layout/search.png") no-repeat}
    .mobSearch span:last-child{display:none;border-radius:50%;background:url("../../../images/renewal/layout/close.png") center center no-repeat rgba(0,0,0,0.5)}
    .searchForm{float:none;margin:0}
    .totalSearch, .mainHeader .totalSearch{display:none;position:absolute;left:0;top:70px;width:100%;height:auto;padding:10px;border-radius:0}
    .totalSearch input[type="text"], .mainHeader .totalSearch input[type="text"]{width:calc(100% - 40px);height:35px;margin:0;font-size:1.071rem}
    .totalSearch input[type="submit"], .mainHeader .totalSearch input[type="submit"]{float:right;width:33px;height:33px;margin-top:2px;background-size:100% auto}



    /* mobNavBox */
    .menuLayer{display:none}
    .mobNavBox{display:none;z-index:2;position:fixed;left:-1000px;top:0;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;background:url("../../../images/renewal/layout/mobNav_bg.png") left top repeat-y #fafafa}
    .mobTop{position:relative;padding:30px;border-bottom:1px solid #eee;background:#fff}
    .mobTop:after{content:"";clear:both;display:block}
    .mobTop .mobNavClose{display:block;width:24px;height:24px;margin-left:4px;background:url("../../../images/renewal/layout/mobNavClose.png") no-repeat}
    .mobTop li{float:left}
    .mobTop li:last-child{float:right}
    .mobTop li em{margin-left:15px}
    .mobTop li em:first-child{margin-left:0}
    .mobTop li em a{display:inline-block;height:16px;padding-left:22px}
    .mobTop li em .login{background:url("../../../images/renewal/layout/icon_login1.png") left center no-repeat}
    .mobTop li em .join{background:url("../../../images/renewal/layout/icon_join1.png") left center no-repeat}

    .memberInfo{position:relative;margin-top:5px}
    .memberInfo:after{content:"";clear:both;display:block}
    .memberInfo > em{float:left;margin-left:10px}
	.memberInfo > em:first-child{margin-left:0}
	.memberInfo > em:first-child a{padding-left:0}
    
    .mobNav{height:100%;margin-bottom:85px}
    .mobNav > ul:after{content:"";clear:both;display:block}
    .mobNav > ul > li{width:100px;margin-bottom:1px}
    .mobNav > ul > li > a{display:block;padding:15px;font-size:1.429rem/*20px*/;color:#222;text-align:center}
    .mobNav > ul li a{line-height:1.2;letter-spacing:-0.03em;transition:0.3s}
    .mobNav > ul > li > a{font-weight:500}
    .mobNav > ul > li.on > a, .mobNav > ul > li > a:hover, .mobNav > ul > li > a:focus{background:#009dda;color:#fff}
    .mobNav > ul > li ul{display:none}
    .mobNav > ul > li > ul{display:none;position:absolute;left:100px;top:141px;width:100%;background: #fafafa;}
    .mobNav > ul > li > ul > li{position:relative;width:calc(100% - 100px);border-bottom:1px solid #eee}
    .mobNav > ul > li > ul > li > a{display:block;padding:15px;background:url("../../../images/renewal/layout/mobNav_bullet02.png") calc(100% - 15px) 18px no-repeat !important;font-size:1.286rem/*18px*/;color:#333;font-weight:500}
    .mobNav > ul > li > ul > li.on > a, .mobNav > ul > li > ul > li > a:hover, .mobNav > ul > li > ul > li > a:focus{color:#303F9F}
    .mobNav > ul > li > ul > li.on > a{background:url("../../../images/renewal/layout/mobNav_bullet02on.png") calc(100% - 15px) 18px no-repeat !important}
    .mobNav > ul > li > ul > li > ul > li{border-bottom:1px solid #eee}
    .mobNav > ul > li > ul > li > ul > li:last-child{border-bottom:none}
    .mobNav > ul > li > ul > li > ul > li > a{display:block;padding:12px 15px;background:url("../../../images/renewal/layout/mobNav_bullet03.png") calc(100% - 15px) 18px no-repeat !important;font-size:1.143rem/*16px*/;color:#444}
    .mobNav > ul > li > ul > li > ul > li.on > a, .mobNav > ul > li > ul > li > ul > li > a:hover, .mobNav > ul > li > ul > li > ul > li > a:focus{text-decoration:underline}
    .mobNav > ul > li > ul > li > ul > li.on > a{background:url("../../../images/renewal/layout/mobNav_bullet03on.png") calc(100% - 15px) 18px no-repeat !important}
    .mobNav > ul > li > ul > li > ul{border-top:1px solid #eee;background:#fff}
    .mobNav > ul > li > ul > li > ul > li > ul{padding-bottom:5px}
    .mobNav > ul > li > ul > li > ul > li > ul > li > a{display:block;padding:5px 15px;font-size:1rem/*14px*/;color:#666 !important}
    .mobNav > ul > li > ul > li > ul > li > ul > li > a:before{content:"-";}
    .mobNav > ul > li > ul > li > ul > li > ul > li.on > a, .mobNav > ul > li > ul > li > ul > li > ul > li > a:hover, .mobNav > ul > li > ul > li > ul > li > ul > li > a:focus{color:#009dda !important;text-decoration:underline}
    .mobNav > ul li.noDepth a, .mobNav > ul li.noDepth a:hover, .mobNav > ul li.noDepth a:focus{background-image:none !important}

    .mobSns{position:fixed;left:-1000px;bottom:0;width:100%;background:#f2f5f6}
    .mobSns:after{content:"";clear:both;display:block}
    .mobSns > ul{display:table-cell;width:100px;padding:20px;vertical-align:top;box-sizing:border-box}
    .mobSns > ul li{display:block;padding:5px 0;text-align:center}
    .mobSns > ul li .facebook{display:inline-block;width:33px;height:32px;background:url("../../../images/renewal/layout/facebook1.png") no-repeat}
    .mobSns > ul li .youtube{display:inline-block;width:33px;height:32px;background:url("../../../images/renewal/layout/youtube1.png") no-repeat}
    .mobSns > ul li .blog{display:inline-block;width:33px;height:32px;background:url("../../../images/renewal/layout/blog1.png") no-repeat}
	.mobSns > ul li .kt_ch{display:inline-block;width:33px;height:32px;background:url("/dext5img/images/renewal/layout/kt_ch.png") no-repeat}
    .mobQuickLink{display:table-cell;width:calc(100% - 100px);padding:20px 0;box-sizing:border-box}
    .mobQuickLink > ul:after{content:"";clear:both;display:block}
    .mobQuickLink > ul > li{float:left;width:50%}
    .mobQuickLink > ul > li:nth-child(n+3){margin-top:10px}
    .mobQuickLink > ul > li > a{display:block;font-size:1.071rem/*15px*/;color:#444;letter-spacing:-0.03em}
    .mobQuickLink > ul > li > a:hover, .mobQuickLink > ul > li > a:focus{text-decoration:underline}

    /* container */
    #container{padding-top:124px}
    #container.mainContainer{padding-top:70px !important}
    #contain{overflow-x:hidden}

    /* footer */
    #footer{padding:30px 30px 30px}
    .footer > div:first-child > p{margin:0 0 15px}


    /* sideQuick */
    .sideQuick2{display:none}
    .sideQuick ul{display:none}
    .sideQuick ul li{margin-bottom:10px}
    .sideQuick ul li a{padding:15px 10px;font-size:1rem;/*14px*/}
    .mobSideQuick{display:table;width:100%}
    .mobSideQuick:after{content:"";clear:both;display:block}
    .mobSideQuick a{display:table-cell;width:25%;height:50px;border-right:1px solid rgba(255,255,255,0.3);box-sizing:border-box;background:#0b74dd;font-size:1.286rem;/*18px*/color:#fff;text-align:center;line-height:1.2;vertical-align:middle}
    .mobSideQuick a .small{font-size:1.143rem;/*16px*/color:#fff}
    .mobSideQuick a span{padding-right:18px;background:url("../../../images/renewal/layout/icon_newWindow.png") right center no-repeat ;font-size:inherit;color:#fff}
    .mobSideQuick a:last-child{background:#303f9f}
    .scrollTop{display:none}
    .mobScrollTop{display:none;z-index:2;position:fixed;right:20px;bottom:20px;width:35px;height:35px;border-radius:3px;background:url("../../../images/renewal/layout/mobScrollTop.png") center center no-repeat rgba(0,0,0,0.5)}



    /* loginPop */
    .loginLayer{max-width:500px}
    .loginLayer > p{padding:15px 20px;font-size:1.429rem;/*20px*/}
    .loginLayer .closeLayer{top:0;width:20px;height:20px;background-size:20px auto}
    .loginForm{padding:40px}
    .loginForm > p{margin-bottom:20px;font-size:1.286rem;/*18px*/}
    .loginForm .loginBox > li input{width:100%;height:40px;padding:5px;font-size:1.143rem;/*16px*/}
    .loginForm .loginBox > li input[type="submit"]{font-size:1.286rem;/*18px*/}
    .loginForm .helpLink{margin-top:20px}
    .loginForm .helpLink a{font-size:1.143rem;/*16px*/}




    
    

}




@media screen and (max-width: 768px) {

    /* gnbBox */
    .menuBox{left:20px}
    .gnbBox{padding:20px}
    .mobSearch{right:20px}

    /* searchForm */
    .totalSearch, .mainHeader .totalSearch{top:70px}

    /* mobNavBox */
    .mobTop{position:relative;padding:20px;border-bottom:1px solid #eee;background:#fff}
    .mobTop .mobNavClose{display:block;width:24px;height:24px;margin-left:4px;background:url("../../../images/renewal/layout/mobNavClose.png") no-repeat}
    .mobNav > ul > li > ul{top:120px}
    .mobNav > ul > li > a{font-size:1.286rem/*18px*/}
    .mobNav > ul > li > ul > li > a{font-size:1.214rem/*17px*/}
    .mobNav > ul > li > ul > li > ul > li > a{font-size:1.071rem/*15px*/}
    .mobNav > ul > li > ul > li > ul > li > ul > li > a{font-size:0.9286rem/*13px*/}

    .mobSns > ul{padding:15px}
    .mobQuickLink{padding:15px 0}




    



    /* container */
    #container{padding-top:124px}

	
	/* footer */
	#footer{padding:20px 20px 20px}
	.footer > div:last-child img{height:98px;}
	.footer > div > p a{font-size:1.143rem;/*16px*/}
	.footer > div > ul > li{font-size:1rem;/*14px*/}
	.footer > div > ul > li strong{font-size:1.143rem;/*16px*/}
	.nabisAddress{margin:15px 0;font-size:1rem;/*14px*/}
	.relatedOrg select{width:calc(100% - 60px);font-size:1rem;/*14px*/}
	
	
	/*
    #footer{padding:20px 20px 20px}
    .footer > p a{margin-left:30px;font-size:1.143rem;}
    .footer > ul{margin:15px 0}
    .footer > ul li{float:none;margin-left:0;margin-top:15px;font-size:1rem;}
    .footer > ul li:first-child{margin-left:0}
    .footer > ul li:nth-child(2){float:none}
    .footer > ul li:last-child{float:none}
    .footer > ul li strong{font-size:1.143rem;}
    .relatedOrg select{width:calc(100% - 60px)}
	*/

    /* sideQuick */
    .mobSideQuick a{font-size:1.143rem;/*16px*/}
    .mobSideQuick a .small{font-size:1.143rem;/*15px*/}

    


}




@media screen and (max-width: 640px) {

    
    .mobSns > ul{padding:10px}
    .mobQuickLink{padding:10px 0}
    .mobQuickLink > ul > li{width:50%}
    .mobQuickLink > ul > li:nth-child(n+4){margin-top:10px}
    .mobQuickLink > ul > li:nth-child(n+3){margin-top:10px}
    .mobQuickLink > ul > li > a{font-size:1rem/*14px*/}



}







@media screen and (max-width: 568px) {

    /* mobNavBox */
	/* .mobNav{margin-bottom:calc(100vw + 110px)} */
    .memberInfo{position:relative;margin-top:-5px}
	.memberInfo > em:nth-child(3){clear:both;display:block;margin-left:0;margin-top:3px}


    /* footer */
    .footer > div{float:none;clear:both;display:block}
    .footer > div:last-child{width:100%;margin-top:20px;text-align:center}
	.footer > div > p a{font-size:1.071rem;/*15px*/}
	.relatedOrg{margin-bottom:10px}
	.footer > div > p.mobCopy{margin-top:10px}
    
    
    /*
    .footer > p a{margin-left:20px;font-size:1.071rem;}
    .relatedOrg select{width:calc(100% - 60px);font-size:1rem;}
	*/
	

    /* sideQuick */
    .sideQuick{top:180px}
    .mobSideQuick a{font-size:1.071rem;/*15px*/}
    .mobSideQuick a .small{font-size:1rem;/*14px*/}


    
    /* loginPop */
    .loginLayer{max-width:90%}
    .loginLayer > p{padding:15px;font-size:1.286rem;/*18px*/}
    .loginLayer .closeLayer{top:0;width:18px;height:18px;background-size:18px auto}
    .loginForm{padding:30px}
    .loginForm > p{margin-bottom:15px;font-size:1.143rem;/*16px*/}
    .loginForm .loginBox > li input{font-size:1.071rem;/*15px*/}
    .loginForm .loginBox > li input[type="submit"]{font-size:1.143rem;/*16px*/}
    .loginForm .helpLink{margin-top:15px}
    .loginForm .helpLink a{font-size:1.071rem;/*15px*/}



    /* mainPop */
    .mainLayer{max-width:90%}
    .mainLayer img{width:100%}
    .mainLayer .closeLayer2{right:30px;top:7.5%;width:24px;height:24px;background-size:24px auto}






    


}





@media screen and (max-width: 480px) {
	
	/* mobNavBox */
	.mobNav{margin-bottom:145px}
	
    .mobQuickLink > ul > li{width:100%;margin-top:7px}
    .mobQuickLink > ul > li:first-child{margin-top:0}
    .mobQuickLink > ul > li:nth-child(n+4){margin-top:7px}
    .mobQuickLink > ul > li:nth-child(n+3){margin-top:7px}


    /* footer */
    #footer{background:#F2F5F6}
    .footer > div:first-child > p a{margin-left:10px; display: inline-block; margin-bottom: 5px}
    .footer > div:first-child > p a:first-child{margin-left:0}
    .nabisAddress{display:none}
	.footer > div:last-child img{height:65px;}
    
    /*
    #footer{background:#F2F5F6}
    .footer > ul li:first-child{display:none}
	*/



}




@media screen and (max-width: 400px) {
        
    /* loginPop */
    .loginLayer > p{font-size:1.143rem;/*16px*/}
    .loginLayer .closeLayer{width:16px;height:16px;background-size:16px auto}
    .loginForm{padding:25px}
    .loginForm > p{font-size:1.071rem;/*15px*/}
    .loginForm .loginBox > li input{height:35px;font-size:1rem;/*14px*/}
    .loginForm .loginBox > li input[type="submit"]{height:35px;font-size:1.071rem;/*15px*/}
    .loginForm .helpLink li{margin-left:7px;padding-left:7px}
    .loginForm .helpLink a{font-size:1rem;/*14px*/}

}



@media screen and (max-width: 360px) {

    .footer > p a{margin-left:10px;font-size:1rem;/*14px*/}
    
    
    /* mainPop */
    .mainLayer .closeLayer2{right:20px;top:7.5%;width:20px;height:20px;background-size:20px auto}
    

    /* sideQuick */
    .mobSideQuick a{font-size:1rem;/*14px*/}
    .mobSideQuick a .small{font-size:0.9286rem;/*13px*/}


}