@charset "utf-8";

/****************************** info ******************************/
.info{background:#f1f1f1}
.info .sub-head{margin-bottom:7.6rem}
.info .sub-head h2{color:#fff}
.info h3{margin-bottom:2.5rem; color:#111; line-height:1.9rem; font-size:1.9rem; font-weight:bold; text-align:center}

.info .header-sm .btn-menu .bar{background:#fff;}
.info .header-sm h1 a{background: url(/images/common/h1_logo2.png) 0 0 no-repeat;background-size:70px;}
.info header .header-md h1 a{background:url(/images/common/h1_logo_v2_pc.png) 0 0 no-repeat}
.info header .header-md .gnb .menu li a{color:#fff}
.info header .header-md .gnb .menu li .animate .obje{background:#fff}
.info header .header-md .gnb .top li a{color:#999}

/* notice */
.info.notice .cont{padding-bottom:5rem}
.info.notice .cont .in-section{padding:0 15px;}
.info.notice .cont .wrap-list{padding:0;position:relative;top:20px;opacity: 0; }
.info.notice .cont .wrap-list table{width:100%; margin:0 0 2.083rem 0; border-top:2px solid #111;background: #fff;}
.info.notice .cont .wrap-list table td{/* height:3.333rem; */ text-align:center;}
.info.notice .cont .wrap-list table thead{border-bottom:1px solid #111}
.info.notice .cont .wrap-list table thead td{color:#111; font-size:1.1rem; line-height: 1.1rem;font-weight:bold;padding: .833rem;}
.info.notice .cont .wrap-list table tbody tr{border-bottom:1px solid #e5e5e5}
.info.notice .cont .wrap-list table tbody td{height: 4rem;color:#666; font-size:1rem;padding:1.25rem .833rem 0.95rem;;}
.info.notice .cont .wrap-list table tbody tr:hover td{background:#e5e5e5}
.info.notice .cont .wrap-list table tbody .title{padding:0.5rem 0 0; box-sizing:border-box; text-align:left}
.info.notice .cont .wrap-list table tbody .title .ellip{height:1.667rem}
.info.notice .cont .wrap-list table tbody .title a{color:#111; line-height:1.5em; font-size:1rem; font-weight:bold}
.info.notice .cont .wrap-list table tbody .title a:hover{text-decoration:underline}

.info.notice.view .cont .board{width:100%; border-top:2px solid #222;background: #fff;}
.info.notice.view .cont .board .board-title{padding:1.25rem 20px 1.25rem 20px; border-bottom:1px solid #222; color:#111; line-height:1em; font-size:1.4rem; font-weight:bold; text-align:center}
.info.notice.view .cont .board .wrap-date{border-bottom:1px solid #e5e5e5; text-align:center}
.info.notice.view .cont .board .wrap-date ul{display:inline-block; padding:1rem 0 .6rem}
.info.notice.view .cont .board .wrap-date ul li{float:left}
.info.notice.view .cont .board .wrap-date ul li.date{margin-right:1.25rem}
.info.notice.view .cont .board .wrap-date ul li .title{float:left; margin-right:.583rem; color:#111; line-height:1rem; font-size:1rem; font-weight:bold}
.info.notice.view .cont .board .wrap-date ul li .txt{float:left; color:#666; line-height:1rem; font-size:1rem}
.info.notice.view .cont .board .contents{padding:2.083rem 1.583rem; border-bottom:1px solid #e5e5e5}
.info.notice.view .cont .board .contents.edit{font-size: 1.083rem;color:#666;/* text-align: center; */}
.info.notice.view .cont .board .contents.edit .wrap-btn {text-align: center;}
.info.notice.view .cont .board .contents.edit .wrap-btn .btn-go{ text-align: center;font-size: 1rem;line-height: 1rem;display: inline-block;margin-top: 2.083rem;font-weight: 600;border-bottom: 2px solid #111;transition: all .2s ease-out;background: url('/images/info/ico_arr.png') 98% 25% no-repeat;background-size:.5rem;;padding: 0 .833rem .333rem 0;}
.info.notice.view .cont .board .contents.edit .btn-go:hover {background: url('/images/info/ico_arr_over.png') 98% 25% no-repeat;color:#1257ab;border-color:#1257ab;background-size:.5rem;}
.info.notice.view .cont .board .contents.edit .youtubeWrap {position: relative;width: 100%;padding-bottom: 56.25%;}
.info.notice.view .cont .board .contents.edit .youtubeWrap iframe{ position: absolute;width: 100%;height: 100%;}

.info.notice.view .cont .board .wrap-prev{padding:.917rem 1.25rem; border-bottom:1px solid #e5e5e5}
.info.notice.view .cont .board .wrap-prev .prev{float:left; width:3.75rem; padding-left:17px; background:url(/images/info/m_notice_list_arrow1.png) 0 center no-repeat; color:#111; line-height:1rem; font-size:1rem; font-weight:bold; background-size:6px;}
.info.notice.view .cont .board .wrap-prev .title{float:left; color:#666; line-height:1rem; font-size:1rem;padding-left: 2.083rem;}
.info.notice.view .cont .board .wrap-prev .title:hover{text-decoration:underline}
.info.notice.view .cont .board .wrap-next{padding:.917rem 1.25rem; border-bottom:1px solid #e5e5e5}
.info.notice.view .cont .board .wrap-next .next{float:left; width:3.75rem; padding-left:17px; background:url(/images/info/m_notice_list_arrow2.png) 0 center no-repeat; color:#111; line-height:1rem; font-size:1rem; font-weight:bold; background-size:6px;}
.info.notice.view .cont .board .wrap-next .title{float:left; color:#666; line-height:1rem; font-size:1rem; padding-left: 2.083rem;}
.info.notice.view .cont .board .wrap-next .title:hover{text-decoration:underline}
.info.notice.view .cont .wrap-list .btn-list{text-align: center;}
.info.notice.view .cont .wrap-list .btn-list button{border:2px solid #111;background: transparent;font-size: 1.333rem;font-weight: 600;padding:1rem 3.75rem;margin:2.5rem auto 0;transition:all .2s ease-out;}
.info.notice.view .cont .wrap-list .btn-list button:hover{background: #1257ab;color:#fff;border:3px solid transparent;}

/* event */
/* .info.event .cont{padding-bottom:100px} */

.info.event .cont .in-section{padding:0 23px}
.info.event .cont .evt-list {}
.info.event .cont .evt-list > div{}
.info.event .cont .evt-list .slick-list{margin-top:-25px;}
.info.event .cont .evt-list > div .slick-slide{margin:0 4px;background: #fff;outline:0;cursor:pointer;position:relative;top:20px;opacity: 0;}
.info.event .cont .evt-list > div .slick-slide:hover{/* box-shadow:5px 5px 10px #d5d5d5; */}
.info.event .cont .evt-list > div .slick-track{padding-bottom:30px;padding-top: 25px;overflow-y:visible !important}
.info.event .cont .evt-list > div .thumb{width:100%}
.info.event .cont .evt-list > div .thumb img{max-width:100%;width:100%;}
.info.event .cont .evt-list > div .content{width:100%;text-align: center;padding:2.4rem 0.75rem;}
.info.event .cont .evt-list > div .content p{display: inline-block;font-size: 1.083rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 18px;
height:72px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}
.info.event .cont .evt-list > div .btn-go{text-align: center;font-size: .9rem;line-height: .9rem;display:inline-block;margin-top:2.083rem;font-weight: 600;border-bottom:2px solid #111;transition:all .2s ease-out;background: url('/images/info/ico_arr.png') 100% .167rem no-repeat;padding:0 .917rem .333rem 0;background-size:6px;}
.info.event .cont .evt-list > div .slick-slide:hover .btn-go{color:#1257ab;border-color:#1257ab;background: url('/images/info/ico_arr_over.png') 100% .167rem no-repeat;background-size:6px;}
.info.event .cont .evt-list .wrap-animate {position:relative;width:110px;margin:0 auto;overflow: hidden;}
.info.event .cont .evt-list .animate-bar{background: #1257ab; height:4px;width:0;position: absolute;bottom:0;left:0;}
.info.event .cont .evt-list .animate-bar:after{content:'';display: block;width:30px;height:4px;position: absolute;top:0;right:0;background: #fff;}

.info.event .cont .evt-list .slick-arrow{position:absolute;z-index: 1;top:calc(50% - 1.05rem);width:1.2rem;height:2.1rem;text-indent: -9999%;font-size: 0;border:0 none;transition:all .2s ease-out;opacity: 0;background-size: 1.2rem 2.1rem !important;}
.info.event .cont .evt-list .slick-arrow.slick-prev{left:-1.5rem;background: url('/images/info/btn_prev.png') 0 0 no-repeat;}
.info.event .cont .evt-list .slick-arrow.slick-next{right:-1.5rem;background: url('/images/info/btn_next.png') 0 0 no-repeat;}
.info.event .cont .evt-list .slick-arrow.slick-prev:hover{background: url('/images/info/btn_prev_over.png') 0 0 no-repeat;}
.info.event .cont .evt-list .slick-arrow.slick-next:hover{background: url('/images/info/btn_next_over.png') 0 0 no-repeat;}
.info.event .cont .evt-list .slick-dots{text-align: center;position:relative;top:20px;opacity: 0;}
.info.event .cont .evt-list .slick-dots li{display: inline-block;width:10px;height:10px;cursor:pointer;margin-left:10px;transition:all .2s ease-out;border: 1px solid #999;border-radius:10px;}
.info.event .cont .evt-list .slick-dots li.slick-active{background: #1257ab;border:1px solid transparent;}
.info.event .cont .evt-list .slick-dots li:first-child{margin-left:0;}
.info.event .cont .evt-list .slick-dots li button{display: none;}

.info.event .cont .evt-last {margin-top:4.167rem;}
.info.event .cont .evt-last .panel-group{margin-bottom:2rem;position:relative;top:20px;opacity: 0;}
.info.event .cont .evt-last .panel-group:last-child{margin-bottom:5rem;}
.info.event .cont .evt-last .panel{border:none; border-radius:0; box-shadow:none}
.info.event .cont .evt-last .panel .panel-heading{padding:0; background:#fff url(/images/info/faq_icon_q.png) 50px 27px no-repeat}
.info.event .cont .evt-last .panel .panel-heading a{display:block; position:relative; width:100%; padding:1.333rem 4.167rem 1.333rem 2.167rem;}
.info.event .cont .evt-last .panel .panel-heading a .panel-title{color:#111; line-height:1.2em; font-size:1.1rem; font-weight:bold}
.info.event .cont .evt-last .panel .panel-body{padding:2.083rem;background: #e5e5e5; border-top:none; color:#666; line-height:26px; font-size:14px}
.info.event .cont .evt-last .panel .panel-body .col-xs-6,
.info.event .cont .evt-last .panel .panel-body .col-xs-12{padding:0;}
.info.event .cont .evt-last .panel .panel-body ul{}
.info.event .cont .evt-last .panel .panel-body ul li{border-bottom:1px solid #ccc;padding:1.25rem 0;}
.info.event .cont .evt-last .panel .panel-body ul li:first-child{padding-top:0;}
.info.event .cont .evt-last .panel .panel-body ul li:last-child{border-bottom: 0;padding-bottom:0;}
.info.event .cont .evt-last .panel .panel-body ul li .th strong{font-size: 1.1rem;line-height: 1.1rem;color:#111;margin-bottom:0.667rem;display: block;}
.info.event .cont .evt-last .panel .panel-body ul li .td p{font-size: .9rem;line-height: 1.5rem;color:#666;}
.info.event .cont .evt-last .panel .panel-body ul li .td:nth-child(even) p{padding-right: 1rem;}


/* news */
.info.news .cont{padding-bottom:4.167rem;}
.info.news .cont .in-section{padding:0 15px;}
.info.news .cont .wrap-list{}
.info.news .cont .wrap-list .list{margin-bottom:.667rem;position:relative;top:20px;opacity: 0;}
.info.news .cont .wrap-list .list:nth-child(odd){padding-right:0;padding-left:.335rem;}
.info.news .cont .wrap-list .list:nth-child(even){padding-left:0;padding-right:.335rem;}
.info.news .cont .wrap-list .list a{position:relative;display: block;width:100%;height:100%;}
.info.news .cont .wrap-list .list .thumb{}
.info.news .cont .wrap-list .list .thumb .upload-img{max-width:100%;position:absolute;top:0;left:0;z-index: 1;}
.info.news .cont .wrap-list .list .thumb .blank{max-width: 100%;z-index: 0;}
.info.news .cont .wrap-list .list .content{background: #fff;padding:1.667rem 1.25rem;}
.info.news .cont .wrap-list .list .content .title{font-size: 1.1rem;line-height: 1.5rem;font-weight: 600;color:#111;display: block; height:3.567rem;}
.info.news .cont .wrap-list .list .content .desc{font-size: .9rem;line-height: 1.4rem;display: block;color:#666;height:3.667rem}
.info.news .cont .wrap-list .list .content .btn-go{text-align: center;font-size: .75rem;line-height: .75rem;display:inline-block;font-weight: 600;border-bottom:2px solid #111;transition:all .2s ease-out;background: url('/images/info/ico_arr.png') 100% .167rem no-repeat;background-size:6px;padding:0 .917rem .333rem 0;}
.info.news .cont .wrap-list .list:hover .content .btn-go{color:#1257ab;border-color:#1257ab;background: url('/images/info/ico_arr_over.png') 100% .167rem no-repeat;background-size:6px;}
.info.news .cont .wrap-list .wrap-btn-more{margin-top:1.823rem;}
.info.news .cont .wrap-list .wrap-animate {position:relative;width:87px;overflow: hidden;margin-top:1rem;}
.info.news .cont .wrap-list .animate-bar{background: #1257ab; height:4px;width:0;position: absolute;bottom:0;left:0;}
.info.news .cont .wrap-list .animate-bar:after{content:'';display: block;width:30px;height:4px;position: absolute;top:0;right:0;background: #fff;}

/* library */
.info.library .cont{padding-bottom:3.571rem}
.info.library .cont .wrap-list{padding:0 15px;}
.info.library .cont .wrap-list .panel-group{margin-bottom:2.5rem}
.info.library .cont .wrap-list .panel{border:none; border-radius:0; box-shadow:none;position:relative;top:20px;opacity: 0;}
.info.library .cont .wrap-list .panel .panel-heading{padding:0; background:#fff;}
.info.library .cont .wrap-list .panel .panel-heading a{display:block; position:relative; width:100%; padding:1.333rem 4.167rem 1.333rem 2.167rem}
.info.library .cont .wrap-list .panel .panel-heading a .panel-title{color:#111; line-height:1.2em; font-size:1.1rem; font-weight:bold}
.info.library .cont .wrap-list .panel .panel-heading a .icon-arrow{position:absolute; top:50%; right:1.75rem; width:1.5rem; height:1.5rem; margin-top:-.75rem; background:url(/images/support/faq_icon_arrow.png) 0 0 no-repeat;background-size:1.5rem;
	transform: rotate(0deg);
	transition: all .2s ease-out;
}
.info.library .cont .wrap-list .panel .panel-heading a.collapsed .icon-arrow{
	transform:rotate(180deg);
	transition:all .2s ease-out;
}
.info.library .cont .wrap-list .panel .panel-body{padding:2.083rem ; border-top:none; background:#e5e5e5;color:#666; line-height:1.667rem; font-size:1rem}

.publication_none{width: 100%; padding: 30px 0;text-align: center;border: 1px solid #fefefe;background: #fff;}

@media screen and (min-width: 992px) {
	.publication_none{font-size: 14px;}
	.info .sub-head{margin-bottom:120px}
	.info h3{margin-bottom:52px; line-height:40px; font-size:40px;}

	/* notice */
	.info.notice .cont{padding-bottom:160px}
	.info.notice .cont .wrap-list{padding:100px; background:#fff}
	.info.notice .cont .wrap-list table{margin:0 0 50px 0;}
	.info.notice .cont .wrap-list table td{height:54px;}
	.info.notice .cont .wrap-list table thead td{ font-size:18px;line-height: 18px;}
	.info.notice .cont .wrap-list table tbody td{height:54px;color:#666; font-size:14px;padding:0;}
	.info.notice .cont .wrap-list table tbody .title{padding:0 45px;}
	.info.notice .cont .wrap-list table tbody .title .ellip{height:25px}
	.info.notice .cont .wrap-list table tbody .title a{line-height:1.5em; font-size:16px;}
	.info.notice.view .cont .board .board-title{padding:20px 20px 18px 20px; line-height:1.5em; font-size:26px;}
	.info.notice.view .cont .board .contents{padding:45px 20px;}
	.info.notice.view .cont .board .contents.edit{font-size: 18px;}
	.info.notice.view .cont .board .contents.edit .wrap-btn .btn-go{ font-size: 14px;line-height: 14px;margin-top: 50px;border-bottom: 4px solid #111;background-size:auto;;padding: 0 18px 5px 0;}
	.info.notice.view .cont .board .contents.edit .wrap-btn .btn-go:hover {background-size:auto;}

	.info.notice.view .cont .board .wrap-date ul{ padding:19px 0 15px 0}
	.info.notice.view .cont .board .wrap-date ul li .title{margin-right:10px; line-height:14px; font-size:14px; }
	.info.notice.view .cont .board .wrap-date ul li .txt{ line-height:14px; font-size:14px}
	.info.notice.view .cont .board .wrap-date ul li.date{margin-right:29px}
	.info.notice.view .cont .board .wrap-prev{padding:19px 20px 17px 20px;}
	.info.notice.view .cont .board .wrap-prev .prev{width:114px; padding-left:17px; line-height:14px; font-size:14px; background:url(/images/info/notice_list_arrow1.png) 0 center no-repeat; background-size:auto;}
	.info.notice.view .cont .board .wrap-prev .title{line-height:14px; font-size:14px;padding-left:0;}
	.info.notice.view .cont .board .wrap-next{padding:19px 20px 17px 20px;}
	.info.notice.view .cont .board .wrap-next .next{width:114px; padding-left:17px; line-height:14px; font-size:14px; background:url(/images/info/notice_list_arrow2.png) 0 center no-repeat; background-size:auto;}
	.info.notice.view .cont .board .wrap-next .title{line-height:14px; font-size:14px;padding-left:0;}
	.info.notice.view .cont .board .contents.edit .youtubeWrap {position: relative;width: 100%;padding-bottom: 56.25%;}
	.info.notice.view .cont .board .contents.edit .youtubeWrap iframe{ position: absolute;width: 100%;height: 100%;}
	.info.notice.view .cont .wrap-list .btn-list button{border:3px solid #111;font-size: 16px;padding:16px 66px;margin:40px auto 0;}
	.info.notice.view .cont .wrap-list .btn-list button:hover{border:3px solid transparent;}

	/* event */
	.info.event .cont .evt-list > div .content{padding:50px 10px;}
	.info.event .cont .evt-list > div .content p{font-size: 16px;line-height: 28px;height:140px;-webkit-line-clamp: 5; /* 라인수 */}
	.info.event .cont .evt-list > div .btn-go{font-size: 14px;line-height: 14px;margin-top:50px;border-bottom:4px solid #111;padding:0 18px 5px 0;background-size:auto;}
	.info.event .cont .evt-list > div .slick-slide{margin:0 9.5px;}
	.info.event .cont .evt-list > div .slick-slide:hover .btn-go{background-size:auto;}
	.info.event .cont .evt-list .wrap-animate {width:80px;}
	.info.event .cont .evt-list .slick-dots li{width:16px;height:16px;border: 2px solid #999;}
	.info.event .cont .evt-list .slick-arrow{top:calc(50% - 20px);width:22px;height:40px;background-size: auto !important;}
	.info.event .cont .evt-list .slick-arrow.slick-prev{left:-50px;}
	.info.event .cont .evt-list .slick-arrow.slick-next{right:-50px;}
	.info.event .cont .evt-list .slick-arrow.slick-prev:hover{transform: scale(1.2) translateX(6px);}
	.info.event .cont .evt-list .slick-arrow.slick-next:hover{transform: scale(1.2) translateX(-6px);}
	.info.event .cont .evt-last {margin-top:100px;}
	.info.event .cont .evt-last .panel-group{margin-bottom:20px;}
	.info.event .cont .evt-last .panel-group:last-child{margin-bottom:60px;}
	.info.event .cont .evt-last .panel .panel-heading a{min-height:74px; padding:24px 96px 26px 60px}
	.info.event .cont .evt-last .panel .panel-heading a .panel-title{line-height:1.5em; font-size:16px; }
	.info.event .cont .evt-last .panel .panel-body{padding:43px 90px 44px 60px; color:#666; line-height:26px; font-size:14px}
	.info.event .cont .evt-last .panel .panel-body ul li{padding:20px 0;}
	.info.event .cont .evt-last .panel .panel-body ul li .th strong{font-size: 16px;line-height: 16px;margin-bottom:0;}
	.info.event .cont .evt-last .panel .panel-body ul li .td p{font-size: 14px;line-height: 14px;}


	/* news */
	.info.news .cont{padding-bottom:100px;}
	.info.news .cont .wrap-list .list{margin-bottom:30px;}
	.info.news .cont .wrap-list .list:nth-child(odd){padding-right:0;padding-left:15px;}
	.info.news .cont .wrap-list .list:nth-child(even){padding-left:0;padding-right:15px;}
	.info.news .cont .wrap-list .list .content{padding:32px 30px;}
	.info.news .cont .wrap-list .list .content .title{font-size: 20px;line-height: 28px;height:28px;margin-bottom:3px;}
	.info.news .cont .wrap-list .list .content .desc{font-size: 14px;line-height: 20px;height:20px;}
	.info.news .cont .wrap-list .list .content .btn-go{font-size: 14px;line-height: 14px;border-bottom:4px solid #111;background-size:auto;margin-top:30px;padding:0 18px 5px 0;}
	.info.news .cont .wrap-list .list:hover .content .btn-go{background-size:auto;}
	.info.news .cont .wrap-list .wrap-animate {margin-top:0;}
	.info.news .cont .wrap-list .wrap-btn-more{margin-top:50px;}


	/* library */
	.info.library .cont{padding-bottom:116px}
	.info.library .cont .wrap-list .panel-group{margin-bottom:60px}
	.info.library .cont .wrap-list .panel .panel-heading a{min-height:74px; padding:25px 96px 25px 50px}
	.info.library .cont .wrap-list .panel .panel-heading a .panel-title{font-size:16px;}
	.info.library .cont .wrap-list .panel .panel-heading a .icon-arrow{position:absolute; top:50%; right:33px; width:30px; height:30px; margin-top:-15px;	background:url(/images/support/faq_icon_arrow.png) 0 0 no-repeat;
	}
	.info.library .cont .wrap-list .panel .panel-body{padding:43px 90px 44px 60px;line-height:26px; font-size:14px}
}

@media screen and (min-width: 1200px) {
	.publication_none{font-size: 16px;}
}