@charset "utf-8";

img {max-width:100%;}

.ready {
    display:block;
    text-align:center;
    font-size:22px;
    color:#999;
    margin:30px 0;
    font-weight:300;
}
.no-data {
    text-align:center;
    font-size:13px;
    color:#999;
    font-weight:300;    
}
* {letter-spacing:-0.03em;word-break:keep-all;}
.inner {width:1200px;margin:0 auto;}

#wrap {min-width:1200px;}

#header {height:103px;}
#header .inner {height:103px;position:relative;}
#logo {position:absolute;left:0;top:23px;}
#logo a {display:block;}
#tnb {position:absolute;right:0;top:35px;overflow:hidden;border:1px solid #d5d7d9;border-radius:3px;padding:0 12px;}
#tnb > li {float:left;}
#tnb > li > a {display:block;height:35px;line-height:35px;font-size:12px;color:#666;position:relative;padding:0 16px;}
#tnb > li > a:before {content:'';display:block;width:1px;height:16px;background:#d5d7d9;position:absolute;left:0;top:9px;}
#tnb > li:first-child > a:before {display:none;}
#tnb > li > a span {display:inline-block;background-position:left 10px;background-repeat:no-repeat;padding-left:24px;}
#tnb > li:nth-child(1) > a span {background-image:url(../images/tnb-ico1.gif);padding-left:15px;}
#tnb > li:nth-child(2) > a span {background-image:url(../images/tnb-ico2.gif);}
#tnb > li:nth-child(3) > a span {background-image:url(../images/tnb-ico3.gif);}
#tnb > li:nth-child(4) > a span {background-image:url(../images/tnb-ico4.gif);}
#tnb > li:nth-child(5) > a span {background-image:url(../images/tnb-ico5.gif);}

#gnb {font-size:0;border-top:1px solid #e8e8e8;padding:15px 0;text-align:center;}
#gnb a {display:inline-block;font-size:16px;color:#333;position:relative;padding:0 15px;transition:0.3s;}
#gnb a:before {content:'';display:block;width:1px;height:15px;background:#d5d7d9;position:absolute;left:0;top:6px;}
#gnb a:first-child:before {display:none;}
#gnb a:hover, #gnb a.active {color:#245cbc;}

#main {padding:30px 0 0;background:#dde8f4;}
#main .main-tit {font-size:30px;color:#245cbc;text-align:center;}
#main .main-box {margin-top:24px;}
#main .main-box:after {content:'';display:block;clear:both;}
#main .box {float:left;box-sizing:border-box;position:relative;}
#main .box1 {width:544px;height:368px;padding:30px 30px 0;background:url(../images/main-box1-bg.png?ver=1) no-repeat;}
#main .box1 h4 {font-size:30px;color:#fff;padding-bottom:10px;border-bottom:1px solid #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:43px;max-height:80px;word-wrap:break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#main .box1 dl {margin-top:15px;}
#main .box1 dl div {font-size:0;}
#main .box1 dl div + div {margin-top:5px;}
#main .box1 dl dt, #main .box1 dl dd {display:inline-block;padding:2px 0;vertical-align:middle;}
#main .box1 dl dt {font-size:17px;color:#6ba0fe;padding-left:30px;background-position:left 5px;background-repeat:no-repeat;}
#main .box1 dl div:nth-child(1) dt {background-image:url(../images/main-box1-ico1.png);}
#main .box1 dl div:nth-child(2) dt {background-image:url(../images/main-box1-ico2.png);}
#main .box1 dl div:nth-child(3) dt {background-image:url(../images/main-box1-ico3.png);}
#main .box1 dl div:nth-child(4) dt {background-image:url(../images/main-box1-ico6.png);}
#main .box1 dl dd {font-size:17px;color:#fff;padding-left:12px;}
/*#main .box1 .btn {display:block;width:484px;height:77px;line-height:65px;text-align:center;background:#467de1;position:relative;margin-top:40px;font-size:18px;color:#fff;box-shadow:3px 4px 6px rgba(0,0,0,0.5);position:absolute;left:30px;bottom:36px;}
#main .box1 .btn .line {display:block;background:#fff;position:absolute;transition:0.3s;}
#main .box1 .btn .line1 {width:100%;height:5px;right:0;top:0;}
#main .box1 .btn .line2 {width:5px;height:100%;right:0;top:0;}
#main .box1 .btn .line3 {width:100%;height:5px;left:0;bottom:0;}
#main .box1 .btn .line4 {width:5px;height:100%;left:0;bottom:0;}
#main .box1 .btn .txt {display:inline-block;padding:6px 21px 6px 42px;background:url(../images/main-box1-ico4.png) left center no-repeat, url(../images/main-box1-ico5.png) right center no-repeat;}
#main .box1 .btn:hover .line {width:0;height:0;}*/
#main .box1 .btn {display:block;width:120px;height:30px;line-height:30px;font-size:13px;color:#fff;text-align:center;background:#992781 url(../images/main-box3-ico1.png) 81px 10px no-repeat;border-radius:30px;margin-top:30px;}
#main .box1 .btn span {padding-right:18px;}
#main .box1 .btn:hover {color:#467fe1;background:#fff url(../images/main-box3-ico1-on.png) 81px 10px no-repeat;}

#main .box2 {width:328px;height:368px;background:#dbdcdf;padding:36px 30px 0;}
#main .box2 h4 {font-size:24px;color:#333;font-weight:400;}
#main .box2 .roll-box {position:relative;margin-top:10px;}
#main .box2 .roll-box .roll {position:relative;overflow:hidden;}
#main .box2 .roll-box .roll:before {content:'';display:block;width:100%;height:2px;background:#dbdcdf;position:absolute;left:0;top:50%;margin-top:-1px;}
#main .box2 .roll-box .roll:after {content:'';display:block;width:2px;height:100%;background:#dbdcdf;position:absolute;left:50%;margin-top:-1px;top:0;}
#main .box2 .roll-box .roll > li {float:left;width:50%;}
#main .box2 .roll-box .roll > li a {display:block;}
/*#main .box2 .roll-box .bx-controls-direction a {display:block;width:18px;height:13px;text-indent:-9999px;background-repeat:no-repeat;position:absolute;top:-35px;}
#main .box2 .roll-box .bx-controls-direction .bx-prev {background-image:url(../images/main-box2-prev.png);right:46px;}
#main .box2 .roll-box .bx-controls-direction .bx-next {background-image:url(../images/main-box2-next.png);right:-5px;}
#main .box2 .roll-box .bx-controls-auto a {display:block;width:18px;height:13px;text-indent:-9999px;background-repeat:no-repeat;position:absolute;right:19px;top:-35px;}
#main .box2 .roll-box .bx-controls-auto .bx-start {background-image:url(../images/main-box2-start.png);}
#main .box2 .roll-box .bx-controls-auto .bx-stop {background-image:url(../images/main-box2-stop.png);}*/

#main .box3 {width:328px;height:368px;background:#fff;border-bottom:1px solid #e7e7e7;}
#main .box3 ul {height:100%;}
#main .box3 li {height:50%;box-sizing:border-box;}
#main .box3 li a {display:block;height:100%;background-repeat:no-repeat;box-sizing:border-box;transition:0.3s;}
#main .box3 li:nth-child(1) a {background-image:url(../images/sympo-btn1-off.gif);}
#main .box3 li:nth-child(2) a {background-image:url(../images/sympo-btn2-off.gif);}
#main .box3 li a img {opacity:0;}
#main .box3 li a:hover img {opacity:1;}
/*
#main .box3 li h4 {font-size:20px;color:#131313;font-weight:400;}
#main .box3 p {font-size:14px;color:#777;margin-top:5px;}
#main .box3 span {display:block;width:120px;height:30px;line-height:30px;font-size:13px;color:#fff;text-align:center;background:#992781 url(../images/main-box3-ico1.png) 81px 10px no-repeat;border-radius:30px;margin-top:30px;}
#main .box3 span em {padding-right:18px;}
#main .box3 li:nth-child(1) a:hover {background:#467fe1 url(../images/main-box3-bg3-on.png) 235px 92px no-repeat;}
#main .box3 li:nth-child(2) a:hover {background:#467fe1 url(../images/main-box3-bg2-on.png) 235px 92px no-repeat;;border-top-color:#8eb7fc;}
#main .box3 a:hover h4 {color:#fff;}
#main .box3 a:hover p {color:#8eb7fc;}
#main .box3 a:hover span {color:#467fe1;background:#fff url(../images/main-box3-ico1-on.png) 81px 10px no-repeat;}
*/

#main .box4 {width:872px;height:202px;background:#fff;padding:32px 30px 0;box-sizing:border-box;}
#main .box4 h4 {font-size:24px;color:#333;font-weight:400;}
#main .box4 .more {display:block;position:absolute;right:0;top:0;}
#main .box4 .notice {margin-top:35px;}
#main .box4 .notice:after {content:'';display:block;clear:both;}
#main .box4 .notice li {float:left;width:388px;}
#main .box4 .notice li + li {margin-left:35px;}
#main .box4 .notice li a {display:block;position:relative;padding:0 0 0 68px;}
#main .box4 .notice .date {width:48px;position:absolute;left:0;top:0;text-align:center;}
#main .box4 .notice .date > * {display:block;}
#main .box4 .notice .date span {font-size:15px;color:#000;}
#main .box4 .notice .date strong {line-height:1;font-size:15px;color:#000;}
#main .box4 .notice dt {display:block;font-size:15px;color:#333;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#main .box4 .notice dd {display:block;font-size:14px;color:#777;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

#main .box5 {width:328px;height:202px;}
#main .box5 ul {height:100%;}
#main .box5 ul li {height:50%;padding:20px 30px 0;box-sizing:border-box;}
#main .box5 li:nth-child(1) {background:#245cbc url(../images/main-box5-bg1.png) 248px 24px no-repeat;}
#main .box5 li:nth-child(2) {background:#4d4e4f url(../images/main-box5-bg2.png) 248px 24px no-repeat;}
#main .box5 li span {display:block;font-size:16px;color:#fff;}
#main .box5 li strong {font-family:'Open Sans','Noto Sans KR',sans-serif;font-size:20px;color:#fff;}
#main .box5 li em {font-size:15px;color:#88898a;}

#footer {font-size:13px;color:#a1a1a1;text-align:center;padding:35px 0 55px;background:#eaebeb;}
#footer span {display:inline-block;padding:0 6px;}
#footer .copy {font-size:12px;font-weight:300;text-transform:uppercase;}

#svis {height:108px;font-size:0;text-align:center;background:url(../images/svis.jpg) 50% 0/cover no-repeat;padding-top:42px;box-sizing:border-box;}
#svis .inner {display:inline-block;width:auto;}
#svis h3 {float:left;font-size:25px;color:#fff;line-height:1;}
#svis .bread {float:left;line-height:1;padding-top:7px;margin-left:30px;}
#svis .bread .home {display:inline-block;width:14px;height:14px;text-indent:-9999px;background:url(../images/svis-home.png) center center no-repeat;margin-right:10px;vertical-align:top;}
#svis .bread .local {display:inline-block;font-size:13px;color:#fff;padding:0 10px 0 17px;background:url(../images/svis-arr.png) left center no-repeat;}

#contents {padding:70px 0 75px;min-height:400px;}

._program .pro-tit {font-size:30px;color:#333;text-align:center;}
._program .tbl {width:100%;margin-top:12px;}
._program .tbl th, ._program .tbl td {padding:12px 0;}
._program .tbl .top {color:#333;font-weight:400;border-top:3px solid #4d5265;border-bottom:1px solid #9ca6b1;}
._program .tbl .time {color:#777;font-weight:400;letter-spacing:0.01em;border-right:1px solid #c4c4ca;border-bottom:1px solid #c4c4ca;}
._program .tbl td {border-bottom:1px solid #c4c4ca;}
._program .tbl .tac {color:#777;text-align:center;}
._program .tbl .blue {background:#f2f9ff;}
._program .tbl .cont {/* border-right:1px solid #c4c4ca; */padding:25px 10px 25px 70px;}
._program .tbl .cont .tit {display:block;font-size:20px;color:#333;}
._program .tbl .cont .tit span {display:inline-block;}
._program .tbl .cont .tit  a {display:inline-block;}
._program .tbl .cont .name {display:block;color:#467de1;margin:10px 0 15px;}

._program .tbl .cont .name em {display:inline-block;margin-right:16px;}
._program .tbl .cont .txt {font-size:14px;color:#777;line-height:24px;}

._program .tabs {font-size:0;text-align:center;padding:30px 0 10px;}
._program .tabs li {display:inline-block;margin:0 5px;}
._program .tabs li a {font-size:16px;color:#555;border:1px solid #245cbc;padding:5px 10px;}
._program .tabs li.active a {color:#fff;background:#245cbc;}

._online .on-tit {font-size:18px;color:#333;font-weight:400;padding-left:20px;background:url(../images/online-bg1.gif) left 8px no-repeat;margin:40px 0 20px;}
._online .on-tit.fst {margin-top:0;}
._online .on-top {background:#fafafa;border-top:3px solid #4d5265;border-bottom:1px solid #ddd;padding:40px 70px 25px;}
._online .on-top .tit {display:block;font-size:24px;color:#333;}
._online .on-top .date {font-size:15px;color:#777;background:url(../images/online-ico1.png) left center no-repeat;padding:5px 0 5px 30px;margin:22px 0 10px;}
._online .on-top .date span {color:#333;}
._online .on-top .txt {font-size:15px;color:#777;padding-left:7px;position:relative;line-height:24px;}
._online .on-top .txt:before {content:'•';font-size:15px;color:#777;position:absolute;left:0;top:0;}
._online .on-blue {background:#f2f9ff;padding:40px 70px 25px;margin:15px 0 0;}
._online .on-blue .tit {display:block;font-size:18px;color:#333;font-weight:500;margin-bottom:10px;}
._online .on-blue .box {padding:20px 0;border-top:1px solid #ddd;}
._online .on-blue .box:nth-of-type(1) {border-top:none;}
._online .on-blue .box .stit {display:block;font-size:15px;color:#777;}
._online .on-blue .adv {font-size:15px;color:#467de1;padding-left:17px;margin-top:10px;position:relative;line-height:24px;}
._online .on-blue .adv:before {content:'※';position:absolute;left:0;}
._online .on-blue .txt {font-size:15px;padding-left:12px;margin-top:20px;}
._online .on-blue .txt dt {color:#333;}
._online .on-blue .txt dd {color:#969595;padding-left:5px;line-height:26px;}
._online .on-blue .info {padding-left:20px;margin-top:15px;}
._online .on-blue .info li {font-size:15px;color:#969595;line-height:26px;padding-left:8px;position:relative;}
._online .on-blue .info li:before {content:'•';position:absolute;left:0;}
._online .warn {font-size:15px;color:#c5001f;line-height:26px;}
._online .tbl {width:100%;border-top:3px solid #4d5265;margin-bottom:10px;}
._online .tbl th, ._online .tbl td {border-bottom:1px solid #9ca6b1;padding:10px 0;}
._online .tbl th {color:#333;font-weight:400;background:#f2f9ff;}
._online .tbl2 th {text-align:left;padding-left:30px;}
._online .tbl td {font-size:15px;color:#777;}
._online .tbl1 td {text-align:center;}
._online .tbl2 td {padding-left:26px;}
._online .tbl .br {border-right:1px solid #9ca6b1;}
._online .typ-txt {font-size:15px;color:#777;line-height:28px;}
._online .typ-txt a {vertical-align:baseline;}

._online .chk {font-size:14px;color:#777;text-align:right;margin-top:25px;}
._online .chk input[type="checkbox"] {vertical-align:middle;}

._online .chk-tit {display:block;font-size:15px;color:#777;font-weight:400;margin-bottom:10px;}

._online .tbl select {height:38px;font-size:15px;color:#777;border:1px solid #e8e8e8;padding-left:10px;box-sizing:border-box;}
._online .tbl input[type="text"] {height:38px;font-size:15px;color:#777;border:1px solid #e8e8e8;padding-left:10px;box-sizing:border-box;}
._online .tbl .price {display:inline-block;font-size:15px;color:#c5001f;font-weight:400;margin-right:30px;}
._online .tbl .pay-rdo {display:inline-block;font-size:15px;color:#7d7d7d;margin-left:25px;}

.botarea {font-size:0;text-align:center;margin-top:60px;}
.__btn {display:inline-block;width:204px;height:53px;line-height:53px;font-size:15px;color:#fff;text-align:center;background:#555;border:1px solid #555;box-sizing:border-box;margin:0 4px;}
.__btn1 {background:#467de1;border:1px solid #467de1;}
.__btn2 {background:#555;border:1px solid #555;}

._noticel .toparea{font-size:0;text-align:center;background:#fafafa;padding:14px 0;}
._noticel .toparea input {display:inline-block;height:40px;font-size:14px;color:#222;font-weight:300;background:#fff;border:1px solid #c4c4ca;padding-left:18px;vertical-align:top;margin-right:10px;box-sizing:border-box;}
._noticel .toparea .btn-sch {display:inline-block;width:100px;height:40px;line-height:40px;font-size:15px;color:#fff;background:#467de1;border:1px solid #467de1;vertical-align:top;box-sizing:border-box;}
._noticel table {width:100%;border-top:2px solid #4d5265;}
._noticel table th {font-size:16px;color:#333;font-weight:400;border-bottom:1px solid #9ca6b1;background:#f2f9ff;padding:14px 5px;}
._noticel table td {font-size:15px;color:#777;border-bottom:1px solid #c4c4ca;padding:24px 5px;}
._noticel table td.subject {padding-left:80px;}
._noticel table td.subject a {display:block;}

._noticel tr:hover td {background:#fafafa;}
._noticel table td.subject a:hover {color:#467de1;}

.paging {text-align:center;}
.paging a {
  display:inline-block;_display:inline;
  box-sizing:border-box;
  text-align:center;
  vertical-align:baseline;
  width:18px;height:18px;line-height:18px;
  color:#222;
  font-size:13px;
  z-index:0;
  margin:0 3px;
  position:relative;
  transition:0.3s;
}
.paging a:hover {color:#467de1;}
.paging .num.active {color:#467de1;font-weight:600;}
.paging .arr {color:#222;}
.paging .arr:hover {color:#467de1;}
.paging .prev {margin-right:10px;}
.paging .next {margin-left:10px;}

._noticev table {width:100%;border-top:3px solid #4d5265;}
._noticev table th, ._noticev table td {border-bottom:1px solid #c4c4ca;padding:22px 0;}
._noticev table th {color:#333;font-weight:400;background:#f2f9ff;}
._noticev .tit {font-size:22px;text-align:left;background:none;padding:30px 10px 30px 50px;}
._noticev table td {padding-left:28px;}
._noticev table td, ._noticev table td a {font-size:15px;color:#777;}
._noticev table .cont {padding:30px 50px;line-height:24px;}

._online-result {text-align:center;background:url(../images/join-result-bg1.gif) top repeat-x;border:1px solid #ebebeb;border-top:none;padding:70px 30px 80px;}
._online-result .msg {display:block;font-size:25px;color:#222;font-weight:500;margin-top:25px;}
._online-result .ment {font-size:15px;color:#555;line-height:24px;margin-top:25px;}
._online-result .ment strong {color:#222;font-weight:500;}
._online-result .__btn {margin-top:50px;}


/* ._program .tbl .cont .txt a img {height:20px !important; vertical-align:bottom; margin-bottom:2px; margin-left:5px;} */

._program .tbl .cont .txt a {display:inline-block; vertical-align:bottom;}
.video-icon {width:70px; background:#1b4792; color:#fff; font-size:11px; padding:2px 10px 5px 8px; border-radius:5px; margin-left:5px; box-sizing:border-box; }
.video-icon .play-c {font-size:8px; vertical-align:bottom;}
@media screen and (-webkit-min-device-pixel-ratio:0){.video-icon .play-c {font-size:0.5px;} .video-icon {padding:2px 10px 4px 8px;} }

._program .tbl .cont .txt span a {display:inline-block; margin-left:3px;width:15px; height:15px;  background:url(../images/download.png) left center no-repeat; margin-bottom:3px;}
._program .tabs {font-size:0;text-align:center;padding:30px 0 10px;}
._program .tabs li {display:inline-block;margin:0 5px;}
._program .tabs li a {font-size:16px;color:#555;border:1px solid #245cbc;padding:5px 10px;}
._program .tabs li.active a {color:#fff;background:#245cbc;}

.top-txt  {text-align:center;}
.top-txt span {display:block; font-size: 20px; color: #333;}
.top-txt2 {margin:30px 0 50px; text-align:center;}

.workshop-btn a {padding:5px 10px; background:#1b4792; color:#fff; border-radius: 5px; }
.play-c2 {margin-right:5px;}

.entrance-btn {position:relative; background:#1b4792; color:#fff; border-radius: 50px; padding:5px 40px 5px 17px;  }
.entrance-btn:after {position:absolute; top:50%;right:15px; margin-top:-2.5px; content:''; width:21px; height:5px; background:url(../images/arrow_right.png) no-repeat;}

.pop-wrap{position:relative; height:0; z-index:9999;}

#pop1 {position:absolute; top:10px; left:10px; }
#pop2 {position:absolute; top:10px; left:475px;}
.close {position:relative; width:100%; background:#000; height:35px; box-sizing:border-box; color:#fff; top:0;}
.pclose {position:absolute; right:0; top:-2px; background:#393939; height:37px; line-height:35px; padding:0 10px; color:#fff; font-size:13px; cursor:pointer;}
.pcheck {position:absolute; left:10px; top:0;  color:#fff; font-size:13px;  cursor:pointer; line-height:30px;}



/*210208*/
._program .tbl .cont .txt {position:relative;}
.c-btn{
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #777;
	cursor: pointer;
	border-radius:100%;
	position:absolute;
	right:200px; 
	top:50%;
	margin-top:-10px;
	box-sizing:border-box;
}

.c-btn:after {display:none; position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px; content:''; width:14px; height:14px; background:#911677; border-radius:100%;}
.c-btn.on:after {display:block;}

.c-tit {display:inline-block; font-size:16px; width:44%;}
.program {display:inline-block; width:56%;font-size:16px;}


.add-txt0506 {margin-top:20px; line-height:normal; font-size:15px;}
.eq-link {text-decoration:underline; vertical-align:baseline;}
.eq-link:hover  {text-decoration:underline;}