@charset "utf-8";

/* ======================================== Font ======================================== */
/* CDN사용을 위해 include jsp 로 옮김. 
@font-face{
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/NanumSquareR.eot);
  src: url(./fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(./fonts/nanumsquarer-webfont.woff2) format('woff2'),
       url(./fonts/nanumsquarer-webfont.woff) format('woff');
}
@font-face{
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: 500;
  src: url(./fonts/NanumSquareB.eot);
  src: url(./fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(./fonts/nanumsquareb-webfont.woff2) format('woff2'),
       url(./fonts/nanumsquareb-webfont.woff) format('woff');
}
@font-face{
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: 900;
  src: url(./fonts/NanumSquareB.eot);
  src: url(./fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(./fonts/nanumsquareeb-webfont.woff2) format('woff2'),
       url(./fonts/nanumsquareeb-webfont.woff) format('woff');
}
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 500;
  src: url(./fonts/NanumGothic-Regular.eot);
  src: url(./fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(./fonts/NanumGothic-Regular.woff) format('woff');
}

20210917폰트추가 
@font-face {
    font-family: 'CookieRunOTF-Bold';
    src: url(./fonts/CookieRunOTF-Bold00.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CookieRun-Regular';
    src: url(./fonts/CookieRun-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
} */
body, input, textarea, select, button, table {color: #313131;font-size: 14px;word-break: break-word;line-height: 140%;font-family: 'NanumSquare';letter-spacing: -1px;}
img {max-width: 100%;}
b {font-weight: 500;}
button {border: none;background: none;}
fieldset, button, img, input[type='submit'] {border: 0px none;}
legend, caption, .soundonly {position: absolute;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;width: 1px;height: 1px;padding: 0;margin: -1px;text-indent: -10000px;}
input.useDatepicker {width: 140px;background: #fff url(/images/n21/sub/icon_inputDate.gif) no-repeat 95%	center;}
.ui-datepicker .ui-datepicker-prev {background: url(/images/n21/sub/btn_calendarPrev.png) no-repeat center	center;}
.ui-datepicker .ui-datepicker-next {background: url(/images/n21/sub/btn_calendarNext.png) no-repeat center	center;}
.font2 {font-family: 'NanumGothic';}

/* ======================================== layout ======================================== */
.inner {position: relative;margin: 0 auto;width: 1280px;}
.inner:after {display: block;content: '';clear: both;}
#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;}
#wrap {position: relative;overflow: hidden;}
#header {position: absolute;left: 0;right: 0;height: 100px;background: #fff;border-bottom: 1px solid rgba(255, 255, 255, .2);z-index: 55;}
#header h1 {position: absolute;top: 34px;left: 5px;}
#header h1 a {display: block;}
#header #topLink {float: right; /* font-family:"CookieRun-Regular"; */}
#header #topSearchWrap {position: absolute;top: 10px;right: 400px;}
#header .topSearch {display: block;	position: relative;padding-right: 45px;width: 210px;height: 25px;border-bottom: 1px solid #fff;box-sizing: border-box;}
#header .topSearch input[type="text"] {display: block;height: 25px;background: none;border: 0px none;color: #fff;}
#header .topSearch input[type="text"]::placeholder {color: #fff;}
#header .topSearch .btn_searchLayer {display: block;position: absolute;right: 30px;top: 0;width: 15px;height: 25px;background: url(/images/n21/common/btn_searchLayer_ar.png) no-repeat	center;	text-indent: -9999em;}
#header .topSearch .btn_topSearch {	display: block;position: absolute;right: 0;top: 0;width: 25px;height: 25px;background: url(/images/n21/common/icon_topSearch_submit.png) no-repeat	center;border: 0px none;text-indent: -9999em;}
#header.active .topSearch .btn_searchLayer {background: url(/images/n21/common/btn_searchLayer_ar_on.png) no-repeat	center;}
#header.active .topSearch input[type="text"] {color: #222;}
#searchLayer {position: absolute;top: 24px;left: 0;right: 0;background: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border: 1px solid #929292;overflow: hidden;z-index: 10;}
#searchLayer {border: 0px none;}
#searchLayer .predictive {border: 1px solid #929292;}
#searchLayer ul {margin-top: 5px;}
#searchLayer ul li.none {display: block;padding: 8px 10px 7px;color: #2d3740;font-size: 13px;}
#searchLayer ul li a {display: block;padding: 2px 7px;color: #5d5d5d;font-size: 13px;}
#searchLayer ul li a span {font-weight: bold;color: #f05291;}
#searchLayer ul li a:hover {background: #f2f4f7;text-decoration: underline;}
#searchLayer .ex {margin: 10px 7px;}
#searchLayer .layerOff {padding: 10px 7px;background: #787d9a;}
#searchLayer .layerOff a {color: #fff;	display: inline-block;background: url(/static/images/common/arr_w_right.png) no-repeat right	center;	padding-right: 10px}
#searchLayer .layerOff a:focus {text-decoration: underline}
#searchLayer .bottom {background: #787d9a;}
#searchLayer .bottom:after {display: block;content: '';clear: both;}
#searchLayer .bottom .floatLeft, #searchLayer .bottom .floatRight {color: #fff;}
#header #topLink>ul {float: left;}
#header #topLink>ul li {display: inline-block;}
#header #topLink>ul li a {display: block;padding: 0 6px;line-height: 50px;font-size: 16px;font-weight: 500;color: #fff;}
#header #gnb {clear: both;float: right;	margin-right: 220px;}
#header #gnb .depth1:after { display: block; content: ''; clear: both; }
#header #gnb .depth1>li { display: block; float: left; padding: 0 35px 15px; }
#header #gnb .depth1>li>a { display: block; font-size: 21px; font-weight: 500; color: #fff; line-height: 40px; /* font-family:"CookieRun-Regular"; */ }
#header #gnb .navBox { display: none; position: absolute; left: 0; right: 0; top: 101px; padding-left: 264px; min-height: 440px; background: #fff; z-index: 9; box-shadow: 1px 3px 10px #d2d2d2; }
#header #gnb .navBox:after { display: block; content: ''; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: 620px; width: 1000px; background: #fff; z-index: -1; box-shadow: 1px 3px 10px #d2d2d2; }
#header #gnb .navBox:before { display: block; content: ''; position: absolute; top: 0; bottom: 0; right: 50%; margin-right: 376px; width: 1000px; background: #6d64eb url(/images/n21/common/bg_navBox.jpg) no-repeat right bottom; z-index: -1; box-shadow: 1px 3px 10px #d2d2d2; }

#header #gnb .navTitle { position: absolute; left: 0; top: 0; padding-top: 45px; padding-bottom: 300px; width: 264px; background-repeat: no-repeat; background-position: left bottom; background-image: url(/images/n21/common/icon_navTitle1.png); }

#header #gnb .depth1>li:nth-child(1) .navBox:before { background: #6d64eb url(/images/n21/common/bg_navBox1.jpg) no-repeat right bottom; }  
#header #gnb .depth1>li:nth-child(2) .navBox:before { background: #008d77 url(/images/n21/common/bg_navBox2.jpg) no-repeat right bottom; }  
#header #gnb .depth1>li:nth-child(3) .navBox:before { background: #968968 url(/images/n21/common/bg_navBox3-1.jpg) no-repeat right bottom; }  
#header #gnb .depth1>li:nth-child(4) .navBox:before { background: #dd693a url(/images/n21/common/bg_navBox4.jpg) no-repeat right bottom; }  
#header #gnb .depth1>li:nth-child(5) .navBox:before { background: #995de9 url(/images/n21/common/bg_navBox5.jpg) no-repeat right bottom; }  
#header #gnb .depth1>li:nth-child(1) .navTitle { background-image: url(/images/n21/common/icon_navTitle1.png); }  
#header #gnb .depth1>li:nth-child(2) .navTitle { background-image: url(/images/n21/common/icon_navTitle2.png); }  
#header #gnb .depth1>li:nth-child(3) .navTitle { background-image: url(/images/n21/common/icon_navTitle3-1.png); }  
#header #gnb .depth1>li:nth-child(4) .navTitle { background-image: url(/images/n21/common/icon_navTitle4.png); }  
#header #gnb .depth1>li:nth-child(5) .navTitle { background-image: url(/images/n21/common/icon_navTitle5.png); }  
#header #gnb .depth1>li:last-child .depth2>li { height: 238px !important; }  
#header #gnb .navTitle h2 { margin-bottom: 10px; font-size: 30px; font-weight: 500; color: #fff; line-height: 120%; }  
#header #gnb .navTitle p { font-size: 15px; color: #fff; line-height: 140%; }  
#header #gnb .depth2 { padding: 48px 0 10px 32px; min-height: 400px; background: #fff; box-sizing: border-box; }  
#header #gnb .depth2:after { display: block; content: ''; clear: both; }  
#header #gnb .depth2>li { float: left; padding-left: 18px; width: 25%; box-sizing: border-box; }  
#header #gnb .depth2>li>a { display: block; padding: 0 35px 0 20px; background: url(/images/n21/common/icon_gnb_depth2_ar.png) no-repeat 93% center; border: 1px solid #c6c4db; border-radius: 4px; line-height: 38px; font-size: 18px; font-weight: 500; letter-spacing: -1px; color: #3e35aa; font-family: "CookieRun-Regular"; }  
#header #gnb li:nth-child(2) .depth2>li:nth-child(5) { margin-left: 25%; margin-top: -10%; }  
#header #gnb li:nth-child(3) .depth2>li:nth-child(4) { height: 208px; }  
#header #gnb .depth3 { padding: 20px; }  
#header #gnb .depth3:after { display: block; content: ''; clear: both; }  
#header #gnb .depth3>li { margin-bottom: 10px; }  
#header #gnb .depth3>li>a { display: inline-block; padding-bottom: 8px; font-size: 18px; line-height: 135%; }  
#header #gnb .depth3>li.newWin>a { padding-right: 20px; background: url(/images/n21/common/icon_gnb_newWin.png) no-repeat right 3px; }  
#header #gnb .depth4 { padding-bottom: 10px; }  
#header #gnb .depth4>li>a { display: block; position: relative; padding: 3px 8px; font-size: 14px; letter-spacing: -1px; color: #6c6c6c; }  
#header #gnb .depth4>li>a:after { display: block; content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; border-radius: 50%; background: #797979; }  
#header #gnb .depth2>li.col2 { width: 50%; }  
#header #gnb .depth2>li.col2>a { background-position: 97% center; }  
#header #gnb .depth2>li.col2>.depth3>li { display: block; float: left; width: 50%; }  
#header .btn_mymenu_open { display: block; position: absolute; right: 47px; top: 50px; width: 141px; height: 40px; border: none; background: #fff url(/images/n21/common/btn_mymenu_bg.png) 10px 50% no-repeat; border-radius: 4px; }  
#header .btn_mymenu_open span { display: inline-block; vertical-align: top; color: #525e74; font-size: 15px; height: 24px; line-height: 26px; margin-left: 20px; }  
#header .btn_mymenu_open i { display: inline-block; margin-left: 5px; vertical-align: middle; width: 24px; height: 24px; background: url(/images/n21/common/btn_mymenu_icon.png) no-repeat; text-indent: -9999em; }  
#header .btn_mymenu_open, 
#header .btn_mymenu_open { background: #292929 url(/images/n21/common/btn_mymenu_bg_on.png) 10px 50% no-repeat !important; }  
#header .btn_mymenu_open span, 
#header .btn_mymenu_open span { color: #fff !important; }

.tooltip_giude { display: none; text-align: right; }  
.tooltip_giude button { background: #858278; color: #fff; border-radius: 4px; padding: 5px 10px; }  
.tooltip_giude button span { display: inline-block; vertical-align: middle; line-height: 24px; }  
.tooltip_giude button i { display: inline-block; vertical-align: middle; width: 24px; height: 24px; border: solid 1px #fff; border-radius: 50%; margin-left: 5px; background: url(/images/n21/common/btn_mymenu_icon.png) no-repeat; text-indent: -9999em; }  
.tooltip { display: none; border: solid 1px #009fa1; border-radius: 20px; position: absolute; top: 95px; right: 50%; margin-right: -614px; width: 420px; background: #fff url("/images/n21/vt/tooltip_bg.png") 25px 6% no-repeat; z-index: 59; box-shadow: 4px 4px 0 rgba(0, 0, 0, .3); }  
.tooltip:before { display: block; content: ''; position: absolute; top: -14px; right: 30px; width: 23px; height: 14px; background: url("/images/n21/vt/tooltip_point_bg.png") 50% 50% no-repeat; }  
.tooltip>div { position: relative; text-align: left; }  
.tooltip .upper { padding: 30px 0 0 140px; height: 160px; box-sizing: border-box; }  
.tooltip .lower { background: #f2f2f2; padding: 25px 30px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }  
.tooltip .lower dl { margin-bottom: 25px; }  
.tooltip .lower dt.title { font-size: 18px; font-weight: bold; }  
.tooltip .lower ul li { position: relative; font-size: 14px; padding-left: 10px; }  
.tooltip .lower ul li:first-child { margin-bottom: 10px; }  
.tooltip .lower ul li:before { display: block; content: "*"; position: absolute; left: 0; top: 0; color: #009fa1; }  
.tooltip>div em { display: inline-block; font-size: 22px; color: #333; line-height: 30px; margin-bottom: 5px; }  
.tooltip>div b { font-weight: 800; color: #333; }  
.tooltip>div span { display: block; font-size: 16px; color: #333; }  
.tooltip_Close { display: none; position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; background: url(/images/n21/common/btn_modalClose.png) no-repeat; text-indent: -9999em; }  

#header .btn_allNavOpen { display: block; position: absolute; right: 0; top: 50px; width: 40px; height: 40px; background: url(/images/n21/common/btn_allNavOpen.png) no-repeat; text-indent: -9999em; }  
#header .btn_searchOpen { display: none; }  
#header.{background:#fff !important;border-bottom:1px solid #e6e6e6 !important;}
#header h1 a { width: 257px; height: 52px; background: url(/images/n21/common/logo_active.png) no-repeat left top !important; }  
#header h1 a img { display: none !important; }  
#header #gnb .depth1>li>a, #header #topLink ul li a { color: #1e1e1e !important; }  
#header .topSearch input[type="text"]::placeholder { color: #1e1e1e !important; }  
#header #gnb .depth1>li.active>a { position: relative; color: #5e4e45 !important; }  
#header #gnb .depth1>li.active>a::before { display: block; content: ''; position: absolute; left: -5px; top: 2px; width: 5px; height: 5px; background: #5e4e45 !important; border-radius: 50%; }  
#header .topSearch { border-bottom: 1px solid #1e1e1e !important; }  
#header .topSearch .btn_topSearch { background: url(/images/n21/common/icon_topSearch_submit_active.png) no-repeat center !important; }  
#header #gnb .depth1>li.active .navBox { display: block !important; }  
#header .btn_allNavOpen { background: url(/images/n21/common/btn_allNavOpen_active.png) no-repeat !important; }  
#header #mobileTopLink, 
#header #mobileTopSearch { display: none; }  
#header.scroll { position: fixed; top: 0; box-shadow: 1px 1px 13px #d2d2d2; }  
#header.active #gnb .depth1>li:nth-child(2).active>a, 
#header #gnb .depth1>li:nth-child(2) .depth2>li>a { color: #008e87; }  
#header #gnb .depth1>li:nth-child(2).active>a::before { background: #2accc3; }  
#header.active #gnb .depth1>li:nth-child(3).active>a, 
#header #gnb .depth1>li:nth-child(3) .depth2>li>a { color: #5e4e45; }  
#header #gnb .depth1>li:nth-child(3).active>a::before { background: #0c85e3; } 
#header.active #gnb .depth1>li:nth-child(4).active>a, 
#header #gnb .depth1>li:nth-child(4) .depth2>li>a { color: #e85d0f; }  
#header #gnb .depth1>li:nth-child(4).active>a::before { background: #dd693a; }  
#header.active #gnb .depth1>li:nth-child(5).active>a, 
#header #gnb .depth1>li:nth-child(5) .depth2>li>a { color: #8f51df; }  
#header #gnb .depth1>li:nth-child(5).active>a::before { background: #8f51df; }

#allNav { display: none; position: absolute; top: 0; z-index: 90; }  
#footer { padding-top: 32px; padding-bottom: 70px; background: #454952; }  
#footer .footerLink { float: left; margin-right: 40px; padding-top: 10px; }  
#footer .footerLink li { display: inline-block; } 
#footer .footerLink li a { display: block; position: relative; padding: 0 15px; color: #c2c5cd; }  
#footer .footerLink li a:after { display: block; content: ''; position: absolute; right: -2px; top: 50%; margin-top: -5px; height: 10px; border-right: 1px solid #656870; }  
#footer .footerLink li:last-child a:after { display: none; }  
#footer .footerLink li a b { font-weight: 500; }  
#footer .familySel { float: left; position: relative; padding-right: 0px; width: 240px; height: 40px; box-sizing: border-box; }  
#footer .familySel .selectBtn { display: block; padding-left: 15px; width: 240px; height: 38px; background: #35383f url(/images/n21/common/icon_familySel_btnMove.png) no-repeat 95% center; border: 1px solid #5a5d65; color: #fff; box-sizing: border-box; line-height: 37px; }  
#footer .familySel .familySelect { display: none; position: absolute; top: -411px; left: 0; right: 0; height: 410px; background: #35383f; border: 1px solid #5a5d65; overflow: auto; z-index: 3; }  
#footer .familySel .familySelect a { display: block; padding: 3px 0 3px 15px; color: #fff; line-height: 140%; font-size: 13px; }  
#footer .familySel .familySelect a:hover { text-decoration: underline; }  
#footer p { clear: both; float: left; padding-top: 20px; padding-left: 10px; font-size: 15px; color: #9fa2ab; line-height: 170%; }  
#footer .markArea { float: right; margin-top: 15px; }  
#footer .markArea a { display: inline-block; margin-right: 10px; }  
#container { position: relative; padding-top: 100px; }  
.btnTop { display: block; position: absolute; bottom: 60px; left: 50%; margin-left: 683px; width: 56px; height: 56px; background: #fff url(/images/n21/common/icon_btnTop.png) no-repeat center; border: 1px solid #e5e3f3; border-radius: 50%; text-indent: -9999em; box-shadow: 1px 1px 13px #e0e0e0; }

/* ======================================== layout ======================================== */

/*
CDN사용을 위해 include jsp 로 옮김.
#container.main{background:url(/images/n21/main/bg_mainVisual.jpg) no-repeat center top;background-size:100% 600px;}
*/
#container.main:before { position: absolute; left: -45px; top: 348px; display: block; content: ''; width: 286px; height: 285px; background: url(/images/n21/main/circle_icon.png) center no-repeat; }  
#container.main:after { position: absolute; right: -45px; top: 50px; display: block; content: ''; width: 286px; height: 285px; background: url(/images/n21/main/circle_icon2.png) center no-repeat; }  
#mainContents { padding-top: 45px; padding-bottom: 50px; }  
#mainContents:after { display: block; content: ''; clear: both; }  
#mainNoticeBar { position: relative; z-index: 1; margin: 0 auto 20px; padding-left: 150px; width: 986px; height: 44px; background: #fff; border-radius: 24px; box-sizing: border-box; }  
#mainNoticeBar:after { display: block; content: ''; clear: both; }  
#mainNoticeBar .head { display: block; position: absolute; left: 0; top: 50%; margin-top: -24px; padding-left: 60px; width: 125px; height: 48px; background: #2a2a2a url(/images/n21/main/icon_mainNoticeBar_head2.png) no-repeat 22px center; border-radius: 26px; line-height: 48px; color: #fff; font-size: 20px; box-sizing: border-box; font-family: "CookieRun-Regular"; }  
#mainNoticeBar .noticeBarSlider { box-sizing: border-box; }  
#mainNoticeBar .noticeBarSlider li a { display: block; position: relative; padding-left: 0px; box-sizing: border-box; font-family: "CookieRun-Regular"; }  
#mainNoticeBar .noticeBarSlider li .eventDate { display: block; position: absolute; left: 0; top: 0; width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 44px; font-size: 21px; color: #fff; }  
#mainNoticeBar .noticeBarSlider li .eventDate:after { display: block; content: ''; position: absolute; right: 0; top: 50%; margin-top: -8px; height: 16px; border-left: 1px solid #bbbdc2; }  
#mainNoticeBar .noticeBarSlider li .eventDate em { color: #66fbee; }  
#mainNoticeBar .noticeBarSlider li .desc { display: block; position: relative; padding: 0 12px; line-height: 44px; font-weight: 500; font-size: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #444; margin-right: 110px; letter-spacing: 1px; }  
#mainNoticeBar .noticeBarSlider li .desc::before { display: block; content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 3px; height: 3px; border-radius: 50%; background: #fff; }  
#mainNoticeBar .bx-controls { position: absolute; right: 0; bottom: 6px; width: 120px; height: 30px; border-radius: 14px; z-index: 51; }  
#mainNoticeBar .bx-controls-direction a { display: block; position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; text-indent: -9999em; }  
#mainNoticeBar .bx-controls-direction .bx-prev { left: 7px; background: url(/images/n21/main/notice_btn_up2.png) no-repeat; }  
#mainNoticeBar .bx-controls-direction .bx-next { left: 45px; background: url(/images/n21/main/notice_btn_down2.png) no-repeat; }  
#mainNoticeBar .bx-controls-auto a { display: block; position: absolute; right: 7px; top: 50%; margin-top: -15px; width: 30px; height: 30px; text-indent: -9999em; }  
#mainNoticeBar .bx-controls-auto a.active { display: none; }  
#mainNoticeBar .bx-controls-auto .bx-start { background: url(/images/n21/main/icon_mainNoticeSlider_start2.png) no-repeat; }  
#mainNoticeBar .bx-controls-auto .bx-stop { background: url(/images/n21/main/icon_mainNoticeSlider_stop2.png) no-repeat; }
  
.mainPopSlider { float: left; position: relative; margin-bottom: 40px; width: 880px; z-index: 1; }  
.mainPopSlider>ul { opacity: 0; }  
.mainPopSlider>ul.slick-initialized { opacity: 1; }  
.mainPopSlider .slick-slide { margin: 0 6px; }  
.mainPopSlider li a { display: block; margin: 0 auto; position: relative; width: 280px; height: 320px; border-radius: 10px; /*box-shadow:1px 1px 11px 1px #bdbcbc;*/ overflow: hidden; }  
.mainPopSlider li a:hover:after { display: block; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 6px solid #fff; border-radius: 10px; }  
.mainPopSlider li a:hover img { transform: scale(1.1); transition-duration: 0.3s; }  
.mainPopSlider .slick-slide img { margin: 0 auto; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; }  
.mainPopSlider .slick-arrow { display: block; position: absolute; bottom: 0; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-color: #fff; border: 0px none; border-radius: 50%; text-indent: -9999em; }  
.mainPopSlider .slick-prev { left: 50%; margin-left: -120px; background-image: url(/images/n21/main/icon_mainPopSlider_prev.png); }  
.mainPopSlider .slick-next { left: 50%; margin-left: -13px; background-image: url(/images/n21/main/icon_mainPopSlider_next.png); }  
.mainPopSlider .popCtrl a { display: block; position: absolute; bottom: 0; left: 50%; margin-left: 25px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-color: #fff; border-radius: 50%; text-indent: -9999em; }  
.mainPopSlider .popCtrl .slick-start { display: none; background-image: url(/images/n21/main/icon_mainPopSlider_start.png); }  
.mainPopSlider .popCtrl .slick-stop { background-image: url(/images/n21/main/icon_mainPopSlider_stop.png); }  
.mainPopSlider .slick-dots { padding-right: 100px; }  
.mainPopSlider .slick-dots li { display: none; margin: 23px auto 0; width: 134px; height: 30px; border-radius: 15px; background: rgba(255, 255, 255, .1); line-height: 30px; text-align: center; font-size: 18px; font-weight: 500; color: #444; box-shadow: inherit; }  
.mainPopSlider .slick-dots li.slick-active { display: block; }  
.mainPopSlider .slick-dots li b { color: #444; font-weight: 900; }  
.mainPopSlider .slick-dots li em { display: inline-block; margin: 0 8px; height: 12px; border-right: 1px solid #aeaca8; }  
.mainPopSlider .btnAllBanner { display: block; position: absolute; left: 50%; bottom: 0; margin-left: 60px; padding: 0 10px; height: 30px; background: #fff; border-radius: 15px; line-height: 30px; font-size: 13px; }  
#mobileMainPopSlider { display: none; }  .modalWrap { display: none; margin-left: -640px; padding: 55px; width: 1280px; max-height: 820px; box-sizing: border-box; overflow-y: auto; }  
.modalWrap.active { display: block; top: 0; }  
#mainAllBanner ul { margin: 0 -7px; }  
#mainAllBanner ul:after { display: block; content: ''; clear: both; }  
#mainAllBanner ul li { display: block; float: left; padding: 10px 7px; width: 25%; box-sizing: border-box; }  
#mainAllBanner ul li a { display: block; }  
#mainAllBanner ul li img { width: 280px; height: 320px; border-radius: 15px; }  
.btn_modalClose { display: block; position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; background: url(/images/n21/common/btn_modalClose.png) no-repeat; text-indent: -9999em; }  
#mainService { position: relative; z-index: 1; float: right; margin-bottom: 15px; padding: 25px 18px; width: 370px; height: 320px; background: #fff; border-radius: 12px; border-top-right-radius: 60px; box-sizing: border-box; }  
#mainService .tabBar { border-bottom: 1px solid #e3e3e3; }  
#mainService .tabBar:after { display: block; content: ''; clear: both; } 
#mainService .tabBar li { display: block; position: relative; float: left; width: 25%; }  
#mainService .tabBar li.active:after { display: block; content: ''; position: absolute; bottom: -1px; left: 0; right: 0; border-bottom: 2px solid #111; } 
#mainService .tabBar li.icon2.active:after { border-color: #111; }  
#mainService .tabBar li.icon3.active:after { border-color: #111; }  
#mainService .tabBar li.icon4.active:after { border-color: #111; }  
#mainService .tabBar li a { display: block; padding-top: 38px; padding-bottom: 10px; background-position: center top; background-repeat: no-repeat; text-align: center; font-size: 18px; font-weight: 500; color: #1e1e1e; font-family: "CookieRun-Regular"; letter-spacing: -1.5px; }  
#mainService .tabBar li.icon1 a { background-image: url(/images/n21/main/icon_mainService1.jpg); }  
#mainService .tabBar li.icon2 a { background-image: url(/images/n21/main/icon_mainService2.jpg); }  
#mainService .tabBar li.icon3 a { background-image: url(/images/n21/main/icon_mainService3.jpg); }  
#mainService .tabBar li.icon4 a { background-image: url(/images/n21/main/icon_mainService4.jpg); } 
/*#mainService .tabBar li.active a{font-size:16px;}*/ 
#mainService .tabBar li.icon1.active a { background-image: url(/images/n21/main/icon_mainService1_on2.png); color: #111; }  
#mainService .tabBar li.icon2.active a { background-image: url(/images/n21/main/icon_mainService2_on2.png); color: #111; }  
#mainService .tabBar li.icon3.active a { background-image: url(/images/n21/main/icon_mainService3_on2.png); color: #111; }  
#mainService .tabBar li.icon4.active a { background-image: url(/images/n21/main/icon_mainService4_on2.png); color: #111; }  
#mainService .tabPage { padding-top: 10px; }  
#mainService .tabPage ul:after { display: block; content: ''; clear: both; }  
#mainService .tabPage ul li { display: block; float: left; position: relative; margin: 0 1%; padding: 10px 0 10px 8px; width: 48%; border-bottom: 1px dotted #c5c5c5; box-sizing: border-box; }  
#mainService .tabPage ul li:nth-child(n+9){ border-bottom: 1px dotted #fff; }  
#mainService .tabPage ul li a { display: inline-block; font-size: 16px; color: #313131; }  
#mainService .tabPage ul li a:hover { background: #ffd951; }  
#mainService .tabPage ul li:before { display: block; content: ''; position: absolute; left: 0; top: 18px; width: 3px; height: 3px; border-radius: 50%; background: #3e35aa; }  
#mainService .tabPage ul li:last-child a { border-bottom: 0px none; }  
#mainNotice1 { clear: both; }  
.mainNotice { float: left; position: relative; margin-right: 45px; width: 405px; }  
.mainNotice .tabBar { border-bottom: 1px solid #e3e3e3; }  
.mainNotice .tabBar:after { display: block; content: ''; clear: both; }  
.mainNotice .tabBar li { display: block; float: left; padding-right: 20px; }  
.mainNotice .tabBar li a { display: block; position: relative; padding: 0 0px; line-height: 48px; font-size: 17px; font-weight: 500; color: #111; font-family: "CookieRun-Regular"; }  
.mainNotice .tabBar li.active a { color: #111; }  
.mainNotice .tabBar li.active a:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: -1px; border-bottom: 2px solid #111; }  
.mainNotice .topArea { position: relative; padding: 30px 0 30px 95px; border-bottom: 1px dashed #e4e4e4; }  
.mainNotice .topArea .date { display: block; position: absolute; left: 0; top: 20px; padding-top: 12px; width: 75px; height: 75px; border: 1px solid #e3e3e3; border-radius: 5px; border-top-right-radius: 25px; text-align: center; color: #444; font-size: 24px; box-sizing: border-box; line-height: 100%; }  
.mainNotice .topArea .date .year { display: block; font-size: 14px; }  
.mainNotice .topArea .title { display: block; display: -webkit-box; height: 56px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; color: #313131; font-size: 18px; }  
.mainNotice .tabPage { height: 265px; }  
.mainNotice .tabPage ul { padding-top: 10px; }  
.mainNotice .tabPage ul li { padding: 5px 0; }  
.mainNotice .tabPage ul li a { display: block; position: relative; padding-left: 10px; font-size: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 156%; }  
.mainNotice .tabPage ul li a:hover span { background: #ffd951; }  
.mainNotice .topArea .title:hover { text-decoration: underline; }  
.mainNotice .tabPage ul li a:after { display: block; content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #3e35aa; border-radius: 50%; }  
.mainNotice .tabPage .btnMore { display: block; position: absolute; right: 0; top: 7px; width: 29px; height: 29px; background: #fff url(/images/n21/main/icon_mainNotice_btnMore.png) no-repeat center;; border-radius: 50%; border: 1px solid #ececec; text-indent: -9999em; box-shadow: 1px 1px 13px #dedede; }  
.mainNotice.mobileOnly { display: none; } 
#mainElection { float: right; margin-top: -82px; margin-bottom: 12px; padding: 10px 20px 15px; width: 370px; height: 280px; background: #f0f1f0; border-radius: 12px; box-sizing: border-box; }  
#mainElection .tabBar { margin-bottom: 8px; border-bottom: 1px solid #949a99; }  
#mainElection .tabBar:after { display: block; content: ''; clear: both; }  
#mainElection .tabBar li { display: block; float: left; margin-right: 20px; }  
#mainElection .tabBar li a { display: block; line-height: 32px; font-weight: 500; font-size: 17px; color: #1e1e1e; font-family: "CookieRun-Regular"; } 
#mainElection .tabBar li.active a { position: relative; color: #263130; }  
#mainElection .tabBar li.active a:after { display: block; content: ''; position: absolute; bottom: -1px; left: 0; right: 0; border-bottom: 2px solid #111; }  
#mainElection .tabPage ul:after { display: block; content: ''; clear: both; }  
#mainElection .tabPage ul li { display: block; float: left; padding: 2px; width: 50%; box-sizing: border-box; }  
#mainElection .tabPage ul li dl { height: 105px; background: #fff; border-radius: 5px; overflow: hidden; }  
#mainElection .tabPage ul li dl dt { margin-bottom: 5px; height: 30px; line-height: 30px; background: #949a99; text-align: center; color: #fff; font-size: 17px; font-weight: 500; letter-spacing: 1px; font-family: "CookieRun-Regular"; }  
#mainElection .tabPage ul li dl dd { display: block; padding: 0 13px; }  
#mainElection .tabPage ul li dl dd a { display: inline-block; position: relative; padding: 1px 0 3px 8px; font-size: 15px; }  
#mainElection .tabPage ul li dl dd a:hover { background: #ffd951; }  
#mainElection .tabPage ul li dl dd a:after { display: block; content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background: #565656; border-radius: 50%; } 
#mainMiniPopSlider { float: right; position: relative; width: 370px; border-radius: 12px; overflow: hidden; z-index: 1; }  
#mainMiniPopSlider li a { display: block; } 
#mainMiniPopSlider li a img { width: 100%; height: 160px; }  
#mainMiniPopSlider li a:hover img { transform: scale(1.1); transition: 0.3s; }  
#mainMiniPopSlider .bx-controls { position: absolute; right: 6px; bottom: 6px; background: rgba(255, 255, 255, .8); width: 120px; height: 28px; border-radius: 14px; z-index: 51; }  
#mainMiniPopSlider .bx-controls-direction a { display: block; position: absolute; top: 50%; margin-top: -6px; width: 6px; height: 11px; text-indent: -9999em; }  
#mainMiniPopSlider .bx-controls-direction .bx-prev { left: 63px; background: url(/images/n21/main/icon_mainMiniPopSlider_prev.png) no-repeat; }  
#mainMiniPopSlider .bx-controls-direction .bx-next { left: 80px; background: url(/images/n21/main/icon_mainMiniPopSlider_next.png) no-repeat; }  
#mainMiniPopSlider .bx-pager { display: block; margin-left: 10px; font-size: 14px; font-weight: 500; color: #333; line-height: 28px; } 
#mainMiniPopSlider .bx-controls-auto a { display: block; position: absolute; right: 18px; top: 50%; margin-top: -6px; width: 8px; height: 11px; text-indent: -9999em; }  
#mainMiniPopSlider .bx-controls-auto a.active { display: none; }  
#mainMiniPopSlider .bx-controls-auto .bx-start { background: url(/images/n21/main/icon_mainMiniPopSlider_start.png) no-repeat; }  
#mainMiniPopSlider .bx-controls-auto .bx-stop { background: url(/images/n21/main/icon_mainMiniPopSlider_stop.png) no-repeat; }  
#mainQuick { clear: both; float: left; position: relative; width: 855px; }  
#mainQuick .title { display: block; margin-bottom: 20px; font-size: 19px; font-weight: 500; color: #1b1b1b; font-family: "CookieRun-Regular"; }  
#mainQuick ul:after { display: block; content: ''; clear: both; }  
#mainQuick ul li { display: block; float: left; position: relative; width: 16.6666%; }  
#mainQuick ul li:after { display: block; content: ''; position: absolute; right: 0; top: 14px; height: 36px; border-right: 1px dotted #c1c1c1; }  
#mainQuick ul li:last-child::after { display: none; }  
#mainQuick ul li .icon { display: block; margin-bottom: 15px; text-align: center; }  
#mainQuick ul li .icon img { margin: 0 auto; width: auto; }  
#mainQuick ul li a { display: block; font-size: 16px; color: #333; text-align: center; }  
#mainQuick .slick-list { padding-top: 15px; }  
#mainQuick .slick-slide>div:after { display: block; content: ''; clear: both; }
 /* #mainQuick ul li a:hover img{margin-top:-15px;transition:0.1s;} */ 
 #mainQuick .slick-arrow { display: block; position: absolute; top: -36px; width: 8px; height: 14px; border: 0px none; text-indent: -9999em; }  
 #mainQuick .slick-prev { left: 127px; background: url(/images/n21/main/icon_mainQuick_prev.gif) no-repeat; }  
 #mainQuick .slick-prev:after { display: block; content: ''; position: absolute; top: 50%; right: -12px; margin-top: -7.5px; height: 15px; border-right: 1px solid #d7d7d7; }  
 #mainQuick .slick-next { left: 158px; background: url(/images/n21/main/icon_mainQuick_next.gif) no-repeat; }

#mainSns { float: right; position: relative; padding-top: 33px; padding-left: 110px; width: 370px; box-sizing: border-box; }  
#mainSns b { display: block; position: absolute; left: 0; top: 33px; width: 101px; height: 104px; background: url(/images/n21/main/img_mainSns_title.gif) no-repeat; font-size: 24px; color: #3e35aa; font-weight: 900; text-align: center; line-height: 104px; }  
#mainSns p { margin-bottom: 15px; padding-top: 10px; font-size: 14px; color: #6c6c6c; line-height: 145%; }  
#mainSns ul { padding-top: 10px; }  
#mainSns ul:after { display: block; content: ''; clear: both; }  
#mainSns ul li { display: block; float: left; margin-right: 3px; margin-bottom: 3px; box-sizing: border-box; }  
#mainSns ul li a { display: block; width: 40px; height: 40px; border-radius: 50%; text-indent: -9999em; }  
#mainSns ul li.icon1 a { background: url(/images/n21/main/icon_mainSns1.jpg) no-repeat center; }  
#mainSns ul li.icon2 a { background: url(/images/n21/main/icon_mainSns2.jpg) no-repeat center; }  
#mainSns ul li.icon3 a { background: url(/images/n21/main/icon_mainSns3.jpg) no-repeat center; }  
#mainSns ul li.icon4 a { background: url(/images/n21/main/icon_mainSns4.jpg) no-repeat center; }  
#mainSns ul li.icon5 a { background: url(/images/n21/main/icon_mainSns5.jpg) no-repeat center; }  
#mainSns ul li.icon6 a { background: url(/images/n21/main/icon_mainSns6.png) no-repeat center; } 
/* #mainSns ul li a:hover{margin-top:-18px;transition:0.1s;} */ 
#mainSns .mobileSnsBtn { display: none; }  
#mainBanner { padding-top: 16px; height: 85px; border-top: 1px solid #eaeaea; box-sizing: border-box; }  
#mainBanner ul { padding-right: 195px; }  
#mainBanner .slick-slide { padding: 1px; }  
#mainBanner .slick-slide a { display: block; position: relative; }  
#mainBanner .slick-slide a:after { display: block; content: ''; position: absolute; top: 50%; right: 0; margin-top: -12px; height: 24px; border-right: 1px solid #eaeaea; }  
#mainBanner .slick-slide img { margin: 0 auto; width: auto; }  
#mainBanner .slick-arrow { display: block; position: absolute; top: 10px; width: 30px; height: 30px; border: 1px solid #eee; border-radius: 50%; text-indent: -9999em; box-sizing: border-box; }  
#mainBanner .slick-prev { right: 115px; background: #fff url(/images/n21/main/icon_mainBanner_prev.gif) no-repeat center; }  
#mainBanner .slick-next { right: 49px; background: #fff url(/images/n21/main/icon_mainBanner_next.gif) no-repeat center; }  
#mainBanner .slick-stop, 
#mainBanner .slick-start { display: block; position: absolute; top: 10px; right: 82px; width: 30px; height: 30px; border: 1px solid #eee; border-radius: 50%; text-indent: -9999em; box-sizing: border-box; }  
#mainBanner .slick-stop { background: url(/images/n21/main/icon_mainBanner_stop.gif) no-repeat center; }  
#mainBanner .slick-start { display: none; background: url(/images/n21/main/icon_mainBanner_start.gif) no-repeat center; }  
#mainBanner .banner-all { display: block; position: absolute; top: 10px; right: 16px; width: 30px; height: 30px; background: url(/images/n21/main/icon_mainBanner_all.gif) no-repeat center; border: 1px solid #eee; border-radius: 50%; text-indent: -9999em; box-sizing: border-box; }  
#rightQuick { position: fixed; top: 350px; left: 50%; margin-left: 660px; z-index: 52; }  
.main #rightQuick { top: 210px; }  
#rightQuick>a.evt_icon { display: block; position: relative; width: 103px; height: 150px; background: url(/images/n21/common/btn_election_icon3.png) no-repeat; text-indent: -9999em; animation: quickMover 0.3s 12 alternate; margin: 0 0 37px 10px; }
/* #rightQuick > a.mvt_icon{display:block;position:relative;text-align:center;width:98px;height:160px;background:url(/images/n21/common/mvt_baro_icon.png) no-repeat;text-indent:-9999em;animation:quickMover2 0.3s 12 alternate;} */
/* #rightQuick > a.rvt_icon{display:block;position:relative;text-align:center;width:98px;height:160px;background:url(/images/n21/common/rvt_baro_icon.png) no-repeat;text-indent:-9999em;animation:quickMover2 0.3s 12 alternate;} */
/* 플로팅메뉴 수정 */
/* #rightQuick > a.lvt_icon{display:block;position:relative;text-align:center;width:98px;height:160px;background:url(/images/n21/common/lvt_baro_icon.png) no-repeat;text-indent:-9999em;animation:quickMover2 0.3s 12 alternate;} */
/* #rightQuick > a.jvt_icon{display:block;position:relative;text-align:center;margin-bottom: 11px;width:115px;height:225px;background:url(/images/n21/common/jvt_icon_baro_icon.png) no-repeat;text-indent:-9999em;animation:quickMover2 0.3s 12 alternate;} */
#rightQuick > a.rvt_icon{display:block;position:relative;text-align:center;margin-bottom: 11px;width:115px;height:225px;background:url(/images/n21/common/rvt_baro_icon2.png) no-repeat;background-size:100%;text-indent:-9999em;animation:quickMover2 0.3s 12 alternate;}
/* #rightQuick>a.avt_icon { display: block; position: relative; text-align: center; margin-bottom: 11px; width: 115px; height: 175px; background: url(/images/n21/common/avt_baro_icon2.png) no-repeat; text-indent: -9999em; animation: quickMover2 0.3s 12 alternate; } */
@keyframes quickMover {0% { margin-top:0px; }100% { margin-top:-25px; }}
@keyframes quickMover2 {0% { margin-top:0px; }100% { margin-top:-25px; }}
#rightQuick .rightQuickOpen { display: none; }  
#rightQuick>a.evt_icon:after { display: none; content: ''; position: absolute; left: -140px; top: -100px; width: 210px; height: 123px; background: url(/images/n21/common/icon_rightQuick_on2.png) no-repeat; }  
#rightQuick>a.evt_icon:hover:after { display: block; }  
#rightQuick>a.evt_icon:focus:after { display: block; }
/* #rightQuick > a.lvt_icon:after{display:none;content:'';position:absolute;left:-140px;top:-100px;width:210px;height:123px;background:url(/images/n21/common/icon_rightQuick2_on.png) no-repeat;} */
/* #rightQuick > a.jvt_icon:after{display:none;content:'';position:absolute;left:-74px;top:-75px;width:210px;height:123px;background:url(/images/n21/common/icon_rightQuick3_on.png) no-repeat;} */
/* #rightQuick > a.jvt_icon:hover:after{display:block;} */
/* #rightQuick > a.jvt_icon:focus:after{display:block;} */
#rightQuick > a.rvt_icon:after{display:none;content:'';position:absolute;left:-120px;top:-75px;width:210px;height:123px;background:url(/images/n21/common/rvt_icon_rightQuick_on.png) no-repeat;background-size:100%;}
#rightQuick > a.rvt_icon:hover:after{display:block;}
#rightQuick > a.rvt_icon:focus:after{display:block;}
/* #rightQuick>a.avt_icon:after { display: none; content: ''; position: absolute; left: -160px; top: -75px; width: 210px; height: 123px; background: url(/images/n21/common/avt_icon_rightQuick_on.png) no-repeat; }  
#rightQuick>a.avt_icon:hover:after { display: block; }  
#rightQuick>a.avt_icon:focus:after { display: block; }   */

/* 팝업 */ 
.mainPop { display: none; position: fixed; left: -1000px; top: -1000px; z-index: 999; max-width: 1000px; }  
.mainPop .title { padding: 0 20px; background: #393939; border-top-left-radius: 15px; border-top-right-radius: 15px; }  
.mainPop .title b { display: block; line-height: 50px; color: #fff; font-size: 18px; }  
.mainPop .popImg img, .mainPop .popImg iframe { display: block; max-width: 100% !important; }  
.mainPop .closeDay { padding: 0 15px; background: #393939; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; color: #fff; font-weight: 500; line-height: 36px; }  
.mainPop .closeDay .inputSet input { margin-top: -3px; }  
.mainPop .closeDay .btnClose { display: block; position: absolute; right: 15px; bottom: 11px; width: 15px; height: 15px; background: url(/images/n21/main/icon_mainPop_close.png) no-repeat; text-indent: -9999em; }  
.mainPop .popImg.aTag-f a { position: absolute; top: 3px; left: 3px; width: calc(100% - 6px); height: calc(100% - 6px); }  
/*메인팝업 유튜브 스트리밍용 */ /* .mainPop{width:1000px;} */ 
.popImg { position: relative; overflow: hidden; }  
.popImg iframe, .popImg object, .popImg embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }  

/* 통합검색 */ 
#totalSearch { margin-top: -66px; padding-bottom: 100px; }  
#totalSearch #searchBox { position: relative; margin-bottom: 50px; }  
#totalSearch #searchBox .item1 { padding: 34px 0 34px 170px; background: #373272; }  
#totalSearch #searchBox .item1 .searchBar { display: inline-block; vertical-align: middle; width: 640px; height: 62px; border-radius: 4px; font-size: 17px; }  
#totalSearch #searchBox .item1 .btnSearch, 
#totalSearch #searchBox .item1 .btnDetailSearch { display: inline-block; vertical-align: middle; width: 103px; height: 62px; border: 0px none; border-radius: 4px; font-size: 18px; color: #fff; line-height: 62px; text-align: center; }  
#totalSearch #searchBox .item1 .btnSearch { background: #31a6d7; }  
#totalSearch #searchBox .item1 .btnDetailSearch { background: #7e7d8c; }  
#totalSearch #searchBox .item1 .inputSet { margin-left: 15px; }  
#totalSearch #searchBox .item1 .inputSet label { color: #fff; }  
#totalSearch #searchBox .item2 { position: relative; padding: 30px 0 30px 170px; background: #f4f7fe; border: 1px solid #e5e9f4; border-top: 0px none; }  
#totalSearch #searchBox .item2 ul li { margin-bottom: 5px; }  
#totalSearch #searchBox .item2 ul li:last-child { margin-bottom: 0px; }  
#totalSearch #searchBox .item2 ul li .head { display: inline-block; vertical-align: middle; margin-right: 15px; font-size: 16px; }  
#totalSearch #searchBox .btnCloseSearch { display: block; position: absolute; right: 20px; bottom: 20px; width: 18px; height: 18px; background: url(/images/n21/sub/icon_btnCloseSearch.png) no-repeat; text-indent: -9999em; }  
#totalSearch .timeItem { float: right; display: block; margin-top: -42px; padding-left: 25px; background: url(/images/n21/sub/icon_timeItem.png) no-repeat left top; color: #6c6c6c; line-height: 18px; }  
#totalSearch .timeItem em { color: #f54325; }  .tabBar.type3 { display: table; position: relative; width: 100%; }  
.tabBar.type3:after { display: block; content: ''; position: absolute; left: 0; right: 1px; bottom: 0; border-bottom: 2px solid #3e35aa; }  
.tabBar.type3 li { display: table-cell; min-width: auto; background: #fff; border-right: 0px none; border-bottom: 0px none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }  
.tabBar.type3.col2 li { width: 50%; }  
.tabBar.type3.col5 li { width: 20%; }  
.tabBar.type3.col6 li { width: 16.6666%; }  
.tabBar.type3 li:last-child { border-right: 1px solid #cdcdcd; }  
.tabBar.type3 li:last-child.active { border-right: 2px solid #3e35aa; }  
.tabBar.type3 li.active { position: relative; border-bottom: 0px none; box-shadow: inherit; }  
.tabBar.type3 li.active:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 2px solid #fff; z-index: 1; }  
#totalSearch .point { color: #7e3bd6; font-weight: 500; }  
#totalSearch #searchCon { position: relative; padding-right: 260px; }  
#totalSearch #searchCon h4 { font-size: 24px; }  
#totalSearch #searchCon h5 { font-size: 21px; }  
#totalSearch #searchCon .leftArea { padding-right: 40px; border-right: 1px solid #e3e3e3; }  
#totalSearch #searchCon .leftArea h4 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 86%; }  
#totalSearch #searchCon .leftArea .listCon li { margin-bottom: 15px; }  
#totalSearch #searchCon .leftArea .listCon li>a { display: block; }  
#totalSearch #searchCon .leftArea .listCon li>a:hover { text-decoration: underline; }  
#totalSearch #searchCon .leftArea .listCon li .desc { display: block; display: -webkit-box; height: 46px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 23px; }  
#totalSearch #searchCon .leftArea .listCon .title { display: block; margin-bottom: 5px; font-size: 18px; }  
#totalSearch #searchCon .leftArea .listCon .title .btnMore { display: inline-block; vertical-align: baseline; margin-left: 10px; padding: 0 8px; height: 28px; background: #582cc7; color: #fff; border: 0px none; font-size: 13px; } 
/* #totalSearch #searchCon .leftArea .listCon .file{display:block;color:#555;} */ 
#totalSearch #searchCon .leftArea .listCon .file { display: none; }  
#totalSearch #searchCon .leftArea .listCon li .btn_ss { display: inline-block; vertical-align: baseline; margin: 0 2px; padding: 0 12px; height: 28px; border: 1px solid #cbcbd1; border-radius: 14px; text-align: center; line-height: 26px; box-sizing: border-box; font-size: 13px; color: #555; }  
#totalSearch #searchCon .leftArea .listCon li .location { display: block; margin-top: 5px; font-size: 13px; color: #6c6c6c; }  
#totalSearch #searchCon .leftArea .listCon li.thumb { padding-right: 265px; min-height: 140px; }  
#totalSearch #searchCon .leftArea .listCon li.thumb .title { margin-bottom: 10px; }  
#totalSearch #searchCon .leftArea .listCon li.thumb .desc { margin-bottom: 20px; }  
#totalSearch #searchCon .leftArea .listCon li.thumb .img { display: block; position: absolute; right: 0; top: 0; width: 222px; height: 140px; }  
#totalSearch #searchCon .leftArea .listCon li.thumb .img img { width: 100%; height: 100%; }  
#totalSearch #searchCon .searchMore { display: block; height: 60px; border: 1px solid #e3e3e3; line-height: 60px; font-size: 16px; text-align: center; }  
#totalSearch #searchCon .searchMore:hover { text-decoration: underline; }  
#totalSearch #searchCon .searchMore img { display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: -5px; }  
#totalSearch #searchCon .rightArea { position: absolute; right: 0; top: 0; width: 260px; }  
#totalSearch #searchCon .rightArea .searchWord>.title { display: block; padding: 0 20px; background: #f6f6f6; border: 1px solid #e3e3e3; border-left: 0px none; line-height: 42px; font-size: 17px; font-weight: 500; box-sizing: border-box; }  
#totalSearch #searchCon .rightArea .searchWord .listCon { padding: 18px 20px; }  
#totalSearch #searchCon .rightArea .searchWord .listCon li a { display: block; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }  
#totalSearch #searchCon .rightArea .searchWord .listCon li a:hover { text-decoration: underline; }  
#totalSearch #searchCon .rightArea .searchWord .tabContent { margin: 20px 0 0 20px; }  
#totalSearch #searchCon .rightArea .tabBar.type3 { margin-bottom: 18px; }  
#totalSearch #searchCon .rightArea .tabBar.type3:after { border-bottom: 1px solid #3e35aa; }  
#totalSearch #searchCon .rightArea .tabBar.type3 li { height: 35px; line-height: 35px; }  
#totalSearch #searchCon .rightArea .tabBar.type3 li.active { border: 1px solid #3e35aa; }  
#totalSearch #searchCon .rightArea .tabBar.type3 li.active:after { bottom: -1px; }  
#totalSearch #searchCon .rightArea .tabBar.type3 li a { font-size: 15px; font-weight: 400; } 
#totalSearch #searchCon .rightArea .tabBar.type3 li.active a { font-weight: 500; }  
#totalSearch #searchCon .rightArea .tabPage ul li { display: block; position: relative; margin-bottom: 8px; padding-left: 32px; }  
#totalSearch #searchCon .rightArea .tabPage ul li .num { display: block; position: absolute; left: 0; top: 0; margin-right: 5px; width: 24px; height: 24px; border: 1px solid #cdcdcd; border-radius: 4px; text-align: center; line-height: 24px; font-weight: 500; }  
#totalSearch #searchCon .rightArea .tabPage ul li.active .num { background: #31a6d7; border: 1px solid #31a6d7; color: #fff; }  
#totalSearch #searchCon .rightArea .tabPage ul li a { display: block; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }  
#totalSearch #searchCon .rightArea .tabPage ul li a:hover { text-decoration: underline; }  
.totalSearchNone { margin: 40px 0; padding-top: 30px; padding-left: 350px; min-height: 160px; background: url(/images/n21/sub/icon_totalSearchNone.jpg) no-repeat 165px 30px; }  
.totalSearchNone .title { display: block; padding: 5px 0 15px; font-size: 26px; font-weight: 500; line-height: 130%; }  
.totalSearchNone .title span { font-weight: 900; color: #31a8a2; }  
.totalSearchNone p { font-size: 15px; color: #6c6c6c; line-height: 155%; }  
#totalSearch .cardList.thumb ul li { width: 33.3333%; }  
#totalSearch .cardList.thumb ul li img { display: block; width: 100%; height: 237px; }  
#totalSearch .cardList.thumb ul li .title { display: block; margin: 15px 20px 10px; height: auto; line-height: 140%; white-space: nowrap; }  
#totalSearch .cardList.thumb ul li .date { margin: 0 20px 15px; }  
#totalSearch .tabBar.type2 li a { font-size: 16px; }  
.paginationSet { padding: 40px 0; }  
.pagination { text-align: center; }  
.pagination li { display: inline-block; vertical-align: middle; margin: 0 2px; min-width: 38px; height: 38px; border-radius: 4px; border: 1px solid #d9d9d9; line-height: 40px; font-size: 17px; line-height: 38px; color: #313131; text-align: center; }  
.pagination li a { display: block; }  
.pagination .first { background: url(/images/n21/sub/btn_pageFirst.png) no-repeat center center; text-indent: -9999px; }  
.pagination .prev { margin-right: 10px; background: url(/images/n21/sub/btn_pagePrev.png) no-repeat center center; text-indent: -9999px; }  
.pagination .next { margin-left: 10px; background: url(/images/n21/sub/btn_pageNext.png) no-repeat center center; text-indent: -9999px; }  
.pagination .end { background: url(/images/n21/sub/btn_pageLast.png) no-repeat center center; text-indent: -9999px; }  
.pagination .active { background: #373272; border-color: #0a6f6a; color: #fff; font-weight: 500; }  

/* 나만의 메뉴 선택  (지방선거 전 코드) 
.area_my_menu{display:none;position:fixed;top:100px;left:0;right:0;background:#009fa1;height:580px;padding:50px 0;z-index:56;} 
.area_my_menu>.inner .tit{text-align:left;padding:25px 0;} 
.area_my_menu>.inner .tit>p{display:inline-block;vertical-align:middle;width:100px;height:126px;background:url("/images/n21/vt/area_my_menu_bg.png") 0 50% no-repeat;} 
.area_my_menu>.inner .tit>div{border-bottom:solid 1px #fff;display:inline-block;vertical-align:middle;width:86%;margin-left:2%;} 
.area_my_menu>.inner .tit>div>strong{display:inline-block;vertical-align:bottom;border-bottom:solid 1px #009fa1;margin:-1px;padding:10px 27px 0 0;color:#fff;font-size:46px;line-height:46px;background:url("/images/n21/vt/my_menu_txt_bg.png") 100% 0 no-repeat;} 
.area_my_menu>.inner .tit>div>span{color:#fff;width:76%;height:40px;line-height:40px;text-align:right;display:inline-block;vertical-align:bottom;font-size:18px;} 
.area_my_menu .menu_card{margin:0 -5px 50px -5px;} .area_my_menu .menu_card:after{display:block;clear:both;content:'';} .area_my_menu .menu_card>div{padding:0 5px;margin:5px 0;float:left;width:20%;box-sizing:border-box;} 
.area_my_menu .menu_card>div>div{position:relative;border:solid 2px #80cfd0; height:100px; border-radius:10px;background:url("/images/n21/vt/menu_card_add.png") 50% 50% no-repeat;} 
.area_my_menu .menu_card>div>div>.add{display:block;width:100%;height:100px;line-height:100px;border-radius:10px;margin:-2px;text-indent:-99999px;} 
.area_my_menu .menu_card>div>div>div{background:#fff;display:block;height:104px;line-height:104px;border-radius:10px;margin:-2px;padding:0 20px;text-align:left;} 
.area_my_menu .menu_card>div>div>div div{display:inline-block;vertical-align:middle;line-height:24px;} .area_my_menu .menu_card>div>div>div div em{display:block;color:#009fa1;font-size:15px;} 
.area_my_menu .menu_card>div>div>div div span{display:block;color:#555;font-size:18px;} 
.area_my_menu .menu_card>div>div .del{position:absolute;top:-20px;;right:0px;width:40px;height:39px;background:url("/images/n21/vt/btn_menu_card_del.png") 50% 50% no-repeat;text-indent:-99999px;}  
.area_my_menu>.inner ul:after{display:block;clear:both;content:'';} 
.area_my_menu>.inner ul li{position:relative;width:16.66%;float:left;border-left:solid 1px #26adaf;text-align:center;box-sizing:border-box;} 
.area_my_menu>.inner ul li:first-child{border-left:none;} 
.area_my_menu>.inner ul li a{position:relative;display:inline-block;padding:0 5px;color:#fff;font-size:16px;} 
.area_my_menu>.inner ul li a span{font-size:18px;display:inline-block;vertical-align:middle;width:31px;height:26px;} 
.area_my_menu>.inner ul li a:hover:before{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:8px;background:rgba(77,186,168,1);animation-name: user_ex5; animation-duration: .5s;z-index:-1;} 
.area_my_menu>.inner ul li a:not(:hover):before{display:block;content:'';position:absolute;bottom:0;left:0;width:0;height:8px;background:rgba(77,186,168,1);animation-name: user_ex5_2; animation-duration: .1s;z-index:-1;}  
@keyframes user_ex5{ from { width:0 } to { width:100%; } } 
@keyframes user_ex5_2{ from { width:100% } to { width:0; } } */ 

 /* 나만의 메뉴 설정 레이어 (지방선거 전 코드) 
 .my_menu_option{display:none;position:fixed;top:50px;bottom:50px;width:840px;left:50%;margin-left:-420px;padding:50px;border-radius:10px;border-radius:10px;background:#fff;z-index:100;} 
 .my_menu_option>strong{display:block;text-align:center;font-size:34px;color:#333;margin-bottom:30px;font-weight:normal;} .my_menu_option>strong b{font-weight:700;} 
 .my_menu_option .my_search{position:relative;margin-bottom:40px;padding-right:75px;} 
 .my_menu_option .my_search div{position:relative;height:64px;border-radius:10px;border:solid 2px #009fa1;width:100%;box-sizing:border-box;} 
 .my_menu_option .my_search div input[type="text"]{border:none;height:60px;line-height:60px;padding:0 20px;width:90%;border-radius:13px;outline:none;} 
 .my_menu_option .my_search div input[type="submit"]{position:absolute;top:50%;right:18px;width:33px;height:32px;margin-top:-16px;background:url("/images/n21/vt/btn_my_search.png") 50% 50% no-repeat;text-indent:-99999px;} 
 .my_menu_option .my_search .btn_reflsh{position:absolute;top:0;right:0;width:71px;height:64px;background:url("/images/n21/vt/btn_reflsh.png") 50% 50% no-repeat;text-indent:-99999px;} 
 .my_menu_option .area_scroll{position:absolute;left:50px;right:50px;top:190px;bottom:50px;overflow:hidden;overflow-y:auto;} 
 .my_menu_option .p_posi{position:relative;margin-bottom:10px;padding:8px 0;} .my_menu_option .p_posi h4{display:inline-block;margin-bottom:0;} 
 .my_menu_option .p_posi select{position:absolute;right:0;border-radius:4px;color:#555;font-size:15px;width:256px;height:40px;margin-top:-7px;background-size:5%;} 
 .my_menu_option h4{font-size:22px;font-weight:800;color:#009fa1;margin-bottom:10px;} .my_menu_option h5{font-size:18px;font-weight:800;color:#333;margin:0 0 10px 0;} 
 .my_menu_option .h4_layer_contents{margin-bottom:20px;} .my_menu_option .layer_contents_scroll{}/*height:340px;overflow:auto;*/ 
 /* .my_menu_option .check_con{background:#fafafa;margin-bottom:20px;padding:25px 30px;border-radius:10px;} 
 .my_menu_option .check_con:after{display:block;clear:both;content:'';} 
 .my_menu_option .check_con span{position:relative;float:left;width:33.33%;margin:5px 0;text-align:left;padding-left:25px;box-sizing:border-box;} 
 .my_menu_option .check_con span input[type="checkbox"] { position:absolute; top:50%; left:0; width:18px;height:18px;margin-top:-9px; -webkit-appearance:none;background:url("/images/n21/vt/my_menu_option_check_off.png") 50% 50% no-repeat;} 
 .my_menu_option .check_con span input[type="checkbox"]:checked{background:url("/images/n21/vt/my_menu_option_check_on.png") 50% 50% no-repeat;} 
 .my_menu_option .btnArea{text-align:center;position:absolute;margin:0;padding:10px 0;bottom:0;left:0;width:100%;background:#fff;border-radius:0 0 10px 10px} 
 .my_menu_option .btnArea button{display:inline-block;font-size:18px;font-weight:700;vertical-align:middle;width:150px;height:50px;line-height:50px;color:#fff;border-radius:4px;} 
 .my_menu_option .btnArea button.focus{background:#009fa1;} .my_menu_option .btnArea button.close{background:#6f6f6f;} .my_menu_option .btn_my_menu_option_close:focus{border:4px solid black;} 
 .my_menu_option .btn_my_menu_option_close{position:absolute;top:25px;right:-25px;width:50px;height:50px;background:url("/images/n21/vt/btn_my_menu_option_close.png") 50% 50% no-repeat;text-indent:-99999px;}  
 @keyframes user_ex5{ from { width:0 } to { width:100%; } } 
 @keyframes user_ex5_2{ from { width:100% } to { width:0; } }  */  
 
 /* 나만의 메뉴 버튼 (지방선거 전 코드) 
 .area_my_menu>.inner ul li:nth-child(1) a span{background:url("/images/n21/vt/my_menu_area_baro_img1.png") 0 50% no-repeat;} 
 .area_my_menu>.inner ul li:nth-child(2) a span{background:url("/images/n21/vt/my_menu_area_baro_img2.png") 0 50% no-repeat;} 
 .area_my_menu>.inner ul li:nth-child(3) a span{background:url("/images/n21/vt/my_menu_area_baro_img3.png") 0 50% no-repeat;} 
 .area_my_menu>.inner ul li:nth-child(4) a span{background:url("/images/n21/vt/my_menu_area_baro_img4.png") 0 50% no-repeat;} 
 .area_my_menu>.inner ul li:nth-child(5) a span{background:url("/images/n21/vt/my_menu_area_baro_img5.png") 0 50% no-repeat;} 
 .area_my_menu>.inner ul li:nth-child(6) a span{background:url("/images/n21/vt/my_menu_area_baro_img6.png") 0 50% no-repeat;} 
 .area_my_menu>.inner>.btn_area_my_menu_close{position:absolute;top:-20px;right:0;width:28px;height:28px;background:url("/images/n21/vt/btn_area_my_menu_close.png") 50% 50% no-repeat;text-indent:-99999px;} */ 
 
  /* 나만의 메뉴 설정하기 (지방선거 전 코드)*/ 
  .my_menu_option { display: none; position: fixed; top: 50px; bottom: 50px; width: 840px; left: 50%; margin-left: -420px; padding: 50px; border-radius: 10px; border-radius: 10px; background: #fff; z-index: 58; }  
  .my_menu_option>strong { display: block; text-align: center; font-size: 34px; color: #333; margin-bottom: 30px; font-weight: normal; }  
  .my_menu_option>strong b { font-weight: 700; }  .my_menu_option .my_search { position: relative; margin-bottom: 40px; padding-right: 75px; }  
  .my_menu_option .my_search div { position: relative; height: 64px; border-radius: 10px; border: solid 2px #009fa1; width: 100%; }  
  .my_menu_option .my_search div input[type="text"] { border: none; height: 60px; line-height: 60px; padding: 0 20px; width: 90%; border-radius: 13px; outline: none; }  
  .my_menu_option .my_search div input[type="submit"] { position: absolute; top: 50%; right: 18px; width: 33px; height: 32px; margin-top: -16px; background: url("/images/n21/lvt/btn_my_search.png") 50% 50% no-repeat; text-indent: -99999px; }  
  .my_menu_option .my_search .btn_reflsh { position: absolute; top: 0; right: 0; width: 71px; height: 64px; background: url("/images/n21/lvt/btn_reflsh.png") 50% 50% no-repeat; text-indent: -99999px; }  
  .my_menu_option .area_scroll { position: absolute; left: 50px; right: 50px; top: 190px; bottom: 65px; overflow: hidden; overflow-y: auto; }  
  .my_menu_option .p_posi { position: relative; margin-bottom: 10px; padding: 8px 0; }  
  .my_menu_option .p_posi h4 { display: inline-block; margin-bottom: 0; }  
  .my_menu_option .p_posi select { position: absolute; right: 0; border-radius: 4px; color: #555; font-size: 15px; width: 256px; height: 40px; background: #fff url("/images/n21/lvt/main_select_bg.png") 98% 50% no-repeat; background-size: 5%; }  
  .my_menu_option h4 { font-size: 22px; font-weight: 800; color: #009fa1; margin-bottom: 10px; }  
  .my_menu_option h5 { font-size: 18px; font-weight: 800; color: #333; margin: 0 0 10px 0; }  
  .my_menu_option .h4_layer_contents { margin-bottom: 20px; }  
  .my_menu_option .layer_contents_scroll {  } 
  /*height:340px;overflow:auto;*/ 
  .my_menu_option .check_con { background: #fafafa; margin-bottom: 20px; padding: 25px 30px; border-radius: 10px; }  
  .my_menu_option .check_con:after { display: block; clear: both; content: ''; }  
  .my_menu_option .check_con span { font-size: 14px; position: relative; float: left; width: 33.33%; margin: 5px 0; text-align: left; padding-left: 25px; }  
  .my_menu_option .check_con span input[type="checkbox"] { position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin-top: -9px; -webkit-appearance: none; background: url("/images/n21/lvt/my_menu_option_check_off.png") 50% 50% no-repeat; }  
  .my_menu_option .check_con span input[type="checkbox"]:checked { background: url("/images/n21/lvt/my_menu_option_check_on.png") 50% 50% no-repeat; }  
  .my_menu_option .check_con span.none { display: block; text-align: center; width: 100%; }  
  .my_menu_option .btnArea { text-align: center; position: absolute; margin: 0; padding: 10px 0; bottom: 0; left: 0; width: 100%; background: #fff; border-radius: 0 0 10px 10px }  
  .my_menu_option .btnArea button { display: inline-block; font-size: 18px; font-weight: 700; vertical-align: middle; width: 150px; height: 50px; line-height: 50px; color: #fff; border-radius: 4px; }  
  .my_menu_option .btnArea button.focus { background: #009fa1; }  
  .my_menu_option .btnArea button.close { background: #6f6f6f; }  
  .my_menu_option .btn_my_menu_option_close { position: absolute; top: 25px; right: -25px; width: 50px; height: 50px; background: url("/images/n21/lvt/btn_my_menu_option_close.png") 50% 50% no-repeat; text-indent: -99999px; } 
   /* 지방선거 전 코드 */ 
   .area_my_menu { display: none; position: fixed; top: 100px; left: 0; right: 0; background: #000; height: 510px; padding: 50px 0; z-index: 57; }  
   .area_my_menu>.inner li { box-sizing: border-box; }  
   .area_my_menu>.inner .tit { text-align: left; padding: 25px 0; max-width: 1280px; position: relative; box-sizing: border-box; margin-bottom: 20px; }  
   .area_my_menu>.inner .tit:after { display: block; content: ''; clear: both; }  
   .area_my_menu>.inner .tit>p { position: absolute; left: 0; top: 0; width: 100px; height: 126px; background: url("/images/n21/lvt/area_my_menu_bg.png") 0 50% no-repeat; }  
   .area_my_menu>.inner .tit>div { vertical-align: middle; padding-top: 30px; margin-left: 140px; }  
   .area_my_menu>.inner .tit>div:after { display: block; content: ''; clear: both; }  
   .area_my_menu>.inner .tit>div>strong { float: left; width: 250px; height: 56px; vertical-align: bottom; padding: 0 25px 0 0; box-sizing: border-box; color: #fff; font-size: 46px; line-height: 46px; position: relative; }  
   .area_my_menu>.inner .tit>div>strong:after { position: absolute; right: 0; top: -8px; display: block; content: ''; width: 23px; height: 29px; background: url("/images/n21/lvt/my_menu_txt_bg.png") 100% 0 no-repeat; }  
   .area_my_menu>.inner .tit>div>span { float: right; height: 46px; border-bottom: 1px solid #fff; color: #fff; width: calc(100% - 250px); box-sizing: border-box; padding-top: 15px; text-align: right; font-size: 18px; }  
   .area_my_menu .menu_card { margin: 0 -5px 50px -5px; }  
   .area_my_menu .menu_card:after { display: block; clear: both; content: ''; }  
   .area_my_menu .menu_card>div { padding: 0 5px; margin: 5px 0; float: left; width: 20%; box-sizing: border-box; }  
   .area_my_menu .menu_card>div>div { position: relative; border: solid 2px rgba(255, 255, 255, 0.4); border-radius: 10px; background: url("/images/n21/lvt/menu_card_add.png") 50% 50% no-repeat; }  
   .area_my_menu .menu_card>div>div .mascot { position: absolute; top: 0; left: 5px; height: 100%; }  
   .area_my_menu .menu_card>div:nth-child(1)>div .mascot { width: 73px; background: url("/images/n21/lvt/menu_card_icon1_off.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(2)>div .mascot { width: 87px; background: url("/images/n21/lvt/menu_card_icon2_off.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(3)>div .mascot { width: 74px; background: url("/images/n21/lvt/menu_card_icon3_off.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(4)>div .mascot { width: 92px; background: url("/images/n21/lvt/menu_card_icon4_off.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(5)>div .mascot { width: 80px; background: url("/images/n21/lvt/menu_card_icon5_off.png") 5px 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(6)>div .mascot { width: 80px; background: url("/images/n21/lvt/menu_card_icon6_off.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(7)>div .mascot { width: 83px; background: url("/images/n21/lvt/menu_card_icon7_off.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(8)>div .mascot { width: 75px; background: url("/images/n21/lvt/menu_card_icon8_off.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(9)>div .mascot { width: 71px; background: url("/images/n21/lvt/menu_card_icon9_off.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(10)>div .mascot { width: 88px; background: url("/images/n21/lvt/menu_card_icon10_off.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(1)>div>div .mascot { background: url("/images/n21/lvt/menu_card_icon1_on.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(2)>div>div .mascot { background: url("/images/n21/lvt/menu_card_icon2_on.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(3)>div>div .mascot { background: url("/images/n21/lvt/menu_card_icon3_on.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(4)>div>div .mascot { background: url("/images/n21/lvt/menu_card_icon4_on.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(5)>div>div .mascot { background: url("/images/n21/lvt/menu_card_icon5_on.png") 5px 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(6)>div>div .mascot { background: url("/images/n21/lvt/menu_card_icon6_on.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(7)>div>div .mascot { background: url("/images/n21/lvt/menu_card_icon7_on.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(8)>div>div .mascot { background: url("/images/n21/lvt/menu_card_icon8_on.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(9)>div>div .mascot { background: url("/images/n21/lvt/menu_card_icon9_on.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div:nth-child(10)>div>div .mascot { background: url("/images/n21/lvt/menu_card_icon10_on.png") 0 50% no-repeat; }  
   .area_my_menu .menu_card>div>div>.add { display: block; width: 100%; height: 130px; line-height: 130px; border-radius: 10px; margin: -2px -2px -2px 0; text-indent: -99999em }  
   .area_my_menu .menu_card>div>div>div { background: #fff; display: block; height: 130px; line-height: 130px; border-radius: 10px; margin: -2px; padding: 0 20px; text-align: left; z-index: -1; box-sizing: border-box; }  
   .area_my_menu .menu_card>div>div>div div { padding-left: 80px; width: 100%; display: inline-block; vertical-align: middle; line-height: 24px; box-sizing: border-box; }  
   .area_my_menu .menu_card>div>div>div div em { display: block; color: #3f57bf; font-size: 15px; font-weight: 600; line-height: 1.25em; margin-bottom: 2px; }  
   .area_my_menu .menu_card>div>div>div div span { display: block; color: #555; font-size: 18px; line-height: 1.16em; }  
   .area_my_menu .menu_card>div>div .del { position: absolute; top: 0; right: 0; width: 40px; height: 39px; background: url("/images/n21/lvt/btn_menu_card_del.png") 50% 50% no-repeat; text-indent: -99999px; }  
   .area_my_menu>.inner ul:after { display: block; clear: both; content: ''; }  
   .area_my_menu>.inner ul li { position: relative; width: 16.66%; float: left; border-left: solid 1px #fff; text-align: center; }  
   .area_my_menu>.inner ul li:first-child { border-left: none; }  
   .area_my_menu>.inner ul li a { position: relative; display: inline-block; padding: 0 5px; color: #fff; }  
   .area_my_menu>.inner ul li a span { font-size: 18px; display: inline-block; vertical-align: middle; width: 31px; height: 26px; padding-left: 5px; }  
   .area_my_menu>.inner ul li a:hover:before { display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: rgba(172, 179, 200, 1); animation-name: user_ex5; animation-duration: .5s; z-index: -1; }  
   .area_my_menu>.inner ul li a:not (:hover ):before { display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 8px; background: rgba(172, 179, 200, 1); animation-name: user_ex5_2; animation-duration: .1s; z-index: -1; }  
   @ keyframes user_ex5 {from { width:0  }  to { width: 100%; }  } 
   @ keyframes user_ex5_2 {from { width:100%  }  to { width: 0; }  } 
   .area_my_menu>.inner ul li:nth-child(1) a span { background: url("/images/n21/lvt/my_menu_area_baro_img1.png") 0 50% no-repeat; }  
   .area_my_menu>.inner ul li:nth-child(2) a span { background: url("/images/n21/lvt/my_menu_area_baro_img2.png") 0 50% no-repeat; }  
   .area_my_menu>.inner ul li:nth-child(3) a span { background: url("/images/n21/lvt/my_menu_area_baro_img3.png") 0 50% no-repeat; }  
   .area_my_menu>.inner ul li:nth-child(4) a span { background: url("/images/n21/lvt/my_menu_area_baro_img4.png") 0 50% no-repeat; }  
   .area_my_menu>.inner ul li:nth-child(5) a span { background: url("/images/n21/lvt/my_menu_area_baro_img5.png") 0 50% no-repeat; }  
   .area_my_menu>.inner ul li:nth-child(6) a span { background: url("/images/n21/lvt/my_menu_area_baro_img6.png") 0 50% no-repeat; }  
   .area_my_menu>.inner>.btn_area_my_menu_close { position: absolute; top: -20px; right: 0; width: 28px; height: 28px; background: url("/images/n21/lvt/btn_area_my_menu_close.png") 50% 50% no-repeat; text-indent: -99999px; }  
   
   /* 관람예약 개인정보 수집·이용 안내 영역*/ 
   .privacyWrap { padding: 30px 40px 20px 40px; background: #ebebeb; margin-bottom: 50px; }  
   .privacyWrap strong { display: block; padding-bottom: 15px; font-size: 24px; color: #636363; }  
   .privacyWrap ul { padding: 15px 20px; margin-bottom: 15px; background: #fff; border-radius: 10px; }  
   .privacyWrap ul li { line-height: 160%; font-size: 19px; color: #636363; font-weight: 500; }  
   .privacyWrap input[type="checkbox"] { width: 14px; height: 14px; background: #ddd !important; border: 1px solid #636363; }  
   .privacyWrap label { font-size: 18px; color: #636363; }  
   .privacyWrap>div { text-align: center; padding-top: 10px; }  
   .privacyWrap>div a { display: inline-block; width: 170px; height: 45px; line-height: 45px; padding: 0 60px 0 25px; color: #fff; box-sizing: border-box; background: #4c6f97 url(/bos/images/reservation/submitArrow.png) no-repeat right 20px center; font-size: 24px; font-weight: 500; border-radius: 30px; }  
   
   /* 세션 형태 */ 
   .sesstion_finish { display: none; position: fixed; top: 50%; left: 50%; text-align: center; width: 430px; height: 264px; margin: -132px 0 0 -215px; padding: 30px 0; box-sizing: border-box; background: #fff; border-radius: 50px; z-index: 140; box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5); }  
   .sesstion_finish.active { display: block; }  
   .sesstion_finish>div { position: relative; height: 100%; }  
   .sesstion_finish>div:before { display: block; content: ''; position: absolute; bottom: -68px; left: 27%; width: 74px; height: 39px; background: url("/images/n21/common/icon_sesstion_point.png") 50% 50% no-repeat; }  
   .sesstion_finish>div .mascot { position: absolute; bottom: -95px; left: -37px; width: 152px; height: 124px; background: url("/images/n21/common/icon_sesstion_mascot.png") 50% 50% no-repeat; }  
   .sesstion_finish .icon1 { position: absolute; left: 50%; top: 0; width: 60px; height: 60px; margin-left: -30px; background: url("/images/n21/common/icon_sesstion_finish.png") 50% 50% no-repeat; animation-name: sesstion_ex1; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; }

@ keyframes sesstion_ex1 { from {transform: rotate(0deg); }  to { transform: rotate(360deg); }  }
.sesstion_finish .icon2 { position: absolute; left: 50%; top: 0; width: 60px; height: 60px; margin-left: -30px; background: url("/images/n21/common/icon_sesstion_extension.png") 50% 50% no-repeat; animation: sesstion_ex2 0.3s 24 alternate; }  
@ keyframes sesstion_ex2 { 0% { top: 0px; }  100% { top : -10px;  } } 
.sesstion_finish .icon3 { position: absolute; left: 50%; top: 0; width: 60px; height: 60px; margin-left: -30px; background: url("/images/n21/common/icon_sesstion_log.png") 50% 50% no-repeat; animation: sesstion_ex3 0.3s 24 alternate; }  
@ keyframes sesstion_ex3 { 0% { margin-top: 0px; }  100% { margin-top : -25px;  } } 
.sesstion_finish span { display: block; margin-bottom: 10px; line-height: 30px; font-size: 20px; color: #575855; }  
.sesstion_finish span.type1 { padding: 75px 0 15px 0; }  
.sesstion_finish span.type2 { padding: 90px 0 30px 0; }  
.sesstion_finish em { font-weight: 700; color: #3e35aa; }  
.sesstion_finish b { font-weight: normal; color: #3e35aa; }  
.sesstion_finish button { color: #fff; height: 40px; line-height: 40px; padding: 0 30px; border-radius: 4px; font-size: 15px; }  
.sesstion_finish button.no { background: #5f5f63; }  
.sesstion_finish button.yes { background: #3e35aa; } 
 
/*웹접근성220215*/ 
.bx-wrapper a:focus * { outline: auto; }  

/* 팝업내링크 */ 
.pop-links {  }  .pop-links ul { display: flex; width: 100%; }  
.pop-links ul li { width: 25%; text-align: center; display: flex; color: #000; }  
.pop-links ul li a { display: block; color: #000; border-right: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 17px; font-weight: 700; letter-spacing: 0.015px ; display: flex; width: 100%; justify-content: center; align-items: center; transition: all 0.2s; word-break: break-all; height: 50px; } 
/* .pop-links ul li a:hover{font-size:18px;} */ 
.pop-links .link1{background-color:#e9e7e5;} 
.pop-links .link2{background-color:#fff;} 
.pop-links .link3{background-color:#e9e7e5;} 
.pop-links .link4{background-color:#fff;} 
.pop-links ul.ac2 li { width: 50% !important; }  
.pop-links ul.ac3 li { width: calc(100%/ 3) !important; }  

/* 비밀번호 변경 연장 */
.login_info_wrap{width:890px; height:380px; margin:80px auto;}
strong.login_info_title{display:block; font-size:28px; margin-bottom:30px; font-weight:800; text-align:center; line-height:42px; color:rgba(62, 53, 170, 1);}
.login_info_box{padding:50px 0 20px 0; border:1px solid rgba(224, 224, 224, 0.8); border-radius:30px;background:rgba(244, 244, 244, 1);}
.login_info_ul{width:480px; margin:0 auto;}
.login_info_ul li{position:relative; font-size:18px; margin-bottom:10px; padding-left:13px; color:rgba(85, 85, 85, 1);}
.login_info_ul li b{font-weight:800;}
.login_info_btn_wrap{display:flex; justify-content: center; margin-top:60px;}
.login_info_btn_wrap .login_info_btn{display:block; width:150px; margin:0 7px; font-size:16px; padding:16px 0; text-align:center; }
.login_info_btn_wrap .login_info_btn.blue{color:#fff; border-radius: 4px; background:rgba(62, 53, 170, 1);}
.login_info_btn_wrap .login_info_btn.white{color:rgba(62, 53, 170, 1); border:1px solid rgba(62, 53, 170, 1);  font-weight:700; border-radius: 4px; background:#fff;}

/*비밀번호 변경팝업 테이블 폼*/
.tableCon2 .form{width:100%;border-top:2px solid #313131;font-size:16px;}
.tableCon2 .form tbody th{padding:10px;vertical-align:top;text-align:left;font-size:16px;font-weight:400;color:#313131;}
.tableCon2 .form td{padding:10px;height:67px;border-left:1px solid #e3e3e3;box-sizing:border-box;vertical-align:top}
.tableCon2 .form th,
.tableCon2 .form td{border-bottom:1px solid #e3e3e3;}
.tableCon2 .form th .req{margin-left:3px;}
.tableCon2 .form input,
.tableCon2 .form select,
.tableCon2 .form textarea{border:1px solid #c7c7c7;}
.tableCon2 .form input[type="radio"]{border:0px none;}
.tableCon2 .form label{font-size:15px; padding-left:10px;}
.inputSet{display:inline-block;vertical-align:middle;}
.tableCon2 .form .inputSet + .btn_s{margin-left:15px;}
.inputSet + .inputSet{margin-left:30px;}
.tableCon2 .tableExp{vertical-align:middle;color:#0a6f6a;font-size:14px;}
.tableCon2 input + .tableExp{margin-left:10px;}
.tableCon2 .form textarea{resize:none;}
.tableCon2 p.tableExp{margin-left:0;}
.tableCon2 .tableDesc{margin-bottom:10px;}

/* btn */
.btnArea{margin:35px 0;}
.paging + .btnArea.right{margin-top:-105px;}
.btnArea a{margin:0 5px;}
.btnArea .btn_l{min-width:102px;}
.btn_l{padding:0 30px;height:50px;border-radius:4px;line-height:48px;font-size:18px;}
.btn_l.on{background:#3e35aa;border:1px solid #3e35aa;color:#fff;}
.btn_l.gray{background:#7e7d8c;border:1px solid #7e7d8c;color:#fff;}
.btn_m{padding:10px 20px;min-width:110px;height:auto;border-radius:4px;background:#535353;border:0px none;line-height:135%;font-size:16px;color:#fff;}
.btn_m.on{background:#2d9791;border:0px none;}
.btn_m.down{padding-left:42px;background-image:url(/images/n21/sub/icon_down.png);background-repeat:no-repeat;background-position:left 20px center;}
.btn_m.white{height:41px;color:#535353;background:#fff;border:1px solid #535353;box-sizing:border-box;}
.btn_s{padding:0 15px;height:34px;background:#7e7d8c;border-radius:4px;border:0px none;color:#fff;line-height:34px;font-size:14px;}
.downIcon{display:inline-block;vertical-align:text-top;margin-right:8px;width:15px;height:15px;background:url(/images/n21/sub/btn_downIcon.png) no-repeat;}


@media all and (max-width:640px) { 
	.pop-links ul { flex-wrap: wrap; } 
	.pop-links ul li { width: 50%; } 
	.pop-links ul li a { font-size: 12px; letter-spacing:-1px; }  
	}

/* ============================================================================================================================ */

/* 반응형 */
@media all and (max-width:1500px) {
	.btnTop { left: inherit; right: 2%; margin-left: 0; } 
	#rightQuick { margin-left: 0; left: inherit; right: 10px; } 
	#mainElection .tabPage ul li dl dd a { font-size: 13px; }
}

@media all and (max-width:1280px) {
	.inner { padding: 0 2%; width: auto; } 
	#header h1 { left: 2%; } 
	#header .btn_allNavOpen { right: 2%; } 
	#header #gnb { margin-right: 60px; } 
	#header #gnb .depth1>li { padding: 0 20px 15px; } 
	.mainPopSlider { margin-left: 0; width: 65%; } 
	.mainPopSlider li a { box-shadow: none; } 
	#mainService { padding: 25px 15px; width: 34%; } 
	#mainService .tabBar li a, 
	#mainService .tabBar li.active a, 
	#mainService .tabPage ul li a { font-size: 15px; } 
	.mainNotice { margin-right: 1%; width: 32%; } 
	.mainNotice .tabBar li { padding-right: 10px; } 
	.mainNotice .tabBar li a { font-size: 14px; } 
	.mainNotice .topArea .title { font-size: 14px; } 
	.mainNotice .tabPage ul li a { font-size: 14px; } 
	#mainElection { margin-top: -82px; padding: 15px; width: 34%; } 
	#mainElection .tabBar li { margin-right: 10px; } 
	/*#mainElection .tabPage ul li dl dd a{font-size:13px;} 20210917*/ 
	#mainMiniPopSlider { width: 34%; } 
	#mainQuick { width: 65%; } 
	#mainQuick .title { font-size: 17px; } 
	#mainQuick ul li a { font-size: 15px; } 
	#mainSns { padding-left: 90px; width: 34%; } 
	#mainSns b { width: 80px; background-position: left center; background-size: 80px auto; font-size: 21px; } 
	#mainBanner .inner { padding: 0 20px; } 
	#mainBanner ul { padding-right: 165px; } 
	#mainBanner .slick-next { right: 29px; } 
	#mainBanner .slick-prev { right: 95px; } 
	.modalWrap { left: 2%; right: 2%; margin: 0; padding: 50px 30px; width: auto; } 
	#header #gnb .navBox:before { left: 0; right: inherit; margin-right: 0; width: 264px; } 
	#header #gnb .navBox:after { display: none; } 
	#header #gnb .navTitle { padding-left: 2%; background-position: right bottom; box-sizing: border-box; } 
	#header #gnb .depth2 { padding: 30px 20px; } 
	#header #gnb .depth2>li { margin-bottom: 10px; padding-left: 10px; width: 50%; } 
	#header #gnb .depth2>li:nth-child(2n+1) { clear: both; } 
	#header #gnb li:nth-child(2) .depth2>li:nth-child(5) { margin-top: 0; margin-left: 0; } 
	#header #gnb .depth3 { padding: 15px; } 
	#header #gnb .depth3>li { margin-bottom: 5px; } 
	#header #gnb .depth3>li>a { padding-bottom: 5px; font-size: 15px; } 
	#totalSearch #searchBox .item1 { padding: 34px 3%; text-align: center; } 
	#totalSearch #searchBox .item1 .searchBar { width: 480px; } 
	#totalSearch #searchBox .item2 { padding: 30px 3%; } 
	.tabBar.type3 li { display: block; float: left; margin: -1px -1px 0 0; border-radius: 0; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } 
	.tabBar.type3 li.active { border-bottom: 2px solid #3e35aa; } 
	.tabBar.type3:after, 
	.tabBar.type3 li.active:after { display: none; } 
	.tabBar.type3.col5 li, .tabBar.type3.col6 li { width: 33.3333%; } 
	.tabBar.type3 li a { font-size: 16px; } 
	.totalSearchNone { padding: 200px 2% 0; background-position: center 30px; text-align: center; } 
	#totalSearch .cardList.thumb ul li { width: 50%; } 
	.tableView .viewCon iframe { height: 600px; } 
	#header #gnb { margin-right: 178px; } 
	#header .btn_mymenu_open { right: 68px; }
	
	/* 비밀번호 변경 연장 */
	.login_info_wrap{width:90%;}
	strong.login_info_title{font-size:20px; line-height:30px;}
	.login_info_ul{width:380px;}
	.login_info_ul li{font-size:15px;}
}

@media all and (max-width:1024px) {
	.inner { padding: 0 2%; width: auto; } 
	#header .btn_allNavOpen { right: 2%; } 
	#header #gnb { margin-right: 78px; } 
	#header .btn_mymenu_open { width: 35px; right: 66px; background-position: 50% 50%; } 
	#header.active .btn_mymenu_open, 
	#header.active.sub .btn_mymenu_open { background-position: 50% 50%; } 
	#header .btn_mymenu_open span { text-indent: -9999em; } 
	#header .btn_mymenu_open i { display: none; } 
	.my_menu_option { width: inherit; margin-left: inherit; left: 5%; right: 5%; } 
	.tooltip_giude { display: block; margin-bottom: 10px; } 
	.tooltip:before { right: 46px; } 
	.tooltip_Close { display: block; } 
	.tooltip { position: fixed; right: 27px; margin-right: inherit; } 
	.area_my_menu>.inner .tit { margin-bottom: 0; } 
	.area_my_menu>.inner .tit>div { padding: 0; } 
	.area_my_menu>.inner .tit>div>strong { float: none; display: inline-block; } 
	.area_my_menu>.inner .tit>div>span { float: none; display: block; width: auto; padding: 0; text-align: left; } 
	.area_my_menu .menu_card>div>div>div div { padding-left: 50px; } 
	.area_my_menu .menu_card>div>div .mascot { left: 5px; width: 75px; background-size: auto 55px !important; padding-left: 0; } 
	 /* .area_my_menu>.inner .tit{padding:0 0 20px 0;margin-bottom:0;} 
	 .area_my_menu .menu_card>div>div>div div{padding-left:0;} 
	 .area_my_menu .menu_card>div>div>div {padding: 55px 20px 0 20px; line-height:inherit;} 
	 .area_my_menu .menu_card>div>div .mascot {top: -20px;left: 5px; height: 80px; background-size: auto 60px !important;}  
	 .area_my_menu>.inner .tit>div>strong{float:none;} .area_my_menu>.inner 
	 .tit>div>span{float:none;text-align:left;width:auto;display:block;} */ 
	 .pic_view_area .useBx_pic .slick-slide { height: auto !important; }
}

@media all and (max-width:960px) {
	#container.main:after { top: 25px; } 
	#header { height: 80px; } 
	#header h1 { top: 12px; } 
	#header h1 a { width: 140px; background: url(/images/n21/common/logo_active.png) center no-repeat !important; background-size: 100% !important; } 
	#header #topLink { display: none; } 
	#header #gnb { display: none; } 
	#header .btn_searchOpen { display: block; position: absolute; top: 22px; right: 65px; width: 38px; height: 38px; background: #2a2a2a url(/images/n21/common/btn_searchOpen_mobile.png) no-repeat center; border: 1px solid #fff; border-radius: 5px; text-indent: -9999em; } 
	#header.active .btn_searchOpen { background-color: #292929; } 
	#header .btn_allNavOpen { top: 22px; } 
	#header .topSearch { display: none; } 
	#header #topSearchWrap.active .topSearch { display: block; } 
	#header #mobileTopLink { position: fixed; top: 0; left: 0; right: 0; z-index: 9; } 
	#header #mobileTopLink ul { padding: 0 3%; background: #8a8b8d; } 
	#header #mobileTopLink ul li { display: inline-block; } 
	#header #mobileTopLink ul li a { display: block; padding-right: 15px; line-height: 45px; color: #fff; font-weight: 500; } 
	#header #mobileTopLink dl { padding: 0 3%; background: #6b6a72; } 
	#header #mobileTopLink dl dt { display: inline-block; margin-right: 15px; color: #fff; line-height: 42px; font-weight: 500; } 
	#header #mobileTopLink dl dd { display: inline-block; } 
	#header #mobileTopLink dl dd a { display: block; position: relative; padding: 0 5px; font-size: 13px; color: #fff; } 
	#header #mobileTopLink dl dd a:after { display: block; content: ''; position: absolute; right: -1px; top: 50%; margin-top: -4px; height: 8px; border-right: 1px solid #fff; } 
	#header #mobileTopLink dl dd:last-child a:after { display: none; } 
	#allNav { position: fixed; top: 87px; left: 0; right: 0; bottom: 0; background: #fff; }
	 #allNav:before { display: block; content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 120px; background: #f3f5fa; z-index: -1; } 
	 #allNav .depth1>li.active>a { background: #fff; } 
	 #allNav .depth1>li>a { display: block; padding-left: 15px; width: 120px; font-size: 17px; font-weight: 500; color: #1e1e1e; line-height: 52px; letter-spacing: -1px; box-sizing: border-box; } 
	 #allNav .depth2 { display: none; position: absolute; top: 0; left: 120px; right: 0; bottom: 0; padding: 0 20px; overflow-y: scroll; } 
	 #allNav .depth2>li { border-bottom: 1px solid #eaeaea; } 
	 #allNav .depth2>li>a { display: block; line-height: 52px; font-size: 16px; } 
	 #allNav .depth3>li>a { display: inline-block; padding-bottom: 10px; color: #6c6c6c; font-size: 14px; letter-spacing: -.5px; line-height: 130%; } 
	 #allNav .depth3>li.newWin>a { padding-right: 20px; background: url(/images/n21/common/icon_gnb_newWin.png) no-repeat right 3px; } 
	 #allNav .depth3>li.hasNav>a { background: url(/images/n21/common/icon_allNav_mobile_ar.png) no-repeat right 5px; } 
	 #allNav .depth4 { display: none; padding: 8px 19px; background: #f6f6f6; } 
	 #allNav .depth4>li>a { display: block; position: relative; padding: 3px 0 3px 10px; color: #6c6c6c; } 
	 #allNav .depth4>li>a:after { display: block; content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 50%; background: #6c6c6c; } 
	 #allNav .depth1>li.active .depth2, 
	 #allNav .depth3>li.active .depth4 { display: block; } 
	 .btn_allNavClose { display: block; position: absolute; top: -75px; right: 3%; width: 20px; height: 20px; background: url(/images/n21/common/btn_allNavClose_mobile.png) no-repeat center; text-indent: -9999em; } 
	 #header .topSearch { position: fixed; left: 0; right: 0; top: 0; width: auto; height: 80px; background: #6b6a72; z-index: 2; } 
	 #header .topSearch input[type="text"] { display: block; float: left; padding: 0 3%; width: 75%; height: 78px; background: none; border: 0px none; font-size: 17px; color: #fff; box-sizing: border-box; } 
	 #header .topSearch input[type="text"]::placeholder { color: #fff !important; } 
	 #header .topSearch input[type="text"]::-webkit-input-placeholder { color: #fff !important; } 
	 #header .topSearch input[type="text"]::-ms-input-placeholder { color: #fff !important; } 
	 #header .topSearch .btn_topSearch { display: block; float: right; margin-right: 3%; width: 10%; height: 78px; background: url(/images/n21/common/icon_mobileTopSearch.png) no-repeat center right; border: 0px none; text-indent: -9999em; } 
	 #header .topSearch .btn_searchLayer { right: 13%; bottom: 0; margin-right: 1%; width: 11%; height: auto; } 
	 #searchLayer { top: 78px; } 
	 #container { padding-top: 80px; } 
	 #mainNoticeBar { padding-left: 125px; width: auto; }
	 #mainNoticeBar .head { width: 110px; font-size: 16px; } 
	 #mainNoticeBar .eventDate { left: 130px; font-size: 18px; } 
	 #mainNoticeBar .noticeBarSlider li .desc { margin-right: 0; } 
	 #mainNoticeBar .bx-controls { display: none; } 
	 #mainContents>div { float: none; width: auto; } 
	 .mainPopSlider { margin-bottom: 60px; } 
	 #mainService { margin-bottom: 20px; padding-bottom: 10px; height: auto; } 
	 #mainService .tabPage ul li { width: 31.3333%; } 
	 .mainNotice { display: none; } 
	 .mainNotice.mobileOnly { display: block; margin-right: 0; margin-bottom: 20px; } 
	 .mainNotice .tabBar { margin: 0 -2%; padding: 0 2%; background: #fff; } 
	 .mainNotice .tabBar li a { padding: 0 8px; line-height: 46px; color: #111; } 
	 .mainNotice .tabBar li.active a { color: #111; } 
	 .mainNotice .tabBar li.active a:after { bottom: 0; border-bottom: 3px solid #111; } 
	 .mainNotice .tabPage .btnMore { top: 12px; right: -2%; width: 25px; height: 25px; background: #fff url(/images/n21/main/icon_mainNotice_btnMore.png) no-repeat center; border: 1px solid #ececec; } 
	 #mainElection { margin-top: 0; margin-bottom: 20px; height: auto; } 
	 #mainElection .tabPage ul li { width: 25%; } 
	 #mainQuick { margin-bottom: 30px; } 
	 #mainMiniPopSlider { position: absolute; left: 2%; right: 50%; bottom: 50px; } 
	 #mainContents #mainSns { float: right; padding: 0 0 0 140px; width: 50%; } 
	 #mainSns b { top: 25px; left: 20px; width: 101px; background-size: auto; } 
	 #mainSns p br { display: none; } 
	 #mainSns ul li a { padding: 0 2px; } 
	 #footer .footerLink { float: none; margin-right: 0; margin-bottom: 10px; padding-top: 0; } 
	 #mainAllBanner ul li { width: 50%; text-align: center; } 
	 .mainPop { max-width: 90%; } 
	 #rightQuick { position: static; 
	 /* position:fixed;top:inherit !important;bottom:25px;right:2%;width:63px;height:61px;z-index:55; */ z-index: 56; } 
	 #rightQuick>a.evt_icon { display: none; position: fixed; right: 2%; bottom: 25px; width: 245px; height: 61px; z-index: 55; background: url(/images/n21/common/icon_rightQuick_mobile4.png) no-repeat; background-size: 100%; margin-bottom: 0; } /* #rightQuick .rightQuickOpen{display:block;position:absolute;right:0;top:0;} */ 
	 #rightQuick .rightQuickOpen { display: block; } 
	 #rightQuick .rightQuickOpen a { display: block; position: fixed; bottom: 25px; right: 2%; z-index: 56; width: 63px; height: 63px; background: url(/images/n21/common/icon_rightQuick_open2.png) no-repeat; background-size: 100% auto; text-indent: -9999em; } 
	 #rightQuick.active { width: 245px; } 
	 #rightQuick.active>a { display: block; } 
	 #rightQuick>a.mvt_icon { display: none; } 
	 /*   #rightQuick > a.jvt_icon{display:none;} */ 
	 #rightQuick>a.rvt_icon { display: none; } 
	 #rightQuick>a.avt_icon { display: none; } 
	 #rightQuick.active>a.mvt_icon { display: none !important; } 
	 /*   #rightQuick.active > a.jvt_icon{display:none !important;} */ 
	 #rightQuick.active>a.rvt_icon { display: none !important; } 
	 #rightQuick.active>a.avt_icon { display: none !important; } 
	 #rightQuick.active .rightQuickOpen a { right: 21px; bottom: 43px; width: 30px; height: 30px; background: url(/images/n21/common/icon_rightQuick_close2.png) no-repeat center; background-size: 14px auto; } 
	 #rightQuick>a.evt_icon { animation: none; } 
	 #rightQuick>a.evt_icon:hover:after { display: none; } 
	 #totalSearch #searchCon, 
	 #totalSearch #searchCon .leftArea { padding-right: 0; border-right: 0px none; } 
	 #totalSearch #searchCon .rightArea { display: none; } 
	 #totalSearch #searchBox .item2 ul li { margin-bottom: 15px; } 
	 #totalSearch #searchBox .item2 ul li .head { display: block; margin-bottom: 5px; font-weight: 500; } 
	 #totalSearch #searchBox .item2 ul li label { font-size: 14px; } 
	 #totalSearch #searchBox .item2 ul li .inputSet { margin: 3px 0; } 
	 #totalSearch #searchBox .item2 ul li .inputSet+.inputSet { margin-left: 15px; } 
	 #totalSearch #searchBox .item1 .searchBar { width: 300px; } 
	 #totalSearch #searchBox .item1 .btnSearch, 
	 #totalSearch #searchBox .item1 .btnDetailSearch { width: 80px; font-size: 15px; } 
	 #totalSearch #searchBox .item1 .inputSet { display: block; margin-top: 8px; text-align: right; } 
	 #totalSearch #searchBox .item1 .inputSet label { font-size: 14px; } 
	 #totalSearch #searchCon h4 { font-size: 20px; } 
	 .pagination li { min-width: 28px; height: 28px; line-height: 28px; font-size: 14px; } 
	 #totalSearch .tabBar.type2 li a { padding: 5px; font-size: 14px; } 
	 .mainPop .popImg img, .mainPop .popImg iframe { max-width: 100% !important; } 
	 .mainPopSlider li a:hover:after { display: none; } 
	 .mainPopSlider li a:hover img { transform: none; } 
	 #mainService .tabPage ul li:last-child { border-bottom: 1px dotted #c5c5c5; } 
	 #mainQuick ul li a:hover img { margin-top: 0; transition: none; } 
	 #mainMiniPopSlider .bx-controls { width: 140px; } 
	 #mainMiniPopSlider .bx-controls-auto a { margin-top: -5px; } 
	 #mainMiniPopSlider .bx-controls-direction a { margin-top: -14px; width: 25px; height: 28px; background-position: center !important; } 
	 #mainMiniPopSlider .bx-controls-direction .bx-prev { left: 55px; } 
	 #mainMiniPopSlider .bx-controls-direction .bx-next { left: 81px; } 
	 #header .btn_mymenu_open { top: 22px; } 
	 .area_my_menu { top: 78px; } 
	 .area_my_menu>.inner ul li a { font-size: 15px; } 
	 .tooltip { top: 80px; }
}

@media all and (max-width:768px) {
	#header .btn_mymenu_open { top: 20px; right: 96px; } 
	.area_my_menu { top: 0; bottom: 0; height: inherit; padding: 3% 3% 0 3%; overflow-y: auto; } 
	.area_my_menu>.inner { padding: 0; } 
	.area_my_menu>.inner .tit { margin-bottom: 0; } 
	.area_my_menu>.inner .tit>p { top: 10px; width: 77px; height: 100px; background-size: 100% auto !important } 
	.area_my_menu>.inner .tit>div { margin-left: 97px; } 
	.area_my_menu>.inner .tit>div>strong { font-size: 30px; line-height: 30px; height: auto; padding-right: 30px; width: auto; } 
	.area_my_menu>.inner .tit>div>strong:after { width: 20px; height: 30px; background-size: 20px auto; } 
	.area_my_menu>.inner .tit>div>span { border: none; font-size: 15px; font-size: 14px; padding: 10px 20px 0 0; } 
	.area_my_menu .menu_card { margin-bottom: 20px; } 
	.area_my_menu .menu_card>div { width: 50%; } 
	.area_my_menu .menu_card>div>div>.add { height: 80px; line-height: 80px; } 
	.area_my_menu .menu_card>div>div>div { height: 80px; line-height: 80px; } 
	.area_my_menu .menu_card>div>div>div div span { font-size: 15px; } 
	.area_my_menu>.inner>.btn_area_my_menu_close { top: 0; }
}

@media all and (max-width:641px) {
	#container.main:after { top: 54px; width: 166px; height: 165px; background-size: 100%; } 
	#container.main:before { width: 130px; height: 150px; top: 373px; left: 0px; background-size: 100%; } 
	.inner { padding: 0 3%; } 
	#header { height: 77px; } 
	#header h1 { top: 14px; left: 3%; } 
	#header h1 img { height: 35px; width: auto; } 
	#header.active h1 a { width: 140px; /* 		height: 40px; */ background-size: auto 100%; } 
	#header .btn_allNavOpen { top: 20px; right: 10px; } 
	#header .btn_searchOpen { top: 20px; right: 53px; } 
	#container.main { background-size: auto 520px; } 
	#mainContents { padding-top: 20px; padding-bottom: 0; } 
	#mainContents #mainNoticeBar { padding-left: 53px; width: auto; height: 40px; box-sizing: border-box; z-index: 1; } 
	#mainNoticeBar .head { margin-top: -21px; width: 42px; height: 42px; background-size: 25px auto; background-position: 10px center; font-size: 15px; line-height: 40px; text-indent: -9999px; padding: 0; } 
	.eventDate { position: static; line-height: 40px; font-size: 17px; } 
	#mainNoticeBar .noticeBarSlider li .desc { font-size: 14px; padding: 0 12px 0 0; line-height: 40px; } 
	#mainNoticeBar .noticeBarSlider li a { padding: 0; } 
	#mainNoticeBar .noticeBarSlider li .eventDate { display: none; } 
	#mainNoticeBar .noticeBarSlider li .desc::before { display: none; } 
	#mainService { margin-bottom: 8px; border-top-right-radius: 12px; } 
	#mainService .tabBar { border-bottom: 0px none; } 
	#mainService .first .tabBar li.active:after { display: none; } 
	#mainService .first .tabBar li.icon1.active a { background-image: url(/images/n21/main/icon_mainService1_mobile.jpg); color: #1e1e1e; } 
	#mainService .tabPage { padding: 10px 0; border-top: 1px solid #e3e3e3; } 
	#mainService .tabPage ul li { width: 48%; } 
	.mainNotice { height: 275px; background: #fff; } 
	.mainNotice .tabBar { overflow-x: scroll; } 
	.mainNotice .tabBar li { display: table-cell; float: none; white-space: nowrap; } 
	.mainNotice .tabBar li:last-child { padding-right: 40px; } 
	.mainNotice .tabBar li a { padding: 0 5px; } 
	.mainNotice .topArea { padding: 27px 0 12px 80px; } 
	.mainNotice .topArea .date { width: 65px; height: 65px; font-size: 22px; } 
	.mainNotice .topArea .date .year { font-size: 13px; } 
	.mainNotice .topArea .title { font-size: 16px; } 
	.mainNotice .tabPage ul { padding-top: 12px; } 
	#mainQuick ul li a { padding-top: 10px; } 
	#mainQuick .slick-arrow { top: -25px; } 
	#mainService { padding: 20px 0 0; } 
	#mainService .tabContent.first .tabPage.active { display: none; } 
	#mainElection { margin: 460px -3% 0; height: 320px; border-radius: 0; } 
	#mainElection .tabPage ul li { width: 50%; } 
	#mainMiniPopSlider { left: 3%; right: 3%; bottom: 730px; } 
	#mainQuick { position: absolute; left: 3%; right: 3%; bottom: 470px; } 
	#mainQuick .title { margin-bottom: 10px; } 
	#mainQuick ul li { margin-bottom: 10px; } 
	#mainContents #mainSns { float: none; width: auto; padding: 0 0 0 85px; margin-top: 10px; height: 140px; } 
	#mainSns b { left: 0; top: 10px; width: 80px; background-size: 100% auto; } 
	#mainSns p { margin: 0; padding-left: 5px; height: 60px; display: flex; align-items: center; } 
	#mainSns ul { padding: 0; display: flex; align-items: center; flex-wrap: wrap; } 
	#mainSns .mobileSnsBtn { display: none; position: fixed; bottom: 24px; right: 1%; width: 50px; height: 50px; border-radius: 50%; background: #4642aa url(/images/n21/common/icon_mobileSnsBtn.png) no-repeat center; text-indent: -9999em; z-index: 2; box-shadow: 1px 1px 13px #e0e0e0; } 
	#mainSns .mobileSnsBtn.active { background-image: url(/images/n21/common/icon_mobileSnsBtn_close.png); } 
	#mainBanner { padding-top: 15px; border-top: 0px none; } 
	#mainBanner ul { padding: 0 50px 0 20px; } 
	#mainBanner .slick-stop, 
	#mainBanner .slick-start, 
	#mainBanner .slick-slide a:after { display: none; } 
	#mainBanner .slick-slide a { margin: 0 2px; padding: 0 8px; height: 55px; border: 1px solid #eaeaea; box-sizing: border-box; line-height: 53px; text-align: center; } 
	#mainBanner .slick-slide a img { display: inline-block; vertical-align: middle; } 
	#mainBanner .slick-arrow, 
	#mainBanner .banner-all { top: 12px; } 
	#mainBanner .slick-prev { right: inherit; left: 0; background-color: #fff; z-index: 2; } 
	#footer { padding: 25px 0 40px; } 
	#footer .footerLink li { margin-bottom: 5px; } 
	#footer .footerLink li a { padding: 0 6px; font-size: 13px; } 
	#footer .markArea { display: none; } 
	#footer p { padding-top: 10px; padding-left: 0; font-size: 13px; } .btnTop { display: none; position: fixed; bottom: 80px; right: 1%; left: inherit; margin-left: 0; width: 50px; height: 50px; z-index: 2; } 
	.modalWrap { padding: 50px 10px; max-height: 500px; } 
	#mainQuick ul li .icon { margin-bottom: 8px; } 
	body { font-size: 13px; } 
	.mainPop .title b { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
	#totalSearch .timeItem { float: none; margin: 0 0 8px; } 
	#totalSearch #searchBox .item1 .searchBar { margin-bottom: 8px; width: 100%; height: 50px; } 
	#totalSearch #searchBox .item1 .btnSearch, 
	#totalSearch #searchBox .item1 .btnDetailSearch { width: 70px; height: 50px; line-height: 50px; } 
	#totalSearch #searchBox .item1 .inputSet { display: inline-block; } 
	#totalSearch #searchBox .item2 .btnCloseSearch { right: 10px; bottom: 10px; } 
	#totalSearch #searchCon h4 { font-size: 17px; } 
	#totalSearch #searchCon h5 { font-size: 16px; } 
	.tabBar.type3 li a { display: inline-block; line-height: 48px; box-sizing: border-box; font-size: 14px; } 
	#totalSearch #searchCon .leftArea .listCon .title { font-size: 15px; } 
	#totalSearch #searchCon .leftArea .listCon li.thumb { padding-right: 0; min-height: auto; } 
	#totalSearch #searchCon .leftArea .listCon li.thumb .img { position: static; margin-bottom: 7px; } 
	.totalSearchNone .title { font-size: 18px; } 
	.totalSearchNone p { font-size: 14px; } 
	.mainPopSlider li a { width: auto; height: auto; } 
	.mainPopSlider { margin: 0 -5px 20px -5px; } 
	.mainPopSlider .slick-slide { margin: 0 5px; } 
	.mainPopSlider .slick-slide img { height: auto; } 
	#mainPopSlider { display: none; } 
	#mobileMainPopSlider { display: block; z-index: 1; } 
	#totalSearch .cardList.thumb ul li { float: none; width: auto; } 
	#totalSearch .cardList.thumb ul li img { height: 180px; } 
	/*20210917*/ 
	#mainQuick ul li .icon img { height: 32px; } 
	#mainService .tabBar li.icon1 a { background-image: url(/images/n21/main/icon_mainService1_mobile.jpg); background-size: auto 28px; } 
	#mainService .tabBar li.icon2 a { background-image: url(/images/n21/main/icon_mainService2_mobile.jpg); background-size: auto 28px; } 
	#mainService .tabBar li.icon3 a { background-image: url(/images/n21/main/icon_mainService3_mobile.jpg); background-size: auto 28px; } 
	#mainService .tabBar li.icon4 a { background-image: url(/images/n21/main/icon_mainService4_mobile.jpg); background-size: auto 28px; } 
	#mainService .tabBar li.icon1.active a { background-image: url(/images/n21/main/icon_mainService1_on3.png); background-size: auto 28px; } 
	#mainService .tabBar li.icon2.active a { background-image: url(/images/n21/main/icon_mainService2_on3.png); background-size: auto 28px; } 
	#mainService .tabBar li.icon3.active a { background-image: url(/images/n21/main/icon_mainService3_on3.png); background-size: auto 28px; } 
	#mainService .tabBar li.icon4.active a { background-image: url(/images/n21/main/icon_mainService4_on2.png); background-size: auto 28px; } 
	#mainElection .tabPage ul li dl { height: 120px; } 
	#mainElection .tabPage ul li dl dt { margin-bottom: 10px; } 
	#mainElection .tabPage ul li dl dd { margin: 4px 0; } 
	#mainElection .tabPage ul li dl dd a { font-size: 14px; } 
	/* .mainPop .popImg img, .mainPop .popImg iframe{height:230px;} */ 
	.tableList ul li .date { float: right; padding-top: 10px !important; } 
	.topIconBox.type3 { padding-bottom: 20px; border-radius: 0; } 
	.topIconBox.type3 .icon { display: none; } 
	.topIconBox.type3 p { margin-bottom: 0; } 
	#mainMiniPopSlider li a:hover img { transform: none; transition: none; } 
	#mainAllBanner ul li img { width: auto; height: 180px; } 
	#totalSearch #searchBox { margin-bottom: 20px; } 
	#totalSearch #searchBox .item1 { padding: 15px 3%; } 
	#totalSearch #searchBox .item2 { padding: 15px 2%; } 
	#totalSearch #searchBox .item2 ul li:nth-child(2) .inputSet:last-child { display: block; margin-left: 0; } 
	#totalSearch #searchBox .item2 input.useDatepicker { width: 108px; font-size: 12px; } 
	.area_my_menu { background: #6f6b6b; } 
	.area_my_menu>.inner ul { background: #858278; margin: 0 -3%; padding: 3%; } 
	.area_my_menu>.inner ul:after { display: block; clear: both; content: ''; } 
	.area_my_menu>.inner ul li { position: relative; width: 50%; float: left; margin: 5px 0; border-left: none; } 
	.area_my_menu>.inner ul li a { display: block; font-size: 16px; color: #fff; text-align: left; } 
	.area_my_menu>.inner ul li a span { display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin-right: 5px; border-radius: 50%; background-size: 20px !important; } 
	.area_my_menu>.inner ul li:nth-child(1) a span { background: #858278 url("/images/n21/mvt/m_my_menu_area_baro_img1.png") 50% 50% no-repeat; } 
	.area_my_menu>.inner ul li:nth-child(2) a span { background: #858278 url("/images/n21/mvt/m_my_menu_area_baro_img2.png") 50% 50% no-repeat; } 
	.area_my_menu>.inner ul li:nth-child(3) a span { background: #858278 url("/images/n21/mvt/m_my_menu_area_baro_img3.png") 50% 50% no-repeat; } 
	.area_my_menu>.inner ul li:nth-child(4) a span { background: #858278 url("/images/n21/mvt/m_my_menu_area_baro_img4.png") 50% 50% no-repeat; } 
	.area_my_menu>.inner ul li:nth-child(5) a span { background: #858278 url("/images/n21/mvt/m_my_menu_area_baro_img5.png") 50% 50% no-repeat; } 
	.area_my_menu>.inner ul li:nth-child(6) a span { background: #858278 url("/images/n21/mvt/m_my_menu_area_baro_img6.png") 50% 50% no-repeat; }  
	
	/* 나만의 메뉴 설정 레이어*/ 
	.my_menu_option { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding: 8% 3% 56px 3%; background: #fff; z-index: 101; border-radius: 0; } 
	.my_menu_option>strong { display: block; text-align: center; font-size: 22px; color: #333; margin-bottom: 10px; } 
	.my_menu_option>strong b { font-weight: 800; } 
	.my_menu_option .my_search { position: relative; margin-bottom: 20px; padding-right: 45px; } 
	.my_menu_option .my_search div { position: relative; height: 42px; border-radius: 10px; border: solid 1px #009fa1; width: 100%; } 
	.my_menu_option .my_search div input[type="text"] { border: none; height: 40px; line-height: 40px; padding: 0 10px; width: 90%; border-radius: 13px; outline: none; } 
	.my_menu_option .my_search div input[type="submit"] { position: absolute; top: 50%; right: 10px; width: 26px; height: 26px; margin-top: -13px; background: url("/images/n21/mvt/m_btn_my_search.png") 50% 50% no-repeat; background-size: 26px; text-indent: -99999px; } 
	.my_menu_option .my_search .btn_reflsh { position: absolute; top: 0; right: 0; width: 40px; height: 42px; background: url("/images/n21/mvt/m_btn_reflsh.png") 50% 50% no-repeat; background-size: 40px; text-indent: -99999px; } 
	/* .my_menu_option .area_scroll{height:500px;overflow:hidden;overflow-y:auto;border:solid 1px red} */ 
	.my_menu_option .area_scroll { position: absolute; left: 3%; right: 3%; top: 120px; bottom: 65px; overflow: hidden; overflow-y: auto; } 
	.my_menu_option .p_posi { position: relative; margin-bottom: 10px; padding: 8px 0; } 
	.my_menu_option .p_posi h4 { display: inline-block; margin-bottom: 0; } 
	.my_menu_option .p_posi select { position: inherit; right: inherit; border-radius: 4px; color: #555; font-size: 15px; width: 100%; height: 40px; background: #fff url("/images/n21/vt/main_select_bg.png") 98% 50% no-repeat; background-size: 5%; -webkit-appearance: none; } 
	.my_menu_option h4 { font-size: 22px; font-weight: 800; color: #009fa1; margin-bottom: 10px; } 
	.my_menu_option h5 { font-size: 18px; font-weight: 800; color: #333; margin: 0 0 10px 0; } 
	.my_menu_option .check_con { background: #fafafa; margin-bottom: 10px; padding: 5%; border-radius: 10px; } 
	.my_menu_option .check_con:after { display: block; clear: both; content: ''; } 
	.my_menu_option .check_con span { font-size: 14px; position: relative; float: left; width: 50%; margin: 5px 0; text-align: left; padding-left: 25px; } 
	.my_menu_option .check_con span input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 18px; height: 18px; margin-top: 0; -webkit-appearance: none; background: url("/images/n21/mvt/m_my_menu_option_check_off.png") 50% 50% no-repeat; background-size: 18px; } 
	.my_menu_option .check_con span input[type="checkbox"]:checked { background: url("/images/n21/mvt/m_my_menu_option_check_on.png") 50% 50% no-repeat; background-size: 18px; } 
	.my_menu_option .check_con span.none { display: block; text-align: center; width: 100%; } 
	.my_menu_option .check_con span label { line-height: 18px; display: inline-block; vertical-align: top; } 
	.my_menu_option .btnArea { position: fixed; bottom: 0; left: 0; right: 0; text-align: center; margin: 0; padding: 0; } 
	.my_menu_option .btnArea:after { display: block; clear: both; content: ''; } 
	.my_menu_option .btnArea a { float: left; font-size: 18px; font-weight: 700; width: 50%; height: 50px; line-height: 50px; color: #fff; margin: 0; } 
	.my_menu_option .btnArea a.focus { background: #009fa1; border-radius: 10px 0 0 0; } 
	.my_menu_option .btnArea a.close { background: #6f6f6f; border-radius: 0 10px 0 0; } 
	.my_menu_option .btn_my_menu_option_close { position: absolute; top: 15px; right: 15px; width: 25px; height: 25px; background: url("/images/n21/mvt/m_btn_my_menu_option_close.png") 50% 50% no-repeat; background-size: 25px; text-indent: -99999px; } 
	.my_menu_option .btn_my_menu_option_close:focus { border: 4px solid black; } 
	.tooltip { left: 5%; right: 5%; top: 50%; height: 442px; margin-top: -221px; width: auto; overflow: hidden; overflow-y: auto; background-size: auto 90px; } 
	.tooltip .upper { padding: 30px 0 15px 100px; height: auto; } 
	.tooltip .lower { margin: 0 3% 3% 3%; border-radius: 20px; } 
	.tooltip .lower ul li br { display: none; } 
	.tooltip .lower dt.title { margin-bottom: 3%; }
}
@media all and (max-width:520px){
	/* 비밀번호 변경 연장 */
	.login_info_box{padding:30px 0; border-radius:30px;}
	.login_info_ul{width:92%; padding:0 4%;}
	.login_info_ul li{font-size:13px;}
	.login_info_btn_wrap{margin-top:20px;}
	.login_info_btn_wrap .login_info_btn{width:100px; padding:10px 0; font-size:14px;}
	
	.btn_modalClose{background-size:80%;top:10px;}
}


@media all and (max-width:414px) {
	.sesstion_finish { width: auto; left: 5%; right: 5%; margin: -132px 0 0 0; } 
	.sesstion_finish>div:before { left: 30%; bottom: -56px; width: 56px; height: 26px; background-size: 100%; } 
	.sesstion_finish>div .mascot { left: -10px; width: 100px; height: 100px; background-size: 100%; } 
	.tooltip_giude { margin-bottom: 20px; } 
	.area_my_menu .menu_card>div>div .mascot { background-size: 35px auto !important; width: 35px !important; } 
	.area_my_menu .menu_card>div>div>div { padding: 0 10px; } 
	.area_my_menu .menu_card>div>div>div div { padding-left: 35px; } 
	.area_my_menu .menu_card>div>div>div div em { font-size: 13px; } 
	.area_my_menu .menu_card>div>div>div div span { font-size: 14px; } 
	.area_my_menu .menu_card>div>div .del { top: -14px; right: 5px; width: 28px; height: 28px; } 
	.area_my_menu>.inner ul li a span { width: 20px; height: 20px; background-size: 14px !important; padding: 0; } 
	.area_my_menu>.inner ul li a { font-size: 15px; letter-spacing: -1px; } 
	#mainContents #mainSns { height: 130px; } 
	#mainSns ul li a { width: 35px; height: 35px; background-size: 35px auto !important; padding: 0 1px; }
	
}

@media all and (max-width:350px) {
	#mainSns ul li a { width: 30px; height: 30px; background-size: 30px auto !important; }
}

@media all and (max-width:320px) {
	#header h1 img { height: 34px; } 
	.area_my_menu>.inner .tit>p { width: 60px; } 
	.area_my_menu>.inner ul li a { font-size: 13px; letter-spacing: -1px; } 
	.area_my_menu>.inner .tit>div { width: 66%; margin-left: 65px; } 
	.area_my_menu>.inner .tit>div>strong { font-size: 24px; } 
	.area_my_menu>.inner .tit>div>span { padding: 10px 0; } 
	.area_my_menu .menu_card>div { padding: 0 2px; } 
	.tooltip_giude button { width: 100%; } 
	.tooltip { background-position: 10px 10px; } 
	.tooltip .upper { height: auto; } 
	.tooltip .lower { padding: 5%; } 
	.tooltip>div em { font-size: 17px; } 
	.tooltip>div span { font-size: 13px; } 
	.tooltip>div em { line-height: 21px; } 
	#mainQuick ul li a { font-size: 13px; letter-spacing: -1px; } 
	#mainElection .tabPage ul li dl dd a { font-size: 13px; letter-spacing: -1px; } 
	#mainElection .tabBar li a { font-size: 18px; } 
	#mainElection .tabPage ul li dl dd { padding: 0 10px; } 
	#mainElection .tabPage ul li dl dd a { padding-left: 0; } 
	#mainElection .tabPage ul li dl dd a:after { display: none; } 
	#mainContents #mainSns { height: 140px; } 
	#container.main { background-size: auto 520px; }
}

@media all and (max-width:280px) {
	#header h1 { top: 25px; } 
	#header h1 img { height: 25px; } 
	.area_my_menu>.inner .tit>div>span { font-size: 12px; } 
	.area_my_menu .menu_card>div>div>div div em { font-size: 12px; } 
	.area_my_menu .menu_card>div>div>div div span { font-size: 13px; } 
	.area_my_menu>.inner ul li a { font-size: 12px; }
	 #mainSns ul li a { width: 26px; height: 26px; background-size: 26px auto !important; padding: 0; } 
	.pop-links ul li a { font-size: 11px; } 
	.pop-links ul li a:hover { font-size: 11px; }
}

#loadingTax { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 60; text-align: center; }  
#loadingTax>p { padding-top: 510px; color: #fff; }  
#loadingTax>div { position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; border-radius: 100%; }  
#loadingTax>div::before, 
#loadingTax>div::after { content: ""; position: absolute; top: -10px; left: -10px; width: 100%; height: 100%; border-radius: 100%; border: 10px solid transparent; border-top-color: #3498db; }  
#loadingTax>div::before { z-index: 100; animation: spin2 1s infinite; }  
#loadingTax>div::after { border: 10px solid #ccc; }  
@keyframes spin2{ 0%{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }  100%{ -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }