/* 변형 (notice_bar 있을때) */
/* #main { padding:0 0px; margin-top:130px;} */
/* 기본 (notice_bar 없을때) */


/* 링크 시 부드럽게 */
a:hover, a, span, label, li {transition:0.3s;}
 
/* 더보기 */
#fullpage .more1 {float:right; width:90px; height:52px; background-image:url('../images/main/btn_more1.png'); background-repeat:no-repeat; background-position:center center; background-color:#ffed00; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; cursor:pointer; transition:0.3s;}
#fullpage .more1:hover {background-image:url('../images/main/btn_more1o.png'); background-color:#000000; transition:0.3s;}

/* 바 타이틀 */
#fullpage .bar1 {overflow:hidden; margin-bottom:30px;}
#fullpage .bar2 {overflow:hidden; margin-bottom:20px;}
#fullpage .bar3 {overflow:hidden; margin-bottom:30px;}
#fullpage .bar1 .fr,
#fullpage .bar2 .fr {float:right;}
#fullpage h2.main_bar1,
#fullpage h2.main_bar2 {float:left; font-family:'notokr-bold'; color:#000000; font-size:46px; line-height:110%; letter-spacing:-1px;}
#fullpage h2.main_bar1:hover,
#fullpage h2.main_bar2:hover {color:!important;}
#fullpage h2.main_bar_pad1 {padding-left:10px;}
#fullpage h2.main_bar_cl1 {color:#ffffff;}

/*********/
#fullpage .section_bg1 {}
#fullpage .section_bg2 {background-color:#f4f4f6;}
#fullpage .section_bg3 {background-color:#222222;}
#fullpage .section_bg4 {background-color:#222222;}
#fullpage .section_bg5 {background-color:#f4f4f6;}
#fullpage .section_bg6 {background-color:#f4f4f6;}
#fullpage .section_bg7 {background-color:#1c1b1b;}

#fullpage .section {}

#fullpage .inner_main1 {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding:30px 30px; margin:0 auto;}
#fullpage .inner_main2 {width:-webkit-calc(100% - 36px); width:-moz-calc(100% - 36px); width:calc(100% - 36px); padding:30px 18px; margin:0 auto;}
#fullpage .inner_main3 {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding:30px 30px; margin:0 auto;}
	
#fullpage .section01 {position:absolute; z-index:1; top:0; width:100%; height:100%;
	box-shadow: 0 5000px 0 rgba(0, 0, 0, 0.3) inset; 
	-webkit-box-shadow: 0 5000px 0 rgba(0, 0, 0, 0.3) inset; 
	-moz-box-shadow: 0 5000px 0 rgba(0, 0, 0, 0.3) inset;}
#fullpage .section01 .btn_area1 {position:absolute; z-index:10; text-align:center; bottom:35px; left:50%; transform:translateX(-50%);}
#fullpage .section01 .area1 {position:absolute; max-width:1100px; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); top:50%; left:50%; transform:translate(-50%,-50%);}
#fullpage .section01 dt {margin-bottom:27px; font-family:'notokr-bold'; color:#ffffff; font-size:70px; line-height:100%;}
#fullpage .section01 dt span {color:#ffffff;}
#fullpage .section01 dt em {color:#ffed00;}
#fullpage .section01 dd {font-family:'notokr-regular'; color:#ffffff; font-size:24px; line-height:150%;}
#fullpage .section01 ul {padding-top:30px;}
#fullpage .section01 ul li {float:left; margin-right:17px;}
#fullpage .section01 ul li:last-child {margin-right:0;}
#fullpage .section01 ul li a {display:block; width:170px; text-align:center; font-family:'notokr-bold'; color:#000000; font-size:20px; line-height:280%; letter-spacing:-0.5px; background-color:#ffed00; border:2px solid #ffed00; -webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px;}
#fullpage .section01 ul li a:hover {color:#ffed00; background-color:#000000; border:2px solid #000000;}
#fullpage .section01 ul li a.type1 {color:#ffed00; background-color:inherit; border:2px solid #ffed00;}
#fullpage .section01 ul li a.type1:hover {color:#000000; background-color:#ffed00; border:2px solid #ffed00;}

#fullpage .section02 {max-width:1100px;}
#fullpage .section02 .area1 {position:relative;}
#fullpage .section02 .touchslider-demo {overflow:hidden; clear:both; width:100%; margin:0 auto; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
#fullpage .section02 .touchslider-demo .touchslider-btn {position:absolute; z-index:11; width:42px; height:42px; top:50%; background-image:url('../images/main/btn_left1.png'); background-repeat:no-repeat; background-position:center center; background-size:auto 100%; background-color:#222222; transform:translateY(-50%); -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; cursor:pointer;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
#fullpage .section02 .touchslider-demo .touchslider-btn.prev {left:20px; background-image:url('../images/main/btn_left1.png');}
#fullpage .section02 .touchslider-demo .touchslider-btn.next {right:20px; background-image:url('../images/main/btn_right1.png');}
#fullpage .section02 .touchslider-demo .touchslider-nav a {cursor:pointer;}
#fullpage .section02 .touchslider-nav {position:absolute; z-index:10; bottom:17px; left:50%; transform:translateX(-50%);}
#fullpage .section02 .touchslider-demo .touchslider-nav-item {display:inline-block; width:14px; height:14px; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; background-color:rgba(0, 0, 0, 0.3);}
#fullpage .section02 .touchslider-demo .touchslider-nav-item-current {background-color:#ffffff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
#fullpage .section02 .touchslider-demo .touchslider-item {width:100%;}
#fullpage .section02 .touchslider-demo .touchslider-item img,
#fullpage .section02 .touchslider-demo .touchslider-area,
#fullpage .section02 .touchslider-demo .touchslider-area .touchslider-box img {max-width:1100px; width:100%; height:440px;}
#fullpage .section02 .touchslider-demo .touchslider-nav-item {margin:0 5px;}
#fullpage .section02 .touchslider-demo .touchslider-viewport {width:100% !important; height:440px !important;}
#fullpage .section02 .touchslider-demo .touchslider-area {overflow:hidden; position:relative;}
#fullpage .section02 .touchslider-demo .touchslider-area .touchslider-box {width:10000px;}
#fullpage .section02 .area2 {margin-top:50px;}
#fullpage .section02 .area2 .desk1 {float:left; width:-webkit-calc(50% - 25px); width:-moz-calc(50% - 25px); width:calc(50% - 25px); padding:0 25px 0 0;}
#fullpage .section02 .area2 .desk2 {float:right; width:-webkit-calc(50% - 25px); width:-moz-calc(50% - 25px); width:calc(50% - 25px); padding:0 0 0 25px;}
#fullpage .section02 .area2 .list1 {border-top:solid 2px #d1d1d1; border-bottom:solid 2px #d1d1d1;}
#fullpage .section02 .area2 .list1 li {overflow:hidden; height:100px; padding:0 10px 0; margin:0 -10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-image:url('../images/main/btn_more2.png'); background-repeat:no-repeat; background-position:right center;}
#fullpage .section02 .area2 .list1 li:hover {background-color:#ffffff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; cursor:pointer;}
#fullpage .section02 .area2 .list1 li .cont {overflow:hidden; height:100px; vertical-align:middle; display:table-cell;}
#fullpage .section02 .area2 .list1 li .cont .label {display:inline-block; text-align:center; width:70px; font-family:'notokr-bold'; color:#000000; font-size:14px; line-height:160%; background-color:#ffed00; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px;}
#fullpage .section02 .area2 .list1 li .cont .date {margin-left:20px; font-family:'notokr-regular'; color:#888888; font-size:14px; line-height:160%;}
#fullpage .section02 .area2 .list1 li .cont h3 {overflow:hidden; padding:11px 30px 0 0; font-family:'notokr-regular'; color:#000000; font-size:22px; line-height:120%; font-weight:normal; font-weight:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}

#fullpage .section02 .area2 .list2 {border-top:solid 2px #d1d1d1; border-bottom:solid 2px #d1d1d1;}
#fullpage .section02 .area2 .list2 li {overflow:hidden; height:100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#fullpage .section02 .area2 .list2 li .cont {overflow:hidden; height:100px; vertical-align:middle; display:table-cell;}
#fullpage .section02 .area2 .list2 li .cont .date {float:left; overflow:hidden; width:78px; height:78px; margin:8px 20px 0 0; text-align:center; font-family:'notokr-regular'; color:#7f7f7f; font-size:14px; line-height:100%; border:solid 3px #f7cd2c; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px;}
#fullpage .section02 .area2 .list2 li .cont .date span {display:inline-block; text-align:center; margin:10px 0 1px; font-family:'notokr-regular'; color:#000000; font-size:40px; line-height:100%;}
#fullpage .section02 .area2 .list2 li .cont .text {overflow:hidden; height:100px; vertical-align:middle; display:table-cell;}
#fullpage .section02 .area2 .list2 li .cont .text .time {display:inline-block; text-align:center; width:70px; font-family:'notokr-regular'; color:#000000; font-size:14px; line-height:160%; background-color:#ffed00; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px;}
#fullpage .section02 .area2 .list2 li .cont .text h3 {overflow:hidden; padding:4px 0 0; font-family:'notokr-regular'; color:#000000; font-size:22px; line-height:125%; font-weight:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#fullpage .section02 .area2 .list2 li .cont .text h3.link {position:relative; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); padding-right:80px;}
#fullpage .section02 .area2 .list2 li .cont .text a {display: block; position: absolute; top:50%; right:0; transform: translateY(-50%); padding:0 15px; font-family:'notokr-regular'; color:#000000; font-size:14px; line-height:230%; background-color:#ffed00; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px;}
#fullpage .section02 .area2 .list2 li .cont .text a:hover {font-family:'notokr-bold'; color:#ffed00; background-color:#000000;}

#fullpage .section03 {max-width:1680px;}
#fullpage .section03 .bar3 .btn_area1 {float:right;}
#fullpage .section03 .bar3 .btn_area1 label {display:inline-block; width:120px; height:52px; text-align:center; padding:14px 0 0; margin-right:20px; font-family:'notokr-medium'; color:#ffffff; font-size:24px; line-height:100%; font-weight:normal; background-color:#5c5c5c; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; cursor:pointer;}
#fullpage .section03 .bar3 .btn_area1 label:last-child {margin-right:0;}
#fullpage .section03 .bar3 .btn_area1 label:hover {background-color:#a3a3a3;}
#fullpage .section03 .bar3 .btn_area1 label.on {color:#000000; background-color:#ffed00;}

#fullpage .section03 .area1 li {float:left; position:relative; width:340px; height:480px; margin:10px 30px 100px 0; padding:55px 35px 0 35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#ffffff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; cursor:pointer;}
#fullpage .section03 .area1 li:first-child {margin-left:0;}
#fullpage .section03 .area1 li:last-child {margin-right:0;}

#fullpage .section03 .area1 {width:100%; height:550px;}
#fullpage .section03 .area1 li {float:left; position:relative; width:340px; height:480px; margin:10px 30px 100px 0; padding:55px 35px 0 35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#ffffff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; cursor:pointer;}
#fullpage .section03 .area1 li:last-child {margin-right:0;}
#fullpage .section03 .area1 li:hover {margin-top:0; background-color:#ffed00;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.58); 
	-webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.58); 
	-moz-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.58);}
#fullpage .section03 .area1 li .text label {display:block; position:absolute; padding:0 20px; text-align:center; font-family:'notokr-medium'; color:#000000; font-size:20px; line-height:170%; font-weight:normal; background-color:#ffed00; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px;}
#fullpage .section03 .area1 li:hover .text label {font-family:'notokr-bold'; color:#ffed00; background-color:#000000;}
#fullpage .section03 .area1 li .text h3 {overflow:hidden; margin-top:30px; font-family:'notokr-regular'; color:#222222; font-size:30px; line-height:140%; font-weight:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
#fullpage .section03 .area1 li:hover .text h3 {font-family:'notokr-bold'; color:#000000;}
#fullpage .section03 .area1 li .namecard {position:absolute; bottom:45px;}
#fullpage .section03 .area1 li .namecard .photo {float:left; width:80px; height:80px; margin-right:20px; background-repeat:no-repeat, no-repeat; background-position:center center, center center; background-size:cover, cover; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px;}
#fullpage .section03 .area1 li .namecard .name {float:left; padding-top:16px; font-family:'notokr-regular'; color:#222222; font-size:24px; line-height:100%;}
#fullpage .section03 .area1 li .namecard .name p {margin-top:5px; padding:0; color:#888888; font-size:16px;}
#fullpage .section03 .area1 li:hover .namecard .name {font-family:'notokr-bold'; color:#000000;}
#fullpage .section03 .area1 li:hover .namecard .name p {color:#000000;}
#fullpage .section03 .scroll_type1::-webkit-scrollbar {height:10px;}
#fullpage .section03 .scroll_type1::-webkit-scrollbar-thumb {background-color:#ffed00;} /* 스크롤바 막대 설정 */
#fullpage .section03 .scroll_type1::-webkit-scrollbar-track {background-color:#626161;} /* 스크롤바 뒷 배경 설정 */

#fullpage .section04 {max-width:1100px;}
#fullpage .section04 .area1 li {float:left; width:-webkit-calc(25% - 30px); width:-moz-calc(25% - 30px); width:calc(25% - 30px); margin:0 15px; height:500px; padding:40px 20px 0 30px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; cursor:pointer;
	box-shadow: inset 0 5000px 0 rgba(82, 82, 82, 0.2), 0 0 0 rgba(0, 0, 0, 0.0); 
	-webkit-box-shadow: inset 0 5000px 0 rgba(82, 82, 82, 0.2), 0 0 0 rgba(0, 0, 0, 0.0); 
	-moz-box-shadow: inset 0 5000px 0 rgba(82, 82, 82, 0.2), 0 0 0 rgba(0, 0, 0, 0.0);}
#fullpage .section04 .area1 li:hover {margin-top:-10px; 
	box-shadow: inset 0 5000px 0 rgba(255, 202, 44, 0.7), 12px 12px 30px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: inset 0 5000px 0 rgba(255, 202, 44, 0.7), 12px 12px 30px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: inset 0 5000px 0 rgba(255, 202, 44, 0.7), 12px 12px 30px rgba(0, 0, 0, 0.16);}
#fullpage .section04 .area1 li.pic1 {background-image:url('../images/main/pic2a.png');}
#fullpage .section04 .area1 li.pic2 {background-image:url('../images/main/pic2b.png');}
#fullpage .section04 .area1 li.pic3 {background-image:url('../images/main/pic2c.png');}
#fullpage .section04 .area1 li.pic4 {background-image:url('../images/main/pic2d.png');}
#fullpage .section04 .area1 li .img_area1 {width:100px; height:25px; background-image:url('../images/main/pic1.png'); background-repeat:no-repeat; background-position:center center; background-size:contain; background-position:left top;}
#fullpage .section04 .area1 li:hover .img_area1 {background-image:url('../images/main/pic1o.png');}
#fullpage .section04 .area1 li .text {}
#fullpage .section04 .area1 li .text h3 {margin-top:20px; font-family:'notokr-bold'; color:#ffffff; font-size:39px; line-height:100%; font-weight:normal;}
#fullpage .section04 .area1 li:hover .text h3 {color:#000000;}
#fullpage .section04 .area1 li .text p {margin-top:10px; padding:0; font-family:'notokr-regular'; color:#ffffff; font-size:19px; line-height:145%;}
#fullpage .section04 .area1 li:hover .text p {color:#000000;}

#fullpage .section05 {max-width:900px;}
#fullpage .section05 .area1 {padding:0 20px;}
#fullpage .section05 .area1 .youtube_area1 {position: relative; width:100%; padding-bottom: 56.25%;}
#fullpage .section05 .area1 .youtube_area1 iframe {position:absolute; width:100%; height:100%;}
#fullpage .section05 .area1 img {display:inline-block; width:100% !important; max-width:100%; height:auto !important;}
#fullpage .section05 .area2 {margin-top:15px;}
#fullpage .section05 .area2 li {float:left; width:-webkit-calc(25% - 40px); width:-moz-calc(25% - 40px); width:calc(25% - 40px); padding:20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; cursor:pointer;}
#fullpage .section05 .area2 li .thmb {overflow:hidden; width:100%; height:104px; background-repeat:no-repeat; background-position:center center; background-size:cover; background-position:center center; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#fullpage .section05 .area2 li:hover {background-color:#dedede;}
#fullpage .section05 .area2 li h3 {overflow:hidden; height:80px; margin-top:11px; font-family:'notokr-regular'; color:#000000; font-size:20px; line-height:135%; font-weight:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#fullpage .section05 .area2 li:hover h3 {font-family:'notokr-bold';}
#fullpage .section05 .area2 li .btn_area1 {float:right; margin:-2px 0 -3px;}
#fullpage .section05 .area2 li .btn_area1 span {display:inline-block; width:49px; height:49px; background-image:url('../images/main/btn_play1.png'); background-repeat:no-repeat; background-position:center center; background-size:auto 100%; background-color:#ffed00; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
	
#fullpage .section06 {max-width:100%;}
#fullpage .section06 .area1 {max-width:1100px; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); margin:0 auto;}
#fullpage .section06 .area2 {}

#fullpage .section07 {max-width:1100px;}
#fullpage .section07 .area1 {overflow:hidden; padding:30px 0;}
#fullpage .section07 .area1 .desk1 {float:left; width:30%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#fullpage .section07 .area1 .desk1 li {display:table; width:100%; padding:20px 0;}
#fullpage .section07 .area1 .desk1 li .btn_area1 {overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; height:130px; font-family:'notokr-regular'; color:#ffffff; font-size:20px; line-height:100%; border:solid 3px #ffed00; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; cursor:pointer;}
#fullpage .section07 .area1 .desk1 li .btn_area1:hover {color:#000000; background-color:#ffed00;}
#fullpage .section07 .area1 .desk1 li .btn_area1 .icon_area1 {display:inline-block; vertical-align:middle; width:42px; height:42px; margin-right:50px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#fullpage .section07 .area1 .desk1 li .btn_area1 .icon_area1.icon1 {background-image:url('../images/main/icon1a.png');}
#fullpage .section07 .area1 .desk1 li .btn_area1 .icon_area1.icon2 {background-image:url('../images/main/icon1b.png');}
#fullpage .section07 .area1 .desk1 li .btn_area1:hover .icon_area1.icon1 {background-image:url('../images/main/icon1ao.png');}
#fullpage .section07 .area1 .desk1 li .btn_area1:hover .icon_area1.icon2 {background-image:url('../images/main/icon1bo.png');}
#fullpage .section07 .area1 .desk2 {float:left; width:70%; padding:0 4%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#fullpage .section07 .area1 .desk2 li {float:left; width:33.3%; padding:20px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; cursor:pointer;}
#fullpage .section07 .area1 .desk2 li:hover {background-color:#333333;}
#fullpage .section07 .area1 .desk2 li .icon_area2 {display:block; width:100px; height:100px; margin:0 auto; background-repeat:no-repeat; background-position:center center; border:solid 3px #ffed00; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px;}
#fullpage .section07 .area1 .desk2 li .icon_area2.icon3 {background-image:url('../images/main/icon2a.png');}
#fullpage .section07 .area1 .desk2 li .icon_area2.icon4 {background-image:url('../images/main/icon2b.png');}
#fullpage .section07 .area1 .desk2 li .icon_area2.icon5 {background-image:url('../images/main/icon2c.png');}
#fullpage .section07 .area1 .desk2 li .icon_area2.icon6 {background-image:url('../images/main/icon2d.png');}
#fullpage .section07 .area1 .desk2 li .icon_area2.icon7 {background-image:url('../images/main/icon2e.png');}
#fullpage .section07 .area1 .desk2 li .icon_area2.icon8 {background-image:url('../images/main/icon2f.png');}
#fullpage .section07 .area1 .desk2 li p {text-align:center; width:100%; margin-top:10px; padding:0; font-family:'notokr-regular'; color:#ffffff; font-size:20px; line-height:100%;}


/* 유튜브 전체화면 */
.main_video_wrap {position:absolute; top:0; overflow:hidden; width:100%; height:100%; background:#000000;}
.main_video_area1,
.main_video_wrap iframe {position:absolute; width:100%; height:100%; pointer-events:none;}

@media (min-aspect-ratio: 16/9) {
  .main_video_area1 { height: 300%; top: -100%; }
}

@media (max-aspect-ratio: 16/9) {
  .main_video_area1 { width: 300%; left: -100%; }
}



@media all and (max-width: 1100px) {
	
	#fullpage .section02 .touchslider-demo .touchslider-area .touchslider-box img {height:39.2vw;}
	#fullpage .section02 .touchslider-demo .touchslider-viewport {height:39.2vw !important;}
	
}

@media all and (max-width: 834px) {
	
	/* 더보기 */
	#fullpage .more1 {width:70px; height:42px; background-size:auto 16px;}
	
	/* 바 타이틀 */
	#fullpage .bar1 {margin-bottom:25px;}
	#fullpage .bar2 {margin-bottom:10px;}
	#fullpage .bar3 {margin-bottom:19px;}
	#fullpage h2.main_bar1 {font-size:30px;}
	#fullpage h2.main_bar2 {padding-top:3px; font-size:30px;}
	 
	/*********/
	
	#fullpage .inner_main3 {width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); padding:30px 0 30px 30px; margin:0 auto;}
	
	#fullpage .section01 {background-repeat:no-repeat; background-position:center center; background-size:cover;}
	#fullpage .section01 dt {margin-bottom:20px; font-size:40px;}
	#fullpage .section01 dd {font-size:16px;}
	#fullpage .section01 ul {padding-top:20px;}
	#fullpage .section01 ul li {float:inherit; display:inline-block; margin-right:13px;}
	#fullpage .section01 ul li a {font-size:17px; width:164px;}
	
	#fullpage .section02 .area2 {margin-top:55px;}
	#fullpage .section02 .area2 .desk1 {width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); padding:0 15px 0 0;}
	#fullpage .section02 .area2 .desk2 {width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); padding:0 0 0 15px;}
	#fullpage .section02 .area2 .list1 li:hover {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	#fullpage .section02 .area2 .list1 li .cont .label {width:64px;}
	#fullpage .section02 .area2 .list1 li .cont .date {margin-left:15px;}
	#fullpage .section02 .area2 .list1 li .cont h3 {padding:9px 30px 0 0; font-size:17px;}
	#fullpage .section02 .area2 .list1 li,
	#fullpage .section02 .area2 .list1 li .cont,
	#fullpage .section02 .area2 .list2 li,
	#fullpage .section02 .area2 .list2 li .cont,
	#fullpage .section02 .area2 .list2 li .cont .text {height:83px;}
	#fullpage .section02 .area2 .list2 li .cont .text h3 {padding:4px 0 0; font-size:16px;}
	#fullpage .section02 .area2 .list2 li .cont .text .time {width:58px; font-size:12px; line-height:160%;}
	#fullpage .section02 .area2 .list2 li .cont .date {width:66px; height:66px; margin:8px 12px 0 0; font-size:12px; border:solid 2px #f7cd2c;}
	#fullpage .section02 .area2 .list2 li .cont .date span {margin:10px 0 3px; font-size:30px;}
	
	#fullpage .section03 .bar3 .btn_area1 {padding-right:30px;}
	#fullpage .section03 .bar3 .btn_area1 label {width:auto; width:70px; height:35px; padding:10px 0 0; margin-right:8px; font-size:15px;}
	#fullpage .section03 .area1 {height:351px;}
	#fullpage .section03 .area1 li {width:228px; height:310px; margin-right:20px; padding:30px 20px 0 20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	#fullpage .section03 .area1 li:last-child {margin-right:30px;}
	#fullpage .section03 .area1 li:hover {
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.58); 
		-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.58); 
		-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.58);}
	#fullpage .section03 .area1 li .text label {padding:0 15px; font-size:15px;}
	#fullpage .section03 .area1 li .text h3 {margin-top:16px; font-size:20px; -webkit-line-clamp:5;}
	#fullpage .section03 .area1 li .namecard { bottom:20px;}
	#fullpage .section03 .area1 li .namecard .photo {width:60px; height:60px; margin-right:12px;}
	#fullpage .section03 .area1 li .namecard .name {padding-top:13px; font-size:16px;}
	#fullpage .section03 .area1 li .namecard .name p {margin-top:5px; font-size:12px;}
	#fullpage .section03 .scroll_type1::-webkit-scrollbar {height:6px;}
	
	#fullpage .section04 .area1 li {width:-webkit-calc(25% - 24px); width:-moz-calc(25% - 24px); width:calc(25% - 24px); margin:0 12px; height:354px; padding:20px 20px 0 20px;}
	#fullpage .section04 .area1 li .img_area1 {height:19px;}
	#fullpage .section04 .area1 li .text h3 {margin-top:15px; font-size:20px;}
	#fullpage .section04 .area1 li .text p {margin-top:5px; font-size:15px;}
	
	#fullpage .section05 .area1 {padding:0;}
	#fullpage .section05 .area2 {margin:15px -5px 0;}
/*	#fullpage .section05 .area2 {margin-top:10px; display:none;} */
	#fullpage .section05 .area2 li {width:-webkit-calc(25% - 10px); width:-moz-calc(25% - 10px); width:calc(25% - 10px); padding:5px;}
	#fullpage .section05 .area2 li .thmb {height:13vw;}
	#fullpage .section05 .area2 li h3 {height:68px; margin-top:11px; font-size:15px; -webkit-line-clamp:3; display:none;}
	#fullpage .section05 .area2 li .btn_area1 span {width:30px; height:30px; display:none;}
	
	#fullpage .section06 .area1 {width:100%; padding:0px;}
/*	#fullpage .section06 .area2 .sp-bottom-thumbnails, .sp-top-thumbnails {display:none;} /* 썸네일 */
	#fullpage .section06 .area2 {}
	
	#fullpage .section07 .area1 {overflow:hidden; padding:4px 0;}
	#fullpage .section07 .area1 .desk1 {width:30%;}
	#fullpage .section07 .area1 .desk1 li {padding:23px 0; width:95%; text-align:center;}
	#fullpage .section07 .area1 .desk1 li .btn_area1 {height:58px; font-size:14px; border:solid 1px #ffed00; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
	#fullpage .section07 .area1 .desk1 li .btn_area1 .icon_area1 {width:20px; height:20px; margin-right:15px;}
	#fullpage .section07 .area1 .desk2 {width:70%; padding:0;}
	#fullpage .section07 .area1 .desk2 li {padding:16px 0;}
	#fullpage .section07 .area1 .desk2 li .icon_area2 {width:50px; height:50px; border:solid 1px #ffed00; background-size:22px 22px;}
	#fullpage .section07 .area1 .desk2 li p {margin-top:8px; font-size:14px;}


	.main_video_wrap {display:none;}
	
}

@media all and (max-width: 640px) {
	
	#fullpage .section04 .area1 li {width:100%; margin:0 0 30px; height:150px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	#fullpage .section04 .area1 li:last-child {margin-bottom:0;}
	#fullpage .section04 .area1 li:hover {margin-top:0;}
	#fullpage .section04 .area1 li .text p {margin-top:7px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	
}

@media all and (max-width: 480px) {
	
	/* 바 타이틀 */
	#fullpage .bar1 {margin-bottom:20px;}
	 
	/*********/
	
	#fullpage .inner_main3 {width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); padding:30px 0 30px 20px; margin:0 auto;}
	
	#fullpage .inner_main1 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding:30px 20px;}
	#fullpage .inner_main2 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); padding:30px 20px;}
	
	#fullpage .section01 .area1 {width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px);}
	#fullpage .section01 dt span {display:block; margin-top:10px;}
	#fullpage .section01 ul li {float:none; display:block; margin-right:0; margin-bottom:16px;}
	#fullpage .section01 ul li:last-child {margin-bottom:0;}
	
	#fullpage .section02 .touchslider-demo {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	#fullpage .section02 .touchslider-demo .touchslider-btn {width:30px; height:30px;}
	#fullpage .section02 .touchslider-demo .touchslider-btn.prev {left:10px;}
	#fullpage .section02 .touchslider-demo .touchslider-btn.next {right:10px;}
	#fullpage .section02 .touchslider-demo .touchslider-nav-item {width:10px; height:10px;}
	#fullpage .section02 .touchslider-nav {bottom:4px;}
	#fullpage .section02 .area2 {margin-top:47px;}
	#fullpage .section02 .area2 .desk1 {float:none; width:100%; padding:0;}
	#fullpage .section02 .area2 .desk2 {float:none; width:100%; padding:0; margin-top:50px;}

	#fullpage .section03 .area1 li:last-child {margin-right:20px;}
	#fullpage .section03 .bar3 .btn_area1 {float:none; display:block; clear:both; padding-top:22px; padding-right:20px;}
	#fullpage .section03 .bar3 .btn_area1 label {margin-bottom:5px;}

	#fullpage .section05 .area2 li h3 {height:68px; -webkit-line-clamp:3;}
	
	#fullpage .section07 .area1 {overflow:hidden; padding:4px 0;}
	#fullpage .section07 .area1 .desk1 {width:100%; padding-left:0;}
	#fullpage .section07 .area1 .desk1 li {float:left; width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); margin-right:20px; padding:0 0 14px;}
	#fullpage .section07 .area1 .desk1 li:last-child {margin-right:0;}
	#fullpage .section07 .area1 .desk2 {width:100%; margin-bottom:-20px;}
	#fullpage .section07 .area1 .desk2 li {padding:16px 0;}
	#fullpage .section07 .area1 .desk2 li .icon_area2 {width:50px; height:50px; border:solid 1px #ffed00; background-size:22px 22px;}
	#fullpage .section07 .area1 .desk2 li p {margin-top:8px; font-size:14px;}
	
}