@charset "utf-8";


body #wrap #header, body #wrap #header {font-size: 14px;}


/* 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:relative;left:0;top:0;width:100%;border-bottom:1px solid #ddd;background:#fff}
#header.fixed{position:fixed}
#header::after {position: absolute; content: ''; background-color: #0f132a; width: 100%; top: 0; left: 0; height: 57px; z-index: -1; min-width: 1400px; }
.header{margin:auto;position:relative;width:1400px}
.topCategory{position:relative; width: 100%; padding:12px 0px;}
.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, .topCategory li span {display:inline-block;font-size:1.142em;/*16px*/color:#fff;transition:0.5s}
.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_login.png") left center no-repeat}
.topCategory > ul > li em .join{background:url("../../../images/renewal/layout/icon_join.png") left center no-repeat}
.sns{margin:0 0px 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}
.sns .youtube{display:inline-block;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/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}

@media all and (max-width:1400px) {
 #header::after {min-width: auto; }
}


/* gnb */
.gnbBox{margin:auto;position:relative;width:1400px}
.gnbBox:after{content:"";clear:both;display:block}
.gnbBox > h1{float:left;margin-top:30px;margin-right:50px}
.gnbBox > h1 a{display:inline-block;width:160px;height:37px;background:url("../../../images/renewal/layout/CI1.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:36px 37px 39px;font-size:1.714em;/*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}
.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.375em; font-weight:500;color:#fff;text-align:center;vertical-align:middle}
.gnbTitle > p em{display:table-cell;padding-left:10px;font-size:1.286em; font-weight:500;color:#009dda;letter-spacing:-0.03em;vertical-align:middle}
*/
.gnbTitle > p { display: block;transition:0.5s; text-align: left;  }
.gnbTitle > p strong{display: block; font-size:2em;/*22px*/font-weight:600;color:#303f9f; line-height:45px; vertical-align:middle}
.gnbTitle > p em{display: block; font-size:1.286em;/*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.143em/*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/newly/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:321px;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.429em;/*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.214em;/*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.143em;/*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:30px 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:2.142em/*30px*/;height:3px;background-color:#0f132a;transition:0.75s}
.btnMenu:before{margin:-9px 0 0 -10px}
.btnMenu:after{margin:9px 0 0 -10px}
.btnMenu span{margin:0 0 0 -10px;text-indent:-9999px}
.btnMenu.active:before{transform:rotate(40deg);-webkit-transform:rotate(40deg);transform-origin:0 0;-webkit-transform-origin:0 0;margin-left:-10px}
.btnMenu.active:after{transform:rotate(-40deg);-webkit-transform:rotate(-40deg);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}
.totalSearch{position:relative;width:316px;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:256px;height:30px;margin:10px 0 10px 12px;border:none;background:none;font-size:1.071em;/*15px*/color:#666}
.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}

.mobSearch{display:none}

/* searchByMenu */
.searchByMenu {background-color: #303f9f; width: 140px; height: 46px; border-radius: 25px; margin-top: 22px; float: right; margin-left: 13px; transition: 0.2s linear; }
.searchByMenu:hover {background-color: #232d6d; }
.searchByMenu span{color:#fff; font-weight: 500; font-size: 1.1em;}
.MsearchByMenu {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:670px;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:22.5%;margin-left:2.5%;padding-left:10px;box-sizing:border-box}
.allMenu > li:before{content:"";z-index:-1;position:absolute;width:22.25%;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.286em;/*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.286em;/*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.286em;/*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.071em;/*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{position:relative}
#contain{position:relative;width:100%}


/* footer */
#footer{clear:both;position:relative;overflow:hidden;width:100%;padding:25px 0 40px;border-top:1px solid #ababab;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-right:30px;font-size:1.286em;/*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.143em;/*16px*/}
.footer > div > ul > li strong{display:block;margin-bottom:4px;font-size:1.286em;/*18px*/color:#222;font-weight:600}
.nabisAddress{margin:20px 0;font-size:1.143em;/*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.143em;/*16px*/color:#666;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:0.3s; line-height: 1.1;}
.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.286em;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.143em;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.286em;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.143em;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:20px;top:160px; width: 82px; height: 272px; border: 1px solid #ccc; box-shadow: 3px 3px 10px rgba(0,0,0,0.1);}
.sideQuick2{z-index:10;position:fixed;right:30px;bottom:50px}
/* .sideQuick ul li:last-child{margin-bottom:0;background:#d9efca} */
/* .sideQuick ul li:last-child a{color:#43950d} */
.sideQuick ul {height: calc(100% - 31px); background:#fff; }
.sideQuick ul li {width: 100%; height: 33.333%; }
.sideQuick ul li a {display:block; position: relative; width: 100%; height: 100%; font-size:1em; text-align:center; color:#303030;font-weight:500; letter-spacing:-0.03em; transition: all 0.2s;}
.sideQuick ul li a:hover, .sideQuick ul li a:focus {font-weight:600;}
.sideQuick ul li a p{ padding-top:14px; margin-bottom: 6px; text-align:center;}
.sideQuick ul li a::after {content: ''; position: absolute; bottom: 0; left: 50%; background-color: #c0c0c0; width: 76%; height: 1px; transform: translateX(-50%);}
.sideQuick ul li:last-of-type a::after {display: none;}
/* .scrollTop{display:block;width:40px;height:40px;margin:10px auto 0;background:url("../../../images/renewal/layout/newly/top.png") no-repeat; background-size: 100%;} */
.scrollTop{display:block;width:40px;height:40px;margin:10px auto 0;background:url("../../../images/renewal/layout/newly/top.png") no-repeat; background-size: 100%; opacity: 0.5;}
.scrollTop.mainScrt{width: 100%; height: 31px;text-align: center; line-height: 31px; background-color: #000000; font-weight: 500; background-image: none; margin: 0 auto;color: #fff; }
.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.714em;/*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.429em;/*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.214em;/*17px*/color:#000}
.loginForm .loginBox > li input:focus{background:#eff8fc}
.loginForm .loginBox > li input[type="submit"]{border:none;background:#0B74DD;font-size:1.429em;/*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.286em;/*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{z-index:22;display:inline-block;position:relative;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} */
.mainLayer .closeLayer{position:absolute;right:7px;bottom:-4px;width:50px;height:31px;}
.mainLayer .closeLayer2{position:absolute;right:7px;bottom:7px;width:31px;height:31px;}
.closeBox{padding:10px;background:#000}
.closeBox label{font-size:1em;/*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{top:160px}

}



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


    /* header */
    .header{width:100%}
    #wrap #header::after {display: none;}
    .topCategory{padding: 10px 20px; background-color:#0f132a;}
    .topCategory a{font-size:1em;/*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:24px;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:25px 25px 30px;font-size:1.571em;/*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:78px;width:100%;margin-left:0}

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

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


    /* menuBox */
    .menuBox{float:left;margin:19px 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; }
    .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:1em;/*14px*/}
    .totalSearch input[type="submit"], .mainHeader .totalSearch input[type="submit"]{width:25px;height:25px;margin-top:8px;background-size:25px auto}

    .searchByMenu {height: 40px; margin-top: 15px; margin-right: 20px;}

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




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


    /* footer */
    #footer{padding:15px 20px 30px}
	.footer{width:100%}
	.footer > div{margin-left:30px}
	.footer > div > p a{font-size:1.214em;/*17px*/}
	.footer > div > ul > li{font-size:1.071em;/*15px*/}
	.nabisAddress{margin:15px 0;font-size:1.071em;/*15px*/}
	.relatedOrg select{width:240px;font-size:1.071em;/*15px*/}
  
    /*
    #footer{width:100%;padding:30px 20px 40px}
    .footer{width:100%}
    .footer > p a{margin-left:30px;font-size:1.214em;}
    .footer > ul{margin:15px 0}
    .footer > ul li{margin-left:20px;font-size:1.071em;}
    .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.286em;color:#222;font-weight:600}
    .relatedOrg select{width:240px;font-size:1.071em;}
    */


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


}

@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:25px 20px 27px;font-size:1.429em;/*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:70px;width:100%;margin-left:0}

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

    .subBox > ul{width:800px;background:url("../../../images/renewal/layout/newly/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:266px;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.071em;/*15px*/} 
    .subBox > ul > li > ul > li > ul > li > a{font-size:1em;/*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.9286em;/*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.9286em;/*13px*/}
    .mainHeader .totalSearch input[type="submit"]{width:22px;height:22px;margin-top:8px;background-size:22px auto}
    
    .searchByMenu {height: 35px;}
    
    /* menuBox */
    .btnMenu.positionR{width:35px;height:35px}
    
    
    
    /* menuLayer */
    .menuLayer{top:153px;height:560px}
    .allMenu{margin:30px}
    .allMenu > li:before{content:"";height:calc(100% - 60px)}
    .allMenu > li > p{margin-bottom:20px;padding:5px;font-size:1.143em;/*16px*/}
    .allMenu > li > p > a{padding-right:20px;background-position:right top;background-size:14px auto;font-size:1.071em;/*16px*/}
    .allMenu > li > ul > li > a{font-size:1.143em;/*16px*/}
    .allMenu > li > ul > li > ul > li > a{font-size:0.9286em;/*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.214em;/*17px*/}
	.footer > div > p.webCopy{display:none}
	.footer > div > p.mobCopy{display:block;margin-top:20px}
	.footer > div > ul > li{font-size:1.071em;/*15px*/}
	.nabisAddress{margin:15px 0;font-size:1.071em;/*15px*/}
	.relatedOrg{margin-bottom:20px}
	.relatedOrg select{width:240px;font-size:1.071em;/*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.286em;color:#222;font-weight:600}
	*/


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



}





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

    /* header */
    .topCategory{display:none !important;}
    

    /* 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:27px;height:27px;text-indent:-9999px}
    .mobSearch span:first-child{display:block;background:url("../../../images/renewal/layout/search1.png") no-repeat; background-size: 100%;}
    .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.071em}
    .totalSearch input[type="submit"], .mainHeader .totalSearch input[type="submit"]{float:right;width:26px;height:26px;margin-top:4px;background-size:100% auto}

    .searchForm form {border: 1px solid #ddd; width: 80%; float: left; height: 42px; border-radius: 21px; padding: 2px 15px;}

    .searchByMenu {display: none;}
    .MsearchByMenu {display: block; background-color: #303f9f; width: 18.5%; margin-left: 1.5%; height: 42px; border-radius: 21px; float: right; transition: 0.2s linear; }
    .MsearchByMenu:hover {background-color: #232d6d; }
    .MsearchByMenu span{color:#fff; font-weight: 500; font-size: 1em;}

    /* 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; background-size: 25%;}
    .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:25%;margin-bottom:1px}
    .mobNav > ul > li > a{display:block;padding:15px;font-size:1.429em/*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:25%;top:141px;width:100%;background: #fafafa;}
    .mobNav > ul > li > ul > li{position:relative; width:75%; 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.286em/*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.143em/*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:1em/*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.071em/*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:1em;/*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.286em;/*18px*/color:#fff;text-align:center;line-height:1.2;vertical-align:middle}
    .mobSideQuick a .small{font-size:1.143em;/*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:nth-of-type(1){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.429em;/*20px*/}
    .loginLayer .closeLayer{top:0;width:20px;height:20px;background-size:20px auto}
    .loginForm{padding:40px}
    .loginForm > p{margin-bottom:20px;font-size:1.286em;/*18px*/}
    .loginForm .loginBox > li input{width:100%;height:40px;padding:5px;font-size:1.143em;/*16px*/}
    .loginForm .loginBox > li input[type="submit"]{font-size:1.286em;/*18px*/}
    .loginForm .helpLink{margin-top:20px}
    .loginForm .helpLink a{font-size:1.143em;/*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.286em/*18px*/}
    .mobNav > ul > li > ul > li > a{font-size:1.214em/*17px*/}
    .mobNav > ul > li > ul > li > ul > li > a{font-size:1.071em/*15px*/}
    .mobNav > ul > li > ul > li > ul > li > ul > li > a{font-size:0.9286em/*13px*/}

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


    /* searchForm */
    .searchForm form {width: 75%;}
    .MsearchByMenu {width: 23%; }


    /* 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.143em;/*16px*/}
	.footer > div > ul > li{font-size:1em;/*14px*/}
	.footer > div > ul > li strong{font-size:1.143em;/*16px*/}
	.nabisAddress{margin:15px 0;font-size:1em;/*14px*/}
	.relatedOrg select{width:calc(100% - 60px);font-size:1em;/*14px*/}
	
	
	/*
    #footer{padding:20px 20px 20px}
    .footer > p a{margin-left:30px;font-size:1.143em;}
    .footer > ul{margin:15px 0}
    .footer > ul li{float:none;margin-left:0;margin-top:15px;font-size:1em;}
    .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.143em;}
    .relatedOrg select{width:calc(100% - 60px)}
	*/

    /* sideQuick */
    .mobSideQuick a{font-size:1.143em;/*16px*/}
    .mobSideQuick a .small{font-size:1.143em;/*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:1em/*14px*/}


    /* searchForm */
    .searchForm form {width: 70%;}
    .MsearchByMenu {width: 28%; }


}







@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.071em;/*15px*/}
	.relatedOrg{margin-bottom:10px}
	.footer > div > p.mobCopy{margin-top:10px}
    
    
    /*
    .footer > p a{margin-left:20px;font-size:1.071em;}
    .relatedOrg select{width:calc(100% - 60px);font-size:1em;}
	*/
	

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


    
    /* loginPop */
    .loginLayer{max-width:90%}
    .loginLayer > p{padding:15px;font-size:1.286em;/*18px*/}
    .loginLayer .closeLayer{top:0;width:18px;height:18px;background-size:18px auto}
    .loginForm{padding:30px}
    .loginForm > p{margin-bottom:15px;font-size:1.143em;/*16px*/}
    .loginForm .loginBox > li input{font-size:1.071em;/*15px*/}
    .loginForm .loginBox > li input[type="submit"]{font-size:1.143em;/*16px*/}
    .loginForm .helpLink{margin-top:15px}
    .loginForm .helpLink a{font-size:1.071em;/*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}
    .mobNav > ul > li > a {font-size: 1.142em/*16px*/; padding:15px 10px;}
    
    .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-right: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.143em;/*16px*/}
    .loginLayer .closeLayer{width:16px;height:16px;background-size:16px auto}
    .loginForm{padding:25px}
    .loginForm > p{font-size:1.071em;/*15px*/}
    .loginForm .loginBox > li input{height:35px;font-size:1em;/*14px*/}
    .loginForm .loginBox > li input[type="submit"]{height:35px;font-size:1.071em;/*15px*/}
    .loginForm .helpLink li{margin-left:7px;padding-left:7px}
    .loginForm .helpLink a{font-size:1em;/*14px*/}

    /* searchForm */
    .searchForm form {padding: 2px 4px;}

}



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

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

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


}