@charset "utf-8";

.promotion{ height: 350px; }
.infoBanner{ position: relative; }
.infoBanner .btn{ position: absolute; top: 10px; right: 10px; }
.infoBanner .btn input[type="image"]{ display: block; border: none; }
.infoBanner .display{ width: 960px; overflow: hidden; }
.infoBanner .display ul{ width: 4800px; }
.infoBanner .display ul li a{ display: block; }
.infoBanner .display ul li a img{ width: 960px; height: 350px; }

.quick_icon{  }
.quick_icon ul .qitem1 a,
.quick_icon ul .qitem3 a,
.quick_icon ul .qitem4 a{ display: block; width: 150px; height: 174px; color: #0c431a; text-align: center; font-family: "MalgunGothic","Malgun Gothic",Sans-serif; font-size: 15px; font-weight: 400; letter-spacing: -2px; line-height: 300px; }
.quick_icon ul .qitem2 a{ display: block; width: 150px; height: 174px; color: #ffffff; text-align: center; font-family: "MalgunGothic","Malgun Gothic",Sans-serif; font-size: 15px; font-weight: 400; letter-spacing: -2px; line-height: 300px; }
.quick_icon ul li a:active,
.quick_icon ul li a:hover,
.quick_icon ul .qitem1 a:focus,
.quick_icon ul .qitem3 a:focus,
.quick_icon ul .qitem4 a:focus{/* color: #1e23a4; */text-decoration: overline;}
.quick_icon ul .qitem2 a:active,
.quick_icon ul .qitem2 a:hover,
.quick_icon ul .qitem2 a:focus{ color: #ffff00; text-decoration: overline; }
.quick_icon ul .qitem1{ background: url(../images/main/link_lab_1.png?ver=20191210) }
.quick_icon ul .qitem2{ background: url(../images/main/link_lab_2.png?ver=20191210) }
.quick_icon ul .qitem3{ background: url(../images/main/link_lab_3.png?ver=20191210) }
.quick_icon ul .qitem4{ background: url(../images/main/link_lab_4.png?ver=20191210) }
/*
.quick_icon{  }
.quick_icon ul li a{ display: block; width: 150px; height: 174px; color: #ffffff; text-align: center; font-family: "MalgunGothic","Malgun Gothic",Sans-serif; font-size: 15px; font-weight: 400; letter-spacing: -2px; line-height: 300px; }
.quick_icon ul li a:active,
.quick_icon ul li a:hover,
.quick_icon ul li a:focus{ color: #ffff00; text-decoration: overline; }
.quick_icon ul li:nth-child(1){ background: url(../images/main/link_lab_1.png?ver=20191210) }
.quick_icon ul li:nth-child(2){ background: url(../images/main/link_lab_2.png?ver=20191210) }
.quick_icon ul li:nth-child(3){ background: url(../images/main/link_lab_3.png?ver=20191210) }
.quick_icon ul li:nth-child(4){ background: url(../images/main/link_lab_4.png?ver=20191210) }
*/

.link_menu{  }
.qmenu{ margin-bottom: 20px; }
.qmenu > div{ background: #f9f9f9; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; height: 175px; }
.qmenu > div:nth-child(1){ border-top: 1px solid #e1e1e1; }
.qmenu ul{ margin: 9px 16px; }
.qmenu ul li{ width: 140px; height: 158px; margin-right: 5px; }
.qmenu ul li a{display: block;width: 140px; height: 35px; padding-top: 125px; color: #000;text-align: center;font-family: "MalgunGothic","Malgun Gothic",Sans-serif;font-size: 15px;font-weight: 400;letter-spacing: -2px;line-height: 1;}
.qmenu ul li a:active,
.qmenu ul li a:hover,
.qmenu ul li a:focus{ color: #ffffff; }

.qmenu > .mAca ul li a{ height: 30px; padding-top: 130px;  }

.qmenu .mAca > ul li:nth-child(1){ background: url(../images/main/link_academy_1_off.png?ver=20191210); }
.qmenu .mAca > ul li:nth-child(2){ background: url(../images/main/link_academy_2_off.png?ver=20191210); }
.qmenu .mAca > ul li:nth-child(3){ background: url(../images/main/link_academy_3_off.png?ver=20191210); }
.qmenu .mAca > ul li:nth-child(4){ background: url(../images/main/link_academy_4_off.png?ver=20191210); }
.qmenu .mAca > ul li:nth-child(5){ background: url(../images/main/link_academy_5_off.png?ver=20191210); }
.qmenu .mAca > ul li:nth-child(1):active,
.qmenu .mAca > ul li:nth-child(1):hover,
.qmenu .mAca > ul li:nth-child(1):focus,
.qmenu .mAca > ul li:nth-child(1) a:focus
{ background: url(../images/main/link_academy_1_on.png?ver=20191210); }
.qmenu .mAca > ul li:nth-child(2):active,
.qmenu .mAca > ul li:nth-child(2):hover,
.qmenu .mAca > ul li:nth-child(2):focus,
.qmenu .mAca > ul li:nth-child(2) a:focus
{ background: url(../images/main/link_academy_2_on.png?ver=20191210); }
.qmenu .mAca > ul li:nth-child(3):active,
.qmenu .mAca > ul li:nth-child(3):hover,
.qmenu .mAca > ul li:nth-child(3):focus,
.qmenu .mAca > ul li:nth-child(3) a:focus
{ background: url(../images/main/link_academy_3_on.png?ver=20191210); }
.qmenu .mAca > ul li:nth-child(4):active,
.qmenu .mAca > ul li:nth-child(4):hover,
.qmenu .mAca > ul li:nth-child(4):focus,
.qmenu .mAca > ul li:nth-child(4) a:focus
{ background: url(../images/main/link_academy_4_on.png?ver=20191210); }
.qmenu .mAca > ul li:nth-child(5):active,
.qmenu .mAca > ul li:nth-child(5):hover,
.qmenu .mAca > ul li:nth-child(5):focus,
.qmenu .mAca > ul li:nth-child(5) a:focus
{ background: url(../images/main/link_academy_5_on.png?ver=20191210); }
.qmenu .mFre > ul li:nth-child(1){ background: url(../images/main/link_frequency_1_off.png?ver=20191210); }
.qmenu .mFre > ul li:nth-child(2){ background: url(../images/main/link_frequency_2_off.png?ver=20191210); }
.qmenu .mFre > ul li:nth-child(3){ background: url(../images/main/link_frequency_3_off.png?ver=20191210); }
.qmenu .mFre > ul li:nth-child(4){ background: url(../images/main/link_frequency_4_off.png?ver=20191210); }
.qmenu .mFre > ul li:nth-child(5){ background: url(../images/main/link_frequency_5_off.png?ver=20191210); }
.qmenu .mFre > ul li:nth-child(1):active,
.qmenu .mFre > ul li:nth-child(1):hover,
.qmenu .mFre > ul li:nth-child(1):focus,
.qmenu .mFre > ul li:nth-child(1) a:focus
{ background: url(../images/main/link_frequency_1_on.png?ver=20191210); }
.qmenu .mFre > ul li:nth-child(2):active,
.qmenu .mFre > ul li:nth-child(2):hover,
.qmenu .mFre > ul li:nth-child(2):focus,
.qmenu .mFre > ul li:nth-child(2) a:focus
{ background: url(../images/main/link_frequency_2_on.png?ver=20191210); }
.qmenu .mFre > ul li:nth-child(3):active,
.qmenu .mFre > ul li:nth-child(3):hover,
.qmenu .mFre > ul li:nth-child(3):focus,
.qmenu .mFre > ul li:nth-child(3) a:focus
{ background: url(../images/main/link_frequency_3_on.png?ver=20191210); }
.qmenu .mFre > ul li:nth-child(4):active,
.qmenu .mFre > ul li:nth-child(4):hover,
.qmenu .mFre > ul li:nth-child(4):focus,
.qmenu .mFre > ul li:nth-child(4) a:focus
{ background: url(../images/main/link_frequency_4_on.png?ver=20191210); }
.qmenu .mFre > ul li:nth-child(5):active,
.qmenu .mFre > ul li:nth-child(5):hover,
.qmenu .mFre > ul li:nth-child(5):focus,
.qmenu .mFre > ul li:nth-child(5) a:focus
{ background: url(../images/main/link_frequency_5_on.png?ver=20191210); }

.qmenu .mSta > ul li:nth-child(1){ background: url(../images/main/link_station_1_off.png?ver=20191210); }
.qmenu .mSta > ul li:nth-child(2){ background: url(../images/main/link_station_2_off.png?ver=20191210); }
.qmenu .mSta > ul li:nth-child(3){ background: url(../images/main/link_station_3_off.png?ver=20191210); }
.qmenu .mSta > ul li:nth-child(4){ background: url(../images/main/link_station_4_off.png?ver=20191210); }
.qmenu .mSta > ul li:nth-child(5){ background: url(../images/main/link_station_5_off.png?ver=20191210); }
.qmenu .mSta > ul li:nth-child(1):active,
.qmenu .mSta > ul li:nth-child(1):hover,
.qmenu .mSta > ul li:nth-child(1):focus,
.qmenu .mSta > ul li:nth-child(1) a:focus
{ background: url(../images/main/link_station_1_on.png?ver=20191210); }
.qmenu .mSta > ul li:nth-child(2):active,
.qmenu .mSta > ul li:nth-child(2):hover,
.qmenu .mSta > ul li:nth-child(2):focus,
.qmenu .mSta > ul li:nth-child(2) a:focus
{ background: url(../images/main/link_station_2_on.png?ver=20191210); }
.qmenu .mSta > ul li:nth-child(3):active,
.qmenu .mSta > ul li:nth-child(3):hover,
.qmenu .mSta > ul li:nth-child(3):focus,
.qmenu .mSta > ul li:nth-child(3) a:focus
{ background: url(../images/main/link_station_3_on.png?ver=20191210); }
.qmenu .mSta > ul li:nth-child(4):active,
.qmenu .mSta > ul li:nth-child(4):hover,
.qmenu .mSta > ul li:nth-child(4):focus,
.qmenu .mSta > ul li:nth-child(4) a:focus
{ background: url(../images/main/link_station_4_on.png?ver=20191210); }
.qmenu .mSta > ul li:nth-child(5):active,
.qmenu .mSta > ul li:nth-child(5):hover,
.qmenu .mSta > ul li:nth-child(5):focus,
.qmenu .mSta > ul li:nth-child(5) a:focus
{ background: url(../images/main/link_station_5_on.png?ver=20191210); }

.quick_menu{ height: 529px; background: #1e315b; }
.quick_menu h3{ text-align: center; color: #eea20e; margin: 10px 0; font-size: 17px; font-weight: 400; }
.quick_menu ul.q_icon{ margin: 10px 26px; }
.quick_menu ul.q_icon li{ width: 50%; height: 100px; }
.quick_menu ul.q_icon li a{ display: block; width: 90%; height: 100%; margin: 0 auto; color: #ffffff; text-align: center; font-family: "MalgunGothic","Malgun Gothic",Sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -2px; line-height: 12px; }
.quick_menu ul.q_icon li a img{ display: block; width: 72px; height: 72px; background: #eea20e; border-radius: 50%; margin: 0px auto; }
.quick_menu ul.q_icon li a span{ display: block; margin: 5px 0; }
.quick_menu ul.q_icon li a:active span,
.quick_menu ul.q_icon li a:hover span,
.quick_menu ul.q_icon li a:focus span{ color: #ffff00; text-decoration: overline; }

.quick_menu ul.q_menu li a{ display: block; width: 150px; height: 48px; margin: 0 auto; color: #ffffff; text-align: center; font-family: "MalgunGothic","Malgun Gothic",Sans-serif; font-size: 13px; font-weight: 400; letter-spacing: -2px; line-height: 1.5; padding-top: 126px; }
.quick_menu ul.q_menu li span{ display: block; width: 80px; margin: 0 auto; border: 1px solid #d6d6d6; border-radius: 5px; box-shadow: 1px 1px 1px #afaeae; background: #ffffff; color: #333; }
.quick_menu ul.q_menu li:nth-child(1) a{ background: url(../images/main/link_kca_1.png?ver=20191210); }
.quick_menu ul.q_menu li:nth-child(2) a{ background: url(../images/main/link_kca_2.png?ver=20191210); }
.quick_menu ul.q_menu li a:active span,
.quick_menu ul.q_menu li a:hover span,
.quick_menu ul.q_menu li a:focus span{ background: #ffff00; }

.alert{ margin-bottom: 130px; }
.notify > div{ width: 50%; height: 230px; box-sizing: border-box; border: 1px solid #c8c8c8; background: #f9f9f9; }
.notify > div h3{ position: relative; height: 30px; line-height: 30px; text-align: center; background: #edf1f2; border-bottom: 1px solid #c8c8c8; color: #1e315b; font-size: 16px; font-weight: 600; letter-spacing: -1px; }
.notify > div h3 span{ position: absolute; top: 0; right: 10px; font-size: 22px; }
.notify > div ul{ margin: 15px; }
.notify > div ul li{ border-bottom: 1px solid #e2e2e2; border-style: dashed; line-height: 2;}
.notify > div ul li.n1{ background: #fcfcfc; }
.notify > div ul li.n2{ background: #f1f1f1; }
.notify > div ul li a{ color: #333333; padding-left: 5px; font-size: 16px; overflow: hidden; }
.notify > div ul li a::before{  content: "·"; padding-right: 5px; }
.notify > div ul li a span{ display: inline-block; }
.notify > div ul li a span.news{ width: 75px; }
.notify > div ul li a span.text{ width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; }
.notify > div ul li a span.newPoint{ float: right; padding-right: 12px; }
.notify > div ul li a:active,
.notify > div ul li a:hover,
.notify > div ul li a:focus{ color: #000; }
.c_1{ color: blue; }
.c_2{ color: red; }
.c_3{ color: green; }
.c_4{ color: darkblue; }
.c_5{ color: deeppink; }

.popup_zone{  }
.popup_zone .popup{ position: relative; width: 300px; }
.popup_zone .popup .btn{ position: absolute; right:10px; z-index: 10; }
.popup_zone .popup .btn a{ display: block; float: left; background: #ffffff; width: 14px; height: 14px; margin: 0 2px; border-radius: 50%; }
.popup_zone .popup .btn a.selecter{ width: 40px; border-radius: 8px !important; }
.popup_zone .popup_display ul{ position: relative; }
.popup_zone .popup_display ul li{ position: absolute; top: 0; left:0; }

/* footSlide */
.footSlide{position:absolute; bottom: 160px; left: 0; width: 100%; height:110px; background:#f4f4f5; overflow:hidden; }
.footSlide .wp-wrap{position:relative;padding:0;width:1280px;margin:0 auto;overflow:hidden;}
.footSlide .wp-wrap .innr{padding-right:30px;}

#footSlideList{position:relative;display:inline-block;margin:0;padding:0;z-index:1; margin-left: 80px; width: 1350px; }
#footSlideList li {float:left;padding:33px 20px 37px 0;height:40px; width: 200px;}
#footSlideList li a {display:block;}
#footSlideList li a:focus { border:1px solid #000;}

.footSlideControl{}
.footSlideControl li{margin-top:9px;}

.footSlideControl li { position: absolute; top: 30px; z-index: 5; }
.footSlideControl li:nth-child(1){ left: 0; }
.footSlideControl li:nth-child(2){ right: 0; }

@media screen and (max-width:959px) {#pcVer{display:none;} #mobileVer{display:block;}}
#mobileVer{display:none;}