@charset "utf-8";
.all_bg {width:214px; height:100%; position:fixed; left:0; top:0; background:#000; z-index:800; display:none;
-webkit-opacity:0.7; -moz-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);}


/* notice */
.notice {width:100%; height:60px; position:absolute; left:0; top:-60px; z-index:10; color:#fff;}
.notice h3 {color:#fff7c1; position:absolute; left:50px; top:18px; z-index:10; background:url(https://kari.re.kr/images/kor/main/notice_h3_ico.png) no-repeat left 5px; margin:0; padding:0 0 0 22px; font-size:1em;}
.notice .list_wrap {width:auto; height:30px; overflow:hidden; position:relative; margin:16px 50px 0 135px; padding:0 0 0 13px; z-index:10; background:url(https://kari.re.kr/images/kor/main/notice_bar.gif) no-repeat left 10px;}
.notice .list_wrap ul {width:100%; height:auto; position:relative;}
.notice .list_wrap ul li {}
.notice .list_wrap ul li a {display:inline-block; vertical-align:top; color:#fff; padding:2px 26px 2px 0; width:auto; max-width:86%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative;}
.notice .list_wrap ul li a img {display:inline-block; vertical-align:top; position:absolute; right:0; top:6px;}
.notice span.bg {display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:#000; -webkit-opacity:0.6; -moz-opacity:0.6; -o-opacity:0.6; -ms-opacity:0.6; opacity:0.6; filter:alpha(opacity=60);}


/* slidevisual */
#slide_pointer {position:absolute; left:50%; top:110px; margin-left:-206px; z-index:200;}
#slide_pointer a {display:inline-block; text-decoration:none; vertical-align:top; margin:0 5px; font-size:0.929em; width:58px; height:58px; text-align:center; color:#fff; overflow:hidden;
-webkit-border-radius:29px; -moz-border-radius:29px; -o-border-radius:29px; -ms-border-radius:29px; border-radius:29px; background:url(https://kari.re.kr/images/kor/main/slide_pointerbg.png) repeat;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
#slide_pointer a span {display:block; height:40px; padding:18px 0 0 0; background:url(https://kari.re.kr/images/kor/main/slide_pointer_ico.png) no-repeat; text-indent:-9999px;}
#slide_pointer a.active span, #slide_pointer a:hover span, #slide_pointer a:active span {text-indent:0; background:none;}
#slide_pointer a.active, #slide_pointer a:hover, #slide_pointer a:active {background:#ed1651 !important; opacity:1;}
#slide_pointer a.sec01 span {background-position:0 0;}
#slide_pointer a.sec02 span {background-position:0 -58px;}
#slide_pointer a.sec03 span {background-position:0 -116px;}
#slide_pointer a.sec04 span {background-position:0 -174px;}
#slide_pointer a.sec05 span {background-position:0 -232px;}
#slide_pointer a.sec06 span {background-position:0 -290px;}
.prev_btn {position:absolute; z-index:50; left:6%; top:50%; margin:-30px 0 0 0; width:60px; height:60px; background:url(https://kari.re.kr/images/kor/main/slide_prev.png) no-repeat right 50%; display:block;}
.prev_btn:hover, .prev_btn:active {background-position:50% 50%;}
.next_btn {position:absolute; z-index:50; right:6%; top:50%; margin:-30px 0 0 0; width:60px; height:60px; background:url(https://kari.re.kr/images/kor/main/slide_next.png) no-repeat left 50%; display:block;}
.next_btn:hover, .next_btn:active {background-position:50% 50%;}
#slide_visual {width:100%; height:100%; position:absolute; z-index:1;} 
#slide_visual li {position:absolute; top:0; width:100%; height:100%; display:none; text-align:center; background-size:100% auto !important;}
#slide_visual li.vi01 {background:url(https://kari.re.kr/images/kor/main/visual01.jpg) no-repeat center top;}
#slide_visual li.vi02 {background:url(https://kari.re.kr/images/kor/main/visual02.jpg) no-repeat center top;}
#slide_visual li.vi03 {background:url(https://kari.re.kr/images/kor/main/visual03.jpg) no-repeat center top;}
#slide_visual li.vi04 {background:url(https://kari.re.kr/images/kor/main/visual04.jpg) no-repeat center top;}
#slide_visual li.vi05 {background:url(https://kari.re.kr/images/kor/main/visual05.jpg) no-repeat center top;}
#slide_visual li.vi06 {background:url(https://kari.re.kr/images/kor/main/visual06.jpg) no-repeat center top;}
#slide_visual li p {color:#fff; text-align:center; margin:0 0 45px 0; padding:255px 0 0 0; font-size:1.286em; color:#efefef; font-family:"나눔명조","NanumMyeongjo","Nanum Myeongjo",sans-serif;
-webkit-text-shadow:1px 1px 3px #000; -moz-text-shadow:1px 1px 3px #000; -o-text-shadow:1px 1px 3px #000; -ms-text-shadow:1px 1px 3px #000; text-shadow:1px 1px 3px #000;}
#slide_visual li p strong {display:block; color:#fff; font-weight:normal; font-size:2.667em; line-height:1em; background:url(https://kari.re.kr/images/kor/main/slide_titlebg.gif) no-repeat center bottom; padding:0 0 30px 0; margin:0 0 25px 0;}
#slide_visual li .link {display:none; vertical-align:top; border:1px solid #ddd; color:#fff; font-size:1.071em;
-webkit-opacity:0.8; -moz-opacity:0.8; -o-opacity:0.8; -ms-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);
-webkit-box-shadow:1px 1px 4px #3c3c3c; -moz-box-shadow:1px 1px 4px #3c3c3c; -o-box-shadow:1px 1px 4px #3c3c3c; -ms-box-shadow:1px 1px 4px #3c3c3c; box-shadow:1px 1px 4px #3c3c3c;}
#slide_visual li .link span {display:inline-block; vertical-align:top; line-height:1em; padding:13px 85px 13px 25px; background:url(https://kari.re.kr/images/kor/main/slide_btn_bul.png) no-repeat 90% 50%;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
#slide_visual li .link:hover span, #slide_visual li .link:active span, #slide_visual li .link:focus span {padding-right:105px;}


/* banner */
.banner {width:100%; position:absolute; left:0; bottom:90px; z-index:10;}
.banner .box {width:100%; height:130px; max-width:1320px; margin:0 auto; overflow:hidden;}
.banner .box:after {content:""; display:block; clear:both;}
.banner .box div {position:relative; top:140px; width:20%; height:130px; float:left;}
.banner .box div a {display:block; height:100%; padding:0 20px 0 80px; text-decoration:none; position:relative; overflow:hidden;}
.banner .box div a h3 {font-size:1.429em; margin:0 0 10px 0; padding:22px 0 0 0; position:relative; z-index:10;}
.banner .box div a h3 span {display:block; font-weight:normal; font-size:0.600em; line-height:1.286em; margin-top:3px;}
.banner .box div a p {margin:0; font-size:0.929em; position:relative; z-index:10;}
.banner .box div a .ico {display:block; position:absolute; left:15px; top:50%; z-index:5; width:55px; height:55px; margin-top:-27px;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.banner .box div a:hover .ico, .banner .box div a:active .ico {margin-top:-35px;}
.banner .box div a .bg {display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:200%; display:none;
-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;}
.banner .box div a:hover .bg, .banner .box div a:active .bg {top:-100%;}
.bn01 a {background:url(https://kari.re.kr/images/kor/main/bn01_bg.jpg) no-repeat center top;}
.bn01 a h3 {color:#fff;}
.bn01 a h3 span {color:#e5ecfe;}
.bn01 a p {color:#e5ecfe;}
.bn01 a .ico {background:url(https://kari.re.kr/images/kor/main/bn01_ico.png) no-repeat left top;}
.bn01 a .bg {background:url(https://kari.re.kr/images/kor/main/bn01_bg.jpg) repeat-x center top;}
.bn02 a {background:url(https://kari.re.kr/images/kor/main/bn02_bg.jpg) no-repeat center top;}
.bn02 a h3 {color:#fff;}
.bn02 a h3 span {color:#95979c;}
.bn02 a p {color:#95979c;}
.bn02 a .ico {background:url(https://kari.re.kr/images/kor/main/bn03_ico.png) no-repeat left top;}
.bn02 a .bg {background:url(https://kari.re.kr/images/kor/main/bn02_bg.jpg) repeat-x center top;}
.bn03 a {background:url(https://kari.re.kr/images/kor/main/bn03_bg.jpg) no-repeat center top;}
.bn03 a h3 {color:#444444;}
.bn03 a h3 span {color:#636262;}
.bn03 a p {color:#636262;}
.bn03 a .ico {background:url(https://kari.re.kr/images/kor/main/sns-ico.png) no-repeat left top;}
.bn03 a .bg {background:url(https://kari.re.kr/images/kor/main/bn03_bg.jpg) repeat-x center top;}

.banner .box div.bn04 a { padding:0 10px; text-align:center} 
.bn04 a {background:url(https://kari.re.kr/images/kor/main/popup_bg.jpg) no-repeat center top;}
.bn04 a h3 {color:#fff; padding:15px 0 0 0 !important; font-size:20px !important;}
.bn04 a h3 span {color:#fff;font-size:16px !important; font-weight:bold; padding-bottom:5px}
.bn04 a h3 i{font-style:normal; display:inline-block; border:1px solid #fff; padding:0 5px; line-height:25px}
.bn04 a p {color:#898989;}
.bn04 a:hover .btn-go{ text-decoration:underline}
.bn04 .btn-go{display:inline-block; border-radius:30px; color:#fff; background:#2d55a6; font-size:13px; padding:4px 16px}



.bn05 a {background:url(https://kari.re.kr/images/kor/main/bn05_bg.jpg) no-repeat center top;}
.bn05 a h3  {color:#444444;}
.bn05 a h3 span {color:#636262;}
.bn05 a p {color:#636262;}
.bn05 a .ico {background:url(https://kari.re.kr/images/kor/main/bn05_ico.png) no-repeat left top;}
.bn05 a .bg {background:url(https://kari.re.kr/images/kor/main/bn05_bg.jpg) repeat-x center top;}



/* sns_pop */
.sns_pop {position:absolute; width:60%; padding:0 0 0 50px; right:-60%; top:115px; z-index:401;}
.sns_pop .link {width:50px; position:absolute; left:0; top:0;}
.sns_pop .link .sns_link {background:url(https://kari.re.kr/images/kor/main/sns_link_bg.jpg) no-repeat; width:50px; height:202px; margin:0; padding:15px 0 0 0; overflow:hidden;}
.sns_pop .link .sns_link a {display:block; height:46px; background:url(https://kari.re.kr/images/kor/main/sns_link_ico.png) no-repeat}
.sns_pop .link .sns_link a:hover, .sns_pop .link .sns_link a:active, .sns_pop .link .sns_link a:focus {background:url(https://kari.re.kr/images/kor/main/sns_link_ico_ov.png) no-repeat}
.sns_pop .link .sns_link a.fb {background-position:left -13px;}
.sns_pop .link .sns_link a.tw {background-position:left -62px;}
.sns_pop .link .sns_link a.bl {background-position:left -111px;}
.sns_pop .link .sns_link a.yt {background-position:left -160px;}
.sns_pop .link .sns_link a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}

.sns_pop a.open {display:block; width:50px; height:55px; padding:40px 0 0 0; color:#fff; font-size:0.857em; text-align:center; background:url(https://kari.re.kr/images/kor/main/sns_pop_openbtn.png) no-repeat;}
.sns_pop a.close {display:none; width:50px; height:55px; padding:40px 0 0 0; color:#fff; font-size:0.857em; text-align:center; background:url(https://kari.re.kr/images/kor/main/sns_pop_closebtn.png) no-repeat;}
.sns_cont {width:100%; height:759px; background:#fff; display:none;}
.sns_cont a {padding-right:0;}

.sns_cont ul {width:94%; padding:35px 3%; height:auto; overflow:hidden;}
.sns_cont ul:after {content:""; display:block; clear:both;}
.sns_cont ul li {float:left; width:48%; margin-left:4%; height:272px; margin-bottom:45px; overflow:hidden; position:relative;}
.sns_cont ul li:first-child {margin-left:0;}
.sns_cont ul li#tw {margin-left:0; margin-bottom:0;}
.sns_cont ul li#yt {margin-left:4%; margin-bottom:0;}
.sns_cont ul li h4 {min-height:34px; font-size:1.429em; font-weight:normal; padding:0 0 0 45px; margin:0; position:absolute; left:0; top:0;}
.sns_cont ul li#fb h4 {background:url(https://kari.re.kr/images/kor/main/sns_cont_h3_ico01.png) no-repeat left top;}
.sns_cont ul li#bl h4 {background:url(https://kari.re.kr/images/kor/main/sns_cont_h3_ico02.png) no-repeat left top;}
.sns_cont ul li#tw h4 {background:url(https://kari.re.kr/images/kor/main/sns_cont_h3_ico03.png) no-repeat left top;}
.sns_cont ul li#yt h4 {background:url(https://kari.re.kr/images/kor/main/sns_cont_h3_ico04.png) no-repeat left top;}
.sns_pop_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; z-index:400; display:none;
-webkit-opacity:0.7; -moz-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);}

.sns_cont ul li .cont {width:100%; height:227px; padding:45px 0 0 0;}
.sns_cont ul li .cont .scroll {width:100%; height:100%; overflow:hidden;}

.sns_cont ul li#fb .cont .good_btn {display:block; position:absolute; right:10px; top:5px;}
.sns_cont ul li#fb .cont ul {width:auto; height:auto; padding:0 25px 0 0;}
.sns_cont ul li#fb .cont ul li {float:none; width:auto; height:auto; margin:0; padding:20px 0 25px 0; border-top:1px solid #eee;}
.sns_cont ul li#fb .cont ul li:first-child {padding:0 0 25px 0; border-top:0;}
.sns_cont ul li#fb .cont ul li a {display:block; height:100%; text-decoration:none; background:none;}
.sns_cont ul li#fb .cont ul li a:hover .text, .sns_cont ul li#fb .cont ul li a:active .text, .sns_cont ul li#fb .cont ul li a:focus .text {text-decoration:underline;}
.sns_cont ul li#fb .cont ul li a .text {font-size:0.929em;}
.sns_cont ul li#fb .cont ul li a .date {font-size:0.857em; color:#959595;}
.sns_cont ul li#fb .cont ul li a .img {display:block; width:100%; margin-top:15px;}
.sns_cont ul li#fb .cont ul li a .img img {display:block; margin:0 auto; width:auto; max-width:100%;}

.sns_cont ul li#bl .cont ul {width:auto; height:auto; padding:0 25px 0 0;}
.sns_cont ul li#bl .cont ul li {float:none; width:auto; height:auto; margin:0; padding:10px 0 15px 0; border-top:1px solid #eee;}
.sns_cont ul li#bl .cont ul li:first-child {padding:0 0 15px 0; border-top:0;}
.sns_cont ul li#bl .cont ul li a {display:block; height:100%; text-decoration:none; background:none;}
.sns_cont ul li#bl .cont ul li a:hover .title, .sns_cont ul li#bl .cont ul li a:active .title, .sns_cont ul li#bl .cont ul li a:focus .title {text-decoration:underline;}
.sns_cont ul li#bl .cont ul li a .title {font-weight:600; margin:0 0 5px 0;}
.sns_cont ul li#bl .cont ul li a .text {font-size:0.929em; color:#808080; margin:0;}

.sns_cont ul li#tw .cont .follow_btn {display:block; position:absolute; right:10px; top:5px;}
.sns_cont ul li#tw .cont ul {width:auto; height:auto; padding:0 25px 0 0;}
.sns_cont ul li#tw .cont ul li {float:none; width:auto; height:auto; margin:0; padding:20px 0 20px 0; border-top:1px solid #eee; position:relative;}
.sns_cont ul li#tw .cont ul li:first-child {padding:0 0 20px 0; border-top:0;}
.sns_cont ul li#tw .cont ul li .title {font-size:0.857em; font-weight:600;}
.sns_cont ul li#tw .cont ul li .title a {display:inline-block; vertical-align:top; position:relative; padding:0 0 0 30px; background:none;}
.sns_cont ul li#tw .cont ul li .title a img {position:absolute; left:0; top:-2px; display:block; width:26px; height:26px;}
.sns_cont ul li#tw .cont ul li .title a span {display:block; font-weight:normal; color:#666;}
.sns_cont ul li#tw .cont ul li .text {font-size:0.929em; margin:0 0 5px 0;}
.sns_cont ul li#tw .cont ul li .date {font-size:0.857em; color:#959595; position:absolute; right:0; top:25px;}
.sns_cont ul li#tw .cont ul li .view_btn {font-size:0.929em; padding:0 0 0 17px; margin:0; background:url(https://kari.re.kr/images/kor/main/tw_btn_ico.gif) no-repeat left 5px;}
.sns_cont ul li#tw .cont ul li:first-child .date {top:0px;}

.sns_cont ul li#yt .cont ul {width:100%; height:auto; padding:10px 0 0 0;}
.sns_cont ul li#yt .cont ul li {width:48.5%; height:105px; margin-left:3%; margin-bottom:10px;}
.sns_cont ul li#yt .cont ul li:first-child {margin-left:0;}
.sns_cont ul li#yt .cont ul li + li + li {margin-left:0;}
.sns_cont ul li#yt .cont ul li + li + li + li {margin-left:3%;}
.sns_cont ul li#yt .cont ul li a {display:block; height:100%; overflow:hidden; position:relative; padding:0; background:none;}
.sns_cont ul li#yt .cont ul li a .title {position:absolute; left:0; top:0; margin:0; width:100%; height:100%; z-index:10; color:#fff; background:url(https://kari.re.kr/images/kor/main/tw_bg.png) repeat; font-size:0.929em; display:none;}
.sns_cont ul li#yt .cont ul li a .title span {display:block; text-align:center; padding:30px 8% 0 8%;}
.sns_cont ul li#yt .cont ul li a img {display:block; width:100%; padding:0; margin:0;}
.sns_cont ul li#yt .cont ul li a:hover .title, .sns_cont ul li#yt .cont ul li a:active .title, .sns_cont ul li#yt .cont ul li a:focus .title {display:block;}

.sns_cont .app_banner {width:auto; margin:0 3%;}
.sns_cont .app_banner a {display:block; height:55px; padding:20px 14% 0 4%; position:relative; color:#fff; background:url(https://kari.re.kr/images/kor/main/app_banner_bg.jpg) no-repeat left top;}
.sns_cont .app_banner a p {color:#fff; margin:0; padding:2px 0 0 46px; min-height:34px; background:url(https://kari.re.kr/images/kor/main/app_banner_ico.png) no-repeat left top;}
.sns_cont .app_banner a p strong {font-size:1.286em; margin-right:10px; display:inline-block;}
.sns_cont .app_banner a p strong span {display:inline-block;}
.sns_cont .app_banner a span.btn {display:block; width:42px; height:42px; line-height:42px; background:#ed1651; text-align:center; position:absolute; right:4%; top:50%; margin-top:-21px; overflow:hidden;
-webkit-border-radius:21px; -moz-border-radius:21px; -o-border-radius:21px; -ms-border-radius:21px; border-radius:21px;}



/*new-year*/
.visual-newyear{width:100%; height:100%; position:absolute; z-index:1;background:url(https://kari.re.kr/images/kor/main/visual-newyear.jpg) no-repeat center top; background-size:cover}
.visual-newyear p { text-align:center;  padding:250px 100px 0}
.visual-newyear p img{ max-width:100% !important; width:auto !important}
@media all and (max-width:1024px){
.visual-newyear {width:100%; height:580px; position:relative; z-index:1;background:url(https://kari.re.kr/images/kor/main/visual-newyear-mobile.jpg) no-repeat center top; background-size:cover} 
.visual-newyear p{ padding:150px 50px 0}
}
@media all and (max-width:760px){
.visual-newyear {height:480px;} 

}
@media all and (max-width:640px){
.visual-newyear {height:380px;} 
.visual-newyear p{ padding:100px 30px 0}
}
@media all and (max-width:480px){
.visual-newyear {height:330px;} 
.visual-newyear p{ padding:80px 30px 0}
}
@media all and (max-width:380px){
.visual-newyear {height:280px;} 
}