@charset "utf-8";
/* 공통 - 폰트 사이즈 (16px = 1rem) */
.f13{font-size: 13px;}
.f15{font-size:.938rem !important}
.f16{font-size:1rem !important}
.f17{font-size: 1.063rem !important;}
.f18{font-size: 1.125rem  !important;}
.f20{font-size: 1.25rem  !important;}
.f22{font-size: 1.375rem  !important;}
.f24{font-size: 1.5rem  !important;}
.f26{font-size: 1.625rem;}
.f28{font-size: 1.750rem}
.f14{font-size: 14px}

.color-blue{color: #027cb5  !important}
/* .color-green{color: #28a53f} */
.color-eme{color: #1d95a5 !important}
.color-orange{color: #f26f37}
.color-req{color: #ed6514}
.color-black{color: #333}
.color-black4{color: #454545}
.color-green{color: #00ab4e  !important}
.color-red{color: #b73513}
.color-red2{color: #d02541}
.color-green2{color: #04967f}
.color-navy{color: #1c468a}
.color-default{color: #666}
.color-lg{color: #8396a6}
.color-purple{color: #6954b8}

.bg-blue{background: #027cb5 !important; color: #fff !important}
.bg-grey{background: #777; color: #fff}
.bg-green{background: #00ab4e !important; color: #fff !important}
.bg-green2{background: #04967f !important; color: #fff}
.bg-black{background: #333; color: #fff}
.bg-black_r{border:1px solid #333; color: #333;}
.bg-blue_r{border:1px solid #027cb5; color: #027cb5;}
.bg-eme{background: #1d95a5 !important; color: #fff !important}
.bg-eme_r{border:1px solid #1d95a5; color: #1d95a5}
.bg-green_r{border:1px solid #00ab4e; color: #00ab4e}
.bg-green2_r{border:1px solid #04967f; color: #04967f}
.bg-navy{background: #015a84 !important; color: #fff}
.bg-navy_r{border: 1px solid #015a84; color: #015a84}
.bg-orange{background: #f99033}

.fw500{font-weight: 500;}

.td-u{text-decoration: underline}

#header{background: #fff; position: relative; z-index: 150; border-bottom: 1px solid #ddd; left: 0; top:0; width: 100%; height: 90px}
#nav_w{position: relative; height: 90px; padding: 0 400px; z-index: 150}
#logo{position: absolute; left: 2%; top:50%; transform:translateY(-50%); width: 224px; height: 46px; background: url('../img/common/logo.png') center center no-repeat; background-size:100%}
#logo a{display: block; white-space: nowrap; overflow: hidden; text-indent: -999px; height: 100%}

#topNav{display: flex; justify-content: space-between; align-items: center}
#topNav > ul{display: flex; justify-content: space-between; flex:auto}
#topNav > ul > li{flex:auto; text-align: center; cursor: pointer}
#topNav > ul > li > a{display: inline-block; font-size: 22px; font-weight: 500; line-height: 90px; color: #000; position: relative;}
#topNav > ul > li.active > a,
#topNav > ul > li.click > a{color: #027cb5; font-weight: 700;}
#topNav > ul > li > a:after{height: 3px; background: #027cb5; content: ''; position: absolute; left: 50%; bottom: 0; transition:all ease-in-out .3s; width: 0}
#topNav > ul > li.active > a:after,#topNav > ul > li.click > a:after{width: 100%; left: 0}

#topNav .depth_w{position:absolute;left:0;top: 100%;width:100%; display: none; border-top: 1px solid #ccc; min-height: 35px; padding-left: 365px; background: #fff; color: #777; padding-right: 99px; text-align: left; margin-top: -1px; word-break:keep-all}
#topNav .depth_w:before{position: absolute; right: 100px; top:0; width:1px; height: 100%; border-left: 1px solid #ddd;}
#topNav .depth_w .tit{display: block; padding-top: 40px; font-size: 32px;  display: block; color: #fff; position: absolute; left: 0; width: 365px; letter-spacing: -0.03em; line-height: 1.15; background:#027cb5 url('../img/common/bg1.gif') right bottom no-repeat; height: 100%; text-align: center;}
/* #topNav .depth_w .depth2 > li{display: flex; width: 100%; justify-content: space-between;}
#topNav .depth_w .depth2 .t{width: 240px; display: flex; align-items: center;}
#topNav .depth_w .depth2 .t a{display: block; padding: 15px 20px 15px 40px; width: 100%; position: relative; left: -20px; font-size: 18px; font-weight: 500; color: #333; border-radius:5px; position: relative;}
#topNav .depth_w .depth2 > li:hover .t a{background: #009688; color: #fff}
#topNav .depth_w .depth2 > li:hover .t:after{position:absolute;right:20px;top:50%;width:8px;height:8px;border-top:2px solid #fff;border-left:2px solid #fff;vertical-align:middle;display:block;transform:translateY(-50%) rotate(135deg);content:'';}
#topNav .depth_w .depth3{width: calc(100% - 260px); padding: 15px 20px 0; border-bottom: 1px solid #ddd; display: flex; flex-wrap:wrap; text-align: left;}
#topNav .depth_w .depth3 li{float: left; width: 25%; margin-bottom: 15px; position: relative; padding-left: 14px;}
#topNav .depth_w .depth3 li:before{position: absolute; left: 0; top:.5em; width: 5px; height: 5px; background: #8d8d8d; content: ''}
#topNav .depth_w .depth3 a{display: inline-block; border-bottom: 1px solid transparent;}
#topNav .depth_w .depth3 li:hover a{color: #027cb5; border-bottom: 1px solid #027cb5}
#topNav .depth_w .depth3 li:hover:before{background: #027cb5}
#topNav .depth_w .depth2 li:last-child .depth3{border-bottom: 0;}
#topNav .depth_w .depth2{min-height: 350px; position: relative;}
#topNav .depth_w .depth2:before{position: absolute; left: 0;top:0; width: 240px; height: 100%; background: #fff; content: ''} */
#topNav > ul > li:first-child .depth_w .tit{background-image:url('../img/common/bg1.gif')}
#topNav > ul > li:nth-child(2) .depth_w .tit{background-image:url('../img/common/bg2.gif')}
#topNav > ul > li:nth-child(3) .depth_w .tit{background-image:url('../img/common/bg3.gif')}
#topNav > ul > li:nth-child(4) .depth_w .tit{background-image:url('../img/common/bg4.gif')}
#topNav > ul > li:nth-child(5) .depth_w .tit{background-image:url('../img/common/bg5.gif')}
#topNav > ul > li:nth-child(6) .depth_w .tit{background-image:url('../img/common/bg6.gif')}
#topNav .depth2{display: flex}
#topNav .depth2 > li{float: left; width: 20%; border-right: 1px solid #ddd; padding: 50px 30px}
#topNav .depth2.col4 > li{width: 25%}
#topNav .group > a{display: block; font-size: 20px; font-weight: 700; margin-bottom: 20px; line-height: 1.15;}
#topNav .group{margin-top: 60px;}
#topNav .group:first-child{margin-top: 0;}
#topNav .depth3{font-size: 14px}
#topNav .depth3 > li{margin-top: 1em;}
#topNav .depth3 > li:first-child{margin-top: 0;}
#topNav .depth3 > li > a:hover{color: #027cb5}
#topNav .depth4{background: #f3f8fb; padding: 15px; color: #888; margin-top: 10px;}
#topNav .depth4 > li{margin-top: 10px;}
#topNav .depth4 > li:first-child{margin-top: 0;}
#topNav .depth4 a:hover{text-decoration: underline;}
#topNav a{display: block;}


.btn-menu{position: absolute; right: 0;top:0; width: 100px; height: 100%; background: url('../img/common/btn-menu.png') center center no-repeat; border-left: 1px solid #ddd;}
.btn-menu.m{display: none;}
.btn-sch{position: absolute; right: 100px;top:0; width: 100px; height: 100%;}
.btn-sch i{font-size: 30px; color: #333}

#footer{background: #292929; color: #999; padding: 59px 0}
#footer .inner{display: flex;    justify-content: space-between;}
#footer .left{width: 243px; text-align: center; font-size: 0;}
#footer .logo{margin-bottom: 25px;}
#footer .left .sns_w span{margin:  5px;}
#footer .right{width: 240px; text-align: right;}
#footer .mid{flex:1; padding: 0 30px 0 67px; word-break:keep-all}
#footer .add{margin: 20px 0 10px;}
#footer .etc{font-size: 0; font-weight: 500; color: #fff;}
#footer .etc span{font-size: 1.125rem;}
#footer .etc span,#footer .add span{position: relative; padding-right: 10px; margin-right: 10px; display: inline-block;}
#footer .etc span:before,#footer .add span:before{ width: 1px; height: 14px; content: ''; right: 0; top:50%; margin-top: -7px; background: #5a5a5a; position: absolute;}
#footer .etc span:last-child,#footer .add span:last-child{margin-right: 0; padding-right: 0}
#footer .etc span:last-child:before,#footer .add span:last-child:before{background: none}

#footer .add{font-size: 0;}
#footer .add span{font-size: 1rem;}
#footer .etc add:before{height: 10px; margin-top: -5px;}

#footer .copy{font-size: .938em; color: #666}
#footer .right button{width: 240px; height: 50px; color: #999; font-weight: 300; padding: 0 20px; position: relative; border:1px solid #999; text-align: left;background: #292929}
#footer .right button:after{right: 20px; top:50%; transform:translateY(-50%); width: 9px; height: 6px; background: url('../img/common/btn-rel.png'); position: absolute; content: ''}
#footer .right button.on:after{transform: translateY(-50%) rotate(180deg);}
#footer .right .imgs{margin-top: 20px; font-size: 0;}
#footer .right .imgs img{margin-left: 10px; display: inline-block;}
#footer .right span:first-child{margin-left: 0;}

#locW{border-bottom:1px solid #ccc; background: #f6f6f6}
#locW .inner{position: relative; height: 50px; padding-right: 100px;; border:1px solid #ccc; border-top: 0; border-bottom: 0;}
#locW .inner > *,#loc > li{height: 100%}

#loc{display: flex; line-height: 1.35;}
#loc .rel{min-width: 218px}
#loc .depth{display: none;}
#loc .home{display: block; white-space: nowrap; overflow: hidden; text-indent: -999px; background: url('../img/common/ico-home.png') center center no-repeat; width: 50px; border-right: 1px solid #ccc;}
#loc > li{position: relative; position: relative; border-right: 1px solid #ccc;}
#loc > li > a{display: table; height: 100%; width: 100%; padding: 0 1.25rem}
#loc > li > a span{display: table-cell; vertical-align: middle; position: relative; padding-right: 25px; background: url('../img/common/ico-sel.png') right center no-repeat}

#loc .depth{position: absolute; border:1px solid #ccc;left: 0;top:100%;width: 100%;display:none;z-index: 149;color: #777; font-size: .938em; font-weight: 400; background: #f7f7f7;  padding: 0 1.25rem; max-height: 800px; overflow-y: auto;}
#loc .depth li{border-bottom: 1px solid #ddd;height: 50px;display: table;width:100%;position: relative;}
#loc .depth li:first-child{border-top:0}
#loc .depth a{display: table-cell;vertical-align: middle; }
#loc .depth li:after{position:absolute;width:7px;height:7px;border-top:2px solid #ccc;border-left:2px solid #ccc;transform:rotate(135deg);right:0;top:50%;content:''; margin-top:-4px}
#loc .depth a:hover{font-weight: 500; color: #666}
#loc .depth li:hover:after{border-color:#666}
#loc .depth li:last-child{border-bottom:0}

#locW .etc{position: absolute; right: 0;top:0; height: 100%;}
#locW .etc > *{float: left; border-left: 1px solid #ccc; height: 100%}
#locW .btn > button{width: 50px; height: 100%;color: #a7a7a8; font-size: 1.25rem}

#topShare{position: relative; z-index: 3}
#topShare .depth{position: absolute;left: -1px;top:100%; background: #fff; border:1px solid #ccc; width: calc(100% + 2px); display: none; box-shadow:0 2px 4px rgba(0,0,0,.18)}
#topShare .depth button{border-top: 1px solid #ccc; border-top: 0; width: 100%; display: block; height: 50px; border-bottom: 1px solid #ccc;}
#topShare .depth .ico{white-space: nowrap; overflow: hidden; text-indent: -999px; background: url('') center center no-repeat}
#topShare .depth button:last-child{border-bottom: 0;}
#topShare .depth .share-f{background-image: url('../img/common/share_f.png');}
#topShare .depth .share-c{background-image: url('../img/common/share_ch.png');}
#topShare .depth .share-n{background-image: url('../img/common/share_n.png');}
#topShare .depth .share-url{font-weight: 500; font-size: 13px; text-align: center; color: #888}
#topShare .depth .share-url:hover{color: #10a035}
#topShare .depth .share-f:hover{background-image: url('../img/common/share_f_on.png');}
#topShare .depth .share-c:hover{background-image: url('../img/common/share_ch_on.png');}
#topShare .depth .share-n:hover{background-image: url('../img/common/share_n_on.png');}
#topShare.on{background: #fff}
#topShare.on > button{color: #027cb5; box-shadow:0 2px 4px rgba(0,0,0,.18)}

/* 모달 팝업 */
.allmenu_bg,.sch_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 9999;width: 100%;height: 100%;overflow-y: auto;left: 0;top:0}
.allmenu_bg1,.sch_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 9999;width: 100%;height: 100%;overflow-y: auto;left: 0;top:0}
.fixed_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 140;width: 100%;height: 100%;overflow-y: auto;left: 0;top:0}
.pop-st1{position:relative;top:50%;max-width:800px;background: #fff;z-index: 10000;width: 97%;margin: auto;max-height: 97%; transform:translateY(-50%)}
.firstClose{position:absolute;top:-999px;right:0px;}
.firstClose:focus,.firstClose:active{top:0px;}
.pop-t{background: #333; color: #fff; padding: 20px 30px; position: relative; line-height: 1.15;}
.pop-t .t{font-size: 1.125rem; font-weight: 500;}
.pop-c{position: absolute; right: 30px; top:50%; transform:translateY(-50%); width: 20px; height: 20px; display: block; white-space: nowrap; overflow: hidden; text-indent: -999px}
.pop-c:before,.pop-c:after{
    content: '';
    height: 100%;
    border-left: 2px solid #fff;
    position: absolute;
    left: 50%;}
.pop-c:before{transform: rotate(45deg);}
.pop-c:after{transform: rotate(-45deg);}

.pop-certi .cont{padding: 50px 30px; text-align: center;}
.pop-certi .ico img{display: block;margin: 0 auto;}
.pop-certi .tit{font-size: 1.500em; color: #333; font-weight: 700; line-height: 1; margin: 20px 0;}
.pop-certi .btns{margin: 30px auto 0; max-width:290px}
.pop-certi .btns > *{float: right; width: 48.5%; border-radius:3px; height: 45px; line-height: 45px;}
.pop-certi .btns > *:first-child{float: left;}

.exp #subPage.inner{max-width:100%}
.exp .tabs-st1, .exp .bbs-etc{max-width:1400px; margin-left: auto; margin-right: auto;}
.pb0 #subPage{padding-bottom: 0;}

/* .f_f_top{background: #fff; display: table; width: 100%; margin-bottom: 30px;}
.f_f_top > *{display: table-cell; vertical-align: middle;} */
.f_f_top{background: #fff; display: flex; margin-bottom: 30px; flex-wrap:wrap}
.f_f_top .t{width: 295px; text-align: center; font-size: ; font-weight: 500; font-size: 1.294em; display: flex; align-items:center; justify-content:center}
.f_f_top .c{flex:1; padding: 35px; color: #666;}
.f_f_top .c .half_w{display: flex; flex-wrap:wrap; margin-left: -15px;}
.f_f_top .c .half_w > li{float: left; width: calc(50% - 15px); margin: 0 0 .3em 15px;}

/* .pop-bg{background: rgba(0,0,0,.4); position: fixed; left: 0; top:0; width: 100%; height: 100%; overflow-y: auto; z-index: 151} */
.pop_com-st1{position: relative; max-width:800px; margin: 0 auto; border:1px solid #027cb5; background: #fff; width: 97%; max-height: 97%; padding-top: 70px; top:50%; transform:translateY(-50%); overflow-y: auto;}
.pop_com-st1.wide{max-width:1024px}
.pop_com-st1.wide2{max-width:1280px}
.pop-tit{background: #f3f8fb; padding: 20px 30px; font-size: 1.25rem; position: absolute; left: 0; top:0;  width: 100%; color: #027cb5;border-bottom: 1px solid #027cb5}
.pop-close{white-space: nowrap; overflow: hidden; position: absolute; right: 30px; top:50%; transform:translateY(-50%); text-indent: -999px; width: 25px; height: 25px;}
.pop-close:before,
.pop-close:after{display: block; position: absolute; height: 100%; width: 2px; background: #027cb5; border-radius: 7px; left: 50%; content: ''; top:0}
.pop-close:before{transform: rotate(45deg)}
.pop-close:after{transform: rotate(-45deg);}
.pop-cont{padding: 30px}
.pop-cont .bul-no > li{margin-top: 10px; line-height: 1.5;}
.pop-cont .bul-no > li:first-child{margin-top: 0;}

#allmenu{position: fixed; left: 0; top:0; width: 100%; height: 100%; background: #fff; overflow-y: auto; z-index: 151; color: #333; display: none;}
#allmenu .rel{position: relative; padding-top: 90px;}
#allmenu .top{position: absolute; left: 0; width: 100%; top:0; height: 90px}
#allmenu .logo{position: absolute; left: 2%; top:50%; transform:translateY(-50%); width: 224px; height: 46px; background: url('../img/common/logo.png') center center no-repeat; background-size:100%; display: block;white-space: nowrap; overflow: hidden; text-indent: -999px}
#allmenu .close{position: absolute; right: 2%; top:50%;transform:translateY(-50%); white-space: nowrap; overflow: hidden; text-indent: -999px; display: block; width: 30px; height: 30px}
#allmenu .close:before,#allmenu .close:after{position: absolute;
  left: 50%;
  content: ' ';
  height: 100%;
  width: 2px;
  background-color: #333; top:0}
#allmenu .close:before{ transform: rotate(45deg);}
#allmenu .close:after{ transform: rotate(-45deg);}
#allmenu .w{max-width:1400px; margin: 0 auto; padding: 50px 0;}
#allmenu .nav{margin-left: -30px; display: flex}
#allmenu .nav > li{float: left; width: calc(20% - 30px); margin-left: 30px;}
#allmenu .nav > li > a{display: block; font-size: 24px; font-weight: 700; padding-bottom: 20px; border-bottom: 2px solid #777; margin-bottom: 10px;}
#allmenu .depth2 > li{padding: 20px 0; border-bottom: 1px solid #ccc;}
#allmenu .t{color: #027cb5; font-weight: 700; font-size: 20px;}
#allmenu .depth3{font-size: 14px; color: #777; margin-top: 15px;}
#allmenu .depth3 > li{position: relative;padding-left: .53em;margin-top: 10px;}
#allmenu .depth3 > li:before{position: absolute;left: 0;top:.7em;width: 3px;height: 3px;;content: '';background: #027cb5}
#allmenu .depth3 > li:first-child{margin-top: 0}
#allmenu .nav > li:nth-child(5) .depth3,#allmenu .nav > li:nth-child(6){display: none;}

#top_sch{position: absolute; left: 0; width: 100%; top:100%; background: #fff; padding: 80px 50px;display: none; margin-top: 1px;}
#top_sch .in{max-width:700px; margin: 0 auto;font-size: 1.25rem; }
#top_sch .input_w{margin: 0 auto 20px; border-radius:10px; overflow: hidden; position: relative; border:1px solid #027cb5}
#top_sch .input_w input{width: 100%; height: 65px; padding: 0 80px 0 30px; border:0;background: none}
#top_sch .input_w button{border-radius:0 9px 9px 0; background: #027cb5; font-size: 1.5rem; width: 80px; height: 100%; position: absolute; right: 0; top:0; color: #fff}
#top_sch .hash{padding-left:30px; color: #666}
#top_sch .hash span{margin-right: 10px;}
#top_sch .hash span:last-child{margin-right: 0;}
#top_sch .close{position: absolute; height: 2.692em;width: 2.692em;border-radius:50%;background: #fff; display: block;white-space: nowrap;overflow: hidden;text-indent: -999px;background-size:1rem;position: absolute;left: 50%;bottom:-1.15em;margin-left: -1.347em;}

#top_sch .close:before,#top_sch .close:after{position: absolute;
  left: 50%;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #333; top:50%;margin: -5px 0 0 -1px;}
#top_sch .close:before{ transform: rotate(45deg);}
#top_sch .close:after{ transform: rotate(-45deg);}

#top_nav_m{position:fixed; width: 100%;z-index: 999;background-color:#fff;  top:0;z-index: 300;left: 0; height: 100%; display: none;}
#top_nav_m .top{position: absolute; left: 0 ;top:0; height: 5rem; width: 100%; background: #f3f8fb;border-bottom: 1px solid #ddd;}
#top_nav_m .logo{position: absolute; left: .938rem; top:50%; transform:translateY(-50%); width: 224px; height: 46px; background: url('../img/common/logo.png') center center no-repeat; background-size:100%; display: block;white-space: nowrap; overflow: hidden; text-indent: -999px}
#top_nav_m .logo a{display: block; width: 100%; height: 100%}
#top_nav_m .close{position: absolute; right: .938rem; top:50%;transform:translateY(-50%); white-space: nowrap; overflow: hidden; text-indent: -999px; display: block; width: 30px; height: 30px}
#top_nav_m .close:before,#top_nav_m .close:after{position: absolute;
  left: 50%;
  content: ' ';
  height: 100%;
  width: 2px;
  background-color: #333; top:0}
#top_nav_m .close:before{ transform: rotate(45deg);}
#top_nav_m .close:after{ transform: rotate(-45deg);}
#top_nav_m .nav{line-height: 1; font-size: 15px; background: #027cb5; position: relative; height: calc(100% - 5rem); top:5rem}
#top_nav_m a{display: block}
#top_nav_m .nav > li > a{font-size: 1.18em;font-weight: 400; color: #fff;border-bottom: 1px solid rgba(255,255,255,.3); }
#top_nav_m .nav > li > a >span{ width: 140px; display: block;padding: 1.3rem 0 1.3rem 1.3rem; font-weight: 700;}
#top_nav_m .nav > li:last-child > a{border-bottom: 0;}
#top_nav_m .depth2{position: absolute;left: 140px;top: 0;width: calc(100% - 140px);background: #fff;display: none;z-index: 3; color: #333; font-weight: 400; display: none; height: 100%; overflow-y: auto;}
#top_nav_m .depth2 > li{position: relative; border-bottom: 1px solid #ddd; margin: 0 1em;}
#top_nav_m .depth2 > li:after{position: absolute;right: 0;bottom: 0;width: 87%; height: 1px;background: #fff;content: ''}
#top_nav_m .depth2 .t > a{font-size: 1.25rem; padding: 1em 0; font-weight: 700; color: #027cb5; position: relative;}
#top_nav_m .depth2 .t > a:after{position: absolute; right: 10px;     width: 10px;
    height: 10px;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    vertical-align: middle;
    position: absolute;
    top: 50%; content: ''; transform: rotate(-135deg); margin-top: -10px;}
#top_nav_m .active{background: #fff}
#top_nav_m .active > a{color: #333 !important}
#top_nav_m .depth2 .t > .active:after{transform: rotate(45deg); margin-top: -5px; border-color:#027cb5}
#top_nav_m .opend:before{position: absolute;left: 135px;width: 100%;height: 100%;background: #fff;content: '';z-index: 1  }
#top_nav_m .depth3{font-size: 15px; color: #999; margin-bottom: 15px; line-height: 1; display: none;}
#top_nav_m .depth3 > li{position: relative;padding-left: .53em;margin-top: 15px;}
#top_nav_m .depth3 > li:before{position: absolute;left: 0;top:5px;width: 3px;height: 3px;;content: '';background: #027cb5}
#top_nav_m .depth3 > li:first-child{margin-top: 0}

.gotop{position: fixed; right: 15px; bottom:15px; z-index: 30;box-shadow: 4px 5px 10px rgb(0,0,0,.3); border-radius:10px; display: none;}
.gotop img{display: block;}

.rel_site_w{position: relative; z-index: 130}
.rel_site{    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    text-align: left;
    background: #fff;
    border: 1px solid #ccc; display: none;}
.rel_site a{display: block; padding: 10px 20px; color: #666}
.rel_site a:hover,.rel_site a:focus{background: #f1f1f1}
.rel_site li{border-top: 1px solid #ccc;}
.rel_site li:first-child{border-top: 0;}

.pop-certi .bul-mark span{border-bottom: 1px solid #999;}
.pop-certi .bul-mark .small{font-size: .938em; color: #333}

.pop-alert{background: #fff; position: relative; width:640px; left: 50%; top:50%; max-width:97%; max-height:97%; transform:translate(-50%,-50%); font-size: 1.125rem; padding: 1.5rem; text-align: center; color: #000}
.ico-certi{border:3px solid #027cb5; text-align: center; width: 4.5rem; height: 4.5rem; line-height: 4.15rem; font-weight: 700; font-size: 1.875rem; color: #027cb5; border-radius:50%; margin: 0 auto 1.5rem;}