@charset "utf-8";

/* COMMON */
.h1 {font-size: 36px; font-family: 'nanum-square-eb', 'Microsoft YaHei', sans-serif; color: #524847; /*padding: 70px 20px 70px;*/ text-align: center;}
.h1 span.btn-menu {margin-left: 27px;}
.h1 span.btn-menu a {display: inline-block; vertical-align: middle; font-family: 'nanum-square-eb', 'Microsoft YaHei', sans-serif; font-size: 25px; color: #989385; border: 4px solid #989385; border-radius: 50px; width: 216px; height: 54px; line-height: 50px;}

/* TabMenu */
.menu_tab_pc {margin: 0 auto; text-align: center; max-width: 1240px; padding: 0 20px; display: block;}
.menu_tab_mo {display: none;}
.menu_tab_pc ul {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.menu_tab_pc ul li {-webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1 1 20%; flex: 1 1 20%;}
.menu_tab_pc ul li a {display: inline-block; color: #524847; font-family: 'nanum-square-b', 'Microsoft YaHei', sans-serif; height: 45px; line-height: 45px; position: relative; font-family: 'nanum-square-b', 'Microsoft YaHei', sans-serif; font-size: 25px; color: #524847; border-radius: 20px; padding: 0 30px;}
.menu_tab_pc ul li a:hover, .menu_tab_pc ul li.active a {color: #fff; background: #524847; color: #fff; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; text-align: center; cursor: pointer; }

.issue_wrap .menu_tab_pc {margin-bottom: 105px;}
.news_wrap .menu_tab_pc {margin-bottom: 80px;}

/* Visual */
.section_visual {position: relative; overflow: hidden; height: 690px; max-width: 1200px; margin: 0 auto; padding-top: 95px;}

.visual_wrap {position: relative; height: 100%;}
.visual {overflow: hidden; position: relative; z-index: 1; height: 100%}
.visual.web {display: block}
.visual.mobile {display: none}
.visual_web {display: block; height: 100%; overflow: hidden;}
.visual_web img {width: 100%}
.visual_m {display: none}
.visual_m img {width: 100%}
.visual.mobile div img {width: 100%}
.visual_cont {position: absolute; top: 27%; left: 0; z-index: 2; width: 100%; color: #fff; text-align: center;}
.visual_cont p {color: #fff;}
.visual_cont .m_br {display: block;}

/* visual text motion */
.slick-slide .visual_cont .title {font-size: 40px; font-family: "Montserrat ExtraBold"; opacity: 0; -webkit-transition: 0ms; transition: 0ms; -webkit-transition-delay: 300ms; transition-delay: 300ms; -webkit-transform: translatsection3d(0,-40px,0); transform: translatsection3d(0,-40px,0); line-height: 130%; margin-bottom: 45px;}
.slick-slide.active-item .visual_cont .title {opacity: 1; -webkit-transition: 800ms;transition: 800ms;-webkit-transition-delay:400ms;transition-delay:400ms;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-slide .visual_cont .text {font-size: 16px; font-family: 'Montserrat Alternates', sans-serif; font-weight: 500; opacity: 0; -webkit-transition: 0ms; transition: 0ms; -webkit-transition-delay: 300ms; transition-delay: 300ms; -webkit-transform: translatsection3d(0,-100px,0); transform: translatsection3d(0,-100px,0); margin-bottom: 110px; line-height: 24px}
.slick-slide.active-item .visual_cont .text {opacity: 1; -webkit-transition: 800ms; transition: 800ms; -webkit-transition-delay: 800ms; transition-delay: 800ms; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-slide.active-item .visual_cont .text strong {font-family: "Montserrat Bold"; text-decoration: underline; text-transform: uppercase;}

.slick-slide .visual_cont .btn_more {display: inline-block; opacity: 0; -webkit-transition: 0ms; transition: 0ms; -webkit-transition-delay: 300ms; transition-delay: 300ms; -webkit-transform: translatsection3d(0,-40px,0); transform: translatsection3d(0,-40px,0); border: 1px solid #fff;}
.slick-slide .visual_cont .btn_more a {font-size: 20px; color: #fff; display: inline-block; width: 260px; height: 73px; line-height: 73px; text-align: center; font-family: 'Open Sans', sans-serif; }
.slick-slide.active-item .visual_cont .btn_more {opacity: 1; -webkit-transition: 1200ms; transition: 1200ms; -webkit-transition-delay: 1200ms; transition-delay: 1200ms; -webkit-transform: translatsection3d(0,0,0); transform: translatsection3d(0,0,0)}

.visual .slick-list {height: 100%;}
.visual .slick-slide {display: inline-block; height: 100%;}
.visual .slick-track {overflow: hidden; height: 100%;}

.visual .slick-dots {position: absolute; bottom: 85px; left: 50%; transform: translateX(-50%); z-index: 1000; width: auto; text-align: center; width: auto;}
.visual .slick-dots li {display: inline-block; font-size: 24px; color: #fff; font-family: 'nanum-square-l', sans-serif;}
.visual .slick-dots li a {display: inline-block; transition: all 0.3s; text-indent: -9999px; cursor: pointer; background: url('/Resources/img/visual_dot_active.png') no-repeat left center; background-size: 15px 15px; width: 60px; height: 15px; position: relative;}
.visual .slick-dots li:last-child a {width: 15px;}
.visual .slick-dots li:not(:last-child) a:after {content: ""; position: absolute; right: 0; top: 7px; background-color: #fff; height: 1px; width: 45px;}
.visual .slick-dots li.slick-active a {background: url('/Resources/img/visual_dot.png') no-repeat left center;}

.visual .slick-arrow {display: block; top: 50%; z-index: 1000; color: #fff; cursor: pointer; overflow: hidden; position: absolute; font-family: 'nanum-square-r', sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 900; opacity: 0.6; -webkit-transition: all .35s ease; transition: all .35s ease;}
.visual .slick-arrow:hover {opacity: 1; -webkit-transition: all .35s ease; transition: all .35s ease;}

.visual .slick-prev.slick-arrow {left: 0px; padding-left: 70px; z-index: 1100; position: absolute;}
.visual .slick-prev.slick-arrow:before {content: ""; position: absolute; top: 8px; left: 20px; width: 35px; height: 1px; background-color: rgba(255,255,255,0.6);}
.visual .slick-next.slick-arrow {right: 0px; padding-right: 70px; position: absolute;}
.visual .slick-next.slick-arrow:after {content: ""; position: absolute; top: 8px; right: 20px; width: 35px; height: 1px; background-color: rgba(255,255,255,0.6);}

.visual_btn {position: absolute; top: 49%; left: 20%; z-index: 1; margin-top: 60px}
.btn_play {display: block; width: 10px; height: 13px; background: url('/Resources/img/visual_pause_icon.png') no-repeat center; text-indent: -9999px; cursor: pointer}
.btn_play.on {background: url('/Resources/img/visual_play_icon.png') no-repeat center}

/* VISUAL[Video] */
.video_wrap{position: relative; width: 100%; height: 100%; overflow: hidden; display: block;}
.video_wrap video{width: 100%; height: 100%; object-fit: fill;}

/* streaming */
.btn_live_open {position: absolute; right: 0; bottom: 0; background: url('/Resources/img/icon_play.png') no-repeat center; text-indent: -9999px; cursor: pointer; z-index: 66; width: 190px; height: 190px;}
.btn_live_close {position: absolute; right: 20px; top: 0%; background: url('/Resources/img/icon_play_close.png') no-repeat center; text-indent: -9999px; cursor: pointer; z-index: 77;width: 40px; height: 40px;}
.live_wrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background: url('/Resources/img/live_bg.jpg') no-repeat center center; padding-top: 130px;}
.live {height: 100%;}
.live_slide {overflow: hidden; margin: 0 auto; text-align: center; height: 100%; position: relative; max-width: 940px; padding: 0 20px;}
.live_slide .title {font-family: 'Open Sans', sans-serif; font-size: 45px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: left; background: url('/Resources/img/icon_video.png') no-repeat left top 8px; padding-left: 63px; line-height: 100%; margin-bottom: 30px;}
.live_slide .text1 {color: #363842; font-size: 32px; font-family: 'nanum-square-eb', 'Microsoft YaHei', sans-serif; margin-bottom: 25px; max-width: 100%; text-align: center;}
.live_slide .text2 {color: #363842; font-size: 20px; font-family: 'Open Sans', sans-serif; max-width: 100%; text-align: center;}
.live_slide .youtubeWrap {height: 100%; height: 600px; max-height: 60vh; overflow: hidden; margin-bottom: 50px;}
.youtubeWrap.close {background: #323232; display: -webkit-box; -webkit-justify-content: center; -webkit-align-items: center; -webkit-flex-direction: column;  display: flex; justify-content: center; align-items: center; flex-direction: column; padding-bottom: 0; margin-bottom: 0; position: relative;}
.youtubeWrap.close .ico {width: 100%; height: 107px; background-image: url('/Resources/img/ico_onair.png'); background-size: 264px 107px; background-position: center; background-repeat: no-repeat; font-size: 0; text-indent: -999px;}
.youtubeWrap.close .ico.close {background-image: url('/Resources/img/ico_onair_close.png');}
.youtubeWrap.close p {font-size: 35px; color: #fff;}
.youtubeWrap.close span.box_close {display: inline-block; background: #206b79; width: 65px; height: 25px; line-height: 25px; position: absolute; right: 25px; top: 25px; text-align: center; font-size: 13px; color: #fff; }

/* live_slide */
.live_banner_wrap {position: relative; overflow: hidden; height: 100%; max-width: 1140px; margin: 20px auto; text-align: center;}
.live_banner_wrap .live_banner {overflow: hidden; position: relative; max-width: 100%; padding: 0 20px;}
.live_banner_wrap .live_banner .slick-slide {float: left; position: relative; height: 200px; overflow: hidden; display:block; margin: 0 25px;}
.live_banner_wrap .live_banner .slick-slide a:focus {outline: none;}
.live_banner_wrap .live_banner .slick-list {overflow: hidden; margin: 0 auto; text-align: center;}
.live_banner_wrap .live_banner .slick-track {overflow: hidden; height: 200px; overflow: hidden; margin: 0 auto; text-align: center;}
.live_banner_wrap .live_banner .slick-arrow {position: absolute; top: 85px; z-index: 10; text-indent: -9999px}
.live_banner_wrap .live_banner .slick-prev.slick-arrow {left: 0px; background: url("/Resources/img/live_arrow.png") no-repeat center center; background-size: 18px 32px; width: 18px; height: 32px;}
.live_banner_wrap .live_banner .slick-next.slick-arrow {right: 0px; background: url("/Resources/img/live_arrow.png") no-repeat center center; background-size: 18px 32px; width: 18px; height: 32px;  -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}

.live_banner .forum_gall {margin-left: 0; display: block; margin: 0 auto; text-align: center; width: 100%;}
.live_banner .forum_gall li {flex: inherit; margin-bottom: 0; max-width: inherit; -webkit-flex: inherit;}
.live_banner .forum_gall li > div {padding: 0;}
.live_banner .forum_gall li .popup_tag {height: 200px; width: 100%}
.live_banner .forum_movie li > div > div a {height: 200px; width: 100%}
.live_banner .movie {position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.35); font-size: 0; text-indent: -999px; background-image: url('/Resources/img/contents/aboutus/arrow.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}

/* scroll button */
.more_btn {display: block; position: absolute; top: 85%; left: 48px ; z-index: 3; float: left; text-align: left; background: url('/Resources/img/more_btn.png') no-repeat left 3px bottom; height: 50px; }
.more_btn span {color: #fff; display: block; font-size: 16px; font-family: 'Open Sans', sans-serif; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; transform-origin: left top 0; float: left; padding-left: 20px;}
.floating {animation-name: floating; -webkit-animation-name: floating; -ms-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -ms-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite}

@keyframes floating {
	0% {transform:translateY(0%)}
	50% {transform:translateY(10%)}
	100% {transform:translateY(0%)}
}
@-webkit-keyframes floating {
	0% {-webkit-transform:translateY(0%)}
	50% {-webkit-transform:translateY(10%)}
	100% {-webkit-transform:translateY(0%)}
}
@-ms-keyframes floating {
	0% {-ms-transform:translateY(0%)}
	50% {-ms-transform:translateY(10%)}
	100% {-ms-transform:translateY(0%)}
}
@keyframes ImgLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

/* Issue & Conference */
.issue_wrap {position: relative; top: 0; width: 100%; min-height: 1000px; background: url('/Resources/img/issue_bg.jpg') no-repeat center center; background-size: cover; -webkit-background-size: cover;}
.issue {position: relative; height: 100%; overflow: hidden; margin: 0 auto; text-align: center; min-height: 1000px; background-image: url('/Resources/img/issue_bg_arrow.jpg'); background-repeat: no-repeat; background-position: left 63%; }
.issue_slide {overflow: hidden; max-width: 100%; float: right; }
.issue_slide .con_box {position: relative; width: 415px; min-height: 460px; text-align: left; z-index: 9999;}
.issue_slide .con_box .img_area {position: relative; width: 415px; height: 265px; line-height: 0;}
.issue_slide .con_box .img_area a {height: 265px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden;}
.issue_slide .con_box .img_area span.menu_text {display: inline-block; position: absolute; right: 10px; bottom: 10px; color: #fff; font-size: 16px; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; width: auto; padding: 0 20px; height: 30px; border: 1px solid rgba(255, 255, 255, .3); background-color: rgba(255, 255, 255, .3); text-align: center; border-radius: 20px; line-height: 100%; padding-top: 5px;}
.issue_slide .con_box .text_area {background-color: #fff; padding: 25px;}
.issue_slide .con_box .text_area .date {color: #c0c0c0; font-size: 14px; font-family: 'nanum-square-b', 'Microsoft YaHei', sans-serif; margin-bottom: 10px;}
.issue_slide .con_box .text_area .subject {color: #363842; font-size: 22px; font-family: 'nanum-square-b', 'Microsoft YaHei', sans-serif; margin-bottom: 25px; height: 50px; line-height: 24px; overflow: hidden;}
.issue_slide .con_box .text_area .con_text {color: #524847; font-size: 16px; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; line-height: 24px; font-weight: bold; height: 50px; overflow: hidden;}

.issue_slide .slick-dots {position: absolute; top: 700px; left: 6.5%;}
.issue_slide .slick-dots li {display: none; font-size: 45px; color: #86a3aa; padding-right: 25px; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif;}
.issue_slide .slick-dots li:after {content: "  "; font-weight: normal; }
.issue_slide .slick-dots .slick-active {display: block;}
.issue_slide .slick-dots .slick-active strong {color: #fff; font-size: 45px; font-family: 'nanum-square-eb', 'Microsoft YaHei', sans-serif; font-weight: normal;}
.issue_slide .slick-dots .slick-active strong span {color: #86a3aa; font-size: 45px; font-family: 'nanum-square-l', sans-serif !important; display: inline-block; margin: 0 25px;}
.issue_slide .slick-slide {float: left; min-width: 415px; min-height: 460px; padding: 0 30px;}
.issue_slide .slick-track {overflow: hidden;}
.issue_slide .slick-list {position: relative; margin-left: 20%; max-width: 100%; overflow: hidden; margin-top: 100px;}
.issue_slide .slick-arrow {position: relative; text-indent: -9999px;}
.issue_slide .slick-prev.slick-arrow {position: absolute; top: 550px; left: 8.5%; width: 95px; height: 95px; line-height: 95px; background: url('/Resources/img/arrow_L_on.png') no-repeat; background-size: 95px;}
.issue_slide .slick-prev.slick-arrow:hover {background: url('/Resources/img/arrow_L.png') no-repeat; transition: .4s ease-in-out;}
.issue_slide .slick-next.slick-arrow {position: absolute; top: 430px; left: 8.5%; width: 95px; height: 95px; line-height: 95px; background: url('/Resources/img/arrow_R_on.png') no-repeat; background-size: 95px;}
.issue_slide .slick-next.slick-arrow:hover {background: url('/Resources/img/arrow_R.png') no-repeat; transition: .4s ease-in-out;}
.issue_slide .movie {position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.35); font-size: 0; text-indent: -999px; background-image: url('/Resources/img/contents/aboutus/arrow.png'); background-size: 57px 60px; background-repeat: no-repeat; background-position: center;}

/* Issue banner area */
.banner_wrap {background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1240px; max-width: 100%; margin: 60px auto 170px;}
.banner_wrap .banner {-webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1 1 373px; flex: 1 1 373px; margin: 0 20px; }
.banner_wrap .banner .info_img {margin-bottom: 30px; position: relative; text-align: center; max-width: 373px; overflow: hidden;}
.banner_wrap .banner .info_img img {width: 373px; height: 263px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out}
.banner_wrap .banner .info_img:hover img {-webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.banner_wrap .banner .info_img .info_img_text {position: absolute; top: 0px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center;  -webkit-align-items: center; align-items: center; height: 263px; width: 100%;}
.banner_wrap .banner .info_img .info_img_text .txt_h1 {font-size: 32px; color: #fff; font-family: 'nanum-square-eb', sans-serif; margin-bottom: 15px; }
.banner_wrap .banner .info_img .info_img_text .txt_h2 {font-size: 18px; color: #fff; font-family: 'nanum-square-b', sans-serif; word-break: keep-all;}
.banner_wrap .banner .info_txt p {font-size: 18px; color: #524847; line-height: 30px; font-family: 'nanum-square-r', sans-serif;}


/* Events */
.event_wrap.pc {width: 100%; height: 500px; position: relative; transition: .0s ease-in-out; margin-bottom: 100px; display: block; }
.event_wrap.mo {display: none;}

.event_wrap .event {position: relative; max-width: 1230px; margin: 0 auto; text-align: center; padding: 55px 0px 0 0px;}
.event_wrap .event span.br {display: block;}
.event_wrap .event .h1 {color: #fff;}

.event_wrap .event .event_slide_pc { position: relative; max-width: 1230px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 90px}
.event_wrap .event .event_slide_pc .img_over {-webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1 1 260px; flex: 1 1 260px; flex-basis: calc(260px - 60px); position: relative; transition: .4s ease-in-out;}
.event_wrap .event .event_slide_pc .img_over .text_div {background-color: rgba(0,0,0,0.3); color: #fff; text-align: center; padding: 25px 10px 10px 10px; border: 1px solid #fff; transform: translate(0px, 0px); margin: 0 15px; text-align: center; transition: .4s ease-in-out;}
.event_wrap .event .event_slide_pc .img_over .text_div a {color: #fff;}
.event_wrap .event .event_slide_pc .img_over .text_div p {font-family: 'nanum-square-l', sans-serif; text-align: left;}
.event_wrap .event .event_slide_pc .img_over:hover .text_div {color: #fff; text-align: left; padding: 25px 10px 10px 10px; border: 3px solid #fff; background-color: transparent; transform: translate(0px, -60px); transition: .4s ease-in-out;}
.event_wrap .event .event_slide_pc .img_over .text_div p.txt1 {font-size: 16px; margin-bottom: 35px; line-height: 24px; height: 50px; overflow: hidden; font-family: 'nanum-square-r', 'Microsoft YaHei'; font-weight: bold;}
.event_wrap .event .event_slide_pc .img_over .text_div p.txt2 {font-size: 22px; font-family: 'nanum-square-eb', 'Microsoft YaHei', sans-serif; margin-bottom: 50px; line-height: 1.2; letter-spacing: -0.04em; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.event_wrap .event .event_slide_pc .img_over .text_div p.txt3 {font-size: 16px; font-family: 'nanum-square-r', 'Microsoft YaHei'; font-weight: bold; line-height: 24px; overflow: hidden; height: 25px;  text-overflow: ellipsis; white-space: nowrap;  width: 250px;}
.event_wrap .event .event_slide_pc .img_over .text_div p.txt3:not(:last-child) {margin-bottom: 10px;}

.event_wrap .event .event_slide_pc .img_over .link_div { margin: 20px 0 0 0; display: none; transform: translate(0px, 0px); transition: .4s ease-in-out;}
.event_wrap .event .event_slide_pc .img_over:hover .link_div { display: block; transform: translate(0px, -60px); transition: .4s ease-in-out;}
.event_wrap .event .event_slide_pc .img_over:hover .text_div { transform: translate(0px, -60px);}
.event_wrap .event .event_slide_pc .img_over .link_div a {display: inline-block; font-size: 18px; color: #fff; font-weight: bold; background: url('/Resources/img/btn_youtube.png') no-repeat center left; background-size: 44px 31px; width: calc(100% - 50px); height: 31px; line-height: 31px; text-align: left; padding-left: 55px; letter-spacing: -0.02em}
.event_wrap .event .img_over .desc {display: none}

/* News */
.news_wrap {background: #fcfcfc; position: relative; margin: 0 auto; text-align: center;}
.news_wrap .news {max-width: 1170px; margin: 0 auto; text-align: center; position: relative;}
.news_wrap .news .h1 {margin-bottom: 40px; position: relative; top: -20px;}
.news_wrap .news .news_slide {margin: 0 auto; text-align: left; overflow: hidden; height: auto;}
.news_wrap .news .news_slide div {position: relative;}
.news_wrap .news .news_slide .news_tr:nth-child(1) .depth1 {border-top: 1px solid #524847;}
.news_wrap .news .news_slide .news_tr .depth1 {width: auto; padding: 25px 0px 22px 30px; border-top: 1px solid #236b7c;}
.news_wrap .news .news_slide .news_tr .depth1 ul {display: -webkit-box; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center;}
.news_wrap .news .news_slide .news_tr .depth1 li.title {color: #236b7c; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; min-width: 75px; height: 30px; line-height: 30px; text-align: center; border: 2px solid #8fb3bc; border-radius: 15px; font-size: 16px;}
.news_wrap .news .news_slide .news_tr .depth1 li.title {min-width: 130px;}
.news_wrap .news .news_slide .news_tr .depth1 li.text {width: 70%;}
.news_wrap .news .news_slide .news_tr .depth1 li.text a {color: #524847; font-family: 'nanum-square-b', 'Microsoft YaHei', sans-serif; font-size: 24px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; padding-left: 20px; max-width: 800px;transition: all 0.3s; display: inline-block; position: relative;}
.news_wrap .news .news_slide .news_tr .depth1 li.text a:before {content: " "; display: inline; position: absolute; top: 29px; left: 20px; width: 0; height: 1px; background: #524847; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.news_wrap .news .news_slide .news_tr .depth1 li.text a:hover:before {width: 100%}
.news_wrap .news .news_slide .news_tr .depth1 li.date {min-width: 200px; padding: 0 10px 0 10px; font-size: 18px; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; color: #858585; font-weight: bold; display: -webkit-box; display: flex; -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end;}
.news_wrap .news .news_slide .news_tr .depth1,
.news_wrap .news .news_slide .news_tr .depth2 {cursor: pointer;}
.news_wrap .news .news_slide .news_tr .depth2 {display: none;}
.news_wrap .news .news_slide .news_tr .depth2 p a {display: inline-block; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; color: #676767; font-size: 18px; padding-left: 120px; padding-bottom: 30px;}
.news_wrap .news .news_slide .btn_more {border-top: 1px solid #524847; margin-bottom: 50px;}
.news_wrap .news .news_slide .slick-slide {float: left;}
.news_wrap .news .news_slide .slick-next {position: absolute; top: 55%; right: 8%; width: 94px; height: 94px; background: url('/Resources/img/arrow_R_news.png'); background-size: 94px; font-size: 0}
.news_wrap .news .news_slide .slick-prev {position: absolute; top: 55%; left: 8%; width: 94px; z-index: 1; height: 94px; background: url('/Resources/img/arrow_L_news.png'); background-size: 94px;font-size: 0}
.news_wrap .news .news_slide .slick-next:hover {position: absolute; top: 55%; right: 8%; width: 94px; height: 94px; background: url('/Resources/img/arrow_R_news_on.png'); background-size: 94px; font-size: 0}
.news_wrap .news .news_slide .slick-prev:hover {position: absolute; top: 55%; left: 8%; width: 94px; z-index: 1; height: 94px; background: url('/Resources/img/arrow_L_news_on.png'); background-size: 94px;font-size: 0}

/* NewsLetter Apply */
section .apply_wrap {width: 1130px; margin: 0 auto; max-width: 100%; padding: 0 20px;}
section .apply_wrap .br {display: block;}
section .apply_wrap p {word-break: keep-all;}
section .apply_wrap span {font-size: 24px; font-family: 'nanum-square-b', 'Microsoft YaHei', sans-serif; color: #363842}
section .apply_wrap .app_check {margin-top: 90px;}
section .apply_wrap .app_check .q_de:after {display: none}
section .apply_wrap .app_check .q_de {padding: 0 20px;}

section .apply_wrap .mail_receive {display: -webkit-box; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; height: 64px; -webkit-align-items: stretch; align-items: stretch; margin: 80px 0 180px 0; width: 100%;}
section .apply_wrap .mail_receive .d-flex {-webkit-align-items: stretch; align-items: stretch; width: calc(100% - 200px);}
section .apply_wrap .mail_receive .d-flex input[type="text"] {width: 300px; max-width: 100%; padding-left: 10px; }
section .apply_wrap .mail_receive .d-flex input[type="text"]:hover,
section .apply_wrap .mail_receive .d-flex input[type="text"]:focus {border-color: #338193; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
section .apply_wrap .mail_receive .d-flex span {display: -webkit-box; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin: 0 10px;}
section .apply_wrap .mail_receive .d-flex select {margin: 0 20px; border: 1px solid #cacaca; width: 375px; max-width: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
section .apply_wrap .mail_receive .d-flex select:hover,
section .apply_wrap .mail_receive .d-flex select:focus {border-color: #338193; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
section .apply_wrap .mail_receive .btn-app {padding: 0; line-height: 64px; width: 200px;}

.apply_wrap .btn-app {padding: 0; line-height: 64px; width: 200px; margin: 0 auto 120px;  text-align: center; display: block;}


/* ========= 모바일 ========= */

@media (max-width: 1300px) {

	/* common */
	.tablet_br {display: block}
	.m_div {display: block;}

	.h1 {padding: 50px 20px 80px;}

	.section_visual {padding-top: 0; height: 600px; max-width: inherit; width: 100%;}
	.visual_m img {height: 600px;}
	.visual_wrap {display: block !important; margin-top: 0;}
	.video_wrap {display: none !important;}  
	.visual_web {display: none}
	.visual_m {display: block; height: 100%;}
	.visual_cont {width: 100%; margin: 0 auto; text-align: center; top: 50%; transform: translateY(-50%);}
	.slick-slide .visual_cont .title {font-size: 34px;}
	.slick-slide .visual_cont .text {line-height: 130%; width: 65%; margin: 0 auto;}
	.visual_cont .m_br {display: inline;}

	/* section */
	section .sub_box {width: 100%; margin-top: 0; padding: 0 20px}
	section .sub_tit {margin: 80px 0 20px 0}
	section .tit {margin: 0 20px 0 0; font-size: 14px; }
	section .more {top: 43px; right: 20px; margin: 0 !important}

	/* TabMenu */
	.menu_tab_pc {display: none;}
	.menu_tab_mo {display: block; margin-bottom: 80px;} 
	.menu_tab_mo select {background: url(/Resources/img/common/ico_sel_main.png) #524847 no-repeat right 10px center; color: #fff; font-family: 'nanum-square-r', 'Microsoft YaHei'; font-weight: bold; font-size: 22px; padding: 0px 20px 0px; width: 200px;}

	.news_wrap .news .news_slide .news_tr .depth1 li.text {width: 65%;}
	.news_wrap .menu_tab_mo select {background: url(/Resources/img/common/ico_sel_main.png) #236b7c no-repeat right 10px center; color: #fff; }

	/* Media */
	.issue_wrap {min-height: 900px; background: url(/Resources/img/issue_bg.jpg) no-repeat center center;}
	.issue_wrap .menu_tab_pc {margin-bottom: 150px;}
	.issue {background: url(/Resources/img/issue_bg_arrow_m.jpg) repeat-x center bottom 0%; min-height: 900px;}
	.issue_slide {clear: both; display: block; padding-left: 2%;}  
	.issue_slide .slick-list {margin: 0;}   
	.issue_slide .slick-dots {top: 730px; left: 50%; transform: translateX(-50%);}
	.issue_slide .slick-dots li,
	.issue_slide .slick-dots .slick-active strong {font-size: 35px;}
	.issue_wrap .menu_tab_mo {height: 0; margin-bottom: 0;}

	/* Live */
	.live_banner_wrap {max-width: inherit; width: 90%}

	/* Event */
	.event_wrap.pc {height: 600px;}
	.event_wrap .event .event_slide_pc {margin-top: 0}
	.event_wrap .event .event_slide_pc .img_over .text_div p.txt3 {width: 190px;}

	/* News */
	.news_wrap .news .h1 {margin-bottom: 0; top: inherit;}
	.news_wrap .news {padding: 0 20px;}
	.news_wrap .news .news_slide .news_tr .depth1 {padding: 25px 0px 25px 10px} 
	.news_wrap .news .news_slide .news_tr .depth1 li.text a {margin-left: 0; max-width: 700px;}

  
} /* 1300 end */


@media (max-width: 1024px) {

	.section_visual {height: 550px;}
	.visual_m img {height: 550px;}
	.slick-slide .visual_cont .text {width: 55%;}
	.visual .slick-dots {bottom: 50px;}

	/* Issue banner area */
	.banner_wrap {width: inherit; max-width: inherit; width: calc(100% - 30px); margin: 15px auto 100px;}
	.banner_wrap .banner {margin: 0 5px;}
	.banner_wrap .banner .info_img img {height: 200px;}
	.banner_wrap .banner .info_img .info_img_text {padding: 0 20px; height: 200px;}
	.banner_wrap .banner .info_img .info_img_text .txt_h1 {font-size: 26px;}
	.banner_wrap .banner .info_img .info_img_text .txt_h2 {font-size: 16px; font-family: 'nanum-square-r', sans-serif;}
	.banner_wrap .banner .info_txt p {font-size: 15px; line-height: 26px;}

	/* Live */
	.live_banner_wrap {width: calc(100% - 40px);}
	.live_banner_wrap .live_banner .slick-slide {margin: 0 15px;}

	/* Event */
	.event_wrap.pc {height: 900px;}
	.event_wrap.pc .event {padding: 0 10px}
	.event_wrap.pc .event .event_slide_pc .img_over {-webkit-flex: 1 1 50%; flex: 1 1 50%; flex-basis: calc(50% - 40px); margin-bottom: 35px}
	.event_wrap.pc .event .event_slide_pc .img_over .text_div {margin: 0 10px}
	.event_wrap.pc .event .event_slide_pc .img_over:focus,
	.event_wrap.pc .event .event_slide_pc .img_over:hover .text_div {transform: translate(0px, 0px);}
	.event_wrap.pc .event .event_slide_pc .img_over .link_div {display: block; margin: 20px 0 0 -10px}
	.event_wrap.pc .event .event_slide_pc .img_over:hover .link_div {transform: translate(0px, 0px);}
	.event_wrap.pc .event .event_slide_pc .img_over:hover .text_div {transform: translate(0px, 0px);}
	.event_wrap .event .event_slide_pc .img_over .text_div p.txt3 {width: 250px;}

	/* News */
	.news_wrap .news .news_slide .news_tr .depth1 li.title {font-size: 14px;}
	.news_wrap .news .news_slide .news_tr .depth1 li.text {width: 60%;}
	.news_wrap .news .news_slide .news_tr .depth1 li.text a {font-size: 18px; max-width: 320px;}
	.news_wrap .news .news_slide .news_tr .depth1 li.date {min-width: 100px; font-size: 16px;}

	section .apply_wrap .mail_receive {-webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; display: block; height: inherit; margin: 50px 0;}
	section .apply_wrap .mail_receive .d-flex {width: calc(100% - 0px); }
	section .apply_wrap .mail_receive .d-flex select {margin: 0 0 0 20px}
	section .apply_wrap .mail_receive .btn-app {width: inherit; width: 100%; display: block; margin: 20px 0 30px; height: 43px; line-height: 41px;}


} /* 1024 end */


@media (max-width: 640px) {

	/* COMMON */
	.h1 {font-size: 32px; padding: 50px 20px 50px; letter-spacing: -1px;}
	section .sub_tit {margin: 40px 0 10px; font-size: 25px; letter-spacing: -0.5px; line-height: 30px;}
	section .tit {letter-spacing: -1px;}
	section .more {font-size: 13.5px}  

	/* TabMenu */
	.menu_tab_mo {margin-bottom: 50px;}
	.menu_tab_mo select {font-family: 'nanum-square-r', 'Microsoft YaHei'; font-size: 14px;}

	/* Visual */  
	.visual_web {display: none}
	.visual_m {display: block; overflow: hidden; line-height: 0; font-size: 0;}
	.section_visual {height: 500px;}
	.visual_m img {height: 500px;}
	.visual_cont {top:  47%;}

	.slick-slide .visual_cont .text {width: 87%; line-height: 130%;}
	.slick-slide .visual_cont .title {font-size: 24px; margin-bottom: 30px;}
	.visual .slick-dots {width: 100%; bottom: 30px;}
	.visual .slick-dots li a {width: 50px;}
	.visual .slick-dots li:not(:last-child) a:after {width: 35px;}
	.slick-slide .visual_cont .btn_more a {width: 150px; height: 40px; line-height: 40px; font-size: 14px;}
	.btn_live_open {background: url(/Resources/img/icon_play.png) no-repeat right bottom; background-size: 70% 70%;}
	.more_btn {left: 0%; bottom: 0%; clear: left; text-align: center; background: url(/Resources/img/more_btn_m.png) no-repeat top 35px center; height: 100px; width: 100%;}
	.more_btn span {transform: rotate(0deg); transform-origin: left top 0; clear: both; padding-left: 0; display: inline-block; text-align: center; width: 100%; font-size: 15px;}
	.m_br {display: block}
	.tablet_br {display: inline}

	/* streaming */
	.live_wrap {padding-top: 22px;}
	.live_slide .slick-slide {width: 500px; height: 100%; margin: 0 auto; text-align: center;}
	.live_slide .title {font-size: 28px; margin-top: 40px; background: url(/Resources/img/icon_video.png) no-repeat left top 0px; height: 38px;text-align: left; padding-left: 50px;}
	.btn_live_close {background-size: 60% 60%; top: 35px;}
	.live_slide .text1 {min-width: initial; max-width: 100%; text-align: center; font-size: 18px; padding: 0 20px; overflow: hidden; margin-bottom: 10px;}
	.live_slide .text2 {min-width: initial; text-align: center; font-size: 16px; line-height: 140%; margin-bottom: 10px;}
	.live_slide .youtubeWrap {height: 250px; margin-bottom: 30px;}

	/* Media */
	.issue_wrap {min-height: 737px;}
	.issue_wrap .menu_tab_pc {margin-bottom: 40px;}
	.issue {min-height: 737px;}
	.issue_slide .slick-slide {padding: 0 15px; min-height: 420px; min-width: 300px; overflow: hidden;}
	.issue_slide .slick-slide img {min-width: 300px; min-height: 242px;}
	.issue_slide .con_box {width: 300px;}
	.issue_slide .slick-dots {top: 630px;}
	.issue_slide .con_box .img_area {width: 300px; height: 242px;}
	.issue_slide .con_box .img_area a {width: 300px; height: 242px;}  
	.issue_slide .slick-dots li, 
	.issue_slide .slick-dots .slick-active strong {font-size: 28px;}
	.issue_slide .slick-dots .slick-active strong span {margin: 0 10px; font-size: 28px;}

	/* Issue banner area */
	.banner_wrap { width: 100%; display: block; margin: 15px auto 60px;}
	.banner_wrap .banner {-webkit-box-flex: inherit; -ms-flex: inherit; -webkit-flex: inherit; flex: inherit; margin: 0 20px 30px 20px}
	.banner_wrap .banner .info_img {max-width: inherit; width: 100%;}
	.banner_wrap .banner .info_img img {width: inherit; width: 100%; height: 250px;}
	.banner_wrap .banner .info_img .info_img_text {height: 250px;}
	.banner_wrap .banner .info_img .info_img_text .txt_h1 {font-size: 27px;}
	.banner_wrap .banner .info_img .info_img_text .txt_h2 {font-size: 16px; font-family: 'nanum-square-r', sans-serif;}
	.banner_wrap .banner .info_txt p {font-size: 16px; line-height: 25px;}

	/* Event */
	.event_wrap.pc {display: none;}
	.event_wrap.mo {display: block; width: 100%; height: 100%; padding-bottom: 30px;}

	.event_wrap .event .event_slide_mo {position: relative; margin-left: 10px; }
	.event_wrap .event .event_slide_mo .img_over .text_div {background-color: rgba(0,0,0,0.3); color: #fff; height: 100%; padding: 20px; border: 1px solid #fff; margin-right: 25px;}
	.event_wrap .event .event_slide_mo .img_over .text_div a {color: #fff;}
	.event_wrap .event .event_slide_mo .img_over .text_div p {font-family: 'nanum-square-l', sans-serif; text-align: left;}
	.event_wrap .event .event_slide_mo .img_over .text_div p.txt1 {font-size: 14px; margin-bottom: 35px; line-height: 24px; height: 50px; overflow: hidden; font-family: 'nanum-square-r', 'Microsoft YaHei'; font-weight: bold;}
	.event_wrap .event .event_slide_mo .img_over .text_div p.txt2 {font-size: 18px; font-family: 'nanum-square-eb', 'Microsoft YaHei', sans-serif; margin-bottom: 30px; line-height: 1.2; letter-spacing: -0.04em; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.event_wrap .event .event_slide_mo .img_over .text_div p.txt3 {font-size: 14px; font-family: 'nanum-square-r', 'Microsoft YaHei'; font-weight: bold; line-height: 24px; overflow: hidden; height: 25px;  text-overflow: ellipsis; white-space: nowrap;  width: 230px;}
	.event_wrap .event .event_slide_mo .img_over .link_div {margin: 20px 0 0 0;}
	.event_wrap .event .event_slide_mo .img_over .link_div a {display: inline-block; font-size: 16px; color: #fff; font-weight: bold; background: url('/Resources/img/btn_youtube.png') no-repeat center left; background-size: 35px 25px; width: 100%; height: 31px; line-height: 31px; text-align: left; padding-left: 45px; letter-spacing: -0.02em}

	.event_wrap .event .event_slide_mo .slick-list {height: 100%;}
	.event_wrap .event .event_slide_mo .slick-slide {float: left; height: 100%; max-width: 300px;}   
	.event_wrap .event .event_slide_mo .slick-slide a {color: #fff;}
	.event_wrap .event .event_slide_mo .slick-track {overflow: hidden; height: 100%; overflow: hidden;}
	.event_wrap .event .event_slide_mo .slick-dots {width: 100%; text-align: center; height: 100%; overflow: hidden; margin: 0 auto; padding-top: 30px;}
	.event_wrap .event .event_slide_mo .slick-dots li {font-size: 11px; text-indent: -9999px; width: 8px; height: 8px; background-color: #a1a2a5; border-radius: 100px; display: inline-block; margin-right: 7px; cursor: pointer;\;}
	.event_wrap .event .event_slide_mo .slick-dots li.slick-active {background-color: #fff;}
	/* News */
	.news_wrap .news .news_slide .news_tr .depth1 {padding: 25px 0 25px 0}
	.news_wrap .news .news_slide .news_tr .depth1 li.title {min-width: 100px; font-size: 13px; padding-bottom: 10px; line-height: 29px;}
	.news_wrap .news .news_slide .news_tr .depth1 li.text {width: 100%;}
	.news_wrap .news .news_slide .news_tr .depth1 li.text a {font-size: 16px; padding-left: 10px; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; font-weight: bold; max-width: inherit; width: 65%;}
	.news_wrap .news .news_slide .news_tr .depth1 li.text a:before {left: 10px;}
	.news_wrap .news .news_slide .news_tr .depth1 li.date {display: none;}
	.news_wrap .news .news_slide .btn_more a {font-size: 15px !important; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; font-weight: bold;}

	.content.eng .news_wrap .news .news_slide .news_tr .depth1 li.title {min-width: 120px;}
	.content.eng .news_wrap .news .news_slide .news_tr .depth1 li.text a {max-width: inherit; width: 65%;}

	/* NewsLetter Apply */
	section .apply_wrap {padding: 0 0;}
	section .apply_wrap .app_check {margin-top: 60px;}
	section .apply_wrap .app_check .check_q {font-size: 22px; font-family: 'nanum-square-r', 'Microsoft YaHei', sans-serif; font-weight: bold;}
	section .apply_wrap .app_check .q_de {font-size: 16px;}
	section .apply_wrap .mail_receive .d-flex input[type="text"] {width: 80px;}
	section .apply_wrap .mail_receive .d-flex select {margin: 0 0 0 10px}
	section .apply_wrap .mail_receive .d-flex span {font-size: 16px; font-family: 'nanum-square-r'; font-weight: bold; margin: 0 6px;}

	.youtubeWrap.close .ico {width: 100%; height: 60px; background-size: 132px 54px;}
	.youtubeWrap.close p {font-size: 22px; color: #fff;}

	.h1 span.btn-menu {margin-left: 10px;}
	.h1 span.btn-menu a {text-align: center; font-size: 18px;width: 110px; height: 36px; line-height: 30px;}

	.content.eng .news_wrap .news .news_slide .news_tr .depth1 li.text {width: 100%;}

} /* 640 end */