@charset "utf-8";


/* CSS Document */
html, body {min-width:1400px; height: auto; font-family:'noto sans KR'; background: #fff !important; font-size: 15px;line-height: 1.45; color:#666; letter-spacing:-0.035em; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -webkit-print-color-adjust:exact;}
img {vertical-align:middle;}
*{box-sizing:border-box;}

/**************************************/
/* layout
/**************************************/

/* wrap */
#wrapper {position: relative; width: 100%; min-width: 1400px;}

/* header */
#header_socialActivity {position:relative; width: 100%; border-bottom: 1px solid #ececec; background:#538fef;z-index: 10;}
#header_socialActivity > .inner {position:relative; width: 1200px; height:79px; padding:27px 0 0; margin: 0 auto; *zoom:1;border-bottom:1px solid #3f7ddf;}
#header_socialActivity > .inner:after {content:"";display:block;clear:both;}
#header_socialActivity h1 {position:absolute;}
#header_socialActivity h1.logo {top:0;left:-47px; z-index: 10;}
#header_socialActivity h1.logo a {display:inline-block;}
#header_socialActivity h1.visang {display:none;top:20px;}
#header_socialActivity .loginbox {float:right; margin-right:90px;color: #333; text-align: right;}
#header_socialActivity .loginbox ul {*zoom:1}
#header_socialActivity .loginbox ul:after {content:"";display:block;clear:both;}
#header_socialActivity .loginbox ul li {float:left;}
#header_socialActivity .loginbox input[type="text"],
#header_socialActivity .loginbox input[type="password"] {width:80px;height:20px;padding:2px 10px;border:1px #dedede solid;color:#9e9e9e;font-size:12px;*vertical-align: top}
#header_socialActivity .loginbox input[type="password"],
#header_socialActivity .loginbox input[type="text"].pw {border-left:none;}
#header_socialActivity .loginbox #loginBtn {display:inline-block;width: 80px;height:27px;margin-left:5px;background-color:#538fef;color: #fff; line-height:26px; font-weight:bold; text-align:center; font-size: 13px;cursor: pointer; vertical-align: top; text-decoration:none}
#header_socialActivity .loginbox .user span {vertical-align: middle;}
#header_socialActivity .loginbox .user #loginBtn {background-color: #494e54;}
#header_socialActivity .btn_vivasam {position:absolute;display:none;right:0;}
#header_socialActivity .btn_vivasam.sub{display:inline-block;top:27px;}
.main #header_socialActivity {border-bottom: 1px solid #f1f1f1;background-color:#fff;height:60px;}
.main #header_socialActivity > .inner{height:64px;border-bottom:0;padding-top:16px;}
.main #header_socialActivity h1.logo {display:none;}
.main #header_socialActivity h1.visang {display:block;top:21px;}
.main #header_socialActivity .btn_vivasam{display:inline-block;top:16px;}
.main #header_socialActivity .btn_vivasam.sub{display:none;}

/* footer */
#footer_historytheme {height: 120px; background: #fff; border-top: 1px solid #dcdcdc; z-index: 10;}
#footer_historytheme .inner {position: relative; width: 1130px; padding: 25px 0 35px 120px; margin: 0 auto;}
#footer_historytheme .logo {position: absolute; left: 15px; top: 30px; width: 68px; height: 23px; background: url('/images/logo/logo_visang_g.png') no-repeat 0 0;}
#footer_historytheme .link {margin-bottom: 15px; *zoom:1;}
#footer_historytheme .link:after {content: ""; display: block; clear: both;}
#footer_historytheme .link li {float: left; padding-left: 22px; margin-left: 22px; border-left:1px #d1d1d1 solid; line-height: 1em;}
#footer_historytheme .link li:first-child {padding-left: 0; margin-left:0; border-left:none}
#footer_historytheme .link li a {font-weight: 700;	 font-size: 13px; color: #666;}
#footer_historytheme .link li a:hover {text-decoration: none;}
#footer_historytheme .info {font-size: 12px; color: #777;}
#footer_historytheme .info a {color: #777;}
#footer_historytheme .info span {padding-left: 15px;}
#footer_historytheme .info span:first-child {padding-left: 0;}
#footer_historytheme .noti {position: absolute; top: 25px; right: 30px; text-align: right; color: #5d5d5d;}

/* container */
#container {position: relative; width: 1200px; margin: 0 auto; padding: 35px 0 100px; *zoom:1;}
#container:after {content:""; display:block; clear:both;}
.main #container {width: 100%;padding:0;}

/* content*/
#content {float: left; width: 910px; padding-left:40px;}
#btnTop {opacity: 0; position: fixed; bottom: 140px; right: 50%; margin-right:-660px;}
#btnTop button {width: 47px; height: 47px; background: url('/images/historytheme/btn_top.png') no-repeat 0 0;}

/* common */
.innerWrap{width:1315px;margin:0 auto;position:relative;padding:0 57px;}
.tab_conts{display:none;}
.tab_conts.on{display:block;}
a:hover{text-decoration:none;}

/* main */
.main_cont{}
.main_cont .mainBg{width:100%;height:430px;position:relative;overflow:hidden;}
.main_cont .mainBg .randomBtn{display:inline-block;width:50px;height:50px;position:absolute;background:url(/images/socialActivity/random.png) no-repeat 50% 0;top:50%;right:50%;margin-top:150px;margin-right:-600px;z-index:1;}
.main_cont .mainBg .innerWrap{padding:0;height:100%;position:relative;}
.main_cont .mainBg .mainTit{display:inline-block;width:500px;height:300px;background:url("/images/socialActivity/main_tit.png") no-repeat 50% 0;position:absolute;top:0;left:0;z-index:1;}
.main_cont .mainBg p{color:#fff;font-size:18px;line-height:26px;position:absolute;top:0;left:0;margin-top:242px;margin-left:57px;z-index:1;}
.main_cont .mainBg .classGuideBtn{margin-left:57px;margin-top:326px;background-color:#4b4741;color:#c2c2c2;width:154px;height:40px;line-height:40px;font-size:15px;border-radius:20px;z-index:1;position:relative;}
.main_cont .mainBg [class^="bg"]{background:url(/images/socialActivity/main1.jpg) center center no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}
.main_cont .mainBg .bg2{background-image:url("/images/socialActivity/main2.jpg");}
.main_cont .mainBg .bg3{background-image:url("/images/socialActivity/main3.jpg");}
.main_cont .mainBg .bg4{background-image:url("/images/socialActivity/main4.jpg");}
.main_cont .mainBg .bg5{background-image:url("/images/socialActivity/main5.jpg");}
.main_cont .mainBg .bg6{background-image:url("/images/socialActivity/main6.jpg");}
.main_cont .mainBg .bg7{background-image:url("/images/socialActivity/main7.jpg");}
.main_cont .mainBg .bg8{background-image:url("/images/socialActivity/main8.jpg");}
.main_cont .mainBg [class^="bg"]{opacity:0;transition:1s ease-in-out;}
.main_cont .mainBg [class^="bg"].on{opacity:1;}
.main_cont .contWrap{padding-top:28px;padding-bottom:102px;}
.main_cont .contWrap .innerWrap{width:1200px;padding:0;}
.main_cont .contWrap .rdoWrap{display:flex;justify-content:flex-end;}
.main_cont .contWrap .rdoWrap span{display:inline-block;}
.main_cont .contWrap .rdoWrap input[type="radio"]{overflow:hidden;position:absolute;top:0;left:-1px;width:1px;height:1px;margin:0;}
.main_cont .contWrap .rdoWrap input[type="radio"]+label{display:inline-block;position:relative;width:100px;height:36px;line-height:36px;border:1px solid #ddd;color:#666666;padding-left:27px;cursor:pointer;}
.main_cont .contWrap .rdoWrap .rdo1 input[type="radio"]:checked + label{border-right:0;}
.main_cont .contWrap .rdoWrap input[type="radio"]:checked + label{background:#1e3c94;color:#fff;font-size:14px;border-color:#1e3c94;}
.main_cont .contWrap .rdoWrap input[type="radio"]:checked + label:after{content:"";display:inline-block;width:0;height:0;border-right:4px solid transparent;border-left:4px solid transparent;border-top:5px solid #fff;position:absolute;top:50%;right:20px;}
.main_cont .contWrap .filterContWrap{}
.main_cont .contWrap [class^="tab_menu"]{display:flex;align-items:center;width:100%;border-bottom:1px solid #ddd;gap:0 10px;}
.main_cont .contWrap [class^="tab_menu"] li a{display:inline-block;position:relative;font-size:24px;color:#121212;height:48px;padding:0 40px 8px;}
.main_cont .contWrap [class^="tab_menu"] li a:hover{text-decoration:none;}
.main_cont .contWrap [class^="tab_menu"] li.on a{font-weight:bold;color:#1e3c94;border-bottom:4px solid #1e3c94;padding:0 25px 8px 63px;}
.main_cont .contWrap [class^="tab_menu"] li a:before{content:none;}
.main_cont .contWrap [class^="tab_menu"] li.on a:before{content:"";display:inline-block;background:url(/images/socialActivity/geography.png) no-repeat center center;width:38px;height:36px;position:absolute;top:0;left:16px;}
.main_cont .contWrap [class^="tab_menu"] li.on:nth-child(2) a:before{background-image:url(/images/socialActivity/social_activity.png);}
.main_cont .contWrap .tab_menu li.on a.book_icon:before,.main_cont .contWrap .tab_menu2 li.on:nth-child(2) a.book_icon:before{background-image:url(/images/socialActivity/book.png);}
.main_cont .contWrap [class^="tab_conts"] .subContTit{background-color:#faf5e5;height:44px;padding-left:15px;margin-top:40px;margin-bottom:30px;line-height:44px;}
.main_cont .contWrap [class^="tab_conts"] .subContTit p{font-size:18px;color:#121212;font-weight:bold;position:relative;padding-left:30px;}
.main_cont .contWrap [class^="tab_conts"] .subContTit p:before{content:'';display:inline-block;background:url("/images/socialActivity/check.png") no-repeat 50% 0;width:22px;height:22px;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.main_cont .contWrap [class^="tab_conts"] .contBox + .contBox{margin-top:70px;}
.main_cont .contWrap [class^="tab_conts"] .item{display:flex;gap:30px;flex-wrap:wrap;}
.main_cont .contWrap [class^="tab_conts"] .item li {width:380px;}
.main_cont .contWrap [class^="tab_conts"] .item li a{display:block;width:100%;height:100%;border-radius:20px;overflow:hidden;outline:1px solid #d9d9d9;}
.main_cont .contWrap [class^="tab_conts"] .item li a figure .imgWrap{position:relative;width:100%;height:210px;}
.main_cont .contWrap [class^="tab_conts"] .item li a figure .imgWrap .play{display:inline-block;width:45px;height:55px;background:url("/images/socialActivity/play.png") no-repeat 50% 0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:5;}
.main_cont .contWrap [class^="tab_conts"] .item li a figure .imgWrap .dim{display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.3);z-index:1;}
.main_cont .contWrap [class^="tab_conts"] .item li a figure img{display:block;height:100%;}
.main_cont .contWrap [class^="tab_conts"] .item li a figure figcaption{padding:18px 27px 28px 21px;font-size:24px;color:#121212;letter-spacing:-0.024em;}
.main_cont .contWrap [class^="tab_conts"] .item li a figure figcaption .subTit{display:flex;padding-bottom:11px;align-items:center;height:40px;}
.main_cont .contWrap [class^="tab_conts"] .item li a figure figcaption .subTit p{font-size:16px;color:#333;line-height:20px;}
.main_cont .contWrap [class^="tab_conts"] .item li a figure figcaption .subTit .subject{display:inline-block;font-size:16px;font-weight:500;color:#538fef;border:1px solid #538fef;border-radius:13px;padding:0 7px;text-align:center;height:28px;line-height:1.6;margin-right:15px;min-width:65px;}
.main_cont .contWrap [class^="tab_conts"] .item li a figure figcaption .title{font-weight:500;line-height:29px;height:85px;letter-spacing:-0.025em;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; word-break: keep-all;}
.main_cont .contWrap [class^="tab_conts"] .item li a:hover{border:5px solid #538fef;text-decoration:none;box-shadow:0 0 20px 5px rgba(0,0,0,0.16);}
.main_cont .contWrap [class^="tab_conts"] .item li a:hover figure .imgWrap .play{background-image:url("/images/socialActivity/play_on.png");}
.main_cont .contWrap [class^="tab_conts"] .item li a:hover figure figcaption .subTit .subject{background-color:#538fef;color:#fff;}
.main_cont .contWrap [class^="tab_conts"] .item li a:hover .imgWrap img{margin:-5px 0 0 -5px;}
.main_cont .contWrap [class^="tab_conts"] .item li a:hover figure figcaption{padding:18px 21px 23px 16px;}

/* LNB */
#lnb_socialActivity {float: left; width: 290px;}
#lnb_socialActivity a {letter-spacing: -1px; font-size: 18px;}
#lnb_socialActivity ul[class^="menu"] {border:1px solid #d9d9d9;padding:30px 14px 40px;position:relative;}
#lnb_socialActivity ul[class^="menu"] + .menu2{border-top:0;}
#lnb_socialActivity ul[class^="menu"] > li {width:100%;}
#lnb_socialActivity ul[class^="menu"] > li .txt{font-size:24px;font-weight:bold;color:#121212;line-height:1;display:inline-block;margin-bottom:16px;padding-left:14px;}
#lnb_socialActivity ul[class^="menu"] > li > a {display: inline-block;width: 333px; height: 73px; padding-left: 165px; line-height: 71px; text-decoration: none; box-sizing: border-box; -webkit-box-sizing: border-box;}
#lnb_socialActivity ul[class^="menu"] > li > a > span.txt {display: inline-block;color: #333; font-size: 14px; font-weight: 700; line-height: 1.4em; vertical-align: middle; cursor:pointer;}
#lnb_socialActivity ul[class^="menu"] > li > a:hover > span.txt,
#lnb_socialActivity ul[class^="menu"] > li.on > a > span.txt {color: #fff;}
#lnb_socialActivity ul[class^="menu"] > li.m1 > a { background: url('/images/historytheme/gnb_sub_1.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li.m2 > a {background: url('/images/historytheme/gnb_sub_2.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li.m3 > a {background: url('/images/historytheme/gnb_sub_3.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li.m4 > a {background: url('/images/historytheme/gnb_sub_4.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li.m5 > a {background: url('/images/historytheme/gnb_sub_5.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li.m6 > a {background: url('/images/historytheme/gnb_sub_6.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li.m1 > a:hover,
#lnb_socialActivity ul[class^="menu"] > li.m1.on > a {background: url('/images/historytheme/gnb_sub_1_on.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li.m2 > a:hover,
#lnb_socialActivity ul[class^="menu"] > li.m2.on > a {background: url('/images/historytheme/gnb_sub_2_on.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li.m3 > a:hover,
#lnb_socialActivity ul[class^="menu"] > li.m3.on > a {background: url('/images/historytheme/gnb_sub_3_on.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li.m4 > a:hover,
#lnb_socialActivity ul[class^="menu"] > li.m4.on > a {background: url('/images/historytheme/gnb_sub_4_on.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li.m5 > a:hover,
#lnb_socialActivity ul[class^="menu"] > li.m5.on > a {background: url('/images/historytheme/gnb_sub_5_on.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li.m6 > a:hover,
#lnb_socialActivity ul[class^="menu"] > li.m6.on > a {background: url('/images/historytheme/gnb_sub_6_on.png') 0 0 no-repeat;}
#lnb_socialActivity ul[class^="menu"] > li > .depth > li{position:relative;height:40px;}
#lnb_socialActivity ul[class^="menu"] > li > .depth > li:first-child {margin-top:0}
#lnb_socialActivity ul[class^="menu"] > li > .depth > li > a {color:#121212; font-size:16px;display:block;width:100%;height:100%;line-height:40px;position:relative;}
/*#lnb_socialActivity ul[class^="menu"] > li > .depth > li > a:hover,*/
/*#lnb_socialActivity ul[class^="menu"] > li > .depth > li > a:focus,*/
/*#lnb_socialActivity ul[class^="menu"] > li > .depth > li.on > a {color: #111; text-decoration: underline; font-weight: 700}*/
#lnb_socialActivity ul[class^="menu"] > li > .depth > li.on > a{color:#1e3c94;font-weight:bold;background-color:#dfe8f7;}
#lnb_socialActivity .titBtnWrap .btn_area p {position:absolute;top:62px;left:-7px;width:160px;height:64px;padding:15px 18px 16px 17px; text-align: left; color: #fff;font-size:14px;font-weight:300;background-color:#697088;border-radius:10px;line-height:18px;z-index:1;display:none;}
#lnb_socialActivity .titBtnWrap .btn_area p:before{content:"";display:inline-block;position:absolute;background:url(/images/socialActivity/triangle.png) no-repeat 50% 0;width:21px;height:19px;top:-9px;left:28px;z-index:1;}
#lnb_socialActivity .titBtnWrap .btn_area p .btn_close {position: absolute;top:8px;right:8px;display:block;width:12px;height:12px;background: url('/images/socialActivity/close_w.png') no-repeat 0 0; cursor:pointer; text-indent:-1000px;font-size:0;line-height:0;z-index:1;}
#lnb_socialActivity .tabWrap li.on .titBtnWrap .btn_area p{display:block;}
.tabWrap{display:flex;border:1px solid #c9c9c9;}
.tabWrap li{flex:1;height:50px;position:relative;}
.tabWrap li:first-child{border-right:1px solid #c9c9c9;}
.tabWrap li a{display:block;text-align:center;font-size:18px;color:#121212;width:100%;height:100%;line-height:50px;}
.tabWrap li.on a{background-color:#1e3c94;color:#fff;font-weight:bold;}
#lnb_socialActivity .filterTab{display:none;}
#lnb_socialActivity .filterTab.on{display:block;}

/* content */
#content .title {position: relative;margin-bottom:20px;display:flex;justify-content:space-between;}
#content .title.subCont {margin:48px 0 29px 0;align-items:center;}
#content .title h2 {font-weight: 700;letter-spacing: -1px; font-size: 34px; color: #333; padding: 0 5px 0 0; word-break: keep-all;}
#content .titBtnWrap{display:flex;justify-content:flex-end;height:40px;gap:0 8px;}
#content .title:not(.subCont) .titBtnWrap{height:45px;padding:5px 0 0;}
#content .titBtnWrap .btn_area{position:relative;}
#content .titBtnWrap .btn_area a,#content .btn_down{display: inline-block;height:40px;position:relative;border:1px solid #00a3cc;border-radius:20px;font-size:16px;background-color:#00b5e2;text-align:center;line-height:39px;color:#fff;white-space:nowrap;box-shadow:0 4px 0 #e5e5e5;padding-right:39px;padding-left:20px;}
#content .titBtnWrap .btn_area a:after,#content .btn_down:before{content:"";position:absolute;background:url(/images/socialActivity/down.png) no-repeat 50% 0;display:inline-block;width:17px;height:17px;top:50%;right:15px;transform:translate(0,-50%);}
#content .titBtnWrap .btn_area.book a{padding-right:45px;}
#content .titBtnWrap .btn_area.book a:after{background-image:url("/images/socialActivity/book2.png");width:20px;height:17px;margin-top:2px;}
#content .titBtnWrap .btn_area p {position:absolute;top:51px;right:0;width:160px;height:64px;padding:15px 18px 16px 17px; text-align: left; color: #fff;font-size:14px;font-weight:300;background-color:#697088;border-radius:10px;line-height:18px;z-index:10;}
#content .titBtnWrap .btn_area p:before{content:"";display:inline-block;position:absolute;background:url(/images/socialActivity/triangle.png) no-repeat 50% 0;width:21px;height:19px;top:-9px;right:35px;}
#content .titBtnWrap .btn_area p .btn_close {position: absolute;top:8px;right:8px;display:block;width:12px;height:12px;background: url('/images/socialActivity/close_w.png') no-repeat 0 0; cursor:pointer; text-indent:-1000px;font-size:0;line-height:0}
#content .titBtnWrap .btn_area.type2 a{background-color:#f9f9f9;border-color:#c9c9c9;color:#666666;padding-left:43px;padding-right:20px;}
#content .titBtnWrap .btn_area.type2 a:after{background-image:url("/images/socialActivity/share.png");width:20px;height:18px;right:auto;left:17px;}
#content .titBtnWrap .btn_area.type2 p{right:auto;left:0;}
#content .titBtnWrap .btn_area.type2 p:before{right:auto;left:17px;}
#content h3.tit {background: url('/images/historytheme/bul_tit.png') no-repeat 0 7px;padding-left: 13px;color: #000; font-size: 24px; font-weight: 700;}
#content h3.tit.type2 {background: url('/images/historytheme/bul_stit.png') no-repeat 0 13px;}
#content h4.tit_icon {background-repeat: no-repeat; background-position: 0 3px;padding-left: 30px;margin: 15px 0;color: #000; font-size: 16px;font-weight: 700;}
#content h4.tit_icon.img {background-image: url('/images/historytheme/bul_img.png');}
#content h4.tit_icon.link {background-image: url('/images/historytheme/bul_link.png');}
#content h4.tit_icon.paper {background-image: url('/images/historytheme/bil_paper.png');}
#content h4.tit_icon.earth {background-image: url('/images/historytheme/icon_earth.png');}
#content .learningTarget{background-color:#faf5e5;border:1px solid #e9e0c4;padding:10px 25px 10px 25px;}
#content .learningTarget p{font-size:15px;font-weight:300;display:inline-flex;color:#121212;transform:rotate(-0.03deg);}
#content .learningTarget p span{display:inline-flex;position:relative;font-size:16px;color:#bd406c;font-weight:500;align-items:center;padding-right:29px;}
#content .learningTarget p span:after{content:"";display:inline-flex;border-right:1px solid #e9e0c4;height:15px;position:absolute;top:50%;left:0;transform:translate(75px, -50%);}
/* 영상 */
.area-media {background-color: #000; width: 100%; border: none; }
.area-media .Player {width: 100%;height:490px;}
.area-media .Player img {max-width:100%;max-height:100%;}
.area-media .Player .icon_play {position: absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);}
.area-media .Player .icon_play > img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.area-media .videoInfo{background-color:#555;border:1px solid #454545;padding:18px 25px;}
.area-media .videoInfo p{color:#fff;overflow:hidden;}
.area-media .videoInfo p.videoTit{font-size:20px;padding-bottom:5px;height:34px;}
.area-media .videoInfo p.videoCont{font-size:16px;color:#b2b2b2;line-height:1.3;font-weight:300;transform:rotate(-0.03deg);height:62px;text-align:justify;word-break:keep-all;word-wrap:break-word;}
.area-media-list {margin-top: 15px;*zoom:1}
.area-media-list:after {content: ""; display: block; clear: both;}
.area-media-list ul{display:flex;gap:0 24px;}
.area-media-list li {position: relative;width: 274px;text-align: center;}
.area-media-list li:first-child {margin:0;}
.area-media-list li .icon_play {position: absolute;top:40px; left: 50%; margin-left:-40px; z-index: 2;}
.area-media-list li .icon_play.on{display: none;}
.area-media-list li.on .icon_play.on{display: block;}
.area-media-list li.on .icon_play{display:none;}
.area-media-list li a {display: inline-block; overflow:hidden;}
.area-media-list li a .thumb {display: block;width: 274px; height:154px;}
.area-media-list li a .thumb .dim{display:none;width:100%;height:100%;}
.area-media-list li a .thumb img {width: 274px; height: 154px;}
.area-media-list li a .thumb:hover,
.area-media-list li.on a .thumb {width:274px; height:154px; border:6px #538fef solid; overflow:hidden;position:relative;}
.area-media-list li.on a .thumb .dim{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);display:block;}
.area-media-list li a .thumb:hover img,
.area-media-list li.on a .thumb img {width:274px;height:154px;margin:-6px 0 0 -6px;}
.area-media-list li a strong {display: block; margin-top: 8px; text-align: center; color: #333; line-height: 1.4em;}
.area-media-list li.on a strong{color:#538fef;}
.area-media-list li .btn_down {display: inline-block;width: 101px; height: 31px;background: url('/images/historytheme/btn_down.png') no-repeat 0 0; padding-right: 12px; color: #fff; font-size: 14px; font-weight: 700; line-height: 31px;}
.thumb_list {}
.thumb_list {width:102%;*zoom:1}
.thumb_list:after {content: ""; display: block; clear: both;}
.thumb_list ul li {float: left;width: 300px; height: 260px;  margin-right: 10px; text-align: center;}
.thumb_list ul li a {display:block;}
.thumb_list ul li a .thumb {display:block;width: 298px; height: 200px; overflow:hidden;border: 1px #d9d9d8 solid;vertical-align:middle}
.thumb_list ul li a .thumb img {max-width:100%;max-height:100%;height:100%;vertical-align:middle}
.thumb_list ul li a span.tit {display: block;margin-top: 8px; color: #333; font-weight: 700;}

/*수업 지도안 */
#content .titBtnWrap.lessonPlanBtn .btn_area.type2 a{background:url('/images/socialActivity/ttukttak.png') center center no-repeat #f9f9f9;width:118px;height:40px;}
#content .titBtnWrap.lessonPlanBtn .btn_area.type2 a:after{content:none;}
#content .titBtnWrap.lessonPlanBtn .btn_area p {top:-71px;}
#content .titBtnWrap.lessonPlanBtn .btn_area p:before{top:52px;transform:rotate(180deg);}
#content .titBtnWrap.lessonPlanBtn .btn_area.book p {right:54px;}
ul.lessonPlan li.lessonData + li{margin-top:16px;}
ul.lessonPlan li.lessonData .tit{background-color:#538fef;height:60px;box-shadow:0 4px 0 #e5e5e5;position:relative;}
ul.lessonPlan li.lessonData .tit h4{color:#fff;font-weight:500;font-size:20px;text-align:center;line-height:60px;letter-spacing:-0.025em;}
ul.lessonPlan li.lessonData .tit h4 strong{color:#1e3c94;display:inline-block;padding-right:91px;letter-spacing:-0.025em;}
ul.lessonPlan li.lessonData .tit .btnWrap{position:absolute;top:14px;left:50%;margin-left:121px;}
ul.lessonPlan li.lessonData .tit .btnWrap .contBtn{font-size:14px;font-weight:300;color:#fff;background-color:#1e3c94;height:34px;border-radius:17px;padding:0 32px 0 14px;position:relative;}
ul.lessonPlan li.lessonData .tit .btnWrap .contBtn:after{content:"";display:inline-block;border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:1px solid transparent;position:absolute;top:15px;right:13px;transform:rotate(0deg);}
ul.lessonPlan li.lessonData .tit .btnWrap .contBtn.off:after{transform:rotate(180deg);top:14px;}
ul.lessonPlan li.lessonData .tit .btnWrap.off,ul.lessonPlan li.lessonData.on .tit .btnWrap{display:none;}
ul.lessonPlan li.lessonData.on .tit .btnWrap.off{display:block;}
ul.lessonPlan li.lessonData .cont{height:0;transition:height 0.5s linear;overflow:hidden;}
ul.lessonPlan li.lessonData.on .cont{height:750px;transition:height 0.5s linear;background-color:#f9f9f9;outline:1px solid #ececec;}

/* pdf 뷰어 */
/* 문서 뷰어 */
.view_wrap{display:flex;height:100%;width:100%;overflow:hidden;flex-direction:row;}
.side_bar{position:relative;padding-left:14px;width:209px;transition:width 0.5s linear}
.side_bar .side_btn{position:absolute;left:0;top:0;width:14px;height:100%;border-left:1px solid #222222;background:#393939;}
.side_bar .side_btn i{position:absolute;top:50%;margin-top:-5px;display:block;width:14px;height:11px;background-image:url('../../images/period/chasi_pop/side_btn_on.png');background-repeat:no-repeat;background-position: center top;overflow:hidden;}
.side_bar .side_btn:hover i{background-position:center bottom;}
.side_bar .side_btn.on i{background-image:url('../../images/period/chasi_pop/side_btn.png');}
.view_wrap.hide .side_bar{width:14px!important;}

.side_bar .side_cont{border-left:1px solid #222222;display:flex;display:-webkit-flex;flex-direction: column;height:100%;width:195px;}
.side_bar .side_cont .side_txt{padding:20px 25px;border-bottom:1px solid #303030;background:#474747;}
.side_bar .side_cont .side_txt h5{font-size:13px;color:#aeaeae;}
.side_bar .side_cont .side_txt h5 span{color:#fff;font-size:inherit;}
.side_bar .side_cont .side_txt p{margin-top:10px;color:#aeaeae;font-size:13px;word-break: keep-all;}
.side_bar .side_cont .page_view{flex:1;background:#505050;overflow:hidden;}
.side_bar .side_cont .page_view .view_scroll{height:100%;}
.side_bar .side_cont .page_view .view_scroll .mCSB_scrollTools{width:14px;}
.side_bar .side_cont .page_view .view_scroll .mCS-dark.mCSB_scrollTools:hover{background:#474747;border-left:1px solid #303030;border-right:1px solid #303030;}
.side_bar .side_cont .page_view .view_scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,0);border-radius:0;}
.side_bar .side_cont .page_view .view_scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;background:#8f8f8f;}
.side_bar .side_cont .page_view .view_scroll .mCS-dark.mCSB_scrollTools:hover .mCSB_draggerRail{width:14px;}
.side_bar .side_cont .page_view .view_scroll .mCS-dark.mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#8f8f8f;}
.side_bar .side_cont .page_view .view_scroll .mCSB_scrollTools:active .mCSB_draggerRail{width:14px;background:#474747;}
.side_bar .side_cont .page_view .view_scroll .mCSB_scrollTools:active .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#8f8f8f;}
.side_bar .side_cont ul{width:195px;height:100%;padding:25px 0 25px 25px;}
.side_bar .side_cont ul li{position:relative;margin-top:15px;width:130px;padding:3px 3px 3px 29px;}
.side_bar .side_cont ul li span{position:absolute;left:0;top:3px;line-height:1;color:#fff;}
.side_bar .side_cont ul li.on span{color:#ff8125}
.side_bar .side_cont ul li .img_wrap{position:relative;display:block;}
.side_bar .side_cont ul li .img_wrap:after{display:none;content:'';position:absolute;left:-3px;top:-3px;width:100%;height:100%;border:3px solid #ff8125;}
.side_bar .side_cont ul li .img_wrap img{width:100%;}
.side_bar .side_cont ul li.on .img_wrap:after{display:block;}
.side_bar .side_cont ul li .img_wrap:hover:after{display:block;}

.view_content{position:relative;width:calc(100% - 209px);height:100%;background:#2f323c;text-align: center;padding:56px 0 0;}
.view_wrap.hide .view_content{width:calc(100% - 16px);}
.view_head{position:absolute;left:0;top:0;right:0;width:100%;z-index:500;}
.view_header{position:relative;height:56px;padding-left:20px;background:#2b2e36;border-bottom:1px solid #191b21;}
.view_header h3{margin:12px 0;float:left;width:100%;font-size:16px;color:#ffd563;font-weight:500;line-height:28px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.view_header h3:hover{color:#ffd563;}
.view_header h3.ic_file span{top:4px;}
.view_header .page_btn_wrap{position:absolute;left:46%;top:14px;display:flex;display:-webkit-flex;}
.view_header .page_btn_wrap .page_btn{display:block;width:26px;height:26px;}
.view_header .page_btn_wrap .page_btn.prev{background-image:url('../../images/period/chasi_pop/view_arrow_left.png');background-repeat:no-repeat;background-position:center top;}
.view_header .page_btn_wrap .page_btn.prev:hover{background-position:center -52px;}
.view_header .page_btn_wrap .page_btn.prev.disabled{background-position:center -26px; cursor: default !important; }
.view_header .page_btn_wrap .page_btn.next{background-image:url('../../images/period/chasi_pop/view_arrow_right.png');background-repeat:no-repeat;background-position:center top;}
.view_header .page_btn_wrap .page_btn.next:hover{background-position:center -52px;}
.view_header .page_btn_wrap .page_btn.next.disabled{background-position:center -26px; cursor: default !important; }
.view_header .page_btn_wrap .view_paging{margin:0 20px;font-size:16px;color:#99a9b7;}
.view_header .page_btn_wrap .view_paging span{color:#ffd563;font-size:inherit;font-weight:500;}
.view_header .btn_wrap{float:right;margin:0;width:112px;height:55px;border-left:1px solid #222222;}
.view_header .btn_wrap a{float:left;display:block;margin:0;}
.view_header .btn_wrap .btn_plus{width:56px;height:55px;border-right:1px solid #e2ae23;background-color:#ffd563;background-image:url(../../images/period/chasi_pop/ic_bookmark4.png);background-repeat: no-repeat;background-position:19px 20px;}
.view_header .btn_wrap .btn_plus:hover{background-color:#ff8125;}
.view_header .btn_wrap .bnt_down{width:55px;height:55px;background-color:#ffd563;background-image:url(../../images/period/chasi_pop/ic_down_2.png);background-repeat: no-repeat;background-position:19px 20px;}
.view_header .btn_wrap .bnt_down:hover{background-color:#ff8125;}
.view_header .view_drop.ui-select-parent2{float:right;margin:12px 20px 0 0;width:120px;}
.view_header .view_drop.ui-select-parent2 select{width:100%;}
.view_header .view_drop.ui-select-parent2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{transform:rotate(180deg);}
.view_header .view_drop.ui-select-parent2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{color:#ffd563;}
.view_header .view_drop.ui-select-parent2 .select2-container--default .select2-results__option.select2-results__option--selectable.select2-results__option--selected{color:#ffd563;}
.view_header .view_btn_wrap{float:right;margin:12px 20px 0 0;}
.view_header .view_btn_wrap .view_btn{display:inline-block;float:left;}
.view_header .view_btn_wrap .view_btn input[type="radio"]{appearance: none;display:none;}
.view_header .view_btn_wrap .view_btn input[type="radio"] + label{display:inline-block;width:33px;height:33px;}
.view_header .view_btn_wrap .onepage input[type="radio"] + label{margin-right:2px;background:url('../../images/period/chasi_pop/view_page_one.png') no-repeat left top;}
.view_header .view_btn_wrap .onepage:hover input[type="radio"] + label,.view_header .view_btn_wrap .onepage input[type="radio"]:checked + label{background:url('../../images/period/chasi_pop/view_page_one.png') no-repeat left bottom;}
.view_header .view_btn_wrap .twopage input[type="radio"] + label{background:url('../../images/period/chasi_pop/view_page_two.png') no-repeat left top;}
.view_header .view_btn_wrap .twopage:hover input[type="radio"] + label,.view_header .view_btn_wrap .twopage input[type="radio"]:checked + label{background:url('../../images/period/chasi_pop/view_page_two.png') no-repeat left bottom;}

.wrapviewer{width:100%;height:100%;}
.wrapviewer .mCustomScrollBox .mCSB_container{width:100%;min-width:100%;min-height:100%;}
.wrapviewer .viewdoc{display:flex;/*min-width:1251px;min-height:854px;*/justify-content:center;align-items:center;padding:35px 0;}
.wrapviewer .mCS_img_loaded{margin:20px auto;display:block;width:495px;box-shadow:5px 5px 3px #191b21;}
.wrapviewer .viewdoc [class^="zoom"]{margin:20px auto;}
.wrapviewer .viewdoc .zoom05{width:300px;}
.wrapviewer .viewdoc .zoom075{width:475px;}
.wrapviewer .viewdoc .zoom1{width:600px;}
.wrapviewer .viewdoc .zoom15{width:900px;}
.wrapviewer .viewdoc .zoom2{width:1200px;}
.wrapviewer .viewdoc .zoom25{width:1500px;}
.wrapviewer .viewdoc .zoom4{width:2400px;}
/*
.wrapviewer .mCSB_container{max-width:100%;}
.wrapviewer .viewdoc .zoom05{width:37.5%}
.wrapviewer .viewdoc .zoom075{width:56.25%}
.wrapviewer .viewdoc .zoom1{width:75%}
.wrapviewer .viewdoc .zoom15{width:112.5%}
.wrapviewer .viewdoc .zoom2{width:150%}
.wrapviewer .viewdoc .zoom25{width:187.5%}
.wrapviewer .viewdoc .zoom4{width:300%}
*/
.wrapviewer .viewdoc.page2 {width:661px;margin:0 auto;}
.wrapviewer .viewdoc.page2 .pagewrap{margin:0 auto;text-align:left;}
.wrapviewer .viewdoc.page2 .pagewrap img{width:calc(100% / 2 - 10px);margin:20px 3px;}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#8b9299;}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_draggerRail{background-color:rgba(0,0,0,0);border-radius:0;}
/*.wrapviewer .mCS-dark.mCSB_scrollTools:hover{background:#282b32;}*/
/*.wrapviewer .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical:hover{border-left:1px solid #21242b;}*/
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:18px;}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:15px;}
.mCSB_scrollTools.mCSB_scrollTools_vertical{width:13px;}
.mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger_bar{width:3px;}
.mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical:hover .mCSB_dragger_bar{width:6px;}
.mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical:hover .mCSB_draggerRail{width:13px;}
.mCSB_scrollTools.mCSB_scrollTools_vertical:active .mCSB_draggerRail{width:13px;}
.mCSB_scrollTools.mCSB_scrollTools_vertical:active .mCSB_dragger .mCSB_dragger_bar{width:6px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:3px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal:hover .mCSB_dragger .mCSB_dragger_bar{height:6px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal:hover .mCSB_draggerRail{margin:1px 0;height:13px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal:active .mCSB_dragger .mCSB_dragger_bar{height:6px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal:active .mCSB_draggerRail{margin:1px 0;height:13px;}

/*이미지 뷰어 */
.view_wrap.imgviewer{display:block;height:100%;width:100%;overflow:auto;min-width:1200px;min-height:900px;}
.imgviewer .view_content{display:flex;display:-webkit-flex;width:100%;padding:0;background:#2f323c;flex-direction:column ;}
.imgviewer .view_content .view_head{position:relative;}
.imgviewer .view_content .view_header{margin-bottom:auto;padding:28px 280px 28px 30px;min-height:120px;height:auto;background:#2b2e36;border-bottom:1px solid #191b21;}
.imgviewer .view_content .view_header h3{float:none;margin:0;font-size:24px;color:#ffd563;}
.imgviewer .view_content .view_header p{margin-top:4px;position:relative;color:#c8c8c8;font-size:14px;text-align:left;}
.imgviewer .view_content .view_header h3 + p{margin-top:15px;}
.imgviewer .motion_right{position:absolute;right:30px;bottom:28px;}
.imgviewer .motion_right .btn_wrap{width:auto;height:40px;}
.imgviewer .motion_right .btn_plus{width:40px;height:40px;border-right:none;background-position:center center;border-radius:5px;}
.imgviewer .motion_right .bnt_down{margin-left:6px;width:40px;height:40px;border-radius:5px;background-position:center center;}
.imgviewer .motion_right .view_drop.ui-select-parent2{margin-top:7px;}
.imgviewer .wrapviewer{flex:1;align-self:center;}
.imgviewer .wrapviewer .viewdoc{padding:0;width:100%;height:100%;}
.imgviewer .wrapviewer .viewdoc .gallery-top{width:100%;height:100%;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap{position:relative;width:100%;height:100%;align-content: center}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img{margin:90px auto 0;height:530px;width:auto;box-shadow:none;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom4{/*transform:scale(4);*/height:2120px;margin:20px auto;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom25{/*transform:scale(2.5);*/height:1325px;margin:20px auto;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom2{/*transform:scale(2);*/height:1060px;margin:20px auto;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom15{/*transform:scale(1.5);*/height:795px;margin:20px auto;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom1{/*transform:scale(1);*/height:530px;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom075{/*transform:scale(0.75);*/height:397px;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom05{/*transform:scale(0.5);*/height:265px;}
.imgviewer .vi_img_thumb{margin-top:auto;padding:20px 0;width:100%;height:114px;background:#fff;text-align:center;}
.imgviewer .vi_img_thumb .thumb_tit{display:inline-block;padding-right:6px;vertical-align:top;position:relative;}
.imgviewer .vi_img_thumb .thumb_tit:after{content:'';position:absolute;right:0;top:50%;margin-top:-5px;width:9px;height:11px;background:url(../../images/period/chasi_pop/ic_tit_bg.png) no-repeat center center;}
.imgviewer .vi_img_thumb .thumb_tit div{display:block;width:94px;height:74px;background:#e9e9ea url(../../images/period/chasi_pop/ic_resource.png) no-repeat center center;border-radius:15px;}
.imgviewer .vi_img_thumb .gallery-thumbs{margin-left:14px;display:inline-block;max-width:calc(1200px - 115px);vertical-align:top;}
.imgviewer .vi_img_thumb .gallery-thumbs ul{justify-content: flex-start;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li{width:113px!important;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li.nodata{width:124px !important; padding:27px 0;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li a{position:relative;display:block;width:113px;height:74px;overflow:hidden;border-radius:15px;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li a .hovertit{position:absolute;left:0;top:0;padding:18px 20px;width:100%;height:100%;border-radius:15px;overflow:hidden;background:rgba(255,161,99,0.8);opacity:0;transition:all 0.3s ease;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li a .hovertit p{color:#fff;font-size:14px;font-weight:400;line-height:17px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 34px;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li a:hover .hovertit{opacity:1;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li a img{width:100%;height:100%;}
/* pdf 뷰어 파일 아이콘 */
.ic_file{position:relative;display:block;padding:0 0 0 25px;min-height:20px;font-size:15px;font-weight:400;color:#4a4f5f;line-height:20px;letter-spacing:-0.045em;}
.ic_file:hover{text-decoration:none;color:#ff7031;}
.ic_file span{overflow:hidden;position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;background-image:url(../../images/period/chasi_pop/ic_file.png);background-repeat:no-repeat;background-size:20px 160px;}
.ic_file.pdf span{background-position:0 0;}

/* 251 개편 비바샘 BI 변경 */
#header_socialActivity h1.logo{left:70px;}
#header_socialActivity .loginbox{margin-right:0;}
#header_socialActivity .btn_vivasam {left:0; right:unset;}