@charset "utf-8";

/* ======================================== Layout ======================================== */

#skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
#skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px}
#skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0}

body{font-family:'NanumSquare','Nanum Gothic';font-size:17px;color:#333;letter-spacing:-0.2px;}
#wrap{min-width:1320px;position:relative;}
.inner{width:1320px;}
#header{height:130px;border-bottom:2px solid #00b0dc;}
.m2 #header{border-bottom:2px solid #7e83eb;}
.m3 #header{border-bottom:2px solid #f68dca;}
.m99 #header,
.m100 #header{border-bottom:2px solid #ffbd2e;}
#header > .inner{height:120px;}
#header h1{position:absolute;top:12px;left:0;z-index:11;}
#header h1 a{display:block;}
#header .topLink{display:block;position:absolute;top:20px;right:396px;line-height:36px;overflow:hidden;}
#header .topLink li{display:block;position:relative;float:left;padding:0 20px;}
#header .topLink li:before{display:block;content:'';position:absolute;left:-1px;top:50%;margin-top:-5px;width:1px;height:10px;background:#a8a8a8;}
#header .topLink li a{display:block;font-family:'Nanum Gothic';font-size:15px;}
#header .topLink li a:hover{text-decoration:underline;}
#header .topLink li.past_home a{margin-top:4px;width:110px;height:28px;line-height:28px;font-size:14px;text-align:center;color:#555;background:#f5f5f5;border:1px solid #ccc;border-radius:50px;box-sizing:border-box;}
#header .topLink li.past_home a:hover{text-decoration:none;}
/* #header .topLink li.joinInfo{display:none;} */
#header .topSearch{display:block;position:absolute;top:20px;right:162px;padding:2px 50px 2px 10px;height:36px;width:230px;background:#fff;border:1px solid #00b0dc;border-radius:20px;box-sizing:border-box;}
#header .topSearch input[type='text']{display:inline-block;width:100%;height:30px;font-family:'Nanum Gothic';font-size:14px;border:none;}
#header .topSearch input::-webkit-input-placeholder,
#header .topSearch input:-ms-input-placeholder,
#header .topSearch input::placeholder{color:#00b0dc;}

#header .topSearch input[type='submit']{display:block;position:absolute;top:2px;right:10px;width:40px;height:30px;text-indent:-9999em;background:transparent url(/ilove/images/common/icon_topSearch.png) no-repeat center center !important;border:0px none;}
#header .snsBox{display:block;position:absolute;top:22px;right:0;}
#header .snsBox li{float:left;margin-right:6px;}
#header .snsBox li:last-child{margin-right:0px;}

#gnb{position:absolute;left:0;right:0;top:70px;z-index:10;}
#gnb ul,
#gnb ul li,
#gnb ul li a{display:block;letter-spacing:-.5px;}
#gnb > .inner > ul{float:right;text-align:left;}
#gnb > .inner > ul:after{display:block;content:'';clear:both;}
#gnb > .inner > ul > li{float:left;display:block;width:230px;}
#gnb > .inner > ul > li.active > ul{position:relative;background:#fff;}
#gnb > .inner > ul > li.active > ul:after{display:block;content:'';position:absolute;top:-1px;left:0;right:0;border-top:2px solid #00b0dc;}
#gnb > .inner > ul > li > a{display:block;position:relative;font-size:21px;color:#333;font-weight:bold;line-height:60px;box-sizing:border-box;text-align:center;}
#gnb > .inner > ul > li.item3{width:190px;}
#gnb > .inner > ul > li.item3 > a{padding-right:20px;}
/*
#gnb > .inner > ul > li > a:hover{color:#05aee1;}
#gnb > .inner > ul > li > a:hover:after{display:block;content:'';position:absolute;right:24px;top:13px;width:6px;height:6px;border-radius:3px;background:#00b0dc;}
#gnb > .inner > ul > li.item2 > a:hover:after{right:51px;}
#gnb > .inner > ul > li.item3 > a:hover:after{right:62px;}
*/
#gnb > .inner > ul > li.active > a{color:#05aee1;}
#gnb > .inner > ul > li.active > a:after{display:block;content:'';position:absolute;right:24px;top:13px;width:6px;height:6px;border-radius:3px;background:#00b0dc;}
#gnb > .inner > ul > li.active.item2 > a:after{right:51px;}
#gnb > .inner > ul > li.active.item3 > a:after{right:62px;}
#gnb > .inner > ul > li > ul{display:none;padding:35px 0 70px 35px;height:337px;border-right:1px solid #e8eaeb;box-sizing:border-box;}
#gnb > .inner > ul > li.item1 > ul{border-left:1px solid #e8eaeb;}
#gnb > .inner > ul > li > ul > li{margin-bottom:10px;}
#gnb > .inner > ul > li > ul > li > a{padding:5px 0;font-size:19px;color:#444;font-weight:bold;line-height:140%;}
#gnb > .inner > ul > li > ul > li > a:hover{color:#05aee1;}
#gnb > .inner > ul > li > ul > li > a:after{background:url(/ilove/images/common/depth2_bg_on.png) 0 0 no-repeat;}
#gnb > .inner > ul > li > ul > li > ul > li > a{display:block;position:relative;padding:5px 0 5px 10px;font-size:17px;color:#777;line-height:150%;}
#gnb > .inner > ul > li > ul > li > ul > li > a:after{display:block;content:'';position:absolute;left:0;top:15px;width:5px;height:2px;background:#999;z-index:2;}
#gnb > .inner > ul > li > ul > li > ul > li > a:hover{padding-left:15px;color:#e69b11;font-weight:bold;}
#gnb > .inner > ul > li > ul > li > ul > li > a:hover:after{width:10px;background:#e69b11;transition:0.1s;}
#gnb.hover:before{display:block;content:'';position:absolute;top:60px;left:0;right:0;border-top:1px solid #ddd;z-index:2;}
#gnb.hover:after{display:block;content:'';position:absolute;top:60px;bottom:-2px;left:0;right:0;background:#f7fafc url(/ilove/images/common/bg_gnb_right.png) no-repeat 95% 30%;border-bottom:2px solid #00b0dc;}
#gnb.hover > .inner{background:url(/ilove/images/common/bg_gnb.png) 10px 95px no-repeat;z-index:2;}
#gnb.hover > .inner:before{display:block;content:'';position:absolute;left:-120px;top:190px;width:45px;height:62px;background:url(/ilove/images/common/img_gnbHover_before.png) no-repeat;}
#gnb.hover > .inner > ul > li > ul{display:block;}

#footer{border-top:1px solid #dbdbdb;background:#f3f3f3;}
#footer .footerSite{height:44px;background:#fff;border-bottom:1px solid #dbdbdb;}
#footer .footerSite .siteWrap{float:left;position:relative;width:25%;}
#footer .footerSite .siteWrap .btn_siteOpen{display:block;padding-left:20px;font-family:'Nanum Gothic';font-size:15px;line-height:44px;background:url(/ilove/images/common/bg_siteOpen.png) right 40px center no-repeat;}
#footer .footerSite .siteWrap .siteList{display:none;position:absolute;bottom:44px;padding:20px;width:100%;max-height:150px;background:#fff;border:1px solid #ddd;overflow-y:auto;box-sizing:border-box;}
#footer .footerSite .siteWrap .siteList ul li a{display:block;padding:3px 0;font-family:'Nanum Gothic';font-size:14px;}
#footer .footerSite .siteWrap.active .siteList{display:block;}
#footer > .inner{padding:35px 0 35px 500px;}
#footer > .inner a{font-family:'Nanum Gothic';font-size:14px;color:#333;}
#footer > .inner .footerLogo{position:absolute;left:40px;top:80px;}
#footer > .inner ul{overflow:hidden;position:absolute;left:15px;top:40px;}
#footer > .inner ul:after{display:block;content:'';clear:both;}
#footer > .inner ul li{float:left;position:relative;margin-right:15px;padding-right:15px;}
#footer > .inner ul li:after{display:block;content:'';position:absolute;top:50%;left:-15px;margin-top:-6px;height:12px;border-left:1px solid #bbbbbb;}
#footer > .inner ul li a b{color:#333;}
#footer > .inner p{margin-bottom:10px;font-family:'Nanum Gothic';font-size:14px;color:#666;line-height:160%;}
#footer > .inner p b{color:#555;}
#footer > .inner p span{margin:0 15px;}
#footer > .inner p.copy{margin-top:20px;}

#container{position:relative;min-height:800px;padding-bottom:100px;}
#container > .inner{position:relative;width:1320px;}
#containerTop{position:absolute;top:0;left:0;right:0;box-sizing:border-box;width:100%;height:146px;background:url(/ilove/images/common/bg_subvisual.jpg) center top no-repeat;}
#containerTop.sub_bg2{background:url(/ilove/images/common/bg_subvisual2.jpg) center top no-repeat;}
#containerTop.sub_bg3{background:url(/ilove/images/common/bg_subvisual3.jpg) center top no-repeat;}
#containerTop.sub_bg99,
#containerTop.sub_bg100{background:url(/ilove/images/common/bg_subvisual99.jpg) center top no-repeat;}
#side{position:relative;float:left;width:240px;}
#side .sidemenu h2{position:relative;height:180px;margin:30px 0 8px;box-shadow:0 5px 5px 0 #ddd;border-radius:15px;}
#side .sidemenu1 h2{background:url(/ilove/images/common/h2Title1.png) left top no-repeat;}
#side .sidemenu2 h2{background:url(/ilove/images/common/h2Title2.png) left top no-repeat;}
#side .sidemenu3 h2{background:url(/ilove/images/common/h2Title3.png) left top no-repeat;}
#side .sidemenu_member h2{background:url(/ilove/images/common/h2Title_member.png) left top no-repeat;}
#side .sidemenu_page h2{background:url(/ilove/images/common/h2Title_page.png) left top no-repeat;}
#side .sidemenu h2:after{display:block;content:'';position:absolute;bottom:-17px;left:30px;width:180px;height:33px;background:url(/images/sub/icon_containerNav_bottom.png) no-repeat;}

.menuList{padding:8px 18px 18px;border:1px solid #ccc;border-radius:15px;}
.menuList > ul > li{border-bottom:1px dashed #ddd;}
.menuList > ul > li > a{display:block;height:45px;line-height:46px;font-size:17px;font-weight:bold;background:url(/ilove/images/common/sideArrow.png) 95% center no-repeat;box-sizing:border-box;}
.menuList > ul > li.over > a,
.menuList > ul > li > a:hover{color:#00a1c9;background:url(/ilove/images/common/sideArrow_on.png) 95% center no-repeat;}
.m2 .menuList > ul > li.over > a,
.m2 .menuList > ul > li > a:hover{color:#7e84eb;background:url(/ilove/images/common/sideArrow_on2.png) 95% center no-repeat;}
.m3 .menuList > ul > li.over > a,
.m3 .menuList > ul > li > a:hover{color:#ea5eb0;background:url(/ilove/images/common/sideArrow_on3.png) 95% center no-repeat;}
.m99 .menuList > ul > li.over > a,
.m99 .menuList > ul > li > a:hover,
.m100 .menuList > ul > li.over > a,
.m100 .menuList > ul > li > a:hover{color:#ff9100;background:url(/ilove/images/common/sideArrow_on99.png) 95% center no-repeat;}
.menuList > ul > li.over > .dep2{display:block;position:relative;}
.menuList > ul > li.over > .dep2:after{display:block;content:'';position:absolute;top:-2px;left:-15px;right:-15px;height:1px;background:#fff;z-index:1;}
.menuList > ul > li:last-child.over > .dep2{margin-bottom:15px;}
.menuList .dep2{display:none;margin-bottom:18px;padding:15px 0 5px 15px;background:#f2f2f2;border-radius:10px;border:1px dashed #cdcdcd;}
.menuList .dep2 > li {padding:0 0 12px 0;}
.menuList .dep2 > li a{display:block;background:url(/ilove/images/common/icon_dep2.png) left 6px no-repeat;padding:0 0 0 7px;font-size:14px;font-family:'Nanum Gothic';}
.menuList .dep2 > li.over > a{color:#00a1c9;text-decoration:underline;text-underline-position:under;background:url(/ilove/images/common/icon_dep2_on.png) left 6px no-repeat;}
.m2 .menuList .dep2 > li.over > a{color:#7e84eb;text-decoration:underline;text-underline-position:under;background:url(/ilove/images/common/icon_dep2_on2.png) left 6px no-repeat;}

#contents{position:relative;float:right;width:1050px;padding-top:170px;padding-bottom:50px;}
.contentTop{position:relative;border-bottom:1px solid #b6b6b6;margin-bottom:30px;}
.contentTop h3{font-size:28px;color:#000;letter-spacing:-1px;line-height:54px;}
.contentTop .location{position:absolute;right:5px;bottom:13px;;font-size:15px;font-family:'Nanum Gothic';color:#444;}
.contentTop .location li{position:relative;display:inline-block;}
.contentTop .location li:after{display:inline-block;content:">";clear:both;margin:0 5px;font-family:'dotum';font-size:12px;color:#999;}
.contentTop .location li.home:after,
.contentTop .location li:last-child:after{display:none;}

#quickMenu{position:fixed;top:142px;left:50%;margin-left:690px;width:85px;text-align:center;background:#fff;border:1px solid #ccc;border-radius:5px;}
#quickMenu ul li a{display:block;padding:55px 10px 10px;font-family:'Nanum Gothic';font-size:14px;border-bottom:1px dashed #ccc;box-sizing:border-box;}
#quickMenu ul li.item1 a{background:url(/ilove/images/common/icon_quick1.png) center 7px no-repeat;}
#quickMenu ul li.item2 a{background:url(/ilove/images/common/icon_quick2.png) center 7px no-repeat;}
#quickMenu ul li.item3 a{background:url(/ilove/images/common/icon_quick3.png) center 7px no-repeat;}
#quickMenu ul li.item4 a{background:url(/ilove/images/common/icon_quick4.png) center 7px no-repeat;}
#quickMenu ul li a:hover{text-decoration:underline;}
#quickMenu #btnTop{display:block;margin:12px 0;}

/* MAIN */
#container.mainContainer{padding:30px 0 45px;}
#container.mainContainer > .inner{position:relative;}
#mainVisual{margin-bottom:25px;}
#mainVisual:after{display:block;content:'';clear:both;}
#mainSlogan{float:left;width:880px;height:395px;background:#f8f5ed url(/ilove/images/main/bg_mainVisual.png) center no-repeat;}
#mainPopup{float:right;position:relative;width:425px;height:395px;border:1px solid #ccc;overflow:hidden;box-sizing:border-box;}
#mainPopup h3{padding:6px 0 0 20px;font-size:20px;color:#111;line-height:54px;}
#mainPopup ul li{width:423px;height:333px;}
#mainPopup ul li img{width:100%;height:100%;}
#mainPopup .bx-wrapper{position:static;}
#mainPopup .bx-controls{display:inline-block;position:absolute;top:22px;right:10px;text-align:center;}
#mainPopup .bx-pager,
#mainPopup .bx-pager-item{display:inline-block;}
#mainPopup .bx-pager-item a{display:inline-block;margin:0 4px;width:12px;height:12px;text-indent:-9999px;background:#aaa;border:none;border-radius:50%;box-sizing:border-box;vertical-align:middle;}
#mainPopup .bx-pager-item a.active{background:#00b0dc;}
#mainPopup .bx-controls-auto,
#mainPopup .bx-controls-auto-item{display:inline-block;}
#mainPopup .bx-controls-auto-item a{display:inline-block;margin:0 4px;width:12px;height:12px;text-indent:-9999px;vertical-align:middle;}
#mainPopup .bx-controls-auto-item a.active{display:none;}
#mainPopup .bx-controls-auto-item .bx-stop{background:url(/ilove/images/main/icon_mainPopup_stop.png) center no-repeat;}
#mainPopup .bx-controls-auto-item .bx-start{background:url(/ilove/images/main/icon_mainPopup_start.png) center no-repeat;}
#mainQuick{margin-bottom:25px;overflow:hidden;}
#mainQuick > ul{display:block;margin:0 -5px;}
#mainQuick > ul:after{display:block;content:'';clear:both;}
#mainQuick > ul > li{float:left;padding:0 5px;width:16.6%;box-sizing:border-box;}
#mainQuick > ul > li > a{display:block;padding:5px;text-align:center;}
#mainQuick > ul > li > a > span{display:block;padding-top:105px;height:150px;font-size:21px;color:#000;font-weight:bold;border:1px dashed rgba(255,255,255,0.7);box-sizing:border-box;}
#mainQuick > ul > li.item1 > a{background:#4bd2e7 url(/ilove/images/main/icon_mainQuick1.png) center 15px no-repeat;}
#mainQuick > ul > li.item2 > a{background:#97baff url(/ilove/images/main/icon_mainQuick2.png) center 15px no-repeat;}
#mainQuick > ul > li.item3 > a{background:#ff9797 url(/ilove/images/main/icon_mainQuick3.png) center 15px no-repeat;}
#mainQuick > ul > li.item4 > a{background:#ffcf77 url(/ilove/images/main/icon_mainQuick4.png) center 15px no-repeat;}
#mainQuick > ul > li.item5 > a{background:#67e0b3 url(/ilove/images/main/icon_mainQuick5.png) center 15px no-repeat;}
#mainQuick > ul > li.item6 > a{background:#968cff url(/ilove/images/main/icon_mainQuick6.png) center 15px no-repeat;}
#mainQuick > ul > li > a:hover{text-decoration:underline;}
#mainContent{margin-bottom:25px;}
#mainContent:after{display:block;content:'';clear:both;}
#mainContent > div{float:left;width:430px;height:490px;border:1px solid #ccc;box-sizing:border-box;}
#mainContent > div h3{display:block;font-size:20px;color:#111;line-height:50px;letter-spacing:-0.5px;font-weight:bold;}
#mainContent > #mainEvent{position:relative;margin-right:10px;padding:15px 25px;width:440px;}
#mainEvent .mainCalendarTop{position:absolute;right:10px;top:15px;}
#mainEvent .mainCalendarTop b{display:inline-block;line-height:50px;font-size:19px;color:#00a7d1;letter-spacing:-.5px;vertical-align:top;}
#mainEvent .mainCalendarTop a{display:inline-block;width:40px;height:50px;text-indent:-9999px;vertical-align:top;}
#mainEvent .mainCalendarTop .btn_monthPrev{background:url(/ilove/images/main/icon_btnMonthPrev.png) center no-repeat;}
#mainEvent .mainCalendarTop .btn_monthNext{background:url(/ilove/images/main/icon_btnMonthNext.png) center no-repeat;}
#mainEvent .mainCalendar{padding:2px 0 8px;}
#mainEvent .mainCalendar table{width:100%;}
#mainEvent .mainCalendar table th,
#mainEvent .mainCalendar table td{font-family:'Nanum Gothic';font-size:14px;color:#111;text-align:center;}
#mainEvent .mainCalendar table th{padding-bottom:8px;}
#mainEvent .mainCalendar table td{position:relative;padding:2px 0 13px;}
#mainEvent .mainCalendar table td a{display:block;}
#mainEvent .mainCalendar table td b{display:block;position:relative;color:#111;text-align:center;}
#mainEvent .mainCalendar table td .today b{color:#fff;}
#mainEvent .mainCalendar table td .today b:after{display:inline-block;content:'';position:absolute;left:50%;top:50%;margin-left:-12px;margin-top:-12px;width:24px;height:24px;background:#00a7d1;border-radius:50%;z-index:-1;}
#mainEvent .mainCalendar table td .markArea{position:absolute;bottom:0;left:0;right:0;text-align:center;}
#mainEvent .mainCalendar table td .markArea .mark{display:inline-block;margin:0 1px;width:5px;height:5px;}
#mainEvent .mainCalendar table td .markArea .mark.type1{background:#fc7a89;}
#mainEvent .mainCalendar table td .markArea .mark.type2{background:#007aff;}
#mainEvent .mainCalendar table td .markArea .mark.type3{background:#00adb4;}
#mainEvent .mainCalendar table .sun,
#mainEvent .mainCalendar table .sun b{color:#f24954;}
#mainEvent .mainCalendar table .sat,
#mainEvent .mainCalendar table .sat b{color:#0081eb;}
#mainEvent .mainCalendar table td:hover .eventBox {display:block;}
#mainEvent .mainCalendar table td span.arrow {position:absolute;display:block;width:7px;height:4px;top:-3px;left:22px;background:url(/images/main/eventBox_arrow.png) no-repeat left top;z-index:10;}
#mainEvent .mainCalendar table td .eventBox {position:absolute;display:none;top:30px;left:0;max-width:300px;text-align:left;z-index:9;display:none;}
#mainEvent .mainCalendar table td .eventBox > ul {padding:10px 10px 10px 5px;border:1px solid #727272;background-color:#fff;}
#mainEvent .mainCalendar table td .eventBox > ul:after {display:block;content:"";clear:both;}
#mainEvent .mainCalendar table td .eventBox > ul > li > a {display:block;width:100%;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#mainEvent .eduListWrap{padding:10px 0;border-top:1px solid #ccc;overflow:hidden;}
#mainEvent .eduListWrap .explain{margin-bottom:10px;}
#mainEvent .eduListWrap .explain .mark{display:inline-block;position:relative;margin-right:20px;padding-left:12px;font-family:'Nanum Gothic';font-size:14px;color:#464646;}
#mainEvent .eduListWrap .explain .mark:before{display:inline-block;content:'';position:absolute;left:0;top:5px;width:6px;height:6px;}
#mainEvent .eduListWrap .explain .mark.type1:before{background:#fc7a89;}
#mainEvent .eduListWrap .explain .mark.type2:before{background:#007aff;}
#mainEvent .eduListWrap .explain .mark.type3:before{background:#00adb4;}
#mainEvent .eduListWrap #eduList{height:130px;overflow-y:auto;}
#mainEvent .eduListWrap #eduList li{position:relative;margin-bottom:10px;padding-left:30px;}
#mainEvent .eduListWrap #eduList li .mark{display:inline-block;position:absolute;left:0;top:0;width:20px;height:20px;line-height:20px;font-family:'Nanum Gothic';font-size:14px;color:#fff;text-align:center;border-radius:50%;}
#mainEvent .eduListWrap #eduList li .mark.type1{background:#fc7a89;}
#mainEvent .eduListWrap #eduList li .mark.type2{background:#007aff;}
#mainEvent .eduListWrap #eduList li .mark.type3{background:#00adb4;}
#mainEvent .eduListWrap #eduList li .subject{display:block;margin-bottom:5px;font-family:'Nanum Gothic';font-size:15px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainEvent .eduListWrap #eduList li span{display:block;position:relative;padding-left:10px;font-family:'Nanum Gothic';font-size:13px;color:#888;line-height:160%;letter-spacing:-0.5px;}
#mainEvent .eduListWrap #eduList li span:before{display:block;content:'-';position:absolute;left:0;top:0;color:#888;}
#mainEvent .eduListWrap #eduList li a:hover .subject{text-decoration:underline;}
#mainBoard{position:relative;margin-right:10px;padding:15px 25px;}
#mainBoard h3{}
#mainBoard ul li{height:34px;}
#mainBoard ul li .notice_none{padding:20px 0 0 110px;height:100%;background:url(/ilove/images/main/bg_notice_none.png) no-repeat right 18px bottom 20px;box-sizing:border-box;}
#mainBoard ul li .notice_none p{line-height:165%;font-size:14px;color:#fa8e00;}
#mainBoard ul li .notice_none p span{display:block;margin-top:0px;font-size:20px;}
#mainBoard ul li a{display:block;position:relative;padding:0 12px;line-height:34px;font-family:'Nanum Gothic';font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#mainBoard ul li a:before{display:block;content:'';position:absolute;left:2px;top:50%;margin-top:-2px;width:3px;height:3px;background:#aeaeae;}
#mainBoard ul li.first{margin-bottom:15px;height:110px;background:#f5f5f5 url(/ilove/images/main/icon_mainNotice_first.png) 20px 20px no-repeat;}
#mainBoard ul li.first a{padding:17px 20px 0 110px;line-height:160%;white-space:normal;text-overflow:inherit;overflow:auto;}
#mainBoard ul li.first a:before{display:none;}
#mainBoard ul li.first a b{display:-webkit-box;height:48px;line-height:24px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-family:'NanumSquare';font-size:17px;color:#333;}
#mainBoard ul li.first a span{font-family:'Nanum Gothic';font-size:15px;color:#555;}
#mainBoard ul li a:hover{text-decoration:underline;}
#mainBoard ul li.first a:hover{text-decoration:none;}
#mainBoard ul li.first a:hover b{color:#dc5733;text-decoration:underline;}
#mainBoard .btnMore{display:inline-block;position:absolute;top:10px;right:10px;width:40px;height:50px;text-indent:-9999px;background:url(/ilove/images/main/icon_mainNoticeMore.png) center no-repeat;}
#mainImomBoard{position:relative;padding:15px 25px;}
#mainImomBoard h3{margin-bottom:20px;}
#mainImomBoard ul li{float:left;width:50%;}
#mainImomBoard ul li a{display:block;position:relative;padding:25px 15px;height:340px;text-align:center;background:#f5f5f5;box-sizing:border-box;}
#mainImomBoard ul li a span{display:block;font-family:'Nanum Gothic';font-size:15px;line-height:150%;}
#mainImomBoard ul li a .date{margin-top:10px;padding:0 10px;color:#555;}
#mainImomBoard ul li a .desc{padding:0 10px;color:#777;}
#mainImomBoard ul li a .plus{display:inline-block;position:absolute;bottom:30px;left:50%;margin-left:-12px;width:24px;height:24px;background:#fff url(/ilove/images/main/icon_mainImomMore.png) center no-repeat;border-radius:50%;box-shadow:1px 2px 5px #ddd;}
#mainImomBoard ul li.imgType a{border-right:1px solid #dbdbdb;}
#mainImomBoard ul li.imgType a img{width:160px;height:150px;}
#mainImomBoard ul li.imgType a b{display:block;display:-webkit-box;padding:0 10px;margin-top:20px;height:48px;line-height:24px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:17px;}
#mainImomBoard ul li.txtType a b{display:block;margin:25px 0 30px;padding:0 10px;font-size:21px;line-height:150%;}
#mainImomBoard ul li a:hover{background-color:#1ab2c9;transition-duration:0.2s;transform:scale(1.05);z-index:2;}
#mainImomBoard ul li a:hover b,
#mainImomBoard ul li a:hover span{color:#fff;}
#mainImomBoard .btnMore{display:inline-block;position:absolute;top:10px;right:10px;width:40px;height:50px;text-indent:-9999px;background:url(/ilove/images/main/icon_mainNoticeMore.png) center no-repeat;}
#mainCenter{overflow:hidden;}
#mainCenter ul{margin:0 -5px;}
#mainCenter ul:after{display:block;content:'';clear:both;}
#mainCenter ul,
#mainCenter ul li,
#mainCenter ul li a{display:block;}
#mainCenter ul li{float:left;padding:0 5px;width:25%;box-sizing:border-box;}
#mainCenter ul li a{padding-top:8px;height:80px;line-height:140%;font-size:17px;font-weight:bold;letter-spacing:-0.5px;text-align:center;background:#f5f5f5;border:1px solid #ccc;box-sizing:border-box;}
#mainCenter ul li a:hover{color:#fff;}
#mainCenter ul li.item1 a:hover{color:#fff;background:#fa80b9;}
#mainCenter ul li.item2 a:hover{color:#fff;background:#f48325;}
#mainCenter ul li.item3 a:hover{color:#fff;background:#dfbe00;}
#mainCenter ul li.item4 a:hover{color:#fff;background:#20bb59;}
#mainCenter ul li.item5 a:hover{color:#fff;background:#01aeac;}


.imgWrap{text-align:center;}
.imgWrap img{max-width:100%;}

.guideCon{display:block;position:relative;padding:10px 0 0 140px;min-height:116px;box-sizing:border-box;}
.guideCon img{display:block;position:absolute;top:50%;left:0;margin-top:-58px;height:116px;}
.guideCon p b{color:#288bb9;}

#subContents h4{position:relative;margin-bottom:15px;line-height:140%;font-size:20px;color:#333;font-weight:bold;padding-left:30px;background:url(/images/sub/icon_h4Title.jpg) no-repeat left center;/*background:url(/ilove/images/sub/icon_h4Title.png) left center no-repeat;background-size:auto 20px;*/}
#subContents h5{position:relative;margin:20px 0 10px 0;padding-left:20px;line-height:140%;font-size:18px;font-weight:bold;}
#subContents .h4Content{margin-bottom:40px;line-height:160%;}
#subContents .h5Content{margin-bottom:30px;padding-left:20px;line-height:150%;}

/* 202301 */
.mobileOnly{display:none;}
#allNav{display:none;}
.btn_searchOpen,
.btn_searchClose,
.btn_allNavOpen{display:none;}