/* ============== main visual ============== */

.main-visual {z-index:40; height:616px; position:relative; overflow:hidden;}

.main-visual>.inner-wrap {z-index:30; position:absolute; top:0; left:0; right:0; bottom:70px; width:100%;}


/* slide_visual */
.slide_visual {z-index:20; overflow:hidden; height:inherit;}
.slide_visual .vx {height:616px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.slide_visual .vx>img {display:none !important;}

.slide_visual .slick-dots {position:absolute; bottom:37px; left:0; right:0; text-align:center;}
.slide_visual .slick-dots>li {display:inline-block; vertical-align:middle; margin:0 5px;}
.slide_visual .slick-dots button {width:16px; height:16px; border:2px solid #fff; border-radius:100%; text-indent:-99999px; overflow:hidden;}
.slide_visual .slick-dots .slick-active button {border:none; background:#ffc000;}

/* visual */
.main-visual .img_visual {height:100%;}
.main-visual .img_visual.bg_fix {background-repeat:no-repeat; background-position:center top; background-size:cover;}
.main-visual .img_visual>img {display:none;}

/* slogan */
.main_slogan {z-index:30; position:absolute; top:54%; left:0; right:25px; z-index:30;}
.main_slogan>div,
.main_slogan>div>span,
.main_slogan>div>strong,
.main_slogan>div>strong>span {color:#fff; font-weight:300; font-size:inherit; word-break:keep-all; word-wrap:break-word;}
.main_slogan .top_tx {margin-bottom:5px; font-size:4.6rem; letter-spacing:-0.08em;}
.main_slogan .slg_tt {margin-bottom:20px; font-size:6.0rem; letter-spacing:-0.02em;}
.main_slogan .sub_tx {width:55%; line-height:1.6; font-size:1.4rem;}

@media only screen and (max-device-width: 1366px) {
    .img_visual {background-attachment:scroll;}
}
@media only screen and (max-width: 1240px){
	.main_slogan {left:25px;}
}

@media only screen and (max-width: 767px){
    .main-visual {height:422px;}
    .main-visual .slide_visual .vx {height:422px;}

    .slide_visual .slick-dots {bottom:22px;}
    .slide_visual .slick-dots button {width:12px; height:12px;}
    
    .main_slogan {top:37%; left:15px; right:15px; letter-spacing: -0.5px;;}
    .main_slogan .top_tx {margin-bottom:13px; font-size:2.6rem;}
    .main_slogan .slg_tt {margin-bottom:16px; font-size:3.6rem;}
    .main_slogan .sub_tx {width:80%; line-height:1.6; font-size:1.2rem;}
}

/* ============== main container ============== */

.main-layout {position:relative;}

/* title */
.main-layout .title {position:relative; margin-bottom:17px;}
.main-layout .title>h3 {display:inline-block; vertical-align:middle; color:rgba(34, 34, 34, .74); font-family:'NST'; font-size:3.6rem; letter-spacing:-.1rem; text-transform:uppercase;}

.main-layout .title .btn_more {position:absolute; top:0; right:0; display:block; width:50px; height:50px; text-indent:-99999px; font-size:0; overflow:hidden; border:rgba(0, 0, 0, .5) 1px solid;  opacity:.3; box-sizing:border-box;}
.main-layout .title .btn_more::after {content:''; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-7px; width:14px; height:2px; background:rgba(0, 0, 0, 1);}
.main-layout .title .btn_more::before {content:''; position:absolute; top:50%; left:50%; margin-top:-7px; margin-left:-1px;  width:2px; height:14px; background:rgba(0, 0, 0, 1);}

.main-layout .title .btn_more:hover {opacity:.7;}

.main-layout .inner-wrap {z-index:10; padding:60px 0;}

/* ------------------- 슬라이드 공통 ------------------- */
.slick-arrow {position:absolute; top:-60px; display:block; width:50px; height:50px; text-indent:-99999px; font-size:0; overflow:hidden; border:rgba(0, 0, 0, .5) 1px solid; opacity:.3; cursor:pointer;}
.slick-arrow.slick-prev {right:104px; background:url('/images/main/btn_slide_prev.png') no-repeat center;}
.slick-arrow.slick-next {right:52px; background:url('/images/main/btn_slide_next.png') no-repeat center;}
.slick-arrow:hover {opacity:.7;}

/* sld_cd_sm */
.sld_cd_sm .slick-list {border:1px solid #e5e5e5;}
.sld_cd_sm .slick-slide { border-right:1px solid #e5e5e5;}
.sld_cd_sm .card {position:relative; overflow:hidden; display:block; margin:0; padding:35px 18px; min-height:110px; background:transparent;}
.sld_cd_sm .card:hover {background:#4270e0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;}
.sld_cd_sm .card:hover dt,
.sld_cd_sm .card:hover dd {color:#fff;}
.sld_cd_sm .card:hover .thumb {
    transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
    -o-transform: scale(1.03);

    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;}

.sld_cd_sm .info {padding-left:135px;}
.sld_cd_sm .info {position:relative; z-index:10; }
.sld_cd_sm .thumb {z-index:10; position:absolute; top:35px; left:20px; overflow:hidden; width:110px; height:110px; background-position:center; background-size:cover;}
.sld_cd_sm .thumb>img {display:none;}
.sld_cd_sm .no_thumb {padding-left:0;}/* 이미지가 없을때 */

.sld_cd_sm dl {position:relative; z-index:10;}
.sld_cd_sm dt {display:block; height:3.8rem; line-height:1.9rem; font-size:1.7rem; word-break:break-all; color:#212121;}
.sld_cd_sm dd {font-size:1.2rem;}
.sld_cd_sm dd.date {margin-bottom:10px; color:#767676;}
.sld_cd_sm dd.text {height:4.2em; word-break:break-all; line-height:1.4rem; color:#555;}


/* sld_cd_lrg */
.sld_cd_lrg .slick-list {padding:10px 0 10px 0;}
.sld_cd_lrg .card {position:relative; display:block; height:384px; margin:0 3px; background:#f5f5f5;}
.sld_cd_lrg .card::after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #e6e6e6;}
.sld_cd_lrg .thumb {height:180px; overflow:hidden; background-position:center; background-size:cover;}
.sld_cd_lrg .thumb>img {display:none;}
.sld_cd_lrg .info {position:absolute; top:180px; left:0; right:0; bottom:0; padding:10px 20px; overflow:hidden;}
.sld_cd_lrg .info dt {display:block; height:5rem; margin-bottom:14px; line-height:1.2; font-size:2.0rem; color:#212121; overflow:hidden;}
.sld_cd_lrg .info dd {line-height:1.3; color:#333; font-size:1.3rem;}
.sld_cd_lrg .info ul>li {margin-bottom:4px;}
.sld_cd_lrg .info ul span {display:inline-block; color:#333; font-family:'NSD'; font-size:1.3rem;}
.sld_cd_lrg .info ul .tt {color:#767676;}
.sld_cd_lrg .info .dsp {display:block; height:3.2rem; word-break:break-all; margin-top:10px; line-height:1.6rem; font-size:1.2rem;}

.sld_cd_lrg .no_thumb.info {position:static;}/* 이미지가 없을때 */
.sld_cd_lrg .no_thumb.info .dsp {display:block; height:20.8rem; margin-top:15px; overflow:visible;}

.sld_cd_lrg .card:hover{
    transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
    -o-transform: scale(1.01);

    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);

    -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

/* sld_cd_list */
.sld_cd_list {display:none;}
.sld_cd_list .card {display:block; position:relative; padding:16px 8px; min-height:86px; overflow:hidden; border-top:1px solid #ececec;}
.sld_cd_list .thumb {z-index:10; position:absolute; top:17px; left:8px; overflow:hidden; width:86px; height:86px; background-position:center; background-size:cover;}
.sld_cd_list .thumb>img {display:none;}

.sld_cd_list .info {position:relative; z-index:10;}
.sld_cd_list .info dl{padding-left:102px;}
.sld_cd_list .info dt {display:block; margin-bottom:10px; line-height:1.2; font-size:1.6rem; color:#212121; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.sld_cd_list .info dd {font-size:1.3rem;}
.sld_cd_list .info dd.date {margin-bottom:10px; color:#767676;}
.sld_cd_list .info dd.text {height:3.2rem; line-height:1.6rem; color:#555; word-break:break-all;} 
.sld_cd_list .info ul>li {margin-bottom:4px;}
.sld_cd_list .info ul span {display:inline-block; color:#333; font-family:'NSD'; font-size:1.2rem;}
.sld_cd_list .info ul .tt {position:relative; margin-right:12px; color:#767676;}
.sld_cd_list .info ul .tt::after {content:''; position:absolute; top:1px; right:-6px; width:1px; height:11px; background:#d3d3d3;}
.sld_cd_list .info .dsp {display:block; max-height:34px; word-break:break-all; overflow:hidden; margin-top:10px; line-height:1.4; font-size:1.2rem;}

.sld_cd_list .no_thumb dl {padding-left:0;}/* 이미지가 없을때 */
.sld_cd_list .no_thumb .dsp {display:block;}

/* sld_list_tx */
.sld_list_tx ul>li {border-bottom:1px solid #ddd;}
.sld_list_tx ul>li:last-child {border-bottom:none;}
.sld_list_tx ul>li>a {position:relative; display:block; padding:23px 0 23px 210px;}

.sld_list_tx .date {position:absolute; top:23px; left:0; }
.sld_list_tx .date>em {color:#e25945; font-family:Arial, Helvetica, sans-serif; font-size:2.2rem; font-style:italic;}
.sld_list_tx .date>.time {display:none;}
.sld_list_tx .sbj {display:flex; align-items:flex-end; margin-bottom:16px;}
.sld_list_tx .sbj strong,
.sld_list_tx .sbj span {display:inline-block; vertical-align:middle; line-height:2.0rem;}
.sld_list_tx .sbj strong {color:#222; font-family:'NSD'; font-size:1.85rem; letter-spacing:-.1rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.sld_list_tx .sbj span.num {flex-basis:22px; flex-shrink:0; margin-left:6px; color:#9f3232; font-family:'NST'; font-size:1.4rem;}
.sld_list_tx .sbj span.new {flex-shrink:0; margin-left:6px; width:22px; height:22px; line-height:2.2rem; text-align:center; color:#fff; font-size:1.3rem; background:#df2121; border-radius:100%;}
.sld_list_tx .text {line-height:1.2; color:#666; font-family:'NSR'; font-size:1.4rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}


/* sld_list_blt */
.sld_list_blt ul>li {z-index:5; position:relative; border-bottom:rgba(0, 0, 0, .1) 1px solid;}
.sld_list_blt ul>li::after {z-index:1; content:''; position:absolute; top:50%; left:0; margin-top:-15px; width:30px; height:30px; background:rgba(0, 0, 0, .16); border-radius:2px;}
.sld_list_blt ul>li>a {z-index:3; position:relative; display:block; padding:23px 0 23px 50px;}
.sld_list_blt ul>li>a::after {content:''; position:absolute; top:50%; left:9px; margin-top:-1px; width:12px; height:2px; background:#fff;}
.sld_list_blt ul>li>a::before {content:''; position:absolute; top:50%; left:14px; margin-top:-6px; width:2px; height:12px; background:#fff;}
.sld_list_blt .sbj {display:flex; align-items:flex-end; margin-right:250px;}
.sld_list_blt .sbj strong,
.sld_list_blt .sbj span {display:inline-block; vertical-align:middle; line-height:2.0rem;}
.sld_list_blt .sbj strong {font-size:1.7rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.sld_list_blt .num {flex-basis:22px; flex-shrink:0; margin-left:6px; color:#9f3232; font-size:1.4rem;}
.sld_list_blt .new {flex-shrink:0; margin-left:6px; width:21px; height:21px; line-height:1.5; text-align:center; color:#fff; font-size:1.3rem; background:#ffa800; border-radius:100%;}
.sld_list_blt .text {display:none; font-size:1.2rem;}

.sld_list_blt .date {position:absolute; top:23px; right:15px;}
.sld_list_blt .date>em, 
.sld_list_blt .date>.time {display:inline-block; padding:0 4px; font-size:1.4rem; font-style:normal;}

/* ------------------- //슬라이드 공통 ------------------- */

/* card_sm_fu */
.card_sm_fu>.inner-wrap {padding:0;}
.card_sm_fu .title {z-index:10; position:absolute; top:30px; left:30px; right:0;}

.card_sm_fu .sld_cd_sm .slick-list {border:1px solid #e5e5e5; border-width:0 1px 0 1px;}
.card_sm_fu .sld_cd_sm .card {margin-top:87px; padding:35px 30px;}
.card_sm_fu .sld_cd_sm .thumb {left:30px}
.card_sm_fu .sld_cd_sm a.thumb_view {padding-left:160px;}

.card_sm_fu .title .btn_more {right:35px;}
.card_sm_fu .sld_cd_sm .slick-prev {z-index:10; top:30px; right:139px;}
.card_sm_fu .sld_cd_sm .slick-next {z-index:10; top:30px; right:87px;}

/* ---- 일정 ---- */
.schedule {background:#ffc000;}
.schedule .title {margin-bottom:37px; text-align:center; }
.schedule .title>h3,
.schedule .title>.btn_more {display:inline-block; position:relative; vertical-align:middle;}
.schedule .title>.btn_more {margin-left:13px;}

.schedule .scdul_wrap {text-align:center;}
.schedule .cal_month {width:90px; margin:0 auto 50px auto; text-align:center; position:relative;}/*210507*/
.schedule .cal_month em {color:#000; font-family:'NSD'; font-size:2.4rem;}
.schedule .cal_day {display:flex; flex-wrap:wrap; justify-content:flex-start; padding:33px 0 43px 0; border-top:rgba(0, 0, 0, .23) 1px solid;}
.schedule .cal_day>span {z-index:10; position:relative; min-width:38px; height:40px; line-height:2.0; padding:10px 0; text-align:center; color:#000; font-family:'NSL'; font-size:2.0rem;}
.schedule .cal_day .active {z-index:10; position:relative; color:#fff;}
.schedule .cal_day .active::after {content:''; z-index:-1; position:absolute; top:50%; left:50%; width:38px; height:38px; margin-top:-19px; margin-left:-19px; background:#e25945; border-radius:100%;}
.schedule .cal_day .active::before {content:''; z-index:-1; position:absolute; bottom:-30px; left:50%; width:13px; height:32px; margin-left:-6px; background:url('/images/main/ico_cal_arr.png') no-repeat;}

.schedule .cal_detail {display:flex; flex-wrap:wrap; justify-content:flex-start; padding:30px 15px; text-align:left; background:#2e2e38;}
.schedule .cal_detail>li { padding:7px 24px 7px 0;}
.schedule .cal_detail>li>span {display:inline-block; font-family:'NSL'; font-size:1.8rem; margin-right:10px;}/*0524yu*/
.schedule .cal_detail .date {min-width:45px; margin-right:15px; color:#e25945;}
.schedule .cal_detail .tx {color:#ededef;}
.schedule .cal_detail>li>span:before { content:""; border-left:1px solid #767676; padding-left:10px;}/*0524yu*/
.schedule .cal_detail>li>span:nth-child(1):before, .schedule .cal_detail>li>span:nth-child(2):before {display:none;}/*0524yu*/

.schedule .slick-arrow {position:absolute; top:50%; display:block; width:20px; height:20px; margin-top:-9px; text-indent:-99999px; font-size:0; overflow:hidden; border:none; opacity:1;}
.schedule .slick-arrow.slick-prev {left:-30px; background:url('/images/main/btn_cal_prev.png') no-repeat center;}
.schedule .slick-arrow.slick-next {right:-30px; background:url('/images/main/btn_cal_next.png') no-repeat center;}


/* ---- contact ---- */
.contact {position:relative;}
.contact>.inner-wrap {min-height:300px;}

.contact .map_area {z-index:10; position:absolute; top:0; left:0; right:50%; bottom:0;}/*0420yu*/

.contact .cnt_wrap {margin-left:50%;}
.contact .cnt_wrap .title {margin-bottom:38px; text-align:center;}
.contact .cnt_wrap .title>h3,
.contact .cnt_wrap .title>.btn_more {position:relative; display:inline-block; vertical-align:middle; text-transform:uppercase;}
.contact .cnt_wrap .title>.btn_more {margin-left:22px;}

.contact .cnt_info {max-width:435px; margin:0 auto; padding:0 35px;}
.contact .cnt_info li {position:relative; display:table; table-layout:fixed; min-height:55px; margin:23px 0; padding:0 0 0 77px;}
.contact .cnt_info .bx {display:table-cell; vertical-align:middle;}
.contact .cnt_info .bx>span {display:block; padding:2px 0; line-height:1.4; color:#35353b; font-family:'NSD'; font-size:1.7rem;}
.contact .cnt_info .bx>.eng {font-size:1.5rem;}
.contact .cnt_info .bx>span>a {color:inherit; font-size:inherit;}
.contact .cnt_info .bx>span>a:hover {text-decoration:underline;}

.contact .cnt_info .icon {z-index:10; position:absolute; top:50%; left:0; margin-top:-28px; width:55px; height:55px; border-radius:100%; text-indent:-99999px; font-size:0; overflow:hidden; background-color:#e25945}

.contact .cnt_info .loc {background:#e25945 url('/images/common/ico_loc.png') no-repeat center; background-size:17px auto;}
.contact .cnt_info .tel {background:#e25945 url('/images/common/ico_tel.png') no-repeat center; background-size:19px auto;}
.contact .cnt_info .email {background:#e25945 url('/images/common/ico_email.png') no-repeat center; background-size:17px auto;}




@media only screen and (max-width: 1180px){
    .main-layout .inner-wrap {padding:60px 35px;}
    
    .card_sm_fu>.inner-wrap {padding:0;}
    .card_sm_fu .sld_cd_sm .slick-list {border:none;}
}
@media only screen and (max-width: 1024px){
    .main-layout .inner-wrap {padding:50px 15px;}
    .main-layout .title .btn_more {position:relative; right:initial; display:inline-block; vertical-align:middle; width:42px; height:42px; margin-left:12px;}

    .slick-arrow.slick-next {right:0;}
    .slick-arrow.slick-prev {right:52px;}

    .sld_cd_sm dd.text {height:4.2rem;}

    .card_sm_fu>.inner-wrap {padding:0;}
    .card_sm_fu .sld_cd_sm .slick-prev {right:87px;}
    .card_sm_fu .sld_cd_sm .slick-next {right:35px;}
    
    .schedule .cal_day .active::before {display:none;}

}
@media only screen and (max-width: 767px){
    .main-layout .inner-wrap {padding:32px 8px;}
    .main-layout .title {margin-bottom:27px;}
    .main-layout .title>h3 {font-size:2.8rem;}
    .main-layout .title .btn_more {position:relative; right:initial; display:inline-block; vertical-align:middle; width:32px; height:32px; margin-left:12px;}

    .slick-arrow {top:-62px; width:32px; height:32px;}
    .slick-arrow.slick-next {right:0;}
    .slick-arrow.slick-prev {right:35px;}

    .sld_cd_sm {display:none;}
    .sld_cd_lrg {display:none;}
    .sld_cd_list {display:block;}
    .sld_cd_list .info .dsp {display:block;}

    .card_sm_fu .title {position:static;}

    .sld_list_tx ul>li>a {position:relative; display:block; padding:16px 0;}
    .sld_list_tx .date {position:static;}
    .sld_list_tx .date>em {font-size:1.4rem;}
    .sld_list_tx .sbj {margin-bottom:10px;}
    .sld_list_tx .sbj strong {line-height:1.4; font-size:1.6rem;}
    .sld_list_tx .sbj span.num {font-size:1.2rem;}
    .sld_list_tx .sbj span.new {width:17px; height:17px; line-height:1.6; font-size:1.0rem;}
    .sld_list_tx .text {margin-bottom:14px; font-size:1.3rem;}

    .sld_list_blt ul {border-top:rgba(255, 255, 255, .1) 1px solid;}
    .sld_list_blt ul>li>a {padding:22px 0;}
    .sld_list_blt li::after,
    .sld_list_blt li>a::before,
    .sld_list_blt li>a::after {display:none;}
    .sld_list_blt .sbj {margin-right:0; margin-bottom:10px;}
    .sld_list_blt .sbj strong {font-size:1.5rem;}
    .sld_list_blt .date {position:static;}
    .sld_list_blt .date>em, 
    .sld_list_blt .date>.time {font-size:1.3rem;}

    /*  */
    .schedule .cal_month {margin:0 auto 25px auto;}
    .schedule .cal_month em {font-size:2.0rem;}
    .schedule .cal_day {padding:15px 0;}
    .schedule .cal_day>span {width:14.2%; height:20px; font-size:1.5rem;}
    .schedule .cal_day .active::after {width:30px; height:30px; margin-top:-10px; margin-left:-15px;}
    .schedule .cal_detail {padding:12px 15px;}
    .schedule .cal_detail>li {width:100%; margin-bottom:4px;}
    .schedule .cal_detail>li>span {font-size:1.4rem; display:block;}/*0524yu*/
    .schedule .cal_detail>li>span:before {display:none;}/*0524yu*/

    /*  */
    .contact .map_area {top:0; left:0; right:0; height:340px;}
    .contact .cnt_wrap {margin-top:340px; margin-left:0;}
    .contact .cnt_info {max-width:100%; padding:0;}
    .contact .cnt_info li {display:block; margin:20px 0 35px 0; padding-left:0;}
    .contact .cnt_info .icon {position:static; margin:0 auto 10px auto; width:42px;; height:42px;}
    .contact .cnt_info .bx {display:block; text-align:center;}
    .contact .cnt_info .bx>span {font-size:1.5rem;}
    
}