@charset "utf-8";

/****************************************/
/*	Name: Young HyunDai
/*	PART: SITE MAIN STYLE
/*	Version: 1.0
/*	Author: Hyun-Ah Park
/****************************************/

.main #container div {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.wrap_interaction {height:1240px;padding-top:30px;background-color:#f5f5f5;}
.interaction_area {position:relative;width:1230px;height:1210px;margin:0 auto;}
.interaction_area {}
.interaction_area .cons {overflow:hidden;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
.interaction_area .cons.left {position:absolute;left:0;width:280px;}
.interaction_area .interaction {position:absolute;left:50%;width:670px;height:1210px;margin-left:-335px;}
.interaction_area .cons.center {padding:0 30px}
.interaction_area .cons.center.flow{position:fixed;}
.interaction_area .cons.center.cut {position:absolute;bottom:85px;}
.interaction_area .cons.right {position:absolute;right:0;width:280px;}

.interaction_area .banner {position:relative;margin-bottom:76px;}
.interaction_area .banner a {display:block;}
.interaction_area .banner .item_img {display:block;overflow:hidden;width:280px;}
.interaction_area .banner .item_img.type1 {height:280px;}
.interaction_area .banner .item_img.type2 {height:460px;}
.interaction_area .banner .item_img img {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s; }
.interaction_area .banner a:hover .item_img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.interaction_area .interaction a {display:block;position:relative;padding:525px 45px 0;}
.interaction_area .interaction .item_img_main {position:absolute;top:0;left:0;}
.interaction_area .interaction .banner {margin-bottom:0;}
.interaction_area .interaction .banner_inner {position:relative;bottom:0;width:520px;height:170px;padding:18px 50px;background:#fff;text-align:center;}

.interaction_area .banner_inner {padding:8px 0 0 0;}
.interaction_area .banner_inner .category span {display:inline-block;height:24px;padding:0 7px;border:1px solid #0092b4;font-size:16px;line-height:24px;font-family:TextMedium;color:#0092b4;}
.interaction_area .banner_inner .title {display:block;margin:15px 0 13px;letter-spacing:-0.02em;}
.interaction_area .banner_inner .title span {display:inline;font-weight:normal;font-size:22px;line-height:28px;font-family:HeadMedium;color:#222;}
.interaction_area .banner_inner .wrap_tag span {display:inline-block;margin-right:9px;font-size:16px;font-family:TextRegular;color:#666;}

.interaction_area .interaction a:hover .banner_inner {background:#002c5f;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;transition:all 0.1s linear;}
.interaction_area .interaction a:hover .banner_inner .title span {border-bottom:none;color:#fff;}
.interaction_area .interaction a:hover .banner_inner .category span {border:1px solid #93b0d1;color:#93b0d1;}
.interaction_area .interaction a:hover .wrap_tag span {color:#93b0d1;}
.interaction_area .cons a:hover .title span {border-bottom:1px solid #222;}

/* 매거진 */
.wrap_magazine {width:100%;height:785px;margin:0 auto;background:#012c5f url(/assets/img/main/bg_magazine.png) no-repeat 50% 0;}
.magazine_area {width:1230px;height:785px;margin:0 auto;padding-top:80px}
.magazine_area:after {display:block;clear:both;content:'';}
.magazine_area h2 {margin-bottom:36px;font-size:42px;font-family:HeadBold;color:#fff;text-align:center;}
.magazine_area .category_are {width:375px;height:30px;margin:0 auto;}
.magazine_area .category_are a {display:inline-block;float:left;padding:0 13px;font-size:20px;color:#859bb5;text-align:center;}
.magazine_area .category_are a span {padding:0 8px 2px;font-size:20px;font-family:TextRegular;color:#859bb5;}
.magazine_area .category_are a.on span {border-bottom:2px solid #fff;font-size:20px;font-family:HeadMedium;color:#fff;text-align:center;}

.magazine_area .magazine_list {margin-top:28px;}
.magazine_area .magazine_list:after {content:'';display:block;clear:both;}
.magazine_area .magazine_list li {float:left;width:285px;height:384px;margin-right:30px;background-color:#fff;}
.magazine_area .magazine_list li:last-child {margin-right:0;}
.magazine_area .magazine_list li > span {display:block;overflow:hidden;height:184px;}
.magazine_area .magazine_list li img {width:285px;height:184px;}
.magazine_area .magazine_list a {display:block;position:relative;height:384px;}
.magazine_area .magazine_list a:hover .title span {border-bottom:1px solid #222;}

.magazine_area .banner_inner {width:285px;height:200px;padding:20px;}
.magazine_area .banner_inner .category span {display:inline-block;height:24px;padding:0 7px;border:1px solid #0092b4;font-size:16px;line-height:24px;font-family:TextMedium;color:#0092b4;}
.magazine_area .banner_inner .title {display:block;margin:9px 0 12px;}
.magazine_area .banner_inner .title span {display:inline;font-weight:normal;font-size:22px;line-height:28px;font-family:HeadMedium;color:#222;}
.magazine_area .banner_inner .wrap_tag span {display:inline-block;margin-right:10px;font-size:16px;font-family:TextRegular;color:#666;}

.magazine_area .magazine_list .ico_play {display:inline-block;position:absolute;top:55px;left:50%;z-index:1;width:76px;height:76px;margin-top:0;margin-left:-38px;background:url(/assets/img/common/ico_cont.png) -140px -160px no-repeat;}

.btn_all_view {margin:40px 0;text-align:center;}
.btn_all_view a {display:inline-block;width:220px;height:54px;border:1px solid #fff;background:url(/assets/img/common/utils.png) no-repeat 90px -270px;line-height:54px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.btn_all_view a span {display:inline-block;padding-right:17px;font-size:18px;font-family:TextMedium;color:#fff;}

/* 인기 키워드 , 금주의 영현대*/
.wrap_keyword_press {display:flex;width:100%;height:682px;flex-wrap:wrap;flex-direction:row;justify-content:center;}
.wrap_keyword_press .inner {width:615px;padding:86px 0 0 0;}
.wrap_keyword_press h2 {font-size:42px;line-height:42px;font-family:HeadBold;color:#000;text-align:center;}

/* 인기 키워드 */
.keyword_area {width:50%;background:#cbdbed;}
.keyword_area .inner {float:right;}
.keyword_area .keyword_list {width:320px;margin:58px auto 0;text-align:center;}
.keyword_area .keyword_list li {position:relative;height:50px;line-height:50px;}
.keyword_area .keyword_list li a {display:block;height:50px;}
.keyword_area .keyword_list li a .tag {display:block;width:320px;font-size:20px;font-family:TextMedium;color:#002c5f;}
.keyword_area .keyword_list li:hover .tag {background: url(/assets/img/main/bg_line_on.png) no-repeat 0 0;font-size:31px;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;transition:.4s;}

/* 금주의 영현대 */
.press_area {width:50%;background:#eaf0f7;}
.press_area .slider_wrap {position:relative;width:502px;margin:44px 0 0 57px;}
.press_area .slider_wrap .btn_prev,.press_area .slider_wrap .btn_next {display:inline-block;position:absolute;top:117px;width:32px;height:60px;}
.press_area .slider_wrap .btn_prev {left:0;}
.press_area .slider_wrap .btn_next {right:0;}
.press_area .slider_wrap .btn_prev span {font-size:0;line-height:0;text-indent:-99999px;}
.press_area .slider_wrap .btn_prev span:before,.press_area .slider_wrap .btn_prev span:after {position:absolute;width:42px;height:1px;background:#c7d1da;transition-duration:.3s;content:'';}
.press_area .slider_wrap .btn_prev span:before {top:15px;right:-4px;transform:rotate(-44deg);-webkit-transform:rotate(-44deg);-ms-transform:rotate(-44deg);}
.press_area .slider_wrap .btn_prev span:after {top:44px;right:-4px;transform:rotate(44deg);-webkit-transform:rotate(44deg);-ms-transform:rotate(44deg);}
.press_area .slider_wrap .btn_next span {font-size:0;line-height:0;text-indent:-99999px;}
.press_area .slider_wrap .btn_next span:before,.press_area .slider_wrap .btn_next span:after {position:absolute;width:42px;height:1px;background:#c7d1da;transition-duration:.3s;content:'';}
.press_area .slider_wrap .btn_next span:before {top:15px;right:-4px;transform:rotate(44deg);-webkit-transform:rotate(44deg);-ms-transform:rotate(44deg);}
.press_area .slider_wrap .btn_next span:after {top:44px;right:-4px;transform:rotate(-44deg);-webkit-transform:rotate(-44deg);-ms-transform:rotate(-44deg);}

.press_area .slider_show {overflow:hidden;position:relative;width:360px;height:431px;margin:0 auto;}
.press_area .list_wrap {height:100%;margin-left:0;}

.press_area .slider_list {overflow:hidden;float:left;position:relative;width:360px;height:420px;}
.press_area .slider_list .writer {position:relative;width:360px;height:147px;padding:0 39px 27px;border-bottom:1px solid #d9e0e6;}
.press_area .slider_list .writer:after {display:block;clear:both;content:'';}
.press_area .slider_list .writer .img {overflow:hidden;width:120px;height:120px;border-radius:60px;}
.press_area .slider_list .writer .img img {width:120px;height:120px;}
.press_area .slider_list .writer .txt {position:absolute;left:182px;top:18px;}
.press_area .slider_list .writer .txt span {display:block;margin-bottom:10px;font-size:28px;font-family:HeadMedium;color:#222;}
.press_area .slider_list .writer .txt strong {font-weight:normal;font-size:16px;line-height:20px;font-family:TextRegular;color:#444;}

.press_area .slider_list .article_content {height:165px;}
.press_area .slider_list .article_content:after {display:block;clear:both;content:'';}
.press_area .slider_list .article_content .category {margin:26px 0 8px;}
.press_area .slider_list .article_content .category span {display:inline-block;height:24px;padding:0 7px;border:1px solid #0092b4;font-size:16px;line-height:24px;font-family:TextMedium;color:#0092b4;}
.press_area .slider_list .article_content .title {font-weight:normal;line-height:24px;}
.press_area .slider_list .article_content .title span {font-size:20px;font-family:HeadMedium;color:#222;}
.press_area .slider_list .article_content .title a {display:inline-block;margin-bottom:4px;}
.press_area .slider_list .article_content .title a:hover span {display:inline;border-bottom:1px solid #222;}
.press_area .slider_list .article_content .wrap_tag span {display:inline-block;margin-right:10px;font-size:16px;font-family:TextRegular;color:#666;}

.press_area .indicator {position:absolute;bottom:0;width:100%;font-size:0;text-align:center;}
.press_area .indicator a {display:inline-block;width:7px;height:7px;margin:1px 4px;border-radius:10px;background-color:#b9c7d7;line-height:9px;}
.press_area .indicator a.on {width:5px;height:5px;margin:0 4px;border:2px solid #9eb3c5;background-color:#eaf0f7;}

/*영현대 인스타그램*/
.wrap_sns {width:100%;background-color:#fff;}
.sns_area {width:1230px;margin:0 auto;padding-top:85px;}
.sns_area:after {display:block;clear:both;content:'';}
.sns_area h2 {font-weight:normal;font-size:42px;line-height:42px;font-family:HeadBold;color:#000;text-align:center;}

/* s:20201229 edit */
.sns_area .insta_list {position:relative;margin:41px 0 36px;}
.sns_area .insta_list ul{margin:0 -5px;}
.sns_area .insta_list ul:after {display:block; clear:both; content:''}
.sns_area .insta_list li {overflow:hidden;position:relative; float:left; width:300px; height:300px; margin:0 5px;}
.sns_area .insta_list li img {width:100%;height:100%;}
/* e:20201229 */

/* s: 201020 add*/
.sns_area .insta_list li a{ display: block; width: 100%; height: 100%;background-size: cover; background-repeat: no-repeat; background-position: center center;}  
.sns_area .insta_list li a:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;
                                    background: #000000; background: rgba(0, 0, 0, .8); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%); background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);
                                    opacity: 0; -webkit-transition: opacity .7s cubic-bezier(.215, .61, .355, 1); transition: opacity .7s cubic-bezier(.215, .61, .355, 1);}
.sns_area .insta_list li > a:hover:before {opacity: 1;}
/* e: 201020 add*/
.sns_area .insta_list li a:hover .over {display:block;opacity: 1; color: #fff;} /* 201020 edit */

.sns_area .sns_list {width:506px;margin:0 auto;text-align:center;}
.sns_area .sns_list h3 {margin-bottom:11px;font-weight:normal;font-size:26px;font-family:HeadRegular;color:#222;}
.sns_area .sns_list ul {display:inline-block;overflow:hidden;}
.sns_area .sns_list li {float:left;position:relative;width:58px;margin-left:6px;text-align:left;}
.sns_area .sns_list li:first-child {margin-left:0;}
.sns_area .sns_list li a {display:block;width:58px;height:58px;background:url(/assets/img/main/icon_sns.png) no-repeat 0 0;font-size:0;line-height:0;}
.sns_area .sns_list li a.facebook {background-position:0 0;}
.sns_area .sns_list li a.naver_post {background-position:-64px 0;}
.sns_area .sns_list li a.insta {background-position:-128px 0;}
.sns_area .sns_list li a.youtube {background-position:-192px 0;}
.sns_area .sns_list li a.naver_tv {background-position:-256px 0;}
.sns_area .sns_list li a.naver_blog {background-position:-320px 0;}
.sns_area .sns_list li a.tstory {background-position:-384px 0;}
.sns_area .sns_list li a.twitter {background-position:-448px 0;}

.sns_area .sns_list li:hover a.facebook {background-position:0 -68px;}
.sns_area .sns_list li:hover a.naver_post {background-position:-64px -68px;}
.sns_area .sns_list li:hover a.insta {background-position:-128px -68px;}
.sns_area .sns_list li:hover a.youtube {background-position:-192px -68px;}
.sns_area .sns_list li:hover a.naver_tv {background-position:-256px -68px;}
.sns_area .sns_list li:hover a.naver_blog {background-position:-320px -68px;}
.sns_area .sns_list li:hover a.tstory {background-position:-384px -68px;}
.sns_area .sns_list li:hover a.twitter {background-position:-448px -68px;}