@charset "utf-8";
@import url('style.css'); 

/* MAIN */

.main_cont{width:1280px;margin:0 auto;overflow:hidden; padding-bottom:50px;}

/*비쥬얼*/
#leftVisual{float:left;width:476px;height:780px;position:relative;margin-right:14px;}

#mainRight{float:left;margin-left:10px; width:780px; }

#notice-inner{position: relative; width: 100%;margin: 0 auto; box-sizing: border-box;padding-top:10px;}
#notice-inner h3 {color: #023a73;font-size: 22px; font-weight: 600; }
#notice-inner .notice-list{margin: 10px 0 30px; }
#notice-inner .contents-flex {display: flex; justify-content:space-between;margin-left: -5px; margin-right: -5px;}
#notice-inner .notice-list {height:100%; vertical-align:top;box-sizing: border-box; padding: 0px;}
#notice-inner .contents-flex  > div {width: 33.3333%; margin:0 5px;box-sizing: border-box; }
#notice-inner .notice-list > div{border-radius:15px;background:#F5F8FD;border:1px solid #F5F8FD; padding:20px 20px 10px;}
#notice-inner .notice-list  > div > a{display:block;}
#notice-inner .notice-list  > div  .date{font-size:14px; color:#999; margin-top:30px;}
#notice-inner .notice-list  > div  .tit {font-size:17px; font-weight:500;line-height: 1.5em; letter-spacing: -0.02em;height:55px;margin-bottom:5px;}
#notice-inner .notice-list  > div  .tit{overflow: hidden;text-overflow: ellipsis;text-overflow : ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;   -webkit-box-orient: vertical;}
#notice-inner .notice-list  > div:after {content: '';  display: block; clear: both;}
#notice-inner .notice-list  > div:hover{background:#c1e8ff;  }
#notice-inner .notice-list .more {position: absolute; top: 10px; right: 20px;text-indent: 0;color:#666;font-size:16px;padding-right:15px;}
#notice-inner .notice-list .more:before,
#notice-inner .notice-list .more:after {content:"";width:12px; height:3px;background:#ccc;position:absolute;left:100%;top:50%;margin:-1px 0 0 -6px;}
#notice-inner .notice-list .more:after {transform:rotate(90deg);}

#service-inner {position: relative; width: 100%;margin: 0 auto; box-sizing: border-box;}
#service-inner  ul{position: relative;  overflow: hidden;margin: 40px 0;}
#service-inner  ul li {position: relative; float: left; width: 25%; padding: 0 0px;box-sizing: border-box;text-align:center; }
#service-inner  ul li a {position: relative;display: block; text-align:center;padding:0px;margin:10px 0; transition: all 0.2s;}
#service-inner  ul li a.icon01 {background:  url(images/main-icon01.png)no-repeat top center; background-size:35%; }
#service-inner  ul li a.icon02 {background:  url(images/main-icon02.png)no-repeat top center; background-size:35% }
#service-inner  ul li a.icon03 {background:  url(images/main-icon03.png)no-repeat top center; background-size:35% }
#service-inner  ul li a.icon04 {background:  url(images/main-icon04.png)no-repeat top center; background-size:35% }
#service-inner  ul li a.icon05 {background:  url(images/main-icon05.png)no-repeat top center; background-size:35% }
#service-inner  ul li a:before {display: block;  width: 60px; height: 60px;content: "";  background-position: center; margin:0 auto 15px; box-sizing: border-box; transition: all 0.1s;}
#service-inner  ul li span {display: block; font-size:18px; font-weight:600;line-height: 1.4em; letter-spacing: -0.02em;transition: all 0.1s;}
#service-inner  ul li a:hover {text-decoration: none; color: #191919; transform: translateY(-5px);}

#guide-inner{position: relative; width: 100%;margin: 0 auto; box-sizing: border-box;}
#guide-inner .contents-flex {display: flex; justify-content:space-between;}
#guide-inner .guide-box{ background-image: url(images/guide_bg.png), linear-gradient(to right, #0c7ef5, #03468a) ; background-repeat:no-repeat;background-position:center left;border-radius:15px; padding:30px; }
#guide-inner .guide-box:after{background:url(images/guide_bg.png) no-repeat}
#guide-inner .guide-box .guide1{margin-right:-50px;}
#guide-inner .guide-box .guide1 p{font-size:30px;color:#fff;line-height:130%; font-weight:700;font-family: 'GmarketSans';}
#guide-inner .guide-box .guide2 span{display: block;font-size: 20px;font-weight:600;line-height: 22px;color: #fff;margin-bottom: 0px}
#guide-inner .guide-box .guide2 strong{display: block; font-size: 25px;font-weight: 700; line-height: 42px;color: #fff;margin-bottom: 12px; border-bottom:1px solid rgb(255,255,255,0.5);}
#guide-inner .guide-box .guide2 small{font-size:18px; color:#fff; }
#guide-inner .guide-box .btns {margin-top: 0px; margin-bottom: 0px;}
#guide-inner .guide-box .btns a {display:flex;font-size:16px;font-weight:500;padding:0 25px;line-height:40px;width:100px;height:110px;position:relative;align-items:Center;border-radius:10px;margin:7px 0;}
#guide-inner .guide-box .btns a.btn1 {background:#fff; color:#023a73;}
#guide-inner .guide-box .btns a.btn2 {background:#fff; color:#023a73;}
#guide-inner .guide-box .btns a:after  {content:"";position:absolute;right:22px;top:50%;width: 8px;height: 8px;border:solid 2px #023a73;border-top:0;border-left:0;transform:rotate(-45deg);margin-top:-5px;transition:right .25s ease-in-out;}
#guide-inner .guide-box .btns a:hover:after{right:16px;}
#guide-inner .guide-box .btns a.btn1:hover, #guide-inner .guide-box .btns a.btn2:hover {background:#c1e8ff;box-shadow:2px 5px 5px rgba(0,0,0,0.25);transition: all 0.3s}










    
/*#service-inner {position: relative; width: 100%;margin: 0 auto; box-sizing: border-box;}
#service-inner  ul{position: relative;  overflow: hidden;margin: 20px 0 30px;}
#service-inner  ul li {position: relative; float: left; width: 20%; padding: 0 0px;box-sizing: border-box;text-align:center; }
#service-inner  ul li a {position: relative;display: block; text-align:center;padding:0px;transition: all 0.2s;}
#service-inner  ul li a.icon01:before {background-position:5px top;}
#service-inner  ul li a.icon02:before  {background-position:-222px top;}
#service-inner  ul li a.icon03:before {background-position:-424px top;}
#service-inner  ul li a.icon04:before {background-position:-638px top;}
#service-inner  ul li a.icon05:before {background-position:-848px top;}
#service-inner  ul li a:before {display: block;  width: 90px; height: 80px;content: ""; background:  url(images/main-icon2.png)no-repeat; background-position: center; margin:0 auto 15px; box-sizing: border-box; transition: all 0.1s;}
#service-inner  ul li li span {display: block; font-size: 18px;font-weight: 600; line-height: 30px;transition: all 0.1s;}
*/










































.rContA{overflow:hidden;width:790px;height:137px;}
.cont_a1{float:left;position:relative;width:379px;height:135px;/* border:1px solid #ddd; */}
.cont_a1 a{display:block;position:absolute;top:74px;}
.cont_a1 a.btn_a{left:111px}
/*.cont_a1 a.btn_b{left:192px} */

.cont_a2{float:left;position:relative;width:393px;height:135px;margin-left:14px;}
.cont_a2 a{display:block;width:92px;height:18px;position:absolute;}
.cont_a2 a{top:100px;left:132px;}
.cont_a2 a+a{top:100px;left:226px;}

.rContB{margin-top:14px;width:791px;overflow:hidden;}

.cont_b1{width:379px;height:188px;border:1px solid #ddd;background:#f3f3f3;position:relative;float:left;    margin-right: 14px}

.cont_b1 p,.cont_d1 p{width:68px;height:22px;overflow:hidden;}
.cont_b1 p a,.cont_b2 p a,.cont_d1 p a{display:block;font-size:0;line-height:1;overflow:hidden;text-indent:-9999em;width:68px;height:22px;}
.noti_tab1{background:url(../images/main/line_tab.gif) no-repeat 100% 2px;padding-right:15px;position:absolute;top:20px;left:14px;}
.noti_tab1 a{background:url(../images/main/noti_tab1.png) no-repeat 0 0;}
.noti_tab2{position:absolute;top:20px;left:110px;}
.noti_tab2 a{background:url(../images/main/noti_tab2.png) no-repeat 0 0;}
.noti_tab3{background:url(../images/main/line_tab.gif) no-repeat 100% 2px;padding-right:15px;position:absolute;top:20px;left:14px;}
.noti_tab3 a{background:url(../images/main/noti_tab3.png) no-repeat 0 0;}
.noti_tab4{position:absolute;top:20px;left:110px;}
.noti_tab4 a{background:url(../images/main/noti_tab4.png) no-repeat 0 0;}
.noti_tab a.on{background-position:0 -22px}
.cont_b1 .more,.cont_d1 .more{position:absolute;top:18px;right:15px;}



.cont_b2{width:393px;;height:188px;background:#f3f3f3;border:1px solid #ddd;float:left;position:relative;}
.cont_b2 .tit{margin-top:17px;padding-left:14px;display:block;height:16px;margin-bottom:15px;}
.cont_b2 p{width:68px;height:22px;overflow:hidden;}
.cont_b2 p a{display:block;font-size:0;line-height:1;overflow:hidden;text-indent:-9999em;width:68px;height:22px;}
.cont_b2 .more{position:absolute;top:18px;right:15px;}


.m_noti_cont ul{position:absolute;top:56px;overflow:hidden;padding:0 15px;box-sizing:border-box;width:100%;}
.m_noti_cont li{background:url(../images/common/dot_0.gif) no-repeat 0 12px;padding-left:10px;overflow:hidden;width:100%;line-height:130%;display:inline-block; box-sizing:border-box;}
.m_noti_cont li a{max-width:240px;overflow:hidden;word-break:nowrap;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;float:left;color:#666;}
.m_noti_cont li a:hover{text-decoration:underline;}
.m_noti_cont img.ico_new{float:left;margin-top:5px;margin-left:3px;}
.m_noti_cont .date{float:right;color:#999;}



/*.cont_b2{overflow:hidden;border:1px solid #ddd;width:393px;float:left;margin-left:14px;}
.cont_b2 li{float:left;width:196px;}
.cont_b2 li a{display:block;font-size:0;line-height:1;overflow:hidden;text-indent:-9999em;width:196px;height:94px;}
.cont_b2 .ban1{background:url(../images/main/b_ban1.gif) no-repeat 0 0}
.cont_b2 .ban2{background:url(../images/main/b_ban2.gif) no-repeat 0 0}
.cont_b2 .ban3{background:url(../images/main/b_ban3.gif) no-repeat 0 0}
.cont_b2 .ban4{background:url(../images/main/b_ban4.gif) no-repeat 0 0}
.cont_b2 li a:hover{background-position:0 -94px}
.cont_b2 li:nth-child(1), .cont_b2 li:nth-child(3){border-right:1px solid #ddd;}
.cont_b2 li:nth-child(2), .cont_b2 li:nth-child(4){border-right:0px}
*/
.rContC{margin-top:14px;width:789px;height:109px;background:#f3f3f3;border:1px solid #ddd;position:relative; box-sizing:border-box;}
.rContC strong{position:absolute;top:46px;left:30px;font-size:16px}
.rContC .deptAlbum{position:absolute;top:25px;left:207px;width:540px!important;}
.rContC .deptAlbum a{display:block;float:left;width:88px;height:59px;margin-left:10px;margin-right:10px;cursor:pointer}
.rContC .deptAlbum a img{width:88px;height:59px;}

.center #prev{position:absolute;top:47px;left:176px;}
.center #next{position:absolute;top:47px;right:12px;}

.rContD{margin-top:14px;width:791px;}

.cont_d1{width:379px;height:158px;border:1px solid #ddd;background:#f3f3f3;position:relative;float:left;margin-right:14px;}


.cont_d2{width:393px;;height:158px;background:#f3f3f3;border:1px solid #ddd;float:left;position:relative;}
.cont_d2 .tit{margin-top:17px;padding-left:14px;display:block;height:16px;margin-bottom:15px;}
.cont_d2 #prev2{position:absolute;top:83px;left:11px;width:13px;height:20px;}
.cont_d2 #next2{position:absolute;top:83px;right:11px;width:13px;height:20px;}
.m_mediaDiv{width:291px;height:88px;position:relative;margin:0 auto;}
.m_mediaDiv a.m_media{display:block;width:133px;height:87px;float:left;margin-right:13px;margin-left:12px;}
.m_mediaDiv a.m_media img{position:static;top:0;left:0;z-index:80}
.m_media.cycle-slide{cursor:pointer;position:relative!important}
span.m_hover{position:absolute;top:0;left:0;width:130px;height:87px;z-index:110;display:none}
.m_media.on span.m_hover{display:inline}
.m_media span.m_hover .txt{color:#fff;font-weight:bold;letter-spacing:-1px;position:absolute;top:10px;left:10px;z-index:120;line-height:17px;word-wrap: break-word; /* Internet Explorer 5.5+ */ 
white-space: pre-wrap; /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */  
word-break:break-all;}
.m_media span.m_hover .bg{position:absolute;top:0;left:0;background:#000;width:133px;height:87px;z-index:110;opacity: 0.7;
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
							filter: alpha(opacity=70);-khtml-opacity: 0.9;-moz-opacity: 0.7;}
.m_mediaDiv li a:first-child{margin-right:20px;}
.m_mediaDiv li{float:left;width:291px;}

.cont_d2 .more{position:absolute;top:18px;right:15px;}

.rContE{overflow:hidden;border:1px solid #ddd;height:62px;margin-top:14px;}
.rContE li{float:left;}
.rContE .ban a{background:url(../images/main/e_ban.gif) no-repeat 0 0;height:62px;}
.rContE .ban a{display:block;font-size:0;line-height:1;overflow:hidden;text-indent:-9999em;}
.ban.ban01 a{width:194px;background-position:0 0}
.ban.ban02 a{width:193px;background-position:-194px 0}
.ban.ban03 a{width:194px;background-position:-387px 0}
.ban.ban04 a{width:207px;background-position:-581px 0}
.ban.ban01 a:hover,.ban.ban01 a:focus,.ban.ban01 a:active{background-position:0 -62px}
.ban.ban02 a:hover,.ban.ban02 a:focus,.ban.ban02 a:active{background-position:-194px -62px}
.ban.ban03 a:hover,.ban.ban03 a:focus,.ban.ban03 a:active{background-position:-387px -62px}
.ban.ban04 a:hover,.ban.ban04 a:focus,.ban.ban04 a:active{background-position:-581px -62px}

.info-link{margin-top:10px;width:789px;height:120px;background:#f3f3f3;border:1px solid #ddd;text-align:center;padding:10px 0px;box-sizing: border-box;}
.info-link ul{padding:0px; margin:0px; width:100%;}
.info-link li{float:left;margin:0.5%;  box-sizing:border-box; }
.info-link .count-5 li {width:18.5%;}
.info-link li > a{display:inline-block;width:100%; padding:5px 0;font-size:1.000em; font-weight:500;; border-radius:5px; line-height:130%}
.info-link li > a > i {display:block; width:55px; height:55px; margin:0 auto 10px;  background:#fff no-repeat center;background-size:70%; border-radius:55px;}
.info-link li > a > i.icon_01{background-image:url(../images/main/icon_01.png);}
.info-link li > a > i.icon_02{background-image:url(../images/main/icon_02.png);}
.info-link li > a > i.icon_03{background-image:url(../images/main/icon_03.png);}
.info-link li > a > i.icon_04{background-image:url(../images/main/icon_04.png);}
.info-link li > a > i.icon_05{background-image:url(../images/main/icon_05.png);}
.info-link li > a{-ms-transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.info-link i {-webkit-transition:all 0.3s;transition:all 0.3s;}
.info-link a:hover i {-ms-transform:scale(1.20); -webkit-transform:scale(1.20); transform:scale(1.20); }
.cb{clear:both;}