@charset "utf-8";

/* set */
body {font-size:17px;margin:0;padding:0;font-family:SBAggro, NotoSans, Dotum, "돋움", sans-serif;color:#444;font-weight:100;}
input, select, button{font-family:SBAggro, NotoSans, Dotum, "돋움", sans-serif;font-size:17px;color:#444}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

.blind{display:block;overflow:hidden;position:absolute;top:-5000px;left:-5000px;font-size:0;}
.hide{display:none !important;margin:0;padding:0}
.BMJUA{font-family:BMJUA;}


*::-webkit-scrollbar {width:5px;height:5px;} /*스크롤바 사이즈*/
*::-webkit-scrollbar-track {border-radius:5px;background:#ededed;} /*스크롤바 배경*/
*::-webkit-scrollbar-thumb {background:#2f3f8e;border-radius: 10rem} /* 스크롤 제어박스*/


.gnb{text-align:right;border-bottom:solid 1px #ececec;position:relative;}
.gnb li{display:inline-block;}
.gnb li a{color:#7580c2;font-size:0.8rem;display:block;position:relative;border-radius:10px;}
.gnb li span{display:block;padding:10px 3px;}
.gnb .lang_wrap{position: relative;}
.gnb .lang_wrap .lang_box{display: none;position: absolute;top: 30px;right: 20px;background: #f6f9ff;box-shadow: 0 10px 30px #e7e7e7;border-radius: 20px;padding: 15px 20px;z-index: 99;width: 180px;}
.gnb .lang_wrap .lang_box.on{display: block;}
.gnb .lang_wrap .lang_box ul{text-align: center;}
.gnb .lang_wrap .lang_box ul li{display: block;}
.gnb .lang_wrap .lang_box ul li a{color: #363636;}

.gnb .fm span{padding-right:20px;}
.gnb .fm span:after{display:block;content:'';background:url('/images/06_gibu/main/m_t.png') no-repeat -7px -207px;width:18px;height:20px;position:absolute;right:0;top:9px;}
.gnb .fm .fm_box{display:none;width:100%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;text-align:left;margin:0 auto;}
.gnb .fm .fm_box button{position:absolute;top:2px;right:3%;width:35px;height:35px;font-size:0;background:#fff url('/images/06_gibu/common/fs_close.png') no-repeat center;overflow:hidden;z-index:1;border-radius:50%;}
.gnb .fm .fm_box:before{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);content:"";width:100%;z-index:-1;}
.gnb .fm .fm_box.on{display:block;}
.gnb .fm .fm_box p{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:2px 2px 10px rgba(0,0,0,.5);background:#4657eb;padding:3%;box-sizing:border-box;}
.gnb .fm .fm_box ul{background:#fff;padding:5%;border-radius:0 0 20px 20px;box-shadow:2px 2px 10px rgba(0,0,0,.15);text-align:center;}
.gnb .fm .fm_box li{margin:0;}
.gnb .fm .fm_box li a{color:#626786;padding:5px 10px;font-size:1rem;}

.head{position:relative;z-index: 2;}
.head button{font-size:0;width:30px;height:30px;background:url('/images/06_gibu/common/m_menu.gif') no-repeat center;position:absolute;top:15px;right:15px;}

.t_logo{padding:15px;}
.t_logo h1 img{width:150px;}
.t_logo strong{font-family:'SCDream';font-size:1.5rem;display:inline-block;position:relative;padding-left:5px;}
.t_logo strong:before{display:block;content:'';width:1px;height:20px;position:absolute;left:0;top:6px;background:#e5e5e5;}

/* Mobile */
.menu{display:none;position:fixed;top:0;bottom:0;right:0;width:70%;min-width:320px;background:#4053b4;z-index:2;box-sizing:border-box;}
.menu.on{display:block;}
.menu>ul>li>a{display:block;width:120px;padding:21px 0 20px 6px;font-size:16px;border-bottom:solid 1px #5565ba;outline-offset:-2px;color:#fff;}
.menu>ul>li.on>a{color:#fff;position:relative;padding-left:15px;}
.depth_box{position:absolute;top:0;left:120px;right:0;bottom:0;z-index:1;padding:30px 10px 15px 20px;border-radius:30px 0 0 0;background:#fff;}
.depth_boxcon p{display:none;}
.depth_boxcon>ul>li>a{display:block;padding:10px 3px 10px 3px;color:#3a3a3a;font-size:15px;background:url('/images/06_gibu/common/m_li.gif') no-repeat right center;}
.depth_boxcon>ul>li.depth1 a{background:none;}
.menu li li.on>a{text-decoration:underline;color:#2a2a2a;}
.menu li li ul{display:none;background:#eff4fb;border-radius:10px;padding:10px 0;}
.menu li li.on ul{display:block;}
.menu li li li{border:none;}
.menu li li li a{padding:3px 0 3px 11px;color:#727272;font-size:14px;display:block;}
.menu li li li:hover a,
.menu li li li:focus a,
.menu li li li:active a{color:#4053b4}
.menu button{display:none;position:absolute;top:5px;right:0;width:30px;height:30px;font-size:0;background:url('/images/06_gibu/common/fs_close.png') no-repeat center;overflow:hidden;z-index:1;}
.menu.on button{display:block;}
.new_win{display:inline-block !important;background:url('/images/06_gibu/common/new_w.gif') no-repeat center center !important;width:20px;height:18px;margin-left:6px;overflow:hidden;vertical-align:middle;font-size:0;}
.mobile_back{position:fixed;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:1;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}

/*footer*/
footer{position:relative;border-top:solid 1px #dddddd;font-family:'SCDream';color:#a6a6a6;}
.sitelink > div{max-width:1600px;margin:0 auto;}
.sitelink_list{position:relative;padding:0 30px;}
.sitelink_list>button{display:block;width:100%;padding:15px 0;font-size:1rem;color:#383737;text-align:left;font-family:'SCDream';background:none;position:relative;border-bottom:solid 1px #efefef;}
.sitelink_list>button span{font-size:0;width:22px;height:22px;display:block;position:absolute;right:0;top:15px;background:url('/images/06_gibu/common/footer.png') no-repeat 0 4px;}
.sitelink_list div{display:none;position:absolute;padding:15px;background:#fff;border:1px solid #f4f5ff;box-shadow:2px 2px 23px rgba(72,99,188,.1);border-radius:20px;left:0;}
.sitelink_list div.on{display:block;}
.sitelink_box1{bottom:322px;}
.sitelink_box2{bottom:270px;}
.sitelink_box3{bottom:271px;}
.sitelink_box4{bottom:162px;}
.sitelink_box5{bottom:108px;}
.sitelink_box6{bottom:54px;}
.sitelink_list div ul{overflow-y:auto;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;}
.sitelink_list div li{position:relative;margin:5px 15px;}
.sitelink_list div li:before{display:block;position:absolute;left:0px;top:6px;width:2px;height:10px;/* content:""; */border-radius:100%;background:#d6d6d6;}
.sitelink_list div li a{display:inline-block;font-size:0.9rem;color:#404040;font-weight:300;letter-spacing:-.7px;}
.sitelink_list div li a:hover, 
.sitelink_list div li a:focus,
.sitelink_list div li a:active{color:#222;text-decoration:underline;}
.sitelink_list div button{position:absolute;right:5px;bottom:5px;display:block;width:40px;height:40px;font-size:0;background:url('/images/06_gibu/common/fs_close.png')no-repeat center 12px;overflow:hidden;opacity:.8;}

footer{background:#30373d;}
.foot{padding:30px 3%;font-size:.9rem;font-weight:400;text-align:center;}
.foot ul{display:inline-block;}
.foot .f_i{padding:10px 0;}
.foot .f_i li a{padding:0 8px;position:relative;}
.foot li{display:inline-block;color:#ddd;}
.foot li a{color:#a6a6a6;}
.foot li strong{color:#e4e4e4;font-weight:400;}
.foot div{margin-top:19px;/*max-width:1600px;margin:0 auto;*/}
.foot div address{font-style:normal;}
.foot div span{display:inline-block;}
.foot div i{font-style:normal;color:#414141;font-weight:400;}

footer .top{border-top:solid 1px rgba(255,255,255,.1);padding:15px 0;}
footer .top a{display:block;text-align:center;}
footer .top a span{color:#fff;display:block;height:45px;font-size:0;width:30px;margin:0 auto;background:url('/images/06_gibu/common/top.png') no-repeat top center;}


/* Tablet */
@media all and (min-width:768px) {
.gnb{border:none;position:absolute;right:0;top:18px;/* display: flex; */}
.gnb li a {font-size:0.85rem;}
.gnb li span {padding: 10px;}
.gnb .lang_wrap .lang span{padding-right: 20px;}
.gnb .lang_wrap .lang span:after{display: block;content: "";width: 11px;height: 7px; background:url('/images/06_gibu/main/m_t.png') no-repeat -37px -189px;position: absolute;top: 15px;right: 0;}
.gnb .lang_wrap .lang_box{right: auto;left: 50%;transform: translateX(-50%);}
.gnb .fm .fm_box{width:90%;position:fixed;max-width:1050px;margin-top:6%;}
.gnb .fm .fm_box p{border-radius:20px;padding:38px 5%;width:100%;font-size:2rem;height:180px;}
.gnb .fm .fm_box button{top:-15px;right:-10px;width:60px;height:60px;}
.gnb .fm .fm_box ul{position:relative;padding:5% 3%;margin:-75px 2% 0 -2%;border-radius:80px 30px 30px 30px;}
.gnb .fm .fm_box p:after{display:block;content:'';background:url('/images/06_gibu/common/fm_box.png') no-repeat;width:235px;height:137px;position:absolute;top:-23px;right:10%;background-size:235px;}
.gnb .fm .fm_box li{margin:7px;}
.gnb .fm .fm_box li a{background:#eff4fb;padding:12px 20px;}
.gnb .fm .fm_box li:hover a{background:#494949;color:#fff}

/* 로그인 정보 표시 */
.gnb .limit { border-radius: 0 0 0 20px; padding: 7px 20px 3px 20px; border-radius: 20px; margin-right: 5px;}

.t_logo{display: inline-block;}

.head div>button{display:none;}
.mobile_back{display:none;}

.menu .new_win{background:url('/images/06_gibu/common/new_w.png') no-repeat center center !important}
.menu{display:block;position:static;width:100%;background:transparent;}
.menu h2{display:none}
.menu ul{padding:0;display:flex;justify-content:center;gap:0 30px;align-items:center;}
.menu ul ul{gap:0 30px;padding:0 30px;/* background:#0d1f6e; */width:auto;justify-content:center;background:rgba(0,0,0,.5);border-radius:5px;}
.menu>ul>li>a{border:none;text-align:center;padding:20px 0;width:auto;font-size:20px;box-sizing:border-box;}
.menu>ul>li.on>a{background:none;box-shadow:none;border-radius:0;padding-left:0;}
.menu>ul>li.on>a:before{display:none;}
.menu.on .depth_box{display:block;}
.depth_box{top:127px;left:0;bottom:auto;display:none;padding:0;background:none;}
.depth_boxcon a:hover,
.depth_boxcon a:focus,
.depth_boxcon a:active{text-decoration:underline;}
.depth_boxcon>ul>li>a{font-size:1rem;color:#e5e6fe !important;background:none;padding:15px 0;}
.menu li li ul{display:block;padding:0;border-top:none;font-size:0;background:none;}
.menu li li li{display:none;}
.menu.on button{display:none;}
.head>button{display:none;}

 /*푸터*/   
.sitelink_list div li a{font-size:1rem}
.sitelink_list>div:after{display:block;clear:both;content:"";}
.sitelink_list{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;}
.sitelink_list>button{width:30.333%;}
.sitelink_list>button.sitelink4{margin-right:0;}
.sitelink_list div{bottom:109px;width:100%;padding:3% 0 3% 3%;left:0;}
.sitelink_list .sitelink_box2{left:calc(16.6666% - 5px);}
.sitelink_list .sitelink_box3{left:calc(33.3332% - 5px);}
.sitelink_list .sitelink_box4{left:calc(49.998% - 5px);}
.sitelink_list .sitelink_box5,
.sitelink_list .sitelink_box6{right:0;left:auto;}
.sitelink_list div li a:hover,
.sitelink_list div li a:focus{color:#4053b4;text-decoration:underline;}
.foot{font-size:1rem;text-align:left;}
.foot .f_i li a{padding:0 20px 0 24px;}
.foot .f_i li a:before{display:block;content:'';width:25px;height:23px;position:absolute;left:0;top:-1px;background:url('/images/06_gibu/common/footer.png') no-repeat top center;}
.foot .f_i li.fi1 a:before{background-position:0 -36px;}
.foot .f_i li.fi2 a:before{background-position:-34px -38px;}
.foot .f_i li.fi3 a:before{background-position:-67px -37px;}
.foot div address{display:inline-block;}
.foot div .copy{padding:0;font-size:.9rem;padding:7px 0 15px 0;}
footer .top{border-top:none;border-left:solid 1px rgba(255,255,255,.1);display:inline-block;padding:0 15px;}
}

/* Desktop */
@media all and (min-width:1400px) {
.gnb{max-width:1600px;margin:0 auto;border:none;position:relative;min-width:1400px;top: 0;z-index: 3;}
.gnb li a{color:#c3c9e9;}
.gnb li span{padding:10px 20px;}
.gnb .fm > a{background:#0d1f6e;border-radius:0 0 20px 20px;}
.gnb .fm span{padding-right: 40px;}
.gnb .fm span:after{right: 10px;}
.gnb .fm .fm_box ul{}
.gnb .limit{border-radius: 0 0 10px 10px;}
.gnb .lang_wrap .lang span{padding-right: 30px;}
.gnb .lang_wrap .lang span::after{right: 10px;}

.t_logo{padding:0;}
.head h1 strong{font-size:2.5rem;padding-left:20px;}
.head h1 strong:before{height:42px;top:10px;left:10px;}
.t_logo h1 img{width:auto;}
.head{margin:0 auto;width:100%;display:flex;justify-content:space-between;max-width:1600px;align-items:center;min-width:1400px;}

.menu{width:calc(100% - 530px);background:none;border-top:none;}
.menu>ul{position:relative;justify-content:space-evenly;} 
.menu>ul>li>a{position:relative;}
.menu>ul>li>a:before{display:none;content:'';width:5px;height:5px;border-radius:50%;background:#fff;position:absolute;top:9px;right:-5px;transition:.2s ease-out}
.menu>ul>li>a:hover:before{display:block;}
.depth_boxcon > ul{width:calc(100% - 290px);padding:0;flex-wrap:wrap;position:absolute;}
.depth_box{top:54px;}
.menu ul ul{position:absolute;}
.menu ul .menu1 ul{left:0;}
.menu ul .menu2 ul{left:25%;}
.menu ul .menu3 ul{left:40%;}
.menu ul .menu4 ul{right:10%;}
.menu ul .menu5 ul{right:0}

.foot{display:flex;justify-content:space-around;align-items:center;padding:43px 0;max-width: 1600px;margin: 0 auto;}
.foot div .copy{padding-bottom:0}
.sitelink_list div div li{display:inline-block;margin:10px;}
.sitelink_list>div>button{margin-top:10px;}
.sitelink_list{padding:0;}
.sitelink_list>button{width:16.66666666666667%;border-bottom:none;padding:35px 20px 35px 10px;}
.sitelink_list>button:after{display:block;content:'';position:absolute;right:5px;width:1px;height:32px;background:#e3e3e3;top:30px;}
.sitelink_list>button span{right:10px;top:33px;}
.sitelink_list .sitelink1{padding-left:0}
.sitelink_list .sitelink6{padding-right:0}
.sitelink_list .sitelink6 span{right:0}
.sitelink_list .sitelink6:after{display:none;}
.sitelink_list div{width:50%;bottom:93px;}
.sitelink_box3{left:calc(50% + 12px);}
.sitelink_box4{left:calc(75% + 18px);}
}

/* Desktop wide*/
@media all and (min-width:1600px) {
.head{margin:0 auto;width:100%;display:flex;justify-content:space-between;max-width:1600px;align-items:center;}

.menu>ul>li>a:after{bottom:21px;}
.menu>ul>li>a{font-size:1.4375rem;} 

.sitelink_list>button span{right:20px;}
}


/***** sub layout *****/
.s_left{box-shadow: -15px 10px 30px rgba(72,99,188,.08);border-radius: 30px 0 0;}
.s_left h2{margin-bottom: 0;border-radius: 30px 0 0;background: #fff;color: #364799;font-weight: 300;box-shadow: none;}
.s_left>ul>li{margin: 0;}
.s_left>ul>li>a{border-bottom: 1px dotted #ebecef;box-shadow: none;}
.s_left>ul>li:first-child>a{border-top: 1px dotted #ebecef;border-radius: 0;}
.s_left>ul>li.on>a{background-color: #4053b4;border-radius: 0;font-weight: 300;}
.s_left li ul{background: #f5f6fe;margin-top: 0;border-radius: 0;}
.s_left li li:before{background: #4053b4;}
.s_left li li a{color: #343c66;}

.s_title .local{background: #4053b4;border-radius: 0 0 0 30px;}
.s_title .local .home a, .s_title .utill li button, .s_title .share button, .s_title .share a, .manager li:before{background-image: url("/images/06_gibu/common/sub_ico.png");}
.s_title .local>ul>li>a, .s_title .local>ul>li:after{color: #fff;}
.s_title .utill li.print button, .s_title .utill li.url button{background-color: rgba(0,0,0,0.25);}
.s_title h3{font-weight: 200;}
.research input[type=submit]{background: #2f3f8e;font-weight: 200;}

@media all and (min-width:768px) {
.sub_container:before{position: absolute;content: "";background: #4053b4;width: 100%;height: 100px;top: -70px;z-index: -1;}
}

@media all and (min-width:1023px) {
.sub_container:before{height: 180px;}
}

@media all and (min-width:1400px) {
body{overflow-x: hidden;}
.sub_container{max-width: 1600px;margin: 0 auto;}
.sub_container:before{width: calc(100% - 520px);height: 255px;border-radius: 0 0 0 60px;top: -155px;right: 0;left: auto;}
.sub_container:after{position: absolute;width: 100%;height: 255px;top: -155px;left: 50%;content: "";background: #4053b4;z-index: -1;}
.s_title .local{text-align: center;padding-right: 0;}
.s_title h3{display: inline-block;margin-bottom: 0;padding-right: 50px;border: none;background: #fff;}
.s_title:after{position: absolute;height: 1px;left: 0;right: 20px;content: "";background: #ededed;bottom: 55px;z-index: -1;}
.s_title .share{bottom: 35px;}
.s_content{max-width: 1600px;}
.s_left{margin-top: 75px;}
}

/* 번역 */
.translated-ltr .gnb>ul>li:first-child{width: 100%;}
.translated-ltr .gnb .lang_wrap .lang_box{right: auto;left: 50%;transform: translateX(-50%);}

.translated-ltr .s_title .local{height: 180px;}
.translated-ltr .s_title .utill{top: 130px}

@media all and (min-width:768px) {
.translated-ltr .gnb{position: static;}
.translated-ltr .gnb li a{font-size: 0.8rem;}
.translated-ltr .gnb>ul>li:first-child{width: auto;}
.translated-ltr .menu>ul>li>a{height: 100px;font-size: 16px;}
.translated-ltr .depth_box{top: auto;bottom: -35px;}
.translated-ltr .main_container:before,
.translated-ltr .sub_container:before{top: -100px;}

.translated-ltr .s_title .local{height: 130px;}
.translated-ltr .s_title .utill{top: 70px;}
}

@media all and (min-width:1023px) {
.translated-ltr .menu>ul>li>a{height: 80px;}
.translated-ltr .main_container:before,
.translated-ltr .sub_container:before{top: -80px;}
	
.translated-ltr .s_title .local{height: auto;}
.translated-ltr .s_title .utill{top: 10px;}
.translated-ltr .s_left h2{font-size: 20px;}
}

@media all and (min-width:1400px) {
.translated-ltr .gnb{position: relative;}
.translated-ltr .t_logo{width: 520px;}
.translated-ltr .head h1 strong{font-size: 1.5rem;}
.translated-ltr .depth_box{bottom: 0;}
.translated-ltr .sub_container:before{top: -155px;}
}

.bbs_skin2 table .title{font-weight: 500!important;}