@charset "UTF-8";
/* 본문 바로가기  */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute; top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:4px;left:4px;padding:10px 20px;background:#1e64ba;color:#fff;}
#con-Tit:focus {outline: 2px solid red !important;}
/* 본문 바로가기  */
body{overflow-x: hidden;}
/* header */
header{width: 100%; position: relative; z-index: 35;}
.header-wrap{width: 1600px; margin: 0 auto;}
/* Utill-menu */
header div.utill-wrap{width: 100%; border-bottom:solid 1px #e1e1e1; background: #fff; padding: 20px 0; box-sizing: border-box; height:69px}
header div.utill-wrap .goog-te-gadget{font-size:0px; line-height:0px;}

header div.utill-wrap div.utill-flex-box{display: flex; justify-content: space-between;}
header div.utill-wrap div.utill-flex-box ul.utill-left{width:420px; display: flex; justify-content: space-between;}
header div.utill-wrap div.utill-flex-box ul.utill-left li a{font-family: 'NotoKrM'; font-size:16px; color: #333333; padding: 0 0 25px 0px; position: relative; text-align: center;}
header div.utill-wrap div.utill-flex-box ul.utill-left li:first-child a{ padding: 0 0 25px 0px;}
header div.utill-wrap div.utill-flex-box ul.utill-left li a:hover{color: #00908d;}
header div.utill-wrap div.utill-flex-box ul.utill-left li a:hover:before{content: ""; width: 100px; height: 3px; background: #fcf9f1; position: absolute; bottom:0; left:50%; transform: translate(-50%, 0);}
header div.utill-wrap div.utill-flex-box ul.utill-left li a:hover:after{content: ""; width: 80px; height: 3px; background: #00908d; position: absolute; bottom:0; left:50%; transform: translate(-50%, 0);}
header div.utill-wrap div.utill-flex-box ul.utill-left li a.active{color: #00908d;}
header div.utill-wrap div.utill-flex-box ul.utill-left li a.active:before{content: ""; width: 100px; height: 3px; background: #fcf9f1; position: absolute; bottom:0; left:50%; transform: translate(-50%, 0);}
header div.utill-wrap div.utill-flex-box ul.utill-left li a.active:after{content: ""; width: 80px; height: 3px; background: #00908d; position: absolute; bottom:0; left:50%; transform: translate(-50%, 0);}



header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap{display: flex; justify-content: flex-start;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li{padding: 0 0 0 35px; position: relative;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li:after{content: ""; width: 4px; height: 4px; background: #c1c1c1; border-radius: 100%; position: absolute; top:10px; right:-20px;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li:last-child:after{content: none;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li:first-child{padding: 0 0 0 0px;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.hto_fonts{display: flex; justify-content: flex-start;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.hto_fonts a{width:20px; height: 20px; background: url("/images/new/Potal/layout/font-plus.png") no-repeat; display: block; text-indent: -9999px; margin-top: 2px;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.hto_fonts a.fontMinus{background: url("/images/new/Potal/layout/font-minus.png") no-repeat;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.hto_fonts p{font-family: 'NotoKrM'; font-size:14px; color: #333333; vertical-align: middle; padding: 0 5px; box-sizing: border-box;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a{font-family: 'NotoKrM'; font-size:14px; color: #333333; padding: 0 0 0 25px; position: relative; display: block;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a:before{content: ""; width: 17px; height: 17px; background: url("/images/new/Potal/layout/ide-ico.png") no-repeat; position: absolute; top:3px; left:0;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box select{padding: 5px 45px 5px 15px; box-sizing: border-box; border-radius: 5px; border:none; position: relative; 
background: url("/images/new/Potal/layout/sel-arrow-ico.png") no-repeat 100% 50% #f6f6f6; position: relative;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box label{position: relative; text-indent: -9999px; display: inline-block;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box label:before{content: ""; width: 18px; height: 18px; background: url("/images/new/Potal/layout/sel-left-ico.png") no-repeat; position: absolute; top:3px; left:13px; z-index: 1;}

header div.utill-wrap div.utill-flex-box a.mb-h-nuri{display: none;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box a.mb-lang-btn{display: none;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list{display: none;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.mb-close-btn{display: none;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box li.mb-close-btn:after{content: none;}
header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box:after{content: none;}

@media all and (max-width:1600px){
    header div.utill-wrap div.utill-flex-box ul.utill-left li a:hover:before{content: none;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a:hover:after{width: 100%;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a.active:before{content: none;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a.active:before:hover{content: none;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a.active:after{width: 100%;}
}

@media all and (max-width:1000px){
    .container{overflow-x:hidden}

    header{position: fixed; top:0;}
    header div.utill-wrap{border-bottom: none; padding: 0px 0px;}
    header div.utill-wrap div.utill-flex-box{flex-flow: wrap;}
    header div.utill-wrap div.utill-flex-box ul.utill-left{display: none;}
    header div.utill-wrap div.utill-flex-box div.utill-right{display: none;}
    header div.utill-wrap div.utill-flex-box a.mb-h-nuri{display: block; width: 100%; font-family: 'GmarketSansB'; font-size:28px; color: #fff; padding: 25px 20px 20px 20px; box-sizing: border-box; background: #00908d; position: relative; z-index: 1;}
    header div.utill-wrap div.utill-flex-box a.mb-h-nuri:after{content: ""; width: 33px; height: 18px;
    background: url("/images/new/Potal/layout/mb-h-nuri-ico.png") no-repeat; position: absolute; top:25px; right:20px;}
    
    header div.utill-wrap div.utill-flex-box ul.utill-left.on{width: 100%; background: #027e7b; position: absolute; top:68px; left:0;
    display: flex; justify-content: space-between; flex-flow: wrap; padding: 20px 20px; box-sizing: border-box; z-index: 10;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li{width: 31%; padding-bottom: 20px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(4){padding-bottom: 0px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(5){padding-bottom: 0px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(6){padding-bottom: 0px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:first-child a{padding: 90px 20px 20px 20px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a{ font-family: 'GmarketSansM'; font-size:20px; display: block; width: 100%; background: #fff; padding: 90px 20px 20px 20px ;
    text-align: center; position: relative; box-sizing: border-box; border-radius: 10px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a:before{content: ""; width: 41px; height: 41px;
    background: url("/images/new/Potal/layout/mb-nuri-potal-ico.png") no-repeat center; position: absolute; top:25px; left:50%; transform: translate(-50%, 0);}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a.active:before{content: ""; width: 41px; height: 41px;
    background: url("/images/new/Potal/layout/mb-nuri-potal-ico.png") no-repeat center; position: absolute; top:25px; left:50%; transform: translate(-50%, 0);}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a:hover:before{content: ""; width: 41px; height: 41px;
    background: url("/images/new/Potal/layout/mb-nuri-potal-ico.png") no-repeat center; position: absolute; top:25px; left:50%; transform: translate(-50%, 0);}
    
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(2) a:before{width: 100%; height: 35px;
    background: url("/images/new/Potal/layout/mb-nuri-cultuer-ico.png") no-repeat center;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(3) a:before{width: 100%; height: 41px;
    background: url("/images/new/Potal/layout/mb-nuri-mayor-ico.png") no-repeat center;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(4) a:before{width: 100%; height: 37px;
    background: url("/images/new/Potal/layout/mb-nuri-council-ico.png") no-repeat center;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(5) a:before{width: 100%; height: 37px;
    background: url("/images/new/Potal/layout/mb-nuri-reserve-ico.png") no-repeat center;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(6) a:before{width: 100%; height: 35px;
    background: url("/images/new/Potal/layout/mb-nuri-scoal-ico.png") no-repeat center;}

    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(2){display: block;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(3){display: block;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(5){display: block;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(6){display: block;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(7){display: none;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a:hover{color: #333333;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a:hover:after{content: none;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a.active{color: #333;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a.active:after{content: none;}

    header div.utill-wrap .header-wrap{padding: 0 0px;}
    header div.utill-wrap div.utill-flex-box div.utill-right{display: none; }
    header div.utill-wrap div.utill-flex-box div.utill-right.on{width: 100%; display: block; position: absolute; top:0; left:0; z-index: 10;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.hto_fonts{display: none;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box{position:relative;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box:before{content: ""; width: 12px; height: 9px; background: url("/images/new/Potal/layout/mb-sel-arrow-ico.png") no-repeat; position: absolute; top:31px; right:20px; z-index:1;}
	header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box label{width: 21px; height: 21px; background: url("/images/new/Potal/layout/mb-sel-left-ico.png") no-repeat; position: absolute; top:24px; left:25px; z-index:1;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box select{display: block; font-family:'NotoKrB'; font-size:20px; color:#fff; background:#303e5c; width:100%; padding:20px 40px 20px 40px; border-radius:0px; box-sizing:border-box; position:relative; border-right:solid 1px #989fae;}
	.goog-te-gadget .goog-te-combo{margin:0px !important;}

    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box a.mb-lang-btn{display: block; font-family: 'NotoKrB'; font-size:20px; padding: 23px 20px 23px 60px; position: relative; margin-top:-22px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box a.mb-lang-btn:before{content: ""; width: 21px; height: 21px;
    background: url("/images/new/Potal/layout/mb-sel-left-ico.png") no-repeat; position: absolute; top:24px; left:25px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box a.mb-lang-btn:after{content: ""; width: 12px; height: 9px;
    background: url("/images/new/Potal/layout/mb-sel-arrow-ico.png") no-repeat; position: absolute; top:31px; right:20px;}
    
    
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.mb-close-btn{ width: 10%; display: block; position: relative;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.mb-close-btn a{display: block; width: 100%; padding: 23px 20px;
    text-indent: -9999px; box-sizing: border-box; width: 100%; height: 100%;
    background: url("/images/new/Potal/layout/mb-close-btn.png") no-repeat center #303e5c;}


    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list{display: none;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list.on{width: 100%; background: #fff; display: block;
    position: absolute; top:80px; border:solid 1px #000000; border-radius: 10px;
    }
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li{width: 100%;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a{font-family: 'NotoKrB'; font-size:19px; width: 100%; display: block; background: #fff;
    color: #303e5c; position: relative; padding: 15px 0 15px 50px; box-sizing: border-box;}
    div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a:before{content: ""; width: 21px; height: 21px;
    background: url("/images/new/Potal/layout/sel-list-ico.png") no-repeat; position: absolute; top:17px; left: 15px;}
    div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a:hover{background: #303e5c !important; color: #fff !important;}
    div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a:hover:before{content: ""; width: 21px; height: 21px;
    background: url("/images/new/Potal/layout/sel-list-ico-on.png") no-repeat;}
    div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a.active{background: #303e5c !important; color: #fff !important;}
    div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a.active:before{content: ""; width: 21px; height: 21px;
    background: url("/images/new/Potal/layout/sel-list-ico-on.png") no-repeat;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li:after{content: none;}



    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li:first-child a{border-radius: 10px 10px 0 0;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li:last-child a{border-radius:  0 0 10px 10px;}



    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap{width: 100%;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li{width: 45%; padding: 0 0 0 0px;}
    
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a{font-family: 'NotoKrB'; font-size:20px; padding: 23px 20px 23px 60px; color: #fff; box-sizing: border-box; position: relative;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a:before{content: ""; width: 22px; height: 21px;
    background: url("/images/new/Potal/layout/mb-ide-ico.png") no-repeat; position: absolute; top:23px; left:25px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a:after{content: ""; width: 16px; height: 16px;
    background: url("/images/new/Potal/layout/mb-ide-more.png") no-repeat; position: absolute; top:26px; right:20px;
    }
    
    
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li a{ width: 100%; padding: 20px 20px; box-sizing: border-box; background: #303e5c; color: #fff; border-right: solid 1px #989fae; display: block;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li:last-child a{border-right: none;}


}


@media all and (max-width:680px){
	header div.utill-wrap{height:53px}

    header div.utill-wrap div.utill-flex-box a.mb-h-nuri{font-size:22px; padding: 15px 20px 15px 20px;} 
    header div.utill-wrap div.utill-flex-box a.mb-h-nuri:after{background-size: 26px; width: 26px; top:20px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left.on{top:53px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a{padding:70px 10px 15px 10px; font-size:18px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a:before{background-size: 33px; width: 33px; top:16px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(2) a:before{background-size: 33px; width: 33px; top:16px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(3) a:before{background-size: 33px; width: 33px; top:16px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(4) a:before{background-size: 33px; width: 33px; top:16px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(5) a:before{background-size: 33px; width: 33px; top:16px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(6) a:before{background-size: 36px; width: 36px; top:16px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a.active{padding:70px 10px 15px 10px; font-size:18px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a.active:before{background-size: 33px; width: 33px; top:16px;}

    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a{font-size:18px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box a.mb-lang-btn{font-size:18px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a{font-size:17px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.mb-close-btn a{background-size: 20px;}

    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box select{font-size:18px; padding:21px 40px 21px 20px;}
}

@media all and (max-width:480px){
	header div.utill-wrap{height:43px}

    header div.utill-wrap div.utill-flex-box ul.utill-left.on{top:43px;}
    header div.utill-wrap div.utill-flex-box a.mb-h-nuri{font-size:18px; padding: 10px 0 10px 20px;} 
    header div.utill-wrap div.utill-flex-box a.mb-h-nuri:after{background-size: 16px; width: 16px; top:17px;}

    header div.utill-wrap div.utill-flex-box ul.utill-left li a{padding:55px 10px 10px 10px; font-size:16px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a:before{width: 30px; background-size: 30px; top:10px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a.active{padding:55px 10px 10px 10px; font-size:16px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a.active:before{width: 32px; background-size: 32px; top:10px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(2) a:before{width: 30px; background-size: 30px; top:10px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(3) a:before{width: 30px; background-size: 30px; top:10px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(4) a:before{width: 30px; background-size: 30px; top:10px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(5) a:before{width: 30px; background-size: 30px; top:10px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li:nth-child(6) a:before{width: 30px; background-size: 30px; top:10px;}

    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a{padding: 10px 20px 10px 60px; font-size:15px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a:before{background-size: 17px; width: 17px; top:14px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a:after{background-size: 12px; width: 12px; top:15px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box a.mb-lang-btn{padding: 10px 20px 10px 60px; font-size:15px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box a.mb-lang-btn:before{background-size: 17px; width: 17px; top:14px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box a.mb-lang-btn:after{top:19px; width: 10px; background-size: 10px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list.on{top:60px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a{font-size:13px; padding: 7px 0 7px 35px;}
    div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a:before{background-size: 13px; width: 13px; top:12px;}
    div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a:hover:before{background-size: 13px; width: 13px; top:12px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.mb-close-btn a{padding: 10px 20px; background-size: 14px;}

    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box select{font-size:15px;  padding:10px 20px 10px 20px;}
	header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box label{top:11px; left:25px;}
	header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box:before{top:17px; right:20px;}
}

@media all and (max-width:380px){
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list.on{top:50px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a{padding: 3px 0 3px 35px; font-size:12px;}
    div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a:before{background-size: 10px; width: 10px; top:10px;}
    div.utill-right ul.right-utill-wrap li.sel-box ul.mb-lang-list li a:hover:before{background-size: 10px; width: 10px; top:10px;}


    header div.utill-wrap div.utill-flex-box a.mb-h-nuri{font-size:16px;}
    header div.utill-wrap div.utill-flex-box ul.utill-left li a{font-size:15px; padding: 55px 0px 10px 0px;}

    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li{width: 72%;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a{padding:10px 20px 10px 35px; font-size:14px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a:before{background-size: 15px; width: 15px; top:14px; left: 10px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.ide-verfica a:after{width: 10px; background-size: 10px; top:17px; right:10px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box a.mb-lang-btn{font-size: 14px; padding:10px 20px 10px 35px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box a.mb-lang-btn:before{background-size: 15px; width: 15px; top:14px; left: 10px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box a.mb-lang-btn:after{ width: 8px; background-size: 8px; right:10px; top:20px;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.mb-close-btn{width: 16%;}
    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.mb-close-btn a{padding: 10px 18px; background-size: 11px;}

    header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box select{font-size:14px;  padding:12px 20px 11px 10px;}
	header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box label{top:11px; left:15px;}
	header div.utill-wrap div.utill-flex-box div.utill-right ul.right-utill-wrap li.sel-box:before{top:17px; right:20px;}
}

/* Gnb */
header.gnbOn::before{content:''; display: block; width:100%; height:100%; position: fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); z-index: -1;}
.gnb-wrap{width: 100%; background: #fff; padding: 25px 0 0px 0; box-sizing: border-box; position: relative; z-index: 1;}
.gnb-box-flex{width: 100%; display: flex; justify-content: space-between;}
.gnb-box-flex h1.logo{width:20%;}
.gnb-box-flex h1.logo a{width: 276px; height: 57px; background: url("/upload_data/board_data/BBS_0000282/178289072806374.png") no-repeat; display: block; text-indent: -9999px;}
.gnb-box-flex.subSite h1.logo{display: flex; align-items: center; justify-content: flex-start; margin-top:-20px;}
.gnb-box-flex.subSite h1.logo a.potalLink{width:140px; flex-shrink: 0;}
.gnb-box-flex.subSite h1.logo a.mainLink{width: auto; text-indent:0; background: none; font-size:30px; font-family:'GongL'; color:#00908d; letter-spacing:-0.5px; height:auto; margin-left:10px; line-height:120%;}
.gnb-box-flex.assemType h1.logo a{background-image: url('/images/new/Assem/logo.jpg'); background-size: 100%; max-width:155px;}
.gnb-box-flex .gnb{width:80%;}
.gnb-wrap .gnb .dl{width: 100%; display: flex; justify-content: space-between; padding: 15px 0 0 0; transition:0.5s ease-in-out;}
.gnb-wrap .gnb .dl .secs{width: 14%;}
.gnb-wrap .gnb .dl .secs .level1-1{width: 100%; display: inline-block; font-family: 'NotoKrR'; font-size:18px; color: #000000; text-align: center; padding:0px 20px 34px 20px; transition:0.5s ease-in-out; letter-spacing: -0.07em;}
.gnb-wrap .gnb .dl .secs:hover .sub-gnb {display: block;}
.gnb-wrap .gnb .dl .secs:hover .level1-1{position: relative;}
.gnb-wrap .gnb .dl .secs:hover .level1-1:before{content: ""; width: 120px; height: 4px; background: #00908d; position: absolute; bottom:0; left:50%; transform: translate(-50%, 0);}
.gnb-wrap .gnb .dl .secs .level1-1.blank span{padding-right:15px; background:url("/images/new/Potal/layout/nw-icon.png") no-repeat right;}
.gnb-wrap .gnb .dl .secs .sub-gnb{width: 100%; position: absolute; top:96px; left:0; background: #fff; border-top:solid 1px #e1e1e1; transition:0.5s ease-in-out; display: none;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap{width: 1600px; margin: 0 auto; padding: 40px 0;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav{display: flex; justify-content: space-between; flex-wrap: wrap;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit{width: 23%;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .tit{font-family: 'Cafe24Simplehae'; font-size:40px; color: #146e6c; padding: 35px 0 0 0;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt{font-family: 'NotoKrR'; font-size:16px; color: #000000; padding: 25px 0 0px 0; position: relative;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .sub-gnb-Titimg{padding-top: 80px;}

.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5{width: 77%; display: flex; justify-content: flex-start; flex-wrap: wrap; max-height: 500px; overflow-y: auto; -ms-flex-wrap:wrap;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level{flex-basis: 18%; padding: 2px 0 30px 20px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:first-child{padding: 2px 0 30px 2px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(6){padding: 0 0 0 0px;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1{font-family: 'NotoKrR'; font-size:16px; color: #333; padding: 10px 10px; box-sizing: border-box;
border-radius: 5px; text-align: left; display: block; background: #fff; border:solid 1px #e1e1e1; position: relative; }
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1:after{content: ""; width: 13px; height: 7px;
background: url("/images/new/Potal/layout/sub-gnb-arrorw-ico.png") no-repeat; position: absolute; top:17px; right:20px;}

.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1:hover{
font-family: 'NotoKrR'; font-size:16px; color: #fff; padding: 11px 11px; box-sizing: border-box; border-radius: 5px; text-align: left; display: block; border:none;
background: rgb(102,82,174);
background: linear-gradient(90deg, rgba(102,82,174,1) 4%, rgba(2,143,142,1) 100%);}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1:hover:after{content: ""; width: 13px; height: 7px;
background: url("/images/new/Potal/layout/sub-gnb-arrorw-ico-on.png") no-repeat;}

.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1.active{
font-family: 'NotoKrR'; font-size:16px; color: #fff; padding: 11px 11px; box-sizing: border-box; border-radius: 5px; text-align: left; display: block; border:none;
background: rgb(102,82,174);
background: linear-gradient(90deg, rgba(102,82,174,1) 4%, rgba(2,143,142,1) 100%);}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1.active:after{content: ""; width: 13px; height: 7px;
background: url("/images/new/Potal/layout/sub-gnb-arrorw-ico-on.png") no-repeat;}

.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1.blank span{padding-right:20px; background:url("/images/new/Potal/layout/nw-icon.png") no-repeat right;}

.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{padding: 10px 0 0 0; width:100%;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{display: inline-block; font-family: 'NotoKrR'; font-size:15px; color: #555555; padding: 0 0 5px 12px; letter-spacing: -0.7px; position: relative;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:before{content: ""; width: 4px; height: 4px; background: #a6a6a6; border-radius: 100%; position: absolute; top:9px; left:0;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:hover{font-family: 'NotoKrM'; color: #000000;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a span{position: relative; display: inline-block;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a span:hover:after{content: ""; background:url("/images/new/Potal/layout/level3-line-on.png") repeat-x;
width: 100%; height: 2px; position: absolute; top:23px; left:0px;}

.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li.blank a span{padding-right:20px; background:url("/images/new/Potal/layout/nw-icon.png") no-repeat right;}


/*.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a.on{position: relative;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a.on:hover:before{content: ""; width: 100%; height: 2px; background: #a3a3a3; position: absolute; bottom:220px; left:20px;}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a.on:hover:after{content: ""; width: 100%; height: 2px; background: #d4d4d4; position: absolute; bottom:0; left:20px;} */


.mask-wrap{display:none; position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;z-index:0;}
.mask-wrap.on{display:block}
.mb-btn-wrap{display: none;}

@media all and (max-width:1600px){
    .header-wrap{width: 100%; padding: 0 20px; box-sizing: border-box;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap{width: 100%;}

    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .tit{font-size:35px; padding: 35px 0 0 20px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt{font-size:16px; padding: 25px 0 0 20px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .sub-gnb-Titimg{padding: 40px 0 0 20px; width: 230px;}

    .gnb-box-flex.subSite h1.logo a.potalLink{width:120px; background-size:240px;}
    .gnb-box-flex.subSite h1.logo a.mainLink{font-size:22px;}
}

@media all and (max-width:1200px){
    .gnb-box-flex h1.logo{width: 30%;}
    .gnb-box-flex .gnb{width: 70%;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap{padding: 20px 0;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit{width: 20%;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .tit{font-size:32px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt{font-size:15px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .sub-gnb-Titimg{width: 185px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5{width: 77%; justify-content: flex-start; padding-right: 20px;}
    .gnb-wrap .gnb .dl .secs .level1-1{font-size:18px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb{height: 400px; overflow: hidden; overflow-y: scroll;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level{flex-basis: 31%; padding: 0 0 20px 20px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:first-child{padding: 0 0 20px 0px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(4){padding: 0 0 20px 0px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(6){padding: 0 0 20px 20px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(7){padding: 0 0 20px 0px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(10){padding: 0 0 20px 0px;}
    .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{font-size:14px; padding: 0 0 0px 12px;}
}

@media all and (max-width:1000px){
    .gnb-wrap{height: 80px;}
    .gnb-box-flex{display: block;}
    .gnb-box-flex.subSite{display: flex;}
    .gnb-box-flex.subSite h1.logo{margin-top:-10px; width:auto;}
    .gnb-box-flex.subSite h1.logo a{position: static;}
    .gnb-box-flex h1.logo a{position: absolute; top:10px; left:20px;}
    .mb-btn-wrap{display: flex; justify-content: flex-end;}
    .mb-btn-wrap a.toggle{width: 31px; height: 23px; margin-top: 3px; padding:0px; background: url("/images/new/Potal/layout/mb-menu-Btn.png") no-repeat; display: block; text-indent: -9999px; z-index: 10;}
    .mb-btn-wrap .search-wrap a{width: 31px; height: 30px; background: url("/images/new/Potal/layout/mb-search-Btn.png") no-repeat; display: block; text-indent: -9999px; display: none;}

    .gnb-box-flex div.mobile-gnb{position: fixed; width: 100%; height:100%; top:69px; left:-200px; z-index: 11; display: none;
        transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;
    }
    .gnb-box-flex div.mobile-gnb.on{display: block; left: 0px;}
    
    .gnb-box-flex div.mobile-gnb ul.dl{ height: 100%; background: linear-gradient(157deg, rgba(81,117,193,1) 7%, rgba(0,144,141,1) 65%); position: relative;}
    
    
    
    
    .gnb-box-flex div.mobile-gnb ul.dl li{width: 100%;}
    .gnb-box-flex div.mobile-gnb ul.dl li a.level1-1{width: 100%;font-family: 'NotoKrB'; font-size:21px; color: #fff; padding: 20px 20px; 
    border-bottom:solid 1px #869fd4; box-sizing: border-box;  display: block; position: relative;}
    .gnb-box-flex div.mobile-gnb ul.dl li a.level1-1 span{display: inline-block; width: 42%; position: relative;}
    .gnb-box-flex div.mobile-gnb ul.dl li.on a.level1-1{background: #fff; color: #869fd4;}
    .gnb-box-flex div.mobile-gnb ul.dl li.on a.level1-1 span:before{content: ""; width: 11px; height: 21px;
    background: url("/images/new/Potal/layout/mb-depth1-ico.png") no-repeat; position: absolute; top:0; right:0px;}
	.gnb-box-flex div.mobile-gnb ul.dl li a.level1-1.blank span:after{width:12px; height:12px; display:inline-block; margin-left:5px; background:url("/images/new/Potal/layout/nw-icon.png") no-repeat right; content:"새창으로 열림"; vertical-align:middle; font-size:0px; line-height:0px;}


    .gnb-box-flex div.mobile-gnb ul.dl li .m-sub-gnb{ width: 100%; height: 100%; display:none; position:absolute; top:0; left:-200px;
    background:#fff; z-index:999;}
    .gnb-box-flex div.mobile-gnb ul.dl li.on .m-sub-gnb{ width: 55%; display: block; top:0px; left: auto; right:0; background:#fff; z-index:999;}
    .gnb-box-flex div.mobile-gnb ul.dl li.on .m-sub-gnb .nav-tit{display: none;}
    
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level{padding: 0 20px; box-sizing: border-box;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1{ display: block; font-family: 'NotoKrM'; font-size:20px; color: #000000; padding: 15px 10px; box-sizing: border-box;
    border-bottom:solid 1px #c6c6c6; position: relative;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1:after{content: ""; width: 14px; height: 14px;
    background: url("/images/new/Potal/layout/mb-depth2-ico.png") no-repeat; position: absolute; top:22px; right:22px; transition: all .3s ease-in-out; transform: rotate(90deg);}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1.on{color: #345fbc;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1.on{border-bottom:solid 3px #5175c1;}
    
	.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1.blank span{padding-right:20px; background:url("/images/new/Potal/layout/nw-icon.png") no-repeat right;}

    
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1.on:after{content: ""; width: 16px; height: 3px;
    background: url("/images/new/Potal/layout/mb-depth2-ico-on.png") no-repeat; position: absolute; top:26px; right:22px; transform: rotate(0deg);
    }

    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{padding: 20px 20px; box-sizing: border-box; background: #f5f6fb;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{font-family: 'NotoKrL'; font-size:17px; color: #000000;
    padding: 7px 15px; box-sizing: border-box; display: block; position: relative;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:before{content: ""; width: 4px; height: 4px; background: #333; border-radius: 100%; position: absolute; top:16px; left:0;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:hover span{position: relative; display: inline-block;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:hover span:before{content: ""; width: 100%; height: 1px; background: #333; position: absolute; bottom:-5px; left:0;}

	.m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li.blank a span{padding-right:15px; background:url("/images/new/Potal/layout/nw-icon.png") no-repeat right;}

    .gnb-box-flex div.mobile-gnb ul.dl li .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{display: none;}
}


@media all and (max-width:680px){
    .gnb-box-flex h1.logo a{background-size: 230px; width: 230px; top:17px;}
    .mb-btn-wrap a.toggle{background-size: 27px; width: 27px;}
    .mb-btn-wrap .search-wrap a{background-size: 27px; width: 27px;}
    .gnb-box-flex div.mobile-gnb ul.dl li.on a.level1-1 span:before{background-size: 9px; width: 9px; top:4px;}

    .gnb-box-flex div.mobile-gnb ul.dl li a.level1-1{font-size:17px; padding: 15px 15px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1{font-size:15px; padding: 10px 10px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1:after{top:16px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1.on:after{top:22px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{padding: 10px 15px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{font-size:14px; padding: 3px 15px;}
    
    
}

@media all and (max-width:480px){
    .gnb-wrap{height: 55px; padding: 15px 0 0 0;}
    .gnb-box-flex h1.logo a{background-size: 180px; background-size: 180px; top:8px;}
    .gnb-box-flex.subSite h1.logo a.potalLink{width:80px; background-size: 150px; height:27px;}
    .gnb-box-flex.subSite h1.logo a.mainLink{font-size:20px; margin-left:0;}
    .gnb-box-flex.assemType h1.logo a{height:27px; width:120px;}
    .mb-btn-wrap a.toggle{background-size: 21px; width: 21px; padding:0px;}
    .mb-btn-wrap .search-wrap a{background-size: 21px; width: 21px; margin-top: 2px;}

    .gnb-box-flex div.mobile-gnb{top:43px;}
    .gnb-box-flex div.mobile-gnb ul.dl li a.level1-1{font-size:17px; padding: 15px 20px;}
    .gnb-box-flex div.mobile-gnb ul.dl li.on a.level1-1 span:before{background-size: 8px; width: 8px; top:3px;}

    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1{font-size:16px; padding: 10px 10px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1:after{top:16px;}

    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{padding: 10px 15px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{font-size:14px; padding: 5px 15px;}
}

@media all and (max-width:380px){
    .gnb-box-flex div.mobile-gnb{top:43px;}
    .gnb-box-flex div.mobile-gnb ul.dl li a.level1-1{font-size:14px; padding: 7px 10px;}
    .gnb-box-flex div.mobile-gnb ul.dl li.on a.level1-1 span:before{ background-size: 5px; width: 5px; top:6px; right:11px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level{padding: 0 5px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1{font-size:13px; padding: 5px 10px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1:after{background-size: 7px; width: 8px; top:11px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{padding: 5px 10px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a{font-size:12px; padding: 0px 10px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 li a:before{top:10px;}
    .m-sub-gnb .sub-gnb-wrap .nav .bunch5 .level a.level2-1.on:after{background-size: 10px; top: 16px; right: 10px;}
}


/* sub-layout */
/* sub-top */
.sub-top{width: 100%; height: 115px; background: url("/images/new/Potal/layout/sub-bg.png") no-repeat; background-position:90% 0; position: absolute;}
div.sub-wrap{width: 1600px; margin: 0 auto; position: relative;}
.sub-top .sub-ai-img{width: 405px; height: 96px; background: url("/images/new/Potal/layout/sub-bg-ai.png") no-repeat; position: absolute; top:29px; right:0;}
.sub-top .search-box{ width: 100%; display: flex; justify-content: center; position: relative; z-index: 1;}
.sub-top .search-box .search{width: 565px; height: 56px;
background: linear-gradient(157deg, rgba(81,117,193,1) 7%, rgba(0,144,141,1) 71%);
margin-top: 30px; display: flex; justify-content: flex-start; border-radius: 5px; padding: 2px; box-sizing: border-box;}

.sub-top .search-box .search form{width:100%; border:none; display:flex; justify-content: flex-start;}

.sub-top .search-box .search select{font-family: 'NotoKrR'; font-size:16px; width: 20%; height: 100%; 
background: url("/images/new/Potal/layout/sub-sel-arrow.png") no-repeat #fff; 
background-position: 90% 50%; border-radius: 5px 0 0 5px; color: #888888; padding: 0 20px; box-sizing: border-box; border: none; z-index:1; outline-offset: 2px;}

.sub-top .search-box .search input[type="text"]{width: 65%; height: 100%; background: #fff; padding: 0 20px; box-sizing: border-box; border: none; position:relative; z-index: 1; margin: 0 4px; outline-offset:2px;}
.sub-top .search-box .search input[type="text"]::placeholder{font-family: 'NotoKrR'; font-size:16px; color: #333;}
.sub-top .search-box .search .search-btn{width: 15%; height: 100%; text-indent: -9999px; display: block; border-radius: 0 5px 5px 0;
background: url("/images/new/Potal/layout/sub-search-btn.png") no-repeat center #fff; outline-offset: 2px;}
.sub-top .search-box .search .search-btn:focus {position: relative; z-index: 1;}

@media all and (max-width:1000px){
  .sub-top{position:relative; padding-top:148px;}

    .sub-top .sub-ai-img{background-size: 300px; width: 300px; top:51px;}
    .sub-top .search-box .search{height: 46px; margin-top: 28px;}
}

@media all and (max-width:680px){
  .sub-top{padding-top:133px; margin-bottom:15px;}

    .sub-top .search-box .search select{width: 30%; font-size:14px;}
    .sub-top .search-box .search input[type="text"]{width: 60%;}
    .sub-top .search-box .search input[type="text"]::placeholder{font-size:14px;}
    .sub-top .search-box .search .search-btn{width: 10%; background-size: 20px;}
    .sub-top .sub-ai-img{left: 50%; transform: translate(-50%, 0);}
}

@media all and (max-width:480px){
  .sub-top{padding-top:98px; margin-bottom:10px;}

    .sub-top .search-box .search{flex-flow: wrap; height: 65px; margin-top: 18px;}
    .sub-top .search-box .search select{width: 100%; height: auto; border-radius: 5px 5px 0px 0px ;}

    .sub-top .search-box .search form{flex-flow: wrap;}

    .sub-top .search-box .search select option{min-height: 0.7em;}
    .sub-top .search-box .search input[type="text"]{ width: 80%; height: auto; border-radius: 0px 0px 0px 5px; margin:0px;}
    .sub-top .search-box .search .search-btn{ width: 20%; height: auto; border-radius: 0px 0px 5px 0px; }
    .sub-top .sub-ai-img{background-size: 220px; width: 220px; top:69px;}
}


/* sub-side */
div.side-menu-box{width: 100%; display: flex; justify-content: space-between;}
div.side-menu-box div.left-menu{width: 18.7%; margin-top: 20px;}
div.side-menu-box div.left-menu h2.left-tit{width: 100%; height: 115px;
background: url("/images/new/Potal/layout/sub-left-tit-bg.png") no-repeat center; border-radius: 5px;}
div.side-menu-box div.left-menu h2.left-tit span{display: block; font-family: 'NotoKrR'; font-size:24px; color: #fff; text-align: center; padding: 45px 0 0 0;}
ul.left-menu-list{width: 100%; padding: 20px 0 0 0;}
ul.left-menu-list.depth01 > li{padding-bottom: 10px;}
ul.left-menu-list.depth01 > li:last-child{padding-bottom: 0px;}
ul.left-menu-list.depth01 > li > a{width: 100%; display: block; border-radius: 5px; border:solid 1px #e1e1e1; padding: 15px 20px; position: relative; box-sizing: border-box; transition:0.5s ease-in-out;}
ul.left-menu-list.depth01 > li.active > a{ font-family: 'NotoKrM';  color: #fff; background: #5175c1; position: relative;}
ul.left-menu-list.depth01 > li.active > a:before{content: ""; width: 17px; height: 9px;
background: url("/images/new/Potal/layout/sub-depth02-arrow.png") no-repeat; position: absolute; top:22px; right:20px;}
ul.left-menu-list.depth01 > li > a:hover{font-family: 'NotoKrM'; background: #5175c1; color: #fff;}
ul.left-menu-list.depth01 > li > a:hover:before{content: ""; width: 17px; height: 9px;
background: url("/images/new/Potal/layout/sub-depth02-arrow.png") no-repeat; position: absolute; top:22px; right:20px;}
ul.left-menu-list.depth01 > li > a.blank:before{content: ""; width: 16px; height: 16px;
background: url("/images/new/Potal/layout/sub-blank-ico.png") no-repeat; position: absolute; top:19px; right:20px;}
ul.left-menu-list.depth01 > li > a.blank:hover:before{content: ""; width: 16px; height: 16px;
background: url("/images/new/Potal/layout/sub-blank-ico-on.png") no-repeat; position: absolute; top:19px; right:20px;}
ul.left-menu-list.depth02{width:100%; background: #f4f6fb; padding: 20px 0; display: none;}
ul.left-menu-list.depth01 li.active ul.left-menu-list.depth02{display: block;}
ul.left-menu-list.depth01 li.active ul.left-menu-list.depth02 li{padding-bottom: 0px;}
ul.left-menu-list.depth01 li.active ul.left-menu-list.depth02 li a{font-family: 'NotoKrR'; font-size:15px; background-image: none;
background-color:#f4f6fb; color: #555555; display: block; border:none; padding: 0px 10px 10px 35px; box-sizing: border-box; position: relative; transition:0.5s ease-in-out;}
ul.left-menu-list.depth01 li.active ul.left-menu-list.depth02 li a:focus {border: 2px dotted red !important;}
ul.left-menu-list.depth01 li.active ul.left-menu-list.depth02 li a:before{content: ""; width: 4px; height: 4px; background: #555555; border-radius: 100%; position: absolute; top:9px; left:20px;}
ul.left-menu-list.depth01 li.active ul.left-menu-list.depth02 li a.active span{font-family: 'NotoKrM'; color: #000000; position: relative; display: inline-block;}
ul.left-menu-list.depth01 li.active ul.left-menu-list.depth02 li a.active span:before{content: ""; width: 100%; height: 2px; 
background: url("/images/new/Potal/layout/sub-line-pattern.png") repeat-x; position: absolute; bottom:-3px; left:0;}
ul.left-menu-list.depth01 li.active ul.left-menu-list.depth02 li a:hover span{font-family: 'NotoKrM'; color: #000000; position: relative; display: inline-block;}
ul.left-menu-list.depth01 li.active ul.left-menu-list.depth02 li a:hover span:before{content: ""; width: 100%; height: 2px; 
background: url("/images/new/Potal/layout/sub-line-pattern.png") repeat-x; position: absolute; bottom:-3px; left:0; z-index: 1;}
ul.left-menu-list.depth01 li.active ul.left-menu-list.depth02 li:last-child a{padding-bottom: 0px;}
div.side-menu-box div.sub-contents{width: 76%; margin-top: 170px;}

ul.left-menu-list .newTap:after{background:url("/images/new/Potal/layout/nw-icon.png") no-repeat right; content:"새창으로 열림"; width:12px; height:12px; display:inline-block; vertical-align: middle; margin:-2px 0px 0px 5px; font-size:0px; line-height:0px;}


@media all and (max-width:1200px){
    div.side-menu-box div.left-menu{width: 23%;}
    div.side-menu-box div.sub-contents{width: 73%; padding-left: 30px; box-sizing: border-box;}
}

@media all and (max-width:1000px){
    div.side-menu-box{flex-flow: wrap;}
    div.side-menu-box div.left-menu{display: none;}
    div.side-menu-box div.sub-contents{width: 100%; padding-left: 0px; margin-top:0px;}
}





div.side-menu-box div.sub-contents div.con-top-box{width: 100%; position: relative; padding-bottom: 20px;}
div.side-menu-box div.sub-contents div.con-top-box:before{content: ""; width: 100%; height: 5px; background: url("/images/new/Potal/layout/sub-title-line.png") repeat-x; position: absolute; bottom:0; left:0;}
div.side-menu-box div.sub-contents div.con-top-box h3.con-Tit{font-family: 'GmarketSansB'; font-size:32px; color: #111111;}
div.side-menu-box div.sub-contents div.lct-share-box{display: flex; justify-content: space-between;}
div.side-menu-box div.sub-contents div.lct-share-box div.lct{display: flex; justify-content: flex-start; padding: 25px 0 0 0;}
div.side-menu-box div.sub-contents div.lct-share-box div.lct a{display: inline-block; font-family: 'NotoKrR'; font-size:16px; color: #555555; padding: 0 0 0 30px; box-sizing: border-box; position: relative;}
div.side-menu-box div.sub-contents div.lct-share-box div.lct a:after{content: ""; width: 6px; height: 11px; background: url("/images/new/Potal/layout/lct-r-arrorw.png") no-repeat; position: absolute; top:6px; right:-17px;}
div.side-menu-box div.sub-contents div.lct-share-box div.lct a:last-child:after{content: none;}
div.side-menu-box div.sub-contents div.lct-share-box div.lct a:first-child:after{content: none;}
div.side-menu-box div.sub-contents div.lct-share-box div.lct a:nth-child(2){padding: 0 0 0 7px;}
div.side-menu-box div.sub-contents div.lct-share-box div.lct a.active{font-family: 'NotoKrB'; color: #000000;}
div.side-menu-box div.sub-contents div.lct-share-box div.lct a.home{text-indent: -9999px; width: 15px; height: 15px;
background: url("/upload_data/board_data/BBS_0000282/169692661941238.png") no-repeat center; margin-top: 3px;}

div.side-menu-box div.sub-contents div.lct-share-box div.share{display: flex; justify-content: flex-start; padding: 10px 0 0 0;}
div.side-menu-box div.sub-contents div.lct-share-box div.share a{display: inline-block;}
div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box a.sns-btn{display:block; width: 51px; height: 51px;
background: url("/images/new/Potal/layout/share-ico.png") no-repeat; text-indent: -9999px; padding-right: 10px;}
div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box a.sns-btn::before {content:'펼치기'; font-size:0;}
div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box a.sns-btn.on{background: url("/images/new/Potal/layout/share-close-ico.png") no-repeat;}
div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box a.sns-btn.on::before {content:'접기'; font-size:0;}

div.side-menu-box div.sub-contents div.lct-share-box div.share a.print{display:block; width: 51px; height: 51px;
background: url("/images/new/Potal/layout/print-ico.png") no-repeat; text-indent: -9999px;}
div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box{position: relative;}
div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list{  padding: 10px 20px; box-sizing: border-box; box-shadow: 2px 4px 6px #e1e1e1;
background: #fff; border-radius: 30px; border:solid 1px #e1e1e1; display: flex; justify-content: space-between; position: absolute; top:0px; right:75px; display: none;}
div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list.on{display: flex; justify-content: space-between;}


div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list li:nth-child(2){padding: 0 10px; box-sizing: border-box;}
div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list li a{display: inline-block; width: 33px; height: 34px;
background: url("/images/new/Potal/layout/fb-ico.png") no-repeat; text-indent: -9999px;}
div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list li a.blog{width: 33px; height: 34px;
background: url("/images/new/Potal/layout/blog-ico.png") no-repeat;}
div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list li a.copy{width: 33px; height: 34px;
background: url("/images/new/Potal/layout/copy-ico.png") no-repeat;}

.side-menu-box .sub-contents .lct-share-box .aiWrap {position: relative; margin-left:10px;}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBtn{display: block; width:51px; height:51px; background: url('/images/new/Potal/layout/aiIcon.png') center no-repeat; font-size:0; background-size: 100%;}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBtn:focus {outline: 2px solid red !important;}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox{position: absolute; width:430px; top:15px; right:15px; z-index: 5; border:1px solid #cecece; background-color:#f6f7f7; border-radius:10px; padding:20px; box-sizing: border-box;  display: none;}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiBoxIntro{font-size:15px; color:#000; font-family:'NotokrM';}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiCntUl{counter-reset:aiCount; margin:10px 0}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiCntUl li{display: flex; align-items: flex-start; justify-content: flex-start; margin:7px 0; word-break: keep-all;}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiCntUl li::before{content:counter(aiCount); counter-increment: aiCount; text-align: center; width:20px; height:20px; border-radius:5px; background-color:#5175c1; color:#fff; font-family:'NotokrM'; line-height: 18px; flex-shrink: 0; margin-right:7px;;}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiCntUl li a{color:#555; font-size:14px; line-height:18px;}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiSettingBox{padding-top:10px; border-top: 1px dashed #e1e1e1; display: flex; align-items: center; justify-content: space-between;}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiSettingBox p{color:#3c3c3c; font-family:'NotokrM'; font-size:14px;}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiSettingBox a{display: inline-block; margin-left:10px; border-radius: 5px; background-color:#008f8d; width:77px; padding:5px; box-sizing: border-box; color:#fff; font-size:13px; font-family:'NotokrB'; text-align: center;}
.side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiClose{position: absolute; display: inline-block; width:52px; height:52px; font-size:0; background:url('/images/new/Potal/layout/whiteClose.png') center no-repeat #008f8d; right:-17px; top:-17px; border-radius: 50%;}


div.side-menu-box div.sub-contents > div.contents{width: 100%; padding: 50px 0; box-sizing: border-box;}



@media all and (max-width:1600px){
    div.sub-wrap{width: 100%; padding: 0 20px; box-sizing: border-box;}
}

@media all and (max-width:1000px){
    div.side-menu-box div.sub-contents div.con-top-box h3.con-Tit{font-size:28px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box a.sns-btn{background-size: 45px; width: 45px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box a.sns-btn.on{background-size: 45px; width: 45px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list{padding: 5px 15px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share a.print{background-size: 45px; width: 45px;}

    .side-menu-box .sub-contents .lct-share-box .aiWrap .aiBtn{width:45px; height:45px;}
}

@media all and (max-width:680px){
    div.side-menu-box div.sub-contents > div.contents{padding: 30px 0;}
    div.side-menu-box div.sub-contents div.con-top-box h3.con-Tit{font-size:26px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share{position: absolute; top:40px; right:0; padding: 0px 0 0 0; }
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box a.sns-btn{background-size: 35px; width: 35px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box a.sns-btn.on{background-size: 35px; width: 35px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list{padding: 5px 15px; right:55px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share a.print{background-size: 35px; width: 35px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list li a{background-size: 25px; width: 25px; height: 26px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list li a.blog{background-size: 25px; width: 25px; height: 26px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list li a.copy{background-size: 25px; width: 25px; height: 26px;}

    .side-menu-box .sub-contents .lct-share-box .aiWrap .aiBtn{width:35px; height:35px;}
}

@media all and (max-width:480px){
    div.side-menu-box div.sub-contents div.con-top-box h3.con-Tit{font-size:22px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.lct{padding: 10px 0 0 0; flex-flow: wrap;}
    div.side-menu-box div.sub-contents div.lct-share-box div.lct a{font-size:14px; padding: 0 0 0 20px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.lct a.home{background-size: 13px; width: 13px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.lct a:after{background-size: 5px; width: 5px; top:7px; right:-13px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share{top:-8px;}

    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box a.sns-btn{background-size: 28px; width: 28px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box a.sns-btn.on{background-size: 28px; width: 28px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list{padding: 5px 10px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share a.print{background-size: 28px; width: 28px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list{padding: 3px 10px; right: 45px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list li a{background-size: 20px; width: 20px; height: 21px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list li a.blog{background-size: 20px; width: 20px; height: 21px;}
    div.side-menu-box div.sub-contents div.lct-share-box div.share div.sns-box ul.sns-list li a.copy{background-size: 20px; width: 20px; height: 21px;}

    .side-menu-box .sub-contents .lct-share-box .aiWrap .aiBtn{width:35px; height:35px;}
    .side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox{width:300px; padding:15px; top:5px; right:5px;}
    .side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiClose{width:35px; height:35px; background-size: 18px;}
    .side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiBoxIntro{font-size:13px;}
    .side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiCntUl li::before{font-size:12px;}
    .side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiCntUl li a{font-size:13px;}
    .side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiSettingBox p{font-size:13px;}
    .side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiSettingBox a{font-size:12px;}
    .side-menu-box .sub-contents .lct-share-box .aiWrap .aiBox .aiClose{top:-10px; right:-10px;}

}





/* Main Footer */

/* foot-banner */
footer{width: 100%; padding: 40px 0;}
div.footer-wrap{width: 1600px; margin: 0 auto;}
footer div.ft-bn-wrap{ border-top:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1; padding: 25px 0;}
footer div.ft-bn-wrap div.ft-bn-box{display: flex; justify-content: space-between;}
footer div.ft-bn-control span.txt{font-family: 'NotoKrM'; font-size:17px; color: #000000; padding: 5px 0 0 0;}
footer div.ft-bn-control{display: flex; justify-content: space-between; padding: 5px 0 0 0; flex-shrink:0;}
footer div.ft-bn-control div.control{padding: 10px 10px; box-sizing: border-box; border:solid 1px #e1e1e1;  border-radius: 20px; display: flex; justify-content: space-between;} 
footer div.ft-bn-control div.control a{width: 25px; height: 12px; display: inline-block; text-indent: -9999px;}
footer div.ft-bn-control div.control a.slideLeft{height: 12px; background: url("/images/new/Potal/layout/ft-bn-prevBtn.png") no-repeat center; }
footer div.ft-bn-control div.control a.slideRight{height: 12px; background: url("/images/new/Potal/layout/ft-bn-nextBtn.png") no-repeat center;}
footer div.ft-bn-control div.control a.slideStop{ height: 12px; background: url("/images/new/Potal/layout/ft-bn-stopBtn.png") no-repeat center;}
footer div.ft-bn-control div.control a.slidePlay{ height: 12px; background: url("/images/new/Potal/layout/ft-bn-playBtn.png") no-repeat center;}
footer div.ft-bn-control div.control a.slideMore{height: 12px; background: url("/images/new/Potal/layout/ft-bn-moreBtn.png") no-repeat center;}
footer div.ftSlide{width:100%; padding: 10px 0 0 60px;}
footer div.ftSlide div.slick-list{margin: 0 -20px;}
footer div.ftSlide div.slick-slide a{display: block; font-family: 'NotoKrL'; font-size:16px; color: #555555; padding: 0 20px;}
footer div.ftSlide div.slick-slide a:focus {border: 2px dotted red;}

/* footr-tap-link */
div.footer_tap{width: 100%; padding: 30px 0 0 0;}
div.footer_tap ul.footer_cnt{width: 100%; display: flex; justify-content: space-between; }
div.footer_tap ul.footer_cnt li{width: 31%; position: relative;}


div.footer_tap ul.footer_cnt li a.noLink::before {content:'닫힘'; font-size:0;}
div.footer_tap ul.footer_cnt li.active a.noLink::before {content:'열림'; font-size:0;}


div.footer_tap ul.footer_cnt li p.f-open {display:none;}
div.footer_tap ul.footer_cnt li p.f-close {display:block;}
div.footer_tap ul.footer_cnt li.active p.f-open {display:block;}
div.footer_tap ul.footer_cnt li.li.active p.f-close {display:none;}


div.footer_tap ul.footer_cnt li div a.noLink{font-family: 'NotoKrR'; font-size:16px; background: #f8f9fb; color: #000000; width:100%;
display: block; padding: 15px 25px; box-sizing: border-box; position: relative;}
div.footer_tap ul.footer_cnt li div a.noLink:after{content: ""; width: 22px; height: 23px; background: url("/images/new/Potal/layout/footer_tap-btn.png") no-repeat; position: absolute; top:15px; right:30px;}
div.footer_tap ul.footer_cnt li.active div a.noLink:after{content: ""; background: url("/images/new/Potal/layout/footer_tap-btn-on.png") no-repeat;}

div.footer_tap ul.footer_cnt li div div.ftc_inner{ width: 100%; display: none; border-radius: 10px; position: absolute; bottom:60px; left: 0; background: #fff;
border:solid 1px #949fb4; padding: 30px 30px; box-sizing: border-box; box-shadow: 3px 5px 15px #f3f3f3; z-index: 999; max-height: 1000px; overflow: hidden;
 transition: max-height 0.3s ease-out;}
div.footer_tap ul.footer_cnt li div div.ftc_inner.open {max-height: 500px;}
div.footer_tap ul.footer_cnt li div div.ftc_inner span.tit{ display: block; font-family: 'GmarketSansM'; font-size:20px; color: #5175c1; padding-bottom: 10px;}
div.footer_tap ul.footer_cnt li div div.ftc_inner dl{ height: 250px; overflow-y: scroll; display: flex; justify-content: space-between;flex-flow: wrap;}
div.footer_tap ul.footer_cnt li div div.ftc_inner dl::-webkit-scrollbar{width: 10px; background: #eeeeee; border-radius: 20px;}
div.footer_tap ul.footer_cnt li div div.ftc_inner dl::-webkit-scrollbar-thumb{background: #a6a6a6;}
div.footer_tap ul.footer_cnt li div div.ftc_inner dl dt{display: block; font-family: 'GmarketSansM'; font-size:20px; color: #5175c1; padding-bottom: 10px; width:100%;}
div.footer_tap ul.footer_cnt li div div.ftc_inner dl dd{width: 50%;}
div.footer_tap ul.footer_cnt li div div.ftc_inner dl dd a{font-family: 'NotoKrR'; font-size:16px; color: #555555; display: block; width: 100%; padding: 10px 0px 0px 15px; box-sizing: border-box; background: #fff; position: relative;}
div.footer_tap ul.footer_cnt li div div.ftc_inner dl dd a:focus {border: 1px dotted red !important;}
div.footer_tap ul.footer_cnt li div div.ftc_inner dl dd a:before{content: ""; width: 8px; height: 2px; background: #333; position: absolute; top:21px; left:0;}

div.foot-info-box{width:100%; display: flex; justify-content: space-between; padding: 40px 0 0 0; align-items: center;}
div.foot-info-box ul.info-link-list{width:50%; display: flex; justify-content: flex-start;}
div.foot-info-box ul.info-link-list li a{font-family: 'NotoKrL'; font-size:16px; color: #333; display: block; width: 100%; text-align: center; padding: 0 25px 0 0; position: relative;}
div.foot-info-box ul.info-link-list li a.c-green{font-family: 'NotoKrM'; color: #00908d;}
div.foot-info-box ul.info-link-list li a:after{content: ""; width: 1px; height: 12px; background: #555555; position: absolute; top:6px; left:0;}
div.foot-info-box ul.info-link-list li:first-child a:after{content: none;}
div.foot-info-box p.copyright-txt-box{width: 50%; font-family: 'NotoKrL'; font-size:15px; color: #555555; text-align: right; line-height: 170%; }
div.foot-info-box p.copyright-txt-box span.c-black{font-family: 'NotoKrM';}
div.foot-info-box p.copyright-txt-box span.c-green{color: #00908d;}


@media all and (max-width:1600px){
    div.footer-wrap{width: 100%; padding: 0 20px; box-sizing: border-box;}
    footer div.ftSlide{padding: 10px 0 0 20px;}
    footer div.ft-bn-control{width: 120px;}

    div.foot-info-box ul.info-link-list{width: 58%;}
    div.foot-info-box p.copyright-txt-box{width: 42%;}
    div.foot-info-box ul.info-link-list li a{font-size:15px;}
    div.foot-info-box p.copyright-txt-box br{display: none;}

}

@media all and (max-width:1000px){
    footer div.ft-bn-control div.control{width: 65%;}

    div.footer_tap ul.footer_cnt li{width: 32%;}
    div.footer_tap ul.footer_cnt li div a.noLink{padding: 10px 15px;}
    div.footer_tap ul.footer_cnt li div a.noLink:after{top:10px; right:10px;}

    div.footer_tap ul.footer_cnt li div div.ftc_inner{padding: 15px 15px;}
    div.footer_tap ul.footer_cnt li div div.ftc_inner span.tit{font-size:18px; padding-bottom: 0px;}
    div.footer_tap ul.footer_cnt li div div.ftc_inner dl dd{width: 100%;}
    div.footer_tap ul.footer_cnt li div div.ftc_inner dl dd a{padding: 5px 0 5px 15px; font-size:15px;}
    div.footer_tap ul.footer_cnt li div div.ftc_inner dl dd a:before{width: 7px; height: 1px; top:15px;}

    div.foot-info-box{flex-flow: wrap; justify-content: center;}
    div.foot-info-box ul.info-link-list{width: 100%; justify-content: center; flex-flow: wrap;}
    div.foot-info-box p.copyright-txt-box{width: 100%; text-align: center; padding: 20px 0;}
}

@media all and (max-width:768px){
    footer div.ft-bn-control span.txt{padding: 0px 0 0 0; font-size:15px;}
    footer div.ft-bn-control div.control{padding: 5px 5px; align-items:center;}
    footer div.ftSlide{padding: 5px 0 0 10px;}
    footer div.ftSlide div.slick-slide a{font-size:15px;}
    
}

@media all and (max-width:680px){
    footer div.ft-bn-wrap{padding: 15px 0;}
    footer div.ft-bn-control span.txt{text-align: center;}

    div.footer_tap ul.footer_cnt li div a.noLink{font-size:14px;}
    div.footer_tap ul.footer_cnt li div a.noLink:after{background-size: 18px; width: 18px; top:12px;}
    div.footer_tap ul.footer_cnt li.active div a.noLink:after{background-size: 18px; width: 18px; top:12px;}

    div.footer_tap ul.footer_cnt{flex-flow: wrap;}
    div.footer_tap ul.footer_cnt li{width: 48%; padding: 0 0 10px 0;}
    div.footer_tap ul.footer_cnt li:nth-child(3){padding: 0 0 0px 0;}
    div.footer_tap ul.footer_cnt li:nth-child(4){padding: 0 0 0px 0;}
    div.footer_tap ul.footer_cnt li div div.ftc_inner{bottom:55px;}
    div.footer_tap ul.footer_cnt li:nth-child(3) div div.ftc_inner{bottom:45px;}

    div.foot-info-box{padding: 20px 0;}

    div.foot-info-box ul.info-link-list li a{font-size:14px;}
    div.foot-info-box p.copyright-txt-box{font-size:14px;}
}


@media all and (max-width:480px){
    footer div.ft-bn-control{width: 30%; flex-flow: wrap;}
    footer div.ft-bn-control span.txt{width: 100%; padding: 0 0 5px 0; font-size:14px;}
    footer div.ft-bn-control div.control{width: 100%;}
    footer div.ftSlide{ padding: 8px 0 4px 20px;}
    footer div.ftSlide div.slick-slide a{font-size:14px;}
    div.footer_tap ul.footer_cnt li{width: 100%;}

    div.footer_tap ul.footer_cnt li div div.ftc_inner span.tit{font-size:16px;}
    div.footer_tap ul.footer_cnt li div div.ftc_inner dl dd a{font-size:14px;}
}

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1640px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}

  @media only screen and (max-width:680px){
    .div-cont{padding:0 15px;}
  }
    
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative; -webkit-transform:translate3d(0px, 0px, 0px);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.owl-stage-outer{overflow:hidden;}
.owl-stage:after{display:block; content:"";clear:both;}
.owl-stage-outer:after{display:block; content:"";clear:both;}
.disabled{display:none}


    @media only screen and (max-width:999px){
    #container-wrap{margin-top:65px;}
    #container-wrap #contents{padding-top:30px;}
  }


.gnb-wrap.type2 .gnb .dl .secs .sub-gnb{height:auto;}
.gnb-wrap.type2 .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit,
.gnb-wrap.type2 .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1:after,
.gnb-wrap.type2 .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1{display: none;}
.gnb-wrap.type2 .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav {justify-content:flex-end}
.gnb-wrap.type2 .sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1{text-align: center;}
.gnb-wrap.type2 .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5{width:100%;}          



.siteMapBox {
    padding-bottom: 120px;
}

.siteMapBox .menu1Title {
    position: relative;
}

.siteMapBox .menu1Title::before {
    content: '';
    display: block;
    width: 100%;
    border-top: 1px dashed #9286c3;
    box-sizing: border-box;
    position: absolute;
    top: 40%;
    left: 0;
}

.siteMapBox .menu1Title span {
    font-size: 24px;
    font-family: 'GmarketSansB';
    color: #5644a1;
    padding-right: 20px;
    display: inline-block;
    background-color: #fff;
    position: relative;
}

.siteMapBox .siteMapList {
    margin-top: 20px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.siteMapBox .siteMapList .sml_1depth {
    width: 18.4%;
    margin: 20px 2% 20px 0;
}

.siteMapBox .siteMapList .sml_1depth:nth-child(5n) {
    margin-right: 0
}
.siteMapBox .siteMapList .sml_1depth *{transition: all .3s ease-in-out;}
.siteMapBox .siteMapList .sml_1depth .sml_1depthBtn  {
    display: block;
    border-radius: 5px;        
    background: linear-gradient(to right, #6751ae, #018f8d)
}
.siteMapBox .siteMapList .sml_1depth .sml_1depthBtn span {
    display: inline-block;
    width: 100%;
    background: url('/Uiryeong/Potal/images/layout/sub-gnb-arrorw-ico.png') right 30px center #f6f6f6 no-repeat;
    padding: 13px 50px 13px 20px;
    color: #000;
    font-size: 16px;
    font-family: 'NotokrR';
    border-radius: 3px;        
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
}
.siteMapBox .siteMapList .sml_1depth .sml_2depthList{padding-top:10px; padding-left:20px; box-sizing: border-box; ;}
.siteMapBox .siteMapList .sml_1depth .sml_2depthList .sml_2depth{position: relative; padding-left:12px; margin-top:5px; }
.siteMapBox .siteMapList .sml_1depth .sml_2depthList .sml_2depth::before{content:''; display: block; position: absolute; left:0; top:9px; width:4px; height:4px; border-radius: 50%; background-color:#a4a4a4;}
.siteMapBox .siteMapList .sml_1depth .sml_2depthList .sml_2depth .sml_2depthBtn{color:#555; font-size:15px; font-family:'NotokrR';padding-bottom: 5px; display: inline-block; position:relative;}
.siteMapBox .siteMapList .sml_1depth .sml_2depthList .sml_2depth .sml_2depthBtn::after{content:''; display: block; position: absolute; bottom:3px; width:100%; height:1px; background-color:transparent;}

.siteMapBox .siteMapList .sml_1depth:hover .sml_1depthBtn{border-color: rgba(0,0,0,0); box-shadow:5px 0 5px rgba(0,0,0,0.1);}
.siteMapBox .siteMapList .sml_1depth:hover .sml_1depthBtn span{background-color: rgba(255,255,255,0); border-color:rgba(0,0,0,0); color:#fff; background-image: url('/Uiryeong/Potal/images/layout/sub-gnb-arrorw-ico-on.png');}
.siteMapBox .siteMapList .sml_1depth .sml_2depthList .sml_2depth:hover::before{background-color:#000;}
.siteMapBox .siteMapList .sml_1depth .sml_2depthList .sml_2depth:hover .sml_2depthBtn{color:#000;}
.siteMapBox .siteMapList .sml_1depth .sml_2depthList .sml_2depth:hover .sml_2depthBtn::after{background-color:#a3a3a3;}

@media screen and (max-width:1200px) {
    .siteMapBox .siteMapList .sml_1depth {
        width: 23.5%;
    }

    .siteMapBox .siteMapList .sml_1depth:nth-child(5n) {
        margin-right: 2%;
    }
    .siteMapBox .siteMapList .sml_1depth:nth-child(4n) {
        margin-right:0;
    }
}

@media screen and (max-width:680px) {
    .siteMapBox .siteMapList .sml_1depth {
        width: 49%;
    }

    .siteMapBox .siteMapList .sml_1depth:nth-child(4n) {
        margin-right:2%;
    }

    .siteMapBox .siteMapList .sml_1depth:nth-child(2n) {
        margin-right:0;
    }
}

@media screen and (max-width:680px) {
    .siteMapBox .siteMapList .sml_1depth {
        width: 100%;
        margin-right:0 !important;
    }

}                          



/* 240719 이동버튼 */
@media screen and (max-width:1000px){
	.tranBtn {display:none;}
}